@foxy.io/elements 1.15.0-beta.1 → 1.15.0-beta.4

package/dist/elements/public/CustomerPortal/InternalCustomerPortalLoggedInView.js

@@ -114,21 +114,34 @@ export class InternalCustomerPortalLoggedInView extends Base {
     render() {
         var _a, _b;
         const hiddenSelector = this.hiddenSelector.zoom('customer');
-        const extendedhiddencontrolsArray = [
-            hiddenSelector.toString(),
-            'header:actions:edit:form:delete',
+        const optionallyHiddenInCustomer = ['payment-methods'];
+        const alwaysHiddenInCustomer = [
             'attributes',
             'transactions',
             'subscriptions',
             'addresses:actions:create',
-            'payment-methods:list:card',
+            'header:actions:edit:form:delete',
+        ];
+        const customerHiddenControls = [
+            ...optionallyHiddenInCustomer
+                .filter(id => hiddenSelector.matches(id))
+                .map(id => `${id}:${hiddenSelector.zoom(id)}`),
+            ...alwaysHiddenInCustomer.map(id => {
+                const splitId = id.split(':');
+                for (let i = 0; i < splitId.length; ++i) {
+                    const hostId = splitId.slice(0, i + 1).join(':');
+                    if (hiddenSelector.matches(hostId, true))
+                        return hostId;
+                }
+                return id;
+            }),
         ];
         const templates = this.getNestedTemplates('customer');
         const originalHeaderActionsAfterTemplate = templates['header:actions:after'];
         const originalTimestampsAfterTemplate = templates['header:actions:edit:form:timestamps:after'];
         const originalDefaultTemplate = templates['default'];
         templates['header:actions:after'] = (html, host) => {
-            const isSignOutHidden = host.hiddenSelector.matches('header:actions:sign-out', true);
+            const isSignOutHidden = hiddenSelector.matches('header:actions:sign-out', true);
             return html `
         <div style="display:flex">
           ${isSignOutHidden ? '' : this.__renderHeaderActionsSignOut()}
@@ -185,7 +198,7 @@ export class InternalCustomerPortalLoggedInView extends Base {
       <foxy-customer
         readonlycontrols=${this.readonlySelector.zoom('customer').toString()}
         disabledcontrols=${this.disabledSelector.zoom('customer').toString()}
-        hiddencontrols=${extendedhiddencontrolsArray.join(' ').trim()}
+        hiddencontrols=${customerHiddenControls.join(' ')}
         data-testid="customer"
         group=${this.group}
         href=${this.customer}

package/dist/elements/public/CustomerPortal/InternalCustomerPortalLoggedInView.js.map

@@ -1 +1 @@
-{"version":3,"file":"InternalCustomerPortalLoggedInView.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerPortal/InternalCustomerPortalLoggedInView.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAY,wCAAqC;AAC3E,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,GAAG,EAAE,iCAA8B;AAG5C,OAAO,EAAE,cAAc,EAAE,4CAAyC;AAKlE,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AAEjE,MAAM,IAAI,GAAG,cAAc,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;AAGlF,MAAM,OAAO,kCAAmC,SAAQ,IAAU;IAAlE;;QAUE,cAAS,GAAc,EAAE,CAAC;QAE1B,aAAQ,GAAG,EAAE,CAAC;QAEd,oBAAe,GAA6B,MAAM,CAAC;QAEnD,gCAA2B,GAA0B,IAAI,CAAC;QAEzC,iCAA4B,GAAG,GAAG,EAAE;;YACnD,MAAM,KAAK,GAAG,kCAAkC,CAAC;YACjD,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC;YACnC,MAAM,gBAAgB,GAAG,CAAC,QAAC,IAAI,CAAC,iBAAiB,0CAAE,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAC,CAAC;YAC5E,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;gBAC7B,IAAI;oBACF,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC;oBAC9B,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,6BAA6B,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;oBAC/E,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC;iBAC/B;gBAAC,WAAM;oBACN,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC;oBAC9B,IAAI,CAAC,2BAA2B,GAAG,UAAU,CAAC,GAAG,EAAE;wBACjD,IAAI,CAAC,eAAe,GAAG,MAAM,CAAC;wBAC9B,IAAI,CAAC,2BAA2B,GAAG,IAAI,CAAC;oBAC1C,CAAC,EAAE,IAAI,CAAC,CAAC;iBACV;YACH,CAAC,CAAC;YAEF,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,GAAG,KAAK,SAAS,CAAC;;;;uBAI/B,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,QAAQ,EAAE;;;sBAG9B,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,gBAAgB,IAAI,KAAK,KAAK,MAAM;mBAChF,WAAW;;YAElB,KAAK,KAAK,MAAM;gBAChB,CAAC,CAAC,IAAI,CAAA,kDAAkD;gBACxD,CAAC,CAAC,IAAI,CAAA;;;0BAGQ,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;;yBAEpC,IAAI,CAAC,IAAI;wBACV,IAAI,CAAC,EAAE,IAAI,YAAA,cAAc,CAAC,GAAG,CAAC,eAAe,CAAC,0CAAE,SAAS,mCAAI,EAAE;;;eAGxE;;;UAGL,IAAI,CAAC,oBAAoB,CAAC,GAAG,KAAK,QAAQ,CAAC;;KAEhD,CAAC;QACJ,CAAC,CAAC;QAEe,0BAAqB,GAAuB,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;YAC1E,MAAM,KAAK,GAAG,wBAAwB,CAAC;YAEvC,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,oBAAoB,CAAC,GAAG,KAAK,SAAS,CAAC;;;2BAGzB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE;2BAC5C,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE;yBAC9C,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE;gBACnD,IAAI,CAAC,KAAK;eACX,IAAI,CAAC,IAAI;aACX,IAAI,CAAC,EAAE;qBACC,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC;oBAC/B,IAAI,CAAC,IAAI;oBACT,IAAI,CAAC,IAAI;;;;QAIrB,IAAI,CAAC,oBAAoB,CAAC,GAAG,KAAK,QAAQ,CAAC;KAC9C,CAAC;QACJ,CAAC,CAAC;QAEe,yBAAoB,GAAuB,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;YACzE,MAAM,KAAK,GAAG,uBAAuB,CAAC;YAEtC,OAAO,IAAI,CAAA;QACP,IAAI,CAAC,oBAAoB,CAAC,GAAG,KAAK,SAAS,CAAC;;;2BAGzB,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE;2BAC5C,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE;yBAC9C,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,EAAE;gBACnD,IAAI,CAAC,KAAK;eACX,IAAI,CAAC,IAAI;aACX,IAAI,CAAC,EAAE;qBACC,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC;oBAC/B,IAAI,CAAC,IAAI;;;;QAIrB,IAAI,CAAC,oBAAoB,CAAC,GAAG,KAAK,QAAQ,CAAC;KAC9C,CAAC;QACJ,CAAC,CAAC;IAuGJ,CAAC;IApNC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YAC1B,eAAe,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YACrC,2BAA2B,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;SAClD,CAAC;IACJ,CAAC;IAwGD,MAAM;;QACJ,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;QAC5D,MAAM,2BAA2B,GAAG;YAClC,cAAc,CAAC,QAAQ,EAAE;YACzB,iCAAiC;YACjC,YAAY;YACZ,cAAc;YACd,eAAe;YACf,0BAA0B;YAC1B,2BAA2B;SAC5B,CAAC;QAEF,MAAM,SAAS,GAAsB,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC;QACzE,MAAM,kCAAkC,GAAG,SAAS,CAAC,sBAAsB,CAAC,CAAC;QAC7E,MAAM,+BAA+B,GAAG,SAAS,CAAC,2CAA2C,CAAC,CAAC;QAC/F,MAAM,uBAAuB,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;QAErD,SAAS,CAAC,sBAAsB,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;YACjD,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,yBAAyB,EAAE,IAAI,CAAC,CAAC;YACrF,OAAO,IAAI,CAAA;;YAEL,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,4BAA4B,EAAE;YAC1D,kCAAkC,aAAlC,kCAAkC,uBAAlC,kCAAkC,CAAG,IAAI,EAAE,IAAI,CAAC;;OAErD,CAAC;QACJ,CAAC,CAAC;QAEF,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;YACpC,MAAM,mBAAmB,GAAG,IAAI,CAAC,qBAAqB,CAAC;YACvD,MAAM,kBAAkB,GAAG,IAAI,CAAC,oBAAoB,CAAC;YAErD,OAAO,IAAI,CAAA;;;;;;;;;UASP,cAAc,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,uBAAuB,aAAvB,uBAAuB,uBAAvB,uBAAuB,CAAG,IAAI,EAAE,IAAI,CAAC;;;YAGlF,cAAc,CAAC,OAAO,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC;YACpF,cAAc,CAAC,OAAO,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,IAAI,EAAE,IAAI,CAAC;;OAEvF,CAAC;QACJ,CAAC,CAAC;QAEF,SAAS,CAAC,2CAA2C,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE;;YACtE,MAAM,KAAK,GAAG,iBAAiB,CAAC;YAEhC,OAAO,IAAI,CAAA;UACP,+BAA+B,aAA/B,+BAA+B,uBAA/B,+BAA+B,CAAG,IAAI,EAAE,IAAI,CAAC;UAC7C,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC;gBACxC,CAAC,CAAC,EAAE;gBACJ,CAAC,CAAC,IAAI,CAAA;gBACA,IAAI,CAAC,oBAAoB,CAAC,GAAG,KAAK,SAAS,CAAC;;;2BAGjC,IAAI,CAAC,IAAI;;;wBAGZ,YAAA,IAAI,CAAC,IAAI,0CAAE,KAAK,mCAAI,EAAE;uBACvB,IAAI,CAAC,IAAI;qBACX,IAAI,CAAC,EAAE;4BACA,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,KAAK,EAAE,IAAI,CAAC;;;;gBAIzE,IAAI,CAAC,oBAAoB,CAAC,GAAG,KAAK,QAAQ,CAAC;aAC9C;OACN,CAAC;QACJ,CAAC,CAAC;QAEF,OAAO,IAAI,CAAA;;2BAEY,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,QAAQ,EAAE;2BACjD,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,QAAQ,EAAE;yBACnD,2BAA2B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE;;gBAErD,IAAI,CAAC,KAAK;eACX,IAAI,CAAC,QAAQ;eACb,IAAI,CAAC,IAAI;cACV,IAAI,CAAC,EAAE,IAAI,YAAA,cAAc,CAAC,GAAG,CAAC,eAAe,CAAC,0CAAE,SAAS,mCAAI,EAAE;;qBAExD,SAAS;kBACZ,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;;;KAGvC,CAAC;IACJ,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,IAAI,CAAC,2BAA2B;YAAE,YAAY,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC;IACvF,CAAC;IAED,IAAY,iBAAiB;QAC3B,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAW,WAAW,CAAC,CAAC;IAC9D,CAAC;CACF","sourcesContent":["import { ConfigurableMixin, Renderer } from '../../../mixins/configurable';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { API } from '../NucleonElement/API';\nimport { Customer } from '../Customer/Customer';\nimport { Templates as CustomerTemplates } from '../Customer/types';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { PropertyDeclarations } from 'lit-element';\nimport { Rels } from '@foxy.io/sdk/customer';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { Templates } from './types';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\n\nconst Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement)));\ntype Data = Resource<Rels.CustomerPortalSettings>;\n\nexport class InternalCustomerPortalLoggedInView extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      customer: { type: String },\n      loggingOutState: { attribute: false },\n      loggingOutStateResetTimeout: { attribute: false },\n    };\n  }\n\n  templates: Templates = {};\n\n  customer = '';\n\n  loggingOutState: 'idle' | 'busy' | 'fail' = 'idle';\n\n  loggingOutStateResetTimeout: NodeJS.Timeout | null = null;\n\n  private readonly __renderHeaderActionsSignOut = () => {\n    const scope = 'customer:header:actions:sign-out';\n    const state = this.loggingOutState;\n    const isCustomerLoaded = !!this.__customerElement?.in({ idle: 'snapshot' });\n    const handleClick = async () => {\n      try {\n        this.loggingOutState = 'busy';\n        await new API(this).fetch('foxy://customer-api/session', { method: 'DELETE' });\n        this.loggingOutState = 'idle';\n      } catch {\n        this.loggingOutState = 'fail';\n        this.loggingOutStateResetTimeout = setTimeout(() => {\n          this.loggingOutState = 'idle';\n          this.loggingOutStateResetTimeout = null;\n        }, 1000);\n      }\n    };\n\n    return html`\n      <div style=\"display: flex; margin-left: var(--lumo-space-m)\">\n        ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n        <vaadin-button\n          data-testid=\"sign-out\"\n          aria-label=${this.t('sign_out').toString()}\n          style=\"padding: var(--lumo-space-xs); margin: 0; border-radius: 100%; display: flex\"\n          theme=\"icon\"\n          ?disabled=${this.disabledSelector.matches(scope) || !isCustomerLoaded || state !== 'idle'}\n          @click=${handleClick}\n        >\n          ${state === 'idle'\n            ? html`<iron-icon icon=\"icons:exit-to-app\"></iron-icon>`\n            : html`\n                <foxy-spinner\n                  layout=\"no-label\"\n                  state=${state === 'fail' ? 'error' : 'busy'}\n                  style=\"margin: auto\"\n                  lang=${this.lang}\n                  ns=\"${this.ns} ${customElements.get('foxy-customer')?.defaultNS ?? ''}\"\n                >\n                </foxy-spinner>\n              `}\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot(`${scope}:after`)}\n      </div>\n    `;\n  };\n\n  private readonly __renderSubscriptions: Renderer<Customer> = (html, host) => {\n    const scope = 'customer:subscriptions';\n\n    return html`\n      ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n      <foxy-internal-customer-portal-subscriptions\n        readonlycontrols=${this.readonlySelector.zoom(scope).toString()}\n        disabledcontrols=${this.disabledSelector.zoom(scope).toString()}\n        hiddencontrols=${this.hiddenSelector.zoom(scope).toString()}\n        group=${host.group}\n        lang=${host.lang}\n        ns=${host.ns}\n        .templates=${this.getNestedTemplates(scope)}\n        .settings=${this.data}\n        .customer=${host.data}\n      >\n      </foxy-internal-customer-portal-subscriptions>\n\n      ${this.renderTemplateOrSlot(`${scope}:after`)}\n    `;\n  };\n\n  private readonly __renderTransactions: Renderer<Customer> = (html, host) => {\n    const scope = 'customer:transactions';\n\n    return html`\n      ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n      <foxy-internal-customer-portal-transactions\n        readonlycontrols=${this.readonlySelector.zoom(scope).toString()}\n        disabledcontrols=${this.disabledSelector.zoom(scope).toString()}\n        hiddencontrols=${this.hiddenSelector.zoom(scope).toString()}\n        group=${host.group}\n        lang=${host.lang}\n        ns=${host.ns}\n        .templates=${this.getNestedTemplates(scope)}\n        .customer=${host.data}\n      >\n      </foxy-internal-customer-portal-transactions>\n\n      ${this.renderTemplateOrSlot(`${scope}:after`)}\n    `;\n  };\n\n  render(): TemplateResult {\n    const hiddenSelector = this.hiddenSelector.zoom('customer');\n    const extendedhiddencontrolsArray = [\n      hiddenSelector.toString(),\n      'header:actions:edit:form:delete',\n      'attributes',\n      'transactions',\n      'subscriptions',\n      'addresses:actions:create',\n      'payment-methods:list:card',\n    ];\n\n    const templates: CustomerTemplates = this.getNestedTemplates('customer');\n    const originalHeaderActionsAfterTemplate = templates['header:actions:after'];\n    const originalTimestampsAfterTemplate = templates['header:actions:edit:form:timestamps:after'];\n    const originalDefaultTemplate = templates['default'];\n\n    templates['header:actions:after'] = (html, host) => {\n      const isSignOutHidden = host.hiddenSelector.matches('header:actions:sign-out', true);\n      return html`\n        <div style=\"display:flex\">\n          ${isSignOutHidden ? '' : this.__renderHeaderActionsSignOut()}\n          ${originalHeaderActionsAfterTemplate?.(html, host)}\n        </div>\n      `;\n    };\n\n    templates['default'] = (html, host) => {\n      const renderSubscriptions = this.__renderSubscriptions;\n      const renderTransactions = this.__renderTransactions;\n\n      return html`\n        <style>\n          .space-y-m > :not([hidden]) ~ :not([hidden]) {\n            --tw-space-y-reverse: 0;\n            margin-top: calc(var(--lumo-space-m, 1rem) * calc(1 - var(--tw-space-y-reverse)));\n            margin-bottom: calc(var(--lumo-space-m, 1rem) * var(--tw-space-y-reverse));\n          }\n        </style>\n\n        ${hiddenSelector.matches('default', true) ? '' : originalDefaultTemplate?.(html, host)}\n\n        <div class=\"space-y-m\">\n          ${hiddenSelector.matches('subscriptions', true) ? '' : renderSubscriptions(html, host)}\n          ${hiddenSelector.matches('transactions', true) ? '' : renderTransactions(html, host)}\n        </div>\n      `;\n    };\n\n    templates['header:actions:edit:form:timestamps:after'] = (html, host) => {\n      const scope = 'change-password';\n\n      return html`\n        ${originalTimestampsAfterTemplate?.(html, host)}\n        ${host.hiddenSelector.matches(scope, true)\n          ? ''\n          : html`\n              ${host.renderTemplateOrSlot(`${scope}:before`)}\n\n              <foxy-internal-customer-portal-change-password\n                customer=${host.href}\n                session=\"foxy://customer-api/session\"\n                style=\"margin-top: var(--lumo-space-l)\"\n                email=${host.data?.email ?? ''}\n                lang=${host.lang}\n                ns=${host.ns}\n                ?disabled=${host.in('busy') || host.disabledSelector.matches(scope, true)}\n              >\n              </foxy-internal-customer-portal-change-password>\n\n              ${host.renderTemplateOrSlot(`${scope}:after`)}\n            `}\n      `;\n    };\n\n    return html`\n      <foxy-customer\n        readonlycontrols=${this.readonlySelector.zoom('customer').toString()}\n        disabledcontrols=${this.disabledSelector.zoom('customer').toString()}\n        hiddencontrols=${extendedhiddencontrolsArray.join(' ').trim()}\n        data-testid=\"customer\"\n        group=${this.group}\n        href=${this.customer}\n        lang=${this.lang}\n        ns=\"${this.ns} ${customElements.get('foxy-customer')?.defaultNS ?? ''}\"\n        id=\"customer\"\n        .templates=${templates}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-customer>\n    `;\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this.loggingOutStateResetTimeout) clearTimeout(this.loggingOutStateResetTimeout);\n  }\n\n  private get __customerElement() {\n    return this.renderRoot.querySelector<Customer>('#customer');\n  }\n}\n"]}
+{"version":3,"file":"InternalCustomerPortalLoggedInView.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerPortal/InternalCustomerPortalLoggedInView.ts"],"names":[],"mappings":"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","sourcesContent":["import { ConfigurableMixin, Renderer } from '../../../mixins/configurable';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { API } from '../NucleonElement/API';\nimport { Customer } from '../Customer/Customer';\nimport { Templates as CustomerTemplates } from '../Customer/types';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { PropertyDeclarations } from 'lit-element';\nimport { Rels } from '@foxy.io/sdk/customer';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { Templates } from './types';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\n\nconst Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement)));\ntype Data = Resource<Rels.CustomerPortalSettings>;\n\nexport class InternalCustomerPortalLoggedInView extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      customer: { type: String },\n      loggingOutState: { attribute: false },\n      loggingOutStateResetTimeout: { attribute: false },\n    };\n  }\n\n  templates: Templates = {};\n\n  customer = '';\n\n  loggingOutState: 'idle' | 'busy' | 'fail' = 'idle';\n\n  loggingOutStateResetTimeout: NodeJS.Timeout | null = null;\n\n  private readonly __renderHeaderActionsSignOut = () => {\n    const scope = 'customer:header:actions:sign-out';\n    const state = this.loggingOutState;\n    const isCustomerLoaded = !!this.__customerElement?.in({ idle: 'snapshot' });\n    const handleClick = async () => {\n      try {\n        this.loggingOutState = 'busy';\n        await new API(this).fetch('foxy://customer-api/session', { method: 'DELETE' });\n        this.loggingOutState = 'idle';\n      } catch {\n        this.loggingOutState = 'fail';\n        this.loggingOutStateResetTimeout = setTimeout(() => {\n          this.loggingOutState = 'idle';\n          this.loggingOutStateResetTimeout = null;\n        }, 1000);\n      }\n    };\n\n    return html`\n      <div style=\"display: flex; margin-left: var(--lumo-space-m)\">\n        ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n        <vaadin-button\n          data-testid=\"sign-out\"\n          aria-label=${this.t('sign_out').toString()}\n          style=\"padding: var(--lumo-space-xs); margin: 0; border-radius: 100%; display: flex\"\n          theme=\"icon\"\n          ?disabled=${this.disabledSelector.matches(scope) || !isCustomerLoaded || state !== 'idle'}\n          @click=${handleClick}\n        >\n          ${state === 'idle'\n            ? html`<iron-icon icon=\"icons:exit-to-app\"></iron-icon>`\n            : html`\n                <foxy-spinner\n                  layout=\"no-label\"\n                  state=${state === 'fail' ? 'error' : 'busy'}\n                  style=\"margin: auto\"\n                  lang=${this.lang}\n                  ns=\"${this.ns} ${customElements.get('foxy-customer')?.defaultNS ?? ''}\"\n                >\n                </foxy-spinner>\n              `}\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot(`${scope}:after`)}\n      </div>\n    `;\n  };\n\n  private readonly __renderSubscriptions: Renderer<Customer> = (html, host) => {\n    const scope = 'customer:subscriptions';\n\n    return html`\n      ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n      <foxy-internal-customer-portal-subscriptions\n        readonlycontrols=${this.readonlySelector.zoom(scope).toString()}\n        disabledcontrols=${this.disabledSelector.zoom(scope).toString()}\n        hiddencontrols=${this.hiddenSelector.zoom(scope).toString()}\n        group=${host.group}\n        lang=${host.lang}\n        ns=${host.ns}\n        .templates=${this.getNestedTemplates(scope)}\n        .settings=${this.data}\n        .customer=${host.data}\n      >\n      </foxy-internal-customer-portal-subscriptions>\n\n      ${this.renderTemplateOrSlot(`${scope}:after`)}\n    `;\n  };\n\n  private readonly __renderTransactions: Renderer<Customer> = (html, host) => {\n    const scope = 'customer:transactions';\n\n    return html`\n      ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n      <foxy-internal-customer-portal-transactions\n        readonlycontrols=${this.readonlySelector.zoom(scope).toString()}\n        disabledcontrols=${this.disabledSelector.zoom(scope).toString()}\n        hiddencontrols=${this.hiddenSelector.zoom(scope).toString()}\n        group=${host.group}\n        lang=${host.lang}\n        ns=${host.ns}\n        .templates=${this.getNestedTemplates(scope)}\n        .customer=${host.data}\n      >\n      </foxy-internal-customer-portal-transactions>\n\n      ${this.renderTemplateOrSlot(`${scope}:after`)}\n    `;\n  };\n\n  render(): TemplateResult {\n    const hiddenSelector = this.hiddenSelector.zoom('customer');\n    const optionallyHiddenInCustomer = ['payment-methods'];\n    const alwaysHiddenInCustomer = [\n      'attributes',\n      'transactions',\n      'subscriptions',\n      'addresses:actions:create',\n      'header:actions:edit:form:delete',\n    ];\n\n    const customerHiddenControls = [\n      ...optionallyHiddenInCustomer\n        .filter(id => hiddenSelector.matches(id))\n        .map(id => `${id}:${hiddenSelector.zoom(id)}`),\n\n      ...alwaysHiddenInCustomer.map(id => {\n        const splitId = id.split(':');\n\n        for (let i = 0; i < splitId.length; ++i) {\n          const hostId = splitId.slice(0, i + 1).join(':');\n          if (hiddenSelector.matches(hostId, true)) return hostId;\n        }\n\n        return id;\n      }),\n    ];\n\n    const templates: CustomerTemplates = this.getNestedTemplates('customer');\n    const originalHeaderActionsAfterTemplate = templates['header:actions:after'];\n    const originalTimestampsAfterTemplate = templates['header:actions:edit:form:timestamps:after'];\n    const originalDefaultTemplate = templates['default'];\n\n    templates['header:actions:after'] = (html, host) => {\n      const isSignOutHidden = hiddenSelector.matches('header:actions:sign-out', true);\n      return html`\n        <div style=\"display:flex\">\n          ${isSignOutHidden ? '' : this.__renderHeaderActionsSignOut()}\n          ${originalHeaderActionsAfterTemplate?.(html, host)}\n        </div>\n      `;\n    };\n\n    templates['default'] = (html, host) => {\n      const renderSubscriptions = this.__renderSubscriptions;\n      const renderTransactions = this.__renderTransactions;\n\n      return html`\n        <style>\n          .space-y-m > :not([hidden]) ~ :not([hidden]) {\n            --tw-space-y-reverse: 0;\n            margin-top: calc(var(--lumo-space-m, 1rem) * calc(1 - var(--tw-space-y-reverse)));\n            margin-bottom: calc(var(--lumo-space-m, 1rem) * var(--tw-space-y-reverse));\n          }\n        </style>\n\n        ${hiddenSelector.matches('default', true) ? '' : originalDefaultTemplate?.(html, host)}\n\n        <div class=\"space-y-m\">\n          ${hiddenSelector.matches('subscriptions', true) ? '' : renderSubscriptions(html, host)}\n          ${hiddenSelector.matches('transactions', true) ? '' : renderTransactions(html, host)}\n        </div>\n      `;\n    };\n\n    templates['header:actions:edit:form:timestamps:after'] = (html, host) => {\n      const scope = 'change-password';\n\n      return html`\n        ${originalTimestampsAfterTemplate?.(html, host)}\n        ${host.hiddenSelector.matches(scope, true)\n          ? ''\n          : html`\n              ${host.renderTemplateOrSlot(`${scope}:before`)}\n\n              <foxy-internal-customer-portal-change-password\n                customer=${host.href}\n                session=\"foxy://customer-api/session\"\n                style=\"margin-top: var(--lumo-space-l)\"\n                email=${host.data?.email ?? ''}\n                lang=${host.lang}\n                ns=${host.ns}\n                ?disabled=${host.in('busy') || host.disabledSelector.matches(scope, true)}\n              >\n              </foxy-internal-customer-portal-change-password>\n\n              ${host.renderTemplateOrSlot(`${scope}:after`)}\n            `}\n      `;\n    };\n\n    return html`\n      <foxy-customer\n        readonlycontrols=${this.readonlySelector.zoom('customer').toString()}\n        disabledcontrols=${this.disabledSelector.zoom('customer').toString()}\n        hiddencontrols=${customerHiddenControls.join(' ')}\n        data-testid=\"customer\"\n        group=${this.group}\n        href=${this.customer}\n        lang=${this.lang}\n        ns=\"${this.ns} ${customElements.get('foxy-customer')?.defaultNS ?? ''}\"\n        id=\"customer\"\n        .templates=${templates}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-customer>\n    `;\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    if (this.loggingOutStateResetTimeout) clearTimeout(this.loggingOutStateResetTimeout);\n  }\n\n  private get __customerElement() {\n    return this.renderRoot.querySelector<Customer>('#customer');\n  }\n}\n"]}

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

@@ -0,0 +1,39 @@
+import { Data, Templates } from './types';
+import { TemplateResult } from 'lit-html';
+import { NucleonElement } from '../NucleonElement/NucleonElement';
+import { NucleonV8N } from '../NucleonElement/types';
+declare const Base: typeof NucleonElement & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+} & {
+    styles: import("lit-element").CSSResultArray;
+} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost>;
+/**
+ * Form element for generating codes for coupons or gift cards (`fx:generate_codes`).
+ *
+ * @slot length:before
+ * @slot length:after
+ *
+ * @slot number-of-codes:before
+ * @slot number-of-codes:after
+ *
+ * @slot prefix:before
+ * @slot prefix:after
+ *
+ * @slot generate:before
+ * @slot generate:after
+ *
+ * @element foxy-generate-codes-form
+ * @since 1.15.0
+ */
+export declare class GenerateCodesForm extends Base<Data> {
+    static get v8n(): NucleonV8N<Data>;
+    templates: Templates;
+    render(): TemplateResult;
+    private __getErrorMessage;
+    private __getValidator;
+    private __renderLength;
+    private __renderNumberOfCodes;
+    private __renderPrefix;
+    private __renderGenerate;
+}
+export {};

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

