@foxy.io/elements 1.28.0 → 1.29.0-beta.1

package/dist/elements/public/CartForm/internal/InternalCartFormAddressSummaryItem/index.js

@@ -0,0 +1,9 @@
+import '@vaadin/vaadin-button';
+import "../../../../internal/InternalEditableControl/index.js";
+import "../../../../internal/InternalSelectControl/index.js";
+import "../../../../internal/InternalTextControl/index.js";
+import "../../../NucleonElement/index.js";
+import { InternalCartFormAddressSummaryItem } from "./InternalCartFormAddressSummaryItem.js";
+customElements.define('foxy-internal-cart-form-address-summary-item', InternalCartFormAddressSummaryItem);
+export { InternalCartFormAddressSummaryItem };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/CartForm/internal/InternalCartFormAddressSummaryItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/CartForm/internal/InternalCartFormAddressSummaryItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,uBAAuB,CAAC;AAE/B,+DAA4D;AAC5D,6DAA0D;AAC1D,2DAAwD;AAExD,0CAAuC;AAEvC,OAAO,EAAE,kCAAkC,EAAE,gDAA6C;AAE1F,cAAc,CAAC,MAAM,CACnB,8CAA8C,EAC9C,kCAAkC,CACnC,CAAC;AAEF,OAAO,EAAE,kCAAkC,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-button';\n\nimport '../../../../internal/InternalEditableControl/index';\nimport '../../../../internal/InternalSelectControl/index';\nimport '../../../../internal/InternalTextControl/index';\n\nimport '../../../NucleonElement/index';\n\nimport { InternalCartFormAddressSummaryItem } from './InternalCartFormAddressSummaryItem';\n\ncustomElements.define(\n  'foxy-internal-cart-form-address-summary-item',\n  InternalCartFormAddressSummaryItem\n);\n\nexport { InternalCartFormAddressSummaryItem };\n"]}

package/dist/elements/public/CartForm/internal/InternalCartFormAddressSummaryItem/style.d.ts

@@ -0,0 +1 @@
+export declare const style: import("lit-element").CSSResult;

package/dist/elements/public/CartForm/internal/InternalCartFormAddressSummaryItem/style.js

@@ -0,0 +1,58 @@
+import { css } from 'lit-element';
+export const style = css `#dialog{
+  width:100dvw;
+  max-height:calc(100dvh - var(--lumo-space-m));
+  max-width:none;
+  opacity:0;
+  transform:translateY(100%);
+  transition:all 500ms allow-discrete;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+  margin:auto 0 0 0;
+  border-radius:var(--lumo-border-radius-l) var(--lumo-border-radius-l) 0 0;
+}
+
+#dialog::backdrop{
+  background-color:transparent;
+  transition:all 500ms allow-discrete;
+  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
+}
+
+#dialog[open]{
+  opacity:1;
+  transform:none;
+}
+
+#dialog[open]::backdrop{
+  background-color:var(--lumo-shade-50pct);
+}
+
+@starting-style{
+  #dialog[open]{
+    opacity:0;
+    transform:translateY(100%);
+  }
+}
+
+@starting-style{
+  #dialog[open]::backdrop{
+    background-color:transparent;
+  }
+}
+
+@media all and (min-width: 640px){
+  #dialog{
+    max-width:30rem;
+    max-height:calc(100dvh - var(--lumo-space-m));
+    transform:scale(1.1);
+    margin:auto;
+    border-radius:var(--lumo-border-radius-l);
+  }
+
+  @starting-style{
+    #dialog[open]{
+      transform:scale(1.1);
+    }
+  }
+}
+`;
+//# sourceMappingURL=style.js.map

package/dist/elements/public/CartForm/internal/InternalCartFormAddressSummaryItem/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../../../../src/elements/public/CartForm/internal/InternalCartFormAddressSummaryItem/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDvB,CAAC","sourcesContent":["import { css } from 'lit-element';\n\nexport const style = css`\n  #dialog {\n    width: 100dvw;\n    max-height: calc(100dvh - var(--lumo-space-m));\n    max-width: none;\n    opacity: 0;\n    transform: translateY(100%);\n    transition: all 500ms allow-discrete;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    margin: auto 0 0 0;\n    border-radius: var(--lumo-border-radius-l) var(--lumo-border-radius-l) 0 0;\n  }\n\n  #dialog::backdrop {\n    background-color: transparent;\n    transition: all 500ms allow-discrete;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  #dialog[open] {\n    opacity: 1;\n    transform: none;\n  }\n\n  #dialog[open]::backdrop {\n    background-color: var(--lumo-shade-50pct);\n  }\n\n  @starting-style {\n    #dialog[open] {\n      opacity: 0;\n      transform: translateY(100%);\n    }\n  }\n\n  @starting-style {\n    #dialog[open]::backdrop {\n      background-color: transparent;\n    }\n  }\n\n  @media all and (min-width: 640px) {\n    #dialog {\n      max-width: 30rem;\n      max-height: calc(100dvh - var(--lumo-space-m));\n      transform: scale(1.1);\n      margin: auto;\n      border-radius: var(--lumo-border-radius-l);\n    }\n\n    @starting-style {\n      #dialog[open] {\n        transform: scale(1.1);\n      }\n    }\n  }\n`;\n"]}

package/dist/elements/public/CartForm/internal/InternalCartFormAddressSummaryItem/types.d.ts

@@ -0,0 +1,11 @@
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
+export declare type ZoomedCustomer = Resource<Rels.Customer, {
+    zoom: ['default_billing_address', 'default_shipping_address'];
+}>;
+export declare type AddressEntry = {
+    originalValue: string;
+    modified: boolean;
+    value: string;
+    field: string;
+};

package/dist/elements/public/CartForm/internal/InternalCartFormAddressSummaryItem/types.js

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

package/dist/elements/public/CartForm/internal/InternalCartFormAddressSummaryItem/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/elements/public/CartForm/internal/InternalCartFormAddressSummaryItem/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type ZoomedCustomer = Resource<\n  Rels.Customer,\n  { zoom: ['default_billing_address', 'default_shipping_address'] }\n>;\n\nexport type AddressEntry = {\n  originalValue: string;\n  modified: boolean;\n  value: string;\n  field: string;\n};\n"]}

package/dist/elements/public/CartForm/internal/{InternalCartFormViewAsCustomerControl/InternalCartFormViewAsCustomerControl.d.ts → InternalCartFormCreateSessionAction/InternalCartFormCreateSessionAction.d.ts}

@@ -1,7 +1,7 @@
 import type { PropertyDeclarations } from 'lit-element';
 import type { TemplateResult } from 'lit-html';
 import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
