@beamimpact/web-sdk 1.39.2 → 1.42.0

package/dist/components/social-share.d.ts

@@ -0,0 +1,47 @@
+import * as lit from 'lit';
+import { LitElement } from 'lit';
+import * as lit_html from 'lit-html';
+import '../chunks/progress-bar-0VS_AmEf.esm.js';
+import './beam-partner-logos.js';
+import { T as TNumericId } from '../chunks/types-zbTZ8-KP.esm.js';
+import { L as LANGUAGES } from '../chunks/types-aju0qrRe.esm.js';
+
+type RequiredConfig = {
+    apiKey: string;
+    storeId: TNumericId;
+    nonprofitId: TNumericId;
+};
+declare class BeamSocialShare extends LitElement {
+    static tagName: string;
+    apiKey?: RequiredConfig["apiKey"];
+    storeId?: RequiredConfig["storeId"];
+    nonprofitId?: RequiredConfig["nonprofitId"];
+    baseUrl: string;
+    lang: LANGUAGES;
+    debug: boolean;
+    private brandName;
+    private shareImageUrl;
+    private dataUrl?;
+    private file?;
+    private isMobile;
+    private windowResized;
+    get configLang(): LANGUAGES;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    checkViewport: () => void;
+    private fetchImpactData;
+    private updateImpactData;
+    firstUpdated(): Promise<void>;
+    private openSystemShareSheet;
+    private handleClickCopy;
+    private handleClickDownload;
+    render(): lit_html.TemplateResult<1>;
+    static styles: lit.CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "beam-social-share": BeamSocialShare;
+    }
+}
+
+export { BeamSocialShare };

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

