@beamimpact/web-sdk 1.40.0 → 1.42.1

package/dist/chunks/share-button-AUvXGlky.esm.js

@@ -0,0 +1,163 @@
+import{i as f}from"./is-all-html-elements-SdSkxirh.esm.js";import{h as x,y as m,Z as v,g as l}from"./lit-3QHn3fwl.esm.js";import"./vendor--f7lkyBk.esm.js";import{u as d,s as o}from"./share-button-CqTd80g8.esm.js";const y=(i,{source:t="contentLength"}={})=>{const a=i instanceof NodeList?Array.from(i):i;if(a.length===0||!f(a))return;const r=(t==="contentLength"?a.sort((e,n)=>n.innerText.length-e.innerText.length)[0]:a.sort((e,n)=>n.clientHeight-e.clientHeight)[0])?.clientHeight||0;for(const e of a)e.clientHeight!==r&&(e.style.height=r+"px")};function S(){return/Android|iPhone/i.test(navigator.userAgent)}var w=Object.defineProperty,k=Object.getOwnPropertyDescriptor,c=(i,t,a,r)=>{for(var e=r>1?void 0:r?k(t,a):t,n=i.length-1,h;n>=0;n--)(h=i[n])&&(e=(r?h(t,a,e):h(e))||e);return r&&e&&w(t,a,e),e};class s extends x{constructor(){super(...arguments),this.shareIcon=null,this.imageUrl=null,this.brandName=null,this.buttonText=null,this.configLang="en"}connectedCallback(){super.connectedCallback()}async handleShareClick(){try{if(!this.imageUrl||!this.brandName||!this.configLang)return;await import("./_share-dialog-dependencies-vHG7OoOA.esm.js"),S()?this.openSystemShareSheet(this.imageUrl):this.handleShareDialog(this.imageUrl,this.brandName)}catch(t){console.error("Error sharing impact:",t)}}async handleShareDialog(t,a){if(!t)return;const r=this.shadowRoot?.querySelector("sl-dialog");if(r){r.show();return}await import("./_share-dialog-dependencies-vHG7OoOA.esm.js");const e=this.shadowRoot?.querySelector("#modal-root"),n=await d(t),h=URL.createObjectURL(n),b=()=>{this.shadowRoot?.querySelector("sl-dialog")?.hide()},g=async()=>{await navigator.clipboard.write([new ClipboardItem({"image/png":n})]),setTimeout(b,250)},u=()=>{setTimeout(b,250)},p=m`
+      <style>
+        .plain-button {
+          border: none;
+          background: none;
+          font-size: inherit;
+          font-family: inherit;
+        }
+        .share-dialog::part(panel) {
+          padding: var(--beam-share-dialog-padding);
+          text-align: center;
+        }
+        .share-title {
+          font-size: var(--beam-share-title-fontSize);
+          font-weight: var(--beam-share-title-fontWeight);
+        }
+        .share-text {
+          font-size: var(--beam-share-text-fontSize);
+          line-height: var(--beam-share-text-lineHeight);
+          margin-top: var(--beam-share-text-marginTop);
+        }
+        .share-image {
+          border-radius: var(--beam-share-image-borderRadius);
+          width: var(--beam-share-image-width);
+          display: block;
+          margin: var(--beam-share-image-margin) auto;
+        }
+        .share-actions {
+          margin: var(--beam-share-actions-margin);
+        }
+        .share-action-button {
+          display: inline-flex;
+          justify-content: center;
+          align-items: center;
+          flex-direction: column;
+          padding: 5px;
+        }
+        .share-action-icon {
+          font-size: var(--beam-share-action-icon-size);
+        }
+        .share-action-button:hover .share-action-icon {
+          scale: 1.1;
+        }
+        .share-action-text {
+          font-size: var(--beam-share-action-text-fontSize);
+          line-height: var(--beam-share-action-text-lineHeight);
+          margin-top: var(--beam-share-text-action-marginTop);
+        }
+        .plain-button {
+          border: none;
+          background: none;
+          font-size: inherit;
+          font-family: inherit;
+        }
+        .plain-link {
+          text-decoration: none;
+          color: inherit;
+        }
+        .share-close {
+          display: block;
+          background-color: var(--beam-share-close-backgroundColor);
+          color: var(--beam-share-close-text-color);
+          justify-content: center;
+          padding: var(--beam-share-close-padding);
+          border-radius: var(--beam-share-close-borderRadius);
+          width: 100%;
+          font-size: var(--beam-share-close-fontSize);
+          font-weight: var(--beam-share-close-fontWeight);
+        }
+        .share-close:hover {
+          outline: 2px solid var(--beam-share-close-focus-borderColor);
+        }
+      </style>
+      <sl-dialog open label="${o[this.configLang].impactShareTitle()}" no-header class="share-dialog">
+        <h2 class="share-title">${o[this.configLang].impactShareTitle()}</h2>
+        <p class="share-text">${o[this.configLang].impactShareText({brandName:a})}</p>
+        <img src="${t}" alt="${o[this.configLang].impactShareTitle()}" class="share-image" />
+        <div class="share-actions" style="display: flex; justify-content: space-evenly">
+          <div style="flex: 1; text-align: center">
+            <button class="plain-button button share-action-button" @click="${g}">
+              <sl-icon
+                library="lucide"
+                name="copy"
+                label="${o[this.configLang].impactShareCopy()}"
+                class="share-action-icon"
+              ></sl-icon>
+              <div class="share-action-text">${o[this.configLang].impactShareCopy()}</div>
+            </button>
+          </div>
+          <div style="flex: 1; text-align: center">
+            <a
+              class="plain-button button share-action-button plain-link"
+              download="${o[this.configLang].impactShareTitle()}"
+              href="${h}"
+              @click="${u}"
+            >
+              <sl-icon
+                library="lucide"
+                name="download"
+                label="${o[this.configLang].impactShareDownload()}"
+                class="share-action-icon"
+              ></sl-icon>
+              <div class="share-action-text">${o[this.configLang].impactShareDownload()}</div>
+            </a>
+          </div>
+        </div>
+        <button class="plain-button button share-close" @click="${b}">
+          ${o[this.configLang].impactShareClose()}
+        </button>
+      </sl-dialog>
+    `;e&&v(p,e)}async openSystemShareSheet(t){if(!t)return;const a=await d(t);navigator.share&&await navigator.share({files:[a]})}disconnectedCallback(){super.disconnectedCallback()}render(){return!this.imageUrl||!this.brandName||!this.configLang?m``:m`
+      <style>
+        .share-button {
+          font-family: var(--beam-share-button-fontFamily);
+          font-size: var(--beam-share-button-fontSize);
+          font-weight: var(--beam-share-button-fontWeight);
+          margin-top: var(--beam-share-button-marginTop);
+          text-transform: var(--beam-share-button-textTransform);
+          line-height: var(--beam-share-button-lineHeight);
+          /* TODO: extract palette variable - sky-100 color */
+          background-color: var(--beam-share-button-backgroundColor);
+          color: var(--beam-share-button-color, inherit);
+          border-radius: var(--beam-share-button-borderRadius);
+          border-color: var(--beam-share-button-borderColor);
+          border-width: var(--beam-share-button-borderWidth);
+          /* add extra padding on side without icon for optical alignment */
+          padding: var(--beam-share-button-padding);
+          width: var(--beam-share-button-width);
+          transition: 0.15s;
+        }
+        .share-button:hover {
+          background-color: var(--beam-share-button-hover-backgroundColor);
+          color: var(--beam-share-button-hover-color);
+          border-color: var(--beam-share-button-hover-borderColor);
+        }
+        .share-button-text {
+          text-decoration: var(--beam-share-button-text-textDecoration);
+          margin-left: 0.33em;
+        }
+        .share-button-icon {
+          font-size: var(--beam-share-button-icon-size);
+        }
+        .button {
+          cursor: pointer;
+        }
+        .icon-button {
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+        }
+      </style>
+      <button @click="${this.handleShareClick}" class="share-button share-button-inline button icon-button">
+        <sl-icon
+          name="${this.shareIcon}"
+          library="lucide"
+          label="${o[this.configLang].impactShareButton()}"
+          class="share-button-icon"
+        ></sl-icon>
+        <span class="share-button-text">${this.buttonText||o[this.configLang].impactShareButton()}</span>
+      </button>
+      <div id="modal-root"></div>
+    `}}c([l({type:String})],s.prototype,"shareIcon",2),c([l({type:String})],s.prototype,"imageUrl",2),c([l({type:String})],s.prototype,"brandName",2),c([l({type:String})],s.prototype,"buttonText",2),c([l({type:String})],s.prototype,"configLang",2),customElements.get("beam-share-button")||customElements.define("beam-share-button",s);const C={"--beam-share-button-fontFamily":"inherit","--beam-share-button-fontSize":"14px","--beam-share-button-fontWeight":"600","--beam-share-button-textTransform":"none","--beam-share-button-marginTop":"10px","--beam-share-button-padding":"8px 18px 8px 16px","--beam-share-button-lineHeight":"inherit","--beam-share-button-color":"#0A323C","--beam-share-button-backgroundColor":"#fff","--beam-share-button-borderRadius":"30px","--beam-share-button-borderColor":"#0A323C","--beam-share-button-borderWidth":"1px","--beam-share-button-width":"auto","--beam-share-button-hover-borderColor":"transparent","--beam-share-button-hover-backgroundColor":"#0A323C","--beam-share-button-hover-color":"#fff","--beam-share-button-icon-size":"16px","--beam-share-button-text-textDecoration":"none","--beam-share-dialog-padding":"30px 30px","--beam-share-title-fontSize":"30px","--beam-share-title-fontWeight":"bold","--beam-share-text-fontSize":"16px","--beam-share-text-lineHeight":"1.3","--beam-share-text-marginTop":"10px","--beam-share-image-borderRadius":"4px","--beam-share-image-width":"200px","--beam-share-image-margin":"20px","--beam-share-actions-margin":"30px 60px","--beam-share-action-icon-size":"32px","--beam-share-action-text-fontSize":"16px","--beam-share-action-text-lineHeight":"1.3","--beam-share-text-action-marginTop":"10px","--beam-share-close-backgroundColor":"#ffd522","--beam-share-close-text-color":"#000","--beam-share-close-padding":"12px","--beam-share-close-borderRadius":"4px","--beam-share-close-fontSize":"16px","--beam-share-close-fontWeight":"bold","--beam-share-close-focus-borderColor":"#c2dcff"};export{C as a,y as s};
+//# sourceMappingURL=share-button-AUvXGlky.esm.js.map

