@foxy.io/elements 1.16.0-beta.3 → 1.16.0-beta.6

package/dist/elements/public/Transaction/internal/InternalTransactionCustomerControl/InternalTransactionCustomerControl.js

@@ -0,0 +1,36 @@
+import { html } from 'lit-html';
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+export class InternalTransactionCustomerControl extends InternalControl {
+    renderControl() {
+        var _a, _b, _c, _d;
+        return html `
+      <foxy-internal-details-control summary="customer" infer open>
+        <foxy-form-dialog
+          header="header"
+          infer="dialog"
+          form="foxy-customer"
+          href=${ifDefined((_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b._links['fx:customer'].href)}
+          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=${(evt) => {
+            const dialog = this.renderRoot.querySelector('#dialog');
+            dialog.show(evt.currentTarget);
+        }}
+        >
+          <foxy-customer-card
+            infer="card"
+            class="p-m"
+            href=${ifDefined((_d = (_c = this.nucleon) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d._links['fx:customer'].href)}
+          >
+          </foxy-customer-card>
+        </button>
+      </foxy-internal-details-control>
+    `;
+    }
+}
+//# sourceMappingURL=InternalTransactionCustomerControl.js.map

package/dist/elements/public/Transaction/internal/InternalTransactionCustomerControl/InternalTransactionCustomerControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalTransactionCustomerControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/Transaction/internal/InternalTransactionCustomerControl/InternalTransactionCustomerControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,gEAA6D;AAGvF,MAAM,OAAO,kCAAmC,SAAQ,eAAe;IACrE,aAAa;;QACX,OAAO,IAAI,CAAA;;;;;;iBAME,SAAS,aAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC;;;;;;;mBAOvD,CAAC,GAAU,EAAE,EAAE;YACtB,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,CAAe,CAAC;YACtE,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,aAAkC,CAAC,CAAC;QACtD,CAAC;;;;;mBAKQ,SAAS,aAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC;;;;;KAKvE,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { html, TemplateResult } from 'lit-html';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { FormDialog } from '../../../FormDialog/FormDialog';\n\nexport class InternalTransactionCustomerControl extends InternalControl {\n  renderControl(): TemplateResult {\n    return html`\n      <foxy-internal-details-control summary=\"customer\" infer open>\n        <foxy-form-dialog\n          header=\"header\"\n          infer=\"dialog\"\n          form=\"foxy-customer\"\n          href=${ifDefined(this.nucleon?.data?._links['fx:customer'].href)}\n          id=\"dialog\"\n        >\n        </foxy-form-dialog>\n\n        <button\n          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\"\n          @click=${(evt: Event) => {\n            const dialog = this.renderRoot.querySelector('#dialog') as FormDialog;\n            dialog.show(evt.currentTarget as HTMLButtonElement);\n          }}\n        >\n          <foxy-customer-card\n            infer=\"card\"\n            class=\"p-m\"\n            href=${ifDefined(this.nucleon?.data?._links['fx:customer'].href)}\n          >\n          </foxy-customer-card>\n        </button>\n      </foxy-internal-details-control>\n    `;\n  }\n}\n"]}

package/dist/elements/public/Transaction/internal/InternalTransactionCustomerControl/index.d.ts

@@ -0,0 +1,7 @@
+import '../../../../internal/InternalDetailsControl/index';
+import '../../../../internal/InternalControl/index';
+import '../../../CustomerCard/index';
+import '../../../FormDialog/index';
+import '../../../Customer/index';
+import { InternalTransactionCustomerControl as Control } from './InternalTransactionCustomerControl';
+export { Control as InternalTransactionCustomerControl };

package/dist/elements/public/Transaction/internal/InternalTransactionCustomerControl/index.js

@@ -0,0 +1,9 @@
+import "../../../../internal/InternalDetailsControl/index.js";
+import "../../../../internal/InternalControl/index.js";
+import "../../../CustomerCard/index.js";
+import "../../../FormDialog/index.js";
+import "../../../Customer/index.js";
+import { InternalTransactionCustomerControl as Control } from "./InternalTransactionCustomerControl.js";
+customElements.define('foxy-internal-transaction-customer-control', Control);
+export { Control as InternalTransactionCustomerControl };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/Transaction/internal/InternalTransactionCustomerControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/Transaction/internal/InternalTransactionCustomerControl/index.ts"],"names":[],"mappings":"AAAA,8DAA2D;AAC3D,uDAAoD;AAEpD,wCAAqC;AACrC,sCAAmC;AACnC,oCAAiC;AAEjC,OAAO,EAAE,kCAAkC,IAAI,OAAO,EAAE,gDAA6C;AAErG,cAAc,CAAC,MAAM,CAAC,4CAA4C,EAAE,OAAO,CAAC,CAAC;AAE7E,OAAO,EAAE,OAAO,IAAI,kCAAkC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalDetailsControl/index';\nimport '../../../../internal/InternalControl/index';\n\nimport '../../../CustomerCard/index';\nimport '../../../FormDialog/index';\nimport '../../../Customer/index';\n\nimport { InternalTransactionCustomerControl as Control } from './InternalTransactionCustomerControl';\n\ncustomElements.define('foxy-internal-transaction-customer-control', Control);\n\nexport { Control as InternalTransactionCustomerControl };\n"]}

package/dist/elements/public/Transaction/internal/InternalTransactionPostActionControl/InternalTransactionPostActionControl.d.ts

