@saasquatch/mint-components 1.11.1-13 → 1.11.1-15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{ShadowViewAddon-0747fd76.js → ShadowViewAddon-3e6c5c29.js} +9 -7
- package/dist/cjs/{copy-text-view-f154b584.js → copy-text-view-c1e79e2c.js} +11 -3
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/mint-components.cjs.js +1 -1
- package/dist/cjs/sqm-big-stat_38.cjs.entry.js +2 -2
- package/dist/cjs/sqm-empty_4.cjs.entry.js +5 -0
- package/dist/cjs/sqm-pagination_3.cjs.entry.js +29 -7
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +23 -3
- package/dist/collection/components/sqm-empty/sqm-empty.js +10 -2
- package/dist/collection/components/sqm-referral-code/useReferralCode.js +5 -4
- package/dist/collection/components/sqm-referral-codes/ReferralCodes.stories.js +18 -0
- package/dist/collection/components/sqm-referral-codes/sqm-referral-codes-view.js +13 -3
- package/dist/collection/components/sqm-referral-codes/sqm-referral-codes.js +17 -1
- package/dist/collection/components/sqm-referral-codes/useReferralCodes.js +10 -2
- package/dist/collection/components/sqm-share-button/useShareButton.js +5 -4
- package/dist/collection/components/sqm-share-link/useShareLink.js +5 -4
- package/dist/esm/{ShadowViewAddon-2bc2e431.js → ShadowViewAddon-ee414299.js} +9 -7
- package/dist/esm/{copy-text-view-ebf0d5f9.js → copy-text-view-b30c4966.js} +11 -3
- package/dist/esm/loader.js +1 -1
- package/dist/esm/mint-components.js +1 -1
- package/dist/esm/sqm-big-stat_38.entry.js +2 -2
- package/dist/esm/sqm-empty_4.entry.js +5 -0
- package/dist/esm/sqm-pagination_3.entry.js +29 -7
- package/dist/esm/sqm-stencilbook.entry.js +23 -3
- package/dist/esm-es5/ShadowViewAddon-ee414299.js +1 -0
- package/dist/esm-es5/copy-text-view-b30c4966.js +1 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mint-components.js +1 -1
- package/dist/esm-es5/sqm-big-stat_38.entry.js +1 -1
- package/dist/esm-es5/sqm-empty_4.entry.js +1 -1
- package/dist/esm-es5/sqm-pagination_3.entry.js +1 -1
- package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
- package/dist/mint-components/mint-components.esm.js +1 -1
- package/dist/mint-components/p-018cc95e.js +54 -0
- package/dist/mint-components/p-261944f3.system.js +1 -0
- package/dist/mint-components/p-27431182.entry.js +13 -0
- package/dist/mint-components/{p-b0f8491a.entry.js → p-35f8d75b.entry.js} +1 -1
- package/dist/mint-components/p-5fc8d87c.system.js +1 -1
- package/dist/mint-components/{p-c9ea2028.entry.js → p-60d80d37.entry.js} +2 -2
- package/dist/mint-components/p-a49c7625.system.entry.js +1 -0
- package/dist/mint-components/{p-00803a58.system.entry.js → p-a8cfd480.system.entry.js} +1 -1
- package/dist/mint-components/{p-7b5c2885.system.entry.js → p-aef3b495.system.entry.js} +1 -1
- package/dist/mint-components/{p-e6f5d724.js → p-c43ed243.js} +3 -3
- package/dist/mint-components/p-c5ee3214.system.entry.js +1 -0
- package/dist/mint-components/p-ef2b89c9.entry.js +1 -0
- package/dist/mint-components/p-fbb0f8a5.system.js +1 -0
- package/dist/types/components/sqm-empty/sqm-empty.d.ts +1 -1
- package/dist/types/components/sqm-referral-codes/ReferralCodes.stories.d.ts +2 -0
- package/dist/types/components/sqm-referral-codes/sqm-referral-codes-view.d.ts +6 -2
- package/dist/types/components/sqm-referral-codes/useReferralCodes.d.ts +2 -1
- package/dist/types/components.d.ts +1 -1
- package/docs/docs.docx +0 -0
- package/docs/raisins.json +1 -1
- package/package.json +1 -1
- package/dist/esm-es5/ShadowViewAddon-2bc2e431.js +0 -1
- package/dist/esm-es5/copy-text-view-ebf0d5f9.js +0 -1
- package/dist/mint-components/p-110dddfe.entry.js +0 -1
- package/dist/mint-components/p-1bb1d8b0.system.entry.js +0 -1
- package/dist/mint-components/p-3dd34924.js +0 -48
- package/dist/mint-components/p-476182e7.system.entry.js +0 -1
- package/dist/mint-components/p-889962cf.system.js +0 -1
- package/dist/mint-components/p-969d9ce2.entry.js +0 -13
- package/dist/mint-components/p-a9b0066e.system.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as e,c as a,d as l,g as t}from"./p-64c3217a.js";import{k as r,b as i,u as s}from"./p-fd2c5407.js";import{i as o}from"./p-9c3d78e9.js";import{d as n,H as d,Q as c,I as u,y as p,$ as v,B as m,a as g,L as f}from"./p-00be5090.js";import{l as h}from"./p-9ec99ced.js";import{c as b,j as x,a as C}from"./p-cef45012.js";import{a as y,S as w,C as q}from"./p-3dd34924.js";import{c as R}from"./p-c1086930.js";import{H as $,A as _,a as S,b as k,E as M}from"./p-02be1a88.js";import{u as E}from"./p-6b0e6a6c.js";import{l as I}from"./p-251e7567.js";import{T}from"./p-5d0c9424.js";import{p as V}from"./p-8d363802.js";import{a as A,b as z}from"./p-bd4e9c2b.js";import{a as L,P as H}from"./p-c7fd9e16.js";const B={facebook:{color:"#1877f2",text:"#fff",icon:"facebook"},twitter:{color:"#000000",text:"#fff",icon:"twitter-x"},email:{color:"#666666",text:"#fff",icon:"envelope"},direct:{color:"var(--sl-color-primary-500)",text:"#fff",icon:"send"},linkedin:{color:"#0077b5",text:"#fff",icon:"linkedin"},sms:{color:"#34DA50",text:"#fff",icon:"chat"},fbmessenger:{color:"#0084ff",text:"#fff",icon:"messenger"},whatsapp:{color:"#25d366",text:"#fff",icon:"whatsapp"},linemessenger:{color:"#00B300",text:"#fff",icon:"line"},pinterest:{color:"#e60023",text:"#fff",icon:"pinterest"}},D=b({HostBlock:$,buttonStyle:{display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"0"}}),P=D.toString();function F(l,t){const r=`\n\t*::part(base) {\n\tborder: none;\n\t\t\t--sl-focus-ring-color-primary: ${l.backgroundcolor?l.backgroundcolor:l.medium?B[l.medium].color:""}80!important;\n\n\tbackground: ${l.backgroundcolor?l.backgroundcolor:l.medium?B[l.medium].color:""};\n\tcolor: ${l.textcolor?l.textcolor:l.medium?B[l.medium].text:""};\n\tborder-radius: ${l.borderradius?l.borderradius+"px":""};\n\t}\n\n\t*::part(base):hover {\n\t\tborder-color: ${l.backgroundcolor?l.backgroundcolor:l.medium?B[l.medium].color:""}D1!important;\n\t}\n\n\t*::part(base):focus {\n\t\tborder-color: ${l.backgroundcolor?l.backgroundcolor:l.medium?B[l.medium].color:""}D1!important;\n\t}\n\n\t*::part(label) {\n\t\tposition: relative;\n\t\ttop: 2%;\n\t}\n\t`;return l.hide?e(a,{style:{display:"none"}}):e("div",null,e("style",{type:"text/css"},P),e("style",{type:"text/css"},r),e("sl-button",{class:D.classes.buttonStyle,loading:l.loading,disabled:l.disabled,pill:l.pill,size:l.size,type:l.type,onClick:l.onClick,exportparts:`base: ${l.type}sharebutton-base`},!l.hideicon&&e("sl-icon",{slot:l.iconslot||"prefix",name:l.icon?l.icon:B[l.medium].icon,exportparts:"base: icon"}),!l.hidetext&&t))}const U=b({Leaderboard:{"& table":{width:"100%",borderCollapse:"collapse"},"& th":{textAlign:"left",padding:"var(--sl-spacing-medium)",paddingTop:"0",fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-semibold)"},"& tr:not(:first-child)":{borderTop:"1px solid var(--sl-color-neutral-200)"},"& td":{fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)"},"& .ellipses":{textAlign:"left",padding:"0",color:"var(--sl-color-neutral-500)",paddingLeft:"25%"},"& .highlight":{background:"var(--sl-color-primary-50)"},"& td, th":{color:"var(--sl-color-gray-800)",padding:"var(--sl-spacing-medium)"},"& .User":{width:"100%"},"& .Score":{width:"auto",whiteSpace:"nowrap"},"& .Rank":{whiteSpace:"nowrap"},"& .fullWidth":{width:"100%"}}}),j=U.toString();function Z(a){var l,t,r;const{states:i,data:s,elements:n}=a,{styles:d}=i;if(i.isEssentials)return e("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1715360191/squatch-assets/Leaderboard_Not_Available.svg","empty-state-header":"Leaderboards aren’t available on your plan","empty-state-text":"Contact {supportText} to upgrade your plan and start leveraging gamification in your program.","support-text":"Support"});if(i.loading)return e("div",{class:U.classes.Leaderboard,style:{width:d.width||"100%"}},e("style",{type:"text/css"},j,"\n :host{\n display: block;\n }\n"),e("table",null,[...Array(10)].map((()=>e("tr",null,e("td",null,e("sl-skeleton",null)))))));if(!i.hasLeaders)return n.empty;let c=!1;const u=e=>{if(!e.firstName&&!e.lastInitial)return d.anonymousUser;const{firstName:a,lastInitial:l}=e;return a&&l?`${a} ${l}`:a||l?a||l:d.anonymousUser},p=(e,a)=>{if(!e)return d.hideNames?`${d.viewingUserText}`:"-";const l=` - ${d.viewingUserText}`;return d.rankSuffix?o.formatMessage({id:"rank",defaultMessage:d.rankSuffix},{rank:e})+`${a&&d.hideNames?l:""}`:`${e} ${a&&d.hideNames?l:""}`};return e("div",{class:U.classes.Leaderboard,part:"sqm-base",style:{width:d.width||"100%"}},e("style",{type:"text/css"},j,"\n :host{\n display: block;\n }\n"),e("table",{part:"sqm-table"},e("tr",null,d.showRank&&e("th",{class:"Rank "+(d.hideNames?"fullWidth":"")},d.rankheading),!d.hideNames&&e("th",{class:"User"},d.usersheading),e("th",{class:"Score"},d.statsheading)),null===(l=s.leaderboard)||void 0===l?void 0:l.map((a=>{var l,t;a.rowNumber===(null===(l=s.viewerRank)||void 0===l?void 0:l.rowNumber)&&(c=!0);const r=!d.hideViewer&&a.rowNumber===(null===(t=s.viewerRank)||void 0===t?void 0:t.rowNumber);return e("tr",{class:r?"highlight":""},d.showRank&&e("td",{class:"Rank"},p(a.rank,r)),!d.hideNames&&e("td",{class:"User"},u(a)),e("td",{class:"Score"},a.textValue))})),!c&&!d.hideViewer&&e("tr",null,e("td",{colSpan:100,class:"ellipses"},e("sl-icon",{name:"three-dots",style:{verticalAlign:"middle"}}))),!c&&!d.hideViewer&&e("tr",{class:"highlight"},d.showRank&&e("td",{class:"Rank"},p(null===(t=s.viewerRank)||void 0===t?void 0:t.rank,!0)),!d.hideNames&&e("td",{class:"User"},u(s.viewerRank||{})),e("td",{class:"Score"},(null===(r=s.viewerRank)||void 0===r?void 0:r.textValue)||"0"))))}function W(a){const{statvalue:l,flexReverse:t,alignment:r}=a,i=b({Container:{display:"flex",height:"inherit","justify-content":"space-between","flex-direction":t?"column-reverse":"column","align-items":"left"===r?"flex-start":"right"===r?"flex-end":"center"},Stat:{"font-size":"var(--sl-font-size-x-large)","text-align":r},Description:{"font-size":"var(--sl-font-size-small)","font-weight":"var(--sl-font-weight-normal)",color:"var(--sl-color-gray-600)","text-transform":"uppercase","text-align":r}}),s=i.toString();return e("div",{part:"stat-wrapper",class:i.classes.Container},e("style",{type:"text/css"},s),e("div",{part:"stat-value",class:i.classes.Stat},l),e("div",{part:"stat-description",class:i.classes.Description},a.labelSlot))}const N=b({HostBlock:$,Frame:{display:"flex","flex-direction":"column","box-sizing":"border-box"},FooterWrapper:{width:"100%","max-width":"100%",padding:"var(--sl-spacing-medium) var(--sl-spacing-x-large)",background:"var(--sqm-footer-background)",display:"flex","justify-content":"flex-end","align-items":"center","box-sizing":"border-box","margin-top":"auto"},HeaderWrapper:{width:"100%","max-width":"100%","box-sizing":"border-box",display:"flex","justify-content":"space-between",padding:"var(--sl-spacing-small) var(--sl-spacing-large)","align-items":"center","background-color":"var(--sqm-header-background)","@media screen and (max-width: 499px)":{"flex-direction":"row-reverse","justify-content":"flex-end",padding:"0"}}}),O=N.toString();function G(a,l){const{data:t,notFullScreen:r}=a;return e("div",{style:{minHeight:r?"100%":"100vh"},class:N.classes.Frame,part:"sqm-base"},e("style",{type:"text/css"},O),e("div",{class:N.classes.HeaderWrapper,part:"sqm-header"},t.header,e("slot",{name:"sqm-navigation-menu"})),l,e("div",{class:N.classes.FooterWrapper,part:"sqm-footer"},t.footer))}const X=a=>{var l,t,r,i;const{states:s,callbacks:o}=a,{text:n}=s,{errors:d}=s.formState;return s.showEdit?e("div",{class:`CardWrapper ${!s.showEdit&&"ShowEdit"}`,part:"sqm-base"},e("h2",{part:"sqm-header",style:{fontSize:"var(--sl-font-size-x-large)",margin:"0px",textAlign:"center"}},n.editprofileheader),e("form",{class:"FormWrapper",onSubmit:o.onSubmit},e("div",{class:"FormSection"},s.formState.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},s.formState.error)),e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",value:s.formState.firstName,onInput:o.onChange,label:n.firstnametext,disabled:s.loading},d.firstName&&"valid"!==d.firstName.status?{class:"ErrorStyles",helpText:n.fieldEmptyText}:[],{id:"firstName",name:"firstName",error:d.firstName&&"valid"!==d.firstName.status?d.firstName.message:void 0})),e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",value:s.formState.lastName,onInput:o.onChange,label:n.lastnametext,disabled:s.loading,id:"lastName",name:"lastName"},d.lastName&&"valid"!==d.lastName.status?{class:"ErrorStyles",helpText:n.fieldEmptyText}:[],{error:d.lastName&&"valid"!==d.lastName.status?d.lastName.message:void 0}))),n.showregion&&s.formState.currentRegion&&e("sl-input",{exportparts:"label: input-label, base: input-base",disabled:!0,value:s.formState.currentRegion,label:n.currentregiontext,id:"currentRegion",name:"currentRegion"}),e("div",{class:"ButtonWrapper"},e("sl-button",{type:"primary",loading:s.loading,disabled:s.submitDisabled,onClick:e=>{o.onSubmit(e)},submit:!0,exportparts:"base: primarybutton-base"},n.updatetext),e("sl-button",{onClick:()=>{o.setShowEdit(!1)},exportparts:"base: defaultbutton-base"},n.canceltext)))):e("div",{class:`CardWrapper FormWrapper ${!s.showEdit&&"ShowEdit"}`,part:"sqm-base"},e("div",{class:"FormSection"},e("h2",{part:"sqm-header",style:{fontSize:"var(--sl-font-size-x-large)",marginBottom:"0px",textAlign:"center"}},n.editprofileheader),e("div",null,e("p",{style:{fontSize:"var(--sl-font-size-medium)"}},null===(l=s.user)||void 0===l?void 0:l.firstName," ",null===(t=s.user)||void 0===t?void 0:t.lastName),e("p",{style:{fontSize:"var(--sl-font-size-medium)"},title:null===(r=s.user)||void 0===r?void 0:r.email},null===(i=s.user)||void 0===i?void 0:i.email))),e("sl-button",{type:"primary",loading:s.loading,onClick:()=>{o.resetForm(),o.setShowEdit(!0)},exportparts:"base: primarybutton-base"},n.editprofiletext))},Q=n.gql`
|
|
1
|
+
import{h as e,c as a,d as l,g as t}from"./p-64c3217a.js";import{k as r,b as i,u as s}from"./p-fd2c5407.js";import{i as o}from"./p-9c3d78e9.js";import{d as n,H as d,Q as c,I as u,y as p,$ as v,B as m,a as g,L as f}from"./p-00be5090.js";import{l as h}from"./p-9ec99ced.js";import{c as b,j as x,a as C}from"./p-cef45012.js";import{a as y,S as w,C as q}from"./p-018cc95e.js";import{c as R}from"./p-c1086930.js";import{H as $,A as _,a as S,b as k,E as M}from"./p-02be1a88.js";import{u as E}from"./p-6b0e6a6c.js";import{l as I}from"./p-251e7567.js";import{T}from"./p-5d0c9424.js";import{p as V}from"./p-8d363802.js";import{a as A,b as z}from"./p-bd4e9c2b.js";import{a as L,P as H}from"./p-c7fd9e16.js";const B={facebook:{color:"#1877f2",text:"#fff",icon:"facebook"},twitter:{color:"#000000",text:"#fff",icon:"twitter-x"},email:{color:"#666666",text:"#fff",icon:"envelope"},direct:{color:"var(--sl-color-primary-500)",text:"#fff",icon:"send"},linkedin:{color:"#0077b5",text:"#fff",icon:"linkedin"},sms:{color:"#34DA50",text:"#fff",icon:"chat"},fbmessenger:{color:"#0084ff",text:"#fff",icon:"messenger"},whatsapp:{color:"#25d366",text:"#fff",icon:"whatsapp"},linemessenger:{color:"#00B300",text:"#fff",icon:"line"},pinterest:{color:"#e60023",text:"#fff",icon:"pinterest"}},D=b({HostBlock:$,buttonStyle:{display:"flex",alignItems:"center",justifyContent:"center",lineHeight:"0"}}),P=D.toString();function F(l,t){const r=`\n\t*::part(base) {\n\tborder: none;\n\t\t\t--sl-focus-ring-color-primary: ${l.backgroundcolor?l.backgroundcolor:l.medium?B[l.medium].color:""}80!important;\n\n\tbackground: ${l.backgroundcolor?l.backgroundcolor:l.medium?B[l.medium].color:""};\n\tcolor: ${l.textcolor?l.textcolor:l.medium?B[l.medium].text:""};\n\tborder-radius: ${l.borderradius?l.borderradius+"px":""};\n\t}\n\n\t*::part(base):hover {\n\t\tborder-color: ${l.backgroundcolor?l.backgroundcolor:l.medium?B[l.medium].color:""}D1!important;\n\t}\n\n\t*::part(base):focus {\n\t\tborder-color: ${l.backgroundcolor?l.backgroundcolor:l.medium?B[l.medium].color:""}D1!important;\n\t}\n\n\t*::part(label) {\n\t\tposition: relative;\n\t\ttop: 2%;\n\t}\n\t`;return l.hide?e(a,{style:{display:"none"}}):e("div",null,e("style",{type:"text/css"},P),e("style",{type:"text/css"},r),e("sl-button",{class:D.classes.buttonStyle,loading:l.loading,disabled:l.disabled,pill:l.pill,size:l.size,type:l.type,onClick:l.onClick,exportparts:`base: ${l.type}sharebutton-base`},!l.hideicon&&e("sl-icon",{slot:l.iconslot||"prefix",name:l.icon?l.icon:B[l.medium].icon,exportparts:"base: icon"}),!l.hidetext&&t))}const U=b({Leaderboard:{"& table":{width:"100%",borderCollapse:"collapse"},"& th":{textAlign:"left",padding:"var(--sl-spacing-medium)",paddingTop:"0",fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-semibold)"},"& tr:not(:first-child)":{borderTop:"1px solid var(--sl-color-neutral-200)"},"& td":{fontSize:"var(--sl-font-size-medium)",fontWeight:"var(--sl-font-weight-normal)"},"& .ellipses":{textAlign:"left",padding:"0",color:"var(--sl-color-neutral-500)",paddingLeft:"25%"},"& .highlight":{background:"var(--sl-color-primary-50)"},"& td, th":{color:"var(--sl-color-gray-800)",padding:"var(--sl-spacing-medium)"},"& .User":{width:"100%"},"& .Score":{width:"auto",whiteSpace:"nowrap"},"& .Rank":{whiteSpace:"nowrap"},"& .fullWidth":{width:"100%"}}}),j=U.toString();function Z(a){var l,t,r;const{states:i,data:s,elements:n}=a,{styles:d}=i;if(i.isEssentials)return e("sqm-empty",{"empty-state-image":"https://res.cloudinary.com/saasquatch/image/upload/v1715360191/squatch-assets/Leaderboard_Not_Available.svg","empty-state-header":"Leaderboards aren’t available on your plan","empty-state-text":"Contact {supportText} to upgrade your plan and start leveraging gamification in your program.","support-text":"Support"});if(i.loading)return e("div",{class:U.classes.Leaderboard,style:{width:d.width||"100%"}},e("style",{type:"text/css"},j,"\n :host{\n display: block;\n }\n"),e("table",null,[...Array(10)].map((()=>e("tr",null,e("td",null,e("sl-skeleton",null)))))));if(!i.hasLeaders)return n.empty;let c=!1;const u=e=>{if(!e.firstName&&!e.lastInitial)return d.anonymousUser;const{firstName:a,lastInitial:l}=e;return a&&l?`${a} ${l}`:a||l?a||l:d.anonymousUser},p=(e,a)=>{if(!e)return d.hideNames?`${d.viewingUserText}`:"-";const l=` - ${d.viewingUserText}`;return d.rankSuffix?o.formatMessage({id:"rank",defaultMessage:d.rankSuffix},{rank:e})+`${a&&d.hideNames?l:""}`:`${e} ${a&&d.hideNames?l:""}`};return e("div",{class:U.classes.Leaderboard,part:"sqm-base",style:{width:d.width||"100%"}},e("style",{type:"text/css"},j,"\n :host{\n display: block;\n }\n"),e("table",{part:"sqm-table"},e("tr",null,d.showRank&&e("th",{class:"Rank "+(d.hideNames?"fullWidth":"")},d.rankheading),!d.hideNames&&e("th",{class:"User"},d.usersheading),e("th",{class:"Score"},d.statsheading)),null===(l=s.leaderboard)||void 0===l?void 0:l.map((a=>{var l,t;a.rowNumber===(null===(l=s.viewerRank)||void 0===l?void 0:l.rowNumber)&&(c=!0);const r=!d.hideViewer&&a.rowNumber===(null===(t=s.viewerRank)||void 0===t?void 0:t.rowNumber);return e("tr",{class:r?"highlight":""},d.showRank&&e("td",{class:"Rank"},p(a.rank,r)),!d.hideNames&&e("td",{class:"User"},u(a)),e("td",{class:"Score"},a.textValue))})),!c&&!d.hideViewer&&e("tr",null,e("td",{colSpan:100,class:"ellipses"},e("sl-icon",{name:"three-dots",style:{verticalAlign:"middle"}}))),!c&&!d.hideViewer&&e("tr",{class:"highlight"},d.showRank&&e("td",{class:"Rank"},p(null===(t=s.viewerRank)||void 0===t?void 0:t.rank,!0)),!d.hideNames&&e("td",{class:"User"},u(s.viewerRank||{})),e("td",{class:"Score"},(null===(r=s.viewerRank)||void 0===r?void 0:r.textValue)||"0"))))}function W(a){const{statvalue:l,flexReverse:t,alignment:r}=a,i=b({Container:{display:"flex",height:"inherit","justify-content":"space-between","flex-direction":t?"column-reverse":"column","align-items":"left"===r?"flex-start":"right"===r?"flex-end":"center"},Stat:{"font-size":"var(--sl-font-size-x-large)","text-align":r},Description:{"font-size":"var(--sl-font-size-small)","font-weight":"var(--sl-font-weight-normal)",color:"var(--sl-color-gray-600)","text-transform":"uppercase","text-align":r}}),s=i.toString();return e("div",{part:"stat-wrapper",class:i.classes.Container},e("style",{type:"text/css"},s),e("div",{part:"stat-value",class:i.classes.Stat},l),e("div",{part:"stat-description",class:i.classes.Description},a.labelSlot))}const N=b({HostBlock:$,Frame:{display:"flex","flex-direction":"column","box-sizing":"border-box"},FooterWrapper:{width:"100%","max-width":"100%",padding:"var(--sl-spacing-medium) var(--sl-spacing-x-large)",background:"var(--sqm-footer-background)",display:"flex","justify-content":"flex-end","align-items":"center","box-sizing":"border-box","margin-top":"auto"},HeaderWrapper:{width:"100%","max-width":"100%","box-sizing":"border-box",display:"flex","justify-content":"space-between",padding:"var(--sl-spacing-small) var(--sl-spacing-large)","align-items":"center","background-color":"var(--sqm-header-background)","@media screen and (max-width: 499px)":{"flex-direction":"row-reverse","justify-content":"flex-end",padding:"0"}}}),O=N.toString();function G(a,l){const{data:t,notFullScreen:r}=a;return e("div",{style:{minHeight:r?"100%":"100vh"},class:N.classes.Frame,part:"sqm-base"},e("style",{type:"text/css"},O),e("div",{class:N.classes.HeaderWrapper,part:"sqm-header"},t.header,e("slot",{name:"sqm-navigation-menu"})),l,e("div",{class:N.classes.FooterWrapper,part:"sqm-footer"},t.footer))}const X=a=>{var l,t,r,i;const{states:s,callbacks:o}=a,{text:n}=s,{errors:d}=s.formState;return s.showEdit?e("div",{class:`CardWrapper ${!s.showEdit&&"ShowEdit"}`,part:"sqm-base"},e("h2",{part:"sqm-header",style:{fontSize:"var(--sl-font-size-x-large)",margin:"0px",textAlign:"center"}},n.editprofileheader),e("form",{class:"FormWrapper",onSubmit:o.onSubmit},e("div",{class:"FormSection"},s.formState.error&&e("sqm-form-message",{type:"error",exportparts:"erroralert-icon"},e("div",{part:"erroralert-text"},s.formState.error)),e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",value:s.formState.firstName,onInput:o.onChange,label:n.firstnametext,disabled:s.loading},d.firstName&&"valid"!==d.firstName.status?{class:"ErrorStyles",helpText:n.fieldEmptyText}:[],{id:"firstName",name:"firstName",error:d.firstName&&"valid"!==d.firstName.status?d.firstName.message:void 0})),e("sl-input",Object.assign({exportparts:"label: input-label, base: input-base",value:s.formState.lastName,onInput:o.onChange,label:n.lastnametext,disabled:s.loading,id:"lastName",name:"lastName"},d.lastName&&"valid"!==d.lastName.status?{class:"ErrorStyles",helpText:n.fieldEmptyText}:[],{error:d.lastName&&"valid"!==d.lastName.status?d.lastName.message:void 0}))),n.showregion&&s.formState.currentRegion&&e("sl-input",{exportparts:"label: input-label, base: input-base",disabled:!0,value:s.formState.currentRegion,label:n.currentregiontext,id:"currentRegion",name:"currentRegion"}),e("div",{class:"ButtonWrapper"},e("sl-button",{type:"primary",loading:s.loading,disabled:s.submitDisabled,onClick:e=>{o.onSubmit(e)},submit:!0,exportparts:"base: primarybutton-base"},n.updatetext),e("sl-button",{onClick:()=>{o.setShowEdit(!1)},exportparts:"base: defaultbutton-base"},n.canceltext)))):e("div",{class:`CardWrapper FormWrapper ${!s.showEdit&&"ShowEdit"}`,part:"sqm-base"},e("div",{class:"FormSection"},e("h2",{part:"sqm-header",style:{fontSize:"var(--sl-font-size-x-large)",marginBottom:"0px",textAlign:"center"}},n.editprofileheader),e("div",null,e("p",{style:{fontSize:"var(--sl-font-size-medium)"}},null===(l=s.user)||void 0===l?void 0:l.firstName," ",null===(t=s.user)||void 0===t?void 0:t.lastName),e("p",{style:{fontSize:"var(--sl-font-size-medium)"},title:null===(r=s.user)||void 0===r?void 0:r.email},null===(i=s.user)||void 0===i?void 0:i.email))),e("sl-button",{type:"primary",loading:s.loading,onClick:()=>{o.resetForm(),o.setShowEdit(!0)},exportparts:"base: primarybutton-base"},n.editprofiletext))},Q=n.gql`
|
|
2
2
|
query ($programId: ID, $engagementMedium: UserEngagementMedium!) {
|
|
3
3
|
user: viewer {
|
|
4
4
|
... on User {
|
|
@@ -14,7 +14,7 @@ import{h as e,c as a,d as l,g as t}from"./p-64c3217a.js";import{k as r,b as i,u
|
|
|
14
14
|
mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
|
|
15
15
|
createUserAnalyticsEvent(eventMeta: $eventMeta)
|
|
16
16
|
}
|
|
17
|
-
`;function K(e){var a,l;const{programId:t=d()}=e,i=c(),s=m(),o=u(y),{data:n}=p(Q,{programId:t,engagementMedium:s},!(null==i?void 0:i.jwt)||!!e.linkOverride||void 0!==(null==o?void 0:o.shareLink)),[g]=v(J),[f,h]=v(w),b=null!==(l=(null==o?void 0:o.shareLink)||(null===(a=null==n?void 0:n.user)||void 0===a?void 0:a.shareLink))&&void 0!==l?l:"...",[x,C]=r(!1);return{...e,onClick:function(){o&&f(
|
|
17
|
+
`;function K(e){var a,l;const{programId:t=d()}=e,i=c(),s=m(),o=u(y),{data:n}=p(Q,{programId:t,engagementMedium:s},!(null==i?void 0:i.jwt)||!!e.linkOverride||void 0!==(null==o?void 0:o.shareLink)),[g]=v(J),[f,h]=v(w),b=null!==(l=(null==o?void 0:o.shareLink)||(null===(a=null==n?void 0:n.user)||void 0===a?void 0:a.shareLink))&&void 0!==l?l:"...",[x,C]=r(!1);return{...e,onClick:async function(){o&&(await f(o.referralCode),await o.refetch()),navigator.clipboard.writeText(b),C(!0),setTimeout((()=>C(!1)),e.tooltiplifespan),g({eventMeta:{programId:t,id:null==i?void 0:i.id,accountId:null==i?void 0:i.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:s,shareMedium:"DIRECT"}}})},open:x,copyString:b}}const Y=n.gql`
|
|
18
18
|
query (
|
|
19
19
|
$programId: ID
|
|
20
20
|
$engagementMedium: UserEngagementMedium!
|
|
@@ -31,7 +31,7 @@ import{h as e,c as a,d as l,g as t}from"./p-64c3217a.js";import{k as r,b as i,u
|
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
|
-
`;function ee(e,a){return e?window.open(e):alert(a)}function ae(e){var a,l;const{sharetitle:t,sharetext:r,medium:i}=e,s=e.programId?e.programId:d(),o=c(),n={engagementMedium:m(),programId:s,shareMedium:i.toUpperCase()},f=u(y),h=null==f?void 0:f[i],b=p(Y,n,!(null==o?void 0:o.jwt)||!s||void 0!==h),[x,C]=v(w),q=(null==h?void 0:h.shareLink)||(null===(l=null===(a=null==b?void 0:b.data)||void 0===a?void 0:a.viewer)||void 0===l?void 0:l.shareLink),R=g(),$="SMS"===i.toLocaleUpperCase()&&void 0===window.orientation||"DIRECT"===i.toLocaleUpperCase()&&!window.navigator.share;return{...e,loading:b.loading&&!(null==h?void 0:h.messageLink),onClick:function(){var a,l,s,o;h&&x(
|
|
34
|
+
`;function ee(e,a){return e?window.open(e):alert(a)}function ae(e){var a,l;const{sharetitle:t,sharetext:r,medium:i}=e,s=e.programId?e.programId:d(),o=c(),n={engagementMedium:m(),programId:s,shareMedium:i.toUpperCase()},f=u(y),h=null==f?void 0:f[i],b=p(Y,n,!(null==o?void 0:o.jwt)||!s||void 0!==h),[x,C]=v(w),q=(null==h?void 0:h.shareLink)||(null===(l=null===(a=null==b?void 0:b.data)||void 0===a?void 0:a.viewer)||void 0===l?void 0:l.shareLink),R=g(),$="SMS"===i.toLocaleUpperCase()&&void 0===window.orientation||"DIRECT"===i.toLocaleUpperCase()&&!window.navigator.share;return{...e,loading:b.loading&&!(null==h?void 0:h.messageLink),onClick:async function(){var a,l,s,o;h&&(await x(null==h?void 0:h.referralCode),await h.refetch()),"FACEBOOK"===i.toLocaleUpperCase()&&"SquatchAndroid"===R.type?function(e,a,l){"undefined"===a||"undefined"===e?alert(l):void 0!==SquatchAndroid.shareOnFacebook?SquatchAndroid.shareOnFacebook(e,a):ee(a,l)}(q,(null==h?void 0:h.messageLink)||(null===(l=null===(a=b.data)||void 0===a?void 0:a.viewer)||void 0===l?void 0:l.messageLink),e.errorText):"DIRECT"===i.toLocaleUpperCase()?function(e,a,l,t){const r=e.sharetitle||"Share title",i=e.sharetext||"Share text";if("undefined"===a)return alert(l);window.navigator.share?window.navigator.share({title:r,text:i,url:a}).catch((e=>console.error("Error on web share",e))):alert(t)}({sharetitle:t,sharetext:r},q,e.errorText,e.unsupportedPlatformText):ee((null==h?void 0:h.messageLink)||(null===(o=null===(s=b.data)||void 0===s?void 0:s.viewer)||void 0===o?void 0:o.messageLink),e.errorText)},hide:$}}const le=i("sq:useBigStat"),te=(e,a,l)=>{const t=p(e,a);return(null==t?void 0:t.data)||t.loading||console.error("issue getting stat:",t),{...l(t),loading:t.loading}},re={prettyValue:"UNIT_FORMATTED",value:"NUMBER_UNFORMATTED"},ie={rewardsAssigned:{label:"Rewards Earned",query:(e,a,l,t,r="")=>te(n.gql`
|
|
35
35
|
query (
|
|
36
36
|
$programId: ID
|
|
37
37
|
$type: RewardType
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
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,r=arguments.length;n<r;n++){e=arguments[n];for(var a in e)if(Object.prototype.hasOwnProperty.call(e,a))t[a]=e[a]}return t};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(t,e,n,r){function a(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(r.next(t))}catch(t){o(t)}}function s(t){try{l(r["throw"](t))}catch(t){o(t)}}function l(t){t.done?n(t.value):a(t.value).then(i,s)}l((r=r.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:[]},r,a,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(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,a&&(o=i[0]&2?a["return"]:i[0]?a["throw"]||((o=a["return"])&&o.call(a),0):a.next)&&!(o=o.call(a,i[1])).done)return o;if(a=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++;a=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];a=0}finally{r=o=0}if(i[0]&5)throw i[1];return{value:i[0]?i[1]:void 0,done:true}}};System.register(["./p-ff17b3a4.system.js","./p-2a414b2e.system.js","./p-1099290c.system.js","./p-6333265f.system.js","./p-1a673057.system.js","./p-fbb0f8a5.system.js","./p-4bd679a7.system.js","./p-f6934a55.system.js"],(function(t){"use strict";var e,n,r,a,o,i,s,l,u,c,f,d,p,v,g,h,y,m,b,x;return{setters:[function(t){e=t.h;n=t.r},function(t){r=t.n;a=t.k},function(t){o=t.I;i=t.i;s=t.d;l=t.H;u=t.Q;c=t.y;f=t.$;d=t.B},function(t){p=t.g},function(t){v=t.c},function(t){g=t.R;h=t.a;y=t.S;m=t.C;b=t.u},function(t){x=t.c},function(){}],execute:function(){var C={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 _=v(C);var w=_.toString();function T(t){var n=t.onNext,r=t.onPrev,a=t.currentPage,o=t.totalPages;return e("span",{class:_.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},w),e("sl-button",{onClick:r,part:"sqm-pagination-button",circle:true,disabled:a===1},e("sl-icon",{name:"chevron-left",label:"Previous Page"})),e("div",{class:_.classes.TextContainer},e("span",null,a),e("span",null,"of"),e("span",null,o)),e("sl-button",{onClick:n,part:"sqm-pagination-button",circle:true,disabled:a===o},e("sl-icon",{name:"chevron-right",label:"Previous Page"})))}function j(){var t=o(g);return __assign({},t)}var k=t("sqm_pagination",function(){function t(t){n(this,t);this.ignored=true;r(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t,n;var r=i()?P(p(this)):j();console.log("pagination",{hookProps:r});var a={currentPage:((t=r.states)===null||t===void 0?void 0:t.currentPage)+1,totalPages:(n=r.states)===null||n===void 0?void 0:n.pageCount,onNext:function(){var t,e;return(t=r.callbacks)===null||t===void 0?void 0:t.setCurrentPage(((e=r.states)===null||e===void 0?void 0:e.currentPage)+1)},onPrev:function(){var t,e;return(t=r.callbacks)===null||t===void 0?void 0:t.setCurrentPage(((e=r.states)===null||e===void 0?void 0:e.currentPage)-1)},text:{ofText:"of"}};return e(T,Object.assign({},a))};return t}());function P(t){var e=a(1),n=e[0],r=e[1];return x({states:{currentPage:n,pageCount:5},callbacks:{setCurrentPage:r},text:{ofText:n+" of 5"}},t.demoData||{},{arrayMerge:function(t,e){return e}})}var I=s.gql(__makeTemplateObject(["\n query ($programId: ID) {\n user: viewer {\n ... on User {\n referralCode(programId: $programId)\n }\n }\n }\n"],["\n query ($programId: ID) {\n user: viewer {\n ... on User {\n referralCode(programId: $programId)\n }\n }\n }\n"]));var E=s.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 S(t){var e,n;var r=t.programId,i=r===void 0?l():r;var s=u();var p=d();var v=o(h);var g=c(I,{programId:i},!(s===null||s===void 0?void 0:s.jwt)||(v===null||v===void 0?void 0:v.referralCode)!==undefined).data;var m=f(E)[0];var b=f(y),x=b[0],C=b[1];var _=(n=(v===null||v===void 0?void 0:v.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 w=a(false),T=w[0],j=w[1];function k(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!v)return[3,3];return[4,x(v.referralCode)];case 1:e.sent();return[4,v.refetch()];case 2:e.sent();e.label=3;case 3:navigator.clipboard.writeText(_);j(true);setTimeout((function(){return j(false)}),t.tooltiplifespan);m({eventMeta:{programId:i,id:s===null||s===void 0?void 0:s.id,accountId:s===null||s===void 0?void 0:s.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:p,shareMedium:"DIRECT"}}});return[2]}}))}))}return __assign(__assign({},t),{onClick:k,open:T,copyString:_,isCopied:v===null||v===void 0?void 0:v.isCopied})}var A=t("sqm_referral_code",function(){function t(t){n(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";r(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=p(this);var n=i()?M(t):S(t);return e(m,Object.assign({},n))};return t}());function M(t){var e=a(false),n=e[0],r=e[1];var o="REFERRALCODE001";return x({copyString:o,tooltiptext:t.tooltiptext,textAlign:t.textAlign,copyButtonLabel:t.copyButtonLabel,buttonStyle:t.buttonStyle,notificationText:t.notificationText,showNotificationText:t.showNotificationText,isCopied:t.showNotificationText,isUsed:false,rewardStatus:"AVAILABLE",open:n,onClick:function(){navigator.clipboard.writeText(o);r(true);setTimeout((function(){return r(false)}),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:function(t,e){return e}})}var O={Wrapper:{width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"center",flexDirection:"column",gap:"var(--sl-spacing-large)"},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:{color:"var(--sl-color-neutral-700)",fontSize:"var(--sl-font-size-large)",margin:"0"}};var q="\n:host {\n display: block;\n}\n:host([hidden]): {\n display: none;\n}\n";var R=v(O);var B=R.toString();function D(t){var n=t.slots,r=t.titleText,a=t.states;var o=function(t){if(t.noCodes){return n.empty}if(t.loading){return n.loading}return e("div",{class:R.classes.Wrapper},e("div",{class:R.classes.ShareCodeContainer},n.shareCodes),e("div",{class:R.classes.ShareButtonContainer},n.shareButtons))};return e("div",{class:R.classes.Wrapper,part:"sqm-base"},e("style",{type:"text/css"},q,B),e("div",{class:R.classes.HeaderContainer},e("h2",{class:R.classes.TitleText},r),n.pagination),o(a))}var N=t("sqm_referral_codes",function(){function t(t){n(this,t);this.titleText="Your referral code";r(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=p(this);var n=i()?G(t):b(t);console.log(n);var r={shareButtons:e("slot",{name:"shareButtons"}),shareCodes:e("slot",{name:"shareCodes"}),pagination:e("slot",{name:"pagination"}),empty:e($,null),loading:e(U,null)};var a=__assign(__assign({slots:r},n),{loading:n.states.loading,noCodes:n.states.noCodes});return e(D,Object.assign({},a))};return t}());function $(){return e("slot",{name:"empty"},e("sqm-empty",{emptyStateHeader:"Your new codes and links aren’t ready yet",emptyStateText:"Please contact our program support team to let them know you’re out of codes."}))}function U(){return e("slot",{name:"loading"},e(L,null),e(L,null),e(L,null),e(L,null))}function L(){return e("sl-skeleton",{style:{width:"100%"}})}function G(t){return x({titleText:t.titleText,states:{noCodes:false,loading:false}},t.demoData||{},{arrayMerge:function(t,e){return e}})}}}}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{h as t,r as e,c as s}from"./p-64c3217a.js";import{n}from"./p-fd2c5407.js";import{i as a}from"./p-9c3d78e9.js";import"./p-00be5090.js";import{g as r}from"./p-9ec99ced.js";import"./p-cef45012.js";import{P as o,a as l}from"./p-c7fd9e16.js";function i(e){const{emptyStateHeader:s,emptyStateImage:n,emptyStateText:r,supportText:o,missingFeature:l=""}=e;return t("sqm-portal-container",{padding:"large",gap:"medium",part:"sqm-base"},t("img",{style:{height:"100px",margin:"auto"},src:n}),t("sqm-titled-section",{style:{maxHeight:"400px"},"label-margin":"xxx-small","text-align":"center"},t("sqm-text",{slot:"label"},t("p",{part:"header-text"},s)),t("sqm-text",{slot:"content"},t("p",{part:"description-text",innerHTML:"",style:{color:"var(--sl-color-gray-500)"}},a.formatMessage({id:"emptyStateText",defaultMessage:r},{supportText:t("a",{target:"_blank",href:`mailto:saasquatch-support@impact.com?subject=Next steps for ${l} feature&body=Hi Support Team, %0D%0A\n %0D%0A \n I am interested to learn more about the ${l} feature. Please let me know the next steps to access this feature, including any necessary plan upgrades.%0D%0A\n %0D%0A \n - Feature Interested In: ${l}%0D%0A\n - Company Name: [Please fill out your company name here]%0D%0A\n %0D%0A\n Thank you`},o)})))))}const m=class{constructor(t){e(this,t),this.emptyStateImage="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png"}render(){return t(s,{slot:"empty"},t(i,{emptyStateImage:this.emptyStateImage,emptyStateHeader:this.emptyStateHeader,emptyStateText:this.emptyStateText,supportText:this.supportText}))}},c=class{constructor(t){e(this,t),this.ignored=!0,this.direction="column",this.gap="xxx-large",this.display="grid",this.maxWidth="100%",this.flexWrap="wrap",this.backgroundColor="#ffffff00",n(this)}disconnectedCallback(){}render(){return t(o,Object.assign({},r(this)),t("slot",null))}},p=class{constructor(t){e(this,t),this.ignored=!0,n(this)}disconnectedCallback(){}componentWillLoad(){}render(){return t("div",null,t("style",null,"\n sqm-text {\n display: block;\n }\n\n sqm-text h1 {\n font-size: var(--sl-font-size-xxx-large);\n font-weight: var(--sl-font-weight-semibold);\n color: var(--sl-color-neutral-800);\n margin: 0;\n }\n\n sqm-text h2 {\n font-size: var(--sl-font-size-xx-large);\n font-weight: var(--sl-font-weight-semibold);\n color: var(--sl-color-neutral-800);\n margin: 0;\n }\n\n sqm-text h3 {\n font-size: var(--sl-font-size-x-large);\n font-weight: var(--sl-font-weight-semibold);\n color: var(--sl-color-neutral-800);\n margin: 0;\n }\n\n sqm-text h4 {\n font-size: var(--sl-font-size-large);\n font-weight: var(--sl-font-weight-semibold);\n color: var(--sl-color-neutral-800);\n margin: 0;\n }\n\n sqm-text p {\n font-size: var(--sl-font-size-medium);\n font-weight: var(--sl-font-weight-normal);\n color: var(--sl-color-neutral-800);\n margin: 0;\n }\n\n sqm-text sub {\n font-size: var(--sl-font-size-small);\n font-weight: var(--sl-font-weight-normal);\n color: var(--sl-color-neutral-400);\n margin: 0;\n }\n"),t("slot",null))}},h=class{constructor(t){e(this,t),this.textAlign="left",this.labelMargin="small",this.padding="none",n(this)}disconnectedCallback(){}render(){const e=t("slot",{name:"label"},this.label),s=t("slot",{name:"content"});return t(l,Object.assign({},{...r(this),label:e,content:s}))}};export{m as sqm_empty,c as sqm_portal_container,p as sqm_text,h as sqm_titled_section}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var __makeTemplateObject=this&&this.__makeTemplateObject||function(e,n){if(Object.defineProperty){Object.defineProperty(e,"raw",{value:n})}else{e.raw=n}return e};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(e){for(var n,t=1,i=arguments.length;t<i;t++){n=arguments[t];for(var a in n)if(Object.prototype.hasOwnProperty.call(n,a))e[a]=n[a]}return e};return __assign.apply(this,arguments)};System.register(["./p-ff17b3a4.system.js","./p-2a414b2e.system.js","./p-1099290c.system.js","./p-1a673057.system.js","./p-f6934a55.system.js"],(function(e){"use strict";var n,t,i,a,o,r,s,l,d;return{setters:[function(e){n=e.h},function(e){t=e.f},function(e){i=e.d;a=e.Q;o=e.k;r=e.C;s=e.B},function(e){l=e.c},function(e){d=e.H}],execute:function(){e({C:y,u:p});var u=i.gql(__makeTemplateObject(["\n query getCodes(\n $limit: Int!\n $offset: Int!\n $engagementMedium: UserEngagementMedium!\n ) {\n viewer {\n ... on User {\n referralCodeList(\n limit: $limit\n offset: $offset\n filter: { fuelTank_eq: true }\n ) {\n data {\n code\n dateUsed\n dateCopied\n shareLinkCodes(limit: $limit, offset: $offset) {\n data {\n linkCode\n shareLink: shortUrl(\n shareMedium: DIRECT\n engagementMedium: EMBED\n )\n email: shortUrl(\n shareMedium: EMAIL\n engagementMedium: $engagementMedium\n )\n whatsApp: shortUrl(\n shareMedium: WHATSAPP\n engagementMedium: $engagementMedium\n )\n fbMessenger: shortUrl(\n shareMedium: FBMESSENGER\n engagementMedium: $engagementMedium\n )\n }\n }\n }\n count\n totalCount\n }\n }\n }\n }\n"],["\n query getCodes(\n $limit: Int!\n $offset: Int!\n $engagementMedium: UserEngagementMedium!\n ) {\n viewer {\n ... on User {\n referralCodeList(\n limit: $limit\n offset: $offset\n filter: { fuelTank_eq: true }\n ) {\n data {\n code\n dateUsed\n dateCopied\n shareLinkCodes(limit: $limit, offset: $offset) {\n data {\n linkCode\n shareLink: shortUrl(\n shareMedium: DIRECT\n engagementMedium: EMBED\n )\n email: shortUrl(\n shareMedium: EMAIL\n engagementMedium: $engagementMedium\n )\n whatsApp: shortUrl(\n shareMedium: WHATSAPP\n engagementMedium: $engagementMedium\n )\n fbMessenger: shortUrl(\n shareMedium: FBMESSENGER\n engagementMedium: $engagementMedium\n )\n }\n }\n }\n count\n totalCount\n }\n }\n }\n }\n"]));var c=e("a","sq:referral-codes");var f=e("R","sq:referral-codes-pagination");var m=e("S",i.gql(__makeTemplateObject(["\n mutation markReferralCodeCopied($referralCode: String!) {\n markReferralCodeCopied(referralCode: $referralCode) {\n referralCode {\n dateCopied\n }\n }\n }\n"],["\n mutation markReferralCodeCopied($referralCode: String!) {\n markReferralCodeCopied(referralCode: $referralCode) {\n referralCode {\n dateCopied\n }\n }\n }\n"])));function p(e){var n=a();var i=s();console.log({props:e});var l=o(u,(function(e){var n;console.log({queryData:e});return(n=e===null||e===void 0?void 0:e.viewer)===null||n===void 0?void 0:n.referralCodeList}),{limit:1,offset:0},{engagementMedium:i},!(n===null||n===void 0?void 0:n.jwt)),d=l.envelope,m=l.states,p=l.callbacks;var g=r({namespace:f,initialValue:{states:m,callbacks:p}}),v=g[0],h=g[1];var b=r({namespace:c,initialValue:{refetch:p.refetch,loading:true,referralCode:"",shareLink:"",isCopied:false,isUsed:false,email:{messageLink:""},fbMessenger:{messageLink:"",shareLink:""},whatsApp:{messageLink:""}}}),C=b[0],k=b[1];t((function(){var e,n,t,i,a,o,r,s,l,u,c,f,m,g,v,h;if((e=d===null||d===void 0?void 0:d.data)===null||e===void 0?void 0:e.length){var b=d.data[0];k({refetch:p.refetch,referralCode:b.code,isCopied:!!b.dateCopied,isUsed:!!b.dateUsed,shareLink:(i=(t=(n=b.shareLinkCodes)===null||n===void 0?void 0:n.data)===null||t===void 0?void 0:t[0])===null||i===void 0?void 0:i.direct,email:{messageLink:(r=(o=(a=b.shareLinkCodes)===null||a===void 0?void 0:a.data)===null||o===void 0?void 0:o[0])===null||r===void 0?void 0:r.email},fbMessenger:{messageLink:(u=(l=(s=b.shareLinkCodes)===null||s===void 0?void 0:s.data)===null||l===void 0?void 0:l[0])===null||u===void 0?void 0:u.fbMessenger,shareLink:(m=(f=(c=b.shareLinkCodes)===null||c===void 0?void 0:c.data)===null||f===void 0?void 0:f[0])===null||m===void 0?void 0:m.fbMessenger},whatsApp:{messageLink:(h=(v=(g=b.shareLinkCodes)===null||g===void 0?void 0:g.data)===null||v===void 0?void 0:v[0])===null||h===void 0?void 0:h.whatsApp}})}}),[d]);t((function(){h({states:m,callbacks:p})}),[m.loading]);console.log({referralData:d,states:m});return{states:__assign(__assign({},m),{noCodes:(d===null||d===void 0?void 0:d.totalCount)===0}),data:C,callbacks:{}}}var g={HostBlock:d,inputStyle:{"&::part(input)":{textOverflow:"ellipsis",width:"100%"},"&::part(base)":{cursor:"pointer",overflow:"visible"},width:"100%"},inputErrorStyle:{"&::part(base)":{border:"2px solid red"}},ContainerDiv:{display:"flex",alignItems:"flex-start",flexDirection:"column",justifyContent:"center",gap:"var(--sl-spacing-x-small)",width:"100%"},containerStyle:{display:"flex",alignItems:"center",gap:"var(--sl-spacing-x-small)",width:"100%"},errorTextStyle:{margin:"0",color:"var(--sl-color-danger-500)"},notificationTextStyle:{margin:"0",color:"var(--sl-color-neutral-500)"}};var v="\n :host{\n display: block; \n width: 100%;\n }\n";var h={right:"\nsl-input::part(input){\n text-align: right;\n}",center:" \nsl-input::part(input){\n text-align: center;\n}",left:""};var b="\n sl-input::part(input){\n cursor: default;\n }\n";var C=l(g);var k=C.toString();function y(e){var t=e.buttonStyle,i=t===void 0?"icon":t;console.log("notification text is",e.notificationText);var a=!e.loading&&e.error;var o=a?e.inputPlaceholderText:e.copyString;var r=a||e.loading||e.disabled;var s=e.buttonStyle==="button-below"?"bottom":e.buttonStyle==="button-outside"?"top":"top-end";var l=n("sl-tooltip",{trigger:"manual",content:e.tooltiptext,placement:s,disabled:e.disabled,open:e.open,skidding:e.buttonStyle==="icon"?-5:0,slot:"suffix"},i==="icon"?n("sl-icon-button",{exportparts:"base: icon-button-base",onClick:function(){var n;return(n=e.onClick)===null||n===void 0?void 0:n.call(e)},name:"files",disabled:r}):n("sl-button",{exportparts:"base: copy-button-base",onClick:function(){var n;return(n=e.onClick)===null||n===void 0?void 0:n.call(e)},size:"medium",style:{width:""+(i==="button-below"&&"100%")},disabled:r,type:"primary"},e.copyButtonLabel||"Copy"));return n("div",{class:C.classes.ContainerDiv},n("style",{type:"text/css"},k,v,h[e.textAlign],r&&b),n("div",{class:C.classes.containerStyle,style:{flexDirection:""+(i==="button-below"?"column":"row")}},n("sl-input",{class:C.classes.inputStyle+" "+(a?C.classes.inputErrorStyle:""),exportparts:"base: input-base, input: input-label",value:e.loading?"Loading...":o,readonly:true,disabled:r},i==="icon"&&l,a&&n("p",{slot:"help-text",class:C.classes.errorTextStyle},e.errorText)),(i==="button-outside"||i==="button-below")&&l),e.isCopied&&e.showNotificationText&&e.notificationText&&n("p",{part:"sqm-notification-text",class:C.classes.notificationTextStyle},e.notificationText))}}}}));
|
|
@@ -4,9 +4,13 @@ export interface ReferralCodesViewProps {
|
|
|
4
4
|
shareButtons: VNode;
|
|
5
5
|
shareCodes: VNode;
|
|
6
6
|
pagination: VNode;
|
|
7
|
+
empty: VNode;
|
|
8
|
+
loading: VNode;
|
|
9
|
+
};
|
|
10
|
+
states: {
|
|
11
|
+
noCodes: boolean;
|
|
12
|
+
loading: boolean;
|
|
7
13
|
};
|
|
8
14
|
titleText?: string;
|
|
9
|
-
noCodes: boolean;
|
|
10
|
-
loading: boolean;
|
|
11
15
|
}
|
|
12
16
|
export declare function ReferralCodesView(props: ReferralCodesViewProps): any;
|
|
@@ -2,8 +2,9 @@ import { GraphQlRequestError } from "@saasquatch/component-boilerplate/dist/hook
|
|
|
2
2
|
import { ReferralCodes } from "./sqm-referral-codes";
|
|
3
3
|
export declare const REFERRAL_CODES_NAMESPACE = "sq:referral-codes";
|
|
4
4
|
export declare const REFERRAL_CODES_PAGINATION_CONTEXT = "sq:referral-codes-pagination";
|
|
5
|
-
export declare const
|
|
5
|
+
export declare const SET_CODE_COPIED: string;
|
|
6
6
|
export declare type ReferralCodeContext = {
|
|
7
|
+
refetch: () => Promise<void>;
|
|
7
8
|
loading?: boolean;
|
|
8
9
|
referralCode: string;
|
|
9
10
|
isUsed: boolean;
|
package/docs/docs.docx
CHANGED
|
Binary file
|