@foxy.io/elements 1.25.0-beta.2 → 1.25.0-beta.4

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

@@ -1,106 +1,268 @@
 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';
+import { ResponsiveMixin } from "../../../mixins/responsive.js";
+import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { html } from 'lit-element';
+const NS = 'transaction';
+const Base = ResponsiveMixin(TranslatableMixin(InternalForm, NS));
 /**
  * Transaction summary page (`fx:transaction`).
  *
  * @element foxy-transaction
  * @since 1.17.0
  */
-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;
-}
-      `,
-        ];
+export class Transaction extends Base {
+    constructor() {
+        super(...arguments);
+        /** URL of the `fx:hosted_payment_gateways` property helper resource. */
+        this.hostedPaymentGatewaysHelper = null;
+        /** URL of the `fx:payment_gateways` property helper resource. */
+        this.paymentGatewaysHelper = null;
+        this.getSubscriptionPageHref = null;
+        this.getCustomerPageHref = null;
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            hostedPaymentGatewaysHelper: { attribute: 'hosted-payment-gateways-helper' },
+            paymentGatewaysHelper: { attribute: 'payment-gateways-helper' },
+            getSubscriptionPageHref: { attribute: false },
+            getCustomerPageHref: { attribute: false },
+        };
     }
     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`);
