@foxy.io/elements 1.51.0 → 1.52.0-beta.2

package/dist/cdn/translations/item-form/en.json

@@ -98,9 +98,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": "",
@@ -127,6 +127,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": "",
@@ -155,13 +198,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": {
@@ -175,8 +218,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"
     }
@@ -208,6 +251,9 @@
   },
   "discount-details": {
     "label": "Applied discounts",
+    "helper_text": "",
+    "total_items": "{{ count }} discount",
+    "total_items_plural": "{{ count }} discounts",
     "pagination": {
       "first": "First",
       "last": "Last",
@@ -228,6 +274,9 @@
   },
   "coupon-details": {
     "label": "Applied coupons",
+    "helper_text": "",
+    "total_items": "{{ count }} coupon",
+    "total_items_plural": "{{ count }} coupons",
     "pagination": {
       "first": "First",
       "last": "Last",
@@ -248,6 +297,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",
@@ -351,6 +403,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",
@@ -485,4 +540,4 @@
     "loading_busy": "Loading",
     "loading_error": "Unknown error"
   }
-}
+}

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/public/CouponCodesForm/CouponCodesForm.js

@@ -52,8 +52,7 @@ export class CouponCodesForm extends Base {
     `;
     }
     async _sendPost(edits) {
-        const body = JSON.stringify(edits);
-        const data = await this._fetch(this.parent, { body, method: 'POST' });
+        const data = await super._sendPost(edits, { mode: 'action' });
         this.status = { key: 'success' };
         return data;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"CouponCodesForm.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodesForm/CouponCodesForm.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,mBAAmB,CAAC;AAC/B,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD;;;;;GAKG;AACH,MAAM,OAAO,eAAgB,SAAQ,IAAU;IAA/C;;QAKmB,0BAAqB,GAAG,GAAG,EAAE;;YAC5C,mBAAO,IAAI,CAAC,IAAI,CAAC,YAAY,0CAAE,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,oCAAK,EAAE,CAAC;QACjE,CAAC,CAAC;QAEe,0BAAqB,GAAG,CAAC,QAAgB,EAAE,EAAE;YAC5D,IAAI,CAAC,IAAI,CAAC;gBACR,YAAY,EAAE,QAAQ;qBACnB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;qBACvD,IAAI,EAAE;qBACN,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;aAC3C,CAAC,CAAC;QACL,CAAC,CAAC;IAgCJ,CAAC;IA/CC,MAAM,KAAK,GAAG;QACZ,OAAO,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,2BAA2B,CAAC,CAAC;IACvF,CAAC;IAeD,IAAI,gBAAgB;QAClB,MAAM,WAAW,GAAG,CAAC,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC;QACxD,IAAI,IAAI,CAAC,IAAI;YAAE,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAChD,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,cAAc;QAChB,MAAM,WAAW,GAAG,CAAC,mBAAmB,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC3E,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAA;;;oBAGK,IAAI,CAAC,qBAAqB;oBAC1B,IAAI,CAAC,qBAAqB;;;;QAItC,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;IAES,KAAK,CAAC,SAAS,CAAC,KAAoB;QAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACnC,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;QACtE,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import type { Data } from './types';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Item } from '../../internal/InternalEditableListControl/types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-html';\n\nconst NS = 'coupon-codes-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for importing coupon codes (`fx:coupon_codes`).\n *\n * @element foxy-coupon-codes-form\n * @since 1.15.0\n */\nexport class CouponCodesForm extends Base<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [({ coupon_codes: v }) => (v && v.length > 0) || 'coupon-codes:v8n_required'];\n  }\n\n  private readonly __couponCodesGetValue = () => {\n    return this.form.coupon_codes?.map(value => ({ value })) ?? [];\n  };\n\n  private readonly __couponCodesSetValue = (newValue: Item[]) => {\n    this.edit({\n      coupon_codes: newValue\n        .map(({ value }) => value.split(' ').map(v => v.trim()))\n        .flat()\n        .filter((v, i, a) => a.indexOf(v) === i),\n    });\n  };\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysMatch = [super.readonlySelector.toString()];\n    if (this.href) alwaysMatch.push('coupon-codes');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = ['delete timestamps', super.hiddenSelector.toString()];\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <foxy-internal-editable-list-control\n        infer=\"coupon-codes\"\n        .getValue=${this.__couponCodesGetValue}\n        .setValue=${this.__couponCodesSetValue}\n      >\n      </foxy-internal-editable-list-control>\n\n      ${super.renderBody()}\n    `;\n  }\n\n  protected async _sendPost(edits: Partial<Data>): Promise<Data> {\n    const body = JSON.stringify(edits);\n    const data = await this._fetch(this.parent, { body, method: 'POST' });\n    this.status = { key: 'success' };\n    return data;\n  }\n}\n"]}
