@akinon/projectzero 2.0.0-beta.20 → 2.0.0-beta.22

package/CHANGELOG.md

@@ -1,7 +1,21 @@
 # @akinon/projectzero
 
+## 2.0.0-beta.22
+
+### Patch Changes
+
+- 11eae558: ZERO-4336: Add migrate-auth-v5 codemod for brand projects
+
+## 2.0.0-beta.21
+
 ## 2.0.0-beta.20
 
+## 1.126.0
+
+## 1.125.2
+
+## 1.125.1
+
 ## 1.125.0
 
 ## 1.124.0

package/app-template/CHANGELOG.md

@@ -1,5 +1,79 @@
 # projectzeronext
 
+## 2.0.0-beta.22
+
+### Patch Changes
+
+- @akinon/next@2.0.0-beta.22
+- @akinon/pz-akifast@2.0.0-beta.22
+- @akinon/pz-apple-pay@2.0.0-beta.22
+- @akinon/pz-b2b@2.0.0-beta.22
+- @akinon/pz-basket-gift-pack@2.0.0-beta.22
+- @akinon/pz-bkm@2.0.0-beta.22
+- @akinon/pz-checkout-gift-pack@2.0.0-beta.22
+- @akinon/pz-click-collect@2.0.0-beta.22
+- @akinon/pz-credit-payment@2.0.0-beta.22
+- @akinon/pz-cybersource-uc@2.0.0-beta.22
+- @akinon/pz-flow-payment@2.0.0-beta.22
+- @akinon/pz-google-pay@2.0.0-beta.22
+- @akinon/pz-gpay@2.0.0-beta.22
+- @akinon/pz-haso@2.0.0-beta.22
+- @akinon/pz-hepsipay@2.0.0-beta.22
+- @akinon/pz-masterpass@2.0.0-beta.22
+- @akinon/pz-masterpass-rest@2.0.0-beta.22
+- @akinon/pz-multi-basket@2.0.0-beta.22
+- @akinon/pz-one-click-checkout@2.0.0-beta.22
+- @akinon/pz-otp@2.0.0-beta.22
+- @akinon/pz-pay-on-delivery@2.0.0-beta.22
+- @akinon/pz-saved-card@2.0.0-beta.22
+- @akinon/pz-similar-products@2.0.0-beta.22
+- @akinon/pz-tabby-extension@2.0.0-beta.22
+- @akinon/pz-tamara-extension@2.0.0-beta.22
+- @akinon/pz-theme@2.0.0-beta.22
+- @akinon/pz-virtual-try-on@2.0.0-beta.22
+
+## 2.0.0-beta.21
+
+### Patch Changes
+
+- 5d44ff77: ZERO-4312: Extract ThemePlaceholder system into new @akinon/pz-theme package and strip native widget code
+
+  Introduce a dedicated `@akinon/pz-theme` package that contains the ThemePlaceholder system (CMS-driven sections/blocks, designer features, utilities). Remove native widget registration infrastructure from both `@akinon/pz-theme` and `projectzeronext` so the beta branch can be merged to main with only stable ThemePlaceholder functionality. Native widget integrations will be reintroduced via `@akinon/pz-theme` once they stabilize on the `theme-editor` branch.
+
+  Consumers should update imports:
+
+  - `@akinon/next/components/theme-editor/*` -> `@akinon/pz-theme/src/*`
+  - Add `@akinon/pz-theme` to package.json dependencies (matching `@akinon/next` version)
+
+- Updated dependencies [5d44ff77]
+  - @akinon/pz-theme@2.0.0-beta.21
+  - @akinon/next@2.0.0-beta.21
+  - @akinon/pz-virtual-try-on@2.0.0-beta.21
+  - @akinon/pz-akifast@2.0.0-beta.21
+  - @akinon/pz-apple-pay@2.0.0-beta.21
+  - @akinon/pz-b2b@2.0.0-beta.21
+  - @akinon/pz-basket-gift-pack@2.0.0-beta.21
+  - @akinon/pz-bkm@2.0.0-beta.21
+  - @akinon/pz-checkout-gift-pack@2.0.0-beta.21
+  - @akinon/pz-click-collect@2.0.0-beta.21
+  - @akinon/pz-credit-payment@2.0.0-beta.21
+  - @akinon/pz-cybersource-uc@2.0.0-beta.21
+  - @akinon/pz-flow-payment@2.0.0-beta.21
+  - @akinon/pz-google-pay@2.0.0-beta.21
+  - @akinon/pz-gpay@2.0.0-beta.21
+  - @akinon/pz-haso@2.0.0-beta.21
+  - @akinon/pz-hepsipay@2.0.0-beta.21
+  - @akinon/pz-masterpass@2.0.0-beta.21
+  - @akinon/pz-masterpass-rest@2.0.0-beta.21
+  - @akinon/pz-multi-basket@2.0.0-beta.21
+  - @akinon/pz-one-click-checkout@2.0.0-beta.21
+  - @akinon/pz-otp@2.0.0-beta.21
+  - @akinon/pz-pay-on-delivery@2.0.0-beta.21
+  - @akinon/pz-saved-card@2.0.0-beta.21
+  - @akinon/pz-similar-products@2.0.0-beta.21
+  - @akinon/pz-tabby-extension@2.0.0-beta.21
+  - @akinon/pz-tamara-extension@2.0.0-beta.21
+
 ## 2.0.0-beta.20
 
 ### Minor Changes
