@shopgate/engage 7.27.3-alpha.17 → 7.27.3-alpha.19

package/cart/components/CartItem/CartItemProduct.js

@@ -0,0 +1,5 @@
+import React,{Fragment}from'react';import{CART_PATH}from'@shopgate/pwa-common-commerce/cart/constants';import CardListItem from'@shopgate/pwa-ui-shared/CardList/components/Item';import{MessageBar,ResponsiveContainer}from'@shopgate/engage/components';import{getPageSettings}from'@shopgate/engage/core/config';import{messagesContainerCard,messagesCard,messagesContainerLine,messagesLine}from"./CartItem.style";import{CartItemProductLayout}from"./CartItemProductLayout";import{CartItemProductLayoutWide}from"./CartItemProductLayoutWide";import{noGap}from"./CartItemProduct.style";import{useCartItemProduct}from"./CartItem.hooks";import CartItemSubstitution from"./CartItemSubstitution";var messageStyles={card:{container:messagesContainerCard,message:messagesCard},line:{container:messagesContainerLine,message:messagesLine}};/**
+ * The CartProduct component.
+ * @param {Object} props The component props.
+ * @returns {JSX}
+ */var CartItemProduct=function CartItemProduct(){var _useCartItemProduct=useCartItemProduct(),messages=_useCartItemProduct.messages,cartItemRef=_useCartItemProduct.cartItemRef,isEditable=_useCartItemProduct.isEditable;var _getPageSettings=getPageSettings(CART_PATH),_getPageSettings$cart=_getPageSettings.cartItemsDisplay,cartItemsDisplay=_getPageSettings$cart===void 0?'line':_getPageSettings$cart;return React.createElement(CardListItem,{className:cartItemsDisplay==='card'?noGap:null},React.createElement("div",{ref:cartItemRef,"data-test-id":"cartItem"},React.createElement(ResponsiveContainer,{appAlways:true,breakpoint:"<=xs"},React.createElement(Fragment,null,messages.length>0&&React.createElement(MessageBar,{messages:messages,classNames:messageStyles[cartItemsDisplay]}),React.createElement(CartItemProductLayout,null))),React.createElement(ResponsiveContainer,{webOnly:true,breakpoint:">xs"},React.createElement(CartItemProductLayoutWide,null)),React.createElement(CartItemSubstitution,{editable:isEditable})));};export default CartItemProduct;

package/cart/components/CartItem/CartItemProduct.style.js

@@ -0,0 +1 @@
+import{css}from'glamor';export var noGap=css({marginBottom:0,background:'none'}).toString();

package/cart/components/CartItem/CartItemProductLayout.js

@@ -0,0 +1,6 @@
+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;}function _extends(){_extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source){if(Object.prototype.hasOwnProperty.call(source,key)){target[key]=source[key];}}}return target;};return _extends.apply(this,arguments);}import React,{useMemo}from'react';import classNames from'classnames';import{Grid,Link,ProductProperties,SurroundPortals,ConditionalWrapper,I18n}from'@shopgate/engage/components';import{CART_ITEM_IMAGE,CART_ITEM_LINK,CART_ITEM_PROPERTIES,CART_ITEM_QUANTITY_PICKER}from'@shopgate/engage/cart';import{showTaxDisclaimer}from'@shopgate/engage/market';import{bin2hex}from'@shopgate/engage/core/helpers';import{useWidgetSettings}from'@shopgate/engage/core/hooks';import{ProductImage,PriceInfo,ITEM_PATH}from'@shopgate/engage/product';import{CartItemProductChangeLocation,CartChangeFulfillmentMethod}from'@shopgate/engage/locations';import{getLineItemActiveStatus}from'@shopgate/engage/orders';import{CartItemQuantityPicker}from"./CartItemQuantityPicker";import{CartItemProductTitle}from"./CartItemProductTitle";import CartItemProductOrderDetails from"./CartItemProductOrderDetails";import CartItemProductPriceList from"./CartItemProductPriceList";import{useCartItem,useCartItemProduct}from"./CartItem.hooks";import styles from"./CartItemProductLayout.style";/**
+ * The Cart Product Layout component.
+ * @returns {JSX.Element}
+ */export function CartItemProductLayout(){// Added with PWA 6 - CCP-2372
+var _useWidgetSettings=useWidgetSettings('@shopgate/engage/components/TaxDisclaimer'),show=_useWidgetSettings.show;// use widget setting if set to true/false, otherwise use market logic
+var showDisclaimer=typeof show==='boolean'?show:showTaxDisclaimer;var _useCartItem=useCartItem(),registerFulfillmentAction=_useCartItem.registerFulfillmentAction,isOrderDetails=_useCartItem.isOrderDetails,isCheckoutConfirmation=_useCartItem.isCheckoutConfirmation;var context=useCartItemProduct();var cartItem=context.cartItem,product=context.product,currency=context.currency,editMode=context.editMode,handleUpdate=context.handleUpdate,handleRemove=context.handleRemove,toggleEditMode=context.toggleEditMode,isEditable=context.isEditable,isLinkable=context.isLinkable,allowQuantityChange=context.allowQuantityChange;var portalProps=useMemo(function(){return _extends({context:{type:context.type,cartItemId:context.cartItemId,product:context.product}},context,{isOrderDetails:isOrderDetails,isCheckoutConfirmation:isCheckoutConfirmation,quantity:cartItem.quantity,handleDelete:handleRemove});},[cartItem.quantity,context,handleRemove,isCheckoutConfirmation,isOrderDetails]);var isActive=!isOrderDetails?true:getLineItemActiveStatus(cartItem===null||cartItem===void 0?void 0:cartItem.status,cartItem===null||cartItem===void 0?void 0:cartItem.subStatus);var showLineItemPromotions=useMemo(function(){if(isOrderDetails||isCheckoutConfirmation){return false;}return((cartItem===null||cartItem===void 0?void 0:cartItem.appliedPromotions)||[]).length>0;},[cartItem,isCheckoutConfirmation,isOrderDetails]);return React.createElement(React.Fragment,null,React.createElement(Grid,{className:classNames(styles.item,_defineProperty({},styles.itemInactive,!isActive))},React.createElement(Grid.Item,{className:styles.content,grow:1},React.createElement(SurroundPortals,{portalName:CART_ITEM_LINK,portalProps:portalProps},React.createElement(CartItemProductTitle,{value:product.name,productId:product.id})),React.createElement(Grid,{className:styles.info},React.createElement(Grid.Item,{grow:1,className:styles.properties},React.createElement(SurroundPortals,{portalName:CART_ITEM_PROPERTIES,portalProps:portalProps},React.createElement(ProductProperties,{properties:product.properties,lineClamp:2})),isOrderDetails&&React.createElement(CartItemProductOrderDetails,null)),React.createElement(Grid.Item,{grow:1,className:styles.price},isOrderDetails&&React.createElement(I18n.Text,{string:"cart.subtotal",className:styles.orderDetailsSubtotalLabel}),!showLineItemPromotions&&React.createElement(React.Fragment,null,React.createElement(CartItemProductPriceList,{isSubtotal:true}),React.createElement(PriceInfo,{product:product,currency:currency,className:styles.priceInfo}))),showDisclaimer&&React.createElement(Grid.Item,{className:styles.disclaimerSpacer,grow:0,shrink:0})),showLineItemPromotions&&React.createElement(Grid,{className:classNames(styles.info,styles.promotionLine)},React.createElement(Grid.Item,null),React.createElement(Grid.Item,{className:styles.promotionLineItem},React.createElement(CartItemProductPriceList,{isSubtotal:true,showLabels:true}),React.createElement(PriceInfo,{product:product,currency:currency,className:styles.priceInfo})))),React.createElement(Grid.Item,{className:styles.leftColumn},React.createElement("div",{className:styles.image,"aria-hidden":true},React.createElement(ConditionalWrapper,{condition:isEditable&&isLinkable,wrapper:function wrapper(children){return React.createElement(Link,{tagName:"a",href:"".concat(ITEM_PATH,"/").concat(bin2hex(product.id))},children);}},React.createElement(SurroundPortals,{portalName:CART_ITEM_IMAGE,portalProps:portalProps},React.createElement(ProductImage,{src:product.featuredImageBaseUrl||product.featuredImageUrl})))),!isOrderDetails&&allowQuantityChange&&React.createElement(SurroundPortals,{portalName:CART_ITEM_QUANTITY_PICKER,portalProps:portalProps},React.createElement(CartItemQuantityPicker,{unit:product.unit,hasCatchWeight:product.hasCatchWeight,quantity:cartItem.quantity,editMode:editMode,onChange:handleUpdate,onToggleEditMode:toggleEditMode,disabled:!isEditable})))),React.createElement(CartItemProductChangeLocation,{cartItem:cartItem,registerAction:registerFulfillmentAction}),React.createElement(CartChangeFulfillmentMethod,{cartItem:cartItem,registerAction:registerFulfillmentAction}));}

package/cart/components/CartItem/CartItemProductLayout.style.js

