@washingtonpost/subs-de-inputs 1.10.2 → 1.11.0

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

@@ -1,769 +0,0 @@
-import { getCookie, WPGeo, DEFAULT_HEADERS, ResponseStatus, ENDPOINTS, isLoggedIn, listenToCookieStore } 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';
-import { ChevronDown } from '@washingtonpost/wpds-assets';
-
-const CollectionBehaviors = {
-  COLLECT: 'COLLECT',
-  DO_NOT_COLLECT: 'DO_NOT_COLLECT'
-};
-const AttributesState = {
-  SUCCESS: '100'
-};
-// https://github.com/WashPost/subs-be-user-data-enrichment/blob/8e8f8460c59adbe9c83b50f368bff1d3300bfd6b/src/main/java/washpost/paywall/userdataenrichment/model/ResponseState.java#L19
-const DeleteAttributeState = {
-  SUCCESS: '150',
-  SYSTEM_ERROR: '151',
-  INVALID_ATTRIBUTE_NAME: '152',
-  INVALID_ATTRIBUTE_NOT_EXISTS: '153'
-};
-const IngestType = {
-  EXPLICIT: 'explicit',
-  IMPLICIT: 'implicit'
-};
-const IngestResponseState = {
-  SUCCESS: '100',
-  SYSTEM_ERROR: '101',
-  INVALID_TYPE: '102',
-  INVALID_IDENTIFIER: '103',
-  INVALID_DATA: '104',
-  INVALID_ATTRIBUTE_DEFINITION: '105',
-  INVALID_META_DEFINITION: '106',
-  UNAUTHENTICATED: '107',
-  MISMATCHED_IDENTIFIER: '108',
-  DISABLED_ATTRIBUTE_DEFINITION: '109',
-  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 checkAlertBoxClosedCookie = () => {
-  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;
-};
-
-/**
- * Checks privacy cookies to decide if we can send up 1pd
- * If US, checks that wp_usp exists
- * Else If OptAnonConsent cookie exists, checks the value of targeting cookies consent
- * Else If EEA, always returns true
- * Else, returns false
- * @returns {boolean}
- */
-const hasRequiredPrivacyCookies = () => {
-  if (typeof window === 'undefined') {
-    return false;
-  }
-  const {
-    intl_region,
-    country_code: countryCode
-  } = WPGeo();
-  if (countryCode === 'US') {
-    return !!getCookie('wp_usp');
-  }
-  if (window.pageType === 'onboarding') {
-    const gdprAllowTargarting = checkConsentCookieForAllowTargeting();
-    if (typeof gdprAllowTargarting === 'boolean' && checkAlertBoxClosedCookie()) {
-      return gdprAllowTargarting;
-    }
-    // Downstream systems
-    // Checking for window.pageType === 'onboarding' to avoid being true on graphics articles etc for now -- MNI-710
-    if (intl_region === 'EEA' && window.pageType === 'onboarding') {
-      return true;
-    }
-  }
-  return false;
-};
-
-const base$1 = `${ENDPOINTS.base}/de/v1`;
-const attributesCache = {};
-const getAttributes = async ({
-  fieldName
-}) => {
-  if (attributesCache[fieldName]) {
-    return attributesCache[fieldName];
-  }
-  const fieldNames = [fieldName];
-  try {
-    const url = new URL(`${base$1}/attributes`);
-    url.searchParams.set('attributes', fieldNames.join(','));
-    const data = await fetch(url.toString(), {
-      credentials: 'include',
-      headers: DEFAULT_HEADERS
-    });
-    const json = await data.json();
-    if (data.ok && json.status === ResponseStatus.SUCCESS) {
-      const attributes = json.attributes || [];
-      attributesCache[fieldName] = attributes;
-      return attributes;
-    }
-    return [];
-  } catch (e) {
-    console.debug(e);
-    return [];
-  }
-};
-
-const sendGAEvent = props => {
-  if (typeof window === 'undefined') {
-    if (process.env.NODE_ENV !== "production") console.warn('NO WINDOW');
-    return;
-  }
-  // Initialize dataLayer if needed
-  window.dataLayer = window.dataLayer || [];
-  const eventData = {
-    ...props
-  };
-  window.dataLayer.push(eventData);
-};
-const sendToGA = async ({
-  submitData: {
-    fieldName,
-    value
-  },
-  source
-}) => {
-  sendGAEvent({
-    event: 'site-onpage-click',
-    action: 'site-onpage-click',
-    category: 'profile',
-    label: fieldName,
-    'de-label': fieldName,
-    [fieldName]: value,
-    section: 'profile',
-    subsection: source
-  });
-  return true;
-};
-
-const base = `${ENDPOINTS.base}/de/v1`;
-const ingest = async ({
-  submitData: {
-    fieldName,
-    value
-  },
-  source
-}) => {
-  const url = `${base}/ingest`;
-  const wapo_login_id = getCookie('wapo_login_id');
-  const jucid = localStorage.getItem('uuid');
-  const ga = getCookie('_ga');
-  const payload = {
-    jucid,
-    ga,
-    type: IngestType.EXPLICIT,
-    wapo_login_id,
-    // TODO: move this to BE to read from cookie headers
-    data: {
-      [fieldName]: [value]
-    },
-    metadata: {
-      source
-    }
-  };
-  try {
-    const response = await fetch(url, {
-      method: 'POST',
-      credentials: 'include',
-      headers: DEFAULT_HEADERS,
-      body: JSON.stringify(payload)
-    });
-    const json = await response.json();
-    return json;
-  } catch (e) {
-    console.debug(e);
-    return null;
-  }
-};
-
-const isAnonymousWebview = () => {
-  if (typeof window === 'undefined') {
-    return false;
-  }
-  const wp_wv = getCookie('wp_wv');
-  return !!(wp_wv && !isLoggedIn());
-};
-
-const push = async ({
-  submitData,
-  source
-}) => {
-  if (!hasRequiredPrivacyCookies()) {
-    throw new Error('does not satisfy cookie check');
-  }
-  if (isAnonymousWebview()) {
-    throw new Error('does not satisfy cookie check');
-  }
-  const {
-    fieldName
-  } = submitData;
-  const attributeInfo = await getAttributes({
-    fieldName
-  });
-  if (attributeInfo[0] && attributeInfo[0].name === fieldName && attributeInfo[0].collection_behavior === CollectionBehaviors.DO_NOT_COLLECT) {
-    throw new Error('do not collect');
-  }
-  const type = attributeInfo[0] && attributeInfo[0].explicit === true ? IngestType.EXPLICIT : IngestType.IMPLICIT;
-  if (!attributeInfo[0] && process.env.NODE_ENV !== "production") {
-    console.warn(`no attribute info found for ${fieldName}, assuming implicit`);
-  }
-  if (type === IngestType.EXPLICIT) {
-    return ingest({
-      submitData,
-      source
-    });
-  }
-  return sendToGA({
-    submitData,
-    source
-  });
-};
-
-const StyledMobileSelect = /*#__PURE__*/styled('select', {
-  padding: '12px 16px 12px 6px',
-  display: 'flex',
-  justifyContent: 'space-between',
-  width: '100%',
-  backgroundColor: '$secondary',
-  color: '$primary',
-  fontFamily: '$meta',
-  fontSize: '$100',
-  fontWeight: '$light',
-  lineHeight: '$125',
-  paddingBlockRight: '$125',
-  textOverflow: 'ellipsis',
-  position: 'relative',
-  borderColor: 'transparent',
-  borderRightWidth: '10px',
-  borderRightColor: 'transparent',
-  appearance: 'none',
-  '-webkit-appearance': 'none',
-  '&:disabled': {
-    backgroundColor: theme.colors.disabled,
-    borderColor: theme.colors.disabled,
-    color: theme.colors.onDisabled,
-    cursor: 'not-allowed'
-  }
-});
-const StyledSelectWrapper = /*#__PURE__*/styled('div', {
-  width: '100%',
-  maxWidth: '380px',
-  borderRadius: '$012',
-  borderColor: '$subtle',
-  borderStyle: 'solid',
-  borderWidth: '1px',
-  backgroundColor: '$secondary',
-  position: 'relative'
-});
-const StyledMobileOption = /*#__PURE__*/styled('option', {
-  fontFamily: 'inherit',
-  fontSize: 'inherit',
-  color: 'inherit'
-});
-/**
- * Dropdown component.  Uses wpds-ui-kit on desktop and native select on mobile.
- * @param {IDropdownProps} props The props.
- * @returns {React.ReactElement} The dropdown.
- */
-const Dropdown = ({
-  id,
-  label,
-  values,
-  required = false,
-  existingValue,
-  onChange = () => {},
-  disabled = false,
-  valueSelectedByDefault
-}) => {
-  const [answer, setAnswer] = useState();
-  const {
-    isMobileSize
-  } = useWindowSize();
-  useEffect(() => {
-    if (answer) onChange(answer);
-  }, [answer]);
-  const disabledProp = disabled ? {
-    disabled: true
-  } : {};
-  const presetDropdownValue = existingValue || valueSelectedByDefault;
-  // helps maintain state between WPDS and native dropdowns
-  const defaultValueProp = answer ? {
-    defaultValue: answer
-  } : presetDropdownValue ? {
-    defaultValue: presetDropdownValue
-  } : {};
-  const defaultValuePropMobile = value => {
-    if (answer) {
-      return value === answer ? {
-        selected: true
-      } : {};
-    }
-    return value === presetDropdownValue ? {
-      selected: true
-    } : {};
-  };
-  return isMobileSize ? React.createElement(StyledSelectWrapper, null, React.createElement(StyledMobileSelect, {
-    id: "",
-    required: required,
-    onChange: e => setAnswer(e.target.value),
-    ...disabledProp
-  }, React.createElement("label", null, label), React.createElement(StyledMobileOption, {
-    value: "",
-    disabled: true,
-    selected: true,
-    style: {
-      color: '#666666'
-    }
-  }, label), values.map(value => React.createElement(StyledMobileOption, {
-    value: value,
-    key: value,
-    ...defaultValuePropMobile(value)
-  }, value))), React.createElement(Icon, {
-    label: "",
-    size: "100",
-    fill: theme.colors.gray80,
-    style: {
-      pointerEvents: 'none',
-      position: 'absolute',
-      right: '10px',
-      top: '50%',
-      transform: 'translateY(-50%)'
-    }
-  }, React.createElement(ChevronDown, {
-    style: {
-      position: 'absolute',
-      right: '10px'
-    }
-  }))) : React.createElement(Select.Root, {
-    onValueChange: e => setAnswer(e),
-    required: required,
-    ...defaultValueProp,
-    ...disabledProp
-  }, React.createElement(Select.Trigger, {
-    "data-test-id": `${id}-select-trigger`
-  }, React.createElement(Select.Label, null, label), React.createElement(Select.Value, null)), React.createElement(Select.Content, {
-    css: {
-      zIndex: theme.zIndices.page
-    },
-    "data-test-id": `${id}-select-content`
-  }, values.map(value => React.createElement(Select.Item, {
-    value: value,
-    key: value
-  }, value))));
-};
-
-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,
-  existingValue,
-  disabled,
-  submit,
-  onChange = () => {},
-  onFinished = () => {},
-  valuesFilter = () => true,
-  children,
-  valueSelectedByDefault
-}) => {
-  const [config, setConfig] = useState(dataDictionaryConfig);
-  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
-        }));
-        if (config) {
-          setConfig(config[0]);
-        } else {
-          console.error('unable to get config', fieldName);
-        }
-      } catch (e) {
-        console.warn('unable to get config', fieldName, e);
-      }
-    };
-    if (scriptStatus === ScriptStatus.READY && !(children || config)) {
-      fetchConfig();
-    }
-  }, [scriptStatus]);
-  useEffect(() => {
-    const submitSelected = async () => {
-      try {
-        var _window2;
-        const result = await ((_window2 = window) === null || _window2 === void 0 || (_window2 = _window2.__twpdeu) === null || _window2 === void 0 ? void 0 : _window2.push({
-          submitData: {
-            fieldName,
-            value: selected
-          },
-          source
-        }));
-        const isError = result === true ? false : result ? result.status !== ResponseStatus.SUCCESS : true;
-        onFinished({
-          isFinished: true,
-          isError
-        });
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      } catch (e) {
-        onFinished({
-          isFinished: false,
-          isError: true
-        });
-      }
-    };
-    if (scriptStatus === ScriptStatus.READY && submit && selected) {
-      submitSelected();
-    }
-  }, [scriptStatus, submit]);
-  const defaultValueProp = existingValue && config ? {
-    defaultValue: existingValue
-  } : {};
-  const isLoading = !(children || config);
-  const disabledProp = disabled || isLoading ? {
-    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) : [];
-  return React.createElement(SelectWrapper, null, children && React.createElement(Select.Root, {
-    onValueChange: e => {
-      setSelected(e);
-      onChange({
-        value: e
-      });
-    },
-    ...defaultValueProp,
-    ...disabledProp
-  }, children), !children && !config && React.createElement(Dropdown, {
-    id: 'loading',
-    label: 'Loading...',
-    values: [],
-    disabled: true
-  }), !children && config && React.createElement(Dropdown, {
-    id: config.name,
-    label: label || config.name,
-    onChange: e => {
-      setSelected(e);
-      onChange({
-        value: e
-      });
-    },
-    values: values.map(value => value.name),
-    existingValue: existingValue,
-    disabled: disabled,
-    valueSelectedByDefault: valueSelectedByDefault
-  }));
-};
-
-const configSrc = `${ENDPOINTS.base === 'https://subscribe.washingtonpost.com' ? 'https://www.washingtonpost.com/subscribe' : ENDPOINTS.base}/config/de/disclosure.json`;
-const getConfig = async () => {
-  let myConfig;
-  // 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, onLinkClick = () => {}) => {
-  const array = str.split(/({{PRIVACY_POLICY}})/g);
-  const chunks = array.map((chunk, i) => {
-    if (chunk === '{{PRIVACY_POLICY}}') {
-      return React.createElement("a", {
-        key: `privacy-link-${i}`,
-        rel: "noopener noreferrer",
-        target: "_blank",
-        style: {
-          color: 'inherit'
-        },
-        className: "underline",
-        href: "https://www.washingtonpost.com/privacy-policy/",
-        onClick: e => onLinkClick(e)
-      }, "Privacy Policy");
-    }
-    return chunk;
-  });
-  const toReturn = chunks.reduce((prev, current) => React.createElement(React.Fragment, null, prev, current), React.createElement(React.Fragment, null));
-  return toReturn;
-};
-
-const COOKIE = 'OptanonConsent';
-const checkOptanonConsentCookie = () => {
-  const value = getCookie(COOKIE) || '';
-  return value.length > 12;
-};
-
-const CONSENT_COOKIE = 'OptanonConsent';
-const ALERT_BOX_COOKIE = 'OptanonAlertBoxClosed';
-const useOnetrust = ({
-  allowCookieStore
-}) => {
-  const [consentCookieExists, setConsentCookieExists] = useState();
-  const [alertBoxClosed, setAlertBoxClosed] = useState();
-  const [listenToCookieStore$1, setListenToCookieStore] = useState(false);
-  const [listenToTcfApi, setListenToTcfApi] = useState(false);
-  useEffect(() => {
-    var _window;
-    if (checkOptanonConsentCookie()) {
-      setConsentCookieExists(true);
-    }
-    if (checkAlertBoxClosedCookie()) {
-      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(() => {
-    const cleanupFns = [];
-    if (listenToCookieStore$1 && window.cookieStore) {
-      const cleanupFn = listenToCookieStore(CONSENT_COOKIE, () => {
-        if (checkOptanonConsentCookie()) {
-          setConsentCookieExists(true);
-        }
-      });
-      cleanupFns.push(cleanupFn);
-      const cleanupFn2 = listenToCookieStore(ALERT_BOX_COOKIE, () => {
-        if (checkAlertBoxClosedCookie()) {
-          setAlertBoxClosed(true);
-        } else {
-          setAlertBoxClosed(false);
-        }
-      });
-      cleanupFns.push(cleanupFn2);
-    }
-    return () => {
-      cleanupFns.forEach(fn => fn && fn());
-    };
-  }, [listenToCookieStore$1]);
-  useEffect(() => {
-    let listenerId;
-    if (listenToTcfApi && window.__tcfapi) {
-      const callback = (_tcData, success) => {
-        if (success) {
-          listenerId = _tcData.listenerId;
-          if (checkOptanonConsentCookie()) {
-            setConsentCookieExists(true);
-          }
-          // 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 (checkAlertBoxClosedCookie()) {
-            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 {
-    consentCookieExists,
-    alertBoxClosed,
-    listenToCookieStore: listenToCookieStore$1,
-    listenToTcfApi
-  };
-};
-
-const DEDisclosureWithBannerStatus = ({
-  config,
-  onFinished,
-  allowCookieStore = true,
-  onPrivacyPolicyClick = () => {}
-}) => {
-  const [disclosure, setDisclosure] = useState(null);
-  const [disclosureRendering, setDisclosureRendering] = useState(null);
-  const {
-    alertBoxClosed,
-    consentCookieExists
-  } = useOnetrust({
-    allowCookieStore
-  });
-  useEffect(() => {
-    if (config) {
-      // step 3: set disclosure based on config
-      if (alertBoxClosed) {
-        setDisclosure(config.disclosure_afterbanner);
-      } else {
-        setDisclosure(config.disclosure_beforebanner);
-      }
-    }
-  }, [alertBoxClosed]);
-  useEffect(() => {
-    if (disclosure && Array.isArray(disclosure)) {
-      setDisclosureRendering(disclosure.reduce((prev, current) => React.createElement(React.Fragment, null, prev, React.createElement("p", null, hydrateLinks(current, onPrivacyPolicyClick))), React.createElement(React.Fragment, null)));
-    }
-  }, [disclosure]);
-  useEffect(() => {
-    if (disclosureRendering && consentCookieExists) {
-      onFinished({
-        isFinished: true,
-        isError: false
-      });
-    }
-  }, [disclosureRendering, consentCookieExists]);
-  return disclosureRendering;
-};
-
-const DEDisclosureWithoutBannerStatus = ({
-  config,
-  onFinished,
-  onPrivacyPolicyClick = () => {}
-}) => {
-  const [disclosure, setDisclosure] = useState(null);
-  const [disclosureRendering, setDisclosureRendering] = useState(null);
-  useEffect(() => {
-    if (config) {
-      setDisclosure(config.disclosure);
-    }
-  }, [config]);
-  useEffect(() => {
-    if (disclosure && Array.isArray(disclosure)) {
-      setDisclosureRendering(disclosure.reduce((prev, current) => React.createElement(React.Fragment, null, prev, React.createElement("p", null, hydrateLinks(current, onPrivacyPolicyClick))), React.createElement(React.Fragment, null)));
-    }
-  }, [disclosure]);
-  useEffect(() => {
-    if (disclosureRendering) {
-      onFinished({
-        isFinished: true,
-        isError: false
-      });
-    }
-  }, [disclosureRendering]);
-  return disclosureRendering;
-};
-
-const DEDisclosure = ({
-  onFinished = () => {},
-  allowCookieStore = true,
-  onPrivacyPolicyClick = _e => {}
-}) => {
-  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
-        setDisclosureRendering(React.createElement(DEDisclosureWithBannerStatus, {
-          config: myConfig,
-          allowCookieStore: allowCookieStore,
-          onFinished: onFinished,
-          onPrivacyPolicyClick: onPrivacyPolicyClick
-        }));
-      } else if ('disclosure' in myConfig) {
-        setDisclosureRendering(React.createElement(DEDisclosureWithoutBannerStatus, {
-          config: myConfig,
-          onFinished: onFinished,
-          onPrivacyPolicyClick: onPrivacyPolicyClick
-        }));
-      } else {
-        console.error('Invalid config');
-      }
-    }
-  }, [myConfig]);
-  if (disclosureRendering) {
-    return React.createElement("div", {
-      "data-test-id": "de-disclosure"
-    }, disclosureRendering);
-  }
-  return React.createElement("div", {
-    "data-test-id": "de-disclosure-loading"
-  });
-};
-
-const FirstPartyIngestDataTypes = {
-  JOB_LEVEL: 'profile_job_level',
-  JOB_INDUSTRY: 'profile_job_industry',
-  JOB_TITLE: 'profile_job_title',
-  PERSONAL_GOALS: 'personal_goals',
-  HOBBIES: 'hobbies',
-  PROFESSIONAL_GOALS: 'professional_goals',
-  INDUSTRY: 'industry',
-  NEWS_LOCATION: 'news_location',
-  NY_PERSONAL_GOALS: 'new_year_personal_goals',
-  NY_HOBBIES: 'new_year_hobbies',
-  NY_PROFESSIONAL_GOALS: 'new_year_professional_goals',
-  NY_INDUSTRY: 'new_year_industry',
-  NY_NEWS_LOCATION: 'new_year_news_location',
-  EDU_ROLE: 'profile_edu_role',
-  EDU_MAJOR: 'profile_edu_major',
-  EDU_GRADUATION_YEAR: 'profile_edu_graduation_year'
-};
-
-export { AttributesState, CollectionBehaviors, DEDisclosure, DESelect, DeleteAttributeState, FirstPartyIngestDataTypes, IngestResponseState, IngestType, getAttributes, hasRequiredPrivacyCookies, push };
-//# sourceMappingURL=subs-de-inputs.esm.js.map