@akinon/projectzero 2.0.152-rc.0 → 2.0.152-rc.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @akinon/projectzero
 
+## 2.0.152-rc.1
+
+### Patch Changes
+
+- 97d29893: ZERO-5220: add the pz-rate-review plugin for the Rate & Review extension
+
 ## 2.0.152-rc.0
 
 ### Patch Changes

package/app-template/CHANGELOG.md

@@ -1,5 +1,39 @@
 # projectzeronext
 
+## 2.0.152-rc.1
+
+### Patch Changes
+
+- Updated dependencies [97d29893]
+- Updated dependencies [ad5240c4]
+  - @akinon/next@2.0.152-rc.1
+  - @akinon/pz-theme@2.0.152-rc.1
+  - @akinon/pz-virtual-try-on@2.0.152-rc.1
+  - @akinon/pz-akifast@2.0.152-rc.1
+  - @akinon/pz-apple-pay@2.0.152-rc.1
+  - @akinon/pz-b2b@2.0.152-rc.1
+  - @akinon/pz-basket-gift-pack@2.0.152-rc.1
+  - @akinon/pz-bkm@2.0.152-rc.1
+  - @akinon/pz-checkout-gift-pack@2.0.152-rc.1
+  - @akinon/pz-click-collect@2.0.152-rc.1
+  - @akinon/pz-credit-payment@2.0.152-rc.1
+  - @akinon/pz-cybersource-uc@2.0.152-rc.1
+  - @akinon/pz-flow-payment@2.0.152-rc.1
+  - @akinon/pz-google-pay@2.0.152-rc.1
+  - @akinon/pz-gpay@2.0.152-rc.1
+  - @akinon/pz-haso@2.0.152-rc.1
+  - @akinon/pz-hepsipay@2.0.152-rc.1
+  - @akinon/pz-masterpass@2.0.152-rc.1
+  - @akinon/pz-masterpass-rest@2.0.152-rc.1
+  - @akinon/pz-multi-basket@2.0.152-rc.1
+  - @akinon/pz-one-click-checkout@2.0.152-rc.1
+  - @akinon/pz-otp@2.0.152-rc.1
+  - @akinon/pz-pay-on-delivery@2.0.152-rc.1
+  - @akinon/pz-saved-card@2.0.152-rc.1
+  - @akinon/pz-similar-products@2.0.152-rc.1
+  - @akinon/pz-tabby-extension@2.0.152-rc.1
+  - @akinon/pz-tamara-extension@2.0.152-rc.1
+
 ## 2.0.152-rc.0
 
 ### Patch Changes

package/app-template/docs/plugins.md

