@beamimpact/web-sdk 1.55.7 → 1.56.3

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

@@ -1,17 +1,15 @@
 import * as lit_html from 'lit-html';
 import * as lit from 'lit';
 import { LitElement } from 'lit';
-import { g as getImpact, a as getChainNonprofits } from '../chunks/routes-BoeGe1RQ.esm.js';
-import { T as TCart } from '../chunks/cart-contents-CLT7p7Gd.esm.js';
+import { g as getChainNonprofits, a as getImpact } from '../chunks/routes-OxC3Ah30.esm.js';
+import { T as TCart } from '../chunks/cart-contents-CEoSx3y4.esm.js';
 import './select-subscription-nonprofit.js';
 import './subscription-impact.js';
-import './beam-partner-logos.js';
-import '../chunks/progress-bar-CveZ8E6Q.esm.js';
 import { L as LANGUAGES } from '../chunks/types-DfRc36jU.esm.js';
-import { T as TNumericId } from '../chunks/types-CPxMwnoR.esm.js';
-import '../chunks/openapi-spec-Bk7E2QQP.esm.js';
+import { T as TNumericId } from '../chunks/types-D_PLq1pj.esm.js';
+import '../chunks/openapi-spec-B4z4_CMq.esm.js';
 import 'lodash';
-import '../chunks/share-button-CDVVaxEc.esm.js';
+import './beam-partner-logos.js';
 
 interface RequiredDataPropsWithEmail {
     email: string;
@@ -60,7 +58,7 @@ declare class BeamSubscriptionManagement extends LitElement {
         chain: {
             name: string;
             logoUrl: string | null;
-            logoLockupUrl?: string | null | undefined;
+            logoLockupUrl?: string | null;
             communityImpactUrl: string | null;
             donationTypeName: string | null;
             matchDonationTypeName: string | null;
@@ -69,55 +67,55 @@ declare class BeamSubscriptionManagement 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;
         } & {
             web?: {
-                redeemButtonText?: string | undefined;
-            } | undefined;
+                redeemButtonText?: string;
+            };
             mobileWeb?: {
-                redeemButtonText?: string | undefined;
-            } | undefined;
+                redeemButtonText?: string;
+            };
             mobile?: {
-                redeemButtonText?: string | undefined;
-            } | undefined;
+                redeemButtonText?: string;
+            };
         };
         nonprofits: {
-            imageUrl: Partial<string | null>;
+            imageUrl: Partial<string | null> & Partial<string | null>;
             nonprofit: {
                 id: number;
                 name: string;
@@ -126,14 +124,14 @@ declare class BeamSubscriptionManagement 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;
@@ -142,10 +140,10 @@ declare class BeamSubscriptionManagement extends LitElement {
                 goalProgressPercentage: number;
             };
             promo?: {
-                type?: string | undefined;
+                type?: string;
                 isActive: boolean;
                 multiplier: number | null;
-            } | null | undefined;
+            } | null;
         }[];
         store: {
             id: number;
@@ -156,18 +154,18 @@ declare class BeamSubscriptionManagement extends LitElement {
         promos?: {
             validatedPromoCodes: {
                 promoCodeId: string | null;
-                promoCodeGroupId?: string | null | undefined;
-                promoId?: number | undefined;
+                promoCodeGroupId?: string | null;
+                promoId?: number;
                 validatedAt: string;
                 apply: boolean;
             }[];
-        } | undefined;
+        };
         extensibility?: {
-            excludeB2BOrders?: boolean | undefined;
-        } | undefined;
+            excludeB2BOrders?: boolean;
+        };
         settings?: {
             excludeDonationsForRecurringTransactions: boolean;
-        } | undefined;
+        };
     }>;
     fetchSubscription(): Promise<{
         beamUserId: string;
@@ -175,17 +173,17 @@ declare class BeamSubscriptionManagement extends LitElement {
         internalSubscriptionId: string;
         settings?: {
             excludeDonationsForRecurringTransactions: boolean;
-        } | undefined;
+        };
         nonprofit: {
             id: number;
-            name?: string | undefined;
+            name?: string;
         } | null;
     }>;
     fetchImpact(): Promise<{
         chain: {
             name: string;
             logoUrl: string | null;
-            logoLockupUrl?: string | null | undefined;
+            logoLockupUrl?: string | null;
             communityImpactUrl: string | null;
             donationTypeName: string | null;
             matchDonationTypeName: string | null;
@@ -199,42 +197,42 @@ declare class BeamSubscriptionManagement 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;
@@ -246,14 +244,14 @@ declare class BeamSubscriptionManagement 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;
@@ -264,7 +262,7 @@ declare class BeamSubscriptionManagement extends LitElement {
             share: {
                 imageUrl: string | null;
             };
-            filters?: string[] | undefined;
+            filters?: string[];
         }[];
         community: {
             imageUrl: string | null;
@@ -276,14 +274,14 @@ declare class BeamSubscriptionManagement 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;
@@ -294,10 +292,10 @@ declare class BeamSubscriptionManagement extends LitElement {
             share: {
                 imageUrl: string | null;
             };
-            filters?: string[] | undefined;
+            filters?: string[];
         }[];
         promo: {
-            type?: string | undefined;
+            type?: string;
             isActive: boolean;
             multiplier: number | null;
         } | null;
@@ -305,7 +303,7 @@ declare class BeamSubscriptionManagement extends LitElement {
         personalImpactAssetUrl: string | null;
         settings?: {
             excludeDonationsForRecurringTransactions: boolean;
-        } | undefined;
+        };
     }>;
     getDisplayablePreviousImpacts(): {
         imageUrl: string | null;
@@ -317,14 +315,14 @@ declare class BeamSubscriptionManagement 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;
@@ -335,7 +333,7 @@ declare class BeamSubscriptionManagement extends LitElement {
         share: {
             imageUrl: string | null;
         };
-        filters?: string[] | undefined;
+        filters?: string[];
     }[];
     handleSwapNonprofitButtonClick(): void;
     handleBackToSubscriptionImpactButtonClick(): void;
@@ -346,7 +344,7 @@ declare class BeamSubscriptionManagement extends LitElement {
     get cssVariables(): any;
     static styles: lit.CSSResult[];
     private renderPreviousImpactTiles;
-    render(): lit_html.TemplateResult<1> | "";
+    render(): "" | lit_html.TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {
@@ -354,4 +352,5 @@ declare global {
     }
 }
 
-export { BeamSubscriptionManagement, type TIAPIV3EligibleNonprofitConfig, type TIAPIV3EligibleNonprofits, type TIAPIV3PersonalImpact };
+export { BeamSubscriptionManagement };
+export type { TIAPIV3EligibleNonprofitConfig, TIAPIV3EligibleNonprofits, TIAPIV3PersonalImpact };

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

@@ -1,4 +1,4 @@
-import{f as z,g as r,t as d,h as H,y as o,k as E}from"../chunks/lit-WqMxC_PA.esm.js";import{D as R,S as j,d as _,W as B,e as K,g as F}from"../chunks/routes-E1gMJl6d.esm.js";import{p as O}from"../chunks/progress-bar-DF7UuuHb.esm.js";import{c as V,d as Y,e as S}from"../chunks/enforce-config-CZ3ToOgr.esm.js";import{u as l,A as y,d as c,a as G,i as p,_ as v}from"../chunks/localize-Btu9xYcE.esm.js";import{c as N}from"../chunks/events-Dki0ka4F.esm.js";import{M as q}from"../chunks/beam-errors-Ci0d3926.esm.js";import"./select-subscription-nonprofit.esm.js";import"./subscription-impact.esm.js";import{partnerLogosConfigDefaults as J}from"./beam-partner-logos.esm.js";import{makeApiKeyHeader as x}from"../utils/makeApiKeyHeader.esm.js";import{_ as D}from"../chunks/loading-template-DG4lkIIc.esm.js";import{c as Q}from"../chunks/css-card-grid-CvoGpsJH.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../utils/logger.esm.js";import"../chunks/lodash-D3TLHRR_.esm.js";import"../utils/local-storage.esm.js";import"../chunks/share-button-VEIdBFu3.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-BzmG48J9.esm.js";import"../chunks/vendor-KKSARHWL.esm.js";import"../chunks/_share-dialog-dependencies-BVNp0oLJ.esm.js";import"../chunks/responsive-BR8qUfBa.esm.js";const g={en:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},fr:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},de:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},es:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},it:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},pl:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},ja:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"}};var X=Object.defineProperty,i=(M,t,n,s)=>{for(var a=void 0,b=M.length-1,u;b>=0;b--)(u=M[b])&&(a=u(t,n,a)||a);return a&&X(t,n,a),a};const $=3,Z=0,tt=1,et=98;class e extends H{constructor(){super(...arguments),this.baseUrl=R,this.lang="en",this.debug=!1,this.draftConfig=!1,this.activeWidget=null,this.nonprofitId=null,this.beamUserId=null,this.eligibleNonprofits=[],this.showAllTiles=!1,this.isMobile=window.innerWidth<720,this.dropdownVisible=!1,this.emojis=["\u{1F44F}","\u{1F4AA}","\u{1F64C}","\u2728","\u{1F947}"],this.subscriptionDataController=new y(this,this.fetchSubscription),this.eligibleNonprofitsDataController=new y(this,this.fetchEligibleNonprofits),this.personalImpactDataController=new y(this,this.fetchImpact)}get configLang(){return j[this.lang]||"en"}async firstUpdated(){if(!this.email&&!this.partnerUserId)throw new q(["email","partnerUserId"],"One of the following properties needs to be specified: email, partnerUserId ");S(["apiKey","subscriptionId"],this),await this.loadWidget()}async loadWidget(){await Promise.all([this.fetchEligibleNonprofits(),this.fetchSubscription()]),await this.fetchImpact(),this.activeWidget=this.nonprofitId?"subscription-impact":"select-subscription-nonprofit"}async fetchEligibleNonprofits(){S(["apiKey","subscriptionId"],this);const t=await _({baseUrl:this.baseUrl,headers:x(this.apiKey),requestBody:{storeId:this.storeId||void 0,postalCode:this.postalCode||void 0,countryCode:this.countryCode||void 0,widgetName:B.subscription_management,version:"1.0.0"}});return this.storeId=t.store.id,this.eligibleNonprofits=t.nonprofits,this.eligibleNonprofitsDataController.data=t,t}async fetchSubscription(){S(["apiKey","subscriptionId"],this);const t=await K({baseUrl:this.baseUrl,headers:x(this.apiKey),requestBody:{remoteSubscriptionId:this.subscriptionId,email:this.email,partnerUserId:this.partnerUserId}});return this.beamUserId=t.beamUserId,this.nonprofitId=t.nonprofit?.id||null,t}async fetchImpact(){S(["apiKey"],this);const t=await F({baseUrl:this.baseUrl,headers:x(this.apiKey),queryParams:{beamUserId:this.beamUserId?this.beamUserId:void 0,widgetName:"subscription-management",version:"1.0.0",lang:this.configLang}});return this.personalImpactDataController.data=t,t}getDisplayablePreviousImpacts(){const t=this.personalImpactDataController.data?.personal;return!t||t?.length<1?[]:t.filter(n=>!(!n.nonprofit.includeInPersonalImpact||n.nonprofit.id===this.nonprofitId&&(!n.impact.goalCompletionText||n.impact.goalCompletionText?.length<1)))}handleSwapNonprofitButtonClick(){this.activeWidget="select-subscription-nonprofit"}handleBackToSubscriptionImpactButtonClick(){this.activeWidget="subscription-impact"}handleSupportAgainButtonClick(t,n){this.activeWidget="select-subscription-nonprofit",this.selectedNonprofitId=t;const s=new N({selectedNonprofitId:t,nonprofitName:n,source:B.subscription_management,timestamp:new Date});this.dispatchEvent(s)}handleNonprofitSelect(t){if(!(t instanceof N))return;const{selectedNonprofitId:n}=t.detail;this.nonprofitId=n??null,this.activeWidget="subscription-impact"}isNonprofitEligible(t){return this.eligibleNonprofits.some(n=>n.nonprofit.id===t)}shouldDisplayProgressBar(t){return t>tt&&t<et}get cssVariables(){const t={...J,...O,"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"inherit","--beam-textColor":"inherit","--beam-backgroundColor":"inherit","--beam-SubscriptionManagement-widgetContainer-borderColor":"#d5d5d5","--beam-SubscriptionManagement-widgetContainer-borderRadius":"4px","--beam-SubscriptionManagement-widgetContainer-padding":"8px 20px","--beam-SubscriptionManagement-widgetContainer-backgroundColor":"inherit","--beam-SubscriptionManagement-widgetContainer-maxWidth":"820px","--beam-SubscriptionManagement-logo-align-desktop":"left","--beam-SubscriptionManagement-logo-align-mobile":"center","--beam-SubscriptionManagement-previousImpact-cardStyle":"'selected_icon'","--beam-SubscriptionManagement-header-padding":"10px 20px 10px 0px","--beam-SubscriptionManagement-header-borderRadius":"0px","--beam-SubscriptionManagement-header-backgroundColor":"#fff","--beam-SubscriptionManagement-header-meatballsMenu-fontSize":"24px","--beam-SubscriptionManagement-header-meatballsMenu-color":"24px","--beam-SubscriptionManagement-lineBreak-color":"#ddd","--beam-SubscriptionManagement-lineBreak-width":"1px","--beam-SubscriptionManagement-lineBreak-margin":"10px 0 20px 0","--beam-SubscriptionManagement-tile-marginBottom":"20px","--beam-SubscriptionManagement-tile-border-width":"0px","--beam-SubscriptionManagement-tile-border-color":"#ddd","--beam-SubscriptionManagement-tile-padding":"12.5px","--beam-SubscriptionManagement-tile-borderRadius":"8px","--beam-SubscriptionManagement-tile-background":"#f8fbfb","--beam-SubscriptionManagement-tileContent-gap":" 15px","--beam-SubscriptionManagement-tileContent-padding":"5px 0px","--beam-SubscriptionManagement-tile-icon-borderRadius":"4px","--beam-SubscriptionManagement-tile-icon-height":"28px","--beam-SubscriptionManagement-tile-icon-background-borderRadius":"50%","--beam-SubscriptionManagement-tile-icon-background-width":"50px","--beam-SubscriptionManagement-tile-icon-background-height":"50px","--beam-SubscriptionManagement-tile-icon-background-backgroundColor":"#0a323c","--beam-SubscriptionManagement-tile-icon-background-padding":"10px","--beam-SubscriptionManagement-blockTileDescription-gap":"5px","--beam-SubscriptionManagement-blockTileDescription-padding":"0px","--beam-SubscriptionManagement-blockTileDescription-lineHeight":"130%","--beam-SubscriptionManagement-blockTileDescription-progressBar-width-desktop":"60%","--beam-SubscriptionManagement-blockTileDescription-progressBar-width-mobile":"100%","--beam-SubscriptionManagement-subWidgetContainer-padding":"0px 0px 10px","--beam-SubscriptionManagement-previousImpactContainer-padding-desktop":"10px 24px 10px 0px","--beam-SubscriptionManagement-previousImpactContainer-padding-mobile":"0px","--beam-SubscriptionManagement-dropDown-padding":"15px 8px","--beam-SubscriptionManagement-dropDown-borderRadius":"8px","--beam-SubscriptionManagement-dropDown-backgroundColor":"#f8fbfb","--beam-SubscriptionManagement-dropDown-boxShadow":"0px 4px 28px 0px rgba(0, 0, 0, 0.04)","--beam-SubscriptionManagement-dropDown-width":"128px","--beam-SubscriptionManagement-dropDown-hover-backgroundColor":"#E1F1EE","--beam-SubscriptionManagement-dropDownOptions-textDecoration":"underline",...c("--beam-SubscriptionManagement-dropDownOptions",{fontSize:"12px",fontWeight:"400",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-yourPreviousImpactTitle-marginBottom":"15px",...c("--beam-SubscriptionManagement-yourPreviousImpactTitle",{fontSize:"18px",fontWeight:"bold",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-yourPreviousImpact-showAllButton-textDecoration":"underline",...c("--beam-SubscriptionManagement-yourPreviousImpact-showAllButton",{fontSize:"12px",fontWeight:"bold",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-tile-title-letterSpacing":"0.36px",...c("--beam-SubscriptionManagement-tile-title",{fontSize:"12px",fontWeight:"bold",lineHeight:"120%",textTransform:"uppercase",fontStyle:"normal",color:"#0a323c"}),...c("--beam-SubscriptionManagement-tile-description",{fontSize:"14px",lineHeight:"120%",fontStyle:"normal",color:"#454a47"}),...c("--beam-SubscriptionManagement-tile-via",{fontSize:"14px",lineHeight:"120%",fontStyle:"normal",color:"#454a47"}),"--beam-SubscriptionManagement-tile-nonprofitLink-textDecoration":"underline",...c("--beam-SubscriptionManagement-tile-nonprofitLink",{fontSize:"14px",fontWeight:"400",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-tile-supportAgainButton-textDecoration":"underline",...c("--beam-SubscriptionManagement-tile-supportAgainButton",{fontSize:"14px",fontWeight:"400",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-tile-progressBarLabel-marginLeft":"8px",...c("--beam-SubscriptionManagement-tile-progressBarLabel",{fontSize:"10px",fontWeight:"bold",fontStyle:"normal",color:"#878a92"}),"--beam-SubscriptionManagement-tile-fundedAmount-lineHeight":"16px",...c("--beam-SubscriptionManagement-tile-fundedAmount",{fontSize:"14px",fontWeight:"400",lineHeight:"120%",fontStyle:"italic",color:"#0a323c"})},n=this.eligibleNonprofitsDataController?.data?.config?.web?.theme||{},s={...t,...n};return Object.assign(Object.create({toCSS(){return G(this)}}),s)}renderPreviousImpactTiles({personalImpact:t,cardStyle:n,eligibleNonprofitConfig:s}){if(!t)return o``;if(!s)return o``;const a=this.showAllTiles?t:t.slice(0,$);let b=0;return o`
+import{i as z,n as r,r as d,a as H,b as o,h as E}from"../chunks/lit-JRlupCB5.esm.js";import{D as R,S as j,d as _,W as B,e as K,g as F}from"../chunks/routes-DSu5s3K7.esm.js";import{p as O}from"../chunks/progress-bar-B82FOT8n.esm.js";import{c as V,d as Y,e as S}from"../chunks/enforce-config-DHnpgqSK.esm.js";import{u as l,A as y,d as c,a as G,i as p,_ as v}from"../chunks/localize-Dg7NgKIP.esm.js";import{c as N}from"../chunks/events-COWOQoLW.esm.js";import{M as q}from"../chunks/beam-errors-Ci0d3926.esm.js";import"./select-subscription-nonprofit.esm.js";import"./subscription-impact.esm.js";import{partnerLogosConfigDefaults as J}from"./beam-partner-logos.esm.js";import{makeApiKeyHeader as x}from"../utils/makeApiKeyHeader.esm.js";import{_ as D}from"../chunks/loading-template-BFvXaTlD.esm.js";import{c as Q}from"../chunks/css-card-grid-DixMt6ek.esm.js";import"../chunks/promo-types-DKAOFHJr.esm.js";import"../utils/logger.esm.js";import"../utils/memoize-last.esm.js";import"../chunks/lodash-BSs6Il-c.esm.js";import"../utils/local-storage.esm.js";import"../chunks/share-button-Dzc7loia.esm.js";import"../chunks/is-all-html-elements-fcB7UUA1.esm.js";import"../chunks/share-button-DXS3zbJz.esm.js";import"../chunks/vendor-ckSdd6aH.esm.js";import"../chunks/_share-dialog-dependencies-Bk60ibnw.esm.js";import"../chunks/responsive-CIV4sFdH.esm.js";const g={en:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},fr:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},de:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},es:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},it:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},pl:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"},ja:{changeNonprofitButton:()=>"Change Nonprofit",previousImpactHeader:()=>"Your Previous Impact",previousNonprofitButton:()=>"Back to Previous Nonprofit",supportAgainButton:()=>"Support Again",via:()=>"via",showAllButton:()=>"Show All",showLessButton:()=>"Show Less"}};var X=Object.defineProperty,i=(M,t,n,s)=>{for(var a=void 0,b=M.length-1,u;b>=0;b--)(u=M[b])&&(a=u(t,n,a)||a);return a&&X(t,n,a),a};const $=3,Z=0,tt=1,et=98;class e extends H{constructor(){super(...arguments),this.baseUrl=R,this.lang="en",this.debug=!1,this.draftConfig=!1,this.activeWidget=null,this.nonprofitId=null,this.beamUserId=null,this.eligibleNonprofits=[],this.showAllTiles=!1,this.isMobile=window.innerWidth<720,this.dropdownVisible=!1,this.emojis=["\u{1F44F}","\u{1F4AA}","\u{1F64C}","\u2728","\u{1F947}"],this.subscriptionDataController=new y(this,this.fetchSubscription),this.eligibleNonprofitsDataController=new y(this,this.fetchEligibleNonprofits),this.personalImpactDataController=new y(this,this.fetchImpact)}get configLang(){return j[this.lang]||"en"}async firstUpdated(){if(!this.email&&!this.partnerUserId)throw new q(["email","partnerUserId"],"One of the following properties needs to be specified: email, partnerUserId ");S(["apiKey","subscriptionId"],this),await this.loadWidget()}async loadWidget(){await Promise.all([this.fetchEligibleNonprofits(),this.fetchSubscription()]),await this.fetchImpact(),this.activeWidget=this.nonprofitId?"subscription-impact":"select-subscription-nonprofit"}async fetchEligibleNonprofits(){S(["apiKey","subscriptionId"],this);const t=await _({baseUrl:this.baseUrl,headers:x(this.apiKey),requestBody:{storeId:this.storeId||void 0,postalCode:this.postalCode||void 0,countryCode:this.countryCode||void 0,widgetName:B.subscription_management,version:"1.0.0"}});return this.storeId=t.store.id,this.eligibleNonprofits=t.nonprofits,this.eligibleNonprofitsDataController.data=t,t}async fetchSubscription(){S(["apiKey","subscriptionId"],this);const t=await K({baseUrl:this.baseUrl,headers:x(this.apiKey),requestBody:{remoteSubscriptionId:this.subscriptionId,email:this.email,partnerUserId:this.partnerUserId}});return this.beamUserId=t.beamUserId,this.nonprofitId=t.nonprofit?.id||null,t}async fetchImpact(){S(["apiKey"],this);const t=await F({baseUrl:this.baseUrl,headers:x(this.apiKey),queryParams:{beamUserId:this.beamUserId?this.beamUserId:void 0,widgetName:"subscription-management",version:"1.0.0",lang:this.configLang}});return this.personalImpactDataController.data=t,t}getDisplayablePreviousImpacts(){const t=this.personalImpactDataController.data?.personal;return!t||t?.length<1?[]:t.filter(n=>!(!n.nonprofit.includeInPersonalImpact||n.nonprofit.id===this.nonprofitId&&(!n.impact.goalCompletionText||n.impact.goalCompletionText?.length<1)))}handleSwapNonprofitButtonClick(){this.activeWidget="select-subscription-nonprofit"}handleBackToSubscriptionImpactButtonClick(){this.activeWidget="subscription-impact"}handleSupportAgainButtonClick(t,n){this.activeWidget="select-subscription-nonprofit",this.selectedNonprofitId=t;const s=new N({selectedNonprofitId:t,nonprofitName:n,source:B.subscription_management,timestamp:new Date});this.dispatchEvent(s)}handleNonprofitSelect(t){if(!(t instanceof N))return;const{selectedNonprofitId:n}=t.detail;this.nonprofitId=n??null,this.activeWidget="subscription-impact"}isNonprofitEligible(t){return this.eligibleNonprofits.some(n=>n.nonprofit.id===t)}shouldDisplayProgressBar(t){return t>tt&&t<et}get cssVariables(){const t={...J,...O,"--beam-fontFamily":"inherit","--beam-fontStyle":"inherit","--beam-fontSize":"inherit","--beam-textColor":"inherit","--beam-backgroundColor":"inherit","--beam-SubscriptionManagement-widgetContainer-borderColor":"#d5d5d5","--beam-SubscriptionManagement-widgetContainer-borderRadius":"4px","--beam-SubscriptionManagement-widgetContainer-padding":"8px 20px","--beam-SubscriptionManagement-widgetContainer-backgroundColor":"inherit","--beam-SubscriptionManagement-widgetContainer-maxWidth":"820px","--beam-SubscriptionManagement-logo-align-desktop":"left","--beam-SubscriptionManagement-logo-align-mobile":"center","--beam-SubscriptionManagement-previousImpact-cardStyle":"'selected_icon'","--beam-SubscriptionManagement-header-padding":"10px 20px 10px 0px","--beam-SubscriptionManagement-header-borderRadius":"0px","--beam-SubscriptionManagement-header-backgroundColor":"#fff","--beam-SubscriptionManagement-header-meatballsMenu-fontSize":"24px","--beam-SubscriptionManagement-header-meatballsMenu-color":"24px","--beam-SubscriptionManagement-lineBreak-color":"#ddd","--beam-SubscriptionManagement-lineBreak-width":"1px","--beam-SubscriptionManagement-lineBreak-margin":"10px 0 20px 0","--beam-SubscriptionManagement-tile-marginBottom":"20px","--beam-SubscriptionManagement-tile-border-width":"0px","--beam-SubscriptionManagement-tile-border-color":"#ddd","--beam-SubscriptionManagement-tile-padding":"12.5px","--beam-SubscriptionManagement-tile-borderRadius":"8px","--beam-SubscriptionManagement-tile-background":"#f8fbfb","--beam-SubscriptionManagement-tileContent-gap":" 15px","--beam-SubscriptionManagement-tileContent-padding":"5px 0px","--beam-SubscriptionManagement-tile-icon-borderRadius":"4px","--beam-SubscriptionManagement-tile-icon-height":"28px","--beam-SubscriptionManagement-tile-icon-background-borderRadius":"50%","--beam-SubscriptionManagement-tile-icon-background-width":"50px","--beam-SubscriptionManagement-tile-icon-background-height":"50px","--beam-SubscriptionManagement-tile-icon-background-backgroundColor":"#0a323c","--beam-SubscriptionManagement-tile-icon-background-padding":"10px","--beam-SubscriptionManagement-blockTileDescription-gap":"5px","--beam-SubscriptionManagement-blockTileDescription-padding":"0px","--beam-SubscriptionManagement-blockTileDescription-lineHeight":"130%","--beam-SubscriptionManagement-blockTileDescription-progressBar-width-desktop":"60%","--beam-SubscriptionManagement-blockTileDescription-progressBar-width-mobile":"100%","--beam-SubscriptionManagement-subWidgetContainer-padding":"0px 0px 10px","--beam-SubscriptionManagement-previousImpactContainer-padding-desktop":"10px 24px 10px 0px","--beam-SubscriptionManagement-previousImpactContainer-padding-mobile":"0px","--beam-SubscriptionManagement-dropDown-padding":"15px 8px","--beam-SubscriptionManagement-dropDown-borderRadius":"8px","--beam-SubscriptionManagement-dropDown-backgroundColor":"#f8fbfb","--beam-SubscriptionManagement-dropDown-boxShadow":"0px 4px 28px 0px rgba(0, 0, 0, 0.04)","--beam-SubscriptionManagement-dropDown-width":"128px","--beam-SubscriptionManagement-dropDown-hover-backgroundColor":"#E1F1EE","--beam-SubscriptionManagement-dropDownOptions-textDecoration":"underline",...c("--beam-SubscriptionManagement-dropDownOptions",{fontSize:"12px",fontWeight:"400",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-yourPreviousImpactTitle-marginBottom":"15px",...c("--beam-SubscriptionManagement-yourPreviousImpactTitle",{fontSize:"18px",fontWeight:"bold",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-yourPreviousImpact-showAllButton-textDecoration":"underline",...c("--beam-SubscriptionManagement-yourPreviousImpact-showAllButton",{fontSize:"12px",fontWeight:"bold",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-tile-title-letterSpacing":"0.36px",...c("--beam-SubscriptionManagement-tile-title",{fontSize:"12px",fontWeight:"bold",lineHeight:"120%",textTransform:"uppercase",fontStyle:"normal",color:"#0a323c"}),...c("--beam-SubscriptionManagement-tile-description",{fontSize:"14px",lineHeight:"120%",fontStyle:"normal",color:"#454a47"}),...c("--beam-SubscriptionManagement-tile-via",{fontSize:"14px",lineHeight:"120%",fontStyle:"normal",color:"#454a47"}),"--beam-SubscriptionManagement-tile-nonprofitLink-textDecoration":"underline",...c("--beam-SubscriptionManagement-tile-nonprofitLink",{fontSize:"14px",fontWeight:"400",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-tile-supportAgainButton-textDecoration":"underline",...c("--beam-SubscriptionManagement-tile-supportAgainButton",{fontSize:"14px",fontWeight:"400",lineHeight:"120%",textTransform:"capitalize",fontStyle:"normal",color:"#0a323c"}),"--beam-SubscriptionManagement-tile-progressBarLabel-marginLeft":"8px",...c("--beam-SubscriptionManagement-tile-progressBarLabel",{fontSize:"10px",fontWeight:"bold",fontStyle:"normal",color:"#878a92"}),"--beam-SubscriptionManagement-tile-fundedAmount-lineHeight":"16px",...c("--beam-SubscriptionManagement-tile-fundedAmount",{fontSize:"14px",fontWeight:"400",lineHeight:"120%",fontStyle:"italic",color:"#0a323c"})},n=this.eligibleNonprofitsDataController?.data?.config?.web?.theme||{},s={...t,...n};return Object.assign(Object.create({toCSS(){return G(this)}}),s)}renderPreviousImpactTiles({personalImpact:t,cardStyle:n,eligibleNonprofitConfig:s}){if(!t)return o``;if(!s)return o``;const a=this.showAllTiles?t:t.slice(0,$);let b=0;return o`
       ${a.map(u=>{const{impact:{goalCompletionText:m,description:h,goalProgressPercentage:f,goalProgressText:A},nonprofit:{cause:C,causeIconSelectedUrl:L,causeIconUrl:T,website:P,name:I,id:w}}=u,k=this.nonprofitId!==w&&this.isNonprofitEligible(w),U=k&&this.shouldDisplayProgressBar(f),W=m?`${this.emojis[b]} `:"";return b=(b+1)%this.emojis.length,o`
           <div class="tile">
             <div class="tile-header">
@@ -15,6 +15,7 @@ import{f as z,g as r,t as d,h as H,y as o,k as E}from"../chunks/lit-WqMxC_PA.esm
                 <img
                   src="${n==="'selected_icon'"?L:T}"
                   alt="${C}"
+                  data-speedsize-ignore="true"
                   class="icon"
                 />
               </div>
@@ -93,8 +94,8 @@ import{f as z,g as r,t as d,h as H,y as o,k as E}from"../chunks/lit-WqMxC_PA.esm
                         >
                           ${p(this.configLang,t?.config?.web?.additionalStrings?.previousNonprofitButtonText||"")||g[this.configLang].previousNonprofitButton()}
                         </button>`:this.activeWidget==="subscription-impact"?o`<button @click="${this.handleSwapNonprofitButtonClick}" class="drop-down-options button">
-                          ${p(this.configLang,t?.config?.web?.additionalStrings?.changeNonprofitButtonText||"")||g[this.configLang].changeNonprofitButton()}
-                        </button>`:""}
+                            ${p(this.configLang,t?.config?.web?.additionalStrings?.changeNonprofitButtonText||"")||g[this.configLang].changeNonprofitButton()}
+                          </button>`:""}
                   </div>
                 </div>`:o``}
           </div>