@faststore/core 3.35.1 → 3.36.0

package/.turbo/turbo-build.log

@@ -1,23 +1,23 @@
 
-> @faststore/core@3.35.0 prebuild /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.35.1 prebuild /home/runner/work/faststore/faststore/packages/core
 > na run partytown && na run generate
 
 
-> @faststore/core@3.35.0 partytown /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.35.1 partytown /home/runner/work/faststore/faststore/packages/core
 > partytown copylib ./public/~partytown
 
 Partytown lib copied to: /home/runner/work/faststore/faststore/packages/core/public/~partytown
 
-> @faststore/core@3.35.0 generate /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.35.1 generate /home/runner/work/faststore/faststore/packages/core
 > na run generate:schema && na run generate:codegen && na run format:generated
 
 
-> @faststore/core@3.35.0 generate:schema /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.35.1 generate:schema /home/runner/work/faststore/faststore/packages/core
 > tsx src/server/generator/generateGraphQLSchemaFile.ts
 
 Schema GraphQL file generated successfully
 
-> @faststore/core@3.35.0 generate:codegen /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.35.1 generate:codegen /home/runner/work/faststore/faststore/packages/core
 > graphql-codegen
 
 [STARTED] Parse Configuration
@@ -37,11 +37,11 @@ Running lifecycle hook "afterStart" scripts...
 [CLI] Loading Documents
 [CLI] Generating output
 
-> @faststore/core@3.35.0 format:generated /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.35.1 format:generated /home/runner/work/faststore/faststore/packages/core
 > prettier --write "@generated/**/*.{ts,js,tsx,jsx,json}" --loglevel error
 
 
-> @faststore/core@3.35.0 build /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.35.1 build /home/runner/work/faststore/faststore/packages/core
 > next build
 
 ⚠ No build cache found. Please configure build caching for faster rebuilds. Read more: https://nextjs.org/docs/messages/no-cache
@@ -57,12 +57,12 @@ https://nextjs.org/telemetry
    Using external babel configuration from /home/runner/work/faststore/faststore/packages/core/.babelrc.js
  ✓ Compiled successfully
    Collecting page data ...
-   Generating static pages (0/7) ...
-
   Generating static pages (1/7) 
+   Generating static pages (0/6) ...
+
   Generating static pages (1/6) 
 Warning: Dynamic Content not found for the page: home. Refer to the Dynamic Content documentation at https://developers.vtex.com/docs/guides/faststore/dynamic-content-overview for mapping the page and the corresponding data-fetching function.
-
   Generating static pages (3/7) 
-
   Generating static pages (5/7) 
-
 ✓ Generating static pages (7/7) 
+
   Generating static pages (2/6) 
+
   Generating static pages (4/6) 
+
 ✓ Generating static pages (6/6) 
    Finalizing page optimization ...
    Collecting build traces ...
 
@@ -77,7 +77,9 @@ Route (pages)                              Size     First Load JS
 ├   └ css/b5bf49598c8f8b66.css             16.1 kB
 ├ ○ /404                                   1.48 kB         122 kB
 ├ ● /500                                   1.48 kB         122 kB
-├ ● /account                               712 B           121 kB
+├ λ /account                               767 B           121 kB
+├ λ /account/profile                       1.34 kB         122 kB
+├   └ css/249b9deaabc0d32d.css             2.51 kB
 ├ λ /api/graphql                           0 B            92.4 kB
 ├ λ /api/health/live                       0 B            92.4 kB
 ├ λ /api/health/ready                      0 B            92.4 kB
@@ -85,11 +87,11 @@ Route (pages)                              Size     First Load JS
 ├ ● /checkout                              694 B           121 kB
 ├ ● /login                                 1.59 kB         122 kB
 └ ● /s                                     3.18 kB         134 kB
-+ First Load JS shared by all              95.8 kB
++ First Load JS shared by all              95.9 kB
   ├ chunks/framework-807b0f81cbc129f0.js   45.4 kB
   ├ chunks/main-5569625b3fdd6741.js        33.1 kB