package/dist/chunks/share-button-AUvXGlky.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"share-button-AUvXGlky.esm.js","sources":["../../src/shared/sync-element-heights.ts","../../src/shared/feature-detection.ts","../../src/shared/components/share-button.ts"],"sourcesContent":["import { isAllHtmlElements } from \"./is-all-html-elements\";\n\n/**\n * Synchronize heights of elements\n * @param {Array<HTMLElement|null>} elements - Elements to synchronize\n * @param {'contentLength' | 'currentHeight'} [options.source='contentLength'] -\n * Method used to get the height value to sync across elements. `contentLength`\n * (innerText.length) is reliable for pure text content when responding to\n * window resizing. Otherwise, currentHeight can  be used to sync the tallest\n * element's height to all the other elements. Note that this works poorly\n * unless content is allowed to reflow with explicit height attributes removed\n * between synchronization calls.\n */\nexport const syncElementHeights = (\n  elements: Array<HTMLElement | null> | NodeList,\n  {\n    source = \"contentLength\",\n  }: {\n    source?: \"contentLength\" | \"currentHeight\";\n  } = {}\n) => {\n  const els = elements instanceof NodeList ? Array.from(elements) : elements;\n\n  if (els.length === 0 || !isAllHtmlElements(els)) {\n    return;\n  }\n\n  const heightSource =\n    source === \"contentLength\"\n      ? els.sort((a, b) => {\n          return b.innerText.length - a.innerText.length;\n        })[0]\n      : els.sort((a, b) => {\n          return b.clientHeight - a.clientHeight;\n        })[0];\n\n  const syncedHeight = heightSource?.clientHeight || 0;\n\n  for (const el of els) {\n    if (el.clientHeight !== syncedHeight) {\n      el.style[\"height\"] = syncedHeight + \"px\";\n    }\n  }\n};\n","export function isMobile() {\n  return /Android|iPhone/i.test(navigator.userAgent);\n}\n\nexport function hasSystemShare() {\n  return !!navigator.share;\n}\n","import { LitElement, html, render } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport \"@shoelace-style/shoelace/dist/components/icon/icon.js\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { urlToFile } from \"../files\";\nimport { isMobile } from \"../feature-detection\";\nimport { strings } from \"./strings/share-button\";\n\ninterface SlDialogElement extends HTMLElement {\n  show: () => void;\n  hide: () => void;\n}\n\nexport class BeamShareButton extends LitElement {\n  @property({ type: String }) shareIcon: string | null = null;\n  @property({ type: String }) imageUrl?: string | null = null;\n  @property({ type: String }) brandName: string | null = null;\n  @property({ type: String }) buttonText?: string | null = null;\n  @property({ type: String }) configLang: LANGUAGES = \"en\";\n\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  async handleShareClick() {\n    try {\n      if (!this.imageUrl || !this.brandName || !this.configLang) return;\n      await import(\"./_share-dialog-dependencies.js\");\n      if (isMobile()) {\n        this.openSystemShareSheet(this.imageUrl);\n      } else {\n        this.handleShareDialog(this.imageUrl, this.brandName);\n      }\n    } catch (err) {\n      console.error(\"Error sharing impact:\", err);\n    }\n  }\n\n  async handleShareDialog(imageUrl: string, brandName: string) {\n    if (!imageUrl) return;\n\n    const existingDialog = this.shadowRoot?.querySelector(\"sl-dialog\") as SlDialogElement;\n\n    if (existingDialog) {\n      existingDialog.show();\n      return;\n    }\n\n    await import(\"./_share-dialog-dependencies.js\"); // Import libraries async to reduce bundle size if share feature is unused\n\n    const modalRoot = this.shadowRoot?.querySelector(\"#modal-root\") as HTMLElement;\n\n    const file = await urlToFile(imageUrl);\n\n    const dataUrl = URL.createObjectURL(file);\n\n    const handleClickClose = () => {\n      (this.shadowRoot?.querySelector(\"sl-dialog\") as SlDialogElement)?.hide();\n    };\n\n    const handleClickCopy = async () => {\n      await navigator.clipboard.write([new ClipboardItem({ \"image/png\": file })]);\n      setTimeout(handleClickClose, 250);\n    };\n\n    const handleClickDownload = () => {\n      setTimeout(handleClickClose, 250);\n    };\n\n    const dialogTemplate = html`\n      <style>\n        .plain-button {\n          border: none;\n          background: none;\n          font-size: inherit;\n          font-family: inherit;\n        }\n        .share-dialog::part(panel) {\n          padding: var(--beam-share-dialog-padding);\n          text-align: center;\n        }\n        .share-title {\n          font-size: var(--beam-share-title-fontSize);\n          font-weight: var(--beam-share-title-fontWeight);\n        }\n        .share-text {\n          font-size: var(--beam-share-text-fontSize);\n          line-height: var(--beam-share-text-lineHeight);\n          margin-top: var(--beam-share-text-marginTop);\n        }\n        .share-image {\n          border-radius: var(--beam-share-image-borderRadius);\n          width: var(--beam-share-image-width);\n          display: block;\n          margin: var(--beam-share-image-margin) auto;\n        }\n        .share-actions {\n          margin: var(--beam-share-actions-margin);\n        }\n        .share-action-button {\n          display: inline-flex;\n          justify-content: center;\n          align-items: center;\n          flex-direction: column;\n          padding: 5px;\n        }\n        .share-action-icon {\n          font-size: var(--beam-share-action-icon-size);\n        }\n        .share-action-button:hover .share-action-icon {\n          scale: 1.1;\n        }\n        .share-action-text {\n          font-size: var(--beam-share-action-text-fontSize);\n          line-height: var(--beam-share-action-text-lineHeight);\n          margin-top: var(--beam-share-text-action-marginTop);\n        }\n        .plain-button {\n          border: none;\n          background: none;\n          font-size: inherit;\n          font-family: inherit;\n        }\n        .plain-link {\n          text-decoration: none;\n          color: inherit;\n        }\n        .share-close {\n          display: block;\n          background-color: var(--beam-share-close-backgroundColor);\n          color: var(--beam-share-close-text-color);\n          justify-content: center;\n          padding: var(--beam-share-close-padding);\n          border-radius: var(--beam-share-close-borderRadius);\n          width: 100%;\n          font-size: var(--beam-share-close-fontSize);\n          font-weight: var(--beam-share-close-fontWeight);\n        }\n        .share-close:hover {\n          outline: 2px solid var(--beam-share-close-focus-borderColor);\n        }\n      </style>\n      <sl-dialog open label=\"${strings[this.configLang].impactShareTitle()}\" no-header class=\"share-dialog\">\n        <h2 class=\"share-title\">${strings[this.configLang].impactShareTitle()}</h2>\n        <p class=\"share-text\">${strings[this.configLang].impactShareText({ brandName })}</p>\n        <img src=\"${imageUrl}\" alt=\"${strings[this.configLang].impactShareTitle()}\" class=\"share-image\" />\n        <div class=\"share-actions\" style=\"display: flex; justify-content: space-evenly\">\n          <div style=\"flex: 1; text-align: center\">\n            <button class=\"plain-button button share-action-button\" @click=\"${handleClickCopy}\">\n              <sl-icon\n                library=\"lucide\"\n                name=\"copy\"\n                label=\"${strings[this.configLang].impactShareCopy()}\"\n                class=\"share-action-icon\"\n              ></sl-icon>\n              <div class=\"share-action-text\">${strings[this.configLang].impactShareCopy()}</div>\n            </button>\n          </div>\n          <div style=\"flex: 1; text-align: center\">\n            <a\n              class=\"plain-button button share-action-button plain-link\"\n              download=\"${strings[this.configLang].impactShareTitle()}\"\n              href=\"${dataUrl}\"\n              @click=\"${handleClickDownload}\"\n            >\n              <sl-icon\n                library=\"lucide\"\n                name=\"download\"\n                label=\"${strings[this.configLang].impactShareDownload()}\"\n                class=\"share-action-icon\"\n              ></sl-icon>\n              <div class=\"share-action-text\">${strings[this.configLang].impactShareDownload()}</div>\n            </a>\n          </div>\n        </div>\n        <button class=\"plain-button button share-close\" @click=\"${handleClickClose}\">\n          ${strings[this.configLang].impactShareClose()}\n        </button>\n      </sl-dialog>\n    `;\n    if (modalRoot) {\n      render(dialogTemplate, modalRoot);\n    }\n  }\n\n  async openSystemShareSheet(imageUrl: string) {\n    if (!imageUrl) return;\n\n    const file = await urlToFile(imageUrl);\n\n    if (navigator.share) {\n      await navigator.share({\n        files: [file],\n      });\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n  }\n  render() {\n    if (!this.imageUrl || !this.brandName || !this.configLang) return html``;\n    return html`\n      <style>\n        .share-button {\n          font-family: var(--beam-share-button-fontFamily);\n          font-size: var(--beam-share-button-fontSize);\n          font-weight: var(--beam-share-button-fontWeight);\n          margin-top: var(--beam-share-button-marginTop);\n          text-transform: var(--beam-share-button-textTransform);\n          line-height: var(--beam-share-button-lineHeight);\n          /* TODO: extract palette variable - sky-100 color */\n          background-color: var(--beam-share-button-backgroundColor);\n          color: var(--beam-share-button-color, inherit);\n          border-radius: var(--beam-share-button-borderRadius);\n          border-color: var(--beam-share-button-borderColor);\n          border-width: var(--beam-share-button-borderWidth);\n          /* add extra padding on side without icon for optical alignment */\n          padding: var(--beam-share-button-padding);\n          width: var(--beam-share-button-width);\n          transition: 0.15s;\n        }\n        .share-button:hover {\n          background-color: var(--beam-share-button-hover-backgroundColor);\n          color: var(--beam-share-button-hover-color);\n          border-color: var(--beam-share-button-hover-borderColor);\n        }\n        .share-button-text {\n          text-decoration: var(--beam-share-button-text-textDecoration);\n          margin-left: 0.33em;\n        }\n        .share-button-icon {\n          font-size: var(--beam-share-button-icon-size);\n        }\n        .button {\n          cursor: pointer;\n        }\n        .icon-button {\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n        }\n      </style>\n      <button @click=\"${this.handleShareClick}\" class=\"share-button share-button-inline button icon-button\">\n        <sl-icon\n          name=\"${this.shareIcon}\"\n          library=\"lucide\"\n          label=\"${strings[this.configLang].impactShareButton()}\"\n          class=\"share-button-icon\"\n        ></sl-icon>\n        <span class=\"share-button-text\">${this.buttonText || strings[this.configLang].impactShareButton()}</span>\n      </button>\n      <div id=\"modal-root\"></div>\n    `;\n  }\n}\n\ncustomElements.get(\"beam-share-button\") || customElements.define(\"beam-share-button\", BeamShareButton);\n\nexport const shareButtonConfigDefaults = {\n  \"--beam-share-button-fontFamily\": \"inherit\",\n  \"--beam-share-button-fontSize\": \"14px\",\n  \"--beam-share-button-fontWeight\": \"600\",\n  \"--beam-share-button-textTransform\": \"none\",\n  \"--beam-share-button-marginTop\": \"10px\",\n  \"--beam-share-button-padding\": \"8px 18px 8px 16px\",\n  \"--beam-share-button-lineHeight\": \"inherit\",\n  \"--beam-share-button-color\": \"#0A323C\",\n  \"--beam-share-button-backgroundColor\": \"#fff\",\n  \"--beam-share-button-borderRadius\": \"30px\",\n  \"--beam-share-button-borderColor\": \"#0A323C\",\n  \"--beam-share-button-borderWidth\": \"1px\",\n\n  \"--beam-share-button-width\": \"auto\",\n\n  \"--beam-share-button-hover-borderColor\": \"transparent\",\n  \"--beam-share-button-hover-backgroundColor\": \"#0A323C\",\n  \"--beam-share-button-hover-color\": \"#fff\",\n\n  \"--beam-share-button-icon-size\": \"16px\",\n\n  \"--beam-share-button-text-textDecoration\": \"none\",\n\n  \"--beam-share-dialog-padding\": \"30px 30px\",\n\n  \"--beam-share-title-fontSize\": \"30px\",\n  \"--beam-share-title-fontWeight\": \"bold\",\n\n  \"--beam-share-text-fontSize\": \"16px\",\n  \"--beam-share-text-lineHeight\": \"1.3\",\n  \"--beam-share-text-marginTop\": \"10px\",\n\n  \"--beam-share-image-borderRadius\": \"4px\",\n  \"--beam-share-image-width\": \"200px\",\n  \"--beam-share-image-margin\": \"20px\",\n\n  \"--beam-share-actions-margin\": \"30px 60px\",\n  \"--beam-share-action-icon-size\": \"32px\",\n\n  \"--beam-share-action-text-fontSize\": \"16px\",\n  \"--beam-share-action-text-lineHeight\": \"1.3\",\n  \"--beam-share-text-action-marginTop\": \"10px\",\n\n  \"--beam-share-close-backgroundColor\": \"#ffd522\",\n  \"--beam-share-close-text-color\": \"#000\",\n  \"--beam-share-close-padding\": \"12px\",\n  \"--beam-share-close-borderRadius\": \"4px\",\n  \"--beam-share-close-fontSize\": \"16px\",\n  \"--beam-share-close-fontWeight\": \"bold\",\n\n  \"--beam-share-close-focus-borderColor\": \"#c2dcff\",\n} as const;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-share-button\": BeamShareButton;\n  }\n}\n"],"names":["syncElementHeights","elements","source","els","isAllHtmlElements","syncedHeight","a","b","el","isMobile","f","x","i","h","s","e","o","t","r","n","BeamShareButton","LitElement","err","imageUrl","brandName","existingDialog","modalRoot","file","urlToFile","dataUrl","handleClickClose","handleClickCopy","handleClickDownload","dialogTemplate","html","strings","render","__decorateClass","property","shareButtonConfigDefaults"],"mappings":"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"}

