fontdue-js 2.13.0 → 2.14.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## 2.14.0
+
+- Adds stripe.appearance to the config
+
+## 2.13.0
+
+- Adds the "letter spacing" option to the type tester
+- Type tester now responds to the "autofit" setting set from the backend
+- Simplifies the coupon text input, requiring users to submit it rather than auto submitting when the input blurs. This fixes an issue where the coupon appears to be submitted when it's not.
+
+## 2.12.1
+
+- Bug fixes for "share cart"
+
 ## 2.12.0
 
 - Adds "share cart" feature

package/dist/components/ConfigContext.d.ts

@@ -1,13 +1,18 @@
 import React from 'react';
 import { TypeTesterConfig } from './TypeTester';
 import { StoreModalConfig } from './StoreModal/types';
+import { Appearance } from '@stripe/stripe-js';
 interface FormConfig {
     checkboxStyle?: 'check' | 'cross';
 }
+interface StripeConfig {
+    appearance?: Appearance;
+}
 export interface Config {
     form?: FormConfig;
     storeModal?: StoreModalConfig;
     typeTester?: TypeTesterConfig;
+    stripe?: StripeConfig;
 }
 export declare const makeConfig: (config?: Config) => {
     typeTester: {
@@ -64,6 +69,9 @@ export declare const makeConfig: (config?: Config) => {
         indexExcludeTags: string[] | undefined;
         productLicensesPosition: "top" | "bottom";
     };
+    stripe: {
+        appearance: Appearance | null;
+    };
 };
 declare const _default: React.Context<{
     typeTester: {
@@ -120,5 +128,8 @@ declare const _default: React.Context<{
         indexExcludeTags: string[] | undefined;
         productLicensesPosition: "top" | "bottom";
     };
+    stripe: {
+        appearance: Appearance | null;
+    };
 }>;
 export default _default;

package/dist/components/ConfigContext.js

@@ -54,7 +54,7 @@ const makeTypeTesterConfig = config => {
   };
 };
 const makeConfig = config => {
-  var _config$form, _config$storeModal, _config$storeModal2, _config$storeModal3;
+  var _config$form, _config$storeModal, _config$storeModal2, _config$storeModal3, _config$stripe;
   return {
     typeTester: makeTypeTesterConfig(config === null || config === void 0 ? void 0 : config.typeTester),
     form: {
@@ -64,6 +64,9 @@ const makeConfig = config => {
       indexLayout: (config === null || config === void 0 ? void 0 : (_config$storeModal = config.storeModal) === null || _config$storeModal === void 0 ? void 0 : _config$storeModal.indexLayout) ?? 'styled-aa',
       indexExcludeTags: config === null || config === void 0 ? void 0 : (_config$storeModal2 = config.storeModal) === null || _config$storeModal2 === void 0 ? void 0 : _config$storeModal2.indexExcludeTags,
       productLicensesPosition: (config === null || config === void 0 ? void 0 : (_config$storeModal3 = config.storeModal) === null || _config$storeModal3 === void 0 ? void 0 : _config$storeModal3.productLicensesPosition) ?? 'top'
+    },
+    stripe: {
+      appearance: (config === null || config === void 0 ? void 0 : (_config$stripe = config.stripe) === null || _config$stripe === void 0 ? void 0 : _config$stripe.appearance) ?? null
     }
   };
 };

package/dist/components/StripeProvider/index.js

@@ -11,6 +11,7 @@ var _reactRelay = require("react-relay");
 var _reactStripeJs = require("@stripe/react-stripe-js");
 var _stripeJs = require("@stripe/stripe-js");
 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 }; }
@@ -72,8 +73,11 @@ const StripeProvider = _ref => {
       });
     });
   }, [environment]);
+  const {
+    stripe: config
+  } = (0, _react.useContext)(_ConfigContext.default);
   const options = {
-    appearance: {
+    appearance: config.appearance ?? {
       theme: 'flat',
       variables: {
         borderRadius: '0',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fontdue-js",
-  "version": "2.13.0",
+  "version": "2.14.0",
   "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",