npm - @washingtonpost/subs-de-inputs - Versions diffs - 1.6.0 → 1.9.0 - Mend

@washingtonpost/subs-de-inputs 1.6.0 → 1.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/components/DESelect/Dropdown.d.ts +3 -2
package/dist/components/DESelect/index.d.ts +3 -1
package/dist/subs-de-inputs.cjs.development.js +30 -24
package/dist/subs-de-inputs.cjs.development.js.map +1 -1
package/dist/subs-de-inputs.cjs.production.min.js +1 -1
package/dist/subs-de-inputs.cjs.production.min.js.map +1 -1
package/dist/subs-de-inputs.esm.js +30 -24
package/dist/subs-de-inputs.esm.js.map +1 -1
package/package.json +6 -3

package/dist/subs-de-inputs.cjs.production.min.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"subs-de-inputs.cjs.production.min.js","sources":["../src/interfaces/index.ts","../src/components/DEDisclosure/utils/checkAlertBoxClosedCookie.ts","../src/utils/hasRequiredPrivacyCookies.ts","../src/utils/checkConsentCookieForAllowTargeting.ts","../src/services/getAttributes.ts","../src/services/ingest.ts","../src/components/DESelect/Dropdown.tsx","../src/components/DESelect/index.tsx","../src/components/DEDisclosure/utils/getConfig.ts","../src/components/DEDisclosure/utils/hydrateLinks.tsx","../src/components/DEDisclosure/utils/checkOptAnonConsentCookie.ts","../src/components/DEDisclosure/DisclosureWithBannerStatus.tsx","../src/components/DEDisclosure/hooks/useOnetrust.ts","../src/components/DEDisclosure/DisclosureWithoutBannerStatus.tsx","../src/components/DEDisclosure/index.tsx","../src/constants/IngestDataTypes.ts","../src/utils/push.ts","../src/utils/isAnonymousWebview.ts","../src/services/sendToGA.ts"],"sourcesContent":["import type { ResponseStatusType } from '@washingtonpost/subs-sdk';\n\nexport type AttributeValue = {\n name: string;\n date_created: number;\n last_modified_date: number;\n archived: boolean;\n order: number;\n};\n\nexport const CollectionBehaviors = {\n COLLECT: 'COLLECT',\n DO_NOT_COLLECT: 'DO_NOT_COLLECT',\n} as const;\n\nexport type Attribute = {\n name: string;\n approved_for_use?: boolean;\n collection_behavior?: (typeof CollectionBehaviors)[keyof typeof CollectionBehaviors];\n datatype: string;\n explicit: boolean;\n multiple_value: boolean;\n last_modified_date: number;\n date_created: number;\n values: AttributeValue[] \| Readonly<AttributeValue[]>;\n};\n\nexport const AttributesState = {\n SUCCESS: '100',\n} as const;\n\n// https://github.com/WashPost/subs-be-user-data-enrichment/blob/8e8f8460c59adbe9c83b50f368bff1d3300bfd6b/src/main/java/washpost/paywall/userdataenrichment/model/ResponseState.java#L19\nexport const DeleteAttributeState = {\n SUCCESS: '150',\n SYSTEM_ERROR: '151',\n INVALID_ATTRIBUTE_NAME: '152',\n INVALID_ATTRIBUTE_NOT_EXISTS: '153',\n} as const;\n\nexport const IngestType = {\n EXPLICIT: 'explicit',\n IMPLICIT: 'implicit',\n} as const;\n\nexport const IngestResponseState = {\n SUCCESS: '100',\n SYSTEM_ERROR: '101',\n INVALID_TYPE: '102',\n INVALID_IDENTIFIER: '103',\n INVALID_DATA: '104',\n INVALID_ATTRIBUTE_DEFINITION: '105',\n INVALID_META_DEFINITION: '106',\n UNAUTHENTICATED: '107',\n MISMATCHED_IDENTIFIER: '108',\n DISABLED_ATTRIBUTE_DEFINITION: '109',\n DO_NOT_COLLECT: '110',\n} as const;\n\nexport interface IProfileResponse {\n status: ResponseStatusType;\n state: (typeof AttributesState)[keyof typeof AttributesState];\n attributes: {\n [key: string]: {\n attribute_name: string;\n value: string \| null;\n date_created: number;\n last_modified_date: number;\n };\n };\n}\n","import { getCookie } from '@washingtonpost/subs-sdk';\n\nconst COOKIE = 'OptanonAlertBoxClosed';\n\nexport const checkAlertBoxClosedCookie = () => {\n const value = getCookie(COOKIE) \|\| '';\n // Wed May 15 2024 06:29:23 GMT-0500 (Central Daylight Time)\n // \"Invalid date\" is 12 characters long\n return value.length > 12;\n};\n","import { WPGeo, getCookie } from '@washingtonpost/subs-sdk';\nimport { checkConsentCookieForAllowTargeting } from './checkConsentCookieForAllowTargeting';\nimport { checkAlertBoxClosedCookie } from '../components/DEDisclosure/utils/checkAlertBoxClosedCookie';\n\n/*\n Checks privacy cookies to decide if we can send up 1pd\n * If US, checks that wp_usp exists\n * Else If OptAnonConsent cookie exists, checks the value of targeting cookies consent\n * Else If EEA, always returns true\n * Else, returns false\n * @returns {boolean}\n /\nexport const hasRequiredPrivacyCookies = () => {\n if (typeof window === 'undefined') {\n return false;\n }\n\n const { intl_region, country_code: countryCode } = WPGeo();\n\n if (countryCode === 'US') {\n return !!getCookie('wp_usp');\n }\n\n if (window.pageType === 'onboarding') {\n const gdprAllowTargarting = checkConsentCookieForAllowTargeting();\n if (\n typeof gdprAllowTargarting === 'boolean' &&\n checkAlertBoxClosedCookie()\n ) {\n return gdprAllowTargarting;\n }\n\n // Downstream systems\n // Checking for window.pageType === 'onboarding' to avoid being true on graphics articles etc for now -- MNI-710\n if (intl_region === 'EEA' && window.pageType === 'onboarding') {\n return true;\n }\n }\n\n return false;\n};\n","import { getCookie } from '@washingtonpost/subs-sdk';\n\nconst COOKIE = 'OptanonConsent';\n\n/\n Checks the users OptanonConsent cookie to determine if the user has allowed targeting.\n * Returns true or false if the flag is found in the cookie, null otherwise.\n * @returns {boolean \| null}\n /\nexport const checkConsentCookieForAllowTargeting = () => {\n const value = getCookie(COOKIE) \|\| '';\n return value.includes('C0004%3A1')\n ? true\n : value.includes('C0004%3A0')\n ? false\n : null;\n};\n","import {\n ENDPOINTS,\n ResponseStatus,\n DEFAULT_HEADERS,\n} from '@washingtonpost/subs-sdk';\nimport type { Attribute } from '../interfaces';\n\nconst base = `${ENDPOINTS.base}/de/v1`;\n\ntype GetAttributesType = ({\n fieldName,\n}: {\n fieldName: string;\n}) => Promise<Attribute[]>;\n\nconst attributesCache: Record<string, any> = {};\nexport const getAttributes: GetAttributesType = async ({\n fieldName,\n}: {\n fieldName: string;\n}) => {\n if (attributesCache[fieldName]) {\n return attributesCache[fieldName];\n }\n\n const fieldNames = [fieldName];\n\n try {\n const url = new URL(`${base}/attributes`);\n url.searchParams.set('attributes', fieldNames.join(','));\n\n const data = await fetch(url.toString(), {\n credentials: 'include',\n headers: DEFAULT_HEADERS,\n });\n const json = await data.json();\n\n if (data.ok && json.status === ResponseStatus.SUCCESS) {\n const attributes = json.attributes \|\| [];\n attributesCache[fieldName] = attributes;\n return attributes;\n }\n return [];\n } catch (e) {\n console.debug(e);\n return [];\n }\n};\n","import {\n ENDPOINTS,\n DEFAULT_HEADERS,\n getCookie,\n} from '@washingtonpost/subs-sdk';\nimport type { ResponseStatusType } from '@washingtonpost/subs-sdk';\nimport { type IngestResponseState, IngestType } from '../interfaces';\n\nconst base = `${ENDPOINTS.base}/de/v1`;\n\nexport const ingest: IngestType = async ({\n submitData: { fieldName, value },\n source,\n}) => {\n const url = `${base}/ingest`;\n\n const wapo_login_id = getCookie('wapo_login_id');\n\n const jucid = localStorage.getItem('uuid');\n const ga = getCookie('_ga');\n\n const payload = {\n jucid,\n ga,\n type: IngestType.EXPLICIT,\n wapo_login_id, // TODO: move this to BE to read from cookie headers\n data: {\n [fieldName]: [value],\n },\n metadata: { source },\n };\n\n try {\n const response = await fetch(url, {\n method: 'POST',\n credentials: 'include',\n headers: DEFAULT_HEADERS,\n body: JSON.stringify(payload),\n });\n\n const json = await response.json();\n\n return json;\n } catch (e) {\n console.debug(e);\n return null;\n }\n};\n\ntype IngestType = ({\n submitData: { fieldName, value },\n source,\n}: {\n submitData: {\n fieldName: string;\n value: string;\n };\n source: string;\n}) => Promise<{\n status: ResponseStatusType;\n state: (typeof IngestResponseState)[keyof typeof IngestResponseState];\n} \| null>;\n","import React, { useEffect, useState } from 'react';\nimport { Icon, Select, styled, theme } from '@washingtonpost/wpds-ui-kit';\nimport { useWindowSize } from '@washingtonpost/subs-hooks';\nimport { ChevronDown } from '@washingtonpost/wpds-assets';\n\ninterface IDropdownProps {\n id: string;\n label: string;\n values: Array<string>;\n required?: boolean;\n defaultValue?: string;\n onChange?: (value: string) => void;\n disabled?: boolean;\n}\n\nconst StyledMobileSelect = styled('select', {\n padding: '12px 16px 12px 6px',\n display: 'flex',\n justifyContent: 'space-between',\n width: '100%',\n backgroundColor: '$secondary',\n color: '$primary',\n fontFamily: '$meta',\n fontSize: '$100',\n fontWeight: '$light',\n lineHeight: '$125',\n paddingBlockRight: '$125',\n textOverflow: 'ellipsis',\n position: 'relative',\n borderColor: 'transparent',\n borderRightWidth: '10px',\n borderRightColor: 'transparent',\n appearance: 'none',\n '-webkit-appearance': 'none',\n '&:disabled': {\n backgroundColor: theme.colors.disabled,\n borderColor: theme.colors.disabled,\n color: theme.colors.onDisabled,\n cursor: 'not-allowed',\n },\n});\n\nconst StyledSelectWrapper = styled('div', {\n width: '100%',\n maxWidth: '380px',\n borderRadius: '$012',\n borderColor: '$subtle',\n borderStyle: 'solid',\n borderWidth: '1px',\n backgroundColor: '$secondary',\n position: 'relative',\n});\n\nconst StyledMobileOption = styled('option', {\n fontFamily: 'inherit',\n fontSize: 'inherit',\n color: 'inherit',\n});\n\n/\n Dropdown component. Uses wpds-ui-kit on desktop and native select on mobile.\n * @param {IDropdownProps} props The props.\n * @returns {React.ReactElement} The dropdown.\n /\nexport const Dropdown = ({\n id,\n label,\n values,\n required = false,\n defaultValue,\n onChange = () => {},\n disabled = false,\n}: IDropdownProps) => {\n const [answer, setAnswer] = useState<string>();\n const { isMobileSize } = useWindowSize();\n\n useEffect(() => {\n if (answer) onChange(answer);\n }, [answer]);\n\n const disabledProp = disabled ? { disabled: true } : {};\n\n // helps maintain state between WPDS and native dropdowns\n const defaultValueProp = answer\n ? { defaultValue: answer }\n : defaultValue\n ? { defaultValue }\n : {};\n\n const defaultValuePropMobile = (value: string) => {\n if (answer) {\n return value === answer ? { selected: true } : {};\n }\n return value === defaultValue ? { selected: true } : {};\n };\n\n return isMobileSize ? (\n <StyledSelectWrapper>\n <StyledMobileSelect\n id=\"\"\n required={required}\n onChange={(e) => setAnswer(e.target.value)}\n {...disabledProp}\n >\n <label>{label}</label>\n <StyledMobileOption\n value=\"\"\n disabled\n selected\n style={{ color: '#666666' }}\n >\n {label}\n </StyledMobileOption>\n {values.map((value) => (\n <StyledMobileOption\n value={value}\n key={value}\n {...defaultValuePropMobile(value)}\n >\n {value}\n </StyledMobileOption>\n ))}\n </StyledMobileSelect>\n <Icon\n label=\"\"\n size=\"100\"\n fill={theme.colors.gray80}\n style={{\n pointerEvents: 'none',\n position: 'absolute',\n right: '10px',\n top: '50%',\n transform: 'translateY(-50%)',\n }}\n >\n <ChevronDown style={{ position: 'absolute', right: '10px' }} />\n </Icon>\n </StyledSelectWrapper>\n ) : (\n <Select.Root\n onValueChange={(e) => setAnswer(e)}\n required={required}\n {...defaultValueProp}\n {...disabledProp}\n >\n <Select.Trigger data-test-id={`${id}-select-trigger`}>\n <Select.Label>{label}</Select.Label>\n <Select.Value />\n </Select.Trigger>\n <Select.Content\n css={{ zIndex: theme.zIndices.page }}\n data-test-id={`${id}-select-content`}\n >\n {values.map((value) => (\n <Select.Item value={value} key={value}>\n {value}\n </Select.Item>\n ))}\n </Select.Content>\n </Select.Root>\n );\n};\n","import React, { useState, useEffect } from 'react';\nimport { Select, styled } from '@washingtonpost/wpds-ui-kit';\nimport { ENDPOINTS, ResponseStatus } from '@washingtonpost/subs-sdk';\nimport { useScript, ScriptStatus } from '@washingtonpost/subs-hooks';\nimport type { Attribute, AttributeValue } from '../../interfaces';\nimport { Dropdown } from './Dropdown';\n\ninterface DESelectProps {\n source: string;\n fieldName: string;\n label?: string;\n dataDictionaryConfig?: Attribute \| Readonly<Attribute>;\n defaultValue?: string;\n disabled?: boolean;\n submit: boolean;\n onChange?: ({ value }: { value: string }) => void;\n onFinished?: ({\n isFinished,\n isError,\n }: {\n isFinished: boolean;\n isError: boolean;\n }) => void;\n valuesFilter?: (value: AttributeValue) => boolean;\n selectProps?: {\n root?: any;\n trigger?: any;\n label?: any;\n value?: any;\n content?: any;\n item?: any;\n };\n children?: React.ReactNode;\n}\n\nconst scriptSrc = `${ENDPOINTS.base}/de-utils/twpdeu.min.js`;\n\nexport const DESelect: React.FC<DESelectProps> = ({\n source,\n fieldName,\n label,\n dataDictionaryConfig,\n defaultValue,\n disabled,\n submit,\n onChange = () => {},\n onFinished = () => {},\n valuesFilter = () => true,\n children,\n}) => {\n const [config, setConfig] = useState(dataDictionaryConfig);\n\n const [selected, setSelected] = useState('');\n\n const scriptStatus = useScript(scriptSrc);\n\n useEffect(() => {\n const fetchConfig = async () => {\n try {\n const config = await window?.__twpdeu?.getFieldConfigs({ fieldName });\n if (config) {\n setConfig(config[0]);\n } else {\n console.error('unable to get config', fieldName);\n }\n } catch (e) {\n console.warn('unable to get config', fieldName, e);\n }\n };\n\n if (scriptStatus === ScriptStatus.READY && !(children \|\| config)) {\n fetchConfig();\n }\n }, [scriptStatus]);\n\n useEffect(() => {\n const submitSelected = async () => {\n try {\n const result = await window?.__twpdeu?.push({\n submitData: { fieldName, value: selected },\n source,\n });\n\n const isError =\n result === true\n ? false\n : result\n ? result.status !== ResponseStatus.SUCCESS\n : true;\n\n onFinished({\n isFinished: true,\n isError,\n });\n } catch (e) {\n onFinished({\n isFinished: false,\n isError: true,\n });\n }\n };\n\n if (scriptStatus === ScriptStatus.READY && submit && selected) {\n submitSelected();\n }\n }, [scriptStatus, submit]);\n\n const defaultValueProp = defaultValue && config ? { defaultValue } : {};\n\n const isLoading = !(children \|\| config);\n\n const disabledProp = disabled \|\| isLoading ? { disabled: true } : {};\n\n // sort and filter out archived values\n // Note: config.values may be readonly\n const values = config\n ? [...config.values]\n .sort((a, b) => a.order - b.order)\n .filter((value) => value.archived !== true)\n .filter(valuesFilter)\n : [];\n\n return (\n <SelectWrapper>\n {children && (\n <Select.Root\n onValueChange={(e) => {\n setSelected(e);\n onChange({ value: e });\n }}\n {...defaultValueProp}\n {...disabledProp}\n >\n {children}\n </Select.Root>\n )}\n {!children && !config && (\n <Dropdown\n id={'loading'}\n label={'Loading...'}\n values={[]}\n disabled={true}\n />\n )}\n {!children && config && (\n <Dropdown\n id={config.name}\n label={label \|\| config.name}\n onChange={(e) => {\n setSelected(e);\n onChange({ value: e });\n }}\n values={values.map((value) => value.name)}\n defaultValue={defaultValue}\n disabled={disabled}\n />\n )}\n </SelectWrapper>\n );\n};\n\nconst SelectWrapper = styled('div', {\n boxSizing: 'border-box',\n display: 'flex',\n marginBottom: '$100',\n flexDirection: 'column',\n '& button': {\n padding: '1px 6px',\n },\n '& ': { boxSizing: 'border-box' },\n});\n","import { ENDPOINTS, WPGeo } from '@washingtonpost/subs-sdk';\nimport type {\n DisclosureConfig,\n DisclosureConfigValue,\n} from '../../../interfaces/disclosure';\n\nconst configSrc = `${\n ENDPOINTS.base === 'https://subscribe.washingtonpost.com'\n ? 'https://www.washingtonpost.com/subscribe'\n : ENDPOINTS.base\n}/config/de/disclosure.json`;\n\nexport const getConfig = async () => {\n let myConfig: DisclosureConfigValue \| undefined;\n\n // step 1: fetch config\n const response = await fetch(configSrc);\n const remoteConfig: DisclosureConfig = await response.json();\n\n // step 2: figure out which part of the config to use\n\n // if country- or region-specific config found, use that\n const { country_code, intl_region } = WPGeo();\n Object.keys(remoteConfig).forEach((configKey) => {\n if (\n country_code &&\n configKey.split('\|').includes(country_code.toLowerCase())\n ) {\n myConfig = remoteConfig[configKey];\n } else if (intl_region === 'EEA' && configKey === 'eea') {\n myConfig = remoteConfig[configKey];\n }\n });\n\n // TODO: Check for billing country also\n\n // else if no country-specific config, use the default config\n if (typeof myConfig === 'undefined' && remoteConfig._) {\n myConfig = remoteConfig._;\n }\n\n return myConfig;\n};\n","import React from 'react';\n\ntype hydrateLinksType = (\n str: string,\n onLinkClick: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void\n) => string \| JSX.Element;\n\nexport const hydrateLinks: hydrateLinksType = (str, onLinkClick = () => {}) => {\n const array = str.split(/({{PRIVACY_POLICY}})/g);\n const chunks = array.map((str, i) => {\n if (str === '{{PRIVACY_POLICY}}') {\n return (\n <a\n key={`privacy-link-${i}`}\n rel=\"noopener noreferrer\"\n target=\"_blank\"\n style={{ color: 'inherit' }}\n className=\"underline\"\n href=\"https://www.washingtonpost.com/privacy-policy/\"\n onClick={(e) => onLinkClick(e)}\n >\n Privacy Policy\n </a>\n );\n }\n return str;\n });\n\n const toReturn = chunks.reduce(\n (prev, current) => (\n <>\n {prev}\n {current}\n </>\n ),\n <></>\n );\n\n return toReturn;\n};\n","import { getCookie } from '@washingtonpost/subs-sdk';\n\nconst COOKIE = 'OptanonConsent';\n\nexport const checkOptanonConsentCookie = () => {\n const value = getCookie(COOKIE) \|\| '';\n return value.length > 12;\n};\n","import type { ReactEventHandler } from 'react';\nimport React, { useState, useEffect } from 'react';\nimport type { DisclosureConfigValue } from '../../interfaces/disclosure';\nimport { hydrateLinks } from './utils/hydrateLinks';\nimport { useOnetrust } from './hooks/useOnetrust';\n\ninterface DEDisclosureWithBannerStatusProps {\n config: DisclosureConfigValue;\n allowCookieStore?: boolean;\n onFinished: ({\n isFinished,\n isError,\n }: {\n isFinished: boolean;\n isError: boolean;\n }) => void;\n onPrivacyPolicyClick?: ReactEventHandler<HTMLAnchorElement>;\n}\n\nexport const DEDisclosureWithBannerStatus: React.FC<\n DEDisclosureWithBannerStatusProps\n> = ({\n config,\n onFinished,\n allowCookieStore = true,\n onPrivacyPolicyClick = () => {},\n}) => {\n const [disclosure, setDisclosure] = useState<string[] \| null>(null);\n const [disclosureRendering, setDisclosureRendering] =\n useState<JSX.Element \| null>(null);\n\n const { alertBoxClosed, consentCookieExists } = useOnetrust({\n allowCookieStore,\n });\n\n useEffect(() => {\n if (config) {\n // step 3: set disclosure based on config\n\n if (alertBoxClosed) {\n setDisclosure(config.disclosure_afterbanner);\n } else {\n setDisclosure(config.disclosure_beforebanner);\n }\n }\n }, [alertBoxClosed]);\n\n useEffect(() => {\n if (disclosure && Array.isArray(disclosure)) {\n setDisclosureRendering(\n disclosure.reduce(\n (prev, current) => (\n <>\n {prev}\n <p>{hydrateLinks(current, onPrivacyPolicyClick)}</p>\n </>\n ),\n <></>\n )\n );\n }\n }, [disclosure]);\n\n useEffect(() => {\n if (disclosureRendering && consentCookieExists) {\n onFinished({ isFinished: true, isError: false });\n }\n }, [disclosureRendering, consentCookieExists]);\n\n return disclosureRendering;\n};\n","import { useState, useEffect } from 'react';\nimport type { ICookieStore } from '@washingtonpost/subs-sdk';\nimport { listenToCookieStore as listenToCookieStoreUtil } from '@washingtonpost/subs-sdk';\nimport { checkAlertBoxClosedCookie } from '../utils/checkAlertBoxClosedCookie';\nimport { checkOptanonConsentCookie } from '../utils/checkOptAnonConsentCookie';\n\nconst CONSENT_COOKIE = 'OptanonConsent';\n\nconst ALERT_BOX_COOKIE = 'OptanonAlertBoxClosed';\n\ninterface TCData {\n eventStatus: 'tcloaded' \| 'cmpuishown' \| 'useractioncomplete';\n listenerId: number;\n [key: string]: any;\n}\n\ntype TCFAPIAddListener = (\n command: 'addEventListener',\n version: number,\n callback: (tcData: TCData, success: boolean) => void\n) => void;\n\ntype TCFAPIRmListener = (\n command: 'removeEventListener',\n version: number,\n callback: (success: boolean) => void,\n listenerId: number\n) => void;\n\ntype TCFAPIPing = (\n command: 'ping',\n version: number,\n callback: (pingReturn: any, success: boolean) => void\n) => void;\n\ndeclare global {\n interface Window {\n cookieStore?: ICookieStore;\n __tcfapi?: TCFAPIAddListener & TCFAPIRmListener & TCFAPIPing;\n }\n}\n\nexport const useOnetrust = ({\n allowCookieStore,\n}: {\n allowCookieStore: boolean;\n}) => {\n const [consentCookieExists, setConsentCookieExists] = useState<\n boolean \| undefined\n >();\n const [alertBoxClosed, setAlertBoxClosed] = useState<boolean \| undefined>();\n\n const [listenToCookieStore, setListenToCookieStore] = useState(false);\n const [listenToTcfApi, setListenToTcfApi] = useState(false);\n\n useEffect(() => {\n if (checkOptanonConsentCookie()) {\n setConsentCookieExists(true);\n }\n\n if (checkAlertBoxClosedCookie()) {\n setAlertBoxClosed(true);\n return;\n }\n\n if (!window.__tcfapi) {\n console.warn('warning: __tcfapi not found');\n }\n\n if (window?.cookieStore && allowCookieStore) {\n setListenToCookieStore(true);\n } else if (window.__tcfapi) {\n setListenToTcfApi(true);\n } else {\n console.warn('warning: neither cookieStore nor __tcfapi found');\n }\n }, []);\n\n useEffect(() => {\n const cleanupFns: ((() => void) \| null)[] = [];\n if (listenToCookieStore && window.cookieStore) {\n const cleanupFn = listenToCookieStoreUtil(CONSENT_COOKIE, () => {\n if (checkOptanonConsentCookie()) {\n setConsentCookieExists(true);\n }\n });\n cleanupFns.push(cleanupFn);\n\n const cleanupFn2 = listenToCookieStoreUtil(ALERT_BOX_COOKIE, () => {\n if (checkAlertBoxClosedCookie()) {\n setAlertBoxClosed(true);\n } else {\n setAlertBoxClosed(false);\n }\n });\n cleanupFns.push(cleanupFn2);\n }\n return () => {\n cleanupFns.forEach((fn) => fn && fn());\n };\n }, [listenToCookieStore]);\n\n useEffect(() => {\n let listenerId: number;\n if (listenToTcfApi && window.__tcfapi) {\n const callback = (_tcData: TCData, success: boolean) => {\n if (success) {\n listenerId = _tcData.listenerId;\n\n if (checkOptanonConsentCookie()) {\n setConsentCookieExists(true);\n }\n\n // tcData.eventStatus can be:\n // tcloaded means user has made a choice and we’re ready to check it\n // cmpuishown means the banner is shown\n // useractioncomplete means the user has interacted with the banner\n\n // but actually if the result for any of these is true, we just use the value of the cookie\n if (checkAlertBoxClosedCookie()) {\n setAlertBoxClosed(true);\n }\n }\n };\n\n window.__tcfapi('addEventListener', 2, callback);\n }\n\n // cleanup fn\n return () => {\n if (window.__tcfapi && listenerId)\n window.__tcfapi(\n 'removeEventListener',\n 2,\n (success) => {\n console.debug(success);\n },\n listenerId\n );\n };\n }, [listenToTcfApi]);\n\n return {\n consentCookieExists,\n alertBoxClosed,\n listenToCookieStore,\n listenToTcfApi,\n };\n};\n","import type { ReactEventHandler } from 'react';\nimport React, { useState, useEffect } from 'react';\nimport type { DisclosureConfigValue } from '../../interfaces/disclosure';\nimport { hydrateLinks } from './utils/hydrateLinks';\n\ninterface DEDisclosureWithoutBannerStatusProps {\n config: DisclosureConfigValue;\n onFinished: ({\n isFinished,\n isError,\n }: {\n isFinished: boolean;\n isError: boolean;\n }) => void;\n onPrivacyPolicyClick?: ReactEventHandler<HTMLAnchorElement>;\n}\n\nexport const DEDisclosureWithoutBannerStatus: React.FC<\n DEDisclosureWithoutBannerStatusProps\n> = ({ config, onFinished, onPrivacyPolicyClick = () => {} }) => {\n const [disclosure, setDisclosure] = useState<string[] \| null>(null);\n const [disclosureRendering, setDisclosureRendering] =\n useState<JSX.Element \| null>(null);\n\n useEffect(() => {\n if (config) {\n setDisclosure(config.disclosure);\n }\n }, [config]);\n\n useEffect(() => {\n if (disclosure && Array.isArray(disclosure)) {\n setDisclosureRendering(\n disclosure.reduce(\n (prev, current) => (\n <>\n {prev}\n <p>{hydrateLinks(current, onPrivacyPolicyClick)}</p>\n </>\n ),\n <></>\n )\n );\n }\n }, [disclosure]);\n\n useEffect(() => {\n if (disclosureRendering) {\n onFinished({ isFinished: true, isError: false });\n }\n }, [disclosureRendering]);\n\n return disclosureRendering;\n};\n","import type { ReactEventHandler } from 'react';\nimport React, { useState, useEffect } from 'react';\nimport type { DisclosureConfigValue } from '../../interfaces/disclosure';\nimport { getConfig } from './utils/getConfig';\nimport { DEDisclosureWithBannerStatus } from './DisclosureWithBannerStatus';\nimport { DEDisclosureWithoutBannerStatus } from './DisclosureWithoutBannerStatus';\n\ninterface DisclosureProps {\n /** callback function to be called when the disclosure is finished loading /\n onFinished?: ({\n isFinished,\n isError,\n }: {\n isFinished: boolean;\n isError: boolean;\n }) => void;\n\n onPrivacyPolicyClick?: ReactEventHandler<HTMLAnchorElement>;\n\n /* ability to turn off cookiestore listener, primarily for testing purposes */\n allowCookieStore?: boolean;\n}\n\nexport const DEDisclosure: React.FC<DisclosureProps> = ({\n onFinished = () => {},\n allowCookieStore = true,\n onPrivacyPolicyClick = (_e) => {},\n}) => {\n const [disclosureRendering, setDisclosureRendering] =\n useState<JSX.Element \| null>(null);\n const [myConfig, setMyConfig] = useState<DisclosureConfigValue>();\n // const { alertBoxClosed } = useOneTrustAlertBoxClosed({ allowCookieStore });\n\n useEffect(() => {\n (async () => {\n const config = await getConfig();\n setMyConfig(config);\n\n if (!config) {\n console.error('No config found');\n }\n })();\n }, []);\n\n useEffect(() => {\n if (myConfig) {\n // step 3: set disclosure based on config\n\n // if config says to check onetrust, check onetrust\n if ('checkBannerStatus' in myConfig && myConfig.checkBannerStatus) {\n // check if onetrust is closed\n // if it is, show the after banner disclosure\n // if it is not, show the before banner disclosure\n setDisclosureRendering(\n <DEDisclosureWithBannerStatus\n config={myConfig}\n allowCookieStore={allowCookieStore}\n onFinished={onFinished}\n onPrivacyPolicyClick={onPrivacyPolicyClick}\n />\n );\n } else if ('disclosure' in myConfig) {\n setDisclosureRendering(\n <DEDisclosureWithoutBannerStatus\n config={myConfig}\n onFinished={onFinished}\n onPrivacyPolicyClick={onPrivacyPolicyClick}\n />\n );\n } else {\n console.error('Invalid config');\n }\n }\n }, [myConfig]);\n\n if (disclosureRendering) {\n return <div data-test-id=\"de-disclosure\">{disclosureRendering}</div>;\n }\n\n return <div data-test-id=\"de-disclosure-loading\"></div>;\n};\n","export const FirstPartyIngestDataTypes = {\n JOB_LEVEL: 'profile_job_level',\n JOB_INDUSTRY: 'profile_job_industry',\n JOB_TITLE: 'profile_job_title',\n PERSONAL_GOALS: 'personal_goals',\n HOBBIES: 'hobbies',\n PROFESSIONAL_GOALS: 'professional_goals',\n INDUSTRY: 'industry',\n NEWS_LOCATION: 'news_location',\n NY_PERSONAL_GOALS: 'new_year_personal_goals',\n NY_HOBBIES: 'new_year_hobbies',\n NY_PROFESSIONAL_GOALS: 'new_year_professional_goals',\n NY_INDUSTRY: 'new_year_industry',\n NY_NEWS_LOCATION: 'new_year_news_location',\n EDU_ROLE: 'profile_edu_role',\n EDU_MAJOR: 'profile_edu_major',\n EDU_GRADUATION_YEAR: 'profile_edu_graduation_year',\n} as const;\n","import type { ResponseStatusType } from '@washingtonpost/subs-sdk';\nimport { CollectionBehaviors, IngestType } from '../interfaces';\nimport type { IngestResponseState } from '../interfaces';\nimport { getAttributes } from '../services/getAttributes';\nimport { sendToGA } from '../services/sendToGA';\nimport { hasRequiredPrivacyCookies } from './hasRequiredPrivacyCookies';\nimport { ingest } from '../services/ingest';\nimport { isAnonymousWebview } from './isAnonymousWebview';\n\ntype PushType = ({\n submitData: { fieldName, value },\n source,\n}: {\n submitData: {\n fieldName: string;\n value: string;\n };\n source: string;\n}) => Promise<\n \| {\n status: ResponseStatusType;\n state: (typeof IngestResponseState)[keyof typeof IngestResponseState];\n }\n \| null\n \| true\n>;\n\nexport const push: PushType = async ({ submitData, source }) => {\n if (!hasRequiredPrivacyCookies()) {\n throw new Error('does not satisfy cookie check');\n }\n\n if (isAnonymousWebview()) {\n throw new Error('does not satisfy cookie check');\n }\n\n const { fieldName } = submitData;\n\n const attributeInfo = await getAttributes({\n fieldName,\n });\n\n if (\n attributeInfo[0] &&\n attributeInfo[0].name === fieldName &&\n attributeInfo[0].collection_behavior === CollectionBehaviors.DO_NOT_COLLECT\n ) {\n throw new Error('do not collect');\n }\n\n const type =\n attributeInfo[0] && attributeInfo[0].explicit === true\n ? IngestType.EXPLICIT\n : IngestType.IMPLICIT;\n\n if (!attributeInfo[0] && __DEV__) {\n console.warn(`no attribute info found for ${fieldName}, assuming implicit`);\n }\n\n if (type === IngestType.EXPLICIT) {\n return ingest({ submitData, source });\n }\n return sendToGA({ submitData, source });\n};\n","import { getCookie, isLoggedIn } from '@washingtonpost/subs-sdk';\n\nexport const isAnonymousWebview = () => {\n if (typeof window === 'undefined') {\n return false;\n }\n\n const wp_wv = getCookie('wp_wv');\n\n return !!(wp_wv && !isLoggedIn());\n};\n","const sendGAEvent = (props: {\n event: string;\n category: string;\n action: string;\n label: string;\n 'de-label': string;\n [key: string]: undefined \| string \| string[];\n}): void => {\n if (typeof window === 'undefined') {\n if (__DEV__) console.warn('NO WINDOW');\n return;\n }\n // Initialize dataLayer if needed\n window.dataLayer = window.dataLayer \|\| [];\n\n const eventData: Record<string, any> = {\n ...props,\n };\n window.dataLayer.push(eventData);\n};\n\nexport const sendToGA: SendToGaType = async ({\n submitData: { fieldName, value },\n source,\n}) => {\n sendGAEvent({\n event: 'site-onpage-click',\n action: 'site-onpage-click',\n category: 'profile',\n\n label: fieldName,\n 'de-label': fieldName,\n [fieldName]: value,\n\n section: 'profile',\n subsection: source,\n });\n\n return true;\n};\n\ntype SendToGaType = ({\n submitData: { fieldName, value },\n source,\n}: {\n submitData: {\n fieldName: string;\n value: string;\n };\n source: string;\n}) => Promise<true>;\n"],"names":["CollectionBehaviors","COLLECT","DO_NOT_COLLECT","IngestType","EXPLICIT","IMPLICIT","checkAlertBoxClosedCookie","getCookie","length","hasRequiredPrivacyCookies","window","intl_region","country_code","countryCode","WPGeo","pageType","gdprAllowTargarting","checkConsentCookieForAllowTargeting","value","includes","base","ENDPOINTS","attributesCache","getAttributes","async","fieldName","fieldNames","url","URL","searchParams","set","join","data","fetch","toString","credentials","headers","DEFAULT_HEADERS","json","ok","status","ResponseStatus","SUCCESS","attributes","e","console","debug","StyledMobileSelect","styled","padding","display","justifyContent","width","backgroundColor","color","fontFamily","fontSize","fontWeight","lineHeight","paddingBlockRight","textOverflow","position","borderColor","borderRightWidth","borderRightColor","appearance","theme","colors","disabled","onDisabled","cursor","StyledSelectWrapper","maxWidth","borderRadius","borderStyle","borderWidth","StyledMobileOption","Dropdown","id","label","values","required","defaultValue","onChange","answer","setAnswer","useState","isMobileSize","useWindowSize","useEffect","disabledProp","defaultValueProp","defaultValuePropMobile","selected","React","createElement","target","style","map","key","Icon","size","fill","gray80","pointerEvents","right","top","transform","ChevronDown","Select","Root","onValueChange","Trigger","Label","Value","Content","css","zIndex","zIndices","page","Item","scriptSrc","SelectWrapper","boxSizing","marginBottom","flexDirection","configSrc","hydrateLinks","str","onLinkClick","split","i","rel","className","href","onClick","reduce","prev","current","Fragment","checkOptanonConsentCookie","DEDisclosureWithBannerStatus","config","onFinished","allowCookieStore","onPrivacyPolicyClick","disclosure","setDisclosure","disclosureRendering","setDisclosureRendering","alertBoxClosed","consentCookieExists","useOnetrust","setConsentCookieExists","setAlertBoxClosed","listenToCookieStore","setListenToCookieStore","listenToTcfApi","setListenToTcfApi","_window","__tcfapi","warn","cookieStore","cleanupFns","cleanupFn","listenToCookieStoreUtil","push","cleanupFn2","forEach","fn","listenerId","callback","_tcData","success","disclosure_afterbanner","disclosure_beforebanner","Array","isArray","isFinished","isError","DEDisclosureWithoutBannerStatus","DEDisclosure","_e","myConfig","setMyConfig","response","remoteConfig","Object","keys","configKey","toLowerCase","_","getConfig","error","checkBannerStatus","DESelect","source","dataDictionaryConfig","submit","valuesFilter","children","setConfig","setSelected","scriptStatus","useScript","ScriptStatus","READY","__twpdeu","getFieldConfigs","fetchConfig","_window2","result","submitData","submitSelected","sort","a","b","order","filter","archived","name","SYSTEM_ERROR","INVALID_ATTRIBUTE_NAME","INVALID_ATTRIBUTE_NOT_EXISTS","JOB_LEVEL","JOB_INDUSTRY","JOB_TITLE","PERSONAL_GOALS","HOBBIES","PROFESSIONAL_GOALS","INDUSTRY","NEWS_LOCATION","NY_PERSONAL_GOALS","NY_HOBBIES","NY_PROFESSIONAL_GOALS","NY_INDUSTRY","NY_NEWS_LOCATION","EDU_ROLE","EDU_MAJOR","EDU_GRADUATION_YEAR","INVALID_TYPE","INVALID_IDENTIFIER","INVALID_DATA","INVALID_ATTRIBUTE_DEFINITION","INVALID_META_DEFINITION","UNAUTHENTICATED","MISMATCHED_IDENTIFIER","DISABLED_ATTRIBUTE_DEFINITION","Error","isLoggedIn","attributeInfo","collection_behavior","explicit","wapo_login_id","payload","jucid","localStorage","getItem","ga","type","metadata","method","body","JSON","stringify","ingest","props","dataLayer","eventData","sendGAEvent","event","action","category","section","subsection","sendToGA"],"mappings":"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"}
1	+ {"version":3,"file":"subs-de-inputs.cjs.production.min.js","sources":["../src/interfaces/index.ts","../src/components/DEDisclosure/utils/checkAlertBoxClosedCookie.ts","../src/utils/hasRequiredPrivacyCookies.ts","../src/utils/checkConsentCookieForAllowTargeting.ts","../src/services/getAttributes.ts","../src/services/ingest.ts","../src/components/DESelect/Dropdown.tsx","../src/components/DESelect/index.tsx","../src/components/DEDisclosure/utils/getConfig.ts","../src/components/DEDisclosure/utils/hydrateLinks.tsx","../src/components/DEDisclosure/utils/checkOptAnonConsentCookie.ts","../src/components/DEDisclosure/DisclosureWithBannerStatus.tsx","../src/components/DEDisclosure/hooks/useOnetrust.ts","../src/components/DEDisclosure/DisclosureWithoutBannerStatus.tsx","../src/components/DEDisclosure/index.tsx","../src/constants/IngestDataTypes.ts","../src/utils/push.ts","../src/utils/isAnonymousWebview.ts","../src/services/sendToGA.ts"],"sourcesContent":["import type { ResponseStatusType } from '@washingtonpost/subs-sdk';\n\nexport type AttributeValue = {\n name: string;\n date_created: number;\n last_modified_date: number;\n archived: boolean;\n order: number;\n};\n\nexport const CollectionBehaviors = {\n COLLECT: 'COLLECT',\n DO_NOT_COLLECT: 'DO_NOT_COLLECT',\n} as const;\n\nexport type Attribute = {\n name: string;\n approved_for_use?: boolean;\n collection_behavior?: (typeof CollectionBehaviors)[keyof typeof CollectionBehaviors];\n datatype: string;\n explicit: boolean;\n multiple_value: boolean;\n last_modified_date: number;\n date_created: number;\n values: AttributeValue[] \| Readonly<AttributeValue[]>;\n};\n\nexport const AttributesState = {\n SUCCESS: '100',\n} as const;\n\n// https://github.com/WashPost/subs-be-user-data-enrichment/blob/8e8f8460c59adbe9c83b50f368bff1d3300bfd6b/src/main/java/washpost/paywall/userdataenrichment/model/ResponseState.java#L19\nexport const DeleteAttributeState = {\n SUCCESS: '150',\n SYSTEM_ERROR: '151',\n INVALID_ATTRIBUTE_NAME: '152',\n INVALID_ATTRIBUTE_NOT_EXISTS: '153',\n} as const;\n\nexport const IngestType = {\n EXPLICIT: 'explicit',\n IMPLICIT: 'implicit',\n} as const;\n\nexport const IngestResponseState = {\n SUCCESS: '100',\n SYSTEM_ERROR: '101',\n INVALID_TYPE: '102',\n INVALID_IDENTIFIER: '103',\n INVALID_DATA: '104',\n INVALID_ATTRIBUTE_DEFINITION: '105',\n INVALID_META_DEFINITION: '106',\n UNAUTHENTICATED: '107',\n MISMATCHED_IDENTIFIER: '108',\n DISABLED_ATTRIBUTE_DEFINITION: '109',\n DO_NOT_COLLECT: '110',\n} as const;\n\nexport interface IProfileResponse {\n status: ResponseStatusType;\n state: (typeof AttributesState)[keyof typeof AttributesState];\n attributes: {\n [key: string]: {\n attribute_name: string;\n value: string \| null;\n date_created: number;\n last_modified_date: number;\n };\n };\n}\n","import { getCookie } from '@washingtonpost/subs-sdk';\n\nconst COOKIE = 'OptanonAlertBoxClosed';\n\nexport const checkAlertBoxClosedCookie = () => {\n const value = getCookie(COOKIE) \|\| '';\n // Wed May 15 2024 06:29:23 GMT-0500 (Central Daylight Time)\n // \"Invalid date\" is 12 characters long\n return value.length > 12;\n};\n","import { WPGeo, getCookie } from '@washingtonpost/subs-sdk';\nimport { checkConsentCookieForAllowTargeting } from './checkConsentCookieForAllowTargeting';\nimport { checkAlertBoxClosedCookie } from '../components/DEDisclosure/utils/checkAlertBoxClosedCookie';\n\n/*\n Checks privacy cookies to decide if we can send up 1pd\n * If US, checks that wp_usp exists\n * Else If OptAnonConsent cookie exists, checks the value of targeting cookies consent\n * Else If EEA, always returns true\n * Else, returns false\n * @returns {boolean}\n /\nexport const hasRequiredPrivacyCookies = () => {\n if (typeof window === 'undefined') {\n return false;\n }\n\n const { intl_region, country_code: countryCode } = WPGeo();\n\n if (countryCode === 'US') {\n return !!getCookie('wp_usp');\n }\n\n if (window.pageType === 'onboarding') {\n const gdprAllowTargarting = checkConsentCookieForAllowTargeting();\n if (\n typeof gdprAllowTargarting === 'boolean' &&\n checkAlertBoxClosedCookie()\n ) {\n return gdprAllowTargarting;\n }\n\n // Downstream systems\n // Checking for window.pageType === 'onboarding' to avoid being true on graphics articles etc for now -- MNI-710\n if (intl_region === 'EEA' && window.pageType === 'onboarding') {\n return true;\n }\n }\n\n return false;\n};\n","import { getCookie } from '@washingtonpost/subs-sdk';\n\nconst COOKIE = 'OptanonConsent';\n\n/\n Checks the users OptanonConsent cookie to determine if the user has allowed targeting.\n * Returns true or false if the flag is found in the cookie, null otherwise.\n * @returns {boolean \| null}\n /\nexport const checkConsentCookieForAllowTargeting = () => {\n const value = getCookie(COOKIE) \|\| '';\n return value.includes('C0004%3A1')\n ? true\n : value.includes('C0004%3A0')\n ? false\n : null;\n};\n","import {\n ENDPOINTS,\n ResponseStatus,\n DEFAULT_HEADERS,\n} from '@washingtonpost/subs-sdk';\nimport type { Attribute } from '../interfaces';\n\nconst base = `${ENDPOINTS.base}/de/v1`;\n\ntype GetAttributesType = ({\n fieldName,\n}: {\n fieldName: string;\n}) => Promise<Attribute[]>;\n\nconst attributesCache: Record<string, any> = {};\nexport const getAttributes: GetAttributesType = async ({\n fieldName,\n}: {\n fieldName: string;\n}) => {\n if (attributesCache[fieldName]) {\n return attributesCache[fieldName];\n }\n\n const fieldNames = [fieldName];\n\n try {\n const url = new URL(`${base}/attributes`);\n url.searchParams.set('attributes', fieldNames.join(','));\n\n const data = await fetch(url.toString(), {\n credentials: 'include',\n headers: DEFAULT_HEADERS,\n });\n const json = await data.json();\n\n if (data.ok && json.status === ResponseStatus.SUCCESS) {\n const attributes = json.attributes \|\| [];\n attributesCache[fieldName] = attributes;\n return attributes;\n }\n return [];\n } catch (e) {\n console.debug(e);\n return [];\n }\n};\n","import {\n ENDPOINTS,\n DEFAULT_HEADERS,\n getCookie,\n} from '@washingtonpost/subs-sdk';\nimport type { ResponseStatusType } from '@washingtonpost/subs-sdk';\nimport { type IngestResponseState, IngestType } from '../interfaces';\n\nconst base = `${ENDPOINTS.base}/de/v1`;\n\nexport const ingest: IngestType = async ({\n submitData: { fieldName, value },\n source,\n}) => {\n const url = `${base}/ingest`;\n\n const wapo_login_id = getCookie('wapo_login_id');\n\n const jucid = localStorage.getItem('uuid');\n const ga = getCookie('_ga');\n\n const payload = {\n jucid,\n ga,\n type: IngestType.EXPLICIT,\n wapo_login_id, // TODO: move this to BE to read from cookie headers\n data: {\n [fieldName]: [value],\n },\n metadata: { source },\n };\n\n try {\n const response = await fetch(url, {\n method: 'POST',\n credentials: 'include',\n headers: DEFAULT_HEADERS,\n body: JSON.stringify(payload),\n });\n\n const json = await response.json();\n\n return json;\n } catch (e) {\n console.debug(e);\n return null;\n }\n};\n\ntype IngestType = ({\n submitData: { fieldName, value },\n source,\n}: {\n submitData: {\n fieldName: string;\n value: string;\n };\n source: string;\n}) => Promise<{\n status: ResponseStatusType;\n state: (typeof IngestResponseState)[keyof typeof IngestResponseState];\n} \| null>;\n","import React, { useEffect, useState } from 'react';\nimport { Icon, Select, styled, theme } from '@washingtonpost/wpds-ui-kit';\nimport { useWindowSize } from '@washingtonpost/subs-hooks';\nimport { ChevronDown } from '@washingtonpost/wpds-assets';\n\ninterface IDropdownProps {\n id: string;\n label: string;\n values: Array<string>;\n required?: boolean;\n existingValue?: string;\n onChange?: (value: string) => void;\n disabled?: boolean;\n valueSelectedByDefault?: string;\n}\n\nconst StyledMobileSelect = styled('select', {\n padding: '12px 16px 12px 6px',\n display: 'flex',\n justifyContent: 'space-between',\n width: '100%',\n backgroundColor: '$secondary',\n color: '$primary',\n fontFamily: '$meta',\n fontSize: '$100',\n fontWeight: '$light',\n lineHeight: '$125',\n paddingBlockRight: '$125',\n textOverflow: 'ellipsis',\n position: 'relative',\n borderColor: 'transparent',\n borderRightWidth: '10px',\n borderRightColor: 'transparent',\n appearance: 'none',\n '-webkit-appearance': 'none',\n '&:disabled': {\n backgroundColor: theme.colors.disabled,\n borderColor: theme.colors.disabled,\n color: theme.colors.onDisabled,\n cursor: 'not-allowed',\n },\n});\n\nconst StyledSelectWrapper = styled('div', {\n width: '100%',\n maxWidth: '380px',\n borderRadius: '$012',\n borderColor: '$subtle',\n borderStyle: 'solid',\n borderWidth: '1px',\n backgroundColor: '$secondary',\n position: 'relative',\n});\n\nconst StyledMobileOption = styled('option', {\n fontFamily: 'inherit',\n fontSize: 'inherit',\n color: 'inherit',\n});\n\n/\n Dropdown component. Uses wpds-ui-kit on desktop and native select on mobile.\n * @param {IDropdownProps} props The props.\n * @returns {React.ReactElement} The dropdown.\n /\nexport const Dropdown = ({\n id,\n label,\n values,\n required = false,\n existingValue,\n onChange = () => {},\n disabled = false,\n valueSelectedByDefault,\n}: IDropdownProps) => {\n const [answer, setAnswer] = useState<string>();\n const { isMobileSize } = useWindowSize();\n\n useEffect(() => {\n if (answer) onChange(answer);\n }, [answer]);\n\n const disabledProp = disabled ? { disabled: true } : {};\n\n const presetDropdownValue = existingValue \|\| valueSelectedByDefault;\n\n // helps maintain state between WPDS and native dropdowns\n const defaultValueProp = answer\n ? { defaultValue: answer }\n : presetDropdownValue\n ? { defaultValue: presetDropdownValue }\n : {};\n\n const defaultValuePropMobile = (value: string) => {\n if (answer) {\n return value === answer ? { selected: true } : {};\n }\n return value === presetDropdownValue ? { selected: true } : {};\n };\n\n return isMobileSize ? (\n <StyledSelectWrapper>\n <StyledMobileSelect\n id=\"\"\n required={required}\n onChange={(e) => setAnswer(e.target.value)}\n {...disabledProp}\n >\n <label>{label}</label>\n <StyledMobileOption\n value=\"\"\n disabled\n selected\n style={{ color: '#666666' }}\n >\n {label}\n </StyledMobileOption>\n {values.map((value) => (\n <StyledMobileOption\n value={value}\n key={value}\n {...defaultValuePropMobile(value)}\n >\n {value}\n </StyledMobileOption>\n ))}\n </StyledMobileSelect>\n <Icon\n label=\"\"\n size=\"100\"\n fill={theme.colors.gray80}\n style={{\n pointerEvents: 'none',\n position: 'absolute',\n right: '10px',\n top: '50%',\n transform: 'translateY(-50%)',\n }}\n >\n <ChevronDown style={{ position: 'absolute', right: '10px' }} />\n </Icon>\n </StyledSelectWrapper>\n ) : (\n <Select.Root\n onValueChange={(e) => setAnswer(e)}\n required={required}\n {...defaultValueProp}\n {...disabledProp}\n >\n <Select.Trigger data-test-id={`${id}-select-trigger`}>\n <Select.Label>{label}</Select.Label>\n <Select.Value />\n </Select.Trigger>\n <Select.Content\n css={{ zIndex: theme.zIndices.page }}\n data-test-id={`${id}-select-content`}\n >\n {values.map((value) => (\n <Select.Item value={value} key={value}>\n {value}\n </Select.Item>\n ))}\n </Select.Content>\n </Select.Root>\n );\n};\n","import React, { useState, useEffect } from 'react';\nimport { Select, styled } from '@washingtonpost/wpds-ui-kit';\nimport { ENDPOINTS, ResponseStatus } from '@washingtonpost/subs-sdk';\nimport { useScript, ScriptStatus } from '@washingtonpost/subs-hooks';\nimport type { Attribute, AttributeValue } from '../../interfaces';\nimport { Dropdown } from './Dropdown';\n\ninterface DESelectProps {\n source: string;\n fieldName: string;\n label?: string;\n dataDictionaryConfig?: Attribute \| Readonly<Attribute>;\n existingValue?: string;\n disabled?: boolean;\n submit: boolean;\n onChange?: ({ value }: { value: string }) => void;\n onFinished?: ({\n isFinished,\n isError,\n }: {\n isFinished: boolean;\n isError: boolean;\n }) => void;\n valuesFilter?: (value: AttributeValue) => boolean;\n selectProps?: {\n root?: any;\n trigger?: any;\n label?: any;\n value?: any;\n content?: any;\n item?: any;\n };\n children?: React.ReactNode;\n valueSelectedByDefault?: string;\n defaultValue?: never;\n}\n\nconst scriptSrc = `${ENDPOINTS.base}/de-utils/twpdeu.min.js`;\n\nconst SelectWrapper = styled('div', {\n boxSizing: 'border-box',\n display: 'flex',\n marginBottom: '$100',\n flexDirection: 'column',\n '& button': {\n padding: '1px 6px',\n },\n '& ': { boxSizing: 'border-box' },\n});\n\nexport const DESelect: React.FC<DESelectProps> = ({\n source,\n fieldName,\n label,\n dataDictionaryConfig,\n existingValue,\n disabled,\n submit,\n onChange = () => {},\n onFinished = () => {},\n valuesFilter = () => true,\n children,\n valueSelectedByDefault,\n}) => {\n const [config, setConfig] = useState(dataDictionaryConfig);\n\n const [selected, setSelected] = useState(\n !existingValue && valueSelectedByDefault ? valueSelectedByDefault : ''\n );\n\n const scriptStatus = useScript(scriptSrc);\n\n useEffect(() => {\n const fetchConfig = async () => {\n try {\n // eslint-disable-next-line @typescript-eslint/no-shadow\n const config = await window?.__twpdeu?.getFieldConfigs({\n fieldName,\n });\n if (config) {\n setConfig(config[0]);\n } else {\n console.error('unable to get config', fieldName);\n }\n } catch (e) {\n console.warn('unable to get config', fieldName, e);\n }\n };\n\n if (scriptStatus === ScriptStatus.READY && !(children \|\| config)) {\n fetchConfig();\n }\n }, [scriptStatus]);\n\n useEffect(() => {\n const submitSelected = async () => {\n try {\n const result = await window?.__twpdeu?.push({\n submitData: { fieldName, value: selected },\n source,\n });\n\n const isError =\n result === true\n ? false\n : result\n ? result.status !== ResponseStatus.SUCCESS\n : true;\n\n onFinished({\n isFinished: true,\n isError,\n });\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n } catch (e) {\n onFinished({\n isFinished: false,\n isError: true,\n });\n }\n };\n\n if (scriptStatus === ScriptStatus.READY && submit && selected) {\n submitSelected();\n }\n }, [scriptStatus, submit]);\n\n const defaultValueProp =\n existingValue && config ? { defaultValue: existingValue } : {};\n\n const isLoading = !(children \|\| config);\n\n const disabledProp = disabled \|\| isLoading ? { disabled: true } : {};\n\n // sort and filter out archived values\n // Note: config.values may be readonly\n const values = config\n ? [...config.values]\n .sort((a, b) => a.order - b.order)\n .filter((value) => value.archived !== true)\n .filter(valuesFilter)\n : [];\n\n return (\n <SelectWrapper>\n {children && (\n <Select.Root\n onValueChange={(e) => {\n setSelected(e);\n onChange({ value: e });\n }}\n {...defaultValueProp}\n {...disabledProp}\n >\n {children}\n </Select.Root>\n )}\n {!children && !config && (\n <Dropdown\n id={'loading'}\n label={'Loading...'}\n values={[]}\n disabled={true}\n />\n )}\n {!children && config && (\n <Dropdown\n id={config.name}\n label={label \|\| config.name}\n onChange={(e) => {\n setSelected(e);\n onChange({ value: e });\n }}\n values={values.map((value) => value.name)}\n existingValue={existingValue}\n disabled={disabled}\n valueSelectedByDefault={valueSelectedByDefault}\n />\n )}\n </SelectWrapper>\n );\n};\n","import { ENDPOINTS, WPGeo } from '@washingtonpost/subs-sdk';\nimport type {\n DisclosureConfig,\n DisclosureConfigValue,\n} from '../../../interfaces/disclosure';\n\nconst configSrc = `${\n ENDPOINTS.base === 'https://subscribe.washingtonpost.com'\n ? 'https://www.washingtonpost.com/subscribe'\n : ENDPOINTS.base\n}/config/de/disclosure.json`;\n\nexport const getConfig = async () => {\n let myConfig: DisclosureConfigValue \| undefined;\n\n // step 1: fetch config\n const response = await fetch(configSrc);\n const remoteConfig: DisclosureConfig = await response.json();\n\n // step 2: figure out which part of the config to use\n\n // if country- or region-specific config found, use that\n const { country_code, intl_region } = WPGeo();\n Object.keys(remoteConfig).forEach((configKey) => {\n if (\n country_code &&\n configKey.split('\|').includes(country_code.toLowerCase())\n ) {\n myConfig = remoteConfig[configKey];\n } else if (intl_region === 'EEA' && configKey === 'eea') {\n myConfig = remoteConfig[configKey];\n }\n });\n\n // TODO: Check for billing country also\n\n // else if no country-specific config, use the default config\n if (typeof myConfig === 'undefined' && remoteConfig._) {\n myConfig = remoteConfig._;\n }\n\n return myConfig;\n};\n","import React from 'react';\n\ntype hydrateLinksType = (\n str: string,\n onLinkClick: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void\n) => string \| JSX.Element;\n\nexport const hydrateLinks: hydrateLinksType = (str, onLinkClick = () => {}) => {\n const array = str.split(/({{PRIVACY_POLICY}})/g);\n const chunks = array.map((str, i) => {\n if (str === '{{PRIVACY_POLICY}}') {\n return (\n <a\n key={`privacy-link-${i}`}\n rel=\"noopener noreferrer\"\n target=\"_blank\"\n style={{ color: 'inherit' }}\n className=\"underline\"\n href=\"https://www.washingtonpost.com/privacy-policy/\"\n onClick={(e) => onLinkClick(e)}\n >\n Privacy Policy\n </a>\n );\n }\n return str;\n });\n\n const toReturn = chunks.reduce(\n (prev, current) => (\n <>\n {prev}\n {current}\n </>\n ),\n <></>\n );\n\n return toReturn;\n};\n","import { getCookie } from '@washingtonpost/subs-sdk';\n\nconst COOKIE = 'OptanonConsent';\n\nexport const checkOptanonConsentCookie = () => {\n const value = getCookie(COOKIE) \|\| '';\n return value.length > 12;\n};\n","import type { ReactEventHandler } from 'react';\nimport React, { useState, useEffect } from 'react';\nimport type { DisclosureConfigValue } from '../../interfaces/disclosure';\nimport { hydrateLinks } from './utils/hydrateLinks';\nimport { useOnetrust } from './hooks/useOnetrust';\n\ninterface DEDisclosureWithBannerStatusProps {\n config: DisclosureConfigValue;\n allowCookieStore?: boolean;\n onFinished: ({\n isFinished,\n isError,\n }: {\n isFinished: boolean;\n isError: boolean;\n }) => void;\n onPrivacyPolicyClick?: ReactEventHandler<HTMLAnchorElement>;\n}\n\nexport const DEDisclosureWithBannerStatus: React.FC<\n DEDisclosureWithBannerStatusProps\n> = ({\n config,\n onFinished,\n allowCookieStore = true,\n onPrivacyPolicyClick = () => {},\n}) => {\n const [disclosure, setDisclosure] = useState<string[] \| null>(null);\n const [disclosureRendering, setDisclosureRendering] =\n useState<JSX.Element \| null>(null);\n\n const { alertBoxClosed, consentCookieExists } = useOnetrust({\n allowCookieStore,\n });\n\n useEffect(() => {\n if (config) {\n // step 3: set disclosure based on config\n\n if (alertBoxClosed) {\n setDisclosure(config.disclosure_afterbanner);\n } else {\n setDisclosure(config.disclosure_beforebanner);\n }\n }\n }, [alertBoxClosed]);\n\n useEffect(() => {\n if (disclosure && Array.isArray(disclosure)) {\n setDisclosureRendering(\n disclosure.reduce(\n (prev, current) => (\n <>\n {prev}\n <p>{hydrateLinks(current, onPrivacyPolicyClick)}</p>\n </>\n ),\n <></>\n )\n );\n }\n }, [disclosure]);\n\n useEffect(() => {\n if (disclosureRendering && consentCookieExists) {\n onFinished({ isFinished: true, isError: false });\n }\n }, [disclosureRendering, consentCookieExists]);\n\n return disclosureRendering;\n};\n","import { useState, useEffect } from 'react';\nimport type { ICookieStore } from '@washingtonpost/subs-sdk';\nimport { listenToCookieStore as listenToCookieStoreUtil } from '@washingtonpost/subs-sdk';\nimport { checkAlertBoxClosedCookie } from '../utils/checkAlertBoxClosedCookie';\nimport { checkOptanonConsentCookie } from '../utils/checkOptAnonConsentCookie';\n\nconst CONSENT_COOKIE = 'OptanonConsent';\n\nconst ALERT_BOX_COOKIE = 'OptanonAlertBoxClosed';\n\ninterface TCData {\n eventStatus: 'tcloaded' \| 'cmpuishown' \| 'useractioncomplete';\n listenerId: number;\n [key: string]: any;\n}\n\ntype TCFAPIAddListener = (\n command: 'addEventListener',\n version: number,\n callback: (tcData: TCData, success: boolean) => void\n) => void;\n\ntype TCFAPIRmListener = (\n command: 'removeEventListener',\n version: number,\n callback: (success: boolean) => void,\n listenerId: number\n) => void;\n\ntype TCFAPIPing = (\n command: 'ping',\n version: number,\n callback: (pingReturn: any, success: boolean) => void\n) => void;\n\ndeclare global {\n interface Window {\n cookieStore?: ICookieStore;\n __tcfapi?: TCFAPIAddListener & TCFAPIRmListener & TCFAPIPing;\n }\n}\n\nexport const useOnetrust = ({\n allowCookieStore,\n}: {\n allowCookieStore: boolean;\n}) => {\n const [consentCookieExists, setConsentCookieExists] = useState<\n boolean \| undefined\n >();\n const [alertBoxClosed, setAlertBoxClosed] = useState<boolean \| undefined>();\n\n const [listenToCookieStore, setListenToCookieStore] = useState(false);\n const [listenToTcfApi, setListenToTcfApi] = useState(false);\n\n useEffect(() => {\n if (checkOptanonConsentCookie()) {\n setConsentCookieExists(true);\n }\n\n if (checkAlertBoxClosedCookie()) {\n setAlertBoxClosed(true);\n return;\n }\n\n if (!window.__tcfapi) {\n console.warn('warning: __tcfapi not found');\n }\n\n if (window?.cookieStore && allowCookieStore) {\n setListenToCookieStore(true);\n } else if (window.__tcfapi) {\n setListenToTcfApi(true);\n } else {\n console.warn('warning: neither cookieStore nor __tcfapi found');\n }\n }, []);\n\n useEffect(() => {\n const cleanupFns: ((() => void) \| null)[] = [];\n if (listenToCookieStore && window.cookieStore) {\n const cleanupFn = listenToCookieStoreUtil(CONSENT_COOKIE, () => {\n if (checkOptanonConsentCookie()) {\n setConsentCookieExists(true);\n }\n });\n cleanupFns.push(cleanupFn);\n\n const cleanupFn2 = listenToCookieStoreUtil(ALERT_BOX_COOKIE, () => {\n if (checkAlertBoxClosedCookie()) {\n setAlertBoxClosed(true);\n } else {\n setAlertBoxClosed(false);\n }\n });\n cleanupFns.push(cleanupFn2);\n }\n return () => {\n cleanupFns.forEach((fn) => fn && fn());\n };\n }, [listenToCookieStore]);\n\n useEffect(() => {\n let listenerId: number;\n if (listenToTcfApi && window.__tcfapi) {\n const callback = (_tcData: TCData, success: boolean) => {\n if (success) {\n listenerId = _tcData.listenerId;\n\n if (checkOptanonConsentCookie()) {\n setConsentCookieExists(true);\n }\n\n // tcData.eventStatus can be:\n // tcloaded means user has made a choice and we’re ready to check it\n // cmpuishown means the banner is shown\n // useractioncomplete means the user has interacted with the banner\n\n // but actually if the result for any of these is true, we just use the value of the cookie\n if (checkAlertBoxClosedCookie()) {\n setAlertBoxClosed(true);\n }\n }\n };\n\n window.__tcfapi('addEventListener', 2, callback);\n }\n\n // cleanup fn\n return () => {\n if (window.__tcfapi && listenerId)\n window.__tcfapi(\n 'removeEventListener',\n 2,\n (success) => {\n console.debug(success);\n },\n listenerId\n );\n };\n }, [listenToTcfApi]);\n\n return {\n consentCookieExists,\n alertBoxClosed,\n listenToCookieStore,\n listenToTcfApi,\n };\n};\n","import type { ReactEventHandler } from 'react';\nimport React, { useState, useEffect } from 'react';\nimport type { DisclosureConfigValue } from '../../interfaces/disclosure';\nimport { hydrateLinks } from './utils/hydrateLinks';\n\ninterface DEDisclosureWithoutBannerStatusProps {\n config: DisclosureConfigValue;\n onFinished: ({\n isFinished,\n isError,\n }: {\n isFinished: boolean;\n isError: boolean;\n }) => void;\n onPrivacyPolicyClick?: ReactEventHandler<HTMLAnchorElement>;\n}\n\nexport const DEDisclosureWithoutBannerStatus: React.FC<\n DEDisclosureWithoutBannerStatusProps\n> = ({ config, onFinished, onPrivacyPolicyClick = () => {} }) => {\n const [disclosure, setDisclosure] = useState<string[] \| null>(null);\n const [disclosureRendering, setDisclosureRendering] =\n useState<JSX.Element \| null>(null);\n\n useEffect(() => {\n if (config) {\n setDisclosure(config.disclosure);\n }\n }, [config]);\n\n useEffect(() => {\n if (disclosure && Array.isArray(disclosure)) {\n setDisclosureRendering(\n disclosure.reduce(\n (prev, current) => (\n <>\n {prev}\n <p>{hydrateLinks(current, onPrivacyPolicyClick)}</p>\n </>\n ),\n <></>\n )\n );\n }\n }, [disclosure]);\n\n useEffect(() => {\n if (disclosureRendering) {\n onFinished({ isFinished: true, isError: false });\n }\n }, [disclosureRendering]);\n\n return disclosureRendering;\n};\n","import type { ReactEventHandler } from 'react';\nimport React, { useState, useEffect } from 'react';\nimport type { DisclosureConfigValue } from '../../interfaces/disclosure';\nimport { getConfig } from './utils/getConfig';\nimport { DEDisclosureWithBannerStatus } from './DisclosureWithBannerStatus';\nimport { DEDisclosureWithoutBannerStatus } from './DisclosureWithoutBannerStatus';\n\ninterface DisclosureProps {\n /** callback function to be called when the disclosure is finished loading /\n onFinished?: ({\n isFinished,\n isError,\n }: {\n isFinished: boolean;\n isError: boolean;\n }) => void;\n\n onPrivacyPolicyClick?: ReactEventHandler<HTMLAnchorElement>;\n\n /* ability to turn off cookiestore listener, primarily for testing purposes */\n allowCookieStore?: boolean;\n}\n\nexport const DEDisclosure: React.FC<DisclosureProps> = ({\n onFinished = () => {},\n allowCookieStore = true,\n onPrivacyPolicyClick = (_e) => {},\n}) => {\n const [disclosureRendering, setDisclosureRendering] =\n useState<JSX.Element \| null>(null);\n const [myConfig, setMyConfig] = useState<DisclosureConfigValue>();\n // const { alertBoxClosed } = useOneTrustAlertBoxClosed({ allowCookieStore });\n\n useEffect(() => {\n (async () => {\n const config = await getConfig();\n setMyConfig(config);\n\n if (!config) {\n console.error('No config found');\n }\n })();\n }, []);\n\n useEffect(() => {\n if (myConfig) {\n // step 3: set disclosure based on config\n\n // if config says to check onetrust, check onetrust\n if ('checkBannerStatus' in myConfig && myConfig.checkBannerStatus) {\n // check if onetrust is closed\n // if it is, show the after banner disclosure\n // if it is not, show the before banner disclosure\n setDisclosureRendering(\n <DEDisclosureWithBannerStatus\n config={myConfig}\n allowCookieStore={allowCookieStore}\n onFinished={onFinished}\n onPrivacyPolicyClick={onPrivacyPolicyClick}\n />\n );\n } else if ('disclosure' in myConfig) {\n setDisclosureRendering(\n <DEDisclosureWithoutBannerStatus\n config={myConfig}\n onFinished={onFinished}\n onPrivacyPolicyClick={onPrivacyPolicyClick}\n />\n );\n } else {\n console.error('Invalid config');\n }\n }\n }, [myConfig]);\n\n if (disclosureRendering) {\n return <div data-test-id=\"de-disclosure\">{disclosureRendering}</div>;\n }\n\n return <div data-test-id=\"de-disclosure-loading\"></div>;\n};\n","export const FirstPartyIngestDataTypes = {\n JOB_LEVEL: 'profile_job_level',\n JOB_INDUSTRY: 'profile_job_industry',\n JOB_TITLE: 'profile_job_title',\n PERSONAL_GOALS: 'personal_goals',\n HOBBIES: 'hobbies',\n PROFESSIONAL_GOALS: 'professional_goals',\n INDUSTRY: 'industry',\n NEWS_LOCATION: 'news_location',\n NY_PERSONAL_GOALS: 'new_year_personal_goals',\n NY_HOBBIES: 'new_year_hobbies',\n NY_PROFESSIONAL_GOALS: 'new_year_professional_goals',\n NY_INDUSTRY: 'new_year_industry',\n NY_NEWS_LOCATION: 'new_year_news_location',\n EDU_ROLE: 'profile_edu_role',\n EDU_MAJOR: 'profile_edu_major',\n EDU_GRADUATION_YEAR: 'profile_edu_graduation_year',\n} as const;\n","import type { ResponseStatusType } from '@washingtonpost/subs-sdk';\nimport { CollectionBehaviors, IngestType } from '../interfaces';\nimport type { IngestResponseState } from '../interfaces';\nimport { getAttributes } from '../services/getAttributes';\nimport { sendToGA } from '../services/sendToGA';\nimport { hasRequiredPrivacyCookies } from './hasRequiredPrivacyCookies';\nimport { ingest } from '../services/ingest';\nimport { isAnonymousWebview } from './isAnonymousWebview';\n\ntype PushType = ({\n submitData: { fieldName, value },\n source,\n}: {\n submitData: {\n fieldName: string;\n value: string;\n };\n source: string;\n}) => Promise<\n \| {\n status: ResponseStatusType;\n state: (typeof IngestResponseState)[keyof typeof IngestResponseState];\n }\n \| null\n \| true\n>;\n\nexport const push: PushType = async ({ submitData, source }) => {\n if (!hasRequiredPrivacyCookies()) {\n throw new Error('does not satisfy cookie check');\n }\n\n if (isAnonymousWebview()) {\n throw new Error('does not satisfy cookie check');\n }\n\n const { fieldName } = submitData;\n\n const attributeInfo = await getAttributes({\n fieldName,\n });\n\n if (\n attributeInfo[0] &&\n attributeInfo[0].name === fieldName &&\n attributeInfo[0].collection_behavior === CollectionBehaviors.DO_NOT_COLLECT\n ) {\n throw new Error('do not collect');\n }\n\n const type =\n attributeInfo[0] && attributeInfo[0].explicit === true\n ? IngestType.EXPLICIT\n : IngestType.IMPLICIT;\n\n if (!attributeInfo[0] && __DEV__) {\n console.warn(`no attribute info found for ${fieldName}, assuming implicit`);\n }\n\n if (type === IngestType.EXPLICIT) {\n return ingest({ submitData, source });\n }\n return sendToGA({ submitData, source });\n};\n","import { getCookie, isLoggedIn } from '@washingtonpost/subs-sdk';\n\nexport const isAnonymousWebview = () => {\n if (typeof window === 'undefined') {\n return false;\n }\n\n const wp_wv = getCookie('wp_wv');\n\n return !!(wp_wv && !isLoggedIn());\n};\n","const sendGAEvent = (props: {\n event: string;\n category: string;\n action: string;\n label: string;\n 'de-label': string;\n [key: string]: undefined \| string \| string[];\n}): void => {\n if (typeof window === 'undefined') {\n if (__DEV__) console.warn('NO WINDOW');\n return;\n }\n // Initialize dataLayer if needed\n window.dataLayer = window.dataLayer \|\| [];\n\n const eventData: Record<string, any> = {\n ...props,\n };\n window.dataLayer.push(eventData);\n};\n\nexport const sendToGA: SendToGaType = async ({\n submitData: { fieldName, value },\n source,\n}) => {\n sendGAEvent({\n event: 'site-onpage-click',\n action: 'site-onpage-click',\n category: 'profile',\n\n label: fieldName,\n 'de-label': fieldName,\n [fieldName]: value,\n\n section: 'profile',\n subsection: source,\n });\n\n return true;\n};\n\ntype SendToGaType = ({\n submitData: { fieldName, value },\n source,\n}: {\n submitData: {\n fieldName: string;\n value: string;\n };\n source: string;\n}) => Promise<true>;\n"],"names":["CollectionBehaviors","COLLECT","DO_NOT_COLLECT","IngestType","EXPLICIT","IMPLICIT","checkAlertBoxClosedCookie","getCookie","length","hasRequiredPrivacyCookies","window","intl_region","country_code","countryCode","WPGeo","pageType","gdprAllowTargarting","checkConsentCookieForAllowTargeting","value","includes","base","ENDPOINTS","attributesCache","getAttributes","async","fieldName","fieldNames","url","URL","searchParams","set","join","data","fetch","toString","credentials","headers","DEFAULT_HEADERS","json","ok","status","ResponseStatus","SUCCESS","attributes","e","console","debug","StyledMobileSelect","styled","padding","display","justifyContent","width","backgroundColor","color","fontFamily","fontSize","fontWeight","lineHeight","paddingBlockRight","textOverflow","position","borderColor","borderRightWidth","borderRightColor","appearance","theme","colors","disabled","onDisabled","cursor","StyledSelectWrapper","maxWidth","borderRadius","borderStyle","borderWidth","StyledMobileOption","Dropdown","id","label","values","required","existingValue","onChange","valueSelectedByDefault","answer","setAnswer","useState","isMobileSize","useWindowSize","useEffect","disabledProp","presetDropdownValue","defaultValueProp","defaultValue","defaultValuePropMobile","selected","React","createElement","target","style","map","key","Icon","size","fill","gray80","pointerEvents","right","top","transform","ChevronDown","Select","Root","onValueChange","Trigger","Label","Value","Content","css","zIndex","zIndices","page","Item","scriptSrc","SelectWrapper","boxSizing","marginBottom","flexDirection","configSrc","hydrateLinks","str","onLinkClick","split","i","rel","className","href","onClick","reduce","prev","current","Fragment","checkOptanonConsentCookie","DEDisclosureWithBannerStatus","config","onFinished","allowCookieStore","onPrivacyPolicyClick","disclosure","setDisclosure","disclosureRendering","setDisclosureRendering","alertBoxClosed","consentCookieExists","useOnetrust","setConsentCookieExists","setAlertBoxClosed","listenToCookieStore","setListenToCookieStore","listenToTcfApi","setListenToTcfApi","_window","__tcfapi","warn","cookieStore","cleanupFns","cleanupFn","listenToCookieStoreUtil","push","cleanupFn2","forEach","fn","listenerId","callback","_tcData","success","disclosure_afterbanner","disclosure_beforebanner","Array","isArray","isFinished","isError","DEDisclosureWithoutBannerStatus","DEDisclosure","_e","myConfig","setMyConfig","response","remoteConfig","Object","keys","configKey","toLowerCase","_","getConfig","error","checkBannerStatus","DESelect","source","dataDictionaryConfig","submit","valuesFilter","children","setConfig","setSelected","scriptStatus","useScript","ScriptStatus","READY","__twpdeu","getFieldConfigs","fetchConfig","_window2","result","submitData","submitSelected","sort","a","b","order","filter","archived","name","SYSTEM_ERROR","INVALID_ATTRIBUTE_NAME","INVALID_ATTRIBUTE_NOT_EXISTS","JOB_LEVEL","JOB_INDUSTRY","JOB_TITLE","PERSONAL_GOALS","HOBBIES","PROFESSIONAL_GOALS","INDUSTRY","NEWS_LOCATION","NY_PERSONAL_GOALS","NY_HOBBIES","NY_PROFESSIONAL_GOALS","NY_INDUSTRY","NY_NEWS_LOCATION","EDU_ROLE","EDU_MAJOR","EDU_GRADUATION_YEAR","INVALID_TYPE","INVALID_IDENTIFIER","INVALID_DATA","INVALID_ATTRIBUTE_DEFINITION","INVALID_META_DEFINITION","UNAUTHENTICATED","MISMATCHED_IDENTIFIER","DISABLED_ATTRIBUTE_DEFINITION","Error","isLoggedIn","attributeInfo","collection_behavior","explicit","wapo_login_id","payload","jucid","localStorage","getItem","ga","type","metadata","method","body","JSON","stringify","ingest","props","dataLayer","eventData","sendGAEvent","event","action","category","section","subsection","sendToGA"],"mappings":"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"}

