thm-p3-configurator 0.0.393 → 0.0.394

package/dist/src/shared/__components__/ProductCard/index.js

@@ -0,0 +1,228 @@
+"use strict";
+
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/esnext.iterator.map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/esnext.iterator.map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+var _react = _interopRequireWildcard(require("react"));
+var _queries = require("../../__api__/queries");
+var _constants__ = require("../../__constants__");
+var _helpers__ = require("../../__helpers__");
+var _singleOrderArticles = require("../../__helpers__/singleOrderArticles");
+var _ProductCardCheckbox = _interopRequireDefault(require("./ProductCardCheckbox"));
+var _ProductCardDescription = _interopRequireDefault(require("./ProductCardDescription"));
+var _ProductCardDiscountAlert = _interopRequireDefault(require("./ProductCardDiscountAlert"));
+var _ProductCardImage = _interopRequireDefault(require("./ProductCardImage"));
+var _ProductCardPrice = _interopRequireDefault(require("./ProductCardPrice"));
+var _ProductCardRibbon = _interopRequireDefault(require("./ProductCardRibbon"));
+var _ProductCardSpecifications = _interopRequireDefault(require("./ProductCardSpecifications"));
+var _ProductCardUsps = _interopRequireDefault(require("./ProductCardUsps"));
+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 _getRequireWildcardCache(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 ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+const ProductCard = _ref => {
+  var _normalizedStock$quan, _normalizedStock$quan2;
+  let {
+    hasCheckbox = true,
+    isRecommended = false,
+    productId,
+    productTitle,
+    productDescription,
+    stock = null,
+    productUsps = [],
+    productImage = null,
+    isDisabled = false,
+    defaultSelected = false,
+    productPrice = null,
+    productDiscountedPrice = null,
+    productDiscountedLabel = null,
+    productSpecifications = [],
+    showPrice = false,
+    canUnselect = true,
+    onSelect = () => {},
+    onDescriptionToggle = () => {},
+    isOnlyProductInCategory = false,
+    isAnotherProductSelected = true,
+    isTmg = false,
+    isBoardComputer = false
+  } = _ref;
+  const [isSelected, setIsSelected] = (0, _react.useState)(defaultSelected);
+  const {
+    productFieldLabels
+  } = (0, _queries.useProductFieldLabels)();
+  const normalizedStock = stock && stock.status ? _objectSpread(_objectSpread({}, stock), {}, {
+    status: (0, _singleOrderArticles.mapApiStockStatusToStockStatus)(stock.status)
+  }) : stock;
+  const handleSelected = isSelected => {
+    if (!canUnselect && !isSelected) {
+      // Do not update local state, only call onSelect
+      onSelect({
+        isSelected: isSelected
+      });
+      return;
+    }
+    setIsSelected(isSelected);
+    onSelect({
+      productId,
+      isSelected: isSelected
+    });
+  };
+  (0, _react.useEffect)(() => {
+    setIsSelected(defaultSelected);
+  }, [defaultSelected]);
+  (0, _react.useEffect)(() => {
+    if (isOnlyProductInCategory || !isAnotherProductSelected && isRecommended) {
+      handleSelected(true);
+    }
+  }, [isOnlyProductInCategory, isRecommended]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    key: productId,
+    className: (0, _helpers__.withStyle)("card card__horizontal card__link ".concat(isSelected ? 'active' : '', " container-fluid g-0")),
+    disabled: isDisabled,
+    onClick: () => handleSelected(!isSelected)
+  }, /*#__PURE__*/_react.default.createElement(_ProductCardRibbon.default, {
+    isRecommended: isRecommended
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('row g-0')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('col-md-4 d-flex justify-content-center position-relative')
+  }, /*#__PURE__*/_react.default.createElement(_ProductCardImage.default, {
+    image: productImage,
+    isBoardComputer: isBoardComputer
+  }), /*#__PURE__*/_react.default.createElement(_ProductCardDiscountAlert.default, {
+    label: productDiscountedLabel,
+    price: productDiscountedPrice,
+    discountedPrice: productPrice
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)("".concat(productImage ? 'col-md-8' : 'col-12', " d-flex flex-wrap"))
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('card-body')
+  }, /*#__PURE__*/_react.default.createElement("h5", {
+    className: (0, _helpers__.withStyle)('card-title')
+  }, productTitle, showPrice && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('col-12 col-md-auto d-flex flex-xxl-column my-2 my-xxl-0')
+  }, /*#__PURE__*/_react.default.createElement(_ProductCardPrice.default, {
+    price: productDiscountedPrice < productPrice ? productPrice : productDiscountedPrice,
+    discountedPrice: productDiscountedPrice < productPrice ? productDiscountedPrice : productPrice
+  }))), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('card-text row no-gutters flex-wrap align-items-bottom justify-content-start')
+  }, /*#__PURE__*/_react.default.createElement(_ProductCardUsps.default, {
+    usps: productUsps
+  }), /*#__PURE__*/_react.default.createElement(_ProductCardSpecifications.default, {
+    specifications: [...(productId ? [{
+      key: 'Artikel',
+      value: productId
+    }] : []), ...productSpecifications.map(_ref2 => {
+      let {
+        key,
+        value
+      } = _ref2;
+      return {
+        key: (productFieldLabels === null || productFieldLabels === void 0 ? void 0 : productFieldLabels[key]) || key,
+        value
+      };
+    })],
+    excludeKeys: ['brand', 'brandName']
+  }), /*#__PURE__*/_react.default.createElement(_ProductCardDescription.default, {
+    description: productDescription,
+    onDescriptionToggle: onDescriptionToggle
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('card-footer pt-2 col-12 col-md-8 col-xxl-6 pb-0 justify-content-end')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('d-flex flex-column align-items-end')
+  }, showPrice && normalizedStock && /*#__PURE__*/_react.default.createElement("div", null, normalizedStock.status === _constants__.StockStatus.OutOfStock ? /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('text-danger mb-1')
+  }, "Niet op voorraad") : normalizedStock.status === _constants__.StockStatus.InsufficientStock ? /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('text-warning mb-1')
+  }, isTmg ? "".concat((_normalizedStock$quan = normalizedStock.quantity) !== null && _normalizedStock$quan !== void 0 ? _normalizedStock$quan : 0, " op voorraad") : 'Weinig op voorraad') : /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('text-success mb-1')
+  }, isTmg ? "".concat((_normalizedStock$quan2 = normalizedStock.quantity) !== null && _normalizedStock$quan2 !== void 0 ? _normalizedStock$quan2 : 0, " op voorraad") : 'Op voorraad')), hasCheckbox && /*#__PURE__*/_react.default.createElement(_ProductCardCheckbox.default, {
+    id: productId,
+    isDisabled: isDisabled,
+    defaultChecked: isSelected,
+    isTmg: isTmg
+  })))))));
+};
+var _default = exports.default = ProductCard;

