@saasquatch/mint-components 1.13.3-6 → 1.13.3-8

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.
Files changed (23) hide show
  1. package/dist/cjs/{sqm-qr-code-view-a212589a.js → sqm-qr-code-view-1dab20a0.js} +1 -0
  2. package/dist/cjs/sqm-qr-code.cjs.entry.js +10 -6
  3. package/dist/cjs/sqm-stencilbook.cjs.entry.js +1 -1
  4. package/dist/collection/components/sqm-qr-code/sqm-qr-code-view.js +1 -0
  5. package/dist/collection/components/sqm-qr-code/useQRCode.js +9 -5
  6. package/dist/esm/{sqm-qr-code-view-e04ce586.js → sqm-qr-code-view-cfba2441.js} +1 -0
  7. package/dist/esm/sqm-qr-code.entry.js +10 -6
  8. package/dist/esm/sqm-stencilbook.entry.js +1 -1
  9. package/dist/esm-es5/{sqm-qr-code-view-e04ce586.js → sqm-qr-code-view-cfba2441.js} +1 -1
  10. package/dist/esm-es5/sqm-qr-code.entry.js +1 -1
  11. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  12. package/dist/mint-components/mint-components.esm.js +1 -1
  13. package/dist/mint-components/{p-9ceeef5f.entry.js → p-0c5d721f.entry.js} +2 -2
  14. package/dist/mint-components/{p-25f908a0.system.entry.js → p-31cf4105.system.entry.js} +1 -1
  15. package/dist/mint-components/p-37996351.system.js +1 -1
  16. package/dist/mint-components/{p-494572ef.system.js → p-571e6814.system.js} +1 -1
  17. package/dist/mint-components/{p-fcd121db.entry.js → p-7d724467.entry.js} +1 -1
  18. package/dist/mint-components/p-b1205f52.js +1 -0
  19. package/dist/mint-components/p-e258c1e1.system.entry.js +1 -0
  20. package/docs/docs.docx +0 -0
  21. package/package.json +1 -1
  22. package/dist/mint-components/p-9a18e7f4.system.entry.js +0 -1
  23. package/dist/mint-components/p-e9772bf3.js +0 -1