package/dist/chunks/share-button-CqTd80g8.esm.js

@@ -0,0 +1,2 @@
+const t=async a=>fetch(a).then(async i=>{const r=new URL(a),e=await i.blob();return new File([e],r.pathname,{type:e.type})}),o={en:{impactShareButton:()=>"Share to Grow Our Impact",impactShareText:({brandName:a=""})=>`Help ${a} reach their giving goal by sharing this cause on social media`,impactShareTitle:()=>"Share on Social Media",impactShareCopy:()=>"Copy",impactShareDownload:()=>"Download",impactShareClose:()=>"Close"},fr:{impactShareButton:()=>"Partagez pour augmentez notre cause",impactShareText:({brandName:a=""})=>`Aidez ${a} a atteindre leur objectif en partageant cette cause sur votre r\xE9seaux sociaux`,impactShareTitle:()=>"Partager sur votre r\xE9seaux sociaux",impactShareCopy:()=>"Copier",impactShareDownload:()=>"T\xE9l\xE9charger",impactShareClose:()=>"Fermer"},de:{impactShareButton:()=>"Teil, um unserem Beitrag zu erh\xF6hen",impactShareText:({brandName:a=""})=>`Hilf ${a} ihre Spendenziel zu erreichen`,impactShareTitle:()=>"In den sozialen Medien teilen",impactShareCopy:()=>"Kopieren",impactShareDownload:()=>"Herunterladen",impactShareClose:()=>"Schlie\xDFen"},es:{impactShareButton:()=>"Comparte para aumentar nuestro impacto",impactShareText:({brandName:a=""})=>`Comparte en las redes sociales para ayudar a ${a} a alcanzar su objetivo.`,impactShareTitle:()=>"Compartir en redes sociales",impactShareCopy:()=>"Copiar",impactShareDownload:()=>"Descargar",impactShareClose:()=>"Cerrar"},it:{impactShareButton:()=>"Condividi, aiutaci a fare la differenza",impactShareText:({brandName:a=""})=>`Aiuta ${a} a raggiungere il suo obiettivo di donazione condividendo questa causa sui social media.`,impactShareTitle:()=>"Condividi, aiutaci a fare la differenza",impactShareCopy:()=>"Copia",impactShareDownload:()=>"Scarica",impactShareClose:()=>"Chiudi"},pl:{impactShareButton:()=>"Udost\u0119pnij, by szerzy\u0107 nasz\u0105 misj\u0119",impactShareText:({brandName:a=""})=>`Pom\xF3\u017C ${a} osi\u0105gn\u0105\u0107 cel i podziel si\u0119 t\u0105 inicjatyw\u0105 na swoim profilu`,impactShareTitle:()=>"Udost\u0119pnij na swoim profilu",impactShareCopy:()=>"Kopiuj",impactShareDownload:()=>"Pobierz",impactShareClose:()=>"Zamknij"}};export{o as s,t as u};
+//# sourceMappingURL=share-button-CqTd80g8.esm.js.map

package/dist/chunks/share-button-CqTd80g8.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"share-button-CqTd80g8.esm.js","sources":["../../src/shared/files.ts","../../src/shared/components/strings/share-button.ts"],"sourcesContent":["export const urlToFile = async (url: string) => {\n  return fetch(url).then(async (r) => {\n    const u = new URL(url);\n    const blob = await r.blob();\n    return new File([blob], u.pathname, { type: blob.type });\n  });\n};\n","export const strings = {\n  en: {\n    impactShareButton: () => `Share to Grow Our Impact`,\n    impactShareText: ({ brandName = \"\" }) =>\n      `Help ${brandName} reach their giving goal by sharing this cause on social media`,\n    impactShareTitle: () => `Share on Social Media`,\n    impactShareCopy: () => `Copy`,\n    impactShareDownload: () => `Download`,\n    impactShareClose: () => `Close`,\n  },\n  fr: {\n    impactShareButton: () => `Partagez pour augmentez notre cause`,\n    impactShareText: ({ brandName = \"\" }) =>\n      `Aidez ${brandName} a atteindre leur objectif en partageant cette cause sur votre réseaux sociaux`,\n    impactShareTitle: () => `Partager sur votre réseaux sociaux`,\n    impactShareCopy: () => `Copier`,\n    impactShareDownload: () => `Télécharger`,\n    impactShareClose: () => `Fermer`,\n  },\n  de: {\n    impactShareButton: () => `Teil, um unserem Beitrag zu erhöhen`,\n    impactShareText: ({ brandName = \"\" }) => `Hilf ${brandName} ihre Spendenziel zu erreichen`,\n    impactShareTitle: () => `In den sozialen Medien teilen`,\n    impactShareCopy: () => `Kopieren`,\n    impactShareDownload: () => `Herunterladen`,\n    impactShareClose: () => `Schließen`,\n  },\n  es: {\n    impactShareButton: () => \"Comparte para aumentar nuestro impacto\",\n    impactShareText: ({ brandName = \"\" }) =>\n      `Comparte en las redes sociales para ayudar a ${brandName} a alcanzar su objetivo.`,\n    impactShareTitle: () => \"Compartir en redes sociales\",\n    impactShareCopy: () => \"Copiar\",\n    impactShareDownload: () => \"Descargar\",\n    impactShareClose: () => \"Cerrar\",\n  },\n  it: {\n    impactShareButton: () => \"Condividi, aiutaci a fare la differenza\",\n    impactShareText: ({ brandName = \"\" }) =>\n      `Aiuta ${brandName} a raggiungere il suo obiettivo di donazione condividendo questa causa sui social media.`,\n    impactShareTitle: () => \"Condividi, aiutaci a fare la differenza\",\n    impactShareCopy: () => \"Copia\",\n    impactShareDownload: () => \"Scarica\",\n    impactShareClose: () => \"Chiudi\",\n  },\n  pl: {\n    impactShareButton: () => `Udostępnij, by szerzyć naszą misję`,\n    impactShareText: ({ brandName = \"\" }) =>\n      `Pomóż ${brandName} osiągnąć cel i podziel się tą inicjatywą na swoim profilu`,\n    impactShareTitle: () => `Udostępnij na swoim profilu`,\n    impactShareCopy: () => `Kopiuj`,\n    impactShareDownload: () => `Pobierz`,\n    impactShareClose: () => `Zamknij`,\n  },\n};\n"],"names":["urlToFile","url","r","u","blob","strings","brandName"],"mappings":"AAAO,MAAMA,EAAY,MAAOC,GACvB,MAAMA,CAAG,EAAE,KAAK,MAAOC,GAAM,CAClC,MAAMC,EAAI,IAAI,IAAIF,CAAG,EACfG,EAAO,MAAMF,EAAE,KACrB,EAAA,OAAO,IAAI,KAAK,CAACE,CAAI,EAAGD,EAAE,SAAU,CAAE,KAAMC,EAAK,IAAK,CAAC,CACzD,CAAC,ECLUC,EAAU,CACrB,GAAI,CACF,kBAAmB,IAAM,2BACzB,gBAAiB,CAAC,CAAE,UAAAC,EAAY,EAAG,IACjC,QAAQA,CAAS,iEACnB,iBAAkB,IAAM,wBACxB,gBAAiB,IAAM,OACvB,oBAAqB,IAAM,WAC3B,iBAAkB,IAAM,OAC1B,EACA,GAAI,CACF,kBAAmB,IAAM,sCACzB,gBAAiB,CAAC,CAAE,UAAAA,EAAY,EAAG,IACjC,SAASA,CAAS,oFACpB,iBAAkB,IAAM,wCACxB,gBAAiB,IAAM,SACvB,oBAAqB,IAAM,oBAC3B,iBAAkB,IAAM,QAC1B,EACA,GAAI,CACF,kBAAmB,IAAM,yCACzB,gBAAiB,CAAC,CAAE,UAAAA,EAAY,EAAG,IAAM,QAAQA,CAAS,iCAC1D,iBAAkB,IAAM,gCACxB,gBAAiB,IAAM,WACvB,oBAAqB,IAAM,gBAC3B,iBAAkB,IAAM,cAC1B,EACA,GAAI,CACF,kBAAmB,IAAM,yCACzB,gBAAiB,CAAC,CAAE,UAAAA,EAAY,EAAG,IACjC,gDAAgDA,CAAS,2BAC3D,iBAAkB,IAAM,8BACxB,gBAAiB,IAAM,SACvB,oBAAqB,IAAM,YAC3B,iBAAkB,IAAM,QAC1B,EACA,GAAI,CACF,kBAAmB,IAAM,0CACzB,gBAAiB,CAAC,CAAE,UAAAA,EAAY,EAAG,IACjC,SAASA,CAAS,2FACpB,iBAAkB,IAAM,0CACxB,gBAAiB,IAAM,QACvB,oBAAqB,IAAM,UAC3B,iBAAkB,IAAM,QAC1B,EACA,GAAI,CACF,kBAAmB,IAAM,yDACzB,gBAAiB,CAAC,CAAE,UAAAA,EAAY,EAAG,IACjC,iBAASA,CAAS,2FACpB,iBAAkB,IAAM,mCACxB,gBAAiB,IAAM,SACvB,oBAAqB,IAAM,UAC3B,iBAAkB,IAAM,SAC1B,CACF"}

package/dist/chunks/share-button-hDn8fnBI.esm.d.ts

@@ -0,0 +1,22 @@
+import * as lit_html from 'lit-html';
+import { LitElement } from 'lit';
+import { L as LANGUAGES } from './types-aju0qrRe.esm.js';
+
+declare class BeamShareButton extends LitElement {
+    shareIcon: string | null;
+    imageUrl?: string | null;
+    brandName: string | null;
+    buttonText?: string | null;
+    configLang: LANGUAGES;
+    connectedCallback(): void;
+    handleShareClick(): Promise<void>;
+    handleShareDialog(imageUrl: string, brandName: string): Promise<void>;
+    openSystemShareSheet(imageUrl: string): Promise<void>;
+    disconnectedCallback(): void;
+    render(): lit_html.TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "beam-share-button": BeamShareButton;
+    }
+}

