@foxy.io/elements 1.16.0-beta.4 → 1.16.0-beta.7

package/dist/cdn/foxy-template-form.js

@@ -1 +1 @@
-import"./shared-60e98fbf.js";import{C as e,b as t}from"./shared-38f8a319.js";import"./shared-757bb517.js";import"./shared-92d6f937.js";import"./shared-0479553e.js";import"./foxy-spinner.js";import"./shared-4e63d6e0.js";import{_ as i}from"./shared-2eee69db.js";import{c as s,h as a}from"./shared-7f33a83a.js";import"./shared-35de1004.js";import"./shared-007660a6.js";import"./shared-7819b0b0.js";import{S as r,T as n,a as o}from"./shared-ea9af4b0.js";import{c as d}from"./shared-4e709717.js";import"./shared-1ddccf4d.js";import"./shared-bbfdfee2.js";import"./shared-5097c880.js";import"./shared-f7bddf72.js";import"./shared-f3f9f752.js";import{G as l}from"./shared-5e75308a.js";import{P as c}from"./shared-22103348.js";import{C as h}from"./shared-06014421.js";import{N as m}from"./shared-1b064836.js";import{l as p}from"./shared-f3b35364.js";import"./shared-e090608c.js";import"./shared-3026cee0.js";import"./shared-11c2efc8.js";import"./shared-f3655f42.js";import"./shared-bc94606b.js";import"./shared-64657919.js";import"./shared-9d4835ed.js";import"./shared-d3bf9ac0.js";import"./shared-7684cb05.js";let f,u,$,v,b,y,_,x=e=>e;const g=r(n(h(o(m,"template-form"))));class j extends g{constructor(){super(...arguments),this.templates={},this.__cacheState="idle",this.__contentChoice="default"}static get properties(){return i(i({},super.properties),{},{__cacheState:{attribute:!1},__contentChoice:{attribute:!1}})}static get styles(){return[...super.styles,s(f||(f=x`#cached-content::part(input-field){max-height:15em}`))]}static get scopedElements(){return{"foxy-internal-confirm-dialog":customElements.get("foxy-internal-confirm-dialog"),"foxy-internal-sandbox":customElements.get("foxy-internal-sandbox"),"foxy-spinner":customElements.get("foxy-spinner"),"foxy-i18n":customElements.get("foxy-i18n"),"vaadin-text-field":customElements.get("vaadin-text-field"),"vaadin-text-area":customElements.get("vaadin-text-area"),"vaadin-button":customElements.get("vaadin-button"),"x-property-table":c,"x-choice":e,"x-group":l}}render(){var e,t;const{hiddenSelector:i,href:s,lang:r,ns:n}=this,o=s?"delete":"create",l=this.in("busy"),c=this.in("fail");return a(u||(u=x` <div class="space-y-m relative"> ${0} ${0} ${0} ${0} <div data-testid="spinner" class="${0}"> <foxy-spinner layout="vertical" class="m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l" state="${0}" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> </div> `),i.matches("description",!0)?"":this.__renderDescription(),i.matches("content",!0)?"":this.__renderContent(),i.matches("timestamps",!0)||!s?"":this.__renderTimestamps(),i.matches(o)?"":this.__renderAction(o),d({"transition duration-500 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":!l&&!c}),c?"error":l?"busy":"empty",r,n,null!==(t=null===(e=customElements.get("foxy-spinner"))||void 0===e?void 0:e.defaultNS)&&void 0!==t?t:"")}__renderDescription(){var e,t;const i="description";return a($||($=x` <div> ${0} <vaadin-text-field data-testid="${0}" class="w-full mb-s" label="${0}" ?disabled="${0}" ?readonly="${0}" .value="${0}" @keydown="${0}" @input="${0}"> </vaadin-text-field> ${0} </div> `),this.renderTemplateOrSlot(`${i}:before`),i,this.t(i),!this.in("idle")||this.disabledSelector.matches(i),this.readonlySelector.matches(i),null!==(t=null===(e=this.form)||void 0===e?void 0:e.description)&&void 0!==t?t:"",(e=>"Enter"===e.key&&this.submit()),(e=>{this.edit({description:e.currentTarget.value})}),this.renderTemplateOrSlot(`${i}:after`))}__renderContent(){var e;const i="content",s=!this.in("idle")||this.disabledSelector.matches(i),r=this.readonlySelector.matches(i),n=this.form.content_url?"url":this.form.content?"clipboard":this.__contentChoice;return a(v||(v=x` <div data-testid="content"> ${0} <x-group frame> <foxy-i18n class="${0}" lang="${0}" slot="header" key="template" ns="${0}"> </foxy-i18n> <x-choice data-testid="content-type" .value="${0}" .items="${0}" ?readonly="${0}" ?disabled="${0}" @change="${0}"> ${0} <div slot="url" ?hidden="${0}"> <div class="flex items-center mt-0 mb-m"> <vaadin-text-field data-testid="content-url" class="mr-s flex-grow" ?readonly="${0}" ?disabled="${0}" .value="${0}" @keydown="${0}" @input="${0}"> </vaadin-text-field> <vaadin-button data-testid="cache" class="relative" ?hidden="${0}" ?disabled="${0}" @click="${0}"> <foxy-i18n class="${0}" lang="${0}" key="cache" ns="${0}"> </foxy-i18n> <div class="${0}"> <foxy-spinner layout="no-label" class="m-auto" state="${0}" lang="${0}" ns="${0}"> </foxy-spinner> </div> </vaadin-button> </div> </div> <div slot="clipboard" ?hidden="${0}"> <vaadin-text-area id="cached-content" data-testid="content-clipboard" class="w-full mb-m" ?readonly="${0}" ?disabled="${0}" .value="${0}" @input="${0}"> </vaadin-text-area> </div> </x-choice> </x-group> ${0} </div> `),this.renderTemplateOrSlot("content:before"),d({"transition-colors":!0,"text-disabled":s}),this.lang,this.ns,n,["default","url","clipboard"],r,s,(e=>{e instanceof t&&(this.edit({content:"",content_url:""}),this.__contentChoice=e.detail)}),["default","url","clipboard"].map((e=>a(b||(b=x` <div slot="${0}-label" class="py-s leading-s"> <foxy-i18n class="block" lang="${0}" key="template_${0}" ns="${0}"> </foxy-i18n> <foxy-i18n class="block text-s opacity-70" lang="${0}" key="template_${0}_explainer" ns="${0}"> </foxy-i18n> </div> `),e,this.lang,e,this.ns,this.lang,e,this.ns))),"url"!==n,r,s,this.form.content_url,(e=>"Enter"===e.key&&this.submit()),(e=>{const t=e.currentTarget.value;this.edit({content:"",content_url:t})}),r||this.form.content_url!==(null===(e=this.data)||void 0===e?void 0:e.content_url),s||"busy"===this.__cacheState,this.__cache,d({"relative transition-opacity":!0,"opacity-0":"idle"!==this.__cacheState}),this.lang,this.ns,d({"absolute inset-0 flex transition-opacity":!0,"opacity-0":"idle"===this.__cacheState}),"fail"===this.__cacheState?"error":"busy",this.lang,this.ns,"clipboard"!==n,r,s,p(this.form.content),(e=>{const t=e.currentTarget.value;this.edit({content:t,content_url:""})}),this.renderTemplateOrSlot("content:after"))}__renderTimestamps(){const e="timestamps";return a(y||(y=x` <div> ${0} <x-property-table data-testid="timestamps" .items="${0}"> </x-property-table> ${0} </div> `),this.renderTemplateOrSlot(`${e}:before`),["date_modified","date_created"].map((e=>{var t;return{name:this.t(e),value:(null===(t=this.data)||void 0===t?void 0:t[e])?this.t("date",{value:new Date(this.data[e])}):""}})),this.renderTemplateOrSlot(`${e}:after`))}__renderAction(e){const{disabledSelector:t,href:i,lang:s,ns:r}=this,n=this.in({idle:{template:{dirty:"valid"}}}),o=this.in({idle:{snapshot:{dirty:"valid"}}}),d=!this.in("idle")||t.matches(e,!0),l=n||o;return a(_||(_=x` <div> ${0} <foxy-internal-confirm-dialog message="delete_prompt" confirm="delete" cancel="cancel" header="delete" theme="primary error" lang="${0}" ns="${0}" id="confirm" data-testid="confirm" @hide="${0}"> </foxy-internal-confirm-dialog> <vaadin-button class="w-full" theme="${0}" data-testid="${0}" ?disabled="${0}" @click="${0}"> <foxy-i18n ns="${0}" key="${0}" lang="${0}"></foxy-i18n> </vaadin-button> ${0} </div> `),this.renderTemplateOrSlot(`${e}:before`),s,r,(e=>{e.detail.cancelled||this.delete()}),this.in("idle")?"primary "+(i?"error":"success"):"",e,this.in({idle:"template"})&&!l||d,(t=>{if("delete"===e){this.renderRoot.querySelector("#confirm").show(t.currentTarget)}else this.submit()}),r,e,s,this.renderTemplateOrSlot(`${e}:after`))}async __cache(){var e,t;this.__cacheState="busy";try{const i=null!==(t=null===(e=this.data)||void 0===e?void 0:e._links["fx:cache"].href)&&void 0!==t?t:"",s=await new j.API(this).fetch(i,{method:"POST"});this.__cacheState=s.ok?"idle":"fail"}catch(e){this.__cacheState="fail"}}}customElements.define("foxy-template-form",j);export{j as TemplateForm};
+import"./shared-3f1f5801.js";import{C as e,b as t}from"./shared-fd1913ad.js";import"./shared-6366d131.js";import"./shared-a13bbf00.js";import"./shared-e1c1e8e2.js";import"./foxy-spinner.js";import"./shared-a740808f.js";import{_ as a}from"./shared-2eee69db.js";import{c as i,h as s}from"./shared-dc73b9a5.js";import"./shared-198e7e30.js";import"./shared-3641bc33.js";import"./shared-8be45bd7.js";import{S as r,T as n,a as o}from"./shared-a7facb5b.js";import{c as d}from"./shared-4e709717.js";import"./shared-9ce24b40.js";import"./shared-b31902a6.js";import"./shared-e5e7d3bd.js";import"./shared-64a2a826.js";import"./shared-13a60e89.js";import{G as l}from"./shared-a1fb450b.js";import{P as c}from"./shared-572bfe87.js";import{C as h}from"./shared-58a9174f.js";import{N as m}from"./shared-25ef9e09.js";import{l as p}from"./shared-22ba9566.js";import"./shared-079141d8.js";import"./shared-6eb57269.js";import"./shared-99940888.js";import"./shared-968add7f.js";import"./shared-3aaa2bd1.js";import"./shared-64657919.js";import"./shared-567c8c48.js";import"./shared-9803aa7c.js";import"./shared-7684cb05.js";let f,u,$,b,v,y,_,x=e=>e;const g=r(n(h(o(m,"template-form"))));class j extends g{constructor(){super(...arguments),this.templates={},this.__cacheState="idle",this.__contentChoice="default"}static get properties(){return a(a({},super.properties),{},{__cacheState:{attribute:!1},__contentChoice:{attribute:!1}})}static get styles(){return[...super.styles,i(f||(f=x`#cached-content::part(input-field){max-height:15em}`))]}static get scopedElements(){return{"foxy-internal-confirm-dialog":customElements.get("foxy-internal-confirm-dialog"),"foxy-internal-sandbox":customElements.get("foxy-internal-sandbox"),"foxy-spinner":customElements.get("foxy-spinner"),"foxy-i18n":customElements.get("foxy-i18n"),"vaadin-text-field":customElements.get("vaadin-text-field"),"vaadin-text-area":customElements.get("vaadin-text-area"),"vaadin-button":customElements.get("vaadin-button"),"x-property-table":c,"x-choice":e,"x-group":l}}render(){var e,t;const{hiddenSelector:a,href:i,lang:r,ns:n}=this,o=i?"delete":"create",l=this.in("busy"),c=this.in("fail");return s(u||(u=x` <div class="space-y-m relative"> ${0} ${0} ${0} ${0} <div data-testid="spinner" class="${0}"> <foxy-spinner layout="vertical" class="m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l" state="${0}" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> </div> `),a.matches("description",!0)?"":this.__renderDescription(),a.matches("content",!0)?"":this.__renderContent(),a.matches("timestamps",!0)||!i?"":this.__renderTimestamps(),a.matches(o)?"":this.__renderAction(o),d({"transition duration-500 ease-in-out absolute inset-0 flex":!0,"opacity-0 pointer-events-none":!l&&!c}),c?"error":l?"busy":"empty",r,n,null!==(t=null===(e=customElements.get("foxy-spinner"))||void 0===e?void 0:e.defaultNS)&&void 0!==t?t:"")}__renderDescription(){var e,t;const a="description";return s($||($=x` <div> ${0} <vaadin-text-field data-testid="${0}" class="w-full mb-s" label="${0}" ?disabled="${0}" ?readonly="${0}" .value="${0}" @keydown="${0}" @input="${0}"> </vaadin-text-field> ${0} </div> `),this.renderTemplateOrSlot(`${a}:before`),a,this.t(a),!this.in("idle")||this.disabledSelector.matches(a),this.readonlySelector.matches(a),null!==(t=null===(e=this.form)||void 0===e?void 0:e.description)&&void 0!==t?t:"",(e=>"Enter"===e.key&&this.submit()),(e=>{this.edit({description:e.currentTarget.value})}),this.renderTemplateOrSlot(`${a}:after`))}__renderContent(){var e;const a="content",i=!this.in("idle")||this.disabledSelector.matches(a),r=this.readonlySelector.matches(a),n=this.form.content_url?"url":this.form.content?"clipboard":this.__contentChoice;return s(b||(b=x` <div data-testid="content"> ${0} <x-group frame> <foxy-i18n class="${0}" lang="${0}" slot="header" key="template" ns="${0}"> </foxy-i18n> <x-choice data-testid="content-type" .value="${0}" .items="${0}" ?readonly="${0}" ?disabled="${0}" @change="${0}"> ${0} <div slot="url" ?hidden="${0}"> <div class="flex items-center mt-0 mb-m"> <vaadin-text-field data-testid="content-url" class="mr-s flex-grow" ?readonly="${0}" ?disabled="${0}" .value="${0}" @keydown="${0}" @input="${0}"> </vaadin-text-field> <vaadin-button data-testid="cache" class="relative" ?hidden="${0}" ?disabled="${0}" @click="${0}"> <foxy-i18n class="${0}" lang="${0}" key="cache" ns="${0}"> </foxy-i18n> <div class="${0}"> <foxy-spinner layout="no-label" class="m-auto" state="${0}" lang="${0}" ns="${0}"> </foxy-spinner> </div> </vaadin-button> </div> </div> <div slot="clipboard" ?hidden="${0}"> <vaadin-text-area id="cached-content" data-testid="content-clipboard" class="w-full mb-m" ?readonly="${0}" ?disabled="${0}" .value="${0}" @input="${0}"> </vaadin-text-area> </div> </x-choice> </x-group> ${0} </div> `),this.renderTemplateOrSlot("content:before"),d({"transition-colors":!0,"text-disabled":i}),this.lang,this.ns,n,["default","url","clipboard"],r,i,(e=>{e instanceof t&&(this.edit({content:"",content_url:""}),this.__contentChoice=e.detail)}),["default","url","clipboard"].map((e=>s(v||(v=x` <div slot="${0}-label" class="py-s leading-s"> <foxy-i18n class="block" lang="${0}" key="template_${0}" ns="${0}"> </foxy-i18n> <foxy-i18n class="block text-s opacity-70" lang="${0}" key="template_${0}_explainer" ns="${0}"> </foxy-i18n> </div> `),e,this.lang,e,this.ns,this.lang,e,this.ns))),"url"!==n,r,i,this.form.content_url,(e=>"Enter"===e.key&&this.submit()),(e=>{const t=e.currentTarget.value;this.edit({content:"",content_url:t})}),r||this.form.content_url!==(null===(e=this.data)||void 0===e?void 0:e.content_url),i||"busy"===this.__cacheState,this.__cache,d({"relative transition-opacity":!0,"opacity-0":"idle"!==this.__cacheState}),this.lang,this.ns,d({"absolute inset-0 flex transition-opacity":!0,"opacity-0":"idle"===this.__cacheState}),"fail"===this.__cacheState?"error":"busy",this.lang,this.ns,"clipboard"!==n,r,i,p(this.form.content),(e=>{const t=e.currentTarget.value;this.edit({content:t,content_url:""})}),this.renderTemplateOrSlot("content:after"))}__renderTimestamps(){const e="timestamps";return s(y||(y=x` <div> ${0} <x-property-table data-testid="timestamps" .items="${0}"> </x-property-table> ${0} </div> `),this.renderTemplateOrSlot(`${e}:before`),["date_modified","date_created"].map((e=>{var t;return{name:this.t(e),value:(null===(t=this.data)||void 0===t?void 0:t[e])?this.t("date",{value:new Date(this.data[e])}):""}})),this.renderTemplateOrSlot(`${e}:after`))}__renderAction(e){const{disabledSelector:t,href:a,lang:i,ns:r}=this,n=this.in({idle:{template:{dirty:"valid"}}}),o=this.in({idle:{snapshot:{dirty:"valid"}}}),d=!this.in("idle")||t.matches(e,!0),l=n||o;return s(_||(_=x` <div> ${0} <foxy-internal-confirm-dialog message="delete_prompt" confirm="delete" cancel="cancel" header="delete" theme="primary error" lang="${0}" ns="${0}" id="confirm" data-testid="confirm" @hide="${0}"> </foxy-internal-confirm-dialog> <vaadin-button class="w-full" theme="${0}" data-testid="${0}" ?disabled="${0}" @click="${0}"> <foxy-i18n ns="${0}" key="${0}" lang="${0}"></foxy-i18n> </vaadin-button> ${0} </div> `),this.renderTemplateOrSlot(`${e}:before`),i,r,(e=>{e.detail.cancelled||this.delete()}),this.in("idle")?"primary "+(a?"error":"success"):"",e,this.in({idle:"template"})&&!l||d,(t=>{if("delete"===e){this.renderRoot.querySelector("#confirm").show(t.currentTarget)}else this.submit()}),r,e,i,this.renderTemplateOrSlot(`${e}:after`))}async __cache(){var e,t;this.__cacheState="busy";try{const a=null!==(t=null===(e=this.data)||void 0===e?void 0:e._links["fx:cache"].href)&&void 0!==t?t:"",i=await new j.API(this).fetch(a,{method:"POST"});this.__cacheState=i.ok?"idle":"fail"}catch(e){this.__cacheState="fail"}}}customElements.define("foxy-template-form",j);export{j as TemplateForm};

