@swisspost/internet-header 1.13.1 → 1.13.2

package/dist/components/swisspost-internet-footer.js.map

@@ -1 +1 @@
-{"file":"swisspost-internet-footer.js","mappings":"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","names":[],"sources":["src/components/post-internet-footer/components/post-footer-block-custom.component.tsx","src/components/post-internet-footer/components/post-footer-block-list.component.tsx","src/components/post-internet-footer/components/post-footer-block-socials.component.tsx","src/components/post-internet-footer/components/post-footer-block-address.component.tsx","src/components/post-internet-footer/components/post-footer-block-contact.component.tsx","src/components/post-internet-footer/post-internet-footer.scss?tag=swisspost-internet-footer&encapsulation=shadow","src/components/post-internet-footer/post-internet-footer.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport { CustomBlockEntity } from '../../../models/footer.model';\n\nexport const PostFooterBlockCustom = (props: { block: CustomBlockEntity }) => {\n  return (\n    <div class=\"pre-footer\">\n      <div class=\"block-custom container\">\n        <h3>{props.block.title}</h3>\n        <ul class=\"no-list box link-list\">\n          {props.block.links &&\n            props.block.links.map(link => (\n              <li key={link.url}>\n                <a class=\"flyout-link\" href={link.url} target={link.target}>\n                  {link.text}\n                </a>\n              </li>\n            ))}\n        </ul>\n      </div>\n    </div>\n  );\n};\n","import { h } from '@stencil/core';\nimport { CustomBlockEntity } from '../../../models/footer.model';\n\nexport const PostFooterBlockList = (props: { block: CustomBlockEntity; key: string }) => {\n  return (\n    <div class=\"block-list\">\n      <h3>{props.block.title}</h3>\n      <ul class=\"no-list box link-list\">\n        {props.block.links &&\n          props.block.links.map(link => (\n            <li key={link.url}>\n              <a class=\"flyout-link\" href={link.url} target={link.target}>\n                {link.text}\n              </a>\n            </li>\n          ))}\n      </ul>\n    </div>\n  );\n};\n","import { h } from '@stencil/core';\nimport { ContentEntity } from '../../../models/footer.model';\n\nexport const PostFooterBlockSocials = (props: { content: ContentEntity; key: string }) => {\n  return (\n    <div class=\"block-socials\">\n      <h3>{props.content.title}</h3>\n      <ul class=\"no-list socials\">\n        {props.content.links.map(link => (\n          <li key={link.url}>\n            <a href={link.url} target={link.target}>\n              <span class=\"visually-hidden\">{link.name}</span>\n              <svg aria-hidden=\"true\">\n                <use href={`#${link.icon}`} />\n              </svg>\n            </a>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n","import { h } from '@stencil/core';\nimport { BlockEntity } from '../../../models/footer.model';\nimport { PostFooterBlockSocials } from './post-footer-block-socials.component';\n\nexport const PostFooterBlockAddress = (props: { block: BlockEntity; key: string }) => {\n  return (\n    <div class=\"block-address\">\n      <h3>{props.block.title}</h3>\n      {props.block.content &&\n        props.block.content\n          .filter(content => content.address)\n          .map(content => (\n            <address class=\"vcard\" key={content.address}>\n              <span class=\"adr\" innerHTML={content.address}></span>\n            </address>\n          ))}\n      {props.block.content &&\n        props.block.content\n          .filter(content => content.links && content.links.length)\n          .map(content => <PostFooterBlockSocials key={content.name} content={content} />)}\n    </div>\n  );\n};\n","import { h } from '@stencil/core';\nimport { BlockEntity } from '../../../models/footer.model';\n\nconst getContentHours = (hours: string) => hours.replace(/<[^>]*>?/gm, '');\n\nconst callUnblu = () => {\n  if (typeof window['unbluLSLoad'] === 'function') {\n    window['unbluLSLoad']();\n  } else {\n    console.error(\n      'swisspost-internet-footer: The function \"unbluLSLoad\" could not be called because it is not available in the global scope. Did you include the unblu live chat script on your page?',\n    );\n  }\n};\n\nconst LiveSupport = (props: { hours: string }) => (\n  <button\n    class=\"hours btn btn-link\"\n    id=\"liveSupport\"\n    type=\"button\"\n    onClick={callUnblu}\n    innerHTML={getContentHours(props.hours)}\n  ></button>\n);\n\nexport const PostFooterBlockContact = (props: {\n  block: BlockEntity;\n  liveSupportEnabled: boolean;\n  key: string;\n}) => {\n  return (\n    <div class=\"block-contact\">\n      <h3>{props.block.title}</h3>\n      {props.block.content &&\n        props.block.content.map((content, index) => {\n          const isLiveSupport =\n            index === props.block.content!.length - 1 && content.text === 'Live Support';\n          if (isLiveSupport && !props.liveSupportEnabled) {\n            return null;\n          }\n          return (\n            <div class=\"content-row\" key={content.name}>\n              {content.number ? <p class=\"number\">{content.number}</p> : null}\n              {content.text ? <p class=\"text\">{content.text}</p> : null}\n              {content.hours && isLiveSupport && <LiveSupport hours={content.hours} />}\n              {content.hours && !isLiveSupport && (\n                // Some values arrive in the form of <p>8&emdash;12</p> and without replace and innerHTML, tags get rendered as text (project=\"klp\" language=\"en\" environment=\"int02\")\n                <p class=\"hours\" innerHTML={getContentHours(content.hours)}></p>\n              )}\n              {content.describe ? <p class=\"describe\">{content.describe}</p> : null}\n            </div>\n          );\n        })}\n    </div>\n  );\n};\n","@use \"@swisspost/design-system-styles/components/grid\";\n@use \"@swisspost/design-system-styles/variables/color\";\n@use \"@swisspost/design-system-styles/placeholders/text\";\n@use \"@swisspost/design-system-styles/functions\";\n@use \"@swisspost/design-system-styles/components/button\";\n@use \"../../utils/utils.scss\";\n@use \"../../utils/mixins.scss\";\n\n:host {\n  display: block;\n}\n\nh3 {\n  font-size: inherit;\n  margin-top: 0;\n}\n\n.btn.btn-link {\n  padding-left: 0;\n  padding-right: 0;\n\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n.post-internet-footer {\n  font-size: 1rem;\n  font-weight: 300;\n  border-top: 2px solid color.$gray-10;\n}\n\n.pre-footer {\n  padding-top: 2rem;\n  padding-bottom: 2rem;\n  border-bottom: 2px solid color.$gray-10;\n\n  .block-custom,\n  .link-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 1rem 1.5rem;\n  }\n\n  h3,\n  .link-list li {\n    margin: 0;\n  }\n}\n\n.footer-container {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr 1fr;\n  gap: 3.5rem 2rem;\n  margin-top: 3.5rem;\n  margin-bottom: 3.5rem;\n\n  @include mixins.max(lg) {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  @include mixins.max(rg) {\n    gap: 1.5rem 2rem;\n    margin-top: 1.5rem;\n    margin-bottom: 1.5rem;\n  }\n}\n\n.block-list {\n  @include mixins.max(sm) {\n    grid-column: 1 / 3;\n  }\n}\n\n.block-contact,\n.block-address {\n  @include mixins.max(rg) {\n    grid-column: 1 / 3;\n  }\n}\n\n.block-socials {\n  margin-top: 3.5rem;\n\n  @include mixins.max(rg) {\n    margin-top: 1.5rem;\n  }\n}\n\naddress {\n  font-style: normal;\n}\n\n.link-list {\n  li {\n    margin: 1rem 0;\n  }\n  a {\n    display: block;\n    text-decoration: none;\n    color: color.$gray-60;\n    transition: color 200ms;\n\n    &:hover {\n      color: black;\n    }\n  }\n}\n\n.content-row {\n  padding: 0.5rem 0;\n\n  h3 + & {\n    padding-top: 0;\n  }\n\n  &:last-child {\n    padding-bottom: 0;\n  }\n\n  & + & {\n    border-top: 1px solid color.$gray-10;\n  }\n\n  p,\n  button {\n    margin: 0.25rem;\n  }\n}\n\n.text {\n  font-weight: 700;\n}\n\n.describe {\n  font-size: 0.8125rem;\n  color: color.$gray-60;\n  font-weight: 400;\n}\n\n.number {\n  font-size: 1.25rem;\n}\n\n.socials {\n  display: inline-grid;\n  grid-auto-flow: row;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 1rem 1.5rem;\n\n  a {\n    display: block;\n    color: color.$gray-60;\n    transition: color 200ms;\n\n    &:hover,\n    &:focus {\n      color: black;\n    }\n  }\n\n  svg {\n    display: block;\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n}\n\n.copyright {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem 1.5rem;\n  margin-top: 2rem;\n  margin-bottom: 2rem;\n  font-size: functions.px-to-rem(12px);\n}\n\n.footer-meta-links {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem;\n  font-weight: 400;\n}\n","import { Component, Host, h, State } from '@stencil/core';\nimport { state } from '../../data/store';\nimport { SvgSprite } from '../../utils/svg-sprite.component';\nimport { PostFooterBlockCustom } from './components/post-footer-block-custom.component';\nimport { PostFooterBlockList } from './components/post-footer-block-list.component';\nimport { PostFooterBlockAddress } from './components/post-footer-block-address.component';\nimport { PostFooterBlockContact } from './components/post-footer-block-contact.component';\nimport { translate } from '../../services/language.service';\n\n@Component({\n  tag: 'swisspost-internet-footer',\n  styleUrl: 'post-internet-footer.scss',\n  shadow: true,\n})\nexport class PostInternetFooter {\n  @State() liveSupportEnabled = false;\n  @State() cookieSettingsEnabled = false;\n\n  constructor() {\n    this.liveSupportEnabled = this.unbluEnabled();\n    this.cookieSettingsEnabled = this.ucUIEnabled();\n\n    /**\n     * If the unblu script is not available, wait 5 seconds for it to load.\n     * If it's still not there after 5 seconds, abandon efforts and don't\n     * show the live support button.\n     */\n    if (!this.liveSupportEnabled) {\n      let intervalId: number;\n      let runs = 0;\n\n      const checker = () => {\n        const unbluEnabled = this.unbluEnabled();\n        const ucUIEnabled = this.ucUIEnabled();\n        const isEnabled = unbluEnabled && ucUIEnabled;\n        if (unbluEnabled) {\n          this.liveSupportEnabled = true;\n        }\n        if (ucUIEnabled) {\n          this.cookieSettingsEnabled = true;\n        }\n        if (isEnabled || runs >= 5) {\n          window.clearInterval(intervalId);\n        }\n        runs++;\n      };\n\n      intervalId = window.setInterval(checker, 1000);\n    }\n  }\n\n  /**\n   * Check if the unblu live support script is loaded\n   * @returns Boolean\n   */\n  private unbluEnabled(): boolean {\n    return typeof window['unbluLSLoad'] === 'function';\n  }\n\n  private ucUIEnabled(): boolean {\n    return (\n      typeof window['UC_UI'] === 'object' &&\n      typeof window['UC_UI']['showSecondLayer'] === 'function'\n    );\n  }\n\n  private handleCookieSettingsClick() {\n    window['UC_UI']['showSecondLayer']();\n  }\n\n  render() {\n    // There is something wrong entirely\n    if (!state) {\n      console.warn(\n        `Internet Footer: Could not load config. Please make sure that you included the <swisspost-internet-header></swisspost-internet-header> component.`,\n      );\n      return null;\n    }\n\n    // Config has not loaded yet\n    if (!state.localizedConfig) {\n      return null;\n    }\n\n    // There's no footer config\n    if (!state.localizedConfig.footer) {\n      console.warn(\n        `Internet Footer: Current project \"${state.projectId}\" does not include a footer config. The footer will not be rendered. Remove `,\n        document.querySelector('swisspost-internet-footer'),\n        `from your markup or configure the footer in your portal config to stop seeing this warning.`,\n      );\n      return null;\n    }\n\n    const footerConfig = state.localizedConfig.footer;\n    const customFooterConfig = state.localizedCustomConfig?.footer;\n\n    return (\n      <Host>\n        <SvgSprite />\n        <footer class=\"post-internet-footer light font-curve-regular\">\n          <h2 class=\"visually-hidden\">{footerConfig.title}</h2>\n          {customFooterConfig?.block && <PostFooterBlockCustom block={customFooterConfig?.block} />}\n          <div class=\"footer-container container\">\n            {footerConfig.block\n              .filter(block => block.columnType === 'list')\n              .map(block => (\n                <PostFooterBlockList key={block.title} block={block} />\n              ))}\n            {footerConfig.block\n              .filter(block => block.columnType === 'contact')\n              .map(block => (\n                <PostFooterBlockContact\n                  key={block.title}\n                  block={block}\n                  liveSupportEnabled={this.liveSupportEnabled}\n                />\n              ))}\n            {footerConfig.block\n              .filter(block => block.columnType === 'address')\n              .map(block => (\n                <PostFooterBlockAddress key={block.title} block={block} />\n              ))}\n          </div>\n          <div class=\"copyright container\">\n            <span class=\"bold\">{footerConfig.entry.text}</span>\n            <ul class=\"no-list footer-meta-links\">\n              {footerConfig.links\n                ? footerConfig.links.map(link => (\n                    <li key={link.url}>\n                      <a class=\"nav-link\" href={link.url} target={link.target}>\n                        {link.text}\n                      </a>\n                    </li>\n                  ))\n                : null}\n              {this.cookieSettingsEnabled && (\n                <li>\n                  <button class=\"nav-link cookie-settings\" onClick={this.handleCookieSettingsClick}>\n                    {translate('Cookie Settings')}\n                  </button>\n                </li>\n              )}\n            </ul>\n          </div>\n        </footer>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"swisspost-internet-footer.js","mappings":"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","names":[],"sources":["src/components/post-internet-footer/components/post-footer-block-custom.component.tsx","src/components/post-internet-footer/components/post-footer-block-list.component.tsx","src/components/post-internet-footer/components/post-footer-block-socials.component.tsx","src/components/post-internet-footer/components/post-footer-block-address.component.tsx","src/components/post-internet-footer/components/post-footer-block-contact.component.tsx","src/components/post-internet-footer/post-internet-footer.scss?tag=swisspost-internet-footer&encapsulation=shadow","src/components/post-internet-footer/post-internet-footer.tsx"],"sourcesContent":["import { h } from '@stencil/core';\nimport { CustomBlockEntity } from '../../../models/footer.model';\n\nexport const PostFooterBlockCustom = (props: { block: CustomBlockEntity }) => {\n  return (\n    <div class=\"pre-footer\">\n      <div class=\"block-custom container\">\n        <h3>{props.block.title}</h3>\n        <ul class=\"no-list box link-list\">\n          {props.block.links &&\n            props.block.links.map(link => (\n              <li key={link.url}>\n                <a class=\"flyout-link\" href={link.url} target={link.target}>\n                  {link.text}\n                </a>\n              </li>\n            ))}\n        </ul>\n      </div>\n    </div>\n  );\n};\n","import { h } from '@stencil/core';\nimport { CustomBlockEntity } from '../../../models/footer.model';\n\nexport const PostFooterBlockList = (props: { block: CustomBlockEntity; key: string }) => {\n  return (\n    <div class=\"block-list\">\n      <h3>{props.block.title}</h3>\n      <ul class=\"no-list box link-list\">\n        {props.block.links &&\n          props.block.links.map(link => (\n            <li key={link.url}>\n              <a class=\"flyout-link\" href={link.url} target={link.target}>\n                {link.text}\n              </a>\n            </li>\n          ))}\n      </ul>\n    </div>\n  );\n};\n","import { h } from '@stencil/core';\nimport { ContentEntity } from '../../../models/footer.model';\n\nexport const PostFooterBlockSocials = (props: { content: ContentEntity; key: string }) => {\n  return (\n    <div class=\"block-socials\">\n      <h3>{props.content.title}</h3>\n      <ul class=\"no-list socials\">\n        {props.content.links.map(link => (\n          <li key={link.url}>\n            <a href={link.url} target={link.target}>\n              <span class=\"visually-hidden\">{link.name}</span>\n              <svg aria-hidden=\"true\">\n                <use href={`#${link.icon}`} />\n              </svg>\n            </a>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n","import { h } from '@stencil/core';\nimport { BlockEntity } from '../../../models/footer.model';\nimport { PostFooterBlockSocials } from './post-footer-block-socials.component';\n\nexport const PostFooterBlockAddress = (props: { block: BlockEntity; key: string }) => {\n  return (\n    <div class=\"block-address\">\n      <h3>{props.block.title}</h3>\n      {props.block.content &&\n        props.block.content\n          .filter(content => content.address)\n          .map(content => (\n            <address class=\"vcard\" key={content.address}>\n              <span class=\"adr\" innerHTML={content.address}></span>\n            </address>\n          ))}\n      {props.block.content &&\n        props.block.content\n          .filter(content => content.links && content.links.length)\n          .map(content => <PostFooterBlockSocials key={content.name} content={content} />)}\n    </div>\n  );\n};\n","import { h } from '@stencil/core';\nimport { BlockEntity } from '../../../models/footer.model';\n\nconst getContentHours = (hours: string) => hours.replace(/<[^>]*>?/gm, '');\n\nconst callUnblu = () => {\n  if (typeof window['unbluLSLoad'] === 'function') {\n    window['unbluLSLoad']();\n  } else {\n    console.error(\n      'swisspost-internet-footer: The function \"unbluLSLoad\" could not be called because it is not available in the global scope. Did you include the unblu live chat script on your page?',\n    );\n  }\n};\n\nconst LiveSupport = (props: { hours: string }) => (\n  <button\n    class=\"hours btn btn-link\"\n    id=\"liveSupport\"\n    type=\"button\"\n    onClick={callUnblu}\n    innerHTML={getContentHours(props.hours)}\n  ></button>\n);\n\nexport const PostFooterBlockContact = (props: {\n  block: BlockEntity;\n  liveSupportEnabled: boolean;\n  key: string;\n}) => {\n  return (\n    <div class=\"block-contact\">\n      <h3>{props.block.title}</h3>\n      {props.block.content &&\n        props.block.content.map((content, index) => {\n          const isLiveSupport =\n            index === props.block.content!.length - 1 && content.text === 'Live Support';\n          if (isLiveSupport && !props.liveSupportEnabled) {\n            return null;\n          }\n          return (\n            <div class=\"content-row\" key={content.name}>\n              {content.number ? <p class=\"number\">{content.number}</p> : null}\n              {content.text ? <p class=\"text\">{content.text}</p> : null}\n              {content.hours && isLiveSupport && <LiveSupport hours={content.hours} />}\n              {content.hours && !isLiveSupport && (\n                // Some values arrive in the form of <p>8&emdash;12</p> and without replace and innerHTML, tags get rendered as text (project=\"klp\" language=\"en\" environment=\"int02\")\n                <p class=\"hours\" innerHTML={getContentHours(content.hours)}></p>\n              )}\n              {content.describe ? <p class=\"describe\">{content.describe}</p> : null}\n            </div>\n          );\n        })}\n    </div>\n  );\n};\n","@use \"@swisspost/design-system-styles/components/grid\";\n@use \"@swisspost/design-system-styles/variables/color\";\n@use \"@swisspost/design-system-styles/placeholders/text\";\n@use \"@swisspost/design-system-styles/functions\";\n@use \"@swisspost/design-system-styles/components/button\";\n@use \"../../utils/utils.scss\";\n@use \"../../utils/mixins.scss\";\n\n:host {\n  display: block;\n}\n\nh3 {\n  font-size: inherit;\n  margin-top: 0;\n}\n\n.btn.btn-link {\n  padding-left: 0;\n  padding-right: 0;\n\n  &:hover {\n    cursor: pointer;\n  }\n}\n\n.post-internet-footer {\n  font-size: 1rem;\n  font-weight: 300;\n  border-top: 2px solid color.$gray-10;\n}\n\n.pre-footer {\n  padding-top: 2rem;\n  padding-bottom: 2rem;\n  border-bottom: 2px solid color.$gray-10;\n\n  .block-custom,\n  .link-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 1rem 1.5rem;\n  }\n\n  h3,\n  .link-list li {\n    margin: 0;\n  }\n}\n\n.footer-container {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr 1fr;\n  gap: 3.5rem 2rem;\n  margin-top: 3.5rem;\n  margin-bottom: 3.5rem;\n\n  @include mixins.max(lg) {\n    grid-template-columns: 1fr 1fr;\n  }\n\n  @include mixins.max(rg) {\n    gap: 1.5rem 2rem;\n    margin-top: 1.5rem;\n    margin-bottom: 1.5rem;\n  }\n}\n\n.block-list {\n  @include mixins.max(sm) {\n    grid-column: 1 / 3;\n  }\n}\n\n.block-contact,\n.block-address {\n  @include mixins.max(rg) {\n    grid-column: 1 / 3;\n  }\n}\n\n.block-socials {\n  margin-top: 3.5rem;\n\n  @include mixins.max(rg) {\n    margin-top: 1.5rem;\n  }\n}\n\naddress {\n  font-style: normal;\n}\n\n.link-list {\n  li {\n    margin: 1rem 0;\n  }\n  a {\n    display: block;\n    text-decoration: none;\n    color: color.$gray-60;\n    transition: color 200ms;\n\n    &:hover {\n      color: black;\n    }\n  }\n}\n\n.content-row {\n  padding: 0.5rem 0;\n\n  h3 + & {\n    padding-top: 0;\n  }\n\n  &:last-child {\n    padding-bottom: 0;\n  }\n\n  & + & {\n    border-top: 1px solid color.$gray-10;\n  }\n\n  p,\n  button {\n    margin: 0.25rem;\n  }\n}\n\n.text {\n  font-weight: 700;\n}\n\n.describe {\n  font-size: 0.8125rem;\n  color: color.$gray-60;\n  font-weight: 400;\n}\n\n.number {\n  font-size: 1.25rem;\n}\n\n.socials {\n  display: inline-grid;\n  grid-auto-flow: row;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 1rem 1.5rem;\n\n  a {\n    display: block;\n    color: color.$gray-60;\n    transition: color 200ms;\n\n    &:hover,\n    &:focus {\n      color: black;\n    }\n  }\n\n  svg {\n    display: block;\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n}\n\n.copyright {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem 1.5rem;\n  margin-top: 2rem;\n  margin-bottom: 2rem;\n  font-size: functions.px-to-rem(12px);\n}\n\n.footer-meta-links {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.5rem;\n  font-weight: 400;\n}\n","import { Component, Host, h, State } from '@stencil/core';\nimport { state } from '../../data/store';\nimport { SvgSprite } from '../../utils/svg-sprite.component';\nimport { PostFooterBlockCustom } from './components/post-footer-block-custom.component';\nimport { PostFooterBlockList } from './components/post-footer-block-list.component';\nimport { PostFooterBlockAddress } from './components/post-footer-block-address.component';\nimport { PostFooterBlockContact } from './components/post-footer-block-contact.component';\nimport { translate } from '../../services/language.service';\n\n@Component({\n  tag: 'swisspost-internet-footer',\n  styleUrl: 'post-internet-footer.scss',\n  shadow: true,\n})\nexport class PostInternetFooter {\n  @State() liveSupportEnabled = false;\n  @State() cookieSettingsEnabled = false;\n\n  constructor() {\n    this.liveSupportEnabled = this.unbluEnabled();\n    this.cookieSettingsEnabled = this.ucUIEnabled();\n\n    /**\n     * If the unblu script is not available, wait 5 seconds for it to load.\n     * If it's still not there after 5 seconds, abandon efforts and don't\n     * show the live support button.\n     */\n    if (!this.liveSupportEnabled) {\n      let intervalId: number;\n      let runs = 0;\n\n      const checker = () => {\n        const unbluEnabled = this.unbluEnabled();\n        const ucUIEnabled = this.ucUIEnabled();\n        const isEnabled = unbluEnabled && ucUIEnabled;\n        if (unbluEnabled) {\n          this.liveSupportEnabled = true;\n        }\n        if (ucUIEnabled) {\n          this.cookieSettingsEnabled = true;\n        }\n        if (isEnabled || runs >= 5) {\n          window.clearInterval(intervalId);\n        }\n        runs++;\n      };\n\n      intervalId = window.setInterval(checker, 1000);\n    }\n  }\n\n  /**\n   * Check if the unblu live support script is loaded\n   * @returns Boolean\n   */\n  private unbluEnabled(): boolean {\n    return typeof window['unbluLSLoad'] === 'function';\n  }\n\n  private ucUIEnabled(): boolean {\n    return (\n      typeof window['UC_UI'] === 'object' &&\n      typeof window['UC_UI']['showSecondLayer'] === 'function'\n    );\n  }\n\n  private handleCookieSettingsClick() {\n    window['UC_UI']['showSecondLayer']();\n  }\n\n  render() {\n    // There is something wrong entirely\n    if (!state) {\n      console.warn(\n        `Internet Footer: Could not load config. Please make sure that you included the <swisspost-internet-header></swisspost-internet-header> component.`,\n      );\n      return null;\n    }\n\n    // Config has not loaded yet\n    if (!state.localizedConfig) {\n      return null;\n    }\n\n    // There's no footer config\n    if (!state.localizedConfig.footer) {\n      console.warn(\n        `Internet Footer: Current project \"${state.projectId}\" does not include a footer config. The footer will not be rendered. Remove `,\n        document.querySelector('swisspost-internet-footer'),\n        `from your markup or configure the footer in your portal config to stop seeing this warning.`,\n      );\n      return null;\n    }\n\n    const footerConfig = state.localizedConfig.footer;\n    const customFooterConfig = state.localizedCustomConfig?.footer;\n\n    return (\n      <Host>\n        <SvgSprite />\n        <footer class=\"post-internet-footer light font-curve-regular\">\n          <h2 class=\"visually-hidden\">{footerConfig.title}</h2>\n          {customFooterConfig?.block && <PostFooterBlockCustom block={customFooterConfig?.block} />}\n          <div class=\"footer-container container\">\n            {footerConfig.block\n              .filter(block => block.columnType === 'list')\n              .map(block => (\n                <PostFooterBlockList key={block.title} block={block} />\n              ))}\n            {footerConfig.block\n              .filter(block => block.columnType === 'contact')\n              .map(block => (\n                <PostFooterBlockContact\n                  key={block.title}\n                  block={block}\n                  liveSupportEnabled={this.liveSupportEnabled}\n                />\n              ))}\n            {footerConfig.block\n              .filter(block => block.columnType === 'address')\n              .map(block => (\n                <PostFooterBlockAddress key={block.title} block={block} />\n              ))}\n          </div>\n          <div class=\"copyright container\">\n            <span class=\"bold\">{footerConfig.entry.text}</span>\n            <ul class=\"no-list footer-meta-links\">\n              {footerConfig.links\n                ? footerConfig.links.map(link => (\n                    <li key={link.url}>\n                      <a class=\"nav-link\" href={link.url} target={link.target}>\n                        {link.text}\n                      </a>\n                    </li>\n                  ))\n                : null}\n              {this.cookieSettingsEnabled && (\n                <li>\n                  <button class=\"nav-link cookie-settings\" onClick={this.handleCookieSettingsClick}>\n                    {translate('Cookie Settings')}\n                  </button>\n                </li>\n              )}\n            </ul>\n          </div>\n        </footer>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/swisspost-internet-header.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface SwisspostInternetHeader extends Components.SwisspostInternetHeader, HTMLElement {}
 export const SwisspostInternetHeader: {
-  prototype: SwisspostInternetHeader;
-  new (): SwisspostInternetHeader;
+    prototype: SwisspostInternetHeader;
+    new (): SwisspostInternetHeader;
 };
 /**
  * Used to define this component and all nested components recursively.