package/dist/chunks/share-button-wmGQW923.esm.js

@@ -0,0 +1,163 @@
+import{i as f}from"./is-all-html-elements-SdSkxirh.esm.js";import{h as x,y as m,Z as v,g as l}from"./lit-3QHn3fwl.esm.js";import"./vendor--f7lkyBk.esm.js";import{u as d,s as o}from"./share-button-CqTd80g8.esm.js";const y=(i,{source:t="contentLength"}={})=>{const a=i instanceof NodeList?Array.from(i):i;if(a.length===0||!f(a))return;const r=(t==="contentLength"?a.sort((e,n)=>n.innerText.length-e.innerText.length)[0]:a.sort((e,n)=>n.clientHeight-e.clientHeight)[0])?.clientHeight||0;for(const e of a)e.clientHeight!==r&&(e.style.height=r+"px")};function S(){return/Android|iPhone/i.test(navigator.userAgent)}var w=Object.defineProperty,k=Object.getOwnPropertyDescriptor,c=(i,t,a,r)=>{for(var e=r>1?void 0:r?k(t,a):t,n=i.length-1,h;n>=0;n--)(h=i[n])&&(e=(r?h(t,a,e):h(e))||e);return r&&e&&w(t,a,e),e};class s extends x{constructor(){super(...arguments),this.shareIcon=null,this.imageUrl=null,this.brandName=null,this.buttonText=null,this.configLang="en"}connectedCallback(){super.connectedCallback()}async handleShareClick(){try{if(!this.imageUrl||!this.brandName||!this.configLang)return;await import("./_share-dialog-dependencies-KpCcT5X6.esm.js"),S()?this.openSystemShareSheet(this.imageUrl):this.handleShareDialog(this.imageUrl,this.brandName)}catch(t){console.error("Error sharing impact:",t)}}async handleShareDialog(t,a){if(!t)return;const r=this.shadowRoot?.querySelector("sl-dialog");if(r){r.show();return}await import("./_share-dialog-dependencies-KpCcT5X6.esm.js");const e=this.shadowRoot?.querySelector("#modal-root"),n=await d(t),h=URL.createObjectURL(n),b=()=>{this.shadowRoot?.querySelector("sl-dialog")?.hide()},g=async()=>{await navigator.clipboard.write([new ClipboardItem({"image/png":n})]),setTimeout(b,250)},u=()=>{setTimeout(b,250)},p=m`
+      <style>
+        .plain-button {
+          border: none;
+          background: none;
+          font-size: inherit;
+          font-family: inherit;
+        }
+        .share-dialog::part(panel) {
+          padding: var(--beam-share-dialog-padding);
+          text-align: center;
+        }
+        .share-title {
+          font-size: var(--beam-share-title-fontSize);
+          font-weight: var(--beam-share-title-fontWeight);
+        }
+        .share-text {
+          font-size: var(--beam-share-text-fontSize);
+          line-height: var(--beam-share-text-lineHeight);
+          margin-top: var(--beam-share-text-marginTop);
+        }
+        .share-image {
+          border-radius: var(--beam-share-image-borderRadius);
+          width: var(--beam-share-image-width);
+          display: block;
+          margin: var(--beam-share-image-margin) auto;
+        }
+        .share-actions {
+          margin: var(--beam-share-actions-margin);
+        }
+        .share-action-button {
+          display: inline-flex;
+          justify-content: center;
+          align-items: center;
+          flex-direction: column;
+          padding: 5px;
+        }
+        .share-action-icon {
+          font-size: var(--beam-share-action-icon-size);
+        }
+        .share-action-button:hover .share-action-icon {
+          scale: 1.1;
+        }
+        .share-action-text {
+          font-size: var(--beam-share-action-text-fontSize);
+          line-height: var(--beam-share-action-text-lineHeight);
+          margin-top: var(--beam-share-text-action-marginTop);
+        }
+        .plain-button {
+          border: none;
+          background: none;
+          font-size: inherit;
+          font-family: inherit;
+        }
+        .plain-link {
+          text-decoration: none;
+          color: inherit;
+        }
+        .share-close {
+          display: block;
+          background-color: var(--beam-share-close-backgroundColor);
+          color: var(--beam-share-close-text-color);
+          justify-content: center;
+          padding: var(--beam-share-close-padding);
+          border-radius: var(--beam-share-close-borderRadius);
+          width: 100%;
+          font-size: var(--beam-share-close-fontSize);
+          font-weight: var(--beam-share-close-fontWeight);
+        }
+        .share-close:hover {
+          outline: 2px solid var(--beam-share-close-focus-borderColor);
+        }
+      </style>
+      <sl-dialog open label="${o[this.configLang].impactShareTitle()}" no-header class="share-dialog">
+        <h2 class="share-title">${o[this.configLang].impactShareTitle()}</h2>
+        <p class="share-text">${o[this.configLang].impactShareText({brandName:a})}</p>
+        <img src="${t}" alt="${o[this.configLang].impactShareTitle()}" class="share-image" />
+        <div class="share-actions" style="display: flex; justify-content: space-evenly">
+          <div style="flex: 1; text-align: center">
+            <button class="plain-button button share-action-button" @click="${g}">
+              <sl-icon
+                library="lucide"
+                name="copy"
+                label="${o[this.configLang].impactShareCopy()}"
+                class="share-action-icon"
+              ></sl-icon>
+              <div class="share-action-text">${o[this.configLang].impactShareCopy()}</div>
+            </button>
+          </div>
+          <div style="flex: 1; text-align: center">
+            <a
+              class="plain-button button share-action-button plain-link"
+              download="${o[this.configLang].impactShareTitle()}"
+              href="${h}"
+              @click="${u}"
+            >
+              <sl-icon
+                library="lucide"
+                name="download"
+                label="${o[this.configLang].impactShareDownload()}"
+                class="share-action-icon"
+              ></sl-icon>
+              <div class="share-action-text">${o[this.configLang].impactShareDownload()}</div>
+            </a>
+          </div>
+        </div>
+        <button class="plain-button button share-close" @click="${b}">
+          ${o[this.configLang].impactShareClose()}
+        </button>
+      </sl-dialog>
+    `;e&&v(p,e)}async openSystemShareSheet(t){if(!t)return;const a=await d(t);navigator.share&&await navigator.share({files:[a]})}disconnectedCallback(){super.disconnectedCallback()}render(){return!this.imageUrl||!this.brandName||!this.configLang?m``:m`
+      <style>
+        .share-button {
+          font-family: var(--beam-share-button-fontFamily);
+          font-size: var(--beam-share-button-fontSize);
+          font-weight: var(--beam-share-button-fontWeight);
+          margin-top: var(--beam-share-button-marginTop);
+          text-transform: var(--beam-share-button-textTransform);
+          line-height: var(--beam-share-button-lineHeight);
+          /* TODO: extract palette variable - sky-100 color */
+          background-color: var(--beam-share-button-backgroundColor);
+          color: var(--beam-share-button-color, inherit);
+          border-radius: var(--beam-share-button-borderRadius);
+          border-color: var(--beam-share-button-borderColor);
+          border-width: var(--beam-share-button-borderWidth);
+          /* add extra padding on side without icon for optical alignment */
+          padding: var(--beam-share-button-padding);
+          width: var(--beam-share-button-width);
+          transition: 0.15s;
+        }
+        .share-button:hover {
+          background-color: var(--beam-share-button-hover-backgroundColor);
+          color: var(--beam-share-button-hover-color);
+          border-color: var(--beam-share-button-hover-borderColor);
+        }
+        .share-button-text {
+          text-decoration: var(--beam-share-button-text-textDecoration);
+          margin-left: 0.33em;
+        }
+        .share-button-icon {
+          font-size: var(--beam-share-button-icon-size);
+        }
+        .button {
+          cursor: pointer;
+        }
+        .icon-button {
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+        }
+      </style>
+      <button @click="${this.handleShareClick}" class="share-button share-button-inline button icon-button">
+        <sl-icon
+          name="${this.shareIcon}"
+          library="lucide"
+          label="${o[this.configLang].impactShareButton()}"
+          class="share-button-icon"
+        ></sl-icon>
+        <span class="share-button-text">${this.buttonText||o[this.configLang].impactShareButton()}</span>
+      </button>
+      <div id="modal-root"></div>
+    `}}c([l({type:String})],s.prototype,"shareIcon",2),c([l({type:String})],s.prototype,"imageUrl",2),c([l({type:String})],s.prototype,"brandName",2),c([l({type:String})],s.prototype,"buttonText",2),c([l({type:String})],s.prototype,"configLang",2),customElements.get("beam-share-button")||customElements.define("beam-share-button",s);const C={"--beam-share-button-fontFamily":"inherit","--beam-share-button-fontSize":"14px","--beam-share-button-fontWeight":"600","--beam-share-button-textTransform":"none","--beam-share-button-marginTop":"10px","--beam-share-button-padding":"8px 18px 8px 16px","--beam-share-button-lineHeight":"inherit","--beam-share-button-color":"#0A323C","--beam-share-button-backgroundColor":"#fff","--beam-share-button-borderRadius":"30px","--beam-share-button-borderColor":"#0A323C","--beam-share-button-borderWidth":"1px","--beam-share-button-width":"auto","--beam-share-button-hover-borderColor":"transparent","--beam-share-button-hover-backgroundColor":"#0A323C","--beam-share-button-hover-color":"#fff","--beam-share-button-icon-size":"16px","--beam-share-button-text-textDecoration":"none","--beam-share-dialog-padding":"30px 30px","--beam-share-title-fontSize":"30px","--beam-share-title-fontWeight":"bold","--beam-share-text-fontSize":"16px","--beam-share-text-lineHeight":"1.3","--beam-share-text-marginTop":"10px","--beam-share-image-borderRadius":"4px","--beam-share-image-width":"200px","--beam-share-image-margin":"20px","--beam-share-actions-margin":"30px 60px","--beam-share-action-icon-size":"32px","--beam-share-action-text-fontSize":"16px","--beam-share-action-text-lineHeight":"1.3","--beam-share-text-action-marginTop":"10px","--beam-share-close-backgroundColor":"#ffd522","--beam-share-close-text-color":"#000","--beam-share-close-padding":"12px","--beam-share-close-borderRadius":"4px","--beam-share-close-fontSize":"16px","--beam-share-close-fontWeight":"bold","--beam-share-close-focus-borderColor":"#c2dcff"};export{C as a,y as s};
+//# sourceMappingURL=share-button-wmGQW923.esm.js.map

