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

package/locations/components/Cart/CartChangeFulfillmentMethod.connector.js

@@ -1,4 +0,0 @@
-import{connect}from'react-redux';import{fetchProductLocations}from"../../actions";/**
- * @param {Function} dispatch The redux dispatch function.
- * @return {Object} The extended component props.
- */var mapDispatchToProps={fetchProductLocations:fetchProductLocations};export default connect(null,mapDispatchToProps);

package/locations/components/Cart/CartChangeFulfillmentMethod.js

@@ -1,8 +0,0 @@
-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*as React from'react';import{FulfillmentSheet}from"../FulfillmentSheet";import connect from"./CartChangeFulfillmentMethod.connector";import{STAGE_FULFILLMENT_METHOD}from"../../constants";/**
- * @param {Object} props The component props.
- * @returns {JSX.Element}
- */function CartChangeFulfillmentMethod(props){var cartItem=props.cartItem,fetchProductLocations=props.fetchProductLocations,registerAction=props.registerAction;var _React$useState=React.useState(false),_React$useState2=_slicedToArray(_React$useState,2),opened=_React$useState2[0],setOpened=_React$useState2[1];/**
-   * Register cart item action
-   */React.useEffect(function(){if(!registerAction||!cartItem){return;}registerAction('changeFulfillment',function(){fetchProductLocations(cartItem.product.id);setOpened(true);});},[cartItem,fetchProductLocations,registerAction]);/**
-   * Handles closing of the sheet.
-   */function handleClose(){setOpened(false);}if(!opened){return null;}return React.createElement(FulfillmentSheet,{open:true,productId:cartItem.product.id,stage:STAGE_FULFILLMENT_METHOD,meta:{cartItem:cartItem},onClose:handleClose,updatePreferredLocation:true});}export default connect(CartChangeFulfillmentMethod);

package/locations/components/Cart/CartContextMenuChangeFulfillment.js

@@ -1,6 +0,0 @@
-import React,{useMemo}from'react';import{hot}from'react-hot-loader/root';import{FulfillmentProvider}from"../../providers";import{FulfillmentSheetContent}from"../FulfillmentSheet/FulfillmentSheetContent";import CartContextMenuChangeFulfillmentContent from"./CartContextMenuChangeFulfillmentContent";/**
- * The CartContextMenuChangeFulfillmentContent component renders a context menu which enables
- * switching the active fulfillment method for a cart item.
- * @param {Object} props The component props.
- * @returns {JSX}
- */var CartContextMenuChangeFulfillment=function CartContextMenuChangeFulfillment(_ref){var cartItem=_ref.cartItem;var contextProps=useMemo(function(){return{productId:cartItem.product.id,meta:{cartItem:cartItem},updatePreferredLocation:true};},[cartItem]);return React.createElement(FulfillmentProvider,contextProps,React.createElement(CartContextMenuChangeFulfillmentContent,null),React.createElement(FulfillmentSheetContent,null));};export default hot(CartContextMenuChangeFulfillment);

package/locations/components/Cart/CartContextMenuChangeFulfillmentContent.js

@@ -1,5 +0,0 @@
-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,{useCallback,useMemo}from'react';import{I18n,ContextMenu}from'@shopgate/engage/components';import{DIRECT_SHIP,ROPIS,BOPIS}from"../../constants";import{menuToggleButton,menuToggleContainer}from"./CartContextMenuChangeFulfillmentContent.style";import{useFulfillmentState}from"../../locations.hooks";var contextMenuClasses={button:menuToggleButton,container:menuToggleContainer};/**
- * The CartContextMenuChangeFulfillmentContent component renders a context menu which enables
- * switching the active fulfillment method for a cart item.
- * @returns {JSX}
- */var CartContextMenuChangeFulfillmentContent=function CartContextMenuChangeFulfillmentContent(){var labelMapping=_defineProperty(_defineProperty(_defineProperty({},DIRECT_SHIP,'cart.change_fulfillment.direct_ship'),ROPIS,'cart.change_fulfillment.ropis'),BOPIS,'cart.change_fulfillment.bopis');var _useFulfillmentState=useFulfillmentState(),fulfillmentMethods=_useFulfillmentState.fulfillmentMethods,enabledFulfillmentMethods=_useFulfillmentState.enabledFulfillmentMethods,cartItem=_useFulfillmentState.meta.cartItem,changeFulfillment=_useFulfillmentState.changeFulfillment;var activeFulfillmentMethod=useMemo(function(){var _cartItem$fulfillment;return((_cartItem$fulfillment=cartItem.fulfillment)===null||_cartItem$fulfillment===void 0?void 0:_cartItem$fulfillment.method)||DIRECT_SHIP;},[cartItem.fulfillment]);var handleChangeFulfillment=useCallback(function(method){changeFulfillment(method,cartItem);},[cartItem,changeFulfillment]);var selectableFulfillmentMethods=useMemo(function(){if(!enabledFulfillmentMethods||!fulfillmentMethods){return[];}return fulfillmentMethods.filter(function(method){return enabledFulfillmentMethods.includes(method)&&method!==activeFulfillmentMethod;});},[activeFulfillmentMethod,enabledFulfillmentMethods,fulfillmentMethods]);var disabled=selectableFulfillmentMethods.length===0;return React.createElement(ContextMenu,{classes:contextMenuClasses,disabled:disabled},selectableFulfillmentMethods.map(function(method){return React.createElement(ContextMenu.Item,{key:method,onClick:function onClick(){return handleChangeFulfillment(method);}},React.createElement(I18n.Text,{string:labelMapping[method]}));}));};export default CartContextMenuChangeFulfillmentContent;

package/locations/components/Cart/CartContextMenuChangeFulfillmentContent.style.js

@@ -1 +0,0 @@
-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';import{responsiveMediaQuery}from'@shopgate/engage/styles';var variables=themeConfig.variables;var menuToggleSize=variables.gap.big*2;var menuToggleFontSize=variables.gap.big*1.5;export var menuToggleContainer=css(_defineProperty({margin:variables.gap.small},responsiveMediaQuery('>sm',{webOnly:true}),{marginLeft:0})).toString();export var menuToggleButton=css({height:menuToggleSize,width:menuToggleSize,fontSize:menuToggleFontSize,display:'flex',alignItems:'center',justifyContent:'flex-end'}).toString();

package/locations/components/Cart/CartContextMenuItemChangeFulfillment.connector.js

@@ -1,4 +0,0 @@
-import{connect}from'react-redux';import{makeGetEnabledFulfillmentMethods}from'@shopgate/engage/core';/**
- * Creates the mapStateToProps connector function.
- * @returns {Function}
- */var makeMapStateToProps=function makeMapStateToProps(){var getEnabledFulfillmentMethods=makeGetEnabledFulfillmentMethods();return function(state,props){return{enabledFulfillmentMethods:getEnabledFulfillmentMethods(state,props)};};};export default connect(makeMapStateToProps);

package/locations/components/Cart/CartContextMenuItemChangeFulfillment.js

@@ -1,6 +0,0 @@
-import*as React from'react';import noop from'lodash/noop';import{I18n,ContextMenu}from'@shopgate/engage/components';import connect from"./CartContextMenuItemChangeFulfillment.connector";/**
- * @param {Object} props The component props.
- * @property {Function} props.onClick onClick
- * @property {Function} props.closeMenu closeMenu
- * @returns {JSX}
- */export var CartContextMenuItemChangeFulfillment=connect(function(props){var onClick=props.onClick,closeMenu=props.closeMenu,enabledFulfillmentMethods=props.enabledFulfillmentMethods;if(!Array.isArray(enabledFulfillmentMethods)||enabledFulfillmentMethods.length<=1){return null;}return React.createElement(ContextMenu.Item,{onClick:onClick,closeMenu:closeMenu},React.createElement(I18n.Text,{string:"locations.change_fulfillment_method"}));});CartContextMenuItemChangeFulfillment.defaultProps={onClick:noop,closeMenu:noop};

package/locations/components/Cart/CartContextMenuItemChangeLocation.js

@@ -1,7 +0,0 @@
-import*as React from'react';import noop from'lodash/noop';import{I18n,ContextMenu}from'@shopgate/engage/components';import{DIRECT_SHIP}from"../../constants";/**
- * @param {Object} props The component props.
- * @property {Object} props.cartItem cartItem
- * @property {Function} props.onClick onClick
- * @property {Function} props.closeMenu closeMenu
- * @returns {JSX}
- */export var CartContextMenuItemChangeLocation=function CartContextMenuItemChangeLocation(props){var cartItem=props.cartItem,onClick=props.onClick,closeMenu=props.closeMenu;if(!cartItem.fulfillment||cartItem.fulfillment.method===DIRECT_SHIP){return null;}return React.createElement(ContextMenu.Item,{onClick:onClick,closeMenu:closeMenu},React.createElement(I18n.Text,{string:"locations.change_location"}));};CartContextMenuItemChangeLocation.defaultProps={onClick:noop,closeMenu:noop};

package/locations/components/Cart/CartItemProductChangeLocation.connector.js

@@ -1,5 +0,0 @@
-import*as Redux from'redux';import{connect}from'react-redux';import{updateProductsInCart}from'@shopgate/engage/cart';import{fetchProductLocations}from"../../actions";/**
- * 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{fetchProductLocations:fetchProductLocations,updateProductInCart:function updateProductInCart(cartItemId,quantity,location,fulfillmentMethod){dispatch(updateProductsInCart([{cartItemId:cartItemId,quantity:quantity,fulfillment:{method:fulfillmentMethod,location:{code:location.code,name:location.name}}}]));}};};export default connect(null,mapDispatchToProps);

package/locations/components/Cart/CartItemProductChangeLocation.js

@@ -1,11 +0,0 @@
-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*as React from'react';import noop from'lodash/noop';import{FulfillmentSheet}from"../FulfillmentSheet";import{isProductAvailable}from"../../helpers";import{STAGE_SELECT_STORE}from"../../constants";import connect from"./CartItemProductChangeLocation.connector";/**
- * @param {Object} props The component props.
- * @param {Object} cartItem cartItem
- * @param {Function} updateProduct updateProduct
- * @param {Function} fetchProductLocations fetchProductLocations
- * @returns {JSX}
- */var CartItemProductChangeLocation=function CartItemProductChangeLocation(props){var cartItem=props.cartItem,updateProductInCart=props.updateProductInCart,fetchProductLocations=props.fetchProductLocations,registerAction=props.registerAction;var _React$useState=React.useState(false),_React$useState2=_slicedToArray(_React$useState,2),opened=_React$useState2[0],setOpened=_React$useState2[1];var _React$useState3=React.useState(null),_React$useState4=_slicedToArray(_React$useState3,2),fulfillmentMethod=_React$useState4[0],setFulfillmentMethod=_React$useState4[1];/**
-   * Register cart item action
-   */React.useEffect(function(){if(!registerAction||!cartItem){return;}registerAction('changeLocation',function(currentFulfillmentMethod){fetchProductLocations(cartItem.product.id);setOpened(true);setFulfillmentMethod(currentFulfillmentMethod);});},[cartItem,fetchProductLocations,registerAction]);/**
-   * Select location callback
-   */var onLocationSelect=React.useCallback(function(location){setTimeout(function(){return setOpened(false);},500);if(!location||!isProductAvailable(location,location===null||location===void 0?void 0:location.inventory)){return;}updateProductInCart(cartItem.id,cartItem.quantity,location,fulfillmentMethod);setFulfillmentMethod(fulfillmentMethod);},[cartItem.id,cartItem.quantity,fulfillmentMethod,updateProductInCart]);var fulfillment=cartItem.fulfillment;if(!opened||!fulfillment){return null;}return React.createElement(FulfillmentSheet,{stage:STAGE_SELECT_STORE,open:true,title:"locations.headline",changeOnly:true,productId:cartItem.product.id,updatePreferredLocation:true,onClose:onLocationSelect,isCart:true});};CartItemProductChangeLocation.defaultProps={registerAction:noop};export default connect(CartItemProductChangeLocation);

