@ikas/code-components-mcp 2.6.1 → 2.7.0

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

@@ -0,0 +1,25 @@
+// This file is auto-generated — do not edit manually.
+import type {
+  IkasProduct,
+  MarginTopStyleType,
+  MarginBottomStyleType,
+} from "@ikas/bp-storefront";
+
+export interface Props {
+  product?: IkasProduct | null;
+  notifyButtonText?: string;
+  reminderSavedText?: string;
+  alreadySavedMessage?: string;
+  savedMessage?: string;
+  loginRequiredMessage?: string;
+  errorMessage?: string;
+  modalTitle?: string;
+  modalDescription?: string;
+  emailLabel?: string;
+  submitButtonText?: string;
+  submittingText?: string;
+  mobileMarginTop?: MarginTopStyleType;
+  mobileMarginBottom?: MarginBottomStyleType;
+  desktopMarginTop?: MarginTopStyleType;
+  desktopMarginBottom?: MarginBottomStyleType;
+}

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

@@ -39,6 +39,7 @@
         "<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/Modal/index.tsx

@@ -0,0 +1,120 @@
+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";
+import { XSVG } from "../icons";
+import Button, { type ButtonProps } from "../Button";
+
+interface Props {
+  onClose: () => void;
+  title: string;
+  maxWidth?: string;
+  children: ComponentChildren;
+  className?: string;
+  okText?: string;
+  cancelText?: string;
+  onOk?: (e: Event) => void;
+  okButtonProps?: ButtonProps;
+  cancelButtonProps?: ButtonProps;
+  footer?: ComponentChildren | null;
+}
+
+export default function Modal({
+  onClose,
+  title,
+  maxWidth = "37.5rem",
+  children,
+  className,
+  okText,
+  cancelText,
+  onOk,
+  okButtonProps,
+  cancelButtonProps,
+  footer,
+}: Props) {
+  const titleId = useId();
+  const [visible, setVisible] = useState(false);
+  const onCloseRef = useRef(onClose);
+  onCloseRef.current = onClose;
+
+  const handleCloseRef = useRef(() => {});
+  handleCloseRef.current = () => {
+    setVisible(false);
+    setTimeout(() => onCloseRef.current(), 300);
+  };
+
+  useScrollLock();
+
+  useEffect(() => {
+    const rafId = requestAnimationFrame(() => setVisible(true));
+    return () => cancelAnimationFrame(rafId);
+  }, []);
+
+  useEffect(() => {
+    const handleKeyDown = (e: KeyboardEvent) => {
+      if (e.key === "Escape") handleCloseRef.current();
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    return () => document.removeEventListener("keydown", handleKeyDown);
+  }, []);
+
+  return createPortal(
+    <div
+      className={cx("kombos-modal", visible && "kombos-modal--open", className)}
+      role="dialog"
+      aria-modal="true"
+      aria-labelledby={titleId}
+    >
+      <div className="kombos-modal__panel" style={{ maxWidth }}>
+        <div className="kombos-modal__header">
+          <h2 id={titleId} className="kombos-modal__title text-md-medium">
+            {title}
+          </h2>
+          <button
+            type="button"
+            className="kombos-modal__close"
+            onClick={() => handleCloseRef.current()}
+            aria-label="Close"
+          >
+            <XSVG />
+          </button>
+        </div>
+
+        <div className="kombos-modal__body">{children}</div>
+
+        {footer !== null &&
+          (footer !== undefined ? (
+            <div className="kombos-modal__footer">{footer}</div>
+          ) : (
+            (cancelText || okText) && (
+              <div className="kombos-modal__footer">
+                {cancelText && (
+                  <Button
+                    variant="secondary"
+                    size="s"
+                    type="button"
+                    onClick={() => handleCloseRef.current()}
+                    {...cancelButtonProps}
+                  >
+                    {cancelText}
+                  </Button>
+                )}
+                {okText && (
+                  <Button
+                    variant="primary"
+                    size="s"
+                    onClick={onOk}
+                    {...okButtonProps}
+                  >
+                    {okText}
+                  </Button>
+                )}
+              </div>
+            )
+          ))}
+      </div>
+    </div>,
+    document.body,
+  );
+}

package/data/section-templates/product-detail-section/sub-components/Modal/styles.css

@@ -0,0 +1,70 @@
+/* ── Modal ── */
+.kombos-modal {
+  position: fixed;
+  inset: 0;
+  z-index: var(--kombos-z-overlay);
+  background: rgba(0, 0, 0, 0.35);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  opacity: 0;
+  transition: opacity 0.3s;
+  padding: 1rem;
+}
+
+.kombos-modal--open {
+  opacity: 1;
+}
+
+.kombos-modal__panel {
+  background: var(--kombos-white);
+  border-radius: 6px;
+  width: 100%;
+  max-height: 90vh;
+  display: flex;
+  flex-direction: column;
+  transform: translateY(1rem);
+  transition: transform 0.3s;
+}
+
+.kombos-modal--open .kombos-modal__panel {
+  transform: translateY(0);
+}
+
+.kombos-modal__header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background: var(--kombos-white);
+  padding: 1.5rem;
+  border-bottom: 1px solid var(--kombos-gray-200);
+  border-radius: 6px 6px 0 0;
+}
+
+.kombos-modal__title {
+  color: var(--kombos-gray-900);
+}
+
+.kombos-modal__close {
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 0;
+  color: var(--kombos-gray-700);
+  font-size: 1.25rem;
+}
+
+.kombos-modal__body {
+  padding: 1.5rem;
+  overflow-y: auto;
+}
+
+.kombos-modal__footer {
+  background: var(--kombos-white);
+  padding: 1.5rem;
+  border-top: 1px solid var(--kombos-gray-200);
+  border-radius: 0 0 6px 6px;
+  display: flex;
+  gap: 0.75rem;
+  justify-content: flex-end;
+}

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

