@beamimpact/web-sdk 1.37.1 → 1.38.0

package/dist/chunks/{localize-GCkVUD8S.esm.js.map → localize-jRg7W6Ul.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"localize-GCkVUD8S.esm.js","sources":["../../src/shared/fragments/loading-template.ts","../../src/shared/fragments/custom-text.ts","../../src/shared/localize.ts"],"sourcesContent":["import { html } from \"lit\";\n\nconst strings = {\n  loading: \"\", // Default is no loading content\n};\n\nexport const _loading = () => {\n  return html`<p class=\"beam-loading\">${strings.loading}</p>`;\n};\n","import { CSSResult, unsafeCSS } from \"lit\";\n\n/**\n * Create an object that can be passed to cssVariableMap\n * to define CSS variables in a style tag. The default properties\n * are the ones exposed for customization in the remote config interface.\n * @example\n * const variables = {\n *  ...customizableTextJs(\"widget-header\",\n *  \"widget-border-color\": \"red\"\n *  };\n *\n *  html`<style>:host { ${_cssVariableMap(variables)} }</style>`;\n * @returns {{[p: string]: string}}\n */\nexport const defineCustomText = (\n  namespace = \"\",\n  {\n    fontFamily = \"inherit\",\n    fontStyle = \"inherit\",\n    fontSize = \"inherit\",\n    fontWeight = \"inherit\",\n    textTransform = \"none\",\n    marginTop = \"0\",\n    lineHeight = \"inherit\",\n    color = \"inherit\",\n  } = {}\n): Record<string, string> => {\n  const prefix = namespace.startsWith(\"--beam-\") ? namespace : `--beam-${namespace}`;\n  return {\n    [`${prefix}-fontFamily`]: fontFamily,\n    [`${prefix}-fontStyle`]: fontStyle,\n    [`${prefix}-fontSize`]: fontSize,\n    [`${prefix}-fontWeight`]: fontWeight,\n    [`${prefix}-textTransform`]: textTransform,\n    [`${prefix}-marginTop`]: marginTop,\n    [`${prefix}-lineHeight`]: lineHeight,\n    [`${prefix}-color`]: color,\n  };\n};\n\n/**\n * Returns a string that defines css properties based on variables,\n * which can be used in a css`` template. The default properties are the\n * ones exposed for customization in the remote config interface.\n * @example\n * css`.widget-header { ${customizableTextCss(\"widget-header\")} border: none; }`\n * @returns {CSSResult}\n */\nexport const useCustomText = (\n  namespace = \"\",\n  {\n    fontFamily = \"inherit\",\n    fontStyle = \"inherit\",\n    fontSize = \"inherit\",\n    fontWeight = \"inherit\",\n    textTransform = \"none\",\n    marginTop = \"0\",\n    lineHeight = \"inherit\",\n    color = \"inherit\",\n  } = {}\n): CSSResult => {\n  const prefix = namespace.startsWith(\"--beam-\") ? namespace : `--beam-${namespace}`;\n  return unsafeCSS(`\\\n        font-family: var(${prefix}-fontFamily, ${fontFamily});\n        font-style: var(${prefix}-fontStyle, ${fontStyle});\n        font-size: var(${prefix}-fontSize, ${fontSize});\n        font-weight: var(${prefix}-fontWeight, ${fontWeight});\n        text-transform: var(${prefix}-textTransform, ${textTransform});\n        margin-top: var(${prefix}-marginTop, ${marginTop});\n        line-height: var(${prefix}-lineHeight, ${lineHeight});\n        color: var(${prefix}-color, ${color});\n    `);\n};\n\n/**\n * Same as useCustomText except returns an object that can be passed to styleMap\n */\nexport const useCustomTextMap = (\n  namespace = \"\",\n  {\n    fontSize = \"inherit\",\n    fontStyle = \"inherit\",\n    fontWeight = \"inherit\",\n    textTransform = \"none\",\n    marginTop = \"0\",\n    lineHeight = \"inherit\",\n  } = {}\n): Record<string, string> => {\n  const prefix = namespace.startsWith(\"--beam-\") ? namespace : `--beam-${namespace}`;\n  return {\n    fontSize: `var(${prefix}-fontSize, ${fontSize})`,\n    fontStyle: `var(${prefix}-fontStyle, ${fontStyle})`,\n    fontWeight: `var(${prefix}-fontWeight, ${fontWeight})`,\n    textTransform: `var(${prefix}-textTransform, ${textTransform})`,\n    marginTop: `var(${prefix}-marginTop, ${marginTop})`,\n    lineHeight: `var(${prefix}-lineHeight, ${lineHeight})`,\n  };\n};\n","import { LANGUAGES } from \"../api-sdk/types\";\nimport { logger } from \"../utils/logger\";\nimport { BeamError } from \"../utils/beam-errors\";\n\n/**\n * User-provided strings may include embedded translations in JSON form\n * This function extracts the string for the provided language\n * If it fails to parse, or the string is not json-like, it returns the whole string\n * TODO: consider returning unsafeHtml() or adding an option for it\n */\nconst localizeUserString = (lang: LANGUAGES, str: string): string => {\n  const isJson = str.startsWith(\"{\");\n  if (isJson) {\n    try {\n      const json = JSON.parse(str);\n      return json[lang] ?? json[\"en\"] ?? str;\n    } catch (err) {\n      logger.error(new BeamError(\"Failed to extract JSON translation from string\"), str);\n      return str;\n    }\n  }\n  return str;\n};\n\nexport { localizeUserString };\n"],"names":["strings","_loading","html","defineCustomText","namespace","fontFamily","fontStyle","fontSize","fontWeight","textTransform","marginTop","lineHeight","color","prefix","useCustomText","unsafeCSS","localizeUserString","lang","str","json","logger","BeamError"],"mappings":"mJAEA,MAAMA,EAAU,CACd,QAAS,EACX,EAEaC,EAAW,IACfC,4BAA+BF,EAAQ,OAAO,OCQ1CG,EAAmB,CAC9BC,EAAY,GACZ,CACE,WAAAC,EAAa,UACb,UAAAC,EAAY,UACZ,SAAAC,EAAW,UACX,WAAAC,EAAa,UACb,cAAAC,EAAgB,OAChB,UAAAC,EAAY,IACZ,WAAAC,EAAa,UACb,MAAAC,EAAQ,SACV,EAAI,CAAA,IACuB,CAC3B,MAAMC,EAAST,EAAU,WAAW,SAAS,EAAIA,EAAY,UAAUA,CAAS,GAChF,MAAO,CACL,CAAC,GAAGS,CAAM,aAAa,EAAGR,EAC1B,CAAC,GAAGQ,CAAM,YAAY,EAAGP,EACzB,CAAC,GAAGO,CAAM,WAAW,EAAGN,EACxB,CAAC,GAAGM,CAAM,aAAa,EAAGL,EAC1B,CAAC,GAAGK,CAAM,gBAAgB,EAAGJ,EAC7B,CAAC,GAAGI,CAAM,YAAY,EAAGH,EACzB,CAAC,GAAGG,CAAM,aAAa,EAAGF,EAC1B,CAAC,GAAGE,CAAM,QAAQ,EAAGD,CACvB,CACF,EAUaE,EAAgB,CAC3BV,EAAY,GACZ,CACE,WAAAC,EAAa,UACb,UAAAC,EAAY,UACZ,SAAAC,EAAW,UACX,WAAAC,EAAa,UACb,cAAAC,EAAgB,OAChB,UAAAC,EAAY,IACZ,WAAAC,EAAa,UACb,MAAAC,EAAQ,SACV,EAAI,CACU,IAAA,CACd,MAAMC,EAAST,EAAU,WAAW,SAAS,EAAIA,EAAY,UAAUA,CAAS,GAChF,OAAOW,EAAU,4BACQF,CAAM,gBAAgBR,CAAU;AAAA,0BACjCQ,CAAM,eAAeP,CAAS;AAAA,yBAC/BO,CAAM,cAAcN,CAAQ;AAAA,2BAC1BM,CAAM,gBAAgBL,CAAU;AAAA,8BAC7BK,CAAM,mBAAmBJ,CAAa;AAAA,0BAC1CI,CAAM,eAAeH,CAAS;AAAA,2BAC7BG,CAAM,gBAAgBF,CAAU;AAAA,qBACtCE,CAAM,WAAWD,CAAK;AAAA,KACtC,CACL,EC/DMI,EAAqB,CAACC,EAAiBC,IAAwB,CAEnE,GADeA,EAAI,WAAW,GAAG,EAE/B,GAAI,CACF,MAAMC,EAAO,KAAK,MAAMD,CAAG,EAC3B,OAAOC,EAAKF,CAAI,GAAKE,EAAK,IAASD,CACrC,MAAc,CACZ,OAAAE,EAAO,MAAM,IAAIC,EAAU,gDAAgD,EAAGH,CAAG,EAC1EA,CACT,CAEF,OAAOA,CACT"}
+{"version":3,"file":"localize-jRg7W6Ul.esm.js","sources":["../../src/shared/fragments/loading-template.ts","../../src/shared/fragments/custom-text.ts","../../src/shared/localize.ts"],"sourcesContent":["import { html } from \"lit\";\n\nconst strings = {\n  loading: \"\", // Default is no loading content\n};\n\nexport const _loading = () => {\n  return html`<p class=\"beam-loading\">${strings.loading}</p>`;\n};\n","import { CSSResult, unsafeCSS } from \"lit\";\n\n/**\n * Create an object that can be passed to cssVariableMap\n * to define CSS variables in a style tag. The default properties\n * are the ones exposed for customization in the remote config interface.\n * @example\n * const variables = {\n *  ...customizableTextJs(\"widget-header\",\n *  \"widget-border-color\": \"red\"\n *  };\n *\n *  html`<style>:host { ${_cssVariableMap(variables)} }</style>`;\n * @returns {{[p: string]: string}}\n */\nexport const defineCustomText = (\n  namespace = \"\",\n  {\n    fontFamily = \"inherit\",\n    fontStyle = \"inherit\",\n    fontSize = \"inherit\",\n    fontWeight = \"inherit\",\n    textTransform = \"none\",\n    marginTop = \"0\",\n    lineHeight = \"inherit\",\n    color = \"inherit\",\n  } = {}\n): Record<string, string> => {\n  const prefix = namespace.startsWith(\"--beam-\") ? namespace : `--beam-${namespace}`;\n  return {\n    [`${prefix}-fontFamily`]: fontFamily,\n    [`${prefix}-fontStyle`]: fontStyle,\n    [`${prefix}-fontSize`]: fontSize,\n    [`${prefix}-fontWeight`]: fontWeight,\n    [`${prefix}-textTransform`]: textTransform,\n    [`${prefix}-marginTop`]: marginTop,\n    [`${prefix}-lineHeight`]: lineHeight,\n    [`${prefix}-color`]: color,\n  };\n};\n\n/**\n * Returns a string that defines css properties based on variables,\n * which can be used in a css`` template. The default properties are the\n * ones exposed for customization in the remote config interface.\n * @example\n * css`.widget-header { ${customizableTextCss(\"widget-header\")} border: none; }`\n * @returns {CSSResult}\n */\nexport const useCustomText = (\n  namespace = \"\",\n  {\n    fontFamily = \"inherit\",\n    fontStyle = \"inherit\",\n    fontSize = \"inherit\",\n    fontWeight = \"inherit\",\n    textTransform = \"none\",\n    marginTop = \"0\",\n    lineHeight = \"inherit\",\n    color = \"inherit\",\n  } = {}\n): CSSResult => {\n  const prefix = namespace.startsWith(\"--beam-\") ? namespace : `--beam-${namespace}`;\n  return unsafeCSS(`\\\n        font-family: var(${prefix}-fontFamily, ${fontFamily});\n        font-style: var(${prefix}-fontStyle, ${fontStyle});\n        font-size: var(${prefix}-fontSize, ${fontSize});\n        font-weight: var(${prefix}-fontWeight, ${fontWeight});\n        text-transform: var(${prefix}-textTransform, ${textTransform});\n        margin-top: var(${prefix}-marginTop, ${marginTop});\n        line-height: var(${prefix}-lineHeight, ${lineHeight});\n        color: var(${prefix}-color, ${color});\n    `);\n};\n\n/**\n * Same as useCustomText except returns an object that can be passed to styleMap\n */\nexport const useCustomTextMap = (\n  namespace = \"\",\n  {\n    fontSize = \"inherit\",\n    fontStyle = \"inherit\",\n    fontWeight = \"inherit\",\n    textTransform = \"none\",\n    marginTop = \"0\",\n    lineHeight = \"inherit\",\n  } = {}\n): Record<string, string> => {\n  const prefix = namespace.startsWith(\"--beam-\") ? namespace : `--beam-${namespace}`;\n  return {\n    fontSize: `var(${prefix}-fontSize, ${fontSize})`,\n    fontStyle: `var(${prefix}-fontStyle, ${fontStyle})`,\n    fontWeight: `var(${prefix}-fontWeight, ${fontWeight})`,\n    textTransform: `var(${prefix}-textTransform, ${textTransform})`,\n    marginTop: `var(${prefix}-marginTop, ${marginTop})`,\n    lineHeight: `var(${prefix}-lineHeight, ${lineHeight})`,\n  };\n};\n","import { LANGUAGES } from \"../api-sdk/types\";\nimport { logger } from \"../utils/logger\";\nimport { BeamError } from \"../utils/beam-errors\";\n\n/**\n * User-provided strings may include embedded translations in JSON form\n * This function extracts the string for the provided language\n * If it fails to parse, or the string is not json-like, it returns the whole string\n * TODO: consider returning unsafeHtml() or adding an option for it\n */\nconst localizeUserString = (lang: LANGUAGES, str: string): string => {\n  const isJson = str.startsWith(\"{\");\n  if (isJson) {\n    try {\n      const json = JSON.parse(str);\n      return json[lang] ?? json[\"en\"] ?? str;\n    } catch (err) {\n      logger.error(new BeamError(\"Failed to extract JSON translation from string\"), str);\n      return str;\n    }\n  }\n  return str;\n};\n\nexport { localizeUserString };\n"],"names":["strings","_loading","html","defineCustomText","namespace","fontFamily","fontStyle","fontSize","fontWeight","textTransform","marginTop","lineHeight","color","prefix","useCustomText","unsafeCSS","localizeUserString","lang","str","json","logger","BeamError"],"mappings":"mJAEA,MAAMA,EAAU,CACd,QAAS,EACX,EAEaC,EAAW,IACfC,4BAA+BF,EAAQ,OAAO,OCQ1CG,EAAmB,CAC9BC,EAAY,GACZ,CACE,WAAAC,EAAa,UACb,UAAAC,EAAY,UACZ,SAAAC,EAAW,UACX,WAAAC,EAAa,UACb,cAAAC,EAAgB,OAChB,UAAAC,EAAY,IACZ,WAAAC,EAAa,UACb,MAAAC,EAAQ,SACV,EAAI,CAAA,IACuB,CAC3B,MAAMC,EAAST,EAAU,WAAW,SAAS,EAAIA,EAAY,UAAUA,CAAS,GAChF,MAAO,CACL,CAAC,GAAGS,CAAM,aAAa,EAAGR,EAC1B,CAAC,GAAGQ,CAAM,YAAY,EAAGP,EACzB,CAAC,GAAGO,CAAM,WAAW,EAAGN,EACxB,CAAC,GAAGM,CAAM,aAAa,EAAGL,EAC1B,CAAC,GAAGK,CAAM,gBAAgB,EAAGJ,EAC7B,CAAC,GAAGI,CAAM,YAAY,EAAGH,EACzB,CAAC,GAAGG,CAAM,aAAa,EAAGF,EAC1B,CAAC,GAAGE,CAAM,QAAQ,EAAGD,CACvB,CACF,EAUaE,EAAgB,CAC3BV,EAAY,GACZ,CACE,WAAAC,EAAa,UACb,UAAAC,EAAY,UACZ,SAAAC,EAAW,UACX,WAAAC,EAAa,UACb,cAAAC,EAAgB,OAChB,UAAAC,EAAY,IACZ,WAAAC,EAAa,UACb,MAAAC,EAAQ,SACV,EAAI,CACU,IAAA,CACd,MAAMC,EAAST,EAAU,WAAW,SAAS,EAAIA,EAAY,UAAUA,CAAS,GAChF,OAAOW,EAAU,4BACQF,CAAM,gBAAgBR,CAAU;AAAA,0BACjCQ,CAAM,eAAeP,CAAS;AAAA,yBAC/BO,CAAM,cAAcN,CAAQ;AAAA,2BAC1BM,CAAM,gBAAgBL,CAAU;AAAA,8BAC7BK,CAAM,mBAAmBJ,CAAa;AAAA,0BAC1CI,CAAM,eAAeH,CAAS;AAAA,2BAC7BG,CAAM,gBAAgBF,CAAU;AAAA,qBACtCE,CAAM,WAAWD,CAAK;AAAA,KACtC,CACL,EC/DMI,EAAqB,CAACC,EAAiBC,IAAwB,CAEnE,GADeA,EAAI,WAAW,GAAG,EAE/B,GAAI,CACF,MAAMC,EAAO,KAAK,MAAMD,CAAG,EAC3B,OAAOC,EAAKF,CAAI,GAAKE,EAAK,IAASD,CACrC,MAAc,CACZ,OAAAE,EAAO,MAAM,IAAIC,EAAU,gDAAgD,EAAGH,CAAG,EAC1EA,CACT,CAEF,OAAOA,CACT"}