package/locations/components/Cart/index.js

@@ -1 +0,0 @@
-export{default as CartItemProductChangeLocation}from"./CartItemProductChangeLocation";export{default as CartChangeFulfillmentMethod}from"./CartChangeFulfillmentMethod";export{CartContextMenuItemChangeLocation}from"./CartContextMenuItemChangeLocation";export{CartContextMenuItemChangeFulfillment}from"./CartContextMenuItemChangeFulfillment";export{default as CartContextMenuChangeFulfillment}from"./CartContextMenuChangeFulfillment";

package/locations/components/ChangeLocationButton/ChangeLocationButton.js

@@ -1,4 +0,0 @@
-import React from'react';import{RippleButton,I18n,SurroundPortals}from'@shopgate/engage/components';import{button,ripple}from"./ChangeLocationButton.style";import{PRODUCT_FULFILLMENT_CHANGE_LOCATION}from"../../constants/Portals";/**
- * @param {Object} props .
- * @returns {JSX}
- */export var ChangeLocationButtonUnwrapped=function ChangeLocationButtonUnwrapped(_ref){var onClick=_ref.onClick,disabled=_ref.disabled;return React.createElement(SurroundPortals,{portalName:PRODUCT_FULFILLMENT_CHANGE_LOCATION,portalProps:{onClick:onClick,disabled:disabled}},React.createElement(RippleButton,{onClick:onClick,className:button,disabled:disabled,rippleClassName:ripple,type:"secondary",flat:true},React.createElement(I18n.Text,{string:"locations.change_location"})));};ChangeLocationButtonUnwrapped.defaultProps={disabled:false};export var ChangeLocationButton=React.memo(ChangeLocationButtonUnwrapped);

package/locations/components/ChangeLocationButton/ChangeLocationButton.style.js

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

package/locations/components/ChangeLocationButton/index.js

@@ -1 +0,0 @@
-export{ChangeLocationButton}from"./ChangeLocationButton";

package/locations/components/FulfillmentPath/FulfillmentPath.js

@@ -1,4 +0,0 @@
-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;}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,{useState,useCallback}from'react';import{Availability}from'@shopgate/engage/product';import{RadioGroup}from"../../../components";import{useFulfillmentState}from"../../locations.hooks";import{IN_STORE_PICKUP_BOPIS_LABEL,IN_STORE_PICKUP_ROPIS_LABEL,DIRECT_SHIP_LABEL,DIRECT_SHIP,ROPIS,BOPIS}from"../../constants";import{container,radioGroup}from"./FulfillmentPath.style";import{FulfillmentPathItem}from"./FulfillmentPathItem";/**
- * Renders the fulfillment path selector stage.
- * @returns {JSX}
- */export function FulfillmentPath(){var labelMapping=_defineProperty(_defineProperty(_defineProperty({},DIRECT_SHIP,DIRECT_SHIP_LABEL),ROPIS,IN_STORE_PICKUP_ROPIS_LABEL),BOPIS,IN_STORE_PICKUP_BOPIS_LABEL);var _useFulfillmentState=useFulfillmentState(),product=_useFulfillmentState.product,enabledFulfillmentMethods=_useFulfillmentState.enabledFulfillmentMethods,_useFulfillmentState$=_useFulfillmentState.meta,_useFulfillmentState$2=_useFulfillmentState$===void 0?{}:_useFulfillmentState$,_useFulfillmentState$3=_useFulfillmentState$2.cartItem,cartItem=_useFulfillmentState$3===void 0?undefined:_useFulfillmentState$3,changeFulfillment=_useFulfillmentState.changeFulfillment;var _ref=cartItem||{},_ref$fulfillment=_ref.fulfillment,fulfillment=_ref$fulfillment===void 0?{}:_ref$fulfillment,_ref$product=_ref.product,_ref$product2=_ref$product===void 0?{}:_ref$product,_ref$product2$fulfill=_ref$product2.fulfillmentMethods,cartItemFulfillmentMethods=_ref$product2$fulfill===void 0?[]:_ref$product2$fulfill;var _ref2=fulfillment||{},_ref2$method=_ref2.method,activeCartItemFulfillmentMethod=_ref2$method===void 0?DIRECT_SHIP:_ref2$method;var _useState=useState(labelMapping[activeCartItemFulfillmentMethod]),_useState2=_slicedToArray(_useState,2),selection=_useState2[0],setSelection=_useState2[1];var handleChange=useCallback(function(elementName){var method=Object.keys(labelMapping).find(function(key){return labelMapping[key]===elementName;});setSelection(method);changeFulfillment(method,cartItem);},[cartItem,changeFulfillment,labelMapping]);return React.createElement("div",{className:container},React.createElement(RadioGroup,{name:"cartItem.fulfillment_selector",value:selection,onChange:handleChange,className:radioGroup,isControlled:true,direction:"column"},enabledFulfillmentMethods.includes(DIRECT_SHIP)&&React.createElement(FulfillmentPathItem,{name:DIRECT_SHIP_LABEL,attributes:{disabled:!cartItemFulfillmentMethods.includes(DIRECT_SHIP)}},React.createElement(Availability,{productId:product.id,fulfillmentSelection:DIRECT_SHIP})),enabledFulfillmentMethods.includes(BOPIS)&&React.createElement(FulfillmentPathItem,{name:IN_STORE_PICKUP_BOPIS_LABEL,attributes:{disabled:!cartItemFulfillmentMethods.includes(BOPIS)}}),enabledFulfillmentMethods.includes(ROPIS)&&React.createElement(FulfillmentPathItem,{name:IN_STORE_PICKUP_ROPIS_LABEL,attributes:{disabled:!cartItemFulfillmentMethods.includes(ROPIS)}})));}

package/locations/components/FulfillmentPath/FulfillmentPath.style.js

@@ -1,2 +0,0 @@
-import{css}from'glamor';import classNames from'classnames';import{themeConfig}from'@shopgate/pwa-common/helpers/config';import radioGroupStyles from'@shopgate/pwa-ui-shared/Form/RadioGroup/components/Item/style';var variables=themeConfig.variables,colors=themeConfig.colors;export var container=css({padding:"0 ".concat(variables.gap.big,"px")});export var radioGroup=css({// Removes the vertical padding, which are applied by default around radio groups
-paddingTop:0,paddingBottom:0,transition:'opacity 250ms cubic-bezier(0.25, 0.1, 0.25, 1)'}).toString();export var radioItem=css({display:'flex',alignItems:'center',padding:"".concat(variables.gap.big,"px 0"),boxShadow:"0 1px 0 ".concat(colors.darkGray)}).toString();export var itemLabel=classNames(radioGroupStyles.label,css({display:'flex',flexWrap:'wrap',justifyContent:'space-between',alignItems:'baseline',marginBottom:0}).toString());export var pickUpContainer=css({display:'flex',flexDirection:'column',textAlign:'right'});

package/locations/components/FulfillmentPath/FulfillmentPathItem.js

@@ -1,6 +0,0 @@
-var _excluded=["name","children"];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);}function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key];}}return target;}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key];}return target;}import*as React from'react';import{i18n}from"../../../core";import{RadioGroupItem}from"../../../components";import{radioItem,itemLabel}from"./FulfillmentPath.style";/**
- * Renders a RadioItem element to be used by the FulfillmentPathSelector component.
- * This component is meant to be rendered as child of a RadioGroup.
- * @param {Object} props All props required by the RadioGroupItem component to work.
- * @returns {JSX}
- */export var FulfillmentPathItem=function FulfillmentPathItem(_ref){var name=_ref.name,children=_ref.children,rest=_objectWithoutProperties(_ref,_excluded);return React.createElement(RadioGroupItem,_extends({},rest,{name:name,className:radioItem,label:React.createElement("div",{className:itemLabel},React.createElement("span",null,i18n.text(name)),children)}));};FulfillmentPathItem.defaultProps={children:null};

package/locations/components/FulfillmentPath/index.js

@@ -1 +0,0 @@
-export{FulfillmentPath}from"./FulfillmentPath";

package/locations/components/FulfillmentPathSelector/FulfillmentPathSelector.js

@@ -1,14 +0,0 @@
-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*as React from'react';import{UIEvents,i18n}from'@shopgate/engage/core';import{SheetList}from'@shopgate/engage/components';import SheetDrawer from"../../../components/SheetDrawer";import{QUICK_RESERVE,MULTI_LINE_RESERVE}from"../../constants";import{sheetDrawer}from"./FulfillmentPathSelector.style";var callback=null;var EVENT_SET_OPEN='FulfillmentPathSelector.setOpen';/**
- * @param {Object} props The component props.
- * @returns {JSX.Element}
- */function FulfillmentPathSelector(){var _React$useState=React.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isOpen=_React$useState2[0],setIsOpen=_React$useState2[1];/**
-   * Handles opening of the sheet.
-   */function handleOpen(){setIsOpen(true);}React.useEffect(function(){UIEvents.addListener(EVENT_SET_OPEN,handleOpen);return function(){UIEvents.removeListener(EVENT_SET_OPEN,handleOpen);};},[]);/**
-   * @param {string} value The selected value.
-   */function handleSelect(value){if(callback!==null){callback(value);}setIsOpen(false);callback=null;}/**
-   * @param {Object} event The click event.
-   */function handleQuickReserve(event){event.preventDefault();handleSelect(QUICK_RESERVE);}/**
-   * @param {Object} event The click event.
-   */function handleReserveToCart(event){event.preventDefault();handleSelect(MULTI_LINE_RESERVE);}/**
-   * Handles the case when the sheet is closed manually.
-   */function handleClose(){if(callback!==null){callback('');}setIsOpen(false);callback=null;}return React.createElement(SheetDrawer,{isOpen:isOpen,title:i18n.text('locations.choose_reservation_type'),className:sheetDrawer,onDidClose:handleClose},React.createElement(SheetList,null,React.createElement(SheetList.Item,{title:i18n.text('locations.quick_reserve'),onClick:handleQuickReserve}),React.createElement(SheetList.Item,{title:i18n.text('locations.reserve_to_cart'),onClick:handleReserveToCart})));}FulfillmentPathSelector.open=function(callbackFn){callback=callbackFn;UIEvents.emit(EVENT_SET_OPEN);};export default FulfillmentPathSelector;

package/locations/components/FulfillmentPathSelector/FulfillmentPathSelector.style.js

@@ -1 +0,0 @@
-import{css}from'glamor';export var sheetDrawer=css({boxShadow:'0 0 0 9999px rgba(0, 0, 0, 0.25)'}).toString();

package/locations/components/FulfillmentPathSelector/index.js

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

package/locations/components/FulfillmentSelector/FulfillmentSelector.connector.js

