diff --git a/src/elements/public/ExperimentalAddToCartBuilder/ExperimentalAddToCartBuilder.ts b/src/elements/public/ExperimentalAddToCartBuilder/ExperimentalAddToCartBuilder.ts index 4c745e1f..dc7f7309 100644 --- a/src/elements/public/ExperimentalAddToCartBuilder/ExperimentalAddToCartBuilder.ts +++ b/src/elements/public/ExperimentalAddToCartBuilder/ExperimentalAddToCartBuilder.ts @@ -58,6 +58,18 @@ export class ExperimentalAddToCartBuilder extends Base { private readonly __signingSeparator = `--${Date.now()}${(Math.random() * 100000).toFixed(0)}--`; + private readonly __emptyOptions = [ + { label: 'option_false', value: 'false' }, + { label: 'option_true', value: 'true' }, + { label: 'option_reset', value: 'reset' }, + ]; + + private readonly __cartOptions = [ + { label: 'option_add', value: 'add' }, + { label: 'option_checkout', value: 'checkout' }, + { label: 'option_redirect', value: 'redirect' }, + ]; + private readonly __signAsync = debounce(async (html: string, encodeHelper: string) => { if (html === this.__previousUnsignedCode && this.__previousSignedCode) return; @@ -107,8 +119,6 @@ export class ExperimentalAddToCartBuilder extends Base { const store = this.__storeLoader?.data; return html` - ${this.renderHeader()} -
${this.form.items?.map((product, index) => { @@ -116,16 +126,12 @@ export class ExperimentalAddToCartBuilder extends Base { { const details = evt.currentTarget as InternalSummaryControl; - if (details.open) { - this.__openState = this.__openState.map((_, i) => i === index); - } else { - this.__openState[index] = details.open; - this.__openState = [...this.__openState]; - } + this.__openState[index] = details.open; + this.__openState = [...this.__openState]; }} > { currency-code=${ifDefined(this.__resolvedCurrencyCode ?? void 0)} store=${ifDefined(storeUrl)} index=${index} - infer="" + infer="item" .defaultItemCategory=${this.__defaultItemCategory} @remove=${() => { const newProducts = this.form.items?.filter((_, i) => i !== index); @@ -239,69 +245,71 @@ export class ExperimentalAddToCartBuilder extends Base { -
- - - - ${addToCartCode.linkHref} - - -
-
- - -
-
- - - -
+ + + ${addToCartCode.linkHref} + +
+
+ + +
+
+ + +
+ ` + : html` +

+ +

+ `} ` : html`
- +
`} - - - - + { - - - + - ${this.form.cart !== 'checkout' - ? html` - + ${this.form.cart === 'redirect' + ? html` - - ` - : ''} - ${super.renderBody()} + ` + : ''} + + + + @@ -363,7 +366,7 @@ export class ExperimentalAddToCartBuilder extends Base {