-  ├ chunks/pages/_app-836e2ad874a5b36e.js  10.3 kB
-  ├ chunks/webpack-045fa70c18f7d0f7.js     3.58 kB
+  ├ chunks/pages/_app-012e51403727ae6a.js  10.4 kB
+  ├ chunks/webpack-1cd1c4aa7f418483.js     3.59 kB
   └ css/0a57ee6c7a57788c.css               3.49 kB
 
 λ  (Server)  server-side renders at runtime (uses getInitialProps or getServerSideProps)

package/.turbo/turbo-test.log

@@ -1,14 +1,14 @@
 
-> @faststore/core@3.35.0 test /home/runner/work/faststore/faststore/packages/core
+> @faststore/core@3.35.1 test /home/runner/work/faststore/faststore/packages/core
 > jest
 
-PASS test/utils/multipleTemplates.test.ts (23.635 s)
-PASS test/server/cms/global.test.ts (23.741 s)
+PASS test/utils/multipleTemplates.test.ts (22.915 s)
+PASS test/server/cms/global.test.ts (23.944 s)
 PASS test/server/cms/index.test.ts
-PASS test/server/index.test.ts (29.278 s)
+PASS test/server/index.test.ts (29.285 s)
 
 Test Suites: 4 passed, 4 total
 Tests:       22 passed, 22 total
 Snapshots:   0 total
