UNPKG

@shopgate/engage

Version:
4 lines 1.99 kB
function _defineProperty(obj,key,value){if(key in obj){Object.defineProperty(obj,key,{value:value,enumerable:true,configurable:true,writable:true});}else{obj[key]=value;}return obj;}import React,{Fragment,useContext}from'react';import PropTypes from'prop-types';import classNames from'classnames';import{css}from'glamor';import CartTotalLine from'@shopgate/pwa-ui-shared/CartTotalLine';import{errorBehavior}from'@shopgate/engage/core';import{responsiveMediaQuery}from'@shopgate/engage/styles';import{CartContext}from"../../cart.context";import{spacer}from"./PaymentBarContent.style";var styles={line:css(_defineProperty({justifyContent:'start'},responsiveMediaQuery('<=xs',{appAlways:true}),{fontSize:'0.75rem',paddingBottom:3})).toString(),message:css({order:2}).toString(),error:css({color:'var(--color-state-alert)'}).toString(),warning:css({color:'var(--color-state-warning)'}).toString(),info:css({color:'var(--color-state-ok)'}).toString(),loading:css({opacity:0.4}).toString()};/** * @param {Object} props The components props * @returns {JSX} */var PaymentBarPromotionCouponMessages=function PaymentBarPromotionCouponMessages(_ref){var messages=_ref.messages;var _useContext=useContext(CartContext),isLoading=_useContext.isLoading;if(!messages.length){return null;}return messages.map(function(_ref2){var message=_ref2.message,additionalParams=_ref2.additionalParams,type=_ref2.type;return React.createElement(CartTotalLine,{className:styles.line,key:message},React.createElement(Fragment,null,React.createElement(CartTotalLine.Spacer,{className:spacer}),React.createElement("div",{className:classNames(styles.message,_defineProperty(_defineProperty(_defineProperty(_defineProperty({},styles.loading,isLoading),styles.error,type==='error'),styles.warning,type==='warning'),styles.info,type==='info'))},errorBehavior.getErrorMessage(message,additionalParams))));});};PaymentBarPromotionCouponMessages.defaultProps={messages:[]};export default PaymentBarPromotionCouponMessages;