@foxy.io/elements 1.16.0-beta.3 → 1.16.0-beta.4

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

@@ -1 +1 @@
-{"version":3,"file":"CustomerApi.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerApi/CustomerApi.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, PropertyDeclarations, TemplateResult, html } from 'lit-element';\n\nimport { API } from '@foxy.io/sdk/customer';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { FetchEvent } from '../NucleonElement/FetchEvent';\nimport { cookieStorage } from './cookieStorage';\n\n/**\n * Element connector for Customer API.\n *\n * @fires CustomerApi#signout - Instance of `CustomerApi.SignOutEvent`. Dispatched on an element when session expires or code 401 is returned.\n * @fires CustomerApi#signin - Instance of `CustomerApi.SignInEvent`. Dispatched on an element once authenticated.\n *\n * @element foxy-customer-api\n * @since 1.4.0\n */\nexport class CustomerApi extends ConfigurableMixin(LitElement) {\n  static readonly SignOutEvent = class extends CustomEvent<void> {};\n\n  static readonly SignInEvent = class extends CustomEvent<void> {};\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      storage: { type: String, noAccessor: true },\n      level: { type: Number, noAccessor: true },\n      base: { type: String, noAccessor: true },\n    };\n  }\n\n  private __storage: 'session' | 'cookie' | 'local' = 'local';\n\n  private __level = 0;\n\n  private __base = location.origin;\n\n  private __api: API = this.__createAPIInstance();\n\n  private __handleFetch = async (originalEvent: Event) => {\n    if (!(originalEvent instanceof FetchEvent)) return;\n    if (originalEvent.defaultPrevented) return;\n    if (originalEvent.composedPath()[0] === this) return;\n\n    originalEvent.preventDefault();\n\n    const apiEvent = new FetchEvent('fetch', {\n      cancelable: true,\n      composed: true,\n      request: originalEvent.request,\n      bubbles: true,\n      reject: (reason: unknown) => originalEvent.respondWith(Promise.reject(reason)),\n      resolve: (response: Response) => {\n        if (apiEvent.request.url === 'foxy://customer-api/session') this.requestUpdate();\n        if (response.status === 401) this.requestUpdate();\n        originalEvent.respondWith(Promise.resolve(response));\n      },\n    });\n\n    if (this.dispatchEvent(apiEvent)) apiEvent.respondWith(this.__handleRequest(apiEvent.request));\n  };\n\n  get isLoggedIn(): boolean {\n    return !!this.api.storage.getItem(API.SESSION);\n  }\n\n  /** `FoxySDK.Customer.API` instance used by this element to communicate with the backend. */\n  get api(): API {\n    return this.__api;\n  }\n\n  /** Bookmark URL for this API. This is where the tree traversal begins. We also use this URL as a base for relative paths. */\n  get base(): string {\n    return this.__base;\n  }\n\n  set base(value: string) {\n    this.__base = value;\n    this.__api = this.__createAPIInstance();\n  }\n\n  /** Numeric Consola log level. If omitted, Consola defaults will be used. */\n  get level(): number {\n    return this.__level;\n  }\n\n  set level(value: number) {\n    this.__level = value;\n    this.__api = this.__createAPIInstance();\n  }\n\n  /** Credentials storage implementing Web Storage API. Access tokens and other related info will be stored here. Defaults to in-memory storage. */\n  get storage(): 'session' | 'cookie' | 'local' {\n    return this.__storage;\n  }\n\n  set storage(value: 'session' | 'cookie' | 'local') {\n    this.__storage = value;\n    this.__api = this.__createAPIInstance();\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('fetch', this.__handleFetch);\n  }\n\n  render(): TemplateResult {\n    return html`\n      ${this.renderTemplateOrSlot(this.isLoggedIn ? 'logged-in' : 'logged-out')}\n      <slot></slot>\n    `;\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('fetch', this.__handleFetch);\n  }\n\n  private __createAPIInstance() {\n    const storageOptions = {\n      session: sessionStorage,\n      cookie: cookieStorage,\n      local: localStorage,\n    };\n\n    return new API({\n      storage: storageOptions[this.storage],\n      level: this.level,\n      base: new URL(this.base),\n    });\n  }\n\n  private async __handleVirtualAuthSessionDelete() {\n    await this.api.signOut();\n\n    this.dispatchEvent(new CustomerApi.SignOutEvent('signout'));\n    this.requestUpdate();\n\n    return new Response();\n  }\n\n  private async __handleVirtualAuthSessionPost(request: Request) {\n    const payload = await request.clone().json();\n    if (payload.type !== 'password') throw new Error(`Unknown payload type ${payload.type}`);\n\n    let status: number;\n    let body: unknown;\n\n    try {\n      await this.api.signIn(payload.credential);\n\n      this.dispatchEvent(new CustomerApi.SignInEvent('signin'));\n      this.requestUpdate();\n\n      status = 200;\n      body = { _links: { self: { href: request.url } }, ...payload };\n    } catch (err) {\n      if (!(err instanceof API.AuthError)) throw err;\n      if (!(err.code === 'UNAUTHORIZED')) throw err;\n\n      const virtualAuthError = {\n        message: err.message,\n        logref: 'unavailable',\n        code: 'invalid_credential_error',\n      };\n\n      status = 401;\n      body = { total: 1, _embedded: { 'fx:errors': [virtualAuthError] } };\n    }\n\n    return new Response(JSON.stringify(body), { status });\n  }\n\n  private async __handleVirtualAuthRecoverPost(request: Request) {\n    const payload = await request.clone().json();\n\n    if (payload.type === 'email') {\n      await this.api.sendPasswordResetEmail(payload.detail);\n      return new Response(\n        JSON.stringify({\n          _links: { self: { href: request.url } },\n          email: payload.email,\n        })\n      );\n    } else {\n      throw new Error(`Unknown payload type ${payload.type}`);\n    }\n  }\n\n  private async __handleRequest(request: Request) {\n    const url = request.url;\n    const method = request.method;\n\n    try {\n      if (url === 'foxy://customer-api/session') {\n        if (method === 'DELETE') return this.__handleVirtualAuthSessionDelete();\n        if (method === 'POST') return this.__handleVirtualAuthSessionPost(request);\n      }\n\n      if (url === 'foxy://customer-api/recover') {\n        if (method === 'POST') return this.__handleVirtualAuthRecoverPost(request);\n      }\n\n      const response = await this.api.fetch(request);\n\n      if (response.status === 401) {\n        this.api.storage.clear();\n        this.dispatchEvent(new CustomerApi.SignOutEvent('signout'));\n        this.requestUpdate();\n      }\n\n      return response;\n    } catch (err) {\n      return new Response(null, { status: 500 });\n    }\n  }\n}\n"]}
+{"version":3,"file":"CustomerApi.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerApi/CustomerApi.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, PropertyDeclarations, TemplateResult, html } from 'lit-element';\n\nimport { API } from '@foxy.io/sdk/customer';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { FetchEvent } from '../NucleonElement/FetchEvent';\nimport { cookieStorage } from './cookieStorage';\nimport { InferrableMixin } from '../../../mixins/inferrable';\n\n/**\n * Element connector for Customer API.\n *\n * @fires CustomerApi#signout - Instance of `CustomerApi.SignOutEvent`. Dispatched on an element when session expires or code 401 is returned.\n * @fires CustomerApi#signin - Instance of `CustomerApi.SignInEvent`. Dispatched on an element once authenticated.\n *\n * @element foxy-customer-api\n * @since 1.4.0\n */\nexport class CustomerApi extends ConfigurableMixin(InferrableMixin(LitElement)) {\n  static readonly SignOutEvent = class extends CustomEvent<void> {};\n\n  static readonly SignInEvent = class extends CustomEvent<void> {};\n\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      storage: { type: String, noAccessor: true },\n      level: { type: Number, noAccessor: true },\n      base: { type: String, noAccessor: true },\n    };\n  }\n\n  private __storage: 'session' | 'cookie' | 'local' = 'local';\n\n  private __level = 0;\n\n  private __base = location.origin;\n\n  private __api: API = this.__createAPIInstance();\n\n  private __handleFetch = async (originalEvent: Event) => {\n    if (!(originalEvent instanceof FetchEvent)) return;\n    if (originalEvent.defaultPrevented) return;\n    if (originalEvent.composedPath()[0] === this) return;\n\n    originalEvent.preventDefault();\n\n    const apiEvent = new FetchEvent('fetch', {\n      cancelable: true,\n      composed: true,\n      request: originalEvent.request,\n      bubbles: true,\n      reject: (reason: unknown) => originalEvent.respondWith(Promise.reject(reason)),\n      resolve: (response: Response) => {\n        if (apiEvent.request.url === 'foxy://customer-api/session') this.requestUpdate();\n        if (response.status === 401) this.requestUpdate();\n        originalEvent.respondWith(Promise.resolve(response));\n      },\n    });\n\n    if (this.dispatchEvent(apiEvent)) apiEvent.respondWith(this.__handleRequest(apiEvent.request));\n  };\n\n  get isLoggedIn(): boolean {\n    return !!this.api.storage.getItem(API.SESSION);\n  }\n\n  /** `FoxySDK.Customer.API` instance used by this element to communicate with the backend. */\n  get api(): API {\n    return this.__api;\n  }\n\n  /** Bookmark URL for this API. This is where the tree traversal begins. We also use this URL as a base for relative paths. */\n  get base(): string {\n    return this.__base;\n  }\n\n  set base(value: string) {\n    this.__base = value;\n    this.__api = this.__createAPIInstance();\n  }\n\n  /** Numeric Consola log level. If omitted, Consola defaults will be used. */\n  get level(): number {\n    return this.__level;\n  }\n\n  set level(value: number) {\n    this.__level = value;\n    this.__api = this.__createAPIInstance();\n  }\n\n  /** Credentials storage implementing Web Storage API. Access tokens and other related info will be stored here. Defaults to in-memory storage. */\n  get storage(): 'session' | 'cookie' | 'local' {\n    return this.__storage;\n  }\n\n  set storage(value: 'session' | 'cookie' | 'local') {\n    this.__storage = value;\n    this.__api = this.__createAPIInstance();\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.addEventListener('fetch', this.__handleFetch);\n  }\n\n  render(): TemplateResult {\n    return html`\n      ${this.renderTemplateOrSlot(this.isLoggedIn ? 'logged-in' : 'logged-out')}\n      <slot></slot>\n    `;\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.removeEventListener('fetch', this.__handleFetch);\n  }\n\n  private __createAPIInstance() {\n    const storageOptions = {\n      session: sessionStorage,\n      cookie: cookieStorage,\n      local: localStorage,\n    };\n\n    return new API({\n      storage: storageOptions[this.storage],\n      level: this.level,\n      base: new URL(this.base),\n    });\n  }\n\n  private async __handleVirtualAuthSessionDelete() {\n    await this.api.signOut();\n\n    this.dispatchEvent(new CustomerApi.SignOutEvent('signout'));\n    this.requestUpdate();\n\n    return new Response();\n  }\n\n  private async __handleVirtualAuthSessionPost(request: Request) {\n    const payload = await request.clone().json();\n    if (payload.type !== 'password') throw new Error(`Unknown payload type ${payload.type}`);\n\n    let status: number;\n    let body: unknown;\n\n    try {\n      await this.api.signIn(payload.credential);\n\n      this.dispatchEvent(new CustomerApi.SignInEvent('signin'));\n      this.requestUpdate();\n\n      status = 200;\n      body = { _links: { self: { href: request.url } }, ...payload };\n    } catch (err) {\n      if (!(err instanceof API.AuthError)) throw err;\n      if (!(err.code === 'UNAUTHORIZED')) throw err;\n\n      const virtualAuthError = {\n        message: err.message,\n        logref: 'unavailable',\n        code: 'invalid_credential_error',\n      };\n\n      status = 401;\n      body = { total: 1, _embedded: { 'fx:errors': [virtualAuthError] } };\n    }\n\n    return new Response(JSON.stringify(body), { status });\n  }\n\n  private async __handleVirtualAuthRecoverPost(request: Request) {\n    const payload = await request.clone().json();\n\n    if (payload.type === 'email') {\n      await this.api.sendPasswordResetEmail(payload.detail);\n      return new Response(\n        JSON.stringify({\n          _links: { self: { href: request.url } },\n          email: payload.email,\n        })\n      );\n    } else {\n      throw new Error(`Unknown payload type ${payload.type}`);\n    }\n  }\n\n  private async __handleRequest(request: Request) {\n    const url = request.url;\n    const method = request.method;\n\n    try {\n      if (url === 'foxy://customer-api/session') {\n        if (method === 'DELETE') return this.__handleVirtualAuthSessionDelete();\n        if (method === 'POST') return this.__handleVirtualAuthSessionPost(request);\n      }\n\n      if (url === 'foxy://customer-api/recover') {\n        if (method === 'POST') return this.__handleVirtualAuthRecoverPost(request);\n      }\n\n      const response = await this.api.fetch(request);\n\n      if (response.status === 401) {\n        this.api.storage.clear();\n        this.dispatchEvent(new CustomerApi.SignOutEvent('signout'));\n        this.requestUpdate();\n      }\n\n      return response;\n    } catch (err) {\n      return new Response(null, { status: 500 });\n    }\n  }\n}\n"]}

