@saasquatch/mint-components 1.13.3-11 → 1.13.3-12

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.13.3-11",
+  "version": "1.13.3-12",
   "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
   "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
   "raisins": "docs/raisins.json",

package/dist/cjs/sqm-qr-code-view-06666132.js

@@ -1,94 +0,0 @@
-'use strict';
-
-const index = require('./index-a29c60ef.js');
-const JSS = require('./JSS-8503a151.js');
-const ErrorView = require('./ErrorView-b2fcf954.js');
-
-const style = {
-  DialogContainer: {
-    maxWidth: "390px !important",
-  },
-  Container: {
-    display: "flex",
-    flexDirection: "row",
-    gap: "var(--sl-spacing-small)",
-    justifyContent: "space-between",
-  },
-  FacadeContainer: {
-    display: "flex",
-    gap: "var(--sl-spacing-medium)",
-    flexDirection: "column",
-  },
-  ButtonContainer: {
-    display: "flex",
-    gap: "var(--sl-spacing-medium)",
-  },
-  FooterContainer: {
-    textAlign: "left",
-    display: "flex",
-    flexDirection: "column",
-    gap: "var(--sl-spacing-medium)",
-  },
-  CodeContainer: {
-    display: "flex",
-    width: "100%",
-    alignItems: "center",
-    justifyContent: "center",
-  },
-  Code: {
-    width: "100%",
-    height: "100%",
-    maxWidth: "335px",
-  },
-};
-const sheet = JSS.createStyleSheet(style);
-const styleString = sheet.toString();
-const vanillaStyle = `
-  sl-dialog::part(base) {
-    inset: auto;
-    position: absolute;
-    left: 50%;
-  }
-  sl-dialog::part(panel) {
-    max-width: 390px;
-    width: 100%;
-  }
-  sl-dialog::part(footer) {
-    display: flex;
-    flex-direction: column;
-    gap: var(--sl-spacing-small);
-    width: 100%;
-  }
-  sl-dialog::part(body) {
-    padding: 0 var(--sl-spacing-large);
-  }
-  :host{
-    display: flex;
-    width: 100%;
-  }
-  @media (max-width: 499px) {
-    :host{
-      display: block;
-    }
-  }`;
-function QrCodeView({ dialogIsOpen, error, viewError, showDialog, hideDialog, qrLink, titleText, viewCodeText, downloadCodeText, printCodeText, errorHeaderText, errorDescriptionText, createDownloadable, createPrintable, }) {
-  return (index.h("div", { class: sheet.classes.Container, part: "sqm-base" },
-    index.h("style", null, vanillaStyle),
-    index.h("style", null, styleString),
-    index.h("div", { class: sheet.classes.FacadeContainer },
-      error && (index.h(ErrorView.ErrorView, { loadingErrorAlertDescription: errorHeaderText, loadingErrorAlertHeader: errorDescriptionText })),
-      index.h("span", { part: "sqm-title" }, titleText),
-      index.h("div", { class: sheet.classes.ButtonContainer },
-        index.h("sl-button", { type: "primary", exportparts: "base: primarybutton-base", onClick: showDialog }, viewCodeText),
-        index.h("sl-button", { exportparts: "base: textbutton-base", type: "text", onClick: createDownloadable }, downloadCodeText),
-        index.h("sl-button", { exportparts: "base: textbutton-base", type: "text", onClick: createPrintable }, printCodeText))),
-    index.h("sl-dialog", { class: sheet.classes.DialogContainer, width: "250px", open: dialogIsOpen, label: titleText, "onSl-hide": hideDialog },
-      (viewError || error) && (index.h(ErrorView.ErrorView, { loadingErrorAlertDescription: errorHeaderText, loadingErrorAlertHeader: errorDescriptionText })),
-      qrLink && (index.h("div", { class: sheet.classes.CodeContainer },
-        index.h("img", { class: sheet.classes.Code, src: qrLink }))),
-      index.h("div", { slot: "footer", class: sheet.classes.FooterContainer },
-        index.h("sl-button", { exportparts: "base: button-base", disabled: error, variant: "default", onClick: createDownloadable }, downloadCodeText),
-        index.h("sl-button", { exportparts: "base: button-base", disabled: error, variant: "default", onClick: createPrintable }, printCodeText)))));
-}
-
-exports.QrCodeView = QrCodeView;

