@sonic-equipment/ui 260.1.0 → 260.1.2

package/dist/cookies/use-cookie.js

@@ -10,7 +10,10 @@ function useCookie(name, options = defaultCookieOptions) {
     const Cookies = context
         ? isCookieGetterSetter(context)
             ? context
-            : createReadonlyCookieReader(context)
+            : {
+                get: createReadonlyCookieReader(context).get,
+                set: clientCookieContextValue.set,
+            }
         : clientCookieContextValue;
     const cookieValue = Cookies.get()?.[name];
     const [stateValue, setStateValue] = useState(cookieValue);

package/dist/header/header.js

@@ -5,7 +5,7 @@ import clsx from 'clsx';
 import { useDrawer } from '../drawer/use-drawer.js';
 import { useGlobalSearchDisclosure } from '../global-search/global-search-provider/use-search-disclosure.js';
 import { useFormattedMessage } from '../intl/use-formatted-message.js';
-import { isNavigationLink, isNavigationSection, isNavigationLinkItem } from '../shared/api/bff/model/bff.model.js';
+import { isNavigationSection, isNavigationLinkItem } from '../shared/api/bff/model/bff.model.js';
 import { useIsBreakpoint } from '../shared/hooks/use-is-breakpoint.js';
 import { useResizeObserver } from '../shared/hooks/use-resize-observer.js';
 import { useOnNavigate } from '../shared/routing/use-on-navigate.js';
@@ -67,13 +67,10 @@ function Header({ className, headerNavigationSection, sticky, }) {
         if (activeLinkGroup)
             setDesktopNavigationOpen(true);
     }, [activeLinkGroup, setDesktopNavigationOpen]);
-    const homeLink = headerNavigationSection?.items
-        .filter(isNavigationLink)
-        .find(item => item.key === 'home');
     const mainNavigationSection = headerNavigationSection?.items
         .filter(isNavigationSection)
         .find(item => item.key === 'main-navigation');
-    return (jsxs(Fragment, { children: [jsx("header", { ref: headerRef, className: clsx(styles['header'], sticky && styles['sticky'], className), "data-test-selector": "pageHeader", children: jsx(HeaderLayout, { hamburgerButton: jsx(HamburgerButton, { "aria-controls": "mobile-navigation", "data-test-selector": "pageHeaderHamburgerButton", isActive: mobileNavigationOpen, onActiveChange: toggleMobileNavigation }), hasDrawersOpen: hasDrawersOpen, logo: jsx(SonicLogo, { "data-test-selector": "pageHeaderLogo", href: homeLink?.href || undefined, title: t('Home') }), mainNavigation: jsx(NavigationLinkList, { activeLink: activeLinkGroup, "data-test-selector": "pageHeaderMainNavigation", navigationSection: mainNavigationSection, onSubmenuToggle: toggleActiveSubmenu }), navigationActions: jsxs(Fragment, { children: [jsx(ConnectedAccountButton, { "data-test-selector": "pageHeaderAccountButton" }), jsx(ConnectedFavoritesButton, { "data-test-selector": "pageHeaderFavoritesButton", href: "abc" }), jsx(ConnectedCartButton, { "data-test-selector": "pageHeaderCartButton", href: paths.CART })] }), search: jsx(SearchButton, { "aria-controls": "global-search", "data-test-selector": "pageHeaderSearchButton", isActive: searchOpen, onActiveChange: toggleSearch }) }) }), jsx(SearchDrawer, { groupId: searchGroupId, instanceId: searchInstanceId }), !isXl && (jsx(MobileNavigationDrawer, { groupId: mobileNavigationDrawer.groupId, instanceId: mobileNavigationDrawer.instanceId, linkItems: mainNavigationSection?.items.filter(isNavigationLinkItem) })), isXl && (jsx(DesktopNavigationDrawer, { groupId: desktopNavigationDrawer.groupId, instanceId: desktopNavigationDrawer.instanceId, linkGroup: activeLinkGroup, onClosed: () => setActiveLinkGroup(undefined) }))] }));
+    return (jsxs(Fragment, { children: [jsx("header", { ref: headerRef, className: clsx(styles['header'], sticky && styles['sticky'], className), "data-test-selector": "pageHeader", children: jsx(HeaderLayout, { hamburgerButton: jsx(HamburgerButton, { "aria-controls": "mobile-navigation", "data-test-selector": "pageHeaderHamburgerButton", isActive: mobileNavigationOpen, onActiveChange: toggleMobileNavigation }), hasDrawersOpen: hasDrawersOpen, logo: jsx(SonicLogo, { "data-test-selector": "pageHeaderLogo", href: "/", title: t('Home') }), mainNavigation: jsx(NavigationLinkList, { activeLink: activeLinkGroup, "data-test-selector": "pageHeaderMainNavigation", navigationSection: mainNavigationSection, onSubmenuToggle: toggleActiveSubmenu }), navigationActions: jsxs(Fragment, { children: [jsx(ConnectedAccountButton, { "data-test-selector": "pageHeaderAccountButton" }), jsx(ConnectedFavoritesButton, { "data-test-selector": "pageHeaderFavoritesButton", href: "abc" }), jsx(ConnectedCartButton, { "data-test-selector": "pageHeaderCartButton", href: paths.CART })] }), search: jsx(SearchButton, { "aria-controls": "global-search", "data-test-selector": "pageHeaderSearchButton", isActive: searchOpen, onActiveChange: toggleSearch }) }) }), jsx(SearchDrawer, { groupId: searchGroupId, instanceId: searchInstanceId }), !isXl && (jsx(MobileNavigationDrawer, { groupId: mobileNavigationDrawer.groupId, instanceId: mobileNavigationDrawer.instanceId, linkItems: mainNavigationSection?.items.filter(isNavigationLinkItem) })), isXl && (jsx(DesktopNavigationDrawer, { groupId: desktopNavigationDrawer.groupId, instanceId: desktopNavigationDrawer.instanceId, linkGroup: activeLinkGroup, onClosed: () => setActiveLinkGroup(undefined) }))] }));
 }
 
 export { Header };

