@repobit/dex-store-elements 1.7.2 → 2.0.0

package/dist/src/nodes/node.product.js

@@ -4,88 +4,109 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { productContext } from "../contexts/context.product.js";
-import { ActionEvent } from "../events/events.js";
-import { toDSLContext } from "../renders/context.js";
-import { provide } from "@lit/context";
-import { Task } from "@lit/task";
-import { property } from "lit/decorators.js";
-import { StateNode } from "./node.state.js";
-export class ProductNode extends StateNode {
+import { extendBdProductScope } from '../contexts/context.scope.js';
+import { BdActionResolveController } from '../controllers/controller.action-resolve.js';
+import { BdScopedElement } from '../core/node.scope.js';
+import { property } from 'lit/decorators.js';
+export class ProductNode extends BdScopedElement {
     constructor() {
         super(...arguments);
-        // Use custom forward tasks; disable default passthrough.
-        this.autoForward = false;
-        // Reflect incoming product-change events and forward original event.
-        this._productChangeEvent = new Task(this, {
-            task: ([evt]) => {
-                if (!evt)
-                    return null;
-                if (this.isProductChange(evt)) {
-                    this.productId = evt.detail.id;
-                    this.campaign = evt.detail.campaign;
+        this.bundle = false;
+        this._workflow = new BdActionResolveController(this, {
+            name: 'product',
+            args: () => [
+                this.parentScope,
+                this.productId,
+                this.campaign,
+                this.bundle
+            ],
+            transition: ([parentScope]) => parentScope?.transition,
+            derive: ([parentScope, productId, campaign, bundle], { transition }) => {
+                const action = transition?.command.kind === 'set-action'
+                    ? transition.command.action
+                    : undefined;
+                /**
+                 * Bundle-only actions (set-action with `bundle: true`)
+                 * are NOT a product switch — they mean "add the named
+                 * product as a bundle on the current option". The
+                 * product node must keep publishing the current
+                 * product scope so `OptionNode` can toggle the bundle
+                 * against it. Forwarding `action.id` /
+                 * `action.campaign` here would race the option node
+                 * and produce a `scope.product` that disagrees with
+                 * the resolved `scope.option`.
+                 */
+                if (action?.bundle) {
+                    return [
+                        parentScope,
+                        productId,
+                        campaign,
+                        bundle
+                    ];
                 }
-                this._forwardAndNotify(evt);
+                return [
+                    parentScope,
+                    action?.id ?? productId,
+                    action?.campaign ?? campaign,
+                    action?.bundle ?? bundle
+                ];
             },
-            args: () => [this._event]
-        });
-        // Synthesize product-change events when attributes change locally.
-        this._forwardEventTask = new Task(this, {
-            task: ([id, campaign]) => {
-                const evt = this._event;
-                if (evt && this.isProductChange(evt)) {
-                    const { id: evtId, campaign: evtCampaign } = evt.detail;
-                    if (evtId === id && evtCampaign === campaign) {
-                        return; // skip resynthesizing if mirroring incoming event
-                    }
-                }
-                if (id) {
-                    this._forwardAndNotify(new ActionEvent({ id, campaign }));
+            enabled: ([parentScope, productId]) => Boolean(parentScope?.store &&
+                productId),
+            resolve: async ([parentScope, productId, campaign]) => {
+                if (!parentScope?.store || !productId) {
+                    return undefined;
                 }
+                return await parentScope.store.getProduct({
+                    id: productId,
+                    campaign
+                });
             },
-            args: () => [this.productId, this.campaign]
-        });
-        this._loadProductTask = new Task(this, {
-            task: async ([store, id, campaign]) => {
-                if (!store || !id) {
+            filterTransition: (candidate) => this._filterTransition(candidate),
+            commit: (product, [parentScope, productId, campaign, bundle], _resolveContext, actionContext) => {
+                if (!product ||
+                    !parentScope ||
+                    !productId) {
                     this.product = undefined;
-                    return undefined;
+                    this.clearScope();
+                    return;
                 }
-                const product = await store.getProduct({ id, campaign });
                 this.product = product;
-                return product;
+                this.productId = productId;
+                this.campaign = campaign;
+                this.bundle = bundle;
+                this.publishScope(extendBdProductScope(parentScope, product, actionContext.transition));
             },
-            args: () => [this._store, this.productId, this.campaign]
+            onDisabled: () => {
+                this.product = undefined;
+                this.clearScope();
+            }
         });
     }
-    _forwardAndNotify(event) {
-        this._forwardEvent(event);
-        this._notifyParent();
-    }
-    getEtaArgs() {
-        return [this.product, this.state, this._derived];
-    }
-    async buildEtaContext() {
-        if (!this.product)
-            return undefined;
-        return await toDSLContext({ product: this.product, state: this.state, derived: this._derived });
-    }
-    async getUpdateComplete() {
-        const result = await super.getUpdateComplete();
-        await this._productChangeEvent.taskComplete;
-        await this._forwardEventTask.taskComplete;
-        await this._loadProductTask.taskComplete;
-        return result;
+    get scope() {
+        return this.currentScope;
     }
 }
 __decorate([
-    property({ attribute: 'product-id', reflect: true })
+    property({
+        attribute: 'product-id',
+        reflect: true
+    })
 ], ProductNode.prototype, "productId", void 0);
 __decorate([
-    property({ reflect: true })
+    property({
+        reflect: true
+    })
 ], ProductNode.prototype, "campaign", void 0);
 __decorate([
-    provide({ context: productContext }),
-    property({ attribute: false })
+    property({
+        type: Boolean,
+        reflect: true
+    })
+], ProductNode.prototype, "bundle", void 0);
+__decorate([
+    property({
+        attribute: false
+    })
 ], ProductNode.prototype, "product", void 0);
 //# sourceMappingURL=node.product.js.map

package/dist/src/nodes/node.product.js.map

@@ -1 +1 @@
-{"version":3,"file":"node.product.js","sourceRoot":"","sources":["../../../src/nodes/node.product.ts"],"names":[],"mappings":"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","sourcesContent":["import { productContext } from \"@/contexts/context.product\";\nimport { ActionEvent } from \"@/events/events\";\nimport { toDSLContext } from \"@/renders/context\";\nimport { provide } from \"@lit/context\";\nimport { Task } from \"@lit/task\";\nimport type { Product } from \"@repobit/dex-store\";\nimport { property } from \"lit/decorators.js\";\nimport { StateNode } from \"./node.state\";\n\nexport class ProductNode extends StateNode {\n  // Use custom forward tasks; disable default passthrough.\n  autoForward = false;\n  @property({ attribute: 'product-id', reflect: true })\n  productId?: string;\n\n  @property({ reflect: true })\n  campaign?: string;\n\n  @provide({ context: productContext })\n  @property({ attribute: false })\n  product?: Product;\n\n  private _forwardAndNotify(event?: ActionEvent) {\n    this._forwardEvent(event);\n    this._notifyParent();\n  }\n\n  // Reflect incoming product-change events and forward original event.\n  private _productChangeEvent = new Task(this, {\n    task: ([evt]) => {\n      if (!evt) return null;\n      if (this.isProductChange(evt)) {\n        this.productId = evt.detail.id;\n        this.campaign = evt.detail.campaign;\n      }\n      this._forwardAndNotify(evt);\n    },\n    args: () => [this._event]\n  });\n\n  // Synthesize product-change events when attributes change locally.\n  private _forwardEventTask = new Task(this, {\n    task: ([id, campaign]) => {\n      const evt = this._event;\n      if (evt && this.isProductChange(evt)) {\n        const { id: evtId, campaign: evtCampaign } = evt.detail;\n        if (evtId === id && evtCampaign === campaign) {\n          return; // skip resynthesizing if mirroring incoming event\n        }\n      }\n      if (id) {\n        this._forwardAndNotify(new ActionEvent({ id, campaign }));\n      }\n    },\n    args: () => [this.productId, this.campaign]\n  });\n\n  private _loadProductTask = new Task(this, {\n    task: async ([store, id, campaign]) => {\n      if (!store || !id) {\n        this.product = undefined;\n        return undefined;\n      }\n      const product = await store.getProduct({ id, campaign });\n      this.product = product;\n      return product;\n    },\n    args: () => [this._store, this.productId, this.campaign]\n  });\n\n  override getEtaArgs(): unknown[] {\n    return [this.product, this.state, this._derived];\n  }\n\n  override async buildEtaContext(): Promise<object | undefined> {\n    if (!this.product) return undefined;\n    return await toDSLContext({ product: this.product, state: this.state, derived: this._derived });\n  }\n\n  protected async getUpdateComplete() {\n    const result = await super.getUpdateComplete();\n    await this._productChangeEvent.taskComplete;\n    await this._forwardEventTask.taskComplete;\n    await this._loadProductTask.taskComplete;\n    return result;\n  }\n}\n"]}
+{"version":3,"file":"node.product.js","sourceRoot":"","sources":["../../../src/nodes/node.product.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  extendBdProductScope,\n  type BdScope\n} from '@/contexts/context.scope.js';\nimport { BdActionResolveController } from '@/controllers/controller.action-resolve.js';\nimport { BdScopedElement } from '@/core/node.scope.js';\nimport type { Product } from '@repobit/dex-store';\nimport { property } from 'lit/decorators.js';\n\nexport class ProductNode extends BdScopedElement {\n  @property({\n    attribute: 'product-id',\n    reflect  : true\n  })\n  productId?: string;\n\n  @property({\n    reflect: true\n  })\n  campaign?: string;\n\n  @property({\n    type   : Boolean,\n    reflect: true\n  })\n  bundle = false;\n\n  @property({\n    attribute: false\n  })\n  product?: Product;\n\n  private readonly _workflow =\n    new BdActionResolveController(\n      this,\n      {\n        name: 'product',\n        args: () => [\n          this.parentScope,\n          this.productId,\n          this.campaign,\n          this.bundle\n        ] as const,\n        transition: ([parentScope]) =>\n          parentScope?.transition,\n        derive: ([\n          parentScope,\n          productId,\n          campaign,\n          bundle\n        ], { transition }) => {\n          const action =\n            transition?.command.kind === 'set-action'\n              ? transition.command.action\n              : undefined;\n\n          /**\n           * Bundle-only actions (set-action with `bundle: true`)\n           * are NOT a product switch — they mean \"add the named\n           * product as a bundle on the current option\". The\n           * product node must keep publishing the current\n           * product scope so `OptionNode` can toggle the bundle\n           * against it. Forwarding `action.id` /\n           * `action.campaign` here would race the option node\n           * and produce a `scope.product` that disagrees with\n           * the resolved `scope.option`.\n           */\n          if (action?.bundle) {\n            return [\n              parentScope,\n              productId,\n              campaign,\n              bundle\n            ] as const;\n          }\n\n          return [\n            parentScope,\n            action?.id ?? productId,\n            action?.campaign ?? campaign,\n            action?.bundle ?? bundle\n          ] as const;\n        },\n        enabled: ([parentScope, productId]) =>\n          Boolean(\n            parentScope?.store &&\n            productId\n          ),\n        resolve: async ([\n          parentScope,\n          productId,\n          campaign\n        ]) => {\n          if (!parentScope?.store || !productId) {\n            return undefined;\n          }\n\n          return await parentScope.store.getProduct({\n            id: productId,\n            campaign\n          });\n        },\n        filterTransition: (candidate) =>\n          this._filterTransition(candidate),\n        commit: (\n          product,\n          [\n            parentScope,\n            productId,\n            campaign,\n            bundle\n          ],\n          _resolveContext,\n          actionContext\n        ) => {\n          if (\n            !product ||\n            !parentScope ||\n            !productId\n          ) {\n            this.product = undefined;\n            this.clearScope();\n            return;\n          }\n\n          this.product = product;\n          this.productId = productId;\n          this.campaign = campaign;\n          this.bundle = bundle;\n\n          this.publishScope(\n            extendBdProductScope(\n              parentScope,\n              product,\n              actionContext.transition\n            )\n          );\n        },\n        onDisabled: () => {\n          this.product = undefined;\n          this.clearScope();\n        }\n      }\n    );\n\n  get scope(): BdScope | undefined {\n    return this.currentScope;\n  }\n}\n"]}

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

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

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

@@ -1,24 +1,27 @@
+import { getDiscountedPrice } from '../context.js';
 import { resolveAnchor } from './utilty.js';
 export const handleBuyLink = (el, ctx) => {
     const { storeBuyLink } = el.dataset;
-    if (storeBuyLink === undefined)
-        return;
-    const option = ctx.option;
-    if (!option)
+    if (storeBuyLink === undefined || !ctx.option) {
         return;
+    }
     const link = resolveAnchor(el);
-    if (!link)
+    if (!link) {
         return;
+    }
+    const option = ctx.option;
     const product = option.getProduct();
-    const discountedPrice = option.getDiscountedPrice({ currency: false });
     const fullPrice = option.getPrice({ currency: false });
-    const trialLink = storeBuyLink ? option.getTrialLink(storeBuyLink) : undefined;
-    link.href = trialLink ?? option.getBuyLink();
+    const discountedPrice = getDiscountedPrice(option);
+    const trialLink = storeBuyLink
+        ? option.getTrialLink(storeBuyLink)
+        : undefined;
+    link.href = trialLink ?? option.getBuyLink() ?? '';
     link.dataset.product = product.getAlias();
     link.dataset.vlaicuProduct = product.getId();
-    link.dataset.buyPrice = discountedPrice ? String(discountedPrice) : String(fullPrice);
+    link.dataset.buyPrice = discountedPrice ?? String(fullPrice);
     link.dataset.oldPrice = String(fullPrice);
-    link.dataset.currency = product.getCurrency();
-    link.dataset.variation = `${option.getDevices()}u-${option.getSubscription()}m`;
+    link.dataset.variation =
+        `${option.getDevices()}u-${option.getSubscription()}m`;
 };
 //# sourceMappingURL=buyLink.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"buyLink.js","sourceRoot":"","sources":["../../../../src/renders/attributes/buyLink.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEzC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAe,EAAE,GAAmB,EAAE,EAAE;IACpE,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC;IACpC,IAAI,YAAY,KAAK,SAAS;QAAE,OAAO;IACvC,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC;IAC1B,IAAI,CAAC,MAAM;QAAE,OAAO;IAEpB,MAAM,IAAI,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC;IAC/B,IAAI,CAAC,IAAI;QAAE,OAAO;IAElB,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;IACpC,MAAM,eAAe,GAAG,MAAM,CAAC,kBAAkB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;IACvE,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;IAEvD,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAC/E,IAAI,CAAC,IAAI,GAAG,SAAS,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;IAC7C,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC;IAC1C,IAAI,CAAC,OAAO,CAAC,aAAa,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC;IAC7C,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IACtF,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IAC1C,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,OAAO,CAAC,WAAW,EAAE,CAAC;IAC9C,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,GAAG,MAAM,CAAC,UAAU,EAAE,KAAK,MAAM,CAAC,eAAe,EAAE,GAAG,CAAC;AAClF,CAAC,CAAC","sourcesContent":["import type { UnifiedContext } from '../context';\nimport { resolveAnchor } from './utilty';\n\nexport const handleBuyLink = (el: HTMLElement, ctx: UnifiedContext) => {\n  const { storeBuyLink } = el.dataset;\n  if (storeBuyLink === undefined) return;\n  const option = ctx.option;\n  if (!option) return;\n\n  const link = resolveAnchor(el);\n  if (!link) return;\n\n  const product = option.getProduct();\n  const discountedPrice = option.getDiscountedPrice({ currency: false });\n  const fullPrice = option.getPrice({ currency: false });\n\n  const trialLink = storeBuyLink ? option.getTrialLink(storeBuyLink) : undefined;\n  link.href = trialLink ?? option.getBuyLink();\n  link.dataset.product = product.getAlias();\n  link.dataset.vlaicuProduct = product.getId();\n  link.dataset.buyPrice = discountedPrice ? String(discountedPrice) : String(fullPrice);\n  link.dataset.oldPrice = String(fullPrice);\n  link.dataset.currency = product.getCurrency();\n  link.dataset.variation = `${option.getDevices()}u-${option.getSubscription()}m`;\n};\n"]}
+{"version":3,"file":"buyLink.js","sourceRoot":"","sources":["../../../../src/renders/attributes/buyLink.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,EAAe,EACf,GAAkB,EACZ,EAAE;IACR,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC;IAEpC,IAAI,YAAY,KAAK,SAAS,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;QAC9C,OAAO;IACT,CAAC;IAED,MAAM,IAAI,GAAG,aAAa,CAAC,EAAE,CAAC,CAAC;IAE/B,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO;IACT,CAAC;IAED,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC;IAC1B,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;IACpC,MAAM,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;IACvD,MAAM,eAAe,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAEnD,MAAM,SAAS,GAAG,YAAY;QAC5B,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC;QACnC,CAAC,CAAC,SAAS,CAAC;IAEd,IAAI,CAAC,IAAI,GAAG,SAAS,IAAI,MAAM,CAAC,UAAU,EAAE,IAAI,EAAE,CAAC;IACnD,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,OAAO,CAAC,QAAQ,EAAE,CAAC;IAC1C,IAAI,CAAC,OAAO,CAAC,aAAa,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC;IAC7C,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,eAAe,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC;IAC7D,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;IAC1C,IAAI,CAAC,OAAO,CAAC,SAAS;QACpB,GAAG,MAAM,CAAC,UAAU,EAAE,KAAK,MAAM,CAAC,eAAe,EAAE,GAAG,CAAC;AAC3D,CAAC,CAAC","sourcesContent":["import type { RenderContext } from '../context.js';\nimport { getDiscountedPrice } from '../context.js';\nimport { resolveAnchor } from './utilty.js';\n\nexport const handleBuyLink = (\n  el: HTMLElement,\n  ctx: RenderContext\n): void => {\n  const { storeBuyLink } = el.dataset;\n\n  if (storeBuyLink === undefined || !ctx.option) {\n    return;\n  }\n\n  const link = resolveAnchor(el);\n\n  if (!link) {\n    return;\n  }\n\n  const option = ctx.option;\n  const product = option.getProduct();\n  const fullPrice = option.getPrice({ currency: false });\n  const discountedPrice = getDiscountedPrice(option);\n\n  const trialLink = storeBuyLink\n    ? option.getTrialLink(storeBuyLink)\n    : undefined;\n\n  link.href = trialLink ?? option.getBuyLink() ?? '';\n  link.dataset.product = product.getAlias();\n  link.dataset.vlaicuProduct = product.getId();\n  link.dataset.buyPrice = discountedPrice ?? String(fullPrice);\n  link.dataset.oldPrice = String(fullPrice);\n  link.dataset.variation =\n    `${option.getDevices()}u-${option.getSubscription()}m`;\n};\n"]}

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

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

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

@@ -1,32 +1,22 @@
 import { Compiler } from '../../dsl/compilers/index.js';
 import { formatDevices } from '../../renders/format.js';
+import { buildSelectOptions } from './utilty.js';
 export const handleDevices = (el, ctx) => {
     const { storeDevices, storeTextSingle, storeTextMany } = el.dataset;
-    if (storeDevices === undefined)
+    if (storeDevices === undefined || !ctx.option) {
         return;
-    const option = ctx.option;
-    if (!option)
-        return;
-    // input
+    }
     if (el instanceof HTMLInputElement) {
-        el.value = String(option.getDevices());
+        el.value = String(ctx.option.getDevices());
         return;
     }
-    // select
     if (el instanceof HTMLSelectElement) {
-        const selectedDevices = option.getDevices();
-        const available = Compiler.array(storeDevices) ?? option.getProduct().getDevices().values;
-        el.options.length = 0;
-        for (const device of available) {
-            const isSelected = device === selectedDevices;
-            const text = formatDevices(device, storeTextSingle, storeTextMany);
-            const htmlOption = new Option(text, String(device), isSelected, isSelected);
-            htmlOption.setAttribute('data-store-set-devices', String(device));
-            el.add(htmlOption);
-        }
+        const selectedDevices = ctx.option.getDevices();
+        const available = Compiler.array(storeDevices) ??
+            ctx.option.getProduct().getDevices().values;
+        buildSelectOptions(el, available, selectedDevices, (device) => formatDevices(device, storeTextSingle, storeTextMany), 'data-store-set-devices');
         return;
     }
-    // generic content
-    el.textContent = String(option.getDevices());
+    el.textContent = String(ctx.option.getDevices());
 };
 //# sourceMappingURL=devices.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"devices.js","sourceRoot":"","sources":["../../../../src/renders/attributes/devices.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAAe,EAAE,GAAmB,EAAE,EAAE;IACpE,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC;IACpE,IAAI,YAAY,KAAK,SAAS;QAAE,OAAO;IACvC,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC;IAC1B,IAAI,CAAC,MAAM;QAAE,OAAO;IAEpB,QAAQ;IACR,IAAI,EAAE,YAAY,gBAAgB,EAAE,CAAC;QACnC,EAAE,CAAC,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC;QACvC,OAAO;IACT,CAAC;IAED,SAAS;IACT,IAAI,EAAE,YAAY,iBAAiB,EAAE,CAAC;QACpC,MAAM,eAAe,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;QAC5C,MAAM,SAAS,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC,UAAU,EAAE,CAAC,MAAM,CAAC;QAE1F,EAAE,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;QACtB,KAAK,MAAM,MAAM,IAAI,SAAS,EAAE,CAAC;YAC/B,MAAM,UAAU,GAAG,MAAM,KAAK,eAAe,CAAC;YAC9C,MAAM,IAAI,GAAG,aAAa,CACxB,MAAM,EACN,eAAe,EACf,aAAa,CACd,CAAC;YACF,MAAM,UAAU,GAAG,IAAI,MAAM,CAC3B,IAAI,EACJ,MAAM,CAAC,MAAM,CAAC,EACd,UAAU,EACV,UAAU,CACX,CAAC;YACF,UAAU,CAAC,YAAY,CAAC,wBAAwB,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;YAClE,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QACrB,CAAC;QACD,OAAO;IACT,CAAC;IAED,kBAAkB;IAClB,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC;AAC/C,CAAC,CAAC","sourcesContent":["import { Compiler } from '@/dsl/compilers';\nimport { formatDevices } from '@/renders/format';\nimport type { UnifiedContext } from '../context';\n\nexport const handleDevices = (el: HTMLElement, ctx: UnifiedContext) => {\n  const { storeDevices, storeTextSingle, storeTextMany } = el.dataset;\n  if (storeDevices === undefined) return;\n  const option = ctx.option;\n  if (!option) return;\n\n  // input\n  if (el instanceof HTMLInputElement) {\n    el.value = String(option.getDevices());\n    return;\n  }\n\n  // select\n  if (el instanceof HTMLSelectElement) {\n    const selectedDevices = option.getDevices();\n    const available = Compiler.array(storeDevices) ?? option.getProduct().getDevices().values;\n\n    el.options.length = 0;\n    for (const device of available) {\n      const isSelected = device === selectedDevices;\n      const text = formatDevices(\n        device,\n        storeTextSingle,\n        storeTextMany\n      );\n      const htmlOption = new Option(\n        text,\n        String(device),\n        isSelected,\n        isSelected\n      );\n      htmlOption.setAttribute('data-store-set-devices', String(device));\n      el.add(htmlOption);\n    }\n    return;\n  }\n\n  // generic content\n  el.textContent = String(option.getDevices());\n};\n"]}
+{"version":3,"file":"devices.js","sourceRoot":"","sources":["../../../../src/renders/attributes/devices.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEjD,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,EAAe,EACf,GAAkB,EACZ,EAAE;IACR,MAAM,EACJ,YAAY,EACZ,eAAe,EACf,aAAa,EACd,GAAG,EAAE,CAAC,OAAO,CAAC;IAEf,IAAI,YAAY,KAAK,SAAS,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,CAAC;QAC9C,OAAO;IACT,CAAC;IAED,IAAI,EAAE,YAAY,gBAAgB,EAAE,CAAC;QACnC,EAAE,CAAC,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC;QAC3C,OAAO;IACT,CAAC;IAED,IAAI,EAAE,YAAY,iBAAiB,EAAE,CAAC;QACpC,MAAM,eAAe,GAAG,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC;QAChD,MAAM,SAAS,GACb,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC;YAC5B,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,UAAU,EAAE,CAAC,MAAM,CAAC;QAE9C,kBAAkB,CAChB,EAAE,EACF,SAAS,EACT,eAAe,EACf,CAAC,MAAM,EAAE,EAAE,CAAC,aAAa,CACvB,MAAM,EACN,eAAe,EACf,aAAa,CACd,EACD,wBAAwB,CACzB,CAAC;QAEF,OAAO;IACT,CAAC;IAED,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC;AACnD,CAAC,CAAC","sourcesContent":["import { Compiler } from '@/dsl/compilers/index.js';\nimport { formatDevices } from '@/renders/format.js';\nimport type { RenderContext } from '../context.js';\nimport { buildSelectOptions } from './utilty.js';\n\nexport const handleDevices = (\n  el: HTMLElement,\n  ctx: RenderContext\n): void => {\n  const {\n    storeDevices,\n    storeTextSingle,\n    storeTextMany\n  } = el.dataset;\n\n  if (storeDevices === undefined || !ctx.option) {\n    return;\n  }\n\n  if (el instanceof HTMLInputElement) {\n    el.value = String(ctx.option.getDevices());\n    return;\n  }\n\n  if (el instanceof HTMLSelectElement) {\n    const selectedDevices = ctx.option.getDevices();\n    const available =\n      Compiler.array(storeDevices) ??\n      ctx.option.getProduct().getDevices().values;\n\n    buildSelectOptions(\n      el,\n      available,\n      selectedDevices,\n      (device) => formatDevices(\n        device,\n        storeTextSingle,\n        storeTextMany\n      ),\n      'data-store-set-devices'\n    );\n\n    return;\n  }\n\n  el.textContent = String(ctx.option.getDevices());\n};\n"]}

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

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

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

@@ -1,7 +1,13 @@
 import { Compiler } from '../../dsl/compilers/index.js';
+import { getDiscount } from '../context.js';
 import { isPresent } from './utilty.js';
-const OPTION_DISCOUNT_TOKENS = ['value', 'percentage', 'value-monthly', 'percentage-monthly'];
-const STATE_DISCOUNT_TOKENS = [
+const OPTION_DISCOUNT_TOKENS = [
+    'value',
+    'percentage',
+    'value-monthly',
+    'percentage-monthly'
+];
+const COMPUTE_DISCOUNT_TOKENS = [
     'min-value',
     'max-value',
     'min-percentage',
@@ -11,64 +17,70 @@ const STATE_DISCOUNT_TOKENS = [
     'min-percentage-monthly',
     'max-percentage-monthly'
 ];
-const OPTION_DISCOUNT_AVAILABLE = {
-    'value': (option) => isPresent(option.getDiscount({ symbol: false, percentage: false })),
-    'percentage': (option) => isPresent(option.getDiscount({ symbol: false, percentage: true })),
-    'value-monthly': (option) => isPresent(option.getDiscount({ symbol: false, percentage: false, monthly: true })),
-    'percentage-monthly': (option) => isPresent(option.getDiscount({ symbol: false, percentage: true, monthly: true }))
-};
-const OPTION_DISCOUNT_RENDER = {
-    'value': (option) => option.getDiscount({ percentage: false }),
-    'percentage': (option) => option.getDiscount({ percentage: true }),
-    'value-monthly': (option) => option.getDiscount({ percentage: false, monthly: true }),
-    'percentage-monthly': (option) => option.getDiscount({ percentage: true, monthly: true })
-};
-const STATE_DISCOUNT_AVAILABLE = {
-    'min-value': (state) => Boolean(state.discount.min.fmt),
-    'max-value': (state) => Boolean(state.discount.max.fmt),
-    'min-value-monthly': (state) => Boolean(state.discount.monthly.min.fmt),
-    'max-value-monthly': (state) => Boolean(state.discount.monthly.max.fmt),
-    'min-percentage': (state) => Boolean(state.discount.percentage.min.fmt),
-    'max-percentage': (state) => Boolean(state.discount.percentage.max.fmt),
-    'min-percentage-monthly': (state) => Boolean(state.discount.percentage.monthly.min.fmt),
-    'max-percentage-monthly': (state) => Boolean(state.discount.percentage.monthly.max.fmt)
-};
-const STATE_DISCOUNT_RENDER = {
-    'min-value': (state) => state.discount.min.fmt,
-    'max-value': (state) => state.discount.max.fmt,
-    'min-value-monthly': (state) => state.discount.monthly.min.fmt,
-    'max-value-monthly': (state) => state.discount.monthly.max.fmt,
-    'min-percentage': (state) => state.discount.percentage.min.fmt,
-    'max-percentage': (state) => state.discount.percentage.max.fmt,
-    'min-percentage-monthly': (state) => state.discount.percentage.monthly.min.fmt,
-    'max-percentage-monthly': (state) => state.discount.percentage.monthly.max.fmt
-};
-// Handles both data-store-discount (option-level) and data-store-context-discount (state-level)
 export const handleDiscount = (el, ctx) => {
     const { storeDiscount, storeContextDiscount } = el.dataset;
     const option = ctx.option;
-    // Option-level discount
     if (storeDiscount && option) {
+        const renderers = {
+            'value': () => getDiscount(option, { percentage: false }),
+            'percentage': () => getDiscount(option, { percentage: true }),
+            'value-monthly': () => getDiscount(option, {
+                percentage: false,
+                monthly: true
+            }),
+            'percentage-monthly': () => getDiscount(option, {
+                percentage: true,
+                monthly: true
+            })
+        };
+        const available = {
+            'value': () => getDiscount(option, {
+                symbol: false,
+                percentage: false
+            }),
+            'percentage': () => getDiscount(option, {
+                symbol: false,
+                percentage: true
+            }),
+            'value-monthly': () => getDiscount(option, {
+                symbol: false,
+                percentage: false,
+                monthly: true
+            }),
+            'percentage-monthly': () => getDiscount(option, {
+                symbol: false,
+                percentage: true,
+                monthly: true
+            })
+        };
         const chosen = Compiler.enum({
             expr: storeDiscount,
             allowed: OPTION_DISCOUNT_TOKENS,
-            isAvailable: (token) => OPTION_DISCOUNT_AVAILABLE[token](option)
+            isAvailable: (token) => isPresent(available[token]())
         });
         if (chosen) {
-            el.textContent = OPTION_DISCOUNT_RENDER[chosen](option);
+            el.textContent = renderers[chosen]() ?? '';
             return;
         }
     }
-    const state = ctx.state;
-    // State-level discount
-    if (storeContextDiscount && state) {
+    if (storeContextDiscount && ctx.compute) {
+        const renderers = {
+            'min-value': () => ctx.compute?.discount.min.fmt,
+            'max-value': () => ctx.compute?.discount.max.fmt,
+            'min-percentage': () => ctx.compute?.discount.percentage.min.fmt,
+            'max-percentage': () => ctx.compute?.discount.percentage.max.fmt,
+            'min-value-monthly': () => ctx.compute?.discount.monthly.min.fmt,
+            'max-value-monthly': () => ctx.compute?.discount.monthly.max.fmt,
+            'min-percentage-monthly': () => ctx.compute?.discount.percentage.monthly.min.fmt,
+            'max-percentage-monthly': () => ctx.compute?.discount.percentage.monthly.max.fmt
+        };
         const chosen = Compiler.enum({
             expr: storeContextDiscount,
-            allowed: STATE_DISCOUNT_TOKENS,
-            isAvailable: (token) => STATE_DISCOUNT_AVAILABLE[token](state)
+            allowed: COMPUTE_DISCOUNT_TOKENS,
+            isAvailable: (token) => isPresent(renderers[token]())
         });
         if (chosen) {
-            el.textContent = STATE_DISCOUNT_RENDER[chosen](state);
+            el.textContent = renderers[chosen]() ?? '';
         }
     }
 };

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

@@ -1 +1 @@
-{"version":3,"file":"discount.js","sourceRoot":"","sources":["../../../../src/renders/attributes/discount.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_DISCOUNT_TOKENS = ['value', 'percentage', 'value-monthly', 'percentage-monthly'] as const;\ntype OptionDiscountToken = typeof OPTION_DISCOUNT_TOKENS[number];\ntype OptionCtx = NonNullable<UnifiedContext['option']>;\n\nconst STATE_DISCOUNT_TOKENS = [\n  'min-value',\n  'max-value',\n  'min-percentage',\n  'max-percentage',\n  'min-value-monthly',\n  'max-value-monthly',\n  'min-percentage-monthly',\n  'max-percentage-monthly'\n] as const;\ntype StateDiscountToken = typeof STATE_DISCOUNT_TOKENS[number];\ntype StateCtx = NonNullable<UnifiedContext['state']>;\n\nconst OPTION_DISCOUNT_AVAILABLE = {\n  'value'             : (option: OptionCtx) => isPresent(option.getDiscount({ symbol: false, percentage: false })),\n  'percentage'        : (option: OptionCtx) => isPresent(option.getDiscount({ symbol: false, percentage: true })),\n  'value-monthly'     : (option: OptionCtx) => isPresent(option.getDiscount({ symbol: false, percentage: false, monthly: true })),\n  'percentage-monthly': (option: OptionCtx) => isPresent(option.getDiscount({ symbol: false, percentage: true, monthly: true }))\n} satisfies Record<OptionDiscountToken, (option: OptionCtx) => boolean>;\n\nconst OPTION_DISCOUNT_RENDER = {\n  'value'             : (option: OptionCtx) => option.getDiscount({ percentage: false }),\n  'percentage'        : (option: OptionCtx) => option.getDiscount({ percentage: true }),\n  'value-monthly'     : (option: OptionCtx) => option.getDiscount({ percentage: false, monthly: true }),\n  'percentage-monthly': (option: OptionCtx) => option.getDiscount({ percentage: true, monthly: true })\n} satisfies Record<OptionDiscountToken, (option: OptionCtx) => string>;\n\nconst STATE_DISCOUNT_AVAILABLE = {\n  'min-value'             : (state: StateCtx) => Boolean(state.discount.min.fmt),\n  'max-value'             : (state: StateCtx) => Boolean(state.discount.max.fmt),\n  'min-value-monthly'     : (state: StateCtx) => Boolean(state.discount.monthly.min.fmt),\n  'max-value-monthly'     : (state: StateCtx) => Boolean(state.discount.monthly.max.fmt),\n  'min-percentage'        : (state: StateCtx) => Boolean(state.discount.percentage.min.fmt),\n  'max-percentage'        : (state: StateCtx) => Boolean(state.discount.percentage.max.fmt),\n  'min-percentage-monthly': (state: StateCtx) => Boolean(state.discount.percentage.monthly.min.fmt),\n  'max-percentage-monthly': (state: StateCtx) => Boolean(state.discount.percentage.monthly.max.fmt)\n} satisfies Record<StateDiscountToken, (state: StateCtx) => boolean>;\n\nconst STATE_DISCOUNT_RENDER = {\n  'min-value'             : (state: StateCtx) => state.discount.min.fmt,\n  'max-value'             : (state: StateCtx) => state.discount.max.fmt,\n  'min-value-monthly'     : (state: StateCtx) => state.discount.monthly.min.fmt,\n  'max-value-monthly'     : (state: StateCtx) => state.discount.monthly.max.fmt,\n  'min-percentage'        : (state: StateCtx) => state.discount.percentage.min.fmt,\n  'max-percentage'        : (state: StateCtx) => state.discount.percentage.max.fmt,\n  'min-percentage-monthly': (state: StateCtx) => state.discount.percentage.monthly.min.fmt,\n  'max-percentage-monthly': (state: StateCtx) => state.discount.percentage.monthly.max.fmt\n} satisfies Record<StateDiscountToken, (state: StateCtx) => string>;\n\n// Handles both data-store-discount (option-level) and data-store-context-discount (state-level)\nexport const handleDiscount = (el: HTMLElement, ctx: UnifiedContext) => {\n  const { storeDiscount, storeContextDiscount } = el.dataset;\n  const option = ctx.option;\n\n  // Option-level discount\n  if (storeDiscount && option) {\n    const chosen = Compiler.enum<OptionDiscountToken>({\n      expr       : storeDiscount,\n      allowed    : OPTION_DISCOUNT_TOKENS,\n      isAvailable: (token) => OPTION_DISCOUNT_AVAILABLE[token](option)\n    });\n\n    if (chosen) {\n      el.textContent = OPTION_DISCOUNT_RENDER[chosen](option);\n      return;\n    }\n  }\n\n  const state = ctx.state;\n\n  // State-level discount\n  if (storeContextDiscount && state) {\n    const chosen = Compiler.enum<StateDiscountToken>({\n      expr       : storeContextDiscount,\n      allowed    : STATE_DISCOUNT_TOKENS,\n      isAvailable: (token) => STATE_DISCOUNT_AVAILABLE[token](state)\n    });\n\n    if (chosen) {\n      el.textContent = STATE_DISCOUNT_RENDER[chosen](state);\n    }\n  }\n};\n"]}
+{"version":3,"file":"discount.js","sourceRoot":"","sources":["../../../../src/renders/attributes/discount.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,sBAAsB,GAAG;IAC7B,OAAO;IACP,YAAY;IACZ,eAAe;IACf,oBAAoB;CACZ,CAAC;AAIX,MAAM,uBAAuB,GAAG;IAC9B,WAAW;IACX,WAAW;IACX,gBAAgB;IAChB,gBAAgB;IAChB,mBAAmB;IACnB,mBAAmB;IACnB,wBAAwB;IACxB,wBAAwB;CAChB,CAAC;AAIX,MAAM,CAAC,MAAM,cAAc,GAAG,CAC5B,EAAe,EACf,GAAkB,EACZ,EAAE;IACR,MAAM,EACJ,aAAa,EACb,oBAAoB,EACrB,GAAG,EAAE,CAAC,OAAO,CAAC;IACf,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC;IAE1B,IAAI,aAAa,IAAI,MAAM,EAAE,CAAC;QAC5B,MAAM,SAAS,GAAG;YAChB,OAAO,EAAE,GAAG,EAAE,CACZ,WAAW,CAAC,MAAM,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC;YAC5C,YAAY,EAAE,GAAG,EAAE,CACjB,WAAW,CAAC,MAAM,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC;YAC3C,eAAe,EAAE,GAAG,EAAE,CACpB,WAAW,CAAC,MAAM,EAAE;gBAClB,UAAU,EAAE,KAAK;gBACjB,OAAO,EAAK,IAAI;aACjB,CAAC;YACJ,oBAAoB,EAAE,GAAG,EAAE,CACzB,WAAW,CAAC,MAAM,EAAE;gBAClB,UAAU,EAAE,IAAI;gBAChB,OAAO,EAAK,IAAI;aACjB,CAAC;SAC2D,CAAC;QAElE,MAAM,SAAS,GAAG;YAChB,OAAO,EAAE,GAAG,EAAE,CACZ,WAAW,CAAC,MAAM,EAAE;gBAClB,MAAM,EAAM,KAAK;gBACjB,UAAU,EAAE,KAAK;aAClB,CAAC;YACJ,YAAY,EAAE,GAAG,EAAE,CACjB,WAAW,CAAC,MAAM,EAAE;gBAClB,MAAM,EAAM,KAAK;gBACjB,UAAU,EAAE,IAAI;aACjB,CAAC;YACJ,eAAe,EAAE,GAAG,EAAE,CACpB,WAAW,CAAC,MAAM,EAAE;gBAClB,MAAM,EAAM,KAAK;gBACjB,UAAU,EAAE,KAAK;gBACjB,OAAO,EAAK,IAAI;aACjB,CAAC;YACJ,oBAAoB,EAAE,GAAG,EAAE,CACzB,WAAW,CAAC,MAAM,EAAE;gBAClB,MAAM,EAAM,KAAK;gBACjB,UAAU,EAAE,IAAI;gBAChB,OAAO,EAAK,IAAI;aACjB,CAAC;SAC2D,CAAC;QAElE,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAsB;YAChD,IAAI,EAAS,aAAa;YAC1B,OAAO,EAAM,sBAAsB;YACnC,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;SACtD,CAAC,CAAC;QAEH,IAAI,MAAM,EAAE,CAAC;YACX,EAAE,CAAC,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC;YAC3C,OAAO;QACT,CAAC;IACH,CAAC;IAED,IAAI,oBAAoB,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;QACxC,MAAM,SAAS,GAAG;YAChB,WAAW,EAAe,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG;YAC7D,WAAW,EAAe,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAG;YAC7D,gBAAgB,EAAU,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG;YACxE,gBAAgB,EAAU,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,UAAU,CAAC,GAAG,CAAC,GAAG;YACxE,mBAAmB,EAAO,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG;YACrE,mBAAmB,EAAO,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG;YACrE,wBAAwB,EAAE,GAAG,EAAE,CAC7B,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG;YAClD,wBAAwB,EAAE,GAAG,EAAE,CAC7B,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG;SACc,CAAC;QAEnE,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAuB;YACjD,IAAI,EAAS,oBAAoB;YACjC,OAAO,EAAM,uBAAuB;YACpC,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;SACtD,CAAC,CAAC;QAEH,IAAI,MAAM,EAAE,CAAC;YACX,EAAE,CAAC,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC;QAC7C,CAAC;IACH,CAAC;AACH,CAAC,CAAC","sourcesContent":["import { Compiler } from '@/dsl/compilers/index.js';\nimport type { RenderContext } from '../context.js';\nimport { getDiscount } from '../context.js';\nimport { isPresent } from './utilty.js';\n\nconst OPTION_DISCOUNT_TOKENS = [\n  'value',\n  'percentage',\n  'value-monthly',\n  'percentage-monthly'\n] as const;\n\ntype OptionDiscountToken = typeof OPTION_DISCOUNT_TOKENS[number];\n\nconst COMPUTE_DISCOUNT_TOKENS = [\n  'min-value',\n  'max-value',\n  'min-percentage',\n  'max-percentage',\n  'min-value-monthly',\n  'max-value-monthly',\n  'min-percentage-monthly',\n  'max-percentage-monthly'\n] as const;\n\ntype ComputeDiscountToken = typeof COMPUTE_DISCOUNT_TOKENS[number];\n\nexport const handleDiscount = (\n  el: HTMLElement,\n  ctx: RenderContext\n): void => {\n  const {\n    storeDiscount,\n    storeContextDiscount\n  } = el.dataset;\n  const option = ctx.option;\n\n  if (storeDiscount && option) {\n    const renderers = {\n      'value': () =>\n        getDiscount(option, { percentage: false }),\n      'percentage': () =>\n        getDiscount(option, { percentage: true }),\n      'value-monthly': () =>\n        getDiscount(option, {\n          percentage: false,\n          monthly   : true\n        }),\n      'percentage-monthly': () =>\n        getDiscount(option, {\n          percentage: true,\n          monthly   : true\n        })\n    } satisfies Record<OptionDiscountToken, () => string | undefined>;\n\n    const available = {\n      'value': () =>\n        getDiscount(option, {\n          symbol    : false,\n          percentage: false\n        }),\n      'percentage': () =>\n        getDiscount(option, {\n          symbol    : false,\n          percentage: true\n        }),\n      'value-monthly': () =>\n        getDiscount(option, {\n          symbol    : false,\n          percentage: false,\n          monthly   : true\n        }),\n      'percentage-monthly': () =>\n        getDiscount(option, {\n          symbol    : false,\n          percentage: true,\n          monthly   : true\n        })\n    } satisfies Record<OptionDiscountToken, () => string | undefined>;\n\n    const chosen = Compiler.enum<OptionDiscountToken>({\n      expr       : storeDiscount,\n      allowed    : OPTION_DISCOUNT_TOKENS,\n      isAvailable: (token) => isPresent(available[token]())\n    });\n\n    if (chosen) {\n      el.textContent = renderers[chosen]() ?? '';\n      return;\n    }\n  }\n\n  if (storeContextDiscount && ctx.compute) {\n    const renderers = {\n      'min-value'             : () => ctx.compute?.discount.min.fmt,\n      'max-value'             : () => ctx.compute?.discount.max.fmt,\n      'min-percentage'        : () => ctx.compute?.discount.percentage.min.fmt,\n      'max-percentage'        : () => ctx.compute?.discount.percentage.max.fmt,\n      'min-value-monthly'     : () => ctx.compute?.discount.monthly.min.fmt,\n      'max-value-monthly'     : () => ctx.compute?.discount.monthly.max.fmt,\n      'min-percentage-monthly': () =>\n        ctx.compute?.discount.percentage.monthly.min.fmt,\n      'max-percentage-monthly': () =>\n        ctx.compute?.discount.percentage.monthly.max.fmt\n    } satisfies Record<ComputeDiscountToken, () => string | undefined>;\n\n    const chosen = Compiler.enum<ComputeDiscountToken>({\n      expr       : storeContextDiscount,\n      allowed    : COMPUTE_DISCOUNT_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/hide.d.ts

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