package/dist/elements/public/CustomerPortal/InternalCustomerPortalChangePassword.d.ts

@@ -4,7 +4,9 @@ declare const enum Steps {
     NewPassword = 2,
     Done = 3
 }
-declare const Base: typeof LitElement & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+declare const Base: typeof LitElement & import("lit-element").Constructor<import("../../../mixins/inferrable").InferrableMixinHost> & {
+    inferredProperties: string[];
+} & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
     defaultNS: string;
 } & {
     styles: import("lit-element").CSSResultArray;

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

@@ -3,7 +3,8 @@ import { API } from "../NucleonElement/API.js";
 import { ResponsiveMixin } from "../../../mixins/responsive.js";
 import { ThemeableMixin } from "../../../mixins/themeable.js";
 import { TranslatableMixin } from "../../../mixins/translatable.js";
-const Base = ResponsiveMixin(ThemeableMixin(TranslatableMixin(LitElement)));
+import { InferrableMixin } from "../../../mixins/inferrable.js";
+const Base = ResponsiveMixin(ThemeableMixin(TranslatableMixin(InferrableMixin(LitElement))));
 export class InternalCustomerPortalChangePassword extends Base {
     constructor() {
         super(...arguments);

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

@@ -1 +1 @@
-{"version":3,"file":"InternalCustomerPortalChangePassword.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerPortal/InternalCustomerPortalChangePassword.ts"],"names":[],"mappings":"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","sourcesContent":["import { FormRenderer, FormRendererContext } from '../FormDialog/types';\nimport { LitElement, PropertyDeclarations, TemplateResult, html } from 'lit-element';\n\nimport { API } from '../NucleonElement/API';\nimport { ButtonElement } from '@vaadin/vaadin-button';\nimport { FormDialog } from '../FormDialog/FormDialog';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { SignInForm } from '../SignInForm/SignInForm';\nimport { Data as SignInFormData } from '../SignInForm/types';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\n\nconst enum Steps {\n  CurrentPassword = 1,\n  NewPassword = 2,\n  Done = 3,\n}\n\nconst Base = ResponsiveMixin(ThemeableMixin(TranslatableMixin(LitElement)));\n\ntype UpdateEvent = InstanceType<typeof SignInForm.UpdateEvent>;\ntype FetchEvent = InstanceType<typeof SignInForm.API.FetchEvent>;\n\nexport class InternalCustomerPortalChangePassword extends Base {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      isErrorVisible: { attribute: false },\n      disabled: { type: Boolean },\n      customer: { type: String },\n      session: { type: String },\n      email: { type: String },\n      step: { attribute: false },\n      fail: { attribute: false },\n    };\n  }\n\n  isErrorVisible = false;\n\n  disabled = false;\n\n  customer = '';\n\n  session = '';\n\n  email = '';\n\n  step = Steps.CurrentPassword;\n\n  private readonly __handleTriggerClick = (evt: CustomEvent<void>) => {\n    const button = evt.currentTarget as ButtonElement;\n    const dialog = this.renderRoot.querySelector('#dialog') as FormDialog;\n\n    this.isErrorVisible = false;\n    this.step = Steps.CurrentPassword;\n\n    dialog.show(button);\n  };\n\n  private readonly __handleSignInFormUpdate = (evt: UpdateEvent, ctx: FormRendererContext) => {\n    ctx.handleUpdate(evt);\n\n    const target = evt.currentTarget as SignInForm;\n    if (target.form.credential?.email || !this.email) return;\n\n    target.edit({\n      type: target.form.type ?? 'password',\n      credential: {\n        email: this.email,\n        password: target.form.credential?.password ?? '',\n      },\n    });\n  };\n\n  private readonly __handleSignInFormFetch = (evt: FetchEvent) => {\n    if (evt.defaultPrevented) return;\n    if (evt.request.method !== 'POST') return;\n    if (evt.request.url !== this.session) return;\n\n    evt.preventDefault();\n    evt.stopImmediatePropagation();\n    evt.respondWith(this.__getResponse(evt.request));\n  };\n\n  private readonly __renderSignInForm: FormRenderer = ctx => {\n    const readonlyControls: string[] = [];\n    const hiddenControls: string[] = ['email'];\n\n    let background = 'bg-primary-10';\n    let foreground = 'text-primary';\n    let icon = 'icons:lock-outline';\n    let slot = 'password:before';\n\n    if (this.step === Steps.NewPassword) {\n      hiddenControls.push('password');\n      slot = 'new-password:before';\n      icon = 'icons:lock-open';\n    }\n\n    if (this.step === Steps.Done) {\n      readonlyControls.push('new-password');\n      hiddenControls.push('password', 'submit');\n      background = 'bg-success-10';\n      foreground = 'text-success';\n      slot = 'new-password:before';\n      icon = 'icons:done-all';\n    }\n\n    if (!this.isErrorVisible) hiddenControls.push('error');\n\n    return html`\n      <foxy-sign-in-form\n        readonlycontrols=${readonlyControls.join(' ')}\n        hiddencontrols=${hiddenControls.join(' ')}\n        parent=${this.session}\n        class=\"mt-s sm-w-narrow-modal\"\n        lang=${ctx.dialog.lang}\n        ns=${ctx.dialog.ns}\n        @update=${(evt: UpdateEvent) => this.__handleSignInFormUpdate(evt, ctx)}\n        @fetch=${this.__handleSignInFormFetch}\n      >\n        <div class=\"mx-auto flex mb-m w-l h-l rounded-t-l rounded-b-l ${background}\" slot=${slot}>\n          <iron-icon icon=${icon} class=\"m-auto ${foreground}\"></iron-icon>\n        </div>\n\n        <foxy-i18n\n          class=\"block text-center text-m text-secondary leading-m mb-m\"\n          lang=${ctx.dialog.lang}\n          slot=${slot}\n          key=\"change_password_step_${this.step}\"\n          ns=${ctx.dialog.ns}\n        >\n        </foxy-i18n>\n      </foxy-sign-in-form>\n    `;\n  };\n\n  render(): TemplateResult {\n    return html`\n      <foxy-form-dialog\n        hiddencontrols=\"save-button\"\n        header=\"change_password\"\n        lang=${this.lang}\n        ns=${this.ns}\n        alert\n        id=\"dialog\"\n        .form=${this.__renderSignInForm}\n      >\n      </foxy-form-dialog>\n\n      <vaadin-button class=\"w-full\" ?disabled=${this.disabled} @click=${this.__handleTriggerClick}>\n        <foxy-i18n lang=${this.lang} key=\"change_password\" ns=${this.ns}></foxy-i18n>\n      </vaadin-button>\n    `;\n  }\n\n  private async __getResponse(request: Request): Promise<Response> {\n    const json = (await request.clone().json()) as SignInFormData;\n    const api = new API(this);\n\n    this.isErrorVisible = false;\n\n    if (this.step === Steps.CurrentPassword) {\n      const response = await api.fetch(request.url, {\n        method: request.method,\n        body: JSON.stringify(json),\n      });\n\n      if (response.ok) {\n        this.step = Steps.NewPassword;\n        const body = { _embedded: { 'fx:errors': [{ code: 'new_password_required_error' }] } };\n        return new API.WHATWGResponse(JSON.stringify(body), { status: 400 });\n      } else {\n        this.isErrorVisible = true;\n        return response;\n      }\n    }\n\n    if (this.step === Steps.NewPassword) {\n      const response = await api.fetch(this.customer, {\n        method: 'PATCH',\n        body: JSON.stringify({\n          password: json.credential.new_password,\n          password_old: json.credential.password,\n        }),\n      });\n\n      if (response.ok) {\n        this.step = Steps.Done;\n        json._links = { self: { href: request.url } };\n        return new API.WHATWGResponse(JSON.stringify(json));\n      } else {\n        this.isErrorVisible = true;\n        return response;\n      }\n    }\n\n    return api.fetch(request);\n  }\n}\n"]}
+{"version":3,"file":"InternalCustomerPortalChangePassword.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerPortal/InternalCustomerPortalChangePassword.ts"],"names":[],"mappings":"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","sourcesContent":["import { FormRenderer, FormRendererContext } from '../FormDialog/types';\nimport { LitElement, PropertyDeclarations, TemplateResult, html } from 'lit-element';\n\nimport { API } from '../NucleonElement/API';\nimport { ButtonElement } from '@vaadin/vaadin-button';\nimport { FormDialog } from '../FormDialog/FormDialog';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { SignInForm } from '../SignInForm/SignInForm';\nimport { Data as SignInFormData } from '../SignInForm/types';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InferrableMixin } from '../../../mixins/inferrable';\n\nconst enum Steps {\n  CurrentPassword = 1,\n  NewPassword = 2,\n  Done = 3,\n}\n\nconst Base = ResponsiveMixin(ThemeableMixin(TranslatableMixin(InferrableMixin(LitElement))));\n\ntype UpdateEvent = InstanceType<typeof SignInForm.UpdateEvent>;\ntype FetchEvent = InstanceType<typeof SignInForm.API.FetchEvent>;\n\nexport class InternalCustomerPortalChangePassword extends Base {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      isErrorVisible: { attribute: false },\n      disabled: { type: Boolean },\n      customer: { type: String },\n      session: { type: String },\n      email: { type: String },\n      step: { attribute: false },\n      fail: { attribute: false },\n    };\n  }\n\n  isErrorVisible = false;\n\n  disabled = false;\n\n  customer = '';\n\n  session = '';\n\n  email = '';\n\n  step = Steps.CurrentPassword;\n\n  private readonly __handleTriggerClick = (evt: CustomEvent<void>) => {\n    const button = evt.currentTarget as ButtonElement;\n    const dialog = this.renderRoot.querySelector('#dialog') as FormDialog;\n\n    this.isErrorVisible = false;\n    this.step = Steps.CurrentPassword;\n\n    dialog.show(button);\n  };\n\n  private readonly __handleSignInFormUpdate = (evt: UpdateEvent, ctx: FormRendererContext) => {\n    ctx.handleUpdate(evt);\n\n    const target = evt.currentTarget as SignInForm;\n    if (target.form.credential?.email || !this.email) return;\n\n    target.edit({\n      type: target.form.type ?? 'password',\n      credential: {\n        email: this.email,\n        password: target.form.credential?.password ?? '',\n      },\n    });\n  };\n\n  private readonly __handleSignInFormFetch = (evt: FetchEvent) => {\n    if (evt.defaultPrevented) return;\n    if (evt.request.method !== 'POST') return;\n    if (evt.request.url !== this.session) return;\n\n    evt.preventDefault();\n    evt.stopImmediatePropagation();\n    evt.respondWith(this.__getResponse(evt.request));\n  };\n\n  private readonly __renderSignInForm: FormRenderer = ctx => {\n    const readonlyControls: string[] = [];\n    const hiddenControls: string[] = ['email'];\n\n    let background = 'bg-primary-10';\n    let foreground = 'text-primary';\n    let icon = 'icons:lock-outline';\n    let slot = 'password:before';\n\n    if (this.step === Steps.NewPassword) {\n      hiddenControls.push('password');\n      slot = 'new-password:before';\n      icon = 'icons:lock-open';\n    }\n\n    if (this.step === Steps.Done) {\n      readonlyControls.push('new-password');\n      hiddenControls.push('password', 'submit');\n      background = 'bg-success-10';\n      foreground = 'text-success';\n      slot = 'new-password:before';\n      icon = 'icons:done-all';\n    }\n\n    if (!this.isErrorVisible) hiddenControls.push('error');\n\n    return html`\n      <foxy-sign-in-form\n        readonlycontrols=${readonlyControls.join(' ')}\n        hiddencontrols=${hiddenControls.join(' ')}\n        parent=${this.session}\n        class=\"mt-s sm-w-narrow-modal\"\n        lang=${ctx.dialog.lang}\n        ns=${ctx.dialog.ns}\n        @update=${(evt: UpdateEvent) => this.__handleSignInFormUpdate(evt, ctx)}\n        @fetch=${this.__handleSignInFormFetch}\n      >\n        <div class=\"mx-auto flex mb-m w-l h-l rounded-t-l rounded-b-l ${background}\" slot=${slot}>\n          <iron-icon icon=${icon} class=\"m-auto ${foreground}\"></iron-icon>\n        </div>\n\n        <foxy-i18n\n          class=\"block text-center text-m text-secondary leading-m mb-m\"\n          lang=${ctx.dialog.lang}\n          slot=${slot}\n          key=\"change_password_step_${this.step}\"\n          ns=${ctx.dialog.ns}\n        >\n        </foxy-i18n>\n      </foxy-sign-in-form>\n    `;\n  };\n\n  render(): TemplateResult {\n    return html`\n      <foxy-form-dialog\n        hiddencontrols=\"save-button\"\n        header=\"change_password\"\n        lang=${this.lang}\n        ns=${this.ns}\n        alert\n        id=\"dialog\"\n        .form=${this.__renderSignInForm}\n      >\n      </foxy-form-dialog>\n\n      <vaadin-button class=\"w-full\" ?disabled=${this.disabled} @click=${this.__handleTriggerClick}>\n        <foxy-i18n lang=${this.lang} key=\"change_password\" ns=${this.ns}></foxy-i18n>\n      </vaadin-button>\n    `;\n  }\n\n  private async __getResponse(request: Request): Promise<Response> {\n    const json = (await request.clone().json()) as SignInFormData;\n    const api = new API(this);\n\n    this.isErrorVisible = false;\n\n    if (this.step === Steps.CurrentPassword) {\n      const response = await api.fetch(request.url, {\n        method: request.method,\n        body: JSON.stringify(json),\n      });\n\n      if (response.ok) {\n        this.step = Steps.NewPassword;\n        const body = { _embedded: { 'fx:errors': [{ code: 'new_password_required_error' }] } };\n        return new API.WHATWGResponse(JSON.stringify(body), { status: 400 });\n      } else {\n        this.isErrorVisible = true;\n        return response;\n      }\n    }\n\n    if (this.step === Steps.NewPassword) {\n      const response = await api.fetch(this.customer, {\n        method: 'PATCH',\n        body: JSON.stringify({\n          password: json.credential.new_password,\n          password_old: json.credential.password,\n        }),\n      });\n\n      if (response.ok) {\n        this.step = Steps.Done;\n        json._links = { self: { href: request.url } };\n        return new API.WHATWGResponse(JSON.stringify(json));\n      } else {\n        this.isErrorVisible = true;\n        return response;\n      }\n    }\n\n    return api.fetch(request);\n  }\n}\n"]}

package/dist/elements/public/CustomerPortal/InternalCustomerPortalLoggedOutView.d.ts

@@ -1,5 +1,7 @@
 import { CSSResultArray, LitElement, PropertyDeclarations, TemplateResult } from 'lit-element';
-declare const Base: typeof LitElement & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+declare const Base: typeof LitElement & import("lit-element").Constructor<import("../../../mixins/inferrable").InferrableMixinHost> & {
+    inferredProperties: string[];
+} & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
     defaultNS: string;
 } & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost> & {
     styles: CSSResultArray;

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

@@ -2,7 +2,8 @@ import { LitElement, css, html, } from 'lit-element';
 import { ConfigurableMixin } from "../../../mixins/configurable.js";
 import { ThemeableMixin } from "../../../mixins/themeable.js";
 import { TranslatableMixin } from "../../../mixins/translatable.js";
-const Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(LitElement)));
+import { InferrableMixin } from "../../../mixins/inferrable.js";
+const Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(InferrableMixin(LitElement))));
 export class InternalCustomerPortalLoggedOutView extends Base {
     constructor() {
         super(...arguments);

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

@@ -1 +1 @@
-{"version":3,"file":"InternalCustomerPortalLoggedOutView.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerPortal/InternalCustomerPortalLoggedOutView.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  CSSResultArray,\n  LitElement,\n  PropertyDeclarations,\n  TemplateResult,\n  css,\n  html,\n} from 'lit-element';\n\nimport { AccessRecoveryForm } from '..';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { SignInForm } from '../SignInForm';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\n\nconst Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(LitElement)));\n\nexport class InternalCustomerPortalLoggedOutView extends Base {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      group: { type: String },\n      page: { type: String },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        .max-w-20rem {\n          max-width: 20rem;\n        }\n      `,\n    ];\n  }\n\n  group = '';\n\n  page: 'sign-in' | 'access-recovery' = 'sign-in';\n\n  private readonly __renderAccessRecoveryHeader = () => {\n    const { lang, ns } = this;\n    const formId = '#access-recovery-form';\n    const form = this.renderRoot.querySelector(formId) as AccessRecoveryForm | null;\n    const isBusy = !!form?.in('busy');\n\n    return html`\n      <div class=\"flex flex-col leading-m font-lumo\" data-testid=\"access-recovery:header\">\n        ${this.renderTemplateOrSlot('access-recovery:header:before')}\n\n        <foxy-i18n\n          class=\"text-xxl font-bold ${isBusy ? 'text-disabled' : 'text-body'}\"\n          lang=${lang}\n          key=\"recover_access\"\n          ns=\"${ns} ${customElements.get('foxy-access-recovery-form')?.defaultNS ?? ''}\"\n        >\n        </foxy-i18n>\n\n        <foxy-i18n\n          class=\"text-l ${isBusy ? 'text-disabled' : 'text-secondary'}\"\n          lang=${lang}\n          key=\"recover_access_hint\"\n          ns=\"${ns} ${customElements.get('foxy-access-recovery-form')?.defaultNS ?? ''}\"\n        >\n        </foxy-i18n>\n\n        ${this.renderTemplateOrSlot('access-recovery:header:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderAccessRecoveryBack = () => {\n    const formId = '#access-recovery-form';\n    const form = this.renderRoot.querySelector(formId) as AccessRecoveryForm | null;\n    const disabledSelector = this.disabledSelector.zoom('access-recovery');\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('access-recovery:back:before')}\n\n        <vaadin-button\n          data-testid=\"access-recovery:back\"\n          class=\"w-full\"\n          theme=\"tertiary\"\n          ?disabled=${!!form?.in('busy') || disabledSelector.matches('back', true)}\n          @click=${() => (this.page = 'sign-in')}\n        >\n          <foxy-i18n\n            lang=${this.lang}\n            key=\"back\"\n            ns=\"${this.ns} ${customElements.get('foxy-access-recovery-form')?.defaultNS ?? ''}\"\n          >\n          </foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('access-recovery:back:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderAccessRecoveryForm = () => {\n    const scope = 'access-recovery:form';\n    const hiddenSelector = this.hiddenSelector.zoom(scope);\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n        <foxy-access-recovery-form\n          readonlycontrols=${this.readonlySelector.zoom(scope).toString()}\n          disabledcontrols=${this.disabledSelector.zoom(scope).toString()}\n          hiddencontrols=${hiddenSelector.toString()}\n          data-testid=\"access-recovery:form\"\n          parent=\"foxy://customer-api/recover\"\n          group=${this.group}\n          lang=${this.lang}\n          ns=\"${this.ns} ${customElements.get('foxy-access-recovery-form')?.defaultNS ?? ''}\"\n          id=\"access-recovery-form\"\n          .templates=${this.getNestedTemplates(scope)}\n          @update=${() => this.requestUpdate()}\n        >\n        </foxy-access-recovery-form>\n\n        ${this.renderTemplateOrSlot(`${scope}:after`)}\n      </div>\n    `;\n  };\n\n  private readonly __renderAccessRecovery = () => {\n    const scope = 'access-recovery';\n    const hiddenSelector = this.hiddenSelector.zoom(scope);\n\n    return html`\n      <div class=\"h-full flex\" data-testid=\"access-recovery\">\n        <div class=\"m-auto max-w-20rem flex-1\">\n          ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n          <div class=\"space-y-l\">\n            ${hiddenSelector.matches('header', true) ? '' : this.__renderAccessRecoveryHeader()}\n            <div class=\"space-y-s\">\n              ${hiddenSelector.matches('form', true) ? '' : this.__renderAccessRecoveryForm()}\n              ${hiddenSelector.matches('back', true) ? '' : this.__renderAccessRecoveryBack()}\n            </div>\n          </div>\n\n          ${this.renderTemplateOrSlot(`${scope}:after`)}\n        </div>\n      </div>\n    `;\n  };\n\n  private readonly __renderSignInHeader = () => {\n    const { lang, ns } = this;\n    const formId = '#sign-in-form';\n    const form = this.renderRoot.querySelector(formId) as SignInForm | null;\n    const isBusy = !!form?.in('busy');\n\n    return html`\n      <div class=\"flex flex-col leading-m font-lumo\" data-testid=\"sign-in:header\">\n        ${this.renderTemplateOrSlot('sign-in:header:before')}\n\n        <foxy-i18n\n          class=\"text-xxl font-bold ${isBusy ? 'text-disabled' : 'text-body'}\"\n          lang=${lang}\n          key=\"sign_in\"\n          ns=\"${ns} ${customElements.get('foxy-sign-in-form')?.defaultNS ?? ''}\"\n        >\n        </foxy-i18n>\n\n        <foxy-i18n\n          class=\"text-l ${isBusy ? 'text-disabled' : 'text-secondary'}\"\n          lang=${lang}\n          key=\"sign_in_hint\"\n          ns=\"${ns} ${customElements.get('foxy-sign-in-form')?.defaultNS ?? ''}\"\n        >\n        </foxy-i18n>\n\n        ${this.renderTemplateOrSlot('sign-in:header:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderSignInRecover = () => {\n    const form = this.renderRoot.querySelector<AccessRecoveryForm>('#sign-in-form');\n    const disabledSelector = this.disabledSelector.zoom('sign-in');\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('sign-in:recover:before')}\n\n        <vaadin-button\n          data-testid=\"sign-in:recover\"\n          class=\"w-full\"\n          theme=\"tertiary\"\n          ?disabled=${!!form?.in('busy') || disabledSelector.matches('recover', true)}\n          @click=${() => (this.page = 'access-recovery')}\n        >\n          <foxy-i18n\n            lang=${this.lang}\n            key=\"recover_access\"\n            ns=\"${this.ns} ${customElements.get('foxy-sign-in-form')?.defaultNS ?? ''}\"\n          >\n          </foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('sign-in:recover:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderSignInForm = () => {\n    const scope = 'sign-in:form';\n    const hiddenSelector = this.hiddenSelector.zoom(scope);\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n        <foxy-sign-in-form\n          readonlycontrols=${this.readonlySelector.zoom(scope).toString()}\n          disabledcontrols=${this.disabledSelector.zoom(scope).toString()}\n          hiddencontrols=${hiddenSelector.toString()}\n          data-testid=\"sign-in:form\"\n          parent=\"foxy://customer-api/session\"\n          group=${this.group}\n          lang=${this.lang}\n          id=\"sign-in-form\"\n          ns=\"${this.ns} ${customElements.get('foxy-sign-in-form')?.defaultNS ?? ''}\"\n          .templates=${this.getNestedTemplates('sign-in:form')}\n          @update=${() => this.requestUpdate()}\n        >\n        </foxy-sign-in-form>\n\n        ${this.renderTemplateOrSlot(`${scope}:after`)}\n      </div>\n    `;\n  };\n\n  private readonly __renderSignIn = () => {\n    const scope = 'sign-in';\n    const hiddenSelector = this.hiddenSelector.zoom(scope);\n\n    return html`\n      <div class=\"h-full flex\" data-testid=\"sign-in\">\n        <div class=\"m-auto max-w-20rem flex-1\">\n          ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n          <div class=\"space-y-l\">\n            ${hiddenSelector.matches('header', true) ? '' : this.__renderSignInHeader()}\n            <div class=\"space-y-s\">\n              ${hiddenSelector.matches('form', true) ? '' : this.__renderSignInForm()}\n              ${hiddenSelector.matches('recover', true) ? '' : this.__renderSignInRecover()}\n            </div>\n          </div>\n\n          ${this.renderTemplateOrSlot(`${scope}:after`)}\n        </div>\n      </div>\n    `;\n  };\n\n  render(): TemplateResult {\n    const { page, hiddenSelector } = this;\n\n    if (page === 'access-recovery' && !hiddenSelector.matches('access-recovery', true)) {\n      return this.__renderAccessRecovery();\n    }\n\n    if (page === 'sign-in' && !hiddenSelector.matches('sign-in', true)) {\n      return this.__renderSignIn();\n    }\n\n    return html``;\n  }\n}\n"]}
+{"version":3,"file":"InternalCustomerPortalLoggedOutView.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerPortal/InternalCustomerPortalLoggedOutView.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  CSSResultArray,\n  LitElement,\n  PropertyDeclarations,\n  TemplateResult,\n  css,\n  html,\n} from 'lit-element';\n\nimport { AccessRecoveryForm } from '..';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { SignInForm } from '../SignInForm';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InferrableMixin } from '../../../mixins/inferrable';\n\nconst Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(InferrableMixin(LitElement))));\n\nexport class InternalCustomerPortalLoggedOutView extends Base {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      group: { type: String },\n      page: { type: String },\n    };\n  }\n\n  static get styles(): CSSResultArray {\n    return [\n      super.styles,\n      css`\n        .max-w-20rem {\n          max-width: 20rem;\n        }\n      `,\n    ];\n  }\n\n  group = '';\n\n  page: 'sign-in' | 'access-recovery' = 'sign-in';\n\n  private readonly __renderAccessRecoveryHeader = () => {\n    const { lang, ns } = this;\n    const formId = '#access-recovery-form';\n    const form = this.renderRoot.querySelector(formId) as AccessRecoveryForm | null;\n    const isBusy = !!form?.in('busy');\n\n    return html`\n      <div class=\"flex flex-col leading-m font-lumo\" data-testid=\"access-recovery:header\">\n        ${this.renderTemplateOrSlot('access-recovery:header:before')}\n\n        <foxy-i18n\n          class=\"text-xxl font-bold ${isBusy ? 'text-disabled' : 'text-body'}\"\n          lang=${lang}\n          key=\"recover_access\"\n          ns=\"${ns} ${customElements.get('foxy-access-recovery-form')?.defaultNS ?? ''}\"\n        >\n        </foxy-i18n>\n\n        <foxy-i18n\n          class=\"text-l ${isBusy ? 'text-disabled' : 'text-secondary'}\"\n          lang=${lang}\n          key=\"recover_access_hint\"\n          ns=\"${ns} ${customElements.get('foxy-access-recovery-form')?.defaultNS ?? ''}\"\n        >\n        </foxy-i18n>\n\n        ${this.renderTemplateOrSlot('access-recovery:header:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderAccessRecoveryBack = () => {\n    const formId = '#access-recovery-form';\n    const form = this.renderRoot.querySelector(formId) as AccessRecoveryForm | null;\n    const disabledSelector = this.disabledSelector.zoom('access-recovery');\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('access-recovery:back:before')}\n\n        <vaadin-button\n          data-testid=\"access-recovery:back\"\n          class=\"w-full\"\n          theme=\"tertiary\"\n          ?disabled=${!!form?.in('busy') || disabledSelector.matches('back', true)}\n          @click=${() => (this.page = 'sign-in')}\n        >\n          <foxy-i18n\n            lang=${this.lang}\n            key=\"back\"\n            ns=\"${this.ns} ${customElements.get('foxy-access-recovery-form')?.defaultNS ?? ''}\"\n          >\n          </foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('access-recovery:back:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderAccessRecoveryForm = () => {\n    const scope = 'access-recovery:form';\n    const hiddenSelector = this.hiddenSelector.zoom(scope);\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n        <foxy-access-recovery-form\n          readonlycontrols=${this.readonlySelector.zoom(scope).toString()}\n          disabledcontrols=${this.disabledSelector.zoom(scope).toString()}\n          hiddencontrols=${hiddenSelector.toString()}\n          data-testid=\"access-recovery:form\"\n          parent=\"foxy://customer-api/recover\"\n          group=${this.group}\n          lang=${this.lang}\n          ns=\"${this.ns} ${customElements.get('foxy-access-recovery-form')?.defaultNS ?? ''}\"\n          id=\"access-recovery-form\"\n          .templates=${this.getNestedTemplates(scope)}\n          @update=${() => this.requestUpdate()}\n        >\n        </foxy-access-recovery-form>\n\n        ${this.renderTemplateOrSlot(`${scope}:after`)}\n      </div>\n    `;\n  };\n\n  private readonly __renderAccessRecovery = () => {\n    const scope = 'access-recovery';\n    const hiddenSelector = this.hiddenSelector.zoom(scope);\n\n    return html`\n      <div class=\"h-full flex\" data-testid=\"access-recovery\">\n        <div class=\"m-auto max-w-20rem flex-1\">\n          ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n          <div class=\"space-y-l\">\n            ${hiddenSelector.matches('header', true) ? '' : this.__renderAccessRecoveryHeader()}\n            <div class=\"space-y-s\">\n              ${hiddenSelector.matches('form', true) ? '' : this.__renderAccessRecoveryForm()}\n              ${hiddenSelector.matches('back', true) ? '' : this.__renderAccessRecoveryBack()}\n            </div>\n          </div>\n\n          ${this.renderTemplateOrSlot(`${scope}:after`)}\n        </div>\n      </div>\n    `;\n  };\n\n  private readonly __renderSignInHeader = () => {\n    const { lang, ns } = this;\n    const formId = '#sign-in-form';\n    const form = this.renderRoot.querySelector(formId) as SignInForm | null;\n    const isBusy = !!form?.in('busy');\n\n    return html`\n      <div class=\"flex flex-col leading-m font-lumo\" data-testid=\"sign-in:header\">\n        ${this.renderTemplateOrSlot('sign-in:header:before')}\n\n        <foxy-i18n\n          class=\"text-xxl font-bold ${isBusy ? 'text-disabled' : 'text-body'}\"\n          lang=${lang}\n          key=\"sign_in\"\n          ns=\"${ns} ${customElements.get('foxy-sign-in-form')?.defaultNS ?? ''}\"\n        >\n        </foxy-i18n>\n\n        <foxy-i18n\n          class=\"text-l ${isBusy ? 'text-disabled' : 'text-secondary'}\"\n          lang=${lang}\n          key=\"sign_in_hint\"\n          ns=\"${ns} ${customElements.get('foxy-sign-in-form')?.defaultNS ?? ''}\"\n        >\n        </foxy-i18n>\n\n        ${this.renderTemplateOrSlot('sign-in:header:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderSignInRecover = () => {\n    const form = this.renderRoot.querySelector<AccessRecoveryForm>('#sign-in-form');\n    const disabledSelector = this.disabledSelector.zoom('sign-in');\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('sign-in:recover:before')}\n\n        <vaadin-button\n          data-testid=\"sign-in:recover\"\n          class=\"w-full\"\n          theme=\"tertiary\"\n          ?disabled=${!!form?.in('busy') || disabledSelector.matches('recover', true)}\n          @click=${() => (this.page = 'access-recovery')}\n        >\n          <foxy-i18n\n            lang=${this.lang}\n            key=\"recover_access\"\n            ns=\"${this.ns} ${customElements.get('foxy-sign-in-form')?.defaultNS ?? ''}\"\n          >\n          </foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('sign-in:recover:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderSignInForm = () => {\n    const scope = 'sign-in:form';\n    const hiddenSelector = this.hiddenSelector.zoom(scope);\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n        <foxy-sign-in-form\n          readonlycontrols=${this.readonlySelector.zoom(scope).toString()}\n          disabledcontrols=${this.disabledSelector.zoom(scope).toString()}\n          hiddencontrols=${hiddenSelector.toString()}\n          data-testid=\"sign-in:form\"\n          parent=\"foxy://customer-api/session\"\n          group=${this.group}\n          lang=${this.lang}\n          id=\"sign-in-form\"\n          ns=\"${this.ns} ${customElements.get('foxy-sign-in-form')?.defaultNS ?? ''}\"\n          .templates=${this.getNestedTemplates('sign-in:form')}\n          @update=${() => this.requestUpdate()}\n        >\n        </foxy-sign-in-form>\n\n        ${this.renderTemplateOrSlot(`${scope}:after`)}\n      </div>\n    `;\n  };\n\n  private readonly __renderSignIn = () => {\n    const scope = 'sign-in';\n    const hiddenSelector = this.hiddenSelector.zoom(scope);\n\n    return html`\n      <div class=\"h-full flex\" data-testid=\"sign-in\">\n        <div class=\"m-auto max-w-20rem flex-1\">\n          ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n          <div class=\"space-y-l\">\n            ${hiddenSelector.matches('header', true) ? '' : this.__renderSignInHeader()}\n            <div class=\"space-y-s\">\n              ${hiddenSelector.matches('form', true) ? '' : this.__renderSignInForm()}\n              ${hiddenSelector.matches('recover', true) ? '' : this.__renderSignInRecover()}\n            </div>\n          </div>\n\n          ${this.renderTemplateOrSlot(`${scope}:after`)}\n        </div>\n      </div>\n    `;\n  };\n\n  render(): TemplateResult {\n    const { page, hiddenSelector } = this;\n\n    if (page === 'access-recovery' && !hiddenSelector.matches('access-recovery', true)) {\n      return this.__renderAccessRecovery();\n    }\n\n    if (page === 'sign-in' && !hiddenSelector.matches('sign-in', true)) {\n      return this.__renderSignIn();\n    }\n\n    return html``;\n  }\n}\n"]}