package/dist/esm/sqm-qr-code-view-15fe1127.js

@@ -1,92 +0,0 @@
-import { h } from './index-91e7729f.js';
-import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { E as ErrorView } from './ErrorView-48e2b969.js';
-
-const style = {
-  DialogContainer: {
-    maxWidth: "390px !important",
-  },
-  Container: {
-    display: "flex",
-    flexDirection: "row",
-    gap: "var(--sl-spacing-small)",
-    justifyContent: "space-between",
-  },
-  FacadeContainer: {
-    display: "flex",
-    gap: "var(--sl-spacing-medium)",
-    flexDirection: "column",
-  },
-  ButtonContainer: {
-    display: "flex",
-    gap: "var(--sl-spacing-medium)",
-  },
-  FooterContainer: {
-    textAlign: "left",
-    display: "flex",
-    flexDirection: "column",
-    gap: "var(--sl-spacing-medium)",
-  },
-  CodeContainer: {
-    display: "flex",
-    width: "100%",
-    alignItems: "center",
-    justifyContent: "center",
-  },
-  Code: {
-    width: "100%",
-    height: "100%",
-    maxWidth: "335px",
-  },
-};
-const sheet = createStyleSheet(style);
-const styleString = sheet.toString();
-const vanillaStyle = `
-  sl-dialog::part(base) {
-    inset: auto;
-    position: absolute;
-    left: 50%;
-  }
-  sl-dialog::part(panel) {
-    max-width: 390px;
-    width: 100%;
-  }
-  sl-dialog::part(footer) {
-    display: flex;
-    flex-direction: column;
-    gap: var(--sl-spacing-small);
-    width: 100%;
-  }
-  sl-dialog::part(body) {
-    padding: 0 var(--sl-spacing-large);
-  }
-  :host{
-    display: flex;
-    width: 100%;
-  }
-  @media (max-width: 499px) {
-    :host{
-      display: block;
-    }
-  }`;
-function QrCodeView({ dialogIsOpen, error, viewError, showDialog, hideDialog, qrLink, titleText, viewCodeText, downloadCodeText, printCodeText, errorHeaderText, errorDescriptionText, createDownloadable, createPrintable, }) {
-  return (h("div", { class: sheet.classes.Container, part: "sqm-base" },
-    h("style", null, vanillaStyle),
-    h("style", null, styleString),
-    h("div", { class: sheet.classes.FacadeContainer },
-      error && (h(ErrorView, { loadingErrorAlertDescription: errorHeaderText, loadingErrorAlertHeader: errorDescriptionText })),
-      h("span", { part: "sqm-title" }, titleText),
-      h("div", { class: sheet.classes.ButtonContainer },
-        h("sl-button", { type: "primary", exportparts: "base: primarybutton-base", onClick: showDialog }, viewCodeText),
-        h("sl-button", { exportparts: "base: textbutton-base", type: "text", onClick: createDownloadable }, downloadCodeText),
-        h("sl-button", { exportparts: "base: textbutton-base", type: "text", onClick: createPrintable }, printCodeText))),
-    h("sl-dialog", { class: sheet.classes.DialogContainer, width: "250px", open: dialogIsOpen, label: titleText, "onSl-hide": hideDialog },
-      (viewError || error) && (h(ErrorView, { loadingErrorAlertDescription: errorHeaderText, loadingErrorAlertHeader: errorDescriptionText })),
-      qrLink && (h("div", { class: sheet.classes.CodeContainer },
-        h("img", { class: sheet.classes.Code, src: qrLink }))),
-      h("div", { slot: "footer", class: sheet.classes.FooterContainer },
-        h("sl-button", { exportparts: "base: button-base", disabled: error, variant: "default", onClick: createDownloadable }, downloadCodeText),
-        h("sl-button", { exportparts: "base: button-base", disabled: error, variant: "default", onClick: createPrintable }, printCodeText)))));
-}
-
-export { QrCodeView as Q };

package/dist/esm-es5/sqm-qr-code-view-15fe1127.js

