@foxy.io/elements 1.37.0 → 1.38.0-beta.1

package/dist/cdn/{shared-e4159eb9.js → shared-fcf6424c.js}

@@ -1 +1 @@
-import{C as t}from"./shared-eeb2bd18.js";import{R as e}from"./shared-fefaece7.js";import{I as s}from"./shared-0c61b5ce.js";import{h as i}from"./shared-ba5c42c7.js";let r,d,a,l=t=>t;const o=e(t(s));class n extends o{constructor(){super(...arguments),this.__renderTitle=t=>i(r||(r=l` <div data-testid="title"> ${0} <div class="font-medium truncate"> ${0}&ZeroWidthSpace; </div> ${0} </div> `),this.renderTemplateOrSlot("title:before"),this.data?null==t?void 0:t(this.data):"",this.renderTemplateOrSlot("title:after")),this.__renderSubtitle=t=>i(d||(d=l` <div data-testid="subtitle"> ${0} <div class="text-secondary truncate text-s sm-text-m"> ${0}&ZeroWidthSpace; </div> ${0} </div> `),this.renderTemplateOrSlot("subtitle:before"),this.data?null==t?void 0:t(this.data):"",this.renderTemplateOrSlot("subtitle:after"))}renderBody(t){const e=this.hiddenSelector;return i(a||(a=l` <div class="relative text-body text-m font-lumo leading-xs sm-h-auto sm-flex sm-items-center sm-justify-between"> ${0} ${0} </div> `),e.matches("title",!0)?"":this.__renderTitle(null==t?void 0:t.title),e.matches("subtitle",!0)?"":this.__renderSubtitle(null==t?void 0:t.subtitle))}}export{n as T};
+import{C as t}from"./shared-eeb2bd18.js";import{R as e}from"./shared-f61e5463.js";import{I as s}from"./shared-f438f0f4.js";import{h as i}from"./shared-ba5c42c7.js";let r,d,a,l=t=>t;const o=e(t(s));class n extends o{constructor(){super(...arguments),this.__renderTitle=t=>i(r||(r=l` <div data-testid="title"> ${0} <div class="font-medium truncate"> ${0}&ZeroWidthSpace; </div> ${0} </div> `),this.renderTemplateOrSlot("title:before"),this.data?null==t?void 0:t(this.data):"",this.renderTemplateOrSlot("title:after")),this.__renderSubtitle=t=>i(d||(d=l` <div data-testid="subtitle"> ${0} <div class="text-secondary truncate text-s sm-text-m"> ${0}&ZeroWidthSpace; </div> ${0} </div> `),this.renderTemplateOrSlot("subtitle:before"),this.data?null==t?void 0:t(this.data):"",this.renderTemplateOrSlot("subtitle:after"))}renderBody(t){const e=this.hiddenSelector;return i(a||(a=l` <div class="relative text-body text-m font-lumo leading-xs sm-h-auto sm-flex sm-items-center sm-justify-between"> ${0} ${0} </div> `),e.matches("title",!0)?"":this.__renderTitle(null==t?void 0:t.title),e.matches("subtitle",!0)?"":this.__renderSubtitle(null==t?void 0:t.subtitle))}}export{n as T};

package/dist/cdn/translations/admin-subscription-form/en.json

@@ -90,6 +90,52 @@
       "clear": "Clear"
     }
   },