package/dist/cjs/{sqm-qr-code-view-a212589a.js → sqm-qr-code-view-1dab20a0.js} RENAMED
@@ -72,6 +72,7 @@ function QrCodeView({ dialogIsOpen, error, showDialog, hideDialog, qrLink, title
72
72
  index.h("style", null, vanillaStyle),
73
73
  index.h("style", null, styleString),
74
74
  index.h("div", { class: sheet.classes.FacadeContainer },
75
+ error && (index.h(ErrorView.ErrorView, { loadingErrorAlertDescription: errorHeaderText, loadingErrorAlertHeader: errorDescriptionText })),
75
76
  index.h("span", { part: "sqm-title" }, titleText),
76
77
  index.h("div", { class: sheet.classes.ButtonContainer },
77
78
  index.h("sl-button", { type: "primary", onClick: showDialog }, viewCodeText),
package/dist/cjs/sqm-qr-code.cjs.entry.js CHANGED
@@ -10,7 +10,7 @@ const utils = require('./utils-6847bc06.js');
10
10
  require('./JSS-8503a151.js');
11
11
  const useReferralCodes = require('./useReferralCodes-82e8797b.js');
12
12
  require('./ErrorView-b2fcf954.js');
13
- const sqmQrCodeView = require('./sqm-qr-code-view-a212589a.js');
13
+ const sqmQrCodeView = require('./sqm-qr-code-view-1dab20a0.js');
14
14
 
15
15
  const ShareLinkQuery = index_module.dist.gql `
16
16
  query shareLink($programId: ID, $engagementMedium: UserEngagementMedium!) {
@@ -37,7 +37,7 @@ function useQRCode(props) {
37
37
  const contextData = index_module.Fn(useReferralCodes.REFERRAL_CODES_NAMESPACE);
38
38
  const [dialogIsOpen, setDialog] = stencilHooks_module.useState(false);
39
39
  const [error, setError] = stencilHooks_module.useState(false);
40
- const { data } = index_module.wn(ShareLinkQuery, { programId, engagementMedium }, !(user === null || user === void 0 ? void 0 : user.jwt) || (contextData === null || contextData === void 0 ? void 0 : contextData.shareLink) !== undefined);
40
+ const { data, errors } = index_module.wn(ShareLinkQuery, { programId, engagementMedium }, !(user === null || user === void 0 ? void 0 : user.jwt) || (contextData === null || contextData === void 0 ? void 0 : contextData.shareLink) !== undefined);
41
41
  const [sendLoadEvent] = index_module.$e(WIDGET_ENGAGEMENT_EVENT);
42
42
  const qrLink = data ? `${data.user.shareLink}?qrCode` : "";
43
43
  const fireEvent = async () => {
@@ -46,7 +46,7 @@ function useQRCode(props) {
46
46
  programId,
47
47
  id: user === null || user === void 0 ? void 0 : user.id,
48
48
  accountId: user === null || user === void 0 ? void 0 : user.accountId,
49
- type: "USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENET",
49
+ type: "USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",
50
50
  meta: {
51
51
  engagementMedium,
52
52
  shareMedium: "DIRECT",
@@ -102,10 +102,14 @@ function useQRCode(props) {
102
102
  ...props,
103
103
  qrLink,
104
104
  dialogIsOpen,
105
- error,
106
- showDialog: () => setDialog(true),
105
+ error: error || !!(errors === null || errors === void 0 ? void 0 : errors.message),
106
+ showDialog: () => {
107
+ setError(false);
108
+ setDialog(true);
109
+ },
107
110
  hideDialog: () => {
108
- setDialog(false), setError(false);
111
+ setError(false);
112
+ setDialog(false);
109
113
  },
110
114
  createDownloadable,
111
115
  createPrintable,
package/dist/cjs/sqm-stencilbook.cjs.entry.js CHANGED
@@ -34,7 +34,7 @@ require('./utilities-78f5e169.js');
34
34
  const sqmPortalResetPasswordView = require('./sqm-portal-reset-password-view-fe602822.js');
35
35
  const sqmPortalVerifyEmailView = require('./sqm-portal-verify-email-view-7b678f34.js');
36
36
  require('./ErrorView-b2fcf954.js');
37
- const sqmQrCodeView = require('./sqm-qr-code-view-a212589a.js');
37
+ const sqmQrCodeView = require('./sqm-qr-code-view-1dab20a0.js');
38
38
  const ShadowViewAddon = require('./ShadowViewAddon-3ddee92b.js');
39
39
  const sqmPortalContainerView = require('./sqm-portal-container-view-4f15143a.js');
40
40
  const sqmInvoiceTableView = require('./sqm-invoice-table-view-16ac73d0.js');
package/dist/collection/components/sqm-qr-code/sqm-qr-code-view.js CHANGED
@@ -69,6 +69,7 @@ export function QrCodeView({ dialogIsOpen, error, showDialog, hideDialog, qrLink
69
69
  h("style", null, vanillaStyle),
70
70
  h("style", null, styleString),
71
71
  h("div", { class: sheet.classes.FacadeContainer },
72
+ error && (h(ErrorView, { loadingErrorAlertDescription: errorHeaderText, loadingErrorAlertHeader: errorDescriptionText })),
72
73
  h("span", { part: "sqm-title" }, titleText),
73
74
  h("div", { class: sheet.classes.ButtonContainer },
74
75
  h("sl-button", { type: "primary", onClick: showDialog }, viewCodeText),
package/dist/collection/components/sqm-qr-code/useQRCode.js CHANGED
@@ -27,7 +27,7 @@ export function useQRCode(props) {
27
27
  const contextData = useParentValue(REFERRAL_CODES_NAMESPACE);
28
28
  const [dialogIsOpen, setDialog] = useState(false);
29
29
  const [error, setError] = useState(false);
30
- const { data } = useQuery(ShareLinkQuery, { programId, engagementMedium }, !(user === null || user === void 0 ? void 0 : user.jwt) || (contextData === null || contextData === void 0 ? void 0 : contextData.shareLink) !== undefined);
30
+ const { data, errors } = useQuery(ShareLinkQuery, { programId, engagementMedium }, !(user === null || user === void 0 ? void 0 : user.jwt) || (contextData === null || contextData === void 0 ? void 0 : contextData.shareLink) !== undefined);
31
31
  const [sendLoadEvent] = useMutation(WIDGET_ENGAGEMENT_EVENT);
32
32
  const qrLink = data ? `${data.user.shareLink}?qrCode` : "";
33
33
  const fireEvent = async () => {
@@ -36,7 +36,7 @@ export function useQRCode(props) {
36
36
  programId,
37
37
  id: user === null || user === void 0 ? void 0 : user.id,
38
38
  accountId: user === null || user === void 0 ? void 0 : user.accountId,
39
- type: "USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENET",
39
+ type: "USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",
40
40
  meta: {
41
41
  engagementMedium,
42
42
  shareMedium: "DIRECT",
@@ -92,10 +92,14 @@ export function useQRCode(props) {
92
92
  ...props,
93
93
  qrLink,
94
94
  dialogIsOpen,
95
- error,
96
- showDialog: () => setDialog(true),
95
+ error: error || !!(errors === null || errors === void 0 ? void 0 : errors.message),
96
+ showDialog: () => {
97
+ setError(false);
98
+ setDialog(true);
99
+ },
97
100
  hideDialog: () => {
98
- setDialog(false), setError(false);
101
+ setError(false);
102
+ setDialog(false);
99
103
  },
100
104
  createDownloadable,
101
105
  createPrintable,
package/dist/esm/{sqm-qr-code-view-e04ce586.js → sqm-qr-code-view-cfba2441.js} RENAMED
@@ -70,6 +70,7 @@ function QrCodeView({ dialogIsOpen, error, showDialog, hideDialog, qrLink, title
70
70
  h("style", null, vanillaStyle),
71
71
  h("style", null, styleString),
72
72
  h("div", { class: sheet.classes.FacadeContainer },
73
+ error && (h(ErrorView, { loadingErrorAlertDescription: errorHeaderText, loadingErrorAlertHeader: errorDescriptionText })),
73
74
  h("span", { part: "sqm-title" }, titleText),
74
75
  h("div", { class: sheet.classes.ButtonContainer },
75
76
  h("sl-button", { type: "primary", onClick: showDialog }, viewCodeText),
package/dist/esm/sqm-qr-code.entry.js CHANGED
@@ -6,7 +6,7 @@ import { g as getProps } from './utils-334c1e34.js';
6
6
  import './JSS-67b5cff8.js';
7
7
  import { a as REFERRAL_CODES_NAMESPACE } from './useReferralCodes-8f75921a.js';
8
8
  import './ErrorView-48e2b969.js';
9
- import { Q as QrCodeView } from './sqm-qr-code-view-e04ce586.js';
9
+ import { Q as QrCodeView } from './sqm-qr-code-view-cfba2441.js';
10
10
 
11
11
  const ShareLinkQuery = dist.gql `
12
12
  query shareLink($programId: ID, $engagementMedium: UserEngagementMedium!) {
@@ -33,7 +33,7 @@ function useQRCode(props) {
33
33
  const contextData = Fn(REFERRAL_CODES_NAMESPACE);
34
34
  const [dialogIsOpen, setDialog] = useState(false);
35
35
  const [error, setError] = useState(false);
36
- const { data } = wn(ShareLinkQuery, { programId, engagementMedium }, !(user === null || user === void 0 ? void 0 : user.jwt) || (contextData === null || contextData === void 0 ? void 0 : contextData.shareLink) !== undefined);
36
+ const { data, errors } = wn(ShareLinkQuery, { programId, engagementMedium }, !(user === null || user === void 0 ? void 0 : user.jwt) || (contextData === null || contextData === void 0 ? void 0 : contextData.shareLink) !== undefined);
37
37
  const [sendLoadEvent] = $e(WIDGET_ENGAGEMENT_EVENT);
38
38
  const qrLink = data ? `${data.user.shareLink}?qrCode` : "";
39
39
  const fireEvent = async () => {
@@ -42,7 +42,7 @@ function useQRCode(props) {
42
42
  programId,
43
43
  id: user === null || user === void 0 ? void 0 : user.id,
44
44
  accountId: user === null || user === void 0 ? void 0 : user.accountId,
45
- type: "USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENET",
45
+ type: "USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",
46
46
  meta: {
47
47
  engagementMedium,
48
48
  shareMedium: "DIRECT",
@@ -98,10 +98,14 @@ function useQRCode(props) {
98
98
  ...props,
99
99
  qrLink,
100
100
  dialogIsOpen,
101
- error,
102
- showDialog: () => setDialog(true),
101
+ error: error || !!(errors === null || errors === void 0 ? void 0 : errors.message),
102
+ showDialog: () => {
103
+ setError(false);
104
+ setDialog(true);
105
+ },
103
106
  hideDialog: () => {
104
- setDialog(false), setError(false);
107
+ setError(false);
108
+ setDialog(false);
105
109
  },
106
110
  createDownloadable,
107
111
  createPrintable,
package/dist/esm/sqm-stencilbook.entry.js CHANGED
@@ -30,7 +30,7 @@ import './utilities-5b0ca040.js';
30
30
  import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-54a8651f.js';
31
31
  import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-b12cb894.js';
32
32
  import './ErrorView-48e2b969.js';
33
- import { Q as QrCodeView } from './sqm-qr-code-view-e04ce586.js';
33
+ import { Q as QrCodeView } from './sqm-qr-code-view-cfba2441.js';
34
34
  import { S as ShareButtonView, L as LeaderboardView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalRegisterView, T as TaskCardView, f as ProgressBarView, g as PoweredByImg$1, h as PortalFooterView, H as HeroView, R as ReferralIframeView, N as NameFieldsView, C as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, i as RewardExchangeView, r as rewardExchangeCustomErrorMsg, j as rewardExchangeLongText, k as rewardExchangeSelected, l as chooseAmountFixed, m as chooseAmountFixedNoDescription, n as chooseAmountVariable, o as chooseAmountVariableNoDescription, p as chooseAmountVariableDisabled, q as chooseAmountVariableUnavailable, s as confirmFixed, t as confirmVariable, v as redemptionError, w as queryError, x as success, y as successVariable, z as loading, A as empty$1, F as rewardExchange, G as CardFeedView, J as CouponCodeView, K as ProgressBar$2, M as autoColorScaleCss, O as ShadowViewAddon } from './ShadowViewAddon-499b1f86.js';
35
35
  import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-1683ae32.js';
36
36
  import { O as OtherRegionSlotView, I as InvoiceTableView, T as TaxForm } from './sqm-invoice-table-view-2c726568.js';
package/dist/esm-es5/{sqm-qr-code-view-e04ce586.js → sqm-qr-code-view-cfba2441.js} RENAMED
@@ -1 +1 @@
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,s=e.titleText,r=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},h("span",{part:"sqm-title"},s),h("div",{class:sheet.classes.ButtonContainer},h("sl-button",{type:"primary",onClick:l},r),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:s,"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
+ 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};
package/dist/esm-es5/sqm-qr-code.entry.js CHANGED
@@ -1 +1 @@
1
- var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var o in t)if(Object.prototype.hasOwnProperty.call(t,o))e[o]=t[o]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,n,r){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,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?n(e.value):o(e.value).then(i,s)}c((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={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(t){return c([e,t])}}function c(i){if(r)throw new TypeError("Generator is already executing.");while(n)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:n.label++;return{value:i[1],done:false};case 5:n.label++;o=i[1];i=[0];continue;case 7:i=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(i[0]===6||i[0]===2)){n=0;continue}if(i[0]===3&&(!a||i[1]>a[0]&&i[1]<a[3])){n.label=i[1];break}if(i[0]===6&&n.label<a[1]){n.label=a[1];a=i;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(i);break}if(a[2])n.ops.pop();n.trys.pop();continue}i=t.call(e,n)}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}}};import{r as registerInstance,h as h$1}from"./index-91e7729f.js";import{k as useState,n as h}from"./stencil-hooks.module-4bc38af4.js";import{d as dist,H,J,F as Fn,w as wn,$ as $e,B,i as isDemo}from"./index.module-89a79f66.js";import{c as cjs}from"./cjs-bdfb4486.js";import{g as getProps}from"./utils-334c1e34.js";import"./JSS-67b5cff8.js";import{a as REFERRAL_CODES_NAMESPACE}from"./useReferralCodes-8f75921a.js";import"./ErrorView-48e2b969.js";import{Q as QrCodeView}from"./sqm-qr-code-view-e04ce586.js";var ShareLinkQuery=dist.gql(templateObject_1||(templateObject_1=__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 WIDGET_ENGAGEMENT_EVENT=dist.gql(templateObject_2||(templateObject_2=__makeTemplateObject(["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"],["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"])));function useQRCode(e){var t=this;var n=H();var r=J();var o=B();var a=Fn(REFERRAL_CODES_NAMESPACE);var i=useState(false),s=i[0],c=i[1];var u=useState(false),d=u[0],l=u[1];var f=wn(ShareLinkQuery,{programId:n,engagementMedium:o},!(r===null||r===void 0?void 0:r.jwt)||(a===null||a===void 0?void 0:a.shareLink)!==undefined).data;var m=$e(WIDGET_ENGAGEMENT_EVENT)[0];var h=f?f.user.shareLink+"?qrCode":"";var p=function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){m({eventMeta:{programId:n,id:r===null||r===void 0?void 0:r.id,accountId:r===null||r===void 0?void 0:r.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENET",meta:{engagementMedium:o,shareMedium:"DIRECT"}}});return[2]}))}))};var v=function(){return __awaiter(t,void 0,void 0,(function(){var e,t,n,r,o;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,3,,4]);return[4,fetch(h+"&qrCodeSize=800&qrCodeImageFormat=png")];case 1:e=a.sent();return[4,e.blob()];case 2:t=a.sent();n=URL.createObjectURL(t);if(t)p();r=document.createElement("a");r.href=n;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);l(true);return[3,4];case 4:return[2]}}))}))};var g=function(){return __awaiter(t,void 0,void 0,(function(){var e,t,n,r,o,a;return __generator(this,(function(i){switch(i.label){case 0:i.trys.push([0,3,,4]);return[4,fetch(h+"&qrCodeSize=1000&qrCodeImageFormat=png&qrCodeErrorCorrectionLevel=H")];case 1:e=i.sent();return[4,e.blob()];case 2:t=i.sent();n=URL.createObjectURL(t);if(t)p();r=window.open("about:blank","_new");o=r.document.createElement("img");o.src=n;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);l(true);return[3,4];case 4:return[2]}}))}))};return __assign(__assign({},e),{qrLink:h,dialogIsOpen:s,error:d,showDialog:function(){return c(true)},hideDialog:function(){c(false),l(false)},createDownloadable:v,createPrintable:g})}var QrCode=function(){function e(e){registerInstance(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";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getProps(this);var t=isDemo()?useDemoQRCode(e):useQRCode(e);return h$1(QrCodeView,Object.assign({},t))};return e}();function useDemoQRCode(e){var t=this;var n=useState(false),r=n[0],o=n[1];return cjs({dialogIsOpen:r,showDialog:function(){return o(true)},hideDialog:function(){return o(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(t,void 0,void 0,(function(){return __generator(this,(function(e){console.log("Download QR Code clicked");return[2]}))}))},createPrintable:function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){console.log("Print QR Code clicked");return[2]}))}))}},e.demoData||{},{arrayMerge:function(e,t){return t}})}export{QrCode as sqm_qr_code};var templateObject_1,templateObject_2;
1
+ var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,t){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:t})}else{e.raw=t}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++){t=arguments[n];for(var o in t)if(Object.prototype.hasOwnProperty.call(t,o))e[o]=t[o]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,n,r){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,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?n(e.value):o(e.value).then(i,s)}c((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={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(t){return c([e,t])}}function c(i){if(r)throw new TypeError("Generator is already executing.");while(n)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:n.label++;return{value:i[1],done:false};case 5:n.label++;o=i[1];i=[0];continue;case 7:i=n.ops.pop();n.trys.pop();continue;default:if(!(a=n.trys,a=a.length>0&&a[a.length-1])&&(i[0]===6||i[0]===2)){n=0;continue}if(i[0]===3&&(!a||i[1]>a[0]&&i[1]<a[3])){n.label=i[1];break}if(i[0]===6&&n.label<a[1]){n.label=a[1];a=i;break}if(a&&n.label<a[2]){n.label=a[2];n.ops.push(i);break}if(a[2])n.ops.pop();n.trys.pop();continue}i=t.call(e,n)}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}}};import{r as registerInstance,h as h$1}from"./index-91e7729f.js";import{k as useState,n as h}from"./stencil-hooks.module-4bc38af4.js";import{d as dist,H,J,F as Fn,w as wn,$ as $e,B,i as isDemo}from"./index.module-89a79f66.js";import{c as cjs}from"./cjs-bdfb4486.js";import{g as getProps}from"./utils-334c1e34.js";import"./JSS-67b5cff8.js";import{a as REFERRAL_CODES_NAMESPACE}from"./useReferralCodes-8f75921a.js";import"./ErrorView-48e2b969.js";import{Q as QrCodeView}from"./sqm-qr-code-view-cfba2441.js";var ShareLinkQuery=dist.gql(templateObject_1||(templateObject_1=__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 WIDGET_ENGAGEMENT_EVENT=dist.gql(templateObject_2||(templateObject_2=__makeTemplateObject(["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"],["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"])));function useQRCode(e){var t=this;var n=H();var r=J();var o=B();var a=Fn(REFERRAL_CODES_NAMESPACE);var i=useState(false),s=i[0],c=i[1];var u=useState(false),d=u[0],l=u[1];var f=wn(ShareLinkQuery,{programId:n,engagementMedium:o},!(r===null||r===void 0?void 0:r.jwt)||(a===null||a===void 0?void 0:a.shareLink)!==undefined),m=f.data,h=f.errors;var v=$e(WIDGET_ENGAGEMENT_EVENT)[0];var p=m?m.user.shareLink+"?qrCode":"";var g=function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){v({eventMeta:{programId:n,id:r===null||r===void 0?void 0:r.id,accountId:r===null||r===void 0?void 0:r.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:o,shareMedium:"DIRECT"}}});return[2]}))}))};var _=function(){return __awaiter(t,void 0,void 0,(function(){var e,t,n,r,o;return __generator(this,(function(a){switch(a.label){case 0:a.trys.push([0,3,,4]);return[4,fetch(p+"&qrCodeSize=800&qrCodeImageFormat=png")];case 1:e=a.sent();return[4,e.blob()];case 2:t=a.sent();n=URL.createObjectURL(t);if(t)g();r=document.createElement("a");r.href=n;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);l(true);return[3,4];case 4:return[2]}}))}))};var b=function(){return __awaiter(t,void 0,void 0,(function(){var e,t,n,r,o,a;return __generator(this,(function(i){switch(i.label){case 0:i.trys.push([0,3,,4]);return[4,fetch(p+"&qrCodeSize=1000&qrCodeImageFormat=png&qrCodeErrorCorrectionLevel=H")];case 1:e=i.sent();return[4,e.blob()];case 2:t=i.sent();n=URL.createObjectURL(t);if(t)g();r=window.open("about:blank","_new");o=r.document.createElement("img");o.src=n;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);l(true);return[3,4];case 4:return[2]}}))}))};return __assign(__assign({},e),{qrLink:p,dialogIsOpen:s,error:d||!!(h===null||h===void 0?void 0:h.message),showDialog:function(){l(false);c(true)},hideDialog:function(){l(false);c(false)},createDownloadable:_,createPrintable:b})}var QrCode=function(){function e(e){registerInstance(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";h(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getProps(this);var t=isDemo()?useDemoQRCode(e):useQRCode(e);return h$1(QrCodeView,Object.assign({},t))};return e}();function useDemoQRCode(e){var t=this;var n=useState(false),r=n[0],o=n[1];return cjs({dialogIsOpen:r,showDialog:function(){return o(true)},hideDialog:function(){return o(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(t,void 0,void 0,(function(){return __generator(this,(function(e){console.log("Download QR Code clicked");return[2]}))}))},createPrintable:function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){console.log("Print QR Code clicked");return[2]}))}))}},e.demoData||{},{arrayMerge:function(e,t){return t}})}export{QrCode as sqm_qr_code};var templateObject_1,templateObject_2;