@shopgate/engage/product/components/Availability/Availability.js

Shopgate's ENGAGE library.

import * as React from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
import { AVAILABILITY_STATE_OK, AVAILABILITY_STATE_WARNING, AVAILABILITY_STATE_ALERT } from '@shopgate/pwa-common-commerce/product/constants';
import { SurroundPortals, PlaceholderLabel, Availability as AvailableText } from '@shopgate/engage/components';
import { PRODUCT_AVAILABILITY } from '@shopgate/engage/product';
import { hasNewServices } from '@shopgate/engage/core/helpers';
import connect from "./Availability.connector";
import { placeholder, availability as availabilityStyle } from "./Availability.style";

/**
 * The Availability component.
 * @param {Object} props The component props.
 * @return {JSX}
 */
import { jsx as _jsx } from "react/jsx-runtime";
function Availability({
  availability,
  fulfillmentMethods,
  fulfillmentSelection,
  className
}) {
  // Render only when no fulfillment methods are available or when the given method exists
  if (hasNewServices() && (!fulfillmentMethods || fulfillmentMethods.indexOf(fulfillmentSelection) !== -1)) {
    return null;
  }
  const classes = classNames(placeholder, className ? className.toString() : null);
  return /*#__PURE__*/_jsx(SurroundPortals, {
    portalName: PRODUCT_AVAILABILITY,
    portalProps: {
      availability
    },
    children: /*#__PURE__*/_jsx(PlaceholderLabel, {
      className: classes,
      ready: availability !== null,
      children: availability && /*#__PURE__*/_jsx(AvailableText, {
        className: availabilityStyle,
        showWhenAvailable: true,
        text: availability.text || '',
        state: availability.state
      })
    })
  });
}
Availability.defaultProps = {
  availability: null,
  fulfillmentMethods: null,
  fulfillmentSelection: '',
  className: null
};
export default connect(/*#__PURE__*/React.memo(Availability));