@@ -0,0 +1,170 @@
+import{f as m,g as n,t as l,h as g,y as b}from"../chunks/lit-3QHn3fwl.esm.js";import"../chunks/vendor--f7lkyBk.esm.js";import"../chunks/shoelace-components-NR11kwmz.esm.js";import"../chunks/progress-bar-HVG_n8_6.esm.js";import"./beam-partner-logos.esm.js";import{c as f,d as y,e as u}from"../chunks/enforce-config-HksNiOMu.esm.js";import{D as w,S as x,W as S,g as U}from"../chunks/routes-rmhOokKz.esm.js";import{_ as I}from"../chunks/loading-template-mLjOGXMj.esm.js";import{u as p,s as r}from"../chunks/share-button-CqTd80g8.esm.js";import"../chunks/beam-errors-P-Lu07Ce.esm.js";import"../utils/logger.esm.js";var k=Object.defineProperty,v=Object.getOwnPropertyDescriptor,i=(c,t,a,o)=>{for(var s=o>1?void 0:o?v(t,a):t,h=c.length-1,d;h>=0;h--)(d=c[h])&&(s=(o?d(t,a,s):d(s))||s);return o&&s&&k(t,a,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 U({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{storeId:this.storeId,personalImpactLimit:0,nonprofitId:this.nonprofitId,widgetName:S.community_impact,version:"1.0.0",lang:this.configLang}})}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;const a=t.community[0];if(this.shareImageUrl=a?.share.imageUrl,this.shareImageUrl){const o=await p(this.shareImageUrl);this.file=o,this.dataUrl=URL.createObjectURL(o)}}}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 a=await p(t);navigator.share&&this.brandName&&await navigator.share({files:[a],title:r[this.lang].impactShareTitle(),text:r[this.lang].impactShareText({brandName:this.brandName})})}catch(a){this.debug&&console.error("Failed to open share sheet",a)}}async handleClickCopy(){if(this.file)try{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){const a=t.currentTarget;this.isMobile&&this.shareImageUrl?(t.preventDefault(),this.openSystemShareSheet(this.shareImageUrl)):this.dataUrl&&(a.href=this.dataUrl,a.download=r[this.lang].impactShareTitle())}render(){return!this.brandName||!this.shareImageUrl||!this.dataUrl?I():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" />
+        <div class="share-actions">
+          <button class="plain-button button share-action-button" @click="${this.handleClickCopy}">
+            <sl-icon
+              library="lucide"
+              name="copy"
+              label="${r[this.lang].impactShareCopy()}"
+              class="share-action-icon"
+            ></sl-icon>
+            <div class="share-action-text">${r[this.lang].impactShareCopy()}</div>
+          </button>
+          <a
+            class="plain-button button share-action-button plain-link"
+            download="${r[this.lang].impactShareTitle()}"
+            href="${this.dataUrl}"
+            @click="${this.handleClickDownload}"
+          >
+            <sl-icon
+              library="lucide"
+              name="download"
+              label="${r[this.lang].impactShareDownload()}"
+              class="share-action-icon"
+            ></sl-icon>
+            <div class="share-action-text">${r[this.lang].impactShareDownload()}</div>
+          </a>
+        </div>
+      </div>
+    `}}e.tagName="beam-social-share",e.styles=[f,m`
+      @font-face {
+        font-family: "Mabry-Bold";
+        src: url("../../../assets/fonts/mabry-bold.otf") format("opentype");
+        font-weight: bold;
+        font-style: normal;
+      }
+      @font-face {
+        font-family: "Mabry-Medium";
+        src: url("../../../assets/fonts/mabry-medium.otf") format("opentype");
+        font-weight: bold;
+        font-style: normal;
+      }
+      :host {
+        align-items: center;
+        justify-content: center;
+        display: flex;
+        box-sizing: border-box;
+        width: 100%;
+      }
+
+      .share-container {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        max-width: 700px;
+        text-align: center;
+      }
+
+      .share-container.mobile {
+        padding: 1rem;
+        max-width: 100%;
+      }
+
+      .share-title {
+        font-family: "Mabry-Bold", sans-serif;
+        font-size: 2.5rem;
+        font-weight: bold;
+        word-break: break-word;
+        margin: 10px 0;
+      }
+
+      .share-title.mobile {
+        font-size: 1.5rem;
+      }
+
+      .share-text {
+        font-family: "Mabry-Medium", sans-serif;
+        font-size: 1.25rem;
+        line-height: 1.4;
+        word-break: break-word;
+        margin: 10px 0;
+        max-width: 500px;
+      }
+
+      .share-text.mobile {
+        font-size: 1rem;
+      }
+
+      .share-image {
+        border-radius: 8px;
+        width: 100%;
+        max-width: 300px;
+        height: auto;
+        display: block;
+        margin: 20px auto;
+      }
+
+      .share-actions {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        gap: 10px;
+        align-items: center;
+        margin: 20px 0;
+      }
+
+      .share-actions.mobile {
+        flex-direction: column;
+      }
+
+      .share-action-button {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        padding: 10px 20px;
+        border: 1px solid #ccc;
+        border-radius: 4px;
+        background-color: #fff;
+        text-decoration: none;
+        color: #333;
+        cursor: pointer;
+        transition: background-color 0.3s, border-color 0.3s;
+      }
+
+      .share-action-button:hover {
+        background-color: #f0f0f0;
+        border-color: #bbb;
+      }
+
+      .share-action-icon {
+        font-size: 1.25rem;
+        margin-right: 8px;
+      }
+
+      .share-action-text {
+        font-family: "Mabry-Medium", sans-serif;
+        font-size: 1rem;
+        line-height: 1.4;
+        margin-top: 5px;
+      }
+
+      @media (max-width: 600px) {
+        .share-title {
+          font-size: 1.5rem;
+        }
+
+        .share-text {
+          font-size: 1rem;
+        }
+
+        .share-image {
+          max-width: 240px;
+        }
+
+        .share-actions {
+          flex-direction: row;
+          width: 50%;
+          margin: 10px 0;
+        }
+
+        .share-action-button {
+          width: 100%;
+          margin: 5px 0;
+        }
+      }
+    `],i([n({type:String})],e.prototype,"apiKey",2),i([n({type:Number})],e.prototype,"storeId",2),i([n({type:Number})],e.prototype,"nonprofitId",2),i([n({type:String})],e.prototype,"baseUrl",2),i([n({type:String})],e.prototype,"lang",2),i([n({type:Boolean})],e.prototype,"debug",2),i([l()],e.prototype,"brandName",2),i([l()],e.prototype,"shareImageUrl",2),i([l()],e.prototype,"dataUrl",2),i([l()],e.prototype,"file",2),i([l()],e.prototype,"isMobile",2),i([l()],e.prototype,"windowResized",2),y(e);export{e as BeamSocialShare};
+//# sourceMappingURL=social-share.esm.js.map

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

@@ -0,0 +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\";\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\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        },\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        const communityImpact = data.community[0];\n        this.shareImageUrl = communityImpact?.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        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    const target = event.currentTarget as HTMLAnchorElement;\n\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":["BeamSocialShare","LitElement","DEFAULT_BASE_URL","SUPPORTED_LANGUAGES","enforceConfig","getImpact","WIDGET_NAMES","error","data","communityImpact","file","urlToFile","imageUrl","strings","event","target","_loading","html","cssReset","css","__decorateClass","property","state","defineCustomElement"],"mappings":"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"}

package/dist/components/social-share.js

@@ -0,0 +1,170 @@
+import{f as m,g as n,t as l,h as g,y as b}from"../chunks/lit-3QHn3fwl.esm.js";import"../chunks/vendor--f7lkyBk.esm.js";import"../chunks/shoelace-components-yXqj8DyM.esm.js";import"../chunks/progress-bar-HVG_n8_6.esm.js";import"./beam-partner-logos.js";import{c as f,d as y,e as u}from"../chunks/enforce-config-er6B5Gkj.esm.js";import{D as w,S as x,W as S,g as U}from"../chunks/routes-r5D_LdgT.esm.js";import{_ as I}from"../chunks/loading-template-mLjOGXMj.esm.js";import{u as p,s as r}from"../chunks/share-button-CqTd80g8.esm.js";import"../chunks/beam-errors-P-Lu07Ce.esm.js";import"../utils/logger.js";var k=Object.defineProperty,v=Object.getOwnPropertyDescriptor,i=(c,t,a,o)=>{for(var s=o>1?void 0:o?v(t,a):t,h=c.length-1,d;h>=0;h--)(d=c[h])&&(s=(o?d(t,a,s):d(s))||s);return o&&s&&k(t,a,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 U({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},queryParams:{storeId:this.storeId,personalImpactLimit:0,nonprofitId:this.nonprofitId,widgetName:S.community_impact,version:"1.0.0",lang:this.configLang}})}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;const a=t.community[0];if(this.shareImageUrl=a?.share.imageUrl,this.shareImageUrl){const o=await p(this.shareImageUrl);this.file=o,this.dataUrl=URL.createObjectURL(o)}}}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 a=await p(t);navigator.share&&this.brandName&&await navigator.share({files:[a],title:r[this.lang].impactShareTitle(),text:r[this.lang].impactShareText({brandName:this.brandName})})}catch(a){this.debug&&console.error("Failed to open share sheet",a)}}async handleClickCopy(){if(this.file)try{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){const a=t.currentTarget;this.isMobile&&this.shareImageUrl?(t.preventDefault(),this.openSystemShareSheet(this.shareImageUrl)):this.dataUrl&&(a.href=this.dataUrl,a.download=r[this.lang].impactShareTitle())}render(){return!this.brandName||!this.shareImageUrl||!this.dataUrl?I():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" />
+        <div class="share-actions">
+          <button class="plain-button button share-action-button" @click="${this.handleClickCopy}">
+            <sl-icon
+              library="lucide"
+              name="copy"
+              label="${r[this.lang].impactShareCopy()}"
+              class="share-action-icon"
+            ></sl-icon>
+            <div class="share-action-text">${r[this.lang].impactShareCopy()}</div>
+          </button>
+          <a
+            class="plain-button button share-action-button plain-link"
+            download="${r[this.lang].impactShareTitle()}"
+            href="${this.dataUrl}"
+            @click="${this.handleClickDownload}"
+          >
+            <sl-icon
+              library="lucide"
+              name="download"
+              label="${r[this.lang].impactShareDownload()}"
+              class="share-action-icon"
+            ></sl-icon>
+            <div class="share-action-text">${r[this.lang].impactShareDownload()}</div>
+          </a>
+        </div>
+      </div>
+    `}}e.tagName="beam-social-share",e.styles=[f,m`
+      @font-face {
+        font-family: "Mabry-Bold";
+        src: url("../../../assets/fonts/mabry-bold.otf") format("opentype");
+        font-weight: bold;
+        font-style: normal;
+      }
+      @font-face {
+        font-family: "Mabry-Medium";
+        src: url("../../../assets/fonts/mabry-medium.otf") format("opentype");
+        font-weight: bold;
+        font-style: normal;
+      }
+      :host {
+        align-items: center;
+        justify-content: center;
+        display: flex;
+        box-sizing: border-box;
+        width: 100%;
+      }
+
+      .share-container {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        max-width: 700px;
+        text-align: center;
+      }
+
+      .share-container.mobile {
+        padding: 1rem;
+        max-width: 100%;
+      }
+
+      .share-title {
+        font-family: "Mabry-Bold", sans-serif;
+        font-size: 2.5rem;
+        font-weight: bold;
+        word-break: break-word;
+        margin: 10px 0;
+      }
+
+      .share-title.mobile {
+        font-size: 1.5rem;
+      }
+
+      .share-text {
+        font-family: "Mabry-Medium", sans-serif;
+        font-size: 1.25rem;
+        line-height: 1.4;
+        word-break: break-word;
+        margin: 10px 0;
+        max-width: 500px;
+      }
+
+      .share-text.mobile {
+        font-size: 1rem;
+      }
+
+      .share-image {
+        border-radius: 8px;
+        width: 100%;
+        max-width: 300px;
+        height: auto;
+        display: block;
+        margin: 20px auto;
+      }
+
+      .share-actions {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        gap: 10px;
+        align-items: center;
+        margin: 20px 0;
+      }
+
+      .share-actions.mobile {
+        flex-direction: column;
+      }
+
+      .share-action-button {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        padding: 10px 20px;
+        border: 1px solid #ccc;
+        border-radius: 4px;
+        background-color: #fff;
+        text-decoration: none;
+        color: #333;
+        cursor: pointer;
+        transition: background-color 0.3s, border-color 0.3s;
+      }
+
+      .share-action-button:hover {
+        background-color: #f0f0f0;
+        border-color: #bbb;
+      }
+
+      .share-action-icon {
+        font-size: 1.25rem;
+        margin-right: 8px;
+      }
+
+      .share-action-text {
+        font-family: "Mabry-Medium", sans-serif;
+        font-size: 1rem;
+        line-height: 1.4;
+        margin-top: 5px;
+      }
+
+      @media (max-width: 600px) {
+        .share-title {
+          font-size: 1.5rem;
+        }
+
+        .share-text {
+          font-size: 1rem;
+        }
+
+        .share-image {
+          max-width: 240px;
+        }
+
+        .share-actions {
+          flex-direction: row;
+          width: 50%;
+          margin: 10px 0;
+        }
+
+        .share-action-button {
+          width: 100%;
+          margin: 5px 0;
+        }
+      }
+    `],i([n({type:String})],e.prototype,"apiKey",2),i([n({type:Number})],e.prototype,"storeId",2),i([n({type:Number})],e.prototype,"nonprofitId",2),i([n({type:String})],e.prototype,"baseUrl",2),i([n({type:String})],e.prototype,"lang",2),i([n({type:Boolean})],e.prototype,"debug",2),i([l()],e.prototype,"brandName",2),i([l()],e.prototype,"shareImageUrl",2),i([l()],e.prototype,"dataUrl",2),i([l()],e.prototype,"file",2),i([l()],e.prototype,"isMobile",2),i([l()],e.prototype,"windowResized",2),y(e);export{e as BeamSocialShare};
+//# sourceMappingURL=social-share.js.map

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

