@foxy.io/elements 1.16.0 → 1.18.0-beta.2

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

@@ -0,0 +1,61 @@
+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 = null;
+        this.href = null;
+        this.__state = 'idle';
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            __state: { type: String },
+            theme: { type: String },
+            href: { type: String },
+        };
+    }
+    renderControl() {
+        const state = this.__state;
+        const theme = state === 'fail' ? 'error' : state === 'idle' ? this.theme : '';
+        return html `
+      <foxy-internal-confirm-dialog
+        header="header"
+        infer="confirm"
+        id="confirm"
+        @hide=${(evt) => !evt.detail.cancelled && this.__submit()}
+      >
+      </foxy-internal-confirm-dialog>
+
+      <vaadin-button
+        class="w-full"
+        theme="${theme} tertiary"
+        ?disabled=${state === 'busy' || this.disabled}
+        @click=${(evt) => {
+            const confirm = this.renderRoot.querySelector('#confirm');
+            confirm.show(evt.currentTarget);
+        }}
+      >
+        <foxy-i18n key=${state} infer=""></foxy-i18n>
+      </vaadin-button>
+    `;
+    }
+    async __submit() {
+        var _a;
+        if (this.__state === 'busy')
+            return;
+        try {
+            this.__state = 'busy';
+            const api = new NucleonElement.API(this);
+            const response = await api.fetch((_a = this.href) !== null && _a !== void 0 ? _a : '', { method: 'POST' });
+            this.__state = response.ok ? 'idle' : 'fail';
+            if (response.ok)
+                this.dispatchEvent(new CustomEvent('done'));
+        }
+        catch (_b) {
+            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;AAEzE,OAAO,EAAE,eAAe,EAAE,gEAA6D;AAEvF,OAAO,EAAE,cAAc,EAAE,kDAA+C;AAGxE,MAAM,OAAO,oCAAqC,SAAQ,eAAe;IAAzE;;QAUE,UAAK,GAAkB,IAAI,CAAC;QAE5B,SAAI,GAAkB,IAAI,CAAC;QAEnB,YAAO,GAAG,MAAM,CAAC;IA4C3B,CAAC;IAzDC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACvB,CAAC;IACJ,CAAC;IAQD,aAAa;QACX,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC;QAC3B,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;;;;;gBAKC,CAAC,GAAoB,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,IAAI,IAAI,CAAC,QAAQ,EAAE;;;;;;iBAMjE,KAAK;oBACF,KAAK,KAAK,MAAM,IAAI,IAAI,CAAC,QAAQ;iBACpC,CAAC,GAAgB,EAAE,EAAE;YAC5B,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,UAAU,CAA0B,CAAC;YACnF,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,aAA8B,CAAC,CAAC;QACnD,CAAC;;yBAEgB,KAAK;;KAEzB,CAAC;IACJ,CAAC;IAEO,KAAK,CAAC,QAAQ;;QACpB,IAAI,IAAI,CAAC,OAAO,KAAK,MAAM;YAAE,OAAO;QAEpC,IAAI;YACF,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;YAEtB,MAAM,GAAG,GAAG,IAAI,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YACzC,MAAM,QAAQ,GAAG,MAAM,GAAG,CAAC,KAAK,OAAC,IAAI,CAAC,IAAI,mCAAI,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;YAEtE,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;YAC7C,IAAI,QAAQ,CAAC,EAAE;gBAAE,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC;SAC9D;QAAC,WAAM;YACN,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;SACvB;IACH,CAAC;CACF","sourcesContent":["import { PropertyDeclarations, html, TemplateResult } from 'lit-element';\nimport { InternalConfirmDialog } from '../../../../internal/InternalConfirmDialog/InternalConfirmDialog';\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { DialogHideEvent } from '../../../../private/Dialog/DialogHideEvent';\nimport { NucleonElement } from '../../../NucleonElement/NucleonElement';\nimport { ButtonElement } from '@vaadin/vaadin-button';\n\nexport class InternalTransactionPostActionControl extends InternalControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __state: { type: String },\n      theme: { type: String },\n      href: { type: String },\n    };\n  }\n\n  theme: string | null = null;\n\n  href: string | null = null;\n\n  private __state = 'idle';\n\n  renderControl(): TemplateResult {\n    const state = this.__state;\n    const theme = state === 'fail' ? 'error' : state === 'idle' ? this.theme : '';\n\n    return html`\n      <foxy-internal-confirm-dialog\n        header=\"header\"\n        infer=\"confirm\"\n        id=\"confirm\"\n        @hide=${(evt: DialogHideEvent) => !evt.detail.cancelled && this.__submit()}\n      >\n      </foxy-internal-confirm-dialog>\n\n      <vaadin-button\n        class=\"w-full\"\n        theme=\"${theme} tertiary\"\n        ?disabled=${state === 'busy' || this.disabled}\n        @click=${(evt: CustomEvent) => {\n          const confirm = this.renderRoot.querySelector('#confirm') as InternalConfirmDialog;\n          confirm.show(evt.currentTarget as ButtonElement);\n        }}\n      >\n        <foxy-i18n key=${state} infer=\"\"></foxy-i18n>\n      </vaadin-button>\n    `;\n  }\n\n  private async __submit(): Promise<void> {\n    if (this.__state === 'busy') return;\n\n    try {\n      this.__state = 'busy';\n\n      const api = new NucleonElement.API(this);\n      const response = await api.fetch(this.href ?? '', { method: 'POST' });\n\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,6 @@
+import '@vaadin/vaadin-button';
+import '../../../../internal/InternalConfirmDialog/index';
+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,8 @@
+import '@vaadin/vaadin-button';
+import "../../../../internal/InternalConfirmDialog/index.js";
+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,6DAA0D;AAC1D,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/InternalConfirmDialog/index';\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,66 @@
+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}"
+        infer=""
+        key="transaction_${status}"
+      >
+      </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 `--`;
+        const options = { amount: `${data.total_order} ${currency}` };
+        return html `<foxy-i18n infer="" key="price" .options=${options}></foxy-i18n>`;
+    }
+    __renderTotals() {
+        var _a;
+        const keys = ['total_item_price', 'total_shipping', 'total_tax'];
+        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;
+        return keys.map(key => {
+            const options = { amount: `${data === null || data === void 0 ? void 0 : data[key]} ${currency}` };
+            return html `
+        <div class="flex justify-between text-m text-secondary">
+          <foxy-i18n key=${key} infer=""></foxy-i18n>
+          ${data
+                ? html `<foxy-i18n infer="" key="price" .options=${options}></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;;2BAEpD,MAAM;;;KAG5B,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,MAAM,OAAO,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,IAAI,QAAQ,EAAE,EAAE,CAAC;QAC9D,OAAO,IAAI,CAAA,4CAA4C,OAAO,eAAe,CAAC;IAChF,CAAC;IAEO,cAAc;;QACpB,MAAM,IAAI,GAAG,CAAC,kBAAkB,EAAE,gBAAgB,EAAE,WAAW,CAAU,CAAC;QAC1E,MAAM,IAAI,SAAG,IAAI,CAAC,OAAO,0CAAE,IAAI,CAAC;QAChC,MAAM,QAAQ,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,CAAC;QAErC,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;YACpB,MAAM,OAAO,GAAG,EAAE,MAAM,EAAE,GAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAG,GAAG,CAAC,IAAI,QAAQ,EAAE,EAAE,CAAC;YAEzD,OAAO,IAAI,CAAA;;2BAEU,GAAG;YAClB,IAAI;gBACJ,CAAC,CAAC,IAAI,CAAA,4CAA4C,OAAO,eAAe;gBACxE,CAAC,CAAC,IAAI,CAAA,iBAAiB;;OAE5B,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,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        infer=\"\"\n        key=\"transaction_${status}\"\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    const options = { amount: `${data.total_order} ${currency}` };\n    return html`<foxy-i18n infer=\"\" key=\"price\" .options=${options}></foxy-i18n>`;\n  }\n\n  private __renderTotals() {\n    const keys = ['total_item_price', 'total_shipping', 'total_tax'] as const;\n    const data = this.nucleon?.data;\n    const currency = data?.currency_code;\n\n    return keys.map(key => {\n      const options = { amount: `${data?.[key]} ${currency}` };\n\n      return html`\n        <div class=\"flex justify-between text-m text-secondary\">\n          <foxy-i18n key=${key} infer=\"\"></foxy-i18n>\n          ${data\n            ? html`<foxy-i18n infer=\"\" key=\"price\" .options=${options}></foxy-i18n>`\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,16 @@
+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;
+};
+/**
+ * Basic card displaying webhook (`fx:webhook`) info.
+ *
+ * @element foxy-webhook-card
+ * @since 1.17.0
+ */
+export declare class WebhookCard extends WebhookCard_base<Data> {
+    renderBody(): TemplateResult;
+}
+export {};

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

@@ -0,0 +1,36 @@
+import { InternalCard } from "../../internal/InternalCard/InternalCard.js";
+import { html } from 'lit-html';
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+/**
+ * Basic card displaying webhook (`fx:webhook`) info.
+ *
+ * @element foxy-webhook-card
+ * @since 1.17.0
+ */
+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="uppercase inline-block text-xs bg-contrast-5 rounded p-xs flex-shrink-0">
+            ${(_b = this.data) === null || _b === void 0 ? void 0 : _b.format}&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;;;;;GAKG;AACH,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;;;;;;gCAMC,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\n/**\n * Basic card displaying webhook (`fx:webhook`) info.\n *\n * @element foxy-webhook-card\n * @since 1.17.0\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=\"uppercase inline-block text-xs bg-contrast-5 rounded p-xs flex-shrink-0\">\n            ${this.data?.format}&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,47 @@
+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;
+};
+/**
+ * Form element for creating or editing webhooks (`fx:webhook`).
+ *
+ * @slot name:before
+ * @slot name:after
+ *
+ * @slot event-resource:before
+ * @slot event-resource:after
+ *
+ * @slot query:before
+ * @slot query:after
+ *
+ * @slot url:before
+ * @slot url:after
+ *
+ * @slot format:before
+ * @slot format:after
+ *
+ * @slot encryption-key:before
+ * @slot encryption-key:after
+ *
+ * @slot version:before
+ * @slot version:after
+ *
+ * @slot statuses:before
+ * @slot statuses:after
+ *
+ * @slot logs:before
+ * @slot logs:after
+ *
+ * @element foxy-webhook-form
+ * @since 1.17.0
+ */
+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,101 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
+import { html } from 'lit-html';
+/**
+ * Form element for creating or editing webhooks (`fx:webhook`).
+ *
+ * @slot name:before
+ * @slot name:after
+ *
+ * @slot event-resource:before
+ * @slot event-resource:after
+ *
+ * @slot query:before
+ * @slot query:after
+ *
+ * @slot url:before
+ * @slot url:after
+ *
+ * @slot format:before
+ * @slot format:after
+ *
+ * @slot encryption-key:before
+ * @slot encryption-key:after
+ *
+ * @slot version:before
+ * @slot version:after
+ *
+ * @slot statuses:before
+ * @slot statuses:after
+ *
+ * @slot logs:before
+ * @slot logs:after
+ *
+ * @element foxy-webhook-form
+ * @since 1.17.0
+ */
+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-async-details-control
+              first=${this.data._links['fx:statuses'].href}
+              infer="statuses"
+              limit="10"
+              item="foxy-webhook-status-card"
+            >
+            </foxy-internal-async-details-control>
+
+            <foxy-internal-async-details-control
+              first=${this.data._links['fx:logs'].href}
+              infer="logs"
+              limit="5"
+              item="foxy-webhook-log-card"
+            >
+            </foxy-internal-async-details-control>
+          `
+            : ''}
+      ${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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,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\n/**\n * Form element for creating or editing webhooks (`fx:webhook`).\n *\n * @slot name:before\n * @slot name:after\n *\n * @slot event-resource:before\n * @slot event-resource:after\n *\n * @slot query:before\n * @slot query:after\n *\n * @slot url:before\n * @slot url:after\n *\n * @slot format:before\n * @slot format:after\n *\n * @slot encryption-key:before\n * @slot encryption-key:after\n *\n * @slot version:before\n * @slot version:after\n *\n * @slot statuses:before\n * @slot statuses:after\n *\n * @slot logs:before\n * @slot logs:after\n *\n * @element foxy-webhook-form\n * @since 1.17.0\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-async-details-control\n              first=${this.data._links['fx:statuses'].href}\n              infer=\"statuses\"\n              limit=\"10\"\n              item=\"foxy-webhook-status-card\"\n            >\n            </foxy-internal-async-details-control>\n\n            <foxy-internal-async-details-control\n              first=${this.data._links['fx:logs'].href}\n              infer=\"logs\"\n              limit=\"5\"\n              item=\"foxy-webhook-log-card\"\n            >\n            </foxy-internal-async-details-control>\n          `\n        : ''}\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,8 @@
+import '../../internal/InternalAsyncDetailsControl/index';
+import '../../internal/InternalRadioGroupControl/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,10 @@
+import "../../internal/InternalAsyncDetailsControl/index.js";
+import "../../internal/InternalRadioGroupControl/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,6DAA0D;AAC1D,2DAAwD;AACxD,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 '../../internal/InternalAsyncDetailsControl/index';\nimport '../../internal/InternalRadioGroupControl/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,16 @@
+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;
+};
+/**
+ * Basic card displaying webhook log (`fx:webhook_log`) info.
+ *
+ * @element foxy-webhook-log-card
+ * @since 1.17.0
+ */
+export declare class WebhookLogCard extends WebhookLogCard_base<Data> {
+    renderBody(): TemplateResult;
+}
+export {};

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

