@foxy.io/elements 1.15.0 → 1.16.0-beta.11

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

@@ -0,0 +1,101 @@
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { css, html } from 'lit-element';
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
+import { BooleanSelector } from '@foxy.io/sdk/core';
+export class Transaction extends TranslatableMixin(InternalForm, 'transaction') {
+    static get styles() {
+        return [
+            ...super.styles,
+            css `#body{
+  display:grid;
+  grid-template-columns:repeat(auto-fill, minmax(calc(18.75 * var(--lumo-space-m)), 1fr));
+}
+
+#body > :first-child{
+  grid-column-start:1;
+  grid-column-end:-2;
+}
+      `,
+        ];
+    }
+    get readonlySelector() {
+        var _a, _b, _c;
+        const isEditable = Boolean((_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a._links['fx:void']) !== null && _b !== void 0 ? _b : (_c = this.data) === null || _c === void 0 ? void 0 : _c._links['fx:refund']);
+        return isEditable
+            ? super.readonlySelector
+            : new BooleanSelector(`${super.readonlySelector} attributes custom-fields`);
+    }
+    renderBody() {
+        var _a, _b, _c, _d, _e, _f;
+        return html `
+      <div id="body" class="gap-m">
+        <foxy-internal-async-details-control
+          infer="shipments"
+          first=${ifDefined((_a = this.data) === null || _a === void 0 ? void 0 : _a._links['fx:shipments'].href)}
+          item="foxy-shipment-card"
+          open
+        >
+        </foxy-internal-async-details-control>
+
+        <div class="grid gap-m self-start">
+          <foxy-internal-transaction-summary-control infer="summary">
+          </foxy-internal-transaction-summary-control>
+
+          <foxy-internal-transaction-customer-control infer="customer">
+          </foxy-internal-transaction-customer-control>
+
+          <foxy-internal-async-details-control
+            infer="payments"
+            class="max-w-full overflow-hidden"
+            first=${ifDefined((_b = this.data) === null || _b === void 0 ? void 0 : _b._links['fx:payments'].href)}
+            limit="1"
+            item="foxy-payment-card"
+            open
+          >
+          </foxy-internal-async-details-control>
+
+          <foxy-internal-async-details-control
+            infer="discounts"
+            first=${ifDefined((_c = this.data) === null || _c === void 0 ? void 0 : _c._links['fx:discounts'].href)}
+            limit="5"
+            item="foxy-discount-card"
+          >
+          </foxy-internal-async-details-control>
+
+          <foxy-internal-async-details-control
+            infer="applied-taxes"
+            first=${ifDefined((_d = this.data) === null || _d === void 0 ? void 0 : _d._links['fx:applied_taxes'].href)}
+            limit="5"
+            item="foxy-applied-tax-card"
+          >
+          </foxy-internal-async-details-control>
+
+          <foxy-internal-async-details-control
+            related=${JSON.stringify([this.href])}
+            infer="custom-fields"
+            first=${ifDefined((_e = this.data) === null || _e === void 0 ? void 0 : _e._links['fx:custom_fields'].href)}
+            limit="5"
+            form="foxy-custom-field-form"
+            item="foxy-custom-field-card"
+          >
+          </foxy-internal-async-details-control>
+
+          <foxy-internal-async-details-control
+            related=${JSON.stringify([this.href])}
+            infer="attributes"
+            first=${ifDefined((_f = this.data) === null || _f === void 0 ? void 0 : _f._links['fx:attributes'].href)}
+            limit="5"
+            form="foxy-attribute-form"
+            item="foxy-attribute-card"
+          >
+          </foxy-internal-async-details-control>
+
+          <foxy-internal-transaction-actions-control infer="actions">
+          </foxy-internal-transaction-actions-control>
+        </div>
+      </div>
+    `;
+    }
+}
+//# sourceMappingURL=Transaction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Transaction.js","sourceRoot":"","sources":["../../../../src/elements/public/Transaction/Transaction.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,OAAO,WAAY,SAAQ,iBAAiB,CAAC,YAAY,EAAE,aAAa,CAAO;IACnF,MAAM,KAAK,MAAM;QACf,OAAO;YACL,GAAG,KAAK,CAAC,MAAM;YACf,GAAG;;;;;;;;;OAUF;SACF,CAAC;IACJ,CAAC;IAED,IAAI,gBAAgB;;QAClB,MAAM,UAAU,GAAG,OAAO,aAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,SAAS,0CAAK,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,WAAW,EAAE,CAAC;QAC3F,OAAO,UAAU;YACf,CAAC,CAAC,KAAK,CAAC,gBAAgB;YACxB,CAAC,CAAC,IAAI,eAAe,CAAC,GAAG,KAAK,CAAC,gBAAgB,2BAA2B,CAAC,CAAC;IAChF,CAAC;IAED,UAAU;;QACR,OAAO,IAAI,CAAA;;;;kBAIG,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,cAAc,EAAE,IAAI,CAAC;;;;;;;;;;;;;;;;oBAgB/C,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,aAAa,EAAE,IAAI,CAAC;;;;;;;;;oBAShD,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,cAAc,EAAE,IAAI,CAAC;;;;;;;;oBAQjD,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,kBAAkB,EAAE,IAAI,CAAC;;;;;;;sBAOnD,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;oBAE7B,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,kBAAkB,EAAE,IAAI,CAAC;;;;;;;;sBAQnD,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;;oBAE7B,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,eAAe,EAAE,IAAI,CAAC;;;;;;;;;;;KAWjE,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { CSSResultArray, TemplateResult } from 'lit-element';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { css, html } from 'lit-element';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\n\nexport class Transaction extends TranslatableMixin(InternalForm, 'transaction')<Data> {\n  static get styles(): CSSResultArray {\n    return [\n      ...super.styles,\n      css`\n        #body {\n          display: grid;\n          grid-template-columns: repeat(auto-fill, minmax(calc(18.75 * var(--lumo-space-m)), 1fr));\n        }\n\n        #body > :first-child {\n          grid-column-start: 1;\n          grid-column-end: -2;\n        }\n      `,\n    ];\n  }\n\n  get readonlySelector(): BooleanSelector {\n    const isEditable = Boolean(this.data?._links['fx:void'] ?? this.data?._links['fx:refund']);\n    return isEditable\n      ? super.readonlySelector\n      : new BooleanSelector(`${super.readonlySelector} attributes custom-fields`);\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <div id=\"body\" class=\"gap-m\">\n        <foxy-internal-async-details-control\n          infer=\"shipments\"\n          first=${ifDefined(this.data?._links['fx:shipments'].href)}\n          item=\"foxy-shipment-card\"\n          open\n        >\n        </foxy-internal-async-details-control>\n\n        <div class=\"grid gap-m self-start\">\n          <foxy-internal-transaction-summary-control infer=\"summary\">\n          </foxy-internal-transaction-summary-control>\n\n          <foxy-internal-transaction-customer-control infer=\"customer\">\n          </foxy-internal-transaction-customer-control>\n\n          <foxy-internal-async-details-control\n            infer=\"payments\"\n            class=\"max-w-full overflow-hidden\"\n            first=${ifDefined(this.data?._links['fx:payments'].href)}\n            limit=\"1\"\n            item=\"foxy-payment-card\"\n            open\n          >\n          </foxy-internal-async-details-control>\n\n          <foxy-internal-async-details-control\n            infer=\"discounts\"\n            first=${ifDefined(this.data?._links['fx:discounts'].href)}\n            limit=\"5\"\n            item=\"foxy-discount-card\"\n          >\n          </foxy-internal-async-details-control>\n\n          <foxy-internal-async-details-control\n            infer=\"applied-taxes\"\n            first=${ifDefined(this.data?._links['fx:applied_taxes'].href)}\n            limit=\"5\"\n            item=\"foxy-applied-tax-card\"\n          >\n          </foxy-internal-async-details-control>\n\n          <foxy-internal-async-details-control\n            related=${JSON.stringify([this.href])}\n            infer=\"custom-fields\"\n            first=${ifDefined(this.data?._links['fx:custom_fields'].href)}\n            limit=\"5\"\n            form=\"foxy-custom-field-form\"\n            item=\"foxy-custom-field-card\"\n          >\n          </foxy-internal-async-details-control>\n\n          <foxy-internal-async-details-control\n            related=${JSON.stringify([this.href])}\n            infer=\"attributes\"\n            first=${ifDefined(this.data?._links['fx:attributes'].href)}\n            limit=\"5\"\n            form=\"foxy-attribute-form\"\n            item=\"foxy-attribute-card\"\n          >\n          </foxy-internal-async-details-control>\n\n          <foxy-internal-transaction-actions-control infer=\"actions\">\n          </foxy-internal-transaction-actions-control>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,19 @@
+import '@vaadin/vaadin-button';
+import '@polymer/iron-icons/communication-icons';
+import '@polymer/iron-icons';
+import '../AttributeCard/index';
+import '../AttributeForm/index';
+import '../CustomFieldForm/index';
+import '../AppliedTaxCard/index';
+import '../CustomFieldCard/index';
+import '../DiscountCard/index';
+import '../ShipmentCard/index';
+import '../PaymentCard/index';
+import '../ItemForm/index';
+import '../I18n/index';
+import '../../internal/InternalAsyncDetailsControl/index';
+import './internal/InternalTransactionCustomerControl/index';
+import './internal/InternalTransactionActionsControl/index';
+import './internal/InternalTransactionSummaryControl/index';
+import { Transaction } from './Transaction';
+export { Transaction };

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

