@shopgate/engage 7.29.1-beta.2 → 7.29.1-beta.3

package/components/SideNavigation/SideNavigationCategoriesItem.style.js

@@ -1,2 +1,2 @@
-import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var variables=themeConfig.variables;export var chevronButton=css({flexShrink:0,outline:0,margin:"0 -".concat(variables.gap.big,"px 0 ").concat(variables.gap.small,"px"),fontSize:'1.6em',color:'#373D41',position:'relative'});export var chevron=css({transformOrigin:'center center',transition:'transform 250ms cubic-bezier(0.25, 0.1, 0.25, 1)'});export var chevronDown=css(chevron,{transform:'rotateZ(0deg)'});export var chevronUp=css(chevron,{transform:'rotateZ(180deg)'});export var progressBar=css({position:'absolute',overflow:'hidden',width:'100%',bottom:0,height:3});export var open=css({//  borderRight: '2px solid var(--color-primary)',
+import{css}from'glamor';import{themeConfig}from'@shopgate/pwa-common/helpers/config';var variables=themeConfig.variables;export var chevronButton=css({flexShrink:0,outline:0,margin:"0 -".concat(variables.gap.big,"px 0 ").concat(variables.gap.small,"px"),fontSize:'1.6em',color:'#373D41',position:'relative'}).toString();export var chevron=css({transformOrigin:'center center',transition:'transform 250ms cubic-bezier(0.25, 0.1, 0.25, 1)'});export var chevronDown=css(chevron,{transform:'rotateZ(0deg)'});export var chevronUp=css(chevron,{transform:'rotateZ(180deg)'});export var progressBar=css({position:'absolute',overflow:'hidden',width:'100%',bottom:0,height:3}).toString();export var open=css({//  borderRight: '2px solid var(--color-primary)',
 }).toString();export var loadingIndicator=css({position:'absolute',padding:0,top:'50%',marginTop:'-50%',paddingTop:1,right:3}).toString();

package/components/SideNavigation/SideNavigationCategoriesItemChildren.js

@@ -1,5 +1,8 @@
-import React from'react';// eslint-disable-next-line import/no-cycle
+import React from'react';import PropTypes from'prop-types';// eslint-disable-next-line import/no-cycle
 import SideNavigationCategoriesItem from"./SideNavigationCategoriesItem";/**
- * The SideNavigationCategoriesItemChildren component
- * @returns {JSX}
+ * The SideNavigationCategoriesItemChildren component.
+ * @param {Object} props The component props.
+ * @param {Array} props.subcategories The list of subcategories.
+ * @param {number} props.level The current nesting level.
+ * @returns {JSX.Element} The rendered component.
  */var SideNavigationCategoriesItemChildren=function SideNavigationCategoriesItemChildren(_ref){var subcategories=_ref.subcategories,level=_ref.level;return React.createElement("ul",null,subcategories.map(function(category){return React.createElement(SideNavigationCategoriesItem,{key:category.id,level:level,categoryId:category.id});}));};export default SideNavigationCategoriesItemChildren;

package/components/SideNavigation/SideNavigationContent.js

@@ -1,3 +1,6 @@
-import React,{useMemo}from'react';import{INDEX_PATH}from'@shopgate/pwa-common/constants/RoutePaths';import SideNavigationCategories from"./SideNavigationCategories";import SideNavigationLinks from"./SideNavigationLinks";import SideNavigationItem from"./SideNavigationItem";import{useSideNavigation}from"./SideNavigation.hooks";import{container}from"./SideNavigationContent.style";/**
- * @returns {JSX}
+import React,{useMemo}from'react';import PropTypes from'prop-types';import{INDEX_PATH}from'@shopgate/pwa-common/constants/RoutePaths';import SideNavigationCategories from"./SideNavigationCategories";import SideNavigationLinks from"./SideNavigationLinks";import SideNavigationItem from"./SideNavigationItem";import{useSideNavigation}from"./SideNavigation.hooks";import{container}from"./SideNavigationContent.style";/**
+ * SideNavigationContent component.
+ * @param {Object} props - The component props.
+ * @param {Object} [props.classNames] - The class names for the navigation visibility.
+ * @returns {JSX.Element} The rendered component.
  */var SideNavigationContent=function SideNavigationContent(_ref){var classNames=_ref.classNames;var _useSideNavigation=useSideNavigation(),isVisible=_useSideNavigation.isVisible;var wrapperClass=useMemo(function(){if(!classNames){return'';}var _classNames$visible=classNames.visible,visible=_classNames$visible===void 0?'':_classNames$visible,_classNames$hidden=classNames.hidden,hidden=_classNames$hidden===void 0?'':_classNames$hidden;return isVisible?visible:hidden;},[classNames,isVisible]);return React.createElement("div",{className:wrapperClass},isVisible&&React.createElement("nav",{className:container},React.createElement("ul",null,React.createElement(SideNavigationItem,{href:INDEX_PATH,label:"navigation.home"}),React.createElement(SideNavigationCategories,null),React.createElement(SideNavigationLinks,null))));};SideNavigationContent.defaultProps={classNames:null};export default SideNavigationContent;

package/components/SideNavigation/SideNavigationContent.style.js

@@ -1,4 +1,4 @@
 import{css}from'glamor';export var container=css({background:'#fff'/*
   position: 'sticky',
   top: 'var(--app-bar-height)',
-  */});
+  */}).toString();

