merchi_product_form/lib/components/ProductGroupBuyStatus.js

A React component for Merchi product forms

import * as React from 'react';
import { useMerchiFormContext } from '../context/MerchiProductFormProvider';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
function ProgressBar(_ref) {
  var _ref$value = _ref.value,
    value = _ref$value === void 0 ? 0 : _ref$value;
  return /*#__PURE__*/_jsx("div", {
    className: "progress",
    style: {
      backgroundColor: '#f8f9fe',
      display: 'flex',
      height: 10,
      overflow: 'hidden',
      fontSize: '.75rem',
      borderRadius: '0.25rem'
    },
    children: /*#__PURE__*/_jsx("div", {
      className: "progress-bar",
      "aria-valuemax": 100,
      "aria-valuemin": 0,
      "aria-valuenow": value,
      role: "progressbar",
      style: {
        backgroundColor: '#303dbf',
        height: 10,
        width: "".concat(value, "%")
      }
    })
  });
}
function ProductGroupBuyStatus() {
  var _useMerchiFormContext = useMerchiFormContext(),
    product = _useMerchiFormContext.product;
  var _product$groupBuyStat = product.groupBuyStatus,
    groupBuyStatus = _product$groupBuyStat === void 0 ? 0 : _product$groupBuyStat;
  return /*#__PURE__*/_jsxs("div", {
    className: "merchi-group-buy-status",
    children: [/*#__PURE__*/_jsxs("div", {
      className: "merchi-group-buy-status-text",
      children: ["Minimum order quantity target ( ", groupBuyStatus, "% )"]
    }), /*#__PURE__*/_jsx(ProgressBar, {
      value: groupBuyStatus
    })]
  });
}
export default ProductGroupBuyStatus;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZU1lcmNoaUZvcm1Db250ZXh0IiwianN4IiwiX2pzeCIsImpzeHMiLCJfanN4cyIsIlByb2dyZXNzQmFyIiwiX3JlZiIsIl9yZWYkdmFsdWUiLCJ2YWx1ZSIsImNsYXNzTmFtZSIsInN0eWxlIiwiYmFja2dyb3VuZENvbG9yIiwiZGlzcGxheSIsImhlaWdodCIsIm92ZXJmbG93IiwiZm9udFNpemUiLCJib3JkZXJSYWRpdXMiLCJjaGlsZHJlbiIsInJvbGUiLCJ3aWR0aCIsImNvbmNhdCIsIlByb2R1Y3RHcm91cEJ1eVN0YXR1cyIsIl91c2VNZXJjaGlGb3JtQ29udGV4dCIsInByb2R1Y3QiLCJfcHJvZHVjdCRncm91cEJ1eVN0YXQiLCJncm91cEJ1eVN0YXR1cyJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL1Byb2R1Y3RHcm91cEJ1eVN0YXR1cy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyB1c2VNZXJjaGlGb3JtQ29udGV4dCB9IGZyb20gJy4uL2NvbnRleHQvTWVyY2hpUHJvZHVjdEZvcm1Qcm92aWRlcic7XHJcblxyXG5pbnRlcmZhY2UgUHJvZ3Jlc3NCYXJQcm9wcyB7XHJcbiAgdmFsdWU/OiBudW1iZXI7XHJcbn1cclxuXHJcbmZ1bmN0aW9uIFByb2dyZXNzQmFyKHsgdmFsdWUgPSAwIH06IFByb2dyZXNzQmFyUHJvcHMpIHtcclxuICByZXR1cm4gKFxyXG4gICAgPGRpdlxyXG4gICAgICBjbGFzc05hbWU9J3Byb2dyZXNzJ1xyXG4gICAgICBzdHlsZT17e1xyXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJyNmOGY5ZmUnLFxyXG4gICAgICAgIGRpc3BsYXk6ICdmbGV4JyxcclxuICAgICAgICBoZWlnaHQ6IDEwLFxyXG4gICAgICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcclxuICAgICAgICBmb250U2l6ZTogJy43NXJlbScsXHJcbiAgICAgICAgYm9yZGVyUmFkaXVzOiAnMC4yNXJlbScsXHJcbiAgICAgIH19XHJcbiAgICA+XHJcbiAgICAgIDxkaXZcclxuICAgICAgICBjbGFzc05hbWU9J3Byb2dyZXNzLWJhcidcclxuICAgICAgICBhcmlhLXZhbHVlbWF4PXsxMDB9XHJcbiAgICAgICAgYXJpYS12YWx1ZW1pbj17MH1cclxuICAgICAgICBhcmlhLXZhbHVlbm93PXt2YWx1ZX1cclxuICAgICAgICByb2xlPSdwcm9ncmVzc2JhcidcclxuICAgICAgICBzdHlsZT17e1xyXG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiAnIzMwM2RiZicsXHJcbiAgICAgICAgICBoZWlnaHQ6IDEwLFxyXG4gICAgICAgICAgd2lkdGg6IGAke3ZhbHVlfSVgLFxyXG4gICAgICAgIH19XHJcbiAgICAgIC8+XHJcbiAgICA8L2Rpdj5cclxuICApO1xyXG59XHJcblxyXG5mdW5jdGlvbiBQcm9kdWN0R3JvdXBCdXlTdGF0dXMoKSB7XHJcbiAgY29uc3QgeyBwcm9kdWN0IH0gPSB1c2VNZXJjaGlGb3JtQ29udGV4dCgpO1xyXG4gIGNvbnN0IHsgZ3JvdXBCdXlTdGF0dXMgPSAwIH0gPSBwcm9kdWN0O1xyXG4gIHJldHVybiAoXHJcbiAgICA8ZGl2IGNsYXNzTmFtZT0nbWVyY2hpLWdyb3VwLWJ1eS1zdGF0dXMnPlxyXG4gICAgICA8ZGl2IGNsYXNzTmFtZT0nbWVyY2hpLWdyb3VwLWJ1eS1zdGF0dXMtdGV4dCc+XHJcbiAgICAgICAgTWluaW11bSBvcmRlciBxdWFudGl0eSB0YXJnZXQgKCB7Z3JvdXBCdXlTdGF0dXN9JSApXHJcbiAgICAgIDwvZGl2PlxyXG4gIFx0ICA8UHJvZ3Jlc3NCYXIgdmFsdWU9e2dyb3VwQnV5U3RhdHVzfSAvPlxyXG4gIFx0PC9kaXY+XHJcbiAgKTtcclxufVxyXG5cclxuXHJcbmV4cG9ydCBkZWZhdWx0IFByb2R1Y3RHcm91cEJ1eVN0YXR1cztcclxuIl0sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUtBLEtBQUssTUFBTSxPQUFPO0FBQzlCLFNBQVNDLG9CQUFvQixRQUFRLHNDQUFzQztBQUFDLFNBQUFDLEdBQUEsSUFBQUMsSUFBQSxFQUFBQyxJQUFBLElBQUFDLEtBQUE7QUFNNUUsU0FBU0MsV0FBV0EsQ0FBQUMsSUFBQSxFQUFrQztFQUFBLElBQUFDLFVBQUEsR0FBQUQsSUFBQSxDQUEvQkUsS0FBSztJQUFMQSxLQUFLLEdBQUFELFVBQUEsY0FBRyxDQUFDLEdBQUFBLFVBQUE7RUFDOUIsb0JBQ0VMLElBQUE7SUFDRU8sU0FBUyxFQUFDLFVBQVU7SUFDcEJDLEtBQUssRUFBRTtNQUNMQyxlQUFlLEVBQUUsU0FBUztNQUMxQkMsT0FBTyxFQUFFLE1BQU07TUFDZkMsTUFBTSxFQUFFLEVBQUU7TUFDVkMsUUFBUSxFQUFFLFFBQVE7TUFDbEJDLFFBQVEsRUFBRSxRQUFRO01BQ2xCQyxZQUFZLEVBQUU7SUFDaEIsQ0FBRTtJQUFBQyxRQUFBLGVBRUZmLElBQUE7TUFDRU8sU0FBUyxFQUFDLGNBQWM7TUFDeEIsaUJBQWUsR0FBSTtNQUNuQixpQkFBZSxDQUFFO01BQ2pCLGlCQUFlRCxLQUFNO01BQ3JCVSxJQUFJLEVBQUMsYUFBYTtNQUNsQlIsS0FBSyxFQUFFO1FBQ0xDLGVBQWUsRUFBRSxTQUFTO1FBQzFCRSxNQUFNLEVBQUUsRUFBRTtRQUNWTSxLQUFLLEtBQUFDLE1BQUEsQ0FBS1osS0FBSztNQUNqQjtJQUFFLENBQ0g7RUFBQyxDQUNDLENBQUM7QUFFVjtBQUVBLFNBQVNhLHFCQUFxQkEsQ0FBQSxFQUFHO0VBQy9CLElBQUFDLHFCQUFBLEdBQW9CdEIsb0JBQW9CLENBQUMsQ0FBQztJQUFsQ3VCLE9BQU8sR0FBQUQscUJBQUEsQ0FBUEMsT0FBTztFQUNmLElBQUFDLHFCQUFBLEdBQStCRCxPQUFPLENBQTlCRSxjQUFjO0lBQWRBLGNBQWMsR0FBQUQscUJBQUEsY0FBRyxDQUFDLEdBQUFBLHFCQUFBO0VBQzFCLG9CQUNFcEIsS0FBQTtJQUFLSyxTQUFTLEVBQUMseUJBQXlCO0lBQUFRLFFBQUEsZ0JBQ3RDYixLQUFBO01BQUtLLFNBQVMsRUFBQyw4QkFBOEI7TUFBQVEsUUFBQSxHQUFDLGtDQUNaLEVBQUNRLGNBQWMsRUFBQyxLQUNsRDtJQUFBLENBQUssQ0FBQyxlQUNQdkIsSUFBQSxDQUFDRyxXQUFXO01BQUNHLEtBQUssRUFBRWlCO0lBQWUsQ0FBRSxDQUFDO0VBQUEsQ0FDbkMsQ0FBQztBQUVUO0FBR0EsZUFBZUoscUJBQXFCIiwiaWdub3JlTGlzdCI6W119