@@ -0,0 +1 @@
+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{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var variables=themeConfig.variables,colors=themeConfig.colors;var leftColumnWidth=72;var item=css({padding:variables.gap.big,/** Row is DOM reversed for a11y navigation */flexDirection:'row-reverse'}).toString();var leftColumn=css({width:leftColumnWidth}).toString();var image=css({background:colors.placeholder,marginBottom:variables.gap.small*1.25,height:leftColumnWidth,width:leftColumnWidth}).toString();var content=css({display:'flex',flexDirection:'column',paddingLeft:variables.gap.big}).toString();var info=css({fontSize:'0.875rem',marginTop:variables.gap.big*0.875,marginBottom:variables.gap.small*0.25,flexGrow:1,alignItems:'flex-end',justifyContent:'space-between'}).toString();var promotionLine=css({marginTop:0}).toString();var promotionLineItem=css({width:'100%'}).toString();var priceInfo=css({textAlign:'right',wordBreak:'break-word'}).toString();var disclaimerSpacer=css({width:10}).toString();var price=css({display:'flex',marginLeft:'1em',alignItems:'flex-end',flexDirection:'column'}).toString();var properties=css(_defineProperty({wordBreak:'break-word',alignSelf:'flex-start',fontSize:'0.875rem',color:"var(--color-text-medium-emphasis, ".concat(colors.shade6,")"),lineHeight:1.3},":not(:empty) + .".concat(price),{textAlign:'right',maxWidth:'40%'})).toString();var itemInactive=css(_defineProperty({' *':{color:'var(--color-text-low-emphasis) !important'}}," .".concat(image),{opacity:0.7})).toString();var orderDetailsSubtotalLabel=css({color:"var(--color-text-low-emphasis, ".concat(colors.shade9,")")}).toString();export default{item:item,itemInactive:itemInactive,leftColumn:leftColumn,image:image,content:content,info:info,promotionLine:promotionLine,promotionLineItem:promotionLineItem,disclaimerSpacer:disclaimerSpacer,priceInfo:priceInfo,price:price,properties:properties,orderDetailsSubtotalLabel:orderDetailsSubtotalLabel};

package/cart/components/CartItem/CartItemProductLayoutWide.js

@@ -0,0 +1,4 @@
+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}from'react';import classNames from'classnames';import{TextLink,ProductProperties,QuantityLabel,ConditionalWrapper,MessageBar,SurroundPortals}from'@shopgate/engage/components';import{ProductImage,CartUnitQuantityPicker,PriceInfo,ProductName,ITEM_PATH}from'@shopgate/engage/product';import{CART_ITEM_NAME,CART_ITEM_QUANTITY_PICKER}from'@shopgate/pwa-common-commerce/cart';import{bin2hex}from'@shopgate/engage/core';import{getLineItemActiveStatus}from'@shopgate/engage/orders';import{CartContextMenuChangeFulfillment}from'@shopgate/engage/locations';import CartItemProductPriceList from"./CartItemProductPriceList";import{CartItemProductLayoutWideRemoveItem}from"./CartItemProductLayoutWideRemoveItem";import{CartItemProductLayoutWideFulfillmentLabel}from"./CartItemProductLayoutWideFulfillmentLabel";import CartItemProductLayoutWideOrderDetails from"./CartItemProductLayoutWideOrderDetails";import{CartItemProductPriceCaption}from"./CartItemProductPriceCaption";import{useCartItem,useCartItemProduct}from"./CartItem.hooks";import{container,containerInactive,imageColumn,detailsColumn,priceColumnWide,productName,productProperties,column,quantityPicker,quantityPickerDisabled,price,priceInfo,priceListEntry,priceListPromo,contextMenu,messageContainer,messageContainerRope}from"./CartItemProductLayoutWide.style";/**
+ * @param {Object} props The component properties.
+ * @returns {JSX}
+ */var CartItemProductLayoutWide=function CartItemProductLayoutWide(){var _useCartItem=useCartItem(),merchantFulfillmentMethodsCount=_useCartItem.merchantFulfillmentMethodsCount,isOrderDetails=_useCartItem.isOrderDetails,cartHasLineItemPromotions=_useCartItem.cartHasLineItemPromotions;var context=useCartItemProduct();var cartItem=context.cartItem,product=context.product,currency=context.currency,handleUpdate=context.handleUpdate,isEditable=context.isEditable,isLinkable=context.isLinkable,allowQuantityChange=context.allowQuantityChange,messages=context.messages;var hasUnitWithDecimals=product.unit&&product.hasCatchWeight||false;var isActive=!isOrderDetails?true:getLineItemActiveStatus(cartItem===null||cartItem===void 0?void 0:cartItem.status,cartItem===null||cartItem===void 0?void 0:cartItem.subStatus);return React.createElement(Fragment,null,React.createElement("div",{className:classNames(container,_defineProperty({},containerInactive,!isActive))},React.createElement("div",{className:imageColumn},React.createElement(ProductImage,{src:product.featuredImageBaseUrl||product.featuredImageUrl})),React.createElement("div",{className:detailsColumn},React.createElement(ConditionalWrapper,{condition:isEditable&&isLinkable,wrapper:function wrapper(children){return React.createElement(TextLink,{href:"".concat(ITEM_PATH,"/").concat(bin2hex(product.id))},children);}},React.createElement(ProductName,{name:product.name,className:productName,portalName:CART_ITEM_NAME,portalProps:context,testId:product.name})),React.createElement(ProductProperties,{className:productProperties,properties:product.properties,lineClamp:2}),!isOrderDetails&&React.createElement(CartItemProductLayoutWideFulfillmentLabel,null)),React.createElement("div",{className:cartHasLineItemPromotions?priceColumnWide:column},React.createElement(CartItemProductPriceList,{cartItem:cartItem,classes:{price:price,priceStriked:price,entry:priceListEntry,promo:priceListPromo}}),React.createElement(PriceInfo,{product:product,currency:currency,className:priceInfo}),React.createElement(CartItemProductPriceCaption,null)),isOrderDetails&&React.createElement(CartItemProductLayoutWideOrderDetails,null),React.createElement("div",{className:column},isEditable&&allowQuantityChange?React.createElement(SurroundPortals,{portalName:CART_ITEM_QUANTITY_PICKER,portalProps:{product:product,cartItem:cartItem,isOrderDetails:isOrderDetails,handleUpdate:handleUpdate,isEditable:isEditable}},React.createElement(CartUnitQuantityPicker,{productId:product.id,value:isOrderDetails?cartItem.orderedQuantity:cartItem.quantity,unit:product.unit,hasCatchWeight:product.hasCatchWeight,onChange:handleUpdate,classNames:{withDecimals:quantityPicker,withoutDecimals:quantityPicker}})):React.createElement(QuantityLabel,{className:quantityPickerDisabled,value:isOrderDetails?cartItem.orderedQuantity:cartItem.quantity,unit:hasUnitWithDecimals?product.unit:null,maxDecimals:hasUnitWithDecimals?2:0}),isEditable&&React.createElement(CartItemProductLayoutWideRemoveItem,null)),React.createElement("div",{className:column},React.createElement(CartItemProductPriceList,{isSubtotal:true,cartItem:cartItem,classes:{price:price,priceStriked:price,entry:priceListEntry,promo:priceListPromo}}),React.createElement(CartItemProductPriceCaption,null)),isEditable&&merchantFulfillmentMethodsCount>1&&React.createElement("div",{className:contextMenu},React.createElement(CartContextMenuChangeFulfillment,{cartItem:cartItem}))),messages.length>0&&React.createElement(MessageBar,{messages:messages,showIcons:true,classNames:{container:cartItem.fulfillment?messageContainerRope:messageContainer}}));};export{CartItemProductLayoutWide};

package/cart/components/CartItem/CartItemProductLayoutWide.style.js

