;\n", "import { documentToPlainTextString } from '@contentful/rich-text-plain-text-renderer';\nimport type { Document } from '@contentful/rich-text-types';\nimport type { FC } from 'react';\n\n/**\n * Returns just the text from the RichText. This is useful if you want to get the text value without\n * any wrapping elements like s or s.\n *\n * If you do want rendered HTML, use .\n */\nexport const PlainRichText: FC<{ document: string | Record | Document }> = ({\n document,\n}) => {\n if (typeof document === 'string') {\n return <>{document};\n }\n\n return <>{documentToPlainTextString(document as unknown as Document)};\n};\n\nPlainRichText.displayName = 'PlainRichText';\n", "/**\n * Gets the first element of `array`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @alias first\n * @category Array\n * @param {Array} array The array to query.\n * @returns {*} Returns the first element of `array`.\n * @example\n *\n * _.head([1, 2, 3]);\n * // => 1\n *\n * _.head([]);\n * // => undefined\n */\nfunction head(array) {\n return (array && array.length) ? array[0] : undefined;\n}\n\nexport default head;\n", "/**\n * Checks if `value` is `undefined`.\n *\n * @static\n * @since 0.1.0\n * @memberOf _\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is `undefined`, else `false`.\n * @example\n *\n * _.isUndefined(void 0);\n * // => true\n *\n * _.isUndefined(null);\n * // => false\n */\nfunction isUndefined(value) {\n return value === undefined;\n}\n\nexport default isUndefined;\n", "import Stack from './_Stack.js';\nimport baseIsEqual from './_baseIsEqual.js';\n\n/** Used to compose bitmasks for value comparisons. */\nvar COMPARE_PARTIAL_FLAG = 1,\n COMPARE_UNORDERED_FLAG = 2;\n\n/**\n * The base implementation of `_.isMatch` without support for iteratee shorthands.\n *\n * @private\n * @param {Object} object The object to inspect.\n * @param {Object} source The object of property values to match.\n * @param {Array} matchData The property names, values, and compare flags to match.\n * @param {Function} [customizer] The function to customize comparisons.\n * @returns {boolean} Returns `true` if `object` is a match, else `false`.\n */\nfunction baseIsMatch(object, source, matchData, customizer) {\n var index = matchData.length,\n length = index,\n noCustomizer = !customizer;\n\n if (object == null) {\n return !length;\n }\n object = Object(object);\n while (index--) {\n var data = matchData[index];\n if ((noCustomizer && data[2])\n ? data[1] !== object[data[0]]\n : !(data[0] in object)\n ) {\n return false;\n }\n }\n while (++index < length) {\n data = matchData[index];\n var key = data[0],\n objValue = object[key],\n srcValue = data[1];\n\n if (noCustomizer && data[2]) {\n if (objValue === undefined && !(key in object)) {\n return false;\n }\n } else {\n var stack = new Stack;\n if (customizer) {\n var result = customizer(objValue, srcValue, key, object, source, stack);\n }\n if (!(result === undefined\n ? baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG | COMPARE_UNORDERED_FLAG, customizer, stack)\n : result\n )) {\n return false;\n }\n }\n }\n return true;\n}\n\nexport default baseIsMatch;\n", "import isObject from './isObject.js';\n\n/**\n * Checks if `value` is suitable for strict equality comparisons, i.e. `===`.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` if suitable for strict\n * equality comparisons, else `false`.\n */\nfunction isStrictComparable(value) {\n return value === value && !isObject(value);\n}\n\nexport default isStrictComparable;\n", "import isStrictComparable from './_isStrictComparable.js';\nimport keys from './keys.js';\n\n/**\n * Gets the property names, values, and compare flags of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @returns {Array} Returns the match data of `object`.\n */\nfunction getMatchData(object) {\n var result = keys(object),\n length = result.length;\n\n while (length--) {\n var key = result[length],\n value = object[key];\n\n result[length] = [key, value, isStrictComparable(value)];\n }\n return result;\n}\n\nexport default getMatchData;\n", "/**\n * A specialized version of `matchesProperty` for source values suitable\n * for strict equality comparisons, i.e. `===`.\n *\n * @private\n * @param {string} key The key of the property to get.\n * @param {*} srcValue The value to match.\n * @returns {Function} Returns the new spec function.\n */\nfunction matchesStrictComparable(key, srcValue) {\n return function(object) {\n if (object == null) {\n return false;\n }\n return object[key] === srcValue &&\n (srcValue !== undefined || (key in Object(object)));\n };\n}\n\nexport default matchesStrictComparable;\n", "import baseIsMatch from './_baseIsMatch.js';\nimport getMatchData from './_getMatchData.js';\nimport matchesStrictComparable from './_matchesStrictComparable.js';\n\n/**\n * The base implementation of `_.matches` which doesn't clone `source`.\n *\n * @private\n * @param {Object} source The object of property values to match.\n * @returns {Function} Returns the new spec function.\n */\nfunction baseMatches(source) {\n var matchData = getMatchData(source);\n if (matchData.length == 1 && matchData[0][2]) {\n return matchesStrictComparable(matchData[0][0], matchData[0][1]);\n }\n return function(object) {\n return object === source || baseIsMatch(object, source, matchData);\n };\n}\n\nexport default baseMatches;\n", "import baseGet from './_baseGet.js';\n\n/**\n * Gets the value at `path` of `object`. If the resolved value is\n * `undefined`, the `defaultValue` is returned in its place.\n *\n * @static\n * @memberOf _\n * @since 3.7.0\n * @category Object\n * @param {Object} object The object to query.\n * @param {Array|string} path The path of the property to get.\n * @param {*} [defaultValue] The value returned for `undefined` resolved values.\n * @returns {*} Returns the resolved value.\n * @example\n *\n * var object = { 'a': [{ 'b': { 'c': 3 } }] };\n *\n * _.get(object, 'a[0].b.c');\n * // => 3\n *\n * _.get(object, ['a', '0', 'b', 'c']);\n * // => 3\n *\n * _.get(object, 'a.b.c', 'default');\n * // => 'default'\n */\nfunction get(object, path, defaultValue) {\n var result = object == null ? undefined : baseGet(object, path);\n return result === undefined ? defaultValue : result;\n}\n\nexport default get;\n", "/**\n * The base implementation of `_.hasIn` without support for deep paths.\n *\n * @private\n * @param {Object} [object] The object to query.\n * @param {Array|string} key The key to check.\n * @returns {boolean} Returns `true` if `key` exists, else `false`.\n */\nfunction baseHasIn(object, key) {\n return object != null && key in Object(object);\n}\n\nexport default baseHasIn;\n", "import castPath from './_castPath.js';\nimport isArguments from './isArguments.js';\nimport isArray from './isArray.js';\nimport isIndex from './_isIndex.js';\nimport isLength from './isLength.js';\nimport toKey from './_toKey.js';\n\n/**\n * Checks if `path` exists on `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {Array|string} path The path to check.\n * @param {Function} hasFunc The function to check properties.\n * @returns {boolean} Returns `true` if `path` exists, else `false`.\n */\nfunction hasPath(object, path, hasFunc) {\n path = castPath(path, object);\n\n var index = -1,\n length = path.length,\n result = false;\n\n while (++index < length) {\n var key = toKey(path[index]);\n if (!(result = object != null && hasFunc(object, key))) {\n break;\n }\n object = object[key];\n }\n if (result || ++index != length) {\n return result;\n }\n length = object == null ? 0 : object.length;\n return !!length && isLength(length) && isIndex(key, length) &&\n (isArray(object) || isArguments(object));\n}\n\nexport default hasPath;\n", "import baseHasIn from './_baseHasIn.js';\nimport hasPath from './_hasPath.js';\n\n/**\n * Checks if `path` is a direct or inherited property of `object`.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Object\n * @param {Object} object The object to query.\n * @param {Array|string} path The path to check.\n * @returns {boolean} Returns `true` if `path` exists, else `false`.\n * @example\n *\n * var object = _.create({ 'a': _.create({ 'b': 2 }) });\n *\n * _.hasIn(object, 'a');\n * // => true\n *\n * _.hasIn(object, 'a.b');\n * // => true\n *\n * _.hasIn(object, ['a', 'b']);\n * // => true\n *\n * _.hasIn(object, 'b');\n * // => false\n */\nfunction hasIn(object, path) {\n return object != null && hasPath(object, path, baseHasIn);\n}\n\nexport default hasIn;\n", "import baseIsEqual from './_baseIsEqual.js';\nimport get from './get.js';\nimport hasIn from './hasIn.js';\nimport isKey from './_isKey.js';\nimport isStrictComparable from './_isStrictComparable.js';\nimport matchesStrictComparable from './_matchesStrictComparable.js';\nimport toKey from './_toKey.js';\n\n/** Used to compose bitmasks for value comparisons. */\nvar COMPARE_PARTIAL_FLAG = 1,\n COMPARE_UNORDERED_FLAG = 2;\n\n/**\n * The base implementation of `_.matchesProperty` which doesn't clone `srcValue`.\n *\n * @private\n * @param {string} path The path of the property to get.\n * @param {*} srcValue The value to match.\n * @returns {Function} Returns the new spec function.\n */\nfunction baseMatchesProperty(path, srcValue) {\n if (isKey(path) && isStrictComparable(srcValue)) {\n return matchesStrictComparable(toKey(path), srcValue);\n }\n return function(object) {\n var objValue = get(object, path);\n return (objValue === undefined && objValue === srcValue)\n ? hasIn(object, path)\n : baseIsEqual(srcValue, objValue, COMPARE_PARTIAL_FLAG | COMPARE_UNORDERED_FLAG);\n };\n}\n\nexport default baseMatchesProperty;\n", "/**\n * The base implementation of `_.property` without support for deep paths.\n *\n * @private\n * @param {string} key The key of the property to get.\n * @returns {Function} Returns the new accessor function.\n */\nfunction baseProperty(key) {\n return function(object) {\n return object == null ? undefined : object[key];\n };\n}\n\nexport default baseProperty;\n", "import baseGet from './_baseGet.js';\n\n/**\n * A specialized version of `baseProperty` which supports deep paths.\n *\n * @private\n * @param {Array|string} path The path of the property to get.\n * @returns {Function} Returns the new accessor function.\n */\nfunction basePropertyDeep(path) {\n return function(object) {\n return baseGet(object, path);\n };\n}\n\nexport default basePropertyDeep;\n", "import baseProperty from './_baseProperty.js';\nimport basePropertyDeep from './_basePropertyDeep.js';\nimport isKey from './_isKey.js';\nimport toKey from './_toKey.js';\n\n/**\n * Creates a function that returns the value at `path` of a given object.\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Util\n * @param {Array|string} path The path of the property to get.\n * @returns {Function} Returns the new accessor function.\n * @example\n *\n * var objects = [\n * { 'a': { 'b': 2 } },\n * { 'a': { 'b': 1 } }\n * ];\n *\n * _.map(objects, _.property('a.b'));\n * // => [2, 1]\n *\n * _.map(_.sortBy(objects, _.property(['a', 'b'])), 'a.b');\n * // => [1, 2]\n */\nfunction property(path) {\n return isKey(path) ? baseProperty(toKey(path)) : basePropertyDeep(path);\n}\n\nexport default property;\n", "import baseMatches from './_baseMatches.js';\nimport baseMatchesProperty from './_baseMatchesProperty.js';\nimport identity from './identity.js';\nimport isArray from './isArray.js';\nimport property from './property.js';\n\n/**\n * The base implementation of `_.iteratee`.\n *\n * @private\n * @param {*} [value=_.identity] The value to convert to an iteratee.\n * @returns {Function} Returns the iteratee.\n */\nfunction baseIteratee(value) {\n // Don't store the `typeof` result in a variable to avoid a JIT bug in Safari 9.\n // See https://bugs.webkit.org/show_bug.cgi?id=156034 for more details.\n if (typeof value == 'function') {\n return value;\n }\n if (value == null) {\n return identity;\n }\n if (typeof value == 'object') {\n return isArray(value)\n ? baseMatchesProperty(value[0], value[1])\n : baseMatches(value);\n }\n return property(value);\n}\n\nexport default baseIteratee;\n", "import assignValue from './_assignValue.js';\nimport castPath from './_castPath.js';\nimport isIndex from './_isIndex.js';\nimport isObject from './isObject.js';\nimport toKey from './_toKey.js';\n\n/**\n * The base implementation of `_.set`.\n *\n * @private\n * @param {Object} object The object to modify.\n * @param {Array|string} path The path of the property to set.\n * @param {*} value The value to set.\n * @param {Function} [customizer] The function to customize path creation.\n * @returns {Object} Returns `object`.\n */\nfunction baseSet(object, path, value, customizer) {\n if (!isObject(object)) {\n return object;\n }\n path = castPath(path, object);\n\n var index = -1,\n length = path.length,\n lastIndex = length - 1,\n nested = object;\n\n while (nested != null && ++index < length) {\n var key = toKey(path[index]),\n newValue = value;\n\n if (key === '__proto__' || key === 'constructor' || key === 'prototype') {\n return object;\n }\n\n if (index != lastIndex) {\n var objValue = nested[key];\n newValue = customizer ? customizer(objValue, key, nested) : undefined;\n if (newValue === undefined) {\n newValue = isObject(objValue)\n ? objValue\n : (isIndex(path[index + 1]) ? [] : {});\n }\n }\n assignValue(nested, key, newValue);\n nested = nested[key];\n }\n return object;\n}\n\nexport default baseSet;\n", "import baseGet from './_baseGet.js';\nimport baseSet from './_baseSet.js';\nimport castPath from './_castPath.js';\n\n/**\n * The base implementation of `_.pickBy` without support for iteratee shorthands.\n *\n * @private\n * @param {Object} object The source object.\n * @param {string[]} paths The property paths to pick.\n * @param {Function} predicate The function invoked per property.\n * @returns {Object} Returns the new object.\n */\nfunction basePickBy(object, paths, predicate) {\n var index = -1,\n length = paths.length,\n result = {};\n\n while (++index < length) {\n var path = paths[index],\n value = baseGet(object, path);\n\n if (predicate(value, path)) {\n baseSet(result, castPath(path, object), value);\n }\n }\n return result;\n}\n\nexport default basePickBy;\n", "import arrayMap from './_arrayMap.js';\nimport baseIteratee from './_baseIteratee.js';\nimport basePickBy from './_basePickBy.js';\nimport getAllKeysIn from './_getAllKeysIn.js';\n\n/**\n * Creates an object composed of the `object` properties `predicate` returns\n * truthy for. The predicate is invoked with two arguments: (value, key).\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Object\n * @param {Object} object The source object.\n * @param {Function} [predicate=_.identity] The function invoked per property.\n * @returns {Object} Returns the new object.\n * @example\n *\n * var object = { 'a': 1, 'b': '2', 'c': 3 };\n *\n * _.pickBy(object, _.isNumber);\n * // => { 'a': 1, 'c': 3 }\n */\nfunction pickBy(object, predicate) {\n if (object == null) {\n return {};\n }\n var props = arrayMap(getAllKeysIn(object), function(prop) {\n return [prop];\n });\n predicate = baseIteratee(predicate);\n return basePickBy(object, props, function(value, path) {\n return predicate(value, path[0]);\n });\n}\n\nexport default pickBy;\n", "import { parseError } from '@snapchat/core';\nimport type { Dimensions } from '@snapchat/graphene';\nimport { Partition } from '@snapchat/graphene';\nimport { useGlobalComponentsContentfulQuery } from '@snapchat/mw-global-components-schema';\nimport clone from 'lodash/clone.js';\nimport head from 'lodash/head.js';\nimport isUndefined from 'lodash/isUndefined.js';\nimport pickBy from 'lodash/pickBy.js';\nimport type { FC } from 'react';\nimport { useCallback, useContext, useEffect, useMemo, useState } from 'react';\n\nimport { ContentfulContext } from '../../context';\nimport type { CookieModalType } from '../../generated/contentful-types';\nimport { CookieModalQueryDocumentType } from '../../generated/contentful-types';\nimport { BrowserGrapheneClient, DevelopmentDomains } from '../../helpers/logging';\nimport type { CategorizedCookie } from '../../utils';\nimport {\n acceptAllCookies,\n acceptCustomCookies,\n auditForUncategorizedCookies,\n createCookieMapping,\n essentialOnlyCookies,\n fetchShouldDisplayModal,\n fetchUserLocation,\n getAllCookies,\n getCookieDomain,\n removeCookiesForNonacceptedCategories,\n setOptInCookies,\n} from '../../utils';\nimport { DesignAgnosticModal } from '../designAgnostic';\nimport type { WithOnError } from '../ErrorBoundary';\nimport { withErrorBoundary } from '../ErrorBoundary';\nimport type { CookieAcceptance, LocaleOption } from '../types';\nimport { BackgroundType, CategoryOptInCookie, CookieScreen, EventAction } from '../types';\nimport { CookieLandingScreen } from './CookieLandingScreen';\nimport { CookieSettingsScreen } from './CookieSettingsScreen';\n\ninterface OnCompleteEvent {\n /**\n * User's location per API endpoint. Included as a convenience for consuming applications to avoid\n * multiple calls to that endpoint if configuring GTM/GA, etc.\n */\n userLocation: string;\n /** Whether the modal shown to the user. */\n didUserInteract: boolean;\n /** Category Cookies and acceptance state for the user. */\n cookieAcceptance: CookieAcceptance;\n /** Whether cookies were changed based on global privacy control */\n isGlobalPrivacyControlApplied: boolean;\n}\n\nexport interface CookieModalProps extends WithOnError {\n supportedLocales: Record;\n /** If not specified, defaults to the top level domain of the current location */\n cookieDomain?: string;\n /** Optional, use to specify parent element within which to render the modal */\n portalRoot?: HTMLElement;\n /** If not specified, defaults to `LightMode` */\n backgroundType?: BackgroundType;\n /** On change listener for Locale Dropdown */\n onLocaleChange?: (locale: string) => void;\n /**\n * Fires whenever the modal interaction is complete (whether it was visually shown or not). This\n * event hook is used to enable/disable features per user cookie acceptance.\n */\n onComplete?: (event: OnCompleteEvent) => void;\n /** On event listener for modal actions */\n onEvent?: (event: { component: string; label: string; action: EventAction }) => void;\n /** Fires whenever global privacy control is in place */\n onGlobalPrivacyControlSet?: () => void;\n /** Whether to force the modal to be visible (for testing) */\n forceVisible?: boolean;\n /** Whether the user has enabled Global Privacy Control */\n globalPrivacyControl?: boolean;\n}\n\nconst displayName = 'CookieModal';\n\nconst CookieModal: FC = ({\n supportedLocales,\n cookieDomain: inputCookieDomain,\n portalRoot,\n backgroundType = BackgroundType.LightMode,\n onLocaleChange,\n onComplete,\n onEvent,\n onGlobalPrivacyControlSet,\n globalPrivacyControl,\n forceVisible,\n}) => {\n // ==============================================================================================\n // Fetch content from Contentful\n // ==============================================================================================\n\n const context = useContext(ContentfulContext);\n const { data } = useGlobalComponentsContentfulQuery(CookieModalQueryDocumentType, context, {\n client: context.client,\n });\n const config = head(data?.cookieModalCollection.items) as CookieModalType | undefined;\n\n const gpcLocations = config?.gpcLocations;\n // Convert configuration into optimized data structures\n const { categorySettings, cookieCategoryMap, enableCookieDeletion } = useMemo(() => {\n if (!config?.cookieCategoriesCollection?.items?.length)\n return {\n categorySettings: undefined,\n cookieCategoryMap: undefined,\n enableCookieDeletion: false,\n };\n\n // Settings for generating UI, storing user selections\n const categorySettings = config.cookieCategoriesCollection.items;\n\n // Map of related cookies by category, used for deleting after opt out\n const cookieCategoryMap = createCookieMapping(config.cookieCategoriesCollection.items);\n\n // Settings for cookie deletion\n const { enableCookieDeletion } = config;\n\n return { categorySettings, cookieCategoryMap, enableCookieDeletion };\n }, [config]);\n\n // ==============================================================================================\n // Internal State\n // ==============================================================================================\n const cookieDomain = getCookieDomain(inputCookieDomain);\n\n const [isInModalRequiredRegion, setIsInModalRequiredRegion] = useState();\n const [userLocation, setUserLocation] = useState('Unknown');\n const [isDisplayed, setIsDisplayed] = useState(false);\n\n const [categoryState, setCategoryState] = useState({});\n\n const updateCategoryState = (key: CategoryOptInCookie, value: boolean) => {\n const newState = clone(categoryState);\n newState[key] = value;\n setCategoryState(newState);\n };\n\n const [isLoaded, setIsLoaded] = useState(false);\n const [activeScreen, setActiveScreen] = useState(CookieScreen.LANDING);\n\n const [grapheneClient, setGrapheneClient] = useState();\n\n // @ts-ignore navigator does have globalPrivacyControl\n const hasGlobalPrivacyControl = window?.navigator?.globalPrivacyControl || globalPrivacyControl;\n\n const isGlobalPrivacyControlApplied = !!(\n hasGlobalPrivacyControl &&\n cookieCategoryMap &&\n // If the user location is not in the list of locations that require GPC, then GPC is not applied.\n // Alternatively if no locations are set in contentful GPC is applied by default.\n (gpcLocations?.includes(userLocation) || gpcLocations?.length === 0 || !gpcLocations)\n );\n // ==============================================================================================\n // Helper Functions\n // ==============================================================================================\n\n /** Detect and log uncategorized cookies */\n const logUncategorizedCookies = useCallback(\n (cookieCategoryMap: Map>) => {\n const isProductionDomain = !DevelopmentDomains.has(cookieDomain);\n if (!isProductionDomain) return; // noop for Development environments\n\n const uncategorizedCookies = auditForUncategorizedCookies(cookieCategoryMap);\n\n for (const cookieName of uncategorizedCookies) {\n const dimensions: Dimensions = {\n cookieName,\n userLocation,\n };\n\n grapheneClient?.logMetric('modal_uncategorized_cookie', dimensions);\n }\n },\n [grapheneClient, cookieDomain, userLocation]\n );\n\n /**\n * Centralized function for setting cookies and triggering callback functions. The optional\n * `existingCookies` parameter controls whether update all setting cookies or apply changes only.\n */\n const updateUserCookies = useCallback(\n (cookiesToSet: CookieAcceptance, existingCookies?: CookieAcceptance) => {\n // If mappings have not been loaded, treat as noop\n if (!cookieCategoryMap || !categorySettings) return;\n\n const filterToChanges = (\n cookiesToSet: CookieAcceptance,\n existingCookies: CookieAcceptance = {}\n ): CookieAcceptance => {\n return pickBy(\n cookiesToSet,\n // @ts-ignore TODO: Fix types.\n (value, key) => isUndefined(existingCookies[key]) || existingCookies[key] !== value\n );\n };\n\n // Apply user settings to Cookies\n const changesToApply = filterToChanges(cookiesToSet, existingCookies);\n\n setOptInCookies(cookieDomain, changesToApply);\n\n const results = removeCookiesForNonacceptedCategories(\n cookieDomain,\n cookiesToSet,\n cookieCategoryMap,\n enableCookieDeletion\n );\n\n // log any cookie removals that were incomplete (indicates misconfiguration of cookie attributes)\n for (const cookieName in results) {\n // removal was successful, noop\n if (results[cookieName]?.wasRemoved) continue;\n\n // otherwise log so we can review the configuration. Graphene doesn't support enough dimensions\n // for us to store the full configuration, so domain and cookieName will have to do.\n const dimensions: Dimensions = {\n cookieName,\n userLocation,\n };\n grapheneClient?.logMetric('tracking_cookie_misconfiguration', dimensions);\n }\n\n logUncategorizedCookies(cookieCategoryMap);\n\n // Fire onComplete event hook\n onComplete?.({\n didUserInteract: isDisplayed,\n userLocation,\n cookieAcceptance: cookiesToSet,\n isGlobalPrivacyControlApplied,\n });\n\n setIsDisplayed(false);\n },\n [\n cookieDomain,\n cookieCategoryMap,\n categorySettings,\n grapheneClient,\n isDisplayed,\n onComplete,\n userLocation,\n setIsDisplayed,\n logUncategorizedCookies,\n isGlobalPrivacyControlApplied,\n enableCookieDeletion,\n ]\n );\n\n // ==============================================================================================\n // useEffect calls\n // ==============================================================================================\n\n useEffect(() => {\n const host = window.location.hostname;\n const client = new BrowserGrapheneClient(Partition.COOKIE_MODAL_COMPONENTS, host);\n setGrapheneClient(client);\n }, [setGrapheneClient]);\n\n // Determine whether user is in GDPR region and should display modal\n useEffect(() => {\n // Wait for grapheneClient to initialize before executing\n if (!grapheneClient) return;\n\n const getIsInModalRequiredRegion = async () => {\n try {\n const shouldDisplayModal = await fetchShouldDisplayModal();\n setIsInModalRequiredRegion(shouldDisplayModal);\n } catch (unknownError) {\n const error = parseError(unknownError);\n grapheneClient.logError(displayName, 'shouldDisplayModal', error);\n // Failure of security or network connection prompts the popup to show\n setIsInModalRequiredRegion(true);\n }\n };\n void getIsInModalRequiredRegion();\n }, [grapheneClient, setIsInModalRequiredRegion]);\n\n // Retrieve user's location\n useEffect(() => {\n // Wait for grapheneClient to initialize before executing\n if (!grapheneClient) return;\n\n const fetchUserRegion = async () => {\n try {\n const userLocation = await fetchUserLocation();\n setUserLocation(userLocation);\n } catch (unknownError) {\n const error = parseError(unknownError);\n grapheneClient.logError(displayName, 'userLocation', error);\n }\n };\n void fetchUserRegion();\n }, [grapheneClient, setUserLocation]);\n\n // Set default categoryState - ensures toggles for essential categories default to enabled.\n useEffect(() => {\n if (!categorySettings) return;\n\n const defaultState = essentialOnlyCookies(categorySettings);\n setCategoryState(defaultState);\n }, [categorySettings, setCategoryState]);\n\n // Business logic for whether to render the Cookie Modal, trigger callbacks, etc.\n // Defers execution until all async data calls are complete.\n useEffect(() => {\n // Wait for async data fetches to complete before executing\n if (isUndefined(isInModalRequiredRegion) || !cookieCategoryMap || !categorySettings) return;\n\n // Ensure this useEffect function fires only once\n if (isLoaded) return;\n setIsLoaded(true);\n\n // fetch current cookie values (outside GDPR region: default to true, inside of GDPR region: default to false)\n const retrievedCookies = getAllCookies(categorySettings);\n const hasPreviouslyAcceptedCookies = retrievedCookies[CategoryOptInCookie.Essential];\n const gpcDimensions = {\n userLocation,\n cookieDomain,\n };\n\n // Scenario 1: Returning user outside of GDPR, recreate missing cookies (default true), and trigger callback functions\n // Scenario 2: Returning user inside of GDPR, recreate missing cookies (default false), and trigger callback functions\n // Edge case: if user manually deleted one of the necessary cookies (e.g. Performance, Marketing, etc.), this will recreate them.\n if (hasPreviouslyAcceptedCookies) {\n const defaultCookies = !isInModalRequiredRegion\n ? acceptAllCookies(categorySettings) // Scenario 1\n : essentialOnlyCookies(categorySettings); // Scenario 2\n\n const cookiesToRecreate = { ...defaultCookies, ...retrievedCookies };\n\n if (isGlobalPrivacyControlApplied && retrievedCookies[CategoryOptInCookie.Marketing]) {\n updateUserCookies(\n { ...cookiesToRecreate, [CategoryOptInCookie.Marketing]: false },\n retrievedCookies\n );\n\n onGlobalPrivacyControlSet?.();\n grapheneClient?.logMetric('global_privacy_control', gpcDimensions);\n } else {\n updateUserCookies(cookiesToRecreate, retrievedCookies);\n }\n\n return;\n }\n\n if (!isInModalRequiredRegion) {\n // Scenario 3: First time user located outside GDPR region, auto-accept all cookie categories and trigger callback functions.\n const acceptAll = acceptAllCookies(categorySettings);\n\n if (isGlobalPrivacyControlApplied) {\n updateUserCookies({ ...acceptAll, [CategoryOptInCookie.Marketing]: false });\n onGlobalPrivacyControlSet?.();\n grapheneClient?.logMetric('global_privacy_control', gpcDimensions);\n } else {\n updateUserCookies(acceptAll);\n }\n } else {\n // Scenario 4: First time user located inside GDPR region, display modal\n setIsDisplayed(true);\n }\n }, [\n isLoaded,\n isInModalRequiredRegion,\n cookieCategoryMap,\n categorySettings,\n setIsLoaded,\n setIsDisplayed,\n updateUserCookies,\n globalPrivacyControl,\n userLocation,\n isGlobalPrivacyControlApplied,\n cookieDomain,\n grapheneClient,\n onGlobalPrivacyControlSet,\n ]);\n\n // ==============================================================================================\n // User Interaction handlers\n // ==============================================================================================\n\n const acceptAll = () => {\n // If mappings have not been loaded, treat as noop\n if (!categorySettings) return;\n\n const cookiesToSet = acceptAllCookies(categorySettings);\n updateUserCookies(cookiesToSet);\n logUserAction('accept_all', cookiesToSet);\n };\n\n const logUserAction = (label: string, cookieCategories: CookieAcceptance) => {\n // Log event to event listener prop\n onEvent?.({ component: displayName, action: EventAction.Click, label });\n\n // Also log event to dedicated CookieComponents Graphene Partition\n const dimensions: Dimensions = {\n preferences: `${cookieCategories[CategoryOptInCookie.Preferences] ?? false}`,\n performance: `${cookieCategories[CategoryOptInCookie.Performance] ?? false}`,\n marketing: `${cookieCategories[CategoryOptInCookie.Marketing] ?? false}`,\n userLocation,\n };\n grapheneClient?.logMetric(`${label}_clicks_modal`, dimensions);\n };\n\n const acceptEssential = () => {\n // If mappings have not been loaded, treat as noop\n if (!categorySettings) return;\n\n const cookiesToSet = essentialOnlyCookies(categorySettings);\n updateUserCookies(cookiesToSet);\n logUserAction('accept_essential', cookiesToSet);\n };\n\n const acceptSelected = () => {\n // If mappings have not been loaded, treat as noop\n if (!categorySettings) return;\n\n const cookiesToSet = acceptCustomCookies(categorySettings, categoryState);\n updateUserCookies(cookiesToSet);\n logUserAction('accept_selected', cookiesToSet);\n };\n\n // ==============================================================================================\n // Render\n // ==============================================================================================\n\n if (!config) {\n return null;\n }\n\n return (\n \n {activeScreen === CookieScreen.LANDING && (\n setActiveScreen(CookieScreen.SETTINGS)}\n acceptAllButtonText={config.acceptAllButtonText}\n onAcceptAllButtonClick={acceptAll}\n essentialOnlyButtonText={config.essentialOnlyButtonText}\n onAcceptEssentialButtonClick={acceptEssential}\n onLocaleChange={onLocaleChange}\n />\n )}\n {activeScreen === CookieScreen.SETTINGS && (\n \n )}\n \n );\n};\n\n// NOTE: for some reason displayName is not automatically deetected by ErrorBoundary. Need to explicitly set it.\nCookieModal.displayName = displayName;\n\nconst wrapped = withErrorBoundary(CookieModal, Partition.COOKIE_MODAL_COMPONENTS);\n\nexport { wrapped as CookieModal };\n", "import type { ApolloClient } from '@apollo/client';\nimport { createContext } from 'react';\n\nexport interface ContentfulProps {\n isPreview: boolean;\n isSSR: boolean;\n currentLocale: string;\n /**\n * Optional: if defined, will use the provided Apollo client. Otherwise one will be created using\n * default settings.\n */\n client?: ApolloClient
}\n \n )}\n