@@ -0,0 +1,11 @@
+import { PropertyDeclarations, TemplateResult } from 'lit-element';
+import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
+export declare class InternalTransactionPostActionControl extends InternalControl {
+    static get properties(): PropertyDeclarations;
+    theme: string;
+    state: string;
+    href: string;
+    icon: string;
+    renderControl(): TemplateResult;
+    submit(): Promise<void>;
+}

package/dist/elements/public/Transaction/internal/InternalTransactionPostActionControl/InternalTransactionPostActionControl.js

@@ -0,0 +1,50 @@
+import { html } from 'lit-element';
+import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+import { NucleonElement } from "../../../NucleonElement/NucleonElement.js";
+export class InternalTransactionPostActionControl extends InternalControl {
+    constructor() {
+        super(...arguments);
+        this.theme = '';
+        this.state = 'idle';
+        this.href = '';
+        this.icon = '';
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            theme: { type: String },
+            state: { type: String },
+            href: { type: String },
+            icon: { type: String },
+        };
+    }
+    renderControl() {
+        const state = this.state;
+        const theme = state === 'fail' ? 'error' : state === 'idle' ? this.theme : '';
+        return html `
+      <vaadin-button
+        class="w-full"
+        theme="${theme} tertiary"
+        ?disabled=${state === 'busy' || this.disabled}
+        @click=${this.submit}
+      >
+        <foxy-i18n key=${state} infer></foxy-i18n>
+      </vaadin-button>
+    `;
+    }
+    async submit() {
+        if (this.state === 'busy')
+            return;
+        try {
+            this.state = 'busy';
+            const response = await new NucleonElement.API(this).fetch(this.href, { method: 'POST' });
+            this.state = response.ok ? 'idle' : 'fail';
+            if (response.ok)
+                this.dispatchEvent(new CustomEvent('done'));
+        }
+        catch (_a) {
+            this.state = 'fail';
+        }
+    }
+}
+//# sourceMappingURL=InternalTransactionPostActionControl.js.map

package/dist/elements/public/Transaction/internal/InternalTransactionPostActionControl/InternalTransactionPostActionControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalTransactionPostActionControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/Transaction/internal/InternalTransactionPostActionControl/InternalTransactionPostActionControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,IAAI,EAAkB,MAAM,aAAa,CAAC;AACzE,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,cAAc,EAAE,kDAA+C;AAExE,MAAM,OAAO,oCAAqC,SAAQ,eAAe;IAAzE;;QAWE,UAAK,GAAG,EAAE,CAAC;QAEX,UAAK,GAAG,MAAM,CAAC;QAEf,SAAI,GAAG,EAAE,CAAC;QAEV,SAAI,GAAG,EAAE,CAAC;IA8BZ,CAAC;IA9CC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACtB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACvB,CAAC;IACJ,CAAC;IAUD,aAAa;QACX,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,MAAM,KAAK,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;QAE9E,OAAO,IAAI,CAAA;;;iBAGE,KAAK;oBACF,KAAK,KAAK,MAAM,IAAI,IAAI,CAAC,QAAQ;iBACpC,IAAI,CAAC,MAAM;;yBAEH,KAAK;;KAEzB,CAAC;IACJ,CAAC;IAED,KAAK,CAAC,MAAM;QACV,IAAI,IAAI,CAAC,KAAK,KAAK,MAAM;YAAE,OAAO;QAElC,IAAI;YACF,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;YACpB,MAAM,QAAQ,GAAG,MAAM,IAAI,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;YACzF,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;YAC3C,IAAI,QAAQ,CAAC,EAAE;gBAAE,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;SAC9D;QAAC,WAAM;YACN,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;SACrB;IACH,CAAC;CACF","sourcesContent":["import { PropertyDeclarations, html, TemplateResult } from 'lit-element';\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { NucleonElement } from '../../../NucleonElement/NucleonElement';\n\nexport class InternalTransactionPostActionControl extends InternalControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      theme: { type: String },\n      state: { type: String },\n      href: { type: String },\n      icon: { type: String },\n    };\n  }\n\n  theme = '';\n\n  state = 'idle';\n\n  href = '';\n\n  icon = '';\n\n  renderControl(): TemplateResult {\n    const state = this.state;\n    const theme = state === 'fail' ? 'error' : state === 'idle' ? this.theme : '';\n\n    return html`\n      <vaadin-button\n        class=\"w-full\"\n        theme=\"${theme} tertiary\"\n        ?disabled=${state === 'busy' || this.disabled}\n        @click=${this.submit}\n      >\n        <foxy-i18n key=${state} infer></foxy-i18n>\n      </vaadin-button>\n    `;\n  }\n\n  async submit(): Promise<void> {\n    if (this.state === 'busy') return;\n\n    try {\n      this.state = 'busy';\n      const response = await new NucleonElement.API(this).fetch(this.href, { method: 'POST' });\n      this.state = response.ok ? 'idle' : 'fail';\n      if (response.ok) this.dispatchEvent(new CustomEvent('done'));\n    } catch {\n      this.state = 'fail';\n    }\n  }\n}\n"]}

package/dist/elements/public/Transaction/internal/InternalTransactionPostActionControl/index.d.ts

@@ -0,0 +1,5 @@
+import '@vaadin/vaadin-button';
+import '../../../../internal/InternalControl/index';
+import '../../../I18n/index';
+import { InternalTransactionPostActionControl as Control } from './InternalTransactionPostActionControl';
+export { Control as InternalTransactionPostActionControl };