@@ -0,0 +1,21 @@
+import '@vaadin/vaadin-button';
+import '@polymer/iron-icons/communication-icons';
+import '@polymer/iron-icons';
+import "../AttributeCard/index.js";
+import "../AttributeForm/index.js";
+import "../CustomFieldForm/index.js";
+import "../AppliedTaxCard/index.js";
+import "../CustomFieldCard/index.js";
+import "../DiscountCard/index.js";
+import "../ShipmentCard/index.js";
+import "../PaymentCard/index.js";
+import "../ItemForm/index.js";
+import "../I18n/index.js";
+import "../../internal/InternalAsyncDetailsControl/index.js";
+import "./internal/InternalTransactionCustomerControl/index.js";
+import "./internal/InternalTransactionActionsControl/index.js";
+import "./internal/InternalTransactionSummaryControl/index.js";
+import { Transaction } from "./Transaction.js";
+customElements.define('foxy-transaction', Transaction);
+export { Transaction };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/Transaction/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAC/B,OAAO,yCAAyC,CAAC;AACjD,OAAO,qBAAqB,CAAC;AAE7B,mCAAgC;AAChC,mCAAgC;AAChC,qCAAkC;AAClC,oCAAiC;AACjC,qCAAkC;AAClC,kCAA+B;AAC/B,kCAA+B;AAC/B,iCAA8B;AAC9B,8BAA2B;AAC3B,0BAAuB;AAEvB,6DAA0D;AAE1D,gEAA6D;AAC7D,+DAA4D;AAC5D,+DAA4D;AAE5D,OAAO,EAAE,WAAW,EAAE,yBAAsB;AAE5C,cAAc,CAAC,MAAM,CAAC,kBAAkB,EAAE,WAAW,CAAC,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-button';\nimport '@polymer/iron-icons/communication-icons';\nimport '@polymer/iron-icons';\n\nimport '../AttributeCard/index';\nimport '../AttributeForm/index';\nimport '../CustomFieldForm/index';\nimport '../AppliedTaxCard/index';\nimport '../CustomFieldCard/index';\nimport '../DiscountCard/index';\nimport '../ShipmentCard/index';\nimport '../PaymentCard/index';\nimport '../ItemForm/index';\nimport '../I18n/index';\n\nimport '../../internal/InternalAsyncDetailsControl/index';\n\nimport './internal/InternalTransactionCustomerControl/index';\nimport './internal/InternalTransactionActionsControl/index';\nimport './internal/InternalTransactionSummaryControl/index';\n\nimport { Transaction } from './Transaction';\n\ncustomElements.define('foxy-transaction', Transaction);\n\nexport { Transaction };\n"]}

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

