@ikas/code-components-mcp 0.116.0 → 0.118.0

package/data/section-templates/product-detail-section/ikas-config-snippet.json

@@ -7,29 +7,29 @@
   "props": [
     {
       "name": "product",
-      "displayName": "Ürün",
+      "displayName": "Product",
       "type": "PRODUCT",
       "required": false
     },
     {
       "name": "aspectRatio",
-      "displayName": "En Boy Oranı",
+      "displayName": "Aspect Ratio",
       "type": "ENUM",
       "required": false,
-      "groupId": "gorsel-ayarlari",
+      "groupId": "image-settings",
       "enumTypeId": "{{ENUM_ID:AspectRatio}}"
     },
     {
       "name": "objectFit",
-      "displayName": "Görsel Sığdırma",
+      "displayName": "Image Fit",
       "type": "ENUM",
       "required": false,
-      "groupId": "gorsel-ayarlari",
+      "groupId": "image-settings",
       "enumTypeId": "{{ENUM_ID:ObjectFit}}"
     },
     {
       "name": "components",
-      "displayName": "Bilgi Bileşenleri",
+      "displayName": "Info Components",
       "type": "COMPONENT_LIST",
       "required": false,
       "filteredComponentIds": [
@@ -48,7 +48,7 @@
     },
     {
       "name": "bottomComponents",
-      "displayName": "Alt Bileşenler",
+      "displayName": "Sub Components",
       "type": "COMPONENT_LIST",
       "required": false,
       "filteredComponentIds": [
@@ -58,11 +58,11 @@
     },
     {
       "name": "homepageText",
-      "displayName": "Anasayfa Metni",
+      "displayName": "Home Text",
       "type": "TEXT",
       "required": false,
-      "defaultValue": "Anasayfa",
-      "groupId": "metinler"
+      "defaultValue": "Home",
+      "groupId": "texts"
     },
     {
       "name": "backgroundColor",
@@ -74,14 +74,14 @@
   ],
   "propGroups": [
     {
-      "id": "gorsel-ayarlari",
-      "name": "Görsel Ayarları",
-      "description": "Ürün görselinin en boy oranı ve sığdırma modu"
+      "id": "image-settings",
+      "name": "Image Settings",
+      "description": "Product image aspect ratio and fit mode"
     },
     {
-      "id": "metinler",
-      "name": "Metinler",
-      "description": "Breadcrumb ve sayfa metinleri"
+      "id": "texts",
+      "name": "Texts",
+      "description": "Breadcrumb and page texts"
     }
   ]
 }

package/data/section-templates/product-detail-section/index.tsx

@@ -19,7 +19,7 @@ export function ProductDetail(props: Props) {
     aspectRatio,
     objectFit,
     bottomComponents,
-    homepageText = "Anasayfa",
+    homepageText = "Home",
   } = props;
   if (!product) return null;
 

package/data/section-templates/product-detail-section/types.ts

@@ -1,3 +1,4 @@
+// This file is auto-generated — do not edit manually.
 import type { IkasProduct } from "@ikas/bp-storefront";
 import type { AspectRatio, ObjectFit } from "../../global-types";
 

package/data/section-templates/product-pricing/ikas-config-snippet.json

@@ -7,13 +7,13 @@
   "props": [
     {
       "name": "product",
-      "displayName": "Ürün",
+      "displayName": "Product",
       "type": "PRODUCT",
       "required": false
     },
     {
       "name": "mobileMarginTop",
-      "displayName": "Üst Boşluk",
+      "displayName": "Top Spacing",
       "type": "TYPE",
       "required": false,
       "groupId": "mobile",
@@ -21,7 +21,7 @@
     },
     {
       "name": "mobileMarginBottom",
-      "displayName": "Alt Boşluk",
+      "displayName": "Bottom Spacing",
       "type": "TYPE",
       "required": false,
       "groupId": "mobile",
@@ -29,7 +29,7 @@
     },
     {
       "name": "desktopMarginTop",
-      "displayName": "Üst Boşluk",
+      "displayName": "Top Spacing",
       "type": "TYPE",
       "required": false,
       "groupId": "desktop",
@@ -37,7 +37,7 @@
     },
     {
       "name": "desktopMarginBottom",
-      "displayName": "Alt Boşluk",
+      "displayName": "Bottom Spacing",
       "type": "TYPE",
       "required": false,
       "groupId": "desktop",
@@ -47,20 +47,20 @@
   "propGroups": [
     {
       "id": "appearance",
-      "name": "Görünüm Ayarları",
+      "name": "Appearance Settings",
       "children": [
         {
           "id": "mobile",
-          "name": "Mobil Görünüm",
-          "description": "Mobil cihazlarda uygulanacak margin ayarları"
+          "name": "Mobile View",
+          "description": "Margin settings for mobile devices"
         },
         {
           "id": "desktop",
-          "name": "Masaüstü Görünüm",
-          "description": "Masaüstü cihazlarda uygulanacak margin ayarları"
+          "name": "Desktop View",
+          "description": "Margin settings for desktop devices"
         }
       ],
-      "description": "Bileşenin mobil ve masaüstü görünüm ayarları"
+      "description": "Component mobile and desktop view settings"
     }
   ]
 }

package/data/section-templates/product-pricing/types.ts

@@ -1,3 +1,4 @@
+// This file is auto-generated — do not edit manually.
 import type { IkasProduct, MarginTopStyleType, MarginBottomStyleType } from "@ikas/bp-storefront";
 
 export interface Props {

package/data/section-templates/product-reviews-section/hooks/useScrollLock.ts

@@ -7,14 +7,10 @@ export function useScrollLock(
 ) {
   useEffect(() => {
     if (!enabled) return;
-    const scrollbarWidth =
-      window.innerWidth - document.documentElement.clientWidth;
     document.body.style.overflow = "hidden";
-    document.body.style.paddingRight = `${scrollbarWidth}px`;
     return () => {
       if (skipCleanupRef?.current) return;
       document.body.style.overflow = "";
-      document.body.style.paddingRight = "";
     };
   }, [enabled]);
 }

package/data/section-templates/product-reviews-section/ikas-config-snippet.json

@@ -126,18 +126,18 @@
   "propGroups": [
     {
       "id": "texts",
-      "name": "Metinler",
-      "description": "Bölüm başlığı, boş durum ve yorum sayısı metinleri"
+      "name": "Texts",
+      "description": "Section title, empty state, and review count texts"
     },
     {
       "id": "form",
-      "name": "Form Metinleri",
-      "description": "Yorum yazma formundaki alan ve buton metinleri"
+      "name": "Form Texts",
+      "description": "Field and button texts in the review form"
     },
     {
       "id": "settings",
-      "name": "Ayarlar",
-      "description": "Sayfalama ve görüntüleme ayarları"
+      "name": "Settings",
+      "description": "Pagination and display settings"
     }
   ]
 }

package/data/section-templates/product-reviews-section/sub-components/Modal/index.tsx

@@ -1,4 +1,5 @@
 import { useState, useEffect, useRef, useId } from "preact/hooks";
+import { createPortal } from "preact/compat";
 import type { ComponentChildren } from "preact";
 import { useScrollLock } from "../../hooks/useScrollLock";
 import { cx } from "../../utils/cx";
@@ -58,7 +59,7 @@ export default function Modal({
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, []);
 
-  return (
+  return createPortal(
     <div
       className={cx("kombos-modal", visible && "kombos-modal--open", className)}
       role="dialog"
@@ -113,6 +114,7 @@ export default function Modal({
             )
           ))}
       </div>
-    </div>
+    </div>,
+    document.body,
   );
 }

package/data/section-templates/product-reviews-section/types.ts

@@ -1,3 +1,4 @@
+// This file is auto-generated — do not edit manually.
 import type { IkasProduct } from "@ikas/bp-storefront";
 
 export interface Props {

package/data/section-templates/product-slider-section/children/CardProductName/ikas-config-snippet.json

@@ -7,13 +7,13 @@
   "props": [
     {
       "name": "product",
-      "displayName": "Ürün",
+      "displayName": "Product",
       "type": "PRODUCT",
       "required": false
     },
     {
       "name": "singleLineName",
-      "displayName": "Tek Satır İsim",
+      "displayName": "Single Row First Name",
       "type": "BOOLEAN",
       "required": false
     }

package/data/section-templates/product-slider-section/children/CardProductName/types.ts

@@ -1,3 +1,4 @@
+// This file is auto-generated — do not edit manually.
 import type { IkasProduct } from "@ikas/bp-storefront";
 
 export interface Props {

package/data/section-templates/product-slider-section/children/CardProductPrice/ikas-config-snippet.json

@@ -7,7 +7,7 @@
   "props": [
     {
       "name": "product",
-      "displayName": "Ürün",
+      "displayName": "Product",
       "type": "PRODUCT",
       "required": false
     }

package/data/section-templates/product-slider-section/children/CardProductPrice/types.ts

@@ -1,3 +1,4 @@
+// This file is auto-generated — do not edit manually.
 import type { IkasProduct } from "@ikas/bp-storefront";
 
 export interface Props {

package/data/section-templates/product-slider-section/children/CardProductVariants/ikas-config-snippet.json

@@ -7,7 +7,7 @@
   "props": [
     {
       "name": "product",
-      "displayName": "Ürün",
+      "displayName": "Product",
       "type": "PRODUCT",
       "required": false
     }

package/data/section-templates/product-slider-section/children/CardProductVariants/types.ts

@@ -1,3 +1,4 @@
+// This file is auto-generated — do not edit manually.
 import type { IkasProduct } from "@ikas/bp-storefront";
 
 export interface Props {

package/data/section-templates/product-slider-section/global-types.ts

@@ -3,8 +3,6 @@
 
 /** Enum type: {{ENUM_ID:AspectRatio}} */
 export type AspectRatio = "Square" | "Portrait" | "Landscape" | "Video";
-/** Enum type: __breakpointsEnum__ */
-export type Breakpoints = "desktop";
 /** Enum type: {{ENUM_ID:NumberOfColumns}} */
 export type NumberOfColumns = "One" | "Two" | "Three" | "Four" | "Five";
 /** Enum type: {{ENUM_ID:ObjectFit}} */

package/data/section-templates/product-slider-section/ikas-config-snippet.json

@@ -7,54 +7,54 @@
   "props": [
     {
       "name": "productList",
-      "displayName": "Ürünler",
+      "displayName": "Products",
       "type": "PRODUCT_LIST",
       "required": true,
       "groupId": "content"
     },
     {
       "name": "title",
-      "displayName": "Bölüm Başlığı",
+      "displayName": "Section Title",
       "type": "TEXT",
       "required": false,
-      "defaultValue": "Yeni Gelenler",
+      "defaultValue": "New Arrivals",
       "groupId": "content"
     },
     {
       "name": "addToCartText",
-      "displayName": "Sepete Ekle Butonu",
+      "displayName": "Add to Cart Button",
       "type": "TEXT",
       "required": false,
-      "defaultValue": "Sepete Ekle",
+      "defaultValue": "Add to Cart",
       "groupId": "texts"
     },
     {
       "name": "addedToCartText",
-      "displayName": "Eklendi Bildirimi",
+      "displayName": "Added Notification",
       "type": "TEXT",
       "required": false,
-      "defaultValue": "Sepete Eklendi",
+      "defaultValue": "Added to Cart",
       "groupId": "texts"
     },
     {
       "name": "outOfStockText",
-      "displayName": "Stokta Yok Metni",
+      "displayName": "Out of Stock Text",
       "type": "TEXT",
       "required": false,
-      "defaultValue": "Tükendi",
+      "defaultValue": "Sold Out",
       "groupId": "texts"
     },
     {
       "name": "goToProductText",
-      "displayName": "Ürüne Git Butonu",
+      "displayName": "View Product Button",
       "type": "TEXT",
       "required": false,
-      "defaultValue": "Ürüne Git",
+      "defaultValue": "View Product",
       "groupId": "texts"
     },
     {
       "name": "desktopColumns",
-      "displayName": "Sütun Sayısı",
+      "displayName": "Column Count",
       "type": "ENUM",
       "required": false,
       "groupId": "appearance",
@@ -62,7 +62,7 @@
     },
     {
       "name": "aspectRatio",
-      "displayName": "En Boy Oranı",
+      "displayName": "Aspect Ratio",
       "type": "ENUM",
       "required": false,
       "groupId": "appearance",
@@ -70,7 +70,7 @@
     },
     {
       "name": "objectFit",
-      "displayName": "Görsel Sığdırma",
+      "displayName": "Image Fit",
       "type": "ENUM",
       "required": false,
       "groupId": "appearance",
@@ -78,14 +78,14 @@
     },
     {
       "name": "hideAddToCartButton",
-      "displayName": "Sepete Ekle Butonunu Gizle",
+      "displayName": "Hide Add to Cart Button",
       "type": "BOOLEAN",
       "required": false,
       "groupId": "appearance"
     },
     {
       "name": "components",
-      "displayName": "Bileşenler",
+      "displayName": "Components",
       "type": "COMPONENT_LIST",
       "required": false,
       "privateVarMap": {
@@ -111,18 +111,18 @@
   "propGroups": [
     {
       "id": "content",
-      "name": "İçerik",
-      "description": "Slider'da gösterilecek ürün listesi ve bölüm başlığı"
+      "name": "Content",
+      "description": "Product list and section title for the slider"
     },
     {
       "id": "texts",
-      "name": "Metinler",
-      "description": "Ürün kartlarında görünen buton ve durum metinleri"
+      "name": "Texts",
+      "description": "Button and status texts on product cards"
     },
     {
       "id": "appearance",
-      "name": "Görünüm",
-      "description": "Sütun sayısı, görsel ayarları ve kart görünüm tercihleri"
+      "name": "Appearance",
+      "description": "Column count, image settings, and card view preferences"
     }
   ]
 }

package/data/section-templates/product-slider-section/index.tsx

@@ -25,10 +25,10 @@ export function ProductSlider(props: Props) {
   const {
     productList,
     title,
-    addToCartText = "Sepete Ekle",
-    addedToCartText = "Sepete Eklendi",
-    outOfStockText = "Tükendi",
-    goToProductText = "Ürüne Git",
+    addToCartText = "Add to Cart",
+    addedToCartText = "Added to Cart",
+    outOfStockText = "Sold Out",
+    goToProductText = "View Product",
     desktopColumns,
     aspectRatio,
     objectFit,

package/data/section-templates/product-slider-section/sub-components/ProductCard/index.tsx

@@ -49,9 +49,9 @@ interface Props {
 const ProductCard = observer(function ProductCard({
   product,
   addToCartText,
-  addedToCartText = "Sepete Eklendi",
-  outOfStockText = "Tükendi",
-  goToProductText = "Ürüne Git",
+  addedToCartText = "Added to Cart",
+  outOfStockText = "Sold Out",
+  goToProductText = "View Product",
   showFavorite = true,
   hideAddToCartButton = false,
   badgeText,
@@ -60,7 +60,7 @@ const ProductCard = observer(function ProductCard({
   dataPage,
   sizes = "(max-width: 767px) calc(50vw - 24px), (max-width: 1023px) calc(50vw - 44px), 300px",
   openCartOnAdd = true,
-  errorMessage = "Ürün sepete eklenemedi",
+  errorMessage = "Failed to add product to cart",
   onFavoriteRemove,
   priority = false,
 }: Props) {

package/data/section-templates/product-slider-section/types.ts

@@ -1,3 +1,4 @@
+// This file is auto-generated — do not edit manually.
 import type { IkasProductList } from "@ikas/bp-storefront";
 import type { AspectRatio, NumberOfColumns, ObjectFit } from "../../global-types";
 

package/data/section-templates/recover-password-section/components/RecoverPasswordForm/index.tsx

@@ -18,16 +18,16 @@ interface RecoverPasswordFormProps extends Omit<Props, "backgroundColor"> {
 
 const RecoverPasswordForm = observer(function RecoverPasswordForm({
   recoverForm,
-  title = "Parola Değiştirme",
-  subtitle = "Lütfen yeni parolanızı belirleyiniz.",
-  passwordLabel = "Yeni Şifre",
-  passwordPlaceholder = "Parola",
-  passwordAgainLabel = "Yeni Şifre Tekrar",
-  passwordAgainPlaceholder = "Parola",
-  submitButtonText = "Değiştir",
-  submittingButtonText = "Değiştiriliyor...",
-  successMessage = "Parolanız başarıyla değiştirildi.",
-  loginLinkText = "Giriş Yap",
+  title = "Change Password",
+  subtitle = "Please set your new password.",
+  passwordLabel = "New Password",
+  passwordPlaceholder = "Password",
+  passwordAgainLabel = "Confirm New Password",
+  passwordAgainPlaceholder = "Password",
+  submitButtonText = "Change",
+  submittingButtonText = "Changing...",
+  successMessage = "Your password has been successfully changed.",
+  loginLinkText = "Sign In",
 }: RecoverPasswordFormProps) {
   const handleSubmit = async (e: Event) => {
     e.preventDefault();