@@ -1,9 +0,0 @@
-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{connect}from'react-redux';import{hasProductVariants,isProductOrderable,makeIsBaseProductActive}from'@shopgate/engage/product';import{DIRECT_SHIP,ROPIS,BOPIS}from"../../constants";import{makeGetEnabledFulfillmentMethods,makeGetFulfillmentPaths,makeUseLocationFulfillmentMethods}from"../../../core/config";import{getProductShowAlternativeLocation}from"../../../core/selectors";import{MERCHANT_SETTINGS_PRODUCT_SHOW_ALTERNATIVE_LOCATION}from"../../../core/constants";import{makeIsFulfillmentSelectorMethodEnabled,getPreferredLocation,makeGetLocationInventory,makeGetLocationFulfillmentMethods,getPreferredFulfillmentMethod,getProductFulfillmentMethods,getUserSearch}from"../../selectors";import{storeFulfillmentMethod}from"../../action-creators";/**
- * @return {Function} The extended component props.
- */function makeMapStateToProps(){/* eslint-disable require-jsdoc */var getLocationCode=function getLocationCode(state,props){var _getPreferredLocation;return(_getPreferredLocation=getPreferredLocation(state,props))===null||_getPreferredLocation===void 0?void 0:_getPreferredLocation.code;};var getProductCode=function getProductCode(_,props){return props.variantId||props.productId||null;};/* eslint-enable require-jsdoc */var getFulfillmentPaths=makeGetFulfillmentPaths();var isDirectShipEnabled=makeIsFulfillmentSelectorMethodEnabled(getLocationCode,getProductCode,DIRECT_SHIP);var isROPISEnabled=makeIsFulfillmentSelectorMethodEnabled(getLocationCode,getProductCode,ROPIS,// Set to true when fulfillment methods shall not be disabled that are not supported by location
-false);var isBOPISEnabled=makeIsFulfillmentSelectorMethodEnabled(getLocationCode,getProductCode,BOPIS,// Set to true when fulfillment methods shall not be disabled that are not supported by location
-false);var getInventory=makeGetLocationInventory(getLocationCode,getProductCode);var getEnabledFulfillmentMethods=makeGetEnabledFulfillmentMethods();var getLocationFulfillmentMethods=makeGetLocationFulfillmentMethods(getLocationCode);var isBaseProductActive=makeIsBaseProductActive();var useLocationFulfillmentMethods=makeUseLocationFulfillmentMethods();/**
-   * @param {Object} state The application state.
-   * @param {Object} props The component props.
-   * @returns {Object}
-   */return function(state,props){var hasVariants=hasProductVariants(state,props);var baseProductActive=isBaseProductActive(state,props);return{merchantSettings:_defineProperty({},MERCHANT_SETTINGS_PRODUCT_SHOW_ALTERNATIVE_LOCATION,getProductShowAlternativeLocation(state)),fulfillmentPaths:getFulfillmentPaths(state),shopFulfillmentMethods:getEnabledFulfillmentMethods(state),productFulfillmentMethods:getProductFulfillmentMethods(state,props),locationFulfillmentMethods:getLocationFulfillmentMethods(state,props),useLocationFulfillmentMethods:useLocationFulfillmentMethods(state,props),userFulfillmentMethod:getPreferredFulfillmentMethod(state,props),preferredLocation:getPreferredLocation(state,props),inventory:getInventory(state,props),isDirectShipEnabled:isDirectShipEnabled(state,props),isROPISEnabled:isROPISEnabled(state,props),isBOPISEnabled:isBOPISEnabled(state,props),isOrderable:isProductOrderable(state,props)||!!hasVariants,isReady:hasVariants!==null&&(!hasVariants||!baseProductActive),userSearch:getUserSearch(state)};};}var mapDispatchToProps={storeFulfillmentMethod:storeFulfillmentMethod};export default connect(makeMapStateToProps,mapDispatchToProps);

package/locations/components/FulfillmentSelector/FulfillmentSelector.context.js

@@ -1 +0,0 @@
-import{createContext}from'react';import{DIRECT_SHIP}from"../../constants";export var FulfillmentSelectorContext=createContext({selection:DIRECT_SHIP,selectedLocation:null,location:null,isDirectShipEnabled:false,isROPISEnabled:false,isBOPISEnabled:false,isReady:false,productId:null,handleChange:function handleChange(){},conditioner:{},fulfillmentPaths:[],userFulfillmentMethod:null,isOrderable:false,shopFulfillmentMethods:null,productFulfillmentMethods:null,locationFulfillmentMethods:null,useLocationFulfillmentMethods:false,merchantSettings:null});

package/locations/components/FulfillmentSelector/FulfillmentSelector.hooks.js

@@ -1,3 +0,0 @@
-import{useContext}from'react';import{FulfillmentSelectorContext}from"./FulfillmentSelector.context";/**
- * @returns {Object} The fulfillment selector context.
- */export function useFulfillmentSelectorState(){return useContext(FulfillmentSelectorContext);}

package/locations/components/FulfillmentSelector/FulfillmentSelector.js

@@ -1,20 +0,0 @@
-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{hot}from'react-hot-loader/root';import React,{useState,useEffect,useCallback,useMemo}from'react';import{SurroundPortals}from"../../../components";import{DIRECT_SHIP,ROPIS,BOPIS,STAGE_SELECT_STORE,PRODUCT_FULFILLMENT_SELECTOR}from"../../constants";import{FulfillmentSheet}from"../FulfillmentSheet";import{FulfillmentSelectorContext}from"./FulfillmentSelector.context";import{FulfillmentSelectorHeader}from"./FulfillmentSelectorHeader";import{FulfillmentSelectorItem}from"./FulfillmentSelectorItem";import{FulfillmentSelectorDirectShip}from"./FulfillmentSelectorDirectShip";import{FulfillmentSelectorBOPIS}from"./FulfillmentSelectorBOPIS";import{FulfillmentSelectorROPIS}from"./FulfillmentSelectorROPIS";import{FulfillmentSelectorAddToCart}from"./FulfillmentSelectorAddToCart";import{FulfillmentSelectorLocation}from"./FulfillmentSelectorLocation";import{container}from"./FulfillmentSelector.style";import connect from"./FulfillmentSelector.connector";/**
- * Renders the fulfillment selector radio button group.
- * @param {Object} props The component props.
- * @returns {JSX}
- */function FulfillmentSelector(props){var productId=props.productId,merchantSettings=props.merchantSettings,shopFulfillmentMethods=props.shopFulfillmentMethods,productFulfillmentMethods=props.productFulfillmentMethods,locationFulfillmentMethods=props.locationFulfillmentMethods,useLocationFulfillmentMethods=props.useLocationFulfillmentMethods,preferredLocation=props.preferredLocation,inventory=props.inventory,conditioner=props.conditioner,isDirectShipEnabled=props.isDirectShipEnabled,isROPISEnabled=props.isROPISEnabled,isBOPISEnabled=props.isBOPISEnabled,storeFulfillmentMethod=props.storeFulfillmentMethod,userFulfillmentMethod=props.userFulfillmentMethod,fulfillmentPaths=props.fulfillmentPaths,isOrderable=props.isOrderable,isReady=props.isReady;var _useState=useState(userFulfillmentMethod),_useState2=_slicedToArray(_useState,2),selection=_useState2[0],setSelection=_useState2[1];var _useState3=useState(preferredLocation),_useState4=_slicedToArray(_useState3,2),selectedLocation=_useState4[0],setSelectedLocation=_useState4[1];var _useState5=useState(false),_useState6=_slicedToArray(_useState5,2),isOpen=_useState6[0],setIsOpen=_useState6[1];var usedLocation=selectedLocation||preferredLocation;// Initialize fo selection once it is available.
-useEffect(function(){if(!selection&&userFulfillmentMethod){setSelection(userFulfillmentMethod);}},[selection,userFulfillmentMethod]);// Initialize location selection once it is available.
-useEffect(function(){if(!selectedLocation&&preferredLocation){setSelectedLocation(preferredLocation);}},[preferredLocation,selectedLocation]);var fulfillmentMethodFallback=useMemo(function(){if(!shopFulfillmentMethods){return null;}var states=[isDirectShipEnabled,isBOPISEnabled,isROPISEnabled];return[DIRECT_SHIP,BOPIS,ROPIS].find(function(method,index){return states[index]&&shopFulfillmentMethods.includes(method);})||null;},[isBOPISEnabled,isDirectShipEnabled,isROPISEnabled,shopFulfillmentMethods]);/**
-   * Determine and set a default fulfillment method when none was set before.
-   */useEffect(function(){if(!shopFulfillmentMethods){return;}/**
-     * The user has already set a fulfillment method which is supported by the shop, so we don't
-     * need to apply the fallback. We don't check against the product fulfillment methods to
-     * avoid too much auto magic when navigating through catalogs with different set up products.
-     */if(userFulfillmentMethod&&shopFulfillmentMethods.includes(userFulfillmentMethod)){return;}if(fulfillmentMethodFallback!==userFulfillmentMethod){setSelection(fulfillmentMethodFallback);storeFulfillmentMethod(fulfillmentMethodFallback);}},[fulfillmentMethodFallback,isBOPISEnabled,isDirectShipEnabled,isROPISEnabled,shopFulfillmentMethods,storeFulfillmentMethod,userFulfillmentMethod]);useEffect(function(){if((preferredLocation===null||preferredLocation===void 0?void 0:preferredLocation.code)!==(selectedLocation===null||selectedLocation===void 0?void 0:selectedLocation.code)){setSelectedLocation(preferredLocation);}},[preferredLocation,selectedLocation,shopFulfillmentMethods]);/**
-   * Updates the selected location when the sheet closes.
-   */var handleClose=useCallback(function(newLocationData){setIsOpen(false);if(!newLocationData&&(!usedLocation||!usedLocation.code)){// Reset the UI back to directShip if there was no location selected already
-setSelection(fulfillmentMethodFallback);return;}if(newLocationData){// Update the selected location only when the selection was done for the same product.
-setSelectedLocation(newLocationData.location);}},[fulfillmentMethodFallback,usedLocation]);/**
-   * Whenever the pick-up selection is made, open the
-   * store selector sheet and use the new location.
-   */var handleChange=useCallback(function(method){var changeOnly=arguments.length>1&&arguments[1]!==undefined?arguments[1]:false;conditioner.without('fulfillment-inventory').check().then(function(passed){if(!passed){return;}setSelection(method);storeFulfillmentMethod(method);var isValidRopeSelection=[ROPIS,BOPIS].includes(method)&&!!preferredLocation&&!!preferredLocation.code;if(!changeOnly&&(isOpen||isValidRopeSelection)){return;}if(method===DIRECT_SHIP){setSelectedLocation(null);return;}setIsOpen(true);FulfillmentSheet.open({stage:STAGE_SELECT_STORE,callback:handleClose,changeOnly:changeOnly});});},[conditioner,handleClose,isOpen,preferredLocation,storeFulfillmentMethod]);var shopHasRopeMethods=useMemo(function(){if(!Array.isArray(shopFulfillmentMethods)){return false;}return shopFulfillmentMethods.filter(function(method){return method!==DIRECT_SHIP;}).length>0;},[shopFulfillmentMethods]);if(!shopHasRopeMethods){return null;}var context={selection:selection,selectedLocation:selectedLocation,inventory:inventory,preferredLocation:preferredLocation,isDirectShipEnabled:isDirectShipEnabled,isBOPISEnabled:isBOPISEnabled,isROPISEnabled:isROPISEnabled,isReady:isReady,productId:productId,handleChange:handleChange,conditioner:conditioner,merchantSettings:merchantSettings,fulfillmentPaths:fulfillmentPaths,userFulfillmentMethod:userFulfillmentMethod,isOrderable:isOrderable,shopFulfillmentMethods:shopFulfillmentMethods,productFulfillmentMethods:productFulfillmentMethods,locationFulfillmentMethods:locationFulfillmentMethods,useLocationFulfillmentMethods:useLocationFulfillmentMethods};return React.createElement(FulfillmentSelectorContext.Provider,{value:context},React.createElement(SurroundPortals,{portalName:PRODUCT_FULFILLMENT_SELECTOR},React.createElement("div",{className:container,role:"radiogroup",tabIndex:"0"},React.createElement(FulfillmentSelectorHeader,null),shopFulfillmentMethods.includes(DIRECT_SHIP)&&React.createElement(FulfillmentSelectorItem,{name:DIRECT_SHIP,onChange:handleChange,disabled:!isReady||!isDirectShipEnabled},React.createElement(FulfillmentSelectorDirectShip,null)),shopFulfillmentMethods.includes(BOPIS)&&React.createElement(FulfillmentSelectorItem,{name:BOPIS,onChange:handleChange,disabled:!isReady||!isBOPISEnabled},React.createElement(FulfillmentSelectorBOPIS,null)),shopFulfillmentMethods.includes(ROPIS)&&React.createElement(FulfillmentSelectorItem,{name:ROPIS,onChange:handleChange,disabled:!isReady||!isROPISEnabled},React.createElement(FulfillmentSelectorROPIS,null)))),React.createElement(FulfillmentSelectorLocation,null),React.createElement(FulfillmentSelectorAddToCart,null));}export default hot(connect(React.memo(FulfillmentSelector)));

