@foxy.io/elements 1.45.0-beta.1 → 1.45.0-beta.2

package/dist/cdn/{shared-af39ffd8.js → shared-d674d2ce.js}

@@ -1 +1 @@
-import"./shared-1d03ea56.js";import"./shared-ac44a3a5.js";import{I as e}from"./shared-6c2a7d2f.js";import{x as t}from"./shared-387d7254.js";import{c as r,h as a,s as o}from"./shared-ba5c42c7.js";import{_ as l}from"./shared-7fec42f2.js";import{i as s}from"./shared-53e42a77.js";import{c as i}from"./shared-4e709717.js";let n;function m(e){var t,r,a;const o=null!==(t=null==e?void 0:e.separator)&&void 0!==t?t:"-",l=null!==(r=null==e?void 0:e.charset)&&void 0!==r?r:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",s=null!==(a=null==e?void 0:e.length)&&void 0!==a?a:18;let i="";for(let e=0;e<s;e++)o&&e>0&&e%6==0&&(i+=o),i+=l[Math.floor(Math.random()*l.length)];return i}t("vaadin-password-field",r(n||(n=(e=>e)`:host([theme~=summary-item])::before{display:none}:host([theme~=summary-item]) .vaadin-text-field-container{display:grid;grid-template-columns:auto auto;grid-template-rows:repeat(3,min-content);gap:0 var(--lumo-space-m)}:host([theme~=summary-item]) [part=label]{font:normal var(--lumo-font-size-m) var(--lumo-font-family);color:var(--lumo-body-text-color)!important;grid-row:1;-webkit-text-fill-color:var(--lumo-body-text-color)!important}:host([theme~=summary-item]) [part=helper-text]{font:normal var(--lumo-font-size-s) var(--lumo-font-family);color:var(--lumo-secondary-text-color)!important;grid-row:2}:host([theme~=summary-item]) [part=helper-text]::before{display:none}:host([theme~=summary-item]) [part=error-message]{font:normal var(--lumo-font-size-s) var(--lumo-font-family);color:var(--lumo-error-text-color);grid-row:3}:host([theme~=summary-item]) [part=error-message],:host([theme~=summary-item]) [part=helper-text],:host([theme~=summary-item]) [part=label]{line-height:var(--lumo-line-height-xs);grid-column:1;padding:0}:host([theme~=summary-item]) [part=input-field]{grid-column:2;grid-row:1;padding:0;background:0 0;align-self:start;height:1em;--lumo-icon-size-m:1rem}:host([theme~=summary-item]) [part=input-field]::after,:host([theme~=summary-item][readonly]) [part=input-field] slot[name=suffix]{display:none}:host([theme~=summary-item]) [part=value]{line-height:var(--lumo-line-height-xs);text-align:right;min-height:auto;padding:0;margin-right:var(--lumo-space-xs);-webkit-mask-image:none}:host([theme~=summary-item][readonly]) [part=value]{margin-right:0}`)));let d,h,u,p=e=>e;customElements.define("foxy-internal-password-control",class extends e{constructor(){super(...arguments),this.generatorOptions=null,this.showGenerator=!1,this.layout=null}static get properties(){return l(l({},super.properties),{},{generatorOptions:{type:Object,attribute:"generator-options"},showGenerator:{type:Boolean,attribute:"show-generator"},layout:{}})}renderControl(){var e;return a(d||(d=p` <vaadin-password-field error-message="${0}" helper-text="${0}" placeholder="${0}" label="${0}" theme="${0}" class="w-full" ?disabled="${0}" ?readonly="${0}" .checkValidity="${0}" .value="${0}" @keydown="${0}" @input="${0}"> ${0} </vaadin-password-field> `),s(this._errorMessage),this.helperText,this.placeholder,this.label,s(null!==(e=this.layout)&&void 0!==e?e:void 0),this.disabled,this.readonly,this._checkValidity,this._value,(e=>{var t;return"Enter"===e.key&&(null===(t=this.nucleon)||void 0===t?void 0:t.submit())}),(e=>{const t=e.currentTarget;this._value=t.value}),this.showGenerator?this.__renderGenerator():"")}get _value(){var e;return null!==(e=super._value)&&void 0!==e?e:""}set _value(e){super._value=e}__renderGenerator(){return a(h||(h=p` <div data-testid="generator" class="${0}" slot="suffix" @click="${0}"> ${0} </div> `),i({"w-s h-s flex items-center justify-center cursor-default transition-colors":!0,"text-contrast-60 hover-text-contrast-80":!this.disabled&&!this.readonly,"text-contrast-20":this.disabled||this.readonly}),(()=>{var e,t,r,a;let o,l=!1,s=0;do{o=m(null!==(e=this.generatorOptions)&&void 0!==e?e:void 0),l=null===(a=null===(r=null===(t=this.generatorOptions)||void 0===t?void 0:t.checkStrength)||void 0===r?void 0:r.call(t,o))||void 0===a||a,s++}while(!l&&s<100);if(!l)throw new Error("Failed to generate a strong password.");this._value=o;const i=this.renderRoot.querySelector("vaadin-password-field");null==i||i._setPasswordVisible(!0)}),o(u||(u=p`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" style="width: 1.15em; height: 1.15em"><path d="M15.98 1.804a1 1 0 00-1.96 0l-.24 1.192a1 1 0 01-.784.785l-1.192.238a1 1 0 000 1.962l1.192.238a1 1 0 01.785.785l.238 1.192a1 1 0 001.962 0l.238-1.192a1 1 0 01.785-.785l1.192-.238a1 1 0 000-1.962l-1.192-.238a1 1 0 01-.785-.785l-.238-1.192zM6.949 5.684a1 1 0 00-1.898 0l-.683 2.051a1 1 0 01-.633.633l-2.051.683a1 1 0 000 1.898l2.051.684a1 1 0 01.633.632l.683 2.051a1 1 0 001.898 0l.683-2.051a1 1 0 01.633-.633l2.051-.683a1 1 0 000-1.898l-2.051-.683a1 1 0 01-.633-.633L6.95 5.684zM13.949 13.684a1 1 0 00-1.898 0l-.184.551a1 1 0 01-.632.633l-.551.183a1 1 0 000 1.898l.551.183a1 1 0 01.633.633l.183.551a1 1 0 001.898 0l.184-.551a1 1 0 01.632-.633l.551-.183a1 1 0 000-1.898l-.551-.184a1 1 0 01-.633-.632l-.183-.551z" /></svg>`)))}});
+import"./shared-1d03ea56.js";import"./shared-ac44a3a5.js";import{I as e}from"./shared-92c211bd.js";import{x as t}from"./shared-387d7254.js";import{c as r,h as a,s as o}from"./shared-ba5c42c7.js";import{_ as l}from"./shared-7fec42f2.js";import{i as s}from"./shared-53e42a77.js";import{c as i}from"./shared-4e709717.js";let n;function m(e){var t,r,a;const o=null!==(t=null==e?void 0:e.separator)&&void 0!==t?t:"-",l=null!==(r=null==e?void 0:e.charset)&&void 0!==r?r:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",s=null!==(a=null==e?void 0:e.length)&&void 0!==a?a:18;let i="";for(let e=0;e<s;e++)o&&e>0&&e%6==0&&(i+=o),i+=l[Math.floor(Math.random()*l.length)];return i}t("vaadin-password-field",r(n||(n=(e=>e)`:host([theme~=summary-item])::before{display:none}:host([theme~=summary-item]) .vaadin-text-field-container{display:grid;grid-template-columns:auto auto;grid-template-rows:repeat(3,min-content);gap:0 var(--lumo-space-m)}:host([theme~=summary-item]) [part=label]{font:normal var(--lumo-font-size-m) var(--lumo-font-family);color:var(--lumo-body-text-color)!important;grid-row:1;-webkit-text-fill-color:var(--lumo-body-text-color)!important}:host([theme~=summary-item]) [part=helper-text]{font:normal var(--lumo-font-size-s) var(--lumo-font-family);color:var(--lumo-secondary-text-color)!important;grid-row:2}:host([theme~=summary-item]) [part=helper-text]::before{display:none}:host([theme~=summary-item]) [part=error-message]{font:normal var(--lumo-font-size-s) var(--lumo-font-family);color:var(--lumo-error-text-color);grid-row:3}:host([theme~=summary-item]) [part=error-message],:host([theme~=summary-item]) [part=helper-text],:host([theme~=summary-item]) [part=label]{line-height:var(--lumo-line-height-xs);grid-column:1;padding:0}:host([theme~=summary-item]) [part=input-field]{grid-column:2;grid-row:1;padding:0;background:0 0;align-self:start;height:1em;--lumo-icon-size-m:1rem}:host([theme~=summary-item]) [part=input-field]::after,:host([theme~=summary-item][readonly]) [part=input-field] slot[name=suffix]{display:none}:host([theme~=summary-item]) [part=value]{line-height:var(--lumo-line-height-xs);text-align:right;min-height:auto;padding:0;margin-right:var(--lumo-space-xs);-webkit-mask-image:none}:host([theme~=summary-item][readonly]) [part=value]{margin-right:0}`)));let d,h,u,p=e=>e;customElements.define("foxy-internal-password-control",class extends e{constructor(){super(...arguments),this.generatorOptions=null,this.showGenerator=!1,this.layout=null}static get properties(){return l(l({},super.properties),{},{generatorOptions:{type:Object,attribute:"generator-options"},showGenerator:{type:Boolean,attribute:"show-generator"},layout:{}})}renderControl(){var e;return a(d||(d=p` <vaadin-password-field error-message="${0}" helper-text="${0}" placeholder="${0}" label="${0}" theme="${0}" class="w-full" ?disabled="${0}" ?readonly="${0}" .checkValidity="${0}" .value="${0}" @keydown="${0}" @input="${0}"> ${0} </vaadin-password-field> `),s(this._errorMessage),this.helperText,this.placeholder,this.label,s(null!==(e=this.layout)&&void 0!==e?e:void 0),this.disabled,this.readonly,this._checkValidity,this._value,(e=>{var t;return"Enter"===e.key&&(null===(t=this.nucleon)||void 0===t?void 0:t.submit())}),(e=>{const t=e.currentTarget;this._value=t.value}),this.showGenerator?this.__renderGenerator():"")}get _value(){var e;return null!==(e=super._value)&&void 0!==e?e:""}set _value(e){super._value=e}__renderGenerator(){return a(h||(h=p` <div data-testid="generator" class="${0}" slot="suffix" @click="${0}"> ${0} </div> `),i({"w-s h-s flex items-center justify-center cursor-default transition-colors":!0,"text-contrast-60 hover-text-contrast-80":!this.disabled&&!this.readonly,"text-contrast-20":this.disabled||this.readonly}),(()=>{var e,t,r,a;let o,l=!1,s=0;do{o=m(null!==(e=this.generatorOptions)&&void 0!==e?e:void 0),l=null===(a=null===(r=null===(t=this.generatorOptions)||void 0===t?void 0:t.checkStrength)||void 0===r?void 0:r.call(t,o))||void 0===a||a,s++}while(!l&&s<100);if(!l)throw new Error("Failed to generate a strong password.");this._value=o;const i=this.renderRoot.querySelector("vaadin-password-field");null==i||i._setPasswordVisible(!0)}),o(u||(u=p`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" style="width: 1.15em; height: 1.15em"><path d="M15.98 1.804a1 1 0 00-1.96 0l-.24 1.192a1 1 0 01-.784.785l-1.192.238a1 1 0 000 1.962l1.192.238a1 1 0 01.785.785l.238 1.192a1 1 0 001.962 0l.238-1.192a1 1 0 01.785-.785l1.192-.238a1 1 0 000-1.962l-1.192-.238a1 1 0 01-.785-.785l-.238-1.192zM6.949 5.684a1 1 0 00-1.898 0l-.683 2.051a1 1 0 01-.633.633l-2.051.683a1 1 0 000 1.898l2.051.684a1 1 0 01.633.632l.683 2.051a1 1 0 001.898 0l.683-2.051a1 1 0 01.633-.633l2.051-.683a1 1 0 000-1.898l-2.051-.683a1 1 0 01-.633-.633L6.95 5.684zM13.949 13.684a1 1 0 00-1.898 0l-.184.551a1 1 0 01-.632.633l-.551.183a1 1 0 000 1.898l.551.183a1 1 0 01.633.633l.183.551a1 1 0 001.898 0l.184-.551a1 1 0 01.632-.633l.551-.183a1 1 0 000-1.898l-.551-.184a1 1 0 01-.633-.632l-.183-.551z" /></svg>`)))}});

package/dist/cdn/{shared-597fffaa.js → shared-df92d411.js}

@@ -1,4 +1,4 @@
-import"./shared-a6cf5b1f.js";import{h as t,P as e}from"./shared-3bc9eaf7.js";import{F as i,t as o}from"./shared-3db3f3c3.js";import{T as n,a,E as s}from"./shared-46efbc40.js";import"./shared-297155d9.js";import{O as r}from"./shared-1abfcf87.js";import"./shared-24998349.js";import"./shared-438e41ab.js";import"./foxy-collection-page.js";import"./foxy-swipe-actions.js";import"./foxy-form-dialog.js";import"./foxy-pagination.js";import"./shared-64210e53.js";import{I as l}from"./shared-6c2a7d2f.js";import"./shared-25a9d87d.js";import{x as d}from"./shared-387d7254.js";import{c,h,r as m}from"./shared-ba5c42c7.js";import{_ as u}from"./shared-7fec42f2.js";import{i as p}from"./shared-53e42a77.js";import{c as _}from"./shared-4e709717.js";const f=t`<dom-module id="lumo-notification-card" theme-for="vaadin-notification-card">
+import"./shared-a6cf5b1f.js";import{h as t,P as e}from"./shared-3bc9eaf7.js";import{F as i,t as o}from"./shared-3db3f3c3.js";import{T as n,a,E as s}from"./shared-46efbc40.js";import"./shared-297155d9.js";import{O as r}from"./shared-1abfcf87.js";import"./shared-24998349.js";import"./shared-b148b310.js";import"./foxy-collection-page.js";import"./foxy-swipe-actions.js";import"./foxy-form-dialog.js";import"./foxy-pagination.js";import"./shared-64210e53.js";import{I as l}from"./shared-92c211bd.js";import"./shared-25a9d87d.js";import{x as d}from"./shared-387d7254.js";import{c,h,r as m}from"./shared-ba5c42c7.js";import{_ as u}from"./shared-7fec42f2.js";import{i as p}from"./shared-53e42a77.js";import{c as _}from"./shared-4e709717.js";const f=t`<dom-module id="lumo-notification-card" theme-for="vaadin-notification-card">
   <template>
     <style>
       :host {

package/dist/cdn/{shared-73c199ae.js → shared-f58068b0.js}

@@ -1 +1 @@
-import{_ as e}from"./shared-7fec42f2.js";import{h as t}from"./shared-ba5c42c7.js";import{C as l}from"./shared-c782b9fa.js";import"./foxy-nucleon-element.js";import{R as s,T as a,a as i}from"./shared-387d7254.js";import{c as r}from"./shared-4e709717.js";import{N as d}from"./shared-da95bb48.js";let n,o,h,c,m,u=e=>e;const b=l(s(a(i(d))));class p extends b{constructor(){super(...arguments),this.columns=[]}static get properties(){return e(e({},super.properties),{},{columns:{attribute:!1}})}render(){var e,l;const s=this.columns.some((e=>!!e.header));return t(n||(n=u` <div data-testid="wrapper" aria-busy="${0}" aria-live="polite" class="relative font-lumo text-m"> <table class="table-fixed w-full" data-testid="table"> <thead class="${0}"> <tr> ${0} </tr> </thead> <tbody class="divide-y divide-contrast-10"> ${0} </tbody> </table> ${0} </div> ${0} `),this.in("busy"),s?"border-b border-contrast-10":"sr-only",this.columns.map(((e,l)=>{var s;return t(o||(o=u` <th class="${0}"> ${0} </th> `),r({"truncate h-l text-tertiary text-m text-left font-medium":!0,"text-right":l===this.columns.length-1,"hidden sm-table-cell":"sm"===e.hideBelow,"hidden md-table-cell":"md"===e.hideBelow,"hidden lg-table-cell":"lg"===e.hideBelow,"hidden xl-table-cell":"xl"===e.hideBelow}),null===(s=e.header)||void 0===s?void 0:s.call(e,{html:t,lang:this.lang,data:this.data,ns:this.ns}))})),this.__rows.map((e=>{var l;return t(h||(h=u` <tr class="h-l"> ${0} </tr> `),null===(l=this.columns)||void 0===l?void 0:l.map(((l,s)=>{var a;return t(c||(c=u` <td class="${0}"> ${0} </td> `),r({"text-right":s===this.columns.length-1,"hidden sm-table-cell":"sm"===l.hideBelow,"hidden md-table-cell":"md"===l.hideBelow,"hidden lg-table-cell":"lg"===l.hideBelow,"hidden xl-table-cell":"xl"===l.hideBelow,"truncate h-l text-body":!0}),e?null===(a=l.cell)||void 0===a?void 0:a.call(l,{html:t,lang:this.lang,data:e,ns:this.ns}):"")})))})),this.in({idle:"snapshot"})?"":t(m||(m=u` <div class="absolute inset-0 flex items-center justify-center"> <foxy-spinner data-testid="spinner" layout="vertical" state="${0}" class="p-m bg-base shadow-xs rounded-t-l rounded-b-l" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> `),this.in("busy")?"busy":this.in("idle")?"empty":"error",this.lang,this.ns,null!==(l=null===(e=customElements.get("foxy-spinner"))||void 0===e?void 0:e.defaultNS)&&void 0!==l?l:""),this.renderTemplateOrSlot())}get __rows(){var e,t,l;const s=Object.values(null!==(t=null===(e=this.data)||void 0===e?void 0:e._embedded)&&void 0!==t?t:{}).reduce(((e,t)=>[...e,...t]),[]);let a;if(0===s.length)try{const e=new URL(null!==(l=this.href)&&void 0!==l?l:"").searchParams.get("limit"),t=parseInt(null!=e?e:"");a=isNaN(t)?20:t}catch(e){a=20}else a=s.length;return new Array(a).fill(null).map(((e,t)=>{var l;return null!==(l=s[t])&&void 0!==l?l:e}))}}export{p as T};
+import{_ as e}from"./shared-7fec42f2.js";import{h as t}from"./shared-ba5c42c7.js";import{C as l}from"./shared-c782b9fa.js";import"./foxy-nucleon-element.js";import{R as s,T as a,a as i}from"./shared-387d7254.js";import{c as r}from"./shared-4e709717.js";import{N as d}from"./shared-69074dae.js";let n,o,h,c,m,u=e=>e;const b=l(s(a(i(d))));class p extends b{constructor(){super(...arguments),this.columns=[]}static get properties(){return e(e({},super.properties),{},{columns:{attribute:!1}})}render(){var e,l;const s=this.columns.some((e=>!!e.header));return t(n||(n=u` <div data-testid="wrapper" aria-busy="${0}" aria-live="polite" class="relative font-lumo text-m"> <table class="table-fixed w-full" data-testid="table"> <thead class="${0}"> <tr> ${0} </tr> </thead> <tbody class="divide-y divide-contrast-10"> ${0} </tbody> </table> ${0} </div> ${0} `),this.in("busy"),s?"border-b border-contrast-10":"sr-only",this.columns.map(((e,l)=>{var s;return t(o||(o=u` <th class="${0}"> ${0} </th> `),r({"truncate h-l text-tertiary text-m text-left font-medium":!0,"text-right":l===this.columns.length-1,"hidden sm-table-cell":"sm"===e.hideBelow,"hidden md-table-cell":"md"===e.hideBelow,"hidden lg-table-cell":"lg"===e.hideBelow,"hidden xl-table-cell":"xl"===e.hideBelow}),null===(s=e.header)||void 0===s?void 0:s.call(e,{html:t,lang:this.lang,data:this.data,ns:this.ns}))})),this.__rows.map((e=>{var l;return t(h||(h=u` <tr class="h-l"> ${0} </tr> `),null===(l=this.columns)||void 0===l?void 0:l.map(((l,s)=>{var a;return t(c||(c=u` <td class="${0}"> ${0} </td> `),r({"text-right":s===this.columns.length-1,"hidden sm-table-cell":"sm"===l.hideBelow,"hidden md-table-cell":"md"===l.hideBelow,"hidden lg-table-cell":"lg"===l.hideBelow,"hidden xl-table-cell":"xl"===l.hideBelow,"truncate h-l text-body":!0}),e?null===(a=l.cell)||void 0===a?void 0:a.call(l,{html:t,lang:this.lang,data:e,ns:this.ns}):"")})))})),this.in({idle:"snapshot"})?"":t(m||(m=u` <div class="absolute inset-0 flex items-center justify-center"> <foxy-spinner data-testid="spinner" layout="vertical" state="${0}" class="p-m bg-base shadow-xs rounded-t-l rounded-b-l" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> `),this.in("busy")?"busy":this.in("idle")?"empty":"error",this.lang,this.ns,null!==(l=null===(e=customElements.get("foxy-spinner"))||void 0===e?void 0:e.defaultNS)&&void 0!==l?l:""),this.renderTemplateOrSlot())}get __rows(){var e,t,l;const s=Object.values(null!==(t=null===(e=this.data)||void 0===e?void 0:e._embedded)&&void 0!==t?t:{}).reduce(((e,t)=>[...e,...t]),[]);let a;if(0===s.length)try{const e=new URL(null!==(l=this.href)&&void 0!==l?l:"").searchParams.get("limit"),t=parseInt(null!=e?e:"");a=isNaN(t)?20:t}catch(e){a=20}else a=s.length;return new Array(a).fill(null).map(((e,t)=>{var l;return null!==(l=s[t])&&void 0!==l?l:e}))}}export{p as T};

package/dist/cdn/translations/experimental-add-to-cart-builder/en.json

@@ -542,7 +542,16 @@
     "helper_text": "",
     "direct_link": "Direct link",
     "empty": "Modify the item parameters to see the add-to-cart link.",
-    "unavailable": "Direct link is not available when one or more items have configurable options.",
+    "unavailable": {
+      "loading_extra_data_needed": "Creating direct link...",
+      "error_special_characters_present": "At the moment we don't support signed direct links with item parameters that contain the following characters: #, &, %, =.",
+      "error_price_configurable": "Direct link is not available when one or more items have configurable price.",
+      "error_duplicate_custom_option_names": "Direct link is not available when one or more items have configurable custom options.",
+      "paused_code_required": "Direct link will be available once you provide an SKU for each item.",
+      "error_option_value_configurable": "Direct link is not available when one or more items have a custom option with a configurable value.",
+      "error_html_entities_present": "At the moment we don't support signed links with item parameters that contain HTML entities.",
+      "error_double_quotes_present": "At the moment we don't support signed links with item parameters that contain double quotes."
+    },
     "copy-to-clipboard": {
       "failed_to_copy": "Failed to copy",
       "click_to_copy": "Copy to clipboard",
@@ -561,11 +570,10 @@
     "submit_caption_cart": "Add to cart",
     "submit_caption_checkout": "Purchase",
     "unavailable": {
-      "loading_busy": "Loading preview...",
-      "loading_paused": "Preview paused",
+      "loading_extra_data_needed": "Loading direct link...",
       "paused_code_required": "Preview and add-to-cart code will be available once you provide an SKU for each item.",
-      "error_html_entities_present": "Item parameters can't contain HTML entities when cart signing is enabled.",
-      "error_double_quotes_present": "Item parameters can't contain double quotes when cart signing is enabled."
+      "error_html_entities_present": "At the moment we don't support signed forms with item parameters that contain HTML entities.",
+      "error_double_quotes_present": "At the moment we don't support signed forms with item parameters that contain double quotes."
     },
     "spinner": {
       "loading_busy": "Signing",

package/dist/elements/public/ExperimentalAddToCartBuilder/ExperimentalAddToCartBuilder.js

@@ -112,10 +112,11 @@ export class ExperimentalAddToCartBuilder extends Base {
         const addToCartCode = this.__getAddToCartCode();
         const storeUrl = (_c = (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a._links['fx:store'].href) !== null && _b !== void 0 ? _b : this.store) !== null && _c !== void 0 ? _c : void 0;
         const store = (_d = this.__storeLoader) === null || _d === void 0 ? void 0 : _d.data;
+        const formHtmlState = (_f = (_e = addToCartCode.formHTMLError) === null || _e === void 0 ? void 0 : _e.split('_')[0]) !== null && _f !== void 0 ? _f : 'paused';
         return html `
       <div class="grid gap-m items-start sm-grid-cols-2 md-grid-cols-3 h-full overflow-auto">
         <foxy-internal-summary-control layout="section" class="space-y-s" infer="items">
-          ${(_e = this.form.items) === null || _e === void 0 ? void 0 : _e.map((product, index) => {
+          ${(_g = this.form.items) === null || _g === void 0 ? void 0 : _g.map((product, index) => {
             var _a;
             return html `
               <foxy-internal-summary-control
@@ -166,9 +167,21 @@ export class ExperimentalAddToCartBuilder extends Base {
         </foxy-internal-summary-control>
 
         <div class="space-y-m md-col-span-2 sticky top-0">
-          ${addToCartCode && !addToCartCode.error
+          <foxy-internal-summary-control infer="preview">
+            ${addToCartCode.formHTMLError
             ? html `
-                <foxy-internal-summary-control infer="preview">
+                  <div class="flex flex-col gap-xs items-center justify-center p-xl">
+                    <foxy-spinner layout="no-label" infer="unavailable" state=${formHtmlState}>
+                    </foxy-spinner>
+                    <foxy-i18n
+                      class="${formHtmlState === 'error' ? 'text-error' : 'text-tertiary'} text-s"
+                      infer="unavailable"
+                      key=${addToCartCode.formHTMLError}
+                    >
+                    </foxy-i18n>
+                  </div>
+                `
+            : html `
                   <div class="flex">
                     <iframe
                       srcdoc="${previewCSS}${addToCartCode.formHTML}"
@@ -244,87 +257,66 @@ export class ExperimentalAddToCartBuilder extends Base {
                       </a>
                     </p>
                   </div>
-                </foxy-internal-summary-control>
+                `}
+          </foxy-internal-summary-control>
 
-                <foxy-internal-summary-control infer="link">
-                  ${addToCartCode.linkHref
-                ? html `
-                        <div
-                          class="flex items-center leading-s min-w-0 relative"
-                          style="gap: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)"
-                        >
-                          <foxy-i18n infer="" key="direct_link"></foxy-i18n>
-                          <a
-                            target="_blank"
-                            style="max-width: 30rem"
-                            href=${addToCartCode.linkHref}
-                            class=${classMap({
-                    'font-medium truncate ml-auto min-w-0 rounded-s': true,
-                    'transition-all filter': true,
-                    'hover-underline': true,
-                    'focus-outline-none focus-ring-2 focus-ring-primary-50': true,
-                    'blur-sm': this.__signingState !== 'idle',
-                })}
-                          >
-                            ${addToCartCode.linkHref}
-                          </a>
-                          <div
-                            style="top: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px); right: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)"
-                            class=${classMap({
-                    'absolute right-0 bg-base rounded-s transition-opacity': true,
-                    'opacity-0 pointer-events-none': this.__signingState !== 'busy',
-                })}
-                          >
-                            <div class="bg-contrast-10 rounded-s">
-                              <foxy-spinner
-                                infer="spinner"
-                                state=${this.__signingState === 'fail' ? 'error' : 'busy'}
-                                class="-mx-xs"
-                                style="transform: scale(0.8)"
-                              >
-                              </foxy-spinner>
-                            </div>
-                          </div>
-                          <foxy-copy-to-clipboard
-                            infer="copy-to-clipboard"
-                            text=${addToCartCode.linkHref}
-                            class=${classMap({
-                    'flex-shrink-0 text-m transition-opacity': true,
-                    'opacity-0 pointer-events-none': this.__signingState === 'busy',
-                })}
-                          >
-                          </foxy-copy-to-clipboard>
-                        </div>
-                      `
-                : html `
-                        <p class="text-disabled">
-                          <foxy-i18n infer="" key="unavailable"></foxy-i18n>
-                        </p>
-                      `}
-                </foxy-internal-summary-control>
-              `
+          <foxy-internal-summary-control infer="link">
+            ${addToCartCode.linkHrefError
+            ? html `
+                  <p class="text-tertiary">
+                    <foxy-i18n infer="unavailable" key=${addToCartCode.linkHrefError}> </foxy-i18n>
+                  </p>
+                `
             : html `
-                <foxy-internal-summary-control infer="preview">
-                  <div class="flex flex-col gap-xs items-center justify-center p-xl">
-                    <foxy-spinner
-                      layout="no-label"
-                      infer="unavailable"
-                      state=${(_f = addToCartCode === null || addToCartCode === void 0 ? void 0 : addToCartCode.error.split('_')[0]) !== null && _f !== void 0 ? _f : 'busy'}
+                  <div
+                    class="flex items-center leading-s min-w-0 relative"
+                    style="gap: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)"
+                  >
+                    <foxy-i18n infer="" key="direct_link"></foxy-i18n>
+                    <a
+                      target="_blank"
+                      style="max-width: 30rem"
+                      href=${addToCartCode.linkHref}
+                      class=${classMap({
+                'font-medium truncate ml-auto min-w-0 rounded-s': true,
+                'transition-all filter': true,
+                'hover-underline': true,
+                'focus-outline-none focus-ring-2 focus-ring-primary-50': true,
+                'blur-sm': this.__signingState !== 'idle',
+            })}
                     >
-                    </foxy-spinner>
-                    <foxy-i18n
+                      ${addToCartCode.linkHref}
+                    </a>
+                    <div
+                      style="top: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px); right: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)"
                       class=${classMap({
-                'text-tertiary': !(addToCartCode === null || addToCartCode === void 0 ? void 0 : addToCartCode.error.startsWith('error_')),
-                'text-error': !!(addToCartCode === null || addToCartCode === void 0 ? void 0 : addToCartCode.error.startsWith('error_')),
-                'text-s': true,
+                'absolute right-0 bg-base rounded-s transition-opacity': true,
+                'opacity-0 pointer-events-none': this.__signingState !== 'busy',
             })}
-                      infer="unavailable"
-                      key="${(_g = addToCartCode === null || addToCartCode === void 0 ? void 0 : addToCartCode.error) !== null && _g !== void 0 ? _g : 'loading_busy'}"
                     >
-                    </foxy-i18n>
+                      <div class="bg-contrast-10 rounded-s">
+                        <foxy-spinner
+                          infer="spinner"
+                          state=${this.__signingState === 'fail' ? 'error' : 'busy'}
+                          class="-mx-xs"
+                          style="transform: scale(0.8)"
+                        >
+                        </foxy-spinner>
+                      </div>
+                    </div>
+                    <foxy-copy-to-clipboard
+                      infer="copy-to-clipboard"
+                      text=${addToCartCode.linkHref}
+                      class=${classMap({
+                'flex-shrink-0 text-m transition-opacity': true,
+                'opacity-0 pointer-events-none': this.__signingState === 'busy',
+            })}
+                    >
+                    </foxy-copy-to-clipboard>
                   </div>
-                </foxy-internal-summary-control>
-              `}
+                `}
+          </foxy-internal-summary-control>
+
           ${this.renderTemplateOrSlot()}
 
           <foxy-internal-summary-control infer="cart-settings">
@@ -517,8 +509,9 @@ export class ExperimentalAddToCartBuilder extends Base {
         const templateSet = this.__resolvedTemplateSet;
         const cartUrl = this.__resolvedCartUrl;
         const store = (_a = this.__storeLoader) === null || _a === void 0 ? void 0 : _a.data;
-        if (!this.defaultDomain || !templateSet || !store || !currencyCode || !cartUrl)
-            return '';
+        if (!this.defaultDomain || !templateSet || !store || !currencyCode || !cartUrl) {
+            throw new Error('loading_extra_data_needed');
+        }
         const isHmacOn = store.use_cart_validation;
         let hasAtLeastOneFieldset = false;
         let output = `<form action="${weakEncode(cartUrl, isHmacOn)}" method="post" target="_blank">`;
@@ -546,7 +539,7 @@ export class ExperimentalAddToCartBuilder extends Base {
             const itemCategory = itemCategoryLoader === null || itemCategoryLoader === void 0 ? void 0 : itemCategoryLoader.data;
             const product = items[productIndex];
             if (product.item_category_uri && !itemCategory)
-                return '';
+                throw new Error('loading_extra_data_needed');
             const resolvedMinQty = Math.max(1, (_c = product.quantity_min) !== null && _c !== void 0 ? _c : 1);
             const resolvedMaxQty = Math.max(resolvedMinQty, (_d = product.quantity_max) !== null && _d !== void 0 ? _d : Infinity);
             const varyQty = resolvedMinQty !== resolvedMaxQty &&
@@ -589,7 +582,7 @@ export class ExperimentalAddToCartBuilder extends Base {
                 addHiddenInput(`${prefix}code`, product.code);
             }
             else if (store.use_cart_validation) {
-                return { error: 'paused_code_required' };
+                throw new Error('paused_code_required');
             }
             if (product.parent_code)
                 addHiddenInput(`${prefix}parent_code`, product.parent_code);
@@ -760,62 +753,81 @@ export class ExperimentalAddToCartBuilder extends Base {
         const templateSet = this.__resolvedTemplateSet;
         const cartUrl = this.__resolvedCartUrl;
         const store = (_a = this.__storeLoader) === null || _a === void 0 ? void 0 : _a.data;
-        if (!this.defaultDomain || !templateSet || !store || !currencyCode || !cartUrl)
-            return '';
-        const url = new URL(cartUrl);
+        if (!this.defaultDomain || !templateSet || !store || !currencyCode || !cartUrl) {
+            throw new Error('loading_extra_data_needed');
+        }
+        const signedUrlParams = new Map();
+        const unsignedUrlParams = new URLSearchParams();
+        const setOrThrow = (name, value) => {
+            if (store.use_cart_validation) {
+                if (name.includes('&') ||
+                    value.includes('&') ||
+                    name.includes('%') ||
+                    value.includes('%') ||
+                    name.includes('=') ||
+                    value.includes('='))
+                    throw new Error('error_special_characters_present');
+                signedUrlParams.set(name, value);
+            }
+            else {
+                unsignedUrlParams.set(name, value);
+            }
+        };
         if (templateSet.code !== 'DEFAULT')
-            url.searchParams.set('template_set', templateSet.code);
+            setOrThrow('template_set', templateSet.code);
         if (this.form.cart === 'checkout')
-            url.searchParams.set('cart', 'checkout');
+            setOrThrow('cart', 'checkout');
         if (this.form.redirect)
-            url.searchParams.set('redirect', this.form.redirect);
+            setOrThrow('redirect', this.form.redirect);
         if (this.form.coupon)
-            url.searchParams.set('coupon', this.form.coupon);
+            setOrThrow('coupon', this.form.coupon);
         if (this.form.empty && this.form.empty !== 'false') {
-            url.searchParams.set('empty', this.form.empty);
+            setOrThrow('empty', this.form.empty);
         }
         for (let index = 0; index < ((_c = (_b = this.form.items) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0); ++index) {
             const product = this.form.items[index];
             const prefix = index === 0 ? '' : `${index + 1}:`;
             const itemCategory = (_d = this.__getItemCategoryLoader(index)) === null || _d === void 0 ? void 0 : _d.data;
-            if (product.item_category_uri && !itemCategory)
-                return '';
-            if (product.price_configurable)
-                return '';
+            if (product.item_category_uri && !itemCategory) {
+                throw new Error('loading_extra_data_needed');
+            }
+            if (product.price_configurable) {
+                throw new Error('error_price_configurable');
+            }
             if (new Set(product.custom_options.map(v => v.name)).size < product.custom_options.length) {
-                return '';
+                throw new Error('error_duplicate_custom_option_names');
             }
             if (itemCategory && itemCategory.code !== 'DEFAULT') {
-                url.searchParams.set(`${prefix}category`, itemCategory.code);
+                setOrThrow(`${prefix}category`, itemCategory.code);
             }
-            url.searchParams.set(`${prefix}name`, product.name);
-            url.searchParams.set(`${prefix}price`, `${product.price}${currencyCode}`);
+            setOrThrow(`${prefix}name`, product.name);
+            setOrThrow(`${prefix}price`, `${product.price}${currencyCode}`);
             if (product.code) {
-                url.searchParams.set(`${prefix}code`, product.code);
+                setOrThrow(`${prefix}code`, product.code);
             }
             else if (store.use_cart_validation) {
-                return { error: 'paused_code_required' };
+                throw new Error('paused_code_required');
             }
             if (product.parent_code)
-                url.searchParams.set(`${prefix}parent_code`, product.parent_code);
+                setOrThrow(`${prefix}parent_code`, product.parent_code);
             if (product.image) {
-                url.searchParams.set(`${prefix}image`, product.image);
+                setOrThrow(`${prefix}image`, product.image);
                 if (product.url)
-                    url.searchParams.set(`${prefix}url`, product.url);
+                    setOrThrow(`${prefix}url`, product.url);
             }
             if (product.sub_enabled) {
                 if (product.sub_frequency) {
-                    url.searchParams.set(`${prefix}sub_frequency`, product.sub_frequency);
+                    setOrThrow(`${prefix}sub_frequency`, product.sub_frequency);
                     if (product.sub_startdate) {
                         if (product.sub_startdate_format === 'yyyymmdd') {
                             const date = new Date(product.sub_startdate);
                             const year = date.getFullYear();
                             const month = (date.getMonth() + 1).toString().padStart(2, '0');
                             const day = date.getDate().toString().padStart(2, '0');
-                            url.searchParams.set(`${prefix}sub_startdate`, `${year}${month}${day}`);
+                            setOrThrow(`${prefix}sub_startdate`, `${year}${month}${day}`);
                         }
                         else {
-                            url.searchParams.set(`${prefix}sub_startdate`, String(product.sub_startdate));
+                            setOrThrow(`${prefix}sub_startdate`, String(product.sub_startdate));
                         }
                     }
                     if (product.sub_enddate) {
@@ -824,94 +836,107 @@ export class ExperimentalAddToCartBuilder extends Base {
                             const year = date.getFullYear();
                             const month = (date.getMonth() + 1).toString().padStart(2, '0');
                             const day = date.getDate().toString().padStart(2, '0');
-                            url.searchParams.set(`${prefix}sub_enddate`, `${year}${month}${day}`);
+                            setOrThrow(`${prefix}sub_enddate`, `${year}${month}${day}`);
                         }
                         else {
-                            url.searchParams.set(`${prefix}sub_enddate`, String(product.sub_enddate));
+                            setOrThrow(`${prefix}sub_enddate`, String(product.sub_enddate));
                         }
                     }
                 }
             }
             if (product.discount_name && product.discount_type && product.discount_details) {
-                url.searchParams.set(`${prefix}discount_${product.discount_type}`, `${product.discount_name}{${product.discount_details}}`);
+                setOrThrow(`${prefix}discount_${product.discount_type}`, `${product.discount_name}{${product.discount_details}}`);
             }
             if (product.expires_value) {
                 if (product.expires_format === 'timestamp') {
-                    url.searchParams.set(`${prefix}expires`, product.expires_value.toFixed(0));
+                    setOrThrow(`${prefix}expires`, product.expires_value.toFixed(0));
                 }
                 else {
-                    url.searchParams.set(`${prefix}expires`, product.expires_value.toFixed(0));
+                    setOrThrow(`${prefix}expires`, product.expires_value.toFixed(0));
                 }
             }
             if (((_e = product.quantity) !== null && _e !== void 0 ? _e : 1) > 1) {
-                url.searchParams.set(`${prefix}quantity`, ((_f = product.quantity) !== null && _f !== void 0 ? _f : 1).toFixed(0));
+                setOrThrow(`${prefix}quantity`, ((_f = product.quantity) !== null && _f !== void 0 ? _f : 1).toFixed(0));
             }
             if (product.expires_format !== 'minutes') {
                 if (product.quantity_min) {
-                    url.searchParams.set(`${prefix}quantity_min`, product.quantity_min.toString());
+                    setOrThrow(`${prefix}quantity_min`, product.quantity_min.toString());
                 }
                 if (product.quantity_max) {
-                    url.searchParams.set(`${prefix}quantity_max`, product.quantity_max.toString());
+                    setOrThrow(`${prefix}quantity_max`, product.quantity_max.toString());
                 }
             }
             if (product.weight)
-                url.searchParams.set(`${prefix}weight`, product.weight.toFixed(3));
+                setOrThrow(`${prefix}weight`, product.weight.toFixed(3));
             if (product.length)
-                url.searchParams.set(`${prefix}length`, product.length.toFixed(3));
+                setOrThrow(`${prefix}length`, product.length.toFixed(3));
             if (product.width)
-                url.searchParams.set(`${prefix}width`, product.width.toFixed(3));
+                setOrThrow(`${prefix}width`, product.width.toFixed(3));
             if (product.height)
-                url.searchParams.set(`${prefix}height`, product.height.toFixed(3));
+                setOrThrow(`${prefix}height`, product.height.toFixed(3));
             for (let optionIndex = 0; optionIndex < product.custom_options.length; ++optionIndex) {
                 const option = product.custom_options[optionIndex];
                 if (option.value_configurable)
-                    return '';
+                    throw new Error('error_option_value_configurable');
                 const itemCategory = (_g = this.__getItemCategoryLoader(index, optionIndex)) === null || _g === void 0 ? void 0 : _g.data;
                 const modifiers = this.__getOptionModifiers(option, itemCategory !== null && itemCategory !== void 0 ? itemCategory : null, currencyCode);
-                url.searchParams.set(`${prefix}${option.name}`, `${(_h = option.value) !== null && _h !== void 0 ? _h : ''}${modifiers}`);
+                setOrThrow(`${prefix}${option.name}`, `${(_h = option.value) !== null && _h !== void 0 ? _h : ''}${modifiers}`);
             }
         }
-        return url.toString();
+        return store.use_cart_validation
+            ? `${cartUrl}?${Array.from(signedUrlParams.entries())
+                .map(([key, value]) => `${key}=${value}`)
+                .join('&')}`
+            : `${cartUrl}?${unsignedUrlParams.toString()}`;
     }
     __getAddToCartCode() {
         var _a;
+        const store = (_a = this.__storeLoader) === null || _a === void 0 ? void 0 : _a.data;
+        if (!this.encodeHelper || !store) {
+            return {
+                linkHref: '',
+                linkHrefError: 'loading_extra_data_needed',
+                formHTML: '',
+                formHTMLError: 'loading_extra_data_needed',
+            };
+        }
+        const checkEquality = store.use_cart_validation;
+        let formHTMLError = null;
+        let linkHrefError = null;
+        let formHTML = '';
+        let linkHref = '';
+        try {
+            formHTML = this.__getAddToCartFormHTML();
+        }
+        catch (err) {
+            formHTMLError = err.message;
+        }
+        let unsignedCode = formHTML;
         try {
-            const store = (_a = this.__storeLoader) === null || _a === void 0 ? void 0 : _a.data;
-            if (!this.encodeHelper || !store)
-                return null;
-            const checkEquality = store.use_cart_validation;
-            const formHTML = this.__getAddToCartFormHTML();
-            const linkHref = this.__getAddToCartLinkHref();
-            if (!formHTML && !linkHref)
-                return null;
-            if (typeof formHTML === 'object')
-                return { error: formHTML.error };
-            if (typeof linkHref === 'object')
-                return { error: linkHref.error };
-            let unsignedCode;
+            linkHref = this.__getAddToCartLinkHref();
             if (linkHref) {
                 const linkHTML = `<a href="${weakEncode(linkHref, checkEquality)}">Add to cart</a>`;
                 unsignedCode = `${formHTML}${this.__signingSeparator}${linkHTML}`;
             }
-            else {
-                unsignedCode = formHTML;
-            }
-            if (unsignedCode === this.__previousUnsignedCode && this.__previousSignedCode) {
-                const [formHTML, linkHTML] = this.__previousSignedCode.split(this.__signingSeparator);
-                return {
-                    linkHref: linkHTML ? decode(linkHTML.substring(9, linkHTML.length - 17)) : '',
-                    formHTML,
-                };
-            }
-            this.__previousUnsignedCode = unsignedCode;
-            this.__previousSignedCode = '';
-            if (store.use_cart_validation)
-                this.__signAsync(unsignedCode, this.encodeHelper);
-            return { formHTML, linkHref };
         }
         catch (err) {
-            return { error: err.message };
+            linkHrefError = err.message;
+            linkHref = '';
         }
+        if (unsignedCode === this.__previousUnsignedCode && this.__previousSignedCode) {
+            const [formHTML, linkHTML] = this.__previousSignedCode.split(this.__signingSeparator);
+            return {
+                linkHref: linkHTML ? decode(linkHTML.substring(9, linkHTML.length - 17)) : '',
+                linkHrefError,
+                formHTML,
+                formHTMLError,
+            };
+        }
+        this.__previousUnsignedCode = unsignedCode;
+        this.__previousSignedCode = '';
+        if (store.use_cart_validation)
+            this.__signAsync(unsignedCode, this.encodeHelper);
+        return { formHTML, formHTMLError, linkHref, linkHrefError };
     }
     __getOptionModifiers(option, optionItemCategory, currencyCode) {
         if (option.value_configurable)