package/components/SideNavigation/SideNavigationItem.js

@@ -1,4 +1,14 @@
-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,memo}from'react';import classNames from'classnames';import Link from'@shopgate/pwa-common/components/Link';import{i18n}from'@shopgate/engage/core';import{getIndentation,item,itemActive,link,linkActive,list}from"./SideNavigationItem.style";import{useSideNavigation}from"./SideNavigation.hooks";/**
- * SideNavigationItem component
- * @returns {JSX}
- */var SideNavigationItem=function SideNavigationItem(_ref){var level=_ref.level,href=_ref.href,label=_ref.label,buttonRight=_ref.buttonRight,children=_ref.children,forceActive=_ref.forceActive,forceInactive=_ref.forceInactive,className=_ref.className,onClick=_ref.onClick;var _useSideNavigation=useSideNavigation(),currentPathname=_useSideNavigation.currentPathname;var isActive=useMemo(function(){return!forceInactive&&(currentPathname===href||forceActive);},[currentPathname,forceActive,forceInactive,href]);return React.createElement("li",{className:classNames(list,className)},React.createElement("div",{className:classNames(item,_defineProperty({},itemActive,isActive))},href?React.createElement(Link,{tag:"a",href:href,className:classNames(link,getIndentation(level),_defineProperty({},linkActive,isActive))},i18n.text(label)):React.createElement("button",{type:"button",className:classNames(link,getIndentation(level),_defineProperty({},linkActive,isActive)),onClick:onClick},i18n.text(label)),buttonRight),children);};SideNavigationItem.defaultProps={buttonRight:null,children:null,forceActive:false,forceInactive:false,level:0,href:null,className:null,onClick:function onClick(){}};export default memo(SideNavigationItem);
+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,memo}from'react';import classNames from'classnames';import Link from'@shopgate/pwa-common/components/Link';import{i18n}from'@shopgate/engage/core';import PropTypes from'prop-types';import{getIndentation,item,itemActive,link,linkActive,list}from"./SideNavigationItem.style";import{useSideNavigation}from"./SideNavigation.hooks";/**
+ * SideNavigationItem component.
+ * @param {Object} props - The component props.
+ * @param {React.ReactNode} [props.children] - The child components.
+ * @param {number} [props.level=0] - The indentation level of the item.
+ * @param {React.ReactNode} [props.buttonRight] - The button to display on the right side.
+ * @param {boolean} [props.forceActive=false] - Whether to force the item to be active.
+ * @param {boolean} [props.forceInactive=false] - Whether to force the item to be inactive.
+ * @param {string} [props.className] - Additional class names for the item.
+ * @param {Function} [props.onClick] - The click handler for the item.
+ * @param {string} [props.href] - The URL the item links to.
+ * @param {string} props.label - The label text for the item.
+ * @returns {JSX.Element} The rendered component.
+ */var SideNavigationItem=function SideNavigationItem(_ref){var children=_ref.children,level=_ref.level,buttonRight=_ref.buttonRight,forceActive=_ref.forceActive,forceInactive=_ref.forceInactive,className=_ref.className,onClick=_ref.onClick,href=_ref.href,label=_ref.label;var _useSideNavigation=useSideNavigation(),currentPathname=_useSideNavigation.currentPathname;var isActive=useMemo(function(){return!forceInactive&&(currentPathname===href||forceActive);},[currentPathname,forceActive,forceInactive,href]);return React.createElement("li",{className:classNames(list,className)},React.createElement("div",{className:classNames(item,_defineProperty({},itemActive,isActive))},href?React.createElement(Link,{tag:"a",href:href,className:classNames(link,getIndentation(level),_defineProperty({},linkActive,isActive))},i18n.text(label)):React.createElement("button",{type:"button",className:classNames(link,getIndentation(level),_defineProperty({},linkActive,isActive)),onClick:onClick},i18n.text(label)),buttonRight),children);};SideNavigationItem.defaultProps={buttonRight:null,children:null,forceActive:false,forceInactive:false,level:0,href:null,className:null,onClick:function onClick(){}};export default memo(SideNavigationItem);

package/components/SideNavigation/SideNavigationLinksLegal.js

@@ -1,5 +1,6 @@
-import React from'react';import SideNavigationItem from"./SideNavigationItem";import connect from"./SideNavigationLinksLegal.connector";/**
- *
- * @param {Object} props The component props
- * @returns {JSX}
+import React from'react';import PropTypes from'prop-types';import SideNavigationItem from"./SideNavigationItem";import connect from"./SideNavigationLinksLegal.connector";/**
+ * SideNavigationLinksLegal component.
+ * @param {Object} props - The component props.
+ * @param {Array<{label: string, url: string}>} [props.links] - The list of legal links.
+ * @returns {*[]} The rendered component or null.
  */var SideNavigationLinksLegal=function SideNavigationLinksLegal(_ref){var links=_ref.links;if(!links){return null;}return links.map(function(_ref2){var label=_ref2.label,url=_ref2.url;return React.createElement(SideNavigationItem,{key:url,href:url,label:label});});};SideNavigationLinksLegal.defaultProps={links:null,isFetching:false};export default connect(SideNavigationLinksLegal);