+            ? new BooleanSelector(`${super.readonlySelector} billing-addresses`)
+            : new BooleanSelector(`${super.readonlySelector} billing-addresses items attributes custom-fields`);
+    }
+    get hiddenSelector() {
+        var _a, _b;
+        const hidden = ['billing-addresses:dialog:delete billing-addresses:dialog:timestamps'];
+        const type = (_a = this.data) === null || _a === void 0 ? void 0 : _a.type;
+        if (!((_b = this.data) === null || _b === void 0 ? void 0 : _b._links['fx:subscription']))
+            hidden.push('subscription');
+        if (type === 'subscription_modification')
+            hidden.push('actions');
+        if (type === 'updateinfo') {
+            hidden.push('not=customer,subscription,payments,custom-fields,attributes');
+        }
+        if (type === 'subscription_cancellation') {
+            hidden.push('not=customer,subscription,custom-fields,attributes');
+        }
+        return new BooleanSelector(`${super.hiddenSelector} ${hidden.join(' ')}`.trim());
     }
     renderBody() {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+        let shipmentsLink = undefined;
+        let subtitleKey = 'subtitle';
+        let itemsLink = undefined;
+        const alertStatuses = ['problem', 'pending_fraud_review', 'rejected', 'declined'];
+        const hidden = this.hiddenSelector;
+        const source = (_a = this.data) === null || _a === void 0 ? void 0 : _a.source;
+        const type = (_b = this.data) === null || _b === void 0 ? void 0 : _b.type;
+        if (type === 'updateinfo') {
+            if (source === '' || (source === null || source === void 0 ? void 0 : source.startsWith('cit_'))) {
+                subtitleKey = 'subtitle_customer_changed_payment_method';
+            }
+            else if (source === 'mit_uoe') {
+                subtitleKey = 'subtitle_admin_changed_payment_method_with_uoe';
+            }
+            else if (source === 'mit_api') {
+                subtitleKey = 'subtitle_integration_changed_payment_method';
+            }
+            else {
+                subtitleKey = 'subtitle_admin_changed_payment_method';
+            }
+        }
+        else if (type === 'subscription_modification') {
+            if (source === '' || (source === null || source === void 0 ? void 0 : source.startsWith('cit_'))) {
+                subtitleKey = 'subtitle_customer_changed_subscription';
+            }
+            else if (source === 'mit_uoe') {
+                subtitleKey = 'subtitle_admin_changed_subscription_with_uoe';
+            }
+            else if (source === 'mit_api') {
+                subtitleKey = 'subtitle_integration_changed_subscription';
+            }
+            else {
+                subtitleKey = 'subtitle_admin_changed_subscription';
+            }
+        }
+        else if (type === 'subscription_renewal') {
+            if (source === 'mit_recurring') {
+                subtitleKey = 'subtitle_subscription_renewal_attempt';
+            }
+            else if (source === 'mit_recurring_reattempt_automated') {
+                subtitleKey = 'subtitle_subscription_renewal_automated_reattempt';
+            }
+            else if (source === 'mit_recurring_reattempt_manual') {
+                subtitleKey = 'subtitle_subscription_renewal_manual_reattempt';
+            }
+        }
+        else if (type === 'subscription_cancellation') {
+            if (source === 'cit_recurring_cancellation') {
+                subtitleKey = 'subtitle_customer_canceled_subscription';
+            }
+            else if (source === 'mit_recurring_cancellation') {
+                subtitleKey = 'subtitle_admin_canceled_subscription';
+            }
+        }
+        else {
+            if ((_c = this.data) === null || _c === void 0 ? void 0 : _c._links['fx:subscription']) {
+                if (source === null || source === void 0 ? void 0 : source.startsWith('cit_')) {
+                    subtitleKey = 'subtitle_customer_subscribed';
+                }
+                else if (source === 'mit_uoe') {
+                    subtitleKey = 'subtitle_admin_subscribed_with_uoe';
+                }
+                else if (source === 'mit_api') {
+                    subtitleKey = 'subtitle_integration_subscribed';
+                }
+            }
+            else {
+                if (source === null || source === void 0 ? void 0 : source.startsWith('cit_')) {
+                    subtitleKey = 'subtitle_customer_placed_order';
+                }
+                else if (source === 'mit_uoe') {
+                    subtitleKey = 'subtitle_admin_placed_order_with_uoe';
+                }
+                else if (source === 'mit_api') {
+                    subtitleKey = 'subtitle_integration_placed_order';
+                }
+            }
+        }
+        if (this.data) {
+            try {
+                const shipmentsUrl = new URL(this.data._links['fx:shipments'].href);
+                const itemsUrl = new URL(this.data._links['fx:items'].href);
+                shipmentsUrl.searchParams.set('zoom', 'items:item_category');
+                itemsUrl.searchParams.set('zoom', 'item_options');
+                shipmentsLink = shipmentsUrl.toString();
+                itemsLink = itemsUrl.toString();
+            }
+            catch (_p) {
+                //
+            }
+        }
         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
+      <h2>
+        <div class="flex items-center gap-s leading-xs text-xxl font-medium break-all">
+          <foxy-i18n infer="header" key="title" .options=${this.data}></foxy-i18n>
+          <foxy-copy-to-clipboard
+            infer="header"
+            class="inline-block text-m"
+            text=${(_d = this.data) === null || _d === void 0 ? void 0 : _d.display_id}
+          >
+          </foxy-copy-to-clipboard>
+        </div>
+
+        <foxy-i18n
+          class="block leading-xs text-l text-secondary"
+          infer="header"
+          key=${subtitleKey}
+          .options=${{
+            transaction_date: (_e = this.data) === null || _e === void 0 ? void 0 : _e.transaction_date,
+            ip_country: (_f = this.data) === null || _f === void 0 ? void 0 : _f.ip_country,
+        }}
         >
-        </foxy-internal-async-details-control>
+        </foxy-i18n>
 
-        <div class="grid gap-m self-start">
-          <foxy-internal-transaction-summary-control infer="summary">
-          </foxy-internal-transaction-summary-control>
+        <foxy-internal-transaction-actions-control class="mt-xs" infer="actions">
+        </foxy-internal-transaction-actions-control>
+      </h2>
 
-          <foxy-internal-transaction-customer-control infer="customer">
-          </foxy-internal-transaction-customer-control>
+      ${alertStatuses.includes((_h = (_g = this.data) === null || _g === void 0 ? void 0 : _g.status) !== null && _h !== void 0 ? _h : '')
+            ? html `
+            <p
+              class="leading-xs text-body rounded bg-error-10 block"
+              style="padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)"
+            >
+              <foxy-i18n infer="header" key="alert_status_${(_j = this.data) === null || _j === void 0 ? void 0 : _j.status}"></foxy-i18n>
+            </p>
+          `
+            : ''}
 
-          <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-transaction-customer-control infer="customer">
+      </foxy-internal-transaction-customer-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>
+      <div
+        class="grid gap-s"
+        ?hidden=${hidden.matches('items', true) && hidden.matches('summary', true)}
+      >
+        <foxy-internal-async-list-control
+          infer="items"
+          class="min-w-0"
+          first=${ifDefined(itemsLink)}
+          limit="10"
+          item="foxy-item-card"
+          form="foxy-item-form"
+          alert
+          .related=${[this.href]}
+        >
+        </foxy-internal-async-list-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-transaction-summary-control infer="summary" class="min-w-0">
+        </foxy-internal-transaction-summary-control>
+      </div>
 
-          <foxy-internal-async-details-control
-            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"
-            .related=${[this.href]}
-          >
-          </foxy-internal-async-details-control>
+      <foxy-internal-async-list-control
+        infer="billing-addresses"
+        first=${ifDefined((_k = this.data) === null || _k === void 0 ? void 0 : _k._links['fx:billing_addresses'].href)}
+        item="foxy-billing-address-card"
+        form="foxy-address-form"
+        hide-create-button
+        hide-delete-button
+        alert
+      >
+      </foxy-internal-async-list-control>
 
-          <foxy-internal-async-details-control
-            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"
-            .related=${[this.href]}
-          >
-          </foxy-internal-async-details-control>
+      <foxy-internal-async-list-control
+        infer="payments"
+        first=${ifDefined((_l = this.data) === null || _l === void 0 ? void 0 : _l._links['fx:payments'].href)}
+        item="foxy-payment-card"
+        .itemProps=${{
+            'hosted-payment-gateways-helper': this.hostedPaymentGatewaysHelper,
+            'payment-gateways-helper': this.paymentGatewaysHelper,
+        }}
+      >
+      </foxy-internal-async-list-control>
 
-          <foxy-internal-transaction-actions-control infer="actions">
-          </foxy-internal-transaction-actions-control>
-        </div>
+      <div
+        class="grid gap-m sm-grid-cols-2"
+        ?hidden=${hidden.matches('custom-fields', true) && hidden.matches('attributes', true)}
+      >
+        <foxy-internal-async-list-control
+          infer="custom-fields"
+          class="min-w-0"
+          first=${ifDefined((_m = this.data) === null || _m === void 0 ? void 0 : _m._links['fx:custom_fields'].href)}
+          limit="5"
+          form="foxy-custom-field-form"
+          item="foxy-custom-field-card"
+          alert
+        >
+        </foxy-internal-async-list-control>
+
+        <foxy-internal-async-list-control
+          infer="attributes"
+          class="min-w-0"
+          first=${ifDefined((_o = this.data) === null || _o === void 0 ? void 0 : _o._links['fx:attributes'].href)}
+          limit="5"
+          form="foxy-attribute-form"
+          item="foxy-attribute-card"
+          alert
+        >
+        </foxy-internal-async-list-control>
       </div>
+
+      <foxy-internal-async-list-control
+        infer="shipments"
+        first=${ifDefined(shipmentsLink)}
+        item="foxy-shipment-card"
+      >
+      </foxy-internal-async-list-control>
     `;
     }
 }

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

@@ -1 +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;;;;;GAKG;AACH,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;;;;;;;;oBAQrD,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,kBAAkB,EAAE,IAAI,CAAC;;;;uBAIlD,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;oBAMd,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,eAAe,EAAE,IAAI,CAAC;;;;uBAI/C,CAAC,IAAI,CAAC,IAAI,CAAC;;;;;;;;KAQ7B,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\n/**\n * Transaction summary page (`fx:transaction`).\n *\n * @element foxy-transaction\n * @since 1.17.0\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            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            .related=${[this.href]}\n          >\n          </foxy-internal-async-details-control>\n\n          <foxy-internal-async-details-control\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            .related=${[this.href]}\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"]}
+{"version":3,"file":"Transaction.js","sourceRoot":"","sources":["../../../../src/elements/public/Transaction/Transaction.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-element';\n\nconst NS = 'transaction';\nconst Base = ResponsiveMixin(TranslatableMixin(InternalForm, NS));\n\n/**\n * Transaction summary page (`fx:transaction`).\n *\n * @element foxy-transaction\n * @since 1.17.0\n */\nexport class Transaction extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      hostedPaymentGatewaysHelper: { attribute: 'hosted-payment-gateways-helper' },\n      paymentGatewaysHelper: { attribute: 'payment-gateways-helper' },\n      getSubscriptionPageHref: { attribute: false },\n      getCustomerPageHref: { attribute: false },\n    };\n  }\n\n  /** URL of the `fx:hosted_payment_gateways` property helper resource. */\n  hostedPaymentGatewaysHelper: string | null = null;\n\n  /** URL of the `fx:payment_gateways` property helper resource. */\n  paymentGatewaysHelper: string | null = null;\n\n  getSubscriptionPageHref: ((href: string) => string) | null = null;\n\n  getCustomerPageHref: ((href: string) => string) | null = null;\n\n  get readonlySelector(): BooleanSelector {\n    const isEditable = Boolean(this.data?._links['fx:void'] ?? this.data?._links['fx:refund']);\n    return isEditable\n      ? new BooleanSelector(`${super.readonlySelector} billing-addresses`)\n      : new BooleanSelector(\n          `${super.readonlySelector} billing-addresses items attributes custom-fields`\n        );\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const hidden = ['billing-addresses:dialog:delete billing-addresses:dialog:timestamps'];\n    const type = this.data?.type;\n\n    if (!this.data?._links['fx:subscription']) hidden.push('subscription');\n    if (type === 'subscription_modification') hidden.push('actions');\n\n    if (type === 'updateinfo') {\n      hidden.push('not=customer,subscription,payments,custom-fields,attributes');\n    }\n\n    if (type === 'subscription_cancellation') {\n      hidden.push('not=customer,subscription,custom-fields,attributes');\n    }\n\n    return new BooleanSelector(`${super.hiddenSelector} ${hidden.join(' ')}`.trim());\n  }\n\n  renderBody(): TemplateResult {\n    let shipmentsLink: string | undefined = undefined;\n    let subtitleKey = 'subtitle';\n    let itemsLink: string | undefined = undefined;\n\n    const alertStatuses = ['problem', 'pending_fraud_review', 'rejected', 'declined'];\n    const hidden = this.hiddenSelector;\n    const source = this.data?.source;\n    const type = this.data?.type;\n\n    if (type === 'updateinfo') {\n      if (source === '' || source?.startsWith('cit_')) {\n        subtitleKey = 'subtitle_customer_changed_payment_method';\n      } else if (source === 'mit_uoe') {\n        subtitleKey = 'subtitle_admin_changed_payment_method_with_uoe';\n      } else if (source === 'mit_api') {\n        subtitleKey = 'subtitle_integration_changed_payment_method';\n      } else {\n        subtitleKey = 'subtitle_admin_changed_payment_method';\n      }\n    } else if (type === 'subscription_modification') {\n      if (source === '' || source?.startsWith('cit_')) {\n        subtitleKey = 'subtitle_customer_changed_subscription';\n      } else if (source === 'mit_uoe') {\n        subtitleKey = 'subtitle_admin_changed_subscription_with_uoe';\n      } else if (source === 'mit_api') {\n        subtitleKey = 'subtitle_integration_changed_subscription';\n      } else {\n        subtitleKey = 'subtitle_admin_changed_subscription';\n      }\n    } else if (type === 'subscription_renewal') {\n      if (source === 'mit_recurring') {\n        subtitleKey = 'subtitle_subscription_renewal_attempt';\n      } else if (source === 'mit_recurring_reattempt_automated') {\n        subtitleKey = 'subtitle_subscription_renewal_automated_reattempt';\n      } else if (source === 'mit_recurring_reattempt_manual') {\n        subtitleKey = 'subtitle_subscription_renewal_manual_reattempt';\n      }\n    } else if (type === 'subscription_cancellation') {\n      if (source === 'cit_recurring_cancellation') {\n        subtitleKey = 'subtitle_customer_canceled_subscription';\n      } else if (source === 'mit_recurring_cancellation') {\n        subtitleKey = 'subtitle_admin_canceled_subscription';\n      }\n    } else {\n      if (this.data?._links['fx:subscription']) {\n        if (source?.startsWith('cit_')) {\n          subtitleKey = 'subtitle_customer_subscribed';\n        } else if (source === 'mit_uoe') {\n          subtitleKey = 'subtitle_admin_subscribed_with_uoe';\n        } else if (source === 'mit_api') {\n          subtitleKey = 'subtitle_integration_subscribed';\n        }\n      } else {\n        if (source?.startsWith('cit_')) {\n          subtitleKey = 'subtitle_customer_placed_order';\n        } else if (source === 'mit_uoe') {\n          subtitleKey = 'subtitle_admin_placed_order_with_uoe';\n        } else if (source === 'mit_api') {\n          subtitleKey = 'subtitle_integration_placed_order';\n        }\n      }\n    }\n\n    if (this.data) {\n      try {\n        const shipmentsUrl = new URL(this.data._links['fx:shipments'].href);\n        const itemsUrl = new URL(this.data._links['fx:items'].href);\n        shipmentsUrl.searchParams.set('zoom', 'items:item_category');\n        itemsUrl.searchParams.set('zoom', 'item_options');\n        shipmentsLink = shipmentsUrl.toString();\n        itemsLink = itemsUrl.toString();\n      } catch {\n        //\n      }\n    }\n\n    return html`\n      <h2>\n        <div class=\"flex items-center gap-s leading-xs text-xxl font-medium break-all\">\n          <foxy-i18n infer=\"header\" key=\"title\" .options=${this.data}></foxy-i18n>\n          <foxy-copy-to-clipboard\n            infer=\"header\"\n            class=\"inline-block text-m\"\n            text=${this.data?.display_id}\n          >\n          </foxy-copy-to-clipboard>\n        </div>\n\n        <foxy-i18n\n          class=\"block leading-xs text-l text-secondary\"\n          infer=\"header\"\n          key=${subtitleKey}\n          .options=${{\n            transaction_date: this.data?.transaction_date,\n            ip_country: this.data?.ip_country,\n          }}\n        >\n        </foxy-i18n>\n\n        <foxy-internal-transaction-actions-control class=\"mt-xs\" infer=\"actions\">\n        </foxy-internal-transaction-actions-control>\n      </h2>\n\n      ${alertStatuses.includes(this.data?.status ?? '')\n        ? html`\n            <p\n              class=\"leading-xs text-body rounded bg-error-10 block\"\n              style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n            >\n              <foxy-i18n infer=\"header\" key=\"alert_status_${this.data?.status}\"></foxy-i18n>\n            </p>\n          `\n        : ''}\n\n      <foxy-internal-transaction-customer-control infer=\"customer\">\n      </foxy-internal-transaction-customer-control>\n\n      <div\n        class=\"grid gap-s\"\n        ?hidden=${hidden.matches('items', true) && hidden.matches('summary', true)}\n      >\n        <foxy-internal-async-list-control\n          infer=\"items\"\n          class=\"min-w-0\"\n          first=${ifDefined(itemsLink)}\n          limit=\"10\"\n          item=\"foxy-item-card\"\n          form=\"foxy-item-form\"\n          alert\n          .related=${[this.href]}\n        >\n        </foxy-internal-async-list-control>\n\n        <foxy-internal-transaction-summary-control infer=\"summary\" class=\"min-w-0\">\n        </foxy-internal-transaction-summary-control>\n      </div>\n\n      <foxy-internal-async-list-control\n        infer=\"billing-addresses\"\n        first=${ifDefined(this.data?._links['fx:billing_addresses'].href)}\n        item=\"foxy-billing-address-card\"\n        form=\"foxy-address-form\"\n        hide-create-button\n        hide-delete-button\n        alert\n      >\n      </foxy-internal-async-list-control>\n\n      <foxy-internal-async-list-control\n        infer=\"payments\"\n        first=${ifDefined(this.data?._links['fx:payments'].href)}\n        item=\"foxy-payment-card\"\n        .itemProps=${{\n          'hosted-payment-gateways-helper': this.hostedPaymentGatewaysHelper,\n          'payment-gateways-helper': this.paymentGatewaysHelper,\n        }}\n      >\n      </foxy-internal-async-list-control>\n\n      <div\n        class=\"grid gap-m sm-grid-cols-2\"\n        ?hidden=${hidden.matches('custom-fields', true) && hidden.matches('attributes', true)}\n      >\n        <foxy-internal-async-list-control\n          infer=\"custom-fields\"\n          class=\"min-w-0\"\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          alert\n        >\n        </foxy-internal-async-list-control>\n\n        <foxy-internal-async-list-control\n          infer=\"attributes\"\n          class=\"min-w-0\"\n          first=${ifDefined(this.data?._links['fx:attributes'].href)}\n          limit=\"5\"\n          form=\"foxy-attribute-form\"\n          item=\"foxy-attribute-card\"\n          alert\n        >\n        </foxy-internal-async-list-control>\n      </div>\n\n      <foxy-internal-async-list-control\n        infer=\"shipments\"\n        first=${ifDefined(shipmentsLink)}\n        item=\"foxy-shipment-card\"\n      >\n      </foxy-internal-async-list-control>\n    `;\n  }\n}\n"]}

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