@@ -46,6 +120,102 @@
   - @akinon/pz-tabby-extension@2.0.0-beta.20
   - @akinon/pz-tamara-extension@2.0.0-beta.20
 
+## 1.126.0
+
+### Patch Changes
+
+- Updated dependencies [46d787e6]
+  - @akinon/pz-flow-payment@1.126.0
+  - @akinon/next@1.126.0
+  - @akinon/pz-akifast@1.126.0
+  - @akinon/pz-apple-pay@1.126.0
+  - @akinon/pz-b2b@1.126.0
+  - @akinon/pz-basket-gift-pack@1.126.0
+  - @akinon/pz-bkm@1.126.0
+  - @akinon/pz-checkout-gift-pack@1.126.0
+  - @akinon/pz-click-collect@1.126.0
+  - @akinon/pz-credit-payment@1.126.0
+  - @akinon/pz-cybersource-uc@1.126.0
+  - @akinon/pz-google-pay@1.126.0
+  - @akinon/pz-gpay@1.126.0
+  - @akinon/pz-haso@1.126.0
+  - @akinon/pz-hepsipay@1.126.0
+  - @akinon/pz-masterpass@1.126.0
+  - @akinon/pz-masterpass-rest@1.126.0
+  - @akinon/pz-multi-basket@1.126.0
+  - @akinon/pz-one-click-checkout@1.126.0
+  - @akinon/pz-otp@1.126.0
+  - @akinon/pz-pay-on-delivery@1.126.0
+  - @akinon/pz-saved-card@1.126.0
+  - @akinon/pz-similar-products@1.126.0
+  - @akinon/pz-tabby-extension@1.126.0
+  - @akinon/pz-tamara-extension@1.126.0
+  - @akinon/pz-virtual-try-on@1.126.0
+
+## 1.125.2
+
+### Patch Changes
+
+- Updated dependencies [0220a136]
+  - @akinon/pz-flow-payment@1.125.2
+  - @akinon/next@1.125.2
+  - @akinon/pz-akifast@1.125.2
+  - @akinon/pz-apple-pay@1.125.2
+  - @akinon/pz-b2b@1.125.2
+  - @akinon/pz-basket-gift-pack@1.125.2
+  - @akinon/pz-bkm@1.125.2
+  - @akinon/pz-checkout-gift-pack@1.125.2
+  - @akinon/pz-click-collect@1.125.2
+  - @akinon/pz-credit-payment@1.125.2
+  - @akinon/pz-cybersource-uc@1.125.2
+  - @akinon/pz-google-pay@1.125.2
+  - @akinon/pz-gpay@1.125.2
+  - @akinon/pz-haso@1.125.2
+  - @akinon/pz-hepsipay@1.125.2
+  - @akinon/pz-masterpass@1.125.2
+  - @akinon/pz-masterpass-rest@1.125.2
+  - @akinon/pz-multi-basket@1.125.2
+  - @akinon/pz-one-click-checkout@1.125.2
+  - @akinon/pz-otp@1.125.2
+  - @akinon/pz-pay-on-delivery@1.125.2
+  - @akinon/pz-saved-card@1.125.2
+  - @akinon/pz-similar-products@1.125.2
+  - @akinon/pz-tabby-extension@1.125.2
+  - @akinon/pz-tamara-extension@1.125.2
+  - @akinon/pz-virtual-try-on@1.125.2
+
+## 1.125.1
+
+### Patch Changes
+
+- Updated dependencies [06da9a95]
+  - @akinon/next@1.125.1
+  - @akinon/pz-virtual-try-on@1.125.1
+  - @akinon/pz-akifast@1.125.1
+  - @akinon/pz-apple-pay@1.125.1
+  - @akinon/pz-b2b@1.125.1
+  - @akinon/pz-basket-gift-pack@1.125.1
+  - @akinon/pz-bkm@1.125.1
+  - @akinon/pz-checkout-gift-pack@1.125.1
+  - @akinon/pz-click-collect@1.125.1
+  - @akinon/pz-credit-payment@1.125.1
+  - @akinon/pz-cybersource-uc@1.125.1
+  - @akinon/pz-flow-payment@1.125.1
+  - @akinon/pz-google-pay@1.125.1
+  - @akinon/pz-gpay@1.125.1
+  - @akinon/pz-haso@1.125.1
+  - @akinon/pz-hepsipay@1.125.1
+  - @akinon/pz-masterpass@1.125.1
+  - @akinon/pz-masterpass-rest@1.125.1
+  - @akinon/pz-multi-basket@1.125.1
+  - @akinon/pz-one-click-checkout@1.125.1
+  - @akinon/pz-otp@1.125.1
+  - @akinon/pz-pay-on-delivery@1.125.1
+  - @akinon/pz-saved-card@1.125.1
+  - @akinon/pz-similar-products@1.125.1
+  - @akinon/pz-tabby-extension@1.125.1
+  - @akinon/pz-tamara-extension@1.125.1
+
 ## 1.125.0
 
 ### Patch Changes