package/dist/subs-de-inputs.esm.js CHANGED Viewed

@@ -283,9 +283,10 @@ const Dropdown = ({
   label,
   values,
   required = false,
-  defaultValue,
+  existingValue,
   onChange = () => {},
-  disabled = false
+  disabled = false,
+  valueSelectedByDefault
 }) => {
   const [answer, setAnswer] = useState();
   const {
@@ -297,11 +298,12 @@ const Dropdown = ({
   const disabledProp = disabled ? {
     disabled: true
   } : {};
+  const presetDropdownValue = existingValue || valueSelectedByDefault;
   // helps maintain state between WPDS and native dropdowns
   const defaultValueProp = answer ? {
     defaultValue: answer
-  } : defaultValue ? {
-    defaultValue
+  } : presetDropdownValue ? {
+    defaultValue: presetDropdownValue
   } : {};
   const defaultValuePropMobile = value => {
     if (answer) {
@@ -309,7 +311,7 @@ const Dropdown = ({
         selected: true
       } : {};
     }
-    return value === defaultValue ? {
+    return value === presetDropdownValue ? {
       selected: true
     } : {};
   };
@@ -364,26 +366,40 @@ const Dropdown = ({
 };
 const scriptSrc = `${ENDPOINTS.base}/de-utils/twpdeu.min.js`;
+const SelectWrapper = /*#__PURE__*/styled('div', {
+  boxSizing: 'border-box',
+  display: 'flex',
+  marginBottom: '$100',
+  flexDirection: 'column',
+  '& button': {
+    padding: '1px 6px'
+  },
+  '& *': {
+    boxSizing: 'border-box'
+  }
+});
 const DESelect = ({
   source,
   fieldName,
   label,
   dataDictionaryConfig,
-  defaultValue,
+  existingValue,
   disabled,
   submit,
   onChange = () => {},
   onFinished = () => {},
   valuesFilter = () => true,
-  children
+  children,
+  valueSelectedByDefault
 }) => {
   const [config, setConfig] = useState(dataDictionaryConfig);
-  const [selected, setSelected] = useState('');
+  const [selected, setSelected] = useState(!existingValue && valueSelectedByDefault ? valueSelectedByDefault : '');
   const scriptStatus = useScript(scriptSrc);
   useEffect(() => {
     const fetchConfig = async () => {
       try {
         var _window;
+        // eslint-disable-next-line @typescript-eslint/no-shadow
         const config = await ((_window = window) === null || _window === void 0 || (_window = _window.__twpdeu) === null || _window === void 0 ? void 0 : _window.getFieldConfigs({
           fieldName
         }));
@@ -416,6 +432,7 @@ const DESelect = ({
           isFinished: true,
           isError
         });
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
       } catch (e) {
         onFinished({
           isFinished: false,
@@ -427,8 +444,8 @@ const DESelect = ({
       submitSelected();
     }
   }, [scriptStatus, submit]);
-  const defaultValueProp = defaultValue && config ? {
-    defaultValue
+  const defaultValueProp = existingValue && config ? {
+    defaultValue: existingValue
   } : {};
   const isLoading = !(children || config);
   const disabledProp = disabled || isLoading ? {
@@ -461,22 +478,11 @@ const DESelect = ({
       });
     },
     values: values.map(value => value.name),
-    defaultValue: defaultValue,
-    disabled: disabled
+    existingValue: existingValue,
+    disabled: disabled,
+    valueSelectedByDefault: valueSelectedByDefault
   }));
 };
-const SelectWrapper = /*#__PURE__*/styled('div', {
-  boxSizing: 'border-box',
-  display: 'flex',
-  marginBottom: '$100',
-  flexDirection: 'column',
-  '& button': {
-    padding: '1px 6px'
-  },
-  '& *': {
-    boxSizing: 'border-box'
-  }
-});
 const configSrc = `${ENDPOINTS.base === 'https://subscribe.washingtonpost.com' ? 'https://www.washingtonpost.com/subscribe' : ENDPOINTS.base}/config/de/disclosure.json`;
 const getConfig = async () => {