@@ -0,0 +1,197 @@
+import { html } from 'lit-html';
+import { ConfigurableMixin } from "../../../mixins/configurable.js";
+import { NucleonElement } from "../NucleonElement/NucleonElement.js";
+import { ThemeableMixin } from "../../../mixins/themeable.js";
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { classMap } from "../../../utils/class-map.js";
+const NS = 'generate-codes';
+const Base = ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement, NS)));
+/**
+ * Form element for generating codes for coupons or gift cards (`fx:generate_codes`).
+ *
+ * @slot length:before
+ * @slot length:after
+ *
+ * @slot number-of-codes:before
+ * @slot number-of-codes:after
+ *
+ * @slot prefix:before
+ * @slot prefix:after
+ *
+ * @slot generate:before
+ * @slot generate:after
+ *
+ * @element foxy-generate-codes-form
+ * @since 1.15.0
+ */
+export class GenerateCodesForm extends Base {
+    constructor() {
+        super(...arguments);
+        this.templates = {};
+    }
+    static get v8n() {
+        return [
+            ({ number_of_codes: v }) => (v && v > 0) || 'number_of_codes_required',
+            ({ length: v }) => (v && v > 0) || 'length_required',
+        ];
+    }
+    render() {
+        var _a, _b;
+        const { hiddenSelector, lang, ns } = this;
+        const isBusy = this.in('busy');
+        const isFail = this.in('fail');
+        const isSnapshot = this.in({ idle: 'snapshot' });
+        const isTemplate = this.in({ idle: 'template' });
+        const transition = 'transition-opacity duration-500';
+        const hidden = 'opacity-0 pointer-events-none';
+        return html `
+      <div aria-busy=${isBusy} aria-live="polite" class="relative">
+        <div
+          class=${classMap({
+            'grid grid-cols-2 gap-m': true,
+            [transition]: true,
+            [hidden]: isSnapshot,
+        })}
+        >
+          ${hiddenSelector.matches('length', true) ? '' : this.__renderLength()}
+          ${hiddenSelector.matches('number-of-codes', true) ? '' : this.__renderNumberOfCodes()}
+          ${hiddenSelector.matches('prefix', true) ? '' : this.__renderPrefix()}
+          ${hiddenSelector.matches('generate', true) ? '' : this.__renderGenerate()}
+        </div>
+
+        <div
+          class=${classMap({
+            'absolute inset-0 flex flex-col items-center justify-center': true,
+            'text-center text-m text-secondary leading-m': true,
+            [transition]: true,
+            [hidden]: !isSnapshot,
+        })}
+        >
+          <div class="mx-auto flex mb-m w-l h-l rounded-t-l rounded-b-l bg-success">
+            <iron-icon icon="icons:done-all" class="m-auto text-success-contrast"></iron-icon>
+          </div>
+
+          <foxy-i18n class="block" lang=${lang} key="generate_codes_done" ns=${ns}></foxy-i18n>
+        </div>
+
+        <div
+          class=${classMap({
+            'absolute inset-0 flex': true,
+            [transition]: true,
+            [hidden]: !isBusy && !isFail,
+        })}
+        >
+          <foxy-spinner
+            layout="vertical"
+            class="m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l"
+            state=${isFail ? 'error' : isTemplate ? 'empty' : 'busy'}
+            lang=${lang}
+            ns="${ns} ${(_b = (_a = customElements.get('foxy-spinner')) === null || _a === void 0 ? void 0 : _a.defaultNS) !== null && _b !== void 0 ? _b : ''}"
+          >
+          </foxy-spinner>
+        </div>
+      </div>
+    `;
+    }
+    __getErrorMessage(prefix) {
+        const error = this.errors.find(err => err.startsWith(prefix));
+        return error ? this.t(error.replace(prefix, 'v8n')) : '';
+    }
+    __getValidator(prefix) {
+        return () => !this.errors.some(err => err.startsWith(prefix));
+    }
+    __renderLength() {
+        const isTemplate = this.in({ idle: 'template' });
+        return html `
+      ${this.renderTemplateOrSlot('length:before')}
+
+      <vaadin-integer-field
+        error-message=${this.__getErrorMessage('length')}
+        label=${this.t('length')}
+        class="w-full"
+        min="1"
+        ?disabled=${!isTemplate || this.disabledSelector.matches('length', true)}
+        ?readonly=${this.readonlySelector.matches('length', true)}
+        prevent-invalid-input
+        has-controls
+        .checkValidity=${this.__getValidator('length')}
+        .value=${isTemplate ? this.form.length : ''}
+        @change=${(evt) => {
+            const field = evt.currentTarget;
+            this.edit({ length: parseInt(field.value) });
+        }}
+      >
+      </vaadin-integer-field>
+
+      ${this.renderTemplateOrSlot('length:after')}
+    `;
+    }
+    __renderNumberOfCodes() {
+        const isTemplate = this.in({ idle: 'template' });
+        return html `
+      ${this.renderTemplateOrSlot('number-of-codes:before')}
+
+      <vaadin-integer-field
+        error-message=${this.__getErrorMessage('number_of_codes')}
+        label=${this.t('number_of_codes')}
+        class="w-full"
+        min="1"
+        ?disabled=${!isTemplate || this.disabledSelector.matches('number-of-codes', true)}
+        ?readonly=${this.readonlySelector.matches('number-of-codes', true)}
+        prevent-invalid-input
+        has-controls
+        .checkValidity=${this.__getValidator('number_of_codes')}
+        .value=${isTemplate ? this.form.number_of_codes : ''}
+        @change=${(evt) => {
+            const field = evt.currentTarget;
+            this.edit({ number_of_codes: parseInt(field.value) });
+        }}
+      >
+      </vaadin-integer-field>
+
+      ${this.renderTemplateOrSlot('number-of-codes:after')}
+    `;
+    }
+    __renderPrefix() {
+        const isTemplate = this.in({ idle: 'template' });
+        return html `
+      ${this.renderTemplateOrSlot('prefix:before')}
+
+      <vaadin-text-field
+        helper-text=${this.t('leave_empty_for_random_codes')}
+        label=${this.t('prefix')}
+        class="col-span-2"
+        min="1"
+        ?disabled=${!isTemplate || this.disabledSelector.matches('prefix', true)}
+        ?readonly=${this.readonlySelector.matches('prefix', true)}
+        clear-button-visible
+        .value=${isTemplate ? this.form.prefix : ''}
+        @change=${(evt) => {
+            const field = evt.currentTarget;
+            this.edit({ prefix: field.value });
+        }}
+      >
+      </vaadin-text-field>
+
+      ${this.renderTemplateOrSlot('prefix:after')}
+    `;
+    }
+    __renderGenerate() {
+        const isValidTemplate = this.in({ idle: { template: { dirty: 'valid' } } });
+        return html `
+      ${this.renderTemplateOrSlot('generate:before')}
+
+      <vaadin-button
+        class="col-span-2"
+        theme="success primary"
+        ?disabled=${!isValidTemplate || this.disabledSelector.matches('generate', true)}
+        @click=${this.submit}
+      >
+        <foxy-i18n lang=${this.lang} key="generate" ns=${this.ns}></foxy-i18n>
+      </vaadin-button>
+
+      ${this.renderTemplateOrSlot('create:after')}
+    `;
+    }
+}
+//# sourceMappingURL=GenerateCodesForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GenerateCodesForm.js","sourceRoot":"","sources":["../../../../src/elements/public/GenerateCodesForm/GenerateCodesForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { Data, Templates } from './types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { IntegerFieldElement } from '@vaadin/vaadin-text-field/vaadin-integer-field';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { NucleonV8N } from '../NucleonElement/types';\nimport { TextFieldElement } from '@vaadin/vaadin-text-field/vaadin-text-field';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\n\nconst NS = 'generate-codes';\nconst Base = ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement, NS)));\n\n/**\n * Form element for generating codes for coupons or gift cards (`fx:generate_codes`).\n *\n * @slot length:before\n * @slot length:after\n *\n * @slot number-of-codes:before\n * @slot number-of-codes:after\n *\n * @slot prefix:before\n * @slot prefix:after\n *\n * @slot generate:before\n * @slot generate:after\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      ({ number_of_codes: v }) => (v && v > 0) || 'number_of_codes_required',\n      ({ length: v }) => (v && v > 0) || 'length_required',\n    ];\n  }\n\n  templates: Templates = {};\n\n  render(): TemplateResult {\n    const { hiddenSelector, lang, ns } = this;\n\n    const isBusy = this.in('busy');\n    const isFail = this.in('fail');\n    const isSnapshot = this.in({ idle: 'snapshot' });\n    const isTemplate = this.in({ idle: 'template' });\n\n    const transition = 'transition-opacity duration-500';\n    const hidden = 'opacity-0 pointer-events-none';\n\n    return html`\n      <div aria-busy=${isBusy} aria-live=\"polite\" class=\"relative\">\n        <div\n          class=${classMap({\n            'grid grid-cols-2 gap-m': true,\n            [transition]: true,\n            [hidden]: isSnapshot,\n          })}\n        >\n          ${hiddenSelector.matches('length', true) ? '' : this.__renderLength()}\n          ${hiddenSelector.matches('number-of-codes', true) ? '' : this.__renderNumberOfCodes()}\n          ${hiddenSelector.matches('prefix', true) ? '' : this.__renderPrefix()}\n          ${hiddenSelector.matches('generate', true) ? '' : this.__renderGenerate()}\n        </div>\n\n        <div\n          class=${classMap({\n            'absolute inset-0 flex flex-col items-center justify-center': true,\n            'text-center text-m text-secondary leading-m': true,\n            [transition]: true,\n            [hidden]: !isSnapshot,\n          })}\n        >\n          <div class=\"mx-auto flex mb-m w-l h-l rounded-t-l rounded-b-l bg-success\">\n            <iron-icon icon=\"icons:done-all\" class=\"m-auto text-success-contrast\"></iron-icon>\n          </div>\n\n          <foxy-i18n class=\"block\" lang=${lang} key=\"generate_codes_done\" ns=${ns}></foxy-i18n>\n        </div>\n\n        <div\n          class=${classMap({\n            'absolute inset-0 flex': true,\n            [transition]: true,\n            [hidden]: !isBusy && !isFail,\n          })}\n        >\n          <foxy-spinner\n            layout=\"vertical\"\n            class=\"m-auto p-m bg-base shadow-xs rounded-t-l rounded-b-l\"\n            state=${isFail ? 'error' : isTemplate ? 'empty' : 'busy'}\n            lang=${lang}\n            ns=\"${ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n\n  private __getErrorMessage(prefix: string) {\n    const error = this.errors.find(err => err.startsWith(prefix));\n    return error ? this.t(error.replace(prefix, 'v8n')) : '';\n  }\n\n  private __getValidator(prefix: string) {\n    return () => !this.errors.some(err => err.startsWith(prefix));\n  }\n\n  private __renderLength() {\n    const isTemplate = this.in({ idle: 'template' });\n\n    return html`\n      ${this.renderTemplateOrSlot('length:before')}\n\n      <vaadin-integer-field\n        error-message=${this.__getErrorMessage('length')}\n        label=${this.t('length')}\n        class=\"w-full\"\n        min=\"1\"\n        ?disabled=${!isTemplate || this.disabledSelector.matches('length', true)}\n        ?readonly=${this.readonlySelector.matches('length', true)}\n        prevent-invalid-input\n        has-controls\n        .checkValidity=${this.__getValidator('length')}\n        .value=${isTemplate ? this.form.length : ''}\n        @change=${(evt: CustomEvent) => {\n          const field = evt.currentTarget as IntegerFieldElement;\n          this.edit({ length: parseInt(field.value) });\n        }}\n      >\n      </vaadin-integer-field>\n\n      ${this.renderTemplateOrSlot('length:after')}\n    `;\n  }\n\n  private __renderNumberOfCodes() {\n    const isTemplate = this.in({ idle: 'template' });\n\n    return html`\n      ${this.renderTemplateOrSlot('number-of-codes:before')}\n\n      <vaadin-integer-field\n        error-message=${this.__getErrorMessage('number_of_codes')}\n        label=${this.t('number_of_codes')}\n        class=\"w-full\"\n        min=\"1\"\n        ?disabled=${!isTemplate || this.disabledSelector.matches('number-of-codes', true)}\n        ?readonly=${this.readonlySelector.matches('number-of-codes', true)}\n        prevent-invalid-input\n        has-controls\n        .checkValidity=${this.__getValidator('number_of_codes')}\n        .value=${isTemplate ? this.form.number_of_codes : ''}\n        @change=${(evt: CustomEvent) => {\n          const field = evt.currentTarget as IntegerFieldElement;\n          this.edit({ number_of_codes: parseInt(field.value) });\n        }}\n      >\n      </vaadin-integer-field>\n\n      ${this.renderTemplateOrSlot('number-of-codes:after')}\n    `;\n  }\n\n  private __renderPrefix() {\n    const isTemplate = this.in({ idle: 'template' });\n\n    return html`\n      ${this.renderTemplateOrSlot('prefix:before')}\n\n      <vaadin-text-field\n        helper-text=${this.t('leave_empty_for_random_codes')}\n        label=${this.t('prefix')}\n        class=\"col-span-2\"\n        min=\"1\"\n        ?disabled=${!isTemplate || this.disabledSelector.matches('prefix', true)}\n        ?readonly=${this.readonlySelector.matches('prefix', true)}\n        clear-button-visible\n        .value=${isTemplate ? this.form.prefix : ''}\n        @change=${(evt: CustomEvent) => {\n          const field = evt.currentTarget as TextFieldElement;\n          this.edit({ prefix: field.value });\n        }}\n      >\n      </vaadin-text-field>\n\n      ${this.renderTemplateOrSlot('prefix:after')}\n    `;\n  }\n\n  private __renderGenerate() {\n    const isValidTemplate = this.in({ idle: { template: { dirty: 'valid' } } });\n\n    return html`\n      ${this.renderTemplateOrSlot('generate:before')}\n\n      <vaadin-button\n        class=\"col-span-2\"\n        theme=\"success primary\"\n        ?disabled=${!isValidTemplate || this.disabledSelector.matches('generate', true)}\n        @click=${this.submit}\n      >\n        <foxy-i18n lang=${this.lang} key=\"generate\" ns=${this.ns}></foxy-i18n>\n      </vaadin-button>\n\n      ${this.renderTemplateOrSlot('create:after')}\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,8 @@
+import '@vaadin/vaadin-text-field/vaadin-integer-field';
+import '@vaadin/vaadin-text-field/vaadin-text-field';
+import '@vaadin/vaadin-button';
+import '../../internal/InternalSandbox/index';
+import '../Spinner/index';
+import '../I18n/index';
+import { GenerateCodesForm } from './GenerateCodesForm';
+export { GenerateCodesForm };

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