package/components/SideNavigation/SideNavigationLinksQuicklinks.js

@@ -1,5 +1,6 @@
-import React from'react';import SideNavigationItem from"./SideNavigationItem";import connect from"./SideNavigationLinksQuicklinks.connector";/**
+import React from'react';import PropTypes from'prop-types';import SideNavigationItem from"./SideNavigationItem";import connect from"./SideNavigationLinksQuicklinks.connector";/**
  *
  * @param {Object} props The component props
- * @returns {JSX}
- */var SideNavigationLinksQuicklinks=function SideNavigationLinksQuicklinks(_ref){var links=_ref.links;if(!links){return null;}return links.map(function(_ref2){var label=_ref2.label,url=_ref2.url;return React.createElement(SideNavigationItem,{key:url,href:url,label:label});});};SideNavigationLinksQuicklinks.defaultProps={links:null,isFetching:false};export default connect(SideNavigationLinksQuicklinks);
+ * @param {Array} props.links The quicklinks links
+ * @returns {*[]}
+ */var SideNavigationLinksQuicklinks=function SideNavigationLinksQuicklinks(_ref){var links=_ref.links;if(!links){return null;}return links.map(function(_ref2){var label=_ref2.label,url=_ref2.url;return React.createElement(SideNavigationItem,{key:url,href:url,label:label});});};SideNavigationLinksQuicklinks.defaultProps={links:null};export default connect(SideNavigationLinksQuicklinks);

package/components/SideNavigation/SideNavigationNestedItem.js

@@ -1,4 +1,10 @@
-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,{useState,useCallback,useMemo,useEffect}from'react';import ArrowDrop from'@shopgate/pwa-ui-shared/icons/ArrowDropIcon';import{chevronButton,chevronUp,chevronDown,open}from"./SideNavigationCategoriesItem.style";import SideNavigationItem from"./SideNavigationItem";/**
+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,{useState,useCallback,useMemo,useEffect}from'react';import ArrowDrop from'@shopgate/pwa-ui-shared/icons/ArrowDropIcon';import PropTypes from'prop-types';import{chevronButton,chevronUp,chevronDown,open}from"./SideNavigationCategoriesItem.style";import SideNavigationItem from"./SideNavigationItem";/**
  * The SideNavigationCategoriesItem component
- * @returns {JSX}
+ * @param {Object} props The component props.
+ * @param {number} props.level The nesting level.
+ * @param {string} props.label The item label.
+ * @param {string} props.href The item href.
+ * @param {JSX.Element} props.children The nested items.
+ * @param {boolean} props.forceActive Whether the item should be forced open.
+ * @returns {JSX.Element}
  */var SideNavigationNestedItem=function SideNavigationNestedItem(_ref){var level=_ref.level,label=_ref.label,href=_ref.href,children=_ref.children,forceActive=_ref.forceActive;var _useState=useState(forceActive),_useState2=_slicedToArray(_useState,2),isOpen=_useState2[0],setIsOpen=_useState2[1];useEffect(function(){if(forceActive){setIsOpen(true);}},[forceActive]);var handleClick=useCallback(function(){setIsOpen(!isOpen);},[isOpen]);var buttonRight=useMemo(function(){return React.createElement("button",{type:"button",onClick:handleClick,className:chevronButton},React.createElement(ArrowDrop,{className:(isOpen?chevronUp:chevronDown).toString()}));},[handleClick,isOpen]);return React.createElement(SideNavigationItem,{href:href,label:label,level:level,buttonRight:buttonRight,className:level===0&&isOpen?open:null,forceInactive:true},isOpen?children:null);};SideNavigationNestedItem.defaultProps={level:0,forceActive:false};export default SideNavigationNestedItem;

package/components/SideNavigation/SideNavigationProvider.js