+  "self-service-links": {
+    "label": "Self-service links",
+    "helper_text": "",
+    "load-in-cart": {
+      "label": "Load in cart",
+      "helper_text": "Loads the subscription into the cart. This is useful for changing the products that make up the subscription by loading the subscription and then proceeding to your website.",
+      "copy-to-clipboard": {
+        "failed_to_copy": "Failed to copy",
+        "click_to_copy": "Copy link",
+        "copying": "Copying...",
+        "done": "Copied to clipboard"
+      }
+    },
+    "load-on-checkout": {
+      "label": "Load on checkout",
+      "helper_text": "Loads the subscription into the cart and redirects to checkout. This link is useful for paying past due amounts, modifying address/payment information or transferring to another email address.",
+      "copy-to-clipboard": {
+        "failed_to_copy": "Failed to copy",
+        "click_to_copy": "Copy link",
+        "copying": "Copying...",
+        "done": "Copied to clipboard"
+      }
+    },
+    "cancel-at-end-of-billing-period": {
+      "label": "Cancel at the end of the billing period",
+      "helper_text": "Sets the subscription to cancel at the end of the current paid period based on the next transaction date.",
+      "copy-to-clipboard": {
+        "failed_to_copy": "Failed to copy",
+        "click_to_copy": "Copy link",
+        "copying": "Copying...",
+        "done": "Copied to clipboard"
+      }
+    },
+    "cancel-next-day": {
+      "label": "Cancel the next day",
+      "helper_text": "Sets the subscription to cancel the following day.",
+      "copy-to-clipboard": {
+        "failed_to_copy": "Failed to copy",
+        "click_to_copy": "Copy link",
+        "copying": "Copying...",
+        "done": "Copied to clipboard"
+      }
+    },
+    "uoe_hint_text": "If you're making changes on behalf of the customer, you can use the Unified Order Entry password to log in as the customer on the checkout.",
+    "uoe_link_text": "Go to settings >"
+  },
   "attributes": {
     "label": "Attributes",
     "delete_confirm": "Delete",

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

@@ -277,8 +277,7 @@
       "label": "Customize Transaction ID",
       "helper_text": "",
       "checked": "Yes",
-      "unchecked": "No",
-      "v8n_too_long": "This configuration must fit within 500 characters when JSON-encoded"
+      "unchecked": "No"
     },
     "custom-display-id-config-length": {
       "label": "Total length",

package/dist/elements/internal/InternalSummaryControl/InternalSummaryControl.js

@@ -19,7 +19,11 @@ export class InternalSummaryControl extends InternalEditableControl {
     static get styles() {
         return [
             ...super.styles,
-            css `:host(:not([layout='section'])) slot::slotted(*){
+            css `::slotted(*){
+  min-width:100%;
+}
+
+:host(:not([layout='section'])) slot::slotted(*){
   background-color:var(--lumo-contrast-5pct);
   padding:calc(0.625em + (var(--lumo-border-radius) / 4) - 1px);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"InternalSummaryControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalSummaryControl/InternalSummaryControl.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAkB,MAAM,UAAU,CAAC;AAE/C,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAC7F,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,OAAO,sBAAuB,SAAQ,uBAAuB;IAAnE;;QA8BE,WAAM,GAAiC,IAAI,CAAC;QAE5C,UAAK,GAAkB,IAAI,CAAC;QAE5B,SAAI,GAAG,KAAK,CAAC;IA0Df,CAAC;IA3FC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SACxB,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,GAAG,KAAK,CAAC,MAAM;YACf,GAAG;;;;;;;;;;;;OAaF;SACF,CAAC;IACJ,CAAC;IAQD,cAAc;QACZ,OAAO;IACT,CAAC;IAED,aAAa;QACX,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,EAAE;YAC7B,OAAO,IAAI,CAAA;;;kBAGC,IAAI,CAAC,IAAI;oBACP,CAAC,GAAU,EAAE,EAAE;gBACvB,MAAM,OAAO,GAAG,GAAG,CAAC,aAAmC,CAAC;gBACxD,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;gBACzB,IAAI,CAAC,GAAG,CAAC,QAAQ,IAAI,CAAC,GAAG,CAAC,OAAO;oBAAE,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;YACnF,CAAC;;;;;;wBAMa,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,UAAU;;;;0BAI7B,CAAC,IAAI,CAAC,KAAK;;;oBAGjB,IAAI,CAAC,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE;;;;;;oBAMrE,GAAG,CAAA,uTAAuT;;;yDAGrR,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU;;;;;;;OAOrF,CAAC;SACH;QAED,OAAO,IAAI,CAAA;4CAC6B,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,UAAU;0DACjB,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK;mDAChC,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU;;;;;KAKjF,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { CSSResultArray, PropertyDeclarations } from 'lit-element';\nimport { svg, TemplateResult } from 'lit-html';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { html, css } from 'lit-element';\n\nexport class InternalSummaryControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      layout: {},\n      count: { type: Number },\n      open: { type: Boolean },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      ...super.styles,\n      css`\n        :host(:not([layout='section'])) slot::slotted(*) {\n          background-color: var(--lumo-contrast-5pct);\n          padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px);\n        }\n\n        details summary > div {\n          border-radius: var(--lumo-border-radius);\n        }\n\n        details[open] summary > div {\n          border-radius: var(--lumo-border-radius) var(--lumo-border-radius) 0 0;\n        }\n      `,\n    ];\n  }\n\n  layout: null | 'section' | 'details' = null;\n\n  count: number | null = null;\n\n  open = false;\n\n  renderLightDom(): void {\n    return;\n  }\n\n  renderControl(): TemplateResult {\n    if (this.layout === 'details') {\n      return html`\n        <details\n          class=\"rounded overflow-hidden\"\n          ?open=${this.open}\n          @toggle=${(evt: Event) => {\n            const details = evt.currentTarget as HTMLDetailsElement;\n            this.open = details.open;\n            if (!evt.composed && !evt.bubbles) this.dispatchEvent(new CustomEvent('toggle'));\n          }}\n        >\n          <summary class=\"select-none cursor-pointer focus-outline-none group\">\n            <div\n              class=\"leading-s bg-contrast-5 group-focus-ring-2 group-focus-ring-inset group-focus-ring-primary-50\"\n              style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n              ?hidden=${!this.label && !this.helperText}\n            >\n              <p\n                class=\"font-medium uppercase text-s tracking-wider flex items-center justify-between gap-s\"\n                ?hidden=${!this.label}\n              >\n                <span>\n                  ${this.label}${typeof this.count === 'number' ? ` (${this.count})` : ''}\n                </span>\n                <span\n                  class=\"flex items-center justify-center transition-colors text-tertiary group-hover-text-body\"\n                  style=\"transform: scale(1.35)\"\n                >\n                  ${svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" style=\"width: 1.2em; height: 1.2em\"><path fill-rule=\"evenodd\" d=\"M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\" /></svg>`}\n                </span>\n              </p>\n              <p class=\"text-s text-secondary\" ?hidden=${!this.helperText}>${this.helperText}</p>\n            </div>\n          </summary>\n          <div class=\"overflow-hidden grid\" style=\"gap: 1px\">\n            <slot></slot>\n          </div>\n        </details>\n      `;\n    }\n\n    return html`\n      <div class=\"leading-s mb-s\" ?hidden=${!this.label && !this.helperText}>\n        <p class=\"font-medium text-body text-l\" ?hidden=${!this.label}>${this.label}</p>\n        <p class=\"text-s text-secondary\" ?hidden=${!this.helperText}>${this.helperText}</p>\n      </div>\n      <div class=\"rounded overflow-hidden grid\" style=\"gap: 1px\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalSummaryControl.js","sourceRoot":"","sources":["../../../../src/elements/internal/InternalSummaryControl/InternalSummaryControl.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAkB,MAAM,UAAU,CAAC;AAE/C,OAAO,EAAE,uBAAuB,EAAE,8DAA2D;AAC7F,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,OAAO,sBAAuB,SAAQ,uBAAuB;IAAnE;;QAkCE,WAAM,GAAiC,IAAI,CAAC;QAE5C,UAAK,GAAkB,IAAI,CAAC;QAE5B,SAAI,GAAG,KAAK,CAAC;IA0Df,CAAC;IA/FC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACvB,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;SACxB,CAAC;IACJ,CAAC;IAED,MAAM,KAAK,MAAM;QACf,OAAO;YACL,GAAG,KAAK,CAAC,MAAM;YACf,GAAG;;;;;;;;;;;;;;;;OAiBF;SACF,CAAC;IACJ,CAAC;IAQD,cAAc;QACZ,OAAO;IACT,CAAC;IAED,aAAa;QACX,IAAI,IAAI,CAAC,MAAM,KAAK,SAAS,EAAE;YAC7B,OAAO,IAAI,CAAA;;;kBAGC,IAAI,CAAC,IAAI;oBACP,CAAC,GAAU,EAAE,EAAE;gBACvB,MAAM,OAAO,GAAG,GAAG,CAAC,aAAmC,CAAC;gBACxD,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;gBACzB,IAAI,CAAC,GAAG,CAAC,QAAQ,IAAI,CAAC,GAAG,CAAC,OAAO;oBAAE,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;YACnF,CAAC;;;;;;wBAMa,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,UAAU;;;;0BAI7B,CAAC,IAAI,CAAC,KAAK;;;oBAGjB,IAAI,CAAC,KAAK,GAAG,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE;;;;;;oBAMrE,GAAG,CAAA,uTAAuT;;;yDAGrR,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU;;;;;;;OAOrF,CAAC;SACH;QAED,OAAO,IAAI,CAAA;4CAC6B,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,UAAU;0DACjB,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK;mDAChC,CAAC,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU;;;;;KAKjF,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { CSSResultArray, PropertyDeclarations } from 'lit-element';\nimport { svg, TemplateResult } from 'lit-html';\n\nimport { InternalEditableControl } from '../InternalEditableControl/InternalEditableControl';\nimport { html, css } from 'lit-element';\n\nexport class InternalSummaryControl extends InternalEditableControl {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      layout: {},\n      count: { type: Number },\n      open: { type: Boolean },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      ...super.styles,\n      css`\n        ::slotted(*) {\n          min-width: 100%;\n        }\n\n        :host(:not([layout='section'])) slot::slotted(*) {\n          background-color: var(--lumo-contrast-5pct);\n          padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px);\n        }\n\n        details summary > div {\n          border-radius: var(--lumo-border-radius);\n        }\n\n        details[open] summary > div {\n          border-radius: var(--lumo-border-radius) var(--lumo-border-radius) 0 0;\n        }\n      `,\n    ];\n  }\n\n  layout: null | 'section' | 'details' = null;\n\n  count: number | null = null;\n\n  open = false;\n\n  renderLightDom(): void {\n    return;\n  }\n\n  renderControl(): TemplateResult {\n    if (this.layout === 'details') {\n      return html`\n        <details\n          class=\"rounded overflow-hidden\"\n          ?open=${this.open}\n          @toggle=${(evt: Event) => {\n            const details = evt.currentTarget as HTMLDetailsElement;\n            this.open = details.open;\n            if (!evt.composed && !evt.bubbles) this.dispatchEvent(new CustomEvent('toggle'));\n          }}\n        >\n          <summary class=\"select-none cursor-pointer focus-outline-none group\">\n            <div\n              class=\"leading-s bg-contrast-5 group-focus-ring-2 group-focus-ring-inset group-focus-ring-primary-50\"\n              style=\"padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)\"\n              ?hidden=${!this.label && !this.helperText}\n            >\n              <p\n                class=\"font-medium uppercase text-s tracking-wider flex items-center justify-between gap-s\"\n                ?hidden=${!this.label}\n              >\n                <span>\n                  ${this.label}${typeof this.count === 'number' ? ` (${this.count})` : ''}\n                </span>\n                <span\n                  class=\"flex items-center justify-center transition-colors text-tertiary group-hover-text-body\"\n                  style=\"transform: scale(1.35)\"\n                >\n                  ${svg`<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" style=\"width: 1.2em; height: 1.2em\"><path fill-rule=\"evenodd\" d=\"M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z\" clip-rule=\"evenodd\" /></svg>`}\n                </span>\n              </p>\n              <p class=\"text-s text-secondary\" ?hidden=${!this.helperText}>${this.helperText}</p>\n            </div>\n          </summary>\n          <div class=\"overflow-hidden grid\" style=\"gap: 1px\">\n            <slot></slot>\n          </div>\n        </details>\n      `;\n    }\n\n    return html`\n      <div class=\"leading-s mb-s\" ?hidden=${!this.label && !this.helperText}>\n        <p class=\"font-medium text-body text-l\" ?hidden=${!this.label}>${this.label}</p>\n        <p class=\"text-s text-secondary\" ?hidden=${!this.helperText}>${this.helperText}</p>\n      </div>\n      <div class=\"rounded overflow-hidden grid\" style=\"gap: 1px\">\n        <slot></slot>\n      </div>\n    `;\n  }\n}\n"]}

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

@@ -8,7 +8,6 @@ declare const Base: typeof InternalForm & import("lit-element").Constructor<impo
 export declare class AdminSubscriptionForm extends Base<Data> {
     get hiddenSelector(): BooleanSelector;
     get headerSubtitleOptions(): Record<string, unknown>;
-    renderHeaderActions(data: Data): TemplateResult;
     renderBody(): TemplateResult;
 }
 export {};

package/dist/elements/public/AdminSubscriptionForm/AdminSubscriptionForm.js

@@ -19,18 +19,6 @@ export class AdminSubscriptionForm extends Base {
         var _a;
         return { context: ((_a = this.data) === null || _a === void 0 ? void 0 : _a.is_active) ? 'active' : 'inactive' };
     }
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    renderHeaderActions(data) {
-        return html `
-      <foxy-internal-admin-subscription-form-load-in-cart-action infer="view-action">
-      </foxy-internal-admin-subscription-form-load-in-cart-action>
-      <foxy-internal-admin-subscription-form-load-in-cart-action
-        action="cancel"
-        infer="cancel-action"
-      >
-      </foxy-internal-admin-subscription-form-load-in-cart-action>
-    `;
-    }
     renderBody() {
         var _a, _b, _c, _d, _e;
         let transactionsHref;
@@ -75,6 +63,40 @@ export class AdminSubscriptionForm extends Base {
 
       ${this.renderTemplateOrSlot()}
 
+      <foxy-internal-summary-control infer="self-service-links">
+        <foxy-internal-admin-subscription-form-link-control infer="load-in-cart">
+        </foxy-internal-admin-subscription-form-link-control>
+
+        <foxy-internal-admin-subscription-form-link-control
+          search="cart=checkout"
+          infer="load-on-checkout"
+        >
+        </foxy-internal-admin-subscription-form-link-control>
+
+        <foxy-internal-admin-subscription-form-link-control
+          search="sub_cancel=next_transaction_date"
+          infer="cancel-at-end-of-billing-period"
+        >
+        </foxy-internal-admin-subscription-form-link-control>
+
+        <foxy-internal-admin-subscription-form-link-control
+          search="sub_cancel=true"
+          infer="cancel-next-day"
+        >
+        </foxy-internal-admin-subscription-form-link-control>
+
+        <p class="text-s text-secondary">
+          <foxy-i18n infer="" key="uoe_hint_text"></foxy-i18n>
+          <a
+            target="_blank"
+            class="inline-block rounded font-medium text-body transition-colors cursor-pointer hover-opacity-80 focus-outline-none focus-ring-2 focus-ring-primary-50"
+            href="https://admin.foxycart.com"
+          >
+            <foxy-i18n infer="" key="uoe_link_text"></foxy-i18n>
+          </a>
+        </p>
+      </foxy-internal-summary-control>
+
       <foxy-internal-async-list-control
         infer="attributes"
         class="min-w-0"

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

@@ -1 +1 @@
-{"version":3,"file":"AdminSubscriptionForm.js","sourceRoot":"","sources":["../../../../src/elements/public/AdminSubscriptionForm/AdminSubscriptionForm.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,yBAAyB,CAAC;AACrC,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD,MAAM,OAAO,qBAAsB,SAAQ,IAAU;IACnD,IAAI,cAAc;;QAChB,MAAM,WAAW,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;QAChE,IAAI,QAAC,IAAI,CAAC,IAAI,0CAAE,aAAa,CAAA;YAAE,WAAW,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;QACpE,IAAI,QAAC,IAAI,CAAC,IAAI,0CAAE,SAAS,CAAA;YAAE,WAAW,CAAC,OAAO,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC;QAC/E,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,qBAAqB;;QACvB,OAAO,EAAE,OAAO,EAAE,OAAA,IAAI,CAAC,IAAI,0CAAE,SAAS,EAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACnE,CAAC;IAED,6DAA6D;IAC7D,mBAAmB,CAAC,IAAU;QAC5B,OAAO,IAAI,CAAA;;;;;;;;KAQV,CAAC;IACJ,CAAC;IAED,UAAU;;QACR,IAAI,gBAAoC,CAAC;QAEzC,IAAI;YACF,MAAM,GAAG,GAAG,IAAI,GAAG,aAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,iBAAiB,EAAE,IAAI,mCAAI,EAAE,CAAC,CAAC;YACrE,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YACtC,gBAAgB,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;SACnC;QAAC,WAAM;YACN,gBAAgB,GAAG,SAAS,CAAC;SAC9B;QAED,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;mBAuBR,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,SAAS,CAAC,yBAAyB,EAAE,aAAa,CAAC;;;;;;;QAOnF,IAAI,CAAC,oBAAoB,EAAE;;;;;gBAKnB,SAAS,aAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,0CAAG,eAAe,EAAE,IAAI,CAAC;;;;;;;;;;gBAUpD,SAAS,CAAC,gBAAgB,CAAC;;;;;;;;;;QAUnC,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\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 { html } from 'lit-html';\n\nconst NS = 'admin-subscription-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\nexport class AdminSubscriptionForm extends Base<Data> {\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = ['delete', super.hiddenSelector.toString()];\n    if (!this.data?.error_message) alwaysMatch.unshift('error-message');\n    if (!this.data?.is_active) alwaysMatch.unshift('view-action', 'cancel-action');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get headerSubtitleOptions(): Record<string, unknown> {\n    return { context: this.data?.is_active ? 'active' : 'inactive' };\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  renderHeaderActions(data: Data): TemplateResult {\n    return html`\n      <foxy-internal-admin-subscription-form-load-in-cart-action infer=\"view-action\">\n      </foxy-internal-admin-subscription-form-load-in-cart-action>\n      <foxy-internal-admin-subscription-form-load-in-cart-action\n        action=\"cancel\"\n        infer=\"cancel-action\"\n      >\n      </foxy-internal-admin-subscription-form-load-in-cart-action>\n    `;\n  }\n\n  renderBody(): TemplateResult {\n    let transactionsHref: string | undefined;\n\n    try {\n      const url = new URL(this.data?._links['fx:transactions'].href ?? '');\n      url.searchParams.set('zoom', 'items');\n      transactionsHref = url.toString();\n    } catch {\n      transactionsHref = undefined;\n    }\n\n    return html`\n      ${this.renderHeader()}\n\n      <foxy-internal-admin-subscription-form-error infer=\"error-message\">\n      </foxy-internal-admin-subscription-form-error>\n\n      <foxy-internal-summary-control infer=\"general\">\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"start-date\">\n        </foxy-internal-date-control>\n        <foxy-internal-frequency-control\n          layout=\"summary-item\"\n          infer=\"frequency\"\n          allow-twice-a-month\n        >\n        </foxy-internal-frequency-control>\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"next-transaction-date\">\n        </foxy-internal-date-control>\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"end-date\">\n        </foxy-internal-date-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"overdue\">\n        <foxy-internal-number-control\n          layout=\"summary-item\"\n          suffix=${ifDefined(this.data?._embedded['fx:transaction_template'].currency_code)}\n          infer=\"past-due-amount\"\n          min=\"0\"\n        >\n        </foxy-internal-number-control>\n      </foxy-internal-summary-control>\n\n      ${this.renderTemplateOrSlot()}\n\n      <foxy-internal-async-list-control\n        infer=\"attributes\"\n        class=\"min-w-0\"\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      <foxy-internal-async-list-control\n        infer=\"transactions\"\n        class=\"min-w-0\"\n        first=${ifDefined(transactionsHref)}\n        item=\"foxy-transaction-card\"\n        form=\"foxy-transaction\"\n        hide-create-button\n        hide-delete-button\n        alert\n        wide\n      >\n      </foxy-internal-async-list-control>\n\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}
+{"version":3,"file":"AdminSubscriptionForm.js","sourceRoot":"","sources":["../../../../src/elements/public/AdminSubscriptionForm/AdminSubscriptionForm.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,yBAAyB,CAAC;AACrC,MAAM,IAAI,GAAG,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC;AAEjD,MAAM,OAAO,qBAAsB,SAAQ,IAAU;IACnD,IAAI,cAAc;;QAChB,MAAM,WAAW,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC,CAAC;QAChE,IAAI,QAAC,IAAI,CAAC,IAAI,0CAAE,aAAa,CAAA;YAAE,WAAW,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC;QACpE,IAAI,QAAC,IAAI,CAAC,IAAI,0CAAE,SAAS,CAAA;YAAE,WAAW,CAAC,OAAO,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC;QAC/E,OAAO,IAAI,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,CAAC;IAED,IAAI,qBAAqB;;QACvB,OAAO,EAAE,OAAO,EAAE,OAAA,IAAI,CAAC,IAAI,0CAAE,SAAS,EAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACnE,CAAC;IAED,UAAU;;QACR,IAAI,gBAAoC,CAAC;QAEzC,IAAI;YACF,MAAM,GAAG,GAAG,IAAI,GAAG,aAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,iBAAiB,EAAE,IAAI,mCAAI,EAAE,CAAC,CAAC;YACrE,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;YACtC,gBAAgB,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;SACnC;QAAC,WAAM;YACN,gBAAgB,GAAG,SAAS,CAAC;SAC9B;QAED,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,YAAY,EAAE;;;;;;;;;;;;;;;;;;;;;;;mBAuBR,SAAS,OAAC,IAAI,CAAC,IAAI,0CAAE,SAAS,CAAC,yBAAyB,EAAE,aAAa,CAAC;;;;;;;QAOnF,IAAI,CAAC,oBAAoB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAuCnB,SAAS,aAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,0CAAG,eAAe,EAAE,IAAI,CAAC;;;;;;;;;;gBAUpD,SAAS,CAAC,gBAAgB,CAAC;;;;;;;;;;QAUnC,KAAK,CAAC,UAAU,EAAE;KACrB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { TemplateResult } from 'lit-html';\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 { html } from 'lit-html';\n\nconst NS = 'admin-subscription-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\nexport class AdminSubscriptionForm extends Base<Data> {\n  get hiddenSelector(): BooleanSelector {\n    const alwaysMatch = ['delete', super.hiddenSelector.toString()];\n    if (!this.data?.error_message) alwaysMatch.unshift('error-message');\n    if (!this.data?.is_active) alwaysMatch.unshift('view-action', 'cancel-action');\n    return new BooleanSelector(alwaysMatch.join(' ').trim());\n  }\n\n  get headerSubtitleOptions(): Record<string, unknown> {\n    return { context: this.data?.is_active ? 'active' : 'inactive' };\n  }\n\n  renderBody(): TemplateResult {\n    let transactionsHref: string | undefined;\n\n    try {\n      const url = new URL(this.data?._links['fx:transactions'].href ?? '');\n      url.searchParams.set('zoom', 'items');\n      transactionsHref = url.toString();\n    } catch {\n      transactionsHref = undefined;\n    }\n\n    return html`\n      ${this.renderHeader()}\n\n      <foxy-internal-admin-subscription-form-error infer=\"error-message\">\n      </foxy-internal-admin-subscription-form-error>\n\n      <foxy-internal-summary-control infer=\"general\">\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"start-date\">\n        </foxy-internal-date-control>\n        <foxy-internal-frequency-control\n          layout=\"summary-item\"\n          infer=\"frequency\"\n          allow-twice-a-month\n        >\n        </foxy-internal-frequency-control>\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"next-transaction-date\">\n        </foxy-internal-date-control>\n        <foxy-internal-date-control layout=\"summary-item\" infer=\"end-date\">\n        </foxy-internal-date-control>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-summary-control infer=\"overdue\">\n        <foxy-internal-number-control\n          layout=\"summary-item\"\n          suffix=${ifDefined(this.data?._embedded['fx:transaction_template'].currency_code)}\n          infer=\"past-due-amount\"\n          min=\"0\"\n        >\n        </foxy-internal-number-control>\n      </foxy-internal-summary-control>\n\n      ${this.renderTemplateOrSlot()}\n\n      <foxy-internal-summary-control infer=\"self-service-links\">\n        <foxy-internal-admin-subscription-form-link-control infer=\"load-in-cart\">\n        </foxy-internal-admin-subscription-form-link-control>\n\n        <foxy-internal-admin-subscription-form-link-control\n          search=\"cart=checkout\"\n          infer=\"load-on-checkout\"\n        >\n        </foxy-internal-admin-subscription-form-link-control>\n\n        <foxy-internal-admin-subscription-form-link-control\n          search=\"sub_cancel=next_transaction_date\"\n          infer=\"cancel-at-end-of-billing-period\"\n        >\n        </foxy-internal-admin-subscription-form-link-control>\n\n        <foxy-internal-admin-subscription-form-link-control\n          search=\"sub_cancel=true\"\n          infer=\"cancel-next-day\"\n        >\n        </foxy-internal-admin-subscription-form-link-control>\n\n        <p class=\"text-s text-secondary\">\n          <foxy-i18n infer=\"\" key=\"uoe_hint_text\"></foxy-i18n>\n          <a\n            target=\"_blank\"\n            class=\"inline-block rounded font-medium text-body transition-colors cursor-pointer hover-opacity-80 focus-outline-none focus-ring-2 focus-ring-primary-50\"\n            href=\"https://admin.foxycart.com\"\n          >\n            <foxy-i18n infer=\"\" key=\"uoe_link_text\"></foxy-i18n>\n          </a>\n        </p>\n      </foxy-internal-summary-control>\n\n      <foxy-internal-async-list-control\n        infer=\"attributes\"\n        class=\"min-w-0\"\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      <foxy-internal-async-list-control\n        infer=\"transactions\"\n        class=\"min-w-0\"\n        first=${ifDefined(transactionsHref)}\n        item=\"foxy-transaction-card\"\n        form=\"foxy-transaction\"\n        hide-create-button\n        hide-delete-button\n        alert\n        wide\n      >\n      </foxy-internal-async-list-control>\n\n      ${super.renderBody()}\n    `;\n  }\n}\n"]}

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

@@ -7,7 +7,7 @@ import '../TransactionCard/index';
 import '../AttributeCard/index';
 import '../AttributeForm/index';
 import '../Transaction/index';
-import './internal/InternalAdminSubscriptionFormLoadInCartAction/index';
+import './internal/InternalAdminSubscriptionFormLinkControl/index';
 import './internal/InternalAdminSubscriptionFormError/index';
 import { AdminSubscriptionForm } from './AdminSubscriptionForm';
 export { AdminSubscriptionForm };

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

@@ -7,7 +7,7 @@ import "../TransactionCard/index.js";
 import "../AttributeCard/index.js";
 import "../AttributeForm/index.js";
 import "../Transaction/index.js";
-import "./internal/InternalAdminSubscriptionFormLoadInCartAction/index.js";
+import "./internal/InternalAdminSubscriptionFormLinkControl/index.js";
 import "./internal/InternalAdminSubscriptionFormError/index.js";
 import { AdminSubscriptionForm } from "./AdminSubscriptionForm.js";
 customElements.define('foxy-admin-subscription-form', AdminSubscriptionForm);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/AdminSubscriptionForm/index.ts"],"names":[],"mappings":"AAAA,0DAAuD;AACvD,0DAAuD;AACvD,uDAAoD;AACpD,qDAAkD;AAClD,8CAA2C;AAE3C,qCAAkC;AAClC,mCAAgC;AAChC,mCAAgC;AAChC,iCAA8B;AAE9B,2EAAwE;AACxE,gEAA6D;AAE7D,OAAO,EAAE,qBAAqB,EAAE,mCAAgC;AAEhE,cAAc,CAAC,MAAM,CAAC,8BAA8B,EAAE,qBAAqB,CAAC,CAAC;AAE7E,OAAO,EAAE,qBAAqB,EAAE,CAAC","sourcesContent":["import '../../internal/InternalAsyncListControl/index';\nimport '../../internal/InternalFrequencyControl/index';\nimport '../../internal/InternalNumberControl/index';\nimport '../../internal/InternalDateControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../TransactionCard/index';\nimport '../AttributeCard/index';\nimport '../AttributeForm/index';\nimport '../Transaction/index';\n\nimport './internal/InternalAdminSubscriptionFormLoadInCartAction/index';\nimport './internal/InternalAdminSubscriptionFormError/index';\n\nimport { AdminSubscriptionForm } from './AdminSubscriptionForm';\n\ncustomElements.define('foxy-admin-subscription-form', AdminSubscriptionForm);\n\nexport { AdminSubscriptionForm };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/AdminSubscriptionForm/index.ts"],"names":[],"mappings":"AAAA,0DAAuD;AACvD,0DAAuD;AACvD,uDAAoD;AACpD,qDAAkD;AAClD,8CAA2C;AAE3C,qCAAkC;AAClC,mCAAgC;AAChC,mCAAgC;AAChC,iCAA8B;AAE9B,sEAAmE;AACnE,gEAA6D;AAE7D,OAAO,EAAE,qBAAqB,EAAE,mCAAgC;AAEhE,cAAc,CAAC,MAAM,CAAC,8BAA8B,EAAE,qBAAqB,CAAC,CAAC;AAE7E,OAAO,EAAE,qBAAqB,EAAE,CAAC","sourcesContent":["import '../../internal/InternalAsyncListControl/index';\nimport '../../internal/InternalFrequencyControl/index';\nimport '../../internal/InternalNumberControl/index';\nimport '../../internal/InternalDateControl/index';\nimport '../../internal/InternalForm/index';\n\nimport '../TransactionCard/index';\nimport '../AttributeCard/index';\nimport '../AttributeForm/index';\nimport '../Transaction/index';\n\nimport './internal/InternalAdminSubscriptionFormLinkControl/index';\nimport './internal/InternalAdminSubscriptionFormError/index';\n\nimport { AdminSubscriptionForm } from './AdminSubscriptionForm';\n\ncustomElements.define('foxy-admin-subscription-form', AdminSubscriptionForm);\n\nexport { AdminSubscriptionForm };\n"]}

package/dist/elements/public/AdminSubscriptionForm/internal/{InternalAdminSubscriptionFormLoadInCartAction/InternalAdminSubscriptionFormLoadInCartAction.d.ts → InternalAdminSubscriptionFormLinkControl/InternalAdminSubscriptionFormLinkControl.d.ts}

@@ -1,8 +1,10 @@
 import type { PropertyDeclarations } from 'lit-element';
 import type { TemplateResult } from 'lit-html';
 import { InternalControl } from '../../../../internal/InternalControl/InternalControl';
-export declare class InternalAdminSubscriptionFormLoadInCartAction extends InternalControl {
+declare const InternalAdminSubscriptionFormLinkControl_base: typeof InternalControl;
+export declare class InternalAdminSubscriptionFormLinkControl extends InternalAdminSubscriptionFormLinkControl_base {
     static get properties(): PropertyDeclarations;
-    action: 'cancel' | null;
+    search: string | null;
     renderControl(): TemplateResult;
 }
+export {};

package/dist/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormLinkControl/InternalAdminSubscriptionFormLinkControl.js

@@ -0,0 +1,74 @@
+import { ResponsiveMixin } from "../../../../../mixins/responsive.js";
+import { InternalControl } from "../../../../internal/InternalControl/InternalControl.js";
+import { html, svg } from 'lit-html';
+export class InternalAdminSubscriptionFormLinkControl extends ResponsiveMixin(InternalControl) {
+    constructor() {
+        super(...arguments);
+        this.search = null;
+    }
+    static get properties() {
+        return {
+            ...super.properties,
+            search: {},
+        };
+    }
+    renderControl() {
+        var _a, _b;
+        const form = this.nucleon;
+        let href;
+        try {
+            const url = new URL((_b = (_a = form === null || form === void 0 ? void 0 : form.data) === null || _a === void 0 ? void 0 : _a._links['fx:sub_token_url'].href) !== null && _b !== void 0 ? _b : '');
+            if (this.search)
+                url.search = this.search;
+            href = url.toString();
+        }
+        catch (_c) {
+            href = undefined;
+        }
+        return html `
+      <div class="leading-s sm-flex sm-items-center sm-gap-m">
+        <foxy-i18n
+          class="block whitespace-nowrap text-s text-secondary sm-text-m sm-text-body sm-flex-1 sm-flex-shrink-0"
+          infer=""
+          key="label"
+        >
+        </foxy-i18n>
+
+        <div class="flex items-center gap-xs min-w-0">
+          <a
+            target="_blank"
+            class="min-w-0 flex-1 truncate font-medium rounded cursor-pointer hover-underline focus-outline-none focus-ring-2 focus-ring-primary-50"
+            href=${href}
+          >
+            ${href}
+          </a>
+
+          <foxy-copy-to-clipboard
+            infer="copy-to-clipboard"
+            class="text-s flex-shrink-0"
+            text=${href}
+          >
+          </foxy-copy-to-clipboard>
+
+          <div
+            class="transition-colors text-tertiary flex-shrink-0 cursor-pointer hover-text-body"
+            id="trigger"
+          >
+            ${svg `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" style="width: calc(1em * var(--lumo-line-height-xs)); height: calc(1em * var(--lumo-line-height-xs)); margin-right: -0.12em"><path stroke-linecap="round" stroke-linejoin="round" d="M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z" /></svg>`}
+          </div>
+
+          <vcf-tooltip
+            position="bottom"
+            theme="light"
+            style="--lumo-base-color: black; max-width: 30rem"
+            class="mt-s"
+            for="trigger"
+          >
+            <foxy-i18n class="text-s" style="color: white" infer="" key="helper_text"></foxy-i18n>
+          </vcf-tooltip>
+        </div>
+      </div>
+    `;
+    }
+}
+//# sourceMappingURL=InternalAdminSubscriptionFormLinkControl.js.map

package/dist/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormLinkControl/InternalAdminSubscriptionFormLinkControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalAdminSubscriptionFormLinkControl.js","sourceRoot":"","sources":["../../../../../../src/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormLinkControl/InternalAdminSubscriptionFormLinkControl.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,4CAAyC;AACnE,OAAO,EAAE,eAAe,EAAE,gEAA6D;AACvF,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAErC,MAAM,OAAO,wCAAyC,SAAQ,eAAe,CAAC,eAAe,CAAC;IAA9F;;QAQE,WAAM,GAAkB,IAAI,CAAC;IA2D/B,CAAC;IAlEC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,MAAM,EAAE,EAAE;SACX,CAAC;IACJ,CAAC;IAID,aAAa;;QACX,MAAM,IAAI,GAAG,IAAI,CAAC,OAAuC,CAAC;QAC1D,IAAI,IAAwB,CAAC;QAE7B,IAAI;YACF,MAAM,GAAG,GAAG,IAAI,GAAG,aAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,0CAAE,MAAM,CAAC,kBAAkB,EAAE,IAAI,mCAAI,EAAE,CAAC,CAAC;YACvE,IAAI,IAAI,CAAC,MAAM;gBAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;YAC1C,IAAI,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;SACvB;QAAC,WAAM;YACN,IAAI,GAAG,SAAS,CAAC;SAClB;QAED,OAAO,IAAI,CAAA;;;;;;;;;;;;;mBAaI,IAAI;;cAET,IAAI;;;;;;mBAMC,IAAI;;;;;;;;cAQT,GAAG,CAAA,yfAAyf;;;;;;;;;;;;;;KAcrgB,CAAC;IACJ,CAAC;CACF","sourcesContent":["import type { AdminSubscriptionForm } from '../../AdminSubscriptionForm';\nimport type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\n\nimport { ResponsiveMixin } from '../../../../../mixins/responsive';\nimport { InternalControl } from '../../../../internal/InternalControl/InternalControl';\nimport { html, svg } from 'lit-html';\n\nexport class InternalAdminSubscriptionFormLinkControl extends ResponsiveMixin(InternalControl) {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      search: {},\n    };\n  }\n\n  search: string | null = null;\n\n  renderControl(): TemplateResult {\n    const form = this.nucleon as AdminSubscriptionForm | null;\n    let href: string | undefined;\n\n    try {\n      const url = new URL(form?.data?._links['fx:sub_token_url'].href ?? '');\n      if (this.search) url.search = this.search;\n      href = url.toString();\n    } catch {\n      href = undefined;\n    }\n\n    return html`\n      <div class=\"leading-s sm-flex sm-items-center sm-gap-m\">\n        <foxy-i18n\n          class=\"block whitespace-nowrap text-s text-secondary sm-text-m sm-text-body sm-flex-1 sm-flex-shrink-0\"\n          infer=\"\"\n          key=\"label\"\n        >\n        </foxy-i18n>\n\n        <div class=\"flex items-center gap-xs min-w-0\">\n          <a\n            target=\"_blank\"\n            class=\"min-w-0 flex-1 truncate font-medium rounded cursor-pointer hover-underline focus-outline-none focus-ring-2 focus-ring-primary-50\"\n            href=${href}\n          >\n            ${href}\n          </a>\n\n          <foxy-copy-to-clipboard\n            infer=\"copy-to-clipboard\"\n            class=\"text-s flex-shrink-0\"\n            text=${href}\n          >\n          </foxy-copy-to-clipboard>\n\n          <div\n            class=\"transition-colors text-tertiary flex-shrink-0 cursor-pointer hover-text-body\"\n            id=\"trigger\"\n          >\n            ${svg`<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\" style=\"width: calc(1em * var(--lumo-line-height-xs)); height: calc(1em * var(--lumo-line-height-xs)); margin-right: -0.12em\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z\" /></svg>`}\n          </div>\n\n          <vcf-tooltip\n            position=\"bottom\"\n            theme=\"light\"\n            style=\"--lumo-base-color: black; max-width: 30rem\"\n            class=\"mt-s\"\n            for=\"trigger\"\n          >\n            <foxy-i18n class=\"text-s\" style=\"color: white\" infer=\"\" key=\"helper_text\"></foxy-i18n>\n          </vcf-tooltip>\n        </div>\n      </div>\n    `;\n  }\n}\n"]}

package/dist/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormLinkControl/index.d.ts

@@ -0,0 +1,6 @@
+import '@vaadin-component-factory/vcf-tooltip';
+import '../../../../internal/InternalControl/index';
+import '../../../CopyToClipboard/index';
+import '../../../I18n/index';
+import { InternalAdminSubscriptionFormLinkControl as Action } from './InternalAdminSubscriptionFormLinkControl';
+export { Action as InternalAdminSubscriptionFormLinkControl };

package/dist/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormLinkControl/index.js

@@ -0,0 +1,8 @@
+import '@vaadin-component-factory/vcf-tooltip';
+import "../../../../internal/InternalControl/index.js";
+import "../../../CopyToClipboard/index.js";
+import "../../../I18n/index.js";
+import { InternalAdminSubscriptionFormLinkControl as Action } from "./InternalAdminSubscriptionFormLinkControl.js";
+customElements.define('foxy-internal-admin-subscription-form-link-control', Action);
+export { Action as InternalAdminSubscriptionFormLinkControl };
+//# sourceMappingURL=index.js.map

package/dist/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormLinkControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/elements/public/AdminSubscriptionForm/internal/InternalAdminSubscriptionFormLinkControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,uCAAuC,CAAC;AAE/C,uDAAoD;AAEpD,2CAAwC;AACxC,gCAA6B;AAE7B,OAAO,EAAE,wCAAwC,IAAI,MAAM,EAAE,sDAAmD;AAEhH,cAAc,CAAC,MAAM,CAAC,oDAAoD,EAAE,MAAM,CAAC,CAAC;AAEpF,OAAO,EAAE,MAAM,IAAI,wCAAwC,EAAE,CAAC","sourcesContent":["import '@vaadin-component-factory/vcf-tooltip';\n\nimport '../../../../internal/InternalControl/index';\n\nimport '../../../CopyToClipboard/index';\nimport '../../../I18n/index';\n\nimport { InternalAdminSubscriptionFormLinkControl as Action } from './InternalAdminSubscriptionFormLinkControl';\n\ncustomElements.define('foxy-internal-admin-subscription-form-link-control', Action);\n\nexport { Action as InternalAdminSubscriptionFormLinkControl };\n"]}

package/dist/elements/public/StoreForm/StoreForm.js

@@ -3,7 +3,6 @@ import { ResponsiveMixin } from "../../../mixins/responsive.js";
 import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
 import { ifDefined } from 'lit-html/directives/if-defined';
 import { html } from 'lit-html';
-import cloneDeep from 'lodash-es/cloneDeep';
 import slugify from '@sindresorhus/slugify';
 const NS = 'store-form';
 const Base = ResponsiveMixin(TranslatableMixin(InternalForm, NS));
@@ -312,9 +311,6 @@ export class StoreForm extends Base {
             ({ unified_order_entry_password: v }) => {
                 return !v || String(v).length <= 100 || 'unified-order-entry-password:v8n_too_long';
             },
-            ({ custom_display_id_config: v }) => {
-                return !v || String(v).length <= 500 || 'custom-display-id-config-enabled:v8n_too_long';
-            },
         ];
     }
     get headerSubtitleOptions() {
@@ -986,19 +982,12 @@ export class StoreForm extends Base {
                 },
             },
         };
-        let config;
-        try {
-            config = JSON.parse((_a = this.form.custom_display_id_config) !== null && _a !== void 0 ? _a : '');
-        }
-        catch (_b) {
-            config = cloneDeep(defaultConfig);
-        }
-        return config;
+        return (_a = this.form.custom_display_id_config) !== null && _a !== void 0 ? _a : defaultConfig;
     }
     __setCustomDisplayIdConfig(key, value) {
         const currentConfig = this.__getCustomDisplayIdConfig();
         currentConfig[key] = value;
-        this.edit({ custom_display_id_config: JSON.stringify(currentConfig) });
+        this.edit({ custom_display_id_config: currentConfig });
     }
     __getTransactionJournalEntriesConfig() {
         return this.__getCustomDisplayIdConfig().transaction_journal_entries;