@@ -0,0 +1 @@
+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{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var variables=themeConfig.variables;export var container=css({display:'flex',flexDirection:'row',justifyContent:'space-between',padding:variables.gap.big}).toString();export var imageColumn=css({width:120,height:120,marginRight:variables.gap.small,flexShrink:0,flexGrow:0});export var column=css({display:'flex',alignItems:'center',flexDirection:'column',flexShrink:1,flexGrow:1,flexBasis:0,padding:"0 ".concat(variables.gap.small,"px"),':last-child':{paddingRight:0}});export var detailsColumn=css(column,{flexShrink:1,flexGrow:3,alignItems:'flex-start'});export var priceColumnWide=css(column,{flexGrow:4,alignItems:'flex-end'});export var locationColumn=css(column,{fontSize:'1.25rem',lineHeight:'1.625rem',fontWeight:500,flexGrow:2});export var statusColumn=css(column,{fontSize:'1.25rem',lineHeight:'1.625rem'});export var productName=css({fontSize:'1.25rem',lineHeight:'1.5rem',fontWeight:500,wordBreak:['keep-all','break-word'],hyphens:'auto'}).toString();export var productProperties=css({paddingTop:variables.gap.small,color:'var(--color-text-low-emphasis)',fontSize:'1rem'}).toString();export var quantityPicker=css({width:140}).toString();export var quantityPickerDisabled=css({padding:"0 ".concat(variables.gap.small,"px"),textAlign:'center',fontSize:'1.25rem',lineHeight:'1.625rem',height:28,width:'100%',fontWeight:500,color:'var(--color-text-high-emphasis)',whiteSpace:'nowrap'}).toString();export var containerInactive=css(_defineProperty(_defineProperty({color:'var(--color-text-low-emphasis)'}," .".concat(quantityPickerDisabled),{color:'var(--color-text-low-emphasis)'})," .".concat(imageColumn),{opacity:0.7})).toString();export var price=css({fontSize:'1.25rem !important',lineHeight:'1.625rem  !important'}).toString();export var priceListEntry=css({flexDirection:'column-reverse !important'}).toString();export var priceListPromo=css({paddingRight:0,alignSelf:'flex-end'}).toString();export var priceInfo=css({wordBreak:'break-word',fontSize:'0.75rem',lineHeight:'0.875rem',color:'var(--color-text-low-emphasis)',padding:"".concat(variables.gap.xsmall,"px 0")}).toString();export var contextMenu=css({marginTop:"-".concat(variables.gap.xsmall*3,"px"),marginRight:"-".concat(variables.gap.big,"px")}).toString();export var messageContainer=css({marginTop:0}).toString();export var messageContainerRope=css({marginTop:0,marginBottom:0}).toString();

package/cart/components/CartItem/CartItemProductLayoutWideFulfillmentLabel.js

@@ -0,0 +1,4 @@
+import React from'react';import{BOPIS,ROPIS}from'@shopgate/engage/locations';import{i18n}from'@shopgate/engage/core';import{label}from"./CartItemProductLayoutWideFulfillmentLabel.style";import{useCartItemProduct}from"./CartItem.hooks";/**
+ * @param {Object} props The component props
+ * @returns {JSX}
+ */var CartItemProductLayoutWideFulfillmentLabel=function CartItemProductLayoutWideFulfillmentLabel(){var _cartItem$fulfillment;var _useCartItemProduct=useCartItemProduct(),cartItem=_useCartItemProduct.cartItem;var fulfillmentMethod=(cartItem===null||cartItem===void 0?void 0:(_cartItem$fulfillment=cartItem.fulfillment)===null||_cartItem$fulfillment===void 0?void 0:_cartItem$fulfillment.method)||null;var suffix='direct_ship';if(fulfillmentMethod===BOPIS){suffix='bopis';}else if(fulfillmentMethod===ROPIS){suffix='ropis';}return React.createElement("div",{className:label},i18n.text("locations.method.".concat(suffix)));};export{CartItemProductLayoutWideFulfillmentLabel};

package/cart/components/CartItem/CartItemProductLayoutWideFulfillmentLabel.style.js

@@ -0,0 +1 @@
+import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var colors=themeConfig.colors;export var label=css({color:"var(--color-secondary, ".concat(colors.accent,")"),fontSize:'0.875rem',marginTop:'auto'});

package/cart/components/CartItem/CartItemProductLayoutWideOrderDetails.js

@@ -0,0 +1,3 @@
+import React,{Fragment}from'react';import{QuantityLabel}from'@shopgate/engage/components';import{getTranslatedLineItemStatus}from'@shopgate/engage/orders';import{useCartItem,useCartItemProduct}from"./CartItem.hooks";import{column,locationColumn,statusColumn,quantityPickerDisabled}from"./CartItemProductLayoutWide.style";/**
+ * @returns {JSX}
+ */var CartItemProductLayoutWide=function CartItemProductLayoutWide(){var _useCartItem=useCartItem(),location=_useCartItem.location,cartItem=_useCartItem.cartItem,cartIsDirectShipOnly=_useCartItem.cartIsDirectShipOnly;var _useCartItemProduct=useCartItemProduct(),product=_useCartItemProduct.product;var hasUnitWithDecimals=product.unit&&product.hasCatchWeight||false;return React.createElement(Fragment,null,!cartIsDirectShipOnly?React.createElement("div",{className:locationColumn},location===null||location===void 0?void 0:location.name):null,React.createElement("div",{className:statusColumn},getTranslatedLineItemStatus(cartItem===null||cartItem===void 0?void 0:cartItem.status,cartItem===null||cartItem===void 0?void 0:cartItem.subStatus)),React.createElement("div",{className:column},React.createElement(QuantityLabel,{className:quantityPickerDisabled,value:cartItem.quantity,unit:hasUnitWithDecimals?product.unit:null,maxDecimals:hasUnitWithDecimals?2:0})));};export default CartItemProductLayoutWide;

package/cart/components/CartItem/CartItemProductLayoutWideRemoveItem.js

@@ -0,0 +1,4 @@
+import React from'react';import{RippleButton,I18n}from'@shopgate/engage/components';import{button,ripple}from"./CartItemProductLayoutWideRemoveItem.style";import{useCartItemProduct}from"./CartItem.hooks";/**
+ * @param {Object} props The component props
+ * @returns {JSX}
+ */var CartItemProductLayoutWideRemoveItem=function CartItemProductLayoutWideRemoveItem(){var _useCartItemProduct=useCartItemProduct(),handleRemove=_useCartItemProduct.handleRemove;return React.createElement(RippleButton,{onClick:handleRemove,className:button,rippleClassName:ripple,type:"secondary",flat:true},React.createElement(I18n.Text,{string:"cart.remove_item"}));};export{CartItemProductLayoutWideRemoveItem};

package/cart/components/CartItem/CartItemProductLayoutWideRemoveItem.style.js

@@ -0,0 +1 @@
+import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var variables=themeConfig.variables;export var button=css({fontSize:'0.875rem !important',letterSpacing:'0.05em',padding:"".concat(variables.gap.big,"px 0 !important"),' *':{padding:'0 !important'}}).toString();export var ripple=css({padding:0}).toString();

package/cart/components/CartItem/CartItemProductOrderDetails.js

@@ -0,0 +1,3 @@
+import React,{useMemo}from'react';import classNames from'classnames';import{QuantityLabel,I18n,Price}from'@shopgate/engage/components';import{getTranslatedLineItemStatus}from'@shopgate/engage/orders';import{CartItemProductPriceCaption}from"./CartItemProductPriceCaption";import{createCartItemPrices}from"../../cart.helpers";import{useCartItem,useCartItemProduct}from"./CartItem.hooks";import{quantityLabel,label,container,labelValue,fulfillmentLabel}from"./CartItemProductOrderDetails.style";/**
+ * @returns {JSX}
+ */var CartItemProductOrderDetails=function CartItemProductOrderDetails(){var _useCartItem=useCartItem(),location=_useCartItem.location,cartItem=_useCartItem.cartItem,cartIsDirectShipOnly=_useCartItem.cartIsDirectShipOnly;var _useCartItemProduct=useCartItemProduct(),product=_useCartItemProduct.product,currency=_useCartItemProduct.currency;var hasUnitWithDecimals=product.unit&&product.hasCatchWeight||false;var unitPrice=useMemo(function(){var result=createCartItemPrices(cartItem).price;return result.slice(-1)[0].price;},[cartItem]);return React.createElement("ul",{className:container},!cartIsDirectShipOnly&&(location===null||location===void 0?void 0:location.name)?React.createElement("li",null,React.createElement(I18n.Text,{string:"cart.location",className:label}),React.createElement("span",{className:labelValue},location===null||location===void 0?void 0:location.name),React.createElement(CartItemProductPriceCaption,{className:fulfillmentLabel})):null,React.createElement("li",null,React.createElement(I18n.Text,{string:"cart.status",className:label}),React.createElement("span",{className:labelValue},getTranslatedLineItemStatus(cartItem===null||cartItem===void 0?void 0:cartItem.status,cartItem===null||cartItem===void 0?void 0:cartItem.subStatus))),React.createElement("li",null,React.createElement(I18n.Text,{string:"cart.fulfilled_quantity",className:label}),React.createElement(QuantityLabel,{className:classNames(quantityLabel,labelValue),value:cartItem.quantity,unit:hasUnitWithDecimals?product.unit:null,maxDecimals:hasUnitWithDecimals?2:0})),React.createElement("li",null,React.createElement(I18n.Text,{string:"cart.ordered_quantity",className:label}),React.createElement(QuantityLabel,{className:classNames(quantityLabel,labelValue),value:cartItem.orderedQuantity,unit:hasUnitWithDecimals?product.unit:null,maxDecimals:hasUnitWithDecimals?2:0})),React.createElement("li",null,React.createElement(I18n.Text,{string:"cart.price",className:label}),React.createElement(Price,{className:labelValue,currency:currency,taxDisclaimer:true,unitPrice:unitPrice,allowFree:true})));};export default CartItemProductOrderDetails;

package/cart/components/CartItem/CartItemProductOrderDetails.style.js

@@ -0,0 +1 @@
+import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var variables=themeConfig.variables;export var container=css({paddingTop:variables.gap.small}).toString();export var quantityLabel=css({textAlign:'center',whiteSpace:'nowrap'}).toString();export var label=css({':after':{content:': '}}).toString();export var labelValue=css({fontWeight:500,display:'inline',color:'var(--color-text-medium-emphasis)'}).toString();export var fulfillmentLabel=css({fontSize:'inherit',':before':{content:' '}}).toString();

package/cart/components/CartItem/CartItemProductPriceCaption.js

@@ -0,0 +1,4 @@
+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,{useMemo}from'react';import PropTypes from'prop-types';import classNames from'classnames';import{ROPIS}from//  BOPIS,
+'@shopgate/engage/locations';import{I18n}from'@shopgate/engage/components';import{useCartItemProduct}from"./CartItem.hooks";import{caption}from"./CartItemProductPriceCaption.style";/**
+ * @returns {JSX}
+ */var CartItemProductPriceCaption=function CartItemProductPriceCaption(_ref){var className=_ref.className;var _useCartItemProduct=useCartItemProduct(),cartItem=_useCartItemProduct.cartItem;var label=useMemo(function(){var _cartItem$fulfillment;var labels=_defineProperty({},ROPIS,'cart.price_caption.reservation');var fulfillmentMethod=(cartItem===null||cartItem===void 0?void 0:(_cartItem$fulfillment=cartItem.fulfillment)===null||_cartItem$fulfillment===void 0?void 0:_cartItem$fulfillment.method)||null;return labels[fulfillmentMethod];},[cartItem]);if(!label){return null;}return React.createElement("span",{className:classNames(caption,className)},"(",React.createElement(I18n.Text,{string:label}),")");};CartItemProductPriceCaption.defaultProps={className:null};export{CartItemProductPriceCaption};

package/cart/components/CartItem/CartItemProductPriceCaption.style.js

@@ -0,0 +1 @@
+import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var variables=themeConfig.variables;export var caption=css({fontSize:'0.75rem',lineHeight:'0.875rem',color:'var(--color-text-low-emphasis)',paddingTop:variables.gap.xsmall});

package/cart/components/CartItem/CartItemProductPriceList.js

@@ -0,0 +1,5 @@
+import React,{useMemo}from'react';import PropTypes from'prop-types';import classNames from'classnames';import{css}from'glamor';import Price from'@shopgate/pwa-ui-shared/Price';import PriceStriked from'@shopgate/pwa-ui-shared/PriceStriked';import{useCartItemProduct,useCartItem}from"./CartItem.hooks";import{createCartItemPrices}from"../../cart.helpers";import CartItemProductPriceListPromotion from"./CartItemProductPriceListPromotion";var styles={price:css({fontSize:'1rem',fontWeight:500,marginLeft:'auto'}).toString(),priceStriked:css({fontSize:'.875rem',marginLeft:'auto'}).toString(),priceListEntry:css({display:'flex',flexDirection:'row',justifyContent:'flex-end',alignItems:'center'}).toString()};/**
+ * @param {Object} props The component props
+ * @returns {JSX}
+ */var CartItemProductPriceList=function CartItemProductPriceList(_ref){var classes=_ref.classes,isSubtotal=_ref.isSubtotal,showLabels=_ref.showLabels;var _useCartItem=useCartItem(),isOrderDetails=_useCartItem.isOrderDetails,isCheckoutConfirmation=_useCartItem.isCheckoutConfirmation;var context=useCartItemProduct();var currency=context.currency,cartItem=context.cartItem;var prices=useMemo(function(){var _result;var result=createCartItemPrices(cartItem)[isSubtotal?'subtotal':'price'];// Not striked prices when the product is free or the cart is used to display an order
+if(((_result=result[result.length-1])===null||_result===void 0?void 0:_result.price)===0||isOrderDetails||isCheckoutConfirmation){return result.slice(-1);}return result;},[cartItem,isCheckoutConfirmation,isOrderDetails,isSubtotal]);return React.createElement("ul",null,prices.map(function(_ref2,index){var price=_ref2.price,isCoupon=_ref2.isCoupon,isPromo=_ref2.isPromo;var isLast=index===prices.length-1;return(/* eslint-disable react/no-array-index-key */React.createElement("li",{key:"total_".concat(index),className:classNames(styles.priceListEntry,classes===null||classes===void 0?void 0:classes.entry)},(showLabels||!isSubtotal)&&React.createElement(CartItemProductPriceListPromotion,{isCoupon:isCoupon,isPromo:isPromo,className:classes===null||classes===void 0?void 0:classes.promo}),!isLast?React.createElement(PriceStriked,{className:classNames(styles.priceStriked,classes===null||classes===void 0?void 0:classes.priceStriked),value:price,currency:currency}):React.createElement(Price,{className:classNames(styles.price,classes===null||classes===void 0?void 0:classes.price),unitPrice:price,currency:currency,discounted:prices.length>1||price===0,taxDisclaimer:true,allowFree:true}))/* eslint-enable react/no-array-index-key */);}));};CartItemProductPriceList.defaultProps={isSubtotal:false,showLabels:false,classes:{price:null,priceStriked:null}};export default CartItemProductPriceList;

package/cart/components/CartItem/CartItemProductPriceListPromotion.js

@@ -0,0 +1,10 @@
+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,{useMemo,useContext,useCallback}from'react';import PropTypes from'prop-types';import{connect}from'react-redux';import{css}from'glamor';import classNames from'classnames';import{themeConfig}from'@shopgate/pwa-common/helpers/config';import{responsiveMediaQuery}from'@shopgate/engage/styles';import{showModal}from'@shopgate/engage/core';import{deleteCouponsFromCart}from'@shopgate/engage/cart';import{I18n,CrossIcon,InfoIcon}from'@shopgate/engage/components';import{CartContext}from"../../cart.context";import{useCartItem}from"./CartItem.hooks";var variables=themeConfig.variables;var styles={container:css({flex:'0 1 auto',color:'var(--color-secondary)',paddingRight:8}).toString(),deleteIcon:css(_defineProperty({backgroundColor:'#898989',color:'#fff',borderRadius:32,padding:4,marginRight:variables.gap.small,cursor:'pointer',fontSize:'0.75rem',display:'inline-flex'},responsiveMediaQuery('<=xs',{appAlways:true}),{padding:3})).toString(),infoIconWrapper:css(_defineProperty({cursor:'pointer',color:'var(--color-primary)',fontSize:'1.5rem',display:'inline-flex',verticalAlign:'bottom',paddingBottom:1,marginLeft:variables.gap.small},responsiveMediaQuery('<=xs',{appAlways:true}),{fontSize:'1.375rem',paddingBottom:0})).toString(),icon:css({display:'inline'}).toString(),loading:css({opacity:0.5}).toString()};/**
+ * @param {Function} dispatch The redux dispatch function.
+ * @return {Object} The extended component props.
+ */var mapDispatchToProps=function mapDispatchToProps(dispatch){return{deleteCoupon:function deleteCoupon(couponCode){return dispatch(deleteCouponsFromCart([couponCode]));},showTextModal:function showTextModal(text){return dispatch(showModal({message:text,title:null,confirm:null,dismiss:'modal.ok'}));}};};/**
+ * @param {Object} props The component props
+ * @returns {JSX}
+ */var PromotionalTextInfoIcon=function PromotionalTextInfoIcon(_ref){var text=_ref.text,showText=_ref.showText;var _useContext=useContext(CartContext),isLoading=_useContext.isLoading;if(!text){return null;}return React.createElement("span",{onClick:function onClick(){return showText(text);},onKeyDown:function onKeyDown(){return showText(text);},className:classNames(styles.infoIconWrapper,_defineProperty({},styles.loading,isLoading)),role:"button",tabIndex:0},React.createElement(InfoIcon,{className:styles.icon}));};PromotionalTextInfoIcon.defaultProps={text:null};/**
+ * @param {Object} props The component props
+ * @returns {JSX}
+ */var CartItemProductPriceListPromotion=function CartItemProductPriceListPromotion(_ref2){var isCoupon=_ref2.isCoupon,isPromo=_ref2.isPromo,deleteCoupon=_ref2.deleteCoupon,showTextModal=_ref2.showTextModal,className=_ref2.className;var _useCartItem=useCartItem(),_useCartItem$cartItem=_useCartItem.cartItem,cartItem=_useCartItem$cartItem===void 0?{}:_useCartItem$cartItem;var appliedPromotions=cartItem===null||cartItem===void 0?void 0:cartItem.appliedPromotions;var promo=useMemo(function(){if(!appliedPromotions){return null;}return appliedPromotions.find(function(entry){return entry.coupon===null;});},[appliedPromotions]);var coupon=useMemo(function(){if(!appliedPromotions){return null;}return appliedPromotions.find(function(entry){return entry.coupon!==null;});},[appliedPromotions]);var showText=useCallback(function(text){showTextModal(text);},[showTextModal]);if(isPromo&&promo){var promotionalText=promo===null||promo===void 0?void 0:promo.promotionalText;var name=promo===null||promo===void 0?void 0:promo.name;return React.createElement("div",{className:classNames(styles.container,className)},name,React.createElement(PromotionalTextInfoIcon,{text:promotionalText,showText:showText}));}if(isCoupon&&coupon){var _coupon$coupon;var _promotionalText=coupon===null||coupon===void 0?void 0:coupon.promotionalText;var code=coupon===null||coupon===void 0?void 0:(_coupon$coupon=coupon.coupon)===null||_coupon$coupon===void 0?void 0:_coupon$coupon.code;return React.createElement("div",{className:classNames(styles.container,className)},React.createElement("span",{className:styles.deleteIcon,onClick:function onClick(){deleteCoupon(code);},onKeyDown:function onKeyDown(){deleteCoupon(code);},role:"button",tabIndex:0},React.createElement(CrossIcon,null)),React.createElement(I18n.Text,{string:"cart.coupon_label",params:{label:code}}),React.createElement(PromotionalTextInfoIcon,{text:_promotionalText,showText:showText}));}return null;};CartItemProductPriceListPromotion.defaultProps={isCoupon:false,isPromo:false,className:null};export default connect(null,mapDispatchToProps)(CartItemProductPriceListPromotion);

package/cart/components/CartItem/CartItemProductProvider.connector.js

@@ -0,0 +1,9 @@
+import{connect}from'react-redux';import{isAndroid}from'@shopgate/pwa-common/selectors/client';import deleteProductsFromCart from'@shopgate/pwa-common-commerce/cart/actions/deleteProductsFromCart';import updateProductsInCart from'@shopgate/pwa-common-commerce/cart/actions/updateProductsInCart';import{getCurrency}from'@shopgate/pwa-common-commerce/cart/selectors';/**
+ * Maps the contents of the state to the component props.
+ * @param {Object} state The current application state.
+ * @return {Object} The extended component props.
+ */var mapStateToProps=function mapStateToProps(state){return{isAndroid:isAndroid(state),currency:getCurrency(state)};};/**
+ * Connects the dispatch function to a callable function in the props.
+ * @param {Function} dispatch The redux dispatch function.
+ * @return {Object} The extended component props.
+ */var mapDispatchToProps=function mapDispatchToProps(dispatch){return{deleteProduct:function deleteProduct(cartItemId){return dispatch(deleteProductsFromCart([cartItemId]));},updateProduct:function updateProduct(cartItemId,quantity){if(quantity===0){return dispatch(deleteProductsFromCart([cartItemId]));}return dispatch(updateProductsInCart([{cartItemId:cartItemId,quantity:quantity}]));}};};export default connect(mapStateToProps,mapDispatchToProps);

package/cart/components/CartItem/CartItemProductProvider.context.js

@@ -0,0 +1 @@
+import{createContext}from'react';var initialContext={};export default createContext(initialContext);

package/cart/components/CartItem/CartItemProductProvider.js

@@ -0,0 +1,12 @@
+function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance");}function _iterableToArrayLimit(arr,i){var _arr=[];var _n=true;var _d=false;var _e=undefined;try{for(var _i=arr[Symbol.iterator](),_s;!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}import React,{useMemo,useCallback,useState,useRef}from'react';import{getAbsoluteHeight}from'@shopgate/pwa-common/helpers/dom';import{themeConfig}from'@shopgate/pwa-common/helpers/config';import{CART_ITEM_TYPE_PRODUCT}from'@shopgate/pwa-common-commerce/cart/constants';import{CART_INPUT_AUTO_SCROLL_DELAY}from"../../cart.constants";import Context from"./CartItemProductProvider.context";import connect from"./CartItemProductProvider.connector";import CartItemProductProviderLegacy from"./CartItemProductProviderLegacy";var variables=themeConfig.variables;/**
+ * The CartItemProduct Provider
+ * @param {Object} props The component props.
+ * @returns {JSX}
+ */var CartItemProductProvider=function CartItemProductProvider(_ref){var currency=_ref.currency,deleteProduct=_ref.deleteProduct,updateProduct=_ref.updateProduct,onFocus=_ref.onFocus,cartItem=_ref.cartItem,isEditable=_ref.isEditable,children=_ref.children,isAndroid=_ref.isAndroid,currencyOverride=_ref.currencyOverride;var id=cartItem.id,product=cartItem.product,quantity=cartItem.quantity,_cartItem$fulfillment=cartItem.fulfillment,fulfillment=_cartItem$fulfillment===void 0?null:_cartItem$fulfillment,_cartItem$messages=cartItem.messages,messages=_cartItem$messages===void 0?[]:_cartItem$messages,status=cartItem.status,subStatus=cartItem.subStatus,orderedQuantity=cartItem.orderedQuantity,unitPromoAmount=cartItem.unitPromoAmount,unitDiscountAmount=cartItem.unitDiscountAmount,price=cartItem.price,promoAmount=cartItem.promoAmount,discountAmount=cartItem.discountAmount,extendedPrice=cartItem.extendedPrice,appliedPromotions=cartItem.appliedPromotions,_cartItem$flags=cartItem.flags,flags=_cartItem$flags===void 0?{}:_cartItem$flags;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),editMode=_useState2[0],setEditMode=_useState2[1];var cartItemRef=useRef();var handleRemove=useCallback(function(){deleteProduct(id);},[deleteProduct,id]);var handleUpdate=useCallback(function(updatedQuantity){updateProduct(id,updatedQuantity);},[id,updateProduct]);var toggleEditMode=useCallback(function(isEnabled){if(isAndroid&&isEnabled){/**
+       * When the user focuses the quantity input, the keyboard will pop up an overlap the input.
+       * Therefor the input has to be scrolled into the viewport again. Since between the focus and
+       * the keyboard appearance some time ticks away, the execution of the scroll code is delayed.
+       *
+       * This should not happen on iOS devices, since their web views behave different.
+       */setTimeout(function(){var yOffset=-(window.innerHeight/2)+getAbsoluteHeight(cartItemRef.current)+variables.paymentBar.height;if(cartItemRef.current){cartItemRef.current.scrollIntoView({behavior:'smooth',yOffset:yOffset});}},CART_INPUT_AUTO_SCROLL_DELAY);}// Give the keyboard some time to slide out after blur, before further actions are taken.
+setTimeout(function(){if(onFocus){onFocus(isEnabled);}},isEnabled?300:0);setEditMode(isEnabled);},[isAndroid,onFocus]);var value=useMemo(function(){var isLinkable=(flags===null||flags===void 0?void 0:flags.disableLink)!==true;var allowQuantityChange=(flags===null||flags===void 0?void 0:flags.disableQuantityField)!==true;return{type:CART_ITEM_TYPE_PRODUCT,currency:currencyOverride||currency,product:product,messages:messages,handleRemove:handleRemove,handleUpdate:handleUpdate,cartItemRef:cartItemRef,toggleEditMode:toggleEditMode,editMode:editMode,isEditable:isEditable,isLinkable:isLinkable,allowQuantityChange:allowQuantityChange,cartItemId:id,cartItem:{id:id,product:product,status:status,subStatus:subStatus,quantity:quantity,orderedQuantity:orderedQuantity,fulfillment:fulfillment,unitPromoAmount:unitPromoAmount,unitDiscountAmount:unitDiscountAmount,price:price,promoAmount:promoAmount,discountAmount:discountAmount,extendedPrice:extendedPrice,appliedPromotions:appliedPromotions}};},[currency,currencyOverride,editMode,fulfillment,handleRemove,handleUpdate,id,isEditable,flags,messages,product,status,subStatus,quantity,orderedQuantity,toggleEditMode,unitPromoAmount,unitDiscountAmount,price,promoAmount,discountAmount,extendedPrice,appliedPromotions]);return React.createElement(Context.Provider,{value:value},React.createElement(CartItemProductProviderLegacy,null,children));};CartItemProductProvider.defaultProps={children:null,isEditable:true,onFocus:function onFocus(){},currencyOverride:null};export default connect(CartItemProductProvider);

