@beamimpact/web-sdk 1.55.6 → 1.55.8

package/dist/components/cumulative-impact.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"cumulative-impact.esm.js","sources":["../../src/shared/components/animated-counter/index.ts","../../src/shared/sync-element-widths.ts","../../src/components/cumulative-impact/strings.ts","../../src/components/cumulative-impact/index.ts"],"sourcesContent":["import { html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { state } from \"lit/decorators.js\";\n\nexport class AnimatedCounter extends LitElement {\n  @property({ type: Number }) finalValue = 0;\n  @property({ type: Number }) duration = 1500;\n  @property({ type: String }) scrollTarget?: string;\n\n  @state() protected counter = 0;\n  private intervalId = 0;\n\n  connectedCallback() {\n    super.connectedCallback();\n    const userPrefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n    if (this.duration === 0 || userPrefersReducedMotion) {\n      this.counter = this.finalValue;\n    } else {\n      this.observeScrollTarget();\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.unobserveScrollTarget();\n    clearInterval(this.intervalId);\n  }\n\n  private handleCounterAnimateIfInView: IntersectionObserverCallback = (entries) => {\n    if (entries.some((entry) => entry.isIntersecting)) {\n      this.animateCounter();\n      this.unobserveScrollTarget();\n    }\n  };\n\n  private animateCounter = () => {\n    const ANIMATION_FRAME_RATE = 24;\n    const MS_PER_FRAME = 1000 / ANIMATION_FRAME_RATE;\n    const INCREMENT_RATE_PER_FRAME = MS_PER_FRAME / this.duration;\n    const COUNTER_INCREMENT_PER_FRAME = INCREMENT_RATE_PER_FRAME * this.finalValue;\n\n    this.intervalId = setInterval(() => {\n      const result = this.counter + COUNTER_INCREMENT_PER_FRAME;\n      if (result >= this.finalValue) {\n        this.counter = this.finalValue;\n        clearInterval(this.intervalId);\n        return;\n      } else {\n        this.counter = result;\n      }\n    }, MS_PER_FRAME);\n  };\n\n  private observer = new IntersectionObserver(this.handleCounterAnimateIfInView, {\n    threshold: 0.1,\n  });\n\n  private observeScrollTarget = () => {\n    const target = this.scrollTargetElement;\n    target && this.observer.observe(target);\n  };\n\n  private unobserveScrollTarget = () => {\n    const target = this.scrollTargetElement;\n    target && this.observer.unobserve(target);\n  };\n\n  get scrollTargetElement(): this | Element | null {\n    if (this.scrollTarget) {\n      return document.querySelector(this.scrollTarget);\n    } else {\n      return this;\n    }\n  }\n\n  render() {\n    return html`${Math.ceil(this.counter).toLocaleString()}`;\n  }\n}\n\ncustomElements.get(\"animated-counter\") || customElements.define(\"animated-counter\", AnimatedCounter);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"animated-counter\": AnimatedCounter;\n  }\n}\n","import { isAllHtmlElements } from \"./is-all-html-elements\";\n\n/**\n * Synchronize widths of elements\n * @param {Array<HTMLElement|null>} elements - Elements to synchronize\n */\nexport const syncElementWidths = (elements: Array<HTMLElement | null> | NodeList) => {\n  const els = elements instanceof NodeList ? Array.from(elements) : elements;\n\n  if (els.length === 0 || !isAllHtmlElements(els)) {\n    return;\n  }\n\n  const widthSource = els.sort((a, b) => {\n    const widthA = getComputedStyle(a).getPropertyValue(\"width\").replace(\"px\", \"\");\n    const widthB = getComputedStyle(b).getPropertyValue(\"width\").replace(\"px\", \"\");\n    return parseInt(widthB) - parseInt(widthA);\n  })[0];\n\n  const syncedWidth = getComputedStyle(widthSource).getPropertyValue(\"width\");\n\n  for (const el of els) {\n    if (getComputedStyle(el).getPropertyValue(\"width\") !== syncedWidth) {\n      el.style[\"width\"] = syncedWidth;\n    }\n  }\n};\n","export const strings = {\n  en: {\n    cumulativeImpactTitle: () => `What we've funded`,\n    cumulativeImpactDescription: () =>\n      \"Here's the impact that our community has made so far in partnership with Beam. Our impact is growing every day— scroll to check out the goals we're working toward together right now.\",\n  },\n  fr: {\n    cumulativeImpactTitle: () => `Ce que nous avons financé`,\n    cumulativeImpactDescription: () =>\n      \"Voici l'impact que notre communauté a eu jusqu'à présent en partenariat avec Beam. Notre impact grandit chaque jour : faites défiler pour découvrir les objectifs vers lesquels nous travaillons ensemble en ce moment.\",\n  },\n  de: {\n    cumulativeImpactTitle: () => `Was wir finanziert haben`,\n    cumulativeImpactDescription: () =>\n      \"Hier ist die Wirkung, die unsere Community bisher in Zusammenarbeit mit Beam erzielt hat. Unsere Wirkung wächst von Tag zu Tag - scrollen Sie, um einen Blick auf die Ziele zu werfen, auf die wir derzeit gemeinsam hinarbeiten.\",\n  },\n  es: {\n    cumulativeImpactTitle: () => `Lo que hemos financiado`,\n    cumulativeImpactDescription: () =>\n      \"Este es el impacto que nuestra comunidad ha tenido hasta ahora en asociación con Beam. Nuestro impacto crece cada día; desplácese para ver los objetivos por los que estamos trabajando juntos en este momento.\",\n  },\n  it: {\n    cumulativeImpactTitle: () => `Cosa abbiamo finanziato`,\n    cumulativeImpactDescription: () =>\n      \"Ecco l'impatto che la nostra comunità ha avuto finora in collaborazione con Beam. Il nostro impatto cresce ogni giorno: scorri per scoprire gli obiettivi a cui stiamo lavorando insieme in questo momento.\",\n  },\n  pl: {\n    cumulativeImpactTitle: () => `Co sfinansowaliśmy`,\n    cumulativeImpactDescription: () =>\n      \"Oto wpływ, jaki nasza społeczność wywarła dotychczas we współpracy z Beam. Nasz wpływ rośnie z każdym dniem — przewiń, aby sprawdzić cele, nad którymi obecnie wspólnie pracujemy.\",\n  },\n  ja: {\n    cumulativeImpactTitle: () => `What we've funded`,\n    cumulativeImpactDescription: () =>\n      \"Here's the impact that our community has made so far in partnership with Beam. Our impact is growing every day— scroll to check out the goals we're working toward together right now.\",\n  },\n};\n","import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { queryAll } from \"lit/decorators/query-all.js\";\nimport debounce from \"lodash-es/debounce\";\nimport \"../../shared/components/animated-counter\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES } from \"../../api-sdk/constants\";\nimport { TNumericId } from \"../../shared/types\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { getCumulativeImpact } from \"../../api-sdk/v3/routes\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { BeamError, MissingConfig } from \"../../utils/beam-errors\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { syncElementWidths } from \"../../shared/sync-element-widths\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { strings } from \"./strings\";\n\ntype RequiredConfig = {\n  apiKey: string;\n  chainId: TNumericId;\n};\n\ntype IAPIV3CumulativeImpact = Awaited<ReturnType<typeof getCumulativeImpact>>;\n\nconst MAX_COUNTER_ANIMATION_DURATION = 1.5 * 1000;\n\nexport class BeamCumulativeImpact extends LitElement {\n  static tagName = \"beam-cumulative-impact\";\n\n  @property({ type: String }) public apiKey?: RequiredConfig[\"apiKey\"];\n\n  @property({ type: Number }) public chainId?: RequiredConfig[\"chainId\"];\n\n  @property({ type: String }) public baseUrl = DEFAULT_BASE_URL;\n\n  @property({ type: String }) public lang: LANGUAGES = \"en\";\n\n  @property({ type: Boolean }) public disableAnimation = false;\n\n  @property({ type: Boolean }) public debug = false;\n\n  @property({ type: Boolean }) public draftConfig = false;\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  private getCumulativeImpactData = async () => {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"chainId\"], this)) {\n      throw new MissingConfig();\n    }\n    const res = await getCumulativeImpact({\n      baseUrl: this.baseUrl,\n      pathParams: {\n        chainId: this.chainId,\n      },\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      queryParams: {\n        version: \"1.0.0\",\n        lang: this.configLang,\n        draftConfig: this.draftConfig,\n      },\n    });\n\n    return res;\n  };\n\n  private cumulativeImpactDataController = new AsyncController<typeof this.getCumulativeImpactData>(\n    this,\n    this.getCumulativeImpactData\n  );\n\n  @queryAll(\".impact-row-value-container\")\n  impactRowRefs!: HTMLElement[];\n  resizeElements = debounce(\n    () => {\n      syncElementWidths(this.impactRowRefs);\n    },\n    50,\n    { maxWait: 50, leading: true }\n  );\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(\"resize\", this.resizeElements);\n  }\n\n  async updated(changedProperties: Map<string, unknown>) {\n    // Reload nonprofit list on change of any of these props:\n    // Also fires on first load as props go from undefined => value\n    const requireNewDataProps = [\"chainId\", \"baseUrl\", \"lang\"];\n    for (const prop of requireNewDataProps) {\n      if (changedProperties.has(prop)) {\n        await this.cumulativeImpactDataController.exec();\n        break;\n      }\n    }\n\n    this.resizeElements();\n  }\n\n  render() {\n    const { data, error, loading } = this.cumulativeImpactDataController;\n    if (loading) {\n      return _loading();\n    }\n    if (error) {\n      if (this.debug) {\n        return _errorMessage({ error });\n      }\n      return \"\";\n    }\n    if (data == null) {\n      if (this.debug) {\n        return _errorMessage({ error: new BeamError(\"Missing data\") });\n      }\n      return \"\";\n    }\n\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n      <div style=\"display: flex; flex-direction: column;\" class=\"root\">\n        <div\n          style=\"margin: 10px 0 0 0;\"\n          tabindex=\"-1\"\n          class=\"options\"\n          part=\"options\"\n          aria-labelledby=\"beam-RedeemTransaction-title\"\n        >\n          ${this.renderCumulativeImpact(data)}\n        </div>\n      </div>\n    `;\n  }\n\n  private renderCumulativeImpact(data: IAPIV3CumulativeImpact) {\n    const rawValues = data.impacts ? data.impacts?.map((impact) => impact.value || 0) : [];\n    const maxRawValue = Math.max(...rawValues);\n    const durations = rawValues.map(\n      (val) => (MAX_COUNTER_ANIMATION_DURATION * Math.log(Math.max(val, 1))) / Math.log(maxRawValue)\n    );\n    return html`\n      <div class=\"main\">\n        <div class=\"title\" role=\"heading\">\n          ${localizeUserString(this.configLang, data?.config?.web?.title || \"\") ||\n          strings[this.configLang].cumulativeImpactTitle()}\n        </div>\n        <p class=\"description\">\n          ${localizeUserString(this.configLang, data?.config?.web?.description || \"\") ||\n          strings[this.configLang].cumulativeImpactDescription()}\n        </p>\n        <div class=\"impact-list\">\n          ${data.impacts?.map((impact: any, idx: number) => {\n            return this.renderCumulativeImpactRow({ impact, animationDuration: durations[idx] });\n          })}\n        </div>\n      </div>\n    `;\n  }\n\n  private renderCumulativeImpactRow({ impact, animationDuration }: { impact: any; animationDuration: number }) {\n    const disableAnimation = this.cumulativeImpactDataController.data?.config?.web.disableAnimation;\n    const floatingCounterClass = \"impact-row-value-counter impact-row-value-floating-counter\";\n    const duration = disableAnimation ? 0 : animationDuration;\n\n    const unitDisplay = localizeUserString(this.configLang, impact.unit || \"\");\n    const summaryDisplay = localizeUserString(this.configLang, impact.summary || \"\");\n\n    /**\n     * because we set the width using JavaScript by forcing all impact-row-value-container elements\n     * to match the width of the widest sibling, we use a hidden span with the total preloaded to\n     * ensure that impact-row-value-container widths do not change as the animation runs.\n     */\n    return html`\n      <div class=\"impact-row\">\n        <div class=\"impact-row-value-container\">\n          <span class=\"impact-row-value-counter\" style=\"visibility: hidden;\" aria-hidden=\"true\">\n            ${impact.value.toLocaleString()}\n          </span>\n            <animated-counter\n              class=\"${floatingCounterClass}\"\n              finalValue=${impact.value}\n              duration=${duration}\n            ></animated-counter>\n          </span>\n        </div>\n        <div class=\"impact-row-description\">${unitDisplay} ${summaryDisplay}</div>\n      </div>\n    `;\n  }\n\n  public get cssVariables() {\n    const defaults: Record<string, string> = {\n      \"--beam-fontFamily\": \"inherit\",\n      \"--beam-fontStyle\": \"inherit\",\n      \"--beam-fontSize\": \"16px\",\n      \"--beam-lineHeight\": \"1\",\n      \"--beam-textColor\": \"inherit\",\n      // main\n      ...defineCustomText(\"--beam-CumulativeImpact-title\", {\n        fontSize: \"32px\",\n      }),\n      ...defineCustomText(\"--beam-CumulativeImpact-description\", {\n        marginTop: \"16px\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CumulativeImpact-impact-list-marginTop\": \"24px\",\n      \"--beam-CumulativeImpact-row-marginTop\": \"24px\",\n      // row value container\n      \"--beam-CumulativeImpact-row-value-container-borderBottomWidth\": \"4px\",\n      \"--beam-CumulativeImpact-row-value-container-borderBottomColor\": \"currentColor\",\n      \"--beam-CumulativeImpact-row-value-container-paddingTop\": \"0\",\n      \"--beam-CumulativeImpact-row-value-container-paddingRight\": \"20px\",\n      \"--beam-CumulativeImpact-row-value-container-paddingBottom\": \"4px\",\n      \"--beam-CumulativeImpact-row-value-container-paddingLeft\": \"20px\",\n      // row value counter\n      ...defineCustomText(\"--beam-CumulativeImpact-row-value-counter\", {\n        color: \"currentColor\",\n        fontSize: \"24px\",\n        fontWeight: \"normal\",\n      }),\n      // row description\n      ...defineCustomText(\"--beam-CumulativeImpact-row-description\", {\n        color: \"currentColor\",\n        fontSize: \"16px\",\n        fontWeight: \"normal\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CumulativeImpact-row-description-paddingLeft\": \"24px\",\n      \"--beam-CumulativeImpact-row-description-paddingRight\": \"24px\",\n      \"--beam-CumulativeImpact-row-description-mobile-marginTop\": \"12px\",\n    };\n\n    const remoteConfig = this.cumulativeImpactDataController.data?.config?.web?.theme || {};\n\n    const config = { ...defaults, ...remoteConfig };\n\n    const serializable = Object.create({\n      toCSS() {\n        return _cssVariableMap(this as Record<string, string>);\n      },\n    });\n\n    return Object.assign(serializable, config);\n  }\n\n  static styles = [\n    cssReset,\n    css`\n      :host {\n        display: block;\n        font-family: var(--beam-fontFamily, inherit);\n        font-style: var(--beam-fontStyle, inherit);\n        font-size: var(--beam-fontSize, inherit);\n        color: var(--beam-textColor, inherit);\n        background-color: var(--beam-backgroundColor, inherit);\n        line-height: var(--beam-lineHeight, 1);\n        word-break: normal;\n      }\n      .main {\n        text-align: left;\n      }\n      .title {\n        ${useCustomText(\"--beam-CumulativeImpact-title\")}\n        text-align: inherit;\n      }\n      .description {\n        ${useCustomText(\"--beam-CumulativeImpact-description\")}\n        text-align: inherit;\n      }\n      .impact-list {\n        display: flex;\n        flex-direction: column;\n        margin-top: var(--beam-CumulativeImpact-impact-list-marginTop);\n      }\n      .impact-row {\n        display: flex;\n        align-items: center;\n        margin-top: var(--beam-CumulativeImpact-row-marginTop);\n      }\n      .impact-row-value-container {\n        position: relative;\n        border-bottom-width: var(--beam-CumulativeImpact-row-value-container-borderBottomWidth);\n        border-bottom-color: var(--beam-CumulativeImpact-row-value-container-borderBottomColor);\n        border-bottom-style: solid;\n        padding-top: var(--beam-CumulativeImpact-row-value-container-paddingTop);\n        padding-right: var(--beam-CumulativeImpact-row-value-container-paddingRight);\n        padding-bottom: var(--beam-CumulativeImpact-row-value-container-paddingBottom);\n        padding-left: var(--beam-CumulativeImpact-row-value-container-paddingLeft);\n        text-align: center;\n        flex-shrink: 0;\n      }\n      .impact-row-value-counter {\n        ${useCustomText(\"--beam-CumulativeImpact-row-value-counter\")}\n      }\n      .impact-row-value-floating-counter {\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n      }\n      .impact-row-description {\n        ${useCustomText(\"--beam-CumulativeImpact-row-description\")}\n        padding-left: var(--beam-CumulativeImpact-row-description-paddingLeft);\n        padding-right: var(--beam-CumulativeImpact-row-description-paddingRight);\n        /* match padding of value of counter for proper centering */\n        padding-bottom: var(--beam-CumulativeImpact-row-value-paddingBottom);\n        text-align: inherit;\n        flex-grow: 1;\n      }\n      @media (max-width: 500px) {\n        .main {\n          text-align: center;\n        }\n        .impact-row {\n          flex-direction: column;\n        }\n        .impact-row-description {\n          margin-top: var(--beam-CumulativeImpact-row-description-mobile-marginTop);\n          padding-bottom: 0;\n        }\n      }\n    `,\n  ];\n}\n\ndefineCustomElement(BeamCumulativeImpact);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-cumulative-impact\": BeamCumulativeImpact;\n  }\n}\n"],"names":["AnimatedCounter","LitElement","entries","entry","MS_PER_FRAME","COUNTER_INCREMENT_PER_FRAME","result","target","userPrefersReducedMotion","html","__decorateClass","property","state","syncElementWidths","elements","els","isAllHtmlElements","widthSource","a","b","widthA","widthB","syncedWidth","el","strings","f","r","s","m","e","MAX_COUNTER_ANIMATION_DURATION","BeamCumulativeImpact","DEFAULT_BASE_URL","enforceConfig","getCumulativeImpact","AsyncController","debounce","SUPPORTED_LANGUAGES","changedProperties","requireNewDataProps","prop","data","error","loading","_loading","_errorMessage","BeamError","rawValues","impact","maxRawValue","durations","val","localizeUserString","idx","animationDuration","disableAnimation","floatingCounterClass","duration","unitDisplay","summaryDisplay","defaults","defineCustomText","remoteConfig","config","_cssVariableMap","cssReset","css","useCustomText","queryAll","defineCustomElement"],"mappings":"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"}
+{"version":3,"file":"cumulative-impact.esm.js","sources":["../../src/shared/components/animated-counter/index.ts","../../src/shared/sync-element-widths.ts","../../src/components/cumulative-impact/strings.ts","../../src/components/cumulative-impact/index.ts"],"sourcesContent":["import { html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { state } from \"lit/decorators.js\";\n\nexport class AnimatedCounter extends LitElement {\n  @property({ type: Number }) finalValue = 0;\n  @property({ type: Number }) duration = 1500;\n  @property({ type: String }) scrollTarget?: string;\n\n  @state() protected counter = 0;\n  private intervalId = 0;\n\n  connectedCallback() {\n    super.connectedCallback();\n    const userPrefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n    if (this.duration === 0 || userPrefersReducedMotion) {\n      this.counter = this.finalValue;\n    } else {\n      this.observeScrollTarget();\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.unobserveScrollTarget();\n    clearInterval(this.intervalId);\n  }\n\n  private handleCounterAnimateIfInView: IntersectionObserverCallback = (entries) => {\n    if (entries.some((entry) => entry.isIntersecting)) {\n      this.animateCounter();\n      this.unobserveScrollTarget();\n    }\n  };\n\n  private animateCounter = () => {\n    const ANIMATION_FRAME_RATE = 24;\n    const MS_PER_FRAME = 1000 / ANIMATION_FRAME_RATE;\n    const INCREMENT_RATE_PER_FRAME = MS_PER_FRAME / this.duration;\n    const COUNTER_INCREMENT_PER_FRAME = INCREMENT_RATE_PER_FRAME * this.finalValue;\n\n    this.intervalId = setInterval(() => {\n      const result = this.counter + COUNTER_INCREMENT_PER_FRAME;\n      if (result >= this.finalValue) {\n        this.counter = this.finalValue;\n        clearInterval(this.intervalId);\n        return;\n      } else {\n        this.counter = result;\n      }\n    }, MS_PER_FRAME);\n  };\n\n  private observer = new IntersectionObserver(this.handleCounterAnimateIfInView, {\n    threshold: 0.1,\n  });\n\n  private observeScrollTarget = () => {\n    const target = this.scrollTargetElement;\n    target && this.observer.observe(target);\n  };\n\n  private unobserveScrollTarget = () => {\n    const target = this.scrollTargetElement;\n    target && this.observer.unobserve(target);\n  };\n\n  get scrollTargetElement(): this | Element | null {\n    if (this.scrollTarget) {\n      return document.querySelector(this.scrollTarget);\n    } else {\n      return this;\n    }\n  }\n\n  render() {\n    return html`${Math.ceil(this.counter).toLocaleString()}`;\n  }\n}\n\ncustomElements.get(\"animated-counter\") || customElements.define(\"animated-counter\", AnimatedCounter);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"animated-counter\": AnimatedCounter;\n  }\n}\n","import { isAllHtmlElements } from \"./is-all-html-elements\";\n\n/**\n * Synchronize widths of elements\n * @param {Array<HTMLElement|null>} elements - Elements to synchronize\n */\nexport const syncElementWidths = (elements: Array<HTMLElement | null> | NodeList) => {\n  const els = elements instanceof NodeList ? Array.from(elements) : elements;\n\n  if (els.length === 0 || !isAllHtmlElements(els)) {\n    return;\n  }\n\n  const widthSource = els.sort((a, b) => {\n    const widthA = getComputedStyle(a).getPropertyValue(\"width\").replace(\"px\", \"\");\n    const widthB = getComputedStyle(b).getPropertyValue(\"width\").replace(\"px\", \"\");\n    return parseInt(widthB) - parseInt(widthA);\n  })[0];\n\n  const syncedWidth = getComputedStyle(widthSource).getPropertyValue(\"width\");\n\n  for (const el of els) {\n    if (getComputedStyle(el).getPropertyValue(\"width\") !== syncedWidth) {\n      el.style[\"width\"] = syncedWidth;\n    }\n  }\n};\n","export const strings = {\n  en: {\n    cumulativeImpactTitle: () => `What we've funded`,\n    cumulativeImpactDescription: () =>\n      \"Here's the impact that our community has made so far in partnership with Beam. Our impact is growing every day— scroll to check out the goals we're working toward together right now.\",\n  },\n  fr: {\n    cumulativeImpactTitle: () => `Ce que nous avons financé`,\n    cumulativeImpactDescription: () =>\n      \"Voici l'impact que notre communauté a eu jusqu'à présent en partenariat avec Beam. Notre impact grandit chaque jour : faites défiler pour découvrir les objectifs vers lesquels nous travaillons ensemble en ce moment.\",\n  },\n  de: {\n    cumulativeImpactTitle: () => `Was wir finanziert haben`,\n    cumulativeImpactDescription: () =>\n      \"Hier ist die Wirkung, die unsere Community bisher in Zusammenarbeit mit Beam erzielt hat. Unsere Wirkung wächst von Tag zu Tag - scrollen Sie, um einen Blick auf die Ziele zu werfen, auf die wir derzeit gemeinsam hinarbeiten.\",\n  },\n  es: {\n    cumulativeImpactTitle: () => `Lo que hemos financiado`,\n    cumulativeImpactDescription: () =>\n      \"Este es el impacto que nuestra comunidad ha tenido hasta ahora en asociación con Beam. Nuestro impacto crece cada día; desplácese para ver los objetivos por los que estamos trabajando juntos en este momento.\",\n  },\n  it: {\n    cumulativeImpactTitle: () => `Cosa abbiamo finanziato`,\n    cumulativeImpactDescription: () =>\n      \"Ecco l'impatto che la nostra comunità ha avuto finora in collaborazione con Beam. Il nostro impatto cresce ogni giorno: scorri per scoprire gli obiettivi a cui stiamo lavorando insieme in questo momento.\",\n  },\n  pl: {\n    cumulativeImpactTitle: () => `Co sfinansowaliśmy`,\n    cumulativeImpactDescription: () =>\n      \"Oto wpływ, jaki nasza społeczność wywarła dotychczas we współpracy z Beam. Nasz wpływ rośnie z każdym dniem — przewiń, aby sprawdzić cele, nad którymi obecnie wspólnie pracujemy.\",\n  },\n  ja: {\n    cumulativeImpactTitle: () => `What we've funded`,\n    cumulativeImpactDescription: () =>\n      \"Here's the impact that our community has made so far in partnership with Beam. Our impact is growing every day— scroll to check out the goals we're working toward together right now.\",\n  },\n};\n","import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { queryAll } from \"lit/decorators/query-all.js\";\nimport debounce from \"lodash-es/debounce\";\nimport \"../../shared/components/animated-counter\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES } from \"../../api-sdk/constants\";\nimport { TNumericId } from \"../../shared/types\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { getCumulativeImpact } from \"../../api-sdk/v3/routes\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { BeamError, MissingConfig } from \"../../utils/beam-errors\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { syncElementWidths } from \"../../shared/sync-element-widths\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { strings } from \"./strings\";\n\ntype RequiredConfig = {\n  apiKey: string;\n  chainId: TNumericId;\n};\n\ntype IAPIV3CumulativeImpact = Awaited<ReturnType<typeof getCumulativeImpact>>;\n\nconst MAX_COUNTER_ANIMATION_DURATION = 1.5 * 1000;\n\nexport class BeamCumulativeImpact extends LitElement {\n  static tagName = \"beam-cumulative-impact\";\n\n  @property({ type: String }) public apiKey?: RequiredConfig[\"apiKey\"];\n\n  @property({ type: Number }) public chainId?: RequiredConfig[\"chainId\"];\n\n  @property({ type: String }) public baseUrl = DEFAULT_BASE_URL;\n\n  @property({ type: String }) public lang: LANGUAGES = \"en\";\n\n  @property({ type: Boolean }) public disableAnimation = false;\n\n  @property({ type: Boolean }) public debug = false;\n\n  @property({ type: Boolean }) public draftConfig = false;\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  private getCumulativeImpactData = async () => {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"chainId\"], this)) {\n      throw new MissingConfig();\n    }\n    const res = await getCumulativeImpact({\n      baseUrl: this.baseUrl,\n      pathParams: {\n        chainId: this.chainId,\n      },\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      queryParams: {\n        version: \"1.0.0\",\n        lang: this.configLang,\n        draftConfig: this.draftConfig,\n      },\n    });\n\n    return res;\n  };\n\n  private cumulativeImpactDataController = new AsyncController<typeof this.getCumulativeImpactData>(\n    this,\n    this.getCumulativeImpactData\n  );\n\n  @queryAll(\".impact-row-value-container\")\n  impactRowRefs!: HTMLElement[];\n  resizeElements = debounce(\n    () => {\n      syncElementWidths(this.impactRowRefs);\n    },\n    50,\n    { maxWait: 50, leading: true }\n  );\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(\"resize\", this.resizeElements);\n  }\n\n  async updated(changedProperties: Map<string, unknown>) {\n    // Reload nonprofit list on change of any of these props:\n    // Also fires on first load as props go from undefined => value\n    const requireNewDataProps = [\"chainId\", \"baseUrl\", \"lang\"];\n    for (const prop of requireNewDataProps) {\n      if (changedProperties.has(prop)) {\n        await this.cumulativeImpactDataController.exec();\n        break;\n      }\n    }\n\n    this.resizeElements();\n  }\n\n  render() {\n    const { data, error, loading } = this.cumulativeImpactDataController;\n    if (loading) {\n      return _loading();\n    }\n    if (error) {\n      if (this.debug) {\n        return _errorMessage({ error });\n      }\n      return \"\";\n    }\n    if (data == null) {\n      if (this.debug) {\n        return _errorMessage({ error: new BeamError(\"Missing data\") });\n      }\n      return \"\";\n    }\n\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n      <div style=\"display: flex; flex-direction: column;\" class=\"root\">\n        <div\n          style=\"margin: 10px 0 0 0;\"\n          tabindex=\"-1\"\n          class=\"options\"\n          part=\"options\"\n          aria-labelledby=\"beam-RedeemTransaction-title\"\n        >\n          ${this.renderCumulativeImpact(data)}\n        </div>\n      </div>\n    `;\n  }\n\n  private renderCumulativeImpact(data: IAPIV3CumulativeImpact) {\n    const rawValues = data.impacts ? data.impacts?.map((impact) => impact.value || 0) : [];\n    const maxRawValue = Math.max(...rawValues);\n    const durations = rawValues.map(\n      (val) => (MAX_COUNTER_ANIMATION_DURATION * Math.log(Math.max(val, 1))) / Math.log(maxRawValue)\n    );\n    return html`\n      <div class=\"main\">\n        <div class=\"title\" role=\"heading\">\n          ${localizeUserString(this.configLang, data?.config?.web?.title || \"\") ||\n          strings[this.configLang].cumulativeImpactTitle()}\n        </div>\n        <p class=\"description\">\n          ${localizeUserString(this.configLang, data?.config?.web?.description || \"\") ||\n          strings[this.configLang].cumulativeImpactDescription()}\n        </p>\n        <div class=\"impact-list\">\n          ${data.impacts?.map((impact: any, idx: number) => {\n            return this.renderCumulativeImpactRow({ impact, animationDuration: durations[idx] });\n          })}\n        </div>\n      </div>\n    `;\n  }\n\n  private renderCumulativeImpactRow({ impact, animationDuration }: { impact: any; animationDuration: number }) {\n    const disableAnimation = this.cumulativeImpactDataController.data?.config?.web.disableAnimation;\n    const floatingCounterClass = \"impact-row-value-counter impact-row-value-floating-counter\";\n    const duration = disableAnimation ? 0 : animationDuration;\n\n    const unitDisplay = localizeUserString(this.configLang, impact.unit || \"\");\n    const summaryDisplay = localizeUserString(this.configLang, impact.summary || \"\");\n\n    /**\n     * because we set the width using JavaScript by forcing all impact-row-value-container elements\n     * to match the width of the widest sibling, we use a hidden span with the total preloaded to\n     * ensure that impact-row-value-container widths do not change as the animation runs.\n     */\n    return html`\n      <div class=\"impact-row\">\n        <div class=\"impact-row-value-container\">\n          <span class=\"impact-row-value-counter\" style=\"visibility: hidden;\" aria-hidden=\"true\">\n            ${impact.value.toLocaleString()}\n          </span>\n            <animated-counter\n              class=\"${floatingCounterClass}\"\n              finalValue=${impact.value}\n              duration=${duration}\n            ></animated-counter>\n          </span>\n        </div>\n        <div class=\"impact-row-description\">${unitDisplay} ${summaryDisplay}</div>\n      </div>\n    `;\n  }\n\n  public get cssVariables() {\n    const defaults: Record<string, string> = {\n      \"--beam-fontFamily\": \"inherit\",\n      \"--beam-fontStyle\": \"inherit\",\n      \"--beam-fontSize\": \"16px\",\n      \"--beam-lineHeight\": \"1\",\n      \"--beam-textColor\": \"inherit\",\n      // main\n      ...defineCustomText(\"--beam-CumulativeImpact-title\", {\n        fontSize: \"32px\",\n      }),\n      ...defineCustomText(\"--beam-CumulativeImpact-description\", {\n        marginTop: \"16px\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CumulativeImpact-impact-list-marginTop\": \"24px\",\n      \"--beam-CumulativeImpact-row-marginTop\": \"24px\",\n      // row value container\n      \"--beam-CumulativeImpact-row-value-container-borderBottomWidth\": \"4px\",\n      \"--beam-CumulativeImpact-row-value-container-borderBottomColor\": \"currentColor\",\n      \"--beam-CumulativeImpact-row-value-container-paddingTop\": \"0\",\n      \"--beam-CumulativeImpact-row-value-container-paddingRight\": \"20px\",\n      \"--beam-CumulativeImpact-row-value-container-paddingBottom\": \"4px\",\n      \"--beam-CumulativeImpact-row-value-container-paddingLeft\": \"20px\",\n      // row value counter\n      ...defineCustomText(\"--beam-CumulativeImpact-row-value-counter\", {\n        color: \"currentColor\",\n        fontSize: \"24px\",\n        fontWeight: \"normal\",\n      }),\n      // row description\n      ...defineCustomText(\"--beam-CumulativeImpact-row-description\", {\n        color: \"currentColor\",\n        fontSize: \"16px\",\n        fontWeight: \"normal\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CumulativeImpact-row-description-paddingLeft\": \"24px\",\n      \"--beam-CumulativeImpact-row-description-paddingRight\": \"24px\",\n      \"--beam-CumulativeImpact-row-description-mobile-marginTop\": \"12px\",\n    };\n\n    const remoteConfig = this.cumulativeImpactDataController.data?.config?.web?.theme || {};\n\n    const config = { ...defaults, ...remoteConfig };\n\n    const serializable = Object.create({\n      toCSS() {\n        return _cssVariableMap(this as Record<string, string>);\n      },\n    });\n\n    return Object.assign(serializable, config);\n  }\n\n  static styles = [\n    cssReset,\n    css`\n      :host {\n        display: block;\n        font-family: var(--beam-fontFamily, inherit);\n        font-style: var(--beam-fontStyle, inherit);\n        font-size: var(--beam-fontSize, inherit);\n        color: var(--beam-textColor, inherit);\n        background-color: var(--beam-backgroundColor, inherit);\n        line-height: var(--beam-lineHeight, 1);\n        word-break: normal;\n      }\n      .main {\n        text-align: left;\n      }\n      .title {\n        ${useCustomText(\"--beam-CumulativeImpact-title\")}\n        text-align: inherit;\n      }\n      .description {\n        ${useCustomText(\"--beam-CumulativeImpact-description\")}\n        text-align: inherit;\n      }\n      .impact-list {\n        display: flex;\n        flex-direction: column;\n        margin-top: var(--beam-CumulativeImpact-impact-list-marginTop);\n      }\n      .impact-row {\n        display: flex;\n        align-items: center;\n        margin-top: var(--beam-CumulativeImpact-row-marginTop);\n      }\n      .impact-row-value-container {\n        position: relative;\n        border-bottom-width: var(--beam-CumulativeImpact-row-value-container-borderBottomWidth);\n        border-bottom-color: var(--beam-CumulativeImpact-row-value-container-borderBottomColor);\n        border-bottom-style: solid;\n        padding-top: var(--beam-CumulativeImpact-row-value-container-paddingTop);\n        padding-right: var(--beam-CumulativeImpact-row-value-container-paddingRight);\n        padding-bottom: var(--beam-CumulativeImpact-row-value-container-paddingBottom);\n        padding-left: var(--beam-CumulativeImpact-row-value-container-paddingLeft);\n        text-align: center;\n        flex-shrink: 0;\n      }\n      .impact-row-value-counter {\n        ${useCustomText(\"--beam-CumulativeImpact-row-value-counter\")}\n      }\n      .impact-row-value-floating-counter {\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n      }\n      .impact-row-description {\n        ${useCustomText(\"--beam-CumulativeImpact-row-description\")}\n        padding-left: var(--beam-CumulativeImpact-row-description-paddingLeft);\n        padding-right: var(--beam-CumulativeImpact-row-description-paddingRight);\n        /* match padding of value of counter for proper centering */\n        padding-bottom: var(--beam-CumulativeImpact-row-value-paddingBottom);\n        text-align: inherit;\n        flex-grow: 1;\n      }\n      @media (max-width: 500px) {\n        .main {\n          text-align: center;\n        }\n        .impact-row {\n          flex-direction: column;\n        }\n        .impact-row-description {\n          margin-top: var(--beam-CumulativeImpact-row-description-mobile-marginTop);\n          padding-bottom: 0;\n        }\n      }\n    `,\n  ];\n}\n\ndefineCustomElement(BeamCumulativeImpact);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-cumulative-impact\": BeamCumulativeImpact;\n  }\n}\n"],"names":["AnimatedCounter","LitElement","entries","entry","MS_PER_FRAME","COUNTER_INCREMENT_PER_FRAME","result","target","userPrefersReducedMotion","html","__decorateClass","property","state","syncElementWidths","elements","els","isAllHtmlElements","widthSource","a","b","widthA","widthB","syncedWidth","el","strings","f","r","s","m","e","MAX_COUNTER_ANIMATION_DURATION","BeamCumulativeImpact","DEFAULT_BASE_URL","enforceConfig","getCumulativeImpact","AsyncController","debounce","SUPPORTED_LANGUAGES","changedProperties","requireNewDataProps","prop","data","error","loading","_loading","_errorMessage","BeamError","rawValues","impact","maxRawValue","durations","val","localizeUserString","idx","animationDuration","disableAnimation","floatingCounterClass","duration","unitDisplay","summaryDisplay","defaults","defineCustomText","remoteConfig","config","_cssVariableMap","cssReset","css","useCustomText","queryAll","defineCustomElement"],"mappings":"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"}