package/dist/elements/public/Transaction/internal/InternalTransactionPostActionControl/index.js

@@ -0,0 +1,7 @@
+import '@vaadin/vaadin-button';
+import "../../../../internal/InternalControl/index.js";
+import "../../../I18n/index.js";
+import { InternalTransactionPostActionControl as Control } from "./InternalTransactionPostActionControl.js";
+customElements.define('foxy-internal-transaction-post-action-control', Control);
+export { Control as InternalTransactionPostActionControl };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/Transaction/internal/InternalTransactionPostActionControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/Transaction/internal/InternalTransactionPostActionControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAE/B,uDAAoD;AACpD,gCAA6B;AAE7B,OAAO,EAAE,oCAAoC,IAAI,OAAO,EAAE,kDAA+C;AAEzG,cAAc,CAAC,MAAM,CAAC,+CAA+C,EAAE,OAAO,CAAC,CAAC;AAEhF,OAAO,EAAE,OAAO,IAAI,oCAAoC,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-button';\n\nimport '../../../../internal/InternalControl/index';\nimport '../../../I18n/index';\n\nimport { InternalTransactionPostActionControl as Control } from './InternalTransactionPostActionControl';\n\ncustomElements.define('foxy-internal-transaction-post-action-control', Control);\n\nexport { Control as InternalTransactionPostActionControl };\n"]}

package/dist/elements/public/Transaction/internal/InternalTransactionSummaryControl/InternalTransactionSummaryControl.d.ts

@@ -0,0 +1,8 @@
+import { TemplateResult } from 'lit-html';
+import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
+export declare class InternalTransactionSummaryControl extends InternalControl {
+    renderControl(): TemplateResult;
+    private __renderStatus;
+    private __renderPrice;
+    private __renderTotals;
+}

package/dist/elements/public/Transaction/internal/InternalTransactionSummaryControl/InternalTransactionSummaryControl.js