@@ -1,14 +1,15 @@
+import '../BillingAddressCard/index';
 import '../AttributeCard/index';
 import '../AttributeForm/index';
 import '../CustomFieldForm/index';
 import '../CustomFieldCard/index';
-import '../AppliedTaxCard/index';
-import '../DiscountCard/index';
+import '../CopyToClipboard/index';
 import '../ShipmentCard/index';
 import '../PaymentCard/index';
+import '../ItemCard/index';
 import '../ItemForm/index';
 import '../I18n/index';
-import '../../internal/InternalAsyncDetailsControl/index';
+import '../../internal/InternalAsyncListControl/index';
 import '../../internal/InternalForm/index';
 import './internal/InternalTransactionCustomerControl/index';
 import './internal/InternalTransactionActionsControl/index';

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

@@ -1,14 +1,15 @@
+import "../BillingAddressCard/index.js";
 import "../AttributeCard/index.js";
 import "../AttributeForm/index.js";
 import "../CustomFieldForm/index.js";
 import "../CustomFieldCard/index.js";
-import "../AppliedTaxCard/index.js";
-import "../DiscountCard/index.js";
+import "../CopyToClipboard/index.js";
 import "../ShipmentCard/index.js";
 import "../PaymentCard/index.js";
+import "../ItemCard/index.js";
 import "../ItemForm/index.js";
 import "../I18n/index.js";