package/dist/components/cumulative-impact.js

@@ -1,4 +1,4 @@
-import{t as C,h as b,y as u,g as m,f as y,p as I}from"../chunks/lit-WqMxC_PA.esm.js";import{d as x}from"../chunks/lodash-D3TLHRR_.esm.js";import{c as T,d as S,e as E}from"../chunks/enforce-config-Ba1JkOHs.esm.js";import{u as p,A as z,_ as f,i as d,d as h,a as B}from"../chunks/localize-C25pEGnx.esm.js";import{D as k,i as D,S as L}from"../chunks/routes-DpniIBF7.esm.js";import{B as $}from"../chunks/beam-errors-Ci0d3926.esm.js";import{_ as V}from"../chunks/loading-template-DG4lkIIc.esm.js";import{i as A}from"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../utils/logger.js";import"../chunks/promo-types-DKAOFHJr.esm.js";var R=Object.defineProperty,v=(n,e,t,i)=>{for(var a=void 0,o=n.length-1,s;o>=0;o--)(s=n[o])&&(a=s(e,t,a)||a);return a&&R(e,t,a),a};class l extends b{constructor(){super(...arguments),this.finalValue=0,this.duration=1500,this.counter=0,this.intervalId=0,this.handleCounterAnimateIfInView=e=>{e.some(t=>t.isIntersecting)&&(this.animateCounter(),this.unobserveScrollTarget())},this.animateCounter=()=>{const e=41.666666666666664,t=e/this.duration*this.finalValue;this.intervalId=setInterval(()=>{const i=this.counter+t;if(i>=this.finalValue){this.counter=this.finalValue,clearInterval(this.intervalId);return}else this.counter=i},e)},this.observer=new IntersectionObserver(this.handleCounterAnimateIfInView,{threshold:.1}),this.observeScrollTarget=()=>{const e=this.scrollTargetElement;e&&this.observer.observe(e)},this.unobserveScrollTarget=()=>{const e=this.scrollTargetElement;e&&this.observer.unobserve(e)}}connectedCallback(){super.connectedCallback();const e=window.matchMedia("(prefers-reduced-motion: reduce)").matches;this.duration===0||e?this.counter=this.finalValue:this.observeScrollTarget()}disconnectedCallback(){super.disconnectedCallback(),this.unobserveScrollTarget(),clearInterval(this.intervalId)}get scrollTargetElement(){return this.scrollTarget?document.querySelector(this.scrollTarget):this}render(){return u`${Math.ceil(this.counter).toLocaleString()}`}}v([m({type:Number})],l.prototype,"finalValue"),v([m({type:Number})],l.prototype,"duration"),v([m({type:String})],l.prototype,"scrollTarget"),v([C()],l.prototype,"counter"),customElements.get("animated-counter")||customElements.define("animated-counter",l);const j=n=>{const e=n instanceof NodeList?Array.from(n):n;if(e.length===0||!A(e))return;const t=e.sort((a,o)=>{const s=getComputedStyle(a).getPropertyValue("width").replace("px",""),g=getComputedStyle(o).getPropertyValue("width").replace("px","");return parseInt(g)-parseInt(s)})[0],i=getComputedStyle(t).getPropertyValue("width");for(const a of e)getComputedStyle(a).getPropertyValue("width")!==i&&(a.style.width=i)},w={en:{cumulativeImpactTitle:()=>"What we've funded",cumulativeImpactDescription:()=>"Here's the impact that our community has made so far in partnership with Beam. Our impact is growing every day\u2014 scroll to check out the goals we're working toward together right now."},fr:{cumulativeImpactTitle:()=>"Ce que nous avons financ\xE9",cumulativeImpactDescription:()=>"Voici l'impact que notre communaut\xE9 a eu jusqu'\xE0 pr\xE9sent en partenariat avec Beam. Notre impact grandit chaque jour : faites d\xE9filer pour d\xE9couvrir les objectifs vers lesquels nous travaillons ensemble en ce moment."},de:{cumulativeImpactTitle:()=>"Was wir finanziert haben",cumulativeImpactDescription:()=>"Hier ist die Wirkung, die unsere Community bisher in Zusammenarbeit mit Beam erzielt hat. Unsere Wirkung w\xE4chst von Tag zu Tag - scrollen Sie, um einen Blick auf die Ziele zu werfen, auf die wir derzeit gemeinsam hinarbeiten."},es:{cumulativeImpactTitle:()=>"Lo que hemos financiado",cumulativeImpactDescription:()=>"Este es el impacto que nuestra comunidad ha tenido hasta ahora en asociaci\xF3n con Beam. Nuestro impacto crece cada d\xEDa; despl\xE1cese para ver los objetivos por los que estamos trabajando juntos en este momento."},it:{cumulativeImpactTitle:()=>"Cosa abbiamo finanziato",cumulativeImpactDescription:()=>"Ecco l'impatto che la nostra comunit\xE0 ha avuto finora in collaborazione con Beam. Il nostro impatto cresce ogni giorno: scorri per scoprire gli obiettivi a cui stiamo lavorando insieme in questo momento."},pl:{cumulativeImpactTitle:()=>"Co sfinansowali\u015Bmy",cumulativeImpactDescription:()=>"Oto wp\u0142yw, jaki nasza spo\u0142eczno\u015B\u0107 wywar\u0142a dotychczas we wsp\xF3\u0142pracy z Beam. Nasz wp\u0142yw ro\u015Bnie z ka\u017Cdym dniem \u2014 przewi\u0144, aby sprawdzi\u0107 cele, nad kt\xF3rymi obecnie wsp\xF3lnie pracujemy."},ja:{cumulativeImpactTitle:()=>"What we've funded",cumulativeImpactDescription:()=>"Here's the impact that our community has made so far in partnership with Beam. Our impact is growing every day\u2014 scroll to check out the goals we're working toward together right now."}};var q=Object.defineProperty,c=(n,e,t,i)=>{for(var a=void 0,o=n.length-1,s;o>=0;o--)(s=n[o])&&(a=s(e,t,a)||a);return a&&q(e,t,a),a};const U=1.5*1e3;class r extends b{constructor(){super(...arguments),this.baseUrl=k,this.lang="en",this.disableAnimation=!1,this.debug=!1,this.draftConfig=!1,this.getCumulativeImpactData=async()=>(E(["apiKey","chainId"],this),await D({baseUrl:this.baseUrl,pathParams:{chainId:this.chainId},headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{version:"1.0.0",lang:this.configLang,draftConfig:this.draftConfig}})),this.cumulativeImpactDataController=new z(this,this.getCumulativeImpactData),this.resizeElements=x(()=>{j(this.impactRowRefs)},50,{maxWait:50,leading:!0})}get configLang(){return L[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.resizeElements)}async updated(e){const t=["chainId","baseUrl","lang"];for(const i of t)if(e.has(i)){await this.cumulativeImpactDataController.exec();break}this.resizeElements()}render(){const{data:e,error:t,loading:i}=this.cumulativeImpactDataController;return i?V():t?this.debug?f({error:t}):"":e==null?this.debug?f({error:new $("Missing data")}):"":u`
+import{t as C,h as b,y as u,g as m,f as y,p as I}from"../chunks/lit-WqMxC_PA.esm.js";import{d as x}from"../chunks/lodash-D3TLHRR_.esm.js";import{c as T,d as S,e as E}from"../chunks/enforce-config-Ba1JkOHs.esm.js";import{u as p,A as z,_ as f,i as d,d as h,a as B}from"../chunks/localize-C25pEGnx.esm.js";import{D as k,i as D,S as L}from"../chunks/routes-BvX92EDq.esm.js";import{B as $}from"../chunks/beam-errors-Ci0d3926.esm.js";import{_ as V}from"../chunks/loading-template-DG4lkIIc.esm.js";import{i as A}from"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../utils/logger.js";import"../chunks/promo-types-DKAOFHJr.esm.js";var R=Object.defineProperty,v=(n,e,t,i)=>{for(var a=void 0,o=n.length-1,s;o>=0;o--)(s=n[o])&&(a=s(e,t,a)||a);return a&&R(e,t,a),a};class l extends b{constructor(){super(...arguments),this.finalValue=0,this.duration=1500,this.counter=0,this.intervalId=0,this.handleCounterAnimateIfInView=e=>{e.some(t=>t.isIntersecting)&&(this.animateCounter(),this.unobserveScrollTarget())},this.animateCounter=()=>{const e=41.666666666666664,t=e/this.duration*this.finalValue;this.intervalId=setInterval(()=>{const i=this.counter+t;if(i>=this.finalValue){this.counter=this.finalValue,clearInterval(this.intervalId);return}else this.counter=i},e)},this.observer=new IntersectionObserver(this.handleCounterAnimateIfInView,{threshold:.1}),this.observeScrollTarget=()=>{const e=this.scrollTargetElement;e&&this.observer.observe(e)},this.unobserveScrollTarget=()=>{const e=this.scrollTargetElement;e&&this.observer.unobserve(e)}}connectedCallback(){super.connectedCallback();const e=window.matchMedia("(prefers-reduced-motion: reduce)").matches;this.duration===0||e?this.counter=this.finalValue:this.observeScrollTarget()}disconnectedCallback(){super.disconnectedCallback(),this.unobserveScrollTarget(),clearInterval(this.intervalId)}get scrollTargetElement(){return this.scrollTarget?document.querySelector(this.scrollTarget):this}render(){return u`${Math.ceil(this.counter).toLocaleString()}`}}v([m({type:Number})],l.prototype,"finalValue"),v([m({type:Number})],l.prototype,"duration"),v([m({type:String})],l.prototype,"scrollTarget"),v([C()],l.prototype,"counter"),customElements.get("animated-counter")||customElements.define("animated-counter",l);const j=n=>{const e=n instanceof NodeList?Array.from(n):n;if(e.length===0||!A(e))return;const t=e.sort((a,o)=>{const s=getComputedStyle(a).getPropertyValue("width").replace("px",""),g=getComputedStyle(o).getPropertyValue("width").replace("px","");return parseInt(g)-parseInt(s)})[0],i=getComputedStyle(t).getPropertyValue("width");for(const a of e)getComputedStyle(a).getPropertyValue("width")!==i&&(a.style.width=i)},w={en:{cumulativeImpactTitle:()=>"What we've funded",cumulativeImpactDescription:()=>"Here's the impact that our community has made so far in partnership with Beam. Our impact is growing every day\u2014 scroll to check out the goals we're working toward together right now."},fr:{cumulativeImpactTitle:()=>"Ce que nous avons financ\xE9",cumulativeImpactDescription:()=>"Voici l'impact que notre communaut\xE9 a eu jusqu'\xE0 pr\xE9sent en partenariat avec Beam. Notre impact grandit chaque jour : faites d\xE9filer pour d\xE9couvrir les objectifs vers lesquels nous travaillons ensemble en ce moment."},de:{cumulativeImpactTitle:()=>"Was wir finanziert haben",cumulativeImpactDescription:()=>"Hier ist die Wirkung, die unsere Community bisher in Zusammenarbeit mit Beam erzielt hat. Unsere Wirkung w\xE4chst von Tag zu Tag - scrollen Sie, um einen Blick auf die Ziele zu werfen, auf die wir derzeit gemeinsam hinarbeiten."},es:{cumulativeImpactTitle:()=>"Lo que hemos financiado",cumulativeImpactDescription:()=>"Este es el impacto que nuestra comunidad ha tenido hasta ahora en asociaci\xF3n con Beam. Nuestro impacto crece cada d\xEDa; despl\xE1cese para ver los objetivos por los que estamos trabajando juntos en este momento."},it:{cumulativeImpactTitle:()=>"Cosa abbiamo finanziato",cumulativeImpactDescription:()=>"Ecco l'impatto che la nostra comunit\xE0 ha avuto finora in collaborazione con Beam. Il nostro impatto cresce ogni giorno: scorri per scoprire gli obiettivi a cui stiamo lavorando insieme in questo momento."},pl:{cumulativeImpactTitle:()=>"Co sfinansowali\u015Bmy",cumulativeImpactDescription:()=>"Oto wp\u0142yw, jaki nasza spo\u0142eczno\u015B\u0107 wywar\u0142a dotychczas we wsp\xF3\u0142pracy z Beam. Nasz wp\u0142yw ro\u015Bnie z ka\u017Cdym dniem \u2014 przewi\u0144, aby sprawdzi\u0107 cele, nad kt\xF3rymi obecnie wsp\xF3lnie pracujemy."},ja:{cumulativeImpactTitle:()=>"What we've funded",cumulativeImpactDescription:()=>"Here's the impact that our community has made so far in partnership with Beam. Our impact is growing every day\u2014 scroll to check out the goals we're working toward together right now."}};var q=Object.defineProperty,c=(n,e,t,i)=>{for(var a=void 0,o=n.length-1,s;o>=0;o--)(s=n[o])&&(a=s(e,t,a)||a);return a&&q(e,t,a),a};const U=1.5*1e3;class r extends b{constructor(){super(...arguments),this.baseUrl=k,this.lang="en",this.disableAnimation=!1,this.debug=!1,this.draftConfig=!1,this.getCumulativeImpactData=async()=>(E(["apiKey","chainId"],this),await D({baseUrl:this.baseUrl,pathParams:{chainId:this.chainId},headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{version:"1.0.0",lang:this.configLang,draftConfig:this.draftConfig}})),this.cumulativeImpactDataController=new z(this,this.getCumulativeImpactData),this.resizeElements=x(()=>{j(this.impactRowRefs)},50,{maxWait:50,leading:!0})}get configLang(){return L[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.resizeElements)}async updated(e){const t=["chainId","baseUrl","lang"];for(const i of t)if(e.has(i)){await this.cumulativeImpactDataController.exec();break}this.resizeElements()}render(){const{data:e,error:t,loading:i}=this.cumulativeImpactDataController;return i?V():t?this.debug?f({error:t}):"":e==null?this.debug?f({error:new $("Missing data")}):"":u`
       <style>
         :host {
           ${this.cssVariables.toCSS()}

package/dist/components/cumulative-impact.js.map

@@ -1 +1 @@
-{"version":3,"file":"cumulative-impact.js","sources":["../../src/shared/components/animated-counter/index.ts","../../src/shared/sync-element-widths.ts","../../src/components/cumulative-impact/strings.ts","../../src/components/cumulative-impact/index.ts"],"sourcesContent":["import { html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { state } from \"lit/decorators.js\";\n\nexport class AnimatedCounter extends LitElement {\n  @property({ type: Number }) finalValue = 0;\n  @property({ type: Number }) duration = 1500;\n  @property({ type: String }) scrollTarget?: string;\n\n  @state() protected counter = 0;\n  private intervalId = 0;\n\n  connectedCallback() {\n    super.connectedCallback();\n    const userPrefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n    if (this.duration === 0 || userPrefersReducedMotion) {\n      this.counter = this.finalValue;\n    } else {\n      this.observeScrollTarget();\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.unobserveScrollTarget();\n    clearInterval(this.intervalId);\n  }\n\n  private handleCounterAnimateIfInView: IntersectionObserverCallback = (entries) => {\n    if (entries.some((entry) => entry.isIntersecting)) {\n      this.animateCounter();\n      this.unobserveScrollTarget();\n    }\n  };\n\n  private animateCounter = () => {\n    const ANIMATION_FRAME_RATE = 24;\n    const MS_PER_FRAME = 1000 / ANIMATION_FRAME_RATE;\n    const INCREMENT_RATE_PER_FRAME = MS_PER_FRAME / this.duration;\n    const COUNTER_INCREMENT_PER_FRAME = INCREMENT_RATE_PER_FRAME * this.finalValue;\n\n    this.intervalId = setInterval(() => {\n      const result = this.counter + COUNTER_INCREMENT_PER_FRAME;\n      if (result >= this.finalValue) {\n        this.counter = this.finalValue;\n        clearInterval(this.intervalId);\n        return;\n      } else {\n        this.counter = result;\n      }\n    }, MS_PER_FRAME);\n  };\n\n  private observer = new IntersectionObserver(this.handleCounterAnimateIfInView, {\n    threshold: 0.1,\n  });\n\n  private observeScrollTarget = () => {\n    const target = this.scrollTargetElement;\n    target && this.observer.observe(target);\n  };\n\n  private unobserveScrollTarget = () => {\n    const target = this.scrollTargetElement;\n    target && this.observer.unobserve(target);\n  };\n\n  get scrollTargetElement(): this | Element | null {\n    if (this.scrollTarget) {\n      return document.querySelector(this.scrollTarget);\n    } else {\n      return this;\n    }\n  }\n\n  render() {\n    return html`${Math.ceil(this.counter).toLocaleString()}`;\n  }\n}\n\ncustomElements.get(\"animated-counter\") || customElements.define(\"animated-counter\", AnimatedCounter);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"animated-counter\": AnimatedCounter;\n  }\n}\n","import { isAllHtmlElements } from \"./is-all-html-elements\";\n\n/**\n * Synchronize widths of elements\n * @param {Array<HTMLElement|null>} elements - Elements to synchronize\n */\nexport const syncElementWidths = (elements: Array<HTMLElement | null> | NodeList) => {\n  const els = elements instanceof NodeList ? Array.from(elements) : elements;\n\n  if (els.length === 0 || !isAllHtmlElements(els)) {\n    return;\n  }\n\n  const widthSource = els.sort((a, b) => {\n    const widthA = getComputedStyle(a).getPropertyValue(\"width\").replace(\"px\", \"\");\n    const widthB = getComputedStyle(b).getPropertyValue(\"width\").replace(\"px\", \"\");\n    return parseInt(widthB) - parseInt(widthA);\n  })[0];\n\n  const syncedWidth = getComputedStyle(widthSource).getPropertyValue(\"width\");\n\n  for (const el of els) {\n    if (getComputedStyle(el).getPropertyValue(\"width\") !== syncedWidth) {\n      el.style[\"width\"] = syncedWidth;\n    }\n  }\n};\n","export const strings = {\n  en: {\n    cumulativeImpactTitle: () => `What we've funded`,\n    cumulativeImpactDescription: () =>\n      \"Here's the impact that our community has made so far in partnership with Beam. Our impact is growing every day— scroll to check out the goals we're working toward together right now.\",\n  },\n  fr: {\n    cumulativeImpactTitle: () => `Ce que nous avons financé`,\n    cumulativeImpactDescription: () =>\n      \"Voici l'impact que notre communauté a eu jusqu'à présent en partenariat avec Beam. Notre impact grandit chaque jour : faites défiler pour découvrir les objectifs vers lesquels nous travaillons ensemble en ce moment.\",\n  },\n  de: {\n    cumulativeImpactTitle: () => `Was wir finanziert haben`,\n    cumulativeImpactDescription: () =>\n      \"Hier ist die Wirkung, die unsere Community bisher in Zusammenarbeit mit Beam erzielt hat. Unsere Wirkung wächst von Tag zu Tag - scrollen Sie, um einen Blick auf die Ziele zu werfen, auf die wir derzeit gemeinsam hinarbeiten.\",\n  },\n  es: {\n    cumulativeImpactTitle: () => `Lo que hemos financiado`,\n    cumulativeImpactDescription: () =>\n      \"Este es el impacto que nuestra comunidad ha tenido hasta ahora en asociación con Beam. Nuestro impacto crece cada día; desplácese para ver los objetivos por los que estamos trabajando juntos en este momento.\",\n  },\n  it: {\n    cumulativeImpactTitle: () => `Cosa abbiamo finanziato`,\n    cumulativeImpactDescription: () =>\n      \"Ecco l'impatto che la nostra comunità ha avuto finora in collaborazione con Beam. Il nostro impatto cresce ogni giorno: scorri per scoprire gli obiettivi a cui stiamo lavorando insieme in questo momento.\",\n  },\n  pl: {\n    cumulativeImpactTitle: () => `Co sfinansowaliśmy`,\n    cumulativeImpactDescription: () =>\n      \"Oto wpływ, jaki nasza społeczność wywarła dotychczas we współpracy z Beam. Nasz wpływ rośnie z każdym dniem — przewiń, aby sprawdzić cele, nad którymi obecnie wspólnie pracujemy.\",\n  },\n  ja: {\n    cumulativeImpactTitle: () => `What we've funded`,\n    cumulativeImpactDescription: () =>\n      \"Here's the impact that our community has made so far in partnership with Beam. Our impact is growing every day— scroll to check out the goals we're working toward together right now.\",\n  },\n};\n","import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { queryAll } from \"lit/decorators/query-all.js\";\nimport debounce from \"lodash-es/debounce\";\nimport \"../../shared/components/animated-counter\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES } from \"../../api-sdk/constants\";\nimport { TNumericId } from \"../../shared/types\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { getCumulativeImpact } from \"../../api-sdk/v3/routes\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { BeamError, MissingConfig } from \"../../utils/beam-errors\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { syncElementWidths } from \"../../shared/sync-element-widths\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { strings } from \"./strings\";\n\ntype RequiredConfig = {\n  apiKey: string;\n  chainId: TNumericId;\n};\n\ntype IAPIV3CumulativeImpact = Awaited<ReturnType<typeof getCumulativeImpact>>;\n\nconst MAX_COUNTER_ANIMATION_DURATION = 1.5 * 1000;\n\nexport class BeamCumulativeImpact extends LitElement {\n  static tagName = \"beam-cumulative-impact\";\n\n  @property({ type: String }) public apiKey?: RequiredConfig[\"apiKey\"];\n\n  @property({ type: Number }) public chainId?: RequiredConfig[\"chainId\"];\n\n  @property({ type: String }) public baseUrl = DEFAULT_BASE_URL;\n\n  @property({ type: String }) public lang: LANGUAGES = \"en\";\n\n  @property({ type: Boolean }) public disableAnimation = false;\n\n  @property({ type: Boolean }) public debug = false;\n\n  @property({ type: Boolean }) public draftConfig = false;\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  private getCumulativeImpactData = async () => {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"chainId\"], this)) {\n      throw new MissingConfig();\n    }\n    const res = await getCumulativeImpact({\n      baseUrl: this.baseUrl,\n      pathParams: {\n        chainId: this.chainId,\n      },\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      queryParams: {\n        version: \"1.0.0\",\n        lang: this.configLang,\n        draftConfig: this.draftConfig,\n      },\n    });\n\n    return res;\n  };\n\n  private cumulativeImpactDataController = new AsyncController<typeof this.getCumulativeImpactData>(\n    this,\n    this.getCumulativeImpactData\n  );\n\n  @queryAll(\".impact-row-value-container\")\n  impactRowRefs!: HTMLElement[];\n  resizeElements = debounce(\n    () => {\n      syncElementWidths(this.impactRowRefs);\n    },\n    50,\n    { maxWait: 50, leading: true }\n  );\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(\"resize\", this.resizeElements);\n  }\n\n  async updated(changedProperties: Map<string, unknown>) {\n    // Reload nonprofit list on change of any of these props:\n    // Also fires on first load as props go from undefined => value\n    const requireNewDataProps = [\"chainId\", \"baseUrl\", \"lang\"];\n    for (const prop of requireNewDataProps) {\n      if (changedProperties.has(prop)) {\n        await this.cumulativeImpactDataController.exec();\n        break;\n      }\n    }\n\n    this.resizeElements();\n  }\n\n  render() {\n    const { data, error, loading } = this.cumulativeImpactDataController;\n    if (loading) {\n      return _loading();\n    }\n    if (error) {\n      if (this.debug) {\n        return _errorMessage({ error });\n      }\n      return \"\";\n    }\n    if (data == null) {\n      if (this.debug) {\n        return _errorMessage({ error: new BeamError(\"Missing data\") });\n      }\n      return \"\";\n    }\n\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n      <div style=\"display: flex; flex-direction: column;\" class=\"root\">\n        <div\n          style=\"margin: 10px 0 0 0;\"\n          tabindex=\"-1\"\n          class=\"options\"\n          part=\"options\"\n          aria-labelledby=\"beam-RedeemTransaction-title\"\n        >\n          ${this.renderCumulativeImpact(data)}\n        </div>\n      </div>\n    `;\n  }\n\n  private renderCumulativeImpact(data: IAPIV3CumulativeImpact) {\n    const rawValues = data.impacts ? data.impacts?.map((impact) => impact.value || 0) : [];\n    const maxRawValue = Math.max(...rawValues);\n    const durations = rawValues.map(\n      (val) => (MAX_COUNTER_ANIMATION_DURATION * Math.log(Math.max(val, 1))) / Math.log(maxRawValue)\n    );\n    return html`\n      <div class=\"main\">\n        <div class=\"title\" role=\"heading\">\n          ${localizeUserString(this.configLang, data?.config?.web?.title || \"\") ||\n          strings[this.configLang].cumulativeImpactTitle()}\n        </div>\n        <p class=\"description\">\n          ${localizeUserString(this.configLang, data?.config?.web?.description || \"\") ||\n          strings[this.configLang].cumulativeImpactDescription()}\n        </p>\n        <div class=\"impact-list\">\n          ${data.impacts?.map((impact: any, idx: number) => {\n            return this.renderCumulativeImpactRow({ impact, animationDuration: durations[idx] });\n          })}\n        </div>\n      </div>\n    `;\n  }\n\n  private renderCumulativeImpactRow({ impact, animationDuration }: { impact: any; animationDuration: number }) {\n    const disableAnimation = this.cumulativeImpactDataController.data?.config?.web.disableAnimation;\n    const floatingCounterClass = \"impact-row-value-counter impact-row-value-floating-counter\";\n    const duration = disableAnimation ? 0 : animationDuration;\n\n    const unitDisplay = localizeUserString(this.configLang, impact.unit || \"\");\n    const summaryDisplay = localizeUserString(this.configLang, impact.summary || \"\");\n\n    /**\n     * because we set the width using JavaScript by forcing all impact-row-value-container elements\n     * to match the width of the widest sibling, we use a hidden span with the total preloaded to\n     * ensure that impact-row-value-container widths do not change as the animation runs.\n     */\n    return html`\n      <div class=\"impact-row\">\n        <div class=\"impact-row-value-container\">\n          <span class=\"impact-row-value-counter\" style=\"visibility: hidden;\" aria-hidden=\"true\">\n            ${impact.value.toLocaleString()}\n          </span>\n            <animated-counter\n              class=\"${floatingCounterClass}\"\n              finalValue=${impact.value}\n              duration=${duration}\n            ></animated-counter>\n          </span>\n        </div>\n        <div class=\"impact-row-description\">${unitDisplay} ${summaryDisplay}</div>\n      </div>\n    `;\n  }\n\n  public get cssVariables() {\n    const defaults: Record<string, string> = {\n      \"--beam-fontFamily\": \"inherit\",\n      \"--beam-fontStyle\": \"inherit\",\n      \"--beam-fontSize\": \"16px\",\n      \"--beam-lineHeight\": \"1\",\n      \"--beam-textColor\": \"inherit\",\n      // main\n      ...defineCustomText(\"--beam-CumulativeImpact-title\", {\n        fontSize: \"32px\",\n      }),\n      ...defineCustomText(\"--beam-CumulativeImpact-description\", {\n        marginTop: \"16px\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CumulativeImpact-impact-list-marginTop\": \"24px\",\n      \"--beam-CumulativeImpact-row-marginTop\": \"24px\",\n      // row value container\n      \"--beam-CumulativeImpact-row-value-container-borderBottomWidth\": \"4px\",\n      \"--beam-CumulativeImpact-row-value-container-borderBottomColor\": \"currentColor\",\n      \"--beam-CumulativeImpact-row-value-container-paddingTop\": \"0\",\n      \"--beam-CumulativeImpact-row-value-container-paddingRight\": \"20px\",\n      \"--beam-CumulativeImpact-row-value-container-paddingBottom\": \"4px\",\n      \"--beam-CumulativeImpact-row-value-container-paddingLeft\": \"20px\",\n      // row value counter\n      ...defineCustomText(\"--beam-CumulativeImpact-row-value-counter\", {\n        color: \"currentColor\",\n        fontSize: \"24px\",\n        fontWeight: \"normal\",\n      }),\n      // row description\n      ...defineCustomText(\"--beam-CumulativeImpact-row-description\", {\n        color: \"currentColor\",\n        fontSize: \"16px\",\n        fontWeight: \"normal\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CumulativeImpact-row-description-paddingLeft\": \"24px\",\n      \"--beam-CumulativeImpact-row-description-paddingRight\": \"24px\",\n      \"--beam-CumulativeImpact-row-description-mobile-marginTop\": \"12px\",\n    };\n\n    const remoteConfig = this.cumulativeImpactDataController.data?.config?.web?.theme || {};\n\n    const config = { ...defaults, ...remoteConfig };\n\n    const serializable = Object.create({\n      toCSS() {\n        return _cssVariableMap(this as Record<string, string>);\n      },\n    });\n\n    return Object.assign(serializable, config);\n  }\n\n  static styles = [\n    cssReset,\n    css`\n      :host {\n        display: block;\n        font-family: var(--beam-fontFamily, inherit);\n        font-style: var(--beam-fontStyle, inherit);\n        font-size: var(--beam-fontSize, inherit);\n        color: var(--beam-textColor, inherit);\n        background-color: var(--beam-backgroundColor, inherit);\n        line-height: var(--beam-lineHeight, 1);\n        word-break: normal;\n      }\n      .main {\n        text-align: left;\n      }\n      .title {\n        ${useCustomText(\"--beam-CumulativeImpact-title\")}\n        text-align: inherit;\n      }\n      .description {\n        ${useCustomText(\"--beam-CumulativeImpact-description\")}\n        text-align: inherit;\n      }\n      .impact-list {\n        display: flex;\n        flex-direction: column;\n        margin-top: var(--beam-CumulativeImpact-impact-list-marginTop);\n      }\n      .impact-row {\n        display: flex;\n        align-items: center;\n        margin-top: var(--beam-CumulativeImpact-row-marginTop);\n      }\n      .impact-row-value-container {\n        position: relative;\n        border-bottom-width: var(--beam-CumulativeImpact-row-value-container-borderBottomWidth);\n        border-bottom-color: var(--beam-CumulativeImpact-row-value-container-borderBottomColor);\n        border-bottom-style: solid;\n        padding-top: var(--beam-CumulativeImpact-row-value-container-paddingTop);\n        padding-right: var(--beam-CumulativeImpact-row-value-container-paddingRight);\n        padding-bottom: var(--beam-CumulativeImpact-row-value-container-paddingBottom);\n        padding-left: var(--beam-CumulativeImpact-row-value-container-paddingLeft);\n        text-align: center;\n        flex-shrink: 0;\n      }\n      .impact-row-value-counter {\n        ${useCustomText(\"--beam-CumulativeImpact-row-value-counter\")}\n      }\n      .impact-row-value-floating-counter {\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n      }\n      .impact-row-description {\n        ${useCustomText(\"--beam-CumulativeImpact-row-description\")}\n        padding-left: var(--beam-CumulativeImpact-row-description-paddingLeft);\n        padding-right: var(--beam-CumulativeImpact-row-description-paddingRight);\n        /* match padding of value of counter for proper centering */\n        padding-bottom: var(--beam-CumulativeImpact-row-value-paddingBottom);\n        text-align: inherit;\n        flex-grow: 1;\n      }\n      @media (max-width: 500px) {\n        .main {\n          text-align: center;\n        }\n        .impact-row {\n          flex-direction: column;\n        }\n        .impact-row-description {\n          margin-top: var(--beam-CumulativeImpact-row-description-mobile-marginTop);\n          padding-bottom: 0;\n        }\n      }\n    `,\n  ];\n}\n\ndefineCustomElement(BeamCumulativeImpact);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-cumulative-impact\": BeamCumulativeImpact;\n  }\n}\n"],"names":["AnimatedCounter","LitElement","entries","entry","MS_PER_FRAME","COUNTER_INCREMENT_PER_FRAME","result","target","userPrefersReducedMotion","html","__decorateClass","property","state","syncElementWidths","elements","els","isAllHtmlElements","widthSource","a","b","widthA","widthB","syncedWidth","el","strings","f","r","s","m","e","MAX_COUNTER_ANIMATION_DURATION","BeamCumulativeImpact","DEFAULT_BASE_URL","enforceConfig","getCumulativeImpact","AsyncController","debounce","SUPPORTED_LANGUAGES","changedProperties","requireNewDataProps","prop","data","error","loading","_loading","_errorMessage","BeamError","rawValues","impact","maxRawValue","durations","val","localizeUserString","idx","animationDuration","disableAnimation","floatingCounterClass","duration","unitDisplay","summaryDisplay","defaults","defineCustomText","remoteConfig","config","_cssVariableMap","cssReset","css","useCustomText","queryAll","defineCustomElement"],"mappings":"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"}
+{"version":3,"file":"cumulative-impact.js","sources":["../../src/shared/components/animated-counter/index.ts","../../src/shared/sync-element-widths.ts","../../src/components/cumulative-impact/strings.ts","../../src/components/cumulative-impact/index.ts"],"sourcesContent":["import { html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { state } from \"lit/decorators.js\";\n\nexport class AnimatedCounter extends LitElement {\n  @property({ type: Number }) finalValue = 0;\n  @property({ type: Number }) duration = 1500;\n  @property({ type: String }) scrollTarget?: string;\n\n  @state() protected counter = 0;\n  private intervalId = 0;\n\n  connectedCallback() {\n    super.connectedCallback();\n    const userPrefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n    if (this.duration === 0 || userPrefersReducedMotion) {\n      this.counter = this.finalValue;\n    } else {\n      this.observeScrollTarget();\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.unobserveScrollTarget();\n    clearInterval(this.intervalId);\n  }\n\n  private handleCounterAnimateIfInView: IntersectionObserverCallback = (entries) => {\n    if (entries.some((entry) => entry.isIntersecting)) {\n      this.animateCounter();\n      this.unobserveScrollTarget();\n    }\n  };\n\n  private animateCounter = () => {\n    const ANIMATION_FRAME_RATE = 24;\n    const MS_PER_FRAME = 1000 / ANIMATION_FRAME_RATE;\n    const INCREMENT_RATE_PER_FRAME = MS_PER_FRAME / this.duration;\n    const COUNTER_INCREMENT_PER_FRAME = INCREMENT_RATE_PER_FRAME * this.finalValue;\n\n    this.intervalId = setInterval(() => {\n      const result = this.counter + COUNTER_INCREMENT_PER_FRAME;\n      if (result >= this.finalValue) {\n        this.counter = this.finalValue;\n        clearInterval(this.intervalId);\n        return;\n      } else {\n        this.counter = result;\n      }\n    }, MS_PER_FRAME);\n  };\n\n  private observer = new IntersectionObserver(this.handleCounterAnimateIfInView, {\n    threshold: 0.1,\n  });\n\n  private observeScrollTarget = () => {\n    const target = this.scrollTargetElement;\n    target && this.observer.observe(target);\n  };\n\n  private unobserveScrollTarget = () => {\n    const target = this.scrollTargetElement;\n    target && this.observer.unobserve(target);\n  };\n\n  get scrollTargetElement(): this | Element | null {\n    if (this.scrollTarget) {\n      return document.querySelector(this.scrollTarget);\n    } else {\n      return this;\n    }\n  }\n\n  render() {\n    return html`${Math.ceil(this.counter).toLocaleString()}`;\n  }\n}\n\ncustomElements.get(\"animated-counter\") || customElements.define(\"animated-counter\", AnimatedCounter);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"animated-counter\": AnimatedCounter;\n  }\n}\n","import { isAllHtmlElements } from \"./is-all-html-elements\";\n\n/**\n * Synchronize widths of elements\n * @param {Array<HTMLElement|null>} elements - Elements to synchronize\n */\nexport const syncElementWidths = (elements: Array<HTMLElement | null> | NodeList) => {\n  const els = elements instanceof NodeList ? Array.from(elements) : elements;\n\n  if (els.length === 0 || !isAllHtmlElements(els)) {\n    return;\n  }\n\n  const widthSource = els.sort((a, b) => {\n    const widthA = getComputedStyle(a).getPropertyValue(\"width\").replace(\"px\", \"\");\n    const widthB = getComputedStyle(b).getPropertyValue(\"width\").replace(\"px\", \"\");\n    return parseInt(widthB) - parseInt(widthA);\n  })[0];\n\n  const syncedWidth = getComputedStyle(widthSource).getPropertyValue(\"width\");\n\n  for (const el of els) {\n    if (getComputedStyle(el).getPropertyValue(\"width\") !== syncedWidth) {\n      el.style[\"width\"] = syncedWidth;\n    }\n  }\n};\n","export const strings = {\n  en: {\n    cumulativeImpactTitle: () => `What we've funded`,\n    cumulativeImpactDescription: () =>\n      \"Here's the impact that our community has made so far in partnership with Beam. Our impact is growing every day— scroll to check out the goals we're working toward together right now.\",\n  },\n  fr: {\n    cumulativeImpactTitle: () => `Ce que nous avons financé`,\n    cumulativeImpactDescription: () =>\n      \"Voici l'impact que notre communauté a eu jusqu'à présent en partenariat avec Beam. Notre impact grandit chaque jour : faites défiler pour découvrir les objectifs vers lesquels nous travaillons ensemble en ce moment.\",\n  },\n  de: {\n    cumulativeImpactTitle: () => `Was wir finanziert haben`,\n    cumulativeImpactDescription: () =>\n      \"Hier ist die Wirkung, die unsere Community bisher in Zusammenarbeit mit Beam erzielt hat. Unsere Wirkung wächst von Tag zu Tag - scrollen Sie, um einen Blick auf die Ziele zu werfen, auf die wir derzeit gemeinsam hinarbeiten.\",\n  },\n  es: {\n    cumulativeImpactTitle: () => `Lo que hemos financiado`,\n    cumulativeImpactDescription: () =>\n      \"Este es el impacto que nuestra comunidad ha tenido hasta ahora en asociación con Beam. Nuestro impacto crece cada día; desplácese para ver los objetivos por los que estamos trabajando juntos en este momento.\",\n  },\n  it: {\n    cumulativeImpactTitle: () => `Cosa abbiamo finanziato`,\n    cumulativeImpactDescription: () =>\n      \"Ecco l'impatto che la nostra comunità ha avuto finora in collaborazione con Beam. Il nostro impatto cresce ogni giorno: scorri per scoprire gli obiettivi a cui stiamo lavorando insieme in questo momento.\",\n  },\n  pl: {\n    cumulativeImpactTitle: () => `Co sfinansowaliśmy`,\n    cumulativeImpactDescription: () =>\n      \"Oto wpływ, jaki nasza społeczność wywarła dotychczas we współpracy z Beam. Nasz wpływ rośnie z każdym dniem — przewiń, aby sprawdzić cele, nad którymi obecnie wspólnie pracujemy.\",\n  },\n  ja: {\n    cumulativeImpactTitle: () => `What we've funded`,\n    cumulativeImpactDescription: () =>\n      \"Here's the impact that our community has made so far in partnership with Beam. Our impact is growing every day— scroll to check out the goals we're working toward together right now.\",\n  },\n};\n","import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { queryAll } from \"lit/decorators/query-all.js\";\nimport debounce from \"lodash-es/debounce\";\nimport \"../../shared/components/animated-counter\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES } from \"../../api-sdk/constants\";\nimport { TNumericId } from \"../../shared/types\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { getCumulativeImpact } from \"../../api-sdk/v3/routes\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { BeamError, MissingConfig } from \"../../utils/beam-errors\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { syncElementWidths } from \"../../shared/sync-element-widths\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { strings } from \"./strings\";\n\ntype RequiredConfig = {\n  apiKey: string;\n  chainId: TNumericId;\n};\n\ntype IAPIV3CumulativeImpact = Awaited<ReturnType<typeof getCumulativeImpact>>;\n\nconst MAX_COUNTER_ANIMATION_DURATION = 1.5 * 1000;\n\nexport class BeamCumulativeImpact extends LitElement {\n  static tagName = \"beam-cumulative-impact\";\n\n  @property({ type: String }) public apiKey?: RequiredConfig[\"apiKey\"];\n\n  @property({ type: Number }) public chainId?: RequiredConfig[\"chainId\"];\n\n  @property({ type: String }) public baseUrl = DEFAULT_BASE_URL;\n\n  @property({ type: String }) public lang: LANGUAGES = \"en\";\n\n  @property({ type: Boolean }) public disableAnimation = false;\n\n  @property({ type: Boolean }) public debug = false;\n\n  @property({ type: Boolean }) public draftConfig = false;\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  private getCumulativeImpactData = async () => {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"chainId\"], this)) {\n      throw new MissingConfig();\n    }\n    const res = await getCumulativeImpact({\n      baseUrl: this.baseUrl,\n      pathParams: {\n        chainId: this.chainId,\n      },\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      queryParams: {\n        version: \"1.0.0\",\n        lang: this.configLang,\n        draftConfig: this.draftConfig,\n      },\n    });\n\n    return res;\n  };\n\n  private cumulativeImpactDataController = new AsyncController<typeof this.getCumulativeImpactData>(\n    this,\n    this.getCumulativeImpactData\n  );\n\n  @queryAll(\".impact-row-value-container\")\n  impactRowRefs!: HTMLElement[];\n  resizeElements = debounce(\n    () => {\n      syncElementWidths(this.impactRowRefs);\n    },\n    50,\n    { maxWait: 50, leading: true }\n  );\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(\"resize\", this.resizeElements);\n  }\n\n  async updated(changedProperties: Map<string, unknown>) {\n    // Reload nonprofit list on change of any of these props:\n    // Also fires on first load as props go from undefined => value\n    const requireNewDataProps = [\"chainId\", \"baseUrl\", \"lang\"];\n    for (const prop of requireNewDataProps) {\n      if (changedProperties.has(prop)) {\n        await this.cumulativeImpactDataController.exec();\n        break;\n      }\n    }\n\n    this.resizeElements();\n  }\n\n  render() {\n    const { data, error, loading } = this.cumulativeImpactDataController;\n    if (loading) {\n      return _loading();\n    }\n    if (error) {\n      if (this.debug) {\n        return _errorMessage({ error });\n      }\n      return \"\";\n    }\n    if (data == null) {\n      if (this.debug) {\n        return _errorMessage({ error: new BeamError(\"Missing data\") });\n      }\n      return \"\";\n    }\n\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n      <div style=\"display: flex; flex-direction: column;\" class=\"root\">\n        <div\n          style=\"margin: 10px 0 0 0;\"\n          tabindex=\"-1\"\n          class=\"options\"\n          part=\"options\"\n          aria-labelledby=\"beam-RedeemTransaction-title\"\n        >\n          ${this.renderCumulativeImpact(data)}\n        </div>\n      </div>\n    `;\n  }\n\n  private renderCumulativeImpact(data: IAPIV3CumulativeImpact) {\n    const rawValues = data.impacts ? data.impacts?.map((impact) => impact.value || 0) : [];\n    const maxRawValue = Math.max(...rawValues);\n    const durations = rawValues.map(\n      (val) => (MAX_COUNTER_ANIMATION_DURATION * Math.log(Math.max(val, 1))) / Math.log(maxRawValue)\n    );\n    return html`\n      <div class=\"main\">\n        <div class=\"title\" role=\"heading\">\n          ${localizeUserString(this.configLang, data?.config?.web?.title || \"\") ||\n          strings[this.configLang].cumulativeImpactTitle()}\n        </div>\n        <p class=\"description\">\n          ${localizeUserString(this.configLang, data?.config?.web?.description || \"\") ||\n          strings[this.configLang].cumulativeImpactDescription()}\n        </p>\n        <div class=\"impact-list\">\n          ${data.impacts?.map((impact: any, idx: number) => {\n            return this.renderCumulativeImpactRow({ impact, animationDuration: durations[idx] });\n          })}\n        </div>\n      </div>\n    `;\n  }\n\n  private renderCumulativeImpactRow({ impact, animationDuration }: { impact: any; animationDuration: number }) {\n    const disableAnimation = this.cumulativeImpactDataController.data?.config?.web.disableAnimation;\n    const floatingCounterClass = \"impact-row-value-counter impact-row-value-floating-counter\";\n    const duration = disableAnimation ? 0 : animationDuration;\n\n    const unitDisplay = localizeUserString(this.configLang, impact.unit || \"\");\n    const summaryDisplay = localizeUserString(this.configLang, impact.summary || \"\");\n\n    /**\n     * because we set the width using JavaScript by forcing all impact-row-value-container elements\n     * to match the width of the widest sibling, we use a hidden span with the total preloaded to\n     * ensure that impact-row-value-container widths do not change as the animation runs.\n     */\n    return html`\n      <div class=\"impact-row\">\n        <div class=\"impact-row-value-container\">\n          <span class=\"impact-row-value-counter\" style=\"visibility: hidden;\" aria-hidden=\"true\">\n            ${impact.value.toLocaleString()}\n          </span>\n            <animated-counter\n              class=\"${floatingCounterClass}\"\n              finalValue=${impact.value}\n              duration=${duration}\n            ></animated-counter>\n          </span>\n        </div>\n        <div class=\"impact-row-description\">${unitDisplay} ${summaryDisplay}</div>\n      </div>\n    `;\n  }\n\n  public get cssVariables() {\n    const defaults: Record<string, string> = {\n      \"--beam-fontFamily\": \"inherit\",\n      \"--beam-fontStyle\": \"inherit\",\n      \"--beam-fontSize\": \"16px\",\n      \"--beam-lineHeight\": \"1\",\n      \"--beam-textColor\": \"inherit\",\n      // main\n      ...defineCustomText(\"--beam-CumulativeImpact-title\", {\n        fontSize: \"32px\",\n      }),\n      ...defineCustomText(\"--beam-CumulativeImpact-description\", {\n        marginTop: \"16px\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CumulativeImpact-impact-list-marginTop\": \"24px\",\n      \"--beam-CumulativeImpact-row-marginTop\": \"24px\",\n      // row value container\n      \"--beam-CumulativeImpact-row-value-container-borderBottomWidth\": \"4px\",\n      \"--beam-CumulativeImpact-row-value-container-borderBottomColor\": \"currentColor\",\n      \"--beam-CumulativeImpact-row-value-container-paddingTop\": \"0\",\n      \"--beam-CumulativeImpact-row-value-container-paddingRight\": \"20px\",\n      \"--beam-CumulativeImpact-row-value-container-paddingBottom\": \"4px\",\n      \"--beam-CumulativeImpact-row-value-container-paddingLeft\": \"20px\",\n      // row value counter\n      ...defineCustomText(\"--beam-CumulativeImpact-row-value-counter\", {\n        color: \"currentColor\",\n        fontSize: \"24px\",\n        fontWeight: \"normal\",\n      }),\n      // row description\n      ...defineCustomText(\"--beam-CumulativeImpact-row-description\", {\n        color: \"currentColor\",\n        fontSize: \"16px\",\n        fontWeight: \"normal\",\n        lineHeight: \"1.3\",\n      }),\n      \"--beam-CumulativeImpact-row-description-paddingLeft\": \"24px\",\n      \"--beam-CumulativeImpact-row-description-paddingRight\": \"24px\",\n      \"--beam-CumulativeImpact-row-description-mobile-marginTop\": \"12px\",\n    };\n\n    const remoteConfig = this.cumulativeImpactDataController.data?.config?.web?.theme || {};\n\n    const config = { ...defaults, ...remoteConfig };\n\n    const serializable = Object.create({\n      toCSS() {\n        return _cssVariableMap(this as Record<string, string>);\n      },\n    });\n\n    return Object.assign(serializable, config);\n  }\n\n  static styles = [\n    cssReset,\n    css`\n      :host {\n        display: block;\n        font-family: var(--beam-fontFamily, inherit);\n        font-style: var(--beam-fontStyle, inherit);\n        font-size: var(--beam-fontSize, inherit);\n        color: var(--beam-textColor, inherit);\n        background-color: var(--beam-backgroundColor, inherit);\n        line-height: var(--beam-lineHeight, 1);\n        word-break: normal;\n      }\n      .main {\n        text-align: left;\n      }\n      .title {\n        ${useCustomText(\"--beam-CumulativeImpact-title\")}\n        text-align: inherit;\n      }\n      .description {\n        ${useCustomText(\"--beam-CumulativeImpact-description\")}\n        text-align: inherit;\n      }\n      .impact-list {\n        display: flex;\n        flex-direction: column;\n        margin-top: var(--beam-CumulativeImpact-impact-list-marginTop);\n      }\n      .impact-row {\n        display: flex;\n        align-items: center;\n        margin-top: var(--beam-CumulativeImpact-row-marginTop);\n      }\n      .impact-row-value-container {\n        position: relative;\n        border-bottom-width: var(--beam-CumulativeImpact-row-value-container-borderBottomWidth);\n        border-bottom-color: var(--beam-CumulativeImpact-row-value-container-borderBottomColor);\n        border-bottom-style: solid;\n        padding-top: var(--beam-CumulativeImpact-row-value-container-paddingTop);\n        padding-right: var(--beam-CumulativeImpact-row-value-container-paddingRight);\n        padding-bottom: var(--beam-CumulativeImpact-row-value-container-paddingBottom);\n        padding-left: var(--beam-CumulativeImpact-row-value-container-paddingLeft);\n        text-align: center;\n        flex-shrink: 0;\n      }\n      .impact-row-value-counter {\n        ${useCustomText(\"--beam-CumulativeImpact-row-value-counter\")}\n      }\n      .impact-row-value-floating-counter {\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n      }\n      .impact-row-description {\n        ${useCustomText(\"--beam-CumulativeImpact-row-description\")}\n        padding-left: var(--beam-CumulativeImpact-row-description-paddingLeft);\n        padding-right: var(--beam-CumulativeImpact-row-description-paddingRight);\n        /* match padding of value of counter for proper centering */\n        padding-bottom: var(--beam-CumulativeImpact-row-value-paddingBottom);\n        text-align: inherit;\n        flex-grow: 1;\n      }\n      @media (max-width: 500px) {\n        .main {\n          text-align: center;\n        }\n        .impact-row {\n          flex-direction: column;\n        }\n        .impact-row-description {\n          margin-top: var(--beam-CumulativeImpact-row-description-mobile-marginTop);\n          padding-bottom: 0;\n        }\n      }\n    `,\n  ];\n}\n\ndefineCustomElement(BeamCumulativeImpact);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-cumulative-impact\": BeamCumulativeImpact;\n  }\n}\n"],"names":["AnimatedCounter","LitElement","entries","entry","MS_PER_FRAME","COUNTER_INCREMENT_PER_FRAME","result","target","userPrefersReducedMotion","html","__decorateClass","property","state","syncElementWidths","elements","els","isAllHtmlElements","widthSource","a","b","widthA","widthB","syncedWidth","el","strings","f","r","s","m","e","MAX_COUNTER_ANIMATION_DURATION","BeamCumulativeImpact","DEFAULT_BASE_URL","enforceConfig","getCumulativeImpact","AsyncController","debounce","SUPPORTED_LANGUAGES","changedProperties","requireNewDataProps","prop","data","error","loading","_loading","_errorMessage","BeamError","rawValues","impact","maxRawValue","durations","val","localizeUserString","idx","animationDuration","disableAnimation","floatingCounterClass","duration","unitDisplay","summaryDisplay","defaults","defineCustomText","remoteConfig","config","_cssVariableMap","cssReset","css","useCustomText","queryAll","defineCustomElement"],"mappings":"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"}

package/dist/components/impact-overview.esm.js

@@ -1,4 +1,4 @@
-import{f as k,g as c,p as f,h as N,k as $,y as T}from"../chunks/lit-WqMxC_PA.esm.js";import{d as F}from"../chunks/lodash-D3TLHRR_.esm.js";import{D as U,g as D,W as A,S as R}from"../chunks/routes-DzqKnt5D.esm.js";import{p as j}from"../chunks/progress-bar-DF7UuuHb.esm.js";import{u as s,A as P,i as g,_ as O,d,a as _}from"../chunks/localize-Btu9xYcE.esm.js";import{c as V,d as W,e as G}from"../chunks/enforce-config-CZ3ToOgr.esm.js";import{_ as K}from"../chunks/loading-template-DG4lkIIc.esm.js";import{logger as M}from"../utils/logger.esm.js";import"../chunks/_share-dialog-dependencies-C9KUQdZi.esm.js";import{s as h,a as q}from"../chunks/share-button-DOejRGE7.esm.js";import{partnerLogosConfigDefaults as Y}from"./beam-partner-logos.esm.js";import{c as H}from"../chunks/responsive-BR8qUfBa.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-CnN0Q1m3.esm.js";const l={en:{descriptionTitle:({nonprofitName:a="a nonprofit"})=>`You just made an impact for ${a}`,descriptionSubtitle:({brandName:a=""})=>`Check out the impact your ${a} purchase made below.`,yourImpactTitle:()=>"You\u2019re funding",communityImpactTitle:()=>"Together we\u2019re funding",personalImpactLinkCopy:({nonprofitName:a=""})=>`Learn about ${a}`,communityImpactLinkCopy:({brandName:a=""})=>`See all of the ${a} community's impact`,impactShareButton:()=>"Share to Grow Your Impact"},fr:{descriptionTitle:({nonprofitName:a="une organisation"})=>`Vous avez cr\xE9\xE9 un impact pour ${a}`,descriptionSubtitle:({brandName:a=""})=>`D\xE9couvrez ci-dessous l'impact de votre achat ${a}.`,yourImpactTitle:()=>"Vous financez",communityImpactTitle:()=>"Ensemble, nous finan\xE7ons",personalImpactLinkCopy:({nonprofitName:a=""})=>`En savoir plus sur ${a}`,communityImpactLinkCopy:({brandName:a=""})=>`Voir tout l'impact de la communaut\xE9 ${a}`,impactShareButton:()=>"Partagez pour d\xE9velopper votre impact"},de:{descriptionTitle:({nonprofitName:a="eine Organisation"})=>`Du hast einen Beitrag f\xFCr ${a} geleistet`,descriptionSubtitle:({brandName:a=""})=>`Sieh dir unten den Beitrag an, den dein ${a} Einkauf gemacht hat.`,yourImpactTitle:()=>"Du finanzierst",communityImpactTitle:()=>"Gemeinsam finanzieren wir",personalImpactLinkCopy:({nonprofitName:a=""})=>`Mehr \xFCber ${a} erfahren`,communityImpactLinkCopy:({brandName:a=""})=>`Sieh dir den gesamten Beitrag der ${a}-Community an`,impactShareButton:()=>"Teile, um deinen Beitrag zu vergr\xF6\xDFern"},es:{descriptionTitle:({nonprofitName:a="una organizaci\xF3n"})=>`Generaste un impacto para ${a}`,descriptionSubtitle:({brandName:a=""})=>`Mira a continuaci\xF3n el impacto que tu compra de ${a} ha generado.`,yourImpactTitle:()=>"Est\xE1s financiando",communityImpactTitle:()=>"Juntos estamos financiando",personalImpactLinkCopy:({nonprofitName:a=""})=>`Conoce m\xE1s sobre ${a}`,communityImpactLinkCopy:({brandName:a=""})=>`Mira todo el impacto de la comunidad ${a}`,impactShareButton:()=>"Comparte para hacer crecer tu impacto"},it:{descriptionTitle:({nonprofitName:a="un'organizzazione"})=>`Hai creato un impatto per ${a}`,descriptionSubtitle:({brandName:a=""})=>`Scopri qui sotto l'impatto del tuo acquisto ${a}.`,yourImpactTitle:()=>"Stai finanziando",communityImpactTitle:()=>"Insieme stiamo finanziando",personalImpactLinkCopy:({nonprofitName:a=""})=>`Scopri di pi\xF9 su ${a}`,communityImpactLinkCopy:({brandName:a=""})=>`Guarda tutto l'impatto della comunit\xE0 ${a}`,impactShareButton:()=>"Condividi per far crescere il tuo impatto"},pl:{descriptionTitle:({nonprofitName:a="organizacj\u0119"})=>`Wywar\u0142a\u015B_e\u015B wp\u0142yw na ${a}`,descriptionSubtitle:({brandName:a=""})=>`Sprawd\u017A poni\u017Cej, jaki wp\u0142yw mia\u0142 Tw\xF3j zakup ${a}.`,yourImpactTitle:()=>"Finansujesz",communityImpactTitle:()=>"Razem finansujemy",personalImpactLinkCopy:({nonprofitName:a=""})=>`Dowiedz si\u0119 wi\u0119cej o ${a}`,communityImpactLinkCopy:({brandName:a=""})=>`Zobacz ca\u0142y wp\u0142yw spo\u0142eczno\u015Bci ${a}`,impactShareButton:()=>"Udost\u0119pnij, aby powi\u0119kszy\u0107 sw\xF3j wp\u0142yw"},ja:{descriptionTitle:({nonprofitName:a=""})=>`\u3042\u308A\u304C\u3068\u3046\u3054\u3056\u3044\u307E\u3059\uFF01${a}\u3078\u306E\u5BC4\u4ED8\u306B\u3088\u308A\u3001\u4E16\u754C\u306B\u78BA\u304B\u306A\u5909\u5316\u3092\u3082\u305F\u3089\u3057\u307E\u3057\u305F\u3002`,descriptionSubtitle:({brandName:a=""})=>`${a}\u3067\u306E\u3054\u8CFC\u5165\u304C\u3001\u3069\u306E\u3088\u3046\u306B\u4EBA\u3005\u306E\u5F79\u306B\u7ACB\u3064\u304B\u3092\u3054\u78BA\u8A8D\u304F\u3060\u3055\u3044\u3002`,yourImpactTitle:()=>"\u3042\u306A\u305F\u306E\u652F\u63F4\u5B9F\u7E3E",communityImpactTitle:()=>"\u79C1\u305F\u3061\u306F\u5171\u306B\u652F\u63F4\u3057\u3066\u3044\u307E\u3059",personalImpactLinkCopy:({nonprofitName:a=""})=>`${a} \u306B\u3064\u3044\u3066\u8A73\u3057\u304F\u898B\u308B`,communityImpactLinkCopy:({brandName:a=""})=>`${a}\u30B3\u30DF\u30E5\u30CB\u30C6\u30A3\u306E\u6D3B\u52D5\u5B9F\u7E3E\u3092\u3059\u3079\u3066\u898B\u308B `,impactShareButton:()=>"SNS\u3067\u30B7\u30A7\u30A2\u3059\u308B"}};var J=Object.defineProperty,i=(a,e,r,p)=>{for(var n=void 0,m=a.length-1,o;m>=0;m--)(o=a[m])&&(n=o(e,r,n)||n);return n&&J(e,r,n),n};class t extends N{constructor(){super(...arguments),this.baseUrl=U,this.lang="en",this.debug=!1,this.draftConfig=!1,this.getImpactData=async()=>(G(["apiKey","userId","nonprofitId"],this),await D({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{nonprofitId:this.nonprofitId,beamUserId:this.userId,personalImpactLimit:1,communityImpactLimit:1,storeId:this.storeId,widgetName:A.impact_overview,version:"1.0.0",draftConfig:this.draftConfig,lang:this.configLang,discountCodes:this.discountCodes&&this.discountCodes.length>0?this.discountCodes:void 0,transactionId:this.transactionId??void 0}})),this.impactDataController=new P(this,this.getImpactData),this.resizeElements=F(()=>{h(this.impactTitleRefs),h(this.impactDescriptionRefs),h(this.impactLinkRefs),h(this.goalCompletionTextRefs)},50,{maxWait:50,leading:!0})}get configLang(){return R[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.resizeElements)}async updated(e){const r=["baseUrl","storeId","apiKey","userId","lang","discountCodes"];for(const p of r)if(e.has(p)){await this.impactDataController.exec();break}this.resizeElements(),await this.handleFontLoad(this.resizeElements)}disconnectedCallback(){window.removeEventListener("resize",this.resizeElements),document.fonts.removeEventListener("loadingdone",this.resizeElements),super.disconnectedCallback()}async handleFontLoad(e){if(document.fonts.status==="loading")return await document.fonts.ready.catch(r=>M.error(r)),e()}renderCard({imageUrl:e,title:r,percentFunded:p,goalProgressText:n,description:m,urlCopy:o,impactUrl:b,isImage:u,cardType:y,goalCompletionText:v}){return T`
+import{f as k,g as c,p as f,h as N,k as $,y as T}from"../chunks/lit-WqMxC_PA.esm.js";import{d as F}from"../chunks/lodash-D3TLHRR_.esm.js";import{D as U,g as D,W as A,S as R}from"../chunks/routes-DguZveS3.esm.js";import{p as j}from"../chunks/progress-bar-DF7UuuHb.esm.js";import{u as s,A as P,i as g,_ as O,d,a as _}from"../chunks/localize-Btu9xYcE.esm.js";import{c as V,d as W,e as G}from"../chunks/enforce-config-CZ3ToOgr.esm.js";import{_ as K}from"../chunks/loading-template-DG4lkIIc.esm.js";import{logger as M}from"../utils/logger.esm.js";import"../chunks/_share-dialog-dependencies-dHlBUqo0.esm.js";import{s as h,a as q}from"../chunks/share-button-DmjRJmXh.esm.js";import{partnerLogosConfigDefaults as Y}from"./beam-partner-logos.esm.js";import{c as H}from"../chunks/responsive-BR8qUfBa.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-M8cMa6ol.esm.js";const l={en:{descriptionTitle:({nonprofitName:a="a nonprofit"})=>`You just made an impact for ${a}`,descriptionSubtitle:({brandName:a=""})=>`Check out the impact your ${a} purchase made below.`,yourImpactTitle:()=>"You\u2019re funding",communityImpactTitle:()=>"Together we\u2019re funding",personalImpactLinkCopy:({nonprofitName:a=""})=>`Learn about ${a}`,communityImpactLinkCopy:({brandName:a=""})=>`See all of the ${a} community's impact`,impactShareButton:()=>"Share to Grow Your Impact"},fr:{descriptionTitle:({nonprofitName:a="une organisation"})=>`Vous avez cr\xE9\xE9 un impact pour ${a}`,descriptionSubtitle:({brandName:a=""})=>`D\xE9couvrez ci-dessous l'impact de votre achat ${a}.`,yourImpactTitle:()=>"Vous financez",communityImpactTitle:()=>"Ensemble, nous finan\xE7ons",personalImpactLinkCopy:({nonprofitName:a=""})=>`En savoir plus sur ${a}`,communityImpactLinkCopy:({brandName:a=""})=>`Voir tout l'impact de la communaut\xE9 ${a}`,impactShareButton:()=>"Partagez pour d\xE9velopper votre impact"},de:{descriptionTitle:({nonprofitName:a="eine Organisation"})=>`Du hast einen Beitrag f\xFCr ${a} geleistet`,descriptionSubtitle:({brandName:a=""})=>`Sieh dir unten den Beitrag an, den dein ${a} Einkauf gemacht hat.`,yourImpactTitle:()=>"Du finanzierst",communityImpactTitle:()=>"Gemeinsam finanzieren wir",personalImpactLinkCopy:({nonprofitName:a=""})=>`Mehr \xFCber ${a} erfahren`,communityImpactLinkCopy:({brandName:a=""})=>`Sieh dir den gesamten Beitrag der ${a}-Community an`,impactShareButton:()=>"Teile, um deinen Beitrag zu vergr\xF6\xDFern"},es:{descriptionTitle:({nonprofitName:a="una organizaci\xF3n"})=>`Generaste un impacto para ${a}`,descriptionSubtitle:({brandName:a=""})=>`Mira a continuaci\xF3n el impacto que tu compra de ${a} ha generado.`,yourImpactTitle:()=>"Est\xE1s financiando",communityImpactTitle:()=>"Juntos estamos financiando",personalImpactLinkCopy:({nonprofitName:a=""})=>`Conoce m\xE1s sobre ${a}`,communityImpactLinkCopy:({brandName:a=""})=>`Mira todo el impacto de la comunidad ${a}`,impactShareButton:()=>"Comparte para hacer crecer tu impacto"},it:{descriptionTitle:({nonprofitName:a="un'organizzazione"})=>`Hai creato un impatto per ${a}`,descriptionSubtitle:({brandName:a=""})=>`Scopri qui sotto l'impatto del tuo acquisto ${a}.`,yourImpactTitle:()=>"Stai finanziando",communityImpactTitle:()=>"Insieme stiamo finanziando",personalImpactLinkCopy:({nonprofitName:a=""})=>`Scopri di pi\xF9 su ${a}`,communityImpactLinkCopy:({brandName:a=""})=>`Guarda tutto l'impatto della comunit\xE0 ${a}`,impactShareButton:()=>"Condividi per far crescere il tuo impatto"},pl:{descriptionTitle:({nonprofitName:a="organizacj\u0119"})=>`Wywar\u0142a\u015B_e\u015B wp\u0142yw na ${a}`,descriptionSubtitle:({brandName:a=""})=>`Sprawd\u017A poni\u017Cej, jaki wp\u0142yw mia\u0142 Tw\xF3j zakup ${a}.`,yourImpactTitle:()=>"Finansujesz",communityImpactTitle:()=>"Razem finansujemy",personalImpactLinkCopy:({nonprofitName:a=""})=>`Dowiedz si\u0119 wi\u0119cej o ${a}`,communityImpactLinkCopy:({brandName:a=""})=>`Zobacz ca\u0142y wp\u0142yw spo\u0142eczno\u015Bci ${a}`,impactShareButton:()=>"Udost\u0119pnij, aby powi\u0119kszy\u0107 sw\xF3j wp\u0142yw"},ja:{descriptionTitle:({nonprofitName:a=""})=>`\u3042\u308A\u304C\u3068\u3046\u3054\u3056\u3044\u307E\u3059\uFF01${a}\u3078\u306E\u5BC4\u4ED8\u306B\u3088\u308A\u3001\u4E16\u754C\u306B\u78BA\u304B\u306A\u5909\u5316\u3092\u3082\u305F\u3089\u3057\u307E\u3057\u305F\u3002`,descriptionSubtitle:({brandName:a=""})=>`${a}\u3067\u306E\u3054\u8CFC\u5165\u304C\u3001\u3069\u306E\u3088\u3046\u306B\u4EBA\u3005\u306E\u5F79\u306B\u7ACB\u3064\u304B\u3092\u3054\u78BA\u8A8D\u304F\u3060\u3055\u3044\u3002`,yourImpactTitle:()=>"\u3042\u306A\u305F\u306E\u652F\u63F4\u5B9F\u7E3E",communityImpactTitle:()=>"\u79C1\u305F\u3061\u306F\u5171\u306B\u652F\u63F4\u3057\u3066\u3044\u307E\u3059",personalImpactLinkCopy:({nonprofitName:a=""})=>`${a} \u306B\u3064\u3044\u3066\u8A73\u3057\u304F\u898B\u308B`,communityImpactLinkCopy:({brandName:a=""})=>`${a}\u30B3\u30DF\u30E5\u30CB\u30C6\u30A3\u306E\u6D3B\u52D5\u5B9F\u7E3E\u3092\u3059\u3079\u3066\u898B\u308B `,impactShareButton:()=>"SNS\u3067\u30B7\u30A7\u30A2\u3059\u308B"}};var J=Object.defineProperty,i=(a,e,r,p)=>{for(var n=void 0,m=a.length-1,o;m>=0;m--)(o=a[m])&&(n=o(e,r,n)||n);return n&&J(e,r,n),n};class t extends N{constructor(){super(...arguments),this.baseUrl=U,this.lang="en",this.debug=!1,this.draftConfig=!1,this.getImpactData=async()=>(G(["apiKey","userId","nonprofitId"],this),await D({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{nonprofitId:this.nonprofitId,beamUserId:this.userId,personalImpactLimit:1,communityImpactLimit:1,storeId:this.storeId,widgetName:A.impact_overview,version:"1.0.0",draftConfig:this.draftConfig,lang:this.configLang,discountCodes:this.discountCodes&&this.discountCodes.length>0?this.discountCodes:void 0,transactionId:this.transactionId??void 0}})),this.impactDataController=new P(this,this.getImpactData),this.resizeElements=F(()=>{h(this.impactTitleRefs),h(this.impactDescriptionRefs),h(this.impactLinkRefs),h(this.goalCompletionTextRefs)},50,{maxWait:50,leading:!0})}get configLang(){return R[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.resizeElements)}async updated(e){const r=["baseUrl","storeId","apiKey","userId","lang","discountCodes"];for(const p of r)if(e.has(p)){await this.impactDataController.exec();break}this.resizeElements(),await this.handleFontLoad(this.resizeElements)}disconnectedCallback(){window.removeEventListener("resize",this.resizeElements),document.fonts.removeEventListener("loadingdone",this.resizeElements),super.disconnectedCallback()}async handleFontLoad(e){if(document.fonts.status==="loading")return await document.fonts.ready.catch(r=>M.error(r)),e()}renderCard({imageUrl:e,title:r,percentFunded:p,goalProgressText:n,description:m,urlCopy:o,impactUrl:b,isImage:u,cardType:y,goalCompletionText:v}){return T`
       <div class="impact-card ${u?"":"icon"}" part="impact-card">
         <div class="${u?"":"icon-background "}">
           <img src="${e}" alt="${r}" class="${u?"impact-card-image":"impact-card-icon"}" />

package/dist/components/impact-overview.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"impact-overview.esm.js","sources":["../../src/components/impact-overview/strings.ts","../../src/components/impact-overview/index.ts"],"sourcesContent":["export const strings = {\n  en: {\n    descriptionTitle: ({ nonprofitName = \"a nonprofit\" }) => `You just made an impact for ${nonprofitName}`,\n    descriptionSubtitle: ({ brandName = \"\" }) => `Check out the impact your ${brandName} purchase made below.`,\n    yourImpactTitle: () => `You’re funding`,\n    communityImpactTitle: () => `Together we’re funding`,\n    personalImpactLinkCopy: ({ nonprofitName = \"\" }) => `Learn about ${nonprofitName}`,\n    communityImpactLinkCopy: ({ brandName = \"\" }) => `See all of the ${brandName} community's impact`,\n    // share modal\n    impactShareButton: () => `Share to Grow Your Impact`,\n  },\n  fr: {\n    descriptionTitle: ({ nonprofitName = \"une organisation\" }) => `Vous avez créé un impact pour ${nonprofitName}`,\n    descriptionSubtitle: ({ brandName = \"\" }) => `Découvrez ci-dessous l'impact de votre achat ${brandName}.`,\n    yourImpactTitle: () => `Vous financez`,\n    communityImpactTitle: () => `Ensemble, nous finançons`,\n    personalImpactLinkCopy: ({ nonprofitName = \"\" }) => `En savoir plus sur ${nonprofitName}`,\n    communityImpactLinkCopy: ({ brandName = \"\" }) => `Voir tout l'impact de la communauté ${brandName}`,\n    // share modal\n    impactShareButton: () => `Partagez pour développer votre impact`,\n  },\n  de: {\n    descriptionTitle: ({ nonprofitName = \"eine Organisation\" }) =>\n      `Du hast einen Beitrag für ${nonprofitName} geleistet`,\n    descriptionSubtitle: ({ brandName = \"\" }) =>\n      `Sieh dir unten den Beitrag an, den dein ${brandName} Einkauf gemacht hat.`,\n    yourImpactTitle: () => `Du finanzierst`,\n    communityImpactTitle: () => `Gemeinsam finanzieren wir`,\n    personalImpactLinkCopy: ({ nonprofitName = \"\" }) => `Mehr über ${nonprofitName} erfahren`,\n    communityImpactLinkCopy: ({ brandName = \"\" }) => `Sieh dir den gesamten Beitrag der ${brandName}-Community an`,\n    // share modal\n    impactShareButton: () => `Teile, um deinen Beitrag zu vergrößern`,\n  },\n  es: {\n    descriptionTitle: ({ nonprofitName = \"una organización\" }) => `Generaste un impacto para ${nonprofitName}`,\n    descriptionSubtitle: ({ brandName = \"\" }) =>\n      `Mira a continuación el impacto que tu compra de ${brandName} ha generado.`,\n    yourImpactTitle: () => `Estás financiando`,\n    communityImpactTitle: () => `Juntos estamos financiando`,\n    personalImpactLinkCopy: ({ nonprofitName = \"\" }) => `Conoce más sobre ${nonprofitName}`,\n    communityImpactLinkCopy: ({ brandName = \"\" }) => `Mira todo el impacto de la comunidad ${brandName}`,\n    // share modal\n    impactShareButton: () => \"Comparte para hacer crecer tu impacto\",\n  },\n  it: {\n    descriptionTitle: ({ nonprofitName = \"un'organizzazione\" }) => `Hai creato un impatto per ${nonprofitName}`,\n    descriptionSubtitle: ({ brandName = \"\" }) => `Scopri qui sotto l'impatto del tuo acquisto ${brandName}.`,\n    yourImpactTitle: () => `Stai finanziando`,\n    communityImpactTitle: () => `Insieme stiamo finanziando`,\n    personalImpactLinkCopy: ({ nonprofitName = \"\" }) => `Scopri di più su ${nonprofitName}`,\n    communityImpactLinkCopy: ({ brandName = \"\" }) => `Guarda tutto l'impatto della comunità ${brandName}`,\n    // share modal\n    impactShareButton: () => \"Condividi per far crescere il tuo impatto\",\n  },\n  pl: {\n    descriptionTitle: ({ nonprofitName = \"organizację\" }) => `Wywarłaś_eś wpływ na ${nonprofitName}`,\n    descriptionSubtitle: ({ brandName = \"\" }) => `Sprawdź poniżej, jaki wpływ miał Twój zakup ${brandName}.`,\n    yourImpactTitle: () => `Finansujesz`,\n    communityImpactTitle: () => `Razem finansujemy`,\n    personalImpactLinkCopy: ({ nonprofitName = \"\" }) => `Dowiedz się więcej o ${nonprofitName}`,\n    communityImpactLinkCopy: ({ brandName = \"\" }) => `Zobacz cały wpływ społeczności ${brandName}`,\n    // share modal\n    impactShareButton: () => `Udostępnij, aby powiększyć swój wpływ`,\n  },\n  ja: {\n    descriptionTitle: ({ nonprofitName = \"\" }) =>\n      `ありがとうございます！${nonprofitName}への寄付により、世界に確かな変化をもたらしました。`,\n    descriptionSubtitle: ({ brandName = \"\" }) =>\n      `${brandName}でのご購入が、どのように人々の役に立つかをご確認ください。`,\n    yourImpactTitle: () => `あなたの支援実績`,\n    communityImpactTitle: () => `私たちは共に支援しています`,\n    personalImpactLinkCopy: ({ nonprofitName = \"\" }) => `${nonprofitName} について詳しく見る`,\n    communityImpactLinkCopy: ({ brandName = \"\" }) => `${brandName}コミュニティの活動実績をすべて見る `,\n    // share modal\n    impactShareButton: () => `SNSでシェアする`,\n  },\n};\n","import { css, html, LitElement, PropertyValues } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { queryAll } from \"lit/decorators/query-all.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport debounce from \"lodash-es/debounce\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES, WIDGET_NAMES } from \"../../api-sdk/constants\";\nimport { LANGUAGES, TUrl } from \"../../api-sdk/types\";\nimport { getImpact } from \"../../api-sdk/v3/routes\";\nimport { MissingConfig } from \"../../utils/beam-errors\";\nimport \"../../shared/components/progress-bar\";\nimport { progressBarConfigDefaults } from \"../../shared/components/progress-bar\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { logger } from \"../../utils/logger\";\nimport \"../../shared/shoelace-components\";\nimport { syncElementHeights } from \"../../shared/sync-element-heights\";\nimport { TId, TNumericId } from \"../../shared/types\";\nimport \"../beam-partner-logos\";\nimport { partnerLogosConfigDefaults } from \"../beam-partner-logos\";\nimport { shareButtonConfigDefaults } from \"../../shared/components/share-button\";\nimport { cssResponsiveUtils } from \"../../shared/responsive\";\nimport { strings } from \"./strings\";\nimport \"../../shared/components/share-button\";\n\ntype RequiredConfig = {\n  apiKey: string;\n  nonprofitId: TNumericId;\n  userId: TId;\n};\n\nexport class BeamImpactOverview extends LitElement {\n  static tagName = \"beam-impact-overview\";\n\n  @property({ type: String, reflect: true }) public baseUrl: TUrl = DEFAULT_BASE_URL;\n\n  @property({ type: String, reflect: false }) apiKey?: RequiredConfig[\"apiKey\"];\n\n  @property({ type: Number }) storeId?: number;\n\n  @property({ type: String, reflect: true }) nonprofitId?: RequiredConfig[\"nonprofitId\"];\n\n  @property({ type: String, reflect: true }) userId?: RequiredConfig[\"userId\"];\n\n  @property({ type: String }) public lang: LANGUAGES = \"en\";\n\n  @property({ type: Boolean }) public debug = false;\n\n  @property({ type: Boolean }) public draftConfig = false;\n\n  @property({ type: String }) transactionId?: string;\n  /**\n   * @deprecated (v1.49.0) promoCodes and discountCodes will now be retrieved on the backend using transactionId\n   */\n  @property({ type: Object }) public discountCodes?: string[];\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  getImpactData = async () => {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"userId\", \"nonprofitId\"], this)) throw new MissingConfig();\n    const res = await getImpact({\n      baseUrl: this.baseUrl,\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      queryParams: {\n        nonprofitId: this.nonprofitId,\n        beamUserId: this.userId,\n        personalImpactLimit: 1,\n        communityImpactLimit: 1,\n        storeId: this.storeId,\n        widgetName: WIDGET_NAMES.impact_overview,\n        version: \"1.0.0\",\n        draftConfig: this.draftConfig,\n        lang: this.configLang,\n        discountCodes: this.discountCodes && this.discountCodes.length > 0 ? this.discountCodes : undefined,\n        transactionId: this.transactionId ?? undefined,\n      },\n    });\n\n    return res;\n  };\n\n  private impactDataController = new AsyncController<typeof this.getImpactData>(this, this.getImpactData);\n\n  @queryAll(\".impact-card-title\")\n  impactTitleRefs!: HTMLElement[];\n\n  @queryAll(\".impact-card-description\")\n  impactDescriptionRefs!: HTMLElement[];\n\n  @queryAll(\".impact-link\")\n  impactLinkRefs!: HTMLElement[];\n\n  @queryAll(\".impact-card-goalCompletionText\")\n  goalCompletionTextRefs!: HTMLElement[];\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(\"resize\", this.resizeElements);\n  }\n\n  async updated(changedProperties: PropertyValues): Promise<void> {\n    // Reload nonprofit list on change of any of these props:\n    // Also fires on first load as props go from undefined => value\n    const requireNewDataProps = [\"baseUrl\", \"storeId\", \"apiKey\", \"userId\", \"lang\", \"discountCodes\"];\n    for (const prop of requireNewDataProps) {\n      if (changedProperties.has(prop)) {\n        await this.impactDataController.exec();\n        break;\n      }\n    }\n    this.resizeElements(); // Handle layout shifts immediately\n    await this.handleFontLoad(this.resizeElements); // If content change triggered font load, resize again\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener(\"resize\", this.resizeElements);\n    document.fonts.removeEventListener(\"loadingdone\", this.resizeElements);\n    super.disconnectedCallback();\n  }\n\n  /**\n   * Safari does not fire loading events on the document FontFaceSet, but it does implement the .ready Promise\n   * Call this method to wait for font loads that may be triggered by content changes\n   */\n  async handleFontLoad<T = any>(callback: () => T | void) {\n    if (document.fonts.status === \"loading\") {\n      await document.fonts.ready.catch((e) => logger.error(e));\n      return callback();\n    }\n  }\n\n  resizeElements = debounce(\n    () => {\n      syncElementHeights(this.impactTitleRefs);\n      syncElementHeights(this.impactDescriptionRefs);\n      syncElementHeights(this.impactLinkRefs);\n      syncElementHeights(this.goalCompletionTextRefs);\n    },\n    50,\n    { maxWait: 50, leading: true }\n  );\n\n  renderCard({\n    imageUrl,\n    title,\n    percentFunded,\n    goalProgressText,\n    description,\n    urlCopy,\n    impactUrl,\n    isImage,\n    cardType,\n    goalCompletionText,\n  }: {\n    imageUrl: TUrl;\n    title: string;\n    percentFunded: number;\n    goalProgressText: string;\n    description: string;\n    urlCopy?: string;\n    impactUrl: TUrl;\n    isImage: boolean;\n    cardType: string;\n    goalCompletionText?: string;\n  }) {\n    return html`\n      <div class=\"impact-card ${isImage ? \"\" : \"icon\"}\" part=\"impact-card\">\n        <div class=\"${isImage ? \"\" : \"icon-background \"}\">\n          <img src=\"${imageUrl}\" alt=\"${title}\" class=\"${isImage ? \"impact-card-image\" : \"impact-card-icon\"}\" />\n        </div>\n        <div class=\"${isImage ? \"\" : \"impact-icon-card-content\"}\" style=\"margin: 12px;\">\n          <div class=\"impact-card-title\">${title}</div>\n          <p class=\"impact-card-description\">${unsafeHTML(description)}</p>\n          <div class=\"impact-card-goalCompletionText\">\n            <p>${unsafeHTML(goalCompletionText)}</p>\n          </div>\n          <div class=\"impact-card-progress\" style=\"display: flex; align-items: center;\">\n            <beam-progress-bar\n              value=\"${percentFunded}\"\n              style=\"flex: 1 0;\"\n              class=\"impact-card-progressbar\"\n            ></beam-progress-bar>\n            <span class=\"impact-card-progressText\" style=\"flex: 0 1; margin-left: 10px; white-space: nowrap;\"\n              >${localizeUserString(this.configLang, goalProgressText)}</span\n            >\n          </div>\n          <p class=\"impact-link\" part=\"impact-link\">\n            <a href=\"${impactUrl}\" target=\"_blank\" rel=\"noopener noreferrer\">\n              ${cardType === \"personal\"\n                ? strings[this.configLang].personalImpactLinkCopy({\n                    nonprofitName: urlCopy,\n                  })\n                : strings[this.configLang].communityImpactLinkCopy({\n                    brandName: urlCopy,\n                  })}<span class=\"impact-link-arrow\">&nbsp;&rsaquo;</span>\n            </a>\n          </p>\n        </div>\n      </div>\n    `;\n  }\n\n  render() {\n    const { data, loading, error } = this.impactDataController;\n    if (loading) {\n      return _loading();\n    }\n    if (error) {\n      if (this.debug) {\n        return _errorMessage({ error });\n      }\n      return \"\";\n    }\n    if (data == null) {\n      if (this.debug) {\n        return _errorMessage({ error: new Error(\"No data\") });\n      }\n      return \"\";\n    }\n    const brandName = this.impactDataController.data?.chain.name;\n    const cardStyle = this.cssVariables[\"--beam-ImpactOverview-cardStyle\"];\n    const isImage = cardStyle === \"'image'\";\n    const isSelectedIcon = cardStyle === \"'selected_icon'\";\n    const personalImageUrl = data.personal[0]?.imageUrl || \"\";\n    const communityImageUrl = data.community[0].imageUrl || \"\";\n    const iconUrl = data.personal[0]?.nonprofit.causeIconUrl;\n    const selectedIconUrl = data.personal[0]?.nonprofit.causeIconSelectedUrl;\n    const personalCardImage = isImage ? personalImageUrl : isSelectedIcon ? selectedIconUrl : iconUrl;\n    const communityCardImage = isImage ? communityImageUrl : isSelectedIcon ? selectedIconUrl : iconUrl;\n\n    const shareImage =\n      this.impactDataController.data?.promoAssetUrl || this.impactDataController.data?.personalImpactAssetUrl;\n    const showShare = this.cssVariables[\"--beam-ImpactOverview-share-button-display\"] !== \"none\";\n    const showShareMobile =\n      showShare && this.cssVariables[\"--beam-ImpactOverview-share-button-display-mobile\"] !== \"none\";\n    const showShareDesktop =\n      showShare && this.cssVariables[\"--beam-ImpactOverview-share-button-display-desktop\"] !== \"none\";\n    const shareIcon = this.cssVariables[\"--beam-ImpactOverview-share-button-icon-name\"] || \"share-2\";\n\n    let shareButtonVisibilityClass = \"d-none\";\n    if (showShareMobile) {\n      shareButtonVisibilityClass = showShareDesktop ? \"d-block\" : \"d-lg-none\";\n    } else {\n      shareButtonVisibilityClass = showShareDesktop ? \"d-none d-lg-block\" : \"d-none\";\n    }\n\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n\n      <div>\n        <beam-partner-logos\n          partnerLogoUrl=\"${data.chain.logoUrl}\"\n          partnerName=\"${data.chain.name}\"\n          part=\"logos\"\n        ></beam-partner-logos>\n      </div>\n\n      <div class=\"description\">\n        <div class=\"title\" part=\"title\">\n          ${localizeUserString(this.configLang, data.config?.web?.title) ||\n          strings[this.configLang].descriptionTitle({ nonprofitName: data.personal[0].nonprofit.name })}\n        </div>\n        <div class=\"subtitle\" part=\"subtitle\">\n          ${localizeUserString(this.configLang, data.config?.web?.description) ||\n          strings[this.configLang].descriptionSubtitle({ brandName: data.chain.name })}\n        </div>\n      </div>\n\n      <div class=\"${isImage ? \"impact-image-cards\" : \"impact-icon-cards\"}\" part=\"impact-cards\">\n        <div class=\"impact your-impact ${isImage ? \"image-card-container\" : \"icon-card-container\"}\">\n          ${this.renderCard({\n            isImage,\n            imageUrl: personalCardImage || \"\",\n            title: strings[this.configLang].yourImpactTitle(),\n            percentFunded: data.personal[0]?.impact?.goalProgressPercentage || 0,\n            goalProgressText: data.personal[0]?.impact?.goalProgressText,\n            description: localizeUserString(this.configLang, data.personal[0]?.impact?.description || \"\"),\n            urlCopy: data.personal[0].nonprofit?.name,\n            impactUrl: data.personal[0].nonprofit?.website || \"\",\n            cardType: \"personal\",\n            goalCompletionText: data.personal[0].impact.goalCompletionText,\n          })}\n        </div>\n        <div class=\"impact community-impact ${isImage ? \"image-card-container\" : \"icon-card-container\"}\">\n          ${this.renderCard({\n            isImage,\n            imageUrl: communityCardImage || \"\",\n            title: strings[this.configLang].communityImpactTitle(),\n            percentFunded: data.community[0].impact?.goalProgressPercentage || 0,\n            goalProgressText: data.community[0]?.impact?.goalProgressText,\n            description: localizeUserString(this.configLang, data.community[0].impact?.description || \"\"),\n            urlCopy: data.chain.name,\n            impactUrl:\n              data.store.communityPageURL || data.chain.communityImpactUrl || data.personal[0].nonprofit.website || \"\",\n            cardType: \"community\",\n            goalCompletionText: data.community[0].impact.goalCompletionText,\n          })}\n        </div>\n      </div>\n\n      <div class=\"footer ${shareButtonVisibilityClass} shareButtonContainer\" part=\"social-share\">\n        <beam-share-button\n          imageUrl=\"${shareImage}\"\n          brandName=\"${brandName}\"\n          shareIcon=\"${shareIcon}\"\n          buttonText=\"${strings[this.configLang].impactShareButton()}\"\n          configLang=\"${this.configLang}\"\n          baseUrl=\"${this.baseUrl}\"\n          storeId=\"${this.storeId}\"\n          nonprofitId=\"${this.nonprofitId}\"\n          transactionId=\"${this.transactionId}\"\n          apiKey=\"${this.apiKey}\"\n        ></beam-share-button>\n      </div>\n\n      <div id=\"modal-root\"></div>\n    `;\n  }\n\n  public get cssVariables() {\n    const defaults = {\n      \"--beam-fontFamily\": \"inherit\",\n      \"--beam-fontStyle\": \"inherit\",\n      \"--beam-fontSize\": \"inherit\",\n      \"--beam-textColor\": \"inherit\",\n      \"--beam-backgroundColor\": \"inherit\",\n      ...partnerLogosConfigDefaults,\n      ...progressBarConfigDefaults,\n      ...shareButtonConfigDefaults,\n      ...defineCustomText(\"--beam-ImpactOverview-title\", {\n        fontSize: \"16px\",\n        fontWeight: \"bold\",\n        marginTop: \"10px\",\n        textTransform: \"capitalize\",\n      }),\n      ...defineCustomText(\"--beam-ImpactOverview-subtitle\", {\n        marginTop: \"5px\",\n      }),\n      \"--beam-ImpactOverview-impactCards-maxWidth\": \"650px\",\n      \"--beam-ImpactOverview-impactCard-backgroundColor\": \"inherit\",\n      \"--beam-ImpactOverview-impactCard-foregroundColor\": \"currentColor\",\n      \"--beam-ImpactOverview-impactCard-borderColor\": \"currentColor\",\n      \"--beam-ImpactOverview-impactCard-borderRadius\": \"5px\",\n      \"--beam-ImpactOverview-impactCard-marginTop\": \"10px\",\n      ...defineCustomText(\"--beam-ImpactOverview-impactCard-title\", {\n        fontSize: \"15px\",\n        fontWeight: \"bold\",\n        letterSpacing: \"0.36px\",\n      }),\n      \"--beam-ImpactOverview-impactCard-progress-marginTop\": \"8px\",\n      ...defineCustomText(\"--beam-ImpactOverview-impactCard-progressText\"),\n      ...defineCustomText(\"--beam-ImpactOverview-impactCard-description\", {\n        marginTop: \"10px\",\n      }),\n      \"--beam-ImpactOverview-impactCard-linkArrow-display\": \"inline\",\n      \"--beam-ImpactOverview-impactCard-link-color\": \"inherit\",\n      ...defineCustomText(\"--beam-ImpactOverview-impactCard-link\", {\n        marginTop: \"10px\",\n        textDecoration: \"underline\",\n        textTransform: \"capitalize\",\n      }),\n      ...defineCustomText(\"--beam-ImpactOverview-goalCompletionText\", {\n        marginTop: \"5px\",\n        fontWeight: \"600\",\n        textTransform: \"capitalize\",\n        fontSize: \"13px\",\n      }),\n      \"--beam-ImpactOverview-share-button-display\": \"none\",\n      \"--beam-ImpactOverview-share-button-display-mobile\": \"inherit\",\n      \"--beam-ImpactOverview-share-button-display-desktop\": \"inherit\",\n      \"--beam-ImpactOverview-image-display\": \"block\",\n      \"--beam-ImpactOverview-cardStyle\": \"'image'\", // icon, selected_icon, image\n      \"--beam-ImpactOverview-iconBackground-width\": \"75px\",\n      \"--beam-ImpactOverview-iconBackground-height\": \"75px\",\n      \"--beam-ImpactOverview-iconBackground-borderRadius\": \"50px\",\n      \"--beam-ImpactOverview-icon-padding\": \"0px\",\n      \"--beam-ImpactOverview-iconBackground-background\": \"#f3f3f3\",\n      \"--beam-ImpactOverview-impactCard-shareButton-background\": \"#fff\",\n      \"--beam-ImpactOverview-impactCard-shareButton-boxShadow\": \"0px -20px 20px 0px rgb(0 0 0 / 2%)\",\n    };\n\n    const remoteConfig = this.impactDataController?.data?.config?.web?.theme || {};\n\n    const config = { ...defaults, ...remoteConfig };\n\n    const serializable = Object.create({\n      toCSS() {\n        return _cssVariableMap(this as Record<string, string>);\n      },\n    });\n\n    return Object.assign(serializable, config);\n  }\n\n  static styles = [\n    cssReset,\n    cssResponsiveUtils,\n    css`\n      :host {\n        display: block;\n        font-family: var(--beam-fontFamily);\n        font-style: var(--beam-fontStyle);\n        font-size: var(--beam-fontSize);\n        background-color: var(--beam-backgroundColor);\n        color: var(--beam-textColor);\n        max-width: var(--beam-ImpactOverview-impactCards-maxWidth, 650px);\n        word-break: normal;\n      }\n      .icon {\n        display: flex;\n        align-items: center;\n      }\n      .icon-background {\n        width: var(--beam-ImpactOverview-iconBackground-width, 75px);\n        height: var(--beam-ImpactOverview-iconBackground-height, 75px);\n        border-radius: var(--beam-ImpactOverview-iconBackground-borderRadius, 50px);\n        padding: var(--beam-ImpactOverview-icon-padding, 0px);\n        margin: 8px;\n        overflow: hidden;\n        background: var(--beam-ImpactOverview-iconBackground-background, #f3f3f3);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n      .impact-icon-card-content {\n        flex: 3 1 75%;\n      }\n      .impact-image-cards {\n        max-width: var(--beam-ImpactOverview-impactCards-maxWidth);\n        display: flex;\n        flex-wrap: wrap;\n        gap: 15px;\n        margin: 10px 0;\n      }\n      .impact-icon-cards {\n        max-width: var(--beam-ImpactOverview-impactCards-maxWidth);\n        margin: 10px 0;\n      }\n      .impact-card {\n        padding-bottom: 5px;\n        margin-top: var(--beam-ImpactOverview-impactCard-marginTop);\n        background-color: var(--beam-ImpactOverview-impactCard-backgroundColor);\n        border: 1px solid var(--beam-ImpactOverview-impactCard-borderColor);\n        border-radius: var(--beam-ImpactOverview-impactCard-borderRadius);\n        overflow: hidden; /* maintain clean border-radius */\n        color: var(--beam-ImpactOverview-impactCard-foregroundColor);\n      }\n      .impact-card-image {\n        object-fit: cover;\n        height: 110px;\n        width: 100%;\n        display: var(--beam-ImpactOverview-image-display);\n      }\n      .impact-card-icon {\n        flex: 1 1 10%;\n        max-width: 50%;\n        display: var(--beam-ImpactOverview-image-display);\n      }\n      .image-card-container {\n        flex: 1 1;\n        display: inline-block;\n        min-width: 200px;\n        max-width: 100%;\n      }\n      .icon-card-container {\n        max-width: 100%;\n        min-width: 299px;\n      }\n      .impact-card-progress {\n        margin-top: var(--beam-ImpactOverview-impactCard-progress-marginTop);\n      }\n      .shareButtonContainer {\n        position: sticky;\n        bottom: 0;\n        z-index: 999;\n        background-color: var(--beam-ImpactOverview-impactCard-shareButton-background);\n        box-shadow: var(--beam-ImpactOverview-impactCard-shareButton-boxShadow);\n      }\n      .title {\n        ${useCustomText(\"--beam-ImpactOverview-title\")}\n      }\n      .subtitle {\n        ${useCustomText(\"--beam-ImpactOverview-subtitle\")}\n      }\n      .impact-card-title {\n        ${useCustomText(\"--beam-ImpactOverview-impactCard-title\")}\n      }\n      .impact-card-progressText {\n        ${useCustomText(\"--beam-ImpactOverview-impactCard-progressText\")}\n      }\n      .impact-card-description {\n        ${useCustomText(\"--beam-ImpactOverview-impactCard-description\")}\n      }\n      .impact-link {\n        ${useCustomText(\"--beam-ImpactOverview-impactCard-link\")}\n      }\n      .impact-link-arrow {\n        display: var(--beam-ImpactOverview-impactCard-linkArrow-display, \"inline\");\n      }\n      .impact-link a,\n      .impact-link a:visited {\n        color: var(--beam-ImpactOverview-impactCard-link-color, inherit);\n      }\n      .impact-card-goalCompletionText {\n        ${useCustomText(\"--beam-ImpactOverview-goalCompletionText\")}\n      }\n      .footer {\n        text-align: center;\n      }\n    `,\n    css`\n      .button {\n        cursor: pointer;\n      }\n      .icon-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n      }\n      .plain-button {\n        border: none;\n        background: none;\n        font-size: inherit;\n        font-family: inherit;\n      }\n    `,\n  ];\n}\n\ndefineCustomElement(BeamImpactOverview);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-impact-overview\": BeamImpactOverview;\n  }\n}\n"],"names":["strings","nonprofitName","brandName","R","h","d","e","a","t","n","s","BeamImpactOverview","LitElement","DEFAULT_BASE_URL","enforceConfig","getImpact","WIDGET_NAMES","AsyncController","debounce","syncElementHeights","SUPPORTED_LANGUAGES","changedProperties","requireNewDataProps","prop","callback","logger","imageUrl","title","percentFunded","goalProgressText","description","urlCopy","impactUrl","isImage","cardType","goalCompletionText","html","unsafeHTML","localizeUserString","data","loading","error","_loading","_errorMessage","cardStyle","isSelectedIcon","personalImageUrl","communityImageUrl","iconUrl","selectedIconUrl","personalCardImage","communityCardImage","shareImage","showShare","showShareMobile","showShareDesktop","shareIcon","shareButtonVisibilityClass","defaults","partnerLogosConfigDefaults","progressBarConfigDefaults","shareButtonConfigDefaults","defineCustomText","remoteConfig","config","_cssVariableMap","cssReset","cssResponsiveUtils","css","useCustomText","__decorateClass","property","queryAll","defineCustomElement"],"mappings":"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"}
+{"version":3,"file":"impact-overview.esm.js","sources":["../../src/components/impact-overview/strings.ts","../../src/components/impact-overview/index.ts"],"sourcesContent":["export const strings = {\n  en: {\n    descriptionTitle: ({ nonprofitName = \"a nonprofit\" }) => `You just made an impact for ${nonprofitName}`,\n    descriptionSubtitle: ({ brandName = \"\" }) => `Check out the impact your ${brandName} purchase made below.`,\n    yourImpactTitle: () => `You’re funding`,\n    communityImpactTitle: () => `Together we’re funding`,\n    personalImpactLinkCopy: ({ nonprofitName = \"\" }) => `Learn about ${nonprofitName}`,\n    communityImpactLinkCopy: ({ brandName = \"\" }) => `See all of the ${brandName} community's impact`,\n    // share modal\n    impactShareButton: () => `Share to Grow Your Impact`,\n  },\n  fr: {\n    descriptionTitle: ({ nonprofitName = \"une organisation\" }) => `Vous avez créé un impact pour ${nonprofitName}`,\n    descriptionSubtitle: ({ brandName = \"\" }) => `Découvrez ci-dessous l'impact de votre achat ${brandName}.`,\n    yourImpactTitle: () => `Vous financez`,\n    communityImpactTitle: () => `Ensemble, nous finançons`,\n    personalImpactLinkCopy: ({ nonprofitName = \"\" }) => `En savoir plus sur ${nonprofitName}`,\n    communityImpactLinkCopy: ({ brandName = \"\" }) => `Voir tout l'impact de la communauté ${brandName}`,\n    // share modal\n    impactShareButton: () => `Partagez pour développer votre impact`,\n  },\n  de: {\n    descriptionTitle: ({ nonprofitName = \"eine Organisation\" }) =>\n      `Du hast einen Beitrag für ${nonprofitName} geleistet`,\n    descriptionSubtitle: ({ brandName = \"\" }) =>\n      `Sieh dir unten den Beitrag an, den dein ${brandName} Einkauf gemacht hat.`,\n    yourImpactTitle: () => `Du finanzierst`,\n    communityImpactTitle: () => `Gemeinsam finanzieren wir`,\n    personalImpactLinkCopy: ({ nonprofitName = \"\" }) => `Mehr über ${nonprofitName} erfahren`,\n    communityImpactLinkCopy: ({ brandName = \"\" }) => `Sieh dir den gesamten Beitrag der ${brandName}-Community an`,\n    // share modal\n    impactShareButton: () => `Teile, um deinen Beitrag zu vergrößern`,\n  },\n  es: {\n    descriptionTitle: ({ nonprofitName = \"una organización\" }) => `Generaste un impacto para ${nonprofitName}`,\n    descriptionSubtitle: ({ brandName = \"\" }) =>\n      `Mira a continuación el impacto que tu compra de ${brandName} ha generado.`,\n    yourImpactTitle: () => `Estás financiando`,\n    communityImpactTitle: () => `Juntos estamos financiando`,\n    personalImpactLinkCopy: ({ nonprofitName = \"\" }) => `Conoce más sobre ${nonprofitName}`,\n    communityImpactLinkCopy: ({ brandName = \"\" }) => `Mira todo el impacto de la comunidad ${brandName}`,\n    // share modal\n    impactShareButton: () => \"Comparte para hacer crecer tu impacto\",\n  },\n  it: {\n    descriptionTitle: ({ nonprofitName = \"un'organizzazione\" }) => `Hai creato un impatto per ${nonprofitName}`,\n    descriptionSubtitle: ({ brandName = \"\" }) => `Scopri qui sotto l'impatto del tuo acquisto ${brandName}.`,\n    yourImpactTitle: () => `Stai finanziando`,\n    communityImpactTitle: () => `Insieme stiamo finanziando`,\n    personalImpactLinkCopy: ({ nonprofitName = \"\" }) => `Scopri di più su ${nonprofitName}`,\n    communityImpactLinkCopy: ({ brandName = \"\" }) => `Guarda tutto l'impatto della comunità ${brandName}`,\n    // share modal\n    impactShareButton: () => \"Condividi per far crescere il tuo impatto\",\n  },\n  pl: {\n    descriptionTitle: ({ nonprofitName = \"organizację\" }) => `Wywarłaś_eś wpływ na ${nonprofitName}`,\n    descriptionSubtitle: ({ brandName = \"\" }) => `Sprawdź poniżej, jaki wpływ miał Twój zakup ${brandName}.`,\n    yourImpactTitle: () => `Finansujesz`,\n    communityImpactTitle: () => `Razem finansujemy`,\n    personalImpactLinkCopy: ({ nonprofitName = \"\" }) => `Dowiedz się więcej o ${nonprofitName}`,\n    communityImpactLinkCopy: ({ brandName = \"\" }) => `Zobacz cały wpływ społeczności ${brandName}`,\n    // share modal\n    impactShareButton: () => `Udostępnij, aby powiększyć swój wpływ`,\n  },\n  ja: {\n    descriptionTitle: ({ nonprofitName = \"\" }) =>\n      `ありがとうございます！${nonprofitName}への寄付により、世界に確かな変化をもたらしました。`,\n    descriptionSubtitle: ({ brandName = \"\" }) =>\n      `${brandName}でのご購入が、どのように人々の役に立つかをご確認ください。`,\n    yourImpactTitle: () => `あなたの支援実績`,\n    communityImpactTitle: () => `私たちは共に支援しています`,\n    personalImpactLinkCopy: ({ nonprofitName = \"\" }) => `${nonprofitName} について詳しく見る`,\n    communityImpactLinkCopy: ({ brandName = \"\" }) => `${brandName}コミュニティの活動実績をすべて見る `,\n    // share modal\n    impactShareButton: () => `SNSでシェアする`,\n  },\n};\n","import { css, html, LitElement, PropertyValues } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { queryAll } from \"lit/decorators/query-all.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport debounce from \"lodash-es/debounce\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES, WIDGET_NAMES } from \"../../api-sdk/constants\";\nimport { LANGUAGES, TUrl } from \"../../api-sdk/types\";\nimport { getImpact } from \"../../api-sdk/v3/routes\";\nimport { MissingConfig } from \"../../utils/beam-errors\";\nimport \"../../shared/components/progress-bar\";\nimport { progressBarConfigDefaults } from \"../../shared/components/progress-bar\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { logger } from \"../../utils/logger\";\nimport \"../../shared/shoelace-components\";\nimport { syncElementHeights } from \"../../shared/sync-element-heights\";\nimport { TId, TNumericId } from \"../../shared/types\";\nimport \"../beam-partner-logos\";\nimport { partnerLogosConfigDefaults } from \"../beam-partner-logos\";\nimport { shareButtonConfigDefaults } from \"../../shared/components/share-button\";\nimport { cssResponsiveUtils } from \"../../shared/responsive\";\nimport { strings } from \"./strings\";\nimport \"../../shared/components/share-button\";\n\ntype RequiredConfig = {\n  apiKey: string;\n  nonprofitId: TNumericId;\n  userId: TId;\n};\n\nexport class BeamImpactOverview extends LitElement {\n  static tagName = \"beam-impact-overview\";\n\n  @property({ type: String, reflect: true }) public baseUrl: TUrl = DEFAULT_BASE_URL;\n\n  @property({ type: String, reflect: false }) apiKey?: RequiredConfig[\"apiKey\"];\n\n  @property({ type: Number }) storeId?: number;\n\n  @property({ type: String, reflect: true }) nonprofitId?: RequiredConfig[\"nonprofitId\"];\n\n  @property({ type: String, reflect: true }) userId?: RequiredConfig[\"userId\"];\n\n  @property({ type: String }) public lang: LANGUAGES = \"en\";\n\n  @property({ type: Boolean }) public debug = false;\n\n  @property({ type: Boolean }) public draftConfig = false;\n\n  @property({ type: String }) transactionId?: string;\n  /**\n   * @deprecated (v1.49.0) promoCodes and discountCodes will now be retrieved on the backend using transactionId\n   */\n  @property({ type: Object }) public discountCodes?: string[];\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  getImpactData = async () => {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"userId\", \"nonprofitId\"], this)) throw new MissingConfig();\n    const res = await getImpact({\n      baseUrl: this.baseUrl,\n      headers: {\n        authorization: `Api-Key ${this.apiKey}`,\n      },\n      queryParams: {\n        nonprofitId: this.nonprofitId,\n        beamUserId: this.userId,\n        personalImpactLimit: 1,\n        communityImpactLimit: 1,\n        storeId: this.storeId,\n        widgetName: WIDGET_NAMES.impact_overview,\n        version: \"1.0.0\",\n        draftConfig: this.draftConfig,\n        lang: this.configLang,\n        discountCodes: this.discountCodes && this.discountCodes.length > 0 ? this.discountCodes : undefined,\n        transactionId: this.transactionId ?? undefined,\n      },\n    });\n\n    return res;\n  };\n\n  private impactDataController = new AsyncController<typeof this.getImpactData>(this, this.getImpactData);\n\n  @queryAll(\".impact-card-title\")\n  impactTitleRefs!: HTMLElement[];\n\n  @queryAll(\".impact-card-description\")\n  impactDescriptionRefs!: HTMLElement[];\n\n  @queryAll(\".impact-link\")\n  impactLinkRefs!: HTMLElement[];\n\n  @queryAll(\".impact-card-goalCompletionText\")\n  goalCompletionTextRefs!: HTMLElement[];\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(\"resize\", this.resizeElements);\n  }\n\n  async updated(changedProperties: PropertyValues): Promise<void> {\n    // Reload nonprofit list on change of any of these props:\n    // Also fires on first load as props go from undefined => value\n    const requireNewDataProps = [\"baseUrl\", \"storeId\", \"apiKey\", \"userId\", \"lang\", \"discountCodes\"];\n    for (const prop of requireNewDataProps) {\n      if (changedProperties.has(prop)) {\n        await this.impactDataController.exec();\n        break;\n      }\n    }\n    this.resizeElements(); // Handle layout shifts immediately\n    await this.handleFontLoad(this.resizeElements); // If content change triggered font load, resize again\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener(\"resize\", this.resizeElements);\n    document.fonts.removeEventListener(\"loadingdone\", this.resizeElements);\n    super.disconnectedCallback();\n  }\n\n  /**\n   * Safari does not fire loading events on the document FontFaceSet, but it does implement the .ready Promise\n   * Call this method to wait for font loads that may be triggered by content changes\n   */\n  async handleFontLoad<T = any>(callback: () => T | void) {\n    if (document.fonts.status === \"loading\") {\n      await document.fonts.ready.catch((e) => logger.error(e));\n      return callback();\n    }\n  }\n\n  resizeElements = debounce(\n    () => {\n      syncElementHeights(this.impactTitleRefs);\n      syncElementHeights(this.impactDescriptionRefs);\n      syncElementHeights(this.impactLinkRefs);\n      syncElementHeights(this.goalCompletionTextRefs);\n    },\n    50,\n    { maxWait: 50, leading: true }\n  );\n\n  renderCard({\n    imageUrl,\n    title,\n    percentFunded,\n    goalProgressText,\n    description,\n    urlCopy,\n    impactUrl,\n    isImage,\n    cardType,\n    goalCompletionText,\n  }: {\n    imageUrl: TUrl;\n    title: string;\n    percentFunded: number;\n    goalProgressText: string;\n    description: string;\n    urlCopy?: string;\n    impactUrl: TUrl;\n    isImage: boolean;\n    cardType: string;\n    goalCompletionText?: string;\n  }) {\n    return html`\n      <div class=\"impact-card ${isImage ? \"\" : \"icon\"}\" part=\"impact-card\">\n        <div class=\"${isImage ? \"\" : \"icon-background \"}\">\n          <img src=\"${imageUrl}\" alt=\"${title}\" class=\"${isImage ? \"impact-card-image\" : \"impact-card-icon\"}\" />\n        </div>\n        <div class=\"${isImage ? \"\" : \"impact-icon-card-content\"}\" style=\"margin: 12px;\">\n          <div class=\"impact-card-title\">${title}</div>\n          <p class=\"impact-card-description\">${unsafeHTML(description)}</p>\n          <div class=\"impact-card-goalCompletionText\">\n            <p>${unsafeHTML(goalCompletionText)}</p>\n          </div>\n          <div class=\"impact-card-progress\" style=\"display: flex; align-items: center;\">\n            <beam-progress-bar\n              value=\"${percentFunded}\"\n              style=\"flex: 1 0;\"\n              class=\"impact-card-progressbar\"\n            ></beam-progress-bar>\n            <span class=\"impact-card-progressText\" style=\"flex: 0 1; margin-left: 10px; white-space: nowrap;\"\n              >${localizeUserString(this.configLang, goalProgressText)}</span\n            >\n          </div>\n          <p class=\"impact-link\" part=\"impact-link\">\n            <a href=\"${impactUrl}\" target=\"_blank\" rel=\"noopener noreferrer\">\n              ${cardType === \"personal\"\n                ? strings[this.configLang].personalImpactLinkCopy({\n                    nonprofitName: urlCopy,\n                  })\n                : strings[this.configLang].communityImpactLinkCopy({\n                    brandName: urlCopy,\n                  })}<span class=\"impact-link-arrow\">&nbsp;&rsaquo;</span>\n            </a>\n          </p>\n        </div>\n      </div>\n    `;\n  }\n\n  render() {\n    const { data, loading, error } = this.impactDataController;\n    if (loading) {\n      return _loading();\n    }\n    if (error) {\n      if (this.debug) {\n        return _errorMessage({ error });\n      }\n      return \"\";\n    }\n    if (data == null) {\n      if (this.debug) {\n        return _errorMessage({ error: new Error(\"No data\") });\n      }\n      return \"\";\n    }\n    const brandName = this.impactDataController.data?.chain.name;\n    const cardStyle = this.cssVariables[\"--beam-ImpactOverview-cardStyle\"];\n    const isImage = cardStyle === \"'image'\";\n    const isSelectedIcon = cardStyle === \"'selected_icon'\";\n    const personalImageUrl = data.personal[0]?.imageUrl || \"\";\n    const communityImageUrl = data.community[0].imageUrl || \"\";\n    const iconUrl = data.personal[0]?.nonprofit.causeIconUrl;\n    const selectedIconUrl = data.personal[0]?.nonprofit.causeIconSelectedUrl;\n    const personalCardImage = isImage ? personalImageUrl : isSelectedIcon ? selectedIconUrl : iconUrl;\n    const communityCardImage = isImage ? communityImageUrl : isSelectedIcon ? selectedIconUrl : iconUrl;\n\n    const shareImage =\n      this.impactDataController.data?.promoAssetUrl || this.impactDataController.data?.personalImpactAssetUrl;\n    const showShare = this.cssVariables[\"--beam-ImpactOverview-share-button-display\"] !== \"none\";\n    const showShareMobile =\n      showShare && this.cssVariables[\"--beam-ImpactOverview-share-button-display-mobile\"] !== \"none\";\n    const showShareDesktop =\n      showShare && this.cssVariables[\"--beam-ImpactOverview-share-button-display-desktop\"] !== \"none\";\n    const shareIcon = this.cssVariables[\"--beam-ImpactOverview-share-button-icon-name\"] || \"share-2\";\n\n    let shareButtonVisibilityClass = \"d-none\";\n    if (showShareMobile) {\n      shareButtonVisibilityClass = showShareDesktop ? \"d-block\" : \"d-lg-none\";\n    } else {\n      shareButtonVisibilityClass = showShareDesktop ? \"d-none d-lg-block\" : \"d-none\";\n    }\n\n    return html`\n      <style>\n        :host {\n          ${this.cssVariables.toCSS()}\n        }\n      </style>\n\n      <div>\n        <beam-partner-logos\n          partnerLogoUrl=\"${data.chain.logoUrl}\"\n          partnerName=\"${data.chain.name}\"\n          part=\"logos\"\n        ></beam-partner-logos>\n      </div>\n\n      <div class=\"description\">\n        <div class=\"title\" part=\"title\">\n          ${localizeUserString(this.configLang, data.config?.web?.title) ||\n          strings[this.configLang].descriptionTitle({ nonprofitName: data.personal[0].nonprofit.name })}\n        </div>\n        <div class=\"subtitle\" part=\"subtitle\">\n          ${localizeUserString(this.configLang, data.config?.web?.description) ||\n          strings[this.configLang].descriptionSubtitle({ brandName: data.chain.name })}\n        </div>\n      </div>\n\n      <div class=\"${isImage ? \"impact-image-cards\" : \"impact-icon-cards\"}\" part=\"impact-cards\">\n        <div class=\"impact your-impact ${isImage ? \"image-card-container\" : \"icon-card-container\"}\">\n          ${this.renderCard({\n            isImage,\n            imageUrl: personalCardImage || \"\",\n            title: strings[this.configLang].yourImpactTitle(),\n            percentFunded: data.personal[0]?.impact?.goalProgressPercentage || 0,\n            goalProgressText: data.personal[0]?.impact?.goalProgressText,\n            description: localizeUserString(this.configLang, data.personal[0]?.impact?.description || \"\"),\n            urlCopy: data.personal[0].nonprofit?.name,\n            impactUrl: data.personal[0].nonprofit?.website || \"\",\n            cardType: \"personal\",\n            goalCompletionText: data.personal[0].impact.goalCompletionText,\n          })}\n        </div>\n        <div class=\"impact community-impact ${isImage ? \"image-card-container\" : \"icon-card-container\"}\">\n          ${this.renderCard({\n            isImage,\n            imageUrl: communityCardImage || \"\",\n            title: strings[this.configLang].communityImpactTitle(),\n            percentFunded: data.community[0].impact?.goalProgressPercentage || 0,\n            goalProgressText: data.community[0]?.impact?.goalProgressText,\n            description: localizeUserString(this.configLang, data.community[0].impact?.description || \"\"),\n            urlCopy: data.chain.name,\n            impactUrl:\n              data.store.communityPageURL || data.chain.communityImpactUrl || data.personal[0].nonprofit.website || \"\",\n            cardType: \"community\",\n            goalCompletionText: data.community[0].impact.goalCompletionText,\n          })}\n        </div>\n      </div>\n\n      <div class=\"footer ${shareButtonVisibilityClass} shareButtonContainer\" part=\"social-share\">\n        <beam-share-button\n          imageUrl=\"${shareImage}\"\n          brandName=\"${brandName}\"\n          shareIcon=\"${shareIcon}\"\n          buttonText=\"${strings[this.configLang].impactShareButton()}\"\n          configLang=\"${this.configLang}\"\n          baseUrl=\"${this.baseUrl}\"\n          storeId=\"${this.storeId}\"\n          nonprofitId=\"${this.nonprofitId}\"\n          transactionId=\"${this.transactionId}\"\n          apiKey=\"${this.apiKey}\"\n        ></beam-share-button>\n      </div>\n\n      <div id=\"modal-root\"></div>\n    `;\n  }\n\n  public get cssVariables() {\n    const defaults = {\n      \"--beam-fontFamily\": \"inherit\",\n      \"--beam-fontStyle\": \"inherit\",\n      \"--beam-fontSize\": \"inherit\",\n      \"--beam-textColor\": \"inherit\",\n      \"--beam-backgroundColor\": \"inherit\",\n      ...partnerLogosConfigDefaults,\n      ...progressBarConfigDefaults,\n      ...shareButtonConfigDefaults,\n      ...defineCustomText(\"--beam-ImpactOverview-title\", {\n        fontSize: \"16px\",\n        fontWeight: \"bold\",\n        marginTop: \"10px\",\n        textTransform: \"capitalize\",\n      }),\n      ...defineCustomText(\"--beam-ImpactOverview-subtitle\", {\n        marginTop: \"5px\",\n      }),\n      \"--beam-ImpactOverview-impactCards-maxWidth\": \"650px\",\n      \"--beam-ImpactOverview-impactCard-backgroundColor\": \"inherit\",\n      \"--beam-ImpactOverview-impactCard-foregroundColor\": \"currentColor\",\n      \"--beam-ImpactOverview-impactCard-borderColor\": \"currentColor\",\n      \"--beam-ImpactOverview-impactCard-borderRadius\": \"5px\",\n      \"--beam-ImpactOverview-impactCard-marginTop\": \"10px\",\n      ...defineCustomText(\"--beam-ImpactOverview-impactCard-title\", {\n        fontSize: \"15px\",\n        fontWeight: \"bold\",\n        letterSpacing: \"0.36px\",\n      }),\n      \"--beam-ImpactOverview-impactCard-progress-marginTop\": \"8px\",\n      ...defineCustomText(\"--beam-ImpactOverview-impactCard-progressText\"),\n      ...defineCustomText(\"--beam-ImpactOverview-impactCard-description\", {\n        marginTop: \"10px\",\n      }),\n      \"--beam-ImpactOverview-impactCard-linkArrow-display\": \"inline\",\n      \"--beam-ImpactOverview-impactCard-link-color\": \"inherit\",\n      ...defineCustomText(\"--beam-ImpactOverview-impactCard-link\", {\n        marginTop: \"10px\",\n        textDecoration: \"underline\",\n        textTransform: \"capitalize\",\n      }),\n      ...defineCustomText(\"--beam-ImpactOverview-goalCompletionText\", {\n        marginTop: \"5px\",\n        fontWeight: \"600\",\n        textTransform: \"capitalize\",\n        fontSize: \"13px\",\n      }),\n      \"--beam-ImpactOverview-share-button-display\": \"none\",\n      \"--beam-ImpactOverview-share-button-display-mobile\": \"inherit\",\n      \"--beam-ImpactOverview-share-button-display-desktop\": \"inherit\",\n      \"--beam-ImpactOverview-image-display\": \"block\",\n      \"--beam-ImpactOverview-cardStyle\": \"'image'\", // icon, selected_icon, image\n      \"--beam-ImpactOverview-iconBackground-width\": \"75px\",\n      \"--beam-ImpactOverview-iconBackground-height\": \"75px\",\n      \"--beam-ImpactOverview-iconBackground-borderRadius\": \"50px\",\n      \"--beam-ImpactOverview-icon-padding\": \"0px\",\n      \"--beam-ImpactOverview-iconBackground-background\": \"#f3f3f3\",\n      \"--beam-ImpactOverview-impactCard-shareButton-background\": \"#fff\",\n      \"--beam-ImpactOverview-impactCard-shareButton-boxShadow\": \"0px -20px 20px 0px rgb(0 0 0 / 2%)\",\n    };\n\n    const remoteConfig = this.impactDataController?.data?.config?.web?.theme || {};\n\n    const config = { ...defaults, ...remoteConfig };\n\n    const serializable = Object.create({\n      toCSS() {\n        return _cssVariableMap(this as Record<string, string>);\n      },\n    });\n\n    return Object.assign(serializable, config);\n  }\n\n  static styles = [\n    cssReset,\n    cssResponsiveUtils,\n    css`\n      :host {\n        display: block;\n        font-family: var(--beam-fontFamily);\n        font-style: var(--beam-fontStyle);\n        font-size: var(--beam-fontSize);\n        background-color: var(--beam-backgroundColor);\n        color: var(--beam-textColor);\n        max-width: var(--beam-ImpactOverview-impactCards-maxWidth, 650px);\n        word-break: normal;\n      }\n      .icon {\n        display: flex;\n        align-items: center;\n      }\n      .icon-background {\n        width: var(--beam-ImpactOverview-iconBackground-width, 75px);\n        height: var(--beam-ImpactOverview-iconBackground-height, 75px);\n        border-radius: var(--beam-ImpactOverview-iconBackground-borderRadius, 50px);\n        padding: var(--beam-ImpactOverview-icon-padding, 0px);\n        margin: 8px;\n        overflow: hidden;\n        background: var(--beam-ImpactOverview-iconBackground-background, #f3f3f3);\n        display: flex;\n        justify-content: center;\n        align-items: center;\n      }\n      .impact-icon-card-content {\n        flex: 3 1 75%;\n      }\n      .impact-image-cards {\n        max-width: var(--beam-ImpactOverview-impactCards-maxWidth);\n        display: flex;\n        flex-wrap: wrap;\n        gap: 15px;\n        margin: 10px 0;\n      }\n      .impact-icon-cards {\n        max-width: var(--beam-ImpactOverview-impactCards-maxWidth);\n        margin: 10px 0;\n      }\n      .impact-card {\n        padding-bottom: 5px;\n        margin-top: var(--beam-ImpactOverview-impactCard-marginTop);\n        background-color: var(--beam-ImpactOverview-impactCard-backgroundColor);\n        border: 1px solid var(--beam-ImpactOverview-impactCard-borderColor);\n        border-radius: var(--beam-ImpactOverview-impactCard-borderRadius);\n        overflow: hidden; /* maintain clean border-radius */\n        color: var(--beam-ImpactOverview-impactCard-foregroundColor);\n      }\n      .impact-card-image {\n        object-fit: cover;\n        height: 110px;\n        width: 100%;\n        display: var(--beam-ImpactOverview-image-display);\n      }\n      .impact-card-icon {\n        flex: 1 1 10%;\n        max-width: 50%;\n        display: var(--beam-ImpactOverview-image-display);\n      }\n      .image-card-container {\n        flex: 1 1;\n        display: inline-block;\n        min-width: 200px;\n        max-width: 100%;\n      }\n      .icon-card-container {\n        max-width: 100%;\n        min-width: 299px;\n      }\n      .impact-card-progress {\n        margin-top: var(--beam-ImpactOverview-impactCard-progress-marginTop);\n      }\n      .shareButtonContainer {\n        position: sticky;\n        bottom: 0;\n        z-index: 999;\n        background-color: var(--beam-ImpactOverview-impactCard-shareButton-background);\n        box-shadow: var(--beam-ImpactOverview-impactCard-shareButton-boxShadow);\n      }\n      .title {\n        ${useCustomText(\"--beam-ImpactOverview-title\")}\n      }\n      .subtitle {\n        ${useCustomText(\"--beam-ImpactOverview-subtitle\")}\n      }\n      .impact-card-title {\n        ${useCustomText(\"--beam-ImpactOverview-impactCard-title\")}\n      }\n      .impact-card-progressText {\n        ${useCustomText(\"--beam-ImpactOverview-impactCard-progressText\")}\n      }\n      .impact-card-description {\n        ${useCustomText(\"--beam-ImpactOverview-impactCard-description\")}\n      }\n      .impact-link {\n        ${useCustomText(\"--beam-ImpactOverview-impactCard-link\")}\n      }\n      .impact-link-arrow {\n        display: var(--beam-ImpactOverview-impactCard-linkArrow-display, \"inline\");\n      }\n      .impact-link a,\n      .impact-link a:visited {\n        color: var(--beam-ImpactOverview-impactCard-link-color, inherit);\n      }\n      .impact-card-goalCompletionText {\n        ${useCustomText(\"--beam-ImpactOverview-goalCompletionText\")}\n      }\n      .footer {\n        text-align: center;\n      }\n    `,\n    css`\n      .button {\n        cursor: pointer;\n      }\n      .icon-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n      }\n      .plain-button {\n        border: none;\n        background: none;\n        font-size: inherit;\n        font-family: inherit;\n      }\n    `,\n  ];\n}\n\ndefineCustomElement(BeamImpactOverview);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-impact-overview\": BeamImpactOverview;\n  }\n}\n"],"names":["strings","nonprofitName","brandName","R","h","d","e","a","t","n","s","BeamImpactOverview","LitElement","DEFAULT_BASE_URL","enforceConfig","getImpact","WIDGET_NAMES","AsyncController","debounce","syncElementHeights","SUPPORTED_LANGUAGES","changedProperties","requireNewDataProps","prop","callback","logger","imageUrl","title","percentFunded","goalProgressText","description","urlCopy","impactUrl","isImage","cardType","goalCompletionText","html","unsafeHTML","localizeUserString","data","loading","error","_loading","_errorMessage","cardStyle","isSelectedIcon","personalImageUrl","communityImageUrl","iconUrl","selectedIconUrl","personalCardImage","communityCardImage","shareImage","showShare","showShareMobile","showShareDesktop","shareIcon","shareButtonVisibilityClass","defaults","partnerLogosConfigDefaults","progressBarConfigDefaults","shareButtonConfigDefaults","defineCustomText","remoteConfig","config","_cssVariableMap","cssReset","cssResponsiveUtils","css","useCustomText","__decorateClass","property","queryAll","defineCustomElement"],"mappings":"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"}