fontdue-js 2.13.0 → 2.15.0-alpha1

package/dist/components/elements/StoreModalFamily/index.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 interface StoreModalFamilyProps {
     children: {
-        stylesheet: React.ReactElement | null;
+        stylesheet: React.ReactElement<any> | null;
         title: React.ReactNode;
-        familyButton: React.ReactElement;
-        bundles?: React.ReactElement[] | null;
-        styleGroups?: React.ReactElement[][] | null;
+        familyButton: React.ReactElement<any>;
+        bundles?: React.ReactElement<any>[] | null;
+        styleGroups?: React.ReactElement<any>[][] | null;
     };
 }
 declare const StoreModalFamily: React.FunctionComponent<StoreModalFamilyProps>;

package/dist/components/useInterval.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = require("react");
 const useInterval = (callback, delay) => {
-  const savedCallback = (0, _react.useRef)();
+  const savedCallback = (0, _react.useRef)(undefined);
 
   // Remember the latest callback.
   (0, _react.useEffect)(() => {

package/dist/fontdue.css

@@ -1289,6 +1289,10 @@ body[data-fontdue-store-modal=open] {
   margin-bottom: 30px;
 }
 
+.store-modal__cart__totals {
+  grid-column: 2/span 1;
+}
+
 .store-modal__container__overlay {
   position: fixed;
   top: 0;
@@ -2156,6 +2160,8 @@ body[data-fontdue-store-modal=open] {
   border: 1px solid var(--button_border_color);
   color: var(--button_text_color);
   padding: 10px 20px;
+  width: 100%;
+  text-align: center;
 }
 .cart-additions__expand-button:active, .cart-additions__expand-button:focus {
   outline: none;
@@ -2552,13 +2558,8 @@ body[data-fontdue-store-modal=open] {
   font-size: 22px;
 }
 
-/* Share URL section */
 .cart__share {
-  margin-top: 20px;
-  margin-bottom: 20px;
-  padding-top: 20px;
   width: 100%;
-  border-top: 1px solid var(--horizontal_rule_color);
 }
 
 .cart__share-title {
@@ -2639,7 +2640,6 @@ body[data-fontdue-store-modal=open] {
 .cart__share__share-button {
   display: block;
   width: 100%;
-  margin-bottom: 60px;
 }
 
 .cart__share__copy-button {

package/dist/hooks.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const useNewPortalElement: () => import("react").MutableRefObject<HTMLDivElement>;
+export declare const useNewPortalElement: () => import("react").RefObject<HTMLDivElement>;

package/dist/reducer.d.ts

@@ -97,5 +97,5 @@ export type FontdueAction = {
 };
 export declare const collectionSkuIdWithDiscount: (state: FontdueState, skuId: string) => [string, number] | [null, null];
 declare const reducer: Reducer<FontdueState, FontdueAction>;
-export declare function createDefaultStore(config: Config | undefined): import("redux").Store<FontdueState, FontdueAction>;
+export declare function createDefaultStore(config: Config | undefined): import("redux").Store<FontdueState, FontdueAction, unknown>;
 export default reducer;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fontdue-js",
-  "version": "2.13.0",
+  "version": "2.15.0-alpha1",
   "scripts": {
     "build": "npm run relay && run-p build-js build-css build-ts",
     "build-js": "babel src --out-dir dist --extensions .ts,.tsx,.js,.jsx",
@@ -14,26 +14,25 @@
   "license": "MIT",
   "browserslist": "last 5 versions or last 3 years and >0.1%, not ie <= 11, not ie_mob <= 11, not dead, unreleased versions",
   "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "react": "18 || 19",
+    "react-dom": "18 || 19"
   },
   "dependencies": {
-    "@react-hook/resize-observer": "^1.2.5",
+    "@emotion/react": "^11.14.0",
+    "@react-hook/resize-observer": "^2",
     "@react-hook/window-size": "^3.0.7",
-    "@stripe/react-stripe-js": "^3.6.0",
-    "@stripe/stripe-js": "^7.0.0",
+    "@stripe/react-stripe-js": "^3.8.1",
+    "@stripe/stripe-js": "^7.7.0",
     "classnames": "^2.2.5",
     "draft-js": "^0.11.7",
     "fast-deep-equal": "^2.0.1",
     "fontfaceobserver": "^2.0.13",
     "react-device-detect": "^2.2.3",
     "react-error-boundary": "^4.1.2",
-    "react-redux": "^8",
-    "react-relay": "^18.0.0",
-    "react-select": "^5.0.0",
-    "react-transition-group": "^4.2.1",
-    "redux": "^4.0.0",
-    "relay-runtime": "^18.0.0",
+    "react-redux": "^9",
+    "react-relay": "^19.0.0",
+    "redux": "^5.0.0",
+    "relay-runtime": "^19.0.0",
     "store": "^2.0.12",
     "uuid": "^8.3.2"
   },
@@ -45,18 +44,16 @@
     "@babel/preset-typescript": "^7.18.0",
     "@types/draft-js": "^0.10.44",
     "@types/fontfaceobserver": "^2.1.0",
-    "@types/react": "18.2.12",
-    "@types/react-dom": "18.2.4",
+    "@types/react": "19.0.0",
+    "@types/react-dom": "19.0.0",
     "@types/react-relay": "^16.0.0",
-    "@types/react-transition-group": "^4.4.4",
     "@types/relay-runtime": "^17.0.0",
     "@types/uuid": "^8.3.3",
-    "autoprefixer": "^9.6.0",
     "babel-plugin-relay": "^18.0.0",
     "npm-run-all": "^4.1.5",
     "prettier": "2.0.5",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "relay-compiler": "^18.0.0",
     "sass": "^1.62",
     "typescript": "5.1.3"
@@ -73,7 +70,7 @@
     "eagerEsModules": true
   },
   "resolutions": {
-    "@types/react": "18.2.7"
+    "@types/react": "19.0.0"
   },
   "exports": {
     "./fontdue.css": "./dist/fontdue.css",

package/types/jsx-fix.d.ts

@@ -0,0 +1,8 @@
+import { JSX as ReactJSX } from 'react';
+
+declare global {
+  namespace JSX {
+    // fix for react-stripe-js which still expects JSX to be a global
+    interface Element extends ReactJSX.Element {}
+  }
+}