package/dist/chunks/{openapi-spec-b529HHW3.esm.d.ts → openapi-spec-fxMWpEwU.esm.d.ts}

@@ -55,11 +55,18 @@ interface paths {
                                      * @example Choose your impact
                                      */
                                     title: string;
+                                    /** @description Subtitle/description for the widget */
+                                    description: string;
                                     /**
-                                     * @description Subtitle/description for the widget
+                                     * @description The prefix promo description for the widget for web
+                                     * @example At no extra cost,
+                                     */
+                                    promoDescriptionPrefix?: string;
+                                    /**
+                                     * @description The promo description for the widget for web
                                      * @example Select a nonprofit and 1% of your purchase will be donated, at no extra cost
                                      */
-                                    description: string;
+                                    promoDescription?: string;
                                     /** @description Remote config theme data as requested by the given widgetName & version query params */
                                     theme?: {
                                         [key: string]: unknown;
@@ -76,6 +83,18 @@ interface paths {
                                     nonprofitUnselectedHeader?: string;
                                     /** @description Disables counter animation for cumulative-impact widget */
                                     disableAnimation?: boolean;
+                                    /** @description promo copy is sent in this object to be used in conditionally rendered UI components */
+                                    promo?: {
+                                        /** @example Donations are 2x for Black History Month */
+                                        "promo-text-long": string;
+                                        /** @example Donations are 2x */
+                                        "promo-text-short": string;
+                                        /**
+                                         * @description replaces cause copy
+                                         * @example 2x boosting donations
+                                         */
+                                        "promo-cause-alt-text": string;
+                                    };
                                 };
                                 mobileWeb?: {
                                     /**
@@ -203,6 +222,14 @@ interface paths {
                                      */
                                     goalProgressPercentage: number;
                                 };
+                                promo?: {
+                                    isActive: boolean;
+                                    /**
+                                     * @description When a promo is active, the total amount donated is multiplied by this value. ex:\ (subtotal * donationAmount) * multiplier -> ($100 * 1%) * 2 = $2.00 donated
+                                     * @example 2
+                                     */
+                                    multiplier: number | null;
+                                } | null;
                             }[];
                             /** @description a site-specific identifier */
                             store: {
@@ -287,11 +314,18 @@ interface paths {
                                      * @example Choose your impact
                                      */
                                     title: string;
+                                    /** @description Subtitle/description for the widget */
+                                    description: string;
                                     /**
-                                     * @description Subtitle/description for the widget
+                                     * @description The prefix promo description for the widget for web
+                                     * @example At no extra cost,
+                                     */
+                                    promoDescriptionPrefix?: string;
+                                    /**
+                                     * @description The promo description for the widget for web
                                      * @example Select a nonprofit and 1% of your purchase will be donated, at no extra cost
                                      */
-                                    description: string;
+                                    promoDescription?: string;
                                     /** @description Remote config theme data as requested by the given widgetName & version query params */
                                     theme?: {
                                         [key: string]: unknown;
@@ -308,6 +342,18 @@ interface paths {
                                     nonprofitUnselectedHeader?: string;
                                     /** @description Disables counter animation for cumulative-impact widget */
                                     disableAnimation?: boolean;
+                                    /** @description promo copy is sent in this object to be used in conditionally rendered UI components */
+                                    promo?: {
+                                        /** @example Donations are 2x for Black History Month */
+                                        "promo-text-long": string;
+                                        /** @example Donations are 2x */
+                                        "promo-text-short": string;
+                                        /**
+                                         * @description replaces cause copy
+                                         * @example 2x boosting donations
+                                         */
+                                        "promo-cause-alt-text": string;
+                                    };
                                 };
                                 mobileWeb?: {
                                     /**
@@ -477,11 +523,18 @@ interface paths {
                                      * @example Choose your impact
                                      */
                                     title: string;
+                                    /** @description Subtitle/description for the widget */
+                                    description: string;
                                     /**
-                                     * @description Subtitle/description for the widget
+                                     * @description The prefix promo description for the widget for web
+                                     * @example At no extra cost,
+                                     */
+                                    promoDescriptionPrefix?: string;
+                                    /**
+                                     * @description The promo description for the widget for web
                                      * @example Select a nonprofit and 1% of your purchase will be donated, at no extra cost
                                      */
-                                    description: string;
+                                    promoDescription?: string;
                                     /** @description Remote config theme data as requested by the given widgetName & version query params */
                                     theme?: {
                                         [key: string]: unknown;
@@ -498,6 +551,18 @@ interface paths {
                                     nonprofitUnselectedHeader?: string;
                                     /** @description Disables counter animation for cumulative-impact widget */
                                     disableAnimation?: boolean;
+                                    /** @description promo copy is sent in this object to be used in conditionally rendered UI components */
+                                    promo?: {
+                                        /** @example Donations are 2x for Black History Month */
+                                        "promo-text-long": string;
+                                        /** @example Donations are 2x */
+                                        "promo-text-short": string;
+                                        /**
+                                         * @description replaces cause copy
+                                         * @example 2x boosting donations
+                                         */
+                                        "promo-cause-alt-text": string;
+                                    };
                                 };
                                 mobileWeb?: {
                                     /**
@@ -625,6 +690,14 @@ interface paths {
                                      */
                                     goalProgressPercentage: number;
                                 };
+                                promo?: {
+                                    isActive: boolean;
+                                    /**
+                                     * @description When a promo is active, the total amount donated is multiplied by this value. ex:\ (subtotal * donationAmount) * multiplier -> ($100 * 1%) * 2 = $2.00 donated
+                                     * @example 2
+                                     */
+                                    multiplier: number | null;
+                                } | null;
                             }[];
                             /** @description a site-specific identifier */
                             store: {
@@ -756,6 +829,7 @@ interface paths {
                 query: {
                     /** @deprecated No longer needed, chainId inferred from API Key */
                     chainId?: number;
+                    storeId?: number;
                     beamUserId?: string;
                     /** Nonprofit ID */
                     nonprofitId?: number;
@@ -800,11 +874,18 @@ interface paths {
                                      * @example Choose your impact
                                      */
                                     title: string;
+                                    /** @description Subtitle/description for the widget */
+                                    description: string;
                                     /**
-                                     * @description Subtitle/description for the widget
+                                     * @description The prefix promo description for the widget for web
+                                     * @example At no extra cost,
+                                     */
+                                    promoDescriptionPrefix?: string;
+                                    /**
+                                     * @description The promo description for the widget for web
                                      * @example Select a nonprofit and 1% of your purchase will be donated, at no extra cost
                                      */
-                                    description: string;
+                                    promoDescription?: string;
                                     /** @description Remote config theme data as requested by the given widgetName & version query params */
                                     theme?: {
                                         [key: string]: unknown;
@@ -821,6 +902,18 @@ interface paths {
                                     nonprofitUnselectedHeader?: string;
                                     /** @description Disables counter animation for cumulative-impact widget */
                                     disableAnimation?: boolean;
+                                    /** @description promo copy is sent in this object to be used in conditionally rendered UI components */
+                                    promo?: {
+                                        /** @example Donations are 2x for Black History Month */
+                                        "promo-text-long": string;
+                                        /** @example Donations are 2x */
+                                        "promo-text-short": string;
+                                        /**
+                                         * @description replaces cause copy
+                                         * @example 2x boosting donations
+                                         */
+                                        "promo-cause-alt-text": string;
+                                    };
                                 };
                                 mobileWeb?: {
                                     /**
@@ -1034,6 +1127,14 @@ interface paths {
                                  */
                                 filters?: string[];
                             }[];
+                            promo: {
+                                isActive: boolean;
+                                /**
+                                 * @description When a promo is active, the total amount donated is multiplied by this value. ex:\ (subtotal * donationAmount) * multiplier -> ($100 * 1%) * 2 = $2.00 donated
+                                 * @example 2
+                                 */
+                                multiplier: number | null;
+                            } | null;
                         };
                     };
                 };
@@ -1942,11 +2043,18 @@ interface paths {
                                      * @example Choose your impact
                                      */
                                     title: string;
+                                    /** @description Subtitle/description for the widget */
+                                    description: string;
                                     /**
-                                     * @description Subtitle/description for the widget
+                                     * @description The prefix promo description for the widget for web
+                                     * @example At no extra cost,
+                                     */
+                                    promoDescriptionPrefix?: string;
+                                    /**
+                                     * @description The promo description for the widget for web
                                      * @example Select a nonprofit and 1% of your purchase will be donated, at no extra cost
                                      */
-                                    description: string;
+                                    promoDescription?: string;
                                     /** @description Remote config theme data as requested by the given widgetName & version query params */
                                     theme?: {
                                         [key: string]: unknown;
@@ -1963,6 +2071,18 @@ interface paths {
                                     nonprofitUnselectedHeader?: string;
                                     /** @description Disables counter animation for cumulative-impact widget */
                                     disableAnimation?: boolean;
+                                    /** @description promo copy is sent in this object to be used in conditionally rendered UI components */
+                                    promo?: {
+                                        /** @example Donations are 2x for Black History Month */
+                                        "promo-text-long": string;
+                                        /** @example Donations are 2x */
+                                        "promo-text-short": string;
+                                        /**
+                                         * @description replaces cause copy
+                                         * @example 2x boosting donations
+                                         */
+                                        "promo-cause-alt-text": string;
+                                    };
                                 };
                                 mobileWeb?: {
                                     /**
@@ -2647,11 +2767,18 @@ interface paths {
                                      * @example Choose your impact
                                      */
                                     title: string;
+                                    /** @description Subtitle/description for the widget */
+                                    description: string;
                                     /**
-                                     * @description Subtitle/description for the widget
+                                     * @description The prefix promo description for the widget for web
+                                     * @example At no extra cost,
+                                     */
+                                    promoDescriptionPrefix?: string;
+                                    /**
+                                     * @description The promo description for the widget for web
                                      * @example Select a nonprofit and 1% of your purchase will be donated, at no extra cost
                                      */
-                                    description: string;
+                                    promoDescription?: string;
                                     /** @description Remote config theme data as requested by the given widgetName & version query params */
                                     theme?: {
                                         [key: string]: unknown;
@@ -2668,6 +2795,18 @@ interface paths {
                                     nonprofitUnselectedHeader?: string;
                                     /** @description Disables counter animation for cumulative-impact widget */
                                     disableAnimation?: boolean;
+                                    /** @description promo copy is sent in this object to be used in conditionally rendered UI components */
+                                    promo?: {
+                                        /** @example Donations are 2x for Black History Month */
+                                        "promo-text-long": string;
+                                        /** @example Donations are 2x */
+                                        "promo-text-short": string;
+                                        /**
+                                         * @description replaces cause copy
+                                         * @example 2x boosting donations
+                                         */
+                                        "promo-cause-alt-text": string;
+                                    };
                                 };
                                 mobileWeb?: {
                                     /**
@@ -2726,11 +2865,18 @@ interface paths {
                                      * @example Choose your impact
                                      */
                                     title: string;
+                                    /** @description Subtitle/description for the widget */
+                                    description: string;
                                     /**
-                                     * @description Subtitle/description for the widget
+                                     * @description The prefix promo description for the widget for web
+                                     * @example At no extra cost,
+                                     */
+                                    promoDescriptionPrefix?: string;
+                                    /**
+                                     * @description The promo description for the widget for web
                                      * @example Select a nonprofit and 1% of your purchase will be donated, at no extra cost
                                      */
-                                    description: string;
+                                    promoDescription?: string;
                                     /** @description Remote config theme data as requested by the given widgetName & version query params */
                                     theme?: {
                                         [key: string]: unknown;
@@ -2747,6 +2893,18 @@ interface paths {
                                     nonprofitUnselectedHeader?: string;
                                     /** @description Disables counter animation for cumulative-impact widget */
                                     disableAnimation?: boolean;
+                                    /** @description promo copy is sent in this object to be used in conditionally rendered UI components */
+                                    promo?: {
+                                        /** @example Donations are 2x for Black History Month */
+                                        "promo-text-long": string;
+                                        /** @example Donations are 2x */
+                                        "promo-text-short": string;
+                                        /**
+                                         * @description replaces cause copy
+                                         * @example 2x boosting donations
+                                         */
+                                        "promo-cause-alt-text": string;
+                                    };
                                 };
                                 mobileWeb?: {
                                     /**
@@ -5502,6 +5660,93 @@ interface paths {
             };
         };
     };
+    "/chainWidgetVersion": {
+        post: {
+            responses: {
+                /** Chain widget version created */
+                200: unknown;
+                /** Standard error */
+                default: {
+                    content: {
+                        "application/json": {
+                            /** @description Beam code for the error, meant to be used programmatically */
+                            code: string;
+                            /** @description A short, human-readable summary of the problem that SHOULD NOT change from occurrence to occurrence of the problem, except for purposes of localization */
+                            title: string;
+                            /** @description A human-readable explanation specific to this occurrence of the problem. Like title, this field's value can be localized */
+                            detail: string;
+                            /** @description a JSON Pointer to the associated entity in the request document */
+                            field?: string;
+                            /** @description A meta object containing non-standard meta-information about the error */
+                            metadata?: {
+                                [key: string]: unknown;
+                            };
+                            /** @description Whether the API or user can resend the request */
+                            retryable?: boolean;
+                        } & {
+                            source: unknown;
+                            meta: unknown;
+                        };
+                    };
+                };
+            };
+            requestBody: {
+                content: {
+                    "application/json": {
+                        /**
+                         * @description A production release version of the Beam web widgets
+                         * @example v1.0.0
+                         */
+                        widgetVersion: string;
+                        chainId: number;
+                    };
+                };
+            };
+        };
+    };
+    "/widgetVersion": {
+        post: {
+            responses: {
+                /** Widget version created */
+                200: unknown;
+                /** Standard error */
+                default: {
+                    content: {
+                        "application/json": {
+                            /** @description Beam code for the error, meant to be used programmatically */
+                            code: string;
+                            /** @description A short, human-readable summary of the problem that SHOULD NOT change from occurrence to occurrence of the problem, except for purposes of localization */
+                            title: string;
+                            /** @description A human-readable explanation specific to this occurrence of the problem. Like title, this field's value can be localized */
+                            detail: string;
+                            /** @description a JSON Pointer to the associated entity in the request document */
+                            field?: string;
+                            /** @description A meta object containing non-standard meta-information about the error */
+                            metadata?: {
+                                [key: string]: unknown;
+                            };
+                            /** @description Whether the API or user can resend the request */
+                            retryable?: boolean;
+                        } & {
+                            source: unknown;
+                            meta: unknown;
+                        };
+                    };
+                };
+            };
+            requestBody: {
+                content: {
+                    "application/json": {
+                        /**
+                         * @description A production release version of the Beam web widgets
+                         * @example v1.0.0
+                         */
+                        widgetVersion: string;
+                    };
+                };
+            };
+        };
+    };
 }
 
 export type { paths as p };

package/dist/chunks/{order-page-jkuLE25f.esm.d.ts → order-page-AezeN9KY.esm.d.ts}

@@ -1,6 +1,6 @@
 import * as lodash from 'lodash';
-import { B as BeamCartAPIConfig, a as BeamCartValues } from './update-cart-EKZbvT8c.esm.js';
-import { T as TCart } from './cart-contents-IOhdr24g.esm.js';
+import { B as BeamCartAPIConfig, a as BeamCartValues } from './update-cart-43LEXveI.esm.js';
+import { T as TCart } from './cart-contents-dKdDg09p.esm.js';
 import '../components/post-purchase.js';
 import { T as TUrl, L as LANGUAGES } from './types-aju0qrRe.esm.js';
 

package/dist/chunks/order-page-QUOh_9GG.esm.js

@@ -0,0 +1,2 @@
+import{i as T}from"./lodash-P8OIs-at.esm.js";import{d as U,f as A,c as O,g as R}from"./events-Y8fYvSqM.esm.js";import{logger as j}from"../utils/logger.esm.js";import{initNetworkListeners as k}from"../utils/network-listeners.esm.js";import{createScopedLocalStorage as E}from"../utils/local-storage.esm.js";import{getCookieValue as u}from"../utils/cookies.esm.js";import{memoizeLast as J}from"../utils/memoize-last.esm.js";import{B as b}from"./cart-contents-h60geKWa.esm.js";import{x as I}from"./update-cart-Z287MVqH.esm.js";import"../components/post-purchase.esm.js";import{D as x}from"./routes-ga8DTuUO.esm.js";import{waitForElement as K}from"../utils/wait-for-element.esm.js";import{B as P}from"./beam-errors-P-Lu07Ce.esm.js";const N=window.Shopify?.routes?.root||"/";let S=!1;const v="cart";async function D(a){if(S)return!1;const p=await h(a);await I(a,p.cart),k(),window.addEventListener(U.eventName,async i=>{const r=i,t=/cart\/(add|change|update|clear)/,e=r.detail.type==="xhr"?r.detail.xhr.responseURL:r.detail.response.url,d=new URL(e);if(!t.test(d.pathname))return;const n=await h(a);if(!n.changed)return;const m={schema:n.cart.schema,content:{items:n.cart.content.items}};window.dispatchEvent(new A(m)),await I(a,n.cart)});let c,s;return window.addEventListener(O.eventName,async i=>{const r=i,{selectedNonprofitId:t,selectionId:e}=r.detail,d=await u(v),n=await u(b),{chainId:m,storeId:l}=a;c===t&&s===e||(await y({selectedNonprofitId:t,selectionId:e,beamCartId:n,cartId:d,chainId:m,storeId:l}),s=e,c=t)}),window.addEventListener(R.eventName,async i=>{const r=i,{newNonprofitId:t,selectionId:e}=r.detail,d=await u(v),n=await u(b),{chainId:m,storeId:l}=a;c===t&&s===e||(await y({selectedNonprofitId:t,beamCartId:n,selectionId:e,cartId:d,chainId:m,storeId:l}),s=e,c=t)}),S=!0,!0}async function h(a){const{token:p,total_price:c,item_count:s,currency:i,items:r}=await window.fetch(N+"cart.js",{method:"GET",headers:{"Content-Type":"application/json"}}).then(n=>n.json()),t={cartId:p,subtotal:c/100,itemCount:s,currencyCode:i,schema:{source:"generic"},content:{items:r.map(({sku:n,final_line_price:m,product_id:l})=>{const f=n||String(l),w=m/100;return{remoteProductIdentifier:f,localAmount:w}})}};let e=!1;const d=E(a).getItemJson("cart");return T(t,d)||(e=!0),{changed:e,cart:t}}const q=I,y=J(async function({selectedNonprofitId:a,selectionId:p,beamCartId:c,cartId:s,chainId:i,storeId:r}){const t={beam:JSON.stringify({nonprofit_id:a,selection_id:p,beam_cart_id:c,shopify_cart_id:s,chain_id:i,store_id:r})};try{await window.fetch(N+"cart/update.js",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({attributes:t})})}catch(e){j.error(e)}});async function F({parentSelector:a=".step__sections",apiKey:p,baseUrl:c=x,storeId:s,postalCode:i,countryCode:r,orderId:t,email:e,cartTotal:d,cart:n,discountCodes:m,currencyCode:l="USD",domain:f,lang:w="en",debug:B=!1}){const g=document.querySelector(a)||await K(a);if(!g)throw new P(`Timed out waiting for selector '${a}'. Could not render Beam post-purchase widget.`);const C=await u("cart");if(C){const _=E({apiKey:p}),L=_.getItemJson("cart")||{};_.setItemJson("cart",{...L,cartId:C})}const o=document.createElement("beam-post-purchase");o.apiKey=p,o.baseUrl=c,o.storeId=s,o.postalCode=i,o.countryCode=r,o.orderId=String(t),o.email=e,o.cartTotal=d,o.cart=n,o.discountCodes=m,o.currencyCode=l,o.domain=f,o.lang=w,o.debug=B,g.appendChild(o)}export{D as P,q as R,y as f,h as p,F as s};
+//# sourceMappingURL=order-page-QUOh_9GG.esm.js.map

package/dist/chunks/order-page-QUOh_9GG.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-page-QUOh_9GG.esm.js","sources":["../../src/integrations/shopify/cart-page.ts","../../src/integrations/shopify/order-page.ts"],"sourcesContent":["/* eslint-disable camelcase */\nimport isEqual from \"lodash-es/isEqual\";\nimport { logger, memoizeLast } from \"../../utils\";\nimport { getCookieValue } from \"../../utils/cookies\";\nimport { initNetworkListeners } from \"../../utils/network-listeners\";\nimport {\n  BeamCartChangeEvent,\n  BeamNetworkCallEvent,\n  BeamNonprofitSelectEvent,\n  BeamNonprofitSelectionRemovedEvent,\n} from \"../../utils/events\";\nimport { createScopedLocalStorage } from \"../../utils/local-storage\";\nimport { BEAM_CART_COOKIE_NAME, TCart, TCartApi, TCartItems } from \"../../shared/cart-contents\";\nimport { BeamCartAPIConfig, updateCart } from \"../cart\";\n\ntype BeamShopifyCartIntegrationConfig = BeamCartAPIConfig & {\n  storeId: number; // will be added to cart custom_attributes, and used in cart API call\n  chainId?: number; // will be added to cart custom_attributes\n};\n\nconst SHOPIFY_BASE_URL = window.Shopify?.routes?.root || \"/\"; // see window.d.ts\n\nlet isBeamCartIntegrationRegistered = false; // Skip registering event listeners if already set up\n\nconst SHOPIFY_CART_COOKIE_NAME = \"cart\";\n\n/**\n * @main registerCartIntegration - set up event listeners to integrate Beam with Shopify cart\n * @return {boolean} returns true if NEW listeners were created, false if setup was already done\n */\nasync function registerCartIntegration(config: BeamShopifyCartIntegrationConfig) {\n  if (isBeamCartIntegrationRegistered) {\n    return false; // Do nothing if listeners are already attached\n  }\n\n  // Handle full-page load, ie, first-time page load and reloads from form submit events\n  // This creates a GET to /cart.js\n  const currentCart = await getCurrentCart(config);\n  await updateCart(config, currentCart.cart);\n\n  // Set up event listeners for AJAX events\n  initNetworkListeners();\n\n  window.addEventListener(BeamNetworkCallEvent.eventName, async (_event: Event) => {\n    const event = _event as BeamNetworkCallEvent;\n    const cartChangePaths = /cart\\/(add|change|update|clear)/;\n    // note: response urls below follow redirects\n    const requestUrlStr = event.detail.type === \"xhr\" ? event.detail.xhr.responseURL : event.detail.response.url;\n    const url = new URL(requestUrlStr);\n    if (!cartChangePaths.test(url.pathname)) {\n      return;\n    }\n    const currentCart = await getCurrentCart(config);\n    if (!currentCart.changed) {\n      return;\n    }\n    const eventDetail: TCartApi = {\n      schema: currentCart.cart.schema as any, // TS union type can't figure out what variant applies here\n      content: {\n        items: currentCart.cart.content.items as any,\n      },\n    };\n    window.dispatchEvent(new BeamCartChangeEvent(eventDetail));\n    // Send cart to Beam to update timestamp, which is used for cart abandonment / ROI calc\n    await updateCart(config, currentCart.cart);\n  });\n\n  // Listen to Beam's own events to integrate Beam data into Shopify order\n  let lastNonprofitId: number | null | undefined;\n  let lastSelectionId: string | null | undefined;\n  window.addEventListener(BeamNonprofitSelectEvent.eventName, async (_event) => {\n    const event = _event as BeamNonprofitSelectEvent;\n    const { selectedNonprofitId, selectionId } = event.detail;\n    const cartId = await getCookieValue(SHOPIFY_CART_COOKIE_NAME); // Shopify cart ID cookie\n    const beamCartId = await getCookieValue(BEAM_CART_COOKIE_NAME); // Beam cart ID cookie\n    const { chainId, storeId } = config;\n    // Skip update if nothing changed (can happen if widget is re-initialized and\n    // emits event after cache restoration, i.e., on cart re-render).\n    if (lastNonprofitId === selectedNonprofitId && lastSelectionId === selectionId) {\n      return;\n    }\n    await addBeamAttributesToCart({\n      selectedNonprofitId,\n      selectionId,\n      beamCartId,\n      cartId,\n      chainId,\n      storeId,\n    });\n    lastSelectionId = selectionId;\n    lastNonprofitId = selectedNonprofitId;\n  });\n\n  /**\n   * Upon removal of the selected nonprofit from the widget and local storage,\n   * an event is emitted and that event is then used to update the cart attributes accordingly\n   * This event listener updates the cart attributes based on the emitted event\n   */\n  window.addEventListener(BeamNonprofitSelectionRemovedEvent.eventName, async (_event) => {\n    const event = _event as BeamNonprofitSelectionRemovedEvent;\n    const { newNonprofitId, selectionId } = event.detail;\n    const cartId = await getCookieValue(SHOPIFY_CART_COOKIE_NAME);\n    const beamCartId = await getCookieValue(BEAM_CART_COOKIE_NAME);\n    const { chainId, storeId } = config;\n    if (lastNonprofitId === newNonprofitId && lastSelectionId === selectionId) {\n      return;\n    }\n    await addBeamAttributesToCart({\n      selectedNonprofitId: newNonprofitId,\n      beamCartId,\n      selectionId,\n      cartId,\n      chainId,\n      storeId,\n    });\n    lastSelectionId = selectionId;\n    lastNonprofitId = newNonprofitId;\n  });\n\n  isBeamCartIntegrationRegistered = true;\n\n  return true;\n}\n\n/* ***************************************** HELPER FUNCTIONS *****************************************\n   These may be used individually to integrate with carts if the registerCartIntegration\n   script doesn't work for some reason.\n   ****************************************************************************************************/\n\n/**\n * Detects change in cart since last page load,\n * by calling GET /cart.js, and returns cart values.\n * Used for:\n *  - Form-based carts where the page refreshes to modify cart instead of using AJAX calls\n *  - Hydrogen/GraphQL based carts (needs to be integrated manually)\n */\nasync function getCurrentCart(config: BeamShopifyCartIntegrationConfig): Promise<{\n  changed: boolean;\n  cart: {\n    cartId: string;\n    subtotal: number;\n    itemCount: number;\n    currencyCode: string;\n  } & TCart;\n}> {\n  const {\n    token, // equal to \"cart\" cookie\n    total_price, // this is the pretax value, after discounts, and multiplied by 100 (integer from decimal)\n    item_count,\n    currency,\n    items,\n  } = await window\n    .fetch(SHOPIFY_BASE_URL + \"cart.js\", {\n      method: \"GET\",\n      headers: { \"Content-Type\": \"application/json\" },\n    })\n    .then((res) => res.json());\n\n  const cart = {\n    cartId: token,\n    subtotal: total_price / 100,\n    itemCount: item_count,\n    currencyCode: currency,\n    schema: { source: \"generic\" } as const,\n    content: {\n      // pull out minimal fields from full line items\n      items: (items as TCartItems).map(({ sku, final_line_price, product_id }) => {\n        const remoteProductIdentifier = sku || String(product_id);\n        const localAmount = final_line_price / 100;\n        return { remoteProductIdentifier, localAmount };\n      }),\n    },\n  };\n\n  let changed = false;\n\n  const localStorage = createScopedLocalStorage(config);\n\n  const cachedCart = localStorage.getItemJson(\"cart\");\n\n  if (!isEqual(cart, cachedCart)) {\n    changed = true;\n  }\n\n  return { changed, cart };\n}\n\n/**\n * trackCart - Backwards-compatible alias for updateCart\n */\nconst trackCart = updateCart;\n\n/**\n * Sends Beam data to Shopify to integrate with order as custom attributes.\n * Memoized so that calls with the same data as the previous don't create additional API calls to Shopify.\n */\nconst addBeamAttributesToCart = memoizeLast(async function addBeamAttributesToCart({\n  selectedNonprofitId,\n  selectionId,\n  beamCartId,\n  cartId,\n  chainId,\n  storeId,\n}: {\n  selectedNonprofitId?: number | null;\n  selectionId?: string;\n  beamCartId?: string;\n  cartId?: string;\n  chainId?: number;\n  storeId?: number;\n}) {\n  const beamCartAttrs = {\n    beam: JSON.stringify({\n      nonprofit_id: selectedNonprofitId,\n      selection_id: selectionId,\n      beam_cart_id: beamCartId,\n      shopify_cart_id: cartId,\n      chain_id: chainId,\n      store_id: storeId,\n    }),\n  };\n\n  try {\n    await window.fetch(SHOPIFY_BASE_URL + \"cart/update.js\", {\n      method: \"POST\",\n      headers: { \"Content-Type\": \"application/json\" },\n      body: JSON.stringify({ attributes: beamCartAttrs }),\n    });\n  } catch (err) {\n    logger.error(err); // don't throw, allow later calls to continue\n  }\n});\n\nexport { trackCart, getCurrentCart, addBeamAttributesToCart, registerCartIntegration };\n","import \"../../components/post-purchase\";\nimport { postTransaction } from \"../../api-sdk/v3/routes\";\nimport { DEFAULT_BASE_URL } from \"../../api-sdk/constants\";\nimport { LANGUAGES, TUrl } from \"../../api-sdk/types\";\nimport { waitForElement } from \"../../utils/wait-for-element\";\nimport { BeamError } from \"../../utils/beam-errors\";\nimport { getCookieValue } from \"../../utils/cookies\";\nimport { createScopedLocalStorage } from \"../../utils/local-storage\";\nimport { TCart } from \"../../shared/cart-contents\";\n\n// Shopify admin page: admin/settings/checkout\n\nexport type TBeamOrderPageParams = Parameters<typeof postTransaction>[0][\"requestBody\"] & {\n  // Either storeId or postalCode + countryCode must be provided\n  storeId?: number;\n  postalCode?: string;\n  countryCode?: string;\n  orderId: string;\n  email: string;\n  cartTotal: number;\n  cart: TCart;\n  discountCodes: string[];\n  currencyCode: string;\n  parentSelector: string; // CSS Selector for parent of widget to be inserted into DOM\n  apiKey: string;\n  baseUrl: TUrl;\n  domain?: string; // Base domain for setting cookies\n  lang: LANGUAGES;\n  debug: boolean;\n};\n\nexport async function showBeamOrderPageWidgets({\n  parentSelector = \".step__sections\",\n  apiKey,\n  baseUrl = DEFAULT_BASE_URL,\n  storeId,\n  postalCode,\n  countryCode,\n  orderId,\n  email,\n  cartTotal,\n  cart,\n  discountCodes,\n  currencyCode = \"USD\",\n  domain,\n  lang = \"en\",\n  debug = false,\n}: TBeamOrderPageParams) {\n  const parentElement = document.querySelector(parentSelector) || (await waitForElement(parentSelector));\n  if (!parentElement) {\n    throw new BeamError(\n      `Timed out waiting for selector '${parentSelector}'. Could not render Beam post-purchase widget.`\n    );\n  }\n\n  // If checkout and order page are on different subdomains, we can't access localStorage\n  // We can make postTransaction work by copying the cart cookie to the expected localStorage key on the current domain\n  const cartId = await getCookieValue(\"cart\"); // Shopify-only cart identifier\n  if (cartId) {\n    const beamLocalStorage = createScopedLocalStorage({ apiKey });\n    const existingValue = beamLocalStorage.getItemJson(\"cart\") || {};\n    beamLocalStorage.setItemJson(\"cart\", { ...existingValue, cartId });\n  }\n\n  // Note: assign properties one by one instead of bulk Object.assign to type check assignments\n  const widget = document.createElement(\"beam-post-purchase\");\n  widget.apiKey = apiKey;\n  widget.baseUrl = baseUrl;\n  widget.storeId = storeId;\n  widget.postalCode = postalCode;\n  widget.countryCode = countryCode;\n  widget.orderId = String(orderId);\n  widget.email = email;\n  widget.cartTotal = cartTotal;\n  widget.cart = cart;\n  widget.discountCodes = discountCodes;\n  widget.currencyCode = currencyCode;\n  widget.domain = domain;\n  widget.lang = lang;\n  widget.debug = debug;\n\n  // Insert widget into DOM\n  parentElement.appendChild(widget);\n}\n"],"names":["SHOPIFY_BASE_URL","isBeamCartIntegrationRegistered","SHOPIFY_CART_COOKIE_NAME","registerCartIntegration","config","currentCart","getCurrentCart","updateCart","initNetworkListeners","BeamNetworkCallEvent","_event","event","cartChangePaths","requestUrlStr","url","eventDetail","BeamCartChangeEvent","lastNonprofitId","lastSelectionId","BeamNonprofitSelectEvent","selectedNonprofitId","selectionId","cartId","getCookieValue","beamCartId","BEAM_CART_COOKIE_NAME","chainId","storeId","addBeamAttributesToCart","BeamNonprofitSelectionRemovedEvent","newNonprofitId","token","total_price","item_count","currency","items","res","cart","sku","final_line_price","product_id","remoteProductIdentifier","localAmount","changed","cachedCart","createScopedLocalStorage","isEqual","trackCart","memoizeLast","beamCartAttrs","err","logger","showBeamOrderPageWidgets","parentSelector","apiKey","baseUrl","DEFAULT_BASE_URL","postalCode","countryCode","orderId","email","cartTotal","discountCodes","currencyCode","domain","lang","debug","parentElement","waitForElement","BeamError","beamLocalStorage","existingValue","widget"],"mappings":"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"}

package/dist/chunks/order-page-vbiHdNMi.esm.js

@@ -0,0 +1,2 @@
+import{i as T}from"./lodash-P8OIs-at.esm.js";import{d as U,f as A,c as O,g as R}from"./events-Y8fYvSqM.esm.js";import{logger as j}from"../utils/logger.js";import{initNetworkListeners as k}from"../utils/network-listeners.js";import{createScopedLocalStorage as E}from"../utils/local-storage.js";import{getCookieValue as u}from"../utils/cookies.js";import{memoizeLast as J}from"../utils/memoize-last.js";import{B as b}from"./cart-contents-h60geKWa.esm.js";import{x as I}from"./update-cart-5I7FDxvc.esm.js";import"../components/post-purchase.js";import{D as x}from"./routes--kzWvkeF.esm.js";import{waitForElement as K}from"../utils/wait-for-element.js";import{B as P}from"./beam-errors-P-Lu07Ce.esm.js";const N=window.Shopify?.routes?.root||"/";let S=!1;const v="cart";async function D(a){if(S)return!1;const p=await h(a);await I(a,p.cart),k(),window.addEventListener(U.eventName,async i=>{const r=i,t=/cart\/(add|change|update|clear)/,e=r.detail.type==="xhr"?r.detail.xhr.responseURL:r.detail.response.url,d=new URL(e);if(!t.test(d.pathname))return;const n=await h(a);if(!n.changed)return;const m={schema:n.cart.schema,content:{items:n.cart.content.items}};window.dispatchEvent(new A(m)),await I(a,n.cart)});let c,s;return window.addEventListener(O.eventName,async i=>{const r=i,{selectedNonprofitId:t,selectionId:e}=r.detail,d=await u(v),n=await u(b),{chainId:m,storeId:l}=a;c===t&&s===e||(await y({selectedNonprofitId:t,selectionId:e,beamCartId:n,cartId:d,chainId:m,storeId:l}),s=e,c=t)}),window.addEventListener(R.eventName,async i=>{const r=i,{newNonprofitId:t,selectionId:e}=r.detail,d=await u(v),n=await u(b),{chainId:m,storeId:l}=a;c===t&&s===e||(await y({selectedNonprofitId:t,beamCartId:n,selectionId:e,cartId:d,chainId:m,storeId:l}),s=e,c=t)}),S=!0,!0}async function h(a){const{token:p,total_price:c,item_count:s,currency:i,items:r}=await window.fetch(N+"cart.js",{method:"GET",headers:{"Content-Type":"application/json"}}).then(n=>n.json()),t={cartId:p,subtotal:c/100,itemCount:s,currencyCode:i,schema:{source:"generic"},content:{items:r.map(({sku:n,final_line_price:m,product_id:l})=>{const f=n||String(l),w=m/100;return{remoteProductIdentifier:f,localAmount:w}})}};let e=!1;const d=E(a).getItemJson("cart");return T(t,d)||(e=!0),{changed:e,cart:t}}const q=I,y=J(async function({selectedNonprofitId:a,selectionId:p,beamCartId:c,cartId:s,chainId:i,storeId:r}){const t={beam:JSON.stringify({nonprofit_id:a,selection_id:p,beam_cart_id:c,shopify_cart_id:s,chain_id:i,store_id:r})};try{await window.fetch(N+"cart/update.js",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({attributes:t})})}catch(e){j.error(e)}});async function F({parentSelector:a=".step__sections",apiKey:p,baseUrl:c=x,storeId:s,postalCode:i,countryCode:r,orderId:t,email:e,cartTotal:d,cart:n,discountCodes:m,currencyCode:l="USD",domain:f,lang:w="en",debug:B=!1}){const g=document.querySelector(a)||await K(a);if(!g)throw new P(`Timed out waiting for selector '${a}'. Could not render Beam post-purchase widget.`);const C=await u("cart");if(C){const _=E({apiKey:p}),L=_.getItemJson("cart")||{};_.setItemJson("cart",{...L,cartId:C})}const o=document.createElement("beam-post-purchase");o.apiKey=p,o.baseUrl=c,o.storeId=s,o.postalCode=i,o.countryCode=r,o.orderId=String(t),o.email=e,o.cartTotal=d,o.cart=n,o.discountCodes=m,o.currencyCode=l,o.domain=f,o.lang=w,o.debug=B,g.appendChild(o)}export{D as P,q as R,y as f,h as p,F as s};
+//# sourceMappingURL=order-page-vbiHdNMi.esm.js.map

package/dist/chunks/order-page-vbiHdNMi.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-page-vbiHdNMi.esm.js","sources":["../../src/integrations/shopify/cart-page.ts","../../src/integrations/shopify/order-page.ts"],"sourcesContent":["/* eslint-disable camelcase */\nimport isEqual from \"lodash-es/isEqual\";\nimport { logger, memoizeLast } from \"../../utils\";\nimport { getCookieValue } from \"../../utils/cookies\";\nimport { initNetworkListeners } from \"../../utils/network-listeners\";\nimport {\n  BeamCartChangeEvent,\n  BeamNetworkCallEvent,\n  BeamNonprofitSelectEvent,\n  BeamNonprofitSelectionRemovedEvent,\n} from \"../../utils/events\";\nimport { createScopedLocalStorage } from \"../../utils/local-storage\";\nimport { BEAM_CART_COOKIE_NAME, TCart, TCartApi, TCartItems } from \"../../shared/cart-contents\";\nimport { BeamCartAPIConfig, updateCart } from \"../cart\";\n\ntype BeamShopifyCartIntegrationConfig = BeamCartAPIConfig & {\n  storeId: number; // will be added to cart custom_attributes, and used in cart API call\n  chainId?: number; // will be added to cart custom_attributes\n};\n\nconst SHOPIFY_BASE_URL = window.Shopify?.routes?.root || \"/\"; // see window.d.ts\n\nlet isBeamCartIntegrationRegistered = false; // Skip registering event listeners if already set up\n\nconst SHOPIFY_CART_COOKIE_NAME = \"cart\";\n\n/**\n * @main registerCartIntegration - set up event listeners to integrate Beam with Shopify cart\n * @return {boolean} returns true if NEW listeners were created, false if setup was already done\n */\nasync function registerCartIntegration(config: BeamShopifyCartIntegrationConfig) {\n  if (isBeamCartIntegrationRegistered) {\n    return false; // Do nothing if listeners are already attached\n  }\n\n  // Handle full-page load, ie, first-time page load and reloads from form submit events\n  // This creates a GET to /cart.js\n  const currentCart = await getCurrentCart(config);\n  await updateCart(config, currentCart.cart);\n\n  // Set up event listeners for AJAX events\n  initNetworkListeners();\n\n  window.addEventListener(BeamNetworkCallEvent.eventName, async (_event: Event) => {\n    const event = _event as BeamNetworkCallEvent;\n    const cartChangePaths = /cart\\/(add|change|update|clear)/;\n    // note: response urls below follow redirects\n    const requestUrlStr = event.detail.type === \"xhr\" ? event.detail.xhr.responseURL : event.detail.response.url;\n    const url = new URL(requestUrlStr);\n    if (!cartChangePaths.test(url.pathname)) {\n      return;\n    }\n    const currentCart = await getCurrentCart(config);\n    if (!currentCart.changed) {\n      return;\n    }\n    const eventDetail: TCartApi = {\n      schema: currentCart.cart.schema as any, // TS union type can't figure out what variant applies here\n      content: {\n        items: currentCart.cart.content.items as any,\n      },\n    };\n    window.dispatchEvent(new BeamCartChangeEvent(eventDetail));\n    // Send cart to Beam to update timestamp, which is used for cart abandonment / ROI calc\n    await updateCart(config, currentCart.cart);\n  });\n\n  // Listen to Beam's own events to integrate Beam data into Shopify order\n  let lastNonprofitId: number | null | undefined;\n  let lastSelectionId: string | null | undefined;\n  window.addEventListener(BeamNonprofitSelectEvent.eventName, async (_event) => {\n    const event = _event as BeamNonprofitSelectEvent;\n    const { selectedNonprofitId, selectionId } = event.detail;\n    const cartId = await getCookieValue(SHOPIFY_CART_COOKIE_NAME); // Shopify cart ID cookie\n    const beamCartId = await getCookieValue(BEAM_CART_COOKIE_NAME); // Beam cart ID cookie\n    const { chainId, storeId } = config;\n    // Skip update if nothing changed (can happen if widget is re-initialized and\n    // emits event after cache restoration, i.e., on cart re-render).\n    if (lastNonprofitId === selectedNonprofitId && lastSelectionId === selectionId) {\n      return;\n    }\n    await addBeamAttributesToCart({\n      selectedNonprofitId,\n      selectionId,\n      beamCartId,\n      cartId,\n      chainId,\n      storeId,\n    });\n    lastSelectionId = selectionId;\n    lastNonprofitId = selectedNonprofitId;\n  });\n\n  /**\n   * Upon removal of the selected nonprofit from the widget and local storage,\n   * an event is emitted and that event is then used to update the cart attributes accordingly\n   * This event listener updates the cart attributes based on the emitted event\n   */\n  window.addEventListener(BeamNonprofitSelectionRemovedEvent.eventName, async (_event) => {\n    const event = _event as BeamNonprofitSelectionRemovedEvent;\n    const { newNonprofitId, selectionId } = event.detail;\n    const cartId = await getCookieValue(SHOPIFY_CART_COOKIE_NAME);\n    const beamCartId = await getCookieValue(BEAM_CART_COOKIE_NAME);\n    const { chainId, storeId } = config;\n    if (lastNonprofitId === newNonprofitId && lastSelectionId === selectionId) {\n      return;\n    }\n    await addBeamAttributesToCart({\n      selectedNonprofitId: newNonprofitId,\n      beamCartId,\n      selectionId,\n      cartId,\n      chainId,\n      storeId,\n    });\n    lastSelectionId = selectionId;\n    lastNonprofitId = newNonprofitId;\n  });\n\n  isBeamCartIntegrationRegistered = true;\n\n  return true;\n}\n\n/* ***************************************** HELPER FUNCTIONS *****************************************\n   These may be used individually to integrate with carts if the registerCartIntegration\n   script doesn't work for some reason.\n   ****************************************************************************************************/\n\n/**\n * Detects change in cart since last page load,\n * by calling GET /cart.js, and returns cart values.\n * Used for:\n *  - Form-based carts where the page refreshes to modify cart instead of using AJAX calls\n *  - Hydrogen/GraphQL based carts (needs to be integrated manually)\n */\nasync function getCurrentCart(config: BeamShopifyCartIntegrationConfig): Promise<{\n  changed: boolean;\n  cart: {\n    cartId: string;\n    subtotal: number;\n    itemCount: number;\n    currencyCode: string;\n  } & TCart;\n}> {\n  const {\n    token, // equal to \"cart\" cookie\n    total_price, // this is the pretax value, after discounts, and multiplied by 100 (integer from decimal)\n    item_count,\n    currency,\n    items,\n  } = await window\n    .fetch(SHOPIFY_BASE_URL + \"cart.js\", {\n      method: \"GET\",\n      headers: { \"Content-Type\": \"application/json\" },\n    })\n    .then((res) => res.json());\n\n  const cart = {\n    cartId: token,\n    subtotal: total_price / 100,\n    itemCount: item_count,\n    currencyCode: currency,\n    schema: { source: \"generic\" } as const,\n    content: {\n      // pull out minimal fields from full line items\n      items: (items as TCartItems).map(({ sku, final_line_price, product_id }) => {\n        const remoteProductIdentifier = sku || String(product_id);\n        const localAmount = final_line_price / 100;\n        return { remoteProductIdentifier, localAmount };\n      }),\n    },\n  };\n\n  let changed = false;\n\n  const localStorage = createScopedLocalStorage(config);\n\n  const cachedCart = localStorage.getItemJson(\"cart\");\n\n  if (!isEqual(cart, cachedCart)) {\n    changed = true;\n  }\n\n  return { changed, cart };\n}\n\n/**\n * trackCart - Backwards-compatible alias for updateCart\n */\nconst trackCart = updateCart;\n\n/**\n * Sends Beam data to Shopify to integrate with order as custom attributes.\n * Memoized so that calls with the same data as the previous don't create additional API calls to Shopify.\n */\nconst addBeamAttributesToCart = memoizeLast(async function addBeamAttributesToCart({\n  selectedNonprofitId,\n  selectionId,\n  beamCartId,\n  cartId,\n  chainId,\n  storeId,\n}: {\n  selectedNonprofitId?: number | null;\n  selectionId?: string;\n  beamCartId?: string;\n  cartId?: string;\n  chainId?: number;\n  storeId?: number;\n}) {\n  const beamCartAttrs = {\n    beam: JSON.stringify({\n      nonprofit_id: selectedNonprofitId,\n      selection_id: selectionId,\n      beam_cart_id: beamCartId,\n      shopify_cart_id: cartId,\n      chain_id: chainId,\n      store_id: storeId,\n    }),\n  };\n\n  try {\n    await window.fetch(SHOPIFY_BASE_URL + \"cart/update.js\", {\n      method: \"POST\",\n      headers: { \"Content-Type\": \"application/json\" },\n      body: JSON.stringify({ attributes: beamCartAttrs }),\n    });\n  } catch (err) {\n    logger.error(err); // don't throw, allow later calls to continue\n  }\n});\n\nexport { trackCart, getCurrentCart, addBeamAttributesToCart, registerCartIntegration };\n","import \"../../components/post-purchase\";\nimport { postTransaction } from \"../../api-sdk/v3/routes\";\nimport { DEFAULT_BASE_URL } from \"../../api-sdk/constants\";\nimport { LANGUAGES, TUrl } from \"../../api-sdk/types\";\nimport { waitForElement } from \"../../utils/wait-for-element\";\nimport { BeamError } from \"../../utils/beam-errors\";\nimport { getCookieValue } from \"../../utils/cookies\";\nimport { createScopedLocalStorage } from \"../../utils/local-storage\";\nimport { TCart } from \"../../shared/cart-contents\";\n\n// Shopify admin page: admin/settings/checkout\n\nexport type TBeamOrderPageParams = Parameters<typeof postTransaction>[0][\"requestBody\"] & {\n  // Either storeId or postalCode + countryCode must be provided\n  storeId?: number;\n  postalCode?: string;\n  countryCode?: string;\n  orderId: string;\n  email: string;\n  cartTotal: number;\n  cart: TCart;\n  discountCodes: string[];\n  currencyCode: string;\n  parentSelector: string; // CSS Selector for parent of widget to be inserted into DOM\n  apiKey: string;\n  baseUrl: TUrl;\n  domain?: string; // Base domain for setting cookies\n  lang: LANGUAGES;\n  debug: boolean;\n};\n\nexport async function showBeamOrderPageWidgets({\n  parentSelector = \".step__sections\",\n  apiKey,\n  baseUrl = DEFAULT_BASE_URL,\n  storeId,\n  postalCode,\n  countryCode,\n  orderId,\n  email,\n  cartTotal,\n  cart,\n  discountCodes,\n  currencyCode = \"USD\",\n  domain,\n  lang = \"en\",\n  debug = false,\n}: TBeamOrderPageParams) {\n  const parentElement = document.querySelector(parentSelector) || (await waitForElement(parentSelector));\n  if (!parentElement) {\n    throw new BeamError(\n      `Timed out waiting for selector '${parentSelector}'. Could not render Beam post-purchase widget.`\n    );\n  }\n\n  // If checkout and order page are on different subdomains, we can't access localStorage\n  // We can make postTransaction work by copying the cart cookie to the expected localStorage key on the current domain\n  const cartId = await getCookieValue(\"cart\"); // Shopify-only cart identifier\n  if (cartId) {\n    const beamLocalStorage = createScopedLocalStorage({ apiKey });\n    const existingValue = beamLocalStorage.getItemJson(\"cart\") || {};\n    beamLocalStorage.setItemJson(\"cart\", { ...existingValue, cartId });\n  }\n\n  // Note: assign properties one by one instead of bulk Object.assign to type check assignments\n  const widget = document.createElement(\"beam-post-purchase\");\n  widget.apiKey = apiKey;\n  widget.baseUrl = baseUrl;\n  widget.storeId = storeId;\n  widget.postalCode = postalCode;\n  widget.countryCode = countryCode;\n  widget.orderId = String(orderId);\n  widget.email = email;\n  widget.cartTotal = cartTotal;\n  widget.cart = cart;\n  widget.discountCodes = discountCodes;\n  widget.currencyCode = currencyCode;\n  widget.domain = domain;\n  widget.lang = lang;\n  widget.debug = debug;\n\n  // Insert widget into DOM\n  parentElement.appendChild(widget);\n}\n"],"names":["SHOPIFY_BASE_URL","isBeamCartIntegrationRegistered","SHOPIFY_CART_COOKIE_NAME","registerCartIntegration","config","currentCart","getCurrentCart","updateCart","initNetworkListeners","BeamNetworkCallEvent","_event","event","cartChangePaths","requestUrlStr","url","eventDetail","BeamCartChangeEvent","lastNonprofitId","lastSelectionId","BeamNonprofitSelectEvent","selectedNonprofitId","selectionId","cartId","getCookieValue","beamCartId","BEAM_CART_COOKIE_NAME","chainId","storeId","addBeamAttributesToCart","BeamNonprofitSelectionRemovedEvent","newNonprofitId","token","total_price","item_count","currency","items","res","cart","sku","final_line_price","product_id","remoteProductIdentifier","localAmount","changed","cachedCart","createScopedLocalStorage","isEqual","trackCart","memoizeLast","beamCartAttrs","err","logger","showBeamOrderPageWidgets","parentSelector","apiKey","baseUrl","DEFAULT_BASE_URL","postalCode","countryCode","orderId","email","cartTotal","discountCodes","currencyCode","domain","lang","debug","parentElement","waitForElement","BeamError","beamLocalStorage","existingValue","widget"],"mappings":"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"}

package/dist/chunks/{progress-bar-7gWYaGlq.esm.js → progress-bar-9vfd2JYm.esm.js}

@@ -1,4 +1,4 @@
-import{f as m,g as b,h as l,y as d}from"./lit-yVXn5Cbs.esm.js";var c=Object.defineProperty,u=Object.getOwnPropertyDescriptor,g=(s,a,t,e)=>{for(var r=e>1?void 0:e?u(a,t):a,i=s.length-1,n;i>=0;i--)(n=s[i])&&(r=(e?n(a,t,r):n(r))||r);return e&&r&&c(a,t,r),r};class o extends l{constructor(){super(...arguments),this.value=0,this.animateProgress=!0}render(){return d`<div class="progress-bar-container">
+import{f as m,g as b,h as l,y as d}from"./lit-HCWbxxT7.esm.js";var c=Object.defineProperty,u=Object.getOwnPropertyDescriptor,g=(s,a,t,e)=>{for(var r=e>1?void 0:e?u(a,t):a,i=s.length-1,n;i>=0;i--)(n=s[i])&&(r=(e?n(a,t,r):n(r))||r);return e&&r&&c(a,t,r),r};class o extends l{constructor(){super(...arguments),this.value=0,this.animateProgress=!0}render(){return d`<div class="progress-bar-container">
       <style>
         :host {
           --beam-ProgressBar-value: ${this.value};
@@ -50,4 +50,4 @@ import{f as m,g as b,h as l,y as d}from"./lit-yVXn5Cbs.esm.js";var c=Object.defi
       animation-timing-function: linear;
     }
   `,g([b({type:Number})],o.prototype,"value",2),g([b({type:Boolean})],o.prototype,"animateProgress",2),customElements.get("beam-progress-bar")||customElements.define("beam-progress-bar",o);const p={"--beam-ProgressBar-border-radius":"0px","--beam-ProgressBar-height":"10px","--beam-ProgressBar-color-background":"transparent","--beam-ProgressBar-border-width":"1px","--beam-ProgressBar-color-border":"currentColor","--beam-ProgressBar-color-bar":"currentColor","--beam-ProgressBar-animation-duration-base":"0s","--beam-ProgressBar-animation-duration-variable":"0s"};export{p};
-//# sourceMappingURL=progress-bar-7gWYaGlq.esm.js.map
+//# sourceMappingURL=progress-bar-9vfd2JYm.esm.js.map

package/dist/chunks/{progress-bar-7gWYaGlq.esm.js.map → progress-bar-9vfd2JYm.esm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"progress-bar-7gWYaGlq.esm.js","sources":["../../src/shared/components/progress-bar.ts"],"sourcesContent":["import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\n\nexport class BeamProgressBar extends LitElement {\n  @property({ type: Number }) value = 0;\n  @property({ type: Boolean }) animateProgress = true;\n\n  render() {\n    return html`<div class=\"progress-bar-container\">\n      <style>\n        :host {\n          --beam-ProgressBar-value: ${this.value};\n        }\n      </style>\n      <div class=\"progress-bar\"></div>\n    </div>`;\n  }\n\n  static styles = css`\n    :host {\n      display: inline-block;\n      min-width: 20px;\n    }\n\n    .progress-bar-container {\n      border-radius: var(--beam-ProgressBar-border-radius, 10px);\n      height: var(--beam-ProgressBar-height, 10px);\n      padding: 0;\n      width: 100%;\n      background: var(--beam-ProgressBar-color-background, lightgray);\n      position: relative;\n      border: var(--beam-ProgressBar-border-width, 1px) solid var(--beam-ProgressBar-color-border, currentColor);\n      overflow: hidden;\n    }\n\n    @keyframes animate-bar {\n      0% {\n        width: 0;\n      }\n\n      100% {\n        width: calc(var(--beam-ProgressBar-value) * 1%);\n      }\n    }\n\n    .progress-bar {\n      width: calc(var(--beam-ProgressBar-value, 0) * 1%);\n      height: 100%;\n      position: absolute;\n      background: var(--beam-ProgressBar-color-bar, linear-gradient(to right, currentColor, currentColor));\n      left: 0;\n      bottom: 0;\n      top: 0;\n      background-clip: padding-box;\n      animation-duration: calc(\n        var(--beam-ProgressBar-animation-duration-base, 0s) + var(--beam-ProgressBar-animation-duration-variable, 0s) *\n          var(--beam-ProgressBar-value) / 100\n      );\n      animation-iteration-count: 1;\n      animation-name: animate-bar;\n      animation-timing-function: linear;\n    }\n  `;\n}\n\ncustomElements.get(\"beam-progress-bar\") || customElements.define(\"beam-progress-bar\", BeamProgressBar);\n\nexport const progressBarConfigDefaults = {\n  \"--beam-ProgressBar-border-radius\": \"0px\",\n  \"--beam-ProgressBar-height\": \"10px\",\n  \"--beam-ProgressBar-color-background\": \"transparent\",\n  \"--beam-ProgressBar-border-width\": \"1px\",\n  \"--beam-ProgressBar-color-border\": \"currentColor\",\n  \"--beam-ProgressBar-color-bar\": \"currentColor\",\n  \"--beam-ProgressBar-animation-duration-base\": \"0s\",\n  \"--beam-ProgressBar-animation-duration-variable\": \"0s\",\n} as const;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-progress-bar\": BeamProgressBar;\n  }\n}\n"],"names":["BeamProgressBar","LitElement","html","css","__decorateClass","property","progressBarConfigDefaults"],"mappings":"qQAGaA,UAAwBC,CAAW,CAAzC,aACuB,CAAA,MAAA,GAAA,SAAA,EAAA,KAAA,MAAQ,EACP,KAAkB,gBAAA,EAAA,CAE/C,QAAS,CACP,OAAOC;AAAAA;AAAAA;AAAAA,sCAG2B,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA,WAK9C,CA+CF,CA5DaF,EAeJ,OAASG;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,IAdYC,EAAA,CAA3BC,EAAS,CAAE,KAAM,MAAO,CAAC,GADfL,EACiB,UAAA,QAAA,CAAA,EACCI,EAAA,CAA5BC,EAAS,CAAE,KAAM,OAAQ,CAAC,CAFhB,EAAAL,EAEkB,UA4D/B,kBAAA,CAAA,EAAA,eAAe,IAAI,mBAAmB,GAAK,eAAe,OAAO,oBAAqBA,CAAe,QAExFM,EAA4B,CACvC,mCAAoC,MACpC,4BAA6B,OAC7B,sCAAuC,cACvC,kCAAmC,MACnC,kCAAmC,eACnC,+BAAgC,eAChC,6CAA8C,KAC9C,iDAAkD,IACpD"}
+{"version":3,"file":"progress-bar-9vfd2JYm.esm.js","sources":["../../src/shared/components/progress-bar.ts"],"sourcesContent":["import { css, html, LitElement } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\n\nexport class BeamProgressBar extends LitElement {\n  @property({ type: Number }) value = 0;\n  @property({ type: Boolean }) animateProgress = true;\n\n  render() {\n    return html`<div class=\"progress-bar-container\">\n      <style>\n        :host {\n          --beam-ProgressBar-value: ${this.value};\n        }\n      </style>\n      <div class=\"progress-bar\"></div>\n    </div>`;\n  }\n\n  static styles = css`\n    :host {\n      display: inline-block;\n      min-width: 20px;\n    }\n\n    .progress-bar-container {\n      border-radius: var(--beam-ProgressBar-border-radius, 10px);\n      height: var(--beam-ProgressBar-height, 10px);\n      padding: 0;\n      width: 100%;\n      background: var(--beam-ProgressBar-color-background, lightgray);\n      position: relative;\n      border: var(--beam-ProgressBar-border-width, 1px) solid var(--beam-ProgressBar-color-border, currentColor);\n      overflow: hidden;\n    }\n\n    @keyframes animate-bar {\n      0% {\n        width: 0;\n      }\n\n      100% {\n        width: calc(var(--beam-ProgressBar-value) * 1%);\n      }\n    }\n\n    .progress-bar {\n      width: calc(var(--beam-ProgressBar-value, 0) * 1%);\n      height: 100%;\n      position: absolute;\n      background: var(--beam-ProgressBar-color-bar, linear-gradient(to right, currentColor, currentColor));\n      left: 0;\n      bottom: 0;\n      top: 0;\n      background-clip: padding-box;\n      animation-duration: calc(\n        var(--beam-ProgressBar-animation-duration-base, 0s) + var(--beam-ProgressBar-animation-duration-variable, 0s) *\n          var(--beam-ProgressBar-value) / 100\n      );\n      animation-iteration-count: 1;\n      animation-name: animate-bar;\n      animation-timing-function: linear;\n    }\n  `;\n}\n\ncustomElements.get(\"beam-progress-bar\") || customElements.define(\"beam-progress-bar\", BeamProgressBar);\n\nexport const progressBarConfigDefaults = {\n  \"--beam-ProgressBar-border-radius\": \"0px\",\n  \"--beam-ProgressBar-height\": \"10px\",\n  \"--beam-ProgressBar-color-background\": \"transparent\",\n  \"--beam-ProgressBar-border-width\": \"1px\",\n  \"--beam-ProgressBar-color-border\": \"currentColor\",\n  \"--beam-ProgressBar-color-bar\": \"currentColor\",\n  \"--beam-ProgressBar-animation-duration-base\": \"0s\",\n  \"--beam-ProgressBar-animation-duration-variable\": \"0s\",\n} as const;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-progress-bar\": BeamProgressBar;\n  }\n}\n"],"names":["BeamProgressBar","LitElement","html","css","__decorateClass","property","progressBarConfigDefaults"],"mappings":"qQAGaA,UAAwBC,CAAW,CAAzC,aACuB,CAAA,MAAA,GAAA,SAAA,EAAA,KAAA,MAAQ,EACP,KAAkB,gBAAA,EAAA,CAE/C,QAAS,CACP,OAAOC;AAAAA;AAAAA;AAAAA,sCAG2B,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA,WAK9C,CA+CF,CA5DaF,EAeJ,OAASG;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,IAdYC,EAAA,CAA3BC,EAAS,CAAE,KAAM,MAAO,CAAC,GADfL,EACiB,UAAA,QAAA,CAAA,EACCI,EAAA,CAA5BC,EAAS,CAAE,KAAM,OAAQ,CAAC,CAFhB,EAAAL,EAEkB,UA4D/B,kBAAA,CAAA,EAAA,eAAe,IAAI,mBAAmB,GAAK,eAAe,OAAO,oBAAqBA,CAAe,QAExFM,EAA4B,CACvC,mCAAoC,MACpC,4BAA6B,OAC7B,sCAAuC,cACvC,kCAAmC,MACnC,kCAAmC,eACnC,+BAAgC,eAChC,6CAA8C,KAC9C,iDAAkD,IACpD"}