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 } from "react/jsx-runtime";
import { 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,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZU1lcmNoaUZvcm1Db250ZXh0IiwianN4IiwiX2pzeCIsImpzeHMiLCJfanN4cyIsIlByb2dyZXNzQmFyIiwiX3JlZiIsIl9yZWYkdmFsdWUiLCJ2YWx1ZSIsImNsYXNzTmFtZSIsInN0eWxlIiwiYmFja2dyb3VuZENvbG9yIiwiZGlzcGxheSIsImhlaWdodCIsIm92ZXJmbG93IiwiZm9udFNpemUiLCJib3JkZXJSYWRpdXMiLCJjaGlsZHJlbiIsInJvbGUiLCJ3aWR0aCIsImNvbmNhdCIsIlByb2R1Y3RHcm91cEJ1eVN0YXR1cyIsIl91c2VNZXJjaGlGb3JtQ29udGV4dCIsInByb2R1Y3QiLCJfcHJvZHVjdCRncm91cEJ1eVN0YXQiLCJncm91cEJ1eVN0YXR1cyJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL1Byb2R1Y3RHcm91cEJ1eVN0YXR1cy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlTWVyY2hpRm9ybUNvbnRleHQgfSBmcm9tICcuLi9jb250ZXh0L01lcmNoaVByb2R1Y3RGb3JtUHJvdmlkZXInO1xuXG5pbnRlcmZhY2UgUHJvZ3Jlc3NCYXJQcm9wcyB7XG4gIHZhbHVlPzogbnVtYmVyO1xufVxuXG5mdW5jdGlvbiBQcm9ncmVzc0Jhcih7IHZhbHVlID0gMCB9OiBQcm9ncmVzc0JhclByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPSdwcm9ncmVzcydcbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJyNmOGY5ZmUnLFxuICAgICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICAgIGhlaWdodDogMTAsXG4gICAgICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICAgICAgZm9udFNpemU6ICcuNzVyZW0nLFxuICAgICAgICBib3JkZXJSYWRpdXM6ICcwLjI1cmVtJyxcbiAgICAgIH19XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzc05hbWU9J3Byb2dyZXNzLWJhcidcbiAgICAgICAgYXJpYS12YWx1ZW1heD17MTAwfVxuICAgICAgICBhcmlhLXZhbHVlbWluPXswfVxuICAgICAgICBhcmlhLXZhbHVlbm93PXt2YWx1ZX1cbiAgICAgICAgcm9sZT0ncHJvZ3Jlc3NiYXInXG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiAnIzMwM2RiZicsXG4gICAgICAgICAgaGVpZ2h0OiAxMCxcbiAgICAgICAgICB3aWR0aDogYCR7dmFsdWV9JWAsXG4gICAgICAgIH19XG4gICAgICAvPlxuICAgIDwvZGl2PlxuICApO1xufVxuXG5mdW5jdGlvbiBQcm9kdWN0R3JvdXBCdXlTdGF0dXMoKSB7XG4gIGNvbnN0IHsgcHJvZHVjdCB9ID0gdXNlTWVyY2hpRm9ybUNvbnRleHQoKTtcbiAgY29uc3QgeyBncm91cEJ1eVN0YXR1cyA9IDAgfSA9IHByb2R1Y3Q7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9J21lcmNoaS1ncm91cC1idXktc3RhdHVzJz5cbiAgICAgIDxkaXYgY2xhc3NOYW1lPSdtZXJjaGktZ3JvdXAtYnV5LXN0YXR1cy10ZXh0Jz5cbiAgICAgICAgTWluaW11bSBvcmRlciBxdWFudGl0eSB0YXJnZXQgKCB7Z3JvdXBCdXlTdGF0dXN9JSApXG4gICAgICA8L2Rpdj5cbiAgXHQgIDxQcm9ncmVzc0JhciB2YWx1ZT17Z3JvdXBCdXlTdGF0dXN9IC8+XG4gIFx0PC9kaXY+XG4gICk7XG59XG5cblxuZXhwb3J0IGRlZmF1bHQgUHJvZHVjdEdyb3VwQnV5U3RhdHVzO1xuIl0sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUtBLEtBQUssTUFBTSxPQUFPO0FBQzlCLFNBQVNDLG9CQUFvQixRQUFRLHNDQUFzQztBQUFDLFNBQUFDLEdBQUEsSUFBQUMsSUFBQTtBQUFBLFNBQUFDLElBQUEsSUFBQUMsS0FBQTtBQU01RSxTQUFTQyxXQUFXQSxDQUFBQyxJQUFBLEVBQWtDO0VBQUEsSUFBQUMsVUFBQSxHQUFBRCxJQUFBLENBQS9CRSxLQUFLO0lBQUxBLEtBQUssR0FBQUQsVUFBQSxjQUFHLENBQUMsR0FBQUEsVUFBQTtFQUM5QixvQkFDRUwsSUFBQTtJQUNFTyxTQUFTLEVBQUMsVUFBVTtJQUNwQkMsS0FBSyxFQUFFO01BQ0xDLGVBQWUsRUFBRSxTQUFTO01BQzFCQyxPQUFPLEVBQUUsTUFBTTtNQUNmQyxNQUFNLEVBQUUsRUFBRTtNQUNWQyxRQUFRLEVBQUUsUUFBUTtNQUNsQkMsUUFBUSxFQUFFLFFBQVE7TUFDbEJDLFlBQVksRUFBRTtJQUNoQixDQUFFO0lBQUFDLFFBQUEsZUFFRmYsSUFBQTtNQUNFTyxTQUFTLEVBQUMsY0FBYztNQUN4QixpQkFBZSxHQUFJO01BQ25CLGlCQUFlLENBQUU7TUFDakIsaUJBQWVELEtBQU07TUFDckJVLElBQUksRUFBQyxhQUFhO01BQ2xCUixLQUFLLEVBQUU7UUFDTEMsZUFBZSxFQUFFLFNBQVM7UUFDMUJFLE1BQU0sRUFBRSxFQUFFO1FBQ1ZNLEtBQUssS0FBQUMsTUFBQSxDQUFLWixLQUFLO01BQ2pCO0lBQUUsQ0FDSDtFQUFDLENBQ0MsQ0FBQztBQUVWO0FBRUEsU0FBU2EscUJBQXFCQSxDQUFBLEVBQUc7RUFDL0IsSUFBQUMscUJBQUEsR0FBb0J0QixvQkFBb0IsQ0FBQyxDQUFDO0lBQWxDdUIsT0FBTyxHQUFBRCxxQkFBQSxDQUFQQyxPQUFPO0VBQ2YsSUFBQUMscUJBQUEsR0FBK0JELE9BQU8sQ0FBOUJFLGNBQWM7SUFBZEEsY0FBYyxHQUFBRCxxQkFBQSxjQUFHLENBQUMsR0FBQUEscUJBQUE7RUFDMUIsb0JBQ0VwQixLQUFBO0lBQUtLLFNBQVMsRUFBQyx5QkFBeUI7SUFBQVEsUUFBQSxnQkFDdENiLEtBQUE7TUFBS0ssU0FBUyxFQUFDLDhCQUE4QjtNQUFBUSxRQUFBLEdBQUMsa0NBQ1osRUFBQ1EsY0FBYyxFQUFDLEtBQ2xEO0lBQUEsQ0FBSyxDQUFDLGVBQ1B2QixJQUFBLENBQUNHLFdBQVc7TUFBQ0csS0FBSyxFQUFFaUI7SUFBZSxDQUFFLENBQUM7RUFBQSxDQUNuQyxDQUFDO0FBRVQ7QUFHQSxlQUFlSixxQkFBcUIifQ==