@faststore/core 3.99.1 → 4.0.0-dev.4

package/src/pages/pvt/account/orders/[id].tsx

@@ -24,6 +24,7 @@ import { execute } from 'src/server'
 import { injectGlobalSections } from 'src/server/cms/global'
 import { getMyAccountRedirect } from 'src/utils/myAccountRedirect'
 import { extractStatusFromError } from 'src/utils/utilities'
+import { withLocaleValidationSSR } from 'src/utils/localization/withLocaleValidation'
 
 const COMPONENTS: Record<string, ComponentType<any>> = {
   ...GLOBAL_COMPONENTS,
@@ -280,7 +281,7 @@ const query = gql(`
   }
 `)
 
-export const getServerSideProps: GetServerSideProps<
+const getServerSidePropsBase: GetServerSideProps<
   OrderDetailsPageProps,
   Record<string, string>,
   Locator
@@ -299,15 +300,18 @@ export const getServerSideProps: GetServerSideProps<
   }
 
   const {
-    previewData,
     params: { id },
   } = context
+  const contentContext = {
+    previewData: context.previewData,
+    locale: context.locale,
+  }
 
   const [
     globalSectionsPromise,
     globalSectionsHeaderPromise,
     globalSectionsFooterPromise,
-  ] = getGlobalSectionsData(previewData)
+  ] = getGlobalSectionsData(contentContext)
 
   const [
     orderDetails,
@@ -366,3 +370,7 @@ export const getServerSideProps: GetServerSideProps<
     },
   }
 }
+
+export const getServerSideProps = withLocaleValidationSSR(
+  getServerSidePropsBase
+)

package/src/pages/pvt/account/orders/index.tsx

@@ -19,6 +19,7 @@ import { default as BeforeSection } from 'src/customizations/src/myAccount/exten
 import type { MyAccountProps } from 'src/experimental/myAccountServerSideProps'
 import { execute } from 'src/server'
 import { injectGlobalSections } from 'src/server/cms/global'
+import { withLocaleValidationSSR } from 'src/utils/localization/withLocaleValidation'
 import { getMyAccountRedirect } from 'src/utils/myAccountRedirect'
 import { groupOrderStatusByLabel } from 'src/utils/userOrderStatus'
 
@@ -125,7 +126,7 @@ const query = gql(`
   }
 `)
 
-export const getServerSideProps: GetServerSideProps<
+const getServerSidePropsBase: GetServerSideProps<
   MyAccountProps,
   Record<string, string>,
   Locator
@@ -135,7 +136,10 @@ export const getServerSideProps: GetServerSideProps<
     account: storeConfig.api.storeId,
   })
 
-  const { previewData } = context
+  const contentContext = {
+    previewData: context.previewData,
+    locale: context.locale,
+  }
 
   const { isFaststoreMyAccountEnabled, redirect } = getMyAccountRedirect({
     query: context.query,
@@ -149,7 +153,7 @@ export const getServerSideProps: GetServerSideProps<
     globalSectionsPromise,
     globalSectionsHeaderPromise,
     globalSectionsFooterPromise,
-  ] = getGlobalSectionsData(previewData)
+  ] = getGlobalSectionsData(contentContext)
 
   const page = Number(context.query.page as string | undefined) || 1
   const perPage = 25 // TODO: make this configurable
@@ -253,3 +257,7 @@ export const getServerSideProps: GetServerSideProps<
     },
   }
 }
+
+export const getServerSideProps = withLocaleValidationSSR(
+  getServerSidePropsBase
+)

package/src/pages/pvt/account/profile.tsx

@@ -21,6 +21,7 @@ import type { MyAccountProps } from 'src/experimental/myAccountServerSideProps'
 import { getIsRepresentative } from 'src/sdk/account/getIsRepresentative'
 import { injectGlobalSections } from 'src/server/cms/global'
 import { getMyAccountRedirect } from 'src/utils/myAccountRedirect'
+import { withLocaleValidationSSR } from 'src/utils/localization/withLocaleValidation'
 
 import storeConfig from 'discovery.config'
 import PageProvider from 'src/sdk/overrides/PageProvider'
@@ -77,7 +78,7 @@ const query = gql(`
   }
 `)
 
-export const getServerSideProps: GetServerSideProps<
+const getServerSidePropsBase: GetServerSideProps<
   MyAccountProps,
   Record<string, string>,
   Locator
