@foxy.io/elements 1.16.0 → 1.17.0

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 {};

package/dist/elements/public/WebhookStatusCard/WebhookStatusCard.js

@@ -0,0 +1,41 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { InternalCard } from "../../internal/InternalCard/InternalCard.js";
+import { html } from 'lit-html';
+import { classMap } from "../../../utils/class-map.js";
+const NS = 'webhook-status-card';
+const Base = TranslatableMixin(InternalCard, NS);
+/**
+ * Basic card displaying webhook status (`fx:webhook_status`) info.
+ *
+ * @element foxy-webhook-status-card
+ * @since 1.17.0
+ */
+export class WebhookStatusCard extends Base {
+    renderBody() {
+        var _a, _b;
+        const status = (_a = this.data) === null || _a === void 0 ? void 0 : _a.status;
+        return html `
+      <p class="flex justify-between items-center leading-none">
+        <foxy-i18n
+          .options=${{ value: (_b = this.data) === null || _b === void 0 ? void 0 : _b.date_created }}
+          class="font-semibold"
+          infer=""
+          key="date"
+        >
+        </foxy-i18n>
+
+        <foxy-i18n
+          class=${classMap({
+            'text-error': status === 'failed',
+            'text-tertiary': status === 'pending',
+            'text-success': status === 'successful',
+        })}
+          infer=""
+          key="status_${status}"
+        >
+        </foxy-i18n>
+      </p>
+    `;
+    }
+}
+//# sourceMappingURL=WebhookStatusCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WebhookStatusCard.js","sourceRoot":"","sources":["../../../../src/elements/public/WebhookStatusCard/WebhookStatusCard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AAEpD,MAAM,EAAE,GAAG,qBAAqB,CAAC;AACjC,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD;;;;;GAKG;AACH,MAAM,OAAO,iBAAkB,SAAQ,IAAU;IAC/C,UAAU;;QACR,MAAM,MAAM,SAAG,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC;QAEjC,OAAO,IAAI,CAAA;;;qBAGM,EAAE,KAAK,QAAE,IAAI,CAAC,IAAI,0CAAE,YAAY,EAAE;;;;;;;;kBAQrC,QAAQ,CAAC;YACf,YAAY,EAAE,MAAM,KAAK,QAAQ;YACjC,eAAe,EAAE,MAAM,KAAK,SAAS;YACrC,cAAc,EAAE,MAAM,KAAK,YAAY;SACxC,CAAC;;wBAEY,MAAM;;;;KAIzB,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';\nimport { classMap } from '../../../utils/class-map';\n\nconst NS = 'webhook-status-card';\nconst Base = TranslatableMixin(InternalCard, NS);\n\n/**\n * Basic card displaying webhook status (`fx:webhook_status`) info.\n *\n * @element foxy-webhook-status-card\n * @since 1.17.0\n */\nexport class WebhookStatusCard extends Base<Data> {\n  renderBody(): TemplateResult {\n    const status = this.data?.status;\n\n    return html`\n      <p class=\"flex justify-between items-center leading-none\">\n        <foxy-i18n\n          .options=${{ value: this.data?.date_created }}\n          class=\"font-semibold\"\n          infer=\"\"\n          key=\"date\"\n        >\n        </foxy-i18n>\n\n        <foxy-i18n\n          class=${classMap({\n            'text-error': status === 'failed',\n            'text-tertiary': status === 'pending',\n            'text-success': status === 'successful',\n          })}\n          infer=\"\"\n          key=\"status_${status}\"\n        >\n        </foxy-i18n>\n      </p>\n    `;\n  }\n}\n"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/WebhookStatusCard/index.ts"],"names":[],"mappings":"AAAA,0BAAuB;AACvB,8CAA2C;AAE3C,OAAO,EAAE,iBAAiB,EAAE,+BAA4B;AAExD,cAAc,CAAC,MAAM,CAAC,0BAA0B,EAAE,iBAAiB,CAAC,CAAC;AAErE,OAAO,EAAE,iBAAiB,EAAE,CAAC","sourcesContent":["import '../I18n/index';\nimport '../../internal/InternalCard/index';\n\nimport { WebhookStatusCard } from './WebhookStatusCard';\n\ncustomElements.define('foxy-webhook-status-card', WebhookStatusCard);\n\nexport { WebhookStatusCard };\n"]}

package/dist/elements/public/WebhookStatusCard/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.WebhookStatus>;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/WebhookStatusCard/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.WebhookStatus>;\n"]}

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

