merchi_product_form/lib/components/cost.js

A React component for Merchi product forms

'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 } from "react/jsx-runtime";
import { 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,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZU1lcmNoaUZvcm1Db250ZXh0IiwiZm9ybWF0Q3VycmVuY3kiLCJDZ1NwaW5uZXIiLCJqc3giLCJfanN4IiwianN4cyIsIl9qc3hzIiwiTGFiZWxDb3N0IiwiX3JlZiIsIl9yZWYkY29zdCIsImNvc3QiLCJsYWJlbCIsIl91c2VNZXJjaGlGb3JtQ29udGV4dCIsImxvYWRpbmciLCJwcm9kdWN0IiwiY3VycmVuY3kiLCJzdHlsZSIsImRpc3BsYXkiLCJhbGlnbkl0ZW1zIiwiY2hpbGRyZW4iLCJjb25jYXQiLCJmb250U2l6ZSIsImNsYXNzTmFtZSIsInBhcnNlRmxvYXQiLCJTdHJpbmciLCJzaG93Q29kZUlmTm9TeW1ib2wiLCJMYWJlbEdyb3VwQ29zdCIsIl9yZWYyIiwiZ3JvdXAiLCJfdXNlTWVyY2hpRm9ybUNvbnRleHQyIiwiY2xhc3NOYW1lR3JvdXBQcmljZUNvbnRhaW5lciIsIl9ncm91cCRncm91cENvc3QiLCJncm91cENvc3QiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvY29tcG9uZW50cy9jb3N0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIndXNlIGNsaWVudCc7XG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VNZXJjaGlGb3JtQ29udGV4dCB9IGZyb20gJy4uL2NvbnRleHQvTWVyY2hpUHJvZHVjdEZvcm1Qcm92aWRlcic7XG5pbXBvcnQgeyBmb3JtYXRDdXJyZW5jeSB9IGZyb20gJy4vY3VycmVuY3knO1xuaW1wb3J0IHsgQ2dTcGlubmVyIH0gZnJvbSAncmVhY3QtaWNvbnMvY2cnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBjb3N0Pzogc3RyaW5nIHwgbnVtYmVyO1xuICBsYWJlbD86IHN0cmluZztcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIExhYmVsQ29zdCh7IGNvc3QgPSAwLCBsYWJlbCB9OiBQcm9wcykge1xuICBjb25zdCB7IGxvYWRpbmcsIHByb2R1Y3QgfSA9IHVzZU1lcmNoaUZvcm1Db250ZXh0KCk7XG4gIGNvbnN0IHsgY3VycmVuY3kgfSA9IHByb2R1Y3Q7XG4gIHJldHVybiAoXG4gICAgPHNwYW4gc3R5bGU9e3sgZGlzcGxheTogJ2lubGluZS1mbGV4JywgYWxpZ25JdGVtczogJ2NlbnRlcicgfX0+XG4gICAgICB7YCR7bGFiZWx9IGB9XG4gICAgICB7bG9hZGluZyAmJiBjb3N0ID8gKFxuICAgICAgICA8Q2dTcGlubmVyIGZvbnRTaXplPScxLjI1cmVtJyBjbGFzc05hbWU9J2FuaW1hdGVfc3BpbiBtbC0xJyAvPlxuICAgICAgKSA6IChcbiAgICAgICAgZm9ybWF0Q3VycmVuY3kocGFyc2VGbG9hdChTdHJpbmcoY29zdCkpLCB7XG4gICAgICAgICAgY3VycmVuY3ksXG4gICAgICAgICAgc2hvd0NvZGVJZk5vU3ltYm9sOiBmYWxzZSxcbiAgICAgICAgfSlcbiAgICAgICl9XG4gICAgPC9zcGFuPlxuICApO1xufVxuXG5pbnRlcmZhY2UgUHJvcHNHcm91cCB7XG4gIGdyb3VwOiBhbnk7XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBMYWJlbEdyb3VwQ29zdCh7IGdyb3VwIH06IFByb3BzR3JvdXApIHtcbiAgY29uc3QgeyBjbGFzc05hbWVHcm91cFByaWNlQ29udGFpbmVyIH0gPSB1c2VNZXJjaGlGb3JtQ29udGV4dCgpO1xuICBjb25zdCB7IGdyb3VwQ29zdCA9IDAgfSA9IGdyb3VwO1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWVHcm91cFByaWNlQ29udGFpbmVyfT5cbiAgICAgIDxMYWJlbENvc3QgY29zdD17Z3JvdXBDb3N0fSBsYWJlbD0nR3JvdXAgY29zdCcgLz5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cbiJdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWTs7QUFDWixPQUFPLEtBQUtBLEtBQUssTUFBTSxPQUFPO0FBQzlCLFNBQVNDLG9CQUFvQixRQUFRLHNDQUFzQztBQUMzRSxTQUFTQyxjQUFjLFFBQVEsWUFBWTtBQUMzQyxTQUFTQyxTQUFTLFFBQVEsZ0JBQWdCO0FBQUMsU0FBQUMsR0FBQSxJQUFBQyxJQUFBO0FBQUEsU0FBQUMsSUFBQSxJQUFBQyxLQUFBO0FBTzNDLE9BQU8sU0FBU0MsU0FBU0EsQ0FBQUMsSUFBQSxFQUE2QjtFQUFBLElBQUFDLFNBQUEsR0FBQUQsSUFBQSxDQUExQkUsSUFBSTtJQUFKQSxJQUFJLEdBQUFELFNBQUEsY0FBRyxDQUFDLEdBQUFBLFNBQUE7SUFBRUUsS0FBSyxHQUFBSCxJQUFBLENBQUxHLEtBQUs7RUFDekMsSUFBQUMscUJBQUEsR0FBNkJaLG9CQUFvQixDQUFDLENBQUM7SUFBM0NhLE9BQU8sR0FBQUQscUJBQUEsQ0FBUEMsT0FBTztJQUFFQyxPQUFPLEdBQUFGLHFCQUFBLENBQVBFLE9BQU87RUFDeEIsSUFBUUMsUUFBUSxHQUFLRCxPQUFPLENBQXBCQyxRQUFRO0VBQ2hCLG9CQUNFVCxLQUFBO0lBQU1VLEtBQUssRUFBRTtNQUFFQyxPQUFPLEVBQUUsYUFBYTtNQUFFQyxVQUFVLEVBQUU7SUFBUyxDQUFFO0lBQUFDLFFBQUEsTUFBQUMsTUFBQSxDQUN4RFQsS0FBSyxRQUNSRSxPQUFPLElBQUlILElBQUksZ0JBQ2ROLElBQUEsQ0FBQ0YsU0FBUztNQUFDbUIsUUFBUSxFQUFDLFNBQVM7TUFBQ0MsU0FBUyxFQUFDO0lBQW1CLENBQUUsQ0FBQyxHQUU5RHJCLGNBQWMsQ0FBQ3NCLFVBQVUsQ0FBQ0MsTUFBTSxDQUFDZCxJQUFJLENBQUMsQ0FBQyxFQUFFO01BQ3ZDSyxRQUFRLEVBQVJBLFFBQVE7TUFDUlUsa0JBQWtCLEVBQUU7SUFDdEIsQ0FBQyxDQUNGO0VBQUEsQ0FDRyxDQUFDO0FBRVg7QUFNQSxPQUFPLFNBQVNDLGNBQWNBLENBQUFDLEtBQUEsRUFBd0I7RUFBQSxJQUFyQkMsS0FBSyxHQUFBRCxLQUFBLENBQUxDLEtBQUs7RUFDcEMsSUFBQUMsc0JBQUEsR0FBeUM3QixvQkFBb0IsQ0FBQyxDQUFDO0lBQXZEOEIsNEJBQTRCLEdBQUFELHNCQUFBLENBQTVCQyw0QkFBNEI7RUFDcEMsSUFBQUMsZ0JBQUEsR0FBMEJILEtBQUssQ0FBdkJJLFNBQVM7SUFBVEEsU0FBUyxHQUFBRCxnQkFBQSxjQUFHLENBQUMsR0FBQUEsZ0JBQUE7RUFDckIsb0JBQ0UzQixJQUFBO0lBQUtrQixTQUFTLEVBQUVRLDRCQUE2QjtJQUFBWCxRQUFBLGVBQzNDZixJQUFBLENBQUNHLFNBQVM7TUFBQ0csSUFBSSxFQUFFc0IsU0FBVTtNQUFDckIsS0FBSyxFQUFDO0lBQVksQ0FBRTtFQUFDLENBQzlDLENBQUM7QUFFViJ9