@@ -94,12 +95,16 @@ export const getServerSideProps: GetServerSideProps<
     headers: context.req.headers as Record<string, string>,
     account: storeConfig.api.storeId,
   })
+  const contentContext = {
+    previewData: context.previewData,
+    locale: context.locale,
+  }
 
   const [
     globalSectionsPromise,
     globalSectionsHeaderPromise,
     globalSectionsFooterPromise,
-  ] = getGlobalSectionsData(context.previewData)
+  ] = getGlobalSectionsData(contentContext)
 
   const [profile, globalSections, globalSectionsHeader, globalSectionsFooter] =
     await Promise.all([
@@ -150,3 +155,7 @@ export const getServerSideProps: GetServerSideProps<
     },
   }
 }
+
+export const getServerSideProps = withLocaleValidationSSR(
+  getServerSidePropsBase
+)

package/src/pages/pvt/account/security.tsx

@@ -22,6 +22,7 @@ import { getIsRepresentative } from 'src/sdk/account/getIsRepresentative'
 import { execute } from 'src/server'
 import { injectGlobalSections } from 'src/server/cms/global'
 import { getMyAccountRedirect } from 'src/utils/myAccountRedirect'
+import { withLocaleValidationSSR } from 'src/utils/localization/withLocaleValidation'
 
 import PageProvider from 'src/sdk/overrides/PageProvider'
 
@@ -77,7 +78,7 @@ const query = gql(`
   }
 `)
 
-export const getServerSideProps: GetServerSideProps<
+const getServerSidePropsBase: GetServerSideProps<
   MyAccountProps,
   Record<string, string>,
   Locator
@@ -94,12 +95,16 @@ export const getServerSideProps: GetServerSideProps<
   if (!isFaststoreMyAccountEnabled) {
     return { redirect }
   }
+  const contentContext = {
+    previewData: context.previewData,
+    locale: context.locale,
+  }
 
   const [
     globalSectionsPromise,
     globalSectionsHeaderPromise,
     globalSectionsFooterPromise,
-  ] = getGlobalSectionsData(context.previewData)
+  ] = getGlobalSectionsData(contentContext)
 
   const [security, globalSections, globalSectionsHeader, globalSectionsFooter] =
     await Promise.all([
@@ -149,3 +154,7 @@ export const getServerSideProps: GetServerSideProps<
     },
   }
 }
+
+export const getServerSideProps = withLocaleValidationSSR(
+  getServerSidePropsBase
+)

package/src/pages/pvt/account/user-details.tsx

@@ -25,6 +25,7 @@ import PageProvider from 'src/sdk/overrides/PageProvider'
 import { execute } from 'src/server'
 import { injectGlobalSections } from 'src/server/cms/global'
 import { getMyAccountRedirect } from 'src/utils/myAccountRedirect'
+import { withLocaleValidationSSR } from 'src/utils/localization/withLocaleValidation'
 
 /* A list of components that can be used in the CMS. */
 const COMPONENTS: Record<string, ComponentType<any>> = {
@@ -82,7 +83,7 @@ const query = gql(`
   }
 `)
 
-export const getServerSideProps: GetServerSideProps<
+const getServerSidePropsBase: GetServerSideProps<
   MyAccountProps,
   Record<string, string>,
   Locator
@@ -99,12 +100,16 @@ export const getServerSideProps: GetServerSideProps<
   if (!isFaststoreMyAccountEnabled) {
     return { redirect }
   }
+  const contentContext = {
+    previewData: context.previewData,
+    locale: context.locale,
+  }
 
   const [
     globalSectionsPromise,
     globalSectionsHeaderPromise,
     globalSectionsFooterPromise,
-  ] = getGlobalSectionsData(context.previewData)
+  ] = getGlobalSectionsData(contentContext)
 
   const [
     userDetails,
@@ -172,3 +177,7 @@ export const getServerSideProps: GetServerSideProps<
     },
   }
 }
+
+export const getServerSideProps = withLocaleValidationSSR(
+  getServerSidePropsBase
+)

package/src/pages/s.tsx

@@ -1,8 +1,9 @@
 import { NextSeo } from 'next-seo'
 import { useRouter } from 'next/router'
-import { useMemo } from 'react'
+import { useEffect, useMemo, useState } from 'react'
 
 import type { SearchState } from '@faststore/sdk'