package/dist/chunks/share-button-wmGQW923.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"share-button-wmGQW923.esm.js","sources":["../../src/shared/sync-element-heights.ts","../../src/shared/feature-detection.ts","../../src/shared/components/share-button.ts"],"sourcesContent":["import { isAllHtmlElements } from \"./is-all-html-elements\";\n\n/**\n * Synchronize heights of elements\n * @param {Array<HTMLElement|null>} elements - Elements to synchronize\n * @param {'contentLength' | 'currentHeight'} [options.source='contentLength'] -\n * Method used to get the height value to sync across elements. `contentLength`\n * (innerText.length) is reliable for pure text content when responding to\n * window resizing. Otherwise, currentHeight can  be used to sync the tallest\n * element's height to all the other elements. Note that this works poorly\n * unless content is allowed to reflow with explicit height attributes removed\n * between synchronization calls.\n */\nexport const syncElementHeights = (\n  elements: Array<HTMLElement | null> | NodeList,\n  {\n    source = \"contentLength\",\n  }: {\n    source?: \"contentLength\" | \"currentHeight\";\n  } = {}\n) => {\n  const els = elements instanceof NodeList ? Array.from(elements) : elements;\n\n  if (els.length === 0 || !isAllHtmlElements(els)) {\n    return;\n  }\n\n  const heightSource =\n    source === \"contentLength\"\n      ? els.sort((a, b) => {\n          return b.innerText.length - a.innerText.length;\n        })[0]\n      : els.sort((a, b) => {\n          return b.clientHeight - a.clientHeight;\n        })[0];\n\n  const syncedHeight = heightSource?.clientHeight || 0;\n\n  for (const el of els) {\n    if (el.clientHeight !== syncedHeight) {\n      el.style[\"height\"] = syncedHeight + \"px\";\n    }\n  }\n};\n","export function isMobile() {\n  return /Android|iPhone/i.test(navigator.userAgent);\n}\n\nexport function hasSystemShare() {\n  return !!navigator.share;\n}\n","import { LitElement, html, render } from \"lit\";\nimport { property } from \"lit/decorators/property.js\";\nimport \"@shoelace-style/shoelace/dist/components/icon/icon.js\";\nimport { LANGUAGES } from \"../../api-sdk/types\";\nimport { urlToFile } from \"../files\";\nimport { isMobile } from \"../feature-detection\";\nimport { strings } from \"./strings/share-button\";\n\ninterface SlDialogElement extends HTMLElement {\n  show: () => void;\n  hide: () => void;\n}\n\nexport class BeamShareButton extends LitElement {\n  @property({ type: String }) shareIcon: string | null = null;\n  @property({ type: String }) imageUrl?: string | null = null;\n  @property({ type: String }) brandName: string | null = null;\n  @property({ type: String }) buttonText?: string | null = null;\n  @property({ type: String }) configLang: LANGUAGES = \"en\";\n\n  connectedCallback() {\n    super.connectedCallback();\n  }\n\n  async handleShareClick() {\n    try {\n      if (!this.imageUrl || !this.brandName || !this.configLang) return;\n      await import(\"./_share-dialog-dependencies.js\");\n      if (isMobile()) {\n        this.openSystemShareSheet(this.imageUrl);\n      } else {\n        this.handleShareDialog(this.imageUrl, this.brandName);\n      }\n    } catch (err) {\n      console.error(\"Error sharing impact:\", err);\n    }\n  }\n\n  async handleShareDialog(imageUrl: string, brandName: string) {\n    if (!imageUrl) return;\n\n    const existingDialog = this.shadowRoot?.querySelector(\"sl-dialog\") as SlDialogElement;\n\n    if (existingDialog) {\n      existingDialog.show();\n      return;\n    }\n\n    await import(\"./_share-dialog-dependencies.js\"); // Import libraries async to reduce bundle size if share feature is unused\n\n    const modalRoot = this.shadowRoot?.querySelector(\"#modal-root\") as HTMLElement;\n\n    const file = await urlToFile(imageUrl);\n\n    const dataUrl = URL.createObjectURL(file);\n\n    const handleClickClose = () => {\n      (this.shadowRoot?.querySelector(\"sl-dialog\") as SlDialogElement)?.hide();\n    };\n\n    const handleClickCopy = async () => {\n      await navigator.clipboard.write([new ClipboardItem({ \"image/png\": file })]);\n      setTimeout(handleClickClose, 250);\n    };\n\n    const handleClickDownload = () => {\n      setTimeout(handleClickClose, 250);\n    };\n\n    const dialogTemplate = html`\n      <style>\n        .plain-button {\n          border: none;\n          background: none;\n          font-size: inherit;\n          font-family: inherit;\n        }\n        .share-dialog::part(panel) {\n          padding: var(--beam-share-dialog-padding);\n          text-align: center;\n        }\n        .share-title {\n          font-size: var(--beam-share-title-fontSize);\n          font-weight: var(--beam-share-title-fontWeight);\n        }\n        .share-text {\n          font-size: var(--beam-share-text-fontSize);\n          line-height: var(--beam-share-text-lineHeight);\n          margin-top: var(--beam-share-text-marginTop);\n        }\n        .share-image {\n          border-radius: var(--beam-share-image-borderRadius);\n          width: var(--beam-share-image-width);\n          display: block;\n          margin: var(--beam-share-image-margin) auto;\n        }\n        .share-actions {\n          margin: var(--beam-share-actions-margin);\n        }\n        .share-action-button {\n          display: inline-flex;\n          justify-content: center;\n          align-items: center;\n          flex-direction: column;\n          padding: 5px;\n        }\n        .share-action-icon {\n          font-size: var(--beam-share-action-icon-size);\n        }\n        .share-action-button:hover .share-action-icon {\n          scale: 1.1;\n        }\n        .share-action-text {\n          font-size: var(--beam-share-action-text-fontSize);\n          line-height: var(--beam-share-action-text-lineHeight);\n          margin-top: var(--beam-share-text-action-marginTop);\n        }\n        .plain-button {\n          border: none;\n          background: none;\n          font-size: inherit;\n          font-family: inherit;\n        }\n        .plain-link {\n          text-decoration: none;\n          color: inherit;\n        }\n        .share-close {\n          display: block;\n          background-color: var(--beam-share-close-backgroundColor);\n          color: var(--beam-share-close-text-color);\n          justify-content: center;\n          padding: var(--beam-share-close-padding);\n          border-radius: var(--beam-share-close-borderRadius);\n          width: 100%;\n          font-size: var(--beam-share-close-fontSize);\n          font-weight: var(--beam-share-close-fontWeight);\n        }\n        .share-close:hover {\n          outline: 2px solid var(--beam-share-close-focus-borderColor);\n        }\n      </style>\n      <sl-dialog open label=\"${strings[this.configLang].impactShareTitle()}\" no-header class=\"share-dialog\">\n        <h2 class=\"share-title\">${strings[this.configLang].impactShareTitle()}</h2>\n        <p class=\"share-text\">${strings[this.configLang].impactShareText({ brandName })}</p>\n        <img src=\"${imageUrl}\" alt=\"${strings[this.configLang].impactShareTitle()}\" class=\"share-image\" />\n        <div class=\"share-actions\" style=\"display: flex; justify-content: space-evenly\">\n          <div style=\"flex: 1; text-align: center\">\n            <button class=\"plain-button button share-action-button\" @click=\"${handleClickCopy}\">\n              <sl-icon\n                library=\"lucide\"\n                name=\"copy\"\n                label=\"${strings[this.configLang].impactShareCopy()}\"\n                class=\"share-action-icon\"\n              ></sl-icon>\n              <div class=\"share-action-text\">${strings[this.configLang].impactShareCopy()}</div>\n            </button>\n          </div>\n          <div style=\"flex: 1; text-align: center\">\n            <a\n              class=\"plain-button button share-action-button plain-link\"\n              download=\"${strings[this.configLang].impactShareTitle()}\"\n              href=\"${dataUrl}\"\n              @click=\"${handleClickDownload}\"\n            >\n              <sl-icon\n                library=\"lucide\"\n                name=\"download\"\n                label=\"${strings[this.configLang].impactShareDownload()}\"\n                class=\"share-action-icon\"\n              ></sl-icon>\n              <div class=\"share-action-text\">${strings[this.configLang].impactShareDownload()}</div>\n            </a>\n          </div>\n        </div>\n        <button class=\"plain-button button share-close\" @click=\"${handleClickClose}\">\n          ${strings[this.configLang].impactShareClose()}\n        </button>\n      </sl-dialog>\n    `;\n    if (modalRoot) {\n      render(dialogTemplate, modalRoot);\n    }\n  }\n\n  async openSystemShareSheet(imageUrl: string) {\n    if (!imageUrl) return;\n\n    const file = await urlToFile(imageUrl);\n\n    if (navigator.share) {\n      await navigator.share({\n        files: [file],\n      });\n    }\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n  }\n  render() {\n    if (!this.imageUrl || !this.brandName || !this.configLang) return html``;\n    return html`\n      <style>\n        .share-button {\n          font-family: var(--beam-share-button-fontFamily);\n          font-size: var(--beam-share-button-fontSize);\n          font-weight: var(--beam-share-button-fontWeight);\n          margin-top: var(--beam-share-button-marginTop);\n          text-transform: var(--beam-share-button-textTransform);\n          line-height: var(--beam-share-button-lineHeight);\n          /* TODO: extract palette variable - sky-100 color */\n          background-color: var(--beam-share-button-backgroundColor);\n          color: var(--beam-share-button-color, inherit);\n          border-radius: var(--beam-share-button-borderRadius);\n          border-color: var(--beam-share-button-borderColor);\n          border-width: var(--beam-share-button-borderWidth);\n          /* add extra padding on side without icon for optical alignment */\n          padding: var(--beam-share-button-padding);\n          width: var(--beam-share-button-width);\n          transition: 0.15s;\n        }\n        .share-button:hover {\n          background-color: var(--beam-share-button-hover-backgroundColor);\n          color: var(--beam-share-button-hover-color);\n          border-color: var(--beam-share-button-hover-borderColor);\n        }\n        .share-button-text {\n          text-decoration: var(--beam-share-button-text-textDecoration);\n          margin-left: 0.33em;\n        }\n        .share-button-icon {\n          font-size: var(--beam-share-button-icon-size);\n        }\n        .button {\n          cursor: pointer;\n        }\n        .icon-button {\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n        }\n      </style>\n      <button @click=\"${this.handleShareClick}\" class=\"share-button share-button-inline button icon-button\">\n        <sl-icon\n          name=\"${this.shareIcon}\"\n          library=\"lucide\"\n          label=\"${strings[this.configLang].impactShareButton()}\"\n          class=\"share-button-icon\"\n        ></sl-icon>\n        <span class=\"share-button-text\">${this.buttonText || strings[this.configLang].impactShareButton()}</span>\n      </button>\n      <div id=\"modal-root\"></div>\n    `;\n  }\n}\n\ncustomElements.get(\"beam-share-button\") || customElements.define(\"beam-share-button\", BeamShareButton);\n\nexport const shareButtonConfigDefaults = {\n  \"--beam-share-button-fontFamily\": \"inherit\",\n  \"--beam-share-button-fontSize\": \"14px\",\n  \"--beam-share-button-fontWeight\": \"600\",\n  \"--beam-share-button-textTransform\": \"none\",\n  \"--beam-share-button-marginTop\": \"10px\",\n  \"--beam-share-button-padding\": \"8px 18px 8px 16px\",\n  \"--beam-share-button-lineHeight\": \"inherit\",\n  \"--beam-share-button-color\": \"#0A323C\",\n  \"--beam-share-button-backgroundColor\": \"#fff\",\n  \"--beam-share-button-borderRadius\": \"30px\",\n  \"--beam-share-button-borderColor\": \"#0A323C\",\n  \"--beam-share-button-borderWidth\": \"1px\",\n\n  \"--beam-share-button-width\": \"auto\",\n\n  \"--beam-share-button-hover-borderColor\": \"transparent\",\n  \"--beam-share-button-hover-backgroundColor\": \"#0A323C\",\n  \"--beam-share-button-hover-color\": \"#fff\",\n\n  \"--beam-share-button-icon-size\": \"16px\",\n\n  \"--beam-share-button-text-textDecoration\": \"none\",\n\n  \"--beam-share-dialog-padding\": \"30px 30px\",\n\n  \"--beam-share-title-fontSize\": \"30px\",\n  \"--beam-share-title-fontWeight\": \"bold\",\n\n  \"--beam-share-text-fontSize\": \"16px\",\n  \"--beam-share-text-lineHeight\": \"1.3\",\n  \"--beam-share-text-marginTop\": \"10px\",\n\n  \"--beam-share-image-borderRadius\": \"4px\",\n  \"--beam-share-image-width\": \"200px\",\n  \"--beam-share-image-margin\": \"20px\",\n\n  \"--beam-share-actions-margin\": \"30px 60px\",\n  \"--beam-share-action-icon-size\": \"32px\",\n\n  \"--beam-share-action-text-fontSize\": \"16px\",\n  \"--beam-share-action-text-lineHeight\": \"1.3\",\n  \"--beam-share-text-action-marginTop\": \"10px\",\n\n  \"--beam-share-close-backgroundColor\": \"#ffd522\",\n  \"--beam-share-close-text-color\": \"#000\",\n  \"--beam-share-close-padding\": \"12px\",\n  \"--beam-share-close-borderRadius\": \"4px\",\n  \"--beam-share-close-fontSize\": \"16px\",\n  \"--beam-share-close-fontWeight\": \"bold\",\n\n  \"--beam-share-close-focus-borderColor\": \"#c2dcff\",\n} as const;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"beam-share-button\": BeamShareButton;\n  }\n}\n"],"names":["syncElementHeights","elements","source","els","isAllHtmlElements","syncedHeight","a","b","el","isMobile","f","x","i","h","s","e","o","t","r","n","BeamShareButton","LitElement","err","imageUrl","brandName","existingDialog","modalRoot","file","urlToFile","dataUrl","handleClickClose","handleClickCopy","handleClickDownload","dialogTemplate","html","strings","render","__decorateClass","property","shareButtonConfigDefaults"],"mappings":"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"}