@@ -1,15 +1,18 @@
 export { AccessRecoveryForm } from './AccessRecoveryForm/AccessRecoveryForm';
 export { AddressCard } from './AddressCard/AddressCard';
 export { AddressForm } from './AddressForm/AddressForm';
+export { ApiBrowser } from './ApiBrowser/ApiBrowser';
 export { AppliedTaxCard } from './AppliedTaxCard/AppliedTaxCard';
 export { AttributeCard } from './AttributeCard/AttributeCard';
 export { AttributeForm } from './AttributeForm/AttributeForm';
 export { CancellationForm } from './CancellationForm/CancellationForm';
 export { CollectionPage } from './CollectionPage/CollectionPage';
 export { CollectionPages } from './CollectionPages/CollectionPages';
+export { CopyToClipboard } from './CopyToClipboard/CopyToClipboard';
 export { CouponCard } from './CouponCard/CouponCard';
 export { CouponCodeForm } from './CouponCodeForm/CouponCodeForm';
 export { CouponCodesForm } from './CouponCodesForm/CouponCodesForm';
+export { CouponDetailCard } from './CouponDetailCard/index';
 export { CouponForm } from './CouponForm/CouponForm';
 export { Customer } from './Customer/Customer';
 export { CustomerApi } from './CustomerApi/CustomerApi';
@@ -20,7 +23,11 @@ export { CustomerPortalSettings } from './CustomerPortalSettings/CustomerPortalS
 export { CustomersTable } from './CustomersTable/CustomersTable';
 export { CustomFieldCard } from './CustomFieldCard/CustomFieldCard';
 export { CustomFieldForm } from './CustomFieldForm/CustomFieldForm';
+export { DiscountBuilder } from './DiscountBuilder/DiscountBuilder';
 export { DiscountCard } from './DiscountCard/DiscountCard';
+export { DiscountDetailCard } from './DiscountDetailCard/DiscountDetailCard';
+export { ReportForm } from './ReportForm/ReportForm';
+export { ReportsTable } from './ReportsTable/ReportsTable';
 export { Donation } from './Donation/Donation';
 export { EmailTemplateForm } from './EmailTemplateForm/EmailTemplateForm';
 export { ErrorEntryCard } from './ErrorEntryCard/ErrorEntryCard';
@@ -31,10 +38,15 @@ export { GiftCardCodeForm } from './GiftCardCodeForm/GiftCardCodeForm';
 export { GiftCardCodesForm } from './GiftCardCodesForm/GiftCardCodesForm';
 export { GiftCardForm } from './GiftCardForm/GiftCardForm';
 export { I18n } from './I18n/I18n';
+export { ItemCard } from './ItemCard/ItemCard';
+export { ItemForm } from './ItemForm/ItemForm';
+export { ItemOptionCard } from './ItemOptionCard/ItemOptionCard';
+export { ItemOptionForm } from './ItemOptionForm/ItemOptionForm';
 export { ItemsForm, Item } from './ItemsForm/ItemsForm';
 export { NucleonElement } from './NucleonElement/NucleonElement';
 export { Pagination } from './Pagination/Pagination';
 export { PaymentCard } from './PaymentCard/PaymentCard';
+export { ShipmentCard } from './ShipmentCard/ShipmentCard';
 export { PaymentMethodCard } from './PaymentMethodCard/PaymentMethodCard';
 export { QueryBuilder } from './QueryBuilder/QueryBuilder';
 export { SignInForm } from './SignInForm/SignInForm';
@@ -42,12 +54,18 @@ export { Spinner } from './Spinner/Spinner';
 export { SubscriptionCard } from './SubscriptionCard/SubscriptionCard';
 export { SubscriptionForm } from './SubscriptionForm/SubscriptionForm';
 export { SubscriptionsTable } from './SubscriptionsTable/SubscriptionsTable';
+export { SwipeActions } from './SwipeActions/SwipeActions';
 export { Table } from './Table/Table';
 export { TaxCard } from './TaxCard/TaxCard';
 export { TaxForm } from './TaxForm/TaxForm';
 export { TemplateForm } from './TemplateForm/TemplateForm';
 export { TemplateConfigForm } from './TemplateConfigForm/TemplateConfigForm';
 export { TransactionCard } from './TransactionCard/TransactionCard';