@@ -0,0 +1,28 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { InternalCard } from "../../internal/InternalCard/InternalCard.js";
+import { html } from 'lit-html';
+/**
+ * Basic card displaying webhook log (`fx:webhook_log`) info.
+ *
+ * @element foxy-webhook-log-card
+ * @since 1.17.0
+ */
+export class WebhookLogCard extends TranslatableMixin(InternalCard, 'webhook-log-card') {
+    renderBody() {
+        var _a;
+        const { date_created, response_code, response_body } = (_a = this.data) !== null && _a !== void 0 ? _a : {};
+        return html `
+      <div class="leading-none space-y-xs">
+        <p class="flex justify-between items-center font-semibold">
+          <foxy-i18n .options=${{ value: date_created }} infer="" key="date"></foxy-i18n>
+          <span class="inline-block text-xs bg-contrast-5 text-secondary rounded p-xs">
+            ${response_code}&ZeroWidthSpace;
+          </span>
+        </p>
+
+        <p class="text-tertiary">${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;;;;;GAKG;AACH,MAAM,OAAO,cAAe,SAAQ,iBAAiB,CAAC,YAAY,EAAE,kBAAkB,CAAO;IAC3F,UAAU;;QACR,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,SAAG,IAAI,CAAC,IAAI,mCAAI,EAAE,CAAC;QAEvE,OAAO,IAAI,CAAA;;;gCAGiB,EAAE,KAAK,EAAE,YAAY,EAAE;;cAEzC,aAAa;;;;mCAIQ,aAAa;;KAE3C,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\n/**\n * Basic card displaying webhook log (`fx:webhook_log`) info.\n *\n * @element foxy-webhook-log-card\n * @since 1.17.0\n */\nexport class WebhookLogCard extends TranslatableMixin(InternalCard, 'webhook-log-card')<Data> {\n  renderBody(): TemplateResult {\n    const { date_created, response_code, response_body } = this.data ?? {};\n\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: date_created }} infer=\"\" key=\"date\"></foxy-i18n>\n          <span class=\"inline-block text-xs bg-contrast-5 text-secondary rounded p-xs\">\n            ${response_code}&ZeroWidthSpace;\n          </span>\n        </p>\n\n        <p class=\"text-tertiary\">${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,16 @@
+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;
+};
+/**
+ * Basic card displaying webhook status (`fx:webhook_status`) info.
+ *
+ * @element foxy-webhook-status-card
+ * @since 1.17.0
+ */
+export declare class WebhookStatusCard extends Base<Data> {
+    renderBody(): TemplateResult;
+}
+export {};