@beamimpact/web-sdk 1.55.7 → 1.56.3

package/dist/components/social-share.esm.js

@@ -1,8 +1,13 @@
-import{f as m,g as o,t as n,h as g,y as f}from"../chunks/lit-WqMxC_PA.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"../chunks/_share-dialog-dependencies-BVNp0oLJ.esm.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"./beam-partner-logos.esm.js";import{c as b,d as y,e as u}from"../chunks/enforce-config-CZ3ToOgr.esm.js";import{D as w,S as x,g as I,W as U}from"../chunks/routes-E1gMJl6d.esm.js";import{_ as S}from"../chunks/loading-template-DG4lkIIc.esm.js";import{u as d,s as r,p}from"../chunks/share-button-BzmG48J9.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/logger.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";var k=Object.defineProperty,a=(l,t,i,v)=>{for(var s=void 0,c=l.length-1,h;c>=0;c--)(h=l[c])&&(s=h(t,i,s)||s);return s&&k(t,i,s),s};class e extends g{constructor(){super(...arguments),this.baseUrl=w,this.lang="en",this.debug=!1,this.brandName=null,this.shareImageUrl=null,this.isMobile=!1,this.windowResized=!1,this.checkViewport=()=>{this.windowResized=window.innerWidth<=768}}get configLang(){return x[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.checkViewport),this.checkViewport()}disconnectedCallback(){window.removeEventListener("resize",this.checkViewport),super.disconnectedCallback()}async fetchImpactData(){u(["apiKey","storeId","nonprofitId"],this);try{return await I({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{storeId:this.storeId,personalImpactLimit:0,nonprofitId:this.nonprofitId,widgetName:U.community_impact,version:"1.0.0",lang:this.configLang,transactionId:this.transactionId??void 0}})}catch(t){throw this.debug&&console.error("Failed to fetch impact data",t),t}}async updateImpactData(){try{const t=await this.fetchImpactData();if(t&&(this.brandName=t.chain.name,this.shareImageUrl=t.promoAssetUrl||t.personalImpactAssetUrl||t.community[0].share.imageUrl,this.shareImageUrl)){const i=await d(this.shareImageUrl);this.file=i,this.dataUrl=URL.createObjectURL(i)}}catch(t){this.debug&&console.error("Error updating impact data:",t)}}async firstUpdated(){await this.updateImpactData(),this.isMobile=/Mobi|Android/i.test(navigator.userAgent)||"ontouchstart"in window||navigator.maxTouchPoints>0}async openSystemShareSheet(t){if(t)try{const i=await d(t);navigator.share&&this.brandName&&await navigator.share({files:[i],title:r[this.lang].impactShareTitle(),text:r[this.lang].impactShareText({brandName:this.brandName})})}catch(i){this.debug&&console.error("Failed to open share sheet",i)}}async handleClickCopy(){if(this.file)try{this.apiKey&&this.transactionId?p({baseUrl:this.baseUrl,apiKey:this.apiKey||"",requestBody:{eventName:"ExtensibilityCopyImageButtonClick",nonprofitId:this.nonprofitId,storeId:this.storeId,timestamp:Date.now(),transactionId:Number(this.transactionId)}}).catch(()=>null):console.error("Missing data for social share analytics. Skipping send"),await navigator.clipboard.write([new ClipboardItem({"image/png":this.file})])}catch(t){this.debug&&console.error("Failed to copy image to clipboard:",t)}}handleClickDownload(t){this.apiKey&&this.transactionId?p({baseUrl:this.baseUrl,apiKey:this.apiKey||"",requestBody:{eventName:"ExtensibilityDownloadImageButtonClick",nonprofitId:this.nonprofitId,storeId:this.storeId,timestamp:Date.now(),transactionId:Number(this.transactionId)}}).catch(()=>null):console.error("Missing data for social share analytics. Skipping send");const i=t.currentTarget;this.isMobile&&this.shareImageUrl?(t.preventDefault(),this.openSystemShareSheet(this.shareImageUrl)):this.dataUrl&&(i.href=this.dataUrl,i.download=r[this.lang].impactShareTitle())}render(){return!this.brandName||!this.shareImageUrl||!this.dataUrl?S():f`
+import{i as m,n as o,r as n,a as g,b}from"../chunks/lit-JRlupCB5.esm.js";import"../chunks/vendor-ckSdd6aH.esm.js";import"../chunks/_share-dialog-dependencies-Bk60ibnw.esm.js";import"../chunks/progress-bar-B82FOT8n.esm.js";import"./beam-partner-logos.esm.js";import{c as f,d as y,e as u}from"../chunks/enforce-config-DHnpgqSK.esm.js";import{D as w,S as x,g as I,W as U}from"../chunks/routes-DSu5s3K7.esm.js";import{_ as S}from"../chunks/loading-template-BFvXaTlD.esm.js";import{u as d,s as r,p}from"../chunks/share-button-DXS3zbJz.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/logger.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../chunks/events-COWOQoLW.esm.js";import"../utils/memoize-last.esm.js";import"../chunks/lodash-BSs6Il-c.esm.js";var k=Object.defineProperty,a=(l,t,i,v)=>{for(var s=void 0,c=l.length-1,h;c>=0;c--)(h=l[c])&&(s=h(t,i,s)||s);return s&&k(t,i,s),s};class e extends g{constructor(){super(...arguments),this.baseUrl=w,this.lang="en",this.debug=!1,this.brandName=null,this.shareImageUrl=null,this.isMobile=!1,this.windowResized=!1,this.checkViewport=()=>{this.windowResized=window.innerWidth<=768}}get configLang(){return x[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.checkViewport),this.checkViewport()}disconnectedCallback(){window.removeEventListener("resize",this.checkViewport),super.disconnectedCallback()}async fetchImpactData(){u(["apiKey","storeId","nonprofitId"],this);try{return await I({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{storeId:this.storeId,personalImpactLimit:0,nonprofitId:this.nonprofitId,widgetName:U.community_impact,version:"1.0.0",lang:this.configLang,transactionId:this.transactionId??void 0}})}catch(t){throw this.debug&&console.error("Failed to fetch impact data",t),t}}async updateImpactData(){try{const t=await this.fetchImpactData();if(t&&(this.brandName=t.chain.name,this.shareImageUrl=t.promoAssetUrl||t.personalImpactAssetUrl||t.community[0].share.imageUrl,this.shareImageUrl)){const i=await d(this.shareImageUrl);this.file=i,this.dataUrl=URL.createObjectURL(i)}}catch(t){this.debug&&console.error("Error updating impact data:",t)}}async firstUpdated(){await this.updateImpactData(),this.isMobile=/Mobi|Android/i.test(navigator.userAgent)||"ontouchstart"in window||navigator.maxTouchPoints>0}async openSystemShareSheet(t){if(t)try{const i=await d(t);navigator.share&&this.brandName&&await navigator.share({files:[i],title:r[this.lang].impactShareTitle(),text:r[this.lang].impactShareText({brandName:this.brandName})})}catch(i){this.debug&&console.error("Failed to open share sheet",i)}}async handleClickCopy(){if(this.file)try{this.apiKey&&this.transactionId?p({baseUrl:this.baseUrl,apiKey:this.apiKey||"",requestBody:{eventName:"ExtensibilityCopyImageButtonClick",nonprofitId:this.nonprofitId,storeId:this.storeId,timestamp:Date.now(),transactionId:Number(this.transactionId)}}).catch(()=>null):console.error("Missing data for social share analytics. Skipping send"),await navigator.clipboard.write([new ClipboardItem({"image/png":this.file})])}catch(t){this.debug&&console.error("Failed to copy image to clipboard:",t)}}handleClickDownload(t){this.apiKey&&this.transactionId?p({baseUrl:this.baseUrl,apiKey:this.apiKey||"",requestBody:{eventName:"ExtensibilityDownloadImageButtonClick",nonprofitId:this.nonprofitId,storeId:this.storeId,timestamp:Date.now(),transactionId:Number(this.transactionId)}}).catch(()=>null):console.error("Missing data for social share analytics. Skipping send");const i=t.currentTarget;this.isMobile&&this.shareImageUrl?(t.preventDefault(),this.openSystemShareSheet(this.shareImageUrl)):this.dataUrl&&(i.href=this.dataUrl,i.download=r[this.lang].impactShareTitle())}render(){return!this.brandName||!this.shareImageUrl||!this.dataUrl?S():b`
       <div class="share-container ${this.windowResized||this.isMobile?"mobile":"desktop"}">
         <h2 class="share-title">${r[this.lang].impactShareTitle()}</h2>
         <p class="share-text">${r[this.lang].impactShareText({brandName:this.brandName})}</p>
-        <img src="${this.shareImageUrl}" alt="${r[this.lang].impactShareTitle()}" class="share-image" />
+        <img
+          data-speedsize-ignore="true"
+          src="${this.shareImageUrl}"
+          alt="${r[this.lang].impactShareTitle()}"
+          class="share-image"
+        />
         <div class="share-actions">
           <button class="plain-button button share-action-button" @click="${this.handleClickCopy}">
             <sl-icon
@@ -29,7 +34,7 @@ import{f as m,g as o,t as n,h as g,y as f}from"../chunks/lit-WqMxC_PA.esm.js";im
           </a>
         </div>
       </div>
-    `}}e.tagName="beam-social-share",e.styles=[b,m`
+    `}}e.tagName="beam-social-share",e.styles=[f,m`
       @font-face {
         font-family: "Mabry-Bold";
         src: url("../../../assets/fonts/mabry-bold.otf") format("opentype");
@@ -122,7 +127,9 @@ import{f as m,g as o,t as n,h as g,y as f}from"../chunks/lit-WqMxC_PA.esm.js";im
         text-decoration: none;
         color: #333;
         cursor: pointer;
-        transition: background-color 0.3s, border-color 0.3s;
+        transition:
+          background-color 0.3s,
+          border-color 0.3s;
       }
 
       .share-action-button:hover {

package/dist/components/social-share.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"social-share.esm.js","sources":["../../src/components/social-share/index.ts"],"sourcesContent":["import { css, html, LitElement } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport \"@shoelace-style/shoelace/dist/components/icon/icon.js\";\nimport \"../../shared/components/_share-dialog-dependencies\";\nimport \"../../shared/components/progress-bar\";\nimport \"../beam-partner-logos\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { getImpact } from \"../../api-sdk/v3/routes\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES, WIDGET_NAMES } from \"../../api-sdk/constants\";\nimport { MissingConfig } from \"../../utils/beam-errors\";\nimport { TNumericId } from \"../../shared/types\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { strings } from \"../../shared/components/strings/share-button\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { urlToFile } from \"../../shared/files\";\nimport { postSocialShareAnalyticsEvent } from \"../../api-sdk/v2/users/events\";\n\ntype RequiredConfig = {\n  apiKey: string;\n  storeId: TNumericId;\n  nonprofitId: TNumericId;\n};\n\nexport class BeamSocialShare extends LitElement {\n  static tagName = \"beam-social-share\";\n\n  @property({ type: String }) public apiKey?: RequiredConfig[\"apiKey\"];\n  @property({ type: Number }) storeId?: RequiredConfig[\"storeId\"];\n  @property({ type: Number }) nonprofitId?: RequiredConfig[\"nonprofitId\"];\n  @property({ type: String }) public baseUrl = DEFAULT_BASE_URL;\n  @property({ type: String }) public lang: LANGUAGES = \"en\";\n  @property({ type: Boolean }) public debug = false;\n  @property({ type: String }) transactionId?: string;\n\n  @state() private brandName: string | null = null;\n  @state() private shareImageUrl: string | null = null;\n  @state() private dataUrl?: string;\n  @state() private file?: File;\n  @state() private isMobile = false;\n  @state() private windowResized = false;\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(\"resize\", this.checkViewport);\n    this.checkViewport();\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener(\"resize\", this.checkViewport);\n    super.disconnectedCallback();\n  }\n\n  checkViewport = () => {\n    this.windowResized = window.innerWidth <= 768;\n  };\n\n  private async fetchImpactData() {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"storeId\", \"nonprofitId\"], this)) {\n      throw new MissingConfig();\n    }\n    try {\n      const res = await getImpact({\n        baseUrl: this.baseUrl,\n        headers: { authorization: `Api-Key ${this.apiKey}` },\n        queryParams: {\n          storeId: this.storeId,\n          personalImpactLimit: 0,\n          nonprofitId: this.nonprofitId,\n          widgetName: WIDGET_NAMES.community_impact,\n          version: \"1.0.0\",\n          lang: this.configLang,\n          transactionId: this.transactionId ?? undefined,\n        },\n      });\n      return res;\n    } catch (error) {\n      if (this.debug) {\n        console.error(\"Failed to fetch impact data\", error);\n      }\n      throw error;\n    }\n  }\n\n  // Updates component state with fetched impact data\n  private async updateImpactData() {\n    try {\n      const data = await this.fetchImpactData();\n      if (data) {\n        this.brandName = data.chain.name;\n        this.shareImageUrl = data.promoAssetUrl || data.personalImpactAssetUrl || data.community[0].share.imageUrl;\n\n        if (this.shareImageUrl) {\n          const file = await urlToFile(this.shareImageUrl);\n          this.file = file;\n          this.dataUrl = URL.createObjectURL(file);\n        }\n      }\n    } catch (error) {\n      if (this.debug) {\n        console.error(\"Error updating impact data:\", error);\n      }\n    }\n  }\n\n  async firstUpdated() {\n    await this.updateImpactData();\n    this.isMobile =\n      /Mobi|Android/i.test(navigator.userAgent) || \"ontouchstart\" in window || navigator.maxTouchPoints > 0;\n  }\n\n  private async openSystemShareSheet(imageUrl: string) {\n    if (!imageUrl) return;\n\n    try {\n      const file = await urlToFile(imageUrl);\n      if (navigator.share && this.brandName) {\n        await navigator.share({\n          files: [file],\n          title: strings[this.lang].impactShareTitle(),\n          text: strings[this.lang].impactShareText({ brandName: this.brandName }),\n        });\n      }\n    } catch (error) {\n      if (this.debug) {\n        console.error(\"Failed to open share sheet\", error);\n      }\n    }\n  }\n\n  private async handleClickCopy() {\n    if (this.file) {\n      try {\n        if (this.apiKey && this.transactionId) {\n          void postSocialShareAnalyticsEvent({\n            baseUrl: this.baseUrl,\n            apiKey: this.apiKey || \"\",\n            requestBody: {\n              eventName: \"ExtensibilityCopyImageButtonClick\",\n              nonprofitId: this.nonprofitId,\n              storeId: this.storeId,\n              timestamp: Date.now(),\n              transactionId: Number(this.transactionId),\n            },\n          }).catch(() => null);\n        } else {\n          console.error(\"Missing data for social share analytics. Skipping send\");\n        }\n        await navigator.clipboard.write([new ClipboardItem({ \"image/png\": this.file })]);\n      } catch (error) {\n        if (this.debug) {\n          console.error(\"Failed to copy image to clipboard:\", error);\n        }\n      }\n    }\n  }\n\n  private handleClickDownload(event: Event) {\n    if (this.apiKey && this.transactionId) {\n      void postSocialShareAnalyticsEvent({\n        baseUrl: this.baseUrl,\n        apiKey: this.apiKey || \"\",\n        requestBody: {\n          eventName: \"ExtensibilityDownloadImageButtonClick\",\n          nonprofitId: this.nonprofitId,\n          storeId: this.storeId,\n          timestamp: Date.now(),\n          transactionId: Number(this.transactionId),\n        },\n      }).catch(() => null);\n    } else {\n      console.error(\"Missing data for social share analytics. Skipping send\");\n    }\n    const target = event.currentTarget as HTMLAnchorElement;\n    if (this.isMobile && this.shareImageUrl) {\n      event.preventDefault();\n      this.openSystemShareSheet(this.shareImageUrl);\n    } else if (this.dataUrl) {\n      target.href = this.dataUrl;\n      target.download = strings[this.lang].impactShareTitle();\n    }\n  }\n\n  render() {\n    if (!this.brandName || !this.shareImageUrl || !this.dataUrl) {\n      return _loading();\n    }\n\n    return html`\n      <div class=\"share-container ${this.windowResized || this.isMobile ? \"mobile\" : \"desktop\"}\">\n        <h2 class=\"share-title\">${strings[this.lang].impactShareTitle()}</h2>\n        <p class=\"share-text\">${strings[this.lang].impactShareText({ brandName: this.brandName })}</p>\n        <img src=\"${this.shareImageUrl}\" alt=\"${strings[this.lang].impactShareTitle()}\" class=\"share-image\" />\n        <div class=\"share-actions\">\n          <button class=\"plain-button button share-action-button\" @click=\"${this.handleClickCopy}\">\n            <sl-icon\n              library=\"lucide\"\n              name=\"copy\"\n              label=\"${strings[this.lang].impactShareCopy()}\"\n              class=\"share-action-icon\"\n            ></sl-icon>\n            <div class=\"share-action-text\">${strings[this.lang].impactShareCopy()}</div>\n          </button>\n          <a\n            class=\"plain-button button share-action-button plain-link\"\n            download=\"${strings[this.lang].impactShareTitle()}\"\n            href=\"${this.dataUrl}\"\n            @click=\"${this.handleClickDownload}\"\n          >\n            <sl-icon\n              library=\"lucide\"\n              name=\"download\"\n              label=\"${strings[this.lang].impactShareDownload()}\"\n              class=\"share-action-icon\"\n            ></sl-icon>\n            <div class=\"share-action-text\">${strings[this.lang].impactShareDownload()}</div>\n          </a>\n        </div>\n      </div>\n    `;\n  }\n\n  static styles = [\n    cssReset,\n    css`\n      @font-face {\n        font-family: \"Mabry-Bold\";\n        src: url(\"../../../assets/fonts/mabry-bold.otf\") format(\"opentype\");\n        font-weight: bold;\n        font-style: normal;\n      }\n      @font-face {\n        font-family: \"Mabry-Medium\";\n        src: url(\"../../../assets/fonts/mabry-medium.otf\") format(\"opentype\");\n        font-weight: bold;\n        font-style: normal;\n      }\n      :host {\n        align-items: center;\n        justify-content: center;\n        display: flex;\n        box-sizing: border-box;\n        width: 100%;\n      }\n\n      .share-container {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        max-width: 700px;\n        text-align: center;\n      }\n\n      .share-container.mobile {\n        padding: 1rem;\n        max-width: 100%;\n      }\n\n      .share-title {\n        font-family: \"Mabry-Bold\", sans-serif;\n        font-size: 2.5rem;\n        font-weight: bold;\n        word-break: break-word;\n        margin: 10px 0;\n      }\n\n      .share-title.mobile {\n        font-size: 1.5rem;\n      }\n\n      .share-text {\n        font-family: \"Mabry-Medium\", sans-serif;\n        font-size: 1.25rem;\n        line-height: 1.4;\n        word-break: break-word;\n        margin: 10px 0;\n        max-width: 500px;\n      }\n\n      .share-text.mobile {\n        font-size: 1rem;\n      }\n\n      .share-image {\n        border-radius: 8px;\n        width: 100%;\n        max-width: 300px;\n        height: auto;\n        display: block;\n        margin: 20px auto;\n      }\n\n      .share-actions {\n        display: flex;\n        flex-direction: row;\n        justify-content: center;\n        gap: 10px;\n        align-items: center;\n        margin: 20px 0;\n      }\n\n      .share-actions.mobile {\n        flex-direction: column;\n      }\n\n      .share-action-button {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        padding: 10px 20px;\n        border: 1px solid #ccc;\n        border-radius: 4px;\n        background-color: #fff;\n        text-decoration: none;\n        color: #333;\n        cursor: pointer;\n        transition: background-color 0.3s, border-color 0.3s;\n      }\n\n      .share-action-button:hover {\n        background-color: #f0f0f0;\n        border-color: #bbb;\n      }\n\n      .share-action-icon {\n        font-size: 1.25rem;\n        margin-right: 8px;\n      }\n\n      .share-action-text {\n        font-family: \"Mabry-Medium\", sans-serif;\n        font-size: 1rem;\n        line-height: 1.4;\n        margin-top: 5px;\n      }\n\n      @media (max-width: 600px) {\n        .share-title {\n          font-size: 1.5rem;\n        }\n\n        .share-text {\n          font-size: 1rem;\n        }\n\n        .share-image {\n          max-width: 240px;\n        }\n\n        .share-actions {\n          flex-direction: row;\n          width: 50%;\n          margin: 10px 0;\n        }\n\n        .share-action-button {\n          width: 100%;\n          margin: 5px 0;\n        }\n      }\n    `,\n  ];\n}\n\ndefineCustomElement(BeamSocialShare);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-social-share\": BeamSocialShare;\n  }\n}\n"],"names":["m","i","s","t","e","r","d","BeamSocialShare","LitElement","DEFAULT_BASE_URL","SUPPORTED_LANGUAGES","enforceConfig","getImpact","WIDGET_NAMES","error","data","file","urlToFile","imageUrl","strings","postSocialShareAnalyticsEvent","event","target","_loading","html","cssReset","css","__decorateClass","property","state","defineCustomElement"],"mappings":"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"}
+{"version":3,"file":"social-share.esm.js","sources":["../../src/components/social-share/index.ts"],"sourcesContent":["import { css, html, LitElement } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport \"@shoelace-style/shoelace/dist/components/icon/icon.js\";\nimport \"../../shared/components/_share-dialog-dependencies\";\nimport \"../../shared/components/progress-bar\";\nimport \"../beam-partner-logos\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { getImpact } from \"../../api-sdk/v3/routes\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES, WIDGET_NAMES } from \"../../api-sdk/constants\";\nimport { MissingConfig } from \"../../utils/beam-errors\";\nimport { TNumericId } from \"../../shared/types\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { strings } from \"../../shared/components/strings/share-button\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { urlToFile } from \"../../shared/files\";\nimport { postSocialShareAnalyticsEvent } from \"../../api-sdk/v2/users/events\";\n\ntype RequiredConfig = {\n  apiKey: string;\n  storeId: TNumericId;\n  nonprofitId: TNumericId;\n};\n\nexport class BeamSocialShare extends LitElement {\n  static tagName = \"beam-social-share\";\n\n  @property({ type: String }) public apiKey?: RequiredConfig[\"apiKey\"];\n  @property({ type: Number }) storeId?: RequiredConfig[\"storeId\"];\n  @property({ type: Number }) nonprofitId?: RequiredConfig[\"nonprofitId\"];\n  @property({ type: String }) public baseUrl = DEFAULT_BASE_URL;\n  @property({ type: String }) public lang: LANGUAGES = \"en\";\n  @property({ type: Boolean }) public debug = false;\n  @property({ type: String }) transactionId?: string;\n\n  @state() private brandName: string | null = null;\n  @state() private shareImageUrl: string | null = null;\n  @state() private dataUrl?: string;\n  @state() private file?: File;\n  @state() private isMobile = false;\n  @state() private windowResized = false;\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(\"resize\", this.checkViewport);\n    this.checkViewport();\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener(\"resize\", this.checkViewport);\n    super.disconnectedCallback();\n  }\n\n  checkViewport = () => {\n    this.windowResized = window.innerWidth <= 768;\n  };\n\n  private async fetchImpactData() {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"storeId\", \"nonprofitId\"], this)) {\n      throw new MissingConfig();\n    }\n    try {\n      const res = await getImpact({\n        baseUrl: this.baseUrl,\n        headers: { authorization: `Api-Key ${this.apiKey}` },\n        queryParams: {\n          storeId: this.storeId,\n          personalImpactLimit: 0,\n          nonprofitId: this.nonprofitId,\n          widgetName: WIDGET_NAMES.community_impact,\n          version: \"1.0.0\",\n          lang: this.configLang,\n          transactionId: this.transactionId ?? undefined,\n        },\n      });\n      return res;\n    } catch (error) {\n      if (this.debug) {\n        console.error(\"Failed to fetch impact data\", error);\n      }\n      throw error;\n    }\n  }\n\n  // Updates component state with fetched impact data\n  private async updateImpactData() {\n    try {\n      const data = await this.fetchImpactData();\n      if (data) {\n        this.brandName = data.chain.name;\n        this.shareImageUrl = data.promoAssetUrl || data.personalImpactAssetUrl || data.community[0].share.imageUrl;\n\n        if (this.shareImageUrl) {\n          const file = await urlToFile(this.shareImageUrl);\n          this.file = file;\n          this.dataUrl = URL.createObjectURL(file);\n        }\n      }\n    } catch (error) {\n      if (this.debug) {\n        console.error(\"Error updating impact data:\", error);\n      }\n    }\n  }\n\n  async firstUpdated() {\n    await this.updateImpactData();\n    this.isMobile =\n      /Mobi|Android/i.test(navigator.userAgent) || \"ontouchstart\" in window || navigator.maxTouchPoints > 0;\n  }\n\n  private async openSystemShareSheet(imageUrl: string) {\n    if (!imageUrl) return;\n\n    try {\n      const file = await urlToFile(imageUrl);\n      if (navigator.share && this.brandName) {\n        await navigator.share({\n          files: [file],\n          title: strings[this.lang].impactShareTitle(),\n          text: strings[this.lang].impactShareText({ brandName: this.brandName }),\n        });\n      }\n    } catch (error) {\n      if (this.debug) {\n        console.error(\"Failed to open share sheet\", error);\n      }\n    }\n  }\n\n  private async handleClickCopy() {\n    if (this.file) {\n      try {\n        if (this.apiKey && this.transactionId) {\n          void postSocialShareAnalyticsEvent({\n            baseUrl: this.baseUrl,\n            apiKey: this.apiKey || \"\",\n            requestBody: {\n              eventName: \"ExtensibilityCopyImageButtonClick\",\n              nonprofitId: this.nonprofitId,\n              storeId: this.storeId,\n              timestamp: Date.now(),\n              transactionId: Number(this.transactionId),\n            },\n          }).catch(() => null);\n        } else {\n          console.error(\"Missing data for social share analytics. Skipping send\");\n        }\n        await navigator.clipboard.write([new ClipboardItem({ \"image/png\": this.file })]);\n      } catch (error) {\n        if (this.debug) {\n          console.error(\"Failed to copy image to clipboard:\", error);\n        }\n      }\n    }\n  }\n\n  private handleClickDownload(event: Event) {\n    if (this.apiKey && this.transactionId) {\n      void postSocialShareAnalyticsEvent({\n        baseUrl: this.baseUrl,\n        apiKey: this.apiKey || \"\",\n        requestBody: {\n          eventName: \"ExtensibilityDownloadImageButtonClick\",\n          nonprofitId: this.nonprofitId,\n          storeId: this.storeId,\n          timestamp: Date.now(),\n          transactionId: Number(this.transactionId),\n        },\n      }).catch(() => null);\n    } else {\n      console.error(\"Missing data for social share analytics. Skipping send\");\n    }\n    const target = event.currentTarget as HTMLAnchorElement;\n    if (this.isMobile && this.shareImageUrl) {\n      event.preventDefault();\n      this.openSystemShareSheet(this.shareImageUrl);\n    } else if (this.dataUrl) {\n      target.href = this.dataUrl;\n      target.download = strings[this.lang].impactShareTitle();\n    }\n  }\n\n  render() {\n    if (!this.brandName || !this.shareImageUrl || !this.dataUrl) {\n      return _loading();\n    }\n\n    return html`\n      <div class=\"share-container ${this.windowResized || this.isMobile ? \"mobile\" : \"desktop\"}\">\n        <h2 class=\"share-title\">${strings[this.lang].impactShareTitle()}</h2>\n        <p class=\"share-text\">${strings[this.lang].impactShareText({ brandName: this.brandName })}</p>\n        <img\n          data-speedsize-ignore=\"true\"\n          src=\"${this.shareImageUrl}\"\n          alt=\"${strings[this.lang].impactShareTitle()}\"\n          class=\"share-image\"\n        />\n        <div class=\"share-actions\">\n          <button class=\"plain-button button share-action-button\" @click=\"${this.handleClickCopy}\">\n            <sl-icon\n              library=\"lucide\"\n              name=\"copy\"\n              label=\"${strings[this.lang].impactShareCopy()}\"\n              class=\"share-action-icon\"\n            ></sl-icon>\n            <div class=\"share-action-text\">${strings[this.lang].impactShareCopy()}</div>\n          </button>\n          <a\n            class=\"plain-button button share-action-button plain-link\"\n            download=\"${strings[this.lang].impactShareTitle()}\"\n            href=\"${this.dataUrl}\"\n            @click=\"${this.handleClickDownload}\"\n          >\n            <sl-icon\n              library=\"lucide\"\n              name=\"download\"\n              label=\"${strings[this.lang].impactShareDownload()}\"\n              class=\"share-action-icon\"\n            ></sl-icon>\n            <div class=\"share-action-text\">${strings[this.lang].impactShareDownload()}</div>\n          </a>\n        </div>\n      </div>\n    `;\n  }\n\n  static styles = [\n    cssReset,\n    css`\n      @font-face {\n        font-family: \"Mabry-Bold\";\n        src: url(\"../../../assets/fonts/mabry-bold.otf\") format(\"opentype\");\n        font-weight: bold;\n        font-style: normal;\n      }\n      @font-face {\n        font-family: \"Mabry-Medium\";\n        src: url(\"../../../assets/fonts/mabry-medium.otf\") format(\"opentype\");\n        font-weight: bold;\n        font-style: normal;\n      }\n      :host {\n        align-items: center;\n        justify-content: center;\n        display: flex;\n        box-sizing: border-box;\n        width: 100%;\n      }\n\n      .share-container {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        max-width: 700px;\n        text-align: center;\n      }\n\n      .share-container.mobile {\n        padding: 1rem;\n        max-width: 100%;\n      }\n\n      .share-title {\n        font-family: \"Mabry-Bold\", sans-serif;\n        font-size: 2.5rem;\n        font-weight: bold;\n        word-break: break-word;\n        margin: 10px 0;\n      }\n\n      .share-title.mobile {\n        font-size: 1.5rem;\n      }\n\n      .share-text {\n        font-family: \"Mabry-Medium\", sans-serif;\n        font-size: 1.25rem;\n        line-height: 1.4;\n        word-break: break-word;\n        margin: 10px 0;\n        max-width: 500px;\n      }\n\n      .share-text.mobile {\n        font-size: 1rem;\n      }\n\n      .share-image {\n        border-radius: 8px;\n        width: 100%;\n        max-width: 300px;\n        height: auto;\n        display: block;\n        margin: 20px auto;\n      }\n\n      .share-actions {\n        display: flex;\n        flex-direction: row;\n        justify-content: center;\n        gap: 10px;\n        align-items: center;\n        margin: 20px 0;\n      }\n\n      .share-actions.mobile {\n        flex-direction: column;\n      }\n\n      .share-action-button {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        padding: 10px 20px;\n        border: 1px solid #ccc;\n        border-radius: 4px;\n        background-color: #fff;\n        text-decoration: none;\n        color: #333;\n        cursor: pointer;\n        transition:\n          background-color 0.3s,\n          border-color 0.3s;\n      }\n\n      .share-action-button:hover {\n        background-color: #f0f0f0;\n        border-color: #bbb;\n      }\n\n      .share-action-icon {\n        font-size: 1.25rem;\n        margin-right: 8px;\n      }\n\n      .share-action-text {\n        font-family: \"Mabry-Medium\", sans-serif;\n        font-size: 1rem;\n        line-height: 1.4;\n        margin-top: 5px;\n      }\n\n      @media (max-width: 600px) {\n        .share-title {\n          font-size: 1.5rem;\n        }\n\n        .share-text {\n          font-size: 1rem;\n        }\n\n        .share-image {\n          max-width: 240px;\n        }\n\n        .share-actions {\n          flex-direction: row;\n          width: 50%;\n          margin: 10px 0;\n        }\n\n        .share-action-button {\n          width: 100%;\n          margin: 5px 0;\n        }\n      }\n    `,\n  ];\n}\n\ndefineCustomElement(BeamSocialShare);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-social-share\": BeamSocialShare;\n  }\n}\n"],"names":["m","i","o","t","e","r","d","BeamSocialShare","LitElement","DEFAULT_BASE_URL","SUPPORTED_LANGUAGES","enforceConfig","getImpact","WIDGET_NAMES","error","data","file","urlToFile","imageUrl","strings","postSocialShareAnalyticsEvent","event","target","_loading","html","cssReset","css","__decorateClass","property","state","defineCustomElement"],"mappings":"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"}

package/dist/components/social-share.js

@@ -1,8 +1,13 @@
-import{f as m,g as o,t as n,h as g,y as f}from"../chunks/lit-WqMxC_PA.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"../chunks/_share-dialog-dependencies-D4i8Nvve.esm.js";import"../chunks/progress-bar-DF7UuuHb.esm.js";import"./beam-partner-logos.js";import{c as b,d as y,e as u}from"../chunks/enforce-config-Ba1JkOHs.esm.js";import{D as w,S as x,g as I,W as U}from"../chunks/routes-BHChxaFQ.esm.js";import{_ as S}from"../chunks/loading-template-DG4lkIIc.esm.js";import{u as d,s as r,p}from"../chunks/share-button-BnNOZHBt.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/logger.js";import"../chunks/promo-types-DKAOFHJr.esm.js";var k=Object.defineProperty,a=(l,t,i,v)=>{for(var s=void 0,c=l.length-1,h;c>=0;c--)(h=l[c])&&(s=h(t,i,s)||s);return s&&k(t,i,s),s};class e extends g{constructor(){super(...arguments),this.baseUrl=w,this.lang="en",this.debug=!1,this.brandName=null,this.shareImageUrl=null,this.isMobile=!1,this.windowResized=!1,this.checkViewport=()=>{this.windowResized=window.innerWidth<=768}}get configLang(){return x[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.checkViewport),this.checkViewport()}disconnectedCallback(){window.removeEventListener("resize",this.checkViewport),super.disconnectedCallback()}async fetchImpactData(){u(["apiKey","storeId","nonprofitId"],this);try{return await I({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{storeId:this.storeId,personalImpactLimit:0,nonprofitId:this.nonprofitId,widgetName:U.community_impact,version:"1.0.0",lang:this.configLang,transactionId:this.transactionId??void 0}})}catch(t){throw this.debug&&console.error("Failed to fetch impact data",t),t}}async updateImpactData(){try{const t=await this.fetchImpactData();if(t&&(this.brandName=t.chain.name,this.shareImageUrl=t.promoAssetUrl||t.personalImpactAssetUrl||t.community[0].share.imageUrl,this.shareImageUrl)){const i=await d(this.shareImageUrl);this.file=i,this.dataUrl=URL.createObjectURL(i)}}catch(t){this.debug&&console.error("Error updating impact data:",t)}}async firstUpdated(){await this.updateImpactData(),this.isMobile=/Mobi|Android/i.test(navigator.userAgent)||"ontouchstart"in window||navigator.maxTouchPoints>0}async openSystemShareSheet(t){if(t)try{const i=await d(t);navigator.share&&this.brandName&&await navigator.share({files:[i],title:r[this.lang].impactShareTitle(),text:r[this.lang].impactShareText({brandName:this.brandName})})}catch(i){this.debug&&console.error("Failed to open share sheet",i)}}async handleClickCopy(){if(this.file)try{this.apiKey&&this.transactionId?p({baseUrl:this.baseUrl,apiKey:this.apiKey||"",requestBody:{eventName:"ExtensibilityCopyImageButtonClick",nonprofitId:this.nonprofitId,storeId:this.storeId,timestamp:Date.now(),transactionId:Number(this.transactionId)}}).catch(()=>null):console.error("Missing data for social share analytics. Skipping send"),await navigator.clipboard.write([new ClipboardItem({"image/png":this.file})])}catch(t){this.debug&&console.error("Failed to copy image to clipboard:",t)}}handleClickDownload(t){this.apiKey&&this.transactionId?p({baseUrl:this.baseUrl,apiKey:this.apiKey||"",requestBody:{eventName:"ExtensibilityDownloadImageButtonClick",nonprofitId:this.nonprofitId,storeId:this.storeId,timestamp:Date.now(),transactionId:Number(this.transactionId)}}).catch(()=>null):console.error("Missing data for social share analytics. Skipping send");const i=t.currentTarget;this.isMobile&&this.shareImageUrl?(t.preventDefault(),this.openSystemShareSheet(this.shareImageUrl)):this.dataUrl&&(i.href=this.dataUrl,i.download=r[this.lang].impactShareTitle())}render(){return!this.brandName||!this.shareImageUrl||!this.dataUrl?S():f`
+import{i as m,n as o,r as n,a as g,b}from"../chunks/lit-JRlupCB5.esm.js";import"../chunks/vendor-ckSdd6aH.esm.js";import"../chunks/_share-dialog-dependencies-D6vA_2f6.esm.js";import"../chunks/progress-bar-B82FOT8n.esm.js";import"./beam-partner-logos.js";import{c as f,d as y,e as u}from"../chunks/enforce-config-DUbQnaLO.esm.js";import{D as w,S as x,g as I,W as U}from"../chunks/routes-BIMwJ8u9.esm.js";import{_ as S}from"../chunks/loading-template-BFvXaTlD.esm.js";import{u as d,s as r,p}from"../chunks/share-button-CLMw49f5.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../utils/logger.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../chunks/events-COWOQoLW.esm.js";import"../utils/memoize-last.js";import"../chunks/lodash-BSs6Il-c.esm.js";var k=Object.defineProperty,a=(l,t,i,v)=>{for(var s=void 0,c=l.length-1,h;c>=0;c--)(h=l[c])&&(s=h(t,i,s)||s);return s&&k(t,i,s),s};class e extends g{constructor(){super(...arguments),this.baseUrl=w,this.lang="en",this.debug=!1,this.brandName=null,this.shareImageUrl=null,this.isMobile=!1,this.windowResized=!1,this.checkViewport=()=>{this.windowResized=window.innerWidth<=768}}get configLang(){return x[this.lang]||"en"}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.checkViewport),this.checkViewport()}disconnectedCallback(){window.removeEventListener("resize",this.checkViewport),super.disconnectedCallback()}async fetchImpactData(){u(["apiKey","storeId","nonprofitId"],this);try{return await I({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{storeId:this.storeId,personalImpactLimit:0,nonprofitId:this.nonprofitId,widgetName:U.community_impact,version:"1.0.0",lang:this.configLang,transactionId:this.transactionId??void 0}})}catch(t){throw this.debug&&console.error("Failed to fetch impact data",t),t}}async updateImpactData(){try{const t=await this.fetchImpactData();if(t&&(this.brandName=t.chain.name,this.shareImageUrl=t.promoAssetUrl||t.personalImpactAssetUrl||t.community[0].share.imageUrl,this.shareImageUrl)){const i=await d(this.shareImageUrl);this.file=i,this.dataUrl=URL.createObjectURL(i)}}catch(t){this.debug&&console.error("Error updating impact data:",t)}}async firstUpdated(){await this.updateImpactData(),this.isMobile=/Mobi|Android/i.test(navigator.userAgent)||"ontouchstart"in window||navigator.maxTouchPoints>0}async openSystemShareSheet(t){if(t)try{const i=await d(t);navigator.share&&this.brandName&&await navigator.share({files:[i],title:r[this.lang].impactShareTitle(),text:r[this.lang].impactShareText({brandName:this.brandName})})}catch(i){this.debug&&console.error("Failed to open share sheet",i)}}async handleClickCopy(){if(this.file)try{this.apiKey&&this.transactionId?p({baseUrl:this.baseUrl,apiKey:this.apiKey||"",requestBody:{eventName:"ExtensibilityCopyImageButtonClick",nonprofitId:this.nonprofitId,storeId:this.storeId,timestamp:Date.now(),transactionId:Number(this.transactionId)}}).catch(()=>null):console.error("Missing data for social share analytics. Skipping send"),await navigator.clipboard.write([new ClipboardItem({"image/png":this.file})])}catch(t){this.debug&&console.error("Failed to copy image to clipboard:",t)}}handleClickDownload(t){this.apiKey&&this.transactionId?p({baseUrl:this.baseUrl,apiKey:this.apiKey||"",requestBody:{eventName:"ExtensibilityDownloadImageButtonClick",nonprofitId:this.nonprofitId,storeId:this.storeId,timestamp:Date.now(),transactionId:Number(this.transactionId)}}).catch(()=>null):console.error("Missing data for social share analytics. Skipping send");const i=t.currentTarget;this.isMobile&&this.shareImageUrl?(t.preventDefault(),this.openSystemShareSheet(this.shareImageUrl)):this.dataUrl&&(i.href=this.dataUrl,i.download=r[this.lang].impactShareTitle())}render(){return!this.brandName||!this.shareImageUrl||!this.dataUrl?S():b`
       <div class="share-container ${this.windowResized||this.isMobile?"mobile":"desktop"}">
         <h2 class="share-title">${r[this.lang].impactShareTitle()}</h2>
         <p class="share-text">${r[this.lang].impactShareText({brandName:this.brandName})}</p>
-        <img src="${this.shareImageUrl}" alt="${r[this.lang].impactShareTitle()}" class="share-image" />
+        <img
+          data-speedsize-ignore="true"
+          src="${this.shareImageUrl}"
+          alt="${r[this.lang].impactShareTitle()}"
+          class="share-image"
+        />
         <div class="share-actions">
           <button class="plain-button button share-action-button" @click="${this.handleClickCopy}">
             <sl-icon
@@ -29,7 +34,7 @@ import{f as m,g as o,t as n,h as g,y as f}from"../chunks/lit-WqMxC_PA.esm.js";im
           </a>
         </div>
       </div>
-    `}}e.tagName="beam-social-share",e.styles=[b,m`
+    `}}e.tagName="beam-social-share",e.styles=[f,m`
       @font-face {
         font-family: "Mabry-Bold";
         src: url("../../../assets/fonts/mabry-bold.otf") format("opentype");
@@ -122,7 +127,9 @@ import{f as m,g as o,t as n,h as g,y as f}from"../chunks/lit-WqMxC_PA.esm.js";im
         text-decoration: none;
         color: #333;
         cursor: pointer;
-        transition: background-color 0.3s, border-color 0.3s;
+        transition:
+          background-color 0.3s,
+          border-color 0.3s;
       }
 
       .share-action-button:hover {

package/dist/components/social-share.js.map

@@ -1 +1 @@
-{"version":3,"file":"social-share.js","sources":["../../src/components/social-share/index.ts"],"sourcesContent":["import { css, html, LitElement } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport \"@shoelace-style/shoelace/dist/components/icon/icon.js\";\nimport \"../../shared/components/_share-dialog-dependencies\";\nimport \"../../shared/components/progress-bar\";\nimport \"../beam-partner-logos\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { getImpact } from \"../../api-sdk/v3/routes\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES, WIDGET_NAMES } from \"../../api-sdk/constants\";\nimport { MissingConfig } from \"../../utils/beam-errors\";\nimport { TNumericId } from \"../../shared/types\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { strings } from \"../../shared/components/strings/share-button\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { urlToFile } from \"../../shared/files\";\nimport { postSocialShareAnalyticsEvent } from \"../../api-sdk/v2/users/events\";\n\ntype RequiredConfig = {\n  apiKey: string;\n  storeId: TNumericId;\n  nonprofitId: TNumericId;\n};\n\nexport class BeamSocialShare extends LitElement {\n  static tagName = \"beam-social-share\";\n\n  @property({ type: String }) public apiKey?: RequiredConfig[\"apiKey\"];\n  @property({ type: Number }) storeId?: RequiredConfig[\"storeId\"];\n  @property({ type: Number }) nonprofitId?: RequiredConfig[\"nonprofitId\"];\n  @property({ type: String }) public baseUrl = DEFAULT_BASE_URL;\n  @property({ type: String }) public lang: LANGUAGES = \"en\";\n  @property({ type: Boolean }) public debug = false;\n  @property({ type: String }) transactionId?: string;\n\n  @state() private brandName: string | null = null;\n  @state() private shareImageUrl: string | null = null;\n  @state() private dataUrl?: string;\n  @state() private file?: File;\n  @state() private isMobile = false;\n  @state() private windowResized = false;\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(\"resize\", this.checkViewport);\n    this.checkViewport();\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener(\"resize\", this.checkViewport);\n    super.disconnectedCallback();\n  }\n\n  checkViewport = () => {\n    this.windowResized = window.innerWidth <= 768;\n  };\n\n  private async fetchImpactData() {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"storeId\", \"nonprofitId\"], this)) {\n      throw new MissingConfig();\n    }\n    try {\n      const res = await getImpact({\n        baseUrl: this.baseUrl,\n        headers: { authorization: `Api-Key ${this.apiKey}` },\n        queryParams: {\n          storeId: this.storeId,\n          personalImpactLimit: 0,\n          nonprofitId: this.nonprofitId,\n          widgetName: WIDGET_NAMES.community_impact,\n          version: \"1.0.0\",\n          lang: this.configLang,\n          transactionId: this.transactionId ?? undefined,\n        },\n      });\n      return res;\n    } catch (error) {\n      if (this.debug) {\n        console.error(\"Failed to fetch impact data\", error);\n      }\n      throw error;\n    }\n  }\n\n  // Updates component state with fetched impact data\n  private async updateImpactData() {\n    try {\n      const data = await this.fetchImpactData();\n      if (data) {\n        this.brandName = data.chain.name;\n        this.shareImageUrl = data.promoAssetUrl || data.personalImpactAssetUrl || data.community[0].share.imageUrl;\n\n        if (this.shareImageUrl) {\n          const file = await urlToFile(this.shareImageUrl);\n          this.file = file;\n          this.dataUrl = URL.createObjectURL(file);\n        }\n      }\n    } catch (error) {\n      if (this.debug) {\n        console.error(\"Error updating impact data:\", error);\n      }\n    }\n  }\n\n  async firstUpdated() {\n    await this.updateImpactData();\n    this.isMobile =\n      /Mobi|Android/i.test(navigator.userAgent) || \"ontouchstart\" in window || navigator.maxTouchPoints > 0;\n  }\n\n  private async openSystemShareSheet(imageUrl: string) {\n    if (!imageUrl) return;\n\n    try {\n      const file = await urlToFile(imageUrl);\n      if (navigator.share && this.brandName) {\n        await navigator.share({\n          files: [file],\n          title: strings[this.lang].impactShareTitle(),\n          text: strings[this.lang].impactShareText({ brandName: this.brandName }),\n        });\n      }\n    } catch (error) {\n      if (this.debug) {\n        console.error(\"Failed to open share sheet\", error);\n      }\n    }\n  }\n\n  private async handleClickCopy() {\n    if (this.file) {\n      try {\n        if (this.apiKey && this.transactionId) {\n          void postSocialShareAnalyticsEvent({\n            baseUrl: this.baseUrl,\n            apiKey: this.apiKey || \"\",\n            requestBody: {\n              eventName: \"ExtensibilityCopyImageButtonClick\",\n              nonprofitId: this.nonprofitId,\n              storeId: this.storeId,\n              timestamp: Date.now(),\n              transactionId: Number(this.transactionId),\n            },\n          }).catch(() => null);\n        } else {\n          console.error(\"Missing data for social share analytics. Skipping send\");\n        }\n        await navigator.clipboard.write([new ClipboardItem({ \"image/png\": this.file })]);\n      } catch (error) {\n        if (this.debug) {\n          console.error(\"Failed to copy image to clipboard:\", error);\n        }\n      }\n    }\n  }\n\n  private handleClickDownload(event: Event) {\n    if (this.apiKey && this.transactionId) {\n      void postSocialShareAnalyticsEvent({\n        baseUrl: this.baseUrl,\n        apiKey: this.apiKey || \"\",\n        requestBody: {\n          eventName: \"ExtensibilityDownloadImageButtonClick\",\n          nonprofitId: this.nonprofitId,\n          storeId: this.storeId,\n          timestamp: Date.now(),\n          transactionId: Number(this.transactionId),\n        },\n      }).catch(() => null);\n    } else {\n      console.error(\"Missing data for social share analytics. Skipping send\");\n    }\n    const target = event.currentTarget as HTMLAnchorElement;\n    if (this.isMobile && this.shareImageUrl) {\n      event.preventDefault();\n      this.openSystemShareSheet(this.shareImageUrl);\n    } else if (this.dataUrl) {\n      target.href = this.dataUrl;\n      target.download = strings[this.lang].impactShareTitle();\n    }\n  }\n\n  render() {\n    if (!this.brandName || !this.shareImageUrl || !this.dataUrl) {\n      return _loading();\n    }\n\n    return html`\n      <div class=\"share-container ${this.windowResized || this.isMobile ? \"mobile\" : \"desktop\"}\">\n        <h2 class=\"share-title\">${strings[this.lang].impactShareTitle()}</h2>\n        <p class=\"share-text\">${strings[this.lang].impactShareText({ brandName: this.brandName })}</p>\n        <img src=\"${this.shareImageUrl}\" alt=\"${strings[this.lang].impactShareTitle()}\" class=\"share-image\" />\n        <div class=\"share-actions\">\n          <button class=\"plain-button button share-action-button\" @click=\"${this.handleClickCopy}\">\n            <sl-icon\n              library=\"lucide\"\n              name=\"copy\"\n              label=\"${strings[this.lang].impactShareCopy()}\"\n              class=\"share-action-icon\"\n            ></sl-icon>\n            <div class=\"share-action-text\">${strings[this.lang].impactShareCopy()}</div>\n          </button>\n          <a\n            class=\"plain-button button share-action-button plain-link\"\n            download=\"${strings[this.lang].impactShareTitle()}\"\n            href=\"${this.dataUrl}\"\n            @click=\"${this.handleClickDownload}\"\n          >\n            <sl-icon\n              library=\"lucide\"\n              name=\"download\"\n              label=\"${strings[this.lang].impactShareDownload()}\"\n              class=\"share-action-icon\"\n            ></sl-icon>\n            <div class=\"share-action-text\">${strings[this.lang].impactShareDownload()}</div>\n          </a>\n        </div>\n      </div>\n    `;\n  }\n\n  static styles = [\n    cssReset,\n    css`\n      @font-face {\n        font-family: \"Mabry-Bold\";\n        src: url(\"../../../assets/fonts/mabry-bold.otf\") format(\"opentype\");\n        font-weight: bold;\n        font-style: normal;\n      }\n      @font-face {\n        font-family: \"Mabry-Medium\";\n        src: url(\"../../../assets/fonts/mabry-medium.otf\") format(\"opentype\");\n        font-weight: bold;\n        font-style: normal;\n      }\n      :host {\n        align-items: center;\n        justify-content: center;\n        display: flex;\n        box-sizing: border-box;\n        width: 100%;\n      }\n\n      .share-container {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        max-width: 700px;\n        text-align: center;\n      }\n\n      .share-container.mobile {\n        padding: 1rem;\n        max-width: 100%;\n      }\n\n      .share-title {\n        font-family: \"Mabry-Bold\", sans-serif;\n        font-size: 2.5rem;\n        font-weight: bold;\n        word-break: break-word;\n        margin: 10px 0;\n      }\n\n      .share-title.mobile {\n        font-size: 1.5rem;\n      }\n\n      .share-text {\n        font-family: \"Mabry-Medium\", sans-serif;\n        font-size: 1.25rem;\n        line-height: 1.4;\n        word-break: break-word;\n        margin: 10px 0;\n        max-width: 500px;\n      }\n\n      .share-text.mobile {\n        font-size: 1rem;\n      }\n\n      .share-image {\n        border-radius: 8px;\n        width: 100%;\n        max-width: 300px;\n        height: auto;\n        display: block;\n        margin: 20px auto;\n      }\n\n      .share-actions {\n        display: flex;\n        flex-direction: row;\n        justify-content: center;\n        gap: 10px;\n        align-items: center;\n        margin: 20px 0;\n      }\n\n      .share-actions.mobile {\n        flex-direction: column;\n      }\n\n      .share-action-button {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        padding: 10px 20px;\n        border: 1px solid #ccc;\n        border-radius: 4px;\n        background-color: #fff;\n        text-decoration: none;\n        color: #333;\n        cursor: pointer;\n        transition: background-color 0.3s, border-color 0.3s;\n      }\n\n      .share-action-button:hover {\n        background-color: #f0f0f0;\n        border-color: #bbb;\n      }\n\n      .share-action-icon {\n        font-size: 1.25rem;\n        margin-right: 8px;\n      }\n\n      .share-action-text {\n        font-family: \"Mabry-Medium\", sans-serif;\n        font-size: 1rem;\n        line-height: 1.4;\n        margin-top: 5px;\n      }\n\n      @media (max-width: 600px) {\n        .share-title {\n          font-size: 1.5rem;\n        }\n\n        .share-text {\n          font-size: 1rem;\n        }\n\n        .share-image {\n          max-width: 240px;\n        }\n\n        .share-actions {\n          flex-direction: row;\n          width: 50%;\n          margin: 10px 0;\n        }\n\n        .share-action-button {\n          width: 100%;\n          margin: 5px 0;\n        }\n      }\n    `,\n  ];\n}\n\ndefineCustomElement(BeamSocialShare);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-social-share\": BeamSocialShare;\n  }\n}\n"],"names":["m","i","s","t","e","r","d","BeamSocialShare","LitElement","DEFAULT_BASE_URL","SUPPORTED_LANGUAGES","enforceConfig","getImpact","WIDGET_NAMES","error","data","file","urlToFile","imageUrl","strings","postSocialShareAnalyticsEvent","event","target","_loading","html","cssReset","css","__decorateClass","property","state","defineCustomElement"],"mappings":"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"}
+{"version":3,"file":"social-share.js","sources":["../../src/components/social-share/index.ts"],"sourcesContent":["import { css, html, LitElement } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport \"@shoelace-style/shoelace/dist/components/icon/icon.js\";\nimport \"../../shared/components/_share-dialog-dependencies\";\nimport \"../../shared/components/progress-bar\";\nimport \"../beam-partner-logos\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { getImpact } from \"../../api-sdk/v3/routes\";\nimport { _loading } from \"../../shared/fragments/loading-template\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES, WIDGET_NAMES } from \"../../api-sdk/constants\";\nimport { MissingConfig } from \"../../utils/beam-errors\";\nimport { TNumericId } from \"../../shared/types\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { strings } from \"../../shared/components/strings/share-button\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { urlToFile } from \"../../shared/files\";\nimport { postSocialShareAnalyticsEvent } from \"../../api-sdk/v2/users/events\";\n\ntype RequiredConfig = {\n  apiKey: string;\n  storeId: TNumericId;\n  nonprofitId: TNumericId;\n};\n\nexport class BeamSocialShare extends LitElement {\n  static tagName = \"beam-social-share\";\n\n  @property({ type: String }) public apiKey?: RequiredConfig[\"apiKey\"];\n  @property({ type: Number }) storeId?: RequiredConfig[\"storeId\"];\n  @property({ type: Number }) nonprofitId?: RequiredConfig[\"nonprofitId\"];\n  @property({ type: String }) public baseUrl = DEFAULT_BASE_URL;\n  @property({ type: String }) public lang: LANGUAGES = \"en\";\n  @property({ type: Boolean }) public debug = false;\n  @property({ type: String }) transactionId?: string;\n\n  @state() private brandName: string | null = null;\n  @state() private shareImageUrl: string | null = null;\n  @state() private dataUrl?: string;\n  @state() private file?: File;\n  @state() private isMobile = false;\n  @state() private windowResized = false;\n\n  get configLang() {\n    return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    window.addEventListener(\"resize\", this.checkViewport);\n    this.checkViewport();\n  }\n\n  disconnectedCallback() {\n    window.removeEventListener(\"resize\", this.checkViewport);\n    super.disconnectedCallback();\n  }\n\n  checkViewport = () => {\n    this.windowResized = window.innerWidth <= 768;\n  };\n\n  private async fetchImpactData() {\n    if (!enforceConfig<RequiredConfig>([\"apiKey\", \"storeId\", \"nonprofitId\"], this)) {\n      throw new MissingConfig();\n    }\n    try {\n      const res = await getImpact({\n        baseUrl: this.baseUrl,\n        headers: { authorization: `Api-Key ${this.apiKey}` },\n        queryParams: {\n          storeId: this.storeId,\n          personalImpactLimit: 0,\n          nonprofitId: this.nonprofitId,\n          widgetName: WIDGET_NAMES.community_impact,\n          version: \"1.0.0\",\n          lang: this.configLang,\n          transactionId: this.transactionId ?? undefined,\n        },\n      });\n      return res;\n    } catch (error) {\n      if (this.debug) {\n        console.error(\"Failed to fetch impact data\", error);\n      }\n      throw error;\n    }\n  }\n\n  // Updates component state with fetched impact data\n  private async updateImpactData() {\n    try {\n      const data = await this.fetchImpactData();\n      if (data) {\n        this.brandName = data.chain.name;\n        this.shareImageUrl = data.promoAssetUrl || data.personalImpactAssetUrl || data.community[0].share.imageUrl;\n\n        if (this.shareImageUrl) {\n          const file = await urlToFile(this.shareImageUrl);\n          this.file = file;\n          this.dataUrl = URL.createObjectURL(file);\n        }\n      }\n    } catch (error) {\n      if (this.debug) {\n        console.error(\"Error updating impact data:\", error);\n      }\n    }\n  }\n\n  async firstUpdated() {\n    await this.updateImpactData();\n    this.isMobile =\n      /Mobi|Android/i.test(navigator.userAgent) || \"ontouchstart\" in window || navigator.maxTouchPoints > 0;\n  }\n\n  private async openSystemShareSheet(imageUrl: string) {\n    if (!imageUrl) return;\n\n    try {\n      const file = await urlToFile(imageUrl);\n      if (navigator.share && this.brandName) {\n        await navigator.share({\n          files: [file],\n          title: strings[this.lang].impactShareTitle(),\n          text: strings[this.lang].impactShareText({ brandName: this.brandName }),\n        });\n      }\n    } catch (error) {\n      if (this.debug) {\n        console.error(\"Failed to open share sheet\", error);\n      }\n    }\n  }\n\n  private async handleClickCopy() {\n    if (this.file) {\n      try {\n        if (this.apiKey && this.transactionId) {\n          void postSocialShareAnalyticsEvent({\n            baseUrl: this.baseUrl,\n            apiKey: this.apiKey || \"\",\n            requestBody: {\n              eventName: \"ExtensibilityCopyImageButtonClick\",\n              nonprofitId: this.nonprofitId,\n              storeId: this.storeId,\n              timestamp: Date.now(),\n              transactionId: Number(this.transactionId),\n            },\n          }).catch(() => null);\n        } else {\n          console.error(\"Missing data for social share analytics. Skipping send\");\n        }\n        await navigator.clipboard.write([new ClipboardItem({ \"image/png\": this.file })]);\n      } catch (error) {\n        if (this.debug) {\n          console.error(\"Failed to copy image to clipboard:\", error);\n        }\n      }\n    }\n  }\n\n  private handleClickDownload(event: Event) {\n    if (this.apiKey && this.transactionId) {\n      void postSocialShareAnalyticsEvent({\n        baseUrl: this.baseUrl,\n        apiKey: this.apiKey || \"\",\n        requestBody: {\n          eventName: \"ExtensibilityDownloadImageButtonClick\",\n          nonprofitId: this.nonprofitId,\n          storeId: this.storeId,\n          timestamp: Date.now(),\n          transactionId: Number(this.transactionId),\n        },\n      }).catch(() => null);\n    } else {\n      console.error(\"Missing data for social share analytics. Skipping send\");\n    }\n    const target = event.currentTarget as HTMLAnchorElement;\n    if (this.isMobile && this.shareImageUrl) {\n      event.preventDefault();\n      this.openSystemShareSheet(this.shareImageUrl);\n    } else if (this.dataUrl) {\n      target.href = this.dataUrl;\n      target.download = strings[this.lang].impactShareTitle();\n    }\n  }\n\n  render() {\n    if (!this.brandName || !this.shareImageUrl || !this.dataUrl) {\n      return _loading();\n    }\n\n    return html`\n      <div class=\"share-container ${this.windowResized || this.isMobile ? \"mobile\" : \"desktop\"}\">\n        <h2 class=\"share-title\">${strings[this.lang].impactShareTitle()}</h2>\n        <p class=\"share-text\">${strings[this.lang].impactShareText({ brandName: this.brandName })}</p>\n        <img\n          data-speedsize-ignore=\"true\"\n          src=\"${this.shareImageUrl}\"\n          alt=\"${strings[this.lang].impactShareTitle()}\"\n          class=\"share-image\"\n        />\n        <div class=\"share-actions\">\n          <button class=\"plain-button button share-action-button\" @click=\"${this.handleClickCopy}\">\n            <sl-icon\n              library=\"lucide\"\n              name=\"copy\"\n              label=\"${strings[this.lang].impactShareCopy()}\"\n              class=\"share-action-icon\"\n            ></sl-icon>\n            <div class=\"share-action-text\">${strings[this.lang].impactShareCopy()}</div>\n          </button>\n          <a\n            class=\"plain-button button share-action-button plain-link\"\n            download=\"${strings[this.lang].impactShareTitle()}\"\n            href=\"${this.dataUrl}\"\n            @click=\"${this.handleClickDownload}\"\n          >\n            <sl-icon\n              library=\"lucide\"\n              name=\"download\"\n              label=\"${strings[this.lang].impactShareDownload()}\"\n              class=\"share-action-icon\"\n            ></sl-icon>\n            <div class=\"share-action-text\">${strings[this.lang].impactShareDownload()}</div>\n          </a>\n        </div>\n      </div>\n    `;\n  }\n\n  static styles = [\n    cssReset,\n    css`\n      @font-face {\n        font-family: \"Mabry-Bold\";\n        src: url(\"../../../assets/fonts/mabry-bold.otf\") format(\"opentype\");\n        font-weight: bold;\n        font-style: normal;\n      }\n      @font-face {\n        font-family: \"Mabry-Medium\";\n        src: url(\"../../../assets/fonts/mabry-medium.otf\") format(\"opentype\");\n        font-weight: bold;\n        font-style: normal;\n      }\n      :host {\n        align-items: center;\n        justify-content: center;\n        display: flex;\n        box-sizing: border-box;\n        width: 100%;\n      }\n\n      .share-container {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n        max-width: 700px;\n        text-align: center;\n      }\n\n      .share-container.mobile {\n        padding: 1rem;\n        max-width: 100%;\n      }\n\n      .share-title {\n        font-family: \"Mabry-Bold\", sans-serif;\n        font-size: 2.5rem;\n        font-weight: bold;\n        word-break: break-word;\n        margin: 10px 0;\n      }\n\n      .share-title.mobile {\n        font-size: 1.5rem;\n      }\n\n      .share-text {\n        font-family: \"Mabry-Medium\", sans-serif;\n        font-size: 1.25rem;\n        line-height: 1.4;\n        word-break: break-word;\n        margin: 10px 0;\n        max-width: 500px;\n      }\n\n      .share-text.mobile {\n        font-size: 1rem;\n      }\n\n      .share-image {\n        border-radius: 8px;\n        width: 100%;\n        max-width: 300px;\n        height: auto;\n        display: block;\n        margin: 20px auto;\n      }\n\n      .share-actions {\n        display: flex;\n        flex-direction: row;\n        justify-content: center;\n        gap: 10px;\n        align-items: center;\n        margin: 20px 0;\n      }\n\n      .share-actions.mobile {\n        flex-direction: column;\n      }\n\n      .share-action-button {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        padding: 10px 20px;\n        border: 1px solid #ccc;\n        border-radius: 4px;\n        background-color: #fff;\n        text-decoration: none;\n        color: #333;\n        cursor: pointer;\n        transition:\n          background-color 0.3s,\n          border-color 0.3s;\n      }\n\n      .share-action-button:hover {\n        background-color: #f0f0f0;\n        border-color: #bbb;\n      }\n\n      .share-action-icon {\n        font-size: 1.25rem;\n        margin-right: 8px;\n      }\n\n      .share-action-text {\n        font-family: \"Mabry-Medium\", sans-serif;\n        font-size: 1rem;\n        line-height: 1.4;\n        margin-top: 5px;\n      }\n\n      @media (max-width: 600px) {\n        .share-title {\n          font-size: 1.5rem;\n        }\n\n        .share-text {\n          font-size: 1rem;\n        }\n\n        .share-image {\n          max-width: 240px;\n        }\n\n        .share-actions {\n          flex-direction: row;\n          width: 50%;\n          margin: 10px 0;\n        }\n\n        .share-action-button {\n          width: 100%;\n          margin: 5px 0;\n        }\n      }\n    `,\n  ];\n}\n\ndefineCustomElement(BeamSocialShare);\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-social-share\": BeamSocialShare;\n  }\n}\n"],"names":["m","i","o","t","e","r","d","BeamSocialShare","LitElement","DEFAULT_BASE_URL","SUPPORTED_LANGUAGES","enforceConfig","getImpact","WIDGET_NAMES","error","data","file","urlToFile","imageUrl","strings","postSocialShareAnalyticsEvent","event","target","_loading","html","cssReset","css","__decorateClass","property","state","defineCustomElement"],"mappings":"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"}