package/cart/components/CartItem/CartItemProductProvider.types.js

@@ -0,0 +1 @@
+import*as React from'react';

package/cart/components/CartItem/CartItemProductProviderLegacy.js

@@ -0,0 +1,22 @@
+function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj;};}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;};}return _typeof(obj);}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor;}function _callSuper(_this,derived,args){function isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{return!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(e){return false;}}derived=_getPrototypeOf(derived);return _possibleConstructorReturn(_this,isNativeReflectConstruct()?Reflect.construct(derived,args||[],_getPrototypeOf(_this).constructor):derived.apply(_this,args));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}import React from'react';import PropTypes from'prop-types';import{CART_ITEM_TYPE_PRODUCT}from'@shopgate/engage/cart';import{useCartItemProduct}from"./CartItem.hooks";/**
+ * Provides legacy context for CartItemProduct component and its children.
+ * Within PWA7 the context was refactored to the new context API. To keep compatibility with
+ * older extensions, this provider is used to provide the legacy context.
+ *
+ * Should be removed when PWA 7 is deployed to all of the shops and affected extensions can be
+ * updated without the need to support older PWA versions.
+ */var LegacyProvider=/*#__PURE__*/function(_React$Component){/**
+   * @param {Object} props The component props.
+   */function LegacyProvider(props){var _this2;_classCallCheck(this,LegacyProvider);_this2=_callSuper(this,LegacyProvider,[props]);_this2.state={cartItemId:props.cartItemId,product:props.product};return _this2;}/**
+   * @param {Object} nextProps Next props
+   * @param {*} prevState  Prev state
+   * @returns {Object|null}
+   */_inherits(LegacyProvider,_React$Component);return _createClass(LegacyProvider,[{key:"getChildContext",value:/**
+   * @returns {Object}
+   */function getChildContext(){return{type:CART_ITEM_TYPE_PRODUCT,cartItemId:this.state.cartItemId,product:this.state.product};}/**
+   * @returns {JSX.Element}
+   */},{key:"render",value:function render(){return this.props.children;}}],[{key:"getDerivedStateFromProps",value:function getDerivedStateFromProps(nextProps,prevState){if(nextProps.cartItemId!==prevState.cartItemId||nextProps.product!==prevState.product){return{cartItemId:nextProps.cartItemId,product:nextProps.product};}return null;}}]);}(React.Component);LegacyProvider.childContextTypes={type:PropTypes.string,cartItemId:PropTypes.string,product:PropTypes.shape()};/**
+ * Bridges the CartItemProductContext value to the legacy CartItemProduct context.
+ * @param {Object} props The component props.
+ * @returns {JSX.Element}
+ */var CartItemProductProviderLegacy=function CartItemProductProviderLegacy(_ref){var children=_ref.children;var _useCartItemProduct=useCartItemProduct(),cartItemId=_useCartItemProduct.cartItemId,product=_useCartItemProduct.product;return React.createElement(LegacyProvider,{cartItemId:cartItemId,product:product},children);};export default CartItemProductProviderLegacy;

package/cart/components/CartItem/CartItemProductTitle.js

