@ikas/bp-storefront 2.6.1 → 2.8.0

package/dist/storefront-config/src/theme-globals.d.ts

@@ -45,6 +45,8 @@ export type TypographyToken = {
     resolved: Record<string, string>;
     /** Class selector the editor emits for this text style, e.g. `_<id>`. */
     className: string;
+    /** True when this is the theme's default/global text style (the editor's "Make Default Style"). */
+    isDefault: boolean;
 };
 export type BreakpointToken = {
     id: string;
@@ -118,29 +120,24 @@ export type ThemeGlobals = {
     };
 };
 /**
- * Stamps a theme-token type as its RUNTIME view returned by the `@ikas/bp-storefront` getters
- * (`getThemeColors` / `getThemeTypography` / ...). `name` is removed, then re-added as a
- * DEPRECATED `never`. Plainly `Omit`-ing it would only ever surface a bare "Property 'name' does
- * not exist on type" — re-adding it as a documented `@deprecated never` instead means a developer
- * who reaches for `.name` at runtime sees the strikethrough + the explanation below on hover, and
- * any actual use of the value is a type error (`never`). The agent is steered the same way.
+ * Stamps a theme-token type as its RUNTIME view (what the `@ikas/bp-storefront` getters return).
+ * `name` is authoring-only: it is non-unique (two design assets can ship the same one) and
+ * non-stable (renaming must not break references), so matching a token by name is unsafe.
+ * Identify one by its STABLE `id` instead — color → `cssVar` (`var(--<id>)`), typography &
+ * keyframe → `className` / `ref` (`_<id>`), color-scheme slot → a `colorsByScheme` key. Need a
+ * human-readable label? Read `list_theme_globals` (MCP/CLI) or the editor's Styles panel.
+ *
+ * `name` is REMOVED outright rather than re-added as a documented `@deprecated never`: that was
+ * tried first and only yields a soft strikethrough, so `getThemeTypography().find(t => t.name ===
+ * "…")` still compiled and agents wrote it anyway. A hard `Omit` makes it a compile error, and
+ * `ikas-component build` runs `tsc --noEmit` and exits non-zero on it — so such a component cannot
+ * be built or shipped at all.
  *
- * The full types above (with a real `name: string`) are still produced in the serialized
- * {@link ThemeGlobals} payload and surfaced by the CLI/MCP `list-theme-globals` AUTHORING read, so
- * the agent/editor can still discover and reuse existing tokens by name. `name` is hidden ONLY at
- * the runtime getter return types (the getters cast the live payload to these views).
+ * The full {@link ThemeGlobals} (with real names) is still what the config holds and what the
+ * CLI/MCP `list-theme-globals` AUTHORING read returns — that is how an agent resolves "the token
+ * named X" to its id. `name` is hidden only at these runtime getter return types.
  */
-type RuntimeView<T> = Omit<T, "name"> & {
-    /**
-     * @deprecated `name` is authoring-only and is NOT exposed at runtime. Identify this token by its
-     * STABLE `id` instead — color → `cssVar` (`var(--<id>)`), typography & keyframe → `className` /
-     * `ref` (`_<id>`), color-scheme slot → a `colorsByScheme` key. Token names are non-unique (two
-     * design assets can ship the same name) and renaming one must not break references, so matching
-     * by name is unsafe. Need a human-readable label? Read it from `list_theme_globals` (MCP/CLI) or
-     * the editor's Styles panel — not from the runtime getters.
-     */
-    name?: never;
-};
+type RuntimeView<T> = Omit<T, "name">;
 export type RuntimeDesignToken = RuntimeView<DesignToken>;
 export type RuntimeTypographyToken = RuntimeView<TypographyToken>;
 export type RuntimeBreakpointToken = RuntimeView<BreakpointToken>;