@@ -1,4 +1,13 @@
-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,{useState,useMemo,useEffect}from'react';import{CATEGORY_PATTERN,CATEGORY_FILTER_PATTERN}from'@shopgate/pwa-common-commerce/category/constants';import{ITEM_PATTERN,ITEM_GALLERY_PATTERN,ITEM_REVIEWS_PATTERN,ITEM_WRITE_REVIEW_PATTERN}from'@shopgate/pwa-common-commerce/product/constants';import{hex2bin}from'@shopgate/pwa-common/helpers/data';import Context from"./SideNavigationProvider.context";import connect from"./SideNavigationProvider.connector";var categoryPatterns=[CATEGORY_PATTERN,CATEGORY_FILTER_PATTERN];var itemPatterns=[ITEM_PATTERN,ITEM_GALLERY_PATTERN,ITEM_REVIEWS_PATTERN,ITEM_WRITE_REVIEW_PATTERN];/**
+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,{useState,useMemo,useEffect}from'react';import PropTypes from'prop-types';import{CATEGORY_PATTERN,CATEGORY_FILTER_PATTERN}from'@shopgate/pwa-common-commerce/category/constants';import{ITEM_PATTERN,ITEM_GALLERY_PATTERN,ITEM_REVIEWS_PATTERN,ITEM_WRITE_REVIEW_PATTERN}from'@shopgate/pwa-common-commerce/product/constants';import{hex2bin}from'@shopgate/pwa-common/helpers/data';import Context from"./SideNavigationProvider.context";import connect from"./SideNavigationProvider.connector";var categoryPatterns=[CATEGORY_PATTERN,CATEGORY_FILTER_PATTERN];var itemPatterns=[ITEM_PATTERN,ITEM_GALLERY_PATTERN,ITEM_REVIEWS_PATTERN,ITEM_WRITE_REVIEW_PATTERN];/**
  * SideNavigation Provider
- * @returns {JSX}
- */var SideNavigationProvider=function SideNavigationProvider(_ref){var maxCategoryNesting=_ref.maxCategoryNesting,routePatternBlacklist=_ref.routePatternBlacklist,currentParams=_ref.currentParams,currentPathname=_ref.currentPathname,currentRoute=_ref.currentRoute,isLoggedIn=_ref.isLoggedIn,logout=_ref.logout,children=_ref.children;var _useState=useState(null),_useState2=_slicedToArray(_useState,2),activeCategoryId=_useState2[0],setActiveCategoryId=_useState2[1];var _useState3=useState(true),_useState4=_slicedToArray(_useState3,2),isVisible=_useState4[0],setIsVisible=_useState4[1];useEffect(function(){if(!currentRoute){return;}var pattern=currentRoute.pattern;if(categoryPatterns.includes(pattern)){var categoryId=currentParams.categoryId;setActiveCategoryId(hex2bin(categoryId));}else if(!itemPatterns.includes(pattern)){setActiveCategoryId(null);}setIsVisible(!routePatternBlacklist.includes(pattern));});var value=useMemo(function(){return{maxCategoryNesting:maxCategoryNesting,currentParams:currentParams,currentPathname:currentPathname,currentRoute:currentRoute,isLoggedIn:isLoggedIn,logout:logout,activeCategoryId:activeCategoryId,isVisible:isVisible};},[activeCategoryId,currentParams,currentPathname,currentRoute,isLoggedIn,isVisible,logout,maxCategoryNesting]);return React.createElement(Context.Provider,{value:value},children);};SideNavigationProvider.defaultProps={currentParams:null,currentPathname:'',routePatternBlacklist:[],currentRoute:null};export default connect(SideNavigationProvider);
+ * @param {Object} props The component props.
+ * @param {number} props.maxCategoryNesting Maximum category nesting level.
+ * @param {Array} [props.routePatternBlacklist=[]] List of route patterns to blacklist.
+ * @param {Object} [props.currentParams=null] Current route parameters.
+ * @param {string} [props.currentPathname=''] Current pathname.
+ * @param {Object} [props.currentRoute=null] Current route object.
+ * @param {boolean} props.isLoggedIn Whether the user is logged in.
+ * @param {Function} props.logout Logout function.
+ * @param {React.ReactNode} props.children Child components.
+ * @returns {JSX.Element} The rendered component.
+ */var SideNavigationProvider=function SideNavigationProvider(_ref){var maxCategoryNesting=_ref.maxCategoryNesting,routePatternBlacklist=_ref.routePatternBlacklist,currentParams=_ref.currentParams,currentPathname=_ref.currentPathname,currentRoute=_ref.currentRoute,isLoggedIn=_ref.isLoggedIn,logout=_ref.logout,children=_ref.children;var _useState=useState(null),_useState2=_slicedToArray(_useState,2),activeCategoryId=_useState2[0],setActiveCategoryId=_useState2[1];var _useState3=useState(true),_useState4=_slicedToArray(_useState3,2),isVisible=_useState4[0],setIsVisible=_useState4[1];useEffect(function(){if(!currentRoute){return;}var pattern=currentRoute.pattern;if(categoryPatterns.includes(pattern)){var categoryId=currentParams.categoryId;setActiveCategoryId(hex2bin(categoryId));}else if(!itemPatterns.includes(pattern)){setActiveCategoryId(null);}setIsVisible(!routePatternBlacklist.includes(pattern));},[currentRoute,currentParams,routePatternBlacklist]);var value=useMemo(function(){return{maxCategoryNesting:maxCategoryNesting,currentParams:currentParams,currentPathname:currentPathname,currentRoute:currentRoute,isLoggedIn:isLoggedIn,logout:logout,activeCategoryId:activeCategoryId,isVisible:isVisible};},[activeCategoryId,currentParams,currentPathname,currentRoute,isLoggedIn,isVisible,logout,maxCategoryNesting]);return React.createElement(Context.Provider,{value:value},children);};SideNavigationProvider.defaultProps={currentParams:null,currentPathname:'',routePatternBlacklist:[],currentRoute:null};export default connect(SideNavigationProvider);

package/core/config/config.types.js

