@akinon/projectzero 1.125.0-rc.1 → 1.125.0

package/CHANGELOG.md

@@ -1,14 +1,6 @@
 # @akinon/projectzero
 
-## 1.125.0-rc.1
-
-## 1.125.0-rc.0
-
-### Minor Changes
-
-- 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
-- d99a6a7d: ZERO-3457_1: Fixed the settings prop and made sure everything is customizable.
-- e18836b2: ZERO-4160: Restore scope in Sentry addon configuration in akinon.json
+## 1.125.0
 
 ## 1.124.0
 

package/app-template/.env.example

@@ -7,7 +7,6 @@ NEXT_PUBLIC_URL=http://localhost:3000
 SERVICE_BACKEND_URL=https://02fde10fee4440269e695aa10707dfaf.lb.akinoncloud.com
 SITEMAP_S3_BUCKET_NAME=0fb534
 NEXT_PUBLIC_VIRTUAL_TRY_ON_API_URL=https://d2a26507c7094f359aba349b96a96881.lb.akinoncloud.com
-NEXT_PUBLIC_ENABLE_IMAGE_SEARCH=true
 
 # LOG_LEVEL_DEV=debug # For more details, please refer to the Logging documentation.
 

package/app-template/CHANGELOG.md

@@ -1,96 +1,36 @@
 # projectzeronext
 
-## 1.125.0-rc.1
-
-### Minor Changes
-
-- c0228aff: ZERO-4159: Upgrade the package versions
+## 1.125.0
 
 ### Patch Changes
 
-- Updated dependencies [c0228aff]
-  - @akinon/pz-b2b@1.125.0-rc.1
-  - @akinon/next@1.125.0-rc.1
-  - @akinon/pz-akifast@1.125.0-rc.1
-  - @akinon/pz-apple-pay@1.125.0-rc.1
-  - @akinon/pz-basket-gift-pack@1.125.0-rc.1
-  - @akinon/pz-bkm@1.125.0-rc.1
-  - @akinon/pz-checkout-gift-pack@1.125.0-rc.1
-  - @akinon/pz-click-collect@1.125.0-rc.1
-  - @akinon/pz-credit-payment@1.125.0-rc.1
-  - @akinon/pz-cybersource-uc@1.125.0-rc.1
-  - @akinon/pz-flow-payment@1.125.0-rc.1
-  - @akinon/pz-google-pay@1.125.0-rc.1
-  - @akinon/pz-gpay@1.125.0-rc.1
-  - @akinon/pz-haso@1.125.0-rc.1
-  - @akinon/pz-hepsipay@1.125.0-rc.1
-  - @akinon/pz-masterpass@1.125.0-rc.1
-  - @akinon/pz-masterpass-rest@1.125.0-rc.1
-  - @akinon/pz-multi-basket@1.125.0-rc.1
-  - @akinon/pz-one-click-checkout@1.125.0-rc.1
-  - @akinon/pz-otp@1.125.0-rc.1
-  - @akinon/pz-pay-on-delivery@1.125.0-rc.1
-  - @akinon/pz-saved-card@1.125.0-rc.1
-  - @akinon/pz-similar-products@1.125.0-rc.1
-  - @akinon/pz-tabby-extension@1.125.0-rc.1
-  - @akinon/pz-tamara-extension@1.125.0-rc.1
-  - @akinon/pz-virtual-try-on@1.125.0-rc.1
-
-## 1.125.0-rc.0
-
-### Minor Changes
-
-- 1a8622a9: ZERO-3392: Implemented AI Search functionality and update env
-- b55acb76: ZERO-2577: Fix pagination bug and update usePagination hook and ensure pagination controls rendering correctly
-- 143be2b9: ZERO-3457: Crop styles are customizable and logic improved for rendering similar products modal
-- 9f8cd3bc: ZERO-3449: AI Search Active Filters & Crop Style changes have been implemented
-- d99a6a7d: ZERO-3457_1: Fixed the settings prop and made sure everything is customizable.
-- b05c3543: ZERO-2570: Category filters routes to absolute url
-- e18836b2: ZERO-4160: Restore scope in Sentry addon configuration in akinon.json
-- c3244a31: ZERO-4013: Update runtime version to node:25-alpine in project configuration
-
-### Patch Changes
-
-- Updated dependencies
-- Updated dependencies [b55acb76]
-- Updated dependencies [760258c1]
-- Updated dependencies [143be2b9]
 - Updated dependencies [cd68a97a]
