@faststore/core 2.1.83 → 2.1.87

package/.turbo/turbo-build.log

@@ -40,8 +40,8 @@ Route (pages)                              Size     First Load JS
 + First Load JS shared by all              81 kB
   ├ chunks/framework-dfd14d7ce6600b03.js   45.3 kB
   ├ chunks/main-fd466221927468fd.js        23.9 kB
-  ├ chunks/pages/_app-895781b1c7b5bf56.js  6.45 kB
-  ├ chunks/webpack-062512aedeb4b39e.js     2.29 kB
+  ├ chunks/pages/_app-6d0e6ab9a4dd8106.js  6.45 kB
+  ├ chunks/webpack-352e624909554726.js     2.29 kB
   └ css/9e76fef1c9ca89af.css               3.06 kB
 
 λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)

package/cms/faststore/sections.json

@@ -166,6 +166,21 @@
             "alt": {
               "title": "Alternative Label",
               "type": "string"
+            },
+            "link": {
+              "title": "Logo Link",
+              "type": "object",
+              "required": ["url", "title"],
+              "properties": {
+                "url": {
+                  "title": "Link URL",
+                  "type": "string"
+                },
+                "title": {
+                  "title": "Link Title",
+                  "type": "string"
+                }
+              }
             }
           }
         },
@@ -556,8 +571,23 @@
               }
             },
             "alt": {
-              "type": "string",
-              "title": "Alternative Label"
+              "title": "Alternative Label",
+              "type": "string"
+            },
+            "link": {
+              "title": "Logo Link",
+              "type": "object",
+              "required": ["url", "title"],
+              "properties": {
+                "url": {
+                  "title": "Link URL",
+                  "type": "string"
+                },
+                "title": {
+                  "title": "Link Title",
+                  "type": "string"
+                }
+              }
             }
           }
         },

package/faststore.config.js