package/locations/components/FulfillmentSelector/FulfillmentSelector.style.js

@@ -1 +0,0 @@
-import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var variables=themeConfig.variables;export var container=css({padding:"".concat(variables.gap.small,"px ").concat(variables.gap.big,"px")});

package/locations/components/FulfillmentSelector/FulfillmentSelector.types.js

@@ -1 +0,0 @@
-import{DIRECT_SHIP,ROPIS,BOPIS}from"../../constants";

package/locations/components/FulfillmentSelector/FulfillmentSelectorAddToCart.js

@@ -1,10 +0,0 @@
-import _regeneratorRuntime from"@babel/runtime/regenerator";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 asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg);var value=info.value;}catch(error){reject(error);return;}if(info.done){resolve(value);}else{Promise.resolve(value).then(_next,_throw);}}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise(function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value);}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err);}_next(undefined);});};}import{useEffect}from'react';import{isProductAvailable}from"../../helpers";import{MULTI_LINE_RESERVE,QUICK_RESERVE,DIRECT_SHIP,ROPIS,BOPIS,STAGE_RESERVE_FORM}from"../../constants";import{FulfillmentSheet}from"../FulfillmentSheet";import{FulfillmentPathSelector}from"../FulfillmentPathSelector";import{useFulfillmentSelectorState}from"./FulfillmentSelector.hooks";/**
- * Opens the fulfillment path selector and returns a promise that resolves after selection.
- * @returns {Promise}
- */function promisifiedFulfillmentPathSelector(){return new Promise(function(resolve){FulfillmentPathSelector.open(function(selectedPath){resolve(selectedPath);});});}/**
- * Interject add to cart flow.
- * @returns {JSX}
- */export function FulfillmentSelectorAddToCart(){var _useFulfillmentSelect=useFulfillmentSelectorState(),preferredLocation=_useFulfillmentSelect.preferredLocation,inventory=_useFulfillmentSelect.inventory,selectedLocation=_useFulfillmentSelect.selectedLocation,conditioner=_useFulfillmentSelect.conditioner,fulfillmentPaths=_useFulfillmentSelect.fulfillmentPaths,selection=_useFulfillmentSelect.selection,isDirectShipEnabled=_useFulfillmentSelect.isDirectShipEnabled,isROPISEnabled=_useFulfillmentSelect.isROPISEnabled,isBOPISEnabled=_useFulfillmentSelect.isBOPISEnabled;var usedLocation=selectedLocation||preferredLocation;// Add to cart effect to validate inventory
-useEffect(function(){// Add most late conditioner
-conditioner.addConditioner('fulfillment-inventory',/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(){var mapping,selectedPath;return _regeneratorRuntime.wrap(function _callee$(_context){while(1)switch(_context.prev=_context.next){case 0:if(!(isDirectShipEnabled&&selection===DIRECT_SHIP)){_context.next=2;break;}return _context.abrupt("return",true);case 2:mapping=_defineProperty(_defineProperty(_defineProperty({},DIRECT_SHIP,isDirectShipEnabled),ROPIS,isROPISEnabled),BOPIS,isBOPISEnabled);if(!(!selection||!mapping[selection]||!usedLocation)){_context.next=5;break;}return _context.abrupt("return",false);case 5:if(isProductAvailable(usedLocation,inventory)){_context.next=7;break;}return _context.abrupt("return",false);case 7:if(!(fulfillmentPaths.length>1)){_context.next=19;break;}_context.next=10;return promisifiedFulfillmentPathSelector();case 10:selectedPath=_context.sent;if(!(selectedPath==='')){_context.next=13;break;}return _context.abrupt("return",false);case 13:if(!(selectedPath===MULTI_LINE_RESERVE)){_context.next=15;break;}return _context.abrupt("return",true);case 15:if(!(selectedPath===QUICK_RESERVE)){_context.next=18;break;}FulfillmentSheet.open({stage:STAGE_RESERVE_FORM,fulfillmentPath:selectedPath});return _context.abrupt("return",false);case 18:return _context.abrupt("return",false);case 19:if(fulfillmentPaths.includes(MULTI_LINE_RESERVE)){_context.next=22;break;}// Open reservation form. Stop adding to a cart
-FulfillmentSheet.open({stage:STAGE_RESERVE_FORM});return _context.abrupt("return",false);case 22:return _context.abrupt("return",isProductAvailable(usedLocation,inventory));case 23:case"end":return _context.stop();}},_callee);})),100);return function(){return conditioner.removeConditioner('fulfillment-inventory');};},[conditioner,fulfillmentPaths,selection,usedLocation,isDirectShipEnabled,isROPISEnabled,isBOPISEnabled,inventory]);return null;}

package/locations/components/FulfillmentSelector/FulfillmentSelectorAlternativeLocation.js

@@ -1,8 +0,0 @@
-import React,{useEffect,memo}from'react';import{connect}from'react-redux';import PropTypes from'prop-types';import{withWidgetSettings}from'@shopgate/engage/core';import{Grid,ResponsiveContainer,SurroundPortals}from'@shopgate/engage/components';import{MERCHANT_SETTINGS_PRODUCT_SHOW_ALTERNATIVE_LOCATION}from"../../../core/constants";import{provideProductAlternativeLocation}from"../../action-creators";import{StockInfo}from"../StockInfo";import{locationName,alternativeLocation as gridClassName}from"./FulfillmentSelectorLocation.style";import{itemColumn,itemSpacer}from"./FulfillmentSelectorItem.style";import{useFulfillmentSelectorState}from"./FulfillmentSelector.hooks";import{PRODUCT_FULFILLMENT_SELECTOR_ALTERNATIVE_LOCATION}from"../../constants/Portals";import{getProductAlternativeLocations}from"../../selectors";import{SORT_CLOSEST_LOCATION_WITH_INVENTORY}from"../../constants";/**
- * The FulfillmentSelectorLocation component
- * @returns {JSX}
- */function FulfillmentSelectorAlternativeLocation(_ref){var productId=_ref.productId,show=_ref.show,alternativeLocations=_ref.alternativeLocations,provideAlternativeLocation=_ref.provideAlternativeLocation,widgetSettings=_ref.widgetSettings;var _useFulfillmentSelect=useFulfillmentSelectorState(),_useFulfillmentSelect2=_useFulfillmentSelect.merchantSettings,merchantSettings=_useFulfillmentSelect2===void 0?{}:_useFulfillmentSelect2,selectedLocation=_useFulfillmentSelect.selectedLocation;var _ref2=widgetSettings||{},_ref2$alternativeLoca=_ref2.alternativeLocationOnPDP,_ref2$alternativeLoca2=_ref2$alternativeLoca===void 0?{}:_ref2$alternativeLoca,_ref2$alternativeLoca3=_ref2$alternativeLoca2.radius,radius=_ref2$alternativeLoca3===void 0?50:_ref2$alternativeLoca3;var showAlternative=merchantSettings[MERCHANT_SETTINGS_PRODUCT_SHOW_ALTERNATIVE_LOCATION]||false;useEffect(function(){if(show&&showAlternative&&productId&&!alternativeLocations){provideAlternativeLocation(productId,{sort:SORT_CLOSEST_LOCATION_WITH_INVENTORY,radius:radius});}},[productId,provideAlternativeLocation,alternativeLocations,radius,show,showAlternative]);if(!show||!showAlternative||!productId){return null;}if(!alternativeLocations||!alternativeLocations.length){return null;}var alternativeLocation=alternativeLocations.find(function(l){return l.code!==(selectedLocation===null||selectedLocation===void 0?void 0:selectedLocation.code);});return React.createElement(SurroundPortals,{portalName:PRODUCT_FULFILLMENT_SELECTOR_ALTERNATIVE_LOCATION,portalProps:{productId:productId,location:alternativeLocation}},alternativeLocation&&React.createElement(Grid,{component:"div",className:gridClassName},React.createElement(ResponsiveContainer,{appAlways:true,breakpoint:"xs"},React.createElement(Grid.Item,{className:itemColumn,grow:1,shrink:0,component:"div"},React.createElement("div",{className:locationName},alternativeLocation.name)),React.createElement(Grid.Item,{className:itemColumn,grow:1,shrink:0,component:"div"},React.createElement(StockInfo,{productId:productId,location:alternativeLocation}))),React.createElement(ResponsiveContainer,{webOnly:true,breakpoint:">xs"},React.createElement("div",{className:locationName},alternativeLocation.name,React.createElement("span",{className:itemSpacer},React.createElement(StockInfo,{productId:productId,location:alternativeLocation}))))));}FulfillmentSelectorAlternativeLocation.defaultProps={alternativeLocations:null,productId:null,widgetSettings:null};/**
- * @param {Object} state The current application state.
- * @param {Object} props The component props.
- * @return {Object}
- */var mapStateToProps=function mapStateToProps(state,props){var _props$widgetSettings,_props$widgetSettings2;return{alternativeLocations:getProductAlternativeLocations(state,{productId:props.productId,params:{sort:SORT_CLOSEST_LOCATION_WITH_INVENTORY,radius:((_props$widgetSettings=props.widgetSettings)===null||_props$widgetSettings===void 0?void 0:(_props$widgetSettings2=_props$widgetSettings.alternativeLocationOnPDP)===null||_props$widgetSettings2===void 0?void 0:_props$widgetSettings2.radius)||50}})};};var mapDispatchToProps={provideAlternativeLocation:provideProductAlternativeLocation};export default withWidgetSettings(connect(mapStateToProps,mapDispatchToProps)(memo(FulfillmentSelectorAlternativeLocation)),'@shopgate/engage/locations');

package/locations/components/FulfillmentSelector/FulfillmentSelectorBOPIS.js