+{"version":3,"file":"CouponCodesForm.js","sourceRoot":"","sources":["../../../../src/elements/public/CouponCodesForm/CouponCodesForm.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,mBAAmB,CAAC;AAC/B,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD;;;;;GAKG;AACH,MAAM,OAAO,eAAgB,SAAQ,IAAU;IAA/C;;QAKmB,0BAAqB,GAAG,GAAG,EAAE;;YAC5C,mBAAO,IAAI,CAAC,IAAI,CAAC,YAAY,0CAAE,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,oCAAK,EAAE,CAAC;QACjE,CAAC,CAAC;QAEe,0BAAqB,GAAG,CAAC,QAAgB,EAAE,EAAE;YAC5D,IAAI,CAAC,IAAI,CAAC;gBACR,YAAY,EAAE,QAAQ;qBACnB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;qBACvD,IAAI,EAAE;qBACN,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;aAC3C,CAAC,CAAC;QACL,CAAC,CAAC;IA+BJ,CAAC;IA9CC,MAAM,KAAK,GAAG;QACZ,OAAO,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,2BAA2B,CAAC,CAAC;IACvF,CAAC;IAeD,IAAI,gBAAgB;QAClB,MAAM,WAAW,GAAG,CAAC,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC;QACxD,IAAI,IAAI,CAAC,IAAI;YAAE,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;QAChD,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,cAAc;QAChB,MAAM,WAAW,GAAG,CAAC,mBAAmB,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC3E,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAA;;;oBAGK,IAAI,CAAC,qBAAqB;oBAC1B,IAAI,CAAC,qBAAqB;;;;QAItC,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;IAES,KAAK,CAAC,SAAS,CAAC,KAAoB;QAC5C,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;QAC9D,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import type { Data } from './types';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Item } from '../../internal/InternalEditableListControl/types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-html';\n\nconst NS = 'coupon-codes-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for importing coupon codes (`fx:coupon_codes`).\n *\n * @element foxy-coupon-codes-form\n * @since 1.15.0\n */\nexport class CouponCodesForm extends Base<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [({ coupon_codes: v }) => (v && v.length > 0) || 'coupon-codes:v8n_required'];\n  }\n\n  private readonly __couponCodesGetValue = () => {\n    return this.form.coupon_codes?.map(value => ({ value })) ?? [];\n  };\n\n  private readonly __couponCodesSetValue = (newValue: Item[]) => {\n    this.edit({\n      coupon_codes: newValue\n        .map(({ value }) => value.split(' ').map(v => v.trim()))\n        .flat()\n        .filter((v, i, a) => a.indexOf(v) === i),\n    });\n  };\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysMatch = [super.readonlySelector.toString()];\n    if (this.href) alwaysMatch.push('coupon-codes');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = ['delete timestamps', super.hiddenSelector.toString()];\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <foxy-internal-editable-list-control\n        infer=\"coupon-codes\"\n        .getValue=${this.__couponCodesGetValue}\n        .setValue=${this.__couponCodesSetValue}\n      >\n      </foxy-internal-editable-list-control>\n\n      ${super.renderBody()}\n    `;\n  }\n\n  protected async _sendPost(edits: Partial<Data>): Promise<Data> {\n    const data = await super._sendPost(edits, { mode: 'action' });\n    this.status = { key: 'success' };\n    return data;\n  }\n}\n"]}

