@foxy.io/elements 1.20.1 → 1.21.0-beta.1

package/dist/elements/public/ItemForm/internal/InternalItemFormShippingControl/InternalItemFormShippingControl.d.ts

@@ -1,6 +1,6 @@
 import type { TemplateResult } from 'lit-html';
-import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
-export declare class InternalItemFormShippingControl extends InternalControl {
+import { InternalEditableControl } from '../../../../internal/InternalEditableControl/InternalEditableControl';
+export declare class InternalItemFormShippingControl extends InternalEditableControl {
     infer: string;
     renderControl(): TemplateResult;
 }

package/dist/elements/public/ItemForm/internal/InternalItemFormShippingControl/InternalItemFormShippingControl.js

@@ -1,7 +1,7 @@
-import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+import { InternalEditableControl } from "../../../../internal/InternalEditableControl/InternalEditableControl.js";
 import { ifDefined } from 'lit-html/directives/if-defined';
 import { html } from 'lit-html';
-export class InternalItemFormShippingControl extends InternalControl {
+export class InternalItemFormShippingControl extends InternalEditableControl {
     constructor() {
         super(...arguments);
         this.infer = 'shipping';

package/dist/elements/public/ItemForm/internal/InternalItemFormShippingControl/InternalItemFormShippingControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalItemFormShippingControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormShippingControl/InternalItemFormShippingControl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,+BAAgC,SAAQ,eAAe;IAApE;;QACE,UAAK,GAAG,UAAU,CAAC;IAuBrB,CAAC;IArBC,aAAa;;QACX,OAAO,IAAI,CAAA;;;;;;oBAMK,SAAS,aAAE,IAAI,CAAC,OAA2B,0CAAE,iBAAiB,mCAAI,SAAS,CAAC;;;;;;;;;;;;KAY3F,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { ItemForm } from '../../ItemForm';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nexport class InternalItemFormShippingControl extends InternalControl {\n  infer = 'shipping';\n\n  renderControl(): TemplateResult {\n    return html`\n      <foxy-internal-details summary=\"title\" infer=\"\">\n        <div class=\"grid grid-cols-2 gap-m p-m\">\n          <foxy-internal-async-combo-box-control\n            item-value-path=\"address_name\"\n            item-label-path=\"address_name\"\n            first=${ifDefined((this.nucleon as ItemForm | null)?.customerAddresses ?? undefined)}\n            class=\"col-span-2\"\n            infer=\"shipto\"\n          >\n          </foxy-internal-async-combo-box-control>\n\n          <foxy-internal-integer-control infer=\"width\"></foxy-internal-integer-control>\n          <foxy-internal-integer-control infer=\"height\"></foxy-internal-integer-control>\n          <foxy-internal-integer-control infer=\"length\"></foxy-internal-integer-control>\n          <foxy-internal-integer-control infer=\"weight\"></foxy-internal-integer-control>\n        </div>\n      </foxy-internal-details>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalItemFormShippingControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormShippingControl/InternalItemFormShippingControl.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,uBAAuB,EAAE,gFAA6E;AAC/G,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,+BAAgC,SAAQ,uBAAuB;IAA5E;;QACE,UAAK,GAAG,UAAU,CAAC;IAuBrB,CAAC;IArBC,aAAa;;QACX,OAAO,IAAI,CAAA;;;;;;oBAMK,SAAS,aAAE,IAAI,CAAC,OAA2B,0CAAE,iBAAiB,mCAAI,SAAS,CAAC;;;;;;;;;;;;KAY3F,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { ItemForm } from '../../ItemForm';\n\nimport { InternalEditableControl } from '../../../../internal/InternalEditableControl/InternalEditableControl';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nexport class InternalItemFormShippingControl extends InternalEditableControl {\n  infer = 'shipping';\n\n  renderControl(): TemplateResult {\n    return html`\n      <foxy-internal-details summary=\"title\" infer=\"\">\n        <div class=\"grid grid-cols-2 gap-m p-m\">\n          <foxy-internal-async-combo-box-control\n            item-value-path=\"address_name\"\n            item-label-path=\"address_name\"\n            first=${ifDefined((this.nucleon as ItemForm | null)?.customerAddresses ?? undefined)}\n            class=\"col-span-2\"\n            infer=\"shipto\"\n          >\n          </foxy-internal-async-combo-box-control>\n\n          <foxy-internal-integer-control infer=\"width\"></foxy-internal-integer-control>\n          <foxy-internal-integer-control infer=\"height\"></foxy-internal-integer-control>\n          <foxy-internal-integer-control infer=\"length\"></foxy-internal-integer-control>\n          <foxy-internal-integer-control infer=\"weight\"></foxy-internal-integer-control>\n        </div>\n      </foxy-internal-details>\n    `;\n  }\n}\n"]}

package/dist/elements/public/ItemForm/internal/InternalItemFormShippingControl/index.d.ts

@@ -1,6 +1,6 @@
 import '../../../../internal/InternalAsyncComboBoxControl/index';
+import '../../../../internal/InternalEditableControl/index';
 import '../../../../internal/InternalIntegerControl/index';
 import '../../../../internal/InternalDetails/index';
-import '../../../../internal/InternalControl/index';
 import { InternalItemFormShippingControl } from './InternalItemFormShippingControl';
 export { InternalItemFormShippingControl };

package/dist/elements/public/ItemForm/internal/InternalItemFormShippingControl/index.js

@@ -1,7 +1,7 @@
 import "../../../../internal/InternalAsyncComboBoxControl/index.js";
+import "../../../../internal/InternalEditableControl/index.js";
 import "../../../../internal/InternalIntegerControl/index.js";
 import "../../../../internal/InternalDetails/index.js";
-import "../../../../internal/InternalControl/index.js";
 import { InternalItemFormShippingControl } from "./InternalItemFormShippingControl.js";
 customElements.define('foxy-internal-item-form-shipping-control', InternalItemFormShippingControl);
 export { InternalItemFormShippingControl };

package/dist/elements/public/ItemForm/internal/InternalItemFormShippingControl/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormShippingControl/index.ts"],"names":[],"mappings":"AAAA,oEAAiE;AACjE,8DAA2D;AAC3D,uDAAoD;AACpD,uDAAoD;AAEpD,OAAO,EAAE,+BAA+B,EAAE,6CAA0C;AAEpF,cAAc,CAAC,MAAM,CAAC,0CAA0C,EAAE,+BAA+B,CAAC,CAAC;AAEnG,OAAO,EAAE,+BAA+B,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalAsyncComboBoxControl/index';\nimport '../../../../internal/InternalIntegerControl/index';\nimport '../../../../internal/InternalDetails/index';\nimport '../../../../internal/InternalControl/index';\n\nimport { InternalItemFormShippingControl } from './InternalItemFormShippingControl';\n\ncustomElements.define('foxy-internal-item-form-shipping-control', InternalItemFormShippingControl);\n\nexport { InternalItemFormShippingControl };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormShippingControl/index.ts"],"names":[],"mappings":"AAAA,oEAAiE;AACjE,+DAA4D;AAC5D,8DAA2D;AAC3D,uDAAoD;AAEpD,OAAO,EAAE,+BAA+B,EAAE,6CAA0C;AAEpF,cAAc,CAAC,MAAM,CAAC,0CAA0C,EAAE,+BAA+B,CAAC,CAAC;AAEnG,OAAO,EAAE,+BAA+B,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalAsyncComboBoxControl/index';\nimport '../../../../internal/InternalEditableControl/index';\nimport '../../../../internal/InternalIntegerControl/index';\nimport '../../../../internal/InternalDetails/index';\n\nimport { InternalItemFormShippingControl } from './InternalItemFormShippingControl';\n\ncustomElements.define('foxy-internal-item-form-shipping-control', InternalItemFormShippingControl);\n\nexport { InternalItemFormShippingControl };\n"]}

package/dist/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/InternalItemFormSubscriptionControl.d.ts

@@ -1,6 +1,6 @@
 import type { TemplateResult } from 'lit-html';
-import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
-export declare class InternalItemFormSubscriptionControl extends InternalControl {
+import { InternalEditableControl } from '../../../../internal/InternalEditableControl/InternalEditableControl';
+export declare class InternalItemFormSubscriptionControl extends InternalEditableControl {
     infer: string;
     renderControl(): TemplateResult;
 }

package/dist/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/InternalItemFormSubscriptionControl.js

@@ -1,6 +1,6 @@
-import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+import { InternalEditableControl } from "../../../../internal/InternalEditableControl/InternalEditableControl.js";
 import { html } from 'lit-html';
-export class InternalItemFormSubscriptionControl extends InternalControl {
+export class InternalItemFormSubscriptionControl extends InternalEditableControl {
     constructor() {
         super(...arguments);
         this.infer = 'subscription';

package/dist/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/InternalItemFormSubscriptionControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalItemFormSubscriptionControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/InternalItemFormSubscriptionControl.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,mCAAoC,SAAQ,eAAe;IAAxE;;QACE,UAAK,GAAG,cAAc,CAAC;IAgEzB,CAAC;IA9DC,aAAa;;QAEX,IAAI,gBAA+B,CAAC;QAEpC,IAAI;YACF,MAAM,IAAI,eAAG,CAAC,YAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAgB,CAAA,CAAC,iBAAiB,CAAC,0CAAE,IAAI,mCAAI,EAAE,CAAC;YAClF,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;YAC1B,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,6CAA6C,CAAC,CAAC;YAC5E,gBAAgB,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;SACnC;QAAC,WAAM;YACN,gBAAgB,GAAG,IAAI,CAAC;SACzB;QAED,OAAO,IAAI,CAAA;;UAEL,gBAAgB;YAChB,CAAC,CAAC,IAAI,CAAA;;;;uBAIO,gBAAgB;;2BAEZ,OAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,EAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;;;;;4BAK5C,IAAI,CAAC,QAAQ;yBAChB,CAAC,GAAU,EAAE,EAAE;gBACtB,MAAM,MAAM,GAAG,GAAG,CAAC,aAAkC,CAAC;gBACtD,MAAM,MAAM,GAAG,MAAM,CAAC,sBAAoC,CAAC;gBAC3D,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACtB,CAAC;;wEAEuD,gBAAgB;;;aAG3E;YACH,CAAC,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;aAoBH;;KAER,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { FormDialog } from '../../../FormDialog/FormDialog';\nimport type { Data } from '../../types';\n\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { html } from 'lit-html';\n\nexport class InternalItemFormSubscriptionControl extends InternalControl {\n  infer = 'subscription';\n\n  renderControl(): TemplateResult {\n    type Links = Data['_links'] & { 'fx:subscription'?: { href: string } };\n    let subscriptionLink: string | null;\n\n    try {\n      const href = (this.nucleon?.data?._links as Links)['fx:subscription']?.href ?? '';\n      const url = new URL(href);\n      url.searchParams.set('zoom', 'last_transaction,transaction_template:items');\n      subscriptionLink = url.toString();\n    } catch {\n      subscriptionLink = null;\n    }\n\n    return html`\n      <foxy-internal-details summary=\"title\" infer=\"\">\n        ${subscriptionLink\n          ? html`\n              <foxy-form-dialog\n                header=\"update\"\n                infer=\"form\"\n                href=${subscriptionLink}\n                form=\"foxy-subscription-form\"\n                .related=${this.nucleon?.href ? [this.nucleon.href] : []}\n              >\n              </foxy-form-dialog>\n\n              <button\n                ?disabled=${this.disabled}\n                @click=${(evt: Event) => {\n                  const button = evt.currentTarget as HTMLButtonElement;\n                  const dialog = button.previousElementSibling as FormDialog;\n                  dialog.show(button);\n                }}\n              >\n                <foxy-subscription-card class=\"p-m\" infer=\"card\" href=${subscriptionLink}>\n                </foxy-subscription-card>\n              </button>\n            `\n          : html`\n              <div class=\"space-y-m p-m\">\n                <foxy-internal-frequency-control\n                  infer=\"frequency\"\n                  property=\"subscription_frequency\"\n                >\n                </foxy-internal-frequency-control>\n\n                <foxy-internal-date-control infer=\"start\" property=\"subscription_start_date\">\n                </foxy-internal-date-control>\n\n                <foxy-internal-date-control infer=\"end\" property=\"subscription_end_date\">\n                </foxy-internal-date-control>\n\n                <foxy-internal-date-control\n                  infer=\"next\"\n                  property=\"subscription_next_transaction_date\"\n                >\n                </foxy-internal-date-control>\n              </div>\n            `}\n      </foxy-internal-details>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalItemFormSubscriptionControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/InternalItemFormSubscriptionControl.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,uBAAuB,EAAE,gFAA6E;AAC/G,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,OAAO,mCAAoC,SAAQ,uBAAuB;IAAhF;;QACE,UAAK,GAAG,cAAc,CAAC;IAgEzB,CAAC;IA9DC,aAAa;;QAEX,IAAI,gBAA+B,CAAC;QAEpC,IAAI;YACF,MAAM,IAAI,eAAG,CAAC,YAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,0CAAE,MAAgB,CAAA,CAAC,iBAAiB,CAAC,0CAAE,IAAI,mCAAI,EAAE,CAAC;YAClF,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;YAC1B,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,6CAA6C,CAAC,CAAC;YAC5E,gBAAgB,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;SACnC;QAAC,WAAM;YACN,gBAAgB,GAAG,IAAI,CAAC;SACzB;QAED,OAAO,IAAI,CAAA;;UAEL,gBAAgB;YAChB,CAAC,CAAC,IAAI,CAAA;;;;uBAIO,gBAAgB;;2BAEZ,OAAA,IAAI,CAAC,OAAO,0CAAE,IAAI,EAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE;;;;;4BAK5C,IAAI,CAAC,QAAQ;yBAChB,CAAC,GAAU,EAAE,EAAE;gBACtB,MAAM,MAAM,GAAG,GAAG,CAAC,aAAkC,CAAC;gBACtD,MAAM,MAAM,GAAG,MAAM,CAAC,sBAAoC,CAAC;gBAC3D,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACtB,CAAC;;wEAEuD,gBAAgB;;;aAG3E;YACH,CAAC,CAAC,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;aAoBH;;KAER,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\nimport type { FormDialog } from '../../../FormDialog/FormDialog';\nimport type { Data } from '../../types';\n\nimport { InternalEditableControl } from '../../../../internal/InternalEditableControl/InternalEditableControl';\nimport { html } from 'lit-html';\n\nexport class InternalItemFormSubscriptionControl extends InternalEditableControl {\n  infer = 'subscription';\n\n  renderControl(): TemplateResult {\n    type Links = Data['_links'] & { 'fx:subscription'?: { href: string } };\n    let subscriptionLink: string | null;\n\n    try {\n      const href = (this.nucleon?.data?._links as Links)['fx:subscription']?.href ?? '';\n      const url = new URL(href);\n      url.searchParams.set('zoom', 'last_transaction,transaction_template:items');\n      subscriptionLink = url.toString();\n    } catch {\n      subscriptionLink = null;\n    }\n\n    return html`\n      <foxy-internal-details summary=\"title\" infer=\"\">\n        ${subscriptionLink\n          ? html`\n              <foxy-form-dialog\n                header=\"update\"\n                infer=\"form\"\n                href=${subscriptionLink}\n                form=\"foxy-subscription-form\"\n                .related=${this.nucleon?.href ? [this.nucleon.href] : []}\n              >\n              </foxy-form-dialog>\n\n              <button\n                ?disabled=${this.disabled}\n                @click=${(evt: Event) => {\n                  const button = evt.currentTarget as HTMLButtonElement;\n                  const dialog = button.previousElementSibling as FormDialog;\n                  dialog.show(button);\n                }}\n              >\n                <foxy-subscription-card class=\"p-m\" infer=\"card\" href=${subscriptionLink}>\n                </foxy-subscription-card>\n              </button>\n            `\n          : html`\n              <div class=\"space-y-m p-m\">\n                <foxy-internal-frequency-control\n                  infer=\"frequency\"\n                  property=\"subscription_frequency\"\n                >\n                </foxy-internal-frequency-control>\n\n                <foxy-internal-date-control infer=\"start\" property=\"subscription_start_date\">\n                </foxy-internal-date-control>\n\n                <foxy-internal-date-control infer=\"end\" property=\"subscription_end_date\">\n                </foxy-internal-date-control>\n\n                <foxy-internal-date-control\n                  infer=\"next\"\n                  property=\"subscription_next_transaction_date\"\n                >\n                </foxy-internal-date-control>\n              </div>\n            `}\n      </foxy-internal-details>\n    `;\n  }\n}\n"]}

package/dist/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/index.d.ts

@@ -1,7 +1,7 @@
 import '../../../../internal/InternalFrequencyControl/index';
+import '../../../../internal/InternalEditableControl/index';
 import '../../../../internal/InternalDateControl/index';
 import '../../../../internal/InternalDetails/index';
-import '../../../../internal/InternalControl/index';
 import '../../../SubscriptionCard/index';
 import '../../../SubscriptionForm/index';
 import '../../../FormDialog/index';

package/dist/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/index.js

@@ -1,7 +1,7 @@
 import "../../../../internal/InternalFrequencyControl/index.js";
+import "../../../../internal/InternalEditableControl/index.js";
 import "../../../../internal/InternalDateControl/index.js";
 import "../../../../internal/InternalDetails/index.js";
-import "../../../../internal/InternalControl/index.js";
 import "../../../SubscriptionCard/index.js";
 import "../../../SubscriptionForm/index.js";
 import "../../../FormDialog/index.js";

package/dist/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/index.ts"],"names":[],"mappings":"AAAA,gEAA6D;AAC7D,2DAAwD;AACxD,uDAAoD;AACpD,uDAAoD;AAEpD,4CAAyC;AACzC,4CAAyC;AACzC,sCAAmC;AAEnC,OAAO,EAAE,mCAAmC,IAAI,OAAO,EAAE,iDAA8C;AAEvG,cAAc,CAAC,MAAM,CAAC,8CAA8C,EAAE,OAAO,CAAC,CAAC;AAE/E,OAAO,EAAE,OAAO,IAAI,mCAAmC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalFrequencyControl/index';\nimport '../../../../internal/InternalDateControl/index';\nimport '../../../../internal/InternalDetails/index';\nimport '../../../../internal/InternalControl/index';\n\nimport '../../../SubscriptionCard/index';\nimport '../../../SubscriptionForm/index';\nimport '../../../FormDialog/index';\n\nimport { InternalItemFormSubscriptionControl as Control } from './InternalItemFormSubscriptionControl';\n\ncustomElements.define('foxy-internal-item-form-subscription-control', Control);\n\nexport { Control as InternalItemFormSubscriptionControl };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/ItemForm/internal/InternalItemFormSubscriptionControl/index.ts"],"names":[],"mappings":"AAAA,gEAA6D;AAC7D,+DAA4D;AAC5D,2DAAwD;AACxD,uDAAoD;AAEpD,4CAAyC;AACzC,4CAAyC;AACzC,sCAAmC;AAEnC,OAAO,EAAE,mCAAmC,IAAI,OAAO,EAAE,iDAA8C;AAEvG,cAAc,CAAC,MAAM,CAAC,8CAA8C,EAAE,OAAO,CAAC,CAAC;AAE/E,OAAO,EAAE,OAAO,IAAI,mCAAmC,EAAE,CAAC","sourcesContent":["import '../../../../internal/InternalFrequencyControl/index';\nimport '../../../../internal/InternalEditableControl/index';\nimport '../../../../internal/InternalDateControl/index';\nimport '../../../../internal/InternalDetails/index';\n\nimport '../../../SubscriptionCard/index';\nimport '../../../SubscriptionForm/index';\nimport '../../../FormDialog/index';\n\nimport { InternalItemFormSubscriptionControl as Control } from './InternalItemFormSubscriptionControl';\n\ncustomElements.define('foxy-internal-item-form-subscription-control', Control);\n\nexport { Control as InternalItemFormSubscriptionControl };\n"]}

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

@@ -1,5 +1,5 @@
-import { TemplateResult } from 'lit-html';
-import { Data } from './types';
+import type { PropertyDeclarations, TemplateResult } from 'lit-element';
+import type { Data } from './types';
 import { TwoLineCard } from '../CustomFieldCard/TwoLineCard';
 declare const Base: typeof TwoLineCard & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
     defaultNS: string;
@@ -17,9 +17,29 @@ declare const Base: typeof TwoLineCard & import("lit-element").Constructor<impor
  * @since 1.17.0
  */
 export declare class ItemOptionCard extends Base<Data> {
-    private __currencyDisplay;
-    private __currency;
-    render(): TemplateResult;
-    protected _sendGet(): Promise<Data>;
+    static get properties(): PropertyDeclarations;
+    localeCodes: string | null;
+    private readonly __transactionTemplateLoaderId;
+    private readonly __defaultTemplateSetLoaderId;
+    private readonly __localeCodesHelperLoaderId;
+    private readonly __transactionLoaderId;
+    private readonly __templateSetLoaderId;
+    private readonly __storeLoaderId;
+    private readonly __cartLoaderId;
+    renderBody(): TemplateResult;
+    private get __transactionTemplateHref();
+    private get __defaultTemplateSetHref();
+    private get __localeCodesHelperHref();
+    private get __transactionHref();
+    private get __templateSetHref();
+    private get __storeHref();
+    private get __cartHref();
+    private get __transactionTemplate();
+    private get __defaultTemplateSet();
+    private get __localeCodesHelper();
+    private get __transaction();
+    private get __templateSet();
+    private get __store();
+    private get __cart();
 }
 export {};

package/dist/elements/public/ItemOptionCard/ItemOptionCard.js

@@ -1,6 +1,7 @@
-import { html } from 'lit-html';
 import { TranslatableMixin } from "../../../mixins/translatable.js";
 import { TwoLineCard } from "../CustomFieldCard/TwoLineCard.js";
+import { ifDefined } from 'lit-html/directives/if-defined';
+import { html } from 'lit-html';
 const NS = 'item-option-card';
 const Base = TranslatableMixin(TwoLineCard, NS);
 /**
@@ -18,19 +19,119 @@ const Base = TranslatableMixin(TwoLineCard, NS);
 export class ItemOptionCard extends Base {
     constructor() {
         super(...arguments);
-        this.__currencyDisplay = '';
-        this.__currency = '';
+        this.localeCodes = null;
+        this.__transactionTemplateLoaderId = 'transactionTemplateLoader';
+        this.__defaultTemplateSetLoaderId = 'defaultTemplateSetLoader';
+        this.__localeCodesHelperLoaderId = 'localeCodesLoader';
+        this.__transactionLoaderId = 'transactionLoader';
+        this.__templateSetLoaderId = 'templateSetLoader';
+        this.__storeLoaderId = 'storeLoader';
+        this.__cartLoaderId = 'cartLoader';
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            localeCodes: { type: String, attribute: 'locale-codes' },
+        };
     }
-    render() {
-        return super.render({
+    renderBody() {
+        var _a, _b, _c, _d, _e, _f;
+        const currencyDisplay = ((_a = this.__store) === null || _a === void 0 ? void 0 : _a.use_international_currency_symbol) ? 'code' : 'symbol';
+        const transaction = this.__transaction;
+        let currencyCode = null;
+        if (transaction) {
+            currencyCode = transaction.currency_code;
+        }
+        else {
+            const cart = (_b = this.__cart) !== null && _b !== void 0 ? _b : this.__transactionTemplate;
+            if (cart && 'currency_code' in cart) {
+                // TODO: remove the directive below once the SDK is updated
+                // @ts-expect-error SDK types are incomplete
+                currencyCode = cart.currency_code;
+            }
+            else {
+                const allLocaleCodes = this.__localeCodesHelper;
+                const localeCode = (_d = ((_c = this.__templateSet) !== null && _c !== void 0 ? _c : this.__defaultTemplateSet)) === null || _d === void 0 ? void 0 : _d.locale_code;
+                const localeInfo = localeCode ? allLocaleCodes === null || allLocaleCodes === void 0 ? void 0 : allLocaleCodes.values[localeCode] : void 0;
+                if (localeInfo)
+                    currencyCode = (_f = (_e = /Currency: ([A-Z]{3})/g.exec(localeInfo)) === null || _e === void 0 ? void 0 : _e[1]) !== null && _f !== void 0 ? _f : null;
+            }
+        }
+        return html `
+      <foxy-nucleon
+        class="hidden"
+        infer=""
+        href=${ifDefined(this.__transactionTemplateHref)}
+        id=${this.__transactionTemplateLoaderId}
+        @update=${() => this.requestUpdate()}
+      >
+      </foxy-nucleon>
+
+      <foxy-nucleon
+        class="hidden"
+        infer=""
+        href=${ifDefined(this.__defaultTemplateSetHref)}
+        id=${this.__defaultTemplateSetLoaderId}
+        @update=${() => this.requestUpdate()}
+      >
+      </foxy-nucleon>
+
+      <foxy-nucleon
+        class="hidden"
+        infer=""
+        href=${ifDefined(this.__localeCodesHelperHref)}
+        id=${this.__localeCodesHelperLoaderId}
+        @update=${() => this.requestUpdate()}
+      >
+      </foxy-nucleon>
+
+      <foxy-nucleon
+        class="hidden"
+        infer=""
+        href=${ifDefined(this.__transactionHref)}
+        id=${this.__transactionLoaderId}
+        @update=${() => this.requestUpdate()}
+      >
+      </foxy-nucleon>
+
+      <foxy-nucleon
+        class="hidden"
+        infer=""
+        href=${ifDefined(this.__templateSetHref)}
+        id=${this.__templateSetLoaderId}
+        @update=${() => this.requestUpdate()}
+      >
+      </foxy-nucleon>
+
+      <foxy-nucleon
+        class="hidden"
+        infer=""
+        href=${ifDefined(this.__storeHref)}
+        id=${this.__storeLoaderId}
+        @update=${() => this.requestUpdate()}
+      >
+      </foxy-nucleon>
+
+      <foxy-nucleon
+        class="hidden"
+        infer=""
+        href=${ifDefined(this.__cartHref)}
+        id=${this.__cartLoaderId}
+        @update=${() => this.requestUpdate()}
+      >
+      </foxy-nucleon>
+
+      ${super.renderBody({
             title: data => {
+                if (!currencyCode || !currencyDisplay)
+                    return html `&ZeroWidthSpace;`;
                 let priceMod;
                 try {
                     priceMod = Math.abs(data.price_mod).toLocaleString(this.lang || 'en', {
                         maximumFractionDigits: 2,
                         minimumFractionDigits: 2,
-                        currencyDisplay: this.__currencyDisplay,
-                        currency: this.__currency,
+                        currencyDisplay: currencyDisplay,
+                        currency: currencyCode,
                         style: 'currency',
                     });
                 }
@@ -40,17 +141,99 @@ export class ItemOptionCard extends Base {
                 return html `${data.name} &bull; ${priceMod} &bull; ${data.weight_mod}`;
             },
             subtitle: data => html `${data.value}`,
-        });
-    }
-    async _sendGet() {
-        const discount = await super._sendGet();
-        const [transaction, store] = await Promise.all([
-            super._fetch(discount._links['fx:transaction'].href),
-            super._fetch(discount._links['fx:store'].href),
-        ]);
-        this.__currency = transaction.currency_code;
-        this.__currencyDisplay = store.use_international_currency_symbol ? 'code' : 'symbol';
-        return discount;
+        })}
+    `;
+    }
+    get __transactionTemplateHref() {
+        var _a, _b, _c;
+        try {
+            const links = (_a = this.data) === null || _a === void 0 ? void 0 : _a._links;
+            const url = new URL((_c = (_b = links === null || links === void 0 ? void 0 : links['fx:subscription']) === null || _b === void 0 ? void 0 : _b.href) !== null && _c !== void 0 ? _c : '');
+            url.searchParams.set('zoom', 'transaction_template');
+            return url.toString();
+        }
+        catch (_d) {
+            //
+        }
+    }
+    get __defaultTemplateSetHref() {
+        var _a, _b, _c, _d;
+        const templateSetUri = (_b = ((_a = this.__cart) !== null && _a !== void 0 ? _a : this.__transactionTemplate)) === null || _b === void 0 ? void 0 : _b.template_set_uri;
+        if (templateSetUri === '') {
+            try {
+                const url = new URL((_d = (_c = this.__store) === null || _c === void 0 ? void 0 : _c._links['fx:template_sets'].href) !== null && _d !== void 0 ? _d : '');
+                url.searchParams.set('code', 'DEFAULT');
+                return url.toString();
+            }
+            catch (_e) {
+                //
+            }
+        }
+    }
+    get __localeCodesHelperHref() {
+        var _a;
+        if (this.__defaultTemplateSetHref || this.__templateSetHref) {
+            return (_a = this.localeCodes) !== null && _a !== void 0 ? _a : void 0;
+        }
+    }
+    get __transactionHref() {
+        var _a, _b;
+        return (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a._links['fx:transaction']) === null || _b === void 0 ? void 0 : _b.href;
+    }
+    get __templateSetHref() {
+        var _a;
+        const cart = (_a = this.__cart) !== null && _a !== void 0 ? _a : this.__transactionTemplate;
+        // TODO: remove the directive below once SDK is updated
+        // @ts-expect-error SDK types are incomplete
+        const currencyCode = cart === null || cart === void 0 ? void 0 : cart.currency_code;
+        if (!currencyCode)
+            return (cart === null || cart === void 0 ? void 0 : cart.template_set_uri) || void 0;
+    }
+    get __storeHref() {
+        var _a, _b;
+        return (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a._links['fx:store']) === null || _b === void 0 ? void 0 : _b.href;
+    }
+    get __cartHref() {
+        var _a, _b;
+        const links = (_a = this.data) === null || _a === void 0 ? void 0 : _a._links;
+        return (_b = links === null || links === void 0 ? void 0 : links['fx:cart']) === null || _b === void 0 ? void 0 : _b.href;
+    }
+    get __transactionTemplate() {
+        var _a, _b;
+        const selector = `#${this.__transactionTemplateLoaderId}`;
+        const loader = this.renderRoot.querySelector(selector);
+        return (_b = (_a = loader === null || loader === void 0 ? void 0 : loader.data) === null || _a === void 0 ? void 0 : _a._embedded['fx:transaction_template']) !== null && _b !== void 0 ? _b : null;
+    }
+    get __defaultTemplateSet() {
+        var _a, _b;
+        const selector = `#${this.__defaultTemplateSetLoaderId}`;
+        const loader = this.renderRoot.querySelector(selector);
+        return (_b = (_a = loader === null || loader === void 0 ? void 0 : loader.data) === null || _a === void 0 ? void 0 : _a._embedded['fx:template_sets'][0]) !== null && _b !== void 0 ? _b : null;
+    }
+    get __localeCodesHelper() {
+        var _a, _b;
+        const selector = `#${this.__localeCodesHelperLoaderId}`;
+        return (_b = (_a = this.renderRoot.querySelector(selector)) === null || _a === void 0 ? void 0 : _a.data) !== null && _b !== void 0 ? _b : null;
+    }
+    get __transaction() {
+        var _a, _b;
+        const selector = `#${this.__transactionLoaderId}`;
+        return (_b = (_a = this.renderRoot.querySelector(selector)) === null || _a === void 0 ? void 0 : _a.data) !== null && _b !== void 0 ? _b : null;
+    }
+    get __templateSet() {
+        var _a, _b;
+        const selector = `#${this.__templateSetLoaderId}`;
+        return (_b = (_a = this.renderRoot.querySelector(selector)) === null || _a === void 0 ? void 0 : _a.data) !== null && _b !== void 0 ? _b : null;
+    }
+    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;
+    }
+    get __cart() {
+        var _a, _b;
+        const selector = `#${this.__cartLoaderId}`;
+        return (_b = (_a = this.renderRoot.querySelector(selector)) === null || _a === void 0 ? void 0 : _a.data) !== null && _b !== void 0 ? _b : null;
     }
 }
 //# sourceMappingURL=ItemOptionCard.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ItemOptionCard.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemOptionCard/ItemOptionCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAKhD,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,WAAW,EAAE,0CAAuC;AAE7D,MAAM,EAAE,GAAG,kBAAkB,CAAC;AAC9B,MAAM,IAAI,GAAG,iBAAiB,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AAEhD;;;;;;;;;;;GAWG;AACH,MAAM,OAAO,cAAe,SAAQ,IAAU;IAA9C;;QACU,sBAAiB,GAAG,EAAE,CAAC;QAEvB,eAAU,GAAG,EAAE,CAAC;IAwC1B,CAAC;IAtCC,MAAM;QACJ,OAAO,KAAK,CAAC,MAAM,CAAC;YAClB,KAAK,EAAE,IAAI,CAAC,EAAE;gBACZ,IAAI,QAAgB,CAAC;gBAErB,IAAI;oBACF,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,EAAE;wBACpE,qBAAqB,EAAE,CAAC;wBACxB,qBAAqB,EAAE,CAAC;wBACxB,eAAe,EAAE,IAAI,CAAC,iBAAiB;wBACvC,QAAQ,EAAE,IAAI,CAAC,UAAU;wBACzB,KAAK,EAAE,UAAU;qBAClB,CAAC,CAAC;iBACJ;gBAAC,WAAM;oBACN,QAAQ,GAAG,IAAI,CAAC;iBACjB;gBAED,OAAO,IAAI,CAAA,GAAG,IAAI,CAAC,IAAI,WAAW,QAAQ,WAAW,IAAI,CAAC,UAAU,EAAE,CAAC;YACzE,CAAC;YACD,QAAQ,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAA,GAAG,IAAI,CAAC,KAAK,EAAE;SACtC,CAAC,CAAC;IACL,CAAC;IAES,KAAK,CAAC,QAAQ;QAItB,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,QAAQ,EAAE,CAAC;QACxC,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC;YAC7C,KAAK,CAAC,MAAM,CAAc,QAAQ,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC;YACjE,KAAK,CAAC,MAAM,CAAQ,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC;SACtD,CAAC,CAAC;QAEH,IAAI,CAAC,UAAU,GAAG,WAAW,CAAC,aAAa,CAAC;QAC5C,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC,iCAAiC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC;QAErF,OAAO,QAAQ,CAAC;IAClB,CAAC;CACF","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { Data } from './types';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { TwoLineCard } from '../CustomFieldCard/TwoLineCard';\n\nconst NS = 'item-option-card';\nconst Base = TranslatableMixin(TwoLineCard, NS);\n\n/**\n * Basic card displaying an item option.\n *\n * @slot title:before\n * @slot title:after\n *\n * @slot subtitle:before\n * @slot subtitle:after\n *\n * @element foxy-item-option-card\n * @since 1.17.0\n */\nexport class ItemOptionCard extends Base<Data> {\n  private __currencyDisplay = '';\n\n  private __currency = '';\n\n  render(): TemplateResult {\n    return super.render({\n      title: data => {\n        let priceMod: string;\n\n        try {\n          priceMod = Math.abs(data.price_mod).toLocaleString(this.lang || 'en', {\n            maximumFractionDigits: 2,\n            minimumFractionDigits: 2,\n            currencyDisplay: this.__currencyDisplay,\n            currency: this.__currency,\n            style: 'currency',\n          });\n        } catch {\n          priceMod = '--';\n        }\n\n        return html`${data.name} &bull; ${priceMod} &bull; ${data.weight_mod}`;\n      },\n      subtitle: data => html`${data.value}`,\n    });\n  }\n\n  protected async _sendGet(): Promise<Data> {\n    type Transaction = Resource<Rels.Transaction>;\n    type Store = Resource<Rels.Store>;\n\n    const discount = await super._sendGet();\n    const [transaction, store] = await Promise.all([\n      super._fetch<Transaction>(discount._links['fx:transaction'].href),\n      super._fetch<Store>(discount._links['fx:store'].href),\n    ]);\n\n    this.__currency = transaction.currency_code;\n    this.__currencyDisplay = store.use_international_currency_symbol ? 'code' : 'symbol';\n\n    return discount;\n  }\n}\n"]}
+{"version":3,"file":"ItemOptionCard.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemOptionCard/ItemOptionCard.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations, TemplateResult } from 'lit-element';\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 { TwoLineCard } from '../CustomFieldCard/TwoLineCard';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nconst NS = 'item-option-card';\nconst Base = TranslatableMixin(TwoLineCard, NS);\n\n/**\n * Basic card displaying an item option.\n *\n * @slot title:before\n * @slot title:after\n *\n * @slot subtitle:before\n * @slot subtitle:after\n *\n * @element foxy-item-option-card\n * @since 1.17.0\n */\nexport class ItemOptionCard 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 __transactionTemplateLoaderId = 'transactionTemplateLoader';\n\n  private readonly __defaultTemplateSetLoaderId = 'defaultTemplateSetLoader';\n\n  private readonly __localeCodesHelperLoaderId = 'localeCodesLoader';\n\n  private readonly __transactionLoaderId = 'transactionLoader';\n\n  private readonly __templateSetLoaderId = 'templateSetLoader';\n\n  private readonly __storeLoaderId = 'storeLoader';\n\n  private readonly __cartLoaderId = 'cartLoader';\n\n  renderBody(): TemplateResult {\n    const currencyDisplay = this.__store?.use_international_currency_symbol ? 'code' : 'symbol';\n    const transaction = this.__transaction;\n\n    let currencyCode: string | null = null;\n\n    if (transaction) {\n      currencyCode = transaction.currency_code;\n    } else {\n      const cart = this.__cart ?? this.__transactionTemplate;\n\n      if (cart && 'currency_code' in cart) {\n        // TODO: remove the directive below once the SDK is updated\n        // @ts-expect-error SDK types are incomplete\n        currencyCode = cart.currency_code;\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) currencyCode = /Currency: ([A-Z]{3})/g.exec(localeInfo)?.[1] ?? null;\n      }\n    }\n\n    return html`\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__transactionTemplateHref)}\n        id=${this.__transactionTemplateLoaderId}\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.__transactionHref)}\n        id=${this.__transactionLoaderId}\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      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__cartHref)}\n        id=${this.__cartLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      ${super.renderBody({\n        title: data => {\n          if (!currencyCode || !currencyDisplay) return html`&ZeroWidthSpace;`;\n\n          let priceMod: string;\n\n          try {\n            priceMod = Math.abs(data.price_mod).toLocaleString(this.lang || 'en', {\n              maximumFractionDigits: 2,\n              minimumFractionDigits: 2,\n              currencyDisplay: currencyDisplay,\n              currency: currencyCode,\n              style: 'currency',\n            });\n          } catch {\n            priceMod = '--';\n          }\n\n          return html`${data.name} &bull; ${priceMod} &bull; ${data.weight_mod}`;\n        },\n        subtitle: data => html`${data.value}`,\n      })}\n    `;\n  }\n\n  private get __transactionTemplateHref() {\n    try {\n      const links = this.data?._links as Partial<Record<string, { href: string }>> | undefined;\n      const url = new URL(links?.['fx:subscription']?.href ?? '');\n      url.searchParams.set('zoom', 'transaction_template');\n      return url.toString();\n    } catch {\n      //\n    }\n  }\n\n  private get __defaultTemplateSetHref() {\n    const templateSetUri = (this.__cart ?? this.__transactionTemplate)?.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 __transactionHref() {\n    return this.data?._links['fx:transaction']?.href;\n  }\n\n  private get __templateSetHref() {\n    const cart = this.__cart ?? this.__transactionTemplate;\n    // TODO: remove the directive below once SDK is updated\n    // @ts-expect-error SDK types are incomplete\n    const currencyCode = cart?.currency_code as string | undefined;\n\n    if (!currencyCode) return cart?.template_set_uri || void 0;\n  }\n\n  private get __storeHref() {\n    return this.data?._links['fx:store']?.href;\n  }\n\n  private get __cartHref() {\n    const links = this.data?._links as Partial<Record<string, { href: string }>> | undefined;\n    return links?.['fx:cart']?.href;\n  }\n\n  private get __transactionTemplate() {\n    type Loader = NucleonElement<Resource<Rels.Subscription, { zoom: 'transaction_template' }>>;\n    const selector = `#${this.__transactionTemplateLoaderId}`;\n    const loader = this.renderRoot.querySelector<Loader>(selector);\n    return loader?.data?._embedded['fx:transaction_template'] ?? null;\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 __transaction() {\n    type Loader = NucleonElement<Resource<Rels.Transaction>>;\n    const selector = `#${this.__transactionLoaderId}`;\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 __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 __cart() {\n    type Loader = NucleonElement<Resource<Rels.Cart>>;\n    const selector = `#${this.__cartLoaderId}`;\n    return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n  }\n}\n"]}

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

@@ -1,6 +1,7 @@
 import '@polymer/iron-icons';
 import '@polymer/iron-icon';
 import '../../internal/InternalSandbox/index';
+import '../NucleonElement/index';
 import '../Spinner/index';
 import { ItemOptionCard } from './ItemOptionCard';
 export { ItemOptionCard };

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

@@ -1,6 +1,7 @@
 import '@polymer/iron-icons';
 import '@polymer/iron-icon';
 import "../../internal/InternalSandbox/index.js";
+import "../NucleonElement/index.js";
 import "../Spinner/index.js";
 import { ItemOptionCard } from "./ItemOptionCard.js";
 customElements.define('foxy-item-option-card', ItemOptionCard);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemOptionCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAC5B,iDAA8C;AAC9C,6BAA0B;AAE1B,OAAO,EAAE,cAAc,EAAE,4BAAyB;AAElD,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,cAAc,CAAC,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,CAAC","sourcesContent":["import '@polymer/iron-icons';\nimport '@polymer/iron-icon';\nimport '../../internal/InternalSandbox/index';\nimport '../Spinner/index';\n\nimport { ItemOptionCard } from './ItemOptionCard';\n\ncustomElements.define('foxy-item-option-card', ItemOptionCard);\n\nexport { ItemOptionCard };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemOptionCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAE5B,iDAA8C;AAE9C,oCAAiC;AACjC,6BAA0B;AAE1B,OAAO,EAAE,cAAc,EAAE,4BAAyB;AAElD,cAAc,CAAC,MAAM,CAAC,uBAAuB,EAAE,cAAc,CAAC,CAAC;AAE/D,OAAO,EAAE,cAAc,EAAE,CAAC","sourcesContent":["import '@polymer/iron-icons';\nimport '@polymer/iron-icon';\n\nimport '../../internal/InternalSandbox/index';\n\nimport '../NucleonElement/index';\nimport '../Spinner/index';\n\nimport { ItemOptionCard } from './ItemOptionCard';\n\ncustomElements.define('foxy-item-option-card', ItemOptionCard);\n\nexport { ItemOptionCard };\n"]}

package/dist/elements/public/NucleonElement/API.js

@@ -25,7 +25,7 @@ export class API extends CoreAPI {
                 });
                 target.dispatchEvent(event);
                 if (!event.defaultPrevented)
-                    fetch(request).then(resolve).catch(reject);
+                    resolve(new Response(null, { status: 500 }));
             }),
         });
     }

package/dist/elements/public/NucleonElement/API.js.map

@@ -1 +1 @@
-{"version":3,"file":"API.js","sourceRoot":"","sources":["../../../../src/elements/public/NucleonElement/API.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,wBAAqB;AAE1C;;;;;GAKG;AACH,MAAM,OAAO,GAAI,SAAQ,OAAY;IAInC,0FAA0F;IAC1F,YAAY,MAAmB;QAC7B,KAAK,CAAC;YACJ,IAAI,EAAE,IAAI,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC;YAC/B,KAAK,EAAE,CAAC,GAAG,IAAiC,EAAqB,EAAE,CACjE,IAAI,OAAO,CAAW,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;gBACxC,MAAM,OAAO,GAAG,OAAO,IAAI,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBAEvF,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC;gBACxD,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC;gBAE7C,MAAM,KAAK,GAAG,IAAI,UAAU,CAAC,OAAO,EAAE;oBACpC,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE,IAAI;oBACd,OAAO,EAAE,IAAI;oBACb,OAAO;oBACP,OAAO;oBACP,MAAM;iBACP,CAAC,CAAC;gBAEH,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBAC5B,IAAI,CAAC,KAAK,CAAC,gBAAgB;oBAAE,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YAC1E,CAAC,CAAC;SACL,CAAC,CAAC;IACL,CAAC;;AA3BD,gFAAgF;AAChE,cAAU,GAAG,UAAU,CAAC","sourcesContent":["import { API as CoreAPI } from '@foxy.io/sdk/core';\nimport { FetchEvent } from './FetchEvent';\n\n/**\n * Universal [API](https://sdk.foxy.dev/classes/_core_index_.api.html) client\n * that dispatches the `fetch` event on an element before each request. It bubbles, crosses\n * shadow DOM boundaries, and if cancelled, the target element will not make the request\n * and instead will wait for a response from `event.respondWith()`.\n */\nexport class API extends CoreAPI<any> {\n  /** Instances of this event are dispatched on an element before each request. */\n  static readonly FetchEvent = FetchEvent;\n\n  /** @param target `EventTarget` to dispatch `fetch` events on (e.g. element or window). */\n  constructor(target: EventTarget) {\n    super({\n      base: new URL(document.baseURI),\n      fetch: (...args: Parameters<Window['fetch']>): Promise<Response> =>\n        new Promise<Response>((resolve, reject) => {\n          const request = typeof args[0] === 'string' ? new API.WHATWGRequest(...args) : args[0];\n\n          request.headers.set('Content-Type', 'application/json');\n          request.headers.set('FOXY-API-VERSION', '1');\n\n          const event = new FetchEvent('fetch', {\n            cancelable: true,\n            composed: true,\n            bubbles: true,\n            request,\n            resolve,\n            reject,\n          });\n\n          target.dispatchEvent(event);\n          if (!event.defaultPrevented) fetch(request).then(resolve).catch(reject);\n        }),\n    });\n  }\n}\n"]}
+{"version":3,"file":"API.js","sourceRoot":"","sources":["../../../../src/elements/public/NucleonElement/API.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,wBAAqB;AAE1C;;;;;GAKG;AACH,MAAM,OAAO,GAAI,SAAQ,OAAY;IAInC,0FAA0F;IAC1F,YAAY,MAAmB;QAC7B,KAAK,CAAC;YACJ,IAAI,EAAE,IAAI,GAAG,CAAC,QAAQ,CAAC,OAAO,CAAC;YAC/B,KAAK,EAAE,CAAC,GAAG,IAAiC,EAAqB,EAAE,CACjE,IAAI,OAAO,CAAW,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;gBACxC,MAAM,OAAO,GAAG,OAAO,IAAI,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,aAAa,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;gBAEvF,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC;gBACxD,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC;gBAE7C,MAAM,KAAK,GAAG,IAAI,UAAU,CAAC,OAAO,EAAE;oBACpC,UAAU,EAAE,IAAI;oBAChB,QAAQ,EAAE,IAAI;oBACd,OAAO,EAAE,IAAI;oBACb,OAAO;oBACP,OAAO;oBACP,MAAM;iBACP,CAAC,CAAC;gBAEH,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;gBAC5B,IAAI,CAAC,KAAK,CAAC,gBAAgB;oBAAE,OAAO,CAAC,IAAI,QAAQ,CAAC,IAAI,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC;YAC5E,CAAC,CAAC;SACL,CAAC,CAAC;IACL,CAAC;;AA3BD,gFAAgF;AAChE,cAAU,GAAG,UAAU,CAAC","sourcesContent":["import { API as CoreAPI } from '@foxy.io/sdk/core';\nimport { FetchEvent } from './FetchEvent';\n\n/**\n * Universal [API](https://sdk.foxy.dev/classes/_core_index_.api.html) client\n * that dispatches the `fetch` event on an element before each request. It bubbles, crosses\n * shadow DOM boundaries, and if cancelled, the target element will not make the request\n * and instead will wait for a response from `event.respondWith()`.\n */\nexport class API extends CoreAPI<any> {\n  /** Instances of this event are dispatched on an element before each request. */\n  static readonly FetchEvent = FetchEvent;\n\n  /** @param target `EventTarget` to dispatch `fetch` events on (e.g. element or window). */\n  constructor(target: EventTarget) {\n    super({\n      base: new URL(document.baseURI),\n      fetch: (...args: Parameters<Window['fetch']>): Promise<Response> =>\n        new Promise<Response>((resolve, reject) => {\n          const request = typeof args[0] === 'string' ? new API.WHATWGRequest(...args) : args[0];\n\n          request.headers.set('Content-Type', 'application/json');\n          request.headers.set('FOXY-API-VERSION', '1');\n\n          const event = new FetchEvent('fetch', {\n            cancelable: true,\n            composed: true,\n            bubbles: true,\n            request,\n            resolve,\n            reject,\n          });\n\n          target.dispatchEvent(event);\n          if (!event.defaultPrevented) resolve(new Response(null, { status: 500 }));\n        }),\n    });\n  }\n}\n"]}

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

@@ -1,6 +1,6 @@
 /// <reference types="lodash" />
 import { ComputedElementProperties, HALJSONResource, NucleonV8N } from './types';
-import { LitElement, PropertyDeclarations } from 'lit-element';
+import { LitElement, PropertyDeclarations, TemplateResult } from 'lit-element';
 import { Nucleon, Rumour } from '@foxy.io/sdk/core';
 import { API } from './API';
 import { UpdateEvent } from './UpdateEvent';
@@ -61,12 +61,13 @@ export declare class NucleonElement<TData extends HALJSONResource> extends Nucle
      * resource on creation or deletion, it will be reloaded from source.
      */
     related: string[];
-    private __href;
+    private __hrefToLoad;
     private __group;
     private __unsubscribeFromRumour;
     private __fetchEventHandler;
     private __fetchEventQueue;
     private readonly __service;
+    constructor();
     /**
      * If network request returns non-2XX code, the entire error response
      * will be available via this getter.
@@ -134,6 +135,8 @@ export declare class NucleonElement<TData extends HALJSONResource> extends Nucle
      * @example element.submit()
      */
     submit(): void;
+    checkValidity(): boolean;
+    reportValidity(): boolean;
     /**
      * Sends a DELETE request to `element.href` and clears local data on success.
      * Emits multiple update events as element state changes.
@@ -145,6 +148,7 @@ export declare class NucleonElement<TData extends HALJSONResource> extends Nucle
      * @example element.refresh()
      */
     refresh(): void;
+    render(): TemplateResult;
     /** @readonly */
     connectedCallback(): void;
     /** @readonly */
@@ -159,9 +163,9 @@ export declare class NucleonElement<TData extends HALJSONResource> extends Nucle
     /** PATCHes `element.href`, shares response with the Rumour group and returns parsed JSON. */
     protected _sendPatch(edits: Partial<TData>): Promise<TData>;
     /** DELETEs `element.href`, shares response with the Rumour group and returns parsed JSON. */
-    protected _sendDelete(): Promise<TData>;
+    protected _sendDelete(): Promise<null>;
+    private get __state();
     private __createService;
-    private __destroyService;
     private __createRumour;
     private __destroyRumour;
     private __createServer;