@foxy.io/elements 1.32.0-beta.3 → 1.32.0-beta.5

package/dist/elements/internal/InternalQueryBuilderControl/InternalQueryBuilderControl.js

@@ -1,71 +1,52 @@
 import { InternalEditableControl } from "../InternalEditableControl/InternalEditableControl.js";
 import { Operator } from "../../public/QueryBuilder/types.js";
-import { classMap } from "../../../utils/class-map.js";
 import { html } from 'lit-html';
 export class InternalQueryBuilderControl extends InternalEditableControl {
     constructor() {
         super(...arguments);
-        this.operators = Object.values(Operator);
+        this.disableZoom = false;
         this.disableOr = false;
-        this.layout = null;
+        this.operators = Object.values(Operator);
     }
     static get properties() {
         return {
             ...super.properties,
-            operators: { type: Array },
+            disableZoom: { type: Boolean, attribute: 'disable-zoom' },
             disableOr: { type: Boolean, attribute: 'disable-or' },
-            layout: {},
+            operators: { type: Array },
         };
     }
     renderControl() {
-        var _a;
         const { label, helperText, _errorMessage: error } = this;
         const showError = error && !this.disabled && !this.readonly;
-        const layout = (_a = this.layout) !== null && _a !== void 0 ? _a : 'standalone';
-        const builder = html `
-      <foxy-query-builder
-        infer="query-builder"
-        class=${classMap({ 'mt-xs': layout === 'summary-item' })}
-        style=${layout === 'summary-item'
-            ? '--lumo-border-radius: var(--lumo-border-radius-s)'
-            : ''}
-        .operators=${this.operators}
-        .value=${this._value}
-        ?disable-or=${this.disableOr}
-        @change=${(evt) => {
+        return html `
+      <section class="grid gap-s leading-xs">
+        <div ?hidden=${!label && !helperText}>
+          ${label ? html `<p class="text-l font-medium">${label}</p>` : ''}
+          ${helperText ? html `<p class="text-s text-secondary">${helperText}</p>` : ''}
+        </div>
+
+        <div
+          class="bg-contrast-5 rounded"
+          style="padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px);"
+        >
+          <foxy-query-builder
+            infer="query-builder"
+            style="--lumo-border-radius: var(--lumo-border-radius-s); --lumo-border-radius-l: var(--lumo-border-radius-s)"
+            .operators=${this.operators}
+            .value=${this._value}
+            ?disable-zoom=${this.disableZoom}
+            ?disable-or=${this.disableOr}
+            @change=${(evt) => {
             var _a;
             const queryBuilder = evt.currentTarget;
             this._value = (_a = queryBuilder.value) !== null && _a !== void 0 ? _a : '';
         }}
-      >
-      </foxy-query-builder>
-    `;
-        return html `
-      <section
-        class=${classMap({
-            'grid gap-xs leading-xs transition-colors text-secondary': true,
-            'hover-text-body': layout === 'standalone' && !this.disabled && !this.readonly,
-            'text-disabled': this.disabled,
-            'text-body': this.readonly,
-        })}
-      >
-        ${label
-            ? html `
-              <p
-                class=${classMap({
-                'text-s font-medium': layout === 'standalone',
-                'text-m text-body': layout === 'summary-item',
-                'hidden': !label,
-            })}
-              >
-                ${label}
-              </p>
-            `
-            : ''}
-        ${layout === 'standalone' ? builder : ''}
-        ${helperText ? html `<p class="text-xs">${helperText}</p>` : ''}
-        ${showError ? html `<p class="text-xs text-error">${error}</p>` : ''}
-        ${layout === 'summary-item' ? builder : ''}
+          >
+          </foxy-query-builder>
+        </div>
+
+        ${showError ? html `<p class="text-s text-error">${error}</p>` : ''}
       </section>
     `;
     }

package/dist/elements/internal/InternalQueryBuilderControl/InternalQueryBuilderControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalQueryBuilderControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalQueryBuilderControl/InternalQueryBuilderControl.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAC7F,OAAO,EAAE,QAAQ,EAAE,2CAAwC;AAC3D,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,2BAA4B,SAAQ,uBAAuB;IAAxE;;QAUE,cAAS,GAAe,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAEhD,cAAS,GAAG,KAAK,CAAC;QAElB,WAAM,GAAyC,IAAI,CAAC;IAqDtD,CAAC;IAlEC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,SAAS,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YAC1B,SAAS,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE;YACrD,MAAM,EAAE,EAAE;SACX,CAAC;IACJ,CAAC;IAQD,aAAa;;QACX,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QACzD,MAAM,SAAS,GAAG,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC5D,MAAM,MAAM,SAAG,IAAI,CAAC,MAAM,mCAAI,YAAY,CAAC;QAC3C,MAAM,OAAO,GAAG,IAAI,CAAA;;;gBAGR,QAAQ,CAAC,EAAE,OAAO,EAAE,MAAM,KAAK,cAAc,EAAE,CAAC;gBAChD,MAAM,KAAK,cAAc;YAC/B,CAAC,CAAC,mDAAmD;YACrD,CAAC,CAAC,EAAE;qBACO,IAAI,CAAC,SAAS;iBAClB,IAAI,CAAC,MAAM;sBACN,IAAI,CAAC,SAAS;kBAClB,CAAC,GAAgB,EAAE,EAAE;;YAC7B,MAAM,YAAY,GAAG,GAAG,CAAC,aAA6B,CAAC;YACvD,IAAI,CAAC,MAAM,SAAG,YAAY,CAAC,KAAK,mCAAI,EAAE,CAAC;QACzC,CAAC;;;KAGJ,CAAC;QAEF,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,yDAAyD,EAAE,IAAI;YAC/D,iBAAiB,EAAE,MAAM,KAAK,YAAY,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ;YAC9E,eAAe,EAAE,IAAI,CAAC,QAAQ;YAC9B,WAAW,EAAE,IAAI,CAAC,QAAQ;SAC3B,CAAC;;UAEA,KAAK;YACL,CAAC,CAAC,IAAI,CAAA;;wBAEQ,QAAQ,CAAC;gBACf,oBAAoB,EAAE,MAAM,KAAK,YAAY;gBAC7C,kBAAkB,EAAE,MAAM,KAAK,cAAc;gBAC7C,QAAQ,EAAE,CAAC,KAAK;aACjB,CAAC;;kBAEA,KAAK;;aAEV;YACH,CAAC,CAAC,EAAE;UACJ,MAAM,KAAK,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;UACtC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA,sBAAsB,UAAU,MAAM,CAAC,CAAC,CAAC,EAAE;UAC5D,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA,iCAAiC,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE;UACjE,MAAM,KAAK,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;;KAE7C,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { QueryBuilder } from '../../public/QueryBuilder/QueryBuilder';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { Operator } from '../../public/QueryBuilder/types';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-html';\n\nexport class InternalQueryBuilderControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      operators: { type: Array },\n      disableOr: { type: Boolean, attribute: 'disable-or' },\n      layout: {},\n    };\n  }\n\n  operators: Operator[] = Object.values(Operator);\n\n  disableOr = false;\n\n  layout: 'standalone' | 'summary-item' | null = null;\n\n  renderControl(): TemplateResult {\n    const { label, helperText, _errorMessage: error } = this;\n    const showError = error && !this.disabled && !this.readonly;\n    const layout = this.layout ?? 'standalone';\n    const builder = html`\n      <foxy-query-builder\n        infer=\"query-builder\"\n        class=${classMap({ 'mt-xs': layout === 'summary-item' })}\n        style=${layout === 'summary-item'\n          ? '--lumo-border-radius: var(--lumo-border-radius-s)'\n          : ''}\n        .operators=${this.operators}\n        .value=${this._value}\n        ?disable-or=${this.disableOr}\n        @change=${(evt: CustomEvent) => {\n          const queryBuilder = evt.currentTarget as QueryBuilder;\n          this._value = queryBuilder.value ?? '';\n        }}\n      >\n      </foxy-query-builder>\n    `;\n\n    return html`\n      <section\n        class=${classMap({\n          'grid gap-xs leading-xs transition-colors text-secondary': true,\n          'hover-text-body': layout === 'standalone' && !this.disabled && !this.readonly,\n          'text-disabled': this.disabled,\n          'text-body': this.readonly,\n        })}\n      >\n        ${label\n          ? html`\n              <p\n                class=${classMap({\n                  'text-s font-medium': layout === 'standalone',\n                  'text-m text-body': layout === 'summary-item',\n                  'hidden': !label,\n                })}\n              >\n                ${label}\n              </p>\n            `\n          : ''}\n        ${layout === 'standalone' ? builder : ''}\n        ${helperText ? html`<p class=\"text-xs\">${helperText}</p>` : ''}\n        ${showError ? html`<p class=\"text-xs text-error\">${error}</p>` : ''}\n        ${layout === 'summary-item' ? builder : ''}\n      </section>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalQueryBuilderControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalQueryBuilderControl/InternalQueryBuilderControl.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAC7F,OAAO,EAAE,QAAQ,EAAE,2CAAwC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,2BAA4B,SAAQ,uBAAuB;IAAxE;;QAUE,gBAAW,GAAG,KAAK,CAAC;QAEpB,cAAS,GAAG,KAAK,CAAC;QAElB,cAAS,GAAe,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAoClD,CAAC;IAjDC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,WAAW,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE;YACzD,SAAS,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE;YACrD,SAAS,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;SAC3B,CAAC;IACJ,CAAC;IAQD,aAAa;QACX,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QACzD,MAAM,SAAS,GAAG,KAAK,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;QAE5D,OAAO,IAAI,CAAA;;uBAEQ,CAAC,KAAK,IAAI,CAAC,UAAU;YAChC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAA,iCAAiC,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE;YAC7D,UAAU,CAAC,CAAC,CAAC,IAAI,CAAA,oCAAoC,UAAU,MAAM,CAAC,CAAC,CAAC,EAAE;;;;;;;;;;yBAU7D,IAAI,CAAC,SAAS;qBAClB,IAAI,CAAC,MAAM;4BACJ,IAAI,CAAC,WAAW;0BAClB,IAAI,CAAC,SAAS;sBAClB,CAAC,GAAgB,EAAE,EAAE;;YAC7B,MAAM,YAAY,GAAG,GAAG,CAAC,aAA6B,CAAC;YACvD,IAAI,CAAC,MAAM,SAAG,YAAY,CAAC,KAAK,mCAAI,EAAE,CAAC;QACzC,CAAC;;;;;UAKH,SAAS,CAAC,CAAC,CAAC,IAAI,CAAA,gCAAgC,KAAK,MAAM,CAAC,CAAC,CAAC,EAAE;;KAErE,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { QueryBuilder } from '../../public/QueryBuilder/QueryBuilder';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { Operator } from '../../public/QueryBuilder/types';\nimport { html } from 'lit-html';\n\nexport class InternalQueryBuilderControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      disableZoom: { type: Boolean, attribute: 'disable-zoom' },\n      disableOr: { type: Boolean, attribute: 'disable-or' },\n      operators: { type: Array },\n    };\n  }\n\n  disableZoom = false;\n\n  disableOr = false;\n\n  operators: Operator[] = Object.values(Operator);\n\n  renderControl(): TemplateResult {\n    const { label, helperText, _errorMessage: error } = this;\n    const showError = error && !this.disabled && !this.readonly;\n\n    return html`\n      <section class=\"grid gap-s leading-xs\">\n        <div ?hidden=${!label && !helperText}>\n          ${label ? html`<p class=\"text-l font-medium\">${label}</p>` : ''}\n          ${helperText ? html`<p class=\"text-s text-secondary\">${helperText}</p>` : ''}\n        </div>\n\n        <div\n          class=\"bg-contrast-5 rounded\"\n          style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px);\"\n        >\n          <foxy-query-builder\n            infer=\"query-builder\"\n            style=\"--lumo-border-radius: var(--lumo-border-radius-s); --lumo-border-radius-l: var(--lumo-border-radius-s)\"\n            .operators=${this.operators}\n            .value=${this._value}\n            ?disable-zoom=${this.disableZoom}\n            ?disable-or=${this.disableOr}\n            @change=${(evt: CustomEvent) => {\n              const queryBuilder = evt.currentTarget as QueryBuilder;\n              this._value = queryBuilder.value ?? '';\n            }}\n          >\n          </foxy-query-builder>\n        </div>\n\n        ${showError ? html`<p class=\"text-s text-error\">${error}</p>` : ''}\n      </section>\n    `;\n  }\n}\n"]}

package/dist/elements/public/CouponForm/CouponForm.d.ts