@@ -0,0 +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\";\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\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        },\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        const communityImpact = data.community[0];\n        this.shareImageUrl = communityImpact?.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        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    const target = event.currentTarget as HTMLAnchorElement;\n\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":["BeamSocialShare","LitElement","DEFAULT_BASE_URL","SUPPORTED_LANGUAGES","enforceConfig","getImpact","WIDGET_NAMES","error","data","communityImpact","file","urlToFile","imageUrl","strings","event","target","_loading","html","cssReset","css","__decorateClass","property","state","defineCustomElement"],"mappings":"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"}

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

@@ -0,0 +1,179 @@
+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-zbTZ8-KP.esm.js';
+import { L as LANGUAGES } from '../chunks/types-aju0qrRe.esm.js';
+import '../chunks/progress-bar-0VS_AmEf.esm.js';
+import '../chunks/share-button-hDn8fnBI.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;
+    nonprofitId: TNumericId;
+    beamUserId: TId;
+};
+declare class BeamSubscriptionImpact extends LitElement {
+    static tagName: string;
+    baseUrl: TUrl;
+    apiKey?: RequiredConfig["apiKey"];
+    storeId?: number;
+    nonprofitId?: RequiredConfig["nonprofitId"];
+    beamUserId?: RequiredConfig["beamUserId"];
+    lang: LANGUAGES;
+    debug: boolean;
+    private isMobile;
+    get configLang(): LANGUAGES;
+    getImpactData: () => Promise<{
+        chain: {
+            name: string;
+            logoUrl: string | null;
+            communityImpactUrl: string | null;
+            donationTypeName: string | null;
+            matchDonationTypeName: string | null;
+        };
+        store: {
+            name: string | null;
+            displayName: string | null;
+            communityPageURL: string | null;
+        };
+        config: {
+            web: {
+                title: string;
+                description: string;
+                promoDescriptionPrefix?: string | undefined;
+                promoDescription?: string | undefined;
+                theme?: {
+                    [key: string]: unknown;
+                } | null | undefined;
+                nonprofitSelectedHeader?: string | undefined;
+                nonprofitUnselectedHeader?: string | undefined;
+                dynamicStrings?: {
+                    [key: string]: string;
+                } | null | undefined;
+                additionalStrings?: {
+                    [key: string]: string;
+                } | null | undefined;
+                disableAnimation?: boolean | undefined;
+                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;
+            mobile: {
+                title: string;
+                description: string;
+                nonprofitSelectedHeader?: string | undefined;
+                nonprofitUnselectedHeader?: string | undefined;
+            };
+            enableNonprofitDeselection?: boolean | undefined;
+        };
+        personal: {
+            imageUrl: string | null;
+            nonprofit: {
+                id: number;
+                name: string;
+                cause: string | null;
+                causeIconUrl: string | null;
+                causeIconSelectedUrl: string | null;
+                causeColor: string | null;
+                website: string | null;
+                websiteLinkText: string;
+                badge?: string | undefined;
+                includeInPersonalImpact?: boolean | undefined;
+            };
+            impact: {
+                description: string | null;
+                goalCompletionText: string;
+                goalProgressText: string;
+                goalProgressPercentage: number;
+            };
+            share: {
+                imageUrl: string | null;
+            };
+            filters?: string[] | undefined;
+        }[];
+        community: {
+            imageUrl: string | null;
+            nonprofit: {
+                id: number;
+                name: string;
+                cause: string | null;
+                causeIconUrl: string | null;
+                causeIconSelectedUrl: string | null;
+                causeColor: string | null;
+                website: string | null;
+                websiteLinkText: string;
+                badge?: string | undefined;
+                includeInPersonalImpact?: boolean | undefined;
+            };
+            impact: {
+                description: string | null;
+                goalCompletionText: string;
+                goalProgressText: string;
+                goalProgressPercentage: number;
+            };
+            share: {
+                imageUrl: string | null;
+            };
+            filters?: string[] | undefined;
+        }[];
+        promo: {
+            isActive: boolean;
+            multiplier: number | null;
+        } | null;
+    }>;
+    private impactDataController;
+    impactTitleRefs: HTMLElement[];
+    impactLinkRefs: HTMLElement[];
+    connectedCallback(): void;
+    updated(changedProperties: PropertyValues): Promise<void>;
+    disconnectedCallback(): void;
+    /**
+     * Safari does not fire loading events on the document FontFaceSet, but it does implement the .ready Promise
+     * Call this method to wait for font loads that may be triggered by content changes
+     */
+    handleFontLoad<T = any>(callback: () => T | void): Promise<void | T>;
+    get cssVariables(): any;
+    evaluateBreakPoints: lodash.DebouncedFuncLeading<() => void>;
+    resizeElements: lodash.DebouncedFuncLeading<() => void>;
+    render(): "" | lit_html.TemplateResult<1>;
+    renderInlineCard(impactCard: {
+        title: string;
+        description: string;
+        image: string | null;
+        link: string | null;
+        linkText: string;
+        progressBarValue?: number;
+        progressBarText?: string;
+        infoPill: string;
+        imageType: "'image'" | "'icon'" | "'selected_icon'";
+        cardType: "personal" | "community";
+        imagePosition: "'inline'" | "'block'";
+    }): lit_html.TemplateResult<1>;
+    static styles: lit.CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "beam-subscription-impact": BeamSubscriptionImpact;
+    }
+}
+
+export { BeamSubscriptionImpact };