merchi_product_form
Version:
A React component for Merchi product forms
44 lines (43 loc) • 5.58 kB
JavaScript
'use client';
import * as React from 'react';
import { useMerchiFormContext } from '../context/MerchiProductFormProvider';
import { formatCurrency } from './currency';
import { CgSpinner } from 'react-icons/cg';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export function LabelCost(_ref) {
var _ref$cost = _ref.cost,
cost = _ref$cost === void 0 ? 0 : _ref$cost,
label = _ref.label;
var _useMerchiFormContext = useMerchiFormContext(),
loading = _useMerchiFormContext.loading,
product = _useMerchiFormContext.product;
var currency = product.currency;
return /*#__PURE__*/_jsxs("span", {
style: {
display: 'inline-flex',
alignItems: 'center'
},
children: ["".concat(label, " "), loading && cost ? /*#__PURE__*/_jsx(CgSpinner, {
fontSize: "1.25rem",
className: "animate_spin ml-1"
}) : formatCurrency(parseFloat(String(cost)), {
currency: currency,
showCodeIfNoSymbol: false
})]
});
}
export function LabelGroupCost(_ref2) {
var group = _ref2.group;
var _useMerchiFormContext2 = useMerchiFormContext(),
classNameGroupPriceContainer = _useMerchiFormContext2.classNameGroupPriceContainer;
var _group$groupCost = group.groupCost,
groupCost = _group$groupCost === void 0 ? 0 : _group$groupCost;
return /*#__PURE__*/_jsx("div", {
className: classNameGroupPriceContainer,
children: /*#__PURE__*/_jsx(LabelCost, {
cost: groupCost,
label: "Group cost"
})
});
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZU1lcmNoaUZvcm1Db250ZXh0IiwiZm9ybWF0Q3VycmVuY3kiLCJDZ1NwaW5uZXIiLCJqc3giLCJfanN4IiwianN4cyIsIl9qc3hzIiwiTGFiZWxDb3N0IiwiX3JlZiIsIl9yZWYkY29zdCIsImNvc3QiLCJsYWJlbCIsIl91c2VNZXJjaGlGb3JtQ29udGV4dCIsImxvYWRpbmciLCJwcm9kdWN0IiwiY3VycmVuY3kiLCJzdHlsZSIsImRpc3BsYXkiLCJhbGlnbkl0ZW1zIiwiY2hpbGRyZW4iLCJjb25jYXQiLCJmb250U2l6ZSIsImNsYXNzTmFtZSIsInBhcnNlRmxvYXQiLCJTdHJpbmciLCJzaG93Q29kZUlmTm9TeW1ib2wiLCJMYWJlbEdyb3VwQ29zdCIsIl9yZWYyIiwiZ3JvdXAiLCJfdXNlTWVyY2hpRm9ybUNvbnRleHQyIiwiY2xhc3NOYW1lR3JvdXBQcmljZUNvbnRhaW5lciIsIl9ncm91cCRncm91cENvc3QiLCJncm91cENvc3QiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvY29tcG9uZW50cy9jb3N0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XHJcbmltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgdXNlTWVyY2hpRm9ybUNvbnRleHQgfSBmcm9tICcuLi9jb250ZXh0L01lcmNoaVByb2R1Y3RGb3JtUHJvdmlkZXInO1xyXG5pbXBvcnQgeyBmb3JtYXRDdXJyZW5jeSB9IGZyb20gJy4vY3VycmVuY3knO1xyXG5pbXBvcnQgeyBDZ1NwaW5uZXIgfSBmcm9tICdyZWFjdC1pY29ucy9jZyc7XHJcblxyXG5pbnRlcmZhY2UgUHJvcHMge1xyXG4gIGNvc3Q/OiBzdHJpbmcgfCBudW1iZXI7XHJcbiAgbGFiZWw/OiBzdHJpbmc7XHJcbn1cclxuXHJcbmV4cG9ydCBmdW5jdGlvbiBMYWJlbENvc3QoeyBjb3N0ID0gMCwgbGFiZWwgfTogUHJvcHMpIHtcclxuICBjb25zdCB7IGxvYWRpbmcsIHByb2R1Y3QgfSA9IHVzZU1lcmNoaUZvcm1Db250ZXh0KCk7XHJcbiAgY29uc3QgeyBjdXJyZW5jeSB9ID0gcHJvZHVjdDtcclxuICByZXR1cm4gKFxyXG4gICAgPHNwYW4gc3R5bGU9e3sgZGlzcGxheTogJ2lubGluZS1mbGV4JywgYWxpZ25JdGVtczogJ2NlbnRlcicgfX0+XHJcbiAgICAgIHtgJHtsYWJlbH0gYH1cclxuICAgICAge2xvYWRpbmcgJiYgY29zdCA/IChcclxuICAgICAgICA8Q2dTcGlubmVyIGZvbnRTaXplPScxLjI1cmVtJyBjbGFzc05hbWU9J2FuaW1hdGVfc3BpbiBtbC0xJyAvPlxyXG4gICAgICApIDogKFxyXG4gICAgICAgIGZvcm1hdEN1cnJlbmN5KHBhcnNlRmxvYXQoU3RyaW5nKGNvc3QpKSwge1xyXG4gICAgICAgICAgY3VycmVuY3ksXHJcbiAgICAgICAgICBzaG93Q29kZUlmTm9TeW1ib2w6IGZhbHNlLFxyXG4gICAgICAgIH0pXHJcbiAgICAgICl9XHJcbiAgICA8L3NwYW4+XHJcbiAgKTtcclxufVxyXG5cclxuaW50ZXJmYWNlIFByb3BzR3JvdXAge1xyXG4gIGdyb3VwOiBhbnk7XHJcbn1cclxuXHJcbmV4cG9ydCBmdW5jdGlvbiBMYWJlbEdyb3VwQ29zdCh7IGdyb3VwIH06IFByb3BzR3JvdXApIHtcclxuICBjb25zdCB7IGNsYXNzTmFtZUdyb3VwUHJpY2VDb250YWluZXIgfSA9IHVzZU1lcmNoaUZvcm1Db250ZXh0KCk7XHJcbiAgY29uc3QgeyBncm91cENvc3QgPSAwIH0gPSBncm91cDtcclxuICByZXR1cm4gKFxyXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZUdyb3VwUHJpY2VDb250YWluZXJ9PlxyXG4gICAgICA8TGFiZWxDb3N0IGNvc3Q9e2dyb3VwQ29zdH0gbGFiZWw9J0dyb3VwIGNvc3QnIC8+XHJcbiAgICA8L2Rpdj5cclxuICApO1xyXG59XHJcbiJdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWTs7QUFDWixPQUFPLEtBQUtBLEtBQUssTUFBTSxPQUFPO0FBQzlCLFNBQVNDLG9CQUFvQixRQUFRLHNDQUFzQztBQUMzRSxTQUFTQyxjQUFjLFFBQVEsWUFBWTtBQUMzQyxTQUFTQyxTQUFTLFFBQVEsZ0JBQWdCO0FBQUMsU0FBQUMsR0FBQSxJQUFBQyxJQUFBLEVBQUFDLElBQUEsSUFBQUMsS0FBQTtBQU8zQyxPQUFPLFNBQVNDLFNBQVNBLENBQUFDLElBQUEsRUFBNkI7RUFBQSxJQUFBQyxTQUFBLEdBQUFELElBQUEsQ0FBMUJFLElBQUk7SUFBSkEsSUFBSSxHQUFBRCxTQUFBLGNBQUcsQ0FBQyxHQUFBQSxTQUFBO0lBQUVFLEtBQUssR0FBQUgsSUFBQSxDQUFMRyxLQUFLO0VBQ3pDLElBQUFDLHFCQUFBLEdBQTZCWixvQkFBb0IsQ0FBQyxDQUFDO0lBQTNDYSxPQUFPLEdBQUFELHFCQUFBLENBQVBDLE9BQU87SUFBRUMsT0FBTyxHQUFBRixxQkFBQSxDQUFQRSxPQUFPO0VBQ3hCLElBQVFDLFFBQVEsR0FBS0QsT0FBTyxDQUFwQkMsUUFBUTtFQUNoQixvQkFDRVQsS0FBQTtJQUFNVSxLQUFLLEVBQUU7TUFBRUMsT0FBTyxFQUFFLGFBQWE7TUFBRUMsVUFBVSxFQUFFO0lBQVMsQ0FBRTtJQUFBQyxRQUFBLE1BQUFDLE1BQUEsQ0FDeERULEtBQUssUUFDUkUsT0FBTyxJQUFJSCxJQUFJLGdCQUNkTixJQUFBLENBQUNGLFNBQVM7TUFBQ21CLFFBQVEsRUFBQyxTQUFTO01BQUNDLFNBQVMsRUFBQztJQUFtQixDQUFFLENBQUMsR0FFOURyQixjQUFjLENBQUNzQixVQUFVLENBQUNDLE1BQU0sQ0FBQ2QsSUFBSSxDQUFDLENBQUMsRUFBRTtNQUN2Q0ssUUFBUSxFQUFSQSxRQUFRO01BQ1JVLGtCQUFrQixFQUFFO0lBQ3RCLENBQUMsQ0FDRjtFQUFBLENBQ0csQ0FBQztBQUVYO0FBTUEsT0FBTyxTQUFTQyxjQUFjQSxDQUFBQyxLQUFBLEVBQXdCO0VBQUEsSUFBckJDLEtBQUssR0FBQUQsS0FBQSxDQUFMQyxLQUFLO0VBQ3BDLElBQUFDLHNCQUFBLEdBQXlDN0Isb0JBQW9CLENBQUMsQ0FBQztJQUF2RDhCLDRCQUE0QixHQUFBRCxzQkFBQSxDQUE1QkMsNEJBQTRCO0VBQ3BDLElBQUFDLGdCQUFBLEdBQTBCSCxLQUFLLENBQXZCSSxTQUFTO0lBQVRBLFNBQVMsR0FBQUQsZ0JBQUEsY0FBRyxDQUFDLEdBQUFBLGdCQUFBO0VBQ3JCLG9CQUNFM0IsSUFBQTtJQUFLa0IsU0FBUyxFQUFFUSw0QkFBNkI7SUFBQVgsUUFBQSxlQUMzQ2YsSUFBQSxDQUFDRyxTQUFTO01BQUNHLElBQUksRUFBRXNCLFNBQVU7TUFBQ3JCLEtBQUssRUFBQztJQUFZLENBQUU7RUFBQyxDQUM5QyxDQUFDO0FBRVYiLCJpZ25vcmVMaXN0IjpbXX0=