@saasquatch/mint-components 2.5.0 → 2.5.1-1

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 (36) hide show
  1. package/dist/cjs/{ShadowViewAddon-d4cf928f.js → ShadowViewAddon-795963e8.js} +1 -1
  2. package/dist/cjs/sqm-big-stat_47.cjs.entry.js +2 -2
  3. package/dist/cjs/sqm-pagination_3.cjs.entry.js +1 -1
  4. package/dist/cjs/sqm-qr-code.cjs.entry.js +1 -1
  5. package/dist/cjs/sqm-stencilbook.cjs.entry.js +2 -2
  6. package/dist/cjs/{useReferralCodes-0f7948af.js → useReferralCodes-1bfc02eb.js} +2 -0
  7. package/dist/collection/components/sqm-referral-codes/useReferralCodes.js +2 -0
  8. package/dist/esm/{ShadowViewAddon-722e6707.js → ShadowViewAddon-450b0a7a.js} +1 -1
  9. package/dist/esm/sqm-big-stat_47.entry.js +2 -2
  10. package/dist/esm/sqm-pagination_3.entry.js +1 -1
  11. package/dist/esm/sqm-qr-code.entry.js +1 -1
  12. package/dist/esm/sqm-stencilbook.entry.js +2 -2
  13. package/dist/esm/{useReferralCodes-25f8b792.js → useReferralCodes-acbe7b0a.js} +2 -0
  14. package/dist/esm-es5/{ShadowViewAddon-722e6707.js → ShadowViewAddon-450b0a7a.js} +1 -1
  15. package/dist/esm-es5/sqm-big-stat_47.entry.js +1 -1
  16. package/dist/esm-es5/sqm-pagination_3.entry.js +1 -1
  17. package/dist/esm-es5/sqm-qr-code.entry.js +1 -1
  18. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  19. package/dist/esm-es5/{useReferralCodes-25f8b792.js → useReferralCodes-acbe7b0a.js} +1 -1
  20. package/dist/mint-components/mint-components.esm.js +1 -1
  21. package/dist/mint-components/{p-e651593c.system.js → p-01fcd601.system.js} +1 -1
  22. package/dist/mint-components/{p-56a7bb18.system.js → p-1c574ecb.system.js} +1 -1
  23. package/dist/mint-components/{p-9cbb983c.entry.js → p-1fa0187d.entry.js} +1 -1
  24. package/dist/mint-components/{p-3c9d8bf4.system.entry.js → p-2a4b742a.system.entry.js} +1 -1
  25. package/dist/mint-components/{p-91d2e886.entry.js → p-30eab7b9.entry.js} +2 -2
  26. package/dist/mint-components/{p-3ada35f5.entry.js → p-4d3846cc.entry.js} +1 -1
  27. package/dist/mint-components/{p-c51ea96f.system.entry.js → p-6b8236b3.system.entry.js} +1 -1
  28. package/dist/mint-components/{p-2d856a9f.system.entry.js → p-81e7d1b8.system.entry.js} +1 -1
  29. package/dist/mint-components/{p-17f7f612.js → p-a7678b0f.js} +1 -1
  30. package/dist/mint-components/{p-45230a44.js → p-aa69a316.js} +2 -2
  31. package/dist/mint-components/{p-09de0b11.system.entry.js → p-aad907a4.system.entry.js} +1 -1
  32. package/dist/mint-components/p-bfb00685.system.js +1 -1
  33. package/dist/mint-components/{p-de17f8b8.entry.js → p-f8a006f8.entry.js} +1 -1
  34. package/dist/types/components/sqm-referral-codes/useReferralCodes.d.ts +2 -0
  35. package/docs/docs.docx +0 -0
  36. package/package.json +1 -1