package/dist/chunks/shoelace-components-29N4dEDv.esm.js

@@ -0,0 +1,2 @@
+import{r as c,s as i}from"./vendor--f7lkyBk.esm.js";import{d as t}from"./routes-sc6xljWU.esm.js";const s="https://sdk.beamimpact.com",a=`${s}/lib/shoelace/v${t["@shoelace-style/shoelace"]}`,l=`${s}/lib/lucide-static/v${t["lucide-static"]}`;if(c("lucide",{resolver:e=>`${l}/icons/${e}.svg`}),i(a),document&&!document.querySelector("link[data-beam-impact]")){const e=document.createElement("link");e.href=`${a}/themes/light.css`,e.rel="stylesheet",e.setAttribute("data-beam-impact","true"),document.head.appendChild(e)}
+//# sourceMappingURL=shoelace-components-29N4dEDv.esm.js.map

package/dist/chunks/shoelace-components-29N4dEDv.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shoelace-components-29N4dEDv.esm.js","sources":["../../src/shared/shoelace-components.ts"],"sourcesContent":["/**\n * Shoelace is a utility library for web components like icons, dialogs, buttons, etc.\n * https://shoelace.style/\n */\n\nimport { setBasePath } from \"@shoelace-style/shoelace/dist/utilities/base-path.js\";\nimport { registerIconLibrary } from \"@shoelace-style/shoelace/dist/utilities/icon-library.js\";\nimport { dependencies } from \"../../package.json\";\n\nconst CDN_BASE = \"https://sdk.beamimpact.com\";\nconst SHOELACE_BASE = `${CDN_BASE}/lib/shoelace/v${dependencies[\"@shoelace-style/shoelace\"]}`;\nconst ICON_BASE = `${CDN_BASE}/lib/lucide-static/v${dependencies[\"lucide-static\"]}`;\n\nregisterIconLibrary(\"lucide\", {\n  resolver: (name: string) => `${ICON_BASE}/icons/${name}.svg`,\n});\n\nsetBasePath(SHOELACE_BASE);\n\nif (document && !document.querySelector(\"link[data-beam-impact]\")) {\n  const stylesheet = document.createElement(\"link\");\n  stylesheet.href = `${SHOELACE_BASE}/themes/light.css`;\n  stylesheet.rel = \"stylesheet\";\n  stylesheet.setAttribute(\"data-beam-impact\", \"true\");\n  document.head.appendChild(stylesheet);\n}\n"],"names":["CDN_BASE","SHOELACE_BASE","dependencies","ICON_BASE","registerIconLibrary","name","setBasePath","stylesheet"],"mappings":"iGASA,MAAMA,EAAW,6BACXC,EAAgB,GAAGD,CAAQ,kBAAkBE,EAAa,0BAA0B,CAAC,GACrFC,EAAY,GAAGH,CAAQ,uBAAuBE,EAAa,eAAe,CAAC,GAQjF,GANAE,EAAoB,SAAU,CAC5B,SAAWC,GAAiB,GAAGF,CAAS,UAAUE,CAAI,MACxD,CAAC,EAEDC,EAAYL,CAAa,EAErB,UAAY,CAAC,SAAS,cAAc,wBAAwB,EAAG,CACjE,MAAMM,EAAa,SAAS,cAAc,MAAM,EAChDA,EAAW,KAAO,GAAGN,CAAa,oBAClCM,EAAW,IAAM,aACjBA,EAAW,aAAa,mBAAoB,MAAM,EAClD,SAAS,KAAK,YAAYA,CAAU,CACtC"}

package/dist/chunks/shoelace-components-YboJNgEe.esm.js

@@ -0,0 +1,2 @@
+import{r as c,s as i}from"./vendor--f7lkyBk.esm.js";import{d as t}from"./routes-zzEfDMIn.esm.js";const s="https://sdk.beamimpact.com",a=`${s}/lib/shoelace/v${t["@shoelace-style/shoelace"]}`,l=`${s}/lib/lucide-static/v${t["lucide-static"]}`;if(c("lucide",{resolver:e=>`${l}/icons/${e}.svg`}),i(a),document&&!document.querySelector("link[data-beam-impact]")){const e=document.createElement("link");e.href=`${a}/themes/light.css`,e.rel="stylesheet",e.setAttribute("data-beam-impact","true"),document.head.appendChild(e)}
+//# sourceMappingURL=shoelace-components-YboJNgEe.esm.js.map

package/dist/chunks/shoelace-components-YboJNgEe.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shoelace-components-YboJNgEe.esm.js","sources":["../../src/shared/shoelace-components.ts"],"sourcesContent":["/**\n * Shoelace is a utility library for web components like icons, dialogs, buttons, etc.\n * https://shoelace.style/\n */\n\nimport { setBasePath } from \"@shoelace-style/shoelace/dist/utilities/base-path.js\";\nimport { registerIconLibrary } from \"@shoelace-style/shoelace/dist/utilities/icon-library.js\";\nimport { dependencies } from \"../../package.json\";\n\nconst CDN_BASE = \"https://sdk.beamimpact.com\";\nconst SHOELACE_BASE = `${CDN_BASE}/lib/shoelace/v${dependencies[\"@shoelace-style/shoelace\"]}`;\nconst ICON_BASE = `${CDN_BASE}/lib/lucide-static/v${dependencies[\"lucide-static\"]}`;\n\nregisterIconLibrary(\"lucide\", {\n  resolver: (name: string) => `${ICON_BASE}/icons/${name}.svg`,\n});\n\nsetBasePath(SHOELACE_BASE);\n\nif (document && !document.querySelector(\"link[data-beam-impact]\")) {\n  const stylesheet = document.createElement(\"link\");\n  stylesheet.href = `${SHOELACE_BASE}/themes/light.css`;\n  stylesheet.rel = \"stylesheet\";\n  stylesheet.setAttribute(\"data-beam-impact\", \"true\");\n  document.head.appendChild(stylesheet);\n}\n"],"names":["CDN_BASE","SHOELACE_BASE","dependencies","ICON_BASE","registerIconLibrary","name","setBasePath","stylesheet"],"mappings":"iGASA,MAAMA,EAAW,6BACXC,EAAgB,GAAGD,CAAQ,kBAAkBE,EAAa,0BAA0B,CAAC,GACrFC,EAAY,GAAGH,CAAQ,uBAAuBE,EAAa,eAAe,CAAC,GAQjF,GANAE,EAAoB,SAAU,CAC5B,SAAWC,GAAiB,GAAGF,CAAS,UAAUE,CAAI,MACxD,CAAC,EAEDC,EAAYL,CAAa,EAErB,UAAY,CAAC,SAAS,cAAc,wBAAwB,EAAG,CACjE,MAAMM,EAAa,SAAS,cAAc,MAAM,EAChDA,EAAW,KAAO,GAAGN,CAAa,oBAClCM,EAAW,IAAM,aACjBA,EAAW,aAAa,mBAAoB,MAAM,EAClD,SAAS,KAAK,YAAYA,CAAU,CACtC"}

package/dist/chunks/{types-CfbVJRfU.esm.d.ts → types-zbTZ8-KP.esm.d.ts}

@@ -6,6 +6,9 @@ declare const WIDGET_NAMES: {
     readonly cumulative_impact: "cumulative-impact";
     readonly product_details_page: "product-details-page";
     readonly subscription_management: "subscription-management";
+    readonly subscription_impact: "subscription-impact";
+    readonly select_subscription_nonprofit: "select-subscription-nonprofit";
+    readonly social_share: "social-share";
 };
 
 /** Number ID */
@@ -18,4 +21,4 @@ type TApiKey = string;
 type TUrl = string;
 type WidgetName = (typeof WIDGET_NAMES)[keyof typeof WIDGET_NAMES];
 
-export type { TApiKey as T, WidgetName as W, TUrl as a, TNumericId as b, TId as c };
+export type { TNumericId as T, WidgetName as W, TId as a, TApiKey as b, TUrl as c };

package/dist/chunks/{update-cart-xaWdPxse.esm.d.ts → update-cart-SajqAoez.esm.d.ts}

@@ -1,10 +1,11 @@
 import * as lodash from 'lodash';
 import { B as BeamBaseAPIConfig } from './types-aju0qrRe.esm.js';
