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

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

@@ -1 +1 @@
-{"version":3,"file":"QueryBuilder.js","sourceRoot":"","sources":["../../../../src/elements/public/QueryBuilder/QueryBuilder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,UAAU,EAAwC,MAAM,aAAa,CAAC;AAC/F,OAAO,EAAE,QAAQ,EAAU,IAAI,EAAE,mBAAgB;AAEjD,OAAO,EAAE,KAAK,EAAE,8BAA2B;AAC3C,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAC7D,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,KAAK,EAAE,yBAAsB;AACtC,OAAO,EAAE,SAAS,EAAE,6BAA0B;AAC9C,OAAO,EAAE,MAAM,EAAE,oBAAiB;AAElC,MAAM,EAAE,GAAG,eAAe,CAAC;AAC3B,MAAM,IAAI,GAAG,eAAe,CAAC,cAAc,CAAC,iBAAiB,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;AAEhF;;;;;;;GAOG;AACH,MAAM,YAAa,SAAQ,IAAI;IAA/B;;QAsBE,gCAAgC;QAChC,YAAO,GAAoB,IAAI,CAAC;QAEhC,2CAA2C;QAC3C,UAAK,GAAkB,IAAI,CAAC;IAa9B,CAAC;IA7BC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,OAAO,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YACxB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,CAAC;IAQD,MAAM;;QACJ,OAAO,KAAK,CAAC;YACX,YAAY,EAAE,KAAK,OAAC,IAAI,CAAC,KAAK,mCAAI,EAAE,CAAC;YACrC,OAAO,QAAE,IAAI,CAAC,OAAO,mCAAI,EAAE;YAC3B,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;YACpB,QAAQ,EAAE,QAAQ,CAAC,EAAE;gBACnB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;gBACjC,IAAI,CAAC,aAAa,CAAC,IAAI,YAAY,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC7D,CAAC;SACF,CAAC,CAAC;IACL,CAAC;;AArCD,uEAAuE;AACvD,wBAAW,GAAG,KAAM,SAAQ,WAAiB;CAAG,CAAC;AAEjE,2DAA2D;AAC3C,qBAAQ,GAAG,QAAQ,CAAC;AAEpC,6DAA6D;AAC7C,iBAAI,GAAG,IAAI,CAAC;AAiC9B,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import { CSSResultArray, LitElement, PropertyDeclarations, TemplateResult } from 'lit-element';\nimport { Operator, Option, Type } from './types';\n\nimport { Group } from './components/Group';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { parse } from './utils/parse';\nimport { stringify } from './utils/stringify';\nimport { styles } from './styles';\n\nconst NS = 'query-builder';\nconst Base = ResponsiveMixin(ThemeableMixin(TranslatableMixin(LitElement, NS)));\n\n/**\n * UI component for creating Foxy hAPI filters visually. Compatible with\n * Backend API, Customer API or any other API using the same format as described\n * in our [docs](https://api.foxy.io/docs/cheat-sheet).\n *\n * @element foxy-query-builder\n * @since 1.12.0\n */\nclass QueryBuilder extends Base {\n  /** QueryBuilder dispatches this event on itself when value changes. */\n  static readonly ChangeEvent = class extends CustomEvent<void> {};\n\n  /** Operator dictionary for use in autocomplete options. */\n  static readonly Operator = Operator;\n\n  /** Field type dictionary for use in autocomplete options. */\n  static readonly Type = Type;\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      options: { type: Array },\n      value: { type: String },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [super.styles, styles];\n  }\n\n  /** Autocomplete suggestions. */\n  options: Option[] | null = null;\n\n  /** Current value as hAPI filter string. */\n  value: string | null = null;\n\n  render(): TemplateResult {\n    return Group({\n      parsedValues: parse(this.value ?? ''),\n      options: this.options ?? [],\n      t: this.t.bind(this),\n      onChange: newValue => {\n        this.value = stringify(newValue);\n        this.dispatchEvent(new QueryBuilder.ChangeEvent('change'));\n      },\n    });\n  }\n}\n\nexport { QueryBuilder };\n"]}
+{"version":3,"file":"QueryBuilder.js","sourceRoot":"","sources":["../../../../src/elements/public/QueryBuilder/QueryBuilder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,UAAU,EAAwC,MAAM,aAAa,CAAC;AAC/F,OAAO,EAAE,QAAQ,EAAU,IAAI,EAAE,mBAAgB;AAEjD,OAAO,EAAE,KAAK,EAAE,8BAA2B;AAC3C,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAC7D,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,KAAK,EAAE,yBAAsB;AACtC,OAAO,EAAE,SAAS,EAAE,6BAA0B;AAC9C,OAAO,EAAE,MAAM,EAAE,oBAAiB;AAClC,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAE7D,MAAM,EAAE,GAAG,eAAe,CAAC;AAC3B,MAAM,IAAI,GAAG,eAAe,CAAC,cAAc,CAAC,iBAAiB,CAAC,eAAe,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;AAEjG;;;;;;;GAOG;AACH,MAAM,YAAa,SAAQ,IAAI;IAA/B;;QAsBE,gCAAgC;QAChC,YAAO,GAAoB,IAAI,CAAC;QAEhC,2CAA2C;QAC3C,UAAK,GAAkB,IAAI,CAAC;IAa9B,CAAC;IA7BC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,OAAO,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;YACxB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO,CAAC,KAAK,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,CAAC;IAQD,MAAM;;QACJ,OAAO,KAAK,CAAC;YACX,YAAY,EAAE,KAAK,OAAC,IAAI,CAAC,KAAK,mCAAI,EAAE,CAAC;YACrC,OAAO,QAAE,IAAI,CAAC,OAAO,mCAAI,EAAE;YAC3B,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;YACpB,QAAQ,EAAE,QAAQ,CAAC,EAAE;gBACnB,IAAI,CAAC,KAAK,GAAG,SAAS,CAAC,QAAQ,CAAC,CAAC;gBACjC,IAAI,CAAC,aAAa,CAAC,IAAI,YAAY,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;YAC7D,CAAC;SACF,CAAC,CAAC;IACL,CAAC;;AArCD,uEAAuE;AACvD,wBAAW,GAAG,KAAM,SAAQ,WAAiB;CAAG,CAAC;AAEjE,2DAA2D;AAC3C,qBAAQ,GAAG,QAAQ,CAAC;AAEpC,6DAA6D;AAC7C,iBAAI,GAAG,IAAI,CAAC;AAiC9B,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import { CSSResultArray, LitElement, PropertyDeclarations, TemplateResult } from 'lit-element';\nimport { Operator, Option, Type } from './types';\n\nimport { Group } from './components/Group';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { parse } from './utils/parse';\nimport { stringify } from './utils/stringify';\nimport { styles } from './styles';\nimport { InferrableMixin } from '../../../mixins/inferrable';\n\nconst NS = 'query-builder';\nconst Base = ResponsiveMixin(ThemeableMixin(TranslatableMixin(InferrableMixin(LitElement), NS)));\n\n/**\n * UI component for creating Foxy hAPI filters visually. Compatible with\n * Backend API, Customer API or any other API using the same format as described\n * in our [docs](https://api.foxy.io/docs/cheat-sheet).\n *\n * @element foxy-query-builder\n * @since 1.12.0\n */\nclass QueryBuilder extends Base {\n  /** QueryBuilder dispatches this event on itself when value changes. */\n  static readonly ChangeEvent = class extends CustomEvent<void> {};\n\n  /** Operator dictionary for use in autocomplete options. */\n  static readonly Operator = Operator;\n\n  /** Field type dictionary for use in autocomplete options. */\n  static readonly Type = Type;\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      options: { type: Array },\n      value: { type: String },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [super.styles, styles];\n  }\n\n  /** Autocomplete suggestions. */\n  options: Option[] | null = null;\n\n  /** Current value as hAPI filter string. */\n  value: string | null = null;\n\n  render(): TemplateResult {\n    return Group({\n      parsedValues: parse(this.value ?? ''),\n      options: this.options ?? [],\n      t: this.t.bind(this),\n      onChange: newValue => {\n        this.value = stringify(newValue);\n        this.dispatchEvent(new QueryBuilder.ChangeEvent('change'));\n      },\n    });\n  }\n}\n\nexport { QueryBuilder };\n"]}

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