@@ -1,4 +0,0 @@
-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 from'react';import classNames from'classnames';import{i18n}from"../../../core";import{IN_STORE_PICKUP_BOPIS_LABEL}from"../../constants";import{itemRowDisabled}from"./FulfillmentSelectorItem.style";import{useFulfillmentSelectorState}from"./FulfillmentSelector.hooks";/**
- * Renders the FulfillmentSelectorBOPIS components.
- * @returns {JSX}
- */export function FulfillmentSelectorBOPIS(){var _useFulfillmentSelect=useFulfillmentSelectorState(),isBOPISEnabled=_useFulfillmentSelect.isBOPISEnabled,isReady=_useFulfillmentSelect.isReady;var classes=classNames(_defineProperty({},itemRowDisabled.toString(),!isReady||!isBOPISEnabled));return React.createElement("div",{className:classes},i18n.text(IN_STORE_PICKUP_BOPIS_LABEL));}

package/locations/components/FulfillmentSelector/FulfillmentSelectorDirectShip.js

@@ -1,5 +0,0 @@
-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 classNames from'classnames';import{Grid}from'@shopgate/engage/components';import{i18n}from"../../../core";import{Availability}from"../../../product";import{DIRECT_SHIP_LABEL,DIRECT_SHIP}from"../../constants";import{itemRow,itemColumn,itemRowDisabled}from"./FulfillmentSelectorItem.style";import{useFulfillmentSelectorState}from"./FulfillmentSelector.hooks";import{FulfillmentSelectorImpossibleError}from"./FulfillmentSelectorImpossibleError";/**
- * Renders the direct ship item label.
- * @param {Object} props The component props.
- * @returns {JSX}
- */export function FulfillmentSelectorDirectShip(){var _useFulfillmentSelect=useFulfillmentSelectorState(),productId=_useFulfillmentSelect.productId,selection=_useFulfillmentSelect.selection,isOrderable=_useFulfillmentSelect.isOrderable,isDirectShipEnabled=_useFulfillmentSelect.isDirectShipEnabled,isReady=_useFulfillmentSelect.isReady;var rowClasses=React.useMemo(function(){return classNames(itemRow,_defineProperty({},itemRowDisabled.toString(),!isReady||!isDirectShipEnabled));},[isDirectShipEnabled,isReady]);var selected=selection===DIRECT_SHIP;if(selected&&!isOrderable){return React.createElement(React.Fragment,null,React.createElement("div",null,i18n.text(DIRECT_SHIP_LABEL)),React.createElement(FulfillmentSelectorImpossibleError,null));}return React.createElement(Grid,{className:rowClasses,component:"div"},React.createElement(Grid.Item,{className:itemColumn,grow:1,shrink:0,component:"div"},i18n.text(DIRECT_SHIP_LABEL)),React.createElement(Grid.Item,{className:itemColumn,grow:1,shrink:0,component:"div"},isReady&&isDirectShipEnabled&&isOrderable&&React.createElement(Availability,{productId:productId,fulfillmentSelection:DIRECT_SHIP})));}

package/locations/components/FulfillmentSelector/FulfillmentSelectorHeader.js

@@ -1,4 +0,0 @@
-import React from'react';import{i18n}from'@shopgate/engage/core';import{container}from"./FulfillmentSelectorHeader.style";/**
- * Renders the fulfillment selector title.
- * @returns {JSX}
- */export function FulfillmentSelectorHeader(){return React.createElement("div",{role:"heading",className:container},i18n.text('locations.fulfillment.heading'));}

package/locations/components/FulfillmentSelector/FulfillmentSelectorHeader.style.js

@@ -1 +0,0 @@
-import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var variables=themeConfig.variables;export var container=css({fontWeight:500,marginBottom:variables.gap.xsmall});

package/locations/components/FulfillmentSelector/FulfillmentSelectorImpossibleError.js

@@ -1,4 +0,0 @@
-import React,{useMemo,useContext}from'react';import{Availability}from'@shopgate/engage/components';import{i18n,LoadingContext,useRoute}from'@shopgate/engage/core';import{AVAILABILITY_STATE_ALERT}from'@shopgate/engage/product';import{DIRECT_SHIP,ROPIS,BOPIS}from"../../constants";import{useFulfillmentSelectorState}from"./FulfillmentSelector.hooks";import{container}from"./FulfillmentSelectorImpossibleError.style";/**
- * Renders the "not possible" error for each item.
- * @returns {JSX}
- */export function FulfillmentSelectorImpossibleError(){var _useFulfillmentSelect=useFulfillmentSelectorState(),selection=_useFulfillmentSelect.selection,selectedLocation=_useFulfillmentSelect.selectedLocation;var _useRoute=useRoute(),pathname=_useRoute.pathname;var _useContext=useContext(LoadingContext),isLoading=_useContext.isLoading;var isDirectShip=useMemo(function(){return selection===DIRECT_SHIP;},[selection]);var isInStorePickup=useMemo(function(){return[ROPIS,BOPIS].includes(selection);},[selection]);if(!isDirectShip&&!isInStorePickup||isLoading(pathname)){return null;}var label=i18n.text('locations.fulfillment.error.reserve');if(isDirectShip){label=i18n.text('locations.fulfillment.error.direct_ship');}if(!isDirectShip&&!(selectedLocation===null||selectedLocation===void 0?void 0:selectedLocation.code)){label=i18n.text('locations.fulfillment.error.not_ready');}return React.createElement(Availability,{className:container,showWhenAvailable:true,text:label,state:AVAILABILITY_STATE_ALERT});}

package/locations/components/FulfillmentSelector/FulfillmentSelectorImpossibleError.style.js

@@ -1 +0,0 @@
-import{css}from'glamor';export var container=css({fontSize:'0.625rem'}).toString();

package/locations/components/FulfillmentSelector/FulfillmentSelectorItem.js

@@ -1,8 +0,0 @@
-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 classNames from'classnames';import CheckedIcon from'@shopgate/pwa-ui-shared/icons/RadioCheckedIcon';import UncheckedIcon from'@shopgate/pwa-ui-shared/icons/RadioUncheckedIcon';import{radioContainer,disabled as radioContainerDisabled,activeIcon,activeIconDisabled,inactiveIcon,inactiveIconDisabled,radio,content}from"./FulfillmentSelectorItem.style";import{useFulfillmentSelectorState}from"./FulfillmentSelector.hooks";/**
- * Renders a fulfillment selector radio item.
- * @param {Object} props The component props.
- * @returns {JSX}
- */function FulfillmentSelectorItemUnwrapped(props){var name=props.name,children=props.children,onChange=props.onChange,disabled=props.disabled;var _useFulfillmentSelect=useFulfillmentSelectorState(),selection=_useFulfillmentSelect.selection;var checked=selection===name;/**
-   * Handle the change to the radio item.
-   * @param {Object} event The change event.
-   */function handleChange(event){event.preventDefault();if(disabled){return;}onChange(name);}var containerClasses=classNames(radioContainer.toString(),_defineProperty({},radioContainerDisabled.toString(),disabled));return React.createElement("label",{htmlFor:name,className:containerClasses,onClick:handleChange,role:"radio","aria-checked":checked,tabIndex:"0"},checked?React.createElement(CheckedIcon,{className:disabled?activeIconDisabled:activeIcon}):React.createElement(UncheckedIcon,{className:disabled?inactiveIconDisabled:inactiveIcon}),React.createElement("input",{type:"radio",checked:checked,name:name,className:radio,readOnly:true}),React.createElement("div",{className:content},children));}FulfillmentSelectorItemUnwrapped.defaultProps={disabled:false};export var FulfillmentSelectorItem=React.memo(FulfillmentSelectorItemUnwrapped);

package/locations/components/FulfillmentSelector/FulfillmentSelectorItem.style.js

@@ -1 +0,0 @@
-import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var variables=themeConfig.variables,colors=themeConfig.colors;export var radioContainer=css({display:'flex',flexFlow:'row nowrap',padding:"".concat(variables.gap.xsmall,"px 0")});export var disabled=css({cursor:'not-allowed'});var icon={width:24,height:24,flexShrink:0,marginTop:'-1px',marginRight:variables.gap.small,color:'var(--color-text-medium-emphasis)'};export var inactiveIcon=css(icon).toString();export var inactiveIconDisabled=css(icon,{opacity:0.3}).toString();export var activeIcon=css(icon,{color:"var(--color-primary, ".concat(colors.primary,")")}).toString();export var activeIconDisabled=css(icon,{color:"var(--color-primary, ".concat(colors.primary,")"),opacity:0.3}).toString();export var radio=css({display:'none'});export var content=css({flexGrow:1,color:'var(--color-text-high-emphasis)'});export var itemRow=css({alignContent:'stretch',alignItems:'baseline'}).toString();export var itemRowDisabled=css({opacity:0.3});export var itemSpacer=css({marginLeft:16});export var itemColumn=css({display:'block',width:'50%','&:first-of-type':{paddingRight:variables.gap.small},'&:last-of-type':{textAlign:'right'}}).toString();

package/locations/components/FulfillmentSelector/FulfillmentSelectorLocation.js

