fontdue-js 2.22.4 → 3.0.0-alpha1

package/dist/components/ConfigContext.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TypeTesterConfig } from './TypeTester';
-import { StoreModalConfig } from './StoreModal/types';
+import { TypeTesterConfig } from './TypeTester/index.js';
+import { StoreModalConfig } from './StoreModal/types.js';
 import { Appearance } from '@stripe/stripe-js';
 interface FormConfig {
     checkboxStyle?: 'check' | 'cross';
@@ -44,9 +44,9 @@ export declare const makeConfig: (config?: Config) => {
         selectable: boolean;
         priceBar: boolean;
         textInput: boolean;
-        initialMode: "group" | "local";
+        initialMode: "local" | "group";
         groupEdit: boolean;
-        bulletStyle: "square" | "round";
+        bulletStyle: "round" | "square";
         openTypeFeatures: {
             buttonLabel: string;
             interactionStyle: "select" | "panel";
@@ -59,9 +59,9 @@ export declare const makeConfig: (config?: Config) => {
             }[] | undefined;
             selectionStyle: "checkbox" | "bullet";
         };
-        variableAxesPosition: import("./TypeTester/types").TypeTesterAxesPosition;
+        variableAxesPosition: import("./TypeTester/types.js").TypeTesterAxesPosition;
         alignmentButtons: boolean;
-        initialAlignment: import("./TypeTester/types").Alignment;
+        initialAlignment: import("./TypeTester/types.js").Alignment;
         size: {
             label: string | false;
             min: number;
@@ -89,7 +89,7 @@ export declare const makeConfig: (config?: Config) => {
     storeModal: {
         indexLayout: "styled-aa" | "styled-font-names";
         indexExcludeTags: string[] | undefined;
-        productLicensesPosition: "top" | "bottom";
+        productLicensesPosition: "bottom" | "top";
     };
     stripe: {
         appearance: Appearance | null;
@@ -115,9 +115,9 @@ declare const _default: React.Context<{
         selectable: boolean;
         priceBar: boolean;
         textInput: boolean;
-        initialMode: "group" | "local";
+        initialMode: "local" | "group";
         groupEdit: boolean;
-        bulletStyle: "square" | "round";
+        bulletStyle: "round" | "square";
         openTypeFeatures: {
             buttonLabel: string;
             interactionStyle: "select" | "panel";
@@ -130,9 +130,9 @@ declare const _default: React.Context<{
             }[] | undefined;
             selectionStyle: "checkbox" | "bullet";
         };
-        variableAxesPosition: import("./TypeTester/types").TypeTesterAxesPosition;
+        variableAxesPosition: import("./TypeTester/types.js").TypeTesterAxesPosition;
         alignmentButtons: boolean;
-        initialAlignment: import("./TypeTester/types").Alignment;
+        initialAlignment: import("./TypeTester/types.js").Alignment;
         size: {
             label: string | false;
             min: number;
@@ -160,7 +160,7 @@ declare const _default: React.Context<{
     storeModal: {
         indexLayout: "styled-aa" | "styled-font-names";
         indexExcludeTags: string[] | undefined;
-        productLicensesPosition: "top" | "bottom";
+        productLicensesPosition: "bottom" | "top";
     };
     stripe: {
         appearance: Appearance | null;

package/dist/components/ConfigContext.js

@@ -1,11 +1,6 @@
-"use strict";
+'use client';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.makeConfig = exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import React from 'react';
 const makeTypeTesterConfig = config => {
   var _config$openTypeFeatu, _config$openTypeFeatu2, _config$openTypeFeatu3, _config$openTypeFeatu4, _config$size, _config$size2, _config$size3, _config$lineHeight, _config$lineHeight2, _config$lineHeight3, _config$letterSpacing, _config$letterSpacing2, _config$letterSpacing3, _config$columns, _config$columns2, _config$columns3;
   let shy = (config === null || config === void 0 ? void 0 : config.shy) ?? false;
@@ -58,7 +53,7 @@ const makeTypeTesterConfig = config => {
     }
   };
 };
-const makeConfig = config => {
+export const makeConfig = config => {
   var _config$form, _config$storeModal, _config$storeModal2, _config$storeModal3, _config$stripe, _config$tracking, _config$tracking2, _config$tracking3, _config$tracking4;
   return {
     typeTester: makeTypeTesterConfig(config === null || config === void 0 ? void 0 : config.typeTester),
@@ -83,6 +78,4 @@ const makeConfig = config => {
     corsErrorModal: (config === null || config === void 0 ? void 0 : config.corsErrorModal) ?? true
   };
 };
-exports.makeConfig = makeConfig;
-var _default = /*#__PURE__*/_react.default.createContext(makeConfig());
-exports.default = _default;
+export default /*#__PURE__*/React.createContext(makeConfig());

package/dist/components/ConsentBanner/consent.js

@@ -1,36 +1,25 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.activateScripts = activateScripts;
-exports.getClientAnonymousId = getClientAnonymousId;
-exports.hasConsent = hasConsent;
-exports.onConsent = onConsent;
-exports.setClientAnonymousId = setClientAnonymousId;
-exports.setConsent = setConsent;
 const CONSENT_COOKIE = '_fontdue_cc';
 const CONSENT_EVENT = 'fontdue:consent';
 const MAX_AGE = 60 * 60 * 24 * 365; // 1 year
 
 /** Store the client-generated anonymous_id so it can be sent with consent events. */
 let clientAnonymousId;
-function setClientAnonymousId(id) {
+export function setClientAnonymousId(id) {
   clientAnonymousId = id;
 }
-function getClientAnonymousId() {
+export function getClientAnonymousId() {
   return clientAnonymousId;
 }
 
 /** Parse the _fontdue_cc cookie and check if it contains the given category. */
-function hasConsent(category) {
+export function hasConsent(category) {
   const match = document.cookie.match(new RegExp('(?:^|;\\s*)' + CONSENT_COOKIE + '=([^;]*)'));
   if (!match) return false;
   return match[1].split(',').includes(category);
 }
 
 /** Set the _fontdue_cc cookie with the given categories. */
-function setConsent(categories) {
+export function setConsent(categories) {
   document.cookie = CONSENT_COOKIE + '=' + categories.join(',') + ';path=/;max-age=' + MAX_AGE + ';SameSite=Lax;Secure';
   window.dispatchEvent(new CustomEvent(CONSENT_EVENT, {
     detail: {
@@ -44,7 +33,7 @@ function setConsent(categories) {
  * If already granted, calls immediately. Otherwise polls (500ms) and
  * listens for the fontdue:consent event. Returns a cleanup function.
  */
-function onConsent(category, callback) {
+export function onConsent(category, callback) {
   if (hasConsent(category)) {
     callback();
     return () => {};
@@ -71,7 +60,7 @@ function onConsent(category, callback) {
  * Finds all <script type="text/plain" data-consent-category="<category>">
  * elements and replaces them with executable copies.
  */
-function activateScripts(category) {
+export function activateScripts(category) {
   const scripts = document.querySelectorAll(`script[type="text/plain"][data-consent-category="${category}"]`);
   scripts.forEach(blocked => {
     var _blocked$parentNode;

package/dist/components/ConsentBanner/index.js

@@ -1,25 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _ConfigContext = _interopRequireDefault(require("../ConfigContext"));
-var _UrlContext = require("../UrlContext");
-var _consent = require("./consent");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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; }
+import React, { useContext, useEffect, useState } from 'react';
+import ConfigContext from '../ConfigContext.js';
+import { useFontdueUrl } from '../UrlContext.js';
+import { setConsent, activateScripts, getClientAnonymousId } from './consent.js';
 const DEFAULT_MESSAGE = 'We use cookies to analyze site usage and improve your\u00A0experience.';
 const ConsentBanner = () => {
-  const config = (0, _react.useContext)(_ConfigContext.default);
-  const url = (0, _UrlContext.useFontdueUrl)();
+  const config = useContext(ConfigContext);
+  const url = useFontdueUrl();
 
   // Start dismissed to avoid hydration mismatch (server has no document.cookie).
   // Check on the client in useEffect.
-  const [dismissed, setDismissed] = (0, _react.useState)(true);
-  (0, _react.useEffect)(() => {
+  const [dismissed, setDismissed] = useState(true);
+  useEffect(() => {
     if (!config.tracking.consentRequired) return;
     if (!document.cookie.includes('_fontdue_cc=')) {
       setDismissed(false);
@@ -37,7 +28,7 @@ const ConsentBanner = () => {
         categories: categories.join(',')
       }
     };
-    const anonId = (0, _consent.getClientAnonymousId)();
+    const anonId = getClientAnonymousId();
     if (anonId) body.anonymous_id = anonId;
     fetch(`${url}/api/track`, {
       method: 'POST',
@@ -49,36 +40,35 @@ const ConsentBanner = () => {
     }).catch(() => {});
   };
   const handleAcceptAll = () => {
-    (0, _consent.setConsent)(['necessary', 'analytics']);
-    (0, _consent.activateScripts)('analytics');
+    setConsent(['necessary', 'analytics']);
+    activateScripts('analytics');
     if (config.tracking.enabled) {
       sendConsentEvent(['necessary', 'analytics']);
     }
     setDismissed(true);
   };
   const handleReject = () => {
-    (0, _consent.setConsent)(['necessary']);
+    setConsent(['necessary']);
     setDismissed(true);
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "fontdue-consent-banner",
     role: "region",
     "aria-label": "Cookie consent"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "fontdue-consent-banner__container"
-  }, /*#__PURE__*/_react.default.createElement("p", {
+  }, /*#__PURE__*/React.createElement("p", {
     className: "fontdue-consent-banner__message"
-  }, message), /*#__PURE__*/_react.default.createElement("div", {
+  }, message), /*#__PURE__*/React.createElement("div", {
     className: "fontdue-consent-banner__actions"
-  }, /*#__PURE__*/_react.default.createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "fontdue-consent-banner__button fontdue-consent-banner__button--secondary",
     onClick: handleReject
-  }, "Necessary only"), /*#__PURE__*/_react.default.createElement("button", {
+  }, "Necessary only"), /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "fontdue-consent-banner__button fontdue-consent-banner__button--primary",
     onClick: handleAcceptAll
   }, "Accept all"))));
 };
-var _default = ConsentBanner;
-exports.default = _default;
+export default ConsentBanner;

package/dist/components/CookieNotification/index.js

@@ -1,36 +1,29 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _store = _interopRequireDefault(require("store"));
-var _ComponentsContext = _interopRequireDefault(require("../ComponentsContext"));
-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); }
+import React from 'react';
+import store from 'store';
+import ComponentsContext from '../ComponentsContext.js';
 const DefaultCookieNotification = _ref => {
   let {
     onDismiss,
     open,
     siteTitle
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "cookie-notification",
     "data-open": open
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "cookie-notification__container"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "cookie-notification__text-container"
-  }, /*#__PURE__*/_react.default.createElement("p", {
+  }, /*#__PURE__*/React.createElement("p", {
     className: "cookie-notification__label"
-  }, siteTitle, " website uses cookies"), /*#__PURE__*/_react.default.createElement("p", {
+  }, siteTitle, " website uses cookies"), /*#__PURE__*/React.createElement("p", {
     className: "cookie-notification__text"
-  }, "We use cookies to ensure that we give you the best experience. By continuing to visit this site you agree to receive cookies from generaltypestudio.com. You can read more about cookies in our ", /*#__PURE__*/_react.default.createElement("a", {
+  }, "We use cookies to ensure that we give you the best experience. By continuing to visit this site you agree to receive cookies from generaltypestudio.com. You can read more about cookies in our ", /*#__PURE__*/React.createElement("a", {
     href: "/privacy-policy"
-  }, "privacy policy"), ".")), /*#__PURE__*/_react.default.createElement("div", {
+  }, "privacy policy"), ".")), /*#__PURE__*/React.createElement("div", {
     className: "cookie-notification__button-container"
-  }, /*#__PURE__*/_react.default.createElement("button", {
+  }, /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: "cookie-notification__button",
     onClick: onDismiss
@@ -42,7 +35,7 @@ const GetComponent = _ref2 => {
     fallback,
     children
   } = _ref2;
-  return /*#__PURE__*/_react.default.createElement(_ComponentsContext.default.Consumer, null, components => {
+  return /*#__PURE__*/React.createElement(ComponentsContext.Consumer, null, components => {
     const Component = components[name] || fallback;
     return children(Component);
   });
@@ -53,25 +46,25 @@ const CookieNotificationBase = _ref3 => {
     dismiss,
     open
   } = _ref3;
-  return /*#__PURE__*/_react.default.createElement(GetComponent, {
+  return /*#__PURE__*/React.createElement(GetComponent, {
     name: "CookieNotification",
     fallback: DefaultCookieNotification,
     open: open
-  }, Component => /*#__PURE__*/_react.default.createElement(Component, {
+  }, Component => /*#__PURE__*/React.createElement(Component, {
     onDismiss: dismiss,
     siteTitle: siteTitle,
     open: open
   }));
 };
-class CookieNotification extends _react.default.Component {
+export default class CookieNotification extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
-      dismissed: _store.default.get('userAgreedCookies') || false
+      dismissed: store.get('userAgreedCookies') || false
     };
   }
   dismiss = () => {
-    _store.default.set('userAgreedCookies', true);
+    store.set('userAgreedCookies', true);
     this.setState({
       dismissed: true
     });
@@ -81,10 +74,9 @@ class CookieNotification extends _react.default.Component {
       dismissed
     } = this.state;
     if (dismissed) return null;
-    return /*#__PURE__*/_react.default.createElement(CookieNotificationBase, _extends({
+    return /*#__PURE__*/React.createElement(CookieNotificationBase, _extends({
       dismiss: this.dismiss,
       open: true
     }, this.props));
   }
-}
-exports.default = CookieNotification;
+}

package/dist/components/CorsErrorModal.js

@@ -1,12 +1,5 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.renderCorsErrorModal = renderCorsErrorModal;
-var _react = _interopRequireDefault(require("react"));
-var _client = require("react-dom/client");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+import React from 'react';
+import { createRoot } from 'react-dom/client';
 const code = {
   background: '#fef2f2',
   padding: '2px 6px',
@@ -24,7 +17,7 @@ function CorsErrorModal(_ref) {
   } catch {
     // keep as-is
   }
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     style: {
       position: 'fixed',
       inset: 0,
@@ -37,7 +30,7 @@ function CorsErrorModal(_ref) {
       fontSize: 14,
       lineHeight: 1.6
     }
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
       background: 'white',
       color: '#1f2937',
@@ -49,22 +42,22 @@ function CorsErrorModal(_ref) {
       boxShadow: '0 8px 30px rgba(0,0,0,0.12)',
       textAlign: 'left'
     }
-  }, /*#__PURE__*/_react.default.createElement("strong", {
+  }, /*#__PURE__*/React.createElement("strong", {
     style: {
       fontSize: 16,
       color: '#dc2626'
     }
-  }, "Cross-origin request blocked"), /*#__PURE__*/_react.default.createElement("p", {
+  }, "Cross-origin request blocked"), /*#__PURE__*/React.createElement("p", {
     style: {
       margin: '12px 0 0'
     }
-  }, "Your website (", /*#__PURE__*/_react.default.createElement("code", {
+  }, "Your website (", /*#__PURE__*/React.createElement("code", {
     style: code
-  }, origin), ") is not allowed to connect to your Fontdue store."), /*#__PURE__*/_react.default.createElement("p", {
+  }, origin), ") is not allowed to connect to your Fontdue store."), /*#__PURE__*/React.createElement("p", {
     style: {
       margin: '12px 0 0'
     }
-  }, "To fix this, go to", ' ', /*#__PURE__*/_react.default.createElement("a", {
+  }, "To fix this, go to", ' ', /*#__PURE__*/React.createElement("a", {
     href: `${settingsOrigin}/admin/settings/security`,
     target: "_blank",
     rel: "noreferrer",
@@ -72,9 +65,9 @@ function CorsErrorModal(_ref) {
       color: '#dc2626',
       fontWeight: 500
     }
-  }, "Settings \u2192 Security"), ' ', "in your Fontdue dashboard, and add ", /*#__PURE__*/_react.default.createElement("code", {
+  }, "Settings \u2192 Security"), ' ', "in your Fontdue dashboard, and add ", /*#__PURE__*/React.createElement("code", {
     style: code
-  }, origin), " to the", ' ', /*#__PURE__*/_react.default.createElement("strong", null, "Cross-origin API access"), " field."), /*#__PURE__*/_react.default.createElement("p", {
+  }, origin), " to the", ' ', /*#__PURE__*/React.createElement("strong", null, "Cross-origin API access"), " field."), /*#__PURE__*/React.createElement("p", {
     style: {
       margin: '16px 0 0',
       color: '#6b7280',
@@ -85,12 +78,12 @@ function CorsErrorModal(_ref) {
 function mount(origin, fontdueUrl) {
   const container = document.createElement('div');
   document.body.appendChild(container);
-  (0, _client.createRoot)(container).render( /*#__PURE__*/_react.default.createElement(CorsErrorModal, {
+  createRoot(container).render( /*#__PURE__*/React.createElement(CorsErrorModal, {
     origin: origin,
     fontdueUrl: fontdueUrl
   }));
 }
-function renderCorsErrorModal(origin, fontdueUrl) {
+export function renderCorsErrorModal(origin, fontdueUrl) {
   if (document.body) {
     mount(origin, fontdueUrl);
   } else {

package/dist/components/CouponText/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CouponText_coupon$key } from '__generated__/CouponText_coupon.graphql';
+import { CouponText_coupon$key } from '__generated__/CouponText_coupon.graphql.js';
 interface CouponText_props {
     coupon: CouponText_coupon$key;
     subtract?: number;

package/dist/components/CouponText/index.js

@@ -1,37 +1,28 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = CouponText;
-var _CouponText_coupon2 = _interopRequireDefault(require("../../__generated__/CouponText_coupon.graphql"));
-var _reactRelay = require("react-relay");
-var _react = _interopRequireWildcard(require("react"));
-var _Price = require("../Price");
-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 CouponText(_ref) {
+import _CouponText_coupon from "../../__generated__/CouponText_coupon.graphql.js";
+import { graphql, useFragment } from 'react-relay';
+import React, { Fragment } from 'react';
+import { Price } from '../Price/index.js';
+export default function CouponText(_ref) {
   let {
     coupon: couponKey,
     subtract = 0
   } = _ref;
-  const coupon = (0, _reactRelay.useFragment)((_CouponText_coupon2.default.hash && _CouponText_coupon2.default.hash !== "484f6e7b6a444d53ee056ac4a43a58f3" && console.error("The definition of 'CouponText_coupon' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CouponText_coupon2.default), couponKey);
+  const coupon = useFragment((_CouponText_coupon.hash && _CouponText_coupon.hash !== "484f6e7b6a444d53ee056ac4a43a58f3" && console.error("The definition of 'CouponText_coupon' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CouponText_coupon), couponKey);
   if (coupon.type === 'credit') {
     const amountRemaining = {
       ...coupon.creditAmountRemaining,
       amount: coupon.creditAmountRemaining.amount - subtract,
       currency: coupon.creditAmountRemaining.currency
     };
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Price.Price, {
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Price, {
       price: amountRemaining
     }), " remaining");
   }
   if (coupon.type === 'percent') {
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, `${coupon.percentAmount}% off`);
+    return /*#__PURE__*/React.createElement(Fragment, null, `${coupon.percentAmount}% off`);
   }
   if (coupon.type === 'static_credit') {
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Price.Price, {
+    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Price, {
       price: coupon.creditAmount
     }), " off");
   }

package/dist/components/CustomerLoginForm/index.js

@@ -1,37 +1,29 @@
-"use strict";
 'use client';
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _CustomerLoginFormQuery2 = _interopRequireDefault(require("../../__generated__/CustomerLoginFormQuery.graphql"));
-var _CustomerLoginFormLoginMutation2 = _interopRequireDefault(require("../../__generated__/CustomerLoginFormLoginMutation.graphql"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactRelay = require("react-relay");
-var _TextField = _interopRequireDefault(require("../TextField"));
-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 loginMutation = (_CustomerLoginFormLoginMutation2.default.hash && _CustomerLoginFormLoginMutation2.default.hash !== "975b639fac1e0d88e0f0c9c55acd8b9c" && console.error("The definition of 'CustomerLoginFormLoginMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CustomerLoginFormLoginMutation2.default);
-const query = (_CustomerLoginFormQuery2.default.hash && _CustomerLoginFormQuery2.default.hash !== "f32c7b0b485a2b2a02ddf2cbc5b87a3c" && console.error("The definition of 'CustomerLoginFormQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CustomerLoginFormQuery2.default);
+import _CustomerLoginFormQuery from "../../__generated__/CustomerLoginFormQuery.graphql.js";
+import _CustomerLoginFormLoginMutation from "../../__generated__/CustomerLoginFormLoginMutation.graphql.js";
+import React, { useState } from 'react';
+import { commitMutation, graphql, useLazyLoadQuery, useRelayEnvironment } from 'react-relay';
+import TextField from '../TextField/index.js';
+const loginMutation = (_CustomerLoginFormLoginMutation.hash && _CustomerLoginFormLoginMutation.hash !== "975b639fac1e0d88e0f0c9c55acd8b9c" && console.error("The definition of 'CustomerLoginFormLoginMutation' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CustomerLoginFormLoginMutation);
+const query = (_CustomerLoginFormQuery.hash && _CustomerLoginFormQuery.hash !== "f32c7b0b485a2b2a02ddf2cbc5b87a3c" && console.error("The definition of 'CustomerLoginFormQuery' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CustomerLoginFormQuery);
 const DEFAULT_SUBMITTED_LABEL = '<p>Submitted!</p><p>Please check your email inbox for a link to log in.</p><p>If you don\u2019t receive an email, please contact us to retrieve your order information.</p>';
 const CustomerLoginForm = _ref => {
   var _data$viewer, _data$viewer$settings;
   let {
     submitLabel = 'Submit'
   } = _ref;
-  const [email, setEmail] = (0, _react.useState)('');
-  const [error, setError] = (0, _react.useState)(null);
-  const [submitting, setSubmitting] = (0, _react.useState)(false);
-  const [submitted, setSubmitted] = (0, _react.useState)(false);
-  const environment = (0, _reactRelay.useRelayEnvironment)();
-  const data = (0, _reactRelay.useLazyLoadQuery)(query, {});
+  const [email, setEmail] = useState('');
+  const [error, setError] = useState(null);
+  const [submitting, setSubmitting] = useState(false);
+  const [submitted, setSubmitted] = useState(false);
+  const environment = useRelayEnvironment();
+  const data = useLazyLoadQuery(query, {});
   const submittedLabel = ((_data$viewer = data.viewer) === null || _data$viewer === void 0 ? void 0 : (_data$viewer$settings = _data$viewer.settings) === null || _data$viewer$settings === void 0 ? void 0 : _data$viewer$settings.customerLoginSubmittedLabel) || DEFAULT_SUBMITTED_LABEL;
   const handleSubmit = e => {
     e.preventDefault();
     setSubmitting(true);
-    (0, _reactRelay.commitMutation)(environment, {
+    commitMutation(environment, {
       mutation: loginMutation,
       variables: {
         input: {
@@ -58,34 +50,33 @@ const CustomerLoginForm = _ref => {
     });
   };
   const disabled = !email;
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "login-form"
-  }, error && /*#__PURE__*/_react.default.createElement("div", {
+  }, error && /*#__PURE__*/React.createElement("div", {
     className: "login-form__errors"
-  }, error), submitted ? /*#__PURE__*/_react.default.createElement("div", {
+  }, error), submitted ? /*#__PURE__*/React.createElement("div", {
     className: "login-form__submitted",
     dangerouslySetInnerHTML: {
       __html: submittedLabel
     }
-  }) : /*#__PURE__*/_react.default.createElement("form", {
+  }) : /*#__PURE__*/React.createElement("form", {
     className: "login-form__form",
     onSubmit: handleSubmit
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "login-form__section"
-  }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
+  }, /*#__PURE__*/React.createElement(TextField, {
     label: "Email *",
     type: "email",
     value: email,
     onChange: value => setEmail(value),
     autocomplete: "email",
     placeholder: "Your email"
-  })), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("button", {
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("button", {
     className: "submit-button",
     type: "submit",
     disabled: submitting || disabled
-  }, submitting ? 'Submitting...' : submitLabel, /*#__PURE__*/_react.default.createElement("span", {
+  }, submitting ? 'Submitting...' : submitLabel, /*#__PURE__*/React.createElement("span", {
     className: "submit-button__arrow"
   }, " \u2192")))));
 };
-var _default = CustomerLoginForm;
-exports.default = _default;
+export default CustomerLoginForm;

package/dist/components/Family/FamilyList.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FamilyList_node$key } from '__generated__/FamilyList_node.graphql';
+import { FamilyList_node$key } from '__generated__/FamilyList_node.graphql.js';
 interface FamilyList_props {
     node: FamilyList_node$key;
     text?: string;