merchi_product_form
Version:
A React component for Merchi product forms
74 lines • 9.04 kB
JavaScript
import * as React from 'react';
import { currencyTotalCostShowIncTax } from './currency';
import { CgSpinner } from 'react-icons/cg';
import { useMerchiFormContext } from '../context/MerchiProductFormProvider';
import { isProductSupplierMOD } from './utils';
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
function ProductTotalCost() {
var _useMerchiFormContext = useMerchiFormContext(),
classNameProductTotal = _useMerchiFormContext.classNameProductTotal,
classNameProductTotalContainer = _useMerchiFormContext.classNameProductTotalContainer,
_useMerchiFormContext2 = _useMerchiFormContext.isCartItem,
isCartItem = _useMerchiFormContext2 === void 0 ? false : _useMerchiFormContext2,
job = _useMerchiFormContext.job,
loading = _useMerchiFormContext.loading,
product = _useMerchiFormContext.product;
var isSupplierMOD = isProductSupplierMOD(product);
var needsShipping = Boolean(job && job.needsShipping);
function Cost(_ref) {
var cost = _ref.cost,
showShipping = _ref.showShipping;
return /*#__PURE__*/_jsxs(_Fragment, {
children: [/*#__PURE__*/_jsx("strong", {
className: "mb-0",
children: "Total"
}), loading ? /*#__PURE__*/_jsx("div", {
style: {
height: '52px'
},
children: /*#__PURE__*/_jsx(CgSpinner, {
fontSize: "1.25rem",
className: "animate_spin ml-1"
})
}) : cost !== null && cost !== undefined ? /*#__PURE__*/_jsxs("div", {
style: {
display: 'flex',
flexDirection: 'column',
height: '52px'
},
children: [/*#__PURE__*/_jsx("strong", {
children: currencyTotalCostShowIncTax(job)
}), isSupplierMOD && /*#__PURE__*/_jsx("small", {
children: "approximate"
}), Boolean(!loading && showShipping) && /*#__PURE__*/_jsx("small", {
children: "+ shipping"
})]
}) : null]
});
}
return /*#__PURE__*/_jsxs("div", {
className: classNameProductTotalContainer,
children: [/*#__PURE__*/_jsx("div", {
style: {
width: '100%',
borderBottom: '1px solid #fff',
borderTop: '1px solid rgb(227, 228, 247)',
height: 0
}
}), /*#__PURE__*/_jsx("div", {
className: classNameProductTotal,
style: {
flex: '1 1 auto',
textAlign: 'right'
},
children: isCartItem ? /*#__PURE__*/_jsx(Cost, {
cost: job.totalCost
}) : /*#__PURE__*/_jsx(Cost, {
cost: job.totalCost,
showShipping: needsShipping
})
})]
});
}
export default ProductTotalCost;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsImN1cnJlbmN5VG90YWxDb3N0U2hvd0luY1RheCIsIkNnU3Bpbm5lciIsInVzZU1lcmNoaUZvcm1Db250ZXh0IiwiaXNQcm9kdWN0U3VwcGxpZXJNT0QiLCJqc3giLCJfanN4IiwianN4cyIsIl9qc3hzIiwiRnJhZ21lbnQiLCJfRnJhZ21lbnQiLCJQcm9kdWN0VG90YWxDb3N0IiwiX3VzZU1lcmNoaUZvcm1Db250ZXh0IiwiY2xhc3NOYW1lUHJvZHVjdFRvdGFsIiwiY2xhc3NOYW1lUHJvZHVjdFRvdGFsQ29udGFpbmVyIiwiX3VzZU1lcmNoaUZvcm1Db250ZXh0MiIsImlzQ2FydEl0ZW0iLCJqb2IiLCJsb2FkaW5nIiwicHJvZHVjdCIsImlzU3VwcGxpZXJNT0QiLCJuZWVkc1NoaXBwaW5nIiwiQm9vbGVhbiIsIkNvc3QiLCJfcmVmIiwiY29zdCIsInNob3dTaGlwcGluZyIsImNoaWxkcmVuIiwiY2xhc3NOYW1lIiwic3R5bGUiLCJoZWlnaHQiLCJmb250U2l6ZSIsInVuZGVmaW5lZCIsImRpc3BsYXkiLCJmbGV4RGlyZWN0aW9uIiwid2lkdGgiLCJib3JkZXJCb3R0b20iLCJib3JkZXJUb3AiLCJmbGV4IiwidGV4dEFsaWduIiwidG90YWxDb3N0Il0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbXBvbmVudHMvUHJvZHVjdFRvdGFsQ29zdC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBjdXJyZW5jeVRvdGFsQ29zdFNob3dJbmNUYXggfSBmcm9tICcuL2N1cnJlbmN5JztcclxuaW1wb3J0IHsgQ2dTcGlubmVyIH0gZnJvbSAncmVhY3QtaWNvbnMvY2cnO1xyXG5pbXBvcnQgeyB1c2VNZXJjaGlGb3JtQ29udGV4dCB9IGZyb20gJy4uL2NvbnRleHQvTWVyY2hpUHJvZHVjdEZvcm1Qcm92aWRlcic7XHJcbmltcG9ydCB7IGlzUHJvZHVjdFN1cHBsaWVyTU9EIH0gZnJvbSAnLi91dGlscyc7XHJcblxyXG5mdW5jdGlvbiBQcm9kdWN0VG90YWxDb3N0KCkge1xyXG4gIGNvbnN0IHtcclxuICAgIGNsYXNzTmFtZVByb2R1Y3RUb3RhbCxcclxuICAgIGNsYXNzTmFtZVByb2R1Y3RUb3RhbENvbnRhaW5lcixcclxuICAgIGlzQ2FydEl0ZW0gPSBmYWxzZSxcclxuICAgIGpvYixcclxuICAgIGxvYWRpbmcsXHJcbiAgICBwcm9kdWN0LFxyXG4gIH0gPSB1c2VNZXJjaGlGb3JtQ29udGV4dCgpO1xyXG4gIGNvbnN0IGlzU3VwcGxpZXJNT0QgPSBpc1Byb2R1Y3RTdXBwbGllck1PRChwcm9kdWN0KTtcclxuICBjb25zdCBuZWVkc1NoaXBwaW5nID0gQm9vbGVhbihqb2IgJiYgam9iLm5lZWRzU2hpcHBpbmcpO1xyXG5cclxuICBmdW5jdGlvbiBDb3N0KHsgY29zdCwgc2hvd1NoaXBwaW5nIH06IGFueSkge1xyXG4gICAgcmV0dXJuIChcclxuICAgICAgPD5cclxuICAgICAgICA8c3Ryb25nIGNsYXNzTmFtZT0nbWItMCc+VG90YWw8L3N0cm9uZz5cclxuICAgICAgICB7bG9hZGluZyA/IChcclxuICAgICAgICAgIDxkaXYgc3R5bGU9e3sgaGVpZ2h0OiAnNTJweCcgfX0+XHJcbiAgICAgICAgICAgIDxDZ1NwaW5uZXIgZm9udFNpemU9JzEuMjVyZW0nIGNsYXNzTmFtZT0nYW5pbWF0ZV9zcGluIG1sLTEnIC8+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICApIDogY29zdCAhPT0gbnVsbCAmJiBjb3N0ICE9PSB1bmRlZmluZWQgPyAoXHJcbiAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgIHN0eWxlPXt7IGRpc3BsYXk6ICdmbGV4JywgZmxleERpcmVjdGlvbjogJ2NvbHVtbicsIGhlaWdodDogJzUycHgnIH19XHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICAgIDxzdHJvbmc+e2N1cnJlbmN5VG90YWxDb3N0U2hvd0luY1RheChqb2IpfTwvc3Ryb25nPlxyXG4gICAgICAgICAgICB7aXNTdXBwbGllck1PRCAmJiA8c21hbGw+YXBwcm94aW1hdGU8L3NtYWxsPn1cclxuICAgICAgICAgICAge0Jvb2xlYW4oIWxvYWRpbmcgJiYgc2hvd1NoaXBwaW5nKSAmJiA8c21hbGw+KyBzaGlwcGluZzwvc21hbGw+fVxyXG4gICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgKSA6IG51bGx9XHJcbiAgICAgIDwvPlxyXG4gICAgKTtcclxuICB9XHJcblxyXG4gIHJldHVybiAoXHJcbiAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lUHJvZHVjdFRvdGFsQ29udGFpbmVyfT5cclxuICAgICAgPGRpdlxyXG4gICAgICAgIHN0eWxlPXt7XHJcbiAgICAgICAgICB3aWR0aDogJzEwMCUnLFxyXG4gICAgICAgICAgYm9yZGVyQm90dG9tOiAnMXB4IHNvbGlkICNmZmYnLFxyXG4gICAgICAgICAgYm9yZGVyVG9wOiAnMXB4IHNvbGlkIHJnYigyMjcsIDIyOCwgMjQ3KScsXHJcbiAgICAgICAgICBoZWlnaHQ6IDAsXHJcbiAgICAgICAgfX1cclxuICAgICAgLz5cclxuICAgICAgPGRpdlxyXG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lUHJvZHVjdFRvdGFsfVxyXG4gICAgICAgIHN0eWxlPXt7XHJcbiAgICAgICAgICBmbGV4OiAnMSAxIGF1dG8nLFxyXG4gICAgICAgICAgdGV4dEFsaWduOiAncmlnaHQnLFxyXG4gICAgICAgIH19XHJcbiAgICAgID5cclxuICAgICAgICB7aXNDYXJ0SXRlbSA/IChcclxuICAgICAgICAgIDxDb3N0IGNvc3Q9e2pvYi50b3RhbENvc3R9IC8+XHJcbiAgICAgICAgKSA6IChcclxuICAgICAgICAgIDxDb3N0IGNvc3Q9e2pvYi50b3RhbENvc3R9IHNob3dTaGlwcGluZz17bmVlZHNTaGlwcGluZ30gLz5cclxuICAgICAgICApfVxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICk7XHJcbn1cclxuXHJcbmV4cG9ydCBkZWZhdWx0IFByb2R1Y3RUb3RhbENvc3Q7XHJcbiJdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLQSxLQUFLLE1BQU0sT0FBTztBQUM5QixTQUFTQywyQkFBMkIsUUFBUSxZQUFZO0FBQ3hELFNBQVNDLFNBQVMsUUFBUSxnQkFBZ0I7QUFDMUMsU0FBU0Msb0JBQW9CLFFBQVEsc0NBQXNDO0FBQzNFLFNBQVNDLG9CQUFvQixRQUFRLFNBQVM7QUFBQyxTQUFBQyxHQUFBLElBQUFDLElBQUEsRUFBQUMsSUFBQSxJQUFBQyxLQUFBLEVBQUFDLFFBQUEsSUFBQUMsU0FBQTtBQUUvQyxTQUFTQyxnQkFBZ0JBLENBQUEsRUFBRztFQUMxQixJQUFBQyxxQkFBQSxHQU9JVCxvQkFBb0IsQ0FBQyxDQUFDO0lBTnhCVSxxQkFBcUIsR0FBQUQscUJBQUEsQ0FBckJDLHFCQUFxQjtJQUNyQkMsOEJBQThCLEdBQUFGLHFCQUFBLENBQTlCRSw4QkFBOEI7SUFBQUMsc0JBQUEsR0FBQUgscUJBQUEsQ0FDOUJJLFVBQVU7SUFBVkEsVUFBVSxHQUFBRCxzQkFBQSxjQUFHLEtBQUssR0FBQUEsc0JBQUE7SUFDbEJFLEdBQUcsR0FBQUwscUJBQUEsQ0FBSEssR0FBRztJQUNIQyxPQUFPLEdBQUFOLHFCQUFBLENBQVBNLE9BQU87SUFDUEMsT0FBTyxHQUFBUCxxQkFBQSxDQUFQTyxPQUFPO0VBRVQsSUFBTUMsYUFBYSxHQUFHaEIsb0JBQW9CLENBQUNlLE9BQU8sQ0FBQztFQUNuRCxJQUFNRSxhQUFhLEdBQUdDLE9BQU8sQ0FBQ0wsR0FBRyxJQUFJQSxHQUFHLENBQUNJLGFBQWEsQ0FBQztFQUV2RCxTQUFTRSxJQUFJQSxDQUFBQyxJQUFBLEVBQThCO0lBQUEsSUFBM0JDLElBQUksR0FBQUQsSUFBQSxDQUFKQyxJQUFJO01BQUVDLFlBQVksR0FBQUYsSUFBQSxDQUFaRSxZQUFZO0lBQ2hDLG9CQUNFbEIsS0FBQSxDQUFBRSxTQUFBO01BQUFpQixRQUFBLGdCQUNFckIsSUFBQTtRQUFRc0IsU0FBUyxFQUFDLE1BQU07UUFBQUQsUUFBQSxFQUFDO01BQUssQ0FBUSxDQUFDLEVBQ3RDVCxPQUFPLGdCQUNOWixJQUFBO1FBQUt1QixLQUFLLEVBQUU7VUFBRUMsTUFBTSxFQUFFO1FBQU8sQ0FBRTtRQUFBSCxRQUFBLGVBQzdCckIsSUFBQSxDQUFDSixTQUFTO1VBQUM2QixRQUFRLEVBQUMsU0FBUztVQUFDSCxTQUFTLEVBQUM7UUFBbUIsQ0FBRTtNQUFDLENBQzNELENBQUMsR0FDSkgsSUFBSSxLQUFLLElBQUksSUFBSUEsSUFBSSxLQUFLTyxTQUFTLGdCQUNyQ3hCLEtBQUE7UUFDRXFCLEtBQUssRUFBRTtVQUFFSSxPQUFPLEVBQUUsTUFBTTtVQUFFQyxhQUFhLEVBQUUsUUFBUTtVQUFFSixNQUFNLEVBQUU7UUFBTyxDQUFFO1FBQUFILFFBQUEsZ0JBRXBFckIsSUFBQTtVQUFBcUIsUUFBQSxFQUFTMUIsMkJBQTJCLENBQUNnQixHQUFHO1FBQUMsQ0FBUyxDQUFDLEVBQ2xERyxhQUFhLGlCQUFJZCxJQUFBO1VBQUFxQixRQUFBLEVBQU87UUFBVyxDQUFPLENBQUMsRUFDM0NMLE9BQU8sQ0FBQyxDQUFDSixPQUFPLElBQUlRLFlBQVksQ0FBQyxpQkFBSXBCLElBQUE7VUFBQXFCLFFBQUEsRUFBTztRQUFVLENBQU8sQ0FBQztNQUFBLENBQzVELENBQUMsR0FDSixJQUFJO0lBQUEsQ0FDUixDQUFDO0VBRVA7RUFFQSxvQkFDRW5CLEtBQUE7SUFBS29CLFNBQVMsRUFBRWQsOEJBQStCO0lBQUFhLFFBQUEsZ0JBQzdDckIsSUFBQTtNQUNFdUIsS0FBSyxFQUFFO1FBQ0xNLEtBQUssRUFBRSxNQUFNO1FBQ2JDLFlBQVksRUFBRSxnQkFBZ0I7UUFDOUJDLFNBQVMsRUFBRSw4QkFBOEI7UUFDekNQLE1BQU0sRUFBRTtNQUNWO0lBQUUsQ0FDSCxDQUFDLGVBQ0Z4QixJQUFBO01BQ0VzQixTQUFTLEVBQUVmLHFCQUFzQjtNQUNqQ2dCLEtBQUssRUFBRTtRQUNMUyxJQUFJLEVBQUUsVUFBVTtRQUNoQkMsU0FBUyxFQUFFO01BQ2IsQ0FBRTtNQUFBWixRQUFBLEVBRURYLFVBQVUsZ0JBQ1RWLElBQUEsQ0FBQ2lCLElBQUk7UUFBQ0UsSUFBSSxFQUFFUixHQUFHLENBQUN1QjtNQUFVLENBQUUsQ0FBQyxnQkFFN0JsQyxJQUFBLENBQUNpQixJQUFJO1FBQUNFLElBQUksRUFBRVIsR0FBRyxDQUFDdUIsU0FBVTtRQUFDZCxZQUFZLEVBQUVMO01BQWMsQ0FBRTtJQUMxRCxDQUNFLENBQUM7RUFBQSxDQUNILENBQUM7QUFFVjtBQUVBLGVBQWVWLGdCQUFnQiIsImlnbm9yZUxpc3QiOltdfQ==