@saasquatch/mint-components 1.13.3-8 → 1.13.3-9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{sqm-qr-code-view-1dab20a0.js → sqm-qr-code-view-82b14685.js} +4 -5
- package/dist/cjs/sqm-qr-code.cjs.entry.js +26 -5
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +8 -3
- package/dist/collection/components/sqm-qr-code/QRCode.stories.js +5 -1
- package/dist/collection/components/sqm-qr-code/sqm-qr-code-view.js +4 -5
- package/dist/collection/components/sqm-qr-code/sqm-qr-code.js +1 -1
- package/dist/collection/components/sqm-qr-code/useQRCode.js +26 -4
- package/dist/esm/{sqm-qr-code-view-cfba2441.js → sqm-qr-code-view-2dff1823.js} +4 -5
- package/dist/esm/sqm-qr-code.entry.js +27 -6
- package/dist/esm/sqm-stencilbook.entry.js +8 -3
- package/dist/esm-es5/sqm-qr-code-view-2dff1823.js +1 -0
- package/dist/esm-es5/sqm-qr-code.entry.js +1 -1
- package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
- package/dist/mint-components/mint-components.esm.js +1 -1
- package/dist/mint-components/{p-31cf4105.system.entry.js → p-31c73e3a.system.entry.js} +1 -1
- package/dist/mint-components/p-37996351.system.js +1 -1
- package/dist/mint-components/{p-7d724467.entry.js → p-3edc9c8a.entry.js} +2 -2
- package/dist/mint-components/p-4f6bb357.system.js +1 -0
- package/dist/mint-components/p-7c434c65.js +1 -0
- package/dist/mint-components/p-d78298a5.entry.js +17 -0
- package/dist/mint-components/p-f4ba6e2b.system.entry.js +1 -0
- package/dist/types/components/sqm-qr-code/QRCode.stories.d.ts +1 -0
- package/dist/types/components/sqm-qr-code/sqm-qr-code-view.d.ts +2 -1
- package/docs/docs.docx +0 -0
- package/package.json +1 -1
- package/dist/esm-es5/sqm-qr-code-view-cfba2441.js +0 -1
- package/dist/mint-components/p-0c5d721f.entry.js +0 -17
- package/dist/mint-components/p-571e6814.system.js +0 -1
- package/dist/mint-components/p-b1205f52.js +0 -1
- package/dist/mint-components/p-e258c1e1.system.entry.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-f26aedcd.system.js","./p-1a673057.system.js","./p-3a62a7e2.system.js"],(function(e){"use strict";var t,n,a;return{setters:[function(e){t=e.h},function(e){n=e.c},function(e){a=e.E}],execute:function(){e("Q",o);var i={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 l=n(i);var s=l.toString();var r="\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 o(e){var n=e.dialogIsOpen,i=e.error,o=e.viewError,d=e.showDialog,c=e.hideDialog,p=e.qrLink,g=e.titleText,x=e.viewCodeText,u=e.downloadCodeText,m=e.printCodeText,C=e.errorHeaderText,f=e.errorDescriptionText,v=e.createDownloadable,y=e.createPrintable;return t("div",{class:l.classes.Container,part:"sqm-base"},t("style",null,r),t("style",null,s),t("div",{class:l.classes.FacadeContainer},i&&t(a,{loadingErrorAlertDescription:C,loadingErrorAlertHeader:f}),t("span",{part:"sqm-title"},g),t("div",{class:l.classes.ButtonContainer},t("sl-button",{type:"primary",onClick:d},x),t("sl-button",{type:"text",onClick:v},u),t("sl-button",{type:"text",onClick:y},m))),t("sl-dialog",{class:l.classes.DialogContainer,width:"250px",open:n,label:g,"onSl-hide":c},(o||i)&&t(a,{loadingErrorAlertDescription:C,loadingErrorAlertHeader:f}),p&&t("div",{class:l.classes.CodeContainer},t("img",{class:l.classes.Code,src:p})),t("div",{slot:"footer",class:l.classes.FooterContainer},t("sl-button",{disabled:i,variant:"default",onClick:v},u),t("sl-button",{disabled:i,variant:"default",onClick:y},m))))}}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as e}from"./p-f708da7b.js";import{c as t}from"./p-cef45012.js";import{E as a}from"./p-9acb5038.js";const i=t({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"}}),l=i.toString();function n({dialogIsOpen:t,error:n,viewError:o,showDialog:r,hideDialog:s,qrLink:d,titleText:p,viewCodeText:c,downloadCodeText:x,printCodeText:g,errorHeaderText:m,errorDescriptionText:f,createDownloadable:u,createPrintable:C}){return e("div",{class:i.classes.Container,part:"sqm-base"},e("style",null,"\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 }"),e("style",null,l),e("div",{class:i.classes.FacadeContainer},n&&e(a,{loadingErrorAlertDescription:m,loadingErrorAlertHeader:f}),e("span",{part:"sqm-title"},p),e("div",{class:i.classes.ButtonContainer},e("sl-button",{type:"primary",onClick:r},c),e("sl-button",{type:"text",onClick:u},x),e("sl-button",{type:"text",onClick:C},g))),e("sl-dialog",{class:i.classes.DialogContainer,width:"250px",open:t,label:p,"onSl-hide":s},(o||n)&&e(a,{loadingErrorAlertDescription:m,loadingErrorAlertHeader:f}),d&&e("div",{class:i.classes.CodeContainer},e("img",{class:i.classes.Code,src:d})),e("div",{slot:"footer",class:i.classes.FooterContainer},e("sl-button",{disabled:n,variant:"default",onClick:u},x),e("sl-button",{disabled:n,variant:"default",onClick:C},g))))}export{n as Q}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
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 c,w as s,$ 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-7c434c65.js";const v=n.gql`
|
|
2
|
+
query shareLink($programId: ID, $engagementMedium: UserEngagementMedium!) {
|
|
3
|
+
user: viewer {
|
|
4
|
+
... on User {
|
|
5
|
+
shareLink(
|
|
6
|
+
programId: $programId
|
|
7
|
+
engagementMedium: $engagementMedium
|
|
8
|
+
shareMedium: DIRECT
|
|
9
|
+
)
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
`,f=n.gql`
|
|
14
|
+
mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
|
|
15
|
+
createUserAnalyticsEvent(eventMeta: $eventMeta)
|
|
16
|
+
}
|
|
17
|
+
`,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=c(u),[h,w]=a(!1),[R,C]=a(null),[y,E]=a(!1),[b,q]=a(!1),{data:M,errors:I}=s(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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
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-4f6bb357.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}})}}}}));
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export interface QRCodeViewProps {
|
|
2
2
|
dialogIsOpen: boolean;
|
|
3
3
|
error: boolean;
|
|
4
|
+
viewError: boolean;
|
|
4
5
|
showDialog: () => void;
|
|
5
6
|
hideDialog: () => void;
|
|
6
7
|
qrLink: string;
|
|
@@ -13,4 +14,4 @@ export interface QRCodeViewProps {
|
|
|
13
14
|
errorDescriptionText?: string;
|
|
14
15
|
createPrintable: () => void;
|
|
15
16
|
}
|
|
16
|
-
export declare function QrCodeView({ dialogIsOpen, error, showDialog, hideDialog, qrLink, titleText, viewCodeText, downloadCodeText, printCodeText, errorHeaderText, errorDescriptionText, createDownloadable, createPrintable, }: QRCodeViewProps): any;
|
|
17
|
+
export declare function QrCodeView({ dialogIsOpen, error, viewError, showDialog, hideDialog, qrLink, titleText, viewCodeText, downloadCodeText, printCodeText, errorHeaderText, errorDescriptionText, createDownloadable, createPrintable, }: QRCodeViewProps): any;
|
package/docs/docs.docx
CHANGED
|
Binary file
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@saasquatch/mint-components",
|
|
3
3
|
"title": "Mint Components",
|
|
4
|
-
"version": "1.13.3-
|
|
4
|
+
"version": "1.13.3-9",
|
|
5
5
|
"description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
|
|
6
6
|
"icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
|
|
7
7
|
"raisins": "docs/raisins.json",
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
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:{padding:"var(--sl-spacing-small)",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(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,l=e.showDialog,i=e.hideDialog,n=e.qrLink,r=e.titleText,s=e.viewCodeText,o=e.downloadCodeText,d=e.printCodeText,c=e.errorHeaderText,p=e.errorDescriptionText,g=e.createDownloadable,m=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:p}),h("span",{part:"sqm-title"},r),h("div",{class:sheet.classes.ButtonContainer},h("sl-button",{type:"primary",onClick:l},s),h("sl-button",{type:"text",onClick:g},o),h("sl-button",{type:"text",onClick:m},d))),h("sl-dialog",{class:sheet.classes.DialogContainer,width:"250px",open:t,label:r,"onSl-hide":i},a&&h(ErrorView,{loadingErrorAlertDescription:c,loadingErrorAlertHeader:p}),h("div",{class:sheet.classes.CodeContainer},h("img",{class:sheet.classes.Code,src:n+"&qrCodeImageFormat=svg"})),h("div",{slot:"footer",class:sheet.classes.FooterContainer},h("sl-button",{disabled:a,variant:"default",onClick:g},o),h("sl-button",{disabled:a,variant:"default",onClick:m},d))))}export{QrCodeView as Q};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import{r as e,h as o}from"./p-f708da7b.js";import{k as a,n as t}from"./p-cd651f81.js";import{d as r,H as n,J as i,F as d,w as s,$ as c,B as m,i as l}from"./p-94a876b9.js";import{c as g}from"./p-c1086930.js";import{g as p}from"./p-9ec99ced.js";import"./p-cef45012.js";import{a as h}from"./p-3f7b81b8.js";import"./p-9acb5038.js";import{Q as u}from"./p-b1205f52.js";const w=r.gql`
|
|
2
|
-
query shareLink($programId: ID, $engagementMedium: UserEngagementMedium!) {
|
|
3
|
-
user: viewer {
|
|
4
|
-
... on User {
|
|
5
|
-
shareLink(
|
|
6
|
-
programId: $programId
|
|
7
|
-
engagementMedium: $engagementMedium
|
|
8
|
-
shareMedium: DIRECT
|
|
9
|
-
)
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
`,f=r.gql`
|
|
14
|
-
mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
|
|
15
|
-
createUserAnalyticsEvent(eventMeta: $eventMeta)
|
|
16
|
-
}
|
|
17
|
-
`,v=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",t(this)}disconnectedCallback(){}render(){const e=p(this),t=l()?function(e){const[o,t]=a(!1);return g({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){const o=n(),t=i(),r=m(),l=d(h),[g,p]=a(!1),[u,v]=a(!1),{data:R,errors:b}=s(w,{programId:o,engagementMedium:r},!(null==t?void 0:t.jwt)||void 0!==(null==l?void 0:l.shareLink)),[C]=c(f),E=R?`${R.user.shareLink}?qrCode`:"",y=async()=>{C({eventMeta:{programId:o,id:null==t?void 0:t.id,accountId:null==t?void 0:t.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:r,shareMedium:"DIRECT"}}})};return{...e,qrLink:E,dialogIsOpen:g,error:u||!!(null==b?void 0:b.message),showDialog:()=>{v(!1),p(!0)},hideDialog:()=>{v(!1),p(!1)},createDownloadable:async()=>{try{const e=await fetch(`${E}&qrCodeSize=800&qrCodeImageFormat=png`),o=await e.blob(),a=URL.createObjectURL(o);o&&y();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),v(!0)}},createPrintable:async()=>{try{const e=await fetch(`${E}&qrCodeSize=1000&qrCodeImageFormat=png&qrCodeErrorCorrectionLevel=H`),o=await e.blob(),a=URL.createObjectURL(o);o&&y();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),v(!0)}}}}(e);return o(u,Object.assign({},t))}};export{v as sqm_qr_code}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-f26aedcd.system.js","./p-1a673057.system.js","./p-3a62a7e2.system.js"],(function(e){"use strict";var a,t,n;return{setters:[function(e){a=e.h},function(e){t=e.c},function(e){n=e.E}],execute:function(){e("Q",o);var i={DialogContainer:{maxWidth:"390px !important"},Container:{padding:"var(--sl-spacing-small)",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 l=t(i);var s=l.toString();var r="\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 o(e){var t=e.dialogIsOpen,i=e.error,o=e.showDialog,d=e.hideDialog,c=e.qrLink,p=e.titleText,g=e.viewCodeText,x=e.downloadCodeText,m=e.printCodeText,u=e.errorHeaderText,C=e.errorDescriptionText,f=e.createDownloadable,v=e.createPrintable;return a("div",{class:l.classes.Container,part:"sqm-base"},a("style",null,r),a("style",null,s),a("div",{class:l.classes.FacadeContainer},i&&a(n,{loadingErrorAlertDescription:u,loadingErrorAlertHeader:C}),a("span",{part:"sqm-title"},p),a("div",{class:l.classes.ButtonContainer},a("sl-button",{type:"primary",onClick:o},g),a("sl-button",{type:"text",onClick:f},x),a("sl-button",{type:"text",onClick:v},m))),a("sl-dialog",{class:l.classes.DialogContainer,width:"250px",open:t,label:p,"onSl-hide":d},i&&a(n,{loadingErrorAlertDescription:u,loadingErrorAlertHeader:C}),a("div",{class:l.classes.CodeContainer},a("img",{class:l.classes.Code,src:c+"&qrCodeImageFormat=svg"})),a("div",{slot:"footer",class:l.classes.FooterContainer},a("sl-button",{disabled:i,variant:"default",onClick:f},x),a("sl-button",{disabled:i,variant:"default",onClick:v},m))))}}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{h as e}from"./p-f708da7b.js";import{c as a}from"./p-cef45012.js";import{E as t}from"./p-9acb5038.js";const l=a({DialogContainer:{maxWidth:"390px !important"},Container:{padding:"var(--sl-spacing-small)",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=l.toString();function n({dialogIsOpen:a,error:n,showDialog:o,hideDialog:r,qrLink:s,titleText:d,viewCodeText:p,downloadCodeText:c,printCodeText:g,errorHeaderText:m,errorDescriptionText:x,createDownloadable:f,createPrintable:u}){return e("div",{class:l.classes.Container,part:"sqm-base"},e("style",null,"\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 }"),e("style",null,i),e("div",{class:l.classes.FacadeContainer},n&&e(t,{loadingErrorAlertDescription:m,loadingErrorAlertHeader:x}),e("span",{part:"sqm-title"},d),e("div",{class:l.classes.ButtonContainer},e("sl-button",{type:"primary",onClick:o},p),e("sl-button",{type:"text",onClick:f},c),e("sl-button",{type:"text",onClick:u},g))),e("sl-dialog",{class:l.classes.DialogContainer,width:"250px",open:a,label:d,"onSl-hide":r},n&&e(t,{loadingErrorAlertDescription:m,loadingErrorAlertHeader:x}),e("div",{class:l.classes.CodeContainer},e("img",{class:l.classes.Code,src:`${s}&qrCodeImageFormat=svg`})),e("div",{slot:"footer",class:l.classes.FooterContainer},e("sl-button",{disabled:n,variant:"default",onClick:f},c),e("sl-button",{disabled:n,variant:"default",onClick:u},g))))}export{n as Q}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
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-571e6814.system.js"],(function(e){"use strict";var n,t,r,o,a,i,s,c,u,d,l,f,v,g,h,m;return{setters:[function(e){n=e.r;t=e.h},function(e){r=e.k;o=e.n},function(e){a=e.d;i=e.H;s=e.J;c=e.F;u=e.w;d=e.$;l=e.B;f=e.i},function(e){v=e.c},function(e){g=e.g},function(){},function(e){h=e.a},function(){},function(e){m=e.Q}],execute:function(){var p=a.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 _=a.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=i();var o=s();var a=l();var f=c(h);var v=r(false),g=v[0],m=v[1];var w=r(false),y=w[0],b=w[1];var C=u(p,{programId:t,engagementMedium:a},!(o===null||o===void 0?void 0:o.jwt)||(f===null||f===void 0?void 0:f.shareLink)!==undefined),k=C.data,E=C.errors;var T=d(_)[0];var M=k?k.user.shareLink+"?qrCode":"";var j=function(){return __awaiter(n,void 0,void 0,(function(){return __generator(this,(function(e){T({eventMeta:{programId:t,id:o===null||o===void 0?void 0:o.id,accountId:o===null||o===void 0?void 0:o.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:a,shareMedium:"DIRECT"}}});return[2]}))}))};var R=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(M+"&qrCodeSize=800&qrCodeImageFormat=png")];case 1:e=a.sent();return[4,e.blob()];case 2:n=a.sent();t=URL.createObjectURL(n);if(n)j();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);b(true);return[3,4];case 4:return[2]}}))}))};var x=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(M+"&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)j();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);b(true);return[3,4];case 4:return[2]}}))}))};return __assign(__assign({},e),{qrLink:M,dialogIsOpen:g,error:y||!!(E===null||E===void 0?void 0:E.message),showDialog:function(){b(false);m(true)},hideDialog:function(){b(false);m(false)},createDownloadable:R,createPrintable:x})}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";o(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=g(this);var n=f()?b(e):w(e);return t(m,Object.assign({},n))};return e}());function b(e){var n=this;var t=r(false),o=t[0],a=t[1];return v({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}})}}}}));
|