fontdue-js 3.2.4 → 3.2.5

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 3.2.5
+
+- **`CartButton` is back in the server-rendered HTML.** Since 3.0.0 it rendered nothing at all until its cart query resolved in the browser, so the button was absent from the initial HTML and only appeared after hydration and a network round-trip — missing for crawlers, and a visible pop-in for everyone else. It now server-renders its empty state (`data-count="0"`) and fills in the count once the cart loads, as it did on 2.x. No public API change.
+
 ## 3.2.4
 
 - **The `StoreModal` checkout no longer advances past the customer step when the customer fails to save.** A rejected save — an invalid email, a duplicate record — previously moved the buyer on to payment with their details unsaved. The step now holds and shows the field errors. No public API change.

package/dist/components/CartButton/index.js

@@ -22,12 +22,14 @@ const openCart = () => ({
   type: 'OPEN_CART'
 });
 function CartButtonComponent(_ref) {
+  var _orderData$stripeChar;
   let {
     label,
     buttonStyle = 'inline',
     order: orderKey,
     children,
-    suffix
+    suffix,
+    pending = false
   } = _ref;
   const orderData = useFragment((_CartButton_order.hash && _CartButton_order.hash !== "26a092d7efb579c98adda18413349b3b" && console.error("The definition of 'CartButton_order' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartButton_order), orderKey);
   const [count, setCount] = useState(0);
@@ -71,8 +73,8 @@ function CartButtonComponent(_ref) {
   useEffect(() => {
     setCount(cartButtonCount(orderData));
   }, [orderData, setCount]);
-  if (!orderData) return null;
-  if (orderData.stripeCharge && orderData.stripeCharge.paid) return null;
+  if (!orderData && !pending) return null;
+  if (orderData !== null && orderData !== void 0 && (_orderData$stripeChar = orderData.stripeCharge) !== null && _orderData$stripeChar !== void 0 && _orderData$stripeChar.paid) return null;
   const suffixNodes = formatSuffix();
   return /*#__PURE__*/React.createElement(ComponentsContext.Consumer, null, components => components.CartButton ? /*#__PURE__*/React.createElement(components.CartButton, {
     count: count,
@@ -118,9 +120,11 @@ export default function CartButton(_ref2) {
     config: config
   }, mounted ? /*#__PURE__*/React.createElement(Suspense, {
     fallback: /*#__PURE__*/React.createElement(CartButtonComponent, _extends({}, props, {
-      order: null
+      order: null,
+      pending: true
     }))
   }, /*#__PURE__*/React.createElement(CartButtonLazyQueryRenderer, props)) : /*#__PURE__*/React.createElement(CartButtonComponent, _extends({}, props, {
-    order: null
+    order: null,
+    pending: true
   })));
 }

package/dist/relay/environment.js

@@ -8,7 +8,7 @@ import { NODE_ACCESS_HEADER } from '../nodeAccess.js';
 // (defineVersionPlugin in .babelrc.cjs) with the literal package.json#version.
 // Exported so UI (the admin toolbar) can surface it without re-reading the
 // build-time global in a 'use client' module.
-export const version = "3.2.4";
+export const version = "3.2.5";
 const IS_SERVER = typeof window === typeof undefined;
 
 // Opt server fetches into Next's data cache only in production; dev stays

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fontdue-js",
-  "version": "3.2.4",
+  "version": "3.2.5",
   "type": "module",
   "scripts": {
     "build": "npm run relay && run-p build-js build-css build-ts",