@foxy.io/elements 1.25.0 → 1.26.0-beta.2

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

@@ -1 +1 @@
-{"version":3,"file":"AdminSubscriptionCard.js","sourceRoot":"","sources":["../../../../src/elements/public/AdminSubscriptionCard/AdminSubscriptionCard.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,cAAc,EAAE,0CAAuC;AAChE,OAAO,EAAE,YAAY,EAAE,oDAAiD;AACxE,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhC,MAAM,EAAE,GAAG,yBAAyB,CAAC;AACrC,MAAM,IAAI,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC;AAEpE;;;;;;GAMG;AACH,MAAM,OAAO,qBAAsB,SAAQ,IAAU;IAArD;;QAQE;;;;WAIG;QACH,gBAAW,GAAkB,IAAI,CAAC;QAEjB,kCAA6B,GAAG,2BAA2B,CAAC;QAE5D,iCAA4B,GAAG,0BAA0B,CAAC;QAE1D,gCAA2B,GAAG,mBAAmB,CAAC;QAElD,0BAAqB,GAAG,mBAAmB,CAAC;QAE5C,oBAAe,GAAG,aAAa,CAAC;QAEhC,oBAAe,GAAG,aAAa,CAAC;IA0SnD,CAAC;IAlUC,MAAM,KAAK,UAAU;QACnB,OAAO;YACL,GAAG,KAAK,CAAC,UAAU;YACnB,WAAW,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE;SAC3C,CAAC;IACJ,CAAC;IAqBD,UAAU;;QACR,MAAM,QAAQ,GAAG,CAAC,QAAC,IAAI,CAAC,IAAI,0CAAE,6BAA6B,CAAA,CAAC;QAC5D,MAAM,IAAI,GAAG,IAAI,CAAC,qBAAqB,CAAC;QAExC,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,CAAC;QACjC,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC;QACzC,MAAM,cAAc,GAAG,IAAI,CAAC,gBAAgB,CAAC;QAC7C,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC;QACrC,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC;QACnC,MAAM,aAAa,GAAG,IAAI,CAAC,eAAe,CAAC;QAE3C,OAAO,IAAI,CAAA;;;;eAIA,SAAS,CAAC,IAAI,CAAC,yBAAyB,CAAC;aAC3C,IAAI,CAAC,6BAA6B;kBAC7B,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;;;;;;;eAO7B,SAAS,CAAC,IAAI,CAAC,wBAAwB,CAAC;aAC1C,IAAI,CAAC,4BAA4B;kBAC5B,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;;;;;;;eAO7B,SAAS,CAAC,IAAI,CAAC,uBAAuB,CAAC;aACzC,IAAI,CAAC,2BAA2B;kBAC3B,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;;;;;;;eAO7B,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC;aACnC,IAAI,CAAC,qBAAqB;kBACrB,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;;;;;;;eAO7B,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC;aAC7B,IAAI,CAAC,eAAe;kBACf,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;;;;;;;eAO7B,SAAS,CAAC,IAAI,CAAC,WAAW,CAAC;aAC7B,IAAI,CAAC,eAAe;kBACf,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;;;;;;;cAO9B,cAAc,IAAI,UAAU;YAC5B,CAAC,CAAC,IAAI,CAAA,2BAA2B,UAAU,aAAa,cAAc,eAAe;YACrF,CAAC,CAAC,IAAI,CAAA,kBAAkB;;;cAGxB,YAAY,IAAI,QAAQ;YACxB,CAAC,CAAC,IAAI,CAAA,2BAA2B,QAAQ,aAAa,YAAY,eAAe;YACjF,CAAC,CAAC,IAAI,CAAA,kBAAkB;;;;sCAIA,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAgB;YACpE,aAAa,IAAI,SAAS;YAC1B,CAAC,CAAC,IAAI,CAAA,2BAA2B,SAAS,aAAa,aAAa,eAAe;YACnF,CAAC,CAAC,IAAI,CAAA,kBAAkB;;;qDAGiB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,cAAc;;KAEpE,CAAC;IACJ,CAAC;IAED,IAAI,WAAW;QACb,MAAM,QAAQ,GAAG,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC;QACrF,OAAO,KAAK,CAAC,WAAW,IAAI,QAAQ,CAAC;IACvC,CAAC;IAED,IAAY,yBAAyB;;QACnC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAEvB,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,IAAI,WAAW,IAAI,IAAI,IAAI,yBAAyB,IAAI,IAAI,CAAC,SAAS;YAAE,OAAO;QAE/E,MAAM,GAAG,GAAG,IAAI,GAAG,aAAC,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,yBAAyB,EAAE,IAAI,mCAAI,EAAE,CAAC,CAAC;QAC7E,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACtC,OAAO,GAAG,CAAC,QAAQ,EAAE,CAAC;IACxB,CAAC;IAED,IAAY,wBAAwB;;QAClC,MAAM,cAAc,SAAG,IAAI,CAAC,qBAAqB,0CAAE,gBAAgB,CAAC;QAEpE,IAAI,cAAc,KAAK,EAAE,EAAE;YACzB,IAAI;gBACF,MAAM,GAAG,GAAG,IAAI,GAAG,aAAC,IAAI,CAAC,OAAO,0CAAE,MAAM,CAAC,kBAAkB,EAAE,IAAI,mCAAI,EAAE,CAAC,CAAC;gBACzE,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;gBACxC,OAAO,GAAG,CAAC,QAAQ,EAAE,CAAC;aACvB;YAAC,WAAM;gBACN,EAAE;aACH;SACF;IACH,CAAC;IAED,IAAY,uBAAuB;;QACjC,IAAI,IAAI,CAAC,wBAAwB,IAAI,IAAI,CAAC,iBAAiB,EAAE;YAC3D,aAAO,IAAI,CAAC,WAAW,mCAAI,KAAK,CAAC,CAAC;SACnC;IACH,CAAC;IAED,IAAY,iBAAiB;QAC3B,MAAM,IAAI,GAAG,IAAI,CAAC,qBAAqB,CAAC;QACxC,IAAI,EAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,CAAA;YAAE,OAAO,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,gBAAgB,KAAI,KAAK,CAAC,CAAC;IACpE,CAAC;IAED,IAAY,WAAW;QACrB,MAAM,IAAI,GAAG,IAAI,CAAC,qBAAqB,CAAC;QAExC,IAAI,CAAC,IAAI;YAAE,OAAO;QAClB,IAAI,WAAW,IAAI,IAAI,IAAI,UAAU,IAAI,IAAI,CAAC,SAAS;YAAE,OAAO;QAEhE,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC;QAClD,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;QACnC,OAAO,GAAG,CAAC,QAAQ,EAAE,CAAC;IACxB,CAAC;IAED,IAAY,WAAW;;QACrB,mBAAO,IAAI,CAAC,IAAI,0CAAE,MAAM,CAAC,UAAU,2CAAG,IAAI,CAAC;IAC7C,CAAC;IAED,IAAY,qBAAqB;;QAC/B,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAEvB,IAAI,IAAI,IAAI,WAAW,IAAI,IAAI,IAAI,yBAAyB,IAAI,IAAI,CAAC,SAAS,EAAE;YAG9E,OAAO,IAAI,CAAC,SAAS,CAAC,yBAAyB,CAAyB,CAAC;SAC1E;aAAM;YAEL,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,6BAA6B,EAAE,CAAC;YAC1D,mBAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAS,QAAQ,CAAC,0CAAE,IAAI,mCAAI,IAAI,CAAC;SACtE;IACH,CAAC;IAED,IAAY,oBAAoB;;QAE9B,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,4BAA4B,EAAE,CAAC;QACzD,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAS,QAAQ,CAAC,CAAC;QAC/D,mBAAO,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,0CAAE,SAAS,CAAC,kBAAkB,EAAE,CAAC,oCAAK,IAAI,CAAC;IAChE,CAAC;IAED,IAAY,mBAAmB;;QAE7B,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,2BAA2B,EAAE,CAAC;QACxD,mBAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAS,QAAQ,CAAC,0CAAE,IAAI,mCAAI,IAAI,CAAC;IACvE,CAAC;IAED,IAAY,aAAa;;QAEvB,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAClD,mBAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAS,QAAQ,CAAC,0CAAE,IAAI,mCAAI,IAAI,CAAC;IACvE,CAAC;IAED,IAAY,OAAO;QAIjB,MAAM,IAAI,GAAG,IAAI,CAAC,qBAAoD,CAAC;QAEvE,IAAI,IAAI,IAAI,WAAW,IAAI,IAAI,IAAI,UAAU,IAAI,IAAI,CAAC,SAAS,EAAE;YAC/D,MAAM,KAAK,GAAG,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;YAEzC,OAAO;gBACL,KAAK,EAAE,KAAK;gBACZ,KAAK,EAAE,KAAK,CAAC,MAAM;gBACnB,kBAAkB,EAAE,KAAK,CAAC,MAAM,KAAK,EAAE;aACxC,CAAC;SACH;QAGD,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAS,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC;QACjF,IAAI,EAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAA;YAAE,OAAO,IAAI,CAAC;QAE/B,OAAO;YACL,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC;YACxC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,WAAW;YAC9B,kBAAkB,EAAE,KAAK;SAC1B,CAAC;IACJ,CAAC;IAED,IAAY,OAAO;;QAEjB,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;QAC5C,mBAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAS,QAAQ,CAAC,0CAAE,IAAI,mCAAI,IAAI,CAAC;IACvE,CAAC;IAED,IAAY,iBAAiB;;QAC3B,MAAM,OAAO,SAAG,IAAI,CAAC,OAAO,0CAAE,iCAAiC,CAAC;QAEhE,IAAI,OAAO,KAAK,IAAI;YAAE,OAAO,MAAM,CAAC;QACpC,IAAI,OAAO,KAAK,KAAK;YAAE,OAAO,QAAQ,CAAC;IACzC,CAAC;IAED,IAAY,gBAAgB;;QAC1B,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAG,IAAI,CAAC,OAAO,mCAAI,EAAE,CAAC;QAC5C,IAAI,KAAK,IAAI,KAAK;YAAE,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC;IACpF,CAAC;IAED,IAAY,YAAY;QACtB,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC;QAC3B,IAAI,KAAK;YAAE,OAAO,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS,CAAC;IACjF,CAAC;IAED,IAAY,eAAe;QACzB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAEvB,IAAI,IAAI,KAAK,IAAI;YAAE,OAAO;QAC1B,IAAI,IAAI,CAAC,6BAA6B;YAAE,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,6BAA6B,EAAE,CAAC;QAC5F,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClD,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK;YAAE,OAAO,EAAE,CAAC;QACxC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI,IAAI,EAAE;YAAE,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC;QAE7E,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC9C,CAAC;IAED,IAAY,cAAc;;QACxB,MAAM,IAAI,GAAG,IAAI,CAAC,qBAAqB,CAAC;QAExC,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,EAAE;YACvB,OAAO,IAAI,CAAC,aAAuB,CAAC;SACrC;aAAM;YACL,MAAM,cAAc,GAAG,IAAI,CAAC,mBAAmB,CAAC;YAChD,MAAM,UAAU,SAAG,OAAC,IAAI,CAAC,aAAa,mCAAI,IAAI,CAAC,oBAAoB,CAAC,0CAAE,WAAW,CAAC;YAClF,MAAM,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC;YAE5E,IAAI,UAAU;gBAAE,aAAO,uBAAuB,CAAC,IAAI,CAAC,UAAU,CAAC,0CAAG,CAAC,EAAE;SACtE;IACH,CAAC;IAED,IAAY,cAAc;;QACxB,MAAM,eAAe,GAAG,IAAI,CAAC,iBAAiB,CAAC;QAC/C,IAAI,eAAe,KAAK,SAAS;YAAE,OAAO;QAE1C,MAAM,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC;QACzC,IAAI,YAAY,KAAK,SAAS;YAAE,OAAO;QAEvC,MAAM,UAAU,SAAG,IAAI,CAAC,qBAAqB,0CAAE,WAAW,CAAC;QAC3D,IAAI,UAAU,KAAK,SAAS;YAAE,OAAO;QAErC,MAAM,SAAS,SAAG,IAAI,CAAC,IAAI,0CAAE,SAAS,CAAC;QACvC,IAAI,SAAS,KAAK,SAAS;YAAE,OAAO;QAEpC,OAAO;YACL,GAAG,cAAc,CAAC,SAAS,CAAC;YAC5B,MAAM,EAAE,GAAG,UAAU,IAAI,YAAY,EAAE;YACvC,eAAe;SAChB,CAAC;IACJ,CAAC;IAED,IAAY,WAAW;QACrB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAEvB,IAAI,IAAI,KAAK,IAAI;YAAE,OAAO;QAC1B,IAAI,IAAI,CAAC,6BAA6B;YAAE,OAAO,qBAAqB,CAAC;QACrE,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YAChE,OAAO,QAAQ,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,wBAAwB,CAAC;SAC/E;QAED,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK;YAAE,OAAO,uBAAuB,CAAC;QAC7D,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI,IAAI,EAAE;YAAE,OAAO,6BAA6B,CAAC;QAEjF,OAAO,qBAAqB,CAAC;IAC/B,CAAC;IAED,IAAY,UAAU;;QACpB,MAAM,SAAS,SAAG,IAAI,CAAC,IAAI,0CAAE,SAAS,CAAC;QACvC,IAAI,SAAS;YAAE,OAAO,SAAS,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IACvF,CAAC;CACF","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { parseFrequency } from '../../../utils/parse-frequency';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nconst NS = 'admin-subscription-card';\nconst Base = ConfigurableMixin(TranslatableMixin(InternalCard, NS));\n\n/**\n * Card element representing a subscription (`fx:subscription`).\n * Admin-only.\n *\n * @element foxy-admin-subscription-card\n * @since 1.21.0\n */\nexport class AdminSubscriptionCard extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      localeCodes: { attribute: 'locale-codes' },\n    };\n  }\n\n  /**\n   * URL of the `fx:locale_codes` property helper.\n   * This will be used to determine the currency code for subscriptions that link to a\n   * transaction template without the code.\n   */\n  localeCodes: string | null = null;\n\n  private readonly __transactionTemplateLoaderId = 'transactionTemplateLoader';\n\n  private readonly __defaultTemplateSetLoaderId = 'defaultTemplateSetLoader';\n\n  private readonly __localeCodesHelperLoaderId = 'localeCodesLoader';\n\n  private readonly __templateSetLoaderId = 'templateSetLoader';\n\n  private readonly __itemsLoaderId = 'itemsLoader';\n\n  private readonly __storeLoaderId = 'storeLoader';\n\n  renderBody(): TemplateResult {\n    const isFailed = !!this.data?.first_failed_transaction_date;\n    const cart = this.__transactionTemplate;\n\n    const priceKey = this.__priceKey;\n    const priceOptions = this.__priceOptions;\n    const summaryOptions = this.__summaryOptions;\n    const summaryKey = this.__summaryKey;\n    const statusKey = this.__statusKey;\n    const statusOptions = this.__statusOptions;\n\n    return html`\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__transactionTemplateHref)}\n        id=${this.__transactionTemplateLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__defaultTemplateSetHref)}\n        id=${this.__defaultTemplateSetLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__localeCodesHelperHref)}\n        id=${this.__localeCodesHelperLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__templateSetHref)}\n        id=${this.__templateSetLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__itemsHref)}\n        id=${this.__itemsLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__storeHref)}\n        id=${this.__storeLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <div class=\"text-left leading-s text-tertiary\">\n        <div class=\"flex items-center space-x-s\">\n          <span class=\"block flex-1 font-medium text-body truncate\">\n            ${summaryOptions && summaryKey\n              ? html`<foxy-i18n infer=\"\" key=${summaryKey} .options=${summaryOptions}></foxy-i18n>`\n              : html`&ZeroWidthSpace;`}\n          </span>\n          <span class=\"text-s\">\n            ${priceOptions && priceKey\n              ? html`<foxy-i18n infer=\"\" key=${priceKey} .options=${priceOptions}></foxy-i18n>`\n              : html`&ZeroWidthSpace;`}\n          </span>\n        </div>\n\n        <div class=\"truncate text-s ${isFailed ? 'text-error' : 'text-secondary'}\">\n          ${statusOptions && statusKey\n            ? html`<foxy-i18n infer=\"\" key=${statusKey} .options=${statusOptions}></foxy-i18n>`\n            : html`&ZeroWidthSpace;`}\n        </div>\n\n        <div class=\"text-tertiary truncate text-s\">${cart?.customer_email}&ZeroWidthSpace;</div>\n      </div>\n    `;\n  }\n\n  get isBodyReady(): boolean {\n    const isLoaded = !!this.__items && !!this.__currencyCode && !!this.__currencyDisplay;\n    return super.isBodyReady && isLoaded;\n  }\n\n  private get __transactionTemplateHref() {\n    const data = this.data;\n\n    if (!data) return;\n    if ('_embedded' in data && 'fx:transaction_template' in data._embedded) return;\n\n    const url = new URL(this.data?._links['fx:transaction_template'].href ?? '');\n    url.searchParams.set('zoom', 'items');\n    return url.toString();\n  }\n\n  private get __defaultTemplateSetHref() {\n    const templateSetUri = this.__transactionTemplate?.template_set_uri;\n\n    if (templateSetUri === '') {\n      try {\n        const url = new URL(this.__store?._links['fx:template_sets'].href ?? '');\n        url.searchParams.set('code', 'DEFAULT');\n        return url.toString();\n      } catch {\n        //\n      }\n    }\n  }\n\n  private get __localeCodesHelperHref() {\n    if (this.__defaultTemplateSetHref || this.__templateSetHref) {\n      return this.localeCodes ?? void 0;\n    }\n  }\n\n  private get __templateSetHref() {\n    const cart = this.__transactionTemplate;\n    if (!cart?.currency_code) return cart?.template_set_uri || void 0;\n  }\n\n  private get __itemsHref() {\n    const cart = this.__transactionTemplate;\n\n    if (!cart) return;\n    if ('_embedded' in cart && 'fx:items' in cart._embedded) return;\n\n    const url = new URL(cart._links['fx:items'].href);\n    url.searchParams.set('limit', '1');\n    return url.toString();\n  }\n\n  private get __storeHref() {\n    return this.data?._links['fx:store']?.href;\n  }\n\n  private get __transactionTemplate() {\n    const data = this.data;\n\n    if (data && '_embedded' in data && 'fx:transaction_template' in data._embedded) {\n      type Cart = Resource<Rels.TransactionTemplate>;\n      type CartWithItems = Resource<Rels.TransactionTemplate, { zoom: 'items' }>;\n      return data._embedded['fx:transaction_template'] as Cart | CartWithItems;\n    } else {\n      type Loader = NucleonElement<Resource<Rels.TransactionTemplate, { zoom: 'items' }>>;\n      const selector = `#${this.__transactionTemplateLoaderId}`;\n      return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n    }\n  }\n\n  private get __defaultTemplateSet() {\n    type Loader = NucleonElement<Resource<Rels.TemplateSets>>;\n    const selector = `#${this.__defaultTemplateSetLoaderId}`;\n    const loader = this.renderRoot.querySelector<Loader>(selector);\n    return loader?.data?._embedded['fx:template_sets'][0] ?? null;\n  }\n\n  private get __localeCodesHelper() {\n    type Loader = NucleonElement<Resource<Rels.LocaleCodes>>;\n    const selector = `#${this.__localeCodesHelperLoaderId}`;\n    return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n  }\n\n  private get __templateSet() {\n    type Loader = NucleonElement<Resource<Rels.TemplateSet>>;\n    const selector = `#${this.__templateSetLoaderId}`;\n    return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n  }\n\n  private get __items() {\n    type Cart = Resource<Rels.TransactionTemplate>;\n    type CartWithItems = Resource<Rels.TransactionTemplate, { zoom: 'items' }>;\n\n    const cart = this.__transactionTemplate as Cart | CartWithItems | null;\n\n    if (cart && '_embedded' in cart && 'fx:items' in cart._embedded) {\n      const items = cart._embedded['fx:items'];\n\n      return {\n        array: items,\n        count: items.length,\n        isApproximateCount: items.length === 20,\n      };\n    }\n\n    type Loader = NucleonElement<Resource<Rels.Items>>;\n    const loader = this.renderRoot.querySelector<Loader>(`#${this.__itemsLoaderId}`);\n    if (!loader?.data) return null;\n\n    return {\n      array: loader.data._embedded['fx:items'],\n      count: loader.data.total_items,\n      isApproximateCount: false,\n    };\n  }\n\n  private get __store() {\n    type Loader = NucleonElement<Resource<Rels.Store>>;\n    const selector = `#${this.__storeLoaderId}`;\n    return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n  }\n\n  private get __currencyDisplay() {\n    const useCode = this.__store?.use_international_currency_symbol;\n\n    if (useCode === true) return 'code';\n    if (useCode === false) return 'symbol';\n  }\n\n  private get __summaryOptions() {\n    const { array, count } = this.__items ?? {};\n    if (array && count) return { firstItem: array[0], count, countMinus1: count - 1 };\n  }\n\n  private get __summaryKey() {\n    const items = this.__items;\n    if (items) return items.isApproximateCount ? 'summary_approximate' : 'summary';\n  }\n\n  private get __statusOptions() {\n    const data = this.data;\n\n    if (data === null) return;\n    if (data.first_failed_transaction_date) return { date: data.first_failed_transaction_date };\n    if (data.end_date) return { date: data.end_date };\n    if (data.is_active === false) return {};\n    if (new Date(data.start_date) > new Date()) return { date: data.start_date };\n\n    return { date: data.next_transaction_date };\n  }\n\n  private get __currencyCode() {\n    const cart = this.__transactionTemplate;\n\n    if (cart?.currency_code) {\n      return cart.currency_code as string;\n    } else {\n      const allLocaleCodes = this.__localeCodesHelper;\n      const localeCode = (this.__templateSet ?? this.__defaultTemplateSet)?.locale_code;\n      const localeInfo = localeCode ? allLocaleCodes?.values[localeCode] : void 0;\n\n      if (localeInfo) return /Currency: ([A-Z]{3})/g.exec(localeInfo)?.[1];\n    }\n  }\n\n  private get __priceOptions() {\n    const currencyDisplay = this.__currencyDisplay;\n    if (currencyDisplay === undefined) return;\n\n    const currencyCode = this.__currencyCode;\n    if (currencyCode === undefined) return;\n\n    const totalOrder = this.__transactionTemplate?.total_order;\n    if (totalOrder === undefined) return;\n\n    const frequency = this.data?.frequency;\n    if (frequency === undefined) return;\n\n    return {\n      ...parseFrequency(frequency),\n      amount: `${totalOrder} ${currencyCode}`,\n      currencyDisplay,\n    };\n  }\n\n  private get __statusKey() {\n    const data = this.data;\n\n    if (data === null) return;\n    if (data.first_failed_transaction_date) return 'subscription_failed';\n    if (data.end_date) {\n      const hasEnded = new Date(data.end_date).getTime() > Date.now();\n      return hasEnded ? 'subscription_will_be_cancelled' : 'subscription_cancelled';\n    }\n\n    if (data.is_active === false) return 'subscription_inactive';\n    if (new Date(data.start_date) > new Date()) return 'subscription_will_be_active';\n\n    return 'subscription_active';\n  }\n\n  private get __priceKey() {\n    const frequency = this.data?.frequency;\n    if (frequency) return `price_${frequency === '.5m' ? 'twice_a_month' : 'recurring'}`;\n  }\n}\n"]}
+{"version":3,"file":"AdminSubscriptionCard.js","sourceRoot":"","sources":["../../../../src/elements/public/AdminSubscriptionCard/AdminSubscriptionCard.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { parseFrequency } from '../../../utils/parse-frequency';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nconst NS = 'admin-subscription-card';\nconst Base = ConfigurableMixin(TranslatableMixin(InternalCard, NS));\n\n/**\n * Card element representing a subscription (`fx:subscription`).\n * Admin-only.\n *\n * @element foxy-admin-subscription-card\n * @since 1.21.0\n */\nexport class AdminSubscriptionCard extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      localeCodes: { attribute: 'locale-codes' },\n    };\n  }\n\n  /**\n   * URL of the `fx:locale_codes` property helper.\n   * This will be used to determine the currency code for subscriptions that link to a\n   * transaction template without the code.\n   */\n  localeCodes: string | null = null;\n\n  private readonly __transactionTemplateLoaderId = 'transactionTemplateLoader';\n\n  private readonly __defaultTemplateSetLoaderId = 'defaultTemplateSetLoader';\n\n  private readonly __localeCodesHelperLoaderId = 'localeCodesLoader';\n\n  private readonly __templateSetLoaderId = 'templateSetLoader';\n\n  private readonly __customerLoaderId = 'customerLoader';\n\n  private readonly __itemsLoaderId = 'itemsLoader';\n\n  private readonly __storeLoaderId = 'storeLoader';\n\n  renderBody(): TemplateResult {\n    const isFailed = !!this.data?.first_failed_transaction_date;\n    const customer = this.__customer;\n    const cart = this.__transactionTemplate;\n\n    const priceKey = this.__priceKey;\n    const priceOptions = this.__priceOptions;\n    const summaryOptions = this.__summaryOptions;\n    const summaryKey = this.__summaryKey;\n    const statusKey = this.__statusKey;\n    const statusOptions = this.__statusOptions;\n\n    return html`\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__transactionTemplateHref)}\n        id=${this.__transactionTemplateLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__defaultTemplateSetHref)}\n        id=${this.__defaultTemplateSetLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__localeCodesHelperHref)}\n        id=${this.__localeCodesHelperLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__templateSetHref)}\n        id=${this.__templateSetLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__customerHref)}\n        id=${this.__customerLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__itemsHref)}\n        id=${this.__itemsLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__storeHref)}\n        id=${this.__storeLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <div class=\"text-left leading-s text-tertiary\">\n        <div class=\"flex items-center space-x-s\">\n          <span class=\"block flex-1 font-medium text-body truncate\">\n            ${summaryOptions && summaryKey\n              ? html`<foxy-i18n infer=\"\" key=${summaryKey} .options=${summaryOptions}></foxy-i18n>`\n              : html`&ZeroWidthSpace;`}\n          </span>\n          <span class=\"text-s\">\n            ${priceOptions && priceKey\n              ? html`<foxy-i18n infer=\"\" key=${priceKey} .options=${priceOptions}></foxy-i18n>`\n              : html`&ZeroWidthSpace;`}\n          </span>\n        </div>\n\n        <div class=\"truncate text-s ${isFailed ? 'text-error' : 'text-secondary'}\">\n          ${statusOptions && statusKey\n            ? html`<foxy-i18n infer=\"\" key=${statusKey} .options=${statusOptions}></foxy-i18n>`\n            : html`&ZeroWidthSpace;`}\n        </div>\n\n        <div class=\"text-tertiary truncate text-s\">\n          ${customer?.first_name} ${customer?.last_name} (${cart?.customer_email})\n        </div>\n      </div>\n    `;\n  }\n\n  get isBodyReady(): boolean {\n    return (\n      super.isBodyReady &&\n      !!this.__items &&\n      !!this.__currencyCode &&\n      !!this.__currencyDisplay &&\n      !!this.__customer\n    );\n  }\n\n  private get __transactionTemplateHref() {\n    const data = this.data;\n\n    if (!data) return;\n    if ('_embedded' in data && 'fx:transaction_template' in data._embedded) return;\n\n    const url = new URL(this.data?._links['fx:transaction_template'].href ?? '');\n    url.searchParams.set('zoom', 'items');\n    return url.toString();\n  }\n\n  private get __defaultTemplateSetHref() {\n    const templateSetUri = this.__transactionTemplate?.template_set_uri;\n\n    if (templateSetUri === '') {\n      try {\n        const url = new URL(this.__store?._links['fx:template_sets'].href ?? '');\n        url.searchParams.set('code', 'DEFAULT');\n        return url.toString();\n      } catch {\n        //\n      }\n    }\n  }\n\n  private get __localeCodesHelperHref() {\n    if (this.__defaultTemplateSetHref || this.__templateSetHref) {\n      return this.localeCodes ?? void 0;\n    }\n  }\n\n  private get __templateSetHref() {\n    const cart = this.__transactionTemplate;\n    if (!cart?.currency_code) return cart?.template_set_uri || void 0;\n  }\n\n  private get __customerHref() {\n    if ('fx:customer' in (this.data?._embedded ?? {})) return;\n    return this.data?._links['fx:customer']?.href;\n  }\n\n  private get __itemsHref() {\n    const cart = this.__transactionTemplate;\n\n    if (!cart) return;\n    if ('_embedded' in cart && 'fx:items' in cart._embedded) return;\n\n    const url = new URL(cart._links['fx:items'].href);\n    url.searchParams.set('limit', '1');\n    return url.toString();\n  }\n\n  private get __storeHref() {\n    return this.data?._links['fx:store']?.href;\n  }\n\n  private get __transactionTemplate() {\n    const data = this.data;\n\n    if (data && '_embedded' in data && 'fx:transaction_template' in data._embedded) {\n      type Cart = Resource<Rels.TransactionTemplate>;\n      type CartWithItems = Resource<Rels.TransactionTemplate, { zoom: 'items' }>;\n      return data._embedded['fx:transaction_template'] as Cart | CartWithItems;\n    } else {\n      type Loader = NucleonElement<Resource<Rels.TransactionTemplate, { zoom: 'items' }>>;\n      const selector = `#${this.__transactionTemplateLoaderId}`;\n      return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n    }\n  }\n\n  private get __defaultTemplateSet() {\n    type Loader = NucleonElement<Resource<Rels.TemplateSets>>;\n    const selector = `#${this.__defaultTemplateSetLoaderId}`;\n    const loader = this.renderRoot.querySelector<Loader>(selector);\n    return loader?.data?._embedded['fx:template_sets'][0] ?? null;\n  }\n\n  private get __localeCodesHelper() {\n    type Loader = NucleonElement<Resource<Rels.LocaleCodes>>;\n    const selector = `#${this.__localeCodesHelperLoaderId}`;\n    return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n  }\n\n  private get __templateSet() {\n    type Loader = NucleonElement<Resource<Rels.TemplateSet>>;\n    const selector = `#${this.__templateSetLoaderId}`;\n    return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n  }\n\n  private get __customer() {\n    const data = this.data;\n\n    if (data && '_embedded' in data && 'fx:customer' in data._embedded) {\n      return data._embedded['fx:customer'] as Resource<Rels.Customer>;\n    } else {\n      type Loader = NucleonElement<Resource<Rels.Customer>>;\n      const selector = `#${this.__customerLoaderId}`;\n      return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n    }\n  }\n\n  private get __items() {\n    type Cart = Resource<Rels.TransactionTemplate>;\n    type CartWithItems = Resource<Rels.TransactionTemplate, { zoom: 'items' }>;\n\n    const cart = this.__transactionTemplate as Cart | CartWithItems | null;\n\n    if (cart && '_embedded' in cart && 'fx:items' in cart._embedded) {\n      const items = cart._embedded['fx:items'];\n\n      return {\n        array: items,\n        count: items.length,\n        isApproximateCount: items.length === 20,\n      };\n    }\n\n    type Loader = NucleonElement<Resource<Rels.Items>>;\n    const loader = this.renderRoot.querySelector<Loader>(`#${this.__itemsLoaderId}`);\n    if (!loader?.data) return null;\n\n    return {\n      array: loader.data._embedded['fx:items'],\n      count: loader.data.total_items,\n      isApproximateCount: false,\n    };\n  }\n\n  private get __store() {\n    type Loader = NucleonElement<Resource<Rels.Store>>;\n    const selector = `#${this.__storeLoaderId}`;\n    return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n  }\n\n  private get __currencyDisplay() {\n    const useCode = this.__store?.use_international_currency_symbol;\n\n    if (useCode === true) return 'code';\n    if (useCode === false) return 'symbol';\n  }\n\n  private get __summaryOptions() {\n    const { array, count } = this.__items ?? {};\n    if (array && count) return { firstItem: array[0], count, countMinus1: count - 1 };\n  }\n\n  private get __summaryKey() {\n    const items = this.__items;\n    if (items) return items.isApproximateCount ? 'summary_approximate' : 'summary';\n  }\n\n  private get __statusOptions() {\n    const data = this.data;\n\n    if (data === null) return;\n    if (data.first_failed_transaction_date) return { date: data.first_failed_transaction_date };\n    if (data.end_date) return { date: data.end_date };\n    if (data.is_active === false) return {};\n    if (new Date(data.start_date) > new Date()) return { date: data.start_date };\n\n    return { date: data.next_transaction_date };\n  }\n\n  private get __currencyCode() {\n    const cart = this.__transactionTemplate;\n\n    if (cart?.currency_code) {\n      return cart.currency_code as string;\n    } else {\n      const allLocaleCodes = this.__localeCodesHelper;\n      const localeCode = (this.__templateSet ?? this.__defaultTemplateSet)?.locale_code;\n      const localeInfo = localeCode ? allLocaleCodes?.values[localeCode] : void 0;\n\n      if (localeInfo) return /Currency: ([A-Z]{3})/g.exec(localeInfo)?.[1];\n    }\n  }\n\n  private get __priceOptions() {\n    const currencyDisplay = this.__currencyDisplay;\n    if (currencyDisplay === undefined) return;\n\n    const currencyCode = this.__currencyCode;\n    if (currencyCode === undefined) return;\n\n    const totalOrder = this.__transactionTemplate?.total_order;\n    if (totalOrder === undefined) return;\n\n    const frequency = this.data?.frequency;\n    if (frequency === undefined) return;\n\n    return {\n      ...parseFrequency(frequency),\n      amount: `${totalOrder} ${currencyCode}`,\n      currencyDisplay,\n    };\n  }\n\n  private get __statusKey() {\n    const data = this.data;\n\n    if (data === null) return;\n    if (data.first_failed_transaction_date) return 'subscription_failed';\n    if (data.end_date) {\n      const hasEnded = new Date(data.end_date).getTime() > Date.now();\n      return hasEnded ? 'subscription_will_be_cancelled' : 'subscription_cancelled';\n    }\n\n    if (data.is_active === false) return 'subscription_inactive';\n    if (new Date(data.start_date) > new Date()) return 'subscription_will_be_active';\n\n    return 'subscription_active';\n  }\n\n  private get __priceKey() {\n    const frequency = this.data?.frequency;\n    if (frequency) return `price_${frequency === '.5m' ? 'twice_a_month' : 'recurring'}`;\n  }\n}\n"]}

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