@@ -0,0 +1,77 @@
+import { html } from 'lit-html';
+import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+export class InternalTransactionSummaryControl extends InternalControl {
+    renderControl() {
+        var _a;
+        return html `
+      <div class="border-t border-transparent">
+        <div class="h-m flex items-center justify-between">
+          <div class="text-xl font-bold">${this.__renderPrice()}</div>
+          <div>${((_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.data) ? this.__renderStatus() : ''}</div>
+        </div>
+
+        <div class="border-t border-contrast-10 mb-s"></div>
+
+        ${this.__renderTotals()}
+      </div>
+    `;
+    }
+    __renderStatus() {
+        var _a, _b;
+        const colors = {
+            authorized: 'bg-success text-success-contrast',
+            completed: 'bg-success text-success-contrast',
+            declined: 'bg-error text-error-contrast',
+            rejected: 'bg-error text-error-contrast',
+        };
+        const status = ((_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.status) || 'completed';
+        const defaultColor = 'bg-contrast-5 text-contrast';
+        const color = status in colors ? colors[status] : defaultColor;
+        return html `
+      <foxy-i18n
+        class="flex items-center h-xs px-s text-s font-semibold rounded ${color}"
+        lang=${this.lang}
+        key="transaction_${status}"
+        ns=${this.ns}
+      >
+      </foxy-i18n>
+    `;
+    }
+    __renderPrice() {
+        var _a;
+        const data = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.data;
+        const currency = data === null || data === void 0 ? void 0 : data.currency_code;
+        if (!data)
+            return html `--`;
+        return html `
+      <foxy-i18n
+        options=${JSON.stringify({ amount: `${data.total_order} ${currency}` })}
+        key="price"
+        infer
+      >
+      </foxy-i18n>
+    `;
+    }
+    __renderTotals() {
+        var _a;
+        const data = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.data;
+        const currency = data === null || data === void 0 ? void 0 : data.currency_code;
+        const keys = ['total_item_price', 'total_shipping', 'total_tax'];
+        return keys.map(key => html `
+        <div class="flex justify-between text-m text-secondary">
+          <foxy-i18n key=${key} infer></foxy-i18n>
+          ${data
+            ? html `
+                <foxy-i18n
+                  options=${JSON.stringify({ amount: `${data[key]} ${currency}` })}
+                  key="price"
+                  infer
+                >
+                </foxy-i18n>
+              `
+            : html `<span>--</span>`}
+        </div>
+      `);
+    }
+}
+//# sourceMappingURL=InternalTransactionSummaryControl.js.map

package/dist/elements/public/Transaction/internal/InternalTransactionSummaryControl/InternalTransactionSummaryControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalTransactionSummaryControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/Transaction/internal/InternalTransactionSummaryControl/InternalTransactionSummaryControl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,gEAA6D;AAEvF,MAAM,OAAO,iCAAkC,SAAQ,eAAe;IACpE,aAAa;;QACX,OAAO,IAAI,CAAA;;;2CAG4B,IAAI,CAAC,aAAa,EAAE;iBAC9C,OAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,EAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,EAAE;;;;;UAKtD,IAAI,CAAC,cAAc,EAAE;;KAE1B,CAAC;IACJ,CAAC;IAEO,cAAc;;QACpB,MAAM,MAAM,GAAG;YACb,UAAU,EAAE,kCAAkC;YAC9C,SAAS,EAAE,kCAAkC;YAC7C,QAAQ,EAAE,8BAA8B;YACxC,QAAQ,EAAE,8BAA8B;SACzC,CAAC;QAEF,MAAM,MAAM,GAAG,aAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,KAAI,WAAW,CAAC;QACzD,MAAM,YAAY,GAAG,6BAA6B,CAAC;QACnD,MAAM,KAAK,GAAG,MAAM,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAA6B,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QAEtF,OAAO,IAAI,CAAA;;0EAE2D,KAAK;eAChE,IAAI,CAAC,IAAI;2BACG,MAAM;aACpB,IAAI,CAAC,EAAE;;;KAGf,CAAC;IACJ,CAAC;IAEO,aAAa;;QACnB,MAAM,IAAI,SAAG,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC;QAChC,MAAM,QAAQ,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,CAAC;QAErC,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAA,IAAI,CAAC;QAE3B,OAAO,IAAI,CAAA;;kBAEG,IAAI,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,IAAI,QAAQ,EAAE,EAAE,CAAC;;;;;KAK1E,CAAC;IACJ,CAAC;IAEO,cAAc;;QACpB,MAAM,IAAI,SAAG,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC;QAChC,MAAM,QAAQ,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,CAAC;QACrC,MAAM,IAAI,GAAG,CAAC,kBAAkB,EAAE,gBAAgB,EAAE,WAAW,CAAU,CAAC;QAE1E,OAAO,IAAI,CAAC,GAAG,CACb,GAAG,CAAC,EAAE,CAAC,IAAI,CAAA;;2BAEU,GAAG;YAClB,IAAI;YACJ,CAAC,CAAC,IAAI,CAAA;;4BAEU,IAAI,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,QAAQ,EAAE,EAAE,CAAC;;;;;eAKnE;YACH,CAAC,CAAC,IAAI,CAAA,iBAAiB;;OAE5B,CACF,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { html, TemplateResult } from 'lit-html';\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\n\nexport class InternalTransactionSummaryControl extends InternalControl {\n  renderControl(): TemplateResult {\n    return html`\n      <div class=\"border-t border-transparent\">\n        <div class=\"h-m flex items-center justify-between\">\n          <div class=\"text-xl font-bold\">${this.__renderPrice()}</div>\n          <div>${this.nucleon?.data ? this.__renderStatus() : ''}</div>\n        </div>\n\n        <div class=\"border-t border-contrast-10 mb-s\"></div>\n\n        ${this.__renderTotals()}\n      </div>\n    `;\n  }\n\n  private __renderStatus() {\n    const colors = {\n      authorized: 'bg-success text-success-contrast',\n      completed: 'bg-success text-success-contrast',\n      declined: 'bg-error text-error-contrast',\n      rejected: 'bg-error text-error-contrast',\n    };\n\n    const status = this.nucleon?.data?.status || 'completed';\n    const defaultColor = 'bg-contrast-5 text-contrast';\n    const color = status in colors ? colors[status as keyof typeof colors] : defaultColor;\n\n    return html`\n      <foxy-i18n\n        class=\"flex items-center h-xs px-s text-s font-semibold rounded ${color}\"\n        lang=${this.lang}\n        key=\"transaction_${status}\"\n        ns=${this.ns}\n      >\n      </foxy-i18n>\n    `;\n  }\n\n  private __renderPrice() {\n    const data = this.nucleon?.data;\n    const currency = data?.currency_code;\n\n    if (!data) return html`--`;\n\n    return html`\n      <foxy-i18n\n        options=${JSON.stringify({ amount: `${data.total_order} ${currency}` })}\n        key=\"price\"\n        infer\n      >\n      </foxy-i18n>\n    `;\n  }\n\n  private __renderTotals() {\n    const data = this.nucleon?.data;\n    const currency = data?.currency_code;\n    const keys = ['total_item_price', 'total_shipping', 'total_tax'] as const;\n\n    return keys.map(\n      key => html`\n        <div class=\"flex justify-between text-m text-secondary\">\n          <foxy-i18n key=${key} infer></foxy-i18n>\n          ${data\n            ? html`\n                <foxy-i18n\n                  options=${JSON.stringify({ amount: `${data[key]} ${currency}` })}\n                  key=\"price\"\n                  infer\n                >\n                </foxy-i18n>\n              `\n            : html`<span>--</span>`}\n        </div>\n      `\n    );\n  }\n}\n"]}

package/dist/elements/public/Transaction/internal/InternalTransactionSummaryControl/index.d.ts

@@ -0,0 +1,4 @@
+import '../../../../internal/InternalControl/index';
+import '../../../I18n/index';
+import { InternalTransactionSummaryControl as Control } from './InternalTransactionSummaryControl';
+export { Control as InternalTransactionSummaryControl };

package/dist/elements/public/Transaction/internal/InternalTransactionSummaryControl/index.js

@@ -0,0 +1,6 @@
+import "../../../../internal/InternalControl/index.js";
+import "../../../I18n/index.js";
+import { InternalTransactionSummaryControl as Control } from "./InternalTransactionSummaryControl.js";
+customElements.define('foxy-internal-transaction-summary-control', Control);
+export { Control as InternalTransactionSummaryControl };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/Transaction/internal/InternalTransactionSummaryControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/Transaction/internal/InternalTransactionSummaryControl/index.ts"],"names":[],"mappings":"AAAA,uDAAoD;AACpD,gCAA6B;AAE7B,OAAO,EAAE,iCAAiC,IAAI,OAAO,EAAE,+CAA4C;AAEnG,cAAc,CAAC,MAAM,CAAC,2CAA2C,EAAE,OAAO,CAAC,CAAC;AAE5E,OAAO,EAAE,OAAO,IAAI,iCAAiC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalControl/index';\nimport '../../../I18n/index';\n\nimport { InternalTransactionSummaryControl as Control } from './InternalTransactionSummaryControl';\n\ncustomElements.define('foxy-internal-transaction-summary-control', Control);\n\nexport { Control as InternalTransactionSummaryControl };\n"]}

package/dist/elements/public/Transaction/types.d.ts

@@ -0,0 +1,3 @@
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
+export declare type Data = Resource<Rels.Transaction>;

package/dist/elements/public/Transaction/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/elements/public/Transaction/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/Transaction/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type Data = Resource<Rels.Transaction>;\n"]}

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

@@ -0,0 +1,10 @@
+import type { TemplateResult } from 'lit-html';
+import type { Data } from './types';
+import { InternalCard } from '../../internal/InternalCard/InternalCard';
+declare const WebhookCard_base: typeof InternalCard & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+export declare class WebhookCard extends WebhookCard_base<Data> {
+    renderBody(): TemplateResult;
+}
+export {};

package/dist/elements/public/WebhookCard/WebhookCard.js

@@ -0,0 +1,30 @@
+import { InternalCard } from "../../internal/InternalCard/InternalCard.js";
+import { html } from 'lit-html';
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+export class WebhookCard extends TranslatableMixin(InternalCard, 'webhook-card') {
+    renderBody() {
+        var _a, _b, _c, _d;
+        return html `
+      <div class="grid grid-cols-1 gap-s leading-none">
+        <p class="flex justify-between items-center font-semibold">
+          <span class="truncate">${(_a = this.data) === null || _a === void 0 ? void 0 : _a.name}&ZeroWidthSpace;</span>
+          <span class="inline-block text-xs bg-contrast-5 rounded p-xs flex-shrink-0">
+            ${(_b = this.data) === null || _b === void 0 ? void 0 : _b.format.toUpperCase()}&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">${(_c = this.data) === null || _c === void 0 ? void 0 : _c.url}&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">${(_d = this.data) === null || _d === void 0 ? void 0 : _d.event_resource}&ZeroWidthSpace;</p>
+        </div>
+      </div>
+    `;
+    }
+}
+//# sourceMappingURL=WebhookCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WebhookCard.js","sourceRoot":"","sources":["../../../../src/elements/public/WebhookCard/WebhookCard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AAEjE,MAAM,OAAO,WAAY,SAAQ,iBAAiB,CAAC,YAAY,EAAE,cAAc,CAAO;IACpF,UAAU;;QACR,OAAO,IAAI,CAAA;;;mCAGoB,MAAA,IAAI,CAAC,IAAI,0CAAE,IAAI;;cAEpC,MAAA,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,WAAW,EAAE;;;;;;gCAMb,MAAA,IAAI,CAAC,IAAI,0CAAE,GAAG;;;;;;gCAMd,MAAA,IAAI,CAAC,IAAI,0CAAE,cAAc;;;KAGpD,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Data } from './types';\n\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { html } from 'lit-html';\nimport { TranslatableMixin } from '../../../mixins/translatable';\n\nexport class WebhookCard extends TranslatableMixin(InternalCard, 'webhook-card')<Data> {\n  renderBody(): TemplateResult {\n    return html`\n      <div class=\"grid grid-cols-1 gap-s leading-none\">\n        <p class=\"flex justify-between items-center font-semibold\">\n          <span class=\"truncate\">${this.data?.name}&ZeroWidthSpace;</span>\n          <span class=\"inline-block text-xs bg-contrast-5 rounded p-xs flex-shrink-0\">\n            ${this.data?.format.toUpperCase()}&ZeroWidthSpace;\n          </span>\n        </p>\n\n        <div class=\"flex items-center gap-s text-secondary\">\n          <iron-icon class=\"icon-inline flex-shrink-0\" icon=\"icons:language\"></iron-icon>\n          <p class=\"truncate\">${this.data?.url}&ZeroWidthSpace;</p>\n        </div>\n\n        <div class=\"flex items-center gap-s text-secondary\">\n          <iron-icon class=\"icon-inline flex-shrink-0\" icon=\"icons:settings-input-antenna\">\n          </iron-icon>\n          <p class=\"truncate\">${this.data?.event_resource}&ZeroWidthSpace;</p>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/elements/public/WebhookCard/index.d.ts

@@ -0,0 +1,5 @@
+import '@polymer/iron-icons';
+import '@polymer/iron-icon';
+import '../../internal/InternalCard/index';
+import { WebhookCard } from './WebhookCard';
+export { WebhookCard };

package/dist/elements/public/WebhookCard/index.js

@@ -0,0 +1,7 @@
+import '@polymer/iron-icons';
+import '@polymer/iron-icon';
+import "../../internal/InternalCard/index.js";
+import { WebhookCard } from "./WebhookCard.js";
+customElements.define('foxy-webhook-card', WebhookCard);
+export { WebhookCard };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/WebhookCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/WebhookCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAE5B,8CAA2C;AAE3C,OAAO,EAAE,WAAW,EAAE,yBAAsB;AAE5C,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,CAAC","sourcesContent":["import '@polymer/iron-icons';\nimport '@polymer/iron-icon';\n\nimport '../../internal/InternalCard/index';\n\nimport { WebhookCard } from './WebhookCard';\n\ncustomElements.define('foxy-webhook-card', WebhookCard);\n\nexport { WebhookCard };\n"]}

package/dist/elements/public/WebhookCard/types.d.ts

@@ -0,0 +1,3 @@
+import type { Rels } from '@foxy.io/sdk/backend';
+import type { Resource } from '@foxy.io/sdk/core';
+export declare type Data = Resource<Rels.Webhook>;

package/dist/elements/public/WebhookCard/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/elements/public/WebhookCard/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/WebhookCard/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Rels } from '@foxy.io/sdk/backend';\nimport type { Resource } from '@foxy.io/sdk/core';\n\nexport type Data = Resource<Rels.Webhook>;\n"]}

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

@@ -0,0 +1,14 @@
+import type { TemplateResult } from 'lit-html';
+import type { NucleonV8N } from '../NucleonElement/types';
+import type { Data } from './types';
+import { InternalForm } from '../../internal/InternalForm/InternalForm';
+declare const WebhookForm_base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+export declare class WebhookForm extends WebhookForm_base<Data> {
+    static get v8n(): NucleonV8N<Data>;
+    private __formats;
+    private __eventResources;
+    renderBody(): TemplateResult;
+}
+export {};

package/dist/elements/public/WebhookForm/WebhookForm.js

@@ -0,0 +1,68 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
+import { html } from 'lit-html';
+export class WebhookForm extends TranslatableMixin(InternalForm, 'webhook-form') {
+    constructor() {
+        super(...arguments);
+        this.__formats = [
+            { value: 'json', label: 'JSON' },
+            { value: 'webflow', label: 'Webflow' },
+            { value: 'zapier', label: 'Zapier' },
+        ];
+        this.__eventResources = [
+            { value: 'subscription', label: 'event_resource_subscription' },
+            { value: 'transaction', label: 'event_resource_transaction' },
+            { value: 'customer', label: 'event_resource_customer' },
+        ];
+    }
+    static get v8n() {
+        return [
+            ({ name: v }) => !!v || 'name:v8n_required',
+            ({ name: v }) => (!!v && v.length <= 255) || 'name:v8n_too_long',
+            ({ version: v }) => !!v || 'version:v8n_required',
+            ({ format: v }) => !!v || 'format:v8n_required',
+            ({ url: v }) => !v || v.length <= 1000 || 'url:v8n_too_long',
+            ({ query: v }) => !v || v.length <= 1000 || 'query:v8n_too_long',
+            ({ encryption_key: v }) => !v || v.length <= 1000 || 'encryption-key:v8n_too_long',
+        ];
+    }
+    renderBody() {
+        return html `
+      <foxy-internal-text-control infer="name"></foxy-internal-text-control>
+
+      <foxy-internal-radio-group-control infer="event-resource" .options=${this.__eventResources}>
+      </foxy-internal-radio-group-control>
+
+      <foxy-internal-text-control infer="query"></foxy-internal-text-control>
+      <foxy-internal-text-control infer="url"></foxy-internal-text-control>
+
+      <foxy-internal-radio-group-control infer="format" .options=${this.__formats}>
+      </foxy-internal-radio-group-control>
+
+      <foxy-internal-text-control infer="encryption-key"></foxy-internal-text-control>
+      <foxy-internal-text-control infer="version"></foxy-internal-text-control>
+
+      ${this.data
+            ? html `
+            <foxy-internal-collection-card
+              first=${this.data._links['fx:statuses'].href}
+              infer="statuses"
+              limit="10"
+              item="foxy-webhook-status-card"
+            >
+            </foxy-internal-collection-card>
+
+            <foxy-internal-collection-card
+              first=${this.data._links['fx:logs'].href}
+              infer="logs"
+              limit="5"
+              item="foxy-webhook-log-card"
+            >
+            </foxy-internal-collection-card>
+          `
+            : ''}
+      ${super.renderBody()}
+    `;
+    }
+}
+//# sourceMappingURL=WebhookForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WebhookForm.js","sourceRoot":"","sources":["../../../../src/elements/public/WebhookForm/WebhookForm.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,WAAY,SAAQ,iBAAiB,CAAC,YAAY,EAAE,cAAc,CAAO;IAAtF;;QAaU,cAAS,GAAG;YAClB,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;YAChC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACtC,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;SACrC,CAAC;QAEM,qBAAgB,GAAG;YACzB,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,6BAA6B,EAAE;YAC/D,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,4BAA4B,EAAE;YAC7D,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,yBAAyB,EAAE;SACxD,CAAC;IAwCJ,CAAC;IA9DC,MAAM,KAAK,GAAG;QACZ,OAAO;YACL,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,mBAAmB;YAC3C,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,GAAG,CAAC,IAAI,mBAAmB;YAChE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,sBAAsB;YACjD,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,qBAAqB;YAC/C,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,IAAI,IAAI,kBAAkB;YAC5D,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,IAAI,IAAI,oBAAoB;YAChE,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,IAAI,IAAI,IAAI,6BAA6B;SACnF,CAAC;IACJ,CAAC;IAcD,UAAU;QACR,OAAO,IAAI,CAAA;;;2EAG4D,IAAI,CAAC,gBAAgB;;;;;;mEAM7B,IAAI,CAAC,SAAS;;;;;;QAMzE,IAAI,CAAC,IAAI;YACT,CAAC,CAAC,IAAI,CAAA;;sBAEQ,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,IAAI;;;;;;;;sBAQpC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI;;;;;;WAM3C;YACH,CAAC,CAAC,EAAE;QACJ,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-html';\n\nexport class WebhookForm extends TranslatableMixin(InternalForm, 'webhook-form')<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ name: v }) => !!v || 'name:v8n_required',\n      ({ name: v }) => (!!v && v.length <= 255) || 'name:v8n_too_long',\n      ({ version: v }) => !!v || 'version:v8n_required',\n      ({ format: v }) => !!v || 'format:v8n_required',\n      ({ url: v }) => !v || v.length <= 1000 || 'url:v8n_too_long',\n      ({ query: v }) => !v || v.length <= 1000 || 'query:v8n_too_long',\n      ({ encryption_key: v }) => !v || v.length <= 1000 || 'encryption-key:v8n_too_long',\n    ];\n  }\n\n  private __formats = [\n    { value: 'json', label: 'JSON' },\n    { value: 'webflow', label: 'Webflow' },\n    { value: 'zapier', label: 'Zapier' },\n  ];\n\n  private __eventResources = [\n    { value: 'subscription', label: 'event_resource_subscription' },\n    { value: 'transaction', label: 'event_resource_transaction' },\n    { value: 'customer', label: 'event_resource_customer' },\n  ];\n\n  renderBody(): TemplateResult {\n    return html`\n      <foxy-internal-text-control infer=\"name\"></foxy-internal-text-control>\n\n      <foxy-internal-radio-group-control infer=\"event-resource\" .options=${this.__eventResources}>\n      </foxy-internal-radio-group-control>\n\n      <foxy-internal-text-control infer=\"query\"></foxy-internal-text-control>\n      <foxy-internal-text-control infer=\"url\"></foxy-internal-text-control>\n\n      <foxy-internal-radio-group-control infer=\"format\" .options=${this.__formats}>\n      </foxy-internal-radio-group-control>\n\n      <foxy-internal-text-control infer=\"encryption-key\"></foxy-internal-text-control>\n      <foxy-internal-text-control infer=\"version\"></foxy-internal-text-control>\n\n      ${this.data\n        ? html`\n            <foxy-internal-collection-card\n              first=${this.data._links['fx:statuses'].href}\n              infer=\"statuses\"\n              limit=\"10\"\n              item=\"foxy-webhook-status-card\"\n            >\n            </foxy-internal-collection-card>\n\n            <foxy-internal-collection-card\n              first=${this.data._links['fx:logs'].href}\n              infer=\"logs\"\n              limit=\"5\"\n              item=\"foxy-webhook-log-card\"\n            >\n            </foxy-internal-collection-card>\n          `\n        : ''}\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}

package/dist/elements/public/WebhookForm/index.d.ts

@@ -0,0 +1,10 @@
+import '@vaadin/vaadin-checkbox/vaadin-checkbox-group';
+import '@vaadin/vaadin-checkbox/vaadin-checkbox';
+import '../../internal/InternalRadioGroupControl/index';
+import '../../internal/InternalCollectionCard/index';
+import '../../internal/InternalTextControl/index';
+import '../../internal/InternalForm/index';
+import '../WebhookStatusCard/index';
+import '../WebhookLogCard/index';
+import { WebhookForm } from './WebhookForm';
+export { WebhookForm };

package/dist/elements/public/WebhookForm/index.js

@@ -0,0 +1,12 @@
+import '@vaadin/vaadin-checkbox/vaadin-checkbox-group';
+import '@vaadin/vaadin-checkbox/vaadin-checkbox';
+import "../../internal/InternalRadioGroupControl/index.js";
+import "../../internal/InternalCollectionCard/index.js";
+import "../../internal/InternalTextControl/index.js";
+import "../../internal/InternalForm/index.js";
+import "../WebhookStatusCard/index.js";
+import "../WebhookLogCard/index.js";
+import { WebhookForm } from "./WebhookForm.js";
+customElements.define('foxy-webhook-form', WebhookForm);
+export { WebhookForm };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/WebhookForm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/WebhookForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,+CAA+C,CAAC;AACvD,OAAO,yCAAyC,CAAC;AAEjD,2DAAwD;AACxD,wDAAqD;AACrD,qDAAkD;AAClD,8CAA2C;AAE3C,uCAAoC;AACpC,oCAAiC;AAEjC,OAAO,EAAE,WAAW,EAAE,yBAAsB;AAE5C,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-checkbox/vaadin-checkbox-group';\nimport '@vaadin/vaadin-checkbox/vaadin-checkbox';\n\nimport '../../internal/InternalRadioGroupControl/index';\nimport '../../internal/InternalCollectionCard/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../WebhookStatusCard/index';\nimport '../WebhookLogCard/index';\n\nimport { WebhookForm } from './WebhookForm';\n\ncustomElements.define('foxy-webhook-form', WebhookForm);\n\nexport { WebhookForm };\n"]}

package/dist/elements/public/WebhookForm/types.d.ts

@@ -0,0 +1,3 @@
+import type { Rels } from '@foxy.io/sdk/backend';
+import type { Resource } from '@foxy.io/sdk/core';
+export declare type Data = Resource<Rels.Webhook>;

package/dist/elements/public/WebhookForm/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/elements/public/WebhookForm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/WebhookForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Rels } from '@foxy.io/sdk/backend';\nimport type { Resource } from '@foxy.io/sdk/core';\n\nexport type Data = Resource<Rels.Webhook>;\n"]}

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