package/dist/elements/public/GenerateCodesForm/GenerateCodesForm.js

@@ -64,8 +64,7 @@ export class GenerateCodesForm extends Base {
     `;
     }
     async _sendPost(edits) {
-        const body = JSON.stringify(edits);
-        const data = await this._fetch(this.parent, { body, method: 'POST' });
+        const data = await super._sendPost(edits, { mode: 'action' });
         this.status = { key: 'success' };
         return data;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"GenerateCodesForm.js","sourceRoot":"","sources":["../../../../src/elements/public/GenerateCodesForm/GenerateCodesForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Data } from './types';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-html';\n\nconst NS = 'generate-codes-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for generating codes for coupons or gift cards (`fx:generate_codes`).\n *\n * @element foxy-generate-codes-form\n * @since 1.15.0\n */\nexport class GenerateCodesForm extends Base<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ prefix: p = '', length: l = 6 }) =>\n        (l - p.length > 0 && l <= 50 && !p?.includes(' ')) || 'error:invalid_form',\n    ];\n  }\n\n  private readonly __exampleGetValue = () => {\n    const templates = [\n      '1V3BJ3USJKSS1BYANMNBT7AJ06R6QQ8RB0VPPL03ATQVY186X2',\n      'P4YNSW7NSSAY43PL4H7BKHDUVNAE9UR13FC0XAAJHDLZWW8AJC',\n      '7DGT4Q91FV4KK095WLX1ML1HFNU6ZCGVBVPMGR7D3P52A9UFTB',\n    ];\n\n    const prefix = this.form.prefix ?? '';\n    const length = (this.form.length ?? 6) - prefix.length;\n    if (length > 0) return templates.map(t => `${prefix}${t.slice(0, length)}`).join('\\n');\n  };\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysMatch = ['example', super.readonlySelector.toString()];\n    if (this.href) alwaysMatch.push('length number-of-codes current-balance prefix');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = [super.hiddenSelector.toString()];\n    alwaysMatch.unshift('delete timestamps');\n    if (this.href) alwaysMatch.push('example');\n    if (this.errors.includes('error:invalid_form')) alwaysMatch.push('example');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <foxy-internal-text-control infer=\"prefix\"></foxy-internal-text-control>\n\n      <div class=\"grid grid-cols-2 gap-m\">\n        <foxy-internal-integer-control infer=\"length\" min=\"1\"></foxy-internal-integer-control>\n        <foxy-internal-integer-control infer=\"number-of-codes\" min=\"1\">\n        </foxy-internal-integer-control>\n      </div>\n\n      <foxy-internal-number-control infer=\"current-balance\" min=\"0\"></foxy-internal-number-control>\n      <foxy-internal-source-control infer=\"example\" .getValue=${this.__exampleGetValue}>\n      </foxy-internal-source-control>\n\n      ${super.renderBody()}\n    `;\n  }\n\n  protected async _sendPost(edits: Partial<Data>): Promise<Data> {\n    const body = JSON.stringify(edits);\n    const data = await this._fetch(this.parent, { body, method: 'POST' });\n    this.status = { key: 'success' };\n    return data;\n  }\n}\n"]}
