@foxy.io/elements 1.50.0 → 1.52.0-beta.1

package/dist/cdn/translations/transaction/en.json

@@ -201,9 +201,9 @@
             "placeholder": "Optional"
           }
         },
-        "subscriptions": {
+        "subscription": {
           "label": "Subscription",
-          "helper_text": "To modify these value for an existing subscription, you must modify the subscription directly.",
+          "helper_text": "",
           "subscription-frequency": {
             "label": "Frequency",
             "helper_text": "",
@@ -230,6 +230,49 @@
             "placeholder": "None"
           }
         },
+        "downloadable-purchase": {
+          "label": "Downloadable usage",
+          "helper_text": "",
+          "no_stats_text": "This item has not been downloaded yet. Download statistics will appear here once the item has been downloaded by a customer.",
+          "number-of-downloads": {
+            "label": "Number of downloads"
+          },
+          "first-download-time": {
+            "label": "First download",
+            "value": "{{ value, date }} at {{ value, time }}"
+          },
+          "download-link": {
+            "label": "Download file"
+          },
+          "copy-download-link": {
+            "failed_to_copy": "Failed to copy",
+            "click_to_copy": "Copy URL",
+            "copying": "Copying...",
+            "done": "Copied to clipboard"
+          },
+          "reset-usage": {
+            "message_idle": "This action will attempt to reset usage for this downloadable purchase. Would you like to proceed?",
+            "message_fail": "Failed to reset usage for this downloadable purchase. If you'd like to retry, close this dialog and click the reset usage button again.",
+            "message_done": "Usage for this downloadable purchase was reset successfully. You can close this dialog now.",
+            "button_close": "Close",
+            "button_confirm": "Reset usage",
+            "button_cancel": "Go back",
+            "loading_busy": "Processing",
+            "header": "Reset usage",
+            "button": "Reset usage"
+          }
+        },
+        "actions": {
+          "download": {
+            "label": "Download file"
+          },
+          "copy-download-link": {
+            "failed_to_copy": "Failed to copy",
+            "click_to_copy": "Copy download link",
+            "copying": "Copying...",
+            "done": "Copied to clipboard"
+          }
+        },
         "dimensions": {
           "label": "Dimensions",
           "helper_text": "",
@@ -258,13 +301,13 @@
           "label": "Meta",
           "helper_text": "",
           "url": {
-            "label": "URL",
-            "helper_text": "Full URL for the customer to view this item on the store website.",
+            "label": "Website URL",
+            "helper_text": "",
             "placeholder": "None"
           },
           "image": {
-            "label": "Image",
-            "helper_text": "URL of the image to display for this item in the cart and checkout.",
+            "label": "Image URL",
+            "helper_text": "",
             "placeholder": "None"
           },
           "quantity-max": {
@@ -278,8 +321,8 @@
             "placeholder": "1"
           },
           "expires": {
-            "label": "Expires",
-            "helper_text": "Date when this item will be removed from the cart.",
+            "label": "Expiry Date",
+            "helper_text": "",
             "display_value": "{{ value, date }}",
             "placeholder": "Optional"
           }
@@ -311,6 +354,9 @@
         },
         "discount-details": {
           "label": "Applied discounts",
+          "helper_text": "",
+          "total_items": "{{ count }} discount",
+          "total_items_plural": "{{ count }} discounts",
           "pagination": {
             "first": "First",
             "last": "Last",
@@ -331,6 +377,9 @@
         },
         "coupon-details": {
           "label": "Applied coupons",
+          "helper_text": "",
+          "total_items": "{{ count }} coupon",
+          "total_items_plural": "{{ count }} coupons",
           "pagination": {
             "first": "First",
             "last": "Last",
@@ -351,6 +400,9 @@
         },
         "attributes": {
           "label": "Attributes",
+          "helper_text": "",
+          "total_items": "{{ count }} attribute",
+          "total_items_plural": "{{ count }} attributes",
           "delete_header": "Remove attribute?",
           "delete_message": "Please confirm that you'd like to remove this attribute from the item.",
           "delete_confirm": "Remove",
@@ -454,6 +506,9 @@
         },
         "item-options": {
           "label": "Item options",
+          "helper_text": "",
+          "total_items": "{{ count }} option",
+          "total_items_plural": "{{ count }} options",
           "delete_header": "Remove item option?",
           "delete_message": "Please confirm that you'd like to remove this item option from the item.",
           "delete_confirm": "Remove",
@@ -1784,4 +1839,4 @@
     "loading_empty": "No data",
     "loading_error": "Unknown error"
   }
-}
+}

package/dist/elements/internal/InternalNativeDateControl/InternalNativeDateControl.d.ts

@@ -0,0 +1,18 @@
+import type { CSSResultArray, PropertyDeclarations, TemplateResult } from 'lit-element';
+import { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';
+/**
+ * Internal control displaying a basic text box with date input.
+ *
+ * @since 1.51.0
+ * @element foxy-internal-native-date-control
+ */
+export declare class InternalNativeDateControl extends InternalEditableControl {
+    static get properties(): PropertyDeclarations;
+    static get styles(): CSSResultArray;
+    format: 'date' | 'datetime-local';
+    private __isErrorVisible;
+    reportValidity(): void;
+    renderControl(): TemplateResult;
+    protected get _value(): string;
+    protected set _value(newValue: string);
+}

package/dist/elements/internal/InternalNativeDateControl/InternalNativeDateControl.js

@@ -0,0 +1,109 @@
+import { InternalEditableControl } from "../InternalEditableControl/InternalEditableControl.js";
+import { html, css, svg } from 'lit-element';
+import { classMap } from "../../../utils/class-map.js";
+import { live } from 'lit-html/directives/live';
+/**
+ * Internal control displaying a basic text box with date input.
+ *
+ * @since 1.51.0
+ * @element foxy-internal-native-date-control
+ */
+export class InternalNativeDateControl extends InternalEditableControl {
+    constructor() {
+        super(...arguments);
+        this.format = 'date';
+        this.__isErrorVisible = false;
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            format: {},
+            __isErrorVisible: { attribute: false },
+        };
+    }
+    static get styles() {
+        return [
+            super.styles,
+            css `input::-webkit-contacts-auto-fill-button{
+  visibility:hidden;
+  display:none !important;
+  pointer-events:none;
+  position:absolute;
+  right:0;
+}
+      `,
+        ];
+    }
+    reportValidity() {
+        this.__isErrorVisible = true;
+        super.reportValidity();
+    }
+    renderControl() {
+        return html `
+      <div class="leading-xs">
+        <div class="flex items-center gap-xs">
+          <label class="text-m text-body flex-1 whitespace-nowrap" for="input">${this.label}</label>
+
+          <input
+            placeholder=${this.placeholder}
+            class=${classMap({
+            'appearance-none text-right bg-transparent transition-colors': true,
+            'text-m rounded-s focus-outline-none': true,
+            'text-secondary': this.readonly,
+            'text-disabled': this.disabled,
+            'font-medium': !this.readonly,
+        })}
+            type=${this.format}
+            id="input"
+            .value=${live(this._value)}
+            ?disabled=${this.disabled}
+            ?readonly=${this.readonly}
+            @keydown=${(evt) => { var _a; return evt.key === 'Enter' && ((_a = this.nucleon) === null || _a === void 0 ? void 0 : _a.submit()); }}
+            @blur=${() => (this.__isErrorVisible = true)}
+            @input=${(evt) => {
+            evt.stopPropagation();
+            this._value = evt.target.value;
+        }}
+          />
+
+          <button
+            aria-label=${this.t('clear')}
+            class=${classMap({
+            'flex-shrink-0 rounded-full transition-colors': true,
+            'focus-outline-none focus-ring-2 focus-ring-primary-50': true,
+            'cursor-pointer text-tertiary hover-text-body': !this.disabled,
+            'cursor-default text-disabled': this.disabled,
+        })}
+            style="width: 1em; height: 1em;"
+            ?disabled=${this.disabled}
+            ?hidden=${this.readonly || !this._value}
+            @click=${() => {
+            this._value = '';
+            this.dispatchEvent(new CustomEvent('clear'));
+        }}
+          >
+            ${svg `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" style="width: 1em; height: 1em; transform: scale(1.25); margin-right: -0.16em"><path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" /></svg>`}
+          </button>
+        </div>
+
+        <div style="max-width: 32rem">
+          <p class="text-xs text-secondary">${this.helperText}</p>
+          <p
+            class="text-xs text-error"
+            ?hidden=${!this.__isErrorVisible || this.disabled || this.readonly}
+          >
+            ${this._errorMessage}
+          </p>
+        </div>
+      </div>
+    `;
+    }
+    get _value() {
+        var _a;
+        return (_a = super._value) !== null && _a !== void 0 ? _a : '';
+    }
+    set _value(newValue) {
+        super._value = newValue;
+    }
+}
+//# sourceMappingURL=InternalNativeDateControl.js.map

package/dist/elements/internal/InternalNativeDateControl/InternalNativeDateControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalNativeDateControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalNativeDateControl/InternalNativeDateControl.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAC7F,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AACpD,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAEhD;;;;;GAKG;AACH,MAAM,OAAO,yBAA0B,SAAQ,uBAAuB;IAAtE;;QAwBE,WAAM,GAA8B,MAAM,CAAC;QAEnC,qBAAgB,GAAG,KAAK,CAAC;IA2EnC,CAAC;IApGC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,MAAM,EAAE,EAAE;YACV,gBAAgB,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SACvC,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,KAAK,CAAC,MAAM;YACZ,GAAG;;;;;;;OAQF;SACF,CAAC;IACJ,CAAC;IAMD,cAAc;QACZ,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC7B,KAAK,CAAC,cAAc,EAAE,CAAC;IACzB,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAA;;;iFAGkE,IAAI,CAAC,KAAK;;;0BAGjE,IAAI,CAAC,WAAW;oBACtB,QAAQ,CAAC;YACf,6DAA6D,EAAE,IAAI;YACnE,qCAAqC,EAAE,IAAI;YAC3C,gBAAgB,EAAE,IAAI,CAAC,QAAQ;YAC/B,eAAe,EAAE,IAAI,CAAC,QAAQ;YAC9B,aAAa,EAAE,CAAC,IAAI,CAAC,QAAQ;SAC9B,CAAC;mBACK,IAAI,CAAC,MAAM;;qBAET,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;wBACd,IAAI,CAAC,QAAQ;wBACb,IAAI,CAAC,QAAQ;uBACd,CAAC,GAAkB,EAAE,EAAE,WAAC,OAAA,GAAG,CAAC,GAAG,KAAK,OAAO,WAAI,IAAI,CAAC,OAAO,0CAAE,MAAM,GAAE,CAAA,EAAA;oBACxE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;qBACnC,CAAC,GAAU,EAAE,EAAE;YACtB,GAAG,CAAC,eAAe,EAAE,CAAC;YACtB,IAAI,CAAC,MAAM,GAAI,GAAG,CAAC,MAA2B,CAAC,KAAK,CAAC;QACvD,CAAC;;;;yBAIY,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC;oBACpB,QAAQ,CAAC;YACf,8CAA8C,EAAE,IAAI;YACpD,uDAAuD,EAAE,IAAI;YAC7D,8CAA8C,EAAE,CAAC,IAAI,CAAC,QAAQ;YAC9D,8BAA8B,EAAE,IAAI,CAAC,QAAQ;SAC9C,CAAC;;wBAEU,IAAI,CAAC,QAAQ;sBACf,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,MAAM;qBAC9B,GAAG,EAAE;YACZ,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;YACjB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;QAC/C,CAAC;;cAEC,GAAG,CAAA,sWAAsW;;;;;8CAKzU,IAAI,CAAC,UAAU;;;sBAGvC,CAAC,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ;;cAEhE,IAAI,CAAC,aAAa;;;;KAI3B,CAAC;IACJ,CAAC;IAED,IAAc,MAAM;;QAClB,aAAQ,KAAK,CAAC,MAA6B,mCAAI,EAAE,CAAC;IACpD,CAAC;IAED,IAAc,MAAM,CAAC,QAAgB;QACnC,KAAK,CAAC,MAAM,GAAG,QAA+B,CAAC;IACjD,CAAC;CACF","sourcesContent":["import type { CSSResultArray, PropertyDeclarations, TemplateResult } from 'lit-element';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { html, css, svg } from 'lit-element';\nimport { classMap } from '../../../utils/class-map';\nimport { live } from 'lit-html/directives/live';\n\n/**\n * Internal control displaying a basic text box with date input.\n *\n * @since 1.51.0\n * @element foxy-internal-native-date-control\n */\nexport class InternalNativeDateControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      format: {},\n      __isErrorVisible: { attribute: false },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        input::-webkit-contacts-auto-fill-button {\n          visibility: hidden;\n          display: none !important;\n          pointer-events: none;\n          position: absolute;\n          right: 0;\n        }\n      `,\n    ];\n  }\n\n  format: 'date' | 'datetime-local' = 'date';\n\n  private __isErrorVisible = false;\n\n  reportValidity(): void {\n    this.__isErrorVisible = true;\n    super.reportValidity();\n  }\n\n  renderControl(): TemplateResult {\n    return html`\n      <div class=\"leading-xs\">\n        <div class=\"flex items-center gap-xs\">\n          <label class=\"text-m text-body flex-1 whitespace-nowrap\" for=\"input\">${this.label}</label>\n\n          <input\n            placeholder=${this.placeholder}\n            class=${classMap({\n              'appearance-none text-right bg-transparent transition-colors': true,\n              'text-m rounded-s focus-outline-none': true,\n              'text-secondary': this.readonly,\n              'text-disabled': this.disabled,\n              'font-medium': !this.readonly,\n            })}\n            type=${this.format}\n            id=\"input\"\n            .value=${live(this._value)}\n            ?disabled=${this.disabled}\n            ?readonly=${this.readonly}\n            @keydown=${(evt: KeyboardEvent) => evt.key === 'Enter' && this.nucleon?.submit()}\n            @blur=${() => (this.__isErrorVisible = true)}\n            @input=${(evt: Event) => {\n              evt.stopPropagation();\n              this._value = (evt.target as HTMLInputElement).value;\n            }}\n          />\n\n          <button\n            aria-label=${this.t('clear')}\n            class=${classMap({\n              'flex-shrink-0 rounded-full transition-colors': true,\n              'focus-outline-none focus-ring-2 focus-ring-primary-50': true,\n              'cursor-pointer text-tertiary hover-text-body': !this.disabled,\n              'cursor-default text-disabled': this.disabled,\n            })}\n            style=\"width: 1em; height: 1em;\"\n            ?disabled=${this.disabled}\n            ?hidden=${this.readonly || !this._value}\n            @click=${() => {\n              this._value = '';\n              this.dispatchEvent(new CustomEvent('clear'));\n            }}\n          >\n            ${svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" style=\"width: 1em; height: 1em; transform: scale(1.25); margin-right: -0.16em\"><path d=\"M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z\" /></svg>`}\n          </button>\n        </div>\n\n        <div style=\"max-width: 32rem\">\n          <p class=\"text-xs text-secondary\">${this.helperText}</p>\n          <p\n            class=\"text-xs text-error\"\n            ?hidden=${!this.__isErrorVisible || this.disabled || this.readonly}\n          >\n            ${this._errorMessage}\n          </p>\n        </div>\n      </div>\n    `;\n  }\n\n  protected get _value(): string {\n    return (super._value as string | undefined) ?? '';\n  }\n\n  protected set _value(newValue: string) {\n    super._value = newValue as unknown | undefined;\n  }\n}\n"]}