@@ -5,20 +5,27 @@ 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(1, value - 1))}
-        disabled={value <= 1}
+        onClick={() => onChange(Math.max(min, value - 1))}
+        disabled={!canDecrease}
         aria-label="Decrease quantity"
       >
         <MinusSVG />
@@ -31,7 +38,8 @@ export default function QuantitySelector({
       <button
         type="button"
         className="kombos-pd__qty-btn"
-        onClick={() => onChange(value + 1)}
+        onClick={() => onChange(max == null ? value + 1 : Math.min(max, value + 1))}
+        disabled={!canIncrease}
         aria-label="Increase quantity"
       >
         <PlusSVG />

package/data/section-templates/product-detail-section/utils/cartLimits.ts

@@ -0,0 +1,23 @@
+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/storefront-api.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-07-10T07:55:16.828Z",
+  "generatedAt": "2026-07-27T13:33:15.430Z",
   "functions": [
     {
       "name": "apiListProductBrand",
@@ -167,7 +167,7 @@
       "name": "getAttributeDetailValues",
       "displayName": "getValues",
       "signature": "function getAttributeDetailValues(attributeDetail: IkasProductAttributeDetail): IkasProductAttributeValue[]",
-      "description": "Retrieves the attribute values for a product attribute detail, merging variant and product-level attributes.",
+      "description": "Retrieves the attribute values for a product attribute detail, merging variant and product-level attributes.\nThis is how a PRODUCT_ATTRIBUTE code-component prop is consumed: that prop hands you the\nIkasProductAttributeDetail wrapper ({ product, attributePropValue }), never the attribute value itself, so\nreading `prop.value` silently yields nothing — call this function instead.",
       "params": [
         {
           "name": "attributeDetail",
@@ -195,7 +195,7 @@
       "name": "getAttributeListValues",
       "displayName": "getValues",
       "signature": "function getAttributeListValues(list: IkasProductAttributeList): IkasProductAttributeMap[]",
-      "description": "Retrieves grouped attribute values for a product attribute list, combining variant and product-level attributes.",
+      "description": "Retrieves grouped attribute values for a product attribute list, combining variant and product-level attributes.\nThis is how a PRODUCT_ATTRIBUTE_LIST code-component prop is consumed: that prop hands you a single\nIkasProductAttributeList wrapper ({ product, attributeListPropValue }) — never an array — so mapping over the\nprop is a runtime error; call this function and iterate the returned { attribute, values } maps instead.",
       "params": [
         {
           "name": "list",
@@ -4628,7 +4628,7 @@
       "name": "getIkasProductAttrributeProductIds",
       "displayName": "getProductIds",
       "signature": "function getIkasProductAttrributeProductIds(value: IkasProductAttributeValue): string[]",
-      "description": "Extracts and returns the product IDs from a PRODUCT-type attribute value's JSON string.",
+      "description": "Extracts and returns the product IDs from a PRODUCT-type attribute value's JSON string.\nNOTE: the export name really is misspelled — \"Attrribute\" with a double r. It is kept as-is because\nrenaming a published export would break every theme that imports it, so import it VERBATIM; the\ncorrectly spelled `getIkasProductAttributeProductIds` does not exist and will not compile. This is\nnot a documentation typo to report or \"fix\". In the blueprint editor the display alias is\n`getProductIds`, which hides the misspelling; only direct TypeScript imports see it.",
       "params": [
         {
           "name": "value",
@@ -7597,14 +7597,14 @@
       "name": "getProductVariantAppliedCampaignAmount",
       "displayName": "getAppliedCampaignAmount",
       "signature": "function getProductVariantAppliedCampaignAmount(variant: IkasProductVariant): IkasAppliedCampaignAmount | null",
-      "description": "Get the applied campaign discount amount details for a product variant, including type and formatted value.",
+      "description": "Get the applied campaign discount amount details for a product variant, including type and formatted value.\n\nHow the discount value is interpreted depends on `campaign.type`:\n- `\"FIXED_AMOUNT\"` → the value is an absolute money amount, returned in `formattedPrice` (e.g. \"$10.00\"); `discountPercentage` stays null.\n- `\"RATIO\"` → the value is a percentage, returned in `discountPercentage` (e.g. \"10\" for 10% off); `formattedPrice` stays null.\n\nBoth fixed and tiered campaigns are supported. For a tiered-discount campaign\n(`campaign.fixedDiscount` is null and the discount lives in `campaign.tieredDiscount.rules`),\nthe first tier's amount (`campaign.tieredDiscount.rules[0].amount`) is used, matching the storefront runtime.",
       "params": [
         {
           "name": "variant",
           "description": "- The product variant to check for applied campaigns"
         }
       ],
-      "returns": "An object with campaign type, formatted price, and discount percentage, or null if no campaign is applied",
+      "returns": "An object `{ type, formattedPrice, discountPercentage }` — `formattedPrice` is set for FIXED_AMOUNT campaigns, `discountPercentage` for RATIO campaigns (fixed and tiered alike); the other field stays null. Returns null if no campaign is applied.",
       "returnType": "IkasAppliedCampaignAmount | null",
       "example": "```typescript\nimport { getProductVariantAppliedCampaignAmount, getSelectedProductVariant } from \"@ikas/bp-storefront\";\nimport { IkasProduct } from \"@ikas/bp-storefront\";\n\nfunction CampaignInfo({ product }: { product: IkasProduct }) {\n  const variant = getSelectedProductVariant(product);\n  const campaignAmount = getProductVariantAppliedCampaignAmount(variant);\n\n  if (!campaignAmount) return null;\n\n  return (\n    <div>\n      {campaignAmount.type === \"RATIO\"\n        ? `${campaignAmount.discountPercentage}% off`\n        : `${campaignAmount.formattedPrice} off`}\n    </div>\n  );\n}\n```",
       "categories": [
@@ -7999,6 +7999,36 @@
         "IkasProductVariant"
       ]
     },
+    {
+      "name": "getProductVariantTieredDiscountProducts",
+      "displayName": "getTieredDiscountProducts",
+      "signature": "function getProductVariantTieredDiscountProducts(variant: IkasProductVariant): IkasTieredDiscountProduct[]",
+      "description": "Get the tiered-discount breakdown for a product variant, one entry per discount tier.\n\nA tiered discount defines multiple quantity tiers (`campaign.tieredDiscount.rules`), each with its own\namount and quantity range. This resolves every tier against the variant's price and returns the\nper-tier sell/final prices (both raw numbers and formatted strings), matching the storefront runtime.\nThe raw rules are `IkasProductTieredDiscountRule` (ranges may be null); this function returns the\nresolved `IkasTieredDiscountProduct` with normalized `{ min, max }` — use the resolved shape, not the raw rule.\n\n`sellPrice`/`finalPrice` (and their `formatted*` variants) are PER UNIT; the `*WithQuantity` fields are the\ntier total for buying the minimum quantity. A `\"FIXED_AMOUNT\"` discount is applied only to that total, so\nper-unit `finalPrice` equals `sellPrice` and the saving shows only in `finalPriceWithQuantity`.\n\nThe discount `amount` is interpreted by `campaign.type`: `\"RATIO\"` treats it as a percentage,\n`\"FIXED_AMOUNT\"` as an absolute money amount subtracted from the tier total. `amount`/`type` are\ninformational — the discount is already applied in the resolved `*Price` fields, so prefer those over\nrecomputing it yourself.\n\n`lineItemQuantityRange.min`/`max` are normalized numbers where `0` means \"unbounded\". In particular\n`max === 0` marks an open-ended top tier (e.g. \"6+\" with no upper limit) — render it as \"min+\" rather\nthan \"min–max\", and never treat `max` as a real quantity when it is `0`.\n\nEach tier's `salesChannelIds` lists the channels it targets (empty/null = all channels). Filter tiers\nagainst `IkasStorefrontConfig.salesChannelId` so only those valid for the current storefront are shown.\n\nReturns an empty array when the variant has no tiered-discount campaign, when a\n`PRODUCT_AND_VARIANT` filter excludes this variant, or when no tier defines a quantity range.",
+      "params": [
+        {
+          "name": "variant",
+          "description": "- The product variant to resolve tiered discounts for"
+        }
+      ],
+      "returns": "An array of tier objects (`amount`, `lineItemQuantityRange`, `type`, sell/final prices with their formatted variants, `salesChannelIds`), or an empty array if no tiered discount applies",
+      "returnType": "IkasTieredDiscountProduct[]",
+      "example": "```typescript\nimport {\n  getProductVariantTieredDiscountProducts,\n  getSelectedProductVariant,\n  IkasStorefrontConfig,\n} from \"@ikas/bp-storefront\";\nimport { IkasProduct } from \"@ikas/bp-storefront\";\n\nfunction TieredDiscountTable({ product }: { product: IkasProduct }) {\n  const variant = getSelectedProductVariant(product);\n  const tiers = getProductVariantTieredDiscountProducts(variant);\n  const salesChannelId = IkasStorefrontConfig.salesChannelId;\n\n  if (!tiers.length) return null;\n\n  return (\n    <ul>\n      {tiers.map((tier, i) => {\n        // A tier applies when it targets no channels or includes the current one\n        const scoped =\n          !tier.salesChannelIds?.length ||\n          (!!salesChannelId && tier.salesChannelIds.includes(salesChannelId));\n        if (!scoped) return null;\n\n        return (\n          <li key={i}>\n            Buy {tier.lineItemQuantityRange.min}+ → {tier.formattedFinalPriceWithQuantity}{\" \"}\n            <s>{tier.formattedSellPriceWithQuantity}</s>\n          </li>\n        );\n      })}\n    </ul>\n  );\n}\n```",
+      "categories": [
+        "Pricing",
+        "ProductVariant"
+      ],
+      "related": [
+        "getProductVariantAppliedCampaignAmount",
+        "getProductVariantCampaignOffersDiscountPercentage",
+        "getProductVariantFinalPrice"
+      ],
+      "isAsync": false,
+      "isClass": false,
+      "parameterTypes": [
+        "IkasProductVariant",
+        "IkasTieredDiscountProduct"
+      ]
+    },
     {
       "name": "getProductVariantIsBackInStockEnabled",
       "displayName": "isBackInStockEnabled",
@@ -9556,7 +9586,7 @@
       "name": "initAddressForm",
       "displayName": "init",
       "signature": "async function initAddressForm(addressForm: AddressForm, address?: IkasCustomerAddress): Promise<void>",
-      "description": "Initializes an address form with default or existing address values, loads location data, and configures field settings.",
+      "description": "Initializes an address form with default or existing address values, loads location data, and configures field settings.\n\nAlso resolves `addressForm.addressFormat` for the selected country. That is an\n`AddressFormItem[][]` describing which fields the country uses and how they group into rows\n(outer array = rows, inner array = fields sharing a row), and it is the only correct source\nfor laying out an address form -- a hardcoded field list will be wrong for most countries.\nIt is empty until this promise resolves, and `setAddressFormCountry` re-resolves it, so\nrender from it rather than copying it into local state.",
       "params": [
         {
           "name": "addressForm",
@@ -9569,7 +9599,7 @@
       ],
       "returns": "A promise that resolves once the form is fully initialized, including country/state/city lists, field settings, checkout settings, and shipping zones.",
       "returnType": "Promise<void>",
-      "example": "```typescript\nimport { initAddressForm } from \"@ikas/bp-storefront\";\n\n// Initialize an empty address form\nawait initAddressForm(addressForm);\n\n// Initialize with an existing customer address for editing\nawait initAddressForm(addressForm, existingAddress);\n```",
+      "example": "```tsx\nimport { useEffect, useState } from \"preact/hooks\";\nimport {\n  type AddressForm,\n  type AddressFormItem,\n  initAddressForm,\n  setAddressFormFirstName,\n  setAddressFormLastName,\n  setAddressFormIdentityNumber,\n  setAddressFormAddressLine1,\n  setAddressFormAddressLine2,\n  setAddressFormPostalCode,\n  setAddressFormPhone,\n} from \"@ikas/bp-storefront\";\n\n// Initialize an empty address form\nawait initAddressForm(addressForm);\n\n// Initialize with an existing customer address for editing\nawait initAddressForm(addressForm, existingAddress);\n\n// addressFormat is empty until init resolves, so gate the render on it.\nconst [isLoading, setIsLoading] = useState(true);\nuseEffect(() => {\n  initAddressForm(addressForm, address).then(() => setIsLoading(false));\n}, []);\n\n// Every addressFormat key has a matching setter, each taking (addressForm, value).\n// The location keys (country, state, city, district, region) are omitted here: they\n// render as selects fed by addressForm.countryOptions / stateOptions / cityOptions /\n// districtOptions / regionOptions, and must fall back to a text input when the field\n// isFreeText or has no options.\nconst SETTERS: Partial<Record<AddressFormItem, (form: AddressForm, value: string) => void>> = {\n  firstName: setAddressFormFirstName,\n  lastName: setAddressFormLastName,\n  identityNumber: setAddressFormIdentityNumber,\n  addressLine1: setAddressFormAddressLine1,\n  addressLine2: setAddressFormAddressLine2,\n  postalCode: setAddressFormPostalCode,\n  phone: setAddressFormPhone,\n};\n\n// Render the country's own layout: outer array = rows, inner array = fields in that row.\n(addressForm.addressFormat ?? []).map((row) => {\n  // A field the country does not use is absent from the form object entirely.\n  const keys = row.filter((key) => addressForm[key] != null);\n  if (!keys.length) return null;\n\n  return (\n    <div className=\"address-row\" key={keys.join(\"-\")}>\n      {keys.map((key) => {\n        // Each entry is an IkasFormItem: value, label, placeholder, hasError, message.\n        const field = addressForm[key];\n        if (!field) return null; // already guaranteed by the filter above; narrows the type\n        return (\n          <label key={key}>\n            {field.label}\n            <input\n              value={field.value ?? \"\"}\n              placeholder={field.placeholder}\n              onInput={(e) => SETTERS[key]?.(addressForm, e.currentTarget.value)}\n            />\n            {field.hasError && <small>{field.message}</small>}\n          </label>\n        );\n      })}\n    </div>\n  );\n})\n```",
       "categories": [
         "Address",
         "Form",
@@ -14862,7 +14892,7 @@
     {
       "name": "getEmptyAddressForm",
       "signature": "function getEmptyAddressForm(customerStore: IkasCustomerStore): AddressForm",
-      "description": "Create and return a new, empty address form with validation, wrapped in MobX observability.",
+      "description": "Create and return a new, empty address form with validation, wrapped in MobX observability.\n\nUse this to create an address; use `getIkasCustomerAddressForm(address)` to edit an existing\none. It starts `initAddressForm` internally but does not await it, so await `initAddressForm`\nyourself when you need to know that the country layout (`addressFormat`) and the country/state/\ncity lists are ready to render.",
       "params": [
         {
           "name": "customerStore",
@@ -14871,14 +14901,16 @@
       ],
       "returns": "A new observable address form object with validated fields",
       "returnType": "AddressForm",
-      "example": "```typescript\nimport { customerStore, getEmptyAddressForm, saveCustomer } from \"@ikas/bp-storefront\";\n\nfunction AddAddressPage() {\n  const form = getEmptyAddressForm(customerStore);\n\n  const handleSave = async () => {\n    const customer = { ...customerStore.customer! };\n    customer.addresses = [...(customer.addresses || []), formToAddress(form)];\n    await saveCustomer(customerStore, customer);\n  };\n\n  return (\n    <form>\n      <input\n        value={form.addressLine1.value}\n        onChange={e => form.addressLine1.value = e.target.value}\n      />\n      <button onClick={handleSave}>Save Address</button>\n    </form>\n  );\n}\n```",
+      "example": "```tsx\nimport {\n  customerStore,\n  getEmptyAddressForm,\n  initAddressForm,\n  setAddressFormAddressLine1,\n  submitAddressForm,\n} from \"@ikas/bp-storefront\";\n\n// Create the form once, then await init before rendering the country-driven layout.\nconst [form] = useState(() => getEmptyAddressForm(customerStore));\nconst [isLoading, setIsLoading] = useState(true);\nuseEffect(() => {\n  initAddressForm(form).then(() => setIsLoading(false));\n}, []);\n\n// Always go through the setters. Assigning `form.addressLine1.value` directly skips\n// re-validation and the dependent-field resets the location setters perform.\nsetAddressFormAddressLine1(form, \"123 Main Street\");\n\n// submitAddressForm validates and saves the address onto the customer itself --\n// do not hand-build a customer object and call saveCustomer for this.\nconst ok = await submitAddressForm(form);\n```",
       "categories": [
         "Customer",
         "Address"
       ],
       "related": [
-        "deleteCustomerAddress",
-        "saveCustomer"
+        "initAddressForm",
+        "submitAddressForm",
+        "getIkasCustomerAddressForm",
+        "deleteCustomerAddress"
       ],
       "isAsync": false,
       "isClass": false,
@@ -15296,6 +15328,44 @@
       "isAsync": false,
       "isClass": false
     },
+    {
+      "name": "PayWithIkas",
+      "signature": "function PayWithIkas({ product, quantity = 1, className, style }: PayWithIkasProps): VNode<ClassAttributes<HTMLIFrameElement> & { ref: MutableRef<HTMLIFrameElement | null>; title: string; ... 4 more ...; style: { ...; }; }> | null",
+      "description": "\"Pay with ikas\" (Hızlı Öde) fast-checkout button for the product detail page.\nDrop-in Preact component that renders the pay-with-ikas checkout iframe and\nwires up its whole message protocol, so a theme gets the one-click \"Hızlı Öde\"\nflow without owning any of the plumbing. Use it next to the add-to-cart button\non the product detail page.\n\nThe pay-with-ikas URL is read from `IkasStorefrontConfig.getPayWithIkasUrl()`;\nwhen the merchant has not enabled Pay with ikas the component renders nothing.\nThe add-to-cart-enabled state is tracked reactively via mobx `autorun`, so the\niframe stays in sync as the product's availability changes (e.g. variant\nselection). Clicking \"Hızlı Öde\" creates a temporary cart via\n`createPayWithIkasSession` and redirects to the returned pay URL.",
+      "params": [
+        {
+          "name": "product",
+          "description": "- The product to fast-checkout via Pay with ikas"
+        },
+        {
+          "name": "quantity",
+          "description": "- Quantity to purchase (defaults to 1)"
+        },
+        {
+          "name": "className",
+          "description": "- Optional CSS class applied to the iframe"
+        },
+        {
+          "name": "style",
+          "description": "- Optional inline styles applied to the iframe"
+        }
+      ],
+      "returnType": "VNode<ClassAttributes<HTMLIFrameElement> & { ref: MutableRef<HTMLIFrameElement | null>; title: string; ... 4 more ...; style: { ...; }; }> | null",
+      "example": "```tsx\nimport { PayWithIkas } from \"@ikas/bp-storefront\";\n\n// On the product detail page, alongside the add-to-cart button:\n<PayWithIkas product={product} quantity={quantity} />\n```",
+      "categories": [
+        "ProductDetail",
+        "Checkout"
+      ],
+      "related": [
+        "createPayWithIkasSession",
+        "isAddToCartEnabled"
+      ],
+      "isAsync": false,
+      "isClass": false,
+      "parameterTypes": [
+        "IkasProps"
+      ]
+    },
     {
       "name": "normalizeSvg",
       "signature": "function normalizeSvg(svg: string, options: NormalizeSvgOptions): string",