package/dist/esm-es5/sqm-pagination_3.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,a=arguments.length;n<a;n++){t=arguments[n];for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,n,a){function r(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,o){function i(e){try{l(a.next(e))}catch(e){o(e)}}function s(e){try{l(a["throw"](e))}catch(e){o(e)}}function l(e){e.done?n(e.value):r(e.value).then(i,s)}l((a=a.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},a,r,o,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 l([e,t])}}function l(i){if(a)throw new TypeError("Generator is already executing.");while(n)try{if(a=1,r&&(o=i[0]&2?r["return"]:i[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;if(r=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:n.label++;return{value:i[1],done:false};case 5:n.label++;r=i[1];i=[0];continue;case 7:i=n.ops.pop();n.trys.pop();continue;default:if(!(o=n.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){n=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){n.label=i[1];break}if(i[0]===6&&n.label<o[1]){n.label=o[1];o=i;break}if(o&&n.label<o[2]){n.label=o[2];n.ops.push(i);break}if(o[2])n.ops.pop();n.trys.pop();continue}i=t.call(e,n)}catch(e){i=[6,e];r=0}finally{a=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{h,F as Fragment,r as registerInstance}from"./index-38ad4957.js";import{i as intl}from"./global-32d00a6e.js";import{n as h$1,k as useState}from"./dom-context-hooks.module-50442785.js";import{F as Fn,i as isDemo,d as dist,H,J,B,w as wn,$ as $e}from"./index.module-02cb914c.js";import{c as cjs}from"./cjs-bdfb4486.js";import{g as getProps}from"./utils-334c1e34.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{R as REFERRAL_CODES_PAGINATION_CONTEXT,a as REFERRAL_CODES_NAMESPACE,S as SET_CODE_COPIED,u as useReferralCodes}from"./useReferralCodes-25f8b792.js";import"./mixins-f750863a.js";import{C as CopyTextView}from"./copy-text-view-87259b11.js";var style={Container:{display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"var(--sl-spacing-small)",width:"100%"},TextContainer:{display:"flex",gap:"var(--sl-spacing-xx-small)"}};var sheet=createStyleSheet(style);var styleString=sheet.toString();function PaginationView(e){var t=e.states,n=e.callbacks,a=e.text,r=e.buttonType;var o=n.onNext,i=n.onPrev;var s=t.currentPage,l=t.totalPages,u=t.loading;if(l===1)return h(Fragment,null);return h("span",{class:sheet.classes.Container,part:"sqm-base"},h("style",{type:"text/css"},styleString),!u&&h(Fragment,null,h("sl-button",{exportparts:"base: "+r+"button-base",onClick:i,part:"sqm-pagination-button",circle:true,disabled:s===1},h("sl-icon",{name:"chevron-left",label:"Previous Page"})),h("div",{class:sheet.classes.TextContainer},a.paginationText)),h("sl-button",{exportparts:"base: "+r+"button-base",onClick:o,part:"sqm-pagination-button",circle:true,disabled:s===l},h("sl-icon",{name:"chevron-right",label:"Previous Page"})))}function usePagination(e){var t;var n=Fn(REFERRAL_CODES_PAGINATION_CONTEXT);var a=n.states.currentPage+1;var r=(t=n.states)===null||t===void 0?void 0:t.pageCount;return{states:{currentPage:a,totalPages:r,loading:n.states.loading},callbacks:{onNext:function(){var e,t;return(e=n.callbacks)===null||e===void 0?void 0:e.setCurrentPage(((t=n.states)===null||t===void 0?void 0:t.currentPage)+1)},onPrev:function(){var e,t;return(e=n.callbacks)===null||e===void 0?void 0:e.setCurrentPage(((t=n.states)===null||t===void 0?void 0:t.currentPage)-1)}},text:{paginationText:intl.formatMessage({id:"paginationText",defaultMessage:e.paginationText},{currentPage:a,totalPages:r})}}}var Pagination=function(){function e(e){registerInstance(this,e);this.ignored=true;this.paginationText="{currentPage} of {totalPages}";this.buttonType="secondary";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useDemoPagination(getProps(this)):usePagination(getProps(this));return h(PaginationView,Object.assign({},e))};return e}();function useDemoPagination(e){var t=useState(1),n=t[0],a=t[1];return cjs({states:{currentPage:n,totalPages:5,loading:false},buttonType:e.buttonType,callbacks:{onNext:function(){return a(n+1)},onPrev:function(){return a(n-1)}},text:{paginationText:intl.formatMessage({id:"paginationText",defaultMessage:e.paginationText||"{currentPage} of {totalPages}"},{currentPage:n,totalPages:5})}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var MessageLinkQuery=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n query getReferralCode($programId: ID) {\n user: viewer {\n ... on User {\n referralCode(programId: $programId)\n }\n }\n }\n"],["\n query getReferralCode($programId: ID) {\n user: viewer {\n ... on User {\n referralCode(programId: $programId)\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 useReferralCode(e){var t,n;var a=e.programId,r=a===void 0?H():a;var o=J();var i=B();var s=Fn(REFERRAL_CODES_NAMESPACE);var l=wn(MessageLinkQuery,{programId:r},!(o===null||o===void 0?void 0:o.jwt)||(s===null||s===void 0?void 0:s.referralCode)!==undefined).data;var u=$e(WIDGET_ENGAGEMENT_EVENT)[0];var c=$e(SET_CODE_COPIED)[0];var d=(n=(s===null||s===void 0?void 0:s.referralCode)||((t=l===null||l===void 0?void 0:l.user)===null||t===void 0?void 0:t.referralCode))!==null&&n!==void 0?n:"...";var p=useState(false),f=p[0],g=p[1];function h(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!s)return[3,2];return[4,c({referralCode:s.referralCode})];case 1:t.sent();s.refresh();t.label=2;case 2:navigator.clipboard.writeText(d);g(true);setTimeout((function(){return g(false)}),e.tooltiplifespan);u({eventMeta:{programId:r,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:i,shareMedium:"DIRECT"}}});return[2]}}))}))}return __assign(__assign({},e),{onClick:h,open:f,copyString:d,isCopied:s===null||s===void 0?void 0:s.isCopied,showNotificationText:e.showNotificationText&&!!(s===null||s===void 0?void 0:s.singleUse)})}var ReferralCode=function(){function e(e){registerInstance(this,e);this.tooltiptext="Copied to Clipboard";this.showNotificationText=false;this.notificationText="You've copied this code before";this.tooltiplifespan=1e3;this.textAlign="left";this.copyButtonLabel="Copy Code";this.buttonStyle="icon";this.buttonType="primary";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getProps(this);var t=isDemo()?useDemoReferralCode(e):useReferralCode(e);return h(CopyTextView,Object.assign({},t))};return e}();function useDemoReferralCode(e){var t=useState(false),n=t[0],a=t[1];var r="REFERRALCODE001";return cjs({copyString:r,tooltiptext:e.tooltiptext,textAlign:e.textAlign,copyButtonLabel:e.copyButtonLabel,buttonStyle:e.buttonStyle,notificationText:e.notificationText,showNotificationText:e.showNotificationText,isCopied:e.showNotificationText,borderColor:e.borderColor,backgroundColor:e.backgroundColor,textColor:e.textColor,borderRadius:e.borderRadius,buttonType:e.buttonType,isUsed:false,rewardStatus:"AVAILABLE",open:n,onClick:function(){navigator.clipboard.writeText(r);a(true);setTimeout((function(){return a(false)}),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:function(e,t){return t}})}function ReferralCodesView(e){var t=e.slots,n=e.titleText,a=e.states,r=e.textColor,o=r===void 0?"var(--sqm-text-subdued)":r;var i={Wrapper:{width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"center",flexDirection:"column",gap:"var(--sl-spacing-large)",color:o},HeaderContainer:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},ShareCodeContainer:{width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"center",flexDirection:"column"},ShareButtonContainer:{width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"center",flexDirection:"column"},TitleText:{fontSize:"var(--sl-font-size-large)",margin:"0"}};var s="\n :host {\n display: block;\n }\n :host([hidden]): {\n display: none;\n }\n ";var l=createStyleSheet(i);var u=l.toString();var c=function(e){if(e.noCodes){return t.empty}if(e.loading){return t.loading}return h("div",{class:l.classes.Wrapper},h("div",{class:l.classes.ShareCodeContainer},t.shareCodes),h("div",{class:l.classes.ShareButtonContainer},t.shareButtons))};return h("div",{class:l.classes.Wrapper,part:"sqm-base"},h("style",{type:"text/css"},s,u),h("div",{class:l.classes.HeaderContainer},h("h2",{class:l.classes.TitleText},n),!a.noCodes&&!a.loading&&t.pagination),c(a))}var ReferralCodes=function(){function e(e){registerInstance(this,e);this.titleText="Start sharing";this.emptyStateHeaderText="Your new codes and links aren’t ready yet";this.emptyStateDescriptionText="Please contact our program support team to let them know you’re out of codes.";this.emptyStateImageUrl="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getProps(this);var t=isDemo()?useDemoReferralCodes(e):useReferralCodes(e);var n={shareButtons:h("slot",{name:"shareButtons"}),shareCodes:h("slot",{name:"shareCodes"}),pagination:h("slot",{name:"pagination"}),empty:h(EmptySlot,{headerText:this.emptyStateHeaderText,descriptionText:this.emptyStateDescriptionText,imageUrl:this.emptyStateImageUrl}),loading:h(LoadingSlot,null)};var a=__assign(__assign({slots:n},t),{loading:t.states.loading,noCodes:t.states.noCodes});return h(ReferralCodesView,Object.assign({},a))};return e}();function EmptySlot(e){var t=e.headerText,n=e.descriptionText,a=e.imageUrl;return h("slot",{name:"empty"},h("sqm-empty",{emptyStateHeader:t,emptyStateText:n,emptyStateImage:a}))}function LoadingSlot(){return h("slot",{name:"loading"},h(LoadingRow,null),h(LoadingRow,null),h(LoadingRow,null),h(LoadingRow,null))}function LoadingRow(){return h("sqm-skeleton",null)}function useDemoReferralCodes(e){return cjs({titleText:e.titleText,textColor:e.textColor,states:{noCodes:false,loading:false}},e.demoData||{},{arrayMerge:function(e,t){return t}})}export{Pagination as sqm_pagination,ReferralCode as sqm_referral_code,ReferralCodes as sqm_referral_codes};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,a=1,n=arguments.length;a<n;a++){t=arguments[a];for(var r in t)if(Object.prototype.hasOwnProperty.call(t,r))e[r]=t[r]}return e};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(e,t,a,n){function r(e){return e instanceof a?e:new a((function(t){t(e)}))}return new(a||(a=Promise))((function(a,o){function i(e){try{l(n.next(e))}catch(e){o(e)}}function s(e){try{l(n["throw"](e))}catch(e){o(e)}}function l(e){e.done?a(e.value):r(e.value).then(i,s)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var a={label:0,sent:function(){if(o[0]&1)throw o[1];return o[1]},trys:[],ops:[]},n,r,o,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 l([e,t])}}function l(i){if(n)throw new TypeError("Generator is already executing.");while(a)try{if(n=1,r&&(o=i[0]&2?r["return"]:i[0]?r["throw"]||((o=r["return"])&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;if(r=0,o)i=[i[0]&2,o.value];switch(i[0]){case 0:case 1:o=i;break;case 4:a.label++;return{value:i[1],done:false};case 5:a.label++;r=i[1];i=[0];continue;case 7:i=a.ops.pop();a.trys.pop();continue;default:if(!(o=a.trys,o=o.length>0&&o[o.length-1])&&(i[0]===6||i[0]===2)){a=0;continue}if(i[0]===3&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(i[0]===6&&a.label<o[1]){a.label=o[1];o=i;break}if(o&&a.label<o[2]){a.label=o[2];a.ops.push(i);break}if(o[2])a.ops.pop();a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e];r=0}finally{n=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};import{h,F as Fragment,r as registerInstance}from"./index-38ad4957.js";import{i as intl}from"./global-32d00a6e.js";import{n as h$1,k as useState}from"./dom-context-hooks.module-50442785.js";import{F as Fn,i as isDemo,d as dist,H,J,B,w as wn,$ as $e}from"./index.module-02cb914c.js";import{c as cjs}from"./cjs-bdfb4486.js";import{g as getProps}from"./utils-334c1e34.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{R as REFERRAL_CODES_PAGINATION_CONTEXT,a as REFERRAL_CODES_NAMESPACE,S as SET_CODE_COPIED,u as useReferralCodes}from"./useReferralCodes-acbe7b0a.js";import"./mixins-f750863a.js";import{C as CopyTextView}from"./copy-text-view-87259b11.js";var style={Container:{display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"var(--sl-spacing-small)",width:"100%"},TextContainer:{display:"flex",gap:"var(--sl-spacing-xx-small)"}};var sheet=createStyleSheet(style);var styleString=sheet.toString();function PaginationView(e){var t=e.states,a=e.callbacks,n=e.text,r=e.buttonType;var o=a.onNext,i=a.onPrev;var s=t.currentPage,l=t.totalPages,u=t.loading;if(l===1)return h(Fragment,null);return h("span",{class:sheet.classes.Container,part:"sqm-base"},h("style",{type:"text/css"},styleString),!u&&h(Fragment,null,h("sl-button",{exportparts:"base: "+r+"button-base",onClick:i,part:"sqm-pagination-button",circle:true,disabled:s===1},h("sl-icon",{name:"chevron-left",label:"Previous Page"})),h("div",{class:sheet.classes.TextContainer},n.paginationText)),h("sl-button",{exportparts:"base: "+r+"button-base",onClick:o,part:"sqm-pagination-button",circle:true,disabled:s===l},h("sl-icon",{name:"chevron-right",label:"Previous Page"})))}function usePagination(e){var t;var a=Fn(REFERRAL_CODES_PAGINATION_CONTEXT);var n=a.states.currentPage+1;var r=(t=a.states)===null||t===void 0?void 0:t.pageCount;return{states:{currentPage:n,totalPages:r,loading:a.states.loading},callbacks:{onNext:function(){var e,t;return(e=a.callbacks)===null||e===void 0?void 0:e.setCurrentPage(((t=a.states)===null||t===void 0?void 0:t.currentPage)+1)},onPrev:function(){var e,t;return(e=a.callbacks)===null||e===void 0?void 0:e.setCurrentPage(((t=a.states)===null||t===void 0?void 0:t.currentPage)-1)}},text:{paginationText:intl.formatMessage({id:"paginationText",defaultMessage:e.paginationText},{currentPage:n,totalPages:r})}}}var Pagination=function(){function e(e){registerInstance(this,e);this.ignored=true;this.paginationText="{currentPage} of {totalPages}";this.buttonType="secondary";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=isDemo()?useDemoPagination(getProps(this)):usePagination(getProps(this));return h(PaginationView,Object.assign({},e))};return e}();function useDemoPagination(e){var t=useState(1),a=t[0],n=t[1];return cjs({states:{currentPage:a,totalPages:5,loading:false},buttonType:e.buttonType,callbacks:{onNext:function(){return n(a+1)},onPrev:function(){return n(a-1)}},text:{paginationText:intl.formatMessage({id:"paginationText",defaultMessage:e.paginationText||"{currentPage} of {totalPages}"},{currentPage:a,totalPages:5})}},e.demoData||{},{arrayMerge:function(e,t){return t}})}var MessageLinkQuery=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n query getReferralCode($programId: ID) {\n user: viewer {\n ... on User {\n referralCode(programId: $programId)\n }\n }\n }\n"],["\n query getReferralCode($programId: ID) {\n user: viewer {\n ... on User {\n referralCode(programId: $programId)\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 useReferralCode(e){var t,a;var n=e.programId,r=n===void 0?H():n;var o=J();var i=B();var s=Fn(REFERRAL_CODES_NAMESPACE);var l=wn(MessageLinkQuery,{programId:r},!(o===null||o===void 0?void 0:o.jwt)||(s===null||s===void 0?void 0:s.referralCode)!==undefined).data;var u=$e(WIDGET_ENGAGEMENT_EVENT)[0];var c=$e(SET_CODE_COPIED)[0];var d=(a=(s===null||s===void 0?void 0:s.referralCode)||((t=l===null||l===void 0?void 0:l.user)===null||t===void 0?void 0:t.referralCode))!==null&&a!==void 0?a:"...";var p=useState(false),f=p[0],g=p[1];function h(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!s)return[3,2];return[4,c({referralCode:s.referralCode})];case 1:t.sent();s.refresh();t.label=2;case 2:navigator.clipboard.writeText(d);g(true);setTimeout((function(){return g(false)}),e.tooltiplifespan);u({eventMeta:{programId:r,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:i,shareMedium:"DIRECT"}}});return[2]}}))}))}return __assign(__assign({},e),{onClick:h,open:f,copyString:d,isCopied:s===null||s===void 0?void 0:s.isCopied,showNotificationText:e.showNotificationText&&!!(s===null||s===void 0?void 0:s.singleUse)})}var ReferralCode=function(){function e(e){registerInstance(this,e);this.tooltiptext="Copied to Clipboard";this.showNotificationText=false;this.notificationText="You've copied this code before";this.tooltiplifespan=1e3;this.textAlign="left";this.copyButtonLabel="Copy Code";this.buttonStyle="icon";this.buttonType="primary";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getProps(this);var t=isDemo()?useDemoReferralCode(e):useReferralCode(e);return h(CopyTextView,Object.assign({},t))};return e}();function useDemoReferralCode(e){var t=useState(false),a=t[0],n=t[1];var r="REFERRALCODE001";return cjs({copyString:r,tooltiptext:e.tooltiptext,textAlign:e.textAlign,copyButtonLabel:e.copyButtonLabel,buttonStyle:e.buttonStyle,notificationText:e.notificationText,showNotificationText:e.showNotificationText,isCopied:e.showNotificationText,borderColor:e.borderColor,backgroundColor:e.backgroundColor,textColor:e.textColor,borderRadius:e.borderRadius,buttonType:e.buttonType,isUsed:false,rewardStatus:"AVAILABLE",open:a,onClick:function(){navigator.clipboard.writeText(r);n(true);setTimeout((function(){return n(false)}),e.tooltiplifespan)}},e.demoData||{},{arrayMerge:function(e,t){return t}})}function ReferralCodesView(e){var t=e.slots,a=e.titleText,n=e.states,r=e.textColor,o=r===void 0?"var(--sqm-text-subdued)":r;var i={Wrapper:{width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"center",flexDirection:"column",gap:"var(--sl-spacing-large)",color:o},HeaderContainer:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},ShareCodeContainer:{width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"center",flexDirection:"column"},ShareButtonContainer:{width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"center",flexDirection:"column"},TitleText:{fontSize:"var(--sl-font-size-large)",margin:"0"}};var s="\n :host {\n display: block;\n }\n :host([hidden]): {\n display: none;\n }\n ";var l=createStyleSheet(i);var u=l.toString();var c=function(e){if(e.noCodes){return t.empty}if(e.loading){return t.loading}return h("div",{class:l.classes.Wrapper},h("div",{class:l.classes.ShareCodeContainer},t.shareCodes),h("div",{class:l.classes.ShareButtonContainer},t.shareButtons))};return h("div",{class:l.classes.Wrapper,part:"sqm-base"},h("style",{type:"text/css"},s,u),h("div",{class:l.classes.HeaderContainer},h("h2",{class:l.classes.TitleText},a),!n.noCodes&&!n.loading&&t.pagination),c(n))}var ReferralCodes=function(){function e(e){registerInstance(this,e);this.titleText="Start sharing";this.emptyStateHeaderText="Your new codes and links aren’t ready yet";this.emptyStateDescriptionText="Please contact our program support team to let them know you’re out of codes.";this.emptyStateImageUrl="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png";h$1(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=getProps(this);var t=isDemo()?useDemoReferralCodes(e):useReferralCodes(e);var a={shareButtons:h("slot",{name:"shareButtons"}),shareCodes:h("slot",{name:"shareCodes"}),pagination:h("slot",{name:"pagination"}),empty:h(EmptySlot,{headerText:this.emptyStateHeaderText,descriptionText:this.emptyStateDescriptionText,imageUrl:this.emptyStateImageUrl}),loading:h(LoadingSlot,null)};var n=__assign(__assign({slots:a},t),{loading:t.states.loading,noCodes:t.states.noCodes});return h(ReferralCodesView,Object.assign({},n))};return e}();function EmptySlot(e){var t=e.headerText,a=e.descriptionText,n=e.imageUrl;return h("slot",{name:"empty"},h("sqm-empty",{emptyStateHeader:t,emptyStateText:a,emptyStateImage:n}))}function LoadingSlot(){return h("slot",{name:"loading"},h(LoadingRow,null),h(LoadingRow,null),h(LoadingRow,null),h(LoadingRow,null))}function LoadingRow(){return h("sqm-skeleton",null)}function useDemoReferralCodes(e){return cjs({titleText:e.titleText,textColor:e.textColor,states:{noCodes:false,loading:false}},e.demoData||{},{arrayMerge:function(e,t){return t}})}export{Pagination as sqm_pagination,ReferralCode as sqm_referral_code,ReferralCodes as sqm_referral_codes};var templateObject_1,templateObject_2;
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-38ad4957.js";import{k as useState,f as useEffect,n as h}from"./dom-context-hooks.module-50442785.js";import{d as dist,H,J,B,F as Fn,w as wn,$ as $e,i as isDemo}from"./index.module-02cb914c.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-25f8b792.js";import"./ErrorView-c6fc1d9b.js";import{Q as QrCodeView}from"./sqm-qr-code-view-dd46daa3.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;var r=H();var o=J();var a=B();var i=Fn(REFERRAL_CODES_NAMESPACE);var s=useState(null),c=s[0],u=s[1];var d=useState(false),l=d[0],f=d[1];var m=useState(false),v=m[0],h=m[1];var g=wn(ShareLinkQuery,{programId:r,engagementMedium:a},!(o===null||o===void 0?void 0:o.jwt)||(i===null||i===void 0?void 0:i.shareLink)!==undefined),p=g.data,_=g.errors,b=g.loading;var w=$e(WIDGET_ENGAGEMENT_EVENT)[0];var E=(n=p===null||p===void 0?void 0:p.user)===null||n===void 0?void 0:n.shareLink;var C=E+"?qrCode";var y=b||v;useEffect((function(){if(!E)return;var e=function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){u(E+"?qrCode&qrCodeImageFormat=svg&qrCodeQuietZoneSize=0");return[2]}))}))};e()}),[E]);var T=function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){w({eventMeta:{programId:r,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(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(C+"&qrCodeSize=800&qrCodeImageFormat=png")];case 1:e=a.sent();return[4,e.blob()];case 2:t=a.sent();n=URL.createObjectURL(t);if(t)T();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);f(true);return[3,4];case 4:return[2]}}))}))};var j=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(C+"&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)T();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);f(true);return[3,4];case 4:return[2]}}))}))};return __assign(__assign({},e),{loading:y,qrLink:c,error:l,createDownloadable:R,createPrintable:j})}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";this.hideTitle=false;this.alignment="center";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,hideTitle:e.hideTitle,showDialog:function(){return o(true)},hideDialog:function(){return o(false)},loading:true,titleText:e.titleText,viewCodeText:e.viewCodeText,downloadCodeText:e.downloadCodeText,printCodeText:e.printCodeText,alignment:e.alignment,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-38ad4957.js";import{k as useState,f as useEffect,n as h}from"./dom-context-hooks.module-50442785.js";import{d as dist,H,J,B,F as Fn,w as wn,$ as $e,i as isDemo}from"./index.module-02cb914c.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-acbe7b0a.js";import"./ErrorView-c6fc1d9b.js";import{Q as QrCodeView}from"./sqm-qr-code-view-dd46daa3.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;var r=H();var o=J();var a=B();var i=Fn(REFERRAL_CODES_NAMESPACE);var s=useState(null),c=s[0],u=s[1];var d=useState(false),l=d[0],f=d[1];var m=useState(false),v=m[0],h=m[1];var g=wn(ShareLinkQuery,{programId:r,engagementMedium:a},!(o===null||o===void 0?void 0:o.jwt)||(i===null||i===void 0?void 0:i.shareLink)!==undefined),p=g.data,_=g.errors,b=g.loading;var w=$e(WIDGET_ENGAGEMENT_EVENT)[0];var E=(n=p===null||p===void 0?void 0:p.user)===null||n===void 0?void 0:n.shareLink;var C=E+"?qrCode";var y=b||v;useEffect((function(){if(!E)return;var e=function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){u(E+"?qrCode&qrCodeImageFormat=svg&qrCodeQuietZoneSize=0");return[2]}))}))};e()}),[E]);var T=function(){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){w({eventMeta:{programId:r,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(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(C+"&qrCodeSize=800&qrCodeImageFormat=png")];case 1:e=a.sent();return[4,e.blob()];case 2:t=a.sent();n=URL.createObjectURL(t);if(t)T();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);f(true);return[3,4];case 4:return[2]}}))}))};var j=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(C+"&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)T();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);f(true);return[3,4];case 4:return[2]}}))}))};return __assign(__assign({},e),{loading:y,qrLink:c,error:l,createDownloadable:R,createPrintable:j})}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";this.hideTitle=false;this.alignment="center";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,hideTitle:e.hideTitle,showDialog:function(){return o(true)},hideDialog:function(){return o(false)},loading:true,titleText:e.titleText,viewCodeText:e.viewCodeText,downloadCodeText:e.downloadCodeText,printCodeText:e.printCodeText,alignment:e.alignment,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;