+{"version":3,"file":"GenerateCodesForm.js","sourceRoot":"","sources":["../../../../src/elements/public/GenerateCodesForm/GenerateCodesForm.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,qBAAqB,CAAC;AACjC,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD;;;;;GAKG;AACH,MAAM,OAAO,iBAAkB,SAAQ,IAAU;IAAjD;;QAQmB,sBAAiB,GAAG,GAAG,EAAE;;YACxC,MAAM,SAAS,GAAG;gBAChB,oDAAoD;gBACpD,oDAAoD;gBACpD,oDAAoD;aACrD,CAAC;YAEF,MAAM,MAAM,SAAG,IAAI,CAAC,IAAI,CAAC,MAAM,mCAAI,EAAE,CAAC;YACtC,MAAM,MAAM,GAAG,OAAC,IAAI,CAAC,IAAI,CAAC,MAAM,mCAAI,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC;YACvD,IAAI,MAAM,GAAG,CAAC;gBAAE,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACzF,CAAC,CAAC;IAuCJ,CAAC;IAxDC,MAAM,KAAK,GAAG;QACZ,OAAO;YACL,CAAC,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CACpC,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,QAAQ,CAAC,GAAG,EAAC,CAAC,IAAI,oBAAoB;SAC7E,CAAC;IACJ,CAAC;IAcD,IAAI,gBAAgB;QAClB,MAAM,WAAW,GAAG,CAAC,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC;QACnE,IAAI,IAAI,CAAC,IAAI;YAAE,WAAW,CAAC,IAAI,CAAC,+CAA+C,CAAC,CAAC;QACjF,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,cAAc;QAChB,MAAM,WAAW,GAAG,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;QACtD,WAAW,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QACzC,IAAI,IAAI,CAAC,IAAI;YAAE,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC3C,IAAI,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,oBAAoB,CAAC;YAAE,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;QAC5E,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAA;;;;;;;;;;gEAUiD,IAAI,CAAC,iBAAiB;;;QAG9E,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;IAES,KAAK,CAAC,SAAS,CAAC,KAAoB;QAC5C,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;QAC9D,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import type { Data } from './types';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-html';\n\nconst NS = 'generate-codes-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for generating codes for coupons or gift cards (`fx:generate_codes`).\n *\n * @element foxy-generate-codes-form\n * @since 1.15.0\n */\nexport class GenerateCodesForm extends Base<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ prefix: p = '', length: l = 6 }) =>\n        (l - p.length > 0 && l <= 50 && !p?.includes(' ')) || 'error:invalid_form',\n    ];\n  }\n\n  private readonly __exampleGetValue = () => {\n    const templates = [\n      '1V3BJ3USJKSS1BYANMNBT7AJ06R6QQ8RB0VPPL03ATQVY186X2',\n      'P4YNSW7NSSAY43PL4H7BKHDUVNAE9UR13FC0XAAJHDLZWW8AJC',\n      '7DGT4Q91FV4KK095WLX1ML1HFNU6ZCGVBVPMGR7D3P52A9UFTB',\n    ];\n\n    const prefix = this.form.prefix ?? '';\n    const length = (this.form.length ?? 6) - prefix.length;\n    if (length > 0) return templates.map(t => `${prefix}${t.slice(0, length)}`).join('\\n');\n  };\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysMatch = ['example', super.readonlySelector.toString()];\n    if (this.href) alwaysMatch.push('length number-of-codes current-balance prefix');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = [super.hiddenSelector.toString()];\n    alwaysMatch.unshift('delete timestamps');\n    if (this.href) alwaysMatch.push('example');\n    if (this.errors.includes('error:invalid_form')) alwaysMatch.push('example');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <foxy-internal-text-control infer=\"prefix\"></foxy-internal-text-control>\n\n      <div class=\"grid grid-cols-2 gap-m\">\n        <foxy-internal-integer-control infer=\"length\" min=\"1\"></foxy-internal-integer-control>\n        <foxy-internal-integer-control infer=\"number-of-codes\" min=\"1\">\n        </foxy-internal-integer-control>\n      </div>\n\n      <foxy-internal-number-control infer=\"current-balance\" min=\"0\"></foxy-internal-number-control>\n      <foxy-internal-source-control infer=\"example\" .getValue=${this.__exampleGetValue}>\n      </foxy-internal-source-control>\n\n      ${super.renderBody()}\n    `;\n  }\n\n  protected async _sendPost(edits: Partial<Data>): Promise<Data> {\n    const data = await super._sendPost(edits, { mode: 'action' });\n    this.status = { key: 'success' };\n    return data;\n  }\n}\n"]}