package/app-template/next.config.mjs

@@ -4,7 +4,6 @@ import withPzConfig from '@akinon/next/with-pz-config.js';
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  // Your Next.js config to override defaults
   rewrites: async () => {
     return [
       {

package/app-template/package.json

@@ -1,6 +1,6 @@
 {
   "name": "projectzeronext",
-  "version": "2.0.0-beta.20",
+  "version": "2.0.0-beta.22",
   "private": true,
   "license": "MIT",
   "scripts": {
@@ -24,32 +24,33 @@
     "test:middleware": "jest middleware-matcher.test.ts --bail"
   },
   "dependencies": {
-    "@akinon/next": "2.0.0-beta.20",
-    "@akinon/pz-akifast": "2.0.0-beta.20",
-    "@akinon/pz-apple-pay": "2.0.0-beta.20",
-    "@akinon/pz-b2b": "2.0.0-beta.20",
-    "@akinon/pz-basket-gift-pack": "2.0.0-beta.20",
-    "@akinon/pz-bkm": "2.0.0-beta.20",
-    "@akinon/pz-checkout-gift-pack": "2.0.0-beta.20",
-    "@akinon/pz-click-collect": "2.0.0-beta.20",
-    "@akinon/pz-credit-payment": "2.0.0-beta.20",
-    "@akinon/pz-cybersource-uc": "2.0.0-beta.20",
-    "@akinon/pz-flow-payment": "2.0.0-beta.20",
-    "@akinon/pz-google-pay": "2.0.0-beta.20",
-    "@akinon/pz-gpay": "2.0.0-beta.20",
-    "@akinon/pz-haso": "2.0.0-beta.20",
-    "@akinon/pz-hepsipay": "2.0.0-beta.20",
-    "@akinon/pz-masterpass": "2.0.0-beta.20",
-    "@akinon/pz-masterpass-rest": "2.0.0-beta.20",
-    "@akinon/pz-multi-basket": "2.0.0-beta.20",
-    "@akinon/pz-one-click-checkout": "2.0.0-beta.20",
-    "@akinon/pz-otp": "2.0.0-beta.20",
-    "@akinon/pz-pay-on-delivery": "2.0.0-beta.20",
-    "@akinon/pz-saved-card": "2.0.0-beta.20",
-    "@akinon/pz-similar-products": "2.0.0-beta.20",
-    "@akinon/pz-tabby-extension": "2.0.0-beta.20",
-    "@akinon/pz-tamara-extension": "2.0.0-beta.20",
-    "@akinon/pz-virtual-try-on": "2.0.0-beta.20",
+    "@akinon/next": "2.0.0-beta.22",
+    "@akinon/pz-akifast": "2.0.0-beta.22",
+    "@akinon/pz-apple-pay": "2.0.0-beta.22",
+    "@akinon/pz-b2b": "2.0.0-beta.22",
+    "@akinon/pz-basket-gift-pack": "2.0.0-beta.22",
+    "@akinon/pz-bkm": "2.0.0-beta.22",
+    "@akinon/pz-checkout-gift-pack": "2.0.0-beta.22",
+    "@akinon/pz-click-collect": "2.0.0-beta.22",
+    "@akinon/pz-credit-payment": "2.0.0-beta.22",
+    "@akinon/pz-cybersource-uc": "2.0.0-beta.22",
+    "@akinon/pz-flow-payment": "2.0.0-beta.22",
+    "@akinon/pz-google-pay": "2.0.0-beta.22",
+    "@akinon/pz-gpay": "2.0.0-beta.22",
+    "@akinon/pz-haso": "2.0.0-beta.22",
+    "@akinon/pz-hepsipay": "2.0.0-beta.22",
+    "@akinon/pz-masterpass": "2.0.0-beta.22",
+    "@akinon/pz-masterpass-rest": "2.0.0-beta.22",
+    "@akinon/pz-multi-basket": "2.0.0-beta.22",
+    "@akinon/pz-one-click-checkout": "2.0.0-beta.22",
+    "@akinon/pz-otp": "2.0.0-beta.22",
+    "@akinon/pz-pay-on-delivery": "2.0.0-beta.22",
+    "@akinon/pz-saved-card": "2.0.0-beta.22",
+    "@akinon/pz-similar-products": "2.0.0-beta.22",
+    "@akinon/pz-tabby-extension": "2.0.0-beta.22",
+    "@akinon/pz-tamara-extension": "2.0.0-beta.22",
+    "@akinon/pz-theme": "2.0.0-beta.22",
+    "@akinon/pz-virtual-try-on": "2.0.0-beta.22",
     "@hookform/resolvers": "2.9.0",
     "@next/third-parties": "16.1.6",
     "@react-google-maps/api": "2.17.1",
@@ -60,8 +61,8 @@
     "next-pwa": "5.6.0",
     "pino": "8.11.0",
     "postcss": "8.4.49",
-    "react": "19.2.4",
-    "react-dom": "19.2.4",
+    "react": "19.2.5",
+    "react-dom": "19.2.5",
     "react-google-recaptcha": "2.1.0",
     "react-hook-form": "7.71.2",
     "react-intersection-observer": "9.4.0",
@@ -72,7 +73,7 @@
     "yup": "0.32.11"
   },
   "devDependencies": {
-    "@akinon/eslint-plugin-projectzero": "2.0.0-beta.20",
+    "@akinon/eslint-plugin-projectzero": "2.0.0-beta.22",
     "@semantic-release/changelog": "6.0.2",
     "@semantic-release/exec": "6.0.3",
     "@semantic-release/git": "10.0.1",

package/app-template/src/app/[pz]/[...prettyurl]/page.tsx

@@ -1,5 +1,5 @@
 import { URLS } from '@akinon/next/data/urls';
-import { Metadata, PageProps } from '@akinon/next/types';
+import { Metadata, AsyncPageProps } from '@akinon/next/types';
 import logger from '@akinon/next/utils/log';
 import { notFound } from 'next/navigation';
 
@@ -56,7 +56,7 @@ const resolvePrettyUrlHandler =
     return prettyUrlResult;
   };
 
-export async function generateMetadata(props: PageProps) {
+export async function generateMetadata(props: AsyncPageProps) {
   const params = await props.params;
   let result: Metadata = {};
   const { prettyurl } = params;

package/app-template/src/app/[pz]/account/layout.tsx

@@ -1,5 +1,6 @@
 import AccountBackButton from '@theme/views/account/back-button';
 import AccountMenu from '@theme/views/account/account-menu';
+import ThemePlaceholder from '@akinon/pz-theme/src/theme-placeholder';
 import { auth } from 'auth';
 import { ROUTES } from 'routes';
 import { redirect } from '@akinon/next/utils/redirect';
@@ -20,7 +21,7 @@ export default async function AccountLayout({
       <AccountMenu />
       <div className="w-full flex-1">
         <AccountBackButton />
-
+        <ThemePlaceholder slug="account-page-body" />
         {children}
       </div>
     </div>

package/app-template/src/app/{[commerce]/[locale]/[currency] → [pz]}/blog/[slug]/page.tsx

@@ -3,9 +3,10 @@
 import { Image } from '@akinon/next/components';
 import { useGetWidgetQuery } from '@akinon/next/data/client/misc';
 import { useLocalization } from '@akinon/next/hooks/use-localization';
-import { PageProps, WidgetResultType } from '@akinon/next/types';
+import { WidgetResultType } from '@akinon/next/types';
 import { Icon, Link, LoaderSpinner } from '@theme/components';
 import { formatDateToMonthYear } from '@theme/utils/formatDate';
+import { useParams } from 'next/navigation';
 
 interface BlogItemKwargs {
   url: string;
@@ -26,7 +27,8 @@ type BlogType = {
   date: blogItem;
 };
 
-export default function Page({ params }: PageProps<{ slug: string }>) {
+export default function Page() {
+  const params = useParams<{ slug: string }>();
   const { locale, t } = useLocalization();
   const slug = params.slug;
   const { data, isLoading } = useGetWidgetQuery(slug) as ReturnType<

package/app-template/src/app/[pz]/category/[pk]/page.tsx

@@ -2,6 +2,7 @@ import { getCategoryData } from '@akinon/next/data/server';
 import { withSegmentDefaults } from '@akinon/next/hocs/server';
 import { ResolvedPageProps } from '@akinon/next/types';
 import CategoryLayout from '@theme/views/category/layout';
+import { buildListingPageContext } from '@theme/utils/theme-page-context';
 import { notFound } from 'next/navigation';
 
 async function Page({ params, searchParams }: ResolvedPageProps<{ pk: number }>) {
@@ -13,7 +14,16 @@ async function Page({ params, searchParams }: ResolvedPageProps<{ pk: number }>)
 
     return (
       <>
-        <CategoryLayout data={data} breadcrumbData={breadcrumbData} />
+        <CategoryLayout
+          data={data}
+          breadcrumbData={breadcrumbData}
+          pageContext={buildListingPageContext({
+            data,
+            breadcrumbData,
+            pageType: 'category',
+            path: data.category?.absolute_url
+          })}
+        />
       </>
     );
   } catch (error: unknown) {

package/app-template/src/app/[pz]/group-product/[pk]/page.tsx

@@ -2,12 +2,12 @@ import ProductLayout from '@theme/views/product/layout';
 import { ProductGroupInfo } from '@theme/views/product';
 import { getProductData, getWidgetData } from '@akinon/next/data/server';
 import { withSegmentDefaults } from '@akinon/next/hocs/server';
-import { PageProps, ResolvedPageProps, Metadata } from '@akinon/next/types';
+import { AsyncPageProps, ResolvedPageProps, Metadata } from '@akinon/next/types';
 import { generateJsonLd } from '@theme/utils/generate-jsonld';
 import { notFound } from 'next/navigation';
 
 export async function generateMetadata(
-  props: PageProps<{ pk: number }>
+  props: AsyncPageProps<{ pk: number }>
 ) {
   const params = await props.params;
   const searchParams = await props.searchParams;

package/app-template/src/app/[pz]/layout.tsx

@@ -13,6 +13,7 @@ import MobileAppToggler from '@akinon/next/components/mobile-app-toggler';
 import pwaTags from '@theme/components/pwa-tags';
 import type { Viewport } from 'next';
 import settings from '@theme/settings';
+import RouteHandler from '@theme/components/route-handler';
 
 export const viewport: Viewport = {
   width: 'device-width',
@@ -49,12 +50,13 @@ async function RootLayout({ locale, translations, children }: ResolvedRootLayout
       <body className="overflow-x-hidden">
         <PzRoot translations={translations} locale={locale.value}>
           <ClientRoot>
-            <div className="overflow-x-hidden">
+            <div className="overflow-x-clip">
               <MobileAppToggler>
                 <Header />
               </MobileAppToggler>
               <main>
                 {children}
+                <RouteHandler />
                 <RootModal />
               </main>
               <MobileAppToggler>

package/app-template/src/app/[pz]/list/page.tsx

@@ -2,13 +2,23 @@ import { getListData } from '@akinon/next/data/server';
 import { withSegmentDefaults } from '@akinon/next/hocs/server';
 import { ResolvedPageProps } from '@akinon/next/types';
 import CategoryLayout from '@theme/views/category/layout';
+import { ROUTES } from '@theme/routes';
+import { buildListingPageContext } from '@theme/utils/theme-page-context';
 
 async function Page({ searchParams }: ResolvedPageProps) {
   const data = await getListData({ searchParams });
+  const pageType = data.search_text ? 'search' : 'plp';
 
   return (
     <>
-      <CategoryLayout data={data} />
+      <CategoryLayout
+        data={data}
+        pageContext={buildListingPageContext({
+          data,
+          pageType,
+          path: ROUTES.LIST
+        })}
+      />
     </>
   );
 }

package/app-template/src/app/[pz]/page.tsx

@@ -1,46 +1,24 @@
 import 'server-only';
 
-import { HOME_WIDGETS } from '@theme/widgets';
-import { getWidgetData } from '@akinon/next/data/server';
 import { withSegmentDefaults } from '@akinon/next/hocs/server';
-import LazyComponent from '@akinon/next/components/lazy-component';
-
-type HomeWidgetOrderType = {
-  widget_order: Array<{
-    value: { item_slug: string };
-    kwargs: { value: object; data_type: string };
-  }>;
-};
+import ThemePlaceholder from '@akinon/pz-theme/src/theme-placeholder';
+import { buildHomepagePageContext } from '@theme/utils/theme-page-context';
 
 export const dynamic = 'force-static';
 export const revalidate = 600;
 
-async function Page() {
-  const data = await getWidgetData<HomeWidgetOrderType>({
-    slug: 'home-widget-order'
-  });
-
-  if (!data?.attributes?.widget_order) {
-    return null;
-  }
-
-  return data.attributes.widget_order.map((widget, index) => {
-    const Widget = HOME_WIDGETS[widget.value.item_slug];
-
-    if (Widget) {
-      if (index > 2) {
-        return (
-          <LazyComponent key={widget.value.item_slug} className="min-h-[150px]">
-            <Widget />
-          </LazyComponent>
-        );
-      }
-
-      return <Widget key={widget.value.item_slug} />;
-    }
+const getPlaceholderSlug = (baseSlug: string) => {
+  const isDevelopment = process.env.NODE_ENV === 'development';
+  return isDevelopment ? `${baseSlug}-dev` : baseSlug;
+};
 
-    return null;
-  });
+async function Page() {
+  return (
+    <ThemePlaceholder
+      slug={getPlaceholderSlug('homepage-body-new')}
+      pageContext={buildHomepagePageContext()}
+    />
+  );
 }
 
 export async function generateStaticParams() {

package/app-template/src/app/[pz]/pages/[slug]/page.tsx

@@ -0,0 +1,19 @@
+import ThemePlaceholder from '@akinon/pz-theme/src/theme-placeholder';
+import { withSegmentDefaults } from '@akinon/next/hocs/server';
+import { ResolvedPageProps } from '@akinon/next/types';
+import { buildCustomPageContext } from '@theme/utils/theme-page-context';
+
+export const dynamic = 'force-dynamic';
+
+async function Page({ params }: ResolvedPageProps<{ slug: string }>) {
+  return (
+    <div className="min-h-screen">
+      <ThemePlaceholder
+        slug={`page-${params.slug}`}
+        pageContext={buildCustomPageContext(params.slug)}
+      />
+    </div>
+  );
+}
+
+export default withSegmentDefaults(Page, { segmentType: 'page' });

package/app-template/src/app/[pz]/product/[pk]/page.tsx

@@ -1,13 +1,13 @@
 import { getProductData, getWidgetData } from '@akinon/next/data/server';
 import { withSegmentDefaults } from '@akinon/next/hocs/server';
-import { PageProps, ResolvedPageProps, Metadata } from '@akinon/next/types';
+import { AsyncPageProps, ResolvedPageProps, Metadata } from '@akinon/next/types';
 import { generateJsonLd } from '@theme/utils/generate-jsonld';
 import { AccordionWrapper, ProductInfo } from '@theme/views/product';
 import ProductLayout from '@theme/views/product/layout';
 import { notFound } from 'next/navigation';
 
 export async function generateMetadata(
-  props: PageProps<{ pk: number }>
+  props: AsyncPageProps<{ pk: number }>
 ) {
   const params = await props.params;
   const searchParams = await props.searchParams;

package/app-template/src/app/api/barcode-search/route.ts

@@ -1 +1 @@
-export * from '@akinon/next/api/barcode-search';
+export { GET } from "@akinon/next/api/barcode-search";

package/app-template/src/app/api/cache/route.ts

@@ -1 +1 @@
-export * from '@akinon/next/api/cache';
+export { POST, PUT } from "@akinon/next/api/cache";

package/app-template/src/app/api/image-proxy/route.ts

@@ -1 +1 @@
-export * from '@akinon/next/api/image-proxy';
+export { GET, POST } from "@akinon/next/api/image-proxy";

package/app-template/src/app/api/logout/route.ts

@@ -1 +1 @@
-export * from '@akinon/next/api/logout';
+export { POST } from "@akinon/next/api/logout";

package/app-template/src/app/api/product-categories/route.ts

@@ -1 +1 @@
-export * from '@akinon/next/api/product-categories';
+export { GET } from "@akinon/next/api/product-categories";

package/app-template/src/app/api/similar-product-list/route.ts

@@ -1 +1 @@
-export * from '@akinon/next/api/similar-product-list';
+export { GET } from "@akinon/next/api/similar-product-list";

package/app-template/src/app/api/similar-products/route.ts

@@ -1 +1 @@
-export * from '@akinon/next/api/similar-products';
+export { GET, POST } from "@akinon/next/api/similar-products";

package/app-template/src/app/api/virtual-try-on/route.ts

@@ -1 +1 @@
-export * from '@akinon/next/api/virtual-try-on';
+export { GET, POST, PUT, OPTIONS } from "@akinon/next/api/virtual-try-on";

package/app-template/src/app/api/web-vitals/route.ts

@@ -1 +1 @@
-export * from '@akinon/next/api/web-vitals';
+export { POST } from "@akinon/next/api/web-vitals";

package/app-template/src/components/quantity-selector.tsx

@@ -1,13 +1,25 @@
 'use client';
 
 import { Button, Icon, LoaderSpinner, Select } from '@theme/components';
-import {
-  QuantityDisplayType,
-  QuantityStyles
-} from '@theme/views/product-detail';
 import clsx from 'clsx';
 import { useMemo } from 'react';
 
+type QuantityDisplayType = 'buttons' | 'dropdown';
+
+type QuantityStyles = {
+  width?: string;
+  height?: string;
+  color?: string;
+  'background-color'?: string;
+  'border-color'?: string;
+  'border-width'?: string;
+  'border-radius'?: string;
+  'font-size'?: string;
+  'font-weight'?: string | number;
+  'button-color'?: string;
+  'button-hover-color'?: string;
+};
+
 interface QuantitySelectorProps {
   quantity: number;
   onChange?: (newQuantity: number) => void;

package/app-template/src/components/widget-content.tsx

@@ -136,7 +136,7 @@ export function WidgetContent({
       case 'text':
         Tag = (
           componentData.tag || 'div'
-        ).toLowerCase() as keyof JSX.IntrinsicElements;
+        ).toLowerCase() as keyof React.JSX.IntrinsicElements;
         return wrapWithTooltip(
           <Tag
             id={componentId}
@@ -278,7 +278,7 @@ export function WidgetContent({
       default:
         if (componentData.tag) {
           CustomTag =
-            componentData.tag.toLowerCase() as keyof JSX.IntrinsicElements;
+            componentData.tag.toLowerCase() as keyof React.JSX.IntrinsicElements;
           return wrapWithTooltip(
             <CustomTag
               id={componentId}
@@ -307,7 +307,7 @@ export function WidgetContent({
   if (parentData && !skipParentWrapper) {
     const ParentTag = (
       parentData.tag || 'div'
-    ).toLowerCase() as keyof JSX.IntrinsicElements;
+    ).toLowerCase() as keyof React.JSX.IntrinsicElements;
     return (
       <ParentTag
         id={parentData.id}