-import "../../internal/InternalAsyncDetailsControl/index.js";
+import "../../internal/InternalAsyncListControl/index.js";
 import "../../internal/InternalForm/index.js";
 import "./internal/InternalTransactionCustomerControl/index.js";
 import "./internal/InternalTransactionActionsControl/index.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/Transaction/index.ts"],"names":[],"mappings":"AAAA,mCAAgC;AAChC,mCAAgC;AAChC,qCAAkC;AAClC,qCAAkC;AAClC,oCAAiC;AACjC,kCAA+B;AAC/B,kCAA+B;AAC/B,iCAA8B;AAC9B,8BAA2B;AAC3B,0BAAuB;AAEvB,6DAA0D;AAC1D,8CAA2C;AAE3C,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 '../AttributeCard/index';\nimport '../AttributeForm/index';\nimport '../CustomFieldForm/index';\nimport '../CustomFieldCard/index';\nimport '../AppliedTaxCard/index';\nimport '../DiscountCard/index';\nimport '../ShipmentCard/index';\nimport '../PaymentCard/index';\nimport '../ItemForm/index';\nimport '../I18n/index';\n\nimport '../../internal/InternalAsyncDetailsControl/index';\nimport '../../internal/InternalForm/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"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/Transaction/index.ts"],"names":[],"mappings":"AAAA,wCAAqC;AACrC,mCAAgC;AAChC,mCAAgC;AAChC,qCAAkC;AAClC,qCAAkC;AAClC,qCAAkC;AAClC,kCAA+B;AAC/B,iCAA8B;AAC9B,8BAA2B;AAC3B,8BAA2B;AAC3B,0BAAuB;AAEvB,0DAAuD;AACvD,8CAA2C;AAE3C,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 '../BillingAddressCard/index';\nimport '../AttributeCard/index';\nimport '../AttributeForm/index';\nimport '../CustomFieldForm/index';\nimport '../CustomFieldCard/index';\nimport '../CopyToClipboard/index';\nimport '../ShipmentCard/index';\nimport '../PaymentCard/index';\nimport '../ItemCard/index';\nimport '../ItemForm/index';\nimport '../I18n/index';\n\nimport '../../internal/InternalAsyncListControl/index';\nimport '../../internal/InternalForm/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