package/dist/lists/menu-list/menu-list-item.js

@@ -11,7 +11,7 @@ import styles from './menu-list.module.css.js';
 function MenuListItem({ 'aria-controls': ariaControls, badge, children, className, 'data-test-selector': dataTestSelector, hasChildren, href, image, isSelected, onClick, openInNewTab, ...rest }) {
     const t = useFormattedMessage();
     useMenuListItem({ canCollapse: Boolean(badge) });
-    return (jsxs("li", { "aria-owns": ariaControls, className: clsx(styles['menu-list-item'], isSelected && styles['selected'], hasChildren && styles['has-children'], className), "data-test-selector": dataTestSelector, ...rest, children: [image && (jsx("span", { className: styles['image'], role: "presentation", children: jsx(Image, { fit: "contain", image: image, title: "" }) })), badge && jsx("span", { className: styles['badge'], children: badge }), jsx(Link, { ignoreLocalePrefix: true, "aria-controls": ariaControls, "aria-expanded": ariaControls && isSelected, "aria-haspopup": hasChildren ? 'true' : undefined, className: styles['label'], href: href || undefined, onClick: onClick, role: hasChildren ? 'menuitem' : undefined, target: openInNewTab ? '_blank' : undefined, children: jsx("span", { children: children }) }), hasChildren && (jsx(Icon, { className: styles['icon'], label: t('Submenu'), name: "ArrowRight", size: "xxs" }))] }));
+    return (jsxs("li", { "aria-owns": ariaControls, className: clsx(styles['menu-list-item'], isSelected && styles['selected'], hasChildren && styles['has-children'], className), "data-test-selector": dataTestSelector, ...rest, children: [image && (jsx("span", { className: styles['image'], role: "presentation", children: jsx(Image, { fit: "contain", image: image, title: "" }) })), badge && jsx("span", { className: styles['badge'], children: badge }), jsx(Link, { "aria-controls": ariaControls, "aria-expanded": ariaControls && isSelected, "aria-haspopup": hasChildren ? 'true' : undefined, className: styles['label'], href: href || undefined, onClick: onClick, role: hasChildren ? 'menuitem' : undefined, target: openInNewTab ? '_blank' : undefined, children: jsx("span", { children: children }) }), hasChildren && (jsx(Icon, { className: styles['icon'], label: t('Submenu'), name: "ArrowRight", size: "xxs" }))] }));
 }
 
 export { MenuListItem };

package/dist/media/image/image.js