@@ -180,6 +177,7 @@ type PatternElementLike = {
     id: string;
     name?: string;
     styles?: ElementStyleLike[];
+    isDefault?: boolean;
 };
 type ColorSchemeLike = {
     id: string;
@@ -273,6 +271,18 @@ export declare const toResolverBreakpoints: (breakpoints: {
  * (code-generator, editor canvas). Unknown ids are left untouched (the partner dependency
  * collector ships referenced breakpoints into the target theme, so a real token always resolves).
  * The `bp(<id>)` literal carries its own `)` boundary, so one id is never matched inside another.
+ *
+ * A `calc()` containing a bp token (e.g. the documented exclusive boundary
+ * `calc(bp(<id>) + 1px)`, but any pure px arithmetic: `calc(bp(a) * 2 + 10px)`,
+ * `calc(bp(a) - bp(b))`, `-webkit-calc(...)`, …) is folded to a single computed `<width>px`
+ * literal, never emitted as `calc()`: csso — the code-generator's minifier for inline/base
+ * page styles — silently drops a media block whose condition contains `calc()`, and older
+ * browsers (e.g. Safari < 16.4) don't evaluate `calc()` in media conditions either.
+ *
+ * Folding limits (an out-of-limit calc degrades to plain token substitution, keeping its
+ * `calc()` form — which csso will still drop from a media condition): bodies longer than
+ * CALC_SCAN_LIMIT chars; an uppercase `CALC(` keyword (the scan is lowercase, matching every
+ * compiled-CSS emitter); `calc(` inside a string/comment can confuse the plain-text scan.
  */
 export declare function resolveBreakpointMediaTokens(css: string, breakpoints: {
     id: string;

package/dist/storefront-models/src/index.d.ts

@@ -157,6 +157,7 @@ export * from "./models/product/campaign/filter";
 export * from "./models/product/campaign/product-buyx-then-gety";
 export * from "./models/product/campaign/product-campaign-date-range-field";
 export * from "./models/product/campaign/product-fixed-discount";
+export * from "./models/product/campaign/product-tiered-discount";
 export * from "./models/product/campaign-offer";
 export * from "./models/product/filter";
 export * from "./models/product/group";

package/dist/storefront-models/src/models/product/attribute/index.d.ts

@@ -10,4 +10,9 @@ export type IkasProductAttribute = {
     tableTemplate: IkasProductAttributeTableTemplate | null;
     translations?: IkasProductAttributeTranslation[] | null;
 };
-export type IkasProductAttributeType = "CHOICE" | "MULTIPLE_CHOICE" | "TEXT" | "BOOLEAN" | "NUMERIC" | "DATETIME" | "HTML" | "TABLE" | "IMAGE" | "PRODUCT";
+/**
+ * Mirror of the API's `ProductAttributeTypeEnum` (see storefront-api `__api/types`). The API value is
+ * force-cast into this union when products are mapped (`functions/api/product`), so a value missing
+ * here still arrives at runtime — it just stops being visible to the compiler. Keep both lists in sync.
+ */
+export type IkasProductAttributeType = "CHOICE" | "MULTIPLE_CHOICE" | "COLOR_THUMBNAIL_MULTIPLE_CHOICE" | "TEXT" | "BOOLEAN" | "NUMERIC" | "DATE" | "DATETIME" | "HTML" | "TABLE" | "IMAGE" | "PRODUCT";

package/dist/storefront-models/src/models/product/campaign/data/index.d.ts

@@ -1,6 +1,7 @@
 import { IkasProductBuyXThenGetY } from "../product-buyx-then-gety";
 import { IkasProductCampaignDateRangeField } from "../product-campaign-date-range-field";
 import { IkasProductFixedDiscount } from "../product-fixed-discount";
+import { IkasProductTieredDiscount } from "../product-tiered-discount";
 export type IkasProductCampaignData = {
     applicableCustomerGroupIds: string[] | null;
     applicableCustomerIds: string[] | null;
@@ -21,6 +22,7 @@ export type IkasProductCampaignData = {
     usageCount: number;
     usageLimit: number | null;
     usageLimitPerCustomer: number | null;
+    tieredDiscount: IkasProductTieredDiscount | null;
 };
 export type IkasCampaignApplicablePrice = "DISCOUNT_PRICE" | "SELL_PRICE";
 export type IkasCampaignCreatedFor = "ABANDONED_CHECKOUT" | "CART" | "CUSTOMER_REVIEW";

package/dist/storefront-models/src/models/product/campaign/filter/index.d.ts

@@ -2,4 +2,4 @@ export type IkasProductCampaignFilter = {
     idList: string[];
     type: IkasCampaignFilterType;
 };
-export type IkasCampaignFilterType = "CATEGORY" | "PRODUCT" | "PRODUCT_BRAND" | "PRODUCT_TAG" | "VARIANT";
+export type IkasCampaignFilterType = "CATEGORY" | "PRODUCT" | "PRODUCT_BRAND" | "PRODUCT_TAG" | "VARIANT" | "PRODUCT_AND_VARIANT";

package/dist/storefront-models/src/models/product/campaign/product-tiered-discount/index.d.ts

@@ -0,0 +1,13 @@
+import { IkasProductCampaignFilter } from "../filter";
+import { IkasCampaignMinMaxRangeField } from "../product-fixed-discount";
+export type IkasProductTieredDiscountRule = {
+    amount: number | null;
+    lineItemQuantityRange: IkasCampaignMinMaxRangeField | null;
+    priceRange: IkasCampaignMinMaxRangeField | null;
+};
+export type IkasProductTieredDiscount = {
+    filters: IkasProductCampaignFilter[] | null;
+    isApplyByCartAmount: boolean | null;
+    rules: IkasProductTieredDiscountRule[];
+    shouldMatchAllConditions: boolean | null;
+};

package/dist/storefront-models/src/models/product/variant/index.d.ts

@@ -29,3 +29,20 @@ export type IkasAppliedCampaignAmount = {
     formattedPrice: string | null;
     discountPercentage: string | null;
 };
+export type IkasTieredDiscountProduct = {
+    amount: number | null;
+    lineItemQuantityRange: {
+        min: number;
+        max: number;
+    };
+    type: IkasCampaignType;
+    sellPrice: number;
+    finalPrice: number;
+    sellPriceWithQuantity: number;
+    finalPriceWithQuantity: number;
+    formattedSellPrice: string;
+    formattedSellPriceWithQuantity: string;
+    formattedFinalPrice: string;
+    formattedFinalPriceWithQuantity: string;
+    salesChannelIds: string[] | null;
+};

package/dist/utils/component-renderer.js

@@ -1 +1 @@
-import{__assign as r}from'./../ext/tslib/tslib.es6.mjs.js';import{createElement as t}from'./../ext/preact/dist/preact.mjs.js';import{useRef as n,useMemo as e,useEffect as o}from'./../ext/preact/hooks/dist/hooks.mjs.js';var c={};function a(r,t){for(var n=[],e=r;e;){var o=e.getAttribute("id");o&&n.unshift(o),e=e.parentElement}var c=n.map(function(r){return'[id="'.concat(r,'"]')}).join(" ");return c?"".concat(c,' [id="').concat(t,'"]'):'[id="'.concat(t,'"]')}function u(u){var i=u.id,s=u.components,f=u.style,l=u.className,m=u.parentProps,d=void 0===m?c:m,p=u.map,v=void 0===p?c:p,h=n([]),y=n(d),j=n(v),g=n(null);y.current=d,j.current=v;var E=e(function(){return(Array.isArray(s)?s:s?[s]:[]).flat().filter(Boolean)},[s]);o(function(){if(0!==E.length){h.current.forEach(function(r){return r()}),h.current=[];for(var t=0;t<E.length;t++){var n=E[t];if(n.l){var e="".concat(i,"-").concat(t),o=a(g.current,e),c=n.l(o,r(r({},y.current),j.current),{},{id:e,key:e});"function"==typeof c&&h.current.push(c)}}return function(){h.current.forEach(function(r){return r()}),h.current=[]}}},[E,i]);var _=e(function(){return 0===E.length?"":E.map(function(t,n){var e="".concat(i,"-").concat(n);return t.r(r(r({},y.current),j.current),{},{id:e,key:e})}).join("")},[E,i]);return 0===E.length?null:t("div",{id:i,ref:g,dangerouslySetInnerHTML:{__html:_},style:r({display:"contents"},f),className:l})}export{u as IkasComponentRenderer};
+import{__assign as t}from'./../ext/tslib/tslib.es6.mjs.js';import{createElement as r}from'./../ext/preact/dist/preact.mjs.js';import{useRef as n,useMemo as e,useEffect as c}from'./../ext/preact/hooks/dist/hooks.mjs.js';var o={},a="data-ikas-ccr",u=0;function i(t,r){if(!t)return function(t,r){for(var n=[],e=t;e;){var c=e.getAttribute("id");c&&n.unshift(c),e=e.parentElement}var o=n.map(function(t){return'[id="'.concat(t,'"]')}).join(" ");return o?"".concat(o,' [id="').concat(r,'"]'):'[id="'.concat(r,'"]')}(t,r);var n=t.getAttribute(a);return n||(n="r".concat(++u),t.setAttribute(a,n)),"[".concat(a,'="').concat(n,'"] > [id="').concat(r,'"]')}function s(a){var u=a.id,s=a.components,f=a.style,l=a.className,d=a.parentProps,m=void 0===d?o:d,p=a.map,v=void 0===p?o:p,h=n([]),y=n(m),j=n(v),g=n(null);y.current=m,j.current=v;var b=e(function(){return(Array.isArray(s)?s:s?[s]:[]).flat().filter(Boolean)},[s]);c(function(){if(0!==b.length){h.current.forEach(function(t){return t()}),h.current=[];for(var r=0;r<b.length;r++){var n=b[r];if(n.l){var e="".concat(u,"-").concat(r),c=i(g.current,e),o=n.l(c,t(t({},y.current),j.current),{},{id:e,key:e});"function"==typeof o&&h.current.push(o)}}return function(){h.current.forEach(function(t){return t()}),h.current=[]}}},[b,u]);var k=e(function(){return 0===b.length?"":b.map(function(r,n){var e="".concat(u,"-").concat(n);return r.r(t(t({},y.current),j.current),{},{id:e,key:e})}).join("")},[b,u]);return 0===b.length?null:r("div",{id:u,ref:g,dangerouslySetInnerHTML:{__html:k},style:t({display:"contents"},f),className:l})}export{s as IkasComponentRenderer};