package/dist/elements/public/CustomerPortal/InternalCustomerPortalSubscriptions.d.ts

@@ -1,7 +1,9 @@
 import { Graph, Rels } from '@foxy.io/sdk/customer';
 import { LitElement, PropertyDeclarations, TemplateResult } from 'lit-element';
 import { Resource } from '@foxy.io/sdk/core';
-declare const Base: typeof LitElement & {
+declare const Base: typeof LitElement & import("lit-element").Constructor<import("../../../mixins/inferrable").InferrableMixinHost> & {
+    inferredProperties: string[];
+} & {
     styles: import("lit-element").CSSResultArray;
 } & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost> & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
     defaultNS: string;

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

@@ -4,7 +4,8 @@ import { ThemeableMixin } from "../../../mixins/themeable.js";
 import { TranslatableMixin } from "../../../mixins/translatable.js";
 import { classMap } from "../../../utils/class-map.js";
 import { ifDefined } from 'lit-html/directives/if-defined';
-const Base = TranslatableMixin(ConfigurableMixin(ThemeableMixin(LitElement)));
+import { InferrableMixin } from "../../../mixins/inferrable.js";
+const Base = TranslatableMixin(ConfigurableMixin(ThemeableMixin(InferrableMixin(LitElement))));
 export class InternalCustomerPortalSubscriptions extends Base {
     constructor() {
         super(...arguments);

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

@@ -1 +1 @@
-{"version":3,"file":"InternalCustomerPortalSubscriptions.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerPortal/InternalCustomerPortalSubscriptions.ts"],"names":[],"mappings":"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","sourcesContent":["import { ConfigurableMixin, Renderer } from '../../../mixins/configurable';\nimport { Graph, Rels } from '@foxy.io/sdk/customer';\nimport { LitElement, PropertyDeclarations, TemplateResult, html } from 'lit-element';\n\nimport { FormDialog } from '../FormDialog/FormDialog';\nimport { FormRendererContext } from '../FormDialog/types';\nimport { ItemRenderer } from '../CollectionPage/types';\nimport { PageRenderer } from '../CollectionPages/types';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { SubscriptionForm } from '../SubscriptionForm/SubscriptionForm';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\n\nconst Base = TranslatableMixin(ConfigurableMixin(ThemeableMixin(LitElement)));\n\nexport class InternalCustomerPortalSubscriptions extends Base {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      settings: { attribute: false },\n      customer: { attribute: false },\n      group: { type: String },\n    };\n  }\n\n  settings: Resource<Rels.CustomerPortalSettings> | null = null;\n\n  customer: Resource<Graph> | null = null;\n\n  group = '';\n\n  private readonly __renderFormHeaderActionsUpdate: Renderer<SubscriptionForm> = (html, host) => {\n    const hasEnded = !!host.data?.end_date && new Date(host.data.end_date).getTime() <= Date.now();\n    let billingLink = '';\n\n    if (!hasEnded && host.in({ idle: 'snapshot' })) {\n      const link = host.data._links['fx:sub_token_url'].href;\n      const updateBillingURL = new URL(link);\n\n      updateBillingURL.searchParams.set('cart', 'checkout');\n      updateBillingURL.searchParams.set('sub_restart', 'auto');\n      billingLink = updateBillingURL.toString();\n    }\n\n    return html`\n      ${host.renderTemplateOrSlot('header:actions:update:before')}\n\n      <foxy-internal-customer-portal-link\n        data-testid=\"header:actions:update\"\n        href=${billingLink}\n        icon=\"icons:credit-card\"\n        ?disabled=${hasEnded || !host.in('idle')}\n      >\n        <foxy-i18n lang=${host.lang} key=\"update_billing\" ns=${host.ns}></foxy-i18n>\n      </foxy-internal-customer-portal-link>\n\n      ${host.renderTemplateOrSlot('header:actions:update:after')}\n    `;\n  };\n\n  private readonly __renderFormHeaderActionsEnd: Renderer<SubscriptionForm> = (html, host) => {\n    const hasEndDate = !!host.data?.end_date;\n    let cancelLink = '';\n\n    if (!hasEndDate && host.in({ idle: 'snapshot' })) {\n      const cancelURL = new URL(host.data._links['fx:sub_token_url'].href);\n\n      cancelURL.searchParams.set('sub_cancel', 'true');\n      cancelLink = cancelURL.toString();\n    }\n\n    return html`\n      ${host.renderTemplateOrSlot('header:actions:end:before')}\n\n      <foxy-internal-customer-portal-link\n        data-testid=\"header:actions:end\"\n        href=${cancelLink}\n        icon=\"icons:block\"\n        ?disabled=${hasEndDate || !host.in('idle')}\n      >\n        <foxy-i18n lang=${host.lang} key=\"end_subscription\" ns=${host.ns}></foxy-i18n>\n      </foxy-internal-customer-portal-link>\n\n      ${host.renderTemplateOrSlot('header:actions:end:after')}\n    `;\n  };\n\n  private readonly __renderFormHeaderActions: Renderer<SubscriptionForm> = (html, host) => {\n    const isUpdateActionHidden = host.hiddenSelector.matches('header:actions:update');\n    const isEndActionHidden = host.hiddenSelector.matches('header:actions:end');\n\n    return html`\n      <style>\n        main {\n          display: flex;\n          justify-content: space-between;\n          padding-top: var(--lumo-space-xs);\n          margin-top: var(--lumo-space-s);\n          border-top: 1px solid var(--lumo-contrast-10pct);\n          color: var(--lumo-secondary-color);\n        }\n      </style>\n\n      ${host.renderTemplateOrSlot('header:actions:before')}\n\n      <main data-testid=\"header:actions\">\n        ${isUpdateActionHidden ? '' : this.__renderFormHeaderActionsUpdate(html, host)}\n        ${isEndActionHidden ? '' : this.__renderFormHeaderActionsEnd(html, host)}\n      </main>\n\n      ${host.renderTemplateOrSlot('header:actions:after')}\n    `;\n  };\n\n  private readonly __renderFormItemsActionsUpdate: Renderer<SubscriptionForm> = (html, host) => {\n    // @ts-expect-error missing typedef in SDK\n    const itemsLink = host.data?._links['fx:sub_modification_url']?.href ?? '';\n    const hasEnded = !!host.data?.end_date && new Date(host.data.end_date).getTime() <= Date.now();\n\n    return html`\n      ${host.renderTemplateOrSlot('items:actions:update:before')}\n\n      <foxy-internal-customer-portal-link\n        data-testid=\"items:actions:update\"\n        class=\"text-primary\"\n        href=${itemsLink}\n        ?disabled=${hasEnded || !host.in('idle')}\n      >\n        <foxy-i18n lang=${host.lang} key=\"update_items\" ns=${host.ns}></foxy-i18n>\n      </foxy-internal-customer-portal-link>\n\n      ${host.renderTemplateOrSlot('items:actions:update:after')}\n    `;\n  };\n\n  private readonly __renderForm = (ctx: FormRendererContext) => {\n    const templates = { ...ctx.dialog.templates };\n    const originalHeaderAfterRenderer = templates['header:after'];\n    const originalItemsActionsAfterRenderer = templates['items:actions:after'];\n\n    templates['header:after'] = (html, host) => {\n      const actionsHidden = host.hiddenSelector.matches('header:actions', true);\n      return html`\n        ${actionsHidden ? '' : this.__renderFormHeaderActions(html, host)}\n        ${originalHeaderAfterRenderer?.(html, host)}\n      `;\n    };\n\n    templates['items:actions:after'] = (html, host) => {\n      const hasUpdateLink = !!host.data?._links['fx:sub_modification_url'];\n      const isUpdateHidden = host.hiddenSelector.matches('items:actions:update', true);\n      const isUpdateRendered = hasUpdateLink && !isUpdateHidden;\n\n      return html`\n        ${isUpdateRendered ? this.__renderFormItemsActionsUpdate(html, host) : ''}\n        ${originalItemsActionsAfterRenderer?.(html, host)}\n      `;\n    };\n\n    return html`\n      <foxy-subscription-form\n        disabledcontrols=${ctx.dialog.disabledControls.toString()}\n        readonlycontrols=${ctx.dialog.readonlyControls.toString()}\n        hiddencontrols=${ctx.dialog.hiddenControls.toString()}\n        settings=${JSON.stringify(this.settings)}\n        parent=${ctx.dialog.parent}\n        group=${ctx.dialog.group}\n        lang=${ctx.dialog.lang}\n        href=${ctx.dialog.href}\n        ns=\"${ctx.dialog.ns} ${customElements.get('foxy-subscription-form')?.defaultNS ?? ''}\"\n        id=\"form\"\n        .templates=${templates}\n        @update=${ctx.handleUpdate}\n        @fetch=${ctx.handleFetch}\n      >\n      </foxy-subscription-form>\n    `;\n  };\n\n  private readonly __renderPageItem: ItemRenderer = ({ html, ...ctx }) => {\n    return html`\n      <button\n        class=${classMap({\n          'block w-full border border-contrast-10 p-m rounded-t-l rounded-b-l': true,\n          'focus-outline-none focus-border-primary': true,\n          'hover-border-contrast-30': ctx.data !== null,\n        })}\n        ?disabled=${ctx.data === null}\n        @click=${(evt: Event) => {\n          const url = new URL(ctx.href);\n          url.searchParams.set('zoom', 'last_transaction,transaction_template:items');\n          this.__subscriptionDialog.href = url.toString();\n          this.__subscriptionDialog.show(evt.currentTarget as HTMLButtonElement);\n        }}\n      >\n        <foxy-subscription-card\n          parent=${ctx.parent}\n          group=${ctx.group}\n          lang=${ctx.lang}\n          href=${ctx.href}\n          ns=\"${ctx.ns} ${customElements.get('foxy-subscription-card')?.defaultNS ?? ''}\"\n          .templates=${ctx.templates}\n        >\n        </foxy-subscription-card>\n      </button>\n    `;\n  };\n\n  private readonly __renderPage: PageRenderer<any> = ({ html, ...ctx }) => {\n    return html`\n      <foxy-collection-page\n        ns=${ctx.ns}\n        href=${ctx.href}\n        lang=${ctx.lang}\n        group=${ctx.group}\n        class=\"space-y-m\"\n        .item=${this.__renderPageItem}\n        .templates=${ctx.templates}\n      >\n      </foxy-collection-page>\n    `;\n  };\n\n  private readonly __renderHeader = () => {\n    return html`\n      ${this.renderTemplateOrSlot('header:before')}\n\n      <foxy-i18n\n        class=\"block text-l font-semibold\"\n        lang=${this.lang}\n        key=\"subscription_plural\"\n        ns=${this.ns}\n      >\n      </foxy-i18n>\n\n      ${this.renderTemplateOrSlot('header:after')}\n    `;\n  };\n\n  private readonly __renderList = () => {\n    const disabledSelector = this.disabledSelector.zoom('list');\n    const readonlySelector = this.readonlySelector.zoom('list');\n    const hiddenSelector = this.hiddenSelector.zoom('list');\n    const extendedHiddenControlsArray = [hiddenSelector.zoom('form').toString(), 'end-date'];\n\n    return html`\n      ${this.renderTemplateOrSlot('list:before')}\n\n      <foxy-form-dialog\n        readonlycontrols=${readonlySelector.zoom('form').toString()}\n        disabledcontrols=${disabledSelector.zoom('form').toString()}\n        hiddencontrols=${extendedHiddenControlsArray.join(' ').trim()}\n        header=\"update\"\n        parent=${ifDefined(this.customer?._links['fx:subscriptions'].href)}\n        group=${this.group}\n        lang=${this.lang}\n        ns=${this.ns}\n        id=\"subscription-dialog\"\n        .form=${this.__renderForm}\n        .templates=${this.getNestedTemplates('list:form')}\n      >\n      </foxy-form-dialog>\n\n      <foxy-collection-pages\n        class=\"block space-y-m\"\n        first=${this.__activeSubscriptionsLink}\n        group=${this.group}\n        lang=${this.lang}\n        ns=${this.ns}\n        manual\n        .page=${this.__renderPage}\n        .templates=${this.getNestedTemplates('list:card')}\n      >\n      </foxy-collection-pages>\n\n      ${this.renderTemplateOrSlot('list:after')}\n    `;\n  };\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"space-y-s\" data-testid=\"subscriptions\">\n        ${this.hiddenSelector.matches('header', true) ? '' : this.__renderHeader()}\n        ${this.hiddenSelector.matches('list', true) ? '' : this.__renderList()}\n      </div>\n    `;\n  }\n\n  private get __subscriptionDialog() {\n    return this.renderRoot.querySelector('#subscription-dialog') as FormDialog;\n  }\n\n  private get __activeSubscriptionsLink() {\n    try {\n      const url = new URL(this.customer!._links['fx:subscriptions'].href);\n      url.searchParams.set('zoom', 'last_transaction,transaction_template:items');\n      return url.toString();\n    } catch {\n      return '';\n    }\n  }\n}\n"]}
+{"version":3,"file":"InternalCustomerPortalSubscriptions.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerPortal/InternalCustomerPortalSubscriptions.ts"],"names":[],"mappings":"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","sourcesContent":["import { ConfigurableMixin, Renderer } from '../../../mixins/configurable';\nimport { Graph, Rels } from '@foxy.io/sdk/customer';\nimport { LitElement, PropertyDeclarations, TemplateResult, html } from 'lit-element';\n\nimport { FormDialog } from '../FormDialog/FormDialog';\nimport { FormRendererContext } from '../FormDialog/types';\nimport { ItemRenderer } from '../CollectionPage/types';\nimport { PageRenderer } from '../CollectionPages/types';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { SubscriptionForm } from '../SubscriptionForm/SubscriptionForm';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { InferrableMixin } from '../../../mixins/inferrable';\n\nconst Base = TranslatableMixin(ConfigurableMixin(ThemeableMixin(InferrableMixin(LitElement))));\n\nexport class InternalCustomerPortalSubscriptions extends Base {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      settings: { attribute: false },\n      customer: { attribute: false },\n      group: { type: String },\n    };\n  }\n\n  settings: Resource<Rels.CustomerPortalSettings> | null = null;\n\n  customer: Resource<Graph> | null = null;\n\n  group = '';\n\n  private readonly __renderFormHeaderActionsUpdate: Renderer<SubscriptionForm> = (html, host) => {\n    const hasEnded = !!host.data?.end_date && new Date(host.data.end_date).getTime() <= Date.now();\n    let billingLink = '';\n\n    if (!hasEnded && host.in({ idle: 'snapshot' })) {\n      const link = host.data._links['fx:sub_token_url'].href;\n      const updateBillingURL = new URL(link);\n\n      updateBillingURL.searchParams.set('cart', 'checkout');\n      updateBillingURL.searchParams.set('sub_restart', 'auto');\n      billingLink = updateBillingURL.toString();\n    }\n\n    return html`\n      ${host.renderTemplateOrSlot('header:actions:update:before')}\n\n      <foxy-internal-customer-portal-link\n        data-testid=\"header:actions:update\"\n        href=${billingLink}\n        icon=\"icons:credit-card\"\n        ?disabled=${hasEnded || !host.in('idle')}\n      >\n        <foxy-i18n lang=${host.lang} key=\"update_billing\" ns=${host.ns}></foxy-i18n>\n      </foxy-internal-customer-portal-link>\n\n      ${host.renderTemplateOrSlot('header:actions:update:after')}\n    `;\n  };\n\n  private readonly __renderFormHeaderActionsEnd: Renderer<SubscriptionForm> = (html, host) => {\n    const hasEndDate = !!host.data?.end_date;\n    let cancelLink = '';\n\n    if (!hasEndDate && host.in({ idle: 'snapshot' })) {\n      const cancelURL = new URL(host.data._links['fx:sub_token_url'].href);\n\n      cancelURL.searchParams.set('sub_cancel', 'true');\n      cancelLink = cancelURL.toString();\n    }\n\n    return html`\n      ${host.renderTemplateOrSlot('header:actions:end:before')}\n\n      <foxy-internal-customer-portal-link\n        data-testid=\"header:actions:end\"\n        href=${cancelLink}\n        icon=\"icons:block\"\n        ?disabled=${hasEndDate || !host.in('idle')}\n      >\n        <foxy-i18n lang=${host.lang} key=\"end_subscription\" ns=${host.ns}></foxy-i18n>\n      </foxy-internal-customer-portal-link>\n\n      ${host.renderTemplateOrSlot('header:actions:end:after')}\n    `;\n  };\n\n  private readonly __renderFormHeaderActions: Renderer<SubscriptionForm> = (html, host) => {\n    const isUpdateActionHidden = host.hiddenSelector.matches('header:actions:update');\n    const isEndActionHidden = host.hiddenSelector.matches('header:actions:end');\n\n    return html`\n      <style>\n        main {\n          display: flex;\n          justify-content: space-between;\n          padding-top: var(--lumo-space-xs);\n          margin-top: var(--lumo-space-s);\n          border-top: 1px solid var(--lumo-contrast-10pct);\n          color: var(--lumo-secondary-color);\n        }\n      </style>\n\n      ${host.renderTemplateOrSlot('header:actions:before')}\n\n      <main data-testid=\"header:actions\">\n        ${isUpdateActionHidden ? '' : this.__renderFormHeaderActionsUpdate(html, host)}\n        ${isEndActionHidden ? '' : this.__renderFormHeaderActionsEnd(html, host)}\n      </main>\n\n      ${host.renderTemplateOrSlot('header:actions:after')}\n    `;\n  };\n\n  private readonly __renderFormItemsActionsUpdate: Renderer<SubscriptionForm> = (html, host) => {\n    // @ts-expect-error missing typedef in SDK\n    const itemsLink = host.data?._links['fx:sub_modification_url']?.href ?? '';\n    const hasEnded = !!host.data?.end_date && new Date(host.data.end_date).getTime() <= Date.now();\n\n    return html`\n      ${host.renderTemplateOrSlot('items:actions:update:before')}\n\n      <foxy-internal-customer-portal-link\n        data-testid=\"items:actions:update\"\n        class=\"text-primary\"\n        href=${itemsLink}\n        ?disabled=${hasEnded || !host.in('idle')}\n      >\n        <foxy-i18n lang=${host.lang} key=\"update_items\" ns=${host.ns}></foxy-i18n>\n      </foxy-internal-customer-portal-link>\n\n      ${host.renderTemplateOrSlot('items:actions:update:after')}\n    `;\n  };\n\n  private readonly __renderForm = (ctx: FormRendererContext) => {\n    const templates = { ...ctx.dialog.templates };\n    const originalHeaderAfterRenderer = templates['header:after'];\n    const originalItemsActionsAfterRenderer = templates['items:actions:after'];\n\n    templates['header:after'] = (html, host) => {\n      const actionsHidden = host.hiddenSelector.matches('header:actions', true);\n      return html`\n        ${actionsHidden ? '' : this.__renderFormHeaderActions(html, host)}\n        ${originalHeaderAfterRenderer?.(html, host)}\n      `;\n    };\n\n    templates['items:actions:after'] = (html, host) => {\n      const hasUpdateLink = !!host.data?._links['fx:sub_modification_url'];\n      const isUpdateHidden = host.hiddenSelector.matches('items:actions:update', true);\n      const isUpdateRendered = hasUpdateLink && !isUpdateHidden;\n\n      return html`\n        ${isUpdateRendered ? this.__renderFormItemsActionsUpdate(html, host) : ''}\n        ${originalItemsActionsAfterRenderer?.(html, host)}\n      `;\n    };\n\n    return html`\n      <foxy-subscription-form\n        disabledcontrols=${ctx.dialog.disabledControls.toString()}\n        readonlycontrols=${ctx.dialog.readonlyControls.toString()}\n        hiddencontrols=${ctx.dialog.hiddenControls.toString()}\n        settings=${JSON.stringify(this.settings)}\n        parent=${ctx.dialog.parent}\n        group=${ctx.dialog.group}\n        lang=${ctx.dialog.lang}\n        href=${ctx.dialog.href}\n        ns=\"${ctx.dialog.ns} ${customElements.get('foxy-subscription-form')?.defaultNS ?? ''}\"\n        id=\"form\"\n        .templates=${templates}\n        @update=${ctx.handleUpdate}\n        @fetch=${ctx.handleFetch}\n      >\n      </foxy-subscription-form>\n    `;\n  };\n\n  private readonly __renderPageItem: ItemRenderer = ({ html, ...ctx }) => {\n    return html`\n      <button\n        class=${classMap({\n          'block w-full border border-contrast-10 p-m rounded-t-l rounded-b-l': true,\n          'focus-outline-none focus-border-primary': true,\n          'hover-border-contrast-30': ctx.data !== null,\n        })}\n        ?disabled=${ctx.data === null}\n        @click=${(evt: Event) => {\n          const url = new URL(ctx.href);\n          url.searchParams.set('zoom', 'last_transaction,transaction_template:items');\n          this.__subscriptionDialog.href = url.toString();\n          this.__subscriptionDialog.show(evt.currentTarget as HTMLButtonElement);\n        }}\n      >\n        <foxy-subscription-card\n          parent=${ctx.parent}\n          group=${ctx.group}\n          lang=${ctx.lang}\n          href=${ctx.href}\n          ns=\"${ctx.ns} ${customElements.get('foxy-subscription-card')?.defaultNS ?? ''}\"\n          .templates=${ctx.templates}\n        >\n        </foxy-subscription-card>\n      </button>\n    `;\n  };\n\n  private readonly __renderPage: PageRenderer<any> = ({ html, ...ctx }) => {\n    return html`\n      <foxy-collection-page\n        ns=${ctx.ns}\n        href=${ctx.href}\n        lang=${ctx.lang}\n        group=${ctx.group}\n        class=\"space-y-m\"\n        .item=${this.__renderPageItem}\n        .templates=${ctx.templates}\n      >\n      </foxy-collection-page>\n    `;\n  };\n\n  private readonly __renderHeader = () => {\n    return html`\n      ${this.renderTemplateOrSlot('header:before')}\n\n      <foxy-i18n\n        class=\"block text-l font-semibold\"\n        lang=${this.lang}\n        key=\"subscription_plural\"\n        ns=${this.ns}\n      >\n      </foxy-i18n>\n\n      ${this.renderTemplateOrSlot('header:after')}\n    `;\n  };\n\n  private readonly __renderList = () => {\n    const disabledSelector = this.disabledSelector.zoom('list');\n    const readonlySelector = this.readonlySelector.zoom('list');\n    const hiddenSelector = this.hiddenSelector.zoom('list');\n    const extendedHiddenControlsArray = [hiddenSelector.zoom('form').toString(), 'end-date'];\n\n    return html`\n      ${this.renderTemplateOrSlot('list:before')}\n\n      <foxy-form-dialog\n        readonlycontrols=${readonlySelector.zoom('form').toString()}\n        disabledcontrols=${disabledSelector.zoom('form').toString()}\n        hiddencontrols=${extendedHiddenControlsArray.join(' ').trim()}\n        header=\"update\"\n        parent=${ifDefined(this.customer?._links['fx:subscriptions'].href)}\n        group=${this.group}\n        lang=${this.lang}\n        ns=${this.ns}\n        id=\"subscription-dialog\"\n        .form=${this.__renderForm}\n        .templates=${this.getNestedTemplates('list:form')}\n      >\n      </foxy-form-dialog>\n\n      <foxy-collection-pages\n        class=\"block space-y-m\"\n        first=${this.__activeSubscriptionsLink}\n        group=${this.group}\n        lang=${this.lang}\n        ns=${this.ns}\n        manual\n        .page=${this.__renderPage}\n        .templates=${this.getNestedTemplates('list:card')}\n      >\n      </foxy-collection-pages>\n\n      ${this.renderTemplateOrSlot('list:after')}\n    `;\n  };\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"space-y-s\" data-testid=\"subscriptions\">\n        ${this.hiddenSelector.matches('header', true) ? '' : this.__renderHeader()}\n        ${this.hiddenSelector.matches('list', true) ? '' : this.__renderList()}\n      </div>\n    `;\n  }\n\n  private get __subscriptionDialog() {\n    return this.renderRoot.querySelector('#subscription-dialog') as FormDialog;\n  }\n\n  private get __activeSubscriptionsLink() {\n    try {\n      const url = new URL(this.customer!._links['fx:subscriptions'].href);\n      url.searchParams.set('zoom', 'last_transaction,transaction_template:items');\n      return url.toString();\n    } catch {\n      return '';\n    }\n  }\n}\n"]}

package/dist/elements/public/CustomerPortal/InternalCustomerPortalTransactions.d.ts

@@ -1,7 +1,9 @@
 import { LitElement, PropertyDeclarations, TemplateResult } from 'lit-element';
 import { Graph } from '@foxy.io/sdk/customer';
 import { Resource } from '@foxy.io/sdk/core';
-declare const Base: typeof LitElement & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+declare const Base: typeof LitElement & import("lit-element").Constructor<import("../../../mixins/inferrable").InferrableMixinHost> & {
+    inferredProperties: string[];
+} & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
     defaultNS: string;
 } & {
     styles: import("lit-element").CSSResultArray;

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

@@ -2,8 +2,9 @@ import { LitElement, html } from 'lit-element';
 import { ConfigurableMixin } from "../../../mixins/configurable.js";
 import { ThemeableMixin } from "../../../mixins/themeable.js";
 import { TranslatableMixin } from "../../../mixins/translatable.js";
+import { InferrableMixin } from "../../../mixins/inferrable.js";
 const NS = 'customer-portal';
-const Base = ConfigurableMixin(ThemeableMixin(TranslatableMixin(LitElement, NS)));
+const Base = ConfigurableMixin(ThemeableMixin(TranslatableMixin(InferrableMixin(LitElement), NS)));
 export class InternalCustomerPortalTransactions extends Base {
     constructor() {
         super(...arguments);

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

@@ -1 +1 @@
-{"version":3,"file":"InternalCustomerPortalTransactions.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerPortal/InternalCustomerPortalTransactions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwC,IAAI,EAAE,MAAM,aAAa,CAAC;AAErF,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AAGjE,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AAEjE,MAAM,EAAE,GAAG,iBAAiB,CAAC;AAC7B,MAAM,IAAI,GAAG,iBAAiB,CAAC,cAAc,CAAC,iBAAiB,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;AAElF,MAAM,OAAO,kCAAmC,SAAQ,IAAI;IAA5D;;QASE,aAAQ,GAA2B,IAAI,CAAC;QAExC,UAAK,GAAG,EAAE,CAAC;QAEM,mBAAc,GAAG,GAAG,EAAE;YACrC,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,eAAe,CAAC;;;;iBAInC,IAAI,CAAC,IAAI;;eAEX,IAAI,CAAC,EAAE;;;;UAIZ,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;;KAE9C,CAAC;QACJ,CAAC,CAAC;QAEe,iBAAY,GAAG,GAAG,EAAE;YACnC,IAAI,KAAK,GAAG,EAAE,CAAC;YAEf,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC,CAAC;gBACvE,QAAQ,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;gBAC3C,KAAK,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC;aAC7B;YAED,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;;;;kBAIhC,IAAI,CAAC,KAAK;kBACV,KAAK;;;iBAGN,IAAI,CAAC,IAAI;eACX,IAAI,CAAC,EAAE;;uBAEC,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC;;;;UAI7C,IAAI,CAAC,oBAAoB,CAAC,YAAY,CAAC;;KAE5C,CAAC;QACJ,CAAC,CAAC;IAUJ,CAAC;IArEC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,QAAQ,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YAC9B,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB,CAAC;IACJ,CAAC;IAuDD,MAAM;QACJ,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE;UAClE,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE;;KAEnE,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { LitElement, PropertyDeclarations, TemplateResult, html } from 'lit-element';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { Graph } from '@foxy.io/sdk/customer';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\n\nconst NS = 'customer-portal';\nconst Base = ConfigurableMixin(ThemeableMixin(TranslatableMixin(LitElement, NS)));\n\nexport class InternalCustomerPortalTransactions extends Base {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      customer: { attribute: false },\n      group: { type: String },\n    };\n  }\n\n  customer: Resource<Graph> | null = null;\n\n  group = '';\n\n  private readonly __renderHeader = () => {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('header:before')}\n\n        <foxy-i18n\n          class=\"text-l font-semibold\"\n          lang=${this.lang}\n          key=\"transaction_plural\"\n          ns=${this.ns}\n        >\n        </foxy-i18n>\n\n        ${this.renderTemplateOrSlot('header:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderList = () => {\n    let first = '';\n\n    if (this.customer) {\n      const firstURL = new URL(this.customer._links['fx:transactions'].href);\n      firstURL.searchParams.set('zoom', 'items');\n      first = firstURL.toString();\n    }\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('list:before')}\n\n        <foxy-collection-pages\n          spinner=\"foxy-spinner\"\n          group=${this.group}\n          first=${first}\n          class=\"block divide-y divide-contrast-10 px-m border border-contrast-10 rounded-t-l rounded-b-l\"\n          page=\"foxy-transactions-table\"\n          lang=${this.lang}\n          ns=${this.ns}\n          manual\n          .templates=${this.getNestedTemplates('table')}\n        >\n        </foxy-collection-pages>\n\n        ${this.renderTemplateOrSlot('list:after')}\n      </div>\n    `;\n  };\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"space-y-s\" data-testid=\"transactions\">\n        ${this.hiddenSelector.matches('header') ? '' : this.__renderHeader()}\n        ${this.hiddenSelector.matches('list') ? '' : this.__renderList()}\n      </div>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"InternalCustomerPortalTransactions.js","sourceRoot":"","sources":["../../../../src/elements/public/CustomerPortal/InternalCustomerPortalTransactions.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAwC,IAAI,EAAE,MAAM,aAAa,CAAC;AAErF,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AAGjE,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAE7D,MAAM,EAAE,GAAG,iBAAiB,CAAC;AAC7B,MAAM,IAAI,GAAG,iBAAiB,CAAC,cAAc,CAAC,iBAAiB,CAAC,eAAe,CAAC,UAAU,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;AAEnG,MAAM,OAAO,kCAAmC,SAAQ,IAAI;IAA5D;;QASE,aAAQ,GAA2B,IAAI,CAAC;QAExC,UAAK,GAAG,EAAE,CAAC;QAEM,mBAAc,GAAG,GAAG,EAAE;YACrC,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,eAAe,CAAC;;;;iBAInC,IAAI,CAAC,IAAI;;eAEX,IAAI,CAAC,EAAE;;;;UAIZ,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;;KAE9C,CAAC;QACJ,CAAC,CAAC;QAEe,iBAAY,GAAG,GAAG,EAAE;YACnC,IAAI,KAAK,GAAG,EAAE,CAAC;YAEf,IAAI,IAAI,CAAC,QAAQ,EAAE;gBACjB,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,IAAI,CAAC,CAAC;gBACvE,QAAQ,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;gBAC3C,KAAK,GAAG,QAAQ,CAAC,QAAQ,EAAE,CAAC;aAC7B;YAED,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;;;;kBAIhC,IAAI,CAAC,KAAK;kBACV,KAAK;;;iBAGN,IAAI,CAAC,IAAI;eACX,IAAI,CAAC,EAAE;;uBAEC,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC;;;;UAI7C,IAAI,CAAC,oBAAoB,CAAC,YAAY,CAAC;;KAE5C,CAAC;QACJ,CAAC,CAAC;IAUJ,CAAC;IArEC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,QAAQ,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE;YAC9B,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SACxB,CAAC;IACJ,CAAC;IAuDD,MAAM;QACJ,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE;UAClE,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE;;KAEnE,CAAC;IACJ,CAAC;CACF","sourcesContent":["import { LitElement, PropertyDeclarations, TemplateResult, html } from 'lit-element';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { Graph } from '@foxy.io/sdk/customer';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { InferrableMixin } from '../../../mixins/inferrable';\n\nconst NS = 'customer-portal';\nconst Base = ConfigurableMixin(ThemeableMixin(TranslatableMixin(InferrableMixin(LitElement), NS)));\n\nexport class InternalCustomerPortalTransactions extends Base {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      customer: { attribute: false },\n      group: { type: String },\n    };\n  }\n\n  customer: Resource<Graph> | null = null;\n\n  group = '';\n\n  private readonly __renderHeader = () => {\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('header:before')}\n\n        <foxy-i18n\n          class=\"text-l font-semibold\"\n          lang=${this.lang}\n          key=\"transaction_plural\"\n          ns=${this.ns}\n        >\n        </foxy-i18n>\n\n        ${this.renderTemplateOrSlot('header:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderList = () => {\n    let first = '';\n\n    if (this.customer) {\n      const firstURL = new URL(this.customer._links['fx:transactions'].href);\n      firstURL.searchParams.set('zoom', 'items');\n      first = firstURL.toString();\n    }\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('list:before')}\n\n        <foxy-collection-pages\n          spinner=\"foxy-spinner\"\n          group=${this.group}\n          first=${first}\n          class=\"block divide-y divide-contrast-10 px-m border border-contrast-10 rounded-t-l rounded-b-l\"\n          page=\"foxy-transactions-table\"\n          lang=${this.lang}\n          ns=${this.ns}\n          manual\n          .templates=${this.getNestedTemplates('table')}\n        >\n        </foxy-collection-pages>\n\n        ${this.renderTemplateOrSlot('list:after')}\n      </div>\n    `;\n  };\n\n  render(): TemplateResult {\n    return html`\n      <div class=\"space-y-s\" data-testid=\"transactions\">\n        ${this.hiddenSelector.matches('header') ? '' : this.__renderHeader()}\n        ${this.hiddenSelector.matches('list') ? '' : this.__renderList()}\n      </div>\n    `;\n  }\n}\n"]}

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

@@ -0,0 +1,28 @@
+import { Rels } from '@foxy.io/sdk/backend';
+import { Resource } from '@foxy.io/sdk/core';
+import { LitElement, PropertyDeclarations, TemplateResult } from 'lit-element';
+declare type DiscountType = Resource<Rels.Coupon>['coupon_discount_type'];
+declare type ParsedValue = {
+    name: string;
+    type: DiscountType;
+    details: string;
+};
+declare const Base: typeof LitElement & import("lit-element").Constructor<import("../../../mixins/inferrable").InferrableMixinHost> & {
+    inferredProperties: string[];
+} & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
+    defaultNS: string;
+} & import("lit-element").Constructor<import("../../../mixins/configurable").ConfigurableMixinHost> & {
+    styles: import("lit-element").CSSResultArray;
+};
+export declare class DiscountBuilder extends Base {
+    static get properties(): PropertyDeclarations;
+    value: string;
+    get parsedValue(): ParsedValue;
+    set parsedValue({ name, type, details }: ParsedValue);
+    render(): TemplateResult;
+    private __renderSelect;
+    private __renderSwitch;
+    private __renderField;
+    private __renderTier;
+}
+export {};