package/dist/cdn/foxy-transaction-card.js

@@ -1 +1 @@
-import"./shared-0479553e.js";import"./foxy-spinner.js";import"./shared-4e63d6e0.js";import{h as t}from"./shared-7f33a83a.js";import{C as e}from"./shared-06014421.js";import{N as s}from"./shared-1b064836.js";import{T as i,a as r}from"./shared-ea9af4b0.js";import{c as a}from"./shared-4e709717.js";import"./shared-35de1004.js";import"./shared-e090608c.js";import"./shared-bc94606b.js";import"./shared-2eee69db.js";import"./shared-64657919.js";import"./shared-3026cee0.js";import"./shared-d3bf9ac0.js";import"./shared-9d4835ed.js";import"./shared-7684cb05.js";import"./shared-f3655f42.js";let o,n,d,c,l,m,h,p,u,f,v,y,_=t=>t;const $=i(e(r(s,"transaction-card")));class x extends ${constructor(){super(...arguments),this.templates={},this.__currencyDisplay=""}render(){var e,s;const i=this.hiddenSelector,r=!i.matches("total",!0),d=!i.matches("status",!0);return t(o||(o=_` <div aria-busy="${0}" aria-live="polite" class="relative leading-m font-lumo text-m"> <div class="${0}"> ${0} ${0} ${0} </div> <div class="${0}"> <foxy-spinner data-testid="spinner" state="${0}" class="m-auto" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> </div> `),this.in("busy"),a({"transition-opacity":!0,"opacity-0":!this.data}),r||d?t(n||(n=_` <div class="flex items-center justify-between"> ${0} ${0} </div> `),r?this.__renderTotal():"",d?this.__renderStatus():""):"",i.matches("description",!0)?"":this.__renderDescription(),i.matches("customer",!0)?"":this.__renderCustomer(),a({"pointer-events-none absolute inset-0 flex transition-opacity":!0,"opacity-0":!!this.data}),this.in("fail")?"error":this.in({idle:"template"})?"empty":"busy",this.lang,this.ns,null!==(s=null===(e=customElements.get("foxy-spinner"))||void 0===e?void 0:e.defaultNS)&&void 0!==s?s:"")}async _sendGet(){const t=await super._sendGet(),e=await super._fetch(t._links["fx:store"].href);return this.__currencyDisplay=e.use_international_currency_symbol?"code":"symbol",t}__renderTotal(){const e=this.data;let s;if(e){const i=`${e.total_order} ${e.currency_code}`,r=this.__currencyDisplay;s=t(d||(d=_` <foxy-i18n options="${0}" lang="${0}" key="price" ns="${0}"> </foxy-i18n> `),JSON.stringify({amount:i,currencyDisplay:r}),this.lang,this.ns)}else s=t(c||(c=_`&ZeroWidthSpace;`));return t(l||(l=_` <div data-testid="total"> ${0} <div class="font-semibold truncate">${0}</div> ${0} </div> `),this.renderTemplateOrSlot("total:before"),s,this.renderTemplateOrSlot("total:after"))}__renderStatus(){var e,s,i,r;const a=(null===(e=this.data)||void 0===e?void 0:e.status)||"completed";return t(m||(m=_` <div data-testid="status"> ${0} <div class="text-tertiary text-s flex items-center space-x-s"> <foxy-i18n options="${0}" lang="${0}" key="time" ns="${0}"> </foxy-i18n> <iron-icon data-testid="status-icon" class="icon-inline text-l ${0}" title="${0}" icon="${0}"> </iron-icon> </div> ${0} </div> `),this.renderTemplateOrSlot("status:before"),JSON.stringify({value:null===(s=this.data)||void 0===s?void 0:s.transaction_date}),this.lang,this.ns,null!==(i={completed:"text-success",rejected:"text-error",declined:"text-error"}[a])&&void 0!==i?i:"text-tertiary",this.t(`transaction_${a}`),null!==(r={completed:"icons:done-all",refunded:"icons:restore",rejected:"icons:highlight-off",declined:"icons:highlight-off",voided:"icons:remove-circle-outline"}[a])&&void 0!==r?r:"icons:schedule",this.renderTemplateOrSlot("status:after"))}__renderDescription(){var e,s;const i=null===(s=null===(e=this.data)||void 0===e?void 0:e._embedded)||void 0===s?void 0:s["fx:items"];let r;if(i){const e={most_expensive_item:[...i].sort(((t,e)=>t.price-e.price))[0],count:i.length};r=t(h||(h=_` <foxy-i18n options="${0}" lang="${0}" key="transaction_summary" ns="${0}"> </foxy-i18n> `),JSON.stringify(e),this.lang,this.ns)}else r=t(p||(p=_`&ZeroWidthSpace;`));return t(u||(u=_` <div data-testid="description"> ${0} <div class="text-s text-secondary truncate">${0}</div> ${0} </div> `),this.renderTemplateOrSlot("description:before"),r,this.renderTemplateOrSlot("description:after"))}__renderCustomer(){const e=this.data,s=e?t(f||(f=_`${0} ${0} (${0})`),e.customer_first_name,e.customer_last_name,e.customer_email):t(v||(v=_`&ZeroWidthSpace;`));return t(y||(y=_` <div data-testid="customer"> ${0} <div class="text-tertiary truncate text-s">${0}</div> ${0} </div> `),this.renderTemplateOrSlot("customer:before"),s,this.renderTemplateOrSlot("customer:after"))}}customElements.define("foxy-transaction-card",x);export{x as TransactionCard};
+import"./shared-e1c1e8e2.js";import"./foxy-spinner.js";import"./shared-a740808f.js";import{h as t}from"./shared-dc73b9a5.js";import{C as e}from"./shared-58a9174f.js";import{N as s}from"./shared-25ef9e09.js";import{T as i,a as r}from"./shared-a7facb5b.js";import{c as a}from"./shared-4e709717.js";import"./shared-198e7e30.js";import"./shared-079141d8.js";import"./shared-3aaa2bd1.js";import"./shared-2eee69db.js";import"./shared-64657919.js";import"./shared-6eb57269.js";import"./shared-9803aa7c.js";import"./shared-567c8c48.js";import"./shared-7684cb05.js";import"./shared-968add7f.js";let o,n,d,c,l,m,h,p,u,f,v,y,_=t=>t;const $=i(e(r(s,"transaction-card")));class x extends ${constructor(){super(...arguments),this.templates={},this.__currencyDisplay=""}render(){var e,s;const i=this.hiddenSelector,r=!i.matches("total",!0),d=!i.matches("status",!0);return t(o||(o=_` <div aria-busy="${0}" aria-live="polite" class="relative leading-m font-lumo text-m"> <div class="${0}"> ${0} ${0} ${0} </div> <div class="${0}"> <foxy-spinner data-testid="spinner" state="${0}" class="m-auto" lang="${0}" ns="${0} ${0}"> </foxy-spinner> </div> </div> `),this.in("busy"),a({"transition-opacity":!0,"opacity-0":!this.data}),r||d?t(n||(n=_` <div class="flex items-center justify-between"> ${0} ${0} </div> `),r?this.__renderTotal():"",d?this.__renderStatus():""):"",i.matches("description",!0)?"":this.__renderDescription(),i.matches("customer",!0)?"":this.__renderCustomer(),a({"pointer-events-none absolute inset-0 flex transition-opacity":!0,"opacity-0":!!this.data}),this.in("fail")?"error":this.in({idle:"template"})?"empty":"busy",this.lang,this.ns,null!==(s=null===(e=customElements.get("foxy-spinner"))||void 0===e?void 0:e.defaultNS)&&void 0!==s?s:"")}async _sendGet(){const t=await super._sendGet(),e=await super._fetch(t._links["fx:store"].href);return this.__currencyDisplay=e.use_international_currency_symbol?"code":"symbol",t}__renderTotal(){const e=this.data;let s;if(e){const i=`${e.total_order} ${e.currency_code}`,r=this.__currencyDisplay;s=t(d||(d=_` <foxy-i18n options="${0}" lang="${0}" key="price" ns="${0}"> </foxy-i18n> `),JSON.stringify({amount:i,currencyDisplay:r}),this.lang,this.ns)}else s=t(c||(c=_`&ZeroWidthSpace;`));return t(l||(l=_` <div data-testid="total"> ${0} <div class="font-semibold truncate">${0}</div> ${0} </div> `),this.renderTemplateOrSlot("total:before"),s,this.renderTemplateOrSlot("total:after"))}__renderStatus(){var e,s,i,r;const a=(null===(e=this.data)||void 0===e?void 0:e.status)||"completed";return t(m||(m=_` <div data-testid="status"> ${0} <div class="text-tertiary text-s flex items-center space-x-s"> <foxy-i18n options="${0}" lang="${0}" key="time" ns="${0}"> </foxy-i18n> <iron-icon data-testid="status-icon" class="icon-inline text-l ${0}" title="${0}" icon="${0}"> </iron-icon> </div> ${0} </div> `),this.renderTemplateOrSlot("status:before"),JSON.stringify({value:null===(s=this.data)||void 0===s?void 0:s.transaction_date}),this.lang,this.ns,null!==(i={completed:"text-success",rejected:"text-error",declined:"text-error"}[a])&&void 0!==i?i:"text-tertiary",this.t(`transaction_${a}`),null!==(r={completed:"icons:done-all",refunded:"icons:restore",rejected:"icons:highlight-off",declined:"icons:highlight-off",voided:"icons:remove-circle-outline"}[a])&&void 0!==r?r:"icons:schedule",this.renderTemplateOrSlot("status:after"))}__renderDescription(){var e,s;const i=null===(s=null===(e=this.data)||void 0===e?void 0:e._embedded)||void 0===s?void 0:s["fx:items"];let r;if(i){const e={most_expensive_item:[...i].sort(((t,e)=>t.price-e.price))[0],count:i.length};r=t(h||(h=_` <foxy-i18n options="${0}" lang="${0}" key="transaction_summary" ns="${0}"> </foxy-i18n> `),JSON.stringify(e),this.lang,this.ns)}else r=t(p||(p=_`&ZeroWidthSpace;`));return t(u||(u=_` <div data-testid="description"> ${0} <div class="text-s text-secondary truncate">${0}</div> ${0} </div> `),this.renderTemplateOrSlot("description:before"),r,this.renderTemplateOrSlot("description:after"))}__renderCustomer(){const e=this.data,s=e?t(f||(f=_`${0} ${0} (${0})`),e.customer_first_name,e.customer_last_name,e.customer_email):t(v||(v=_`&ZeroWidthSpace;`));return t(y||(y=_` <div data-testid="customer"> ${0} <div class="text-tertiary truncate text-s">${0}</div> ${0} </div> `),this.renderTemplateOrSlot("customer:before"),s,this.renderTemplateOrSlot("customer:after"))}}customElements.define("foxy-transaction-card",x);export{x as TransactionCard};