package/dist/elements/internal/InternalNativeDateControl/index.d.ts

@@ -0,0 +1,3 @@
+import '../InternalEditableControl/index';
+import { InternalNativeDateControl as Control } from './InternalNativeDateControl';
+export { Control as InternalNativeDateControl };

package/dist/elements/internal/InternalNativeDateControl/index.js

@@ -0,0 +1,5 @@
+import "../InternalEditableControl/index.js";
+import { InternalNativeDateControl as Control } from "./InternalNativeDateControl.js";
+customElements.define('foxy-internal-native-date-control', Control);
+export { Control as InternalNativeDateControl };
+//# sourceMappingURL=index.js.map

package/dist/elements/internal/InternalNativeDateControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalNativeDateControl/index.ts"],"names":[],"mappings":"AAAA,6CAA0C;AAC1C,OAAO,EAAE,yBAAyB,IAAI,OAAO,EAAE,uCAAoC;AAEnF,cAAc,CAAC,MAAM,CAAC,mCAAmC,EAAE,OAAO,CAAC,CAAC;AAEpE,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,CAAC","sourcesContent":["import '../InternalEditableControl/index';\nimport { InternalNativeDateControl as Control } from './InternalNativeDateControl';\n\ncustomElements.define('foxy-internal-native-date-control', Control);\n\nexport { Control as InternalNativeDateControl };\n"]}

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