package/dist/elements/public/GiftCardCodesForm/GiftCardCodesForm.js

@@ -54,8 +54,7 @@ export class GiftCardCodesForm extends Base {
     `;
     }
     async _sendPost(edits) {
-        const body = JSON.stringify(edits);
-        const data = await this._fetch(this.parent, { body, method: 'POST' });
+        const data = await super._sendPost(edits, { mode: 'action' });
         this.status = { key: 'success' };
         return data;
     }

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

@@ -1 +1 @@
-{"version":3,"file":"GiftCardCodesForm.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCodesForm/GiftCardCodesForm.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,sBAAsB,CAAC;AAClC,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD;;;;;GAKG;AACH,MAAM,OAAO,iBAAkB,SAAQ,IAAU;IAAjD;;QAKmB,4BAAuB,GAAG,GAAG,EAAE;;YAC9C,mBAAO,IAAI,CAAC,IAAI,CAAC,eAAe,0CAAE,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,oCAAK,EAAE,CAAC;QACpE,CAAC,CAAC;QAEe,4BAAuB,GAAG,CAAC,QAAgB,EAAE,EAAE;YAC9D,IAAI,CAAC,IAAI,CAAC;gBACR,eAAe,EAAE,QAAQ;qBACtB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;qBACvD,IAAI,EAAE;qBACN,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;aAC3C,CAAC,CAAC;QACL,CAAC,CAAC;IAkCJ,CAAC;IAjDC,MAAM,KAAK,GAAG;QACZ,OAAO,CAAC,CAAC,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,8BAA8B,CAAC,CAAC;IAC7F,CAAC;IAeD,IAAI,gBAAgB;QAClB,MAAM,WAAW,GAAG,CAAC,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC;QACxD,IAAI,IAAI,CAAC,IAAI;YAAE,WAAW,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QACnD,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,cAAc;QAChB,MAAM,WAAW,GAAG,CAAC,mBAAmB,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC3E,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAA;;;oBAGK,IAAI,CAAC,uBAAuB;oBAC5B,IAAI,CAAC,uBAAuB;;;;;;QAMxC,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;IAES,KAAK,CAAC,SAAS,CAAC,KAAoB;QAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACnC,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;QACtE,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import type { Data } from './types';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Item } from '../../internal/InternalEditableListControl/types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-html';\n\nconst NS = 'gift-card-codes-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for importing gift card codes (`fx:gift_card_codes`).\n *\n * @element foxy-gift-card-codes-form\n * @since 1.15.0\n */\nexport class GiftCardCodesForm extends Base<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [({ gift_card_codes: v }) => (v && v.length > 0) || 'gift-card-codes:v8n_required'];\n  }\n\n  private readonly __giftCardCodesGetValue = () => {\n    return this.form.gift_card_codes?.map(value => ({ value })) ?? [];\n  };\n\n  private readonly __giftCardCodesSetValue = (newValue: Item[]) => {\n    this.edit({\n      gift_card_codes: newValue\n        .map(({ value }) => value.split(' ').map(v => v.trim()))\n        .flat()\n        .filter((v, i, a) => a.indexOf(v) === i),\n    });\n  };\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysMatch = [super.readonlySelector.toString()];\n    if (this.href) alwaysMatch.push('gift-card-codes');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = ['delete timestamps', super.hiddenSelector.toString()];\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <foxy-internal-editable-list-control\n        infer=\"gift-card-codes\"\n        .getValue=${this.__giftCardCodesGetValue}\n        .setValue=${this.__giftCardCodesSetValue}\n      >\n      </foxy-internal-editable-list-control>\n\n      <foxy-internal-number-control infer=\"current-balance\" min=\"0\"></foxy-internal-number-control>\n\n      ${super.renderBody()}\n    `;\n  }\n\n  protected async _sendPost(edits: Partial<Data>): Promise<Data> {\n    const body = JSON.stringify(edits);\n    const data = await this._fetch(this.parent, { body, method: 'POST' });\n    this.status = { key: 'success' };\n    return data;\n  }\n}\n"]}
+{"version":3,"file":"GiftCardCodesForm.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCodesForm/GiftCardCodesForm.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,sBAAsB,CAAC;AAClC,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD;;;;;GAKG;AACH,MAAM,OAAO,iBAAkB,SAAQ,IAAU;IAAjD;;QAKmB,4BAAuB,GAAG,GAAG,EAAE;;YAC9C,mBAAO,IAAI,CAAC,IAAI,CAAC,eAAe,0CAAE,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,oCAAK,EAAE,CAAC;QACpE,CAAC,CAAC;QAEe,4BAAuB,GAAG,CAAC,QAAgB,EAAE,EAAE;YAC9D,IAAI,CAAC,IAAI,CAAC;gBACR,eAAe,EAAE,QAAQ;qBACtB,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;qBACvD,IAAI,EAAE;qBACN,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;aAC3C,CAAC,CAAC;QACL,CAAC,CAAC;IAiCJ,CAAC;IAhDC,MAAM,KAAK,GAAG;QACZ,OAAO,CAAC,CAAC,EAAE,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,8BAA8B,CAAC,CAAC;IAC7F,CAAC;IAeD,IAAI,gBAAgB;QAClB,MAAM,WAAW,GAAG,CAAC,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC;QACxD,IAAI,IAAI,CAAC,IAAI;YAAE,WAAW,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;QACnD,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,cAAc;QAChB,MAAM,WAAW,GAAG,CAAC,mBAAmB,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;QAC3E,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,UAAU;QACR,OAAO,IAAI,CAAA;;;oBAGK,IAAI,CAAC,uBAAuB;oBAC5B,IAAI,CAAC,uBAAuB;;;;;;QAMxC,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;IAES,KAAK,CAAC,SAAS,CAAC,KAAoB;QAC5C,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC;QAC9D,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,CAAC;QACjC,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import type { Data } from './types';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\nimport type { Item } from '../../internal/InternalEditableListControl/types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { html } from 'lit-html';\n\nconst NS = 'gift-card-codes-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Form element for importing gift card codes (`fx:gift_card_codes`).\n *\n * @element foxy-gift-card-codes-form\n * @since 1.15.0\n */\nexport class GiftCardCodesForm extends Base<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [({ gift_card_codes: v }) => (v && v.length > 0) || 'gift-card-codes:v8n_required'];\n  }\n\n  private readonly __giftCardCodesGetValue = () => {\n    return this.form.gift_card_codes?.map(value => ({ value })) ?? [];\n  };\n\n  private readonly __giftCardCodesSetValue = (newValue: Item[]) => {\n    this.edit({\n      gift_card_codes: newValue\n        .map(({ value }) => value.split(' ').map(v => v.trim()))\n        .flat()\n        .filter((v, i, a) => a.indexOf(v) === i),\n    });\n  };\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysMatch = [super.readonlySelector.toString()];\n    if (this.href) alwaysMatch.push('gift-card-codes');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = ['delete timestamps', super.hiddenSelector.toString()];\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    return html`\n      <foxy-internal-editable-list-control\n        infer=\"gift-card-codes\"\n        .getValue=${this.__giftCardCodesGetValue}\n        .setValue=${this.__giftCardCodesSetValue}\n      >\n      </foxy-internal-editable-list-control>\n\n      <foxy-internal-number-control infer=\"current-balance\" min=\"0\"></foxy-internal-number-control>\n\n      ${super.renderBody()}\n    `;\n  }\n\n  protected async _sendPost(edits: Partial<Data>): Promise<Data> {\n    const data = await super._sendPost(edits, { mode: 'action' });\n    this.status = { key: 'success' };\n    return data;\n  }\n}\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;