@@ -0,0 +1,7 @@
+import React,{useCallback}from'react';import PropTypes from'prop-types';import{Grid,I18n,ContextMenu,SurroundPortals,TextLink}from'@shopgate/engage/components';import{CART_ITEM_CONTEXT_MENU,CART_ITEM_CONTEXT_MENU_ITEM_REMOVE,CART_ITEM_NAME}from'@shopgate/engage/cart';import{CartContextMenuItemChangeLocation,CartContextMenuItemChangeFulfillment}from'@shopgate/engage/locations';import{ITEM_PATH,ProductName}from'@shopgate/engage/product';import{bin2hex}from'@shopgate/pwa-common/helpers/data';import{useCartItem,useCartItemProduct}from"./CartItem.hooks";import{menuToggleButton,menuToggleContainer,title,menuContainer}from"./CartItemProductTitle.style";import{ConditionalWrapper}from"../../../components";var contextMenuClasses={button:menuToggleButton,container:menuToggleContainer};/**
+ * The Cart Product Title component.
+ * @param {Object} props The component properties.
+ * @param {string} props.value The product name
+ * @param {string} props.productId The product id
+ * @returns {JSX.Element}
+ */export function CartItemProductTitle(_ref){var value=_ref.value,productId=_ref.productId;var _useCartItem=useCartItem(),invokeFulfillmentAction=_useCartItem.invokeFulfillmentAction;var context=useCartItemProduct();var handleRemove=context.handleRemove,toggleEditMode=context.toggleEditMode,cartItem=context.cartItem,isEditable=context.isEditable,isLinkable=context.isLinkable;var handleChangeLocationClick=useCallback(function(){if(!cartItem||!cartItem.fulfillment||!cartItem.fulfillment.method){return;}var method=cartItem.fulfillment.method;invokeFulfillmentAction('changeLocation',method);},[cartItem,invokeFulfillmentAction]);var handleChangeFulfillmentClick=useCallback(function(){invokeFulfillmentAction('changeFulfillment');},[invokeFulfillmentAction]);return React.createElement(Grid,null,React.createElement(Grid.Item,{grow:1},React.createElement(ConditionalWrapper,{condition:isEditable&&isLinkable,wrapper:function wrapper(children){return React.createElement(TextLink,{href:"".concat(ITEM_PATH,"/").concat(bin2hex(productId))},children);}},React.createElement(ProductName,{name:value,className:title,portalName:CART_ITEM_NAME,portalProps:context,testId:value,ellipsis:false}))),isEditable&&React.createElement(Grid.Item,{className:menuContainer,shrink:0},React.createElement(SurroundPortals,{portalName:CART_ITEM_CONTEXT_MENU,portalProps:{context:context,handleRemove:handleRemove,toggleEditMode:toggleEditMode}},React.createElement(ContextMenu,{classes:contextMenuClasses},React.createElement(SurroundPortals,{portalName:CART_ITEM_CONTEXT_MENU_ITEM_REMOVE,portalProps:{context:context,handleRemove:handleRemove}},React.createElement("div",{"data-test-id":"cartItemContextMenuItemRemove"},React.createElement(ContextMenu.Item,{onClick:handleRemove},React.createElement(I18n.Text,{string:"cart.remove"})))),React.createElement(CartContextMenuItemChangeLocation,{cartItem:context.cartItem,onClick:handleChangeLocationClick}),React.createElement(CartContextMenuItemChangeFulfillment,{cartItem:context.cartItem,onClick:handleChangeFulfillmentClick})))));}

package/cart/components/CartItem/CartItemProductTitle.style.js

@@ -0,0 +1 @@
+import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var variables=themeConfig.variables;export var title=css({fontWeight:500,lineHeight:1.125,wordBreak:['keep-all','break-word'],hyphens:'auto'}).toString();export var menuContainer=css({marginTop:"-".concat(variables.gap.big,"px"),marginRight:"-".concat(variables.gap.big,"px")}).toString();var menuToggleSize=variables.gap.big*2;var menuToggleFontSize=variables.gap.big*1.5;export var menuToggleContainer=css({margin:variables.gap.small}).toString();export var menuToggleButton=css({height:menuToggleSize,width:menuToggleSize,fontSize:menuToggleFontSize,display:'flex',alignItems:'center',justifyContent:'flex-end'}).toString();

package/cart/components/CartItem/CartItemProvider.connector.js

@@ -0,0 +1,3 @@
+import{connect}from'react-redux';import{hasLineItemPromotions}from'@shopgate/engage/cart';import{makeGetEnabledFulfillmentMethodsCount}from'@shopgate/engage/core/config';import{makeGetLocation}from'@shopgate/engage/locations';/**
+ * @return {Function} The extended component props.
+ */var makeMapStateToProps=function makeMapStateToProps(){var getEnabledFulfillmentMethods=makeGetEnabledFulfillmentMethodsCount();var getLocation=makeGetLocation(function(state,props){return props.locationId;});return function(state,props){var isOrderDetails=props.isOrderDetails,isCheckoutConfirmation=props.isCheckoutConfirmation;var isCart=!isOrderDetails&&!isCheckoutConfirmation;return{location:getLocation(state,props),enabledFulfillmentMethodsCount:getEnabledFulfillmentMethods(state),cartHasLineItemPromotions:isCart&&hasLineItemPromotions(state)};};};export default connect(makeMapStateToProps);

package/cart/components/CartItem/CartItemProvider.context.js

@@ -0,0 +1 @@
+import{createContext}from'react';var initialContext={};export default createContext(initialContext);

package/cart/components/CartItem/CartItemProvider.js

@@ -0,0 +1,5 @@
+import React,{useMemo,useCallback}from'react';import Context from"./CartItemProvider.context";import connect from"./CartItemProvider.connector";/**
+ * The CartItem Provider
+ * @param {Object} props The component props.
+ * @returns {JSX}
+ */var CartItemProvider=function CartItemProvider(_ref){var cartItem=_ref.cartItem,location=_ref.location,isEditable=_ref.isEditable,children=_ref.children,enabledFulfillmentMethodsCount=_ref.enabledFulfillmentMethodsCount,isOrderDetails=_ref.isOrderDetails,isCheckoutConfirmation=_ref.isCheckoutConfirmation,cartIsDirectShipOnly=_ref.cartIsDirectShipOnly,cartHasLineItemPromotions=_ref.cartHasLineItemPromotions;var actions=useMemo(function(){return new Map();},[]);var registerFulfillmentAction=useCallback(function(action,callback){actions.set(action,callback);},[actions]);var invokeFulfillmentAction=useCallback(function(action){if(!actions.has(action)){return;}for(var _len=arguments.length,args=new Array(_len>1?_len-1:0),_key=1;_key<_len;_key++){args[_key-1]=arguments[_key];}actions.get(action).apply(void 0,args);},[actions]);var value=useMemo(function(){return{registerFulfillmentAction:registerFulfillmentAction,invokeFulfillmentAction:invokeFulfillmentAction,cartItem:cartItem,location:location,isEditable:isEditable,isOrderDetails:isOrderDetails,isCheckoutConfirmation:isCheckoutConfirmation,cartIsDirectShipOnly:cartIsDirectShipOnly,cartHasLineItemPromotions:cartHasLineItemPromotions,merchantFulfillmentMethodsCount:enabledFulfillmentMethodsCount};},[cartItem,location,enabledFulfillmentMethodsCount,invokeFulfillmentAction,isEditable,isOrderDetails,isCheckoutConfirmation,cartIsDirectShipOnly,cartHasLineItemPromotions,registerFulfillmentAction]);return React.createElement(Context.Provider,{value:value},children);};CartItemProvider.defaultProps={children:null,location:null,isEditable:true,isOrderDetails:false,cartIsDirectShipOnly:false,isCheckoutConfirmation:false,cartHasLineItemPromotions:false};export default connect(CartItemProvider);

package/cart/components/CartItem/CartItemQuantityPicker.js

@@ -0,0 +1,38 @@
+function _typeof(obj){if(typeof Symbol==="function"&&typeof Symbol.iterator==="symbol"){_typeof=function _typeof(obj){return typeof obj;};}else{_typeof=function _typeof(obj){return obj&&typeof Symbol==="function"&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj;};}return _typeof(obj);}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);return Constructor;}function _callSuper(_this,derived,args){function isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{return!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(e){return false;}}derived=_getPrototypeOf(derived);return _possibleConstructorReturn(_this,isNativeReflectConstruct()?Reflect.construct(derived,args||[],_getPrototypeOf(_this).constructor):derived.apply(_this,args));}function _possibleConstructorReturn(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf||function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}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*as React from'react';import{i18n}from'@shopgate/engage/core';import QuantityInput from'@shopgate/engage/components/QuantityInput';import{inputStyle}from"./CartItemQuantityPicker.style";/**
+ * The Quantity Picker component.
+ */export var CartItemQuantityPicker=/*#__PURE__*/function(_React$Component){/**
+   * Constructor.
+   * @param {Object} props The component props.
+   */function CartItemQuantityPicker(props){var _this2;_classCallCheck(this,CartItemQuantityPicker);_this2=_callSuper(this,CartItemQuantityPicker,[props]);/**
+   * The default quantity.
+   * @type {number}
+   */_defineProperty(_this2,"defaultQuantity",1);/**
+   * Event handler for the the onClick event of the input.
+   * @param {Object} event The event object.
+   */_defineProperty(_this2,"handleInputClick",function(event){// Prevent the native focus event ...
+event.stopPropagation();event.preventDefault();if(_this2.props.onToggleEditMode){_this2.props.onToggleEditMode(true);}});/**
+   * Event handler for the onFocus event of the input.
+   */_defineProperty(_this2,"handleInputFocus",function(){if(_this2.props.onToggleEditMode){_this2.props.onToggleEditMode(true);}});/**
+   * Event handler for the onSubmit event of the form which wraps the input.
+   * @param {Object} event The event object.
+   */_defineProperty(_this2,"handleSubmitForm",function(event){event.preventDefault();if(_this2.input.current){_this2.input.current.blur();}});/**
+   * Event handler for the the onBlur event of the input.
+   * @param {Object} event The event object.
+   * @param {number} newQuantity The event object.
+   */_defineProperty(_this2,"handleInputBlur",function(event,newQuantity){var onChange=_this2.props.onChange;// Deactivate the edit mode
+if(_this2.props.onToggleEditMode){_this2.props.onToggleEditMode(false);}if(_this2.props.quantity!==newQuantity){if(onChange){onChange(newQuantity);}}});_this2.regex=/^([0-9.,]+)$/;_this2.input=React.createRef();return _this2;}/**
+   * Called after mount. Focuses the input if the edit mode is active.
+   */_inherits(CartItemQuantityPicker,_React$Component);return _createClass(CartItemQuantityPicker,[{key:"componentDidMount",value:function componentDidMount(){if(this.props.editMode&&this.input.current){this.input.current.focus();}if(this.input.current){/**
+       * Prevent the opening of the context menu when this
+       * input is focused and the value is selected.
+       */this.input.current.addEventListener('contextmenu',function(event){event.preventDefault();event.stopPropagation();return false;});}}/**
+   * The componentWillReceiveProps lifecycle hook. I will bring the input into the correct state.
+   * @param {Object} nextProps The next set of props.
+   */},{key:"UNSAFE_componentWillReceiveProps",value:function UNSAFE_componentWillReceiveProps(nextProps){if(this.input.current){if(nextProps.editMode){this.input.current.focus();}else{this.input.current.blur();}}}},{key:"initialQuantity",get:/**
+   * Returns the initial quantity based on the props.
+   * If the props are set to 0 or lower, it will fall back to 1.
+   * @return {number}
+   */function get(){if(this.props.quantity&&(this.props.quantity===0||this.props.quantity<this.defaultQuantity)){return this.defaultQuantity;}return this.props.quantity||this.defaultQuantity;}},{key:"render",value:/**
+   * Renders the component.
+   * @return {JSX}
+   */function render(){var _this$props=this.props,unit=_this$props.unit,hasCatchWeight=_this$props.hasCatchWeight;var hasCustomUnit=unit&&hasCatchWeight||false;return React.createElement("form",{onSubmit:this.handleSubmitForm,className:"theme__cart__product__quantity-picker"},React.createElement(QuantityInput,{ref:this.input,className:inputStyle.toString(),value:this.props.quantity,onClick:this.handleInputClick,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,unit:hasCustomUnit?unit:null,maxDecimals:hasCustomUnit?2:0,"data-test-id":"quantityPicker",disabled:this.props.disabled,"aria-label":i18n.text('product.quantity')}));}}]);}(React.Component);_defineProperty(CartItemQuantityPicker,"defaultProps",{editMode:false,onChange:function onChange(){},unit:null,quantity:1,onToggleEditMode:function onToggleEditMode(){},disabled:false,hasCatchWeight:false});

package/cart/components/CartItem/CartItemQuantityPicker.style.js

@@ -0,0 +1 @@
+import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var colors=themeConfig.colors,variables=themeConfig.variables;export var inputStyle=css({border:'none',background:colors.placeholder,display:'block',fontSize:'0.75rem',lineHeight:1,textAlign:'center',padding:"".concat(variables.gap.small*0.75,"px ").concat(variables.gap.small,"px"),outline:0,width:'100%',borderRadius:4});

package/cart/components/CartItem/CartItemSubstitution.connector.js