@@ -0,0 +1,10 @@
+import '@vaadin/vaadin-text-field/vaadin-integer-field';
+import '@vaadin/vaadin-text-field/vaadin-text-field';
+import '@vaadin/vaadin-button';
+import "../../internal/InternalSandbox/index.js";
+import "../Spinner/index.js";
+import "../I18n/index.js";
+import { GenerateCodesForm } from "./GenerateCodesForm.js";
+customElements.define('foxy-generate-codes-form', GenerateCodesForm);
+export { GenerateCodesForm };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/GenerateCodesForm/index.ts"],"names":[],"mappings":"AAAA,OAAO,gDAAgD,CAAC;AACxD,OAAO,6CAA6C,CAAC;AACrD,OAAO,uBAAuB,CAAC;AAC/B,iDAA8C;AAC9C,6BAA0B;AAC1B,0BAAuB;AAEvB,OAAO,EAAE,iBAAiB,EAAE,+BAA4B;AAExD,cAAc,CAAC,MAAM,CAAC,0BAA0B,EAAE,iBAAiB,CAAC,CAAC;AAErE,OAAO,EAAE,iBAAiB,EAAE,CAAC","sourcesContent":["import '@vaadin/vaadin-text-field/vaadin-integer-field';\nimport '@vaadin/vaadin-text-field/vaadin-text-field';\nimport '@vaadin/vaadin-button';\nimport '../../internal/InternalSandbox/index';\nimport '../Spinner/index';\nimport '../I18n/index';\n\nimport { GenerateCodesForm } from './GenerateCodesForm';\n\ncustomElements.define('foxy-generate-codes-form', GenerateCodesForm);\n\nexport { GenerateCodesForm };\n"]}

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