@@ -1,9 +1,11 @@
 import type { Resource } from '@foxy.io/sdk/core';
 import type { Rels } from '@foxy.io/sdk/backend';
 export declare type Data = Resource<Rels.Subscription> | Resource<Rels.Subscription, {
-    zoom: 'transaction_template';
+    zoom: ['customer'];
 }> | Resource<Rels.Subscription, {
-    zoom: {
+    zoom: ['transaction_template', 'customer'];
+}> | Resource<Rels.Subscription, {
+    zoom: [{
         transaction_template: 'items';
-    };
+    }, 'customer'];
 }>;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/AdminSubscriptionCard/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type Data =\n  | Resource<Rels.Subscription>\n  | Resource<Rels.Subscription, { zoom: 'transaction_template' }>\n  | Resource<Rels.Subscription, { zoom: { transaction_template: 'items' } }>;\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/elements/public/AdminSubscriptionCard/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\n\nexport type Data =\n  | Resource<Rels.Subscription>\n  | Resource<Rels.Subscription, { zoom: ['customer'] }>\n  | Resource<Rels.Subscription, { zoom: ['transaction_template', 'customer'] }>\n  | Resource<Rels.Subscription, { zoom: [{ transaction_template: 'items' }, 'customer'] }>;\n"]}

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