@@ -55,7 +55,7 @@ function ImageComponent({ className, fallbackSrc, fit = 'cover', hasError, image
 function PictureComponent({ className, fallbackSrc, fit = 'cover', hasError, image, ...rest }) {
     if (!image || (!image.sm && !image.md && !image.lg))
         return (jsx("picture", { className: clsx(styles.picture, className), children: jsx("img", { alt: "Missing", className: clsx(styles.image, styles[fit], styles['has-error']), src: fallbackSrc, ...rest }) }));
-    return (jsxs("picture", { className: clsx(styles.picture, className), children: [image.sm && (jsx("source", { media: "(max-inline-size: 768px)", srcSet: createSrcSet(image.sm) })), image.md && (jsx("source", { media: "(max-inline-size: 1439px)", srcSet: createSrcSet(image.md) })), image.lg && (jsx("source", { media: "(min-inline-size: 1440px)", srcSet: createSrcSet(image.lg) })), jsx("img", { alt: image.altText, className: clsx(styles.image, styles[fit], {
+    return (jsxs("picture", { className: clsx(styles.picture, className), children: [image.sm && (jsx("source", { media: "(max-width: 768px)", srcSet: createSrcSet(image.sm) })), image.md && (jsx("source", { media: "(max-width: 1439px)", srcSet: createSrcSet(image.md) })), image.lg && (jsx("source", { media: "(min-width: 1440px)", srcSet: createSrcSet(image.lg) })), jsx("img", { alt: image.altText, className: clsx(styles.image, styles[fit], {
                     [styles['has-error']]: hasError,
                 }), src: encodeURI(decodeURI((hasError ? fallbackSrc : getPrimarySrc(image)) || '')), ...rest })] }));
 }

package/dist/shared/api/bff/model/bff.model.d.ts

@@ -8,9 +8,11 @@ export interface PageModel {
     canonicalPath: string;
     metaDescription: string;
     metaKeywords: string;
+    needRedirect: boolean;
     openGraphImage: string;
     openGraphTitle: string;
     openGraphUrl: string;
+    redirectUrl: string;
     title: string;
 }
 interface Category {

package/dist/shared/api/storefront/services/authentication-service.d.ts

@@ -32,8 +32,10 @@ export interface AuthenticationResponse {
     expires_in: number;
     refresh_token: string;
 }
-export declare function signIn({ password, userName, }: {
+export type SignInScope = 'iscapi' | 'isc_admin_api' | 'offline_access';
+export declare function signIn({ password, scope, userName, }: {
     password: string;
+    scope?: SignInScope[];
     userName: string;
 }): Promise<AuthenticationResponse>;
 export interface CreateSessionRequestBody {

package/dist/shared/api/storefront/services/authentication-service.js

@@ -79,12 +79,12 @@ async function patchSession({ session, }) {
         throw error;
     }
 }
-async function signIn({ password, userName, }) {
+async function signIn({ password, scope = ['iscapi', 'offline_access'], userName, }) {
     const params = new URLSearchParams();
     params.append('grant_type', 'password');
     params.append('username', userName);
     params.append('password', password);
-    params.append('scope', 'iscapi offline_access');
+    params.append('scope', scope.join(' '));
     try {
         const { body } = await request({
             body: params.toString(),

package/dist/shared/routing/route-utils.js

@@ -1,10 +1,15 @@
+const malformedLinkRegex = /\b[a-z]{2}-[a-z]{2}\/[a-z]{2}(?=[#/?]|$)/i;
 function buildHref({ basePathname, href, ignoreLocalePrefix, }) {
     if (!href.startsWith('http') &&
         basePathname &&
         basePathname !== '/' &&
         !ignoreLocalePrefix &&
         !href.startsWith(`/${basePathname}`)) {
-        return `/${basePathname.replace(/^\//, '')}/${href.replace(/^\//, '')}`;
+        const urlWithbasePath = `/${basePathname.replace(/^\//, '')}/${href.replace(/^\//, '')}`;
+        const isMalformed = new RegExp(malformedLinkRegex).test(urlWithbasePath);
+        return isMalformed
+            ? urlWithbasePath.replace(/([a-z]{2}-[a-z]{2})\/[a-z]{2}(?=[#/?]|$)/i, '$1')
+            : urlWithbasePath;
     }
     return href;
 }

package/dist/styles.css

@@ -2722,7 +2722,7 @@ html {
 
 .image-module-lg7Kj {
   display: block;
-  block-size: 100%;
+  height: 100%;
   inline-size: 100%;
 }
 
@@ -2733,7 +2733,7 @@ html {
   }
 
   .image-module-lg7Kj:where(.image-module-tVKFe) {
-    block-size: 100%;
+    height: 100%;
     inline-size: 100%;
     -o-object-fit: cover;
        object-fit: cover;
@@ -2746,7 +2746,7 @@ html {
 
 .image-module-pNYjR {
   display: block;
-  block-size: 100%;
+  height: 100%;
   inline-size: 100%;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "260.1.0",
+  "version": "260.1.2",
   "type": "module",
   "license": "MIT",
   "engines": {