@akinon/projectzero 1.99.0-rc.68 → 1.99.0-rc.70

package/CHANGELOG.md

@@ -1,5 +1,9 @@
 # @akinon/projectzero
 
+## 1.99.0-rc.70
+
+## 1.99.0-rc.69
+
 ## 1.99.0-rc.68
 
 ## 1.99.0-rc.67

package/app-template/CHANGELOG.md

@@ -1,5 +1,61 @@
 # projectzeronext
 
+## 1.99.0-rc.70
+
+### Minor Changes
+
+- 5ad87ff: ZERO-3646: Refactor form submission API to handle form data and improve error responses
+
+### Patch Changes
+
+- Updated dependencies [5ad87ff]
+  - @akinon/next@1.99.0-rc.70
+  - @akinon/pz-akifast@1.99.0-rc.70
+  - @akinon/pz-b2b@1.99.0-rc.70
+  - @akinon/pz-basket-gift-pack@1.99.0-rc.70
+  - @akinon/pz-bkm@1.99.0-rc.70
+  - @akinon/pz-checkout-gift-pack@1.99.0-rc.70
+  - @akinon/pz-click-collect@1.99.0-rc.70
+  - @akinon/pz-credit-payment@1.99.0-rc.70
+  - @akinon/pz-gpay@1.99.0-rc.70
+  - @akinon/pz-hepsipay@1.99.0-rc.70
+  - @akinon/pz-masterpass@1.99.0-rc.70
+  - @akinon/pz-one-click-checkout@1.99.0-rc.70
+  - @akinon/pz-otp@1.99.0-rc.70
+  - @akinon/pz-pay-on-delivery@1.99.0-rc.70
+  - @akinon/pz-saved-card@1.99.0-rc.70
+  - @akinon/pz-similar-products@1.99.0-rc.70
+  - @akinon/pz-tabby-extension@1.99.0-rc.70
+  - @akinon/pz-tamara-extension@1.99.0-rc.70
+
+## 1.99.0-rc.69
+
+### Minor Changes
+
+- 3b255fe: ZERO-3629 :edit warnings in build
+
+### Patch Changes
+
+- Updated dependencies [3b255fe]
+  - @akinon/next@1.99.0-rc.69
+  - @akinon/pz-akifast@1.99.0-rc.69
+  - @akinon/pz-b2b@1.99.0-rc.69
+  - @akinon/pz-basket-gift-pack@1.99.0-rc.69
+  - @akinon/pz-bkm@1.99.0-rc.69
+  - @akinon/pz-checkout-gift-pack@1.99.0-rc.69
+  - @akinon/pz-click-collect@1.99.0-rc.69
+  - @akinon/pz-credit-payment@1.99.0-rc.69
+  - @akinon/pz-gpay@1.99.0-rc.69
+  - @akinon/pz-hepsipay@1.99.0-rc.69
+  - @akinon/pz-masterpass@1.99.0-rc.69
+  - @akinon/pz-one-click-checkout@1.99.0-rc.69
+  - @akinon/pz-otp@1.99.0-rc.69
+  - @akinon/pz-pay-on-delivery@1.99.0-rc.69
+  - @akinon/pz-saved-card@1.99.0-rc.69
+  - @akinon/pz-similar-products@1.99.0-rc.69
+  - @akinon/pz-tabby-extension@1.99.0-rc.69
+  - @akinon/pz-tamara-extension@1.99.0-rc.69
+
 ## 1.99.0-rc.68
 
 ### Minor Changes

package/app-template/package.json

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

package/app-template/public/locales/en/common.json

@@ -112,5 +112,11 @@
       "processing_error": "Error processing image",
       "crop_processing_error": "Error processing cropped image"
     }
+  },
+  "forms": {
+    "sending": "Sending...",
+    "success": "Form submitted successfully!",
+    "error": "An error occurred while submitting the form. Please try again.",
+    "submit_error": "Form submit error:"
   }
 }

package/app-template/public/locales/tr/common.json

@@ -112,5 +112,11 @@
       "processing_error": "Görsel işleme hatası",
       "crop_processing_error": "Kırpılan görsel işleme hatası"
     }
+  },
+  "forms": {
+    "sending": "Gönderiliyor...",
+    "success": "Form başarıyla gönderildi!",
+    "error": "Form gönderilirken bir hata oluştu. Lütfen tekrar deneyin.",
+    "submit_error": "Form gönderme hatası:"
   }
 }

package/app-template/src/app/api/form/[...id]/route.ts

@@ -1,7 +1 @@
-import { NextResponse } from 'next/server';
-
-export async function POST() {
-  // TODO: Handle Form Data
-
-  return NextResponse.json({ message: 'ok' });
-}
+export * from '@akinon/next/api/form';

package/app-template/src/components/__tests__/link.test.tsx

