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, Fragment as _Fragment, 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,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSZWFjdCIsInVzZU1lcmNoaUZvcm1Db250ZXh0IiwiQ2dTcGlubmVyIiwianN4IiwiX2pzeCIsIkZyYWdtZW50IiwiX0ZyYWdtZW50IiwianN4cyIsIl9qc3hzIiwiU3RhdHVzRG90IiwiX3JlZiIsImNvbG9yIiwiY2xhc3NOYW1lIiwic3R5bGUiLCJiYWNrZ3JvdW5kQ29sb3IiLCJkaXNwbGF5IiwicGFkZGluZyIsImJvcmRlclJhZGl1cyIsIm1hcmdpbiIsImNoaWxkcmVuIiwiaGVpZ2h0Iiwid2lkdGgiLCJJbnZlbnRvcnlTdGF0dXMiLCJfcmVmMiIsIl9yZWYyJGludmVudG9yeUNvdW50IiwiaW52ZW50b3J5Q291bnQiLCJpbnZlbnRvcnlTdWZmaWNpZW50IiwiX3VzZU1lcmNoaUZvcm1Db250ZXh0IiwiY2xhc3NOYW1lSW52ZW50b3J5U3RhdHVzIiwibG9hZGluZyIsIm1zZyIsImNvbmNhdCIsImJhY2tncm91bmQiLCJmb250U2l6ZSJdLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL0ludmVudG9yeVN0YXR1cy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnO1xyXG5pbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IHVzZU1lcmNoaUZvcm1Db250ZXh0IH0gZnJvbSAnLi4vY29udGV4dC9NZXJjaGlQcm9kdWN0Rm9ybVByb3ZpZGVyJztcclxuaW1wb3J0IHsgQ2dTcGlubmVyIH0gZnJvbSAncmVhY3QtaWNvbnMvY2cnO1xyXG5cclxuZnVuY3Rpb24gU3RhdHVzRG90KHsgY29sb3IgfTogYW55KSB7XHJcbiAgcmV0dXJuIChcclxuICAgIDxzcGFuXHJcbiAgICAgIGNsYXNzTmFtZT0nYmFkZ2UnXHJcbiAgICAgIHN0eWxlPXt7XHJcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAnI2ZmZicsXHJcbiAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxyXG4gICAgICAgIHBhZGRpbmc6ICczcHgnLFxyXG4gICAgICAgIGJvcmRlclJhZGl1czogJzEwMCUnLFxyXG4gICAgICAgIG1hcmdpbjogJzAgMXB4JyxcclxuICAgICAgfX1cclxuICAgID5cclxuICAgICAgPGRpdlxyXG4gICAgICAgIGNsYXNzTmFtZT0naW52ZW50b3J5LWljb24taW5kaWNhdG9yJ1xyXG4gICAgICAgIHN0eWxlPXt7XHJcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yLFxyXG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiAnMTAwJScsXHJcbiAgICAgICAgICBoZWlnaHQ6IDgsXHJcbiAgICAgICAgICB3aWR0aDogOCxcclxuICAgICAgICB9fVxyXG4gICAgICAvPlxyXG4gICAgPC9zcGFuPlxyXG4gICk7XHJcbn1cclxuXHJcbmludGVyZmFjZSBQcm9wcyB7XHJcbiAgaW52ZW50b3J5Q291bnQ6IG51bWJlcjtcclxuICBpbnZlbnRvcnlTdWZmaWNpZW50OiBib29sZWFuO1xyXG59XHJcblxyXG5mdW5jdGlvbiBJbnZlbnRvcnlTdGF0dXMoeyBpbnZlbnRvcnlDb3VudCA9IDAsIGludmVudG9yeVN1ZmZpY2llbnQgfTogUHJvcHMpIHtcclxuICBjb25zdCB7IGNsYXNzTmFtZUludmVudG9yeVN0YXR1cywgbG9hZGluZyB9ID0gdXNlTWVyY2hpRm9ybUNvbnRleHQoKTtcclxuICBsZXQgY29sb3IgPSAnIzY1Y2Y4NSc7XHJcbiAgbGV0IG1zZyA9ICdJbiBzdG9jayc7XHJcbiAgaWYgKCFpbnZlbnRvcnlTdWZmaWNpZW50KSB7XHJcbiAgICBjb2xvciA9ICcjZmY0NDQ5JztcclxuICAgIG1zZyA9ICdubyBzdG9jayc7XHJcbiAgICBpZiAoaW52ZW50b3J5Q291bnQpIHtcclxuICAgICAgY29sb3IgPSAnI2ZmYzkyOCc7XHJcbiAgICAgIG1zZyA9IGBpbnN1ZmZpY2llbnQgc3RvY2sgKCR7aW52ZW50b3J5Q291bnR9IGluIHN0b2NrKWA7XHJcbiAgICB9XHJcbiAgfVxyXG4gIHJldHVybiAoXHJcbiAgICA8ZGl2XHJcbiAgICAgIGNsYXNzTmFtZT17YCR7Y2xhc3NOYW1lSW52ZW50b3J5U3RhdHVzfSBtZXJjaGktZW1iZWQtZm9ybV9wcm9kdWN0LWdyb3VwLWludmVudG9yeS1zdGF0dXNgfVxyXG4gICAgICBzdHlsZT17eyBiYWNrZ3JvdW5kOiBjb2xvciB9fVxyXG4gICAgPlxyXG4gICAgICB7bG9hZGluZyA/IChcclxuICAgICAgICA8Q2dTcGlubmVyIGZvbnRTaXplPScxLjFyZW0nIGNsYXNzTmFtZT0nYW5pbWF0ZV9zcGluJyAvPlxyXG4gICAgICApIDogKFxyXG4gICAgICAgIDw+XHJcbiAgICAgICAgICA8U3RhdHVzRG90IGNvbG9yPXtjb2xvcn0gLz4gPHNwYW4gY2xhc3NOYW1lPSdtci0xJz57bXNnfTwvc3Bhbj5cclxuICAgICAgICA8Lz5cclxuICAgICAgKX1cclxuICAgIDwvZGl2PlxyXG4gICk7XHJcbn1cclxuXHJcbmV4cG9ydCBkZWZhdWx0IEludmVudG9yeVN0YXR1cztcclxuIl0sIm1hcHBpbmdzIjoiQUFBQSxZQUFZOztBQUNaLE9BQU8sS0FBS0EsS0FBSyxNQUFNLE9BQU87QUFDOUIsU0FBU0Msb0JBQW9CLFFBQVEsc0NBQXNDO0FBQzNFLFNBQVNDLFNBQVMsUUFBUSxnQkFBZ0I7QUFBQyxTQUFBQyxHQUFBLElBQUFDLElBQUEsRUFBQUMsUUFBQSxJQUFBQyxTQUFBLEVBQUFDLElBQUEsSUFBQUMsS0FBQTtBQUUzQyxTQUFTQyxTQUFTQSxDQUFBQyxJQUFBLEVBQWlCO0VBQUEsSUFBZEMsS0FBSyxHQUFBRCxJQUFBLENBQUxDLEtBQUs7RUFDeEIsb0JBQ0VQLElBQUE7SUFDRVEsU0FBUyxFQUFDLE9BQU87SUFDakJDLEtBQUssRUFBRTtNQUNMQyxlQUFlLEVBQUUsTUFBTTtNQUN2QkMsT0FBTyxFQUFFLE1BQU07TUFDZkMsT0FBTyxFQUFFLEtBQUs7TUFDZEMsWUFBWSxFQUFFLE1BQU07TUFDcEJDLE1BQU0sRUFBRTtJQUNWLENBQUU7SUFBQUMsUUFBQSxlQUVGZixJQUFBO01BQ0VRLFNBQVMsRUFBQywwQkFBMEI7TUFDcENDLEtBQUssRUFBRTtRQUNMQyxlQUFlLEVBQUVILEtBQUs7UUFDdEJNLFlBQVksRUFBRSxNQUFNO1FBQ3BCRyxNQUFNLEVBQUUsQ0FBQztRQUNUQyxLQUFLLEVBQUU7TUFDVDtJQUFFLENBQ0g7RUFBQyxDQUNFLENBQUM7QUFFWDtBQU9BLFNBQVNDLGVBQWVBLENBQUFDLEtBQUEsRUFBcUQ7RUFBQSxJQUFBQyxvQkFBQSxHQUFBRCxLQUFBLENBQWxERSxjQUFjO0lBQWRBLGNBQWMsR0FBQUQsb0JBQUEsY0FBRyxDQUFDLEdBQUFBLG9CQUFBO0lBQUVFLG1CQUFtQixHQUFBSCxLQUFBLENBQW5CRyxtQkFBbUI7RUFDaEUsSUFBQUMscUJBQUEsR0FBOEMxQixvQkFBb0IsQ0FBQyxDQUFDO0lBQTVEMkIsd0JBQXdCLEdBQUFELHFCQUFBLENBQXhCQyx3QkFBd0I7SUFBRUMsT0FBTyxHQUFBRixxQkFBQSxDQUFQRSxPQUFPO0VBQ3pDLElBQUlsQixLQUFLLEdBQUcsU0FBUztFQUNyQixJQUFJbUIsR0FBRyxHQUFHLFVBQVU7RUFDcEIsSUFBSSxDQUFDSixtQkFBbUIsRUFBRTtJQUN4QmYsS0FBSyxHQUFHLFNBQVM7SUFDakJtQixHQUFHLEdBQUcsVUFBVTtJQUNoQixJQUFJTCxjQUFjLEVBQUU7TUFDbEJkLEtBQUssR0FBRyxTQUFTO01BQ2pCbUIsR0FBRywwQkFBQUMsTUFBQSxDQUEwQk4sY0FBYyxlQUFZO0lBQ3pEO0VBQ0Y7RUFDQSxvQkFDRXJCLElBQUE7SUFDRVEsU0FBUyxLQUFBbUIsTUFBQSxDQUFLSCx3QkFBd0Isc0RBQW9EO0lBQzFGZixLQUFLLEVBQUU7TUFBRW1CLFVBQVUsRUFBRXJCO0lBQU0sQ0FBRTtJQUFBUSxRQUFBLEVBRTVCVSxPQUFPLGdCQUNOekIsSUFBQSxDQUFDRixTQUFTO01BQUMrQixRQUFRLEVBQUMsUUFBUTtNQUFDckIsU0FBUyxFQUFDO0lBQWMsQ0FBRSxDQUFDLGdCQUV4REosS0FBQSxDQUFBRixTQUFBO01BQUFhLFFBQUEsZ0JBQ0VmLElBQUEsQ0FBQ0ssU0FBUztRQUFDRSxLQUFLLEVBQUVBO01BQU0sQ0FBRSxDQUFDLEtBQUMsZUFBQVAsSUFBQTtRQUFNUSxTQUFTLEVBQUMsTUFBTTtRQUFBTyxRQUFBLEVBQUVXO01BQUcsQ0FBTyxDQUFDO0lBQUEsQ0FDL0Q7RUFDSCxDQUNFLENBQUM7QUFFVjtBQUVBLGVBQWVSLGVBQWUiLCJpZ25vcmVMaXN0IjpbXX0=