-export declare class InternalCartFormViewAsCustomerControl extends InternalControl {
+export declare class InternalCartFormCreateSessionAction extends InternalControl {
     static get properties(): PropertyDeclarations;
     private __loader;
     renderControl(): TemplateResult;

package/dist/elements/public/CartForm/internal/{InternalCartFormViewAsCustomerControl/InternalCartFormViewAsCustomerControl.js → InternalCartFormCreateSessionAction/InternalCartFormCreateSessionAction.js}

@@ -1,7 +1,7 @@
 import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
 import { classMap } from "../../../../../utils/class-map.js";
 import { html } from 'lit-html';
-export class InternalCartFormViewAsCustomerControl extends InternalControl {
+export class InternalCartFormCreateSessionAction extends InternalControl {
     constructor() {
         super(...arguments);
         this.__loader = null;
@@ -20,7 +20,7 @@ export class InternalCartFormViewAsCustomerControl extends InternalControl {
             return html `
         <a
           target="_blank"
-          class="flex h-m px-m rounded font-medium transition-colors text-body bg-contrast-5 hover-bg-contrast-10 items-center justify-center focus-outline-none focus-ring-2 focus-ring-primary-50"
+          class="rounded font-medium transition-colors text-body focus-outline-none focus-ring-2 focus-ring-primary-50"
           href=${href}
         >
           <foxy-i18n infer="" key="state_idle"></foxy-i18n>
@@ -31,8 +31,7 @@ export class InternalCartFormViewAsCustomerControl extends InternalControl {
             return html `
         <div
           class=${classMap({
-                'flex h-m px-m rounded items-center justify-center': true,
-                'transition-colors bg-contrast-5 font-medium': true,
+                'transition-colors font-medium rounded': true,
                 'text-tertiary': state !== 'fail',
                 'text-error': state === 'fail',
             })}
@@ -52,6 +51,7 @@ export class InternalCartFormViewAsCustomerControl extends InternalControl {
     }
     async __reloadSessionHref(href) {
         var _a;
+        console.log('RELOAD SESSION HREF', href);
         if (((_a = this.__loader) === null || _a === void 0 ? void 0 : _a.href) === href)
             return;
         const nucleon = this.nucleon;
@@ -80,4 +80,4 @@ export class InternalCartFormViewAsCustomerControl extends InternalControl {
         }
     }
 }
-//# sourceMappingURL=InternalCartFormViewAsCustomerControl.js.map
+//# sourceMappingURL=InternalCartFormCreateSessionAction.js.map

package/dist/elements/public/CartForm/internal/InternalCartFormCreateSessionAction/InternalCartFormCreateSessionAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalCartFormCreateSessionAction.js","sourceRoot":"","sources":["../../../../../../src/elements/public/CartForm/internal/InternalCartFormCreateSessionAction/InternalCartFormCreateSessionAction.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,QAAQ,EAAE,0CAAuC;AAC1D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAQhC,MAAM,OAAO,mCAAoC,SAAQ,eAAe;IAAxE;;QAQU,aAAQ,GAAkB,IAAI,CAAC;IAqEzC,CAAC;IA5EC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,QAAQ,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAC/B,CAAC;IACJ,CAAC;IAID,aAAa;;QACX,MAAM,KAAK,SAAG,IAAI,CAAC,QAAQ,0CAAE,KAAK,CAAC;QACnC,MAAM,IAAI,SAAG,IAAI,CAAC,QAAQ,0CAAE,MAAM,CAAC;QAEnC,IAAI,IAAI,EAAE;YACR,OAAO,IAAI,CAAA;;;;iBAIA,IAAI;;;;OAId,CAAC;SACH;aAAM;YACL,OAAO,IAAI,CAAA;;kBAEC,QAAQ,CAAC;gBACf,uCAAuC,EAAE,IAAI;gBAC7C,eAAe,EAAE,KAAK,KAAK,MAAM;gBACjC,YAAY,EAAE,KAAK,KAAK,MAAM;aAC/B,CAAC;;oCAEwB,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY;;OAE3E,CAAC;SACH;IACH,CAAC;IAED,OAAO,CAAC,OAAiC;;QACvC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAEvB,MAAM,OAAO,GAAG,IAAI,CAAC,OAA0B,CAAC;QAChD,MAAM,IAAI,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC;QAC3B,MAAM,oBAAoB,SAAG,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,CAAC,mBAAmB,EAAE,IAAI,mCAAI,IAAI,CAAC;QAE5E,IAAI,CAAC,mBAAmB,CAAC,oBAAoB,CAAC,CAAC;IACjD,CAAC;IAEO,KAAK,CAAC,mBAAmB,CAAC,IAAmB;;QACnD,OAAO,CAAC,GAAG,CAAC,qBAAqB,EAAE,IAAI,CAAC,CAAC;QACzC,IAAI,OAAA,IAAI,CAAC,QAAQ,0CAAE,IAAI,MAAK,IAAI;YAAE,OAAO;QAEzC,MAAM,OAAO,GAAG,IAAI,CAAC,OAA0B,CAAC;QAChD,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,IAAI,IAAI,EAAE;YACR,MAAM,MAAM,GAAW,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC;YAC7D,MAAM,GAAG,GAAG,IAAK,OAAO,CAAC,WAA+B,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;YAEnE,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC;YAEvB,IAAI;gBACF,MAAM,QAAQ,GAAG,MAAM,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;gBAC3D,IAAI,CAAC,QAAQ,CAAC,EAAE;oBAAE,MAAM,IAAI,KAAK,EAAE,CAAC;gBAEpC,MAAM,CAAC,MAAM,GAAG,CAAC,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC;gBAClD,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC;aACvB;YAAC,WAAM;gBACN,MAAM,CAAC,KAAK,GAAG,MAAM,CAAC;aACvB;oBAAS;gBACR,IAAI,CAAC,aAAa,EAAE,CAAC;aACtB;SACF;aAAM;YACL,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;SACtB;IACH,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { CartForm } from '../../CartForm';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { classMap } from '../../../../../utils/class-map';\nimport { html } from 'lit-html';\n\ntype Loader = {\n  result: string | null;\n  state: 'idle' | 'busy' | 'fail';\n  href: string;\n};\n\nexport class InternalCartFormCreateSessionAction extends InternalControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      __loader: { attribute: false },\n    };\n  }\n\n  private __loader: Loader | null = null;\n\n  renderControl(): TemplateResult {\n    const state = this.__loader?.state;\n    const href = this.__loader?.result;\n\n    if (href) {\n      return html`\n        <a\n          target=\"_blank\"\n          class=\"rounded font-medium transition-colors text-body focus-outline-none focus-ring-2 focus-ring-primary-50\"\n          href=${href}\n        >\n          <foxy-i18n infer=\"\" key=\"state_idle\"></foxy-i18n>\n        </a>\n      `;\n    } else {\n      return html`\n        <div\n          class=${classMap({\n            'transition-colors font-medium rounded': true,\n            'text-tertiary': state !== 'fail',\n            'text-error': state === 'fail',\n          })}\n        >\n          <foxy-i18n infer=\"\" key=${state === 'fail' ? 'state_fail' : 'state_busy'}> </foxy-i18n>\n        </div>\n      `;\n    }\n  }\n\n  updated(changes: Map<keyof this, unknown>): void {\n    super.updated(changes);\n\n    const nucleon = this.nucleon as CartForm | null;\n    const data = nucleon?.data;\n    const newCreateSessionHref = data?._links['fx:create_session'].href ?? null;\n\n    this.__reloadSessionHref(newCreateSessionHref);\n  }\n\n  private async __reloadSessionHref(href: string | null) {\n    console.log('RELOAD SESSION HREF', href);\n    if (this.__loader?.href === href) return;\n\n    const nucleon = this.nucleon as CartForm | null;\n    if (!nucleon) return;\n\n    if (href) {\n      const loader: Loader = { result: null, state: 'busy', href };\n      const api = new (nucleon.constructor as typeof CartForm).API(this);\n\n      this.__loader = loader;\n\n      try {\n        const response = await api.fetch(href, { method: 'POST' });\n        if (!response.ok) throw new Error();\n\n        loader.result = (await response.json()).cart_link;\n        loader.state = 'idle';\n      } catch {\n        loader.state = 'fail';\n      } finally {\n        this.requestUpdate();\n      }\n    } else {\n      this.__loader = null;\n    }\n  }\n}\n"]}

package/dist/elements/public/CartForm/internal/InternalCartFormCreateSessionAction/index.d.ts

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

package/dist/elements/public/CartForm/internal/InternalCartFormCreateSessionAction/index.js

@@ -0,0 +1,6 @@
+import "../../../../internal/InternalControl/index.js";
+import "../../../I18n/index.js";
+import { InternalCartFormCreateSessionAction as Control } from "./InternalCartFormCreateSessionAction.js";
+customElements.define('foxy-internal-cart-form-create-session-action', Control);
+export { Control as InternalCartFormCreateSessionAction };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/CartForm/internal/InternalCartFormCreateSessionAction/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/CartForm/internal/InternalCartFormCreateSessionAction/index.ts"],"names":[],"mappings":"AAAA,uDAAoD;AAEpD,gCAA6B;AAE7B,OAAO,EAAE,mCAAmC,IAAI,OAAO,EAAE,iDAA8C;AAEvG,cAAc,CAAC,MAAM,CAAC,+CAA+C,EAAE,OAAO,CAAC,CAAC;AAEhF,OAAO,EAAE,OAAO,IAAI,mCAAmC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalControl/index';\n\nimport '../../../I18n/index';\n\nimport { InternalCartFormCreateSessionAction as Control } from './InternalCartFormCreateSessionAction';\n\ncustomElements.define('foxy-internal-cart-form-create-session-action', Control);\n\nexport { Control as InternalCartFormCreateSessionAction };\n"]}

package/dist/elements/public/CartForm/internal/InternalCartFormPaymentMethodCard/InternalCartFormPaymentMethodCard.d.ts

@@ -0,0 +1,6 @@
+import type { TemplateResult } from 'lit-html';
+import type { Data } from './types';
+import { TwoLineCard } from '../../../CustomFieldCard/TwoLineCard';
+export declare class InternalCartFormPaymentMethodCard extends TwoLineCard<Data> {
+    renderBody(): TemplateResult;
+}

package/dist/elements/public/CartForm/internal/InternalCartFormPaymentMethodCard/InternalCartFormPaymentMethodCard.js

@@ -0,0 +1,35 @@
+import { getResourceId } from '@foxy.io/sdk/core';
+import { TwoLineCard } from "../../../CustomFieldCard/TwoLineCard.js";
+import { html } from 'lit-html';
+export class InternalCartFormPaymentMethodCard extends TwoLineCard {
+    renderBody() {
+        return super.renderBody({
+            title: data => {
+                var _a, _b, _c, _d, _e;
+                const payment = (_b = (_a = data._embedded) === null || _a === void 0 ? void 0 : _a['fx:payments']) === null || _b === void 0 ? void 0 : _b[0];
+                const type = (_c = payment === null || payment === void 0 ? void 0 : payment.cc_type) !== null && _c !== void 0 ? _c : '';
+                const year = (_d = payment === null || payment === void 0 ? void 0 : payment.cc_exp_year) === null || _d === void 0 ? void 0 : _d.substring(2);
+                const month = payment === null || payment === void 0 ? void 0 : payment.cc_exp_month;
+                const last4Digits = (_e = payment === null || payment === void 0 ? void 0 : payment.cc_number_masked) === null || _e === void 0 ? void 0 : _e.replace(/x/gi, '');
+                const options = {
+                    last4Digits,
+                    context: type && year && month && last4Digits ? 'valid' : 'invalid',
+                    month,
+                    type,
+                    year,
+                };
+                return html `<foxy-i18n infer="" key="title" .options=${options}></foxy-i18n>`;
+            },
+            subtitle: data => {
+                var _a, _b, _c;
+                const payment = (_b = (_a = data._embedded) === null || _a === void 0 ? void 0 : _a['fx:payments']) === null || _b === void 0 ? void 0 : _b[0];
+                const options = {
+                    id: getResourceId(data._links.self.href),
+                    date: (_c = payment === null || payment === void 0 ? void 0 : payment.date_created) !== null && _c !== void 0 ? _c : data.transaction_date,
+                };
+                return html `<foxy-i18n infer="" key="subtitle" .options=${options}></foxy-i18n>`;
+            },
+        });
+    }
+}
+//# sourceMappingURL=InternalCartFormPaymentMethodCard.js.map

package/dist/elements/public/CartForm/internal/InternalCartFormPaymentMethodCard/InternalCartFormPaymentMethodCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalCartFormPaymentMethodCard.js","sourceRoot":"","sources":["../../../../../../src/elements/public/CartForm/internal/InternalCartFormPaymentMethodCard/InternalCartFormPaymentMethodCard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,gDAA6C;AACnE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,iCAAkC,SAAQ,WAAiB;IACtE,UAAU;QACR,OAAO,KAAK,CAAC,UAAU,CAAC;YACtB,KAAK,EAAE,IAAI,CAAC,EAAE;;gBACZ,MAAM,OAAO,eAAG,IAAI,CAAC,SAAS,0CAAG,aAAa,2CAAI,CAAC,CAAC,CAAC;gBACrD,MAAM,IAAI,SAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,mCAAI,EAAE,CAAC;gBACpC,MAAM,IAAI,SAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,0CAAE,SAAS,CAAC,CAAC,CAAC,CAAC;gBAChD,MAAM,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAC;gBACpC,MAAM,WAAW,SAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,gBAAgB,0CAAE,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;gBAClE,MAAM,OAAO,GAAG;oBACd,WAAW;oBACX,OAAO,EAAE,IAAI,IAAI,IAAI,IAAI,KAAK,IAAI,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;oBACnE,KAAK;oBACL,IAAI;oBACJ,IAAI;iBACL,CAAC;gBAEF,OAAO,IAAI,CAAA,4CAA4C,OAAO,eAAe,CAAC;YAChF,CAAC;YAED,QAAQ,EAAE,IAAI,CAAC,EAAE;;gBACf,MAAM,OAAO,eAAG,IAAI,CAAC,SAAS,0CAAG,aAAa,2CAAI,CAAC,CAAC,CAAC;gBACrD,MAAM,OAAO,GAAG;oBACd,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;oBACxC,IAAI,QAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,mCAAI,IAAI,CAAC,gBAAgB;iBACrD,CAAC;gBAEF,OAAO,IAAI,CAAA,+CAA+C,OAAO,eAAe,CAAC;YACnF,CAAC;SACF,CAAC,CAAC;IACL,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { Data } from './types';\n\nimport { getResourceId } from '@foxy.io/sdk/core';\nimport { TwoLineCard } from '../../../CustomFieldCard/TwoLineCard';\nimport { html } from 'lit-html';\n\nexport class InternalCartFormPaymentMethodCard extends TwoLineCard<Data> {\n  renderBody(): TemplateResult {\n    return super.renderBody({\n      title: data => {\n        const payment = data._embedded?.['fx:payments']?.[0];\n        const type = payment?.cc_type ?? '';\n        const year = payment?.cc_exp_year?.substring(2);\n        const month = payment?.cc_exp_month;\n        const last4Digits = payment?.cc_number_masked?.replace(/x/gi, '');\n        const options = {\n          last4Digits,\n          context: type && year && month && last4Digits ? 'valid' : 'invalid',\n          month,\n          type,\n          year,\n        };\n\n        return html`<foxy-i18n infer=\"\" key=\"title\" .options=${options}></foxy-i18n>`;\n      },\n\n      subtitle: data => {\n        const payment = data._embedded?.['fx:payments']?.[0];\n        const options = {\n          id: getResourceId(data._links.self.href),\n          date: payment?.date_created ?? data.transaction_date,\n        };\n\n        return html`<foxy-i18n infer=\"\" key=\"subtitle\" .options=${options}></foxy-i18n>`;\n      },\n    });\n  }\n}\n"]}

package/dist/elements/public/CartForm/internal/InternalCartFormPaymentMethodCard/index.d.ts

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

package/dist/elements/public/CartForm/internal/InternalCartFormPaymentMethodCard/index.js

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

package/dist/elements/public/CartForm/internal/InternalCartFormPaymentMethodCard/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/CartForm/internal/InternalCartFormPaymentMethodCard/index.ts"],"names":[],"mappings":"AAAA,oDAAiD;AACjD,gCAA6B;AAE7B,OAAO,EAAE,iCAAiC,EAAE,+CAA4C;AAExF,cAAc,CAAC,MAAM,CACnB,6CAA6C,EAC7C,iCAAiC,CAClC,CAAC;AAEF,OAAO,EAAE,iCAAiC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalCard/index';\nimport '../../../I18n/index';\n\nimport { InternalCartFormPaymentMethodCard } from './InternalCartFormPaymentMethodCard';\n\ncustomElements.define(\n  'foxy-internal-cart-form-payment-method-card',\n  InternalCartFormPaymentMethodCard\n);\n\nexport { InternalCartFormPaymentMethodCard };\n"]}

package/dist/elements/public/CartForm/internal/InternalCartFormPaymentMethodCard/types.d.ts

@@ -0,0 +1,5 @@
+import type { Resource } from '@foxy.io/sdk/core';
+import type { Rels } from '@foxy.io/sdk/backend';
+export declare type Data = Resource<Rels.Transaction, {
+    zoom: 'payments';
+}>;

package/dist/elements/public/CartForm/internal/InternalCartFormPaymentMethodCard/types.js

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

package/dist/elements/public/CartForm/internal/InternalCartFormPaymentMethodCard/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/elements/public/CartForm/internal/InternalCartFormPaymentMethodCard/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type Data = Resource<Rels.Transaction, { zoom: 'payments' }>;\n"]}

package/dist/elements/public/CartForm/internal/InternalCartFormPaymentMethodForm/InternalCartFormPaymentMethodForm.d.ts

@@ -0,0 +1,13 @@
+import type { PropertyDeclarations, TemplateResult } from 'lit-element';
+import type { Data } from './types';
+import { InternalForm } from '../../../../internal/InternalForm/InternalForm';
+export declare class InternalCartFormPaymentMethodForm extends InternalForm<Data> {
+    static get properties(): PropertyDeclarations;
+    /** URL of the `fx:default_payment_method` resource. */
+    defaultPaymentMethod: string | null;
+    /** Complete configuration URL for the Payment Card Embed. */
+    paymentCardEmbedUrl: string | null;
+    /** Props/event listeners to add to the selection list. */
+    selectionProps: Record<PropertyKey, unknown>;
+    renderBody(): TemplateResult;
+}

package/dist/elements/public/CartForm/internal/InternalCartFormPaymentMethodForm/InternalCartFormPaymentMethodForm.js

@@ -0,0 +1,68 @@
+import { InternalForm } from "../../../../internal/InternalForm/InternalForm.js";
+import { UpdateEvent } from "../../../NucleonElement/UpdateEvent.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { spread } from '@open-wc/lit-helpers';
+import { html } from 'lit-html';
+export class InternalCartFormPaymentMethodForm extends InternalForm {
+    constructor() {
+        super(...arguments);
+        /** URL of the `fx:default_payment_method` resource. */
+        this.defaultPaymentMethod = null;
+        /** Complete configuration URL for the Payment Card Embed. */
+        this.paymentCardEmbedUrl = null;
+        /** Props/event listeners to add to the selection list. */
+        this.selectionProps = {};
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            defaultPaymentMethod: { attribute: 'default-payment-method' },
+            paymentCardEmbedUrl: { attribute: 'payment-card-embed-url' },
+            selectionProps: { attribute: false },
+        };
+    }
+    renderBody() {
+        var _a, _b;
+        return html `
+      <foxy-update-payment-method-form
+        embed-url=${ifDefined((_a = this.paymentCardEmbedUrl) !== null && _a !== void 0 ? _a : void 0)}
+        infer="default-payment-method"
+        href=${ifDefined((_b = this.defaultPaymentMethod) !== null && _b !== void 0 ? _b : void 0)}
+        @update=${(evt) => {
+            var _a;
+            if (((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.result) === UpdateEvent.UpdateResult.ResourceUpdated) {
+                this.edit({ selection: '' });
+                this.submit();
+            }
+        }}
+      >
+      </foxy-update-payment-method-form>
+
+      <div class="flex items-center gap-m">
+        <div class="border-t border-contrast-10 flex-1"></div>
+        <foxy-i18n class="text-tertiary" infer="" key="or"></foxy-i18n>
+        <div class="border-t border-contrast-10 flex-1"></div>
+      </div>
+
+      <h2 class="text-xl font-medium">
+        <foxy-i18n infer="" key="select_previous"></foxy-i18n>
+      </h2>
+
+      <foxy-internal-async-list-control
+        infer="selection"
+        limit="5"
+        form="foxy-null"
+        hide-delete-button
+        hide-create-button
+        @itemclick=${(evt) => {
+            evt.preventDefault();
+            this.edit({ selection: evt.detail });
+            this.submit();
+        }}
+        ...=${spread(this.selectionProps)}
+      >
+      </foxy-internal-async-list-control>
+    `;
+    }
+}
+//# sourceMappingURL=InternalCartFormPaymentMethodForm.js.map

package/dist/elements/public/CartForm/internal/InternalCartFormPaymentMethodForm/InternalCartFormPaymentMethodForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalCartFormPaymentMethodForm.js","sourceRoot":"","sources":["../../../../../../src/elements/public/CartForm/internal/InternalCartFormPaymentMethodForm/InternalCartFormPaymentMethodForm.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,0DAAuD;AAC9E,OAAO,EAAE,WAAW,EAAE,+CAA4C;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,iCAAkC,SAAQ,YAAkB;IAAzE;;QAUE,uDAAuD;QACvD,yBAAoB,GAAkB,IAAI,CAAC;QAE3C,6DAA6D;QAC7D,wBAAmB,GAAkB,IAAI,CAAC;QAE1C,0DAA0D;QAC1D,mBAAc,GAAiC,EAAE,CAAC;IA2CpD,CAAC;IA3DC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,oBAAoB,EAAE,EAAE,SAAS,EAAE,wBAAwB,EAAE;YAC7D,mBAAmB,EAAE,EAAE,SAAS,EAAE,wBAAwB,EAAE;YAC5D,cAAc,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SACrC,CAAC;IACJ,CAAC;IAWD,UAAU;;QACR,OAAO,IAAI,CAAA;;oBAEK,SAAS,OAAC,IAAI,CAAC,mBAAmB,mCAAI,KAAK,CAAC,CAAC;;eAElD,SAAS,OAAC,IAAI,CAAC,oBAAoB,mCAAI,KAAK,CAAC,CAAC;kBAC3C,CAAC,GAAgB,EAAE,EAAE;;YAC7B,IAAI,OAAA,GAAG,CAAC,MAAM,0CAAE,MAAM,MAAK,WAAW,CAAC,YAAY,CAAC,eAAe,EAAE;gBACnE,IAAI,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC;gBAC7B,IAAI,CAAC,MAAM,EAAE,CAAC;aACf;QACH,CAAC;;;;;;;;;;;;;;;;;;;;qBAoBY,CAAC,GAAwB,EAAE,EAAE;YACxC,GAAG,CAAC,cAAc,EAAE,CAAC;YACrB,IAAI,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;YACrC,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC;cACK,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC;;;KAGpC,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { Data } from './types';\n\nimport { InternalForm } from '../../../../internal/InternalForm/InternalForm';\nimport { UpdateEvent } from '../../../NucleonElement/UpdateEvent';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { spread } from '@open-wc/lit-helpers';\nimport { html } from 'lit-html';\n\nexport class InternalCartFormPaymentMethodForm extends InternalForm<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      defaultPaymentMethod: { attribute: 'default-payment-method' },\n      paymentCardEmbedUrl: { attribute: 'payment-card-embed-url' },\n      selectionProps: { attribute: false },\n    };\n  }\n\n  /** URL of the `fx:default_payment_method` resource. */\n  defaultPaymentMethod: string | null = null;\n\n  /** Complete configuration URL for the Payment Card Embed. */\n  paymentCardEmbedUrl: string | null = null;\n\n  /** Props/event listeners to add to the selection list. */\n  selectionProps: Record<PropertyKey, unknown> = {};\n\n  renderBody(): TemplateResult {\n    return html`\n      <foxy-update-payment-method-form\n        embed-url=${ifDefined(this.paymentCardEmbedUrl ?? void 0)}\n        infer=\"default-payment-method\"\n        href=${ifDefined(this.defaultPaymentMethod ?? void 0)}\n        @update=${(evt: UpdateEvent) => {\n          if (evt.detail?.result === UpdateEvent.UpdateResult.ResourceUpdated) {\n            this.edit({ selection: '' });\n            this.submit();\n          }\n        }}\n      >\n      </foxy-update-payment-method-form>\n\n      <div class=\"flex items-center gap-m\">\n        <div class=\"border-t border-contrast-10 flex-1\"></div>\n        <foxy-i18n class=\"text-tertiary\" infer=\"\" key=\"or\"></foxy-i18n>\n        <div class=\"border-t border-contrast-10 flex-1\"></div>\n      </div>\n\n      <h2 class=\"text-xl font-medium\">\n        <foxy-i18n infer=\"\" key=\"select_previous\"></foxy-i18n>\n      </h2>\n\n      <foxy-internal-async-list-control\n        infer=\"selection\"\n        limit=\"5\"\n        form=\"foxy-null\"\n        hide-delete-button\n        hide-create-button\n        @itemclick=${(evt: CustomEvent<string>) => {\n          evt.preventDefault();\n          this.edit({ selection: evt.detail });\n          this.submit();\n        }}\n        ...=${spread(this.selectionProps)}\n      >\n      </foxy-internal-async-list-control>\n    `;\n  }\n}\n"]}