@@ -16,6 +16,7 @@ export declare class CouponForm extends Base<Data> {
     static get properties(): PropertyDeclarations;
     static get v8n(): NucleonV8N<Data>;
     getTransactionPageHref: TransactionPageHrefGetter | null;
+    private readonly __customerAttributeRestrictionsOperators;
     private readonly __customerAttributeRestrictionsGetValue;
     private readonly __customerAttributeRestrictionsSetValue;
     private readonly __customerSubscriptionRestrictionsGetValue;

package/dist/elements/public/CouponForm/CouponForm.js

@@ -1,9 +1,9 @@
 import { TranslatableMixin } from "../../../mixins/translatable.js";
 import { ResponsiveMixin } from "../../../mixins/responsive.js";
 import { BooleanSelector } from '@foxy.io/sdk/core';
+import { Type, Operator } from "../QueryBuilder/types.js";
 import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
 import { ifDefined } from 'lit-html/directives/if-defined';
-import { Type } from "../QueryBuilder/types.js";
 import { html } from 'lit-html';
 import { parse } from "../QueryBuilder/utils/parse.js";
 import { stringify } from "../QueryBuilder/utils/stringify.js";
@@ -19,9 +19,13 @@ export class CouponForm extends Base {
     constructor() {
         super(...arguments);
         this.getTransactionPageHref = null;
+        this.__customerAttributeRestrictionsOperators = [
+            Operator.Not,
+            Operator.In,
+        ];
         this.__customerAttributeRestrictionsGetValue = () => {
             var _a;
-            const params = new URLSearchParams(stringify(parse((_a = this.form.customer_attribute_restrictions) !== null && _a !== void 0 ? _a : '')
+            const simplifiedValue = parse((_a = this.form.customer_attribute_restrictions) !== null && _a !== void 0 ? _a : '')
                 .filter(value => Array.isArray(value) || typeof value.name === 'string')
                 .map(value => {
                 if (Array.isArray(value)) {
@@ -38,12 +42,11 @@ export class CouponForm extends Base {
                     path: value.name,
                 };
                 return output;
-            })));
-            params.delete('zoom');
-            return params.toString();
+            });
+            return stringify(simplifiedValue, true);
         };
         this.__customerAttributeRestrictionsSetValue = (newValue) => {
-            const params = new URLSearchParams(stringify(parse(newValue).map(value => {
+            const augmentedValue = parse(newValue).map(value => {
                 if (Array.isArray(value)) {
                     return value.map(({ path, operator, value }) => {
                         const output = { name: path, path: 'attributes', operator, value };
@@ -59,9 +62,8 @@ export class CouponForm extends Base {
                     };
                     return output;
                 }
-            })));
-            params.delete('zoom');
-            this.edit({ customer_attribute_restrictions: params.toString() });
+            });
+            this.edit({ customer_attribute_restrictions: stringify(augmentedValue, true) });
         };
         this.__customerSubscriptionRestrictionsGetValue = () => {
             var _a;
@@ -245,23 +247,24 @@ export class CouponForm extends Base {
       <foxy-internal-array-map-control infer="item-option-restrictions">
       </foxy-internal-array-map-control>
 
-      <foxy-internal-summary-control infer="customer-restrictions">
-        <foxy-internal-query-builder-control
-          layout="summary-item"
-          infer="customer-attribute-restrictions"
-          .getValue=${this.__customerAttributeRestrictionsGetValue}
-          .setValue=${this.__customerAttributeRestrictionsSetValue}
-        >
-        </foxy-internal-query-builder-control>
+      <foxy-internal-query-builder-control
+        infer="customer-attribute-restrictions"
+        disable-zoom
+        disable-or
+        .operators=${this.__customerAttributeRestrictionsOperators}
+        .getValue=${this.__customerAttributeRestrictionsGetValue}
+        .setValue=${this.__customerAttributeRestrictionsSetValue}
+      >
+      </foxy-internal-query-builder-control>
 
-        <foxy-internal-editable-list-control
-          layout="summary-item"
-          infer="customer-subscription-restrictions"
-          .getValue=${this.__customerSubscriptionRestrictionsGetValue}
-          .setValue=${this.__customerSubscriptionRestrictionsSetValue}
-        >
-        </foxy-internal-editable-list-control>
+      <foxy-internal-editable-list-control
+        infer="customer-subscription-restrictions"
+        .getValue=${this.__customerSubscriptionRestrictionsGetValue}
+        .setValue=${this.__customerSubscriptionRestrictionsSetValue}
+      >
+      </foxy-internal-editable-list-control>
 
+      <foxy-internal-summary-control infer="auto-apply">
         <foxy-internal-switch-control infer="customer-auto-apply"></foxy-internal-switch-control>
       </foxy-internal-summary-control>
 

package/dist/elements/public/CouponForm/CouponForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CouponForm.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponForm/CouponForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TemplateResult, PropertyDeclarations } from 'lit-element';\nimport type { Data, TransactionPageHrefGetter } from './types';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { SwipeAction } from '../../internal/InternalAsyncListControl/types';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Option, ParsedValue } from '../QueryBuilder/types';\nimport type { Item } from '../../internal/InternalEditableListControl/types';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { Type } from '../QueryBuilder/types';\nimport { html } from 'lit-html';\nimport { parse } from '../QueryBuilder/utils/parse';\nimport { stringify } from '../QueryBuilder/utils/stringify';\n\nconst NS = 'coupon-form';\nconst Base = ResponsiveMixin(TranslatableMixin(InternalForm, NS));\n\n/**\n * Form element for creating or editing coupons (`fx:coupon`).\n *\n * @element foxy-coupon-form\n * @since 1.15.0\n */\nexport class CouponForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      getTransactionPageHref: { attribute: false },\n      __couponCodesActions: { type: Array },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ name: v }) => !!v || 'name:v8n_required',\n      ({ name: v }) => !v || v.length <= 50 || 'name:v8n_too_long',\n      ({ inclusive_tax_rate: v }) => !v || v >= 0 || 'inclusive-tax-rate:v8n_too_small',\n      ({ inclusive_tax_rate: v }) => !v || v <= 1 || 'inclusive-tax-rate:v8n_too_big',\n      ({ number_of_uses_allowed: v }) => !v || v >= 0 || 'number-of-uses-allowed:v8n_too_small',\n      ({ coupon_discount_details: v }) => !!v || 'rules:v8n_required',\n      ({ coupon_discount_details: v }) => !v || v.length <= 200 || 'rules:v8n_too_long',\n      ({ item_option_restrictions: v }) => {\n        return !v || JSON.stringify(v).length <= 6000 || 'item-option-restrictions:v8n_too_long';\n      },\n      ({ product_code_restrictions: v }) => {\n        return !v || v.length <= 5000 || 'product-code-restrictions:v8n_too_long';\n      },\n      ({ customer_attribute_restrictions: v }) => {\n        return !v || v.length <= 2000 || 'customer-attribute-restrictions:v8n_too_long';\n      },\n      ({ number_of_uses_allowed_per_code: v }) => {\n        return !v || v >= 0 || 'number-of-uses-allowed-per-code:v8n_too_small';\n      },\n      ({ customer_subscription_restrictions: v }) => {\n        return !v || v.length <= 200 || 'customer-subscription-restrictions:v8n_too_long';\n      },\n      ({ number_of_uses_allowed_per_customer: v }) => {\n        return !v || v >= 0 || 'number-of-uses-allowed-per-customer:v8n_too_small';\n      },\n    ];\n  }\n\n  getTransactionPageHref: TransactionPageHrefGetter | null = null;\n\n  private readonly __customerAttributeRestrictionsGetValue = () => {\n    const params = new URLSearchParams(\n      stringify(\n        parse(this.form.customer_attribute_restrictions ?? '')\n          .filter(value => Array.isArray(value) || typeof value.name === 'string')\n          .map(value => {\n            if (Array.isArray(value)) {\n              return value\n                .filter(({ name }) => typeof name === 'string')\n                .map(({ name, operator, value }) => {\n                  const output: ParsedValue = { path: name as string, operator, value };\n                  return output;\n                });\n            }\n\n            const output: ParsedValue = {\n              operator: value.operator,\n              value: value.value,\n              path: value.name as string,\n            };\n\n            return output;\n          })\n      )\n    );\n\n    params.delete('zoom');\n    return params.toString();\n  };\n\n  private readonly __customerAttributeRestrictionsSetValue = (newValue: string) => {\n    const params = new URLSearchParams(\n      stringify(\n        parse(newValue).map(value => {\n          if (Array.isArray(value)) {\n            return value.map(({ path, operator, value }) => {\n              const output: ParsedValue = { name: path, path: 'attributes', operator, value };\n              return output;\n            });\n          } else {\n            const output: ParsedValue = {\n              operator: value.operator,\n              value: value.value,\n              path: 'attributes',\n              name: value.path,\n            };\n\n            return output;\n          }\n        })\n      )\n    );\n\n    params.delete('zoom');\n    this.edit({ customer_attribute_restrictions: params.toString() });\n  };\n\n  private readonly __customerSubscriptionRestrictionsGetValue = () => {\n    const items = this.form.customer_subscription_restrictions\n      ?.split(',')\n      .map(value => value.trim())\n      .filter((value, index, values) => !!value && values.indexOf(value) === index)\n      .map(value => ({ value }));\n\n    return items ?? [];\n  };\n\n  private readonly __customerSubscriptionRestrictionsSetValue = (newValue: Item[]) => {\n    this.edit({\n      customer_subscription_restrictions: newValue\n        .map(({ value }) => value.trim())\n        .filter((value, index, values) => !!value && values.indexOf(value) === index)\n        .join(),\n    });\n\n    this.edit({\n      customer_auto_apply:\n        !!this.form.customer_subscription_restrictions ||\n        !!this.form.customer_attribute_restrictions,\n    });\n  };\n\n  private readonly __productCodeRestrictionsGetValue = () => {\n    return this.form.product_code_restrictions\n      ?.split(',')\n      .filter(v => !!v.trim())\n      .map(value => ({\n        value,\n        label: value.startsWith('-')\n          ? this.t(`product-code-restrictions.label_block`, { value: value.substring(1) })\n          : this.t(`product-code-restrictions.label_allow`, { value }),\n      }));\n  };\n\n  private readonly __productCodeRestrictionsSetValue = (newValue: Item[]) => {\n    this.edit({\n      product_code_restrictions: newValue\n        .map(({ value, unit }) => (unit === 'block' ? `-${value}` : value))\n        .filter((v, i, a) => !!v && a.indexOf(v) === i)\n        .join(','),\n    });\n  };\n\n  private readonly __storeLoaderId = 'storeLoader';\n\n  private readonly __codesFilters: Option[] = [\n    { label: 'code', path: 'code', type: Type.String },\n    { label: 'used_codes', path: 'number_of_uses_to_date', type: Type.Number },\n    { label: 'date_created', path: 'date_created', type: Type.Date },\n    { label: 'date_modified', path: 'date_modified', type: Type.Date },\n  ];\n\n  private __couponCodesActions: SwipeAction<Resource<Rels.CouponCode>>[] = [\n    {\n      theme: 'contrast',\n      state: 'idle',\n      text: 'copy_button_text',\n      onClick: async data => {\n        this.__couponCodesActions[0].state = 'busy';\n        this.__couponCodesActions = [...this.__couponCodesActions];\n\n        try {\n          await navigator.clipboard.writeText(data.code);\n          this.__couponCodesActions[0].state = 'end';\n        } catch {\n          this.__couponCodesActions[0].state = 'error';\n        } finally {\n          this.__couponCodesActions = [...this.__couponCodesActions];\n          setTimeout(() => {\n            this.__couponCodesActions[0].state = 'idle';\n            this.__couponCodesActions = [...this.__couponCodesActions];\n          }, 1000);\n        }\n      },\n    },\n  ];\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = [super.hiddenSelector.toString()];\n\n    if (!this.data) {\n      alwaysMatch.push('coupon-codes', 'category-restrictions', 'attributes');\n    }\n\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get headerSubtitleOptions(): Record<string, unknown> {\n    return { ...super.headerSubtitleOptions, id: this.headerCopyIdValue };\n  }\n\n  renderHeaderActions(data: Data): TemplateResult {\n    return html`\n      <foxy-internal-bulk-add-action-control\n        parent=${data._links['fx:generate_codes'].href}\n        infer=\"generate\"\n        form=\"foxy-generate-codes-form\"\n        .related=${[data._links['fx:coupon_codes'].href]}\n      >\n      </foxy-internal-bulk-add-action-control>\n\n      <foxy-internal-bulk-add-action-control\n        parent=${data._links['fx:coupon_codes'].href}\n        infer=\"import\"\n        form=\"foxy-coupon-codes-form\"\n        .related=${[data._links['fx:coupon_codes'].href]}\n      >\n      </foxy-internal-bulk-add-action-control>\n\n      ${super.renderHeaderActions(data)}\n    `;\n  }\n\n  renderBody(): TemplateResult {\n    let codesUrl: string | undefined;\n\n    try {\n      const url = new URL(this.data?._links['fx:coupon_codes'].href ?? '');\n      url.searchParams.set('order', 'date_created desc');\n\n      codesUrl = url.toString();\n    } catch {\n      codesUrl = undefined;\n    }\n\n    return html`\n      ${this.renderHeader()}\n\n      <foxy-internal-summary-control infer=\"general\">\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"name\"></foxy-internal-text-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-coupon-form-rules-control infer=\"rules\">\n      </foxy-internal-coupon-form-rules-control>\n\n      <foxy-internal-async-list-control\n        first=${codesUrl}\n        limit=\"5\"\n        infer=\"coupon-codes\"\n        item=\"foxy-coupon-code-card\"\n        form=\"foxy-coupon-code-form\"\n        alert\n        .formProps=${{ '.getTransactionPageHref': this.getTransactionPageHref }}\n        .actions=${this.__couponCodesActions}\n        .filters=${this.__codesFilters}\n      >\n      </foxy-internal-async-list-control>\n\n      <foxy-internal-editable-list-control\n        infer=\"product-code-restrictions\"\n        .getValue=${this.__productCodeRestrictionsGetValue}\n        .setValue=${this.__productCodeRestrictionsSetValue}\n        .units=${[\n          { label: this.t('product-code-restrictions.unit_allow'), value: 'allow' },\n          { label: this.t('product-code-restrictions.unit_block'), value: 'block' },\n        ]}\n      >\n      </foxy-internal-editable-list-control>\n\n      <foxy-internal-array-map-control infer=\"item-option-restrictions\">\n      </foxy-internal-array-map-control>\n\n      <foxy-internal-summary-control infer=\"customer-restrictions\">\n        <foxy-internal-query-builder-control\n          layout=\"summary-item\"\n          infer=\"customer-attribute-restrictions\"\n          .getValue=${this.__customerAttributeRestrictionsGetValue}\n          .setValue=${this.__customerAttributeRestrictionsSetValue}\n        >\n        </foxy-internal-query-builder-control>\n\n        <foxy-internal-editable-list-control\n          layout=\"summary-item\"\n          infer=\"customer-subscription-restrictions\"\n          .getValue=${this.__customerSubscriptionRestrictionsGetValue}\n          .setValue=${this.__customerSubscriptionRestrictionsSetValue}\n        >\n        </foxy-internal-editable-list-control>\n\n        <foxy-internal-switch-control infer=\"customer-auto-apply\"></foxy-internal-switch-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-async-resource-link-list-control\n        foreign-key-for-uri=\"item_category_uri\"\n        foreign-key-for-id=\"item_category_id\"\n        own-key-for-uri=\"coupon_uri\"\n        own-uri=${ifDefined(this.data?._links.self.href)}\n        embed-key=\"fx:coupon_item_categories\"\n        options-href=${ifDefined(this.__storeLoader?.data?._links['fx:item_categories'].href)}\n        links-href=${ifDefined(this.data?._links['fx:coupon_item_categories'].href)}\n        infer=\"category-restrictions\"\n        limit=\"5\"\n        item=\"foxy-item-category-card\"\n      >\n      </foxy-internal-async-resource-link-list-control>\n\n      <foxy-internal-summary-control infer=\"uses\">\n        <foxy-internal-number-control\n          layout=\"summary-item\"\n          infer=\"number-of-uses-allowed\"\n          step=\"1\"\n          min=\"0\"\n        >\n        </foxy-internal-number-control>\n\n        <foxy-internal-number-control\n          layout=\"summary-item\"\n          infer=\"number-of-uses-allowed-per-customer\"\n          step=\"1\"\n          min=\"0\"\n        >\n        </foxy-internal-number-control>\n\n        <foxy-internal-number-control\n          layout=\"summary-item\"\n          infer=\"number-of-uses-allowed-per-code\"\n          step=\"1\"\n          min=\"0\"\n        >\n        </foxy-internal-number-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"timeframe\">\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"start-date\">\n        </foxy-internal-date-control>\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"end-date\">\n        </foxy-internal-date-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"taxes\">\n        <foxy-internal-number-control\n          layout=\"summary-item\"\n          infer=\"inclusive-tax-rate\"\n          min=\"0\"\n          max=\"1\"\n        >\n        </foxy-internal-number-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"options\">\n        <foxy-internal-switch-control infer=\"multiple-codes-allowed\"></foxy-internal-switch-control>\n        <foxy-internal-switch-control infer=\"combinable\"></foxy-internal-switch-control>\n        <foxy-internal-switch-control infer=\"exclude-category-discounts\">\n        </foxy-internal-switch-control>\n        <foxy-internal-switch-control infer=\"exclude-line-item-discounts\">\n        </foxy-internal-switch-control>\n        <foxy-internal-switch-control infer=\"is-taxable\"></foxy-internal-switch-control>\n        <foxy-internal-switch-control infer=\"shared-codes-allowed\"></foxy-internal-switch-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-async-list-control\n        first=${ifDefined(this.data?._links['fx:attributes'].href)}\n        limit=\"5\"\n        infer=\"attributes\"\n        item=\"foxy-attribute-card\"\n        form=\"foxy-attribute-form\"\n        alert\n      >\n      </foxy-internal-async-list-control>\n\n      ${super.renderBody()}\n\n      <foxy-nucleon\n        infer=\"\"\n        class=\"hidden\"\n        href=${ifDefined(this.data?._links['fx:store'].href)}\n        id=${this.__storeLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n    `;\n  }\n\n  private get __storeLoader() {\n    type Loader = NucleonElement<Resource<Rels.Store>>;\n    return this.renderRoot.querySelector<Loader>(`#${this.__storeLoaderId}`);\n  }\n}\n"]}
+{"version":3,"file":"CouponForm.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponForm/CouponForm.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,iCAA8B;AACvD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,uCAAoC;AACpD,OAAO,EAAE,SAAS,EAAE,2CAAwC;AAE5D,MAAM,EAAE,GAAG,aAAa,CAAC;AACzB,MAAM,IAAI,GAAG,eAAe,CAAC,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC;AAElE;;;;;GAKG;AACH,MAAM,OAAO,UAAW,SAAQ,IAAU;IAA1C;;QAuCE,2BAAsB,GAAqC,IAAI,CAAC;QAE/C,6CAAwC,GAAe;YACtE,QAAQ,CAAC,GAAG;YACZ,QAAQ,CAAC,EAAE;SACZ,CAAC;QAEe,4CAAuC,GAAG,GAAG,EAAE;;YAC9D,MAAM,eAAe,GAAG,KAAK,OAAC,IAAI,CAAC,IAAI,CAAC,+BAA+B,mCAAI,EAAE,CAAC;iBAC3E,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,OAAO,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC;iBACvE,GAAG,CAAC,KAAK,CAAC,EAAE;gBACX,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;oBACxB,OAAO,KAAK;yBACT,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,OAAO,IAAI,KAAK,QAAQ,CAAC;yBAC9C,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;wBACjC,MAAM,MAAM,GAAgB,EAAE,IAAI,EAAE,IAAc,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;wBACtE,OAAO,MAAM,CAAC;oBAChB,CAAC,CAAC,CAAC;iBACN;gBAED,MAAM,MAAM,GAAgB;oBAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ;oBACxB,KAAK,EAAE,KAAK,CAAC,KAAK;oBAClB,IAAI,EAAE,KAAK,CAAC,IAAc;iBAC3B,CAAC;gBAEF,OAAO,MAAM,CAAC;YAChB,CAAC,CAAC,CAAC;YAEL,OAAO,SAAS,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC;QAC1C,CAAC,CAAC;QAEe,4CAAuC,GAAG,CAAC,QAAgB,EAAE,EAAE;YAC9E,MAAM,cAAc,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;gBACjD,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;oBACxB,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;wBAC7C,MAAM,MAAM,GAAgB,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;wBAChF,OAAO,MAAM,CAAC;oBAChB,CAAC,CAAC,CAAC;iBACJ;qBAAM;oBACL,MAAM,MAAM,GAAgB;wBAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ;wBACxB,KAAK,EAAE,KAAK,CAAC,KAAK;wBAClB,IAAI,EAAE,YAAY;wBAClB,IAAI,EAAE,KAAK,CAAC,IAAI;qBACjB,CAAC;oBAEF,OAAO,MAAM,CAAC;iBACf;YACH,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,IAAI,CAAC,EAAE,+BAA+B,EAAE,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;QAClF,CAAC,CAAC;QAEe,+CAA0C,GAAG,GAAG,EAAE;;YACjE,MAAM,KAAK,SAAG,IAAI,CAAC,IAAI,CAAC,kCAAkC,0CACtD,KAAK,CAAC,GAAG,EACV,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,EACzB,MAAM,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,EAC3E,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;YAE7B,OAAO,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,CAAC;QACrB,CAAC,CAAC;QAEe,+CAA0C,GAAG,CAAC,QAAgB,EAAE,EAAE;YACjF,IAAI,CAAC,IAAI,CAAC;gBACR,kCAAkC,EAAE,QAAQ;qBACzC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;qBAChC,MAAM,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,CAAC;qBAC5E,IAAI,EAAE;aACV,CAAC,CAAC;YAEH,IAAI,CAAC,IAAI,CAAC;gBACR,mBAAmB,EACjB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,kCAAkC;oBAC9C,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,+BAA+B;aAC9C,CAAC,CAAC;QACL,CAAC,CAAC;QAEe,sCAAiC,GAAG,GAAG,EAAE;;YACxD,aAAO,IAAI,CAAC,IAAI,CAAC,yBAAyB,0CACtC,KAAK,CAAC,GAAG,EACV,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EACtB,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;gBACb,KAAK;gBACL,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC;oBAC1B,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,uCAAuC,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;oBAChF,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,uCAAuC,EAAE,EAAE,KAAK,EAAE,CAAC;aAC/D,CAAC,EAAE;QACR,CAAC,CAAC;QAEe,sCAAiC,GAAG,CAAC,QAAgB,EAAE,EAAE;YACxE,IAAI,CAAC,IAAI,CAAC;gBACR,yBAAyB,EAAE,QAAQ;qBAChC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;qBAClE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;qBAC9C,IAAI,CAAC,GAAG,CAAC;aACb,CAAC,CAAC;QACL,CAAC,CAAC;QAEe,oBAAe,GAAG,aAAa,CAAC;QAEhC,mBAAc,GAAa;YAC1C,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE;YAClD,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,wBAAwB,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE;YAC1E,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;YAChE,EAAE,KAAK,EAAE,eAAe,EAAE,IAAI,EAAE,eAAe,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;SACnE,CAAC;QAEM,yBAAoB,GAA6C;YACvE;gBACE,KAAK,EAAE,UAAU;gBACjB,KAAK,EAAE,MAAM;gBACb,IAAI,EAAE,kBAAkB;gBACxB,OAAO,EAAE,KAAK,EAAC,IAAI,EAAC,EAAE;oBACpB,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,MAAM,CAAC;oBAC5C,IAAI,CAAC,oBAAoB,GAAG,CAAC,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC;oBAE3D,IAAI;wBACF,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;wBAC/C,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC;qBAC5C;oBAAC,WAAM;wBACN,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,OAAO,CAAC;qBAC9C;4BAAS;wBACR,IAAI,CAAC,oBAAoB,GAAG,CAAC,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC;wBAC3D,UAAU,CAAC,GAAG,EAAE;4BACd,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,MAAM,CAAC;4BAC5C,IAAI,CAAC,oBAAoB,GAAG,CAAC,GAAG,IAAI,CAAC,oBAAoB,CAAC,CAAC;wBAC7D,CAAC,EAAE,IAAI,CAAC,CAAC;qBACV;gBACH,CAAC;aACF;SACF,CAAC;IA2MJ,CAAC;IArXC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,sBAAsB,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YAC5C,oBAAoB,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;SACtC,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,GAAG;QACZ,OAAO;YACL,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,mBAAmB;YAC3C,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,EAAE,IAAI,mBAAmB;YAC5D,CAAC,EAAE,kBAAkB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,kCAAkC;YACjF,CAAC,EAAE,kBAAkB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,gCAAgC;YAC/E,CAAC,EAAE,sBAAsB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,sCAAsC;YACzF,CAAC,EAAE,uBAAuB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,oBAAoB;YAC/D,CAAC,EAAE,uBAAuB,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,GAAG,IAAI,oBAAoB;YACjF,CAAC,EAAE,wBAAwB,EAAE,CAAC,EAAE,EAAE,EAAE;gBAClC,OAAO,CAAC,CAAC,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,IAAI,IAAI,uCAAuC,CAAC;YAC3F,CAAC;YACD,CAAC,EAAE,yBAAyB,EAAE,CAAC,EAAE,EAAE,EAAE;gBACnC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,IAAI,IAAI,wCAAwC,CAAC;YAC5E,CAAC;YACD,CAAC,EAAE,+BAA+B,EAAE,CAAC,EAAE,EAAE,EAAE;gBACzC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,IAAI,IAAI,8CAA8C,CAAC;YAClF,CAAC;YACD,CAAC,EAAE,+BAA+B,EAAE,CAAC,EAAE,EAAE,EAAE;gBACzC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,+CAA+C,CAAC;YACzE,CAAC;YACD,CAAC,EAAE,kCAAkC,EAAE,CAAC,EAAE,EAAE,EAAE;gBAC5C,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,GAAG,IAAI,iDAAiD,CAAC;YACpF,CAAC;YACD,CAAC,EAAE,mCAAmC,EAAE,CAAC,EAAE,EAAE,EAAE;gBAC7C,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,mDAAmD,CAAC;YAC7E,CAAC;SACF,CAAC;IACJ,CAAC;IAwID,IAAI,cAAc;QAChB,MAAM,WAAW,GAAG,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;QAEtD,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YACd,WAAW,CAAC,IAAI,CAAC,cAAc,EAAE,uBAAuB,EAAE,YAAY,CAAC,CAAC;SACzE;QAED,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,qBAAqB;QACvB,OAAO,EAAE,GAAG,KAAK,CAAC,qBAAqB,EAAE,EAAE,EAAE,IAAI,CAAC,iBAAiB,EAAE,CAAC;IACxE,CAAC;IAED,mBAAmB,CAAC,IAAU;QAC5B,OAAO,IAAI,CAAA;;iBAEE,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC,IAAI;;;mBAGnC,CAAC,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC;;;;;iBAKvC,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,IAAI;;;mBAGjC,CAAC,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC;;;;QAIhD,KAAK,CAAC,mBAAmB,CAAC,IAAI,CAAC;KAClC,CAAC;IACJ,CAAC;IAED,UAAU;;QACR,IAAI,QAA4B,CAAC;QAEjC,IAAI;YACF,MAAM,GAAG,GAAG,IAAI,GAAG,aAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,iBAAiB,EAAE,IAAI,mCAAI,EAAE,CAAC,CAAC;YACrE,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,mBAAmB,CAAC,CAAC;YAEnD,QAAQ,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;SAC3B;QAAC,WAAM;YACN,QAAQ,GAAG,SAAS,CAAC;SACtB;QAED,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,YAAY,EAAE;;;;;;;;;;gBAUX,QAAQ;;;;;;qBAMH,EAAE,yBAAyB,EAAE,IAAI,CAAC,sBAAsB,EAAE;mBAC5D,IAAI,CAAC,oBAAoB;mBACzB,IAAI,CAAC,cAAc;;;;;;oBAMlB,IAAI,CAAC,iCAAiC;oBACtC,IAAI,CAAC,iCAAiC;iBACzC;YACP,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,sCAAsC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE;YACzE,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,sCAAsC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE;SAC1E;;;;;;;;;;;qBAWY,IAAI,CAAC,wCAAwC;oBAC9C,IAAI,CAAC,uCAAuC;oBAC5C,IAAI,CAAC,uCAAuC;;;;;;oBAM5C,IAAI,CAAC,0CAA0C;oBAC/C,IAAI,CAAC,0CAA0C;;;;;;;;;;;;kBAYjD,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;;uBAEjC,SAAS,aAAC,IAAI,CAAC,aAAa,0CAAE,IAAI,0CAAE,MAAM,CAAC,oBAAoB,EAAE,IAAI,CAAC;qBACxE,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,2BAA2B,EAAE,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA8DnE,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,eAAe,EAAE,IAAI,CAAC;;;;;;;;;QAS1D,KAAK,CAAC,UAAU,EAAE;;;;;eAKX,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,UAAU,EAAE,IAAI,CAAC;aAC/C,IAAI,CAAC,eAAe;kBACf,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;;;KAGvC,CAAC;IACJ,CAAC;IAED,IAAY,aAAa;QAEvB,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAS,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;IAC3E,CAAC;CACF","sourcesContent":["import type { TemplateResult, PropertyDeclarations } from 'lit-element';\nimport type { Data, TransactionPageHrefGetter } from './types';\nimport type { Option, ParsedValue } from '../QueryBuilder/types';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { SwipeAction } from '../../internal/InternalAsyncListControl/types';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Item } from '../../internal/InternalEditableListControl/types';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { Type, Operator } from '../QueryBuilder/types';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\nimport { parse } from '../QueryBuilder/utils/parse';\nimport { stringify } from '../QueryBuilder/utils/stringify';\n\nconst NS = 'coupon-form';\nconst Base = ResponsiveMixin(TranslatableMixin(InternalForm, NS));\n\n/**\n * Form element for creating or editing coupons (`fx:coupon`).\n *\n * @element foxy-coupon-form\n * @since 1.15.0\n */\nexport class CouponForm extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      getTransactionPageHref: { attribute: false },\n      __couponCodesActions: { type: Array },\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ name: v }) => !!v || 'name:v8n_required',\n      ({ name: v }) => !v || v.length <= 50 || 'name:v8n_too_long',\n      ({ inclusive_tax_rate: v }) => !v || v >= 0 || 'inclusive-tax-rate:v8n_too_small',\n      ({ inclusive_tax_rate: v }) => !v || v <= 1 || 'inclusive-tax-rate:v8n_too_big',\n      ({ number_of_uses_allowed: v }) => !v || v >= 0 || 'number-of-uses-allowed:v8n_too_small',\n      ({ coupon_discount_details: v }) => !!v || 'rules:v8n_required',\n      ({ coupon_discount_details: v }) => !v || v.length <= 200 || 'rules:v8n_too_long',\n      ({ item_option_restrictions: v }) => {\n        return !v || JSON.stringify(v).length <= 6000 || 'item-option-restrictions:v8n_too_long';\n      },\n      ({ product_code_restrictions: v }) => {\n        return !v || v.length <= 5000 || 'product-code-restrictions:v8n_too_long';\n      },\n      ({ customer_attribute_restrictions: v }) => {\n        return !v || v.length <= 2000 || 'customer-attribute-restrictions:v8n_too_long';\n      },\n      ({ number_of_uses_allowed_per_code: v }) => {\n        return !v || v >= 0 || 'number-of-uses-allowed-per-code:v8n_too_small';\n      },\n      ({ customer_subscription_restrictions: v }) => {\n        return !v || v.length <= 200 || 'customer-subscription-restrictions:v8n_too_long';\n      },\n      ({ number_of_uses_allowed_per_customer: v }) => {\n        return !v || v >= 0 || 'number-of-uses-allowed-per-customer:v8n_too_small';\n      },\n    ];\n  }\n\n  getTransactionPageHref: TransactionPageHrefGetter | null = null;\n\n  private readonly __customerAttributeRestrictionsOperators: Operator[] = [\n    Operator.Not,\n    Operator.In,\n  ];\n\n  private readonly __customerAttributeRestrictionsGetValue = () => {\n    const simplifiedValue = parse(this.form.customer_attribute_restrictions ?? '')\n      .filter(value => Array.isArray(value) || typeof value.name === 'string')\n      .map(value => {\n        if (Array.isArray(value)) {\n          return value\n            .filter(({ name }) => typeof name === 'string')\n            .map(({ name, operator, value }) => {\n              const output: ParsedValue = { path: name as string, operator, value };\n              return output;\n            });\n        }\n\n        const output: ParsedValue = {\n          operator: value.operator,\n          value: value.value,\n          path: value.name as string,\n        };\n\n        return output;\n      });\n\n    return stringify(simplifiedValue, true);\n  };\n\n  private readonly __customerAttributeRestrictionsSetValue = (newValue: string) => {\n    const augmentedValue = parse(newValue).map(value => {\n      if (Array.isArray(value)) {\n        return value.map(({ path, operator, value }) => {\n          const output: ParsedValue = { name: path, path: 'attributes', operator, value };\n          return output;\n        });\n      } else {\n        const output: ParsedValue = {\n          operator: value.operator,\n          value: value.value,\n          path: 'attributes',\n          name: value.path,\n        };\n\n        return output;\n      }\n    });\n\n    this.edit({ customer_attribute_restrictions: stringify(augmentedValue, true) });\n  };\n\n  private readonly __customerSubscriptionRestrictionsGetValue = () => {\n    const items = this.form.customer_subscription_restrictions\n      ?.split(',')\n      .map(value => value.trim())\n      .filter((value, index, values) => !!value && values.indexOf(value) === index)\n      .map(value => ({ value }));\n\n    return items ?? [];\n  };\n\n  private readonly __customerSubscriptionRestrictionsSetValue = (newValue: Item[]) => {\n    this.edit({\n      customer_subscription_restrictions: newValue\n        .map(({ value }) => value.trim())\n        .filter((value, index, values) => !!value && values.indexOf(value) === index)\n        .join(),\n    });\n\n    this.edit({\n      customer_auto_apply:\n        !!this.form.customer_subscription_restrictions ||\n        !!this.form.customer_attribute_restrictions,\n    });\n  };\n\n  private readonly __productCodeRestrictionsGetValue = () => {\n    return this.form.product_code_restrictions\n      ?.split(',')\n      .filter(v => !!v.trim())\n      .map(value => ({\n        value,\n        label: value.startsWith('-')\n          ? this.t(`product-code-restrictions.label_block`, { value: value.substring(1) })\n          : this.t(`product-code-restrictions.label_allow`, { value }),\n      }));\n  };\n\n  private readonly __productCodeRestrictionsSetValue = (newValue: Item[]) => {\n    this.edit({\n      product_code_restrictions: newValue\n        .map(({ value, unit }) => (unit === 'block' ? `-${value}` : value))\n        .filter((v, i, a) => !!v && a.indexOf(v) === i)\n        .join(','),\n    });\n  };\n\n  private readonly __storeLoaderId = 'storeLoader';\n\n  private readonly __codesFilters: Option[] = [\n    { label: 'code', path: 'code', type: Type.String },\n    { label: 'used_codes', path: 'number_of_uses_to_date', type: Type.Number },\n    { label: 'date_created', path: 'date_created', type: Type.Date },\n    { label: 'date_modified', path: 'date_modified', type: Type.Date },\n  ];\n\n  private __couponCodesActions: SwipeAction<Resource<Rels.CouponCode>>[] = [\n    {\n      theme: 'contrast',\n      state: 'idle',\n      text: 'copy_button_text',\n      onClick: async data => {\n        this.__couponCodesActions[0].state = 'busy';\n        this.__couponCodesActions = [...this.__couponCodesActions];\n\n        try {\n          await navigator.clipboard.writeText(data.code);\n          this.__couponCodesActions[0].state = 'end';\n        } catch {\n          this.__couponCodesActions[0].state = 'error';\n        } finally {\n          this.__couponCodesActions = [...this.__couponCodesActions];\n          setTimeout(() => {\n            this.__couponCodesActions[0].state = 'idle';\n            this.__couponCodesActions = [...this.__couponCodesActions];\n          }, 1000);\n        }\n      },\n    },\n  ];\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = [super.hiddenSelector.toString()];\n\n    if (!this.data) {\n      alwaysMatch.push('coupon-codes', 'category-restrictions', 'attributes');\n    }\n\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get headerSubtitleOptions(): Record<string, unknown> {\n    return { ...super.headerSubtitleOptions, id: this.headerCopyIdValue };\n  }\n\n  renderHeaderActions(data: Data): TemplateResult {\n    return html`\n      <foxy-internal-bulk-add-action-control\n        parent=${data._links['fx:generate_codes'].href}\n        infer=\"generate\"\n        form=\"foxy-generate-codes-form\"\n        .related=${[data._links['fx:coupon_codes'].href]}\n      >\n      </foxy-internal-bulk-add-action-control>\n\n      <foxy-internal-bulk-add-action-control\n        parent=${data._links['fx:coupon_codes'].href}\n        infer=\"import\"\n        form=\"foxy-coupon-codes-form\"\n        .related=${[data._links['fx:coupon_codes'].href]}\n      >\n      </foxy-internal-bulk-add-action-control>\n\n      ${super.renderHeaderActions(data)}\n    `;\n  }\n\n  renderBody(): TemplateResult {\n    let codesUrl: string | undefined;\n\n    try {\n      const url = new URL(this.data?._links['fx:coupon_codes'].href ?? '');\n      url.searchParams.set('order', 'date_created desc');\n\n      codesUrl = url.toString();\n    } catch {\n      codesUrl = undefined;\n    }\n\n    return html`\n      ${this.renderHeader()}\n\n      <foxy-internal-summary-control infer=\"general\">\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"name\"></foxy-internal-text-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-coupon-form-rules-control infer=\"rules\">\n      </foxy-internal-coupon-form-rules-control>\n\n      <foxy-internal-async-list-control\n        first=${codesUrl}\n        limit=\"5\"\n        infer=\"coupon-codes\"\n        item=\"foxy-coupon-code-card\"\n        form=\"foxy-coupon-code-form\"\n        alert\n        .formProps=${{ '.getTransactionPageHref': this.getTransactionPageHref }}\n        .actions=${this.__couponCodesActions}\n        .filters=${this.__codesFilters}\n      >\n      </foxy-internal-async-list-control>\n\n      <foxy-internal-editable-list-control\n        infer=\"product-code-restrictions\"\n        .getValue=${this.__productCodeRestrictionsGetValue}\n        .setValue=${this.__productCodeRestrictionsSetValue}\n        .units=${[\n          { label: this.t('product-code-restrictions.unit_allow'), value: 'allow' },\n          { label: this.t('product-code-restrictions.unit_block'), value: 'block' },\n        ]}\n      >\n      </foxy-internal-editable-list-control>\n\n      <foxy-internal-array-map-control infer=\"item-option-restrictions\">\n      </foxy-internal-array-map-control>\n\n      <foxy-internal-query-builder-control\n        infer=\"customer-attribute-restrictions\"\n        disable-zoom\n        disable-or\n        .operators=${this.__customerAttributeRestrictionsOperators}\n        .getValue=${this.__customerAttributeRestrictionsGetValue}\n        .setValue=${this.__customerAttributeRestrictionsSetValue}\n      >\n      </foxy-internal-query-builder-control>\n\n      <foxy-internal-editable-list-control\n        infer=\"customer-subscription-restrictions\"\n        .getValue=${this.__customerSubscriptionRestrictionsGetValue}\n        .setValue=${this.__customerSubscriptionRestrictionsSetValue}\n      >\n      </foxy-internal-editable-list-control>\n\n      <foxy-internal-summary-control infer=\"auto-apply\">\n        <foxy-internal-switch-control infer=\"customer-auto-apply\"></foxy-internal-switch-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-async-resource-link-list-control\n        foreign-key-for-uri=\"item_category_uri\"\n        foreign-key-for-id=\"item_category_id\"\n        own-key-for-uri=\"coupon_uri\"\n        own-uri=${ifDefined(this.data?._links.self.href)}\n        embed-key=\"fx:coupon_item_categories\"\n        options-href=${ifDefined(this.__storeLoader?.data?._links['fx:item_categories'].href)}\n        links-href=${ifDefined(this.data?._links['fx:coupon_item_categories'].href)}\n        infer=\"category-restrictions\"\n        limit=\"5\"\n        item=\"foxy-item-category-card\"\n      >\n      </foxy-internal-async-resource-link-list-control>\n\n      <foxy-internal-summary-control infer=\"uses\">\n        <foxy-internal-number-control\n          layout=\"summary-item\"\n          infer=\"number-of-uses-allowed\"\n          step=\"1\"\n          min=\"0\"\n        >\n        </foxy-internal-number-control>\n\n        <foxy-internal-number-control\n          layout=\"summary-item\"\n          infer=\"number-of-uses-allowed-per-customer\"\n          step=\"1\"\n          min=\"0\"\n        >\n        </foxy-internal-number-control>\n\n        <foxy-internal-number-control\n          layout=\"summary-item\"\n          infer=\"number-of-uses-allowed-per-code\"\n          step=\"1\"\n          min=\"0\"\n        >\n        </foxy-internal-number-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"timeframe\">\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"start-date\">\n        </foxy-internal-date-control>\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"end-date\">\n        </foxy-internal-date-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"taxes\">\n        <foxy-internal-number-control\n          layout=\"summary-item\"\n          infer=\"inclusive-tax-rate\"\n          min=\"0\"\n          max=\"1\"\n        >\n        </foxy-internal-number-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"options\">\n        <foxy-internal-switch-control infer=\"multiple-codes-allowed\"></foxy-internal-switch-control>\n        <foxy-internal-switch-control infer=\"combinable\"></foxy-internal-switch-control>\n        <foxy-internal-switch-control infer=\"exclude-category-discounts\">\n        </foxy-internal-switch-control>\n        <foxy-internal-switch-control infer=\"exclude-line-item-discounts\">\n        </foxy-internal-switch-control>\n        <foxy-internal-switch-control infer=\"is-taxable\"></foxy-internal-switch-control>\n        <foxy-internal-switch-control infer=\"shared-codes-allowed\"></foxy-internal-switch-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-async-list-control\n        first=${ifDefined(this.data?._links['fx:attributes'].href)}\n        limit=\"5\"\n        infer=\"attributes\"\n        item=\"foxy-attribute-card\"\n        form=\"foxy-attribute-form\"\n        alert\n      >\n      </foxy-internal-async-list-control>\n\n      ${super.renderBody()}\n\n      <foxy-nucleon\n        infer=\"\"\n        class=\"hidden\"\n        href=${ifDefined(this.data?._links['fx:store'].href)}\n        id=${this.__storeLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n    `;\n  }\n\n  private get __storeLoader() {\n    type Loader = NucleonElement<Resource<Rels.Store>>;\n    return this.renderRoot.querySelector<Loader>(`#${this.__storeLoaderId}`);\n  }\n}\n"]}

