thm-p3-configurator 0.0.373 → 0.0.375

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;

package/dist/src/shared/__components__/SingleOrderCartCard.js

@@ -0,0 +1,78 @@
+"use strict";
+
+require("core-js/modules/es.number.to-fixed.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.number.to-fixed.js");
+var _react = _interopRequireDefault(require("react"));
+var _helpers__ = require("../__helpers__");
+var _LinkButton = _interopRequireDefault(require("./Buttons/LinkButton"));
+var _NumericInput = _interopRequireDefault(require("./Form/NumericInput"));
+function _interopRequireDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
+const SingleOrderCardImage = _ref => {
+  let {
+    productImage
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('col-md-2')
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    src: productImage,
+    className: (0, _helpers__.withStyle)('card__image img-fluid object-fit-contain rounded-0 w-75'),
+    style: {
+      objectFit: 'contain',
+      maxHeight: '150px',
+      width: 'auto'
+    },
+    alt: ""
+  }));
+};
+const SingleOrderCartCard = _ref2 => {
+  let {
+    productId,
+    productImage,
+    productTitle,
+    productPrice,
+    productPriceInclVat,
+    productPriceExclVat,
+    quantity = 0,
+    handleQuantityChange,
+    removeFromCart
+  } = _ref2;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    key: "".concat(productId, "-").concat(Date.now()),
+    className: (0, _helpers__.withStyle)('w-100 mb-3')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('row g-0 w-100')
+  }, /*#__PURE__*/_react.default.createElement(SingleOrderCardImage, {
+    productImage: productImage
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('col-md-10')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('card-body w-100 h-100 d-flex flex-column pe-0 pl-4')
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('d-flex justify-content-between w-100')
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: (0, _helpers__.withStyle)('mb-0')
+  }, productTitle), /*#__PURE__*/_react.default.createElement("p", {
+    className: (0, _helpers__.withStyle)('ms-2 fw-bold')
+  }, "\u20AC", Number(productPrice).toFixed(2))), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _helpers__.withStyle)('d-flex  mt-1 justify-content-between align-items-center')
+  }, /*#__PURE__*/_react.default.createElement(_NumericInput.default, {
+    className: (0, _helpers__.withStyle)('me-2 rounded'),
+    width: "100px",
+    height: "40px",
+    defaultValue: quantity,
+    onChange: value => handleQuantityChange(productId, value, productPriceExclVat, productPriceInclVat),
+    buttonTransformY: 40
+  }), /*#__PURE__*/_react.default.createElement(_LinkButton.default, {
+    label: "Verwijder",
+    onClick: () => removeFromCart(productId)
+  }))))));
+};
+var _default = exports.default = SingleOrderCartCard;