package/dist/elements/public/CartForm/internal/InternalCartFormPaymentMethodForm/index.d.ts

@@ -0,0 +1,6 @@
+import '../../../../internal/InternalAsyncListControl/index';
+import '../../../../internal/InternalForm/index';
+import '../../../UpdatePaymentMethodForm/index';
+import '../../../I18n/index';
+import { InternalCartFormPaymentMethodForm } from './InternalCartFormPaymentMethodForm';
+export { InternalCartFormPaymentMethodForm };

package/dist/elements/public/CartForm/internal/InternalCartFormPaymentMethodForm/index.js

@@ -0,0 +1,8 @@
+import "../../../../internal/InternalAsyncListControl/index.js";
+import "../../../../internal/InternalForm/index.js";
+import "../../../UpdatePaymentMethodForm/index.js";
+import "../../../I18n/index.js";
+import { InternalCartFormPaymentMethodForm } from "./InternalCartFormPaymentMethodForm.js";
+customElements.define('foxy-internal-cart-form-payment-method-form', InternalCartFormPaymentMethodForm);
+export { InternalCartFormPaymentMethodForm };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/CartForm/internal/InternalCartFormPaymentMethodForm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/CartForm/internal/InternalCartFormPaymentMethodForm/index.ts"],"names":[],"mappings":"AAAA,gEAA6D;AAC7D,oDAAiD;AAEjD,mDAAgD;AAChD,gCAA6B;AAE7B,OAAO,EAAE,iCAAiC,EAAE,+CAA4C;AAExF,cAAc,CAAC,MAAM,CACnB,6CAA6C,EAC7C,iCAAiC,CAClC,CAAC;AAEF,OAAO,EAAE,iCAAiC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalAsyncListControl/index';\nimport '../../../../internal/InternalForm/index';\n\nimport '../../../UpdatePaymentMethodForm/index';\nimport '../../../I18n/index';\n\nimport { InternalCartFormPaymentMethodForm } from './InternalCartFormPaymentMethodForm';\n\ncustomElements.define(\n  'foxy-internal-cart-form-payment-method-form',\n  InternalCartFormPaymentMethodForm\n);\n\nexport { InternalCartFormPaymentMethodForm };\n"]}

