\n );\n};\n\nNavItem.propTypes = {\n route: PropTypes.shape({\n path: PropTypes.string.isRequired,\n title: PropTypes.string.isRequired,\n queryString: PropTypes.shape(),\n packageType: PropTypes.string.isRequired,\n }),\n selected: PropTypes.bool,\n};\n\nNavItem.defaultProps = {\n route: {\n queryString: null,\n },\n selected: false,\n};\n\nconst PricingNavigation = ({ packageType = 'teams' }) => (\n \n);\n\nPricingNavigation.propTypes = {\n packageType: PropTypes.string,\n};\n\nPricingNavigation.defaultProps = {\n packageType: 'teams',\n};\n\nexport default PricingNavigation;\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport classnames from 'classnames';\n\nimport './ribbon.scss';\n\nexport const DATA_TESTID = 'Ribbon';\n\nconst Ribbon = ({ children, className, packageName }) => {\n const classList = classnames('sm-ribbon', `sm-ribbon--${packageName}`, className);\n return (\n \n );\n};\n\nRibbon.propTypes = {\n children: PropTypes.node,\n packageName: PropTypes.string.isRequired,\n className: PropTypes.string,\n};\n\nRibbon.defaultProps = {\n children: 'BEST VALUE',\n className: '',\n};\n\nexport default Ribbon;\n","/**\n * \"Enum\" of server returned package names\n */\nexport const PACKAGES = {\n Basic: 'BASIC',\n StandardMonthly: 'STANDARD_MONTHLY',\n StandardAnnual: 'STANDARD_ANNUAL',\n AdvantageMonthly: 'ADVANTAGE_MONTHLY',\n AdvantageAnnual: 'ADVANTAGE_ANNUAL',\n PremierMonthly: 'PREMIER_MONTHLY',\n PremierAnnual: 'PREMIER_ANNUAL',\n TeamAdvantage: 'TEAM_ADVANTAGE_ANNUAL',\n TeamPremier: 'TEAM_PREMIER_ANNUAL',\n Enterprise: 'ENT_PLATINUM',\n Flex: 'ANALYZE_MONTHLY',\n};\n\n/**\n * To do package ID lookups from a package name\n */\nexport const PACKAGE_IDS = {\n [PACKAGES.Basic]: 1,\n [PACKAGES.StandardMonthly]: 31,\n [PACKAGES.StandardAnnual]: 32,\n [PACKAGES.AdvantageMonthly]: 33,\n [PACKAGES.AdvantageAnnual]: 34,\n [PACKAGES.PremierMonthly]: 35,\n [PACKAGES.PremierAnnual]: 36,\n [PACKAGES.TeamAdvantage]: 134,\n [PACKAGES.TeamPremier]: 136,\n [PACKAGES.Enterprise]: 26,\n [PACKAGES.Flex]: 37,\n};\n\nexport const MONTHLY_PACKAGES = [PACKAGES.StandardMonthly, PACKAGES.AdvantageMonthly, PACKAGES.PremierMonthly];\n\nexport const INDIVIDUAL_PACKAGES = [PACKAGES.PremierAnnual, PACKAGES.AdvantageAnnual, PACKAGES.StandardMonthly];\n\nexport const TEAMS_PACKAGES = [PACKAGES.TeamAdvantage, PACKAGES.TeamPremier, PACKAGES.Enterprise];\n\nexport const SUITE_PRICING_PACKAGES = [PACKAGES.AdvantageAnnual, PACKAGES.TeamAdvantage, PACKAGES.TeamPremier];\n\nexport const GUAC_COUNTRY_CODES = ['gb', 'us', 'au', 'ca'];\n\nexport const TEAM_COMPARISON_PACKAGES = {\n [PACKAGES.TeamAdvantage]: PACKAGES.AdvantageAnnual,\n [PACKAGES.TeamPremier]: PACKAGES.PremierAnnual,\n};\n\n// A list of packages that should display highlighted\nexport const HIGHLIGHTED_PACKAGES = [PACKAGES.AdvantageAnnual];\n\n// these domains do not get hreflang tags added to their \nexport const SKIP_HREF_LANG_TAGS = Object.freeze({\n 'de.surveymonkey.com': true,\n 'ru.surveymonkey.com': true,\n});\n","import classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport React, { useContext } from 'react';\nimport { Button } from '@sm/wds-react';\nimport { StaticContext } from '@sm/webassets';\n\nimport { PACKAGE_IDS } from '~pricing/lib/constants';\n\nconst PackageCta = ({ packageName, packageClassName, small = false }) => {\n const { user } = useContext(StaticContext);\n const packageId = PACKAGE_IDS[packageName];\n const className = classnames(['sm-package__btn', `sm-package__btn--${packageClassName}`]);\n const ctaUrl = user.isAuthenticated ? `/billing/checkout/?package_id=${packageId}` : `/user/sign-up`;\n const ctaText = user.isAuthenticated ? 'SELECT' : 'SIGN UP';\n\n return (\n \n );\n};\n\nPackageCta.propTypes = {\n packageName: PropTypes.string.isRequired,\n packageClassName: PropTypes.string.isRequired,\n small: PropTypes.bool,\n};\n\nPackageCta.defaultProps = {\n small: false,\n};\n\nexport default PackageCta;\n","import PropTypes from 'prop-types';\n\n// Prop types for a GraphQL package\nexport const PackagePropTypes = {\n details: PropTypes.shape({\n displayName: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n }).isRequired,\n skuCost: PropTypes.arrayOf(\n PropTypes.shape({\n skuType: PropTypes.string.isRequired,\n cost: PropTypes.number.isRequired,\n })\n ).isRequired,\n package: PropTypes.string.isRequired,\n};\n\nexport const PackageListPropTypes = PropTypes.arrayOf(PropTypes.shape(PackagePropTypes));\n\n/**\n * These are just ports of defined Typescript types/interfaces elsewhere.\n * Some day, we'll just be able to use those interfaces instead.\n */\nexport const FeatureTooltipPropTypes = {\n title: PropTypes.string.isRequired,\n description: PropTypes.string.isRequired,\n};\n\nexport const FeaturePropTypes = {\n summaryLine: PropTypes.string.isRequired,\n tooltip: PropTypes.shape(FeatureTooltipPropTypes).isRequired,\n hidden: PropTypes.bool,\n};\n\nexport const PackageSummaryPropTypes = {\n features: PropTypes.arrayOf(PropTypes.shape(FeaturePropTypes)).isRequired,\n headerRenderer: PropTypes.func.isRequired,\n footerRenderer: PropTypes.func.isRequired,\n};\n\nexport const PackageComparisonPropTypes = {\n byline: PropTypes.string.isRequired,\n features: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.bool, PropTypes.string])).isRequired,\n ctaRenderer: PropTypes.func.isRequired,\n};\n\nexport const SummaryPackageConfigPropTypes = {\n summary: PropTypes.shape(PackageSummaryPropTypes).isRequired,\n comparison: PropTypes.shape(PackageComparisonPropTypes),\n};\n\nexport const SummaryPackagesConfigPropTypes = PropTypes.objectOf(PropTypes.shape(SummaryPackageConfigPropTypes));\n\nexport const ComparisonTableFeaturePropTypes = {\n title: PropTypes.string.isRequired,\n tooltip: PropTypes.string,\n};\n\nexport const ComparisonTableCategoryFeaturesPropTypes = PropTypes.objectOf(\n PropTypes.shape(ComparisonTableFeaturePropTypes)\n);\n\nexport const ComparisonTableCategoryPropTypes = {\n title: PropTypes.string.isRequired,\n features: ComparisonTableCategoryFeaturesPropTypes.isRequired,\n};\n\nexport const ComparisonTablePropTypes = PropTypes.arrayOf(PropTypes.shape(ComparisonTableCategoryPropTypes));\n\nexport const RibbonTextOverridePropType = PropTypes.oneOfType([PropTypes.string, PropTypes.bool]);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Typography } from '@sm/wds-react';\n\nimport Ribbon from '~pricing/components/Ribbon';\nimport PackageCta from '~pricing/components/PackageCta';\nimport { RibbonTextOverridePropType } from '~pricing/lib/proptypes';\n\nconst PackageHeader = ({\n packageClassName,\n packageName,\n packageLabel,\n priceValue = null,\n priceUnit = null,\n byline = null,\n ribbonText = null,\n CtaOverride = null,\n}) => (\n \n \n {packageLabel}\n \n \n \n \n {priceValue}\n \n {priceUnit}\n \n \n \n \n {byline}\n \n \n \n \n \n \n \n \n \n {ribbonText}\n \n \n);\n\nPackageHeader.propTypes = {\n packageClassName: PropTypes.string.isRequired,\n packageName: PropTypes.string.isRequired,\n packageLabel: PropTypes.string.isRequired,\n priceValue: PropTypes.string,\n priceUnit: PropTypes.string,\n byline: PropTypes.string,\n ribbonText: RibbonTextOverridePropType,\n CtaOverride: PropTypes.func,\n};\n\nPackageHeader.defaultProps = {\n priceValue: null,\n priceUnit: null,\n byline: null,\n ribbonText: null,\n CtaOverride: null,\n};\n\nexport default PackageHeader;\n","import PropTypes from 'prop-types';\nimport React from 'react';\nimport { Button } from '@sm/wds-react';\n\nconst EnterprisePackageCta = ({ small = false }) => {\n return (\n \n CONTACT US\n \n );\n};\n\nEnterprisePackageCta.propTypes = {\n small: PropTypes.bool,\n};\n\nEnterprisePackageCta.defaultProps = {\n small: false,\n};\n\nexport default EnterprisePackageCta;\n","import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport PackageHeader from './PackageHeader';\nimport EnterprisePackageCta from '~pricing/components/EnterprisePackageCta';\nimport { RibbonTextOverridePropType } from '~pricing/lib/proptypes';\n\nconst EnterprisePackageHeader = ({ details, ribbonText = null }) => (\n \n);\n\nEnterprisePackageHeader.propTypes = {\n details: PropTypes.shape({\n displayName: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n }).isRequired,\n ribbonText: RibbonTextOverridePropType,\n};\n\nEnterprisePackageHeader.defaultProps = {\n ribbonText: null,\n};\n\nexport default EnterprisePackageHeader;\n","import { useContext } from 'react';\nimport { FormattedNumber } from '@sm/intl';\nimport { StaticContext } from '@sm/webassets';\n\nimport { GUAC_COUNTRY_CODES } from './constants';\n\n/**\n * Creates a className friendly string from a package label\n *\n * @param {Object} packageObj The package object to create the class name from\n * @return The label name, ready to be used as a className\n */\nexport function packageLabelToClassName(packageObj) {\n return packageObj.label.trim().replace(/\\s/g, '-').toLowerCase();\n}\n\nexport function monthlyCostInDollars(skuCost) {\n return parseInt(skuCost.cost, 10) / 100 / 12;\n}\n\nexport function formatMonthlyCostInLocaleCurrency(skuCost) {\n const monthlyCost = monthlyCostInDollars(skuCost);\n return FormattedNumber({\n value: monthlyCost,\n formatStyle: 'currency',\n currency: skuCost.currency.code,\n currencyDisplay: 'symbol',\n minimumFractionDigits: 0,\n });\n}\n\nexport function formatCostInLocaleCurrency(skuCost) {\n return FormattedNumber({\n value: parseInt(skuCost.cost, 10) / 100,\n formatStyle: 'currency',\n currency: skuCost.currency.code,\n currencyDisplay: 'symbol',\n minimumFractionDigits: 0,\n });\n}\n\nexport function getCoreCostFromSkus(skuCosts) {\n return skuCosts.find(sku => sku.skuType === 'SUBSCRIPTION_CORE_SEAT');\n}\n\n/**\n * Given two skuCosts, returns the rounded percentage savings between them\n *\n * @param {object} skuCostOriginal The originally priced skuCost object\n * @param {object} skuCostDiscounted The discounted priced skuCost object\n */\nexport function calculateSavingsPercent(skuCostOriginal, skuCostDiscounted) {\n let retVal = 0;\n const costDifference = skuCostOriginal.cost - skuCostDiscounted.cost;\n\n // If the \"discounted\" price is greater, we'll just ignore that...\n if (costDifference > 0) {\n retVal = Math.round((costDifference / skuCostOriginal.cost) * 100);\n }\n\n return retVal;\n}\n\n// The following helpers are meant to only be used in a feature's `hidden` getter.\n// The hooks lint check will be disabled because they will only be invoked during\n// a component's render cycle. These methods should NEVER be invoked anywhere else!\n\n/* eslint-disable react-hooks/rules-of-hooks */\n\n/**\n * Used as part of a feature's `hidden` property to limit its\n * display to only GB, US, AU, and CA.\n *\n * NOTE: Uses react hooks, so can only be called from within a\n * react component. Do not use outside of a package feature's\n * `hidden` getter.\n *\n * @return {boolean}\n */\nexport function featureIsGuacOnly() {\n const {\n environment: { countryCode },\n } = useContext(StaticContext);\n return !GUAC_COUNTRY_CODES.includes(countryCode.toLowerCase());\n}\n\n/**\n * Used as part of a feature's `hidden` property to limit its\n * display to non GB, US, AU, or CA countries\n *\n * NOTE: Uses react hooks, so can only be called from within a\n * react component. Do not use outside of a package feature's\n * `hidden` getter.\n *\n * @return {boolean}\n */\nexport function featureIsNonGuacOnly() {\n return !featureIsGuacOnly();\n}\n\n/* eslint-enable react-hooks/rules-of-hooks */\n","import { createContext } from 'react';\n\nexport const PricingExperienceContext = createContext(null);\nexport const PricingExperienceProvider = PricingExperienceContext.Provider;\n","import PropTypes from 'prop-types';\nimport React, { useContext } from 'react';\n\nimport {\n packageLabelToClassName,\n formatMonthlyCostInLocaleCurrency,\n getCoreCostFromSkus,\n calculateSavingsPercent,\n} from '~pricing/lib/helpers';\nimport { PricingExperienceContext } from '~pricing/lib/PricingExperience/PricingExperienceContext';\nimport { TEAM_COMPARISON_PACKAGES } from '~pricing/lib/constants';\nimport { RibbonTextOverridePropType } from '~pricing/lib/proptypes';\n\nimport PackageHeader from './PackageHeader';\n\nconst TeamPackageHeader = ({ packageName, skuCosts, details, ribbonText: ribbonTextOverride = null }) => {\n const packageClassName = packageLabelToClassName(details);\n const coreSeatCost = getCoreCostFromSkus(skuCosts);\n const formattedPrice = formatMonthlyCostInLocaleCurrency(coreSeatCost);\n const packageData = useContext(PricingExperienceContext);\n\n if (!packageData) {\n return null;\n }\n\n // If no overidden ribbon text was path, check for a comparison package to check against\n let ribbonText = ribbonTextOverride;\n if (!ribbonText && ribbonText !== false) {\n const comparisonPackageName = TEAM_COMPARISON_PACKAGES[packageName];\n if (comparisonPackageName) {\n const comparisonPackage = packageData.find(packageObj => packageObj.package === comparisonPackageName);\n const comparisonSeatCost = getCoreCostFromSkus(comparisonPackage.skuCost);\n const savingsPercentage = calculateSavingsPercent(comparisonSeatCost, coreSeatCost);\n ribbonText = savingsPercentage > 0 ? `SAVE ${savingsPercentage}% *` : null;\n }\n }\n\n return (\n \n );\n};\n\nTeamPackageHeader.propTypes = {\n packageName: PropTypes.string.isRequired,\n details: PropTypes.shape({\n displayName: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n }).isRequired,\n skuCosts: PropTypes.arrayOf(\n PropTypes.shape({\n skuType: PropTypes.string.isRequired,\n cost: PropTypes.number.isRequired,\n }).isRequired\n ).isRequired,\n ribbonText: RibbonTextOverridePropType,\n};\n\nTeamPackageHeader.defaultProps = {\n ribbonText: null,\n};\n\nexport default TeamPackageHeader;\n","import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport {\n packageLabelToClassName,\n formatMonthlyCostInLocaleCurrency,\n formatCostInLocaleCurrency,\n getCoreCostFromSkus,\n} from '~pricing/lib/helpers';\n\nimport PackageHeader from './PackageHeader';\nimport { HIGHLIGHTED_PACKAGES } from '~pricing/lib/constants';\nimport { RibbonTextOverridePropType } from '~pricing/lib/proptypes';\n\nconst AnnualPackageHeader = ({ packageName, skuCosts, details, ribbonText: ribbonTextOverride = null }) => {\n const packageClassName = packageLabelToClassName(details);\n const coreSeatCost = getCoreCostFromSkus(skuCosts);\n const formattedMonthlyPrice = formatMonthlyCostInLocaleCurrency(coreSeatCost);\n const formattedAnnualPrice = formatCostInLocaleCurrency(coreSeatCost);\n\n // If this package is marked as highlighted and the ribbon is not\n // in some way being overridden, show the \"BEST VALUE\" ribbon\n let ribbonText = ribbonTextOverride;\n const highlighted = HIGHLIGHTED_PACKAGES.indexOf(packageName) > -1;\n if (highlighted && !ribbonText && ribbonText !== false) {\n ribbonText = 'BEST VALUE';\n }\n\n return (\n \n );\n};\n\nAnnualPackageHeader.propTypes = {\n packageName: PropTypes.string.isRequired,\n details: PropTypes.shape({\n displayName: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n }).isRequired,\n skuCosts: PropTypes.arrayOf(\n PropTypes.shape({\n skuType: PropTypes.string.isRequired,\n cost: PropTypes.number.isRequired,\n }).isRequired\n ).isRequired,\n ribbonText: RibbonTextOverridePropType,\n};\n\nAnnualPackageHeader.defaultProps = {\n ribbonText: null,\n};\n\nexport default AnnualPackageHeader;\n","import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { packageLabelToClassName, formatCostInLocaleCurrency, getCoreCostFromSkus } from '~pricing/lib/helpers';\nimport { RibbonTextOverridePropType } from '~pricing/lib/proptypes';\n\nimport PackageHeader from './PackageHeader';\n\nconst MonthlyPackageHeader = ({ packageName, skuCosts, details, ribbonText = null }) => {\n const packageClassName = packageLabelToClassName(details);\n const coreSeatCost = getCoreCostFromSkus(skuCosts);\n const formattedMonthlyPrice = formatCostInLocaleCurrency(coreSeatCost);\n\n return (\n \n );\n};\n\nMonthlyPackageHeader.propTypes = {\n packageName: PropTypes.string.isRequired,\n details: PropTypes.shape({\n displayName: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n }).isRequired,\n skuCosts: PropTypes.arrayOf(\n PropTypes.shape({\n skuType: PropTypes.string.isRequired,\n cost: PropTypes.number.isRequired,\n }).isRequired\n ).isRequired,\n ribbonText: RibbonTextOverridePropType,\n};\n\nMonthlyPackageHeader.defaultProps = {\n ribbonText: null,\n};\n\nexport default MonthlyPackageHeader;\n","export type FeatureTooltip = {\n title: string;\n description: string;\n};\n\nexport type Feature = {\n summaryLine: string;\n tooltip: FeatureTooltip;\n hidden?: boolean;\n};\n\ntype FeatureList = {\n [featureKey: string]: Feature;\n};\n\nconst FEATURES: FeatureList = {\n create_survey_limit: {\n summaryLine: 'Number of surveys',\n tooltip: {\n title: 'Number of surveys',\n description: 'Send as many surveys, polls, and quizzes as you need.',\n },\n },\n analyze_response_limit: {\n summaryLine: 'Number of responses',\n tooltip: {\n title: 'Number of responses',\n description:\n \"With a free plan, you can collect more than 100 responses, but you can only view the first 100 responses. Upgrade at any time to access additional responses. Our {select_equivalent_name} Monthly plan includes 1000 responses per monthly billing cycle across all your surveys with a {overage_cost} charge per additional response. All annual plans include an unlimited number of responses.\",\n },\n },\n analyze_response_limit_monthly_plans: {\n summaryLine: 'Number of responses',\n tooltip: {\n title: 'Number of responses',\n description:\n \"With a free plan, you can collect more than 100 responses, but you can only view the first 100 responses. Upgrade at any time to access additional responses. Our {select_equivalent_name} Monthly plan includes 1,000 responses and our {gold_equivalent_name} Monthly plan includes 2,000 responses per monthly billing cycle across all your surveys. There is a {overage_cost} charge per additional response. All annual plans include unlimited responses.\",\n },\n },\n crosstab: {\n summaryLine: 'Crosstabs',\n tooltip: {\n title: 'Crosstabs',\n description:\n 'Run advanced comparisons across multiple questions, uncover statistically significant differences, and share your crosstab report with anyone.',\n },\n },\n collector_create_limit: {\n summaryLine: 'Number of collectors',\n tooltip: {\n title: 'Number of collectors',\n description:\n 'Collectors are ways you can send your survey to respondents. Our collector types include weblinks, email, embedding on your website, and more.',\n },\n },\n mobile_apps_ios_android: {\n summaryLine: 'Mobile apps for iOS and Android',\n tooltip: {\n title: 'Mobile apps for iOS and Android',\n description:\n 'Access the essential features you need to create a survey, collect responses, and analyze results with the free SurveyMonkey app for iOS and Android.',\n },\n },\n user_accounts: {\n summaryLine: 'User accounts included',\n tooltip: {\n title: 'User accounts included',\n description:\n 'This is the total number of user accounts included with your plan. Plans with more than 1 user have access to all team collaboration tools. ',\n },\n },\n add_users: {\n summaryLine: 'Additional user accounts',\n tooltip: {\n title: 'Additional user accounts',\n description:\n 'Team plans start at 3 users, and allow you to invite more people to your SurveyMonkey team for an additional fee. Learn More »',\n },\n },\n advanced_permissions: {\n summaryLine: 'Advanced permissions',\n tooltip: {\n title: 'Advanced permissions',\n description: 'Collaborate with fine control over who can view and edit your survey projects.',\n },\n },\n build_surveys_together: {\n summaryLine: 'Build surveys together',\n tooltip: {\n title: 'Build surveys together',\n description: 'Let people on your team view, edit, or comment on your surveys.',\n },\n },\n analyze_results_together: {\n summaryLine: 'Analyze results together',\n tooltip: {\n title: 'Analyze results together',\n description: 'Give your team access to survey results and export tools.',\n },\n },\n custom_templates: {\n summaryLine: 'Shared templates',\n tooltip: {\n title: 'Shared templates',\n description: 'Turn your custom surveys into standard templates that everyone in your team can use.',\n },\n },\n team_themes: {\n summaryLine: 'Shared themes',\n tooltip: {\n title: 'Shared themes',\n description: \"Share custom themes with your team to stay consistent with your brand's look and feel.\",\n },\n },\n shared_group_library: {\n summaryLine: 'Shared library',\n tooltip: {\n title: 'Shared library',\n description: 'Get access to shared images, documents, themes, and templates that everyone in your team can use.',\n },\n },\n international_email_support: {\n summaryLine: '{lang} email support',\n tooltip: {\n title: '{lang} email support',\n description: 'We offer {lang} email support in Central European Time (CET).',\n },\n },\n team_ownership: {\n summaryLine: 'Team ownership',\n tooltip: {\n title: 'Team ownership',\n description: 'Choose whether you or your organization owns all the accounts within your team in SurveyMonkey.',\n },\n },\n add_additional_users: {\n summaryLine: 'Additional users',\n tooltip: {\n title: 'Additional users',\n description:\n 'Team plans include 3 users. You can easily add or re-assign users at any time. Enterprise plans allow you to add as many users as you need across your organization.',\n },\n },\n consolidated_billing: {\n summaryLine: 'Consolidated billing',\n tooltip: {\n title: 'Consolidated billing',\n description: 'Receive a consolidated bill for your entire team in SurveyMonkey.',\n },\n },\n essential_question_types: {\n summaryLine: '13 essential question types',\n tooltip: {\n title: '13 essential question types',\n description:\n 'Choose from 13 different formats for your survey questions, including multiple choice, text box, matrix, NPS, and A/B comparisons.',\n },\n },\n all_languages_supported: {\n summaryLine: 'All languages supported',\n tooltip: {\n title: 'All languages supported',\n description:\n 'Create surveys in any language. You can write in unicode or multi-byte languages, and choose navigation buttons, help text, and error messages from 58 languages.',\n },\n },\n labeling_titles_numbering: {\n summaryLine: 'Labeling, titles & numbering',\n tooltip: {\n title: 'Labeling, titles & numbering',\n description:\n 'Guide respondents through your surveys with labels, titles, and page numbers for any page in your surveys.',\n },\n },\n create_templates_enabled: {\n summaryLine: 'Expert, pre-written survey templates',\n tooltip: {\n title: 'Expert, pre-written survey templates',\n description:\n 'Choose from over 180 survey templates in our Question Bank library. All templates are certified by our expert methodologists.',\n },\n },\n question_library: {\n summaryLine: 'Question Bank approved questions',\n tooltip: {\n title: 'Question Bank approved questions',\n description:\n 'Rely on over 1800 pre-written survey questions (and 180+ survey templates), written by experts to make it easier to get great results.',\n },\n },\n create_skip_logic_enabled: {\n summaryLine: 'Question and page skip logic',\n tooltip: {\n title: 'Question and page skip logic',\n description:\n \"Create custom paths through surveys that change based on a respondent's answers. Skip logic is also known as 'conditional branching' or 'branch logic'.\",\n },\n },\n matrix_of_dropdown_menus: {\n summaryLine: 'Matrix of dropdown menus',\n tooltip: {\n title: 'Matrix of dropdown menus',\n description:\n 'Allow respondents to evaluate several items using the same set of measurements by choosing from a preset list of answer choices.',\n },\n },\n file_upload: {\n summaryLine: 'File upload',\n tooltip: {\n title: 'File upload',\n description:\n 'Allow respondents to upload a file as part of their survey response. You can add up to 20 file upload questions per survey.',\n },\n },\n advanced_logic: {\n summaryLine: 'Advanced survey logic',\n tooltip: {\n title: 'Advanced survey logic',\n description:\n 'Enhance your survey data with access to advanced branching, advanced piping, block randomization, quotas, and more. Use custom variables to track data about respondents by passing one or more values through a survey link and into your survey results.',\n },\n },\n create_randomization_enabled: {\n summaryLine: 'Question & page randomization',\n tooltip: {\n title: 'Question & page randomization',\n description:\n 'Reduce answer bias by randomizing the order of the pages in a survey or the order of questions within a page.',\n },\n },\n a_b_testing: {\n summaryLine: 'A/B test question type',\n tooltip: {\n title: 'A/B test question type',\n description:\n 'Conduct A/B tests and test for answer bias by randomly segmenting respondents to see different images or text.',\n },\n },\n create_quotas_enabled: {\n summaryLine: 'Response quotas',\n tooltip: {\n title: 'Response quotas',\n description: 'Close your survey automatically when you get all the qualified responses you need.',\n },\n },\n multiple_block_rotation_enabled: {\n summaryLine: 'Block randomization',\n tooltip: {\n title: 'Block randomization',\n description:\n 'Blocks are groups of pages, where each group contains related questions about a particular concept you want to test. You can use block randomization logic to rotate, flip, or randomize blocks to minimize order bias.',\n },\n },\n create_logo_enabled: {\n summaryLine: 'Add your logo',\n tooltip: {\n title: 'Add your logo',\n description: 'Make your survey stand out. Add a custom image or logo, and personalize the work you send.',\n },\n },\n create_custom_theme_enabled: {\n summaryLine: 'Custom themes, colors & more',\n tooltip: {\n title: 'Custom themes, colors & more',\n description:\n 'Create custom themes to change the look and feel of your survey. You can edit the colors of different survey elements and choose from several web fonts for your survey.',\n },\n },\n collector_friendly_url_enabled: {\n summaryLine: 'Custom SurveyMonkey URL',\n tooltip: {\n title: 'Custom SurveyMonkey URL',\n description: 'Write customized survey URLs, for example: http://www.surveymonkey.com/s/your-survey',\n },\n },\n custom_html_email_invitations: {\n summaryLine: 'Custom HTML email invitations',\n tooltip: {\n title: 'Custom HTML email invitations',\n description:\n 'Add custom designs, images, embed videos, or hyperlink text in your email messages used to send your survey.',\n },\n },\n create_piping_enabled: {\n summaryLine: 'Question & answer piping',\n tooltip: {\n title: 'Question & answer piping',\n description:\n \"Take respondents' answers from a previous question to personalize questions on a later page in the survey.\",\n },\n },\n carry_forward: {\n summaryLine: 'Carry forward responses',\n tooltip: {\n title: 'Carry forward responses',\n description:\n \"Use each respondent's previous answer choices in a related question that appears later in your survey. You can carry forward either a respondent's selected or unselected answer choices and choose to show all or some previously selected or unselected answers. Responses that are carried forward cannot be edited.\",\n },\n },\n collector_completion_url_enabled: {\n summaryLine: 'Survey completion redirect',\n tooltip: {\n title: 'Survey completion redirect',\n description:\n 'For a customized experience, redirect survey respondents to your website once they complete your survey.',\n },\n },\n create_custom_variables_enabled: {\n summaryLine: 'Custom variables',\n tooltip: {\n title: 'Custom variables',\n description:\n 'Use custom variables to track data about respondents by passing one or more values through a survey link and into your survey results.',\n },\n },\n collector_white_label_enabled: {\n summaryLine: 'White label surveys',\n tooltip: {\n title: 'White label surveys',\n description:\n 'Completely customize and brand your surveys. Remove the SurveyMonkey footer from your surveys, change the domain of your survey link to research.net, and redirect survey respondents to your site upon survey completion.',\n },\n },\n analyze_shared_results_enabled: {\n summaryLine: 'Share survey data',\n tooltip: {\n title: 'Share survey data',\n description: 'Invite anyone to view data from your survey.',\n },\n },\n analyze_trends_enabled: {\n summaryLine: 'Data trends',\n tooltip: {\n title: 'Data trends',\n description: 'View your results trended over time to spot changes when they happen.',\n },\n },\n filter_crosstab: {\n summaryLine: 'Filter and compare results',\n tooltip: {\n title: 'Filter and compare results',\n description:\n 'Filter your results and compare how different groups answered the questions in your survey. Segment your data to uncover trends and correlations in your data.',\n },\n },\n word_cloud: {\n summaryLine: 'Word clouds',\n tooltip: {\n title: 'Word clouds',\n description:\n 'Quickly spot trends and common themes in written answers. Words with lots of mentions appear bigger so you can get a quick understanding of what matters most to your respondents.',\n },\n },\n word_cloud_combine_hide: {\n summaryLine: 'Word clouds: Combine or hide words',\n tooltip: {\n title: 'Word clouds: Combine or hide words',\n description:\n 'Get more control over the words that appear in your word cloud. Combine similar words, hide others, and choose the frequency of words to include.',\n },\n },\n text_analysis: {\n summaryLine: 'Tag written answers',\n tooltip: {\n title: 'Tag written answers',\n description:\n 'Tag written answers to organize them by topic and uncover trends. See the percentage of answers that include each tag.',\n },\n },\n sentiment_analysis: {\n summaryLine: 'Sentiment analysis',\n tooltip: {\n title: 'Sentiment analysis',\n description:\n \"We'll automatically label your text responses as positive, neutral, or negative to reveal the emotion behind what people are saying.\",\n },\n },\n dashboard: {\n summaryLine: 'Dashboard',\n tooltip: {\n title: 'Dashboard',\n description:\n 'Tell stories with your data by arranging charts, images, and findings in a custom layout. Share your dashboard with anyone.',\n },\n },\n dashboard_password_protection: {\n summaryLine: 'Dashboard: Password protection',\n tooltip: {\n title: 'Dashboard: Password protection',\n description: 'Set a password for your dashboards for share more securely.',\n },\n },\n statistical_significance: {\n summaryLine: 'Statistical significance',\n tooltip: {\n title: 'Statistical significance',\n description: 'Use to see if there are statistically significant differences between response groups.',\n },\n },\n benchmarks: {\n summaryLine: 'SurveyMonkey Global Benchmarks',\n tooltip: {\n title: 'SurveyMonkey Global Benchmarks',\n description:\n 'SurveyMonkey Global Benchmarks give your results context by letting you compare them with the global average. More specific comparison data is available for an extra fee.',\n },\n },\n validate_answer: {\n summaryLine: 'Answer validation',\n tooltip: {\n title: 'Answer validation',\n description: 'Require the text in survey responses to meet formatting and content criteria you set.',\n },\n },\n randomize_answer_choices: {\n summaryLine: 'Randomize answer choices',\n tooltip: {\n title: 'Randomize answer choices',\n description: 'Reduce bias by randomly changing the order of answer choices for different respondents.',\n },\n },\n view_respondent_ip_address: {\n summaryLine: \"View respondent's IP address\",\n tooltip: {\n title: \"View respondent's IP address\",\n description:\n 'Automatically record the IP address of respondents to get a better sense of who answers your surveys.',\n },\n },\n record_respondent_email_address: {\n summaryLine: 'Record respondent email address',\n tooltip: {\n title: 'Record respondent email address',\n description:\n 'Automatically record the email address of respondents to track who takes your surveys, or to follow up with them later.',\n },\n },\n confirmation_email_to_respondents: {\n summaryLine: 'Confirmation Email to Respondents',\n tooltip: {\n title: 'Confirmation Email to Respondents',\n description:\n 'When distributing surveys with the email collector, send a confirmation email to each respondent with a copy of their answers.',\n },\n },\n complimentary_audience_credits: {\n summaryLine: 'Audience panel credits',\n tooltip: {\n title: 'Audience panel credits',\n description:\n 'Send surveys to your target market with SurveyMonkey Audience, our market research panel with millions of people worldwide. You can choose from 100+ attributes to conduct market research quickly and effectively. Audience can also be purchased separately.',\n },\n },\n hipaa_enabled: {\n summaryLine: 'HIPAA-compliant features',\n tooltip: {\n title: 'HIPAA-compliant features',\n description:\n 'Safeguard protected health information with HIPAA-compliant features and a Business Associate Agreement.',\n },\n },\n send_surveys: {\n summaryLine: 'Send surveys',\n tooltip: {\n title: 'Send surveys',\n description: 'Seamlessly send surveys using powerful 3rd-party integration tools.',\n },\n },\n mobile_sdk: {\n summaryLine: 'Mobile SDK',\n tooltip: {\n title: 'Mobile SDK',\n description: 'Integrate surveys directly into your iOS and Android mobile app.',\n },\n },\n mobile_sdk_data_pull: {\n summaryLine: 'Mobile SDK - Data Pull',\n tooltip: {\n title: 'Mobile SDK - Data Pull',\n description:\n 'Take actions in your app based on survey responses collected through the Mobile SDK. For example, prompt people to leave a review if they enter a positive rating.',\n },\n },\n extract_data: {\n summaryLine: 'Extract data',\n tooltip: {\n title: 'Extract data',\n description: 'Extract and leverage your survey data using powerful 3rd-party integration tools.',\n },\n },\n api_access: {\n summaryLine: 'Get direct API access',\n tooltip: {\n title: 'Get direct API access',\n description: 'Create your own application to send surveys and extract your survey data.',\n },\n },\n multilingual: {\n summaryLine: 'Multilingual surveys',\n tooltip: {\n title: 'Multilingual surveys',\n description:\n \"Reach everyone in the language they're most comfortable with. Add multiple languages to a single survey, and analyze all your results together as one data set.\",\n },\n },\n quizzes_pro: {\n summaryLine: 'Quizzes Pro',\n tooltip: {\n title: 'Quizzes Pro',\n description:\n 'Show custom feedback for correct, partially correct, and incorrect responses as people take your quiz. At the end, show people custom feedback based on their overall score. Quizzes Pro also lets you email people their quiz results automatically, or export your quiz statistics in PDF, XLS, and CSV format.',\n },\n },\n recurring_surveys: {\n summaryLine: 'Recurring surveys',\n tooltip: {\n title: 'Recurring surveys',\n description:\n \"Recurring surveys make it easy to collect new results for the same survey on a weekly, monthly, or quarterly basis. We'll email you new survey links when they're ready, so all you need to do is copy each new link and send it to respondents. Filter your results by each occurrence to see how people responded differently over time.\",\n },\n },\n industry_benchmarks: {\n summaryLine: 'SurveyMonkey Industry Benchmarks',\n tooltip: {\n title: 'SurveyMonkey Industry Benchmarks',\n description:\n \"Compare your results against the Industry Benchmark to understand how you're doing in the context of your greater industry. See your results in context to see how you measure up against your peers.\",\n },\n },\n custom_question_bank: {\n summaryLine: 'Custom Question Bank',\n tooltip: {\n title: 'Custom Question Bank',\n description:\n 'Easily create pre-composed survey questions that are unique to your business, and to share them with your entire organization.',\n },\n },\n payment_question_type: {\n summaryLine: 'Accept Payments',\n tooltip: {\n title: 'Accept Payments',\n description: 'Accept credit card payments from respondents in your surveys with our Stripe integration.',\n },\n },\n inactivity_timer: {\n summaryLine: 'Kiosk Mode: Inactivity Timer',\n tooltip: {\n title: 'Kiosk Mode: Inactivity Timer',\n description:\n \"When a survey's inactive for the amount of time you choose, it will loop back to start for the next person. Available in the SurveyMonkey Anywhere app.\",\n },\n },\n passcode_lock: {\n summaryLine: 'Kiosk Mode: Passcode Lock',\n tooltip: {\n title: 'Kiosk Mode: Passcode Lock',\n description:\n 'Keep your device secure-set a passcode that must be entered to exit the survey. Available in the SurveyMonkey Anywhere app.',\n },\n },\n premium_themes: {\n summaryLine: 'Premium themes',\n tooltip: {\n title: 'Premium themes',\n description:\n 'Select from pre-designed themes to pick a survey theme that matches the topic of your survey. You can also edit the premium themes to create a fully customized design using colors, fonts, images and layouts.',\n },\n },\n custom_subdomain: {\n summaryLine: 'Custom subdomain',\n tooltip: {\n title: 'Custom subdomain',\n description:\n 'Get a custom URL and landing page to ensure a seamlessly branded survey experience for your respondents.',\n },\n },\n team_customer_success_manager: {\n summaryLine: 'Customer Success Manager',\n tooltip: {\n title: 'Customer Success Manager',\n description:\n 'Get a dedicated customer success manager to help you with onboarding, training users as well as implementing best practices to ensure optimal use of the SurveyMonkey platform across your organization.',\n },\n },\n enterprise_admin_dashboard: {\n summaryLine: 'Admin dashboard',\n tooltip: {\n title: 'Admin dashboard',\n description:\n \"Get visibility into your team's activity. View usage metrics like the number of surveys each user has in their account, and the date of their last login. You can also preview surveys in each account too.\",\n },\n },\n enterprise_activity_tracking: {\n summaryLine: 'Team activity',\n tooltip: {\n title: 'Team activity',\n description:\n 'Track all user activity in your Enterprise account, such as user logins, survey creation, survey sharing, survey exports, etc. with the ability to search and filter through audit logs.',\n },\n },\n enterprise_account_control: {\n summaryLine: 'Account control',\n tooltip: {\n title: 'Account control',\n description:\n \"Automate onboarding users. Seamlessly enable new users to sign up or migrate existing users into your organization's SurveyMonkey Enterprise account.\",\n },\n },\n enterprise_sso: {\n summaryLine: 'Single sign-on',\n tooltip: {\n title: 'Single sign-on',\n description:\n 'Control access to SurveyMonkey across the organization and define authentication policies for increased security and governance.',\n },\n },\n enterprise_global_settings: {\n summaryLine: 'Global settings',\n tooltip: {\n title: 'Global settings',\n description:\n 'Create global settings for everyone in your plan. Includes PII management, collector and respondent data settings, and Audience credits management.',\n },\n },\n enterprise_custom_terms_of_service: {\n summaryLine: 'Custom Terms of Use',\n tooltip: {\n title: 'Custom Terms of Use',\n description: \"Ensure your employees opt in to your organization's Terms of Use for SurveyMonkey.\",\n },\n },\n enterprise_integrations: {\n summaryLine: 'Enterprise-only integrations',\n tooltip: {\n title: 'Enterprise-only integrations',\n description:\n 'Enterprise plans enjoy unlimited API access and can add on integrations with Salesforce, Marketo, Eloqua, Tableau, and more.',\n },\n },\n enterprise_hipaa_compliance: {\n summaryLine: 'HIPAA-compliant features',\n tooltip: {\n title: 'HIPAA-compliant features',\n description:\n 'Collect and manage Protected Health Information (PHI) through surveys. To enable HIPAA features, you must enter into a Business Associate Agreement (BAA) with SurveyMonkey.',\n },\n },\n summary_accept_payments: {\n summaryLine: 'Accept payments',\n tooltip: {\n title: 'Accept payments',\n description:\n 'Add a payment page to the end of your survey and accept payments through Stripe. Respondents can complete a survey and make a credit card payment at one time and in one place.',\n },\n },\n summary_24_7_customer_support_via_email: {\n summaryLine: '24/7 customer support via email',\n tooltip: {\n title: '24/7 customer support via email',\n description:\n 'We offer 24/7 email support for all customers. Emails from {gold_equivalent_name} and {platinum_equivalent_name} customers are prioritized to receive responses as quickly as possible. We also offer phone support for our {platinum_equivalent_name} customers.',\n },\n },\n summary_24_7_customer_support_via_email_intl: {\n summaryLine: '24/7 customer support via email',\n tooltip: {\n title: '24/7 customer support via email',\n description:\n 'We offer 24/7 email support for all customers. Emails from {gold_equivalent_name} and {platinum_equivalent_name} customers are prioritized to receive responses as quickly as possible.',\n },\n },\n summary_team_accounts_and_tools: {\n summaryLine: \"NEW! Team accounts & tools\",\n tooltip: {\n title: \"NEW! Team accounts & tools\",\n description:\n 'Our {gold_equivalent_name} and {platinum_equivalent_name} plans include 2 user accounts, which allow you and another person to enjoy our team collaboration tools. These tools help you create, edit, and analyze surveys easily and safely with another person. Each user will have their own unique sign-in credentials. The accounts can securely share surveys and data, and you can also choose to keep some surveys or data private and only available to you.',\n },\n },\n summary_team_collaboration_available: {\n summaryLine: 'Team collaboration available',\n tooltip: {\n title: 'Team collaboration available',\n description:\n 'You can convert your existing account into a team account. This allows you to create, edit, and analyze surveys with others and access a shared library of images, documents, themes, and templates. You can invite people to your team for an additional fee.',\n },\n },\n summary_advanced_data_exports: {\n summaryLine: 'Advanced data exports',\n tooltip: {\n title: 'Advanced data exports',\n description:\n 'Download your survey results into SPSS-along with CSV, PDF, PPT, or XLS files too. Also create and print custom charts and reports quickly and easily.',\n },\n },\n summary_sentiment_analysis: {\n summaryLine: 'SENTIMENT ANALYSIS',\n tooltip: {\n title: 'SENTIMENT ANALYSIS',\n description:\n \"We'll automatically label your text responses as positive, neutral, or negative to reveal the emotion behind what people are saying.\",\n },\n },\n summary_survey_logic: {\n summaryLine: 'Survey logic',\n tooltip: {\n title: 'Survey logic',\n description:\n 'Create smart surveys. Reduce answer bias by randomizing pages or questions on a specific page. Conduct A/B tests and test for answer bias by randomly segmenting respondents to see different images or text. Plus, close your survey automatically when you get all the qualified responses you need.',\n },\n },\n summary_survey_analysis: {\n summaryLine: 'Survey analysis',\n tooltip: {\n title: 'Survey analysis',\n description:\n 'Get more insights from your survey results. Trended data makes it easy to spot changes when they happen by allowing you to view your results trended over time. Use filters and crosstabs to segment your respondents and discover hidden trends. With a {basic_equivalent_name} plan, you can apply and save one filter rule to your data, but paid plans allow you to save and apply an unlimited number of filter rules.',\n },\n },\n summary_advanced_survey_analysis_asia: {\n summaryLine: 'Advanced survey analysis',\n tooltip: {\n title: 'Advanced survey analysis',\n description:\n 'Get more context for your data. See if there are statistically significant differences between response groups.',\n },\n },\n summary_audience_panel_credits: {\n summaryLine: 'Audience panel credits',\n tooltip: {\n title: 'Audience panel credits',\n description:\n 'Use SurveyMonkey Audience to easily run your own market research. Our market research panel includes millions of people worldwide. Choose from several demographic attributes to send surveys to your target market.',\n },\n },\n summary_team_share_surveys: {\n summaryLine: 'BUILD SURVEYS TOGETHER',\n tooltip: {\n title: 'BUILD SURVEYS TOGETHER',\n description: 'Let people on your team view, edit, or comment on your surveys.',\n },\n },\n summary_team_comments: {\n summaryLine: 'COMMENTING FEATURE',\n tooltip: {\n title: 'COMMENTING FEATURE',\n description:\n 'Invite people to provide feedback on your survey projects all ine one place. Our commenting feature allows you to share both survey drafts or results with anyone you want.',\n },\n },\n summary_team_analyze_filter_export: {\n summaryLine: 'ANALYZE RESULTS TOGETHER',\n tooltip: {\n title: 'ANALYZE RESULTS TOGETHER',\n description: 'Give your team access to survey results and export tools.',\n },\n },\n summary_team_responses_nodification: {\n summaryLine: 'RESPONSE ALERTS',\n tooltip: {\n title: 'RESPONSE ALERTS',\n description:\n \"Receive email notifications about new survey responses. You can share Response Alerts with other people (in or outside your team)-as long as you're the survey owner.\",\n },\n },\n summary_team_shared_library: {\n summaryLine: 'SHARED LIBRARY',\n tooltip: {\n title: 'SHARED LIBRARY',\n description: 'Get access to shared images, documents, themes, and templates that everyone in your team can use.',\n },\n },\n summary_team_add_reassign_accounts: {\n summaryLine: 'TEAM MANAGEMENT',\n tooltip: {\n title: 'TEAM MANAGEMENT',\n description:\n \"If you're the Primary Admin or Admin of a team, you can invite more people to join the team and manage existing accounts.\",\n },\n },\n summary_team_collaboration_app_integrations: {\n summaryLine: 'INTEGRATIONS',\n tooltip: {\n title: 'INTEGRATIONS',\n description:\n \"SurveyMonkey integrates with popular apps like Office 365, Google Drive, and Slack, so it's easy to use with your existing workflows.\",\n },\n },\n summary_team_surveys_questions_responses: {\n summaryLine: 'NUMBER OF SURVEYS',\n tooltip: {\n title: 'NUMBER OF SURVEYS',\n description: 'You can create and send as many surveys, polls, and quizzes as you need.',\n },\n },\n summary_team_expedited_email_support: {\n summaryLine: '24/7 CUSTOMER SUPPORT VIA EMAIL',\n tooltip: {\n title: '24/7 CUSTOMER SUPPORT VIA EMAIL',\n description:\n 'We offer 24/7 email support for all customers. Emails from TEAM ADVANTAGE and TEAM PREMIER customers are prioritized to receive responses as quickly as possible. We also offer phone support for our TEAM PREMIER customers.',\n },\n },\n summary_team_quizzes: {\n summaryLine: 'QUIZZES',\n tooltip: {\n title: 'QUIZZES',\n description:\n \"Easily create tests and assessments with automatic scoring for employees, customers, students, and more. You can choose whether you want to display your respondent's score to them after they complete your quiz. You'll also be able to see rankings, segment response data, and access statistics for your results.\",\n },\n },\n summary_team_filters_and_crosstabs: {\n summaryLine: 'FILTER AND COMPARE RULES',\n tooltip: {\n title: 'FILTER AND COMPARE RULES',\n description:\n 'Use filter and compare rules to segment your data and discover hidden trends. With a Basic plan, you can apply and save one rule to your data, but paid plans allow you to save and apply an unlimited number of rules. Data trends let you see how your results have changed over time.',\n },\n },\n summary_team_custom_logo: {\n summaryLine: 'CUSTOMIZED SURVEYS',\n tooltip: {\n title: 'CUSTOMIZED SURVEYS',\n description:\n \"Customize your survey's look and feel by adding your logo, selecting colors and web fonts, and uploading images. Create and save custom themes to quickly build on-brand surveys. You can also modify the ending of your survey's URL. For example: www.surveymonkey.com/s/your-survey\",\n },\n },\n summary_team_skip_logic: {\n summaryLine: 'CUSTOMIZED SURVEY EXPERIENCE',\n tooltip: {\n title: 'CUSTOMIZED SURVEY EXPERIENCE',\n description:\n \"Get more ways to personalize each respondent's experience while taking your survey. Use skip logic to create custom paths through a survey based on each respondent's answers. With question & answer piping, you can insert answer text from a question into another question on a later page in the survey.\",\n },\n },\n summary_team_data_exports: {\n summaryLine: 'DATA EXPORTS',\n tooltip: {\n title: 'DATA EXPORTS',\n description:\n \"Create and print custom charts and reports quickly and easily. You'll be able to download survey results in several file formats, including as CSV, PDF, PPT, or XLS files. Export for SPSS for Advantage and Premier members.\",\n },\n },\n summary_team_advanced_analyze: {\n summaryLine: 'ADVANCED SURVEY ANALYSIS',\n tooltip: {\n title: 'ADVANCED SURVEY ANALYSIS',\n description:\n 'Get more context for your data. See if there are statistically significant differences between response groups. And use text analysis to search and categorize open-ended responses and quickly see frequently used words and phrases.',\n },\n },\n summary_team_industry_benchmarks: {\n summaryLine: 'SURVEYMONKEY INDUSTRY BENCHMARKS',\n tooltip: {\n title: 'SURVEYMONKEY INDUSTRY BENCHMARKS',\n description:\n \"Compare your results against the Industry Benchmark to understand how you're doing in the context of your greater industry. See your results in context to see how you measure up against your peers.\",\n },\n },\n summary_team_advanced_survey_logic: {\n summaryLine: 'ADVANCED SURVEY LOGIC',\n tooltip: {\n title: 'ADVANCED SURVEY LOGIC',\n description:\n 'Enhance your survey data with access to advanced branching, advanced piping, block randomization, quotas, and more. Use custom variables to track data about respondents by passing one or more values through a survey link and into your survey results.',\n },\n },\n summary_team_block_randomization: {\n summaryLine: 'BLOCK RANDOMIZATION',\n tooltip: {\n title: 'BLOCK RANDOMIZATION',\n description:\n 'Blocks are groups of pages, where each group contains related questions about a particular concept you want to test. You can use block randomization logic to rotate, flip, or randomize blocks to minimize order bias.',\n },\n },\n summary_team_white_label: {\n summaryLine: 'WHITE LABEL SURVEYS',\n tooltip: {\n title: 'WHITE LABEL SURVEYS',\n description:\n 'Completely customize and brand your surveys. Remove the SurveyMonkey footer from your surveys, change the domain of your survey link to research.net, and redirect survey respondents to your site upon survey completion.',\n },\n },\n summary_team_multilingual: {\n summaryLine: 'MULTILINGUAL SURVEYS',\n tooltip: {\n title: 'MULTILINGUAL SURVEYS',\n description:\n \"Reach everyone in the language they're most comfortable with. Add multiple languages to a single survey, and analyze all your results together as one data set.\",\n },\n },\n summary_team_completion_redirect: {\n summaryLine: 'SURVEY COMPLETION REDIRECT',\n tooltip: {\n title: 'SURVEY COMPLETION REDIRECT',\n description:\n 'For a customized experience, redirect survey respondents to your website once they complete your survey.',\n },\n },\n summary_team_remove_surveymonkey_footer: {\n summaryLine: 'REMOVE FOOTER',\n tooltip: {\n title: 'REMOVE FOOTER',\n description:\n 'Turn off the \"powered by SurveyMonkey\" footer that appears by default in your survey design, email invitation messages, and embedded surveys.',\n },\n },\n summary_team_api_access: {\n summaryLine: 'GET DIRECT API ACCESS',\n tooltip: {\n title: 'GET DIRECT API ACCESS',\n description: 'Create your own application to send surveys and extract your survey data.',\n },\n },\n summary_team_role_based_collaboration: {\n summaryLine: 'COLLABORATION AT SCALE',\n tooltip: {\n title: 'COLLABORATION AT SCALE',\n description:\n 'Organize teams with a shared purpose into workgroups to collaborate on survey projects. Easily share surveys with everyone in a workgroup and assign roles and permissions to ensure users have the right level of access to survey data.',\n },\n },\n summary_team_flexible_plan_types: {\n summaryLine: 'FLEXIBLE PLAN TYPES',\n tooltip: {\n title: 'FLEXIBLE PLAN TYPES',\n description: \"Enjoy flexible and custom plan types to fit your organization's survey needs. \",\n },\n },\n summary_team_hipaa_compliant: {\n summaryLine: 'HIPAA-COMPLIANT FEATURES',\n tooltip: {\n title: 'HIPAA-COMPLIANT FEATURES',\n description:\n 'Collect and manage Protected Health Information (PHI) through surveys. To enable HIPAA features, you must enter into a Business Associate Agreement (BAA) with SurveyMonkey.',\n },\n },\n summary_team_custom_branding: {\n summaryLine: 'CUSTOMIZATION AND BRANDING',\n tooltip: {\n title: 'CUSTOMIZATION AND BRANDING',\n description:\n 'Ensure a consistent brand experience for all survey-takers and enjoy customization features like Custom Subdomain, Custom Terms of Use and Custom Question Bank.',\n },\n },\n summary_team_3rd_part_integrations: {\n summaryLine: 'INTEGRATIONS',\n tooltip: {\n title: 'INTEGRATIONS',\n description:\n 'Integrate your survey data into important business applications that your organization already uses such as Salesforce, Marketo, Oracle Eloqua, and Tableau.',\n },\n },\n summary_team_unlimited_api_access: {\n summaryLine: 'UNLIMITED API ACCESS',\n tooltip: {\n title: 'UNLIMITED API ACCESS',\n description:\n 'Get unlimited access to the SurveyMonkey API to integrate survey data into your mobile and web applications.',\n },\n },\n summary_team_admin_dashboard: {\n summaryLine: 'ADMIN DASHBOARD',\n tooltip: {\n title: 'ADMIN DASHBOARD',\n description:\n \"Get visibility into your team's activity. View usage metrics like the number of surveys each user has in their account, and the date of their last login. You can also preview surveys in each account too.\",\n },\n },\n summary_team_account_control_migration: {\n summaryLine: 'ACCOUNT CONTROL',\n tooltip: {\n title: 'ACCOUNT CONTROL',\n description:\n \"Automate onboarding users. Seamlessly enable new users to sign up or migrate existing users into your organization's SurveyMonkey Enterprise account.\",\n },\n },\n summary_team_enhanced_governance_security: {\n summaryLine: 'GOVERNANCE AND SECURITY',\n tooltip: {\n title: 'GOVERNANCE AND SECURITY',\n description:\n 'Get access to a vast array of governance and security features, including SSO for user authentication, data encryption, access controls, SSAE-16 SOC II compliant data centers and more.',\n },\n },\n summary_team_sso: {\n summaryLine: 'SINGLE SIGN-ON',\n tooltip: {\n title: 'SINGLE SIGN-ON',\n description:\n 'Control access to SurveyMonkey across the organization and define authentication policies for increased security and governance.',\n },\n },\n summary_team_logs_audit: {\n summaryLine: 'TEAM ACTIVITY',\n tooltip: {\n title: 'TEAM ACTIVITY',\n description:\n 'Track all user activity in your Enterprise account, such as user logins, survey creation, survey sharing, survey exports, etc. with the ability to search and filter through audit logs.',\n },\n },\n summary_team_customer_success_manager: {\n summaryLine: 'CUSTOMER SUCCESS',\n tooltip: {\n title: 'CUSTOMER SUCCESS',\n description:\n 'Get a dedicated customer success manager to help you with onboarding, training users as well as implementing best practices to ensure optimal use of the SurveyMonkey platform across your organization.',\n },\n },\n summary_team_priority_247_email_phone_support: {\n summaryLine: 'PRIORITY SUPPORT',\n tooltip: {\n title: 'PRIORITY SUPPORT',\n description:\n 'We offer 24/7 email support for all customers. Emails from Enterprise customers are prioritized to receive responses as quickly as possible. We also offer English-only phone support.',\n },\n },\n summary_number_of_surveys: {\n summaryLine: 'Number of surveys',\n tooltip: {\n title: 'Number of surveys',\n description: 'You can create and send as many surveys, polls, and quizzes as you need with any plan.',\n },\n },\n summary_questions_per_survey: {\n summaryLine: 'Questions per survey',\n tooltip: {\n title: 'Questions per survey',\n description:\n 'Some of our plans only allow a certain number of questions for each survey you send. All plans allow you to create and send as many surveys as you want.',\n },\n },\n summary_number_of_responses: {\n summaryLine: 'Number of responses',\n tooltip: {\n title: 'Number of responses',\n description:\n \"With a free plan, you can collect more than 100 responses, but you can only view the first 100 responses. Upgrade at any time to access additional responses. Our {select_equivalent_name} Monthly plan includes 1000 responses per monthly billing cycle across all your surveys with a {overage_cost} charge per additional response. All annual plans include an unlimited number of responses.\",\n },\n },\n summary_number_of_responses_monthly_plans: {\n summaryLine: 'Number of responses',\n tooltip: {\n title: 'Number of responses',\n description:\n \"With a free plan, you can collect more than 100 responses, but you can only view the first 100 responses. Upgrade at any time to access additional responses. Our {select_equivalent_name} Monthly plan includes 1,000 responses and our {gold_equivalent_name} Monthly plan includes 2,000 responses per monthly billing cycle across all your surveys. There is a {overage_cost} charge per additional response. All annual plans include unlimited responses.\",\n },\n },\n summary_customer_support: {\n summaryLine: '24/7 customer support via email',\n tooltip: {\n title: '24/7 customer support via email',\n description:\n 'We offer 24/7 email support for all customers. Emails from {gold_equivalent_name} and {platinum_equivalent_name} customers are prioritized to receive responses as quickly as possible. We also offer phone support for our {platinum_equivalent_name} customers.',\n },\n },\n summary_customer_support_monthly_plans: {\n summaryLine: '24/7 customer support via email',\n tooltip: {\n title: '24/7 customer support via email',\n description:\n 'We offer 24/7 email support for all customers. Emails from {gold_equivalent_name} and {platinum_equivalent_name} customers are prioritized to receive responses as quickly as possible. We also offer phone support for our {platinum_equivalent_name} Annual customers.',\n },\n },\n summary_english_customer_support: {\n summaryLine: '24/7 English email support',\n tooltip: {\n title: '24/7 English email support',\n description:\n 'We offer 24/7 email support for all customers. Emails from {gold_equivalent_name} and {platinum_equivalent_name} customers are prioritized to receive responses as quickly as possible. We also offer phone support for our {platinum_equivalent_name} customers.',\n },\n },\n summary_international_customer_support: {\n summaryLine: '{lang} email support',\n tooltip: {\n title: '{lang} email support',\n description: 'We offer {lang} email support in Central European Time (CET).',\n },\n },\n summary_user_accounts: {\n summaryLine: 'User accounts included',\n tooltip: {\n title: 'User accounts included',\n description:\n 'This is the total number of user accounts included with your plan. Plans with more than 1 user have access to all team collaboration tools. ',\n },\n },\n summary_quizzes: {\n summaryLine: \"NEW! Quizzes\",\n tooltip: {\n title: \"NEW! Quizzes\",\n description:\n \"Easily create tests and assessments with automatic scoring for employees, customers, students, and more. You can choose whether you want to display your respondent's score to them after they complete your quiz. You'll also be able to see rankings, segment response data, and access statistics for your results.\",\n },\n },\n summary_filters_and_crosstabs: {\n summaryLine: 'FILTER AND COMPARE RULES',\n tooltip: {\n title: 'FILTER AND COMPARE RULES',\n description:\n 'Use filter and compare rules to segment your data and discover hidden trends. With a Basic plan, you can apply and save one rule to your data, but paid plans allow you to save and apply an unlimited number of rules. Data trends let you see how your results have changed over time.',\n },\n },\n summary_trended_data: {\n summaryLine: 'Trended Data',\n tooltip: {\n title: 'Trended Data',\n description:\n 'Get more insights from your survey results. Trended data makes it easy to spot changes when they happen by allowing you to view your results trended over time.',\n },\n },\n summary_customized_surveys: {\n summaryLine: 'Customized surveys',\n tooltip: {\n title: 'Customized surveys',\n description:\n \"Customize your survey's look and feel by adding your logo, selecting colors and web fonts, and uploading images. Create and save custom themes to quickly build on-brand surveys. You can also modify the ending of your survey's URL. For example: www.surveymonkey.com/s/your-survey\",\n },\n },\n summary_data_exports: {\n summaryLine: 'Data exports',\n tooltip: {\n title: 'Data exports',\n description:\n \"Create and print custom charts and reports quickly and easily. You'll be able to download survey results in several file formats, including as CSV, PDF, PPT, or XLS files. Export for SPSS for Advantage and Premier members.\",\n },\n },\n summary_customized_survey_experience: {\n summaryLine: 'Customized survey experience',\n tooltip: {\n title: 'Customized survey experience',\n description:\n \"Get more ways to personalize each respondent's experience while taking your survey. Use skip logic to create custom paths through a survey based on each respondent's answers. With question & answer piping, you can insert answer text from a question into another question on a later page in the survey.\",\n },\n },\n summary_a_b_testing: {\n summaryLine: 'A/B test question type',\n tooltip: {\n title: 'A/B test question type',\n description:\n 'Conduct A/B tests and test for answer bias by randomly segmenting respondents to see different images or text.',\n },\n },\n summary_ab_testing: {\n summaryLine: 'A/B testing, randomization, quotas',\n tooltip: {\n title: 'A/B testing, randomization, quotas',\n description:\n 'Conduct A/B tests and test for answer bias by randomly segmenting respondents to see different images or text.',\n },\n },\n summary_block_randomization: {\n summaryLine: 'Block randomization',\n tooltip: {\n title: 'Block randomization',\n description:\n 'Blocks are groups of pages, where each group contains related questions about a particular concept you want to test. You can use block randomization logic to rotate, flip, or randomize blocks to minimize order bias.',\n },\n },\n summary_quotas: {\n summaryLine: 'Response quotas',\n tooltip: {\n title: 'Response quotas',\n description: 'Close your survey automatically when you get all the qualified responses you need.',\n },\n },\n summary_custom_variables: {\n summaryLine: 'Custom variables',\n tooltip: {\n title: 'Custom variables',\n description:\n 'Use custom variables to track data about respondents by passing one or more values through a survey link and into your survey results.',\n },\n },\n summary_file_upload: {\n summaryLine: 'File upload',\n tooltip: {\n title: 'File upload',\n description:\n 'Allow respondents to upload a file as part of their survey response. You can add up to 20 file upload questions per survey.',\n },\n },\n summary_statistical_significance: {\n summaryLine: 'Statistical significance',\n tooltip: {\n title: 'Statistical significance',\n description: 'Use to see if there are statistically significant differences between response groups.',\n },\n },\n summary_complimentary_audience_credits: {\n summaryLine: 'Audience panel credits',\n tooltip: {\n title: 'Audience panel credits',\n description:\n 'Use SurveyMonkey Audience to easily run your own market research. Our market research panel includes millions of people worldwide. Choose from several demographic attributes to send surveys to your target market.',\n },\n },\n summary_industry_benchmarks: {\n summaryLine: 'SurveyMonkey Industry Benchmarks',\n tooltip: {\n title: 'SurveyMonkey Industry Benchmarks',\n description:\n \"Compare your results against the Industry Benchmark to understand how you're doing in the context of your greater industry. See your results in context to see how you measure up against your peers.\",\n },\n },\n summary_advanced_logic: {\n summaryLine: 'Advanced survey logic',\n tooltip: {\n title: 'Advanced survey logic',\n description:\n 'Enhance your survey data with access to advanced branching, advanced piping, block randomization, quotas, and more. Use custom variables to track data about respondents by passing one or more values through a survey link and into your survey results.',\n },\n },\n summary_collector_white_label_enabled: {\n summaryLine: 'White label surveys',\n tooltip: {\n title: 'White label surveys',\n description:\n 'Completely customize and brand your surveys. Remove the SurveyMonkey footer from your surveys, change the domain of your survey link to research.net, and redirect survey respondents to your site upon survey completion.',\n },\n },\n summary_multilingual: {\n summaryLine: 'Multilingual surveys',\n tooltip: {\n title: 'Multilingual surveys',\n description:\n \"Reach everyone in the language they're most comfortable with. Add multiple languages to a single survey, and analyze all your results together as one data set.\",\n },\n },\n summary_text_analysis: {\n summaryLine: 'Text analysis',\n tooltip: {\n title: 'Text analysis',\n description: 'Use to see if there are statistically significant differences between response groups.',\n },\n },\n summary_advanced_survey_analysis: {\n summaryLine: 'Advanced survey analysis',\n tooltip: {\n title: 'Advanced survey analysis',\n description:\n 'Get more context for your data. See if there are statistically significant differences between response groups. And use text analysis to search and categorize open-ended responses and quickly see frequently used words and phrases.',\n },\n },\n summary_randomize_question_page_blocks: {\n summaryLine: 'Randomization',\n tooltip: {\n title: 'Randomization',\n description: 'Create smart surveys. Reduce answer bias by randomizing pages or questions on a specific page.',\n },\n },\n summary_piping: {\n summaryLine: 'Question and answer piping',\n tooltip: {\n title: 'Question and answer piping',\n description:\n 'With question & answer piping, you can insert answer text from a question into another question on a later page in the survey.',\n },\n },\n summary_redirect: {\n summaryLine: 'Redirect respondents to your website',\n tooltip: {\n title: 'Redirect respondents to your website',\n description:\n 'Redirect respondents to your own webpage upon survey completion. Enter the URL to a website of your choice.',\n },\n },\n summary_phone_support: {\n summaryLine: 'Phone support',\n tooltip: {\n title: 'Phone support',\n description: 'PREMIER customers enjoy the quickest replies in addition to phone support (English only).',\n },\n },\n summary_carry_forward: {\n summaryLine: 'Carry forward responses',\n tooltip: {\n title: 'Carry forward responses',\n description:\n \"Use each respondent's previous answer choices in a related question that appears later in your survey. You can carry forward either a respondent's selected or unselected answer choices and choose to show all or some previously selected or unselected answers. Responses that are carried forward cannot be edited.\",\n },\n },\n summary_matrix_of_dropdown_menus: {\n summaryLine: 'Matrix of dropdown menus',\n tooltip: {\n title: 'Matrix of dropdown menus',\n description:\n 'Allow respondents to evaluate several items using the same set of measurements by choosing from a preset list of answer choices.',\n },\n },\n summary_advanced_branching_and_piping: {\n summaryLine: 'Advanced branching and piping',\n tooltip: {\n title: 'Advanced branching and piping',\n description:\n \"Personalize the survey experience using advanced branching and piping logic. Build conditions and insert text based on your respondent's answers, custom data from contacts, and custom variables. Skip respondents to future points in your survey, show or hide questions, show or hide pages, or invalidate questions and customize the error message.\",\n },\n },\n summary_advanced_data_exports_spss: {\n summaryLine: 'Advanced data exports (SPSS)',\n tooltip: {\n title: 'Advanced data exports (SPSS)',\n description:\n 'Download your survey results into SPSS-along with CSV, PDF, PPT, or XLS files too. Also create and print custom charts and reports quickly and easily.',\n },\n },\n summary_abbr_customized_surveys: {\n summaryLine: 'Custom logo, colors & fonts, survey link',\n tooltip: {\n title: 'Custom logo, colors & fonts, survey link',\n description:\n \"Customize your survey's look and feel by adding your logo, selecting colors and web fonts, and uploading images. Create and save custom themes to quickly build on-brand surveys. You can also modify the ending of your survey's URL. For example: www.surveymonkey.com/s/your-survey\",\n },\n },\n summary_abbr_data_exports: {\n summaryLine: 'Data exports',\n tooltip: {\n title: 'Data exports',\n description: 'Download your data as a spreadsheet, or friendly formats like PDF or PowerPoint.',\n },\n },\n summary_abbr_unlimited_data_filters: {\n summaryLine: 'Unlimited data filters',\n tooltip: {\n title: 'Unlimited data filters',\n description: 'Drill down into segments of your data and save each view.',\n },\n },\n summary_abbr_compare_crosstabs: {\n summaryLine: 'Compare results with crosstabs',\n tooltip: {\n title: 'Compare results with crosstabs',\n description: 'See side-by-side comparisons of how different groups answered your survey.',\n },\n },\n summary_abbr_skip_logic: {\n summaryLine: 'Skip logic',\n tooltip: {\n title: 'Skip logic',\n description: 'Skip people to different places in your survey based on how they answer.',\n },\n },\n summary_abbr_text_analysis: {\n summaryLine: 'Text analysis',\n tooltip: {\n title: 'Text analysis',\n description: 'Uncover trends in written answers with tagging, word clouds, and sentiment analysis.',\n },\n },\n summary_abbr_statistical_significance: {\n summaryLine: 'Statistical significance',\n tooltip: {\n title: 'Statistical significance',\n description:\n 'See if there are statistically significant differences in how different groups answered your survey.',\n },\n },\n summary_abbr_ab_test: {\n summaryLine: 'A/B test question type',\n tooltip: {\n title: 'A/B test question type',\n description: 'See if variations of an image or text yield different results.',\n },\n },\n summary_abbr_page_question_randomization: {\n summaryLine: 'Question & page randomization',\n tooltip: {\n title: 'Question & page randomization',\n description:\n 'Reduce answer bias by randomizing the order of the pages in a survey or the order of questions within a page.',\n },\n },\n summary_abbr_carry_forward: {\n summaryLine: 'Carry forward responses',\n tooltip: {\n title: 'Carry forward responses',\n description:\n \"Use each respondent's previous answer choices in a related question that appears later in your survey. You can carry forward either a respondent's selected or unselected answer choices and choose to show all or some previously selected or unselected answers. Responses that are carried forward cannot be edited.\",\n },\n },\n summary_abbr_file_upload: {\n summaryLine: 'File upload question type',\n tooltip: {\n title: 'File upload question type',\n description: 'Let people attach image files, PDFs, or documents to their response.',\n },\n },\n summary_abbr_advanced_branching: {\n summaryLine: 'Advanced branching',\n tooltip: {\n title: 'Advanced branching',\n description: 'Add multi-condition, multi-action rules to build strategic survey experiences.',\n },\n },\n summary_abbr_advanced_piping: {\n summaryLine: 'Advanced question & answer piping',\n tooltip: {\n title: 'Advanced question & answer piping',\n description:\n 'Personalize surveys for each person by piping in text from their contact information or custom variables (URL parameters).',\n },\n },\n summary_abbr_custom_redirects: {\n summaryLine: 'Custom survey completion redirects',\n tooltip: {\n title: 'Custom survey completion redirects',\n description: 'Redirect survey takers to the URL of your choice after they finish your survey.',\n },\n },\n summary_abbr_remove_footer: {\n summaryLine: 'Remove SurveyMonkey branded footer',\n tooltip: {\n title: 'Remove SurveyMonkey branded footer',\n description: 'Remove the SurveyMonkey footer from your surveys and email invitations.',\n },\n },\n summary_abbr_research_url: {\n summaryLine: 'Anonymous \"research.net\" URL',\n tooltip: {\n title: 'Anonymous \"research.net\" URL',\n description: 'Use research.net for your survey link instead of surveymonkey.com.',\n },\n },\n summary_custom_survey_link: {\n summaryLine: 'Custom survey link',\n tooltip: {\n title: 'Custom survey link',\n description: 'Make your survey link friendly and easy to read.',\n },\n },\n};\n\nexport default FEATURES;\n","import { PACKAGES } from './constants';\nimport FEATURES, { Feature } from './features';\nimport { featureIsNonGuacOnly } from './helpers';\n\nexport type PackageFeatures = Feature[];\n\ntype PackageFeaturesList = {\n [packageId: string]: PackageFeatures;\n};\n\nconst PACKAGE_SUMMARY_FEATURES: PackageFeaturesList = {\n [PACKAGES.StandardMonthly]: [\n {\n summaryLine: 'Matrix of dropdown menus question type',\n tooltip: FEATURES.summary_matrix_of_dropdown_menus.tooltip,\n },\n {\n summaryLine: 'Unlimited number of surveys',\n tooltip: FEATURES.summary_number_of_surveys.tooltip,\n },\n {\n summaryLine: 'Unlimited questions per survey',\n tooltip: FEATURES.summary_questions_per_survey.tooltip,\n },\n {\n summaryLine: 'Unlimited responses per survey',\n tooltip: FEATURES.summary_number_of_responses.tooltip,\n },\n {\n summaryLine: '24/7 priority email support',\n tooltip: FEATURES.summary_customer_support.tooltip,\n },\n {\n summaryLine: '24/7 English email support',\n tooltip: FEATURES.summary_english_customer_support.tooltip,\n },\n {\n summaryLine: '{lang} email support',\n tooltip: FEATURES.summary_international_customer_support.tooltip,\n },\n {\n summaryLine: 'Quizzes with custom feedback',\n tooltip: FEATURES.summary_quizzes.tooltip,\n },\n {\n summaryLine: 'Custom logo, colors, and survey URL',\n tooltip: FEATURES.summary_customized_surveys.tooltip,\n },\n {\n summaryLine: 'Data exports (CSV, PDF, PPT, XLS)',\n tooltip: FEATURES.summary_data_exports.tooltip,\n },\n {\n summaryLine: 'Skip logic only',\n tooltip: FEATURES.summary_customized_survey_experience.tooltip,\n },\n {\n summaryLine: 'Text analysis',\n tooltip: FEATURES.summary_advanced_survey_analysis.tooltip,\n },\n ],\n [PACKAGES.StandardAnnual]: [\n {\n summaryLine: 'Matrix of dropdown menus question type',\n tooltip: FEATURES.summary_matrix_of_dropdown_menus.tooltip,\n },\n {\n summaryLine: 'Unlimited number of surveys',\n tooltip: FEATURES.summary_number_of_surveys.tooltip,\n },\n {\n summaryLine: 'Unlimited questions per survey',\n tooltip: FEATURES.summary_questions_per_survey.tooltip,\n },\n {\n summaryLine: 'Unlimited responses per survey',\n tooltip: FEATURES.summary_number_of_responses.tooltip,\n },\n {\n summaryLine: '24/7 priority email support',\n tooltip: FEATURES.summary_customer_support.tooltip,\n },\n {\n summaryLine: '24/7 English email support',\n tooltip: FEATURES.summary_english_customer_support.tooltip,\n },\n {\n summaryLine: '{lang} email support',\n tooltip: FEATURES.summary_international_customer_support.tooltip,\n },\n {\n summaryLine: 'Quizzes with custom feedback',\n tooltip: FEATURES.summary_quizzes.tooltip,\n },\n {\n summaryLine: 'Custom logo, colors, and survey URL',\n tooltip: FEATURES.summary_customized_surveys.tooltip,\n },\n {\n summaryLine: 'Data exports (CSV, PDF, PPT, XLS)',\n tooltip: FEATURES.summary_data_exports.tooltip,\n },\n {\n summaryLine: 'Skip logic only',\n tooltip: FEATURES.summary_customized_survey_experience.tooltip,\n },\n {\n summaryLine: 'Text analysis',\n tooltip: FEATURES.summary_advanced_survey_analysis.tooltip,\n },\n ],\n [PACKAGES.AdvantageAnnual]: [\n {\n summaryLine: 'Accept Payments',\n tooltip: FEATURES.summary_accept_payments.tooltip,\n },\n {\n summaryLine: 'Carry forward responses',\n tooltip: FEATURES.summary_carry_forward.tooltip,\n },\n {\n summaryLine: 'Matrix of dropdown menus question type',\n tooltip: FEATURES.summary_matrix_of_dropdown_menus.tooltip,\n },\n {\n summaryLine: 'Unlimited number of surveys',\n tooltip: FEATURES.summary_number_of_surveys.tooltip,\n },\n {\n summaryLine: 'Unlimited questions per survey',\n tooltip: FEATURES.summary_questions_per_survey.tooltip,\n },\n {\n summaryLine: 'Unlimited responses per survey',\n tooltip: FEATURES.summary_number_of_responses.tooltip,\n },\n {\n summaryLine: '24/7 expedited email support',\n tooltip: FEATURES.summary_customer_support.tooltip,\n },\n {\n summaryLine: '24/7 expedited English email support',\n tooltip: FEATURES.summary_english_customer_support.tooltip,\n },\n {\n summaryLine: '{lang} email support',\n tooltip: FEATURES.summary_international_customer_support.tooltip,\n },\n {\n summaryLine: 'Quizzes with custom feedback',\n tooltip: FEATURES.summary_quizzes.tooltip,\n },\n {\n summaryLine: 'Custom logo, colors, and survey URL',\n tooltip: FEATURES.summary_customized_surveys.tooltip,\n },\n {\n summaryLine: 'Data exports (CSV, PDF, PPT, XLS)',\n tooltip: FEATURES.summary_data_exports.tooltip,\n },\n {\n summaryLine: 'Advanced data exports (SPSS)',\n tooltip: FEATURES.summary_advanced_data_exports.tooltip,\n },\n {\n summaryLine: 'Skip logic, question & answer piping',\n tooltip: FEATURES.summary_customized_survey_experience.tooltip,\n },\n {\n summaryLine: 'Text analysis & statistical significance',\n tooltip: FEATURES.summary_advanced_survey_analysis.tooltip,\n },\n {\n summaryLine:\n '{audience_wallet_credit} Audience panel credits**',\n tooltip: FEATURES.summary_complimentary_audience_credits.tooltip,\n },\n {\n summaryLine: 'Custom variables',\n tooltip: FEATURES.summary_custom_variables.tooltip,\n },\n {\n summaryLine: 'File upload',\n tooltip: FEATURES.summary_file_upload.tooltip,\n },\n {\n summaryLine: 'A/B testing, randomization, quotas',\n tooltip: FEATURES.summary_a_b_testing.tooltip,\n },\n {\n summaryLine: 'SurveyMonkey industry benchmarks',\n tooltip: FEATURES.summary_industry_benchmarks.tooltip,\n },\n {\n summaryLine: 'Multilingual surveys',\n tooltip: FEATURES.summary_multilingual.tooltip,\n },\n ],\n [PACKAGES.PremierAnnual]: [\n {\n summaryLine: 'Accept Payments',\n tooltip: FEATURES.summary_accept_payments.tooltip,\n },\n {\n summaryLine: 'Carry forward responses',\n tooltip: FEATURES.summary_carry_forward.tooltip,\n },\n {\n summaryLine: 'Matrix of dropdown menus question type',\n tooltip: FEATURES.summary_matrix_of_dropdown_menus.tooltip,\n },\n {\n summaryLine: 'Unlimited number of surveys',\n tooltip: FEATURES.summary_number_of_surveys.tooltip,\n },\n {\n summaryLine: 'Unlimited questions per survey',\n tooltip: FEATURES.summary_questions_per_survey.tooltip,\n },\n {\n summaryLine: 'Unlimited responses per survey',\n tooltip: FEATURES.summary_number_of_responses.tooltip,\n },\n {\n summaryLine: 'Phone support and 24/7 email support',\n tooltip: FEATURES.summary_customer_support.tooltip,\n },\n {\n summaryLine: 'Phone support and 24/7 English email support',\n tooltip: FEATURES.summary_english_customer_support.tooltip,\n },\n {\n summaryLine: '{lang} email support',\n tooltip: FEATURES.summary_international_customer_support.tooltip,\n },\n {\n summaryLine: 'Quizzes with custom feedback',\n tooltip: FEATURES.summary_quizzes.tooltip,\n },\n {\n summaryLine: 'Custom logo, colors, and survey URL',\n tooltip: FEATURES.summary_customized_surveys.tooltip,\n },\n {\n summaryLine: 'Data exports (CSV, PDF, PPT, XLS)',\n tooltip: FEATURES.summary_data_exports.tooltip,\n },\n {\n summaryLine: 'Advanced data exports (SPSS)',\n tooltip: FEATURES.summary_advanced_data_exports.tooltip,\n },\n {\n summaryLine: 'Skip logic, question & answer piping',\n tooltip: FEATURES.summary_customized_survey_experience.tooltip,\n },\n {\n summaryLine: 'Text analysis & statistical significance',\n tooltip: FEATURES.summary_advanced_survey_analysis.tooltip,\n },\n {\n summaryLine: 'Sentiment analysis',\n tooltip: FEATURES.summary_sentiment_analysis.tooltip,\n },\n {\n summaryLine: 'Crosstabs',\n tooltip: FEATURES.crosstab.tooltip,\n },\n {\n summaryLine: 'Unlimited filter and compare rules, data trends',\n tooltip: FEATURES.summary_filters_and_crosstabs.tooltip,\n },\n {\n summaryLine:\n '{audience_wallet_credit} Audience panel credits**',\n tooltip: FEATURES.summary_complimentary_audience_credits.tooltip,\n },\n {\n summaryLine: 'File upload',\n tooltip: FEATURES.summary_file_upload.tooltip,\n },\n {\n summaryLine: 'Advanced branching & piping, block randomization',\n tooltip: FEATURES.summary_advanced_logic.tooltip,\n },\n {\n summaryLine: 'A/B testing, randomization, quotas',\n tooltip: FEATURES.summary_a_b_testing.tooltip,\n },\n {\n summaryLine: 'Custom variables',\n tooltip: FEATURES.summary_custom_variables.tooltip,\n },\n {\n summaryLine: 'White label surveys',\n tooltip: FEATURES.summary_collector_white_label_enabled.tooltip,\n },\n {\n summaryLine: 'SurveyMonkey industry benchmarks',\n tooltip: FEATURES.summary_industry_benchmarks.tooltip,\n },\n {\n summaryLine: 'Multilingual surveys',\n tooltip: FEATURES.summary_multilingual.tooltip,\n },\n ],\n [PACKAGES.TeamAdvantage]: [\n {\n summaryLine: 'Survey sharing with fine control over who can view and edit',\n tooltip: FEATURES.summary_team_share_surveys.tooltip,\n },\n {\n summaryLine: 'Gather comments all in one place',\n tooltip: FEATURES.summary_team_comments.tooltip,\n },\n {\n summaryLine: 'Let team members analyze, filter, and export results',\n tooltip: FEATURES.summary_team_analyze_filter_export.tooltip,\n },\n {\n summaryLine: 'Notify others when you get new responses',\n tooltip: FEATURES.summary_team_responses_nodification.tooltip,\n },\n {\n summaryLine: 'Shared asset library for on-brand surveys',\n tooltip: FEATURES.summary_team_shared_library.tooltip,\n },\n {\n summaryLine: 'Add or reassign accounts at any time',\n tooltip: FEATURES.summary_team_add_reassign_accounts.tooltip,\n },\n {\n summaryLine: 'Free integrations with popular collaboration apps',\n tooltip: FEATURES.summary_team_collaboration_app_integrations.tooltip,\n },\n {\n summaryLine: 'Unlimited surveys, questions, and responses',\n tooltip: FEATURES.summary_team_surveys_questions_responses.tooltip,\n },\n {\n summaryLine: '24/7 Expedited email support',\n tooltip: FEATURES.summary_team_expedited_email_support.tooltip,\n },\n {\n summaryLine: 'Quizzes with custom feedback',\n tooltip: FEATURES.summary_team_quizzes.tooltip,\n },\n {\n summaryLine: 'Custom logo, colors, and survey URL',\n tooltip: FEATURES.summary_team_custom_logo.tooltip,\n },\n {\n summaryLine: 'Question and page skip logic',\n tooltip: FEATURES.summary_team_skip_logic.tooltip,\n },\n {\n summaryLine: 'All data exports (CSV, PDF, PPT, SPSS, XLS)',\n tooltip: FEATURES.summary_team_data_exports.tooltip,\n },\n {\n summaryLine: 'Accept Payments',\n tooltip: FEATURES.summary_accept_payments.tooltip,\n },\n {\n summaryLine: 'Advanced analyze features',\n tooltip: FEATURES.summary_team_advanced_analyze.tooltip,\n },\n {\n summaryLine: 'SurveyMonkey industry benchmarks',\n tooltip: FEATURES.summary_team_industry_benchmarks.tooltip,\n },\n {\n summaryLine: 'Multilingual surveys',\n tooltip: FEATURES.summary_team_multilingual.tooltip,\n // Hide for GUAC countries\n get hidden(): boolean {\n return featureIsNonGuacOnly();\n },\n },\n ],\n [PACKAGES.TeamPremier]: [\n {\n summaryLine: 'Survey sharing with fine control over who can view and edit',\n tooltip: FEATURES.summary_team_share_surveys.tooltip,\n },\n {\n summaryLine: 'Gather comments all in one place',\n tooltip: FEATURES.summary_team_comments.tooltip,\n },\n {\n summaryLine: 'Let team members analyze, filter, and export results',\n tooltip: FEATURES.summary_team_analyze_filter_export.tooltip,\n },\n {\n summaryLine: 'Notify others when you get new responses',\n tooltip: FEATURES.summary_team_responses_nodification.tooltip,\n },\n {\n summaryLine: 'Shared asset library for on-brand surveys',\n tooltip: FEATURES.summary_team_shared_library.tooltip,\n },\n {\n summaryLine: 'Add or reassign accounts at any time',\n tooltip: FEATURES.summary_team_add_reassign_accounts.tooltip,\n },\n {\n summaryLine: 'Free integrations with popular collaboration apps',\n tooltip: FEATURES.summary_team_collaboration_app_integrations.tooltip,\n },\n {\n summaryLine: 'Unlimited surveys, questions, and responses',\n tooltip: FEATURES.summary_team_surveys_questions_responses.tooltip,\n },\n {\n summaryLine: 'Phone support and 24/7 email support',\n tooltip: FEATURES.summary_team_expedited_email_support.tooltip,\n },\n {\n summaryLine: 'Quizzes with custom feedback',\n tooltip: FEATURES.summary_team_quizzes.tooltip,\n },\n {\n summaryLine: 'Custom logo, colors, and survey URL',\n tooltip: FEATURES.summary_team_custom_logo.tooltip,\n },\n {\n summaryLine: 'Question and page skip logic',\n tooltip: FEATURES.summary_team_skip_logic.tooltip,\n },\n {\n summaryLine: 'All data exports (CSV, PDF, PPT, SPSS, XLS)',\n tooltip: FEATURES.summary_team_data_exports.tooltip,\n },\n {\n summaryLine: 'Accept Payments',\n tooltip: FEATURES.summary_accept_payments.tooltip,\n },\n {\n summaryLine: 'Advanced analyze features',\n tooltip: FEATURES.summary_team_advanced_analyze.tooltip,\n },\n {\n summaryLine: 'Sentiment analysis',\n tooltip: FEATURES.summary_sentiment_analysis.tooltip,\n },\n {\n summaryLine: 'Crosstabs',\n tooltip: FEATURES.crosstab.tooltip,\n },\n {\n summaryLine: 'Unlimited filter and compare rules, data trends',\n tooltip: FEATURES.summary_team_filters_and_crosstabs.tooltip,\n },\n {\n summaryLine: 'SurveyMonkey industry benchmarks',\n tooltip: FEATURES.summary_team_industry_benchmarks.tooltip,\n },\n {\n summaryLine: 'Advanced survey logic tools',\n tooltip: FEATURES.summary_team_advanced_survey_logic.tooltip,\n },\n {\n summaryLine: 'Block randomization',\n tooltip: FEATURES.summary_team_block_randomization.tooltip,\n },\n {\n summaryLine: 'White label surveys',\n tooltip: FEATURES.summary_team_white_label.tooltip,\n },\n {\n summaryLine: 'Multilingual surveys',\n tooltip: FEATURES.summary_team_multilingual.tooltip,\n },\n {\n summaryLine: 'Survey completion redirect',\n tooltip: FEATURES.summary_team_completion_redirect.tooltip,\n },\n {\n summaryLine: 'Remove SurveyMonkey footer',\n tooltip: FEATURES.summary_team_remove_surveymonkey_footer.tooltip,\n },\n {\n summaryLine: 'Create private apps with direct API access',\n tooltip: FEATURES.summary_team_api_access.tooltip,\n },\n ],\n [PACKAGES.Enterprise]: [\n {\n summaryLine: 'Survey sharing with fine control over who can view and edit',\n tooltip: FEATURES.summary_team_share_surveys.tooltip,\n },\n {\n summaryLine: 'Gather comments all in one place',\n tooltip: FEATURES.summary_team_comments.tooltip,\n },\n {\n summaryLine: 'Let team members analyze, filter, and export results',\n tooltip: FEATURES.summary_team_analyze_filter_export.tooltip,\n },\n {\n summaryLine: 'Notify others when you get new responses',\n tooltip: FEATURES.summary_team_responses_nodification.tooltip,\n },\n {\n summaryLine: 'Shared asset library for on-brand surveys',\n tooltip: FEATURES.summary_team_shared_library.tooltip,\n },\n {\n summaryLine: 'Add or reassign accounts at any time',\n tooltip: FEATURES.summary_team_add_reassign_accounts.tooltip,\n },\n {\n summaryLine: 'Free integrations with popular collaboration apps',\n tooltip: FEATURES.summary_team_collaboration_app_integrations.tooltip,\n },\n {\n summaryLine: 'Unlimited surveys, questions, and responses',\n tooltip: FEATURES.summary_team_surveys_questions_responses.tooltip,\n },\n {\n summaryLine: 'Phone support and 24/7 email support',\n tooltip: FEATURES.summary_team_expedited_email_support.tooltip,\n },\n {\n summaryLine: 'Quizzes with custom feedback',\n tooltip: FEATURES.summary_team_quizzes.tooltip,\n },\n {\n summaryLine: 'Custom logo, colors, and survey URL',\n tooltip: FEATURES.summary_team_custom_logo.tooltip,\n },\n {\n summaryLine: 'Question and page skip logic',\n tooltip: FEATURES.summary_team_skip_logic.tooltip,\n },\n {\n summaryLine: 'All data exports (CSV, PDF, PPT, SPSS, XLS)',\n tooltip: FEATURES.summary_team_data_exports.tooltip,\n },\n {\n summaryLine: 'Accept Payments',\n tooltip: FEATURES.summary_accept_payments.tooltip,\n },\n {\n summaryLine: 'Advanced analyze features',\n tooltip: FEATURES.summary_team_advanced_analyze.tooltip,\n },\n {\n summaryLine: 'Sentiment analysis',\n tooltip: FEATURES.summary_sentiment_analysis.tooltip,\n },\n {\n summaryLine: 'Crosstabs',\n tooltip: FEATURES.crosstab.tooltip,\n },\n {\n summaryLine: 'Unlimited filter and compare rules, data trends',\n tooltip: FEATURES.summary_team_filters_and_crosstabs.tooltip,\n },\n {\n summaryLine: 'SurveyMonkey industry benchmarks',\n tooltip: FEATURES.summary_team_industry_benchmarks.tooltip,\n },\n {\n summaryLine: 'Advanced survey logic tools',\n tooltip: FEATURES.summary_team_advanced_survey_logic.tooltip,\n },\n {\n summaryLine: 'Block randomization',\n tooltip: FEATURES.summary_team_block_randomization.tooltip,\n },\n {\n summaryLine: 'White label surveys',\n tooltip: FEATURES.summary_team_white_label.tooltip,\n },\n {\n summaryLine: 'Multilingual surveys',\n tooltip: FEATURES.summary_team_multilingual.tooltip,\n },\n {\n summaryLine: 'Survey completion redirect',\n tooltip: FEATURES.summary_team_completion_redirect.tooltip,\n },\n {\n summaryLine: 'Remove SurveyMonkey footer',\n tooltip: FEATURES.summary_team_remove_surveymonkey_footer.tooltip,\n },\n {\n summaryLine: 'Unlimited API access**',\n tooltip: FEATURES.summary_team_unlimited_api_access.tooltip,\n },\n {\n summaryLine: 'Flexible plan types for multiple users',\n tooltip: FEATURES.summary_team_flexible_plan_types.tooltip,\n },\n {\n summaryLine: 'HIPAA-compliant features**',\n tooltip: FEATURES.summary_team_hipaa_compliant.tooltip,\n },\n {\n summaryLine: 'Customization and branding',\n tooltip: FEATURES.summary_team_custom_branding.tooltip,\n },\n {\n summaryLine: 'Integrations with Salesforce, Marketo, Eloqua, and Tableau**',\n tooltip: FEATURES.summary_team_3rd_part_integrations.tooltip,\n },\n {\n summaryLine: 'Admin dashboard and user management',\n tooltip: FEATURES.summary_team_admin_dashboard.tooltip,\n },\n {\n summaryLine: 'Account control and migration',\n tooltip: FEATURES.summary_team_account_control_migration.tooltip,\n },\n {\n summaryLine: 'Enhanced governance and security features',\n tooltip: FEATURES.summary_team_enhanced_governance_security.tooltip,\n },\n {\n summaryLine: 'Single sign-on (SSO)',\n tooltip: FEATURES.summary_team_sso.tooltip,\n },\n {\n summaryLine: 'Activity tracking through audit logs',\n tooltip: FEATURES.summary_team_logs_audit.tooltip,\n },\n {\n summaryLine: 'Dedicated customer success manager',\n tooltip: FEATURES.summary_team_customer_success_manager.tooltip,\n },\n ],\n};\n\nexport default PACKAGE_SUMMARY_FEATURES;\n","import { ComparisonPackageFeatures } from '../ComparisonTableTypes';\nimport { PACKAGES } from '../constants';\n\n/**\n * We export a map of package key (ID/name) to the map of comparison\n * features that that package supports.\n */\nexport type SummaryComparisonPackages = {\n [packageKey: string]: ComparisonPackageFeatures;\n};\n\n// The team and enterprise plans include all the features of the plan\n// below them, so we'll start with advantage and extend it up to include\n// what we need for each package to be as non-redundant as possible\nconst TEAM_ADVTANTAGE: ComparisonPackageFeatures = {\n // Essentials\n unlimited_surveys: true,\n unlimited_questions: true,\n unlimited_responses: true,\n unlimited_collectors: true,\n\n // Support\n email_support: true,\n\n // Building Surveys\n essential_question_types: true,\n survey_templates: true,\n quizzes: true,\n question_page_skip_logic: true,\n question_page_randomization: true,\n a_b_test_question: true,\n custom_variables: true,\n file_upload: true,\n accept_payments: true,\n\n // Branding and Customization\n custom_logo_colors_url: true,\n custom_email_invites: true,\n\n // Response Collection\n recurring_surveys: true,\n require_answer_completion: true,\n survey_end_date: true,\n view_ip_addresses: true,\n confirmation_email: true,\n\n // Analysis\n data_trends: true,\n filter_and_compare: true,\n custom_reports: true,\n statistical_significance: true,\n data_exports: true,\n word_clouds: true,\n results_dashboards: true,\n industry_benchmarks: true,\n\n // Collaboration\n build_together: true,\n survey_sharing_with_editing: true,\n fine_permission_controls: true,\n team_analyze: true,\n shared_templates: true,\n add_reassign_accounts: true,\n\n // Integrations\n free_integrations: true,\n\n // Compliance and Governance\n password_protected: true,\n iso_27001: true,\n accessible: true,\n};\n\nconst TEAM_PREMIER: ComparisonPackageFeatures = {\n // Include everything from team advantage, plus...\n ...TEAM_ADVTANTAGE,\n\n // Support\n phone_support: true,\n\n // Building surveys\n adv_branching_and_piping: true,\n block_randomization: true,\n multilingual_surveys: true,\n\n // Branding and Customization\n remove_footer: true,\n\n // Response Collection\n change_survey_url: true,\n website_redirect: true,\n\n // Analysis\n sentiment_analysis: true,\n crosstabs: true,\n\n // Integrations\n direct_api: true,\n};\n\nconst ENTERPRISE: ComparisonPackageFeatures = {\n // Everything in team premier plus... all the other things\n ...TEAM_PREMIER,\n\n // Support\n customer_success_manager: true,\n\n // Branding and Customization\n custom_subdomain: true,\n custom_email: true, // Also in compliance section\n custom_terms: true, // Also in compliance section\n custom_question_bank: true,\n\n // Response Collection\n sms_offline_collection: true,\n smart_notifications: true,\n hippa_compliance: true,\n\n // Collaboration\n admin_dashboard: true,\n roles_workgroups: true,\n global_settings: true,\n\n // Integrations\n api_limits: true,\n bi_integrations: true,\n\n // Compliance and Governance\n activity_tracking: true,\n single_signon: true,\n account_control: true,\n};\n\n/**\n * This is the list of default options for the summary comparison table.\n * It can be altered/extended for experiments as needed.\n */\nconst SummaryComparisonPackageFeatures: SummaryComparisonPackages = {\n [PACKAGES.TeamAdvantage]: TEAM_ADVTANTAGE,\n [PACKAGES.TeamPremier]: TEAM_PREMIER,\n [PACKAGES.Enterprise]: ENTERPRISE,\n};\n\nexport default SummaryComparisonPackageFeatures;\n","import { ComponentType } from 'react';\nimport { PACKAGES } from './constants';\nimport PACKAGE_FEATURES, { PackageFeatures } from './packageFeatures';\nimport { ComparisonPackageFeatures } from './ComparisonTableTypes';\nimport SummaryComparisonPackageFeatures from './definitions/SummaryComparisonPackageFeatures';\n\nimport {\n EnterprisePackageHeader,\n TeamPackageHeader,\n MonthlyPackageHeader,\n AnnualPackageHeader,\n} from '~pricing/components/Summary';\nimport PackageCta from '~pricing/components/PackageCta';\nimport EnterprisePackageCta from '~pricing/components/EnterprisePackageCta';\n\ntype HeaderRendererProps = {\n packageName: string;\n skuCosts: { skuType: string; cost: number }[];\n details: { displayName: string; label: string };\n ribbonText?: string | boolean | null;\n};\n\ntype FooterRendererProps = {\n packageName: string;\n packageClassName: string;\n small?: boolean;\n};\n\ntype CtaRendererProps = {\n packageName: string;\n packageClassName: string;\n small?: boolean;\n};\n\n/**\n * Package config that defines what is displayed in the upper summary section\n */\nexport type PackageSummary = {\n // The list of features to render in the package summary display\n features: PackageFeatures;\n\n // If the package should be visually highlighted\n highlighted?: boolean;\n\n // The component to render the package summary display footer\n footerRenderer: ComponentType;\n\n // The component to render the package summary display header\n headerRenderer: ComponentType;\n};\n\n/**\n * List of features that a package contains for the comparison table display\n */\nexport type PackageComparison = {\n // The text displayed underneath the package title in the comparison table header\n byline: string;\n\n // Array of features that this package includes\n features: ComparisonPackageFeatures;\n\n // The renderer for the footer CTA\n ctaRenderer: ComponentType;\n};\n\nexport type SummaryPackageConfig = {\n summary: PackageSummary;\n comparison?: PackageComparison;\n};\n\ntype PackageList = {\n [packageId: string]: SummaryPackageConfig;\n};\n\n/**\n * This file contains default rendering configuration for each package that's displayed\n * on the pricing summary page. Each package summary config includes:\n * - `features`: An array of features to render in the package summary\n * - `headerRenderer`: The component to use for the package header.\n * This usually displays price and top CTA.\n * - `footerRenderer`: The component to use for the package footer.\n * This usually contains a CTA and any footnotes for the package\n *\n * Experiments can override these for custom rendering.\n * TODO (mhackmann): Actually allow experiments to override anything\n */\n\nconst SUMMARY_PAGE_RENDERERS: PackageList = Object.freeze({\n // Personal / Individual Packages\n [PACKAGES.StandardMonthly]: {\n summary: {\n features: PACKAGE_FEATURES[PACKAGES.StandardMonthly],\n headerRenderer: MonthlyPackageHeader,\n footerRenderer: PackageCta,\n },\n },\n [PACKAGES.AdvantageAnnual]: {\n summary: {\n features: PACKAGE_FEATURES[PACKAGES.AdvantageAnnual],\n headerRenderer: AnnualPackageHeader,\n footerRenderer: PackageCta,\n highlighted: true,\n },\n },\n [PACKAGES.PremierAnnual]: {\n summary: {\n features: PACKAGE_FEATURES[PACKAGES.PremierAnnual],\n headerRenderer: AnnualPackageHeader,\n footerRenderer: PackageCta,\n },\n },\n\n // Business / Teams Packages\n [PACKAGES.TeamAdvantage]: {\n summary: {\n features: PACKAGE_FEATURES[PACKAGES.TeamAdvantage],\n headerRenderer: TeamPackageHeader,\n footerRenderer: PackageCta,\n },\n comparison: {\n byline: 'Starts at 3 users',\n features: SummaryComparisonPackageFeatures[PACKAGES.TeamAdvantage],\n ctaRenderer: PackageCta,\n },\n },\n [PACKAGES.TeamPremier]: {\n summary: {\n features: PACKAGE_FEATURES[PACKAGES.TeamPremier],\n headerRenderer: TeamPackageHeader,\n footerRenderer: PackageCta,\n },\n comparison: {\n byline: 'Starts at 3 users',\n features: SummaryComparisonPackageFeatures[PACKAGES.TeamPremier],\n ctaRenderer: PackageCta,\n },\n },\n [PACKAGES.Enterprise]: {\n summary: {\n features: PACKAGE_FEATURES[PACKAGES.Enterprise],\n headerRenderer: EnterprisePackageHeader,\n footerRenderer: EnterprisePackageCta,\n },\n comparison: {\n byline: 'For large organizations',\n features: SummaryComparisonPackageFeatures[PACKAGES.Enterprise],\n ctaRenderer: EnterprisePackageCta,\n },\n },\n});\n\nexport default SUMMARY_PAGE_RENDERERS;\n","import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport SUMMARY_PACKAGE_RENDERERS from '~pricing/lib/summaryPackages';\nimport { packageLabelToClassName } from '~pricing/lib/helpers';\nimport { PackagePropTypes, RibbonTextOverridePropType } from '~pricing/lib/proptypes';\n\nimport './package.scss';\n\nconst Package = ({\n details,\n skuCost,\n package: packageName,\n packageRenderers = SUMMARY_PACKAGE_RENDERERS,\n ribbonText = null,\n}) => {\n const packageClassName = packageLabelToClassName(details);\n const {\n summary: { features, headerRenderer: PackageHeader, footerRenderer: PackageFooter },\n } = packageRenderers[packageName];\n\n // Filter out any hidden features. This is the opportunity for an\n // indvidual feature to remove itself from the feature list via\n // whatever logic\n const visibleFeatures = features.filter(feature => !feature.hidden);\n\n return (\n \n \n \n
\n {visibleFeatures.map(feature => {\n return (\n
\n {feature.summaryLine}\n
\n );\n })}\n
\n \n \n \n );\n};\n\nPackage.propTypes = {\n ...PackagePropTypes,\n packageRenderers: PropTypes.objectOf(\n PropTypes.shape({\n summary: PropTypes.shape({\n headerRenderer: PropTypes.func.isRequired,\n footerRenderer: PropTypes.func.isRequired,\n // eslint-disable-next-line react/forbid-prop-types\n features: PropTypes.array.isRequired,\n }),\n })\n ),\n ribbonText: RibbonTextOverridePropType,\n};\n\nPackage.defaultProps = {\n packageRenderers: SUMMARY_PACKAGE_RENDERERS,\n ribbonText: null,\n};\n\nexport default Package;\n","// import translations\n\nconst audienceFeatures = [\n {\n name: 'number_of_survey',\n label: 'Unlimited number of surveys',\n included: true,\n },\n {\n name: 'create_question_limit',\n label: '50 questions per survey',\n included: true,\n },\n {\n name: 'number_of_response',\n label: 'Unlimited responses',\n included: true,\n },\n {\n name: 'email_support',\n label: '24/7 customer support via email',\n included: true,\n },\n {\n name: 'customized_survey',\n label: 'Custom colors & survey URL',\n included: true,\n },\n {\n name: 'analyze_export_enabled',\n label: 'Data exports (CSV, PDF, PPT, XLS)',\n included: true,\n },\n {\n name: 'skip_logic',\n label: 'Skip logic',\n included: true,\n },\n {\n name: 'question_answer_piping',\n label: 'Question & answer piping',\n included: true,\n },\n {\n name: 'file_upload',\n label: 'File upload',\n included: false,\n },\n {\n name: 'create_random_assignment_enabled',\n label: 'A/B test text and images',\n included: true,\n },\n {\n name: 'create_toggle_footer_enabled',\n label: 'Hide SurveyMonkey footer',\n included: true,\n },\n {\n name: 'multilingual',\n label: 'Multilingual surveys',\n included: true,\n },\n];\n\nexport default audienceFeatures;\n","import React from 'react';\n\nexport const EnabledCheckMark = () => {\n return (\n \n );\n};\n\nexport default EnabledCheckMark;\n","import React from 'react';\n\nexport const DisabledCheckMark = () => {\n return (\n \n );\n};\n\nexport default DisabledCheckMark;\n","import React from 'react';\nimport { useLocation } from 'react-router-dom';\nimport { Typography, Button, Container } from '@sm/wds-react';\nimport { ROUTE_CONFIG } from '../PricingNavigation';\nimport audienceFeatures from './config/features';\nimport EnabledCheckMark from './components/EnabledCheckMark';\nimport DisabledCheckMark from './components/DisabledCheckMark';\nimport './audience-footer.scss';\n\nconst getUTSource = currentPath => {\n if (currentPath === ROUTE_CONFIG.teamsPricingPage.path) {\n return ROUTE_CONFIG.teamsPricingPage.queryString.ut_source;\n }\n\n if (currentPath === ROUTE_CONFIG.individualPricingPage.path) {\n return ROUTE_CONFIG.individualPricingPage.queryString.ut_source;\n }\n\n // by default return 'pricing' as ut source\n return 'pricing';\n};\n\nexport const AudienceFooter = () => {\n const currentPath = useLocation().pathname;\n return (\n \n \n \n SurveyMonkey Audience includes access to Paid Features\n \n \n\n \n \n \n Get survey responses from around the world in minutes with\n SurveyMonkey Audience\n \n \n\n \n \n Target the types of people you want to hear from based on specific attributes, like country, gender, age,\n income, employment status, and more.\n \n \n\n \n \n BUY TARGETED RESPONSES\n \n \n\n \n Advanced survey design and analysis features are included in the price of your Audience project.\n \n\n \n {audienceFeatures.map(feature => {\n return (\n \n \n \n \n \n \n \n \n \n \n \n \n {feature.label}\n \n \n );\n })}\n \n \n \n );\n};\n\nexport default AudienceFooter;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Col, Link, Typography } from '@sm/wds-react';\nimport { IconArrowRight } from '@sm/wds-icons';\n\nimport { PACKAGES, MONTHLY_PACKAGES, TEAMS_PACKAGES } from '~pricing/lib/constants';\nimport { PackageListPropTypes } from '~pricing/lib/proptypes';\nimport AudienceFooter from '../AudienceFooter';\n\nimport './summary-footer.scss';\n\nconst FaqQuestion = ({ children }) => (\n \n {children}\n \n);\n\nFaqQuestion.propTypes = {\n children: PropTypes.string.isRequired,\n};\n\nconst FaqAnswer = ({ children }) => (\n \n {children}\n \n);\n\nFaqAnswer.propTypes = {\n children: PropTypes.node.isRequired,\n};\n\nconst SummaryFooter = ({ packages }) => (\n \n);\n\nSummaryFooter.propTypes = {\n packages: PackageListPropTypes.isRequired,\n};\n\nexport default SummaryFooter;\n","import classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nconst ComparisonTable = ({ children, packageCount = 0, className = '' }) => (\n \n {children}\n \n);\n\nComparisonTable.propTypes = {\n children: PropTypes.node.isRequired,\n packageCount: PropTypes.number,\n className: PropTypes.string,\n};\n\nComparisonTable.defaultProps = {\n packageCount: 0,\n className: '',\n};\n\nexport default ComparisonTable;\n","import classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nconst ComparisonTableHeader = ({ children, className = '' }) => (\n \n
{children}
\n \n);\n\nComparisonTableHeader.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n};\n\nComparisonTableHeader.defaultProps = {\n className: '',\n};\n\nexport default ComparisonTableHeader;\n","import classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport React from 'react';\n\nconst ComparisonTableHeaderCell = ({ children, a11yId, className = '' }) => (\n \n {children}\n \n);\n\nComparisonTableHeaderCell.propTypes = {\n children: PropTypes.node.isRequired,\n a11yId: PropTypes.string.isRequired,\n className: PropTypes.string,\n};\n\nComparisonTableHeaderCell.defaultProps = {\n className: '',\n};\n\nexport default ComparisonTableHeaderCell;\n","import classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport React, { useState } from 'react';\nimport { IconChevronDown, IconChevronUp } from '@sm/wds-icons';\n\nimport { PackageListPropTypes } from '~pricing/lib/proptypes';\n\nconst ComparisonTableCategory = ({ children, title, a11yId, packages = [], opened = false, className = '' }) => {\n const [open, setOpen] = useState(opened);\n const a11yButtonText = `Toggle list of features ${open ? 'closed' : 'open'}`;\n const ChevronIcon = open ? IconChevronDown : IconChevronUp;\n\n return (\n \n
\n );\n};\n\nexport default NavBar;\n","import React from 'react';\n\nimport { SkeletonLoader } from '@sm/webassets';\nimport { ProgressCircle } from '@sm/wds-react';\n\nimport './ucs-module-loaders.scss';\n\nconst TopBarSkeleton = () => (\n
\n \n
\n);\n\nconst DefaultLoader = () => (\n
\n \n
\n);\n\nconst MODULE_SKELETONS = {\n top_bar: TopBarSkeleton,\n};\n\nexport default DefaultLoader;\nexport { MODULE_SKELETONS };\n","import React, { Component } from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\n\nimport { ErrorBoundary, clientErrorHandler } from '@sm/webassets';\n\nimport { sanitizeString } from '@sm/utils';\nimport DefaultLoader, { MODULE_SKELETONS } from './UCSModuleLoaders';\n\nconst UCS_CONTAINER_ID_PREFIX = 'ucs-content';\n\n// TODO: this component is a duplicate of UCSModule from coreweb and\n// will need to be moved somewhere common\nclass UCSModule extends Component {\n static propTypes = {\n className: PropTypes.string,\n moduleName: PropTypes.string,\n customLoader: PropTypes.node,\n };\n\n static defaultProps = {\n moduleName: null,\n className: null,\n customLoader: null,\n };\n\n state = {\n data: {\n moduleHTML: null,\n },\n loading: true,\n error: false,\n };\n\n componentDidMount() {\n this._isMounted = true;\n this.getModuleHTML();\n }\n\n componentWillUnmount() {\n this._isMounted = false;\n }\n\n getPreloadedModule() {\n const { moduleName } = this.props;\n const moduleContainer = document.getElementById(`${UCS_CONTAINER_ID_PREFIX}-${moduleName}`);\n if (moduleContainer) {\n moduleContainer.remove();\n return moduleContainer.textContent;\n }\n return null;\n }\n\n async getModuleHTML() {\n const reFetchFailed = () => {\n this.setState({\n loading: false,\n error: true,\n });\n };\n\n let moduleHTML = this.getPreloadedModule();\n if (!moduleHTML) {\n try {\n moduleHTML = await this.reFetchModule();\n if (!this._isMounted) {\n return null;\n }\n } catch (error) {\n if (!this._isMounted) {\n return null;\n }\n clientErrorHandler.logError(error, 'ucsFetchFailure');\n return reFetchFailed();\n }\n }\n\n if (moduleHTML === null) {\n return reFetchFailed();\n }\n\n return this.setState({\n data: { moduleHTML },\n loading: false,\n error: false,\n });\n }\n\n async reFetchModule() {\n const { moduleName } = this.props;\n const moduleContent = await fetch(`/content/api/ucs/${moduleName}/html`, {\n credentials: 'include',\n });\n const moduleJson = await moduleContent.json();\n return moduleJson.html;\n }\n\n renderLoadingState = () => {\n const { customLoader, moduleName } = this.props;\n const ModuleLoader = MODULE_SKELETONS[moduleName];\n\n if (customLoader) {\n return customLoader;\n }\n\n if (ModuleLoader) {\n return ;\n }\n\n return ;\n };\n\n render() {\n const { className } = this.props;\n const { data, loading, error } = this.state;\n // fail silently\n const errorComponent = null;\n\n const classNames = classnames('sm-ucs-module__content-container', className);\n\n return (\n \n {this.renderLoadingState()}\n {errorComponent}\n \n \n \n \n );\n }\n}\n\nconst BoundUCSModule = props => (\n \n \n \n);\n\nexport default BoundUCSModule;\n","/**\n * Get the canonical URL for the current page\n * @returns {canonicalUrl} string\n */\nexport default function getCanonicalUrlOrNoIndex(subdomain, domain, tld, url) {\n let path = '';\n let noIndex = false;\n let canonicalUrl = '';\n\n if (subdomain !== 'www' || tld !== 'com') {\n noIndex = true;\n } else {\n if (typeof window !== 'undefined') {\n path = window.location.pathname;\n } else {\n path = url.indexOf('?') > -1 ? url.substr(0, url.indexOf('?')) : url;\n }\n\n if (path.substr(-1) !== '/') {\n path += '/';\n }\n\n canonicalUrl = `https://${subdomain}.${domain}.${tld}${path}`;\n }\n\n return { noIndex, canonicalUrl };\n}\n","export default function switchAccountsUrl(pathname, search) {\n const epParam = `ep=${encodeURIComponent(pathname + search)}`;\n const sep = search ? '&' : '?';\n return `/user/account/select${search}${sep}${epParam}`;\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withRouter } from 'react-router-dom';\n\nimport { Typography, Menu, MenuItem, Button } from '@sm/wds-react';\nimport { IconCaretDown } from '@sm/wds-icons';\nimport { Logo } from '@sm/webassets';\nimport { defineMessages, T } from '@sm/intl';\n// LinkWithSearch should be used so it will keep any existing query arguments present in the url (needed for ut_source)\nimport LinkWithSearch from '../LinkWithSearch';\nimport switchAccountsUrl from './switchAccountsUrl';\n\nconst COPY = defineMessages({\n NAV_MY_ACCOUNT: {\n id: 'AppsDirectory.AppDirNavHeaderDesktop.MyAccountLink',\n defaultMessage: 'My Account',\n description: '[Type: Link][Vis.: Low] - A link that will direct the user to their profile page',\n },\n NAV_SWITCH_ACCOUNTS: {\n id: 'AppsDirectory.AppDirNavHeaderDesktop.SwitchAccountsLink',\n defaultMessage: 'Switch accounts',\n description: '[Type: Label][Vis.: high] - A link that will direct the user to the switch accounts page',\n },\n NAV_HELP_CENTER: {\n id: 'AppsDirectory.AppDirNavHeaderDesktop.HelpCenterLink',\n defaultMessage: 'Help Center',\n description: '[Type: Link][Vis.: Low] - A link that will direct the user to the help center page',\n },\n NAV_SIGN_OUT: {\n id: 'AppsDirectory.AppDirNavHeaderDesktop.SignOutLink',\n defaultMessage: 'Sign Out',\n description: '[Type: Link][Vis.: Low] - A link that will sign the user out',\n },\n NAV_SIGN_IN: {\n id: 'AppsDirectory.AppDirNavHeaderDesktop.SignInLink',\n defaultMessage: 'Sign In',\n description: '[Type: Link][Vis.: Low] - A link that will direct the user to the sign in page',\n },\n NAV_SIGN_UP: {\n id: 'AppsDirectory.AppDirNavHeaderDesktop.SignUpLink',\n defaultMessage: 'Sign Up',\n description: '[Type: Link][Vis.: Low] - A link that will direct the user to the sign up page',\n },\n});\n\nconst AppDirNavHeaderDesktop = ({\n navItems,\n shouldDisplayNavItem,\n isAuthenticated,\n username,\n showSwitchAccounts,\n location: { pathname, search },\n}) => {\n return (\n
\n \n \n \n App Directory\n \n \n
\n \n
\n \n \n
\n \n {username}\n \n
\n }\n >\n \n \n \n \n \n \n \n \n \n
\n \n \n
\n \n \n
\n \n \n \n );\n};\n\nAppDirNavHeaderDesktop.propTypes = {\n navItems: PropTypes.arrayOf(\n PropTypes.shape({\n target: PropTypes.string.isRequired,\n text: PropTypes.node.isRequired,\n requiresAuthentication: PropTypes.bool,\n })\n ).isRequired,\n shouldDisplayNavItem: PropTypes.func.isRequired,\n isAuthenticated: PropTypes.bool.isRequired,\n username: PropTypes.string.isRequired,\n location: PropTypes.shape({\n pathname: PropTypes.string,\n search: PropTypes.string,\n }).isRequired,\n showSwitchAccounts: PropTypes.bool,\n};\n\nAppDirNavHeaderDesktop.defaultProps = {\n showSwitchAccounts: false,\n};\n\nexport default withRouter(AppDirNavHeaderDesktop);\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withRouter } from 'react-router-dom';\n\nimport { Menu, MenuGroup, MenuItem } from '@sm/wds-react';\nimport { IconMenu, IconLogoGoldie } from '@sm/wds-icons';\nimport { defineMessages, T } from '@sm/intl';\nimport switchAccountsUrl from './switchAccountsUrl';\n\nconst COPY = defineMessages({\n NAV_MY_ACCOUNT: {\n id: 'AppsDirectory.AppDirNavHeaderMobile.MyAccountLink',\n defaultMessage: 'My Account',\n description: '[Type: Link][Vis.: Low] - A link that will direct the user to their profile page',\n },\n NAV_SWITCH_ACCOUNTS: {\n id: 'AppsDirectory.AppDirNavHeaderMobile.SwitchAccountsLink',\n defaultMessage: 'Switch accounts',\n description: '[Type: Label][Vis.: high] - A link that will direct the user to the switch accounts page',\n },\n NAV_HELP_CENTER: {\n id: 'AppsDirectory.AppDirNavHeaderMobile.HelpCenterLink',\n defaultMessage: 'Help Center',\n description: '[Type: Link][Vis.: Low] - A link that will direct the user to the help center page',\n },\n NAV_SIGN_OUT: {\n id: 'AppsDirectory.AppDirNavHeaderMobile.SignOutLink',\n defaultMessage: 'Sign Out',\n description: '[Type: Link][Vis.: Low] - A link that will sign the user out',\n },\n NAV_SIGN_IN: {\n id: 'AppsDirectory.AppDirNavHeaderMobile.SignInLink',\n defaultMessage: 'Sign In',\n description: '[Type: Link][Vis.: Low] - A link that will direct the user to the sign in page',\n },\n NAV_SIGN_UP: {\n id: 'AppsDirectory.AppDirNavHeaderMobile.SignUpLink',\n defaultMessage: 'Sign Up',\n description: '[Type: Link][Vis.: Low] - A link that will direct the user to the sign up page',\n },\n});\n\nfunction urlWithSearch(url, search) {\n return `${url}${search}`;\n}\n\nconst AppDirNavHeaderMobile = ({\n isAuthenticated,\n navItems,\n shouldDisplayNavItem,\n showSwitchAccounts,\n location: { pathname, search },\n}) => {\n const authorizedMenuItems = navItems.filter(shouldDisplayNavItem).map(nav => (\n // The query params need to be preserved between urls (needed for ut_source)\n \n ));\n return (\n
\n \n \n \n \n \n
\n \n \n \n \n
\n }\n >\n {authorizedMenuItems}\n \n {/* fragment below is a workaround for https://code.corp.surveymonkey.com/wrench/wds/issues/904 */}\n <>\n \n \n \n \n \n \n \n \n \n
\n \n \n
\n \n \n \n \n
\n }\n >\n {authorizedMenuItems}\n \n \n \n \n \n \n \n );\n};\n\nAppDirNavHeaderMobile.propTypes = {\n navItems: PropTypes.arrayOf(\n PropTypes.shape({\n target: PropTypes.string.isRequired,\n text: PropTypes.node.isRequired,\n requiresAuthentication: PropTypes.bool,\n })\n ).isRequired,\n shouldDisplayNavItem: PropTypes.func.isRequired,\n isAuthenticated: PropTypes.bool.isRequired,\n location: PropTypes.shape({\n pathname: PropTypes.string,\n search: PropTypes.string,\n }).isRequired,\n showSwitchAccounts: PropTypes.bool,\n};\n\nAppDirNavHeaderMobile.defaultProps = {\n showSwitchAccounts: false,\n};\n\nexport default withRouter(AppDirNavHeaderMobile);\n","import React, { useContext } from 'react';\nimport { Query } from '@apollo/react-components';\n\nimport { DesktopScreen, MobileTabletScreen, StaticContext } from '@sm/webassets';\nimport { defineMessages, T } from '@sm/intl';\nimport { getClientEnvironmentDetails } from '@sm/utils';\n\nimport AppDirNavHeaderDesktop from './AppDirNavHeaderDesktop';\nimport AppDirNavHeaderMobile from './AppDirNavHeaderMobile';\nimport userDropDownQuery from './AppDirNavHeader.graphql';\n\nimport './app-dir-nav-header.scss';\n\nexport const COPY = defineMessages({\n NAV_EXPLORE: {\n id: 'AppsDirectory.AppDirNavHeader.ExploreLink',\n defaultMessage: 'Explore',\n description:\n '[Type: Link][Vis.: High] - A link that will direct the user to initial page of the app directory site',\n },\n NAV_MANAGE: {\n id: 'AppsDirectory.AppDirNavHeader.ManageLink',\n defaultMessage: 'Manage',\n description:\n '[Type: Link][Vis.: High] - A link that will direct the user their installed apps and will be able to manage them',\n },\n NAV_DEVELOP: {\n id: 'AppsDirectory.AppDirNavHeader.DevelopLink',\n defaultMessage: 'Develop',\n description: '[Type: Link][Vis.: High] - A link that will direct the user to the developer portal',\n },\n NAV_PARTNER: {\n id: 'AppsDirectory.AppDirNavHeader.PartnerLink',\n defaultMessage: 'Partner',\n description: '[Type: Link][Vis.: High] - A link that will direct the user to the partner form page',\n },\n});\n\nexport const subdomainUri = (altdomain, domain, subdomain, tld) => {\n if (subdomain !== 'www') {\n return `https://${altdomain}.${subdomain}.${domain}.${tld}`;\n }\n return `https://${altdomain}.${domain}.${tld}`;\n};\n\nconst navigationItems = ({ domain, subdomain, tld }) => [\n { target: '/apps', text: },\n {\n target: '/apps/my-apps',\n text: ,\n requiresAuthentication: true,\n },\n {\n target: subdomainUri('developer', domain, subdomain, tld),\n text: ,\n },\n {\n target: 'https://www.surveymonkey.com/mp/partner-program/',\n text: ,\n },\n];\n\nexport function shouldDisplayNavItem(user, nav) {\n return !nav.requiresAuthentication || (nav.requiresAuthentication && user.isAuthenticated);\n}\n\nconst AppDirNavHeader = () => {\n const { user, environment } = useContext(StaticContext);\n const { userAgent } = useContext(StaticContext);\n const { isDesktop } = getClientEnvironmentDetails(userAgent);\n return (\n \n {({ data }) => {\n const hasMultipleLinkedIdentities = data?.user?.linkedIdentities?.totalCount > 0;\n return (\n <>\n \n
\n );\n};\n\nexport default Home;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Typography } from '@sm/wds-react';\nimport AppPlaceHolderImg from '../../static/images/app-placeholder.png';\n// LinkWithSearch should be used so it will keep any existing query arguments present in the url (needed for ut_source)\nimport AppLink from '../AppLink';\n\nimport './app-listing-list.scss';\n\nconst AppListingList = ({ title, apps }) => (\n <>\n \n {title}\n \n\n
\n {`${label}:`}\n {/* The query params need to be preserved between urls (needed for ut_source) */}\n \n \n {linkLabel}\n \n \n
\n
\n);\n\nexport default AppDetailsItem;\n","import React, { useState, useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { useQuery } from 'react-apollo';\nimport ReactGA from 'react-ga';\n\nimport { defineMessages, substitute } from '@sm/intl';\nimport {\n BasePage,\n Helmet,\n StaticContext,\n ErrorCard,\n DesktopScreen,\n MobileScreen,\n FourOhFourError,\n} from '@sm/webassets';\nimport { Grid, Row, Col, Typography, Banner, Button, Card, Tabs, Tab } from '@sm/wds-react';\nimport {\n IconTag,\n IconEmail,\n IconGlobe,\n IconLock,\n IconLogoWhatsApp,\n IconMegaphone,\n IconNews,\n IconCheck,\n IconGear,\n IconUserFilled,\n} from '@sm/wds-icons';\nimport { sanitizeString, getClientEnvironmentDetails } from '@sm/utils';\nimport { MetricsTracker, generateMetricsAttribute, USER_EVENTS } from '@sm/metrics';\n\nimport AppDirectoryAppDetailsSkeleton from './AppDirectoryAppDetailsSkeleton';\n\nimport './app-directory-app-details.scss';\nimport publishedApplicationListingDetails from './published-application-listing-details.graphql';\nimport previewApplicationListingDetails from './preview-application-listing-details.graphql';\nimport RemoveApp from '../../components/RemoveApp';\nimport AppPlaceHolderImg from '../../static/images/app-placeholder.png';\n\nimport UCSModule from '../../components/UCSModule';\nimport getCanonicalUrlOrNoIndex from '~app/helpers/getCanonicalUrlOrNoIndex';\nimport MediaCarousel from './MediaCarousel';\nimport AppDetailsItem from './AppDetailsItem';\nimport ModernHeader from '../../components/ModernHeader';\n\nconst COPY = defineMessages({\n APP_DETAILS_HEADER: {\n id: 'Details.AppDetails',\n defaultMessage: 'App Details',\n description: '[Type: Header][Vis.: low] - A header preceding the full description of the current app',\n },\n REQUIRED_ACCESS_LABEL: {\n id: 'Details.RequiredAccess',\n defaultMessage: 'This app will require access to:',\n description:\n '[Type: Label][Vis.: low] - A label preceding a list of requirements before the current application could be installed',\n },\n REQUIRED_ACCOUNT_LABEL: {\n id: 'Details.RequiredAccount',\n defaultMessage: 'This app will require an additional {accountType} account:',\n description:\n '[Type: Label][Vis.: low] - A label preceding a description of an external account required by the app',\n },\n INSTALLED_LABEL: {\n id: 'Details.Installed',\n defaultMessage: 'Installed',\n description:\n '[Type: Label][Vis.: low] - A label indicating that the user has the current visible application installed',\n },\n INSTALL_LABEL: {\n id: 'Details.Install',\n defaultMessage: 'Install',\n description:\n '[Type: Label][Vis.: low] - A link/button that will redirect the user to the install page for the current app',\n },\n VISIT_SITE_LABEL: {\n id: 'Details.VisitSite',\n defaultMessage: 'Visit Site',\n description:\n '[Type: Link][Vis.: med] - A link/button that will redirect the user to the site of the application they are trying to install',\n },\n LAUNCH_LABEL: {\n id: 'Details.Launch',\n defaultMessage: 'Launch',\n description:\n '[Type: Link][Vis.: med] - A link/button that will redirect the user to the current visible application',\n },\n UPGRADE_LABEL: {\n id: 'Details.Upgrade',\n defaultMessage: 'Upgrade',\n description:\n '[Type: Link][Vis.: med] - A link/button that will redirect the user to the upgrade page for the visible application',\n },\n REMOVE_APP: {\n id: 'Details.RemoveApp',\n defaultMessage: 'Remove App',\n description:\n '[Type: Link][Vis.: low] - A link/button that will open a dialog requesting the user to confirm the removal of the current app',\n },\n});\n\nfunction getLangFromUrl(search) {\n return new URLSearchParams(search).get('lang') || 'en';\n}\n\nconst AppDirectoryAppDetails = ({\n match: {\n params: { appId },\n },\n location: { search, pathname },\n preview,\n}) => {\n const [selectedTab, setSelectedTab] = useState(0);\n const [pageTracked, setPageTracked] = useState(false);\n const [googleTracked, setGoogleTracked] = useState(false);\n const { userAgent, user } = useContext(StaticContext);\n const { isDesktop } = getClientEnvironmentDetails(userAgent);\n const {\n environment: { subdomain, domain, tld },\n url,\n } = useContext(StaticContext);\n const language = getLangFromUrl(search);\n const { noIndex, canonicalUrl } = getCanonicalUrlOrNoIndex(subdomain, domain, tld, url);\n const onCompleted = appDetails => {\n if (appDetails && appDetails.details.googleAnalyticsTrackingId && !googleTracked) {\n const trackerName = 'app-dir-details-pageview';\n ReactGA.initialize(appDetails.details.googleAnalyticsTrackingId, {\n name: trackerName, // this is tracker name in case there are other trackers on the page\n });\n ReactGA.pageview(pathname, [trackerName]);\n setGoogleTracked(true);\n }\n\n if (appDetails && !pageTracked) {\n MetricsTracker.track({\n name: USER_EVENTS.COMPONENT_ADD,\n data: {\n actionFlow: 'browsing',\n actionType: 'app_details.page_view',\n appId: appDetails.id,\n appName: appDetails.name,\n },\n });\n setPageTracked(true);\n }\n };\n\n const getAppDetails = (data = {}) =>\n preview ? data.previewApplicationListingDetails : data.publishedApplicationListingDetails;\n\n const {\n loading,\n error,\n refetch,\n data: queryData = {},\n } = useQuery(preview ? previewApplicationListingDetails : publishedApplicationListingDetails, {\n variables: { language, appId },\n onCompleted: (data = {}) => onCompleted(getAppDetails(data)),\n });\n const appDetails = getAppDetails(queryData);\n\n return (\n \n \n \n } />\n \n\n \n \n \n \n \n \n \n \n
\n \n {products.map((product, idx) => (\n \n ))}\n \n \n \n \n \n \n \n \n \n);\n\nProductCategory.propTypes = {\n title: PropTypes.string.isRequired,\n products: PropTypes.arrayOf(productPropType).isRequired,\n description: PropTypes.string.isRequired,\n first: PropTypes.bool.isRequired,\n anchor: PropTypes.string.isRequired,\n};\n\nexport default ProductCategory;\n","import React from 'react';\nimport { Grid, Row, Col, Button, Typography } from '@sm/wds-react';\nimport { TabletScreen, DesktopScreen, MobileScreen } from '@sm/webassets';\nimport { T } from '@sm/intl';\n\nimport { getLinkGenerator } from '../../helpers/logging';\nimport expertsImage from './experts.png';\nimport './here-to-help.scss';\n\nexport const COPY = {\n title: {\n id: 'mrx.HereToHelp.title',\n defaultMessage: 'Expert help for your market research program',\n description:\n '[Type: Header][Vis: med] - Title of a section of the market research experience page where we explain our customer support',\n },\n description1: {\n id: 'mrx.HereToHelp.description1',\n defaultMessage:\n 'Looking for an online panel to pinpoint hard-to-reach groups? Need to get a market research survey translated into Spanish? ' +\n 'Want reassurance that your survey logic is set up correctly? We have you covered with support and services that scale to meet your needs.',\n description: '[Type: Paragraph][Vis: med] - Description of our market research customer support',\n },\n description2: {\n id: 'mrx.HereToHelp.description2',\n defaultMessage: 'Choose from bundled or pay-as-you-go market research services.',\n description: '[Type: Paragraph][Vis: med] - Description of our market research customer support',\n },\n learnMore: {\n id: 'mrx.HereToHelp.learnMore',\n defaultMessage: 'Learn more',\n description: '[Type: Link][Vis: med] - Link to learn more about our market research solutions',\n },\n};\n\nexport const TEST_ID = 'HereToHelp';\n\nconst getLink = getLinkGenerator({\n ut_source: 'market_research',\n ut_source2: 'solutions',\n ut_source3: 'sm-button',\n});\n\nconst getBodySection = isMobile => (\n
\n
\n \n \n \n \n \n \n \n \n \n \n \n \n
\n \n);\n\nconst HereToHelp = () => (\n \n \n \n
\n \n \n {getBodySection(false)}\n \n
\n \n \n \n \n {getBodySection(true)}\n \n
\n \n \n \n \n \n);\n\nexport default HereToHelp;\n","import { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\n\nexport const BREAK_POINT = Object.freeze({\n MD: 768,\n LG: 1200,\n XL: 1400,\n});\n\nexport const SCREEN = Object.freeze({\n MOBILE: `(max-width: ${BREAK_POINT.MD - 1}px)`,\n TABLET: `(min-width: ${BREAK_POINT.MD}px)`,\n MOBILE_TABLET: `(max-width: ${BREAK_POINT.LG - 1}px)`,\n SMALL_DESKTOP: `(min-width: ${BREAK_POINT.LG}px) and (max-width: ${BREAK_POINT.XL - 1}px)`,\n LARGE_DESKTOP: `(min-width: ${BREAK_POINT.XL}px)`,\n DESKTOP: `(min-width: ${BREAK_POINT.LG}px)`,\n});\n\nconst CustomScreen = ({ screen, children }) => {\n const m = window.matchMedia(screen);\n const [matches, setMatches] = useState(m.matches);\n useEffect(() => {\n const listenerArgs = [\n 'resize',\n () => {\n const doesMatch = window.matchMedia(screen).matches;\n if (matches !== doesMatch) setMatches(doesMatch);\n },\n ];\n window.addEventListener(...listenerArgs);\n return () => window.removeEventListener(...listenerArgs);\n });\n return matches ? children : null;\n};\n\nCustomScreen.propTypes = {\n screen: PropTypes.string.isRequired,\n children: PropTypes.node,\n};\n\nCustomScreen.defaultProps = {\n children: null,\n};\n\nexport default CustomScreen;\n","import { t } from '@sm/intl';\n\nconst COPY = {\n allbirds: {\n id: 'mrx.getLocalizedLogos.allbirds',\n defaultMessage: 'Allbirds company logo',\n description: '[Type: Label][Vis: low] - Labels Allbirds logo',\n },\n ibm: {\n id: 'mrx.getLocalizedLogos.ibm',\n defaultMessage: 'IBM company logo',\n description: '[Type: Label][Vis: low] - Labels IBM company logo',\n },\n just: {\n id: 'mrx.getLocalizedLogos.just',\n defaultMessage: 'JUST company logo',\n description: '[Type: Label][Vis: low] - Labels JUST company logo',\n },\n rj: {\n id: 'mrx.getLocalizedLogos.rj',\n defaultMessage: 'Raymond James company logo',\n description: '[Type: Label][Vis: low] - Labels Raymond James company logo',\n },\n tweezerman: {\n id: 'mrx.getLocalizedLogos.tweezerman',\n defaultMessage: 'Tweezerman company logo',\n description: '[Type: Label][Vis: low] - Labels Tweezerman company logo',\n },\n};\n\nconst _getImage = (imgName, useBig) =>\n useBig ? import(`./images/${imgName}--lg.png`) : import(`./images/${imgName}.png`);\n\nconst getLocalizedLogos = async (locale = 'en_US', size = 'lg') => {\n const useBig = size === 'lg';\n const getImage = async imgName => (await _getImage(imgName, useBig)).default;\n\n if (locale === 'en_US') {\n return [\n {\n id: 'ibmLogo',\n name: t(COPY.ibm),\n image: await getImage('ibm_logo'),\n },\n {\n id: 'tweezermanLogo',\n name: t(COPY.tweezerman),\n image: await getImage('tweezerman_logo'),\n },\n\n {\n id: 'justLogo',\n name: t(COPY.just),\n image: await getImage('just_logo'),\n },\n {\n id: 'raymondJamesLogo',\n name: t(COPY.rj),\n image: await getImage('rj_logo'),\n },\n {\n id: 'allbirdsLogo',\n name: t(COPY.allbirds),\n image: await getImage('allbirds_logo'),\n },\n ];\n }\n return [];\n};\n\nexport default getLocalizedLogos;\n","import React, { useState, useEffect } from 'react';\nimport classnames from 'classnames';\n\nimport { Grid, Row, Col, Typography } from '@sm/wds-react';\nimport { DesktopScreen } from '@sm/webassets';\nimport { T } from '@sm/intl';\n\nimport useBrowser, { BROWSER } from '../../helpers/useBrowser';\nimport { SCREEN } from '../../sharedComponents/CustomScreen';\nimport getLocalizedLogos from './getLocalizedLogos';\nimport './used-in-orgs.scss';\n\nexport const COPY = {\n title: {\n id: 'mrx.UsedInOrgs.title',\n defaultMessage: 'Leading brands use SurveyMonkey for market research',\n description:\n '[Type: Header][Vis: med] - Title of the section of the market research hub where we show companies that use our products',\n },\n};\n\nexport const TEST_ID = 'UsedInOrgs';\n\nconst UsedInOrgs = () => {\n const [logos, setLogos] = useState(null);\n const [screenSize, setScreenSize] = useState('lg');\n useEffect(() => {\n const listenerArgs = [\n 'resize',\n () => {\n const isMobileTablet = window.matchMedia(SCREEN.MOBILE).matches;\n if (isMobileTablet && screenSize !== 'sm') setScreenSize('sm');\n else if (screenSize !== 'lg') setScreenSize('lg');\n },\n ];\n window.addEventListener(...listenerArgs);\n getLocalizedLogos('en_US', screenSize).then(data => setLogos(data));\n return () => window.removeEventListener(...listenerArgs);\n }, [screenSize]);\n const isIE = useBrowser() === BROWSER.IE;\n return (\n \n \n \n
\n \n
\n \n \n \n \n \n
\n \n \n \n \n {logos.map(logo => (\n \n \n \n ))}\n \n \n \n );\n};\n\nexport default UsedInOrgs;\n","import { FILTER_KEY } from '../enums';\n\nconst FILTERS = Object.freeze({\n [FILTER_KEY.CATEGORY]: (products, filterValues) =>\n Object.keys(products).reduce((prod, productCategory) => {\n if (filterValues.includes(productCategory)) return { ...prod, [productCategory]: products[productCategory] };\n return prod;\n }, {}),\n});\n\nexport const getFilterParamsFromUrlLocation = location => {\n if (!location) return {};\n const searchParams = new URLSearchParams(location.search);\n const filterParams = {};\n const validFilterKeys = Object.values(FILTER_KEY);\n searchParams.forEach((value, key) => {\n if (validFilterKeys.includes(key) && value) {\n filterParams[key] = value.split(',').map(x => x.trim());\n }\n });\n return filterParams;\n};\n\nconst filterProducts = (products, filterParams) => {\n return Object.keys(filterParams).reduce(\n (prod, filterKey) => FILTERS[filterKey](prod, filterParams[filterKey]),\n products\n );\n};\n\nexport default filterProducts;\n","/**\n * Helper class for making queries that depend on each other or for groups of\n * queries that all need to resolve before taking an action. Just cleans up\n * all of the '.then' statements needed for that kind of thing.\n */\n\nexport default class SynchronousQueryStream {\n constructor(apolloClient) {\n this.client = apolloClient;\n this.actions = [];\n this.catchHandlers = [];\n this.ctx = {};\n }\n\n /**\n * Basically a pass-through to the Apollo client.query\n */\n query = args => {\n this.actions.push(() => this.client.query(args));\n return this;\n };\n\n /**\n * Takes the result of the previous chained action and adds it to the collected\n * context\n */\n resolveToContext = () => {\n this.actions.push(data => {\n this.ctx = { ...this.ctx, ...data };\n });\n return this;\n };\n\n /**\n * Does basically the same thing as resolveToContext but destructures the\n * query result for you.\n */\n resolveQueryResultToContext = () => {\n this.actions.push(data => {\n this.ctx = { ...this.ctx, ...data.data };\n });\n return this;\n };\n\n /**\n * You get the result of the previous chained command and the context and the\n * result is transformed for the next chained command.\n */\n map = handler => {\n this.actions.push(handler);\n return this;\n };\n\n /**\n * You get the result of the previous chained command and the context but\n * this doesn't expect a return value and just passes the previous result\n * through to the next command.\n */\n peek = handler => {\n this.actions.push((...args) => {\n handler(...args);\n return args;\n });\n return this;\n };\n\n /**\n * This is a non-blocking catch that catches any error that has occurred since\n * the last catch. If this error isn't thrown, the return value of the handler\n * is passed to the next chained command after the catch.\n */\n catch = handler => {\n const startIdx = this.catchHandlers.length ? this.catchHandlers[this.catchHandlers.length - 1].range[0] : 0;\n this.catchHandlers.push({\n range: [startIdx, this.actions.length],\n handler,\n });\n return this;\n };\n\n /**\n * The commands will not be executed unless this is put at the end. This is\n * the final command that executes the chain of commands. Takes a handler that\n * will be passed the final result value as well as the final context value.\n */\n collect = async handler => {\n let result;\n for (let i = 0; i < this.actions.length; i += 1) {\n try {\n // eslint-disable-next-line no-await-in-loop\n result = await this.actions[i](result, this.ctx);\n } catch (err) {\n let handled = false;\n for (let j = 0; j < this.catchHandlers.length; j += 1) {\n const catchHandler = this.catchHandlers[j];\n if (i >= catchHandler.range[0] && i < catchHandler.range[1]) {\n result = catchHandler.handler(err, result, this.ctx);\n handled = true;\n // eslint-disable-next-line prefer-destructuring\n i = catchHandler.range[1];\n break;\n }\n }\n if (!handled) throw err;\n }\n }\n\n handler(result, this.ctx);\n };\n}\n","import React, { useState, useEffect, useContext, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { withRouter } from 'react-router-dom';\nimport { withApollo } from 'react-apollo';\n\nimport { StaticContext, FiveHundredError } from '@sm/webassets';\nimport { Grid, Row, Col, ProgressCircle } from '@sm/wds-react';\nimport { t } from '@sm/intl';\n\nimport MRXPage from '../MRXPage';\nimport MRXHeader from './MRXHeader';\nimport ProductCategory from './ProductCategory';\nimport HereToHelp from './HereToHelp';\nimport UsedInOrgs from './UsedInOrgs';\nimport { modules as modulesQuery, user as userQuery } from './solutions.graphql';\nimport { PRODUCT_CATEGORY } from '../enums';\nimport filterProducts, { getFilterParamsFromUrlLocation } from './filter';\nimport { productCategoryPropType } from '../propTypes';\nimport getLogger, { LOGGER_NAME, getLinkGenerator } from '../helpers/logging';\nimport SynchronousQueryStream from '../helpers/SynchronousQueryStream';\n\nimport audienceImage from './audience-image.png';\nimport './mrx-solutions.scss';\n\nexport const COPY = {\n audiencePanel: {\n id: 'mrx.Solutions.audiencePanel',\n defaultMessage: 'Global survey panel',\n description: '[Type: Header][Vis: med] - Title of the Audience panel product solutions category',\n },\n expertSolutions: {\n id: 'mrx.Solutions.expertSolutions',\n defaultMessage: 'Expert solutions',\n description: '[Type: Header][Vis: med] - Title of the market research ready-made solutions category',\n },\n audiencePanelDescription: {\n id: 'mrx.Solutions.audiencePanelDescription',\n defaultMessage:\n 'Run your own global market research in minutes. Design a custom survey in the SurveyMonkey platform, ' +\n 'launch to your target audience, and receive real-time results.',\n description: '[Type: Paragraph][Vis: med] - Description of the Audience panel category of products',\n },\n expertSolutionsDescription: {\n id: 'mrx.Solutions.expertSolutionsDescription',\n defaultMessage:\n 'Get powerful insights without doing a single calculation. Customize your study using our built-in expert methodology, ' +\n 'launch to your target audience, and receive presentation-ready reports automatically.',\n description: '[Type: Paragraph][Vis: med] - Description of the market research ready-made category of products',\n },\n getStarted: {\n id: 'mrx.Solutions.getStarted',\n defaultMessage: 'Get started',\n description: '[Type: Link][Vis: med] - CTA for user to try out a market research product',\n },\n learnMore: {\n id: 'mrx.Solutions.learnMore',\n defaultMessage: 'Learn more',\n description: '[Type: Link][Vis: med] - CTA for user to learn more about a market research product',\n },\n contactUs: {\n id: 'mrx.Solutions.contactUs',\n defaultMessage: 'Contact us',\n description: '[Type: Link][Vis: med] - CTA for user to contact our support team about a market research product',\n },\n tryItNow: {\n id: 'mrx.Solutions.tryItNow',\n defaultMessage: 'Try it now',\n description: '[Type: Link][Vis: med] - CTA for user to contact our support team about a market research product',\n },\n surveyMonkeyAudience: {\n id: 'mrx.Solutions.surveyMonkeyAudience',\n defaultMessage: 'SurveyMonkey Audience',\n description: '[Type: Header][Vis: med] - Title of the Audience product',\n },\n surveyMonkeyAudienceDescription: {\n id: 'mrx.Solutions.surveyMonkeyAudienceDescription',\n defaultMessage:\n 'Find people who fit your criteria from our global panel of respondents. Select region, age, gender, income, and more.',\n description: '[Type: Paragraph][Vis: med] - Description of the Audience product',\n },\n};\n\nconst logger = getLogger(LOGGER_NAME.SOLUTIONS);\nconst biLogger = getLogger(LOGGER_NAME.BI_MARKETPLACE_MODAL);\nconst getLink = getLinkGenerator({\n ut_source: 'market_research',\n ut_source2: 'solutions',\n ut_source3: 'marketplace-cards',\n});\n\nconst getAudienceCategory = ctaCopy => ({\n name: t(COPY.audiencePanel),\n description: t(COPY.audiencePanelDescription),\n priority: 1,\n products: [\n {\n name: t(COPY.surveyMonkeyAudience),\n description: t(COPY.surveyMonkeyAudienceDescription),\n image: audienceImage,\n ctaLink: {\n href: getLink('/collect/audience/preview', {\n ut_ctatext: ctaCopy.defaultMessage,\n ut_source3: 'sm-button',\n }),\n text: t(ctaCopy),\n logging: () => logger.click.getStarted('audience_panel'),\n },\n learnMoreLink: {\n href: getLink('/market-research/solutions/audience-panel', {\n ut_ctatext: 'Learn more',\n }),\n text: t(COPY.learnMore),\n logging: () => logger.click.learnMore('audience_panel'),\n },\n },\n ],\n});\n\nconst MRX = ({ location, productCategories }) => {\n const [filterParams] = useState(getFilterParamsFromUrlLocation(location));\n const mProductCategories = filterProducts(productCategories, filterParams);\n const orderedCategories = Object.keys(mProductCategories);\n orderedCategories.sort((keyA, keyB) => {\n const priorityA = mProductCategories[keyA].priority;\n const priorityB = mProductCategories[keyB].priority;\n if (priorityA === undefined || priorityA === null) return 1;\n if (priorityB === undefined || priorityB === null) return -1;\n return priorityA - priorityB;\n });\n\n return (\n \n \n