@@ -0,0 +1,24 @@
+import { GenerateCodesForm } from '.';
+import { Rels } from '@foxy.io/sdk/backend';
+import { Renderer } from '../../../mixins/configurable';
+import { Resource } from '@foxy.io/sdk/core';
+export declare type Data = Resource<Rels.GenerateCodes> & {
+    /** Present only in the response. */
+    _links: {
+        self: {
+            href: string;
+        };
+    };
+    /** Present only in the response. */
+    message: string;
+};
+export declare type Templates = {
+    'length:before'?: Renderer<GenerateCodesForm>;
+    'length:after'?: Renderer<GenerateCodesForm>;
+    'number-of-codes:before'?: Renderer<GenerateCodesForm>;
+    'number-of-codes:after'?: Renderer<GenerateCodesForm>;
+    'prefix:before'?: Renderer<GenerateCodesForm>;
+    'prefix:after'?: Renderer<GenerateCodesForm>;
+    'generate:before'?: Renderer<GenerateCodesForm>;
+    'generate:after'?: Renderer<GenerateCodesForm>;
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/GenerateCodesForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import { GenerateCodesForm } from '.';\nimport { Rels } from '@foxy.io/sdk/backend';\nimport { Renderer } from '../../../mixins/configurable';\nimport { Resource } from '@foxy.io/sdk/core';\n\nexport type Data = Resource<Rels.GenerateCodes> & {\n  /** Present only in the response. */\n  _links: { self: { href: string } };\n  /** Present only in the response. */\n  message: string;\n};\n\nexport type Templates = {\n  'length:before'?: Renderer<GenerateCodesForm>;\n  'length:after'?: Renderer<GenerateCodesForm>;\n  'number-of-codes:before'?: Renderer<GenerateCodesForm>;\n  'number-of-codes:after'?: Renderer<GenerateCodesForm>;\n  'prefix:before'?: Renderer<GenerateCodesForm>;\n  'prefix:after'?: Renderer<GenerateCodesForm>;\n  'generate:before'?: Renderer<GenerateCodesForm>;\n  'generate:after'?: Renderer<GenerateCodesForm>;\n};\n"]}

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

@@ -0,0 +1,26 @@
+import { Data, Templates } from './types';
+import { TemplateResult } from 'lit-html';
+import { NucleonElement } from '../NucleonElement/NucleonElement';
+declare const Base: typeof NucleonElement & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost> & {
+    styles: import("lit-element").CSSResultArray;
+};
+/**
+ * Basic card displaying a gift card.
+ *
+ * @slot title:before
+ * @slot title:after
+ * @slot status:before
+ * @slot status:after
+ *
+ * @element foxy-gift-card-card
+ * @since 1.15.0
+ */
+export declare class GiftCardCard extends Base<Data> {
+    templates: Templates;
+    render(): TemplateResult;
+    private __renderTitle;
+    private __renderStatus;
+}
+export {};

package/dist/elements/public/GiftCardCard/GiftCardCard.js

@@ -0,0 +1,118 @@
+import { html } from 'lit-html';
+import { ConfigurableMixin } from "../../../mixins/configurable.js";
+import { NucleonElement } from "../NucleonElement/NucleonElement.js";
+import { ThemeableMixin } from "../../../mixins/themeable.js";
+import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { classMap } from "../../../utils/class-map.js";
+import { parseDuration } from "../../../utils/parse-duration.js";
+const NS = 'gift-card-card';
+const Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS)));
+/**
+ * Basic card displaying a gift card.
+ *
+ * @slot title:before
+ * @slot title:after
+ * @slot status:before
+ * @slot status:after
+ *
+ * @element foxy-gift-card-card
+ * @since 1.15.0
+ */
+export class GiftCardCard extends Base {
+    constructor() {
+        super(...arguments);
+        this.templates = {};
+    }
+    render() {
+        var _a, _b;
+        const hiddenSelector = this.hiddenSelector;
+        return html `
+      <div
+        aria-busy=${this.in('busy')}
+        aria-live="polite"
+        class="relative leading-m font-lumo text-m"
+      >
+        <div class=${classMap({ 'transition-opacity': true, 'opacity-0': !this.data })}>
+          ${hiddenSelector.matches('title', true) ? '' : this.__renderTitle()}
+          ${hiddenSelector.matches('status', true) ? '' : this.__renderStatus()}
+        </div>
+
+        <div
+          class=${classMap({
+            'pointer-events-none absolute inset-0 flex transition-opacity': true,
+            'opacity-0': !!this.data,
+        })}
+        >
+          <foxy-spinner
+            data-testid="spinner"
+            state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}
+            class="m-auto"
+            lang=${this.lang}
+            ns="${this.ns} ${(_b = (_a = customElements.get('foxy-spinner')) === null || _a === void 0 ? void 0 : _a.defaultNS) !== null && _b !== void 0 ? _b : ''}"
+          >
+          </foxy-spinner>
+        </div>
+      </div>
+    `;
+    }
+    __renderTitle() {
+        var _a, _b, _c, _d;
+        const name = (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : html `&ZeroWidthSpace;`;
+        const code = (_d = (_c = this.data) === null || _c === void 0 ? void 0 : _c.currency_code) !== null && _d !== void 0 ? _d : html `&ZeroWidthSpace;`;
+        return html `
+      <div>
+        ${this.renderTemplateOrSlot('title:before')}
+
+        <div class="flex items-center justify-between">
+          <div class="font-semibold truncate">${name}</div>
+          <div class="text-tertiary text-s flex-shrink-0">${code}</div>
+        </div>
+
+        ${this.renderTemplateOrSlot('title:after')}
+      </div>
+    `;
+    }
+    __renderStatus() {
+        var _a;
+        let options;
+        let key;
+        if ((_a = this.data) === null || _a === void 0 ? void 0 : _a.expires_after) {
+            let value;
+            try {
+                const rtf = new Intl.RelativeTimeFormat(this.lang);
+                let { count, units } = parseDuration(this.data.expires_after, true);
+                if (count === 0.5 && units === 'month') {
+                    count = 2;
+                    units = 'week';
+                }
+                value = rtf.format(count, units);
+            }
+            catch (_b) {
+                value = this.data.expires_after;
+            }
+            options = JSON.stringify({ value });
+            key = 'expires_after_value';
+        }
+        else {
+            options = '';
+            key = 'never_expires';
+        }
+        return html `
+      <div>
+        ${this.renderTemplateOrSlot('status:before')}
+
+        <foxy-i18n
+          options=${options}
+          class="block truncate text-s text-tertiary"
+          lang=${this.lang}
+          key=${key}
+          ns=${this.ns}
+        >
+        </foxy-i18n>
+
+        ${this.renderTemplateOrSlot('status:after')}
+      </div>
+    `;
+    }
+}
+//# sourceMappingURL=GiftCardCard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GiftCardCard.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCard/GiftCardCard.ts"],"names":[],"mappings":"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","sourcesContent":["import { Data, Templates } from './types';\nimport { TemplateResult, html } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { parseDuration } from '../../../utils/parse-duration';\n\nconst NS = 'gift-card-card';\nconst Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS)));\n\n/**\n * Basic card displaying a gift card.\n *\n * @slot title:before\n * @slot title:after\n * @slot status:before\n * @slot status:after\n *\n * @element foxy-gift-card-card\n * @since 1.15.0\n */\nexport class GiftCardCard extends Base<Data> {\n  templates: Templates = {};\n\n  render(): TemplateResult {\n    const hiddenSelector = this.hiddenSelector;\n\n    return html`\n      <div\n        aria-busy=${this.in('busy')}\n        aria-live=\"polite\"\n        class=\"relative leading-m font-lumo text-m\"\n      >\n        <div class=${classMap({ 'transition-opacity': true, 'opacity-0': !this.data })}>\n          ${hiddenSelector.matches('title', true) ? '' : this.__renderTitle()}\n          ${hiddenSelector.matches('status', true) ? '' : this.__renderStatus()}\n        </div>\n\n        <div\n          class=${classMap({\n            'pointer-events-none absolute inset-0 flex transition-opacity': true,\n            'opacity-0': !!this.data,\n          })}\n        >\n          <foxy-spinner\n            data-testid=\"spinner\"\n            state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}\n            class=\"m-auto\"\n            lang=${this.lang}\n            ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n    `;\n  }\n\n  private __renderTitle() {\n    const name = this.data?.name ?? html`&ZeroWidthSpace;`;\n    const code = this.data?.currency_code ?? html`&ZeroWidthSpace;`;\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('title:before')}\n\n        <div class=\"flex items-center justify-between\">\n          <div class=\"font-semibold truncate\">${name}</div>\n          <div class=\"text-tertiary text-s flex-shrink-0\">${code}</div>\n        </div>\n\n        ${this.renderTemplateOrSlot('title:after')}\n      </div>\n    `;\n  }\n\n  private __renderStatus() {\n    let options: string;\n    let key: string;\n\n    if (this.data?.expires_after) {\n      let value: string;\n\n      try {\n        const rtf = new Intl.RelativeTimeFormat(this.lang);\n        let { count, units } = parseDuration(this.data.expires_after, true);\n\n        if (count === 0.5 && units === 'month') {\n          count = 2;\n          units = 'week';\n        }\n\n        value = rtf.format(count, units as Intl.RelativeTimeFormatUnit);\n      } catch {\n        value = this.data.expires_after;\n      }\n\n      options = JSON.stringify({ value });\n      key = 'expires_after_value';\n    } else {\n      options = '';\n      key = 'never_expires';\n    }\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('status:before')}\n\n        <foxy-i18n\n          options=${options}\n          class=\"block truncate text-s text-tertiary\"\n          lang=${this.lang}\n          key=${key}\n          ns=${this.ns}\n        >\n        </foxy-i18n>\n\n        ${this.renderTemplateOrSlot('status:after')}\n      </div>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,5 @@
+import '../../internal/InternalSandbox/index';
+import '../Spinner/index';
+import '../I18n/index';
+import { GiftCardCard } from './GiftCardCard';
+export { GiftCardCard };

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

@@ -0,0 +1,7 @@
+import "../../internal/InternalSandbox/index.js";
+import "../Spinner/index.js";
+import "../I18n/index.js";
+import { GiftCardCard } from "./GiftCardCard.js";
+customElements.define('foxy-gift-card-card', GiftCardCard);
+export { GiftCardCard };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/GiftCardCard/index.ts"],"names":[],"mappings":"AAAA,iDAA8C;AAC9C,6BAA0B;AAC1B,0BAAuB;AAEvB,OAAO,EAAE,YAAY,EAAE,0BAAuB;AAE9C,cAAc,CAAC,MAAM,CAAC,qBAAqB,EAAE,YAAY,CAAC,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,CAAC","sourcesContent":["import '../../internal/InternalSandbox/index';\nimport '../Spinner/index';\nimport '../I18n/index';\n\nimport { GiftCardCard } from './GiftCardCard';\n\ncustomElements.define('foxy-gift-card-card', GiftCardCard);\n\nexport { GiftCardCard };\n"]}