fontdue-js 2.22.0 → 2.22.1

package/dist-cjs/components/Root/index.js

@@ -0,0 +1,208 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactErrorBoundary = require("react-error-boundary");
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _uuid = require("uuid");
+var _reducer = require("../../reducer");
+var _retryImport = _interopRequireDefault(require("../../retryImport"));
+var _utils = require("../../utils");
+var _FontdueProvider = _interopRequireDefault(require("../FontdueProvider"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const customElementMap = {
+  // @ts-ignore
+  'fontdue-add-to-cart-banner': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../AddToCartBanner'))))),
+  // @ts-ignore
+  'fontdue-buying-options': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../BuyingOptions'))))),
+  'fontdue-buy-button': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../BuyButton'))))),
+  'fontdue-cart': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../Cart'))))),
+  'fontdue-cart-button': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../CartButton'))))),
+  'fontdue-character-viewer': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../CharacterViewer'))))),
+  // @ts-ignore
+  'fontdue-collection-aa': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../CollectionAa'))))),
+  // @ts-ignore
+  'fontdue-cookie-notification': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../CookieNotification'))))),
+  'fontdue-font-families': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../FontFamilies'))))),
+  'fontdue-customer-login-form': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../CustomerLoginForm'))))),
+  'fontdue-newsletter-signup': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../NewsletterSignup/NewsletterSignupElement'))))),
+  'fontdue-node-password-form': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../NodePasswordForm'))))),
+  // @ts-ignore
+  'fontdue-precart': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../Precart'))))),
+  // @ts-ignore
+  'fontdue-specimen-link': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../SpecimenLink'))))),
+  // @ts-ignore
+  'fontdue-sticky-nav': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../StickyNav'))))),
+  'fontdue-store-modal': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../StoreModal'))))),
+  'fontdue-test-fonts-form': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../TestFontsForm/TestFontsFormElement'))))),
+  'fontdue-type-tester': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../TypeTester/TypeTesterStandaloneElement'))))),
+  'fontdue-type-testers': /*#__PURE__*/(0, _react.lazy)(() => (0, _retryImport.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require('../TypeTesters/TypeTestersElement')))))
+};
+Object.keys(customElementMap).forEach(elementName => {
+  // this might be more sophisticated in the future with a shadow DOM, etc,
+  // but for now we just want the API to use custom tags
+  class FontdueElement extends HTMLElement {}
+  customElements.get(elementName) || customElements.define(elementName, FontdueElement);
+});
+const renderCustomElement = (element, key) => {
+  const Component = customElementMap[element.nodeName.toLowerCase()];
+  const attributes = element.getAttributeNames();
+  const props = attributes.reduce((acc, attribute) => {
+    acc[(0, _utils.kebabToCamel)(attribute)] = element.getAttribute(attribute) ?? '';
+    return acc;
+  }, {});
+  return /*#__PURE__*/_reactDom.default.createPortal(/*#__PURE__*/_react.default.createElement(_reactErrorBoundary.ErrorBoundary, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+    fallback: null
+  }, /*#__PURE__*/_react.default.createElement(Component, _extends({}, props, {
+    key: key
+  })))), element);
+};
+const customElementTags = Object.keys(customElementMap);
+const SINGLETONS = ['fontdue-store-modal'];
+const allFontdueElements = element => customElementTags.flatMap(elementName => {
+  if (SINGLETONS.includes(elementName)) {
+    return [element.querySelector(elementName)];
+  } else {
+    return Array.from(element.querySelectorAll(elementName));
+  }
+});
+const getInitialElements = () => {
+  const map = new Map();
+  allFontdueElements(document.body).filter(_utils.notEmpty).forEach(element => map.set(element, (0, _uuid.v4)()));
+  return map;
+};
+const Root = props => {
+  // use a Map here instead of an array in case we register the same element
+  // more than once (otherwise we run into issues rendering the component
+  // twice into the same element). this also gives us a way to set unique keys.
+  const [elements, setElements] = (0, _react.useState)(getInitialElements());
+  const store = (0, _react.useRef)((0, _reducer.createDefaultStore)(props.config));
+  (0, _react.useEffect)(() => {
+    // watch for any new or removed fontdue elements
+
+    const mutationObserver = new MutationObserver(mutations => {
+      mutations.forEach(mutation => {
+        mutation.addedNodes.forEach(node => {
+          if (!(node instanceof HTMLElement)) return;
+          let newElements = [];
+          if (customElementTags.includes(node.nodeName.toLowerCase())) {
+            newElements.push(node);
+          }
+          newElements = newElements.concat(allFontdueElements(node).filter(_utils.notEmpty));
+          if (newElements.length > 0) {
+            setElements(elements => {
+              const newMap = new Map(elements);
+              newElements.forEach(el => newMap.set(el, (0, _uuid.v4)()));
+              return newMap;
+            });
+          }
+        });
+        mutation.removedNodes.forEach(node => {
+          if (!(node instanceof HTMLElement)) return;
+          let removedElements = [];
+          if (customElementTags.includes(node.nodeName.toLowerCase())) {
+            removedElements.push(node);
+          }
+          removedElements = removedElements.concat(allFontdueElements(node).filter(_utils.notEmpty));
+          if (removedElements.length > 0) {
+            setElements(elements => {
+              const newMap = new Map(elements);
+              removedElements.forEach(el => newMap.delete(el));
+              return newMap;
+            });
+          }
+        });
+      });
+    });
+    mutationObserver.observe(document.body, {
+      subtree: true,
+      childList: true
+    });
+    function handleRoute(url) {
+      const routes = {
+        '^index$': handleIndex,
+        '^cart/?$': handleCart,
+        '^product/([a-zA-Z0-9+/=]+)/?$': handleProduct
+      };
+      for (const [path, handler] of Object.entries(routes)) {
+        const match = url.match(new RegExp(path));
+        if (match) {
+          const params = match.slice(1);
+          handler(...params);
+          return;
+        }
+      }
+    }
+    function handleIndex() {
+      store.current.dispatch({
+        type: 'STORE_MODAL_REPLACE',
+        route: 'index'
+      });
+    }
+    function handleCart() {
+      if (store.current.getState().storeModalHistory) store.current.dispatch({
+        type: 'STORE_MODAL_REPLACE',
+        route: 'cart'
+      });
+    }
+    function handleProduct(productId) {
+      store.current.dispatch({
+        type: 'STORE_MODAL_REPLACE',
+        route: 'product',
+        variables: {
+          productId
+        }
+      });
+    }
+    function fontdueClickHandler(target, _event) {
+      if (target.getAttribute('fontdue-click') === 'open-store-modal') {
+        store.current.dispatch({
+          type: 'OPEN_CART'
+        });
+        const route = target.getAttribute('fontdue-store-route');
+        if (route) handleRoute(route);
+        const selectSkuId = target.getAttribute('fontdue-store-select');
+        if (selectSkuId) {
+          store.current.dispatch({
+            type: 'SELECT_SKU_ID',
+            skuId: selectSkuId,
+            selected: true
+          });
+        }
+      }
+    }
+    function handleClick(event) {
+      // search all parents of target for the click attribute
+      var target = event.target;
+      while (target && target instanceof Element) {
+        if (target.hasAttribute('fontdue-click')) {
+          fontdueClickHandler(target, event);
+          return;
+        }
+        target = target.parentNode;
+      }
+    }
+    document.body.addEventListener('click', handleClick);
+    return () => {
+      mutationObserver.disconnect();
+      document.body.removeEventListener('click', handleClick);
+    };
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_FontdueProvider.default, {
+    url: props.url,
+    stripeIntegration: props.stripeIntegration,
+    config: props.config,
+    components: props.components,
+    store: store.current
+  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Array.from(elements).map(([el, key]) => renderCustomElement(el, key))));
+};
+var _default = Root;
+exports.default = _default;

package/dist-cjs/components/Root/productState.js

@@ -0,0 +1,143 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.populateProductStateReducer = exports.populateProductState = void 0;
+var _productState_Query2 = _interopRequireDefault(require("../../__generated__/productState_Query.graphql"));
+var _productState_node2 = _interopRequireDefault(require("../../__generated__/productState_node.graphql"));
+var _productState_collectionBundle2 = _interopRequireDefault(require("../../__generated__/productState_collectionBundle.graphql"));
+var _productState_bundle2 = _interopRequireDefault(require("../../__generated__/productState_bundle.graphql"));
+var _productState_collection2 = _interopRequireDefault(require("../../__generated__/productState_collection.graphql"));
+var _productState_sku2 = _interopRequireDefault(require("../../__generated__/productState_sku.graphql"));
+var _reactRelay = require("react-relay");
+var _utils = require("../../utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+_productState_sku2.default.hash && _productState_sku2.default.hash !== "2cee6ddddc85699f0c90e2607c0634ef" && console.error("The definition of 'productState_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_sku2.default;
+_productState_collection2.default.hash && _productState_collection2.default.hash !== "90e56933f956c6773c0958284de81884" && console.error("The definition of 'productState_collection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_collection2.default;
+_productState_bundle2.default.hash && _productState_bundle2.default.hash !== "fa38bbc9f2062a727da4f5062b362054" && console.error("The definition of 'productState_bundle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_bundle2.default;
+_productState_collectionBundle2.default.hash && _productState_collectionBundle2.default.hash !== "6744aa8f57d14b0111a0c49f488d7b03" && console.error("The definition of 'productState_collectionBundle' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_collectionBundle2.default;
+_productState_node2.default.hash && _productState_node2.default.hash !== "a1e172db45ca550a254819d877497d12" && console.error("The definition of 'productState_node' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_node2.default;
+const query = (_productState_Query2.default.hash && _productState_Query2.default.hash !== "ac3292bae9a274139d5a525fd0162711" && console.error("The definition of 'productState_Query' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _productState_Query2.default);
+const populateProductState = (store, environment, id) => {
+  const existingState = store.getState().fetchedCollectionIds;
+  if (existingState && existingState.indexOf(id) >= 0) return;
+  return (0, _reactRelay.fetchQuery)(environment, query, {
+    id
+  }).subscribe({
+    next: data => store.dispatch({
+      type: 'POPULATE_PRODUCT_STATE',
+      data: data
+    })
+  });
+};
+exports.populateProductState = populateProductState;
+const allSkus = (collection, includeCollections = true,
+// include collection skus as well as bundle skus
+includeFontStyles = true // include all font style skus
+) => {
+  let bundleSkus = [];
+  if ('bundles' in collection) {
+    bundleSkus = collection?.bundles?.flatMap(bundle => allSkus(bundle, includeCollections, includeFontStyles)) ?? [];
+  }
+  let collectionBundleSkus = [];
+  if ('collectionBundles' in collection && collection.collectionBundles) {
+    collectionBundleSkus = collection.collectionBundles.flatMap(collBundle => allSkus(collBundle, includeCollections, includeFontStyles));
+  }
+
+  // For collection bundles, get SKUs from member collections
+  let memberCollectionSkus = [];
+  if ('memberCollections' in collection && collection.memberCollections) {
+    memberCollectionSkus = collection.memberCollections.flatMap(member => [includeCollections ? member.sku : null, ...(includeFontStyles ? member.fontStyles?.map(style => style.sku) ?? [] : [])]).filter(_utils.notEmpty);
+  }
+  let childrenSkus = [];
+  if ('children' in collection) {
+    childrenSkus = collection.children?.flatMap(child => allSkus(child, includeCollections, includeFontStyles)) ?? [];
+  }
+  return [includeCollections ? collection?.sku : null, ...(includeFontStyles && 'fontStyles' in collection ? collection?.fontStyles?.map(style => style.sku) ?? [] : []), ...bundleSkus, ...collectionBundleSkus, ...memberCollectionSkus, ...childrenSkus].filter(_utils.notEmpty);
+};
+const flattenSkuData = collection => {
+  let bundles = {};
+  if ('bundles' in collection && collection.bundles) {
+    bundles = collection.bundles.reduce((res, bundle) => ({
+      ...res,
+      ...flattenSkuData(bundle)
+    }), {});
+  }
+  let collectionBundles = {};
+  if ('collectionBundles' in collection && collection.collectionBundles) {
+    collectionBundles = collection.collectionBundles.reduce((res, collBundle) => ({
+      ...res,
+      ...flattenSkuData(collBundle)
+    }), {});
+  }
+  let children = {};
+  if ('children' in collection && collection.children) {
+    children = collection.children.reduce((res, child) => ({
+      ...res,
+      ...flattenSkuData(child)
+    }), {});
+  }
+  let collectionData = {};
+  if (collection.sku) {
+    // For collection bundles, get font style IDs from member collections
+    const fontStyleIds = 'memberCollections' in collection && collection.memberCollections ? collection.memberCollections.flatMap(member => member.fontStyles?.map(style => style.id) ?? []) : 'fontStyles' in collection ? (collection.fontStyles?.map(style => style.id) ?? []).concat('children' in collection ? collection.children?.flatMap(child => child.fontStyles?.map(style => style.id) ?? []) ?? [] : []) : [];
+    collectionData = {
+      [collection.sku.id]: {
+        fontStyleIds,
+        fontStyleSkuIds: allSkus(collection, false, true).map(sku => sku.id),
+        childrenSkuIds: allSkus(collection, true, false).map(sku => sku.id).filter(skuId => skuId !== collection.sku?.id),
+        // exclude self
+        name: collection.name
+      }
+    };
+  }
+  return {
+    ...collectionData,
+    ...children,
+    ...bundles,
+    ...collectionBundles
+  };
+};
+const flattenSkuPrices = collection => {
+  return allSkus(collection).reduce((acc, sku) => {
+    acc[sku.id] = sku.price.amount;
+    return acc;
+  }, {});
+};
+const populateProductStateReducer = (state, action) => {
+  if (action.type !== 'POPULATE_PRODUCT_STATE') return state;
+  const {
+    data
+  } = action;
+  if (data.node?.__typename !== 'FontCollection') return state;
+  return {
+    ...state,
+    // {
+    //   [collectionSkuId]: {
+    //     childrenSkuIds: [skuId...],
+    //     fontStyleSkuIds: [skuId...],
+    //   }
+    // }
+    collectionStyleSkus: {
+      ...state.collectionStyleSkus,
+      ...flattenSkuData(data.node)
+    },
+    // {
+    //   [skuId]: amount,
+    // }
+    skuPrices: {
+      ...state.skuPrices,
+      ...flattenSkuPrices(data.node)
+    },
+    // {
+    //   [collectionId]: [skuId]
+    // }
+    collectionSkus: {
+      ...state.collectionSkus,
+      [`${data.node.id}`]: data.node.sku?.id ?? null
+    },
+    fetchedCollectionIds: state.fetchedCollectionIds.concat(data.node.id)
+  };
+};
+exports.populateProductStateReducer = populateProductStateReducer;

package/dist-cjs/components/SKUPrice/index.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _SKUPrice_sku2 = _interopRequireDefault(require("../../__generated__/SKUPrice_sku.graphql"));
+var _react = _interopRequireDefault(require("react"));
+var _reactRelay = require("react-relay");
+var _Price = _interopRequireDefault(require("../Price"));
+var _reducer = require("../../reducer");
+var _reactRedux = require("react-redux");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const getSavingsMultiplier = (state, options) => {
+  if (options.showCollectionSavings === false) return 1;
+  if (!options.sku) return 1;
+  const baseSkuPrice = state.skuPrices[options.sku.id];
+  const [collectionWithSavings, savingsAmount] = (0, _reducer.collectionSkuIdWithDiscount)(state, options.sku.id);
+
+  // we make it a multiplier since the `collectionSkuIdsDifference`
+  // helper doesnt take license multiplication into account
+  if (collectionWithSavings && baseSkuPrice > 0) {
+    return savingsAmount / baseSkuPrice;
+  }
+  return 1;
+};
+function SKUPrice({
+  sku: skuKey,
+  showCollectionSavings,
+  ...rest
+}) {
+  const sku = (0, _reactRelay.useFragment)((_SKUPrice_sku2.default.hash && _SKUPrice_sku2.default.hash !== "344d6975fdcc1c1ccc6f306608473e2e" && console.error("The definition of 'SKUPrice_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SKUPrice_sku2.default), skuKey);
+  const selected = (0, _reactRedux.useSelector)((0, _reducer.isSelected)(sku.id));
+  const savingsMultiplier = (0, _reactRedux.useSelector)(state => getSavingsMultiplier(state, {
+    showCollectionSavings,
+    sku
+  }));
+  if (!sku?.price) return null;
+  return /*#__PURE__*/_react.default.createElement(_Price.default, _extends({}, rest, {
+    price: sku.price,
+    multiplier: selected ? 1 : savingsMultiplier
+  }));
+}
+var _default = SKUPrice;
+exports.default = _default;

package/dist-cjs/components/Select/index.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Icons = require("../Icons");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const Select = ({
+  options,
+  value,
+  nullText = 'Select',
+  ...rest
+}) => /*#__PURE__*/_react.default.createElement("label", {
+  className: "select"
+}, /*#__PURE__*/_react.default.createElement("div", {
+  className: "select__text"
+}, /*#__PURE__*/_react.default.createElement(_Icons.CarrotDown, null), value === null ? nullText : options.find(({
+  value: v
+}) => value === v)?.text), /*#__PURE__*/_react.default.createElement("select", _extends({
+  value: value ?? '',
+  className: "select__select"
+}, rest), nullText && value === null && /*#__PURE__*/_react.default.createElement("option", {
+  value: "",
+  disabled: true
+}, nullText), options.map(({
+  value,
+  text
+}) => /*#__PURE__*/_react.default.createElement("option", {
+  value: value,
+  key: value
+}, text))));
+var _default = Select;
+exports.default = _default;

package/dist-cjs/components/SelectButton/index.js

@@ -0,0 +1,79 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = SelectButton;
+var _SelectButton_sku2 = _interopRequireDefault(require("../../__generated__/SelectButton_sku.graphql"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactRelay = require("react-relay");
+var _reactRedux = require("react-redux");
+var _SKUPrice = _interopRequireDefault(require("../SKUPrice"));
+var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
+var _utils = require("../../utils");
+var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const DefaultSelectButton = ({
+  productId,
+  innerProps: {
+    onClick,
+    ...rest
+  }
+}) => {
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const {
+    typeTester: config
+  } = (0, _react.useContext)(_ConfigContext.default);
+  const handleClick = e => {
+    onClick?.(e);
+    dispatch({
+      type: 'STORE_MODAL_NAVIGATE',
+      route: 'product',
+      variables: {
+        productId
+      }
+    });
+    dispatch({
+      type: 'OPEN_CART'
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement("button", _extends({}, rest, {
+    onClick: handleClick,
+    className: "select-button"
+  }), config.selectButtonLabel);
+};
+function SelectButton({
+  productId,
+  sku: skuKey,
+  ...rest
+}) {
+  const sku = (0, _reactRelay.useFragment)((_SelectButton_sku2.default.hash && _SelectButton_sku2.default.hash !== "ce7cb4cf209fc2d1076d29ecbda4ebf3" && console.error("The definition of 'SelectButton_sku' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SelectButton_sku2.default), skuKey);
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const components = (0, _react.useContext)(_ComponentsContext.default);
+  const ButtonComponent = components.SelectButton || DefaultSelectButton;
+  const precartOpen = (0, _reactRedux.useSelector)(state => state.precartOpen);
+  const selected = (0, _reactRedux.useSelector)(state => sku && (0, _utils.isSelected)(sku.id)(state));
+  const onSelectSkuId = (skuId, selected) => dispatch({
+    type: 'SELECT_SKU_ID',
+    skuId,
+    selected
+  });
+  return /*#__PURE__*/_react.default.createElement(ButtonComponent, {
+    productId: productId,
+    selected: selected,
+    precartOpen: precartOpen,
+    innerProps: {
+      onClick: () => onSelectSkuId(sku.id, !selected),
+      ...rest
+    }
+  }, {
+    price: /*#__PURE__*/_react.default.createElement(_react.Suspense, {
+      fallback: null
+    }, /*#__PURE__*/_react.default.createElement(_SKUPrice.default, {
+      sku: sku
+    }))
+  });
+}

package/dist-cjs/components/ServerConfigProvider/index.js

@@ -0,0 +1,39 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _ServerConfigProviderQuery2 = _interopRequireDefault(require("../../__generated__/ServerConfigProviderQuery.graphql"));
+var _react = _interopRequireDefault(require("react"));
+var _reactRelay = require("react-relay");
+var _ConfigContext = _interopRequireWildcard(require("../ConfigContext"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const query = (_ServerConfigProviderQuery2.default.hash && _ServerConfigProviderQuery2.default.hash !== "b20ad9bdada6a425ee660a8662a78840" && console.error("The definition of 'ServerConfigProviderQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _ServerConfigProviderQuery2.default);
+const ServerConfigProvider = ({
+  codeConfig,
+  children
+}) => {
+  const data = (0, _reactRelay.useLazyLoadQuery)(query, {});
+  const tracking = data.viewer?.fontdueConfig?.tracking;
+
+  // Server config is the base; code config overrides.
+  const merged = {
+    ...codeConfig,
+    tracking: {
+      enabled: tracking?.enabled,
+      consentRequired: tracking?.consentRequired,
+      consentMessage: tracking?.consentMessage ?? undefined,
+      ...codeConfig?.tracking
+    }
+  };
+  const configValue = (0, _ConfigContext.makeConfig)(merged);
+  return /*#__PURE__*/_react.default.createElement(_ConfigContext.default.Provider, {
+    value: configValue
+  }, children);
+};
+var _default = ServerConfigProvider;
+exports.default = _default;

package/dist-cjs/components/SpecimenLink/index.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _SpecimenLinkQuery2 = _interopRequireDefault(require("../../__generated__/SpecimenLinkQuery.graphql"));
+var _react = _interopRequireDefault(require("react"));
+var _reactRelay = require("react-relay");
+var _Icons = require("../Icons");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SpecimenLink = ({
+  collectionId
+}) => {
+  const {
+    node
+  } = (0, _reactRelay.useLazyLoadQuery)((_SpecimenLinkQuery2.default.hash && _SpecimenLinkQuery2.default.hash !== "a718e7ed92035c4bbebafc13d037fa6c" && console.error("The definition of 'SpecimenLinkQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _SpecimenLinkQuery2.default), {
+    collectionId
+  });
+  const pdf = node?.pdfs?.[0];
+  if (!pdf) return null;
+  return /*#__PURE__*/_react.default.createElement("a", {
+    href: pdf.url ?? '',
+    target: "_blank",
+    className: "specimen-link"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "specimen-link__image"
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: pdf.thumbnailUrl ?? ''
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "specimen-link__text"
+  }, "PDF Specimen", /*#__PURE__*/_react.default.createElement("span", {
+    className: "specimen-link__arrow"
+  }, ' ', /*#__PURE__*/_react.default.createElement(_Icons.ArrowRight, null))));
+};
+var _default = SpecimenLink;
+exports.default = _default;