@akinon/projectzero 1.116.0-rc.8 → 1.116.0-snapshot-ZERO-3959-20260106131052

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>

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

@@ -36,100 +36,53 @@ export default function ProductInfoSlider({ product }: ProductSliderItem) {
     carouselRef.current?.next();
   };
 
-  const handleThumbnailClick = (index: number) => {
+  const handleThumbnailClick = (index) => {
     setActiveIndex(index);
     carouselRef.current?.goToSlide(index);
   };
 
   return (
-    <>
-      <div className="lg:grid lg:grid-cols-6">
-        <div className="lg:col-span-1">
-          <div className="flex flex-col items-center justify-center md:mr-[6px]">
-            <button
-              onClick={goToPrev}
-              className={twMerge(
-                'hidden justify-center p-2 mb-3 border border-gray-100 rounded-full cursor-pointer lg:block',
-                [activeIndex === 0 && 'cursor-not-allowed opacity-45']
-              )}
-              disabled={activeIndex === 0}
-            >
-              <Icon name="chevron-up" size={15} className="fill-[#000000]" />
-            </button>
-            <div className="hidden flex-col items-center overflow-scroll w-[80px] max-h-[620px] lg:block">
-              {product?.productimage_set?.map((item, index) => (
-                <Image
-                  key={index}
-                  src={item.image}
-                  alt={`Thumbnail ${index}`}
-                  width={80}
-                  height={128}
-                  aspectRatio={80 / 128}
-                  className={twMerge('cursor-pointer', [
-                    activeIndex === index && 'border-2 border-primary'
-                  ])}
-                  onClick={() => handleThumbnailClick(index)}
-                />
-              ))}
-            </div>
-            <button
-              onClick={goToNext}
-              className={twMerge(
-                'hidden justify-center p-2 mt-3 border border-gray-100 rounded-full cursor-pointer lg:block',
-                [
-                  activeIndex === product.productimage_set.length - 1 &&
-                    'cursor-not-allowed opacity-45'
-                ]
-              )}
-              disabled={activeIndex === product.productimage_set.length - 1}
-            >
-              <Icon name="chevron-down" size={15} className="fill-[#000000]" />
-            </button>
-          </div>
-        </div>
-
-        <div className="relative lg:col-span-5">
-          <FavButton className="absolute right-8 top-6 z-[20] sm:hidden" />
-
-          <PluginModule
-            component={Component.ProductImageSearchFeature}
-            props={{
-              product,
-              activeIndex,
-              showResetButton: true
-            }}
-          />
-
-          <CarouselCore
-            responsive={{
-              all: {
-                breakpoint: { max: 5000, min: 0 },
-                items: 1
-              }
-            }}
-            arrows={false}
-            swipeable={true}
-            ref={carouselRef}
-            afterChange={(previousSlide, { currentSlide }) => {
-              setActiveIndex(currentSlide);
-            }}
-            containerAspectRatio={{ mobile: 520 / 798, desktop: 484 / 726 }}
+    <div className="lg:grid lg:grid-cols-6">
+      <div className="lg:col-span-1">
+        <div className="flex flex-col items-center justify-center md:mr-[6px]">
+          <button
+            onClick={goToPrev}
+            className={twMerge(
+              'hidden justify-center p-2 mb-3 border border-gray-100 rounded-full cursor-pointer lg:block',
+              [activeIndex === 0 && 'cursor-not-allowed opacity-45']
+            )}
+            disabled={activeIndex === 0}
           >
-            {product?.productimage_set?.map((item, i) => (
+            <Icon name="chevron-up" size={15} className="fill-[#000000]" />
+          </button>
+          <div className="hidden flex-col items-center overflow-scroll w-[80px] max-h-[620px] lg:block">
+            {product?.productimage_set?.map((item, index) => (
               <Image
-                key={i}
+                key={index}
                 src={item.image}
-                alt={product?.name || 'Product image'}
-                draggable={false}
-                aspectRatio={484 / 726}
-                sizes="(min-width: 425px) 512px,
-              (min-width: 601px) 576px,
-              (min-width: 768px) 336px,
-              (min-width: 1024px) 484px, 368px"
-                fill
+                alt={`Thumbnail ${index}`}
+                width={80}
+                height={128}
+                className={twMerge('cursor-pointer', [
+                  activeIndex === index && 'border-2 border-primary'
+                ])}
+                onClick={() => handleThumbnailClick(index)}
               />
             ))}
-          </CarouselCore>
+          </div>
+          <button
+            onClick={goToNext}
+            className={twMerge(
+              'hidden justify-center p-2 mt-3 border border-gray-100 rounded-full cursor-pointer lg:block',
+              [
+                activeIndex === product.productimage_set.length - 1 &&
+                  'cursor-not-allowed opacity-45'
+              ]
+            )}
+            disabled={activeIndex === product.productimage_set.length - 1}
+          >
+            <Icon name="chevron-down" size={15} className="fill-[#000000]" />
+          </button>
         </div>
       </div>
 

package/commands/plugins.ts

@@ -137,10 +137,6 @@ export default async () => {
       name: 'Tamara Payment Extension',
       value: 'pz-tamara-extension'
     },
-    {
-      name: 'Similar Products',
-      value: 'pz-similar-products'
-    },
     {
       name: 'Hepsipay',
       value: 'pz-hepsipay'

package/dist/commands/plugins.js

@@ -1,208 +1,274 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
+'use strict';
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (
+          !desc ||
+          ('get' in desc ? !m.__esModule : desc.writable || desc.configurable)
+        ) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            }
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __setModuleDefault =
+  (this && this.__setModuleDefault) ||
+  (Object.create
+    ? function (o, v) {
+        Object.defineProperty(o, 'default', { enumerable: true, value: v });
+      }
+    : function (o, v) {
+        o['default'] = v;
+      });
+var __importStar =
+  (this && this.__importStar) ||
+  function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    if (mod != null)
+      for (var k in mod)
+        if (k !== 'default' && Object.prototype.hasOwnProperty.call(mod, k))
+          __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+  };
+var __awaiter =
+  (this && this.__awaiter) ||
+  function (thisArg, _arguments, P, generator) {
+    function adopt(value) {
+      return value instanceof P
+        ? value
+        : new P(function (resolve) {
+            resolve(value);
+          });
+    }
     return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const fs = __importStar(require("fs"));
-const path_1 = __importDefault(require("path"));
-const child_process_1 = require("child_process");
-const semver_1 = __importDefault(require("semver"));
-const prompts_1 = require("@inquirer/prompts");
-const rootDir = path_1.default.resolve(process.cwd());
-function checkVersion(pkg) {
-    return __awaiter(this, void 0, void 0, function* () {
-        const packageName = '@akinon/next';
-        const registryUrl = `https://registry.npmjs.org/${packageName}`;
+      function fulfilled(value) {
         try {
-            const response = yield fetch(registryUrl);
-            const pkgInfo = (yield response.json());
-            const latestVersion = pkgInfo['dist-tags'].latest;
-            if (!semver_1.default.satisfies(pkg.dependencies['@akinon/next'], latestVersion)) {
-                console.warn(`\x1b[43mWarning: The "${packageName}" package is currently at version ${pkg.dependencies['@akinon/next']}. Please upgrade it to the latest version (${latestVersion}) to ensure plugin compatibility.`, '\x1b[0m\n');
-            }
+          step(generator.next(value));
+        } catch (e) {
+          reject(e);
         }
-        catch (error) {
-            console.error(`\x1b[41mError: ${error === null || error === void 0 ? void 0 : error.message}`, '\x1b[0m\n');
+      }
+      function rejected(value) {
+        try {
+          step(generator['throw'](value));
+        } catch (e) {
+          reject(e);
         }
+      }
+      function step(result) {
+        result.done
+          ? resolve(result.value)
+          : adopt(result.value).then(fulfilled, rejected);
+      }
+      step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
+  };
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, '__esModule', { value: true });
+const fs = __importStar(require('fs'));
+const path_1 = __importDefault(require('path'));
+const child_process_1 = require('child_process');
+const semver_1 = __importDefault(require('semver'));
+const prompts_1 = require('@inquirer/prompts');
+const rootDir = path_1.default.resolve(process.cwd());
+function checkVersion(pkg) {
+  return __awaiter(this, void 0, void 0, function* () {
+    const packageName = '@akinon/next';
+    const registryUrl = `https://registry.npmjs.org/${packageName}`;
+    try {
+      const response = yield fetch(registryUrl);
+      const pkgInfo = yield response.json();
+      const latestVersion = pkgInfo['dist-tags'].latest;
+      if (
+        !semver_1.default.satisfies(
+          pkg.dependencies['@akinon/next'],
+          latestVersion
+        )
+      ) {
+        console.warn(
+          `\x1b[43mWarning: The "${packageName}" package is currently at version ${pkg.dependencies['@akinon/next']}. Please upgrade it to the latest version (${latestVersion}) to ensure plugin compatibility.`,
+          '\x1b[0m\n'
+        );
+      }
+    } catch (error) {
+      console.error(
+        `\x1b[41mError: ${
+          error === null || error === void 0 ? void 0 : error.message
+        }`,
+        '\x1b[0m\n'
+      );
+    }
+  });
 }
-exports.default = () => __awaiter(void 0, void 0, void 0, function* () {
+exports.default = () =>
+  __awaiter(void 0, void 0, void 0, function* () {
     function findPluginsFilePath() {
-        const option1 = path_1.default.resolve(rootDir, './src/plugins.js');
-        const option2 = path_1.default.resolve(rootDir, './packages/akinon-next/plugins.js');
-        if (fs.existsSync(option1)) {
-            return option1;
-        }
-        else if (fs.existsSync(option2)) {
-            return option2;
-        }
-        else {
-            throw new Error('plugins.js was not found in either of the expected locations.');
-        }
+      const option1 = path_1.default.resolve(rootDir, './src/plugins.js');
+      const option2 = path_1.default.resolve(
+        rootDir,
+        './packages/akinon-next/plugins.js'
+      );
+      if (fs.existsSync(option1)) {
+        return option1;
+      } else if (fs.existsSync(option2)) {
+        return option2;
+      } else {
+        throw new Error(
+          'plugins.js was not found in either of the expected locations.'
+        );
+      }
     }
     const pkg = require(path_1.default.resolve(rootDir, './package.json'));
     yield checkVersion(pkg);
     const pluginsFilePath = findPluginsFilePath();
     let installedPlugins = [];
     try {
-        installedPlugins = require(pluginsFilePath);
-    }
-    catch (error) {
-        console.error('Error loading installed plugins:', error);
-        process.exit(1);
+      installedPlugins = require(pluginsFilePath);
+    } catch (error) {
+      console.error('Error loading installed plugins:', error);
+      process.exit(1);
     }
     const definedPlugins = [
-        {
-            name: 'Akifast',
-            value: 'pz-akifast'
-        },
-        {
-            name: 'Apple Pay',
-            value: 'pz-apple-pay'
-        },
-        {
-            name: 'B2B',
-            value: 'pz-b2b'
-        },
-        {
-            name: 'Basket Gift Pack',
-            value: 'pz-basket-gift-pack'
-        },
-        {
-            name: 'BKM Express',
-            value: 'pz-bkm'
-        },
-        {
-            name: 'Checkout Gift Pack',
-            value: 'pz-checkout-gift-pack'
-        },
-        {
-            name: 'Click & Collect',
-            value: 'pz-click-collect'
-        },
-        {
-            name: 'Credit Payment',
-            value: 'pz-credit-payment'
-        },
-        {
-            name: 'Garanti Pay',
-            value: 'pz-gpay'
-        },
-        {
-            name: 'Masterpass',
-            value: 'pz-masterpass'
-        },
-        {
-            name: 'Multi Basket',
-            value: 'pz-multi-basket'
-        },
-        {
-            name: 'One Click Checkout',
-            value: 'pz-one-click-checkout'
-        },
-        {
-            name: 'Otp',
-            value: 'pz-otp'
-        },
-        {
-            name: 'Pay On Delivery',
-            value: 'pz-pay-on-delivery'
-        },
-        {
-            name: 'Saved Card',
-            value: 'pz-saved-card'
-        },
-        {
-            name: 'Tabby Payment Extension',
-            value: 'pz-tabby-extension'
-        },
-        {
-            name: 'Tamara Payment Extension',
-            value: 'pz-tamara-extension'
-        },
-        {
-            name: 'Similar Products',
-            value: 'pz-similar-products'
-        },
-        {
-            name: 'Hepsipay',
-            value: 'pz-hepsipay'
-        },
-        {
-            name: 'Flow Payment',
-            value: 'pz-flow-payment'
-        },
-        {
-            name: 'Virtual Try-On',
-            value: 'pz-virtual-try-on'
-        },
-        {
-            name: 'Masterpass Rest',
-            value: 'pz-masterpass-rest'
-        },
-        {
-            name: 'Similar Products',
-            value: 'pz-similar-products'
-        },
-        {
-            name: 'Haso Payment Gateway',
-            value: 'pz-haso'
-        }
+      {
+        name: 'Akifast',
+        value: 'pz-akifast'
+      },
+      {
+        name: 'Apple Pay',
+        value: 'pz-apple-pay'
+      },
+      {
+        name: 'B2B',
+        value: 'pz-b2b'
+      },
+      {
+        name: 'Basket Gift Pack',
+        value: 'pz-basket-gift-pack'
+      },
+      {
+        name: 'BKM Express',
+        value: 'pz-bkm'
+      },
+      {
+        name: 'Checkout Gift Pack',
+        value: 'pz-checkout-gift-pack'
+      },
+      {
+        name: 'Click & Collect',
+        value: 'pz-click-collect'
+      },
+      {
+        name: 'Credit Payment',
+        value: 'pz-credit-payment'
+      },
+      {
+        name: 'Garanti Pay',
+        value: 'pz-gpay'
+      },
+      {
+        name: 'Masterpass',
+        value: 'pz-masterpass'
+      },
+      {
+        name: 'Multi Basket',
+        value: 'pz-multi-basket'
+      },
+      {
+        name: 'One Click Checkout',
+        value: 'pz-one-click-checkout'
+      },
+      {
+        name: 'Otp',
+        value: 'pz-otp'
+      },
+      {
+        name: 'Pay On Delivery',
+        value: 'pz-pay-on-delivery'
+      },
+      {
+        name: 'Saved Card',
+        value: 'pz-saved-card'
+      },
+      {
+        name: 'Tabby Payment Extension',
+        value: 'pz-tabby-extension'
+      },
+      {
+        name: 'Tamara Payment Extension',
+        value: 'pz-tamara-extension'
+      },
+      {
+        name: 'Hepsipay',
+        value: 'pz-hepsipay'
+      },
+      {
+        name: 'Flow Payment',
+        value: 'pz-flow-payment'
+      },
+      {
+        name: 'Virtual Try-On',
+        value: 'pz-virtual-try-on'
+      },
+      {
+        name: 'Masterpass Rest',
+        value: 'pz-masterpass-rest'
+      },
+      {
+        name: 'Similar Products',
+        value: 'pz-similar-products'
+      },
+      {
+        name: 'Haso Payment Gateway',
+        value: 'pz-haso'
+      }
     ];
     try {
-        const answers = yield (0, prompts_1.checkbox)({
-            message: 'Please check/uncheck plugins to install/uninstall.',
-            choices: definedPlugins.map((plugin) => ({
-                name: plugin.name,
-                value: plugin.value,
-                checked: installedPlugins.includes(plugin.value)
-            }))
-        });
-        if (!answers.length) {
-            console.log('\x1b[33m%s\x1b[0m', `\nUninstalling all plugins.`);
+      const answers = yield (0, prompts_1.checkbox)({
+        message: 'Please check/uncheck plugins to install/uninstall.',
+        choices: definedPlugins.map((plugin) => ({
+          name: plugin.name,
+          value: plugin.value,
+          checked: installedPlugins.includes(plugin.value)
+        }))
+      });
+      if (!answers.length) {
+        console.log('\x1b[33m%s\x1b[0m', `\nUninstalling all plugins.`);
+      }
+      console.log('\x1b[36m%s\x1b[0m', `\nPlease wait...`);
+      fs.writeFileSync(
+        pluginsFilePath,
+        `module.exports = ${JSON.stringify(answers)};\n`,
+        {
+          encoding: 'utf-8'
         }
-        console.log('\x1b[36m%s\x1b[0m', `\nPlease wait...`);
-        fs.writeFileSync(pluginsFilePath, `module.exports = ${JSON.stringify(answers)};\n`, {
-            encoding: 'utf-8'
-        });
-        (0, child_process_1.execSync)('yarn install', { stdio: 'pipe' });
-        console.log('\x1b[32m%s\x1b[0m', `\n✓ ${answers.length
+      );
+      (0, child_process_1.execSync)('yarn install', { stdio: 'pipe' });
+      console.log(
+        '\x1b[32m%s\x1b[0m',
+        `\n✓ ${
+          answers.length
             ? 'Installed selected plugins'
-            : 'Uninstalled all plugins'}.\n`);
-    }
-    catch (error) {
-        process.exit(1);
+            : 'Uninstalled all plugins'
+        }.\n`
+      );
+    } catch (error) {
+      process.exit(1);
     }
-});
+  });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akinon/projectzero",
-  "version": "1.116.0-rc.8",
+  "version": "1.116.0-snapshot-ZERO-3959-20260106131052",
   "private": false,
   "description": "CLI tool to manage your Project Zero Next project",
   "bin": {