@@ -1,4 +0,0 @@
-import React,{useCallback,useMemo,Fragment}from'react';import classNames from'classnames';import intersection from'lodash/intersection';import{Grid,ResponsiveContainer,SurroundPortals}from'@shopgate/engage/components';import{ROPIS,BOPIS,DIRECT_SHIP}from"../../constants";import{i18n}from"../../../core";import{isProductAvailable}from"../../helpers";import{ChangeLocationButton}from"../ChangeLocationButton";import{StockInfo}from"../StockInfo";import{FulfillmentSelectorImpossibleError}from"./FulfillmentSelectorImpossibleError";import{useFulfillmentSelectorState}from"./FulfillmentSelector.hooks";import{container,unavailable,locationName}from"./FulfillmentSelectorLocation.style";import{itemRow,itemColumn,itemSpacer}from"./FulfillmentSelectorItem.style";import{PRODUCT_FULFILLMENT_SELECTOR_LOCATION}from"../../constants/Portals";import{FulfillmentSelectorLocationMethodNotAvailable}from"./FulfillmentSelectorLocationMethodNotAvailable";import FulfillmentSelectorAlternativeLocation from"./FulfillmentSelectorAlternativeLocation";/**
- * The FulfillmentSelectorLocation component
- * @returns {JSX}
- */export function FulfillmentSelectorLocation(){var _useFulfillmentSelect=useFulfillmentSelectorState(),selection=_useFulfillmentSelect.selection,preferredLocation=_useFulfillmentSelect.preferredLocation,selectedLocation=_useFulfillmentSelect.selectedLocation,inventory=_useFulfillmentSelect.inventory,handleChange=_useFulfillmentSelect.handleChange,isReady=_useFulfillmentSelect.isReady,isROPISEnabled=_useFulfillmentSelect.isROPISEnabled,isBOPISEnabled=_useFulfillmentSelect.isBOPISEnabled,userFulfillmentMethod=_useFulfillmentSelect.userFulfillmentMethod,productFulfillmentMethods=_useFulfillmentSelect.productFulfillmentMethods,shopFulfillmentMethods=_useFulfillmentSelect.shopFulfillmentMethods,locationFulfillmentMethods=_useFulfillmentSelect.locationFulfillmentMethods,useLocationFulfillmentMethods=_useFulfillmentSelect.useLocationFulfillmentMethods,productId=_useFulfillmentSelect.productId;var usedLocation=selectedLocation||preferredLocation;var selected=[ROPIS,BOPIS].includes(selection);var isOrderable=isProductAvailable(usedLocation||{},inventory||{});var handleChangeLocation=useCallback(function(){if(selected){handleChange(userFulfillmentMethod,true);}},[handleChange,selected,userFulfillmentMethod]);var locationSupportsFulfillmentMethod=useMemo(function(){if(!useLocationFulfillmentMethods||!selected){return true;}return locationFulfillmentMethods.includes(userFulfillmentMethod);},[locationFulfillmentMethods,selected,useLocationFulfillmentMethods,userFulfillmentMethod]);var selectionAvailableForProduct=useMemo(function(){return intersection(shopFulfillmentMethods||[],productFulfillmentMethods||[]).filter(function(entry){return entry!==DIRECT_SHIP;}).includes(selection);},[shopFulfillmentMethods,productFulfillmentMethods,selection]);if(!isReady||preferredLocation&&!inventory){return null;}var isRopeMethodEnabled=isROPISEnabled||isBOPISEnabled||selectionAvailableForProduct;return React.createElement(Fragment,null,React.createElement(SurroundPortals,{portalName:PRODUCT_FULFILLMENT_SELECTOR_LOCATION,portalProps:{productId:productId,location:usedLocation,inventory:inventory}},isRopeMethodEnabled&&isOrderable&&usedLocation&&React.createElement(Grid,{className:classNames(itemRow,container),component:"div"},React.createElement(Grid,{component:"div"},React.createElement(ResponsiveContainer,{appAlways:true,breakpoint:"xs"},React.createElement(Grid.Item,{className:itemColumn,grow:1,shrink:0,component:"div"},React.createElement("div",{className:locationName},usedLocation.name)),React.createElement(Grid.Item,{className:itemColumn,grow:1,shrink:0,component:"div"},React.createElement(StockInfo,{productId:productId,location:usedLocation}))),React.createElement(ResponsiveContainer,{webOnly:true,breakpoint:">xs"},React.createElement("div",null,React.createElement("div",{className:locationName},usedLocation.name)),React.createElement("div",{className:itemSpacer},React.createElement(StockInfo,{productId:productId,location:usedLocation})))),selectionAvailableForProduct&&!locationSupportsFulfillmentMethod?React.createElement(FulfillmentSelectorLocationMethodNotAvailable,{method:userFulfillmentMethod}):null,React.createElement(ChangeLocationButton,{onClick:handleChangeLocation,disabled:!selected})),isRopeMethodEnabled&&selected&&!isOrderable&&React.createElement("div",{className:container},React.createElement("div",{className:locationName},(usedLocation===null||usedLocation===void 0?void 0:usedLocation.name)||''),React.createElement(FulfillmentSelectorImpossibleError,null),React.createElement(ChangeLocationButton,{onClick:handleChangeLocation})),false&&!isRopeMethodEnabled?React.createElement("div",{className:classNames(unavailable,container)},i18n.text('locations.no_available')):null),React.createElement(FulfillmentSelectorAlternativeLocation,{show:!!isRopeMethodEnabled&&!!usedLocation&&!!inventory&&!isOrderable,productId:productId}));}

package/locations/components/FulfillmentSelector/FulfillmentSelectorLocation.style.js

@@ -1 +0,0 @@
-import{css}from'glamor';import{themeVariables,themeColors}from'@shopgate/pwa-common/helpers/config';export var container=css({fontSize:'0.75rem',padding:"0 ".concat(themeVariables.gap.big,"px ").concat(themeVariables.gap.small,"px ").concat(themeVariables.gap.big*3,"px"),marginTop:"-".concat(themeVariables.gap.small,"px"),flexDirection:'column'}).toString();export var alternativeLocation=css({fontSize:'0.825rem',padding:"0 ".concat(themeVariables.gap.big,"px ").concat(themeVariables.gap.small,"px ").concat(themeVariables.gap.big*3,"px")}).toString();export var unavailable=css({color:themeColors.dark,fontSize:'0.625rem',textTransform:'uppercase',letterSpacing:'0.05em',opacity:0.5}).toString();export var locationName=css({color:'var(--color-text-medium-emphasis)'});

package/locations/components/FulfillmentSelector/FulfillmentSelectorLocationMethodNotAvailable.js

@@ -1,3 +0,0 @@
-import React,{useMemo}from'react';import PropTypes from'prop-types';import{css}from'glamor';import{Availability}from'@shopgate/engage/components';import{i18n}from'@shopgate/engage/core';import{AVAILABILITY_STATE_ALERT}from'@shopgate/engage/product';import{ROPIS,BOPIS}from"../../constants";export var container=css({fontSize:'0.625rem'}).toString();/**
- * @returns {JSX}
- */export function FulfillmentSelectorLocationMethodNotAvailable(_ref){var method=_ref.method;var label=useMemo(function(){if(method===ROPIS){return i18n.text('locations.fulfillment.error.ropis');}if(method===BOPIS){return i18n.text('locations.fulfillment.error.bopis');}return null;},[method]);if(!label){return null;}return React.createElement(Availability,{className:container,showWhenAvailable:true,text:label,state:AVAILABILITY_STATE_ALERT});}

package/locations/components/FulfillmentSelector/FulfillmentSelectorROPIS.js

@@ -1,4 +0,0 @@
-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 from'react';import classNames from'classnames';import{i18n}from"../../../core";import{IN_STORE_PICKUP_ROPIS_LABEL}from"../../constants";import{itemRowDisabled}from"./FulfillmentSelectorItem.style";import{useFulfillmentSelectorState}from"./FulfillmentSelector.hooks";/**
- * Renders the FulfillmentSelectorROPIS components.
- * @returns {JSX}
- */export function FulfillmentSelectorROPIS(){var _useFulfillmentSelect=useFulfillmentSelectorState(),isROPISEnabled=_useFulfillmentSelect.isROPISEnabled,isReady=_useFulfillmentSelect.isReady;var classes=classNames(_defineProperty({},itemRowDisabled.toString(),!isReady||!isROPISEnabled));return React.createElement("div",{className:classes},i18n.text(IN_STORE_PICKUP_ROPIS_LABEL));}

package/locations/components/FulfillmentSelector/index.js

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

package/locations/components/FulfillmentSheet/FulfillmentSheet.js

@@ -1,6 +0,0 @@
-var _excluded=["allowClose"];function _objectWithoutProperties(source,excluded){if(source==null)return{};var target=_objectWithoutPropertiesLoose(source,excluded);var key,i;if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++){key=sourceSymbolKeys[i];if(excluded.indexOf(key)>=0)continue;if(!Object.prototype.propertyIsEnumerable.call(source,key))continue;target[key]=source[key];}}return target;}function _objectWithoutPropertiesLoose(source,excluded){if(source==null)return{};var target={};var sourceKeys=Object.keys(source);var key,i;for(i=0;i<sourceKeys.length;i++){key=sourceKeys[i];if(excluded.indexOf(key)>=0)continue;target[key]=source[key];}return target;}import*as React from'react';import PropTypes from'prop-types';import{FulfillmentProvider,openSheet}from"../../providers";import{FulfillmentSheetContent}from"./FulfillmentSheetContent";/**
- * Renders the fulfillment sheet.
- * @param {Object} props The component props.
- * @param {boolean} props.allowClose Whether the sheet can be closed via a button
- * @returns {JSX.Element}
- */export var FulfillmentSheet=function FulfillmentSheet(_ref){var _ref$allowClose=_ref.allowClose,allowClose=_ref$allowClose===void 0?true:_ref$allowClose,props=_objectWithoutProperties(_ref,_excluded);return React.createElement(FulfillmentProvider,props,React.createElement(FulfillmentSheetContent,{allowClose:allowClose}));};FulfillmentSheet.defaultProps={allowClose:true};FulfillmentSheet.open=openSheet;

package/locations/components/FulfillmentSheet/FulfillmentSheet.style.js

@@ -1 +0,0 @@
-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';import{responsiveMediaQuery}from'@shopgate/engage/styles';var variables=themeConfig.variables;export var sheet=css(_defineProperty({maxHeight:"calc(var(--vh-100, 100vh) - ".concat(variables.navigator.height,"px)")},responsiveMediaQuery('>sm',{webOnly:true}),{maxHeight:"calc(var(--vh-80, 80vh) - ".concat(variables.navigator.height,"px)")}));

package/locations/components/FulfillmentSheet/FulfillmentSheetContent.js

@@ -1,6 +0,0 @@
-import*as React from'react';import PropTypes from'prop-types';import{FulfillmentContext}from"../../locations.context";import{STAGE_SELECT_STORE,STAGE_RESERVE_FORM,STAGE_RESPONSE_SUCCESS,STAGE_RESPONSE_ERROR,STAGE_FULFILLMENT_METHOD}from"../../constants";import SheetDrawer from"../../../components/SheetDrawer";import{StoreList}from"../StoreList";import{ReserveForm}from"../ReserveForm";import{ReservationSuccess,ReservationError}from"../ReservationResponses";import{FulfillmentPath}from"../FulfillmentPath";import{sheet}from"./FulfillmentSheet.style";/**
- * Renders the content of the fulfillment sheet.
- * @param {Object} props The component props.
- * @param {boolean} props.allowClose Whether the sheet can be closed via a button
- * @return {JSX.Element}
- */export var FulfillmentSheetContent=function FulfillmentSheetContent(_ref){var _ref$allowClose=_ref.allowClose,allowClose=_ref$allowClose===void 0?true:_ref$allowClose;var _React$useContext=React.useContext(FulfillmentContext),isStage=_React$useContext.isStage,title=_React$useContext.title,isOpen=_React$useContext.isOpen,handleClose=_React$useContext.handleClose,isLoading=_React$useContext.isLoading;return React.createElement(SheetDrawer,{isOpen:isOpen,title:title,onDidClose:handleClose,allowClose:allowClose,isLoading:isLoading},React.createElement("div",{className:sheet},isStage(STAGE_SELECT_STORE)&&React.createElement(StoreList,null),isStage(STAGE_RESERVE_FORM)&&React.createElement(ReserveForm,null),isStage(STAGE_RESPONSE_SUCCESS)&&React.createElement(ReservationSuccess,null),isStage(STAGE_RESPONSE_ERROR)&&React.createElement(ReservationError,null),isStage(STAGE_FULFILLMENT_METHOD)&&React.createElement(FulfillmentPath,null)));};FulfillmentSheetContent.defaultProps={allowClose:true};

package/locations/components/FulfillmentSheet/index.js

@@ -1 +0,0 @@
-export{FulfillmentSheet}from"./FulfillmentSheet";

package/locations/components/FulfillmentSlotSwitcher/FulfillmentSlotDialog.js