@@ -109,3 +109,9 @@ Integrates Tabby’s installment and deferred payment solutions into the checkou
 Adds Tamara’s "Buy Now, Pay Later" feature to the payment options. Customers can defer payments while ensuring a seamless checkout experience.
 
 [Click here for details](https://www.npmjs.com/package/@akinon/pz-tamara-extension)
+
+### Rate & Review
+
+Connects the storefront to the Akinon Rate & Review extension: approved review lists and rating summaries on product pages, rating badges on listings and a review form on the order page. Credentials stay on the server and the customer identity comes from the session.
+
+[Click here for details](https://www.npmjs.com/package/@akinon/pz-rate-review)

package/app-template/package.json

@@ -1,6 +1,6 @@
 {
   "name": "projectzeronext",
-  "version": "2.0.152-rc.0",
+  "version": "2.0.152-rc.1",
   "private": true,
   "license": "MIT",
   "scripts": {
@@ -24,33 +24,33 @@
     "test:middleware": "jest middleware-matcher.test.ts --bail"
   },
   "dependencies": {
-    "@akinon/next": "2.0.152-rc.0",
-    "@akinon/pz-akifast": "2.0.152-rc.0",
-    "@akinon/pz-apple-pay": "2.0.152-rc.0",
-    "@akinon/pz-b2b": "2.0.152-rc.0",
-    "@akinon/pz-basket-gift-pack": "2.0.152-rc.0",
-    "@akinon/pz-bkm": "2.0.152-rc.0",
-    "@akinon/pz-checkout-gift-pack": "2.0.152-rc.0",
-    "@akinon/pz-click-collect": "2.0.152-rc.0",
-    "@akinon/pz-credit-payment": "2.0.152-rc.0",
-    "@akinon/pz-cybersource-uc": "2.0.152-rc.0",
-    "@akinon/pz-flow-payment": "2.0.152-rc.0",
-    "@akinon/pz-google-pay": "2.0.152-rc.0",
-    "@akinon/pz-gpay": "2.0.152-rc.0",
-    "@akinon/pz-haso": "2.0.152-rc.0",
-    "@akinon/pz-hepsipay": "2.0.152-rc.0",
-    "@akinon/pz-masterpass": "2.0.152-rc.0",
-    "@akinon/pz-masterpass-rest": "2.0.152-rc.0",
-    "@akinon/pz-multi-basket": "2.0.152-rc.0",
-    "@akinon/pz-one-click-checkout": "2.0.152-rc.0",
-    "@akinon/pz-otp": "2.0.152-rc.0",
-    "@akinon/pz-pay-on-delivery": "2.0.152-rc.0",
-    "@akinon/pz-saved-card": "2.0.152-rc.0",
-    "@akinon/pz-similar-products": "2.0.152-rc.0",
-    "@akinon/pz-tabby-extension": "2.0.152-rc.0",
-    "@akinon/pz-tamara-extension": "2.0.152-rc.0",
-    "@akinon/pz-theme": "2.0.152-rc.0",
-    "@akinon/pz-virtual-try-on": "2.0.152-rc.0",
+    "@akinon/next": "2.0.152-rc.1",
+    "@akinon/pz-akifast": "2.0.152-rc.1",
+    "@akinon/pz-apple-pay": "2.0.152-rc.1",
+    "@akinon/pz-b2b": "2.0.152-rc.1",
+    "@akinon/pz-basket-gift-pack": "2.0.152-rc.1",
+    "@akinon/pz-bkm": "2.0.152-rc.1",
+    "@akinon/pz-checkout-gift-pack": "2.0.152-rc.1",
+    "@akinon/pz-click-collect": "2.0.152-rc.1",
+    "@akinon/pz-credit-payment": "2.0.152-rc.1",
+    "@akinon/pz-cybersource-uc": "2.0.152-rc.1",
+    "@akinon/pz-flow-payment": "2.0.152-rc.1",
+    "@akinon/pz-google-pay": "2.0.152-rc.1",
+    "@akinon/pz-gpay": "2.0.152-rc.1",
+    "@akinon/pz-haso": "2.0.152-rc.1",
+    "@akinon/pz-hepsipay": "2.0.152-rc.1",
+    "@akinon/pz-masterpass": "2.0.152-rc.1",
+    "@akinon/pz-masterpass-rest": "2.0.152-rc.1",
+    "@akinon/pz-multi-basket": "2.0.152-rc.1",
+    "@akinon/pz-one-click-checkout": "2.0.152-rc.1",
+    "@akinon/pz-otp": "2.0.152-rc.1",
+    "@akinon/pz-pay-on-delivery": "2.0.152-rc.1",
+    "@akinon/pz-saved-card": "2.0.152-rc.1",
+    "@akinon/pz-similar-products": "2.0.152-rc.1",
+    "@akinon/pz-tabby-extension": "2.0.152-rc.1",
+    "@akinon/pz-tamara-extension": "2.0.152-rc.1",
+    "@akinon/pz-theme": "2.0.152-rc.1",
+    "@akinon/pz-virtual-try-on": "2.0.152-rc.1",
     "@hookform/resolvers": "2.9.0",
     "@next/third-parties": "16.2.6",
     "@react-google-maps/api": "2.17.1",
@@ -74,7 +74,7 @@
     "yup": "0.32.11"
   },
   "devDependencies": {
-    "@akinon/eslint-plugin-projectzero": "2.0.152-rc.0",
+    "@akinon/eslint-plugin-projectzero": "2.0.152-rc.1",
     "@semantic-release/changelog": "6.0.2",
     "@semantic-release/exec": "6.0.3",
     "@semantic-release/git": "10.0.1",

package/app-template/src/app/[pz]/account/orders/[id]/(detail)/page.tsx

@@ -13,6 +13,9 @@ import { ROUTES } from '@theme/routes';
 import { useLocalization } from '@akinon/next/hooks';
 import settings from 'settings';
 import { getOrderStatus } from 'utils';
+import PluginModule, { Component } from '@akinon/next/components/plugin-module';
+
+const DELIVERED_ORDER_ITEM_STATUS = '550';
 
 const AccountOrderDetail = () => {
   const { id } = useParams<{ id: string }>();
@@ -228,6 +231,24 @@ const AccountOrderDetail = () => {
                             {itemStatus.label}
                           </div>
 
+                          {item?.status?.value?.toString() ===
+                            DELIVERED_ORDER_ITEM_STATUS && (
+                            <PluginModule
+                              component={Component.OrderItemRateAction}
+                              props={{
+                                orderId: order.id,
+                                orderNumber: order.number,
+                                orderDate: order.created_date,
+                                product: {
+                                  sku: item.product.sku,
+                                  base_code: item.product.base_code,
+                                  name: item.product.name
+                                },
+                                classNames: { root: 'lg:ml-6' }
+                              }}
+                            />
+                          )}
+
                           {(item?.is_cancellable || item?.is_refundable) &&
                             order?.is_cancellable && (
                               <div className="lg:ml-24">

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

@@ -2,7 +2,11 @@ import { getProductData, getWidgetData } from '@akinon/next/data/server';
 import { withSegmentDefaults } from '@akinon/next/hocs/server';
 import { AsyncPageProps, ResolvedPageProps, Metadata } from '@akinon/next/types';
 import { generateJsonLd, serializeJsonLd } from '@theme/utils/generate-jsonld';
-import { AccordionWrapper, ProductInfo } from '@theme/views/product';
+import {
+  AccordionWrapper,
+  ProductInfo,
+  ProductRateReview
+} from '@theme/views/product';
 import ProductLayout from '@theme/views/product/layout';
 import { notFound } from 'next/navigation';
 
@@ -83,6 +87,8 @@ async function Page({ params, searchParams }: ResolvedPageProps<{ pk: number }>)
               data={data}
               deliveryReturn={deliveryReturn?.attributes}
             />
+
+            <ProductRateReview data={data} />
           </div>
         </ProductLayout>
         <script

package/app-template/src/views/category/category-info.tsx

@@ -7,6 +7,7 @@ import { CategoryHeader } from './category-header';
 import { Filters } from './filters';
 import { Pagination } from '@theme/components';
 import { ProductItem } from '@theme/views/product-item';
+import PluginModule, { Component } from '@akinon/next/components/plugin-module';
 import { GetCategoryResponse } from '@akinon/next/types';
 import { useAppDispatch, useAppSelector } from '@akinon/next/redux/hooks';
 import { setFacets, setMenuOpen } from '@theme/redux/reducers/category';
@@ -119,15 +120,20 @@ export default function ListPage(props: ListPageProps) {
                   'lg:grid-cols-3': layoutSize === 3
                 })}
               >
-                {data?.products?.map((product, index) => (
-                  <ProductItem
-                    key={product.pk}
-                    product={product}
-                    width={itemDimensions.width}
-                    height={itemDimensions.height}
-                    index={index}
-                  />
-                ))}
+                <PluginModule
+                  component={Component.RateReviewPlpProvider}
+                  props={{ products: data?.products ?? [] }}
+                >
+                  {data?.products?.map((product, index) => (
+                    <ProductItem
+                      key={product.pk}
+                      product={product}
+                      width={itemDimensions.width}
+                      height={itemDimensions.height}
+                      index={index}
+                    />
+                  ))}
+                </PluginModule>
               </div>
             </FavouriteProductIdsProvider>
             {data?.products?.length > 0 && (

package/app-template/src/views/product/index.ts

@@ -6,4 +6,5 @@ export { default as ProductGroupInfo } from './product-group-info';
 export { default as MiscButtons } from './misc-buttons';
 export { default as ProductInfoSlider } from './slider';
 export { default as AccordionWrapper } from './accordion-wrapper';
+export { default as ProductRateReview } from './rate-review';
 export { default as CombineProductCard } from './combine-product-card';

package/app-template/src/views/product/product-info.tsx

@@ -73,6 +73,17 @@ export default function ProductInfo({ data }: ProductPageProps) {
 
   return (
     <>
+      <PluginModule
+        component={Component.RateReviewBadge}
+        props={{
+          product: {
+            sku: data.product.sku,
+            base_code: data.product.base_code
+          },
+          classNames: { root: 'mt-2' }
+        }}
+      />
+
       <div
         className={clsx(
           'fixed bottom-0 left-0 w-1/2 h-14 z-[20] bg-white mt-0 border-t border-gray-500 items-center justify-center',

package/app-template/src/views/product/rate-review.tsx

@@ -0,0 +1,21 @@
+'use client';
+
+import PluginModule, { Component } from '@akinon/next/components/plugin-module';
+import { ProductPageProps } from './layout';
+
+export default function ProductRateReview({
+  data
+}: Pick<ProductPageProps, 'data'>) {
+  return (
+    <PluginModule
+      component={Component.ProductRateReview}
+      props={{
+        product: {
+          sku: data.product.sku,
+          base_code: data.product.base_code
+        },
+        classNames: { root: 'w-full mt-8' }
+      }}
+    />
+  );
+}

package/app-template/src/views/product-item/index.tsx

@@ -10,6 +10,7 @@ import useFavButton from '../../hooks/use-fav-button';
 import { Product } from '@akinon/next/types';
 import { Image } from '@akinon/next/components/image';
 import { Price, Link } from '@theme/components';
+import PluginModule, { Component } from '@akinon/next/components/plugin-module';
 
 interface Props {
   product: Product;
@@ -81,6 +82,10 @@ export const ProductItem = (props: Props) => {
         >
           {product_name}
         </Link>
+        <PluginModule
+          component={Component.RateReviewPlpBadge}
+          props={{ product }}
+        />
         <div className="font-semibold">
           {parseFloat(retail_price) > parseFloat(price) && (
             <Price

package/commands/plugins.ts

@@ -180,6 +180,10 @@ export default async () => {
       name: 'Virtual Try-On',
       value: 'pz-virtual-try-on'
     },
+    {
+      name: 'Rate & Review',
+      value: 'pz-rate-review'
+    },
     {
       name: 'Masterpass Rest',
       value: 'pz-masterpass-rest'

package/dist/commands/plugins.js

@@ -199,6 +199,10 @@ exports.default = () => __awaiter(void 0, void 0, void 0, function* () {
             name: 'Virtual Try-On',
             value: 'pz-virtual-try-on'
         },
+        {
+            name: 'Rate & Review',
+            value: 'pz-rate-review'
+        },
         {
             name: 'Masterpass Rest',
             value: 'pz-masterpass-rest'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/projectzero",
-  "version": "2.0.152-rc.0",
+  "version": "2.0.152-rc.1",
   "private": false,
   "description": "CLI tool to manage your Project Zero Next project",
   "bin": {