@washingtonpost/subs-de-inputs 1.0.0-react18.12g → 1.0.0-react18.3

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

@@ -1 +1 @@
-{"version":3,"file":"subs-de-inputs.cjs.production.min.js","sources":["../src/interfaces/index.ts","../src/components/DEDisclosure/utils/checkCookie.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/index.tsx","../src/components/DEDisclosure/hooks/useOnetrustAlertBoxClosedPromise.ts","../src/components/DEDisclosure/utils/hydrateLinks.tsx","../src/utils/push.ts","../src/utils/isAnonymousWebview.ts","../src/services/sendToGA.ts"],"sourcesContent":["export 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\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","import { getCookie } from '@washingtonpost/subs-sdk';\n\nconst COOKIE = 'OptanonAlertBoxClosed';\n\nexport const checkCookie = () => {\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 { checkCookie } from '../components/DEDisclosure/utils/checkCookie';\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  const gdprAllowTargarting = checkConsentCookieForAllowTargeting();\n  if (typeof gdprAllowTargarting === 'boolean' && checkCookie()) {\n    return gdprAllowTargarting;\n  }\n\n  // Downstream systems\n  if (intl_region === 'EEA') {\n    return true;\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  JSON_HEADERS,\n} from '@washingtonpost/subs-sdk';\nimport { Attribute } from '../interfaces';\n\nconst base = `${ENDPOINTS.base}/de/v1`;\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: JSON_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    } else {\n      return [];\n    }\n  } catch (e) {\n    console.debug(e);\n    return [];\n  }\n};\n\ntype GetAttributesType = ({\n  fieldName,\n}: {\n  fieldName: string;\n}) => Promise<Attribute[]>;\n","import {\n  ENDPOINTS,\n  JSON_HEADERS,\n  getCookie,\n} from '@washingtonpost/subs-sdk';\nimport type { ResponseStatusType } from '@washingtonpost/subs-sdk';\nimport { 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: JSON_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 { 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 = `${\n  ENDPOINTS.staticAssets === 'https://subscribe.washingtonpost.com/static'\n    ? 'https://www.washingtonpost.com/subscribe/static/'\n    : ENDPOINTS.staticAssets\n}/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 {\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 = 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, { useState, useEffect } from 'react';\nimport { DisclosureConfigValue } from '../../interfaces/disclosure';\nimport { getConfig } from './utils/getConfig';\nimport { hydrateLinks } from './utils/hydrateLinks';\nimport { useOneTrustAlertBoxClosed } from './hooks/useOnetrustAlertBoxClosedPromise';\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  /** 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}) => {\n  const [disclosure, setDisclosure] = useState<string[] | null>(null);\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        if (alertBoxClosed) {\n          setDisclosure(myConfig.disclosure_afterbanner);\n        } else {\n          setDisclosure(myConfig.disclosure_beforebanner);\n        }\n      } else if ('disclosure' in myConfig) {\n        setDisclosure(myConfig.disclosure);\n      } else {\n        console.error('Invalid config');\n      }\n    }\n  }, [myConfig, alertBoxClosed]);\n\n  useEffect(() => {\n    if (disclosure && Array.isArray(disclosure)) {\n      setDisclosureRendering(\n        disclosure.reduce((prev, current) => {\n          return (\n            <>\n              {prev}\n              <p>{hydrateLinks(current)}</p>\n            </>\n          );\n        }, <></>)\n      );\n\n      // Is it ok to fire `onFinished` if still waiting for onetrust to load on the page?\n      onFinished({\n        isFinished: true,\n        isError: false,\n      });\n    }\n  }, [disclosure]);\n\n  return disclosure === null ? (\n    <div data-test-id=\"de-disclosure-loading\"></div>\n  ) : (\n    <div data-test-id=\"de-disclosure\">{disclosureRendering}</div>\n  );\n};\n","import { useState, useEffect } from 'react';\nimport {\n  listenToCookieStore as listenToCookieStoreUtil,\n  ICookieStore,\n} from '@washingtonpost/subs-sdk';\nimport { checkCookie } from '../utils/checkCookie';\n\nconst 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 useOneTrustAlertBoxClosed = ({\n  allowCookieStore,\n}: {\n  allowCookieStore: boolean;\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 (checkCookie()) {\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    let cleanupFn: (() => void) | null = () => {};\n    if (listenToCookieStore && window.cookieStore) {\n      cleanupFn = listenToCookieStoreUtil(COOKIE, () => {\n        if (checkCookie()) {\n          setAlertBoxClosed(true);\n        } else {\n          setAlertBoxClosed(false);\n        }\n      });\n    }\n    return cleanupFn || (() => {});\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          // 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 (checkCookie()) {\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 { alertBoxClosed, listenToCookieStore, listenToTcfApi };\n};\n","import React from 'react';\n\ntype hydrateLinksType = (str: string) => string | JSX.Element;\n\nexport const hydrateLinks: hydrateLinksType = (str: string) => {\n  const array = str.split(/({{PRIVACY_POLICY}})/g);\n  const chunks = array.map((str) => {\n    if (str === '{{PRIVACY_POLICY}}') {\n      return (\n        <a\n          target=\"_blank\"\n          style={{ color: 'inherit' }}\n          className=\"underline\"\n          href=\"https://www.washingtonpost.com/privacy-policy/\"\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 type { ResponseStatusType } from '@washingtonpost/subs-sdk';\nimport {\n  CollectionBehaviors,\n  IngestType,\n} 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\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  } else {\n    return sendToGA({ submitData, source });\n  }\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","checkCookie","getCookie","length","hasRequiredPrivacyCookies","window","intl_region","country_code","countryCode","WPGeo","gdprAllowTargarting","checkConsentCookieForAllowTargeting","value","includes","base","ENDPOINTS","attributesCache","getAttributes","async","fieldName","fieldNames","url","URL","searchParams","set","join","data","fetch","toString","credentials","headers","JSON_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","staticAssets","SelectWrapper","boxSizing","marginBottom","flexDirection","configSrc","DEDisclosure","onFinished","allowCookieStore","disclosure","setDisclosure","disclosureRendering","setDisclosureRendering","myConfig","setMyConfig","alertBoxClosed","useOneTrustAlertBoxClosed","setAlertBoxClosed","listenToCookieStore","setListenToCookieStore","listenToTcfApi","setListenToTcfApi","_window","__tcfapi","warn","cookieStore","cleanupFn","listenToCookieStoreUtil","listenerId","callback","_tcData","success","config","response","remoteConfig","Object","keys","forEach","configKey","split","toLowerCase","getConfig","error","checkBannerStatus","disclosure_afterbanner","disclosure_beforebanner","Array","isArray","reduce","prev","current","Fragment","str","className","href","isFinished","isError","DESelect","source","dataDictionaryConfig","submit","valuesFilter","children","setConfig","setSelected","scriptStatus","useScript","ScriptStatus","READY","__twpdeu","getFieldConfigs","fetchConfig","_window2","result","push","submitData","submitSelected","sort","a","b","order","filter","archived","name","SYSTEM_ERROR","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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"}
+{"version":3,"file":"subs-de-inputs.cjs.production.min.js","sources":["../src/interfaces/index.ts","../src/utils/hasRequiredPrivacyCookies.ts","../src/services/getAttributes.ts","../src/services/ingest.ts","../src/components/DESelect/Dropdown.tsx","../src/components/DESelect/index.tsx","../src/utils/push.ts","../src/services/sendToGA.ts"],"sourcesContent":["export 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: Array<AttributeValue>;\n};\n\nexport const AttributesState = {\n  SUCCESS: '100',\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","import { WPGeo, getCookie } from '@washingtonpost/subs-sdk';\n\nexport const hasRequiredPrivacyCookies = () => {\n  if (typeof window === 'undefined') {\n    return false;\n  }\n\n  const wp_usp = getCookie('wp_usp');\n\n  const countryCode = WPGeo()?.country_code;\n\n  return !!(wp_usp && countryCode === 'US');\n};\n","import {\n  ENDPOINTS,\n  ResponseStatus,\n  JSON_HEADERS,\n} from '@washingtonpost/subs-sdk';\nimport { Attribute } from '../interfaces';\n\nconst base = `${ENDPOINTS.base}/de/v1`;\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: JSON_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    } else {\n      return [];\n    }\n  } catch (e) {\n    console.debug(e);\n    return [];\n  }\n};\n\ntype GetAttributesType = ({\n  fieldName,\n}: {\n  fieldName: string;\n}) => Promise<Attribute[]>;\n","import {\n  ENDPOINTS,\n  ResponseStatus,\n  JSON_HEADERS,\n  getCookie,\n} from '@washingtonpost/subs-sdk';\nimport { 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: JSON_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: ResponseStatus;\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 { Attribute, AttributeValue } from '../../interfaces';\nimport { Dropdown } from './Dropdown';\n\ninterface DESelectProps {\n  source: string;\n  fieldName: string;\n  label?: string;\n  dataDictionaryConfig?: 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 = `${\n  ENDPOINTS.staticAssets === 'https://subscribe.washingtonpost.com/static'\n    ? 'https://www.washingtonpost.com/subscribe/static/'\n    : ENDPOINTS.staticAssets\n}/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  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 {\n  CollectionBehaviors,\n  IngestResponseState,\n  IngestType,\n} from '../interfaces';\nimport { getAttributes } from '../services/getAttributes';\nimport { sendToGA } from '../services/sendToGA';\nimport { hasRequiredPrivacyCookies } from './hasRequiredPrivacyCookies';\nimport { ResponseStatus } from '@washingtonpost/subs-sdk';\nimport { ingest } from '../services/ingest';\n\nexport const push: PushType = async ({ submitData, source }) => {\n  if (!hasRequiredPrivacyCookies()) {\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  } else {\n    return sendToGA({ submitData, source });\n  }\n};\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: ResponseStatus;\n      state: (typeof IngestResponseState)[keyof typeof IngestResponseState];\n    }\n  | null\n  | true\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","hasRequiredPrivacyCookies","_WPGeo","window","wp_usp","getCookie","countryCode","WPGeo","country_code","base","ENDPOINTS","attributesCache","getAttributes","async","fieldName","fieldNames","url","URL","searchParams","set","join","data","fetch","toString","credentials","headers","JSON_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","value","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","staticAssets","SelectWrapper","boxSizing","marginBottom","flexDirection","DESelect","source","dataDictionaryConfig","submit","onFinished","valuesFilter","children","config","setConfig","setSelected","scriptStatus","useScript","ScriptStatus","READY","_window","__twpdeu","getFieldConfigs","error","warn","fetchConfig","_window2","result","push","submitData","isFinished","isError","submitSelected","sort","a","b","order","filter","archived","name","SYSTEM_ERROR","INVALID_TYPE","INVALID_IDENTIFIER","INVALID_DATA","INVALID_ATTRIBUTE_DEFINITION","INVALID_META_DEFINITION","UNAUTHENTICATED","MISMATCHED_IDENTIFIER","DISABLED_ATTRIBUTE_DEFINITION","Error","attributeInfo","collection_behavior","explicit","wapo_login_id","payload","jucid","localStorage","getItem","ga","type","metadata","response","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

@@ -1,4 +1,4 @@
-import { getCookie, WPGeo, JSON_HEADERS, ResponseStatus, ENDPOINTS, isLoggedIn, listenToCookieStore } from '@washingtonpost/subs-sdk';
+import { getCookie, WPGeo, JSON_HEADERS, ResponseStatus, ENDPOINTS } from '@washingtonpost/subs-sdk';
 import React, { useState, useEffect } from 'react';
 import { Icon, theme, Select, styled } from '@washingtonpost/wpds-ui-kit';
 import { useWindowSize, useScript, ScriptStatus } from '@washingtonpost/subs-hooks';
@@ -29,45 +29,14 @@ const IngestResponseState = {
   DO_NOT_COLLECT: '110'
 };
 
-const COOKIE$2 = 'OptanonConsent';
-/**
- * Checks the users OptanonConsent cookie to determine if the user has allowed targeting.
- * Returns true or false if the flag is found in the cookie, null otherwise.
- * @returns {boolean | null}
- */
-const checkConsentCookieForAllowTargeting = () => {
-  const value = getCookie(COOKIE$2) || '';
-  return value.includes('C0004%3A1') ? true : value.includes('C0004%3A0') ? false : null;
-};
-
-const COOKIE$1 = 'OptanonAlertBoxClosed';
-const checkCookie = () => {
-  const value = getCookie(COOKIE$1) || '';
-  // Wed May 15 2024 06:29:23 GMT-0500 (Central Daylight Time)
-  // "Invalid date" is 12 characters long
-  return value.length > 12;
-};
-
 const hasRequiredPrivacyCookies = () => {
+  var _WPGeo;
   if (typeof window === 'undefined') {
     return false;
   }
-  const {
-    intl_region,
-    country_code: countryCode
-  } = WPGeo();
-  if (countryCode === 'US') {
-    return !!getCookie('wp_usp');
-  }
-  const gdprAllowTargarting = checkConsentCookieForAllowTargeting();
-  if (typeof gdprAllowTargarting === 'boolean' && checkCookie()) {
-    return gdprAllowTargarting;
-  }
-  // Downstream systems
-  if (intl_region === 'EEA') {
-    return true;
-  }
-  return false;
+  const wp_usp = getCookie('wp_usp');
+  const countryCode = (_WPGeo = WPGeo()) === null || _WPGeo === void 0 ? void 0 : _WPGeo.country_code;
+  return !!(wp_usp && countryCode === 'US');
 };
 
 const base$1 = `${ENDPOINTS.base}/de/v1`;
@@ -172,14 +141,6 @@ const ingest = async ({
   }
 };
 
-const isAnonymousWebview = () => {
-  if (typeof window === 'undefined') {
-    return false;
-  }
-  const wp_wv = getCookie('wp_wv');
-  return !!(wp_wv && !isLoggedIn());
-};
-
 const push = async ({
   submitData,
   source
@@ -187,9 +148,6 @@ const push = async ({
   if (!hasRequiredPrivacyCookies()) {
     throw new Error('does not satisfy cookie check');
   }
-  if (isAnonymousWebview()) {
-    throw new Error('does not satisfy cookie check');
-  }
   const {
     fieldName
   } = submitData;
@@ -419,8 +377,7 @@ const DESelect = ({
     disabled: true
   } : {};
   // sort and filter out archived values
-  // Note: config.values may be readonly
-  const values = config ? [...config.values].sort((a, b) => a.order - b.order).filter(value => value.archived !== true).filter(valuesFilter) : [];
+  const values = config ? config.values.sort((a, b) => a.order - b.order).filter(value => value.archived !== true).filter(valuesFilter) : [];
   return React.createElement(SelectWrapper, null, children && React.createElement(Select.Root, {
     onValueChange: e => {
       setSelected(e);
@@ -462,180 +419,5 @@ const SelectWrapper = /*#__PURE__*/styled('div', {
   }
 });
 
-const configSrc = `${ENDPOINTS.base === 'https://subscribe.washingtonpost.com' ? 'https://www.washingtonpost.com/subscribe' : ENDPOINTS.base}/config/de/disclosure.json`;
-const getConfig = async () => {
-  let myConfig = undefined;
-  // step 1: fetch config
-  const response = await fetch(configSrc);
-  const remoteConfig = await response.json();
-  // step 2: figure out which part of the config to use
-  // if country- or region-specific config found, use that
-  const {
-    country_code,
-    intl_region
-  } = WPGeo();
-  Object.keys(remoteConfig).forEach(configKey => {
-    if (country_code && configKey.split('|').includes(country_code.toLowerCase())) {
-      myConfig = remoteConfig[configKey];
-    } else if (intl_region === 'EEA' && configKey === 'eea') {
-      myConfig = remoteConfig[configKey];
-    }
-  });
-  // TODO: Check for billing country also
-  // else if no country-specific config, use the default config
-  if (typeof myConfig === 'undefined' && remoteConfig['_']) {
-    myConfig = remoteConfig['_'];
-  }
-  return myConfig;
-};
-
-const hydrateLinks = str => {
-  const array = str.split(/({{PRIVACY_POLICY}})/g);
-  const chunks = array.map(str => {
-    if (str === '{{PRIVACY_POLICY}}') {
-      return React.createElement("a", {
-        target: "_blank",
-        style: {
-          color: 'inherit'
-        },
-        className: "underline",
-        href: "https://www.washingtonpost.com/privacy-policy/"
-      }, "Privacy Policy");
-    }
-    return str;
-  });
-  const toReturn = chunks.reduce((prev, current) => React.createElement(React.Fragment, null, prev, current), React.createElement(React.Fragment, null));
-  return toReturn;
-};
-
-const COOKIE = 'OptanonAlertBoxClosed';
-const useOneTrustAlertBoxClosed = ({
-  allowCookieStore
-}) => {
-  const [alertBoxClosed, setAlertBoxClosed] = useState();
-  const [listenToCookieStore$1, setListenToCookieStore] = useState(false);
-  const [listenToTcfApi, setListenToTcfApi] = useState(false);
-  useEffect(() => {
-    var _window;
-    if (checkCookie()) {
-      setAlertBoxClosed(true);
-      return;
-    }
-    if (!window.__tcfapi) {
-      console.warn('warning: __tcfapi not found');
-    }
-    if ((_window = window) !== null && _window !== void 0 && _window.cookieStore && allowCookieStore) {
-      setListenToCookieStore(true);
-    } else if (window.__tcfapi) {
-      setListenToTcfApi(true);
-    } else {
-      console.warn('warning: neither cookieStore nor __tcfapi found');
-    }
-  }, []);
-  useEffect(() => {
-    let cleanupFn = () => {};
-    if (listenToCookieStore$1 && window.cookieStore) {
-      cleanupFn = listenToCookieStore(COOKIE, () => {
-        if (checkCookie()) {
-          setAlertBoxClosed(true);
-        } else {
-          setAlertBoxClosed(false);
-        }
-      });
-    }
-    return cleanupFn || (() => {});
-  }, [listenToCookieStore$1]);
-  useEffect(() => {
-    let listenerId;
-    if (listenToTcfApi && window.__tcfapi) {
-      const callback = (_tcData, success) => {
-        if (success) {
-          listenerId = _tcData.listenerId;
-          // tcData.eventStatus can be:
-          // tcloaded means user has made a choice and we’re ready to check it
-          // cmpuishown means the banner is shown
-          // useractioncomplete means the user has interacted with the banner
-          // but actually if the result for any of these is true, we just use the value of the cookie
-          if (checkCookie()) {
-            setAlertBoxClosed(true);
-          }
-        }
-      };
-      window.__tcfapi('addEventListener', 2, callback);
-    }
-    // cleanup fn
-    return () => {
-      if (window.__tcfapi && listenerId) window.__tcfapi('removeEventListener', 2, success => {
-        console.debug(success);
-      }, listenerId);
-    };
-  }, [listenToTcfApi]);
-  return {
-    alertBoxClosed,
-    listenToCookieStore: listenToCookieStore$1,
-    listenToTcfApi
-  };
-};
-
-const DEDisclosure = ({
-  onFinished = () => {},
-  allowCookieStore = true
-}) => {
-  const [disclosure, setDisclosure] = useState(null);
-  const [disclosureRendering, setDisclosureRendering] = useState(null);
-  const [myConfig, setMyConfig] = useState();
-  const {
-    alertBoxClosed
-  } = useOneTrustAlertBoxClosed({
-    allowCookieStore
-  });
-  useEffect(() => {
-    (async () => {
-      const config = await getConfig();
-      setMyConfig(config);
-      if (!config) {
-        console.error('No config found');
-      }
-    })();
-  }, []);
-  useEffect(() => {
-    if (myConfig) {
-      // step 3: set disclosure based on config
-      // if config says to check onetrust, check onetrust
-      if ('checkBannerStatus' in myConfig && myConfig.checkBannerStatus) {
-        // check if onetrust is closed
-        // if it is, show the after banner disclosure
-        // if it is not, show the before banner disclosure
-        if (alertBoxClosed) {
-          setDisclosure(myConfig.disclosure_afterbanner);
-        } else {
-          setDisclosure(myConfig.disclosure_beforebanner);
-        }
-      } else if ('disclosure' in myConfig) {
-        setDisclosure(myConfig.disclosure);
-      } else {
-        console.error('Invalid config');
-      }
-    }
-  }, [myConfig, alertBoxClosed]);
-  useEffect(() => {
-    if (disclosure && Array.isArray(disclosure)) {
-      setDisclosureRendering(disclosure.reduce((prev, current) => {
-        return React.createElement(React.Fragment, null, prev, React.createElement("p", null, hydrateLinks(current)));
-      }, React.createElement(React.Fragment, null)));
-      // Is it ok to fire `onFinished` if still waiting for onetrust to load on the page?
-      onFinished({
-        isFinished: true,
-        isError: false
-      });
-    }
-  }, [disclosure]);
-  return disclosure === null ? React.createElement("div", {
-    "data-test-id": "de-disclosure-loading"
-  }) : React.createElement("div", {
-    "data-test-id": "de-disclosure"
-  }, disclosureRendering);
-};
-
-export { AttributesState, CollectionBehaviors, DEDisclosure, DESelect, IngestResponseState, IngestType, getAttributes, hasRequiredPrivacyCookies, push };
+export { AttributesState, CollectionBehaviors, DESelect, IngestResponseState, IngestType, getAttributes, hasRequiredPrivacyCookies, push };
 //# sourceMappingURL=subs-de-inputs.esm.js.map