@@ -6,4 +6,5 @@ export declare class InternalTransactionActionsControl extends InternalControl {
     private __renderCaptureAction;
     private __renderVoidAction;
     private __renderRefundAction;
+    private __renderSubscriptionAction;
 }

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

@@ -3,13 +3,14 @@ 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;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         return html `
-      <div class="divide-y divide-contrast-10">
+      <div class="flex flex-wrap gap-x-m gap-y-xs">
         ${((_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() : ''}
+        ${((_k = (_j = this.nucleon) === null || _j === void 0 ? void 0 : _j.data) === null || _k === void 0 ? void 0 : _k._links['fx:subscription']) ? this.__renderSubscriptionAction() : ''}
       </div>
     `;
     }
@@ -18,7 +19,6 @@ export class InternalTransactionActionsControl extends InternalControl {
         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)}
         @done=${() => { var _a; return (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.refresh(); }}
       >
@@ -53,7 +53,6 @@ export class InternalTransactionActionsControl extends InternalControl {
         var _a, _b, _c;
         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)}
         @done=${() => { var _a; return (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.refresh(); }}
@@ -61,5 +60,19 @@ export class InternalTransactionActionsControl extends InternalControl {
       </foxy-internal-transaction-post-action-control>
     `;
     }
+    __renderSubscriptionAction() {
+        var _a, _b, _c;
+        const host = this.nucleon;
+        const subHref = (_b = (_a = host === null || host === void 0 ? void 0 : host.data) === null || _a === void 0 ? void 0 : _a._links['fx:subscription']) === null || _b === void 0 ? void 0 : _b.href;
+        const subPageHref = subHref ? (_c = host === null || host === void 0 ? void 0 : host.getSubscriptionPageHref) === null || _c === void 0 ? void 0 : _c.call(host, subHref) : void 0;
+        return html `
+      <a
+        class="rounded text-m font-medium text-primary cursor-pointer transition-opacity hover-opacity-80 focus-outline-none focus-ring-2 focus-ring-primary-50"
+        href=${ifDefined(subPageHref)}
+      >
+        <foxy-i18n infer="subscription" key="caption"></foxy-i18n>
+      </a>
+    `;
+    }
 }
 //# sourceMappingURL=InternalTransactionActionsControl.js.map

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

@@ -1 +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;gBAC3D,GAAG,EAAE,wBAAC,IAAI,CAAC,OAAO,0CAAE,OAAO,KAAE;;;KAGxC,CAAC;IACJ,CAAC;IAEO,qBAAqB;;QAC3B,OAAO,IAAI,CAAA;;;;eAIA,SAAS,aAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,YAAY,EAAE,IAAI,CAAC;gBACvD,GAAG,EAAE,wBAAC,IAAI,CAAC,OAAO,0CAAE,OAAO,KAAE;;;KAGxC,CAAC;IACJ,CAAC;IAEO,kBAAkB;;QACxB,OAAO,IAAI,CAAA;;;;eAIA,SAAS,mBAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,SAAS,2CAAG,IAAI,CAAC;gBACrD,GAAG,EAAE,wBAAC,IAAI,CAAC,OAAO,0CAAE,OAAO,KAAE;;;KAGxC,CAAC;IACJ,CAAC;IAEO,oBAAoB;;QAC1B,OAAO,IAAI,CAAA;;;;eAIA,SAAS,mBAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,WAAW,2CAAG,IAAI,CAAC;gBACvD,GAAG,EAAE,wBAAC,IAAI,CAAC,OAAO,0CAAE,OAAO,KAAE;;;KAGxC,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        @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        @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        @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        @done=${() => this.nucleon?.refresh()}\n      >\n      </foxy-internal-transaction-post-action-control>\n    `;\n  }\n}\n"]}
+{"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;AAGvF,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;UACnF,aAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,iBAAiB,GAAE,CAAC,CAAC,IAAI,CAAC,0BAA0B,EAAE,CAAC,CAAC,CAAC,EAAE;;KAE3F,CAAC;IACJ,CAAC;IAEO,wBAAwB;;QAC9B,OAAO,IAAI,CAAA;;;eAGA,SAAS,aAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC;gBAC3D,GAAG,EAAE,wBAAC,IAAI,CAAC,OAAO,0CAAE,OAAO,KAAE;;;KAGxC,CAAC;IACJ,CAAC;IAEO,qBAAqB;;QAC3B,OAAO,IAAI,CAAA;;;;eAIA,SAAS,aAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,YAAY,EAAE,IAAI,CAAC;gBACvD,GAAG,EAAE,wBAAC,IAAI,CAAC,OAAO,0CAAE,OAAO,KAAE;;;KAGxC,CAAC;IACJ,CAAC;IAEO,kBAAkB;;QACxB,OAAO,IAAI,CAAA;;;;eAIA,SAAS,mBAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,SAAS,2CAAG,IAAI,CAAC;gBACrD,GAAG,EAAE,wBAAC,IAAI,CAAC,OAAO,0CAAE,OAAO,KAAE;;;KAGxC,CAAC;IACJ,CAAC;IAEO,oBAAoB;;QAC1B,OAAO,IAAI,CAAA;;;eAGA,SAAS,mBAAC,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,WAAW,2CAAG,IAAI,CAAC;gBACvD,GAAG,EAAE,wBAAC,IAAI,CAAC,OAAO,0CAAE,OAAO,KAAE;;;KAGxC,CAAC;IACJ,CAAC;IAEO,0BAA0B;;QAChC,MAAM,IAAI,GAAG,IAAI,CAAC,OAA6B,CAAC;QAChD,MAAM,OAAO,eAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,0CAAE,MAAM,CAAC,iBAAiB,2CAAG,IAAI,CAAC;QAC5D,MAAM,WAAW,GAAG,OAAO,CAAC,CAAC,OAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,uBAAuB,+CAA7B,IAAI,EAA4B,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;QAEhF,OAAO,IAAI,CAAA;;;eAGA,SAAS,CAAC,WAAW,CAAC;;;;KAIhC,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 { Transaction } from '../../Transaction';\n\nexport class InternalTransactionActionsControl extends InternalControl {\n  renderControl(): TemplateResult {\n    return html`\n      <div class=\"flex flex-wrap gap-x-m gap-y-xs\">\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        ${this.nucleon?.data?._links['fx:subscription'] ? this.__renderSubscriptionAction() : ''}\n      </div>\n    `;\n  }\n\n  private __renderSendEmailsAction() {\n    return html`\n      <foxy-internal-transaction-post-action-control\n        infer=\"send-emails\"\n        href=${ifDefined(this.nucleon?.data?._links['fx:send_emails'].href)}\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        @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        @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        infer=\"refund\"\n        href=${ifDefined(this.nucleon?.data?._links['fx:refund']?.href)}\n        @done=${() => this.nucleon?.refresh()}\n      >\n      </foxy-internal-transaction-post-action-control>\n    `;\n  }\n\n  private __renderSubscriptionAction() {\n    const host = this.nucleon as Transaction | null;\n    const subHref = host?.data?._links['fx:subscription']?.href;\n    const subPageHref = subHref ? host?.getSubscriptionPageHref?.(subHref) : void 0;\n\n    return html`\n      <a\n        class=\"rounded text-m font-medium text-primary cursor-pointer transition-opacity hover-opacity-80 focus-outline-none focus-ring-2 focus-ring-primary-50\"\n        href=${ifDefined(subPageHref)}\n      >\n        <foxy-i18n infer=\"subscription\" key=\"caption\"></foxy-i18n>\n      </a>\n    `;\n  }\n}\n"]}

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

@@ -1,5 +1,11 @@
-import { TemplateResult } from 'lit-html';
+import type { PropertyDeclarations } from 'lit-element';
+import type { TemplateResult } from 'lit-html';
 import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
 export declare class InternalTransactionCustomerControl extends InternalControl {
+    static get properties(): PropertyDeclarations;
+    private __copyEmailState;
+    private __copyIdState;
     renderControl(): TemplateResult;
+    private __renderCopyAction;
+    private __copy;
 }