@washingtonpost/subs-de-inputs 1.10.1 → 1.11.0

package/dist/index.js

@@ -1,8 +1,665 @@
+import { DEFAULT_HEADERS, ENDPOINTS, ResponseStatus, WPGeo, getCookie, isLoggedIn, listenToCookieStore } from "@washingtonpost/subs-sdk";
+import { useEffect, useState } from "react";
+import { Icon, Select, styled, theme } from "@washingtonpost/wpds-ui-kit";
+import { ScriptStatus, useScript, useWindowSize } from "@washingtonpost/subs-hooks";
+import { ChevronDown } from "@washingtonpost/wpds-assets";
+import { Fragment, jsxDEV } from "react/jsx-dev-runtime";
+//#region src/interfaces/index.ts
+var CollectionBehaviors = {
+	COLLECT: "COLLECT",
+	DO_NOT_COLLECT: "DO_NOT_COLLECT"
+};
+var AttributesState = { SUCCESS: "100" };
+var DeleteAttributeState = {
+	SUCCESS: "150",
+	SYSTEM_ERROR: "151",
+	INVALID_ATTRIBUTE_NAME: "152",
+	INVALID_ATTRIBUTE_NOT_EXISTS: "153"
+};
+var IngestType = {
+	EXPLICIT: "explicit",
+	IMPLICIT: "implicit"
+};
+var 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"
+};
+//#endregion
+//#region src/utils/checkConsentCookieForAllowTargeting.ts
+var 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}
+*/
+var checkConsentCookieForAllowTargeting = () => {
+	const value = getCookie(COOKIE$2) || "";
+	return value.includes("C0004%3A1") ? true : value.includes("C0004%3A0") ? false : null;
+};
+//#endregion
+//#region src/components/DEDisclosure/utils/checkAlertBoxClosedCookie.ts
+var COOKIE$1 = "OptanonAlertBoxClosed";
+var checkAlertBoxClosedCookie = () => {
+	return (getCookie(COOKIE$1) || "").length > 12;
+};
+//#endregion
+//#region src/utils/hasRequiredPrivacyCookies.ts
+/**
+* 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}
+*/
+var 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;
+		if (intl_region === "EEA" && window.pageType === "onboarding") return true;
+	}
+	return false;
+};
+//#endregion
+//#region src/services/getAttributes.ts
+var base$1 = `${ENDPOINTS.base}/de/v1`;
+var attributesCache = {};
+var 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 [];
+	}
+};
+//#endregion
+//#region src/services/sendToGA.ts
+var sendGAEvent = (props) => {
+	if (typeof window === "undefined") return;
+	window.dataLayer = window.dataLayer || [];
+	const eventData = { ...props };
+	window.dataLayer.push(eventData);
+};
+var 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;
+};
+//#endregion
+//#region src/services/ingest.ts
+var base = `${ENDPOINTS.base}/de/v1`;
+var ingest = async ({ submitData: { fieldName, value }, source }) => {
+	const url = `${base}/ingest`;
+	const wapo_login_id = getCookie("wapo_login_id");
+	const payload = {
+		jucid: localStorage.getItem("uuid"),
+		ga: getCookie("_ga"),
+		type: IngestType.EXPLICIT,
+		wapo_login_id,
+		data: { [fieldName]: [value] },
+		metadata: { source }
+	};
+	try {
+		return await (await fetch(url, {
+			method: "POST",
+			credentials: "include",
+			headers: DEFAULT_HEADERS,
+			body: JSON.stringify(payload)
+		})).json();
+	} catch (e) {
+		console.debug(e);
+		return null;
+	}
+};
+//#endregion
+//#region src/utils/isAnonymousWebview.ts
+var isAnonymousWebview = () => {
+	if (typeof window === "undefined") return false;
+	return !!(getCookie("wp_wv") && !isLoggedIn());
+};
+//#endregion
+//#region src/utils/push.ts
+var 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] && false);
+	if (type === IngestType.EXPLICIT) return ingest({
+		submitData,
+		source
+	});
+	return sendToGA({
+		submitData,
+		source
+	});
+};
+//#endregion
+//#region src/components/DESelect/Dropdown.tsx
+var _jsxFileName$5 = "/var/jenkins/workspace/Subs-FE-Components_production/packages/de-inputs/src/components/DESelect/Dropdown.tsx";
+var StyledMobileSelect = 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"
+	}
+});
+var StyledSelectWrapper = styled("div", {
+	width: "100%",
+	maxWidth: "380px",
+	borderRadius: "$012",
+	borderColor: "$subtle",
+	borderStyle: "solid",
+	borderWidth: "1px",
+	backgroundColor: "$secondary",
+	position: "relative"
+});
+var StyledMobileOption = 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.
+*/
+var 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;
+	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 ? /* @__PURE__ */ jsxDEV(StyledSelectWrapper, { children: [/* @__PURE__ */ jsxDEV(StyledMobileSelect, {
+		id: "",
+		required,
+		onChange: (e) => setAnswer(e.target.value),
+		...disabledProp,
+		children: [
+			/* @__PURE__ */ jsxDEV("label", { children: label }, void 0, false, {
+				fileName: _jsxFileName$5,
+				lineNumber: 109,
+				columnNumber: 9
+			}, void 0),
+			/* @__PURE__ */ jsxDEV(StyledMobileOption, {
+				value: "",
+				disabled: true,
+				selected: true,
+				style: { color: "#666666" },
+				children: label
+			}, void 0, false, {
+				fileName: _jsxFileName$5,
+				lineNumber: 110,
+				columnNumber: 9
+			}, void 0),
+			values.map((value) => /* @__PURE__ */ jsxDEV(StyledMobileOption, {
+				value,
+				...defaultValuePropMobile(value),
+				children: value
+			}, value, false, {
+				fileName: _jsxFileName$5,
+				lineNumber: 119,
+				columnNumber: 11
+			}, void 0))
+		]
+	}, void 0, true, {
+		fileName: _jsxFileName$5,
+		lineNumber: 103,
+		columnNumber: 7
+	}, void 0), /* @__PURE__ */ jsxDEV(Icon, {
+		label: "",
+		size: "100",
+		fill: theme.colors.gray80,
+		style: {
+			pointerEvents: "none",
+			position: "absolute",
+			right: "10px",
+			top: "50%",
+			transform: "translateY(-50%)"
+		},
+		children: /* @__PURE__ */ jsxDEV(ChevronDown, { style: {
+			position: "absolute",
+			right: "10px"
+		} }, void 0, false, {
+			fileName: _jsxFileName$5,
+			lineNumber: 140,
+			columnNumber: 9
+		}, void 0)
+	}, void 0, false, {
+		fileName: _jsxFileName$5,
+		lineNumber: 128,
+		columnNumber: 7
+	}, void 0)] }, void 0, true, {
+		fileName: _jsxFileName$5,
+		lineNumber: 102,
+		columnNumber: 5
+	}, void 0) : /* @__PURE__ */ jsxDEV(Select.Root, {
+		onValueChange: (e) => setAnswer(e),
+		required,
+		...defaultValueProp,
+		...disabledProp,
+		children: [/* @__PURE__ */ jsxDEV(Select.Trigger, {
+			"data-test-id": `${id}-select-trigger`,
+			children: [/* @__PURE__ */ jsxDEV(Select.Label, { children: label }, void 0, false, {
+				fileName: _jsxFileName$5,
+				lineNumber: 151,
+				columnNumber: 9
+			}, void 0), /* @__PURE__ */ jsxDEV(Select.Value, {}, void 0, false, {
+				fileName: _jsxFileName$5,
+				lineNumber: 152,
+				columnNumber: 9
+			}, void 0)]
+		}, void 0, true, {
+			fileName: _jsxFileName$5,
+			lineNumber: 150,
+			columnNumber: 7
+		}, void 0), /* @__PURE__ */ jsxDEV(Select.Content, {
+			css: { zIndex: theme.zIndices.page },
+			"data-test-id": `${id}-select-content`,
+			children: values.map((value) => /* @__PURE__ */ jsxDEV(Select.Item, {
+				value,
+				children: value
+			}, value, false, {
+				fileName: _jsxFileName$5,
+				lineNumber: 159,
+				columnNumber: 11
+			}, void 0))
+		}, void 0, false, {
+			fileName: _jsxFileName$5,
+			lineNumber: 154,
+			columnNumber: 7
+		}, void 0)]
+	}, void 0, true, {
+		fileName: _jsxFileName$5,
+		lineNumber: 144,
+		columnNumber: 5
+	}, void 0);
+};
+//#endregion
+//#region src/components/DESelect/index.tsx
+var _jsxFileName$4 = "/var/jenkins/workspace/Subs-FE-Components_production/packages/de-inputs/src/components/DESelect/index.tsx";
+var scriptSrc = `${ENDPOINTS.base}/de-utils/twpdeu.min.js`;
+var SelectWrapper = styled("div", {
+	boxSizing: "border-box",
+	display: "flex",
+	marginBottom: "$100",
+	flexDirection: "column",
+	"& button": { padding: "1px 6px" },
+	"& *": { boxSizing: "border-box" }
+});
+var 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 {
+				const config = await window?.__twpdeu?.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 {
+				const result = await window?.__twpdeu?.push({
+					submitData: {
+						fieldName,
+						value: selected
+					},
+					source
+				});
+				onFinished({
+					isFinished: true,
+					isError: result === true ? false : result ? result.status !== ResponseStatus.SUCCESS : true
+				});
+			} catch (e) {
+				onFinished({
+					isFinished: false,
+					isError: true
+				});
+			}
+		};
+		if (scriptStatus === ScriptStatus.READY && submit && selected) submitSelected();
+	}, [scriptStatus, submit]);
+	const defaultValueProp = existingValue && config ? { defaultValue: existingValue } : {};
+	const disabledProp = disabled || !(children || config) ? { disabled: true } : {};
+	const values = config ? [...config.values].sort((a, b) => a.order - b.order).filter((value) => value.archived !== true).filter(valuesFilter) : [];
+	return /* @__PURE__ */ jsxDEV(SelectWrapper, { children: [
+		children && /* @__PURE__ */ jsxDEV(Select.Root, {
+			onValueChange: (e) => {
+				setSelected(e);
+				onChange({ value: e });
+			},
+			...defaultValueProp,
+			...disabledProp,
+			children
+		}, void 0, false, {
+			fileName: _jsxFileName$4,
+			lineNumber: 147,
+			columnNumber: 9
+		}, void 0),
+		!children && !config && /* @__PURE__ */ jsxDEV(Dropdown, {
+			id: "loading",
+			label: "Loading...",
+			values: [],
+			disabled: true
+		}, void 0, false, {
+			fileName: _jsxFileName$4,
+			lineNumber: 159,
+			columnNumber: 9
+		}, void 0),
+		!children && config && /* @__PURE__ */ jsxDEV(Dropdown, {
+			id: config.name,
+			label: label || config.name,
+			onChange: (e) => {
+				setSelected(e);
+				onChange({ value: e });
+			},
+			values: values.map((value) => value.name),
+			existingValue,
+			disabled,
+			valueSelectedByDefault
+		}, void 0, false, {
+			fileName: _jsxFileName$4,
+			lineNumber: 167,
+			columnNumber: 9
+		}, void 0)
+	] }, void 0, true, {
+		fileName: _jsxFileName$4,
+		lineNumber: 145,
+		columnNumber: 5
+	}, void 0);
+};
+//#endregion
+//#region src/components/DEDisclosure/utils/getConfig.ts
+var configSrc = `${ENDPOINTS.base === "https://subscribe.washingtonpost.com" ? "https://www.washingtonpost.com/subscribe" : ENDPOINTS.base}/config/de/disclosure.json`;
+var getConfig = async () => {
+	let myConfig;
+	const remoteConfig = await (await fetch(configSrc)).json();
+	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];
+	});
+	if (typeof myConfig === "undefined" && remoteConfig._) myConfig = remoteConfig._;
+	return myConfig;
+};
+//#endregion
+//#region src/components/DEDisclosure/utils/hydrateLinks.tsx
+var _jsxFileName$3 = "/var/jenkins/workspace/Subs-FE-Components_production/packages/de-inputs/src/components/DEDisclosure/utils/hydrateLinks.tsx";
+var hydrateLinks = (str, onLinkClick = () => {}) => {
+	return str.split(/({{PRIVACY_POLICY}})/g).map((chunk, i) => {
+		if (chunk === "{{PRIVACY_POLICY}}") return /* @__PURE__ */ jsxDEV("a", {
+			rel: "noopener noreferrer",
+			target: "_blank",
+			style: { color: "inherit" },
+			className: "underline",
+			href: "https://www.washingtonpost.com/privacy-policy/",
+			onClick: (e) => onLinkClick(e),
+			children: "Privacy Policy"
+		}, `privacy-link-${i}`, false, {
+			fileName: _jsxFileName$3,
+			lineNumber: 13,
+			columnNumber: 9
+		}, void 0);
+		return chunk;
+	}).reduce((prev, current) => /* @__PURE__ */ jsxDEV(Fragment, { children: [prev, current] }, void 0, true), /* @__PURE__ */ jsxDEV(Fragment, {}, void 0, false));
+};
+//#endregion
+//#region src/components/DEDisclosure/utils/checkOptAnonConsentCookie.ts
+var COOKIE = "OptanonConsent";
+var checkOptanonConsentCookie = () => {
+	return (getCookie(COOKIE) || "").length > 12;
+};
+//#endregion
+//#region src/components/DEDisclosure/hooks/useOnetrust.ts
+var CONSENT_COOKIE = "OptanonConsent";
+var ALERT_BOX_COOKIE = "OptanonAlertBoxClosed";
+var useOnetrust = ({ allowCookieStore }) => {
+	const [consentCookieExists, setConsentCookieExists] = useState();
+	const [alertBoxClosed, setAlertBoxClosed] = useState();
+	const [listenToCookieStore$1, setListenToCookieStore] = useState(false);
+	const [listenToTcfApi, setListenToTcfApi] = useState(false);
+	useEffect(() => {
+		if (checkOptanonConsentCookie()) setConsentCookieExists(true);
+		if (checkAlertBoxClosedCookie()) {
+			setAlertBoxClosed(true);
+			return;
+		}
+		if (!window.__tcfapi) console.warn("warning: __tcfapi not found");
+		if (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);
+					if (checkAlertBoxClosedCookie()) setAlertBoxClosed(true);
+				}
+			};
+			window.__tcfapi("addEventListener", 2, callback);
+		}
+		return () => {
+			if (window.__tcfapi && listenerId) window.__tcfapi("removeEventListener", 2, (success) => {
+				console.debug(success);
+			}, listenerId);
+		};
+	}, [listenToTcfApi]);
+	return {
+		consentCookieExists,
+		alertBoxClosed,
+		listenToCookieStore: listenToCookieStore$1,
+		listenToTcfApi
+	};
+};
+//#endregion
+//#region src/components/DEDisclosure/DisclosureWithBannerStatus.tsx
+var _jsxFileName$2 = "/var/jenkins/workspace/Subs-FE-Components_production/packages/de-inputs/src/components/DEDisclosure/DisclosureWithBannerStatus.tsx";
+var DEDisclosureWithBannerStatus = ({ config, onFinished, allowCookieStore = true, onPrivacyPolicyClick = () => {} }) => {
+	const [disclosure, setDisclosure] = useState(null);
+	const [disclosureRendering, setDisclosureRendering] = useState(null);
+	const { alertBoxClosed, consentCookieExists } = useOnetrust({ allowCookieStore });
+	useEffect(() => {
+		if (config) if (alertBoxClosed) setDisclosure(config.disclosure_afterbanner);
+		else setDisclosure(config.disclosure_beforebanner);
+	}, [alertBoxClosed]);
+	useEffect(() => {
+		if (disclosure && Array.isArray(disclosure)) setDisclosureRendering(disclosure.reduce((prev, current) => /* @__PURE__ */ jsxDEV(Fragment, { children: [prev, /* @__PURE__ */ jsxDEV("p", { children: hydrateLinks(current, onPrivacyPolicyClick) }, void 0, false, {
+			fileName: _jsxFileName$2,
+			lineNumber: 55,
+			columnNumber: 15
+		}, void 0)] }, void 0, true), /* @__PURE__ */ jsxDEV(Fragment, {}, void 0, false)));
+	}, [disclosure]);
+	useEffect(() => {
+		if (disclosureRendering && consentCookieExists) onFinished({
+			isFinished: true,
+			isError: false
+		});
+	}, [disclosureRendering, consentCookieExists]);
+	return disclosureRendering;
+};
+//#endregion
+//#region src/components/DEDisclosure/DisclosureWithoutBannerStatus.tsx
+var _jsxFileName$1 = "/var/jenkins/workspace/Subs-FE-Components_production/packages/de-inputs/src/components/DEDisclosure/DisclosureWithoutBannerStatus.tsx";
+var 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) => /* @__PURE__ */ jsxDEV(Fragment, { children: [prev, /* @__PURE__ */ jsxDEV("p", { children: hydrateLinks(current, onPrivacyPolicyClick) }, void 0, false, {
+			fileName: _jsxFileName$1,
+			lineNumber: 38,
+			columnNumber: 15
+		}, void 0)] }, void 0, true), /* @__PURE__ */ jsxDEV(Fragment, {}, void 0, false)));
+	}, [disclosure]);
+	useEffect(() => {
+		if (disclosureRendering) onFinished({
+			isFinished: true,
+			isError: false
+		});
+	}, [disclosureRendering]);
+	return disclosureRendering;
+};
+//#endregion
+//#region src/components/DEDisclosure/index.tsx
+var _jsxFileName = "/var/jenkins/workspace/Subs-FE-Components_production/packages/de-inputs/src/components/DEDisclosure/index.tsx";
+var DEDisclosure = ({ onFinished = () => {}, allowCookieStore = true, onPrivacyPolicyClick = () => {} }) => {
+	const [disclosureRendering, setDisclosureRendering] = useState(null);
+	const [myConfig, setMyConfig] = useState();
+	useEffect(() => {
+		(async () => {
+			const config = await getConfig();
+			setMyConfig(config);
+			if (!config) console.error("No config found");
+		})();
+	}, []);
+	useEffect(() => {
+		if (myConfig) if ("checkBannerStatus" in myConfig && myConfig.checkBannerStatus) setDisclosureRendering(/* @__PURE__ */ jsxDEV(DEDisclosureWithBannerStatus, {
+			config: myConfig,
+			allowCookieStore,
+			onFinished,
+			onPrivacyPolicyClick
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 55,
+			columnNumber: 11
+		}, void 0));
+		else if ("disclosure" in myConfig) setDisclosureRendering(/* @__PURE__ */ jsxDEV(DEDisclosureWithoutBannerStatus, {
+			config: myConfig,
+			onFinished,
+			onPrivacyPolicyClick
+		}, void 0, false, {
+			fileName: _jsxFileName,
+			lineNumber: 64,
+			columnNumber: 11
+		}, void 0));
+		else console.error("Invalid config");
+	}, [myConfig]);
+	if (disclosureRendering) return /* @__PURE__ */ jsxDEV("div", {
+		"data-test-id": "de-disclosure",
+		children: disclosureRendering
+	}, void 0, false, {
+		fileName: _jsxFileName,
+		lineNumber: 77,
+		columnNumber: 12
+	}, void 0);
+	return /* @__PURE__ */ jsxDEV("div", { "data-test-id": "de-disclosure-loading" }, void 0, false, {
+		fileName: _jsxFileName,
+		lineNumber: 80,
+		columnNumber: 10
+	}, void 0);
+};
+//#endregion
+//#region src/constants/IngestDataTypes.ts
+var 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"
+};
+//#endregion
+export { AttributesState, CollectionBehaviors, DEDisclosure, DESelect, DeleteAttributeState, FirstPartyIngestDataTypes, IngestResponseState, IngestType, getAttributes, hasRequiredPrivacyCookies, push };
 
-'use strict'
-
-if (process.env.NODE_ENV === 'production') {
-  module.exports = require('./subs-de-inputs.cjs.production.min.js')
-} else {
-  module.exports = require('./subs-de-inputs.cjs.development.js')
-}
+//# sourceMappingURL=index.js.map