@ikas/code-components-mcp 1.4.0-beta.139 → 1.4.0-beta.140

package/data/section-templates/navigation/sub-components/CartItem/index.tsx

@@ -14,8 +14,6 @@ import {
   getOrderLineItemFormattedOverridenPriceWithQuantity,
   hasOrderLineItemDiscount,
   getOrderLineItemOverridenPriceWithQuantity,
-  cartStore,
-  isOrderLineItemAutoCreated,
 } from "@ikas/bp-storefront";
 import { resolveAspectRatio, resolveObjectFit } from "../../utils/media";
 import { cx } from "../../utils/cx";
@@ -27,7 +25,6 @@ interface CartItemProps {
   variant?: "sidebar" | "page";
   aspectRatio?: AspectRatio;
   objectFit?: ObjectFit;
-  giftLabel?: string;
 }
 
 const CartItem = observer(function CartItem({
@@ -36,25 +33,9 @@ const CartItem = observer(function CartItem({
   variant = "sidebar",
   aspectRatio,
   objectFit,
-  giftLabel = "Gift",
 }: CartItemProps) {
   const isPage = variant === "page";
 
-  // Lines a campaign added automatically (e.g. a "buy 1 get 1" gift) cannot be
-  // edited or removed on their own, so render them read-only with a badge.
-  const isAutoCreated =
-    !!cartStore.cart && isOrderLineItemAutoCreated(cartStore.cart, item);
-  const giftBadge = isAutoCreated ? (
-    <span className="kombos-cart-item__gift-badge text-xs-medium">
-      {giftLabel}
-    </span>
-  ) : null;
-  const staticQuantity = (
-    <span className="kombos-cart-item__qty-static text-sm-medium">
-      ×{item.quantity}
-    </span>
-  );
-
   const mediaStyle: Record<string, string> = {
     aspectRatio: resolveAspectRatio(aspectRatio),
     objectFit: resolveObjectFit(objectFit),
@@ -122,7 +103,6 @@ const CartItem = observer(function CartItem({
               <a href={href} className={nameClass}>
                 {item.variant?.name}
               </a>
-              {giftBadge}
               {variantValues.length > 0 && (
                 <p className="kombos-cart-item__variant-text text-sm-regular">
                   {variantValues
@@ -133,22 +113,19 @@ const CartItem = observer(function CartItem({
                 </p>
               )}
             </div>
-            {!isAutoCreated && (
-              <button
-                className="kombos-cart-item__remove"
-                onClick={() => onRemove(item)}
-                aria-label="Remove"
-              >
-                <TrashSVG />
-              </button>
-            )}
+            <button
+              className="kombos-cart-item__remove"
+              onClick={() => onRemove(item)}
+              aria-label="Remove"
+            >
+              <TrashSVG />
+            </button>
           </div>
         ) : (
           <>
             <a href={href} className={nameClass}>
               {item.variant?.name}
             </a>
-            {giftBadge}
 
             {variantValues.length > 0 && (
               <div className="kombos-cart-item__variants">
@@ -174,15 +151,11 @@ const CartItem = observer(function CartItem({
 
         {isPage ? (
           <div className="kombos-cart-item__bottom">
-            {isAutoCreated ? (
-              staticQuantity
-            ) : (
-              <QuantitySelector
-                size="sm"
-                value={item.quantity}
-                onChange={(qty) => changeItemQuantity(item, qty)}
-              />
-            )}
+            <QuantitySelector
+              size="sm"
+              value={item.quantity}
+              onChange={(qty) => changeItemQuantity(item, qty)}
+            />
             <div className="kombos-cart-item__prices">
               {hasDiscount && (
                 <span className="kombos-cart-item__original-price text-sm-regular-strike">
@@ -220,24 +193,18 @@ const CartItem = observer(function CartItem({
             </div>
 
             <div className="kombos-cart-item__actions">
-              {isAutoCreated ? (
-                staticQuantity
-              ) : (
-                <>
-                  <QuantitySelector
-                    size="sm"
-                    value={item.quantity}
-                    onChange={(qty) => changeItemQuantity(item, qty)}
-                  />
-                  <button
-                    className="kombos-cart-item__remove"
-                    onClick={() => onRemove(item)}
-                    aria-label="Remove"
-                  >
-                    <TrashSVG />
-                  </button>
-                </>
-              )}
+              <QuantitySelector
+                size="sm"
+                value={item.quantity}
+                onChange={(qty) => changeItemQuantity(item, qty)}
+              />
+              <button
+                className="kombos-cart-item__remove"
+                onClick={() => onRemove(item)}
+                aria-label="Remove"
+              >
+                <TrashSVG />
+              </button>
             </div>
           </>
         )}

package/data/section-templates/navigation/sub-components/CartItem/styles.css

@@ -168,17 +168,3 @@
   flex-shrink: 0;
 }
 
-/* Auto-created (campaign gift) line: badge + read-only quantity */
-.kombos-cart-item__gift-badge {
-  display: inline-flex;
-  align-self: flex-start;
-  padding: 0.125rem 0.5rem;
-  border-radius: 999px;
-  background: var(--kombos-gray-100);
-  color: var(--kombos-gray-500);
-}
-
-.kombos-cart-item__qty-static {
-  color: var(--kombos-gray-500);
-}
-

package/data/section-templates/navigation/sub-components/QuantitySelector/index.tsx

@@ -5,27 +5,20 @@ interface Props {
   value: number;
   onChange: (value: number) => void;
   size?: "default" | "sm";
-  min?: number;
-  max?: number;
 }
 
 export default function QuantitySelector({
   value,
   onChange,
   size = "default",
-  min = 1,
-  max,
 }: Props) {
-  const canDecrease = value > min;
-  const canIncrease = max == null || value < max;
-
   return (
     <div className={cx("kombos-pd__qty", size === "sm" && "kombos-pd__qty--sm")}>
       <button
         type="button"
         className="kombos-pd__qty-btn"
-        onClick={() => onChange(Math.max(min, value - 1))}
-        disabled={!canDecrease}
+        onClick={() => onChange(Math.max(1, value - 1))}
+        disabled={value <= 1}
         aria-label="Decrease quantity"
       >
         <MinusSVG />
@@ -38,8 +31,7 @@ export default function QuantitySelector({
       <button
         type="button"
         className="kombos-pd__qty-btn"
-        onClick={() => onChange(max == null ? value + 1 : Math.min(max, value + 1))}
-        disabled={!canIncrease}
+        onClick={() => onChange(value + 1)}
         aria-label="Increase quantity"
       >
         <PlusSVG />

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

@@ -10,14 +10,13 @@ import {
   IkasBundleSettings,
   IkasStorefrontConfig,
 } from "@ikas/bp-storefront";
-import { useEffect, useState } from "preact/hooks";
+import { useState } from "preact/hooks";
 import { Props } from "./types";
 import Button from "../../sub-components/Button";
 import QuantitySelector from "../../sub-components/QuantitySelector";
 import PayWithIkas from "./components/PayWithIkas";
 import { isBundleOutOfStock } from "../../utils/bundle";
 import { validateOptionSet } from "../../utils/optionSet";
-import { getProductCartLimits } from "../../utils/cartLimits";
 import { showToast } from "../../utils/toast";
 
 export function ProductDetailAddToCart({
@@ -38,12 +37,6 @@ export function ProductDetailAddToCart({
   const [quantity, setQuantity] = useState(1);
   const [isAddingToCart, setIsAddingToCart] = useState(false);
 
-  // Seed the quantity to the product's minimum-per-cart when the product changes.
-  useEffect(() => {
-    if (!product) return;
-    setQuantity(getProductCartLimits(product).min);
-  }, [product?.id]);
-
   if (!product) return null;
 
   const editLineID =
@@ -66,8 +59,6 @@ export function ProductDetailAddToCart({
 
   const isDisabled = isOutOfStock || isAddingToCart;
 
-  const { min: minQuantity, max: maxQuantity } = getProductCartLimits(product);
-
   const payWithIkasUrl = IkasStorefrontConfig.getPayWithIkasUrl();
   const routing = IkasStorefrontConfig.getCurrentRouting();
   const showPayWithIkas =
@@ -128,12 +119,7 @@ export function ProductDetailAddToCart({
     >
       <div className="kombos-pd-atc__actions">
         {!hideQuantityInput && !isOutOfStock && (
-          <QuantitySelector
-            value={quantity}
-            onChange={setQuantity}
-            min={minQuantity}
-            max={maxQuantity}
-          />
+          <QuantitySelector value={quantity} onChange={setQuantity} />
         )}
         <Button
           variant="primary"

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

@@ -39,7 +39,6 @@
         "<id-of-ProductDetailProductGroup>",
         "<id-of-ProductDetailVariant>",
         "<id-of-ProductDetailAddToCart>",
-        "<id-of-ProductDetailBackInStock>",
         "<id-of-ProductDetailFeatures>",
         "<id-of-ProductDetailDescription>",
         "<id-of-ProductDetailBundleProduct>",

package/data/section-templates/product-detail-section/sub-components/QuantitySelector/index.tsx

@@ -5,27 +5,20 @@ interface Props {
   value: number;
   onChange: (value: number) => void;
   size?: "default" | "sm";
-  min?: number;
-  max?: number;
 }
 
 export default function QuantitySelector({
   value,
   onChange,
   size = "default",
-  min = 1,
-  max,
 }: Props) {
-  const canDecrease = value > min;
-  const canIncrease = max == null || value < max;
-
   return (
     <div className={cx("kombos-pd__qty", size === "sm" && "kombos-pd__qty--sm")}>
       <button
         type="button"
         className="kombos-pd__qty-btn"
-        onClick={() => onChange(Math.max(min, value - 1))}
-        disabled={!canDecrease}
+        onClick={() => onChange(Math.max(1, value - 1))}
+        disabled={value <= 1}
         aria-label="Decrease quantity"
       >
         <MinusSVG />
@@ -38,8 +31,7 @@ export default function QuantitySelector({
       <button
         type="button"
         className="kombos-pd__qty-btn"
-        onClick={() => onChange(max == null ? value + 1 : Math.min(max, value + 1))}
-        disabled={!canIncrease}
+        onClick={() => onChange(value + 1)}
         aria-label="Increase quantity"
       >
         <PlusSVG />

package/data/storefront-api.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-07-24T12:21:21.621Z",
+  "generatedAt": "2026-07-24T12:41:17.826Z",
   "functions": [
     {
       "name": "apiListProductBrand",

package/data/storefront-types.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-07-24T12:21:21.652Z",
+  "generatedAt": "2026-07-24T12:41:17.851Z",
   "types": [
     {
       "name": "TextElementTagTypes",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikas/code-components-mcp",
-  "version": "1.4.0-beta.139",
+  "version": "1.4.0-beta.140",
   "description": "MCP server for ikas code components documentation",
   "type": "module",
   "main": "dist/index.js",

package/data/section-templates/add-to-cart/utils/cartLimits.ts

@@ -1,23 +0,0 @@
-import { IkasProduct, IkasStorefrontConfig } from "@ikas/bp-storefront";
-
-export interface CartQuantityLimits {
-  min: number;
-  max?: number;
-}
-
-/**
- * Resolve the per-cart quantity limits for a product from its active sales
- * channel. Falls back to a minimum of 1 and no maximum when the channel or its
- * limits are not set. `addItemToCart` clamps to the same limits internally, so
- * applying these in the stepper keeps the UI honest instead of letting the
- * quantity snap silently.
- */
-export function getProductCartLimits(product: IkasProduct): CartQuantityLimits {
-  const channel = product.salesChannels?.find(
-    (sc) => sc.id === IkasStorefrontConfig.salesChannelId,
-  );
-  return {
-    min: channel?.minQuantityPerCart ?? 1,
-    max: channel?.maxQuantityPerCart ?? undefined,
-  };
-}

package/data/section-templates/product-detail-section/children/ProductDetailBackInStock/components/BackInStockForm/index.tsx

@@ -1,92 +0,0 @@
-import {
-  IkasProductVariant,
-  getProductVariantBackInStockForm,
-  initBackInStockNotificationForm,
-  setBackInStockNotificationFormEmail,
-  submitBackInStockNotificationForm,
-} from "@ikas/bp-storefront";
-import { observer } from "@ikas/component-utils";
-import { useEffect } from "preact/hooks";
-import Button from "../../../../sub-components/Button";
-import Input from "../../../../sub-components/Input";
-import FormItem from "../../../../sub-components/FormItem";
-
-interface Props {
-  variant: IkasProductVariant;
-  description: string;
-  emailLabel: string;
-  submitButtonText: string;
-  submittingText: string;
-  errorMessage: string;
-  onSaved: () => void;
-}
-
-// observer() because it reads the MobX-backed notification form and must
-// re-render as the customer types and as the submit status flags change.
-const BackInStockForm = observer(function BackInStockForm({
-  variant,
-  description,
-  emailLabel,
-  submitButtonText,
-  submittingText,
-  errorMessage,
-  onSaved,
-}: Props) {
-  const form = getProductVariantBackInStockForm(variant);
-
-  // Initialize once per variant (resets fields + validation flags).
-  useEffect(() => {
-    initBackInStockNotificationForm(form, variant);
-  }, [form, variant]);
-
-  const emailHasError = !!form.email?.hasError;
-
-  const handleSubmit = async (e: Event) => {
-    e.preventDefault();
-    if (await submitBackInStockNotificationForm(form)) onSaved();
-  };
-
-  const handleEmailInput = (e: Event) =>
-    setBackInStockNotificationFormEmail(
-      form,
-      (e.target as HTMLInputElement).value,
-    );
-
-  return (
-    <form className="kombos-pd-bis__form" onSubmit={handleSubmit}>
-      {description && <p className="kombos-pd-bis__desc">{description}</p>}
-      <FormItem
-        label={emailLabel}
-        htmlFor="back-in-stock-email"
-        status={emailHasError ? "error" : "default"}
-        helper={emailHasError ? form.email?.message : undefined}
-      >
-        <Input
-          id="back-in-stock-email"
-          type="email"
-          value={form.email?.value ?? ""}
-          placeholder={form.email?.placeholder}
-          status={emailHasError ? "error" : "default"}
-          onInput={handleEmailInput}
-        />
-      </FormItem>
-      {form.isFailure && (
-        <p className="kombos-pd-bis__error">
-          {form.responseMessage || errorMessage}
-        </p>
-      )}
-      <Button
-        variant="primary"
-        size="s"
-        type="submit"
-        className="kombos-pd-bis__submit"
-        loading={form.isSubmitting}
-        disabled={form.isSubmitting}
-      >
-        {form.isSubmitting ? submittingText : submitButtonText}
-      </Button>
-    </form>
-  );
-});
-
-export default BackInStockForm;

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

@@ -1,159 +0,0 @@
-{
-  "id": "{{PROJECT_ID}}-product-detail-back-in-stock",
-  "name": "ProductDetailBackInStock",
-  "type": "component",
-  "entry": "./src/components/ProductDetailBackInStock/index.tsx",
-  "styles": "./src/components/ProductDetailBackInStock/styles.css",
-  "props": [
-    {
-      "name": "product",
-      "displayName": "Product",
-      "type": "PRODUCT",
-      "required": false
-    },
-    {
-      "name": "notifyButtonText",
-      "displayName": "Notify Button Text",
-      "type": "TEXT",
-      "required": false,
-      "defaultValue": "Notify Me When Available",
-      "groupId": "texts"
-    },
-    {
-      "name": "reminderSavedText",
-      "displayName": "Reminder Saved Text",
-      "type": "TEXT",
-      "required": false,
-      "defaultValue": "We'll notify you",
-      "groupId": "texts"
-    },
-    {
-      "name": "alreadySavedMessage",
-      "displayName": "Already Saved Message",
-      "type": "TEXT",
-      "required": false,
-      "defaultValue": "You're already on the list — we'll email you when it's back.",
-      "groupId": "texts"
-    },
-    {
-      "name": "savedMessage",
-      "displayName": "Saved Success Message",
-      "type": "TEXT",
-      "required": false,
-      "defaultValue": "Great! We'll email you when this product is back in stock.",
-      "groupId": "texts"
-    },
-    {
-      "name": "loginRequiredMessage",
-      "displayName": "Login Required Message",
-      "type": "TEXT",
-      "required": false,
-      "defaultValue": "Please sign in so we can notify you.",
-      "groupId": "texts"
-    },
-    {
-      "name": "errorMessage",
-      "displayName": "Error Message",
-      "type": "TEXT",
-      "required": false,
-      "defaultValue": "Something went wrong. Please try again.",
-      "groupId": "texts"
-    },
-    {
-      "name": "modalTitle",
-      "displayName": "Email Modal Title",
-      "type": "TEXT",
-      "required": false,
-      "defaultValue": "Notify me when available",
-      "groupId": "texts"
-    },
-    {
-      "name": "modalDescription",
-      "displayName": "Email Modal Description",
-      "type": "TEXT",
-      "required": false,
-      "defaultValue": "Enter your email and we'll let you know the moment this product is back in stock.",
-      "groupId": "texts"
-    },
-    {
-      "name": "emailLabel",
-      "displayName": "Email Field Label",
-      "type": "TEXT",
-      "required": false,
-      "defaultValue": "Email",
-      "groupId": "texts"
-    },
-    {
-      "name": "submitButtonText",
-      "displayName": "Submit Button Text",
-      "type": "TEXT",
-      "required": false,
-      "defaultValue": "Notify Me",
-      "groupId": "texts"
-    },
-    {
-      "name": "submittingText",
-      "displayName": "Submitting Text",
-      "type": "TEXT",
-      "required": false,
-      "defaultValue": "Saving...",
-      "groupId": "texts"
-    },
-    {
-      "name": "mobileMarginTop",
-      "displayName": "Top Spacing",
-      "type": "TYPE",
-      "required": false,
-      "groupId": "mobile",
-      "typeId": "@ikas/bp-storefront-models-MarginTopStyleType"
-    },
-    {
-      "name": "mobileMarginBottom",
-      "displayName": "Bottom Spacing",
-      "type": "TYPE",
-      "required": false,
-      "groupId": "mobile",
-      "typeId": "@ikas/bp-storefront-models-MarginBottomStyleType"
-    },
-    {
-      "name": "desktopMarginTop",
-      "displayName": "Top Spacing",
-      "type": "TYPE",
-      "required": false,
-      "groupId": "desktop",
-      "typeId": "@ikas/bp-storefront-models-MarginTopStyleType"
-    },
-    {
-      "name": "desktopMarginBottom",
-      "displayName": "Bottom Spacing",
-      "type": "TYPE",
-      "required": false,
-      "groupId": "desktop",
-      "typeId": "@ikas/bp-storefront-models-MarginBottomStyleType"
-    }
-  ],
-  "propGroups": [
-    {
-      "id": "appearance",
-      "name": "Appearance Settings",
-      "children": [
-        {
-          "id": "mobile",
-          "name": "Mobile View",
-          "description": "Margin settings for mobile devices"
-        },
-        {
-          "id": "desktop",
-          "name": "Desktop View",
-          "description": "Margin settings for desktop devices"
-        }
-      ],
-      "description": "Component mobile and desktop view settings"
-    },
-    {
-      "id": "texts",
-      "name": "Texts",
-      "description": "Button, status and modal texts"
-    }
-  ]
-}