package/dist/cdn/foxy-transaction.js

@@ -1,4 +1,4 @@
-import"./shared-757bb517.js";import"./shared-35de1004.js";import{h as t}from"./shared-e090608c.js";import"./shared-bc94606b.js";import"./foxy-attribute-card.js";import"./foxy-attribute-form.js";import"./foxy-custom-field-form.js";import"./foxy-applied-tax-card.js";import"./foxy-custom-field-card.js";import"./foxy-discount-card.js";import"./foxy-shipment-card.js";import"./foxy-payment-card.js";import"./foxy-item-form.js";import"./shared-4e63d6e0.js";import{a as i}from"./shared-072abf87.js";import"./foxy-customer-card.js";import"./foxy-form-dialog.js";import"./foxy-customer.js";import{h as o,c as e}from"./shared-7f33a83a.js";import{i as r}from"./shared-d3bf9ac0.js";import{I as a}from"./shared-935ba2fc.js";import{_ as s}from"./shared-2eee69db.js";import{N as c}from"./shared-1b064836.js";import{a as n}from"./shared-ea9af4b0.js";import{B as d}from"./shared-3026cee0.js";import"./shared-007660a6.js";import"./shared-0479553e.js";import"./foxy-spinner.js";import"./shared-64657919.js";import"./shared-06014421.js";import"./shared-4e709717.js";import"./shared-9d4835ed.js";import"./shared-7684cb05.js";import"./shared-f3655f42.js";import"./shared-38f8a319.js";import"./shared-7819b0b0.js";import"./shared-5097c880.js";import"./shared-60e98fbf.js";import"./shared-f7bddf72.js";import"./shared-f3f9f752.js";import"./shared-11c2efc8.js";import"./shared-92d6f937.js";import"./shared-1ddccf4d.js";import"./shared-bbfdfee2.js";import"./shared-5e75308a.js";import"./shared-22103348.js";import"./shared-9d7aaf7a.js";import"./shared-fe8ec1f9.js";import"./foxy-address-card.js";import"./shared-d3ffe0ef.js";import"./foxy-collection-page.js";import"./shared-d519a301.js";import"./foxy-pagination.js";import"./foxy-discount-detail-card.js";import"./foxy-coupon-detail-card.js";import"./foxy-item-option-card.js";import"./foxy-coupon-card.js";import"./foxy-discount-builder.js";import"./shared-e6f3e9f0.js";import"./shared-b8f492a4.js";import"./shared-2061be9a.js";import"./foxy-subscription-card.js";import"./shared-874bbae5.js";import"./foxy-subscription-form.js";import"./foxy-cancellation-form.js";import"./shared-c4f0a219.js";import"./foxy-collection-pages.js";import"./shared-a8e21a41.js";import"./shared-34998df6.js";import"./foxy-table.js";import"./shared-c3c424cd.js";import"./foxy-nucleon-element.js";import"./shared-2bb49907.js";import"./shared-f0ba30e8.js";import"./shared-e59c65e3.js";import"./shared-99065f2a.js";import"./foxy-payment-method-card.js";import"./foxy-transactions-table.js";import"./foxy-customer-form.js";import"./shared-b738ee96.js";import"./foxy-address-form.js";import"./shared-7f3ca8e7.js";
+import"./shared-6366d131.js";import"./shared-198e7e30.js";import{h as t}from"./shared-079141d8.js";import"./shared-3aaa2bd1.js";import"./foxy-attribute-card.js";import"./foxy-attribute-form.js";import"./foxy-custom-field-form.js";import"./foxy-applied-tax-card.js";import"./foxy-custom-field-card.js";import"./foxy-discount-card.js";import"./foxy-shipment-card.js";import"./foxy-payment-card.js";import"./foxy-item-form.js";import"./shared-a740808f.js";import"./shared-801b74d4.js";import"./shared-964c9ca9.js";import"./foxy-customer-card.js";import"./foxy-form-dialog.js";import"./foxy-customer.js";import{h as i,c as o}from"./shared-dc73b9a5.js";import{i as e}from"./shared-9803aa7c.js";import{a as r,I as s}from"./shared-e0437bb4.js";import{_ as a}from"./shared-2eee69db.js";import{N as c}from"./shared-25ef9e09.js";import{a as n}from"./shared-a7facb5b.js";import{B as d}from"./shared-6eb57269.js";import"./shared-3641bc33.js";import"./shared-e1c1e8e2.js";import"./foxy-spinner.js";import"./shared-64657919.js";import"./shared-58a9174f.js";import"./shared-4e709717.js";import"./shared-567c8c48.js";import"./shared-7684cb05.js";import"./shared-968add7f.js";import"./shared-fd1913ad.js";import"./shared-8be45bd7.js";import"./shared-e5e7d3bd.js";import"./shared-3f1f5801.js";import"./shared-64a2a826.js";import"./shared-13a60e89.js";import"./shared-99940888.js";import"./shared-a13bbf00.js";import"./shared-9ce24b40.js";import"./shared-b31902a6.js";import"./shared-a1fb450b.js";import"./shared-572bfe87.js";import"./shared-bd0a55e6.js";import"./shared-9418c6bb.js";import"./foxy-address-card.js";import"./foxy-item-card.js";import"./shared-8e973f80.js";import"./foxy-item-option-form.js";import"./foxy-discount-detail-card.js";import"./foxy-coupon-detail-card.js";import"./foxy-item-option-card.js";import"./foxy-coupon-card.js";import"./foxy-discount-builder.js";import"./shared-a0c6a159.js";import"./shared-f9f9ed5b.js";import"./shared-741c109e.js";import"./shared-2061be9a.js";import"./shared-15e064b7.js";import"./foxy-subscription-card.js";import"./shared-01a36c73.js";import"./foxy-subscription-form.js";import"./foxy-cancellation-form.js";import"./foxy-collection-pages.js";import"./foxy-collection-page.js";import"./shared-a95d3bdd.js";import"./shared-ef9fc547.js";import"./foxy-table.js";import"./shared-c0c55e07.js";import"./foxy-nucleon-element.js";import"./shared-40315eea.js";import"./shared-f0ba30e8.js";import"./shared-9509bb93.js";import"./foxy-pagination.js";import"./shared-0eb966c5.js";import"./foxy-payment-method-card.js";import"./foxy-transactions-table.js";import"./foxy-customer-form.js";import"./shared-b738ee96.js";import"./foxy-address-form.js";import"./shared-242babd5.js";
 /**
 @license
 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
@@ -61,4 +61,4 @@ found at http://polymer.github.io/PATENTS.txt
 <g id="voicemail"><path d="M18.5 6C15.46 6 13 8.46 13 11.5c0 1.33.47 2.55 1.26 3.5H9.74c.79-.95 1.26-2.17 1.26-3.5C11 8.46 8.54 6 5.5 6S0 8.46 0 11.5 2.46 17 5.5 17h13c3.04 0 5.5-2.46 5.5-5.5S21.54 6 18.5 6zm-13 9C3.57 15 2 13.43 2 11.5S3.57 8 5.5 8 9 9.57 9 11.5 7.43 15 5.5 15zm13 0c-1.93 0-3.5-1.57-3.5-3.5S16.57 8 18.5 8 22 9.57 22 11.5 20.43 15 18.5 15z"></path></g>
 <g id="vpn-key"><path d="M12.65 10C11.83 7.67 9.61 6 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c2.61 0 4.83-1.67 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"></path></g>
 </defs></svg>
-</iron-iconset-svg>`;document.head.appendChild(l.content);let h,m=t=>t;customElements.define("foxy-internal-transaction-customer-control",class extends a{renderControl(){var t,i,e,a;return o(h||(h=m` <foxy-internal-collapsible-card summary="customer" infer open> <foxy-form-dialog header="header" infer="dialog" form="foxy-customer" href="${0}" id="dialog"> </foxy-form-dialog> <button class="w-full text-left block rounded-b-l transition-colors hover-bg-contrast-5 focus-outline-none focus-ring-2 focus-ring-primary-50" @click="${0}"> <foxy-customer-card infer="card" class="p-m" href="${0}"> </foxy-customer-card> </button> </foxy-internal-collapsible-card> `),r(null===(i=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===i?void 0:i._links["fx:customer"].href),(t=>{this.renderRoot.querySelector("#dialog").show(t.currentTarget)}),r(null===(a=null===(e=this.nucleon)||void 0===e?void 0:e.data)||void 0===a?void 0:a._links["fx:customer"].href))}});let p,v=t=>t;customElements.define("foxy-internal-transaction-post-action-control",class extends a{constructor(){super(...arguments),this.theme="",this.state="idle",this.href="",this.icon=""}static get properties(){return s(s({},super.properties),{},{theme:{type:String},state:{type:String},href:{type:String},icon:{type:String}})}renderControl(){const t=this.state,i="fail"===t?"error":"idle"===t?this.theme:"";return o(p||(p=v` <vaadin-button class="w-full" theme="${0} tertiary" ?disabled="${0}" @click="${0}"> <foxy-i18n key="${0}" infer></foxy-i18n> </vaadin-button> `),i,"busy"===t||this.disabled,this.submit,t)}async submit(){if("busy"!==this.state)try{this.state="busy";const t=await new c.API(this).fetch(this.href,{method:"POST"});this.state=t.ok?"idle":"fail",t.ok&&this.dispatchEvent(new CustomEvent("done"))}catch(t){this.state="fail"}}});let f,u,g,z,y,x=t=>t;customElements.define("foxy-internal-transaction-actions-control",class extends a{renderControl(){var t,i,e,r,a,s,c,n;return o(f||(f=x` <div class="divide-y divide-contrast-10"> ${0} ${0} ${0} ${0} </div> `),(null===(i=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===i?void 0:i._links["fx:capture"])?this.__renderCaptureAction():"",(null===(r=null===(e=this.nucleon)||void 0===e?void 0:e.data)||void 0===r?void 0:r._links["fx:void"])?this.__renderVoidAction():"",(null===(s=null===(a=this.nucleon)||void 0===a?void 0:a.data)||void 0===s?void 0:s._links["fx:refund"])?this.__renderRefundAction():"",(null===(n=null===(c=this.nucleon)||void 0===c?void 0:c.data)||void 0===n?void 0:n._links["fx:send_emails"])?this.__renderSendEmailsAction():"")}__renderSendEmailsAction(){var t,i,e;return o(u||(u=x` <foxy-internal-transaction-post-action-control infer="send-emails" theme="contrast" href="${0}" key="send_emails" @done="${0}"> </foxy-internal-transaction-post-action-control> `),r(null===(i=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===i?void 0:i._links["fx:send_emails"].href),null===(e=this.nucleon)||void 0===e?void 0:e.refresh)}__renderCaptureAction(){var t,i,e;return o(g||(g=x` <foxy-internal-transaction-post-action-control theme="success" infer="capture" href="${0}" key="capture" @done="${0}"> </foxy-internal-transaction-post-action-control> `),r(null===(i=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===i?void 0:i._links["fx:capture"].href),null===(e=this.nucleon)||void 0===e?void 0:e.refresh)}__renderVoidAction(){var t,i,e,a;return o(z||(z=x` <foxy-internal-transaction-post-action-control theme="error" infer="void" href="${0}" key="void" @done="${0}"> </foxy-internal-transaction-post-action-control> `),r(null===(e=null===(i=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===i?void 0:i._links["fx:void"])||void 0===e?void 0:e.href),null===(a=this.nucleon)||void 0===a?void 0:a.refresh)}__renderRefundAction(){var t,i,e,a;return o(y||(y=x` <foxy-internal-transaction-post-action-control theme="contrast" infer="refund" href="${0}" key="refund" @done="${0}"> </foxy-internal-transaction-post-action-control> `),r(null===(e=null===(i=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===i?void 0:i._links["fx:refund"])||void 0===e?void 0:e.href),null===(a=this.nucleon)||void 0===a?void 0:a.refresh)}});let V,j,M,H,b,_,L,$=t=>t;customElements.define("foxy-internal-transaction-summary-control",class extends a{renderControl(){var t;return o(V||(V=$` <div class="border-t border-transparent"> <div class="h-m flex items-center justify-between"> <div class="text-xl font-bold">${0}</div> <div>${0}</div> </div> <div class="border-t border-contrast-10 mb-s"></div> ${0} </div> `),this.__renderPrice(),(null===(t=this.nucleon)||void 0===t?void 0:t.data)?this.__renderStatus():"",this.__renderTotals())}__renderStatus(){var t,i;const e={authorized:"bg-success text-success-contrast",completed:"bg-success text-success-contrast",declined:"bg-error text-error-contrast",rejected:"bg-error text-error-contrast"},r=(null===(i=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===i?void 0:i.status)||"completed";return o(j||(j=$` <foxy-i18n class="flex items-center h-xs px-s text-s font-semibold rounded ${0}" lang="${0}" key="transaction_${0}" ns="${0}"> </foxy-i18n> `),r in e?e[r]:"bg-contrast-5 text-contrast",this.lang,r,this.ns)}__renderPrice(){var t;const i=null===(t=this.nucleon)||void 0===t?void 0:t.data,e=null==i?void 0:i.currency_code;return i?o(H||(H=$` <foxy-i18n options="${0}" key="price" infer> </foxy-i18n> `),JSON.stringify({amount:`${i.total_order} ${e}`})):o(M||(M=$`--`))}__renderTotals(){var t;const i=null===(t=this.nucleon)||void 0===t?void 0:t.data,e=null==i?void 0:i.currency_code;return["total_item_price","total_shipping","total_tax"].map((t=>o(b||(b=$` <div class="flex justify-between text-m text-secondary"> <foxy-i18n key="${0}" infer></foxy-i18n> ${0} </div> `),t,i?o(_||(_=$` <foxy-i18n options="${0}" key="price" infer> </foxy-i18n> `),JSON.stringify({amount:`${i[t]} ${e}`})):o(L||(L=$`<span>--</span>`)))))}});let k,C,S=t=>t;class w extends(n(i,"transaction")){static get styles(){return[...super.styles,e(k||(k=S`#body{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(18.75 * var(--lumo-space-m)),1fr))}#body>:first-child{grid-column-start:1;grid-column-end:-2}`))]}get readonlySelector(){var t,i,o;return Boolean(null!==(i=null===(t=this.data)||void 0===t?void 0:t._links["fx:void"])&&void 0!==i?i:null===(o=this.data)||void 0===o?void 0:o._links["fx:refund"])?super.readonlySelector:new d(`${super.readonlySelector} attributes custom-fields`)}renderBody(){var t,i,e,a,s,c;return o(C||(C=S` <div id="body" class="gap-m"> <foxy-internal-collection-card infer="shipments" first="${0}" item="foxy-shipment-card" open> </foxy-internal-collection-card> <div class="grid gap-m self-start"> <foxy-internal-transaction-summary-control infer="summary"> </foxy-internal-transaction-summary-control> <foxy-internal-transaction-customer-control infer="customer"> </foxy-internal-transaction-customer-control> <foxy-internal-collection-card infer="payments" class="max-w-full overflow-hidden" first="${0}" limit="1" item="foxy-payment-card" open> </foxy-internal-collection-card> <foxy-internal-collection-card infer="discounts" first="${0}" limit="5" item="foxy-discount-card"> </foxy-internal-collection-card> <foxy-internal-collection-card infer="applied-taxes" first="${0}" limit="5" item="foxy-applied-tax-card"> </foxy-internal-collection-card> <foxy-internal-collection-card related="${0}" infer="custom-fields" first="${0}" limit="5" form="foxy-custom-field-form" item="foxy-custom-field-card"> </foxy-internal-collection-card> <foxy-internal-collection-card related="${0}" infer="attributes" first="${0}" limit="5" form="foxy-attribute-form" item="foxy-attribute-card"> </foxy-internal-collection-card> <foxy-internal-transaction-actions-control infer="actions"> </foxy-internal-transaction-actions-control> </div> </div> `),r(null===(t=this.data)||void 0===t?void 0:t._links["fx:shipments"].href),r(null===(i=this.data)||void 0===i?void 0:i._links["fx:payments"].href),r(null===(e=this.data)||void 0===e?void 0:e._links["fx:discounts"].href),r(null===(a=this.data)||void 0===a?void 0:a._links["fx:applied_taxes"].href),JSON.stringify([this.href]),r(null===(s=this.data)||void 0===s?void 0:s._links["fx:custom_fields"].href),JSON.stringify([this.href]),r(null===(c=this.data)||void 0===c?void 0:c._links["fx:attributes"].href))}}customElements.define("foxy-transaction",w);export{w as Transaction};
+</iron-iconset-svg>`;document.head.appendChild(l.content);let h,m=t=>t;customElements.define("foxy-internal-transaction-customer-control",class extends r{renderControl(){var t,o,r,s;return i(h||(h=m` <foxy-internal-details summary="customer" infer open> <foxy-form-dialog header="header" infer="dialog" form="foxy-customer" href="${0}" id="dialog"> </foxy-form-dialog> <button class="w-full text-left block rounded-b-l transition-colors hover-bg-contrast-5 focus-outline-none focus-ring-2 focus-ring-primary-50" @click="${0}"> <foxy-customer-card infer="card" class="p-m" href="${0}"> </foxy-customer-card> </button> </foxy-internal-details> `),e(null===(o=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===o?void 0:o._links["fx:customer"].href),(t=>{this.renderRoot.querySelector("#dialog").show(t.currentTarget)}),e(null===(s=null===(r=this.nucleon)||void 0===r?void 0:r.data)||void 0===s?void 0:s._links["fx:customer"].href))}});let p,v=t=>t;customElements.define("foxy-internal-transaction-post-action-control",class extends r{constructor(){super(...arguments),this.theme="",this.state="idle",this.href="",this.icon=""}static get properties(){return a(a({},super.properties),{},{theme:{type:String},state:{type:String},href:{type:String},icon:{type:String}})}renderControl(){const t=this.state,o="fail"===t?"error":"idle"===t?this.theme:"";return i(p||(p=v` <vaadin-button class="w-full" theme="${0} tertiary" ?disabled="${0}" @click="${0}"> <foxy-i18n key="${0}" infer></foxy-i18n> </vaadin-button> `),o,"busy"===t||this.disabled,this.submit,t)}async submit(){if("busy"!==this.state)try{this.state="busy";const t=await new c.API(this).fetch(this.href,{method:"POST"});this.state=t.ok?"idle":"fail",t.ok&&this.dispatchEvent(new CustomEvent("done"))}catch(t){this.state="fail"}}});let f,u,y,g,z,x=t=>t;customElements.define("foxy-internal-transaction-actions-control",class extends r{renderControl(){var t,o,e,r,s,a,c,n;return i(f||(f=x` <div class="divide-y divide-contrast-10"> ${0} ${0} ${0} ${0} </div> `),(null===(o=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===o?void 0:o._links["fx:capture"])?this.__renderCaptureAction():"",(null===(r=null===(e=this.nucleon)||void 0===e?void 0:e.data)||void 0===r?void 0:r._links["fx:void"])?this.__renderVoidAction():"",(null===(a=null===(s=this.nucleon)||void 0===s?void 0:s.data)||void 0===a?void 0:a._links["fx:refund"])?this.__renderRefundAction():"",(null===(n=null===(c=this.nucleon)||void 0===c?void 0:c.data)||void 0===n?void 0:n._links["fx:send_emails"])?this.__renderSendEmailsAction():"")}__renderSendEmailsAction(){var t,o,r;return i(u||(u=x` <foxy-internal-transaction-post-action-control infer="send-emails" theme="contrast" href="${0}" key="send_emails" @done="${0}"> </foxy-internal-transaction-post-action-control> `),e(null===(o=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===o?void 0:o._links["fx:send_emails"].href),null===(r=this.nucleon)||void 0===r?void 0:r.refresh)}__renderCaptureAction(){var t,o,r;return i(y||(y=x` <foxy-internal-transaction-post-action-control theme="success" infer="capture" href="${0}" key="capture" @done="${0}"> </foxy-internal-transaction-post-action-control> `),e(null===(o=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===o?void 0:o._links["fx:capture"].href),null===(r=this.nucleon)||void 0===r?void 0:r.refresh)}__renderVoidAction(){var t,o,r,s;return i(g||(g=x` <foxy-internal-transaction-post-action-control theme="error" infer="void" href="${0}" key="void" @done="${0}"> </foxy-internal-transaction-post-action-control> `),e(null===(r=null===(o=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===o?void 0:o._links["fx:void"])||void 0===r?void 0:r.href),null===(s=this.nucleon)||void 0===s?void 0:s.refresh)}__renderRefundAction(){var t,o,r,s;return i(z||(z=x` <foxy-internal-transaction-post-action-control theme="contrast" infer="refund" href="${0}" key="refund" @done="${0}"> </foxy-internal-transaction-post-action-control> `),e(null===(r=null===(o=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===o?void 0:o._links["fx:refund"])||void 0===r?void 0:r.href),null===(s=this.nucleon)||void 0===s?void 0:s.refresh)}});let V,j,b,M,H,_,L,$=t=>t;customElements.define("foxy-internal-transaction-summary-control",class extends r{renderControl(){var t;return i(V||(V=$` <div class="border-t border-transparent"> <div class="h-m flex items-center justify-between"> <div class="text-xl font-bold">${0}</div> <div>${0}</div> </div> <div class="border-t border-contrast-10 mb-s"></div> ${0} </div> `),this.__renderPrice(),(null===(t=this.nucleon)||void 0===t?void 0:t.data)?this.__renderStatus():"",this.__renderTotals())}__renderStatus(){var t,o;const e={authorized:"bg-success text-success-contrast",completed:"bg-success text-success-contrast",declined:"bg-error text-error-contrast",rejected:"bg-error text-error-contrast"},r=(null===(o=null===(t=this.nucleon)||void 0===t?void 0:t.data)||void 0===o?void 0:o.status)||"completed";return i(j||(j=$` <foxy-i18n class="flex items-center h-xs px-s text-s font-semibold rounded ${0}" lang="${0}" key="transaction_${0}" ns="${0}"> </foxy-i18n> `),r in e?e[r]:"bg-contrast-5 text-contrast",this.lang,r,this.ns)}__renderPrice(){var t;const o=null===(t=this.nucleon)||void 0===t?void 0:t.data,e=null==o?void 0:o.currency_code;return o?i(M||(M=$` <foxy-i18n options="${0}" key="price" infer> </foxy-i18n> `),JSON.stringify({amount:`${o.total_order} ${e}`})):i(b||(b=$`--`))}__renderTotals(){var t;const o=null===(t=this.nucleon)||void 0===t?void 0:t.data,e=null==o?void 0:o.currency_code;return["total_item_price","total_shipping","total_tax"].map((t=>i(H||(H=$` <div class="flex justify-between text-m text-secondary"> <foxy-i18n key="${0}" infer></foxy-i18n> ${0} </div> `),t,o?i(_||(_=$` <foxy-i18n options="${0}" key="price" infer> </foxy-i18n> `),JSON.stringify({amount:`${o[t]} ${e}`})):i(L||(L=$`<span>--</span>`)))))}});let k,C,S=t=>t;class w extends(n(s,"transaction")){static get styles(){return[...super.styles,o(k||(k=S`#body{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(18.75 * var(--lumo-space-m)),1fr))}#body>:first-child{grid-column-start:1;grid-column-end:-2}`))]}get readonlySelector(){var t,i,o;return Boolean(null!==(i=null===(t=this.data)||void 0===t?void 0:t._links["fx:void"])&&void 0!==i?i:null===(o=this.data)||void 0===o?void 0:o._links["fx:refund"])?super.readonlySelector:new d(`${super.readonlySelector} attributes custom-fields`)}renderBody(){var t,o,r,s,a,c;return i(C||(C=S` <div id="body" class="gap-m"> <foxy-internal-async-details-control infer="shipments" first="${0}" item="foxy-shipment-card" open> </foxy-internal-async-details-control> <div class="grid gap-m self-start"> <foxy-internal-transaction-summary-control infer="summary"> </foxy-internal-transaction-summary-control> <foxy-internal-transaction-customer-control infer="customer"> </foxy-internal-transaction-customer-control> <foxy-internal-async-details-control infer="payments" class="max-w-full overflow-hidden" first="${0}" limit="1" item="foxy-payment-card" open> </foxy-internal-async-details-control> <foxy-internal-async-details-control infer="discounts" first="${0}" limit="5" item="foxy-discount-card"> </foxy-internal-async-details-control> <foxy-internal-async-details-control infer="applied-taxes" first="${0}" limit="5" item="foxy-applied-tax-card"> </foxy-internal-async-details-control> <foxy-internal-async-details-control related="${0}" infer="custom-fields" first="${0}" limit="5" form="foxy-custom-field-form" item="foxy-custom-field-card"> </foxy-internal-async-details-control> <foxy-internal-async-details-control related="${0}" infer="attributes" first="${0}" limit="5" form="foxy-attribute-form" item="foxy-attribute-card"> </foxy-internal-async-details-control> <foxy-internal-transaction-actions-control infer="actions"> </foxy-internal-transaction-actions-control> </div> </div> `),e(null===(t=this.data)||void 0===t?void 0:t._links["fx:shipments"].href),e(null===(o=this.data)||void 0===o?void 0:o._links["fx:payments"].href),e(null===(r=this.data)||void 0===r?void 0:r._links["fx:discounts"].href),e(null===(s=this.data)||void 0===s?void 0:s._links["fx:applied_taxes"].href),JSON.stringify([this.href]),e(null===(a=this.data)||void 0===a?void 0:a._links["fx:custom_fields"].href),JSON.stringify([this.href]),e(null===(c=this.data)||void 0===c?void 0:c._links["fx:attributes"].href))}}customElements.define("foxy-transaction",w);export{w as Transaction};

package/dist/cdn/foxy-transactions-table.js

@@ -1 +1 @@
-import"./shared-bc94606b.js";import"./shared-35de1004.js";import"./foxy-spinner.js";import"./shared-4e63d6e0.js";import{T as s}from"./shared-e59c65e3.js";export{T as TransactionsTable}from"./shared-e59c65e3.js";import"./shared-e090608c.js";import"./shared-ea9af4b0.js";import"./shared-2eee69db.js";import"./shared-7f33a83a.js";import"./shared-64657919.js";import"./shared-3026cee0.js";import"./shared-c3c424cd.js";import"./shared-06014421.js";import"./shared-d3bf9ac0.js";import"./foxy-nucleon-element.js";import"./shared-1b064836.js";import"./shared-9d4835ed.js";import"./shared-7684cb05.js";import"./shared-f3655f42.js";import"./shared-4e709717.js";customElements.define("foxy-transactions-table",s);
+import"./shared-3aaa2bd1.js";import"./shared-198e7e30.js";import"./foxy-spinner.js";import"./shared-a740808f.js";import{T as s}from"./shared-9509bb93.js";export{T as TransactionsTable}from"./shared-9509bb93.js";import"./shared-079141d8.js";import"./shared-a7facb5b.js";import"./shared-2eee69db.js";import"./shared-dc73b9a5.js";import"./shared-64657919.js";import"./shared-6eb57269.js";import"./shared-c0c55e07.js";import"./shared-58a9174f.js";import"./shared-9803aa7c.js";import"./foxy-nucleon-element.js";import"./shared-25ef9e09.js";import"./shared-567c8c48.js";import"./shared-7684cb05.js";import"./shared-968add7f.js";import"./shared-4e709717.js";customElements.define("foxy-transactions-table",s);

package/dist/cdn/foxy-user-form.js

@@ -1 +1 @@
-import"./shared-60e98fbf.js";import"./shared-757bb517.js";import"./shared-92d6f937.js";import"./foxy-spinner.js";import"./shared-4e63d6e0.js";export{U as UserForm}from"./shared-518902c8.js";import"./shared-007660a6.js";import"./shared-e090608c.js";import"./shared-ea9af4b0.js";import"./shared-2eee69db.js";import"./shared-7f33a83a.js";import"./shared-1ddccf4d.js";import"./shared-9d4835ed.js";import"./shared-3026cee0.js";import"./shared-64657919.js";import"./shared-06014421.js";import"./shared-d3bf9ac0.js";import"./shared-4e709717.js";import"./shared-35de1004.js";import"./shared-bc94606b.js";import"./shared-b4a4a92b.js";import"./shared-7819b0b0.js";import"./shared-38f8a319.js";import"./shared-5097c880.js";import"./shared-f7bddf72.js";import"./shared-f3f9f752.js";import"./shared-11c2efc8.js";import"./shared-f3655f42.js";import"./shared-bbfdfee2.js";import"./shared-5e75308a.js";import"./shared-1b064836.js";import"./shared-7684cb05.js";import"./shared-b738ee96.js";
+import"./shared-3f1f5801.js";import"./shared-6366d131.js";import"./shared-a13bbf00.js";import"./foxy-spinner.js";import"./shared-a740808f.js";export{U as UserForm}from"./shared-9bd21899.js";import"./shared-3641bc33.js";import"./shared-079141d8.js";import"./shared-a7facb5b.js";import"./shared-2eee69db.js";import"./shared-dc73b9a5.js";import"./shared-9ce24b40.js";import"./shared-567c8c48.js";import"./shared-6eb57269.js";import"./shared-64657919.js";import"./shared-58a9174f.js";import"./shared-9803aa7c.js";import"./shared-4e709717.js";import"./shared-198e7e30.js";import"./shared-3aaa2bd1.js";import"./shared-209bcce9.js";import"./shared-8be45bd7.js";import"./shared-fd1913ad.js";import"./shared-e5e7d3bd.js";import"./shared-64a2a826.js";import"./shared-13a60e89.js";import"./shared-99940888.js";import"./shared-968add7f.js";import"./shared-b31902a6.js";import"./shared-a1fb450b.js";import"./shared-25ef9e09.js";import"./shared-7684cb05.js";import"./shared-b738ee96.js";

package/dist/cdn/foxy-users-table.js

@@ -1 +1 @@
-import"./shared-757bb517.js";import"./foxy-form-dialog.js";import{r as s}from"./shared-518902c8.js";import"./foxy-spinner.js";import"./shared-4e63d6e0.js";import{h as e}from"./shared-7f33a83a.js";import{T as a}from"./shared-c3c424cd.js";import{a as t}from"./shared-ea9af4b0.js";import"./shared-007660a6.js";import"./shared-e090608c.js";import"./shared-92d6f937.js";import"./shared-2eee69db.js";import"./shared-1ddccf4d.js";import"./shared-9d4835ed.js";import"./shared-3026cee0.js";import"./shared-64657919.js";import"./shared-06014421.js";import"./shared-d3bf9ac0.js";import"./shared-4e709717.js";import"./shared-7684cb05.js";import"./shared-60e98fbf.js";import"./shared-b4a4a92b.js";import"./shared-35de1004.js";import"./shared-7819b0b0.js";import"./shared-38f8a319.js";import"./shared-5097c880.js";import"./shared-f7bddf72.js";import"./shared-f3f9f752.js";import"./shared-11c2efc8.js";import"./shared-f3655f42.js";import"./shared-bbfdfee2.js";import"./shared-5e75308a.js";import"./shared-1b064836.js";import"./shared-b738ee96.js";import"./shared-bc94606b.js";import"./foxy-nucleon-element.js";let r,o,d,i,m,n,l,p=s=>s;class f extends(t(a,"users-table")){constructor(){super(...arguments),this.columns=[f.nameColumn,f.emailColumn,f.rolesColumn,f.lastUpdatedColumn,f.actionsColumn]}render(){return e(r||(r=p` <foxy-form-dialog parent="${0}" form="foxy-user-form" lang="${0}" ns="${0}" id="form"> </foxy-form-dialog> ${0} `),this.href,this.lang,this.ns,super.render())}}f.nameColumn={cell:s=>e(o||(o=p` <span data-testclass="name" class="text-m font-medium"> ${0} ${0} </span> `),s.data.first_name,s.data.last_name)},f.emailColumn={hideBelow:"md",cell:s=>e(d||(d=p` <span data-testclass="email" class="text-m text-secondary">${0}</span> `),s.data.email)},f.rolesColumn={cell:a=>e(i||(i=p` <div data-testclass="roles" class="flex space-x-s"> ${0} </div> `),["is_merchant","is_programmer","is_front_end_developer","is_designer"].map((t=>e(m||(m=p` <div class="${0}" style="width:1rem;height:1rem"> ${0} </div> `),a.data[t]?"":"text-disabled",s.find((s=>s.property===t)).icon))))},f.lastUpdatedColumn={hideBelow:"lg",cell:s=>e(n||(n=p` <span data-testclass="lastUpdated" class="text-m text-secondary font-tnum"> <foxy-i18n options="${0}" lang="${0}" key="date" ns="${0}"> </foxy-i18n> <foxy-i18n options="${0}" lang="${0}" key="time" ns="${0}"> </foxy-i18n> </span> `),JSON.stringify({value:s.data.date_modified}),s.lang,s.ns,JSON.stringify({value:s.data.date_modified}),s.lang,s.ns)},f.actionsColumn={cell:s=>e(l||(l=p` <vaadin-button data-testclass="actions" theme="tertiary small" @click="${0}"> <foxy-i18n lang="${0}" key="update" ns="${0}"></foxy-i18n> </vaadin-button> `),(e=>{const a=e.target,t=a.getRootNode().querySelector("#form");t.href=s.data._links.self.href,t.show(a)}),s.lang,s.ns)},customElements.define("foxy-users-table",f);export{f as UsersTable};
+import"./shared-6366d131.js";import"./foxy-form-dialog.js";import{r as s}from"./shared-9bd21899.js";import"./foxy-spinner.js";import"./shared-a740808f.js";import{h as e}from"./shared-dc73b9a5.js";import{T as a}from"./shared-c0c55e07.js";import{a as t}from"./shared-a7facb5b.js";import"./shared-3641bc33.js";import"./shared-079141d8.js";import"./shared-a13bbf00.js";import"./shared-2eee69db.js";import"./shared-9ce24b40.js";import"./shared-567c8c48.js";import"./shared-6eb57269.js";import"./shared-64657919.js";import"./shared-58a9174f.js";import"./shared-9803aa7c.js";import"./shared-4e709717.js";import"./shared-7684cb05.js";import"./shared-3f1f5801.js";import"./shared-209bcce9.js";import"./shared-198e7e30.js";import"./shared-8be45bd7.js";import"./shared-fd1913ad.js";import"./shared-e5e7d3bd.js";import"./shared-64a2a826.js";import"./shared-13a60e89.js";import"./shared-99940888.js";import"./shared-968add7f.js";import"./shared-b31902a6.js";import"./shared-a1fb450b.js";import"./shared-25ef9e09.js";import"./shared-b738ee96.js";import"./shared-3aaa2bd1.js";import"./foxy-nucleon-element.js";let r,o,d,i,m,n,l,p=s=>s;class f extends(t(a,"users-table")){constructor(){super(...arguments),this.columns=[f.nameColumn,f.emailColumn,f.rolesColumn,f.lastUpdatedColumn,f.actionsColumn]}render(){return e(r||(r=p` <foxy-form-dialog parent="${0}" form="foxy-user-form" lang="${0}" ns="${0}" id="form"> </foxy-form-dialog> ${0} `),this.href,this.lang,this.ns,super.render())}}f.nameColumn={cell:s=>e(o||(o=p` <span data-testclass="name" class="text-m font-medium"> ${0} ${0} </span> `),s.data.first_name,s.data.last_name)},f.emailColumn={hideBelow:"md",cell:s=>e(d||(d=p` <span data-testclass="email" class="text-m text-secondary">${0}</span> `),s.data.email)},f.rolesColumn={cell:a=>e(i||(i=p` <div data-testclass="roles" class="flex space-x-s"> ${0} </div> `),["is_merchant","is_programmer","is_front_end_developer","is_designer"].map((t=>e(m||(m=p` <div class="${0}" style="width:1rem;height:1rem"> ${0} </div> `),a.data[t]?"":"text-disabled",s.find((s=>s.property===t)).icon))))},f.lastUpdatedColumn={hideBelow:"lg",cell:s=>e(n||(n=p` <span data-testclass="lastUpdated" class="text-m text-secondary font-tnum"> <foxy-i18n options="${0}" lang="${0}" key="date" ns="${0}"> </foxy-i18n> <foxy-i18n options="${0}" lang="${0}" key="time" ns="${0}"> </foxy-i18n> </span> `),JSON.stringify({value:s.data.date_modified}),s.lang,s.ns,JSON.stringify({value:s.data.date_modified}),s.lang,s.ns)},f.actionsColumn={cell:s=>e(l||(l=p` <vaadin-button data-testclass="actions" theme="tertiary small" @click="${0}"> <foxy-i18n lang="${0}" key="update" ns="${0}"></foxy-i18n> </vaadin-button> `),(e=>{const a=e.target,t=a.getRootNode().querySelector("#form");t.href=s.data._links.self.href,t.show(a)}),s.lang,s.ns)},customElements.define("foxy-users-table",f);export{f as UsersTable};

package/dist/cdn/foxy-webhook-card.js

@@ -0,0 +1 @@
+import"./shared-3aaa2bd1.js";import"./shared-198e7e30.js";import{I as s}from"./shared-8e973f80.js";import{h as e}from"./shared-dc73b9a5.js";import{a}from"./shared-a7facb5b.js";import"./shared-079141d8.js";import"./foxy-spinner.js";import"./shared-a740808f.js";import"./shared-2eee69db.js";import"./shared-64657919.js";import"./shared-6eb57269.js";import"./shared-25ef9e09.js";import"./shared-567c8c48.js";import"./shared-7684cb05.js";import"./shared-968add7f.js";import"./shared-4e709717.js";let i,r=s=>s;class o extends(a(s,"webhook-card")){renderBody(){var s,a,o,t;return e(i||(i=r` <div class="grid grid-cols-1 gap-s leading-none"> <p class="flex justify-between items-center font-semibold"> <span class="truncate">${0}&ZeroWidthSpace;</span> <span class="inline-block text-xs bg-contrast-5 rounded p-xs flex-shrink-0"> ${0}&ZeroWidthSpace; </span> </p> <div class="flex items-center gap-s text-secondary"> <iron-icon class="icon-inline flex-shrink-0" icon="icons:language"></iron-icon> <p class="truncate">${0}&ZeroWidthSpace;</p> </div> <div class="flex items-center gap-s text-secondary"> <iron-icon class="icon-inline flex-shrink-0" icon="icons:settings-input-antenna"> </iron-icon> <p class="truncate">${0}&ZeroWidthSpace;</p> </div> </div> `),null===(s=this.data)||void 0===s?void 0:s.name,null===(a=this.data)||void 0===a?void 0:a.format.toUpperCase(),null===(o=this.data)||void 0===o?void 0:o.url,null===(t=this.data)||void 0===t?void 0:t.event_resource)}}customElements.define("foxy-webhook-card",o);export{o as WebhookCard};