@foxy.io/elements 1.27.1 → 1.28.0-beta.1

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

@@ -1 +1 @@
-{"version":3,"file":"AccessRecoveryForm.js","sourceRoot":"","sources":["../../../../src/elements/public/AccessRecoveryForm/AccessRecoveryForm.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,IAAI,EAAE,MAAM,aAAa,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AAEjE,OAAO,EAAE,cAAc,EAAE,4CAAyC;AAElE,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,QAAQ,IAAI,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,EAAE,GAAG,sBAAsB,CAAC;AAClC,MAAM,IAAI,GAAG,cAAc,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;AAEtF;;;;;;;;;;;;;;GAcG;AACH,MAAM,OAAO,kBAAmB,SAAQ,IAAU;IAAlD;;QAQE,cAAS,GAAc,EAAE,CAAC;QAET,yBAAoB,GAAG,GAAG,EAAE;YAC3C,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;QAC3D,CAAC,CAAC;QAEe,kBAAa,GAAG,GAAG,EAAE;;YACpC,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;YACjC,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;YAC/B,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;YAE7C,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;YAC3E,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;YAC/E,MAAM,iBAAiB,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAExF,MAAM,aAAa,GAAG,CAAC,GAAkB,EAAE,EAAE;gBAC3C,IAAI,GAAG,CAAC,GAAG,KAAK,OAAO;oBAAE,IAAI,CAAC,MAAM,EAAE,CAAC;YACzC,CAAC,CAAC;YAEF,MAAM,WAAW,GAAG,CAAC,GAAe,EAAE,EAAE;gBACtC,IAAI,CAAC,IAAI,CAAC;oBACR,MAAM,EAAE,EAAE,KAAK,EAAG,GAAG,CAAC,MAA4B,CAAC,KAAK,EAAE;oBAC1D,IAAI,EAAE,OAAO;iBACd,CAAC,CAAC;YACL,CAAC,CAAC;YAEF,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;;;0BAGzB,iBAAiB;;;kBAGzB,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE;kBAC1B,SAAS,OAAC,IAAI,CAAC,IAAI,CAAC,MAAM,0CAAE,KAAK,CAAC;sBAC9B,MAAM,IAAI,MAAM,IAAI,QAAQ,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC;sBAC5E,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC;2BACvC,IAAI,CAAC,oBAAoB;mBACjC,WAAW;qBACT,aAAa;;;;UAIxB,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC;;KAE7C,CAAC;QACJ,CAAC,CAAC;QAEe,oBAAe,GAAG,GAAG,EAAE;YACtC,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;YACjC,MAAM,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,4BAA4B,CAAC;YACjF,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC;YAClD,MAAM,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,wBAAwB,CAAC;YAElE,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,gBAAgB,CAAC;;kEAEa,KAAK;0EACG,IAAI;4BAClD,IAAI,CAAC,IAAI,QAAQ,GAAG,OAAO,IAAI,CAAC,EAAE;;;UAGpD,IAAI,CAAC,oBAAoB,CAAC,eAAe,CAAC;;KAE/C,CAAC;QACJ,CAAC,CAAC;QAEe,mBAAc,GAAG,GAAG,EAAE;YACrC,MAAM,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;YACjC,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC;YACzC,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;YAC/B,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC;YAC7C,MAAM,gBAAgB,GAAG,MAAM,IAAI,MAAM,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC;YAElE,OAAO,IAAI,CAAA;;UAEL,IAAI,CAAC,oBAAoB,CAAC,eAAe,CAAC;;;;;;sBAM9B,gBAAgB,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC;mBACpE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE;;4BAEV,IAAI,CAAC,IAAI,4BAA4B,IAAI,CAAC,EAAE;;;UAG9D,IAAI,CAAC,oBAAoB,CAAC,cAAc,CAAC;;KAE9C,CAAC;QACJ,CAAC,CAAC;IAgDJ,CAAC;IApJC,MAAM,KAAK,GAAG;QACZ,OAAO;YACL,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,KAAK,KAAI,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,gBAAgB;YACvE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,WAAC,OAAA,OAAO,OAAC,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,KAAK,mCAAI,EAAE,CAAC,IAAI,qBAAqB,CAAA,EAAA;SACpE,CAAC;IACJ,CAAC;IAiGD,MAAM;;QACJ,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;QAC3C,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,IAAI,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;QAChE,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;QAE/B,OAAO,IAAI,CAAA;;;;oBAIK,MAAM;;;UAGhB,cAAc,CAAC,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,EAAE;UACjE,cAAc,CAAC,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,EAAE;UAChF,cAAc,CAAC,OAAO,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,cAAc,EAAE;;;;kBAI3D,QAAQ,CAAC;YACf,2DAA2D,EAAE,IAAI;YACjE,+BAA+B,EAAE,CAAC,MAAM;SACzC,CAAC;;;;;;mBAMO,IAAI,CAAC,IAAI;kBACV,IAAI,CAAC,EAAE,IAAI,YAAA,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,0CAAE,SAAS,mCAAI,EAAE;;;;;KAK3E,CAAC;IACJ,CAAC;IAES,KAAK,CAAC,SAAS,CAAC,KAAoB;QAC5C,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QACnC,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC;QAEtE,MAAM,MAAM,GAAG,cAAc,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACjD,MAAM,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAC/C,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;QAE/D,OAAO,IAAI,CAAC;IACd,CAAC;CACF","sourcesContent":["import { Data, Templates } from './types';\nimport { TemplateResult, html } from 'lit-element';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { EmailFieldElement } from '@vaadin/vaadin-text-field/vaadin-email-field';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { NucleonV8N } from '../NucleonElement/types';\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 { validate as isEmail } from 'email-validator';\n\nconst NS = 'access-recovery-form';\nconst Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS)));\n\n/**\n * Email-based \"forgot password\" form.\n *\n * @slot email:before\n * @slot email:after\n *\n * @slot message:before\n * @slot message:after\n *\n * @slot submit:before\n * @slot submit:after\n *\n * @element foxy-access-recovery-form\n * @since 1.4.0\n */\nexport class AccessRecoveryForm extends Base<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ detail: d }) => (d?.email && d.email.length > 0) || 'email_required',\n      ({ detail: d }) => isEmail(d?.email ?? '') || 'email_invalid_email',\n    ];\n  }\n\n  templates: Templates = {};\n\n  private readonly __checkEmailValidity = () => {\n    return !this.errors.some(err => err.startsWith('email'));\n  };\n\n  private readonly __renderEmail = () => {\n    const isFailed = this.in('fail');\n    const isBusy = this.in('busy');\n    const isDone = this.in({ idle: 'snapshot' });\n\n    const emailErrors = this.errors.filter(error => error.startsWith('email'));\n    const emailErrorKeys = emailErrors.map(error => error.replace('email', 'v8n'));\n    const emailErrorMessage = emailErrorKeys[0] ? this.t(emailErrorKeys[0]).toString() : '';\n\n    const handleKeyDown = (evt: KeyboardEvent) => {\n      if (evt.key === 'Enter') this.submit();\n    };\n\n    const handleInput = (evt: InputEvent) => {\n      this.edit({\n        detail: { email: (evt.target as EmailFieldElement).value },\n        type: 'email',\n      });\n    };\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('email:before')}\n\n        <vaadin-email-field\n          error-message=${emailErrorMessage}\n          data-testid=\"email\"\n          class=\"w-full\"\n          label=${this.t('email').toString()}\n          value=${ifDefined(this.form.detail?.email)}\n          ?disabled=${isBusy || isDone || isFailed || this.disabledSelector.matches('email', true)}\n          ?readonly=${this.readonlySelector.matches('email', true)}\n          .checkValidity=${this.__checkEmailValidity}\n          @input=${handleInput}\n          @keydown=${handleKeyDown}\n        >\n        </vaadin-email-field>\n\n        ${this.renderTemplateOrSlot('email:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderMessage = () => {\n    const isFailed = this.in('fail');\n    const color = isFailed ? 'bg-error-10 text-error' : 'bg-success-10 text-success';\n    const icon = isFailed ? 'lumo:error' : 'lumo:cog';\n    const key = isFailed ? 'unknown_error' : 'recover_access_success';\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('message:before')}\n\n        <p class=\"leading-s flex items-start text-s rounded p-s ${color}\">\n          <iron-icon class=\"flex-shrink-0 icon-inline text-l mr-s\" icon=${icon}></iron-icon>\n          <foxy-i18n lang=${this.lang} key=${key} ns=${this.ns} data-testid=\"message\"></foxy-i18n>\n        </p>\n\n        ${this.renderTemplateOrSlot('message:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderSubmit = () => {\n    const isFailed = this.in('fail');\n    const isValid = this.errors.length === 0;\n    const isBusy = this.in('busy');\n    const isDone = this.in({ idle: 'snapshot' });\n    const isDisabledByForm = isBusy || isDone || !isValid || isFailed;\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('submit:before')}\n\n        <vaadin-button\n          data-testid=\"submit\"\n          class=\"w-full\"\n          theme=\"primary\"\n          ?disabled=${isDisabledByForm || this.disabledSelector.matches('submit', true)}\n          @click=${() => this.submit()}\n        >\n          <foxy-i18n lang=${this.lang} key=\"recover_access\" ns=${this.ns}></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('submit:after')}\n      </div>\n    `;\n  };\n\n  render(): TemplateResult {\n    const hiddenSelector = this.hiddenSelector;\n    const isDone = this.in({ idle: 'snapshot' }) || this.in('fail');\n    const isBusy = this.in('busy');\n\n    return html`\n      <main\n        data-testid=\"wrapper\"\n        aria-live=\"polite\"\n        aria-busy=${isBusy}\n        class=\"relative font-lumo text-m leading-m space-y-m\"\n      >\n        ${hiddenSelector.matches('email', true) ? '' : this.__renderEmail()}\n        ${hiddenSelector.matches('message', true) || !isDone ? '' : this.__renderMessage()}\n        ${hiddenSelector.matches('submit', true) ? '' : this.__renderSubmit()}\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'transition duration-500 ease-in-out absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': !isBusy,\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=\"busy\"\n            lang=${this.lang}\n            ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </main>\n    `;\n  }\n\n  protected async _sendPost(edits: Partial<Data>): Promise<Data> {\n    const body = JSON.stringify(edits);\n    const data = await this._fetch(this.parent, { body, method: 'POST' });\n\n    const rumour = NucleonElement.Rumour(this.group);\n    const related = [...this.related, this.parent];\n    rumour.share({ data, related, source: data._links.self.href });\n\n    return data;\n  }\n}\n"]}
+{"version":3,"file":"AccessRecoveryForm.js","sourceRoot":"","sources":["../../../../src/elements/public/AccessRecoveryForm/AccessRecoveryForm.ts"],"names":[],"mappings":"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","sourcesContent":["import { Data } from './types';\nimport { TemplateResult, html } from 'lit-element';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { EmailFieldElement } from '@vaadin/vaadin-text-field/vaadin-email-field';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { NucleonV8N } from '../NucleonElement/types';\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 { validate as isEmail } from 'email-validator';\n\nconst NS = 'access-recovery-form';\nconst Base = ThemeableMixin(ConfigurableMixin(TranslatableMixin(NucleonElement, NS)));\n\n/**\n * Email-based \"forgot password\" form.\n *\n * @element foxy-access-recovery-form\n * @since 1.4.0\n */\nexport class AccessRecoveryForm extends Base<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ detail: d }) => (d?.email && d.email.length > 0) || 'email_required',\n      ({ detail: d }) => isEmail(d?.email ?? '') || 'email_invalid_email',\n    ];\n  }\n\n  private readonly __checkEmailValidity = () => {\n    return !this.errors.some(err => err.startsWith('email'));\n  };\n\n  private readonly __renderEmail = () => {\n    const isFailed = this.in('fail');\n    const isBusy = this.in('busy');\n    const isDone = this.in({ idle: 'snapshot' });\n\n    const emailErrors = this.errors.filter(error => error.startsWith('email'));\n    const emailErrorKeys = emailErrors.map(error => error.replace('email', 'v8n'));\n    const emailErrorMessage = emailErrorKeys[0] ? this.t(emailErrorKeys[0]).toString() : '';\n\n    const handleKeyDown = (evt: KeyboardEvent) => {\n      if (evt.key === 'Enter') this.submit();\n    };\n\n    const handleInput = (evt: InputEvent) => {\n      this.edit({\n        detail: { email: (evt.target as EmailFieldElement).value },\n        type: 'email',\n      });\n    };\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('email:before')}\n\n        <vaadin-email-field\n          error-message=${emailErrorMessage}\n          data-testid=\"email\"\n          class=\"w-full\"\n          label=${this.t('email').toString()}\n          value=${ifDefined(this.form.detail?.email)}\n          ?disabled=${isBusy || isDone || isFailed || this.disabledSelector.matches('email', true)}\n          ?readonly=${this.readonlySelector.matches('email', true)}\n          .checkValidity=${this.__checkEmailValidity}\n          @input=${handleInput}\n          @keydown=${handleKeyDown}\n        >\n        </vaadin-email-field>\n\n        ${this.renderTemplateOrSlot('email:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderMessage = () => {\n    const isFailed = this.in('fail');\n    const color = isFailed ? 'bg-error-10 text-error' : 'bg-success-10 text-success';\n    const icon = isFailed ? 'lumo:error' : 'lumo:cog';\n    const key = isFailed ? 'unknown_error' : 'recover_access_success';\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('message:before')}\n\n        <p class=\"leading-s flex items-start text-s rounded p-s ${color}\">\n          <iron-icon class=\"flex-shrink-0 icon-inline text-l mr-s\" icon=${icon}></iron-icon>\n          <foxy-i18n lang=${this.lang} key=${key} ns=${this.ns} data-testid=\"message\"></foxy-i18n>\n        </p>\n\n        ${this.renderTemplateOrSlot('message:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderSubmit = () => {\n    const isFailed = this.in('fail');\n    const isValid = this.errors.length === 0;\n    const isBusy = this.in('busy');\n    const isDone = this.in({ idle: 'snapshot' });\n    const isDisabledByForm = isBusy || isDone || !isValid || isFailed;\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('submit:before')}\n\n        <vaadin-button\n          data-testid=\"submit\"\n          class=\"w-full\"\n          theme=\"primary\"\n          ?disabled=${isDisabledByForm || this.disabledSelector.matches('submit', true)}\n          @click=${() => this.submit()}\n        >\n          <foxy-i18n lang=${this.lang} key=\"recover_access\" ns=${this.ns}></foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('submit:after')}\n      </div>\n    `;\n  };\n\n  render(): TemplateResult {\n    const hiddenSelector = this.hiddenSelector;\n    const isDone = this.in({ idle: 'snapshot' }) || this.in('fail');\n    const isBusy = this.in('busy');\n\n    return html`\n      <main\n        data-testid=\"wrapper\"\n        aria-live=\"polite\"\n        aria-busy=${isBusy}\n        class=\"relative font-lumo text-m leading-m space-y-m\"\n      >\n        ${hiddenSelector.matches('email', true) ? '' : this.__renderEmail()}\n        ${hiddenSelector.matches('message', true) || !isDone ? '' : this.__renderMessage()}\n        ${hiddenSelector.matches('submit', true) ? '' : this.__renderSubmit()}\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'transition duration-500 ease-in-out absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': !isBusy,\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=\"busy\"\n            lang=${this.lang}\n            ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </main>\n    `;\n  }\n\n  protected async _sendPost(edits: Partial<Data>): Promise<Data> {\n    const body = JSON.stringify(edits);\n    const data = await this._fetch(this.parent, { body, method: 'POST' });\n\n    const rumour = NucleonElement.Rumour(this.group);\n    const related = [...this.related, this.parent];\n    rumour.share({ data, related, source: data._links.self.href });\n\n    return data;\n  }\n}\n"]}

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

@@ -1,6 +1,4 @@
 import { Resource } from '@foxy.io/sdk/core';
-import { Renderer } from '../../../mixins/configurable';
-import { AccessRecoveryForm } from './AccessRecoveryForm';
 declare type Rel = {
     links: {
         self: Rel;
@@ -13,12 +11,4 @@ declare type Rel = {
     };
 };
 export declare type Data = Resource<Rel>;
-export declare type Templates = {
-    'email:before'?: Renderer<AccessRecoveryForm>;
-    'email:after'?: Renderer<AccessRecoveryForm>;
-    'message:before'?: Renderer<AccessRecoveryForm>;
-    'message:after'?: Renderer<AccessRecoveryForm>;
-    'submit:before'?: Renderer<AccessRecoveryForm>;
-    'submit:after'?: Renderer<AccessRecoveryForm>;
-};
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/AccessRecoveryForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import { Resource } from '@foxy.io/sdk/core';\nimport { Renderer } from '../../../mixins/configurable';\nimport { AccessRecoveryForm } from './AccessRecoveryForm';\n\ntype Rel = {\n  links: { self: Rel };\n  props: {\n    type: 'email';\n    detail: { email: string };\n  };\n};\n\nexport type Data = Resource<Rel>;\nexport type Templates = {\n  'email:before'?: Renderer<AccessRecoveryForm>;\n  'email:after'?: Renderer<AccessRecoveryForm>;\n  'message:before'?: Renderer<AccessRecoveryForm>;\n  'message:after'?: Renderer<AccessRecoveryForm>;\n  'submit:before'?: Renderer<AccessRecoveryForm>;\n  'submit:after'?: Renderer<AccessRecoveryForm>;\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/AccessRecoveryForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import { Resource } from '@foxy.io/sdk/core';\n\ntype Rel = {\n  links: { self: Rel };\n  props: {\n    type: 'email';\n    detail: { email: string };\n  };\n};\n\nexport type Data = Resource<Rel>;\n"]}

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

@@ -1,4 +1,4 @@
-import { Data, Templates } from './types';
+import { Data } 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> & {
@@ -9,26 +9,10 @@ declare const Base: typeof NucleonElement & import("lit-element").Constructor<im
 /**
  * Card element displaying a customer address.
  *
- * @slot address-name:before - **new in v1.4.0**
- * @slot address-name:after - **new in v1.4.0**
- *
- * @slot full-name:before - **new in v1.4.0**
- * @slot full-name:after - **new in v1.4.0**
- *
- * @slot full-address:before - **new in v1.4.0**
- * @slot full-address:after - **new in v1.4.0**
- *
- * @slot company:before - **new in v1.4.0**
- * @slot company:after - **new in v1.4.0**
- *
- * @slot phone:before - **new in v1.4.0**
- * @slot phone:after - **new in v1.4.0**
- *
  * @element foxy-address-card
  * @since 1.2.0
  */
 export declare class AddressCard extends Base<Data> {
-    templates: Templates;
     private readonly __renderAddressName;
     private readonly __renderLine;
     private readonly __renderFullName;

package/dist/elements/public/AddressCard/AddressCard.js

@@ -9,28 +9,12 @@ const Base = ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement,
 /**
  * Card element displaying a customer address.
  *
- * @slot address-name:before - **new in v1.4.0**
- * @slot address-name:after - **new in v1.4.0**
- *
- * @slot full-name:before - **new in v1.4.0**
- * @slot full-name:after - **new in v1.4.0**
- *
- * @slot full-address:before - **new in v1.4.0**
- * @slot full-address:after - **new in v1.4.0**
- *
- * @slot company:before - **new in v1.4.0**
- * @slot company:after - **new in v1.4.0**
- *
- * @slot phone:before - **new in v1.4.0**
- * @slot phone:after - **new in v1.4.0**
- *
  * @element foxy-address-card
  * @since 1.2.0
  */
 export class AddressCard extends Base {
     constructor() {
         super(...arguments);
-        this.templates = {};
         this.__renderAddressName = () => {
             var _a, _b, _c;
             const isDefaultBilling = !!((_a = this.data) === null || _a === void 0 ? void 0 : _a.is_default_billing);

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

@@ -1 +1 @@
-{"version":3,"file":"AddressCard.js","sourceRoot":"","sources":["../../../../src/elements/public/AddressCard/AddressCard.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';\n\nconst NS = 'address-card';\nconst Base = ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement, NS)));\n\n/**\n * Card element displaying a customer address.\n *\n * @slot address-name:before - **new in v1.4.0**\n * @slot address-name:after - **new in v1.4.0**\n *\n * @slot full-name:before - **new in v1.4.0**\n * @slot full-name:after - **new in v1.4.0**\n *\n * @slot full-address:before - **new in v1.4.0**\n * @slot full-address:after - **new in v1.4.0**\n *\n * @slot company:before - **new in v1.4.0**\n * @slot company:after - **new in v1.4.0**\n *\n * @slot phone:before - **new in v1.4.0**\n * @slot phone:after - **new in v1.4.0**\n *\n * @element foxy-address-card\n * @since 1.2.0\n */\nexport class AddressCard extends Base<Data> {\n  templates: Templates = {};\n\n  private readonly __renderAddressName = () => {\n    const isDefaultBilling = !!this.data?.is_default_billing;\n    const isDefaultShipping = !!this.data?.is_default_shipping;\n\n    return html`\n      <div class=\"mb-s leading-none\">\n        ${this.renderTemplateOrSlot('address-name:before')}\n\n        <span class=\"font-medium\">\n          ${isDefaultBilling || isDefaultShipping\n            ? html`\n                <foxy-i18n\n                  data-testid=\"address-name\"\n                  lang=${this.lang}\n                  key=\"default_${isDefaultBilling ? 'billing' : 'shipping'}_address\"\n                  ns=${this.ns}\n                >\n                </foxy-i18n>\n              `\n            : html`<span data-testid=\"address-name\">${this.data?.address_name}</span>`}\n          &ZeroWidthSpace;\n        </span>\n\n        ${this.renderTemplateOrSlot('address-name:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderLine = (id: string, icon: string, text: TemplateResult) => {\n    return html`\n      <p>\n        ${this.renderTemplateOrSlot(`${id}:before`)}\n\n        <span class=\"flex items-center text-m space-x-s text-secondary\">\n          <iron-icon icon=${icon} class=\"icon-inline flex-shrink-0\"></iron-icon>\n          <span class=\"truncate\" data-testid=${id}>${text}</span>\n          &ZeroWidthSpace;\n        </span>\n\n        ${this.renderTemplateOrSlot(`${id}:after`)}\n      </p>\n    `;\n  };\n\n  private readonly __renderFullName = () => {\n    const text = this.data\n      ? html`\n          <foxy-i18n\n            options=${JSON.stringify(this.data)}\n            lang=${this.lang}\n            key=\"full_name\"\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n        `\n      : html`–`;\n\n    return this.__renderLine('full-name', 'social:person', text);\n  };\n\n  private readonly __renderFullAddress = () => {\n    const text = this.data\n      ? html`\n          <foxy-i18n\n            data-testid=\"full-address\"\n            options=${JSON.stringify(this.data)}\n            lang=${this.lang}\n            key=\"full_address\"\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n        `\n      : html`–`;\n\n    return this.__renderLine('full-address', 'maps:place', text);\n  };\n\n  private readonly __renderCompany = () => {\n    const text = html`${this.data?.company || '–'}`;\n    return this.__renderLine('company', 'icons:work', text);\n  };\n\n  private readonly __renderPhone = () => {\n    const text = html`${this.data?.phone || '–'}`;\n    return this.__renderLine('phone', 'maps:local-phone', text);\n  };\n\n  render(): TemplateResult {\n    const hiddenSelector = this.hiddenSelector;\n    const isLoaded = this.in({ idle: 'snapshot' });\n    const isEmpty = this.in({ idle: 'template' });\n    const isBusy = this.in('busy');\n\n    return html`\n      <div\n        class=\"relative h-full text-left text-m leading-m font-lumo text-body\"\n        aria-live=\"polite\"\n        aria-busy=${isBusy}\n        data-testid=\"wrapper\"\n      >\n        <div\n          class=${classMap({\n            'transition duration-250 ease-in-out': true,\n            'opacity-0 pointer-events-none': !isLoaded,\n          })}\n        >\n          ${hiddenSelector.matches('address-name', true) ? '' : this.__renderAddressName()}\n          ${hiddenSelector.matches('full-name', true) ? '' : this.__renderFullName()}\n          ${hiddenSelector.matches('full-address', true) ? '' : this.__renderFullAddress()}\n          ${hiddenSelector.matches('company', true) ? '' : this.__renderCompany()}\n          ${hiddenSelector.matches('phone', true) ? '' : this.__renderPhone()}\n        </div>\n\n        <div\n          class=${classMap({\n            'transition duration-250 ease-in-out absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': isLoaded,\n          })}\n        >\n          <foxy-spinner\n            data-testid=\"spinner\"\n            state=${this.in('fail') ? 'error' : isEmpty ? '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"]}
+{"version":3,"file":"AddressCard.js","sourceRoot":"","sources":["../../../../src/elements/public/AddressCard/AddressCard.ts"],"names":[],"mappings":"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","sourcesContent":["import { Data } 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';\n\nconst NS = 'address-card';\nconst Base = ConfigurableMixin(ThemeableMixin(TranslatableMixin(NucleonElement, NS)));\n\n/**\n * Card element displaying a customer address.\n *\n * @element foxy-address-card\n * @since 1.2.0\n */\nexport class AddressCard extends Base<Data> {\n  private readonly __renderAddressName = () => {\n    const isDefaultBilling = !!this.data?.is_default_billing;\n    const isDefaultShipping = !!this.data?.is_default_shipping;\n\n    return html`\n      <div class=\"mb-s leading-none\">\n        ${this.renderTemplateOrSlot('address-name:before')}\n\n        <span class=\"font-medium\">\n          ${isDefaultBilling || isDefaultShipping\n            ? html`\n                <foxy-i18n\n                  data-testid=\"address-name\"\n                  lang=${this.lang}\n                  key=\"default_${isDefaultBilling ? 'billing' : 'shipping'}_address\"\n                  ns=${this.ns}\n                >\n                </foxy-i18n>\n              `\n            : html`<span data-testid=\"address-name\">${this.data?.address_name}</span>`}\n          &ZeroWidthSpace;\n        </span>\n\n        ${this.renderTemplateOrSlot('address-name:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderLine = (id: string, icon: string, text: TemplateResult) => {\n    return html`\n      <p>\n        ${this.renderTemplateOrSlot(`${id}:before`)}\n\n        <span class=\"flex items-center text-m space-x-s text-secondary\">\n          <iron-icon icon=${icon} class=\"icon-inline flex-shrink-0\"></iron-icon>\n          <span class=\"truncate\" data-testid=${id}>${text}</span>\n          &ZeroWidthSpace;\n        </span>\n\n        ${this.renderTemplateOrSlot(`${id}:after`)}\n      </p>\n    `;\n  };\n\n  private readonly __renderFullName = () => {\n    const text = this.data\n      ? html`\n          <foxy-i18n\n            options=${JSON.stringify(this.data)}\n            lang=${this.lang}\n            key=\"full_name\"\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n        `\n      : html`–`;\n\n    return this.__renderLine('full-name', 'social:person', text);\n  };\n\n  private readonly __renderFullAddress = () => {\n    const text = this.data\n      ? html`\n          <foxy-i18n\n            data-testid=\"full-address\"\n            options=${JSON.stringify(this.data)}\n            lang=${this.lang}\n            key=\"full_address\"\n            ns=${this.ns}\n          >\n          </foxy-i18n>\n        `\n      : html`–`;\n\n    return this.__renderLine('full-address', 'maps:place', text);\n  };\n\n  private readonly __renderCompany = () => {\n    const text = html`${this.data?.company || '–'}`;\n    return this.__renderLine('company', 'icons:work', text);\n  };\n\n  private readonly __renderPhone = () => {\n    const text = html`${this.data?.phone || '–'}`;\n    return this.__renderLine('phone', 'maps:local-phone', text);\n  };\n\n  render(): TemplateResult {\n    const hiddenSelector = this.hiddenSelector;\n    const isLoaded = this.in({ idle: 'snapshot' });\n    const isEmpty = this.in({ idle: 'template' });\n    const isBusy = this.in('busy');\n\n    return html`\n      <div\n        class=\"relative h-full text-left text-m leading-m font-lumo text-body\"\n        aria-live=\"polite\"\n        aria-busy=${isBusy}\n        data-testid=\"wrapper\"\n      >\n        <div\n          class=${classMap({\n            'transition duration-250 ease-in-out': true,\n            'opacity-0 pointer-events-none': !isLoaded,\n          })}\n        >\n          ${hiddenSelector.matches('address-name', true) ? '' : this.__renderAddressName()}\n          ${hiddenSelector.matches('full-name', true) ? '' : this.__renderFullName()}\n          ${hiddenSelector.matches('full-address', true) ? '' : this.__renderFullAddress()}\n          ${hiddenSelector.matches('company', true) ? '' : this.__renderCompany()}\n          ${hiddenSelector.matches('phone', true) ? '' : this.__renderPhone()}\n        </div>\n\n        <div\n          class=${classMap({\n            'transition duration-250 ease-in-out absolute inset-0 flex': true,\n            'opacity-0 pointer-events-none': isLoaded,\n          })}\n        >\n          <foxy-spinner\n            data-testid=\"spinner\"\n            state=${this.in('fail') ? 'error' : isEmpty ? '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"]}

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

@@ -1,17 +1,3 @@
 import { Rels } from '@foxy.io/sdk/customer';
 import { Resource } from '@foxy.io/sdk/core';
-import { AddressCard } from './AddressCard';
-import { Renderer } from '../../../mixins/configurable';
 export declare type Data = Resource<Rels.CustomerAddress>;
-export declare type Templates = {
-    'address-name:before'?: Renderer<AddressCard>;
-    'address-name:after'?: Renderer<AddressCard>;
-    'full-name:before'?: Renderer<AddressCard>;
-    'full-name:after'?: Renderer<AddressCard>;
-    'full-address:before'?: Renderer<AddressCard>;
-    'full-address:after'?: Renderer<AddressCard>;
-    'company:before'?: Renderer<AddressCard>;
-    'company:after'?: Renderer<AddressCard>;
-    'phone:before'?: Renderer<AddressCard>;
-    'phone:after'?: Renderer<AddressCard>;
-};

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/AddressCard/types.ts"],"names":[],"mappings":"","sourcesContent":["import { Rels } from '@foxy.io/sdk/customer';\nimport { Resource } from '@foxy.io/sdk/core';\nimport { AddressCard } from './AddressCard';\nimport { Renderer } from '../../../mixins/configurable';\n\nexport type Data = Resource<Rels.CustomerAddress>;\nexport type Templates = {\n  'address-name:before'?: Renderer<AddressCard>;\n  'address-name:after'?: Renderer<AddressCard>;\n  'full-name:before'?: Renderer<AddressCard>;\n  'full-name:after'?: Renderer<AddressCard>;\n  'full-address:before'?: Renderer<AddressCard>;\n  'full-address:after'?: Renderer<AddressCard>;\n  'company:before'?: Renderer<AddressCard>;\n  'company:after'?: Renderer<AddressCard>;\n  'phone:before'?: Renderer<AddressCard>;\n  'phone:after'?: Renderer<AddressCard>;\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/AddressCard/types.ts"],"names":[],"mappings":"","sourcesContent":["import { Rels } from '@foxy.io/sdk/customer';\nimport { Resource } from '@foxy.io/sdk/core';\n\nexport type Data = Resource<Rels.CustomerAddress>;\n"]}

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

@@ -1,4 +1,4 @@
-import type { Data, Templates } from './types';
+import type { Data } from './types';
 import type { TemplateResult } from 'lit-html';
 import type { NucleonV8N } from '../NucleonElement/types';
 import { BooleanSelector } from '@foxy.io/sdk/core';
@@ -9,58 +9,19 @@ declare const Base: typeof InternalForm & import("lit-element").Constructor<impo
 /**
  * Basic form displaying customer address.
  *
- * @slot address-name:before - **new in v1.4.0**
- * @slot address-name:after - **new in v1.4.0**
- *
- * @slot first-name:before - **new in v1.4.0**
- * @slot first-name:after - **new in v1.4.0**
- *
- * @slot last-name:before - **new in v1.4.0**
- * @slot last-name:after - **new in v1.4.0**
- *
- * @slot region:before - **new in v1.4.0**
- * @slot region:after - **new in v1.4.0**
- *
- * @slot city:before - **new in v1.4.0**
- * @slot city:after - **new in v1.4.0**
- *
- * @slot phone:before - **new in v1.4.0**
- * @slot phone:after - **new in v1.4.0**
- *
- * @slot company:before - **new in v1.4.0**
- * @slot company:after - **new in v1.4.0**
- *
- * @slot address-one:before - **new in v1.4.0**
- * @slot address-one:after - **new in v1.4.0**
- *
- * @slot address-two:before - **new in v1.4.0**
- * @slot address-two:after - **new in v1.4.0**
- *
- * @slot country:before - **new in v1.4.0**
- * @slot country:after - **new in v1.4.0**
- *
- * @slot postal-code:before - **new in v1.4.0**
- * @slot postal-code:after - **new in v1.4.0**
- *
- * @slot timestamps:before - **new in v1.4.0**
- * @slot timestamps:after - **new in v1.4.0**
- *
- * @slot create:before - **new in v1.4.0**
- * @slot create:after - **new in v1.4.0**
- *
- * @slot delete:before - **new in v1.4.0**
- * @slot delete:after - **new in v1.4.0**
- *
  * @element foxy-address-form
  * @since 1.2.0
  */
 export declare class AddressForm extends Base<Data> {
     static get v8n(): NucleonV8N<Data>;
-    templates: Templates;
+    private __ignoreAddressRestrictionsGetValue;
+    private __ignoreAddressRestrictionsSetValue;
+    private __ignoreAddressRestrictionsOptions;
     private __countrySetValue;
-    get readonlySelector(): BooleanSelector;
-    get disabledSelector(): BooleanSelector;
+    get hiddenSelector(): BooleanSelector;
+    get headerSubtitleKey(): string;
     renderBody(): TemplateResult;
+    protected _fetch<TResult = Data>(...args: Parameters<Window['fetch']>): Promise<TResult>;
     private get __countryOptions();
     private get __regionOptions();
 }

package/dist/elements/public/AddressForm/AddressForm.js

@@ -8,55 +8,19 @@ const Base = TranslatableMixin(InternalForm, NS);
 /**
  * Basic form displaying customer address.
  *
- * @slot address-name:before - **new in v1.4.0**
- * @slot address-name:after - **new in v1.4.0**
- *
- * @slot first-name:before - **new in v1.4.0**
- * @slot first-name:after - **new in v1.4.0**
- *
- * @slot last-name:before - **new in v1.4.0**
- * @slot last-name:after - **new in v1.4.0**
- *
- * @slot region:before - **new in v1.4.0**
- * @slot region:after - **new in v1.4.0**
- *
- * @slot city:before - **new in v1.4.0**
- * @slot city:after - **new in v1.4.0**
- *
- * @slot phone:before - **new in v1.4.0**
- * @slot phone:after - **new in v1.4.0**
- *
- * @slot company:before - **new in v1.4.0**
- * @slot company:after - **new in v1.4.0**
- *
- * @slot address-one:before - **new in v1.4.0**
- * @slot address-one:after - **new in v1.4.0**
- *
- * @slot address-two:before - **new in v1.4.0**
- * @slot address-two:after - **new in v1.4.0**
- *
- * @slot country:before - **new in v1.4.0**
- * @slot country:after - **new in v1.4.0**
- *
- * @slot postal-code:before - **new in v1.4.0**
- * @slot postal-code:after - **new in v1.4.0**
- *
- * @slot timestamps:before - **new in v1.4.0**
- * @slot timestamps:after - **new in v1.4.0**
- *
- * @slot create:before - **new in v1.4.0**
- * @slot create:after - **new in v1.4.0**
- *
- * @slot delete:before - **new in v1.4.0**
- * @slot delete:after - **new in v1.4.0**
- *
  * @element foxy-address-form
  * @since 1.2.0
  */
 export class AddressForm extends Base {
     constructor() {
         super(...arguments);
-        this.templates = {};
+        this.__ignoreAddressRestrictionsGetValue = () => {
+            return this.form.ignore_address_restrictions ? ['true'] : [];
+        };
+        this.__ignoreAddressRestrictionsSetValue = (newValue) => {
+            this.edit({ ignore_address_restrictions: newValue.includes('true') });
+        };
+        this.__ignoreAddressRestrictionsOptions = [{ label: 'option_true', value: 'true' }];
         this.__countrySetValue = (newValue) => {
             this.edit({ country: newValue, region: '' });
         };
@@ -77,25 +41,27 @@ export class AddressForm extends Base {
             ({ postal_code: v }) => !v || v.length <= 50 || 'postal-code:v8n_too_long',
         ];
     }
-    get readonlySelector() {
+    get hiddenSelector() {
         var _a, _b;
-        const alwaysReadonly = [super.readonlySelector.toString()];
+        const alwaysHidden = [super.hiddenSelector.toString()];
         const isDefault = !!((_a = this.data) === null || _a === void 0 ? void 0 : _a.is_default_shipping) || !!((_b = this.data) === null || _b === void 0 ? void 0 : _b.is_default_billing);
         if (isDefault)
-            alwaysReadonly.unshift('address-name');
-        return new BooleanSelector(alwaysReadonly.join(' ').trim());
+            alwaysHidden.unshift('delete', 'address-name');
+        return new BooleanSelector(alwaysHidden.join(' ').trim());
     }
-    get disabledSelector() {
+    get headerSubtitleKey() {
         var _a, _b;
-        const alwaysDisabled = [super.disabledSelector.toString()];
-        const isDefault = !!((_a = this.data) === null || _a === void 0 ? void 0 : _a.is_default_shipping) || !!((_b = this.data) === null || _b === void 0 ? void 0 : _b.is_default_billing);
-        if (isDefault)
-            alwaysDisabled.unshift('delete');
-        return new BooleanSelector(alwaysDisabled.join(' ').trim());
+        if ((_a = this.data) === null || _a === void 0 ? void 0 : _a.is_default_shipping)
+            return 'subtitle_default_shipping';
+        if ((_b = this.data) === null || _b === void 0 ? void 0 : _b.is_default_billing)
+            return 'subtitle_default_billing';
+        return 'subtitle_custom';
     }
     renderBody() {
         const regionOptions = this.__regionOptions;
         return html `
+      ${this.renderHeader()}
+
       <div class="grid grid-cols-2 gap-m">
         <foxy-internal-text-control class="col-span-2" infer="address-name">
         </foxy-internal-text-control>
@@ -127,10 +93,42 @@ export class AddressForm extends Base {
 
         <foxy-internal-text-control infer="city"></foxy-internal-text-control>
         <foxy-internal-text-control infer="postal-code"></foxy-internal-text-control>
+
+        <foxy-internal-checkbox-group-control
+          infer="ignore-address-restrictions"
+          class="col-span-2"
+          .getValue=${this.__ignoreAddressRestrictionsGetValue}
+          .setValue=${this.__ignoreAddressRestrictionsSetValue}
+          .options=${this.__ignoreAddressRestrictionsOptions}
+        >
+        </foxy-internal-checkbox-group-control>
       </div>
       ${super.renderBody()}
     `;
     }
+    async _fetch(...args) {
+        try {
+            return await super._fetch(...args);
+        }
+        catch (err) {
+            let message;
+            try {
+                message = (await err.json())._embedded['fx:errors'][0].message;
+            }
+            catch (_a) {
+                throw err;
+            }
+            if (message.includes('Country is invalid or disallowed by store configuration')) {
+                throw ['error:country_banned'];
+            }
+            else if (message.includes('this address name already exists for this customer')) {
+                throw ['error:address_name_exists'];
+            }
+            else {
+                throw err;
+            }
+        }
+    }
     get __countryOptions() {
         return Object.keys(countries).map(code => ({
             label: this.t(`country_${code.toLowerCase()}`),

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

@@ -1 +1 @@
-{"version":3,"file":"AddressForm.js","sourceRoot":"","sources":["../../../../src/elements/public/AddressForm/AddressForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Data, Templates } from './types';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { countries } from './countries';\nimport { html } from 'lit-html';\n\nconst NS = 'address-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Basic form displaying customer address.\n *\n * @slot address-name:before - **new in v1.4.0**\n * @slot address-name:after - **new in v1.4.0**\n *\n * @slot first-name:before - **new in v1.4.0**\n * @slot first-name:after - **new in v1.4.0**\n *\n * @slot last-name:before - **new in v1.4.0**\n * @slot last-name:after - **new in v1.4.0**\n *\n * @slot region:before - **new in v1.4.0**\n * @slot region:after - **new in v1.4.0**\n *\n * @slot city:before - **new in v1.4.0**\n * @slot city:after - **new in v1.4.0**\n *\n * @slot phone:before - **new in v1.4.0**\n * @slot phone:after - **new in v1.4.0**\n *\n * @slot company:before - **new in v1.4.0**\n * @slot company:after - **new in v1.4.0**\n *\n * @slot address-one:before - **new in v1.4.0**\n * @slot address-one:after - **new in v1.4.0**\n *\n * @slot address-two:before - **new in v1.4.0**\n * @slot address-two:after - **new in v1.4.0**\n *\n * @slot country:before - **new in v1.4.0**\n * @slot country:after - **new in v1.4.0**\n *\n * @slot postal-code:before - **new in v1.4.0**\n * @slot postal-code:after - **new in v1.4.0**\n *\n * @slot timestamps:before - **new in v1.4.0**\n * @slot timestamps:after - **new in v1.4.0**\n *\n * @slot create:before - **new in v1.4.0**\n * @slot create:after - **new in v1.4.0**\n *\n * @slot delete:before - **new in v1.4.0**\n * @slot delete:after - **new in v1.4.0**\n *\n * @element foxy-address-form\n * @since 1.2.0\n */\nexport class AddressForm extends Base<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ address_name: v }) => (v && v.length > 0) || 'address-name:v8n_required',\n      ({ address_name: v }) => !v || v.length <= 100 || 'address-name:v8n_too_long',\n      ({ first_name: v }) => !v || v.length <= 50 || 'first-name:v8n_too_long',\n      ({ last_name: v }) => !v || v.length <= 50 || 'last-name:v8n_too_long',\n      ({ region: v }) => !v || v.length <= 50 || 'region:v8n_too_long',\n      ({ city: v }) => !v || v.length <= 50 || 'city:v8n_too_long',\n      ({ phone: v }) => !v || v.length <= 50 || 'phone:v8n_too_long',\n      ({ company: v }) => !v || v.length <= 50 || 'company:v8n_too_long',\n      ({ address2: v }) => !v || v.length <= 100 || 'address-two:v8n_too_long',\n      ({ address1: v }) => (v && v.length > 0) || 'address-one:v8n_required',\n      ({ address1: v }) => !v || v.length <= 100 || 'address-one:v8n_too_long',\n      ({ postal_code: v }) => !v || v.length <= 50 || 'postal-code:v8n_too_long',\n    ];\n  }\n\n  templates: Templates = {};\n\n  private __countrySetValue = (newValue: string) => {\n    this.edit({ country: newValue, region: '' });\n  };\n\n  get readonlySelector(): BooleanSelector {\n    const alwaysReadonly = [super.readonlySelector.toString()];\n    const isDefault = !!this.data?.is_default_shipping || !!this.data?.is_default_billing;\n    if (isDefault) alwaysReadonly.unshift('address-name');\n    return new BooleanSelector(alwaysReadonly.join(' ').trim());\n  }\n\n  get disabledSelector(): BooleanSelector {\n    const alwaysDisabled = [super.disabledSelector.toString()];\n    const isDefault = !!this.data?.is_default_shipping || !!this.data?.is_default_billing;\n    if (isDefault) alwaysDisabled.unshift('delete');\n    return new BooleanSelector(alwaysDisabled.join(' ').trim());\n  }\n\n  renderBody(): TemplateResult {\n    const regionOptions = this.__regionOptions;\n\n    return html`\n      <div class=\"grid grid-cols-2 gap-m\">\n        <foxy-internal-text-control class=\"col-span-2\" infer=\"address-name\">\n        </foxy-internal-text-control>\n\n        <foxy-internal-text-control infer=\"first-name\"></foxy-internal-text-control>\n        <foxy-internal-text-control infer=\"last-name\"></foxy-internal-text-control>\n        <foxy-internal-text-control infer=\"company\"></foxy-internal-text-control>\n        <foxy-internal-text-control infer=\"phone\"></foxy-internal-text-control>\n\n        <foxy-internal-text-control class=\"col-span-2\" infer=\"address-one\" property=\"address1\">\n        </foxy-internal-text-control>\n\n        <foxy-internal-text-control class=\"col-span-2\" infer=\"address-two\" property=\"address2\">\n        </foxy-internal-text-control>\n\n        <foxy-internal-select-control\n          infer=\"country\"\n          .options=${this.__countryOptions}\n          .setValue=${this.__countrySetValue}\n        >\n        </foxy-internal-select-control>\n\n        ${regionOptions.length > 0\n          ? html`\n              <foxy-internal-select-control infer=\"region\" .options=${regionOptions}>\n              </foxy-internal-select-control>\n            `\n          : html`<foxy-internal-text-control infer=\"region\"></foxy-internal-text-control>`}\n\n        <foxy-internal-text-control infer=\"city\"></foxy-internal-text-control>\n        <foxy-internal-text-control infer=\"postal-code\"></foxy-internal-text-control>\n      </div>\n      ${super.renderBody()}\n    `;\n  }\n\n  private get __countryOptions() {\n    return Object.keys(countries).map(code => ({\n      label: this.t(`country_${code.toLowerCase()}`),\n      value: code,\n    }));\n  }\n\n  private get __regionOptions() {\n    const country = this.form.country ?? '';\n    const source = countries[country] ?? [];\n\n    return source.map(code => ({\n      label: this.t(`country_${country.toLowerCase()}_region_${code.toLowerCase()}`),\n      value: code,\n    }));\n  }\n}\n"]}
+{"version":3,"file":"AddressForm.js","sourceRoot":"","sources":["../../../../src/elements/public/AddressForm/AddressForm.ts"],"names":[],"mappings":"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","sourcesContent":["import type { Data } from './types';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonV8N } from '../NucleonElement/types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { countries } from './countries';\nimport { html } from 'lit-html';\n\nconst NS = 'address-form';\nconst Base = TranslatableMixin(InternalForm, NS);\n\n/**\n * Basic form displaying customer address.\n *\n * @element foxy-address-form\n * @since 1.2.0\n */\nexport class AddressForm extends Base<Data> {\n  static get v8n(): NucleonV8N<Data> {\n    return [\n      ({ address_name: v }) => (v && v.length > 0) || 'address-name:v8n_required',\n      ({ address_name: v }) => !v || v.length <= 100 || 'address-name:v8n_too_long',\n      ({ first_name: v }) => !v || v.length <= 50 || 'first-name:v8n_too_long',\n      ({ last_name: v }) => !v || v.length <= 50 || 'last-name:v8n_too_long',\n      ({ region: v }) => !v || v.length <= 50 || 'region:v8n_too_long',\n      ({ city: v }) => !v || v.length <= 50 || 'city:v8n_too_long',\n      ({ phone: v }) => !v || v.length <= 50 || 'phone:v8n_too_long',\n      ({ company: v }) => !v || v.length <= 50 || 'company:v8n_too_long',\n      ({ address2: v }) => !v || v.length <= 100 || 'address-two:v8n_too_long',\n      ({ address1: v }) => (v && v.length > 0) || 'address-one:v8n_required',\n      ({ address1: v }) => !v || v.length <= 100 || 'address-one:v8n_too_long',\n      ({ postal_code: v }) => !v || v.length <= 50 || 'postal-code:v8n_too_long',\n    ];\n  }\n\n  private __ignoreAddressRestrictionsGetValue = () => {\n    return this.form.ignore_address_restrictions ? ['true'] : [];\n  };\n\n  private __ignoreAddressRestrictionsSetValue = (newValue: string[]) => {\n    this.edit({ ignore_address_restrictions: newValue.includes('true') });\n  };\n\n  private __ignoreAddressRestrictionsOptions = [{ label: 'option_true', value: 'true' }];\n\n  private __countrySetValue = (newValue: string) => {\n    this.edit({ country: newValue, region: '' });\n  };\n\n  get hiddenSelector(): BooleanSelector {\n    const alwaysHidden = [super.hiddenSelector.toString()];\n    const isDefault = !!this.data?.is_default_shipping || !!this.data?.is_default_billing;\n    if (isDefault) alwaysHidden.unshift('delete', 'address-name');\n    return new BooleanSelector(alwaysHidden.join(' ').trim());\n  }\n\n  get headerSubtitleKey(): string {\n    if (this.data?.is_default_shipping) return 'subtitle_default_shipping';\n    if (this.data?.is_default_billing) return 'subtitle_default_billing';\n    return 'subtitle_custom';\n  }\n\n  renderBody(): TemplateResult {\n    const regionOptions = this.__regionOptions;\n\n    return html`\n      ${this.renderHeader()}\n\n      <div class=\"grid grid-cols-2 gap-m\">\n        <foxy-internal-text-control class=\"col-span-2\" infer=\"address-name\">\n        </foxy-internal-text-control>\n\n        <foxy-internal-text-control infer=\"first-name\"></foxy-internal-text-control>\n        <foxy-internal-text-control infer=\"last-name\"></foxy-internal-text-control>\n        <foxy-internal-text-control infer=\"company\"></foxy-internal-text-control>\n        <foxy-internal-text-control infer=\"phone\"></foxy-internal-text-control>\n\n        <foxy-internal-text-control class=\"col-span-2\" infer=\"address-one\" property=\"address1\">\n        </foxy-internal-text-control>\n\n        <foxy-internal-text-control class=\"col-span-2\" infer=\"address-two\" property=\"address2\">\n        </foxy-internal-text-control>\n\n        <foxy-internal-select-control\n          infer=\"country\"\n          .options=${this.__countryOptions}\n          .setValue=${this.__countrySetValue}\n        >\n        </foxy-internal-select-control>\n\n        ${regionOptions.length > 0\n          ? html`\n              <foxy-internal-select-control infer=\"region\" .options=${regionOptions}>\n              </foxy-internal-select-control>\n            `\n          : html`<foxy-internal-text-control infer=\"region\"></foxy-internal-text-control>`}\n\n        <foxy-internal-text-control infer=\"city\"></foxy-internal-text-control>\n        <foxy-internal-text-control infer=\"postal-code\"></foxy-internal-text-control>\n\n        <foxy-internal-checkbox-group-control\n          infer=\"ignore-address-restrictions\"\n          class=\"col-span-2\"\n          .getValue=${this.__ignoreAddressRestrictionsGetValue}\n          .setValue=${this.__ignoreAddressRestrictionsSetValue}\n          .options=${this.__ignoreAddressRestrictionsOptions}\n        >\n        </foxy-internal-checkbox-group-control>\n      </div>\n      ${super.renderBody()}\n    `;\n  }\n\n  protected async _fetch<TResult = Data>(...args: Parameters<Window['fetch']>): Promise<TResult> {\n    try {\n      return await super._fetch(...args);\n    } catch (err) {\n      let message;\n\n      try {\n        message = (await (err as Response).json())._embedded['fx:errors'][0].message;\n      } catch {\n        throw err;\n      }\n\n      if (message.includes('Country is invalid or disallowed by store configuration')) {\n        throw ['error:country_banned'];\n      } else if (message.includes('this address name already exists for this customer')) {\n        throw ['error:address_name_exists'];\n      } else {\n        throw err;\n      }\n    }\n  }\n\n  private get __countryOptions() {\n    return Object.keys(countries).map(code => ({\n      label: this.t(`country_${code.toLowerCase()}`),\n      value: code,\n    }));\n  }\n\n  private get __regionOptions() {\n    const country = this.form.country ?? '';\n    const source = countries[country] ?? [];\n\n    return source.map(code => ({\n      label: this.t(`country_${country.toLowerCase()}_region_${code.toLowerCase()}`),\n      value: code,\n    }));\n  }\n}\n"]}

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

@@ -1,3 +1,4 @@
+import '../../internal/InternalCheckboxGroupControl/index';
 import '../../internal/InternalSelectControl/index';
 import '../../internal/InternalTextControl/index';
 import '../../internal/InternalForm/index';

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

@@ -1,3 +1,4 @@
+import "../../internal/InternalCheckboxGroupControl/index.js";
 import "../../internal/InternalSelectControl/index.js";
 import "../../internal/InternalTextControl/index.js";
 import "../../internal/InternalForm/index.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/AddressForm/index.ts"],"names":[],"mappings":"AAAA,uDAAoD;AACpD,qDAAkD;AAClD,8CAA2C;AAE3C,OAAO,EAAE,WAAW,EAAE,yBAAsB;AAE5C,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,CAAC","sourcesContent":["import '../../internal/InternalSelectControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport { AddressForm } from './AddressForm';\n\ncustomElements.define('foxy-address-form', AddressForm);\n\nexport { AddressForm };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/AddressForm/index.ts"],"names":[],"mappings":"AAAA,8DAA2D;AAC3D,uDAAoD;AACpD,qDAAkD;AAClD,8CAA2C;AAE3C,OAAO,EAAE,WAAW,EAAE,yBAAsB;AAE5C,cAAc,CAAC,MAAM,CAAC,mBAAmB,EAAE,WAAW,CAAC,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,CAAC","sourcesContent":["import '../../internal/InternalCheckboxGroupControl/index';\nimport '../../internal/InternalSelectControl/index';\nimport '../../internal/InternalTextControl/index';\nimport '../../internal/InternalForm/index';\n\nimport { AddressForm } from './AddressForm';\n\ncustomElements.define('foxy-address-form', AddressForm);\n\nexport { AddressForm };\n"]}

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

@@ -1,33 +1,6 @@
-import type { AddressForm } from './AddressForm';
-import type { Renderer } from '../../../mixins/configurable';
 import type { Resource } from '@foxy.io/sdk/core';
 import type { Rels } from '@foxy.io/sdk/customer';
-export declare type Data = Resource<Rels.CustomerAddress>;
-export declare type Templates = {
-    'address-name:before'?: Renderer<AddressForm>;
-    'address-name:after'?: Renderer<AddressForm>;
-    'first-name:before'?: Renderer<AddressForm>;
-    'first-name:after'?: Renderer<AddressForm>;
-    'last-name:before'?: Renderer<AddressForm>;
-    'last-name:after'?: Renderer<AddressForm>;
-    'region:before'?: Renderer<AddressForm>;
-    'region:after'?: Renderer<AddressForm>;
-    'city:before'?: Renderer<AddressForm>;
-    'city:after'?: Renderer<AddressForm>;
-    'phone:before'?: Renderer<AddressForm>;
-    'phone:after'?: Renderer<AddressForm>;
-    'company:before'?: Renderer<AddressForm>;
-    'company:after'?: Renderer<AddressForm>;
-    'address-one:before'?: Renderer<AddressForm>;
-    'address-one:after'?: Renderer<AddressForm>;
-    'address-two:before'?: Renderer<AddressForm>;
-    'address-two:after'?: Renderer<AddressForm>;
-    'postal-code:before'?: Renderer<AddressForm>;
-    'postal-code:after'?: Renderer<AddressForm>;
-    'timestamps:before'?: Renderer<AddressForm>;
-    'timestamps:after'?: Renderer<AddressForm>;
-    'delete:before'?: Renderer<AddressForm>;
-    'delete:after'?: Renderer<AddressForm>;
-    'create:before'?: Renderer<AddressForm>;
-    'create:after'?: Renderer<AddressForm>;
+export declare type Data = Resource<Rels.CustomerAddress> & {
+    /** By default, the country value must be valid according to the store's location_filtering value in the template_config. For instance, if your store is configured to only allow shipping and billing to the US, attempting to set the country to CA (Canada) will error. If true is passed in, the country can be any valid values. For customer_address resources that aren't the default shipping or billing, the validation will assume the shipping restrictions. NOTE: This does not currently take the region filtering into account. Defaults to false. */
+    ignore_address_restrictions: boolean;
 };

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/AddressForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { AddressForm } from './AddressForm';\nimport type { Renderer } from '../../../mixins/configurable';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/customer';\n\nexport type Data = Resource<Rels.CustomerAddress>;\n\nexport type Templates = {\n  'address-name:before'?: Renderer<AddressForm>;\n  'address-name:after'?: Renderer<AddressForm>;\n  'first-name:before'?: Renderer<AddressForm>;\n  'first-name:after'?: Renderer<AddressForm>;\n  'last-name:before'?: Renderer<AddressForm>;\n  'last-name:after'?: Renderer<AddressForm>;\n  'region:before'?: Renderer<AddressForm>;\n  'region:after'?: Renderer<AddressForm>;\n  'city:before'?: Renderer<AddressForm>;\n  'city:after'?: Renderer<AddressForm>;\n  'phone:before'?: Renderer<AddressForm>;\n  'phone:after'?: Renderer<AddressForm>;\n  'company:before'?: Renderer<AddressForm>;\n  'company:after'?: Renderer<AddressForm>;\n  'address-one:before'?: Renderer<AddressForm>;\n  'address-one:after'?: Renderer<AddressForm>;\n  'address-two:before'?: Renderer<AddressForm>;\n  'address-two:after'?: Renderer<AddressForm>;\n  'postal-code:before'?: Renderer<AddressForm>;\n  'postal-code:after'?: Renderer<AddressForm>;\n  'timestamps:before'?: Renderer<AddressForm>;\n  'timestamps:after'?: Renderer<AddressForm>;\n  'delete:before'?: Renderer<AddressForm>;\n  'delete:after'?: Renderer<AddressForm>;\n  'create:before'?: Renderer<AddressForm>;\n  'create:after'?: Renderer<AddressForm>;\n};\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/AddressForm/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/customer';\n\nexport type Data = Resource<Rels.CustomerAddress> & {\n  /** By default, the country value must be valid according to the store's location_filtering value in the template_config. For instance, if your store is configured to only allow shipping and billing to the US, attempting to set the country to CA (Canada) will error. If true is passed in, the country can be any valid values. For customer_address resources that aren't the default shipping or billing, the validation will assume the shipping restrictions. NOTE: This does not currently take the region filtering into account. Defaults to false. */\n  ignore_address_restrictions: boolean;\n};\n"]}

package/dist/elements/public/ApiBrowser/internal/InternalApiBrowserResourceForm/InternalApiBrowserResourceForm.js

@@ -94,8 +94,8 @@ foxy-internal-source-control::part(label),
 
             ${this.in({ idle: { snapshot: 'dirty' } }) || this.in({ idle: 'template' })
             ? html `
-                  <foxy-internal-create-control infer="create" theme="tertiary-inline success">
-                  </foxy-internal-create-control>
+                  <foxy-internal-submit-control infer="create" theme="tertiary-inline success">
+                  </foxy-internal-submit-control>
                 `
             : ''}
             ${this.in({ idle: { snapshot: 'dirty' } }) || this.in({ idle: { template: 'dirty' } })