+import type { SearchSettings } from 'src/server/cms'
 import {
   formatSearchState,
   parseSearchState,
@@ -20,6 +21,7 @@ import {
   getStaticProps,
   type SearchPageProps,
 } from 'src/experimental/searchServerSideFunctions'
+import { getStoreURL } from 'src/sdk/localization/useLocalizationConfig'
 
 export interface SearchPageContextType {
   title: string
@@ -49,13 +51,20 @@ const useSearchParams = ({
 
 type StoreConfig = typeof storeConfig
 
-function generateSEOData(storeConfig: StoreConfig, searchTerm?: string) {
+function generateSEOData(
+  storeConfig: StoreConfig,
+  searchTerm?: string,
+  pageSeoSettings?: SearchSettings['settings']['seo']
+) {
   const { search: searchSeo, ...seo } = storeConfig.seo
 
   const isSSREnabled = storeConfig.experimental.enableSearchSSR
 
   const title = searchTerm ?? seo.title ?? 'Search Results'
-  const titleTemplate = searchSeo?.titleTemplate ?? seo.titleTemplate
+  const titleTemplate =
+    pageSeoSettings?.titleTemplate ??
+    searchSeo?.titleTemplate ??
+    seo.titleTemplate
   const description = searchSeo?.descriptionTemplate
     ? searchSeo.descriptionTemplate
         .replace(/%s/g, () => searchTerm ?? '')
@@ -79,7 +88,7 @@ function generateSEOData(storeConfig: StoreConfig, searchTerm?: string) {
   }
 
   const canonical = searchTerm
-    ? `${storeConfig.storeUrl}/s?q=${searchTerm.replaceAll(' ', '+')}`
+    ? `${getStoreURL()}/s?q=${searchTerm.replaceAll(' ', '+')}`
     : undefined
 
   return {
@@ -116,9 +125,20 @@ function Page({
     return null
   }
 
+  const [effectiveSearchTerm, setEffectiveSearchTerm] = useState<
+    string | undefined
+  >(() => searchTerm ?? undefined)
+
+  useEffect(() => {
+    if (!searchTerm && searchParams.term) {
+      setEffectiveSearchTerm(searchParams.term)
+    }
+  }, [searchParams.term, searchTerm])
+
   const { noindex, nofollow, ...seoData } = generateSEOData(
     storeConfig,
-    searchTerm ?? searchParams.term ?? undefined
+    effectiveSearchTerm,
+    settings?.seo
   )
 
   return (
@@ -149,7 +169,7 @@ function Page({
         searchContentType={searchContentType}
         serverData={{
           title: seoData.title,
-          searchTerm: searchTerm ?? searchParams.term ?? undefined,
+          searchTerm: effectiveSearchTerm,
         }}
         globalSections={globalSections}
         globalSettings={globalSettings}

package/src/proxy.ts

@@ -0,0 +1,154 @@
+import storeConfig from 'discovery.config'
+import { NextResponse, type NextRequest } from 'next/server'
+import { getRequestHostname } from 'src/utils/getRequestHostname'
+import {
+  getCustomPathsFromBindings,
+  getSubdomainBindings,
+  isValidLocale,
+} from 'src/utils/localization/bindingPaths'
+
+type RewriteRule = {
+  regex: RegExp
+  locale: string
+  hostname?: string
+}
+
+function generateRewriteRules(): RewriteRule[] {
+  if (!storeConfig.localization?.enabled) {
+    return []
+  }
+
+  const customPaths = getCustomPathsFromBindings()
+
+  const rules: RewriteRule[] = customPaths.map((customPath) => {
+    const escapedPath = customPath.path.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
+    const regex = new RegExp(`^${escapedPath}(?:\\/(.*))?$`, 'i')
+    return {
+      regex,
+      locale: customPath.locale,
+      hostname: customPath.hostname,
+    }
+  })
+
+  return rules.sort((a, b) => {
+    const aLength = a.regex.source.length
+    const bLength = b.regex.source.length
+    return bLength - aLength
+  })
+}
+
+const DATA_ROUTE_RE = /^\/_next\/data\/[^/]+\/([^/]+)\/(.+)$/
+
+const rewriteRules = generateRewriteRules()
+const subdomainBindings = getSubdomainBindings()
+const shouldValidateHostname = process.env.NODE_ENV === 'production'
+const validLocales = new Set(
+  Object.keys(storeConfig.localization?.locales || {})
+)
+
+/**
+ * Rewrites the request to the subdomain locale.
+ * Without this, getStaticProps receives the wrong locale on subdomain domains
+ * because Next.js domain routing doesn't set the locale for server-side rendering.
+ *
+ * @param request - The request to rewrite.
+ * @param locale - The locale to rewrite to.
+ * @returns The rewritten response or null if the request is not a subdomain request.
+ */
+function rewriteSubdomainRequest(
+  request: NextRequest,
+  locale: string
+): NextResponse | null {
+  const { pathname, search } = request.nextUrl
+
+  const dataMatch = pathname.match(DATA_ROUTE_RE)
+
+  if (dataMatch) {
+    const [, currentLocale] = dataMatch
+
+    if (currentLocale !== locale && validLocales.has(currentLocale)) {
+      const url = request.nextUrl.clone()
+      url.pathname = pathname.replace(`/${currentLocale}/`, `/${locale}/`)
+      url.search = search
+
+      return NextResponse.rewrite(url)
+    }
+
+    return null
+  }
+
+  const firstSegment = pathname.split('/')[1] ?? ''
+
+  if (!validLocales.has(firstSegment)) {
+    const rest = pathname.replace(/^\/+/, '')
+    const normalizedPath = rest ? `/${locale}/${rest}` : `/${locale}`
+
+    const url = request.nextUrl.clone()
+    url.pathname = normalizedPath
+    url.search = search
+
+    return NextResponse.rewrite(url)
+  }
+
+  return null
+}
+
+export function proxy(request: NextRequest) {
+  if (!storeConfig.localization?.enabled) {
+    return NextResponse.next()
+  }
+
+  const { pathname, search } = request.nextUrl
+
+  // Read the hostname from the Host header rather than request.nextUrl.hostname.
+  // When the Next.js standalone server is started with a `hostname` (which the
+  // generated server.js always does, defaulting to "0.0.0.0" via the HOSTNAME
+  // env var), Next.js builds the internal request URL using that bind address
+  // instead of the client-facing host, see attachRequestMeta in
+  // next/dist/server/next-server.js. As a result, request.nextUrl.hostname
+  // returns the bind address (e.g. "0.0.0.0"), which never matches the
+  // hostname extracted from a binding URL (e.g. "brandless.fast.store").
+  const hostname = getRequestHostname(request.headers.get('host'))
+
+  const subdomainMatch = subdomainBindings.find((b) => b.hostname === hostname)
+
+  if (subdomainMatch && isValidLocale(subdomainMatch.locale)) {
+    const result = rewriteSubdomainRequest(request, subdomainMatch.locale)
+
+    if (result) {
+      return result
+    }
+  }
+
+  for (const rule of rewriteRules) {
+    if (shouldValidateHostname && rule.hostname && rule.hostname !== hostname) {
+      continue
+    }
+
+    const match = pathname.match(rule.regex)
+    if (!match) continue
+
+    if (!isValidLocale(rule.locale)) {
+      console.warn(`Locale ${rule.locale} not found in configuration`)
+      continue
+    }
+
+    const rest = match[1]?.replace(/^\/+/, '') ?? ''
+    const normalizedPath = rest ? `/${rule.locale}/${rest}` : `/${rule.locale}`
+
+    const url = request.nextUrl.clone()
+    url.pathname = normalizedPath
+    url.search = search
+
+    return NextResponse.rewrite(url)
+  }
+
+  return NextResponse.next()
+}
+
+export const config = {
+  matcher: [
+    '/((?!api|_next/static|_next/image|favicon.ico|.*\\.[^/]+$).*)',
+    '/_next/data/:path*',
+  ],
+}

package/src/sdk/account/refreshToken.ts

@@ -1,9 +1,7 @@
-import discoveryConfig from 'discovery.config'
 import fetch from 'isomorphic-unfetch'
+import { getStoreURL } from 'src/sdk/localization/useLocalizationConfig'
 import { sanitizeHost } from 'src/utils/utilities'
 
-const REFRESH_TOKEN_URL = `${discoveryConfig.storeUrl}/api/vtexid/refreshtoken/webstore`
-
 export interface RefreshTokenResponse {
   status?: string
   refreshAfter?: string
@@ -30,9 +28,11 @@ async function fetchWithRetry(
 export const refreshTokenRequest = async (): Promise<
   RefreshTokenResponse | undefined
 > => {
+  const storeOriginURL = new URL(getStoreURL()).origin
+  const REFRESH_TOKEN_URL = `${storeOriginURL}/api/vtexid/refreshtoken/webstore`
   const headers: HeadersInit = {
     'content-type': 'application/json',
-    Host: `${sanitizeHost(discoveryConfig.storeUrl)}`,
+    Host: `${sanitizeHost(storeOriginURL)}`,
   }
 
   return await fetchWithRetry(REFRESH_TOKEN_URL, {

package/src/sdk/account/useReorder.ts

@@ -8,10 +8,13 @@ import type {
   CartItemFragment,
   IStoreCart,
 } from '@generated/graphql'
+import ReorderError from '../error/ReorderError/ReorderError'
 import { request } from '../graphql/request'
 import { sessionStore } from '../session'
+import { useLink } from '../ui/useLink'
+
+import storeConfig from '../../../discovery.config'
 import { redirectToCheckout } from '../cart/redirectToCheckout'
-import ReorderError from '../error/ReorderError/ReorderError'
 
 type Order = ServerOrderDetailsQueryQuery['userOrder']
 type AdditionalProperties =
@@ -33,6 +36,9 @@ const getItemId = (item: CartItemFragment) => {
 export const useReorder = () => {
   const [loading, setLoading] = useState(false)
   const [error, setError] = useState<Error | null>(null)
+  const { resolveLink } = useLink()
+  const resolvedCheckoutUrl =
+    resolveLink(storeConfig.checkoutUrl) ?? storeConfig.checkoutUrl
 
   const reorder = async (order: Order | null | undefined) => {
     if (!order) {
@@ -131,7 +137,7 @@ export const useReorder = () => {
 
       cartStore.set(updatedCart)
 
-      redirectToCheckout(validated.order.orderNumber)
+      redirectToCheckout(validated.order.orderNumber, resolvedCheckoutUrl)
     } catch (err) {
       setError(err instanceof Error ? err : new ReorderError('Unknown error'))
       console.error('Error reordering:', err)

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

@@ -8,6 +8,7 @@ import { LOG_LABEL_STYLE } from 'src/constants'
 import { getBaseDomain } from 'src/utils/getBaseDomain'
 import { getCookie } from 'src/utils/getCookie'
 import config from '../../../../../discovery.config'
+import { getStoreURL } from 'src/sdk/localization/useLocalizationConfig'
 
 const THIRTY_MINUTES_S = 30 * 60
 const ONE_YEAR_S = 365 * 24 * 3600
@@ -25,8 +26,8 @@ const createOrRefreshCookie = (key: string, expiresSecond: number) => {
     process.env.NODE_ENV === 'development'
       ? '.localhost'
       : config.secureSubdomain
-        ? getBaseDomain([config.storeUrl, config.secureSubdomain])
-        : `.${new URL(config.storeUrl).hostname}`
+        ? getBaseDomain([getStoreURL(), config.secureSubdomain])
+        : `.${new URL(getStoreURL()).hostname}`
 
   return () => {
     let currentValue = getCookie(key)

package/src/sdk/cart/redirectToCheckout.ts

@@ -1,15 +1,21 @@
 import storeConfig from '../../../discovery.config'
 
-export const redirectToCheckout = (orderFormId?: string) => {
+/**
+ * Redirects to checkout. Use `resolvedCheckoutUrl` (e.g. from useLink().resolveLink)
+ * when i18n is enabled so the URL has the correct locale/custom path.
+ */
+export const redirectToCheckout = (
+  orderFormId?: string,
+  resolvedCheckoutUrl?: string
+) => {
+  const baseUrl = resolvedCheckoutUrl ?? storeConfig.checkoutUrl
   const isDevEnv =
     window.location.host.includes('.vtex.app') ||
     window.location.host.includes('localhost')
+  const href =
+    isDevEnv && orderFormId
+      ? `${baseUrl}${baseUrl.includes('?') ? '&' : '?'}orderFormId=${orderFormId}`
+      : baseUrl
 
-  if (!isDevEnv) {
-    window.location.href = `${storeConfig.checkoutUrl}`
-  } else if (orderFormId) {
-    window.location.href = `${storeConfig.checkoutUrl}?orderFormId=${orderFormId}`
-  } else {
-    window.location.href = `${storeConfig.checkoutUrl}`
-  }
+  window.location.href = href
 }

package/src/sdk/cart/useCheckoutButton.ts

@@ -1,14 +1,20 @@
+import { useLink } from 'src/sdk/ui/useLink'
+
+import storeConfig from '../../../discovery.config'
 import { useCart } from './index'
 import { redirectToCheckout } from './redirectToCheckout'
 
 export const useCheckoutButton = () => {
   const { isValidating, id } = useCart()
+  const { resolveLink } = useLink()
+  const resolvedCheckoutUrl =
+    resolveLink(storeConfig.checkoutUrl) ?? storeConfig.checkoutUrl
 
   const onClick = (e: React.MouseEvent<HTMLButtonElement>) => {
     e.preventDefault()
 
     if (!isValidating) {
-      redirectToCheckout(id)
+      redirectToCheckout(id, resolvedCheckoutUrl)
     }
   }
 

package/src/sdk/deliveryPromise/useDeliveryPromise.ts

@@ -221,7 +221,7 @@ export function useDeliveryPromise({
       values: [
         {
           value: 'true',
-          label: deliveryPromiseSettings?.inStock?.label ?? 'In-stock only',
+          label: deliveryPromiseSettings?.inStock?.label ?? '',
           selected: selectedFacets.some(
             ({ key, value }) => key === IN_STOCK_FACET_KEY && value === 'true'
           ),
@@ -236,9 +236,7 @@ export function useDeliveryPromise({
     () => [
       {
         value: ALL_DELIVERY_METHODS_FACET_VALUE,
-        label:
-          deliveryPromiseSettings?.deliveryMethods?.allDeliveryMethods ??
-          'All delivery methods',
+        label: deliveryPromiseSettings?.deliveryMethods?.allDeliveryMethods,
         selected:
           !selectedFacets.some(({ key }) => key === SHIPPING_FACET_KEY) ||
           selectedFacets?.some(
@@ -250,9 +248,7 @@ export function useDeliveryPromise({
       },
       {
         value: ALL_DELIVERY_OPTIONS_FACET_VALUE,
-        label:
-          deliveryPromiseSettings?.deliveryOptions?.allDeliveryOptions ??
-          'All delivery options',
+        label: deliveryPromiseSettings?.deliveryOptions?.allDeliveryOptions,
         selected:
           !selectedFacets.some(
             ({ key }) => key === DELIVERY_OPTIONS_FACET_KEY
@@ -468,12 +464,10 @@ export function useDeliveryPromise({
   )
 
   const labelsMap = {
-    [SHIPPING_FACET_KEY]:
-      deliveryPromiseSettings?.deliveryMethods?.title ?? 'Delivery',
+    [SHIPPING_FACET_KEY]: deliveryPromiseSettings?.deliveryMethods?.title,
     [DELIVERY_OPTIONS_FACET_KEY]:
-      deliveryPromiseSettings?.deliveryOptions?.title ?? 'Delivery Option',
-    [IN_STOCK_FACET_KEY]:
-      deliveryPromiseSettings?.inStock?.title ?? 'Availability',
+      deliveryPromiseSettings?.deliveryOptions?.title,
+    [IN_STOCK_FACET_KEY]: deliveryPromiseSettings?.inStock?.title,
   }
 
   function getBadgeLabel(value: DeliveryType, isAvailable: boolean) {
@@ -483,19 +477,17 @@ export function useDeliveryPromise({
     > = {
       delivery: {
         available:
-          deliveryPromiseSettings?.deliveryPromiseBadges?.delivery ??
-          'Available for shipping',
+          deliveryPromiseSettings?.deliveryPromiseBadges?.delivery ?? '',
         unavailable:
           deliveryPromiseSettings?.deliveryPromiseBadges?.deliveryUnavailable ??
-          'Unavailable for shipping',
+          '',
       },
       'pickup-in-point': {
         available:
-          deliveryPromiseSettings?.deliveryPromiseBadges?.pickupInPoint ??
-          'Available for pickup',
+          deliveryPromiseSettings?.deliveryPromiseBadges?.pickupInPoint ?? '',
         unavailable:
           deliveryPromiseSettings?.deliveryPromiseBadges
-            ?.pickupInPointUnavailable ?? 'Unavailable for pickup',
+            ?.pickupInPointUnavailable ?? '',
       },
     }