@@ -1,28 +0,0 @@
-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 _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,{Fragment,useState,useMemo,useEffect,useCallback}from'react';import classnames from'classnames';import moment from'moment';import PropTypes from'prop-types';import{connect}from'react-redux';import{css}from'glamor';import groupBy from'lodash/groupBy';import{SheetDrawer,Button}from'@shopgate/engage/components';import{i18n}from'@shopgate/engage/core';import{getActiveFulfillmentSlot}from'@shopgate/engage/cart/cart.selectors';import{makeGetFulfillmentSlotsForLocation,getPreferredLocation}from"../../selectors";import fetchFulfillmentSlots from"../../actions/fetchFulfillmentSlots";/**
- * Map state to props.
- * @returns {Function}
- */var makeMapStateToProps=function makeMapStateToProps(){var getFulfillmentSlotsForLocation=makeGetFulfillmentSlotsForLocation(function(state){var _getPreferredLocation;return((_getPreferredLocation=getPreferredLocation(state))===null||_getPreferredLocation===void 0?void 0:_getPreferredLocation.code)||null;});return function(state){var _getPreferredLocation2;return{fulfillmentSlot:getActiveFulfillmentSlot(state),locationCode:(_getPreferredLocation2=getPreferredLocation(state))===null||_getPreferredLocation2===void 0?void 0:_getPreferredLocation2.code,fulfillmentSlots:getFulfillmentSlotsForLocation(state)};};};/**
- * Map dispatch to props.
- * @param {Function} dispatch Dispatch
- * @returns {Object}
- */var mapDispatchToProps=function mapDispatchToProps(dispatch){return{fetch:function fetch(locationCode){return dispatch(fetchFulfillmentSlots(locationCode));}};};var styles={root:css({position:'relative',display:'flex',flexDirection:'column',padding:16,paddingBottom:0}).toString(),title:css({fontSize:24,fontWeight:'500',marginBottom:8}).toString(),subtitle:css({fontSize:20,fontWeight:'500',marginBottom:8,marginTop:16}).toString(),row:css({display:'flex',flexDirection:'row',flexWrap:'wrap',marginLeft:-8,marginRight:-8}).toString(),button:css({position:'relative',cursor:'pointer',display:'flex',margin:8,justifyContent:'center',alignItems:'center',border:'1px solid var(--color-secondary)',borderRadius:4,background:'#fff',transition:'background, color 500ms',outline:'none'}).toString(),buttonActive:css({color:'#fff',background:'var(--color-secondary)'}).toString(),buttonDate:css({width:124,height:70,lineHeight:1.3}).toString(),buttonLabel:css({fontSize:20,textAlign:'center'}).toString(),buttonLabelSlot:css({padding:2,fontSize:16,textAlign:'center'}).toString(),buttonDisabled:css({cursor:'blocked',pointerEvents:'none',border:'1px solid #444'}).toString(),buttonStrikethrough:css({position:'absolute',background:'#444',left:0,right:0,height:2,transform:'rotate(-5deg)'}).toString(),buttonScheduleContainer:css({position:'sticky',bottom:'calc(-1 * env(safe-area-inset-bottom))',margin:-16,marginTop:8,background:'#fff',padding:16,paddingBottom:24}).toString(),buttonSchedule:css({'&&':{width:'100%'}}).toString()};/**
- * Get Month day time.
- * @param {string} time Time
- * @return {string}
- */var getMonthDay=function getMonthDay(time){var momentTime=moment(time,'YYYY-MM-DD');return momentTime.format('L').replace(new RegExp("[^.]?".concat(momentTime.format('YYYY'),".?")),'');};/**
- * Get Range for a time.
- * @param {string} from From
- * @param {string} to To
- * @return {string}
- */var getRange=function getRange(from,to){var _from$split$map=from.split(':').map(function(x){return parseInt(x,10);}),_from$split$map2=_slicedToArray(_from$split$map,2),fromHours=_from$split$map2[0],fromMinutes=_from$split$map2[1];var fromMoment=moment().set({hours:fromHours,minutes:fromMinutes});var _to$split$map=to.split(':').map(function(x){return parseInt(x,10);}),_to$split$map2=_slicedToArray(_to$split$map,2),toHours=_to$split$map2[0],toMinutes=_to$split$map2[1];var toMoment=moment().set({hours:toHours,minutes:toMinutes});return"".concat(fromMoment.format('LT')," - ").concat(toMoment.format('LT'));};/** Ranges for different times */var MORNING_RANGE=[0,11];var AFTERNOON_RANGE=[12,17];var EVENING_RANGE=[18,23];var RANGES={morning:MORNING_RANGE,afternoon:AFTERNOON_RANGE,evening:EVENING_RANGE};/**
- * @param {Object} props Props.
- * @returns {JSX}
- */var FulfillmentSlotSheet=function FulfillmentSlotSheet(_ref){var isOpen=_ref.isOpen,onClose=_ref.onClose,onChange=_ref.onChange,fulfillmentSlots=_ref.fulfillmentSlots,locationCode=_ref.locationCode,fetch=_ref.fetch,allowClose=_ref.allowClose,fulfillmentSlot=_ref.fulfillmentSlot;// Group by date.
-var groupedSlots=useMemo(function(){return groupBy(fulfillmentSlots,'date');},[fulfillmentSlots]);// Load slots when opening.
-useEffect(function(){if(!isOpen){return;}fetch({locationCode:locationCode});},[fetch,isOpen,locationCode]);// Handle active selected date.
-var _useState=useState(null),_useState2=_slicedToArray(_useState,2),selectedDate=_useState2[0],setSelectedDate=_useState2[1];useEffect(function(){if(!Object.keys(groupedSlots).length){return;}// Don't change if selected date is still available
-if(groupedSlots[selectedDate]){return;}setSelectedDate(Object.keys(groupedSlots)[0]);/* eslint-disable react-hooks/exhaustive-deps */},[groupedSlots]);/* eslint-enable react-hooks/exhaustive-deps */ // Handle groups of time slots
-var _useState3=useState(null),_useState4=_slicedToArray(_useState3,2),selectedSlot=_useState4[0],setSelectedSlot=_useState4[1];var _useState5=useState(null),_useState6=_slicedToArray(_useState5,2),slotGroups=_useState6[0],setSlotGroups=_useState6[1];useEffect(function(){if(!groupedSlots||!groupedSlots[selectedDate]){setSlotGroups(null);return;}var slotGroupsNew=Object.keys(RANGES).map(function(rangeName){var _RANGES$rangeName=_slicedToArray(RANGES[rangeName],2),start=_RANGES$rangeName[0],end=_RANGES$rangeName[1];return{name:rangeName,slots:groupedSlots[selectedDate].filter(function(slot){var _slot$from$split$map=slot.from.split(':').map(function(x){return parseInt(x,10);}),_slot$from$split$map2=_slicedToArray(_slot$from$split$map,1),startHour=_slot$from$split$map2[0];return startHour>=start&&startHour<=end;})};}).filter(function(group){return group.slots.length>0;});setSlotGroups(slotGroupsNew);},[selectedDate,groupedSlots]);useEffect(function(){var _groupedSlots$selecte,_groupedSlots$selecte2;if(!selectedDate||!groupedSlots||!groupedSlots[selectedDate]){setSelectedSlot(null);return;}// Only switch if not found.
-if(groupedSlots[selectedDate].find(function(slot){return slot.id===selectedSlot;})){return;}// Select first active slot.
-setSelectedSlot(((_groupedSlots$selecte=groupedSlots[selectedDate])===null||_groupedSlots$selecte===void 0?void 0:(_groupedSlots$selecte2=_groupedSlots$selecte.find(function(slot){return slot.status==='active';}))===null||_groupedSlots$selecte2===void 0?void 0:_groupedSlots$selecte2.id)||null);/* eslint-disable react-hooks/exhaustive-deps */},[selectedDate]);/* eslint-enable react-hooks/exhaustive-deps */ // When opening the selected values are set to active selected content.
-useEffect(function(){if(!isOpen||!fulfillmentSlot||!fulfillmentSlot.date){return;}setSelectedDate(fulfillmentSlot.date);setSelectedSlot(fulfillmentSlot.id);},[fulfillmentSlot,isOpen]);var handleChange=useCallback(function(){onChange(fulfillmentSlots.find(function(slot){return slot.id===selectedSlot;}));},[fulfillmentSlots,onChange,selectedSlot]);return React.createElement(SheetDrawer,{isOpen:isOpen,title:i18n.text('locations.your_current_timeslot.dialog.title'),onDidClose:onClose,allowClose:allowClose},React.createElement("div",{className:styles.root},React.createElement("span",{className:styles.title},i18n.text('locations.your_current_timeslot.dialog.date')),React.createElement("div",{className:styles.row},Object.keys(groupedSlots).map(function(date){return React.createElement("button",{type:"button",key:date,className:classnames(styles.button,styles.buttonDate,_defineProperty({},styles.buttonActive,selectedDate===date)),onClick:function onClick(){return setSelectedDate(date);}},React.createElement("span",{className:styles.buttonLabel},moment(date,'YYYY-MM-DD').format('dddd'),' ',getMonthDay(date)));})),slotGroups&&slotGroups.map(function(group){return React.createElement(Fragment,{key:group.name},React.createElement("span",{className:styles.subtitle},i18n.text("locations.your_current_timeslot.dialog.".concat(group.name))),React.createElement("div",{className:styles.row},group.slots.map(function(slot){return React.createElement("button",{type:"button",key:"".concat(slot.from,"-").concat(slot.to),onClick:function onClick(){return setSelectedSlot(slot.id);},className:classnames(styles.button,_defineProperty(_defineProperty({},styles.buttonDisabled,slot.status!=='active'),styles.buttonActive,slot.id===selectedSlot))},React.createElement("span",{className:styles.buttonLabelSlot},getRange(slot.from,slot.to)),slot.status!=='active'?React.createElement("div",{className:styles.buttonStrikethrough}):null);})));}),React.createElement("div",{className:styles.buttonScheduleContainer},React.createElement(Button,{className:styles.buttonSchedule,type:"secondary",onClick:handleChange,disabled:!selectedDate||!selectedSlot},i18n.text('locations.your_current_timeslot.dialog.schedule')))));};FulfillmentSlotSheet.defaultProps={isOpen:false,locationCode:null,fulfillmentSlots:[],fulfillmentSlot:null,allowClose:true};export default connect(makeMapStateToProps,mapDispatchToProps)(FulfillmentSlotSheet);

package/locations/components/FulfillmentSlotSwitcher/FulfillmentSlotProvider.connector.js

@@ -1,8 +0,0 @@
-import{connect}from'react-redux';import{getFulfillmentSchedulingEnabled}from'@shopgate/engage/core';import setFulfillmentSlot from'@shopgate/pwa-common-commerce/cart/action-creators/setFulfillmentSlot';/**
- * Creates the mapStateToProps connector function.
- * @returns {Function}
- */var makeMapStateToProps=function makeMapStateToProps(){return function(state){return{isFulfillmentScheduling:getFulfillmentSchedulingEnabled(state)};};};/**
- * Maps the contents of the state to the component props.
- * @param  {Function} dispatch The redux dispatch function.
- * @return {Object} The extended component props.
- */var mapDispatchToProps={setFulfillmentSlot:setFulfillmentSlot};export default connect(makeMapStateToProps,mapDispatchToProps);

package/locations/components/FulfillmentSlotSwitcher/FulfillmentSlotProvider.context.js

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

package/locations/components/FulfillmentSlotSwitcher/FulfillmentSlotProvider.js