-- Updated dependencies [9f8cd3bc]
-- Updated dependencies [bfafa3f4]
-- Updated dependencies [d99a6a7d]
-- Updated dependencies [591e345e]
-- Updated dependencies [4de5303c]
-- Updated dependencies [63a72000]
-- Updated dependencies [95b139dc]
-- Updated dependencies [3909d322]
-- Updated dependencies [e18836b2]
-  - @akinon/next@1.125.0-rc.0
-  - @akinon/pz-similar-products@1.125.0-rc.0
-  - @akinon/pz-masterpass-rest@1.125.0-rc.0
-  - @akinon/pz-virtual-try-on@1.125.0-rc.0
-  - @akinon/pz-akifast@1.125.0-rc.0
-  - @akinon/pz-apple-pay@1.125.0-rc.0
-  - @akinon/pz-b2b@1.125.0-rc.0
-  - @akinon/pz-basket-gift-pack@1.125.0-rc.0
-  - @akinon/pz-bkm@1.125.0-rc.0
-  - @akinon/pz-checkout-gift-pack@1.125.0-rc.0
-  - @akinon/pz-click-collect@1.125.0-rc.0
-  - @akinon/pz-credit-payment@1.125.0-rc.0
-  - @akinon/pz-cybersource-uc@1.125.0-rc.0
-  - @akinon/pz-flow-payment@1.125.0-rc.0
-  - @akinon/pz-google-pay@1.125.0-rc.0
-  - @akinon/pz-gpay@1.125.0-rc.0
-  - @akinon/pz-haso@1.125.0-rc.0
-  - @akinon/pz-hepsipay@1.125.0-rc.0
-  - @akinon/pz-masterpass@1.125.0-rc.0
-  - @akinon/pz-multi-basket@1.125.0-rc.0
-  - @akinon/pz-one-click-checkout@1.125.0-rc.0
-  - @akinon/pz-otp@1.125.0-rc.0
-  - @akinon/pz-pay-on-delivery@1.125.0-rc.0
-  - @akinon/pz-saved-card@1.125.0-rc.0
-  - @akinon/pz-tabby-extension@1.125.0-rc.0
-  - @akinon/pz-tamara-extension@1.125.0-rc.0
+  - @akinon/next@1.125.0
+  - @akinon/pz-virtual-try-on@1.125.0
+  - @akinon/pz-akifast@1.125.0
+  - @akinon/pz-apple-pay@1.125.0
+  - @akinon/pz-b2b@1.125.0
+  - @akinon/pz-basket-gift-pack@1.125.0
+  - @akinon/pz-bkm@1.125.0
+  - @akinon/pz-checkout-gift-pack@1.125.0
+  - @akinon/pz-click-collect@1.125.0
+  - @akinon/pz-credit-payment@1.125.0
+  - @akinon/pz-cybersource-uc@1.125.0
+  - @akinon/pz-flow-payment@1.125.0
+  - @akinon/pz-google-pay@1.125.0
+  - @akinon/pz-gpay@1.125.0
+  - @akinon/pz-haso@1.125.0
+  - @akinon/pz-hepsipay@1.125.0
+  - @akinon/pz-masterpass@1.125.0
+  - @akinon/pz-masterpass-rest@1.125.0
+  - @akinon/pz-multi-basket@1.125.0
+  - @akinon/pz-one-click-checkout@1.125.0
+  - @akinon/pz-otp@1.125.0
+  - @akinon/pz-pay-on-delivery@1.125.0
+  - @akinon/pz-saved-card@1.125.0
+  - @akinon/pz-similar-products@1.125.0
+  - @akinon/pz-tabby-extension@1.125.0
+  - @akinon/pz-tamara-extension@1.125.0
 
 ## 1.124.0
 

package/app-template/README.md

@@ -12,30 +12,6 @@ Run `cp .env.example .env && yarn` command at project root and all dependencies
 
 - `SITEMAP_S3_BUCKET_NAME`: S3 bucket name for XML sitemaps (e.g., "0fb534"). This is required for the sitemap route to function correctly.
 
-### Optional Environment Variables
-
-- `NEXT_PUBLIC_ENABLE_IMAGE_SEARCH`: Set to `true` to enable image search feature for all users. If not set or `false`, the feature will only be visible to users who have enabled it via localStorage.
-
-## Image Search Feature
-
-The image search functionality allows users to search for similar products by uploading images or cropping existing product images.
-
-### Feature Visibility Control
-
-The image search feature can be controlled in two ways:
-
-1. **Environment Variable (Global)**: Set `NEXT_PUBLIC_ENABLE_IMAGE_SEARCH=true` to enable for all users
-2. **localStorage (Individual Users)**: Users can enable it locally using browser developer tools
-
-````
-
-### Feature Locations
-
-When enabled, the image search feature appears in:
-
-- **Header Search**: Camera icon next to the search input
-- **Product Detail Page**: "View Similar Styles" button on product images
-
 ### Build
 
 To build the app, run the following command:
@@ -43,7 +19,7 @@ To build the app, run the following command:
 ```bash
 cd projectzeronext # Project root
 yarn build
-````
+```
 
 ### Develop
 

package/app-template/akinon.json

@@ -13,7 +13,7 @@
       "healthcheck": "/healthz"
     }
   },
-  "runtime": "node:25-alpine",
+  "runtime": "node:22-alpine",
   "addons": [
     {
       "plan": "redis"

package/app-template/docs/advanced-usage.md

@@ -42,6 +42,107 @@ const middleware: NextMiddleware = (
 };
 ```
 
+## Custom Segments
+
+The `[pz]` segment encodes `locale`, `currency`, and `url` by default. You can add custom segments via `pzSegments` in `settings.js` to encode additional values into the URL.
+
+### Configuration
+
+Define custom segments in `settings.js` with a `resolve` function that computes the segment value at request time:
+
+```js
+/** @type {import('@akinon/next/types').Settings} */
+module.exports = {
+  // ...
+  usePzSegment: true,
+  pzSegments: {
+    segments: [
+      {
+        name: 'segment',
+        resolve: (context) => context.req.cookies.get('pz-segment')?.value ?? 'default'
+      }
+    ]
+  }
+}
+```
+
+Default segments (`locale`, `currency`, `url`) are always included automatically. You only need to define your custom ones.
+
+### Resolve Context
+
+The `resolve` function receives a context object with the following properties:
+
+| Property   | Type             | Description                          |
+|------------|------------------|--------------------------------------|
+| `req`      | `PzNextRequest`  | The incoming request object (cookies, headers, middlewareParams) |
+| `event`    | `NextFetchEvent` | The Next.js fetch event (waitUntil, etc.) |
+| `url`      | `NextURL`        | Cloned URL object of the current request |
+| `locale`   | `string`         | Resolved locale value                |
+| `currency` | `string`         | Resolved currency value              |
+| `pathname` | `string`         | Pathname without locale prefix       |
+
+### Reading Segment Values
+
+In server components, use `parsePzParams` to read all segment values (both built-in and custom):
+
+```tsx
+import { parsePzParams } from '@akinon/next/utils'
+import settings from 'settings'
+
+export default function Page({ params }) {
+  const { locale, currency, url, segment } = parsePzParams(params, settings)
+  // ...
+}
+```
+
+In client components, use the `usePzParams` hook:
+
+```tsx
+'use client'
+import { usePzParams } from '@akinon/next/hooks/use-pz-params'
+
+export default function MyComponent() {
+  const { locale, currency, url, segment } = usePzParams()
+  // ...
+}
+```
+
+### Example: Cookie-based Segment
+
+A segment that reads a value from a cookie and falls back to a default:
+
+```js
+pzSegments: {
+  segments: [
+    {
+      name: 'segment',
+      resolve: (context) => context.req.cookies.get('pz-segment')?.value ?? 'default'
+    }
+  ]
+}
+```
+
+This encodes the cookie value into the `[pz]` URL parameter. The resulting URL structure becomes:
+
+```
+/tr--TL--<encoded-url>--default/page-path
+```
+
+### Migration from Legacy Structure
+
+To migrate a project using the legacy `[commerce]/[locale]/[currency]` directory structure to the new `[pz]` segment:
+
+```bash
+npx projectzero codemod --codemod=migrate-segments
+```
+
+This codemod will:
+- Detect all dynamic segments and merge them into `[pz]/`
+- Update `settings.js` with `usePzSegment: true`
+- Clean up middleware rewrite blocks
+- Update path references in `tsconfig.json`, `next.config.js`, and source files
+- Replace `params.locale` / `params.currency` / `params.url` usages with `parsePzParams`
+
 ## Enabling Browser Back/Forward Cache (bfcache)
 
 By default, dynamic pages may include `Cache-Control: no-store` headers, which prevents browsers from using the back/forward cache (bfcache). To enable bfcache support, set the `BF_CACHE` environment variable to `true`:

package/app-template/next.config.mjs

@@ -8,12 +8,12 @@ const nextConfig = {
   rewrites: async () => {
     return [
       {
-        source: '/:commerce/:locale/:currency/sitemap.xml',
-        destination: '/:commerce/:locale/:currency/xml-sitemap'
+        source: '/:pz/sitemap.xml',
+        destination: '/:pz/xml-sitemap'
       },
       {
-        source: '/:commerce/:locale/:currency/sitemap/:node',
-        destination: '/:commerce/:locale/:currency/xml-sitemap/:node'
+        source: '/:pz/sitemap/:node',
+        destination: '/:pz/xml-sitemap/:node'
       }
     ];
   }

package/app-template/package.json

@@ -1,6 +1,6 @@
 {
   "name": "projectzeronext",
-  "version": "1.125.0-rc.1",
+  "version": "1.125.0",
   "private": true,
   "license": "MIT",
   "scripts": {
@@ -24,95 +24,95 @@
     "test:middleware": "jest middleware-matcher.test.ts --bail"
   },
   "dependencies": {
-    "@akinon/next": "1.125.0-rc.1",
-    "@akinon/pz-akifast": "1.125.0-rc.1",
-    "@akinon/pz-apple-pay": "1.125.0-rc.1",
-    "@akinon/pz-b2b": "1.125.0-rc.1",
-    "@akinon/pz-basket-gift-pack": "1.125.0-rc.1",
-    "@akinon/pz-bkm": "1.125.0-rc.1",
-    "@akinon/pz-checkout-gift-pack": "1.125.0-rc.1",
-    "@akinon/pz-click-collect": "1.125.0-rc.1",
-    "@akinon/pz-credit-payment": "1.125.0-rc.1",
-    "@akinon/pz-cybersource-uc": "1.125.0-rc.1",
-    "@akinon/pz-flow-payment": "1.125.0-rc.1",
-    "@akinon/pz-google-pay": "1.125.0-rc.1",
-    "@akinon/pz-gpay": "1.125.0-rc.1",
-    "@akinon/pz-haso": "1.125.0-rc.1",
-    "@akinon/pz-hepsipay": "1.125.0-rc.1",
-    "@akinon/pz-masterpass": "1.125.0-rc.1",
-    "@akinon/pz-masterpass-rest": "1.125.0-rc.1",
-    "@akinon/pz-multi-basket": "1.125.0-rc.1",
-    "@akinon/pz-one-click-checkout": "1.125.0-rc.1",
-    "@akinon/pz-otp": "1.125.0-rc.1",
-    "@akinon/pz-pay-on-delivery": "1.125.0-rc.1",
-    "@akinon/pz-saved-card": "1.125.0-rc.1",
-    "@akinon/pz-similar-products": "1.125.0-rc.1",
-    "@akinon/pz-tabby-extension": "1.125.0-rc.1",
-    "@akinon/pz-tamara-extension": "1.125.0-rc.1",
-    "@akinon/pz-virtual-try-on": "1.125.0-rc.1",
+    "@akinon/next": "1.125.0",
+    "@akinon/pz-akifast": "1.125.0",
+    "@akinon/pz-apple-pay": "1.125.0",
+    "@akinon/pz-b2b": "1.125.0",
+    "@akinon/pz-basket-gift-pack": "1.125.0",
+    "@akinon/pz-bkm": "1.125.0",
+    "@akinon/pz-checkout-gift-pack": "1.125.0",
+    "@akinon/pz-click-collect": "1.125.0",
+    "@akinon/pz-credit-payment": "1.125.0",
+    "@akinon/pz-cybersource-uc": "1.125.0",
+    "@akinon/pz-flow-payment": "1.125.0",
+    "@akinon/pz-google-pay": "1.125.0",
+    "@akinon/pz-gpay": "1.125.0",
+    "@akinon/pz-haso": "1.125.0",
+    "@akinon/pz-hepsipay": "1.125.0",
+    "@akinon/pz-masterpass": "1.125.0",
+    "@akinon/pz-masterpass-rest": "1.125.0",
+    "@akinon/pz-multi-basket": "1.125.0",
+    "@akinon/pz-one-click-checkout": "1.125.0",
+    "@akinon/pz-otp": "1.125.0",
+    "@akinon/pz-pay-on-delivery": "1.125.0",
+    "@akinon/pz-saved-card": "1.125.0",
+    "@akinon/pz-similar-products": "1.125.0",
+    "@akinon/pz-tabby-extension": "1.125.0",
+    "@akinon/pz-tamara-extension": "1.125.0",
+    "@akinon/pz-virtual-try-on": "1.125.0",
     "@hookform/resolvers": "2.9.0",
     "@next/third-parties": "14.1.0",
     "@react-google-maps/api": "2.17.1",
-    "dayjs": "1.11.13",
-    "lossless-json": "2.0.11",
+    "dayjs": "1.11.5",
+    "lossless-json": "2.0.5",
     "next": "14.2.25",
     "next-auth": "4.24.5",
     "next-pwa": "5.6.0",
-    "pino": "8.21.0",
+    "pino": "8.11.0",
     "postcss": "8.4.49",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "react-google-recaptcha": "2.1.0",
     "react-hook-form": "7.31.3",
     "react-intersection-observer": "9.4.0",
-    "react-multi-carousel": "2.8.5",
-    "react-string-replace": "1.1.1",
-    "start-server-and-test": "2.0.8",
-    "tailwind-merge": "1.14.0",
+    "react-multi-carousel": "2.8.4",
+    "react-string-replace": "1.1.0",
+    "start-server-and-test": "2.0.3",
+    "tailwind-merge": "1.8.0",
     "yup": "0.32.11"
   },
   "devDependencies": {
-    "@akinon/eslint-plugin-projectzero": "1.125.0-rc.1",
-    "@semantic-release/changelog": "6.0.3",
+    "@akinon/eslint-plugin-projectzero": "1.125.0",
+    "@semantic-release/changelog": "6.0.2",
     "@semantic-release/exec": "6.0.3",
     "@semantic-release/git": "10.0.1",
-    "@tailwindcss/typography": "0.5.15",
-    "@testing-library/dom": "8.20.1",
-    "@testing-library/jest-dom": "5.17.0",
-    "@testing-library/react": "13.4.0",
-    "@testing-library/user-event": "14.5.2",
+    "@tailwindcss/typography": "0.5.10",
+    "@testing-library/dom": "8.13.0",
+    "@testing-library/jest-dom": "5.16.4",
+    "@testing-library/react": "13.1.1",
+    "@testing-library/user-event": "14.1.1",
     "@types/googlemaps": "3.43.3",
     "@types/jest": "29.5.14",
-    "@types/react": "18.3.18",
-    "@types/react-dom": "18.3.5",
-    "@typescript-eslint/eslint-plugin": "6.21.0",
-    "@typescript-eslint/parser": "6.21.0",
+    "@types/react": "18.2.27",
+    "@types/react-dom": "18.2.12",
+    "@typescript-eslint/eslint-plugin": "6.7.4",
+    "@typescript-eslint/parser": "6.7.4",
     "autoprefixer": "10.4.20",
     "client-only": "0.0.1",
-    "clsx": "1.2.1",
+    "clsx": "1.1.1",
     "currency-symbol-map": "5.1.0",
-    "eslint": "8.57.1",
-    "eslint-config-next": "14.2.25",
-    "eslint-config-prettier": "8.10.0",
-    "husky": "8.0.3",
+    "eslint": "8.14.0",
+    "eslint-config-next": "14.2.3",
+    "eslint-config-prettier": "8.5.0",
+    "husky": "8.0.0",
     "jest": "29.7.0",
-    "jest-css-modules-transform": "4.4.2",
+    "jest-css-modules-transform": "4.3.0",
     "jest-environment-jsdom": "29.7.0",
-    "lint-staged": "13.3.0",
-    "prettier": "2.8.8",
+    "lint-staged": "13.1.0",
+    "prettier": "2.6.2",
     "react-number-format": "5.3.4",
-    "sass": "1.83.0",
+    "sass": "1.49.9",
     "semantic-release": "19.0.5",
     "server-only": "0.0.1",
-    "stylelint": "14.16.1",
+    "stylelint": "14.6.0",
     "stylelint-config-sass-guidelines": "9.0.1",
     "stylelint-config-standard": "25.0.0",
-    "stylelint-scss": "4.7.0",
+    "stylelint-scss": "4.2.0",
     "stylelint-selector-bem-pattern": "2.1.1",
     "tailwindcss": "3.4.17",
-    "ts-jest": "29.4.6",
-    "ts-node": "10.9.2",
-    "typescript": "5.7.3"
+    "ts-jest": "29.2.6",
+    "ts-node": "10.7.0",
+    "typescript": "5.2.2"
   },
   "resolutions": {
     "**/postcss": "8.4.31"

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

@@ -252,7 +252,7 @@ export default function Page() {
             <Input
               label={t('account.my_profile.form.phone.placeholder')}
               type="tel"
-              format={user_phone_format.replace(/9/g, '#')}
+              format={user_phone_format.replace(/\9/g, '#')}
               mask="_"
               allowEmptyFormatting={true}
               control={control}
@@ -290,7 +290,7 @@ export default function Page() {
             </div>
             {errors && (
               <div className="mt-1 text-sm text-error">
-                {(errors.birthdate as { message?: string })?.message}
+                {errors.birthdate?.message}
               </div>
             )}
           </div>

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

@@ -42,17 +42,12 @@ export async function generateMetadata() {
   return result;
 }
 
-async function RootLayout({
-  params,
-  locale,
-  translations,
-  children
-}: RootLayoutProps) {
+async function RootLayout({ locale, translations, children }: RootLayoutProps) {
   return (
     <html lang={locale.isoCode} {...(locale.rtl ? { dir: 'rtl' } : {})}>
       <head />
       <body className="overflow-x-hidden">
-        <PzRoot translations={translations} {...params}>
+        <PzRoot translations={translations} locale={locale.value}>
           <ClientRoot>
             <div className="overflow-x-hidden">
               <MobileAppToggler>

package/app-template/src/hooks/index.ts

@@ -1,3 +1 @@
-export * from './use-contract';
-export * from './use-fav-button';
 export * from './use-add-product-to-basket';

package/app-template/src/middleware.ts

@@ -14,8 +14,7 @@ export const config = {
     '/((?!api|_next|[\\w-\\/*]+\\.\\w+).*)',
     '/(.*sitemap\\.xml)',
     '/(.+\\.)(html|htm|aspx|asp|php)',
-    '/(.*orders\\/checkout-with-token.*)',
-    '/(.*orders\\/post-checkout.*)'
+    '/(.*orders\\/checkout-with-token.*)'
   ]
 };
 

package/app-template/src/plugins.js

@@ -19,7 +19,6 @@ module.exports = [
   'pz-hepsipay',
   'pz-flow-payment',
   'pz-virtual-try-on',
-  'pz-similar-products',
   'pz-cybersource-uc',
   'pz-hepsipay',
   'pz-masterpass-rest',

package/app-template/src/settings.js

@@ -63,5 +63,6 @@ module.exports = {
     defaultExpirationTime: 900 // 15 min
   },
   customNotFoundEnabled: false,
+  usePzSegment: true,
   commerceRedirectionIgnoreList: ['/users/reset']
 };

package/app-template/src/views/guest-login/index.tsx

@@ -83,7 +83,7 @@ const GuestLogin = () => {
           className="h-14"
           name="phone_number"
           type="tel"
-          format={user_phone_format.replace(/9/g, '#')}
+          format={user_phone_format.replace(/\9/g, '#')}
           mask="_"
           control={control}
           {...register('phone_number')}

package/app-template/src/views/header/search/index.tsx

@@ -4,7 +4,8 @@ import { useEffect, useRef, useState } from 'react';
 import { useAppDispatch, useAppSelector } from '@akinon/next/redux/hooks';
 import { closeSearch } from '@akinon/next/redux/reducers/header';
 import clsx from 'clsx';
-import { Icon, Input } from '@theme/components';
+
+import { Icon } from '@theme/components';
 import Results from './results';
 import { ROUTES } from '@theme/routes';
 import { useLocalization, useRouter } from '@akinon/next/hooks';
@@ -41,14 +42,6 @@ export default function Search() {
     };
   }, [isSearchOpen, dispatch]);
 
-  const handleSearchTextChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    setSearchText(e.target.value);
-  };
-
-  const handleCloseSearch = () => {
-    dispatch(closeSearch());
-  };
-
   return (
     <>
       <div
@@ -74,9 +67,9 @@ export default function Search() {
               {t('common.search.results_for')}
             </span>
             <div className="flex items-center">
-              <Input
+              <input
                 value={searchText}
-                onChange={handleSearchTextChange}
+                onChange={(e) => setSearchText(e.target.value)}
                 onKeyDown={(e) => {
                   if (e.key === 'Enter' && searchText.trim() !== '') {
                     router.push(`${ROUTES.LIST}/?search_text=${searchText}`);
@@ -98,12 +91,11 @@ export default function Search() {
               <Icon
                 name="close"
                 size={14}
-                onClick={handleCloseSearch}
+                onClick={() => dispatch(closeSearch())}
                 className="cursor-pointer"
               />
             </div>
           </div>
-
           <Results searchText={searchText} />
         </div>
       </div>