@@ -26,15 +26,18 @@ export declare class ItemForm extends ItemForm_base<Data> {
     coupons: string | null;
     /** Link to `fx:store` this item belongs to. */
     store: string | null;
+    private __downloadablePurchase;
     private __itemsLink;
     get headerSubtitleOptions(): Record<string, unknown>;
     get readonlySelector(): BooleanSelector;
     get hiddenSelector(): BooleanSelector;
+    renderHeaderActions(): TemplateResult;
     renderBody(): TemplateResult;
     protected _sendGet(): Promise<Data>;
     private get __discountBuilderParsedValue();
     private get __itemOptionRelatedUrls();
     private get __storeLoader();
+    private __renderDownloadablePurchaseSection;
     private __handleDiscountBuilderChange;
 }
 export {};

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

@@ -23,6 +23,7 @@ export class ItemForm extends TranslatableMixin(InternalForm, 'item-form') {
         this.coupons = null;
         /** Link to `fx:store` this item belongs to. */
         this.store = null;
+        this.__downloadablePurchase = null;
         this.__itemsLink = '';
     }
     static get properties() {
@@ -61,6 +62,8 @@ export class ItemForm extends TranslatableMixin(InternalForm, 'item-form') {
             alwaysMatch.unshift('general:shipto');
         if (this.data && !this.data.subscription_frequency)
             alwaysMatch.unshift('subscriptions');
+        if (!this.__downloadablePurchase)
+            alwaysMatch.unshift('downloadable-purchase');
         if (!this.form.discount_name)
             alwaysMatch.unshift('discount:discount-builder');
         if (!this.href) {
@@ -68,6 +71,31 @@ export class ItemForm extends TranslatableMixin(InternalForm, 'item-form') {
         }
         return new BooleanSelector(alwaysMatch.join(' ').trim());
     }
+    renderHeaderActions() {
+        var _a;
+        if (!this.__downloadablePurchase)
+            return html ``;
+        const downloadUrl = (_a = this.__downloadablePurchase) === null || _a === void 0 ? void 0 : _a._links['fx:download_url'].href;
+        return html `
+      <a
+        data-testid="download-link"
+        target="_blank"
+        class="text-primary font-medium cursor-pointer hover-underline rounded-sm focus-outline-none focus-ring-2 focus-ring-primary-50"
+        href=${ifDefined(downloadUrl)}
+        rel="noopener noreferrer"
+      >
+        <foxy-i18n infer="actions download" key="label"></foxy-i18n>
+      </a>
+
+      <foxy-copy-to-clipboard
+        layout="text"
+        theme="tertiary-inline"
+        infer="actions copy-download-link"
+        text=${ifDefined(downloadUrl)}
+      >
+      </foxy-copy-to-clipboard>
+    `;
+    }
     renderBody() {
         var _a, _b, _c, _d, _e, _f, _g;
         return html `
@@ -93,7 +121,7 @@ export class ItemForm extends TranslatableMixin(InternalForm, 'item-form') {
         </foxy-internal-text-control>
       </foxy-internal-summary-control>
 
-      <foxy-internal-summary-control infer="subscriptions">
+      <foxy-internal-summary-control infer="subscription" layout="details">
         <foxy-internal-frequency-control layout="summary-item" infer="subscription-frequency">
         </foxy-internal-frequency-control>
         <foxy-internal-date-control layout="summary-item" infer="subscription-start-date">
@@ -102,7 +130,10 @@ export class ItemForm extends TranslatableMixin(InternalForm, 'item-form') {
         </foxy-internal-date-control>
       </foxy-internal-summary-control>
 
+      ${this.__renderDownloadablePurchaseSection()}
+
       <foxy-internal-async-list-control
+        layout="details"
         infer="item-options"
         first=${ifDefined((_b = this.data) === null || _b === void 0 ? void 0 : _b._links['fx:item_options'].href)}
         form="foxy-item-option-form"
@@ -113,7 +144,7 @@ export class ItemForm extends TranslatableMixin(InternalForm, 'item-form') {
       >
       </foxy-internal-async-list-control>
 
-      <foxy-internal-summary-control infer="dimensions">
+      <foxy-internal-summary-control infer="dimensions" layout="details">
         <foxy-internal-number-control layout="summary-item" infer="weight" min="0">
         </foxy-internal-number-control>
         <foxy-internal-number-control layout="summary-item" infer="length" min="0">
@@ -124,7 +155,7 @@ export class ItemForm extends TranslatableMixin(InternalForm, 'item-form') {
         </foxy-internal-number-control>
       </foxy-internal-summary-control>
 
-      <foxy-internal-summary-control infer="meta">
+      <foxy-internal-summary-control infer="meta" layout="details">
         <foxy-internal-text-control layout="summary-item" infer="url"></foxy-internal-text-control>
         <foxy-internal-text-control layout="summary-item" infer="image">
         </foxy-internal-text-control>
@@ -136,7 +167,7 @@ export class ItemForm extends TranslatableMixin(InternalForm, 'item-form') {
         </foxy-internal-date-control>
       </foxy-internal-summary-control>
 
-      <foxy-internal-summary-control infer="discount">
+      <foxy-internal-summary-control infer="discount" layout="details">
         <foxy-internal-text-control layout="summary-item" infer="discount-name">
         </foxy-internal-text-control>
         <foxy-discount-builder
@@ -149,6 +180,7 @@ export class ItemForm extends TranslatableMixin(InternalForm, 'item-form') {
       </foxy-internal-summary-control>
 
       <foxy-internal-async-list-control
+        layout="details"
         infer="discount-details"
         first=${ifDefined((_d = this.data) === null || _d === void 0 ? void 0 : _d._links['fx:discount_details'].href)}
         item="foxy-discount-detail-card"
@@ -156,6 +188,7 @@ export class ItemForm extends TranslatableMixin(InternalForm, 'item-form') {
       </foxy-internal-async-list-control>
 
       <foxy-internal-async-list-control
+        layout="details"
         infer="coupon-details"
         first=${ifDefined((_e = this.data) === null || _e === void 0 ? void 0 : _e._links['fx:coupon_details'].href)}
         item="foxy-coupon-detail-card"
@@ -163,6 +196,7 @@ export class ItemForm extends TranslatableMixin(InternalForm, 'item-form') {
       </foxy-internal-async-list-control>
 
       <foxy-internal-async-list-control
+        layout="details"
         infer="attributes"
         first=${ifDefined((_f = this.data) === null || _f === void 0 ? void 0 : _f._links['fx:attributes'].href)}
         item="foxy-attribute-card"
@@ -185,6 +219,9 @@ export class ItemForm extends TranslatableMixin(InternalForm, 'item-form') {
     }
     async _sendGet() {
         const item = await super._sendGet();
+        if (item._links['fx:downloadable_purchase']) {
+            this.__downloadablePurchase = await super._fetch(item._links['fx:downloadable_purchase'].href);
+        }
         if (item._links['fx:subscription']) {
             const subscriptionHref = item._links['fx:subscription'].href;
             const subscription = await super._fetch(subscriptionHref);
@@ -231,6 +268,44 @@ export class ItemForm extends TranslatableMixin(InternalForm, 'item-form') {
     get __storeLoader() {
         return this.renderRoot.querySelector('#storeLoader');
     }
+    __renderDownloadablePurchaseSection() {
+        const download = this.__downloadablePurchase;
+        return html `
+      <foxy-internal-summary-control infer="downloadable-purchase" layout="details">
+        ${(download === null || download === void 0 ? void 0 : download.number_of_downloads) ? html `
+              <p class="flex justify-between gap-m">
+                <foxy-i18n infer="number-of-downloads" key="label"></foxy-i18n>
+                <span class="text-secondary">${download.number_of_downloads}</span>
+              </p>
+
+              <p class="flex justify-between gap-m">
+                <foxy-i18n infer="first-download-time" key="label"></foxy-i18n>
+                <foxy-i18n
+                  options=${JSON.stringify({ value: download === null || download === void 0 ? void 0 : download.first_download_time })}
+                  class="text-secondary"
+                  infer="first-download-time"
+                  key="value"
+                >
+                </foxy-i18n>
+              </p>
+
+              <div class="flex justify-start">
+                <foxy-internal-post-action-control
+                  theme="tertiary-inline"
+                  infer="reset-usage"
+                  href=${ifDefined(download === null || download === void 0 ? void 0 : download._links['fx:reset_usage'].href)}
+                >
+                </foxy-internal-post-action-control>
+              </div>
+            `
+            : html `
+              <p class="text-secondary">
+                <foxy-i18n infer="" key="no_stats_text"></foxy-i18n>
+              </p>
+            `}
+      </foxy-internal-summary-control>
+    `;
+    }
     __handleDiscountBuilderChange(evt) {
         const builder = evt.currentTarget;
         const value = builder.parsedValue;

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

@@ -1 +1 @@
-{"version":3,"file":"ItemForm.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemForm/ItemForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { DiscountBuilder } from '../DiscountBuilder/DiscountBuilder';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { NucleonV8N } from '../NucleonElement/types';\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 { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-html';\n\n/**\n * Form element for creating or editing items (`fx:item`).\n *\n * @element foxy-item-form\n * @since 1.17.0\n */\nexport class ItemForm extends TranslatableMixin(InternalForm, 'item-form')<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      customerAddresses: { attribute: 'customer-addresses' },\n      itemCategories: { attribute: 'item-categories' },\n      localeCodes: { attribute: 'locale-codes' },\n      coupons: {},\n      store: {},\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ name: v }) => !!v || 'name:v8n_required',\n      ({ name: v }) => (!!v && v.length <= 255) || 'name:v8n_too_long',\n      ({ price: v }) => (typeof v === 'number' && !isNaN(v)) || 'price:v8n_required',\n      ({ price: v }) => (typeof v === 'number' && v >= 0) || 'price:v8n_negative',\n      ({ quantity: v }) => (typeof v === 'number' && v >= 1) || 'quantity:v8n_less_than_one',\n    ];\n  }\n\n  /** @deprecated Link to the collection of customer addresses that can be used with this item. */\n  customerAddresses: string | null = null;\n\n  /** Link to the collection of item categories that can be used with this item. */\n  itemCategories: string | null = null;\n\n  /** Link to the `fx:locale_codes` property helper for currency formatting. */\n  localeCodes: string | null = null;\n\n  /** @deprecated Link to the collection of coupons that can be used with this item. */\n  coupons: string | null = null;\n\n  /** Link to `fx:store` this item belongs to. */\n  store: string | null = null;\n\n  private __itemsLink = '';\n\n  get headerSubtitleOptions(): Record<string, unknown> {\n    return { context: this.data?.is_future_line_item ? 'future_line_item' : 'regular' };\n  }\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysMatch = [super.readonlySelector.toString()];\n    if (this.href) alwaysMatch.unshift('subscriptions');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = [super.hiddenSelector.toString()];\n\n    if (!this.__storeLoader?.data?.features_multiship) alwaysMatch.unshift('general:shipto');\n    if (this.data && !this.data.subscription_frequency) alwaysMatch.unshift('subscriptions');\n    if (!this.form.discount_name) alwaysMatch.unshift('discount:discount-builder');\n    if (!this.href) {\n      alwaysMatch.unshift('discount-details', 'coupon-details', 'item-options', 'attributes');\n    }\n\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      ${this.renderHeader()}\n\n      <foxy-internal-summary-control infer=\"general\">\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"name\"></foxy-internal-text-control>\n        <foxy-internal-number-control layout=\"summary-item\" infer=\"price\" min=\"0\">\n        </foxy-internal-number-control>\n        <foxy-internal-number-control layout=\"summary-item\" infer=\"quantity\" step=\"1\" min=\"1\">\n        </foxy-internal-number-control>\n        <foxy-internal-resource-picker-control\n          layout=\"summary-item\"\n          first=${ifDefined(this?.itemCategories ?? undefined)}\n          infer=\"item-category-uri\"\n          item=\"foxy-item-category-card\"\n        >\n        </foxy-internal-resource-picker-control>\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"code\"></foxy-internal-text-control>\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"parent-code\">\n        </foxy-internal-text-control>\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"shipto\">\n        </foxy-internal-text-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"subscriptions\">\n        <foxy-internal-frequency-control layout=\"summary-item\" infer=\"subscription-frequency\">\n        </foxy-internal-frequency-control>\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"subscription-start-date\">\n        </foxy-internal-date-control>\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"subscription-end-date\">\n        </foxy-internal-date-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-async-list-control\n        infer=\"item-options\"\n        first=${ifDefined(this.data?._links['fx:item_options'].href)}\n        form=\"foxy-item-option-form\"\n        item=\"foxy-item-option-card\"\n        alert\n        .related=${this.__itemOptionRelatedUrls}\n        .itemProps=${{ 'locale-codes': this.localeCodes ?? '' }}\n      >\n      </foxy-internal-async-list-control>\n\n      <foxy-internal-summary-control infer=\"dimensions\">\n        <foxy-internal-number-control layout=\"summary-item\" infer=\"weight\" min=\"0\">\n        </foxy-internal-number-control>\n        <foxy-internal-number-control layout=\"summary-item\" infer=\"length\" min=\"0\">\n        </foxy-internal-number-control>\n        <foxy-internal-number-control layout=\"summary-item\" infer=\"width\" min=\"0\">\n        </foxy-internal-number-control>\n        <foxy-internal-number-control layout=\"summary-item\" infer=\"height\" min=\"0\">\n        </foxy-internal-number-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"meta\">\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"url\"></foxy-internal-text-control>\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"image\">\n        </foxy-internal-text-control>\n        <foxy-internal-number-control layout=\"summary-item\" infer=\"quantity-max\" step=\"1\" min=\"1\">\n        </foxy-internal-number-control>\n        <foxy-internal-number-control layout=\"summary-item\" infer=\"quantity-min\" step=\"1\" min=\"1\">\n        </foxy-internal-number-control>\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"expires\" format=\"unix\">\n        </foxy-internal-date-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"discount\">\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"discount-name\">\n        </foxy-internal-text-control>\n        <foxy-discount-builder\n          infer=\"discount-builder\"\n          class=${classMap({ hidden: this.hiddenSelector.matches('discount-builder', true) })}\n          .parsedValue=${this.__discountBuilderParsedValue}\n          @change=${this.__handleDiscountBuilderChange}\n        >\n        </foxy-discount-builder>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-async-list-control\n        infer=\"discount-details\"\n        first=${ifDefined(this.data?._links['fx:discount_details'].href)}\n        item=\"foxy-discount-detail-card\"\n      >\n      </foxy-internal-async-list-control>\n\n      <foxy-internal-async-list-control\n        infer=\"coupon-details\"\n        first=${ifDefined(this.data?._links['fx:coupon_details'].href)}\n        item=\"foxy-coupon-detail-card\"\n      >\n      </foxy-internal-async-list-control>\n\n      <foxy-internal-async-list-control\n        infer=\"attributes\"\n        first=${ifDefined(this.data?._links['fx:attributes'].href)}\n        item=\"foxy-attribute-card\"\n        form=\"foxy-attribute-form\"\n        alert\n      >\n      </foxy-internal-async-list-control>\n\n      ${super.renderBody()}\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.store ?? void 0)}\n        id=\"storeLoader\"\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n    `;\n  }\n\n  protected async _sendGet(): Promise<Data> {\n    type TransactionTemplate = Resource<Rels.TransactionTemplate>;\n    type Subscription = Resource<Rels.Subscription>;\n    type Transaction = Resource<Rels.Transaction>;\n    type Cart = Resource<Rels.Cart>;\n\n    const item = await super._sendGet();\n\n    if (item._links['fx:subscription']) {\n      const subscriptionHref = item._links['fx:subscription'].href;\n      const subscription = await super._fetch<Subscription>(subscriptionHref);\n\n      const transactionTemplateHref = subscription._links['fx:transaction_template'].href;\n      const transactionTemplate = await super._fetch<TransactionTemplate>(transactionTemplateHref);\n\n      this.__itemsLink = transactionTemplate._links['fx:items'].href;\n      return item;\n    }\n\n    if (item._links['fx:transaction']) {\n      const transaction = await super._fetch<Transaction>(item._links['fx:transaction'].href);\n      this.__itemsLink = transaction._links['fx:items'].href;\n      return item;\n    }\n\n    if (item._links['fx:cart']) {\n      const cart = await super._fetch<Cart>(item._links['fx:cart'].href);\n      this.__itemsLink = cart._links['fx:items'].href;\n      return item;\n    }\n\n    return item;\n  }\n\n  private get __discountBuilderParsedValue() {\n    return {\n      details: this.form.discount_details,\n      type: this.form.discount_type,\n      name: this.form.discount_name,\n    };\n  }\n\n  private get __itemOptionRelatedUrls() {\n    const links = (this.data?._links ?? {}) as Record<string, { href: string }>;\n    const urls: string[] = [];\n\n    if (links['fx:subscription']) urls.push(links['fx:subscription'].href);\n    if (links['fx:transaction']) urls.push(links['fx:transaction'].href);\n    if (links['fx:shipment']) urls.push(links['fx:shipment'].href);\n    if (links['fx:cart']) urls.push(links['fx:cart'].href);\n    if (this.__itemsLink) urls.push(this.__itemsLink);\n\n    return urls;\n  }\n\n  private get __storeLoader() {\n    type Loader = NucleonElement<Resource<Rels.Store>>;\n    return this.renderRoot.querySelector<Loader>('#storeLoader');\n  }\n\n  private __handleDiscountBuilderChange(evt: CustomEvent) {\n    const builder = evt.currentTarget as DiscountBuilder;\n    const value = builder.parsedValue;\n\n    this.edit({\n      discount_details: value.details,\n      discount_type: value.type,\n      discount_name: value.name,\n    });\n  }\n}\n"]}
+{"version":3,"file":"ItemForm.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemForm/ItemForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { DiscountBuilder } from '../DiscountBuilder/DiscountBuilder';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { NucleonV8N } from '../NucleonElement/types';\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 { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { classMap } from '../../../utils/class-map';\nimport { html } from 'lit-html';\n\n/**\n * Form element for creating or editing items (`fx:item`).\n *\n * @element foxy-item-form\n * @since 1.17.0\n */\nexport class ItemForm extends TranslatableMixin(InternalForm, 'item-form')<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      customerAddresses: { attribute: 'customer-addresses' },\n      itemCategories: { attribute: 'item-categories' },\n      localeCodes: { attribute: 'locale-codes' },\n      coupons: {},\n      store: {},\n    };\n  }\n\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ name: v }) => !!v || 'name:v8n_required',\n      ({ name: v }) => (!!v && v.length <= 255) || 'name:v8n_too_long',\n      ({ price: v }) => (typeof v === 'number' && !isNaN(v)) || 'price:v8n_required',\n      ({ price: v }) => (typeof v === 'number' && v >= 0) || 'price:v8n_negative',\n      ({ quantity: v }) => (typeof v === 'number' && v >= 1) || 'quantity:v8n_less_than_one',\n    ];\n  }\n\n  /** @deprecated Link to the collection of customer addresses that can be used with this item. */\n  customerAddresses: string | null = null;\n\n  /** Link to the collection of item categories that can be used with this item. */\n  itemCategories: string | null = null;\n\n  /** Link to the `fx:locale_codes` property helper for currency formatting. */\n  localeCodes: string | null = null;\n\n  /** @deprecated Link to the collection of coupons that can be used with this item. */\n  coupons: string | null = null;\n\n  /** Link to `fx:store` this item belongs to. */\n  store: string | null = null;\n\n  private __downloadablePurchase: Resource<Rels.DownloadablePurchase> | null = null;\n\n  private __itemsLink = '';\n\n  get headerSubtitleOptions(): Record<string, unknown> {\n    return { context: this.data?.is_future_line_item ? 'future_line_item' : 'regular' };\n  }\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysMatch = [super.readonlySelector.toString()];\n    if (this.href) alwaysMatch.unshift('subscriptions');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = [super.hiddenSelector.toString()];\n\n    if (!this.__storeLoader?.data?.features_multiship) alwaysMatch.unshift('general:shipto');\n    if (this.data && !this.data.subscription_frequency) alwaysMatch.unshift('subscriptions');\n    if (!this.__downloadablePurchase) alwaysMatch.unshift('downloadable-purchase');\n    if (!this.form.discount_name) alwaysMatch.unshift('discount:discount-builder');\n    if (!this.href) {\n      alwaysMatch.unshift('discount-details', 'coupon-details', 'item-options', 'attributes');\n    }\n\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderHeaderActions(): TemplateResult {\n    if (!this.__downloadablePurchase) return html``;\n    const downloadUrl = this.__downloadablePurchase?._links['fx:download_url'].href;\n\n    return html`\n      <a\n        data-testid=\"download-link\"\n        target=\"_blank\"\n        class=\"text-primary font-medium cursor-pointer hover-underline rounded-sm focus-outline-none focus-ring-2 focus-ring-primary-50\"\n        href=${ifDefined(downloadUrl)}\n        rel=\"noopener noreferrer\"\n      >\n        <foxy-i18n infer=\"actions download\" key=\"label\"></foxy-i18n>\n      </a>\n\n      <foxy-copy-to-clipboard\n        layout=\"text\"\n        theme=\"tertiary-inline\"\n        infer=\"actions copy-download-link\"\n        text=${ifDefined(downloadUrl)}\n      >\n      </foxy-copy-to-clipboard>\n    `;\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      ${this.renderHeader()}\n\n      <foxy-internal-summary-control infer=\"general\">\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"name\"></foxy-internal-text-control>\n        <foxy-internal-number-control layout=\"summary-item\" infer=\"price\" min=\"0\">\n        </foxy-internal-number-control>\n        <foxy-internal-number-control layout=\"summary-item\" infer=\"quantity\" step=\"1\" min=\"1\">\n        </foxy-internal-number-control>\n        <foxy-internal-resource-picker-control\n          layout=\"summary-item\"\n          first=${ifDefined(this?.itemCategories ?? undefined)}\n          infer=\"item-category-uri\"\n          item=\"foxy-item-category-card\"\n        >\n        </foxy-internal-resource-picker-control>\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"code\"></foxy-internal-text-control>\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"parent-code\">\n        </foxy-internal-text-control>\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"shipto\">\n        </foxy-internal-text-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"subscription\" layout=\"details\">\n        <foxy-internal-frequency-control layout=\"summary-item\" infer=\"subscription-frequency\">\n        </foxy-internal-frequency-control>\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"subscription-start-date\">\n        </foxy-internal-date-control>\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"subscription-end-date\">\n        </foxy-internal-date-control>\n      </foxy-internal-summary-control>\n\n      ${this.__renderDownloadablePurchaseSection()}\n\n      <foxy-internal-async-list-control\n        layout=\"details\"\n        infer=\"item-options\"\n        first=${ifDefined(this.data?._links['fx:item_options'].href)}\n        form=\"foxy-item-option-form\"\n        item=\"foxy-item-option-card\"\n        alert\n        .related=${this.__itemOptionRelatedUrls}\n        .itemProps=${{ 'locale-codes': this.localeCodes ?? '' }}\n      >\n      </foxy-internal-async-list-control>\n\n      <foxy-internal-summary-control infer=\"dimensions\" layout=\"details\">\n        <foxy-internal-number-control layout=\"summary-item\" infer=\"weight\" min=\"0\">\n        </foxy-internal-number-control>\n        <foxy-internal-number-control layout=\"summary-item\" infer=\"length\" min=\"0\">\n        </foxy-internal-number-control>\n        <foxy-internal-number-control layout=\"summary-item\" infer=\"width\" min=\"0\">\n        </foxy-internal-number-control>\n        <foxy-internal-number-control layout=\"summary-item\" infer=\"height\" min=\"0\">\n        </foxy-internal-number-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"meta\" layout=\"details\">\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"url\"></foxy-internal-text-control>\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"image\">\n        </foxy-internal-text-control>\n        <foxy-internal-number-control layout=\"summary-item\" infer=\"quantity-max\" step=\"1\" min=\"1\">\n        </foxy-internal-number-control>\n        <foxy-internal-number-control layout=\"summary-item\" infer=\"quantity-min\" step=\"1\" min=\"1\">\n        </foxy-internal-number-control>\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"expires\" format=\"unix\">\n        </foxy-internal-date-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"discount\" layout=\"details\">\n        <foxy-internal-text-control layout=\"summary-item\" infer=\"discount-name\">\n        </foxy-internal-text-control>\n        <foxy-discount-builder\n          infer=\"discount-builder\"\n          class=${classMap({ hidden: this.hiddenSelector.matches('discount-builder', true) })}\n          .parsedValue=${this.__discountBuilderParsedValue}\n          @change=${this.__handleDiscountBuilderChange}\n        >\n        </foxy-discount-builder>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-async-list-control\n        layout=\"details\"\n        infer=\"discount-details\"\n        first=${ifDefined(this.data?._links['fx:discount_details'].href)}\n        item=\"foxy-discount-detail-card\"\n      >\n      </foxy-internal-async-list-control>\n\n      <foxy-internal-async-list-control\n        layout=\"details\"\n        infer=\"coupon-details\"\n        first=${ifDefined(this.data?._links['fx:coupon_details'].href)}\n        item=\"foxy-coupon-detail-card\"\n      >\n      </foxy-internal-async-list-control>\n\n      <foxy-internal-async-list-control\n        layout=\"details\"\n        infer=\"attributes\"\n        first=${ifDefined(this.data?._links['fx:attributes'].href)}\n        item=\"foxy-attribute-card\"\n        form=\"foxy-attribute-form\"\n        alert\n      >\n      </foxy-internal-async-list-control>\n\n      ${super.renderBody()}\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.store ?? void 0)}\n        id=\"storeLoader\"\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n    `;\n  }\n\n  protected async _sendGet(): Promise<Data> {\n    type TransactionTemplate = Resource<Rels.TransactionTemplate>;\n    type Subscription = Resource<Rels.Subscription>;\n    type Transaction = Resource<Rels.Transaction>;\n    type Cart = Resource<Rels.Cart>;\n\n    const item = await super._sendGet();\n\n    if (item._links['fx:downloadable_purchase']) {\n      this.__downloadablePurchase = await super._fetch<Resource<Rels.DownloadablePurchase>>(\n        item._links['fx:downloadable_purchase'].href\n      );\n    }\n\n    if (item._links['fx:subscription']) {\n      const subscriptionHref = item._links['fx:subscription'].href;\n      const subscription = await super._fetch<Subscription>(subscriptionHref);\n\n      const transactionTemplateHref = subscription._links['fx:transaction_template'].href;\n      const transactionTemplate = await super._fetch<TransactionTemplate>(transactionTemplateHref);\n\n      this.__itemsLink = transactionTemplate._links['fx:items'].href;\n      return item;\n    }\n\n    if (item._links['fx:transaction']) {\n      const transaction = await super._fetch<Transaction>(item._links['fx:transaction'].href);\n      this.__itemsLink = transaction._links['fx:items'].href;\n      return item;\n    }\n\n    if (item._links['fx:cart']) {\n      const cart = await super._fetch<Cart>(item._links['fx:cart'].href);\n      this.__itemsLink = cart._links['fx:items'].href;\n      return item;\n    }\n\n    return item;\n  }\n\n  private get __discountBuilderParsedValue() {\n    return {\n      details: this.form.discount_details,\n      type: this.form.discount_type,\n      name: this.form.discount_name,\n    };\n  }\n\n  private get __itemOptionRelatedUrls() {\n    const links = (this.data?._links ?? {}) as Record<string, { href: string }>;\n    const urls: string[] = [];\n\n    if (links['fx:subscription']) urls.push(links['fx:subscription'].href);\n    if (links['fx:transaction']) urls.push(links['fx:transaction'].href);\n    if (links['fx:shipment']) urls.push(links['fx:shipment'].href);\n    if (links['fx:cart']) urls.push(links['fx:cart'].href);\n    if (this.__itemsLink) urls.push(this.__itemsLink);\n\n    return urls;\n  }\n\n  private get __storeLoader() {\n    type Loader = NucleonElement<Resource<Rels.Store>>;\n    return this.renderRoot.querySelector<Loader>('#storeLoader');\n  }\n\n  private __renderDownloadablePurchaseSection(): TemplateResult {\n    const download = this.__downloadablePurchase;\n\n    return html`\n      <foxy-internal-summary-control infer=\"downloadable-purchase\" layout=\"details\">\n        ${download?.number_of_downloads\n          ? html`\n              <p class=\"flex justify-between gap-m\">\n                <foxy-i18n infer=\"number-of-downloads\" key=\"label\"></foxy-i18n>\n                <span class=\"text-secondary\">${download.number_of_downloads}</span>\n              </p>\n\n              <p class=\"flex justify-between gap-m\">\n                <foxy-i18n infer=\"first-download-time\" key=\"label\"></foxy-i18n>\n                <foxy-i18n\n                  options=${JSON.stringify({ value: download?.first_download_time })}\n                  class=\"text-secondary\"\n                  infer=\"first-download-time\"\n                  key=\"value\"\n                >\n                </foxy-i18n>\n              </p>\n\n              <div class=\"flex justify-start\">\n                <foxy-internal-post-action-control\n                  theme=\"tertiary-inline\"\n                  infer=\"reset-usage\"\n                  href=${ifDefined(download?._links['fx:reset_usage'].href)}\n                >\n                </foxy-internal-post-action-control>\n              </div>\n            `\n          : html`\n              <p class=\"text-secondary\">\n                <foxy-i18n infer=\"\" key=\"no_stats_text\"></foxy-i18n>\n              </p>\n            `}\n      </foxy-internal-summary-control>\n    `;\n  }\n\n  private __handleDiscountBuilderChange(evt: CustomEvent) {\n    const builder = evt.currentTarget as DiscountBuilder;\n    const value = builder.parsedValue;\n\n    this.edit({\n      discount_details: value.details,\n      discount_type: value.type,\n      discount_name: value.name,\n    });\n  }\n}\n"]}

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

