@ikas/component-cli 0.115.0 → 0.117.0

package/templates/create-full/src/components/ProductDetailOffer/index.tsx

@@ -20,17 +20,17 @@ export function ProductDetailOffer({
   product,
   compactView = false,
   preselectOffers = false,
-  addToCartTogetherText = "Birlikte Sepete Ekle",
-  addingToCartText = "Ekleniyor...",
-  offerInfoText = "Seçtiğiniz ürünleri birlikte sepete ekleyerek indirimden yararlanın.",
-  totalText = "Toplam",
-  advantageousTotalText = "Avantajlı Toplam",
-  outOfStockText = "Tükendi",
+  addToCartTogetherText = "Add Together to Cart",
+  addingToCartText = "Adding...",
+  offerInfoText = "Add selected products together to your cart and enjoy the discount.",
+  totalText = "Total",
+  advantageousTotalText = "Discounted Total",
+  outOfStockText = "Sold Out",
   imageAspectRatio,
   imageObjectFit,
-  addedToCartBannerText = "Sepete eklenmiş",
-  errorMessage = "Ürün sepete eklenemedi",
-  optionSetErrorMessage = "Lütfen gerekli seçenekleri doldurun",
+  addedToCartBannerText = "Added to cart",
+  errorMessage = "Failed to add product to cart",
+  optionSetErrorMessage = "Please fill in the required options",
   mobileMarginTop,
   mobileMarginBottom,
   desktopMarginTop,

package/templates/create-full/src/components/ProductDetailOptionSet/index.tsx

@@ -13,14 +13,14 @@ import type { TextProps } from "./components/OptionRenderer";
 
 export function ProductDetailOptionSet({
   product,
-  requiredFieldErrorText = "Bu alan zorunludur",
-  selectPlaceholderText = "Seçiniz",
-  fileDropText = "Dosya seçin veya sürükleyin",
-  uploadingText = "Yükleniyor...",
-  uploadFailedText = "Yükleme başarısız",
+  requiredFieldErrorText = "This field is required",
+  selectPlaceholderText = "Select",
+  fileDropText = "Choose a file or drag it here",
+  uploadingText = "Uploading...",
+  uploadFailedText = "Upload failed",
   fileSizeErrorText = "{fileName}: max {maxSize}MB",
-  fileTypeErrorText = "{fileName}: {ext} uzantısına izin verilmiyor",
-  maxFilesErrorText = "En fazla {max} dosya yüklenebilir",
+  fileTypeErrorText = "{fileName}: {ext} file type not allowed",
+  maxFilesErrorText = "Maximum {max} files can be uploaded",
   minLabelText = "Min: ",
   maxLabelText = "Max: ",
   fileFallbackNameText = "File",

package/templates/create-full/src/components/ProductDetailSku/index.tsx

@@ -7,7 +7,7 @@ import { Props } from "./types";
 
 export function ProductDetailSku({
   product,
-  productCodeLabel = "Ürün Kodu:",
+  productCodeLabel = "Product Code:",
   mobileMarginTop,
   mobileMarginBottom,
   desktopMarginTop,

package/templates/create-full/src/components/ProductDetailVariant/types.ts

@@ -7,6 +7,6 @@ export interface Props {
   mobileMarginBottom?: MarginBottomStyleType;
   desktopMarginTop?: MarginTopStyleType;
   desktopMarginBottom?: MarginBottomStyleType;
-  /** Renk varyantı için ürün görsellerini kullan. */
+  /** Use product images for color variant. */
   useVariantImages?: boolean;
 }

package/templates/create-full/src/components/ProductSlider/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/templates/create-full/src/components/RecoverPassword/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();

package/templates/create-full/src/components/Register/components/RegisterForm/index.tsx

@@ -27,24 +27,24 @@ interface RegisterFormProps extends Props {
 
 const RegisterForm = observer(function RegisterForm({
   registerForm,
-  title = "Hesap Oluştur",
-  subtitle = "Hemen ücretsiz hesap oluşturun ve alışverişe başlayın.",
-  firstNameLabel = "İsim",
-  lastNameLabel = "Soyisim",
-  emailLabel = "E-posta",
-  passwordLabel = "Şifre",
+  title = "Create Account",
+  subtitle = "Create your free account and start shopping.",
+  firstNameLabel = "First Name",
+  lastNameLabel = "Last Name",
+  emailLabel = "Email",
+  passwordLabel = "Password",
   firstNamePlaceholder,
   lastNamePlaceholder,
   emailPlaceholder,
-  passwordPlaceholder = "Şifrenizi girin",
-  submitButtonText = "Kayıt Ol",
-  submittingButtonText = "Kayıt yapılıyor...",
-  loginLinkText = "Zaten hesabınız var mı? Giriş yapın",
-  marketingConsentText = "Kampanya ve promosyonlardan e-posta ile haberdar olmak istiyorum",
-  agreementConsentText = "Üyelik sözleşmesini kabul ediyorum",
-  googleButtonText = "Google ile kayıt ol",
-  facebookButtonText = "Facebook ile kayıt ol",
-  dividerText = "veya",
+  passwordPlaceholder = "Enter your password",
+  submitButtonText = "Sign Up",
+  submittingButtonText = "Signing up...",
+  loginLinkText = "Already have an account? Sign in",
+  marketingConsentText = "I want to receive emails about campaigns and promotions",
+  agreementConsentText = "I accept the membership agreement",
+  googleButtonText = "Sign up with Google",
+  facebookButtonText = "Sign up with Facebook",
+  dividerText = "or",
   showGoogleLogin = false,
   showFacebookLogin = false,
   marketingConsentLink,

package/templates/create-full/src/global-types.ts

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

package/templates/create-full/src/global.css

@@ -11,6 +11,10 @@
  * Component-scoped styles naturally override these globals.
  */
 
+html {
+  scrollbar-gutter: stable;
+}
+
 /* ===== Colors — Kombos Design System ===== */
 
 :root {

package/templates/create-full/src/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/templates/create-full/src/sub-components/CartItem/components/BundleProducts/index.tsx

@@ -16,7 +16,7 @@ const BundleProducts = observer(function BundleProducts({
   item,
   aspectRatio,
   objectFit,
-  editButtonText = "Düzenle",
+  editButtonText = "Edit",
 }: Props) {
   const bundleProducts = (item.variant?.bundleProducts ?? []).filter(
     (bp) => bp.quantity > 0,

package/templates/create-full/src/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/templates/create-full/src/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) {