package/dist/src/shared/__components__/ProductTable/ProductTableEditableRow.js

@@ -0,0 +1,66 @@
+"use strict";
+
+require("core-js/modules/esnext.iterator.map.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/esnext.iterator.map.js");
+var _react = _interopRequireDefault(require("react"));
+var _logoPrimary = _interopRequireDefault(require("../../../../public/assets/images/logo-primary.svg"));
+var _helpers__ = require("../../__helpers__");
+var _NumericInput = _interopRequireDefault(require("../Form/NumericInput"));
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+const ProductTableEditableRow = _ref => {
+  let {
+    productImage,
+    productTitle,
+    productAmount = 1,
+    extraCells = [],
+    onEdit,
+    onRemove,
+    isDisabled,
+    canAlterQuantity = true
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("tr", {
+    className: (0, _helpers__.withStyle)('cart__table-product')
+  }, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('cart__product row align-items-center justify-content-between')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('col-12')
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    className: (0, _helpers__.withStyle)('img-fluid rounded-1'),
+    src: productImage || _logoPrimary.default,
+    alt: "product"
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('col')
+  }, /*#__PURE__*/_react.default.createElement("p", null, productTitle), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('row mt-0 flex-row flex-md-column flex-wrap flex-md-nowrap')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('d-flex col-12 align-items-center')
+  }, canAlterQuantity && /*#__PURE__*/_react.default.createElement(_NumericInput.default, {
+    defaultValue: productAmount,
+    isDisabled: false,
+    onChange: onEdit,
+    min: 0,
+    max: 99
+  }), /*#__PURE__*/_react.default.createElement("button", {
+    onClick: onRemove,
+    disabled: isDisabled,
+    className: (0, _helpers__.withStyle)('link-primary license-plate__edit')
+  }, "Verwijder")))))), extraCells.map((_ref2, index) => {
+    let {
+      className = '',
+      text = ''
+    } = _ref2;
+    return /*#__PURE__*/_react.default.createElement("td", {
+      key: "product-table-product-static-".concat(text, "-").concat(index),
+      className: (0, _helpers__.withStyle)(className)
+    }, text);
+  }));
+};
+var _default = exports.default = ProductTableEditableRow;

