@repobit/dex-store-elements 1.7.2 → 2.0.0

package/dist/src/renders/attributes/hide.js

@@ -1,28 +1,63 @@
 import { Compiler } from '../../dsl/compilers/index.js';
 import { toDSLContext } from '../context.js';
-const normalizeHideMode = (mode) => {
-    if (mode === 'opacity' || mode === 'visibility')
+const HIDE_MODES = new WeakMap();
+function normalizeHideMode(mode) {
+    if (mode === 'opacity' ||
+        mode === 'visibility') {
         return mode;
+    }
     return 'display';
-};
-const applyHideMode = (el, mode, hide) => {
+}
+function applyHideMode(el, mode, hide) {
+    const previousMode = HIDE_MODES.get(el);
+    if (previousMode &&
+        previousMode !== mode) {
+        resetHideMode(el, previousMode);
+    }
+    if (!hide) {
+        resetHideMode(el, mode);
+        HIDE_MODES.delete(el);
+        return;
+    }
+    HIDE_MODES.set(el, mode);
     if (mode === 'opacity') {
-        el.style.opacity = hide ? '0' : '';
+        el.style.opacity = '0';
         return;
     }
     if (mode === 'visibility') {
-        el.style.visibility = hide ? 'hidden' : '';
+        el.style.visibility = 'hidden';
         return;
     }
-    el.style.display = hide ? 'none' : '';
-};
-export const handleHide = async (el, ctx) => {
+    el.style.display = 'none';
+}
+function resetHideMode(el, mode) {
+    if (mode === 'opacity') {
+        el.style.opacity = '';
+        return;
+    }
+    if (mode === 'visibility') {
+        el.style.visibility = '';
+        return;
+    }
+    el.style.display = '';
+}
+function resetAppliedHideMode(el) {
+    const previousMode = HIDE_MODES.get(el);
+    if (!previousMode) {
+        return;
+    }
+    resetHideMode(el, previousMode);
+    HIDE_MODES.delete(el);
+}
+export const handleHide = (el, ctx) => {
     const { storeHide, storeHideType } = el.dataset;
-    if (!storeHide)
+    if (!storeHide) {
+        resetAppliedHideMode(el);
         return;
-    const dslCtx = await toDSLContext(ctx);
-    const hide = Compiler.boolean({ expr: storeHide, ctx: dslCtx });
-    const mode = normalizeHideMode(storeHideType);
-    applyHideMode(el, mode, hide);
+    }
+    applyHideMode(el, normalizeHideMode(storeHideType), Compiler.boolean({
+        expr: storeHide,
+        ctx: toDSLContext(ctx)
+    }));
 };
 //# sourceMappingURL=hide.js.map

package/dist/src/renders/attributes/hide.js.map

@@ -1 +1 @@
-{"version":3,"file":"hide.js","sourceRoot":"","sources":["../../../../src/renders/attributes/hide.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAI1C,MAAM,iBAAiB,GAAG,CAAC,IAAa,EAAY,EAAE;IACpD,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,YAAY;QAAE,OAAO,IAAI,CAAC;IAC7D,OAAO,SAAS,CAAC;AACnB,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,CAAC,EAAe,EAAE,IAAc,EAAE,IAAa,EAAE,EAAE;IACvE,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;QACnC,OAAO;IACT,CAAC;IAED,IAAI,IAAI,KAAK,YAAY,EAAE,CAAC;QAC1B,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;QAC3C,OAAO;IACT,CAAC;IAED,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;AACxC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,EAAE,EAAe,EAAE,GAAmB,EAAE,EAAE;IACvE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC;IAChD,IAAI,CAAC,SAAS;QAAE,OAAO;IAEvB,MAAM,MAAM,GAAG,MAAM,YAAY,CAAC,GAAG,CAAC,CAAC;IACvC,MAAM,IAAI,GAAG,QAAQ,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,CAAC;IAChE,MAAM,IAAI,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAE9C,aAAa,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAChC,CAAC,CAAC","sourcesContent":["import { Compiler } from '@/dsl/compilers';\nimport type { UnifiedContext } from '../context';\nimport { toDSLContext } from '../context';\n\ntype HideMode = 'display' | 'opacity' | 'visibility';\n\nconst normalizeHideMode = (mode?: string): HideMode => {\n  if (mode === 'opacity' || mode === 'visibility') return mode;\n  return 'display';\n};\n\nconst applyHideMode = (el: HTMLElement, mode: HideMode, hide: boolean) => {\n  if (mode === 'opacity') {\n    el.style.opacity = hide ? '0' : '';\n    return;\n  }\n\n  if (mode === 'visibility') {\n    el.style.visibility = hide ? 'hidden' : '';\n    return;\n  }\n\n  el.style.display = hide ? 'none' : '';\n};\n\nexport const handleHide = async (el: HTMLElement, ctx: UnifiedContext) => {\n  const { storeHide, storeHideType } = el.dataset;\n  if (!storeHide) return;\n\n  const dslCtx = await toDSLContext(ctx);\n  const hide = Compiler.boolean({ expr: storeHide, ctx: dslCtx });\n  const mode = normalizeHideMode(storeHideType);\n\n  applyHideMode(el, mode, hide);\n};\n"]}
+{"version":3,"file":"hide.js","sourceRoot":"","sources":["../../../../src/renders/attributes/hide.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAI7C,MAAM,UAAU,GAAG,IAAI,OAAO,EAAyB,CAAC;AAExD,SAAS,iBAAiB,CACxB,IAAa;IAEb,IACE,IAAI,KAAK,SAAS;QAClB,IAAI,KAAK,YAAY,EACrB,CAAC;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,SAAS,aAAa,CACpB,EAAe,EACf,IAAc,EACd,IAAa;IAEb,MAAM,YAAY,GAAG,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAExC,IACE,YAAY;QACZ,YAAY,KAAK,IAAI,EACrB,CAAC;QACD,aAAa,CACX,EAAE,EACF,YAAY,CACb,CAAC;IACJ,CAAC;IAED,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,aAAa,CACX,EAAE,EACF,IAAI,CACL,CAAC;QACF,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;QACtB,OAAO;IACT,CAAC;IAED,UAAU,CAAC,GAAG,CACZ,EAAE,EACF,IAAI,CACL,CAAC;IAEF,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;QACvB,OAAO;IACT,CAAC;IAED,IAAI,IAAI,KAAK,YAAY,EAAE,CAAC;QAC1B,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;QAC/B,OAAO;IACT,CAAC;IAED,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;AAC5B,CAAC;AAED,SAAS,aAAa,CACpB,EAAe,EACf,IAAc;IAEd,IAAI,IAAI,KAAK,SAAS,EAAE,CAAC;QACvB,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;QACtB,OAAO;IACT,CAAC;IAED,IAAI,IAAI,KAAK,YAAY,EAAE,CAAC;QAC1B,EAAE,CAAC,KAAK,CAAC,UAAU,GAAG,EAAE,CAAC;QACzB,OAAO;IACT,CAAC;IAED,EAAE,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;AACxB,CAAC;AAED,SAAS,oBAAoB,CAC3B,EAAe;IAEf,MAAM,YAAY,GAAG,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IAExC,IAAI,CAAC,YAAY,EAAE,CAAC;QAClB,OAAO;IACT,CAAC;IAED,aAAa,CACX,EAAE,EACF,YAAY,CACb,CAAC;IACF,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;AACxB,CAAC;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,EAAe,EACf,GAAkB,EACZ,EAAE;IACR,MAAM,EACJ,SAAS,EACT,aAAa,EACd,GAAG,EAAE,CAAC,OAAO,CAAC;IAEf,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,oBAAoB,CAAC,EAAE,CAAC,CAAC;QACzB,OAAO;IACT,CAAC;IAED,aAAa,CACX,EAAE,EACF,iBAAiB,CAAC,aAAa,CAAC,EAChC,QAAQ,CAAC,OAAO,CAAC;QACf,IAAI,EAAE,SAAS;QACf,GAAG,EAAG,YAAY,CAAC,GAAG,CAAC;KACxB,CAAC,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Compiler } from '@/dsl/compilers/index.js';\nimport type { RenderContext } from '../context.js';\nimport { toDSLContext } from '../context.js';\n\ntype HideMode = 'display' | 'opacity' | 'visibility';\n\nconst HIDE_MODES = new WeakMap<HTMLElement, HideMode>();\n\nfunction normalizeHideMode(\n  mode?: string\n): HideMode {\n  if (\n    mode === 'opacity' ||\n    mode === 'visibility'\n  ) {\n    return mode;\n  }\n\n  return 'display';\n}\n\nfunction applyHideMode(\n  el: HTMLElement,\n  mode: HideMode,\n  hide: boolean\n): void {\n  const previousMode = HIDE_MODES.get(el);\n\n  if (\n    previousMode &&\n    previousMode !== mode\n  ) {\n    resetHideMode(\n      el,\n      previousMode\n    );\n  }\n\n  if (!hide) {\n    resetHideMode(\n      el,\n      mode\n    );\n    HIDE_MODES.delete(el);\n    return;\n  }\n\n  HIDE_MODES.set(\n    el,\n    mode\n  );\n\n  if (mode === 'opacity') {\n    el.style.opacity = '0';\n    return;\n  }\n\n  if (mode === 'visibility') {\n    el.style.visibility = 'hidden';\n    return;\n  }\n\n  el.style.display = 'none';\n}\n\nfunction resetHideMode(\n  el: HTMLElement,\n  mode: HideMode\n): void {\n  if (mode === 'opacity') {\n    el.style.opacity = '';\n    return;\n  }\n\n  if (mode === 'visibility') {\n    el.style.visibility = '';\n    return;\n  }\n\n  el.style.display = '';\n}\n\nfunction resetAppliedHideMode(\n  el: HTMLElement\n): void {\n  const previousMode = HIDE_MODES.get(el);\n\n  if (!previousMode) {\n    return;\n  }\n\n  resetHideMode(\n    el,\n    previousMode\n  );\n  HIDE_MODES.delete(el);\n}\n\nexport const handleHide = (\n  el: HTMLElement,\n  ctx: RenderContext\n): void => {\n  const {\n    storeHide,\n    storeHideType\n  } = el.dataset;\n\n  if (!storeHide) {\n    resetAppliedHideMode(el);\n    return;\n  }\n\n  applyHideMode(\n    el,\n    normalizeHideMode(storeHideType),\n    Compiler.boolean({\n      expr: storeHide,\n      ctx : toDSLContext(ctx)\n    })\n  );\n};\n"]}

package/dist/src/renders/attributes/index.d.ts

@@ -1,3 +1,3 @@
-import type { UnifiedContext } from '../context.js';
-export type AttributeHandler = (el: HTMLElement, ctx: UnifiedContext) => void | Promise<void>;
-export declare const renderAttributes: (el: HTMLElement, ctx: UnifiedContext) => Promise<void>;
+import type { RenderContext } from '../context.js';
+export type AttributeHandler = (el: HTMLElement, ctx: RenderContext) => void | Promise<void>;
+export declare const renderAttributes: (el: HTMLElement, ctx: RenderContext) => Promise<void>;

package/dist/src/renders/attributes/index.js

@@ -4,7 +4,6 @@ import { handleDiscount } from './discount.js';
 import { handleHide } from './hide.js';
 import { handlePrice } from './price.js';
 import { handleSubscription } from './subscription.js';
-// Dispatch known attribute handlers. Order matters for conflicts; keep hide last.
 const handlers = [
     handleDevices,
     handleSubscription,
@@ -12,11 +11,10 @@ const handlers = [
     handlePrice,
     handleDiscount,
     handleHide
-    // further handlers (devices, subscription, links) will be pushed here
 ];
 export const renderAttributes = async (el, ctx) => {
-    for (const h of handlers) {
-        await h(el, ctx);
+    for (const handler of handlers) {
+        await handler(el, ctx);
     }
 };
 //# sourceMappingURL=index.js.map

package/dist/src/renders/attributes/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/renders/attributes/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAIpD,kFAAkF;AAClF,MAAM,QAAQ,GAAuB;IACnC,aAAa;IACb,kBAAkB;IAClB,aAAa;IACb,WAAW;IACX,cAAc;IACd,UAAU;IACV,sEAAsE;CACvE,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,EAAE,EAAe,EAAE,GAAmB,EAAE,EAAE;IAC7E,KAAK,MAAM,CAAC,IAAI,QAAQ,EAAE,CAAC;QACzB,MAAM,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC;IACnB,CAAC;AACH,CAAC,CAAC","sourcesContent":["import type { UnifiedContext } from '../context';\nimport { handleBuyLink } from './buyLink';\nimport { handleDevices } from './devices';\nimport { handleDiscount } from './discount';\nimport { handleHide } from './hide';\nimport { handlePrice } from './price';\nimport { handleSubscription } from './subscription';\n\nexport type AttributeHandler = (el: HTMLElement, ctx: UnifiedContext) => void | Promise<void>;\n\n// Dispatch known attribute handlers. Order matters for conflicts; keep hide last.\nconst handlers: AttributeHandler[] = [\n  handleDevices,\n  handleSubscription,\n  handleBuyLink,\n  handlePrice,\n  handleDiscount,\n  handleHide\n  // further handlers (devices, subscription, links) will be pushed here\n];\n\nexport const renderAttributes = async (el: HTMLElement, ctx: UnifiedContext) => {\n  for (const h of handlers) {\n    await h(el, ctx);\n  }\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/renders/attributes/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAOvD,MAAM,QAAQ,GAAuB;IACnC,aAAa;IACb,kBAAkB;IAClB,aAAa;IACb,WAAW;IACX,cAAc;IACd,UAAU;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,KAAK,EACnC,EAAe,EACf,GAAkB,EACH,EAAE;IACjB,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE,CAAC;QAC/B,MAAM,OAAO,CACX,EAAE,EACF,GAAG,CACJ,CAAC;IACJ,CAAC;AACH,CAAC,CAAC","sourcesContent":["import type { RenderContext } from '../context.js';\nimport { handleBuyLink } from './buyLink.js';\nimport { handleDevices } from './devices.js';\nimport { handleDiscount } from './discount.js';\nimport { handleHide } from './hide.js';\nimport { handlePrice } from './price.js';\nimport { handleSubscription } from './subscription.js';\n\nexport type AttributeHandler = (\n  el: HTMLElement,\n  ctx: RenderContext\n) => void | Promise<void>;\n\nconst handlers: AttributeHandler[] = [\n  handleDevices,\n  handleSubscription,\n  handleBuyLink,\n  handlePrice,\n  handleDiscount,\n  handleHide\n];\n\nexport const renderAttributes = async (\n  el: HTMLElement,\n  ctx: RenderContext\n): Promise<void> => {\n  for (const handler of handlers) {\n    await handler(\n      el,\n      ctx\n    );\n  }\n};\n"]}

package/dist/src/renders/attributes/price.d.ts

@@ -1,2 +1,2 @@
-import type { UnifiedContext } from '../context.js';
-export declare const handlePrice: (el: HTMLElement, ctx: UnifiedContext) => void;
+import type { RenderContext } from '../context.js';
+export declare const handlePrice: (el: HTMLElement, ctx: RenderContext) => void;

package/dist/src/renders/attributes/price.js

@@ -1,7 +1,13 @@
 import { Compiler } from '../../dsl/compilers/index.js';
+import { getDiscountedPrice } from '../context.js';
 import { isPresent } from './utilty.js';
-const OPTION_PRICE_TOKENS = ['full', 'discounted', 'full-monthly', 'discounted-monthly'];
-const STATE_PRICE_TOKENS = [
+const OPTION_PRICE_TOKENS = [
+    'full',
+    'discounted',
+    'full-monthly',
+    'discounted-monthly'
+];
+const COMPUTE_PRICE_TOKENS = [
     'min-full',
     'max-full',
     'min-discounted',
@@ -11,64 +17,44 @@ const STATE_PRICE_TOKENS = [
     'min-discounted-monthly',
     'max-discounted-monthly'
 ];
-const OPTION_PRICE_AVAILABLE = {
-    'full': (option) => isPresent(option.getPrice({ currency: false })),
-    'discounted': (option) => isPresent(option.getDiscountedPrice({ currency: false })),
-    'full-monthly': (option) => isPresent(option.getPrice({ currency: false, monthly: true })),
-    'discounted-monthly': (option) => isPresent(option.getDiscountedPrice({ currency: false, monthly: true }))
-};
-const OPTION_PRICE_RENDER = {
-    'full': (option) => option.getPrice(),
-    'discounted': (option) => option.getDiscountedPrice(),
-    'full-monthly': (option) => option.getPrice({ monthly: true }),
-    'discounted-monthly': (option) => option.getDiscountedPrice({ monthly: true })
-};
-const STATE_PRICE_AVAILABLE = {
-    'min-full': (state) => Boolean(state.price.min.fmt),
-    'max-full': (state) => Boolean(state.price.max.fmt),
-    'min-full-monthly': (state) => Boolean(state.price.monthly.min.fmt),
-    'max-full-monthly': (state) => Boolean(state.price.monthly.max.fmt),
-    'min-discounted': (state) => Boolean(state.discountedPrice.min.fmt),
-    'max-discounted': (state) => Boolean(state.discountedPrice.max.fmt),
-    'min-discounted-monthly': (state) => Boolean(state.discountedPrice.monthly.min.fmt),
-    'max-discounted-monthly': (state) => Boolean(state.discountedPrice.monthly.max.fmt)
-};
-const STATE_PRICE_RENDER = {
-    'min-full': (state) => state.price.min.fmt,
-    'max-full': (state) => state.price.max.fmt,
-    'min-full-monthly': (state) => state.price.monthly.min.fmt,
-    'max-full-monthly': (state) => state.price.monthly.max.fmt,
-    'min-discounted': (state) => state.discountedPrice.min.fmt,
-    'max-discounted': (state) => state.discountedPrice.max.fmt,
-    'min-discounted-monthly': (state) => state.discountedPrice.monthly.min.fmt,
-    'max-discounted-monthly': (state) => state.discountedPrice.monthly.max.fmt
-};
-// Handles both data-store-price (option-level) and data-store-context-price (state-level)
 export const handlePrice = (el, ctx) => {
     const { storePrice, storeContextPrice } = el.dataset;
     const option = ctx.option;
-    // Option-level price
     if (storePrice && option) {
+        const renderers = {
+            'full': () => option.getPrice(),
+            'discounted': () => getDiscountedPrice(option),
+            'full-monthly': () => option.getPrice({ monthly: true }),
+            'discounted-monthly': () => getDiscountedPrice(option, { monthly: true })
+        };
         const chosen = Compiler.enum({
             expr: storePrice,
             allowed: OPTION_PRICE_TOKENS,
-            isAvailable: (token) => OPTION_PRICE_AVAILABLE[token](option)
+            isAvailable: (token) => isPresent(renderers[token]())
         });
         if (chosen) {
-            el.textContent = OPTION_PRICE_RENDER[chosen](option);
+            el.textContent = renderers[chosen]() ?? '';
             return;
         }
     }
-    const state = ctx.state;
-    // State-level price
-    if (storeContextPrice && state) {
+    if (storeContextPrice && ctx.compute) {
+        const renderers = {
+            'min-full': () => ctx.compute?.price.min.fmt,
+            'max-full': () => ctx.compute?.price.max.fmt,
+            'min-discounted': () => ctx.compute?.discountedPrice.min.fmt,
+            'max-discounted': () => ctx.compute?.discountedPrice.max.fmt,
+            'min-full-monthly': () => ctx.compute?.price.monthly.min.fmt,
+            'max-full-monthly': () => ctx.compute?.price.monthly.max.fmt,
+            'min-discounted-monthly': () => ctx.compute?.discountedPrice.monthly.min.fmt,
+            'max-discounted-monthly': () => ctx.compute?.discountedPrice.monthly.max.fmt
+        };
         const chosen = Compiler.enum({
             expr: storeContextPrice,
-            allowed: STATE_PRICE_TOKENS,
-            isAvailable: (token) => STATE_PRICE_AVAILABLE[token](state)
+            allowed: COMPUTE_PRICE_TOKENS,
+            isAvailable: (token) => isPresent(renderers[token]())
         });
         if (chosen) {
-            el.textContent = STATE_PRICE_RENDER[chosen](state);
+            el.textContent = renderers[chosen]() ?? '';
         }
     }
 };

package/dist/src/renders/attributes/price.js.map

@@ -1 +1 @@
-{"version":3,"file":"price.js","sourceRoot":"","sources":["../../../../src/renders/attributes/price.ts"],"names":[],"mappings":"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","sourcesContent":["import { Compiler } from '@/dsl/compilers';\nimport type { UnifiedContext } from '../context';\nimport { isPresent } from './utilty';\n\nconst OPTION_PRICE_TOKENS = ['full', 'discounted', 'full-monthly', 'discounted-monthly'] as const;\ntype OptionPriceToken = typeof OPTION_PRICE_TOKENS[number];\ntype OptionCtx = NonNullable<UnifiedContext['option']>;\n\nconst STATE_PRICE_TOKENS = [\n  'min-full',\n  'max-full',\n  'min-discounted',\n  'max-discounted',\n  'min-full-monthly',\n  'max-full-monthly',\n  'min-discounted-monthly',\n  'max-discounted-monthly'\n] as const;\ntype StatePriceToken = typeof STATE_PRICE_TOKENS[number];\ntype StateCtx = NonNullable<UnifiedContext['state']>;\n\nconst OPTION_PRICE_AVAILABLE = {\n  'full'              : (option: OptionCtx) => isPresent(option.getPrice({ currency: false })),\n  'discounted'        : (option: OptionCtx) => isPresent(option.getDiscountedPrice({ currency: false })),\n  'full-monthly'      : (option: OptionCtx) => isPresent(option.getPrice({ currency: false, monthly: true })),\n  'discounted-monthly': (option: OptionCtx) => isPresent(option.getDiscountedPrice({ currency: false, monthly: true }))\n} satisfies Record<OptionPriceToken, (option: OptionCtx) => boolean>;\n\nconst OPTION_PRICE_RENDER = {\n  'full'              : (option: OptionCtx) => option.getPrice(),\n  'discounted'        : (option: OptionCtx) => option.getDiscountedPrice(),\n  'full-monthly'      : (option: OptionCtx) => option.getPrice({ monthly: true }),\n  'discounted-monthly': (option: OptionCtx) => option.getDiscountedPrice({ monthly: true })\n} satisfies Record<OptionPriceToken, (option: OptionCtx) => string>;\n\nconst STATE_PRICE_AVAILABLE = {\n  'min-full'              : (state: StateCtx) => Boolean(state.price.min.fmt),\n  'max-full'              : (state: StateCtx) => Boolean(state.price.max.fmt),\n  'min-full-monthly'      : (state: StateCtx) => Boolean(state.price.monthly.min.fmt),\n  'max-full-monthly'      : (state: StateCtx) => Boolean(state.price.monthly.max.fmt),\n  'min-discounted'        : (state: StateCtx) => Boolean(state.discountedPrice.min.fmt),\n  'max-discounted'        : (state: StateCtx) => Boolean(state.discountedPrice.max.fmt),\n  'min-discounted-monthly': (state: StateCtx) => Boolean(state.discountedPrice.monthly.min.fmt),\n  'max-discounted-monthly': (state: StateCtx) => Boolean(state.discountedPrice.monthly.max.fmt)\n} satisfies Record<StatePriceToken, (state: StateCtx) => boolean>;\n\nconst STATE_PRICE_RENDER = {\n  'min-full'              : (state: StateCtx) => state.price.min.fmt,\n  'max-full'              : (state: StateCtx) => state.price.max.fmt,\n  'min-full-monthly'      : (state: StateCtx) => state.price.monthly.min.fmt,\n  'max-full-monthly'      : (state: StateCtx) => state.price.monthly.max.fmt,\n  'min-discounted'        : (state: StateCtx) => state.discountedPrice.min.fmt,\n  'max-discounted'        : (state: StateCtx) => state.discountedPrice.max.fmt,\n  'min-discounted-monthly': (state: StateCtx) => state.discountedPrice.monthly.min.fmt,\n  'max-discounted-monthly': (state: StateCtx) => state.discountedPrice.monthly.max.fmt\n} satisfies Record<StatePriceToken, (state: StateCtx) => string>;\n\n// Handles both data-store-price (option-level) and data-store-context-price (state-level)\nexport const handlePrice = (el: HTMLElement, ctx: UnifiedContext) => {\n  const { storePrice, storeContextPrice } = el.dataset;\n  const option = ctx.option;\n\n  // Option-level price\n  if (storePrice && option) {\n    const chosen = Compiler.enum<OptionPriceToken>({\n      expr       : storePrice,\n      allowed    : OPTION_PRICE_TOKENS,\n      isAvailable: (token) => OPTION_PRICE_AVAILABLE[token](option)\n    });\n\n    if (chosen) {\n      el.textContent = OPTION_PRICE_RENDER[chosen](option);\n      return;\n    }\n  }\n\n  const state = ctx.state;\n\n  // State-level price\n  if (storeContextPrice && state) {\n    const chosen = Compiler.enum<StatePriceToken>({\n      expr       : storeContextPrice,\n      allowed    : STATE_PRICE_TOKENS,\n      isAvailable: (token) => STATE_PRICE_AVAILABLE[token](state)\n    });\n\n    if (chosen) {\n      el.textContent = STATE_PRICE_RENDER[chosen](state);\n    }\n  }\n};\n"]}
+{"version":3,"file":"price.js","sourceRoot":"","sources":["../../../../src/renders/attributes/price.ts"],"names":[],"mappings":"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","sourcesContent":["import { Compiler } from '@/dsl/compilers/index.js';\nimport type { RenderContext } from '../context.js';\nimport { getDiscountedPrice } from '../context.js';\nimport { isPresent } from './utilty.js';\n\nconst OPTION_PRICE_TOKENS = [\n  'full',\n  'discounted',\n  'full-monthly',\n  'discounted-monthly'\n] as const;\n\ntype OptionPriceToken = typeof OPTION_PRICE_TOKENS[number];\n\nconst COMPUTE_PRICE_TOKENS = [\n  'min-full',\n  'max-full',\n  'min-discounted',\n  'max-discounted',\n  'min-full-monthly',\n  'max-full-monthly',\n  'min-discounted-monthly',\n  'max-discounted-monthly'\n] as const;\n\ntype ComputePriceToken = typeof COMPUTE_PRICE_TOKENS[number];\n\nexport const handlePrice = (\n  el: HTMLElement,\n  ctx: RenderContext\n): void => {\n  const {\n    storePrice,\n    storeContextPrice\n  } = el.dataset;\n  const option = ctx.option;\n\n  if (storePrice && option) {\n    const renderers = {\n      'full'              : () => option.getPrice(),\n      'discounted'        : () => getDiscountedPrice(option),\n      'full-monthly'      : () => option.getPrice({ monthly: true }),\n      'discounted-monthly': () =>\n        getDiscountedPrice(\n          option,\n          { monthly: true }\n        )\n    } satisfies Record<OptionPriceToken, () => string | undefined>;\n\n    const chosen = Compiler.enum<OptionPriceToken>({\n      expr       : storePrice,\n      allowed    : OPTION_PRICE_TOKENS,\n      isAvailable: (token) => isPresent(renderers[token]())\n    });\n\n    if (chosen) {\n      el.textContent = renderers[chosen]() ?? '';\n      return;\n    }\n  }\n\n  if (storeContextPrice && ctx.compute) {\n    const renderers = {\n      'min-full'              : () => ctx.compute?.price.min.fmt,\n      'max-full'              : () => ctx.compute?.price.max.fmt,\n      'min-discounted'        : () => ctx.compute?.discountedPrice.min.fmt,\n      'max-discounted'        : () => ctx.compute?.discountedPrice.max.fmt,\n      'min-full-monthly'      : () => ctx.compute?.price.monthly.min.fmt,\n      'max-full-monthly'      : () => ctx.compute?.price.monthly.max.fmt,\n      'min-discounted-monthly': () =>\n        ctx.compute?.discountedPrice.monthly.min.fmt,\n      'max-discounted-monthly': () =>\n        ctx.compute?.discountedPrice.monthly.max.fmt\n    } satisfies Record<ComputePriceToken, () => string | undefined>;\n\n    const chosen = Compiler.enum<ComputePriceToken>({\n      expr       : storeContextPrice,\n      allowed    : COMPUTE_PRICE_TOKENS,\n      isAvailable: (token) => isPresent(renderers[token]())\n    });\n\n    if (chosen) {\n      el.textContent = renderers[chosen]() ?? '';\n    }\n  }\n};\n"]}

package/dist/src/renders/attributes/subscription.d.ts

@@ -1,2 +1,2 @@
-import type { UnifiedContext } from '../context.js';
-export declare const handleSubscription: (el: HTMLElement, ctx: UnifiedContext) => void;
+import type { RenderContext } from '../context.js';
+export declare const handleSubscription: (el: HTMLElement, ctx: RenderContext) => void;

package/dist/src/renders/attributes/subscription.js

@@ -1,34 +1,28 @@
 import { Compiler } from '../../dsl/compilers/index.js';
 import { formatSubscription } from '../../renders/format.js';
+import { buildSelectOptions } from './utilty.js';
 export const handleSubscription = (el, ctx) => {
     const { storeSubscription, storeSubscriptionType, storeTextSingle, storeTextMany } = el.dataset;
-    if (storeSubscription === undefined)
+    if (storeSubscription === undefined || !ctx.option) {
         return;
-    const option = ctx.option;
-    if (!option)
-        return;
-    const type = storeSubscriptionType === 'months' ? 'months' : 'years';
-    // input
+    }
+    const type = storeSubscriptionType === 'months'
+        ? 'months'
+        : 'years';
     if (el instanceof HTMLInputElement) {
-        const value = type === 'months' ? option.getSubscription() : Math.floor(option.getSubscription() / 12);
+        const value = type === 'months'
+            ? ctx.option.getSubscription()
+            : Math.floor(ctx.option.getSubscription() / 12);
         el.value = String(value);
         return;
     }
-    // select
     if (el instanceof HTMLSelectElement) {
-        const selectedSubscription = option.getSubscription();
-        const available = Compiler.array(storeSubscription) ?? option.getProduct().getSubscriptions().values;
-        el.options.length = 0;
-        for (const sub of available) {
-            const isSelected = sub === selectedSubscription;
-            const text = formatSubscription(sub, type, storeTextSingle, storeTextMany);
-            const htmlOption = new Option(text, String(sub), isSelected, isSelected);
-            htmlOption.setAttribute('data-store-set-subscription', String(sub));
-            el.add(htmlOption);
-        }
+        const selectedSubscription = ctx.option.getSubscription();
+        const available = Compiler.array(storeSubscription) ??
+            ctx.option.getProduct().getSubscriptions().values;
+        buildSelectOptions(el, available, selectedSubscription, (subscription) => formatSubscription(subscription, type, storeTextSingle, storeTextMany), 'data-store-set-subscription');
         return;
     }
-    // generic content
-    el.textContent = formatSubscription(option.getSubscription(), type, storeTextSingle, storeTextMany);
+    el.textContent = formatSubscription(ctx.option.getSubscription(), type, storeTextSingle, storeTextMany);
 };
 //# sourceMappingURL=subscription.js.map

package/dist/src/renders/attributes/subscription.js.map

@@ -1 +1 @@
-{"version":3,"file":"subscription.js","sourceRoot":"","sources":["../../../../src/renders/attributes/subscription.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAGtD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAe,EAAE,GAAmB,EAAE,EAAE;IACzE,MAAM,EACJ,iBAAiB,EACjB,qBAAqB,EACrB,eAAe,EACf,aAAa,EACd,GAAG,EAAE,CAAC,OAAO,CAAC;IACf,IAAI,iBAAiB,KAAK,SAAS;QAAE,OAAO;IAC5C,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC;IAC1B,IAAI,CAAC,MAAM;QAAE,OAAO;IAEpB,MAAM,IAAI,GAAG,qBAAqB,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;IAErE,QAAQ;IACR,IAAI,EAAE,YAAY,gBAAgB,EAAE,CAAC;QACnC,MAAM,KAAK,GAAG,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,eAAe,EAAE,GAAG,EAAE,CAAC,CAAC;QACvG,EAAE,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QACzB,OAAO;IACT,CAAC;IAED,SAAS;IACT,IAAI,EAAE,YAAY,iBAAiB,EAAE,CAAC;QACpC,MAAM,oBAAoB,GAAG,MAAM,CAAC,eAAe,EAAE,CAAC;QACtD,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC;QAErG,EAAE,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;QACtB,KAAK,MAAM,GAAG,IAAI,SAAS,EAAE,CAAC;YAC5B,MAAM,UAAU,GAAG,GAAG,KAAK,oBAAoB,CAAC;YAChD,MAAM,IAAI,GAAG,kBAAkB,CAC7B,GAAG,EACH,IAAI,EACJ,eAAe,EACf,aAAa,CACd,CAAC;YACF,MAAM,UAAU,GAAG,IAAI,MAAM,CAC3B,IAAI,EACJ,MAAM,CAAC,GAAG,CAAC,EACX,UAAU,EACV,UAAU,CACX,CAAC;YACF,UAAU,CAAC,YAAY,CAAC,6BAA6B,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;YACpE,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QACrB,CAAC;QACD,OAAO;IACT,CAAC;IAED,kBAAkB;IAClB,EAAE,CAAC,WAAW,GAAG,kBAAkB,CAAC,MAAM,CAAC,eAAe,EAAE,EAAE,IAAI,EAAE,eAAe,EAAE,aAAa,CAAC,CAAC;AACtG,CAAC,CAAC","sourcesContent":["import { Compiler } from '@/dsl/compilers';\nimport { formatSubscription } from '@/renders/format';\nimport type { UnifiedContext } from '../context';\n\nexport const handleSubscription = (el: HTMLElement, ctx: UnifiedContext) => {\n  const {\n    storeSubscription,\n    storeSubscriptionType,\n    storeTextSingle,\n    storeTextMany\n  } = el.dataset;\n  if (storeSubscription === undefined) return;\n  const option = ctx.option;\n  if (!option) return;\n\n  const type = storeSubscriptionType === 'months' ? 'months' : 'years';\n\n  // input\n  if (el instanceof HTMLInputElement) {\n    const value = type === 'months' ? option.getSubscription() : Math.floor(option.getSubscription() / 12);\n    el.value = String(value);\n    return;\n  }\n\n  // select\n  if (el instanceof HTMLSelectElement) {\n    const selectedSubscription = option.getSubscription();\n    const available = Compiler.array(storeSubscription) ?? option.getProduct().getSubscriptions().values;\n\n    el.options.length = 0;\n    for (const sub of available) {\n      const isSelected = sub === selectedSubscription;\n      const text = formatSubscription(\n        sub,\n        type,\n        storeTextSingle,\n        storeTextMany\n      );\n      const htmlOption = new Option(\n        text,\n        String(sub),\n        isSelected,\n        isSelected\n      );\n      htmlOption.setAttribute('data-store-set-subscription', String(sub));\n      el.add(htmlOption);\n    }\n    return;\n  }\n\n  // generic content\n  el.textContent = formatSubscription(option.getSubscription(), type, storeTextSingle, storeTextMany);\n};\n"]}
+{"version":3,"file":"subscription.js","sourceRoot":"","sources":["../../../../src/renders/attributes/subscription.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,EAAe,EACf,GAAkB,EACZ,EAAE;IACR,MAAM,EACJ,iBAAiB,EACjB,qBAAqB,EACrB,eAAe,EACf,aAAa,EACd,GAAG,EAAE,CAAC,OAAO,CAAC;IAEf,IAAI,iBAAiB,KAAK,SAAS,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;QACnD,OAAO;IACT,CAAC;IAED,MAAM,IAAI,GACR,qBAAqB,KAAK,QAAQ;QAChC,CAAC,CAAC,QAAQ;QACV,CAAC,CAAC,OAAO,CAAC;IAEd,IAAI,EAAE,YAAY,gBAAgB,EAAE,CAAC;QACnC,MAAM,KAAK,GACT,IAAI,KAAK,QAAQ;YACf,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,eAAe,EAAE;YAC9B,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,eAAe,EAAE,GAAG,EAAE,CAAC,CAAC;QAEpD,EAAE,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QACzB,OAAO;IACT,CAAC;IAED,IAAI,EAAE,YAAY,iBAAiB,EAAE,CAAC;QACpC,MAAM,oBAAoB,GAAG,GAAG,CAAC,MAAM,CAAC,eAAe,EAAE,CAAC;QAC1D,MAAM,SAAS,GACb,QAAQ,CAAC,KAAK,CAAC,iBAAiB,CAAC;YACjC,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,gBAAgB,EAAE,CAAC,MAAM,CAAC;QAEpD,kBAAkB,CAChB,EAAE,EACF,SAAS,EACT,oBAAoB,EACpB,CAAC,YAAY,EAAE,EAAE,CAAC,kBAAkB,CAClC,YAAY,EACZ,IAAI,EACJ,eAAe,EACf,aAAa,CACd,EACD,6BAA6B,CAC9B,CAAC;QAEF,OAAO;IACT,CAAC;IAED,EAAE,CAAC,WAAW,GAAG,kBAAkB,CACjC,GAAG,CAAC,MAAM,CAAC,eAAe,EAAE,EAC5B,IAAI,EACJ,eAAe,EACf,aAAa,CACd,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Compiler } from '@/dsl/compilers/index.js';\nimport { formatSubscription } from '@/renders/format.js';\nimport type { RenderContext } from '../context.js';\nimport { buildSelectOptions } from './utilty.js';\n\nexport const handleSubscription = (\n  el: HTMLElement,\n  ctx: RenderContext\n): void => {\n  const {\n    storeSubscription,\n    storeSubscriptionType,\n    storeTextSingle,\n    storeTextMany\n  } = el.dataset;\n\n  if (storeSubscription === undefined || !ctx.option) {\n    return;\n  }\n\n  const type =\n    storeSubscriptionType === 'months'\n      ? 'months'\n      : 'years';\n\n  if (el instanceof HTMLInputElement) {\n    const value =\n      type === 'months'\n        ? ctx.option.getSubscription()\n        : Math.floor(ctx.option.getSubscription() / 12);\n\n    el.value = String(value);\n    return;\n  }\n\n  if (el instanceof HTMLSelectElement) {\n    const selectedSubscription = ctx.option.getSubscription();\n    const available =\n      Compiler.array(storeSubscription) ??\n      ctx.option.getProduct().getSubscriptions().values;\n\n    buildSelectOptions(\n      el,\n      available,\n      selectedSubscription,\n      (subscription) => formatSubscription(\n        subscription,\n        type,\n        storeTextSingle,\n        storeTextMany\n      ),\n      'data-store-set-subscription'\n    );\n\n    return;\n  }\n\n  el.textContent = formatSubscription(\n    ctx.option.getSubscription(),\n    type,\n    storeTextSingle,\n    storeTextMany\n  );\n};\n"]}

package/dist/src/renders/attributes/utilty.d.ts

@@ -1,2 +1,4 @@
 export declare const isPresent: (value: unknown) => boolean;
 export declare const resolveAnchor: (el: HTMLElement) => HTMLAnchorElement | null;
+export type SelectOptionFormatter<T> = (value: T, index: number, values: readonly T[]) => string;
+export declare const buildSelectOptions: <T>(select: HTMLSelectElement, values: readonly T[], selectedValue: T, formatLabel: SelectOptionFormatter<T>, setAttributeName: string) => void;

package/dist/src/renders/attributes/utilty.js

@@ -1,5 +1,18 @@
-export const isPresent = (value) => value !== null
-    && value !== undefined
-    && (typeof value !== 'number' || Number.isFinite(value));
-export const resolveAnchor = (el) => el instanceof HTMLAnchorElement ? el : el.querySelector('a');
+export const isPresent = (value) => value !== null &&
+    value !== undefined &&
+    (typeof value !== 'number' || Number.isFinite(value));
+export const resolveAnchor = (el) => el instanceof HTMLAnchorElement
+    ? el
+    : el.querySelector('a');
+export const buildSelectOptions = (select, values, selectedValue, formatLabel, setAttributeName) => {
+    select.options.length = 0;
+    for (let index = 0; index < values.length; index += 1) {
+        const value = values[index];
+        const selected = value === selectedValue;
+        const label = formatLabel(value, index, values);
+        const option = new Option(label, String(value), selected, selected);
+        option.setAttribute(setAttributeName, String(value));
+        select.add(option);
+    }
+};
 //# sourceMappingURL=utilty.js.map

package/dist/src/renders/attributes/utilty.js.map

@@ -1 +1 @@
-{"version":3,"file":"utilty.js","sourceRoot":"","sources":["../../../../src/renders/attributes/utilty.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAc,EAAW,EAAE,CACnD,KAAK,KAAK,IAAI;OACX,KAAK,KAAK,SAAS;OACnB,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;AAE3D,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAe,EAA4B,EAAE,CACzE,EAAE,YAAY,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,aAAa,CAAoB,GAAG,CAAC,CAAC","sourcesContent":["export const isPresent = (value: unknown): boolean =>\n  value !== null\n  && value !== undefined\n  && (typeof value !== 'number' || Number.isFinite(value));\n\nexport const resolveAnchor = (el: HTMLElement): HTMLAnchorElement | null =>\n  el instanceof HTMLAnchorElement ? el : el.querySelector<HTMLAnchorElement>('a');\n"]}
+{"version":3,"file":"utilty.js","sourceRoot":"","sources":["../../../../src/renders/attributes/utilty.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG,CACvB,KAAc,EACL,EAAE,CACX,KAAK,KAAK,IAAI;IACd,KAAK,KAAK,SAAS;IACnB,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;AAExD,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,EAAe,EACW,EAAE,CAC5B,EAAE,YAAY,iBAAiB;IAC7B,CAAC,CAAC,EAAE;IACJ,CAAC,CAAC,EAAE,CAAC,aAAa,CAAoB,GAAG,CAAC,CAAC;AAQ/C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,MAAyB,EACzB,MAAoB,EACpB,aAAgB,EAChB,WAAqC,EACrC,gBAAwB,EAClB,EAAE;IACR,MAAM,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;IAE1B,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,IAAI,CAAC,EAAE,CAAC;QACtD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAC5B,MAAM,QAAQ,GAAG,KAAK,KAAK,aAAa,CAAC;QACzC,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QAChD,MAAM,MAAM,GAAG,IAAI,MAAM,CACvB,KAAK,EACL,MAAM,CAAC,KAAK,CAAC,EACb,QAAQ,EACR,QAAQ,CACT,CAAC;QAEF,MAAM,CAAC,YAAY,CAAC,gBAAgB,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QACrD,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC;AACH,CAAC,CAAC","sourcesContent":["export const isPresent = (\n  value: unknown\n): boolean =>\n  value !== null &&\n  value !== undefined &&\n  (typeof value !== 'number' || Number.isFinite(value));\n\nexport const resolveAnchor = (\n  el: HTMLElement\n): HTMLAnchorElement | null =>\n  el instanceof HTMLAnchorElement\n    ? el\n    : el.querySelector<HTMLAnchorElement>('a');\n\nexport type SelectOptionFormatter<T> = (\n  value: T,\n  index: number,\n  values: readonly T[]\n) => string;\n\nexport const buildSelectOptions = <T>(\n  select: HTMLSelectElement,\n  values: readonly T[],\n  selectedValue: T,\n  formatLabel: SelectOptionFormatter<T>,\n  setAttributeName: string\n): void => {\n  select.options.length = 0;\n\n  for (let index = 0; index < values.length; index += 1) {\n    const value = values[index];\n    const selected = value === selectedValue;\n    const label = formatLabel(value, index, values);\n    const option = new Option(\n      label,\n      String(value),\n      selected,\n      selected\n    );\n\n    option.setAttribute(setAttributeName, String(value));\n    select.add(option);\n  }\n};\n"]}

package/dist/src/renders/context.d.ts

@@ -1,11 +1,123 @@
-import type { derivedContextType } from '../contexts/context.derived.js';
-import type { stateContextType } from '../contexts/context.state.js';
-import type { Product, ProductOption } from '@repobit/dex-store';
-export type UnifiedContext = {
-    option?: ProductOption | null;
-    product?: Product | null;
-    state?: stateContextType;
-    derived?: derivedContextType | null;
-};
+import type { BdComputeResult } from '../compute/compute.expand.js';
+import type { BdScope } from '../contexts/context.scope.js';
+import type { Product, ProductOption, Store } from '@repobit/dex-store';
+export type RenderContext = Readonly<{
+    scope?: BdScope;
+    store?: BdScope['store'];
+    product?: Product;
+    option?: ProductOption;
+    compute?: BdComputeResult;
+}>;
 export type DSLContext = Record<string, unknown>;
-export declare const toDSLContext: ({ option, product, state, derived }: UnifiedContext) => Promise<DSLContext>;
+/**
+ * Flattened option context exposed to Eta templates and the hide DSL.
+ *
+ * Mirrors the v1 `it.option.*` shape: every value is a pre-formatted string
+ * (currency-aware), so templates and hide expressions never need to call
+ * `option.getPrice()` directly. `links.trial` is the only callable — it
+ * resolves a trial URL for a given duration (e.g. `'30 days'`).
+ */
+export type TemplateOptionContext = Readonly<{
+    price: {
+        full: string;
+        discounted: string | undefined;
+        fullMonthly: string;
+        discountedMonthly: string | undefined;
+    };
+    discount: {
+        percentage: string;
+        percentageMonthly: string;
+        value: string;
+        valueMonthly: string;
+    };
+    links: {
+        buy: string | undefined;
+        trial: (trialDuration: string) => string | undefined;
+    };
+    devices: number;
+    subscription: number;
+}>;
+export type TemplateProductContext = Readonly<{
+    id: string;
+    campaign: string | undefined;
+    name: string | undefined;
+}>;
+export type TemplateStateContext = Readonly<{
+    price: {
+        full: {
+            min: string;
+            max: string;
+            monthly: {
+                min: string;
+                max: string;
+            };
+        };
+        discounted: {
+            min: string;
+            max: string;
+            monthly: {
+                min: string;
+                max: string;
+            };
+        };
+    };
+    discount: {
+        percentage: {
+            min: string;
+            max: string;
+            monthly: {
+                min: string;
+                max: string;
+            };
+        };
+        value: {
+            min: string;
+            max: string;
+            monthly: {
+                min: string;
+                max: string;
+            };
+        };
+    };
+    scenarios: number;
+}>;
+/**
+ * Shape consumed by Eta templates and the hide DSL.
+ *
+ * Mirrors the v1 `it.*` layout: `option` / `product` / `state` are flattened
+ * DTOs, and `ctx` is an alias of `state`. `derived` is intentionally kept
+ * nested (see {@link BdScopedTemplateContext}) — v1 merged derived into the
+ * root via `deepmerge`; v2 exposes it explicitly so consumers can tell
+ * user-provided values apart from store-provided ones.
+ */
+export type TemplateDslContext = Readonly<{
+    store: Store | undefined;
+    product: TemplateProductContext | undefined;
+    option: TemplateOptionContext | undefined;
+    state: TemplateStateContext | undefined;
+    ctx: TemplateStateContext | undefined;
+}>;
+export declare function createRenderContext(scope: BdScope | undefined, compute: BdComputeResult | undefined): RenderContext;
+export declare function toDSLContext(ctx: RenderContext): DSLContext;
+/**
+ * Build the flattened, v1-shaped DSL context.
+ *
+ * Used by both the hide DSL compiler (`renders/attributes/hide.ts`) and the
+ * Eta template controller (`core/node.scope.ts`) so the two surfaces agree
+ * on `it.option.*` / `it.product.*` / `it.state.*` / `it.ctx.*`.
+ */
+export declare function buildTemplateDslContext(input: {
+    store: Store | undefined;
+    product: Product | undefined;
+    option: ProductOption | undefined;
+    state: BdComputeResult | undefined;
+}): TemplateDslContext;
+export declare function getDiscountedPrice(option: ProductOption, params?: {
+    monthly?: boolean;
+}): string | undefined;
+export declare function getDiscount(option: ProductOption, params?: {
+    monthly?: boolean;
+    percentage?: boolean;
+    symbol?: boolean;
+}): string | undefined;
+export declare function getProductName(product: Product): string | undefined;