@@ -1 +0,0 @@
-import{h}from"./index-91e7729f.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{E as ErrorView}from"./ErrorView-48e2b969.js";var style={DialogContainer:{maxWidth:"390px !important"},Container:{display:"flex",flexDirection:"row",gap:"var(--sl-spacing-small)",justifyContent:"space-between"},FacadeContainer:{display:"flex",gap:"var(--sl-spacing-medium)",flexDirection:"column"},ButtonContainer:{display:"flex",gap:"var(--sl-spacing-medium)"},FooterContainer:{textAlign:"left",display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)"},CodeContainer:{display:"flex",width:"100%",alignItems:"center",justifyContent:"center"},Code:{width:"100%",height:"100%",maxWidth:"335px"}};var sheet=createStyleSheet(style);var styleString=sheet.toString();var vanillaStyle="\n  sl-dialog::part(base) {\n    inset: auto;\n    position: absolute;\n    left: 50%;\n  }\n  sl-dialog::part(panel) {\n    max-width: 390px;\n    width: 100%;\n  }\n  sl-dialog::part(footer) {\n    display: flex;\n    flex-direction: column;\n    gap: var(--sl-spacing-small);\n    width: 100%;\n  }\n  sl-dialog::part(body) {\n    padding: 0 var(--sl-spacing-large);\n  }\n  :host{\n    display: flex;\n    width: 100%;\n  }\n  @media (max-width: 499px) {\n    :host{\n      display: block;\n    }\n  }";function QrCodeView(e){var t=e.dialogIsOpen,a=e.error,r=e.viewError,s=e.showDialog,n=e.hideDialog,i=e.qrLink,l=e.titleText,o=e.viewCodeText,d=e.downloadCodeText,p=e.printCodeText,c=e.errorHeaderText,x=e.errorDescriptionText,g=e.createDownloadable,b=e.createPrintable;return h("div",{class:sheet.classes.Container,part:"sqm-base"},h("style",null,vanillaStyle),h("style",null,styleString),h("div",{class:sheet.classes.FacadeContainer},a&&h(ErrorView,{loadingErrorAlertDescription:c,loadingErrorAlertHeader:x}),h("span",{part:"sqm-title"},l),h("div",{class:sheet.classes.ButtonContainer},h("sl-button",{type:"primary",exportparts:"base: primarybutton-base",onClick:s},o),h("sl-button",{exportparts:"base: textbutton-base",type:"text",onClick:g},d),h("sl-button",{exportparts:"base: textbutton-base",type:"text",onClick:b},p))),h("sl-dialog",{class:sheet.classes.DialogContainer,width:"250px",open:t,label:l,"onSl-hide":n},(r||a)&&h(ErrorView,{loadingErrorAlertDescription:c,loadingErrorAlertHeader:x}),i&&h("div",{class:sheet.classes.CodeContainer},h("img",{class:sheet.classes.Code,src:i})),h("div",{slot:"footer",class:sheet.classes.FooterContainer},h("sl-button",{exportparts:"base: button-base",disabled:a,variant:"default",onClick:g},d),h("sl-button",{exportparts:"base: button-base",disabled:a,variant:"default",onClick:b},p))))}export{QrCodeView as Q};

package/dist/mint-components/p-29a1fdeb.system.js