package/dist/src/shared/__components__/ProductTable/ProductTableHead.js

@@ -0,0 +1,32 @@
+"use strict";
+
+require("core-js/modules/esnext.iterator.map.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/esnext.iterator.map.js");
+var _react = _interopRequireDefault(require("react"));
+var _helpers__ = require("../../__helpers__");
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+const ProductTableHead = _ref => {
+  let {
+    columns
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, columns.map((_ref2, index) => {
+    let {
+      className = '',
+      text = ''
+    } = _ref2;
+    return /*#__PURE__*/_react.default.createElement("th", {
+      key: "".concat(text, "-table-head-").concat(index),
+      className: (0, _helpers__.withStyle)(className),
+      scope: "col"
+    }, text);
+  })));
+};
+var _default = exports.default = ProductTableHead;

package/dist/src/shared/__components__/ProductTable/ProductTableSection.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _helpers__ = require("../../__helpers__");
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+const ProductTableSection = _ref => {
+  let {
+    heading,
+    children
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("tr", {
+    className: (0, _helpers__.withStyle)('cart__table-heading')
+  }, /*#__PURE__*/_react.default.createElement("th", {
+    scope: "row"
+  }, /*#__PURE__*/_react.default.createElement("h5", null, heading))), children);
+};
+var _default = exports.default = ProductTableSection;

package/dist/src/shared/__components__/ProductTable/ProductTableSectionTotal.js

@@ -0,0 +1,46 @@
+"use strict";
+
+require("core-js/modules/esnext.iterator.map.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/esnext.iterator.map.js");
+var _react = _interopRequireDefault(require("react"));
+var _reactRouterDom = require("react-router-dom");
+var _helpers__ = require("../../__helpers__");
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+const ProductTableSectionTotal = _ref => {
+  let {
+    isEditable,
+    editLink,
+    editLabel,
+    onEditClick = () => {},
+    extraCells = []
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isEditable && /*#__PURE__*/_react.default.createElement("tr", {
+    className: (0, _helpers__.withStyle)('cart__table-subtotal')
+  }, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('cart__edit')
+  }, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
+    className: "".concat((0, _helpers__.withStyle)('link-primary license-plate__edit')),
+    to: editLink,
+    onClick: onEditClick
+  }, editLabel)))), /*#__PURE__*/_react.default.createElement("tr", {
+    className: (0, _helpers__.withStyle)("cart__row--with-border")
+  }, extraCells.map((_ref2, index) => {
+    let {
+      className = '',
+      text = ''
+    } = _ref2;
+    return /*#__PURE__*/_react.default.createElement("td", {
+      key: "total-row-".concat(text, "-").concat(index),
+      className: (0, _helpers__.withStyle)(className)
+    }, text);
+  })));
+};
+var _default = exports.default = ProductTableSectionTotal;

