@foxy.io/elements 1.18.0-beta.20 → 1.18.0-beta.21

package/dist/elements/public/CartCard/CartCard.js

@@ -6,14 +6,19 @@ import { html } from 'lit-html';
 const NS = 'cart-card';
 const Base = ConfigurableMixin(TranslatableMixin(InternalCard, NS));
 /**
- * Card element displaying cart summary.
+ * Card element representing cart resource (`fx:cart`).
  *
  * @element foxy-cart-card
- * @since 1.19.0
+ * @since 1.21.0
  */
 export class CartCard extends Base {
     constructor() {
         super(...arguments);
+        /**
+         * URL of the `fx:locale_codes` property helper.
+         * This will be used to determine the currency code for carts created with hAPI
+         * since it isn't included in them.
+         */
         this.localeCodes = null;
         this.__defaultTemplateSetLoaderId = 'defaultTemplateSetLoader';
         this.__localeCodesHelperLoaderId = 'localeCodesLoader';
@@ -243,17 +248,19 @@ export class CartCard extends Base {
             return items.isApproximateCount ? 'line_1_approximate' : 'line_1';
     }
     get __line2Options() {
+        var _a;
+        return (_a = this.__items) === null || _a === void 0 ? void 0 : _a.array[0];
+    }
+    get __line2Key() {
         const items = this.__items;
         if (items === undefined)
             return;
         if (items.count === 0)
-            return;
-        return { firstItem: items.array[0], count: items.count };
-    }
-    get __line2Key() {
-        const items = this.__items;
-        if (items)
-            return items.count === 0 ? 'line_2_no_items' : 'line_2';
+            return 'line_2_empty';
+        if (items.count === 1)
+            return 'line_2_one';
+        if (items.count > 1)
+            return 'line_2_many';
     }
     get __statusOptions() {
         const data = this.data;

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

@@ -1 +1 @@
-{"version":3,"file":"CartCard.js","sourceRoot":"","sources":["../../../../src/elements/public/CartCard/CartCard.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,WAAW,CAAC;AACvB,MAAM,IAAI,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC;AAEpE;;;;;GAKG;AACH,MAAM,OAAO,QAAS,SAAQ,IAAU;IAAxC;;QAQE,gBAAW,GAAkB,IAAI,CAAC;QAEjB,iCAA4B,GAAG,0BAA0B,CAAC;QAE1D,gCAA2B,GAAG,mBAAmB,CAAC;QAElD,0BAAqB,GAAG,mBAAmB,CAAC;QAE5C,oBAAe,GAAG,aAAa,CAAC;QAEhC,oBAAe,GAAG,aAAa,CAAC;IA0PnD,CAAC;IA3QC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,WAAW,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE;SACzD,CAAC;IACJ,CAAC;IAcD,UAAU;QACR,MAAM,aAAa,GAAG,IAAI,CAAC,eAAe,CAAC;QAC3C,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC;QACzC,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC;QACjC,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC;QACzC,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC;QACjC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAEvB,OAAO,IAAI,CAAA;;;;eAIA,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC;aAC7B,IAAI,CAAC,eAAe;kBACf,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;;;;;;;eAO7B,SAAS,CAAC,IAAI,CAAC,wBAAwB,CAAC;aAC1C,IAAI,CAAC,4BAA4B;kBAC5B,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;;;;;;;eAO7B,SAAS,CAAC,IAAI,CAAC,uBAAuB,CAAC;aACzC,IAAI,CAAC,2BAA2B;kBAC3B,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;;;;;;;eAO7B,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC;aACnC,IAAI,CAAC,qBAAqB;kBACrB,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;;;;;;;eAO7B,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC;aAC7B,IAAI,CAAC,eAAe;kBACf,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;;;;;;;cAO9B,YAAY,IAAI,QAAQ;YACxB,CAAC,CAAC,IAAI,CAAA,2BAA2B,QAAQ,aAAa,YAAY,eAAe;YACjF,CAAC,CAAC,IAAI,CAAA,kBAAkB;;;cAGxB,IAAI;YACJ,CAAC,CAAC,IAAI,CAAA,6CAA6C,aAAa,eAAe;YAC/E,CAAC,CAAC,IAAI,CAAA,kBAAkB;;;;;YAK1B,QAAQ;YACR,CAAC,CAAC,IAAI,CAAA,2BAA2B,QAAQ,aAAa,YAAY,eAAe;YACjF,CAAC,CAAC,IAAI,CAAA,kBAAkB;;;;YAIxB,IAAI;YACJ,CAAC,CAAC,IAAI,CAAC,cAAc;gBACnB,CAAC,CAAC,IAAI,CAAA,GAAG,IAAI,CAAC,cAAc,EAAE;gBAC9B,CAAC,CAAC,IAAI,CAAA,oDAAoD;YAC5D,CAAC,CAAC,IAAI,CAAA,kBAAkB;;;KAG/B,CAAC;IACJ,CAAC;IAED,IAAI,WAAW;QACb,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;QACtF,OAAO,KAAK,CAAC,WAAW,IAAI,QAAQ,CAAC;IACvC,CAAC;IAED,IAAY,wBAAwB;;QAClC,MAAM,cAAc,SAAG,IAAI,CAAC,IAAI,0CAAE,gBAAgB,CAAC;QAEnD,IAAI,cAAc,KAAK,EAAE,EAAE;YACzB,IAAI;gBACF,MAAM,GAAG,GAAG,IAAI,GAAG,aAAC,IAAI,CAAC,OAAO,0CAAE,MAAM,CAAC,kBAAkB,EAAE,IAAI,mCAAI,EAAE,CAAC,CAAC;gBACzE,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;gBACxC,OAAO,GAAG,CAAC,QAAQ,EAAE,CAAC;aACvB;YAAC,WAAM;gBACN,EAAE;aACH;SACF;IACH,CAAC;IAED,IAAY,uBAAuB;;QACjC,IAAI,IAAI,CAAC,wBAAwB,IAAI,IAAI,CAAC,iBAAiB,EAAE;YAC3D,aAAO,IAAI,CAAC,WAAW,mCAAI,KAAK,CAAC,CAAC;SACnC;IACH,CAAC;IAED,IAAY,iBAAiB;;QAC3B,uDAAuD;QACvD,4CAA4C;QAC5C,MAAM,YAAY,GAAG,MAAA,IAAI,CAAC,IAAI,0CAAE,aAAmC,CAAC;QAEpE,IAAI,CAAC,YAAY;YAAE,OAAO,OAAA,IAAI,CAAC,IAAI,0CAAE,gBAAgB,KAAI,KAAK,CAAC,CAAC;IAClE,CAAC;IAED,IAAY,WAAW;QACrB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAEvB,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,IAAI,WAAW,IAAI,IAAI,IAAI,UAAU,IAAI,IAAI,CAAC,SAAS;YAAE,OAAO;QAEhE,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC;QAElD,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,YAAY,CAAC,CAAC;QAC5C,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;QAEnC,OAAO,GAAG,CAAC,QAAQ,EAAE,CAAC;IACxB,CAAC;IAED,IAAY,WAAW;;QACrB,mBAAO,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,UAAU,2CAAG,IAAI,CAAC;IAC7C,CAAC;IAED,IAAY,oBAAoB;;QAE9B,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,4BAA4B,EAAE,CAAC;QACzD,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAS,QAAQ,CAAC,CAAC;QAC/D,mBAAO,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,0CAAE,SAAS,CAAC,kBAAkB,EAAE,CAAC,oCAAK,IAAI,CAAC;IAChE,CAAC;IAED,IAAY,mBAAmB;;QAE7B,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,2BAA2B,EAAE,CAAC;QACxD,mBAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAS,QAAQ,CAAC,0CAAE,IAAI,mCAAI,IAAI,CAAC;IACvE,CAAC;IAED,IAAY,aAAa;;QAEvB,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAClD,mBAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAS,QAAQ,CAAC,0CAAE,IAAI,mCAAI,IAAI,CAAC;IACvE,CAAC;IAED,IAAY,OAAO;QACjB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAEvB,IAAI,IAAI,IAAI,WAAW,IAAI,IAAI,IAAI,UAAU,IAAI,IAAI,CAAC,SAAS,EAAE;YAC/D,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;YAEzC,OAAO;gBACL,KAAK,EAAE,KAAK;gBACZ,KAAK,EAAE,KAAK,CAAC,MAAM;gBACnB,kBAAkB,EAAE,KAAK,CAAC,MAAM,KAAK,EAAE;aACxC,CAAC;SACH;QAGD,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAS,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;QAEjF,IAAI,EAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAA;YAAE,OAAO;QAE1B,OAAO;YACL,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC;YACxC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,WAAW;YAC9B,kBAAkB,EAAE,KAAK;SAC1B,CAAC;IACJ,CAAC;IAED,IAAY,OAAO;;QAEjB,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;QAC5C,mBAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAS,QAAQ,CAAC,0CAAE,IAAI,mCAAI,IAAI,CAAC;IACvE,CAAC;IAED,IAAY,iBAAiB;;QAC3B,MAAM,OAAO,SAAG,IAAI,CAAC,OAAO,0CAAE,iCAAiC,CAAC;QAEhE,IAAI,OAAO,KAAK,IAAI;YAAE,OAAO,MAAM,CAAC;QACpC,IAAI,OAAO,KAAK,KAAK;YAAE,OAAO,QAAQ,CAAC;IACzC,CAAC;IAED,IAAY,cAAc;;QACxB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAEvB,IAAI,IAAI,IAAI,eAAe,IAAI,IAAI,EAAE;YACnC,2DAA2D;YAC3D,4CAA4C;YAC5C,OAAO,IAAI,CAAC,aAAuB,CAAC;SACrC;aAAM;YACL,MAAM,cAAc,GAAG,IAAI,CAAC,mBAAmB,CAAC;YAChD,MAAM,UAAU,SAAG,OAAC,IAAI,CAAC,aAAa,mCAAI,IAAI,CAAC,oBAAoB,CAAC,0CAAE,WAAW,CAAC;YAClF,MAAM,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;YAE5E,IAAI,UAAU;gBAAE,aAAO,uBAAuB,CAAC,IAAI,CAAC,UAAU,CAAC,0CAAG,CAAC,EAAE;SACtE;IACH,CAAC;IAED,IAAY,cAAc;;QACxB,MAAM,UAAU,SAAG,IAAI,CAAC,IAAI,0CAAE,WAAW,CAAC;QAC1C,IAAI,UAAU,KAAK,SAAS;YAAE,OAAO;QAErC,MAAM,eAAe,GAAG,IAAI,CAAC,iBAAiB,CAAC;QAC/C,IAAI,eAAe,KAAK,SAAS;YAAE,OAAO;QAE1C,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC;QACzC,IAAI,YAAY,KAAK,SAAS;YAAE,OAAO;QAEvC,MAAM,KAAK,SAAG,IAAI,CAAC,OAAO,0CAAE,KAAK,CAAC;QAClC,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO;QAEhC,OAAO,EAAE,MAAM,EAAE,GAAG,UAAU,IAAI,YAAY,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC;IAC7E,CAAC;IAED,IAAY,UAAU;QACpB,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC;QAC3B,IAAI,KAAK;YAAE,OAAO,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC/E,CAAC;IAED,IAAY,cAAc;QACxB,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC;QAE3B,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO;QAChC,IAAI,KAAK,CAAC,KAAK,KAAK,CAAC;YAAE,OAAO;QAE9B,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC;IAC3D,CAAC;IAED,IAAY,UAAU;QACpB,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC;QAC3B,IAAI,KAAK;YAAE,OAAO,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC;IACrE,CAAC;IAED,IAAY,eAAe;QACzB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QACvB,IAAI,IAAI;YAAE,OAAO,EAAE,WAAW,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC;IACtD,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nconst NS = 'cart-card';\nconst Base = ConfigurableMixin(TranslatableMixin(InternalCard, NS));\n\n/**\n * Card element displaying cart summary.\n *\n * @element foxy-cart-card\n * @since 1.19.0\n */\nexport class CartCard extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      localeCodes: { type: String, attribute: 'locale-codes' },\n    };\n  }\n\n  localeCodes: string | null = null;\n\n  private readonly __defaultTemplateSetLoaderId = 'defaultTemplateSetLoader';\n\n  private readonly __localeCodesHelperLoaderId = 'localeCodesLoader';\n\n  private readonly __templateSetLoaderId = 'templateSetLoader';\n\n  private readonly __itemsLoaderId = 'itemsLoader';\n\n  private readonly __storeLoaderId = 'storeLoader';\n\n  renderBody(): TemplateResult {\n    const statusOptions = this.__statusOptions;\n    const line1Options = this.__line1Options;\n    const line1Key = this.__line1Key;\n    const line2Options = this.__line2Options;\n    const line2Key = this.__line2Key;\n    const data = this.data;\n\n    return html`\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__itemsHref)}\n        id=${this.__itemsLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__defaultTemplateSetHref)}\n        id=${this.__defaultTemplateSetLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__localeCodesHelperHref)}\n        id=${this.__localeCodesHelperLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__templateSetHref)}\n        id=${this.__templateSetLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__storeHref)}\n        id=${this.__storeLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <div class=\"text-left leading-s\">\n        <div class=\"flex items-center space-x-s\">\n          <span class=\"flex-1 font-semibold text-body truncate\">\n            ${line1Options && line1Key\n              ? html`<foxy-i18n infer=\"\" key=${line1Key} .options=${line1Options}></foxy-i18n>`\n              : html`&ZeroWidthSpace;`}\n          </span>\n          <span class=\"text-s text-tertiary\">\n            ${data\n              ? html`<foxy-i18n infer=\"\" key=\"status\" .options=${statusOptions}></foxy-i18n>`\n              : html`&ZeroWidthSpace;`}\n          </span>\n        </div>\n\n        <div class=\"truncate text-s text-secondary\">\n          ${line2Key\n            ? html`<foxy-i18n infer=\"\" key=${line2Key} .options=${line2Options}></foxy-i18n>`\n            : html`&ZeroWidthSpace;`}\n        </div>\n\n        <div class=\"text-tertiary truncate text-s\">\n          ${data\n            ? data.customer_email\n              ? html`${data.customer_email}`\n              : html`<foxy-i18n infer=\"\" key=\"no_customer\"></foxy-i18n>`\n            : html`&ZeroWidthSpace;`}\n        </div>\n      </div>\n    `;\n  }\n\n  get isBodyReady(): boolean {\n    const isLoaded = !!this.__line1Options && !!this.__statusOptions && !!this.__line2Key;\n    return super.isBodyReady && isLoaded;\n  }\n\n  private get __defaultTemplateSetHref() {\n    const templateSetUri = this.data?.template_set_uri;\n\n    if (templateSetUri === '') {\n      try {\n        const url = new URL(this.__store?._links['fx:template_sets'].href ?? '');\n        url.searchParams.set('code', 'DEFAULT');\n        return url.toString();\n      } catch {\n        //\n      }\n    }\n  }\n\n  private get __localeCodesHelperHref() {\n    if (this.__defaultTemplateSetHref || this.__templateSetHref) {\n      return this.localeCodes ?? void 0;\n    }\n  }\n\n  private get __templateSetHref() {\n    // TODO: remove the directive below once SDK is updated\n    // @ts-expect-error SDK types are incomplete\n    const currencyCode = this.data?.currency_code as string | undefined;\n\n    if (!currencyCode) return this.data?.template_set_uri || void 0;\n  }\n\n  private get __itemsHref() {\n    const data = this.data;\n\n    if (!data) return;\n    if ('_embedded' in data && 'fx:items' in data._embedded) return;\n\n    const url = new URL(data._links['fx:items'].href);\n\n    url.searchParams.set('order', 'price desc');\n    url.searchParams.set('limit', '1');\n\n    return url.toString();\n  }\n\n  private get __storeHref() {\n    return this.data?._links['fx:store']?.href;\n  }\n\n  private get __defaultTemplateSet() {\n    type Loader = NucleonElement<Resource<Rels.TemplateSets>>;\n    const selector = `#${this.__defaultTemplateSetLoaderId}`;\n    const loader = this.renderRoot.querySelector<Loader>(selector);\n    return loader?.data?._embedded['fx:template_sets'][0] ?? null;\n  }\n\n  private get __localeCodesHelper() {\n    type Loader = NucleonElement<Resource<Rels.LocaleCodes>>;\n    const selector = `#${this.__localeCodesHelperLoaderId}`;\n    return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n  }\n\n  private get __templateSet() {\n    type Loader = NucleonElement<Resource<Rels.TemplateSet>>;\n    const selector = `#${this.__templateSetLoaderId}`;\n    return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n  }\n\n  private get __items() {\n    const data = this.data;\n\n    if (data && '_embedded' in data && 'fx:items' in data._embedded) {\n      const items = data._embedded['fx:items'];\n\n      return {\n        array: items,\n        count: items.length,\n        isApproximateCount: items.length === 20,\n      };\n    }\n\n    type Loader = NucleonElement<Resource<Rels.Items>>;\n    const loader = this.renderRoot.querySelector<Loader>(`#${this.__itemsLoaderId}`);\n\n    if (!loader?.data) return;\n\n    return {\n      array: loader.data._embedded['fx:items'],\n      count: loader.data.total_items,\n      isApproximateCount: false,\n    };\n  }\n\n  private get __store() {\n    type Loader = NucleonElement<Resource<Rels.Store>>;\n    const selector = `#${this.__storeLoaderId}`;\n    return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n  }\n\n  private get __currencyDisplay() {\n    const useCode = this.__store?.use_international_currency_symbol;\n\n    if (useCode === true) return 'code';\n    if (useCode === false) return 'symbol';\n  }\n\n  private get __currencyCode() {\n    const data = this.data;\n\n    if (data && 'currency_code' in data) {\n      // TODO: remove the directive below once the SDK is updated\n      // @ts-expect-error SDK types are incomplete\n      return data.currency_code as string;\n    } else {\n      const allLocaleCodes = this.__localeCodesHelper;\n      const localeCode = (this.__templateSet ?? this.__defaultTemplateSet)?.locale_code;\n      const localeInfo = localeCode ? allLocaleCodes?.values[localeCode] : void 0;\n\n      if (localeInfo) return /Currency: ([A-Z]{3})/g.exec(localeInfo)?.[1];\n    }\n  }\n\n  private get __line1Options() {\n    const totalOrder = this.data?.total_order;\n    if (totalOrder === undefined) return;\n\n    const currencyDisplay = this.__currencyDisplay;\n    if (currencyDisplay === undefined) return;\n\n    const currencyCode = this.__currencyCode;\n    if (currencyCode === undefined) return;\n\n    const count = this.__items?.count;\n    if (count === undefined) return;\n\n    return { amount: `${totalOrder} ${currencyCode}`, currencyDisplay, count };\n  }\n\n  private get __line1Key() {\n    const items = this.__items;\n    if (items) return items.isApproximateCount ? 'line_1_approximate' : 'line_1';\n  }\n\n  private get __line2Options() {\n    const items = this.__items;\n\n    if (items === undefined) return;\n    if (items.count === 0) return;\n\n    return { firstItem: items.array[0], count: items.count };\n  }\n\n  private get __line2Key() {\n    const items = this.__items;\n    if (items) return items.count === 0 ? 'line_2_no_items' : 'line_2';\n  }\n\n  private get __statusOptions() {\n    const data = this.data;\n    if (data) return { dateCreated: data.date_created };\n  }\n}\n"]}
+{"version":3,"file":"CartCard.js","sourceRoot":"","sources":["../../../../src/elements/public/CartCard/CartCard.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nconst NS = 'cart-card';\nconst Base = ConfigurableMixin(TranslatableMixin(InternalCard, NS));\n\n/**\n * Card element representing cart resource (`fx:cart`).\n *\n * @element foxy-cart-card\n * @since 1.21.0\n */\nexport class CartCard extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      localeCodes: { type: String, attribute: 'locale-codes' },\n    };\n  }\n\n  /**\n   * URL of the `fx:locale_codes` property helper.\n   * This will be used to determine the currency code for carts created with hAPI\n   * since it isn't included in them.\n   */\n  localeCodes: string | null = null;\n\n  private readonly __defaultTemplateSetLoaderId = 'defaultTemplateSetLoader';\n\n  private readonly __localeCodesHelperLoaderId = 'localeCodesLoader';\n\n  private readonly __templateSetLoaderId = 'templateSetLoader';\n\n  private readonly __itemsLoaderId = 'itemsLoader';\n\n  private readonly __storeLoaderId = 'storeLoader';\n\n  renderBody(): TemplateResult {\n    const statusOptions = this.__statusOptions;\n    const line1Options = this.__line1Options;\n    const line1Key = this.__line1Key;\n    const line2Options = this.__line2Options;\n    const line2Key = this.__line2Key;\n    const data = this.data;\n\n    return html`\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__itemsHref)}\n        id=${this.__itemsLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__defaultTemplateSetHref)}\n        id=${this.__defaultTemplateSetLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__localeCodesHelperHref)}\n        id=${this.__localeCodesHelperLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__templateSetHref)}\n        id=${this.__templateSetLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__storeHref)}\n        id=${this.__storeLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <div class=\"text-left leading-s\">\n        <div class=\"flex items-center space-x-s\">\n          <span class=\"flex-1 font-semibold text-body truncate\">\n            ${line1Options && line1Key\n              ? html`<foxy-i18n infer=\"\" key=${line1Key} .options=${line1Options}></foxy-i18n>`\n              : html`&ZeroWidthSpace;`}\n          </span>\n          <span class=\"text-s text-tertiary\">\n            ${data\n              ? html`<foxy-i18n infer=\"\" key=\"status\" .options=${statusOptions}></foxy-i18n>`\n              : html`&ZeroWidthSpace;`}\n          </span>\n        </div>\n\n        <div class=\"truncate text-s text-secondary\">\n          ${line2Key\n            ? html`<foxy-i18n infer=\"\" key=${line2Key} .options=${line2Options}></foxy-i18n>`\n            : html`&ZeroWidthSpace;`}\n        </div>\n\n        <div class=\"text-tertiary truncate text-s\">\n          ${data\n            ? data.customer_email\n              ? html`${data.customer_email}`\n              : html`<foxy-i18n infer=\"\" key=\"no_customer\"></foxy-i18n>`\n            : html`&ZeroWidthSpace;`}\n        </div>\n      </div>\n    `;\n  }\n\n  get isBodyReady(): boolean {\n    const isLoaded = !!this.__line1Options && !!this.__statusOptions && !!this.__line2Key;\n    return super.isBodyReady && isLoaded;\n  }\n\n  private get __defaultTemplateSetHref() {\n    const templateSetUri = this.data?.template_set_uri;\n\n    if (templateSetUri === '') {\n      try {\n        const url = new URL(this.__store?._links['fx:template_sets'].href ?? '');\n        url.searchParams.set('code', 'DEFAULT');\n        return url.toString();\n      } catch {\n        //\n      }\n    }\n  }\n\n  private get __localeCodesHelperHref() {\n    if (this.__defaultTemplateSetHref || this.__templateSetHref) {\n      return this.localeCodes ?? void 0;\n    }\n  }\n\n  private get __templateSetHref() {\n    // TODO: remove the directive below once SDK is updated\n    // @ts-expect-error SDK types are incomplete\n    const currencyCode = this.data?.currency_code as string | undefined;\n\n    if (!currencyCode) return this.data?.template_set_uri || void 0;\n  }\n\n  private get __itemsHref() {\n    const data = this.data;\n\n    if (!data) return;\n    if ('_embedded' in data && 'fx:items' in data._embedded) return;\n\n    const url = new URL(data._links['fx:items'].href);\n\n    url.searchParams.set('order', 'price desc');\n    url.searchParams.set('limit', '1');\n\n    return url.toString();\n  }\n\n  private get __storeHref() {\n    return this.data?._links['fx:store']?.href;\n  }\n\n  private get __defaultTemplateSet() {\n    type Loader = NucleonElement<Resource<Rels.TemplateSets>>;\n    const selector = `#${this.__defaultTemplateSetLoaderId}`;\n    const loader = this.renderRoot.querySelector<Loader>(selector);\n    return loader?.data?._embedded['fx:template_sets'][0] ?? null;\n  }\n\n  private get __localeCodesHelper() {\n    type Loader = NucleonElement<Resource<Rels.LocaleCodes>>;\n    const selector = `#${this.__localeCodesHelperLoaderId}`;\n    return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n  }\n\n  private get __templateSet() {\n    type Loader = NucleonElement<Resource<Rels.TemplateSet>>;\n    const selector = `#${this.__templateSetLoaderId}`;\n    return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n  }\n\n  private get __items() {\n    const data = this.data;\n\n    if (data && '_embedded' in data && 'fx:items' in data._embedded) {\n      const items = data._embedded['fx:items'];\n\n      return {\n        array: items,\n        count: items.length,\n        isApproximateCount: items.length === 20,\n      };\n    }\n\n    type Loader = NucleonElement<Resource<Rels.Items>>;\n    const loader = this.renderRoot.querySelector<Loader>(`#${this.__itemsLoaderId}`);\n\n    if (!loader?.data) return;\n\n    return {\n      array: loader.data._embedded['fx:items'],\n      count: loader.data.total_items,\n      isApproximateCount: false,\n    };\n  }\n\n  private get __store() {\n    type Loader = NucleonElement<Resource<Rels.Store>>;\n    const selector = `#${this.__storeLoaderId}`;\n    return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n  }\n\n  private get __currencyDisplay() {\n    const useCode = this.__store?.use_international_currency_symbol;\n\n    if (useCode === true) return 'code';\n    if (useCode === false) return 'symbol';\n  }\n\n  private get __currencyCode() {\n    const data = this.data;\n\n    if (data && 'currency_code' in data) {\n      // TODO: remove the directive below once the SDK is updated\n      // @ts-expect-error SDK types are incomplete\n      return data.currency_code as string;\n    } else {\n      const allLocaleCodes = this.__localeCodesHelper;\n      const localeCode = (this.__templateSet ?? this.__defaultTemplateSet)?.locale_code;\n      const localeInfo = localeCode ? allLocaleCodes?.values[localeCode] : void 0;\n\n      if (localeInfo) return /Currency: ([A-Z]{3})/g.exec(localeInfo)?.[1];\n    }\n  }\n\n  private get __line1Options() {\n    const totalOrder = this.data?.total_order;\n    if (totalOrder === undefined) return;\n\n    const currencyDisplay = this.__currencyDisplay;\n    if (currencyDisplay === undefined) return;\n\n    const currencyCode = this.__currencyCode;\n    if (currencyCode === undefined) return;\n\n    const count = this.__items?.count;\n    if (count === undefined) return;\n\n    return { amount: `${totalOrder} ${currencyCode}`, currencyDisplay, count };\n  }\n\n  private get __line1Key() {\n    const items = this.__items;\n    if (items) return items.isApproximateCount ? 'line_1_approximate' : 'line_1';\n  }\n\n  private get __line2Options() {\n    return this.__items?.array[0];\n  }\n\n  private get __line2Key() {\n    const items = this.__items;\n    if (items === undefined) return;\n\n    if (items.count === 0) return 'line_2_empty';\n    if (items.count === 1) return 'line_2_one';\n    if (items.count > 1) return 'line_2_many';\n  }\n\n  private get __statusOptions() {\n    const data = this.data;\n    if (data) return { dateCreated: data.date_created };\n  }\n}\n"]}

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

@@ -4,9 +4,20 @@ import { InternalCard } from '../../internal/InternalCard/InternalCard';
 declare const Base: typeof InternalCard & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
     defaultNS: string;
 };
+/**
+ * Card element representing a gift card code log (`fx:gift_card_code_log`).
+ *
+ * @element foxy-gift-card-code-log-card
+ * @since 1.21.1
+ */
 export declare class GiftCardCodeLogCard extends Base<Data> {
-    private __giftCard;
-    private __store;
+    private readonly __giftCardLoaderId;
+    private readonly __storeLoaderId;
     renderBody(): TemplateResult;
+    get isBodyReady(): boolean;
+    private get __giftCardLoader();
+    private get __storeLoader();
+    private get __giftCard();
+    private get __store();
 }
 export {};

package/dist/elements/public/GiftCardCodeLogCard/GiftCardCodeLogCard.js

@@ -5,104 +5,94 @@ import { classMap } from "../../../utils/class-map.js";
 import { html } from 'lit-html';
 const NS = 'gift-card-code-log-card';
 const Base = TranslatableMixin(InternalCard, NS);
+/**
+ * Card element representing a gift card code log (`fx:gift_card_code_log`).
+ *
+ * @element foxy-gift-card-code-log-card
+ * @since 1.21.1
+ */
 export class GiftCardCodeLogCard extends Base {
     constructor() {
         super(...arguments);
-        this.__giftCard = null;
-        this.__store = null;
+        this.__giftCardLoaderId = 'giftCardLoader';
+        this.__storeLoaderId = 'storeLoader';
     }
     renderBody() {
-        var _a, _b, _c, _d, _e;
-        const balanceAdjustment = (_a = this.form.balance_adjustment) !== null && _a !== void 0 ? _a : 0;
-        const hasTransaction = typeof this.form.transaction_id === 'number';
-        const subtitleKey = hasTransaction ? 'status_used' : 'status_updated_via_api';
-        const currency = (_b = this.__giftCard) === null || _b === void 0 ? void 0 : _b.currency_code;
-        const icon = hasTransaction ? 'icons:shopping-cart' : 'icons:settings';
-        const lang = this.lang || 'en';
-        let formattedBalanceAdjustment;
-        try {
-            formattedBalanceAdjustment = balanceAdjustment.toLocaleString(lang, {
-                maximumFractionDigits: 2,
-                minimumFractionDigits: 2,
-                currencyDisplay: ((_c = this.__store) === null || _c === void 0 ? void 0 : _c.use_international_currency_symbol) ? 'code' : 'symbol',
-                signDisplay: 'exceptZero',
-                currency,
-                style: 'currency',
-            });
-        }
-        catch (_f) {
-            formattedBalanceAdjustment = String(balanceAdjustment);
-        }
+        var _a, _b, _c, _d;
+        const data = this.data;
+        const adjustment = (_a = data === null || data === void 0 ? void 0 : data.balance_adjustment) !== null && _a !== void 0 ? _a : 0;
+        const hasTransaction = typeof (data === null || data === void 0 ? void 0 : data.transaction_id) === 'number';
+        const titleKey = hasTransaction ? 'title_used' : 'title_updated_via_api';
+        const subtitleKey = hasTransaction ? 'subtitle_transaction' : 'subtitle_no_transaction';
+        const subtitleOptions = { transaction_id: data === null || data === void 0 ? void 0 : data.transaction_id };
+        const dateOptions = {
+            date_created: data === null || data === void 0 ? void 0 : data.date_created,
+            month: 'short',
+        };
+        const adjustmentOptions = {
+            currencyDisplay: ((_b = this.__store) === null || _b === void 0 ? void 0 : _b.use_international_currency_symbol) ? 'code' : 'symbol',
+            signDisplay: 'exceptZero',
+            amount: `${adjustment} ${(_c = this.__giftCard) === null || _c === void 0 ? void 0 : _c.currency_code}`,
+        };
         return html `
       <foxy-nucleon
         infer=""
-        href=${ifDefined((_d = this.form._links) === null || _d === void 0 ? void 0 : _d['fx:gift_card'].href)}
-        @update=${(evt) => {
-            const nucleon = evt.currentTarget;
-            this.__giftCard = nucleon.data;
-            this.requestUpdate();
-        }}
+        href=${ifDefined((_d = data === null || data === void 0 ? void 0 : data._links) === null || _d === void 0 ? void 0 : _d['fx:gift_card'].href)}
+        id=${this.__giftCardLoaderId}
+        @update=${() => this.requestUpdate()}
       >
       </foxy-nucleon>
 
       <foxy-nucleon
         infer=""
-        href=${ifDefined((_e = this.form._links) === null || _e === void 0 ? void 0 : _e['fx:store'].href)}
-        @update=${(evt) => {
-            const nucleon = evt.currentTarget;
-            this.__store = nucleon.data;
-            this.requestUpdate();
-        }}
+        href=${ifDefined(data === null || data === void 0 ? void 0 : data._links['fx:store'].href)}
+        id=${this.__storeLoaderId}
+        @update=${() => this.requestUpdate()}
       >
       </foxy-nucleon>
 
-      <div class="flex items-start gap-s leading-none">
-        <iron-icon class="icon-inline text-m" icon=${icon}></iron-icon>
-
-        <div class="flex-1">
-          <foxy-i18n
-            infer=""
-            class="block mb-xs font-semibold"
-            key="title"
-            .options=${{ date: this.form.date_created }}
-          >
-          </foxy-i18n>
-
-          <div class="text-secondary">
-            <foxy-i18n infer="" key=${subtitleKey}></foxy-i18n>
-            ${hasTransaction
-            ? html `
-                  &bull;
-                  <button
-                    class="underline"
-                    @click=${() => {
-                var _a;
-                const event = new CustomEvent('navigation', {
-                    composed: true,
-                    bubbles: true,
-                    detail: (_a = this.form._links) === null || _a === void 0 ? void 0 : _a['fx:transaction'].href,
-                });
-                this.dispatchEvent(event);
-            }}
-                  >
-                    #${this.form.transaction_id}
-                  </button>
-                `
-            : ''}
-          </div>
+      <div class="leading-s">
+        <div class="flex justify-between items-center">
+          <span class="text-body font-semibold truncate">
+            <foxy-i18n infer="" key=${titleKey}></foxy-i18n>
+          </span>
+          <span class="text-s text-tertiary flex-shrink-0">
+            <foxy-i18n infer="" key="date" .options=${dateOptions}></foxy-i18n>
+          </span>
         </div>
 
-        <div
-          class=${classMap({
-            'font-semibold font-tnum': true,
-            'text-success': balanceAdjustment > 0,
-            'text-error': balanceAdjustment < 0,
+        <div class="text-s text-secondary truncate">
+          <foxy-i18n infer="" key=${subtitleKey} .options=${subtitleOptions}></foxy-i18n>
+          <span class="text-tertiary">&bull;</span>
+          <span
+            class=${classMap({
+            'text-tertiary': adjustment === 0,
+            'text-success': adjustment > 0,
+            'text-error': adjustment < 0,
         })}
-        >
-          ${formattedBalanceAdjustment}
+          >
+            <foxy-i18n infer="" key="adjustment" .options=${adjustmentOptions}></foxy-i18n>
+          </span>
         </div>
       </div>
     `;
     }
+    get isBodyReady() {
+        return super.isBodyReady && !!this.__giftCard && !!this.__store;
+    }
+    get __giftCardLoader() {
+        return this.renderRoot.querySelector(`#${this.__giftCardLoaderId}`);
+    }
+    get __storeLoader() {
+        return this.renderRoot.querySelector(`#${this.__storeLoaderId}`);
+    }
+    get __giftCard() {
+        var _a;
+        return (_a = this.__giftCardLoader) === null || _a === void 0 ? void 0 : _a.data;
+    }
+    get __store() {
+        var _a;
+        return (_a = this.__storeLoader) === null || _a === void 0 ? void 0 : _a.data;
+    }
 }
 //# sourceMappingURL=GiftCardCodeLogCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GiftCardCodeLogCard.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCodeLogCard/GiftCardCodeLogCard.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-html';\nimport { NucleonElement } from '../NucleonElement';\n\nconst NS = 'gift-card-code-log-card';\nconst Base = TranslatableMixin(InternalCard, NS);\n\nexport class GiftCardCodeLogCard extends Base<Data> {\n  private __giftCard: Resource<Rels.GiftCard> | null = null;\n\n  private __store: Resource<Rels.Store> | null = null;\n\n  renderBody(): TemplateResult {\n    const balanceAdjustment = this.form.balance_adjustment ?? 0;\n    const hasTransaction = typeof this.form.transaction_id === 'number';\n    const subtitleKey = hasTransaction ? 'status_used' : 'status_updated_via_api';\n    const currency = this.__giftCard?.currency_code;\n    const icon = hasTransaction ? 'icons:shopping-cart' : 'icons:settings';\n    const lang = this.lang || 'en';\n\n    let formattedBalanceAdjustment: string;\n\n    try {\n      formattedBalanceAdjustment = balanceAdjustment.toLocaleString(lang, {\n        maximumFractionDigits: 2,\n        minimumFractionDigits: 2,\n        currencyDisplay: this.__store?.use_international_currency_symbol ? 'code' : 'symbol',\n        signDisplay: 'exceptZero',\n        currency,\n        style: 'currency',\n      });\n    } catch {\n      formattedBalanceAdjustment = String(balanceAdjustment);\n    }\n\n    return html`\n      <foxy-nucleon\n        infer=\"\"\n        href=${ifDefined(this.form._links?.['fx:gift_card'].href)}\n        @update=${(evt: CustomEvent) => {\n          const nucleon = evt.currentTarget as NucleonElement<Resource<Rels.GiftCard>>;\n          this.__giftCard = nucleon.data;\n          this.requestUpdate();\n        }}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        infer=\"\"\n        href=${ifDefined(this.form._links?.['fx:store'].href)}\n        @update=${(evt: CustomEvent) => {\n          const nucleon = evt.currentTarget as NucleonElement<Resource<Rels.Store>>;\n          this.__store = nucleon.data;\n          this.requestUpdate();\n        }}\n      >\n      </foxy-nucleon>\n\n      <div class=\"flex items-start gap-s leading-none\">\n        <iron-icon class=\"icon-inline text-m\" icon=${icon}></iron-icon>\n\n        <div class=\"flex-1\">\n          <foxy-i18n\n            infer=\"\"\n            class=\"block mb-xs font-semibold\"\n            key=\"title\"\n            .options=${{ date: this.form.date_created }}\n          >\n          </foxy-i18n>\n\n          <div class=\"text-secondary\">\n            <foxy-i18n infer=\"\" key=${subtitleKey}></foxy-i18n>\n            ${hasTransaction\n              ? html`\n                  &bull;\n                  <button\n                    class=\"underline\"\n                    @click=${() => {\n                      const event = new CustomEvent('navigation', {\n                        composed: true,\n                        bubbles: true,\n                        detail: this.form._links?.['fx:transaction'].href,\n                      });\n\n                      this.dispatchEvent(event);\n                    }}\n                  >\n                    #${this.form.transaction_id}\n                  </button>\n                `\n              : ''}\n          </div>\n        </div>\n\n        <div\n          class=${classMap({\n            'font-semibold font-tnum': true,\n            'text-success': balanceAdjustment > 0,\n            'text-error': balanceAdjustment < 0,\n          })}\n        >\n          ${formattedBalanceAdjustment}\n        </div>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"GiftCardCodeLogCard.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCodeLogCard/GiftCardCodeLogCard.ts"],"names":[],"mappings":"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","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-html';\n\nconst NS = 'gift-card-code-log-card';\nconst Base = TranslatableMixin(InternalCard, NS);\n\n/**\n * Card element representing a gift card code log (`fx:gift_card_code_log`).\n *\n * @element foxy-gift-card-code-log-card\n * @since 1.21.1\n */\nexport class GiftCardCodeLogCard extends Base<Data> {\n  private readonly __giftCardLoaderId = 'giftCardLoader';\n\n  private readonly __storeLoaderId = 'storeLoader';\n\n  renderBody(): TemplateResult {\n    const data = this.data;\n\n    const adjustment = data?.balance_adjustment ?? 0;\n    const hasTransaction = typeof data?.transaction_id === 'number';\n\n    const titleKey = hasTransaction ? 'title_used' : 'title_updated_via_api';\n    const subtitleKey = hasTransaction ? 'subtitle_transaction' : 'subtitle_no_transaction';\n    const subtitleOptions = { transaction_id: data?.transaction_id };\n\n    const dateOptions = {\n      date_created: data?.date_created,\n      month: 'short',\n    };\n\n    const adjustmentOptions = {\n      currencyDisplay: this.__store?.use_international_currency_symbol ? 'code' : 'symbol',\n      signDisplay: 'exceptZero',\n      amount: `${adjustment} ${this.__giftCard?.currency_code}`,\n    };\n\n    return html`\n      <foxy-nucleon\n        infer=\"\"\n        href=${ifDefined(data?._links?.['fx:gift_card'].href)}\n        id=${this.__giftCardLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        infer=\"\"\n        href=${ifDefined(data?._links['fx:store'].href)}\n        id=${this.__storeLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <div class=\"leading-s\">\n        <div class=\"flex justify-between items-center\">\n          <span class=\"text-body font-semibold truncate\">\n            <foxy-i18n infer=\"\" key=${titleKey}></foxy-i18n>\n          </span>\n          <span class=\"text-s text-tertiary flex-shrink-0\">\n            <foxy-i18n infer=\"\" key=\"date\" .options=${dateOptions}></foxy-i18n>\n          </span>\n        </div>\n\n        <div class=\"text-s text-secondary truncate\">\n          <foxy-i18n infer=\"\" key=${subtitleKey} .options=${subtitleOptions}></foxy-i18n>\n          <span class=\"text-tertiary\">&bull;</span>\n          <span\n            class=${classMap({\n              'text-tertiary': adjustment === 0,\n              'text-success': adjustment > 0,\n              'text-error': adjustment < 0,\n            })}\n          >\n            <foxy-i18n infer=\"\" key=\"adjustment\" .options=${adjustmentOptions}></foxy-i18n>\n          </span>\n        </div>\n      </div>\n    `;\n  }\n\n  get isBodyReady(): boolean {\n    return super.isBodyReady && !!this.__giftCard && !!this.__store;\n  }\n\n  private get __giftCardLoader() {\n    type Loader = NucleonElement<Resource<Rels.GiftCard>>;\n    return this.renderRoot.querySelector<Loader>(`#${this.__giftCardLoaderId}`);\n  }\n\n  private get __storeLoader() {\n    type Loader = NucleonElement<Resource<Rels.Store>>;\n    return this.renderRoot.querySelector<Loader>(`#${this.__storeLoaderId}`);\n  }\n\n  private get __giftCard() {\n    return this.__giftCardLoader?.data;\n  }\n\n  private get __store() {\n    return this.__storeLoader?.data;\n  }\n}\n"]}

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

@@ -1,6 +1,5 @@
-import '@polymer/iron-icons';
-import '@polymer/iron-icon';
 import '../../internal/InternalCard/index';
+import '../NucleonElement/index';
 import '../I18n/index';
 import { GiftCardCodeLogCard } from './GiftCardCodeLogCard';
 export { GiftCardCodeLogCard };

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

@@ -1,6 +1,5 @@
-import '@polymer/iron-icons';
-import '@polymer/iron-icon';
 import "../../internal/InternalCard/index.js";
+import "../NucleonElement/index.js";
 import "../I18n/index.js";
 import { GiftCardCodeLogCard } from "./GiftCardCodeLogCard.js";
 customElements.define('foxy-gift-card-code-log-card', GiftCardCodeLogCard);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCodeLogCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAE5B,8CAA2C;AAE3C,0BAAuB;AAEvB,OAAO,EAAE,mBAAmB,EAAE,iCAA8B;AAE5D,cAAc,CAAC,MAAM,CAAC,8BAA8B,EAAE,mBAAmB,CAAC,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,CAAC","sourcesContent":["import '@polymer/iron-icons';\nimport '@polymer/iron-icon';\n\nimport '../../internal/InternalCard/index';\n\nimport '../I18n/index';\n\nimport { GiftCardCodeLogCard } from './GiftCardCodeLogCard';\n\ncustomElements.define('foxy-gift-card-code-log-card', GiftCardCodeLogCard);\n\nexport { GiftCardCodeLogCard };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCodeLogCard/index.ts"],"names":[],"mappings":"AAAA,8CAA2C;AAE3C,oCAAiC;AACjC,0BAAuB;AAEvB,OAAO,EAAE,mBAAmB,EAAE,iCAA8B;AAE5D,cAAc,CAAC,MAAM,CAAC,8BAA8B,EAAE,mBAAmB,CAAC,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,CAAC","sourcesContent":["import '../../internal/InternalCard/index';\n\nimport '../NucleonElement/index';\nimport '../I18n/index';\n\nimport { GiftCardCodeLogCard } from './GiftCardCodeLogCard';\n\ncustomElements.define('foxy-gift-card-code-log-card', GiftCardCodeLogCard);\n\nexport { GiftCardCodeLogCard };\n"]}

package/dist/elements/public/I18n/format/price.js

@@ -10,6 +10,7 @@ export const price = (value, format, lang, options) => {
             maximumFractionDigits: 2,
             minimumFractionDigits: 2,
             currencyDisplay: (_a = options === null || options === void 0 ? void 0 : options.currencyDisplay) !== null && _a !== void 0 ? _a : 'symbol',
+            signDisplay: options === null || options === void 0 ? void 0 : options.signDisplay,
             style: 'currency',
             currency,
         });

package/dist/elements/public/I18n/format/price.js.map

@@ -1 +1 @@
-{"version":3,"file":"price.js","sourceRoot":"","sources":["../../../../../src/elements/public/I18n/format/price.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAU,EAAE;;IAC5E,IAAI;QACF,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC5C,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE;YAC7C,qBAAqB,EAAE,CAAC;YACxB,qBAAqB,EAAE,CAAC;YACxB,eAAe,QAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,eAAe,mCAAI,QAAQ;YACrD,KAAK,EAAE,UAAU;YACjB,QAAQ;SACT,CAAC,CAAC;KACJ;IAAC,WAAM;QACN,OAAO,KAAK,CAAC;KACd;AACH,CAAC,CAAC","sourcesContent":["import { FormatFunction } from 'i18next';\n\n/**\n * i18next formatter that formats given value as price + currency code (e.g. 9.99 USD) for current locale (e.g. $9,99).\n * @see https://www.i18next.com/translation-function/formatting\n */\nexport const price: FormatFunction = (value, format, lang, options): string => {\n  try {\n    const [amount, currency] = value.split(' ');\n    return parseFloat(amount).toLocaleString(lang, {\n      maximumFractionDigits: 2,\n      minimumFractionDigits: 2,\n      currencyDisplay: options?.currencyDisplay ?? 'symbol',\n      style: 'currency',\n      currency,\n    });\n  } catch {\n    return value;\n  }\n};\n"]}
+{"version":3,"file":"price.js","sourceRoot":"","sources":["../../../../../src/elements/public/I18n/format/price.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAU,EAAE;;IAC5E,IAAI;QACF,MAAM,CAAC,MAAM,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAC5C,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,cAAc,CAAC,IAAI,EAAE;YAC7C,qBAAqB,EAAE,CAAC;YACxB,qBAAqB,EAAE,CAAC;YACxB,eAAe,QAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,eAAe,mCAAI,QAAQ;YACrD,WAAW,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW;YACjC,KAAK,EAAE,UAAU;YACjB,QAAQ;SACT,CAAC,CAAC;KACJ;IAAC,WAAM;QACN,OAAO,KAAK,CAAC;KACd;AACH,CAAC,CAAC","sourcesContent":["import { FormatFunction } from 'i18next';\n\n/**\n * i18next formatter that formats given value as price + currency code (e.g. 9.99 USD) for current locale (e.g. $9,99).\n * @see https://www.i18next.com/translation-function/formatting\n */\nexport const price: FormatFunction = (value, format, lang, options): string => {\n  try {\n    const [amount, currency] = value.split(' ');\n    return parseFloat(amount).toLocaleString(lang, {\n      maximumFractionDigits: 2,\n      minimumFractionDigits: 2,\n      currencyDisplay: options?.currencyDisplay ?? 'symbol',\n      signDisplay: options?.signDisplay,\n      style: 'currency',\n      currency,\n    });\n  } catch {\n    return value;\n  }\n};\n"]}

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

@@ -6,6 +6,33 @@ import { InternalForm } from '../../internal/InternalForm/InternalForm';
 declare const Base: typeof InternalForm & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
     defaultNS: string;
 };
+/**
+ * Form element for managing integrations (`fx:integration`).
+ *
+ * @slot project-name:before
+ * @slot project-name:after
+ *
+ * @slot project-description:before
+ * @slot project-description:after
+ *
+ * @slot create:before
+ * @slot create:after
+ *
+ * @slot header:before
+ * @slot header:after
+ *
+ * @slot message:before
+ * @slot message:after
+ *
+ * @slot table:before
+ * @slot table:after
+ *
+ * @slot delete:before
+ * @slot delete:after
+ *
+ * @element foxy-integration-form
+ * @since 1.21.0
+ */
 export declare class IntegrationForm extends Base<Data> {
     static get properties(): PropertyDeclarations;
     static get v8n(): NucleonV8N<Data>;
@@ -14,5 +41,13 @@ export declare class IntegrationForm extends Base<Data> {
     protected _fetch<TResult = Data>(...args: Parameters<Window['fetch']>): Promise<TResult>;
     private __renderSnapshotBody;
     private __renderTemplateBody;
+    private __renderMessage;
+    private __renderHeader;
+    private __renderTable;
+    private __renderCopiableText;
+    private __renderMailToLink;
+    private __renderLink;
+    private __renderTableRow;
+    private __renderTableI18n;
 }
 export {};