@@ -0,0 +1,22 @@
+import type { TemplateResult } from 'lit-html';
+import type { Data } from './types';
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { PropertyDeclarations } from 'lit-element';
+import { InternalCard } from '../../internal/InternalCard/InternalCard';
+declare const ShipmentCard_base: typeof InternalCard & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+export declare class ShipmentCard extends ShipmentCard_base<Data> {
+    static get properties(): PropertyDeclarations;
+    __customerAddresses: string;
+    __currencyDisplay: string;
+    __itemCategories: string;
+    __editable: boolean;
+    __currency: string;
+    __coupons: string;
+    get hiddenSelector(): BooleanSelector;
+    get readonlySelector(): BooleanSelector;
+    renderBody(): TemplateResult;
+    protected _sendGet(): Promise<Data>;
+}
+export {};

package/dist/elements/public/ShipmentCard/ShipmentCard.js

@@ -0,0 +1,114 @@
+import { html } from 'lit-html';
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { BooleanSelector } from '@foxy.io/sdk/core';
+import { InternalCard } from "../../internal/InternalCard/InternalCard.js";
+export class ShipmentCard extends TranslatableMixin(InternalCard, 'shipment-card') {
+    constructor() {
+        super(...arguments);
+        this.__customerAddresses = '';
+        this.__currencyDisplay = '';
+        this.__itemCategories = '';
+        this.__editable = false;
+        this.__currency = '';
+        this.__coupons = '';
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            __customerAddresses: { attribute: false },
+            __currencyDisplay: { attribute: false },
+            __itemCategories: { attribute: false },
+            __editable: { attribute: false },
+            __currency: { attribute: false },
+            __coupons: { attribute: false },
+        };
+    }
+    get hiddenSelector() {
+        return new BooleanSelector(`${super.hiddenSelector.toString()} address:not=full-address`);
+    }
+    get readonlySelector() {
+        return this.__editable ? super.readonlySelector : BooleanSelector.True;
+    }
+    renderBody() {
+        var _a, _b, _c;
+        let itemsLink = undefined;
+        if (this.data) {
+            try {
+                const url = new URL(this.data._links['fx:items'].href);
+                url.searchParams.set('zoom', 'item_options');
+                itemsLink = url.toString();
+            }
+            catch (_d) {
+                //
+            }
+        }
+        const itemFormRenderer = ({ html, dialog, handleFetch, handleUpdate }) => html `
+      <foxy-item-form
+        disabledcontrols=${dialog.disabledSelector.toString()}
+        readonlycontrols=${dialog.readonlySelector.toString()}
+        hiddencontrols=${dialog.hiddenSelector.toString()}
+        customer-addresses=${this.__customerAddresses}
+        item-categories=${this.__itemCategories}
+        coupons=${this.__coupons}
+        parent=${dialog.parent}
+        href=${dialog.href}
+        lang=${dialog.lang}
+        ns=${dialog.ns}
+        @fetch=${handleFetch}
+        @update=${handleUpdate}
+      >
+      </foxy-item-form>
+    `;
+        return html `
+      <div class="space-y-m">
+        <foxy-address-card
+          infer="address"
+          href=${ifDefined((_a = this.data) === null || _a === void 0 ? void 0 : _a._links['fx:customer_address'].href)}
+        >
+          <div slot="full-address:after" class="flex items-center text-m space-x-s text-secondary">
+            <iron-icon icon="maps:local-shipping" class="icon-inline flex-shrink-0"></iron-icon>
+            <span class="truncate">
+              ${(_b = this.data) === null || _b === void 0 ? void 0 : _b.shipping_service_description} &bull;
+              <foxy-i18n
+                options=${JSON.stringify({
+            amount: `${(_c = this.data) === null || _c === void 0 ? void 0 : _c.total_shipping} ${this.__currency}`,
+            currencyDisplay: this.__currencyDisplay,
+        })}
+                key="price"
+                infer
+              >
+              </foxy-i18n>
+            </span>
+          </div>
+        </foxy-address-card>
+
+        <foxy-internal-collection-card
+          infer="items"
+          first=${ifDefined(itemsLink)}
+          limit="5"
+          item="foxy-item-card"
+          open
+          .form=${itemFormRenderer}
+        >
+        </foxy-internal-collection-card>
+      </div>
+    `;
+    }
+    async _sendGet() {
+        const shipment = await super._sendGet();
+        const [transaction, customer, store] = await Promise.all([
+            super._fetch(shipment._links['fx:transaction'].href),
+            super._fetch(shipment._links['fx:customer'].href),
+            super._fetch(shipment._links['fx:store'].href),
+        ]);
+        this.__customerAddresses = customer._links['fx:customer_addresses'].href;
+        this.__currencyDisplay = store.use_international_currency_symbol ? 'code' : 'symbol';
+        this.__itemCategories = store._links['fx:item_categories'].href;
+        this.__currency = transaction.currency_code;
+        this.__editable = !!transaction._links['fx:void'] || !!transaction._links['fx:refund'];
+        this.__coupons = store._links['fx:coupons'].href;
+        return shipment;
+    }
+}
+//# sourceMappingURL=ShipmentCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ShipmentCard.js","sourceRoot":"","sources":["../../../../src/elements/public/ShipmentCard/ShipmentCard.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Data } from './types';\n\nimport { html } from 'lit-html';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector, Resource } from '@foxy.io/sdk/core';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { PropertyDeclarations } from 'lit-element';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { FormRenderer } from '../FormDialog/types';\n\nexport class ShipmentCard extends TranslatableMixin(InternalCard, 'shipment-card')<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __customerAddresses: { attribute: false },\n      __currencyDisplay: { attribute: false },\n      __itemCategories: { attribute: false },\n      __editable: { attribute: false },\n      __currency: { attribute: false },\n      __coupons: { attribute: false },\n    };\n  }\n\n  __customerAddresses = '';\n\n  __currencyDisplay = '';\n\n  __itemCategories = '';\n\n  __editable = false;\n\n  __currency = '';\n\n  __coupons = '';\n\n  get hiddenSelector(): BooleanSelector {\n    return new BooleanSelector(`${super.hiddenSelector.toString()} address:not=full-address`);\n  }\n\n  get readonlySelector(): BooleanSelector {\n    return this.__editable ? super.readonlySelector : BooleanSelector.True;\n  }\n\n  renderBody(): TemplateResult {\n    let itemsLink: string | undefined = undefined;\n\n    if (this.data) {\n      try {\n        const url = new URL(this.data._links['fx:items'].href);\n        url.searchParams.set('zoom', 'item_options');\n        itemsLink = url.toString();\n      } catch {\n        //\n      }\n    }\n\n    const itemFormRenderer: FormRenderer = ({ html, dialog, handleFetch, handleUpdate }) => html`\n      <foxy-item-form\n        disabledcontrols=${dialog.disabledSelector.toString()}\n        readonlycontrols=${dialog.readonlySelector.toString()}\n        hiddencontrols=${dialog.hiddenSelector.toString()}\n        customer-addresses=${this.__customerAddresses}\n        item-categories=${this.__itemCategories}\n        coupons=${this.__coupons}\n        parent=${dialog.parent}\n        href=${dialog.href}\n        lang=${dialog.lang}\n        ns=${dialog.ns}\n        @fetch=${handleFetch}\n        @update=${handleUpdate}\n      >\n      </foxy-item-form>\n    `;\n\n    return html`\n      <div class=\"space-y-m\">\n        <foxy-address-card\n          infer=\"address\"\n          href=${ifDefined(this.data?._links['fx:customer_address'].href)}\n        >\n          <div slot=\"full-address:after\" class=\"flex items-center text-m space-x-s text-secondary\">\n            <iron-icon icon=\"maps:local-shipping\" class=\"icon-inline flex-shrink-0\"></iron-icon>\n            <span class=\"truncate\">\n              ${this.data?.shipping_service_description} &bull;\n              <foxy-i18n\n                options=${JSON.stringify({\n                  amount: `${this.data?.total_shipping} ${this.__currency}`,\n                  currencyDisplay: this.__currencyDisplay,\n                })}\n                key=\"price\"\n                infer\n              >\n              </foxy-i18n>\n            </span>\n          </div>\n        </foxy-address-card>\n\n        <foxy-internal-collection-card\n          infer=\"items\"\n          first=${ifDefined(itemsLink)}\n          limit=\"5\"\n          item=\"foxy-item-card\"\n          open\n          .form=${itemFormRenderer}\n        >\n        </foxy-internal-collection-card>\n      </div>\n    `;\n  }\n\n  protected async _sendGet(): Promise<Data> {\n    type Transaction = Resource<Rels.Transaction>;\n    type Customer = Resource<Rels.Customer>;\n    type Store = Resource<Rels.Store>;\n\n    const shipment = await super._sendGet();\n    const [transaction, customer, store] = await Promise.all([\n      super._fetch<Transaction>(shipment._links['fx:transaction'].href),\n      super._fetch<Customer>(shipment._links['fx:customer'].href),\n      super._fetch<Store>(shipment._links['fx:store'].href),\n    ]);\n\n    this.__customerAddresses = customer._links['fx:customer_addresses'].href;\n    this.__currencyDisplay = store.use_international_currency_symbol ? 'code' : 'symbol';\n    this.__itemCategories = store._links['fx:item_categories'].href;\n    this.__currency = transaction.currency_code;\n    this.__editable = !!transaction._links['fx:void'] || !!transaction._links['fx:refund'];\n    this.__coupons = store._links['fx:coupons'].href;\n\n    return shipment;\n  }\n}\n"]}

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

