{dropdownLabel}
\n {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n \n {iconUrl &&
\n \n {label}\n\n {isOpen && pane}\n
\n )\n}\n\nFilter.propTypes = {\n className: PropTypes.string,\n isDisabled: PropTypes.bool.isRequired,\n isOpen: PropTypes.bool.isRequired,\n label: PropTypes.oneOfType([PropTypes.element, PropTypes.string]).isRequired,\n pane: PropTypes.oneOfType([PropTypes.element, PropTypes.string]).isRequired\n}\n\nFilter.defaultProps = {\n className: null\n}\n\nexport default Filter\n","import { keyBy, pick } from 'lodash'\n\nimport CreativesPage from './CreativesPage'\nimport CustomPage from './CustomPage'\nimport FraudPage from './FraudPage'\nimport OverviewPage from './OverviewPage'\nimport RetentionPage from './RetentionPage'\nimport RevenuePage from './RevenuePage'\nimport RoiPage from './RoiPage'\nimport SpendPage from './SpendPage'\nimport UsagePage from './UsagePage'\nimport ValuePage from './ValuePage'\n\nexport const ROUTES = [\n {\n component: OverviewPage,\n label: 'Overview',\n path: '/',\n value: 'overview'\n },\n {\n component: SpendPage,\n label: 'Spend',\n path: '/spend',\n value: 'spend'\n },\n {\n component: UsagePage,\n label: 'Usage',\n path: '/usage',\n value: 'usage'\n },\n {\n component: RetentionPage,\n label: 'Retention',\n path: '/retention',\n value: 'retention'\n },\n {\n component: ValuePage,\n label: 'Value',\n path: '/value',\n value: 'value'\n },\n {\n component: RevenuePage,\n label: 'Revenue',\n path: '/revenue',\n value: 'revenue'\n },\n {\n component: RoiPage,\n label: 'ROI',\n path: '/roi',\n value: 'roi'\n },\n {\n component: CustomPage,\n label: 'In-App Events',\n path: '/custom',\n value: 'custom'\n },\n {\n component: FraudPage,\n label: 'Fraud',\n path: '/fraud',\n value: 'fraud'\n },\n ...(window.gon.feature_flags.includes('creatives_report')\n ? [\n {\n component: CreativesPage,\n label: 'Creatives',\n path: '/creatives',\n value: 'creatives'\n }\n ]\n : [])\n]\n\nexport const REPORTS = ROUTES.map(route =>\n pick(route, ['label', 'path', 'value'])\n)\n\nexport const REPORTS_BY_VALUE = keyBy(REPORTS, 'value')\n\nexport const WINDOW_SCROLLTO_OPTIONS = {\n behavior: 'smooth',\n top: 0\n}\n","export const CV_SAMPLE_CSV_URL = '/downloads/tenjin_cv_template.csv'\nexport const CV_SAMPLE_CSV_WITH_META_URL = '/downloads/tenjin_cv_meta_template.csv'\nexport const CV_SAMPLE_CSV_FILE = 'tenjin_cv_template.csv'\n\nexport const KNOWLEDGE_BASE_CV_MAPPING_RECOMMENDATION_URL = 'https://docs.tenjin.com/v1/docs/en/conversion-value-mapping-recommendations?highlight=conversion%20value%20mapping'\nexport const KNOWLEDGE_BASE_UNDERSTANDING_CONVERSION_VALUES = 'https://docs.tenjin.com/docs/understanding-conversion-values-cvs'\nexport const KNOWLEDGE_BASE_UPLOAD_CV_SCHEMA = 'https://docs.tenjin.com/docs/upload-conversion-value-schema'\n\nexport const MMP_CONNECTION_URL_BASE = 'https://api.tenjin.com/skan/v1/cv_schema'\n\nexport const CV_SCHEMA_ONLINE = true\nexport const CV_SCHEMA_POSTBACK_SEQUENCE_INDEX_MAX = 2\nexport const CV_SCHEMA_POSTBACK_SEQUENCE_INDEX_MIN = 0\nexport const CV_SCHEMA_SKAN_VERSION_3 = '3.0'\nexport const CV_SCHEMA_SKAN_VERSION_4 = '4.0'\nexport const CV_SCHEMA_TYPE_COARSE_GRAINED = 'coarse'\nexport const CV_SCHEMA_TYPE_FINE_GRAINED = 'fine'\n\nexport const CV_SCHEMA_PARTNER_EVENT_NAME_KEY = {\n GOOGLE: 'google',\n META: 'meta',\n TIKTOK: 'tiktok'\n}\n\n/* eslint-disable sort-keys, quote-props */\nexport const CV_SCHEMA_COARSE_VALUE_MAPPING = {\n low: 0,\n medium: 1,\n high: 2,\n 0: 'low',\n 1: 'medium',\n 2: 'high'\n}\n/* eslint-enable sort-keys, quote-props */\n\nexport const ERROR_RESET_TIMEOUT_MS = 2000\n\nexport const SKELETON_ROW_COUNT = 5\n\nexport const DATE_FORMAT_UPLOADED_AT = 'dd MMM yyyy'\n\nexport const CSV_PREVIEW_COLUMN_ORDER = [\n 'postbackSequenceIndex',\n 'conversionValueType',\n 'conversionValue',\n 'customEventName',\n 'googleEventName',\n 'metaEventName',\n 'tiktokEventName',\n 'minRange',\n 'maxRange',\n 'currency'\n]\n\nexport const DEFAULT_EVENT_MAPPINGS = {\n googleEventName: '',\n metaEventName: '',\n tiktokEventName: ''\n}\n","import {\n DEFAULT_AM_GROUPED_SUMMARY_TABLE_DRILLDOWN_RULES,\n CUSTOM_UA_GROUPED_SUMMARY_TABLE_DRILLDOWN_RULES,\n DEFAULT_UA_GROUPED_SUMMARY_TABLE_DRILLDOWN_RULES,\n TARGETING_TAG_DRILLDOWN_RULES\n} from './constants'\n\nimport {\n isCustomReportPage, isGroupingByTargetingTags, isPublisherPage, isSkAdNetworkPage\n} from '../ReportingFilters'\n\nexport const getRulesByReportPageAndGroupBy = ({ groupBy, reportPage }) => {\n if (isSkAdNetworkPage(reportPage)) return groupBy\n\n if (isPublisherPage(reportPage)) {\n return DEFAULT_AM_GROUPED_SUMMARY_TABLE_DRILLDOWN_RULES[groupBy]\n }\n\n if (isGroupingByTargetingTags(groupBy)) {\n return TARGETING_TAG_DRILLDOWN_RULES\n }\n\n if (isCustomReportPage(reportPage)) {\n return CUSTOM_UA_GROUPED_SUMMARY_TABLE_DRILLDOWN_RULES[groupBy]\n }\n\n return DEFAULT_UA_GROUPED_SUMMARY_TABLE_DRILLDOWN_RULES[groupBy]\n}\n","import { isUndefined, uniq } from 'lodash'\nimport { createContext, useContext, useReducer } from 'react'\nimport { useLocation } from 'react-router-dom'\n\nimport {\n getGroupByFromQuery,\n getReportPageFromPathname,\n getUrlSearchParams,\n isSkAdNetworkPage\n} from '../ReportingFilters'\nimport { SK_AD_NETWORK_PAGE_STR } from '../ReportingFilters/constants'\nimport { DEFAULT_APPLE_SKAN_METRICS } from './constants'\nimport { getRulesByReportPageAndGroupBy } from './helpers'\n\nconst StateContext = createContext()\nconst DispatchContext = createContext()\n\nconst getInitialState = ({\n groupBy,\n metricColumnsByReport,\n viewMode,\n nameColumnMode,\n reportPage\n}) => ({\n isAllExpanded: false,\n isAllExpanding: false,\n isColumnEditorOpen: false,\n isFetchingTableData: false,\n metricColumnsByReport,\n nameColumnMode,\n rules: getRulesByReportPageAndGroupBy({ groupBy, reportPage }),\n tableData: [],\n viewMode\n})\n\nconst reducer = (state, action) => {\n const { type, payload } = action\n\n switch (type) {\n case 'OPEN_COLUMN_EDITOR': {\n return {\n ...state,\n isColumnEditorOpen: true\n }\n }\n\n case 'CLOSE_COLUMN_EDITOR': {\n return {\n ...state,\n isColumnEditorOpen: false\n }\n }\n\n case 'UPDATE_RULES': {\n const { groupBy, reportPage } = payload\n\n return {\n ...state,\n rules: getRulesByReportPageAndGroupBy({ groupBy, reportPage })\n }\n }\n\n case 'CHANGE_VIEW_MODE': {\n const { viewMode } = payload\n\n return {\n ...state,\n viewMode\n }\n }\n\n case 'APPLY_METRICS': {\n const { metrics, reportPage } = payload\n\n return {\n ...state,\n isColumnEditorOpen: false,\n metricColumnsByReport: {\n ...state.metricColumnsByReport,\n [reportPage]: metrics\n }\n }\n }\n\n case 'TOGGLE_ALL_EXPANDED': {\n return {\n ...state,\n isAllExpanded: !state.isAllExpanded,\n isAllExpanding: true\n }\n }\n\n case 'DONE_EXPANDING_ALL': {\n return {\n ...state,\n isAllExpanding: false\n }\n }\n\n case 'COLLAPSE_ALL': {\n return {\n ...state,\n isAllExpanded: false,\n isAllExpanding: false\n }\n }\n\n case 'SET_TABLE_DATA': {\n const { tableData } = payload\n\n return {\n ...state,\n tableData\n }\n }\n\n case 'SET_IS_FETCHING_TABLE_DATA': {\n const { isFetchingTableData } = payload\n\n return {\n ...state,\n isFetchingTableData\n }\n }\n\n case 'TOGGLE_NAME_EXTENDED': {\n return {\n ...state,\n nameColumnMode:\n state.nameColumnMode === 'default' ? 'extended' : 'default'\n }\n }\n\n default: {\n return state\n }\n }\n}\n\n/* eslint-disable react/prop-types */\nexport const GroupedSummaryTableSettingsProvider = ({\n children,\n metricColumnsByReport: metricColumnsByReportProp,\n nameColumnMode = 'default',\n viewMode = 'default'\n}) => {\n const location = useLocation()\n const reportPage = getReportPageFromPathname(location.pathname)\n\n const groupBy = getGroupByFromQuery({\n query: getUrlSearchParams(location.search),\n reportPage\n })\n\n /*\n TODO: Refactor this override with internal api improvements [TENJIN-14615]\n */\n const metricColumnsByReport = metricColumnsByReportProp\n\n if (isSkAdNetworkPage(reportPage)) {\n metricColumnsByReport[SK_AD_NETWORK_PAGE_STR] = uniq([\n ...metricColumnsByReport[SK_AD_NETWORK_PAGE_STR],\n ...DEFAULT_APPLE_SKAN_METRICS\n ])\n }\n\n const [state, dispatch] = useReducer(\n reducer,\n getInitialState({\n groupBy,\n metricColumnsByReport,\n nameColumnMode,\n reportPage,\n viewMode\n })\n )\n\n return (\n \n {selectionIcon}\n\n {leftContent}\n
\n\n {isValidElement(rightContent) && (\n \n {rightContent}\n
\n )}\n \n \n )\n}\n\nListItem.propTypes = {\n isDisabled: PropTypes.bool,\n isSelected: PropTypes.bool.isRequired,\n leftContent: PropTypes.oneOfType([PropTypes.element, PropTypes.string]).isRequired,\n onClick: PropTypes.func.isRequired,\n rightContent: PropTypes.element,\n selectionIcon: PropTypes.element.isRequired,\n tooltipText: PropTypes.string\n}\n\nListItem.defaultProps = {\n isDisabled: false,\n rightContent: null,\n tooltipText: null\n}\n\nexport default ListItem\n","import { isEmpty } from 'lodash'\n\nimport { GROUP_TYPE_ADVANCED } from './constants'\nimport styles from './styles.module.scss'\n\nexport const getCredentialsFromSettings = data =>\n Object.keys(data).reduce((acc, key) => {\n acc[key] = data[key].value\n\n return acc\n }, {})\n\nexport const getFieldSetFromSettings = data =>\n Object.keys(data).map(key => ({\n id: key,\n ...data[key]\n }))\n\nexport const getModalHeadersForRequiredMacros = ({\n defaultHeaders,\n callbackGroupTemplate,\n groupType,\n callback,\n selectedChannel\n}) => ({\n ...defaultHeaders,\n headers: [\n ...defaultHeaders.headers,\n ...(callbackGroupTemplate?.requiredMacros || [])\n .filter(\n ({ default: isDefault }) =>\n (isDefault && groupType === GROUP_TYPE_ADVANCED) || !isDefault\n )\n .map(({ name }) => ({\n label: (\n \n {name}\n \n ({selectedChannel.name})\n \n
\n )\n })),\n ...(callback?.macros || [])\n .filter(\n ({ default: isDefault, value }) =>\n (isDefault && value !== null) || !isDefault\n )\n .map(({ name }) => ({\n label: (\n \n {name}\n \n ({selectedChannel.name})\n \n
\n )\n }))\n ]\n})\n\nexport const getRequiredMacrosMappingForDraft = ({\n callbackGroupTemplate: { requiredMacros },\n credentials\n}) =>\n requiredMacros.reduce((mapping, { name, default: isUsingDefault }) => {\n // eslint-disable-next-line no-param-reassign\n mapping[name] = (isUsingDefault && credentials[name]) || null\n\n return mapping\n }, {})\n\nexport const getSortedCallbackGroupsForTable = callbackGroups =>\n callbackGroups.sort((a, b) => {\n if (a.active !== b.active) {\n return b.active - a.active\n }\n\n return a.name.localeCompare(b.name)\n })\n\nexport const getSortedS2SCallbacksForTable = callbacks =>\n callbacks.sort((a, b) => a.name.localeCompare(b.name))\n\nexport const getSortedCallbackHealthForTable = callbacks =>\n callbacks.sort(\n (a, b) =>\n (b.health ?? -1) - (a.health ?? -1) ||\n a.callback.name.localeCompare(b.callback.name)\n )\n\nexport const validateNewEventDraft = newEventDraft =>\n newEventDraft.rows?.length > 0 &&\n newEventDraft.rows.filter(\n row =>\n !isEmpty(row.callbackName) &&\n (!isEmpty(row.eventDefinition) ||\n newEventDraft.selectedCallbackGroupTemplate?.fixedEventDefinition) &&\n (newEventDraft.selectedCallbackGroupTemplate?.requiredMacros || []).every(\n ({ name, optional }) => optional || !isEmpty(row[name])\n ) &&\n !isEmpty(row.userFilter)\n ).length > 0\n\nexport const validateEditedCallbackDraft = editedCallbackDraft =>\n editedCallbackDraft?.rows?.length > 0 &&\n editedCallbackDraft.rows.filter(\n row =>\n !isEmpty(row.callbackName) &&\n !isEmpty(row.eventDefinition) &&\n (editedCallbackDraft.selectedCallback?.macros || []).every(\n ({ name, optional, default: isDefault }) =>\n optional || !isEmpty(row[name]) || isDefault\n )\n ).length > 0 &&\n editedCallbackDraft.isDirty\n","import { useMemo } from 'react'\nimport { useQueries } from 'react-query'\nimport {\n filter, has, map, pick, some, includes, lowerCase, omit, each\n} from 'lodash'\n\nimport { isPresent } from '../../utils/helpers'\n\nimport {\n fetchAdRevenueData, fetchAdRevenueSummaryData, fetchCohortData, fetchCohortLifetimeData,\n fetchCustomCohortData, fetchCustomCohortTotalData, fetchCustomUsageCumulativeData,\n fetchCustomUsageTotalData, fetchGroupedStatsData, fetchSummaryData, fetchReportingData\n} from '../../api/reporting'\n\nimport { buildQueryParams } from '../../contexts/ReportingFilters'\nimport { transformResponseDataForChart } from '../../utils/charts'\n\nimport {\n generateAppLevelDataByDateForMetrics,\n generateAppLevelDataByXDayForMetrics,\n generateSummaryLevelDataForMetrics\n} from '../../utils/mock'\n\nimport {\n PUBLISHER_REPORT_TYPE_STR,\n USER_ACQUISITION_REPORT_TYPE_STR\n} from '../../contexts/ReportingFilters/constants'\n\nimport { transformQueryParamsForV4Api } from '../../api/reporting/helpers'\n\nconst getFirstNElementsOf = ({ list, n }) => (isPresent(list) ? list.slice(0, n) : [])\n\nexport const buildVisibleSeries = (\n {\n groupedStatsDataByMetric, metricDefinitions, numMaxVisible\n }\n) => {\n const visibleSeries = {}\n\n metricDefinitions.forEach(({ key: metricDefinitionKey }) => {\n visibleSeries[metricDefinitionKey] = getFirstNElementsOf({\n list: groupedStatsDataByMetric[metricDefinitionKey],\n n: numMaxVisible\n })\n })\n\n return visibleSeries\n}\n\nexport const mapDataForSelector = data => data.map(item => (\n pick(item, 'color', 'id', 'name', 'platform', 'iconUrl')\n))\n\nexport const buildMetricDefinitionsForTabs = ({ metricDefinitions, tabs }) => (\n Object.keys(tabs).map(metricDefinitionKey => (\n {\n ...metricDefinitions[metricDefinitionKey],\n components: {\n ...metricDefinitions[metricDefinitionKey].components,\n kpiTabChart: {\n ...metricDefinitions[metricDefinitionKey].components.kpiTabChart,\n ...tabs[metricDefinitionKey].chartProps\n }\n },\n xAxisType: tabs[metricDefinitionKey].chartProps.xAxisType\n }\n ))\n)\n\nexport const buildMetricDefinitionsForSummaryBlocks = ({ metricDefinitions, summaryBlocks }) => (\n Object.keys(summaryBlocks).map(metricDefinitionKey => (\n {\n ...metricDefinitions[metricDefinitionKey],\n components: {\n ...metricDefinitions[metricDefinitionKey].components,\n kpiTabChart: {\n ...metricDefinitions[metricDefinitionKey].components.kpiTabChart,\n apiEndpoint: summaryBlocks[metricDefinitionKey].apiEndpoint\n }\n }\n }\n ))\n)\n\nconst ENDPOINT_TO_QUERY_FN = {\n adRevenue: fetchAdRevenueData,\n adRevenueSummary: fetchAdRevenueSummaryData,\n cohort: fetchCohortData,\n cohortLifetime: fetchCohortLifetimeData,\n customCohort: fetchCustomCohortData,\n customCohortTotal: fetchCustomCohortTotalData,\n customUsageCumulative: fetchCustomUsageCumulativeData,\n customUsageTotal: fetchCustomUsageTotalData,\n groupedStats: fetchGroupedStatsData,\n summary: fetchSummaryData\n}\n\nexport const isV4CompatibleEndpoint = endpoint => includes([\n 'adRevenue',\n 'adRevenueSummary',\n 'groupedStats',\n 'summary'\n], endpoint)\n\nconst getQueryFunctionByEndpoint = endpoint => {\n if (has(ENDPOINT_TO_QUERY_FN, endpoint)) {\n return ENDPOINT_TO_QUERY_FN[endpoint]\n }\n\n throw new Error(`missing endpoint support for ${endpoint}`)\n}\n\nconst V4_ENDPOINT_TO_REPORT_TYPE = {\n adRevenue: PUBLISHER_REPORT_TYPE_STR,\n adRevenueSummary: PUBLISHER_REPORT_TYPE_STR,\n groupedStats: USER_ACQUISITION_REPORT_TYPE_STR,\n summary: USER_ACQUISITION_REPORT_TYPE_STR\n}\n\nexport const isSummaryEndpoint = endpoint => lowerCase(endpoint).includes('summary')\n\nconst groupMetricDefinitionsByApiEndpoint = metricDefinitions => {\n const metricsByEndpoint = {}\n\n metricDefinitions.forEach(metricDefinition => {\n const {\n components: { kpiTabChart: { apiEndpoint } },\n key: metricDefinitionKey\n } = metricDefinition\n\n metricsByEndpoint[apiEndpoint] = metricsByEndpoint[apiEndpoint] || []\n\n metricsByEndpoint[apiEndpoint].push(metricDefinitionKey)\n })\n\n return metricsByEndpoint\n}\n\nexport const performQueriesFor = (\n {\n currentUser, location, metricDefinitions, reportingFilters, featureFlags\n }\n) => {\n const metricsByEndpoint = groupMetricDefinitionsByApiEndpoint(metricDefinitions)\n\n const baseQueryParams = buildQueryParams({ currentUser, location, reportingFilters })\n\n const queries = useQueries(\n Object.keys(metricsByEndpoint).map(endpoint => {\n const metrics = metricsByEndpoint[endpoint]\n\n const queryParamsForFetchingData = {\n ...baseQueryParams,\n metrics\n }\n\n const queryKey = JSON.stringify(queryParamsForFetchingData)\n\n const canQuery = isPresent(metrics)\n\n return {\n enabled: canQuery,\n queryFn: () => {\n if (featureFlags.includes('reporting_v4') && isV4CompatibleEndpoint(endpoint)) {\n let queryParams = transformQueryParamsForV4Api({\n queryParams: queryParamsForFetchingData\n })\n\n if (isSummaryEndpoint(endpoint)) {\n queryParams = omit(queryParams, ['dimensions'])\n }\n\n return fetchReportingData({\n context: {\n apiVersion: 4,\n isFlat: true,\n isSummary: isSummaryEndpoint(endpoint),\n queryParams,\n reportType: V4_ENDPOINT_TO_REPORT_TYPE[endpoint]\n }\n })\n }\n\n return getQueryFunctionByEndpoint(endpoint)({\n params: queryParamsForFetchingData\n })\n },\n queryKey: ['kpiTabs', endpoint, queryKey]\n }\n })\n )\n\n const isLoading = some(queries, 'isLoading')\n const isFetching = some(queries, 'isFetching')\n const isPulling = isLoading || isFetching\n\n const isError = some(queries, 'isError')\n\n const isSuccess = !(isLoading || isError)\n\n return {\n isError,\n isFetching,\n isLoading,\n isPulling,\n isSuccess,\n metricDefinitions,\n queries\n }\n}\n\nexport const useDataFromGroupedQueries = ({ isSuccess, metricDefinitions, queries }) => (\n useMemo(() => {\n if (isSuccess) {\n const responseDataList = queries.reduce((accumulator, query) => (\n [...accumulator, ...query.data]\n ), [])\n\n return transformResponseDataForChart({\n metricDefinitions,\n responseDataList\n })\n }\n\n return transformResponseDataForChart({\n metricDefinitions,\n responseDataList: []\n })\n }, [isSuccess, metricDefinitions, queries])\n)\n\nexport const flattenSummaryDataFromQueries = queryResponses => {\n let flattenedSummaryDataFromQueries = {}\n\n each(queryResponses, ({ data }) => {\n flattenedSummaryDataFromQueries = {\n ...flattenedSummaryDataFromQueries,\n ...(data[0] || data || {})\n }\n })\n\n return flattenedSummaryDataFromQueries\n}\n\nexport const useDataFromSummaryQueries = ({ isSuccess, metricDefinitions, queries }) => (\n useMemo(() => {\n if (isSuccess) {\n return flattenSummaryDataFromQueries(queries)\n }\n\n return {}\n }, [isSuccess, metricDefinitions, queries])\n)\n\nconst filterMetricDefinitionsByXAxisType = ({ metricDefinitions, xAxisType }) => (\n filter(metricDefinitions, ['xAxisType', xAxisType])\n)\n\nexport const buildMockDataForGroupedStats = metricDefinitions => {\n const datetimeMetricKeys = map(\n filterMetricDefinitionsByXAxisType({\n metricDefinitions,\n xAxisType: 'datetime'\n }),\n 'key'\n )\n\n const xDayMetricKeys = map(\n filterMetricDefinitionsByXAxisType({\n metricDefinitions,\n xAxisType: 'xday'\n }),\n 'key'\n )\n\n const groupedStatsDataList = [\n ...generateAppLevelDataByDateForMetrics(datetimeMetricKeys),\n ...generateAppLevelDataByXDayForMetrics(xDayMetricKeys)\n ]\n\n return transformResponseDataForChart({\n metricDefinitions,\n responseDataList: groupedStatsDataList\n })\n}\n\nexport const buildMockDataForSummary = metricDefinitions => (\n generateSummaryLevelDataForMetrics(\n map(metricDefinitions, 'key')\n )\n)\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { camelCase } from 'camel-case'\nimport { has } from 'lodash'\n\nimport { getPlatformIconClass } from '../../utils/helpers'\nimport { PLATFORM_TO_ICON, VALID_SIZES } from './constants'\n\nconst PlatformIcon = ({ className: classNameProp, platform, size }) => {\n const isValidSize = size && VALID_SIZES.includes(size)\n\n const iconClass = classNames('platformIcon', classNameProp, {\n [`platformIcon-${size}`]: isValidSize\n })\n\n if (platform) {\n const platformKey = camelCase(platform)\n\n if (has(PLATFORM_TO_ICON, platformKey)) {\n return \n
\n\n \n {labelTitle}\n
\n\n \n {children}\n
\n \n \n {title} \n\n {subtitle && {subtitle} }\n \n\n {searchInput}\n\n
\n)\n\nPane.propTypes = {\n children: PropTypes.node.isRequired,\n isCollapsed: PropTypes.bool.isRequired,\n listClass: PropTypes.string,\n onClose: PropTypes.func.isRequired,\n searchInput: PropTypes.element,\n subtitle: PropTypes.oneOfType([PropTypes.element, PropTypes.string]),\n title: PropTypes.oneOfType([PropTypes.element, PropTypes.string]).isRequired\n}\n\nPane.defaultProps = {\n listClass: null,\n searchInput: null,\n subtitle: null\n}\n\nexport default Pane\n","import { chain } from 'lodash'\n\nexport const buildSelectableMetrics = metricDefinitions =>\n chain(metricDefinitions)\n .filter(metric => metric.components.groupedSummaryTable.isVisible)\n .map(metric => ({\n id: metric.key,\n name: metric.displayName\n }))\n .sortBy('name')\n .value()\n\nexport const buildSelectedMetrics = ({\n metricDefinitions,\n selectedMetricKeys\n}) =>\n selectedMetricKeys.map(metricKey => ({\n id: metricKey,\n name: metricDefinitions[metricKey].displayName\n }))\n\nexport const isMatchedBySearch = ({ metricDefinition, searchText }) => {\n if (searchText.length === 0) return false\n if (metricDefinition === null || metricDefinition === undefined) return false\n\n const searchableMeta = chain([\n metricDefinition.key,\n metricDefinition.displayName,\n metricDefinition.abbreviatedName,\n metricDefinition.keywords,\n metricDefinition.components?.tooltip?.title || ''\n ])\n .uniq()\n .join(' ')\n .trim()\n .toLower()\n .value()\n\n return searchableMeta.includes(searchText.toLowerCase())\n}\n\nexport const sortMetricsAlphabeticallyWithXDay = (a, b) => {\n const nameA = a.name\n const nameB = b.name\n\n const regex = /(\\d+)/\n\n const hasNumberA = regex.test(nameA)\n const hasNumberB = regex.test(nameB)\n\n if (!hasNumberA && !hasNumberB) {\n return nameA.localeCompare(nameB)\n }\n\n if (!hasNumberA) return -1\n if (!hasNumberB) return 1\n\n const strippedNameA = nameA.replace(regex, '').trim()\n const strippedNameB = nameB.replace(regex, '').trim()\n\n const alphabeticalComparison = strippedNameA.localeCompare(strippedNameB)\n\n if (alphabeticalComparison !== 0) {\n return alphabeticalComparison\n }\n\n const matchA = nameA.match(regex)\n const matchB = nameB.match(regex)\n\n const numA = matchA ? parseInt(matchA[1], 10) : Infinity\n const numB = matchB ? parseInt(matchB[1], 10) : Infinity\n\n return numA - numB\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"controlBackgroundColor\":\"#fff\",\"controlBgColor\":\"#dee9f4\",\"controlBorder\":\"1px solid #dee9f4\",\"controlBorderRadius\":\"4px\",\"controlFontFamily\":\"\\\"Montserrat\\\",\\\"Lato\\\",\\\"Helvetica Neue\\\",Helvetica,Sans-serif\",\"controlFontSize\":\"14px\",\"controlFontWeight\":\"600\",\"controlLineHeight\":\"40px\",\"dropdownIndicatorColor\":\"#265479\",\"menuListScrollbarBackgroundColor\":\"#babdbf\",\"menuListScrollbarBorder\":\"2px solid #fff\",\"menuListScrollbarBorderRadius\":\"8px\",\"menuListScrollbarDimensions\":\"11px\",\"menuZIndex\":\"8000\",\"placeholderColor\":\"#265479\",\"placeholderFontWeight\":\"300\",\"placeholderPadding\":\"0 15px\",\"singleValueColor\":\"#265479\",\"singleValueFontWeight\":\"300\",\"singleValuePadding\":\"0 15px\",\"valueContainerPadding\":\"15px\",\"google-oauth-button\":\"styles-module__google-oauth-button___13Eq7\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1cIK4\",\"btn-toggle\":\"styles-module__btn-toggle___1cvvn\",\"handle\":\"styles-module__handle___C0MFu\",\"active\":\"styles-module__active___2n-78\",\"focus\":\"styles-module__focus___2evfU\",\"card-panel\":\"styles-module__card-panel___PZNeC\",\"panel-heading\":\"styles-module__panel-heading___2iomH\",\"panel-title\":\"styles-module__panel-title___1lN5X\",\"panel-subtitle\":\"styles-module__panel-subtitle___Yit9k\",\"panel-body\":\"styles-module__panel-body___3a6iM\",\"option\":\"styles-module__option___3B5Xg\",\"icon\":\"styles-module__icon___3qR9N\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___2n2RQ\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___3O_QN\",\"btn-toggle\":\"styles-module__btn-toggle___1IRqM\",\"handle\":\"styles-module__handle___B-lC4\",\"active\":\"styles-module__active___BGSYN\",\"focus\":\"styles-module__focus___2Tc1m\",\"card-panel\":\"styles-module__card-panel___2PaYy\",\"panel-heading\":\"styles-module__panel-heading___1J-mo\",\"panel-title\":\"styles-module__panel-title___3HcaV\",\"panel-subtitle\":\"styles-module__panel-subtitle___1YntI\",\"panel-body\":\"styles-module__panel-body___3h1jY\",\"campaignDetailsMergeInfo\":\"styles-module__campaignDetailsMergeInfo___PrhDL\",\"panelHeader\":\"styles-module__panelHeader___98GxT\",\"heading\":\"styles-module__heading___sMKuo\",\"date\":\"styles-module__date___2iMpf\",\"campaignsColumns\":\"styles-module__campaignsColumns___1TSKT\",\"trackedCampaigns\":\"styles-module__trackedCampaigns___133ea\",\"reportedCampaigns\":\"styles-module__reportedCampaigns___1S7ay\",\"campaignType\":\"styles-module__campaignType___lTmYg\",\"campaignsRow\":\"styles-module__campaignsRow___1qUTg\",\"header\":\"styles-module__header___2jH29\",\"trackedInstalls\":\"styles-module__trackedInstalls___2LVMG\",\"spend\":\"styles-module__spend___MbAO0\",\"reportedInstalls\":\"styles-module__reportedInstalls___K-_8o\",\"name\":\"styles-module__name___BtOjB\",\"trackedCampaignInfo\":\"styles-module__trackedCampaignInfo___3iP15\"};","import classNames from 'classnames'\nimport { isArray, isEmpty, isNull, uniq } from 'lodash'\nimport PropTypes from 'prop-types'\nimport { useEffect, useRef, useState } from 'react'\nimport { useQuery } from 'react-query'\nimport { useLocation } from 'react-router-dom'\n\nimport {\n fetchReportingData,\n getGroupedQueryFunctionByReportPage,\n saveTableNameColumnMode,\n saveTableViewMode\n} from '../../api/reporting'\nimport { transformQueryParamsForV4Api } from '../../api/reporting/helpers'\nimport { useCurrentUserState } from '../../contexts/CurrentUser'\nimport { useFeatureFlagsState } from '../../contexts/FeatureFlags'\nimport {\n useGroupedSummaryTableSettingsDispatch,\n useGroupedSummaryTableSettingsState\n} from '../../contexts/GroupedSummaryTableSettings'\nimport { useMetricDefinitionsState } from '../../contexts/MetricDefinitions'\nimport {\n getGroupedSummaryTableOnboardingStatus,\n useOnboardingStatusState\n} from '../../contexts/OnboardingStatus'\nimport {\n buildQueryParams,\n getNameHeaderSettingsByReportPage,\n getReportPageFromPathname,\n getReportTypeByReportPage,\n useReportingFiltersState\n} from '../../contexts/ReportingFilters'\nimport usePrevious from '../../hooks/usePrevious'\nimport useRefSize from '../../hooks/useRefSize'\nimport { isPresent } from '../../utils/helpers'\nimport { fetchMockAppLevelDataByDateForMetrics } from '../../utils/mock'\nimport AwaitingDataOverlay from '../AwaitingDataOverlay'\nimport ChartFailed from '../ChartFailed'\nimport NoDataOverlay from '../NoDataOverlay'\nimport OnboardingActionOverlay from '../OnboardingActionOverlay'\nimport TableContainer from '../Table/Container'\nimport ColumnEditorPane from './ColumnEditorPane'\nimport { DEFAULT_QUERY_OPTIONS } from './constants'\nimport GroupingTitle from './GroupingTitle'\nimport { isCompatibleWithUAMetrics, recursivelyUpdateTable } from './helpers'\nimport styles from './styles.module.scss'\nimport Table from './Table'\nimport TableActions from './TableActions'\n\nconst getNextGroupBy = ({ depth, rules }) => rules[depth + 1]\n\nconst GroupedSummaryTable = ({ className }) => {\n const { metricDefinitions } = useMetricDefinitionsState()\n const location = useLocation()\n const onboardingStatus = useOnboardingStatusState()\n const tableSettingsDispatch = useGroupedSummaryTableSettingsDispatch()\n const reportingFilters = useReportingFiltersState()\n const { featureFlags } = useFeatureFlagsState()\n\n const reportPage = getReportPageFromPathname(location.pathname)\n\n const {\n metricColumnsByReport,\n rules,\n viewMode: tableViewMode,\n nameColumnMode: tableNameColumnMode\n } = useGroupedSummaryTableSettingsState()\n\n const [tableData, setTableData] = useState(null)\n const [tableRowsLoadingById, setTableRowsLoadingById] = useState({})\n const [tableDataCache, setTableDataCache] = useState({})\n const [globalFilter, setGlobalFilter] = useState('')\n\n const changeTableViewMode = isCompact => {\n tableSettingsDispatch({\n payload: { viewMode: isCompact ? 'compact' : 'default' },\n type: 'CHANGE_VIEW_MODE'\n })\n }\n\n const collapseAll = () => {\n tableSettingsDispatch({\n payload: {},\n type: 'COLLAPSE_ALL'\n })\n }\n\n const setTableDataInSettings = fetchedTableData => {\n tableSettingsDispatch({\n payload: { tableData: fetchedTableData },\n type: 'SET_TABLE_DATA'\n })\n }\n\n const setIsFetchingTableData = isFetchingTableData => {\n tableSettingsDispatch({\n payload: { isFetchingTableData },\n type: 'SET_IS_FETCHING_TABLE_DATA'\n })\n }\n\n const toggleNameExtended = () => {\n tableSettingsDispatch({\n payload: {},\n type: 'TOGGLE_NAME_EXTENDED'\n })\n }\n\n const prevTableViewMode = usePrevious(tableViewMode)\n const prevTableNameColumnMode = usePrevious(tableNameColumnMode)\n\n useEffect(() => {\n const hasTableViewModeChanges =\n prevTableViewMode && tableViewMode !== prevTableViewMode\n\n if (hasTableViewModeChanges) {\n saveTableViewMode(tableViewMode)\n }\n }, [prevTableViewMode, tableViewMode])\n\n useEffect(() => {\n const hasTableNameColumnModeChanges =\n prevTableNameColumnMode && tableNameColumnMode !== prevTableNameColumnMode\n\n if (hasTableNameColumnModeChanges) {\n saveTableNameColumnMode(tableNameColumnMode)\n }\n }, [prevTableNameColumnMode, tableNameColumnMode])\n\n const selectedMetricDefinitions = metricColumnsByReport[reportPage].map(\n metric => metricDefinitions[metric]\n )\n\n const { isMocking, metricDefinitionForOverlay } =\n getGroupedSummaryTableOnboardingStatus({\n onboardingStatus,\n selectedMetricDefinitions\n })\n\n const { currentUser } = useCurrentUserState()\n\n let queryParamsForFetchingData = {\n ...buildQueryParams({ currentUser, location, reportingFilters }),\n metrics: metricColumnsByReport[reportPage]\n }\n\n if (featureFlags.includes('reporting_v4')) {\n queryParamsForFetchingData = transformQueryParamsForV4Api({\n isSummary: true,\n queryParams: queryParamsForFetchingData\n })\n }\n\n const handleClickRow = async ({ depth, id, original: rowData }) => {\n if (rowData.isLastQueryInSequence) {\n return\n }\n\n if (tableDataCache[id]) {\n setTableData(currentTableData => {\n if (isPresent(currentTableData)) {\n return recursivelyUpdateTable({\n childData: tableDataCache[id],\n id,\n tableData: currentTableData\n })\n }\n\n return []\n })\n\n return\n }\n\n setTableRowsLoadingById(currentTableRowsLoadingById => ({\n ...currentTableRowsLoadingById,\n [id]: true\n }))\n\n let fetchChildData = isMocking\n ? fetchMockAppLevelDataByDateForMetrics\n : getGroupedQueryFunctionByReportPage(reportPage)\n\n if (featureFlags.includes('reporting_v4')) {\n fetchChildData = fetchReportingData\n }\n\n let queryParams = {\n ...queryParamsForFetchingData,\n ...rowData.childQueryIds,\n groupBy: getNextGroupBy({\n depth,\n rules\n })\n }\n\n if (featureFlags.includes('reporting_v4')) {\n queryParams = transformQueryParamsForV4Api({\n isSummary: true,\n queryParams\n })\n }\n\n const hasRawQueryMetrics = rowData.rawQueryMetrics\n\n if (hasRawQueryMetrics) {\n queryParams.metrics = uniq([\n ...queryParams.metrics,\n ...rowData.rawQueryMetrics\n ])\n }\n\n try {\n let childData\n\n if (featureFlags.includes('reporting_v4')) {\n const isLastQueryInSequence = rules.length === depth + 2\n\n childData = await fetchChildData({\n context: {\n apiVersion: 4,\n isCompatibleWithUAMetrics: isCompatibleWithUAMetrics(\n queryParams.dimensions\n ),\n isLastQueryInSequence,\n parentQueryIds: rowData.childQueryIds,\n queryParams,\n reportType: getReportTypeByReportPage(reportPage),\n rules\n }\n })\n } else {\n childData = await fetchChildData({\n isCompatibleWithUAMetrics: isCompatibleWithUAMetrics(\n queryParams.groupBy\n ),\n isLastQueryInSequence: rules.length === depth + 2,\n params: queryParams,\n parentQueryIds: rowData.childQueryIds,\n rules\n })\n }\n\n setTableRowsLoadingById(currentTableRowsLoadingById => ({\n ...currentTableRowsLoadingById,\n [id]: false\n }))\n\n setTableDataCache(currentTableDataCache => ({\n ...currentTableDataCache,\n [id]: childData\n }))\n\n setTableData(currentTableData => {\n if (isPresent(currentTableData)) {\n return recursivelyUpdateTable({\n childData,\n id,\n tableData: currentTableData\n })\n }\n\n return []\n })\n } catch (error) {\n setTableRowsLoadingById(currentTableRowsLoadingById => ({\n ...currentTableRowsLoadingById,\n [id]: false\n }))\n }\n }\n\n const queryKey = JSON.stringify(queryParamsForFetchingData)\n\n let fetchParentData = isMocking\n ? fetchMockAppLevelDataByDateForMetrics\n : getGroupedQueryFunctionByReportPage(reportPage)\n\n if (featureFlags.includes('reporting_v4')) {\n fetchParentData = fetchReportingData\n }\n\n const {\n data: groupedSummaryData,\n isError,\n isFetching,\n isLoading,\n refetch,\n error\n } = useQuery(\n ['GroupedSummaryTableData', queryKey, location.search],\n () => {\n if (featureFlags.includes('reporting_v4')) {\n return fetchParentData({\n context: {\n apiVersion: 4,\n isCompatibleWithUAMetrics: isCompatibleWithUAMetrics(\n queryParamsForFetchingData.dimensions\n ),\n queryParams: queryParamsForFetchingData,\n reportType: getReportTypeByReportPage(reportPage),\n rules\n }\n })\n }\n\n return fetchParentData({\n isCompatibleWithUAMetrics: isCompatibleWithUAMetrics(\n queryParamsForFetchingData.groupBy\n ),\n params: queryParamsForFetchingData,\n rules\n })\n },\n DEFAULT_QUERY_OPTIONS\n )\n\n const isPullingData = isLoading || isFetching || isNull(tableData)\n\n useEffect(() => {\n if (isLoading || isFetching) {\n setIsFetchingTableData(isLoading || isFetching)\n setTableDataCache({})\n return\n }\n\n if (isError) {\n window.Honeybadger.notify(error)\n setTableData([])\n setTableDataInSettings([])\n } else {\n setTableData(groupedSummaryData)\n setTableDataInSettings(groupedSummaryData)\n collapseAll()\n }\n\n setIsFetchingTableData(false)\n }, [groupedSummaryData, isError, isFetching, isLoading])\n\n const { hasRecentlyReceivedFirstEvents } = onboardingStatus\n\n const hasNoDataToDisplay =\n !isMocking &&\n !isError &&\n !isPullingData &&\n !hasRecentlyReceivedFirstEvents &&\n isArray(tableData) &&\n isEmpty(tableData)\n\n const isAwaitingDataToBeCalculated =\n !isMocking &&\n !isError &&\n !isPullingData &&\n hasRecentlyReceivedFirstEvents &&\n isEmpty(tableData)\n\n const isCompactViewMode = tableViewMode === 'compact'\n const isNameExtended = tableNameColumnMode === 'extended'\n\n const { isAllExpandable, isUsingGroupByForNameHeader } =\n getNameHeaderSettingsByReportPage(reportPage)\n\n const shouldHaveNoHorizontalScroll =\n hasNoDataToDisplay || isAwaitingDataToBeCalculated || isCompactViewMode\n\n const tableContainerClassName = classNames(styles.tableContainer, {\n [styles.tableContainerNoXScroll]: shouldHaveNoHorizontalScroll,\n [styles.compactView]: isCompactViewMode\n })\n\n const tableContainerRef = useRef(null)\n const tableContainerSize = useRefSize(tableContainerRef)\n\n return (\n \n {children}\n
\n \n
\n )\n}\n\nGroupedSummaryTable.propTypes = {\n className: PropTypes.oneOfType([PropTypes.array, PropTypes.string])\n}\n\nGroupedSummaryTable.defaultProps = {\n className: ''\n}\n\nexport default GroupedSummaryTable\n","import { omit } from 'lodash'\nimport { useHistory, useLocation } from 'react-router-dom'\nimport Select from 'react-select'\n\nimport { useGroupedSummaryTableSettingsDispatch } from '../../../../contexts/GroupedSummaryTableSettings'\nimport { useMetricDefinitionsDispatch } from '../../../../contexts/MetricDefinitions'\nimport {\n getGroupByFromQuery,\n getUrlSearchParams\n} from '../../../../contexts/ReportingFilters'\nimport {\n CREATIVE_GROUP_BY_ID_STR,\n CREATIVES_REPORT_STR,\n CUSTOM_REPORT_STR,\n SITE_ID_GROUP_BY_ID_STR\n} from '../../../../contexts/ReportingFilters/constants'\nimport { userAcquisitionReportObject } from '../../../../utils/customPropTypes'\nimport {\n getLocalDashboardStorage,\n isPresent,\n stripTrailingSlash\n} from '../../../../utils/helpers'\nimport { SUCCESS_COLORS } from '../../../../utils/react-select'\nimport ReportingPageHeader from '../../ReportingPage/Header'\nimport { REPORTS } from '../constants'\nimport { MAX_MENU_HEIGHT } from './constants'\nimport stylesObj from './styles.module.scss'\n\nconst customStyles = {\n container: styles => ({ ...styles, cursor: 'pointer' }),\n control: () => ({\n display: 'flex',\n flexGrow: 0,\n flexShrink: 1,\n fontFamily: 'Montserrat',\n fontSize: 24,\n fontWeight: 600,\n lineHeight: stylesObj.controlLineHeight\n }),\n dropdownIndicator: styles => ({\n ...styles,\n ':hover': {\n ...styles[':hover'],\n color: SUCCESS_COLORS.base\n },\n color: SUCCESS_COLORS.base,\n padding: 0\n }),\n indicatorSeparator: styles => ({\n ...styles,\n display: 'none',\n width: 0\n }),\n menu: styles => ({\n ...styles,\n whiteSpace: 'nowrap',\n width: 'auto',\n zIndex: stylesObj.menuZIndex\n }),\n singleValue: styles => ({\n ...omit(styles, ['maxWidth', 'position', 'transform']),\n color: SUCCESS_COLORS.base,\n margin: 0\n }),\n valueContainer: styles => ({ ...styles, padding: 0 })\n}\n\nconst getUrlForHistory = ({ currentReport, location, newReport }) => {\n const existingGroupBy =\n currentReport.value === CREATIVES_REPORT_STR &&\n getLocalDashboardStorage()[`${newReport.value}:groupBy`]\n\n const splitPath = stripTrailingSlash(location.pathname).split('/')\n\n const currentlyNotOverviewReport = currentReport.path !== '/'\n if (currentlyNotOverviewReport) {\n splitPath.pop()\n }\n\n const action = newReport.path === '/' ? '' : newReport.path\n\n let url = `${splitPath.join('/')}${action}`\n\n if (isPresent(location.search)) {\n const search = getUrlSearchParams(location.search)\n\n if (\n currentReport.value === CUSTOM_REPORT_STR &&\n isPresent(search.get('event_name'))\n ) {\n search.delete('event_name')\n }\n\n if (existingGroupBy) {\n search.set('group_by', existingGroupBy)\n }\n\n const isInvalidCustomReportGroupBy =\n newReport.value === CUSTOM_REPORT_STR &&\n search.get('group_by') === SITE_ID_GROUP_BY_ID_STR\n const isInvalidCreativesReportGroupBy =\n newReport.value !== CREATIVES_REPORT_STR &&\n search.get('group_by') === CREATIVE_GROUP_BY_ID_STR\n const isInvalidGroupBy =\n isInvalidCustomReportGroupBy || isInvalidCreativesReportGroupBy\n\n if (isInvalidGroupBy) {\n search.delete('group_by')\n }\n\n url = `${url}?${search.toString()}`\n }\n\n return url\n}\n\nconst ReportsSelector = ({ report }) => {\n const history = useHistory()\n const location = useLocation()\n\n const metricDefinitionsDispatch = useMetricDefinitionsDispatch()\n const groupedSummaryTableSettingsDispatch =\n useGroupedSummaryTableSettingsDispatch()\n\n const handleChange = newReport => {\n if (newReport.value !== report.value) {\n history.push(\n getUrlForHistory({ currentReport: report, location, newReport })\n )\n\n const reportPage = newReport.value\n metricDefinitionsDispatch({\n payload: { reportPage },\n type: 'CHANGE_REPORT_PAGE'\n })\n\n const query = getUrlSearchParams(location.search)\n const groupBy = getGroupByFromQuery({ query, reportPage })\n\n groupedSummaryTableSettingsDispatch({\n payload: { groupBy, reportPage },\n type: 'UPDATE_RULES'\n })\n }\n }\n\n return (\n \n \n
\n\n {isMocking && (\n \n
\n\n \n {children}\n \n {overlayContent && (\n
\n)\n\nconst CardPanel = ({\n actions,\n children,\n className,\n footer,\n overlayContainerClassName,\n overlayContent,\n overlayOpaqueness,\n panelBodyClassName,\n title\n}) => {\n const Wrapper = overlayOpaqueness !== 'none' ? Overlay : FragmentWrapper\n\n return (\n \n
\n )}\n {overlayContent}
\n \n
\n\n \n
\n \n )}\n
\n )\n}\n\nOverlay.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n containerClassName: PropTypes.string,\n overlayContent: PropTypes.node\n}\n\nOverlay.defaultProps = {\n className: '',\n containerClassName: '',\n overlayContent: null\n}\n\nCardPanel.propTypes = {\n actions: PropTypes.node,\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n footer: PropTypes.node,\n overlayContainerClassName: PropTypes.string,\n overlayContent: PropTypes.node,\n overlayOpaqueness: overlayOpaquenessTypes,\n panelBodyClassName: PropTypes.string,\n title: PropTypes.string.isRequired\n}\n\nCardPanel.defaultProps = {\n actions: null,\n className: '',\n footer: null,\n overlayContainerClassName: '',\n overlayContent: null,\n overlayOpaqueness: 'none',\n panelBodyClassName: ''\n}\n\nexport default CardPanel\n","export const DATE_DISPLAY_FORMAT = 'PP'\nexport const DATE_FORMAT = 'yyyy-MM-dd'\nexport const RANGE_COLORS = ['#0271c3']\n\n// this is a hack for the react-date-range library in order to allow the 'days up to today' input\n// to be empty\n// https://github.com/hypeserver/react-date-range/issues/330\nexport const VOID_END_DATE = 'void'\n\nexport const ONE_YEAR_IN_MILLISECONDS = 365 * 24 * 60 * 60 * 1000\nexport const ONE_DAY_IN_MILLISECONDS = 1000 * 60 * 60 * 24\nexport const ONE_YEAR_IN_DAYS = 365\n","import {\n cloneDeep,\n groupBy,\n isEmpty,\n isString,\n keyBy,\n map,\n pickBy,\n sortBy\n} from 'lodash'\nimport numeral from 'numeral'\n\nimport { parseStrToTime } from '../components/ReportingSidebar/DateFilter/helpers'\nimport { isBlank, isPresent } from './helpers'\n\nexport const CHART_COLORS = [\n '#0271c3', // navy blue (primary)\n '#05b7ac', // cyan (success)\n '#ee7733', // orange\n '#ee99aa', // light red\n '#117733', // green\n '#997700', // dark yellow\n '#ee3377', // magenta\n '#882255', // wine\n '#ddcc77', // sand\n '#99ddff' // pale cyan\n]\n\nexport const CONVERSION_VALUE_HISTOGRAM_COLORS = [\n '#2D71BD', // mariner (1st column)\n '#A598B4' // amethyst-smoke (2nd column)\n]\n\nexport const CONVERSION_VALUE_HISTOGRAM_TOOLTIP_BACKGROUND_COLOR = '#28292b'\n\nconst buildContextObject = ({ id, dataPoint }) => {\n /* eslint-disable camelcase */\n const { name, platform, iconUrl } = dataPoint\n\n return {\n id,\n name: isPresent(name) ? name : 'Unavailable',\n ...pickBy({\n iconUrl,\n platform\n })\n }\n /* eslint-enable camelcase */\n}\n\n// the API can return dates in the format of \n
\n {title}
\n {actions}
\n \n
\n {children}\n
\n \n {footer && (\n \n
{footer}
\n \n {children}\n
\n)\n\nSection.propTypes = {\n children: PropTypes.node.isRequired\n}\n\nexport default Section\n","import PropTypes from 'prop-types'\n\nimport styles from './styles.module.scss'\n\nconst SectionContent = ({ children }) => (\n \n {children}\n
\n)\n\nSectionContent.propTypes = {\n children: PropTypes.node.isRequired\n}\n\nexport default SectionContent\n","import PropTypes from 'prop-types'\n\nimport styles from './styles.module.scss'\n\nconst SectionHeader = ({ children }) => (\n \n {children}\n
\n)\n\nSectionHeader.propTypes = {\n children: PropTypes.node.isRequired\n}\n\nexport default SectionHeader\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___2Z4Yu\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___2rmfY\",\"btn-toggle\":\"styles-module__btn-toggle___1xEJk\",\"handle\":\"styles-module__handle___1nl5K\",\"active\":\"styles-module__active___-9zDS\",\"focus\":\"styles-module__focus___19Ct2\",\"card-panel\":\"styles-module__card-panel___1UUcK\",\"panel-heading\":\"styles-module__panel-heading___1SR8H\",\"panel-title\":\"styles-module__panel-title___1ZYnb\",\"panel-subtitle\":\"styles-module__panel-subtitle___2qhpZ\",\"panel-body\":\"styles-module__panel-body___1xi8_\",\"campaignDetailsMergeTool\":\"styles-module__campaignDetailsMergeTool___oHAQ7\",\"panelHeader\":\"styles-module__panelHeader___23qzn\",\"lookback\":\"styles-module__lookback___3c8qj\",\"dropdown\":\"styles-module__dropdown___TOy6l\",\"headings\":\"styles-module__headings___2UjOY\",\"heading\":\"styles-module__heading___3lSmt\",\"subHeading\":\"styles-module__subHeading___-Qjmh\",\"campaignsColumns\":\"styles-module__campaignsColumns___3gGBr\",\"trackedCampaigns\":\"styles-module__trackedCampaigns___tt3pE\",\"campaignType\":\"styles-module__campaignType___3zMsv\",\"prompt\":\"styles-module__prompt___-0rHv\",\"campaignsRow\":\"styles-module__campaignsRow___2fc92\",\"header\":\"styles-module__header___2lj0A\",\"trackedInstalls\":\"styles-module__trackedInstalls___lf0oC\",\"name\":\"styles-module__name___3GJaF\",\"inputContainer\":\"styles-module__inputContainer___QSs8H\",\"input\":\"styles-module__input___3aAlj\",\"trackedCampaignInfo\":\"styles-module__trackedCampaignInfo___3C7YB\"};","import React from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport FontAwesomeIcon from '../FontAwesomeIcon'\n\nimport { isPresent } from '../../utils/helpers'\nimport { oneOfMetricValueTypes } from '../../utils/customPropTypes'\nimport { formatNumberForDisplay, isBlankValue } from './helpers'\nimport { displaySettingsByValueType } from './constants'\n\nimport styles from './styles.module.scss'\n\nconst ReportingDataMetricValueDisplay = ({ className, iconClassName, value, valueType }) => {\n if (isBlankValue(value)) {\n return (\n \n \n
\n \n
\n )\n}\n\nSingleSelectIcon.propTypes = {\n isSelected: PropTypes.bool.isRequired\n}\n\nexport default SingleSelectIcon\n","import classNames from 'classnames'\n\nimport styles from './styles.module.scss'\n\nconst Label = ({ children, className }) => (\n \n {children}\n
\n)\n\nexport default Label\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___23Pk1\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___3TP1q\",\"btn-toggle\":\"styles-module__btn-toggle___2Fcu9\",\"handle\":\"styles-module__handle___2ya8A\",\"active\":\"styles-module__active___2FTQw\",\"focus\":\"styles-module__focus___1T3Oj\",\"card-panel\":\"styles-module__card-panel___vb7jH\",\"panel-heading\":\"styles-module__panel-heading___2Nr9X\",\"panel-title\":\"styles-module__panel-title___JOzkA\",\"panel-subtitle\":\"styles-module__panel-subtitle___1NjPF\",\"panel-body\":\"styles-module__panel-body____yW_t\",\"cell\":\"styles-module__cell___uM7C-\",\"table\":\"styles-module__table___3zUoq\",\"body\":\"styles-module__body___1dW_Q\",\"stickyHeader\":\"styles-module__stickyHeader___FvVlo\",\"nameCell\":\"styles-module__nameCell___1gDOJ\",\"depthOne\":\"styles-module__depthOne___1ma9y\",\"depthTwo\":\"styles-module__depthTwo___mlbZX\",\"depthThree\":\"styles-module__depthThree___3BnSx\",\"depthFour\":\"styles-module__depthFour___1oU18\",\"header\":\"styles-module__header___3jelB\",\"nameHeader\":\"styles-module__nameHeader___3oQHS\",\"paddingForSortIcon\":\"styles-module__paddingForSortIcon___kZ1Nz\",\"compactHeader\":\"styles-module__compactHeader___29kfZ\",\"skeletonRow\":\"styles-module__skeletonRow___2BWtY\",\"noSearchMatch\":\"styles-module__noSearchMatch___2o1WP\"};","export const iosApp = {\n bundleId: 'com.ios.app',\n iconUrl: 'https://via.placeholder.com/14',\n id: '__mock-1__',\n name: 'iOS App',\n platform: 'ios',\n storeId: 'com.ios.app'\n}\n\nexport const androidApp = {\n bundleId: 'com.android.app',\n iconUrl: 'https://via.placeholder.com/14',\n id: '__mock-2__',\n name: 'Android App',\n platform: 'android',\n storeId: 'com.android.app'\n}\n\nexport const demoOrgApps = [\n {\n \"id\": \"8c9e8ea9-73a4-4e14-b098-5e6ec419e75a\",\n \"name\": \"Android Other - io.tenjin.tenjindeviceinfo.other\",\n \"storeId\": null,\n \"platform\": \"android_other\",\n \"bundleId\": \"io.tenjin.tenjindeviceinfo.other\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"e5d65711-cbd5-407c-8bcd-7ae768c532e7\",\n \"name\": \"android-sdk-demo\",\n \"storeId\": \"com.tenjin.android.sdk.demo\",\n \"platform\": \"android\",\n \"bundleId\": \"com.tenjin.android.sdk.demo\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"6b200c12-0425-4045-a51b-9f8f6498c6b6\",\n \"name\": \"Angry Birds 2\",\n \"storeId\": \"880047117\",\n \"platform\": \"ios\",\n \"bundleId\": \"com.rovio.baba\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/6b200c12-0425-4045-a51b-9f8f6498c6b6/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"211e4a41-a3c1-4661-9318-fe92fcea1ef4\",\n \"name\": \"Cop Watch - Police Simulator\",\n \"storeId\": \"com.Craydevs.PoliceSquadSimulator\",\n \"platform\": \"android\",\n \"bundleId\": \"com.Craydevs.PoliceSquadSimulator\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/211e4a41-a3c1-4661-9318-fe92fcea1ef4/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"066985b6-cc4f-45b4-ab64-2d6b757d873d\",\n \"name\": \"Cordova Test App\",\n \"storeId\": null,\n \"platform\": \"android\",\n \"bundleId\": \"io.tenjin.cordova.demo\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"3d9f68fd-3810-4ac3-83f4-7ae2f32cd16c\",\n \"name\": \"Crush Master 3D\",\n \"storeId\": \"1629873767\",\n \"platform\": \"ios\",\n \"bundleId\": \"com.homa.CrushMaster3D\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/3d9f68fd-3810-4ac3-83f4-7ae2f32cd16c/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"16851013-ccc6-4047-a0c7-2b8918e3f325\",\n \"name\": \"Filtru Coffee\",\n \"storeId\": \"1150921819\",\n \"platform\": \"ios\",\n \"bundleId\": \"com.przemyslawbobak.filtru\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/16851013-ccc6-4047-a0c7-2b8918e3f325/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"1bb0335a-9412-4ba7-8f5c-742a5ce56ba5\",\n \"name\": \"Flow Free\",\n \"storeId\": \"com.bigduckgames.flow\",\n \"platform\": \"android\",\n \"bundleId\": \"com.bigduckgames.flow\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/1bb0335a-9412-4ba7-8f5c-742a5ce56ba5/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"f7758801-982f-4110-b23f-c3e62d72ac11\",\n \"name\": \"Fox Say What\",\n \"storeId\": null,\n \"platform\": \"amazon\",\n \"bundleId\": \"com.sleepyapps.foxsaywhat\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"f674ff52-ecfe-4302-8cb2-82a4d11c0fc9\",\n \"name\": \"GasBuddy: Find and Pay for Cheap Gas and Fuel\",\n \"storeId\": \"gbis.gbandroid\",\n \"platform\": \"android\",\n \"bundleId\": \"gbis.gbandroid\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/f674ff52-ecfe-4302-8cb2-82a4d11c0fc9/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"8d68818e-f31e-46ab-947a-d50db758fc8b\",\n \"name\": \"Hair Challenge\",\n \"storeId\": \"com.Upperpik.HairChallenge\",\n \"platform\": \"android\",\n \"bundleId\": \"com.Upperpik.HairChallenge\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/8d68818e-f31e-46ab-947a-d50db758fc8b/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"5a99954c-218a-4cb0-abce-b7c42b79920d\",\n \"name\": \"HyperBidTestUnityAndroid\",\n \"storeId\": null,\n \"platform\": \"android\",\n \"bundleId\": \"com.superapp.filemanager\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"0e385552-1851-4f0b-94c2-9bcf4866dacf\",\n \"name\": \"iOS SDK Demo App\",\n \"storeId\": null,\n \"platform\": \"ios\",\n \"bundleId\": \"com.tenjin.ios-demo\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"d9ab9e10-5a8e-4341-925c-e9dfd2c26b55\",\n \"name\": \"IQ Тест - тренировка мозга PRO\",\n \"storeId\": \"496093529\",\n \"platform\": \"ios\",\n \"bundleId\": \"ru.iapps.iq\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/d9ab9e10-5a8e-4341-925c-e9dfd2c26b55/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"1a813ce9-b88d-44ea-ad70-624dda3d73cf\",\n \"name\": \"lords mobile\",\n \"storeId\": null,\n \"platform\": \"android_other\",\n \"bundleId\": \"com.igg.android.lordsmobile\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"ee67103e-6729-4663-bf56-116b1f822cda\",\n \"name\": \"Minecube - Idle\",\n \"storeId\": \"com.YsoCorp.MinecubeIdle\",\n \"platform\": \"android\",\n \"bundleId\": \"com.YsoCorp.MinecubeIdle\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/ee67103e-6729-4663-bf56-116b1f822cda/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"c50834c1-4d76-4f41-8641-e7d48a52eb71\",\n \"name\": \"My Application\",\n \"storeId\": null,\n \"platform\": \"android\",\n \"bundleId\": \"com.example.myapplication\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"7d4383ca-cf39-4c80-b0b6-5cf1975e5d74\",\n \"name\": \"Pinterest Lite\",\n \"storeId\": \"com.pinterest.twa\",\n \"platform\": \"android\",\n \"bundleId\": \"com.pinterest.twa\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/7d4383ca-cf39-4c80-b0b6-5cf1975e5d74/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"9e2c161c-a72a-442b-a18b-69e3fa2061cc\",\n \"name\": \"Pixie Glow\",\n \"storeId\": \"1535748403\",\n \"platform\": \"ios\",\n \"bundleId\": \"com.beka.PixieGlow\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/9e2c161c-a72a-442b-a18b-69e3fa2061cc/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"a30397c4-2785-4456-af48-9e492cdf1f00\",\n \"name\": \"Super Touch The Dog\",\n \"storeId\": \"com.tenjin.touch_the_dog\",\n \"platform\": \"android\",\n \"bundleId\": \"com.tenjin.touch_the_dog\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/a30397c4-2785-4456-af48-9e492cdf1f00/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"9668185b-da2e-4638-b15f-e03431377ac5\",\n \"name\": \"Super Word Hunt\",\n \"storeId\": \"1478027094\",\n \"platform\": \"ios\",\n \"bundleId\": \"com.tenjin.wordsearch\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/9668185b-da2e-4638-b15f-e03431377ac5/icon.png\",\n \"numSkApps\": 1\n },\n {\n \"id\": \"0fda669b-b6f6-4832-91c1-ac16915d78c0\",\n \"name\": \"Tenjin Amazon App\",\n \"storeId\": null,\n \"platform\": \"amazon\",\n \"bundleId\": \"com.tenjin.amazon\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"3de0c40c-a585-430d-bb99-e188ee10d291\",\n \"name\": \"Tenjin Android Demo App\",\n \"storeId\": \"io.tenjin.tenjindeviceinfo\",\n \"platform\": \"android\",\n \"bundleId\": \"io.tenjin.tenjindeviceinfo\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"8237c7eb-c706-469f-93a0-c3519749d624\",\n \"name\": \"Tenjin Demo\",\n \"storeId\": \"983289128\",\n \"platform\": \"ios\",\n \"bundleId\": \"ie.tenjin.sampler\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/8237c7eb-c706-469f-93a0-c3519749d624/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"019e233d-1d07-4ece-b113-afe3045b5182\",\n \"name\": \"Tenjin iOS Demo App\",\n \"storeId\": null,\n \"platform\": \"ios\",\n \"bundleId\": \"com.tenjin.io\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"45de962e-5ab6-438e-b465-b36ca10f7f41\",\n \"name\": \"tenjin-ios-sdk-demo\",\n \"storeId\": null,\n \"platform\": \"ios\",\n \"bundleId\": \"com.tenjin.tenjin-ios-sdk-demo\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"a4eaf32c-5ff2-4362-8b06-ebe979892666\",\n \"name\": \"Tenjin iOS Swift Demo App\",\n \"storeId\": null,\n \"platform\": \"ios\",\n \"bundleId\": \"com.tenjin.ios-swift\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"7f8c66e4-49a5-4536-99fc-736fb7f296fa\",\n \"name\": \"Tenjin iOS Unity Test App\",\n \"storeId\": null,\n \"platform\": \"ios\",\n \"bundleId\": \"com.tenjin.TenjinUnitySDKExample\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"fb8608d0-1571-41ce-b670-e14c719b8881\",\n \"name\": \"Tenjin Subscriptions\",\n \"storeId\": null,\n \"platform\": \"android\",\n \"bundleId\": \"com.tenjin.subscriptions\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"933c9b61-e94b-4299-9369-3dde8fdf9698\",\n \"name\": \"Tenjin Subscriptions iOS\",\n \"storeId\": null,\n \"platform\": \"ios\",\n \"bundleId\": \"com.tenjin.ios.subscription\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"9a60615b-de57-452b-bf0f-d8d975cc0261\",\n \"name\": \"Tenjin Unity demo 2\",\n \"storeId\": null,\n \"platform\": \"android_other\",\n \"bundleId\": \"com.tenjin.test.unitydemo\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"60a145a4-be26-4153-9e6c-ba2536f329b2\",\n \"name\": \"Tenjin Unity Demo App\",\n \"storeId\": \"com.tenjin.unitytest\",\n \"platform\": \"android\",\n \"bundleId\": \"com.tenjin.unitytest\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"898a1b6d-bf1c-4e5b-8dbf-32fbf1da8da3\",\n \"name\": \"Tenjin Unity Test App\",\n \"storeId\": null,\n \"platform\": \"android\",\n \"bundleId\": \"com.tenjin.TenjinUnitySDKExample\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"be7cdfcd-87a2-4d49-84e3-ff989a511e2d\",\n \"name\": \"Tenjin Web App\",\n \"storeId\": null,\n \"platform\": \"web\",\n \"bundleId\": \"com.tenjin.web\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"6ebd3333-68f8-4919-875c-73fd6780d4f7\",\n \"name\": \"Test\",\n \"storeId\": \"io.tenjin.tenjindeviceinfo.other\",\n \"platform\": \"android\",\n \"bundleId\": \"io.tenjin.tenjindeviceinfo.other\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"0c0897ee-6f80-41b1-9691-369f55cb1cad\",\n \"name\": \"Test Android app\",\n \"storeId\": null,\n \"platform\": \"android\",\n \"bundleId\": \"test_bundle_id2\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"6f5e5554-e77a-49b9-8675-7fb80e3b9ec6\",\n \"name\": \"test app\",\n \"storeId\": null,\n \"platform\": \"ios\",\n \"bundleId\": \"sdfasd\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"b9152f54-7108-4543-8850-d89e7218dfae\",\n \"name\": \"Test app\",\n \"storeId\": \"com.stats.id\",\n \"platform\": \"android\",\n \"bundleId\": \"com.stats.id\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"541a4c7b-2241-4064-8ca1-759355ef9a2f\",\n \"name\": \"Unity Android Test App\",\n \"storeId\": null,\n \"platform\": \"android\",\n \"bundleId\": \"com.tenjin.unityandroid\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"7d75deaa-fc72-41b1-95d4-7cf32ef5518b\",\n \"name\": \"Unity demo\",\n \"storeId\": null,\n \"platform\": \"android_other\",\n \"bundleId\": \"com.tenjin.unitytest\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"850f9bd5-585e-4b9b-9bb8-e021fa65683c\",\n \"name\": \"Unity iOS Test App\",\n \"storeId\": null,\n \"platform\": \"ios\",\n \"bundleId\": \"com.tenjin.unitytest\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"c2388575-77bd-4619-8d10-4acc213259fd\",\n \"name\": \"Van Demo\",\n \"storeId\": null,\n \"platform\": \"android_other\",\n \"bundleId\": \"com.van.test\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"4c396f75-80a2-421f-be49-30a93380e2de\",\n \"name\": \"Van Demo Test\",\n \"storeId\": null,\n \"platform\": \"ios\",\n \"bundleId\": \"com.vanpham.ios\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"c325527a-a720-47f9-a50a-f7e65f667223\",\n \"name\": \"Van KA Sample App\",\n \"storeId\": null,\n \"platform\": \"android\",\n \"bundleId\": \"com.example.sampleapplication\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"8661feee-2e15-4f0d-a632-ed742dbca2dc\",\n \"name\": \"Van Swift iOS App\",\n \"storeId\": null,\n \"platform\": \"ios\",\n \"bundleId\": \"com.tenjin.tenjin-ios-sdk-swift\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"cc29a910-ccc4-4160-9abc-fa818901ebee\",\n \"name\": \"Van Test\",\n \"storeId\": null,\n \"platform\": \"android_other\",\n \"bundleId\": \"io.tenjin.tenjindeviceinfo.other.2\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"a54f504f-b84d-4856-9608-2943afe1bdb2\",\n \"name\": \"Van Test 10\",\n \"storeId\": null,\n \"platform\": \"ios\",\n \"bundleId\": \"com.tenjin.vanpham\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"8b1be1de-c84a-4c96-88cc-8ecd23c56d66\",\n \"name\": \"Van Test Android Other 3\",\n \"storeId\": null,\n \"platform\": \"android_other\",\n \"bundleId\": \"io.tenjin.tenjindeviceinfo.other3\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"6c39a724-68aa-40f3-a4cd-6ee1b4dbfc0f\",\n \"name\": \"Van Test Android Other 4\",\n \"storeId\": null,\n \"platform\": \"android_other\",\n \"bundleId\": \"io.tenjin.tenjindeviceinfo.other4\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"3a9a8977-6ca5-4382-8494-a94e6fae5478\",\n \"name\": \"web test\",\n \"storeId\": null,\n \"platform\": \"ios\",\n \"bundleId\": \"321432141\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"dbc52ff7-048b-4b0a-bb76-8999969f8cba\",\n \"name\": \"web test 2\",\n \"storeId\": \"https://tenjin.io\",\n \"platform\": \"web\",\n \"bundleId\": \"https://tenjin.io\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"edbf7ee6-9ec0-4024-a7be-43c044e9bd35\",\n \"name\": \"Web test 3\",\n \"storeId\": \"https://ad.toutiao.com/advertiser_package/dl/c04e8ef9_1634743929463820_1587726603220\",\n \"platform\": \"web\",\n \"bundleId\": \"com.test.test\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/default/icon.png\",\n \"numSkApps\": 0\n },\n {\n \"id\": \"ee270433-b7da-4e0f-9b03-8dd25d89da49\",\n \"name\": \"Word Search (OLD)\",\n \"storeId\": \"887212194\",\n \"platform\": \"ios\",\n \"bundleId\": \"com.tenjin.wordfinder\",\n \"iconUrl\": \"https://tenjin-production.s3.amazonaws.com/app_icon/ee270433-b7da-4e0f-9b03-8dd25d89da49/icon.png\",\n \"numSkApps\": 0\n }\n]\n","import classNames from 'classnames'\nimport { map } from 'lodash'\nimport PropTypes from 'prop-types'\n\nimport styles from './styles.module.scss'\n\nconst FlexTable = ({\n cellClassName,\n className,\n rowClassName,\n rows,\n additionalContent\n}) => (\n \n {map(rows, ({ id: rowId, cells }) => (\n
\n ))}\n {additionalContent}\n \n)\n\nFlexTable.propTypes = {\n additionalContent: PropTypes.node,\n cellClassName: PropTypes.string,\n className: PropTypes.string,\n rowClassName: PropTypes.string,\n rows: PropTypes.shape({\n cells: PropTypes.shape({\n cell: PropTypes.node.isRequired,\n flex: PropTypes.number,\n id: PropTypes.string.isRequired\n }),\n id: PropTypes.string.isRequired\n }).isRequired\n}\n\nFlexTable.defaultProps = {\n additionalContent: null,\n cellClassName: '',\n className: '',\n rowClassName: ''\n}\n\nexport default FlexTable\n","import PropTypes from 'prop-types'\n\nimport FontAwesomeIcon from '../FontAwesomeIcon'\n\nimport styles from './styles.module.scss'\n\nconst PageNotice = ({\n className,\n icon,\n children,\n italics\n}) => (\n \n {map(cells, ({ id: cellId, cell, flex, width, title }) => (\n \n {cell}\n
\n ))}\n \n {icon &&
\n)\n\nPageNotice.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n icon: PropTypes.string,\n italics: PropTypes.bool\n}\n\nPageNotice.defaultProps = {\n className: '',\n icon: null,\n italics: false\n}\n\nexport default PageNotice\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport Tooltip from 'rc-tooltip'\n\nimport { TOOLTIP_MOUSE_ENTER_DELAY } from '../../utils/constants'\n\nimport FontAwesomeIcon from '../FontAwesomeIcon'\n\nimport { VALID_TYPE_OPTIONS } from '../FontAwesomeIcon/constants'\n\nimport styles from './styles.module.scss'\n\nconst FormLabelWithTooltip = ({\n children,\n className,\n icon,\n placement,\n tooltipContent,\n type\n}) => (\n \n {children}\n {tooltipContent && (\n \n
\n)\n\nFormLabelWithTooltip.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n icon: PropTypes.string,\n placement: PropTypes.oneOf(['top', 'bottom', 'left', 'right']),\n tooltipContent: PropTypes.node,\n type: PropTypes.oneOf(Array.from(VALID_TYPE_OPTIONS))\n}\n\nFormLabelWithTooltip.defaultProps = {\n className: '',\n icon: 'question-circle',\n placement: 'top',\n tooltipContent: null,\n type: 'fal'\n}\n\nexport default FormLabelWithTooltip\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"controlColor\":\"#265479\",\"controlFontSize\":\"16px\",\"controlFontWeight\":\"700\",\"controlPaddingTop\":\"20px\",\"dropdownIndicatorPaddingTop\":\"5px\",\"indicatorsContainerPaddingRight\":\"30px\",\"placeholderFontStyle\":\"italic\",\"placeholderFontWeight\":\"500\",\"placeholderFontFamily\":\"\\\"Montserrat\\\",\\\"Lato\\\",\\\"Helvetica Neue\\\",Helvetica,Sans-serif\",\"placeholderColor\":\"rgba(38,84,121,0.7)\",\"google-oauth-button\":\"styles-module__google-oauth-button___3kcjG\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___BREnb\",\"btn-toggle\":\"styles-module__btn-toggle___3DKpA\",\"handle\":\"styles-module__handle___35H44\",\"active\":\"styles-module__active___KsCzL\",\"focus\":\"styles-module__focus___1oMb5\",\"card-panel\":\"styles-module__card-panel___3lvJx\",\"panel-heading\":\"styles-module__panel-heading___3mT__\",\"panel-title\":\"styles-module__panel-title___1KMXE\",\"panel-subtitle\":\"styles-module__panel-subtitle___BnjXj\",\"panel-body\":\"styles-module__panel-body___3stg9\",\"label\":\"styles-module__label___2ViJ_\",\"optionLabel\":\"styles-module__optionLabel___dp8Cu\",\"channelSelector\":\"styles-module__channelSelector___hy6j0\"};","export const ROLE_MARKETER = 'marketer'\nexport const ROLE_DEVELOPER = 'developer'\n\nexport const ROLE_OPTIONS = [\n {\n label: 'Developer',\n value: ROLE_DEVELOPER\n },\n {\n label: 'Marketer',\n value: ROLE_MARKETER\n }\n]\n\nexport const PLATFORM_SDK_OPTIONS = [\n {\n label: 'iOS',\n linkText: 'Getting Started with the iOS SDK',\n linkUrl: 'https://docs.tenjin.com/docs/ios-sdk',\n value: 'ios'\n },\n {\n label: 'Android',\n linkText: 'Getting Started with the Android SDK',\n linkUrl: 'https://docs.tenjin.com/docs/android-sdk',\n value: 'android'\n },\n {\n label: 'Unity',\n linkText: 'Getting Started with the Unity SDK',\n linkUrl: 'https://docs.tenjin.com/docs/unity-sdk',\n value: 'unity'\n },\n {\n label: 'Cordova',\n linkText: 'Other plugins supported by Tenjin',\n linkUrl: 'https://docs.tenjin.com/docs/other-plugins',\n value: 'cordova'\n },\n {\n label: 'React Native',\n linkText: 'Other plugins supported by Tenjin',\n linkUrl: 'https://docs.tenjin.com/docs/other-plugins',\n value: 'reactnative'\n },\n {\n label: 'Ionic Capacitor',\n linkText: 'Other plugins supported by Tenjin',\n linkUrl: 'https://docs.tenjin.com/docs/other-plugins',\n value: 'ionic'\n },\n {\n label: 'Flutter',\n linkText: 'Other plugins supported by Tenjin',\n linkUrl: 'https://docs.tenjin.com/docs/other-plugins',\n value: 'flutter'\n }\n]\n\nexport const DOCUMENTATION_LINKS = {\n APPS: 'https://docs.tenjin.com/docs/apps',\n CHANNELS_OVERVIEW: 'https://docs.tenjin.com/docs/channels-overview',\n KNOWLEDGE_BASE: 'https://docs.tenjin.com/',\n SELF_ATTRIBUTING_NETWORKS: 'https://docs.tenjin.com/docs/self-attributing-networks'\n}\n","import { deepSnakeKeys } from '../../utils/helpers'\nimport {\n get,\n makeGetRequestWithoutCaseTransformation,\n makePostRequestWithoutCaseTransformation,\n makePutRequestWithoutCaseTransformation,\n post,\n put\n} from '../../utils/request'\nimport {\n DASHBOARD_APPS_URL,\n PRESERVED_KEYS_FOR_CASE_TRANSFORMATION\n} from './constants'\nimport {\n getAdNetworkSettingsUrl,\n getCallbackGroupsUrl,\n getCallbackHealthUrl,\n getChannelSettingsUrl,\n getCredentialSettingsUrl,\n getS2SCallbacksUrl,\n sanitizeValues\n} from './helpers'\n\nexport const createApp = async params =>\n post(DASHBOARD_APPS_URL, { app: sanitizeValues(params) })\n\nexport const saveUpdatedApp = async ({ appId, params }) =>\n put(`${DASHBOARD_APPS_URL}/${appId}`, deepSnakeKeys(params))\n\nexport const saveUpdatedAppChannel = async ({ appId, channelId, params }) =>\n put(\n `${DASHBOARD_APPS_URL}/${appId}/integrations/${channelId}`,\n deepSnakeKeys(params)\n )\n\nexport const fetchChannelSettings = async ({ appId, channelId }) =>\n makeGetRequestWithoutCaseTransformation(\n getChannelSettingsUrl({ appId, channelId })\n )\n\nexport const saveCredentialSettings = async ({ appId, channelId, params }) =>\n post(getCredentialSettingsUrl({ appId, channelId }), deepSnakeKeys(params))\n\nexport const fetchCallbackHealth = async appId =>\n get(getCallbackHealthUrl(appId))\n\nexport const fetchCvSchema = async appId =>\n get(`${DASHBOARD_APPS_URL}/${appId}/cv_schemas`)\n\nexport const saveCvSchema = async ({ appId, params }) =>\n post(`${DASHBOARD_APPS_URL}/${appId}/cv_schemas`, deepSnakeKeys(params))\n\nexport const toggleSkanReadiness = async ({ appId, params }) =>\n post(\n `${DASHBOARD_APPS_URL}/${appId}/cv_schemas/toggle_readiness`,\n deepSnakeKeys(params)\n )\n\nexport const updateCallbackGroup = async ({\n appId,\n channelId,\n callbackGroupId,\n params\n}) =>\n makePutRequestWithoutCaseTransformation(\n getCallbackGroupsUrl({\n appId,\n callbackGroupId,\n channelId\n }),\n deepSnakeKeys(params, PRESERVED_KEYS_FOR_CASE_TRANSFORMATION)\n )\n\nexport const toggleCallbackGroup = async ({\n appId,\n channelId,\n callbackGroupId,\n params\n}) =>\n put(\n getCallbackGroupsUrl({\n appId,\n callbackGroupId,\n channelId\n }),\n deepSnakeKeys(params)\n )\n\nexport const createCallbackGroup = async ({ appId, channelId, params }) =>\n makePostRequestWithoutCaseTransformation(\n getCallbackGroupsUrl({\n appId,\n channelId\n }),\n deepSnakeKeys(params, PRESERVED_KEYS_FOR_CASE_TRANSFORMATION)\n )\n\nexport const fetchS2SCallbacks = async appId => get(getS2SCallbacksUrl(appId))\n\nexport const toggleMetaAem = async ({ appId, channelId, params }) =>\n put(getAdNetworkSettingsUrl({ appId, channelId }), deepSnakeKeys(params))\n","import {\n each,\n find,\n includes,\n isEmpty,\n isNaN,\n keys,\n map\n} from 'lodash'\n\nimport {\n CV_SCHEMA_COARSE_VALUE_MAPPING,\n CV_SCHEMA_ONLINE,\n CV_SCHEMA_PARTNER_EVENT_NAME_KEY,\n CV_SCHEMA_POSTBACK_SEQUENCE_INDEX_MAX,\n CV_SCHEMA_POSTBACK_SEQUENCE_INDEX_MIN,\n CV_SCHEMA_SKAN_VERSION_3,\n CV_SCHEMA_SKAN_VERSION_4,\n CV_SCHEMA_TYPE_COARSE_GRAINED,\n CV_SCHEMA_TYPE_FINE_GRAINED,\n CSV_PREVIEW_COLUMN_ORDER,\n DEFAULT_EVENT_MAPPINGS\n} from './constants'\n\nimport { deepSnakeKeys, removeEmptyItemsFromCollection, reorderKeysInCollection } from '../../../../../../utils/helpers'\n\nexport const getSkanVersionFromJson = jsonData => {\n let output = CV_SCHEMA_SKAN_VERSION_3\n\n const hasCoarseConversionValueType = find(\n jsonData,\n { conversionValueType: 'coarse' }\n )\n\n const hasNonZeroPostbackSequenceIndex = find(\n jsonData,\n ({ postbackSequenceIndex }) => Number(postbackSequenceIndex) > 0\n )\n\n if (hasCoarseConversionValueType || hasNonZeroPostbackSequenceIndex) {\n output = CV_SCHEMA_SKAN_VERSION_4\n }\n\n return output\n}\n\nexport const getEventMappingFromCondition = ({ googleEventName, metaEventName, tiktokEventName }) => {\n const googleEventNameExists = !isEmpty(googleEventName)\n const metaEventNameExists = !isEmpty(metaEventName)\n const tiktokEventNameExists = !isEmpty(tiktokEventName)\n\n const eventMapping = {\n ...(googleEventNameExists ? {\n [CV_SCHEMA_PARTNER_EVENT_NAME_KEY.GOOGLE]: googleEventName\n } : {}),\n ...(metaEventNameExists ? {\n [CV_SCHEMA_PARTNER_EVENT_NAME_KEY.META]: metaEventName\n } : {}),\n ...(tiktokEventNameExists ? {\n [CV_SCHEMA_PARTNER_EVENT_NAME_KEY.TIKTOK]: tiktokEventName\n } : {})\n }\n\n return deepSnakeKeys(eventMapping)\n}\n\nexport const getCvSchemaFromJson = ({ jsonData, appId, description }) => {\n const output = {\n cvSchema: {\n appId,\n cvSchemaWindows: [],\n description,\n online: CV_SCHEMA_ONLINE,\n skanVersion: getSkanVersionFromJson(jsonData)\n }\n }\n\n const formatSchemaType = rawSchemaType => {\n if ([\n CV_SCHEMA_TYPE_COARSE_GRAINED,\n CV_SCHEMA_TYPE_FINE_GRAINED\n ].includes(rawSchemaType)) {\n return rawSchemaType\n }\n\n throw new Error('Unsupported schema type')\n }\n\n const formatConversionValue = rawConversionValue => {\n const numberValue = Number(rawConversionValue)\n\n if (!isNaN(numberValue)) {\n return numberValue\n }\n\n if (includes(keys(CV_SCHEMA_COARSE_VALUE_MAPPING), rawConversionValue)) {\n return CV_SCHEMA_COARSE_VALUE_MAPPING[rawConversionValue]\n }\n\n throw new Error('Unsupported raw conversion value')\n }\n\n const formatPostbackSequenceIndex = rawPostbackSequenceIndex => {\n const numberValue = Number(rawPostbackSequenceIndex)\n\n if (\n !isNaN(numberValue)\n && numberValue >= CV_SCHEMA_POSTBACK_SEQUENCE_INDEX_MIN\n && numberValue <= CV_SCHEMA_POSTBACK_SEQUENCE_INDEX_MAX\n ) {\n return numberValue\n }\n\n throw new Error('Unsupported postback sequence index')\n }\n\n const formatMinMaxRange = rawMinMaxRange => {\n const numberValue = Number(rawMinMaxRange)\n\n if (rawMinMaxRange === '') {\n return ''\n }\n\n if (!isNaN(numberValue)) {\n return numberValue\n }\n\n throw new Error('Unsupported min/max range')\n }\n\n const groupedData = jsonData.reduce((groups, item) => {\n const key = `${item.postbackSequenceIndex}-${formatSchemaType(item.conversionValueType)}`\n\n if (!groups[key]) {\n // eslint-disable-next-line no-param-reassign\n groups[key] = []\n }\n\n groups[key].push(item)\n return groups\n }, {})\n\n each(groupedData, (conditions, key) => {\n const [postbackSequenceIndex, schemaType] = key.split('-')\n\n output.cvSchema.cvSchemaWindows.push({\n cvSchemaConditions: map(conditions, condition => ({\n aggregationType: '',\n conversionValue: formatConversionValue(condition.conversionValue),\n currency: condition.currency,\n eventMapping: getEventMappingFromCondition(condition),\n eventName: condition.customEventName,\n maxRange: formatMinMaxRange(condition.maxRange),\n minRange: formatMinMaxRange(condition.minRange)\n })),\n lockWindowHours: '',\n postbackSequenceIndex: formatPostbackSequenceIndex(postbackSequenceIndex),\n schemaType\n })\n })\n\n return output\n}\n\nexport const getJsonFromCvSchema = cvSchema => {\n const jsonOutput = []\n\n const formatConversionValue = ({ conversionValueType, rawConversionValue }) => {\n const stringValue = rawConversionValue.toString()\n\n if (\n conversionValueType === CV_SCHEMA_TYPE_COARSE_GRAINED\n && includes(keys(CV_SCHEMA_COARSE_VALUE_MAPPING), stringValue)\n ) {\n return CV_SCHEMA_COARSE_VALUE_MAPPING[stringValue]\n }\n\n return stringValue\n }\n\n cvSchema.cvSchemaWindows.forEach(cvSchemaWindow => {\n const initialObject = {\n ...DEFAULT_EVENT_MAPPINGS\n }\n\n cvSchemaWindow.cvSchemaConditions.forEach(condition => {\n keys(condition).forEach(key => {\n initialObject[key] = ''\n })\n })\n\n cvSchemaWindow.cvSchemaConditions.forEach(condition => {\n const parsedEntry = {\n ...initialObject,\n conversionValue: formatConversionValue({\n conversionValueType: cvSchemaWindow.schemaType,\n rawConversionValue: condition.conversionValue\n }),\n conversionValueType: cvSchemaWindow.schemaType,\n currency: condition.currency,\n customEventName: condition.eventName,\n maxRange: condition.maxRange ? condition.maxRange.toString() : '',\n minRange: condition.minRange ? condition.minRange.toString() : '',\n postbackSequenceIndex: cvSchemaWindow.postbackSequenceIndex.toString()\n }\n\n if (condition.eventMapping?.meta) {\n parsedEntry.metaEventName = condition.eventMapping.meta || ''\n }\n\n if (condition.eventMapping?.google) {\n parsedEntry.googleEventName = condition.eventMapping.google || ''\n }\n\n if (condition.eventMapping?.tiktok) {\n parsedEntry.tiktokEventName = condition.eventMapping.tiktok || ''\n }\n\n jsonOutput.push(parsedEntry)\n })\n })\n\n return reorderKeysInCollection(\n removeEmptyItemsFromCollection(jsonOutput),\n CSV_PREVIEW_COLUMN_ORDER\n )\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___jeI4T\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___2VYAU\",\"btn-toggle\":\"styles-module__btn-toggle___YUbOc\",\"handle\":\"styles-module__handle___2sf0N\",\"active\":\"styles-module__active___Rrwni\",\"focus\":\"styles-module__focus___Zjgaz\",\"card-panel\":\"styles-module__card-panel___scQtY\",\"panel-heading\":\"styles-module__panel-heading___1QoNv\",\"panel-title\":\"styles-module__panel-title___3ID7m\",\"panel-subtitle\":\"styles-module__panel-subtitle___3HVNG\",\"panel-body\":\"styles-module__panel-body___2iOWo\",\"reportedCampaigns\":\"styles-module__reportedCampaigns___2za35\",\"campaignsList\":\"styles-module__campaignsList___2QGfy\",\"dataRow\":\"styles-module__dataRow___2_vi6\",\"header\":\"styles-module__header___1lrSw\",\"reportedInstalls\":\"styles-module__reportedInstalls___2V1lU\",\"name\":\"styles-module__name___LB34V\",\"spend\":\"styles-module__spend___3uAne\",\"campaignsRow\":\"styles-module__campaignsRow___1ncZH\",\"mergeButtonContainer\":\"styles-module__mergeButtonContainer___D-73I\",\"mergeButton\":\"styles-module__mergeButton___WC-t1\"};","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport FontAwesomeIcon from '../FontAwesomeIcon'\nimport Overlay from '../Overlay'\nimport OverlayText from '../Overlay/Text'\nimport OverlaySubtext from '../Overlay/Subtext'\n\nimport {\n getCompletedOnboardingRequirementsMessage,\n useOnboardingStatusState\n} from '../../contexts/OnboardingStatus'\nimport { metricDefinitionObject } from '../../utils/customPropTypes'\n\nimport styles from './styles.module.scss'\n\nconst AwaitingDataOverlay = ({ isCardOverlay, metricDefinition }) => {\n let message\n\n if (metricDefinition) {\n const { onboardingRequirements } = metricDefinition\n\n message = getCompletedOnboardingRequirementsMessage({\n onboardingRequirements,\n onboardingStatus: useOnboardingStatusState()\n })\n }\n\n return (\n \n
\n \n )}\n \n
\n \n \n \n\n \n It may take a few hours to see data here\n \n
\n {message}
}\n \n
\n \n \n \n\n \n Please make a different filter selection\n \n
\n No data to display
\n {children}
\n }\n}\n\nClickOutsideAlerter.propTypes = {\n children: PropTypes.node.isRequired,\n onClickOutside: PropTypes.func.isRequired\n}\n\nexport default ClickOutsideAlerter\n","import { Children } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport styles from './styles.module.scss'\n\nconst PageHeader = ({ children, className, header }) => (\n \n {Children.count(children) > 0 ? children : header}\n
\n)\n\nPageHeader.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string,\n header: PropTypes.oneOfType([PropTypes.element, PropTypes.string])\n}\n\nPageHeader.defaultProps = {\n className: null,\n header: null\n}\n\nexport default PageHeader\n","import React, { useCallback, useState } from 'react'\nimport PropTypes from 'prop-types'\n\nimport { connect, ErrorMessage } from 'formik'\nimport classNames from 'classnames'\nimport { uniqueId } from 'lodash'\n\nimport FormError from '../FormError/FormError'\nimport FormLabel from '../FormLabel/FormLabel'\n\nimport { extractInputProps } from '../../utils/helpers'\nimport { formikInjectedPropTypesObject } from '../../utils/customPropTypes'\nimport styles from './styles.module.scss'\n\nfunction FormTextField(props) {\n const {\n className: classNameProp,\n containerClassName: containerClassNameProp,\n formik,\n helpComponent,\n label,\n ...restOfProps\n } = props\n const {\n name\n } = restOfProps\n\n const [isFocused, setIsFocused] = useState(false)\n\n const handleBlur = useCallback(ev => {\n formik.handleBlur(ev)\n setIsFocused(false)\n }, [formik.handleBlur, name])\n\n const handleFocus = useCallback(() => {\n setIsFocused(true)\n }, [name])\n\n const containerClassName = classNames(styles.container, containerClassNameProp, {\n [styles.containerWithFocusedInput]: isFocused\n })\n const extractedInputProps = extractInputProps(restOfProps)\n const htmlFor = uniqueId(`FormTextField-${name}`)\n\n const inputProps = {\n ...extractedInputProps,\n onChange: formik.handleChange,\n value: formik.values[name]\n }\n\n return (\n\n {label &&
\n )\n}\n\nFormTextField.propTypes = {\n autoComplete: PropTypes.bool,\n autoFocus: PropTypes.bool,\n className: PropTypes.string,\n containerClassName: PropTypes.string,\n disabled: PropTypes.bool,\n formik: formikInjectedPropTypesObject.isRequired,\n helpComponent: PropTypes.element,\n label: PropTypes.string,\n maxLength: PropTypes.number,\n minLength: PropTypes.number,\n name: PropTypes.string.isRequired,\n pattern: PropTypes.instanceOf(RegExp),\n placeholder: PropTypes.string,\n readOnly: PropTypes.bool,\n required: PropTypes.bool,\n size: PropTypes.number\n}\n\nFormTextField.defaultProps = {\n autoComplete: false,\n autoFocus: false,\n className: '',\n containerClassName: '',\n disabled: false,\n helpComponent: undefined,\n label: undefined,\n maxLength: undefined,\n minLength: undefined,\n pattern: undefined,\n placeholder: undefined,\n readOnly: false,\n required: false,\n size: undefined\n}\n\nexport default connect(FormTextField)\n","// https://fkhadra.github.io/react-toastify/api/toast\nimport { toast } from 'react-toastify'\n\nconst DEFAULT_OPTIONS = {\n autoClose: 5000,\n closeButton: true,\n pauseOnFocusLoss: true,\n pauseOnHover: true,\n position: 'top-right'\n}\n\nconst DEFAULT_ERROR_OPTIONS = Object.assign(DEFAULT_OPTIONS, { autoClose: 10000 })\n\nconst DEFAULT_SUCCESS_OPTIONS = Object.assign(DEFAULT_OPTIONS, { autoClose: 7000 })\n\nexport const displayErrorMessage = (msg, options = {}) => {\n toast.error(msg, Object.assign(DEFAULT_ERROR_OPTIONS, options))\n}\n\nexport const displaySuccessMessage = (msg, options = {}) => {\n toast.success(msg, Object.assign(DEFAULT_SUCCESS_OPTIONS, options))\n}\n\nexport const displayInfoMessage = (msg, options = {}) => {\n toast.info(msg, Object.assign(DEFAULT_OPTIONS, options))\n}\n","import { subDays } from 'date-fns'\nimport { isFunction, random, range, take } from 'lodash'\n\nimport { androidApp, iosApp } from './factories/apps'\nimport { formatDateToStr } from '../components/ReportingSidebar/DateFilter/helpers'\nimport { ONE_SECOND, FIVE_ITEMS } from './constants'\n\nexport const getFormattedDateStrFromDaysAgo = daysAgo => (\n formatDateToStr(subDays(new Date(), daysAgo))\n)\n\n/* eslint-disable sort-keys */\nexport const METRIC_KEY_TO_STAT_GENERATOR = {\n adRevenue: () => random(2000, 3000, true),\n allFraud: () => random(5, 100),\n assists: () => random(5, 100),\n average: () => random(0.01, 1, true),\n blockedClicks: () => random(5, 100),\n blockedDeviceEvents: () => random(5, 100),\n clicks: () => random(10000, 30000),\n conversionValueAvg: () => random(0, 63, true),\n appleConversionValueAvg: () => random(0, 63, true),\n conversionValueCount: () => random(5, 100),\n appleConversionValueCount: () => random(5, 100),\n conversionValueTotal: () => random(5, 1000),\n appleConversionValueTotal: () => random(5, 1000),\n count: () => random(1000, 10000),\n cpEvent: () => random(1, 200, true),\n cpKsessions_1d: () => random(16, 18, true),\n cpKsessions_2d: () => random(14, 16, true),\n cpKsessions_3d: () => random(12, 14, true),\n cpKsessions_7d: () => random(10, 12, true),\n cpKsessions_14d: () => random(8, 10, true),\n cpKsessions_30d: () => random(6, 8, true),\n cpKsessions_90d: () => random(4, 6, true),\n cpUser: () => random(0.5, 80, true),\n cpUser_1d: () => random(0.5, 5, true),\n cpUser_2d: () => random(2, 7, true),\n cpUser_3d: () => random(5, 9, true),\n cpUser_7d: () => random(7, 11, true),\n cpUser_14d: () => random(9, 20, true),\n cpUser_30d: () => random(18, 35, true),\n cpUser_90d: () => random(25, 80, true),\n cpc: () => random(0.1, 10, true),\n cpi: () => random(0.1, 5, true),\n cpm: () => random(0.1, 10, true),\n cpr: () => random(1, 100, true),\n ctr: () => random(1, 100, true),\n cumCnt: () => random(10, 100),\n cumCntPu: () => random(0.001, 1, true),\n cumVal: () => random(10, 100, true),\n cumValPu: () => random(0.001, 1, true),\n cvr: () => random(1, 100, true),\n ecpc: () => random(0.1, 10, true),\n ecpm: () => random(0.1, 10, true),\n fidelityType: () => random(0, 1),\n firstDownloadAssists: () => random(5, 100),\n firstDownloadCount: () => random(5, 100),\n appleFirstDownloadCount: () => random(5, 100),\n firstDownloadCvAvg: () => random(0, 63, true),\n appleFirstDownloadCvAvg: () => random(0, 63, true),\n firstDownloadCvTotal: () => random(5, 1000),\n appleFirstDownloadCvTotal: () => random(5, 1000),\n fraudPurchases: () => random(5, 100),\n fraudRevenue: () => random(10, 1000, true),\n iapArpu: () => random(0.1, 5, true),\n iapRevenue: () => random(3000, 5000, true),\n iapRoi: () => random(-50, 50, true),\n iapRpu: () => random(0.1, 5, true),\n iapRpu_0d: () => random(0.1, 5, true),\n impressions: () => random(10000, 30000),\n installs: () => random(10000, 30000),\n installsDifferencePct: () => random(1, 5, true),\n lifetime: () => random(1, 5, true),\n pubArpu: () => random(0.1, 5, true),\n pubRev: () => random(2000, 3000, true),\n pubrev_0d: () => random(2000, 3000, true),\n pubrev_1d: () => random(2000, 3000, true),\n pubrev_2d: () => random(2000, 3000, true),\n pubrev_4d: () => random(2000, 3000, true),\n pubrev_5d: () => random(2000, 3000, true),\n pubrev_6d: () => random(2000, 3000, true),\n pubrev_7d: () => random(2000, 3000, true),\n pubrev_14d: () => random(2000, 3000, true),\n pubrev_30d: () => random(2000, 3000, true),\n pubrev_60d: () => random(2000, 3000, true),\n pubrev_90d: () => random(2000, 3000, true),\n pubrev_120d: () => random(2000, 3000, true),\n pubRevenue: () => random(2000, 3000, true),\n pubRoi: () => random(-50, 50, true),\n pubRpu: () => random(0.1, 5, true),\n redownloadAssists: () => random(5, 100),\n redownloadCount: () => random(5, 100),\n appleRedownloadCount: () => random(5, 100),\n redownloadCvAvg: () => random(0, 63, true),\n appleRedownloadCvAvg: () => random(0, 63, true),\n redownloadCvTotal: () => random(5, 1000),\n appleRedownloadCvTotal: () => random(5, 1000),\n retention: () => random(1, 20, true),\n retention_0d: () => random(16, 20, true),\n retention_1d: () => random(13, 20, true),\n retention_2d: () => random(11, 16, true),\n retention_3d: () => random(9, 12, true),\n retention_7d: () => random(5, 10, true),\n retention_14d: () => random(2, 6, true),\n retention_30d: () => random(0.5, 4, true),\n retention_90d: () => random(0.1, 1.5, true),\n revenues: () => random(2000, 3000, true),\n roas_0d: () => random(90, 100, true),\n roas_1d: () => random(80, 90, true),\n roas_2d: () => random(70, 80, true),\n roas_3d: () => random(60, 70, true),\n roas_7d: () => random(50, 60, true),\n roas_14d: () => random(40, 50, true),\n roas_30d: () => random(35, 45, true),\n roas_90d: () => random(30, 40, true),\n roi_0d: () => random(90, 100, true),\n roi_1d: () => random(80, 90, true),\n roi_2d: () => random(70, 80, true),\n roi_3d: () => random(60, 70, true),\n roi_7d: () => random(50, 60, true),\n roi_14d: () => random(40, 50, true),\n roi_30d: () => random(35, 45, true),\n roi_90d: () => random(30, 40, true),\n rpu_0d: () => random(90, 100, true),\n rpu_1d: () => random(80, 90, true),\n rpu_2d: () => random(70, 80, true),\n rpu_3d: () => random(60, 70, true),\n rpu_7d: () => random(50, 60, true),\n rpu_14d: () => random(40, 50, true),\n rpu_30d: () => random(35, 45, true),\n rpu_90d: () => random(30, 40, true),\n sessions: () => random(20000, 50000),\n sessions_0d: () => random(20000, 50000),\n sessionsLtpu: () => random(1, 50, true),\n spend: () => random(1000, 2000, true),\n skanSpend: () => random(1000, 2000, true),\n sum: () => random(100, 2000, true),\n tcpi: () => random(1, 50, true),\n totalArpu: () => random(0.1, 5, true),\n totalProfitMargin: () => random(3000, 5000, true),\n totalRev: () => random(3000, 5000, true),\n totalRevenue: () => random(3000, 5000, true),\n totalRev_0d: () => random(100, 200, true),\n totalRev_1d: () => random(200, 300, true),\n totalRev_3d: () => random(300, 400, true),\n totalRev_7d: () => random(600, 900, true),\n totalRev_90d: () => random(1000, 2000, true),\n totalRoas: () => random(-50, 50, true),\n totalRoi: () => random(-50, 50, true),\n totalRpu: () => random(0.1, 5, true),\n trackedClicks: () => random(10000, 30000),\n trackedCvr: () => random(5, 10, true),\n trackedImpressions: () => random(10000, 30000),\n trackedInstalls: () => random(5000, 15000),\n users: () => random(500, 1500),\n clicksDifference: () => random(50, 200),\n clicksDifferencePct: () => random(50, 200),\n installsDifference: () => random(50, 200),\n adMediationRpu: () => random(0.1, 5, true),\n adMediationRevenue: () => random(1000, 5000, true),\n adMediationArpu: () => random(0.1, 5, true),\n avgDau: () => random(500, 1500),\n avgWau: () => random(500, 1500),\n avgMau: () => random(500, 1500),\n totalAdMediationRevenue: () => random(1000, 5000, true),\n totalAdMediationRpu: () => random(0.1, 5, true),\n totalAdMediationArpu: () => random(0.1, 5, true),\n totalAdMediationRoi: () => random(-50, 50, true),\n totalAdMediationRoas: () => random(-50, 50, true),\n totalAdMediationProfitMargin: () => random(-50, 50, true),\n trackedReinstalls: () => random(500, 1500)\n}\n/* eslint-enable sort-keys */\n\nexport const generateRandomStatForMetric = metric => {\n const statGeneratorFn = METRIC_KEY_TO_STAT_GENERATOR[metric]\n\n if (!isFunction(statGeneratorFn)) {\n throw new Error(`Missing METRIC_KEY_TO_STAT_GENERATOR metric key ${metric}`)\n }\n\n return statGeneratorFn()\n}\n\nconst generateRandomStatsForMetrics = metrics => (\n metrics.reduce((stats, metric) => {\n stats[metric] = generateRandomStatForMetric(metric)\n\n return stats\n }, {})\n)\n\nconst getDateRange = () => range(31).map(daysToSub => getFormattedDateStrFromDaysAgo(daysToSub))\n\nexport const generateSummaryLevelDataForMetric = metric => generateRandomStatForMetric(metric)\n\nexport const generateSummaryLevelDataForMetrics = metrics => generateRandomStatsForMetrics(metrics)\n\nexport const generateStatsDataByDateForMetrics = metrics => (\n getDateRange().map(date => ({\n date,\n ...generateRandomStatsForMetrics(metrics)\n }))\n)\n\nexport const generateAppLevelDataByXDayForMetrics = metrics => (\n range(31).flatMap(xday => ([\n {\n xday,\n ...iosApp,\n ...generateRandomStatsForMetrics(metrics)\n },\n {\n xday,\n ...androidApp,\n ...generateRandomStatsForMetrics(metrics)\n }\n ]))\n)\n\nexport const generateAppLevelDataByDateForMetrics = metrics => (\n getDateRange().flatMap(date => ([\n {\n date,\n ...iosApp,\n ...generateRandomStatsForMetrics(metrics)\n },\n {\n date,\n ...androidApp,\n ...generateRandomStatsForMetrics(metrics)\n }\n ]))\n)\n\nexport const generateAppLevelConversionValueData = () => {\n const NULL_CONVERSIONS_COUNT = 4000\n const ZERO_CONVERSIONS_COUNT = 19000\n const RANDOMIZATION_AMOUNT = 100\n\n const conversionValueCountDistribution = [\n ZERO_CONVERSIONS_COUNT,\n 1200, 900, 600, 500, 400, 400, 500, 500, 600, 800,\n 800, 900, 900, 1500, 1700, 500, 2200, 2400, 1900, 2400,\n 2800, 2900, 1500, 3200, 3300, 3700, 3300, 3200, 4000, 4200,\n 3200, 3700, 5000, 4000, 5000, 5300, 5300, 5400, 5500, 5600,\n 4000, 5700, 5800, 6000, 6300, 6500, 6600, 5900, 7100, 6900,\n 6800, 6600, 6300, 6400, 6100, 6000, 5800, 5600, 5200, 5000,\n 4500, 3200, 1500\n ]\n\n const conversionValueData = [\n {\n attributes: {\n conversionValue: null,\n conversionValueCount: NULL_CONVERSIONS_COUNT + random(RANDOMIZATION_AMOUNT),\n name: null\n },\n id: '',\n type: 'sk_ad_network_report'\n }\n ]\n\n conversionValueCountDistribution.forEach((number, index) => {\n conversionValueData.push({\n attributes: {\n conversionValue: index,\n conversionValueCount: number + random(RANDOMIZATION_AMOUNT),\n name: String(index)\n },\n id: String(index),\n type: 'sk_ad_network_report'\n })\n })\n\n return [conversionValueData]\n}\n\nexport const fetchMockAppLevelDataByDateForMetrics = async ({ params }) => {\n const metricsToMock = params.metrics || []\n\n const fetchMockData = () => new Promise(resolve => {\n setTimeout(() => {\n resolve(generateAppLevelDataByDateForMetrics(metricsToMock))\n }, ONE_SECOND)\n })\n\n const data = await fetchMockData()\n\n return take(data, FIVE_ITEMS)\n}\n\nexport const fetchMockConversionValueDataForApp = async () => {\n const fetchMockData = () => new Promise(resolve => {\n setTimeout(() => {\n resolve(generateAppLevelConversionValueData())\n }, ONE_SECOND)\n })\n\n const data = await fetchMockData()\n\n return data\n}\n","import { find } from 'lodash'\n\nexport const processAllMergeableCampaigns = ({ tracked, reported }) => ({\n reportedCampaigns: reported.map(\n ({\n campaignId: id,\n campaignName: name,\n installs: reportedInstalls,\n spend\n }) => ({\n id,\n name,\n reportedInstalls,\n spend\n })\n ),\n trackedCampaigns: tracked.map(\n ({\n campaignId: id,\n campaignName: name,\n trackedInstalls\n }) => ({\n id,\n name,\n trackedInstalls\n })\n )\n})\n\nexport const getAppByUrl = ({ apps, urlSearch }) => {\n const appId = new URLSearchParams(urlSearch).get('app_id')\n\n if (appId) {\n return find(apps, { id: appId }) || null\n }\n\n return null\n}\n\nexport const getChannelByUrl = ({ channels, urlSearch }) => {\n const channelId = new URLSearchParams(urlSearch).get('ad_network_id')\n\n if (channelId) {\n return find(channels, { id: Number(channelId) }) || null\n }\n\n return null\n}\n\nexport const getLookbackWindowByUrl = ({ lookbackWindows, urlSearch }) => {\n const lookbackWindow = new URLSearchParams(urlSearch).get('lookback_window')\n\n if (lookbackWindow) {\n return find(lookbackWindows, { value: Number(lookbackWindow) }) || null\n }\n\n return null\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3nzq5\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___36K6V\",\"btn-toggle\":\"styles-module__btn-toggle___3LxUT\",\"handle\":\"styles-module__handle___Mn0e8\",\"active\":\"styles-module__active___b4Vc2\",\"focus\":\"styles-module__focus___2HV02\",\"card-panel\":\"styles-module__card-panel___29GyH\",\"panel-heading\":\"styles-module__panel-heading___3K59N\",\"panel-title\":\"styles-module__panel-title___2joil\",\"panel-subtitle\":\"styles-module__panel-subtitle___2BPsA\",\"panel-body\":\"styles-module__panel-body___38Evf\",\"card\":\"styles-module__card___dQp7V\",\"cardContent\":\"styles-module__cardContent___3Qdt6\",\"leftCard\":\"styles-module__leftCard___4RBw8\",\"rightCard\":\"styles-module__rightCard___N8mpE\",\"firstCard\":\"styles-module__firstCard___1dWB6\",\"lastCard\":\"styles-module__lastCard___27gVl\",\"middleCard\":\"styles-module__middleCard___2mk49\",\"container\":\"styles-module__container___2tqky\",\"value\":\"styles-module__value___2J7yL\",\"valueSkeleton\":\"styles-module__valueSkeleton___1RbnF\",\"dataLabel\":\"styles-module__dataLabel___yOuf4\",\"dataNoValue\":\"styles-module__dataNoValue___3dNSf\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___2HXTC\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1cYEY\",\"btn-toggle\":\"styles-module__btn-toggle___2q2F3\",\"handle\":\"styles-module__handle___pGm79\",\"active\":\"styles-module__active___2ubgt\",\"focus\":\"styles-module__focus___22Qrt\",\"card-panel\":\"styles-module__card-panel___3LzSv\",\"panel-heading\":\"styles-module__panel-heading___MtqnE\",\"panel-title\":\"styles-module__panel-title___3h7zx\",\"panel-subtitle\":\"styles-module__panel-subtitle___30QFr\",\"panel-body\":\"styles-module__panel-body___1IhSs\",\"container\":\"styles-module__container___2yjj7\",\"header\":\"styles-module__header___rD23P\",\"thin\":\"styles-module__thin___1SU6u\",\"title\":\"styles-module__title___3XHef\",\"appList\":\"styles-module__appList___1x56F\",\"channelList\":\"styles-module__channelList___33kQV\",\"appListItem\":\"styles-module__appListItem___QfoyF\",\"channelListItem\":\"styles-module__channelListItem___1tvBa\",\"appSearch\":\"styles-module__appSearch___2CBEI\",\"channelSearch\":\"styles-module__channelSearch___1ua8x\",\"copyStatus\":\"styles-module__copyStatus___1WbzB\"};","import PropTypes from 'prop-types'\n\nimport FontAwesomeIcon from '../FontAwesomeIcon'\nimport Overlay from '../Overlay'\nimport OverlayText from '../Overlay/Text'\n\nimport styles from './styles.module.scss'\n\nconst ChartFailed = ({ isCardOverlay, onReloadClick }) => (\n \n \n
\n \n
\n )\n}\n\nMultiSelectIcon.propTypes = {\n isSelected: PropTypes.bool.isRequired\n}\n\nexport default MultiSelectIcon\n","import React, { useEffect, useRef } from 'react'\n\nexport default function usePrevious(value) {\n const ref = useRef()\n\n useEffect(() => {\n ref.current = value\n })\n\n return ref.current\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"controlBgColor\":\"#fff\",\"controlBgColorDisabled\":\"#eee\",\"controlBorder\":\"1px solid #dee9f4\",\"controlBorderRadius\":\"6px\",\"controlLineHeight\":\"40px\",\"controlFontFamily\":\"\\\"Montserrat\\\",\\\"Lato\\\",\\\"Helvetica Neue\\\",Helvetica,Sans-serif\",\"controlFontSize\":\"14px\",\"controlFontWeight\":\"600\",\"menuZIndex\":\"8000\",\"singleValueColor\":\"#0271c3\",\"singleValueFontWeight\":\"500\",\"valueContainerPadding\":\"2px 15px\",\"google-oauth-button\":\"styles-module__google-oauth-button___21Jjw\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___2g1xK\",\"btn-toggle\":\"styles-module__btn-toggle___2NKmz\",\"handle\":\"styles-module__handle___TLclz\",\"active\":\"styles-module__active___38KVy\",\"focus\":\"styles-module__focus___2ToRQ\",\"card-panel\":\"styles-module__card-panel___7Mkvs\",\"panel-heading\":\"styles-module__panel-heading___r118I\",\"panel-title\":\"styles-module__panel-title___2-1gj\",\"panel-subtitle\":\"styles-module__panel-subtitle___3IeCc\",\"panel-body\":\"styles-module__panel-body___2kFlR\"};","export const SKELETON_ROW_COUNT = 4\n\nexport const MIN_ROW_LENGTH_RENDER_COUNT = 1\n\nexport const DEFAULT_FLEX = 1\n\nexport const HEADER_EVENT = 'Event'\nexport const HEADER_NAME = 'Name'\nexport const HEADER_STATUS = 'Status'\nexport const HEADER_USER_FILTER = 'User Filter'\n\nexport const COLUMN_HEADER_FLEX_MAPPING = {\n '': 1,\n [HEADER_EVENT]: 1.25,\n [HEADER_NAME]: 1.25,\n [HEADER_STATUS]: 0.5,\n [HEADER_USER_FILTER]: 1\n}\n","export const DEFAULT_CELL_WIDTH = 75\n\nexport const NON_METRIC_CELL_WIDTH_MAPPING = {\n adNetwork: 25,\n app: 200,\n country: 200,\n date: 95,\n name: 200,\n platform: 25\n}\n\nexport const INITIAL_STATE_SORT_BY = [{ desc: false, id: 'name' }]\n\nexport const RESIZE_TIMEOUT_IN_MS = 150\n\nexport const EMPTY_HEADER = ''\nexport const DEFAULT_PAGE_SIZE = 100\nexport const DEFAULT_PAGE_INDEX = 0\n","import React from 'react'\nimport classNames from 'classnames'\nimport PropTypes from 'prop-types'\n\nimport styles from './styles.module.scss'\n\nconst CardHeader = ({ children, className, isActive }) => (\n \n {children}\n
\n)\n\nCardHeader.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n isActive: PropTypes.bool\n}\n\nCardHeader.defaultProps = {\n className: null,\n isActive: false\n}\n\nexport default CardHeader\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport Tooltip from 'rc-tooltip'\n\nimport { TOOLTIP_DELAY_IN_S } from './constants'\nimport { metricDefinitionObject } from '../../utils/customPropTypes'\n\nimport styles from './styles.module.scss'\n\nconst Overlay = ({ className, metric }) => {\n const {\n dataSource,\n desc,\n formula,\n link,\n title\n } = metric.components.tooltip\n\n const showFormula = formula.length > 0\n const showLink = link.length > 0\n\n return (\n\n \n Learn More...\n \n )}\n
\n )\n}\n\nconst MetricTooltip = ({ className, metric, children, placement }) => (\n {title}
\n Data Source: {dataSource}
\n {desc}
\n {showFormula && {formula}
}\n {showLink && (\n \n
\n)\n\nOverlay.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n isCardOverlay: PropTypes.bool\n}\n\nOverlay.defaultProps = {\n className: null,\n isCardOverlay: false\n}\n\nexport default Overlay\n","import { forwardRef, Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport Tooltip from 'rc-tooltip'\n\nimport {\n getCountryContent, getPlatformContent, getPlatformIcon, getUnavailableContent,\n isGroupingByCountry, isGroupingByPlatform\n} from './helpers'\n\nimport { isPresent, isUnavailable } from '../../utils/helpers'\nimport {\n arrayOfCountries,\n oneOfSelectableGroupBys,\n oneOfSelectablePlatforms\n} from '../../utils/customPropTypes'\n\nimport styles from './styles.module.scss'\n\nconst ReportingDataNameDisplay = forwardRef((props, ref) => {\n const {\n className,\n countries,\n fieldType,\n groupBy,\n icon: iconProp,\n name: nameProp,\n nameClassName,\n platform,\n platformClassName,\n shouldTooltipName,\n tooltipPlacement\n } = props\n\n let icon = iconProp\n let name = nameProp\n let platformIcon = null\n\n if (isGroupingByCountry(groupBy)) {\n const countryContent = getCountryContent({ countries, name })\n\n icon = countryContent.icon\n name = countryContent.name\n }\n\n if (isGroupingByPlatform(groupBy)) {\n const platformContent = getPlatformContent({ platform: name })\n\n icon = platformContent.icon\n name = platformContent.name\n }\n\n if (isUnavailable(name)) {\n const unavailableContent = getUnavailableContent({ fieldType, name })\n\n icon = unavailableContent.icon\n name = unavailableContent.name\n }\n\n if (!isGroupingByPlatform(groupBy) && isPresent(platform)) {\n platformIcon = getPlatformIcon({ className: platformClassName, platform })\n }\n\n return (\n \n {isGroupingByCountry ? (\n {icon}\n ) : (\n \n \n\n
\n \n {children}\n
\n \n
\n )\n}\n\nSearch.propTypes = {\n isDisabled: PropTypes.bool,\n onSearchTextChange: PropTypes.func.isRequired,\n placeholderText: PropTypes.string.isRequired\n}\n\nSearch.defaultProps = {\n isDisabled: false\n}\n\nexport default Search\n","import styles from './styles.module.scss'\n\n// eslint-disable-next-line import/prefer-default-export\nexport const defaultModalStyles = {\n content: {\n backgroundColor: styles.modalBackgroundColor,\n borderRadius: styles.modalBorderRadius,\n bottom: styles.modalBottom,\n boxShadow: styles.modalBoxShadow,\n left: styles.modalLeft,\n marginRight: styles.modalMarginRight,\n maxWidth: styles.modalMaxWidth,\n padding: styles.modalPadding,\n right: styles.modalRight,\n top: styles.modalTop,\n transform: styles.modalTransform,\n width: styles.modalWidth\n },\n overlay: {\n backgroundColor: styles.overlayBackgroundColor\n }\n}\n","export const WINDOW_TYPE_DETERMINISTIC_CLICK = 'deterministicClickAttributionWindow'\nexport const WINDOW_TYPE_DETERMINISTIC_IMPRESSION = 'deterministicImpressionAttributionWindow'\nexport const WINDOW_TYPE_PROBABILISTIC_CLICK = 'probabilisticClickAttributionWindow'\nexport const WINDOW_TYPE_PROBABILISTIC_IMPRESSION = 'probabilisticImpressionAttributionWindow'\n\nexport const ATTRIBUTION_WINDOW_KEYS = [\n WINDOW_TYPE_DETERMINISTIC_CLICK,\n WINDOW_TYPE_DETERMINISTIC_IMPRESSION,\n WINDOW_TYPE_PROBABILISTIC_CLICK,\n WINDOW_TYPE_PROBABILISTIC_IMPRESSION\n]\n","import { createContext, useContext, useReducer } from 'react'\nimport {\n map, find, isUndefined, some\n} from 'lodash'\nimport PropTypes from 'prop-types'\nimport { isBlank } from '../../utils/helpers'\nimport { ATTRIBUTION_WINDOW_KEYS } from './constants'\n\n// TODO: [nafeu] remove context altogether to reduce redundancies\nconst AppIntegrationsContext = createContext()\nconst AppIntegrationsDispatchContext = createContext()\n\n// TODO: [nafeu] move to appropriate helpers file and add specs\nexport const isAppChannelCustomSettings = appChannel => {\n if (!isBlank(appChannel)) {\n const hasCustomSetting = key => appChannel[key] !== 0 && appChannel[key] !== null\n return some(ATTRIBUTION_WINDOW_KEYS, hasCustomSetting)\n }\n\n return false\n}\n\n// TODO: [nafeu] move to appropriate helpers file and add specs\nexport const replaceItemInList = ({ itemList, newItem }) => {\n const updatedList = map(itemList, item => {\n if (item.id === newItem.id) {\n return newItem\n }\n return item\n })\n\n return updatedList\n}\n\nreplaceItemInList.propTypes = {\n itemList: PropTypes.arrayOf(PropTypes.shape).isRequired,\n newItem: PropTypes.shape.isRequired\n}\n\nconst getInitialState = (\n {\n appChannels,\n apps,\n channels,\n currentTab,\n currentApp,\n currentAppChannel,\n currentChannel\n }\n) => {\n const hasAppChannelCustomSettings = isAppChannelCustomSettings(currentAppChannel)\n\n return {\n appChannels,\n apps,\n channels,\n currentApp,\n currentAppChannel,\n currentAppChannelHasCustomSettings: hasAppChannelCustomSettings,\n currentAppChannelOverrideToggleOn: hasAppChannelCustomSettings,\n currentChannel,\n currentTab\n }\n}\n\nconst reducers = {\n UPDATE_CHANNEL_OVERRIDE_ON: (state, payload) => {\n const appChannelOverrideOn = payload\n return { ...state, currentAppChannelOverrideToggleOn: appChannelOverrideOn }\n },\n UPDATE_CURRENT_APP: (state, payload) => {\n const updatedApp = payload\n let appChannel\n if (state.currentChannel) {\n appChannel = find(state.appChannels, {\n adNetworkId: state.currentChannel.id,\n appId: updatedApp.id\n })\n }\n const hasAppChannelCustomSettings = isAppChannelCustomSettings(appChannel)\n return {\n ...state,\n apps: replaceItemInList({\n itemList: state.apps,\n newItem: updatedApp\n }),\n currentApp: updatedApp,\n currentAppChannel: appChannel,\n currentAppChannelHasCustomSettings: hasAppChannelCustomSettings,\n currentAppChannelOverrideToggleOn: hasAppChannelCustomSettings\n }\n },\n UPDATE_CURRENT_APP_CHANNEL: (state, payload) => {\n const updatedAppChannel = payload\n const hasAppChannelCustomSettings = isAppChannelCustomSettings(updatedAppChannel)\n return {\n ...state,\n appChannels: replaceItemInList({\n itemList: state.appChannels,\n newItem: updatedAppChannel\n }),\n currentAppChannel: updatedAppChannel,\n currentAppChannelHasCustomSettings: hasAppChannelCustomSettings,\n currentAppChannelOverrideToggleOn: hasAppChannelCustomSettings\n }\n },\n UPDATE_CURRENT_CHANNEL: (state, payload) => {\n const updatedChannel = payload\n let appChannel\n if (state.currentApp) {\n appChannel = find(state.appChannels, {\n adNetworkId: updatedChannel.id,\n appId: state.currentApp.id\n })\n }\n const hasAppChannelCustomSettings = isAppChannelCustomSettings(appChannel)\n return {\n ...state,\n channels: replaceItemInList({\n itemList: state.channels,\n newItem: updatedChannel\n }),\n currentAppChannel: appChannel,\n currentAppChannelHasCustomSettings: hasAppChannelCustomSettings,\n currentAppChannelOverrideToggleOn: hasAppChannelCustomSettings,\n currentChannel: updatedChannel\n }\n }\n}\n\nconst appIntegrationReducer = (state, action) => {\n const { type, payload } = action\n if (isUndefined(payload)) return { state }\n\n const handleAction = reducers[type]\n if (!handleAction) return state\n\n return handleAction(state, payload)\n}\n\n/* eslint-disable react/prop-types */\nexport const AppIntegrationsProvider = ({\n children,\n status\n}) => {\n const [state, dispatch] = useReducer(appIntegrationReducer, getInitialState(status))\n\n return (\n \n Refine by\n
\n\n \n {errorContent}\n
\n )\n }\n\n if (isLoadingState) {\n return (\n \n {successContent || children}\n
\n )\n }\n\n const isClickable = !isSuccessState && !isDisabled && !isLoadingState\n\n return (\n \n setSearchText('')}\n type=\"far\"\n />\n )}\n\n {displaySearchIcon && (\n
\n )\n}\n\nSearchInput.propTypes = {\n alwaysShowClearIcon: PropTypes.bool,\n autoFocus: PropTypes.bool,\n className: PropTypes.string,\n clearIconClassName: PropTypes.string,\n displaySearchIcon: PropTypes.bool,\n inputClassName: PropTypes.string,\n isDisabled: PropTypes.bool,\n onSearchTextChange: PropTypes.func.isRequired,\n placeholderText: PropTypes.string.isRequired,\n searchText: PropTypes.string.isRequired,\n setSearchText: PropTypes.func.isRequired\n}\n\nSearchInput.defaultProps = {\n alwaysShowClearIcon: false,\n autoFocus: false,\n className: null,\n clearIconClassName: null,\n displaySearchIcon: false,\n inputClassName: null,\n isDisabled: false\n}\n\nexport default SearchInput\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { isEmpty } from 'lodash'\nimport Tooltip from 'rc-tooltip'\n\nimport { TOOLTIP_MOUSE_ENTER_DELAY } from '../../utils/constants'\n\nimport styles from './styles.module.scss'\n\nimport FontAwesomeIcon from '../FontAwesomeIcon'\nimport FragmentWrapper from '../FragmentWrapper'\n\nconst FormInput = ({\n className,\n inputClassName,\n classNameStatic,\n isDisabled,\n isStatic,\n isError,\n messageContent,\n tooltipContent,\n tooltipPlacement,\n ...inputProps\n}) => {\n const { value } = inputProps\n\n if (isStatic) {\n return (\n \n {isEmpty(value) ?
\n )\n }\n\n const TooltipWrapper = tooltipContent ? Tooltip : FragmentWrapper\n\n return (\n \n \n
\n )\n}\n\nFormInput.propTypes = {\n className: PropTypes.string,\n classNameStatic: PropTypes.string,\n inputClassName: PropTypes.string,\n isDisabled: PropTypes.bool,\n isError: PropTypes.bool,\n isStatic: PropTypes.bool,\n messageContent: PropTypes.string,\n tooltipContent: PropTypes.node,\n tooltipPlacement: PropTypes.oneOf(['top', 'bottom', 'left', 'right'])\n}\n\nFormInput.defaultProps = {\n className: '',\n classNameStatic: '',\n inputClassName: '',\n isDisabled: false,\n isError: false,\n isStatic: false,\n messageContent: null,\n tooltipContent: null,\n tooltipPlacement: 'right'\n}\n\nexport default FormInput\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___2n1-d\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___d77yF\",\"btn-toggle\":\"styles-module__btn-toggle___hZJ7G\",\"handle\":\"styles-module__handle___3nf9o\",\"active\":\"styles-module__active___2iYGo\",\"focus\":\"styles-module__focus___c3UBa\",\"card-panel\":\"styles-module__card-panel___1y5Ba\",\"panel-heading\":\"styles-module__panel-heading___2-nyt\",\"panel-title\":\"styles-module__panel-title___1PyRc\",\"panel-subtitle\":\"styles-module__panel-subtitle___21DFt\",\"panel-body\":\"styles-module__panel-body___Fq3sY\",\"tabs\":\"styles-module__tabs___1W5c_\",\"tab\":\"styles-module__tab___cQXyD\",\"activeBottomBorder\":\"styles-module__activeBottomBorder___3PnIC\",\"cardHeader\":\"styles-module__cardHeader___1C-be\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___2t-KC\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___TD5XZ\",\"btn-toggle\":\"styles-module__btn-toggle___1ljLA\",\"handle\":\"styles-module__handle___2ZfC2\",\"active\":\"styles-module__active___3fkuz\",\"focus\":\"styles-module__focus___3pcUx\",\"card-panel\":\"styles-module__card-panel___2FNwY\",\"panel-heading\":\"styles-module__panel-heading___1o6U6\",\"panel-title\":\"styles-module__panel-title___3IE2w\",\"panel-subtitle\":\"styles-module__panel-subtitle___354u8\",\"panel-body\":\"styles-module__panel-body___Yw2Z4\",\"nameHeader\":\"styles-module__nameHeader___1HfEz\",\"nameHeaderAllExpandable\":\"styles-module__nameHeaderAllExpandable___A4OYf\",\"nameHeaderExpander\":\"styles-module__nameHeaderExpander___3GkN9\",\"nameCell\":\"styles-module__nameCell___1oUER\",\"metricCell\":\"styles-module__metricCell___2cXys\",\"metricHeader\":\"styles-module__metricHeader___etOQg\",\"metricHeaderCompact\":\"styles-module__metricHeaderCompact___3o6gm\",\"nameDisplay\":\"styles-module__nameDisplay___20jYl\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___1lhOF\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___2Urb4\",\"btn-toggle\":\"styles-module__btn-toggle___WHU0b\",\"handle\":\"styles-module__handle___2wm7H\",\"active\":\"styles-module__active___t5e3d\",\"focus\":\"styles-module__focus___1b45U\",\"card-panel\":\"styles-module__card-panel___cP7HW\",\"panel-heading\":\"styles-module__panel-heading___39V2A\",\"panel-title\":\"styles-module__panel-title___1sYpi\",\"panel-subtitle\":\"styles-module__panel-subtitle___2Cd4q\",\"panel-body\":\"styles-module__panel-body___3A4gI\",\"wrapper\":\"styles-module__wrapper___uyLAj\",\"tableHeaderContainer\":\"styles-module__tableHeaderContainer___18YFL\",\"stickyHeader\":\"styles-module__stickyHeader___15jG7\",\"tableHeader\":\"styles-module__tableHeader___qiXaE\",\"header\":\"styles-module__header___3JTV4\",\"nameDisplay\":\"styles-module__nameDisplay___1Oioa\",\"tableContainer\":\"styles-module__tableContainer___3Vscz\",\"skeletonRow\":\"styles-module__skeletonRow___3d_d9\"};","export const DASHBOARD_ADMIN_AD_NETWORK_URL = '../admin/ad_networks/'\nexport const DASHBOARD_ADMIN_ORGANIZATION_URL = '../admin/organizations/'\nexport const DASHBOARD_ADMIN_USER_URL = '../admin/users/'\nexport const DASHBOARD_ADMIN_AD_ACCOUNT_URL = '../admin/ad_accounts/'\nexport const REPORT_NEVER_UPDATED = 'neverUpdated'\nexport const REPORT_FAILED_TO_ADD = 'failedToAdd'\nexport const SORT_NAME_VALUE_MAPPING = {\n adAccount: 'ad_account_name',\n adNetwork: 'ad_network_name',\n createdAt: 'created_at',\n organization: 'organization_name',\n user: 'contact_user_email'\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___1Vt38\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___jzlHi\",\"btn-toggle\":\"styles-module__btn-toggle___10Wvd\",\"handle\":\"styles-module__handle___2xLIn\",\"active\":\"styles-module__active___2-VKw\",\"focus\":\"styles-module__focus___gKgkv\",\"card-panel\":\"styles-module__card-panel___K1iZZ\",\"panel-heading\":\"styles-module__panel-heading___2mTdy\",\"panel-title\":\"styles-module__panel-title___S83wV\",\"panel-subtitle\":\"styles-module__panel-subtitle___hXdrz\",\"panel-body\":\"styles-module__panel-body___2ab_x\",\"container\":\"styles-module__container___2pn38\",\"filters\":\"styles-module__filters___t78_X\",\"sortButton\":\"styles-module__sortButton___1OtQf\",\"table\":\"styles-module__table___3lBpg\"};","import {\n LABEL_APP_AND_SDK,\n LABEL_ATTRIBUTION,\n LABEL_CALLBACKS,\n LABEL_SK_AD_NETWORK,\n PATH_ATTRIBUTION,\n PATH_CALLBACKS,\n PATH_DASHBOARD_APPS,\n PATH_INTEGRATIONS,\n PATH_SK_AD_NETWORK,\n PLATFORM_IOS\n} from '../constants'\n\nexport const getNavigationOptions = ({ app, setIsLoading }) => [\n {\n handleChangeAppRedirect: ({ id }) => {\n setIsLoading(true)\n window.location.href = `${PATH_DASHBOARD_APPS}/${id}`\n },\n isActive: () => window.location.pathname === `${PATH_DASHBOARD_APPS}/${app.id}`,\n label: LABEL_APP_AND_SDK,\n path: `${PATH_DASHBOARD_APPS}/${app.id}`\n },\n {\n handleChangeAppRedirect: ({ id }) => {\n setIsLoading(true)\n window.location.href = `${PATH_DASHBOARD_APPS}/${id}${PATH_ATTRIBUTION}`\n },\n isActive: () => window.location.pathname.includes(PATH_ATTRIBUTION),\n label: LABEL_ATTRIBUTION,\n path: `${PATH_DASHBOARD_APPS}/${app.id}${PATH_ATTRIBUTION}`\n },\n {\n handleChangeAppRedirect: ({ id }) => {\n setIsLoading(true)\n window.location.href = `${PATH_DASHBOARD_APPS}/${id}${PATH_CALLBACKS}`\n },\n isActive: () => window.location.pathname.includes(`${PATH_DASHBOARD_APPS}/${app.id}${PATH_CALLBACKS}`),\n label: LABEL_CALLBACKS,\n path: `${PATH_DASHBOARD_APPS}/${app.id}${PATH_CALLBACKS}`\n },\n ...(window.gon.feature_flags.includes('skan_csv_upload') && app.platform === PLATFORM_IOS ? [{\n handleChangeAppRedirect: ({ id }) => {\n setIsLoading(true)\n window.location.href = `${PATH_DASHBOARD_APPS}/${id}${PATH_SK_AD_NETWORK}`\n },\n isActive: () => window.location.pathname === `${PATH_DASHBOARD_APPS}/${app.id}${PATH_SK_AD_NETWORK}`,\n label: LABEL_SK_AD_NETWORK,\n path: `${PATH_DASHBOARD_APPS}/${app.id}${PATH_SK_AD_NETWORK}`\n }] : [])\n]\n","import { keys } from 'lodash'\n\n// eslint-disable-next-line import/prefer-default-export\nexport const FIELDS_TO_OMIT_FOR_CSV = [\n 'adNetworkId',\n 'adNetworkShortId',\n 'adNetworkIconUrl',\n 'campaignIconUrl',\n 'appIconUrl',\n 'appId',\n 'attributes',\n 'campaignId',\n 'childQueryIds',\n 'custom',\n 'date',\n 'iconUrl',\n 'id',\n 'isLastQueryInSequence',\n 'name',\n 'shortId',\n 'siteId',\n 'skAdNetworkId',\n 'skCampaignId',\n 'subRows',\n 'type'\n]\n\nexport const DEFAULT_EXPORT_GRANULARITY = 'totals-daily'\n\nexport const EMPTY_APP = {\n bundleId: '',\n id: '',\n name: '',\n storeId: ''\n}\n\nexport const GROUP_BY_HEADER_MAPPING = {\n adNetworkApp: 'name',\n adNetworkAppCountry: 'name',\n adNetworkId: 'channel',\n adPlacementId: 'adPlacementName',\n appId: 'appName',\n campaignCountry: 'name',\n campaignId: 'campaign',\n conversionValue: 'conversionValue',\n country: 'country',\n fidelityType: 'fidelityType',\n platform: 'platform',\n siteId: 'site',\n skAdNetworkId: 'skAdNetwork',\n skCampaignId: 'skCampaign',\n skSourceAppId: 'skSourceApp'\n}\n\nexport const DATE_FORMAT_YYYY_MM_DD_LENGTH = 10\n\nexport const CSV_COLUMN_SORT_ORDER = [\n 'date',\n 'name',\n 'country',\n 'appName',\n 'platform',\n 'adNetworkName',\n 'campaign',\n 'bundleId',\n 'storeId',\n 'conversionValue',\n 'fidelityType',\n 'site',\n 'skAdNetwork',\n 'skCampaign',\n 'skSourceApp'\n]\n\nexport const COMBINATION_GROUP_BY_TO_SINGLE_ID_MAPPING = {\n adNetworkApp: ['adNetworkId', 'appId'],\n adNetworkAppCountry: ['adNetworkId', 'appId', 'country'],\n campaignCountry: ['campaignId', 'country'],\n campaignId: ['adNetworkId', 'campaignId']\n}\n\nexport const COMBINATION_GROUP_BYS = keys(COMBINATION_GROUP_BY_TO_SINGLE_ID_MAPPING)\n","export const REQUIRED_TEXT = \"Can't be Blank\"\nexport const INVALID_FORMAT_TEXT = 'Invalid Format'\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport styles from './styles.module.scss'\n\nconst OverlayText = ({ children, className }) => (\n {messageContent}
}\n \n {children}\n
\n)\n\nOverlayText.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string\n}\n\nOverlayText.defaultProps = {\n className: null\n}\n\nexport default OverlayText\n","import PropTypes from 'prop-types'\nimport Skeleton from 'react-loading-skeleton'\nimport { range } from 'lodash'\n\nconst SkeletonRows = ({ className, numRows, skeletonClassName }) => (\n range(numRows).map(i => (\n \n
\n ))\n)\n\nSkeletonRows.propTypes = {\n className: PropTypes.string,\n numRows: PropTypes.number,\n skeletonClassName: PropTypes.string\n}\n\nSkeletonRows.defaultProps = {\n className: null,\n numRows: 5,\n skeletonClassName: null\n}\n\nexport default SkeletonRows\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport { useReportingFiltersState } from '../../contexts/ReportingFilters'\n\nimport styles from './styles.module.scss'\n\nconst ReportingContent = ({ children }) => {\n const { isSidebarCollapsed } = useReportingFiltersState()\n\n const className = classNames(styles.content, {\n [styles.collapsed]: isSidebarCollapsed\n })\n\n return (\n \n {children}\n
\n )\n}\n\nReportingContent.propTypes = {\n children: PropTypes.node.isRequired\n}\n\nexport default ReportingContent\n","import PropTypes from 'prop-types'\n\nimport FontAwesomeIcon from '../../../../FontAwesomeIcon'\n\nimport styles from './styles.module.scss'\n\nconst Header = ({ children, onClose }) => (\n \n
\n)\n\nHeader.propTypes = {\n children: PropTypes.node.isRequired,\n onClose: PropTypes.func.isRequired\n}\n\nexport default Header\n","import PropTypes from 'prop-types'\n\nimport ListItem from '../Pane/ListItem'\nimport MultiSelectIcon from '../Pane/ListItem/MultiSelectIcon'\n\nconst SelectAll = (\n {\n isAllSelected,\n isDisabled,\n itemIds,\n labelText,\n onClick\n }\n) => {\n const handleClick = () => {\n if (isDisabled) return\n\n if (isAllSelected) {\n onClick([])\n } else {\n onClick(itemIds)\n }\n }\n\n return (\n {children}
\n\n \n
\n \n
\n)\n\nconst SelectedItems = ({\n isAllSelected,\n itemTitle,\n maxDisplayCount,\n onClickSelectedItem,\n selectedItemsCount,\n selectedItemsInfo\n}) => {\n const isNoneSelected = selectedItemsCount === 0\n const isSomeSelected = !isAllSelected && !isNoneSelected\n\n const isWithinDisplayLimit = isSomeSelected && selectedItemsCount <= maxDisplayCount\n const isMaxDisplayLimit = isSomeSelected && selectedItemsCount > maxDisplayCount\n\n const showNoneSelected = isNoneSelected && !isAllSelected\n\n return (\n \n {message}\n
\n \n
\n )\n}\n\nSelectedItems.propTypes = {\n isAllSelected: PropTypes.bool.isRequired,\n itemTitle: PropTypes.string.isRequired,\n maxDisplayCount: PropTypes.number.isRequired,\n onClickSelectedItem: PropTypes.func.isRequired,\n selectedItemsCount: PropTypes.number.isRequired,\n selectedItemsInfo: PropTypes.arrayOf(PropTypes.object).isRequired\n}\n\nexport default SelectedItems\n","import { isEmpty } from 'lodash'\n\nexport const buildLabelTextFromMultiSelected = (\n {\n humanizedSelectedTypeStr,\n selectable,\n selected\n }\n) => {\n if (isEmpty(selected)) {\n return `No ${humanizedSelectedTypeStr}`\n }\n\n if (selected.length === selectable.length) {\n return `All ${humanizedSelectedTypeStr}`\n }\n\n return `${selected.length} ${humanizedSelectedTypeStr}`\n}\n\nexport default buildLabelTextFromMultiSelected\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___bC-k-\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___3c0jS\",\"btn-toggle\":\"styles-module__btn-toggle___33ubE\",\"handle\":\"styles-module__handle___1rCIP\",\"active\":\"styles-module__active___3JdRz\",\"focus\":\"styles-module__focus___CpIpH\",\"card-panel\":\"styles-module__card-panel___32bjg\",\"panel-heading\":\"styles-module__panel-heading___FGgXV\",\"panel-title\":\"styles-module__panel-title___3eJn7\",\"panel-subtitle\":\"styles-module__panel-subtitle___2uMER\",\"panel-body\":\"styles-module__panel-body___2jrs0\",\"container\":\"styles-module__container___2iSnp\",\"renderer\":\"styles-module__renderer___dKfOf\",\"img\":\"styles-module__img___3JoXQ\",\"platformIcon\":\"styles-module__platformIcon___2D4ri\",\"lookbackWindow\":\"styles-module__lookbackWindow___2P3lv\"};","import PropTypes from 'prop-types'\nimport Tooltip from 'rc-tooltip'\nimport { isEmpty } from 'lodash'\n\nimport MetricTooltip from '../../../../MetricTooltip'\n\nimport { TOOLTIP_DELAY_IN_S } from './constants'\nimport { metricDefinitionObject } from '../../../../../utils/customPropTypes'\n\nimport styles from './styles.module.scss'\n\nconst Header = ({\n className,\n metric,\n text,\n tooltipText\n}) => {\n const isMetric = metric && !isEmpty(metric)\n\n if (isMetric) {\n return (\n \n Selected {itemTitle}\n
\n {isAllSelected && (\n \n {selectedItemsInfo.map(item => {\n const icons = []\n\n if (item.iconUrl) {\n icons.push({ name: item.name, url: item.iconUrl })\n }\n\n if (item.platform) {\n const platformIconUrl = PLATFORM_TO_ICON[item.platform] || PLATFORM_TO_ICON.unknown\n\n icons.push({ name: item.platform, url: platformIconUrl })\n }\n\n return (\n
\n )}\n\n {isMaxDisplayLimit && (\n \n {text}\n
\n \n {text}\n
\n \n )\n}\n\nHeader.propTypes = {\n className: PropTypes.string,\n metric: metricDefinitionObject,\n text: PropTypes.string.isRequired,\n tooltipText: PropTypes.string\n}\n\nHeader.defaultProps = {\n className: null,\n metric: null,\n tooltipText: ''\n}\n\nexport default Header\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3OfQ3\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1lEbm\",\"btn-toggle\":\"styles-module__btn-toggle___3qpo3\",\"handle\":\"styles-module__handle___3_7ab\",\"active\":\"styles-module__active___3kHs0\",\"focus\":\"styles-module__focus___2UwkL\",\"card-panel\":\"styles-module__card-panel___3KmJA\",\"panel-heading\":\"styles-module__panel-heading___1NjYs\",\"panel-title\":\"styles-module__panel-title___3L_0l\",\"panel-subtitle\":\"styles-module__panel-subtitle___KZ9Qi\",\"panel-body\":\"styles-module__panel-body___3EWu1\",\"label\":\"styles-module__label___1u484\",\"inner\":\"styles-module__inner___19M0C\",\"inner--sm\":\"styles-module__inner--sm___3I-70\",\"hiddenInput\":\"styles-module__hiddenInput___2bwbs\",\"visibleCheckbox\":\"styles-module__visibleCheckbox___2-9JC\",\"focusedVisibleCheckbox\":\"styles-module__focusedVisibleCheckbox___1c_Pe\",\"hoveredVisibleCheckbox\":\"styles-module__hoveredVisibleCheckbox___i03TM\",\"checkedVisibleCheckbox\":\"styles-module__checkedVisibleCheckbox___3VuPl\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___1n3-c\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___MXN9v\",\"btn-toggle\":\"styles-module__btn-toggle___1Ig21\",\"handle\":\"styles-module__handle___25Qch\",\"active\":\"styles-module__active___2ZU8l\",\"focus\":\"styles-module__focus___32tSx\",\"card-panel\":\"styles-module__card-panel___2U_dp\",\"panel-heading\":\"styles-module__panel-heading___2Oza3\",\"panel-title\":\"styles-module__panel-title___1GlAP\",\"panel-subtitle\":\"styles-module__panel-subtitle___VSOtn\",\"panel-body\":\"styles-module__panel-body___1WdAB\",\"alert\":\"styles-module__alert___1bQyu\",\"icon\":\"styles-module__icon___1VTID\",\"content\":\"styles-module__content___1AFlF\",\"closeButton\":\"styles-module__closeButton___IbH7X\",\"primary\":\"styles-module__primary___lQBp4\",\"success\":\"styles-module__success___35o98\",\"warning\":\"styles-module__warning___30T1H\",\"danger\":\"styles-module__danger___1eEnj\"};","import Highcharts from 'highcharts'\nimport { isInteger } from 'lodash'\nimport { CONVERSION_VALUE_HISTOGRAM_TOOLTIP_BACKGROUND_COLOR } from '../../../utils/charts'\n\nexport const CHART_SKELETON_HEIGHT = 400\n\nexport const PLOT_OPTIONS = {\n column: {\n animation: false,\n dataLabels: {\n enabled: false\n }\n }\n}\n\nexport const X_AXIS_OPTIONS = {\n dataLabels: {\n enabled: true\n },\n labels: {\n allowOverlap: false,\n enabled: true,\n // eslint-disable-next-line func-names, object-shorthand, space-before-function-paren\n formatter: function() {\n const { value } = this\n\n if (value < 0) {\n return 'Null'\n }\n\n return value\n },\n step: 2\n },\n max: 63,\n tickInterval: 1,\n tickLength: 0,\n title: {\n enabled: true,\n style: {\n fontSize: '14px',\n fontWeight: 'bold'\n },\n y: 10\n },\n type: 'linear'\n}\n\nexport const Y_AXIS_OPTIONS = {\n labels: {\n // eslint-disable-next-line func-names, object-shorthand, space-before-function-paren\n formatter: function() {\n const { value } = this\n\n if (isInteger(value)) {\n return Highcharts.numberFormat(value, 0, '', ',')\n }\n\n return ''\n }\n },\n title: {\n enabled: true,\n style: {\n fontSize: '14px',\n fontWeight: 'bold'\n },\n x: -10\n }\n}\n\nexport const TOOLTIP_OPTIONS = {\n animation: false,\n backgroundColor: CONVERSION_VALUE_HISTOGRAM_TOOLTIP_BACKGROUND_COLOR,\n shadow: false,\n shared: true,\n useHTML: true\n}\n\nexport const CHART_RENDERER_DELAY_MS = 500\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___1GLcZ\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___3CotR\",\"btn-toggle\":\"styles-module__btn-toggle___2fQey\",\"handle\":\"styles-module__handle___2zLQj\",\"active\":\"styles-module__active___3VVtJ\",\"focus\":\"styles-module__focus___1AKJT\",\"card-panel\":\"styles-module__card-panel___3cFHH\",\"panel-heading\":\"styles-module__panel-heading___3U9ys\",\"panel-title\":\"styles-module__panel-title___2gKpe\",\"panel-subtitle\":\"styles-module__panel-subtitle___13m5Z\",\"panel-body\":\"styles-module__panel-body___MLNsU\",\"overlayInner\":\"styles-module__overlayInner___3Jq9i\",\"hideButton\":\"styles-module__hideButton___14Rsk\",\"title\":\"styles-module__title___Z7Qdl\",\"roleContainer\":\"styles-module__roleContainer___1FYAF\",\"roleTitle\":\"styles-module__roleTitle___H1uu_\",\"roleContent\":\"styles-module__roleContent___2zhoI\",\"footer\":\"styles-module__footer___i0U8S\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___2Ny_z\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1L7CQ\",\"btn-toggle\":\"styles-module__btn-toggle___2l-Dg\",\"handle\":\"styles-module__handle___3K7gF\",\"active\":\"styles-module__active___3k6uY\",\"focus\":\"styles-module__focus___1n-XH\",\"card-panel\":\"styles-module__card-panel___2RinI\",\"panel-heading\":\"styles-module__panel-heading___VRnuF\",\"panel-title\":\"styles-module__panel-title___21Es7\",\"panel-subtitle\":\"styles-module__panel-subtitle___2CQYE\",\"panel-body\":\"styles-module__panel-body___3OodR\",\"disabled\":\"styles-module__disabled___24Wd5\",\"warning\":\"styles-module__warning___gCYFJ\",\"tdDate\":\"styles-module__tdDate___2gfzE\",\"tdSdkKey\":\"styles-module__tdSdkKey___phbyl\",\"orgIcon\":\"styles-module__orgIcon___1IOj9\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"skeletonWidth\":\"500px\",\"skeletonHeight\":\"50px\",\"google-oauth-button\":\"styles-module__google-oauth-button___QEzrt\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___A1tcm\",\"btn-toggle\":\"styles-module__btn-toggle___38GqP\",\"handle\":\"styles-module__handle___-Vhkq\",\"active\":\"styles-module__active___2J_Xf\",\"focus\":\"styles-module__focus___22XhA\",\"card-panel\":\"styles-module__card-panel___2M_oP\",\"panel-heading\":\"styles-module__panel-heading___3lNtb\",\"panel-title\":\"styles-module__panel-title___1-kQL\",\"panel-subtitle\":\"styles-module__panel-subtitle___1hR6-\",\"panel-body\":\"styles-module__panel-body___7QMh9\",\"formInput\":\"styles-module__formInput___3bglG\",\"formInputStatic\":\"styles-module__formInputStatic___GuIMC\",\"errorMessage\":\"styles-module__errorMessage___3Os8T\",\"saveButton\":\"styles-module__saveButton___14olG\",\"cancelButton\":\"styles-module__cancelButton___2NgqS\",\"cardPanelFooter\":\"styles-module__cardPanelFooter___2rvgt\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"skeletonWidth\":\"100%\",\"skeletonHeight\":\"50px\",\"google-oauth-button\":\"styles-module__google-oauth-button___34WC5\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___268LY\",\"btn-toggle\":\"styles-module__btn-toggle___4W6fp\",\"handle\":\"styles-module__handle___2CqfW\",\"active\":\"styles-module__active___O5Dmg\",\"focus\":\"styles-module__focus___alZ2J\",\"card-panel\":\"styles-module__card-panel___1GCFu\",\"panel-heading\":\"styles-module__panel-heading___1CrMk\",\"panel-title\":\"styles-module__panel-title___2kzqX\",\"panel-subtitle\":\"styles-module__panel-subtitle___9_VlE\",\"panel-body\":\"styles-module__panel-body___FguNH\",\"header\":\"styles-module__header___164ma\",\"row\":\"styles-module__row___2ZG94\",\"cell\":\"styles-module__cell___3dvxD\",\"event\":\"styles-module__event___3sfhM\",\"link\":\"styles-module__link___1UcRR\",\"fixedHeight\":\"styles-module__fixedHeight___2RU8r\",\"fixedOverlayContainer\":\"styles-module__fixedOverlayContainer___3B4-8\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"skeletonWidth\":\"100%\",\"skeletonHeight\":\"50px\",\"google-oauth-button\":\"styles-module__google-oauth-button___2ofo8\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___3ZlgR\",\"btn-toggle\":\"styles-module__btn-toggle___3zzsA\",\"handle\":\"styles-module__handle___3zG4f\",\"active\":\"styles-module__active___1jD9t\",\"focus\":\"styles-module__focus___3_Pi7\",\"card-panel\":\"styles-module__card-panel___2rBTi\",\"panel-heading\":\"styles-module__panel-heading___1dOh3\",\"panel-title\":\"styles-module__panel-title___2EKtG\",\"panel-subtitle\":\"styles-module__panel-subtitle___8IY54\",\"panel-body\":\"styles-module__panel-body___21y0K\",\"header\":\"styles-module__header___3K9Ob\",\"row\":\"styles-module__row___2JXkV\",\"cell\":\"styles-module__cell___W9mJl\",\"name\":\"styles-module__name___kkm9O\",\"eventName\":\"styles-module__eventName___2zb9D\",\"addCustomCallbacksButton\":\"styles-module__addCustomCallbacksButton___N1K-Z\"};","export const ERROR_TEXT = 'An error ocurred.'\n\nexport const UNSAVED_CHANGES = 'You have unsaved changes'\n\nexport const PLATFORM_LABELS = {\n amazon: 'Amazon',\n android: 'Android',\n ios: 'iOS'\n}\n\nexport const MOUSE_LEAVE_DELAY = 1\nexport const INPUT_REF_FOCUS_TIMEOUT = 0\n\nexport const ACTION_SELECT_OPTION = 'select-option'\nexport const ACTION_DESELECT_OPTION = 'deselect-option'\nexport const ACTION_INPUT_CHANGE = 'input-change'\nexport const ACTION_MENU_CLOSE = 'menu-close'\n\nexport const PLACEHOLDER_INPUT = 'Filter apps'\n","import { useState } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { noop } from 'lodash'\n\nimport styles from './styles.module.scss'\n\nimport {\n ANIMATION_SPIN,\n ICON_SPINNER,\n RESET_DURATION_MS\n} from './constants'\n\nimport FontAwesomeIcon from '../FontAwesomeIcon'\n\n/*\n eslint-disable jsx-a11y/interactive-supports-focus,\n jsx-a11y/click-events-have-key-events\n*/\nconst AsyncIconTextButton = ({\n children,\n className,\n errorIcon,\n errorText,\n icon,\n isDisabled,\n loadingIcon,\n loadingText,\n onClick,\n onError,\n onSuccess,\n resetOnSuccess,\n successIcon,\n successText\n}) => {\n const [isError, setIsError] = useState(false)\n const [isLoading, setIsLoading] = useState(false)\n const [isSuccess, setIsSuccess] = useState(false)\n\n const handleClick = async () => {\n setIsLoading(true)\n setIsSuccess(false)\n setIsError(false)\n\n try {\n await onClick()\n\n setIsLoading(false)\n\n onSuccess()\n setIsSuccess(true)\n\n if (resetOnSuccess) {\n setTimeout(() => {\n setIsSuccess(false)\n }, RESET_DURATION_MS)\n }\n } catch (error) {\n onError(error)\n window.Honeybadger.notify(error)\n setIsError(true)\n setIsLoading(false)\n }\n }\n\n let content\n let displayIcon\n\n if (isError) {\n content = errorText || children\n displayIcon = errorIcon || icon\n } else if (isLoading) {\n content = loadingText || children\n displayIcon = loadingIcon || icon\n } else if (isSuccess) {\n content = successText || children\n displayIcon = successIcon || icon\n } else {\n content = children\n displayIcon = icon\n }\n\n const isClickable = !isSuccess && !isDisabled && !isLoading\n const isSpinner = displayIcon === ICON_SPINNER\n\n return (\n {content}
\n \n )\n}\n/*\n eslint-enable jsx-a11y/interactive-supports-focus,\n jsx-a11y/click-events-have-key-events\n*/\n\nAsyncIconTextButton.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n errorIcon: PropTypes.string,\n errorText: PropTypes.string,\n icon: PropTypes.string,\n isDisabled: PropTypes.bool,\n loadingIcon: PropTypes.string,\n loadingText: PropTypes.string,\n onClick: PropTypes.func.isRequired,\n onError: PropTypes.func,\n onSuccess: PropTypes.func,\n resetOnSuccess: PropTypes.bool,\n successIcon: PropTypes.string,\n successText: PropTypes.string\n}\n\nAsyncIconTextButton.defaultProps = {\n className: '',\n errorIcon: null,\n errorText: null,\n icon: 'pencil',\n isDisabled: false,\n loadingIcon: 'spinner',\n loadingText: null,\n onError: () => {},\n onSuccess: () => {},\n resetOnSuccess: false,\n successIcon: null,\n successText: null\n}\n\nexport default AsyncIconTextButton\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport styles from './styles.module.scss'\n\n/*\n eslint-disable jsx-a11y/interactive-supports-focus,\n jsx-a11y/click-events-have-key-events,\n jsx-a11y/no-static-element-interactions\n*/\nconst Toggle = ({\n className,\n isDisabled,\n isOn,\n isToggling,\n onToggle\n}) => {\n const canToggle = !isToggling && !isDisabled\n\n return (\n {isOn ? 'On' : 'Off'}
\n \n \n )\n}\n/*\n eslint-enable jsx-a11y/interactive-supports-focus,\n jsx-a11y/click-events-have-key-events,\n jsx-a11y/no-static-element-interactions\n*/\n\nToggle.propTypes = {\n className: PropTypes.string,\n isDisabled: PropTypes.bool,\n isOn: PropTypes.bool.isRequired,\n isToggling: PropTypes.bool,\n onToggle: PropTypes.func.isRequired\n}\n\nToggle.defaultProps = {\n className: '',\n isDisabled: false,\n isToggling: false\n}\n\nexport default Toggle\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport classNames from 'classnames'\nimport { isEmpty } from 'lodash'\n\nimport styles from './styles.module.scss'\n\nclass Label extends React.PureComponent {\n renderFormLabel() {\n const {\n children, className: classNameProp, htmlFor, text\n } = this.props\n\n const className = classNames(styles.label, styles.formLabel, classNameProp)\n const childrenCount = React.Children.count(children)\n\n return (\n \n )\n }\n\n renderPageLabel() {\n const {\n children, className: classNameProp, text\n } = this.props\n\n const className = classNames(styles.label, classNameProp)\n const childrenCount = React.Children.count(children)\n\n return (\n \n {childrenCount > 0 && children}\n {text}\n
\n )\n }\n\n render() {\n const {\n children, className: classNameProp, htmlFor\n } = this.props\n\n return (\n \n {children}\n
\n)\n\nBadge.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n level: PropTypes.oneOf(['danger', 'success', 'warning', 'default'])\n}\n\nBadge.defaultProps = {\n className: '',\n level: 'default'\n}\n\nexport default Badge\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport Text from '../Text'\nimport styles from './styles.module.scss'\n\nconst OverlaySubtext = ({ children, className }) => (\n \n \n {confirmText}\n
\n \n \n)\n/*\n eslint-enable jsx-a11y/interactive-supports-focus,\n jsx-a11y/click-events-have-key-events\n*/\n\nConfirmationModalContent.propTypes = {\n cancelText: PropTypes.string,\n confirmText: PropTypes.string,\n header: PropTypes.string,\n onCancel: PropTypes.func.isRequired,\n onConfirm: PropTypes.func.isRequired,\n prompt: PropTypes.string\n}\n\nConfirmationModalContent.defaultProps = {\n cancelText: 'Cancel',\n confirmText: 'Yes',\n header: 'Confirm',\n prompt: 'Are you sure you want to continue?'\n}\n\nexport default ConfirmationModalContent\n","import { forwardRef } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport styles from './styles.module.scss'\n\nconst TableContainer = forwardRef((props, ref) => {\n const {\n children, className\n } = props\n\n return (\n {header}
\n {prompt}
\n \n \n {cancelText}\n
\n \n {children}\n
\n )\n})\n\nTableContainer.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string\n}\n\nTableContainer.defaultProps = {\n className: null\n}\n\nexport default TableContainer\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport styles from './styles.module.scss'\n\nconst TableData = ({\n children,\n className: classNameProp,\n dataType,\n isFirstColumn,\n ...restProps\n}) => {\n const isAlpha = dataType === 'alpha'\n const isNumeric = !isAlpha\n\n const className = classNames({\n 'text-left': isAlpha,\n 'text-right': isNumeric,\n [styles.numeric]: isNumeric\n }, classNameProp)\n\n return (\n // eslint-disable-next-line react/jsx-props-no-spreading\n \n {children}\n
\n )\n}\n\nTableData.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n dataType: PropTypes.oneOf(['alpha', 'numeric']).isRequired,\n isFirstColumn: PropTypes.bool\n}\n\nTableData.defaultProps = {\n className: '',\n isFirstColumn: false\n}\n\nexport default TableData\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport SkeletonRows from '../SkeletonRows'\n\nimport styles from './styles.module.scss'\n\nconst FakeRows = ({ className, numRows }) => (\n \n {children}\n
\n )\n}\n\nTableHeader.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n dataType: PropTypes.oneOf(['alpha', 'numeric']).isRequired\n}\n\nTableHeader.defaultProps = {\n className: null\n}\n\nexport default TableHeader\n/* eslint-enable react/jsx-props-no-spreading */\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport styles from './styles.module.scss'\n\nconst TableRow = ({\n children, className: classNameProp, depth, index, isExpanded, ...restProps\n}) => {\n const isEvenIndex = index % 2 === 0\n const isTopLevelRow = depth === 0\n\n const className = classNames(styles.row, styles[`level-${depth}`], classNameProp, {\n [styles.expanded]: isExpanded && isTopLevelRow,\n [styles.even]: isEvenIndex && isTopLevelRow,\n [styles.odd] : !isEvenIndex && isTopLevelRow\n })\n\n /* eslint-disable react/jsx-props-no-spreading */\n return (\n \n {children}\n
\n )\n /* eslint-enable react/jsx-props-no-spreading */\n}\n\nTableRow.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n depth: PropTypes.number.isRequired,\n index: PropTypes.number.isRequired,\n isExpanded: PropTypes.bool\n}\n\nTableRow.defaultProps = {\n className: null,\n isExpanded: false\n}\n\nexport default TableRow\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport styles from './styles.module.scss'\n\nimport FontAwesomeIcon from '../FontAwesomeIcon'\n\nconst PopoutLink = ({ children, className, path }) => (\n {children}
}\n \n handleListItemClick(channel.id)}\n />\n
\n )\n }\n\n const labelText = buildLabelTextFromMultiSelected({\n humanizedSelectedTypeStr: 'Channels',\n selectable: channels,\n selected: selectedChannels\n })\n\n const isAllSelected = hasSelectedAllVisibleItems({\n selectedKeys: selectedChannels,\n visibleItems: visibleChannels\n })\n\n return (\n \n
\n )\n}\n\nCollapser.propTypes = {\n isCollapsed: PropTypes.bool.isRequired,\n onClick: PropTypes.func.isRequired\n}\n\nexport default Collapser\n","import { useMemo, useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { DateRangePicker } from 'react-date-range'\nimport classNames from 'classnames'\n\nimport Filter from '../Filter'\nimport FontAwesomeIcon from '../../FontAwesomeIcon'\nimport Label from '../Filter/Label'\nimport PaneHeader from '../Filter/Pane/Header'\nimport PaneTitle from '../Filter/Pane/Title'\n\nimport { RANGE_COLORS, VOID_END_DATE } from './constants'\n\nimport {\n formatDateForDisplay,\n formatDateToStr,\n getMinDate,\n getRestrictedDateRange,\n getStaticRanges,\n inputRanges,\n parseStrToDate\n} from './helpers'\n\nimport { isPresent } from '../../../utils/helpers'\n\nimport styles from './styles.module.scss'\n\nconst DateFilter = (\n {\n hasFilterChanges,\n isCollapsed,\n isOpen,\n onChange,\n onCloseClick,\n onLabelClick,\n selectedEndDate,\n selectedStartDate\n }\n) => {\n // VOID_END_DATE - this is a hack for the react-date-range library in order to allow the\n // 'days up to today' input to be empty\n // https://github.com/hypeserver/react-date-range/issues/330\n const isVoidedEndDate = selectedEndDate === VOID_END_DATE\n\n const [selectedRanges, setSelectedRanges] = useState({\n endDate: isVoidedEndDate ? new Date('') : parseStrToDate(selectedEndDate),\n key: 'dateRange',\n startDate: isPresent(selectedStartDate) ? parseStrToDate(selectedStartDate) : null\n })\n\n const handleChange = ({ dateRange }) => {\n const updatedRange = getRestrictedDateRange(dateRange)\n\n setSelectedRanges(updatedRange)\n\n const changedEndDate = updatedRange.endDate\n ? formatDateToStr(updatedRange.endDate)\n : VOID_END_DATE\n\n const changedStartDate = updatedRange.startDate\n ? formatDateToStr(updatedRange.startDate)\n : null\n\n onChange({\n endDate: changedEndDate,\n startDate: changedStartDate\n })\n }\n\n const { startDate, endDate } = selectedRanges\n\n let labelText\n if (startDate && endDate && endDate !== VOID_END_DATE) {\n labelText = `${formatDateForDisplay(selectedRanges.startDate)} - ${formatDateForDisplay(selectedRanges.endDate)}`\n } else {\n labelText = 'Not Set'\n }\n\n const staticRanges = useMemo(() => getStaticRanges(), [])\n\n return (\n \n
\n \n \n \n Date Range\n \n \n\n
\n )}\n />\n )\n}\n\nDateFilter.propTypes = {\n hasFilterChanges: PropTypes.bool.isRequired,\n isCollapsed: PropTypes.bool.isRequired,\n isOpen: PropTypes.bool.isRequired,\n onChange: PropTypes.func.isRequired,\n onCloseClick: PropTypes.func.isRequired,\n onLabelClick: PropTypes.func.isRequired,\n selectedEndDate: PropTypes.string.isRequired,\n selectedStartDate: PropTypes.string.isRequired\n}\n\nexport default DateFilter\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport styles from './styles.module.scss'\n\nfunction FormError({ children, className }) {\n return {children}\n}\n\nFormError.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string\n}\n\nFormError.defaultProps = {\n className: ''\n}\n\nexport default FormError\n","export const FUSE_OPTIONS = {\n distance: 100,\n keys: ['name'],\n location: 0,\n minMatchCharLength: 1,\n shouldSort: true,\n threshold: 0.3\n}\n","import {\n createContext,\n useContext,\n useReducer\n} from 'react'\nimport { isUndefined } from 'lodash'\n\nconst StateContext = createContext()\n\nconst reducer = state => state\n\n/* eslint-disable react/prop-types */\nexport const FeatureFlagsProvider = ({\n children,\n featureFlags = []\n}) => {\n const [state] = useReducer(reducer, { featureFlags })\n\n return (\n \n \n \n
\n )\n }\n}\n\nRadioButton.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n inputClassName: PropTypes.string,\n isChecked: PropTypes.bool.isRequired,\n labelClassName: PropTypes.string,\n onChange: PropTypes.func.isRequired,\n onKeyUp: PropTypes.func,\n required: PropTypes.bool,\n value: PropTypes.string.isRequired\n}\n\nRadioButton.defaultProps = {\n className: '',\n inputClassName: '',\n labelClassName: '',\n onKeyUp: null,\n required: false\n}\n\nexport default RadioButton\n","import React, { Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport Tooltip from 'rc-tooltip'\n\nimport FontAwesomeIcon from '../FontAwesomeIcon'\n\nimport { isBlankValue } from '../ReportingDataMetricValueDisplay/helpers'\n\nimport styles from './styles.module.scss'\n\nconst ReportingDataDisplay = ({\n className,\n iconClassName,\n // eslint-disable-next-line react/prop-types\n icon,\n hideTooltip,\n hideValue,\n truncate,\n value,\n valueClassName\n}) => {\n const showValue = !hideValue\n\n if (isBlankValue(value) && showValue) {\n return (\n \n \n {icon} \n {showValue && (\n \n {value}\n \n )}\n
\n )\n }\n\n return (\n \n {icon} \n {showValue && (\n \n {value}\n \n )}\n
\n \n )\n}\n\nReportingDataDisplay.propTypes = {\n className: PropTypes.string,\n hideTooltip: PropTypes.bool,\n hideValue: PropTypes.bool,\n iconClassName: PropTypes.string,\n truncate: PropTypes.bool,\n value: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number\n ]),\n valueClassName: PropTypes.string\n}\n\nReportingDataDisplay.defaultProps = {\n className: null,\n hideTooltip: false,\n hideValue: false,\n iconClassName: null,\n truncate: false,\n value: '',\n valueClassName: null\n}\n\nexport default ReportingDataDisplay\n","import AmazonIcon from '../../../assets/svgs/amazon.svg'\nimport AndroidOtherIcon from '../../../assets/svgs/android_other.svg'\nimport IosIcon from '../../../assets/svgs/ios.svg'\nimport AndroidIcon from '../../../assets/svgs/android.svg'\nimport WindowsIcon from '../../../assets/svgs/windows.svg'\nimport UnknownIcon from '../../../assets/svgs/unknown.svg'\n\nexport const PLATFORM_TO_ICON = {\n amazon: AmazonIcon,\n android: AndroidIcon,\n androidOther: AndroidOtherIcon,\n ios: IosIcon,\n windows: WindowsIcon,\n unknown: UnknownIcon\n}\n\nexport const VALID_SIZES = ['tiny', 'xs', 'sm', 'md', 'lg', 'xl', 'xxl']\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___ZvktQ\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1CKRV\",\"btn-toggle\":\"styles-module__btn-toggle___k6Hsv\",\"handle\":\"styles-module__handle___1Nt-M\",\"active\":\"styles-module__active___1tbzU\",\"focus\":\"styles-module__focus___C-XeD\",\"card-panel\":\"styles-module__card-panel___34fnm\",\"panel-heading\":\"styles-module__panel-heading___1cHAH\",\"panel-title\":\"styles-module__panel-title___3mUln\",\"panel-subtitle\":\"styles-module__panel-subtitle___2RlTx\",\"panel-body\":\"styles-module__panel-body___2LVwR\",\"overlay\":\"styles-module__overlay___1GJG-\",\"cardOverlay\":\"styles-module__cardOverlay___2zEJN\",\"cardBackground\":\"styles-module__cardBackground___2htkM\",\"overlayInner\":\"styles-module__overlayInner___3p7u4\",\"background\":\"styles-module__background___Rl8F-\",\"content\":\"styles-module__content___gb-8h\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3iAhs\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___93NoQ\",\"btn-toggle\":\"styles-module__btn-toggle___2LqJc\",\"handle\":\"styles-module__handle___2bXKb\",\"active\":\"styles-module__active___SDxCz\",\"focus\":\"styles-module__focus___2qTH4\",\"card-panel\":\"styles-module__card-panel___1tLCl\",\"panel-heading\":\"styles-module__panel-heading___mBeBR\",\"panel-title\":\"styles-module__panel-title___30s9o\",\"panel-subtitle\":\"styles-module__panel-subtitle___RTO1V\",\"panel-body\":\"styles-module__panel-body___8eBuF\",\"container\":\"styles-module__container___T-UPp\",\"ripples\":\"styles-module__ripples___mP06O\",\"btn\":\"styles-module__btn___mPVOk\",\"btnSelected\":\"styles-module__btnSelected___3mnSx\",\"label\":\"styles-module__label___15gfM\",\"icon\":\"styles-module__icon___3l1TI\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"stickyTopOffset\":\"60\",\"google-oauth-button\":\"styles-module__google-oauth-button___3jR5l\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1FOGA\",\"btn-toggle\":\"styles-module__btn-toggle___1NBY8\",\"handle\":\"styles-module__handle___1n4Tz\",\"active\":\"styles-module__active___d2y9V\",\"focus\":\"styles-module__focus___2-xe4\",\"card-panel\":\"styles-module__card-panel___3deOY\",\"panel-heading\":\"styles-module__panel-heading___1xg8u\",\"panel-title\":\"styles-module__panel-title___1NO2J\",\"panel-subtitle\":\"styles-module__panel-subtitle___1pDqa\",\"panel-body\":\"styles-module__panel-body___1XpnM\",\"sticky\":\"styles-module__sticky___10lsn\",\"isCollapsed\":\"styles-module__isCollapsed___3ApKE\",\"stickyWrapper\":\"styles-module__stickyWrapper___fD7kF\",\"stickyBtn\":\"styles-module__stickyBtn___T287H\",\"header\":\"styles-module__header___3Zauj\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___2V7g-\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___2H1nL\",\"btn-toggle\":\"styles-module__btn-toggle___3B_PA\",\"handle\":\"styles-module__handle___nOB5K\",\"active\":\"styles-module__active___2c0oc\",\"focus\":\"styles-module__focus___3f6aV\",\"card-panel\":\"styles-module__card-panel___1_b4k\",\"panel-heading\":\"styles-module__panel-heading___2P6RH\",\"panel-title\":\"styles-module__panel-title___2K80h\",\"panel-subtitle\":\"styles-module__panel-subtitle___1-r_2\",\"panel-body\":\"styles-module__panel-body___2OzF5\",\"select\":\"styles-module__select___25Vk7\",\"container\":\"styles-module__container___1MeDO\",\"btn\":\"styles-module__btn___1WSJL\",\"label\":\"styles-module__label___3vVcd\",\"value\":\"styles-module__value___1dtxe\",\"toggleIcon\":\"styles-module__toggleIcon___2lToG\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3hJIj\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___sHZhi\",\"btn-toggle\":\"styles-module__btn-toggle___3Bk9x\",\"handle\":\"styles-module__handle___p_dXC\",\"active\":\"styles-module__active___1V0xC\",\"focus\":\"styles-module__focus___1d16z\",\"card-panel\":\"styles-module__card-panel___2Y64x\",\"panel-heading\":\"styles-module__panel-heading___3MRva\",\"panel-title\":\"styles-module__panel-title___34dlj\",\"panel-subtitle\":\"styles-module__panel-subtitle___3XGSQ\",\"panel-body\":\"styles-module__panel-body___3cX0S\",\"loadingBar\":\"styles-module__loadingBar___2arEk\",\"completed\":\"styles-module__completed___3cAW_\",\"primary\":\"styles-module__primary___1DZhm\",\"success\":\"styles-module__success___2leeX\",\"danger\":\"styles-module__danger___3Fhp2\",\"warning\":\"styles-module__warning___3XtZ4\"};","import { has, isNil } from 'lodash'\n\n// eslint-disable-next-line import/prefer-default-export\nexport const getDefaultOnboardingPopupStatus = userSettings => {\n if (isNil(userSettings)) {\n return false\n }\n\n const isMissingSetting = !has(userSettings, 'onboarding.popup')\n\n if (isMissingSetting) {\n return true\n }\n\n return userSettings.onboarding.popup === 'enabled'\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3kd6e\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1Thvb\",\"btn-toggle\":\"styles-module__btn-toggle___2e3eb\",\"handle\":\"styles-module__handle___1k-bO\",\"active\":\"styles-module__active___30uiI\",\"focus\":\"styles-module__focus___3N8aq\",\"card-panel\":\"styles-module__card-panel___3B7Pl\",\"panel-heading\":\"styles-module__panel-heading___2T8wq\",\"panel-title\":\"styles-module__panel-title___1St0Z\",\"panel-subtitle\":\"styles-module__panel-subtitle___1h_Mk\",\"panel-body\":\"styles-module__panel-body___B62kJ\",\"toggle\":\"styles-module__toggle___1tnAb\",\"label\":\"styles-module__label___29Uof\",\"isDisabled\":\"styles-module__isDisabled___3d-OW\",\"isToggling\":\"styles-module__isToggling___3rPxM\",\"isOn\":\"styles-module__isOn___27tV1\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3lLux\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___3Iuwb\",\"btn-toggle\":\"styles-module__btn-toggle___2j7VO\",\"handle\":\"styles-module__handle___2pPKZ\",\"active\":\"styles-module__active___3veLO\",\"focus\":\"styles-module__focus___3fQKg\",\"card-panel\":\"styles-module__card-panel___9r8Gd\",\"panel-heading\":\"styles-module__panel-heading___1PB-w\",\"panel-title\":\"styles-module__panel-title___3SW39\",\"panel-subtitle\":\"styles-module__panel-subtitle___3G8oN\",\"panel-body\":\"styles-module__panel-body___15fr_\",\"standaloneCampaignMergeTool\":\"styles-module__standaloneCampaignMergeTool___1HE_0\",\"titleSection\":\"styles-module__titleSection___3KF5j\",\"title\":\"styles-module__title___22F0w\",\"subHeading\":\"styles-module__subHeading___2Z1FA\",\"inputContainer\":\"styles-module__inputContainer___2-mM8\",\"input\":\"styles-module__input___11xXr\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___2offk\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1yqBs\",\"btn-toggle\":\"styles-module__btn-toggle___Yboes\",\"handle\":\"styles-module__handle___2T-Ew\",\"active\":\"styles-module__active___2C7Ax\",\"focus\":\"styles-module__focus___2JchT\",\"card-panel\":\"styles-module__card-panel___1Jr-j\",\"panel-heading\":\"styles-module__panel-heading___3C4ZH\",\"panel-title\":\"styles-module__panel-title___ATPUO\",\"panel-subtitle\":\"styles-module__panel-subtitle___3H6cv\",\"panel-body\":\"styles-module__panel-body___2PzZN\",\"csvPreviewTableContainer\":\"styles-module__csvPreviewTableContainer___2Jryi\",\"csvPreviewTable\":\"styles-module__csvPreviewTable___3bniK\",\"header\":\"styles-module__header___6Hzxi\",\"row\":\"styles-module__row___GIXKs\",\"cell\":\"styles-module__cell___1KD8o\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"skeletonAppSelectorHeight\":\"50px\",\"skeletonAppSelectorWidth\":\"300px\",\"skeletonTabNavigationHeight\":\"30px\",\"skeletonTabNavigationWidth\":\"500px\",\"skeletonCardPanelHeight\":\"200px\",\"google-oauth-button\":\"styles-module__google-oauth-button___2GgfQ\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1UWGP\",\"btn-toggle\":\"styles-module__btn-toggle___3yWAQ\",\"handle\":\"styles-module__handle___2prec\",\"active\":\"styles-module__active___3pxuY\",\"focus\":\"styles-module__focus___hlEuN\",\"card-panel\":\"styles-module__card-panel___1QUt_\",\"panel-heading\":\"styles-module__panel-heading___1ipwG\",\"panel-title\":\"styles-module__panel-title___2svcV\",\"panel-subtitle\":\"styles-module__panel-subtitle___3xGsX\",\"panel-body\":\"styles-module__panel-body___lFbVi\"};","import React from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport styles from './styles.module.scss'\n\nimport FontAwesomeIcon from '../FontAwesomeIcon'\n\nconst BackLink = ({ className: classNameProp, link, text }) => (\n \n \n {icon && (\n
\n \n
\n \n )\n}\n\nAlert.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n icon: PropTypes.string,\n iconClassName: PropTypes.string,\n level: PropTypes.oneOf(['danger', 'success', 'warning', 'default'])\n}\n\nAlert.defaultProps = {\n className: '',\n icon: null,\n iconClassName: '',\n level: 'default'\n}\n\nexport default Alert\n","import classNames from 'classnames'\nimport PropTypes from 'prop-types'\n\nimport Alert from '../Alert'\nimport styles from './styles.module.scss'\n\nconst AlertList = ({ className, alertContainerClassName, alerts }) => (\n \n {alerts.map(({ children, ...remainingProps }) => (\n
\n)\n\nAlertList.propTypes = {\n alertContainerClassName: PropTypes.string,\n alerts: PropTypes.arrayOf(\n PropTypes.shape({\n children: PropTypes.arrayOf(PropTypes.node),\n className: PropTypes.string,\n icon: PropTypes.string,\n iconClassName: PropTypes.string,\n key: PropTypes.string,\n level: PropTypes.string\n })\n ),\n className: PropTypes.string\n}\n\nAlertList.defaultProps = {\n alertContainerClassName: '',\n alerts: [],\n className: ''\n}\n\nexport default AlertList\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport styles from './styles.module.scss'\n\nconst BoldLink = ({ className, path, children }) => (\n \n {children} \n
\n ))}\n {LABEL_CHANNEL_SELECTOR}
\n \n {selectedChannel &&
\n )\n\n OptionLabel.propTypes = {\n name: PropTypes.string.isRequired\n }\n\n return (\n \n
\n )\n}\n\nChannelSelector.propTypes = {\n channels: arrayOfChannelObjects.isRequired,\n className: PropTypes.string,\n onChange: PropTypes.func.isRequired,\n selectedChannelId: PropTypes.string\n}\n\nChannelSelector.defaultProps = {\n className: '',\n selectedChannelId: ''\n}\n\nexport default ChannelSelector\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport styles from './styles.module.scss'\n\nconst Footer = ({ className }) => (\n \n)\n\nFooter.propTypes = {\n className: PropTypes.string\n}\n\nFooter.defaultProps = {\n className: null\n}\n\nexport default Footer\n","import classNames from 'classnames'\nimport PropTypes from 'prop-types'\n\nimport { ONE_HUNDRED, ONE_HUNDRED_PERCENT } from './constants'\nimport styles from './styles.module.scss'\n\nconst LoadingBar = ({\n className,\n percentage,\n progressLevel,\n progressClassName,\n completeLevel\n}) => {\n const isComplete = percentage >= ONE_HUNDRED_PERCENT\n\n const level = isComplete ? completeLevel : progressLevel\n\n return (\n \n option.id}\n isClearable={false}\n isSearchable\n onChange={onChange}\n options={sortedChannels}\n value={selectedChannel}\n customControl={CustomControl}\n customStyles={customChannelSelectorStyles}\n placeholder={PLACEHOLDER_CHANNEL_SELECTOR}\n filterOption={createFilter(FILTER_CONFIG)}\n />\n
\n \n {children}\n
\n)\n\nModalHeaderWithClose.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n onClickClose: PropTypes.func.isRequired\n}\n\nModalHeaderWithClose.defaultProps = {\n className: ''\n}\n\nexport default ModalHeaderWithClose\n","import { forwardRef } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport PuffLoader from 'react-spinners/PuffLoader'\nimport Tooltip from 'rc-tooltip'\n\nimport FontAwesomeIcon from '../../FontAwesomeIcon'\n\nimport styles from './styles.module.scss'\n\nconst DataRowExpander = forwardRef((props, ref) => {\n const {\n className, expandIconClassName: expandIconClassNameProp, isExpanded, isHidden,\n isLoading, tooltipText\n } = props\n\n if (isHidden) {\n return (\n \n )\n }\n\n const showDetailsMessage = `${isExpanded ? 'Show less' : 'Show more'} details`\n\n const expandIconClassName = classNames(styles.expandIcon, expandIconClassNameProp)\n\n return (\n \n {isLoading ? (\n {tooltipText || showDetailsMessage}}\n placement=\"top\"\n >\n \n
\n )\n})\n\nDataRowExpander.propTypes = {\n className: PropTypes.string,\n expandIconClassName: PropTypes.string,\n isExpanded: PropTypes.bool,\n isHidden: PropTypes.bool,\n isLoading: PropTypes.bool,\n tooltipText: PropTypes.string\n}\n\nDataRowExpander.defaultProps = {\n className: null,\n expandIconClassName: null,\n isExpanded: false,\n isHidden: false,\n isLoading: false,\n tooltipText: null\n}\n\nexport default DataRowExpander\n","import React, { useCallback } from 'react'\nimport PropTypes from 'prop-types'\n\nimport classNames from 'classnames'\n\nimport { noop } from '../../utils/helpers'\n\nconst PaginatorItem = props => {\n const {\n children, className, onClick, pageNumber\n } = props\n\n const handleClick = useCallback(ev => {\n ev.preventDefault()\n onClick(pageNumber)\n }, [onClick, pageNumber])\n\n const handleKeyDown = useCallback(ev => {\n if (ev.key === 'Enter') {\n ev.preventDefault()\n onClick(pageNumber)\n }\n }, [onClick, pageNumber])\n\n /* eslint-disable jsx-a11y/anchor-is-valid */\n return (\n \n
\n )\n}\n\nAttributionTable.propTypes = {\n adNetwork: channelObject,\n attributionType: PropTypes.string.isRequired,\n level: PropTypes.string.isRequired\n}\n\nAttributionTable.defaultProps = {\n adNetwork: null\n}\n\nexport default AttributionTable\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport ClickOutsideAlerter from '../ClickOutsideAlerter'\nimport SelectMenu from '../SelectMenu/SelectMenu'\nimport SelectButton from '../SelectButton/SelectButton'\n\nimport { noop } from '../../utils/helpers'\n\nimport styles from './styles.module.scss'\n\nclass Select extends React.Component {\n constructor(props) {\n super(props)\n\n this.handleClickOutside = this.handleClickOutside.bind(this)\n this.handleSave = this.handleSave.bind(this)\n this.toggleMenu = this.toggleMenu.bind(this)\n\n this.state = {\n isMenuOpen: false\n }\n }\n\n toggleMenu() {\n const { isMenuOpen } = this.state\n const { onMenuToggle } = this.props\n\n this.setState({ isMenuOpen: !isMenuOpen }, () => {\n onMenuToggle(!isMenuOpen)\n })\n }\n\n handleClickOutside() {\n const { isMenuOpen } = this.state\n\n if (!isMenuOpen) return\n\n const { onMenuToggle } = this.props\n\n this.setState({ isMenuOpen: false }, () => {\n onMenuToggle(false)\n })\n }\n\n handleSave(itemIds) {\n const { onSave } = this.props\n\n this.setState({ isMenuOpen: false }, () => {\n onSave(itemIds)\n })\n }\n\n renderMenu() {\n const {\n allSelectLabel,\n alphabetize,\n description,\n items,\n menuHeader,\n menuItemRenderer,\n multiple,\n saveOnSelect,\n searchPlaceholder,\n searchable,\n selected,\n selectMenuClassName\n } = this.props\n\n return (\n \n
\n \n
\n \n
\n \n {this.renderSelectButton()}\n {isMenuOpen && this.renderMenu()}\n
\n {LABEL_APP_SELECTOR}
\n \n
\n )\n\n OptionLabel.propTypes = {\n name: PropTypes.string.isRequired\n }\n\n return (\n \n
\n )\n}\n\nAppSelector.propTypes = {\n apps: arrayOfAppObjects.isRequired,\n onChange: PropTypes.func.isRequired,\n selectedAppId: PropTypes.string\n}\n\nAppSelector.defaultProps = {\n selectedAppId: ''\n}\n\nexport default AppSelector\n","import { Fragment } from 'react'\nimport PropTypes from 'prop-types'\n\nconst FragmentWrapper = ({ children }) => (\n \n option.id}\n isClearable={false}\n isSearchable\n onChange={onChange}\n options={apps}\n value={selectedApp}\n customControl={CustomControl}\n customStyles={customAppSelectorStyles}\n placeholder={PLACEHOLDER_APP_SELECTOR}\n filterOption={createFilter(FILTER_CONFIG)}\n />\n
\n \n \n \n \n
\n )\n}\n\nChip.propTypes = {\n btnClassName: PropTypes.string,\n className: PropTypes.string,\n icon: PropTypes.element,\n label: PropTypes.node.isRequired,\n onClick: PropTypes.func.isRequired,\n selected: PropTypes.bool.isRequired\n}\n\nChip.defaultProps = {\n btnClassName: '',\n className: '',\n icon: null\n}\n\nexport default Chip\n","import classNames from 'classnames'\nimport PropTypes from 'prop-types'\n\nimport FontAwesomeIcon from '../../../FontAwesomeIcon'\n\nimport styles from '../styles.module.scss'\n\nconst ArrowIcon = ({ isSelected }) => {\n const className = classNames(styles.innerListItemIcon, {\n [styles.selectedInnerListItemIcon]: isSelected\n })\n\n return (\n \n
\n )\n}\n\nArrowIcon.propTypes = {\n isSelected: PropTypes.bool.isRequired\n}\n\nexport default ArrowIcon\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport Text from '../../Overlay/Subtext'\n\nimport styles from './styles.module.scss'\n\nconst NoDataRow = ({ className, msg }) => (\n \n
\n )\n }\n\n return (\n \n
\n )\n}\n\nTooltipPoint.propTypes = {\n countries: arrayOfCountries,\n groupBy: oneOfSelectableGroupBys.isRequired,\n point: highchartsPointObject.isRequired,\n valueType: oneOfMetricValueTypes.isRequired\n}\n\nTooltipPoint.defaultProps = {\n countries: []\n}\n\nexport default TooltipPoint\n","import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport { useEffect, useRef, useState } from 'react'\nimport { useLocation } from 'react-router-dom'\n\nimport {\n getReportPageFromPathname,\n useReportingFiltersState\n} from '../../../../contexts/ReportingFilters'\nimport DataExporterButton from '../../../DataExporterButton'\nimport { convertReportPageToHeader } from './helpers'\nimport stylesObj from './styles.module.scss'\n\nconst ReportingPageHeader = ({ children }) => {\n const [isSticky, setIsSticky] = useState(false)\n const ref = useRef(null)\n\n const location = useLocation()\n\n const { isSidebarCollapsed } = useReportingFiltersState()\n\n const handleScroll = () => {\n if (ref.current) {\n const headerDistanceFromScrollPosition = Math.round(\n ref.current.getBoundingClientRect().top\n )\n\n const stickyConditionOffset = Number(stylesObj.stickyTopOffset)\n\n setIsSticky(headerDistanceFromScrollPosition <= stickyConditionOffset)\n }\n }\n\n useEffect(() => {\n window.addEventListener('scroll', handleScroll)\n\n return () => {\n window.removeEventListener('scroll', () => handleScroll)\n }\n }, [])\n\n const wrapperClassName = classNames(\n 'mbml',\n 'u-position-relative',\n 'u-flex',\n 'u-flexAlignItemsCenter',\n 'u-flexJustifyBetween',\n {\n [stylesObj.sticky]: isSticky,\n [stylesObj.isCollapsed]: isSidebarCollapsed\n }\n )\n\n const childrenWrapperClassName = classNames({\n [stylesObj.stickyWrapper]: isSticky\n })\n\n const dataExporterBtnClassName = classNames({\n [stylesObj.stickyBtn]: isSticky\n })\n\n const reportPage = getReportPageFromPathname(location.pathname)\n\n const canDisplayDataExporterButton = !(\n reportPage === 'custom' || reportPage === 'usage'\n )\n\n const headerText = convertReportPageToHeader(reportPage)\n\n return (\n \n
\n )\n}\n\nReportingPageHeader.propTypes = {\n children: PropTypes.node.isRequired\n}\n\nexport default ReportingPageHeader\n","import PropTypes from 'prop-types'\n\nimport styles from './styles.module.scss'\n\nconst SummaryBlock = ({\n header, label, overlay, value\n}) => (\n \n
\n\n {canDisplayDataExporterButton && (\n {headerText} Report
\n\n {children}
\n \n
\n)\n\nSummaryBlock.propTypes = {\n header: PropTypes.oneOfType([PropTypes.element, PropTypes.string]).isRequired,\n label: PropTypes.oneOfType([PropTypes.element, PropTypes.string]).isRequired,\n overlay: PropTypes.oneOfType([PropTypes.element]),\n value: PropTypes.oneOfType([PropTypes.element, PropTypes.number, PropTypes.string]).isRequired\n}\n\nSummaryBlock.defaultProps = {\n overlay: null\n}\n\nexport default SummaryBlock\n","import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport { useHistory, useLocation } from 'react-router-dom'\n\nimport { isUsingImpressionLevelRevenueData } from '../../../../api/reporting/helpers'\nimport FormLabelWithTooltip from '../../../FormLabelWithTooltip'\nimport Header from '../../../Header'\nimport Switch from '../../../Switch'\nimport {\n LINK_UPGRADE_NOW,\n SOURCE_API,\n SOURCE_ILRD,\n URL_PARAM_SOURCE\n} from './constants'\nimport styles from './styles.module.scss'\n\nconst SourceToggle = ({ className }) => {\n const location = useLocation()\n const history = useHistory()\n const hasIlrdAccess = window.gon.feature_flags.includes('ilrd_enabled')\n\n const upgradeNowTooltipContent = !hasIlrdAccess && (\n \n {header}\n
\n\n \n {value}\n
\n\n \n {label}\n
\n\n {overlay}\n \n Don't have ILRD data? Upgrade Now\n
\n )\n\n const adMediationTooltipContent = (\n \n Charts use Impression-Level Revenue Data\n
\n from the SDK as their source.\n {upgradeNowTooltipContent}\n
\n )\n\n const apiTooltipContent = (\n \n from the SDK as their source.\n {upgradeNowTooltipContent}\n
\n Charts use allocated revenue data from the\n
\n Ad Network API as their source.\n {upgradeNowTooltipContent}\n
\n )\n\n const handleSwitchSource = () => {\n const searchParams = new URLSearchParams(location.search)\n const currentSource = searchParams.get(URL_PARAM_SOURCE)\n\n const newSource = currentSource === SOURCE_ILRD ? SOURCE_API : SOURCE_ILRD\n\n searchParams.set(URL_PARAM_SOURCE, newSource)\n\n const newUrl = `${location.pathname}?${searchParams.toString()}`\n\n history.push(newUrl)\n }\n\n return (\n \n Ad Network API as their source.\n {upgradeNowTooltipContent}\n
\n
\n\n Select data source for charts below\n \n
\n )\n}\n\nSourceToggle.propTypes = {\n className: PropTypes.string\n}\n\nSourceToggle.defaultProps = {\n className: ''\n}\n\nexport default SourceToggle\n","import BounceLoader from 'react-spinners/BounceLoader'\n\nimport Overlay from '../Overlay'\n\nimport styles from './styles.module.scss'\n\nconst LoadingOverlay = () => (\n \n
\n \n API\n \n \n Ad Mediation\n \n
\n \n
\n)\n\nHeaderWithHelpText.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string,\n header: PropTypes.string.isRequired\n}\n\nHeaderWithHelpText.defaultProps = {\n children: null,\n className: ''\n}\n\nexport default HeaderWithHelpText\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport styles from './styles.module.scss'\n\nconst LineTabNavigation = ({ className, options }) => (\n {header}
\n \n {children}\n
\n \n {options.map(({ label, path, isActive }) => (\n \n {label}\n \n ))}\n
\n)\n\nLineTabNavigation.propTypes = {\n className: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.shape({\n isActive: PropTypes.func.isRequired,\n label: PropTypes.string.isRequired,\n path: PropTypes.string.isRequired\n }))\n}\n\nLineTabNavigation.defaultProps = {\n className: '',\n options: []\n}\n\nexport default LineTabNavigation\n","import classNames from 'classnames'\nimport { map } from 'lodash'\nimport React, { useEffect, useState } from 'react'\nimport { useHistory, useLocation } from 'react-router-dom'\n\nimport { useCurrentUserState } from '../../contexts/CurrentUser'\nimport { useGroupedSummaryTableSettingsDispatch } from '../../contexts/GroupedSummaryTableSettings'\nimport { useMetricDefinitionsDispatch } from '../../contexts/MetricDefinitions'\nimport {\n getEventNameFromQuery,\n getReportPageFromPathname,\n getUrlSearchParams,\n isCustomReportPage,\n useReportingFiltersDispatch,\n useReportingFiltersState\n} from '../../contexts/ReportingFilters'\nimport { setLocalDashboardStorage } from '../../utils/helpers'\nimport ClickOutsideAlerter from '../ClickOutsideAlerter'\nimport ApplyBtn from './ApplyBtn'\nimport AppsFilter from './AppsFilter'\nimport ChannelsFilter from './ChannelsFilter'\nimport Collapser from './Collapser'\nimport CountriesFilter from './CountriesFilter'\nimport DateFilter from './DateFilter'\nimport GranularityFilter from './GranularityFilter'\nimport GroupByFilter from './GroupByFilter'\nimport {\n buildQueryParamsFromFilterChanges,\n buildStateFromQueryParams,\n getFilterChanges\n} from './helpers'\nimport styles from './styles.module.scss'\n\nconst ReportingSidebar = () => {\n const reportingFilters = useReportingFiltersState()\n const reportingFiltersDispatch = useReportingFiltersDispatch()\n\n const metricDefinitionsDispatch = useMetricDefinitionsDispatch()\n\n const drilldownRulesDispatch = useGroupedSummaryTableSettingsDispatch()\n\n const history = useHistory()\n const location = useLocation()\n\n const { currentUser } = useCurrentUserState()\n\n const [state, setState] = useState({\n currentOpenPane: null,\n ...buildStateFromQueryParams({\n currentUser,\n location,\n reportingFilters\n })\n })\n\n const { countries, isSidebarCollapsed: isCollapsed } = reportingFilters\n\n const {\n currentApps,\n currentChannels,\n currentCountries,\n currentEndDate,\n currentGranularity,\n currentGroupBy,\n currentOpenPane,\n currentStartDate,\n unappliedApps,\n unappliedChannels,\n unappliedCountries,\n unappliedEndDate,\n unappliedGranularity,\n unappliedGroupBy,\n unappliedStartDate\n } = state\n\n useEffect(() => {\n if (unappliedGroupBy === 'site_id') {\n const allCountryIds = map(countries, 'id')\n setState({\n ...state,\n currentCountries: allCountryIds,\n unappliedCountries: allCountryIds\n })\n }\n }, [countries, unappliedGroupBy])\n\n useEffect(() => {\n setState({\n ...state,\n ...buildStateFromQueryParams({\n currentUser,\n location,\n reportingFilters\n })\n })\n }, [location])\n\n const {\n canApplyChanges,\n hasAppsFilterChanges,\n hasChannelsFilterChanges,\n hasCountriesFilterChanges,\n hasDateFilterChanges,\n hasFilterChanges,\n hasGranularityFilterChanges,\n hasGroupByFilterChanges\n } = getFilterChanges({\n currentApps,\n currentChannels,\n currentCountries,\n currentEndDate,\n currentGranularity,\n currentGroupBy,\n currentStartDate,\n unappliedApps,\n unappliedChannels,\n unappliedCountries,\n unappliedEndDate,\n unappliedGranularity,\n unappliedGroupBy,\n unappliedStartDate\n })\n\n const togglePaneFor = pane =>\n setState({\n ...state,\n currentOpenPane: currentOpenPane === pane ? null : pane\n })\n\n const closeCurrentPane = () => setState({ ...state, currentOpenPane: null })\n\n const handleApplyClick = () => {\n const reportPage = getReportPageFromPathname(location.pathname)\n const urlSearchParams = getUrlSearchParams(location.search)\n\n let eventName\n if (isCustomReportPage(reportPage)) {\n eventName = getEventNameFromQuery(urlSearchParams)\n }\n\n const urlParams = buildQueryParamsFromFilterChanges({\n apps: unappliedApps,\n channels: unappliedChannels,\n countries: unappliedCountries,\n endDate: unappliedEndDate,\n eventName,\n granularity: unappliedGranularity,\n groupBy: unappliedGroupBy,\n reportingFilters,\n startDate: unappliedStartDate\n })\n\n let auxiliaryUrlParams = ''\n\n if (urlSearchParams.get('source')) {\n auxiliaryUrlParams += `&source=${urlSearchParams.get('source')}`\n }\n\n if (urlSearchParams.get('flag')) {\n auxiliaryUrlParams += `&flag=${urlSearchParams.get('flag')}`\n }\n\n const fullUrlParams = `?${urlParams}${auxiliaryUrlParams}`\n\n const updatedUrl = `${location.pathname}${fullUrlParams}`\n\n setLocalDashboardStorage(`${reportPage}:groupBy`, unappliedGroupBy)\n\n history.push(updatedUrl)\n\n closeCurrentPane()\n\n if (hasGranularityFilterChanges) {\n metricDefinitionsDispatch({\n payload: { granularity: unappliedGranularity, reportPage },\n type: 'CHANGE_GRANULARITY'\n })\n }\n\n if (hasGroupByFilterChanges) {\n drilldownRulesDispatch({\n payload: { groupBy: unappliedGroupBy, reportPage },\n type: 'UPDATE_RULES'\n })\n }\n }\n\n return (\n \n {\n setState({\n ...state,\n unappliedEndDate: endDate,\n unappliedStartDate: startDate\n })\n }}\n onCloseClick={closeCurrentPane}\n onLabelClick={() => togglePaneFor('dates')}\n selectedEndDate={unappliedEndDate}\n selectedStartDate={unappliedStartDate}\n />\n\n setState({ ...state, unappliedApps: apps })}\n onCloseClick={closeCurrentPane}\n onLabelClick={() => togglePaneFor('apps')}\n selectedApps={unappliedApps}\n />\n\n \n setState({ ...state, unappliedChannels: channels })\n }\n onCloseClick={closeCurrentPane}\n onLabelClick={() => togglePaneFor('channels')}\n selectedChannels={unappliedChannels}\n selectedGroupBy={unappliedGroupBy}\n />\n\n {\n setState({ ...state, unappliedCountries: newCountries })\n }}\n onCloseClick={closeCurrentPane}\n onLabelClick={() => togglePaneFor('countries')}\n selectedCountries={unappliedCountries}\n selectedGroupBy={unappliedGroupBy}\n />\n\n {\n setState({\n ...state,\n currentOpenPane: null,\n unappliedGroupBy: groupBy\n })\n }}\n onCloseClick={closeCurrentPane}\n onLabelClick={() => togglePaneFor('groupBy')}\n selectedChannels={unappliedChannels}\n selectedGroupBy={unappliedGroupBy}\n />\n\n {\n setState({\n ...state,\n currentOpenPane: null,\n unappliedGranularity: granularity\n })\n }}\n onCloseClick={closeCurrentPane}\n onLabelClick={() => togglePaneFor('granularity')}\n selectedGranularity={unappliedGranularity}\n />\n\n reportingFiltersDispatch({ type: 'TOGGLE_SIDEBAR' })}\n />\n
\n \n \n handleListItemClick(app.id)}\n />\n
\n )\n }\n\n const labelText = buildLabelTextFromMultiSelected({\n humanizedSelectedTypeStr: 'Apps',\n selectable: apps,\n selected: selectedApps\n })\n\n const isAllSelected = hasSelectedAllVisibleItems({\n selectedKeys: selectedApps,\n visibleItems: visibleApps\n })\n\n return (\n {children}
\n)\n\nTitle.propTypes = {\n children: PropTypes.node.isRequired\n}\n\nexport default Title\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport { noop } from '../../../../../utils/helpers'\n\nimport styles from './styles.module.scss'\n\nconst QuickSelectorBtn = (\n {\n children,\n isActive,\n isDisabled,\n onClick\n }\n) => (\n\n handleListItemClick(country.id)}\n />\n
\n )\n }\n\n const labelText = buildLabelTextFromMultiSelected({\n humanizedSelectedTypeStr: 'Countries',\n selectable: countries,\n selected: selectedCountries\n })\n\n const isDisabled = selectedGroupBy === 'site_id'\n\n const tooltipText = isDisabled\n ? 'Countries filter is disabled when grouping by Site ID'\n : labelText\n\n const isAllSelected = hasSelectedAllVisibleItems({\n selectedKeys: selectedCountries,\n visibleItems: visibleCountries\n })\n\n return (\n \n Disabled apps listed below do not have an SK App claimed.\n
\n )\n\n visibleApps.forEach(app => listItems.push(\n \n {text}\n\n
\n \n {text}\n\n
\n \n )\n}\n\nHeader.propTypes = {\n className: PropTypes.string,\n isSorted: PropTypes.bool.isRequired,\n isSortedDesc: PropTypes.bool,\n metric: metricDefinitionObject,\n sortType: PropTypes.oneOf(['alpha', 'amount']),\n text: PropTypes.string.isRequired,\n tooltipText: PropTypes.string\n}\n\nHeader.defaultProps = {\n className: null,\n isSortedDesc: false,\n metric: null,\n sortType: 'amount',\n tooltipText: ''\n}\n\nexport default Header\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { pick } from 'lodash'\n\nimport FontAwesomeIcon from '../FontAwesomeIcon'\nimport Popover from '../Popover/Popover'\n\nimport { POPOVER_PROPS_LIST } from './constants'\n\nimport styles from './styles.module.scss'\n\nfunction FormHelpPopover(props) {\n const popoverProps = pick(props, POPOVER_PROPS_LIST)\n\n popoverProps.popoverClassName = styles.popoverTemplate\n\n /* eslint-disable react/jsx-props-no-spreading */\n return (\n \n
\n \n
\n )\n },\n sortType: sortRows,\n width: NON_METRIC_CELL_WIDTH_MAPPING.date,\n ...options\n})\n\nconst countryHeader = ({ countries, ...options }) => ({\n ...DEFAULT_COLUMN_OPTIONS,\n accessor: 'country',\n id: 'country',\n sortDescFirst: false,\n // eslint-disable-next-line react/prop-types, sort-keys\n Header: () => (\n \n
\n )\n },\n sortType: sortRows,\n width: NON_METRIC_CELL_WIDTH_MAPPING.country,\n ...options\n})\n\nconst adNetworkHeader = options => ({\n ...DEFAULT_COLUMN_OPTIONS,\n accessor: 'adNetwork',\n id: 'adNetwork',\n sortDescFirst: false,\n // eslint-disable-next-line react/prop-types, sort-keys\n Header: () => (\n \n
\n )\n },\n sortType: sortRows,\n width: NON_METRIC_CELL_WIDTH_MAPPING.adNetwork,\n ...options\n})\n\nconst appHeader = options => ({\n ...DEFAULT_COLUMN_OPTIONS,\n accessor: 'app',\n id: 'app',\n sortDescFirst: false,\n // eslint-disable-next-line react/prop-types, sort-keys\n Header: () => (\n \n
\n )\n },\n sortType: sortRows,\n width: NON_METRIC_CELL_WIDTH_MAPPING.platform,\n ...options\n})\n\nexport const getDefaultHeaders = ({\n columnKeys,\n countries,\n groupBy,\n reportType,\n showDate\n}) => {\n const {\n showAdNetwork,\n showApp,\n showCountry,\n showName,\n showPlatform\n } = getNonMetricHeaderVisibility({ columnKeys, groupBy, reportType })\n\n const headers = [\n ...(showDate ? [dateHeader()] : []),\n ...(showPlatform ? [platformHeader()] : []),\n ...(showAdNetwork ? [adNetworkHeader()] : []),\n ...(showName ? [nameHeader({ groupBy })] : []),\n ...(showCountry ? [countryHeader({ countries })] : []),\n ...(showApp ? [appHeader()] : [])\n ]\n\n return headers\n}\n","// eslint-disable-next-line import/prefer-default-export\nexport const getDefaultValue = selectedSavedReport => {\n if (!selectedSavedReport) {\n return null\n }\n\n return {\n label: selectedSavedReport.name,\n value: selectedSavedReport.id\n }\n}\n\nexport const buildSavedReportUrl = ({ location, savedReportId, reportType }) => {\n const { pathname } = location\n\n return `${pathname}?report_type=${reportType}&saved_report_id=${savedReportId}`\n}\n","import { filter, includes } from 'lodash'\n\n// eslint-disable-next-line import/prefer-default-export\nexport const getGranularitiesByTotalsOption = ({\n dataExporterGranularities,\n isUsingTotals\n}) => filter(\n dataExporterGranularities,\n ({ id }) => {\n if (isUsingTotals) {\n return includes(id, 'totals-')\n }\n return !includes(id, 'totals-')\n }\n)\n","import { snakeCase } from 'snake-case'\n\nexport const HIDDEN_INPUT_NAME = `${snakeCase('callbackTemplate')}[${snakeCase('callbackGroupTemplateId')}]`\nexport const HIDDEN_INPUT_ID = `${snakeCase('callbackTemplate')}_${snakeCase('callbackGroupTemplateId')}`\n\nexport const ELEMENT_ID_EVENT_DEFINITION = snakeCase('callbackTemplateEventDefinition')\nexport const ELEMENT_ID_PLATFORM = snakeCase('callbackTemplatePlatform')\nexport const ELEMENT_ID_TEMPLATEABLE_ID = snakeCase('callbackTemplateTemplateableId')\n","import { deepSnakeKeys } from '../../utils/helpers'\nimport {\n DASHBOARD_CAMPAIGNS_MERGE_URL,\n DASHBOARD_CAMPAIGNS_URL,\n DASHBOARD_CAMPAIGNS_MOVE_PATH,\n DEFAULT_LOOKBACK_WINDOW\n} from './constants'\nimport { get, post } from '../../utils/request'\n\nexport const fetchAllMergeableCampaigns = async ({\n adNetworkId,\n appId,\n lookbackWindow = DEFAULT_LOOKBACK_WINDOW\n}) => {\n const { data } = await get(DASHBOARD_CAMPAIGNS_MERGE_URL, deepSnakeKeys({\n params: {\n adNetworkId,\n appId,\n lookbackWindow\n }\n }))\n\n return data\n}\n\nexport const mergeCampaigns = async ({ reportedCampaignId, trackedCampaignId }) => {\n // eslint-disable-next-line no-return-await\n const response = await post(DASHBOARD_CAMPAIGNS_MERGE_URL, deepSnakeKeys({\n reportedCampaignId,\n trackedCampaignId\n }))\n\n return response\n}\n\nexport const moveCampaign = async ({ id, destinationId }) => {\n // eslint-disable-next-line no-return-await\n const dashboardCampaignsMoveUrl = `${DASHBOARD_CAMPAIGNS_URL}/${id}${DASHBOARD_CAMPAIGNS_MOVE_PATH}`\n\n const response = await post(dashboardCampaignsMoveUrl, deepSnakeKeys({\n destinationId,\n id\n }))\n\n return response\n}\n","export const DASHBOARD_CAMPAIGNS_MERGE_URL = '/dashboard/campaigns/merge'\nexport const DASHBOARD_CAMPAIGNS_URL = '/dashboard/campaigns'\nexport const DASHBOARD_CAMPAIGNS_MOVE_PATH = '/move'\nexport const DEFAULT_LOOKBACK_WINDOW = 7\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport styles from './styles.module.scss'\n\nconst Label = ({ children, className }) => (\n {children}
\n)\n\nLabel.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string\n}\n\nLabel.defaultProps = {\n className: null\n}\n\nexport default Label\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport { arrayOfBreadcrumbPaths } from '../../utils/customPropTypes'\n\nconst Breadcrumb = ({ className, paths }) => (\n \n
\n)\n\nBreadcrumb.propTypes = {\n className: PropTypes.string,\n paths: arrayOfBreadcrumbPaths.isRequired\n}\n\nBreadcrumb.defaultProps = {\n className: ''\n}\n\nexport default Breadcrumb\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport styles from './styles.module.scss'\n\nconst ButtonTabNavigation = ({ className, options }) => (\n \n
\n - \n {paths.map(({ label, path }) => (\n path\n ?
- {label} \n :
- {label} \n ))}\n
\n {options.map(({\n label,\n id,\n isActive,\n handleClick,\n badge\n }) => (\n /* eslint-disable jsx-a11y/click-events-have-key-events,\n jsx-a11y/no-static-element-interactions */\n \n {label}\n {badge}\n
\n /* eslint-enable jsx-a11y/click-events-have-key-events,\n jsx-a11y/no-static-element-interactions */\n ))}\n \n)\n\nButtonTabNavigation.propTypes = {\n className: PropTypes.string,\n options: PropTypes.arrayOf(PropTypes.shape({\n handleClick: PropTypes.func.isRequired,\n id: PropTypes.string.isRequired,\n isActive: PropTypes.func.isRequired,\n label: PropTypes.string.isRequired\n }))\n}\n\nButtonTabNavigation.defaultProps = {\n className: '',\n options: []\n}\nexport default ButtonTabNavigation\n","import { forwardRef } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\n/* eslint-disable react/jsx-props-no-spreading */\nconst Table = forwardRef((props, ref) => {\n const { children, className, ...restProps } = props\n\n return (\n {children}
\n)\n\nHeader.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string\n}\n\nHeader.defaultProps = {\n children: null,\n className: ''\n}\n\nexport default Header\n","import classNames from 'classnames'\nimport PropTypes from 'prop-types'\n\nimport styles from './styles.module.scss'\n\n/*\n eslint-disable jsx-a11y/interactive-supports-focus,\n jsx-a11y/click-events-have-key-events,\n jsx-a11y/no-static-element-interactions\n*/\nconst Switch = ({\n className,\n isDisabled,\n isPrimary,\n isSwitching,\n onSwitch\n}) => {\n const canSwitch = !isSwitching && !isDisabled\n\n return (\n \n
\n {isCopied && copiedText ? copiedText : prompt}
\n \n {children}\n
\n)\n\nPageLayout.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string\n}\n\nPageLayout.defaultProps = {\n className: ''\n}\n\nexport default PageLayout\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport styles from './styles.module.scss'\n\nimport {\n getPercentageByValue,\n getLevelByValueInThreshold\n} from './helpers'\n\nimport {\n LEVEL_DANGER,\n LEVEL_SUCCESS,\n LEVEL_WARNING\n} from './constants'\n\nconst PercentageLabel = ({ className, value }) => {\n const level = getLevelByValueInThreshold(value)\n\n return (\n \n {getPercentageByValue(value)}\n
\n )\n}\n\nPercentageLabel.propTypes = {\n className: PropTypes.string,\n value: PropTypes.number.isRequired\n}\n\nPercentageLabel.defaultProps = {\n className: ''\n}\n\nexport default PercentageLabel\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { noop } from 'lodash'\n\nimport styles from './styles.module.scss'\n\n/*\n eslint-disable jsx-a11y/interactive-supports-focus,\n jsx-a11y/click-events-have-key-events\n*/\nconst SyncButton = ({\n children,\n className,\n errorContent,\n isDisabled,\n isError,\n isLoading,\n isSuccess,\n level,\n loadingContent,\n onClick,\n successContent\n}) => {\n if (isError) {\n return (\n \n {errorContent}\n
\n )\n }\n\n if (isLoading) {\n return (\n \n {loadingContent}\n
\n )\n }\n\n if (isSuccess) {\n return (\n \n {successContent || children}\n
\n )\n }\n\n const isClickable = !isSuccess && !isDisabled && !isLoading\n\n return (\n \n {multiple && renderCheckbox()}\n {!multiple && renderSelectableRow()}\n
\n )\n}\n\nSelectMenuItem.propTypes = {\n checkboxClassName: PropTypes.string,\n className: PropTypes.string,\n isSelected: PropTypes.bool.isRequired,\n item: PropTypes.shape({\n id: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string\n ]).isRequired,\n name: PropTypes.string.isRequired\n }).isRequired,\n menuItemRenderer: PropTypes.func,\n multiple: PropTypes.bool,\n onCheck: PropTypes.func.isRequired,\n onUncheck: PropTypes.func.isRequired\n}\n\nSelectMenuItem.defaultProps = {\n checkboxClassName: '',\n className: '',\n menuItemRenderer: null,\n multiple: false\n}\n\nexport default SelectMenuItem\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { ToastContainer } from 'react-toastify'\n\nimport styles from './styles.module.scss'\n\nclass PageContainer extends React.PureComponent {\n render() {\n const { children, className: classNameProp, hasSidebar } = this.props\n\n const containerStylesClassName = hasSidebar ? styles.containerWithSidebar : styles.container\n\n const className = classNames(containerStylesClassName, classNameProp, {\n [`${classNameProp}--sidebar`]: hasSidebar\n })\n\n return (\n \n
\n )\n }\n}\n\nPageContainer.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n hasSidebar: PropTypes.bool\n}\n\nPageContainer.defaultProps = {\n className: '',\n hasSidebar: false\n}\n\nexport default PageContainer\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3nZ3f\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___jziEc\",\"btn-toggle\":\"styles-module__btn-toggle___UQi7k\",\"handle\":\"styles-module__handle___3U6Tg\",\"active\":\"styles-module__active___12uMD\",\"focus\":\"styles-module__focus___3_xtn\",\"card-panel\":\"styles-module__card-panel___1EptS\",\"panel-heading\":\"styles-module__panel-heading___3xaB-\",\"panel-title\":\"styles-module__panel-title___1q63Y\",\"panel-subtitle\":\"styles-module__panel-subtitle___2muPM\",\"panel-body\":\"styles-module__panel-body___1ITLs\",\"wrapper\":\"styles-module__wrapper___34Uem\"};","import { trimEnd } from 'lodash'\nimport pluralize from 'pluralize'\nimport PropTypes from 'prop-types'\nimport Tooltip from 'rc-tooltip'\nimport { useEffect, useState } from 'react'\n\nimport { useAppIntegrationState } from '../../../../../../../contexts/AppIntegrations'\nimport FontAwesomeIcon from '../../../../../../FontAwesomeIcon'\nimport ToggleButton from '../../../../../../ToggleButton'\nimport {\n APP_ATTRIBUTION_WINDOWS,\n ATTRIBUTION_WINDOW_LEVEL,\n DEFAULT_WINDOW_TIME_VALUE,\n TYPE_HOURS,\n TYPE_PROBABILISTIC\n} from '../constants'\nimport useUpdateAttributionSettings from '../hooks/useUpdateAttributionSetting'\nimport styles from '../styles.module.scss'\nimport {\n convertSecondsToHumanObject,\n getAttributionSettings,\n getSupportedTimeTypes\n} from '../utils'\nimport WindowEditEnabled from './WindowEditEnabled'\nimport WindowEditMode from './WindowEditMode'\n\nconst AttributionDetails = ({ level, windowType }) => {\n const {\n currentApp,\n currentAppChannel,\n currentAppChannelHasCustomSettings,\n currentAppChannelOverrideToggleOn,\n currentChannel\n } = useAppIntegrationState()\n\n const { updateAppAttributionWindow, updateAppChannelAttributionWindow } =\n useUpdateAttributionSettings()\n\n const isAppChannelSettings = level === ATTRIBUTION_WINDOW_LEVEL.APP_CHANNEL\n\n const attributionWindowSettings = getAttributionSettings({\n currentApp,\n currentAppChannel,\n currentAppChannelHasCustomSettings,\n currentAppChannelOverrideToggleOn,\n currentChannel,\n level\n })\n\n const attributionWindow = attributionWindowSettings[windowType]\n const isProbabilistic = attributionWindow.matchType === TYPE_PROBABILISTIC\n\n const supportedTimeTypes = getSupportedTimeTypes({\n engagementType: attributionWindow.engagementType,\n matchType: attributionWindow.matchType\n })\n\n const timeParsed = convertSecondsToHumanObject({\n seconds: attributionWindow.value,\n supportedTimeTypes\n })\n\n const [isEditing, setIsEditing] = useState(false)\n const [isLoading, setIsLoading] = useState(false)\n const [timeType, setTimeType] = useState(timeParsed.type)\n const [timeValue, setTimeValue] = useState(timeParsed.value)\n const [timeLabel, setTimeLabel] = useState(timeParsed.label)\n const [windowActive, setWindowActive] = useState(timeParsed.value !== 0)\n const [toggleEnabled, setToggleEnabled] = useState(timeParsed.value !== 0)\n const [saveTriggered, setSaveTriggered] = useState(false)\n\n const handleClickEnableEdit = () => {\n setIsEditing(true)\n }\n\n const handleDisableEdit = () => {\n setIsEditing(false)\n }\n\n const handleTimeTypeChange = e => {\n setTimeType(e.target.value)\n }\n\n const handleTimeValueChange = e => {\n setTimeValue(+e.target.value)\n }\n\n const resetSettings = () => {\n setTimeValue(DEFAULT_WINDOW_TIME_VALUE)\n setTimeType(TYPE_HOURS)\n setToggleEnabled(false)\n }\n\n const handleWindowSave = () => {\n setIsLoading(true)\n setSaveTriggered(true)\n }\n\n const disableAttributionWindow = () => {\n resetSettings()\n handleWindowSave()\n }\n\n const enableAttributionWindow = () => {\n resetSettings()\n handleClickEnableEdit()\n }\n\n const handleWindowToggle = e => {\n const toggleOn = e.currentTarget.getAttribute('aria-pressed') === 'true'\n if (toggleOn) {\n enableAttributionWindow()\n } else {\n disableAttributionWindow()\n }\n setWindowActive(toggleOn)\n }\n\n useEffect(() => {\n if (saveTriggered) {\n setIsLoading(true)\n if (isAppChannelSettings) {\n updateAppChannelAttributionWindow({\n timeType,\n timeValue,\n windowType\n })\n } else {\n updateAppAttributionWindow({\n timeType,\n timeValue,\n windowType\n })\n }\n setSaveTriggered(false)\n }\n }, [timeValue, timeType, saveTriggered])\n\n useEffect(() => {\n setTimeLabel(pluralize(trimEnd(timeType, 's'), timeValue, true))\n }, [timeType, timeValue])\n\n const isProbablisticSettingsInactive = !windowActive && isProbabilistic\n const isAppChannelEditingDisabled =\n isAppChannelSettings && !currentAppChannelOverrideToggleOn\n const showToggleButton = isProbabilistic\n const showOverrideWarning =\n windowActive && !isAppChannelSettings && currentAppChannelOverrideToggleOn\n\n const WindowEditDisabled = () => (\n {timeLabel}\n )\n\n const AttributionWindowCell = () => {\n if (isProbablisticSettingsInactive) return ''\n if (isEditing) {\n return (\n \n {showOverrideWarning &&
\n )\n\n const AttributionWindowCellOverrideMessage = () => (\n \n {showOverrideWarning && 'Override Exists'}\n
\n )\n\n return (\n \n
\n )\n}\n\nAttributionDetails.propTypes = {\n level: PropTypes.string.isRequired,\n windowType: PropTypes.string.isRequired\n}\n\nexport default AttributionDetails\n","import { camelCase } from 'camel-case'\nimport { find } from 'lodash'\nimport PropTypes from 'prop-types'\nimport Tooltip from 'rc-tooltip'\nimport { Fragment, useState } from 'react'\nimport Skeleton from 'react-loading-skeleton'\n\nimport { overlayOpaquenessTypes } from '../../../../../../../utils/customPropTypes'\nimport AsyncIconTextButton from '../../../../../../AsyncIconTextButton'\nimport CardPanel from '../../../../../../CardPanel'\nimport FlexTable from '../../../../../../FlexTable'\nimport FontAwesomeIcon from '../../../../../../FontAwesomeIcon'\nimport FormDropdown from '../../../../../../FormDropdown'\nimport FormLabelWithTooltip from '../../../../../../FormLabelWithTooltip'\nimport PageNotice from '../../../../../../PageNotice'\nimport Toggle from '../../../../../../Toggle'\nimport { USER_FILTER_OPTIONS } from '../constants'\nimport {\n COLUMN_HEADER_FLEX_MAPPING,\n DEFAULT_FLEX,\n HEADER_EVENT,\n HEADER_NAME,\n HEADER_STATUS,\n MIN_ROW_LENGTH_RENDER_COUNT,\n SKELETON_ROW_COUNT\n} from './constants'\nimport EventOptionsPopupOverlay from './EventOptionsPopupOverlay'\nimport styles from './styles.module.scss'\n\nconst customUserFilterStyles = {\n container: existingStyles => ({\n ...existingStyles,\n cursor: 'pointer',\n width: styles.userFilterInputWidth\n }),\n control: (_, state) => ({\n backgroundColor: state.isDisabled\n ? styles.controlDisabledBackgroundColor\n : styles.controlBackgroundColor,\n border: styles.controlBorder,\n borderRadius: styles.controlBorderRadius,\n display: 'flex',\n flexGrow: 0,\n flexShrink: 1,\n fontFamily: styles.controlFontFamily,\n fontSize: styles.controlFontSize,\n fontWeight: styles.controlFontWeight,\n lineHeight: styles.controlLineHeight\n }),\n dropdownIndicator: (existingStyles, state) => ({\n ...existingStyles,\n ':hover': {\n ...existingStyles[':hover'],\n color: styles.dropdownIndicatorColor\n },\n color: styles.dropdownIndicatorColor,\n display: state.isDisabled ? 'none' : 'inherit'\n })\n}\n\nexport const buildCallbacksTableRow = (row, rowIndex) => {\n const {\n activatable,\n active,\n event,\n headers,\n id,\n install,\n isHeadersRow,\n name,\n onChangeCallbackGroup,\n onClickEditCallback,\n onToggleCallbackGroup,\n tooltipContent,\n userFilter,\n userFilterEditable\n } = row\n\n if (isHeadersRow) {\n return {\n cells: headers.map((header, headerIndex) => ({\n cell: \n {APP_ATTRIBUTION_WINDOWS[windowType].label}\n \n \n
\n \n
\n {header}
,\n flex: COLUMN_HEADER_FLEX_MAPPING[header] || DEFAULT_FLEX,\n id: `header${headerIndex}`\n })),\n id: 'headers'\n }\n }\n\n return {\n cells: [\n {\n cell: (\n \n {install ? 'First App Open' : event}\n
\n ),\n flex: COLUMN_HEADER_FLEX_MAPPING[HEADER_EVENT],\n id: `cellEvent${rowIndex}`\n },\n {\n cell: (\n \n
\n
\n \n )}\n \n
\n {label}\n {tooltipContent && (\n {tooltipContent}}\n placement=\"top\"\n >\n
\n ),\n id: `header${headerIndex}`\n })),\n id: 'headers'\n }\n }\n\n return {\n cells: [\n {\n cell: (\n \n
\n \n )}\n \n \n {selectedCallbackName}\n \n {instructions && (\n \n \n )}\n
\n )\n}\n\nEditCallbackModal.propTypes = {\n clearError: PropTypes.func.isRequired,\n errors: PropTypes.objectOf(PropTypes.string),\n instructions: PropTypes.string,\n isEditedCallbackSavable: PropTypes.bool.isRequired,\n isSaving: PropTypes.bool.isRequired,\n onClickClose: PropTypes.func.isRequired,\n onClickSaveEditedCallback: PropTypes.func.isRequired,\n rows: PropTypes.shape({\n cells: PropTypes.shape({\n cell: PropTypes.node.isRequired,\n flex: PropTypes.number,\n id: PropTypes.string.isRequired\n }),\n id: PropTypes.string.isRequired\n }).isRequired,\n selectedCallbackName: PropTypes.string.isRequired\n}\n\nEditCallbackModal.defaultProps = {\n errors: {},\n instructions: null\n}\n\nexport default EditCallbackModal\n","import classNames from 'classnames'\nimport { isNil } from 'lodash'\nimport PropTypes from 'prop-types'\nimport { Fragment } from 'react'\nimport Skeleton from 'react-loading-skeleton'\n\nimport { getEventCallbacksUrl } from '../../../../../../../api/apps/helpers'\nimport { overlayOpaquenessTypes } from '../../../../../../../utils/customPropTypes'\nimport CardPanel from '../../../../../../CardPanel'\nimport FlexTable from '../../../../../../FlexTable'\nimport PageNotice from '../../../../../../PageNotice'\nimport PercentageLabel from '../../../../../../PercentageLabel'\nimport { MIN_CALLBACK_HEALTH_ROWS, SKELETON_ROW_COUNT } from './constants'\nimport styles from './styles.module.scss'\n\nexport const buildHealthTableRow = (\n { appId, callback, headers, health, isHeadersRow },\n rowIndex\n) => {\n if (isHeadersRow) {\n return {\n cells: headers.map((header, headerIndex) => ({\n cell: \n
\n \nSomething went wrong.}\n isDisabled={!isEditedCallbackSavable}\n isLoading={isSaving}\n level=\"success\"\n loadingContent={Saving...}\n onClick={onClickSaveEditedCallback}\n onError={() => {}}\n onSuccess={() => {}}\n resetOnSuccess\n >\n {errors.editedCallback ? 'Retry' : 'Save'}\n \n
\n \n \n
{header}
,\n id: `header${headerIndex}`\n })),\n id: 'headers'\n }\n }\n\n return {\n cells: [\n {\n cell: (\n {callback.eventName}
,\n id: `cellEvent${rowIndex}`\n },\n {\n cell: !isNil(health) ? \n
\n {label}\n {tooltipContent && (\n {tooltipContent}}\n placement=\"top\"\n >\n
\n ),\n id: `header${headerIndex}`\n })),\n id: 'headers'\n }\n }\n\n return {\n cells: [\n {\n cell: (\n \n
\n \n )}\n \n \n {selectedEventName}\n \n {instructions && (\n \n \n )}\n
\n )\n}\n\nNewEventModal.propTypes = {\n clearError: PropTypes.func.isRequired,\n errors: PropTypes.objectOf(PropTypes.string),\n instructions: PropTypes.string,\n isNewEventSavable: PropTypes.bool.isRequired,\n isSaving: PropTypes.bool.isRequired,\n onClickClose: PropTypes.func.isRequired,\n onClickSaveNewEvent: PropTypes.func.isRequired,\n selectedEventName: PropTypes.string.isRequired\n}\n\nNewEventModal.defaultProps = {\n errors: {},\n instructions: null\n}\n\nexport default NewEventModal\n","import PropTypes from 'prop-types'\nimport { Fragment } from 'react'\nimport Skeleton from 'react-loading-skeleton'\n\nimport { overlayOpaquenessTypes } from '../../../../../../../utils/customPropTypes'\nimport AsyncIconTextButton from '../../../../../../AsyncIconTextButton'\nimport CardPanel from '../../../../../../CardPanel'\nimport FlexTable from '../../../../../../FlexTable'\nimport FontAwesomeIcon from '../../../../../../FontAwesomeIcon'\nimport PageNotice from '../../../../../../PageNotice'\nimport { SKELETON_ROW_COUNT } from './constants'\nimport styles from './styles.module.scss'\n\nexport const buildS2SCallbacksTableRow = ({\n eventName,\n headers,\n id: callbackId,\n isHeadersRow,\n name,\n onClickEditCustomCallback,\n rowIndex\n}) => {\n if (isHeadersRow) {\n return {\n cells: headers.map((header, headerIndex) => ({\n cell: \n
\n */}\n \n
\n \n
\n \nSomething went wrong.}\n isDisabled={!isNewEventSavable}\n isLoading={isSaving}\n level=\"success\"\n loadingContent={Saving...}\n onClick={onClickSaveNewEvent}\n onError={() => {}}\n onSuccess={() => {}}\n resetOnSuccess\n >\n {errors.newEvent ? 'Retry' : 'Save'}\n \n
\n \n \n
{header}
,\n id: `header${headerIndex}`\n })),\n id: 'headers'\n }\n }\n\n return {\n cells: [\n {\n cell: {name}
,\n id: `cellStatus${rowIndex}`\n },\n {\n cell: {eventName}
,\n id: `cellName${rowIndex}`\n },\n {\n cell: (\n \n
\n \n
\n )\n : (\n \n {\n isOrgKey\n ? (\n \n Universal SDK Key\n \n deprecated\n \n \n )\n : (\n \n {name}\n \n \n \n \n )\n }\n
\n ))\n\n const newKeyBadge = () => (apiKey.isNew\n ? new\n : )\n\n const formattedLastSeenDate = () => {\n if (!integrated) {\n return (\n never\n )\n }\n\n if (lastSeenDate) {\n return (\n \n {format(parseISO(lastSeenDate), 'yyyy-MM-dd')}\n \n )\n }\n\n return (\n -\n )\n }\n\n return (\n \n 
\n\n \n {name}\n \n
\n)\n\nconst channelRenderer = (\n {\n icon_url: iconUrl, // eslint-disable-line camelcase\n name\n }\n) => (\n \n \n\n \n {name}\n \n
\n)\n\nconst platformRenderer = (\n {\n id,\n name\n }\n) => (\n \n
\n)\n\nexport const renderPlatformsFilter = (\n {\n onPlatformsSave,\n platforms,\n selectedPlatforms\n }\n) => {\n const selectButtonValue = filterButtonValue(\n platforms,\n selectedPlatforms,\n 'App Stores'\n )\n\n return (\n Something went wrong.
\n }\n\n if (isSuccess && hideOnSuccess) {\n return ''\n }\n\n const levelClass = `btn-${isSuccess ? successLevel : level}`\n\n const buttonIcon = () => {\n if (isLoading) return \n
\n )\n}\n\nConversionValueHistogram.propTypes = {\n className: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.string\n ])\n}\n\nConversionValueHistogram.defaultProps = {\n className: ''\n}\n\nexport default ConversionValueHistogram\n","import React from 'react'\nimport CardHeader from '../../CardHeader'\n\nconst GroupingTitle = () => \n
\n\n \n
\n\n {hasNoDataToDisplay && \n
\n\n {isMocking && \n
\n)\n\nHistogramActions.propTypes = {\n comparisonOptions: arrayOfSelectableComparisonOptions.isRequired,\n isBarChart: PropTypes.bool,\n isFetching: PropTypes.bool.isRequired,\n onChangeComparison: PropTypes.func.isRequired,\n onChangeValueRange: PropTypes.func.isRequired,\n selectedComparison: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n name: PropTypes.string\n })\n ).isRequired,\n setIsBarChart: PropTypes.func.isRequired,\n valueRange: PropTypes.shape({\n id: PropTypes.string,\n name: PropTypes.string\n }).isRequired,\n valueRangeOptions: arrayOfSelectableValueRanges.isRequired\n}\n\nHistogramActions.defaultProps = {\n isBarChart: true\n}\n\nexport default HistogramActions\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { components } from 'react-select'\n\nimport { arrayOfSelectableComparisonOptions } from '../../../../utils/customPropTypes'\nimport stylesObj from './styles.module.scss'\nimport { PRIMARY_COLORS } from '../../../../utils/react-select'\nimport { CONVERSION_VALUE_HISTOGRAM_COLORS } from '../../../../utils/charts'\nimport { MAX_SELECTION_COUNT, MIN_SELECTION_COUNT } from './constants'\n\nimport { getComparisonSelectorOptionLabel } from '../../helpers'\n\nimport Dropdown from '../../../Dropdown'\n\nconst customStylesObj = {\n container: styles => ({\n ...styles,\n cursor: 'pointer',\n marginRight: stylesObj.comparisonSelectorMarginRight,\n width: '100%'\n }),\n control: () => ({\n backgroundColor: stylesObj.controlBgColor,\n borderRadius: stylesObj.controlBorderRadius,\n display: 'flex',\n flexGrow: 0,\n flexShrink: 1,\n fontFamily: stylesObj.controlFontFamily,\n fontSize: stylesObj.controlFontSize,\n fontWeight: stylesObj.controlFontWeight,\n lineHeight: stylesObj.controlLineHeight\n }),\n loadingIndicator: styles => ({\n ...styles,\n color: PRIMARY_COLORS.base\n }),\n multiValue: styles => ({\n ...styles,\n backgroundColor: 'none'\n })\n}\n\nconst ComparisonSelector = ({\n onChangeComparison,\n comparisonOptions,\n selectedComparison,\n isLoading\n}) => {\n const multiLabelColorMappingById = selectedComparison.reduce(\n (mapping, { id }, index) => ({\n ...mapping,\n [id]: CONVERSION_VALUE_HISTOGRAM_COLORS[index]\n }),\n {}\n )\n\n // eslint-disable-next-line react/prop-types\n const MultiValueLabel = ({ children, data, ...rest }) => {\n // eslint-disable-next-line react/prop-types\n const { id } = data\n\n return (\n // eslint-disable-next-line react/jsx-props-no-spreading\n {children}
\n \n \n
\n )\n}\n\nMissingRequirementBtn.propTypes = {\n missingOnboardingRequirement: oneOfOnboardingRequirements.isRequired\n}\n\nexport default MissingRequirementBtn\n","import arrayToSentence from 'array-to-sentence'\n\nimport { missingRequirementToSentence } from '../../../contexts/OnboardingStatus'\nimport { arrayOfOnboardingRequirements } from '../../../utils/customPropTypes'\n\nimport styles from './styles.module.scss'\n\nconst MissingRequirementsMessage = ({ missingOnboardingRequirements }) => {\n const missingRequirementsSentencesList = missingOnboardingRequirements.map(requirement => (\n missingRequirementToSentence(requirement)\n ))\n\n const missingRequirementsMessage = arrayToSentence(missingRequirementsSentencesList)\n\n return (\n \n To see your data here,
\n add {missingRequirementsMessage}\n
\n )\n}\n\nMissingRequirementsMessage.propTypes = {\n missingOnboardingRequirements: arrayOfOnboardingRequirements.isRequired\n}\n\nexport default MissingRequirementsMessage\n","import classNames from 'classnames'\nimport { differenceBy, filter, isEmpty, isEqual, noop } from 'lodash'\nimport React, { useEffect, useState } from 'react'\nimport { useLocation } from 'react-router-dom'\nimport { useDeepCompareEffect } from 'use-deep-compare'\n\nimport { saveMetrics } from '../../../api/reporting'\nimport {\n useGroupedSummaryTableSettingsDispatch,\n useGroupedSummaryTableSettingsState\n} from '../../../contexts/GroupedSummaryTableSettings'\nimport { useMetricDefinitionsState } from '../../../contexts/MetricDefinitions'\nimport { getReportPageFromPathname } from '../../../contexts/ReportingFilters'\nimport ClickOutsideAlerter from '../../ClickOutsideAlerter'\nimport ApplyMetricsButton from './ApplyMetricsButton'\nimport Filter from './Filter'\nimport Header from './Header'\nimport {\n buildSelectableMetrics,\n buildSelectedMetrics,\n isMatchedBySearch\n} from './helpers'\nimport ItemList from './ItemList'\nimport styles from './styles.module.scss'\n\nconst ColumnEditorPane = () => {\n const state = useGroupedSummaryTableSettingsState()\n const dispatch = useGroupedSummaryTableSettingsDispatch()\n\n const { isColumnEditorOpen, metricColumnsByReport } = state\n\n const { metricDefinitions } = useMetricDefinitionsState()\n\n const location = useLocation()\n const reportPage = getReportPageFromPathname(location.pathname)\n\n const selectableMetrics = buildSelectableMetrics(metricDefinitions)\n const selectedMetrics = buildSelectedMetrics({\n metricDefinitions,\n selectedMetricKeys: metricColumnsByReport[reportPage]\n })\n\n const [hasSelectedMetricsChanged, setHasSelectedMetricsChanged] =\n useState(false)\n const [searchText, setSearchText] = useState('')\n const [currentSelectableMetrics, setCurrentSelectableMetrics] =\n useState(selectableMetrics)\n const [currentSelectedMetrics, setCurrentSelectedMetrics] =\n useState(selectedMetrics)\n\n useDeepCompareEffect(() => {\n setCurrentSelectedMetrics(selectedMetrics)\n }, [selectedMetrics])\n\n useEffect(() => {\n setSearchText('')\n }, [isColumnEditorOpen])\n\n useDeepCompareEffect(() => {\n if (isEmpty(searchText)) {\n setCurrentSelectableMetrics(selectableMetrics)\n } else {\n const updatedSelectableMetrics = filter(selectableMetrics, metric =>\n isMatchedBySearch({\n metricDefinition: metricDefinitions[metric.id],\n searchText\n })\n )\n\n setCurrentSelectableMetrics(updatedSelectableMetrics)\n }\n }, [searchText, selectableMetrics])\n\n const getAvailableMetrics = () =>\n differenceBy(currentSelectableMetrics, currentSelectedMetrics, 'id')\n\n const handleChangeSearch = event => {\n const { value } = event.target\n\n setSearchText(value)\n }\n\n const handleClickAvailable = metric => {\n setHasSelectedMetricsChanged(true)\n setCurrentSelectedMetrics([...currentSelectedMetrics, metric])\n }\n\n const handleClickSelected = metric => {\n setHasSelectedMetricsChanged(true)\n\n const updatedSelectedMetrics = filter(\n currentSelectedMetrics,\n selectedMetric => !isEqual(selectedMetric, metric)\n )\n\n setCurrentSelectedMetrics(updatedSelectedMetrics)\n }\n\n const currentSelectedMetricIds = currentSelectedMetrics.map(\n metric => metric.id\n )\n\n // TODO: [nafeu, ricky] find a more elegant solution to saving custom metrics into msets [TENJIN-23964]\n const selectedMetricsWithoutCustomMetrics = currentSelectedMetricIds.filter(\n metric => metric[0] !== 'z'\n )\n\n const handleClickApply = () => {\n saveMetrics({\n metrics: selectedMetricsWithoutCustomMetrics,\n report: reportPage\n })\n\n dispatch({\n payload: { metrics: currentSelectedMetricIds, reportPage },\n type: 'APPLY_METRICS'\n })\n }\n\n const handleClickCancel = () => {\n setCurrentSelectedMetrics(selectedMetrics)\n\n dispatch({\n payload: {},\n type: 'CLOSE_COLUMN_EDITOR'\n })\n }\n\n const handleClickClearSearch = () => {\n setSearchText('')\n }\n\n const handleChangeSelectedSortOrder = updatedSelectedMetrics => {\n const originalOrder = selectedMetrics.map(item => item.id).join('')\n const updatedOrder = updatedSelectedMetrics.map(item => item.id).join('')\n const hasOrderChanged = updatedOrder !== originalOrder\n\n if (hasOrderChanged) {\n setHasSelectedMetricsChanged(true)\n }\n\n setCurrentSelectedMetrics(updatedSelectedMetrics)\n }\n\n const className = classNames(styles.groupedSummaryTableMetrics, {\n [styles.visibleGroupedSummaryTableMetrics]: isColumnEditorOpen\n })\n\n const availableMetrics = getAvailableMetrics()\n\n return (\n \n add {missingRequirementsMessage}\n
\n
\n \n )\n}\n\nexport default ColumnEditorPane\n","import classNames from 'classnames'\nimport PropTypes from 'prop-types'\n\nimport styles from '../styles.module.scss'\n\nconst ApplyMetricsButton = ({ hasSelectedMetricsChanged, isColumnEditorOpen, onClickApply }) => {\n const className = classNames(styles.innerSaveBtn, {\n [styles.activeInnerSaveBtn]: isColumnEditorOpen\n })\n\n const buttonClass = classNames('btn', 'btn-success', {\n [styles.disabled]: !hasSelectedMetricsChanged\n })\n\n return (\n \n
\n \n \n Apply Metrics\n \n
\n )\n}\n\nApplyMetricsButton.propTypes = {\n hasSelectedMetricsChanged: PropTypes.bool.isRequired,\n isColumnEditorOpen: PropTypes.bool.isRequired,\n onClickApply: PropTypes.func.isRequired\n}\n\nexport default ApplyMetricsButton\n","import classNames from 'classnames'\nimport PropTypes from 'prop-types'\n\nimport FontAwesomeIcon from '../../../FontAwesomeIcon'\n\nimport styles from '../styles.module.scss'\n\nconst Filter = ({ onChangeSearch, onClearSearch, searchText }) => (\n \n)\n\nFilter.propTypes = {\n onChangeSearch: PropTypes.func.isRequired,\n onClearSearch: PropTypes.func.isRequired,\n searchText: PropTypes.string.isRequired\n}\n\nexport default Filter\n","import PropTypes from 'prop-types'\n\nimport FontAwesomeIcon from '../../../FontAwesomeIcon'\n\nimport styles from '../styles.module.scss'\n\nconst Header = ({ onClickCancel }) => (\n \n
\n)\n\nHeader.propTypes = {\n onClickCancel: PropTypes.func.isRequired\n}\n\nexport default Header\n","import { isEmpty } from 'lodash'\nimport PropTypes from 'prop-types'\nimport { useMemo, useState } from 'react'\nimport { ReactSortable } from 'react-sortablejs'\n\n// eslint-disable-next-line import/no-cycle\nimport { useMetricDefinitionsState } from '../../../../contexts/MetricDefinitions'\nimport { METRIC_CATEGORY } from '../../../../contexts/MetricDefinitions/constants'\nimport MetricTooltip from '../../../MetricTooltip'\nimport AvailableItem from '../AvailableItem'\nimport CategorySelector from '../CategorySelector'\nimport { sortMetricsAlphabeticallyWithXDay } from '../helpers'\nimport SelectedItem from '../SelectedItem'\nimport styles from '../styles.module.scss'\nimport { isNewMetric } from './helpers'\n\nconst { id: allCategoriesId } = METRIC_CATEGORY.ALL\n\nconst ItemList = ({\n availableMetrics,\n onChangeSelectedSortOrder,\n onClickAvailable,\n onClickSelected,\n selectedMetrics\n}) => {\n const { metricDefinitions, metricsByCategory } = useMetricDefinitionsState()\n\n const [selectedCategory, setSelectedCategory] = useState(allCategoriesId)\n\n const handleClickCategory = category => setSelectedCategory(category)\n\n const availableMetricsFilteredByCategory = useMemo(() => {\n const showAllMetrics =\n isEmpty(selectedCategory) || selectedCategory === allCategoriesId\n\n if (showAllMetrics) {\n return availableMetrics.sort(sortMetricsAlphabeticallyWithXDay)\n }\n\n return availableMetrics\n .filter(({ id: metricKey }) =>\n metricsByCategory[selectedCategory].metrics.includes(metricKey)\n )\n .sort(sortMetricsAlphabeticallyWithXDay)\n }, [availableMetrics, selectedCategory])\n\n /*\n eslint-disable jsx-a11y/click-events-have-key-events,\n jsx-a11y/no-static-element-interactions\n */\n return (\n Edit Metrics
\n \n
\n \n
\n )\n /*\n eslint-enable jsx-a11y/click-events-have-key-events,\n jsx-a11y/no-static-element-interactions\n */\n}\n\nItemList.propTypes = {\n availableMetrics: PropTypes.arrayOf(PropTypes.object).isRequired,\n onChangeSelectedSortOrder: PropTypes.func.isRequired,\n onClickAvailable: PropTypes.func.isRequired,\n onClickSelected: PropTypes.func.isRequired,\n selectedMetrics: PropTypes.arrayOf(PropTypes.object).isRequired\n}\n\nexport default ItemList\n","import PropTypes from 'prop-types'\n\nimport Badge from '../../../Badge'\nimport ArrowIcon from '../ArrowIcon'\nimport styles from '../styles.module.scss'\n\nconst AvailableItem = ({ item, isNew }) => (\n \n
\n Selected Metrics
\n\n \n {selectedMetrics.map(item => (\n \n
\n onClickSelected(item)}>\n
\n \n ))}\n \n \n
\n Available Metrics
\n\n \n \n ))}\n
\n onClickAvailable(item)}>\n
\n \n
\n)\n\nAvailableItem.propTypes = {\n isNew: PropTypes.bool,\n item: PropTypes.shape({\n id: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired\n }).isRequired\n}\n\nAvailableItem.defaultProps = {\n isNew: false\n}\n\nexport default AvailableItem\n","import classNames from 'classnames'\nimport { keys } from 'lodash'\nimport PropTypes from 'prop-types'\nimport Tooltip from 'rc-tooltip'\nimport { useState } from 'react'\n\n// eslint-disable-next-line import/no-cycle\nimport { METRIC_CATEGORY } from '../../../../contexts/MetricDefinitions/constants'\nimport { sortMetricCategoryIds } from '../../../../contexts/MetricDefinitions/helpers'\nimport Badge from '../../../Badge'\nimport FontAwesomeIcon from '../../../FontAwesomeIcon'\nimport styles from '../styles.module.scss'\nimport { TOOLTIP_MOUSE_ENTER_DELAY } from './constants'\n\nconst CategorySelector = ({\n onClickCategory,\n selectedCategory,\n metricsByCategory\n}) => {\n const [showCategories, setShowCategories] = useState(false)\n\n const handleClickShowCategories = () =>\n setShowCategories(currentShowCategories => !currentShowCategories)\n\n const handleClickCategory = category => {\n onClickCategory(category)\n setShowCategories(false)\n }\n /*\n eslint-disable jsx-a11y/click-events-have-key-events,\n jsx-a11y/no-static-element-interactions\n */\n return (\n \n {item.name}\n {isNew &&
\n NEW
}\n \n new }\n
\n {label}
\n {hasNewMetrics && {count}
\n \n \n )\n })}\n \n )\n}\n/*\n eslint-enable jsx-a11y/click-events-have-key-events,\n jsx-a11y/no-static-element-interactions\n*/\n\nCategorySelector.propTypes = {\n metricsByCategory: PropTypes.shape({\n category: PropTypes.shape({\n count: PropTypes.number,\n metrics: PropTypes.arrayOf(PropTypes.string)\n })\n }).isRequired,\n onClickCategory: PropTypes.func.isRequired,\n selectedCategory: PropTypes.string.isRequired\n}\n\nexport default CategorySelector\n","import classNames from 'classnames'\nimport PropTypes from 'prop-types'\n\nimport ArrowIcon from '../ArrowIcon'\nimport DragIcon from '../DragIcon'\n\nimport styles from '../styles.module.scss'\n\nconst SelectedItem = ({ item }) => {\n const className = classNames(\n styles.innerListItem,\n styles.selectedInnerListItem\n )\n\n return (\n \n
\n )\n}\n\nSelectedItem.propTypes = {\n item: PropTypes.shape({\n id: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired\n }).isRequired\n}\n\nexport default SelectedItem\n","import classNames from 'classnames'\n\nimport FontAwesomeIcon from '../../../FontAwesomeIcon'\n\nimport styles from '../styles.module.scss'\n\nconst DragIcon = () => {\n const className = classNames(styles.innerListItemIcon, styles.dragIcon)\n\n return (\n \n {item.name}\n
\n \n
\n )\n}\n\nexport default DragIcon\n","import { useLocation } from 'react-router-dom'\n\nimport CardHeader from '../../CardHeader'\n\nimport { getQueryParams, useReportingFiltersState } from '../../../contexts/ReportingFilters'\nimport { useCurrentUserState } from '../../../contexts/CurrentUser'\nimport { getGroupNameFromGroupBy } from '../../../utils/helpers'\n\nconst GroupingTitle = () => {\n const reportingFilters = useReportingFiltersState()\n const location = useLocation()\n const { currentUser } = useCurrentUserState()\n const { groupBy } = getQueryParams({ currentUser, location, reportingFilters })\n const groupName = getGroupNameFromGroupBy(groupBy)\n\n return \n
\n )\n /* eslint-enable react/jsx-props-no-spreading */\n})\n\nTableInstance.propTypes = {\n globalFilter: PropTypes.string.isRequired,\n hasNoData: PropTypes.bool.isRequired,\n isCompactViewMode: PropTypes.bool,\n isPullingData: PropTypes.bool,\n setGlobalFilter: PropTypes.func.isRequired,\n tableRowsLoadingById: PropTypes.object // eslint-disable-line react/forbid-prop-types\n}\n\nTableInstance.defaultProps = {\n isCompactViewMode: false,\n isPullingData: false,\n tableRowsLoadingById: {}\n}\n\nexport default TableInstance\n","import { forwardRef, Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport Tooltip from 'rc-tooltip'\n\nimport FontAwesomeIcon from '../../FontAwesomeIcon'\n\nimport { getLinkDetailsByTableRow } from './helpers'\nimport { LINKABLE_ENTITY_TYPES } from './constants'\n\nimport styles from './styles.module.scss'\n\nconst DataRowExternalLink = forwardRef((props, ref) => {\n const {\n className,\n fieldType,\n row\n } = props\n\n const isLinkableFieldType = LINKABLE_ENTITY_TYPES.includes(fieldType)\n\n const {\n href,\n title\n } = isLinkableFieldType ? getLinkDetailsByTableRow({ fieldType, row }) : {}\n\n const handleClick = ev => {\n ev.stopPropagation()\n\n return true\n }\n\n const shouldRenderLinkPlaceholder = !href && isLinkableFieldType\n\n return (\n \n {\n // eslint-disable-next-line react/prop-types\n headerGroups.map(headerGroup => (\n
\n\n \n {headerGroup.headers.map(column => {\n const isNameColumn = column.id === 'name'\n const tableHeaderClassName = classNames(styles.header, {\n [styles.nameHeader]: isNameColumn,\n [styles.compactHeader]: isCompactViewMode,\n 'u-flexJustifyEnd': isCompactViewMode && !isNameColumn\n })\n\n const hideReactTableTooltips = { title: undefined }\n\n const sortByProps = column.getSortByToggleProps({ ...hideReactTableTooltips })\n const title = isNameColumn ? null : sortByProps.title\n\n const onClick = async event => {\n const isExpander = event.target.className.includes('expandIcon')\n\n if (isExpander) {\n toggleAllExpanded()\n\n const invokeRowClick = async row => {\n const shouldToggleRow = (isAllExpanded && expanded[row.id])\n || (!isAllExpanded && !expanded[row.id])\n\n if (shouldToggleRow) {\n const toggleRowExpandedProps = row.getToggleRowExpandedProps()\n\n await onClickRow(row)\n toggleRowExpandedProps.onClick(event)\n }\n }\n\n const allInvokedRowClicks = map(rows, row => invokeRowClick(row))\n\n await Promise.all(allInvokedRowClicks)\n\n doneExpandingAll()\n } else {\n sortByProps.onClick(event)\n }\n }\n\n return (\n \n {column.render('Header')}\n \n )\n })}\n
\n ))\n }\n \n {isPullingData && (\n \n {row.cells.map((cell, index) => {\n const isFirstColumn = index === 0\n\n const isNameColumn = cell.column.id === 'name'\n\n const tdClassName = classNames(\n {\n [styles.nameCell]: isNameColumn,\n [styles.depthOne]: isFirstColumn && row.depth === 1,\n [styles.depthTwo]: isFirstColumn && row.depth === 2,\n [styles.depthThree]: isFirstColumn && row.depth === 3,\n [styles.depthFour]: isFirstColumn && row.depth === 4,\n [styles.paddingForSortIcon]: !isNameColumn\n },\n styles.cell\n )\n\n return (\n \n {cell.render('Cell', {\n isExpanded,\n isLoading\n })}\n \n )\n })}\n \n )\n })\n )}\n\n {hasNoData && (\n
\n \n
\n )}\n\n {shouldShowTableData && (\n // eslint-disable-next-line react/prop-types\n rows.map(row => {\n prepareRow(row)\n\n const isExpanded = expanded[row.id]\n const isLoading = tableRowsLoadingById[row.id]\n\n const toggleRowExpandedProps = row.getToggleRowExpandedProps()\n\n const onClick = async event => {\n if (!isLoading) {\n if (!isExpanded) {\n await onClickRow(row)\n setGlobalFilter(globalFilter)\n }\n toggleRowExpandedProps.onClick(event)\n }\n }\n\n return (\n \n
\n )}\n\n {hasNoSearchDataToDisplay && (\n \n {window.gon.feature_flags.includes('name_column_extender') && (\n
\n )\n}\n\nTableActions.propTypes = {\n globalFilter: PropTypes.string.isRequired,\n isCompactViewMode: PropTypes.bool.isRequired,\n isFilterDisabled: PropTypes.bool.isRequired,\n isNameExtended: PropTypes.bool.isRequired,\n onTableViewModeClick: PropTypes.func.isRequired,\n onToggleNameExtended: PropTypes.func.isRequired,\n setGlobalFilter: PropTypes.func.isRequired\n}\n\nexport default TableActions\n","import Tooltip from 'rc-tooltip'\nimport classNames from 'classnames'\nimport { CSVLink } from 'react-csv'\nimport PropTypes from 'prop-types'\nimport { useLocation } from 'react-router-dom'\n\nimport {\n useReportingFiltersState,\n getReportPageFromPathname,\n getGroupByFromQuery,\n getUrlSearchParams,\n getStartDateFromQuery,\n getEndDateFromQuery,\n isDataExporterPage\n} from '../../contexts/ReportingFilters'\n\nimport { useMetricDefinitionsState } from '../../contexts/MetricDefinitions'\nimport { useCurrentUserState } from '../../contexts/CurrentUser'\n\nimport FontAwesomeIcon from '../FontAwesomeIcon'\n\nimport { buildCSVData, getCSVHeaders, getCSVFilename } from './helpers'\nimport { TOOLTIP_MOUSE_ENTER_DELAY } from '../../utils/constants'\n\nimport { arrayOfTableData } from '../../utils/customPropTypes'\n\nconst DownloadCSVButtonClient = ({ data }) => {\n const { metricDefinitions } = useMetricDefinitionsState()\n const { selectedApps, apps } = useReportingFiltersState()\n const { currentUser } = useCurrentUserState()\n\n const date = new Date()\n const location = useLocation()\n const query = getUrlSearchParams(location.search)\n const reportPage = getReportPageFromPathname(location.pathname)\n\n const startDate = getStartDateFromQuery({ currentUser, date, query })\n const endDate = getEndDateFromQuery({ currentUser, date, query })\n const groupBy = getGroupByFromQuery({ query, reportPage })\n\n const isDataExporter = isDataExporterPage(location)\n\n const csvData = buildCSVData({\n apps,\n data,\n groupBy,\n isDataExporter,\n metricDefinitions,\n reportPage,\n selectedApps\n })\n\n const headers = getCSVHeaders(csvData)\n const filename = getCSVFilename({ endDate, groupBy, startDate })\n\n return (\n \n Download CSV}\n placement=\"top\"\n >\n \n
\n )\n}\n\nDownloadCSVButtonClient.propTypes = {\n data: arrayOfTableData\n}\n\nDownloadCSVButtonClient.defaultProps = {\n data: []\n}\n\nexport default DownloadCSVButtonClient\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport FontAwesomeIcon from '../../../FontAwesomeIcon'\nimport {\n useGroupedSummaryTableSettingsDispatch\n} from '../../../../contexts/GroupedSummaryTableSettings'\n\nconst EditColumnsButton = ({ className }) => {\n const dispatch = useGroupedSummaryTableSettingsDispatch()\n\n const handleClickEditColumns = () => {\n dispatch({\n payload: {},\n type: 'OPEN_COLUMN_EDITOR'\n })\n }\n\n return (\n \n \n
\n )\n}\n\nEditColumnsButton.propTypes = {\n className: PropTypes.string\n}\n\nEditColumnsButton.defaultProps = {\n className: null\n}\n\nexport default EditColumnsButton\n","import { useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { useAsyncDebounce } from 'react-table'\nimport classNames from 'classnames'\n\nimport FontAwesomeIcon from '../../../FontAwesomeIcon'\nimport SearchInput from '../../../SearchInputV2'\n\nimport { GLOBAL_FILTER_DEBOUNCE_MS } from '../../constants'\n\nimport styles from './styles.module.scss'\n\nconst GlobalFilter = ({\n globalFilter,\n isDisabled,\n setGlobalFilter\n}) => {\n const [searchText, setSearchText] = useState(globalFilter)\n\n const onChange = useAsyncDebounce(value => {\n setGlobalFilter(value)\n }, GLOBAL_FILTER_DEBOUNCE_MS)\n\n return (\n \n \n
\n )\n}\n\nGlobalFilter.propTypes = {\n globalFilter: PropTypes.string.isRequired,\n isDisabled: PropTypes.bool.isRequired,\n setGlobalFilter: PropTypes.func.isRequired\n}\n\nexport default GlobalFilter\n","import PropTypes from 'prop-types'\nimport Tooltip from 'rc-tooltip'\nimport classNames from 'classnames'\n\nimport FontAwesomeIcon from '../../../FontAwesomeIcon'\n\nimport { DEFAULT_BTN_CLASS_NAME } from './constants'\n\nconst TableViewModeButtons = ({ className, isCompactViewMode, onClick }) => {\n const compressBtnClassName = classNames(DEFAULT_BTN_CLASS_NAME, {\n active: isCompactViewMode\n })\n\n const expandBtnClassName = classNames(DEFAULT_BTN_CLASS_NAME, {\n active: !isCompactViewMode\n })\n\n return (\n \n Compact View}\n placement=\"top\"\n >\n onClick(true)}\n type=\"button\"\n >\n Default View}\n placement=\"top\"\n >\n onClick(false)}\n type=\"button\"\n >\n
\n )\n}\n\nTableViewModeButtons.propTypes = {\n className: PropTypes.string,\n isCompactViewMode: PropTypes.bool.isRequired,\n onClick: PropTypes.func.isRequired\n}\n\nTableViewModeButtons.defaultProps = {\n className: null\n}\n\nexport default TableViewModeButtons\n","import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport Tooltip from 'rc-tooltip'\n\nimport FontAwesomeIcon from '../../../FontAwesomeIcon'\n\n/* eslint-disable react/prop-types,\n react/destructuring-assignment,\n jsx-a11y/click-events-have-key-events,\n jsx-a11y/no-static-element-interactions */\nconst ToggleNameExtendedButton = ({ className, isNameExtended, onClick }) => (\n \n
\n \n \n)\n/* eslint-enable react/prop-types,\n react/destructuring-assignment,\n jsx-a11y/click-events-have-key-events,\n jsx-a11y/no-static-element-interactions */\n\nToggleNameExtendedButton.propTypes = {\n className: PropTypes.string,\n isNameExtended: PropTypes.bool.isRequired,\n onClick: PropTypes.func.isRequired\n}\n\nToggleNameExtendedButton.defaultProps = {\n className: null\n}\n\nexport default ToggleNameExtendedButton\n","import { useCallback } from 'react'\nimport PropTypes from 'prop-types'\nimport { Link, useLocation } from 'react-router-dom'\nimport classNames from 'classnames'\nimport Skeleton from 'react-loading-skeleton'\nimport { isEmpty, noop } from 'lodash'\n\nimport AwaitingDataOverlay from '../../../AwaitingDataOverlay'\nimport CardHeader from '../../../CardHeader'\nimport Chart from './Chart'\nimport ChartFailed from '../../../ChartFailed'\nimport NoDataOverlay from '../../../NoDataOverlay'\nimport OnboardingActionOverlay from '../../../OnboardingActionOverlay'\nimport ReportingDataMetricValueDisplay from '../../../ReportingDataMetricValueDisplay'\n\nimport { useMetricDefinitionsDispatch } from '../../../../contexts/MetricDefinitions'\nimport { useOnboardingStatusState } from '../../../../contexts/OnboardingStatus'\nimport { isBlank, stripTrailingSlash } from '../../../../utils/helpers'\nimport {\n metricDefinitionObject,\n userAcquisitionReportObject\n} from '../../../../utils/customPropTypes'\n\nimport styles from './styles.module.scss'\n\nconst KPICard = ({\n groupedStatsData, index, isError, isFetchingGroupedStatsData, isFetchingSummaryData, isMocking,\n metricDefinition, onReloadClick, report, value\n}) => {\n const location = useLocation()\n\n const {\n displayName, valueType, calculatedAsLabel\n } = metricDefinition\n\n const renderKPIData = useCallback(() => {\n const valueClassName = classNames(styles.kpiDataValue, {\n [styles.valueSkeleton]: isFetchingSummaryData\n })\n\n const valueIconClassName = classNames({ [styles.kpiDataNoValue]: isBlank(value) })\n\n return (\n \n \n {displayName}\n \n\n
\n )\n }, [calculatedAsLabel, displayName, isFetchingSummaryData, value, valueType])\n\n const isCardOnTheLeft = index % 2 === 0\n const isCardOnTheRight = index % 2 === 1\n\n const className = classNames(styles.card, {\n [styles.leftCard]: isCardOnTheLeft,\n [styles.rightCard]: isCardOnTheRight\n })\n\n const metricDefinitionsDispatch = useMetricDefinitionsDispatch()\n\n const onClickLink = () => {\n metricDefinitionsDispatch({ payload: { reportPage: report.value }, type: 'CHANGE_REPORT_PAGE' })\n }\n\n const { hasRecentlyReceivedFirstEvents } = useOnboardingStatusState()\n\n const hasNoGroupedStatsData = !isMocking\n && !isError\n && !isFetchingGroupedStatsData\n && !hasRecentlyReceivedFirstEvents\n && isEmpty(groupedStatsData)\n\n const hasFailedLoadingData = !isMocking && isError\n\n const isAwaitingDataToBeCalculated = !isMocking\n && !isError\n && !isFetchingGroupedStatsData\n && hasRecentlyReceivedFirstEvents\n && isEmpty(groupedStatsData)\n\n return (\n \n {isFetchingSummaryData ? (\n
\n \n {calculatedAsLabel}\n
\n \n \n
\n )\n}\n\nKPICard.propTypes = {\n groupedStatsData: PropTypes.arrayOf(PropTypes.object).isRequired,\n index: PropTypes.number.isRequired,\n isError: PropTypes.bool.isRequired,\n isFetchingGroupedStatsData: PropTypes.bool.isRequired,\n isFetchingSummaryData: PropTypes.bool.isRequired,\n isMocking: PropTypes.bool.isRequired,\n metricDefinition: metricDefinitionObject.isRequired,\n onReloadClick: PropTypes.func.isRequired,\n report: userAcquisitionReportObject.isRequired,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n}\n\nKPICard.defaultProps = {\n value: null\n}\n\nexport default KPICard\n","import { useMemo } from 'react'\nimport PropTypes from 'prop-types'\nimport {\n Chart, HighchartsChart, HighchartsProvider, Tooltip, XAxis, YAxis\n} from 'react-jsx-highcharts'\nimport { renderToString } from 'react-dom/server'\nimport Highcharts from 'highcharts'\nimport { useLocation } from 'react-router-dom'\nimport { useDeepCompareMemo } from 'use-deep-compare'\nimport { cloneDeep } from 'lodash'\n\nimport ChartSkeleton from '../../../../KPITabs/Chart/skeleton'\nimport TooltipPoint from '../../../../TooltipPoint'\nimport {\n arrayOfHighchartsSeriesData,\n metricDefinitionObject\n} from '../../../../../utils/customPropTypes'\nimport { getQueryParams, useReportingFiltersState } from '../../../../../contexts/ReportingFilters'\nimport { useCurrentUserState } from '../../../../../contexts/CurrentUser'\nimport useHighchartsReflowEffect from '../../../../../hooks/useHighchartsReflowEffect'\n\nimport { buildSeries, getXAxisMinMax } from './helpers'\nimport { CHART_SKELETON_HEIGHT, PLOT_OPTIONS } from './constants'\n\nconst KPICardChart = ({ data, isFetching, metricDefinition }) => {\n if (isFetching) {\n return \n {renderKPIData()}\n\n
\n \n\n {isMocking && \n Go To Data Exporter}\n placement=\"top\"\n >\n \n
\n )\n}\n\nDataExporterButton.propTypes = {\n className: PropTypes.string\n}\n\nDataExporterButton.defaultProps = {\n className: null\n}\n\nexport default DataExporterButton\n","import ReportsSelector from '../../ReportsSelector'\nimport { REPORTS_BY_VALUE } from '../../constants'\n\nconst NoCustomEventsPage = () => (\n \n
\n)\n\nexport default NoCustomEventsPage\n","import { useCallback, useState, useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport Select from 'react-select'\nimport { useHistory, useLocation } from 'react-router-dom'\nimport { debounce } from 'lodash'\n\nimport {\n getDefaultValue, getUrlWithCustomEventName, handleGroupLabelFormat\n} from './helpers'\nimport { PRIMARY_COLORS } from '../../../../../utils/react-select'\nimport { arrayOfSelectableCustomEvents } from '../../../../../utils/customPropTypes'\n\nimport { CUSTOM_EVENTS_SEARCH_DEBOUNCE_MS } from './constants'\n\nimport styles from './styles.module.scss'\n\nconst customStyles = {\n menu: provided => ({\n ...provided,\n zIndex: styles.menuZIndex\n })\n}\n\nconst CustomEventsSelector = ({\n customEvents,\n currentCustomEventName,\n onMenuScrollToBottom,\n onChangeSearchInput\n}) => {\n const [activeCustomEventSearch, setActiveCustomEventSearch] = useState('')\n\n useEffect(() => {\n onChangeSearchInput(activeCustomEventSearch)\n }, [activeCustomEventSearch])\n\n const history = useHistory()\n const location = useLocation()\n\n const handleChange = newCustomEvent => {\n if (newCustomEvent.value !== currentCustomEventName) {\n history.push(getUrlWithCustomEventName({ customEventName: newCustomEvent.value, location }))\n }\n }\n\n const handleInputChange = useCallback(debounce(newInputValue => {\n setActiveCustomEventSearch(newInputValue)\n }, CUSTOM_EVENTS_SEARCH_DEBOUNCE_MS), [])\n\n const filterOption = ({ data, label: labelProp, value }, searchStrProp) => {\n const label = labelProp.toLocaleLowerCase()\n const searchStr = searchStrProp?.toLocaleLowerCase()\n\n if (label.includes(searchStr) || value.includes(searchStr)) return true\n\n const currentGroup = customEvents.find(group => group.label.appId === data.appId)\n\n if (currentGroup.label.name.toLocaleLowerCase().includes(searchStr)) return true\n\n return false\n }\n\n return (\n You have no custom events.
\n\n Install the Tenjin SDK to view additional reports regarding in-app purchases\n and customized user behavior events.\n
\n\n
\n handleInputChange(newInputValue)}\n options={customEvents}\n styles={customStyles}\n theme={theme => ({\n ...theme,\n colors: {\n ...theme.colors,\n primary: PRIMARY_COLORS.base,\n primary25: PRIMARY_COLORS['25'],\n primary50: PRIMARY_COLORS['50'],\n primary75: PRIMARY_COLORS['75']\n }\n })}\n />\n
\n )\n}\n\nCustomEventsSelector.propTypes = {\n currentCustomEventName: PropTypes.string.isRequired,\n customEvents: arrayOfSelectableCustomEvents,\n onChangeSearchInput: PropTypes.func.isRequired,\n onMenuScrollToBottom: PropTypes.func.isRequired\n}\n\nCustomEventsSelector.defaultProps = {\n customEvents: []\n}\n\nexport default CustomEventsSelector\n","import KPITabsWrapper from '../../../../../KPITabs/wrapper'\n\nimport { SUMMARY_BLOCKS, TABS } from './constants'\n\nconst Purchasers = () => (\n Active In-App Event
\n\n {isDisplayingXDayData && (\n setXDayRange(newXDayRange)}\n />\n )}\n\n \n \n \n {yAxisLabel} \n\n {series}\n \n\n \n \n
\n )\n}\n\nKPITabsChart.propTypes = {\n activeMetricDefinition: kpiTabGroupedStatsMetricDefinitionObject.isRequired,\n data: PropTypes.object, // eslint-disable-line react/forbid-prop-types\n isFetching: PropTypes.bool,\n visibleSeriesIds: PropTypes.arrayOf(PropTypes.string)\n}\n\nKPITabsChart.defaultProps = {\n data: {},\n isFetching: false,\n visibleSeriesIds: []\n}\n\nexport default KPITabsChart\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { map } from 'lodash'\n\nimport { X_DAY_RANGES } from '../constants'\n\nconst XDaySelector = ({ currentXDayRange, onClick }) => {\n const handleClick = xDayRange => {\n if (currentXDayRange !== xDayRange) {\n onClick(xDayRange)\n }\n }\n\n return (\n \n {X_DAY_RANGES.map(({ displayName, value }) => (\n handleClick(value)}\n type=\"button\"\n >\n {displayName}\n \n ))}\n
\n )\n}\n\nXDaySelector.propTypes = {\n currentXDayRange: PropTypes.oneOf(map(X_DAY_RANGES, 'value')).isRequired,\n onClick: PropTypes.func.isRequired\n}\n\nexport default XDaySelector\n","import PropTypes from 'prop-types'\nimport Skeleton from 'react-loading-skeleton'\n\nimport OnboardingActionOverlay from '../../OnboardingActionOverlay'\nimport ReportingDataMetricValueDisplay from '../../ReportingDataMetricValueDisplay'\nimport SummaryBlock from './SummaryBlock'\n\nimport { kpiTabSummaryMetricDefinitionObject } from '../../../utils/customPropTypes'\n\nimport styles from './styles.module.scss'\n\nconst SummaryBlocks = (\n {\n isFetching,\n metricDefinitions,\n mockedMetricDefinitionKeys,\n summaryDataByMetric\n }\n) => (\n \n {metricDefinitions.map(metricDefinition => {\n let overlay = null\n\n if (mockedMetricDefinitionKeys.includes(metricDefinition.key)) {\n overlay =
\n)\n\nSummaryBlocks.propTypes = {\n isFetching: PropTypes.bool,\n metricDefinitions: PropTypes.arrayOf(kpiTabSummaryMetricDefinitionObject).isRequired,\n mockedMetricDefinitionKeys: PropTypes.arrayOf(PropTypes.string),\n summaryDataByMetric: PropTypes.object // eslint-disable-line react/forbid-prop-types\n}\n\nSummaryBlocks.defaultProps = {\n isFetching: false,\n mockedMetricDefinitionKeys: [],\n summaryDataByMetric: {}\n}\n\nexport default SummaryBlocks\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport CardHeader from '../../CardHeader'\nimport { kpiTabGroupedStatsMetricDefinitionObject } from '../../../utils/customPropTypes'\nimport MetricTooltip from '../../MetricTooltip'\n\nimport styles from './styles.module.scss'\n\nconst TabButtons = ({\n activeMetricDefinition, metricDefinitions, onClick\n}) => (\n \n {metricDefinitions.map(metricDefinition => {\n const isActiveTab = metricDefinition.key === activeMetricDefinition.key\n\n const tabClassName = classNames(styles.tab, {\n [styles.active]: isActiveTab\n })\n\n return (\n \n onClick(metricDefinition)}\n type=\"button\"\n >\n
\n)\n\nTabButtons.propTypes = {\n activeMetricDefinition: kpiTabGroupedStatsMetricDefinitionObject.isRequired,\n metricDefinitions: PropTypes.arrayOf(kpiTabGroupedStatsMetricDefinitionObject).isRequired,\n onClick: PropTypes.func.isRequired\n}\n\nexport default TabButtons\n","import { Fragment, useMemo, useState } from 'react'\nimport PropTypes from 'prop-types'\nimport Select, { components as ReactSelectComponents } from 'react-select'\nimport ReactNbsp from 'react-nbsp'\nimport { useLocation } from 'react-router-dom'\nimport { sortBy } from 'lodash'\nimport classNames from 'classnames'\n\nimport FontAwesomeIcon from '../../FontAwesomeIcon'\nimport HelpText from '../../HelpText'\nimport ReportingDataImg from '../../ReportingDataImg'\nimport ReportingDataNameDisplay from '../../ReportingDataNameDisplay'\n\nimport { getQueryParams, useReportingFiltersState } from '../../../contexts/ReportingFilters'\nimport { useCurrentUserState } from '../../../contexts/CurrentUser'\nimport { getGroupNameFromGroupBy } from '../../../utils/helpers'\nimport { CHART_COLORS } from '../../../utils/charts'\n\nimport { kpiTabGroupedStatsMetricDefinitionObject } from '../../../utils/customPropTypes'\n\nimport styles from './styles.module.scss'\n\n// styles overrides for react-select\n// https://react-select.com/styles\nconst customStyles = {\n container: provided => ({\n ...provided,\n zIndex: styles.containerZIndex\n }),\n multiValue: (provided, state) => ({\n ...provided,\n backgroundColor: styles.multiValueBgColor,\n border: `1px solid ${styles.multiValueBorderColor}`,\n borderRadius: '8px',\n position: 'relative'\n })\n}\n\nconst VisibleDataSelector = (\n {\n maxSelectable,\n metricDefinition,\n onChange,\n selectable,\n selected\n }\n) => {\n const [isShowingSelector, setIsShowingSelector] = useState(true)\n\n const reportingFilters = useReportingFiltersState()\n const { countries } = reportingFilters\n\n const location = useLocation()\n\n const { currentUser } = useCurrentUserState()\n\n const queryParams = getQueryParams({ currentUser, location, reportingFilters })\n\n const { groupBy } = queryParams\n\n const selectedIds = selected.map(item => item.id)\n\n const formatOptionLabel = useMemo(() => ({\n iconUrl, id, name, platform\n }) => {\n const color = CHART_COLORS[selectedIds.indexOf(id)]\n\n return (\n \n \n {metricDefinition.abbreviatedName}\n \n\n {isActiveTab && }\n
\n \n \n )\n })}\n \n \n\n
\n )\n }, [countries, groupBy, selectedIds])\n\n const groupByName = getGroupNameFromGroupBy(groupBy)\n\n /* eslint-disable react/prop-types,react/jsx-props-no-spreading */\n const Menu = useMemo(() => (\n props => {\n const optionSelectedLength = props.getValue().length || 0\n\n return (\n \n Max limit of {maxSelectable} achieved\n
\n )}\n \n setIsShowingSelector(!isShowingSelector)}\n >\n \n option.name}\n getOptionValue={option => option.id}\n isMulti\n key={metricDefinition.key}\n onChange={options => onChange(options)}\n options={sortBy(selectable, 'name')}\n styles={customStyles}\n value={selected}\n />\n\n Select up to {maxSelectable} \n \n )}\n
\n )\n}\n\nVisibleDataSelector.propTypes = {\n maxSelectable: PropTypes.number.isRequired,\n metricDefinition: kpiTabGroupedStatsMetricDefinitionObject.isRequired,\n onChange: PropTypes.func.isRequired,\n selectable: PropTypes.arrayOf(PropTypes.object),\n selected: PropTypes.arrayOf(PropTypes.object)\n}\n\nVisibleDataSelector.defaultProps = {\n selectable: [],\n selected: []\n}\n\nexport default VisibleDataSelector\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport styles from './styles.module.scss'\n\nconst HelpText = ({ children, className }) => (\n {children}\n)\n\nHelpText.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string\n}\n\nHelpText.defaultProps = {\n className: ''\n}\n\nexport default HelpText\n","import KPITabsWrapper from '../../../../../KPITabs/wrapper'\n\nimport { SUMMARY_BLOCKS, TABS } from './constants'\n\nconst PurchaseXDay = () => (\n \n Bar Chart}\n placement=\"top\"\n >\n setIsBarChart(true)}\n type=\"button\"\n >\n Spline Chart}\n placement=\"top\"\n >\n setIsBarChart(false)}\n type=\"button\"\n >\n
\n )\n}\n\nChartTypeButtons.propTypes = {\n className: PropTypes.string,\n isBarChart: PropTypes.bool,\n setIsBarChart: PropTypes.func.isRequired\n}\n\nChartTypeButtons.defaultProps = {\n className: null,\n isBarChart: true\n}\n\nexport default ChartTypeButtons\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { arrayOfSelectableValueRanges } from '../../../../utils/customPropTypes'\n\nimport Dropdown from '../../../Dropdown'\n\nconst ValueRangeSelector = ({\n onChangeValueRange,\n valueRangeOptions,\n valueRange\n}) => (\n \n {!(isShowingSwitchOrgs || isShowingImpersonate) && (\n \n \n )}\n\n {isShowingImpersonate && (\n
\n )\n}\n\nModal.propTypes = {\n setIsVisible: PropTypes.func.isRequired\n}\n\nexport default Modal\n","import PropTypes from 'prop-types'\n\nimport Link from '../Link'\nimport Section from '../Section'\nimport SectionContent from '../SectionContent'\nimport SectionHeader from '../SectionHeader'\n\nimport { useCurrentUserState } from '../../../../contexts/CurrentUser'\n\nconst Admin = ({ isShowingImpersonate, setIsShowingImpersonate }) => {\n const {\n currentUser: { isActingAsUser }\n } = useCurrentUserState()\n\n const onImpersonateClick = ev => {\n ev.preventDefault()\n\n setIsShowingImpersonate(!isShowingImpersonate)\n }\n\n /* eslint-disable jsx-a11y/anchor-is-valid */\n return (\n \n {unlinkedCampaignsAndAdPlacementsCount}\n
\n \n )}\n\n {canViewCampaignBuckets && (\n \n Campaign Buckets\n \n )}\n\n {canViewCampaignMerge && (\n \n Campaign Merge\n \n )}\n \n \n\n \n
\n\n {switchableOrgs.length > 0 && (\n \n Switch Organizations\n \n )}\n\n {canViewMonthlyEvents &&\n (window.gon.feature_flags.includes('usage_and_billing') ? (\n \n
\n ) : (\n Monthly Activity\n ))}\n\n {canViewGdprRequests && (\n GDPR Requests\n )}\n\n {canViewManageUser && Manage User}\n\n {canViewManageOrganization && (\n Manage Organization\n )}\n\n \n
\n)\n\nPtiMeter.propTypes = {\n className: PropTypes.string\n}\n\nPtiMeter.defaultProps = {\n className: ''\n}\n\nexport default PtiMeter\n","import Link from '../Link'\n\nconst SignOutLink = () => (\n \n Sign Out\n \n)\n\nexport default SignOutLink\n","import Link from '../Link'\nimport Section from '../Section'\nimport SectionContent from '../SectionContent'\nimport SectionHeader from '../SectionHeader'\n\nimport { useCurrentUserState } from '../../../../contexts/CurrentUser'\n\nconst Notifications = () => {\n const {\n accessControl: {\n canViewAlertDefinitions,\n canViewNotifications\n }\n } = useCurrentUserState()\n\n if (!(canViewAlertDefinitions || canViewNotifications)) {\n return null\n }\n\n return (\n \n 32% of PTI Allowance\n
\n \n
\n \n 6,400 of 20,000\n
\n paid attributions used\n {currentUser.organizationName} (Active)
\n\n {switchableOrgs.map(org => (\n \n {org.name}\n \n ))}\n \n \n {displayName}\n \n\n
\n )\n }, [isFetching, value])\n\n let isCardOnTheLeft\n let isCardOnTheRight\n let isFirstCard\n let isMiddleCard\n let isLastCard\n\n if (isTwoCardLayout) {\n isCardOnTheLeft = index % 2 === 0\n isCardOnTheRight = index % 2 === 1\n } else {\n isFirstCard = index === 0\n isMiddleCard = index > 0 && index < (cardCount - 1)\n isLastCard = index === cardCount\n }\n\n const className = classNames(styles.card, {\n [styles.leftCard]: isCardOnTheLeft,\n [styles.rightCard]: isCardOnTheRight,\n [styles.firstCard]: isFirstCard,\n [styles.middleCard]: isMiddleCard,\n [styles.lastCard]: isLastCard\n })\n\n const { hasRecentlyReceivedFirstEvents } = onboardingStatus\n\n const hasNoSummaryData = !isMocking\n && !isError\n && !isFetching\n && !hasRecentlyReceivedFirstEvents\n && isNull(value)\n\n const hasFailedLoadingData = !isMocking && isError\n\n const isAwaitingDataToBeCalculated = !isMocking\n && !isError\n && !isFetching\n && hasRecentlyReceivedFirstEvents\n && isNull(value)\n\n return (\n \n {isFetching ? (\n
\n \n {calculatedAsLabel}\n
\n \n
\n )\n}\n\nKPICard.propTypes = {\n cardCount: PropTypes.number,\n index: PropTypes.number.isRequired,\n isError: PropTypes.bool.isRequired,\n isFetching: PropTypes.bool.isRequired,\n isMocking: PropTypes.bool.isRequired,\n isTwoCardLayout: PropTypes.bool,\n metricDefinition: metricDefinitionObject.isRequired,\n onReloadClick: PropTypes.func.isRequired,\n onboardingStatus: onboardingStatusObject.isRequired,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n}\n\nKPICard.defaultProps = {\n cardCount: 2,\n isTwoCardLayout: true,\n value: null\n}\n\nexport default KPICard\n","import { useState } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport styles from './styles.module.scss'\nimport Dropdown from '../../Dropdown'\nimport {\n DOCUMENTATION_LINKS,\n PLATFORM_SDK_OPTIONS,\n ROLE_DEVELOPER,\n ROLE_MARKETER\n} from '../constants'\nimport {\n arrayOfPlatformSDKOptions,\n arrayOfRoleObjects,\n platformSDKObject,\n roleObject\n} from '../../../utils/customPropTypes'\n\nconst RoleContentMarketer = ({ onClickWithTracking }) => (\n \n {renderKPIData()}\n
\n\n {isMocking && \n
\n)\n\nconst RoleContentDeveloper = ({\n onChangePlatformSDK,\n onClickWithTracking,\n platformSDKOptions,\n selectedPlatformSDK\n}) => {\n const { linkText, linkUrl } = selectedPlatformSDK\n\n return (\n - \n
- \n
\n Go to Configure > Apps from the top navigation bar > Click "Add a New App"\n \n - \n
\n Go to Configure > Channels > Click "Add a Channel"\n \n - \n {\n 'Select the ad network that you want to pull ad revenue data'\n + ' or ad spend from. You will need to add the specific network\\'s'\n + ' API keys and credentials.'\n }\n \n
- \n For more on channels, view \n \n Setting up Channels and Tracking Ad Spend \n \n in our docs\n \n
\n
\n )\n}\n\nconst Overlay = ({\n className,\n onChangeSelectedRole,\n onClickWithTracking,\n onClosePopup,\n roleOptions,\n selectedRole\n}) => {\n const [selectedPlatformSDK, setSelectedPlatformSDK] = useState(PLATFORM_SDK_OPTIONS[0])\n\n const handleChangePlatformSDK = updatedPlatformSDK => {\n setSelectedPlatformSDK(updatedPlatformSDK)\n }\n\n return (\n - \n
- \n
\n Go to Configure > Apps from the top navigation bar > Click "Add a New App"\n \n - \n \n\n View our docs for directions on {linkText}\nSend events through the SDK\n \n
\n
\n\n \n {\n if (event.key === 'Enter') { onClosePopup() }\n }}\n className={styles.hideButton}\n onClick={onClosePopup}\n >\n Hide\n
\n Welcome To Tenjin!
\n\n \n option.label}\n getOptionValue={option => option.value}\n isClearable={false}\n isSearchable={false}\n onChange={onChangeSelectedRole}\n options={roleOptions}\n value={selectedRole}\n />\n
\n\n {selectedRole.value === ROLE_MARKETER && (\n What's your role?
\n \n Have questions? Visit our \n onClickWithTracking({\n href: DOCUMENTATION_LINKS.KNOWLEDGE_BASE,\n text: 'knowledge base'\n })}\n >\n knowledge base \n \n or contact \n \n support@tenjin.com\n \n
\n \n )\n}\n\nRoleContentMarketer.propTypes = {\n onClickWithTracking: PropTypes.func.isRequired\n}\n\nRoleContentDeveloper.propTypes = {\n onChangePlatformSDK: PropTypes.func.isRequired,\n onClickWithTracking: PropTypes.func.isRequired,\n platformSDKOptions: arrayOfPlatformSDKOptions.isRequired,\n selectedPlatformSDK: platformSDKObject.isRequired\n}\n\nOverlay.propTypes = {\n className: PropTypes.string,\n onChangeSelectedRole: PropTypes.func.isRequired,\n onClickWithTracking: PropTypes.func.isRequired,\n onClosePopup: PropTypes.func.isRequired,\n roleOptions: arrayOfRoleObjects.isRequired,\n selectedRole: roleObject.isRequired\n}\n\nOverlay.defaultProps = {\n className: null\n}\n\nexport default Overlay\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { format, parseISO } from 'date-fns'\n\nimport FontAwesomeIcon from '../FontAwesomeIcon'\n\nimport { isBlankValue } from '../ReportingDataMetricValueDisplay/helpers'\n\nimport styles from './styles.module.scss'\n\nconst ReportingDataDateDisplay = ({\n className,\n iconClassName,\n value\n}) => {\n if (isBlankValue(value)) {\n return (\n \n {app.name}
\n \n \n )}\n onClick={onClick}\n selectionIcon={{children}
\n)\n\nSubtitle.propTypes = {\n children: PropTypes.node.isRequired\n}\n\nexport default Subtitle\n","import { useMemo } from 'react'\nimport PropTypes from 'prop-types'\nimport { xor } from 'lodash'\nimport { camelCase } from 'camel-case'\n\nimport PlatformFilter from './PlatformFilter'\nimport { arrayOfAssociatableApps } from '../../../../utils/customPropTypes'\nimport { isPresent } from '../../../../utils/helpers'\n\nconst isActivePlatformFilter = ({ selectable, selected }) => (\n xor(selectable, selected).length === 0\n)\n\nconst PlatformFilters = (\n {\n apps,\n onClick,\n selectedApps\n }\n) => {\n const appIdsByPlatform = useMemo(() => {\n const appIdsByPlatformObj = {\n amazon: [],\n android: [],\n androidOther: [],\n ios: []\n }\n\n apps.forEach(app => {\n const appPlatform = camelCase(app.platform || '')\n\n if (appIdsByPlatformObj[appPlatform]) {\n appIdsByPlatformObj[appPlatform].push(app.id)\n }\n })\n\n return appIdsByPlatformObj\n }, [apps])\n\n const hasSelectedApps = isPresent(selectedApps)\n\n const iosFilterSelected = useMemo(() => (\n hasSelectedApps\n && isActivePlatformFilter({\n selectable: appIdsByPlatform.ios,\n selected: selectedApps\n })\n ), [appIdsByPlatform.ios, hasSelectedApps, selectedApps])\n\n const androidFilterSelected = useMemo(() => (\n hasSelectedApps\n && isActivePlatformFilter({\n selectable: appIdsByPlatform.android,\n selected: selectedApps\n })\n ), [appIdsByPlatform.android, hasSelectedApps, selectedApps])\n\n const androidOtherFilterSelected = useMemo(() => (\n hasSelectedApps\n && isActivePlatformFilter({\n selectable: appIdsByPlatform.androidOther,\n selected: selectedApps\n })\n ), [appIdsByPlatform.androidOther, hasSelectedApps, selectedApps])\n\n const amazonFilterSelected = useMemo(() => (\n hasSelectedApps\n && isActivePlatformFilter({\n selectable: appIdsByPlatform.amazon,\n selected: selectedApps\n })\n ), [appIdsByPlatform.amazon, hasSelectedApps, selectedApps])\n\n return (\n\n onClick(appIdsByPlatform.ios)}\n platform=\"ios\"\n />\n onClick(appIdsByPlatform.android)}\n platform=\"android\"\n />\n onClick(appIdsByPlatform.amazon)}\n platform=\"amazon\"\n />\n onClick(appIdsByPlatform.androidOther)}\n platform=\"androidOther\"\n />\n
\n )\n}\n\nPlatformFilters.propTypes = {\n apps: arrayOfAssociatableApps.isRequired,\n onClick: PropTypes.func.isRequired,\n selectedApps: PropTypes.arrayOf(PropTypes.string).isRequired\n}\n\nexport default PlatformFilters\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { isEmpty, map } from 'lodash'\n\nimport styles from './styles.module.scss'\n\nimport FontAwesomeIcon from '../../../../FontAwesomeIcon'\nimport { arrayOfSelectedItemIcons } from '../../../../../utils/customPropTypes'\n\nconst SelectedItem = ({\n item,\n displayName,\n onClickSelectedItem,\n icons\n}) => {\n const className = classNames(\n styles.selectedItem,\n 'u-display-block'\n )\n\n const handleClickSelectedItem = () => {\n onClickSelectedItem(item)\n }\n\n const hasIcons = icons && !isEmpty(icons)\n\n /* eslint-disable jsx-a11y/click-events-have-key-events */\n return (\n {displayName}
\n \n )\n /* eslint-enable jsx-a11y/click-events-have-key-events */\n}\n\nSelectedItem.propTypes = {\n displayName: PropTypes.string.isRequired,\n icons: arrayOfSelectedItemIcons,\n // eslint-disable-next-line react/forbid-prop-types\n item: PropTypes.object.isRequired,\n onClickSelectedItem: PropTypes.func.isRequired\n}\n\nSelectedItem.defaultProps = {\n icons: null\n}\n\nexport default SelectedItem\n","import { Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport Tooltip from 'rc-tooltip'\n\nimport ListItem from '../../Filter/Pane/ListItem'\nimport MultiSelectIcon from '../../Filter/Pane/ListItem/MultiSelectIcon'\nimport { channelObject } from '../../../../utils/customPropTypes'\nimport { TOOLTIP_MOUSE_ENTER_DELAY } from '../../../../utils/constants'\n\nimport styles from './styles.module.scss'\n\nconst ChannelsListItem = (\n {\n channel,\n isGroupingBySiteId,\n isSelected,\n onClick,\n selectedChannels\n }\n) => {\n let tooltipText\n\n const isDisabled = !isSelected\n && isGroupingBySiteId\n && selectedChannels.length >= 1\n\n if (isDisabled) {\n tooltipText = 'Can only select 1 channel when grouping by Site ID'\n }\n\n return (\n {channel.name}
\n \n \n )}\n onClick={onClick}\n selectionIcon={\n onClick(paidChannelIds)}\n >\n Paid Channels\n \n
\n )\n}\n\nPaidFilter.propTypes = {\n channels: arrayOfChannels.isRequired,\n isDisabled: PropTypes.bool.isRequired,\n onClick: PropTypes.func.isRequired,\n selectedChannels: PropTypes.arrayOf(PropTypes.number).isRequired\n}\n\nexport default PaidFilter\n","import { Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport Tooltip from 'rc-tooltip'\n\nimport ListItem from '../../Filter/Pane/ListItem'\nimport MultiSelectIcon from '../../Filter/Pane/ListItem/MultiSelectIcon'\nimport { countryObject } from '../../../../utils/customPropTypes'\nimport { TOOLTIP_MOUSE_ENTER_DELAY } from '../../../../utils/constants'\n\nimport styles from './styles.module.scss'\n\nconst CountriesListItem = (\n {\n country,\n isSelected,\n onClick\n }\n) => (\n {country.emojiFlag}
\n\n {country.name}
\n \n \n )}\n onClick={onClick}\n selectionIcon={\n Targeting Tags\n
\n\n {targetingTags.map(targetingTag => (\n \n {children}\n
\n)\n\nToolbar.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string\n}\n\nToolbar.defaultProps = {\n className: null\n}\n\nexport default Toolbar\n","import { Fragment, useEffect } from 'react'\nimport { Route } from 'react-router-dom'\n\nimport PublisherPage from './PublisherPage'\nimport ReportingContent from '../../ReportingContent'\nimport ReportingSidebar from '../../ReportingSidebar'\n\nimport useFlashMessagesHook from '../../../hooks/useFlashMessagesHook'\n// Note: disabled nav link updates for issue TENJIN-11310\n// import useUpdateNavLinksFromFilterEffect from '../../../hooks/useUpdateNavLinksFromFiltersHook'\n\nconst AdMonetizationPage = ({ match }) => {\n useEffect(() => {\n document.title = `Ad Revenue Reports - Tenjin`\n })\n\n useFlashMessagesHook()\n\n // Note: disabled nav link updates for issue TENJIN-11310\n // useUpdateNavLinksFromFilterEffect()\n\n return (\n \n option.name}\n getOptionValue={option => option.id}\n isClearable={false}\n isSearchable\n onChange={onChangeSelectedApp}\n options={apps}\n value={selectedApp}\n placeholder=\"Select an app\"\n />\n option.name}\n getOptionValue={option => option.id}\n isClearable={false}\n isSearchable\n onChange={onChangeSelectedChannel}\n options={channels}\n value={selectedChannel}\n placeholder=\"Select a channel\"\n />\n option.label}\n getOptionValue={option => option.value}\n isClearable={false}\n isSearchable\n onChange={onChangeSelectedLookback}\n options={lookbackWindows}\n value={selectedLookback}\n />\n
\n)\n\nCampaignFilters.propTypes = {\n apps: arrayOfAppObjects,\n channels: arrayOfChannels,\n lookbackWindows: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string.isRequired,\n value: PropTypes.number.isRequired\n })\n ).isRequired,\n onChangeSelectedApp: PropTypes.func.isRequired,\n onChangeSelectedChannel: PropTypes.func.isRequired,\n onChangeSelectedLookback: PropTypes.func.isRequired,\n selectedApp: appObject,\n selectedChannel: channelObject,\n selectedLookback: PropTypes.shape({\n label: PropTypes.string.isRequired,\n value: PropTypes.number.isRequired\n })\n}\n\nCampaignFilters.defaultProps = {\n apps: [],\n channels: [],\n selectedApp: null,\n selectedChannel: null,\n selectedLookback: null\n}\n\nexport default CampaignFilters\n","import { Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport Modal from 'react-modal'\n\nimport styles from './styles.module.scss'\nimport SearchInput from '../../../SearchInputV2'\nimport ConfirmationModalContent from '../../../ConfirmationModalContent'\nimport { defaultModalStyles } from '../../../../utils/modal'\nimport CampaignColumns from './CampaignColumns'\n\n/*\n eslint-disable jsx-a11y/interactive-supports-focus,\n jsx-a11y/click-events-have-key-events\n*/\nconst StandaloneCampaignMergeTool = ({\n closeModal,\n isMergeable,\n isModalOpen,\n isEmptyState,\n isError,\n isMerging,\n isLoading,\n onCancelMerge,\n onChangeSearchText,\n onClickMergeCampaigns,\n onClickReportedCampaign,\n onClickTrackedCampaign,\n onConfirmMerge,\n reportedCampaigns,\n searchText,\n selectedReportedCampaign,\n selectedTrackedCampaign,\n setSearchText,\n trackedCampaigns\n}) => (\n \n
\n
\n \n
\n Raw Campaigns
\n \n {\n 'Consolidate campaigns by merging one Tenjin campaign with tracked data'\n + ' to its matching Ad Network campaign with reported data.'\n }\n
\n \n
\n
\n \n Select an app and channel to view
campaigns eligible for merging.\n
\n)\n\nconst missingCampaignsMessage = (\n campaigns eligible for merging.\n
\n No campaigns found.\n
\n)\n\n/*\n eslint-disable jsx-a11y/interactive-supports-focus,\n jsx-a11y/click-events-have-key-events\n*/\nconst CampaignColumns = ({\n isError,\n isLoading,\n isMerging,\n isMergeable,\n isEmptyState,\n onClickMergeCampaigns,\n onClickReportedCampaign,\n onClickTrackedCampaign,\n reportedCampaigns,\n selectedReportedCampaign,\n selectedTrackedCampaign,\n trackedCampaigns\n}) => {\n const isTrackedCampaignSelected = selectedTrackedCampaign !== null\n const isReportedCampaignSelected = selectedReportedCampaign !== null\n\n const canClickMerge = isMergeable && !isLoading && !isMerging\n const showSelectionPrompt = !isEmptyState && !isLoading && !isMerging\n\n const isMissingTrackedCampaigns = !isEmptyState\n && !isLoading\n && !isMerging\n && trackedCampaigns.length === 0\n\n const isMissingReportedCampaigns = !isEmptyState\n && !isLoading\n && !isMerging\n && reportedCampaigns.length === 0\n\n return (\n \n
\n \n
\n \n TENJIN CAMPAIGNS{' '}\n {showSelectionPrompt && (\n isTrackedCampaignSelected ? (\n 1 Selected\n ) : (\n Select 1\n )\n )}\n
\n \n onClickTrackedCampaign(id)}\n role=\"button\"\n >\n
\n ))\n )\n )}\n \n
\n {isEmptyState && emptyStateMessage}\n {isMissingTrackedCampaigns && missingCampaignsMessage}\n {!isEmptyState && (\n (isLoading || isMerging) ? (\n Campaign Name
\n Tracked Installs
\n \n {name}}\n placement=\"top\"\n >\n {name}\n \n
\n {id}\n
\n \n {id}\n
{trackedInstalls || '-'}
\n \n
\n \n \n {isMerging ? (\n \n AD NETWORK CAMPAIGNS{' '}\n {showSelectionPrompt && (\n isReportedCampaignSelected ? (\n 1 Selected\n ) : (\n Select 1\n )\n )}\n
\n \n onClickReportedCampaign(id)}\n role=\"button\"\n >\n
\n ))\n )\n )}\n \n
\n {isEmptyState && emptyStateMessage}\n {isMissingReportedCampaigns && missingCampaignsMessage}\n {!isEmptyState && (\n (isLoading || isMerging) ? (\n Campaign Name
\n Reported Installs
\n Spend
\n \n {name}}\n placement=\"top\"\n >\n {name}\n \n
\n {id}\n
\n \n {id}\n
\n {reportedInstalls || '-'}\n
\n \n {spend ? (\n \n ${formatNumberForDisplay({ number: spend, numberOfDigits: 2 })}\n \n ) : '-'}\n
\n \n \n Organization key\n
\n )\n\n const handleDeleteRowError = () => {\n setIsDisabled(true)\n }\n\n return (\n \n {sdkKey.name}\n
\n \n
\n {sdkKey.authenticationToken}\n {sdkKey.authenticationToken}) cannot be enabled, likely due\n to the app already having too many enabled SDK keys. If this key still needs to be\n enabled, check the app page and disable other unused SDK keys before proceeding.\n \n \n
\n )\n}\n\nAppDetail.propTypes = {\n app: apiKeyAppObject.isRequired\n}\n\nexport default AppDetail\n","import PropTypes from 'prop-types'\nimport { useState } from 'react'\nimport { post } from '../../../../../../../../../utils/request'\nimport { noop } from '../../../../../../../../../utils/helpers'\nimport { API_KEY_BASE_URL } from './constants'\n\nconst EnableSdkKeyButton = ({\n handleDeleteRow,\n handleDeleteRowError,\n sdkKeyId\n}) => {\n const enableUrl = `${API_KEY_BASE_URL}${sdkKeyId}/enable`\n const [isUpdating, setIsUpdating] = useState(false)\n const handleClick = async () => {\n setIsUpdating(true)\n try {\n await post(enableUrl)\n handleDeleteRow()\n } catch (error) {\n handleDeleteRowError()\n setIsUpdating(false)\n }\n }\n\n return (\n {app.name}
\n \n \n \n [app]\n \n {' '}\n \n [admin]\n \n
\n \n
\n \n Current app store commission\n
\n \n \n \n
\n
\n )\n}\n\nAppStoreCommission.propTypes = {\n allowedDeductionValues: PropTypes.arrayOf(PropTypes.number),\n defaultDeduction: PropTypes.number.isRequired,\n revenueDeduction: revenueDeductionObject\n}\n\nAppStoreCommission.defaultProps = {\n allowedDeductionValues: [],\n revenueDeduction: {}\n}\n\nexport default AppStoreCommission\n","import PropTypes from 'prop-types'\n\nconst CancelButton = ({\n handleClickCancel,\n isUpdating\n}) => {\n const isDisabled = isUpdating\n\n return (\n \n
\n \n Set the App Store Commission for In-App Purchases and Subscriptions\n
\n \n
\n \n
\n {errorMsg}
\n | \n App Store Commission\n | \n\n Dates Valid\n | \n\n \n | \n
|---|---|---|
| \n | \n \n \n \n | \n \n {actionButton()}\n | \n
\n Automatically reverts to\n {' '}\n {getNumberAsPercentage(defaultDeduction)}%\n after end date\n
\n \n
\n )\n}\n\nEditCommissionValueInput.propTypes = {\n deduction: PropTypes.number.isRequired,\n setDeduction: PropTypes.func.isRequired\n}\n\nexport default EditCommissionValueInput\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport EditDateValue from './EditDateValue'\nimport ShowDateValue from './ShowDateValue'\n\nconst DateValue = ({\n endDate,\n handleKeyUp,\n isEditing,\n isNew,\n setEndDate,\n setStartDate,\n startDate\n}) => {\n if (isEditing) {\n return (\n %
\n \n
\n )\n}\n\nEditDateValue.propTypes = {\n endDate: PropTypes.string.isRequired,\n handleKeyUp: PropTypes.func.isRequired,\n setEndDate: PropTypes.func.isRequired,\n setStartDate: PropTypes.func.isRequired,\n startDate: PropTypes.string.isRequired\n}\n\nexport default EditDateValue\n","import React, { Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport { formatDate } from './helpers'\n\nconst ShowDateValue = ({\n endDate,\n startDate\n}) => (\n \n
\n \n to\n
\n \n setEndDateInputType('date')}\n onKeyUp={handleKeyUp}\n placeholder=\"Ongoing\"\n type={endDateInputType}\n min={minEndDate}\n value={endDate}\n />\n
\n \n {formatDate(startDate)}\n
\n \n -\n
\n \n {formatDate(endDate, 'Ongoing')}\n
\n \n
\n )\n\n AttributionPanel.propTypes = {\n body: PropTypes.node.isRequired,\n title: PropTypes.node.isRequired\n }\n\n const CustomAttributionWindowNotSupportedMessage = () => {\n const adNetworkName = currentChannel?.name || ''\n return (\n \n
\n {title}
\n {body}
\n \n \n
\n )\n }\n\n const AttributionPanelTitle = () => (\n \n {TEXT_APP}\n \n
\n )\n\n const AttributionWindowSupported = () => (\n \n {TEXT_OVERRIDE_APP_SETTINGS_TOOLTIP}}\n placement=\"top\"\n >\n
\n \n }\n body={\n \n
\n \n \n \n
\n )\n}\n\nexport default AttributionTab\n","import classNames from 'classnames'\nimport {\n APP_INTEGRATION_PATH, TEXT_CHANNELS, TEXT_CHANNEL_SELECTOR_TITLE,\n TEXT_CHANNEL_SELECTOR_MESSAGE, TEXT_CHANNEL_SELECTOR_MESSAGE_END\n} from '../constants'\nimport styles from '../styles.module.scss'\n\nconst AdNetworkInstructions = () => (\n \n
\n)\nexport default AdNetworkInstructions\n","import classNames from 'classnames'\n\nimport FontAwesomeIcon from '../../../../../../FontAwesomeIcon'\nimport { TEXT_APP_CHANNEL_INSTRUCTIONS } from '../constants'\nimport styles from '../styles.module.scss'\n\nconst AppChannelInstructions = () => (\n \n {TEXT_CHANNEL_SELECTOR_TITLE}\n
\n \n {TEXT_CHANNEL_SELECTOR_MESSAGE}\n \n {TEXT_CHANNELS}\n \n {TEXT_CHANNEL_SELECTOR_MESSAGE_END}\n
\n \n \n
\n)\n\nexport default AppChannelInstructions\n","import { TEXT_APP_INSTRUCTIONS } from '../constants'\n\nconst AppInstructions = () => (\n \n {TEXT_APP_INSTRUCTIONS}\n
\n)\nexport default AppInstructions\n","import { Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport styles from '../styles.module.scss'\nimport { isBlank } from '../../../../../../../utils/helpers'\nimport FontAwesomeIcon from '../../../../../../FontAwesomeIcon'\n\nconst TableHeader = ({ typeLabel, levelLabel, adNetworkName }) => {\n const LabelDivider = () => (\n \n \n
\n )\n}\n\nTableHeader.propTypes = {\n adNetworkName: PropTypes.string,\n levelLabel: PropTypes.string.isRequired,\n typeLabel: PropTypes.string.isRequired\n}\n\nTableHeader.defaultProps = {\n adNetworkName: ''\n}\nexport default TableHeader\n","import PropTypes from 'prop-types'\nimport FontAwesomeIcon from '../../../../../../../FontAwesomeIcon'\nimport {\n TEXT_EDIT_BUTTON\n} from '../../constants'\n\nconst WindowEditEnabled = ({\n onEnableEdit,\n timeLabel\n}) => (\n \n \n {timeLabel}\n \n \n \n {typeLabel}\n
\n \n \n {!isBlank(adNetworkName)\n && {adNetworkName} }\n {levelLabel}\n
\n \n Select a channel in the dropdown above\n
\n to view required settings.\n
\n)\n\nconst MissingIntegrationOverlay = () => (\n \n to view required settings.\n
\n This channel has not been integrated yet.\n
\n)\n\nconst MissingCredentialsOverlay = () => (\n \n No settings available for this channel.\n
\n)\n\nconst MissingCallbacksOverlay = () => (\n \n No callbacks available for this channel.\n
\n)\n\nconst CallbackHealthEmptyStateOverlay = () => (\n \n Great news!\n
\n None of your callbacks require attention.\n
\n)\n\nconst S2SCallbacksEmptyStateOverlay = () => (\n \n None of your callbacks require attention.\n
No S2S Callbacks found.
\n)\n\nconst CallbacksTab = ({ app, channels, isAdmin }) => {\n const history = useHistory()\n const location = useLocation()\n const urlParams = deepCamelKeys(useParams())\n\n const appId = app.id\n\n const filteredChannels = channels.filter(\n ({ custom, callbackRequired }) => !custom && callbackRequired\n )\n\n const [selectedChannel, setSelectedChannel] = useState(null)\n const [isEditingCredentials, setIsEditingCredentials] = useState(true)\n const [savingState, setSavingState] = useState([])\n const [loadingState, setLoadingState] = useState([])\n const [isNavigating, setIsNavigating] = useState(false)\n const [originalCredentials, setOriginalCredentials] = useState({})\n const [credentials, setCredentials] = useState({})\n const [fieldSet, setFieldSet] = useState([])\n const [errors, setErrors] = useState({})\n\n const [isEventOptionsVisible, setIsEventOptionsVisible] = useState(false)\n\n const [isNewEventModalOpen, setIsNewEventModalOpen] = useState(false)\n const [newEventDraft, setNewEventDraft] = useState(NEW_EVENT_DRAFT_DEFAULTS)\n\n const [isEditCallbackModalOpen, setIsEditCallbackModalOpen] = useState(false)\n const [editedCallbackDraft, setEditedCallbackDraft] = useState(null)\n\n const [callbackGroupTemplates, setCallbackGroupTemplates] = useState({})\n const [callbackGroups, setCallbackGroups] = useState([])\n\n const [callbackHealth, setCallbackHealth] = useState([])\n const [s2sCallbacks, setS2sCallbacks] = useState([])\n\n const [adNetworkSettings, setAdNetworkSettings] = useState({})\n const [adNetworkSettingsError, setAdNetworkSettingsError] = useState({})\n\n const [callbackInstructions, setCallbackInstructions] = useState()\n\n const [isMissingIntegration, setIsMissingIntegration] = useState(false)\n\n const openNewEventModal = () => setIsNewEventModalOpen(true)\n const closeNewEventModal = () => setIsNewEventModalOpen(false)\n\n const openEditCallbackModal = () => setIsEditCallbackModalOpen(true)\n const closeEditCallbackModal = () => setIsEditCallbackModalOpen(false)\n\n const setLoading = loadingKey =>\n setLoadingState(currentLoadingState =>\n uniq([...currentLoadingState, loadingKey])\n )\n const isLoading = loadingKey => loadingState.includes(loadingKey)\n const clearLoading = loadingKey =>\n setLoadingState(currentLoadingState =>\n without(currentLoadingState, loadingKey)\n )\n\n const setAllLoading = () => {\n setLoadingState(currentLoadingState =>\n uniq([\n ...currentLoadingState,\n 'credentials',\n 'callbacks',\n 'health',\n 's2sCallbacks'\n ])\n )\n }\n\n const clearAllLoading = () => {\n setLoadingState([])\n }\n\n const setSaving = savingKey =>\n setSavingState(currentSavingState =>\n uniq([...currentSavingState, savingKey])\n )\n const clearSaving = savingKey =>\n setSavingState(currentSavingState => without(currentSavingState, savingKey))\n const isSaving = savingKey => savingState.includes(savingKey)\n\n const clearError = errorKey => {\n setErrors(currentErrors => ({ ...currentErrors, [errorKey]: null }))\n }\n\n const setError = ({ error, errorKey }) => {\n setErrors(currentErrors => ({\n ...currentErrors,\n [errorKey]: error.response?.data?.error || DEFAULT_ERROR_MESSAGE\n }))\n }\n\n const rehydrateWithChannelSettings = data => {\n const {\n addableCallbackGroupTemplates,\n adNetworkSettings: fetchedAdNetworkSettings,\n callbackInstructions: fetchedcallbackInstructions,\n credentialSettings,\n toggleableCallbackGroups\n } = data\n\n setFieldSet(getFieldSetFromSettings(credentialSettings))\n\n const updatedCredentials = getCredentialsFromSettings(credentialSettings)\n\n setOriginalCredentials(updatedCredentials)\n setCredentials(updatedCredentials)\n setCallbackGroups(toggleableCallbackGroups)\n setCallbackInstructions(fetchedcallbackInstructions)\n\n if (addableCallbackGroupTemplates) {\n setCallbackGroupTemplates(addableCallbackGroupTemplates)\n }\n\n if (fetchedAdNetworkSettings) {\n setAdNetworkSettings(fetchedAdNetworkSettings)\n }\n }\n\n const fetchSelectedChannelSettings = async () => {\n setErrors({})\n setIsMissingIntegration(false)\n setAllLoading()\n\n try {\n const { data } = await fetchChannelSettings({\n appId,\n channelId: selectedChannel.id\n })\n\n const formattedData = deepCamelKeys(\n data,\n PRESERVED_KEYS_FOR_CASE_TRANSFORMATION\n )\n\n const isNotIntegrated = isEmpty(formattedData)\n\n if (isNotIntegrated) {\n setIsMissingIntegration(true)\n } else {\n rehydrateWithChannelSettings(formattedData)\n }\n\n clearAllLoading()\n } catch (error) {\n window.Honeybadger.notify(error)\n setErrors(CHANNEL_SETTINGS_ERROR)\n clearAllLoading()\n }\n }\n\n const fetchSelectedCallbackHealth = async () => {\n clearError('health')\n setLoading('health')\n\n try {\n const { data } = await fetchCallbackHealth(appId)\n\n setCallbackHealth(data)\n\n clearLoading('health')\n } catch (error) {\n window.Honeybadger.notify(error)\n setError({ error, errorKey: 'health' })\n clearLoading('health')\n }\n }\n\n const fetchSelectedS2SCallbacks = async () => {\n clearError('s2sCallbacks')\n setLoading('s2sCallbacks')\n\n try {\n const { data } = await fetchS2SCallbacks(appId)\n\n setS2sCallbacks(data)\n\n clearLoading('s2sCallbacks')\n } catch (error) {\n window.Honeybadger.notify(error)\n setError({ error, errorKey: 's2sCallbacks' })\n clearLoading('s2sCallbacks')\n }\n }\n\n const updateCallbackGroupChannelFilter = async ({\n callbackGroupId,\n value\n }) => {\n clearError('callbacks')\n setLoading('callbacks')\n\n try {\n const { data } = await updateCallbackGroup({\n appId,\n callbackGroupId,\n channelId: selectedChannel.id,\n params: {\n callbackGroup: {\n userFilter: snakeCase(value)\n }\n }\n })\n\n const { toggleableCallbackGroups } = deepCamelKeys(\n data,\n PRESERVED_KEYS_FOR_CASE_TRANSFORMATION\n )\n\n setCallbackGroups(toggleableCallbackGroups)\n\n clearLoading('callbacks')\n } catch (error) {\n window.Honeybadger.notify(error)\n setError({ error, errorKey: 'callbacks' })\n clearLoading('callbacks')\n }\n }\n\n const toggleActivatableCallbackGroup = async ({ callbackGroupId, value }) => {\n clearError('callbacks')\n setSaving('callbacks')\n\n try {\n const { data } = await toggleCallbackGroup({\n appId,\n callbackGroupId,\n channelId: selectedChannel.id,\n params: {\n callbackGroup: {\n active: value\n }\n }\n })\n\n const { toggleableCallbackGroups } = data\n\n setCallbackGroups(toggleableCallbackGroups)\n\n clearSaving('callbacks')\n } catch (error) {\n window.Honeybadger.notify(error)\n setError({ error, errorKey: 'callbacks' })\n clearSaving('callbacks')\n }\n }\n\n const handleChangeCallbackGroupUserFilter = ({ callbackGroupId, value }) => {\n updateCallbackGroupChannelFilter({ callbackGroupId, value })\n }\n\n const handleToggleCallbackGroup = ({ callbackGroupId, active }) => {\n toggleActivatableCallbackGroup({ callbackGroupId, value: !active })\n }\n\n const handleToggleMetaAem = async () => {\n clearError('metaAem')\n setLoading('metaAem')\n\n try {\n const { data } = await toggleMetaAem({\n appId,\n channelId: selectedChannel.id,\n params: {\n adNetworkSettings: {\n metaAemToggle: !adNetworkSettings.metaAemToggle\n }\n }\n })\n\n const {\n adNetworkSettings: fetchedAdNetworkSettings,\n error: fetchedAdNetworkSettingsError\n } = data\n\n setAdNetworkSettings(fetchedAdNetworkSettings)\n setAdNetworkSettingsError(fetchedAdNetworkSettingsError)\n\n clearLoading('metaAem')\n } catch (error) {\n window.Honeybadger.notify(error)\n setError({ error, errorKey: 'metaAem' })\n clearLoading('metaAem')\n }\n }\n\n const clearCurrentChannel = () => {\n setAdNetworkSettings({})\n setCallbackGroups([])\n setCallbackGroupTemplates({})\n setCallbackInstructions(null)\n setCredentials({})\n setErrors({})\n setFieldSet([])\n setOriginalCredentials({})\n setLoadingState([])\n setSavingState([])\n }\n\n useEffect(() => {\n if (selectedChannel) {\n clearCurrentChannel()\n fetchSelectedChannelSettings()\n }\n }, [selectedChannel])\n\n useEffect(() => {\n fetchSelectedCallbackHealth()\n fetchSelectedS2SCallbacks()\n }, [])\n\n useEffect(() => {\n const isChannelIdInUrl = urlParams.integrationId\n const isChannelNotLoaded = selectedChannel === null\n\n if (isChannelIdInUrl && isChannelNotLoaded) {\n const activeChannel = find(channels, {\n id: Number(urlParams.integrationId)\n })\n\n if (activeChannel) {\n setSelectedChannel(activeChannel)\n }\n }\n }, [urlParams])\n\n useEffect(() => {\n if (adNetworkSettingsError) {\n displayErrorMessage(adNetworkSettingsError)\n }\n }, [adNetworkSettingsError])\n\n const handleChangeChannel = channel => {\n history.push(\n `${PATH_DASHBOARD_APPS}/${appId}${PATH_CALLBACKS}/${SUB_TABS.INTEGRATIONS.BASE_PATH}/${channel.id}`\n )\n setSelectedChannel(channel)\n }\n\n const handleClickEdit = () => setIsEditingCredentials(true)\n\n const handleClickSave = async () => {\n clearError('credentials')\n setSaving('credentials')\n\n try {\n const { data } = await saveCredentialSettings({\n appId,\n channelId: selectedChannel.id,\n params: {\n credentialSettings: credentials\n }\n })\n\n rehydrateWithChannelSettings(data)\n\n clearSaving('credentials')\n } catch (error) {\n window.Honeybadger.notify(error)\n setError({ error, errorKey: 'credentials' })\n clearSaving('credentials')\n }\n }\n\n const handleClickRetry = () => {\n setErrors({})\n setIsEditingCredentials(true)\n }\n\n const handleClickAddEvent = ({ name, groupType }) => {\n const callbackGroupTemplate = find(callbackGroupTemplates[groupType], {\n name\n })\n\n const userFilterDefaultSettings = (() => {\n if (!callbackGroupTemplate.userFilterDefault) return {}\n\n const defaultValue = find(\n callbackGroupTemplate.userFilterOptions || USER_FILTER_OPTIONS,\n {\n value: callbackGroupTemplate.userFilterDefault\n }\n )\n\n return { userFilter: defaultValue } || {}\n })()\n\n setNewEventDraft({\n ...newEventDraft,\n groupType,\n rows: [\n {\n ...NEW_EVENT_EMPTY_ROW,\n callbackName: name,\n ...getRequiredMacrosMappingForDraft({\n callbackGroupTemplate,\n credentials\n }),\n ...userFilterDefaultSettings\n }\n ],\n selectedCallbackGroupTemplate: callbackGroupTemplate\n })\n setIsEventOptionsVisible(false)\n openNewEventModal()\n }\n\n const handleChangeEventDraft = ({ rowIndex, property, value }) => {\n setNewEventDraft({\n ...newEventDraft,\n rows: newEventDraft.rows.map((row, index) => {\n const isMatchingRow = rowIndex === index\n\n if (isMatchingRow) {\n return { ...row, [property]: value }\n }\n\n return row\n })\n })\n }\n\n const handleClickEditCallback = callbackId => {\n const callback = find(callbackGroups, { id: callbackId })\n\n setEditedCallbackDraft({\n ...editedCallbackDraft,\n isDirty: false,\n rows: [\n {\n ...{\n callbackName: callback.name,\n eventDefinition: callback.event,\n userFilter: callback.userFilter,\n userFilterOptions: USER_FILTER_OPTIONS\n },\n ...callback.macros.reduce((mapping, { name, value }) => {\n // eslint-disable-next-line no-param-reassign\n mapping[name] = { label: value, value }\n\n return mapping\n }, {})\n }\n ],\n selectedCallback: callback\n })\n\n openEditCallbackModal()\n }\n\n const handleChangeEditableCallbackDraft = ({ rowIndex, property, value }) => {\n setEditedCallbackDraft({\n ...editedCallbackDraft,\n isDirty: true,\n rows: editedCallbackDraft.rows.map((row, index) => {\n const isMatchingRow = rowIndex === index\n\n if (!isMatchingRow) return row\n\n let processedValue = value\n\n if (property === 'userFilter') {\n processedValue = value.value\n }\n\n if (property === 'eventDefinition') {\n processedValue = value.name\n }\n\n return { ...row, [property]: processedValue }\n })\n })\n }\n\n const handleClickSaveNewEvent = async () => {\n clearError('newEvent')\n setSaving('newEvent')\n\n try {\n const { selectedCallbackGroupTemplate, rows } = newEventDraft\n\n const { fixedEventDefinition } = selectedCallbackGroupTemplate\n const { eventDefinitions } = callbackGroupTemplates\n\n // TODO: [nafeu] update this to handle all rows when implementing bulk edit\n const rowToSave = rows[FIRST_ITEM]\n\n const {\n callbackName: name,\n eventDefinition,\n userFilter: { value: userFilter },\n ...macroValues\n } = rowToSave\n\n const eventDefinitionId = (\n (fixedEventDefinition &&\n find(eventDefinitions, { name: fixedEventDefinition })) ||\n eventDefinition\n ).id\n\n const params = {\n callbackGroupTemplateId: selectedCallbackGroupTemplate?.id,\n eventDefinitionId,\n macroValues: mapValues(\n omitBy(\n pick(\n macroValues,\n selectedCallbackGroupTemplate?.requiredMacros.map(\n ({ name: callbackName }) => callbackName\n ) || []\n ),\n isNil\n ),\n value => (isObject(value) ? value.value : value)\n ),\n name,\n userFilter: snakeCase(userFilter)\n }\n\n await createCallbackGroup({\n appId,\n channelId: selectedChannel.id,\n params\n })\n\n clearSaving('newEvent')\n closeNewEventModal()\n fetchSelectedChannelSettings()\n } catch (error) {\n window.Honeybadger.notify(error)\n setError({ error, errorKey: 'newEvent' })\n clearSaving('newEvent')\n }\n }\n\n const handleClickSaveEditedCallback = async () => {\n clearError('editedCallback')\n setSaving('editedCallback')\n\n try {\n const { selectedCallback, rows } = editedCallbackDraft\n const { eventDefinitions } = callbackGroupTemplates\n\n // TODO: [nafeu] update this to handle all rows when implementing bulk edit\n const rowToSave = rows[FIRST_ITEM]\n\n const {\n callbackName: name,\n eventDefinition,\n userFilter,\n ...macroValues\n } = rowToSave\n\n const params = {\n callbackGroup: {\n eventDefinitionId: find(eventDefinitions, { name: eventDefinition })\n ?.id,\n macroValues: mapValues(\n pick(\n macroValues,\n selectedCallback?.macros.map(\n ({ name: callbackName }) => callbackName\n ) || []\n ),\n value => (isObject(value) ? value.value : value)\n ),\n name,\n userFilter: snakeCase(userFilter)\n }\n }\n\n const { data } = await updateCallbackGroup({\n appId,\n callbackGroupId: selectedCallback.id,\n channelId: selectedChannel.id,\n params\n })\n\n const { toggleableCallbackGroups } = deepCamelKeys(\n data,\n PRESERVED_KEYS_FOR_CASE_TRANSFORMATION\n )\n\n setCallbackGroups(toggleableCallbackGroups)\n\n clearSaving('editedCallback')\n closeEditCallbackModal()\n fetchSelectedChannelSettings()\n } catch (error) {\n window.Honeybadger.notify(error)\n setError({ error, errorKey: 'editedCallback' })\n clearSaving('editedCallback')\n }\n }\n\n const onSuccess = () => {\n setIsEditingCredentials(false)\n }\n\n const handleClickCancel = () => {\n setCredentials(originalCredentials)\n setIsEditingCredentials(false)\n }\n\n const handleClickAddCustomCallback = () => {\n setIsNavigating(true)\n window.location.href = getCustomCallbackCreationUrl(appId)\n }\n\n const handleClickEditCustomCallback = callbackId => {\n setIsNavigating(true)\n window.location.href = getCustomCallbackUrl({ appId, callbackId })\n }\n\n const handleClickSubTab = subTab => {\n history.push(`${PATH_DASHBOARD_APPS}/${appId}${PATH_CALLBACKS}/${subTab}`)\n }\n\n const ErrorOverlay = () => (\n \n
\n \n \n \n \n
\n \n Turn on the toggle to share data from users who have\n
\n opted out of the ATT prompt\n
\n
\n More information on{' '}\n\n Meta's AEM Page \n
\n)\n\nconst AemToggle = ({ className, isDisabled, isOn, isToggling, onToggle }) => (\n \n opted out of the ATT prompt\n
\n
\n More information on{' '}\n
\n {} : onToggle}\n />\n \n Aggregated Events Measurement\n \n
\n)\n\nAemToggle.propTypes = {\n className: PropTypes.string,\n isDisabled: PropTypes.bool.isRequired,\n isOn: PropTypes.bool.isRequired,\n isToggling: PropTypes.bool.isRequired,\n onToggle: PropTypes.func.isRequired\n}\n\nAemToggle.defaultProps = {\n className: ''\n}\n\nexport default AemToggle\n","import PropTypes from 'prop-types'\nimport { Fragment } from 'react'\n\nimport FontAwesomeIcon from '../../../../../../../FontAwesomeIcon'\nimport { GROUP_TYPE_ADVANCED, GROUP_TYPE_STANDARD } from '../../constants'\nimport styles from './styles.module.scss'\n\n/*\n eslint-disable jsx-a11y/interactive-supports-focus,\n jsx-a11y/click-events-have-key-events,\n jsx-a11y/no-static-element-interactions\n*/\nconst StandardOptions = ({ onClickEventOption, options }) =>\n options.map(({ id, name }) => (\n \n {showAdvancedCallbacks ? (\n
\n {eventOptions.advanced.length > 0 && (\n \n \n Enabling the SKAN features will ensure that your CV schema is shared\n with all partners.\n \n }\n placement=\"right\"\n className={styles.skanFeaturesLabel}\n >\n SKAN Features\n \n
\n )\n\n const ConversionValueMappingFooter = () => (\n \n To upload a new schema, \n \n download our csv template\n \n and upload the file once you've added your data.\n
\n )}\n \n
\n
\n To map conversion values, you must turn SKAN Features on.\n
\n Enabling SKAN Features will ensure that your conversion value schema is\n shared with all partners.\n
\n )\n\n const ErrorOverlay = () => (\n \n Enabling SKAN Features will ensure that your conversion value schema is\n shared with all partners.\n
Something went wrong.
\n )\n\n const overlayContent = (() => {\n if (isError) return \n \n \n )}\n
\n )\n}\n\nSkAdNetworkTab.propTypes = {\n appId: PropTypes.string.isRequired,\n isSkAppClaimable: PropTypes.bool.isRequired,\n skAppClaimStatus: oneOfSkAppClaimStatuses.isRequired,\n storeId: PropTypes.string.isRequired\n}\n\nexport default SkAdNetworkTab\n","import React, { useState } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { camelCase } from 'camel-case'\n\nimport { oneOfSkAppClaimStatuses } from '../../../../../utils/customPropTypes'\n\nimport Badge from '../../../../Badge'\nimport FormLabelWithTooltip from '../../../../FormLabelWithTooltip'\n\nimport styles from './styles.module.scss'\n\nimport {\n DASHBOARD_APPS_URL,\n DASHBOARD_APPS_CLAIM_SK_APP_PATH\n} from '../../../../../api/dashboard/constants'\nimport {\n COPY_BY_APP_CLAIM_STATUS_MAPPING,\n APP_CLAIM_STATUS_PROCESSING_REQUEST,\n APP_CLAIM_STATUS_UNVERIFIED\n} from './constants'\n\nimport AsyncActionButton from '../../../../AsyncActionButton'\n\nconst SkAdNetworkStatus = ({\n appId,\n className,\n isClaimable,\n status\n}) => {\n const actionUrl = `${DASHBOARD_APPS_URL}${appId}${DASHBOARD_APPS_CLAIM_SK_APP_PATH}`\n\n const [appClaimStatus, setAppClaimStatus] = useState(camelCase(status))\n\n const handleVerifyOwnershipSuccess = () => {\n const flashMessage = document.querySelector('#alert-sk-app-claim-success')\n\n flashMessage.style.display = 'block'\n\n setAppClaimStatus(APP_CLAIM_STATUS_PROCESSING_REQUEST)\n }\n\n const {\n badgeText,\n badgeLevel,\n helpText\n } = COPY_BY_APP_CLAIM_STATUS_MAPPING[appClaimStatus]\n\n const isUnverified = appClaimStatus === APP_CLAIM_STATUS_UNVERIFIED\n const isVerifiable = isUnverified && isClaimable\n const helpTextOverride = isUnverified && !isVerifiable ? '' : helpText\n\n return (\n \n {tooltipText()}}>\n MMP Connection Url:\n \n {showMmpUrl && (\n
\n \n {isVerified && (\n \n \n Learn more about Conversion Value Mapping\n \n
\n \n {showLoadingSkeleton && \n \n )}\n
\n \n \n {showAlert && (\n \n Important: Confirm that you are manually\n updating conversion values in the SDK, and that your\n uploaded schema matches your SKAN methods to avoid\n campaign optimization issues.\n \n )}\n {showFilename && (\n \n \n {cvSchema.description}\n \n \n uploaded{' '}\n {format(\n parseISO(cvSchema.createdAt),\n DATE_FORMAT_UPLOADED_AT\n )}\n \n \n )}\n {showCvSchemaJson && (\n
\n )}\n {showUploadInstructions && (\n \n
\n \n 1.{' '}\n \n Download our csv template\n \n
\n \n 2. Call our SKAN methods in the SDK to update your\n conversion values\n
\n \n 3. Upload the file once you've added your data\n
\n \n \n For more help, view our docs\n \n
\n \n Uploaded schema must adhere to the template.\n
\n If you're running Meta campaigns that use SKAN as an\n attribution method, make sure to enable Meta Callbacks.\n
\n \n If you're running Meta campaigns that use SKAN as an\n attribution method, make sure to enable Meta Callbacks.\n
\n \n SKAN Status:\n \n {badgeText} \n
\n )\n}\n\nSkAdNetworkStatus.propTypes = {\n appId: PropTypes.string.isRequired,\n className: PropTypes.string,\n isClaimable: PropTypes.bool.isRequired,\n status: oneOfSkAppClaimStatuses.isRequired\n}\n\nSkAdNetworkStatus.defaultProps = {\n className: ''\n}\n\nexport default SkAdNetworkStatus\n","import classNames from 'classnames'\nimport { keys } from 'lodash'\nimport PropTypes from 'prop-types'\nimport { snakeCase } from 'snake-case'\n\nimport { FIRST_ITEM } from '../../../../../../../utils/constants'\nimport { getWidthByStringLength } from '../../../../../../../utils/helpers'\nimport FlexTable from '../../../../../../FlexTable'\nimport { COLUMN_CHARACTER_LENGTH_MULTIPLIER } from './constants'\nimport styles from './styles.module.scss'\n\nexport const buildCSVPreviewRow = (\n { headers, isHeadersRow, ...columns },\n rowIndex\n) => {\n if (isHeadersRow) {\n return {\n cells: headers.map((header, headerIndex) => ({\n cell: {helpTextOverride}
\n {isVerifiable && (\n {snakeCase(header)}
,\n flex: 'none',\n id: `header${headerIndex}`,\n width: getWidthByStringLength({\n inputString: header,\n widthMultiplier: COLUMN_CHARACTER_LENGTH_MULTIPLIER\n })\n })),\n id: 'headers'\n }\n }\n\n return {\n cells: keys(columns).map((columnKey, columnIndex) => ({\n cell: {columns[columnKey]}
,\n flex: 'none',\n id: `cell${columnKey}${rowIndex}${columnIndex}`,\n title: columns[columnKey],\n width: getWidthByStringLength({\n inputString: columnKey,\n widthMultiplier: COLUMN_CHARACTER_LENGTH_MULTIPLIER\n })\n })),\n id: `row${rowIndex}`\n }\n}\n\nconst CSVPreviewTable = ({ cvSchemaJson, cellClassName }) => {\n const headers = keys(cvSchemaJson[FIRST_ITEM])\n\n const rows = [\n {\n headers,\n isHeadersRow: true\n },\n ...cvSchemaJson\n ].map(buildCSVPreviewRow)\n\n return (\n \n
\n )\n}\n\nCSVPreviewTable.propTypes = {\n cellClassName: PropTypes.string,\n cvSchemaJson: PropTypes.arrayOf(\n PropTypes.shape({\n conversionValue: PropTypes.string.isRequired,\n conversionValueType: PropTypes.string.isRequired,\n currency: PropTypes.string,\n customEventName: PropTypes.string.isRequired,\n googleEventName: PropTypes.string,\n maxRange: PropTypes.string,\n metaEventName: PropTypes.string,\n minRange: PropTypes.string,\n postbackSequenceIndex: PropTypes.string.isRequired,\n tiktokEventName: PropTypes.string\n })\n ).isRequired\n}\n\nCSVPreviewTable.defaultProps = {\n cellClassName: ''\n}\n\nexport default CSVPreviewTable\n","import { useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { CopyToClipboard } from 'react-copy-to-clipboard'\nimport Tooltip from 'rc-tooltip'\nimport { COPIED_TEXT_DELAY } from './constants'\n\nconst TdKeyCell = ({\n token\n}) => {\n const [tooltipVisible, setTooltipVisible] = useState(false)\n const [previousTimeoutId, setPreviousTimeoutId] = useState(null)\n\n const onVisibleChange = visible => {\n if (!visible) {\n const id = setTimeout(() => {\n setTooltipVisible(false)\n }, COPIED_TEXT_DELAY)\n setPreviousTimeoutId(id)\n }\n }\n\n const onCopy = () => {\n setTooltipVisible(true)\n clearTimeout(previousTimeoutId)\n }\n\n return (\n {token}\n \n No reported campaigns found.\n
\n)\n\nconst errorStateMessage = (\n \n Something went wrong.\n
\n)\n\nconst CampaignsList = ({\n isError,\n isLoading,\n isMerging,\n isEmptyState,\n onClickMergeCampaign,\n reportedCampaigns\n}) => {\n if (isLoading || isMerging) {\n return \n
\n )\n /*\n eslint-enable jsx-a11y/interactive-supports-focus,\n jsx-a11y/click-events-have-key-events\n */\n}\n\nCampaignsList.propTypes = {\n isEmptyState: PropTypes.bool.isRequired,\n isError: PropTypes.bool.isRequired,\n isLoading: PropTypes.bool.isRequired,\n isMerging: PropTypes.bool.isRequired,\n onClickMergeCampaign: PropTypes.func.isRequired,\n reportedCampaigns: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n installs: PropTypes.number,\n name: PropTypes.string,\n spend: PropTypes.spend\n })\n ).isRequired\n}\n\nexport default CampaignsList\n","import React from 'react'\n\nimport FormTextField from '../../../../../FormTextField/FormTextField'\n\nconst DeviceNameFormField = () => {\n return (\n \n
\n {reportedCampaigns.map(({\n id,\n name,\n reportedInstalls,\n spend\n }) => (\n Campaign Name
\n Reported Installs
\n Spend
\n \n \n
\n ))}\n \n {name}}\n placement=\"top\"\n >\n {name}\n \n
\n {id}\n
\n \n {id}\n
\n {reportedInstalls || '-'}\n
\n \n {spend ? (\n \n ${formatNumberForDisplay({ number: spend, numberOfDigits: 2 })}\n \n ) : '-'}\n
\n \n
\n onClickMergeCampaign(id)}>\n Merge\n
\n \n { PLATFORMS[platform].deviceIdentifiers.advertisingId.description }\n
\n)\n\nconst AdvertisingIdFormField = ({\n platform: platformProp\n}) => {\n const platform = camelCase(platformProp)\n\n const platformTitle = (platform) => {\n return PLATFORMS[platform].deviceIdentifiers.advertisingId.label\n }\n \n const helpPopoverComponent = useCallback(() => {\n return (\n \n { PLATFORMS.ios.deviceIdentifiers.developerDeviceId.description }\n
\n)\n\nconst DeveloperDeviceIdFormField = () => {\n const title = PLATFORMS.ios.deviceIdentifiers.developerDeviceId.label\n\n const helpPopoverComponent = useCallback(() => {\n return (\n \n
\n )\n}\n\nExporterPreviewTable.propTypes = {\n className: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.string\n ])\n}\n\nExporterPreviewTable.defaultProps = {\n className: ''\n}\n\nexport default ExporterPreviewTable\n","import { useMemo, useRef } from 'react'\nimport { useLocation } from 'react-router-dom'\nimport PropTypes from 'prop-types'\nimport {\n useBlockLayout,\n useExpanded,\n useGlobalFilter,\n usePagination,\n useSortBy,\n useTable\n} from 'react-table'\nimport {\n includes,\n head,\n keys,\n isArray\n} from 'lodash'\nimport { camelCase } from 'camel-case'\n\nimport { deepCamelKeys } from '../../../../../utils/helpers'\n\nimport PaginatedTableInstance from '../PaginatedTableInstance'\n\nimport {\n INITIAL_STATE_SORT_BY,\n DEFAULT_PAGE_INDEX,\n DEFAULT_PAGE_SIZE\n} from './constants'\n\nimport { getColumnsForSelectedMetrics, getDefaultHeaders } from './helpers'\nimport { useMetricDefinitionsState } from '../../../../../contexts/MetricDefinitions'\nimport {\n useGroupedSummaryTableSettingsState\n} from '../../../../../contexts/GroupedSummaryTableSettings'\nimport {\n useReportingFiltersState,\n getReportTypeFromLocation\n} from '../../../../../contexts/ReportingFilters'\nimport useRefSize from '../../../../../hooks/useRefSize'\n\nconst PaginatedTable = ({\n hasNoData,\n isPullingData,\n tableContainerWidth,\n tableData,\n selectedMetrics\n}) => {\n const location = useLocation()\n const reportType = getReportTypeFromLocation(location)\n\n const { metricDefinitions } = useMetricDefinitionsState()\n const { rules: drilldownRules } = useGroupedSummaryTableSettingsState()\n\n const { dataExporterQuery, countries } = useReportingFiltersState()\n\n const tableRef = useRef(null)\n const tableSize = useRefSize(tableRef)\n\n const showDate = !includes(dataExporterQuery.granularity, 'totals')\n\n const columnKeys = keys(head(tableData))\n\n const groupBy = dataExporterQuery.groupBy && (\n isArray(dataExporterQuery.groupBy)\n ? deepCamelKeys(dataExporterQuery.groupBy)\n : camelCase(dataExporterQuery.groupBy)\n )\n\n const [columns, data] = useMemo(\n () => {\n const memoizedColumns = [\n ...getDefaultHeaders({\n columnKeys,\n countries,\n groupBy,\n reportType,\n showDate\n }),\n ...getColumnsForSelectedMetrics({\n isUsingDates: showDate,\n metricDefinitions,\n selectedMetrics,\n tableContainerWidth,\n tableWidth: tableSize.width\n })\n ]\n\n const memoizedData = tableData || []\n\n return [memoizedColumns, memoizedData]\n },\n [\n drilldownRules, metricDefinitions, selectedMetrics, tableContainerWidth,\n tableData, tableSize.width\n ]\n )\n\n const tableInstance = useTable(\n {\n autoResetExpanded: false,\n autoResetGlobalFilter: false,\n autoResetSortBy: false,\n columns,\n data,\n disableMultiSort: true,\n getSubRows: row => row.subRows,\n initialState: {\n pageIndex: DEFAULT_PAGE_INDEX,\n pageSize: DEFAULT_PAGE_SIZE,\n sortBy: INITIAL_STATE_SORT_BY\n }\n },\n /*\n Note: The ordering of react-table hooks is important here\n https://github.com/tannerlinsley/react-table/issues/1493\n */\n useBlockLayout,\n useGlobalFilter,\n useSortBy,\n useExpanded,\n usePagination\n )\n\n return (\n \n \n \n
\n\n {isMocking && \n
\n )\n /* eslint-enable react/jsx-props-no-spreading */\n})\n\nPaginatedTableInstance.propTypes = {\n hasNoData: PropTypes.bool.isRequired,\n isPullingData: PropTypes.bool\n}\n\nPaginatedTableInstance.defaultProps = {\n isPullingData: false\n}\n\nexport default PaginatedTableInstance\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport styles from './styles.module.scss'\n\nimport Toolbar from '../../../../Toolbar'\nimport ToolbarButton from '../../../../ToolbarButton'\nimport FontAwesomeIcon from '../../../../FontAwesomeIcon'\nimport PageSelector from './PageSelector'\nimport PageSizeSelector from './PageSizeSelector'\n\nconst PaginationControls = ({\n canNextPage,\n canPreviousPage,\n className,\n gotoPage,\n isPullingData,\n nextPage,\n pageCount,\n pageIndex,\n pageOptions,\n pageSize,\n previousPage,\n rowCount,\n setPageSize\n}) => (\n \n
\n\n \n {headerGroup.headers.map(column => {\n const isNameColumn = column.id === 'name'\n\n const hideReactTableTooltips = { title: undefined }\n\n const sortByProps = column.getSortByToggleProps({ ...hideReactTableTooltips })\n const title = isNameColumn ? null : sortByProps.title\n\n const onClick = async event => {\n sortByProps.onClick(event)\n }\n\n return (\n \n {column.render('Header')}\n \n )\n })}\n
\n ))\n }\n \n {isPullingData && (\n \n {row.cells.map((cell, index) => {\n const isFirstColumn = index === 0\n\n const isNameColumn = cell.column.id === 'name'\n\n /*\n TODO: Remove this section and nesting related code as\n data exporter does not handle row expansion\n */\n const tdClassName = classNames(\n {\n [styles.nameCell]: isNameColumn,\n [styles.depthOne]: isFirstColumn && row.depth === 1,\n [styles.depthTwo]: isFirstColumn && row.depth === 2,\n [styles.depthThree]: isFirstColumn && row.depth === 3,\n [styles.depthFour]: isFirstColumn && row.depth === 4,\n [styles.paddingForSortIcon]: !isNameColumn\n },\n styles.cell\n )\n\n return (\n \n {cell.render('Cell')}\n \n )\n })}\n \n )\n })\n )}\n\n {hasNoData && (\n
\n \n
\n )}\n\n {shouldShowTableData && (\n // eslint-disable-next-line react/prop-types\n page.map(row => {\n prepareRow(row)\n\n return (\n \n
\n )}\n\n {hasNoSearchDataToDisplay && (\n \n \n gotoPage(0)}\n disabled={!canPreviousPage}\n >\n previousPage()}\n disabled={!canPreviousPage}\n >\n nextPage()}\n disabled={!canNextPage}\n >\n gotoPage(pageCount - 1)}\n disabled={!canNextPage}\n >\n \n
\n)\n\nPaginationControls.propTypes = {\n canNextPage: PropTypes.bool.isRequired,\n canPreviousPage: PropTypes.bool.isRequired,\n className: PropTypes.string,\n gotoPage: PropTypes.func.isRequired,\n isPullingData: PropTypes.bool.isRequired,\n nextPage: PropTypes.func.isRequired,\n pageCount: PropTypes.number.isRequired,\n pageIndex: PropTypes.number.isRequired,\n pageOptions: PropTypes.arrayOf(PropTypes.number).isRequired,\n pageSize: PropTypes.number.isRequired,\n previousPage: PropTypes.bool.isRequired,\n rowCount: PropTypes.number.isRequired,\n setPageSize: PropTypes.func.isRequired\n}\n\nPaginationControls.defaultProps = {\n className: null\n}\n\nexport default PaginationControls\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport styles from './styles.module.scss'\nimport Dropdown from '../../../../../Dropdown'\nimport FontAwesomeIcon from '../../../../../FontAwesomeIcon'\n\nconst PageSelector = ({\n className,\n gotoPage,\n isPullingData,\n pageIndex,\n pageOptions\n}) => {\n const handleChangePageSize = ({ value: updatedPageSize }) => gotoPage(updatedPageSize)\n\n const formattedPageOptions = pageOptions.map(pageOption => ({\n label: String(pageOption + 1),\n value: pageOption\n }))\n\n const noValueSymbol = \n option.label}\n getOptionValue={option => option.value}\n isClearable={false}\n isSearchable\n onChange={handleChangePageSize}\n options={formattedPageOptions}\n value={value}\n placeholder=\"Select page\"\n />\n
\n )\n}\n\nPageSelector.propTypes = {\n className: PropTypes.string,\n gotoPage: PropTypes.func.isRequired,\n isPullingData: PropTypes.bool.isRequired,\n pageIndex: PropTypes.func.isRequired,\n pageOptions: PropTypes.arrayOf(PropTypes.number).isRequired\n}\n\nPageSelector.defaultProps = {\n className: null\n}\n\nexport default PageSelector\n","import { Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport styles from './styles.module.scss'\n\nimport { PAGE_SIZE_OPTIONS } from './constants'\nimport Dropdown from '../../../../../Dropdown'\nimport { calculateRowRange, getAllRowsText } from './helpers'\nimport FontAwesomeIcon from '../../../../../FontAwesomeIcon'\n\nconst PageSizeSelector = ({\n className,\n isPullingData,\n pageIndex,\n pageSize,\n rowCount,\n setPageSize\n}) => {\n const isShowingAllRows = pageSize >= rowCount\n\n const handleChangePageSize = ({ value: updatedPageSize }) => setPageSize(updatedPageSize)\n\n const allRowsText = getAllRowsText(rowCount)\n\n const { end, start } = calculateRowRange({ pageIndex, pageSize, rowCount })\n\n const someRowsText = (\n \n option.label}\n getOptionValue={option => option.value}\n isClearable={false}\n onChange={handleChangePageSize}\n options={PAGE_SIZE_OPTIONS}\n value={value}\n placeholder=\"Select page size\"\n />\n
\n )\n}\n\nPageSizeSelector.propTypes = {\n className: PropTypes.string,\n isPullingData: PropTypes.bool.isRequired,\n pageIndex: PropTypes.number.isRequired,\n pageSize: PropTypes.number.isRequired,\n rowCount: PropTypes.number.isRequired,\n setPageSize: PropTypes.func.isRequired\n}\n\nPageSizeSelector.defaultProps = {\n className: null\n}\n\nexport default PageSizeSelector\n","import { Fragment } from 'react'\nimport classNames from 'classnames'\nimport { useLocation } from 'react-router-dom'\n\nimport DeleteReportBtn from './DeleteReportBtn'\nimport DownloadCSVBtn from './DownloadCSVBtn'\nimport SaveReportBtn from './SaveReportBtn'\nimport SavedReportSelector from './SavedReportSelector'\n\nimport {\n isSkAdNetworkReport,\n getReportTypeFromLocation\n} from '../../../../contexts/ReportingFilters'\n\nconst ExporterActions = () => {\n const location = useLocation()\n const reportType = getReportTypeFromLocation(location)\n\n const allowSave = !isSkAdNetworkReport(reportType)\n\n const className = classNames('u-flex', 'u-flexJustifyStart')\n\n return (\n \n {allowSave && (\n \n \n )}\n\n
\n )\n}\n\nexport default ExporterActions\n","import { Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { useLocation, useHistory } from 'react-router-dom'\nimport { noop } from '../../../../../utils/helpers'\n\nimport FontAwesomeIcon from '../../../../FontAwesomeIcon'\n\nimport styles from './styles.module.scss'\n\nimport {\n useReportingFiltersState,\n useReportingFiltersDispatch,\n getReportTypeFromLocation,\n getSavedReportFromLocation\n} from '../../../../../contexts/ReportingFilters'\n\nimport { deleteSavedReport } from '../../../../../api/reporting'\n\nconst DeleteReportBtn = ({ className }) => {\n const reportingFilters = useReportingFiltersState()\n const reportingFiltersDispatch = useReportingFiltersDispatch()\n\n const history = useHistory()\n const location = useLocation()\n const reportType = getReportTypeFromLocation(location)\n\n const selectedSavedReport = getSavedReportFromLocation({\n location,\n reportType,\n reportingFilters\n })\n\n const {\n isDeletingReport,\n isDeletingReportError,\n savedReportName\n } = reportingFilters\n\n const saveBtnClassName = classNames('btn', 'btn-lg', 'btn-danger', {\n disabled: isDeletingReport || isDeletingReportError || !savedReportName\n })\n\n const canClickDelete = !isDeletingReport && !isDeletingReportError && savedReportName\n\n const deleteIcon = 'trash'\n const deleteText = isDeletingReportError || 'Delete Report'\n\n const handleClick = async () => {\n reportingFiltersDispatch({\n payload: { isDeletingReport: true },\n type: 'SET_IS_DELETING_REPORT'\n })\n\n try {\n // eslint-disable-next-line no-alert\n if (window.confirm(`Delete ${selectedSavedReport.name}`)) {\n await deleteSavedReport(selectedSavedReport.id)\n\n const refreshUrl = `${location.pathname}?report_type=${reportType}`\n\n history.push(refreshUrl)\n history.go(0)\n }\n } catch (error) {\n const errorMessage = error.response?.data?.error || 'Something went wrong.'\n\n reportingFiltersDispatch({\n payload: { isDeletingReportError: errorMessage },\n type: 'SET_IS_DELETING_REPORT_ERROR'\n })\n\n reportingFiltersDispatch({\n payload: { isDeletingReport: false },\n type: 'SET_IS_DELETING_REPORT'\n })\n }\n }\n\n /* eslint-disable jsx-a11y/interactive-supports-focus, jsx-a11y/click-events-have-key-events */\n return (\n \n \n {isDeletingReport ? (\n \n \n ) : (\n \n \n )}\n
\n \n )\n /* eslint-enable jsx-a11y/interactive-supports-focus */\n}\n\nDeleteReportBtn.propTypes = {\n className: PropTypes.string\n}\n\nDeleteReportBtn.defaultProps = {\n className: ''\n}\n\nexport default DeleteReportBtn\n","import classNames from 'classnames'\nimport { CSVLink } from 'react-csv'\nimport PropTypes from 'prop-types'\nimport { useLocation } from 'react-router-dom'\n\nimport FontAwesomeIcon from '../../../../FontAwesomeIcon'\n\nimport {\n useReportingFiltersState,\n getQueryParams\n} from '../../../../../contexts/ReportingFilters'\n\nimport { useMetricDefinitionsState } from '../../../../../contexts/MetricDefinitions'\nimport { useCurrentUserState } from '../../../../../contexts/CurrentUser'\nimport {\n buildDataExporterCSVData,\n getCSVHeaders,\n getCSVFilename\n} from '../../../../DownloadCSVButtonClient/helpers'\n\nimport styles from './styles.module.scss'\n\nconst DownloadCSVBtn = ({ className }) => {\n const location = useLocation()\n const reportingFilters = useReportingFiltersState()\n const { currentUser } = useCurrentUserState()\n const { metricDefinitions } = useMetricDefinitionsState()\n\n const { dataExporterTableData, dataExporterQuery, apps } = reportingFilters\n\n const urlParams = getQueryParams({\n currentUser,\n location,\n reportingFilters\n })\n\n const groupBy = dataExporterQuery.groupBy || urlParams.groupBy\n const startDate = dataExporterQuery.startDate || urlParams.startDate\n const endDate = dataExporterQuery.endDate || urlParams.endDate\n\n const csvData = buildDataExporterCSVData({\n apps,\n data: dataExporterTableData,\n groupBy,\n metricDefinitions\n })\n\n const headers = getCSVHeaders(csvData)\n const filename = getCSVFilename({ endDate, groupBy, startDate })\n\n const hasCsvData = csvData.length > 0\n\n return (\n \n \n
\n )\n}\n\nDownloadCSVBtn.propTypes = {\n className: PropTypes.string\n}\n\nDownloadCSVBtn.defaultProps = {\n className: ''\n}\n\nexport default DownloadCSVBtn\n","import { Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { useLocation } from 'react-router-dom'\nimport { noop } from '../../../../../utils/helpers'\n\nimport FontAwesomeIcon from '../../../../FontAwesomeIcon'\n\nimport styles from './styles.module.scss'\n\nimport {\n useReportingFiltersState,\n useReportingFiltersDispatch,\n getSavedReportPayloadFromFilters,\n getReportTypeFromLocation,\n getSavedReportFromLocation\n} from '../../../../../contexts/ReportingFilters'\n\nimport { updateSavedReport } from '../../../../../api/reporting'\n\nconst SaveReportBtn = ({ className }) => {\n const reportingFilters = useReportingFiltersState()\n const reportingFiltersDispatch = useReportingFiltersDispatch()\n\n const location = useLocation()\n const reportType = getReportTypeFromLocation(location)\n\n const selectedSavedReport = getSavedReportFromLocation({\n location,\n reportType,\n reportingFilters\n })\n\n const {\n isSavingReport,\n isSavingReportError,\n savedReportName\n } = reportingFilters\n\n const saveBtnClassName = classNames('btn', 'btn-lg', {\n 'btn-danger': isSavingReportError,\n 'btn-success': !isSavingReportError,\n disabled: isSavingReport || isSavingReportError || !savedReportName\n })\n\n const canClickSave = !isSavingReport && !isSavingReportError && savedReportName\n\n const saveIcon = isSavingReportError ? 'times' : 'save'\n const saveText = isSavingReportError || 'Save Report'\n\n const handleClick = async () => {\n const data = getSavedReportPayloadFromFilters({\n reportType,\n reportingFilters\n })\n\n reportingFiltersDispatch({\n payload: { isSavingReport: true },\n type: 'SET_IS_SAVING_REPORT'\n })\n\n try {\n await updateSavedReport({ data, id: selectedSavedReport.id })\n } catch (error) {\n const errorMessage = error.response?.data?.error || 'Something went wrong.'\n\n reportingFiltersDispatch({\n payload: { isSavingReportError: errorMessage },\n type: 'SET_IS_SAVING_REPORT_ERROR'\n })\n }\n\n reportingFiltersDispatch({\n payload: { isSavingReport: false },\n type: 'SET_IS_SAVING_REPORT'\n })\n }\n\n /* eslint-disable jsx-a11y/interactive-supports-focus, jsx-a11y/click-events-have-key-events */\n return (\n \n \n {isSavingReport ? (\n \n \n ) : (\n \n \n )}\n
\n \n )\n /* eslint-enable jsx-a11y/interactive-supports-focus */\n}\n\nSaveReportBtn.propTypes = {\n className: PropTypes.string\n}\n\nSaveReportBtn.defaultProps = {\n className: ''\n}\n\nexport default SaveReportBtn\n","import { map } from 'lodash'\nimport PropTypes from 'prop-types'\nimport { useEffect } from 'react'\nimport { useHistory, useLocation } from 'react-router-dom'\nimport CreatableSelect from 'react-select/creatable'\n\nimport { createSavedReport } from '../../../../../api/reporting'\nimport {\n getReportTypeFromLocation,\n getSavedReportFromLocation,\n getSavedReportPayloadFromFilters,\n useReportingFiltersDispatch,\n useReportingFiltersState\n} from '../../../../../contexts/ReportingFilters'\nimport { PRIMARY_COLORS } from '../../../../../utils/react-select'\nimport { MAX_MENU_HEIGHT } from './constants'\nimport { buildSavedReportUrl, getDefaultValue } from './helpers'\nimport stylesObj from './styles.module.scss'\n\nconst customStyles = {\n clearIndicator: styles => ({\n ...styles,\n padding: 0\n }),\n container: styles => ({ ...styles, cursor: 'pointer' }),\n control: styles => ({\n ...styles,\n borderColor: stylesObj.controlBorderColor,\n display: 'flex',\n flexGrow: 0,\n flexShrink: 1,\n fontFamily: 'Montserrat',\n height: stylesObj.controlHeight,\n lineHeight: stylesObj.controlLineHeight,\n minWidth: stylesObj.controlMinWidth\n }),\n dropdownIndicator: styles => ({\n ...styles,\n ':hover': {\n ...styles[':hover'],\n color: PRIMARY_COLORS.base\n },\n color: PRIMARY_COLORS.base,\n paddingLeft: 0\n }),\n indicatorSeparator: styles => ({\n ...styles,\n display: 'none',\n width: 0\n }),\n menu: styles => ({\n ...styles,\n whiteSpace: 'nowrap',\n zIndex: stylesObj.menuZIndex\n }),\n singleValue: () => ({ color: PRIMARY_COLORS.base })\n}\n\nconst SavedReportSelector = ({ className }) => {\n const reportingFilters = useReportingFiltersState()\n const reportingFiltersDispatch = useReportingFiltersDispatch()\n\n const location = useLocation()\n const reportType = getReportTypeFromLocation(location)\n const history = useHistory()\n\n const { savedReportsByReportType } = reportingFilters\n\n const savedReportOptions = savedReportsByReportType[reportType]\n\n const selectedSavedReport = getSavedReportFromLocation({\n location,\n reportType,\n reportingFilters\n })\n\n useEffect(() => {\n if (selectedSavedReport) {\n reportingFiltersDispatch({\n payload: { name: selectedSavedReport.name },\n type: 'SET_SAVED_REPORT_NAME'\n })\n }\n }, [location])\n\n const options = [\n {\n label: 'Select Existing Report',\n options: map(savedReportOptions, ({ id, name }) => ({\n label: name,\n value: id\n }))\n }\n ]\n\n const handleChange = async (data, event) => {\n if (event.action === 'clear') {\n reportingFiltersDispatch({\n payload: { name: '' },\n type: 'SET_SAVED_REPORT_NAME'\n })\n\n reportingFiltersDispatch({\n payload: { isSavingReportError: null },\n type: 'SET_IS_SAVING_REPORT_ERROR'\n })\n }\n\n if (event.action === 'select-option') {\n reportingFiltersDispatch({\n payload: { name: data.label },\n type: 'SET_SAVED_REPORT_NAME'\n })\n\n reportingFiltersDispatch({\n payload: { isSavingReportError: null },\n type: 'SET_IS_SAVING_REPORT_ERROR'\n })\n\n reportingFiltersDispatch({\n payload: { isFilterDirty: false },\n type: 'SET_IS_FILTER_DIRTY'\n })\n\n const savedReportUrl = buildSavedReportUrl({\n location,\n reportType,\n savedReportId: data.value\n })\n\n history.push(savedReportUrl)\n }\n\n if (event.action === 'create-option') {\n reportingFiltersDispatch({\n payload: { name: data.value },\n type: 'SET_SAVED_REPORT_NAME'\n })\n\n reportingFiltersDispatch({\n payload: { isSavingReport: true },\n type: 'SET_IS_SAVING_REPORT'\n })\n\n const payload = getSavedReportPayloadFromFilters({\n reportType,\n reportingFilters\n })\n\n try {\n const {\n data: { id }\n } = await createSavedReport({ ...payload, name: data.value })\n\n const savedReportUrl = buildSavedReportUrl({\n location,\n reportType,\n savedReportId: id\n })\n\n history.push(savedReportUrl)\n history.go(0)\n } catch (error) {\n const errorMessage =\n error.response?.data?.error || 'Something went wrong.'\n\n reportingFiltersDispatch({\n payload: { isSavingReportError: errorMessage },\n type: 'SET_IS_SAVING_REPORT_ERROR'\n })\n\n reportingFiltersDispatch({\n payload: { isSavingReport: false },\n type: 'SET_IS_SAVING_REPORT'\n })\n }\n }\n }\n\n return (\n \n `Save \"${label}\" as new report`}\n onChange={handleChange}\n maxMenuHeight={MAX_MENU_HEIGHT}\n placeholder=\"Enter Report Name\"\n options={options}\n styles={customStyles}\n theme={theme => ({\n ...theme,\n colors: {\n ...theme.colors,\n primary: PRIMARY_COLORS.base,\n primary25: PRIMARY_COLORS['25'],\n primary50: PRIMARY_COLORS['50'],\n primary75: PRIMARY_COLORS['75']\n }\n })}\n />\n
\n )\n}\n\nSavedReportSelector.propTypes = {\n className: PropTypes.string\n}\n\nSavedReportSelector.defaultProps = {\n className: ''\n}\n\nexport default SavedReportSelector\n","import classNames from 'classnames'\nimport { filter } from 'lodash'\nimport React, { useEffect, useState } from 'react'\nimport { useHistory, useLocation } from 'react-router-dom'\n\nimport { useCurrentUserState } from '../../../../contexts/CurrentUser'\nimport { useGroupedSummaryTableSettingsState } from '../../../../contexts/GroupedSummaryTableSettings'\nimport { useMetricDefinitionsDispatch } from '../../../../contexts/MetricDefinitions'\nimport {\n getReportPageByReportType,\n getSavedReportFromLocation,\n isPublisherReport,\n isSkAdNetworkReport,\n isUserAcquisitionReport,\n useReportingFiltersDispatch,\n useReportingFiltersState\n} from '../../../../contexts/ReportingFilters'\nimport { USER_ACQUISITION_REPORT_TYPE_STR } from '../../../../contexts/ReportingFilters/constants'\nimport ClickOutsideAlerter from '../../../ClickOutsideAlerter'\nimport LoadingOverlay from '../../../LoadingOverlay'\nimport AppsFilter from '../../../ReportingSidebar/AppsFilter'\nimport ChannelsFilter from '../../../ReportingSidebar/ChannelsFilter'\nimport Collapser from '../../../ReportingSidebar/Collapser'\nimport CountriesFilter from '../../../ReportingSidebar/CountriesFilter'\nimport DateFilter from '../../../ReportingSidebar/DateFilter'\nimport styles from '../../../ReportingSidebar/styles.module.scss'\nimport SkAdNetworkAppsFilter from '../../SkAdNetworkPage/ReportingSidebar/AppsFilter'\nimport ClearFiltersBtn from './ClearFiltersBtn'\nimport FetchResultsBtn from './FetchResultsBtn'\nimport GranularityFilter from './GranularityFilter'\nimport {\n buildQueryParamsFromFilterChanges,\n buildStateFromQueryParams,\n getFilterChanges\n} from './helpers'\nimport MetricsFilter from './MetricsFilter'\nimport MultiSelectGroupByFilter from './MultiSelectGroupByFilter'\nimport ReportTypeFilter from './ReportTypeFilter'\nimport SingleSelectGroupByFilter from './SingleSelectGroupByFilter'\n\nconst ReportingSidebar = () => {\n const reportingFilters = useReportingFiltersState()\n const reportingFiltersDispatch = useReportingFiltersDispatch()\n\n const metricDefinitionsDispatch = useMetricDefinitionsDispatch()\n const { metricColumnsByReport } = useGroupedSummaryTableSettingsState()\n\n const history = useHistory()\n const location = useLocation()\n\n const { currentUser } = useCurrentUserState()\n\n const [state, setState] = useState({\n currentOpenPane: null,\n ...buildStateFromQueryParams({\n currentUser,\n location,\n metricColumnsByReport,\n reportingFilters\n })\n })\n\n const [isChangingReportType, setIsChangingReportType] = useState(false)\n\n const { isSidebarCollapsed: isCollapsed } = reportingFilters\n\n const {\n currentApps,\n currentCountries,\n currentChannels,\n currentEndDate,\n currentGranularity,\n currentGroupBy,\n currentMetrics,\n currentOpenPane,\n currentStartDate,\n selectedReport,\n unappliedApps,\n unappliedCountries,\n unappliedChannels,\n unappliedEndDate,\n unappliedGranularity,\n unappliedGroupBy,\n unappliedMetrics,\n unappliedStartDate,\n dataExporterQuery\n } = state\n\n useEffect(() => {\n reportingFiltersDispatch({\n payload: { dataExporterQuery },\n type: 'UPDATE_DATA_EXPORTER_QUERY'\n })\n }, [dataExporterQuery])\n\n useEffect(() => {\n setState({\n ...state,\n ...buildStateFromQueryParams({\n currentUser,\n location,\n metricColumnsByReport,\n reportingFilters\n })\n })\n }, [location])\n\n const {\n canApplyChanges,\n hasAppsFilterChanges,\n hasChannelsFilterChanges,\n hasCountriesFilterChanges,\n hasDateFilterChanges,\n hasFilterChanges,\n hasMetricsFilterChanges,\n hasGranularityFilterChanges,\n hasGroupByFilterChanges\n } = getFilterChanges({\n currentApps,\n currentChannels,\n currentCountries,\n currentEndDate,\n currentGranularity,\n currentGroupBy,\n currentMetrics,\n currentStartDate,\n unappliedApps,\n unappliedChannels,\n unappliedCountries,\n unappliedEndDate,\n unappliedGranularity,\n unappliedGroupBy,\n unappliedMetrics,\n unappliedStartDate\n })\n\n const togglePaneFor = pane =>\n setState({\n ...state,\n currentOpenPane: currentOpenPane === pane ? null : pane\n })\n\n const closeCurrentPane = () => setState({ ...state, currentOpenPane: null })\n\n const handleClickFetchResults = () => {\n /*\n Note: This button is not clickable unless the filters\n have changed, setting isFilterDirty here\n prevents the savedReport from overwriting the\n updated filters.\n */\n reportingFiltersDispatch({\n payload: { isFilterDirty: true },\n type: 'SET_IS_FILTER_DIRTY'\n })\n\n const urlParams = buildQueryParamsFromFilterChanges({\n apps: unappliedApps,\n channels: unappliedChannels,\n /*\n TODO: Add default prop validation for components\n that fail with empty countries\n */\n countries: unappliedCountries || [],\n endDate: unappliedEndDate,\n granularity: unappliedGranularity,\n groupBy: unappliedGroupBy,\n metrics: unappliedMetrics,\n reportingFilters,\n selectedReport,\n startDate: unappliedStartDate\n })\n\n let updatedUrl = `${location.pathname}?${urlParams}`\n\n const selectedSavedReport = getSavedReportFromLocation({\n location,\n reportType: selectedReport,\n reportingFilters\n })\n\n if (selectedSavedReport) {\n updatedUrl = `${updatedUrl}&saved_report_id=${selectedSavedReport.id}`\n }\n\n history.push(updatedUrl)\n\n closeCurrentPane()\n }\n\n const handleClickClearFilters = () => {\n const urlParams =\n selectedReport !== USER_ACQUISITION_REPORT_TYPE_STR\n ? `?report_type=${selectedReport}`\n : ''\n\n history.push(`${location.pathname}${urlParams}`)\n closeCurrentPane()\n }\n\n const handleChangeReportType = reportType => {\n metricDefinitionsDispatch({\n payload: { reportType },\n type: 'CHANGE_REPORT_TYPE'\n })\n setIsChangingReportType(true)\n }\n\n const handleChangeGranularity = ({ reportType, granularity }) => {\n metricDefinitionsDispatch({\n payload: {\n granularity,\n reportPage: getReportPageByReportType(reportType)\n },\n type: 'CHANGE_GRANULARITY'\n })\n }\n\n useEffect(() => {\n const selectedApps = unappliedApps.slice(0, 1)\n\n if (selectedApps.length > 0) {\n reportingFiltersDispatch({\n payload: { selectedApps },\n type: 'UPDATE_SELECTED_APPS'\n })\n }\n }, [unappliedApps])\n\n const showUserAcquisitionFilters = isUserAcquisitionReport(selectedReport)\n const showAdMonetizationFilters = isPublisherReport(selectedReport)\n const showSkAdNetworkReportFilters = isSkAdNetworkReport(selectedReport)\n const showSingleSelectGroupByFilter =\n showUserAcquisitionFilters || showAdMonetizationFilters\n const showCountriesFilter =\n showUserAcquisitionFilters || showAdMonetizationFilters\n\n if (isChangingReportType) {\n return \n togglePaneFor('reportType')}\n onChangeReportType={reportType =>\n handleChangeReportType(reportType)\n }\n />\n\n {\n setState({\n ...state,\n unappliedEndDate: endDate,\n unappliedStartDate: startDate\n })\n }}\n onCloseClick={closeCurrentPane}\n onLabelClick={() => togglePaneFor('dates')}\n selectedEndDate={unappliedEndDate}\n selectedStartDate={unappliedStartDate}\n />\n\n {\n setState({\n ...state,\n currentOpenPane: null,\n unappliedGranularity: granularity\n })\n handleChangeGranularity({\n granularity,\n reportType: selectedReport\n })\n }}\n onCloseClick={closeCurrentPane}\n onLabelClick={() => togglePaneFor('granularity')}\n selectedGranularity={unappliedGranularity}\n />\n\n {showSingleSelectGroupByFilter && (\n {\n setState({\n ...state,\n currentOpenPane: null,\n unappliedGroupBy: groupBy\n })\n }}\n onCloseClick={closeCurrentPane}\n onLabelClick={() => togglePaneFor('groupBy')}\n selectedChannels={unappliedChannels}\n selectedGroupBy={unappliedGroupBy}\n />\n )}\n\n {showSkAdNetworkReportFilters && (\n {\n setState({ ...state, unappliedGroupBy: groupBy })\n }}\n onCloseClick={closeCurrentPane}\n onLabelClick={() => togglePaneFor('groupBy')}\n selectedGroupBy={unappliedGroupBy}\n />\n )}\n\n {showSkAdNetworkReportFilters ? (\n \n setState({\n ...state,\n currentOpenPane: null,\n unappliedApps: apps\n })\n }\n onCloseClick={closeCurrentPane}\n onLabelClick={() => togglePaneFor('apps')}\n selectedApps={unappliedApps.slice(0, 1)}\n />\n ) : (\n setState({ ...state, unappliedApps: apps })}\n onCloseClick={closeCurrentPane}\n onLabelClick={() => togglePaneFor('apps')}\n selectedApps={unappliedApps}\n />\n )}\n\n \n setState({ ...state, unappliedChannels: channels })\n }\n onCloseClick={closeCurrentPane}\n onLabelClick={() => togglePaneFor('channels')}\n selectedChannels={unappliedChannels}\n selectedGroupBy={unappliedGroupBy}\n />\n\n {showCountriesFilter && (\n {\n setState({ ...state, unappliedCountries: newCountries })\n }}\n onCloseClick={closeCurrentPane}\n onLabelClick={() => togglePaneFor('countries')}\n selectedCountries={unappliedCountries}\n selectedGroupBy={unappliedGroupBy}\n />\n )}\n\n \n setState({ ...state, unappliedMetrics: metrics })\n }\n onCloseClick={closeCurrentPane}\n onLabelClick={() => togglePaneFor('metrics')}\n selectedMetrics={unappliedMetrics}\n onClickSelectedMetric={metric => {\n setState({\n ...state,\n unappliedMetrics: filter(\n state.unappliedMetrics,\n unappliedMetric => unappliedMetric !== metric.key\n )\n })\n }}\n />\n\n reportingFiltersDispatch({ type: 'TOGGLE_SIDEBAR' })}\n />\n
\n \n \n Use Totals\n
\n \n onClick(true)}\n >\n Yes\n \n onClick(false)}\n >\n No\n \n
\n \n handleListItemClick(metric.key)}\n />\n
\n )\n }\n\n const labelText = buildLabelTextFromMultiSelected({\n humanizedSelectedTypeStr: 'Metrics',\n selectable: metrics,\n selected: selectedMetrics\n })\n\n const isAllSelected = hasSelectedAllVisibleItems({\n key: 'key',\n selectedKeys: selectedMetrics,\n visibleItems: visibleMetrics\n })\n\n return (\n {metric.displayName}
\n \n )}\n onClick={onClick}\n selectionIcon={\n Please select a report type.\n
\n \n Targeting Tags\n
\n\n {targetingTags.map(targetingTag => (\n \n {metricDefinitions.map((metricDefinition, index) => {\n const { key: metricDefinitionId } = metricDefinition\n\n const isMocking = mockedMetricDefinitionKeys.includes(metricDefinitionId)\n const value = (summaryDataMapping && summaryDataMapping[metricDefinitionId]) || null\n\n return (\n
\n )\n}\n\nexport default KPICards\n","import React, {\n useEffect, useState\n} from 'react'\nimport classNames from 'classnames'\nimport { useHistory, useLocation } from 'react-router-dom'\n\nimport ApplyBtn from '../../../ReportingSidebar/ApplyBtn'\nimport AppsFilter from './AppsFilter'\nimport ChannelsFilter from '../../../ReportingSidebar/ChannelsFilter'\nimport ClickOutsideAlerter from '../../../ClickOutsideAlerter'\nimport Collapser from '../../../ReportingSidebar/Collapser'\nimport DateFilter from '../../../ReportingSidebar/DateFilter'\nimport GroupByFilter from './GroupByFilter'\n\nimport {\n buildQueryParamsFromFilterChanges, buildStateFromQueryParams, getFilterChanges\n} from './helpers'\nimport {\n getReportPageFromPathname, useReportingFiltersDispatch, useReportingFiltersState\n} from '../../../../contexts/ReportingFilters'\nimport {\n useGroupedSummaryTableSettingsDispatch\n} from '../../../../contexts/GroupedSummaryTableSettings'\nimport { useCurrentUserState } from '../../../../contexts/CurrentUser'\n\nimport styles from '../../../ReportingSidebar/styles.module.scss'\n\nconst ReportingSidebar = () => {\n const reportingFilters = useReportingFiltersState()\n const reportingFiltersDispatch = useReportingFiltersDispatch()\n\n const drilldownRulesDispatch = useGroupedSummaryTableSettingsDispatch()\n\n const history = useHistory()\n const location = useLocation()\n\n const { currentUser } = useCurrentUserState()\n\n const [state, setState] = useState({\n currentOpenPane: null,\n ...buildStateFromQueryParams({\n currentUser,\n location,\n reportingFilters\n })\n })\n\n const { isSidebarCollapsed: isCollapsed } = reportingFilters\n\n const {\n currentApps,\n currentChannels,\n currentEndDate,\n currentGroupBy,\n currentOpenPane,\n currentStartDate,\n unappliedApps,\n unappliedChannels,\n unappliedEndDate,\n unappliedGroupBy,\n unappliedStartDate\n } = state\n\n useEffect(() => {\n setState({\n ...state,\n ...buildStateFromQueryParams({\n currentUser,\n location,\n reportingFilters\n })\n })\n }, [location])\n\n const {\n canApplyChanges,\n hasAppsFilterChanges,\n hasChannelsFilterChanges,\n hasDateFilterChanges,\n hasFilterChanges,\n hasGroupByFilterChanges\n } = getFilterChanges({\n currentApps,\n currentChannels,\n currentEndDate,\n currentGroupBy,\n currentStartDate,\n unappliedApps,\n unappliedChannels,\n unappliedEndDate,\n unappliedGroupBy,\n unappliedStartDate\n })\n\n const togglePaneFor = pane => setState({\n ...state,\n currentOpenPane: currentOpenPane === pane ? null : pane\n })\n\n const closeCurrentPane = () => setState({ ...state, currentOpenPane: null })\n\n const handleApplyClick = () => {\n const urlParams = buildQueryParamsFromFilterChanges({\n apps: unappliedApps,\n channels: unappliedChannels,\n endDate: unappliedEndDate,\n groupBy: unappliedGroupBy,\n reportingFilters,\n startDate: unappliedStartDate\n })\n\n history.push(`${location.pathname}?${urlParams}`)\n\n closeCurrentPane()\n\n if (hasGroupByFilterChanges) {\n const reportPage = getReportPageFromPathname(location.pathname)\n\n drilldownRulesDispatch({\n payload: { groupBy: unappliedGroupBy, reportPage },\n type: 'UPDATE_RULES'\n })\n }\n }\n\n useEffect(() => {\n const selectedApps = unappliedApps.slice(0, 1)\n\n if (selectedApps.length > 0) {\n reportingFiltersDispatch({\n payload: { selectedApps },\n type: 'UPDATE_SELECTED_APPS'\n })\n }\n }, [unappliedApps])\n\n return (\n \n
\n \n setState({ ...state, currentOpenPane: null, unappliedApps: apps })}\n onCloseClick={closeCurrentPane}\n onLabelClick={() => togglePaneFor('apps')}\n selectedApps={unappliedApps.slice(0, 1)}\n />\n\n {\n setState({ ...state, unappliedEndDate: endDate, unappliedStartDate: startDate })\n }}\n onCloseClick={closeCurrentPane}\n onLabelClick={() => togglePaneFor('dates')}\n selectedEndDate={unappliedEndDate}\n selectedStartDate={unappliedStartDate}\n />\n\n setState({ ...state, unappliedChannels: channels })}\n onCloseClick={closeCurrentPane}\n onLabelClick={() => togglePaneFor('channels')}\n selectedChannels={unappliedChannels}\n selectedGroupBy={unappliedGroupBy}\n />\n\n {\n setState({ ...state, unappliedGroupBy: groupBy })\n }}\n onCloseClick={closeCurrentPane}\n onLabelClick={() => togglePaneFor('groupBy')}\n selectedGroupBy={unappliedGroupBy}\n />\n\n reportingFiltersDispatch({ type: 'TOGGLE_SIDEBAR' })}\n />\n
\n \n option.name}\n getOptionValue={option => option.id}\n isClearable={false}\n isSearchable={false}\n onChange={handleBaseChange}\n options={baseGroupByOptions}\n value={baseGroupBy}\n />\n\n option.name}\n getOptionValue={option => option.id}\n isClearable={false}\n isSearchable={false}\n onChange={handleSecondaryChange}\n options={secondaryGroupByOptions}\n value={secondaryGroupBy}\n />\n
\n \n )}\n />\n )\n}\n\nGroupByFilter.propTypes = {\n hasFilterChanges: PropTypes.bool.isRequired,\n isCollapsed: PropTypes.bool.isRequired,\n isOpen: PropTypes.bool.isRequired,\n onChange: PropTypes.func.isRequired,\n onCloseClick: PropTypes.func.isRequired,\n onLabelClick: PropTypes.func.isRequired,\n selectedGroupBy: PropTypes.arrayOf(PropTypes.string).isRequired\n}\n\nexport default GroupByFilter\n","import classNames from 'classnames'\nimport PropTypes from 'prop-types'\nimport Tooltip from 'rc-tooltip'\n\nimport FontAwesomeIcon from '../../../../../FontAwesomeIcon'\n\nimport styles from './styles.module.scss'\n\nconst SwapButton = ({ onClick }) => (\n \n
\n\n \n \n \n \n
`\n }\n\n getPopoverOptions() {\n const {\n animation,\n container,\n delay,\n html,\n placement,\n sanitize,\n sanitizeFn,\n selector,\n title,\n trigger,\n viewport\n } = this.props\n\n return {\n animation,\n container,\n content: this.getContent(),\n delay,\n html,\n placement,\n sanitize,\n sanitizeFn,\n selector,\n template: this.getTemplate(),\n title,\n trigger,\n viewport\n }\n }\n\n handleHide(ev) {\n const { onHide } = this.props\n\n // https://github.com/twbs/bootstrap/issues/16732#issuecomment-165229037\n $(ev.target).data('bs.popover').inState.click = false\n\n if (onHide) {\n onHide(ev)\n }\n }\n\n attachCloseHandler() {\n $(document).on('click', `.${styles.popover}`, () => $(this.popoverRef.current).popover('hide'))\n }\n\n attachEventHandlers() {\n EVENTS.forEach(event => {\n if (event[1] === 'onHide') {\n $(this.popoverRef.current).on(event[0], this.handleHide)\n } else {\n const { [event[1]]: eventHandler } = this.props\n\n $(this.popoverRef.current).on(event[0], eventHandler)\n }\n })\n }\n\n detachEventHandlers() {\n EVENTS.forEach(event => {\n $(this.popoverRef.current).off(event[0])\n })\n }\n\n render() {\n const { children } = this.props\n\n return React.cloneElement(React.Children.only(children), { ref: this.popoverRef })\n }\n}\n\nPopover.propTypes = {\n animation: PropTypes.bool,\n children: PropTypes.node.isRequired,\n container: PropTypes.oneOfType([PropTypes.oneOf([false]), PropTypes.string]),\n content: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.func,\n PropTypes.element\n ]).isRequired,\n contentClassName: PropTypes.string,\n delay: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.shape({\n hide: PropTypes.number,\n show: PropTypes.number\n })\n ]),\n html: PropTypes.bool,\n onHidden: PropTypes.func,\n onHide: PropTypes.func,\n onInserted: PropTypes.func,\n onShow: PropTypes.func,\n onShown: PropTypes.func,\n placement: PropTypes.oneOf(['top', 'bottom', 'left', 'right', 'auto']),\n popoverClassName: PropTypes.string,\n sanitize: PropTypes.bool,\n sanitizeFn: PropTypes.func,\n selector: PropTypes.oneOfType([PropTypes.oneOf([false]), PropTypes.string]),\n template: PropTypes.string,\n title: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n trigger: PropTypes.string,\n viewport: PropTypes.shape({ padding: PropTypes.number, select: PropTypes.string })\n}\n\nPopover.defaultProps = {\n animation: true,\n container: false,\n contentClassName: '',\n delay: 0,\n html: false,\n onHidden: () => {},\n onHide: () => {},\n onInserted: () => {},\n onShow: () => {},\n onShown: () => {},\n placement: 'top',\n popoverClassName: '',\n sanitize: true,\n sanitizeFn: null,\n selector: false,\n template: null,\n title: '',\n trigger: 'click',\n viewport: null\n}\n\nexport default Popover\n","import React, { useCallback } from 'react'\nimport PropTypes from 'prop-types'\nimport { connect, ErrorMessage } from 'formik'\nimport classNames from 'classnames'\nimport { pick } from 'lodash'\n\nimport { formikInjectedPropTypesObject } from '../../utils/customPropTypes'\n\nimport FormError from '../FormError/FormError'\nimport Select from '../Select/Select'\n\nimport { SELECT_PROPS_LIST } from './constants'\nimport styles from './styles.module.scss'\n\nfunction FormSelect(props) {\n const {\n className: classNameProp,\n formik,\n items,\n name,\n selectButtonClassName: selectButtonClassNameProp,\n selectButtonContainerClassName: selectButtonContainerClassNameProp,\n selectButtonIconClassName: selectButtonIconClassNameProp,\n selectButtonLabelClassName: selectButtonLabelClassNameProp,\n selectButtonValueClassName: selectButtonValueClassNameProp,\n selectButtonValue,\n ...restOfProps\n } = props\n\n const {\n getFieldMeta, setFieldValue, setFieldTouched\n } = formik\n\n /* eslint-disable indent */\n const className = classNames(classNameProp, styles.select)\n const selectButtonClassName = classNames(selectButtonClassNameProp, styles.btn)\n const selectButtonContainerClassName = classNames(selectButtonContainerClassNameProp,\n styles.container)\n const selectButtonIconClassName = classNames(selectButtonIconClassNameProp,\n styles.toggleIcon)\n const selectButtonLabelClassName = classNames(selectButtonLabelClassNameProp, styles.label)\n const selectButtonValueClassName = classNames(selectButtonValueClassNameProp, styles.value)\n /* eslint-enable indent */\n\n const { value } = getFieldMeta(name)\n\n const handleSave = useCallback(item => {\n setFieldValue(name, item, true)\n }, [name, setFieldValue])\n\n const handleMenuToggle = useCallback(isMenuOpen => {\n if (!isMenuOpen) {\n setFieldTouched(name, true, true)\n }\n }, [name, setFieldTouched])\n\n /* eslint-disable react/jsx-props-no-spreading */\n return (\n \n
\n )\n /* eslint-enable react/jsx-props-no-spreading */\n}\n\nFormSelect.propTypes = {\n allSelectLabel: PropTypes.string,\n alphabetize: PropTypes.bool,\n className: PropTypes.string,\n description: PropTypes.string,\n formik: formikInjectedPropTypesObject.isRequired,\n items: PropTypes.objectOf(\n PropTypes.shape({\n id: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string\n ]).isRequired,\n name: PropTypes.string.isRequired\n })\n ).isRequired,\n menuHeader: PropTypes.string,\n menuItemRenderer: PropTypes.func,\n multiple: PropTypes.bool,\n name: PropTypes.string.isRequired,\n saveOnSelect: PropTypes.bool,\n searchPlaceholder: PropTypes.string,\n searchable: PropTypes.bool,\n selectButtonClassName: PropTypes.string,\n selectButtonContainerClassName: PropTypes.string,\n selectButtonIconClassName: PropTypes.string,\n selectButtonLabel: PropTypes.string.isRequired,\n selectButtonLabelClassName: PropTypes.string,\n selectButtonValue: PropTypes.string,\n selectButtonValueClassName: PropTypes.string,\n selectMenuClassName: PropTypes.string\n}\n\nFormSelect.defaultProps = {\n allSelectLabel: '',\n alphabetize: false,\n className: '',\n description: '',\n menuHeader: '',\n menuItemRenderer: null,\n multiple: false,\n saveOnSelect: false,\n searchPlaceholder: '',\n searchable: false,\n selectButtonClassName: '',\n selectButtonContainerClassName: '',\n selectButtonIconClassName: '',\n selectButtonLabelClassName: '',\n selectButtonValue: null,\n selectButtonValueClassName: '',\n selectMenuClassName: ''\n}\n\nexport default connect(FormSelect)\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"iconColor\":\"#265479\",\"google-oauth-button\":\"styles-module__google-oauth-button___gOsdR\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___2IEwq\",\"btn-toggle\":\"styles-module__btn-toggle___3xOPj\",\"handle\":\"styles-module__handle___1RBri\",\"active\":\"styles-module__active___14GyC\",\"focus\":\"styles-module__focus___rR_is\",\"card-panel\":\"styles-module__card-panel___scmuX\",\"panel-heading\":\"styles-module__panel-heading___3EAmK\",\"panel-title\":\"styles-module__panel-title___AsjbU\",\"panel-subtitle\":\"styles-module__panel-subtitle___1lmwu\",\"panel-body\":\"styles-module__panel-body___2Fm1e\",\"icon\":\"styles-module__icon___3ZSj2\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___1Q9sy\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___3lbPn\",\"btn-toggle\":\"styles-module__btn-toggle___yFr1k\",\"handle\":\"styles-module__handle___nnSbK\",\"active\":\"styles-module__active___9ZpbQ\",\"focus\":\"styles-module__focus___2MeW5\",\"card-panel\":\"styles-module__card-panel___3ukLP\",\"panel-heading\":\"styles-module__panel-heading___T-nDn\",\"panel-title\":\"styles-module__panel-title___3UjKM\",\"panel-subtitle\":\"styles-module__panel-subtitle___2p5E8\",\"panel-body\":\"styles-module__panel-body___2dXue\",\"form\":\"styles-module__form___3aQ7J\",\"formSubmitting\":\"styles-module__formSubmitting___28eCz\"};","import React, { useCallback, useEffect } from 'react'\nimport PropTypes from 'prop-types'\nimport { connect, ErrorMessage } from 'formik'\nimport { isNull, isUndefined } from 'lodash'\n\nimport FormError from '../FormError/FormError'\nimport RadioToggle from '../RadioToggle/RadioToggle'\n\nimport styles from './styles.module.scss'\n\nimport usePrevious from '../../hooks/usePrevious'\nimport { formikInjectedPropTypesObject } from '../../utils/customPropTypes'\n\nfunction FormRadioToggle(props) {\n const {\n className, falseyOptionLabel, formik, label, labelClassName, name, truthyOptionLabel\n } = props\n const {\n getFieldMeta, setFieldValue, setFieldTouched\n } = formik\n const {\n value\n } = getFieldMeta(name)\n\n const prevValue = usePrevious(value)\n\n const handleToggle = useCallback(toggleTo => setFieldValue(name, toggleTo), [name, setFieldValue])\n\n useEffect(() => {\n if (isUndefined(prevValue) || isNull(prevValue)) return\n\n if (value !== prevValue) {\n setFieldTouched(name)\n }\n }, [name, prevValue, setFieldTouched, value])\n\n return (\n \n
\n )\n}\n\nFormRadioToggle.propTypes = {\n className: PropTypes.string,\n falseyOptionLabel: PropTypes.string.isRequired,\n formik: formikInjectedPropTypesObject.isRequired,\n label: PropTypes.string.isRequired,\n labelClassName: PropTypes.string,\n name: PropTypes.string.isRequired,\n truthyOptionLabel: PropTypes.string.isRequired\n}\n\nFormRadioToggle.defaultProps = {\n className: '',\n labelClassName: ''\n}\n\nexport default connect(FormRadioToggle)\n","import React, { useCallback } from 'react'\nimport PropTypes from 'prop-types'\n\nimport Label from '../Label/Label'\nimport RadioButton from '../RadioButton/RadioButton'\n\nimport styles from './styles.module.scss'\n\nfunction RadioToggle(props) {\n const {\n className, falseyOptionLabel, label, onToggle, truthyOptionLabel, value\n } = props\n\n const handleToggle = useCallback(ev => onToggle(ev.target.value === 'yes'), [onToggle])\n\n return (\n \n \n\n
\n )\n}\n\nRadioToggle.propTypes = {\n className: PropTypes.string,\n falseyOptionLabel: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n onToggle: PropTypes.func.isRequired,\n truthyOptionLabel: PropTypes.string.isRequired,\n value: PropTypes.bool\n}\n\nRadioToggle.defaultProps = {\n className: '',\n value: null\n}\n\nexport default RadioToggle\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { ErrorMessage } from 'formik'\nimport classNames from 'classnames'\n\nimport FormError from '../FormError/FormError'\nimport FormLabel from '../FormLabel/FormLabel'\n\nimport styles from './styles.module.scss'\n\nfunction FormChipGroup({\n children, className: classNameProp, label, labelClassName, name\n}) {\n const className = classNames('u-flexInline', 'u-flexCol', 'u-position-relative', classNameProp)\n\n return (\n \n \n {truthyOptionLabel}\n \n\n \n {falseyOptionLabel}\n \n
\n \n
\n )\n}\n\nFormChipGroup.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n label: PropTypes.string.isRequired,\n labelClassName: PropTypes.string,\n name: PropTypes.string.isRequired\n}\n\nFormChipGroup.defaultProps = {\n className: '',\n labelClassName: ''\n}\n\nexport default FormChipGroup\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___2KoZ8\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___uwZh5\",\"btn-toggle\":\"styles-module__btn-toggle___ui75d\",\"handle\":\"styles-module__handle___3es6x\",\"active\":\"styles-module__active___2smAR\",\"focus\":\"styles-module__focus___541A3\",\"card-panel\":\"styles-module__card-panel___MeTYy\",\"panel-heading\":\"styles-module__panel-heading___lC-6f\",\"panel-title\":\"styles-module__panel-title___1wYl0\",\"panel-subtitle\":\"styles-module__panel-subtitle___2tjdV\",\"panel-body\":\"styles-module__panel-body___3wGSf\",\"link\":\"styles-module__link___3Xini\",\"icon\":\"styles-module__icon___18_9w\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___IOahs\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___3QjOb\",\"btn-toggle\":\"styles-module__btn-toggle___39qpb\",\"handle\":\"styles-module__handle___1KxjK\",\"active\":\"styles-module__active___3-RTD\",\"focus\":\"styles-module__focus___3vYfu\",\"card-panel\":\"styles-module__card-panel___xhZtY\",\"panel-heading\":\"styles-module__panel-heading___Ps-Y2\",\"panel-title\":\"styles-module__panel-title___1eQSw\",\"panel-subtitle\":\"styles-module__panel-subtitle___1BGpQ\",\"panel-body\":\"styles-module__panel-body___1r6if\",\"button\":\"styles-module__button___2rvad\",\"icon\":\"styles-module__icon___2fm7X\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___2SzQ0\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___S6hYu\",\"btn-toggle\":\"styles-module__btn-toggle___U_dcL\",\"handle\":\"styles-module__handle___urjI-\",\"active\":\"styles-module__active___sKtCQ\",\"focus\":\"styles-module__focus___3mNzu\",\"card-panel\":\"styles-module__card-panel___2f4S1\",\"panel-heading\":\"styles-module__panel-heading___3x_xQ\",\"panel-title\":\"styles-module__panel-title___1yBDr\",\"panel-subtitle\":\"styles-module__panel-subtitle___GgTRM\",\"panel-body\":\"styles-module__panel-body___2wbLN\",\"signedInAs\":\"styles-module__signedInAs___2e2L1\",\"ptiMeter\":\"styles-module__ptiMeter___35aMc\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___1DiSy\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___11zcu\",\"btn-toggle\":\"styles-module__btn-toggle___1HGJv\",\"handle\":\"styles-module__handle___1X-TK\",\"active\":\"styles-module__active___1rgsN\",\"focus\":\"styles-module__focus___37PRk\",\"card-panel\":\"styles-module__card-panel___15Vcy\",\"panel-heading\":\"styles-module__panel-heading___O333m\",\"panel-title\":\"styles-module__panel-title___1eXAc\",\"panel-subtitle\":\"styles-module__panel-subtitle___3TQXD\",\"panel-body\":\"styles-module__panel-body___3GiSY\",\"modal\":\"styles-module__modal___2xSd0\",\"visible\":\"styles-module__visible___2EWlB\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___2cdF0\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1F7sZ\",\"btn-toggle\":\"styles-module__btn-toggle___2qVjO\",\"handle\":\"styles-module__handle___CK0g_\",\"active\":\"styles-module__active___cx7nD\",\"focus\":\"styles-module__focus___3kx-w\",\"card-panel\":\"styles-module__card-panel___wqLVH\",\"panel-heading\":\"styles-module__panel-heading___3jrNj\",\"panel-title\":\"styles-module__panel-title___2zpVp\",\"panel-subtitle\":\"styles-module__panel-subtitle___19qPk\",\"panel-body\":\"styles-module__panel-body___ENndd\",\"onboardingPopup\":\"styles-module__onboardingPopup___1y50b\",\"icon\":\"styles-module__icon___2UBFo\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___1iCGc\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___6PctX\",\"btn-toggle\":\"styles-module__btn-toggle___1cbIh\",\"handle\":\"styles-module__handle___1l_oT\",\"active\":\"styles-module__active___3OkRs\",\"focus\":\"styles-module__focus___2-ede\",\"card-panel\":\"styles-module__card-panel___2Z4V7\",\"panel-heading\":\"styles-module__panel-heading___ewDj_\",\"panel-title\":\"styles-module__panel-title___1bCmj\",\"panel-subtitle\":\"styles-module__panel-subtitle___g8mzz\",\"panel-body\":\"styles-module__panel-body___1RtZZ\",\"content\":\"styles-module__content___S2h7K\",\"collapsed\":\"styles-module__collapsed___2D1kv\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___7pAEJ\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___WxSF1\",\"btn-toggle\":\"styles-module__btn-toggle___26Nw1\",\"handle\":\"styles-module__handle___3-5J0\",\"active\":\"styles-module__active___1LI6t\",\"focus\":\"styles-module__focus___20caJ\",\"card-panel\":\"styles-module__card-panel___1EkeK\",\"panel-heading\":\"styles-module__panel-heading___Ih6F7\",\"panel-title\":\"styles-module__panel-title___1yIBW\",\"panel-subtitle\":\"styles-module__panel-subtitle___2PXEM\",\"panel-body\":\"styles-module__panel-body___1yy_u\",\"icon\":\"styles-module__icon___xRMd5\",\"iconTurned\":\"styles-module__iconTurned___3u6gk\",\"iconNewNav\":\"styles-module__iconNewNav___2ryYr\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___1QmeY\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___F4BU8\",\"btn-toggle\":\"styles-module__btn-toggle___3_Sdp\",\"handle\":\"styles-module__handle___3P6Tu\",\"active\":\"styles-module__active___2lQBf\",\"focus\":\"styles-module__focus___2qYdn\",\"card-panel\":\"styles-module__card-panel___1WySx\",\"panel-heading\":\"styles-module__panel-heading___35r8S\",\"panel-title\":\"styles-module__panel-title___lniax\",\"panel-subtitle\":\"styles-module__panel-subtitle___1roxV\",\"panel-body\":\"styles-module__panel-body___1oI02\",\"img\":\"styles-module__img___1p4TW\",\"platformIcon\":\"styles-module__platformIcon___31W-3\",\"appName\":\"styles-module__appName___1Gdpe\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3bjjJ\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___3GQqk\",\"btn-toggle\":\"styles-module__btn-toggle___3zY5d\",\"handle\":\"styles-module__handle___3A9vD\",\"active\":\"styles-module__active___2QR4C\",\"focus\":\"styles-module__focus___13H2e\",\"card-panel\":\"styles-module__card-panel___7BgEH\",\"panel-heading\":\"styles-module__panel-heading___1G2oJ\",\"panel-title\":\"styles-module__panel-title___1-Vxp\",\"panel-subtitle\":\"styles-module__panel-subtitle___1NxKe\",\"panel-body\":\"styles-module__panel-body___3j4wX\",\"header\":\"styles-module__header___3eTiH\",\"closeIcon\":\"styles-module__closeIcon___Ll2hz\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3FU2c\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___3vFOR\",\"btn-toggle\":\"styles-module__btn-toggle___1BhPE\",\"handle\":\"styles-module__handle___3K6iJ\",\"active\":\"styles-module__active___3D17P\",\"focus\":\"styles-module__focus___3-9mE\",\"card-panel\":\"styles-module__card-panel___aRhXd\",\"panel-heading\":\"styles-module__panel-heading___2SWuK\",\"panel-title\":\"styles-module__panel-title___2ev81\",\"panel-subtitle\":\"styles-module__panel-subtitle___24sni\",\"panel-body\":\"styles-module__panel-body___2HnBp\",\"wrapper\":\"styles-module__wrapper___11R4u\",\"collapser\":\"styles-module__collapser___2Q1AG\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___21tcx\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___2eTLS\",\"btn-toggle\":\"styles-module__btn-toggle___2Bp3u\",\"handle\":\"styles-module__handle___4AEat\",\"active\":\"styles-module__active___KWZNp\",\"focus\":\"styles-module__focus___3qYCp\",\"card-panel\":\"styles-module__card-panel___-NR_G\",\"panel-heading\":\"styles-module__panel-heading___2FO7Z\",\"panel-title\":\"styles-module__panel-title___1TJF9\",\"panel-subtitle\":\"styles-module__panel-subtitle___1INof\",\"panel-body\":\"styles-module__panel-body___2iigR\",\"toolbarButton\":\"styles-module__toolbarButton___JiODv\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3OHq4\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___2p2A8\",\"btn-toggle\":\"styles-module__btn-toggle___3Oi_l\",\"handle\":\"styles-module__handle___2XY5F\",\"active\":\"styles-module__active___CnBf9\",\"focus\":\"styles-module__focus___31cmC\",\"card-panel\":\"styles-module__card-panel___2MjFG\",\"panel-heading\":\"styles-module__panel-heading___2b-m3\",\"panel-title\":\"styles-module__panel-title___2_rjh\",\"panel-subtitle\":\"styles-module__panel-subtitle___Hb3pd\",\"panel-body\":\"styles-module__panel-body___2forb\",\"percentInputContainer\":\"styles-module__percentInputContainer___sdab2\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___BOjaE\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___fzLsh\",\"btn-toggle\":\"styles-module__btn-toggle___2lSV4\",\"handle\":\"styles-module__handle___1tJTx\",\"active\":\"styles-module__active___1Hyb9\",\"focus\":\"styles-module__focus___1yfTU\",\"card-panel\":\"styles-module__card-panel___3pQx3\",\"panel-heading\":\"styles-module__panel-heading___1g7zi\",\"panel-title\":\"styles-module__panel-title___2-tu7\",\"panel-subtitle\":\"styles-module__panel-subtitle___3O2Nu\",\"panel-body\":\"styles-module__panel-body___36cT7\",\"inputContainer\":\"styles-module__inputContainer___3d_6_\",\"seperator\":\"styles-module__seperator___32Nnf\"};","import { deepSnakeKeys } from '../../../../../../../utils/helpers'\nimport { saveUpdatedApp, saveUpdatedAppChannel } from '../../../../../../../api/apps'\nimport {\n convertTimeToSeconds,\n handleError,\n RESET_ATTRIBUTION_SETTINGS,\n DEFAULT_ATTRIBUTION_SETTINGS,\n SANS_DEFAULT_ATTRIBUTION_SETTINGS\n} from '../utils'\nimport { useAppIntegrationState, useAppIntegrationDispatch } from '../../../../../../../contexts/AppIntegrations'\n\nconst useUpdateAttributionSettings = () => {\n const { currentApp, currentChannel } = useAppIntegrationState()\n const appIntegrationDispatch = useAppIntegrationDispatch()\n\n const setHoneybadgerContext = params => {\n window.Honeybadger.setContext({\n appId: currentApp?.id,\n channelId: currentChannel?.id,\n params: deepSnakeKeys(params)\n })\n }\n\n const processError = ({ error, params }) => {\n handleError()\n setHoneybadgerContext(params)\n window.Honeybadger.notify(error)\n }\n\n const saveApp = async params => {\n try {\n const response = await saveUpdatedApp({\n appId: currentApp.id,\n params\n })\n if (response.data) appIntegrationDispatch({ payload: response.data, type: 'UPDATE_CURRENT_APP' })\n } catch (error) {\n processError(error, params)\n }\n }\n\n const getChannelId = () => (currentChannel.custom ? currentChannel.id : currentChannel.shortId)\n\n const saveAppChannel = async params => {\n try {\n const response = await saveUpdatedAppChannel({\n appId: currentApp.id,\n channelId: getChannelId(),\n params\n })\n if (response.data) appIntegrationDispatch({ payload: response.data, type: 'UPDATE_CURRENT_APP_CHANNEL' })\n } catch (error) {\n processError(error, params)\n }\n }\n\n const resetAppChannelAttributionWindow = async () => {\n await saveAppChannel(RESET_ATTRIBUTION_SETTINGS)\n }\n\n const setDefaultAppChannelAttributionWindow = async () => {\n // eslint-disable-next-line max-len\n const appChannelSettings = currentChannel?.selfAttributing ? SANS_DEFAULT_ATTRIBUTION_SETTINGS : DEFAULT_ATTRIBUTION_SETTINGS\n await saveAppChannel(appChannelSettings)\n }\n\n const updateAppChannelAttributionWindow = async ({ timeType, timeValue, windowType }) => {\n await saveAppChannel({\n [windowType]: convertTimeToSeconds({\n type: timeType,\n value: timeValue\n })\n })\n }\n\n const updateAppAttributionWindow = async ({ timeType, timeValue, windowType }) => {\n await saveApp({\n [windowType]: convertTimeToSeconds({\n type: timeType,\n value: timeValue\n })\n })\n }\n\n return {\n resetAppChannelAttributionWindow,\n setDefaultAppChannelAttributionWindow,\n updateAppAttributionWindow,\n updateAppChannelAttributionWindow\n }\n}\n\nexport default useUpdateAttributionSettings\n","import { filter } from 'lodash'\n\nexport const getChannelsFilteredByAdSpend = channels => filter(\n channels, channel => channel.adSpend || channel.custom\n)\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3tZ4x\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___2EZ5Z\",\"btn-toggle\":\"styles-module__btn-toggle___3xkNm\",\"handle\":\"styles-module__handle___e3yh7\",\"active\":\"styles-module__active___u-zbA\",\"focus\":\"styles-module__focus___2HnPY\",\"card-panel\":\"styles-module__card-panel___1ASnp\",\"panel-heading\":\"styles-module__panel-heading___h3pGn\",\"panel-title\":\"styles-module__panel-title___240gv\",\"panel-subtitle\":\"styles-module__panel-subtitle___Oqzrm\",\"panel-body\":\"styles-module__panel-body___3k_m2\",\"eventOptionsPopupOptions\":\"styles-module__eventOptionsPopupOptions___2ibEj\",\"eventOptionsPopupAdvancedButton\":\"styles-module__eventOptionsPopupAdvancedButton___3sh4z\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___2ODKb\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___32Jcf\",\"btn-toggle\":\"styles-module__btn-toggle___18wLD\",\"handle\":\"styles-module__handle___2lHjm\",\"active\":\"styles-module__active___gp5vF\",\"focus\":\"styles-module__focus___1ivbY\",\"card-panel\":\"styles-module__card-panel___1rCB3\",\"panel-heading\":\"styles-module__panel-heading___1acpC\",\"panel-title\":\"styles-module__panel-title___1IClZ\",\"panel-subtitle\":\"styles-module__panel-subtitle___3Mn65\",\"panel-body\":\"styles-module__panel-body___Thxgl\",\"skAdNetworkStatus\":\"styles-module__skAdNetworkStatus___2geF4\",\"badge\":\"styles-module__badge___3emxv\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___1cgoE\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1W3kx\",\"btn-toggle\":\"styles-module__btn-toggle___2Fg18\",\"handle\":\"styles-module__handle___28WO0\",\"active\":\"styles-module__active___1aCyw\",\"focus\":\"styles-module__focus___1pAbE\",\"card-panel\":\"styles-module__card-panel___27GI3\",\"panel-heading\":\"styles-module__panel-heading___3NNKz\",\"panel-title\":\"styles-module__panel-title___1ZQVb\",\"panel-subtitle\":\"styles-module__panel-subtitle___2xMnn\",\"panel-body\":\"styles-module__panel-body___3sakV\",\"appsDropdownContainer\":\"styles-module__appsDropdownContainer___3uoN3\",\"moveCampaignButton\":\"styles-module__moveCampaignButton___1Pn9t\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"offColor\":\"#da5350\",\"onColor\":\"#05b7ac\",\"google-oauth-button\":\"styles-module__google-oauth-button___3lFyD\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___Yi7Nr\",\"btn-toggle\":\"styles-module__btn-toggle___2izPc\",\"handle\":\"styles-module__handle___1IWc0\",\"active\":\"styles-module__active___36TMX\",\"focus\":\"styles-module__focus___1DbrL\",\"card-panel\":\"styles-module__card-panel___1NjM0\",\"panel-heading\":\"styles-module__panel-heading___U606i\",\"panel-title\":\"styles-module__panel-title___1pM4d\",\"panel-subtitle\":\"styles-module__panel-subtitle____D3Ou\",\"panel-body\":\"styles-module__panel-body___2ErAt\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___1lIib\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1xu_Q\",\"btn-toggle\":\"styles-module__btn-toggle___1jeBl\",\"handle\":\"styles-module__handle___32rBX\",\"active\":\"styles-module__active___3SYLD\",\"focus\":\"styles-module__focus___20cxD\",\"card-panel\":\"styles-module__card-panel___3K6Yk\",\"panel-heading\":\"styles-module__panel-heading___3bVhA\",\"panel-title\":\"styles-module__panel-title___1-jkm\",\"panel-subtitle\":\"styles-module__panel-subtitle___1obl7\",\"panel-body\":\"styles-module__panel-body___2VbvZ\",\"pageSizeSelector\":\"styles-module__pageSizeSelector___AoySL\",\"rowCountDescription\":\"styles-module__rowCountDescription___xZ1hT\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3fh8d\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1JOjj\",\"btn-toggle\":\"styles-module__btn-toggle___2geVZ\",\"handle\":\"styles-module__handle___2AXLu\",\"active\":\"styles-module__active___2HAR5\",\"focus\":\"styles-module__focus___3MmO8\",\"card-panel\":\"styles-module__card-panel___RI3CK\",\"panel-heading\":\"styles-module__panel-heading___TSSfS\",\"panel-title\":\"styles-module__panel-title___Nwzvd\",\"panel-subtitle\":\"styles-module__panel-subtitle___gTIOD\",\"panel-body\":\"styles-module__panel-body___23BrR\",\"skAppClaimText\":\"styles-module__skAppClaimText___2EUEy\",\"fixedList\":\"styles-module__fixedList___1pLNk\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___14cFs\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___iZ0Bd\",\"btn-toggle\":\"styles-module__btn-toggle___WnFzR\",\"handle\":\"styles-module__handle___3nzcM\",\"active\":\"styles-module__active___aX7tS\",\"focus\":\"styles-module__focus___wDVZ6\",\"card-panel\":\"styles-module__card-panel___3uqdW\",\"panel-heading\":\"styles-module__panel-heading___3gv4y\",\"panel-title\":\"styles-module__panel-title___1BZLk\",\"panel-subtitle\":\"styles-module__panel-subtitle___1cuip\",\"panel-body\":\"styles-module__panel-body___36fSH\",\"footer\":\"styles-module__footer___IL6cn\",\"footerCollapsed\":\"styles-module__footerCollapsed___CwBiA\"};","export const ALL_RESULTS_TEXT = 'Viewing all results'\nexport const NO_RESULTS_FOR_PAGE_TEXT = 'There are no results for page'\nexport const NO_RESULTS_TEXT = 'There are no results'\n","import { range as _range } from 'lodash'\nimport {\n MAX_NUM_PAGES_DISPLAYABLE, MIN_NUM_PAGE_NEIGHBORS, MORE_PAGES, NUM_GROWTH_LEFT_PAGES,\n NUM_GROWTH_RIGHT_PAGES, RANGE_ADDITIVE\n} from './constants'\n\nconst range = (start, stop) => _range(start, stop + RANGE_ADDITIVE)\n\nexport const buildPageNumbersList = ({ currentPage, totalPages }) => {\n if (totalPages > MAX_NUM_PAGES_DISPLAYABLE) {\n // when the currentPage is in the lower portion (left-side, low number) of the paginator\n if (currentPage <= MIN_NUM_PAGE_NEIGHBORS) {\n // we add an additional page item here b/c we only need to show 1 MORE_PAGES page item in the\n // paginator and we don't want the width of the paginator to change as a user is clicking\n // through\n return [...range(1, NUM_GROWTH_RIGHT_PAGES), MORE_PAGES, totalPages]\n }\n\n // when the currentPage is in the top portion (right-side, high number) of the paginator\n if (currentPage >= totalPages - MIN_NUM_PAGE_NEIGHBORS) {\n // we add an additional page item here b/c we only need to show 1 MORE_PAGES page item in the\n // paginator and we don't want the width of the paginator to change as a user is clicking\n // through\n return [\n 1,\n MORE_PAGES,\n ...range(totalPages - NUM_GROWTH_LEFT_PAGES, totalPages)\n ]\n }\n\n let numOfVisibleLeftBlocks\n let numOfVisibleRightBlocks\n\n if (MIN_NUM_PAGE_NEIGHBORS % 2 === 0) {\n const offsetVariable = (MIN_NUM_PAGE_NEIGHBORS - 1) / 2\n numOfVisibleLeftBlocks = Math.ceil(offsetVariable)\n numOfVisibleRightBlocks = Math.floor(offsetVariable)\n } else {\n const numOfOffsetItems = Math.floor(MIN_NUM_PAGE_NEIGHBORS / 2)\n numOfVisibleLeftBlocks = numOfOffsetItems\n numOfVisibleRightBlocks = numOfOffsetItems\n }\n\n return [\n 1,\n MORE_PAGES,\n ...range(currentPage - numOfVisibleLeftBlocks, currentPage + numOfVisibleRightBlocks),\n MORE_PAGES,\n totalPages\n ]\n }\n\n return range(1, totalPages)\n}\n","export const DEFAULT_TEMPLATE = '\n {children}\n
\n\n '\n\nconst NAMESPACE = 'react-tooltip'\n\nexport const EVENTS = [\n [`show.bs.tooltip.${NAMESPACE}`, 'onShow'],\n [`shown.bs.tooltip.${NAMESPACE}`, 'onShown'],\n [`hide.bs.tooltip.${NAMESPACE}`, 'onHide'],\n [`hidden.bs.tooltip.${NAMESPACE}`, 'onHidden'],\n [`inserted.bs.tooltip.${NAMESPACE}`, 'onInserted']\n]\n","export const LABEL_APP_SELECTOR = 'App'\nexport const PLACEHOLDER_APP_SELECTOR = 'Select an app'\n\nexport const FILTER_CONFIG = {\n ignoreAccents: true,\n ignoreCase: true,\n matchFrom: 'any',\n stringify: option => `${option.data.id} ${option.data.name}`,\n trim: true\n}\n","export const ICON_SPINNER = 'spinner'\nexport const RESET_DURATION_MS = 2000\nexport const ANIMATION_SPIN = 'spin'\n","export const LABEL_CHANNEL_SELECTOR = 'Channels and Partners'\nexport const PLACEHOLDER_CHANNEL_SELECTOR = 'select a channel'\n\nexport const FILTER_CONFIG = {\n ignoreAccents: true,\n ignoreCase: true,\n matchFrom: 'any',\n stringify: option => `${option.data.id} ${option.data.name}`,\n trim: true\n}\n","import { useEffect, useRef } from 'react'\n\n// forces Highcharts to \"reflow\" based on dependencies change\n// https://api.highcharts.com/highcharts/chart.reflow\nexport default function useHighchartsReflowEffect(dependencies) {\n const hasRendered = useRef(false)\n\n useEffect(() => {\n if (hasRendered.current) {\n window.dispatchEvent(new Event('resize'))\n }\n\n hasRendered.current = true\n }, dependencies)\n}\n","import ReportingDataImg from '../../../../ReportingDataImg'\nimport ReportingDataNameDisplay from '../../../../ReportingDataNameDisplay'\n\nimport { stripTrailingSlash } from '../../../../../utils/helpers'\n\nexport const getUrlWithCustomEventName = ({ customEventName, location }) => {\n const pathname = stripTrailingSlash(location.pathname)\n\n const search = new URLSearchParams(location.search)\n\n search.set('event_name', customEventName)\n\n return `${pathname}?${search.toString()}`\n}\n\nexport const getDefaultValue = customEventName => ({\n label: customEventName, value: customEventName\n})\n\nexport const handleGroupLabelFormat = group => (\n
\n
'\n\nexport const getTooltipOptionsByGroupBy = groupBy => ({\n ...TOOLTIP_OPTIONS,\n footerFormat,\n headerFormat,\n pointFormatter: pointFormatterWithGroupBy(groupBy)\n})\n","import { get, put, post } from '../../utils/request'\nimport { deepSnakeKeys } from '../../utils/helpers'\nimport { DASHBOARD_USERS_HIDE_ONBOARDING_POPUP_URL } from './constants'\n\nexport const changeAdAccountLastStatsUpdateDate = async date => (\n // eslint-disable-next-line no-return-await\n await put(`${window.location.pathname}/last_stats_date`, deepSnakeKeys({ adAccount: { date } }))\n)\n\nexport const toggleAdAccountActiveState = async ({ adAccountId, integrationSlug }) => (\n // eslint-disable-next-line no-return-await\n await put(`/dashboard/integrations/${integrationSlug}/accounts/${adAccountId}/toggle_active`)\n)\n\nexport const hideOnboardingPopup = async () => {\n const result = await post(DASHBOARD_USERS_HIDE_ONBOARDING_POPUP_URL)\n\n return result\n}\n","import { sub } from 'date-fns'\nimport { format, utcToZonedTime, zonedTimeToUtc } from 'date-fns-tz'\n\nimport { getBrowserTimeZone } from '../../../../../../utils/helpers'\n\nimport { NUM_YEARS_FOR_MIN_DATE, TIME_FORMAT, UTC_TIME_ZONE } from './constants'\n\nexport const getDateForDisplayInUtc = date => {\n const timeZone = getBrowserTimeZone()\n const utcTime = zonedTimeToUtc(date, timeZone)\n\n return format(utcToZonedTime(utcTime), TIME_FORMAT, { timeZone: UTC_TIME_ZONE })\n}\n\nexport const getMaxDate = () => new Date()\nexport const getMinDate = () => sub(new Date(), { years: NUM_YEARS_FOR_MIN_DATE })\n","export const MAX_DEDUCTION_PERCENT = 100\nexport const MIN_DEDUCTION_PERCENT = 0\n","export const APP_CLAIM_STATUS_PROCESSING_REQUEST = 'processingRequest'\nexport const APP_CLAIM_STATUS_UNVERIFIED = 'unverified'\nexport const APP_CLAIM_STATUS_VERIFIED = 'verified'\n\nexport const COPY_BY_APP_CLAIM_STATUS_MAPPING = {\n [APP_CLAIM_STATUS_PROCESSING_REQUEST]: {\n badgeLevel: 'default',\n badgeText: 'Processing Request',\n helpText: 'Once your account manager has verified your app, '\n + 'this status will change to Verified.'\n },\n [APP_CLAIM_STATUS_UNVERIFIED]: {\n badgeLevel: 'danger',\n badgeText: 'Unverified',\n helpText: 'To upload CSV and see SK Ad Network data, you must verify ownership '\n + 'of this app through your account manager.'\n },\n [APP_CLAIM_STATUS_VERIFIED]: {\n badgeLevel: 'success',\n badgeText: 'Verified',\n helpText: 'You are receiving SK Ad Network data for this app.'\n }\n}\n","// eslint-disable-next-line import/prefer-default-export\nexport const CAMPAIGN_ROW_SKELETON_HEIGHT = 40\n","import PropTypes from 'prop-types'\n\nimport {\n objectOfChannels,\n objectOfFilterableApps,\n objectOfLookbackWindows,\n oneOfSelectableLookbackWindows,\n objectOfServerPlatforms,\n arrayOfSelectableServerPlatforms\n} from '../../utils/customPropTypes'\n\nimport {\n renderAppsFilter,\n renderChannelsFilter,\n renderLookbackWindowFilter,\n renderPlatformsFilter\n} from './helpers'\n\nimport styles from './styles.module.scss'\n\nconst FilterBar = ({\n apps,\n canFilterByApps,\n canFilterByChannels,\n canFilterByLookbackWindow,\n canFilterByPlatforms,\n channels,\n lookbackWindows,\n onAppsSave,\n onChannelsSave,\n onLookbackWindowSave,\n onPlatformsSave,\n platforms,\n selectedAppIds,\n selectedChannelIds,\n selectedLookbackWindow,\n selectedPlatforms\n}) => (\n \n
\n
\n`\n\nconst pointFormatterWithGroupBy = groupBy => {\n function pointFormatter() {\n const { series: { color, name }, y: conversionsCount } = this\n\n const seriesName = getComparisonSelectorOptionLabelByName({ groupBy, name })\n\n return `\n {point.key}
\n CONVERSION VALUE
\n \n
\n
\n `\n }\n\n return pointFormatter\n}\n\nconst footerFormat = '${conversionsCount}
\n CONVERSIONS
\n \n \n
\n ${seriesName}
\n \n {canFilterByPlatforms && (\n renderPlatformsFilter({\n onPlatformsSave,\n platforms,\n selectedPlatforms\n })\n )}\n\n {canFilterByApps && (\n renderAppsFilter({\n apps,\n onAppsSave,\n selectedAppIds\n })\n )}\n\n {canFilterByChannels && (\n renderChannelsFilter({\n channels,\n onChannelsSave,\n selectedChannelIds\n })\n )}\n\n {canFilterByLookbackWindow && (\n renderLookbackWindowFilter({\n lookbackWindows,\n onLookbackWindowSave,\n selectedLookbackWindow\n })\n )}\n
\n)\n\nFilterBar.propTypes = {\n apps: objectOfFilterableApps,\n canFilterByApps: PropTypes.bool,\n canFilterByChannels: PropTypes.bool,\n canFilterByLookbackWindow: PropTypes.bool,\n canFilterByPlatforms: PropTypes.bool,\n channels: objectOfChannels,\n lookbackWindows: objectOfLookbackWindows,\n onAppsSave: PropTypes.func,\n onChannelsSave: PropTypes.func,\n onLookbackWindowSave: PropTypes.func,\n onPlatformsSave: PropTypes.func,\n platforms: objectOfServerPlatforms,\n selectedAppIds: PropTypes.arrayOf(PropTypes.string),\n selectedChannelIds: PropTypes.arrayOf(PropTypes.number),\n selectedLookbackWindow: oneOfSelectableLookbackWindows,\n selectedPlatforms: arrayOfSelectableServerPlatforms\n}\n\nFilterBar.defaultProps = {\n apps: {},\n canFilterByApps: false,\n canFilterByChannels: false,\n canFilterByLookbackWindow: false,\n canFilterByPlatforms: false,\n channels: {},\n lookbackWindows: {},\n onAppsSave: () => {},\n onChannelsSave: () => {},\n onLookbackWindowSave: () => {},\n onPlatformsSave: () => {},\n platforms: {},\n selectedAppIds: null,\n selectedChannelIds: null,\n selectedLookbackWindow: null,\n selectedPlatforms: null\n}\n\nexport default FilterBar\n","import classNames from 'classnames'\nimport { filter, includes, isEqual, startCase } from 'lodash'\nimport pluralize from 'pluralize'\nimport PropTypes from 'prop-types'\nimport Tooltip from 'rc-tooltip'\nimport React, { useEffect, useRef, useState } from 'react'\nimport Select, { components } from 'react-select'\n\nimport { arrayOfAppObjects } from '../../utils/customPropTypes'\nimport { deepCamelKeys } from '../../utils/helpers'\nimport { post } from '../../utils/request'\nimport AsyncButton from '../AsyncButton'\nimport FontAwesomeIcon from '../FontAwesomeIcon'\nimport Icon from '../Icon'\nimport PlatformIcon from '../PlatformIcon'\nimport {\n ACTION_DESELECT_OPTION,\n ACTION_INPUT_CHANGE,\n ACTION_MENU_CLOSE,\n ACTION_SELECT_OPTION,\n INPUT_REF_FOCUS_TIMEOUT,\n MOUSE_LEAVE_DELAY,\n PLACEHOLDER_INPUT,\n PLATFORM_LABELS,\n UNSAVED_CHANGES\n} from './constants'\nimport stylesObj from './styles.module.scss'\n\nconst customStyles = {\n control: () => ({\n backgroundColor: stylesObj.controlBackgroundColor,\n border: stylesObj.controlBorder,\n borderRadius: stylesObj.controlBorderRadius,\n display: 'flex',\n flexGrow: stylesObj.controlFlexGrow,\n flexShrink: stylesObj.controlFlexShrink,\n fontFamily: stylesObj.controlFontFamily,\n fontSize: stylesObj.controlFontSize,\n fontWeight: stylesObj.controlFontWeight,\n lineHeight: stylesObj.controlLineHeight\n }),\n dropdownIndicator: styles => ({\n ...styles,\n ':hover': {\n ...styles[':hover'],\n color: stylesObj.dropdownIndicatorColor\n },\n color: stylesObj.dropdownIndicatorColor\n }),\n indicatorSeparator: styles => ({\n ...styles,\n display: 'none',\n width: stylesObj.indicatorSeparatorWidth\n }),\n input: styles => ({\n ...styles,\n paddingLeft: stylesObj.inputPaddingLeft\n }),\n menu: styles => ({\n ...styles,\n height: stylesObj.menuHeight,\n width: stylesObj.menuWidth\n }),\n menuList: styles => ({\n ...styles,\n '&::-webkit-scrollbar': {\n '-webkit-appearance': 'none'\n },\n '&::-webkit-scrollbar-thumb': {\n backgroundColor: stylesObj.menuListScrollbarBackgroundColor,\n border: stylesObj.menuListScrollbarBorder,\n borderRadius: stylesObj.menuListScrollbarBorderRadius\n },\n '&::-webkit-scrollbar:horizontal': {\n height: stylesObj.menuListScrollbarDimensions\n },\n '&::-webkit-scrollbar:vertical': {\n width: stylesObj.menuListScrollbarDimensions\n },\n height: stylesObj.menuListHeight\n }),\n option: styles => ({\n ...styles,\n cursor: 'pointer'\n }),\n valueContainer: styles => ({\n ...styles,\n cursor: 'pointer'\n })\n}\n\n/* eslint-disable react/prop-types */\nconst CustomOption = props => {\n const { data, isSelected } = props\n const { iconUrl, id, name, platform } = data\n const tooltipTitle = `${name} (${\n PLATFORM_LABELS[platform] || startCase(platform)\n })`\n\n return (\n \n
\n \n Something went wrong...}\n loadingContent={Saving...}\n >\n Save\n \n
\n )\n\n /* eslint-disable react/prop-types,\n react/destructuring-assignment,\n jsx-a11y/click-events-have-key-events,\n jsx-a11y/no-static-element-interactions */\n const CustomValueContainer = props => (\n \n {pluralize('app', selectedApps.length, true)} selected\n
\n {hasChanges && !isUpdating && (\n \n option.name}\n getOptionValue={option => option.id}\n hideSelectedOptions={false}\n inputValue={searchValue}\n isClearable={false}\n isDisabled={isSelectDisabled}\n isMulti\n menuIsOpen={isMenuOpen}\n onChange={handleChange}\n onInputChange={handleChangeInput}\n onMenuOpen={handleOpenMenu}\n openMenuOnClick={false}\n options={apps}\n placeholder=\"\"\n styles={customStyles}\n value={selectedApps}\n />\n {SaveButton}\n
\n )\n}\n\nAppAccessSelector.propTypes = {\n apps: arrayOfAppObjects.isRequired,\n organizationUserId: PropTypes.string.isRequired,\n selectedAppIds: PropTypes.arrayOf(PropTypes.string).isRequired,\n url: PropTypes.string.isRequired\n}\n\nexport default AppAccessSelector\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___1dLGu\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___gq3Lx\",\"btn-toggle\":\"styles-module__btn-toggle___15OPu\",\"handle\":\"styles-module__handle___3dOga\",\"active\":\"styles-module__active___OT5Ne\",\"focus\":\"styles-module__focus___2QVov\",\"card-panel\":\"styles-module__card-panel___1CHx1\",\"panel-heading\":\"styles-module__panel-heading___uauZD\",\"panel-title\":\"styles-module__panel-title___10rVf\",\"panel-subtitle\":\"styles-module__panel-subtitle___1iaGq\",\"panel-body\":\"styles-module__panel-body___3OFft\",\"BackLink\":\"styles-module__BackLink___1JsZn\"};","import React, { useCallback, useState } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { isEmpty } from 'lodash'\nimport { noop } from '../../utils/helpers'\n\nimport CheckboxIcon from '../CheckboxIcon/CheckboxIcon'\n\nimport styles from './styles.module.scss'\n\nfunction Checkbox(props) {\n const {\n className,\n htmlFor,\n isChecked,\n label,\n multiple,\n onChange,\n readOnly,\n size,\n value\n } = props\n\n const [isFocused, setIsFocused] = useState(false)\n const [isHovered, setIsHovered] = useState(false)\n\n const handleBlur = useCallback(() => {\n setIsFocused(false)\n }, [])\n\n const handleFocus = useCallback(() => {\n setIsFocused(true)\n }, [])\n\n const handleMouseEnter = useCallback(() => {\n setIsHovered(true)\n }, [])\n\n const handleMouseLeave = useCallback(() => {\n setIsHovered(false)\n }, [])\n\n const handleChange = useCallback(ev => {\n ev.stopPropagation()\n\n if (!multiple && value.toString() === ev.target.value && isChecked) {\n return\n }\n\n onChange(ev)\n }, [isChecked, multiple, value])\n\n const visibleCheckboxClassName = classNames(styles.visibleCheckbox, {\n [styles.checkedVisibleCheckbox]: isChecked,\n [styles.focusedVisibleCheckbox]: isFocused,\n [styles.hoveredVisibleCheckbox]: isHovered\n })\n\n const innerCheckboxClassName = classNames(styles.inner, styles[`inner--${size}`])\n\n return (\n \n )\n}\n\nCheckbox.propTypes = {\n className: PropTypes.string,\n htmlFor: PropTypes.string.isRequired,\n isChecked: PropTypes.bool.isRequired,\n label: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.element\n ]),\n multiple: PropTypes.bool,\n onChange: PropTypes.func,\n readOnly: PropTypes.bool,\n size: PropTypes.oneOf(['sm', 'default']),\n value: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string\n ])\n}\n\nCheckbox.defaultProps = {\n className: '',\n label: '',\n multiple: false,\n onChange: noop,\n readOnly: false,\n size: 'default',\n value: ''\n}\n\nexport default Checkbox\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { isEmpty } from 'lodash'\n\nimport FontAwesomeIcon from '../FontAwesomeIcon'\n\nimport styles from './styles.module.scss'\n\nclass SearchInput extends React.Component {\n constructor(props) {\n super(props)\n\n this.handleClear = this.handleClear.bind(this)\n this.handleChange = this.handleChange.bind(this)\n\n this.inputRef = React.createRef()\n\n this.state = {\n value: props.value\n }\n }\n\n componentDidUpdate({ value: prevPropsValue }) {\n this.updateValueIfNeeded(prevPropsValue)\n }\n\n updateValueIfNeeded(prevValue) {\n const { value } = this.props\n const { value: stateValue } = this.state\n\n if (value !== prevValue && stateValue !== value) {\n this.setState({ value })\n }\n }\n\n handleChange(event) {\n const { onChange } = this.props\n const { value } = event.target\n\n this.setState({ value }, () => onChange(value))\n }\n\n handleClear(event) {\n event.stopPropagation()\n\n const { value } = this.state\n\n if (isEmpty(value)) return\n\n const { autoFocus, onChange } = this.props\n\n this.setState({ value: '' }, () => {\n onChange('')\n\n if (autoFocus) {\n this.inputRef.current.focus()\n }\n })\n }\n\n renderClearSearchIcon() {\n return (\n {text}
\n }\n}\n\nPageSectionHeader.propTypes = {\n text: PropTypes.string.isRequired\n}\n\nexport default PageSectionHeader\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___dkbSH\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___3cXFO\",\"btn-toggle\":\"styles-module__btn-toggle___Xx3rg\",\"handle\":\"styles-module__handle___2LNbT\",\"active\":\"styles-module__active___12MyQ\",\"focus\":\"styles-module__focus___38mbt\",\"card-panel\":\"styles-module__card-panel___PlN-h\",\"panel-heading\":\"styles-module__panel-heading___kzKAz\",\"panel-title\":\"styles-module__panel-title___qcoqR\",\"panel-subtitle\":\"styles-module__panel-subtitle___1vbvZ\",\"panel-body\":\"styles-module__panel-body___58QIO\",\"container\":\"styles-module__container___1CRqw\"};","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport styles from './styles.module.scss'\n\nclass PageSubtext extends React.PureComponent {\n render() {\n const { children } = this.props\n\n return{children}
\n }\n}\n\nPageSubtext.propTypes = {\n children: PropTypes.node.isRequired\n}\n\nexport default PageSubtext\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___1UUQq\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___3SJVf\",\"btn-toggle\":\"styles-module__btn-toggle___1jSAv\",\"handle\":\"styles-module__handle___L3LE_\",\"active\":\"styles-module__active___zEU9K\",\"focus\":\"styles-module__focus___uDYbJ\",\"card-panel\":\"styles-module__card-panel___27j5V\",\"panel-heading\":\"styles-module__panel-heading___2w5fH\",\"panel-title\":\"styles-module__panel-title___3Oz-N\",\"panel-subtitle\":\"styles-module__panel-subtitle___1tODi\",\"panel-body\":\"styles-module__panel-body___2KyXa\",\"text\":\"styles-module__text___2rpkL\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___1pEUv\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___20OcX\",\"btn-toggle\":\"styles-module__btn-toggle___1DL2n\",\"handle\":\"styles-module__handle___2u9DQ\",\"active\":\"styles-module__active___31EFP\",\"focus\":\"styles-module__focus___2lxCO\",\"card-panel\":\"styles-module__card-panel___1hBlU\",\"panel-heading\":\"styles-module__panel-heading___-dtFn\",\"panel-title\":\"styles-module__panel-title___1LhhH\",\"panel-subtitle\":\"styles-module__panel-subtitle___2OiaN\",\"panel-body\":\"styles-module__panel-body___3hxyN\",\"text\":\"styles-module__text___108sc\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___34qdE\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1AeXO\",\"btn-toggle\":\"styles-module__btn-toggle___2CReu\",\"handle\":\"styles-module__handle___g8UKa\",\"active\":\"styles-module__active___2dvco\",\"focus\":\"styles-module__focus___D0foj\",\"card-panel\":\"styles-module__card-panel___1on0v\",\"panel-heading\":\"styles-module__panel-heading___2QHYw\",\"panel-title\":\"styles-module__panel-title___urSuV\",\"panel-subtitle\":\"styles-module__panel-subtitle___1t2OV\",\"panel-body\":\"styles-module__panel-body___3wVKd\",\"noValue\":\"styles-module__noValue___1LuD5\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___1o4LK\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1Wne7\",\"btn-toggle\":\"styles-module__btn-toggle___3xNPp\",\"handle\":\"styles-module__handle___3bx6F\",\"active\":\"styles-module__active___1-C-9\",\"focus\":\"styles-module__focus____w0mJ\",\"card-panel\":\"styles-module__card-panel___6dszY\",\"panel-heading\":\"styles-module__panel-heading___19naR\",\"panel-title\":\"styles-module__panel-title___UsBAD\",\"panel-subtitle\":\"styles-module__panel-subtitle___2UY1u\",\"panel-body\":\"styles-module__panel-body___1j1jl\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___YlsVS\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1m3zu\",\"btn-toggle\":\"styles-module__btn-toggle___26Zvk\",\"handle\":\"styles-module__handle___2rDx6\",\"active\":\"styles-module__active___3hG29\",\"focus\":\"styles-module__focus___1MD-A\",\"card-panel\":\"styles-module__card-panel___Oi5EL\",\"panel-heading\":\"styles-module__panel-heading___3BbV4\",\"panel-title\":\"styles-module__panel-title___bAjOF\",\"panel-subtitle\":\"styles-module__panel-subtitle___2ZsfG\",\"panel-body\":\"styles-module__panel-body___32Kme\",\"text\":\"styles-module__text___jYaGv\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___2sECq\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1HEkY\",\"btn-toggle\":\"styles-module__btn-toggle___2Q6k1\",\"handle\":\"styles-module__handle___199EA\",\"active\":\"styles-module__active___xt56V\",\"focus\":\"styles-module__focus___1lx6R\",\"card-panel\":\"styles-module__card-panel___VDynP\",\"panel-heading\":\"styles-module__panel-heading___9GHLd\",\"panel-title\":\"styles-module__panel-title___doddW\",\"panel-subtitle\":\"styles-module__panel-subtitle___2YqzV\",\"panel-body\":\"styles-module__panel-body___1FMEZ\",\"text\":\"styles-module__text___mm1RJ\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3pHlg\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___2rDCq\",\"btn-toggle\":\"styles-module__btn-toggle___32WrR\",\"handle\":\"styles-module__handle___3JYxg\",\"active\":\"styles-module__active___1v8oK\",\"focus\":\"styles-module__focus___36Omw\",\"card-panel\":\"styles-module__card-panel___2_yQY\",\"panel-heading\":\"styles-module__panel-heading___Koo-_\",\"panel-title\":\"styles-module__panel-title___8mI9E\",\"panel-subtitle\":\"styles-module__panel-subtitle___1mQAr\",\"panel-body\":\"styles-module__panel-body___3sfca\",\"text\":\"styles-module__text___2X8Zz\",\"subtext\":\"styles-module__subtext___2NGRE\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___9h0-r\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___3oJBV\",\"btn-toggle\":\"styles-module__btn-toggle___7oSr2\",\"handle\":\"styles-module__handle___3VENK\",\"active\":\"styles-module__active___3_8_d\",\"focus\":\"styles-module__focus___ujhjS\",\"card-panel\":\"styles-module__card-panel___3JcEn\",\"panel-heading\":\"styles-module__panel-heading___4ahVm\",\"panel-title\":\"styles-module__panel-title___3lPMn\",\"panel-subtitle\":\"styles-module__panel-subtitle___2rsnR\",\"panel-body\":\"styles-module__panel-body___2G2Le\",\"boldLink\":\"styles-module__boldLink___2Dxe4\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3QcWK\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___S3JbC\",\"btn-toggle\":\"styles-module__btn-toggle___3pALA\",\"handle\":\"styles-module__handle___2UtqW\",\"active\":\"styles-module__active___3oqEw\",\"focus\":\"styles-module__focus___3qnI_\",\"card-panel\":\"styles-module__card-panel___2-Zs9\",\"panel-heading\":\"styles-module__panel-heading___2W-zy\",\"panel-title\":\"styles-module__panel-title___3kh3n\",\"panel-subtitle\":\"styles-module__panel-subtitle___2oNEd\",\"panel-body\":\"styles-module__panel-body___21S3D\",\"linkContainer\":\"styles-module__linkContainer___2k5OD\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___1Hwot\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___2xbMT\",\"btn-toggle\":\"styles-module__btn-toggle___2AWoi\",\"handle\":\"styles-module__handle___3o8_S\",\"active\":\"styles-module__active___Wn7tq\",\"focus\":\"styles-module__focus___2fvvn\",\"card-panel\":\"styles-module__card-panel___r4F2u\",\"panel-heading\":\"styles-module__panel-heading___1qkaG\",\"panel-title\":\"styles-module__panel-title___rlbfg\",\"panel-subtitle\":\"styles-module__panel-subtitle___1LABC\",\"panel-body\":\"styles-module__panel-body___1xTea\",\"overlayText\":\"styles-module__overlayText___3B_-j\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___2Nk5f\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___RMEzI\",\"btn-toggle\":\"styles-module__btn-toggle___Ixmmi\",\"handle\":\"styles-module__handle___1fGw5\",\"active\":\"styles-module__active___1R3VZ\",\"focus\":\"styles-module__focus___3U2Em\",\"card-panel\":\"styles-module__card-panel___1YvzB\",\"panel-heading\":\"styles-module__panel-heading___T7tDz\",\"panel-title\":\"styles-module__panel-title___3lsdo\",\"panel-subtitle\":\"styles-module__panel-subtitle___3SjQT\",\"panel-body\":\"styles-module__panel-body___1znmy\",\"linkContainer\":\"styles-module__linkContainer___1BYF0\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___2M3Gh\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___3U-vu\",\"btn-toggle\":\"styles-module__btn-toggle___2r2UQ\",\"handle\":\"styles-module__handle___2Ow1D\",\"active\":\"styles-module__active___2eXeA\",\"focus\":\"styles-module__focus___yw3Q1\",\"card-panel\":\"styles-module__card-panel___3nPNN\",\"panel-heading\":\"styles-module__panel-heading___2b_zy\",\"panel-title\":\"styles-module__panel-title___290jO\",\"panel-subtitle\":\"styles-module__panel-subtitle___RirMN\",\"panel-body\":\"styles-module__panel-body___-lJZB\",\"text\":\"styles-module__text___3RGfR\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___119lD\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1gUur\",\"btn-toggle\":\"styles-module__btn-toggle___X55ew\",\"handle\":\"styles-module__handle___SwzsW\",\"active\":\"styles-module__active___2S1Su\",\"focus\":\"styles-module__focus___3ALwE\",\"card-panel\":\"styles-module__card-panel___1Ajaz\",\"panel-heading\":\"styles-module__panel-heading___3AxTQ\",\"panel-title\":\"styles-module__panel-title___DmkAD\",\"panel-subtitle\":\"styles-module__panel-subtitle___26huI\",\"panel-body\":\"styles-module__panel-body___2DnJl\",\"table\":\"styles-module__table___Jskd7\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3sFJg\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___2opcN\",\"btn-toggle\":\"styles-module__btn-toggle___2zIFF\",\"handle\":\"styles-module__handle___Xb-rw\",\"active\":\"styles-module__active___2nHLy\",\"focus\":\"styles-module__focus___gFpIP\",\"card-panel\":\"styles-module__card-panel___3-dum\",\"panel-heading\":\"styles-module__panel-heading___1Sef7\",\"panel-title\":\"styles-module__panel-title___qm6MF\",\"panel-subtitle\":\"styles-module__panel-subtitle___3gzrT\",\"panel-body\":\"styles-module__panel-body___12MhM\",\"numeric\":\"styles-module__numeric___29jMH\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___2D3dp\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___2ZchC\",\"btn-toggle\":\"styles-module__btn-toggle___1oV2A\",\"handle\":\"styles-module__handle___yGu-S\",\"active\":\"styles-module__active___3QAGt\",\"focus\":\"styles-module__focus___caYa1\",\"card-panel\":\"styles-module__card-panel___oA5Bu\",\"panel-heading\":\"styles-module__panel-heading___12PE1\",\"panel-title\":\"styles-module__panel-title___VJ04o\",\"panel-subtitle\":\"styles-module__panel-subtitle___2F61x\",\"panel-body\":\"styles-module__panel-body___3hyuR\",\"skeleton\":\"styles-module__skeleton___1Rzoi\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___1vot8\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___xkwQT\",\"btn-toggle\":\"styles-module__btn-toggle___2NAz0\",\"handle\":\"styles-module__handle___J-qHf\",\"active\":\"styles-module__active___gWGC_\",\"focus\":\"styles-module__focus___3UtIb\",\"card-panel\":\"styles-module__card-panel___2oo_M\",\"panel-heading\":\"styles-module__panel-heading___1YaDL\",\"panel-title\":\"styles-module__panel-title___3-cPS\",\"panel-subtitle\":\"styles-module__panel-subtitle___3OZDZ\",\"panel-body\":\"styles-module__panel-body___3egt2\",\"header\":\"styles-module__header___pzc33\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___2eCMg\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___10dRr\",\"btn-toggle\":\"styles-module__btn-toggle___2mqxN\",\"handle\":\"styles-module__handle___1wqfD\",\"active\":\"styles-module__active___8BFeR\",\"focus\":\"styles-module__focus____bDfb\",\"card-panel\":\"styles-module__card-panel___3myPY\",\"panel-heading\":\"styles-module__panel-heading___2RCb0\",\"panel-title\":\"styles-module__panel-title___1ORRg\",\"panel-subtitle\":\"styles-module__panel-subtitle___2fA5V\",\"panel-body\":\"styles-module__panel-body___2az-U\",\"msg\":\"styles-module__msg___20gTF\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___yDZkp\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___2my1Q\",\"btn-toggle\":\"styles-module__btn-toggle___ca22r\",\"handle\":\"styles-module__handle___1bsrt\",\"active\":\"styles-module__active___5lhua\",\"focus\":\"styles-module__focus___3N_aq\",\"card-panel\":\"styles-module__card-panel___588GC\",\"panel-heading\":\"styles-module__panel-heading___EYiEQ\",\"panel-title\":\"styles-module__panel-title___16Orl\",\"panel-subtitle\":\"styles-module__panel-subtitle___yL_R-\",\"panel-body\":\"styles-module__panel-body___15D4e\",\"img\":\"styles-module__img___1nye6\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3LGwc\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___OxYAp\",\"btn-toggle\":\"styles-module__btn-toggle___1apYm\",\"handle\":\"styles-module__handle___3qPFB\",\"active\":\"styles-module__active___3U3Fq\",\"focus\":\"styles-module__focus___1oXju\",\"card-panel\":\"styles-module__card-panel___2e2Jv\",\"panel-heading\":\"styles-module__panel-heading___2WmJl\",\"panel-title\":\"styles-module__panel-title___2EXTU\",\"panel-subtitle\":\"styles-module__panel-subtitle___6klvL\",\"panel-body\":\"styles-module__panel-body___1K90N\",\"flag\":\"styles-module__flag___1ap2x\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___1sINT\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___3Co5m\",\"btn-toggle\":\"styles-module__btn-toggle___1lMeu\",\"handle\":\"styles-module__handle___23B1L\",\"active\":\"styles-module__active___1BFi3\",\"focus\":\"styles-module__focus___1PnKX\",\"card-panel\":\"styles-module__card-panel___1jz08\",\"panel-heading\":\"styles-module__panel-heading___2UgoJ\",\"panel-title\":\"styles-module__panel-title___1ApJT\",\"panel-subtitle\":\"styles-module__panel-subtitle___UOmgF\",\"panel-body\":\"styles-module__panel-body___2pJNa\",\"btnWrapper\":\"styles-module__btnWrapper___mkEVU\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"menuZIndex\":\"4000\",\"google-oauth-button\":\"styles-module__google-oauth-button___3GYKL\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1SuBb\",\"btn-toggle\":\"styles-module__btn-toggle___15Q2R\",\"handle\":\"styles-module__handle___-chWB\",\"active\":\"styles-module__active___1PmP9\",\"focus\":\"styles-module__focus___LEtE0\",\"card-panel\":\"styles-module__card-panel___2VISk\",\"panel-heading\":\"styles-module__panel-heading___3GN9Z\",\"panel-title\":\"styles-module__panel-title___1NVvn\",\"panel-subtitle\":\"styles-module__panel-subtitle___2pEIa\",\"panel-body\":\"styles-module__panel-body___2AHYu\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3CvvX\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___3GIOu\",\"btn-toggle\":\"styles-module__btn-toggle___3wso8\",\"handle\":\"styles-module__handle___2JKLx\",\"active\":\"styles-module__active___N3Fi9\",\"focus\":\"styles-module__focus___2fNMJ\",\"card-panel\":\"styles-module__card-panel___2ZS23\",\"panel-heading\":\"styles-module__panel-heading___2jxxm\",\"panel-title\":\"styles-module__panel-title___WGVsW\",\"panel-subtitle\":\"styles-module__panel-subtitle___2ItST\",\"panel-body\":\"styles-module__panel-body___Yf4QT\",\"wrapper\":\"styles-module__wrapper___333-A\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___or9Oj\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___3XnDq\",\"btn-toggle\":\"styles-module__btn-toggle___3UfK1\",\"handle\":\"styles-module__handle___ugz9O\",\"active\":\"styles-module__active___MDO-U\",\"focus\":\"styles-module__focus___17W2C\",\"card-panel\":\"styles-module__card-panel___1wTmc\",\"panel-heading\":\"styles-module__panel-heading___2DLpK\",\"panel-title\":\"styles-module__panel-title___3Ua4q\",\"panel-subtitle\":\"styles-module__panel-subtitle___1yOo_\",\"panel-body\":\"styles-module__panel-body___3nrDa\",\"text\":\"styles-module__text___2Vkeo\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___1sG9L\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___dHJlO\",\"btn-toggle\":\"styles-module__btn-toggle___cT8ak\",\"handle\":\"styles-module__handle___24goh\",\"active\":\"styles-module__active___1p8xK\",\"focus\":\"styles-module__focus___1ZwkZ\",\"card-panel\":\"styles-module__card-panel___365_g\",\"panel-heading\":\"styles-module__panel-heading___3waQg\",\"panel-title\":\"styles-module__panel-title___3acME\",\"panel-subtitle\":\"styles-module__panel-subtitle___KwOPC\",\"panel-body\":\"styles-module__panel-body___3PEGW\",\"formLabelWithTooltip\":\"styles-module__formLabelWithTooltip___3QdcP\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3Ikk9\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___3-k_c\",\"btn-toggle\":\"styles-module__btn-toggle___34QSi\",\"handle\":\"styles-module__handle___1RZf4\",\"active\":\"styles-module__active___34CLR\",\"focus\":\"styles-module__focus___1dElR\",\"card-panel\":\"styles-module__card-panel___3c5tp\",\"panel-heading\":\"styles-module__panel-heading___2XVpH\",\"panel-title\":\"styles-module__panel-title___1ljx8\",\"panel-subtitle\":\"styles-module__panel-subtitle___3niA-\",\"panel-body\":\"styles-module__panel-body___hLV8Q\",\"header\":\"styles-module__header___1kvbW\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___2R9WO\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___9nBxR\",\"btn-toggle\":\"styles-module__btn-toggle___1BfjN\",\"handle\":\"styles-module__handle___3NU9E\",\"active\":\"styles-module__active___1Vi96\",\"focus\":\"styles-module__focus___275M4\",\"card-panel\":\"styles-module__card-panel___lJIza\",\"panel-heading\":\"styles-module__panel-heading___2FocM\",\"panel-title\":\"styles-module__panel-title___eOy3i\",\"panel-subtitle\":\"styles-module__panel-subtitle___2P5Wf\",\"panel-body\":\"styles-module__panel-body___fK-Ma\",\"error\":\"styles-module__error___1tMgU\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3XQMC\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___ldUfi\",\"btn-toggle\":\"styles-module__btn-toggle___3fIAt\",\"handle\":\"styles-module__handle___3QTOG\",\"active\":\"styles-module__active___vkuxM\",\"focus\":\"styles-module__focus___2gMar\",\"card-panel\":\"styles-module__card-panel___aK_3K\",\"panel-heading\":\"styles-module__panel-heading___39YNp\",\"panel-title\":\"styles-module__panel-title___1l0AU\",\"panel-subtitle\":\"styles-module__panel-subtitle___1-9-W\",\"panel-body\":\"styles-module__panel-body___vzmRE\",\"label\":\"styles-module__label___3znQl\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___bryUP\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___2Mj1W\",\"btn-toggle\":\"styles-module__btn-toggle___1V7aN\",\"handle\":\"styles-module__handle___1eqJP\",\"active\":\"styles-module__active___3zATp\",\"focus\":\"styles-module__focus___2Qqhb\",\"card-panel\":\"styles-module__card-panel___QRWqd\",\"panel-heading\":\"styles-module__panel-heading___3ZJrw\",\"panel-title\":\"styles-module__panel-title___3v2FX\",\"panel-subtitle\":\"styles-module__panel-subtitle___1QouZ\",\"panel-body\":\"styles-module__panel-body___2BMY0\",\"btn\":\"styles-module__btn___224Jy\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___1qJW-\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___2SLgX\",\"btn-toggle\":\"styles-module__btn-toggle___3mTdw\",\"handle\":\"styles-module__handle___24Ogb\",\"active\":\"styles-module__active___3AO2N\",\"focus\":\"styles-module__focus___2WRJ8\",\"card-panel\":\"styles-module__card-panel___Al1-q\",\"panel-heading\":\"styles-module__panel-heading___-Y3fq\",\"panel-title\":\"styles-module__panel-title___2yIPI\",\"panel-subtitle\":\"styles-module__panel-subtitle___Zsu9_\",\"panel-body\":\"styles-module__panel-body___RujCN\",\"input\":\"styles-module__input___1quyC\",\"label\":\"styles-module__label___31GCo\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3pvfg\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___18pl_\",\"btn-toggle\":\"styles-module__btn-toggle___3jxPp\",\"handle\":\"styles-module__handle___3mVBK\",\"active\":\"styles-module__active___3DMwl\",\"focus\":\"styles-module__focus___1HDhL\",\"card-panel\":\"styles-module__card-panel___1e08p\",\"panel-heading\":\"styles-module__panel-heading___3svVp\",\"panel-title\":\"styles-module__panel-title___3K5tY\",\"panel-subtitle\":\"styles-module__panel-subtitle___3036A\",\"panel-body\":\"styles-module__panel-body___E8TYQ\",\"error\":\"styles-module__error___ongnp\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3eaW1\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___3A55G\",\"btn-toggle\":\"styles-module__btn-toggle___1u1Ws\",\"handle\":\"styles-module__handle___3FR3U\",\"active\":\"styles-module__active___1cSyS\",\"focus\":\"styles-module__focus___3kgJ3\",\"card-panel\":\"styles-module__card-panel___2lFDk\",\"panel-heading\":\"styles-module__panel-heading___2NTYH\",\"panel-title\":\"styles-module__panel-title___3rlay\",\"panel-subtitle\":\"styles-module__panel-subtitle___1eO1B\",\"panel-body\":\"styles-module__panel-body___3_0yb\",\"error\":\"styles-module__error___rRqb4\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___1Tyj0\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___29HXn\",\"btn-toggle\":\"styles-module__btn-toggle___25JVW\",\"handle\":\"styles-module__handle___1-k8w\",\"active\":\"styles-module__active___2oH9w\",\"focus\":\"styles-module__focus___9KxDM\",\"card-panel\":\"styles-module__card-panel___2xImv\",\"panel-heading\":\"styles-module__panel-heading___3rlIU\",\"panel-title\":\"styles-module__panel-title___1cqTO\",\"panel-subtitle\":\"styles-module__panel-subtitle___KzkHK\",\"panel-body\":\"styles-module__panel-body___3RQ6M\",\"section\":\"styles-module__section___2BkSQ\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___2HWdC\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___rHnLd\",\"btn-toggle\":\"styles-module__btn-toggle___377c3\",\"handle\":\"styles-module__handle___UE2SS\",\"active\":\"styles-module__active___K7M8k\",\"focus\":\"styles-module__focus___xEDSs\",\"card-panel\":\"styles-module__card-panel___1GC1_\",\"panel-heading\":\"styles-module__panel-heading___21VHC\",\"panel-title\":\"styles-module__panel-title___35hSU\",\"panel-subtitle\":\"styles-module__panel-subtitle___2zpMD\",\"panel-body\":\"styles-module__panel-body___1cMDF\",\"sectionContent\":\"styles-module__sectionContent___2r9rN\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3AxPA\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___2v7vw\",\"btn-toggle\":\"styles-module__btn-toggle___3uCzs\",\"handle\":\"styles-module__handle___1aZxs\",\"active\":\"styles-module__active___1Bt_R\",\"focus\":\"styles-module__focus___2zubC\",\"card-panel\":\"styles-module__card-panel___1veTU\",\"panel-heading\":\"styles-module__panel-heading___3CqRQ\",\"panel-title\":\"styles-module__panel-title___lvzE6\",\"panel-subtitle\":\"styles-module__panel-subtitle___8CCon\",\"panel-body\":\"styles-module__panel-body___2cvTJ\",\"sectionHeader\":\"styles-module__sectionHeader___wsugm\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___2-Ry5\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1W5Y8\",\"btn-toggle\":\"styles-module__btn-toggle___12Tc-\",\"handle\":\"styles-module__handle___W9kFr\",\"active\":\"styles-module__active___283Af\",\"focus\":\"styles-module__focus___3o-gN\",\"card-panel\":\"styles-module__card-panel___3-OiG\",\"panel-heading\":\"styles-module__panel-heading___2wckb\",\"panel-title\":\"styles-module__panel-title___180D0\",\"panel-subtitle\":\"styles-module__panel-subtitle___3XjJj\",\"panel-body\":\"styles-module__panel-body___2HvwJ\",\"label\":\"styles-module__label___16-PK\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___2yCb5\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___32UOk\",\"btn-toggle\":\"styles-module__btn-toggle___2ko-V\",\"handle\":\"styles-module__handle___3KxOV\",\"active\":\"styles-module__active___2kQfx\",\"focus\":\"styles-module__focus___2lEw6\",\"card-panel\":\"styles-module__card-panel___3Po48\",\"panel-heading\":\"styles-module__panel-heading___1_crx\",\"panel-title\":\"styles-module__panel-title___c6ZBf\",\"panel-subtitle\":\"styles-module__panel-subtitle___IUFJ2\",\"panel-body\":\"styles-module__panel-body___29rYE\",\"activeOrg\":\"styles-module__activeOrg___xhH1w\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___1AjH6\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___O8moq\",\"btn-toggle\":\"styles-module__btn-toggle___3x0wk\",\"handle\":\"styles-module__handle___JISLd\",\"active\":\"styles-module__active___tDB2G\",\"focus\":\"styles-module__focus___GYiX5\",\"card-panel\":\"styles-module__card-panel___2QZ6M\",\"panel-heading\":\"styles-module__panel-heading___3ccJC\",\"panel-title\":\"styles-module__panel-title___1kl3y\",\"panel-subtitle\":\"styles-module__panel-subtitle___3nP6Z\",\"panel-body\":\"styles-module__panel-body___1-zeh\",\"btn\":\"styles-module__btn___p69WN\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3ypi7\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___3RpVZ\",\"btn-toggle\":\"styles-module__btn-toggle___3B_Ee\",\"handle\":\"styles-module__handle___37yMM\",\"active\":\"styles-module__active___2Z6Rw\",\"focus\":\"styles-module__focus____z90t\",\"card-panel\":\"styles-module__card-panel___1VrO0\",\"panel-heading\":\"styles-module__panel-heading___yeobq\",\"panel-title\":\"styles-module__panel-title___1HJbd\",\"panel-subtitle\":\"styles-module__panel-subtitle___2lPC6\",\"panel-body\":\"styles-module__panel-body___2v9ah\",\"modalHeaderWithClose\":\"styles-module__modalHeaderWithClose___AVY5B\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___2WwqW\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___365iL\",\"btn-toggle\":\"styles-module__btn-toggle___3arNC\",\"handle\":\"styles-module__handle___2Zbgc\",\"active\":\"styles-module__active___3Ym7F\",\"focus\":\"styles-module__focus___1KLxI\",\"card-panel\":\"styles-module__card-panel___36FtF\",\"panel-heading\":\"styles-module__panel-heading___275Dc\",\"panel-title\":\"styles-module__panel-title___j1W7b\",\"panel-subtitle\":\"styles-module__panel-subtitle___EAmCP\",\"panel-body\":\"styles-module__panel-body___2Pwd4\",\"emphasis\":\"styles-module__emphasis___2uWG0\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___29QUy\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___3AXWj\",\"btn-toggle\":\"styles-module__btn-toggle___tV1Ck\",\"handle\":\"styles-module__handle___3Bhf0\",\"active\":\"styles-module__active___1u_Lx\",\"focus\":\"styles-module__focus___2l__u\",\"card-panel\":\"styles-module__card-panel___3zbpq\",\"panel-heading\":\"styles-module__panel-heading___3_5uW\",\"panel-title\":\"styles-module__panel-title___2ujK2\",\"panel-subtitle\":\"styles-module__panel-subtitle___1KTDu\",\"panel-body\":\"styles-module__panel-body___PPJmH\",\"separator\":\"styles-module__separator___2Ona_\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3C3oW\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1Af5P\",\"btn-toggle\":\"styles-module__btn-toggle___2Ldl-\",\"handle\":\"styles-module__handle___1eAM6\",\"active\":\"styles-module__active___1IX08\",\"focus\":\"styles-module__focus___2ja8Z\",\"card-panel\":\"styles-module__card-panel___2emex\",\"panel-heading\":\"styles-module__panel-heading___qqjuN\",\"panel-title\":\"styles-module__panel-title___2MJL8\",\"panel-subtitle\":\"styles-module__panel-subtitle___vf3s6\",\"panel-body\":\"styles-module__panel-body___2u5VE\",\"popoutLink\":\"styles-module__popoutLink___1r4Vy\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3rAQT\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___bWodo\",\"btn-toggle\":\"styles-module__btn-toggle___33gdx\",\"handle\":\"styles-module__handle___WquVy\",\"active\":\"styles-module__active___1UQXe\",\"focus\":\"styles-module__focus___3xDI7\",\"card-panel\":\"styles-module__card-panel___SE_4A\",\"panel-heading\":\"styles-module__panel-heading___1mW2Q\",\"panel-title\":\"styles-module__panel-title___22uNU\",\"panel-subtitle\":\"styles-module__panel-subtitle___3GmK0\",\"panel-body\":\"styles-module__panel-body___2d0vI\",\"noValue\":\"styles-module__noValue___22Eiy\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___2bM5T\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___3KkRm\",\"btn-toggle\":\"styles-module__btn-toggle___3c1TY\",\"handle\":\"styles-module__handle___NFAPz\",\"active\":\"styles-module__active___1ZOyR\",\"focus\":\"styles-module__focus___32unb\",\"card-panel\":\"styles-module__card-panel___2BS0U\",\"panel-heading\":\"styles-module__panel-heading___3OK0J\",\"panel-title\":\"styles-module__panel-title___2HsyA\",\"panel-subtitle\":\"styles-module__panel-subtitle___Z42Rt\",\"panel-body\":\"styles-module__panel-body___2xnSV\",\"button\":\"styles-module__button___WTaDg\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___2EDdq\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___2TssZ\",\"btn-toggle\":\"styles-module__btn-toggle___38nOn\",\"handle\":\"styles-module__handle___1THn7\",\"active\":\"styles-module__active___1SUf2\",\"focus\":\"styles-module__focus___3KbsT\",\"card-panel\":\"styles-module__card-panel___2f-GI\",\"panel-heading\":\"styles-module__panel-heading___1-U5c\",\"panel-title\":\"styles-module__panel-title___KOOhZ\",\"panel-subtitle\":\"styles-module__panel-subtitle___3qrEo\",\"panel-body\":\"styles-module__panel-body___z4xeF\",\"subtitle\":\"styles-module__subtitle___12eNE\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___27hNn\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___b8nKr\",\"btn-toggle\":\"styles-module__btn-toggle___1NDT5\",\"handle\":\"styles-module__handle___3zFLB\",\"active\":\"styles-module__active___2XZsn\",\"focus\":\"styles-module__focus___3-SuC\",\"card-panel\":\"styles-module__card-panel___3cLOB\",\"panel-heading\":\"styles-module__panel-heading___3Y3-N\",\"panel-title\":\"styles-module__panel-title___2VW1j\",\"panel-subtitle\":\"styles-module__panel-subtitle___3Dvcq\",\"panel-body\":\"styles-module__panel-body___2LS2T\",\"title\":\"styles-module__title___3iv-c\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___123ct\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___xKQH6\",\"btn-toggle\":\"styles-module__btn-toggle___qnUvD\",\"handle\":\"styles-module__handle___gkIxT\",\"active\":\"styles-module__active___2fZ4W\",\"focus\":\"styles-module__focus___1cAyG\",\"card-panel\":\"styles-module__card-panel___BUEZd\",\"panel-heading\":\"styles-module__panel-heading___NKZOK\",\"panel-title\":\"styles-module__panel-title___nZLcb\",\"panel-subtitle\":\"styles-module__panel-subtitle___lbP9g\",\"panel-body\":\"styles-module__panel-body___1f4TI\",\"appsList\":\"styles-module__appsList___38i86\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___2bNUB\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___bzc5G\",\"btn-toggle\":\"styles-module__btn-toggle___2tZ-_\",\"handle\":\"styles-module__handle___3n9km\",\"active\":\"styles-module__active___zSBy3\",\"focus\":\"styles-module__focus___36jAA\",\"card-panel\":\"styles-module__card-panel___25xKc\",\"panel-heading\":\"styles-module__panel-heading___2sNwX\",\"panel-title\":\"styles-module__panel-title___2LjOt\",\"panel-subtitle\":\"styles-module__panel-subtitle___3HgLw\",\"panel-body\":\"styles-module__panel-body___bSHjY\",\"channelsList\":\"styles-module__channelsList___2ckzc\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___1T01K\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___2UUsQ\",\"btn-toggle\":\"styles-module__btn-toggle___2lWPq\",\"handle\":\"styles-module__handle___2HxqK\",\"active\":\"styles-module__active___fLZ_e\",\"focus\":\"styles-module__focus___1qxPT\",\"card-panel\":\"styles-module__card-panel___2ZAUA\",\"panel-heading\":\"styles-module__panel-heading___3-eDE\",\"panel-title\":\"styles-module__panel-title___2B4Bd\",\"panel-subtitle\":\"styles-module__panel-subtitle___2S0Mr\",\"panel-body\":\"styles-module__panel-body___21w8D\",\"countryName\":\"styles-module__countryName___37jZl\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___1ScRK\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1x26p\",\"btn-toggle\":\"styles-module__btn-toggle___1reix\",\"handle\":\"styles-module__handle___39-V-\",\"active\":\"styles-module__active___2pYuz\",\"focus\":\"styles-module__focus___3eLvK\",\"card-panel\":\"styles-module__card-panel___NnHed\",\"panel-heading\":\"styles-module__panel-heading___21hxM\",\"panel-title\":\"styles-module__panel-title___2ftH4\",\"panel-subtitle\":\"styles-module__panel-subtitle___3ifsb\",\"panel-body\":\"styles-module__panel-body___1kzUB\",\"countriesList\":\"styles-module__countriesList___3yP36\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3GlTR\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___2-EEN\",\"btn-toggle\":\"styles-module__btn-toggle___2n_nJ\",\"handle\":\"styles-module__handle___BzAT7\",\"active\":\"styles-module__active___3iAHZ\",\"focus\":\"styles-module__focus___2afbc\",\"card-panel\":\"styles-module__card-panel____kDPB\",\"panel-heading\":\"styles-module__panel-heading___3fdB2\",\"panel-title\":\"styles-module__panel-title___1RsEU\",\"panel-subtitle\":\"styles-module__panel-subtitle___1w1AH\",\"panel-body\":\"styles-module__panel-body___1nscl\",\"label\":\"styles-module__label___3W7IF\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___1FYNv\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___3pr2K\",\"btn-toggle\":\"styles-module__btn-toggle___2S_pB\",\"handle\":\"styles-module__handle___1FGzH\",\"active\":\"styles-module__active___3tofl\",\"focus\":\"styles-module__focus___34_Ob\",\"card-panel\":\"styles-module__card-panel___mKgI3\",\"panel-heading\":\"styles-module__panel-heading___19TJb\",\"panel-title\":\"styles-module__panel-title___kyOkt\",\"panel-subtitle\":\"styles-module__panel-subtitle___3hUmN\",\"panel-body\":\"styles-module__panel-body___1Y44n\",\"toolbar\":\"styles-module__toolbar___QrDUh\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___2uQFH\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___3hyfK\",\"btn-toggle\":\"styles-module__btn-toggle___2AFO5\",\"handle\":\"styles-module__handle___3oAW7\",\"active\":\"styles-module__active___uJQ4u\",\"focus\":\"styles-module__focus___1xXFC\",\"card-panel\":\"styles-module__card-panel___3TXBg\",\"panel-heading\":\"styles-module__panel-heading___18Yeg\",\"panel-title\":\"styles-module__panel-title___1zWk8\",\"panel-subtitle\":\"styles-module__panel-subtitle___2H9dH\",\"panel-body\":\"styles-module__panel-body___2glFu\",\"accountIssuePage\":\"styles-module__accountIssuePage___3Qutm\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3Xd1V\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1BMY9\",\"btn-toggle\":\"styles-module__btn-toggle___1PDes\",\"handle\":\"styles-module__handle___3MBiy\",\"active\":\"styles-module__active___1VaW4\",\"focus\":\"styles-module__focus___3E9py\",\"card-panel\":\"styles-module__card-panel___8j3sg\",\"panel-heading\":\"styles-module__panel-heading___6ZKbD\",\"panel-title\":\"styles-module__panel-title___XvKfu\",\"panel-subtitle\":\"styles-module__panel-subtitle___3SEVf\",\"panel-body\":\"styles-module__panel-body___cqFLC\",\"campaignFilters\":\"styles-module__campaignFilters___2zMTO\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___vZZPv\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___HKppB\",\"btn-toggle\":\"styles-module__btn-toggle___1TzSa\",\"handle\":\"styles-module__handle___1k8gL\",\"active\":\"styles-module__active___2hdWU\",\"focus\":\"styles-module__focus___uHoES\",\"card-panel\":\"styles-module__card-panel___2j-2W\",\"panel-heading\":\"styles-module__panel-heading___1TzfL\",\"panel-title\":\"styles-module__panel-title___vFFQL\",\"panel-subtitle\":\"styles-module__panel-subtitle___2C0BN\",\"panel-body\":\"styles-module__panel-body___FmvaZ\",\"hiddenInput\":\"styles-module__hiddenInput___oXTOi\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___1tf5h\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___qCx48\",\"btn-toggle\":\"styles-module__btn-toggle___3ojSb\",\"handle\":\"styles-module__handle___2MMJU\",\"active\":\"styles-module__active___2P6Bd\",\"focus\":\"styles-module__focus___sjrF_\",\"card-panel\":\"styles-module__card-panel___2QPn-\",\"panel-heading\":\"styles-module__panel-heading___1Jgn6\",\"panel-title\":\"styles-module__panel-title___2WNuU\",\"panel-subtitle\":\"styles-module__panel-subtitle___4xYBl\",\"panel-body\":\"styles-module__panel-body___1rxNy\",\"nameCell\":\"styles-module__nameCell___3NI3z\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___nwkRp\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___236iz\",\"btn-toggle\":\"styles-module__btn-toggle___2430g\",\"handle\":\"styles-module__handle___yNgtI\",\"active\":\"styles-module__active___1keDo\",\"focus\":\"styles-module__focus___28T8_\",\"card-panel\":\"styles-module__card-panel___1mVzs\",\"panel-heading\":\"styles-module__panel-heading___1SoSf\",\"panel-title\":\"styles-module__panel-title___2n1TZ\",\"panel-subtitle\":\"styles-module__panel-subtitle___2ZzO-\",\"panel-body\":\"styles-module__panel-body___2SCHE\",\"pageSelector\":\"styles-module__pageSelector___1nEqD\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___7Zw2D\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___17PJp\",\"btn-toggle\":\"styles-module__btn-toggle___2SJYW\",\"handle\":\"styles-module__handle___2Jswq\",\"active\":\"styles-module__active___19jWN\",\"focus\":\"styles-module__focus___goAn9\",\"card-panel\":\"styles-module__card-panel___DFZbk\",\"panel-heading\":\"styles-module__panel-heading___aB6JC\",\"panel-title\":\"styles-module__panel-title___3nrNr\",\"panel-subtitle\":\"styles-module__panel-subtitle___1LxwH\",\"panel-body\":\"styles-module__panel-body___3nByW\",\"paginationControls\":\"styles-module__paginationControls___3A1nR\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3BvMr\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1SS_l\",\"btn-toggle\":\"styles-module__btn-toggle___3yeFA\",\"handle\":\"styles-module__handle___emZxz\",\"active\":\"styles-module__active___rhW-S\",\"focus\":\"styles-module__focus___3yTT0\",\"card-panel\":\"styles-module__card-panel___1GezK\",\"panel-heading\":\"styles-module__panel-heading___bvzCy\",\"panel-title\":\"styles-module__panel-title___2i__9\",\"panel-subtitle\":\"styles-module__panel-subtitle___2dHCV\",\"panel-body\":\"styles-module__panel-body___3H0MG\",\"displayName\":\"styles-module__displayName___1yG-R\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___29SqB\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1Kh5I\",\"btn-toggle\":\"styles-module__btn-toggle___104ee\",\"handle\":\"styles-module__handle___iaBJp\",\"active\":\"styles-module__active___2MaYK\",\"focus\":\"styles-module__focus___3_jot\",\"card-panel\":\"styles-module__card-panel___VUlx1\",\"panel-heading\":\"styles-module__panel-heading___2vHmw\",\"panel-title\":\"styles-module__panel-title___3toaK\",\"panel-subtitle\":\"styles-module__panel-subtitle___3AE1E\",\"panel-body\":\"styles-module__panel-body___KnXrd\",\"btnWrapper\":\"styles-module__btnWrapper___-qrpU\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___15_Zp\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___26fTR\",\"btn-toggle\":\"styles-module__btn-toggle___1PwGZ\",\"handle\":\"styles-module__handle___2yRBd\",\"active\":\"styles-module__active___3CCOc\",\"focus\":\"styles-module__focus___3EFm3\",\"card-panel\":\"styles-module__card-panel___1YkIz\",\"panel-heading\":\"styles-module__panel-heading___9c2Oo\",\"panel-title\":\"styles-module__panel-title___1PqCK\",\"panel-subtitle\":\"styles-module__panel-subtitle___Yv-Vz\",\"panel-body\":\"styles-module__panel-body___9P6MZ\",\"btnWrapper\":\"styles-module__btnWrapper___TmW2i\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3fFN3\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___3nRD5\",\"btn-toggle\":\"styles-module__btn-toggle___8i91Z\",\"handle\":\"styles-module__handle___17B_y\",\"active\":\"styles-module__active___2CjEx\",\"focus\":\"styles-module__focus___3omV_\",\"card-panel\":\"styles-module__card-panel___1lJmz\",\"panel-heading\":\"styles-module__panel-heading___1Sg5j\",\"panel-title\":\"styles-module__panel-title___bgUvk\",\"panel-subtitle\":\"styles-module__panel-subtitle___2NeAF\",\"panel-body\":\"styles-module__panel-body___zbLr4\",\"btnWrapper\":\"styles-module__btnWrapper___DZEIL\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3orhS\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1rSYt\",\"btn-toggle\":\"styles-module__btn-toggle___2Kjoy\",\"handle\":\"styles-module__handle___1Uz4J\",\"active\":\"styles-module__active___2nAal\",\"focus\":\"styles-module__focus___15siQ\",\"card-panel\":\"styles-module__card-panel___3gfXn\",\"panel-heading\":\"styles-module__panel-heading___1DZdW\",\"panel-title\":\"styles-module__panel-title___1dV9V\",\"panel-subtitle\":\"styles-module__panel-subtitle___kf-xn\",\"panel-body\":\"styles-module__panel-body___1Vz63\",\"button\":\"styles-module__button___3gnsS\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___1A7oa\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___2mRKV\",\"btn-toggle\":\"styles-module__btn-toggle___sqEJc\",\"handle\":\"styles-module__handle___J4f7Z\",\"active\":\"styles-module__active___2ubJQ\",\"focus\":\"styles-module__focus___GqVuj\",\"card-panel\":\"styles-module__card-panel___38Nzi\",\"panel-heading\":\"styles-module__panel-heading___23E7h\",\"panel-title\":\"styles-module__panel-title___3iDKB\",\"panel-subtitle\":\"styles-module__panel-subtitle___5LKkF\",\"panel-body\":\"styles-module__panel-body___1EQeG\",\"button\":\"styles-module__button____NoE5\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___30v22\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___2mwPv\",\"btn-toggle\":\"styles-module__btn-toggle___1KFiM\",\"handle\":\"styles-module__handle___1sRNs\",\"active\":\"styles-module__active___PkR2f\",\"focus\":\"styles-module__focus___Yx85M\",\"card-panel\":\"styles-module__card-panel___iSHmG\",\"panel-heading\":\"styles-module__panel-heading___qZHmd\",\"panel-title\":\"styles-module__panel-title___1Wmoq\",\"panel-subtitle\":\"styles-module__panel-subtitle___2W6pd\",\"panel-body\":\"styles-module__panel-body___2W5Vh\",\"metricsList\":\"styles-module__metricsList___2WlZf\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3fUNd\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1DXGy\",\"btn-toggle\":\"styles-module__btn-toggle___2V8PT\",\"handle\":\"styles-module__handle___n3Onz\",\"active\":\"styles-module__active___1A6EC\",\"focus\":\"styles-module__focus___31JJD\",\"card-panel\":\"styles-module__card-panel___1gwIp\",\"panel-heading\":\"styles-module__panel-heading___37YO-\",\"panel-title\":\"styles-module__panel-title___2AQBC\",\"panel-subtitle\":\"styles-module__panel-subtitle___3PH9a\",\"panel-body\":\"styles-module__panel-body___bvsS4\",\"selectReportTypeText\":\"styles-module__selectReportTypeText___5VvwE\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3qNex\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1ejPw\",\"btn-toggle\":\"styles-module__btn-toggle___1vhxA\",\"handle\":\"styles-module__handle___1qxr6\",\"active\":\"styles-module__active___191k0\",\"focus\":\"styles-module__focus___3DwFy\",\"card-panel\":\"styles-module__card-panel___2jl0H\",\"panel-heading\":\"styles-module__panel-heading___1hGuk\",\"panel-title\":\"styles-module__panel-title___3KKG-\",\"panel-subtitle\":\"styles-module__panel-subtitle___2JR7h\",\"panel-body\":\"styles-module__panel-body___2ABWg\",\"label\":\"styles-module__label___3EAAe\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3yvnt\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___2KRtE\",\"btn-toggle\":\"styles-module__btn-toggle___2CKJc\",\"handle\":\"styles-module__handle___2KM0y\",\"active\":\"styles-module__active___zHiyc\",\"focus\":\"styles-module__focus___B2Gzc\",\"card-panel\":\"styles-module__card-panel___30OXg\",\"panel-heading\":\"styles-module__panel-heading___1gWdG\",\"panel-title\":\"styles-module__panel-title___1OyhD\",\"panel-subtitle\":\"styles-module__panel-subtitle___2ODk5\",\"panel-body\":\"styles-module__panel-body___35pWF\",\"layout\":\"styles-module__layout___12Gfy\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"google-oauth-button\":\"styles-module__google-oauth-button___3uBTc\",\"amazon-oauth-button\":\"styles-module__amazon-oauth-button___1893h\",\"btn-toggle\":\"styles-module__btn-toggle___Y-lSr\",\"handle\":\"styles-module__handle___3GesA\",\"active\":\"styles-module__active___TEP5W\",\"focus\":\"styles-module__focus___3bXXs\",\"card-panel\":\"styles-module__card-panel___aABkC\",\"panel-heading\":\"styles-module__panel-heading___2vExF\",\"panel-title\":\"styles-module__panel-title___rS4eW\",\"panel-subtitle\":\"styles-module__panel-subtitle___1cRbc\",\"panel-body\":\"styles-module__panel-body___Pe7Gd\",\"button\":\"styles-module__button___2bO2i\"};","export const MAX_SELECTION_COUNT = 2\nexport const MIN_SELECTION_COUNT = 1\n","import classNames from 'classnames'\nimport { useLocation } from 'react-router-dom'\n\nimport { useCurrentUserState } from '../../../contexts/CurrentUser'\nimport { useGroupedSummaryTableSettingsState } from '../../../contexts/GroupedSummaryTableSettings'\nimport {\n getQueryParams,\n useReportingFiltersState\n} from '../../../contexts/ReportingFilters'\nimport {\n getGroupHeaderNameFromGroupBy,\n getSortingFunctionByValueType,\n isBlank,\n isUnavailable\n} from '../../../utils/helpers'\nimport ReportingDataImg from '../../ReportingDataImg'\nimport ReportingDataMetricValueDisplay from '../../ReportingDataMetricValueDisplay'\nimport ReportingDataNameDisplay from '../../ReportingDataNameDisplay'\nimport TableDataRowExpander from '../../Table/DataRowExpander'\nimport {\n DEFAULT_COLUMN_OPTIONS,\n DEFAULT_COLUMN_SORT_TYPE,\n DEFAULT_NAME_HEADER_SORT_TYPE,\n DEFAULT_NAME_HEADER_TEXT\n} from '../constants'\nimport TableDataRowExternalLink from '../DataRowExternalLink'\nimport Header from '../Header'\nimport { sortRows } from '../helpers'\nimport {\n DEFAULT_CELL_WIDTH,\n DEFAULT_NAME_CELL_WIDTH,\n EXTENDED_NAME_CELL_WIDTH\n} from './constants'\nimport styles from './styles.module.scss'\n\nconst calculateWidthForCell = ({ selectedMetrics, totalWidth }) =>\n ((totalWidth - DEFAULT_NAME_CELL_WIDTH) / selectedMetrics.length).toFixed(2)\n\nconst getWidthForTableCell = ({\n isCompactViewMode,\n selectedMetrics,\n tableContainerWidth,\n tableWidth\n}) => {\n const hasNotDefinedTableWidth = isBlank(tableWidth)\n const hasNotDefinedContainerTableWidth = isBlank(tableContainerWidth)\n\n if (hasNotDefinedTableWidth || hasNotDefinedContainerTableWidth)\n return DEFAULT_CELL_WIDTH\n\n const hasRoomToSpareForTableCells = tableContainerWidth >= tableWidth\n if (hasRoomToSpareForTableCells) {\n return calculateWidthForCell({\n selectedMetrics,\n totalWidth: tableContainerWidth\n })\n }\n\n if (!isCompactViewMode || selectedMetrics.length === 0)\n return DEFAULT_CELL_WIDTH\n\n return calculateWidthForCell({\n selectedMetrics,\n totalWidth: tableContainerWidth\n })\n}\n\nexport const getColumnsForSelectedMetrics = ({\n isCompactViewMode,\n metricDefinitions,\n selectedMetrics,\n tableContainerWidth,\n tableWidth\n}) => {\n const width = getWidthForTableCell({\n isCompactViewMode,\n selectedMetrics,\n tableContainerWidth,\n tableWidth\n })\n\n const tableHeaderClassName = classNames(styles.metricHeader, {\n [styles.metricHeaderCompact]: isCompactViewMode\n })\n\n return selectedMetrics.map(metric => ({\n ...DEFAULT_COLUMN_OPTIONS,\n // eslint-disable-next-line react/prop-types\n Cell: ({ value }) => (\n\n
\n )\n }\n\n return (\n \n
\n )\n },\n sortType: sortRows,\n width: isNameExtended ? EXTENDED_NAME_CELL_WIDTH : DEFAULT_NAME_CELL_WIDTH\n }\n]\n","export const DEFAULT_BTN_CLASS_NAME = ['btn', 'btn-default', 'btn-lg']\n","import {\n AreaSeries, LineSeries\n} from 'react-jsx-highcharts'\nimport {\n chain, reduce, sortBy\n} from 'lodash'\nimport { parseStrToTime } from '../../../../ReportingSidebar/DateFilter/helpers'\n\nimport { MAX_VISIBLE_DATA_SERIES } from './constants'\nimport { CHART_COLORS } from '../../../../../utils/charts'\n\n/* eslint-disable react/prop-types */\nconst mergeSeries = ({ leftSeries, rightSeries }) => {\n const all = sortBy(leftSeries.concat(rightSeries), ({ x }) => x)\n\n /* eslint-disable no-param-reassign */\n return reduce(all, (result, d) => {\n if (result.length > 0 && result[result.length - 1].x === d.x) {\n result[result.length - 1].y += d.y\n } else {\n result.push(d)\n }\n\n return result\n }, [])\n /* eslint-enable no-param-reassign */\n}\n/* eslint-enable react/prop-types */\n\n/* eslint-disable react/prop-types */\nconst buildSeriesComponent = (\n {\n ChartComponent,\n index,\n metricDefinitionKey,\n series\n }\n) => (\n \n Download CSV}\n placement=\"top\"\n >\n \n
\n )\n}\n\nexport default DownloadCSVButton\n","import Presenter from './presentation'\nimport { CurrentUserProvider } from '../../contexts/CurrentUser'\nimport { HealthProvider } from '../../contexts/Health'\nimport { deepCamelKeys } from '../../utils/helpers'\n\n/* eslint-disable react/prop-types */\nconst HamburgerNav = ({\n accessControl, currentUser, recentOrgs, switchableOrgs, unlinkedCampaignsAndAdPlacementsCount\n}) => (\n \n
\n \n )\n}\n\nOnboardingPopup.propTypes = {\n userSettings: userSettingsObject.isRequired\n}\n\nexport default OnboardingPopup\n","import styles from './styles.module.scss'\n\nimport FontAwesomeIcon from '../../FontAwesomeIcon'\n\nconst AccountIssuePage = () => (\n \n
\n Your account has been disabled because you may have unpaid invoices,\n please contact us at \n support@tenjin.com\n
\n)\n\nexport default AccountIssuePage\n","import { useState, useEffect } from 'react'\n\nimport CampaignFilters from './CampaignFilters'\nimport StandaloneCampaignMergeTool from './StandaloneCampaignMergeTool'\nimport {\n processAllMergeableCampaigns,\n getAppByUrl,\n getChannelByUrl,\n getLookbackWindowByUrl\n} from './helpers'\nimport { fetchAllMergeableCampaigns, mergeCampaigns } from '../../../api/campaigns'\nimport { PREDEFINED_LOOKBACK_WINDOWS } from './constants'\n\nimport styles from './styles.module.scss'\n\nimport { arrayOfAppObjects, arrayOfChannels } from '../../../utils/customPropTypes'\n\nconst CampaignMergePage = ({ apps, channels }) => {\n const [searchText, setSearchText] = useState('')\n const [trackedCampaigns, setTrackedCampaigns] = useState([])\n const [reportedCampaigns, setReportedCampaigns] = useState([])\n\n const urlSearch = new URLSearchParams(window.location.search)\n\n const [selectedApp, setSelectedApp] = useState(getAppByUrl({ apps, urlSearch }))\n const [selectedChannel, setSelectedChannel] = useState(getChannelByUrl({ channels, urlSearch }))\n\n const [selectedLookback, setSelectedLookback] = useState(\n getLookbackWindowByUrl({ lookbackWindows: PREDEFINED_LOOKBACK_WINDOWS, urlSearch })\n || PREDEFINED_LOOKBACK_WINDOWS[0]\n )\n\n const [selectedTrackedCampaign, setSelectedTrackedCampaign] = useState(null)\n const [selectedReportedCampaign, setSelectedReportedCampaign] = useState(null)\n const [allMergeableCampaigns, setAllMergableCampaigns] = useState({\n reportedCampaigns: [],\n trackedCampaigns: []\n })\n\n const [isLoading, setIsLoading] = useState(false)\n const [isMerging, setIsMerging] = useState(false)\n const [isError, setIsError] = useState(false)\n\n const [isModalOpen, setIsModalOpen] = useState(false)\n\n const openModal = () => setIsModalOpen(true)\n const closeModal = () => setIsModalOpen(false)\n\n const handleChangeSearchText = updatedSearchText => setSearchText(updatedSearchText)\n\n const handleChangeSelectedApp = updatedApp => setSelectedApp(updatedApp)\n const handleChangeSelectedChannel = updatedChannel => setSelectedChannel(updatedChannel)\n const handleChangeSelectedLookback = updatedLookback => setSelectedLookback(updatedLookback)\n\n const isMergeable = selectedTrackedCampaign !== null && selectedReportedCampaign !== null\n const isEmptyState = selectedApp === null || selectedChannel === null\n\n const onMergeSuccess = () => {\n window.location.search += `app_id=${selectedApp.id}`\n + `&ad_network_id=${selectedChannel.id}`\n + `&lookback_window=${selectedLookback.value}`\n }\n\n const fetchCampaigns = async () => {\n setIsError(false)\n setIsLoading(true)\n\n try {\n const data = await fetchAllMergeableCampaigns({\n adNetworkId: selectedChannel.id,\n appId: selectedApp.id,\n lookbackWindow: selectedLookback.value\n })\n\n setSelectedTrackedCampaign(null)\n setSelectedReportedCampaign(null)\n setAllMergableCampaigns(processAllMergeableCampaigns(data))\n setIsLoading(false)\n } catch (error) {\n window.Honeybadger.notify(error)\n setIsError(true)\n setIsLoading(false)\n }\n }\n\n const mergeSelectedCampaigns = async () => {\n if (isMergeable) {\n setIsError(false)\n setIsMerging(true)\n\n try {\n await mergeCampaigns({\n reportedCampaignId: selectedReportedCampaign,\n trackedCampaignId: selectedTrackedCampaign\n })\n\n onMergeSuccess()\n } catch (error) {\n window.Honeybadger.notify(error)\n setIsError(true)\n setIsMerging(false)\n }\n }\n }\n\n useEffect(() => {\n if (selectedApp && selectedChannel) {\n fetchCampaigns()\n }\n }, [selectedApp, selectedChannel, selectedLookback])\n\n useEffect(() => {\n setTrackedCampaigns(allMergeableCampaigns.trackedCampaigns.filter(\n ({ id, name }) => name.toLowerCase().includes(searchText.toLowerCase())\n || id === selectedTrackedCampaign\n ))\n setReportedCampaigns(allMergeableCampaigns.reportedCampaigns.filter(\n ({ id, name }) => name.toLowerCase().includes(searchText.toLowerCase())\n || id === selectedReportedCampaign\n ))\n }, [allMergeableCampaigns, searchText])\n\n const handleClickTrackedCampaign = id => {\n if (selectedTrackedCampaign === id) {\n setSelectedTrackedCampaign(null)\n } else {\n setSelectedTrackedCampaign(id)\n }\n }\n\n const handleClickReportedCampaign = id => {\n if (selectedReportedCampaign === id) {\n setSelectedReportedCampaign(null)\n } else {\n setSelectedReportedCampaign(id)\n }\n }\n\n const handleCancelMerge = () => {\n closeModal()\n }\n\n const handleConfirmMerge = () => {\n mergeSelectedCampaigns()\n closeModal()\n }\n\n const handleClickMergeCampaigns = () => {\n openModal()\n }\n\n const lookbackWindows = PREDEFINED_LOOKBACK_WINDOWS\n\n return (\n \n Your account has been disabled because you may have unpaid invoices,\n please contact us at \n support@tenjin.com\n
\n
\n )\n}\n\nCampaignMergePage.propTypes = {\n apps: arrayOfAppObjects.isRequired,\n channels: arrayOfChannels.isRequired\n}\n\nexport default CampaignMergePage\n","import { useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { DateRangePicker } from 'react-date-range'\nimport classNames from 'classnames'\nimport ReactNbsp from 'react-nbsp'\n\nimport ClickOutsideAlerter from '../../../../../ClickOutsideAlerter'\nimport Filter from '../../../../../ReportingSidebar/Filter'\nimport FontAwesomeIcon from '../../../../../FontAwesomeIcon'\nimport PaneHeader from '../../../../../ReportingSidebar/Filter/Pane/Header'\n\nimport { RANGE_COLORS } from '../../../../../ReportingSidebar/DateFilter/constants'\nimport useDidUpdateEffect from '../../../../../../hooks/useDidUpdateEffect'\n\nimport { changeAdAccountLastStatsUpdateDate } from '../../../../../../api/dashboard'\n\nimport { getDateForDisplayInUtc, getMaxDate, getMinDate } from './helpers'\nimport { FIVE_SECONDS, NUM_VISIBLE_MONTHS_IN_PICKER } from './constants'\n\nimport styles from './styles.module.scss'\n\nconst LastUpdatedBtn = (\n {\n alertClassSelector,\n textClassSelector\n }\n) => {\n const [state, setState] = useState({\n date: new Date(),\n isOpen: false\n })\n\n const onCloseClick = () => {\n setState({\n ...state,\n isOpen: false\n })\n }\n\n const onLabelClick = () => {\n setState({\n ...state,\n isOpen: !state.isOpen\n })\n }\n\n const ranges = [\n {\n endDate: state.date,\n key: 'dateRange',\n startDate: state.date\n }\n ]\n\n const handleChange = ({ dateRange }) => {\n setState({\n ...state,\n date: dateRange.startDate,\n isOpen: false\n })\n }\n\n useDidUpdateEffect({\n dependencies: [state.date],\n onEffect: () => {\n changeAdAccountLastStatsUpdateDate(state.date.toISOString())\n\n const $textSelector = document.getElementsByClassName(textClassSelector)[0]\n\n if ($textSelector) {\n $textSelector.innerHTML = getDateForDisplayInUtc(state.date)\n }\n\n const $alertSelector = document.getElementsByClassName(alertClassSelector)[0]\n\n if ($alertSelector) {\n $alertSelector.classList.remove('hidden')\n\n setTimeout(() => {\n $alertSelector.classList.add('hidden')\n }, FIVE_SECONDS)\n }\n }\n })\n\n return (\n MERGE CAMPAIGNS
\n \n
\n Merge Campaigns Tool
\n \n Select an app and channel to see campaigns eligible for merging.\n
\n \n \n Change Last Updated Date\n
\n )}\n pane={(\n \n \n Select a Date\n \n\n
\n )}\n />\n \n \n option.id}\n getOptionValue={option => option.id}\n isClearable={false}\n isSearchable\n onChange={handleChangeSelectedTemplate}\n options={callbackGroupTemplates}\n value={selectedTemplate}\n placeholder={isLoading ? 'Loading...' : 'Select template'}\n />\n
\n )\n}\n\nCallbackGroupTemplatesDropdown.propTypes = {\n callbackGroupTemplateId: PropTypes.string.isRequired,\n className: PropTypes.string\n}\n\nCallbackGroupTemplatesDropdown.defaultProps = {\n className: ''\n}\n\nexport default CallbackGroupTemplatesDropdown\n","import classNames from 'classnames'\nimport { keys, map } from 'lodash'\nimport { useEffect, useState } from 'react'\nimport { CopyToClipboard } from 'react-copy-to-clipboard'\nimport { QueryClient, QueryClientProvider } from 'react-query'\n\nimport {\n QUERY_REFRESH_INTERVAL,\n QUERY_RETRY_COUNT\n} from '../../../ReportingPage/constants'\nimport styles from './styles.module.scss'\n\n/* eslint-disable no-trailing-spaces, no-console, comma-dangle */\nconst constructComponentTable = async () => [\n {\n component: await import('../../../../FontAwesomeIcon'),\n componentProps: {\n animated: 'spin',\n icon: 'spinner',\n size: '2x'\n },\n description: 'Wrapper for font-awesome icons',\n name: 'FontAwesomeIcon',\n\n snippet: `\nHello World
]\n },\n description: 'Page Layout Wrapper',\n name: 'PageLayout',\n\n snippet: `\nHello World
\n\n
\n )\n }\n\n const resultsCount = componentTable.filter(item =>\n item.name.toLowerCase().includes(search.toLowerCase())\n ).length\n const hasResults = resultsCount > 0\n\n return (\n Loading...
\n\n
\n Component Library (Commons)
\n \n\n setSearch(event.target.value)}\n value={search}\n placeholder=\"Filter components\"\n />\n
\n\n {hasResults ? (\n \n {componentTable\n .filter(\n item =>\n search === '' ||\n item.name.toLowerCase().includes(search.toLowerCase())\n )\n .map(\n ({\n name,\n component: { default: ComponentPreview },\n componentProps,\n description,\n snippet\n }) => {\n const { defaultProps } = ComponentPreview\n\n return (\n
\n ) : (\n \n
\n )\n }\n )}\n \n {name} | {description}\n
\n \n
\n \n {keys(defaultProps).length > 0 ? (\n \n alert(`Snippet for \"${name}\" copied to clipboard.`)\n }\n text={snippet.trim()}\n >\n \n {snippet.trim()}\n \n \n
\n \n Props: Default\n\n ) : (\n
\n {' '}\n {map(\n keys(defaultProps),\n key =>\n `${key}: ${JSON.stringify(defaultProps[key])}`\n ).join('\\n ')}\n
(Missing PropTypes)\n )}\n
\n
\n )}\n No results...
\n handleClickSortButton('adAccount')}>Ad Account
\n handleClickSortButton('createdAt')}>Created At
\n handleClickSortButton('createdAt')}>Most Recent Attempt
\n \n Current Report:
\n \n \n
\n
\n )\n}\n/* eslint-enable react/prop-types */\n\nexport default Monitoring\n","import PropTypes from 'prop-types'\nimport { useState } from 'react'\nimport { reject } from 'lodash'\nimport SdkKeyRow from './SdkKeyRow'\nimport { arrayOfApiKeys, arrayOfApiKeyApps } from '../../../../../../../utils/customPropTypes'\nimport { deepCamelKeys } from '../../../../../../../utils/helpers'\n\nconst SdkKeys = ({\n disabledSdkKeysTotal,\n lastSeenDates,\n sdkKeyApps,\n sdkKeys: sdkKeysProp\n}) => {\n const [disabledTotal, setDisabledTotal] = useState(disabledSdkKeysTotal)\n const [sdkKeys, setSdkKeys] = useState(deepCamelKeys(sdkKeysProp))\n const hasDisabledKeys = disabledTotal > 0\n\n const sdkKeyAppMapping = deepCamelKeys(sdkKeyApps).reduce((mapping, app) => {\n mapping[app.id] = app\n return mapping\n }, {})\n\n const deleteRow = rowId => {\n setSdkKeys(reject(sdkKeys, row => row.id === rowId))\n setDisabledTotal(total => total - 1)\n }\n\n return (\n Failed Ad Account Creations in the Last 14 Days:
\nCurrent Report:
\n \n {/* eslint-disable-next-line react/button-has-type */}\n \n \n
\n | \n | \n \n | \n \n | \n
|---|---|---|
| \n \n {row.ad_network_name}\n \n | \n\n \n {row.organization_name}\n \n | \n\n \n {row.contact_user_email}\n \n | \n
\n
\n )\n}\n\nSdkKeys.propTypes = {\n disabledSdkKeysTotal: PropTypes.number,\n lastSeenDates: PropTypes.objectOf(PropTypes.shape({\n date: PropTypes.string\n })),\n sdkKeyApps: arrayOfApiKeyApps,\n sdkKeys: arrayOfApiKeys\n}\n\nSdkKeys.defaultProps = {\n disabledSdkKeysTotal: 0,\n lastSeenDates: [],\n sdkKeyApps: [],\n sdkKeys: []\n}\n\nexport default SdkKeys\n","import React, { useState } from 'react'\nimport { CopyToClipboard } from 'react-copy-to-clipboard'\n\nimport styles from './styles.module.scss'\n\nimport { ONE_SECOND } from '../../../../../utils/constants'\n\n/* eslint-disable react/prop-types */\nconst SwaggerInfoLookup = ({ reportingContextData }) => {\n const [appFilter, setAppFilter] = useState('')\n const [channelFilter, setChannelFilter] = useState('')\n const [appCopied, setAppCopied] = useState(null)\n const [channelCopied, setChannelCopied] = useState(null)\n const [selectedContext, setSelectedContext] = useState('userAcquisition')\n\n const {\n user_acquistion: userAcquisition,\n ad_monetization: adMonetization\n } = reportingContextData\n\n const context = selectedContext === 'userAcquisition'\n ? userAcquisition\n : adMonetization\n\n const headerText = selectedContext === 'userAcquisition'\n ? 'User Acquisition'\n : 'Ad Monetization'\n\n const apps = context.apps.filter(\n app => app.name.toLowerCase().includes(appFilter.toLowerCase().trim())\n )\n\n const channels = context.channels.filter(\n channel => channel.name.toLowerCase().includes(channelFilter.toLowerCase().trim())\n )\n\n const handleClickCopyAppId = name => {\n setAppCopied(name)\n\n setTimeout(() => {\n setAppCopied(null)\n }, ONE_SECOND)\n }\n\n const handleClickCopyChannelId = name => {\n setChannelCopied(name)\n\n setTimeout(() => {\n setChannelCopied(null)\n }, ONE_SECOND)\n }\n\n return (\n \n
\n \n
\n \n Recently Disabled SDK Keys (showing {sdkKeys.length} of\n {' '}{disabledTotal} disabled keys)\n
\n \n {\n hasDisabledKeys ? (\n \n This list combines the last 10 disabled legacy keys and last 10 disabled app\n keys for this organization.\n \n ) : (\n This organization does not have any disabled keys.\n )\n }\n \n
\n \n \n {\n hasDisabledKeys ? (\n \n This list combines the last 10 disabled legacy keys and last 10 disabled app\n keys for this organization.\n \n ) : (\n This organization does not have any disabled keys.\n )\n }\n \n
\n \n \n
\n
\n | \n | SDK key | \nApp detail | \n\n Updated\n | \n\n Last Seen\n | \n
|---|
\n setSelectedContext('userAcquisition')}\n >\n User Acquisition\n \n setSelectedContext('adMonetization')}\n >\n Ad Monetization\n \n
\n \n \n )\n}\n/* eslint-enable react/prop-types */\n\nexport default SwaggerInfoLookup\n","import { useState } from 'react'\nimport PropTypes from 'prop-types'\nimport { find, omit } from 'lodash'\n\nimport Dropdown from '../../../../../Dropdown'\nimport { PRIMARY_COLORS } from '../../../../../../utils/react-select'\nimport { FIRST_ITEM } from '../../../../../../utils/constants'\n\nimport stylesObj from './styles.module.scss'\n\nconst customStyles = ({ disabled }) => ({\n container: styles => ({ ...styles, cursor: 'pointer', width: '100%' }),\n control: () => ({\n backgroundColor: disabled ? stylesObj.controlBgColorDisabled : stylesObj.controlBgColor,\n border: stylesObj.controlBorder,\n borderRadius: stylesObj.controlBorderRadius,\n display: 'flex',\n flexGrow: 0,\n flexShrink: 1,\n fontFamily: stylesObj.controlFontFamily,\n fontSize: stylesObj.controlFontSize,\n fontWeight: stylesObj.controlFontWeight,\n lineHeight: stylesObj.controlLineHeight\n }),\n dropdownIndicator: styles => ({\n ...styles,\n ':hover': {\n ...styles[':hover'],\n color: PRIMARY_COLORS.base\n },\n color: PRIMARY_COLORS.base\n }),\n indicatorSeparator: styles => ({\n ...styles,\n display: 'none',\n width: 0\n }),\n menu: styles => ({\n ...styles,\n whiteSpace: 'nowrap',\n width: 'inherit',\n zIndex: stylesObj.menuZIndex\n }),\n singleValue: styles => ({\n ...omit(styles, ['maxWidth', 'position', 'transform']),\n color: stylesObj.singleValueColor,\n fontWeight: stylesObj.singleValueFontWeight,\n margin: 0\n }),\n valueContainer: styles => ({\n ...styles,\n flexWrap: 'nowrap',\n padding: stylesObj.valueContainerPadding\n })\n})\n\nconst ActionSelect = ({\n action,\n allowedActions,\n disabled,\n id,\n name\n}) => {\n const options = allowedActions.map(allowedAction => {\n const [label, value] = allowedAction\n\n return {\n label,\n value\n }\n })\n\n const defaultAction = find(options, { value: action }) || options[FIRST_ITEM]\n\n const [selectedOption, setSelectedOption] = useState(defaultAction)\n\n const handleChange = option => {\n setSelectedOption(option)\n }\n\n return (\n \n {headerText} App & Channel Info\n
\n\n
\n \n setAppFilter(event.target.value)}\n placeholder=\"Filter apps\"\n />\n
\n Apps
\n \n {appCopied ? `ID for ${appCopied} copied to clipboard.` : 'Click app to copy id to clipboard.'}\n
\n \n {apps.map(({ id, name, icon_url: iconUrl }) => (\n handleClickCopyAppId(name)}\n >\n \n \n {name}\n
\n \n ))}\n \n setChannelFilter(event.target.value)}\n placeholder=\"Filter channels\"\n />\n
\n Channels
\n \n {channelCopied ? `ID for ${channelCopied} copied to clipboard.` : 'Click channel to copy id to clipboard.'}\n
\n \n {channels.map(({ id, name, icon_url: iconUrl }) => (\n handleClickCopyChannelId(name)}\n >\n \n \n {name}\n
\n \n ))}\n \n
\n )\n}\n\nRevenueDeductions.propTypes = {\n allowedDeductionValues: PropTypes.arrayOf(PropTypes.number),\n defaultDeduction: PropTypes.number.isRequired,\n revenueDeduction: revenueDeductionRubyObject\n}\n\nRevenueDeductions.defaultProps = {\n allowedDeductionValues: [],\n revenueDeduction: {}\n}\n\nexport default RevenueDeductions\n","import {\n useContext,\n useEffect,\n useState,\n Fragment\n} from 'react'\nimport Skeleton from 'react-loading-skeleton'\nimport PropTypes from 'prop-types'\nimport { ToastContainer } from 'react-toastify'\nimport { BrowserRouter as Router, Switch, Route } from 'react-router-dom'\n\nimport { deepCamelKeys } from '../../../../../utils/helpers'\nimport {\n appChannelObject,\n appObject,\n arrayOfAppChannels,\n arrayOfAppObjects,\n arrayOfChannels,\n channelRubyObject,\n oneOfSkAppClaimStatuses\n} from '../../../../../utils/customPropTypes'\n\nimport { AppIntegrationsProvider } from '../../../../../contexts/AppIntegrations'\n\nimport TabNavigation from './TabNavigation'\nimport AttributionTab from './AttributionTab'\nimport CallbacksTab from './CallbacksTab'\nimport SkAdNetworkTab from './SkAdNetworkTab'\n\nimport PageLayout from '../../../../PageLayout'\nimport Breadcrumb from '../../../../Breadcrumb'\n\nimport {\n CALLBACKS_TAB_SUB_TABS_PATHS,\n PATH_APP_ID,\n PATH_DASHBOARD_APPS,\n PLATFORM_IOS,\n TABS\n} from './constants'\n\nimport styles from './styles.module.scss'\n\nconst Show = ({\n app: appProp,\n appChannel: appChannelProp,\n appChannels: appChannelsProp,\n apps: appsProp,\n channel: channelProp,\n channels: channelsProp,\n isAdmin,\n selectedTab,\n skAppClaimable,\n skAppClaimStatus\n}) => {\n const [isLoading, setIsLoading] = useState(true)\n\n const app = deepCamelKeys(appProp)\n const apps = deepCamelKeys(appsProp)\n const channel = deepCamelKeys(channelProp)\n const channels = deepCamelKeys(channelsProp)\n const appChannel = deepCamelKeys(appChannelProp)\n const appChannels = deepCamelKeys(appChannelsProp)\n\n const defaultState = {\n appChannels,\n apps,\n channels,\n currentApp: app,\n currentAppChannel: appChannel,\n currentChannel: channel,\n currentTab: selectedTab\n }\n\n // TODO: [nafeu] remove AppIntegrationsContext altogether and move state update handlers here\n const appIntegrationStatus = useContext(AppIntegrationsProvider) || defaultState\n\n useEffect(() => {\n const isNotSkanApp = app.platform !== PLATFORM_IOS\n const isSkanPage = selectedTab === TABS.SK_AD_NETWORK\n\n if (isNotSkanApp && isSkanPage) {\n window.location.href = `${PATH_DASHBOARD_APPS}/${app.id}`\n } else {\n setIsLoading(false)\n }\n }, [])\n\n return (\n \n
\n \n
\n \n App Store Commission\n
\n \n
\n \n
\n
\n
| Name | \nSDK key | \nCreated | \nLast used | \n\n |
|---|
\n
\n )\n\n const OrgKeysTable = () => (\n \n Your organization also has a universal SDK key that works with this app.\n If you are currently using this key, we recommend that you migrate to using\n app-specific SDK keys from above.\n
\n | \n | SDK key | \nCreated | \nLast used | \n\n |
|---|
\n \n
\n \n )\n}\n\nSdkKeys.propTypes = {\n appApiKeys: arrayOfApiKeys,\n lastSeenDates: mapOfIntegrationDates,\n maxAppKeyCount: PropTypes.number.isRequired,\n minAppKeyCount: PropTypes.number.isRequired,\n orgApiKeys: arrayOfApiKeys\n}\n\nSdkKeys.defaultProps = {\n appApiKeys: [],\n lastSeenDates: {},\n orgApiKeys: []\n}\n\nexport default SdkKeys\n","import { useState } from 'react'\nimport classNames from 'classnames'\n\nimport { formatNumberForDisplay } from '../../../../ReportingDataMetricValueDisplay/helpers'\n\nimport styles from './styles.module.scss'\n\nconst exampleMergeInfo = {\n mergedAt: '02/22/2022, 2:22pm',\n reportedCampaignName: 'WordSearch_DE_iOS',\n reportedInstalls: 30,\n spend: 12.11,\n trackedCampaignName: 'Word Search! Free',\n trackedInstalls: 30\n}\n\nconst CampaignDetailsMergeInfo = () => {\n // eslint-disable-next-line no-unused-vars\n const [mergeInfo, setMergeInfo] = useState(exampleMergeInfo)\n\n const {\n mergedAt,\n reportedCampaignName,\n reportedInstalls,\n spend,\n trackedCampaignName,\n trackedInstalls\n } = mergeInfo\n\n return (\n \n
\n \n
\n \n SDK Keys\n
\n \n \n \n }\n
\n \n
\n { \n Use the SDK Keys below to authenticate requests from the Tenjin SDK.\n Each App may have up to three unique SDK Keys.\n
\n \n \n \n Generate SDK Key\n \n
\n \n
\n \n
\n \n {\n isOrgKey\n ? (\n
\n \n Are you sure you want to disable universal SDK keys for this app?\n
\n )\n : (\n\n Are you sure you want to revoke this SDK key?\n
\n )\n }\n\n \n You cannot undo this action.\n \n
\n \n
\n \n
\n \n \n You must type "DELETE" to confirm this action.\n \n
\n\n \n
\n\n
\n \n No, don't\n {' '}\n {\n isOrgKey\n ? (\n \n disable\n \n )\n : (\n \n revoke\n \n )\n }\n
\n \n {\n isOrgKey\n ? (\n \n Disable universal SDK keys\n \n )\n : (\n \n Revoke SDK Key\n \n )\n }\n
\n \n
\n
\n )\n}\n\nCampaignDetailsMergeInfo.propTypes = {\n\n}\n\nCampaignDetailsMergeInfo.defaultProps = {\n\n}\n\nexport default CampaignDetailsMergeInfo\n","import { useState, useEffect, Fragment } from 'react'\nimport classNames from 'classnames'\nimport Modal from 'react-modal'\nimport PropTypes from 'prop-types'\nimport { find } from 'lodash'\n\nimport Dropdown from '../../../../Dropdown'\nimport SearchInput from '../../../../SearchInputV2'\nimport ConfirmationModalContent from '../../../../ConfirmationModalContent'\nimport { defaultModalStyles } from '../../../../../utils/modal'\nimport { fetchAllMergeableCampaigns, mergeCampaigns } from '../../../../../api/campaigns'\nimport { processAllMergeableCampaigns } from '../../../CampaignMergePage/helpers'\nimport CampaignsList from './CampaignsList'\nimport { PREDEFINED_LOOKBACK_WINDOWS } from '../../../CampaignMergePage/constants'\n\nimport styles from './styles.module.scss'\n\nconst CampaignDetailsMergeTool = ({\n adNetworkId,\n appId,\n trackedCampaignId,\n trackedCampaignName\n}) => {\n const lookbackWindows = PREDEFINED_LOOKBACK_WINDOWS\n\n const [searchText, setSearchText] = useState('')\n const [campaignToMerge, setCampaignToMerge] = useState(null)\n const [selectedLookback, setSelectedLookback] = useState(lookbackWindows[0])\n const [reportedCampaigns, setReportedCampaigns] = useState([])\n const [trackedCampaign, setTrackedCampaign] = useState(null)\n\n const [allMergeableCampaigns, setAllMergableCampaigns] = useState({\n reportedCampaigns: [],\n trackedCampaigns: []\n })\n\n const [isError, setIsError] = useState(false)\n const [isLoading, setIsLoading] = useState(false)\n const [isMerging, setIsMerging] = useState(false)\n\n const [isModalOpen, setIsModalOpen] = useState(false)\n\n const openModal = () => setIsModalOpen(true)\n const closeModal = () => setIsModalOpen(false)\n\n const isMergeable = campaignToMerge !== null\n const isEmptyState = reportedCampaigns.length === 0\n\n const fetchCampaigns = async () => {\n setIsError(false)\n setIsLoading(true)\n\n try {\n const data = await fetchAllMergeableCampaigns({\n adNetworkId,\n appId,\n lookbackWindow: selectedLookback.value\n })\n\n setCampaignToMerge(null)\n setAllMergableCampaigns(processAllMergeableCampaigns(data))\n setIsLoading(false)\n } catch (error) {\n window.Honeybadger.notify(error)\n setIsError(true)\n setIsLoading(false)\n }\n }\n\n const mergeSelectedCampaign = async () => {\n if (isMergeable) {\n setIsError(false)\n setIsMerging(true)\n\n try {\n await mergeCampaigns({\n reportedCampaignId: campaignToMerge,\n trackedCampaignId\n })\n\n onMergeSuccess()\n } catch (error) {\n window.Honeybadger.notify(error)\n setIsError(true)\n setIsMerging(false)\n }\n }\n }\n\n useEffect(() => {\n fetchCampaigns()\n }, [selectedLookback])\n\n useEffect(() => {\n setReportedCampaigns(allMergeableCampaigns.reportedCampaigns.filter(\n ({ name }) => name.toLowerCase().includes(searchText.toLowerCase())\n ))\n\n setTrackedCampaign(find(allMergeableCampaigns.trackedCampaigns, { id: trackedCampaignId }))\n }, [allMergeableCampaigns, searchText])\n\n const handleClickMergeCampaign = id => {\n setCampaignToMerge(id)\n openModal()\n }\n\n const handleConfirmMerge = () => {\n mergeSelectedCampaign()\n closeModal()\n }\n\n const handleCancelMerge = () => {\n closeModal()\n }\n\n const handleChangeSelectedLookback = updatedLookback => {\n setSelectedLookback(updatedLookback)\n }\n\n const handleChangeSearchText = updatedSearchText => setSearchText(updatedSearchText)\n\n const onMergeSuccess = () => {\n window.location.reload()\n }\n\n return (\n \n
\n THIS CAMPAIGN WAS MERGED
\n {mergedAt}
\n \n
\n
\n TENJIN CAMPAIGN
\n \n
\n Tenjin Campaign Name
\n Tracked Installs
\n \n
\n {trackedCampaignName}
\n {trackedInstalls}
\n \n
\n \n AD NETWORK CAMPAIGNS\n
\n \n
\n \n
\n Ad Network Campaign Name
\n Reported Installs
\n Spend
\n \n
\n \n {reportedCampaignName}\n
\n \n {reportedInstalls || '-'}\n
\n \n ${formatNumberForDisplay({ number: spend, numberOfDigits: 2 })}\n
\n \n
\n
\n
\n \n
\n \n
\n Merge Campaign
\n \n Consolidate campaigns by merging this Tenjin campaing with tracked data\n to its matching ad network campaign with reported data.\n
\n \n option.label}\n getOptionValue={option => option.value}\n isClearable={false}\n isSearchable\n onChange={handleChangeSelectedLookback}\n options={lookbackWindows}\n value={selectedLookback}\n />\n
\n \n
\n
\n TENJIN CAMPAIGN
\n \n
\n Campaign Name
\n Tracked Installs
\n \n
\n {trackedCampaignName}
\n {trackedCampaign ? trackedCampaign.trackedInstalls : '-'}
\n \n
\n
\n \n
\n \n Select one ad network campaign from the list below to merge with the Tenjin campaign\n
\n \n AD NETWORK CAMPAIGNS\n
\n \n option.name}\n getOptionValue={option => option.id}\n isClearable={false}\n isSearchable\n onChange={handleChangeSelectedApp}\n options={apps}\n value={selectedApp}\n placeholder={DROPDOWN_PLACEHOLDER}\n />\n
\n \n \n
\n )}\n pane={(\n \n \n Date Range\n \n\n
\n )}\n />\n \n \n \n \n \n handleChangeNewCallbackGroupTemplate({\n param: 'allowMultiple',\n value: event.target.checked\n })\n }\n type=\"checkbox\"\n checked={allowMultiple}\n />\n
\n \n\n handleChangeNewCallbackGroupTemplate({\n param: 'eventDefinition',\n value: event.target.value\n })\n }\n placeholder=\"Select Event Definition\"\n value={eventDefinition}\n >\n \n \n \n \n \n
\n \n\n handleChangeNewCallbackGroupTemplate({\n param: 'platform',\n value: event.target.value\n })\n }\n placeholder=\"Select Platform\"\n value={platform}\n >\n \n \n \n \n \n \n
\n \n\n handleChangeNewCallbackGroupTemplate({\n param: 'requiredMacros',\n value: event.target.value\n })\n }\n placeholder=\"Enter required macros\"\n type=\"text\"\n value={requiredMacros}\n />\n
\n \n\n handleChangeNewCallbackGroupTemplate({\n param: 'userFilterDefault',\n value: event.target.value\n })\n }\n placeholder=\"Select User Filter Default\"\n value={userFilterDefault}\n >\n \n \n \n \n
\n \n\n handleChangeNewCallbackGroupTemplate({\n param: 'userFilterEditable',\n value: event.target.checked\n })\n }\n type=\"checkbox\"\n checked={userFilterEditable}\n />\n
\n \n \n\n
\n )\n}\n/* eslint-enable jsx-a11y/label-has-associated-control,\n jsx-a11y/control-has-associated-label,\n jsx-a11y/click-events-have-key-events,\n jsx-a11y/no-static-element-interactions,\n no-param-reassign,\n no-alert */\n\nCallbackGroupTemplates.propTypes = {\n adNetworkId: PropTypes.number.isRequired,\n callbackGroupTemplatesProp: arrayOfCallbackGroupTemplates.isRequired\n}\n\nCallbackGroupTemplates.defaultProps = {}\n\nexport default CallbackGroupTemplates\n","export const exampleEventCounts = [\n {\n \"month\": \"2025-03-01\",\n \"billable_events\": 3818,\n \"sessions\": 2677,\n \"custom_events\": 1132,\n \"purchases\": 9,\n \"clicks\": 10,\n \"impressions\": 0,\n \"ad_mediation_impression_count\": 0,\n \"paid_tracked_installs\": 0\n },\n {\n \"month\": \"2025-02-01\",\n \"billable_events\": 10785,\n \"sessions\": 6744,\n \"custom_events\": 4007,\n \"purchases\": 34,\n \"clicks\": 532,\n \"impressions\": 0,\n \"ad_mediation_impression_count\": 0,\n \"paid_tracked_installs\": 0\n },\n {\n \"month\": \"2025-01-01\",\n \"billable_events\": 12266,\n \"sessions\": 7618,\n \"custom_events\": 4644,\n \"purchases\": 4,\n \"clicks\": 43,\n \"impressions\": 0,\n \"ad_mediation_impression_count\": 0,\n \"paid_tracked_installs\": 0\n },\n {\n \"month\": \"2024-12-01\",\n \"billable_events\": 10930,\n \"sessions\": 7617,\n \"custom_events\": 3300,\n \"purchases\": 13,\n \"clicks\": 20,\n \"impressions\": 37,\n \"ad_mediation_impression_count\": 0,\n \"paid_tracked_installs\": 0\n },\n {\n \"month\": \"2024-11-01\",\n \"billable_events\": 7608,\n \"sessions\": 4334,\n \"custom_events\": 3252,\n \"purchases\": 22,\n \"clicks\": 53,\n \"impressions\": 22,\n \"ad_mediation_impression_count\": 0,\n \"paid_tracked_installs\": 2\n },\n {\n \"month\": \"2024-10-01\",\n \"billable_events\": 11288,\n \"sessions\": 7371,\n \"custom_events\": 3889,\n \"purchases\": 28,\n \"clicks\": 20,\n \"impressions\": 0,\n \"ad_mediation_impression_count\": 2,\n \"paid_tracked_installs\": 3\n },\n {\n \"month\": \"2024-09-01\",\n \"billable_events\": 13980,\n \"sessions\": 6455,\n \"custom_events\": 7509,\n \"purchases\": 16,\n \"clicks\": 18,\n \"impressions\": 0,\n \"ad_mediation_impression_count\": 5,\n \"paid_tracked_installs\": 3\n },\n {\n \"month\": \"2024-08-01\",\n \"billable_events\": 12605,\n \"sessions\": 6847,\n \"custom_events\": 5753,\n \"purchases\": 5,\n \"clicks\": 18,\n \"impressions\": 1,\n \"ad_mediation_impression_count\": 0,\n \"paid_tracked_installs\": 0\n },\n {\n \"month\": \"2024-07-01\",\n \"billable_events\": 15097,\n \"sessions\": 6794,\n \"custom_events\": 8235,\n \"purchases\": 68,\n \"clicks\": 38,\n \"impressions\": 1,\n \"ad_mediation_impression_count\": 0,\n \"paid_tracked_installs\": 2\n },\n {\n \"month\": \"2024-06-01\",\n \"billable_events\": 15098,\n \"sessions\": 7050,\n \"custom_events\": 8001,\n \"purchases\": 47,\n \"clicks\": 46,\n \"impressions\": 0,\n \"ad_mediation_impression_count\": 0,\n \"paid_tracked_installs\": 1\n },\n {\n \"month\": \"2024-05-01\",\n \"billable_events\": 15050,\n \"sessions\": 7184,\n \"custom_events\": 7849,\n \"purchases\": 17,\n \"clicks\": 44,\n \"impressions\": 0,\n \"ad_mediation_impression_count\": 0,\n \"paid_tracked_installs\": 0\n },\n {\n \"month\": \"2024-04-01\",\n \"billable_events\": 16527,\n \"sessions\": 6832,\n \"custom_events\": 9690,\n \"purchases\": 5,\n \"clicks\": 19,\n \"impressions\": 0,\n \"ad_mediation_impression_count\": 0,\n \"paid_tracked_installs\": 0\n },\n {\n \"month\": \"2024-03-01\",\n \"billable_events\": 14162,\n \"sessions\": 6855,\n \"custom_events\": 7295,\n \"purchases\": 12,\n \"clicks\": 102,\n \"impressions\": 0,\n \"ad_mediation_impression_count\": 0,\n \"paid_tracked_installs\": 3\n },\n {\n \"month\": \"2024-02-01\",\n \"billable_events\": 10401,\n \"sessions\": 6422,\n \"custom_events\": 3976,\n \"purchases\": 3,\n \"clicks\": 18,\n \"impressions\": 0,\n \"ad_mediation_impression_count\": 0,\n \"paid_tracked_installs\": 0\n },\n {\n \"month\": \"2024-01-01\",\n \"billable_events\": 8323,\n \"sessions\": 2467,\n \"custom_events\": 5848,\n \"purchases\": 8,\n \"clicks\": 172,\n \"impressions\": 0,\n \"ad_mediation_impression_count\": 4,\n \"paid_tracked_installs\": 7\n },\n {\n \"month\": \"2023-12-01\",\n \"billable_events\": 5275,\n \"sessions\": 140,\n \"custom_events\": 5113,\n \"purchases\": 22,\n \"clicks\": 0,\n \"impressions\": 0,\n \"ad_mediation_impression_count\": 5,\n \"paid_tracked_installs\": 0\n },\n {\n \"month\": \"2023-11-01\",\n \"billable_events\": 5231,\n \"sessions\": 128,\n \"custom_events\": 5101,\n \"purchases\": 2,\n \"clicks\": 6,\n \"impressions\": 0,\n \"ad_mediation_impression_count\": 0,\n \"paid_tracked_installs\": 0\n },\n {\n \"month\": \"2023-10-01\",\n \"billable_events\": 4950,\n \"sessions\": 161,\n \"custom_events\": 4768,\n \"purchases\": 21,\n \"clicks\": 43,\n \"impressions\": 0,\n \"ad_mediation_impression_count\": 0,\n \"paid_tracked_installs\": 0\n },\n {\n \"month\": \"2023-09-01\",\n \"billable_events\": 4576,\n \"sessions\": 159,\n \"custom_events\": 4391,\n \"purchases\": 26,\n \"clicks\": 27,\n \"impressions\": 0,\n \"ad_mediation_impression_count\": 10,\n \"paid_tracked_installs\": 1\n },\n {\n \"month\": \"2023-08-01\",\n \"billable_events\": 3769,\n \"sessions\": 132,\n \"custom_events\": 3623,\n \"purchases\": 14,\n \"clicks\": 30,\n \"impressions\": 0,\n \"ad_mediation_impression_count\": 0,\n \"paid_tracked_installs\": 0\n },\n {\n \"month\": \"2023-07-01\",\n \"billable_events\": 3631,\n \"sessions\": 156,\n \"custom_events\": 3464,\n \"purchases\": 11,\n \"clicks\": 75,\n \"impressions\": 0,\n \"ad_mediation_impression_count\": 20,\n \"paid_tracked_installs\": 0\n },\n {\n \"month\": \"2023-06-01\",\n \"billable_events\": 4127,\n \"sessions\": 164,\n \"custom_events\": 3962,\n \"purchases\": 1,\n \"clicks\": 99,\n \"impressions\": 0,\n \"ad_mediation_impression_count\": 0,\n \"paid_tracked_installs\": 0\n },\n {\n \"month\": \"2023-05-01\",\n \"billable_events\": 4244,\n \"sessions\": 142,\n \"custom_events\": 4093,\n \"purchases\": 9,\n \"clicks\": 127,\n \"impressions\": 0,\n \"ad_mediation_impression_count\": 0,\n \"paid_tracked_installs\": 0\n },\n {\n \"month\": \"2023-04-01\",\n \"billable_events\": 3352,\n \"sessions\": 110,\n \"custom_events\": 3234,\n \"purchases\": 8,\n \"clicks\": 250,\n \"impressions\": 0,\n \"ad_mediation_impression_count\": 0,\n \"paid_tracked_installs\": 0\n },\n {\n \"month\": \"2023-03-01\",\n \"billable_events\": 4990,\n \"sessions\": 147,\n \"custom_events\": 4839,\n \"purchases\": 4,\n \"clicks\": 52,\n \"impressions\": 2,\n \"ad_mediation_impression_count\": 0,\n \"paid_tracked_installs\": 5\n },\n {\n \"month\": \"2023-02-01\",\n \"billable_events\": 4510,\n \"sessions\": 174,\n \"custom_events\": 4322,\n \"purchases\": 14,\n \"clicks\": 62,\n \"impressions\": 0,\n \"ad_mediation_impression_count\": 0,\n \"paid_tracked_installs\": 1\n },\n {\n \"month\": \"2023-01-01\",\n \"billable_events\": 4433,\n \"sessions\": 176,\n \"custom_events\": 4250,\n \"purchases\": 7,\n \"clicks\": 21,\n \"impressions\": 0,\n \"ad_mediation_impression_count\": 0,\n \"paid_tracked_installs\": 2\n },\n {\n \"month\": \"2022-10-01\",\n \"billable_events\": 1,\n \"sessions\": 1,\n \"custom_events\": 0,\n \"purchases\": 0,\n \"clicks\": 0,\n \"impressions\": 0,\n \"ad_mediation_impression_count\": 0,\n \"paid_tracked_installs\": 0\n }\n]\n","import classNames from 'classnames'\nimport { format } from 'date-fns'\nimport { sumBy } from 'lodash'\nimport React, { Fragment } from 'react'\n\nimport { exampleEventCounts } from '../../../../../utils/factories/eventCounts'\nimport { deepCamelKeys } from '../../../../../utils/helpers'\nimport CardPanel from '../../../../CardPanel'\nimport FlexTable from '../../../../FlexTable'\nimport FontAwesomeIcon from '../../../../FontAwesomeIcon'\nimport LoadingBar from '../../../../LoadingBar'\nimport {\n MAX_PTI_COUNT,\n PLAN_DETAILS,\n STRIPE_BILLING_URL,\n STRIPE_CHANGE_PLAN_URL\n} from './constants'\nimport styles from './styles.module.scss'\n\nconst buildEventCountRows = eventCounts => [\n {\n cells: [\n {\n cell: Month In-App Events,\n id: 'headerMonth'\n },\n {\n cell: (\n In-App Events (sessions + purchases + custom events)\n ),\n id: 'headerInAppEvents'\n },\n {\n cell: Ad Mediation Impressions (ILRD),\n id: 'headerAdMediationImpressions'\n },\n {\n cell: Paid Tracked Installs,\n id: 'headerPaidTrackedInstalls'\n }\n ],\n id: 'headers'\n },\n ...eventCounts.map(\n (\n {\n month,\n billableEvents,\n adMediationImpressionCount,\n paidTrackedInstalls\n },\n rowIndex\n ) => ({\n cells: [\n {\n cell: format(new Date(month), 'MMMM yyyy'),\n id: `month${rowIndex}`\n },\n {\n cell: billableEvents,\n id: `billableEvents${rowIndex}`\n },\n {\n cell: adMediationImpressionCount,\n id: `adMediationImpressionCount${rowIndex}`\n },\n {\n cell: paidTrackedInstalls,\n id: `paidTrackedInstalls${rowIndex}`\n }\n ],\n id: rowIndex\n })\n )\n]\n\n/* eslint-disable no-unused-vars, react/prop-types, jsx-a11y/anchor-is-valid */\nconst UsageAndBilling = ({\n eventCounts: injectedEventCounts,\n organization,\n pricingTableId,\n publishableKey,\n subscriptionInfo\n}) => {\n // TODO: [nafeu] swap out injectedEventCounts [TENJIN-23876]\n const eventCounts = deepCamelKeys(exampleEventCounts)\n\n const rows = buildEventCountRows(eventCounts)\n\n // TODO: [nafeu] fix sum logic here to only use data from current month [TENJIN-23876]\n const ptiCount = sumBy(eventCounts, 'paidTrackedInstalls')\n const percentage = ptiCount / MAX_PTI_COUNT\n const formattedPercentage = Math.round(percentage * 100)\n\n // TODO: [nafeu, hwan-joon] pull in correct subscription info\n const cardInfo = {\n expiration: '12/27',\n number: 'Visa **** 1111'\n }\n\n const isSubscribed =\n subscriptionInfo ||\n new URLSearchParams(window.location.search)\n .get('flag')\n ?.includes('stripe_subscribed')\n\n // TODO: [nafeu] replace static billing and contract info with real data [TENJIN-23876]\n return (\n \n \n
\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n
\n \n | ID | \nAllow Multiple | \n\n Event Definition\n | \nPlatform | \nRequired Macros | \n\n User Filter Default\n | \n\n User Filter Editable\n | \n\n |
|---|---|---|---|---|---|---|---|
| \n \n {callbackGroupTemplate.callbackTemplates.map(\n callbackTemplate => (\n \n )\n )}\n \n \n {callbackTemplate.callbacksCount} callbacks\n \n | \n |||||||
| \n {callbackGroupTemplate.id}\n | \n\n | \n \n {isEmptyEventDefinition\n ? 'nil'\n : callbackGroupTemplate.eventDefinition}\n | \n{callbackGroupTemplate.platform} | \n\n | \n \n | \n \n | \n \n | \n
| \n {callbackGroupTemplate.id}\n | \n\n {editedCallbackGroupTemplates[\n callbackGroupTemplate.id\n ].allowMultiple ? (\n | \n \n {isEmptyEventDefinition\n ? 'nil'\n : callbackGroupTemplate.eventDefinition}\n | \n{callbackGroupTemplate.platform} | \n\n {JSON.stringify(\n editedCallbackGroupTemplates[\n callbackGroupTemplate.id\n ].requiredMacros\n )}\n | \n\n {\n editedCallbackGroupTemplates[\n callbackGroupTemplate.id\n ].userFilterDefault\n }\n | \n\n {editedCallbackGroupTemplates[\n callbackGroupTemplate.id\n ].userFilterEditable ? (\n | \n \n | \n
\n \n \n {isSubscribed ? (\n \n \n \n \n ) : (\n \n \n )}\n
\n )\n}\n/* eslint-enable react/prop-types, jsx-a11y/anchor-is-valid */\n\nexport default UsageAndBilling\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport styles from './styles.module.scss'\n\nfunction CheckboxIcon({ isChecked, multiple, size }) {\n const className = classNames(styles.icon, styles[`icon--${size}`], {\n [styles.visibleIcon]: isChecked\n })\n\n if (multiple) {\n return (\n \n )\n }\n\n return (\n \n )\n}\n\nCheckboxIcon.propTypes = {\n isChecked: PropTypes.bool.isRequired,\n multiple: PropTypes.bool,\n size: PropTypes.oneOf(['sm', 'default'])\n}\n\nCheckboxIcon.defaultProps = {\n multiple: false,\n size: 'default'\n}\n\nexport default CheckboxIcon\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport Fuse from 'fuse.js'\nimport classNames from 'classnames'\nimport { isEmpty, isEqual, sortBy } from 'lodash'\n\nimport SearchInput from '../SearchInput/SearchInput'\nimport SelectMenuItem from '../SelectMenuItem'\n\nimport styles from './styles.module.scss'\nimport menuItemStyles from '../SelectMenuItem/styles.module.scss'\n\nconst SELECT_MENU_FUSE_OPTIONS = {\n keys: ['name'],\n shouldSort: false,\n threshold: 0.3\n}\n\nclass SelectMenu extends React.Component {\n static createSearchableList(list) {\n return new Fuse(list, SELECT_MENU_FUSE_OPTIONS)\n }\n\n static normalizeItemId(itemId) {\n return itemId.toString()\n }\n\n constructor(props) {\n super(props)\n\n const { items, multiple, selected } = props\n\n this.addItem = this.addItem.bind(this)\n this.afterAddItem = this.afterAddItem.bind(this)\n this.handleClear = this.handleClear.bind(this)\n this.handleSave = this.handleSave.bind(this)\n this.handleSearchStringChange = this.handleSearchStringChange.bind(this)\n this.removeItem = this.removeItem.bind(this)\n this.selectAll = this.selectAll.bind(this)\n\n const list = Object.keys(items).map(itemId => items[itemId])\n\n let unapplied = null\n\n if (isEmpty(selected)) {\n if (multiple) {\n unapplied = Object.keys(items)\n }\n } else {\n unapplied = selected\n }\n\n this.state = {\n searchString: '',\n searchableList: this.constructor.createSearchableList(list),\n unapplied\n }\n }\n\n componentDidUpdate(prevProps) {\n this.updateUnappliedIfNeeded(prevProps.selected)\n }\n\n getMenuItemIds(skipAlphabetization = false) {\n const { alphabetize, items } = this.props\n const { searchableList, searchString } = this.state\n\n let itemIds\n\n if (this.isSearching()) {\n itemIds = searchableList.search(searchString).map(fuseObj => fuseObj.item.id)\n } else {\n itemIds = Object.keys(items)\n }\n\n return alphabetize && !skipAlphabetization\n ? this.sortItems(itemIds)\n : itemIds\n }\n\n updateUnappliedIfNeeded(prevSelected) {\n const { selected } = this.props\n\n if (!isEqual(prevSelected, selected)) {\n this.setState({ unapplied: selected })\n }\n }\n\n isSaveable() {\n const { items, multiple, selected } = this.props\n const { unapplied } = this.state\n\n if (multiple) {\n if (selected.length === 0 && unapplied.length === Object.keys(items).length) {\n return false\n }\n return !isEqual(sortBy(unapplied), sortBy(selected))\n }\n return !isEqual(unapplied, selected)\n }\n\n hasAllSelected() {\n const { items, multiple } = this.props\n const { unapplied } = this.state\n\n if (!multiple || Object.keys(items).length === 0) {\n return false\n }\n\n return unapplied.length > 0 && unapplied.length === Object.keys(items).length\n }\n\n afterAddItem() {\n const { saveOnSelect } = this.props\n\n if (saveOnSelect) {\n this.handleSave()\n }\n }\n\n addItem(itemId) {\n const { multiple } = this.props\n const { unapplied } = this.state\n\n const normalizedItemId = this.constructor.normalizeItemId(itemId)\n\n if (multiple) {\n this.setState({ unapplied: [...unapplied, normalizedItemId] }, this.afterAddItem)\n } else {\n this.setState({ unapplied: normalizedItemId }, this.afterAddItem)\n }\n }\n\n removeItem(itemId) {\n const { multiple } = this.props\n const { unapplied } = this.state\n\n const normalizedItemId = this.constructor.normalizeItemId(itemId)\n\n if (multiple) {\n this.setState({ unapplied: unapplied.filter(id => id !== normalizedItemId) })\n } else {\n this.setState({ unapplied: null })\n }\n }\n\n selectAll() {\n const { items, multiple } = this.props\n\n if (!multiple) {\n return\n }\n\n this.setState({ unapplied: Object.keys(items) })\n }\n\n sortItems(itemIds) {\n const { items } = this.props\n\n return itemIds.sort((aId, bId) => items[aId].name.localeCompare(items[bId].name))\n }\n\n handleClear() {\n const { unapplied } = this.state\n\n if (unapplied.length === 0) {\n return\n }\n\n const { multiple } = this.props\n\n if (multiple) {\n this.setState({ unapplied: [] })\n } else {\n this.setState({ unapplied: null })\n }\n }\n\n handleSave() {\n const { unapplied } = this.state\n const { onSave, selected } = this.props\n\n if (isEqual(unapplied, selected)) {\n return\n }\n\n if (this.hasAllSelected()) {\n onSave([])\n } else {\n onSave(unapplied)\n }\n }\n\n handleSearchStringChange(searchString) {\n this.setState({ searchString })\n }\n\n isSearching() {\n const { searchString } = this.state\n const { searchable } = this.props\n\n return searchable && !isEmpty(searchString)\n }\n\n isSelectedItem(itemId) {\n const { unapplied } = this.state\n const { multiple } = this.props\n\n const normalizedItemId = this.constructor.normalizeItemId(itemId)\n\n if (multiple) {\n return unapplied.includes(normalizedItemId)\n }\n\n return unapplied === normalizedItemId\n }\n\n renderClearBtn() {\n const { unapplied } = this.state\n\n const className = classNames(styles.clearBtn, 'btn', 'btn-link', {\n disabled: unapplied.length === 0\n })\n\n return (\n \n )\n }\n\n renderSaveBtn() {\n const className = classNames(styles.saveBtn, 'btn', {\n disabled: !this.isSaveable()\n })\n\n return (\n \n )\n }\n\n renderMenuItems() {\n const { items } = this.props\n const itemIds = this.getMenuItemIds()\n\n if (!isEmpty(itemIds)) {\n return itemIds.map(itemId => this.renderMenuItem(items[itemId]))\n }\n\n return Usage & Billing
\n\n \n {formattedPercentage}% of PTI Allowance Used\n \n
\n
\n Counts of the in-app events and ad mediation impressions we've\n received across all apps in your organization and the number of paid\n tracked installs we've attributed for your apps.\n
\n \n
\n Counts of the in-app events and ad mediation impressions we've\n received across all apps in your organization and the number of paid\n tracked installs we've attributed for your apps.\n
\n
\n \n Pricing Tier: All Inclusive\n $400 / month\n
\n \n View Contract Details\n \n \n Change Plan\n \n \n {PLAN_DETAILS.map(detail => (\n
\n \n \n
\n ))}\n \n
\n \n \n Payment method:{' '}\n {cardInfo.number}\n
\n \n Expires {cardInfo.expiration}\n
\n \n Manage Billing\n \n No results to display
\n }\n\n renderMenuItem(item) {\n const { menuItemRenderer, multiple } = this.props\n\n return (\n \n
\n )\n }\n\n renderSearchInput() {\n const { searchString } = this.state\n const { items, searchPlaceholder } = this.props\n\n const disabled = Object.keys(items).length === 0\n\n return (\n {header}
\n\n {description}\n
\n\n
\n )\n }\n\n render() {\n const {\n header, items, multiple, saveOnSelect, searchable, selectMenuClassName\n } = this.props\n\n const selectMenuInnerClassName = classNames(styles.menuInner, {\n [styles.menuInnerMultiple]: multiple\n })\n\n const footerClassName = classNames(styles.footer, {\n [styles.footerWithMultipleActions]: multiple\n })\n\n return (\n \n {header && this.renderHeader()}\n\n {searchable && this.renderSearchInput()}\n\n
\n )\n }\n}\n\nSelectMenu.propTypes = {\n allSelectLabel: PropTypes.string,\n alphabetize: PropTypes.bool,\n description: PropTypes.string,\n header: PropTypes.string,\n items: PropTypes.objectOf(\n PropTypes.shape({\n id: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string\n ]).isRequired,\n name: PropTypes.string.isRequired\n })\n ).isRequired,\n menuItemRenderer: PropTypes.func,\n multiple: PropTypes.bool,\n onSave: PropTypes.func.isRequired,\n saveOnSelect: PropTypes.bool,\n searchPlaceholder: PropTypes.string,\n searchable: PropTypes.bool,\n selectMenuClassName: PropTypes.string,\n selected: PropTypes.oneOfType([\n PropTypes.array,\n PropTypes.number,\n PropTypes.string\n ])\n}\n\nSelectMenu.defaultProps = {\n allSelectLabel: '',\n alphabetize: false,\n description: '',\n header: '',\n menuItemRenderer: null,\n multiple: false,\n saveOnSelect: false,\n searchPlaceholder: '',\n searchable: false,\n selectMenuClassName: '',\n selected: null\n}\n\nexport default SelectMenu\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { isFunction, isNull } from 'lodash'\n\nimport FontAwesomeIcon from '../FontAwesomeIcon'\nimport Label from '../Label/Label'\n\nimport styles from './styles.module.scss'\n\nfunction SelectButton(props) {\n const {\n className, containerClassName: containerClassNameProp, iconClassName, isActive, label,\n labelClassName, onClick, selectedItem, value, valueClassName, valueRenderer\n } = props\n\n let displayValue\n if (!isNull(selectedItem) && !isNull(valueRenderer) && isFunction(valueRenderer)) {\n displayValue = valueRenderer(selectedItem)\n } else {\n displayValue = value\n }\n\n const containerClassName = classNames(styles.container, containerClassNameProp)\n\n const btnClassName = classNames(styles.btn, className, {\n [styles.activeBtn]: isActive\n })\n\n return (\n \n {multiple && Object.keys(items).length > 0 && this.renderSelectAllMenuItem()}\n {this.renderMenuItems()}\n
\n\n {(multiple || !saveOnSelect) && (\n \n {multiple && this.renderClearBtn()}\n {!saveOnSelect && this.renderSaveBtn()}\n
\n )}\n \n \n \n \n \n \n\n \n {displayValue}\n \n \n \n \n
\n )\n}\n\nSelectButton.propTypes = {\n className: PropTypes.string,\n containerClassName: PropTypes.string,\n iconClassName: PropTypes.string,\n isActive: PropTypes.bool.isRequired,\n label: PropTypes.string.isRequired,\n labelClassName: PropTypes.string,\n onClick: PropTypes.func.isRequired,\n selectedItem: PropTypes.shape({\n id: PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.string\n ]).isRequired,\n name: PropTypes.string.isRequired\n }),\n value: PropTypes.string,\n valueClassName: PropTypes.string,\n valueRenderer: PropTypes.func\n}\n\nSelectButton.defaultProps = {\n className: '',\n containerClassName: '',\n iconClassName: '',\n labelClassName: '',\n selectedItem: null,\n value: null,\n valueClassName: '',\n valueRenderer: null\n}\n\nexport default SelectButton\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport { ALL_RESULTS_TEXT, NO_RESULTS_FOR_PAGE_TEXT, NO_RESULTS_TEXT } from './constants'\nimport { determinePageSpan } from './utils'\n\nimport styles from './styles.module.scss'\n\nconst PaginatorInfo = props => {\n const {\n currentPage, pageLimit, pageNumbers, totalCount, totalPages\n } = props\n\n let text\n\n if (totalPages === 0 || pageNumbers.length === 0) {\n text = NO_RESULTS_TEXT\n } else if (currentPage > totalPages) {\n text = `${NO_RESULTS_FOR_PAGE_TEXT} ${currentPage}`\n } else if (pageNumbers.length === 1) {\n text = totalCount > 1 ? `Viewing all ${totalCount} results` : ALL_RESULTS_TEXT\n } else {\n const { ceil, floor } = determinePageSpan({ currentPage, pageLimit, totalCount })\n text = `Viewing ${floor} - ${ceil} of ${totalCount} results`\n }\n\n return {text}
\n}\n\nPaginatorInfo.propTypes = {\n currentPage: PropTypes.number.isRequired,\n pageLimit: PropTypes.number.isRequired,\n pageNumbers: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n totalCount: PropTypes.number.isRequired,\n totalPages: PropTypes.number.isRequired\n}\n\nPaginatorInfo.defaultProps = {\n pageNumbers: []\n}\n\nexport default PaginatorInfo\n","export const determinePageSpan = ({ currentPage, pageLimit, totalCount }) => {\n const floor = ((currentPage - 1) * pageLimit) + 1\n let ceil = currentPage * pageLimit\n\n if (ceil > totalCount) {\n ceil = totalCount\n }\n\n return { ceil, floor }\n}\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport FontAwesomeIcon from '../FontAwesomeIcon'\nimport PaginatorItem from '../PaginatorItem/PaginatorItem'\n\nimport { noop } from '../../utils/helpers'\n\nconst PaginatorNextItem = ({ currentPage, isDisabled, onClick }) => {\n const className = classNames({ disabled: isDisabled })\n\n return (\n \n {metricDefinitions.map((metricDefinition, index) => {\n const { components: { kpiCard }, key: metricDefinitionId } = metricDefinition\n\n const isMocking = mockedMetricDefinitionKeys.includes(metricDefinitionId)\n\n const associatedReport = REPORTS.find(report => report.value === kpiCard.reportId)\n\n const groupedStatsData = groupedStatsDataByMetric[metricDefinitionId] || []\n const summaryData = summaryDataByMetric[metricDefinitionId]\n\n return (\n
\n)\n\n/* eslint-disable max-len */\nPresenter.propTypes = {\n groupedStatsDataByMetric: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types\n isError: PropTypes.bool.isRequired,\n isFetchingGroupedStatsData: PropTypes.bool.isRequired,\n isFetchingSummaryData: PropTypes.bool.isRequired,\n metricDefinitions: PropTypes.arrayOf(metricDefinitionObject).isRequired,\n mockedMetricDefinitionKeys: PropTypes.arrayOf(PropTypes.string).isRequired,\n onReloadClick: PropTypes.func.isRequired,\n summaryDataByMetric: PropTypes.object.isRequired // eslint-disable-line react/forbid-prop-types\n}\n/* eslint-enable max-len */\n\nexport default Presenter\n","import { sortBy } from 'lodash'\n\nexport const getKPICardsMetricDefinitions = metricDefinitionsState => {\n const metricDefinitions = []\n\n Object.keys(metricDefinitionsState).forEach(metricDefinitionKey => {\n const metricDefinition = metricDefinitionsState[metricDefinitionKey]\n\n if (metricDefinition.components.kpiCard.isVisible) {\n metricDefinitions.push(metricDefinition)\n }\n })\n\n return sortBy(metricDefinitions, metricDefinition => metricDefinition.components.kpiCard.position)\n}\n","import { isPublisherPage, isSkAdNetworkPage } from '../../../../contexts/ReportingFilters'\n\nexport const convertReportPageToHeader = reportPage => {\n if (isPublisherPage(reportPage)) {\n return 'Ad Monetizaton'\n } else if (isSkAdNetworkPage(reportPage)) {\n return 'SK Ad Network'\n } else {\n return 'User Acquisition'\n }\n}\n","export const MAX_MENU_HEIGHT = 400\n","import { Fragment } from 'react'\nimport PropTypes from 'prop-types'\n\nimport CustomEventsSelector from './CustomEventsSelector'\nimport GroupedSummaryTable from '../../../GroupedSummaryTable'\nimport KPITabsPurchasers from './KPITabs/Purchasers'\nimport KPITabsPurchaseXDay from './KPITabs/PurchaseXDay'\nimport KPITabsRetentionXDay from './KPITabs/RetentionXDay'\nimport ReportsSelector from '../ReportsSelector'\n\nimport { REPORTS_BY_VALUE } from '../constants'\nimport { arrayOfSelectableCustomEvents } from '../../../../utils/customPropTypes'\n\nconst CustomPagePresentation = (\n {\n currentCustomEventName,\n customEvents,\n fetchMoreCustomEvents,\n fetchCustomEventsByName\n }\n) => (\n \n
\n )\n}\n\nPresentation.propTypes = {\n groupedStatsDataByMetric: PropTypes.object, // eslint-disable-line react/forbid-prop-types,max-len\n groupedStatsMetricDefinitions: PropTypes.arrayOf(\n kpiTabGroupedStatsMetricDefinitionObject\n ).isRequired,\n isError: PropTypes.bool.isRequired,\n isFetchingGroupedStatsData: PropTypes.bool.isRequired,\n isFetchingSummaryData: PropTypes.bool.isRequired,\n isSuccessGroupedStatsData: PropTypes.bool.isRequired,\n mockedGroupedStatsMetricDefinitionKeys: PropTypes.arrayOf(PropTypes.string),\n mockedSummaryMetricDefinitionKeys: PropTypes.arrayOf(PropTypes.string),\n onReloadClick: PropTypes.func.isRequired,\n summaryDataByMetric: PropTypes.object, // eslint-disable-line react/forbid-prop-types,max-len\n summaryMetricDefinitions: PropTypes.arrayOf(\n kpiTabSummaryMetricDefinitionObject\n ).isRequired\n}\n\nPresentation.defaultProps = {\n groupedStatsDataByMetric: {},\n mockedGroupedStatsMetricDefinitionKeys: [],\n mockedSummaryMetricDefinitionKeys: [],\n summaryDataByMetric: {}\n}\n\nexport default Presentation\n","import PropTypes from 'prop-types'\n\nimport Skeleton from 'react-loading-skeleton'\nimport SkeletonSummaryBlocks from './SummaryBlocks/skeleton'\nimport SkeletonTabButtons from './TabButtons/skeleton'\n\nimport styles from './styles.module.scss'\n\nconst Loading = (\n {\n numSummaryBlocks,\n numTabs\n }\n) => (\n \n
\n\n {hasFailedLoadingData && (\n \n
\n\n \n
\n)\n\nLoading.propTypes = {\n numSummaryBlocks: PropTypes.number.isRequired,\n numTabs: PropTypes.number.isRequired\n}\n\nexport default Loading\n","import PropTypes from 'prop-types'\nimport Skeleton from 'react-loading-skeleton'\nimport { range } from 'lodash'\n\nimport SummaryBlock from './SummaryBlock'\n\nimport styles from './styles.module.scss'\n\nconst SkeletonSummaryBlocks = ({ numSummaryBlocks }) => (\n \n
\n\n \n
\n\n \n
\n \n {range(numSummaryBlocks).map(summaryBlockNum => (\n
\n)\n\nSkeletonSummaryBlocks.propTypes = {\n numSummaryBlocks: PropTypes.number.isRequired\n}\n\nexport default SkeletonSummaryBlocks\n","import PropTypes from 'prop-types'\nimport classNames from 'classnames'\nimport { noop, range } from 'lodash'\nimport Skeleton from 'react-loading-skeleton'\n\nimport styles from './styles.module.scss'\n\nconst MockTabButtons = ({\n numTabs\n}) => (\n \n {range(numTabs).map(tabNum => {\n const tabClassName = classNames(styles.tab, {\n [styles.active]: tabNum === 0\n })\n\n return (\n \n
\n)\n\nMockTabButtons.propTypes = {\n numTabs: PropTypes.number.isRequired\n}\n\nexport default MockTabButtons\n","import { Fragment, useMemo } from 'react'\nimport PropTypes from 'prop-types'\nimport { useExpanded, useFlexLayout, useTable } from 'react-table'\nimport { useLocation } from 'react-router-dom'\nimport classNames from 'classnames'\nimport { useDeepCompareMemo } from 'use-deep-compare'\nimport { isEmpty } from 'lodash'\nimport Tooltip from 'rc-tooltip'\n\nimport AwaitingDataOverlay from '../AwaitingDataOverlay'\nimport NoDataOverlay from '../NoDataOverlay'\nimport OnboardingActionOverlay from '../OnboardingActionOverlay'\nimport ReportingDataImg from '../ReportingDataImg'\nimport ReportingDataMetricValueDisplay from '../ReportingDataMetricValueDisplay'\nimport ReportingDataNameDisplay from '../ReportingDataNameDisplay'\nimport TableContainer from '../Table/Container'\nimport Table from '../Table'\nimport TableData from '../Table/Data'\nimport TableDataRowExpander from '../Table/DataRowExpander'\nimport TableFakeRows from '../Table/FakeRows'\nimport TableHeader from '../Table/Header'\nimport TableRow from '../Table/Row'\nimport TableSkeletonRows from '../Table/SkeletonRows'\n\nimport { formatDateForDisplay, parseStrToDate } from '../ReportingSidebar/DateFilter/helpers'\nimport { getQueryParams, useReportingFiltersState } from '../../contexts/ReportingFilters'\nimport { useOnboardingStatusState } from '../../contexts/OnboardingStatus'\nimport { useCurrentUserState } from '../../contexts/CurrentUser'\nimport { metricDefinitionObject } from '../../utils/customPropTypes'\nimport { getTopLevelRowsById } from '../Table/helpers'\n\nimport styles from './styles.module.scss'\n\nconst KPIDrilldown = (\n {\n className: classNameProp,\n data,\n isError,\n isFetching,\n isMocking,\n metricDefinitions,\n tableHeader\n }\n) => {\n const reportingFilters = useReportingFiltersState()\n const { countries } = reportingFilters\n\n const location = useLocation()\n\n const { currentUser } = useCurrentUserState()\n\n const queryParams = getQueryParams({ currentUser, location, reportingFilters })\n\n /*\n TODO: Update this to use dimensions instead of groupBy\n when fully activating v4 api [TENJIN-15911]\n */\n // const { dimensions } = queryParams\n const { groupBy } = queryParams\n\n /* eslint-disable react/prop-types */\n const columns = useDeepCompareMemo(() => (\n [\n {\n Cell: ({ isExpanded, row, value }) => {\n if (row.depth === 0) {\n return (\n \n
\n )\n }\n\n const { iconUrl, name, platform } = row.original\n\n return (\n \n
\n )\n },\n Header: 'Date',\n accessor: 'date'\n },\n ...metricDefinitions.map(metricDefinition => (\n {\n Cell: ({ value }) => (\n \n \n \n
\n \n\n {isAwaitingDataToBeCalculated && (\n
\n )\n /* eslint-enable react/jsx-props-no-spreading */\n}\n\nKPIDrilldown.propTypes = {\n className: PropTypes.string,\n data: PropTypes.arrayOf(PropTypes.object),\n isError: PropTypes.bool.isRequired,\n isFetching: PropTypes.bool.isRequired,\n isMocking: PropTypes.bool.isRequired,\n metricDefinitions: PropTypes.arrayOf(metricDefinitionObject).isRequired,\n tableHeader: PropTypes.string.isRequired\n}\n\nKPIDrilldown.defaultProps = {\n className: null,\n data: []\n}\n\nexport default KPIDrilldown\n","export const METRIC_DEFINITION_KEYS = [\n 'trackedClicks',\n 'trackedInstalls',\n 'trackedCvr',\n 'blockedClicks',\n 'fraudPurchases',\n 'fraudRevenue',\n 'blockedDeviceEvents',\n 'allFraud'\n]\n","export const METRIC_DEFINITION_KEYS = [\n 'trackedInstalls',\n 'retention_1d',\n 'retention_2d',\n 'retention_3d',\n 'retention_7d',\n 'retention_14d',\n 'retention_30d',\n 'retention_90d'\n]\n","export const METRIC_DEFINITION_KEYS = [\n 'users',\n 'revenues',\n 'pubRev',\n 'totalRev',\n 'totalRev_0d',\n 'totalRev_1d',\n 'totalRev_3d',\n 'totalRev_7d',\n 'totalRev_90d'\n]\n","export const METRIC_DEFINITION_KEYS = [\n 'trackedInstalls',\n 'roi_0d',\n 'roi_1d',\n 'roi_2d',\n 'roi_3d',\n 'roi_7d',\n 'roi_14d',\n 'roi_90d'\n]\n","export const METRIC_DEFINITION_KEYS = [\n 'trackedInstalls',\n 'cpUser_1d',\n 'cpUser_2d',\n 'cpUser_3d',\n 'cpUser_7d',\n 'cpUser_14d',\n 'cpUser_30d',\n 'cpUser_90d'\n]\n","export const METRIC_DEFINITION_KEYS = [\n 'trackedInstalls',\n 'cpKsessions_1d',\n 'cpKsessions_2d',\n 'cpKsessions_3d',\n 'cpKsessions_7d',\n 'cpKsessions_14d',\n 'cpKsessions_30d',\n 'cpKsessions_90d'\n]\n","export const COPY_TO_CLIPBOARD_SUCCESS_MS = 3000\n","import React from 'react'\n\nimport FormTextField from '../FormTextField/FormTextField'\n\nconst AppBasicFormFields = () => (\n <>\n \n
\n\n {tableHeader}
\n\n
\n)\n\nconst AppStoreUrlFormField = ({ platform }) => {\n const helpPopoverComponent = useCallback(() => {\n if (isUndefined(platform)) return null\n\n const { appStore, name: platformName } = platform\n\n return (\n - \n
- \n Open {appStoreName} store page.\n \n
- \n Search for your app, and go to the app page.\n \n
- \n Copy the URL.\n \n
\n {appStoreName} URL Format:\n
\n\n \n {appStoreUrlFormat}\n
\n \n}\n\nPageSeparator.propTypes = {\n className: PropTypes.string\n}\n\nPageSeparator.defaultProps = {\n className: ''\n}\n\nexport default PageSeparator\n","export const NON_PAID_CHANNEL_IDS = [0, 38]\n","export const METRIC_DEFINITION_KEYS = [\n 'adRevenue',\n 'clicks',\n 'impressions',\n 'ecpm',\n 'ecpc'\n]\n","export const DEFAULT_NEW_TEMPLATE_VALUES = {\n allowMultiple: false,\n eventDefinition: 'open',\n platform: 'ios',\n requiredMacros: ''\n}\n","// eslint-disable-next-line import/prefer-default-export\nexport const API_KEY_BASE_URL = '/dashboard/admin/api_keys/'\n","export const META_AEM_LINK = 'https://docs.tenjin.com/docs/meta'\n","export const SKELETON_ROW_COUNT = 4\n","export const SKELETON_ROW_COUNT = 4\n","// eslint-disable-next-line import/prefer-default-export\nexport const REVOKE_CONFIRMATION_TEXT = 'DELETE'\n","// eslint-disable-next-line import/prefer-default-export\nexport const COPIED_TEXT_DELAY = 2000\n","// eslint-disable-next-line import/prefer-default-export\nexport const API_KEY_NAME_MAX_LENGTH = 255\n","import { Fragment } from 'react'\nimport PropTypes from 'prop-types'\nimport Skeleton from 'react-loading-skeleton'\nimport { isNumber } from 'lodash'\n\nimport { CAMPAIGN_ROW_SKELETON_HEIGHT } from './constants'\n\nconst CampaignRowsSkeleton = ({ height }) => (\n
\n \n This is a page header w/ count label\n \n\n \n 10\n \n
\n\n