package/dist/components/subscription-impact.d.ts

@@ -2,21 +2,8 @@ import * as lit from 'lit';
 import { LitElement, PropertyValues } from 'lit';
 import * as lit_html from 'lit-html';
 import * as lodash from 'lodash';
-import { c as TUrl, T as TNumericId, a as TId } from '../chunks/types-CPxMwnoR.esm.js';
+import { b as TUrl, T as TNumericId, a as TId } from '../chunks/types-D_PLq1pj.esm.js';
 import { L as LANGUAGES } from '../chunks/types-DfRc36jU.esm.js';
-import '../chunks/progress-bar-CveZ8E6Q.esm.js';
-import '../chunks/share-button-CDVVaxEc.esm.js';
-
-declare class BeamInfoPill extends LitElement {
-    infoText: string;
-    static get styles(): lit.CSSResult;
-    render(): lit_html.TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        "beam-info-pill": BeamInfoPill;
-    }
-}
 
 type RequiredConfig = {
     apiKey: string;
@@ -39,7 +26,7 @@ declare class BeamSubscriptionImpact extends LitElement {
         chain: {
             name: string;
             logoUrl: string | null;
-            logoLockupUrl?: string | null | undefined;
+            logoLockupUrl?: string | null;
             communityImpactUrl: string | null;
             donationTypeName: string | null;
             matchDonationTypeName: string | null;
@@ -53,42 +40,42 @@ declare class BeamSubscriptionImpact extends LitElement {
             web: {
                 title: string;
                 description: string;
-                promoDescriptionPrefix?: string | undefined;
-                promoDescription?: string | undefined;
-                confirmButton?: string | undefined;
-                confirmedButton?: string | undefined;
-                collapsedButton?: string | undefined;
+                promoDescriptionPrefix?: string;
+                promoDescription?: string;
+                confirmButton?: string;
+                confirmedButton?: string;
+                collapsedButton?: string;
                 theme?: {
                     [key: string]: unknown;
-                } | null | undefined;
-                nonprofitSelectedHeader?: string | undefined;
-                nonprofitUnselectedHeader?: string | undefined;
+                } | null;
+                nonprofitSelectedHeader?: string;
+                nonprofitUnselectedHeader?: string;
                 dynamicStrings?: {
                     [key: string]: string;
-                } | null | undefined;
+                } | null;
                 additionalStrings?: {
                     [key: string]: string;
-                } | null | undefined;
-                disableAnimation?: boolean | undefined;
+                } | null;
+                disableAnimation?: boolean;
                 promo?: {
                     "promo-text-long": string;
                     "promo-text-short": string;
                     "promo-cause-alt-text": string;
-                } | undefined;
+                };
             };
             mobileWeb?: {
                 title: string;
                 description: string;
-                nonprofitSelectedHeader?: string | undefined;
-                nonprofitUnselectedHeader?: string | undefined;
-            } | undefined;
+                nonprofitSelectedHeader?: string;
+                nonprofitUnselectedHeader?: string;
+            };
             mobile: {
                 title: string;
                 description: string;
-                nonprofitSelectedHeader?: string | undefined;
-                nonprofitUnselectedHeader?: string | undefined;
+                nonprofitSelectedHeader?: string;
+                nonprofitUnselectedHeader?: string;
             };