@@ -1 +0,0 @@
-System.register(["./p-f26aedcd.system.js","./p-1a673057.system.js","./p-3a62a7e2.system.js"],(function(e){"use strict";var t,a,n;return{setters:[function(e){t=e.h},function(e){a=e.c},function(e){n=e.E}],execute:function(){e("Q",l);var s={DialogContainer:{maxWidth:"390px !important"},Container:{display:"flex",flexDirection:"row",gap:"var(--sl-spacing-small)",justifyContent:"space-between"},FacadeContainer:{display:"flex",gap:"var(--sl-spacing-medium)",flexDirection:"column"},ButtonContainer:{display:"flex",gap:"var(--sl-spacing-medium)"},FooterContainer:{textAlign:"left",display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)"},CodeContainer:{display:"flex",width:"100%",alignItems:"center",justifyContent:"center"},Code:{width:"100%",height:"100%",maxWidth:"335px"}};var i=a(s);var o=i.toString();var r="\n  sl-dialog::part(base) {\n    inset: auto;\n    position: absolute;\n    left: 50%;\n  }\n  sl-dialog::part(panel) {\n    max-width: 390px;\n    width: 100%;\n  }\n  sl-dialog::part(footer) {\n    display: flex;\n    flex-direction: column;\n    gap: var(--sl-spacing-small);\n    width: 100%;\n  }\n  sl-dialog::part(body) {\n    padding: 0 var(--sl-spacing-large);\n  }\n  :host{\n    display: flex;\n    width: 100%;\n  }\n  @media (max-width: 499px) {\n    :host{\n      display: block;\n    }\n  }";function l(e){var a=e.dialogIsOpen,s=e.error,l=e.viewError,d=e.showDialog,p=e.hideDialog,c=e.qrLink,x=e.titleText,u=e.viewCodeText,g=e.downloadCodeText,b=e.printCodeText,m=e.errorHeaderText,f=e.errorDescriptionText,C=e.createDownloadable,y=e.createPrintable;return t("div",{class:i.classes.Container,part:"sqm-base"},t("style",null,r),t("style",null,o),t("div",{class:i.classes.FacadeContainer},s&&t(n,{loadingErrorAlertDescription:m,loadingErrorAlertHeader:f}),t("span",{part:"sqm-title"},x),t("div",{class:i.classes.ButtonContainer},t("sl-button",{type:"primary",exportparts:"base: primarybutton-base",onClick:d},u),t("sl-button",{exportparts:"base: textbutton-base",type:"text",onClick:C},g),t("sl-button",{exportparts:"base: textbutton-base",type:"text",onClick:y},b))),t("sl-dialog",{class:i.classes.DialogContainer,width:"250px",open:a,label:x,"onSl-hide":p},(l||s)&&t(n,{loadingErrorAlertDescription:m,loadingErrorAlertHeader:f}),c&&t("div",{class:i.classes.CodeContainer},t("img",{class:i.classes.Code,src:c})),t("div",{slot:"footer",class:i.classes.FooterContainer},t("sl-button",{exportparts:"base: button-base",disabled:s,variant:"default",onClick:C},g),t("sl-button",{exportparts:"base: button-base",disabled:s,variant:"default",onClick:y},b))))}}}}));

package/dist/mint-components/p-2d76eb85.system.entry.js

@@ -1 +0,0 @@
-var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,n){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:n})}else{e.raw=n}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var n,t=1,r=arguments.length;t<r;t++){n=arguments[t];for(var o in n)if(Object.prototype.hasOwnProperty.call(n,o))e[o]=n[o]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,n,t,r){function o(e){return e instanceof t?e:new t((function(n){n(e)}))}return new(t||(t=Promise))((function(t,a){function i(e){try{c(r.next(e))}catch(e){a(e)}}function s(e){try{c(r["throw"](e))}catch(e){a(e)}}function c(e){e.done?t(e.value):o(e.value).then(i,s)}c((r=r.apply(e,n||[])).next())}))};var __generator=this&&this.__generator||function(e,n){var t={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},r,o,a,i;return i={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(i[Symbol.iterator]=function(){return this}),i;function s(e){return function(n){return c([e,n])}}function c(i){if(r)throw new TypeError("Generator is already executing.");while(t)try{if(r=1,o&&(a=i[0]&2?o["return"]:i[0]?o["throw"]||((a=o["return"])&&a.call(o),0):o.next)&&!(a=a.call(o,i[1])).done)return a;if(o=0,a)i=[i[0]&2,a.value];switch(i[0]){case 0:case 1:a=i;break;case 4:t.label++;return{value:i[1],done:false};case 5:t.label++;o=i[1];i=[0];continue;case 7:i=t.ops.pop();t.trys.pop();continue;default:if(!(a=t.trys,a=a.length>0&&a[a.length-1])&&(i[0]===6||i[0]===2)){t=0;continue}if(i[0]===3&&(!a||i[1]>a[0]&&i[1]<a[3])){t.label=i[1];break}if(i[0]===6&&t.label<a[1]){t.label=a[1];a=i;break}if(a&&t.label<a[2]){t.label=a[2];t.ops.push(i);break}if(a[2])t.ops.pop();t.trys.pop();continue}i=n.call(e,t)}catch(e){i=[6,e];o=0}finally{r=a=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-f26aedcd.system.js","./p-48135f99.system.js","./p-6cd4f2b1.system.js","./p-4bd679a7.system.js","./p-6333265f.system.js","./p-1a673057.system.js","./p-dbc0e4f8.system.js","./p-3a62a7e2.system.js","./p-29a1fdeb.system.js"],(function(e){"use strict";var n,t,r,o,a,i,s,c,u,d,l,f,v,h,g,m,p;return{setters:[function(e){n=e.r;t=e.h},function(e){r=e.k;o=e.f;a=e.n},function(e){i=e.d;s=e.H;c=e.J;u=e.F;d=e.w;l=e.$;f=e.B;v=e.i},function(e){h=e.c},function(e){g=e.g},function(){},function(e){m=e.a},function(){},function(e){p=e.Q}],execute:function(){var _=i.gql(__makeTemplateObject(["\n  query shareLink($programId: ID, $engagementMedium: UserEngagementMedium!) {\n    user: viewer {\n      ... on User {\n        shareLink(\n          programId: $programId\n          engagementMedium: $engagementMedium\n          shareMedium: DIRECT\n        )\n      }\n    }\n  }\n"],["\n  query shareLink($programId: ID, $engagementMedium: UserEngagementMedium!) {\n    user: viewer {\n      ... on User {\n        shareLink(\n          programId: $programId\n          engagementMedium: $engagementMedium\n          shareMedium: DIRECT\n        )\n      }\n    }\n  }\n"]));var b=i.gql(__makeTemplateObject(["\n  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n    createUserAnalyticsEvent(eventMeta: $eventMeta)\n  }\n"],["\n  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n    createUserAnalyticsEvent(eventMeta: $eventMeta)\n  }\n"]));function w(e){var n=this;var t;var a=s();var i=c();var v=f();var h=u(m);var g=r(false),p=g[0],w=g[1];var y=r(null),C=y[0],k=y[1];var E=r(false),T=E[0],M=E[1];var R=r(false),j=R[0],x=R[1];var I=d(_,{programId:a,engagementMedium:v},!(i===null||i===void 0?void 0:i.jwt)||(h===null||h===void 0?void 0:h.shareLink)!==undefined),q=I.data,O=I.errors;var L=l(b)[0];var D=(t=q===null||q===void 0?void 0:q.user)===null||t===void 0?void 0:t.shareLink;var U=D+"?qrCode";o((function(){if(!D)return;var e=function(){return __awaiter(n,void 0,void 0,(function(){var e,n,t,r;return __generator(this,(function(o){switch(o.label){case 0:o.trys.push([0,3,,4]);return[4,fetch(D+"?qrCode&qrCodeImageFormat=svg")];case 1:e=o.sent();return[4,e.blob()];case 2:n=o.sent();t=URL.createObjectURL(n);k(t);return[3,4];case 3:r=o.sent();x(true);return[3,4];case 4:return[2]}}))}))};e()}),[D]);var $=function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(e){L({eventMeta:{programId:a,id:i===null||i===void 0?void 0:i.id,accountId:i===null||i===void 0?void 0:i.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:v,shareMedium:"DIRECT"}}});return[2]}))}))};var P=function(){return __awaiter(n,void 0,void 0,(function(){var e,n,t,r,o;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,3,,4]);return[4,fetch(U+"&qrCodeSize=800&qrCodeImageFormat=png")];case 1:e=a.sent();return[4,e.blob()];case 2:n=a.sent();t=URL.createObjectURL(n);if(n)$();r=document.createElement("a");r.href=t;r.download="qrCode.png";document.body.appendChild(r);r.click();document.body.removeChild(r);return[3,4];case 3:o=a.sent();console.error("Failed to fetch QR code:",o);M(true);return[3,4];case 4:return[2]}}))}))};var Q=function(){return __awaiter(n,void 0,void 0,(function(){var e,n,t,r,o,a;return __generator(this,(function(i){switch(i.label){case 0:i.trys.push([0,3,,4]);return[4,fetch(U+"&qrCodeSize=1000&qrCodeImageFormat=png&qrCodeErrorCorrectionLevel=H")];case 1:e=i.sent();return[4,e.blob()];case 2:n=i.sent();t=URL.createObjectURL(n);if(n)$();r=window.open("about:blank","_new");o=r.document.createElement("img");o.src=t;o.onload=function(){r.print();r.close()};r.document.body.appendChild(o);return[3,4];case 3:a=i.sent();console.error("Failed to fetch QR code: ",a);M(true);return[3,4];case 4:return[2]}}))}))};return __assign(__assign({},e),{qrLink:C,dialogIsOpen:p,error:T,viewError:j||!!(O===null||O===void 0?void 0:O.message),showDialog:function(){M(false);w(true)},hideDialog:function(){M(false);w(false)},createDownloadable:P,createPrintable:Q})}var y=e("sqm_qr_code",function(){function e(e){n(this,e);this.titleText="Share your QR code";this.viewCodeText="View QR code";this.downloadCodeText="Download";this.printCodeText="Print";this.errorHeaderText="There was an error loading your QR code";this.errorDescriptionText="Please refresh this page and try again";a(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=g(this);var n=v()?C(e):w(e);return t(p,Object.assign({},n))};return e}());function C(e){var n=this;var t=r(false),o=t[0],a=t[1];return h({dialogIsOpen:o,showDialog:function(){return a(true)},hideDialog:function(){return a(false)},titleText:e.titleText,viewCodeText:e.viewCodeText,downloadCodeText:e.downloadCodeText,printCodeText:e.printCodeText,qrLink:"https://media.istockphoto.com/id/1251071788/vector/qr-code-bar-code-black-icon-digital-technology.jpg?s=612x612&w=0&k=20&c=maw4OqMSEegAdSo8Drm9HO7i1ddddvP2YaL1UuWbRig=",fireViewQrEvent:function(){console.log("View QR Code clicked")},createDownloadable:function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(e){console.log("Download QR Code clicked");return[2]}))}))},createPrintable:function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(e){console.log("Print QR Code clicked");return[2]}))}))}},e.demoData||{},{arrayMerge:function(e,n){return n}})}}}}));

package/dist/mint-components/p-68d5ffd6.js

@@ -1 +0,0 @@
-import{h as t}from"./p-f708da7b.js";import{c as e}from"./p-cef45012.js";import{E as a}from"./p-9acb5038.js";const n=e({DialogContainer:{maxWidth:"390px !important"},Container:{display:"flex",flexDirection:"row",gap:"var(--sl-spacing-small)",justifyContent:"space-between"},FacadeContainer:{display:"flex",gap:"var(--sl-spacing-medium)",flexDirection:"column"},ButtonContainer:{display:"flex",gap:"var(--sl-spacing-medium)"},FooterContainer:{textAlign:"left",display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)"},CodeContainer:{display:"flex",width:"100%",alignItems:"center",justifyContent:"center"},Code:{width:"100%",height:"100%",maxWidth:"335px"}}),i=n.toString();function l({dialogIsOpen:e,error:l,viewError:o,showDialog:r,hideDialog:s,qrLink:p,titleText:d,viewCodeText:c,downloadCodeText:x,printCodeText:b,errorHeaderText:g,errorDescriptionText:m,createDownloadable:u,createPrintable:f}){return t("div",{class:n.classes.Container,part:"sqm-base"},t("style",null,"\n  sl-dialog::part(base) {\n    inset: auto;\n    position: absolute;\n    left: 50%;\n  }\n  sl-dialog::part(panel) {\n    max-width: 390px;\n    width: 100%;\n  }\n  sl-dialog::part(footer) {\n    display: flex;\n    flex-direction: column;\n    gap: var(--sl-spacing-small);\n    width: 100%;\n  }\n  sl-dialog::part(body) {\n    padding: 0 var(--sl-spacing-large);\n  }\n  :host{\n    display: flex;\n    width: 100%;\n  }\n  @media (max-width: 499px) {\n    :host{\n      display: block;\n    }\n  }"),t("style",null,i),t("div",{class:n.classes.FacadeContainer},l&&t(a,{loadingErrorAlertDescription:g,loadingErrorAlertHeader:m}),t("span",{part:"sqm-title"},d),t("div",{class:n.classes.ButtonContainer},t("sl-button",{type:"primary",exportparts:"base: primarybutton-base",onClick:r},c),t("sl-button",{exportparts:"base: textbutton-base",type:"text",onClick:u},x),t("sl-button",{exportparts:"base: textbutton-base",type:"text",onClick:f},b))),t("sl-dialog",{class:n.classes.DialogContainer,width:"250px",open:e,label:d,"onSl-hide":s},(o||l)&&t(a,{loadingErrorAlertDescription:g,loadingErrorAlertHeader:m}),p&&t("div",{class:n.classes.CodeContainer},t("img",{class:n.classes.Code,src:p})),t("div",{slot:"footer",class:n.classes.FooterContainer},t("sl-button",{exportparts:"base: button-base",disabled:l,variant:"default",onClick:u},x),t("sl-button",{exportparts:"base: button-base",disabled:l,variant:"default",onClick:f},b))))}export{l as Q}

package/dist/mint-components/p-b4ff7f20.entry.js

@@ -1,17 +0,0 @@
-import{r as e,h as o}from"./p-f708da7b.js";import{k as a,f as t,n as r}from"./p-cd651f81.js";import{d as n,H as i,J as d,F as s,w as c,$ as l,B as m,i as g}from"./p-94a876b9.js";import{c as p}from"./p-c1086930.js";import{g as h}from"./p-9ec99ced.js";import"./p-cef45012.js";import{a as u}from"./p-3f7b81b8.js";import"./p-9acb5038.js";import{Q as w}from"./p-68d5ffd6.js";const v=n.gql`
-  query shareLink($programId: ID, $engagementMedium: UserEngagementMedium!) {
-    user: viewer {
-      ... on User {
-        shareLink(
-          programId: $programId
-          engagementMedium: $engagementMedium
-          shareMedium: DIRECT
-        )
-      }
-    }
-  }
-`,f=n.gql`
-  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
-    createUserAnalyticsEvent(eventMeta: $eventMeta)
-  }
-`,R=class{constructor(o){e(this,o),this.titleText="Share your QR code",this.viewCodeText="View QR code",this.downloadCodeText="Download",this.printCodeText="Print",this.errorHeaderText="There was an error loading your QR code",this.errorDescriptionText="Please refresh this page and try again",r(this)}disconnectedCallback(){}render(){const e=h(this),r=g()?function(e){const[o,t]=a(!1);return p({dialogIsOpen:o,showDialog:()=>t(!0),hideDialog:()=>t(!1),titleText:e.titleText,viewCodeText:e.viewCodeText,downloadCodeText:e.downloadCodeText,printCodeText:e.printCodeText,qrLink:"https://media.istockphoto.com/id/1251071788/vector/qr-code-bar-code-black-icon-digital-technology.jpg?s=612x612&w=0&k=20&c=maw4OqMSEegAdSo8Drm9HO7i1ddddvP2YaL1UuWbRig=",fireViewQrEvent:()=>{console.log("View QR Code clicked")},createDownloadable:async()=>{console.log("Download QR Code clicked")},createPrintable:async()=>{console.log("Print QR Code clicked")}},e.demoData||{},{arrayMerge:(e,o)=>o})}(e):function(e){var o;const r=i(),n=d(),g=m(),p=s(u),[h,w]=a(!1),[R,C]=a(null),[y,E]=a(!1),[b,q]=a(!1),{data:M,errors:I}=c(v,{programId:r,engagementMedium:g},!(null==n?void 0:n.jwt)||void 0!==(null==p?void 0:p.shareLink)),[k]=l(f),D=null===(o=null==M?void 0:M.user)||void 0===o?void 0:o.shareLink,j=`${D}?qrCode`;t((()=>{D&&(async()=>{try{const e=await fetch(`${D}?qrCode&qrCodeImageFormat=svg`),o=await e.blob(),a=URL.createObjectURL(o);C(a)}catch(e){q(!0)}})()}),[D]);const $=async()=>{k({eventMeta:{programId:r,id:null==n?void 0:n.id,accountId:null==n?void 0:n.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:g,shareMedium:"DIRECT"}}})};return{...e,qrLink:R,dialogIsOpen:h,error:y,viewError:b||!!(null==I?void 0:I.message),showDialog:()=>{E(!1),w(!0)},hideDialog:()=>{E(!1),w(!1)},createDownloadable:async()=>{try{const e=await fetch(`${j}&qrCodeSize=800&qrCodeImageFormat=png`),o=await e.blob(),a=URL.createObjectURL(o);o&&$();const t=document.createElement("a");t.href=a,t.download="qrCode.png",document.body.appendChild(t),t.click(),document.body.removeChild(t)}catch(e){console.error("Failed to fetch QR code:",e),E(!0)}},createPrintable:async()=>{try{const e=await fetch(`${j}&qrCodeSize=1000&qrCodeImageFormat=png&qrCodeErrorCorrectionLevel=H`),o=await e.blob(),a=URL.createObjectURL(o);o&&$();const t=window.open("about:blank","_new"),r=t.document.createElement("img");r.src=a,r.onload=()=>{t.print(),t.close()},t.document.body.appendChild(r)}catch(e){console.error("Failed to fetch QR code: ",e),E(!0)}}}}(e);return o(w,Object.assign({},r))}};export{R as sqm_qr_code}