@@ -0,0 +1,15 @@
+/**
+ * @typedef {Object} MerchantSettings
+ * @property {string[]} enabledFulfillmentMethods
+ * @property {string[]} enabledFulfillmentMethodSelectionForEngage
+ */ /**
+ * @typedef {Object} ShopSettings
+ * @property {string[]} [supportedCountries]
+ * @property {string[]} [countrySortOrder]
+ */ /**
+ * @typedef {Object} ConfigState
+ * @property {boolean} isFetching
+ * @property {number} expires
+ * @property {MerchantSettings} merchantSettings
+ * @property {ShopSettings} shopSettings
+ */

package/core/hooks/useAsyncMemo.js

@@ -5,7 +5,7 @@ import _regeneratorRuntime from"@babel/runtime/regenerator";function asyncGenera
  * @param {Function} asyncFunction The function that will be executed to generate memoized output.
  * @param {Array} asyncFunctionDependencies
  *  A list of dependencies (same behavior as with `React.useMemo`)
- * @param {Any} initialValue The initial value that is set before promise is fulfilled.
+ * @param {any} initialValue The initial value that is set before promise is fulfilled.
  * @returns {Array}
  */export function useAsyncMemo(asyncFunction){var asyncFunctionDependencies=arguments.length>1&&arguments[1]!==undefined?arguments[1]:[];var initialValue=arguments.length>2&&arguments[2]!==undefined?arguments[2]:null;var _React$useState=React.useState(initialValue),_React$useState2=_slicedToArray(_React$useState,2),value=_React$useState2[0],setValue=_React$useState2[1];var _React$useState3=React.useState(false),_React$useState4=_slicedToArray(_React$useState3,2),error=_React$useState4[0],setError=_React$useState4[1];/* eslint-disable react-hooks/exhaustive-deps */React.useEffect(function(){/**
      * Wraps the async function as React doesn't allow direct async usage.

package/i18n/countries.hooks.js

@@ -1,6 +1,6 @@
 import{useMemo}from'react';import{getCountryNames}from"./countries.helpers";/**
- * Returns the countries names as key value pairs.
- * @param {string[]} [countryCodes=[]] .
- * @param {Object} [defaultLocales={}] Default locales from third party.
- * @returns {Object|null}
- */export function useCountriesNames(){var countryCodes=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];var defaultLocales=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};return useMemo(function(){return getCountryNames(countryCodes,defaultLocales);},[countryCodes,defaultLocales]);}
+ * Custom hook to get country names as key-value pairs.
+ * @param {string[]} [countryCodes=[]] An array of country codes.
+ * @param {Object} [defaultLocales={}] Default locales from third-party sources.
+ * @returns {Object|null} An object containing country names as key-value pairs.
+ */export var useCountriesNames=function useCountriesNames(){var countryCodes=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];var defaultLocales=arguments.length>1&&arguments[1]!==undefined?arguments[1]:{};return useMemo(function(){return getCountryNames(countryCodes,defaultLocales);},[countryCodes,defaultLocales]);};

package/locations/action-creators/setUserSearchCountryCode.js

@@ -1,7 +1,14 @@
 import{SET_USER_SEARCH_COUNTRY_CODE}from"../constants";/**
+ * @typedef {Object} SetUserSearchCountryCodeActionType
+ * @property {string} type The action type.
+ * @property {string} countryCode The country code.
+ * @property {string|null} productId The product ID.
+ * @property {boolean} isStoreFinder Indicates if the action was dispatched for the store finder.
+ */ /**
  * Creates the dispatched SET_USER_SEARCH_COUNTRY_CODE action object.
- * @param {string} countryCode The countryCode.
- * @param {string} [productId=null] An optional product code.
- * @param {boolean} [isStoreFinder=false] Was the actions dispatched for the store finder
- * @returns {Object}
+ * @param {string} countryCode The country code.
+ * @param {string|null} [productId=null] An optional product code.
+ * @param {boolean} [isStoreFinder=false]
+ * Indicates if the action was dispatched for the store finder.
+ * @returns {SetUserSearchCountryCodeActionType} The action object.
  */var setUserSearchCountryCode=function setUserSearchCountryCode(countryCode){var productId=arguments.length>1&&arguments[1]!==undefined?arguments[1]:null;var isStoreFinder=arguments.length>2&&arguments[2]!==undefined?arguments[2]:false;return{type:SET_USER_SEARCH_COUNTRY_CODE,countryCode:countryCode,productId:productId,isStoreFinder:isStoreFinder};};export default setUserSearchCountryCode;

package/locations/action-creators/setUserSearchPostalCode.js

