@beamimpact/web-sdk 1.39.0 → 1.39.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/_share-dialog-dependencies-45VkuwV_.esm.js +2 -0
- package/dist/chunks/_share-dialog-dependencies-45VkuwV_.esm.js.map +1 -0
- package/dist/chunks/_share-dialog-dependencies-zjR-bLve.esm.js +2 -0
- package/dist/chunks/_share-dialog-dependencies-zjR-bLve.esm.js.map +1 -0
- package/dist/chunks/index-07spDV_A.esm.js +2 -0
- package/dist/chunks/index-07spDV_A.esm.js.map +1 -0
- package/dist/chunks/{index-82TLJN3M.esm.js → index-IO0Z_buU.esm.js} +2 -2
- package/dist/chunks/{index-82TLJN3M.esm.js.map → index-IO0Z_buU.esm.js.map} +1 -1
- package/dist/chunks/index-NF6VKqmo.esm.js +2 -0
- package/dist/chunks/index-NF6VKqmo.esm.js.map +1 -0
- package/dist/chunks/index-TD6ZYob2.esm.js +2 -0
- package/dist/chunks/index-TD6ZYob2.esm.js.map +1 -0
- package/dist/chunks/index-b9nIxcaS.esm.js +2 -0
- package/dist/chunks/index-b9nIxcaS.esm.js.map +1 -0
- package/dist/chunks/index-i1kXw_4Z.esm.js +2 -0
- package/dist/chunks/index-i1kXw_4Z.esm.js.map +1 -0
- package/dist/chunks/index-qFEb98cw.esm.js +2 -0
- package/dist/chunks/index-qFEb98cw.esm.js.map +1 -0
- package/dist/chunks/{index-sCYUc4NK.esm.js → index-wrvDFuaS.esm.js} +2 -2
- package/dist/chunks/{index-sCYUc4NK.esm.js.map → index-wrvDFuaS.esm.js.map} +1 -1
- package/dist/chunks/{order-page--Z7oUbXx.esm.js → order-page-DTWyo57K.esm.js} +2 -2
- package/dist/chunks/{order-page--Z7oUbXx.esm.js.map → order-page-DTWyo57K.esm.js.map} +1 -1
- package/dist/chunks/{order-page-zVZsxnVd.esm.js → order-page-r0Bn2_wR.esm.js} +2 -2
- package/dist/chunks/{order-page-zVZsxnVd.esm.js.map → order-page-r0Bn2_wR.esm.js.map} +1 -1
- package/dist/chunks/{routes-OzJqNrBl.esm.js → routes-eEIGOCLH.esm.js} +2 -2
- package/dist/chunks/{routes-OzJqNrBl.esm.js.map → routes-eEIGOCLH.esm.js.map} +1 -1
- package/dist/chunks/{routes-2FqTWOCW.esm.js → routes-mFdr3VNw.esm.js} +2 -2
- package/dist/chunks/{routes-2FqTWOCW.esm.js.map → routes-mFdr3VNw.esm.js.map} +1 -1
- package/dist/chunks/{shoelace-components-7Bz0cgFm.esm.js → shoelace-components-jVPXTZPS.esm.js} +2 -2
- package/dist/chunks/{shoelace-components-7Bz0cgFm.esm.js.map → shoelace-components-jVPXTZPS.esm.js.map} +1 -1
- package/dist/chunks/{shoelace-components-R0WKZ63n.esm.js → shoelace-components-yvcqUObE.esm.js} +2 -2
- package/dist/chunks/{shoelace-components-R0WKZ63n.esm.js.map → shoelace-components-yvcqUObE.esm.js.map} +1 -1
- package/dist/chunks/{update-cart-147q_9OK.esm.js → update-cart--5PpQSrY.esm.js} +2 -2
- package/dist/chunks/{update-cart-147q_9OK.esm.js.map → update-cart--5PpQSrY.esm.js.map} +1 -1
- package/dist/chunks/{update-cart-KdiGuVzp.esm.js → update-cart-TDb6pWxk.esm.js} +2 -2
- package/dist/chunks/{update-cart-KdiGuVzp.esm.js.map → update-cart-TDb6pWxk.esm.js.map} +1 -1
- package/dist/components/community-impact.d.ts +1 -1
- package/dist/components/community-impact.esm.js +1 -1
- package/dist/components/community-impact.js +1 -1
- package/dist/components/cumulative-impact.esm.js +1 -1
- package/dist/components/cumulative-impact.js +1 -1
- package/dist/components/impact-overview.esm.js +1 -1
- package/dist/components/impact-overview.js +1 -1
- package/dist/components/index.esm.js +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/post-purchase.d.ts +1 -1
- package/dist/components/post-purchase.esm.js +1 -1
- package/dist/components/post-purchase.js +1 -1
- package/dist/components/product-details-page.d.ts +1 -1
- package/dist/components/product-details-page.esm.js +9 -13
- package/dist/components/product-details-page.esm.js.map +1 -1
- package/dist/components/product-details-page.js +9 -13
- package/dist/components/product-details-page.js.map +1 -1
- package/dist/components/redeem-transaction.d.ts +1 -1
- package/dist/components/redeem-transaction.esm.js +1 -1
- package/dist/components/redeem-transaction.js +1 -1
- package/dist/components/select-nonprofit.d.ts +1 -1
- package/dist/components/select-nonprofit.esm.js +1 -1
- package/dist/components/select-nonprofit.js +1 -1
- package/dist/components/shopify.esm.js +1 -1
- package/dist/components/shopify.js +1 -1
- package/dist/components/subscription-management.d.ts +1 -1
- package/dist/components/subscription-management.esm.js +1 -1
- package/dist/components/subscription-management.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.js +1 -1
- package/dist/integrations/beam.esm.js +1 -1
- package/dist/integrations/beam.js +1 -1
- package/dist/integrations/cart.esm.js +1 -1
- package/dist/integrations/cart.js +1 -1
- package/dist/integrations/index.esm.js +1 -1
- package/dist/integrations/index.js +1 -1
- package/dist/integrations/logs.esm.js +1 -1
- package/dist/integrations/logs.js +1 -1
- package/dist/integrations/shopify.esm.js +1 -1
- package/dist/integrations/shopify.js +1 -1
- package/dist/integrations/statsig.esm.js +3 -2
- package/dist/integrations/statsig.esm.js.map +1 -1
- package/dist/integrations/statsig.js +3 -2
- package/dist/integrations/statsig.js.map +1 -1
- package/dist/react/community-impact.esm.js +1 -1
- package/dist/react/community-impact.js +1 -1
- package/dist/react/cumulative-impact.esm.js +1 -1
- package/dist/react/cumulative-impact.js +1 -1
- package/dist/react/impact-overview.esm.js +1 -1
- package/dist/react/impact-overview.js +1 -1
- package/dist/react/index.esm.js +1 -1
- package/dist/react/index.js +1 -1
- package/dist/react/post-purchase.esm.js +1 -1
- package/dist/react/post-purchase.js +1 -1
- package/dist/react/product-details-page.esm.js +1 -1
- package/dist/react/product-details-page.js +1 -1
- package/dist/react/redeem-transaction.esm.js +1 -1
- package/dist/react/redeem-transaction.js +1 -1
- package/dist/react/select-nonprofit.esm.js +1 -1
- package/dist/react/select-nonprofit.js +1 -1
- package/dist/react/subscription-management.esm.js +1 -1
- package/dist/react/subscription-management.js +1 -1
- package/package.json +1 -1
- package/dist/chunks/_share-dialog-dependencies-E9UC6rFe.esm.js +0 -2
- package/dist/chunks/_share-dialog-dependencies-E9UC6rFe.esm.js.map +0 -1
- package/dist/chunks/_share-dialog-dependencies-jT0LyIYZ.esm.js +0 -2
- package/dist/chunks/_share-dialog-dependencies-jT0LyIYZ.esm.js.map +0 -1
- package/dist/chunks/index-A4ADMGuS.esm.js +0 -2
- package/dist/chunks/index-A4ADMGuS.esm.js.map +0 -1
- package/dist/chunks/index-GxPqdIah.esm.js +0 -2
- package/dist/chunks/index-GxPqdIah.esm.js.map +0 -1
- package/dist/chunks/index-QNK0E7_-.esm.js +0 -2
- package/dist/chunks/index-QNK0E7_-.esm.js.map +0 -1
- package/dist/chunks/index-WeS36ABz.esm.js +0 -2
- package/dist/chunks/index-WeS36ABz.esm.js.map +0 -1
- package/dist/chunks/index-Y6-97c9H.esm.js +0 -2
- package/dist/chunks/index-Y6-97c9H.esm.js.map +0 -1
- package/dist/chunks/index-hEEPYOBy.esm.js +0 -2
- package/dist/chunks/index-hEEPYOBy.esm.js.map +0 -1
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import{j as
|
|
1
|
+
import{j as u,f as b,g as d,h as m,y as s,k as D}from"../chunks/lit-qtGbjGnK.esm.js";import{c as h,u as g,d as f,e as v,A as y,_ as x,i as P,a as p,b as C}from"../chunks/localize-fH8KOrMi.esm.js";import{D as $,i as k,S as F}from"../chunks/routes-eEIGOCLH.esm.js";import{makeApiKeyHeader as S}from"../utils/makeApiKeyHeader.js";import"../chunks/vendor-jQ8cxMpw.esm.js";import"../chunks/shoelace-components-yvcqUObE.esm.js";import"../chunks/beam-errors-P-Lu07Ce.esm.js";import"../utils/logger.js";const w=(r="",{borderRadius:e="0px",borderStyle:t="unset",borderColor:o="#000000",borderWidth:i="1px"}={})=>{const a=r.startsWith("--beam-")?r:`--beam-${r}`;return{[`${a}-borderRadius`]:e,[`${a}-borderStyle`]:t,[`${a}-borderColor`]:o,[`${a}-borderWidth`]:i}},T=(r="",{borderRadius:e="0px",borderStyle:t="unset",borderColor:o="#000000",borderWidth:i="1px"}={})=>{const a=r.startsWith("--beam-")?r:`--beam-${r}`;return u(` border-radius: var(${a}-borderRadius, ${e});
|
|
2
2
|
border-style: var(${a}-borderStyle, ${t});
|
|
3
3
|
border-color: var(${a}-borderColor, ${o});
|
|
4
4
|
border-width: var(${a}-borderWidth, ${i});
|
|
5
|
-
`)};var
|
|
5
|
+
`)};var G=Object.defineProperty,I=Object.getOwnPropertyDescriptor,n=(r,e,t,o)=>{for(var i=o>1?void 0:o?I(e,t):e,a=r.length-1,c;a>=0;a--)(c=r[a])&&(i=(o?c(e,t,i):c(i))||i);return o&&i&&G(e,t,i),i};const W="--beam-ProductDetailsPage-imageUrl";class l extends m{constructor(){super(...arguments),this.baseUrl=$,this.lang="en",this.debug=!1,this.getProductDetailsPageData=async()=>(v(["apiKey","storeId"],this),await k({baseUrl:this.baseUrl,headers:S(this.apiKey),queryParams:{version:"1.0.0",lang:this.configLang,storeId:this.storeId,widgetName:"product-details-page"}})),this.productDetailsPageDataController=new y(this,this.getProductDetailsPageData)}get configLang(){return F[this.lang]||"en"}async updated(e){const t=["storeId","baseUrl","lang","apiKey"];for(const o of t)if(e.has(o)){await this.productDetailsPageDataController.exec();break}}renderWidgetIcon(){const e=this.cssVariables[W];return e?s`
|
|
6
6
|
<span class="icon-container">
|
|
7
7
|
<img src=${e} alt="Widget Icon"></img>
|
|
8
8
|
</span>
|
|
9
|
-
`:s``}render(){const{data:e,loading:t}=this.productDetailsPageDataController;return t?s``:e==null?this.debug?
|
|
9
|
+
`:s``}render(){const{data:e,loading:t}=this.productDetailsPageDataController;return t?s``:e==null?this.debug?x({error:new Error("No data")}):"":s`
|
|
10
10
|
<style>
|
|
11
11
|
:host {
|
|
12
12
|
${this.cssVariables.toCSS()}
|
|
@@ -16,25 +16,23 @@ import{j as P,f as b,g as d,h as m,y as s}from"../chunks/lit-qtGbjGnK.esm.js";im
|
|
|
16
16
|
${this.renderWidgetIcon()}
|
|
17
17
|
<span class="info-container">
|
|
18
18
|
<div class="title-block">
|
|
19
|
-
<h3 class="title">${
|
|
19
|
+
<h3 class="title">${P(this.configLang,e.config?.web?.title)}</h3>
|
|
20
20
|
</div>
|
|
21
21
|
<div class="description-block">
|
|
22
|
-
<span class="description"> ${
|
|
22
|
+
<span class="description"> ${P(this.configLang,e.config?.web?.description)}</span
|
|
23
23
|
>${this.renderDisclosureTooltip()}
|
|
24
24
|
</div>
|
|
25
25
|
</span>
|
|
26
26
|
</div>
|
|
27
27
|
`}renderDisclosureTooltip(){const e=this.productDetailsPageDataController.data?.ppgfDisclosure;return e?s`<sl-tooltip class="ppgf-disclosure-tooltip">
|
|
28
|
-
<div class="ppgf-disclosure-tooltip-content" slot="content">
|
|
29
|
-
${e.copy} ${this.renderDisclosureTooltipHyperlink()}
|
|
30
|
-
</div>
|
|
28
|
+
<div class="ppgf-disclosure-tooltip-content" slot="content">${D(e.copy)}</div>
|
|
31
29
|
${this.renderDisclosureTooltipIcon()}
|
|
32
30
|
</sl-tooltip>`:s``}renderDisclosureTooltipIcon(){return s`<sl-icon
|
|
33
31
|
library="lucide"
|
|
34
32
|
name="info"
|
|
35
33
|
label="ppgf-disclosure-tooltip-icon"
|
|
36
34
|
class="ppgf-disclosure-tooltip-icon"
|
|
37
|
-
></sl-icon>`}renderDisclosureTooltipHyperlink(){const e=this.productDetailsPageDataController.data?.ppgfDisclosureHyperlink;return e?s`<a class="ppgf-disclosure-hyperlink" href="${e.url}" target="_blank">${e.copy}</a>`:s``}get cssVariables(){const e={"--beam-ProductDetailsPage-imageWidth":"24px","--beam-ProductDetailsPage-imageHeight":"24px","--beam-ProductDetailsPage-maxWidth":"346px","--beam-ProductDetailsPage-paddingTop":"8px","--beam-ProductDetailsPage-paddingRight":"12px","--beam-ProductDetailsPage-paddingBottom":"8px","--beam-ProductDetailsPage-paddingLeft":"15px","--beam-ProductDetailsPage-InfoContainer-marginLeft":"8px","--beam-ProductDetailsPage-backgroundColor":"unset","--beam-ProductDetailsPage-TooltipIcon-width":"10px","--beam-ProductDetailsPage-TooltipIcon-color":"inherit","--beam-ProductDetailsPage-PPGFDisclosure-backgroundColor":"#000000","--beam-ProductDetailsPage-PPGFDisclosure-paddingTop":"10px","--beam-ProductDetailsPage-PPGFDisclosure-paddingRight":"8px","--beam-ProductDetailsPage-PPGFDisclosure-paddingBottom":"10px","--beam-ProductDetailsPage-PPGFDisclosure-paddingLeft":"8px","--beam-ProductDetailsPage-PPGFDisclosureHyperlink-color":"#5CA3FF",...p("--beam-ProductDetailsPage-title",{fontSize:"
|
|
35
|
+
></sl-icon>`}renderDisclosureTooltipHyperlink(){const e=this.productDetailsPageDataController.data?.ppgfDisclosureHyperlink;return e?s`<a class="ppgf-disclosure-hyperlink" href="${e.url}" target="_blank">${e.copy}</a>`:s``}get cssVariables(){const e={"--beam-ProductDetailsPage-imageWidth":"24px","--beam-ProductDetailsPage-imageHeight":"24px","--beam-ProductDetailsPage-maxWidth":"346px","--beam-ProductDetailsPage-paddingTop":"8px","--beam-ProductDetailsPage-paddingRight":"12px","--beam-ProductDetailsPage-paddingBottom":"8px","--beam-ProductDetailsPage-paddingLeft":"15px","--beam-ProductDetailsPage-InfoContainer-marginLeft":"8px","--beam-ProductDetailsPage-backgroundColor":"unset","--beam-ProductDetailsPage-TooltipIcon-width":"10px","--beam-ProductDetailsPage-TooltipIcon-color":"inherit","--beam-ProductDetailsPage-PPGFDisclosure-backgroundColor":"#000000","--beam-ProductDetailsPage-PPGFDisclosure-paddingTop":"10px","--beam-ProductDetailsPage-PPGFDisclosure-paddingRight":"8px","--beam-ProductDetailsPage-PPGFDisclosure-paddingBottom":"10px","--beam-ProductDetailsPage-PPGFDisclosure-paddingLeft":"8px","--beam-ProductDetailsPage-PPGFDisclosureHyperlink-color":"#5CA3FF",...p("--beam-ProductDetailsPage-title",{fontSize:"12px",fontWeight:"bold"}),"--beam-ProductDetailsPage-title-textAlign":"left",...p("--beam-ProductDetailsPage-description",{marginTop:"4px",fontSize:"12px",lineHeight:"15px"}),"--beam-ProductDetailsPage-description-textAlign":"left",...p("--beam-ProductDetailsPage-PPGFDisclosureTooltipContent",{fontSize:"12px",lineHeight:"16px",color:"#FFFFFF"}),...w("--beam-ProductDetailsPage")},t=this.productDetailsPageDataController?.data?.config?.web?.theme||{},o={...e,...t};return Object.assign(Object.create({toCSS(){return C(this)}}),o)}}l.tagName="beam-product-details-page",l.styles=[h,b`
|
|
38
36
|
:host {
|
|
39
37
|
font-family: var(--beam-fontFamily);
|
|
40
38
|
font-style: var(--beam-fontStyle);
|
|
@@ -99,10 +97,8 @@ import{j as P,f as b,g as d,h as m,y as s}from"../chunks/lit-qtGbjGnK.esm.js";im
|
|
|
99
97
|
.ppgf-disclosure-tooltip-content {
|
|
100
98
|
${g("--beam-ProductDetailsPage-PPGFDisclosureTooltipContent")}
|
|
101
99
|
}
|
|
102
|
-
.ppgf-disclosure-
|
|
100
|
+
.ppgf-disclosure-tooltip-content > a {
|
|
103
101
|
pointer-events: auto;
|
|
104
|
-
user-select: auto;
|
|
105
|
-
-webkit-user-select: auto;
|
|
106
102
|
color: var(--beam-ProductDetailsPage-PPGFDisclosureHyperlink-color);
|
|
107
103
|
}
|
|
108
104
|
.ppgf-disclosure-hyperlink:visited {
|
|
@@ -114,5 +110,5 @@ import{j as P,f as b,g as d,h as m,y as s}from"../chunks/lit-qtGbjGnK.esm.js";im
|
|
|
114
110
|
height: auto;
|
|
115
111
|
vertical-align: middle;
|
|
116
112
|
}
|
|
117
|
-
`],n([d({type:String,reflect:!0})],l.prototype,"baseUrl",2),n([d({type:String,reflect:!1})],l.prototype,"apiKey",2),n([d({type:Number})],l.prototype,"storeId",2),n([d({type:String})],l.prototype,"lang",2),n([d({type:Boolean})],l.prototype,"debug",2),
|
|
113
|
+
`],n([d({type:String,reflect:!0})],l.prototype,"baseUrl",2),n([d({type:String,reflect:!1})],l.prototype,"apiKey",2),n([d({type:Number})],l.prototype,"storeId",2),n([d({type:String})],l.prototype,"lang",2),n([d({type:Boolean})],l.prototype,"debug",2),f(l);export{l as BeamProductDetailsPage};
|
|
118
114
|
//# sourceMappingURL=product-details-page.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"product-details-page.js","sources":["../../src/shared/fragments/custom-border.ts","../../src/components/product-details-page/index.ts"],"sourcesContent":["import { CSSResult, unsafeCSS } from \"lit\";\n\nexport const defineCustomBorder = (\n namespace = \"\",\n { borderRadius = \"0px\", borderStyle = \"unset\", borderColor = \"#000000\", borderWidth = \"1px\" } = {}\n): Record<string, string> => {\n const prefix = namespace.startsWith(\"--beam-\") ? namespace : `--beam-${namespace}`;\n return {\n [`${prefix}-borderRadius`]: borderRadius,\n [`${prefix}-borderStyle`]: borderStyle,\n [`${prefix}-borderColor`]: borderColor,\n [`${prefix}-borderWidth`]: borderWidth,\n };\n};\n\nexport const useCustomBorder = (\n namespace = \"\",\n { borderRadius = \"0px\", borderStyle = \"unset\", borderColor = \"#000000\", borderWidth = \"1px\" } = {}\n): CSSResult => {\n const prefix = namespace.startsWith(\"--beam-\") ? namespace : `--beam-${namespace}`;\n return unsafeCSS(`\\\n border-radius: var(${prefix}-borderRadius, ${borderRadius});\n border-style: var(${prefix}-borderStyle, ${borderStyle});\n border-color: var(${prefix}-borderColor, ${borderColor});\n border-width: var(${prefix}-borderWidth, ${borderWidth});\n `);\n};\n","import { LitElement, css, html } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { getProductDetailsPage } from \"../../api-sdk/v3/routes\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES } from \"../../api-sdk/constants\";\nimport { LANGUAGES, TUrl } from \"../../api-sdk/types\";\nimport { makeApiKeyHeader } from \"../../utils/makeApiKeyHeader\";\nimport { MissingConfig } from \"../../utils/beam-errors\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { defineCustomBorder, useCustomBorder } from \"../../shared/fragments/custom-border\";\n\n// shoelace html tag imports\nimport \"@shoelace-style/shoelace/dist/components/tooltip/tooltip.js\";\nimport \"../../shared/shoelace-components\";\n\ntype RequiredConfig = {\n apiKey: string;\n storeId: number;\n};\n\nconst IMAGE_URL_REMOTE_CONFIG_KEY = \"--beam-ProductDetailsPage-imageUrl\";\n\nexport class BeamProductDetailsPage extends LitElement {\n static tagName = \"beam-product-details-page\";\n\n @property({ type: String, reflect: true }) public baseUrl: TUrl = DEFAULT_BASE_URL;\n\n @property({ type: String, reflect: false }) apiKey?: RequiredConfig[\"apiKey\"];\n\n @property({ type: Number }) storeId?: number;\n\n @property({ type: String }) public lang: LANGUAGES = \"en\";\n\n @property({ type: Boolean }) public debug = false;\n\n get configLang() {\n return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n }\n\n getProductDetailsPageData = async () => {\n if (!enforceConfig<RequiredConfig>([\"apiKey\", \"storeId\"], this)) throw new MissingConfig();\n\n const res = await getProductDetailsPage({\n baseUrl: this.baseUrl,\n headers: makeApiKeyHeader(this.apiKey),\n queryParams: {\n version: \"1.0.0\",\n lang: this.configLang,\n storeId: this.storeId,\n widgetName: \"product-details-page\",\n },\n });\n return res;\n };\n\n private productDetailsPageDataController = new AsyncController<typeof this.getProductDetailsPageData>(\n this,\n this.getProductDetailsPageData\n );\n\n async updated(changedProperties: Map<string, unknown>) {\n const requireNewDataProps = [\"storeId\", \"baseUrl\", \"lang\", \"apiKey\"];\n for (const prop of requireNewDataProps) {\n if (changedProperties.has(prop)) {\n await this.productDetailsPageDataController.exec();\n break;\n }\n }\n }\n\n renderWidgetIcon() {\n const imageUrl = this.cssVariables[IMAGE_URL_REMOTE_CONFIG_KEY];\n\n return imageUrl\n ? html`\n <span class=\"icon-container\">\n <img src=${imageUrl} alt=\"Widget Icon\"></img>\n </span>\n `\n : html``;\n }\n\n render() {\n const { data, loading } = this.productDetailsPageDataController;\n if (loading) {\n return html``;\n }\n if (data == null) {\n if (this.debug) {\n return _errorMessage({ error: new Error(\"No data\") });\n }\n return \"\";\n }\n return html`\n <style>\n :host {\n ${this.cssVariables.toCSS()}\n }\n </style>\n <div class=\"root\">\n ${this.renderWidgetIcon()}\n <span class=\"info-container\">\n <div class=\"title-block\">\n <h3 class=\"title\">${localizeUserString(this.configLang, data.config?.web?.title)}</h3>\n </div>\n <div class=\"description-block\">\n <span class=\"description\"> ${localizeUserString(this.configLang, data.config?.web?.description)}</span\n >${this.renderDisclosureTooltip()}\n </div>\n </span>\n </div>\n `;\n }\n\n /* PayPal Giving Fund Disclosure */\n renderDisclosureTooltip() {\n const ppgfDisclosure = this.productDetailsPageDataController.data?.ppgfDisclosure;\n return ppgfDisclosure\n ? html`<sl-tooltip class=\"ppgf-disclosure-tooltip\">\n <div class=\"ppgf-disclosure-tooltip-content\" slot=\"content\">\n ${ppgfDisclosure.copy} ${this.renderDisclosureTooltipHyperlink()}\n </div>\n ${this.renderDisclosureTooltipIcon()}\n </sl-tooltip>`\n : html``;\n }\n\n renderDisclosureTooltipIcon() {\n return html`<sl-icon\n library=\"lucide\"\n name=\"info\"\n label=\"ppgf-disclosure-tooltip-icon\"\n class=\"ppgf-disclosure-tooltip-icon\"\n ></sl-icon>`;\n }\n\n renderDisclosureTooltipHyperlink() {\n const ppgfHyperlink = this.productDetailsPageDataController.data?.ppgfDisclosureHyperlink;\n return ppgfHyperlink\n ? html`<a class=\"ppgf-disclosure-hyperlink\" href=\"${ppgfHyperlink.url}\" target=\"_blank\">${ppgfHyperlink.copy}</a>`\n : html``;\n }\n /* End PayPal Giving Fund Disclosure */\n\n public get cssVariables() {\n const defaults = {\n \"--beam-ProductDetailsPage-imageWidth\": \"24px\",\n \"--beam-ProductDetailsPage-imageHeight\": \"24px\",\n \"--beam-ProductDetailsPage-maxWidth\": \"346px\",\n \"--beam-ProductDetailsPage-paddingTop\": \"8px\",\n \"--beam-ProductDetailsPage-paddingRight\": \"12px\",\n \"--beam-ProductDetailsPage-paddingBottom\": \"8px\",\n \"--beam-ProductDetailsPage-paddingLeft\": \"15px\",\n \"--beam-ProductDetailsPage-InfoContainer-marginLeft\": \"8px\",\n \"--beam-ProductDetailsPage-backgroundColor\": \"unset\",\n \"--beam-ProductDetailsPage-TooltipIcon-width\": \"10px\",\n \"--beam-ProductDetailsPage-TooltipIcon-color\": \"inherit\",\n \"--beam-ProductDetailsPage-PPGFDisclosure-backgroundColor\": \"#000000\",\n \"--beam-ProductDetailsPage-PPGFDisclosure-paddingTop\": \"10px\",\n \"--beam-ProductDetailsPage-PPGFDisclosure-paddingRight\": \"8px\",\n \"--beam-ProductDetailsPage-PPGFDisclosure-paddingBottom\": \"10px\",\n \"--beam-ProductDetailsPage-PPGFDisclosure-paddingLeft\": \"8px\",\n \"--beam-ProductDetailsPage-PPGFDisclosureHyperlink-color\": \"#5CA3FF\",\n ...defineCustomText(\"--beam-ProductDetailsPage-title\", {\n fontSize: \"11px\",\n fontWeight: \"bold\",\n }),\n \"--beam-ProductDetailsPage-title-textAlign\": \"left\",\n ...defineCustomText(\"--beam-ProductDetailsPage-description\", {\n marginTop: \"4px\",\n fontSize: \"11px\",\n lineHeight: \"15px\",\n }),\n \"--beam-ProductDetailsPage-description-textAlign\": \"left\",\n ...defineCustomText(\"--beam-ProductDetailsPage-PPGFDisclosureTooltipContent\", {\n fontSize: \"12px\",\n lineHeight: \"16px\",\n color: \"#FFFFFF\",\n }),\n ...defineCustomBorder(\"--beam-ProductDetailsPage\"),\n };\n const remoteConfig = this.productDetailsPageDataController?.data?.config?.web?.theme || {};\n\n const config = { ...defaults, ...remoteConfig };\n\n const serializable = Object.create({\n toCSS() {\n return _cssVariableMap(this as Record<string, string>);\n },\n });\n\n return Object.assign(serializable, config);\n }\n\n static styles = [\n cssReset,\n css`\n :host {\n font-family: var(--beam-fontFamily);\n font-style: var(--beam-fontStyle);\n font-size: var(--beam-fontSize);\n background-color: var(--beam-backgroundColor);\n color: var(--beam-textColor);\n max-width: var(--beam-ProductDetailsPage-maxWidth);\n word-break: normal;\n display: block;\n }\n .root {\n display: flex;\n align-items: center;\n padding-top: var(--beam-ProductDetailsPage-paddingTop);\n padding-right: var(--beam-ProductDetailsPage-paddingRight);\n padding-bottom: var(--beam-ProductDetailsPage-paddingBottom);\n padding-left: var(--beam-ProductDetailsPage-paddingLeft);\n width: 100%;\n background-color: var(--beam-ProductDetailsPage-backgroundColor);\n ${useCustomBorder(\"--beam-ProductDetailsPage\")}\n }\n .icon-container {\n width: var(--beam-ProductDetailsPage-imageWidth);\n height: var(--beam-ProductDetailsPage-imageHeight);\n flex-shrink: 0;\n }\n .icon-container > img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n .info-container {\n margin-left: var(--beam-ProductDetailsPage-InfoContainer-marginLeft);\n }\n .title {\n ${useCustomText(\"--beam-ProductDetailsPage-title\")}\n }\n .title-block {\n text-align: var(--beam-ProductDetailsPage-title-textAlign);\n line-height: var(--beam-ProductDetailsPage-title-lineHeight);\n }\n .description {\n ${useCustomText(\"--beam-ProductDetailsPage-description\")}\n }\n .description-block {\n text-align: var(--beam-ProductDetailsPage-description-textAlign);\n line-height: var(--beam-ProductDetailsPage-description-lineHeight);\n }\n .ppgf-disclosure-tooltip {\n --max-width: 268px;\n }\n .ppgf-disclosure-tooltip::part(body) {\n background-color: var(--beam-ProductDetailsPage-PPGFDisclosure-backgroundColor);\n padding-top: var(--beam-ProductDetailsPage-PPGFDisclosure-paddingTop);\n padding-right: var(--beam-ProductDetailsPage-PPGFDisclosure-paddingRight);\n padding-bottom: var(--beam-ProductDetailsPage-PPGFDisclosure-paddingBottom);\n padding-left: var(--beam-ProductDetailsPage-PPGFDisclosure-paddingLeft);\n }\n .ppgf-disclosure-tooltip::part(base__arrow) {\n background-color: var(--beam-ProductDetailsPage-PPGFDisclosure-backgroundColor);\n }\n .ppgf-disclosure-tooltip-content {\n ${useCustomText(\"--beam-ProductDetailsPage-PPGFDisclosureTooltipContent\")}\n }\n .ppgf-disclosure-hyperlink {\n pointer-events: auto;\n user-select: auto;\n -webkit-user-select: auto;\n color: var(--beam-ProductDetailsPage-PPGFDisclosureHyperlink-color);\n }\n .ppgf-disclosure-hyperlink:visited {\n color: var(--beam-ProductDetailsPage-PPGFDisclosureHyperlink-color);\n }\n .ppgf-disclosure-tooltip-icon {\n width: var(--beam-ProductDetailsPage-TooltipIcon-width);\n color: var(--beam-ProductDetailsPage-TooltipIcon-color);\n height: auto;\n vertical-align: middle;\n }\n `,\n ];\n}\n\ndefineCustomElement(BeamProductDetailsPage);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"beam-product-details-page\": BeamProductDetailsPage;\n }\n}\n"],"names":["defineCustomBorder","namespace","borderRadius","borderStyle","borderColor","borderWidth","prefix","useCustomBorder","unsafeCSS","IMAGE_URL_REMOTE_CONFIG_KEY","BeamProductDetailsPage","LitElement","DEFAULT_BASE_URL","enforceConfig","getProductDetailsPage","makeApiKeyHeader","AsyncController","SUPPORTED_LANGUAGES","changedProperties","requireNewDataProps","prop","imageUrl","html","data","loading","_errorMessage","localizeUserString","ppgfDisclosure","ppgfHyperlink","defaults","defineCustomText","remoteConfig","config","_cssVariableMap","cssReset","css","useCustomText","__decorateClass","property","defineCustomElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"product-details-page.js","sources":["../../src/shared/fragments/custom-border.ts","../../src/components/product-details-page/index.ts"],"sourcesContent":["import { CSSResult, unsafeCSS } from \"lit\";\n\nexport const defineCustomBorder = (\n namespace = \"\",\n { borderRadius = \"0px\", borderStyle = \"unset\", borderColor = \"#000000\", borderWidth = \"1px\" } = {}\n): Record<string, string> => {\n const prefix = namespace.startsWith(\"--beam-\") ? namespace : `--beam-${namespace}`;\n return {\n [`${prefix}-borderRadius`]: borderRadius,\n [`${prefix}-borderStyle`]: borderStyle,\n [`${prefix}-borderColor`]: borderColor,\n [`${prefix}-borderWidth`]: borderWidth,\n };\n};\n\nexport const useCustomBorder = (\n namespace = \"\",\n { borderRadius = \"0px\", borderStyle = \"unset\", borderColor = \"#000000\", borderWidth = \"1px\" } = {}\n): CSSResult => {\n const prefix = namespace.startsWith(\"--beam-\") ? namespace : `--beam-${namespace}`;\n return unsafeCSS(`\\\n border-radius: var(${prefix}-borderRadius, ${borderRadius});\n border-style: var(${prefix}-borderStyle, ${borderStyle});\n border-color: var(${prefix}-borderColor, ${borderColor});\n border-width: var(${prefix}-borderWidth, ${borderWidth});\n `);\n};\n","import { LitElement, css, html } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport { unsafeHTML } from \"lit/directives/unsafe-html.js\";\nimport { AsyncController } from \"../../shared/controllers/async-controller\";\nimport { getProductDetailsPage } from \"../../api-sdk/v3/routes\";\nimport { DEFAULT_BASE_URL, SUPPORTED_LANGUAGES } from \"../../api-sdk/constants\";\nimport { LANGUAGES, TUrl } from \"../../api-sdk/types\";\nimport { makeApiKeyHeader } from \"../../utils/makeApiKeyHeader\";\nimport { MissingConfig } from \"../../utils/beam-errors\";\nimport { enforceConfig } from \"../../shared/enforce-config\";\nimport { _cssVariableMap } from \"../../shared/fragments/css-variable-map\";\nimport { localizeUserString } from \"../../shared/localize\";\nimport { _errorMessage } from \"../../shared/fragments/error-message-template\";\nimport { defineCustomElement } from \"../../shared/defineCustomElement\";\nimport { cssReset } from \"../../shared/css-reset\";\nimport { defineCustomText, useCustomText } from \"../../shared/fragments/custom-text\";\nimport { defineCustomBorder, useCustomBorder } from \"../../shared/fragments/custom-border\";\n\n// shoelace html tag imports\nimport \"@shoelace-style/shoelace/dist/components/tooltip/tooltip.js\";\nimport \"../../shared/shoelace-components\";\n\ntype RequiredConfig = {\n apiKey: string;\n storeId: number;\n};\n\nconst IMAGE_URL_REMOTE_CONFIG_KEY = \"--beam-ProductDetailsPage-imageUrl\";\n\nexport class BeamProductDetailsPage extends LitElement {\n static tagName = \"beam-product-details-page\";\n\n @property({ type: String, reflect: true }) public baseUrl: TUrl = DEFAULT_BASE_URL;\n\n @property({ type: String, reflect: false }) apiKey?: RequiredConfig[\"apiKey\"];\n\n @property({ type: Number }) storeId?: number;\n\n @property({ type: String }) public lang: LANGUAGES = \"en\";\n\n @property({ type: Boolean }) public debug = false;\n\n get configLang() {\n return SUPPORTED_LANGUAGES[this.lang] || \"en\";\n }\n\n getProductDetailsPageData = async () => {\n if (!enforceConfig<RequiredConfig>([\"apiKey\", \"storeId\"], this)) throw new MissingConfig();\n\n const res = await getProductDetailsPage({\n baseUrl: this.baseUrl,\n headers: makeApiKeyHeader(this.apiKey),\n queryParams: {\n version: \"1.0.0\",\n lang: this.configLang,\n storeId: this.storeId,\n widgetName: \"product-details-page\",\n },\n });\n return res;\n };\n\n private productDetailsPageDataController = new AsyncController<typeof this.getProductDetailsPageData>(\n this,\n this.getProductDetailsPageData\n );\n\n async updated(changedProperties: Map<string, unknown>) {\n const requireNewDataProps = [\"storeId\", \"baseUrl\", \"lang\", \"apiKey\"];\n for (const prop of requireNewDataProps) {\n if (changedProperties.has(prop)) {\n await this.productDetailsPageDataController.exec();\n break;\n }\n }\n }\n\n renderWidgetIcon() {\n const imageUrl = this.cssVariables[IMAGE_URL_REMOTE_CONFIG_KEY];\n\n return imageUrl\n ? html`\n <span class=\"icon-container\">\n <img src=${imageUrl} alt=\"Widget Icon\"></img>\n </span>\n `\n : html``;\n }\n\n render() {\n const { data, loading } = this.productDetailsPageDataController;\n if (loading) {\n return html``;\n }\n if (data == null) {\n if (this.debug) {\n return _errorMessage({ error: new Error(\"No data\") });\n }\n return \"\";\n }\n return html`\n <style>\n :host {\n ${this.cssVariables.toCSS()}\n }\n </style>\n <div class=\"root\">\n ${this.renderWidgetIcon()}\n <span class=\"info-container\">\n <div class=\"title-block\">\n <h3 class=\"title\">${localizeUserString(this.configLang, data.config?.web?.title)}</h3>\n </div>\n <div class=\"description-block\">\n <span class=\"description\"> ${localizeUserString(this.configLang, data.config?.web?.description)}</span\n >${this.renderDisclosureTooltip()}\n </div>\n </span>\n </div>\n `;\n }\n\n /* PayPal Giving Fund Disclosure */\n renderDisclosureTooltip() {\n const ppgfDisclosure = this.productDetailsPageDataController.data?.ppgfDisclosure;\n return ppgfDisclosure\n ? html`<sl-tooltip class=\"ppgf-disclosure-tooltip\">\n <div class=\"ppgf-disclosure-tooltip-content\" slot=\"content\">${unsafeHTML(ppgfDisclosure.copy)}</div>\n ${this.renderDisclosureTooltipIcon()}\n </sl-tooltip>`\n : html``;\n }\n\n renderDisclosureTooltipIcon() {\n return html`<sl-icon\n library=\"lucide\"\n name=\"info\"\n label=\"ppgf-disclosure-tooltip-icon\"\n class=\"ppgf-disclosure-tooltip-icon\"\n ></sl-icon>`;\n }\n\n renderDisclosureTooltipHyperlink() {\n const ppgfHyperlink = this.productDetailsPageDataController.data?.ppgfDisclosureHyperlink;\n return ppgfHyperlink\n ? html`<a class=\"ppgf-disclosure-hyperlink\" href=\"${ppgfHyperlink.url}\" target=\"_blank\">${ppgfHyperlink.copy}</a>`\n : html``;\n }\n /* End PayPal Giving Fund Disclosure */\n\n public get cssVariables() {\n const defaults = {\n \"--beam-ProductDetailsPage-imageWidth\": \"24px\",\n \"--beam-ProductDetailsPage-imageHeight\": \"24px\",\n \"--beam-ProductDetailsPage-maxWidth\": \"346px\",\n \"--beam-ProductDetailsPage-paddingTop\": \"8px\",\n \"--beam-ProductDetailsPage-paddingRight\": \"12px\",\n \"--beam-ProductDetailsPage-paddingBottom\": \"8px\",\n \"--beam-ProductDetailsPage-paddingLeft\": \"15px\",\n \"--beam-ProductDetailsPage-InfoContainer-marginLeft\": \"8px\",\n \"--beam-ProductDetailsPage-backgroundColor\": \"unset\",\n \"--beam-ProductDetailsPage-TooltipIcon-width\": \"10px\",\n \"--beam-ProductDetailsPage-TooltipIcon-color\": \"inherit\",\n \"--beam-ProductDetailsPage-PPGFDisclosure-backgroundColor\": \"#000000\",\n \"--beam-ProductDetailsPage-PPGFDisclosure-paddingTop\": \"10px\",\n \"--beam-ProductDetailsPage-PPGFDisclosure-paddingRight\": \"8px\",\n \"--beam-ProductDetailsPage-PPGFDisclosure-paddingBottom\": \"10px\",\n \"--beam-ProductDetailsPage-PPGFDisclosure-paddingLeft\": \"8px\",\n \"--beam-ProductDetailsPage-PPGFDisclosureHyperlink-color\": \"#5CA3FF\",\n ...defineCustomText(\"--beam-ProductDetailsPage-title\", {\n fontSize: \"12px\",\n fontWeight: \"bold\",\n }),\n \"--beam-ProductDetailsPage-title-textAlign\": \"left\",\n ...defineCustomText(\"--beam-ProductDetailsPage-description\", {\n marginTop: \"4px\",\n fontSize: \"12px\",\n lineHeight: \"15px\",\n }),\n \"--beam-ProductDetailsPage-description-textAlign\": \"left\",\n ...defineCustomText(\"--beam-ProductDetailsPage-PPGFDisclosureTooltipContent\", {\n fontSize: \"12px\",\n lineHeight: \"16px\",\n color: \"#FFFFFF\",\n }),\n ...defineCustomBorder(\"--beam-ProductDetailsPage\"),\n };\n const remoteConfig = this.productDetailsPageDataController?.data?.config?.web?.theme || {};\n\n const config = { ...defaults, ...remoteConfig };\n\n const serializable = Object.create({\n toCSS() {\n return _cssVariableMap(this as Record<string, string>);\n },\n });\n\n return Object.assign(serializable, config);\n }\n\n static styles = [\n cssReset,\n css`\n :host {\n font-family: var(--beam-fontFamily);\n font-style: var(--beam-fontStyle);\n font-size: var(--beam-fontSize);\n background-color: var(--beam-backgroundColor);\n color: var(--beam-textColor);\n max-width: var(--beam-ProductDetailsPage-maxWidth);\n word-break: normal;\n display: block;\n }\n .root {\n display: flex;\n align-items: center;\n padding-top: var(--beam-ProductDetailsPage-paddingTop);\n padding-right: var(--beam-ProductDetailsPage-paddingRight);\n padding-bottom: var(--beam-ProductDetailsPage-paddingBottom);\n padding-left: var(--beam-ProductDetailsPage-paddingLeft);\n width: 100%;\n background-color: var(--beam-ProductDetailsPage-backgroundColor);\n ${useCustomBorder(\"--beam-ProductDetailsPage\")}\n }\n .icon-container {\n width: var(--beam-ProductDetailsPage-imageWidth);\n height: var(--beam-ProductDetailsPage-imageHeight);\n flex-shrink: 0;\n }\n .icon-container > img {\n width: 100%;\n height: 100%;\n object-fit: contain;\n }\n .info-container {\n margin-left: var(--beam-ProductDetailsPage-InfoContainer-marginLeft);\n }\n .title {\n ${useCustomText(\"--beam-ProductDetailsPage-title\")}\n }\n .title-block {\n text-align: var(--beam-ProductDetailsPage-title-textAlign);\n line-height: var(--beam-ProductDetailsPage-title-lineHeight);\n }\n .description {\n ${useCustomText(\"--beam-ProductDetailsPage-description\")}\n }\n .description-block {\n text-align: var(--beam-ProductDetailsPage-description-textAlign);\n line-height: var(--beam-ProductDetailsPage-description-lineHeight);\n }\n .ppgf-disclosure-tooltip {\n --max-width: 268px;\n }\n .ppgf-disclosure-tooltip::part(body) {\n background-color: var(--beam-ProductDetailsPage-PPGFDisclosure-backgroundColor);\n padding-top: var(--beam-ProductDetailsPage-PPGFDisclosure-paddingTop);\n padding-right: var(--beam-ProductDetailsPage-PPGFDisclosure-paddingRight);\n padding-bottom: var(--beam-ProductDetailsPage-PPGFDisclosure-paddingBottom);\n padding-left: var(--beam-ProductDetailsPage-PPGFDisclosure-paddingLeft);\n }\n .ppgf-disclosure-tooltip::part(base__arrow) {\n background-color: var(--beam-ProductDetailsPage-PPGFDisclosure-backgroundColor);\n }\n .ppgf-disclosure-tooltip-content {\n ${useCustomText(\"--beam-ProductDetailsPage-PPGFDisclosureTooltipContent\")}\n }\n .ppgf-disclosure-tooltip-content > a {\n pointer-events: auto;\n color: var(--beam-ProductDetailsPage-PPGFDisclosureHyperlink-color);\n }\n .ppgf-disclosure-hyperlink:visited {\n color: var(--beam-ProductDetailsPage-PPGFDisclosureHyperlink-color);\n }\n .ppgf-disclosure-tooltip-icon {\n width: var(--beam-ProductDetailsPage-TooltipIcon-width);\n color: var(--beam-ProductDetailsPage-TooltipIcon-color);\n height: auto;\n vertical-align: middle;\n }\n `,\n ];\n}\n\ndefineCustomElement(BeamProductDetailsPage);\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"beam-product-details-page\": BeamProductDetailsPage;\n }\n}\n"],"names":["defineCustomBorder","namespace","borderRadius","borderStyle","borderColor","borderWidth","prefix","useCustomBorder","unsafeCSS","IMAGE_URL_REMOTE_CONFIG_KEY","BeamProductDetailsPage","LitElement","DEFAULT_BASE_URL","enforceConfig","getProductDetailsPage","makeApiKeyHeader","AsyncController","SUPPORTED_LANGUAGES","changedProperties","requireNewDataProps","prop","imageUrl","html","data","loading","_errorMessage","localizeUserString","ppgfDisclosure","unsafeHTML","ppgfHyperlink","defaults","defineCustomText","remoteConfig","config","_cssVariableMap","cssReset","css","useCustomText","__decorateClass","property","defineCustomElement"],"mappings":"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"}
|
|
@@ -74,7 +74,7 @@ declare class BeamRedeemTransaction extends LitElement {
|
|
|
74
74
|
static styles: lit.CSSResult[];
|
|
75
75
|
private handleChooseClick;
|
|
76
76
|
get shouldCollapse(): boolean;
|
|
77
|
-
protected render(): lit_html.TemplateResult<1
|
|
77
|
+
protected render(): "" | lit_html.TemplateResult<1>;
|
|
78
78
|
}
|
|
79
79
|
declare global {
|
|
80
80
|
interface HTMLElementTagNameMap {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{y as c,m as k,f as $,g as l,t as x,h as N,q as v,p as P,k as D}from"../chunks/lit-qtGbjGnK.esm.js";import{d as z}from"../chunks/lodash-P8OIs-at.esm.js";import{c as L,u as h,d as U,f as M,e as C,A as B,g as w,a as f,b as E,_ as y,i as m}from"../chunks/localize-F31ae3j6.esm.js";import{D as W,f as A,k as F,u as K,S as O}from"../chunks/routes-
|
|
1
|
+
import{y as c,m as k,f as $,g as l,t as x,h as N,q as v,p as P,k as D}from"../chunks/lit-qtGbjGnK.esm.js";import{d as z}from"../chunks/lodash-P8OIs-at.esm.js";import{c as L,u as h,d as U,f as M,e as C,A as B,g as w,a as f,b as E,_ as y,i as m}from"../chunks/localize-F31ae3j6.esm.js";import{D as W,f as A,k as F,u as K,S as O}from"../chunks/routes-mFdr3VNw.esm.js";import{p as j}from"../chunks/progress-bar-Sn2QspHy.esm.js";import{p as _}from"../chunks/promo-pill-label-j0A8qZ0c.esm.js";import{partnerLogosConfigDefaults as V}from"./beam-partner-logos.esm.js";import{_ as q}from"../chunks/loading-template-Av0IUyKF.esm.js";import{M as H,B as G}from"../chunks/beam-errors-P-Lu07Ce.esm.js";import{createScopedLocalStorage as J}from"../utils/local-storage.esm.js";import{c as Z}from"../chunks/css-card-grid-7tObtoJx.esm.js";import{c as Q}from"../chunks/events-Y8fYvSqM.esm.js";import"../utils/logger.esm.js";import"../chunks/vendor-jQ8cxMpw.esm.js";const X=({height:i="1em",width:e="1em"}={})=>c`
|
|
2
2
|
<svg
|
|
3
3
|
style="${k({height:i,width:e,position:"relative",bottom:"0"})}"
|
|
4
4
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{y as c,m as k,f as $,g as l,t as x,h as N,q as v,p as P,k as D}from"../chunks/lit-qtGbjGnK.esm.js";import{d as z}from"../chunks/lodash-P8OIs-at.esm.js";import{c as L,u as h,d as U,f as M,e as C,A as B,g as w,a as f,b as E,_ as y,i as m}from"../chunks/localize-fH8KOrMi.esm.js";import{D as W,f as A,k as F,u as K,S as O}from"../chunks/routes-
|
|
1
|
+
import{y as c,m as k,f as $,g as l,t as x,h as N,q as v,p as P,k as D}from"../chunks/lit-qtGbjGnK.esm.js";import{d as z}from"../chunks/lodash-P8OIs-at.esm.js";import{c as L,u as h,d as U,f as M,e as C,A as B,g as w,a as f,b as E,_ as y,i as m}from"../chunks/localize-fH8KOrMi.esm.js";import{D as W,f as A,k as F,u as K,S as O}from"../chunks/routes-eEIGOCLH.esm.js";import{p as j}from"../chunks/progress-bar-Sn2QspHy.esm.js";import{p as _}from"../chunks/promo-pill-label-j0A8qZ0c.esm.js";import{partnerLogosConfigDefaults as V}from"./beam-partner-logos.js";import{_ as q}from"../chunks/loading-template-Av0IUyKF.esm.js";import{M as H,B as G}from"../chunks/beam-errors-P-Lu07Ce.esm.js";import{createScopedLocalStorage as J}from"../utils/local-storage.js";import{c as Z}from"../chunks/css-card-grid-7tObtoJx.esm.js";import{c as Q}from"../chunks/events-Y8fYvSqM.esm.js";import"../utils/logger.js";import"../chunks/vendor-jQ8cxMpw.esm.js";const X=({height:i="1em",width:e="1em"}={})=>c`
|
|
2
2
|
<svg
|
|
3
3
|
style="${k({height:i,width:e,position:"relative",bottom:"0"})}"
|
|
4
4
|
xmlns="http://www.w3.org/2000/svg"
|
|
@@ -69,7 +69,7 @@ declare class BeamSelectNonprofit extends LitElement {
|
|
|
69
69
|
private makeHandleSelect;
|
|
70
70
|
get cssVariables(): any;
|
|
71
71
|
static styles: lit.CSSResult[];
|
|
72
|
-
protected render(): lit_html.TemplateResult<1
|
|
72
|
+
protected render(): "" | lit_html.TemplateResult<1>;
|
|
73
73
|
}
|
|
74
74
|
declare global {
|
|
75
75
|
interface HTMLElementTagNameMap {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as y,f as C,y as p,g as f,p as D,m as z,k as A}from"../chunks/lit-qtGbjGnK.esm.js";import{c as T,u as b,d as E,e as N,A as v,a as h,b as M,_ as x,i as c}from"../chunks/localize-F31ae3j6.esm.js";import{D as B,f as F,j as U,S as W}from"../chunks/routes-
|
|
1
|
+
import{h as y,f as C,y as p,g as f,p as D,m as z,k as A}from"../chunks/lit-qtGbjGnK.esm.js";import{c as T,u as b,d as E,e as N,A as v,a as h,b as M,_ as x,i as c}from"../chunks/localize-F31ae3j6.esm.js";import{D as B,f as F,j as U,S as W}from"../chunks/routes-mFdr3VNw.esm.js";import{p as O}from"../chunks/progress-bar-Sn2QspHy.esm.js";import{p as _}from"../chunks/promo-pill-label-j0A8qZ0c.esm.js";import{_ as R}from"../chunks/loading-template-Av0IUyKF.esm.js";import{c as I,g as K,f as w}from"../chunks/events-Y8fYvSqM.esm.js";import{logger as j}from"../utils/logger.esm.js";import"../utils/network-listeners.esm.js";import{createScopedLocalStorage as H}from"../utils/local-storage.esm.js";import{getCookieValue as $}from"../utils/cookies.esm.js";import{i as q}from"../chunks/lodash-P8OIs-at.esm.js";import{c as J}from"../chunks/responsive-aWj_7ZN_.esm.js";import{B as V}from"../chunks/cart-contents-h60geKWa.esm.js";import"../chunks/beam-errors-P-Lu07Ce.esm.js";import"../chunks/vendor-jQ8cxMpw.esm.js";class G extends y{static get styles(){return C`
|
|
2
2
|
:host {
|
|
3
3
|
position: relative;
|
|
4
4
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as y,f as C,y as p,g as f,p as D,m as z,k as A}from"../chunks/lit-qtGbjGnK.esm.js";import{c as T,u as b,d as E,e as N,A as v,a as h,b as M,_ as x,i as c}from"../chunks/localize-fH8KOrMi.esm.js";import{D as B,f as F,j as U,S as W}from"../chunks/routes-
|
|
1
|
+
import{h as y,f as C,y as p,g as f,p as D,m as z,k as A}from"../chunks/lit-qtGbjGnK.esm.js";import{c as T,u as b,d as E,e as N,A as v,a as h,b as M,_ as x,i as c}from"../chunks/localize-fH8KOrMi.esm.js";import{D as B,f as F,j as U,S as W}from"../chunks/routes-eEIGOCLH.esm.js";import{p as O}from"../chunks/progress-bar-Sn2QspHy.esm.js";import{p as _}from"../chunks/promo-pill-label-j0A8qZ0c.esm.js";import{_ as R}from"../chunks/loading-template-Av0IUyKF.esm.js";import{c as I,g as K,f as w}from"../chunks/events-Y8fYvSqM.esm.js";import{logger as j}from"../utils/logger.js";import"../utils/network-listeners.js";import{createScopedLocalStorage as H}from"../utils/local-storage.js";import{getCookieValue as $}from"../utils/cookies.js";import{i as q}from"../chunks/lodash-P8OIs-at.esm.js";import{c as J}from"../chunks/responsive-aWj_7ZN_.esm.js";import{B as V}from"../chunks/cart-contents-h60geKWa.esm.js";import"../chunks/beam-errors-P-Lu07Ce.esm.js";import"../chunks/vendor-jQ8cxMpw.esm.js";class G extends y{static get styles(){return C`
|
|
2
2
|
:host {
|
|
3
3
|
position: relative;
|
|
4
4
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{waitForElement as t}from"../utils/wait-for-element.esm.js";import{getCookieMap as r,getCookieValue as o}from"../utils/cookies.esm.js";import{initNetworkListeners as L}from"../utils/network-listeners.esm.js";import{e as O}from"../chunks/events-Y8fYvSqM.esm.js";import{f as T,p as W,P as j,s as q,R as y}from"../chunks/order-page-
|
|
1
|
+
import{waitForElement as t}from"../utils/wait-for-element.esm.js";import{getCookieMap as r,getCookieValue as o}from"../utils/cookies.esm.js";import{initNetworkListeners as L}from"../utils/network-listeners.esm.js";import{e as O}from"../chunks/events-Y8fYvSqM.esm.js";import{f as T,p as W,P as j,s as q,R as y}from"../chunks/order-page-r0Bn2_wR.esm.js";import"../chunks/beam-errors-P-Lu07Ce.esm.js";import"../chunks/lodash-P8OIs-at.esm.js";import"../utils/logger.esm.js";import"../utils/local-storage.esm.js";import"../utils/memoize-last.esm.js";import"../chunks/cart-contents-h60geKWa.esm.js";import"../chunks/update-cart--5PpQSrY.esm.js";import"../chunks/routes-mFdr3VNw.esm.js";import"../utils/remote-session.esm.js";import"./post-purchase.esm.js";import"../chunks/lit-qtGbjGnK.esm.js";import"../chunks/localize-F31ae3j6.esm.js";import"./redeem-transaction.esm.js";import"../chunks/progress-bar-Sn2QspHy.esm.js";import"../chunks/promo-pill-label-j0A8qZ0c.esm.js";import"../chunks/vendor-jQ8cxMpw.esm.js";import"./beam-partner-logos.esm.js";import"../chunks/loading-template-Av0IUyKF.esm.js";import"../chunks/css-card-grid-7tObtoJx.esm.js";import"./impact-overview.esm.js";import"../chunks/shoelace-components-jVPXTZPS.esm.js";import"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../chunks/responsive-aWj_7ZN_.esm.js";const i={waitForElement:t,getCookieMap:r,getCookieValue:o};export{T as addBeamAttributesToCart,O as events,W as getCurrentCart,L as initNetworkListeners,j as registerCartIntegration,q as showBeamOrderPageWidgets,y as trackCart,i as utils};
|
|
2
2
|
//# sourceMappingURL=shopify.esm.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{waitForElement as t}from"../utils/wait-for-element.js";import{getCookieMap as r,getCookieValue as o}from"../utils/cookies.js";import{initNetworkListeners as L}from"../utils/network-listeners.js";import{e as O}from"../chunks/events-Y8fYvSqM.esm.js";import{f as T,p as W,P as j,s as q,R as y}from"../chunks/order-page
|
|
1
|
+
import{waitForElement as t}from"../utils/wait-for-element.js";import{getCookieMap as r,getCookieValue as o}from"../utils/cookies.js";import{initNetworkListeners as L}from"../utils/network-listeners.js";import{e as O}from"../chunks/events-Y8fYvSqM.esm.js";import{f as T,p as W,P as j,s as q,R as y}from"../chunks/order-page-DTWyo57K.esm.js";import"../chunks/beam-errors-P-Lu07Ce.esm.js";import"../chunks/lodash-P8OIs-at.esm.js";import"../utils/logger.js";import"../utils/local-storage.js";import"../utils/memoize-last.js";import"../chunks/cart-contents-h60geKWa.esm.js";import"../chunks/update-cart-TDb6pWxk.esm.js";import"../chunks/routes-eEIGOCLH.esm.js";import"../utils/remote-session.js";import"./post-purchase.js";import"../chunks/lit-qtGbjGnK.esm.js";import"../chunks/localize-fH8KOrMi.esm.js";import"./redeem-transaction.js";import"../chunks/progress-bar-Sn2QspHy.esm.js";import"../chunks/promo-pill-label-j0A8qZ0c.esm.js";import"../chunks/vendor-jQ8cxMpw.esm.js";import"./beam-partner-logos.js";import"../chunks/loading-template-Av0IUyKF.esm.js";import"../chunks/css-card-grid-7tObtoJx.esm.js";import"./impact-overview.js";import"../chunks/shoelace-components-yvcqUObE.esm.js";import"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../chunks/responsive-aWj_7ZN_.esm.js";const i={waitForElement:t,getCookieMap:r,getCookieValue:o};export{T as addBeamAttributesToCart,O as events,W as getCurrentCart,L as initNetworkListeners,j as registerCartIntegration,q as showBeamOrderPageWidgets,y as trackCart,i as utils};
|
|
2
2
|
//# sourceMappingURL=shopify.js.map
|
|
@@ -134,7 +134,7 @@ declare class BeamSubscriptionManagement extends LitElement {
|
|
|
134
134
|
} | null;
|
|
135
135
|
}>;
|
|
136
136
|
handleSwapNonprofitButtonClick(): void;
|
|
137
|
-
renderSwapNonprofitButton(): lit_html.TemplateResult<1
|
|
137
|
+
renderSwapNonprofitButton(): "" | lit_html.TemplateResult<1>;
|
|
138
138
|
get cssVariables(): any;
|
|
139
139
|
static styles: lit.CSSResult[];
|
|
140
140
|
render(): lit_html.TemplateResult<1>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{f as h,g as r,t as p,h as g,y as d}from"../chunks/lit-qtGbjGnK.esm.js";import{D as f,f as y,h as w}from"../chunks/routes-
|
|
1
|
+
import{f as h,g as r,t as p,h as g,y as d}from"../chunks/lit-qtGbjGnK.esm.js";import{D as f,f as y,h as w}from"../chunks/routes-mFdr3VNw.esm.js";import{c as S,d as v,A as c,e as b,b as C,_ as u}from"../chunks/localize-F31ae3j6.esm.js";import{c as x}from"../chunks/events-Y8fYvSqM.esm.js";import{M as N}from"../chunks/beam-errors-P-Lu07Ce.esm.js";import"./redeem-transaction.esm.js";import"./impact-overview.esm.js";import"../utils/logger.esm.js";import"../chunks/lodash-P8OIs-at.esm.js";import"../chunks/progress-bar-Sn2QspHy.esm.js";import"../chunks/promo-pill-label-j0A8qZ0c.esm.js";import"../chunks/vendor-jQ8cxMpw.esm.js";import"./beam-partner-logos.esm.js";import"../chunks/loading-template-Av0IUyKF.esm.js";import"../utils/local-storage.esm.js";import"../chunks/css-card-grid-7tObtoJx.esm.js";import"../chunks/shoelace-components-jVPXTZPS.esm.js";import"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../chunks/responsive-aWj_7ZN_.esm.js";const I={en:{nonprofitSwapText:({brandName:i=""})=>`Support a new nonprofit with your next ${i} recurring order`},fr:{nonprofitSwapText:({brandName:i=""})=>`Soutenez une nouvelle organisation \xE0 but non lucratif avec votre prochaine commande r\xE9currente ${i}`},de:{nonprofitSwapText:({brandName:i=""})=>`Unterst\xFCtzen Sie eine neue gemeinn\xFCtzige Organisation mit Ihrer n\xE4chsten wiederkehrenden Bestellung bei ${i}`},es:{nonprofitSwapText:({brandName:i=""})=>`Apoye a una nueva organizaci\xF3n sin fines de lucro con su pr\xF3ximo pedido recurrente ${i}`},it:{nonprofitSwapText:({brandName:i=""})=>`Sostieni una nuova organizzazione non profit con il tuo prossimo ordine ricorrente ${i}`},pl:{nonprofitSwapText:({brandName:i=""})=>`Wesprzyj now\u0105 organizacj\u0119 non-profit przy kolejnym zam\xF3wieniu cyklicznym ${i}`}};var M=Object.defineProperty,$=Object.getOwnPropertyDescriptor,o=(i,t,n,a)=>{for(var s=a>1?void 0:a?$(t,n):t,l=i.length-1,m;l>=0;l--)(m=i[l])&&(s=(a?m(t,n,s):m(s))||s);return a&&s&&M(t,n,s),s};class e extends g{constructor(){super(...arguments),this.baseUrl=f,this.lang="en",this.debug=!1,this.activeWidget=null,this.nonprofitId=null,this.userId=null,this.chainName=null,this.subscriptionDataController=new c(this,this.fetchSubscription),this.eligibleNonprofitsDataController=new c(this,this.fetchEligibleNonprofits)}async firstUpdated(){if(!this.email&&!this.partnerUserId)throw new N(["email","partnerUserId"],"One of the following properties needs to be specified: email, partnerUserId ");b(["apiKey","subscriptionId"],this),await this.loadWidget()}async loadWidget(){await Promise.all([this.fetchEligibleNonprofits(),this.fetchSubscription()]),this.activeWidget=this.nonprofitId?"impact-overview":"redeem-transaction"}async fetchEligibleNonprofits(){b(["apiKey","subscriptionId"],this);const t=await y({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},requestBody:{storeId:this.storeId||void 0,postalCode:this.postalCode||void 0,countryCode:this.countryCode||void 0,widgetName:"subscription-management",version:"1.0.0"}});return this.chainName=t.chain.name,this.storeId=t.store.id,this.eligibleNonprofitsDataController.data=t,t}async fetchSubscription(){b(["apiKey","subscriptionId"],this);const t=await w({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},requestBody:{remoteSubscriptionId:this.subscriptionId,email:this.email,partnerUserId:this.partnerUserId}});return this.userId=t.beamUserId,this.nonprofitId=t.nonprofit?.id||null,t}handleSwapNonprofitButtonClick(){this.activeWidget="redeem-transaction"}renderSwapNonprofitButton(){return this.activeWidget==="impact-overview"?d`<button class="swap-nonprofit-button" @click="${this.handleSwapNonprofitButtonClick}">
|
|
2
2
|
${I[this.lang].nonprofitSwapText({brandName:this.chainName||""})}
|
|
3
3
|
</button>`:""}get cssVariables(){const t={"--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":"15px","--beam-SubscriptionManagement-widgetContainer-backgroundColor":"inherit","--beam-SubscriptionManagement-widgetContainer-maxWidth":"800px","--beam-SubscriptionManagement-swapNonprofitButtonText-textDecoration":"underline","--beam-SubscriptionManagement-swapNonprofitButtonText-fontFamily":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-fontStyle":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-fontWeight":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-lineHeight":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-marginTop":"10px","--beam-SubscriptionManagement-swapNonprofitButtonText-fontSize":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-color":"inherit"},n=this.eligibleNonprofitsDataController?.data?.config?.web?.theme||{},a={...t,...n};return Object.assign(Object.create({toCSS(){return C(this)}}),a)}render(){let t;if((this.subscriptionDataController.loading||this.eligibleNonprofitsDataController.loading)&&(t=""),(this.subscriptionDataController.error||this.eligibleNonprofitsDataController.error)&&this.debug){if(this.subscriptionDataController.error!==null)return u({error:this.subscriptionDataController.error});if(this.eligibleNonprofitsDataController.error!==null)return u({error:this.eligibleNonprofitsDataController.error})}else t="";return this.activeWidget==="redeem-transaction"?t=d` <beam-redeem-transaction
|
|
4
4
|
part="redeem-transaction"
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{f as h,g as r,t as p,h as g,y as d}from"../chunks/lit-qtGbjGnK.esm.js";import{D as f,f as y,h as w}from"../chunks/routes-
|
|
1
|
+
import{f as h,g as r,t as p,h as g,y as d}from"../chunks/lit-qtGbjGnK.esm.js";import{D as f,f as y,h as w}from"../chunks/routes-eEIGOCLH.esm.js";import{c as S,d as v,A as c,e as b,b as C,_ as u}from"../chunks/localize-fH8KOrMi.esm.js";import{c as x}from"../chunks/events-Y8fYvSqM.esm.js";import{M as N}from"../chunks/beam-errors-P-Lu07Ce.esm.js";import"./redeem-transaction.js";import"./impact-overview.js";import"../utils/logger.js";import"../chunks/lodash-P8OIs-at.esm.js";import"../chunks/progress-bar-Sn2QspHy.esm.js";import"../chunks/promo-pill-label-j0A8qZ0c.esm.js";import"../chunks/vendor-jQ8cxMpw.esm.js";import"./beam-partner-logos.js";import"../chunks/loading-template-Av0IUyKF.esm.js";import"../utils/local-storage.js";import"../chunks/css-card-grid-7tObtoJx.esm.js";import"../chunks/shoelace-components-yvcqUObE.esm.js";import"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../chunks/responsive-aWj_7ZN_.esm.js";const I={en:{nonprofitSwapText:({brandName:i=""})=>`Support a new nonprofit with your next ${i} recurring order`},fr:{nonprofitSwapText:({brandName:i=""})=>`Soutenez une nouvelle organisation \xE0 but non lucratif avec votre prochaine commande r\xE9currente ${i}`},de:{nonprofitSwapText:({brandName:i=""})=>`Unterst\xFCtzen Sie eine neue gemeinn\xFCtzige Organisation mit Ihrer n\xE4chsten wiederkehrenden Bestellung bei ${i}`},es:{nonprofitSwapText:({brandName:i=""})=>`Apoye a una nueva organizaci\xF3n sin fines de lucro con su pr\xF3ximo pedido recurrente ${i}`},it:{nonprofitSwapText:({brandName:i=""})=>`Sostieni una nuova organizzazione non profit con il tuo prossimo ordine ricorrente ${i}`},pl:{nonprofitSwapText:({brandName:i=""})=>`Wesprzyj now\u0105 organizacj\u0119 non-profit przy kolejnym zam\xF3wieniu cyklicznym ${i}`}};var M=Object.defineProperty,$=Object.getOwnPropertyDescriptor,o=(i,t,n,a)=>{for(var s=a>1?void 0:a?$(t,n):t,l=i.length-1,m;l>=0;l--)(m=i[l])&&(s=(a?m(t,n,s):m(s))||s);return a&&s&&M(t,n,s),s};class e extends g{constructor(){super(...arguments),this.baseUrl=f,this.lang="en",this.debug=!1,this.activeWidget=null,this.nonprofitId=null,this.userId=null,this.chainName=null,this.subscriptionDataController=new c(this,this.fetchSubscription),this.eligibleNonprofitsDataController=new c(this,this.fetchEligibleNonprofits)}async firstUpdated(){if(!this.email&&!this.partnerUserId)throw new N(["email","partnerUserId"],"One of the following properties needs to be specified: email, partnerUserId ");b(["apiKey","subscriptionId"],this),await this.loadWidget()}async loadWidget(){await Promise.all([this.fetchEligibleNonprofits(),this.fetchSubscription()]),this.activeWidget=this.nonprofitId?"impact-overview":"redeem-transaction"}async fetchEligibleNonprofits(){b(["apiKey","subscriptionId"],this);const t=await y({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},requestBody:{storeId:this.storeId||void 0,postalCode:this.postalCode||void 0,countryCode:this.countryCode||void 0,widgetName:"subscription-management",version:"1.0.0"}});return this.chainName=t.chain.name,this.storeId=t.store.id,this.eligibleNonprofitsDataController.data=t,t}async fetchSubscription(){b(["apiKey","subscriptionId"],this);const t=await w({baseUrl:this.baseUrl,headers:{authorization:`Api-Key ${this.apiKey}`},requestBody:{remoteSubscriptionId:this.subscriptionId,email:this.email,partnerUserId:this.partnerUserId}});return this.userId=t.beamUserId,this.nonprofitId=t.nonprofit?.id||null,t}handleSwapNonprofitButtonClick(){this.activeWidget="redeem-transaction"}renderSwapNonprofitButton(){return this.activeWidget==="impact-overview"?d`<button class="swap-nonprofit-button" @click="${this.handleSwapNonprofitButtonClick}">
|
|
2
2
|
${I[this.lang].nonprofitSwapText({brandName:this.chainName||""})}
|
|
3
3
|
</button>`:""}get cssVariables(){const t={"--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":"15px","--beam-SubscriptionManagement-widgetContainer-backgroundColor":"inherit","--beam-SubscriptionManagement-widgetContainer-maxWidth":"800px","--beam-SubscriptionManagement-swapNonprofitButtonText-textDecoration":"underline","--beam-SubscriptionManagement-swapNonprofitButtonText-fontFamily":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-fontStyle":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-fontWeight":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-lineHeight":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-marginTop":"10px","--beam-SubscriptionManagement-swapNonprofitButtonText-fontSize":"inherit","--beam-SubscriptionManagement-swapNonprofitButtonText-color":"inherit"},n=this.eligibleNonprofitsDataController?.data?.config?.web?.theme||{},a={...t,...n};return Object.assign(Object.create({toCSS(){return C(this)}}),a)}render(){let t;if((this.subscriptionDataController.loading||this.eligibleNonprofitsDataController.loading)&&(t=""),(this.subscriptionDataController.error||this.eligibleNonprofitsDataController.error)&&this.debug){if(this.subscriptionDataController.error!==null)return u({error:this.subscriptionDataController.error});if(this.eligibleNonprofitsDataController.error!==null)return u({error:this.eligibleNonprofitsDataController.error})}else t="";return this.activeWidget==="redeem-transaction"?t=d` <beam-redeem-transaction
|
|
4
4
|
part="redeem-transaction"
|
package/dist/index.esm.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{i as X}from"./chunks/index-V-BsPYtl.esm.js";import{i as Z}from"./chunks/index-
|
|
1
|
+
import{i as X}from"./chunks/index-V-BsPYtl.esm.js";import{i as Z}from"./chunks/index-TD6ZYob2.esm.js";import{i as $}from"./chunks/index-o7YiP4gC.esm.js";import{i as to}from"./chunks/index-8yrr7ZZv.esm.js";import"./components/community-impact.esm.js";import"./chunks/lit-qtGbjGnK.esm.js";import"./chunks/progress-bar-Sn2QspHy.esm.js";import"./components/beam-partner-logos.esm.js";import"./chunks/localize-F31ae3j6.esm.js";import"./chunks/beam-errors-P-Lu07Ce.esm.js";import"./utils/logger.esm.js";import"./chunks/routes-mFdr3VNw.esm.js";import"./chunks/loading-template-Av0IUyKF.esm.js";import"./chunks/css-card-grid-7tObtoJx.esm.js";import"./components/cumulative-impact.esm.js";import"./chunks/lodash-P8OIs-at.esm.js";import"./chunks/is-all-html-elements-SdSkxirh.esm.js";import"./components/impact-overview.esm.js";import"./chunks/shoelace-components-jVPXTZPS.esm.js";import"./chunks/vendor-jQ8cxMpw.esm.js";import"./chunks/responsive-aWj_7ZN_.esm.js";import"./components/select-nonprofit.esm.js";import"./chunks/promo-pill-label-j0A8qZ0c.esm.js";import"./chunks/events-Y8fYvSqM.esm.js";import"./utils/network-listeners.esm.js";import"./utils/local-storage.esm.js";import"./utils/cookies.esm.js";import"./chunks/cart-contents-h60geKWa.esm.js";import"./components/redeem-transaction.esm.js";import"./components/post-purchase.esm.js";import"./components/subscription-management.esm.js";import"./components/product-details-page.esm.js";import"./utils/makeApiKeyHeader.esm.js";import"./chunks/index-Lw32NXij.esm.js";import"./utils/wait-for-element.esm.js";import"./utils/remote-session.esm.js";import"./utils/memoize-last.esm.js";import"./chunks/index-07spDV_A.esm.js";import"./chunks/order-page-r0Bn2_wR.esm.js";import"./chunks/update-cart--5PpQSrY.esm.js";import"./chunks/index-Q1vx4WtG.esm.js";import"./chunks/index-NF6VKqmo.esm.js";import"./chunks/index-IO0Z_buU.esm.js";import"./react/community-impact.esm.js";import"react";import"./react/cumulative-impact.esm.js";import"./react/impact-overview.esm.js";import"./react/select-nonprofit.esm.js";import"./react/redeem-transaction.esm.js";import"./react/post-purchase.esm.js";import"./react/subscription-management.esm.js";export{Z as Integrations,$ as ReactComponents,to as Utils,X as WebComponents};
|
|
2
2
|
//# sourceMappingURL=index.esm.js.map
|
package/dist/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{i as X}from"./chunks/index-cekgAcEE.esm.js";import{i as Z}from"./chunks/index-
|
|
1
|
+
import{i as X}from"./chunks/index-cekgAcEE.esm.js";import{i as Z}from"./chunks/index-b9nIxcaS.esm.js";import{i as $}from"./chunks/index-EHubF2KN.esm.js";import{i as to}from"./chunks/index-uF-Qtewb.esm.js";import"./components/community-impact.js";import"./chunks/lit-qtGbjGnK.esm.js";import"./chunks/progress-bar-Sn2QspHy.esm.js";import"./components/beam-partner-logos.js";import"./chunks/localize-fH8KOrMi.esm.js";import"./chunks/beam-errors-P-Lu07Ce.esm.js";import"./utils/logger.js";import"./chunks/routes-eEIGOCLH.esm.js";import"./chunks/loading-template-Av0IUyKF.esm.js";import"./chunks/css-card-grid-7tObtoJx.esm.js";import"./components/cumulative-impact.js";import"./chunks/lodash-P8OIs-at.esm.js";import"./chunks/is-all-html-elements-SdSkxirh.esm.js";import"./components/impact-overview.js";import"./chunks/shoelace-components-yvcqUObE.esm.js";import"./chunks/vendor-jQ8cxMpw.esm.js";import"./chunks/responsive-aWj_7ZN_.esm.js";import"./components/select-nonprofit.js";import"./chunks/promo-pill-label-j0A8qZ0c.esm.js";import"./chunks/events-Y8fYvSqM.esm.js";import"./utils/network-listeners.js";import"./utils/local-storage.js";import"./utils/cookies.js";import"./chunks/cart-contents-h60geKWa.esm.js";import"./components/redeem-transaction.js";import"./components/post-purchase.js";import"./components/subscription-management.js";import"./components/product-details-page.js";import"./utils/makeApiKeyHeader.js";import"./chunks/index-phDmC-TS.esm.js";import"./utils/wait-for-element.js";import"./utils/remote-session.js";import"./utils/memoize-last.js";import"./chunks/index-qFEb98cw.esm.js";import"./chunks/order-page-DTWyo57K.esm.js";import"./chunks/update-cart-TDb6pWxk.esm.js";import"./chunks/index-uCfdsWtt.esm.js";import"./chunks/index-i1kXw_4Z.esm.js";import"./chunks/index-wrvDFuaS.esm.js";import"./react/community-impact.js";import"react";import"./react/cumulative-impact.js";import"./react/impact-overview.js";import"./react/select-nonprofit.js";import"./react/redeem-transaction.js";import"./react/post-purchase.js";import"./react/subscription-management.js";export{Z as Integrations,$ as ReactComponents,to as Utils,X as WebComponents};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{D as u,a as g}from"../chunks/routes-
|
|
1
|
+
import{D as u,a as g}from"../chunks/routes-mFdr3VNw.esm.js";import{S as y}from"../chunks/beam-errors-P-Lu07Ce.esm.js";import{B as h}from"../chunks/events-Y8fYvSqM.esm.js";import{logger as w}from"../utils/logger.esm.js";import{s as f}from"../chunks/index-IO0Z_buU.esm.js";var v=(t,s,a)=>{if(!s.has(t))throw TypeError("Cannot "+a)},c=(t,s,a)=>{if(s.has(t))throw TypeError("Cannot add the same private member more than once");s instanceof WeakSet?s.add(t):s.set(t,a)},i=(t,s,a)=>(v(t,s,"access private method"),a),r,n,o,m;let p,l;const E=new Promise((t,s)=>{p=t,l=s});class U extends EventTarget{constructor(s){super(),c(this,r),c(this,o),this.readyPromise=E,this.plugins={},this.status="pending",i(this,r,n).call(this,s)}async init(s){i(this,r,n).call(this,s);try{await i(this,o,m).call(this,s)}catch(a){const e=new y;throw e.cause=a,this.status="error",this.dispatchEvent(new h({status:"error",error:e})),l(e),w.error(e),this.apiKey&&await f({apiKey:this.apiKey,baseUrl:this.logUrl},{type:"error",code:e.name,metadata:{message:e.message,cause:a?.message}}),a}return this.status="ready",this.dispatchEvent(new h({status:"ready"})),p(!0),this}}r=new WeakSet,n=function(t){this.apiKey=t.apiKey,this.chainId=t.chainId,this.storeId=t.storeId,this.domain=t.domain,this.baseUrl=t.baseUrl||u,this.logUrl=t.logUrl||g},o=new WeakSet,m=async function(t){const s=(t.plugins||[]).map(async a=>(await a.init(t),this.plugins[a.name]=a,a));return Promise.all(s)};const d=new U({}),S=t=>d.init(t),L=()=>d;export{L as getConfig,S as init};
|
|
2
2
|
//# sourceMappingURL=beam.esm.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{D as u,a as g}from"../chunks/routes-
|
|
1
|
+
import{D as u,a as g}from"../chunks/routes-eEIGOCLH.esm.js";import{S as y}from"../chunks/beam-errors-P-Lu07Ce.esm.js";import{B as h}from"../chunks/events-Y8fYvSqM.esm.js";import{logger as w}from"../utils/logger.js";import{s as f}from"../chunks/index-wrvDFuaS.esm.js";var v=(t,s,a)=>{if(!s.has(t))throw TypeError("Cannot "+a)},c=(t,s,a)=>{if(s.has(t))throw TypeError("Cannot add the same private member more than once");s instanceof WeakSet?s.add(t):s.set(t,a)},i=(t,s,a)=>(v(t,s,"access private method"),a),r,n,o,m;let p,l;const E=new Promise((t,s)=>{p=t,l=s});class U extends EventTarget{constructor(s){super(),c(this,r),c(this,o),this.readyPromise=E,this.plugins={},this.status="pending",i(this,r,n).call(this,s)}async init(s){i(this,r,n).call(this,s);try{await i(this,o,m).call(this,s)}catch(a){const e=new y;throw e.cause=a,this.status="error",this.dispatchEvent(new h({status:"error",error:e})),l(e),w.error(e),this.apiKey&&await f({apiKey:this.apiKey,baseUrl:this.logUrl},{type:"error",code:e.name,metadata:{message:e.message,cause:a?.message}}),a}return this.status="ready",this.dispatchEvent(new h({status:"ready"})),p(!0),this}}r=new WeakSet,n=function(t){this.apiKey=t.apiKey,this.chainId=t.chainId,this.storeId=t.storeId,this.domain=t.domain,this.baseUrl=t.baseUrl||u,this.logUrl=t.logUrl||g},o=new WeakSet,m=async function(t){const s=(t.plugins||[]).map(async a=>(await a.init(t),this.plugins[a.name]=a,a));return Promise.all(s)};const d=new U({}),S=t=>d.init(t),L=()=>d;export{L as getConfig,S as init};
|
|
2
2
|
//# sourceMappingURL=beam.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{x as C}from"../chunks/update-cart
|
|
1
|
+
import{x as C}from"../chunks/update-cart--5PpQSrY.esm.js";import"../chunks/lodash-P8OIs-at.esm.js";import"../chunks/routes-mFdr3VNw.esm.js";import"../chunks/beam-errors-P-Lu07Ce.esm.js";import"../utils/logger.esm.js";import"../chunks/events-Y8fYvSqM.esm.js";import"../utils/network-listeners.esm.js";import"../utils/local-storage.esm.js";import"../utils/cookies.esm.js";import"../utils/remote-session.esm.js";import"../utils/memoize-last.esm.js";import"../chunks/cart-contents-h60geKWa.esm.js";export{C as updateCart};
|
|
2
2
|
//# sourceMappingURL=cart.esm.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{x as C}from"../chunks/update-cart-
|
|
1
|
+
import{x as C}from"../chunks/update-cart-TDb6pWxk.esm.js";import"../chunks/lodash-P8OIs-at.esm.js";import"../chunks/routes-eEIGOCLH.esm.js";import"../chunks/beam-errors-P-Lu07Ce.esm.js";import"../utils/logger.js";import"../chunks/events-Y8fYvSqM.esm.js";import"../utils/network-listeners.js";import"../utils/local-storage.js";import"../utils/cookies.js";import"../utils/remote-session.js";import"../utils/memoize-last.js";import"../chunks/cart-contents-h60geKWa.esm.js";export{C as updateCart};
|
|
2
2
|
//# sourceMappingURL=cart.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{i as A}from"../chunks/index-
|
|
1
|
+
import{i as A}from"../chunks/index-Lw32NXij.esm.js";import{i as D}from"../chunks/index-07spDV_A.esm.js";import{i as F}from"../chunks/index-Q1vx4WtG.esm.js";import{i as H}from"../chunks/index-NF6VKqmo.esm.js";import{i as J}from"../chunks/index-IO0Z_buU.esm.js";import"../chunks/beam-errors-P-Lu07Ce.esm.js";import"../chunks/events-Y8fYvSqM.esm.js";import"../utils/logger.esm.js";import"../utils/network-listeners.esm.js";import"../utils/local-storage.esm.js";import"../utils/wait-for-element.esm.js";import"../utils/cookies.esm.js";import"../utils/remote-session.esm.js";import"../utils/memoize-last.esm.js";import"../chunks/lodash-P8OIs-at.esm.js";import"../chunks/order-page-r0Bn2_wR.esm.js";import"../chunks/cart-contents-h60geKWa.esm.js";import"../chunks/update-cart--5PpQSrY.esm.js";import"../chunks/routes-mFdr3VNw.esm.js";import"../components/post-purchase.esm.js";import"../chunks/lit-qtGbjGnK.esm.js";import"../chunks/localize-F31ae3j6.esm.js";import"../components/redeem-transaction.esm.js";import"../chunks/progress-bar-Sn2QspHy.esm.js";import"../chunks/promo-pill-label-j0A8qZ0c.esm.js";import"../chunks/vendor-jQ8cxMpw.esm.js";import"../components/beam-partner-logos.esm.js";import"../chunks/loading-template-Av0IUyKF.esm.js";import"../chunks/css-card-grid-7tObtoJx.esm.js";import"../components/impact-overview.esm.js";import"../chunks/shoelace-components-jVPXTZPS.esm.js";import"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../chunks/responsive-aWj_7ZN_.esm.js";export{H as Cart,J as Logs,F as Session,D as Shopify,A as Utils};
|
|
2
2
|
//# sourceMappingURL=index.esm.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{i as A}from"../chunks/index-phDmC-TS.esm.js";import{i as D}from"../chunks/index-
|
|
1
|
+
import{i as A}from"../chunks/index-phDmC-TS.esm.js";import{i as D}from"../chunks/index-qFEb98cw.esm.js";import{i as F}from"../chunks/index-uCfdsWtt.esm.js";import{i as H}from"../chunks/index-i1kXw_4Z.esm.js";import{i as J}from"../chunks/index-wrvDFuaS.esm.js";import"../chunks/beam-errors-P-Lu07Ce.esm.js";import"../chunks/events-Y8fYvSqM.esm.js";import"../utils/logger.js";import"../utils/network-listeners.js";import"../utils/local-storage.js";import"../utils/wait-for-element.js";import"../utils/cookies.js";import"../utils/remote-session.js";import"../utils/memoize-last.js";import"../chunks/lodash-P8OIs-at.esm.js";import"../chunks/order-page-DTWyo57K.esm.js";import"../chunks/cart-contents-h60geKWa.esm.js";import"../chunks/update-cart-TDb6pWxk.esm.js";import"../chunks/routes-eEIGOCLH.esm.js";import"../components/post-purchase.js";import"../chunks/lit-qtGbjGnK.esm.js";import"../chunks/localize-fH8KOrMi.esm.js";import"../components/redeem-transaction.js";import"../chunks/progress-bar-Sn2QspHy.esm.js";import"../chunks/promo-pill-label-j0A8qZ0c.esm.js";import"../chunks/vendor-jQ8cxMpw.esm.js";import"../components/beam-partner-logos.js";import"../chunks/loading-template-Av0IUyKF.esm.js";import"../chunks/css-card-grid-7tObtoJx.esm.js";import"../components/impact-overview.js";import"../chunks/shoelace-components-yvcqUObE.esm.js";import"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../chunks/responsive-aWj_7ZN_.esm.js";export{H as Cart,J as Logs,F as Session,D as Shopify,A as Utils};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"../chunks/routes-
|
|
1
|
+
import"../chunks/routes-mFdr3VNw.esm.js";import"../utils/logger.esm.js";import{s as i}from"../chunks/index-IO0Z_buU.esm.js";import"../chunks/beam-errors-P-Lu07Ce.esm.js";export{i as sendLog};
|
|
2
2
|
//# sourceMappingURL=logs.esm.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import"../chunks/routes-
|
|
1
|
+
import"../chunks/routes-eEIGOCLH.esm.js";import"../utils/logger.js";import{s as i}from"../chunks/index-wrvDFuaS.esm.js";import"../chunks/beam-errors-P-Lu07Ce.esm.js";export{i as sendLog};
|
|
2
2
|
//# sourceMappingURL=logs.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{f as j,p as l,P as q,s as v,R as y}from"../chunks/order-page-
|
|
1
|
+
import{f as j,p as l,P as q,s as v,R as y}from"../chunks/order-page-r0Bn2_wR.esm.js";import"../chunks/lodash-P8OIs-at.esm.js";import"../chunks/events-Y8fYvSqM.esm.js";import"../utils/logger.esm.js";import"../utils/network-listeners.esm.js";import"../utils/local-storage.esm.js";import"../chunks/beam-errors-P-Lu07Ce.esm.js";import"../utils/cookies.esm.js";import"../utils/memoize-last.esm.js";import"../chunks/cart-contents-h60geKWa.esm.js";import"../chunks/update-cart--5PpQSrY.esm.js";import"../chunks/routes-mFdr3VNw.esm.js";import"../utils/remote-session.esm.js";import"../components/post-purchase.esm.js";import"../chunks/lit-qtGbjGnK.esm.js";import"../chunks/localize-F31ae3j6.esm.js";import"../components/redeem-transaction.esm.js";import"../chunks/progress-bar-Sn2QspHy.esm.js";import"../chunks/promo-pill-label-j0A8qZ0c.esm.js";import"../chunks/vendor-jQ8cxMpw.esm.js";import"../components/beam-partner-logos.esm.js";import"../chunks/loading-template-Av0IUyKF.esm.js";import"../chunks/css-card-grid-7tObtoJx.esm.js";import"../components/impact-overview.esm.js";import"../chunks/shoelace-components-jVPXTZPS.esm.js";import"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../chunks/responsive-aWj_7ZN_.esm.js";import"../utils/wait-for-element.esm.js";export{j as addBeamAttributesToCart,l as getCurrentCart,q as registerCartIntegration,v as showBeamOrderPageWidgets,y as trackCart};
|
|
2
2
|
//# sourceMappingURL=shopify.esm.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{f as j,p as l,P as q,s as v,R as y}from"../chunks/order-page
|
|
1
|
+
import{f as j,p as l,P as q,s as v,R as y}from"../chunks/order-page-DTWyo57K.esm.js";import"../chunks/lodash-P8OIs-at.esm.js";import"../chunks/events-Y8fYvSqM.esm.js";import"../utils/logger.js";import"../utils/network-listeners.js";import"../utils/local-storage.js";import"../chunks/beam-errors-P-Lu07Ce.esm.js";import"../utils/cookies.js";import"../utils/memoize-last.js";import"../chunks/cart-contents-h60geKWa.esm.js";import"../chunks/update-cart-TDb6pWxk.esm.js";import"../chunks/routes-eEIGOCLH.esm.js";import"../utils/remote-session.js";import"../components/post-purchase.js";import"../chunks/lit-qtGbjGnK.esm.js";import"../chunks/localize-fH8KOrMi.esm.js";import"../components/redeem-transaction.js";import"../chunks/progress-bar-Sn2QspHy.esm.js";import"../chunks/promo-pill-label-j0A8qZ0c.esm.js";import"../chunks/vendor-jQ8cxMpw.esm.js";import"../components/beam-partner-logos.js";import"../chunks/loading-template-Av0IUyKF.esm.js";import"../chunks/css-card-grid-7tObtoJx.esm.js";import"../components/impact-overview.js";import"../chunks/shoelace-components-yvcqUObE.esm.js";import"../chunks/is-all-html-elements-SdSkxirh.esm.js";import"../chunks/responsive-aWj_7ZN_.esm.js";import"../utils/wait-for-element.js";export{j as addBeamAttributesToCart,l as getCurrentCart,q as registerCartIntegration,v as showBeamOrderPageWidgets,y as trackCart};
|
|
2
2
|
//# sourceMappingURL=shopify.js.map
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import{p as R}from"../chunks/routes-
|
|
1
|
+
import{p as R}from"../chunks/routes-mFdr3VNw.esm.js";import{B as M}from"../chunks/cart-contents-h60geKWa.esm.js";import{a as $,b as D,c as O}from"../chunks/events-Y8fYvSqM.esm.js";import{B as m}from"../chunks/beam-errors-P-Lu07Ce.esm.js";import{getCookieValue as f,setCookieValue as W}from"../utils/cookies.esm.js";import{logger as C}from"../utils/logger.esm.js";import{saveRemoteSession as K}from"../utils/remote-session.esm.js";import"../utils/local-storage.esm.js";var w=(e,t,i)=>{if(!t.has(e))throw TypeError("Cannot "+i)},d=(e,t,i)=>(w(e,t,"read from private field"),i?i.call(e):t.get(e)),n=(e,t,i)=>{if(t.has(e))throw TypeError("Cannot add the same private member more than once");t instanceof WeakSet?t.add(e):t.set(e,i)},_=(e,t,i,s)=>(w(e,t,"write to private field"),s?s.call(e,i):t.set(e,i),i),r=(e,t,i)=>(w(e,t,"access private method"),i),h,c,E,T,b,A,l,v,B,g,S,y,L,I,k;const P=4,j=`https://cdn.jsdelivr.net/npm/statsig-js@${P}/build/statsig-prod-web-sdk.min.js`,x="beam_statsig_session_id",o="data-beam-visibility",z="beam-sync-visibility",p={STATSIG_INIT:"statsig_init",CART_CREATED:"cart_created",ORDER_CREATED:"order_created",BEAM_SELECTION:"beam_selection"};class G{constructor(t){n(this,E),n(this,b),n(this,v),n(this,g),n(this,y),n(this,I),this.name="statsig",this.experiments={shouldShowBeam:!1,isLoggingEnabled:!0},n(this,h,void 0),n(this,c,void 0),n(this,l,[]),this.statsigApiKey=t.statsigApiKey}async init(t){_(this,h,t),r(this,E,T).call(this),r(this,g,S).call(this,"hide");const i=document.createElement("style");if(i.innerHTML=`
|
|
2
2
|
[${o}="hide"] beam-select-nonprofit,
|
|
3
3
|
[${o}="hide"] beam-post-purchase,
|
|
4
4
|
[${o}="hide"] beam-redeem-transaction,
|
|
5
5
|
[${o}="hide"] beam-impact-overview,
|
|
6
6
|
[${o}="hide"] beam-community-impact,
|
|
7
7
|
[${o}="hide"] beam-cumulative-impact,
|
|
8
|
+
[${o}="hide"] beam-product-details-page,
|
|
8
9
|
[${o}="hide"] .${z} {
|
|
9
10
|
display: none;
|
|
10
11
|
}
|
|
11
|
-
`,document.head.append(i),await r(this,b,A).call(this),this.stableId=this.statsig.getStableID(),!this.stableId)throw new m("Statsig failed to assign stableId",{name:"StatsigInitError"});r(this,v,B).call(this),K({remoteSessionId:this.stableId,apiKey:t.apiKey}),_(this,c,f(M))
|
|
12
|
+
`,document.head.append(i),await r(this,b,A).call(this),this.stableId=this.statsig.getStableID(),!this.stableId)throw new m("Statsig failed to assign stableId",{name:"StatsigInitError"});r(this,v,B).call(this),K({remoteSessionId:this.stableId,apiKey:t.apiKey}),_(this,c,f(M)),W({name:x,value:this.stableId,path:"/",domain:t.domain}),this.experiments={shouldShowBeam:this.statsig.getLayer("beam_trial_layer").get("show_beam",!1),isLoggingEnabled:this.statsig.getLayer("beam_trial_layer").get("enable_logging",!0)},await Promise.all([r(this,y,L).call(this),r(this,I,k).call(this)]),r(this,g,S).call(this,this.experiments.shouldShowBeam?"show":"hide"),C.debug("Statsig Experiment Assignments",this.experiments)}logEvent(t,i,s={}){if(!this.statsig){d(this,l).push([t,i,s]);return}const a=this.experiments.shouldShowBeam;this.experiments.isLoggingEnabled&&this.statsig.logEvent(t,i,{...s,withBeam:a}),C.debug(t,i,{...s,withBeam:a})}}h=new WeakMap,c=new WeakMap,E=new WeakSet,T=function(){window.addEventListener($.eventName,t=>{const i=t,{itemCount:s,cartId:a,subtotal:u,currencyCode:N}=i.detail;this.logEvent(p.CART_CREATED,!0,{itemCount:s,cartId:a,subtotal:u,currencyCode:N})}),window.addEventListener(D.eventName,t=>{const i=t,{orderId:s,cartTotal:a,currencyCode:u}=i.detail;this.logEvent(p.ORDER_CREATED,a,{orderId:s,cartTotal:a,currencyCode:u,hasCart:!!d(this,c)})});let e;window.addEventListener(O.eventName,t=>{const i=t,{selectedNonprofitId:s,selectionId:a}=i.detail;s!==e&&(this.logEvent(p.BEAM_SELECTION,!0,{nonprofitId:s,widget:"select-nonprofit",selectionId:a}),e=s)})},b=new WeakSet,A=async function(){const e=document.createElement("script");e.src=j,e.async=!1;const t=new Promise((s,a)=>{e.addEventListener("load",s),e.addEventListener("error",a)});document.head.append(e);try{await t}catch{throw new m("Failed to load Statsig script",{name:"StatsigInitError"})}if(this.statsig=window.statsig,!this.statsig)throw new m("Failed to detect Statsig",{name:"StatsigInitError"});const i={disableErrorLogging:!0,disableAutoMetricsLogging:!0,disableCurrentPageLogging:!0,loggingIntervalMillis:1e3,loggingBufferMaxSize:2,overrideStableID:f(x)??null};await this.statsig.initialize(this.statsigApiKey,{},i)},l=new WeakMap,v=new WeakSet,B=function(){for(;d(this,l).length>0;){const e=d(this,l).shift();e&&this.logEvent(...e)}},g=new WeakSet,S=function(e){document.body.setAttribute(o,e)},y=new WeakSet,L=async function(){const e="https://events.statsigapi.net/v1/log_event";try{await fetch(e,{method:"POST",headers:{"content-type":"application/json","statsig-api-key":this.statsigApiKey},body:JSON.stringify({eventName:p.STATSIG_INIT,value:"true",time:new Date().getTime()/1e3,metadata:{show_beam:this.experiments.shouldShowBeam.toString(),page:window.location.pathname},user:{userID:this.stableId}})})}catch(t){throw new m("Could not call Statsig API",{name:"StatsigInitError",cause:t})}},I=new WeakSet,k=async function(){return R({baseUrl:d(this,h)?.baseUrl,headers:{authorization:`Api-Key ${d(this,h)?.apiKey}`},requestBody:{remoteSessionId:this.stableId,experiments:{showBeam:this.experiments.shouldShowBeam}}})};export{G as StatsigPlugin};
|
|
12
13
|
//# sourceMappingURL=statsig.esm.js.map
|