fontdue-js 1.10.0 → 1.10.2

package/dist/components/Cart/CartItem/index.js

@@ -4,49 +4,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactRelay = require("react-relay");
-
 var _Price = _interopRequireDefault(require("../../Price"));
-
 var _FontStyle = _interopRequireDefault(require("../../FontStyle"));
-
 var _CollectionAa = require("../../CollectionAa");
-
 var _Icons = require("../../Icons");
-
 var _VariableTextInput = _interopRequireDefault(require("./VariableTextInput"));
-
 var _VariableTableAmounts = _interopRequireDefault(require("../../VariableTableAmounts"));
-
 var _Stylesheet = _interopRequireDefault(require("../../Stylesheet"));
-
 var _CartItem_license, _CartItem_variable, _CartItem_licenseSelection, _CartItem_product, _CartItem_node, _CartItem_viewer;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 const plural = (count, singularString, pluralString) => {
   if (count === 1) return `1 ${singularString}`;
   const str = pluralString || `${singularString}s`;
   return `${count} ${str}`;
 };
-
 const groupSelectionsByLicense = node => {
   var _node$licenseSelectio;
-
-  return (_node$licenseSelectio = node.licenseSelections) === null || _node$licenseSelectio === void 0 ? void 0 : _node$licenseSelectio.reduce((res, {
-    license,
-    ...selection
-  }) => {
+  return (_node$licenseSelectio = node.licenseSelections) === null || _node$licenseSelectio === void 0 ? void 0 : _node$licenseSelectio.reduce((res, _ref) => {
     var _res$license$id$selec, _res$license$id;
-
-    return { ...res,
+    let {
+      license,
+      ...selection
+    } = _ref;
+    return {
+      ...res,
       [license.id]: {
         license,
         selections: ((_res$license$id$selec = (_res$license$id = res[license.id]) === null || _res$license$id === void 0 ? void 0 : _res$license$id.selections) !== null && _res$license$id$selec !== void 0 ? _res$license$id$selec : []).concat(selection)
@@ -54,26 +39,26 @@ const groupSelectionsByLicense = node => {
     };
   }, {});
 };
-
 const productName = product => {
   if (!product) return '??';
   if (product.__typename === 'FontStyle' && product.family) return `${product.family.name} ${product.name}`;
   return product.name;
 };
-
-const ProductName = ({
-  product
-}) => /*#__PURE__*/_react.default.createElement("h3", {
-  className: "cart-item__name"
-}, productName(product));
-
-const Variable = ({
-  selection,
-  variable,
-  onChange
-}) => {
+const ProductName = _ref2 => {
+  let {
+    product
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement("h3", {
+    className: "cart-item__name"
+  }, productName(product));
+};
+const Variable = _ref3 => {
   var _selection$option, _selection$option2, _selection$option3, _variable$options;
-
+  let {
+    selection,
+    variable,
+    onChange
+  } = _ref3;
   if (!variable) return null;
   if (!selection.variable) return null;
   return /*#__PURE__*/_react.default.createElement("label", {
@@ -91,7 +76,6 @@ const Variable = ({
     })
   }, (_variable$options = variable.options) === null || _variable$options === void 0 ? void 0 : _variable$options.map((option, i) => {
     var _selection$variable;
-
     return /*#__PURE__*/_react.default.createElement("option", {
       key: i,
       value: option.id
@@ -102,59 +86,57 @@ const Variable = ({
     onChange: onChange
   }));
 };
-
-const getSelectionIds = ({
-  license,
-  variable,
-  option,
-  variableText
-}) => ({
-  licenseId: license.id,
-  licenseVariableId: variable ? variable.id : null,
-  licenseOptionId: option ? option.id : null,
-  variableText
-});
-
+const getSelectionIds = _ref4 => {
+  let {
+    license,
+    variable,
+    option,
+    variableText
+  } = _ref4;
+  return {
+    licenseId: license.id,
+    licenseVariableId: variable ? variable.id : null,
+    licenseOptionId: option ? option.id : null,
+    variableText
+  };
+};
 const inputFromOptionChange = (node, variableId, value) => {
   var _node$licenseSelectio2, _node$licenseSelectio3;
-
   return {
     id: node.id,
     licenseSelections: (_node$licenseSelectio2 = (_node$licenseSelectio3 = node.licenseSelections) === null || _node$licenseSelectio3 === void 0 ? void 0 : _node$licenseSelectio3.map(selection => {
       if (selection.variable && selection.variable.id === variableId) {
         var _value$licenseOptionI;
-
         return {
           licenseId: selection.license.id,
           licenseVariableId: selection.variable.id,
           licenseOptionId: (_value$licenseOptionI = value.licenseOptionId) !== null && _value$licenseOptionI !== void 0 ? _value$licenseOptionI : null,
           variableText: value.variableText || null
         };
-      } // map gql output to input
-
+      }
 
+      // map gql output to input
       return getSelectionIds(selection);
     })) !== null && _node$licenseSelectio2 !== void 0 ? _node$licenseSelectio2 : []
   };
 };
-
 const inputFromLicenseRemoval = (node, licenseToRemove) => {
   var _node$licenseSelectio4, _node$licenseSelectio5;
-
-  const licenseSelections = (_node$licenseSelectio4 = (_node$licenseSelectio5 = node.licenseSelections) === null || _node$licenseSelectio5 === void 0 ? void 0 : _node$licenseSelectio5.filter(({
-    license
-  }) => license.id !== licenseToRemove.id).map(getSelectionIds)) !== null && _node$licenseSelectio4 !== void 0 ? _node$licenseSelectio4 : [];
+  const licenseSelections = (_node$licenseSelectio4 = (_node$licenseSelectio5 = node.licenseSelections) === null || _node$licenseSelectio5 === void 0 ? void 0 : _node$licenseSelectio5.filter(_ref5 => {
+    let {
+      license
+    } = _ref5;
+    return license.id !== licenseToRemove.id;
+  }).map(getSelectionIds)) !== null && _node$licenseSelectio4 !== void 0 ? _node$licenseSelectio4 : [];
   return {
     id: node.id,
     licenseSelections
   };
 };
-
 const additionalLicenseInput = license => {
   if (license.variables && license.variables.length > 0) {
     return license.variables.map(variable => {
       var _variable$options$0$i, _variable$options2, _variable$options2$;
-
       return {
         licenseId: license.id,
         licenseVariableId: variable.id,
@@ -162,35 +144,34 @@ const additionalLicenseInput = license => {
       };
     });
   }
-
   return [{
     licenseId: license.id,
     licenseVariableId: null,
     licenseOptionId: null
   }];
 };
-
 const inputFromLicenseAddition = (node, licenseToAdd) => {
   var _node$licenseSelectio6, _node$licenseSelectio7;
-
   const licenseSelections = (_node$licenseSelectio6 = (_node$licenseSelectio7 = node.licenseSelections) === null || _node$licenseSelectio7 === void 0 ? void 0 : _node$licenseSelectio7.map(getSelectionIds).concat(additionalLicenseInput(licenseToAdd))) !== null && _node$licenseSelectio6 !== void 0 ? _node$licenseSelectio6 : [];
   return {
     id: node.id,
     licenseSelections
   };
 };
-
-const AdditionalLicenses = ({
-  licenses,
-  orderItem,
-  onAddLicense
-}) => {
+const AdditionalLicenses = _ref6 => {
   var _orderItem$licenseSel;
-
+  let {
+    licenses,
+    orderItem,
+    onAddLicense
+  } = _ref6;
   if (!licenses) return null;
-  const licenseIds = (_orderItem$licenseSel = orderItem.licenseSelections) === null || _orderItem$licenseSel === void 0 ? void 0 : _orderItem$licenseSel.map(({
-    license
-  }) => license.id);
+  const licenseIds = (_orderItem$licenseSel = orderItem.licenseSelections) === null || _orderItem$licenseSel === void 0 ? void 0 : _orderItem$licenseSel.map(_ref7 => {
+    let {
+      license
+    } = _ref7;
+    return license.id;
+  });
   const additionalLicenses = licenses.filter(license => !(licenseIds !== null && licenseIds !== void 0 && licenseIds.some(id => id === license.id)));
   if (additionalLicenses.length < 1) return null;
   return /*#__PURE__*/_react.default.createElement("div", {
@@ -202,33 +183,29 @@ const AdditionalLicenses = ({
     onClick: onAddLicense.bind(null, license)
   }, license.name)));
 };
-
-const CartItemLicense = ({
-  node,
-  onChange,
-  license,
-  closeButtonMouseEnter: parentCloseButtonMouseEnter,
-  closeButtonMouseLeave: parentCloseButtonMouseLeave,
-  selections
-}) => {
+const CartItemLicense = _ref8 => {
+  let {
+    node,
+    onChange,
+    license,
+    closeButtonMouseEnter: parentCloseButtonMouseEnter,
+    closeButtonMouseLeave: parentCloseButtonMouseLeave,
+    selections
+  } = _ref8;
   if (!license) return null;
   const [closeButtonIsHovered, setCloseButtonIsHovered] = (0, _react.useState)(false);
-
   const closeButtonMouseEnter = () => {
     parentCloseButtonMouseEnter();
     setCloseButtonIsHovered(true);
   };
-
   const closeButtonMouseLeave = () => {
     parentCloseButtonMouseLeave();
     setCloseButtonIsHovered(false);
   };
-
   const handleClick = () => {
     closeButtonMouseLeave();
     onChange(inputFromLicenseRemoval(node, license));
   };
-
   return /*#__PURE__*/_react.default.createElement("li", {
     key: license.id,
     className: "cart-item__license",
@@ -241,18 +218,17 @@ const CartItemLicense = ({
     className: "cart-item__license-variables"
   }, selections.map(selection => {
     var _license$variables;
-
     return /*#__PURE__*/_react.default.createElement("li", {
       className: "cart-item__license-variable",
       key: selection.id
     }, /*#__PURE__*/_react.default.createElement(Variable, {
       selection: selection,
       onChange: value => onChange(inputFromOptionChange(node, selection.variable.id, value)),
-      variable: (_license$variables = license.variables) === null || _license$variables === void 0 ? void 0 : _license$variables.find(({
-        id
-      }) => {
+      variable: (_license$variables = license.variables) === null || _license$variables === void 0 ? void 0 : _license$variables.find(_ref9 => {
         var _selection$variable2;
-
+        let {
+          id
+        } = _ref9;
         return id === ((_selection$variable2 = selection.variable) === null || _selection$variable2 === void 0 ? void 0 : _selection$variable2.id);
       })
     }));
@@ -265,32 +241,26 @@ const CartItemLicense = ({
     onMouseLeave: closeButtonMouseLeave
   }, /*#__PURE__*/_react.default.createElement(_Icons.X, null)));
 };
-
 const productCss = product => {
   var _product$family, _product$featureStyle, _product$featureStyle2;
-
   if (!product) return;
   if (product.__typename === 'FontStyle') return (_product$family = product.family) === null || _product$family === void 0 ? void 0 : _product$family.cssUrl;
   if (product.__typename === 'FontCollection') return (_product$featureStyle = product.featureStyle) === null || _product$featureStyle === void 0 ? void 0 : (_product$featureStyle2 = _product$featureStyle.family) === null || _product$featureStyle2 === void 0 ? void 0 : _product$featureStyle2.cssUrl;
 };
-
-const CartItemBase = ({
-  node,
-  viewer,
-  onChange
-}) => {
+const CartItemBase = _ref10 => {
   var _node$sku$product, _node$sku$product2, _node$sku$product2$va, _node$sku$product3, _node$sku$product$tot;
-
+  let {
+    node,
+    viewer,
+    onChange
+  } = _ref10;
   const [closeButtonIsHovered, setCloseButtonIsHovered] = (0, _react.useState)(false);
-
   const closeButtonMouseEnter = () => {
     setCloseButtonIsHovered(true);
   };
-
   const closeButtonMouseLeave = () => {
     setCloseButtonIsHovered(false);
   };
-
   if (!node.sku) return null;
   if (!node.sku.product) return null;
   const groupedLicenses = groupSelectionsByLicense(node);
@@ -317,7 +287,6 @@ const CartItemBase = ({
     className: "cart-item__licenses"
   }, Object.keys(groupedLicenses).map(licenseId => {
     var _groupedLicenses$lice, _viewer$licenses;
-
     return /*#__PURE__*/_react.default.createElement(CartItemLicense, {
       key: licenseId,
       node: node,
@@ -337,7 +306,6 @@ const CartItemBase = ({
     onAddLicense: license => onChange(inputFromLicenseAddition(node, license))
   }));
 };
-
 _CartItem_license !== void 0 ? _CartItem_license : (_CartItem_license = require("../../../__generated__/CartItem_license.graphql"), _CartItem_license.hash && _CartItem_license.hash !== "3d3c0b942c4cb8683b41bb52ab637339" && console.error("The definition of 'CartItem_license' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItem_license);
 _CartItem_variable !== void 0 ? _CartItem_variable : (_CartItem_variable = require("../../../__generated__/CartItem_variable.graphql"), _CartItem_variable.hash && _CartItem_variable.hash !== "3e4dbfb04637c3535a85a0b920aa148b" && console.error("The definition of 'CartItem_variable' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItem_variable);
 _CartItem_licenseSelection !== void 0 ? _CartItem_licenseSelection : (_CartItem_licenseSelection = require("../../../__generated__/CartItem_licenseSelection.graphql"), _CartItem_licenseSelection.hash && _CartItem_licenseSelection.hash !== "623e900c36a5bb9ad347ddcad84598e3" && console.error("The definition of 'CartItem_licenseSelection' appears to have changed. Run `relay-compiler` to update the generated files to receive the expected data."), _CartItem_licenseSelection);

package/dist/components/Cart/CartOrder.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { CartOrder_order$key } from '__generated__/CartOrder_order.graphql';
+import { CartOrder_viewer$key } from '__generated__/CartOrder_viewer.graphql';
+import { TransitionStatus } from 'react-transition-group';
+interface CartOrder_props {
+    order: CartOrder_order$key;
+    viewer: CartOrder_viewer$key;
+    status: TransitionStatus;
+}
+declare const CartOrder: ({ order: orderKey, viewer: viewerKey, status }: CartOrder_props) => JSX.Element | null;
+export default CartOrder;