@@ -0,0 +1,5 @@
+import{connect}from'react-redux';import updateProductsInCart from'@shopgate/pwa-common-commerce/cart/actions/updateProductsInCart';/**
+ * Connects the dispatch function to a callable function in the props.
+ * @param {Function} dispatch The redux dispatch function.
+ * @return {Object} The extended component props.
+ */var mapDispatchToProps=function mapDispatchToProps(dispatch){return{setSubstitutionAllowed:function setSubstitutionAllowed(cartItemId,substitutionAllowed){return dispatch(updateProductsInCart([{cartItemId:cartItemId,substitutionAllowed:substitutionAllowed}]));}};};export default connect(null,mapDispatchToProps);

package/cart/components/CartItem/CartItemSubstitution.js

@@ -0,0 +1,5 @@
+import React from'react';import PropTypes from'prop-types';import{i18n}from'@shopgate/engage/core';import{BOPIS,ROPIS}from'@shopgate/engage/locations';import connect from"./CartItemSubstitution.connector";import{useCartItem}from"./CartItem.hooks";import Substitution,{SubstitutionWrapper}from"../Substitution";import{root}from"./CartItemSubstitution.style";/**
+ * Renders the cart reservation card label.
+ * @param {Object} props The component props.
+ * @returns {JSX}
+ */var CartItemSubstitution=function CartItemSubstitution(_ref){var setSubstitutionAllowed=_ref.setSubstitutionAllowed,editable=_ref.editable;var _useCartItem=useCartItem(),_useCartItem$cartItem=_useCartItem.cartItem,_useCartItem$cartItem2=_useCartItem$cartItem===void 0?{}:_useCartItem$cartItem,id=_useCartItem$cartItem2.id,substitutionAllowed=_useCartItem$cartItem2.substitutionAllowed,fulfillment=_useCartItem$cartItem2.fulfillment;if(![ROPIS,BOPIS].includes((fulfillment===null||fulfillment===void 0?void 0:fulfillment.method)||[])){return null;}return React.createElement(SubstitutionWrapper,null,React.createElement(Substitution,{className:root,id:"substitution-".concat(id),label:i18n.text('cart.allow_substitution'),checked:substitutionAllowed,onChange:function onChange(){return setSubstitutionAllowed(id,!substitutionAllowed);},disabled:!editable}));};CartItemSubstitution.defaultProps={editable:false};export default connect(CartItemSubstitution);

package/cart/components/CartItem/CartItemSubstitution.style.js

@@ -0,0 +1 @@
+import{css}from'glamor';import{themeColors,themeVariables}from'@shopgate/pwa-common/helpers/config';var gap=themeVariables.gap;export var root=css({padding:gap.big,borderTop:"1px solid ".concat(themeColors.shade7)}).toString();

package/cart/components/CartItem/index.js

@@ -0,0 +1 @@
+export{default as CartItem}from"./CartItem";export{useCartItem,useCartItemProduct}from"./CartItem.hooks";export{default as CartItemProvider}from"./CartItemProvider";

package/cart/components/CartItems/CartItem.connector.js

@@ -0,0 +1,4 @@
+import{connect}from'react-redux';import{makeGetLocation}from'@shopgate/engage/locations';/**
+ * Creates the mapStateToProps connector function.
+ * @returns {Function}
+ */var makeMapStateToProps=function makeMapStateToProps(){var getLocation=makeGetLocation(function(_,props){return props.locationId;});return function(state,props){return{location:getLocation(state,props)};};};export default connect(makeMapStateToProps);

package/cart/components/CartItems/CartItemCard.js

@@ -0,0 +1,5 @@
+import*as React from'react';import CartItemCardReservation from"./CartItemCardReservation";import{withBorder}from"./CartItemCard.style";/**
+ * Renders the cart items.
+ * @param {Object} props The component props.
+ * @returns {JSX}
+ */export function CartItemCard(props){var multiLineReservation=props.multiLineReservation,fulfillmentLocationId=props.fulfillmentLocationId,children=props.children,fulfillmentMethod=props.fulfillmentMethod,hasMessages=props.hasMessages;if(!multiLineReservation){return children;}return React.createElement(React.Fragment,null,React.createElement("ul",{className:fulfillmentLocationId&&!hasMessages?withBorder:null},children),!!fulfillmentLocationId&&React.createElement(CartItemCardReservation,{locationId:fulfillmentLocationId,fulfillmentMethod:fulfillmentMethod}));}CartItemCard.defaultProps={fulfillmentLocationId:null,fulfillmentMethod:null,multiLineReservation:false,hasMessages:false};

package/cart/components/CartItems/CartItemCard.style.js

@@ -0,0 +1 @@
+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{css}from'glamor';import{responsiveMediaQuery}from'@shopgate/engage/styles';import{themeColors,themeVariables}from'@shopgate/pwa-common/helpers/config';var gap=themeVariables.gap;export var withBorder=css({borderBottom:"1px solid ".concat(themeColors.shade7)});export var accordionToggle=css({padding:"".concat(gap.big*1.25,"px ").concat(gap.big,"px")}).toString();export var accordionContent=css({paddingLeft:gap.xbig*1.25});export var address=css({display:'flex',flexFlow:'row nowrap'});export var addressIcon=css({fontSize:'1.25rem',marginRight:gap.big*1.25,flexShrink:0,color:'var(--color-text-heigh-emphasis)'});export var titles=css({marginTop:-3,marginBottom:-2,paddingRight:themeVariables.gap.big*2});export var name=css(_defineProperty({fontSize:'0.85rem',fontWeight:500},responsiveMediaQuery('>xs',{webOnly:true}),{fontSize:'1.25rem',lineHeight:'1.5rem'}));export var method=css({fontSize:'0.75rem',color:themeColors.shade11});export var locationAddress=css({fontSize:'0.85rem',color:'var(--color-text-low-emphasis)'});export var locationHours=css({paddingTop:gap.big,fontSize:'0.85rem'});

package/cart/components/CartItems/CartItemCardReservation.js

@@ -0,0 +1,5 @@
+import _isEmpty from"lodash/isEmpty";import _every from"lodash/every";import*as React from'react';import{ResponsiveContainer}from'@shopgate/engage/components';import{useCartItem}from"../CartItem";import{CartItemCardReservationLabel}from"./CartItemCardReservationLabel";import connect from"./CartItem.connector";import{CartItemCardReservationAccordion}from"./CartItemCardReservationAccordion";import{accordionToggle}from"./CartItemCard.style";/**
+ * Renders the cart item card reservation block,
+ * @param {Object} props The component props.
+ * @returns {JSX.Element}
+ */function CartItemCardReservation(_ref){var location=_ref.location,fulfillmentMethod=_ref.fulfillmentMethod;var _useCartItem=useCartItem(),isOrderDetails=_useCartItem.isOrderDetails;if(!location){return null;}var operationHours=location.operationHours,_location$address=location.address,_location$address2=_location$address===void 0?{}:_location$address,phoneNumber=_location$address2.phoneNumber;if((!operationHours||_every(operationHours,_isEmpty))&&!phoneNumber&&(!location.address||!location.address.street)){return React.createElement("div",{className:accordionToggle},React.createElement(CartItemCardReservationLabel,{location:location,fulfillmentMethod:fulfillmentMethod}));}return React.createElement(React.Fragment,null,React.createElement(ResponsiveContainer,{webOnly:true,breakpoint:">xs"},!isOrderDetails&&React.createElement(CartItemCardReservationAccordion,{openWithChevron:true,location:location,fulfillmentMethod:fulfillmentMethod,operationHours:operationHours})),React.createElement(ResponsiveContainer,{appAlways:true,breakpoint:"<=xs"},!isOrderDetails&&React.createElement(CartItemCardReservationAccordion,{location:location,fulfillmentMethod:fulfillmentMethod,operationHours:operationHours})));}export default connect(CartItemCardReservation);

package/cart/components/CartItems/CartItemCardReservationAccordion.js

@@ -0,0 +1,4 @@
+import React from'react';import{Accordion}from'@shopgate/engage/components';import{StoreAddress,StoreOpeningHours}from'@shopgate/engage/locations';import{CartItemCardReservationLabel}from"./CartItemCardReservationLabel";import{accordionToggle,accordionContent,locationAddress,locationHours}from"./CartItemCard.style";/**
+ * @param {Object} props The component props.
+ * @returns {JSX}
+ */var CartItemCardReservationAccordion=function CartItemCardReservationAccordion(_ref){var openWithChevron=_ref.openWithChevron,location=_ref.location,fulfillmentMethod=_ref.fulfillmentMethod,operationHours=_ref.operationHours;return React.createElement(Accordion,{className:accordionToggle,openWithChevron:openWithChevron,renderLabel:function renderLabel(){return React.createElement(CartItemCardReservationLabel,{location:location,fulfillmentMethod:fulfillmentMethod});}},React.createElement("div",{className:accordionContent},React.createElement("div",{className:locationAddress},React.createElement(StoreAddress,{address:location.address,pure:true})),operationHours&&React.createElement("div",{className:locationHours},React.createElement(StoreOpeningHours,{hours:operationHours,pure:true}))));};CartItemCardReservationAccordion.defaultProps={openWithChevron:false};export{CartItemCardReservationAccordion};

package/cart/components/CartItems/CartItemCardReservationLabel.js

@@ -0,0 +1,5 @@
+import*as React from'react';import{i18n}from'@shopgate/engage/core';import{LocationIcon,ResponsiveContainer}from'@shopgate/engage/components';import{BOPIS,CartItemProductChangeLocation}from'@shopgate/engage/locations';import{useCartItem}from"../CartItem";import CartItemCardReservationLabelChangeStore from"./CartItemCardReservationLabelChangeStore";import{address,addressIcon,titles,name,method}from"./CartItemCard.style";/**
+ * Renders the cart reservation card label.
+ * @param {Object} props The component props.
+ * @returns {JSX}
+ */export function CartItemCardReservationLabel(_ref){var location=_ref.location,fulfillmentMethod=_ref.fulfillmentMethod;var _useCartItem=useCartItem(),cartItem=_useCartItem.cartItem,isEditable=_useCartItem.isEditable,registerFulfillmentAction=_useCartItem.registerFulfillmentAction;if(!location){return null;}var suffix=fulfillmentMethod===BOPIS?'bopis':'ropis';return React.createElement("div",{className:address},React.createElement("div",{className:addressIcon},React.createElement(LocationIcon,null)),React.createElement("div",{className:titles},React.createElement("div",{className:name},location.name),isEditable&&React.createElement(ResponsiveContainer,{webOnly:true,breakpoint:">xs"},React.createElement(CartItemCardReservationLabelChangeStore,null),React.createElement(CartItemProductChangeLocation,{cartItem:cartItem,registerAction:registerFulfillmentAction})),React.createElement(ResponsiveContainer,{appAlways:true,breakpoint:"<=xs"},React.createElement("div",{className:method},i18n.text("locations.method.".concat(suffix))))));}

package/cart/components/CartItems/CartItemCardReservationLabelChangeStore.js

@@ -0,0 +1,3 @@
+import React,{useCallback}from'react';import{RippleButton,I18n}from'@shopgate/engage/components';import{button,ripple}from"./CartItemCardReservationLabelChangeStore.style";import{useCartItem}from"../CartItem";/**
+ * @returns {JSX}
+ */var CartItemCardReservationLabelChangeStore=function CartItemCardReservationLabelChangeStore(){var _useCartItem=useCartItem(),invokeFulfillmentAction=_useCartItem.invokeFulfillmentAction,cartItem=_useCartItem.cartItem;var handleChangeLocationClick=useCallback(function(){if(!cartItem||!cartItem.fulfillment||!cartItem.fulfillment.method){return;}var method=cartItem.fulfillment.method;invokeFulfillmentAction('changeLocation',method);},[cartItem,invokeFulfillmentAction]);return React.createElement(RippleButton,{onClick:handleChangeLocationClick,className:button,rippleClassName:ripple,type:"secondary",flat:true},React.createElement(I18n.Text,{string:"locations.change_location"}));};export default CartItemCardReservationLabelChangeStore;

package/cart/components/CartItems/CartItemCardReservationLabelChangeStore.style.js