@@ -39,7 +39,6 @@ export declare class CartCard extends Base<Data> {
     private get __currencyDisplay();
     private get __currencyCode();
     private get __line1Options();
-    private get __line1Key();
     private get __line2Options();
     private get __line2Key();
     private get __statusOptions();

package/dist/elements/public/CartCard/CartCard.js

@@ -1,3 +1,4 @@
+import { getResourceId } from '@foxy.io/sdk/core';
 import { TranslatableMixin } from "../../../mixins/translatable.js";
 import { ConfigurableMixin } from "../../../mixins/configurable.js";
 import { InternalCard } from "../../internal/InternalCard/InternalCard.js";
@@ -35,7 +36,6 @@ export class CartCard extends Base {
     renderBody() {
         const statusOptions = this.__statusOptions;
         const line1Options = this.__line1Options;
-        const line1Key = this.__line1Key;
         const line2Options = this.__line2Options;
         const line2Key = this.__line2Key;
         const data = this.data;
@@ -88,8 +88,8 @@ export class CartCard extends Base {
       <div class="text-left leading-s">
         <div class="flex items-center space-x-s">
           <span class="flex-1 font-medium text-body truncate">
-            ${line1Options && line1Key
-            ? html `<foxy-i18n infer="" key=${line1Key} .options=${line1Options}></foxy-i18n>`
+            ${line1Options
+            ? html `<foxy-i18n infer="" key="line_1" .options=${line1Options}></foxy-i18n>`
             : html `&ZeroWidthSpace;`}
           </span>
           <span class="text-s text-tertiary">
@@ -222,7 +222,7 @@ export class CartCard extends Base {
         }
     }
     get __line1Options() {
-        var _a, _b;
+        var _a, _b, _c;
         const totalOrder = (_a = this.data) === null || _a === void 0 ? void 0 : _a.total_order;
         if (totalOrder === undefined)
             return;
@@ -235,12 +235,15 @@ export class CartCard extends Base {
         const count = (_b = this.__items) === null || _b === void 0 ? void 0 : _b.count;
         if (count === undefined)
             return;
-        return { amount: `${totalOrder} ${currencyCode}`, currencyDisplay, count };
-    }
-    get __line1Key() {
-        const items = this.__items;
-        if (items)
-            return items.isApproximateCount ? 'line_1_approximate' : 'line_1';
+        const href = (_c = this.data) === null || _c === void 0 ? void 0 : _c._links['self'].href;
+        if (href === undefined)
+            return;
+        return {
+            currencyDisplay,
+            amount: `${totalOrder} ${currencyCode}`,
+            count,
+            id: getResourceId(href),
+        };
     }
     get __line2Options() {
         var _a;

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

@@ -1 +1 @@
-{"version":3,"file":"CartCard.js","sourceRoot":"","sources":["../../../../src/elements/public/CartCard/CartCard.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nconst NS = 'cart-card';\nconst Base = ConfigurableMixin(TranslatableMixin(InternalCard, NS));\n\n/**\n * Card element representing cart resource (`fx:cart`).\n *\n * @element foxy-cart-card\n * @since 1.21.0\n */\nexport class CartCard extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      localeCodes: { type: String, attribute: 'locale-codes' },\n    };\n  }\n\n  /**\n   * URL of the `fx:locale_codes` property helper.\n   * This will be used to determine the currency code for carts created with hAPI\n   * since it isn't included in them.\n   */\n  localeCodes: string | null = null;\n\n  private readonly __defaultTemplateSetLoaderId = 'defaultTemplateSetLoader';\n\n  private readonly __localeCodesHelperLoaderId = 'localeCodesLoader';\n\n  private readonly __templateSetLoaderId = 'templateSetLoader';\n\n  private readonly __itemsLoaderId = 'itemsLoader';\n\n  private readonly __storeLoaderId = 'storeLoader';\n\n  renderBody(): TemplateResult {\n    const statusOptions = this.__statusOptions;\n    const line1Options = this.__line1Options;\n    const line1Key = this.__line1Key;\n    const line2Options = this.__line2Options;\n    const line2Key = this.__line2Key;\n    const data = this.data;\n\n    return html`\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__itemsHref)}\n        id=${this.__itemsLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__defaultTemplateSetHref)}\n        id=${this.__defaultTemplateSetLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__localeCodesHelperHref)}\n        id=${this.__localeCodesHelperLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__templateSetHref)}\n        id=${this.__templateSetLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__storeHref)}\n        id=${this.__storeLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <div class=\"text-left leading-s\">\n        <div class=\"flex items-center space-x-s\">\n          <span class=\"flex-1 font-medium text-body truncate\">\n            ${line1Options && line1Key\n              ? html`<foxy-i18n infer=\"\" key=${line1Key} .options=${line1Options}></foxy-i18n>`\n              : html`&ZeroWidthSpace;`}\n          </span>\n          <span class=\"text-s text-tertiary\">\n            ${data\n              ? html`<foxy-i18n infer=\"\" key=\"status\" .options=${statusOptions}></foxy-i18n>`\n              : html`&ZeroWidthSpace;`}\n          </span>\n        </div>\n\n        <div class=\"truncate text-s text-secondary\">\n          ${line2Key\n            ? html`<foxy-i18n infer=\"\" key=${line2Key} .options=${line2Options}></foxy-i18n>`\n            : html`&ZeroWidthSpace;`}\n        </div>\n\n        <div class=\"text-tertiary truncate text-s\">\n          ${data\n            ? data.customer_email\n              ? html`${data.customer_email}`\n              : html`<foxy-i18n infer=\"\" key=\"no_customer\"></foxy-i18n>`\n            : html`&ZeroWidthSpace;`}\n        </div>\n      </div>\n    `;\n  }\n\n  get isBodyReady(): boolean {\n    const isLoaded = !!this.__line1Options && !!this.__statusOptions && !!this.__line2Key;\n    return super.isBodyReady && isLoaded;\n  }\n\n  private get __defaultTemplateSetHref() {\n    const templateSetUri = this.data?.template_set_uri;\n\n    if (templateSetUri === '') {\n      try {\n        const url = new URL(this.__store?._links['fx:template_sets'].href ?? '');\n        url.searchParams.set('code', 'DEFAULT');\n        return url.toString();\n      } catch {\n        //\n      }\n    }\n  }\n\n  private get __localeCodesHelperHref() {\n    if (this.__defaultTemplateSetHref || this.__templateSetHref) {\n      return this.localeCodes ?? void 0;\n    }\n  }\n\n  private get __templateSetHref() {\n    if (!this.data?.currency_code) return this.data?.template_set_uri || void 0;\n  }\n\n  private get __itemsHref() {\n    const data = this.data;\n\n    if (!data) return;\n    if ('_embedded' in data && 'fx:items' in data._embedded) return;\n\n    const url = new URL(data._links['fx:items'].href);\n\n    url.searchParams.set('order', 'price desc');\n    url.searchParams.set('limit', '1');\n\n    return url.toString();\n  }\n\n  private get __storeHref() {\n    return this.data?._links['fx:store']?.href;\n  }\n\n  private get __defaultTemplateSet() {\n    type Loader = NucleonElement<Resource<Rels.TemplateSets>>;\n    const selector = `#${this.__defaultTemplateSetLoaderId}`;\n    const loader = this.renderRoot.querySelector<Loader>(selector);\n    return loader?.data?._embedded['fx:template_sets'][0] ?? null;\n  }\n\n  private get __localeCodesHelper() {\n    type Loader = NucleonElement<Resource<Rels.LocaleCodes>>;\n    const selector = `#${this.__localeCodesHelperLoaderId}`;\n    return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n  }\n\n  private get __templateSet() {\n    type Loader = NucleonElement<Resource<Rels.TemplateSet>>;\n    const selector = `#${this.__templateSetLoaderId}`;\n    return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n  }\n\n  private get __items() {\n    const data = this.data;\n\n    if (data && '_embedded' in data && 'fx:items' in data._embedded) {\n      const items = data._embedded['fx:items'];\n\n      return {\n        array: items,\n        count: items.length,\n        isApproximateCount: items.length === 20,\n      };\n    }\n\n    type Loader = NucleonElement<Resource<Rels.Items>>;\n    const loader = this.renderRoot.querySelector<Loader>(`#${this.__itemsLoaderId}`);\n\n    if (!loader?.data) return;\n\n    return {\n      array: loader.data._embedded['fx:items'],\n      count: loader.data.total_items,\n      isApproximateCount: false,\n    };\n  }\n\n  private get __store() {\n    type Loader = NucleonElement<Resource<Rels.Store>>;\n    const selector = `#${this.__storeLoaderId}`;\n    return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n  }\n\n  private get __currencyDisplay() {\n    const useCode = this.__store?.use_international_currency_symbol;\n\n    if (useCode === true) return 'code';\n    if (useCode === false) return 'symbol';\n  }\n\n  private get __currencyCode() {\n    const data = this.data;\n\n    if (data?.currency_code) {\n      return data.currency_code;\n    } else {\n      const allLocaleCodes = this.__localeCodesHelper;\n      const localeCode = (this.__templateSet ?? this.__defaultTemplateSet)?.locale_code;\n      const localeInfo = localeCode ? allLocaleCodes?.values[localeCode] : void 0;\n\n      if (localeInfo) return /Currency: ([A-Z]{3})/g.exec(localeInfo)?.[1];\n    }\n  }\n\n  private get __line1Options() {\n    const totalOrder = this.data?.total_order;\n    if (totalOrder === undefined) return;\n\n    const currencyDisplay = this.__currencyDisplay;\n    if (currencyDisplay === undefined) return;\n\n    const currencyCode = this.__currencyCode;\n    if (currencyCode === undefined) return;\n\n    const count = this.__items?.count;\n    if (count === undefined) return;\n\n    return { amount: `${totalOrder} ${currencyCode}`, currencyDisplay, count };\n  }\n\n  private get __line1Key() {\n    const items = this.__items;\n    if (items) return items.isApproximateCount ? 'line_1_approximate' : 'line_1';\n  }\n\n  private get __line2Options() {\n    return this.__items?.array[0];\n  }\n\n  private get __line2Key() {\n    const items = this.__items;\n    if (items === undefined) return;\n\n    if (items.count === 0) return 'line_2_empty';\n    if (items.count === 1) return 'line_2_one';\n    if (items.count > 1) return 'line_2_many';\n  }\n\n  private get __statusOptions() {\n    const data = this.data;\n    if (data) return { dateCreated: data.date_created };\n  }\n}\n"]}
+{"version":3,"file":"CartCard.js","sourceRoot":"","sources":["../../../../src/elements/public/CartCard/CartCard.ts"],"names":[],"mappings":"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","sourcesContent":["import type { PropertyDeclarations } from 'lit-element';\nimport type { TemplateResult } from 'lit-html';\nimport type { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { getResourceId, Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/backend';\nimport type { Data } from './types';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { InternalCard } from '../../internal/InternalCard/InternalCard';\nimport { ifDefined } from 'lit-html/directives/if-defined';\nimport { html } from 'lit-html';\n\nconst NS = 'cart-card';\nconst Base = ConfigurableMixin(TranslatableMixin(InternalCard, NS));\n\n/**\n * Card element representing cart resource (`fx:cart`).\n *\n * @element foxy-cart-card\n * @since 1.21.0\n */\nexport class CartCard extends Base<Data> {\n  static get properties(): PropertyDeclarations {\n    return {\n      ...super.properties,\n      localeCodes: { type: String, attribute: 'locale-codes' },\n    };\n  }\n\n  /**\n   * URL of the `fx:locale_codes` property helper.\n   * This will be used to determine the currency code for carts created with hAPI\n   * since it isn't included in them.\n   */\n  localeCodes: string | null = null;\n\n  private readonly __defaultTemplateSetLoaderId = 'defaultTemplateSetLoader';\n\n  private readonly __localeCodesHelperLoaderId = 'localeCodesLoader';\n\n  private readonly __templateSetLoaderId = 'templateSetLoader';\n\n  private readonly __itemsLoaderId = 'itemsLoader';\n\n  private readonly __storeLoaderId = 'storeLoader';\n\n  renderBody(): TemplateResult {\n    const statusOptions = this.__statusOptions;\n    const line1Options = this.__line1Options;\n    const line2Options = this.__line2Options;\n    const line2Key = this.__line2Key;\n    const data = this.data;\n\n    return html`\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__itemsHref)}\n        id=${this.__itemsLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__defaultTemplateSetHref)}\n        id=${this.__defaultTemplateSetLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__localeCodesHelperHref)}\n        id=${this.__localeCodesHelperLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__templateSetHref)}\n        id=${this.__templateSetLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <foxy-nucleon\n        class=\"hidden\"\n        infer=\"\"\n        href=${ifDefined(this.__storeHref)}\n        id=${this.__storeLoaderId}\n        @update=${() => this.requestUpdate()}\n      >\n      </foxy-nucleon>\n\n      <div class=\"text-left leading-s\">\n        <div class=\"flex items-center space-x-s\">\n          <span class=\"flex-1 font-medium text-body truncate\">\n            ${line1Options\n              ? html`<foxy-i18n infer=\"\" key=\"line_1\" .options=${line1Options}></foxy-i18n>`\n              : html`&ZeroWidthSpace;`}\n          </span>\n          <span class=\"text-s text-tertiary\">\n            ${data\n              ? html`<foxy-i18n infer=\"\" key=\"status\" .options=${statusOptions}></foxy-i18n>`\n              : html`&ZeroWidthSpace;`}\n          </span>\n        </div>\n\n        <div class=\"truncate text-s text-secondary\">\n          ${line2Key\n            ? html`<foxy-i18n infer=\"\" key=${line2Key} .options=${line2Options}></foxy-i18n>`\n            : html`&ZeroWidthSpace;`}\n        </div>\n\n        <div class=\"text-tertiary truncate text-s\">\n          ${data\n            ? data.customer_email\n              ? html`${data.customer_email}`\n              : html`<foxy-i18n infer=\"\" key=\"no_customer\"></foxy-i18n>`\n            : html`&ZeroWidthSpace;`}\n        </div>\n      </div>\n    `;\n  }\n\n  get isBodyReady(): boolean {\n    const isLoaded = !!this.__line1Options && !!this.__statusOptions && !!this.__line2Key;\n    return super.isBodyReady && isLoaded;\n  }\n\n  private get __defaultTemplateSetHref() {\n    const templateSetUri = this.data?.template_set_uri;\n\n    if (templateSetUri === '') {\n      try {\n        const url = new URL(this.__store?._links['fx:template_sets'].href ?? '');\n        url.searchParams.set('code', 'DEFAULT');\n        return url.toString();\n      } catch {\n        //\n      }\n    }\n  }\n\n  private get __localeCodesHelperHref() {\n    if (this.__defaultTemplateSetHref || this.__templateSetHref) {\n      return this.localeCodes ?? void 0;\n    }\n  }\n\n  private get __templateSetHref() {\n    if (!this.data?.currency_code) return this.data?.template_set_uri || void 0;\n  }\n\n  private get __itemsHref() {\n    const data = this.data;\n\n    if (!data) return;\n    if ('_embedded' in data && 'fx:items' in data._embedded) return;\n\n    const url = new URL(data._links['fx:items'].href);\n\n    url.searchParams.set('order', 'price desc');\n    url.searchParams.set('limit', '1');\n\n    return url.toString();\n  }\n\n  private get __storeHref() {\n    return this.data?._links['fx:store']?.href;\n  }\n\n  private get __defaultTemplateSet() {\n    type Loader = NucleonElement<Resource<Rels.TemplateSets>>;\n    const selector = `#${this.__defaultTemplateSetLoaderId}`;\n    const loader = this.renderRoot.querySelector<Loader>(selector);\n    return loader?.data?._embedded['fx:template_sets'][0] ?? null;\n  }\n\n  private get __localeCodesHelper() {\n    type Loader = NucleonElement<Resource<Rels.LocaleCodes>>;\n    const selector = `#${this.__localeCodesHelperLoaderId}`;\n    return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n  }\n\n  private get __templateSet() {\n    type Loader = NucleonElement<Resource<Rels.TemplateSet>>;\n    const selector = `#${this.__templateSetLoaderId}`;\n    return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n  }\n\n  private get __items() {\n    const data = this.data;\n\n    if (data && '_embedded' in data && 'fx:items' in data._embedded) {\n      const items = data._embedded['fx:items'];\n\n      return {\n        array: items,\n        count: items.length,\n        isApproximateCount: items.length === 20,\n      };\n    }\n\n    type Loader = NucleonElement<Resource<Rels.Items>>;\n    const loader = this.renderRoot.querySelector<Loader>(`#${this.__itemsLoaderId}`);\n\n    if (!loader?.data) return;\n\n    return {\n      array: loader.data._embedded['fx:items'],\n      count: loader.data.total_items,\n      isApproximateCount: false,\n    };\n  }\n\n  private get __store() {\n    type Loader = NucleonElement<Resource<Rels.Store>>;\n    const selector = `#${this.__storeLoaderId}`;\n    return this.renderRoot.querySelector<Loader>(selector)?.data ?? null;\n  }\n\n  private get __currencyDisplay() {\n    const useCode = this.__store?.use_international_currency_symbol;\n\n    if (useCode === true) return 'code';\n    if (useCode === false) return 'symbol';\n  }\n\n  private get __currencyCode() {\n    const data = this.data;\n\n    if (data?.currency_code) {\n      return data.currency_code;\n    } else {\n      const allLocaleCodes = this.__localeCodesHelper;\n      const localeCode = (this.__templateSet ?? this.__defaultTemplateSet)?.locale_code;\n      const localeInfo = localeCode ? allLocaleCodes?.values[localeCode] : void 0;\n\n      if (localeInfo) return /Currency: ([A-Z]{3})/g.exec(localeInfo)?.[1];\n    }\n  }\n\n  private get __line1Options() {\n    const totalOrder = this.data?.total_order;\n    if (totalOrder === undefined) return;\n\n    const currencyDisplay = this.__currencyDisplay;\n    if (currencyDisplay === undefined) return;\n\n    const currencyCode = this.__currencyCode;\n    if (currencyCode === undefined) return;\n\n    const count = this.__items?.count;\n    if (count === undefined) return;\n\n    const href = this.data?._links['self'].href;\n    if (href === undefined) return;\n\n    return {\n      currencyDisplay,\n      amount: `${totalOrder} ${currencyCode}`,\n      count,\n      id: getResourceId(href),\n    };\n  }\n\n  private get __line2Options() {\n    return this.__items?.array[0];\n  }\n\n  private get __line2Key() {\n    const items = this.__items;\n    if (items === undefined) return;\n\n    if (items.count === 0) return 'line_2_empty';\n    if (items.count === 1) return 'line_2_one';\n    if (items.count > 1) return 'line_2_many';\n  }\n\n  private get __statusOptions() {\n    const data = this.data;\n    if (data) return { dateCreated: data.date_created };\n  }\n}\n"]}

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

@@ -296,8 +296,6 @@ export class InternalCustomerPortalLoggedOutView extends Base {
     `;
         };
         this.__renderSignUpForm = () => {
-            var _a, _b, _c;
-            const siteKey = (_b = (_a = this.data) === null || _a === void 0 ? void 0 : _a.sign_up) === null || _b === void 0 ? void 0 : _b.verification.site_key;
             const scope = 'sign-up:form';
             const hidden = [
                 'tax-id',
@@ -322,8 +320,6 @@ export class InternalCustomerPortalLoggedOutView extends Base {
           lang=${this.lang}
           id="sign-up-form"
           ns="${this.ns} sign-up-form"
-          .tosCheckboxSettings=${(_c = this.data) === null || _c === void 0 ? void 0 : _c.tos_checkbox_settings}
-          .verification=${siteKey ? { type: 'hcaptcha', siteKey } : null}
           .templates=${this.getNestedTemplates('sign-up:form')}
           .settings=${this.data}
           @update=${() => this.requestUpdate()}

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 type { CSSResultArray, PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { AccessRecoveryForm } from '../AccessRecoveryForm/AccessRecoveryForm';\nimport type { CustomerForm } from '../CustomerForm/CustomerForm';\nimport type { SignInForm } from '../SignInForm/SignInForm';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/customer';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { css, html } from 'lit-element';\n\ntype Data = Resource<Rels.CustomerPortalSettings>;\nconst Base = TranslatableMixin(InternalForm);\n\nexport class InternalCustomerPortalLoggedOutView extends Base<Data> {\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-25rem {\n          max-width: 25rem;\n        }\n      `,\n    ];\n  }\n\n  page: 'sign-up' | '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-s font-lumo\" data-testid=\"access-recovery:header\">\n        ${this.renderTemplateOrSlot('access-recovery:header:before')}\n\n        <foxy-i18n\n          class=\"text-xxl font-medium ${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-25rem flex-1\">\n          ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n          <div class=\"space-y-m\">\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-s font-lumo\" data-testid=\"sign-in:header\">\n        ${this.renderTemplateOrSlot('sign-in:header:before')}\n\n        <foxy-i18n\n          class=\"text-xxl font-medium ${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 __renderSignInSignUp = () => {\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:signup:before')}\n\n        <vaadin-button\n          data-testid=\"sign-in:signup\"\n          class=\"w-full\"\n          theme=\"tertiary\"\n          ?disabled=${!!form?.in('busy') || disabledSelector.matches('signup', true)}\n          @click=${() => (this.page = 'sign-up')}\n        >\n          <foxy-i18n lang=${this.lang} key=\"sign_up\" ns=\"${this.ns} sign-in-form\"> </foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('sign-in:signup: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    const isSignUpEnabled = this.data?.sign_up?.enabled === true;\n    const isSignUpButtonHidden = hiddenSelector.matches('signup', true) || !isSignUpEnabled;\n\n    return html`\n      <div class=\"h-full flex\" data-testid=\"sign-in\">\n        <div class=\"m-auto max-w-25rem flex-1\">\n          ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n          <div class=\"space-y-m\">\n            ${hiddenSelector.matches('header', true) ? '' : this.__renderSignInHeader()}\n            <div class=\"space-y-s\">\n              ${hiddenSelector.matches('form', true) ? '' : this.__renderSignInForm()}\n              <div class=\"flex justify-center gap-s\">\n                ${isSignUpButtonHidden ? '' : this.__renderSignInSignUp()}\n                ${hiddenSelector.matches('recover', true) ? '' : this.__renderSignInRecover()}\n              </div>\n            </div>\n          </div>\n\n          ${this.renderTemplateOrSlot(`${scope}:after`)}\n        </div>\n      </div>\n    `;\n  };\n\n  private readonly __renderSignUpHeader = () => {\n    const { lang, ns } = this;\n    const formId = '#sign-up-form';\n    const form = this.renderRoot.querySelector(formId) as CustomerForm | null;\n    const isBusy = !!form?.in('busy');\n\n    return html`\n      <div class=\"flex flex-col leading-s font-lumo\" data-testid=\"sign-up:header\">\n        ${this.renderTemplateOrSlot('sign-up:header:before')}\n\n        <foxy-i18n\n          class=\"text-xxl font-medium ${isBusy ? 'text-disabled' : 'text-body'}\"\n          lang=${lang}\n          key=\"sign_up\"\n          ns=\"${ns} sign-up-form\"\n        >\n        </foxy-i18n>\n\n        <foxy-i18n\n          class=\"text-l ${isBusy ? 'text-disabled' : 'text-secondary'}\"\n          lang=${lang}\n          key=\"sign_up_hint\"\n          ns=\"${ns} sign-up-form\"\n        >\n        </foxy-i18n>\n\n        ${this.renderTemplateOrSlot('sign-up:header:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderSignUpGoBack = () => {\n    const form = this.renderRoot.querySelector<CustomerForm>('#sign-up-form');\n    const disabledSelector = this.disabledSelector.zoom('sign-up');\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('sign-up:go-back:before')}\n\n        <vaadin-button\n          data-testid=\"sign-up:go-back\"\n          class=\"w-full\"\n          theme=\"tertiary-inline\"\n          ?disabled=${!!form?.in('busy') || disabledSelector.matches('go-back', true)}\n          @click=${() => (this.page = 'sign-in')}\n        >\n          <foxy-i18n lang=${this.lang} key=\"go_back\" ns=\"${this.ns} sign-up-form\"> </foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('sign-up:go-back:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderSignUpForm = () => {\n    const siteKey = this.data?.sign_up?.verification.site_key;\n    const scope = 'sign-up:form';\n    const hidden = [\n      'tax-id',\n      'is-anonymous',\n      'password-old',\n      'forgot-password',\n      'timestamps',\n      'delete',\n      this.hiddenSelector.zoom(scope).toString(),\n    ];\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n        <foxy-customer-form\n          readonlycontrols=${this.readonlySelector.zoom(scope).toString()}\n          disabledcontrols=${this.disabledSelector.zoom(scope).toString()}\n          hiddencontrols=${new BooleanSelector(hidden.join(' ').trim())}\n          data-testid=\"sign-up:form\"\n          parent=\"foxy://customer-api/signup\"\n          group=${this.group}\n          lang=${this.lang}\n          id=\"sign-up-form\"\n          ns=\"${this.ns} sign-up-form\"\n          .tosCheckboxSettings=${this.data?.tos_checkbox_settings}\n          .verification=${siteKey ? { type: 'hcaptcha', siteKey } : null}\n          .templates=${this.getNestedTemplates('sign-up:form')}\n          .settings=${this.data}\n          @update=${() => this.requestUpdate()}\n        >\n        </foxy-customer-form>\n\n        ${this.renderTemplateOrSlot(`${scope}:after`)}\n      </div>\n    `;\n  };\n\n  private readonly __renderSignUp = () => {\n    const scope = 'sign-up';\n    const hiddenSelector = this.hiddenSelector.zoom(scope);\n\n    return html`\n      <div class=\"h-full flex\" data-testid=\"sign-up\">\n        <div class=\"m-auto max-w-25rem flex-1\">\n          ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n          <div class=\"space-y-m\">\n            ${hiddenSelector.matches('header', true) ? '' : this.__renderSignUpHeader()}\n            ${hiddenSelector.matches('form', true) ? '' : this.__renderSignUpForm()}\n            ${hiddenSelector.matches('go-back', true) ? '' : this.__renderSignUpGoBack()}\n          </div>\n\n          ${this.renderTemplateOrSlot(`${scope}:after`)}\n        </div>\n      </div>\n    `;\n  };\n\n  renderBody(): 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    if (page === 'sign-up' && !hiddenSelector.matches('sign-up', true)) {\n      return this.__renderSignUp();\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 type { CSSResultArray, PropertyDeclarations, TemplateResult } from 'lit-element';\nimport type { AccessRecoveryForm } from '../AccessRecoveryForm/AccessRecoveryForm';\nimport type { CustomerForm } from '../CustomerForm/CustomerForm';\nimport type { SignInForm } from '../SignInForm/SignInForm';\nimport type { Resource } from '@foxy.io/sdk/core';\nimport type { Rels } from '@foxy.io/sdk/customer';\n\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { BooleanSelector } from '@foxy.io/sdk/core';\nimport { InternalForm } from '../../internal/InternalForm/InternalForm';\nimport { css, html } from 'lit-element';\n\ntype Data = Resource<Rels.CustomerPortalSettings>;\nconst Base = TranslatableMixin(InternalForm);\n\nexport class InternalCustomerPortalLoggedOutView extends Base<Data> {\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-25rem {\n          max-width: 25rem;\n        }\n      `,\n    ];\n  }\n\n  page: 'sign-up' | '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-s font-lumo\" data-testid=\"access-recovery:header\">\n        ${this.renderTemplateOrSlot('access-recovery:header:before')}\n\n        <foxy-i18n\n          class=\"text-xxl font-medium ${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-25rem flex-1\">\n          ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n          <div class=\"space-y-m\">\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-s font-lumo\" data-testid=\"sign-in:header\">\n        ${this.renderTemplateOrSlot('sign-in:header:before')}\n\n        <foxy-i18n\n          class=\"text-xxl font-medium ${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 __renderSignInSignUp = () => {\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:signup:before')}\n\n        <vaadin-button\n          data-testid=\"sign-in:signup\"\n          class=\"w-full\"\n          theme=\"tertiary\"\n          ?disabled=${!!form?.in('busy') || disabledSelector.matches('signup', true)}\n          @click=${() => (this.page = 'sign-up')}\n        >\n          <foxy-i18n lang=${this.lang} key=\"sign_up\" ns=\"${this.ns} sign-in-form\"> </foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('sign-in:signup: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    const isSignUpEnabled = this.data?.sign_up?.enabled === true;\n    const isSignUpButtonHidden = hiddenSelector.matches('signup', true) || !isSignUpEnabled;\n\n    return html`\n      <div class=\"h-full flex\" data-testid=\"sign-in\">\n        <div class=\"m-auto max-w-25rem flex-1\">\n          ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n          <div class=\"space-y-m\">\n            ${hiddenSelector.matches('header', true) ? '' : this.__renderSignInHeader()}\n            <div class=\"space-y-s\">\n              ${hiddenSelector.matches('form', true) ? '' : this.__renderSignInForm()}\n              <div class=\"flex justify-center gap-s\">\n                ${isSignUpButtonHidden ? '' : this.__renderSignInSignUp()}\n                ${hiddenSelector.matches('recover', true) ? '' : this.__renderSignInRecover()}\n              </div>\n            </div>\n          </div>\n\n          ${this.renderTemplateOrSlot(`${scope}:after`)}\n        </div>\n      </div>\n    `;\n  };\n\n  private readonly __renderSignUpHeader = () => {\n    const { lang, ns } = this;\n    const formId = '#sign-up-form';\n    const form = this.renderRoot.querySelector(formId) as CustomerForm | null;\n    const isBusy = !!form?.in('busy');\n\n    return html`\n      <div class=\"flex flex-col leading-s font-lumo\" data-testid=\"sign-up:header\">\n        ${this.renderTemplateOrSlot('sign-up:header:before')}\n\n        <foxy-i18n\n          class=\"text-xxl font-medium ${isBusy ? 'text-disabled' : 'text-body'}\"\n          lang=${lang}\n          key=\"sign_up\"\n          ns=\"${ns} sign-up-form\"\n        >\n        </foxy-i18n>\n\n        <foxy-i18n\n          class=\"text-l ${isBusy ? 'text-disabled' : 'text-secondary'}\"\n          lang=${lang}\n          key=\"sign_up_hint\"\n          ns=\"${ns} sign-up-form\"\n        >\n        </foxy-i18n>\n\n        ${this.renderTemplateOrSlot('sign-up:header:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderSignUpGoBack = () => {\n    const form = this.renderRoot.querySelector<CustomerForm>('#sign-up-form');\n    const disabledSelector = this.disabledSelector.zoom('sign-up');\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot('sign-up:go-back:before')}\n\n        <vaadin-button\n          data-testid=\"sign-up:go-back\"\n          class=\"w-full\"\n          theme=\"tertiary-inline\"\n          ?disabled=${!!form?.in('busy') || disabledSelector.matches('go-back', true)}\n          @click=${() => (this.page = 'sign-in')}\n        >\n          <foxy-i18n lang=${this.lang} key=\"go_back\" ns=\"${this.ns} sign-up-form\"> </foxy-i18n>\n        </vaadin-button>\n\n        ${this.renderTemplateOrSlot('sign-up:go-back:after')}\n      </div>\n    `;\n  };\n\n  private readonly __renderSignUpForm = () => {\n    const scope = 'sign-up:form';\n    const hidden = [\n      'tax-id',\n      'is-anonymous',\n      'password-old',\n      'forgot-password',\n      'timestamps',\n      'delete',\n      this.hiddenSelector.zoom(scope).toString(),\n    ];\n\n    return html`\n      <div>\n        ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n        <foxy-customer-form\n          readonlycontrols=${this.readonlySelector.zoom(scope).toString()}\n          disabledcontrols=${this.disabledSelector.zoom(scope).toString()}\n          hiddencontrols=${new BooleanSelector(hidden.join(' ').trim())}\n          data-testid=\"sign-up:form\"\n          parent=\"foxy://customer-api/signup\"\n          group=${this.group}\n          lang=${this.lang}\n          id=\"sign-up-form\"\n          ns=\"${this.ns} sign-up-form\"\n          .templates=${this.getNestedTemplates('sign-up:form')}\n          .settings=${this.data}\n          @update=${() => this.requestUpdate()}\n        >\n        </foxy-customer-form>\n\n        ${this.renderTemplateOrSlot(`${scope}:after`)}\n      </div>\n    `;\n  };\n\n  private readonly __renderSignUp = () => {\n    const scope = 'sign-up';\n    const hiddenSelector = this.hiddenSelector.zoom(scope);\n\n    return html`\n      <div class=\"h-full flex\" data-testid=\"sign-up\">\n        <div class=\"m-auto max-w-25rem flex-1\">\n          ${this.renderTemplateOrSlot(`${scope}:before`)}\n\n          <div class=\"space-y-m\">\n            ${hiddenSelector.matches('header', true) ? '' : this.__renderSignUpHeader()}\n            ${hiddenSelector.matches('form', true) ? '' : this.__renderSignUpForm()}\n            ${hiddenSelector.matches('go-back', true) ? '' : this.__renderSignUpGoBack()}\n          </div>\n\n          ${this.renderTemplateOrSlot(`${scope}:after`)}\n        </div>\n      </div>\n    `;\n  };\n\n  renderBody(): 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    if (page === 'sign-up' && !hiddenSelector.matches('sign-up', true)) {\n      return this.__renderSignUp();\n    }\n\n    return html``;\n  }\n}\n"]}

package/dist/elements/public/PaymentsApi/api/composers/available_fraud_protections.js

@@ -77,7 +77,7 @@ export function compose(params) {
                                     id: 'failure_handling',
                                     name: 'Failure handling',
                                     type: 'select',
-                                    description: 'Determines what happens to the checkout if your webhook fails.',
+                                    description: 'Determines what happens to the checkout submission if your webhook fails to respond correctly.',
                                     default_value: '',
                                     options: [
                                         { name: 'Reject', value: 'reject' },

package/dist/elements/public/PaymentsApi/api/composers/available_fraud_protections.js.map

@@ -1 +1 @@
-{"version":3,"file":"available_fraud_protections.js","sourceRoot":"","sources":["../../../../../../src/elements/public/PaymentsApi/api/composers/available_fraud_protections.ts"],"names":[],"mappings":"AAOA,MAAM,UAAU,OAAO,CAAC,MAAc;IACpC,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC;IACnD,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,qBAAqB,QAAQ,8BAA8B,EAAE,IAAI,CAAC,CAAC;IAE3F,OAAO;QACL,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAE,EAAE;QAC9C,MAAM,EAAE;YACN,QAAQ,EAAE;gBACR,IAAI,EAAE,kBAAkB;gBACxB,wBAAwB,EAAE,IAAI;gBAC9B,IAAI,EAAE,IAAI;aACX;YACD,gBAAgB,EAAE;gBAChB,IAAI,EAAE,kBAAkB;gBACxB,wBAAwB,EAAE,KAAK;gBAC/B,IAAI,EAAE;oBACJ,MAAM,EAAE;wBACN;4BACE,EAAE,EAAE,EAAE;4BACN,SAAS,EAAE,EAAE;4BACb,MAAM,EAAE;gCACN;oCACE,EAAE,EAAE,QAAQ;oCACZ,IAAI,EAAE,eAAe;oCACrB,IAAI,EAAE,QAAQ;oCACd,WAAW,EAAE,oDAAoD;oCACjE,aAAa,EAAE,UAAU;oCACzB,OAAO,EAAE;wCACP,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;wCACvC,EAAE,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE;wCACnD,EAAE,IAAI,EAAE,mBAAmB,EAAE,KAAK,EAAE,mBAAmB,EAAE;qCAC1D;iCACF;gCACD;oCACE,EAAE,EAAE,aAAa;oCACjB,IAAI,EAAE,aAAa;oCACnB,IAAI,EAAE,MAAM;oCACZ,QAAQ,EAAE,IAAI;oCACd,WAAW,EAAE,2DAA2D;oCACxE,aAAa,EAAE,EAAE;iCAClB;gCACD;oCACE,EAAE,EAAE,UAAU;oCACd,IAAI,EAAE,UAAU;oCAChB,IAAI,EAAE,MAAM;oCACZ,QAAQ,EAAE,IAAI;oCACd,WAAW,EAAE,wDAAwD;oCACrE,aAAa,EAAE,EAAE;iCAClB;6BACF;yBACF;qBACF;iBACF;aACF;YACD,uBAAuB,EAAE;gBACvB,IAAI,EAAE,sBAAsB;gBAC5B,wBAAwB,EAAE,KAAK;gBAC/B,IAAI,EAAE;oBACJ,MAAM,EAAE;wBACN;4BACE,EAAE,EAAE,EAAE;4BACN,SAAS,EAAE,EAAE;4BACb,MAAM,EAAE;gCACN;oCACE,EAAE,EAAE,SAAS;oCACb,IAAI,EAAE,SAAS;oCACf,IAAI,EAAE,UAAU;oCAChB,aAAa,EAAE,KAAK;iCACrB;gCACD;oCACE,EAAE,EAAE,KAAK;oCACT,IAAI,EAAE,KAAK;oCACX,IAAI,EAAE,MAAM;oCACZ,WAAW,EAAE,+BAA+B;oCAC5C,aAAa,EAAE,EAAE;iCAClB;gCACD;oCACE,EAAE,EAAE,kBAAkB;oCACtB,IAAI,EAAE,kBAAkB;oCACxB,IAAI,EAAE,QAAQ;oCACd,WAAW,EAAE,gEAAgE;oCAC7E,aAAa,EAAE,EAAE;oCACjB,OAAO,EAAE;wCACP,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;wCACnC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;qCACtC;iCACF;6BACF;yBACF;qBACF;iBACF;aACF;SACF;KACF,CAAC;AACJ,CAAC","sourcesContent":["import type { AvailableFraudProtections } from '../types';\n\nexport type Params = {\n  paymentPresetId: string;\n  base: string;\n};\n\nexport function compose(params: Params): AvailableFraudProtections {\n  const { paymentPresetId: presetId, base } = params;\n  const selfURL = new URL(`./payment_presets/${presetId}/available_fraud_protections`, base);\n\n  return {\n    _links: { self: { href: selfURL.toString() } },\n    values: {\n      minfraud: {\n        name: 'MaxMind minFraud',\n        uses_rejection_threshold: true,\n        json: null,\n      },\n      google_recaptcha: {\n        name: 'Google reCAPTCHA',\n        uses_rejection_threshold: false,\n        json: {\n          blocks: [\n            {\n              id: '',\n              parent_id: '',\n              fields: [\n                {\n                  id: 'config',\n                  name: 'Configuration',\n                  type: 'select',\n                  description: 'Determines how reCAPTCHA is configured to operate.',\n                  default_value: 'disabled',\n                  options: [\n                    { name: 'Disabled', value: 'disabled' },\n                    { name: 'Always enabled', value: 'enabled_always' },\n                    { name: 'Enabled by errors', value: 'enabled_by_errors' },\n                  ],\n                },\n                {\n                  id: 'private_key',\n                  name: 'Private Key',\n                  type: 'text',\n                  optional: true,\n                  description: 'If using a custom subdomain, enter your Private Key here.',\n                  default_value: '',\n                },\n                {\n                  id: 'site_key',\n                  name: 'Site Key',\n                  type: 'text',\n                  optional: true,\n                  description: 'If using a custom subdomain, enter your Site Key here.',\n                  default_value: '',\n                },\n              ],\n            },\n          ],\n        },\n      },\n      custom_precheckout_hook: {\n        name: 'Pre-Checkout Webhook',\n        uses_rejection_threshold: false,\n        json: {\n          blocks: [\n            {\n              id: '',\n              parent_id: '',\n              fields: [\n                {\n                  id: 'enabled',\n                  name: 'Enabled',\n                  type: 'checkbox',\n                  default_value: false,\n                },\n                {\n                  id: 'url',\n                  name: 'URL',\n                  type: 'text',\n                  description: 'Url of your Pre-Checkout Hook',\n                  default_value: '',\n                },\n                {\n                  id: 'failure_handling',\n                  name: 'Failure handling',\n                  type: 'select',\n                  description: 'Determines what happens to the checkout if your webhook fails.',\n                  default_value: '',\n                  options: [\n                    { name: 'Reject', value: 'reject' },\n                    { name: 'Approve', value: 'approve' },\n                  ],\n                },\n              ],\n            },\n          ],\n        },\n      },\n    },\n  };\n}\n"]}
+{"version":3,"file":"available_fraud_protections.js","sourceRoot":"","sources":["../../../../../../src/elements/public/PaymentsApi/api/composers/available_fraud_protections.ts"],"names":[],"mappings":"AAOA,MAAM,UAAU,OAAO,CAAC,MAAc;IACpC,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC;IACnD,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,qBAAqB,QAAQ,8BAA8B,EAAE,IAAI,CAAC,CAAC;IAE3F,OAAO;QACL,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,QAAQ,EAAE,EAAE,EAAE;QAC9C,MAAM,EAAE;YACN,QAAQ,EAAE;gBACR,IAAI,EAAE,kBAAkB;gBACxB,wBAAwB,EAAE,IAAI;gBAC9B,IAAI,EAAE,IAAI;aACX;YACD,gBAAgB,EAAE;gBAChB,IAAI,EAAE,kBAAkB;gBACxB,wBAAwB,EAAE,KAAK;gBAC/B,IAAI,EAAE;oBACJ,MAAM,EAAE;wBACN;4BACE,EAAE,EAAE,EAAE;4BACN,SAAS,EAAE,EAAE;4BACb,MAAM,EAAE;gCACN;oCACE,EAAE,EAAE,QAAQ;oCACZ,IAAI,EAAE,eAAe;oCACrB,IAAI,EAAE,QAAQ;oCACd,WAAW,EAAE,oDAAoD;oCACjE,aAAa,EAAE,UAAU;oCACzB,OAAO,EAAE;wCACP,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;wCACvC,EAAE,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE;wCACnD,EAAE,IAAI,EAAE,mBAAmB,EAAE,KAAK,EAAE,mBAAmB,EAAE;qCAC1D;iCACF;gCACD;oCACE,EAAE,EAAE,aAAa;oCACjB,IAAI,EAAE,aAAa;oCACnB,IAAI,EAAE,MAAM;oCACZ,QAAQ,EAAE,IAAI;oCACd,WAAW,EAAE,2DAA2D;oCACxE,aAAa,EAAE,EAAE;iCAClB;gCACD;oCACE,EAAE,EAAE,UAAU;oCACd,IAAI,EAAE,UAAU;oCAChB,IAAI,EAAE,MAAM;oCACZ,QAAQ,EAAE,IAAI;oCACd,WAAW,EAAE,wDAAwD;oCACrE,aAAa,EAAE,EAAE;iCAClB;6BACF;yBACF;qBACF;iBACF;aACF;YACD,uBAAuB,EAAE;gBACvB,IAAI,EAAE,sBAAsB;gBAC5B,wBAAwB,EAAE,KAAK;gBAC/B,IAAI,EAAE;oBACJ,MAAM,EAAE;wBACN;4BACE,EAAE,EAAE,EAAE;4BACN,SAAS,EAAE,EAAE;4BACb,MAAM,EAAE;gCACN;oCACE,EAAE,EAAE,SAAS;oCACb,IAAI,EAAE,SAAS;oCACf,IAAI,EAAE,UAAU;oCAChB,aAAa,EAAE,KAAK;iCACrB;gCACD;oCACE,EAAE,EAAE,KAAK;oCACT,IAAI,EAAE,KAAK;oCACX,IAAI,EAAE,MAAM;oCACZ,WAAW,EAAE,+BAA+B;oCAC5C,aAAa,EAAE,EAAE;iCAClB;gCACD;oCACE,EAAE,EAAE,kBAAkB;oCACtB,IAAI,EAAE,kBAAkB;oCACxB,IAAI,EAAE,QAAQ;oCACd,WAAW,EACT,gGAAgG;oCAClG,aAAa,EAAE,EAAE;oCACjB,OAAO,EAAE;wCACP,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;wCACnC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;qCACtC;iCACF;6BACF;yBACF;qBACF;iBACF;aACF;SACF;KACF,CAAC;AACJ,CAAC","sourcesContent":["import type { AvailableFraudProtections } from '../types';\n\nexport type Params = {\n  paymentPresetId: string;\n  base: string;\n};\n\nexport function compose(params: Params): AvailableFraudProtections {\n  const { paymentPresetId: presetId, base } = params;\n  const selfURL = new URL(`./payment_presets/${presetId}/available_fraud_protections`, base);\n\n  return {\n    _links: { self: { href: selfURL.toString() } },\n    values: {\n      minfraud: {\n        name: 'MaxMind minFraud',\n        uses_rejection_threshold: true,\n        json: null,\n      },\n      google_recaptcha: {\n        name: 'Google reCAPTCHA',\n        uses_rejection_threshold: false,\n        json: {\n          blocks: [\n            {\n              id: '',\n              parent_id: '',\n              fields: [\n                {\n                  id: 'config',\n                  name: 'Configuration',\n                  type: 'select',\n                  description: 'Determines how reCAPTCHA is configured to operate.',\n                  default_value: 'disabled',\n                  options: [\n                    { name: 'Disabled', value: 'disabled' },\n                    { name: 'Always enabled', value: 'enabled_always' },\n                    { name: 'Enabled by errors', value: 'enabled_by_errors' },\n                  ],\n                },\n                {\n                  id: 'private_key',\n                  name: 'Private Key',\n                  type: 'text',\n                  optional: true,\n                  description: 'If using a custom subdomain, enter your Private Key here.',\n                  default_value: '',\n                },\n                {\n                  id: 'site_key',\n                  name: 'Site Key',\n                  type: 'text',\n                  optional: true,\n                  description: 'If using a custom subdomain, enter your Site Key here.',\n                  default_value: '',\n                },\n              ],\n            },\n          ],\n        },\n      },\n      custom_precheckout_hook: {\n        name: 'Pre-Checkout Webhook',\n        uses_rejection_threshold: false,\n        json: {\n          blocks: [\n            {\n              id: '',\n              parent_id: '',\n              fields: [\n                {\n                  id: 'enabled',\n                  name: 'Enabled',\n                  type: 'checkbox',\n                  default_value: false,\n                },\n                {\n                  id: 'url',\n                  name: 'URL',\n                  type: 'text',\n                  description: 'Url of your Pre-Checkout Hook',\n                  default_value: '',\n                },\n                {\n                  id: 'failure_handling',\n                  name: 'Failure handling',\n                  type: 'select',\n                  description:\n                    'Determines what happens to the checkout submission if your webhook fails to respond correctly.',\n                  default_value: '',\n                  options: [\n                    { name: 'Reject', value: 'reject' },\n                    { name: 'Approve', value: 'approve' },\n                  ],\n                },\n              ],\n            },\n          ],\n        },\n      },\n    },\n  };\n}\n"]}

package/dist/elements/public/SubscriptionCard/SubscriptionCard.js

@@ -77,16 +77,24 @@ export class SubscriptionCard extends Base {
             </div>
 
             <div
-              class="flex-1 font-medium leading-xs mb-xs sm-mb-0 sm-text-right text-xxs sm-text-l tracking-wide sm-tracking-normal uppercase sm-normal-case order-0 sm-order-1 font-tnum text-secondary sm-text-body"
+              class="flex-1 leading-xs mb-xs sm-mb-0 sm-text-right order-0 sm-order-1"
             >
               <foxy-i18n
                 data-testid="price"
                 options=${JSON.stringify(this.__getPriceOptions())}
+                class="text-xxs sm-text-l font-tnum tracking-wide sm-tracking-normal uppercase sm-normal-case font-medium text-secondary sm-text-body sm-block"
                 lang=${this.lang}
                 key="price_${((_c = this.data) === null || _c === void 0 ? void 0 : _c.frequency) === '.5m' ? 'twice_a_month' : 'recurring'}"
                 ns=${this.ns}
               >
               </foxy-i18n>
+              <span class="text-secondary font-medium sm-font-normal sm-block text-xxs sm-text-s">
+                <span class="sm-hidden">(</span><span class="hidden sm-inline">*</span><foxy-i18n infer="" key="fees_hint"></foxy-i18n><span class="sm-hidden">)</span>
+                <iron-icon id="hint" icon="icons:info-outline" class="icon-inline"></iron-icon>
+                <vcf-tooltip for="hint" position="bottom">
+                  <span class="text-s"><foxy-i18n infer="" key="fees_explainer"></foxy-i18n></span>
+                </vcf-tooltip>
+              <span>
               &#8203;
             </div>
           </div>

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

@@ -1 +1 @@
-{"version":3,"file":"SubscriptionCard.js","sourceRoot":"","sources":["../../../../src/elements/public/SubscriptionCard/SubscriptionCard.ts"],"names":[],"mappings":"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","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { Data } from './types';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { parseFrequency } from '../../../utils/parse-frequency';\n\nconst NS = 'subscription-card';\nconst Base = ConfigurableMixin(\n  ResponsiveMixin(ThemeableMixin(TranslatableMixin(NucleonElement, NS)))\n);\n\n/**\n * Card element displaying subscription summary.\n *\n * @element foxy-subscription-card\n * @since 1.4.0\n */\nexport class SubscriptionCard extends Base<Data> {\n  render(): TemplateResult {\n    const isActive = !!this.data?.is_active;\n    const isFailed = !!this.data?.first_failed_transaction_date;\n\n    return html`\n      <div class=\"relative text-left\">\n        <div\n          class=${classMap({\n            'flex items-start sm-items-center space-x-m transition duration-150 ease-in-out': true,\n            'opacity-0': !this.in({ idle: 'snapshot' }),\n          })}\n        >\n          <div\n            class=${classMap({\n              'min-w-0 flex-shrink-0 rounded-full relative flex p-s': true,\n              'text-success bg-success-10': isActive && !isFailed,\n              'text-body bg-contrast-5': !isActive && !isFailed,\n              'text-error bg-error-10': isFailed,\n            })}\n          >\n            <iron-icon\n              class=\"m-auto\"\n              icon=${isFailed ? 'error-outline' : isActive ? 'done' : 'done-all'}\n            >\n            </iron-icon>\n          </div>\n\n          <div class=\"flex-1 min-w-0 leading-xs flex flex-col sm-flex-row sm-items-center\">\n            <div class=\"order-1 sm-order-0\">\n              <div class=\"text-body font-medium origin-top-left text-m\">\n                <foxy-i18n\n                  data-testid=\"summary\"\n                  options=${JSON.stringify(this.__getSummaryOptions())}\n                  lang=${this.lang}\n                  key=\"transaction_summary\"\n                  ns=${this.ns}\n                >\n                </foxy-i18n>\n                &#8203;\n              </div>\n\n              <div\n                class=${classMap({\n                  'text-m': true,\n                  'text-tertiary': !isActive && !isFailed,\n                  'text-success': isActive && !isFailed,\n                  'text-error': isFailed,\n                })}\n              >\n                <foxy-i18n\n                  data-testid=\"status\"\n                  options=${JSON.stringify(this.__getStatusOptions())}\n                  lang=${this.lang}\n                  key=${this.__getStatusKey()}\n                  ns=${this.ns}\n                >\n                </foxy-i18n>\n                &#8203;\n              </div>\n            </div>\n\n            <div\n              class=\"flex-1 font-medium leading-xs mb-xs sm-mb-0 sm-text-right text-xxs sm-text-l tracking-wide sm-tracking-normal uppercase sm-normal-case order-0 sm-order-1 font-tnum text-secondary sm-text-body\"\n            >\n              <foxy-i18n\n                data-testid=\"price\"\n                options=${JSON.stringify(this.__getPriceOptions())}\n                lang=${this.lang}\n                key=\"price_${this.data?.frequency === '.5m' ? 'twice_a_month' : 'recurring'}\"\n                ns=${this.ns}\n              >\n              </foxy-i18n>\n              &#8203;\n            </div>\n          </div>\n        </div>\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'pointer-events-none absolute inset-0 flex transition ease-in-out duration-150': true,\n            'opacity-0': this.in({ idle: 'snapshot' }),\n          })}\n        >\n          <foxy-spinner\n            state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}\n            class=\"m-auto\"\n            lang=${this.lang}\n            ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n\n      ${this.renderTemplateOrSlot()}\n    `;\n  }\n\n  private __getSummaryOptions() {\n    if (this.data === null) return {};\n    const items = this.data._embedded['fx:transaction_template']._embedded['fx:items'];\n\n    return {\n      most_expensive_item: [...items].sort((a, b) => a.price - b.price)[0],\n      count_minus_one: items.length - 1,\n      count: items.length,\n    };\n  }\n\n  private __getStatusOptions() {\n    const data = this.data;\n\n    if (data === null) return {};\n    if (data.first_failed_transaction_date) return { date: data.first_failed_transaction_date };\n    if (data.end_date) return { date: data.end_date };\n    if (data.is_active === false) return {};\n    if (new Date(data.start_date) > new Date()) return { date: data.start_date };\n\n    return { date: data.next_transaction_date };\n  }\n\n  private __getPriceOptions() {\n    if (this.data === null) return {};\n\n    const cart = this.data._embedded['fx:transaction_template'];\n    const amount = `${cart.total_order} ${cart.currency_code}`;\n    return { ...parseFrequency(this.data.frequency), amount };\n  }\n\n  private __getStatusKey() {\n    const data = this.data;\n\n    if (data === null) return;\n    if (data.first_failed_transaction_date) return 'subscription_failed';\n    if (data.end_date) {\n      const hasEnded = new Date(data.end_date).getTime() > Date.now();\n      return hasEnded ? 'subscription_will_be_cancelled' : 'subscription_cancelled';\n    }\n\n    if (data.is_active === false) return 'subscription_inactive';\n    if (new Date(data.start_date) > new Date()) return 'subscription_will_be_active';\n\n    return 'subscription_active';\n  }\n}\n"]}
+{"version":3,"file":"SubscriptionCard.js","sourceRoot":"","sources":["../../../../src/elements/public/SubscriptionCard/SubscriptionCard.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,IAAI,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AAEjE,OAAO,EAAE,cAAc,EAAE,4CAAyC;AAClE,OAAO,EAAE,eAAe,EAAE,sCAAmC;AAC7D,OAAO,EAAE,cAAc,EAAE,qCAAkC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,wCAAqC;AACjE,OAAO,EAAE,QAAQ,EAAE,oCAAiC;AACpD,OAAO,EAAE,cAAc,EAAE,0CAAuC;AAEhE,MAAM,EAAE,GAAG,mBAAmB,CAAC;AAC/B,MAAM,IAAI,GAAG,iBAAiB,CAC5B,eAAe,CAAC,cAAc,CAAC,iBAAiB,CAAC,cAAc,EAAE,EAAE,CAAC,CAAC,CAAC,CACvE,CAAC;AAEF;;;;;GAKG;AACH,MAAM,OAAO,gBAAiB,SAAQ,IAAU;IAC9C,MAAM;;QACJ,MAAM,QAAQ,GAAG,CAAC,QAAC,IAAI,CAAC,IAAI,0CAAE,SAAS,CAAA,CAAC;QACxC,MAAM,QAAQ,GAAG,CAAC,QAAC,IAAI,CAAC,IAAI,0CAAE,6BAA6B,CAAA,CAAC;QAE5D,OAAO,IAAI,CAAA;;;kBAGG,QAAQ,CAAC;YACf,gFAAgF,EAAE,IAAI;YACtF,WAAW,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;SAC5C,CAAC;;;oBAGQ,QAAQ,CAAC;YACf,sDAAsD,EAAE,IAAI;YAC5D,4BAA4B,EAAE,QAAQ,IAAI,CAAC,QAAQ;YACnD,yBAAyB,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ;YACjD,wBAAwB,EAAE,QAAQ;SACnC,CAAC;;;;qBAIO,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU;;;;;;;;;;4BAUpD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,mBAAmB,EAAE,CAAC;yBAC7C,IAAI,CAAC,IAAI;;uBAEX,IAAI,CAAC,EAAE;;;;;;;wBAON,QAAQ,CAAC;YACf,QAAQ,EAAE,IAAI;YACd,eAAe,EAAE,CAAC,QAAQ,IAAI,CAAC,QAAQ;YACvC,cAAc,EAAE,QAAQ,IAAI,CAAC,QAAQ;YACrC,YAAY,EAAE,QAAQ;SACvB,CAAC;;;;4BAIU,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,kBAAkB,EAAE,CAAC;yBAC5C,IAAI,CAAC,IAAI;wBACV,IAAI,CAAC,cAAc,EAAE;uBACtB,IAAI,CAAC,EAAE;;;;;;;;;;;;0BAYJ,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC;;uBAE3C,IAAI,CAAC,IAAI;6BACH,OAAA,IAAI,CAAC,IAAI,0CAAE,SAAS,MAAK,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,WAAW;qBACtE,IAAI,CAAC,EAAE;;;;;;;;;;;;;;;;;kBAiBV,QAAQ,CAAC;YACf,+EAA+E,EAAE,IAAI;YACrF,WAAW,EAAE,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC;SAC3C,CAAC;;;oBAGQ,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;;mBAE7E,IAAI,CAAC,IAAI;kBACV,IAAI,CAAC,EAAE,IAAI,YAAA,cAAc,CAAC,GAAG,CAAC,cAAc,CAAC,0CAAE,SAAS,mCAAI,EAAE;;;;;;QAMxE,IAAI,CAAC,oBAAoB,EAAE;KAC9B,CAAC;IACJ,CAAC;IAEO,mBAAmB;QACzB,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI;YAAE,OAAO,EAAE,CAAC;QAClC,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,yBAAyB,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAEnF,OAAO;YACL,mBAAmB,EAAE,CAAC,GAAG,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;YACpE,eAAe,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC;YACjC,KAAK,EAAE,KAAK,CAAC,MAAM;SACpB,CAAC;IACJ,CAAC;IAEO,kBAAkB;QACxB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAEvB,IAAI,IAAI,KAAK,IAAI;YAAE,OAAO,EAAE,CAAC;QAC7B,IAAI,IAAI,CAAC,6BAA6B;YAAE,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,6BAA6B,EAAE,CAAC;QAC5F,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;QAClD,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK;YAAE,OAAO,EAAE,CAAC;QACxC,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI,IAAI,EAAE;YAAE,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC;QAE7E,OAAO,EAAE,IAAI,EAAE,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC9C,CAAC;IAEO,iBAAiB;QACvB,IAAI,IAAI,CAAC,IAAI,KAAK,IAAI;YAAE,OAAO,EAAE,CAAC;QAElC,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,yBAAyB,CAAC,CAAC;QAC5D,MAAM,MAAM,GAAG,GAAG,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC;QAC3D,OAAO,EAAE,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5D,CAAC;IAEO,cAAc;QACpB,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAC;QAEvB,IAAI,IAAI,KAAK,IAAI;YAAE,OAAO;QAC1B,IAAI,IAAI,CAAC,6BAA6B;YAAE,OAAO,qBAAqB,CAAC;QACrE,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;YAChE,OAAO,QAAQ,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,CAAC,wBAAwB,CAAC;SAC/E;QAED,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK;YAAE,OAAO,uBAAuB,CAAC;QAC7D,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,IAAI,IAAI,EAAE;YAAE,OAAO,6BAA6B,CAAC;QAEjF,OAAO,qBAAqB,CAAC;IAC/B,CAAC;CACF","sourcesContent":["import { TemplateResult, html } from 'lit-html';\n\nimport { ConfigurableMixin } from '../../../mixins/configurable';\nimport { Data } from './types';\nimport { NucleonElement } from '../NucleonElement/NucleonElement';\nimport { ResponsiveMixin } from '../../../mixins/responsive';\nimport { ThemeableMixin } from '../../../mixins/themeable';\nimport { TranslatableMixin } from '../../../mixins/translatable';\nimport { classMap } from '../../../utils/class-map';\nimport { parseFrequency } from '../../../utils/parse-frequency';\n\nconst NS = 'subscription-card';\nconst Base = ConfigurableMixin(\n  ResponsiveMixin(ThemeableMixin(TranslatableMixin(NucleonElement, NS)))\n);\n\n/**\n * Card element displaying subscription summary.\n *\n * @element foxy-subscription-card\n * @since 1.4.0\n */\nexport class SubscriptionCard extends Base<Data> {\n  render(): TemplateResult {\n    const isActive = !!this.data?.is_active;\n    const isFailed = !!this.data?.first_failed_transaction_date;\n\n    return html`\n      <div class=\"relative text-left\">\n        <div\n          class=${classMap({\n            'flex items-start sm-items-center space-x-m transition duration-150 ease-in-out': true,\n            'opacity-0': !this.in({ idle: 'snapshot' }),\n          })}\n        >\n          <div\n            class=${classMap({\n              'min-w-0 flex-shrink-0 rounded-full relative flex p-s': true,\n              'text-success bg-success-10': isActive && !isFailed,\n              'text-body bg-contrast-5': !isActive && !isFailed,\n              'text-error bg-error-10': isFailed,\n            })}\n          >\n            <iron-icon\n              class=\"m-auto\"\n              icon=${isFailed ? 'error-outline' : isActive ? 'done' : 'done-all'}\n            >\n            </iron-icon>\n          </div>\n\n          <div class=\"flex-1 min-w-0 leading-xs flex flex-col sm-flex-row sm-items-center\">\n            <div class=\"order-1 sm-order-0\">\n              <div class=\"text-body font-medium origin-top-left text-m\">\n                <foxy-i18n\n                  data-testid=\"summary\"\n                  options=${JSON.stringify(this.__getSummaryOptions())}\n                  lang=${this.lang}\n                  key=\"transaction_summary\"\n                  ns=${this.ns}\n                >\n                </foxy-i18n>\n                &#8203;\n              </div>\n\n              <div\n                class=${classMap({\n                  'text-m': true,\n                  'text-tertiary': !isActive && !isFailed,\n                  'text-success': isActive && !isFailed,\n                  'text-error': isFailed,\n                })}\n              >\n                <foxy-i18n\n                  data-testid=\"status\"\n                  options=${JSON.stringify(this.__getStatusOptions())}\n                  lang=${this.lang}\n                  key=${this.__getStatusKey()}\n                  ns=${this.ns}\n                >\n                </foxy-i18n>\n                &#8203;\n              </div>\n            </div>\n\n            <div\n              class=\"flex-1 leading-xs mb-xs sm-mb-0 sm-text-right order-0 sm-order-1\"\n            >\n              <foxy-i18n\n                data-testid=\"price\"\n                options=${JSON.stringify(this.__getPriceOptions())}\n                class=\"text-xxs sm-text-l font-tnum tracking-wide sm-tracking-normal uppercase sm-normal-case font-medium text-secondary sm-text-body sm-block\"\n                lang=${this.lang}\n                key=\"price_${this.data?.frequency === '.5m' ? 'twice_a_month' : 'recurring'}\"\n                ns=${this.ns}\n              >\n              </foxy-i18n>\n              <span class=\"text-secondary font-medium sm-font-normal sm-block text-xxs sm-text-s\">\n                <span class=\"sm-hidden\">(</span><span class=\"hidden sm-inline\">*</span><foxy-i18n infer=\"\" key=\"fees_hint\"></foxy-i18n><span class=\"sm-hidden\">)</span>\n                <iron-icon id=\"hint\" icon=\"icons:info-outline\" class=\"icon-inline\"></iron-icon>\n                <vcf-tooltip for=\"hint\" position=\"bottom\">\n                  <span class=\"text-s\"><foxy-i18n infer=\"\" key=\"fees_explainer\"></foxy-i18n></span>\n                </vcf-tooltip>\n              <span>\n              &#8203;\n            </div>\n          </div>\n        </div>\n\n        <div\n          data-testid=\"spinner\"\n          class=${classMap({\n            'pointer-events-none absolute inset-0 flex transition ease-in-out duration-150': true,\n            'opacity-0': this.in({ idle: 'snapshot' }),\n          })}\n        >\n          <foxy-spinner\n            state=${this.in('fail') ? 'error' : this.in({ idle: 'template' }) ? 'empty' : 'busy'}\n            class=\"m-auto\"\n            lang=${this.lang}\n            ns=\"${this.ns} ${customElements.get('foxy-spinner')?.defaultNS ?? ''}\"\n          >\n          </foxy-spinner>\n        </div>\n      </div>\n\n      ${this.renderTemplateOrSlot()}\n    `;\n  }\n\n  private __getSummaryOptions() {\n    if (this.data === null) return {};\n    const items = this.data._embedded['fx:transaction_template']._embedded['fx:items'];\n\n    return {\n      most_expensive_item: [...items].sort((a, b) => a.price - b.price)[0],\n      count_minus_one: items.length - 1,\n      count: items.length,\n    };\n  }\n\n  private __getStatusOptions() {\n    const data = this.data;\n\n    if (data === null) return {};\n    if (data.first_failed_transaction_date) return { date: data.first_failed_transaction_date };\n    if (data.end_date) return { date: data.end_date };\n    if (data.is_active === false) return {};\n    if (new Date(data.start_date) > new Date()) return { date: data.start_date };\n\n    return { date: data.next_transaction_date };\n  }\n\n  private __getPriceOptions() {\n    if (this.data === null) return {};\n\n    const cart = this.data._embedded['fx:transaction_template'];\n    const amount = `${cart.total_order} ${cart.currency_code}`;\n    return { ...parseFrequency(this.data.frequency), amount };\n  }\n\n  private __getStatusKey() {\n    const data = this.data;\n\n    if (data === null) return;\n    if (data.first_failed_transaction_date) return 'subscription_failed';\n    if (data.end_date) {\n      const hasEnded = new Date(data.end_date).getTime() > Date.now();\n      return hasEnded ? 'subscription_will_be_cancelled' : 'subscription_cancelled';\n    }\n\n    if (data.is_active === false) return 'subscription_inactive';\n    if (new Date(data.start_date) > new Date()) return 'subscription_will_be_active';\n\n    return 'subscription_active';\n  }\n}\n"]}

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

@@ -1,3 +1,4 @@
+import '@vaadin-component-factory/vcf-tooltip';
 import '@polymer/iron-icons';
 import '@polymer/iron-icon';
 import '../../internal/InternalSandbox/index';

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

@@ -1,3 +1,4 @@
+import '@vaadin-component-factory/vcf-tooltip';
 import '@polymer/iron-icons';
 import '@polymer/iron-icon';
 import "../../internal/InternalSandbox/index.js";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/SubscriptionCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAC5B,iDAA8C;AAC9C,6BAA0B;AAC1B,0BAAuB;AAEvB,OAAO,EAAE,gBAAgB,EAAE,8BAA2B;AAEtD,cAAc,CAAC,MAAM,CAAC,wBAAwB,EAAE,gBAAgB,CAAC,CAAC;AAElE,OAAO,EAAE,gBAAgB,EAAE,CAAC","sourcesContent":["import '@polymer/iron-icons';\nimport '@polymer/iron-icon';\nimport '../../internal/InternalSandbox/index';\nimport '../Spinner/index';\nimport '../I18n/index';\n\nimport { SubscriptionCard } from './SubscriptionCard';\n\ncustomElements.define('foxy-subscription-card', SubscriptionCard);\n\nexport { SubscriptionCard };\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/elements/public/SubscriptionCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,uCAAuC,CAAC;AAC/C,OAAO,qBAAqB,CAAC;AAC7B,OAAO,oBAAoB,CAAC;AAC5B,iDAA8C;AAC9C,6BAA0B;AAC1B,0BAAuB;AAEvB,OAAO,EAAE,gBAAgB,EAAE,8BAA2B;AAEtD,cAAc,CAAC,MAAM,CAAC,wBAAwB,EAAE,gBAAgB,CAAC,CAAC;AAElE,OAAO,EAAE,gBAAgB,EAAE,CAAC","sourcesContent":["import '@vaadin-component-factory/vcf-tooltip';\nimport '@polymer/iron-icons';\nimport '@polymer/iron-icon';\nimport '../../internal/InternalSandbox/index';\nimport '../Spinner/index';\nimport '../I18n/index';\n\nimport { SubscriptionCard } from './SubscriptionCard';\n\ncustomElements.define('foxy-subscription-card', SubscriptionCard);\n\nexport { SubscriptionCard };\n"]}

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

@@ -3,6 +3,7 @@ import { ScopedElementsMap } from '@open-wc/scoped-elements';
 import { TemplateResult } from 'lit-html';
 import { NucleonElement } from '../NucleonElement/NucleonElement';
 import { PropertyDeclarations } from 'lit-element';
+import { BooleanSelector } from '@foxy.io/sdk/core';
 declare const Base: typeof NucleonElement & import("lit-element").Constructor<import("../../../mixins/translatable").TranslatableMixinHost> & {
     defaultNS: string;
 } & {
@@ -38,6 +39,9 @@ declare const Base: typeof NucleonElement & import("lit-element").Constructor<im
  * @slot google-analytics:before
  * @slot google-analytics:after
  *
+ * @slot google-tag:before
+ * @slot google-tag:after
+ *
  * @slot troubleshooting:before
  * @slot troubleshooting:after
  *
@@ -66,6 +70,7 @@ export declare class TemplateConfigForm extends Base<Data> {
     regions: string;
     private __addHiddenFieldInputValue;
     render(): TemplateResult;
+    get hiddenSelector(): BooleanSelector;
     private __renderCartType;
     private __renderFoxycomplete;
     private __renderLocations;