@saasquatch/mint-components 1.15.0-17 → 1.15.0-18

package/package.json

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

package/dist/mint-components/p-9abb9ab0.entry.js

@@ -1,13 +0,0 @@
-import{h as t,F as e,r as a}from"./p-f708da7b.js";import{n,k as o}from"./p-cd651f81.js";import{i as s}from"./p-776260e8.js";import{F as i,i as r,d as l,H as c,J as d,w as u,$ as p,B as g}from"./p-94a876b9.js";import{c as m}from"./p-c1086930.js";import{g as f}from"./p-9ec99ced.js";import{c as h}from"./p-cef45012.js";import{R as v,a as x,S as y,u as C}from"./p-3f7b81b8.js";import"./p-91521e9d.js";import{C as b}from"./p-2c7ebd5b.js";const P=h({Container:{display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"var(--sl-spacing-small)",width:"100%"},TextContainer:{display:"flex",gap:"var(--sl-spacing-xx-small)"}}),T=P.toString();function j(a){const{states:n,callbacks:o,text:s}=a,{onNext:i,onPrev:r}=o,{currentPage:l,totalPages:c,loading:d}=n;return 1===c?t(e,null):t("span",{class:P.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},T),!d&&t(e,null,t("sl-button",{onClick:r,part:"sqm-pagination-button",circle:!0,disabled:1===l},t("sl-icon",{name:"chevron-left",label:"Previous Page"})),t("div",{class:P.classes.TextContainer},s.paginationText)),t("sl-button",{onClick:i,part:"sqm-pagination-button",circle:!0,disabled:l===c},t("sl-icon",{name:"chevron-right",label:"Previous Page"})))}const k=class{constructor(t){a(this,t),this.ignored=!0,this.paginationText="{currentPage} of {totalPages}",n(this)}disconnectedCallback(){}render(){const e=r()?function(t){const[e,a]=o(1);return m({states:{currentPage:e,totalPages:5,loading:!1},callbacks:{onNext:()=>a(e+1),onPrev:()=>a(e-1)},text:{paginationText:s.formatMessage({id:"paginationText",defaultMessage:t.paginationText||"{currentPage} of {totalPages}"},{currentPage:e,totalPages:5})}},t.demoData||{},{arrayMerge:(t,e)=>e})}(f(this)):function(t){var e;const a=i(v),n=a.states.currentPage+1,o=null===(e=a.states)||void 0===e?void 0:e.pageCount;return{states:{currentPage:n,totalPages:o,loading:a.states.loading},callbacks:{onNext:()=>{var t,e;return null===(t=a.callbacks)||void 0===t?void 0:t.setCurrentPage((null===(e=a.states)||void 0===e?void 0:e.currentPage)+1)},onPrev:()=>{var t,e;return null===(t=a.callbacks)||void 0===t?void 0:t.setCurrentPage((null===(e=a.states)||void 0===e?void 0:e.currentPage)-1)}},text:{paginationText:s.formatMessage({id:"paginationText",defaultMessage:t.paginationText},{currentPage:n,totalPages:o})}}}(f(this));return t(j,Object.assign({},e))}},E=l.gql`
-  query getReferralCode($programId: ID) {
-    user: viewer {
-      ... on User {
-        referralCode(programId: $programId)
-      }
-    }
-  }
-`,I=l.gql`
-  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
-    createUserAnalyticsEvent(eventMeta: $eventMeta)
-  }
-`,w=class{constructor(t){a(this,t),this.tooltiptext="Copied to Clipboard",this.showNotificationText=!1,this.notificationText="You've copied this code before",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Code",this.buttonStyle="icon",this.buttonType="primary",n(this)}disconnectedCallback(){}render(){const e=f(this),a=r()?function(t){const[e,a]=o(!1),n="REFERRALCODE001";return m({copyString:n,tooltiptext:t.tooltiptext,textAlign:t.textAlign,copyButtonLabel:t.copyButtonLabel,buttonStyle:t.buttonStyle,notificationText:t.notificationText,showNotificationText:t.showNotificationText,isCopied:t.showNotificationText,borderColor:t.borderColor,backgroundColor:t.backgroundColor,textColor:t.textColor,borderRadius:t.borderRadius,buttonType:t.buttonType,isUsed:!1,rewardStatus:"AVAILABLE",open:e,onClick:()=>{navigator.clipboard.writeText(n),a(!0),setTimeout((()=>a(!1)),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(e):function(t){var e,a;const{programId:n=c()}=t,s=d(),r=g(),l=i(x),{data:m}=u(E,{programId:n},!(null==s?void 0:s.jwt)||void 0!==(null==l?void 0:l.referralCode)),[f]=p(I),[h]=p(y),v=null!==(a=(null==l?void 0:l.referralCode)||(null===(e=null==m?void 0:m.user)||void 0===e?void 0:e.referralCode))&&void 0!==a?a:"...",[C,b]=o(!1);return{...t,onClick:async function(){l&&(await h({referralCode:l.referralCode}),l.refresh()),navigator.clipboard.writeText(v),b(!0),setTimeout((()=>b(!1)),t.tooltiplifespan),f({eventMeta:{programId:n,id:null==s?void 0:s.id,accountId:null==s?void 0:s.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:r,shareMedium:"DIRECT"}}})},open:C,copyString:v,isCopied:null==l?void 0:l.isCopied,showNotificationText:t.showNotificationText&&!!(null==l?void 0:l.singleUse)}}(e);return t(b,Object.assign({},a))}};function M(e){const{slots:a,titleText:n,states:o,textColor:s="var(--sqm-text-subdued)"}=e,i=h({Wrapper:{width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"center",flexDirection:"column",gap:"var(--sl-spacing-large)",color:s},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"}}),r=i.toString();return t("div",{class:i.classes.Wrapper,part:"sqm-base"},t("style",{type:"text/css"},"\n    :host {\n      display: block;\n    }\n    :host([hidden]): {\n      display: none;\n    }\n  ",r),t("div",{class:i.classes.HeaderContainer},t("h2",{class:i.classes.TitleText},n),!o.noCodes&&!o.loading&&a.pagination),(e=>e.noCodes?a.empty:e.loading?a.loading:t("div",{class:i.classes.Wrapper},t("div",{class:i.classes.ShareCodeContainer},a.shareCodes),t("div",{class:i.classes.ShareButtonContainer},a.shareButtons)))(o))}const R=class{constructor(t){a(this,t),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",n(this)}disconnectedCallback(){}render(){const e=f(this),a=r()?function(t){return m({titleText:t.titleText,textColor:t.textColor,states:{noCodes:!1,loading:!1}},t.demoData||{},{arrayMerge:(t,e)=>e})}(e):C(e),n={slots:{shareButtons:t("slot",{name:"shareButtons"}),shareCodes:t("slot",{name:"shareCodes"}),pagination:t("slot",{name:"pagination"}),empty:t(S,{headerText:this.emptyStateHeaderText,descriptionText:this.emptyStateDescriptionText,imageUrl:this.emptyStateImageUrl}),loading:t(q,null)},...a,loading:a.states.loading,noCodes:a.states.noCodes};return t(M,Object.assign({},n))}};function S({headerText:e,descriptionText:a,imageUrl:n}){return t("slot",{name:"empty"},t("sqm-empty",{emptyStateHeader:e,emptyStateText:a,emptyStateImage:n}))}function q(){return t("slot",{name:"loading"},t(A,null),t(A,null),t(A,null),t(A,null))}function A(){return t("sl-skeleton",{style:{width:"100%"}})}export{k as sqm_pagination,w as sqm_referral_code,R as sqm_referral_codes}

package/dist/mint-components/p-b12e132b.system.entry.js

@@ -1 +0,0 @@
-var __makeTemplateObject=this&&this.__makeTemplateObject||function(t,e){if(Object.defineProperty){Object.defineProperty(t,"raw",{value:e})}else{t.raw=e}return t};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,n=1,a=arguments.length;n<a;n++){e=arguments[n];for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r))t[r]=e[r]}return t};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(t,e,n,a){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,o){function i(t){try{l(a.next(t))}catch(t){o(t)}}function s(t){try{l(a["throw"](t))}catch(t){o(t)}}function l(t){t.done?n(t.value):r(t.value).then(i,s)}l((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){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(t){return function(e){return l([t,e])}}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=e.call(t,n)}catch(t){i=[6,t];r=0}finally{a=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-f26aedcd.system.js","./p-48135f99.system.js","./p-642b0650.system.js","./p-6cd4f2b1.system.js","./p-4bd679a7.system.js","./p-6333265f.system.js","./p-1a673057.system.js","./p-dbc0e4f8.system.js","./p-cd1d497f.system.js","./p-32dbde60.system.js"],(function(t){"use strict";var e,n,a,r,o,i,s,l,u,c,d,f,p,v,g,h,m,y,x,b,C,T;return{setters:[function(t){e=t.h;n=t.F;a=t.r},function(t){r=t.n;o=t.k},function(t){i=t.i},function(t){s=t.F;l=t.i;u=t.d;c=t.H;d=t.J;f=t.w;p=t.$;v=t.B},function(t){g=t.c},function(t){h=t.g},function(t){m=t.c},function(t){y=t.R;x=t.a;b=t.S;C=t.u},function(){},function(t){T=t.C}],execute:function(){var _={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 w=m(_);var P=w.toString();function S(t){var a=t.states,r=t.callbacks,o=t.text;var i=r.onNext,s=r.onPrev;var l=a.currentPage,u=a.totalPages,c=a.loading;if(u===1)return e(n,null);return e("span",{class:w.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},P),!c&&e(n,null,e("sl-button",{onClick:s,part:"sqm-pagination-button",circle:true,disabled:l===1},e("sl-icon",{name:"chevron-left",label:"Previous Page"})),e("div",{class:w.classes.TextContainer},o.paginationText)),e("sl-button",{onClick:i,part:"sqm-pagination-button",circle:true,disabled:l===u},e("sl-icon",{name:"chevron-right",label:"Previous Page"})))}function j(t){var e;var n=s(y);var a=n.states.currentPage+1;var r=(e=n.states)===null||e===void 0?void 0:e.pageCount;return{states:{currentPage:a,totalPages:r,loading:n.states.loading},callbacks:{onNext:function(){var t,e;return(t=n.callbacks)===null||t===void 0?void 0:t.setCurrentPage(((e=n.states)===null||e===void 0?void 0:e.currentPage)+1)},onPrev:function(){var t,e;return(t=n.callbacks)===null||t===void 0?void 0:t.setCurrentPage(((e=n.states)===null||e===void 0?void 0:e.currentPage)-1)}},text:{paginationText:i.formatMessage({id:"paginationText",defaultMessage:t.paginationText},{currentPage:a,totalPages:r})}}}var k=t("sqm_pagination",function(){function t(t){a(this,t);this.ignored=true;this.paginationText="{currentPage} of {totalPages}";r(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=l()?I(h(this)):j(h(this));return e(S,Object.assign({},t))};return t}());function I(t){var e=o(1),n=e[0],a=e[1];return g({states:{currentPage:n,totalPages:5,loading:false},callbacks:{onNext:function(){return a(n+1)},onPrev:function(){return a(n-1)}},text:{paginationText:i.formatMessage({id:"paginationText",defaultMessage:t.paginationText||"{currentPage} of {totalPages}"},{currentPage:n,totalPages:5})}},t.demoData||{},{arrayMerge:function(t,e){return e}})}var E=u.gql(__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 M=u.gql(__makeTemplateObject(["\n  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n    createUserAnalyticsEvent(eventMeta: $eventMeta)\n  }\n"],["\n  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n    createUserAnalyticsEvent(eventMeta: $eventMeta)\n  }\n"]));function q(t){var e,n;var a=t.programId,r=a===void 0?c():a;var i=d();var l=v();var u=s(x);var g=f(E,{programId:r},!(i===null||i===void 0?void 0:i.jwt)||(u===null||u===void 0?void 0:u.referralCode)!==undefined).data;var h=p(M)[0];var m=p(b)[0];var y=(n=(u===null||u===void 0?void 0:u.referralCode)||((e=g===null||g===void 0?void 0:g.user)===null||e===void 0?void 0:e.referralCode))!==null&&n!==void 0?n:"...";var C=o(false),T=C[0],_=C[1];function w(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!u)return[3,2];return[4,m({referralCode:u.referralCode})];case 1:e.sent();u.refresh();e.label=2;case 2:navigator.clipboard.writeText(y);_(true);setTimeout((function(){return _(false)}),t.tooltiplifespan);h({eventMeta:{programId:r,id:i===null||i===void 0?void 0:i.id,accountId:i===null||i===void 0?void 0:i.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:l,shareMedium:"DIRECT"}}});return[2]}}))}))}return __assign(__assign({},t),{onClick:w,open:T,copyString:y,isCopied:u===null||u===void 0?void 0:u.isCopied,showNotificationText:t.showNotificationText&&!!(u===null||u===void 0?void 0:u.singleUse)})}var R=t("sqm_referral_code",function(){function t(t){a(this,t);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";r(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=h(this);var n=l()?A(t):q(t);return e(T,Object.assign({},n))};return t}());function A(t){var e=o(false),n=e[0],a=e[1];var r="REFERRALCODE001";return g({copyString:r,tooltiptext:t.tooltiptext,textAlign:t.textAlign,copyButtonLabel:t.copyButtonLabel,buttonStyle:t.buttonStyle,notificationText:t.notificationText,showNotificationText:t.showNotificationText,isCopied:t.showNotificationText,borderColor:t.borderColor,backgroundColor:t.backgroundColor,textColor:t.textColor,borderRadius:t.borderRadius,buttonType:t.buttonType,isUsed:false,rewardStatus:"AVAILABLE",open:n,onClick:function(){navigator.clipboard.writeText(r);a(true);setTimeout((function(){return a(false)}),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:function(t,e){return e}})}function O(t){var n=t.slots,a=t.titleText,r=t.states,o=t.textColor,i=o===void 0?"var(--sqm-text-subdued)":o;var s={Wrapper:{width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"center",flexDirection:"column",gap:"var(--sl-spacing-large)",color:i},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 l="\n    :host {\n      display: block;\n    }\n    :host([hidden]): {\n      display: none;\n    }\n  ";var u=m(s);var c=u.toString();var d=function(t){if(t.noCodes){return n.empty}if(t.loading){return n.loading}return e("div",{class:u.classes.Wrapper},e("div",{class:u.classes.ShareCodeContainer},n.shareCodes),e("div",{class:u.classes.ShareButtonContainer},n.shareButtons))};return e("div",{class:u.classes.Wrapper,part:"sqm-base"},e("style",{type:"text/css"},l,c),e("div",{class:u.classes.HeaderContainer},e("h2",{class:u.classes.TitleText},a),!r.noCodes&&!r.loading&&n.pagination),d(r))}var U=t("sqm_referral_codes",function(){function t(t){a(this,t);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";r(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=h(this);var n=l()?$(t):C(t);var a={shareButtons:e("slot",{name:"shareButtons"}),shareCodes:e("slot",{name:"shareCodes"}),pagination:e("slot",{name:"pagination"}),empty:e(D,{headerText:this.emptyStateHeaderText,descriptionText:this.emptyStateDescriptionText,imageUrl:this.emptyStateImageUrl}),loading:e(N,null)};var r=__assign(__assign({slots:a},n),{loading:n.states.loading,noCodes:n.states.noCodes});return e(O,Object.assign({},r))};return t}());function D(t){var n=t.headerText,a=t.descriptionText,r=t.imageUrl;return e("slot",{name:"empty"},e("sqm-empty",{emptyStateHeader:n,emptyStateText:a,emptyStateImage:r}))}function N(){return e("slot",{name:"loading"},e(B,null),e(B,null),e(B,null),e(B,null))}function B(){return e("sl-skeleton",{style:{width:"100%"}})}function $(t){return g({titleText:t.titleText,textColor:t.textColor,states:{noCodes:false,loading:false}},t.demoData||{},{arrayMerge:function(t,e){return e}})}}}}));