package/dist/src/shared/__components__/ProductTable/ProductTableStaticRow.js

@@ -0,0 +1,47 @@
+"use strict";
+
+require("core-js/modules/esnext.iterator.map.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/esnext.iterator.map.js");
+var _react = _interopRequireDefault(require("react"));
+var _logoPrimary = _interopRequireDefault(require("../../../../public/assets/images/logo-primary.svg"));
+var _helpers__ = require("../../__helpers__");
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+const ProductTableStaticRow = _ref => {
+  let {
+    productImage,
+    productTitle,
+    productSubtitle,
+    extraCells
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("tr", {
+    className: (0, _helpers__.withStyle)('cart__table-product')
+  }, /*#__PURE__*/_react.default.createElement("td", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('cart__product row align-items-center justify-content-between')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('col-12')
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    className: (0, _helpers__.withStyle)('img-fluid rounded-1'),
+    src: productImage || _logoPrimary.default,
+    alt: "product"
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('col')
+  }, /*#__PURE__*/_react.default.createElement("p", null, productTitle, productSubtitle && /*#__PURE__*/_react.default.createElement("span", null, " - ", productSubtitle))))), extraCells.map((_ref2, index) => {
+    let {
+      className = '',
+      text = ''
+    } = _ref2;
+    return /*#__PURE__*/_react.default.createElement("td", {
+      key: "product-table-product-static-".concat(text, "-").concat(index),
+      className: (0, _helpers__.withStyle)(className)
+    }, text);
+  }));
+};
+var _default = exports.default = ProductTableStaticRow;

package/dist/src/shared/__components__/ProductTable/ProductTableTotal.js

@@ -0,0 +1,41 @@
+"use strict";
+
+require("core-js/modules/esnext.iterator.map.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/esnext.iterator.map.js");
+var _react = _interopRequireDefault(require("react"));
+var _helpers__ = require("../../__helpers__");
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+const ProductTableTotals = _ref => {
+  let {
+    rows = []
+  } = _ref;
+  if (!rows.length) {
+    return null;
+  }
+  return rows.map(function () {
+    let cells = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    let key = arguments.length > 1 ? arguments[1] : undefined;
+    return /*#__PURE__*/_react.default.createElement("tr", {
+      key: key,
+      className: (0, _helpers__.withStyle)('cart__table-total')
+    }, cells.map((_ref2, index) => {
+      let {
+        className = '',
+        text = ''
+      } = _ref2;
+      return /*#__PURE__*/_react.default.createElement("td", {
+        key: "product-table-totals-".concat(text, "-").concat(index),
+        className: (0, _helpers__.withStyle)(className)
+      }, text);
+    }));
+  });
+};
+var _default = exports.default = ProductTableTotals;

package/dist/src/shared/__components__/ProductTable/index.js