@@ -1,7 +1,14 @@
 import{SET_USER_SEARCH_POSTAL_CODE}from"../constants";/**
+ * @typedef {Object} SetUserSearchPostalCodeActionType
+ * @property {string} type The action type.
+ * @property {string|null} postalCode The postal code.
+ * @property {string|null} productId The product ID.
+ * @property {boolean} isStoreFinder Indicates if the action was dispatched for the store finder.
+ */ /**
  * Creates the dispatched SET_USER_SEARCH_POSTAL_CODE action object.
- * @param {string} postalCode The postalCode.
- * @param {string} [productId=null] An optional product code.
- * @param {boolean} [isStoreFinder=false] Was the actions dispatched for the store finder
- * @returns {Object}
+ * @param {string|null} postalCode The postal code.
+ * @param {string|null} [productId=null] An optional product code.
+ * @param {boolean} [isStoreFinder=false]
+ * Indicates if the action was dispatched for the store finder.
+ * @returns {SetUserSearchPostalCodeActionType} The action object.
  */var setUserSearchPostalCode=function setUserSearchPostalCode(postalCode){var productId=arguments.length>1&&arguments[1]!==undefined?arguments[1]:null;var isStoreFinder=arguments.length>2&&arguments[2]!==undefined?arguments[2]:false;return{type:SET_USER_SEARCH_POSTAL_CODE,postalCode:postalCode,productId:productId,isStoreFinder:isStoreFinder};};export default setUserSearchPostalCode;

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

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

package/locations/components/Cart/CartChangeFulfillmentMethod.js

@@ -1,8 +1,11 @@
-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]);/**
+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,{useEffect,useState}from'react';import PropTypes from'prop-types';import{FulfillmentSheet}from"../FulfillmentSheet";import connect from"./CartChangeFulfillmentMethod.connector";import{STAGE_FULFILLMENT_METHOD}from"../../constants";/**
+ * @typedef {import('./CartChangeFulfillmentMethod.types').OwnProps} OwnProps
+ * @typedef {import('./CartChangeFulfillmentMethod.types').DispatchProps} DispatchProps
+ * @typedef {OwnProps & DispatchProps} Props
+ */ /**
+ * Renders the CartChangeFulfillmentMethod component.
+ * @param {Props} props The component props.
+ * @returns {JSX.Element|null}
+ */var CartChangeFulfillmentMethod=function CartChangeFulfillmentMethod(_ref){var cartItem=_ref.cartItem,fetchProductLocations=_ref.fetchProductLocations,registerAction=_ref.registerAction;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),opened=_useState2[0],setOpened=_useState2[1];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);
+   */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});};CartChangeFulfillmentMethod.defaultProps={registerAction:null};export default connect(CartChangeFulfillmentMethod);

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

@@ -0,0 +1,10 @@
+/**
+ * @typedef {import('../../../cart/cart.types').Item} Item
+ */ /**
+ * @typedef OwnProps
+ * @property {Item} cartItem
+ * @property {Function} [registerAction]
+ */ /**
+ * @typedef DispatchProps
+ * @property {Function} fetchProductLocations
+ */

package/locations/components/Cart/CartContextMenuChangeFulfillment.js

@@ -1,6 +1,11 @@
-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
+import React,{useMemo}from'react';import PropTypes from'prop-types';import{hot}from'react-hot-loader/root';import{FulfillmentProvider}from"../../providers";import{FulfillmentSheetContent}from"../FulfillmentSheet/FulfillmentSheetContent";import CartContextMenuChangeFulfillmentContent from"./CartContextMenuChangeFulfillmentContent";/**
+ * @typedef {import('../../../cart/cart.types').Item} Item
+ */ /**
+ * @typedef {Object} Props
+ * @property {Item} cartItem
+ */ /**
+ * The CartContextMenuChangeFulfillment component renders a context menu which enables
  * switching the active fulfillment method for a cart item.
- * @param {Object} props The component props.
- * @returns {JSX}
+ * @param {Props} props The component props.
+ * @returns {JSX.Element}
  */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/CartContextMenuItemChangeLocation.js

@@ -1,7 +1,8 @@
-import*as React from'react';import noop from'lodash/noop';import{I18n,ContextMenu}from'@shopgate/engage/components';import{DIRECT_SHIP}from"../../constants";/**
+import React from'react';import PropTypes from'prop-types';import noop from'lodash/noop';import{I18n,ContextMenu}from'@shopgate/engage/components';import{DIRECT_SHIP}from"../../constants";/**
+ * Renders the cart context menu item for changing the location.
  * @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};
+ * @param {Object} props.cartItem The cart item.
+ * @param {Function} [props.onClick=noop] The click handler.
+ * @param {Function} [props.closeMenu=noop] The menu close handler.
+ * @returns {JSX.Element|null} The rendered component or null.
+ */export var CartContextMenuItemChangeLocation=function CartContextMenuItemChangeLocation(_ref){var cartItem=_ref.cartItem,onClick=_ref.onClick,closeMenu=_ref.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 +1,8 @@
-import*as Redux from'redux';import{connect}from'react-redux';import{updateProductsInCart}from'@shopgate/engage/cart';import{fetchProductLocations}from"../../actions";/**
+import{connect}from'react-redux';import{updateProductsInCart}from'@shopgate/engage/cart';import{fetchProductLocations}from"../../actions";/**
+ * @typedef {import('./CartItemProductChangeLocation.types').OwnProps} OwnProps
+ * @typedef {import('./CartItemProductChangeLocation.types').DispatchProps} DispatchProps
+ */ /**
  * Connects the dispatch function to a callable function in the props.
  * @param {Function} dispatch The redux dispatch function.
- * @return {Object} The extended component props.
+ * @returns {DispatchProps} 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 +1,14 @@
-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];/**
+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 noop from'lodash/noop';import React,{useEffect,useState,useCallback}from'react';import PropTypes from'prop-types';import{FulfillmentSheet}from"../FulfillmentSheet";import{isProductAvailable}from"../../helpers";import{STAGE_SELECT_STORE}from"../../constants";import connect from"./CartItemProductChangeLocation.connector";/**
+ * @typedef {import('./CartItemProductChangeLocation.types').OwnProps} OwnProps
+ * @typedef {import('./CartItemProductChangeLocation.types').DispatchProps} DispatchProps
+ */ /**
+ * @typedef {OwnProps & DispatchProps} Props
+ */ /**
+ * @param {Props} props The component props.
+ * @returns {JSX.Element|null}
+ */var CartItemProductChangeLocation=function CartItemProductChangeLocation(props){var cartItem=props.cartItem,updateProductInCart=props.updateProductInCart,fetchProductLocations=props.fetchProductLocations,registerAction=props.registerAction;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),opened=_useState2[0],setOpened=_useState2[1];var _useState3=useState(null),_useState4=_slicedToArray(_useState3,2),fulfillmentMethod=_useState4[0],setFulfillmentMethod=_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]);/**
+   */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);
+   * @param {Object|null} location
+   */var onLocationSelect=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/CartItemProductChangeLocation.types.js