@@ -1,6 +1,6 @@
 module.exports = {
   seo: {
-    title: 'NextJSStore',
+    title: 'FastStore Starter',
     description: 'Fast Demo Store',
     titleTemplate: '%s | FastStore',
     author: 'Store Framework',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "2.1.83",
+  "version": "2.1.87",
   "license": "MIT",
   "browserslist": "supports es6-module and not dead",
   "scripts": {
@@ -110,5 +110,5 @@
   "msw": {
     "workerDirectory": "public"
   },
-  "gitHead": "a55301974a0ab1894b32414d372091d956fbc17b"
+  "gitHead": "d554a6382827ae7f8e5eaa03d55f6873eb0f2d11"
 }

package/src/components/navigation/Navbar/Navbar.tsx

@@ -110,13 +110,12 @@ function Navbar({
                 aria-label={menuIconAlt}
               />
               <Link
-                href="/"
                 data-fs-navbar-logo
+                href={logo.link ? logo.link.url : '/'}
+                title={logo.link ? logo.link.title : homeLabel}
                 prefetch={false}
-                title={homeLabel}
-                aria-label={homeLabel}
               >
-                <Logo {...logo} />
+                <Logo src={logo.src} alt={logo.alt} />
               </Link>
             </>
           )}

package/src/components/navigation/NavbarSlider/NavbarSlider.tsx

@@ -51,13 +51,12 @@ function NavbarSlider({
         {...NavbarSliderWrapper.props}
       >
         <Link
-          href="/"
-          onClick={fadeOut}
-          title={homeLabel}
-          aria-label={homeLabel}
           data-fs-navbar-slider-logo
+          href={logo.link ? logo.link.url : '/'}
+          title={logo.link ? logo.link.title : homeLabel}
+          onClick={fadeOut}
         >
-          <Logo {...logo} />
+          <Logo alt={logo.alt} src={logo.src} />
         </Link>
       </NavbarSliderHeader.Component>
       <NavbarSliderContent.Component {...NavbarSliderContent.props}>

package/src/components/sections/Footer/Footer.tsx

@@ -11,6 +11,7 @@ import UIFooter, {
 import type { FooterLinksProps, FooterSocialProps } from '../../common/Footer'
 
 import Logo from 'src/components/ui/Logo'
+import Link from 'src/components/ui/Link'
 import UIIncentives from '../../ui/Incentives'
 import type { Incentive } from '../../ui/Incentives'
 
@@ -26,6 +27,10 @@ export type FooterProps = {
   logo: {
     src: string
     alt: string
+    link: {
+      url: string
+      title: string
+    }
   }
   copyrightInfo: string
   acceptedPaymentMethods: {
@@ -40,7 +45,7 @@ const Footer = ({
   footerLinks,
   footerSocial,
   footerSocial: { title: footerSocialTitle },
-  logo: { src: logoSrc, alt: logoAlt },
+  logo: { src: logoSrc, alt: logoAlt, link: logoLink },
   copyrightInfo,
   acceptedPaymentMethods: {
     showPaymentMethods,
@@ -48,6 +53,7 @@ const Footer = ({
     paymentMethods,
   },
 }: FooterProps) => {
+  const homeLabel = 'Go to Home'
   return (
     <Section className={`section ${styles.section} section-footer`}>
       <UIFooter>
@@ -60,7 +66,13 @@ const Footer = ({
           />
         </UIFooterNavigation>
         <UIFooterInfo>
-          <Logo alt={logoAlt} src={logoSrc} />
+          <Link
+            href={logoLink ? logoLink.url : '/'}
+            title={logoLink ? logoLink.title : homeLabel}
+          >
+            <Logo alt={logoAlt} src={logoSrc} />
+          </Link>
+
           {showPaymentMethods && (
             <UIPaymentMethods
               flagList={paymentMethods}

package/src/components/sections/Navbar/Navbar.tsx

@@ -13,6 +13,10 @@ export interface NavbarProps {
   logo: {
     alt: string
     src: string
+    link: {
+      url: string
+      title: string
+    }
   }
   searchInput: {
     sort: string

package/src/sdk/analytics/platform/vtex/search.ts

@@ -2,9 +2,10 @@
  * More info at: https://www.notion.so/vtexhandbook/Event-API-Documentation-48eee26730cf4d7f80f8fd7262231f84
  */
 import type { AnalyticsEvent } from '@faststore/sdk'
+import type { SearchSelectItemEvent } from '../../types'
 
 import config from '../../../../../faststore.config'
-import type { SearchSelectItemEvent } from '../../types'
+import { getCookie } from '../../../../utils/getCookie'
 
 const THIRTY_MINUTES_S = 30 * 60
 const ONE_YEAR_S = 365 * 24 * 3600
@@ -14,27 +15,30 @@ const randomUUID = () =>
     ? crypto.randomUUID()
     : (Math.random() * 1e6).toFixed(0)
 
-const createStorage = (key: string, expiresSecond: number) => {
-  const timelapsed = (past: number) => (Date.now() - past) / 1e3
+const createCookie = (key: string, expiresSecond: number) => {
+  // Setting the domain attribute specifies which host can receive it; we need it to make the cookies available on the `secure` subdomain.
+  // Although https://developer.mozilla.org/en-US/docs/Web/API/Document/cookie mentioned leading dot (.) is not needed and ignored. I couldn't set the cookies without it.
+  const urlDomain = `.${new URL(config.storeUrl).hostname}`
 
   return () => {
-    const item = JSON.parse(localStorage.getItem(key) ?? 'null')
-    const isExpired = !item || timelapsed(item.createdAt) > expiresSecond
-    const payload: string = isExpired ? randomUUID() : item.payload
+    const isExpired = getCookie(key) === undefined
 
     if (isExpired) {
-      const data = { payload, createdAt: Date.now() }
+      const value = randomUUID()
+
+      document.cookie = `${key}=${value}; max-age=${expiresSecond}; domain=${urlDomain}; path=/;`
+      // Setting the `path=/` makes the cookie accessible on any path of the domain/subdomain
 
-      localStorage.setItem(key, JSON.stringify(data))
+      return value
     }
 
-    return payload
+    return getCookie(key)
   }
 }
 
 const user = {
-  anonymous: createStorage('vtex.search.anonymous', ONE_YEAR_S),
-  session: createStorage('vtex.search.session', THIRTY_MINUTES_S),
+  anonymous: createCookie('vtex-faststore-anonymous', ONE_YEAR_S),
+  session: createCookie('vtex-faststore-session', THIRTY_MINUTES_S),
 }
 
 type SearchEvent =

package/src/utils/getCookie.ts

@@ -0,0 +1,14 @@
+export function getCookie(name: string): string | undefined {
+  const cookieString = decodeURIComponent(document.cookie)
+  const cookies = cookieString.split(';')
+
+  for (const cookie of cookies) {
+    const [cookieName, cookieValue] = cookie.trim().split('=')
+
+    if (cookieName === name) {
+      return cookieValue
+    }
+  }
+
+  return undefined // Cookie not found
+}

package/.next/BUILD_ID

@@ -1 +0,0 @@
-jxv75E0IlXYBYk71TulQP

package/.next/build-manifest.json

@@ -1,129 +0,0 @@
-{
-  "polyfillFiles": [
-    "static/chunks/polyfills-c67a75d1b6f99dc8.js"
-  ],
-  "devFiles": [],
-  "ampDevFiles": [],
-  "lowPriorityFiles": [
-    "static/jxv75E0IlXYBYk71TulQP/_buildManifest.js",
-    "static/jxv75E0IlXYBYk71TulQP/_ssgManifest.js"
-  ],
-  "rootMainFiles": [],
-  "pages": {
-    "/": [
-      "static/chunks/webpack-062512aedeb4b39e.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/738-67a288ca3569cdbb.js",
-      "static/chunks/548-ab84e9e8b49413ab.js",
-      "static/css/e3b039e8f5daf95f.css",
-      "static/chunks/243-8f5650ed908aa75c.js",
-      "static/css/0d056c673d2869bb.css",
-      "static/chunks/238-e5e4b2094f0e1df8.js",
-      "static/css/a2eefb25a4608343.css",
-      "static/chunks/pages/index-d521ce4f4e2b89a6.js"
-    ],
-    "/404": [
-      "static/chunks/webpack-062512aedeb4b39e.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/738-67a288ca3569cdbb.js",
-      "static/css/e3b039e8f5daf95f.css",
-      "static/chunks/243-8f5650ed908aa75c.js",
-      "static/css/df588bb98c0b0ca6.css",
-      "static/chunks/pages/404-af78f7cd1d3c1f60.js"
-    ],
-    "/500": [
-      "static/chunks/webpack-062512aedeb4b39e.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/738-67a288ca3569cdbb.js",
-      "static/css/e3b039e8f5daf95f.css",
-      "static/chunks/243-8f5650ed908aa75c.js",
-      "static/css/df588bb98c0b0ca6.css",
-      "static/chunks/pages/500-f6346ca5f9dc4fef.js"
-    ],
-    "/[...slug]": [
-      "static/chunks/webpack-062512aedeb4b39e.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/738-67a288ca3569cdbb.js",
-      "static/chunks/548-ab84e9e8b49413ab.js",
-      "static/css/e3b039e8f5daf95f.css",
-      "static/chunks/243-8f5650ed908aa75c.js",
-      "static/css/0d056c673d2869bb.css",
-      "static/chunks/238-e5e4b2094f0e1df8.js",
-      "static/css/f0e2d1b8832e935d.css",
-      "static/chunks/603-d1c069aa8a349c86.js",
-      "static/css/a2eefb25a4608343.css",
-      "static/css/527e334fa69cf40a.css",
-      "static/chunks/pages/[...slug]-ca533c74c22cb787.js"
-    ],
-    "/[slug]/p": [
-      "static/chunks/webpack-062512aedeb4b39e.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/738-67a288ca3569cdbb.js",
-      "static/chunks/548-ab84e9e8b49413ab.js",
-      "static/css/e3b039e8f5daf95f.css",
-      "static/chunks/243-8f5650ed908aa75c.js",
-      "static/css/0d056c673d2869bb.css",
-      "static/chunks/238-e5e4b2094f0e1df8.js",
-      "static/css/4b7138899cd07c63.css",
-      "static/chunks/pages/[slug]/p-7bb760bb3fcfc0bb.js"
-    ],
-    "/_app": [
-      "static/chunks/webpack-062512aedeb4b39e.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/css/9e76fef1c9ca89af.css",
-      "static/chunks/pages/_app-895781b1c7b5bf56.js"
-    ],
-    "/_error": [
-      "static/chunks/webpack-062512aedeb4b39e.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/pages/_error-a7a0c1d9bfbb4f38.js"
-    ],
-    "/account": [
-      "static/chunks/webpack-062512aedeb4b39e.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/738-67a288ca3569cdbb.js",
-      "static/css/e3b039e8f5daf95f.css",
-      "static/chunks/243-8f5650ed908aa75c.js",
-      "static/chunks/pages/account-05bd79fb78365e88.js"
-    ],
-    "/checkout": [
-      "static/chunks/webpack-062512aedeb4b39e.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/738-67a288ca3569cdbb.js",
-      "static/css/e3b039e8f5daf95f.css",
-      "static/chunks/243-8f5650ed908aa75c.js",
-      "static/chunks/pages/checkout-c973786e68f25a39.js"
-    ],
-    "/login": [
-      "static/chunks/webpack-062512aedeb4b39e.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/738-67a288ca3569cdbb.js",
-      "static/css/e3b039e8f5daf95f.css",
-      "static/chunks/243-8f5650ed908aa75c.js",
-      "static/css/df588bb98c0b0ca6.css",
-      "static/chunks/pages/login-8deb9243376b6aa1.js"
-    ],
-    "/s": [
-      "static/chunks/webpack-062512aedeb4b39e.js",
-      "static/chunks/framework-dfd14d7ce6600b03.js",
-      "static/chunks/main-fd466221927468fd.js",
-      "static/chunks/738-67a288ca3569cdbb.js",
-      "static/css/e3b039e8f5daf95f.css",
-      "static/chunks/243-8f5650ed908aa75c.js",
-      "static/css/f0e2d1b8832e935d.css",
-      "static/chunks/603-d1c069aa8a349c86.js",
-      "static/chunks/pages/s-0e516ab36bb49c99.js"
-    ]
-  },
-  "ampFirstPages": []
-}