@@ -0,0 +1,10 @@
+import type { TemplateResult } from 'lit-html';
+import type { Data } from './types';
+import { InternalCard } from '../../internal/InternalCard/InternalCard';
+declare const WebhookLogCard_base: typeof InternalCard & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+export declare class WebhookLogCard extends WebhookLogCard_base<Data> {
+    renderBody(): TemplateResult;
+}
+export {};

package/dist/elements/public/WebhookLogCard/WebhookLogCard.js

@@ -0,0 +1,23 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { InternalCard } from "../../internal/InternalCard/InternalCard.js";
+import { html } from 'lit-html';
+export class WebhookLogCard extends TranslatableMixin(InternalCard, 'webhook-log-card') {
+    renderBody() {
+        var _a, _b, _c;
+        return html `
+      <div class="leading-none space-y-xs">
+        <p class="flex justify-between items-center font-semibold">
+          <foxy-i18n .options=${{ value: (_a = this.data) === null || _a === void 0 ? void 0 : _a.date_created }} infer="" key="date">
+          </foxy-i18n>
+
+          <span class="inline-block text-xs bg-contrast-5 text-secondary rounded p-xs">
+            ${(_b = this.data) === null || _b === void 0 ? void 0 : _b.response_code}&ZeroWidthSpace;
+          </span>
+        </p>
+
+        <p class="text-tertiary">${(_c = this.data) === null || _c === void 0 ? void 0 : _c.response_body}&ZeroWidthSpace;</p>
+      </div>
+    `;
+    }
+}
+//# sourceMappingURL=WebhookLogCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WebhookLogCard.js","sourceRoot":"","sources":["../../../../src/elements/public/WebhookLogCard/WebhookLogCard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,cAAe,SAAQ,iBAAiB,CAAC,YAAY,EAAE,kBAAkB,CAAO;IAC3F,UAAU;;QACR,OAAO,IAAI,CAAA;;;gCAGiB,EAAE,KAAK,QAAE,IAAI,CAAC,IAAI,0CAAE,YAAY,EAAE;;;;cAIpD,MAAA,IAAI,CAAC,IAAI,0CAAE,aAAa;;;;mCAIH,MAAA,IAAI,CAAC,IAAI,0CAAE,aAAa;;KAEtD,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { html } from 'lit-html';\n\nexport class WebhookLogCard extends TranslatableMixin(InternalCard, 'webhook-log-card')<Data> {\n  renderBody(): TemplateResult {\n    return html`\n      <div class=\"leading-none space-y-xs\">\n        <p class=\"flex justify-between items-center font-semibold\">\n          <foxy-i18n .options=${{ value: this.data?.date_created }} infer=\"\" key=\"date\">\n          </foxy-i18n>\n\n          <span class=\"inline-block text-xs bg-contrast-5 text-secondary rounded p-xs\">\n            ${this.data?.response_code}&ZeroWidthSpace;\n          </span>\n        </p>\n\n        <p class=\"text-tertiary\">${this.data?.response_body}&ZeroWidthSpace;</p>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/elements/public/WebhookLogCard/index.d.ts

