@washingtonpost/subs-de-inputs 0.2.0-canary.1 → 0.2.0

package/CHANGELOG.md

@@ -0,0 +1,21 @@
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+**[0.2.0 - 2024-05-01]**:
+* Adds `ingest()` function
+* ESM build only
+* Babel config to target recent browsers only
+
+**[0.1.1 - 2024-04-30]**:
+* Fix build by removing unused file
+
+**[0.1.0 - 2024-04-25]**:
+* Add initial `<DESelect />` component
+
+**[0.0.2 - 2024-04-24]**:
+* Fix build error
+
+**[0.0.1 - 2024-04-09]**:
+* Initial setup

package/dist/interfaces/index.d.ts

@@ -37,4 +37,6 @@ export declare const IngestResponseState: {
     readonly INVALID_META_DEFINITION: "106";
     readonly UNAUTHENTICATED: "107";
     readonly MISMATCHED_IDENTIFIER: "108";
+    readonly DISABLED_ATTRIBUTE_DEFINITION: "109";
+    readonly DO_NOT_COLLECT: "110";
 };

package/dist/services/dataEnrichment.d.ts

@@ -8,8 +8,9 @@ export declare const ingest: IngestType;
 declare type IngestType = ({ submitData: { fieldName, value }, source, }: {
     submitData: {
         fieldName: string;
-        value: string;
+        value: string[];
     };
+    type: (typeof IngestType)[keyof typeof IngestType];
     source: string;
 }) => Promise<{
     status: ResponseStatus;

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

@@ -1,6 +1,7 @@
 import { getCookie, WPGeo, JSON_HEADERS, ResponseStatus, ENDPOINTS } from '@washingtonpost/subs-sdk';
 import React, { useState, useEffect } from 'react';
 import { Select, theme, styled } from '@washingtonpost/wpds-ui-kit';
+import { useScript, ScriptStatus } from '@washingtonpost/subs-hooks';
 
 const CollectionBehaviors = {
   COLLECT: 'COLLECT',
@@ -22,7 +23,9 @@ const IngestResponseState = {
   INVALID_ATTRIBUTE_DEFINITION: '105',
   INVALID_META_DEFINITION: '106',
   UNAUTHENTICATED: '107',
-  MISMATCHED_IDENTIFIER: '108'
+  MISMATCHED_IDENTIFIER: '108',
+  DISABLED_ATTRIBUTE_DEFINITION: '109',
+  DO_NOT_COLLECT: '110'
 };
 
 const hasRequiredPrivacyCookies = () => {
@@ -71,6 +74,7 @@ const ingest = async _ref2 => {
       fieldName,
       value
     },
+    type,
     source
   } = _ref2;
   const url = `${base}/ingest`;
@@ -92,7 +96,7 @@ const ingest = async _ref2 => {
   const payload = {
     jucid,
     ga,
-    type: IngestType.EXPLICIT,
+    type,
     wapo_login_id,
     data: {
       fieldName,
@@ -117,6 +121,7 @@ const ingest = async _ref2 => {
   }
 };
 
+const scriptSrc = `${ENDPOINTS.staticAssets === 'https://subscribe.washingtonpost.com/static' ? 'https://www.washingtonpost.com/subscribe/static/' : ENDPOINTS.staticAssets}/de-utils/twpdeu.min.js`;
 const DESelect = _ref => {
   let {
     source,
@@ -133,37 +138,38 @@ const DESelect = _ref => {
   } = _ref;
   const [config, setConfig] = useState(dataDictionaryConfig);
   const [selected, setSelected] = useState('');
+  const scriptStatus = useScript(scriptSrc);
   useEffect(() => {
-    if (children) {
-      if (process.env.NODE_ENV !== "production") {
-        console.debug('childen props', children);
-      }
-      return;
-    }
-    if (!config) {
-      (async () => {
-        // TODO: Switch to window.__twpdeu.getFieldConfigs
-        const config = await getAttributes({
+    const fetchConfig = async () => {
+      try {
+        var _window;
+        const config = await ((_window = window) === null || _window === void 0 || (_window = _window.__twpdeu) === null || _window === void 0 ? void 0 : _window.getFieldConfigs({
           fieldName
-        });
-        if (process.env.NODE_ENV !== "production") {
-          console.debug('config from API', config);
+        }));
+        if (config) {
+          setConfig(config[0]);
+        } else {
+          console.error('unable to get config', fieldName);
         }
-        setConfig(config[0]);
-      })();
+      } catch (e) {
+        console.warn('unable to get config', fieldName, e);
+      }
+    };
+    if (scriptStatus === ScriptStatus.READY && !(children || config)) {
+      fetchConfig();
     }
-  }, []);
+  }, [scriptStatus]);
   useEffect(() => {
-    (async () => {
-      if (submit && selected) {
+    const submitSelected = async () => {
+      try {
         // TODO: Switch to window.__twpdeu.push
         // TODO: Log to GA
-        // TODO: Differentiate between explicit and implicit inputs?
         const result = await ingest({
           submitData: {
             fieldName,
-            value: selected
+            value: [selected]
           },
+          type: config !== null && config !== void 0 && config.explicit ? IngestType.EXPLICIT : IngestType.IMPLICIT,
           source
         });
         const isError = result ? result.status !== ResponseStatus.SUCCESS : true;
@@ -171,8 +177,16 @@ const DESelect = _ref => {
           isFinished: true,
           isError
         });
+      } catch (e) {
+        onFinished({
+          isFinished: false,
+          isError: true
+        });
       }
-    })();
+    };
+    if (submit && selected) {
+      submitSelected();
+    }
   }, [submit, selected]);
   if (!(children || config)) {
     return React.createElement("span", null, "loading");

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

@@ -1 +1 @@
-{"version":3,"file":"subs-de-inputs.esm.js","sources":["../src/interfaces/index.ts","../src/utils/hasRequiredPrivacyCookies.ts","../src/services/dataEnrichment.ts","../src/components/DESelect/index.tsx"],"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} 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  getCookie,\n} from '@washingtonpost/subs-sdk';\nimport {\n  Attribute,\n  CollectionBehaviors,\n  IngestResponseState,\n  IngestType,\n} from '../interfaces';\nimport { hasRequiredPrivacyCookies } from '../utils/hasRequiredPrivacyCookies';\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\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  if (!hasRequiredPrivacyCookies()) {\n    throw new Error('does not satisfy cookie check');\n  }\n\n  let attributeInfo = attributesCache[fieldName];\n  if (!attributeInfo) {\n    attributeInfo = await getAttributes({ 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 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,\n      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, { useState, useEffect } from 'react';\nimport { Select, styled, theme } from '@washingtonpost/wpds-ui-kit';\nimport { Attribute, AttributeValue } from '../../interfaces';\nimport { getAttributes, ingest } from '../../services/dataEnrichment';\nimport { ResponseStatus } from '@washingtonpost/subs-sdk';\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\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  useEffect(() => {\n    if (children) {\n      if (__DEV__) {\n        console.debug('childen props', children);\n      }\n      return;\n    }\n\n    if (!config) {\n      (async () => {\n        // TODO: Switch to window.__twpdeu.getFieldConfigs\n        const config = await getAttributes({ fieldName });\n        if (__DEV__) {\n          console.debug('config from API', config);\n        }\n        setConfig(config[0]);\n      })();\n    }\n  }, []);\n\n  useEffect(() => {\n    (async () => {\n      if (submit && selected) {\n        // TODO: Switch to window.__twpdeu.push\n        // TODO: Log to GA\n        // TODO: Differentiate between explicit and implicit inputs?\n        const result = await ingest({\n          submitData: { fieldName, value: selected },\n          source,\n        });\n        const isError = result\n          ? result.status !== ResponseStatus.SUCCESS\n          : true;\n\n        onFinished({\n          isFinished: true,\n          isError,\n        });\n      }\n    })();\n  }, [submit, selected]);\n\n  if (!(children || config)) {\n    return <span>loading</span>;\n  }\n\n  const defaultValueProp = defaultValue ? { defaultValue } : {};\n\n  const disabledProp = disabled ? { 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      <Select.Root\n        onValueChange={(e: string) => {\n          onChange({ value: e });\n          setSelected(e);\n        }}\n        {...defaultValueProp}\n        {...disabledProp}\n      >\n        {children ? children : null}\n        {!children && config && (\n          <>\n            <Select.Trigger data-test-id={`${config.name}-select-trigger`}>\n              <Select.Label>{label || config.name}</Select.Label>\n              <Select.Value />\n            </Select.Trigger>\n            <Select.Content\n              css={{ zIndex: theme.zIndices.page }}\n              data-test-id={`${config.name}-select-content`}\n            >\n              {values.map((value) => (\n                <Select.Item value={value.name} key={value.name}>\n                  {value.name}\n                </Select.Item>\n              ))}\n            </Select.Content>\n          </>\n        )}\n      </Select.Root>\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"],"names":["CollectionBehaviors","COLLECT","DO_NOT_COLLECT","AttributesState","SUCCESS","IngestType","EXPLICIT","IMPLICIT","IngestResponseState","SYSTEM_ERROR","INVALID_TYPE","INVALID_IDENTIFIER","INVALID_DATA","INVALID_ATTRIBUTE_DEFINITION","INVALID_META_DEFINITION","UNAUTHENTICATED","MISMATCHED_IDENTIFIER","hasRequiredPrivacyCookies","window","wp_usp","getCookie","countryCode","_WPGeo","WPGeo","country_code","base","ENDPOINTS","attributesCache","getAttributes","_ref","fieldName","fieldNames","url","URL","searchParams","set","join","data","fetch","toString","credentials","headers","JSON_HEADERS","json","ok","status","ResponseStatus","attributes","e","console","debug","ingest","_ref2","submitData","value","source","wapo_login_id","Error","attributeInfo","name","collection_behavior","jucid","localStorage","getItem","ga","payload","type","metadata","response","method","body","JSON","stringify","DESelect","label","dataDictionaryConfig","defaultValue","disabled","submit","onChange","onFinished","valuesFilter","children","config","setConfig","useState","selected","setSelected","useEffect","process","env","NODE_ENV","result","isError","isFinished","React","defaultValueProp","disabledProp","values","sort","a","b","order","filter","archived","SelectWrapper","Select","Root","onValueChange","Trigger","Label","Value","Content","css","zIndex","theme","zIndices","page","map","Item","key","styled","boxSizing","display","marginBottom","flexDirection","padding"],"mappings":"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"}
+{"version":3,"file":"subs-de-inputs.esm.js","sources":["../src/interfaces/index.ts","../src/utils/hasRequiredPrivacyCookies.ts","../src/services/dataEnrichment.ts","../src/components/DESelect/index.tsx"],"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  getCookie,\n} from '@washingtonpost/subs-sdk';\nimport {\n  Attribute,\n  CollectionBehaviors,\n  IngestResponseState,\n  IngestType,\n} from '../interfaces';\nimport { hasRequiredPrivacyCookies } from '../utils/hasRequiredPrivacyCookies';\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\nexport const ingest: IngestType = async ({\n  submitData: { fieldName, value },\n  type,\n  source,\n}) => {\n  const url = `${base}/ingest`;\n\n  const wapo_login_id = getCookie('wapo_login_id');\n\n  if (!hasRequiredPrivacyCookies()) {\n    throw new Error('does not satisfy cookie check');\n  }\n\n  let attributeInfo = attributesCache[fieldName];\n  if (!attributeInfo) {\n    attributeInfo = await getAttributes({ 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 jucid = localStorage.getItem('uuid');\n  const ga = getCookie('_ga');\n\n  const payload = {\n    jucid,\n    ga,\n    type,\n    wapo_login_id, // TODO: move this to BE to read from cookie headers\n    data: {\n      fieldName,\n      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  type: (typeof IngestType)[keyof typeof IngestType];\n  source: string;\n}) => Promise<{\n  status: ResponseStatus;\n  state: (typeof IngestResponseState)[keyof typeof IngestResponseState];\n} | null>;\n","import React, { useState, useEffect } from 'react';\nimport { Select, styled, theme } from '@washingtonpost/wpds-ui-kit';\nimport { Attribute, AttributeValue, IngestType } from '../../interfaces';\nimport { ingest } from '../../services/dataEnrichment';\nimport { ENDPOINTS, ResponseStatus } from '@washingtonpost/subs-sdk';\nimport { useScript, ScriptStatus } from '@washingtonpost/subs-hooks';\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        // TODO: Switch to window.__twpdeu.push\n        // TODO: Log to GA\n        const result = await ingest({\n          submitData: { fieldName, value: [selected] },\n          type: config?.explicit ? IngestType.EXPLICIT : IngestType.IMPLICIT,\n          source,\n        });\n        const isError = 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 (submit && selected) {\n      submitSelected();\n    }\n  }, [submit, selected]);\n\n  if (!(children || config)) {\n    return <span>loading</span>;\n  }\n\n  const defaultValueProp = defaultValue ? { defaultValue } : {};\n\n  const disabledProp = disabled ? { 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      <Select.Root\n        onValueChange={(e: string) => {\n          onChange({ value: e });\n          setSelected(e);\n        }}\n        {...defaultValueProp}\n        {...disabledProp}\n      >\n        {children ? children : null}\n        {!children && config && (\n          <>\n            <Select.Trigger data-test-id={`${config.name}-select-trigger`}>\n              <Select.Label>{label || config.name}</Select.Label>\n              <Select.Value />\n            </Select.Trigger>\n            <Select.Content\n              css={{ zIndex: theme.zIndices.page }}\n              data-test-id={`${config.name}-select-content`}\n            >\n              {values.map((value) => (\n                <Select.Item value={value.name} key={value.name}>\n                  {value.name}\n                </Select.Item>\n              ))}\n            </Select.Content>\n          </>\n        )}\n      </Select.Root>\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"],"names":["CollectionBehaviors","COLLECT","DO_NOT_COLLECT","AttributesState","SUCCESS","IngestType","EXPLICIT","IMPLICIT","IngestResponseState","SYSTEM_ERROR","INVALID_TYPE","INVALID_IDENTIFIER","INVALID_DATA","INVALID_ATTRIBUTE_DEFINITION","INVALID_META_DEFINITION","UNAUTHENTICATED","MISMATCHED_IDENTIFIER","DISABLED_ATTRIBUTE_DEFINITION","hasRequiredPrivacyCookies","window","wp_usp","getCookie","countryCode","_WPGeo","WPGeo","country_code","base","ENDPOINTS","attributesCache","getAttributes","_ref","fieldName","fieldNames","url","URL","searchParams","set","join","data","fetch","toString","credentials","headers","JSON_HEADERS","json","ok","status","ResponseStatus","attributes","e","console","debug","ingest","_ref2","submitData","value","type","source","wapo_login_id","Error","attributeInfo","name","collection_behavior","jucid","localStorage","getItem","ga","payload","metadata","response","method","body","JSON","stringify","scriptSrc","staticAssets","DESelect","label","dataDictionaryConfig","defaultValue","disabled","submit","onChange","onFinished","valuesFilter","children","config","setConfig","useState","selected","setSelected","scriptStatus","useScript","useEffect","fetchConfig","_window","__twpdeu","getFieldConfigs","error","warn","ScriptStatus","READY","submitSelected","result","explicit","isError","isFinished","React","defaultValueProp","disabledProp","values","sort","a","b","order","filter","archived","SelectWrapper","Select","Root","onValueChange","Trigger","Label","Value","Content","css","zIndex","theme","zIndices","page","map","Item","key","styled","boxSizing","display","marginBottom","flexDirection","padding"],"mappings":"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"}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.2.0-canary.1",
+  "version": "0.2.0",
   "license": "UNLICENSED",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
@@ -36,13 +36,13 @@
       "name": "de-inputs: utils",
       "path": "dist/subs-de-inputs.esm.js",
       "import": "{ getAttributes, ingest }",
-      "limit": "5 KB"
+      "limit": "1 KB"
     },
     {
       "name": "de-inputs: DESelect",
       "path": "dist/subs-de-inputs.esm.js",
       "import": "{ DESelect }",
-      "limit": "5 KB"
+      "limit": "2 KB"
     }
   ],
   "devDependencies": {

package/dist/index.js

@@ -1,8 +0,0 @@
-
-'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')
-}

package/dist/subs-de-inputs.cjs.development.js

@@ -1,237 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
-
-var subsSdk = require('@washingtonpost/subs-sdk');
-var React = require('react');
-var React__default = _interopDefault(React);
-var wpdsUiKit = require('@washingtonpost/wpds-ui-kit');
-
-const CollectionBehaviors = {
-  COLLECT: 'COLLECT',
-  DO_NOT_COLLECT: 'DO_NOT_COLLECT'
-};
-const AttributesState = {
-  SUCCESS: '100'
-};
-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'
-};
-
-const hasRequiredPrivacyCookies = () => {
-  var _WPGeo;
-  if (typeof window === 'undefined') {
-    return false;
-  }
-  const wp_usp = subsSdk.getCookie('wp_usp');
-  const countryCode = (_WPGeo = subsSdk.WPGeo()) === null || _WPGeo === void 0 ? void 0 : _WPGeo.country_code;
-  return !!(wp_usp && countryCode === 'US');
-};
-
-const base = `${subsSdk.ENDPOINTS.base}/de/v1`;
-const attributesCache = {};
-const getAttributes = async _ref => {
-  let {
-    fieldName
-  } = _ref;
-  if (attributesCache[fieldName]) {
-    return attributesCache[fieldName];
-  }
-  const fieldNames = [fieldName];
-  try {
-    const url = new URL(`${base}/attributes`);
-    url.searchParams.set('attributes', fieldNames.join(','));
-    const data = await fetch(url.toString(), {
-      credentials: 'include',
-      headers: subsSdk.JSON_HEADERS
-    });
-    const json = await data.json();
-    if (data.ok && json.status === subsSdk.ResponseStatus.SUCCESS) {
-      const attributes = json.attributes || [];
-      attributesCache[fieldName] = attributes;
-      return attributes;
-    } else {
-      return [];
-    }
-  } catch (e) {
-    console.debug(e);
-    return [];
-  }
-};
-const ingest = async _ref2 => {
-  let {
-    submitData: {
-      fieldName,
-      value
-    },
-    source
-  } = _ref2;
-  const url = `${base}/ingest`;
-  const wapo_login_id = subsSdk.getCookie('wapo_login_id');
-  if (!hasRequiredPrivacyCookies()) {
-    throw new Error('does not satisfy cookie check');
-  }
-  let attributeInfo = attributesCache[fieldName];
-  if (!attributeInfo) {
-    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 jucid = localStorage.getItem('uuid');
-  const ga = subsSdk.getCookie('_ga');
-  const payload = {
-    jucid,
-    ga,
-    type: IngestType.EXPLICIT,
-    wapo_login_id,
-    data: {
-      fieldName,
-      value
-    },
-    metadata: {
-      source
-    }
-  };
-  try {
-    const response = await fetch(url, {
-      method: 'POST',
-      credentials: 'include',
-      headers: subsSdk.JSON_HEADERS,
-      body: JSON.stringify(payload)
-    });
-    const json = await response.json();
-    return json;
-  } catch (e) {
-    console.debug(e);
-    return null;
-  }
-};
-
-const DESelect = _ref => {
-  let {
-    source,
-    fieldName,
-    label,
-    dataDictionaryConfig,
-    defaultValue,
-    disabled,
-    submit,
-    onChange = () => {},
-    onFinished = () => {},
-    valuesFilter = () => true,
-    children
-  } = _ref;
-  const [config, setConfig] = React.useState(dataDictionaryConfig);
-  const [selected, setSelected] = React.useState('');
-  React.useEffect(() => {
-    if (children) {
-      if (process.env.NODE_ENV !== "production") {
-        console.debug('childen props', children);
-      }
-      return;
-    }
-    if (!config) {
-      (async () => {
-        // TODO: Switch to window.__twpdeu.getFieldConfigs
-        const config = await getAttributes({
-          fieldName
-        });
-        if (process.env.NODE_ENV !== "production") {
-          console.debug('config from API', config);
-        }
-        setConfig(config[0]);
-      })();
-    }
-  }, []);
-  React.useEffect(() => {
-    (async () => {
-      if (submit && selected) {
-        // TODO: Switch to window.__twpdeu.push
-        // TODO: Log to GA
-        // TODO: Differentiate between explicit and implicit inputs?
-        const result = await ingest({
-          submitData: {
-            fieldName,
-            value: selected
-          },
-          source
-        });
-        const isError = result ? result.status !== subsSdk.ResponseStatus.SUCCESS : true;
-        onFinished({
-          isFinished: true,
-          isError
-        });
-      }
-    })();
-  }, [submit, selected]);
-  if (!(children || config)) {
-    return React__default.createElement("span", null, "loading");
-  }
-  const defaultValueProp = defaultValue ? {
-    defaultValue
-  } : {};
-  const disabledProp = disabled ? {
-    disabled: true
-  } : {};
-  // sort and filter out archived values
-  const values = config ? config.values.sort((a, b) => a.order - b.order).filter(value => value.archived !== true).filter(valuesFilter) : [];
-  return React__default.createElement(SelectWrapper, null, React__default.createElement(wpdsUiKit.Select.Root, {
-    onValueChange: e => {
-      onChange({
-        value: e
-      });
-      setSelected(e);
-    },
-    ...defaultValueProp,
-    ...disabledProp
-  }, children ? children : null, !children && config && React__default.createElement(React__default.Fragment, null, React__default.createElement(wpdsUiKit.Select.Trigger, {
-    "data-test-id": `${config.name}-select-trigger`
-  }, React__default.createElement(wpdsUiKit.Select.Label, null, label || config.name), React__default.createElement(wpdsUiKit.Select.Value, null)), React__default.createElement(wpdsUiKit.Select.Content, {
-    css: {
-      zIndex: wpdsUiKit.theme.zIndices.page
-    },
-    "data-test-id": `${config.name}-select-content`
-  }, values.map(value => React__default.createElement(wpdsUiKit.Select.Item, {
-    value: value.name,
-    key: value.name
-  }, value.name))))));
-};
-const SelectWrapper = /*#__PURE__*/wpdsUiKit.styled('div', {
-  boxSizing: 'border-box',
-  display: 'flex',
-  marginBottom: '$100',
-  flexDirection: 'column',
-  '& button': {
-    padding: '1px 6px'
-  },
-  '& *': {
-    boxSizing: 'border-box'
-  }
-});
-
-exports.AttributesState = AttributesState;
-exports.CollectionBehaviors = CollectionBehaviors;
-exports.DESelect = DESelect;
-exports.IngestResponseState = IngestResponseState;
-exports.IngestType = IngestType;
-exports.getAttributes = getAttributes;
-exports.hasRequiredPrivacyCookies = hasRequiredPrivacyCookies;
-exports.ingest = ingest;
-//# sourceMappingURL=subs-de-inputs.cjs.development.js.map

package/dist/subs-de-inputs.cjs.development.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"subs-de-inputs.cjs.development.js","sources":["../src/interfaces/index.ts","../src/utils/hasRequiredPrivacyCookies.ts","../src/services/dataEnrichment.ts","../src/components/DESelect/index.tsx"],"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} 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  getCookie,\n} from '@washingtonpost/subs-sdk';\nimport {\n  Attribute,\n  CollectionBehaviors,\n  IngestResponseState,\n  IngestType,\n} from '../interfaces';\nimport { hasRequiredPrivacyCookies } from '../utils/hasRequiredPrivacyCookies';\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\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  if (!hasRequiredPrivacyCookies()) {\n    throw new Error('does not satisfy cookie check');\n  }\n\n  let attributeInfo = attributesCache[fieldName];\n  if (!attributeInfo) {\n    attributeInfo = await getAttributes({ 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 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,\n      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, { useState, useEffect } from 'react';\nimport { Select, styled, theme } from '@washingtonpost/wpds-ui-kit';\nimport { Attribute, AttributeValue } from '../../interfaces';\nimport { getAttributes, ingest } from '../../services/dataEnrichment';\nimport { ResponseStatus } from '@washingtonpost/subs-sdk';\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\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  useEffect(() => {\n    if (children) {\n      if (__DEV__) {\n        console.debug('childen props', children);\n      }\n      return;\n    }\n\n    if (!config) {\n      (async () => {\n        // TODO: Switch to window.__twpdeu.getFieldConfigs\n        const config = await getAttributes({ fieldName });\n        if (__DEV__) {\n          console.debug('config from API', config);\n        }\n        setConfig(config[0]);\n      })();\n    }\n  }, []);\n\n  useEffect(() => {\n    (async () => {\n      if (submit && selected) {\n        // TODO: Switch to window.__twpdeu.push\n        // TODO: Log to GA\n        // TODO: Differentiate between explicit and implicit inputs?\n        const result = await ingest({\n          submitData: { fieldName, value: selected },\n          source,\n        });\n        const isError = result\n          ? result.status !== ResponseStatus.SUCCESS\n          : true;\n\n        onFinished({\n          isFinished: true,\n          isError,\n        });\n      }\n    })();\n  }, [submit, selected]);\n\n  if (!(children || config)) {\n    return <span>loading</span>;\n  }\n\n  const defaultValueProp = defaultValue ? { defaultValue } : {};\n\n  const disabledProp = disabled ? { 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      <Select.Root\n        onValueChange={(e: string) => {\n          onChange({ value: e });\n          setSelected(e);\n        }}\n        {...defaultValueProp}\n        {...disabledProp}\n      >\n        {children ? children : null}\n        {!children && config && (\n          <>\n            <Select.Trigger data-test-id={`${config.name}-select-trigger`}>\n              <Select.Label>{label || config.name}</Select.Label>\n              <Select.Value />\n            </Select.Trigger>\n            <Select.Content\n              css={{ zIndex: theme.zIndices.page }}\n              data-test-id={`${config.name}-select-content`}\n            >\n              {values.map((value) => (\n                <Select.Item value={value.name} key={value.name}>\n                  {value.name}\n                </Select.Item>\n              ))}\n            </Select.Content>\n          </>\n        )}\n      </Select.Root>\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"],"names":["CollectionBehaviors","COLLECT","DO_NOT_COLLECT","AttributesState","SUCCESS","IngestType","EXPLICIT","IMPLICIT","IngestResponseState","SYSTEM_ERROR","INVALID_TYPE","INVALID_IDENTIFIER","INVALID_DATA","INVALID_ATTRIBUTE_DEFINITION","INVALID_META_DEFINITION","UNAUTHENTICATED","MISMATCHED_IDENTIFIER","hasRequiredPrivacyCookies","window","wp_usp","getCookie","countryCode","_WPGeo","WPGeo","country_code","base","ENDPOINTS","attributesCache","getAttributes","_ref","fieldName","fieldNames","url","URL","searchParams","set","join","data","fetch","toString","credentials","headers","JSON_HEADERS","json","ok","status","ResponseStatus","attributes","e","console","debug","ingest","_ref2","submitData","value","source","wapo_login_id","Error","attributeInfo","name","collection_behavior","jucid","localStorage","getItem","ga","payload","type","metadata","response","method","body","JSON","stringify","DESelect","label","dataDictionaryConfig","defaultValue","disabled","submit","onChange","onFinished","valuesFilter","children","config","setConfig","useState","selected","setSelected","useEffect","process","env","NODE_ENV","result","isError","isFinished","React","defaultValueProp","disabledProp","values","sort","a","b","order","filter","archived","SelectWrapper","Select","Root","onValueChange","Trigger","Label","Value","Content","css","zIndex","theme","zIndices","page","map","Item","key","styled","boxSizing","display","marginBottom","flexDirection","padding"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("@washingtonpost/subs-sdk"),a=require("react"),o=(e=a)&&"object"==typeof e&&"default"in e?e.default:e,n=require("@washingtonpost/wpds-ui-kit");const s={COLLECT:"COLLECT",DO_NOT_COLLECT:"DO_NOT_COLLECT"},r={EXPLICIT:"explicit",IMPLICIT:"implicit"},i=()=>{var e;if("undefined"==typeof window)return!1;const a=t.getCookie("wp_usp"),o=null===(e=t.WPGeo())||void 0===e?void 0:e.country_code;return!(!a||"US"!==o)},l=t.ENDPOINTS.base+"/de/v1",c={},u=async e=>{let{fieldName:a}=e;if(c[a])return c[a];const o=[a];try{const e=new URL(l+"/attributes");e.searchParams.set("attributes",o.join(","));const n=await fetch(e.toString(),{credentials:"include",headers:t.JSON_HEADERS}),s=await n.json();if(n.ok&&s.status===t.ResponseStatus.SUCCESS){const e=s.attributes||[];return c[a]=e,e}return[]}catch(e){return console.debug(e),[]}},d=async e=>{let{submitData:{fieldName:a,value:o},source:n}=e;const d=l+"/ingest",E=t.getCookie("wapo_login_id");if(!i())throw new Error("does not satisfy cookie check");let I=c[a];if(I||(I=await u({fieldName:a})),I[0]&&I[0].name===a&&I[0].collection_behavior===s.DO_NOT_COLLECT)throw new Error("do not collect");const S={jucid:localStorage.getItem("uuid"),ga:t.getCookie("_ga"),type:r.EXPLICIT,wapo_login_id:E,data:{fieldName:a,value:o},metadata:{source:n}};try{const e=await fetch(d,{method:"POST",credentials:"include",headers:t.JSON_HEADERS,body:JSON.stringify(S)});return await e.json()}catch(e){return console.debug(e),null}},E=n.styled("div",{boxSizing:"border-box",display:"flex",marginBottom:"$100",flexDirection:"column","& button":{padding:"1px 6px"},"& *":{boxSizing:"border-box"}});exports.AttributesState={SUCCESS:"100"},exports.CollectionBehaviors=s,exports.DESelect=e=>{let{source:s,fieldName:r,label:i,dataDictionaryConfig:l,defaultValue:c,disabled:I,submit:S,onChange:m=(()=>{}),onFinished:p=(()=>{}),valuesFilter:f=(()=>!0),children:g}=e;const[C,N]=a.useState(l),[T,b]=a.useState("");if(a.useEffect(()=>{g?"production"!==process.env.NODE_ENV&&console.debug("childen props",g):C||(async()=>{const e=await u({fieldName:r});"production"!==process.env.NODE_ENV&&console.debug("config from API",e),N(e[0])})()},[]),a.useEffect(()=>{(async()=>{if(S&&T){const e=await d({submitData:{fieldName:r,value:T},source:s});p({isFinished:!0,isError:!e||e.status!==t.ResponseStatus.SUCCESS})}})()},[S,T]),!g&&!C)return o.createElement("span",null,"loading");const _=c?{defaultValue:c}:{},D=I?{disabled:!0}:{},h=C?C.values.sort((e,t)=>e.order-t.order).filter(e=>!0!==e.archived).filter(f):[];return o.createElement(E,null,o.createElement(n.Select.Root,{onValueChange:e=>{m({value:e}),b(e)},..._,...D},g||null,!g&&C&&o.createElement(o.Fragment,null,o.createElement(n.Select.Trigger,{"data-test-id":C.name+"-select-trigger"},o.createElement(n.Select.Label,null,i||C.name),o.createElement(n.Select.Value,null)),o.createElement(n.Select.Content,{css:{zIndex:n.theme.zIndices.page},"data-test-id":C.name+"-select-content"},h.map(e=>o.createElement(n.Select.Item,{value:e.name,key:e.name},e.name))))))},exports.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"},exports.IngestType=r,exports.getAttributes=u,exports.hasRequiredPrivacyCookies=i,exports.ingest=d;
-//# sourceMappingURL=subs-de-inputs.cjs.production.min.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"subs-de-inputs.cjs.production.min.js","sources":["../src/interfaces/index.ts","../src/utils/hasRequiredPrivacyCookies.ts","../src/services/dataEnrichment.ts","../src/components/DESelect/index.tsx"],"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} 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  getCookie,\n} from '@washingtonpost/subs-sdk';\nimport {\n  Attribute,\n  CollectionBehaviors,\n  IngestResponseState,\n  IngestType,\n} from '../interfaces';\nimport { hasRequiredPrivacyCookies } from '../utils/hasRequiredPrivacyCookies';\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\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  if (!hasRequiredPrivacyCookies()) {\n    throw new Error('does not satisfy cookie check');\n  }\n\n  let attributeInfo = attributesCache[fieldName];\n  if (!attributeInfo) {\n    attributeInfo = await getAttributes({ 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 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,\n      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, { useState, useEffect } from 'react';\nimport { Select, styled, theme } from '@washingtonpost/wpds-ui-kit';\nimport { Attribute, AttributeValue } from '../../interfaces';\nimport { getAttributes, ingest } from '../../services/dataEnrichment';\nimport { ResponseStatus } from '@washingtonpost/subs-sdk';\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\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  useEffect(() => {\n    if (children) {\n      if (__DEV__) {\n        console.debug('childen props', children);\n      }\n      return;\n    }\n\n    if (!config) {\n      (async () => {\n        // TODO: Switch to window.__twpdeu.getFieldConfigs\n        const config = await getAttributes({ fieldName });\n        if (__DEV__) {\n          console.debug('config from API', config);\n        }\n        setConfig(config[0]);\n      })();\n    }\n  }, []);\n\n  useEffect(() => {\n    (async () => {\n      if (submit && selected) {\n        // TODO: Switch to window.__twpdeu.push\n        // TODO: Log to GA\n        // TODO: Differentiate between explicit and implicit inputs?\n        const result = await ingest({\n          submitData: { fieldName, value: selected },\n          source,\n        });\n        const isError = result\n          ? result.status !== ResponseStatus.SUCCESS\n          : true;\n\n        onFinished({\n          isFinished: true,\n          isError,\n        });\n      }\n    })();\n  }, [submit, selected]);\n\n  if (!(children || config)) {\n    return <span>loading</span>;\n  }\n\n  const defaultValueProp = defaultValue ? { defaultValue } : {};\n\n  const disabledProp = disabled ? { 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      <Select.Root\n        onValueChange={(e: string) => {\n          onChange({ value: e });\n          setSelected(e);\n        }}\n        {...defaultValueProp}\n        {...disabledProp}\n      >\n        {children ? children : null}\n        {!children && config && (\n          <>\n            <Select.Trigger data-test-id={`${config.name}-select-trigger`}>\n              <Select.Label>{label || config.name}</Select.Label>\n              <Select.Value />\n            </Select.Trigger>\n            <Select.Content\n              css={{ zIndex: theme.zIndices.page }}\n              data-test-id={`${config.name}-select-content`}\n            >\n              {values.map((value) => (\n                <Select.Item value={value.name} key={value.name}>\n                  {value.name}\n                </Select.Item>\n              ))}\n            </Select.Content>\n          </>\n        )}\n      </Select.Root>\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"],"names":["CollectionBehaviors","COLLECT","DO_NOT_COLLECT","IngestType","EXPLICIT","IMPLICIT","hasRequiredPrivacyCookies","window","wp_usp","getCookie","countryCode","_WPGeo","WPGeo","country_code","base","ENDPOINTS","attributesCache","getAttributes","async","fieldName","_ref","fieldNames","url","URL","searchParams","set","join","data","fetch","toString","credentials","headers","JSON_HEADERS","json","ok","status","ResponseStatus","SUCCESS","attributes","e","console","debug","ingest","submitData","value","source","_ref2","wapo_login_id","Error","attributeInfo","name","collection_behavior","payload","jucid","localStorage","getItem","ga","type","metadata","response","method","body","JSON","stringify","SelectWrapper","styled","boxSizing","display","marginBottom","flexDirection","& button","padding","& *","label","dataDictionaryConfig","defaultValue","disabled","submit","onChange","onFinished","valuesFilter","children","config","setConfig","useState","selected","setSelected","useEffect","process","env","NODE_ENV","result","isFinished","isError","React","defaultValueProp","disabledProp","values","sort","a","b","order","filter","archived","Select","Root","onValueChange","Trigger","Label","Value","Content","css","zIndex","theme","zIndices","page","map","Item","key","SYSTEM_ERROR","INVALID_TYPE","INVALID_IDENTIFIER","INVALID_DATA","INVALID_ATTRIBUTE_DEFINITION","INVALID_META_DEFINITION","UNAUTHENTICATED","MISMATCHED_IDENTIFIER"],"mappings":"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"}