@saasquatch/mint-components 1.13.3-4 → 1.13.3-7

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 (24) 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 +12 -8
  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/sqm-qr-code.js +4 -4
  6. package/dist/collection/components/sqm-qr-code/useQRCode.js +7 -3
  7. package/dist/esm/{sqm-qr-code-view-e04ce586.js → sqm-qr-code-view-cfba2441.js} +1 -0
  8. package/dist/esm/sqm-qr-code.entry.js +12 -8
  9. package/dist/esm/sqm-stencilbook.entry.js +1 -1
  10. package/dist/esm-es5/{sqm-qr-code-view-e04ce586.js → sqm-qr-code-view-cfba2441.js} +1 -1
  11. package/dist/esm-es5/sqm-qr-code.entry.js +1 -1
  12. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  13. package/dist/mint-components/mint-components.esm.js +1 -1
  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-54fe93d8.entry.js +17 -0
  17. package/dist/mint-components/{p-494572ef.system.js → p-571e6814.system.js} +1 -1
  18. package/dist/mint-components/{p-fcd121db.entry.js → p-7d724467.entry.js} +1 -1
  19. package/dist/mint-components/p-b1205f52.js +1 -0
  20. package/dist/mint-components/{p-567d24c8.system.entry.js → p-b7c2b39f.system.entry.js} +1 -1
  21. package/docs/docs.docx +0 -0
  22. package/package.json +1 -1
  23. package/dist/mint-components/p-3a9121ce.entry.js +0 -17
  24. 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!) {
@@ -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",
@@ -103,9 +103,13 @@ function useQRCode(props) {
103
103
  qrLink,
104
104
  dialogIsOpen,
105
105
  error,
106
- showDialog: () => setDialog(true),
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,
@@ -154,10 +158,10 @@ function useDemoQRCode(props) {
154
158
  dialogIsOpen,
155
159
  showDialog: () => setDialog(true),
156
160
  hideDialog: () => setDialog(false),
157
- titleText: this.titleText,
158
- viewCodeText: this.viewCodeText,
159
- downloadCodeText: this.downloadCodeText,
160
- printCodeText: this.printCodeText,
161
+ titleText: props.titleText,
162
+ viewCodeText: props.viewCodeText,
163
+ downloadCodeText: props.downloadCodeText,
164
+ printCodeText: props.printCodeText,
161
165
  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=",
162
166
  fireViewQrEvent: () => {
163
167
  console.log("View QR Code clicked");
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/sqm-qr-code.js CHANGED
@@ -211,10 +211,10 @@ function useDemoQRCode(props) {
211
211
  dialogIsOpen,
212
212
  showDialog: () => setDialog(true),
213
213
  hideDialog: () => setDialog(false),
214
- titleText: this.titleText,
215
- viewCodeText: this.viewCodeText,
216
- downloadCodeText: this.downloadCodeText,
217
- printCodeText: this.printCodeText,
214
+ titleText: props.titleText,
215
+ viewCodeText: props.viewCodeText,
216
+ downloadCodeText: props.downloadCodeText,
217
+ printCodeText: props.printCodeText,
218
218
  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=",
219
219
  fireViewQrEvent: () => {
220
220
  console.log("View QR Code clicked");
package/dist/collection/components/sqm-qr-code/useQRCode.js CHANGED
@@ -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",
@@ -93,9 +93,13 @@ export function useQRCode(props) {
93
93
  qrLink,
94
94
  dialogIsOpen,
95
95
  error,
96
- showDialog: () => setDialog(true),
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!) {
@@ -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",
@@ -99,9 +99,13 @@ function useQRCode(props) {
99
99
  qrLink,
100
100
  dialogIsOpen,
101
101
  error,
102
- showDialog: () => setDialog(true),
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,
@@ -150,10 +154,10 @@ function useDemoQRCode(props) {
150
154
  dialogIsOpen,
151
155
  showDialog: () => setDialog(true),
152
156
  hideDialog: () => setDialog(false),
153
- titleText: this.titleText,
154
- viewCodeText: this.viewCodeText,
155
- downloadCodeText: this.downloadCodeText,
156
- printCodeText: this.printCodeText,
157
+ titleText: props.titleText,
158
+ viewCodeText: props.viewCodeText,
159
+ downloadCodeText: props.downloadCodeText,
160
+ printCodeText: props.printCodeText,
157
161
  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=",
158
162
  fireViewQrEvent: () => {
159
163
  console.log("View QR Code clicked");
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:this.titleText,viewCodeText:this.viewCodeText,downloadCodeText:this.downloadCodeText,printCodeText:this.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).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_EVENT",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(){l(false);c(true)},hideDialog:function(){l(false);c(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;