package/dist/elements/public/CartForm/internal/InternalCartFormPaymentMethodForm/types.d.ts

@@ -0,0 +1,5 @@
+import type { HALJSONResource } from '../../../NucleonElement/types';
+export declare type Data = HALJSONResource & {
+    selection: string;
+    query: string;
+};

package/dist/elements/public/CartForm/internal/InternalCartFormPaymentMethodForm/types.js

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

package/dist/elements/public/CartForm/internal/InternalCartFormPaymentMethodForm/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/elements/public/CartForm/internal/InternalCartFormPaymentMethodForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { HALJSONResource } from '../../../NucleonElement/types';\n\nexport type Data = HALJSONResource & { selection: string; query: string };\n"]}

package/dist/elements/public/CartForm/internal/InternalCartFormTotalsControl/InternalCartFormTotalsControl.d.ts

@@ -0,0 +1,9 @@
+import type { TemplateResult } from 'lit-html';
+import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
+export declare class InternalCartFormTotalsControl extends InternalControl {
+    private readonly __storeLoaderId;
+    renderControl(): TemplateResult;
+    private get __storeHref();
+    private get __store();
+    private __renderPrice;
+}

package/dist/elements/public/CartForm/internal/InternalCartFormTotalsControl/InternalCartFormTotalsControl.js

