@akinon/projectzero 1.34.0 → 1.36.0-rc.0

package/app-template/src/views/checkout/steps/payment/options/redirection.tsx

@@ -1,14 +1,12 @@
 'use client';
 
 import { useCompleteRedirectionPaymentMutation } from '@akinon/next/data/client/checkout';
-import { useLocalization } from '@akinon/next/hooks';
 import { useAppSelector } from '@akinon/next/redux/hooks';
 import { yupResolver } from '@hookform/resolvers/yup';
 import { Button, Checkbox } from '@theme/components';
 import { useForm } from 'react-hook-form';
 import { twMerge } from 'tailwind-merge';
 import * as yup from 'yup';
-import PaymentOptionButtons from '../payment-option-buttons';
 import { useEffect, useState } from 'react';
 import { getPosError } from '@akinon/next/utils';
 
@@ -16,7 +14,7 @@ interface FormValues {
   agreement: boolean;
 }
 
-const formSchema = (t) =>
+const formSchema = () =>
   yup.object().shape({
     agreement: yup
       .boolean()
@@ -28,13 +26,12 @@ export default function RedirectionPayment() {
   const { payment_option } = useAppSelector((state) => state.checkout.preOrder);
   const [formError, setFormError] = useState(null);
 
-  const { t } = useLocalization();
   const {
     register,
     handleSubmit,
     formState: { errors }
   } = useForm<FormValues>({
-    resolver: yupResolver(formSchema(t))
+    resolver: yupResolver(formSchema())
   });
   const [completeRedirectionPayment] = useCompleteRedirectionPaymentMutation();
 

package/app-template/src/views/find-in-store/index.tsx

@@ -63,7 +63,7 @@ export const FindInStore = ({ productPk, productName, variants }) => {
       return options;
     }
     return [];
-  }, [retailStore]);
+  }, [retailStore]); // eslint-disable-line react-hooks/exhaustive-deps
 
   const sizeOptions = useMemo(() => {
     if (variants) {
@@ -80,7 +80,7 @@ export const FindInStore = ({ productPk, productName, variants }) => {
       return options;
     }
     return [];
-  }, [variants]);
+  }, [variants, sizeKey]); // eslint-disable-line react-hooks/exhaustive-deps
 
   const createStockStatus = (stock) => {
     const status = {

package/app-template/src/views/header/mini-basket.tsx

@@ -46,7 +46,7 @@ function MiniBasketItem(props: MiniBasketItemProps) {
         miniBasketList.scrollTop = 0;
       }
     }
-  }, [highlightedItem, basketItem.product.pk]);
+  }, [highlightedItem, basketItem.product.pk, miniBasketListRef]);
 
   const removeItem = () => {
     updateQuantityMutation({
@@ -183,7 +183,7 @@ export default function MiniBasket() {
         setSortedBasket(basket.basketitem_set);
       }
     }
-  }, [isSuccess, highlightedItem, basket]);
+  }, [isSuccess, highlightedItem, basket, highlightedItemPk]);
 
   return (
     <>

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

@@ -36,7 +36,7 @@ export default function ProductInfo({ data }: ProductPageProps) {
 
   useEffect(() => {
     pushProductViewed(data?.product);
-  }, []);
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
 
   const addProductToCart = async () => {
     if (!variantsSelectionCheck()) {
@@ -206,7 +206,14 @@ export default function ProductInfo({ data }: ProductPageProps) {
             'after:bg-[#d02c2f]',
             'after:rounded-xl',
             'after:left-1'
-          ])
+          ]),
+          onError: (error) =>
+            setProductError(
+              error?.data?.non_field_errors ||
+                Object.keys(error?.data).map(
+                  (key) => `${key}: ${error?.data[key].join(', ')}`
+                )
+            )
         }}
       />
 

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

@@ -36,7 +36,7 @@ export const ProductItem = (props: Props) => {
       setViewed(true);
       pushProductListProductViewed(product);
     }
-  }, [inView]);
+  }, [inView, viewed, product]);
 
   return (
     <div

package/app-template/src/widgets/footer-subscription/footer-subscription-form.tsx

@@ -10,7 +10,7 @@ import { useGetWidgetQuery } from '@akinon/next/data/client/misc';
 import { Input, Button, Checkbox, Modal } from '@theme/components';
 import { useLocalization } from '@akinon/next/hooks';
 
-const subscriptionFormSchema = (t: any) =>
+const subscriptionFormSchema = (t: (key: string) => string) =>
   yup.object().shape({
     email: yup
       .string()

package/app-template/tsconfig.json

@@ -3,7 +3,19 @@
   "display": "Default",
   "compilerOptions": {
     "baseUrl": "./src",
-    "paths": { "@theme/*": ["./*"] },
+    "paths": {
+      "@theme/*": ["./*"],
+      "@root/*": ["./app/[commerce]/[locale]/[currency]/*"],
+      "@product/*": ["./app/[commerce]/[locale]/[currency]/product/*"],
+      "@group-product/*": [
+        "./app/[commerce]/[locale]/[currency]/group-product/*"
+      ],
+      "@category/*": ["./app/[commerce]/[locale]/[currency]/category/*"],
+      "@special-page/*": [
+        "./app/[commerce]/[locale]/[currency]/special-page/*"
+      ],
+      "@flat-page/*": ["./app/[commerce]/[locale]/[currency]/flat-page/*"]
+    },
     "allowSyntheticDefaultImports": true,
     "composite": false,
     "declaration": true,
@@ -40,7 +52,5 @@
     ".next/types/**/*.ts",
     "../../packages/**/*"
   ],
-  "exclude": ["node_modules",
-    "../../packages/projectzero/app-template"
-  ]
+  "exclude": ["node_modules", "../../packages/projectzero/app-template"]
 }

package/package.json

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

package/app-template/.eslintrc.js

@@ -1,31 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es6: true,
-    node: true,
-    jest: true
-  },
-  extends: [
-    'next/core-web-vitals',
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    'prettier',
-    'plugin:@akinon/projectzero/core', // DO NOT remove this config for stability
-    'plugin:@akinon/projectzero/recommended' // Optional
-  ],
-  plugins: ['@typescript-eslint', '@akinon/projectzero'],
-  parser: '@typescript-eslint/parser',
-  parserOptions: {
-    ecmaVersion: 2021,
-    sourceType: 'module'
-  },
-  settings: {
-    next: {
-      rootDir: ['src/*/']
-    }
-  },
-  rules: {
-    '@typescript-eslint/no-unused-vars': 'warn',
-    '@typescript-eslint/no-explicit-any': 'warn'
-  }
-};