@@ -0,0 +1,9 @@
+import { TemplateResult } from 'lit-html';
+import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
+export declare class InternalTransactionActionsControl extends InternalControl {
+    renderControl(): TemplateResult;
+    private __renderSendEmailsAction;
+    private __renderCaptureAction;
+    private __renderVoidAction;
+    private __renderRefundAction;
+}

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

@@ -0,0 +1,69 @@
+import { html } from 'lit-html';
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+export class InternalTransactionActionsControl extends InternalControl {
+    renderControl() {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        return html `
+      <div class="divide-y divide-contrast-10">
+        ${((_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b._links['fx:capture']) ? this.__renderCaptureAction() : ''}
+        ${((_d = (_c = this.nucleon) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d._links['fx:void']) ? this.__renderVoidAction() : ''}
+        ${((_f = (_e = this.nucleon) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f._links['fx:refund']) ? this.__renderRefundAction() : ''}
+        ${((_h = (_g = this.nucleon) === null || _g === void 0 ? void 0 : _g.data) === null || _h === void 0 ? void 0 : _h._links['fx:send_emails']) ? this.__renderSendEmailsAction() : ''}
+      </div>
+    `;
+    }
+    __renderSendEmailsAction() {
+        var _a, _b, _c;
+        return html `
+      <foxy-internal-transaction-post-action-control
+        infer="send-emails"
+        theme="contrast"
+        href=${ifDefined((_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b._links['fx:send_emails'].href)}
+        key="send_emails"
+        @done=${(_c = this.nucleon) === null || _c === void 0 ? void 0 : _c.refresh}
+      >
+      </foxy-internal-transaction-post-action-control>
+    `;
+    }
+    __renderCaptureAction() {
+        var _a, _b, _c;
+        return html `
+      <foxy-internal-transaction-post-action-control
+        theme="success"
+        infer="capture"
+        href=${ifDefined((_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b._links['fx:capture'].href)}
+        key="capture"
+        @done=${(_c = this.nucleon) === null || _c === void 0 ? void 0 : _c.refresh}
+      >
+      </foxy-internal-transaction-post-action-control>
+    `;
+    }
+    __renderVoidAction() {
+        var _a, _b, _c, _d;
+        return html `
+      <foxy-internal-transaction-post-action-control
+        theme="error"
+        infer="void"
+        href=${ifDefined((_c = (_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b._links['fx:void']) === null || _c === void 0 ? void 0 : _c.href)}
+        key="void"
+        @done=${(_d = this.nucleon) === null || _d === void 0 ? void 0 : _d.refresh}
+      >
+      </foxy-internal-transaction-post-action-control>
+    `;
+    }
+    __renderRefundAction() {
+        var _a, _b, _c, _d;
+        return html `
+      <foxy-internal-transaction-post-action-control
+        theme="contrast"
+        infer="refund"
+        href=${ifDefined((_c = (_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b._links['fx:refund']) === null || _c === void 0 ? void 0 : _c.href)}
+        key="refund"
+        @done=${(_d = this.nucleon) === null || _d === void 0 ? void 0 : _d.refresh}
+      >
+      </foxy-internal-transaction-post-action-control>
+    `;
+    }
+}
+//# sourceMappingURL=InternalTransactionActionsControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InternalTransactionActionsControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/Transaction/internal/InternalTransactionActionsControl/InternalTransactionActionsControl.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;AAEvF,MAAM,OAAO,iCAAkC,SAAQ,eAAe;IACpE,aAAa;;QACX,OAAO,IAAI,CAAA;;UAEL,aAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,YAAY,GAAE,CAAC,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC,CAAC,CAAC,EAAE;UAC5E,aAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,SAAS,GAAE,CAAC,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,EAAE;UACtE,aAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,WAAW,GAAE,CAAC,CAAC,IAAI,CAAC,oBAAoB,EAAE,CAAC,CAAC,CAAC,EAAE;UAC1E,aAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,gBAAgB,GAAE,CAAC,CAAC,IAAI,CAAC,wBAAwB,EAAE,CAAC,CAAC,CAAC,EAAE;;KAExF,CAAC;IACJ,CAAC;IAEO,wBAAwB;;QAC9B,OAAO,IAAI,CAAA;;;;eAIA,SAAS,aAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC;;gBAE3D,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO;;;KAGhC,CAAC;IACJ,CAAC;IAEO,qBAAqB;;QAC3B,OAAO,IAAI,CAAA;;;;eAIA,SAAS,aAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,YAAY,EAAE,IAAI,CAAC;;gBAEvD,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO;;;KAGhC,CAAC;IACJ,CAAC;IAEO,kBAAkB;;QACxB,OAAO,IAAI,CAAA;;;;eAIA,SAAS,mBAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,SAAS,2CAAG,IAAI,CAAC;;gBAErD,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO;;;KAGhC,CAAC;IACJ,CAAC;IAEO,oBAAoB;;QAC1B,OAAO,IAAI,CAAA;;;;eAIA,SAAS,mBAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,WAAW,2CAAG,IAAI,CAAC;;gBAEvD,MAAA,IAAI,CAAC,OAAO,0CAAE,OAAO;;;KAGhC,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';\n\nexport class InternalTransactionActionsControl extends InternalControl {\n  renderControl(): TemplateResult {\n    return html`\n      <div class=\"divide-y divide-contrast-10\">\n        ${this.nucleon?.data?._links['fx:capture'] ? this.__renderCaptureAction() : ''}\n        ${this.nucleon?.data?._links['fx:void'] ? this.__renderVoidAction() : ''}\n        ${this.nucleon?.data?._links['fx:refund'] ? this.__renderRefundAction() : ''}\n        ${this.nucleon?.data?._links['fx:send_emails'] ? this.__renderSendEmailsAction() : ''}\n      </div>\n    `;\n  }\n\n  private __renderSendEmailsAction() {\n    return html`\n      <foxy-internal-transaction-post-action-control\n        infer=\"send-emails\"\n        theme=\"contrast\"\n        href=${ifDefined(this.nucleon?.data?._links['fx:send_emails'].href)}\n        key=\"send_emails\"\n        @done=${this.nucleon?.refresh}\n      >\n      </foxy-internal-transaction-post-action-control>\n    `;\n  }\n\n  private __renderCaptureAction() {\n    return html`\n      <foxy-internal-transaction-post-action-control\n        theme=\"success\"\n        infer=\"capture\"\n        href=${ifDefined(this.nucleon?.data?._links['fx:capture'].href)}\n        key=\"capture\"\n        @done=${this.nucleon?.refresh}\n      >\n      </foxy-internal-transaction-post-action-control>\n    `;\n  }\n\n  private __renderVoidAction() {\n    return html`\n      <foxy-internal-transaction-post-action-control\n        theme=\"error\"\n        infer=\"void\"\n        href=${ifDefined(this.nucleon?.data?._links['fx:void']?.href)}\n        key=\"void\"\n        @done=${this.nucleon?.refresh}\n      >\n      </foxy-internal-transaction-post-action-control>\n    `;\n  }\n\n  private __renderRefundAction() {\n    return html`\n      <foxy-internal-transaction-post-action-control\n        theme=\"contrast\"\n        infer=\"refund\"\n        href=${ifDefined(this.nucleon?.data?._links['fx:refund']?.href)}\n        key=\"refund\"\n        @done=${this.nucleon?.refresh}\n      >\n      </foxy-internal-transaction-post-action-control>\n    `;\n  }\n}\n"]}

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/Transaction/internal/InternalTransactionActionsControl/index.ts"],"names":[],"mappings":"AAAA,uDAAoD;AACpD,0DAAuD;AAEvD,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 '../InternalTransactionPostActionControl/index';\n\nimport { InternalTransactionActionsControl as Control } from './InternalTransactionActionsControl';\n\ncustomElements.define('foxy-internal-transaction-actions-control', Control);\n\nexport { Control as InternalTransactionActionsControl };\n"]}

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

@@ -0,0 +1,5 @@
+import { TemplateResult } from 'lit-html';
+import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
+export declare class InternalTransactionCustomerControl extends InternalControl {
+    renderControl(): TemplateResult;
+}

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 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>
+    `;
+    }
+}
+//# 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 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>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,7 @@
+import '../../../../internal/InternalDetails/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/InternalDetails/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,uDAAoD;AACpD,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/InternalDetails/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,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 = '';
+        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 `
+      <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() {
+        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;AAEzE,OAAO,EAAE,eAAe,EAAE,gEAA6D;AAEvF,OAAO,EAAE,cAAc,EAAE,kDAA+C;AAGxE,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;IAyCZ,CAAC;IAzDC,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;;;;;gBAKC,CAAC,GAAoB,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,IAAI,IAAI,CAAC,MAAM,EAAE;;;;;;iBAM/D,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;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 { 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      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      <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  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,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,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,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 {};