@@ -0,0 +1,127 @@
+"use strict";
+
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.string.includes.js");
+require("core-js/modules/esnext.iterator.map.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.string.includes.js");
+require("core-js/modules/esnext.iterator.map.js");
+var _react = _interopRequireDefault(require("react"));
+var _helpers__ = require("../../__helpers__");
+var _TogglableCard = _interopRequireDefault(require("../Cards/TogglableCard"));
+var _ProductTableEditableRow = _interopRequireDefault(require("./ProductTableEditableRow"));
+var _ProductTableHead = _interopRequireDefault(require("./ProductTableHead"));
+var _ProductTableSection = _interopRequireDefault(require("./ProductTableSection"));
+var _ProductTableSectionTotal = _interopRequireDefault(require("./ProductTableSectionTotal"));
+var _ProductTableStaticRow = _interopRequireDefault(require("./ProductTableStaticRow"));
+var _ProductTableTotal = _interopRequireDefault(require("./ProductTableTotal"));
+var _OrderSessionContext = require("../../__context__/OrderSessionContext");
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+const ProductTable = _ref => {
+  let {
+    staticProducts = [],
+    editableProducts = [],
+    canAlterQuantity = true
+  } = _ref;
+  const {
+    selectedBranch,
+    allArticleNumbers
+  } = (0, _OrderSessionContext.useOrderSession)();
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)("content col-lg")
+  }, /*#__PURE__*/_react.default.createElement(_TogglableCard.default, {
+    title: 'Overzicht',
+    untoggleButton: selectedBranch ? 'Verberg inkoopprijzen' : undefined,
+    toggleButton: selectedBranch ? 'Toon inkoopprijzen' : undefined,
+    onToggle: toggled => console.info('Toggled ' + toggled)
+  }, /*#__PURE__*/_react.default.createElement("table", {
+    className: (0, _helpers__.withStyle)('cart__table table table-borderless align-middle')
+  }, /*#__PURE__*/_react.default.createElement(_ProductTableHead.default, {
+    columns: [{}, {}, {}, {}, {
+      text: 'Verkoop Prjs',
+      className: 'fw-bold text-end'
+    }]
+  }), /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement(_ProductTableSection.default, {
+    heading: 'Trekhaakmontage'
+  }, staticProducts.map(_ref2 => {
+    let {
+      title,
+      id,
+      image,
+      price
+    } = _ref2;
+    return /*#__PURE__*/_react.default.createElement(_ProductTableStaticRow.default, {
+      key: id,
+      productTitle: title,
+      productImage: image,
+      extraCells: [{}, {}, {}, {
+        text: (0, _helpers__.formatPrice)(price),
+        className: 'cart__table-purchase-price text-end'
+      }]
+    });
+  }), /*#__PURE__*/_react.default.createElement(_ProductTableSectionTotal.default, {
+    isEditable: true,
+    editLabel: 'Wijzig je trekhaakpakket',
+    editLink: '/configurator/trekhaakpakket',
+    extraCells: [{}, {}, {}, {
+      text: 'Subtotaal (incl. BTW)',
+      className: 'fw-bold text-end pb-2'
+    }, {
+      text: (0, _helpers__.formatPrice)(100),
+      className: 'fw-bold text-end pb-2'
+    }]
+  })), /*#__PURE__*/_react.default.createElement(_ProductTableSection.default, {
+    heading: 'Toebehoren'
+  }, editableProducts.map(_ref3 => {
+    let {
+      title,
+      image,
+      price,
+      amount,
+      articleNumber
+    } = _ref3;
+    let canProductBeAltered = canAlterQuantity;
+    if (!canAlterQuantity && !(allArticleNumbers !== null && allArticleNumbers !== void 0 && allArticleNumbers.includes(articleNumber))) {
+      canProductBeAltered = true;
+    }
+    return /*#__PURE__*/_react.default.createElement(_ProductTableEditableRow.default, {
+      canAlterQuantity: canProductBeAltered,
+      productTitle: title,
+      productImage: image,
+      extraCells: [{}, {}, {}, {
+        text: (0, _helpers__.formatPrice)(price),
+        className: 'cart__table-purchase-price text-end'
+      }],
+      productAmount: amount,
+      onEdit: () => console.info('Edit'),
+      onRemove: () => console.info('Remove'),
+      isDisabled: false
+    });
+  }), /*#__PURE__*/_react.default.createElement(_ProductTableSectionTotal.default, {
+    isEditable: false,
+    extraCells: [{}, {}, {}, {
+      text: 'Subtotaal (incl. BTW)',
+      className: 'fw-bold text-end pb-2'
+    }, {
+      text: (0, _helpers__.formatPrice)(100),
+      className: 'fw-bold text-end pb-2'
+    }]
+  })), /*#__PURE__*/_react.default.createElement(_ProductTableTotal.default, {
+    rows: [[{}, {}, {}, {
+      text: 'Producten (excl. btw)',
+      className: 'fw-bold text-end pt-2'
+    }, {
+      text: (0, _helpers__.formatPrice)(100),
+      className: 'fw-bold text-end pt-2'
+    }]]
+  })))));
+};
+var _default = exports.default = ProductTable;