-import { a as TCartApi } from './cart-contents-3-9fB-7m.esm.js';
+import { a as TCartApi } from './cart-contents-sUhfwLAz.esm.js';
 
 type BeamCartAPIConfig = BeamBaseAPIConfig & {
     storeId: number;
     domain?: string;
+    statsigExperiment?: string;
 };
 type BeamCartValues = {
     cartId?: string;

package/dist/chunks/update-cart-_5yw3Tg7.esm.js

@@ -0,0 +1,2 @@
+import{d as y,i as B}from"./lodash-P8OIs-at.esm.js";import{D as g,b as A}from"./routes-sc6xljWU.esm.js";import{B as v}from"./beam-errors-P-Lu07Ce.esm.js";import{d as K,f as S}from"./events-_4nImo3u.esm.js";import"../utils/network-listeners.js";import{createScopedLocalStorage as U}from"../utils/local-storage.js";import{getCookieValue as _,setCookieValue as L}from"../utils/cookies.js";import{getRemoteSession as x}from"../utils/remote-session.js";import{memoizeLast as D}from"../utils/memoize-last.js";import{B as b}from"./cart-contents-h60geKWa.esm.js";const R=50,T=y(D(async function(e,c){try{const t=U({apiKey:e.apiKey}),f=e.baseUrl??g,a=t.getItemJson("cart"),o=await _(b)??null,w=x(e)??void 0,{cartId:r,subtotal:i,itemCount:n,currencyCode:s,content:{items:d=[],discounts:u=[]}={},schema:C={source:"generic"}}=c,p={cartId:r,subtotal:i,itemCount:n,currencyCode:s,content:{items:d,discounts:u},schema:C,beamCartId:o};if(B(p,{...a,cartId:a?.cartId})||c.itemCount===0&&(!o||a?.itemCount===0))return;const E=await A({baseUrl:f,headers:{authorization:`Api-Key ${e.apiKey}`},requestBody:{beamCartId:o,storeId:e.storeId,remoteSessionId:w,cartId:r,subtotal:i,itemCount:n,currencyCode:s}}),{beamCartId:m,expiresAt:l,beamCartCreated:h}=E;m&&l&&await L({name:b,domain:e.domain,value:m,path:"/",expires:new Date(l).getTime()}),t.setItemJson("cart",{...p,beamCartId:m});const I={schema:C,content:{items:d,discounts:u},subtotal:i,itemCount:n,currencyCode:s,cartId:r};window.dispatchEvent(new K(I)),h&&window.dispatchEvent(new S(I))}catch(t){throw new v("Could not update cart in Beam",{cause:t})}}),R,{leading:!0});export{T as K};
+//# sourceMappingURL=update-cart-_5yw3Tg7.esm.js.map

package/dist/chunks/update-cart-_5yw3Tg7.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-cart-_5yw3Tg7.esm.js","sources":["../../src/integrations/cart/update-cart.ts"],"sourcesContent":["import isEqual from \"lodash-es/isEqual\";\nimport { DEFAULT_BASE_URL } from \"../../api-sdk/constants\";\nimport { BeamBaseAPIConfig } from \"../../api-sdk/types\";\nimport { postCart } from \"../../api-sdk/v3/routes\";\nimport { debounce, memoizeLast } from \"../../utils\";\nimport { BeamError } from \"../../utils/beam-errors\";\nimport { BEAM_CART_COOKIE_NAME, TBeamCartLocalStorage, TCartApi } from \"../../shared/cart-contents\";\nimport { getCookieValue, setCookieValue } from \"../../utils/cookies\";\nimport { BeamCartChangeEvent, BeamCartCreatedEvent } from \"../../utils/events\";\nimport { createScopedLocalStorage } from \"../../utils/local-storage\";\nimport { getRemoteSession } from \"../../utils/remote-session\";\n\nexport type BeamCartAPIConfig = BeamBaseAPIConfig & {\n  storeId: number;\n  domain?: string; // Domain to set cookies on\n  statsigExperiment?: string;\n};\n\nexport type BeamCartValues = {\n  cartId?: string; // External (partner) cart ID\n  itemCount?: number;\n  subtotal?: number;\n  currencyCode?: string;\n} & Partial<TCartApi>;\n\n/**\n * The debounce time in milliseconds for updating the cart - updateCart will delay until it hasn't been called for\n * this long before handling the last call.\n */\nconst UPDATE_CART_DEBOUNCE_MS = 50;\n\n/**\n * Sends cart information to Beam\n * Memoized based on previous arguments - if the objects are deep-equal, no update is made.\n * @side-effects Sets beam_cart cookie, set cart data in localstorage\n * @example\n * const BeamConfig = { apiKey: 'abc-123' }\n * const { beamCartId } =  await updateCart(BeamConfig, { beamCartId, itemCount, subtotal, currencyCode })\n * */\nconst updateCart = debounce(\n  memoizeLast(async function updateCart(config: BeamCartAPIConfig, cartValues: BeamCartValues) {\n    try {\n      const localStorage = createScopedLocalStorage({ apiKey: config.apiKey });\n      const baseUrl = config.baseUrl ?? DEFAULT_BASE_URL;\n\n      // The cart cache is used to detect changes after page refreshes / across tabs\n      const cachedCart: TBeamCartLocalStorage | null = localStorage.getItemJson(\"cart\");\n      // The Beam cart cookie is used to identify the cart across subdomains\n      // Use explicit null if empty because API requires it\n      const beamCartId: string | null = (await getCookieValue(BEAM_CART_COOKIE_NAME)) ?? null;\n      // Remote session ID (ie, device ID from an A/B testing tool) will be linked to the cart\n      const remoteSessionId: string | undefined = getRemoteSession(config) ?? undefined;\n\n      const {\n        cartId,\n        subtotal,\n        itemCount,\n        currencyCode,\n        content: { items = [], discounts = [] } = {},\n        schema = { source: \"generic\" },\n      } = cartValues;\n\n      const cartWithDefaults = {\n        cartId,\n        subtotal,\n        itemCount,\n        currencyCode,\n        content: { items, discounts },\n        schema,\n        beamCartId,\n      };\n      // Early return conditions. Skip sending cart to Beam if any apply:\n      // 1. The cart has not changed\n      // 2. Cart is empty, unless the cart was not empty before\n      if (\n        isEqual(cartWithDefaults, {\n          ...cachedCart,\n          cartId: cachedCart?.cartId /* make sure optional key is defined even if empty */,\n        }) || // cart has not\n        // changed, OR\n        (cartValues.itemCount === 0 && // nothing in current cart, AND\n          (!beamCartId || cachedCart?.itemCount === 0)) // no/expired prev cart or prev cart was empty\n      ) {\n        return;\n      }\n\n      const response = await postCart({\n        baseUrl,\n        headers: {\n          authorization: `Api-Key ${config.apiKey}`,\n        },\n        requestBody: {\n          beamCartId, // backwards compat: explicitly sending null here is required to get initial beamCartId\n          storeId: config.storeId,\n          remoteSessionId,\n          cartId,\n          subtotal,\n          itemCount,\n          currencyCode,\n        },\n      });\n\n      // Response will contain a new beamCartId if one was not provided, or old one expired\n      const { beamCartId: newBeamCartId, expiresAt, beamCartCreated } = response;\n\n      if (newBeamCartId && expiresAt) {\n        await setCookieValue({\n          name: BEAM_CART_COOKIE_NAME,\n          domain: config.domain,\n          value: newBeamCartId,\n          path: \"/\",\n          // If we don't set an expiration, the cookie will be cleared when the tab is closed\n          expires: new Date(expiresAt).getTime(),\n        });\n      }\n\n      localStorage.setItemJson(\"cart\", {\n        ...cartWithDefaults,\n        beamCartId: newBeamCartId,\n      });\n\n      const eventDetail = {\n        schema: schema as any, // TS union type can't figure out what variant applies here\n        content: {\n          items: items as any,\n          discounts: discounts as any,\n        },\n        subtotal,\n        itemCount,\n        currencyCode,\n        cartId,\n      };\n\n      // emit change event on any create/update/delete of cart items\n      window.dispatchEvent(new BeamCartChangeEvent(eventDetail));\n\n      // emit created event only when the cart is new according to Beam\n      if (beamCartCreated) {\n        window.dispatchEvent(new BeamCartCreatedEvent(eventDetail));\n      }\n    } catch (err) {\n      throw new BeamError(\"Could not update cart in Beam\", { cause: err });\n    }\n  }),\n  UPDATE_CART_DEBOUNCE_MS,\n  { leading: true } // handle first call immediately but delay for more calls within debounce window\n);\n\nexport { updateCart };\n"],"names":["UPDATE_CART_DEBOUNCE_MS","updateCart","debounce","memoizeLast","config","cartValues","localStorage","createScopedLocalStorage","baseUrl","DEFAULT_BASE_URL","cachedCart","beamCartId","getCookieValue","BEAM_CART_COOKIE_NAME","remoteSessionId","getRemoteSession","cartId","subtotal","itemCount","currencyCode","items","discounts","schema","cartWithDefaults","isEqual","response","postCart","newBeamCartId","expiresAt","beamCartCreated","setCookieValue","eventDetail","BeamCartChangeEvent","BeamCartCreatedEvent","err","BeamError"],"mappings":"2iBA6BMA,MAAAA,EAA0B,GAU1BC,EAAaC,EACjBC,EAAY,eAA0BC,EAA2BC,EAA4B,CAC3F,GAAI,CACF,MAAMC,EAAeC,EAAyB,CAAE,OAAQH,EAAO,MAAO,CAAC,EACjEI,EAAUJ,EAAO,SAAWK,EAG5BC,EAA2CJ,EAAa,YAAY,MAAM,EAG1EK,EAA6B,MAAMC,EAAeC,CAAqB,GAAM,KAE7EC,EAAsCC,EAAiBX,CAAM,GAAK,OAElE,CACJ,OAAAY,EACA,SAAAC,EACA,UAAAC,EACA,aAAAC,EACA,QAAS,CAAE,MAAAC,EAAQ,CAAI,EAAA,UAAAC,EAAY,CAAA,CAAG,EAAI,GAC1C,OAAAC,EAAS,CAAE,OAAQ,SAAU,CAC/B,EAAIjB,EAEEkB,EAAmB,CACvB,OAAAP,EACA,SAAAC,EACA,UAAAC,EACA,aAAAC,EACA,QAAS,CAAE,MAAAC,EAAO,UAAAC,CAAU,EAC5B,OAAAC,EACA,WAAAX,CACF,EAIA,GACEa,EAAQD,EAAkB,CACxB,GAAGb,EACH,OAAQA,GAAY,MACtB,CAAC,GAEAL,EAAW,YAAc,IACvB,CAACM,GAAcD,GAAY,YAAc,GAE5C,OAGF,MAAMe,EAAW,MAAMC,EAAS,CAC9B,QAAAlB,EACA,QAAS,CACP,cAAe,WAAWJ,EAAO,MAAM,EACzC,EACA,YAAa,CACX,WAAAO,EACA,QAASP,EAAO,QAChB,gBAAAU,EACA,OAAAE,EACA,SAAAC,EACA,UAAAC,EACA,aAAAC,CACF,CACF,CAAC,EAGK,CAAE,WAAYQ,EAAe,UAAAC,EAAW,gBAAAC,CAAgB,EAAIJ,EAE9DE,GAAiBC,GACnB,MAAME,EAAe,CACnB,KAAMjB,EACN,OAAQT,EAAO,OACf,MAAOuB,EACP,KAAM,IAEN,QAAS,IAAI,KAAKC,CAAS,EAAE,QAC/B,CAAA,CAAC,EAGHtB,EAAa,YAAY,OAAQ,CAC/B,GAAGiB,EACH,WAAYI,CACd,CAAC,EAED,MAAMI,EAAc,CAClB,OAAQT,EACR,QAAS,CACP,MAAOF,EACP,UAAWC,CACb,EACA,SAAAJ,EACA,UAAAC,EACA,aAAAC,EACA,OAAAH,CACF,EAGA,OAAO,cAAc,IAAIgB,EAAoBD,CAAW,CAAC,EAGrDF,GACF,OAAO,cAAc,IAAII,EAAqBF,CAAW,CAAC,CAE9D,OAASG,EAAK,CACZ,MAAM,IAAIC,EAAU,gCAAiC,CAAE,MAAOD,CAAI,CAAC,CACrE,CACF,CAAC,EACDlC,EACA,CAAE,QAAS,EAAK,CAClB"}

package/dist/chunks/update-cart-yfZE8kwS.esm.js

