merchi_product_form/lib/components/InventoryStatus.js

A React component for Merchi product forms

'use client';

import * as React from 'react';
import { useMerchiFormContext } from '../context/MerchiProductFormProvider';
import { CgSpinner } from 'react-icons/cg';
import { jsx as _jsx } from "react/jsx-runtime";
import { Fragment as _Fragment } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
function StatusDot(_ref) {
  var color = _ref.color;
  return /*#__PURE__*/_jsx("span", {
    className: "badge",
    style: {
      backgroundColor: '#fff',
      display: 'flex',
      padding: '3px',
      borderRadius: '100%',
      margin: '0 1px'
    },
    children: /*#__PURE__*/_jsx("div", {
      className: "inventory-icon-indicator",
      style: {
        backgroundColor: color,
        borderRadius: '100%',
        height: 8,
        width: 8
      }
    })
  });
}
function InventoryStatus(_ref2) {
  var _ref2$inventoryCount = _ref2.inventoryCount,
    inventoryCount = _ref2$inventoryCount === void 0 ? 0 : _ref2$inventoryCount,
    inventorySufficient = _ref2.inventorySufficient;
  var _useMerchiFormContext = useMerchiFormContext(),
    classNameInventoryStatus = _useMerchiFormContext.classNameInventoryStatus,
    loading = _useMerchiFormContext.loading;
  var color = '#65cf85';
  var msg = 'In stock';
  if (!inventorySufficient) {
    color = '#ff4449';
    msg = 'no stock';
    if (inventoryCount) {
      color = '#ffc928';
      msg = "insufficient stock (".concat(inventoryCount, " in stock)");
    }
  }
  return /*#__PURE__*/_jsx("div", {
    className: "".concat(classNameInventoryStatus, " merchi-embed-form_product-group-inventory-status"),
    style: {
      background: color
    },
    children: loading ? /*#__PURE__*/_jsx(CgSpinner, {
      fontSize: "1.1rem",
      className: "animate_spin"
    }) : /*#__PURE__*/_jsxs(_Fragment, {
      children: [/*#__PURE__*/_jsx(StatusDot, {
        color: color
      }), " ", /*#__PURE__*/_jsx("span", {
        className: "mr-1",
        children: msg
      })]
    })
  });
}
export default InventoryStatus;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZU1lcmNoaUZvcm1Db250ZXh0IiwiQ2dTcGlubmVyIiwianN4IiwiX2pzeCIsIkZyYWdtZW50IiwiX0ZyYWdtZW50IiwianN4cyIsIl9qc3hzIiwiU3RhdHVzRG90IiwiX3JlZiIsImNvbG9yIiwiY2xhc3NOYW1lIiwic3R5bGUiLCJiYWNrZ3JvdW5kQ29sb3IiLCJkaXNwbGF5IiwicGFkZGluZyIsImJvcmRlclJhZGl1cyIsIm1hcmdpbiIsImNoaWxkcmVuIiwiaGVpZ2h0Iiwid2lkdGgiLCJJbnZlbnRvcnlTdGF0dXMiLCJfcmVmMiIsIl9yZWYyJGludmVudG9yeUNvdW50IiwiaW52ZW50b3J5Q291bnQiLCJpbnZlbnRvcnlTdWZmaWNpZW50IiwiX3VzZU1lcmNoaUZvcm1Db250ZXh0IiwiY2xhc3NOYW1lSW52ZW50b3J5U3RhdHVzIiwibG9hZGluZyIsIm1zZyIsImNvbmNhdCIsImJhY2tncm91bmQiLCJmb250U2l6ZSJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0ludmVudG9yeVN0YXR1cy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlTWVyY2hpRm9ybUNvbnRleHQgfSBmcm9tICcuLi9jb250ZXh0L01lcmNoaVByb2R1Y3RGb3JtUHJvdmlkZXInO1xuaW1wb3J0IHsgQ2dTcGlubmVyIH0gZnJvbSAncmVhY3QtaWNvbnMvY2cnO1xuXG5mdW5jdGlvbiBTdGF0dXNEb3QoeyBjb2xvciB9OiBhbnkpIHtcbiAgcmV0dXJuIChcbiAgICA8c3BhblxuICAgICAgY2xhc3NOYW1lPSdiYWRnZSdcbiAgICAgIHN0eWxlPXt7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJyNmZmYnLFxuICAgICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICAgIHBhZGRpbmc6ICczcHgnLFxuICAgICAgICBib3JkZXJSYWRpdXM6ICcxMDAlJyxcbiAgICAgICAgbWFyZ2luOiAnMCAxcHgnLFxuICAgICAgfX1cbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzTmFtZT0naW52ZW50b3J5LWljb24taW5kaWNhdG9yJ1xuICAgICAgICBzdHlsZT17e1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogY29sb3IsXG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiAnMTAwJScsXG4gICAgICAgICAgaGVpZ2h0OiA4LFxuICAgICAgICAgIHdpZHRoOiA4LFxuICAgICAgICB9fVxuICAgICAgLz5cbiAgICA8L3NwYW4+XG4gICk7XG59XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGludmVudG9yeUNvdW50OiBudW1iZXI7XG4gIGludmVudG9yeVN1ZmZpY2llbnQ6IGJvb2xlYW47XG59XG5cbmZ1bmN0aW9uIEludmVudG9yeVN0YXR1cyh7IGludmVudG9yeUNvdW50ID0gMCwgaW52ZW50b3J5U3VmZmljaWVudCB9OiBQcm9wcykge1xuICBjb25zdCB7IGNsYXNzTmFtZUludmVudG9yeVN0YXR1cywgbG9hZGluZyB9ID0gdXNlTWVyY2hpRm9ybUNvbnRleHQoKTtcbiAgbGV0IGNvbG9yID0gJyM2NWNmODUnO1xuICBsZXQgbXNnID0gJ0luIHN0b2NrJztcbiAgaWYgKCFpbnZlbnRvcnlTdWZmaWNpZW50KSB7XG4gICAgY29sb3IgPSAnI2ZmNDQ0OSc7XG4gICAgbXNnID0gJ25vIHN0b2NrJztcbiAgICBpZiAoaW52ZW50b3J5Q291bnQpIHtcbiAgICAgIGNvbG9yID0gJyNmZmM5MjgnO1xuICAgICAgbXNnID0gYGluc3VmZmljaWVudCBzdG9jayAoJHtpbnZlbnRvcnlDb3VudH0gaW4gc3RvY2spYDtcbiAgICB9XG4gIH1cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e2Ake2NsYXNzTmFtZUludmVudG9yeVN0YXR1c30gbWVyY2hpLWVtYmVkLWZvcm1fcHJvZHVjdC1ncm91cC1pbnZlbnRvcnktc3RhdHVzYH1cbiAgICAgIHN0eWxlPXt7IGJhY2tncm91bmQ6IGNvbG9yIH19XG4gICAgPlxuICAgICAge2xvYWRpbmcgPyAoXG4gICAgICAgIDxDZ1NwaW5uZXIgZm9udFNpemU9JzEuMXJlbScgY2xhc3NOYW1lPSdhbmltYXRlX3NwaW4nIC8+XG4gICAgICApIDogKFxuICAgICAgICA8PlxuICAgICAgICAgIDxTdGF0dXNEb3QgY29sb3I9e2NvbG9yfSAvPiA8c3BhbiBjbGFzc05hbWU9J21yLTEnPnttc2d9PC9zcGFuPlxuICAgICAgICA8Lz5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IEludmVudG9yeVN0YXR1cztcbiJdLCJtYXBwaW5ncyI6IkFBQUEsWUFBWTs7QUFDWixPQUFPLEtBQUtBLEtBQUssTUFBTSxPQUFPO0FBQzlCLFNBQVNDLG9CQUFvQixRQUFRLHNDQUFzQztBQUMzRSxTQUFTQyxTQUFTLFFBQVEsZ0JBQWdCO0FBQUMsU0FBQUMsR0FBQSxJQUFBQyxJQUFBO0FBQUEsU0FBQUMsUUFBQSxJQUFBQyxTQUFBO0FBQUEsU0FBQUMsSUFBQSxJQUFBQyxLQUFBO0FBRTNDLFNBQVNDLFNBQVNBLENBQUFDLElBQUEsRUFBaUI7RUFBQSxJQUFkQyxLQUFLLEdBQUFELElBQUEsQ0FBTEMsS0FBSztFQUN4QixvQkFDRVAsSUFBQTtJQUNFUSxTQUFTLEVBQUMsT0FBTztJQUNqQkMsS0FBSyxFQUFFO01BQ0xDLGVBQWUsRUFBRSxNQUFNO01BQ3ZCQyxPQUFPLEVBQUUsTUFBTTtNQUNmQyxPQUFPLEVBQUUsS0FBSztNQUNkQyxZQUFZLEVBQUUsTUFBTTtNQUNwQkMsTUFBTSxFQUFFO0lBQ1YsQ0FBRTtJQUFBQyxRQUFBLGVBRUZmLElBQUE7TUFDRVEsU0FBUyxFQUFDLDBCQUEwQjtNQUNwQ0MsS0FBSyxFQUFFO1FBQ0xDLGVBQWUsRUFBRUgsS0FBSztRQUN0Qk0sWUFBWSxFQUFFLE1BQU07UUFDcEJHLE1BQU0sRUFBRSxDQUFDO1FBQ1RDLEtBQUssRUFBRTtNQUNUO0lBQUUsQ0FDSDtFQUFDLENBQ0UsQ0FBQztBQUVYO0FBT0EsU0FBU0MsZUFBZUEsQ0FBQUMsS0FBQSxFQUFxRDtFQUFBLElBQUFDLG9CQUFBLEdBQUFELEtBQUEsQ0FBbERFLGNBQWM7SUFBZEEsY0FBYyxHQUFBRCxvQkFBQSxjQUFHLENBQUMsR0FBQUEsb0JBQUE7SUFBRUUsbUJBQW1CLEdBQUFILEtBQUEsQ0FBbkJHLG1CQUFtQjtFQUNoRSxJQUFBQyxxQkFBQSxHQUE4QzFCLG9CQUFvQixDQUFDLENBQUM7SUFBNUQyQix3QkFBd0IsR0FBQUQscUJBQUEsQ0FBeEJDLHdCQUF3QjtJQUFFQyxPQUFPLEdBQUFGLHFCQUFBLENBQVBFLE9BQU87RUFDekMsSUFBSWxCLEtBQUssR0FBRyxTQUFTO0VBQ3JCLElBQUltQixHQUFHLEdBQUcsVUFBVTtFQUNwQixJQUFJLENBQUNKLG1CQUFtQixFQUFFO0lBQ3hCZixLQUFLLEdBQUcsU0FBUztJQUNqQm1CLEdBQUcsR0FBRyxVQUFVO0lBQ2hCLElBQUlMLGNBQWMsRUFBRTtNQUNsQmQsS0FBSyxHQUFHLFNBQVM7TUFDakJtQixHQUFHLDBCQUFBQyxNQUFBLENBQTBCTixjQUFjLGVBQVk7SUFDekQ7RUFDRjtFQUNBLG9CQUNFckIsSUFBQTtJQUNFUSxTQUFTLEtBQUFtQixNQUFBLENBQUtILHdCQUF3QixzREFBb0Q7SUFDMUZmLEtBQUssRUFBRTtNQUFFbUIsVUFBVSxFQUFFckI7SUFBTSxDQUFFO0lBQUFRLFFBQUEsRUFFNUJVLE9BQU8sZ0JBQ056QixJQUFBLENBQUNGLFNBQVM7TUFBQytCLFFBQVEsRUFBQyxRQUFRO01BQUNyQixTQUFTLEVBQUM7SUFBYyxDQUFFLENBQUMsZ0JBRXhESixLQUFBLENBQUFGLFNBQUE7TUFBQWEsUUFBQSxnQkFDRWYsSUFBQSxDQUFDSyxTQUFTO1FBQUNFLEtBQUssRUFBRUE7TUFBTSxDQUFFLENBQUMsS0FBQyxlQUFBUCxJQUFBO1FBQU1RLFNBQVMsRUFBQyxNQUFNO1FBQUFPLFFBQUEsRUFBRVc7TUFBRyxDQUFPLENBQUM7SUFBQSxDQUMvRDtFQUNILENBQ0UsQ0FBQztBQUVWO0FBRUEsZUFBZVIsZUFBZSJ9