package/dist/elements/public/CouponForm/internal/InternalCouponFormRulesControl/InternalCouponFormRulesControl.js

@@ -12,18 +12,13 @@ export class InternalCouponFormRulesControl extends InternalEditableControl {
         const errorMessage = this._errorMessage;
         return html `
       <section>
-        <p class="leading-xs flex items-center justify-between space-x-m text-s mb-xs">
-          <span
-            class=${classMap({
-            'transition-colors font-medium flex-1': true,
-            'text-secondary': !this.disabled,
-            'text-disabled': this.disabled,
-        })}
-          >
-            ${this.label}
-          </span>
-          <span class="min-w-0">${this.__renderPreset()}</span>
-        </p>
+        <div class="mb-s" ?hidden=${!this.label && !helperText && !description}>
+          <p class="flex items-center justify-between space-x-m">
+            <span class="font-medium flex-1 text-l">${this.label}</span>
+            <span class="min-w-0">${this.__renderPreset()}</span>
+          </p>
+          <p class="text-s text-secondary">${helperText}</p>
+        </div>
 
         <foxy-discount-builder
           infer="discount-builder"
@@ -40,22 +35,9 @@ export class InternalCouponFormRulesControl extends InternalEditableControl {
         >
         </foxy-discount-builder>
 
-        ${helperText || description
-            ? html `
-              <p
-                class=${classMap({
-                'text-xs mt-xs leading-xs transition-colors': true,
-                'text-secondary': !this.disabled && !this.readonly,
-                'text-disabled': this.disabled,
-                'text-body': this.readonly,
-            })}
-              >
-                ${description || helperText}
-              </p>
-            `
-            : ''}
+        ${description ? html `<p class="text-s text-secondary mt-s">${description}</p>` : ''}
         ${errorMessage && !this.disabled && !this.readonly
-            ? html `<p class="mt-xs text-xs leading-xs text-error">${this._errorMessage}</p>`
+            ? html `<p class="mt-s text-s leading-xs text-error">${this._errorMessage}</p>`
             : ''}
       </section>
     `;

package/dist/elements/public/CouponForm/internal/InternalCouponFormRulesControl/InternalCouponFormRulesControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalCouponFormRulesControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/CouponForm/internal/InternalCouponFormRulesControl/InternalCouponFormRulesControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { DiscountBuilder } from '../../../DiscountBuilder/DiscountBuilder';\nimport type { TemplateResult } from 'lit-html';\nimport type { CouponForm } from '../../CouponForm';\n\nimport { InternalEditableControl } from '../../../../internal/InternalEditableControl/InternalEditableControl';\nimport { classMap } from '../../../../../utils/class-map';\nimport { html } from 'lit-html';\n\nexport class InternalCouponFormRulesControl extends InternalEditableControl {\n  renderControl(): TemplateResult {\n    const nucleon = this.nucleon as CouponForm | null;\n    const details = nucleon?.form.coupon_discount_details ?? '';\n    const type = nucleon?.form.coupon_discount_type ?? 'quantity_amount';\n    const helperText = this.helperText;\n    const description = this.__renderRulesDescription();\n    const errorMessage = this._errorMessage;\n\n    return html`\n      <section>\n        <p class=\"leading-xs flex items-center justify-between space-x-m text-s mb-xs\">\n          <span\n            class=${classMap({\n              'transition-colors font-medium flex-1': true,\n              'text-secondary': !this.disabled,\n              'text-disabled': this.disabled,\n            })}\n          >\n            ${this.label}\n          </span>\n          <span class=\"min-w-0\">${this.__renderPreset()}</span>\n        </p>\n\n        <foxy-discount-builder\n          infer=\"discount-builder\"\n          .parsedValue=${{ details, type, name: 'Rules' }}\n          @change=${(evt: CustomEvent) => {\n            const builder = evt.currentTarget as DiscountBuilder;\n            const newParsedValue = builder.parsedValue;\n            const nucleon = this.nucleon as CouponForm | null;\n\n            nucleon?.edit({\n              coupon_discount_details: newParsedValue.details,\n              coupon_discount_type: newParsedValue.type,\n            });\n          }}\n        >\n        </foxy-discount-builder>\n\n        ${helperText || description\n          ? html`\n              <p\n                class=${classMap({\n                  'text-xs mt-xs leading-xs transition-colors': true,\n                  'text-secondary': !this.disabled && !this.readonly,\n                  'text-disabled': this.disabled,\n                  'text-body': this.readonly,\n                })}\n              >\n                ${description || helperText}\n              </p>\n            `\n          : ''}\n        ${errorMessage && !this.disabled && !this.readonly\n          ? html`<p class=\"mt-xs text-xs leading-xs text-error\">${this._errorMessage}</p>`\n          : ''}\n      </section>\n    `;\n  }\n\n  private __renderRulesDescription() {\n    const nucleon = this.nucleon as CouponForm | null;\n    const type = nucleon?.form.coupon_discount_type ?? 'quantity_amount';\n    const details = nucleon?.form.coupon_discount_details ?? '';\n\n    if (!details) return null;\n    return this.t('discount_summary', { params: { details, type, ns: this.ns } });\n  }\n\n  private __renderPreset() {\n    const nucleon = this.nucleon as CouponForm | null;\n    const details = nucleon?.form.coupon_discount_details;\n    const type = nucleon?.form.coupon_discount_type;\n\n    const presets = [\n      { type: 'quantity_amount', details: 'allunits|2-2' },\n      { type: 'quantity_percentage', details: 'allunits|5-10|10-20' },\n      { type: 'quantity_amount', details: 'incremental|3-5' },\n      { type: 'quantity_percentage', details: 'incremental|11-10|51-15|101-20' },\n      { type: 'quantity_percentage', details: 'repeat|2-100' },\n      { type: 'quantity_percentage', details: 'repeat|4-50' },\n      { type: 'quantity_amount', details: 'single|5-10' },\n      { type: 'price_percentage', details: 'single|99.99-10' },\n    ] as const;\n\n    const selectedPreset = presets.find(p => p.details === details && p.type === type);\n\n    return html`\n      <label\n        data-testid=\"rules:preset\"\n        class=${classMap({\n          'whitespace-nowrap block ring-primary-50 rounded px-xs -mx-xs transition-colors': true,\n          'text-body hover-text-primary focus-within-ring-2': !this.disabled && !this.readonly,\n          'text-secondary': this.readonly,\n          'text-disabled': this.disabled,\n        })}\n      >\n        <foxy-i18n class=\"sr-only\" infer=\"\" key=\"preset\"></foxy-i18n>\n\n        <span class=\"relative font-medium flex items-center\">\n          <span class=\"truncate\">\n            ${selectedPreset\n              ? this.t('discount_summary', { params: { ...selectedPreset, ns: this.ns } })\n              : this.t('custom_discount')}\n          </span>\n\n          <iron-icon class=\"icon-inline text-xl ml-xs -mr-xs\" icon=\"icons:expand-more\"></iron-icon>\n\n          <select\n            data-testclass=\"interactive editable\"\n            data-testid=\"rules:preset:select\"\n            class=\"opacity-0 absolute inset-0 focus-outline-none\"\n            ?disabled=${this.disabled || this.readonly}\n            @change=${(evt: Event) => {\n              const select = evt.currentTarget as HTMLSelectElement;\n              const preset = presets[select.selectedIndex];\n              const nucleon = this.nucleon as CouponForm | null;\n\n              nucleon?.edit({\n                coupon_discount_details: preset?.details ?? '',\n                coupon_discount_type: preset?.type ?? 'quantity_amount',\n              });\n            }}\n          >\n            ${presets.map(option => {\n              return html`\n                <option value=${option.details} ?selected=${option === selectedPreset}>\n                  ${this.t('discount_summary', { params: { ...option, ns: this.ns } })}\n                </option>\n              `;\n            })}\n\n            <option value=\"custom\" ?selected=${!selectedPreset && !!details && !!type}>\n              ${this.t('custom_discount')}\n            </option>\n          </select>\n        </span>\n      </label>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalCouponFormRulesControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/CouponForm/internal/InternalCouponFormRulesControl/InternalCouponFormRulesControl.ts"],"names":[],"mappings":"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","sourcesContent":["import type { DiscountBuilder } from '../../../DiscountBuilder/DiscountBuilder';\nimport type { TemplateResult } from 'lit-html';\nimport type { CouponForm } from '../../CouponForm';\n\nimport { InternalEditableControl } from '../../../../internal/InternalEditableControl/InternalEditableControl';\nimport { classMap } from '../../../../../utils/class-map';\nimport { html } from 'lit-html';\n\nexport class InternalCouponFormRulesControl extends InternalEditableControl {\n  renderControl(): TemplateResult {\n    const nucleon = this.nucleon as CouponForm | null;\n    const details = nucleon?.form.coupon_discount_details ?? '';\n    const type = nucleon?.form.coupon_discount_type ?? 'quantity_amount';\n    const helperText = this.helperText;\n    const description = this.__renderRulesDescription();\n    const errorMessage = this._errorMessage;\n\n    return html`\n      <section>\n        <div class=\"mb-s\" ?hidden=${!this.label && !helperText && !description}>\n          <p class=\"flex items-center justify-between space-x-m\">\n            <span class=\"font-medium flex-1 text-l\">${this.label}</span>\n            <span class=\"min-w-0\">${this.__renderPreset()}</span>\n          </p>\n          <p class=\"text-s text-secondary\">${helperText}</p>\n        </div>\n\n        <foxy-discount-builder\n          infer=\"discount-builder\"\n          .parsedValue=${{ details, type, name: 'Rules' }}\n          @change=${(evt: CustomEvent) => {\n            const builder = evt.currentTarget as DiscountBuilder;\n            const newParsedValue = builder.parsedValue;\n            const nucleon = this.nucleon as CouponForm | null;\n\n            nucleon?.edit({\n              coupon_discount_details: newParsedValue.details,\n              coupon_discount_type: newParsedValue.type,\n            });\n          }}\n        >\n        </foxy-discount-builder>\n\n        ${description ? html`<p class=\"text-s text-secondary mt-s\">${description}</p>` : ''}\n        ${errorMessage && !this.disabled && !this.readonly\n          ? html`<p class=\"mt-s text-s leading-xs text-error\">${this._errorMessage}</p>`\n          : ''}\n      </section>\n    `;\n  }\n\n  private __renderRulesDescription() {\n    const nucleon = this.nucleon as CouponForm | null;\n    const type = nucleon?.form.coupon_discount_type ?? 'quantity_amount';\n    const details = nucleon?.form.coupon_discount_details ?? '';\n\n    if (!details) return null;\n    return this.t('discount_summary', { params: { details, type, ns: this.ns } });\n  }\n\n  private __renderPreset() {\n    const nucleon = this.nucleon as CouponForm | null;\n    const details = nucleon?.form.coupon_discount_details;\n    const type = nucleon?.form.coupon_discount_type;\n\n    const presets = [\n      { type: 'quantity_amount', details: 'allunits|2-2' },\n      { type: 'quantity_percentage', details: 'allunits|5-10|10-20' },\n      { type: 'quantity_amount', details: 'incremental|3-5' },\n      { type: 'quantity_percentage', details: 'incremental|11-10|51-15|101-20' },\n      { type: 'quantity_percentage', details: 'repeat|2-100' },\n      { type: 'quantity_percentage', details: 'repeat|4-50' },\n      { type: 'quantity_amount', details: 'single|5-10' },\n      { type: 'price_percentage', details: 'single|99.99-10' },\n    ] as const;\n\n    const selectedPreset = presets.find(p => p.details === details && p.type === type);\n\n    return html`\n      <label\n        data-testid=\"rules:preset\"\n        class=${classMap({\n          'whitespace-nowrap block ring-primary-50 rounded px-xs -mx-xs transition-colors': true,\n          'text-body hover-text-primary focus-within-ring-2': !this.disabled && !this.readonly,\n          'text-secondary': this.readonly,\n          'text-disabled': this.disabled,\n        })}\n      >\n        <foxy-i18n class=\"sr-only\" infer=\"\" key=\"preset\"></foxy-i18n>\n\n        <span class=\"relative font-medium flex items-center\">\n          <span class=\"truncate\">\n            ${selectedPreset\n              ? this.t('discount_summary', { params: { ...selectedPreset, ns: this.ns } })\n              : this.t('custom_discount')}\n          </span>\n\n          <iron-icon class=\"icon-inline text-xl ml-xs -mr-xs\" icon=\"icons:expand-more\"></iron-icon>\n\n          <select\n            data-testclass=\"interactive editable\"\n            data-testid=\"rules:preset:select\"\n            class=\"opacity-0 absolute inset-0 focus-outline-none\"\n            ?disabled=${this.disabled || this.readonly}\n            @change=${(evt: Event) => {\n              const select = evt.currentTarget as HTMLSelectElement;\n              const preset = presets[select.selectedIndex];\n              const nucleon = this.nucleon as CouponForm | null;\n\n              nucleon?.edit({\n                coupon_discount_details: preset?.details ?? '',\n                coupon_discount_type: preset?.type ?? 'quantity_amount',\n              });\n            }}\n          >\n            ${presets.map(option => {\n              return html`\n                <option value=${option.details} ?selected=${option === selectedPreset}>\n                  ${this.t('discount_summary', { params: { ...option, ns: this.ns } })}\n                </option>\n              `;\n            })}\n\n            <option value=\"custom\" ?selected=${!selectedPreset && !!details && !!type}>\n              ${this.t('custom_discount')}\n            </option>\n          </select>\n        </span>\n      </label>\n    `;\n  }\n}\n"]}

package/dist/elements/public/DiscountBuilder/DiscountBuilder.js

@@ -253,11 +253,7 @@ export class DiscountBuilder extends Base {
       <div
         data-testclass="rules:tier"
         aria-label=${this.t('tier')}
-        class=${classMap({
-            'flex items-start justify-between rounded': true,
-            'border border-contrast-10': true,
-            'border-dashed': !params.tier,
-        })}
+        class="flex items-start justify-between rounded bg-contrast-5"
       >
         <div
           class=${classMap({

package/dist/elements/public/DiscountBuilder/DiscountBuilder.js.map

@@ -1 +1 @@
-{"version":3,"file":"DiscountBuilder.js","sourceRoot":"","sources":["../../../../src/elements/public/DiscountBuilder/DiscountBuilder.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  DiscountType,\n  ParsedValue,\n  RulesTierParams,\n  RulesTierSelectParams,\n  RulesTierSwitchParams,\n  RulesTierFieldParams,\n} from './types';\n\nimport { html, LitElement, PropertyDeclarations, TemplateResult } from 'lit-element';\nimport { repeat } from 'lit-html/directives/repeat';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { InferrableMixin } from '../../../mixins/inferrable';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { operatorGreaterThanOrEqual } from '../QueryBuilder/icons/operatorGreaterThanOrEqual';\n\nconst NS = 'discount-builder';\nconst Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(InferrableMixin(LitElement), NS)));\n\n/**\n * Visual builder for discount URL parameters in coupons and more.\n * Learn more about discounts here: [Foxy Wiki](https://wiki.foxycart.com/v/2.0/coupons_and_discounts).\n *\n * @element foxy-discount-builder\n * @since 1.17.0\n */\nexport class DiscountBuilder extends Base {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      value: { type: String },\n    };\n  }\n\n  /**\n   * Discount URL parameter.\n   *\n   * Note that if you set this value, it **must be encoded** for the\n   * builder to work correctly. You can use either `encodeURIComponent` or `URLSearchParams` like so:\n   *\n   * ```ts\n   * discountBuilder.value = new URLSearchParams([\n   *   ['discount_amount_percentage', 'Test{allunits|1-2|3-4}']\n   * ]).toString();\n   * ```\n   */\n  value: string | null = null;\n\n  get parsedValue(): ParsedValue {\n    let details = '';\n    let name = '';\n    let type: DiscountType = 'quantity_amount';\n\n    try {\n      const [[key, value]] = Array.from(new URLSearchParams(this.value ?? '').entries());\n\n      const parsedType = key.substring('discount_'.length);\n      const allowedTypes = [\n        'price_amount',\n        'price_percentage',\n        'quantity_amount',\n        'quantity_percentage',\n      ];\n\n      if (allowedTypes.includes(parsedType)) {\n        type = parsedType as DiscountType;\n      }\n\n      const detailsStart = value.indexOf('{');\n      const detailsEnd = value.lastIndexOf('}');\n\n      if (detailsStart !== -1 && detailsEnd !== -1) {\n        details = value.substring(detailsStart + 1, detailsEnd);\n        name = value.substring(0, detailsStart);\n      }\n    } catch {\n      // ignore and use the defaults\n    }\n\n    if (name.length === 0) name = 'Discount';\n\n    return { type, name, details };\n  }\n\n  set parsedValue({ name, type, details }: ParsedValue) {\n    this.value = new URLSearchParams([[`discount_${type}`, `${name}{${details}}`]]).toString();\n  }\n\n  render(): TemplateResult {\n    const details = this.parsedValue.details;\n    const tiers = details.split('|').filter(v => !!v.trim());\n    const method = (/[-+]/.test(tiers[0]) ? null : tiers.shift()) ?? 'single';\n    const renderedTiers = method === 'repeat' ? [tiers[0]] : [...tiers, undefined];\n\n    const type = this.parsedValue.type;\n    const [source, units] = type.split('_');\n\n    return html`\n      <div class=\"space-y-s\">\n        ${repeat(renderedTiers, (tier, tierIndex) => {\n          const onChange = (changedParams: Partial<RulesTierParams>) => {\n            const newMethod = changedParams.method ?? method;\n            const newSource = changedParams.source ?? source;\n            const newUnits = changedParams.units ?? units;\n            const newTier = changedParams.tier;\n            const newTiers = [...tiers];\n\n            if (newTier) {\n              const newTierIndex = tier ? tierIndex : newTiers.length;\n              const oldTiersCount = tier ? 1 : 0;\n              newTiers.splice(newTierIndex, oldTiersCount, newTier);\n            }\n\n            this.parsedValue = {\n              ...this.parsedValue,\n              type: `${newSource}_${newUnits}` as DiscountType,\n              details: `${newMethod}|${newTiers.join('|')}`,\n            };\n\n            this.dispatchEvent(new CustomEvent('change'));\n          };\n\n          const onDelete = () => {\n            const newTiers = tiers.filter((_, i) => i !== tierIndex);\n            const newDetails = `${method}|${newTiers.join('|')}`;\n\n            this.parsedValue = { ...this.parsedValue, details: newDetails };\n            this.dispatchEvent(new CustomEvent('change'));\n          };\n\n          return this.__renderTier({ source, method, units, tier, onChange, onDelete });\n        })}\n      </div>\n    `;\n  }\n\n  private __renderSelect({ label, value, options, onChange }: RulesTierSelectParams) {\n    const isInteractive = !this.disabled && !this.readonly;\n\n    return html`\n      <label\n        class=${classMap({\n          'h-xs whitespace-nowrap block ring-primary-50 rounded-s pl-s transition-colors': true,\n          'hover-bg-primary hover-text-primary-contrast focus-within-ring-2': isInteractive,\n          'bg-primary-10 text-primary': isInteractive,\n          'bg-contrast-5 text-disabled': this.disabled,\n          'bg-contrast-5 text-secondary': this.readonly && !this.disabled,\n        })}\n      >\n        <foxy-i18n class=\"sr-only\" infer=\"\" key=${label}></foxy-i18n>\n\n        <span class=\"relative leading-none font-medium flex items-center h-full\">\n          <span class=\"truncate\">${this.t(options[value])}</span>\n          <iron-icon class=\"icon-inline text-xl ml-xs\" icon=\"icons:expand-more\"></iron-icon>\n\n          <select\n            data-testclass=\"interactive editable\"\n            class=\"opacity-0 absolute inset-0 w-full focus-outline-none\"\n            ?disabled=${!isInteractive}\n            @change=${(evt: Event) => {\n              const select = evt.currentTarget as HTMLSelectElement;\n              onChange(select.options[select.selectedIndex].value);\n            }}\n          >\n            ${Object.entries(options).map(([optionValue, optionKey]) => {\n              return html`\n                <option value=${optionValue} ?selected=${optionValue === value}>\n                  ${this.t(optionKey)}\n                </option>\n              `;\n            })}\n          </select>\n        </span>\n      </label>\n    `;\n  }\n\n  private __renderSwitch({ value, options, onChange }: RulesTierSwitchParams) {\n    const isInteractive = !this.disabled && !this.readonly;\n    const name = `switch-${Math.floor(Math.random() * Math.pow(10, 10))}`;\n    const dotStyle = 'width: 0.4rem; height: 0.4rem';\n\n    return html`\n      <div\n        class=${classMap({\n          'h-xs px-xs space-x-xs flex items-center rounded-s transition-colors': true,\n          'hover-bg-primary hover-text-primary-contrast focus-within-ring-2': isInteractive,\n          'ring-primary-50 cursor-pointer bg-primary-10 text-primary': isInteractive,\n          'bg-contrast-5 text-disabled': this.disabled,\n          'bg-contrast-5 text-secondary': this.readonly && !this.disabled,\n        })}\n        @click=${(evt: Event) => {\n          if (!isInteractive) return;\n\n          const target = evt.currentTarget as HTMLDivElement;\n          const firstInput = target.querySelector('input') as HTMLInputElement;\n\n          firstInput.focus();\n          onChange(value === 0 ? 1 : 0);\n        }}\n      >\n        <div class=\"leading-none font-medium px-xs pointer-events-none\">\n          ${options.map((option, optionIndex) => {\n            return html`\n              <label>\n                <foxy-i18n\n                  class=${classMap({ 'sr-only': optionIndex !== value })}\n                  infer=\"\"\n                  key=${option}\n                >\n                </foxy-i18n>\n\n                <input\n                  data-testclass=\"interactive editable\"\n                  class=\"sr-only\"\n                  value=${option}\n                  name=${name}\n                  type=\"radio\"\n                  ?disabled=${!isInteractive}\n                  ?checked=${optionIndex === value}\n                  @change=${(evt: Event) => {\n                    const input = evt.currentTarget as HTMLInputElement;\n                    if (input.checked) onChange(optionIndex);\n                  }}\n                />\n              </label>\n            `;\n          })}\n        </div>\n\n        <div class=\"flex justify-evenly h-full ${value ? 'flex-col-reverse' : 'flex-col'}\">\n          <div style=${dotStyle} class=\"bg-current rounded-full\"></div>\n          <div style=${dotStyle} class=\"border border-current rounded-full\"></div>\n        </div>\n      </div>\n    `;\n  }\n\n  private __renderField({ value, label, onChange }: RulesTierFieldParams) {\n    const isInteractive = !this.disabled && !this.readonly;\n    const length = value.toString().length;\n    const factor = length <= 2 ? 1 : 2.5;\n\n    return html`\n      <label>\n        <foxy-i18n class=\"sr-only\" infer=\"\" key=${label}></foxy-i18n>\n        <input\n          data-testclass=\"interactive editable\"\n          style=\"width: calc(var(--lumo-size-xl) * ${factor})\"\n          class=${classMap({\n            'transition-colors border p-xs h-xs font-medium text-m rounded-s': true,\n            'ring-primary-50 text-body bg-contrast-10': isInteractive,\n            'hover-bg-contrast-20': isInteractive,\n            'focus-outline-none focus-ring-2': isInteractive,\n            'text-disabled bg-contrast-5': this.disabled,\n            'text-secondary': this.readonly && !this.disabled,\n            'border-transparent border-solid': !this.readonly,\n            'border-dashed border-contrast-30': this.readonly,\n          })}\n          type=\"number\"\n          lang=${this.lang}\n          min=\"0\"\n          ?disabled=${!isInteractive}\n          .value=${value}\n          @input=${(evt: InputEvent) => {\n            const input = evt.currentTarget as HTMLInputElement;\n            onChange(input.value || '0');\n          }}\n        />\n      </label>\n    `;\n  }\n\n  private __renderTier(params: RulesTierParams) {\n    const tier = params.tier ?? '0-0';\n    const sign = tier.includes('+') ? '+' : '-';\n    const [from, adjustment] = tier.split(/[-+]/).map(v => parseFloat(v));\n\n    return html`\n      <div\n        data-testclass=\"rules:tier\"\n        aria-label=${this.t('tier')}\n        class=${classMap({\n          'flex items-start justify-between rounded': true,\n          'border border-contrast-10': true,\n          'border-dashed': !params.tier,\n        })}\n      >\n        <div\n          class=${classMap({\n            'transition-colors flex flex-wrap items-center gap-s p-s': true,\n            'text-tertiary': !this.disabled,\n            'text-disabled': this.disabled,\n          })}\n        >\n          <foxy-i18n class=\"uppercase text-s font-medium\" infer=\"\" key=\"tier_if\"></foxy-i18n>\n\n          ${this.__renderSwitch({\n            options: ['total', 'quantity'],\n            value: params.source === 'price' ? 0 : 1,\n            onChange: i => params.onChange({ source: i ? 'quantity' : 'price' }),\n          })}\n\n          <div class=\"h-s w-s\">${operatorGreaterThanOrEqual}</div>\n\n          ${this.__renderField({\n            label: 'from',\n            value: String(from),\n            onChange: v => params.onChange({ tier: `${v}${sign}${adjustment}` }),\n          })}\n\n          <foxy-i18n class=\"uppercase text-s font-medium\" infer=\"\" key=\"tier_then\"></foxy-i18n>\n\n          ${this.__renderSwitch({\n            options: ['reduce', 'increase'],\n            value: sign === '-' ? 0 : 1,\n            onChange: i => params.onChange({ tier: `${from}${i ? '+' : '-'}${adjustment}` }),\n          })}\n\n          <!---->\n\n          ${this.__renderSelect({\n            options: {\n              incremental: 'tier_incremental',\n              allunits: 'tier_allunits',\n              repeat: 'tier_repeat',\n              single: 'tier_single',\n            },\n            value: params.method,\n            label: 'target',\n            onChange: v => params.onChange({ method: v }),\n          })}\n\n          <foxy-i18n class=\"uppercase text-s font-medium\" infer=\"\" key=\"tier_by\"></foxy-i18n>\n\n          ${this.__renderField({\n            label: 'adjustment',\n            value: String(adjustment),\n            onChange: v => params.onChange({ tier: `${from}${sign}${v}` }),\n          })}\n\n          <!---->\n\n          ${this.__renderSwitch({\n            value: params.units === 'percentage' ? 0 : 1,\n            options: ['%', '¤'],\n            onChange: i => params.onChange({ units: i ? 'amount' : 'percentage' }),\n          })}\n        </div>\n\n        ${params.tier\n          ? html`\n              <button\n                data-testclass=\"interactive\"\n                aria-label=${this.t('delete')}\n                class=${classMap({\n                  'w-s h-s m-s flex-shrink-0 rounded-s transition-colors ring-primary-50': true,\n                  'text-tertiary hover-text-secondary focus-outline-none focus-ring-2':\n                    !this.disabled,\n                  'text-disabled cursor-default': this.disabled,\n                })}\n                ?disabled=${this.disabled}\n                ?hidden=${this.readonly}\n                @click=${() => params.onDelete()}\n              >\n                <iron-icon icon=\"lumo:cross\"></iron-icon>\n              </button>\n            `\n          : ''}\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"DiscountBuilder.js","sourceRoot":"","sources":["../../../../src/elements/public/DiscountBuilder/DiscountBuilder.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAwC,MAAM,aAAa,CAAC;AACrF,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAC7D,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AACpD,OAAO,EAAE,0BAA0B,EAAE,4DAAyD;AAE9F,MAAM,EAAE,GAAG,kBAAkB,CAAC;AAC9B,MAAM,IAAI,GAAG,cAAc,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,eAAe,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;AAEnG;;;;;;GAMG;AACH,MAAM,OAAO,eAAgB,SAAQ,IAAI;IAAzC;;QAQE;;;;;;;;;;;WAWG;QACH,UAAK,GAAkB,IAAI,CAAC;IAkU9B,CAAC;IArVC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB,CAAC;IACJ,CAAC;IAgBD,IAAI,WAAW;;QACb,IAAI,OAAO,GAAG,EAAE,CAAC;QACjB,IAAI,IAAI,GAAG,EAAE,CAAC;QACd,IAAI,IAAI,GAAiB,iBAAiB,CAAC;QAE3C,IAAI;YACF,MAAM,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,eAAe,OAAC,IAAI,CAAC,KAAK,mCAAI,EAAE,CAAC,CAAC,OAAO,EAAE,CAAC,CAAC;YAEnF,MAAM,UAAU,GAAG,GAAG,CAAC,SAAS,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YACrD,MAAM,YAAY,GAAG;gBACnB,cAAc;gBACd,kBAAkB;gBAClB,iBAAiB;gBACjB,qBAAqB;aACtB,CAAC;YAEF,IAAI,YAAY,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;gBACrC,IAAI,GAAG,UAA0B,CAAC;aACnC;YAED,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;YACxC,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;YAE1C,IAAI,YAAY,KAAK,CAAC,CAAC,IAAI,UAAU,KAAK,CAAC,CAAC,EAAE;gBAC5C,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC,YAAY,GAAG,CAAC,EAAE,UAAU,CAAC,CAAC;gBACxD,IAAI,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;aACzC;SACF;QAAC,WAAM;YACN,8BAA8B;SAC/B;QAED,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC;YAAE,IAAI,GAAG,UAAU,CAAC;QAEzC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;IACjC,CAAC;IAED,IAAI,WAAW,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAe;QAClD,IAAI,CAAC,KAAK,GAAG,IAAI,eAAe,CAAC,CAAC,CAAC,YAAY,IAAI,EAAE,EAAE,GAAG,IAAI,IAAI,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IAC7F,CAAC;IAED,MAAM;;QACJ,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC;QACzC,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;QACzD,MAAM,MAAM,SAAG,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,mCAAI,QAAQ,CAAC;QAC1E,MAAM,aAAa,GAAG,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,EAAE,SAAS,CAAC,CAAC;QAE/E,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;QACnC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAExC,OAAO,IAAI,CAAA;;UAEL,MAAM,CAAC,aAAa,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE;YAC1C,MAAM,QAAQ,GAAG,CAAC,aAAuC,EAAE,EAAE;;gBAC3D,MAAM,SAAS,SAAG,aAAa,CAAC,MAAM,mCAAI,MAAM,CAAC;gBACjD,MAAM,SAAS,SAAG,aAAa,CAAC,MAAM,mCAAI,MAAM,CAAC;gBACjD,MAAM,QAAQ,SAAG,aAAa,CAAC,KAAK,mCAAI,KAAK,CAAC;gBAC9C,MAAM,OAAO,GAAG,aAAa,CAAC,IAAI,CAAC;gBACnC,MAAM,QAAQ,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC;gBAE5B,IAAI,OAAO,EAAE;oBACX,MAAM,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;oBACxD,MAAM,aAAa,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBACnC,QAAQ,CAAC,MAAM,CAAC,YAAY,EAAE,aAAa,EAAE,OAAO,CAAC,CAAC;iBACvD;gBAED,IAAI,CAAC,WAAW,GAAG;oBACjB,GAAG,IAAI,CAAC,WAAW;oBACnB,IAAI,EAAE,GAAG,SAAS,IAAI,QAAQ,EAAkB;oBAChD,OAAO,EAAE,GAAG,SAAS,IAAI,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;iBAC9C,CAAC;gBAEF,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;YAChD,CAAC,CAAC;YAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;gBACpB,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC;gBACzD,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;gBAErD,IAAI,CAAC,WAAW,GAAG,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;gBAChE,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;YAChD,CAAC,CAAC;YAEF,OAAO,IAAI,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;QAChF,CAAC,CAAC;;KAEL,CAAC;IACJ,CAAC;IAEO,cAAc,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAyB;QAC/E,MAAM,aAAa,GAAG,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;QAEvD,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,+EAA+E,EAAE,IAAI;YACrF,kEAAkE,EAAE,aAAa;YACjF,4BAA4B,EAAE,aAAa;YAC3C,6BAA6B,EAAE,IAAI,CAAC,QAAQ;YAC5C,8BAA8B,EAAE,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ;SAChE,CAAC;;kDAEwC,KAAK;;;mCAGpB,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;;;;;;wBAMjC,CAAC,aAAa;sBAChB,CAAC,GAAU,EAAE,EAAE;YACvB,MAAM,MAAM,GAAG,GAAG,CAAC,aAAkC,CAAC;YACtD,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,KAAK,CAAC,CAAC;QACvD,CAAC;;cAEC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,WAAW,EAAE,SAAS,CAAC,EAAE,EAAE;YACzD,OAAO,IAAI,CAAA;gCACO,WAAW,cAAc,WAAW,KAAK,KAAK;oBAC1D,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;;eAEtB,CAAC;QACJ,CAAC,CAAC;;;;KAIT,CAAC;IACJ,CAAC;IAEO,cAAc,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAyB;QACxE,MAAM,aAAa,GAAG,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;QACvD,MAAM,IAAI,GAAG,UAAU,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC;QACtE,MAAM,QAAQ,GAAG,+BAA+B,CAAC;QAEjD,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,qEAAqE,EAAE,IAAI;YAC3E,kEAAkE,EAAE,aAAa;YACjF,2DAA2D,EAAE,aAAa;YAC1E,6BAA6B,EAAE,IAAI,CAAC,QAAQ;YAC5C,8BAA8B,EAAE,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ;SAChE,CAAC;iBACO,CAAC,GAAU,EAAE,EAAE;YACtB,IAAI,CAAC,aAAa;gBAAE,OAAO;YAE3B,MAAM,MAAM,GAAG,GAAG,CAAC,aAA+B,CAAC;YACnD,MAAM,UAAU,GAAG,MAAM,CAAC,aAAa,CAAC,OAAO,CAAqB,CAAC;YAErE,UAAU,CAAC,KAAK,EAAE,CAAC;YACnB,QAAQ,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAChC,CAAC;;;YAGG,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE;YACpC,OAAO,IAAI,CAAA;;;0BAGG,QAAQ,CAAC,EAAE,SAAS,EAAE,WAAW,KAAK,KAAK,EAAE,CAAC;;wBAEhD,MAAM;;;;;;;0BAOJ,MAAM;yBACP,IAAI;;8BAEC,CAAC,aAAa;6BACf,WAAW,KAAK,KAAK;4BACtB,CAAC,GAAU,EAAE,EAAE;gBACvB,MAAM,KAAK,GAAG,GAAG,CAAC,aAAiC,CAAC;gBACpD,IAAI,KAAK,CAAC,OAAO;oBAAE,QAAQ,CAAC,WAAW,CAAC,CAAC;YAC3C,CAAC;;;aAGN,CAAC;QACJ,CAAC,CAAC;;;iDAGqC,KAAK,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,UAAU;uBACjE,QAAQ;uBACR,QAAQ;;;KAG1B,CAAC;IACJ,CAAC;IAEO,aAAa,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAwB;QACpE,MAAM,aAAa,GAAG,CAAC,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;QACvD,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,EAAE,CAAC,MAAM,CAAC;QACvC,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC;QAErC,OAAO,IAAI,CAAA;;kDAEmC,KAAK;;;qDAGF,MAAM;kBACzC,QAAQ,CAAC;YACf,iEAAiE,EAAE,IAAI;YACvE,0CAA0C,EAAE,aAAa;YACzD,sBAAsB,EAAE,aAAa;YACrC,iCAAiC,EAAE,aAAa;YAChD,6BAA6B,EAAE,IAAI,CAAC,QAAQ;YAC5C,gBAAgB,EAAE,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ;YACjD,iCAAiC,EAAE,CAAC,IAAI,CAAC,QAAQ;YACjD,kCAAkC,EAAE,IAAI,CAAC,QAAQ;SAClD,CAAC;;iBAEK,IAAI,CAAC,IAAI;;sBAEJ,CAAC,aAAa;mBACjB,KAAK;mBACL,CAAC,GAAe,EAAE,EAAE;YAC3B,MAAM,KAAK,GAAG,GAAG,CAAC,aAAiC,CAAC;YACpD,QAAQ,CAAC,KAAK,CAAC,KAAK,IAAI,GAAG,CAAC,CAAC;QAC/B,CAAC;;;KAGN,CAAC;IACJ,CAAC;IAEO,YAAY,CAAC,MAAuB;;QAC1C,MAAM,IAAI,SAAG,MAAM,CAAC,IAAI,mCAAI,KAAK,CAAC;QAClC,MAAM,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;QAC5C,MAAM,CAAC,IAAI,EAAE,UAAU,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;QAEtE,OAAO,IAAI,CAAA;;;qBAGM,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;;;;kBAIjB,QAAQ,CAAC;YACf,yDAAyD,EAAE,IAAI;YAC/D,eAAe,EAAE,CAAC,IAAI,CAAC,QAAQ;YAC/B,eAAe,EAAE,IAAI,CAAC,QAAQ;SAC/B,CAAC;;;;YAIA,IAAI,CAAC,cAAc,CAAC;YACpB,OAAO,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC;YAC9B,KAAK,EAAE,MAAM,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACxC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,EAAE,CAAC;SACrE,CAAC;;iCAEqB,0BAA0B;;YAE/C,IAAI,CAAC,aAAa,CAAC;YACnB,KAAK,EAAE,MAAM;YACb,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC;YACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,GAAG,CAAC,GAAG,IAAI,GAAG,UAAU,EAAE,EAAE,CAAC;SACrE,CAAC;;;;YAIA,IAAI,CAAC,cAAc,CAAC;YACpB,OAAO,EAAE,CAAC,QAAQ,EAAE,UAAU,CAAC;YAC/B,KAAK,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC3B,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,UAAU,EAAE,EAAE,CAAC;SACjF,CAAC;;;;YAIA,IAAI,CAAC,cAAc,CAAC;YACpB,OAAO,EAAE;gBACP,WAAW,EAAE,kBAAkB;gBAC/B,QAAQ,EAAE,eAAe;gBACzB,MAAM,EAAE,aAAa;gBACrB,MAAM,EAAE,aAAa;aACtB;YACD,KAAK,EAAE,MAAM,CAAC,MAAM;YACpB,KAAK,EAAE,QAAQ;YACf,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC;SAC9C,CAAC;;;;YAIA,IAAI,CAAC,aAAa,CAAC;YACnB,KAAK,EAAE,YAAY;YACnB,KAAK,EAAE,MAAM,CAAC,UAAU,CAAC;YACzB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,GAAG,IAAI,GAAG,IAAI,GAAG,CAAC,EAAE,EAAE,CAAC;SAC/D,CAAC;;;;YAIA,IAAI,CAAC,cAAc,CAAC;YACpB,KAAK,EAAE,MAAM,CAAC,KAAK,KAAK,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC5C,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC;YACnB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;SACvE,CAAC;;;UAGF,MAAM,CAAC,IAAI;YACX,CAAC,CAAC,IAAI,CAAA;;;6BAGa,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;wBACrB,QAAQ,CAAC;gBACf,uEAAuE,EAAE,IAAI;gBAC7E,oEAAoE,EAClE,CAAC,IAAI,CAAC,QAAQ;gBAChB,8BAA8B,EAAE,IAAI,CAAC,QAAQ;aAC9C,CAAC;4BACU,IAAI,CAAC,QAAQ;0BACf,IAAI,CAAC,QAAQ;yBACd,GAAG,EAAE,CAAC,MAAM,CAAC,QAAQ,EAAE;;;;aAInC;YACH,CAAC,CAAC,EAAE;;KAET,CAAC;IACJ,CAAC;CACF","sourcesContent":["import {\n  DiscountType,\n  ParsedValue,\n  RulesTierParams,\n  RulesTierSelectParams,\n  RulesTierSwitchParams,\n  RulesTierFieldParams,\n} from './types';\n\nimport { html, LitElement, PropertyDeclarations, TemplateResult } from 'lit-element';\nimport { repeat } from 'lit-html/directives/repeat';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { InferrableMixin } from '../../../mixins/inferrable';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { operatorGreaterThanOrEqual } from '../QueryBuilder/icons/operatorGreaterThanOrEqual';\n\nconst NS = 'discount-builder';\nconst Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(InferrableMixin(LitElement), NS)));\n\n/**\n * Visual builder for discount URL parameters in coupons and more.\n * Learn more about discounts here: [Foxy Wiki](https://wiki.foxycart.com/v/2.0/coupons_and_discounts).\n *\n * @element foxy-discount-builder\n * @since 1.17.0\n */\nexport class DiscountBuilder extends Base {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      value: { type: String },\n    };\n  }\n\n  /**\n   * Discount URL parameter.\n   *\n   * Note that if you set this value, it **must be encoded** for the\n   * builder to work correctly. You can use either `encodeURIComponent` or `URLSearchParams` like so:\n   *\n   * ```ts\n   * discountBuilder.value = new URLSearchParams([\n   *   ['discount_amount_percentage', 'Test{allunits|1-2|3-4}']\n   * ]).toString();\n   * ```\n   */\n  value: string | null = null;\n\n  get parsedValue(): ParsedValue {\n    let details = '';\n    let name = '';\n    let type: DiscountType = 'quantity_amount';\n\n    try {\n      const [[key, value]] = Array.from(new URLSearchParams(this.value ?? '').entries());\n\n      const parsedType = key.substring('discount_'.length);\n      const allowedTypes = [\n        'price_amount',\n        'price_percentage',\n        'quantity_amount',\n        'quantity_percentage',\n      ];\n\n      if (allowedTypes.includes(parsedType)) {\n        type = parsedType as DiscountType;\n      }\n\n      const detailsStart = value.indexOf('{');\n      const detailsEnd = value.lastIndexOf('}');\n\n      if (detailsStart !== -1 && detailsEnd !== -1) {\n        details = value.substring(detailsStart + 1, detailsEnd);\n        name = value.substring(0, detailsStart);\n      }\n    } catch {\n      // ignore and use the defaults\n    }\n\n    if (name.length === 0) name = 'Discount';\n\n    return { type, name, details };\n  }\n\n  set parsedValue({ name, type, details }: ParsedValue) {\n    this.value = new URLSearchParams([[`discount_${type}`, `${name}{${details}}`]]).toString();\n  }\n\n  render(): TemplateResult {\n    const details = this.parsedValue.details;\n    const tiers = details.split('|').filter(v => !!v.trim());\n    const method = (/[-+]/.test(tiers[0]) ? null : tiers.shift()) ?? 'single';\n    const renderedTiers = method === 'repeat' ? [tiers[0]] : [...tiers, undefined];\n\n    const type = this.parsedValue.type;\n    const [source, units] = type.split('_');\n\n    return html`\n      <div class=\"space-y-s\">\n        ${repeat(renderedTiers, (tier, tierIndex) => {\n          const onChange = (changedParams: Partial<RulesTierParams>) => {\n            const newMethod = changedParams.method ?? method;\n            const newSource = changedParams.source ?? source;\n            const newUnits = changedParams.units ?? units;\n            const newTier = changedParams.tier;\n            const newTiers = [...tiers];\n\n            if (newTier) {\n              const newTierIndex = tier ? tierIndex : newTiers.length;\n              const oldTiersCount = tier ? 1 : 0;\n              newTiers.splice(newTierIndex, oldTiersCount, newTier);\n            }\n\n            this.parsedValue = {\n              ...this.parsedValue,\n              type: `${newSource}_${newUnits}` as DiscountType,\n              details: `${newMethod}|${newTiers.join('|')}`,\n            };\n\n            this.dispatchEvent(new CustomEvent('change'));\n          };\n\n          const onDelete = () => {\n            const newTiers = tiers.filter((_, i) => i !== tierIndex);\n            const newDetails = `${method}|${newTiers.join('|')}`;\n\n            this.parsedValue = { ...this.parsedValue, details: newDetails };\n            this.dispatchEvent(new CustomEvent('change'));\n          };\n\n          return this.__renderTier({ source, method, units, tier, onChange, onDelete });\n        })}\n      </div>\n    `;\n  }\n\n  private __renderSelect({ label, value, options, onChange }: RulesTierSelectParams) {\n    const isInteractive = !this.disabled && !this.readonly;\n\n    return html`\n      <label\n        class=${classMap({\n          'h-xs whitespace-nowrap block ring-primary-50 rounded-s pl-s transition-colors': true,\n          'hover-bg-primary hover-text-primary-contrast focus-within-ring-2': isInteractive,\n          'bg-primary-10 text-primary': isInteractive,\n          'bg-contrast-5 text-disabled': this.disabled,\n          'bg-contrast-5 text-secondary': this.readonly && !this.disabled,\n        })}\n      >\n        <foxy-i18n class=\"sr-only\" infer=\"\" key=${label}></foxy-i18n>\n\n        <span class=\"relative leading-none font-medium flex items-center h-full\">\n          <span class=\"truncate\">${this.t(options[value])}</span>\n          <iron-icon class=\"icon-inline text-xl ml-xs\" icon=\"icons:expand-more\"></iron-icon>\n\n          <select\n            data-testclass=\"interactive editable\"\n            class=\"opacity-0 absolute inset-0 w-full focus-outline-none\"\n            ?disabled=${!isInteractive}\n            @change=${(evt: Event) => {\n              const select = evt.currentTarget as HTMLSelectElement;\n              onChange(select.options[select.selectedIndex].value);\n            }}\n          >\n            ${Object.entries(options).map(([optionValue, optionKey]) => {\n              return html`\n                <option value=${optionValue} ?selected=${optionValue === value}>\n                  ${this.t(optionKey)}\n                </option>\n              `;\n            })}\n          </select>\n        </span>\n      </label>\n    `;\n  }\n\n  private __renderSwitch({ value, options, onChange }: RulesTierSwitchParams) {\n    const isInteractive = !this.disabled && !this.readonly;\n    const name = `switch-${Math.floor(Math.random() * Math.pow(10, 10))}`;\n    const dotStyle = 'width: 0.4rem; height: 0.4rem';\n\n    return html`\n      <div\n        class=${classMap({\n          'h-xs px-xs space-x-xs flex items-center rounded-s transition-colors': true,\n          'hover-bg-primary hover-text-primary-contrast focus-within-ring-2': isInteractive,\n          'ring-primary-50 cursor-pointer bg-primary-10 text-primary': isInteractive,\n          'bg-contrast-5 text-disabled': this.disabled,\n          'bg-contrast-5 text-secondary': this.readonly && !this.disabled,\n        })}\n        @click=${(evt: Event) => {\n          if (!isInteractive) return;\n\n          const target = evt.currentTarget as HTMLDivElement;\n          const firstInput = target.querySelector('input') as HTMLInputElement;\n\n          firstInput.focus();\n          onChange(value === 0 ? 1 : 0);\n        }}\n      >\n        <div class=\"leading-none font-medium px-xs pointer-events-none\">\n          ${options.map((option, optionIndex) => {\n            return html`\n              <label>\n                <foxy-i18n\n                  class=${classMap({ 'sr-only': optionIndex !== value })}\n                  infer=\"\"\n                  key=${option}\n                >\n                </foxy-i18n>\n\n                <input\n                  data-testclass=\"interactive editable\"\n                  class=\"sr-only\"\n                  value=${option}\n                  name=${name}\n                  type=\"radio\"\n                  ?disabled=${!isInteractive}\n                  ?checked=${optionIndex === value}\n                  @change=${(evt: Event) => {\n                    const input = evt.currentTarget as HTMLInputElement;\n                    if (input.checked) onChange(optionIndex);\n                  }}\n                />\n              </label>\n            `;\n          })}\n        </div>\n\n        <div class=\"flex justify-evenly h-full ${value ? 'flex-col-reverse' : 'flex-col'}\">\n          <div style=${dotStyle} class=\"bg-current rounded-full\"></div>\n          <div style=${dotStyle} class=\"border border-current rounded-full\"></div>\n        </div>\n      </div>\n    `;\n  }\n\n  private __renderField({ value, label, onChange }: RulesTierFieldParams) {\n    const isInteractive = !this.disabled && !this.readonly;\n    const length = value.toString().length;\n    const factor = length <= 2 ? 1 : 2.5;\n\n    return html`\n      <label>\n        <foxy-i18n class=\"sr-only\" infer=\"\" key=${label}></foxy-i18n>\n        <input\n          data-testclass=\"interactive editable\"\n          style=\"width: calc(var(--lumo-size-xl) * ${factor})\"\n          class=${classMap({\n            'transition-colors border p-xs h-xs font-medium text-m rounded-s': true,\n            'ring-primary-50 text-body bg-contrast-10': isInteractive,\n            'hover-bg-contrast-20': isInteractive,\n            'focus-outline-none focus-ring-2': isInteractive,\n            'text-disabled bg-contrast-5': this.disabled,\n            'text-secondary': this.readonly && !this.disabled,\n            'border-transparent border-solid': !this.readonly,\n            'border-dashed border-contrast-30': this.readonly,\n          })}\n          type=\"number\"\n          lang=${this.lang}\n          min=\"0\"\n          ?disabled=${!isInteractive}\n          .value=${value}\n          @input=${(evt: InputEvent) => {\n            const input = evt.currentTarget as HTMLInputElement;\n            onChange(input.value || '0');\n          }}\n        />\n      </label>\n    `;\n  }\n\n  private __renderTier(params: RulesTierParams) {\n    const tier = params.tier ?? '0-0';\n    const sign = tier.includes('+') ? '+' : '-';\n    const [from, adjustment] = tier.split(/[-+]/).map(v => parseFloat(v));\n\n    return html`\n      <div\n        data-testclass=\"rules:tier\"\n        aria-label=${this.t('tier')}\n        class=\"flex items-start justify-between rounded bg-contrast-5\"\n      >\n        <div\n          class=${classMap({\n            'transition-colors flex flex-wrap items-center gap-s p-s': true,\n            'text-tertiary': !this.disabled,\n            'text-disabled': this.disabled,\n          })}\n        >\n          <foxy-i18n class=\"uppercase text-s font-medium\" infer=\"\" key=\"tier_if\"></foxy-i18n>\n\n          ${this.__renderSwitch({\n            options: ['total', 'quantity'],\n            value: params.source === 'price' ? 0 : 1,\n            onChange: i => params.onChange({ source: i ? 'quantity' : 'price' }),\n          })}\n\n          <div class=\"h-s w-s\">${operatorGreaterThanOrEqual}</div>\n\n          ${this.__renderField({\n            label: 'from',\n            value: String(from),\n            onChange: v => params.onChange({ tier: `${v}${sign}${adjustment}` }),\n          })}\n\n          <foxy-i18n class=\"uppercase text-s font-medium\" infer=\"\" key=\"tier_then\"></foxy-i18n>\n\n          ${this.__renderSwitch({\n            options: ['reduce', 'increase'],\n            value: sign === '-' ? 0 : 1,\n            onChange: i => params.onChange({ tier: `${from}${i ? '+' : '-'}${adjustment}` }),\n          })}\n\n          <!---->\n\n          ${this.__renderSelect({\n            options: {\n              incremental: 'tier_incremental',\n              allunits: 'tier_allunits',\n              repeat: 'tier_repeat',\n              single: 'tier_single',\n            },\n            value: params.method,\n            label: 'target',\n            onChange: v => params.onChange({ method: v }),\n          })}\n\n          <foxy-i18n class=\"uppercase text-s font-medium\" infer=\"\" key=\"tier_by\"></foxy-i18n>\n\n          ${this.__renderField({\n            label: 'adjustment',\n            value: String(adjustment),\n            onChange: v => params.onChange({ tier: `${from}${sign}${v}` }),\n          })}\n\n          <!---->\n\n          ${this.__renderSwitch({\n            value: params.units === 'percentage' ? 0 : 1,\n            options: ['%', '¤'],\n            onChange: i => params.onChange({ units: i ? 'amount' : 'percentage' }),\n          })}\n        </div>\n\n        ${params.tier\n          ? html`\n              <button\n                data-testclass=\"interactive\"\n                aria-label=${this.t('delete')}\n                class=${classMap({\n                  'w-s h-s m-s flex-shrink-0 rounded-s transition-colors ring-primary-50': true,\n                  'text-tertiary hover-text-secondary focus-outline-none focus-ring-2':\n                    !this.disabled,\n                  'text-disabled cursor-default': this.disabled,\n                })}\n                ?disabled=${this.disabled}\n                ?hidden=${this.readonly}\n                @click=${() => params.onDelete()}\n              >\n                <iron-icon icon=\"lumo:cross\"></iron-icon>\n              </button>\n            `\n          : ''}\n      </div>\n    `;\n  }\n}\n"]}

package/dist/elements/public/QueryBuilder/QueryBuilder.d.ts

@@ -51,10 +51,12 @@ declare class QueryBuilder extends Base {
     static readonly Type: typeof Type;
     static get properties(): PropertyDeclarations;
     static get styles(): CSSResultArray;
-    /** List of operators available in the builder UI. */
-    operators: Operator[];
+    /** If true, doesn't add `zoom` query parameter for complex paths. */
+    disableZoom: boolean;
     /** If true, hides the UI for the "OR" operator in queries. */
     disableOr: boolean;
+    /** List of operators available in the builder UI. */
+    operators: Operator[];
     /** Autocomplete suggestions. */
     options: Option[] | null;
     /** Current value as hAPI filter string. */