@@ -0,0 +1,7 @@
+import '../AddressCard/index';
+import '../ItemForm/index';
+import '../ItemCard/index';
+import '../I18n/index';
+import '../../internal/InternalCollectionCard/index';
+import { ShipmentCard } from './ShipmentCard';
+export { ShipmentCard };

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

@@ -0,0 +1,9 @@
+import "../AddressCard/index.js";
+import "../ItemForm/index.js";
+import "../ItemCard/index.js";
+import "../I18n/index.js";
+import "../../internal/InternalCollectionCard/index.js";
+import { ShipmentCard } from "./ShipmentCard.js";
+customElements.define('foxy-shipment-card', ShipmentCard);
+export { ShipmentCard };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/ShipmentCard/index.ts"],"names":[],"mappings":"AAAA,iCAA8B;AAC9B,8BAA2B;AAC3B,8BAA2B;AAC3B,0BAAuB;AAEvB,wDAAqD;AAErD,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,cAAc,CAAC,MAAM,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC;AAE1D,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import '../AddressCard/index';\nimport '../ItemForm/index';\nimport '../ItemCard/index';\nimport '../I18n/index';\n\nimport '../../internal/InternalCollectionCard/index';\n\nimport { ShipmentCard } from './ShipmentCard';\n\ncustomElements.define('foxy-shipment-card', ShipmentCard);\n\nexport { ShipmentCard };\n"]}

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