-            enableNonprofitDeselection?: boolean | undefined;
+            enableNonprofitDeselection?: boolean;
         };
         personal: {
             imageUrl: string | null;
@@ -100,14 +87,14 @@ declare class BeamSubscriptionImpact extends LitElement {
                 causeIconSelectedUrl: string | null;
                 causeColor: string | null;
                 extensibility?: {
-                    causeIconUrl?: string | null | undefined;
-                    causeIconSelectedUrl?: string | null | undefined;
-                    causeIconAndBackgroundUrl?: string | null | undefined;
-                } | undefined;
+                    causeIconUrl?: string | null;
+                    causeIconSelectedUrl?: string | null;
+                    causeIconAndBackgroundUrl?: string | null;
+                };
                 website: string | null;
                 websiteLinkText: string;
-                badge?: string | undefined;
-                includeInPersonalImpact?: boolean | undefined;
+                badge?: string;
+                includeInPersonalImpact?: boolean;
             };
             impact: {
                 description: string | null;
@@ -118,7 +105,7 @@ declare class BeamSubscriptionImpact extends LitElement {
             share: {
                 imageUrl: string | null;
             };
-            filters?: string[] | undefined;
+            filters?: string[];
         }[];
         community: {
             imageUrl: string | null;
@@ -130,14 +117,14 @@ declare class BeamSubscriptionImpact extends LitElement {
                 causeIconSelectedUrl: string | null;
                 causeColor: string | null;
                 extensibility?: {
-                    causeIconUrl?: string | null | undefined;
-                    causeIconSelectedUrl?: string | null | undefined;
-                    causeIconAndBackgroundUrl?: string | null | undefined;
-                } | undefined;
+                    causeIconUrl?: string | null;
+                    causeIconSelectedUrl?: string | null;
+                    causeIconAndBackgroundUrl?: string | null;
+                };
                 website: string | null;
                 websiteLinkText: string;
-                badge?: string | undefined;
-                includeInPersonalImpact?: boolean | undefined;
+                badge?: string;
+                includeInPersonalImpact?: boolean;
             };
             impact: {
                 description: string | null;
@@ -148,10 +135,10 @@ declare class BeamSubscriptionImpact extends LitElement {
             share: {
                 imageUrl: string | null;
             };
-            filters?: string[] | undefined;
+            filters?: string[];
         }[];
         promo: {
-            type?: string | undefined;
+            type?: string;
             isActive: boolean;
             multiplier: number | null;
         } | null;
@@ -159,7 +146,7 @@ declare class BeamSubscriptionImpact extends LitElement {
         personalImpactAssetUrl: string | null;
         settings?: {
             excludeDonationsForRecurringTransactions: boolean;
-        } | undefined;
+        };
     }>;
     private impactDataController;
     impactTitleRefs: HTMLElement[];
@@ -175,7 +162,7 @@ declare class BeamSubscriptionImpact extends LitElement {
     get cssVariables(): any;
     evaluateBreakPoints: lodash.DebouncedFuncLeading<() => void>;
     resizeElements: lodash.DebouncedFuncLeading<() => void>;
-    render(): lit_html.TemplateResult<1> | "";
+    render(): "" | lit_html.TemplateResult<1>;
     renderInlineCard(impactCard: {
         title: string;
         description: string;

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

@@ -1,4 +1,4 @@
-import{h as w,f as $,y as p,g as m,t as O,p as C}from"../chunks/lit-WqMxC_PA.esm.js";import{d as z,b as G}from"../chunks/lodash-D3TLHRR_.esm.js";import{p as Y}from"../chunks/progress-bar-DF7UuuHb.esm.js";import{s as S,a as K}from"../chunks/share-button-VEIdBFu3.esm.js";import"../chunks/_share-dialog-dependencies-BVNp0oLJ.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import{D as q,g as J,S as Q}from"../chunks/routes-E1gMJl6d.esm.js";import{u as b,A as X,d as u,a as Z,_ as ee,i as n}from"../chunks/localize-Btu9xYcE.esm.js";import{c as ie,d as ae,e as te}from"../chunks/enforce-config-CZ3ToOgr.esm.js";import{_ as ne}from"../chunks/loading-template-DG4lkIIc.esm.js";import{makeApiKeyHeader as re}from"../utils/makeApiKeyHeader.esm.js";import{c as oe}from"../chunks/responsive-BR8qUfBa.esm.js";import{logger as se}from"../utils/logger.esm.js";import{c as ce}from"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-BzmG48J9.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";var pe=Object.defineProperty,me=(i,e,r,l)=>{for(var t=void 0,a=i.length-1,d;a>=0;a--)(d=i[a])&&(t=d(e,r,t)||t);return t&&pe(e,r,t),t};class A extends w{constructor(){super(...arguments),this.infoText=""}static get styles(){return $`
+import{a as w,i as $,b as p,n as m,r as O,k as C}from"../chunks/lit-JRlupCB5.esm.js";import{d as z,b as G}from"../chunks/lodash-BSs6Il-c.esm.js";import{p as Y}from"../chunks/progress-bar-B82FOT8n.esm.js";import{s as S,a as K}from"../chunks/share-button-Dzc7loia.esm.js";import"../chunks/_share-dialog-dependencies-Bk60ibnw.esm.js";import"../chunks/vendor-ckSdd6aH.esm.js";import{D as q,g as J,S as Q}from"../chunks/routes-DSu5s3K7.esm.js";import{u as b,A as X,d as u,a as Z,_ as ee,i as n}from"../chunks/localize-Dg7NgKIP.esm.js";import{c as ie,d as ae,e as te}from"../chunks/enforce-config-DHnpgqSK.esm.js";import{_ as ne}from"../chunks/loading-template-BFvXaTlD.esm.js";import{makeApiKeyHeader as re}from"../utils/makeApiKeyHeader.esm.js";import{c as oe}from"../chunks/responsive-CIV4sFdH.esm.js";import{logger as se}from"../utils/logger.esm.js";import{c as ce}from"../chunks/css-card-grid-DixMt6ek.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-DXS3zbJz.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../chunks/beam-errors-Ci0d3926.esm.js";import"../chunks/events-COWOQoLW.esm.js";import"../utils/memoize-last.esm.js";var pe=Object.defineProperty,me=(i,e,r,l)=>{for(var t=void 0,a=i.length-1,d;a>=0;a--)(d=i[a])&&(t=d(e,r,t)||t);return t&&pe(e,r,t),t};class A extends w{constructor(){super(...arguments),this.infoText=""}static get styles(){return $`
       sl-badge::part(base) {
         background-color: var(--beam-pillLabel-color-background, #000);
         color: var(--beam-pillLabel-color, #fff);
@@ -68,10 +68,22 @@ import{h as w,f as $,y as p,g as m,t as O,p as C}from"../chunks/lit-WqMxC_PA.esm
         <div class="inline-content">
           ${e.image&&e.imagePosition==="'inline'"?p`${e.imageType==="'icon'"||e.imageType==="'selected_icon'"?p` <div class="icon-container">
                     <div class="icon-background">
-                      <img src="${e.image}" alt="" role="presentation" class="icon" />
+                      <img
+                        data-speedsize-ignore="true"
+                        src="${e.image}"
+                        alt=""
+                        role="presentation"
+                        class="icon"
+                      />
                     </div>
                   </div>`:p` <div class="image-container">
-                    <img src="${e.image}" alt="" role="presentation" class="image" />
+                    <img
+                      data-speedsize-ignore="true"
+                      src="${e.image}"
+                      alt=""
+                      role="presentation"
+                      class="image"
+                    />
                   </div>`}`:""}
           <div class="impact-container" part="details">
             <p class="card-description">${e.description}</p>