-Time:        30.352 s
+Time:        30.513 s
 Ran all test suites.

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.36.0](https://github.com/vtex/faststore/compare/v3.35.1...v3.36.0) (2025-04-09)
+
+### Features
+
+- My Account Menu and Extensibility ([#2761](https://github.com/vtex/faststore/issues/2761)) ([0daf07a](https://github.com/vtex/faststore/commit/0daf07a7fdf524992472d9f9b4a013885aa175a2)), closes [#2729](https://github.com/vtex/faststore/issues/2729) [#2720](https://github.com/vtex/faststore/issues/2720) [#2738](https://github.com/vtex/faststore/issues/2738) [#2752](https://github.com/vtex/faststore/issues/2752)
+
 ## [3.35.1](https://github.com/vtex/faststore/compare/v3.35.0...v3.35.1) (2025-04-08)
 
 ### Bug Fixes

package/discovery.config.default.js

@@ -130,6 +130,7 @@ module.exports = {
     preact: false,
     enableRedirects: false,
     enableSearchSSR: false,
+    enableFaststoreMyAccount: false,
     enableVtexAssetsLoader: false,
     graphqlCacheControl: {
       maxAge: 0, // 0 disables cache, 5 * 60 enable cache control maxAge 5 minutes

package/index.ts

@@ -10,6 +10,7 @@ export { useProductsQuery } from './src/sdk/product/useProductsQuery'
 
 export * from './src/typings/overrides'
 export { getOverriddenSection } from './src/sdk/overrides/getOverriddenSection'
+export { getMyAccountRoutes } from './src/sdk/account/getMyAccountRoutes'
 
 // Overridable Sections
 export { default as AlertSection } from './src/components/sections/Alert'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faststore/core",
-  "version": "3.35.1",
+  "version": "3.36.0",
   "license": "MIT",
   "repository": "vtex/faststore",
   "browserslist": "supports es6-module and not dead",
@@ -105,5 +105,5 @@
     "ts-jest": "29.1.1",
     "typescript": "5.3.2"
   },
-  "gitHead": "376034d85db380012d92c5cc7680b83c12e0003c"
+  "gitHead": "02b2a2e2ef528893276e4ae88d0ef5fda96c4bf7"
 }

package/src/components/account/MyAccountLayout/MyAccountLayout.tsx

@@ -0,0 +1,25 @@
+import type { PropsWithChildren } from 'react'
+import MyAccountMenu from '../MyAccountMenu'
+import menuRoutes from 'src/customizations/src/myAccount/navigation'
+import styles from '../section.module.scss'
+
+export type MyAccountLayoutProps = {}
+
+/* ######################################### */
+/* Mocked Data until development is finished */
+const mockedUserName = 'Mocked Username'
+
+/* ######################################### */
+
+const MyAccountLayout = ({
+  children,
+}: PropsWithChildren<MyAccountLayoutProps>) => {
+  return (
+    <div className={styles.layout}>
+      <MyAccountMenu accountName={mockedUserName} items={menuRoutes} />
+      {children}
+    </div>
+  )
+}
+
+export default MyAccountLayout

package/src/components/account/MyAccountLayout/index.ts

@@ -0,0 +1 @@
+export { default } from './MyAccountLayout'

package/src/components/account/MyAccountLayout/styles.scss

@@ -0,0 +1,17 @@
+.layout {
+  @import "@faststore/ui/src/components/atoms/Button/styles.scss";
+  @import "../MyAccountMenu/styles.scss";
+
+  display: grid;
+  grid-template-rows: auto 1fr;
+  min-height: calc(100vh - 18rem);
+
+  @include media(">=notebook") {
+    grid-template-rows: none;
+    grid-template-columns: max(300px) auto;
+    gap: var(--fs-spacing-8);
+    max-width: var(--fs-grid-max-width);
+    padding: 0;
+    margin: 0 auto;
+  }
+}

package/src/components/account/MyAccountMenu/MyAccountMenu.tsx

@@ -0,0 +1,74 @@
+import { Button, Link } from '@faststore/ui'
+import { useRouter } from 'next/router'
+
+import styles from '../section.module.scss'
+
+import useScreenResize from 'src/sdk/ui/useScreenResize'
+
+interface NavItem {
+  title: string
+  route: string
+}
+
+export interface MyAccountMenuProps
+  extends React.HTMLAttributes<HTMLDivElement> {
+  avatarImageUrl?: string
+  accountName: string
+  items: NavItem[]
+}
+
+const Nav = ({ items }: Pick<MyAccountMenuProps, 'items'>) => {
+  const router = useRouter()
+  const currentRoute = router.pathname
+
+  return (
+    <ul className={styles.nav}>
+      {items.map(({ route, title }) => (
+        <li
+          className={styles.navItem}
+          data-is-selected={currentRoute === route}
+          key={route}
+        >
+          <Link href={route} tabIndex={0}>
+            {title}
+          </Link>
+        </li>
+      ))}
+    </ul>
+  )
+}
+
+const MyAccountMenu = ({
+  avatarImageUrl,
+  accountName,
+  items,
+}: MyAccountMenuProps) => {
+  const { isDesktop } = useScreenResize()
+
+  return (
+    <div className={styles.menu}>
+      {isDesktop ? (
+        <div className={styles.account}>
+          <div className={styles.avatarContainer}>
+            {avatarImageUrl ? (
+              <img className={styles.avatar} src={avatarImageUrl} />
+            ) : (
+              <span className={styles.avatar}>{accountName[0]}</span>
+            )}
+            <h2>{accountName}</h2>
+          </div>
+          <Button
+            className={styles.switchButton}
+            variant="secondary"
+            size="small"
+          >
+            Switch
+          </Button>
+        </div>
+      ) : null}
+      <Nav items={items} />
+    </div>
+  )
+}
+
+export default MyAccountMenu

package/src/components/account/MyAccountMenu/index.ts

@@ -0,0 +1 @@
+export { default } from './MyAccountMenu'

package/src/components/account/MyAccountMenu/styles.scss

@@ -0,0 +1,124 @@
+.menu {
+  display: flex;
+  flex-direction: column;
+  max-height: inherit;
+  padding: var(--fs-spacing-3);
+  overflow: scroll;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+.account {
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+  width: 100%;
+  padding-bottom: var(--fs-spacing-5);
+}
+
+.avatarContainer {
+  display: grid;
+  grid-template-rows: auto;
+  gap: var(--fs-spacing-2);
+  align-items: center;
+  padding-bottom: var(--fs-spacing-1);
+
+  h2 {
+    font-size: var(--fs-text-size-3);
+    font-weight: var(--fs-text-weight-semibold);
+    line-height: var(--fs-text-size-5);
+  }
+}
+
+.switchButton {
+  display: none; /* While it's use case is not implemented */
+  max-width: fit-content;
+  height: 1.5rem;
+}
+
+.nav {
+  display: flex;
+  gap: var(--fs-spacing-1);
+}
+
+.navItem {
+  align-content: center;
+  height: var(--fs-spacing-6);
+  font-size: var(--fs-text-size-1);
+  font-weight: var(--fs-text-weight-medium);
+  background-color: var(--fs-color-tertiary-bkg);
+  border-radius: var(--fs-border-radius-pill);
+
+  &:hover,
+  &[data-is-selected="true"] {
+    background-color: var(--fs-color-tertiary-bkg-hover);
+  }
+
+  &:active {
+    background-color: var(--fs-color-tertiary-bkg-active);
+    outline: none;
+  }
+
+  &:disabled {
+    color: var(--fs-color-disabled-text);
+    cursor: not-allowed;
+    background-color: var(--fs-color-tertiary-bkg-disabled);
+  }
+
+  >a,
+  a:link,
+  a:visited {
+    display: inline-block;
+    align-content: center;
+    width: max-content;
+    width: 100%;
+    height: 100%;
+    padding: 0 var(--fs-spacing-3);
+    color: var(--fs-color-text);
+    text-decoration: none;
+    background-color: transparent;
+    border-radius: var(--fs-border-radius-pill);
+
+    &:focus-visible {
+      outline: 3px solid var(--fs-color-focus-ring);
+      box-shadow: none;
+    }
+  }
+}
+
+@include media(">=notebook") {
+  grid-template-rows: none;
+  grid-template-columns: max(300px) 80%;
+  gap: var(--fs-spacing-8);
+  padding: 0 var(--fs-spacing-8);
+
+  .menu {
+    padding: 0;
+    padding-top: var(--fs-spacing-6);
+    overflow: visible;
+  }
+
+  .nav {
+    flex-direction: column;
+    gap: 0;
+  }
+
+  .navItem {
+    margin-left: -16px;
+  }
+
+  .avatar {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--fs-spacing-8);
+    height: var(--fs-spacing-8);
+    font-size: var(--fs-text-size-4);
+    font-weight: var(--fs-text-weight-semibold);
+    color: var(--fs-color-main-2);
+    text-align: center;
+    background-color: var(--fs-color-accent-0);
+    border: var(--spacing-1) solid var(--fs-color-neutral-0);
+    border-radius: var(--fs-border-radius-circle);
+  }
+}

package/src/components/account/index.ts

@@ -0,0 +1,2 @@
+export { default as MyAccountLayout } from './MyAccountLayout'
+export { default as MyAccountMenu } from './MyAccountMenu'

package/src/components/account/section.module.scss

@@ -0,0 +1,3 @@
+@layer components {
+  @import "./MyAccountLayout/styles.scss";
+}

package/src/customizations/src/myAccount/navigation.ts

@@ -0,0 +1,3 @@
+import { getMyAccountRoutes } from 'src/sdk/account/getMyAccountRoutes'
+
+export default getMyAccountRoutes({ routes: [] })

package/src/experimental/myAccountSeverSideProps.ts

@@ -0,0 +1,42 @@
+import type { Locator } from '@vtex/client-cms'
+import type { GetServerSideProps } from 'next'
+
+import {
+  type GlobalSectionsData,
+  getGlobalSectionsData,
+} from 'src/components/cms/GlobalSections'
+
+import { injectGlobalSections } from 'src/server/cms/global'
+
+export type MyAccountProps = {
+  globalSections: GlobalSectionsData
+}
+
+export const getServerSideProps: GetServerSideProps<
+  MyAccountProps,
+  Record<string, string>,
+  Locator
+> = async ({ previewData }) => {
+  const [
+    globalSectionsPromise,
+    globalSectionsHeaderPromise,
+    globalSectionsFooterPromise,
+  ] = getGlobalSectionsData(previewData)
+
+  const [globalSections, globalSectionsHeader, globalSectionsFooter] =
+    await Promise.all([
+      globalSectionsPromise,
+      globalSectionsHeaderPromise,
+      globalSectionsFooterPromise,
+    ])
+
+  const globalSectionsResult = injectGlobalSections({
+    globalSections,
+    globalSectionsHeader,
+    globalSectionsFooter,
+  })
+
+  return {
+    props: { globalSections: globalSectionsResult },
+  }
+}

package/src/pages/account/index.tsx

@@ -0,0 +1,44 @@
+import { NextSeo } from 'next-seo'
+import type { ComponentType } from 'react'
+import { useEffect } from 'react'
+import RenderSections from 'src/components/cms/RenderSections'
+import { default as GLOBAL_COMPONENTS } from 'src/components/cms/global/Components'
+import CUSTOM_COMPONENTS from 'src/customizations/src/components'
+import storeConfig from 'discovery.config'
+import {
+  getServerSideProps,
+  type MyAccountProps,
+} from 'src/experimental/myAccountSeverSideProps'
+import { useRouter } from 'next/router'
+
+/* A list of components that can be used in the CMS. */
+const COMPONENTS: Record<string, ComponentType<any>> = {
+  ...GLOBAL_COMPONENTS,
+  ...CUSTOM_COMPONENTS,
+}
+
+function Page({ globalSections }: MyAccountProps) {
+  const router = useRouter()
+  useEffect(() => {
+    if (storeConfig.experimental.enableFaststoreMyAccount) {
+      router.push('/account/profile') // current default path in my account
+    } else {
+      window.location.href = `${storeConfig.accountUrl}${window.location.search}`
+    }
+  }, [])
+
+  return (
+    <RenderSections
+      globalSections={globalSections.sections}
+      components={COMPONENTS}
+    >
+      <NextSeo noindex nofollow />
+
+      <div>loading...</div>
+    </RenderSections>
+  )
+}
+
+export { getServerSideProps }
+
+export default Page

package/src/pages/account/profile.tsx

@@ -0,0 +1,48 @@
+/* ######################################### */
+/* Mocked Page until development is finished, it will be removed after */
+
+import { NextSeo } from 'next-seo'
+import type { ComponentType } from 'react'
+import { MyAccountLayout } from 'src/components/account'
+import RenderSections from 'src/components/cms/RenderSections'
+import { default as GLOBAL_COMPONENTS } from 'src/components/cms/global/Components'
+import CUSTOM_COMPONENTS from 'src/customizations/src/components'
+import {
+  getServerSideProps,
+  type MyAccountProps,
+} from 'src/experimental/myAccountSeverSideProps'
+
+/* A list of components that can be used in the CMS. */
+const COMPONENTS: Record<string, ComponentType<any>> = {
+  ...GLOBAL_COMPONENTS,
+  ...CUSTOM_COMPONENTS,
+}
+
+const style = {
+  alignContent: 'center',
+  justifyContent: 'center',
+  alignItems: 'center',
+  display: 'flex',
+  h1: {
+    fontSize: '100px',
+  },
+}
+
+export default function Profile({ globalSections }: MyAccountProps) {
+  return (
+    <RenderSections
+      globalSections={globalSections.sections}
+      components={COMPONENTS}
+    >
+      <NextSeo noindex nofollow />
+
+      <MyAccountLayout>
+        <div style={style}>
+          <h1 style={style.h1}>Profile</h1>
+        </div>
+      </MyAccountLayout>
+    </RenderSections>
+  )
+}
+
+export { getServerSideProps }

package/src/sdk/account/getMyAccountRoutes.ts

@@ -0,0 +1,34 @@
+interface Route {
+  /* Page name, displayed in the sidebar */
+  title: string
+  /* Accessible path within My Account */
+  route: string
+}
+
+interface GetMyAccountRouteParams {
+  /* Route list */
+  routes: Route[]
+}
+
+const DEFAULT_ROUTES: Route[] = [
+  {
+    title: 'Profile',
+    route: '/account/profile',
+  },
+  {
+    title: 'Orders',
+    route: '/account/orders',
+  },
+  {
+    title: 'User Details',
+    route: '/account/user-details',
+  },
+  {
+    title: 'Security',
+    route: '/account/security',
+  },
+]
+
+export function getMyAccountRoutes({ routes }: GetMyAccountRouteParams) {
+  return [...DEFAULT_ROUTES, ...routes]
+}

package/.next/server/pages/en-US/account.html

@@ -1,28 +0,0 @@
-<!DOCTYPE html><html lang="en-US"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><meta name="generated-at" content="2025-04-08T21:49:30.038Z"/><meta name="robots" content="noindex,nofollow"/><meta name="next-head-count" content="4"/><link rel="preconnect" href="https://storeframework.vtexassets.com"/><link rel="dns-prefetch" href="https://storeframework.vtexassets.com"/><meta name="storefront" content="fast_store"/><script>var partytown={forward:[...["sendrc"],!window.location.search.includes('gtm_debug=')&&true?'dataLayer.push':null].filter(Boolean)}</script><script type="text/partytown">!window.location.search.includes('gtm_debug=')&&
-  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
- })(window,document,'script',"dataLayer","GTM-PGHZ95N");</script><script type="text/javascript">window.location.search.includes('gtm_debug=')&&
-  (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
- })(window,document,'script',"dataLayer","GTM-PGHZ95N");</script><script type="text/partytown">
-            window.VTEX_METADATA = {account:'storeframework', renderer: 'faststore'};
-            window.sendrc=function(en,ed){window.NavigationCapture&&window.NavigationCapture.sendEvent(en,ed)};
-          </script><script type="text/partytown" async="" src="https://io.vtex.com.br/rc/rc.js"></script><script type="text/javascript">
-            (function(v,t,e,x,a,f,s){
-              f=v.vtexaf=v.vtexaf||function(){(f.q=f.q||[]).push(arguments)}
-              ;f.l=+new Date;s=t.createElement(e);s.async=!0;
-              s.src=x;a=t.getElementsByTagName(e)[0];
-              a.parentNode.insertBefore(s,a)
-            })(window,document,'script','https://activity-flow.vtex.com/af/af.js');
-          </script><script type="text/javascript">
-            window.vtexaf('init', {
-              account: 'storeframework',
-              env: 'vtexcommercestable',
-              workspace: 'master'
-            });
-          </script><script>!(function(w,p,f,c){c=w[p]=w[p]||{};c[f]=(c[f]||[])})(window,'partytown','forward');/* Partytown 0.6.4 - MIT builder.io */
-!function(t,e,n,i,r,o,a,d,s,c,p,l){function u(){l||(l=1,"/"==(a=(o.lib||"/~partytown/")+(o.debug?"debug/":""))[0]&&(s=e.querySelectorAll('script[type="text/partytown"]'),i!=t?i.dispatchEvent(new CustomEvent("pt1",{detail:t})):(d=setTimeout(w,1e4),e.addEventListener("pt0",f),r?h(1):n.serviceWorker?n.serviceWorker.register(a+(o.swPath||"partytown-sw.js"),{scope:a}).then((function(t){t.active?h():t.installing&&t.installing.addEventListener("statechange",(function(t){"activated"==t.target.state&&h()}))}),console.error):w())))}function h(t){c=e.createElement(t?"script":"iframe"),t||(c.setAttribute("style","display:block;width:0;height:0;border:0;visibility:hidden"),c.setAttribute("aria-hidden",!0)),c.src=a+"partytown-"+(t?"atomics.js?v=0.6.4":"sandbox-sw.html?"+Date.now()),e.body.appendChild(c)}function w(t,n){for(f(),t=0;t<s.length;t++)(n=e.createElement("script")).innerHTML=s[t].innerHTML,e.head.appendChild(n);c&&c.parentNode.removeChild(c)}function f(){clearTimeout(d)}o=t.partytown||{},i==t&&(o.forward||[]).map((function(e){p=t,e.split(".").map((function(e,n,i){p=p[i[n]]=n+1<i.length?"push"==i[n+1]?[]:p[i[n]]||{}:function(){(t._ptf=t._ptf||[]).push(i,arguments)}}))})),"complete"==e.readyState?u():(t.addEventListener("DOMContentLoaded",u),t.addEventListener("load",u))}(window,document,navigator,top,window.crossOriginIsolated);document.currentScript.dataset.partytown="";</script><link rel="preload" href="/_next/static/css/0a57ee6c7a57788c.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/0a57ee6c7a57788c.css" crossorigin="" data-n-g=""/><link rel="preload" href="/_next/static/css/b0c0e0632c5d7f52.css" as="style" crossorigin=""/><link rel="stylesheet" href="/_next/static/css/b0c0e0632c5d7f52.css" crossorigin="" data-n-p=""/><noscript data-n-css=""></noscript><script defer="" crossorigin="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-045fa70c18f7d0f7.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/framework-807b0f81cbc129f0.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/main-5569625b3fdd6741.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/_app-836e2ad874a5b36e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6167-ecb49640dcb9d566.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/6335-2bf379c0870c440e.js" defer="" crossorigin=""></script><script src="/_next/static/chunks/pages/account-2123c229c3e93039.js" defer="" crossorigin=""></script><script src="/_next/static/Shnxq4E8-HNxCfP-iRIQV/_buildManifest.js" defer="" crossorigin=""></script><script src="/_next/static/Shnxq4E8-HNxCfP-iRIQV/_ssgManifest.js" defer="" crossorigin=""></script></head><body class="theme"><div id="__next"><div data-store-section-name="Alert" style="height:823px;width:100%"></div><div data-store-section-name="Navbar" style="height:823px;width:100%"></div><div data-store-section-name="RegionBar" style="height:823px;width:100%"></div><div>loading...</div><div data-store-section-name="Toast" style="height:823px;width:100%"></div><div data-store-section-name="Footer" style="height:823px;width:100%"></div></div><script id="__NEXT_DATA__" type="application/json" crossorigin="">{"props":{"pageProps":{"globalSections":{"id":"962a7773-1482-11f0-b37f-8c36bb18d2b3","name":"Global Sections","type":"globalSections","status":"published","versionId":"1bed2716-397d-4632-a671-2675cd613147","versionStatus":"published","sections":[{"id":"a426dc2f-3ae6-4951-8466-cf88534b83e7","name":"Alert","data":{"link":{"text":"Buy now","to":"/office"},"dismissible":true,"icon":"BellRinging","content":"Get 15% off today: NEW15!"}},{"id":"5d447cb2-9175-4a52-90c6-bd1ed518d966","name":"Navbar","data":{"logo":{"link":{"url":"/","title":"Go To Home"},"src":"https://storeframework.vtexassets.com/assets/vtex.file-manager-graphql/images/ab9997f4-8fd6-46f5-99d2-9d5af3ef5e34___6d75a203771d7408d8f0d1c660a076dd.png","alt":"Store logo"},"searchInput":{"placeholder":"Search everything at the store","sort":"score_desc"},"signInButton":{"icon":{"icon":"User","alt":"User"},"label":"Sign In","myAccountLabel":"My Account"},"cartIcon":{"icon":"ShoppingCart","alt":"Shopping Cart"},"navigation":{"regionalization":{"enabled":true,"icon":{"icon":"MapPin","alt":"MapPin"},"label":"Set Your Location"},"pageLinks":[{"text":"Office","url":"/office"},{"text":"Technology","url":"/technology"}],"menu":{"icon":{"icon":"List","alt":"List"}},"home":{"label":"Go to Home"}}}},{"id":"897b0dfa-5da0-4a68-aa93-e6ec5032c817","name":"RegionBar","data":{"icon":{"icon":"MapPin","alt":"Map Pin icon"},"label":"Set your location","editLabel":"Edit","buttonIcon":{"icon":"CaretRight","alt":"Caret Right icon"}}},{"id":"748c1ef3-9684-48b2-8153-1902ad71ff6b","name":"CartSidebar","data":{"title":"Your Cart","alert":{"icon":{"icon":"Truck","alt":"Arrow Right icon"},"text":"Free shipping starts at $300"},"checkoutButton":{"label":"Checkout","loadingLabel":"Loading...","icon":{"icon":"ArrowRight","alt":"Arrow Right icon"}},"quantitySelector":{"useUnitMultiplier":false},"taxesConfiguration":{"usePriceWithTaxes":false,"taxesLabel":"Tax included"}}},{"id":"d4117c2b-4081-4b9a-b5b9-2251a0b46756","name":"RegionModal","data":{"title":"Set your location","description":"Prices, offers and availability may vary according to your location.","closeButtonAriaLabel":"Close Region Modal","inputField":{"label":"Postal Code","errorMessage":"You entered an invalid Postal Code","buttonActionText":"Apply"},"idkPostalCodeLink":{"text":"I don't know my Postal Code","icon":{"icon":"ArrowSquareOut","alt":"Arrow Square Out icon"}}}},{"id":"e64ccc72-aca1-488b-aac4-096dc750ee70","name":"Children","data":{}},{"id":"e0338a6b-ad72-4069-b8b3-39d2d4747a7f","name":"Footer","data":{"incentives":[{"title":" ","firstLineText":"Trusted","icon":"ShieldCheck","secondLineText":"by Safecon"},{"title":" ","firstLineText":"Free","icon":"Calendar","secondLineText":"Return"},{"title":" ","firstLineText":"Pickup","icon":"Storefront","secondLineText":"Options"},{"firstLineText":"Free","secondLineText":"Shipping","title":" ","icon":"Truck"}],"footerLinks":[{"items":[{"text":"About Us","url":"https://starter.vtex.app"},{"text":"Our Blog","url":"https://starter.vtex.app"},{"text":"Stores","url":"https://starter.vtex.app"},{"text":"Work With Us","url":"https://starter.vtex.app"}],"sectionTitle":"Our company"},{"items":[{"text":"Returns and Exchanges","url":"/"},{"text":"Product Recall","url":"/"},{"text":"Gift Cards","url":"/"}],"sectionTitle":"Orders and Purchases"},{"items":[{"text":"Support Center","url":"/"},{"text":"Support \u0026 Services","url":"/"},{"text":"Contact Us","url":"/"}],"sectionTitle":"Support \u0026 Services"},{"items":[{"text":"Affiliate Program","url":"/"},{"text":"Marketplace","url":"/"}],"sectionTitle":"Partnerships"}],"footerSocial":{"title":"Follow Us","socialLinks":[{"icon":{"icon":"Facebook"},"alt":"Facebook","url":"https://www.facebook.com"},{"icon":{"icon":"Instagram"},"alt":"Instagram","url":"https://www.instagram.com"},{"icon":{"icon":"Pinterest"},"alt":"Pinterest","url":"https://www.pinterest.com"},{"icon":{"icon":"Twitter"},"alt":"Twitter","url":"https://www.twitter.com"}]},"logo":{"link":{"title":"FastStore Starter","url":"https://starter.vtex.app/"},"src":"https://storeframework.vtexassets.com/assets/vtex.file-manager-graphql/images/ec191c4a-32d8-41a9-9255-f319819bc98c___c24a66e2bef2c3f2bea07571a3636804.png","alt":"Store Logo"},"acceptedPaymentMethods":{"showPaymentMethods":true,"title":"Payment Methods","paymentMethods":[{"icon":{"icon":"Diners"},"alt":"Diners Club"},{"icon":{"icon":"Visa"},"alt":"Visa"},{"icon":{"icon":"Mastercard"},"alt":"Mastercard"},{"icon":{"icon":"EloCard"},"alt":"Elo Card"},{"icon":{"icon":"PayPal"},"alt":"PayPal"},{"icon":{"icon":"GooglePay"},"alt":"GooglePay"},{"icon":{"icon":"ApplePay"},"alt":"Apple Pay"}]},"copyrightInfo":"This website uses VTEX technology.  In-store price may vary. Prices and offers are subject to change. 2023 Brandless Store. All rights reserved. Store is a trademark of Store and its affiliated companies.  Mount St, 000, New York / NY - 00000."}}]}},"__N_SSG":true},"page":"/account","query":{},"buildId":"Shnxq4E8-HNxCfP-iRIQV","isFallback":false,"gsp":true,"locale":"en-US","locales":["en-US"],"defaultLocale":"en-US","scriptLoader":[]}</script></body></html>