+export { Transaction } from './Transaction/Transaction';
 export { TransactionsTable } from './TransactionsTable/TransactionsTable';
 export { UserForm } from './UserForm/UserForm';
 export { UsersTable } from './UsersTable/UsersTable';
+export { WebhookCard } from './WebhookCard/WebhookCard';
+export { WebhookForm } from './WebhookForm/WebhookForm';
+export { WebhookLogCard } from './WebhookLogCard/WebhookLogCard';
+export { WebhookStatusCard } from './WebhookStatusCard/WebhookStatusCard';

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

@@ -1,15 +1,18 @@
 export { AccessRecoveryForm } from './AccessRecoveryForm/index';
 export { AddressCard } from './AddressCard/index';
 export { AddressForm } from './AddressForm/index';
+export { ApiBrowser } from './ApiBrowser/index';
 export { AppliedTaxCard } from './AppliedTaxCard/index';
 export { AttributeCard } from './AttributeCard/index';
 export { AttributeForm } from './AttributeForm/index';
 export { CancellationForm } from './CancellationForm/index';
 export { CollectionPage } from './CollectionPage/index';
 export { CollectionPages } from './CollectionPages/index';
+export { CopyToClipboard } from './CopyToClipboard/index';
 export { CouponCard } from './CouponCard/index';
 export { CouponCodeForm } from './CouponCodeForm/index';
 export { CouponCodesForm } from './CouponCodesForm/index';
+export { CouponDetailCard } from './CouponDetailCard/index';
 export { CouponForm } from './CouponForm/index';
 export { Customer } from './Customer/index';
 export { CustomerApi } from './CustomerApi/index';
@@ -20,7 +23,11 @@ export { CustomerPortalSettings } from './CustomerPortalSettings/index';
 export { CustomersTable } from './CustomersTable/index';
 export { CustomFieldCard } from './CustomFieldCard/index';
 export { CustomFieldForm } from './CustomFieldForm/index';
+export { DiscountBuilder } from './DiscountBuilder/index';
 export { DiscountCard } from './DiscountCard/index';
+export { DiscountDetailCard } from './DiscountDetailCard/index';
+export { ReportForm } from './ReportForm/index';
+export { ReportsTable } from './ReportsTable/index';
 export { Donation } from './Donation/index';
 export { EmailTemplateForm } from './EmailTemplateForm/index';
 export { ErrorEntryCard } from './ErrorEntryCard/index';
@@ -31,10 +38,15 @@ export { GiftCardCodeForm } from './GiftCardCodeForm/index';
 export { GiftCardCodesForm } from './GiftCardCodesForm/index';
 export { GiftCardForm } from './GiftCardForm/index';
 export { I18n } from './I18n/index';
+export { ItemCard } from './ItemCard/index';
+export { ItemForm } from './ItemForm/index';
+export { ItemOptionCard } from './ItemOptionCard/index';
+export { ItemOptionForm } from './ItemOptionForm/index';
 export { ItemsForm, Item } from './ItemsForm/index';
 export { NucleonElement } from './NucleonElement/index';
 export { Pagination } from './Pagination/index';
 export { PaymentCard } from './PaymentCard/index';
+export { ShipmentCard } from './ShipmentCard/index';
 export { PaymentMethodCard } from './PaymentMethodCard/index';
 export { QueryBuilder } from './QueryBuilder/index';
 export { SignInForm } from './SignInForm/index';
@@ -42,12 +54,18 @@ export { Spinner } from './Spinner/index';
 export { SubscriptionCard } from './SubscriptionCard/index';
 export { SubscriptionForm } from './SubscriptionForm/index';
 export { SubscriptionsTable } from './SubscriptionsTable/index';
+export { SwipeActions } from './SwipeActions/index';
 export { Table } from './Table/index';
 export { TaxCard } from './TaxCard/index';
 export { TaxForm } from './TaxForm/index';
 export { TemplateConfigForm } from './TemplateConfigForm/index';
 export { TemplateForm } from './TemplateForm/index';
 export { TransactionCard } from './TransactionCard/index';
+export { Transaction } from './Transaction/index';
 export { TransactionsTable } from './TransactionsTable/index';
 export { UserForm } from './UserForm/index';
 export { UsersTable } from './UsersTable/index';
+export { WebhookCard } from './WebhookCard/index';
+export { WebhookForm } from './WebhookForm/index';
+export { WebhookLogCard } from './WebhookLogCard/index';
+export { WebhookStatusCard } from './WebhookStatusCard/index';