@@ -0,0 +1,18 @@
+import type { Rels } from '@foxy.io/sdk/backend';
+import type { Resource } from '@foxy.io/sdk/core';
+export declare type Rel = Rels.Shipment & {
+    links: {
+        'fx:custom_fields': Rels.CustomFields;
+        'fx:attributes': Rels.Attributes;
+    };
+    zooms: {
+        custom_fields?: Rels.CustomFields;
+        attributes?: Rels.Attributes;
+        items?: Rels.Items;
+    };
+};
+export declare type Data = Resource<Rel, {
+    zoom: {
+        items: 'item_options';
+    };
+}>;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/ShipmentCard/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Rels } from '@foxy.io/sdk/backend';\nimport type { Resource } from '@foxy.io/sdk/core';\n\n// TODO update when SDK types are corrected\nexport type Rel = Rels.Shipment & {\n  links: {\n    'fx:custom_fields': Rels.CustomFields;\n    'fx:attributes': Rels.Attributes;\n  };\n\n  zooms: {\n    custom_fields?: Rels.CustomFields;\n    attributes?: Rels.Attributes;\n    items?: Rels.Items;\n  };\n};\n\nexport type Data = Resource<Rel, { zoom: { items: 'item_options' } }>;\n"]}

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

@@ -1,12 +1,14 @@
 import { LitElement, PropertyDeclarations, TemplateResult } from 'lit-element';
 export declare type SpinnerLayout = 'vertical' | 'horizontal' | 'no-label';
 export declare type SpinnerState = 'end' | 'busy' | 'error' | 'empty' | 'paused';