@@ -30,6 +30,8 @@ describe('Link Component', () => {
     wrapper = container;
   });
 
+  wrapper;
+
   it('should render without error', () => {
     const link = screen.getByRole('link');
 

package/app-template/src/components/generate-form-fields.tsx

@@ -7,6 +7,7 @@ import { useForm } from 'react-hook-form';
 import { yupResolver } from '@hookform/resolvers/yup';
 import * as yup from 'yup';
 import DynamicForm from './dynamic-form';
+
 import {
   AllFieldClassesType,
   FieldPropertiesType,
@@ -14,6 +15,7 @@ import {
   FormPropertiesType,
   Schema
 } from '@akinon/next/types';
+import { useLocalization } from '@akinon/next/hooks';
 
 export function GenerateFormFields({
   schema,
@@ -28,8 +30,14 @@ export function GenerateFormFields({
   formProperties: FormPropertiesType;
   submitButtonText: string;
 }) {
+  const { t } = useLocalization();
   const [fields, setFields] = useState([]);
   const [loading, setIsLoading] = useState(true);
+  const [isSubmitting, setIsSubmitting] = useState(false);
+  const [submitStatus, setSubmitStatus] = useState<
+    'idle' | 'success' | 'error'
+  >('idle');
+  const [submitMessage, setSubmitMessage] = useState('');
 
   const generateValidationSchema = () => {
     const schemaObject = {};
@@ -80,6 +88,7 @@ export function GenerateFormFields({
   const {
     handleSubmit,
     register,
+    reset,
     formState: { errors }
   } = useForm<FormField>({
     resolver: yupResolver(generateValidationSchema())
@@ -108,6 +117,10 @@ export function GenerateFormFields({
   }, [schema, fieldProperties]);
 
   const onSubmit = async (data) => {
+    setIsSubmitting(true);
+    setSubmitStatus('idle');
+    setSubmitMessage('');
+
     try {
       const formData = new FormData();
 
@@ -115,12 +128,25 @@ export function GenerateFormFields({
         formData.append(key, data[key]);
       });
 
-      fetch(formProperties.actionUrl, {
+      const response = await fetch(formProperties.actionUrl, {
         method: 'POST',
         body: formData
       });
+
+      if (response.ok) {
+        setSubmitStatus('success');
+        setSubmitMessage(t('common.forms.success'));
+        reset();
+      } else {
+        setSubmitStatus('error');
+        setSubmitMessage(t('common.forms.error'));
+      }
     } catch (error) {
-      console.error('Form submit error:', error);
+      console.error(t('common.forms.submit_error'), error);
+      setSubmitStatus('error');
+      setSubmitMessage(t('common.forms.error'));
+    } finally {
+      setIsSubmitting(false);
     }
   };
 
@@ -337,9 +363,22 @@ export function GenerateFormFields({
           <LoaderSpinner />
         ) : (
           <>
+            {submitStatus === 'success' && (
+              <div className="mb-4 p-3 bg-green-100 border border-green-400 text-green-700 rounded">
+                {submitMessage}
+              </div>
+            )}
+
+            {submitStatus === 'error' && (
+              <div className="mb-4 p-3 bg-red-100 border border-red-400 text-red-700 rounded">
+                {submitMessage}
+              </div>
+            )}
+
             {fields.map((field: FormField) => generateField(field))}
-            <Button type="submit" className="w-full">
-              {submitButtonText}
+
+            <Button type="submit" className="w-full" disabled={isSubmitting}>
+              {isSubmitting ? t('common.forms.sending') : submitButtonText}
             </Button>
           </>
         )}

package/app-template/src/components/input.tsx

@@ -48,7 +48,13 @@ export const Input = forwardRef<
     props.className
   );
 
-  const inputProps: any = {
+  const inputProps: {
+    id?: string;
+    ref?: Ref<HTMLInputElement>;
+    className?: string;
+    onFocus?: () => void;
+    onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
+  } = {
     id,
     ref,
     className: inputClass,

package/app-template/src/components/pagination.tsx

@@ -125,6 +125,7 @@ export const Pagination = (props: PaginationProps) => {
       setPrevPage(1);
       setNextPage(1);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [page]);
 
   useEffect(() => {

package/app-template/src/views/account/contact-form.tsx

@@ -111,7 +111,7 @@ const ContactForm = () => {
     resolver: yupResolver(contactFormSchema(t))
   });
 
-  const onSubmit: SubmitHandler<ContactFormType> = (data, event) => {
+  const onSubmit: SubmitHandler<ContactFormType> = (data) => {
     const formData = new FormData();
 
     Object.keys(data ?? {}).forEach((key) => {

package/app-template/src/views/account/faq/faq-tabs.tsx

@@ -3,6 +3,7 @@
 import { Accordion, LoaderSpinner, TabPanel, Tabs } from '@theme/components';
 import React from 'react';
 import { useGetWidgetQuery } from '@akinon/next/data/client/misc';
+import { useLocalization } from '@akinon/next/hooks';
 
 interface Props {
   searchKey?: string;
@@ -11,6 +12,7 @@ interface Props {
 export function FaqTabs(props: Props) {
   const { searchKey } = props;
   const { data, isLoading } = useGetWidgetQuery('faq');
+  const { locale } = useLocalization();
 
   if (isLoading) {
     return <LoaderSpinner className="mt-4" />;
@@ -29,8 +31,12 @@ export function FaqTabs(props: Props) {
               {data?.attributes?.faq_contents
                 ?.filter(
                   (faq) =>
-                    faq.value.content.toLocaleLowerCase().includes(searchKey) ||
-                    faq.value.title.toLocaleLowerCase().includes(searchKey)
+                    faq.value.content
+                      .toLocaleLowerCase(locale)
+                      .includes(searchKey) ||
+                    faq.value.title
+                      .toLocaleLowerCase(locale)
+                      .includes(searchKey)
                 )
                 .map((faq, index) => {
                   if (faq.value.category == item.value.category_id) {

package/app-template/src/views/basket/basket-item.tsx

@@ -40,7 +40,12 @@ export const BasketItem = (props: Props) => {
     quantity: number,
     attributes: object = {}
   ) => {
-    const requestParams: any = {
+    const requestParams: {
+      product: number;
+      quantity: number;
+      attributes: object;
+      namespace?: string;
+    } = {
       product: productPk,
       quantity,
       attributes

package/app-template/src/views/breadcrumb.tsx

@@ -12,7 +12,7 @@ export interface BreadcrumbProps {
 }
 
 export default function Breadcrumb(props: BreadcrumbProps) {
-  const { t } = useLocalization();
+  const { t, locale } = useLocalization();
   const { breadcrumbList = [] } = props;
 
   const list = [
@@ -28,7 +28,7 @@ export default function Breadcrumb(props: BreadcrumbProps) {
       {list.map((item, index) => (
         <Fragment key={index}>
           <Link href={item.url}>
-            {capitalize(item.text.toLocaleLowerCase())}
+            {capitalize(item.text.toLocaleLowerCase(locale))}
           </Link>
           {index !== list.length - 1 && <Icon name="chevron-end" size={8} />}
         </Fragment>

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

@@ -57,6 +57,7 @@ export default function ListPage(props: ListPageProps) {
       newUrl.searchParams.delete('page');
       router.push(newUrl.pathname + newUrl.search, undefined);
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [searchParams, data.products, page]);
 
   const { t } = useLocalization();

package/app-template/src/views/category/filters/index.tsx

@@ -6,7 +6,7 @@ import { useLocalization } from '@akinon/next/hooks';
 import { useAppDispatch, useAppSelector } from '@akinon/next/redux/hooks';
 import { resetSelectedFacets } from '@theme/redux/reducers/category';
 import CategoryActiveFilters from '@theme/views/category/category-active-filters';
-import { useMemo, useState, useTransition } from 'react';
+import { useMemo, useTransition } from 'react';
 import { FilterItem } from './filter-item';
 
 interface Props {

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

@@ -58,6 +58,7 @@ export default function ProductInfo({ data }: ProductPageProps) {
     if (isVariantLoading) {
       clearProductError();
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isVariantLoading]);
 
   useEffect(() => {

package/app-template/src/widgets/footer-menu.tsx

@@ -2,6 +2,7 @@ import 'server-only';
 
 import { Link, Accordion } from '@theme/components';
 import { getWidgetData } from '@akinon/next/data/server';
+import { ServerVariables } from '@akinon/next/utils/server-variables';
 
 type SideItem = {
   value: string;
@@ -47,6 +48,7 @@ type FooterMenuType = {
 
 export default async function FooterMenu() {
   const data = await getWidgetData<FooterMenuType>({ slug: 'footer-menu' });
+  const { locale } = ServerVariables;
 
   return (
     <div className="flex-1">
@@ -72,7 +74,7 @@ export default async function FooterMenu() {
                           : '_self'
                       }
                       data-testid={`footer-categories-${item?.value?.name
-                        ?.toLocaleLowerCase()
+                        ?.toLocaleLowerCase(locale)
                         .split(' ')
                         .join('')}`}
                     >
@@ -96,7 +98,9 @@ export default async function FooterMenu() {
                           ? '_blank'
                           : '_self'
                       }
-                      data-testid={`footer-categories-${item?.value?.name?.toLocaleLowerCase()}`}
+                      data-testid={`footer-categories-${item?.value?.name?.toLocaleLowerCase(
+                        locale
+                      )}`}
                     >
                       {item?.value?.name}
                     </Link>

package/package.json

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