@@ -0,0 +1,91 @@
+import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { html } from 'lit-html';
+export class InternalCartFormTotalsControl extends InternalControl {
+    constructor() {
+        super(...arguments);
+        this.__storeLoaderId = 'storeLoader';
+    }
+    renderControl() {
+        var _a, _b, _c, _d, _e;
+        const data = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.data;
+        if (!data)
+            return html ``;
+        return html `
+      <foxy-nucleon
+        infer=""
+        href=${ifDefined(this.__storeHref)}
+        id=${this.__storeLoaderId}
+        @update=${() => this.requestUpdate()}
+      >
+      </foxy-nucleon>
+
+      <p
+        class="grid gap-x-s text-right text-s leading-m border-dashed border rounded border-contrast-20 whitespace-nowrap overflow-auto"
+        style="padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 2px); grid-template-columns: 1fr min-content"
+      >
+        <span><foxy-i18n key="subtotal" infer=""></foxy-i18n>&colon;</span>
+        <span>${this.__renderPrice(data.total_item_price)}</span>
+
+        <span><foxy-i18n infer="" key="total_shipping"></foxy-i18n>&colon;</span>
+        <span>${this.__renderPrice(data.total_shipping, true)} </span>
+
+        <span><foxy-i18n infer="" key="total_tax"></foxy-i18n>&colon;</span>
+        <span>${this.__renderPrice(data.total_tax, true)}</span>
+        ${
+        // @ts-expect-error SDK doesn't support name mismatch between `fx:applied_gift_card_codes` and `fx:gift_card_logs`
+        (_c = (_b = data === null || data === void 0 ? void 0 : data._embedded) === null || _b === void 0 ? void 0 : _b['fx:applied_gift_card_codes']) === null || _c === void 0 ? void 0 : _c.map(code => {
+            var _a;
+            return html `
+              <span>${code._embedded['fx:gift_card'].name}&colon;</span>
+              <span>${this.__renderPrice((_a = code.balance_adjustment) !== null && _a !== void 0 ? _a : 0, true)}</span>
+            `;
+        })}
+        ${(_e = (_d = data === null || data === void 0 ? void 0 : data._embedded) === null || _d === void 0 ? void 0 : _d['fx:discounts']) === null || _e === void 0 ? void 0 : _e.map(discount => {
+            return html `
+            <span data-testclass="discount">${discount.name}&colon;</span>
+            <span>${this.__renderPrice(discount.amount, true)}</span>
+          `;
+        })}
+
+        <span class="col-span-2 border-t border-dashed border-contrast-20 my-s"></span>
+
+        <span class="col-span-2 flex gap-s justify-between items-center">
+          <span></span>
+          <span class="text-xl font-medium leading-xs">
+            <foxy-i18n infer="" key="total"></foxy-i18n>&colon;
+            ${this.__renderPrice(data.total_order)}
+          </span>
+        </span>
+      </p>
+    `;
+    }
+    get __storeHref() {
+        var _a, _b, _c;
+        return (_c = (_b = (_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b._links['fx:store']) === null || _c === void 0 ? void 0 : _c.href;
+    }
+    get __store() {
+        var _a, _b;
+        const selector = `#${this.__storeLoaderId}`;
+        return (_b = (_a = this.renderRoot.querySelector(selector)) === null || _a === void 0 ? void 0 : _a.data) !== null && _b !== void 0 ? _b : null;
+    }
+    __renderPrice(amount, isAdditive = false) {
+        var _a, _b, _c;
+        const currencyDisplay = ((_a = this.__store) === null || _a === void 0 ? void 0 : _a.use_international_currency_symbol) ? 'code' : 'symbol';
+        const currencyCode = (_c = (_b = this.nucleon) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.currency_code;
+        return html `
+      <foxy-i18n
+        class=${isAdditive && amount !== 0 ? (amount > 0 ? 'text-success' : 'text-error') : ''}
+        infer=""
+        key="price"
+        .options=${{
+            currencyDisplay,
+            signDisplay: isAdditive ? 'exceptZero' : 'auto',
+            amount: `${amount} ${currencyCode}`,
+        }}
+      >
+      </foxy-i18n>
+    `;
+    }
+}
+//# sourceMappingURL=InternalCartFormTotalsControl.js.map

package/dist/elements/public/CartForm/internal/InternalCartFormTotalsControl/InternalCartFormTotalsControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalCartFormTotalsControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/CartForm/internal/InternalCartFormTotalsControl/InternalCartFormTotalsControl.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,6BAA8B,SAAQ,eAAe;IAAlE;;QACmB,oBAAe,GAAG,aAAa,CAAC;IAoFnD,CAAC;IAlFC,aAAa;;QACX,MAAM,IAAI,GAAG,MAAA,IAAI,CAAC,OAAO,0CAAE,IAAwB,CAAC;QACpD,IAAI,CAAC,IAAI;YAAE,OAAO,IAAI,CAAA,EAAE,CAAC;QAEzB,OAAO,IAAI,CAAA;;;eAGA,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC;aAC7B,IAAI,CAAC,eAAe;kBACf,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;;;;;;;;;gBAS5B,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,gBAAqC,CAAC;;;gBAG9D,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,cAAmC,EAAE,IAAI,CAAC;;;gBAGlE,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAA8B,EAAE,IAAI,CAAC;UACnE;QACA,kHAAkH;QAClH,YAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,0CAAG,4BAA4B,2CAAG,GAAG,CAAC,IAAI,CAAC,EAAE;;YAC1D,OAAO,IAAI,CAAA;sBACD,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,IAAI;sBACnC,IAAI,CAAC,aAAa,OAAC,IAAI,CAAC,kBAAkB,mCAAI,CAAC,EAAE,IAAI,CAAC;aAC/D,CAAC;QACJ,CAAC,CACH;UACE,YAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,SAAS,0CAAG,cAAc,2CAAG,GAAG,CAAC,QAAQ,CAAC,EAAE;YAClD,OAAO,IAAI,CAAA;8CACyB,QAAQ,CAAC,IAAI;oBACvC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC;WAClD,CAAC;QACJ,CAAC,CAAC;;;;;;;;cAQI,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC;;;;KAI7C,CAAC;IACJ,CAAC;IAED,IAAY,WAAW;;QACrB,OAAO,kBAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAM,CAAC,UAAU,2CAAG,IAA0B,CAAC;IAC5E,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;IAEO,aAAa,CAAC,MAAc,EAAE,UAAU,GAAG,KAAK;;QACtD,MAAM,eAAe,GAAG,OAAA,IAAI,CAAC,OAAO,0CAAE,iCAAiC,EAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;QAC5F,MAAM,YAAY,GAAG,YAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,aAAmC,CAAC;QAE7E,OAAO,IAAI,CAAA;;gBAEC,UAAU,IAAI,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE;;;mBAG3E;YACT,eAAe;YACf,WAAW,EAAE,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM;YAC/C,MAAM,EAAE,GAAG,MAAM,IAAI,YAAY,EAAE;SACpC;;;KAGJ,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { NucleonElement } from '../../../NucleonElement/NucleonElement';\nimport type { TemplateResult } from 'lit-html';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Data } from '../../types';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nexport class InternalCartFormTotalsControl extends InternalControl {\n  private readonly __storeLoaderId = 'storeLoader';\n\n  renderControl(): TemplateResult {\n    const data = this.nucleon?.data as Data | undefined;\n    if (!data) return html``;\n\n    return html`\n      <foxy-nucleon\n        infer=\"\"\n        href=${ifDefined(this.__storeHref)}\n        id=${this.__storeLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <p\n        class=\"grid gap-x-s text-right text-s leading-m border-dashed border rounded border-contrast-20 whitespace-nowrap overflow-auto\"\n        style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 2px); grid-template-columns: 1fr min-content\"\n      >\n        <span><foxy-i18n key=\"subtotal\" infer=\"\"></foxy-i18n>&colon;</span>\n        <span>${this.__renderPrice(data.total_item_price as unknown as number)}</span>\n\n        <span><foxy-i18n infer=\"\" key=\"total_shipping\"></foxy-i18n>&colon;</span>\n        <span>${this.__renderPrice(data.total_shipping as unknown as number, true)} </span>\n\n        <span><foxy-i18n infer=\"\" key=\"total_tax\"></foxy-i18n>&colon;</span>\n        <span>${this.__renderPrice(data.total_tax as unknown as number, true)}</span>\n        ${\n          // @ts-expect-error SDK doesn't support name mismatch between `fx:applied_gift_card_codes` and `fx:gift_card_logs`\n          data?._embedded?.['fx:applied_gift_card_codes']?.map(code => {\n            return html`\n              <span>${code._embedded['fx:gift_card'].name}&colon;</span>\n              <span>${this.__renderPrice(code.balance_adjustment ?? 0, true)}</span>\n            `;\n          })\n        }\n        ${data?._embedded?.['fx:discounts']?.map(discount => {\n          return html`\n            <span data-testclass=\"discount\">${discount.name}&colon;</span>\n            <span>${this.__renderPrice(discount.amount, true)}</span>\n          `;\n        })}\n\n        <span class=\"col-span-2 border-t border-dashed border-contrast-20 my-s\"></span>\n\n        <span class=\"col-span-2 flex gap-s justify-between items-center\">\n          <span></span>\n          <span class=\"text-xl font-medium leading-xs\">\n            <foxy-i18n infer=\"\" key=\"total\"></foxy-i18n>&colon;\n            ${this.__renderPrice(data.total_order)}\n          </span>\n        </span>\n      </p>\n    `;\n  }\n\n  private get __storeHref() {\n    return this.nucleon?.data?._links['fx:store']?.href as string | undefined;\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 __renderPrice(amount: number, isAdditive = false) {\n    const currencyDisplay = this.__store?.use_international_currency_symbol ? 'code' : 'symbol';\n    const currencyCode = this.nucleon?.data?.currency_code as string | undefined;\n\n    return html`\n      <foxy-i18n\n        class=${isAdditive && amount !== 0 ? (amount > 0 ? 'text-success' : 'text-error') : ''}\n        infer=\"\"\n        key=\"price\"\n        .options=${{\n          currencyDisplay,\n          signDisplay: isAdditive ? 'exceptZero' : 'auto',\n          amount: `${amount} ${currencyCode}`,\n        }}\n      >\n      </foxy-i18n>\n    `;\n  }\n}\n"]}

package/dist/elements/public/CartForm/internal/InternalCartFormTotalsControl/index.d.ts

@@ -0,0 +1,5 @@
+import '../../../../internal/InternalControl/index';
+import '../../../NucleonElement/index';
+import '../../../I18n/index';
+import { InternalCartFormTotalsControl as Control } from './InternalCartFormTotalsControl';
+export { Control as InternalCartFormTotalsControl };

package/dist/elements/public/CartForm/internal/InternalCartFormTotalsControl/index.js

@@ -0,0 +1,7 @@
+import "../../../../internal/InternalControl/index.js";
+import "../../../NucleonElement/index.js";
+import "../../../I18n/index.js";
+import { InternalCartFormTotalsControl as Control } from "./InternalCartFormTotalsControl.js";
+customElements.define('foxy-internal-cart-form-totals-control', Control);
+export { Control as InternalCartFormTotalsControl };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/CartForm/internal/InternalCartFormTotalsControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/CartForm/internal/InternalCartFormTotalsControl/index.ts"],"names":[],"mappings":"AAAA,uDAAoD;AACpD,0CAAuC;AACvC,gCAA6B;AAE7B,OAAO,EAAE,6BAA6B,IAAI,OAAO,EAAE,2CAAwC;AAE3F,cAAc,CAAC,MAAM,CAAC,wCAAwC,EAAE,OAAO,CAAC,CAAC;AAEzE,OAAO,EAAE,OAAO,IAAI,6BAA6B,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalControl/index';\nimport '../../../NucleonElement/index';\nimport '../../../I18n/index';\n\nimport { InternalCartFormTotalsControl as Control } from './InternalCartFormTotalsControl';\n\ncustomElements.define('foxy-internal-cart-form-totals-control', Control);\n\nexport { Control as InternalCartFormTotalsControl };\n"]}

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

@@ -1,3 +1,13 @@
 import type { Resource } from '@foxy.io/sdk/core';
 import type { Rels } from '@foxy.io/sdk/backend';
-export declare type Data = Resource<Rels.Cart>;
+declare type OriginalData = Resource<Rels.Cart, {
+    zoom: ['discounts'];
+}>;
+declare type FixedData = Omit<OriginalData, 'billing_region' | 'shipping_region'> & {
+    /** Corresponds to the `region` field in `fx:customer_address`. API quirk. */
+    billing_state: string;
+    /** Corresponds to the `region` field in `fx:customer_address`. API quirk. */
+    shipping_state: string;
+};
+export declare type Data = FixedData;
+export {};

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/CartForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type Data = Resource<Rels.Cart>;\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/CartForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\n// TODO remove this once SDK is fixed\ntype OriginalData = Resource<Rels.Cart, { zoom: ['discounts'] }>;\ntype FixedData = Omit<OriginalData, 'billing_region' | 'shipping_region'> & {\n  /** Corresponds to the `region` field in `fx:customer_address`. API quirk. */\n  billing_state: string;\n  /** Corresponds to the `region` field in `fx:customer_address`. API quirk. */\n  shipping_state: string;\n};\n\nexport type Data = FixedData;\n"]}

package/dist/elements/public/CustomFieldCard/TwoLineCard.js

@@ -37,7 +37,7 @@ export class TwoLineCard extends Base {
         const hiddenSelector = this.hiddenSelector;
         return html `
       <div
-        class="h-s flex flex-col justify-center relative text-body text-m font-lumo leading-xs sm-h-xs sm-flex-row sm-items-center sm-justify-between"
+        class="relative text-body text-m font-lumo leading-xs sm-h-auto sm-flex sm-items-center sm-justify-between"
       >
         ${hiddenSelector.matches('title', true) ? '' : this.__renderTitle(options === null || options === void 0 ? void 0 : options.title)}
         ${hiddenSelector.matches('subtitle', true) ? '' : this.__renderSubtitle(options === null || options === void 0 ? void 0 : options.subtitle)}

package/dist/elements/public/CustomFieldCard/TwoLineCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TwoLineCard.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomFieldCard/TwoLineCard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAC7D,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAShC,MAAM,IAAI,GAAG,eAAe,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC;AAE9D,MAAM,OAAO,WAA2C,SAAQ,IAAW;IAA3E;;QACmB,kBAAa,GAAG,CAAC,OAA2B,EAAE,EAAE;YAC/D,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;;;YAGvC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE;;;UAGvC,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;;KAE7C,CAAC;QACJ,CAAC,CAAC;QAEe,qBAAgB,GAAG,CAAC,OAA2B,EAAE,EAAE;YAClE,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;;;YAG1C,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE;;;UAGvC,IAAI,CAAC,oBAAoB,CAAC,gBAAgB,CAAC;;KAEhD,CAAC;QACJ,CAAC,CAAC;IAcJ,CAAC;IAZC,UAAU,CAAC,OAA8B;QACvC,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;QAE3C,OAAO,IAAI,CAAA;;;;UAIL,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC;UAC/E,cAAc,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC;;KAE7F,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { HALJSONResource } from '../NucleonElement/types';\nimport type { TemplateResult } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { html } from 'lit-html';\n\nexport type TemplateFn<TData extends HALJSONResource> = (data: TData) => TemplateResult;\n\nexport type RenderOptions<TData extends HALJSONResource> = {\n  title: TemplateFn<TData>;\n  subtitle: TemplateFn<TData>;\n};\n\nconst Base = ResponsiveMixin(ConfigurableMixin(InternalCard));\n\nexport class TwoLineCard<TData extends HALJSONResource> extends Base<TData> {\n  private readonly __renderTitle = (content?: TemplateFn<TData>) => {\n    return html`\n      <div data-testid=\"title\">\n        ${this.renderTemplateOrSlot('title:before')}\n\n        <div class=\"font-medium truncate\">\n          ${this.data ? content?.(this.data) : ''}&ZeroWidthSpace;\n        </div>\n\n        ${this.renderTemplateOrSlot('title:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderSubtitle = (content?: TemplateFn<TData>) => {\n    return html`\n      <div data-testid=\"subtitle\">\n        ${this.renderTemplateOrSlot('subtitle:before')}\n\n        <div class=\"text-secondary truncate text-s sm-text-m\">\n          ${this.data ? content?.(this.data) : ''}&ZeroWidthSpace;\n        </div>\n\n        ${this.renderTemplateOrSlot('subtitle:after')}\n      </div>\n    `;\n  };\n\n  renderBody(options?: RenderOptions<TData>): TemplateResult {\n    const hiddenSelector = this.hiddenSelector;\n\n    return html`\n      <div\n        class=\"h-s flex flex-col justify-center relative text-body text-m font-lumo leading-xs sm-h-xs sm-flex-row sm-items-center sm-justify-between\"\n      >\n        ${hiddenSelector.matches('title', true) ? '' : this.__renderTitle(options?.title)}\n        ${hiddenSelector.matches('subtitle', true) ? '' : this.__renderSubtitle(options?.subtitle)}\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"TwoLineCard.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomFieldCard/TwoLineCard.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAC7D,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAShC,MAAM,IAAI,GAAG,eAAe,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,CAAC;AAE9D,MAAM,OAAO,WAA2C,SAAQ,IAAW;IAA3E;;QACmB,kBAAa,GAAG,CAAC,OAA2B,EAAE,EAAE;YAC/D,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;;;YAGvC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE;;;UAGvC,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;;KAE7C,CAAC;QACJ,CAAC,CAAC;QAEe,qBAAgB,GAAG,CAAC,OAA2B,EAAE,EAAE;YAClE,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;;;YAG1C,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE;;;UAGvC,IAAI,CAAC,oBAAoB,CAAC,gBAAgB,CAAC;;KAEhD,CAAC;QACJ,CAAC,CAAC;IAcJ,CAAC;IAZC,UAAU,CAAC,OAA8B;QACvC,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;QAE3C,OAAO,IAAI,CAAA;;;;UAIL,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC;UAC/E,cAAc,CAAC,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC;;KAE7F,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { HALJSONResource } from '../NucleonElement/types';\nimport type { TemplateResult } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { html } from 'lit-html';\n\nexport type TemplateFn<TData extends HALJSONResource> = (data: TData) => TemplateResult;\n\nexport type RenderOptions<TData extends HALJSONResource> = {\n  title: TemplateFn<TData>;\n  subtitle: TemplateFn<TData>;\n};\n\nconst Base = ResponsiveMixin(ConfigurableMixin(InternalCard));\n\nexport class TwoLineCard<TData extends HALJSONResource> extends Base<TData> {\n  private readonly __renderTitle = (content?: TemplateFn<TData>) => {\n    return html`\n      <div data-testid=\"title\">\n        ${this.renderTemplateOrSlot('title:before')}\n\n        <div class=\"font-medium truncate\">\n          ${this.data ? content?.(this.data) : ''}&ZeroWidthSpace;\n        </div>\n\n        ${this.renderTemplateOrSlot('title:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderSubtitle = (content?: TemplateFn<TData>) => {\n    return html`\n      <div data-testid=\"subtitle\">\n        ${this.renderTemplateOrSlot('subtitle:before')}\n\n        <div class=\"text-secondary truncate text-s sm-text-m\">\n          ${this.data ? content?.(this.data) : ''}&ZeroWidthSpace;\n        </div>\n\n        ${this.renderTemplateOrSlot('subtitle:after')}\n      </div>\n    `;\n  };\n\n  renderBody(options?: RenderOptions<TData>): TemplateResult {\n    const hiddenSelector = this.hiddenSelector;\n\n    return html`\n      <div\n        class=\"relative text-body text-m font-lumo leading-xs sm-h-auto sm-flex sm-items-center sm-justify-between\"\n      >\n        ${hiddenSelector.matches('title', true) ? '' : this.__renderTitle(options?.title)}\n        ${hiddenSelector.matches('subtitle', true) ? '' : this.__renderSubtitle(options?.subtitle)}\n      </div>\n    `;\n  }\n}\n"]}