@@ -0,0 +1,9 @@
+/**
+ * @typedef {Object} OwnProps
+ * @property {Object} cartItem
+ * @property {Function} [registerAction]
+ */ /**
+ * @typedef {Object} DispatchProps
+ * @property {Function} fetchProductLocations
+ * @property {Function} updateProductInCart
+ */

package/locations/components/ChangeLocationButton/ChangeLocationButton.js

@@ -1,4 +1,7 @@
-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}
+import React from'react';import PropTypes from'prop-types';import{RippleButton,I18n,SurroundPortals}from'@shopgate/engage/components';import{button,ripple}from"./ChangeLocationButton.style";import{PRODUCT_FULFILLMENT_CHANGE_LOCATION}from"../../constants/Portals";/**
+ * Renders the Change Location button.
+ * @param {Object} props The component props.
+ * @param {Function} props.onClick The click handler.
+ * @param {boolean} [props.disabled=false] Whether the button is disabled.
+ * @returns {JSX.Element} The rendered component.
  */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/FulfillmentPath/FulfillmentPathItem.js

@@ -1,6 +1,8 @@
-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";/**
+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 React from'react';import PropTypes from'prop-types';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}
+ * This component is meant to be rendered as a child of a RadioGroup.
+ * @param {Object} props The component props required by the RadioGroupItem component.
+ * @param {React.ReactNode|null} [props.children=null] The child elements.
+ * @param {string} props.name The name of the radio item.
+ * @returns {JSX.Element} The rendered component.
  */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/FulfillmentSelector/FulfillmentSelector.connector.js

@@ -1,9 +1,23 @@
-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
+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";/* eslint-disable max-len */ /** @typedef {import('./FulfillmentSelector.types').OwnProps} OwnProps */ /** @typedef {import('./FulfillmentSelector.types').StateProps} StateProps */ /** @typedef {import('./FulfillmentSelector.types').DispatchProps} DispatchProps */ /**
+ * Maps state to props for the component.
+ * @returns {function(state: any, props: OwnProps): StateProps} A function that maps state and props to StateProps.
+ */var makeMapStateToProps=function makeMapStateToProps(){/**
+   * Retrieves the location code based on the state and props.
+   * @param {any} state The application state.
+   * @param {OwnProps} props The component props.
+   * @returns {string|null} The location code.
+   */var getLocationCode=function getLocationCode(state,props){var _getPreferredLocation;return(_getPreferredLocation=getPreferredLocation(state,props))===null||_getPreferredLocation===void 0?void 0:_getPreferredLocation.code;};/**
+   * Retrieves the product code based on the props.
+   * @param {any} _ Unused state parameter.
+   * @param {OwnProps} props The component props.
+   * @returns {string|null} The product code.
+   */var getProductCode=function getProductCode(_,props){return props.variantId||props.productId||null;};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);
+   * @param {OwnProps} props The component props.
+   * @returns {StateProps} The mapped state props.
+   */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)};};};/* eslint-enable max-len */ /**
+ * Maps dispatch actions to props for the component.
+ * @type {DispatchProps}
+ */var mapDispatchToProps={storeFulfillmentMethod:storeFulfillmentMethod};export default connect(makeMapStateToProps,mapDispatchToProps);

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

@@ -1 +1,2 @@
-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});
+// eslint-disable-next-line max-len
+/** @typedef {import('./FulfillmentSelector.types').FulfillmentSelectorContextProps} FulfillmentSelectorContextProps */import{createContext}from'react';import{DIRECT_SHIP}from"../../constants";/** @type {FulfillmentSelectorContextProps} */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 +1,4 @@
-import{useContext}from'react';import{FulfillmentSelectorContext}from"./FulfillmentSelector.context";/**
- * @returns {Object} The fulfillment selector context.
+// eslint-disable-next-line max-len
+/** @typedef {import('./FulfillmentSelector.types').FulfillmentSelectorContextProps} FulfillmentSelectorContextProps */import{useContext}from'react';import{FulfillmentSelectorContext}from"./FulfillmentSelector.context";/**
+ * @returns {FulfillmentSelectorContextProps} The fulfillment selector context.
  */export function useFulfillmentSelectorState(){return useContext(FulfillmentSelectorContext);}