@@ -0,0 +1,2 @@
+import{d as y,i as B}from"./lodash-P8OIs-at.esm.js";import{D as g,b as A}from"./routes-zzEfDMIn.esm.js";import{B as v}from"./beam-errors-P-Lu07Ce.esm.js";import{d as K,f as S}from"./events-_4nImo3u.esm.js";import"../utils/network-listeners.esm.js";import{createScopedLocalStorage as U}from"../utils/local-storage.esm.js";import{getCookieValue as _,setCookieValue as L}from"../utils/cookies.esm.js";import{getRemoteSession as x}from"../utils/remote-session.esm.js";import{memoizeLast as D}from"../utils/memoize-last.esm.js";import{B as b}from"./cart-contents-h60geKWa.esm.js";const R=50,T=y(D(async function(e,c){try{const t=U({apiKey:e.apiKey}),f=e.baseUrl??g,a=t.getItemJson("cart"),o=await _(b)??null,w=x(e)??void 0,{cartId:r,subtotal:i,itemCount:n,currencyCode:s,content:{items:d=[],discounts:u=[]}={},schema:C={source:"generic"}}=c,p={cartId:r,subtotal:i,itemCount:n,currencyCode:s,content:{items:d,discounts:u},schema:C,beamCartId:o};if(B(p,{...a,cartId:a?.cartId})||c.itemCount===0&&(!o||a?.itemCount===0))return;const E=await A({baseUrl:f,headers:{authorization:`Api-Key ${e.apiKey}`},requestBody:{beamCartId:o,storeId:e.storeId,remoteSessionId:w,cartId:r,subtotal:i,itemCount:n,currencyCode:s}}),{beamCartId:m,expiresAt:l,beamCartCreated:h}=E;m&&l&&await L({name:b,domain:e.domain,value:m,path:"/",expires:new Date(l).getTime()}),t.setItemJson("cart",{...p,beamCartId:m});const I={schema:C,content:{items:d,discounts:u},subtotal:i,itemCount:n,currencyCode:s,cartId:r};window.dispatchEvent(new K(I)),h&&window.dispatchEvent(new S(I))}catch(t){throw new v("Could not update cart in Beam",{cause:t})}}),R,{leading:!0});export{T as K};
+//# sourceMappingURL=update-cart-yfZE8kwS.esm.js.map

package/dist/chunks/update-cart-yfZE8kwS.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"update-cart-yfZE8kwS.esm.js","sources":["../../src/integrations/cart/update-cart.ts"],"sourcesContent":["import isEqual from \"lodash-es/isEqual\";\nimport { DEFAULT_BASE_URL } from \"../../api-sdk/constants\";\nimport { BeamBaseAPIConfig } from \"../../api-sdk/types\";\nimport { postCart } from \"../../api-sdk/v3/routes\";\nimport { debounce, memoizeLast } from \"../../utils\";\nimport { BeamError } from \"../../utils/beam-errors\";\nimport { BEAM_CART_COOKIE_NAME, TBeamCartLocalStorage, TCartApi } from \"../../shared/cart-contents\";\nimport { getCookieValue, setCookieValue } from \"../../utils/cookies\";\nimport { BeamCartChangeEvent, BeamCartCreatedEvent } from \"../../utils/events\";\nimport { createScopedLocalStorage } from \"../../utils/local-storage\";\nimport { getRemoteSession } from \"../../utils/remote-session\";\n\nexport type BeamCartAPIConfig = BeamBaseAPIConfig & {\n  storeId: number;\n  domain?: string; // Domain to set cookies on\n  statsigExperiment?: string;\n};\n\nexport type BeamCartValues = {\n  cartId?: string; // External (partner) cart ID\n  itemCount?: number;\n  subtotal?: number;\n  currencyCode?: string;\n} & Partial<TCartApi>;\n\n/**\n * The debounce time in milliseconds for updating the cart - updateCart will delay until it hasn't been called for\n * this long before handling the last call.\n */\nconst UPDATE_CART_DEBOUNCE_MS = 50;\n\n/**\n * Sends cart information to Beam\n * Memoized based on previous arguments - if the objects are deep-equal, no update is made.\n * @side-effects Sets beam_cart cookie, set cart data in localstorage\n * @example\n * const BeamConfig = { apiKey: 'abc-123' }\n * const { beamCartId } =  await updateCart(BeamConfig, { beamCartId, itemCount, subtotal, currencyCode })\n * */\nconst updateCart = debounce(\n  memoizeLast(async function updateCart(config: BeamCartAPIConfig, cartValues: BeamCartValues) {\n    try {\n      const localStorage = createScopedLocalStorage({ apiKey: config.apiKey });\n      const baseUrl = config.baseUrl ?? DEFAULT_BASE_URL;\n\n      // The cart cache is used to detect changes after page refreshes / across tabs\n      const cachedCart: TBeamCartLocalStorage | null = localStorage.getItemJson(\"cart\");\n      // The Beam cart cookie is used to identify the cart across subdomains\n      // Use explicit null if empty because API requires it\n      const beamCartId: string | null = (await getCookieValue(BEAM_CART_COOKIE_NAME)) ?? null;\n      // Remote session ID (ie, device ID from an A/B testing tool) will be linked to the cart\n      const remoteSessionId: string | undefined = getRemoteSession(config) ?? undefined;\n\n      const {\n        cartId,\n        subtotal,\n        itemCount,\n        currencyCode,\n        content: { items = [], discounts = [] } = {},\n        schema = { source: \"generic\" },\n      } = cartValues;\n\n      const cartWithDefaults = {\n        cartId,\n        subtotal,\n        itemCount,\n        currencyCode,\n        content: { items, discounts },\n        schema,\n        beamCartId,\n      };\n      // Early return conditions. Skip sending cart to Beam if any apply:\n      // 1. The cart has not changed\n      // 2. Cart is empty, unless the cart was not empty before\n      if (\n        isEqual(cartWithDefaults, {\n          ...cachedCart,\n          cartId: cachedCart?.cartId /* make sure optional key is defined even if empty */,\n        }) || // cart has not\n        // changed, OR\n        (cartValues.itemCount === 0 && // nothing in current cart, AND\n          (!beamCartId || cachedCart?.itemCount === 0)) // no/expired prev cart or prev cart was empty\n      ) {\n        return;\n      }\n\n      const response = await postCart({\n        baseUrl,\n        headers: {\n          authorization: `Api-Key ${config.apiKey}`,\n        },\n        requestBody: {\n          beamCartId, // backwards compat: explicitly sending null here is required to get initial beamCartId\n          storeId: config.storeId,\n          remoteSessionId,\n          cartId,\n          subtotal,\n          itemCount,\n          currencyCode,\n        },\n      });\n\n      // Response will contain a new beamCartId if one was not provided, or old one expired\n      const { beamCartId: newBeamCartId, expiresAt, beamCartCreated } = response;\n\n      if (newBeamCartId && expiresAt) {\n        await setCookieValue({\n          name: BEAM_CART_COOKIE_NAME,\n          domain: config.domain,\n          value: newBeamCartId,\n          path: \"/\",\n          // If we don't set an expiration, the cookie will be cleared when the tab is closed\n          expires: new Date(expiresAt).getTime(),\n        });\n      }\n\n      localStorage.setItemJson(\"cart\", {\n        ...cartWithDefaults,\n        beamCartId: newBeamCartId,\n      });\n\n      const eventDetail = {\n        schema: schema as any, // TS union type can't figure out what variant applies here\n        content: {\n          items: items as any,\n          discounts: discounts as any,\n        },\n        subtotal,\n        itemCount,\n        currencyCode,\n        cartId,\n      };\n\n      // emit change event on any create/update/delete of cart items\n      window.dispatchEvent(new BeamCartChangeEvent(eventDetail));\n\n      // emit created event only when the cart is new according to Beam\n      if (beamCartCreated) {\n        window.dispatchEvent(new BeamCartCreatedEvent(eventDetail));\n      }\n    } catch (err) {\n      throw new BeamError(\"Could not update cart in Beam\", { cause: err });\n    }\n  }),\n  UPDATE_CART_DEBOUNCE_MS,\n  { leading: true } // handle first call immediately but delay for more calls within debounce window\n);\n\nexport { updateCart };\n"],"names":["UPDATE_CART_DEBOUNCE_MS","updateCart","debounce","memoizeLast","config","cartValues","localStorage","createScopedLocalStorage","baseUrl","DEFAULT_BASE_URL","cachedCart","beamCartId","getCookieValue","BEAM_CART_COOKIE_NAME","remoteSessionId","getRemoteSession","cartId","subtotal","itemCount","currencyCode","items","discounts","schema","cartWithDefaults","isEqual","response","postCart","newBeamCartId","expiresAt","beamCartCreated","setCookieValue","eventDetail","BeamCartChangeEvent","BeamCartCreatedEvent","err","BeamError"],"mappings":"+jBA6BMA,MAAAA,EAA0B,GAU1BC,EAAaC,EACjBC,EAAY,eAA0BC,EAA2BC,EAA4B,CAC3F,GAAI,CACF,MAAMC,EAAeC,EAAyB,CAAE,OAAQH,EAAO,MAAO,CAAC,EACjEI,EAAUJ,EAAO,SAAWK,EAG5BC,EAA2CJ,EAAa,YAAY,MAAM,EAG1EK,EAA6B,MAAMC,EAAeC,CAAqB,GAAM,KAE7EC,EAAsCC,EAAiBX,CAAM,GAAK,OAElE,CACJ,OAAAY,EACA,SAAAC,EACA,UAAAC,EACA,aAAAC,EACA,QAAS,CAAE,MAAAC,EAAQ,CAAI,EAAA,UAAAC,EAAY,CAAA,CAAG,EAAI,GAC1C,OAAAC,EAAS,CAAE,OAAQ,SAAU,CAC/B,EAAIjB,EAEEkB,EAAmB,CACvB,OAAAP,EACA,SAAAC,EACA,UAAAC,EACA,aAAAC,EACA,QAAS,CAAE,MAAAC,EAAO,UAAAC,CAAU,EAC5B,OAAAC,EACA,WAAAX,CACF,EAIA,GACEa,EAAQD,EAAkB,CACxB,GAAGb,EACH,OAAQA,GAAY,MACtB,CAAC,GAEAL,EAAW,YAAc,IACvB,CAACM,GAAcD,GAAY,YAAc,GAE5C,OAGF,MAAMe,EAAW,MAAMC,EAAS,CAC9B,QAAAlB,EACA,QAAS,CACP,cAAe,WAAWJ,EAAO,MAAM,EACzC,EACA,YAAa,CACX,WAAAO,EACA,QAASP,EAAO,QAChB,gBAAAU,EACA,OAAAE,EACA,SAAAC,EACA,UAAAC,EACA,aAAAC,CACF,CACF,CAAC,EAGK,CAAE,WAAYQ,EAAe,UAAAC,EAAW,gBAAAC,CAAgB,EAAIJ,EAE9DE,GAAiBC,GACnB,MAAME,EAAe,CACnB,KAAMjB,EACN,OAAQT,EAAO,OACf,MAAOuB,EACP,KAAM,IAEN,QAAS,IAAI,KAAKC,CAAS,EAAE,QAC/B,CAAA,CAAC,EAGHtB,EAAa,YAAY,OAAQ,CAC/B,GAAGiB,EACH,WAAYI,CACd,CAAC,EAED,MAAMI,EAAc,CAClB,OAAQT,EACR,QAAS,CACP,MAAOF,EACP,UAAWC,CACb,EACA,SAAAJ,EACA,UAAAC,EACA,aAAAC,EACA,OAAAH,CACF,EAGA,OAAO,cAAc,IAAIgB,EAAoBD,CAAW,CAAC,EAGrDF,GACF,OAAO,cAAc,IAAII,EAAqBF,CAAW,CAAC,CAE9D,OAASG,EAAK,CACZ,MAAM,IAAIC,EAAU,gCAAiC,CAAE,MAAOD,CAAI,CAAC,CACrE,CACF,CAAC,EACDlC,EACA,CAAE,QAAS,EAAK,CAClB"}