@@ -1,4 +1,5 @@
 import '../../internal/InternalResourcePickerControl/index';
+import '../../internal/InternalPostActionControl/index';
 import '../../internal/InternalAsyncListControl/index';
 import '../../internal/InternalFrequencyControl/index';
 import '../../internal/InternalSummaryControl/index';
@@ -9,11 +10,13 @@ import '../../internal/InternalForm/index';
 import '../DiscountDetailCard/index';
 import '../CouponDetailCard/index';
 import '../ItemCategoryCard/index';
+import '../CopyToClipboard/index';
 import '../DiscountBuilder/index';
 import '../ItemOptionCard/index';
 import '../ItemOptionForm/index';
 import '../NucleonElement/index';
 import '../AttributeCard/index';
 import '../AttributeForm/index';
+import '../I18n/index';
 import { ItemForm } from './ItemForm';
 export { ItemForm };

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

@@ -1,4 +1,5 @@
 import "../../internal/InternalResourcePickerControl/index.js";
+import "../../internal/InternalPostActionControl/index.js";
 import "../../internal/InternalAsyncListControl/index.js";
 import "../../internal/InternalFrequencyControl/index.js";
 import "../../internal/InternalSummaryControl/index.js";
@@ -9,12 +10,14 @@ import "../../internal/InternalForm/index.js";
 import "../DiscountDetailCard/index.js";
 import "../CouponDetailCard/index.js";
 import "../ItemCategoryCard/index.js";