-declare const Spinner_base: typeof LitElement & {
+declare const Base: typeof LitElement & import("lit-element").Constructor<import("../../../mixins/inferrable").InferrableMixinHost> & {
+    inferredProperties: string[];
+} & {
     styles: import("lit-element").CSSResultArray;
 } & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
     defaultNS: string;
 };
-export declare class Spinner extends Spinner_base {
+export declare class Spinner extends Base {
     /** @readonly */
     static get properties(): PropertyDeclarations;
     /**

package/dist/elements/public/Spinner/Spinner.js

@@ -1,7 +1,9 @@
 import { html, LitElement, svg } from 'lit-element';
+import { InferrableMixin } from "../../../mixins/inferrable.js";
 import { ThemeableMixin } from "../../../mixins/themeable.js";
 import { TranslatableMixin } from "../../../mixins/translatable.js";
-export class Spinner extends TranslatableMixin(ThemeableMixin(LitElement), 'spinner') {
+const Base = TranslatableMixin(ThemeableMixin(InferrableMixin(LitElement)), 'spinner');
+export class Spinner extends Base {
     constructor() {
         super(...arguments);
         /**

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

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/elements/public/Spinner/Spinner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAwB,GAAG,EAAkB,MAAM,aAAa,CAAC;AAC1F,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AAKjE,MAAM,OAAO,OAAQ,SAAQ,iBAAiB,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,SAAS,CAAC;IAArF;;QAUE;;;WAGG;QACH,WAAM,GAAkB,YAAY,CAAC;QAErC;;;;;;;;WAQG;QACH,UAAK,GAAiB,MAAM,CAAC;IAwD/B,CAAC;IAhFC,gBAAgB;IAChB,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACxB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB,CAAC;IACJ,CAAC;IAmBD,gBAAgB;IAChB,MAAM;QACJ,IAAI,MAAc,CAAC;QACnB,IAAI,IAAoB,CAAC;QACzB,IAAI,IAAY,CAAC;QACjB,IAAI,IAAY,CAAC;QAEjB,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE;YACxB,IAAI,GAAG,IAAI,CAAA,kEAAkE,CAAC;YAC9E,IAAI,GAAG,aAAa,CAAC;YACrB,IAAI,GAAG,eAAe,CAAC;SACxB;aAAM,IAAI,IAAI,CAAC,KAAK,KAAK,OAAO,EAAE;YACjC,IAAI,GAAG,IAAI,CAAA,uEAAuE,CAAC;YACnF,IAAI,GAAG,eAAe,CAAC;YACvB,IAAI,GAAG,YAAY,CAAC;SACrB;aAAM,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;YAClC,IAAI,GAAG,IAAI,CAAA,oEAAoE,CAAC;YAChF,IAAI,GAAG,gBAAgB,CAAC;YACxB,IAAI,GAAG,eAAe,CAAC;SACxB;aAAM,IAAI,IAAI,CAAC,KAAK,KAAK,OAAO,EAAE;YACjC,IAAI,GAAG,IAAI,CAAA,sEAAsE,CAAC;YAClF,IAAI,GAAG,eAAe,CAAC;YACvB,IAAI,GAAG,eAAe,CAAC;SACxB;aAAM;YACL,IAAI,GAAG,GAAG,CAAA;;;;OAIT,CAAC;YAEF,IAAI,GAAG,cAAc,CAAC;YACtB,IAAI,GAAG,eAAe,CAAC;SACxB;QAED,IAAI,IAAI,CAAC,MAAM,KAAK,YAAY,EAAE;YAChC,MAAM,GAAG,mCAAmC,CAAC;SAC9C;aAAM;YACL,MAAM,GAAG,sCAAsC,CAAC;SACjD;QAED,OAAO,IAAI,CAAA;kDACmC,MAAM,IAAI,IAAI;oEACI,IAAI;;;kBAGtD,IAAI,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;iBAC5C,IAAI,CAAC,IAAI;gBACV,IAAI;eACL,IAAI,CAAC,EAAE;;;;KAIjB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { html, LitElement, PropertyDeclarations, svg, TemplateResult } from 'lit-element';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\n\nexport type SpinnerLayout = 'vertical' | 'horizontal' | 'no-label';\nexport type SpinnerState = 'end' | 'busy' | 'error' | 'empty' | 'paused';\n\nexport class Spinner extends TranslatableMixin(ThemeableMixin(LitElement), 'spinner') {\n  /** @readonly */\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      layout: { type: String },\n      state: { type: String },\n    };\n  }\n\n  /**\n   * Optional spinner layout: horizonal (default) or vertical. First puts icon next\n   * to the label, second puts it above the text.\n   */\n  layout: SpinnerLayout = 'horizontal';\n\n  /**\n   * Optional spinner state:\n   *\n   * - `busy` (default) for loading data;\n   * - `error` for failures;\n   * - `empty` for when there's no data;\n   * - `paused` for a pause or a timeout before fetching the next chunk of data;\n   * - `end` for when there's no more data;\n   */\n  state: SpinnerState = 'busy';\n\n  /** @readonly */\n  render(): TemplateResult {\n    let layout: string;\n    let icon: TemplateResult;\n    let text: string;\n    let tint: string;\n\n    if (this.state === 'end') {\n      icon = html`<iron-icon data-testid=\"icon\" icon=\"icons:done-all\"></iron-icon>`;\n      text = 'loading_end';\n      tint = 'text-tertiary';\n    } else if (this.state === 'error') {\n      icon = html`<iron-icon data-testid=\"icon\" icon=\"icons:error-outline\"></iron-icon>`;\n      text = 'loading_error';\n      tint = 'text-error';\n    } else if (this.state === 'paused') {\n      icon = html`<iron-icon data-testid=\"icon\" icon=\"icons:more-horiz\"></iron-icon>`;\n      text = 'loading_paused';\n      tint = 'text-tertiary';\n    } else if (this.state === 'empty') {\n      icon = html`<iron-icon data-testid=\"icon\" icon=\"icons:info-outline\"></iron-icon>`;\n      text = 'loading_empty';\n      tint = 'text-tertiary';\n    } else {\n      icon = svg`\n        <svg data-testid=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 22 22\" preserveAspectRatio=\"xMidYMid\" class=\"animate-spin h-full w-full\">\n          <circle cx=\"11\" cy=\"11\" fill=\"none\" stroke=\"#e15b64\" stroke-width=\"2\" r=\"8\" stroke-dasharray=\"24 12\" class=\"stroke-current\"></circle>\n        </svg>\n      `;\n\n      text = 'loading_busy';\n      tint = 'text-tertiary';\n    }\n\n    if (this.layout === 'horizontal') {\n      layout = 'flex items-center space-x-s h-xxs';\n    } else {\n      layout = 'flex flex-col items-center space-y-s';\n    }\n\n    return html`\n      <div class=\"font-lumo leading-none text-s ${layout} ${tint}\">\n        <div class=\"w-xxs h-xss flex items-center justify-center\">${icon}</div>\n        <foxy-i18n\n          data-testid=\"text\"\n          class=${this.layout === 'no-label' ? 'sr-only' : ''}\n          lang=${this.lang}\n          key=${text}\n          ns=${this.ns}\n        >\n        </foxy-i18n>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/elements/public/Spinner/Spinner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAwB,GAAG,EAAkB,MAAM,aAAa,CAAC;AAC1F,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAC7D,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AAKjE,MAAM,IAAI,GAAG,iBAAiB,CAAC,cAAc,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAEvF,MAAM,OAAO,OAAQ,SAAQ,IAAI;IAAjC;;QAUE;;;WAGG;QACH,WAAM,GAAkB,YAAY,CAAC;QAErC;;;;;;;;WAQG;QACH,UAAK,GAAiB,MAAM,CAAC;IAwD/B,CAAC;IAhFC,gBAAgB;IAChB,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACxB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB,CAAC;IACJ,CAAC;IAmBD,gBAAgB;IAChB,MAAM;QACJ,IAAI,MAAc,CAAC;QACnB,IAAI,IAAoB,CAAC;QACzB,IAAI,IAAY,CAAC;QACjB,IAAI,IAAY,CAAC;QAEjB,IAAI,IAAI,CAAC,KAAK,KAAK,KAAK,EAAE;YACxB,IAAI,GAAG,IAAI,CAAA,kEAAkE,CAAC;YAC9E,IAAI,GAAG,aAAa,CAAC;YACrB,IAAI,GAAG,eAAe,CAAC;SACxB;aAAM,IAAI,IAAI,CAAC,KAAK,KAAK,OAAO,EAAE;YACjC,IAAI,GAAG,IAAI,CAAA,uEAAuE,CAAC;YACnF,IAAI,GAAG,eAAe,CAAC;YACvB,IAAI,GAAG,YAAY,CAAC;SACrB;aAAM,IAAI,IAAI,CAAC,KAAK,KAAK,QAAQ,EAAE;YAClC,IAAI,GAAG,IAAI,CAAA,oEAAoE,CAAC;YAChF,IAAI,GAAG,gBAAgB,CAAC;YACxB,IAAI,GAAG,eAAe,CAAC;SACxB;aAAM,IAAI,IAAI,CAAC,KAAK,KAAK,OAAO,EAAE;YACjC,IAAI,GAAG,IAAI,CAAA,sEAAsE,CAAC;YAClF,IAAI,GAAG,eAAe,CAAC;YACvB,IAAI,GAAG,eAAe,CAAC;SACxB;aAAM;YACL,IAAI,GAAG,GAAG,CAAA;;;;OAIT,CAAC;YAEF,IAAI,GAAG,cAAc,CAAC;YACtB,IAAI,GAAG,eAAe,CAAC;SACxB;QAED,IAAI,IAAI,CAAC,MAAM,KAAK,YAAY,EAAE;YAChC,MAAM,GAAG,mCAAmC,CAAC;SAC9C;aAAM;YACL,MAAM,GAAG,sCAAsC,CAAC;SACjD;QAED,OAAO,IAAI,CAAA;kDACmC,MAAM,IAAI,IAAI;oEACI,IAAI;;;kBAGtD,IAAI,CAAC,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;iBAC5C,IAAI,CAAC,IAAI;gBACV,IAAI;eACL,IAAI,CAAC,EAAE;;;;KAIjB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { html, LitElement, PropertyDeclarations, svg, TemplateResult } from 'lit-element';\nimport { InferrableMixin } from '../../../mixins/inferrable';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\n\nexport type SpinnerLayout = 'vertical' | 'horizontal' | 'no-label';\nexport type SpinnerState = 'end' | 'busy' | 'error' | 'empty' | 'paused';\n\nconst Base = TranslatableMixin(ThemeableMixin(InferrableMixin(LitElement)), 'spinner');\n\nexport class Spinner extends Base {\n  /** @readonly */\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      layout: { type: String },\n      state: { type: String },\n    };\n  }\n\n  /**\n   * Optional spinner layout: horizonal (default) or vertical. First puts icon next\n   * to the label, second puts it above the text.\n   */\n  layout: SpinnerLayout = 'horizontal';\n\n  /**\n   * Optional spinner state:\n   *\n   * - `busy` (default) for loading data;\n   * - `error` for failures;\n   * - `empty` for when there's no data;\n   * - `paused` for a pause or a timeout before fetching the next chunk of data;\n   * - `end` for when there's no more data;\n   */\n  state: SpinnerState = 'busy';\n\n  /** @readonly */\n  render(): TemplateResult {\n    let layout: string;\n    let icon: TemplateResult;\n    let text: string;\n    let tint: string;\n\n    if (this.state === 'end') {\n      icon = html`<iron-icon data-testid=\"icon\" icon=\"icons:done-all\"></iron-icon>`;\n      text = 'loading_end';\n      tint = 'text-tertiary';\n    } else if (this.state === 'error') {\n      icon = html`<iron-icon data-testid=\"icon\" icon=\"icons:error-outline\"></iron-icon>`;\n      text = 'loading_error';\n      tint = 'text-error';\n    } else if (this.state === 'paused') {\n      icon = html`<iron-icon data-testid=\"icon\" icon=\"icons:more-horiz\"></iron-icon>`;\n      text = 'loading_paused';\n      tint = 'text-tertiary';\n    } else if (this.state === 'empty') {\n      icon = html`<iron-icon data-testid=\"icon\" icon=\"icons:info-outline\"></iron-icon>`;\n      text = 'loading_empty';\n      tint = 'text-tertiary';\n    } else {\n      icon = svg`\n        <svg data-testid=\"icon\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 22 22\" preserveAspectRatio=\"xMidYMid\" class=\"animate-spin h-full w-full\">\n          <circle cx=\"11\" cy=\"11\" fill=\"none\" stroke=\"#e15b64\" stroke-width=\"2\" r=\"8\" stroke-dasharray=\"24 12\" class=\"stroke-current\"></circle>\n        </svg>\n      `;\n\n      text = 'loading_busy';\n      tint = 'text-tertiary';\n    }\n\n    if (this.layout === 'horizontal') {\n      layout = 'flex items-center space-x-s h-xxs';\n    } else {\n      layout = 'flex flex-col items-center space-y-s';\n    }\n\n    return html`\n      <div class=\"font-lumo leading-none text-s ${layout} ${tint}\">\n        <div class=\"w-xxs h-xss flex items-center justify-center\">${icon}</div>\n        <foxy-i18n\n          data-testid=\"text\"\n          class=${this.layout === 'no-label' ? 'sr-only' : ''}\n          lang=${this.lang}\n          key=${text}\n          ns=${this.ns}\n        >\n        </foxy-i18n>\n      </div>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,13 @@
+import type { CSSResultArray, TemplateResult } from 'lit-element';
+import type { Data } from './types';
+import { InternalForm } from '../../internal/InternalForm/InternalForm';
+import { BooleanSelector } from '@foxy.io/sdk/core';
+declare const Transaction_base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+};
+export declare class Transaction extends Transaction_base<Data> {
+    static get styles(): CSSResultArray;
+    get readonlySelector(): BooleanSelector;
+    renderBody(): TemplateResult;
+}
+export {};

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-collection-card
+          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-collection-card>
+
+        <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-collection-card
+            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-collection-card>
+
+          <foxy-internal-collection-card
+            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-collection-card>
+
+          <foxy-internal-collection-card
+            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-collection-card>
+
+          <foxy-internal-collection-card
+            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-collection-card>
+
+          <foxy-internal-collection-card
+            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-collection-card>
+
+          <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-collection-card\n          infer=\"shipments\"\n          first=${ifDefined(this.data?._links['fx:shipments'].href)}\n          item=\"foxy-shipment-card\"\n          open\n        >\n        </foxy-internal-collection-card>\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-collection-card\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-collection-card>\n\n          <foxy-internal-collection-card\n            infer=\"discounts\"\n            first=${ifDefined(this.data?._links['fx:discounts'].href)}\n            limit=\"5\"\n            item=\"foxy-discount-card\"\n          >\n          </foxy-internal-collection-card>\n\n          <foxy-internal-collection-card\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-collection-card>\n\n          <foxy-internal-collection-card\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-collection-card>\n\n          <foxy-internal-collection-card\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-collection-card>\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/InternalCollectionCard/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/InternalCollectionCard/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,wDAAqD;AAErD,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/InternalCollectionCard/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-collapsible-card 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-collapsible-card>
+    `;
+    }
+}
+//# sourceMappingURL=InternalTransactionCustomerControl.js.map