@@ -0,0 +1,4 @@
+import '../I18n/index';
+import '../../internal/InternalCard/index';
+import { WebhookLogCard } from './WebhookLogCard';
+export { WebhookLogCard };

package/dist/elements/public/WebhookLogCard/index.js

@@ -0,0 +1,6 @@
+import "../I18n/index.js";
+import "../../internal/InternalCard/index.js";
+import { WebhookLogCard } from "./WebhookLogCard.js";
+customElements.define('foxy-webhook-log-card', WebhookLogCard);
+export { WebhookLogCard };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/WebhookLogCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/WebhookLogCard/index.ts"],"names":[],"mappings":"AAAA,0BAAuB;AACvB,8CAA2C;AAE3C,OAAO,EAAE,cAAc,EAAE,4BAAyB;AAElD,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,cAAc,CAAC,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,CAAC","sourcesContent":["import '../I18n/index';\nimport '../../internal/InternalCard/index';\n\nimport { WebhookLogCard } from './WebhookLogCard';\n\ncustomElements.define('foxy-webhook-log-card', WebhookLogCard);\n\nexport { WebhookLogCard };\n"]}

package/dist/elements/public/WebhookLogCard/types.d.ts

@@ -0,0 +1,3 @@
+import type { Rels } from '@foxy.io/sdk/backend';
+import type { Resource } from '@foxy.io/sdk/core';
+export declare type Data = Resource<Rels.WebhookLog>;

package/dist/elements/public/WebhookLogCard/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/elements/public/WebhookLogCard/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/WebhookLogCard/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Rels } from '@foxy.io/sdk/backend';\nimport type { Resource } from '@foxy.io/sdk/core';\n\nexport type Data = Resource<Rels.WebhookLog>;\n"]}

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

@@ -0,0 +1,10 @@
+import type { TemplateResult } from 'lit-html';
+import type { Data } from './types';
+import { InternalCard } from '../../internal/InternalCard/InternalCard';
+declare const Base: typeof InternalCard & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+export declare class WebhookStatusCard extends Base<Data> {
+    renderBody(): TemplateResult;
+}
+export {};