+import "../CopyToClipboard/index.js";
 import "../DiscountBuilder/index.js";
 import "../ItemOptionCard/index.js";
 import "../ItemOptionForm/index.js";
 import "../NucleonElement/index.js";
 import "../AttributeCard/index.js";
 import "../AttributeForm/index.js";
+import "../I18n/index.js";
 import { ItemForm } from "./ItemForm.js";
 customElements.define('foxy-item-form', ItemForm);
 export { ItemForm };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemForm/index.ts"],"names":[],"mappings":"AAAA,+DAA4D;AAC5D,0DAAuD;AACvD,0DAAuD;AACvD,wDAAqD;AACrD,uDAAoD;AACpD,qDAAkD;AAClD,qDAAkD;AAClD,8CAA2C;AAE3C,wCAAqC;AACrC,sCAAmC;AACnC,sCAAmC;AACnC,qCAAkC;AAClC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,mCAAgC;AAChC,mCAAgC;AAEhC,OAAO,EAAE,QAAQ,EAAE,sBAAmB;AAEtC,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,CAAC","sourcesContent":["import '../../internal/InternalResourcePickerControl/index';\nimport '../../internal/InternalAsyncListControl/index';\nimport '../../internal/InternalFrequencyControl/index';\nimport '../../internal/InternalSummaryControl/index';\nimport '../../internal/InternalNumberControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalDateControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../DiscountDetailCard/index';\nimport '../CouponDetailCard/index';\nimport '../ItemCategoryCard/index';\nimport '../DiscountBuilder/index';\nimport '../ItemOptionCard/index';\nimport '../ItemOptionForm/index';\nimport '../NucleonElement/index';\nimport '../AttributeCard/index';\nimport '../AttributeForm/index';\n\nimport { ItemForm } from './ItemForm';\n\ncustomElements.define('foxy-item-form', ItemForm);\n\nexport { ItemForm };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/ItemForm/index.ts"],"names":[],"mappings":"AAAA,+DAA4D;AAC5D,2DAAwD;AACxD,0DAAuD;AACvD,0DAAuD;AACvD,wDAAqD;AACrD,uDAAoD;AACpD,qDAAkD;AAClD,qDAAkD;AAClD,8CAA2C;AAE3C,wCAAqC;AACrC,sCAAmC;AACnC,sCAAmC;AACnC,qCAAkC;AAClC,qCAAkC;AAClC,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC;AACjC,mCAAgC;AAChC,mCAAgC;AAChC,0BAAuB;AAEvB,OAAO,EAAE,QAAQ,EAAE,sBAAmB;AAEtC,cAAc,CAAC,MAAM,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,CAAC","sourcesContent":["import '../../internal/InternalResourcePickerControl/index';\nimport '../../internal/InternalPostActionControl/index';\nimport '../../internal/InternalAsyncListControl/index';\nimport '../../internal/InternalFrequencyControl/index';\nimport '../../internal/InternalSummaryControl/index';\nimport '../../internal/InternalNumberControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalDateControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../DiscountDetailCard/index';\nimport '../CouponDetailCard/index';\nimport '../ItemCategoryCard/index';\nimport '../CopyToClipboard/index';\nimport '../DiscountBuilder/index';\nimport '../ItemOptionCard/index';\nimport '../ItemOptionForm/index';\nimport '../NucleonElement/index';\nimport '../AttributeCard/index';\nimport '../AttributeForm/index';\nimport '../I18n/index';\n\nimport { ItemForm } from './ItemForm';\n\ncustomElements.define('foxy-item-form', ItemForm);\n\nexport { ItemForm };\n"]}