@@ -0,0 +1 @@
+import{css}from'glamor';export var button=css({fontSize:'0.875rem !important',letterSpacing:'0.05em',padding:'0px !important',' *':{padding:'0px !important'}}).toString();export var ripple=css({padding:0}).toString();

package/cart/components/CartItems/CartItemGroup.js

@@ -0,0 +1,5 @@
+import{hot}from'react-hot-loader/root';import*as React from'react';import CartItemGroupReservation from"./CartItemGroupReservation";/**
+ * Renders the product group.
+ * @param {Object} props The component props.
+ * @returns {JSX.Element}
+ */function CartItemGroup(props){var multiLineReservation=props.multiLineReservation,fulfillmentLocationId=props.fulfillmentLocationId,children=props.children,fulfillmentMethod=props.fulfillmentMethod;if(!multiLineReservation){return children;}return React.createElement(React.Fragment,null,!!fulfillmentLocationId&&React.createElement(CartItemGroupReservation,{locationId:fulfillmentLocationId,fulfillmentMethod:fulfillmentMethod}),children);}CartItemGroup.defaultProps={fulfillmentLocationId:null,multiLineReservation:false,fulfillmentMethod:null};export default hot(CartItemGroup);

package/cart/components/CartItems/CartItemGroup.style.js

@@ -0,0 +1 @@
+import{css}from'glamor';import{themeVariables}from'@shopgate/pwa-common/helpers/config';var gap=themeVariables.gap;export var accordionToggle=css({paddingTop:gap.xsmall,paddingBottom:gap.xsmall}).toString();export var simpleLabel=css({padding:"".concat(gap.xsmall,"px ").concat(gap.xbig,"px ").concat(gap.xsmall,"px ").concat(gap.big,"px")});export var address=css({display:'flex',flexFlow:'row nowrap',fontSize:'0.875rem'});export var addressIcon=css({fontSize:'1.25rem',padding:"".concat(gap.small,"px ").concat(gap.small,"px 0 0"),paddingTop:gap.small,flexShrink:0});export var shippingIcon=css({fontSize:'1.25rem',padding:"".concat(gap.small,"px ").concat(gap.big,"px ").concat(gap.small,"px 0"),transform:'rotateY(180deg)'});export var title=css({fontWeight:600});export var shippingTitle=css({fontWeight:600,padding:gap.small});export var addressDetails=css({fontSize:'0.875rem',paddingLeft:gap.xbig});

package/cart/components/CartItems/CartItemGroupReservation.js

@@ -0,0 +1,5 @@
+import _isEmpty from"lodash/isEmpty";import _every from"lodash/every";import React from'react';import CardListItem from'@shopgate/pwa-ui-shared/CardList/components/Item';import{Accordion}from'@shopgate/engage/components';import{StoreOpeningHours,StorePhoneNumber}from'@shopgate/engage/locations';import{CartItemGroupReservationLabel}from"./CartItemGroupReservationLabel";import connect from"./CartItem.connector";import{accordionToggle,addressDetails,simpleLabel}from"./CartItemGroup.style";/**
+ * Renders the product group.
+ * @param {Object} props The component props.
+ * @returns {JSX.Element}
+ */function CartItemGroupReservation(_ref){var location=_ref.location,fulfillmentMethod=_ref.fulfillmentMethod;if(!location){return null;}var operationHours=location.operationHours,_location$address=location.address,_location$address2=_location$address===void 0?{}:_location$address,phoneNumber=_location$address2.phoneNumber;if((!operationHours||_every(operationHours,_isEmpty))&&!phoneNumber){return React.createElement(CardListItem,{className:simpleLabel.toString()},React.createElement(CartItemGroupReservationLabel,{location:location,fulfillmentMethod:fulfillmentMethod}));}return React.createElement(CardListItem,null,React.createElement(Accordion,{renderLabel:function renderLabel(){return React.createElement(CartItemGroupReservationLabel,{location:location,fulfillmentMethod:fulfillmentMethod});},className:accordionToggle},React.createElement("div",{className:addressDetails},React.createElement(StoreOpeningHours,{hours:operationHours}),React.createElement(StorePhoneNumber,{phone:phoneNumber}))));}CartItemGroupReservation.defaultProps={location:null,fulfillmentMethod:null};export default connect(CartItemGroupReservation);

package/cart/components/CartItems/CartItemGroupReservationLabel.js

@@ -0,0 +1,5 @@
+import React from'react';import{i18n}from'@shopgate/engage/core';import{LocationIcon}from'@shopgate/engage/components';import{BOPIS}from'@shopgate/engage/locations';import{address,addressIcon,title}from"./CartItemGroup.style";/**
+ * Renders the cart reservation group label.
+ * @param {Object} props The component props.
+ * @returns {JSX}
+ */export function CartItemGroupReservationLabel(_ref){var location=_ref.location,fulfillmentMethod=_ref.fulfillmentMethod;if(!location){return null;}var suffix=fulfillmentMethod===BOPIS?'bopis':'ropis';return React.createElement("div",{className:address},React.createElement("div",{className:addressIcon},React.createElement(LocationIcon,null)),React.createElement("div",null,React.createElement("div",{className:title},i18n.text("locations.method.".concat(suffix))),location.name));}

package/cart/components/CartItems/CartItemGroupShipping.js

@@ -0,0 +1,4 @@
+import React from'react';import CardListItem from'@shopgate/pwa-ui-shared/CardList/components/Item';import{LocalShippingIcon}from"../../../components";import{i18n}from"../../../core";import{address,shippingIcon,shippingTitle}from"./CartItemGroup.style";/**
+ * Renders the cart item group.
+ * @returns {JSX.Element}
+ */export var CartItemGroupShipping=function CartItemGroupShipping(){return React.createElement(CardListItem,null,React.createElement("div",{className:address},React.createElement("div",{className:shippingIcon},React.createElement(LocalShippingIcon,null)),React.createElement("div",null,React.createElement("div",{className:shippingTitle},i18n.text('locations.method.direct_ship')))));};

package/cart/components/CartItems/CartItems.js

@@ -0,0 +1,5 @@
+import{hot}from'react-hot-loader/root';import*as React from'react';import{CardList,ResponsiveContainer}from'@shopgate/engage/components';import{FulfillmentSlotSwitcher}from'@shopgate/engage/locations';import CartItemsHeaderWide from"./CartItemsHeaderWide";import{CartItemProvider,CartItem}from"../CartItem";import{CartItemCard}from"./CartItemCard";import{items,card}from"./CartItems.style";import CartItemsSubstitution from"./CartItemsSubstitution";/**
+ * Renders the cart items.
+ * @param {Object} props The component props.
+ * @returns {JSX.Element}
+ */function CartItems(_ref){var cartItems=_ref.cartItems,onFocus=_ref.onFocus,multiLineReservation=_ref.multiLineReservation,editable=_ref.editable,isOrderDetails=_ref.isOrderDetails,isCheckoutConfirmation=_ref.isCheckoutConfirmation,currencyOverride=_ref.currencyOverride,isDirectShipOnly=_ref.isDirectShipOnly;if(!cartItems||cartItems.length===0){return null;}return React.createElement(React.Fragment,null,React.createElement(ResponsiveContainer,{breakpoint:">xs",webOnly:true},React.createElement(CartItemsHeaderWide,{editable:editable,isOrderDetails:isOrderDetails,isDirectShipOnly:isDirectShipOnly,isCheckoutConfirmation:isCheckoutConfirmation})),React.createElement(CardList,{className:items},!isOrderDetails?React.createElement(ResponsiveContainer,{appAlways:true,breakpoint:"<=xs"},React.createElement(FulfillmentSlotSwitcher,{renderBar:true,card:true,editable:editable})):null,editable&&!isDirectShipOnly&&React.createElement(ResponsiveContainer,{breakpoint:"<=xs",appAlways:true},React.createElement(CartItemsSubstitution,{cartItems:cartItems,wrapCard:true,className:card})),cartItems.map(function(item){return React.createElement(CardList.Item,{className:card,key:item.id},React.createElement(CartItemProvider,{cartItem:item,isEditable:editable,isOrderDetails:isOrderDetails,cartIsDirectShipOnly:isDirectShipOnly,isCheckoutConfirmation:isCheckoutConfirmation,locationId:item.fulfillmentLocationId},React.createElement("ul",null,React.createElement(CartItemCard,{multiLineReservation:multiLineReservation,fulfillmentLocationId:item.fulfillmentLocationId,fulfillmentMethod:item.fulfillmentMethod,hasMessages:Array.isArray(item.messages)&&item.messages.length>0},React.createElement(CartItem,{item:item,onFocus:onFocus,editable:editable,currencyOverride:currencyOverride})))));})));}CartItems.defaultProps={cartItems:null,multiLineReservation:null,editable:true,isOrderDetails:false,isDirectShipOnly:false,isCheckoutConfirmation:false,currencyOverride:null};export default hot(CartItems);

package/cart/components/CartItems/CartItems.style.js

@@ -0,0 +1 @@
+import{css}from'glamor';import{themeVariables,themeColors}from'@shopgate/pwa-common/helpers/config';var gap=themeVariables.gap;export var items=css({background:"var(--color-background-accent, ".concat(themeColors.background,")"),padding:"".concat(gap.small*1.5,"px ").concat(gap.small*1.5,"px ").concat(gap.big,"px"),marginBottom:"-".concat(gap.small*1.5,"px")});export var card=css({background:themeColors.light,marginBottom:gap.small*1.5,':last-of-type':{marginBottom:0},border:"1px solid ".concat(themeColors.shade7),boxSizing:'border-box',boxShadow:'0px 4px 2px rgba(0, 0, 0, 0.05)',borderRadius:5}).toString();

package/cart/components/CartItems/CartItemsHeaderWide.connector.js

@@ -0,0 +1,3 @@
+import{connect}from'react-redux';import{hasLineItemPromotions}from'@shopgate/engage/cart';import{makeGetEnabledFulfillmentMethodsCount}from'@shopgate/engage/core/config';/**
+ * @return {Function} The extended component props.
+ */var makeMapStateToProps=function makeMapStateToProps(){var getEnabledFulfillmentMethodsCount=makeGetEnabledFulfillmentMethodsCount();return function(state,_ref){var isOrderDetails=_ref.isOrderDetails,isCheckoutConfirmation=_ref.isCheckoutConfirmation;var isCart=!isOrderDetails&&!isCheckoutConfirmation;return{enabledFulfillmentMethodsCount:getEnabledFulfillmentMethodsCount(state),hasLineItemPromotions:isCart&&hasLineItemPromotions(state)};};};export default connect(makeMapStateToProps);

package/cart/components/CartItems/CartItemsHeaderWide.js

@@ -0,0 +1,3 @@
+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}from'react';import classNames from'classnames';import{hot}from'react-hot-loader/root';import{I18n}from'@shopgate/engage/components';import{header,column,priceColumnWide,imageColumn,detailsColumn,locationColumn,contextMenuColumn,quantityPickerColumn,quantityPickerColumnNotEditable}from"./CartItemsHeaderWide.style";import connect from"./CartItemsHeaderWide.connector";/**
+ * @returns {JSX}
+ */var CartItemsHeaderWide=function CartItemsHeaderWide(_ref){var editable=_ref.editable,isOrderDetails=_ref.isOrderDetails,enabledFulfillmentMethodsCount=_ref.enabledFulfillmentMethodsCount,hasLineItemPromotions=_ref.hasLineItemPromotions,isDirectShipOnly=_ref.isDirectShipOnly;return React.createElement("div",{className:header},React.createElement("div",{className:imageColumn},React.createElement(I18n.Text,{string:"cart.items"})),React.createElement("div",{className:detailsColumn}),React.createElement("div",{className:classNames(column.toString(),_defineProperty({},priceColumnWide,hasLineItemPromotions))},React.createElement(I18n.Text,{string:"cart.price"})),isOrderDetails&&React.createElement(Fragment,null,!isDirectShipOnly?React.createElement("div",{className:locationColumn},React.createElement(I18n.Text,{string:"cart.location"})):null,React.createElement("div",{className:column},React.createElement(I18n.Text,{string:"cart.status"})),React.createElement("div",{className:column},React.createElement(I18n.Text,{string:"cart.fulfilled_quantity"}))),React.createElement("div",{className:editable?quantityPickerColumn:quantityPickerColumnNotEditable},React.createElement(I18n.Text,{string:isOrderDetails?'cart.ordered_quantity':'cart.quantity'})),React.createElement("div",{className:column},React.createElement(I18n.Text,{string:"cart.subtotal"})),editable&&enabledFulfillmentMethodsCount>1&&React.createElement("div",{className:contextMenuColumn}));};CartItemsHeaderWide.defaultProps={editable:true,isOrderDetails:false,isDirectShipOnly:false,hasLineItemPromotions:false};export default hot(connect(CartItemsHeaderWide));