package/locations/components/FulfillmentSelector/FulfillmentSelector.js

@@ -1,20 +1,11 @@
-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";/**
+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 PropTypes from'prop-types';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";/* eslint-disable max-len */ /** @typedef {import('./FulfillmentSelector.types').FulfillmentSelectorContextProps} FulfillmentSelectorContextProps */ /** @typedef {import('./FulfillmentSelector.types').OwnProps} OwnProps */ /** @typedef {import('./FulfillmentSelector.types').StateProps} StateProps */ /** @typedef {import('./FulfillmentSelector.types').DispatchProps} DispatchProps */ /** @typedef {import('../../locations.types').UserLocationFulfillmentMethod} UserLocationFulfillmentMethod */ /* eslint-enable max-len */ /**
+ * @typedef {OwnProps & StateProps & DispatchProps} Props
+ */ /**
  * 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.
+ * @param {Props} props The component props.
+ * @returns {JSX.Element|null}
+ */var FulfillmentSelector=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]);/**
+useEffect(function(){if(!selectedLocation&&preferredLocation){setSelectedLocation(preferredLocation);}},[preferredLocation,selectedLocation]);/** @type {UserLocationFulfillmentMethod} */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)));
+   */useEffect(function(){if(!shopFulfillmentMethods){return;}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]);var handleClose=useCallback(function(newLocationData){setIsOpen(false);if(!newLocationData&&(!usedLocation||!usedLocation.code)){setSelection(fulfillmentMethodFallback);return;}if(newLocationData){setSelectedLocation(newLocationData.location);}},[fulfillmentMethodFallback,usedLocation]);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=/** @type {FulfillmentSelectorContextProps} */{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));};FulfillmentSelector.defaultProps={merchantSettings:null,shopFulfillmentMethods:null,productFulfillmentMethods:null,locationFulfillmentMethods:null,useLocationFulfillmentMethods:false,preferredLocation:null,inventory:null,userFulfillmentMethod:null};export default hot(connect(React.memo(FulfillmentSelector)));

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

@@ -1 +1 @@
-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")});
+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")}).toString();

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

@@ -1 +1,57 @@
-import{DIRECT_SHIP,ROPIS,BOPIS}from"../../constants";
+/* eslint-disable max-len */ /** @typedef {import('../../locations.types').Location} Location */ /** @typedef {import('../../locations.types').UserLocationFulfillmentMethod} UserLocationFulfillmentMethod */ /**
+ * @typedef {(
+ *   typeof import('../../constants').DIRECT_SHIP |
+ *   typeof import('../../constants').ROPIS |
+ *   typeof import('../../constants').BOPIS |
+ *   null
+ * )} Selection
+ */ /**
+ * @typedef {Object} UserSearch
+ * @property {null} geolocation
+ * @property {null} postalCode
+ */ /**
+ * @typedef {Object} FulfillmentSelectorContextProps
+ * @property {Selection} selection
+ * @property {Location|null} selectedLocation
+ * @property {Location|null} [location]
+ * @property {boolean} isDirectShipEnabled
+ * @property {boolean} isROPISEnabled
+ * @property {boolean} isBOPISEnabled
+ * @property {boolean} isReady
+ * @property {string} productId
+ * @property {function(Selection, boolean): void} handleChange
+ * @property {any} conditioner
+ * @property {string[]} fulfillmentPaths
+ * @property {Object} merchantSettings
+ * @property {string|null} userFulfillmentMethod
+ * @property {boolean} isOrderable
+ * @property {string[]|null} [shopFulfillmentMethods]
+ * @property {string[]|null} productFulfillmentMethods
+ * @property {string[]|null} locationFulfillmentMethods
+ * @property {boolean} useLocationFulfillmentMethods
+ * @property {Object} [inventory]
+ * @property {Object} [preferredLocation]
+ */ /**
+ * @typedef {Object} OwnProps
+ * @property {any} conditioner
+ * @property {string} productId
+ */ /**
+ * @typedef {Object} StateProps
+ * @property {Object} [merchantSettings]
+ * @property {string[]|null} [shopFulfillmentMethods]
+ * @property {string[]|null} productFulfillmentMethods
+ * @property {string[]|null} locationFulfillmentMethods
+ * @property {boolean} useLocationFulfillmentMethods
+ * @property {boolean} isDirectShipEnabled
+ * @property {boolean} isROPISEnabled
+ * @property {boolean} isBOPISEnabled
+ * @property {Location|null} preferredLocation
+ * @property {Object} inventory
+ * @property {string|null} userFulfillmentMethod
+ * @property {string[]} fulfillmentPaths
+ * @property {boolean} isOrderable
+ * @property {boolean} isReady
+ */ /**
+ * @typedef {Object} DispatchProps
+ * @property {function(UserLocationFulfillmentMethod): void} storeFulfillmentMethod
+ */ /* eslint-enable max-len */