@@ -1,9 +0,0 @@
-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,{useRef,useState,useCallback,useEffect}from'react';import PropTypes from'prop-types';import{UIEvents}from'@shopgate/pwa-core';import Dialog from"./FulfillmentSlotDialog";import connect from"./FulfillmentSlotProvider.connector";var EVENT_FORCE_OPEN='FULFILLMENT_SLOT_FORCE_OPEN';/**
- * Force opens the fulfillment slot dialog and returns a promise.
- * @returns {Promise}
- */export var forceOpenFulfillmentSlotDialog=function forceOpenFulfillmentSlotDialog(){return new Promise(function(resolve){UIEvents.emit(EVENT_FORCE_OPEN,{resolve:resolve});});};/**
- * @param {Object} props Props.
- * @returns {JSX}
- */var FulfillmentSlotProvider=function FulfillmentSlotProvider(_ref){var setFulfillmentSlot=_ref.setFulfillmentSlot,isFulfillmentScheduling=_ref.isFulfillmentScheduling;var promiseRef=useRef(null);// Handle sheet.
-var _useState=useState(false),_useState2=_slicedToArray(_useState,2),isOpen=_useState2[0],setOpen=_useState2[1];var _useState3=useState(true),_useState4=_slicedToArray(_useState3,2),allowClose=_useState4[0],setAllowClose=_useState4[1];var handleClose=useCallback(function(){setOpen(false);setAllowClose(true);},[]);useEffect(function(){/** */var callback=function callback(_ref2){var resolve=_ref2.resolve;promiseRef.current={resolve:resolve};setAllowClose(true);setOpen(true);};UIEvents.addListener(EVENT_FORCE_OPEN,callback);return function(){return UIEvents.removeListener(EVENT_FORCE_OPEN,callback);};});var handleUpdate=useCallback(function(slot){var _promiseRef$current;setFulfillmentSlot(slot);if((_promiseRef$current=promiseRef.current)===null||_promiseRef$current===void 0?void 0:_promiseRef$current.resolve){setTimeout(function(){var _promiseRef$current2;// eslint-disable-next-line no-unused-expressions
-(_promiseRef$current2=promiseRef.current)===null||_promiseRef$current2===void 0?void 0:_promiseRef$current2.resolve(slot);promiseRef.current=null;},10);}handleClose();},[handleClose,setFulfillmentSlot]);if(!isFulfillmentScheduling){return null;}return React.createElement(Dialog,{allowClose:allowClose,isOpen:isOpen,onClose:handleClose,onChange:handleUpdate});};FulfillmentSlotProvider.defaultProps={isFulfillmentScheduling:false};export default connect(FulfillmentSlotProvider);

package/locations/components/FulfillmentSlotSwitcher/FulfillmentSlotSwitcher.connector.js

@@ -1,4 +0,0 @@
-import{connect}from'react-redux';import{getFulfillmentSchedulingEnabled}from'@shopgate/engage/core';import{getActiveFulfillmentSlot,checkActiveFulfillmentSlotBelongsToPreferredLocation}from'@shopgate/engage/cart/cart.selectors';import{getIsCartStateConfigurable}from"../../selectors";/**
- * Creates the mapStateToProps connector function.
- * @returns {Function}
- */var makeMapStateToProps=function makeMapStateToProps(){return function(state){return{isFulfillmentScheduling:getFulfillmentSchedulingEnabled(state),fulfillmentSlot:getActiveFulfillmentSlot(state),isFulfillmentSlotValid:checkActiveFulfillmentSlotBelongsToPreferredLocation(state),editable:getIsCartStateConfigurable(state)};};};export default connect(makeMapStateToProps);

package/locations/components/FulfillmentSlotSwitcher/FulfillmentSlotSwitcher.js

@@ -1,4 +0,0 @@
-import React,{Fragment,useCallback}from'react';import PropTypes from'prop-types';import{css}from'glamor';import FulfillmentSlotSwitcherDefault from"./FulfillmentSlotSwitcherDefault";import FulfillmentSlotSwitcherBar from"./FulfillmentSlotSwitcherBar";import connect from"./FulfillmentSlotSwitcher.connector";import{forceOpenFulfillmentSlotDialog}from"./FulfillmentSlotProvider";var styles={card:css({boxShadow:'0px 4px 2px rgba(0, 0, 0, 0.05)',marginBottom:16,' > div > div':{borderBottom:0},' > div':{borderRadius:5,margin:-1,background:'#fff',border:'1px solid #eaeaea'}}).toString()};/**
- * @returns {JSX}
- */var FulfillmentSlotSwitcher=function FulfillmentSlotSwitcher(_ref){var fulfillmentSlot=_ref.fulfillmentSlot,renderBar=_ref.renderBar,isFulfillmentScheduling=_ref.isFulfillmentScheduling,isFulfillmentSlotValid=_ref.isFulfillmentSlotValid,standalone=_ref.standalone,card=_ref.card,editable=_ref.editable;// Handle sheet.
-var handleOpen=useCallback(function(){forceOpenFulfillmentSlotDialog();},[]);if(!isFulfillmentScheduling){return null;}return React.createElement(Fragment,null,renderBar?React.createElement("div",{className:card?styles.card:undefined},React.createElement(FulfillmentSlotSwitcherBar,{fulfillmentSlot:isFulfillmentSlotValid?fulfillmentSlot:null,handleChange:handleOpen,standalone:standalone,editable:editable})):React.createElement(FulfillmentSlotSwitcherDefault,{fulfillmentSlot:isFulfillmentSlotValid?fulfillmentSlot:null,handleChange:handleOpen,standalone:standalone,editable:editable}));};FulfillmentSlotSwitcher.defaultProps={isFulfillmentScheduling:false,fulfillmentSlot:null,renderBar:false,editable:true,card:false,standalone:false,isFulfillmentSlotValid:true};export default connect(FulfillmentSlotSwitcher);

package/locations/components/FulfillmentSlotSwitcher/FulfillmentSlotSwitcherBar.js

@@ -1,3 +0,0 @@
-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{RippleButton,I18n}from'@shopgate/engage/components';import{i18n}from'@shopgate/engage/core';import{wrapper,inner,innerStandalone,heading,name,button}from"./FulfillmentSlotSwitcherBar.style";import{getTimeSlotDisplayText}from"./time";/**
- * @returns {JSX}
- */var FulfillmentSlotSwitcherBar=function FulfillmentSlotSwitcherBar(_ref){var fulfillmentSlot=_ref.fulfillmentSlot,handleChange=_ref.handleChange,standalone=_ref.standalone,editable=_ref.editable;var displayTime=useMemo(function(){return getTimeSlotDisplayText(fulfillmentSlot);},[fulfillmentSlot]);return React.createElement("div",{className:wrapper},React.createElement("div",{className:classNames(inner,_defineProperty({},innerStandalone,standalone))},React.createElement("span",{className:heading},i18n.text('locations.your_current_timeslot.heading')),React.createElement("span",{className:name},displayTime),editable&&React.createElement(RippleButton,{onClick:handleChange,type:"secondary",className:button,flat:true},React.createElement(I18n.Text,{string:"locations.your_current_location.change"}))));};FulfillmentSlotSwitcherBar.defaultProps={fulfillmentSlot:null,standalone:false,editable:true};export default FulfillmentSlotSwitcherBar;

package/locations/components/FulfillmentSlotSwitcher/FulfillmentSlotSwitcherBar.style.js

@@ -1 +0,0 @@
-import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var variables=themeConfig.variables;export var wrapper=css({fontSize:'0.875rem',color:'var(--color-text-high-emphasis)',background:'var(--color-background-accent)'}).toString();export var inner=css({display:'flex',flexShrink:0,margin:"0 ".concat(variables.gap.big,"px"),borderBottom:'1px solid #eaeaea',alignItems:'center',height:variables.filterbar.height}).toString();export var innerStandalone=css({borderBottom:'none'}).toString();export var heading=css({paddingRight:variables.gap.small,':after':{content:':'}}).toString();export var name=css({fontWeight:500}).toString();export var button=css({marginLeft:'auto',letterSpacing:'0.05em',padding:"".concat(variables.gap.xsmall*0.75,"px 0 !important"),' *':{fontSize:'0.875rem',textTransform:'initial',padding:'0 !important',color:'var(--color-text-high-emphasis)',fontWeight:500}}).toString();

package/locations/components/FulfillmentSlotSwitcher/FulfillmentSlotSwitcherDefault.js

@@ -1,3 +0,0 @@
-import React,{useMemo}from'react';import PropTypes from'prop-types';import{RippleButton,I18n}from'@shopgate/engage/components';import{i18n}from'@shopgate/engage/core';import{wrapper,heading,name,button}from"./FulfillmentSlotSwitcherDefault.style";import{getTimeSlotDisplayText}from"./time";/**
- * @returns {JSX}
- */var FulfillmentSlotSwitcherDefault=function FulfillmentSlotSwitcherDefault(_ref){var handleChange=_ref.handleChange,fulfillmentSlot=_ref.fulfillmentSlot,editable=_ref.editable;var displayTime=useMemo(function(){return getTimeSlotDisplayText(fulfillmentSlot);},[fulfillmentSlot]);return React.createElement("div",{className:wrapper},React.createElement("div",{className:heading},i18n.text('locations.your_current_timeslot.heading')),React.createElement("div",{className:name},React.createElement("span",null,displayTime),React.createElement(RippleButton,{onClick:handleChange,type:"secondary",className:button,disabled:!editable,flat:true},React.createElement(I18n.Text,{string:"locations.your_current_location.change"}))));};FulfillmentSlotSwitcherDefault.defaultProps={fulfillmentSlot:null,editable:true};export default FulfillmentSlotSwitcherDefault;

package/locations/components/FulfillmentSlotSwitcher/FulfillmentSlotSwitcherDefault.style.js

@@ -1 +0,0 @@
-import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var variables=themeConfig.variables;export var wrapper=css({display:'flex',flexDirection:'column',fontSize:'0.875rem',padding:"0 ".concat(variables.gap.big,"px"),flexShrink:0});export var heading=css({color:'var(--color-text-medium-emphasis)'});export var name=css({fontWeight:500,color:'var(--color-text-high-emphasis)'});export var button=css({fontSize:'0.625rem !important',letterSpacing:'0.05em',padding:"".concat(variables.gap.xsmall*0.75,"px 0 !important"),' *':{padding:'0 !important'}}).toString();

package/locations/components/FulfillmentSlotSwitcher/index.js

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

package/locations/components/FulfillmentSlotSwitcher/time.js

@@ -1,5 +0,0 @@
-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 moment from'moment';import{i18n}from'@shopgate/engage/core';/**
- * Creates a display string for the given slot.
- * @param {Object} fulfillmentSlot Slot
- * @returns {Object}
- */export var getTimeSlotDisplayText=function getTimeSlotDisplayText(fulfillmentSlot){if(!fulfillmentSlot||!(fulfillmentSlot===null||fulfillmentSlot===void 0?void 0:fulfillmentSlot.date)||!(fulfillmentSlot===null||fulfillmentSlot===void 0?void 0:fulfillmentSlot.from)){return i18n.text('locations.your_current_timeslot.not_set');}var momentDate=moment(fulfillmentSlot.date,'YYYY-MM-DD');var fromNow=momentDate.fromNow();var relativeString=momentDate.calendar(null,{sameDay:"[".concat(i18n.text('locations.your_current_timeslot.today'),"]"),nextDay:"[".concat(i18n.text('locations.your_current_timeslot.tomorrow'),"]"),nextWeek:'dddd',sameElse:function sameElse(){return"[".concat(fromNow,"]");}});var _fulfillmentSlot$from=fulfillmentSlot.from.split(':').map(function(x){return parseInt(x,10);}),_fulfillmentSlot$from2=_slicedToArray(_fulfillmentSlot$from,2),fromHours=_fulfillmentSlot$from2[0],fromMinutes=_fulfillmentSlot$from2[1];var from=moment().set({hours:fromHours,minutes:fromMinutes||0});var _fulfillmentSlot$to$s=fulfillmentSlot.to.split(':').map(function(x){return parseInt(x,10);}),_fulfillmentSlot$to$s2=_slicedToArray(_fulfillmentSlot$to$s,2),toHours=_fulfillmentSlot$to$s2[0],toMinutes=_fulfillmentSlot$to$s2[1];var to=moment().set({hours:toHours,minutes:toMinutes||0});return"".concat(relativeString," ").concat(from.format('LT')," - ").concat(to.format('LT'));};