package/cart/components/CartItems/CartItemsHeaderWide.style.js

@@ -0,0 +1 @@
+import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var variables=themeConfig.variables;export var header=css({display:'flex',flexDirection:'row',justifyContent:'space-between',fontWeight:500,fontSize:'1rem',lineHeight:'1.5rem',padding:"0 ".concat(variables.gap.big,"px ").concat(variables.gap.small,"px ").concat(variables.gap.big,"px")});export var column=css({display:'flex',alignItems:'center',flexDirection:'column',flexShrink:0,flexGrow:1,flexBasis:0,padding:"0 ".concat(variables.gap.small,"px"),textAlign:'center',':last-child':{paddingRight:variables.gap.small}});export var priceColumnWide=css({flexGrow:4,alignItems:'flex-end'}).toString();export var imageColumn=css({flexGrow:0,width:120,margin:"0 ".concat(variables.gap.small,"px 0 ").concat(variables.gap.big,"px"),paddingLeft:0});export var detailsColumn=css(column,{flexShrink:1,flexGrow:3,alignItems:'flex-start',padding:"0 ".concat(variables.gap.small,"px")});export var locationColumn=css(column,{flexGrow:2});export var quantityPickerColumn=css(column,{' > *':{width:140,textAlign:'center'}});export var quantityPickerColumnNotEditable=css(column,{' > *':{textAlign:'center'}});export var contextMenuColumn=css({width:variables.gap.xbig+variables.gap.small});

package/cart/components/CartItems/CartItemsSubscription.connector.js

@@ -0,0 +1,5 @@
+import{connect}from'react-redux';import updateProductsInCart from'@shopgate/pwa-common-commerce/cart/actions/updateProductsInCart';/**
+ * Connects the dispatch function to a callable function in the props.
+ * @param {Function} dispatch The redux dispatch function.
+ * @return {Object} The extended component props.
+ */var mapDispatchToProps={updateProductsInCart:updateProductsInCart};export default connect(null,mapDispatchToProps);

package/cart/components/CartItems/CartItemsSubstitution.js

@@ -0,0 +1,5 @@
+import React,{useMemo,useCallback}from'react';import PropTypes from'prop-types';import{i18n}from'@shopgate/engage/core';import{CardList}from'@shopgate/engage/components';import Substitution,{SubstitutionWrapper}from"../Substitution";import connect from"./CartItemsSubscription.connector";/**
+ * Renders the cart reservation card label.
+ * @param {Object} props The component props.
+ * @returns {JSX}
+ */var CartItemsSubstitution=function CartItemsSubstitution(_ref){var cartItems=_ref.cartItems,updateProductsInCart=_ref.updateProductsInCart,className=_ref.className,wrapCard=_ref.wrapCard;var allAllowed=useMemo(function(){return cartItems.every(function(item){return item.substitutionAllowed;});},[cartItems]);var handleChange=useCallback(function(){return updateProductsInCart(cartItems.map(function(item){return{cartItemId:item.id,substitutionAllowed:!allAllowed};}));},[allAllowed,cartItems,updateProductsInCart]);if(wrapCard){return React.createElement(SubstitutionWrapper,null,React.createElement(CardList.Item,{className:className},React.createElement(Substitution,{id:"substitution-all",label:i18n.text('cart.allow_substitution_all'),checked:allAllowed,onChange:handleChange})));}return React.createElement(SubstitutionWrapper,null,React.createElement(Substitution,{className:className,id:"substitution-all",label:i18n.text('cart.allow_substitution_all'),checked:allAllowed,onChange:handleChange}));};CartItemsSubstitution.defaultProps={className:undefined,wrapCard:false};export default connect(CartItemsSubstitution);

package/cart/components/CartItems/index.js

@@ -0,0 +1 @@
+export{default as CartItemGroup}from"./CartItemGroup";export{default as CartItems}from"./CartItems";

package/cart/components/CartSummaryWide/CartSummaryWide.connector.js

@@ -0,0 +1,4 @@
+import{connect}from'react-redux';import{getDiscounts,getShippingCost,getSubTotal,getGrandTotal,getTax}from'@shopgate/pwa-common-commerce/cart/selectors';/**
+ * Creates the mapStateToProps connector function.
+ * @returns {Function}
+ */var makeMapStateToProps=function makeMapStateToProps(){return function(state,props){return{discounts:getDiscounts(state,props),shippingCosts:getShippingCost(state,props),subTotal:getSubTotal(state,props),grandTotal:getGrandTotal(state,props),tax:getTax(state,props)};};};export default connect(makeMapStateToProps);

package/cart/components/CartSummaryWide/CartSummaryWide.js

@@ -0,0 +1,4 @@
+import React from'react';import{hot}from'react-hot-loader/root';import{i18n}from'@shopgate/engage/core';import{container,headline,summary,total,grandTotal}from"./CartSummaryWide.style";import PaymentBarSubTotal from"../PaymentBar/PaymentBarSubTotal";import PaymentBarGrandTotal from"../PaymentBar/PaymentBarGrandTotal";import PaymentBarShippingCost from"../PaymentBar/PaymentBarShippingCost";import PaymentBarDiscounts from"../PaymentBar/PaymentBarDiscounts";import PaymentBarTax from"../PaymentBar/PaymentBarTax";import PaymentBarAppliedPromotions from"../PaymentBar/PaymentBarAppliedPromotions";import PaymentBarPromotionCoupons from"../PaymentBar/PaymentBarPromotionCoupons";import CartSummaryWideCheckoutButton from"./CartSummaryWideCheckoutButton";import CartSummaryWideFooter from"./CartSummaryWideFooter";/**
+ * @param {Object} The component props
+ * @returns {JSX}
+ */var CartSummaryWide=function CartSummaryWide(){return React.createElement("div",{className:container},React.createElement("h2",{className:headline},i18n.text('checkout.summary.headline')),React.createElement("div",{className:summary},React.createElement(PaymentBarSubTotal,{showSeparator:false,label:"cart.subtotal",className:total}),React.createElement(PaymentBarAppliedPromotions,{showSeparator:false,className:total}),React.createElement(PaymentBarPromotionCoupons,{showSeparator:false,className:total}),React.createElement(PaymentBarDiscounts,{showSeparator:false,className:total}),React.createElement(PaymentBarShippingCost,{showSeparator:false,className:total}),React.createElement(PaymentBarTax,{showSeparator:false,className:total}),React.createElement(PaymentBarGrandTotal,{showSeparator:false,label:"cart.grand_total",className:grandTotal})),React.createElement(CartSummaryWideCheckoutButton,null),React.createElement(CartSummaryWideFooter,null));};export default hot(CartSummaryWide);

package/cart/components/CartSummaryWide/CartSummaryWide.style.js

@@ -0,0 +1 @@
+import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var variables=themeConfig.variables,colors=themeConfig.colors;export var container=css({display:'flex',flexDirection:'column',alignSelf:'flex-end',padding:variables.gap.big,width:420});export var headline=css({fontSize:'1.25rem',fontWeight:500,lineHeight:'1.5rem'});export var summary=css({background:'var(--color-background-accent)',padding:variables.gap.big});export var total=css({fontSize:'1rem',padding:"".concat(variables.gap.small,"px 0"),color:'var(--color-text-high-emphasis)'}).toString();export var grandTotal=css({fontSize:'1.25rem !important',fontWeight:500,borderTop:"1px solid ".concat(colors.shade4),padding:"".concat(variables.gap.small,"px 0"),color:'var(--color-text-high-emphasis)','&:last-child':{paddingBottom:0}}).toString();

package/cart/components/CartSummaryWide/CartSummaryWideCheckoutButton.connector.js

@@ -0,0 +1,5 @@
+import{connect}from'react-redux';import{getOrderableStatus}from'@shopgate/pwa-common-commerce/cart/selectors';/**
+ * Maps the contents of the state to the component props.
+ * @param {Object} state The current application state.
+ * @return {Object} The extended component props.
+ */var mapStateToProps=function mapStateToProps(state){return{isOrderable:getOrderableStatus(state)};};export default connect(mapStateToProps);

package/cart/components/CartSummaryWide/CartSummaryWideCheckoutButton.js

@@ -0,0 +1,4 @@
+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,{useContext,useMemo}from'react';import classNames from'classnames';import I18n from'@shopgate/pwa-common/components/I18n';import Link from'@shopgate/pwa-common/components/Link';import{SurroundPortals}from'@shopgate/engage/components';import{CART_CHECKOUT_BUTTON}from'@shopgate/pwa-common-commerce/cart/constants/Portals';import RippleButton from'@shopgate/pwa-ui-shared/RippleButton';import{CHECKOUT_PATH}from'@shopgate/pwa-common/constants/RoutePaths';import{CartContext}from"../../cart.context";import{container,button,disabledButton}from"./CartSummaryWideCheckoutButton.style";import connect from"./CartSummaryWideCheckoutButton.connector";/**
+ * @param {Object} props The component props
+ * @returns {JSX}
+ */var CartSummaryWideCheckoutButton=function CartSummaryWideCheckoutButton(_ref){var isOrderable=_ref.isOrderable;var _useContext=useContext(CartContext),isLoading=_useContext.isLoading;var isActive=useMemo(function(){return isOrderable&&!isLoading;},[isLoading,isOrderable]);var classes=classNames(button,_defineProperty({},disabledButton,!isActive));return React.createElement("div",{className:container},React.createElement(SurroundPortals,{portalName:CART_CHECKOUT_BUTTON,portalProps:{isActive:isActive}},React.createElement(Link,{href:CHECKOUT_PATH,disabled:!isActive},React.createElement(RippleButton,{disabled:!isActive,type:"regular",className:classes},React.createElement(I18n.Text,{string:"cart.checkout"})))));};CartSummaryWideCheckoutButton.defaultProps={isOrderable:true};export default connect(CartSummaryWideCheckoutButton);

package/cart/components/CartSummaryWide/CartSummaryWideCheckoutButton.style.js

@@ -0,0 +1 @@
+import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var colors=themeConfig.colors,variables=themeConfig.variables;export var container=css({display:'flex',flexDirection:'column'});export var button=css({width:'100%',background:"var(--color-button-cta, ".concat(colors.cta,")"),color:"var(--color-button-cta-contrast, ".concat(colors.ctaContrast,")!important"),borderRadius:4,margin:"".concat(variables.gap.big,"px 0")}).toString();export var disabledButton=css({background:colors.shade7,color:"".concat(colors.shade4,"!important")}).toString();

package/cart/components/CartSummaryWide/CartSummaryWideFooter.js

@@ -0,0 +1,3 @@
+import React,{useContext}from'react';import{CartContext}from"../../cart.context";import{FLAG_MULTI_LINE_RESERVE}from"../../cart.constants";import{SupplementalContent}from"../SupplementalContent";/**
+ * @returns {JSX}
+ */var CartSummaryWideFooter=function CartSummaryWideFooter(){var _useContext=useContext(CartContext),flags=_useContext.flags;if(!flags[FLAG_MULTI_LINE_RESERVE]){return null;}return React.createElement(SupplementalContent,null);};export default CartSummaryWideFooter;

package/cart/components/CartSummaryWide/index.js

@@ -0,0 +1 @@
+export{default as CartSummaryWide}from"./CartSummaryWide";