@saasquatch/mint-components 1.11.1-3 → 1.11.1-4

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 (34) hide show
  1. package/dist/cjs/{ShadowViewAddon-1c01c324.js → ShadowViewAddon-cfda0bfa.js} +1 -1
  2. package/dist/cjs/{copy-text-view-3cfef405.js → copy-text-view-5f908186.js} +12 -20
  3. package/dist/cjs/sqm-big-stat_38.cjs.entry.js +2 -2
  4. package/dist/cjs/sqm-pagination_3.cjs.entry.js +1 -1
  5. package/dist/cjs/sqm-stencilbook.cjs.entry.js +2 -2
  6. package/dist/collection/components/sqm-referral-codes/useReferralCodes.js +12 -20
  7. package/dist/esm/{ShadowViewAddon-afc80fe0.js → ShadowViewAddon-95520b03.js} +1 -1
  8. package/dist/esm/{copy-text-view-3cd1338e.js → copy-text-view-73cd7a82.js} +12 -20
  9. package/dist/esm/sqm-big-stat_38.entry.js +2 -2
  10. package/dist/esm/sqm-pagination_3.entry.js +1 -1
  11. package/dist/esm/sqm-stencilbook.entry.js +2 -2
  12. package/dist/esm-es5/{ShadowViewAddon-afc80fe0.js → ShadowViewAddon-95520b03.js} +1 -1
  13. package/dist/esm-es5/copy-text-view-73cd7a82.js +1 -0
  14. package/dist/esm-es5/sqm-big-stat_38.entry.js +1 -1
  15. package/dist/esm-es5/sqm-pagination_3.entry.js +1 -1
  16. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  17. package/dist/mint-components/mint-components.esm.js +1 -1
  18. package/dist/mint-components/{p-4ec6708d.entry.js → p-1a02cebe.entry.js} +1 -1
  19. package/dist/mint-components/{p-ecfb1582.system.js → p-4068bd43.system.js} +1 -1
  20. package/dist/mint-components/{p-4256e919.entry.js → p-452b562d.entry.js} +1 -1
  21. package/dist/mint-components/{p-6061beaf.entry.js → p-4f815653.entry.js} +1 -1
  22. package/dist/mint-components/p-5fc8d87c.system.js +1 -1
  23. package/dist/mint-components/{p-20560db6.system.entry.js → p-64fcb97f.system.entry.js} +1 -1
  24. package/dist/mint-components/p-753a19e2.js +25 -0
  25. package/dist/mint-components/{p-fbf07dcd.system.entry.js → p-aed69f9e.system.entry.js} +1 -1
  26. package/dist/mint-components/{p-76764513.js → p-dbc0db45.js} +1 -1
  27. package/dist/mint-components/{p-99a08cbb.system.entry.js → p-f26580a1.system.entry.js} +1 -1
  28. package/dist/mint-components/p-f2a0658d.system.js +1 -0
  29. package/dist/types/components/sqm-referral-codes/useReferralCodes.d.ts +1 -14
  30. package/docs/docs.docx +0 -0
  31. package/package.json +1 -1
  32. package/dist/esm-es5/copy-text-view-3cd1338e.js +0 -1
  33. package/dist/mint-components/p-14bf2068.system.js +0 -1
  34. package/dist/mint-components/p-7c1668ca.js +0 -25
@@ -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-7c1668ca.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-753a19e2.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 {
@@ -1 +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,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)};System.register(["./p-ff17b3a4.system.js","./p-2a414b2e.system.js","./p-1099290c.system.js","./p-6333265f.system.js","./p-1a673057.system.js","./p-14bf2068.system.js","./p-4bd679a7.system.js","./p-f6934a55.system.js"],(function(t){"use strict";var e,n,a,r,o,i,s,l,c,u,d,v,f,p,g,m,y,h,x,C;return{setters:[function(t){e=t.h;n=t.r},function(t){a=t.n;r=t.k},function(t){o=t.I;i=t.i;s=t.d;l=t.H;c=t.Q;u=t.y;d=t.$;v=t.B},function(t){f=t.g},function(t){p=t.c},function(t){g=t.R;m=t.a;y=t.S;h=t.C;x=t.u},function(t){C=t.c},function(){}],execute:function(){var b={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 _=p(b);var T=_.toString();function j(t){var n=t.onNext,a=t.onPrev,r=t.currentPage,o=t.totalPages;return e("span",{class:_.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},T),e("sl-button",{onClick:a,part:"sqm-pagination-button",circle:true,disabled:r===1},e("sl-icon",{name:"chevron-left",label:"Previous Page"})),e("div",{class:_.classes.TextContainer},e("span",null,r),e("span",null,"of"),e("span",null,o)),e("sl-button",{onClick:n,part:"sqm-pagination-button",circle:true,disabled:r===o},e("sl-icon",{name:"chevron-right",label:"Previous Page"})))}function I(){var t=o(g);return __assign({},t)}var P=t("sqm_pagination",function(){function t(t){n(this,t);this.ignored=true;a(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t,n;var a=i()?E(f(this)):I();var r={currentPage:(t=a.states)===null||t===void 0?void 0:t.currentPage,totalPages:(n=a.states)===null||n===void 0?void 0:n.pageCount,onNext:function(){var t,e;return(t=a.callbacks)===null||t===void 0?void 0:t.setCurrentPage(((e=a.states)===null||e===void 0?void 0:e.currentPage)+1)},onPrev:function(){var t,e;return(t=a.callbacks)===null||t===void 0?void 0:t.setCurrentPage(((e=a.states)===null||e===void 0?void 0:e.currentPage)-1)},text:{ofText:"of"}};return e(j,Object.assign({},r))};return t}());function E(t){var e=r(1),n=e[0],a=e[1];return C({states:{currentPage:n,pageCount:5},callbacks:{setCurrentPage:a},text:{ofText:n+" of 5"}},t.demoData||{},{arrayMerge:function(t,e){return e}})}var w=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 k=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 a=t.programId,i=a===void 0?l():a;var s=c();var f=v();var p=o(m);var g=u(w,{programId:i},!(s===null||s===void 0?void 0:s.jwt)||(p===null||p===void 0?void 0:p.referralCode)!==undefined).data;var h=d(k)[0];var x=d(y),C=x[0],b=x[1];var _=(n=(p===null||p===void 0?void 0:p.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 T=r(false),j=T[0],I=T[1];function P(){if(p){C(true)}navigator.clipboard.writeText(_);I(true);setTimeout((function(){return I(false)}),t.tooltiplifespan);h({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:f,shareMedium:"DIRECT"}}})}return __assign(__assign({},t),{onClick:P,open:j,copyString:_})}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";a(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=f(this);var n=i()?M(t):S(t);return e(h,Object.assign({},n))};return t}());function M(t){var e=r(false),n=e[0],a=e[1];var o="REFERRALCODE001";return C({copyString:o,tooltiptext:t.tooltiptext,textAlign:t.textAlign,copyButtonLabel:t.copyButtonLabel,buttonStyle:t.buttonStyle,notificationText:t.notificationText,showNotificationText:t.showNotificationText,rewardStatus:"AVAILABLE",open:n,onClick:function(){navigator.clipboard.writeText(o);a(true);setTimeout((function(){return a(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=p(O);var B=R.toString();function D(t){var n=t.slots,a=t.titleText;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},a),n.pagination),e("div",{class:R.classes.ShareCodeContainer},n.shareCodes),e("div",{class:R.classes.ShareButtonContainer},n.shareButtons))}var $=t("sqm_referral_codes",function(){function t(t){n(this,t);this.titleText="Your referral code";a(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=f(this);var n=i()?N(t):x(t);console.log(n);var a={shareButtons:e("slot",{name:"shareButtons"}),shareCodes:e("slot",{name:"shareCodes"}),pagination:e("slot",{name:"pagination"})};var r=__assign({slots:a},n);return e(D,Object.assign({},r))};return t}());function N(t){return C({titleText:t.titleText},t.demoData||{},{arrayMerge:function(t,e){return e}})}}}}));
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,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)};System.register(["./p-ff17b3a4.system.js","./p-2a414b2e.system.js","./p-1099290c.system.js","./p-6333265f.system.js","./p-1a673057.system.js","./p-f2a0658d.system.js","./p-4bd679a7.system.js","./p-f6934a55.system.js"],(function(t){"use strict";var e,n,a,r,o,i,s,l,c,u,d,v,f,p,g,m,y,h,x,C;return{setters:[function(t){e=t.h;n=t.r},function(t){a=t.n;r=t.k},function(t){o=t.I;i=t.i;s=t.d;l=t.H;c=t.Q;u=t.y;d=t.$;v=t.B},function(t){f=t.g},function(t){p=t.c},function(t){g=t.R;m=t.a;y=t.S;h=t.C;x=t.u},function(t){C=t.c},function(){}],execute:function(){var b={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 _=p(b);var T=_.toString();function j(t){var n=t.onNext,a=t.onPrev,r=t.currentPage,o=t.totalPages;return e("span",{class:_.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},T),e("sl-button",{onClick:a,part:"sqm-pagination-button",circle:true,disabled:r===1},e("sl-icon",{name:"chevron-left",label:"Previous Page"})),e("div",{class:_.classes.TextContainer},e("span",null,r),e("span",null,"of"),e("span",null,o)),e("sl-button",{onClick:n,part:"sqm-pagination-button",circle:true,disabled:r===o},e("sl-icon",{name:"chevron-right",label:"Previous Page"})))}function I(){var t=o(g);return __assign({},t)}var P=t("sqm_pagination",function(){function t(t){n(this,t);this.ignored=true;a(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t,n;var a=i()?E(f(this)):I();var r={currentPage:(t=a.states)===null||t===void 0?void 0:t.currentPage,totalPages:(n=a.states)===null||n===void 0?void 0:n.pageCount,onNext:function(){var t,e;return(t=a.callbacks)===null||t===void 0?void 0:t.setCurrentPage(((e=a.states)===null||e===void 0?void 0:e.currentPage)+1)},onPrev:function(){var t,e;return(t=a.callbacks)===null||t===void 0?void 0:t.setCurrentPage(((e=a.states)===null||e===void 0?void 0:e.currentPage)-1)},text:{ofText:"of"}};return e(j,Object.assign({},r))};return t}());function E(t){var e=r(1),n=e[0],a=e[1];return C({states:{currentPage:n,pageCount:5},callbacks:{setCurrentPage:a},text:{ofText:n+" of 5"}},t.demoData||{},{arrayMerge:function(t,e){return e}})}var w=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 k=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 a=t.programId,i=a===void 0?l():a;var s=c();var f=v();var p=o(m);var g=u(w,{programId:i},!(s===null||s===void 0?void 0:s.jwt)||(p===null||p===void 0?void 0:p.referralCode)!==undefined).data;var h=d(k)[0];var x=d(y),C=x[0],b=x[1];var _=(n=(p===null||p===void 0?void 0:p.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 T=r(false),j=T[0],I=T[1];function P(){if(p){C(true)}navigator.clipboard.writeText(_);I(true);setTimeout((function(){return I(false)}),t.tooltiplifespan);h({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:f,shareMedium:"DIRECT"}}})}return __assign(__assign({},t),{onClick:P,open:j,copyString:_})}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";a(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=f(this);var n=i()?M(t):S(t);return e(h,Object.assign({},n))};return t}());function M(t){var e=r(false),n=e[0],a=e[1];var o="REFERRALCODE001";return C({copyString:o,tooltiptext:t.tooltiptext,textAlign:t.textAlign,copyButtonLabel:t.copyButtonLabel,buttonStyle:t.buttonStyle,notificationText:t.notificationText,showNotificationText:t.showNotificationText,rewardStatus:"AVAILABLE",open:n,onClick:function(){navigator.clipboard.writeText(o);a(true);setTimeout((function(){return a(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=p(O);var B=R.toString();function D(t){var n=t.slots,a=t.titleText;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},a),n.pagination),e("div",{class:R.classes.ShareCodeContainer},n.shareCodes),e("div",{class:R.classes.ShareButtonContainer},n.shareButtons))}var $=t("sqm_referral_codes",function(){function t(t){n(this,t);this.titleText="Your referral code";a(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=f(this);var n=i()?N(t):x(t);console.log(n);var a={shareButtons:e("slot",{name:"shareButtons"}),shareCodes:e("slot",{name:"shareCodes"}),pagination:e("slot",{name:"pagination"})};var r=__assign({slots:a},n);return e(D,Object.assign({},r))};return t}());function N(t){return C({titleText:t.titleText},t.demoData||{},{arrayMerge:function(t,e){return e}})}}}}));
@@ -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,i=arguments.length;n<i;n++){e=arguments[n];for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o))t[o]=e[o]}return t};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(t){"use strict";var e,n,i,o,s,a,l,r;return{setters:[function(t){e=t.h},function(t){n=t.f},function(t){i=t.d;o=t.Q;s=t.k;a=t.C},function(t){l=t.c},function(t){r=t.H}],execute:function(){t({C:k,u:v});var d=i.gql(__makeTemplateObject(["\n query getCodes($limit: Int!, $offset: Int!) {\n viewer {\n ... on User {\n referralCodeList(limit: $limit, offset: $offset) {\n data {\n code\n dateUsed\n dateCopied\n shareLinkCodes(limit: $limit, offset: $offset) {\n data {\n linkCode\n shortUrl\n }\n }\n }\n count\n totalCount\n }\n }\n }\n }\n"],["\n query getCodes($limit: Int!, $offset: Int!) {\n viewer {\n ... on User {\n referralCodeList(limit: $limit, offset: $offset) {\n data {\n code\n dateUsed\n dateCopied\n shareLinkCodes(limit: $limit, offset: $offset) {\n data {\n linkCode\n shortUrl\n }\n }\n }\n count\n totalCount\n }\n }\n }\n }\n"]));var c=t("a","sq:referral-codes");var u=t("R","sq:referral-codes-pagination");var p=t("S",i.gql(__makeTemplateObject(["\nmutation test {}\n"],["\nmutation test {}\n"])));function v(t){var e=o();console.log({props:t});var i=s(d,(function(t){var e;return(e=t===null||t===void 0?void 0:t.viewer)===null||e===void 0?void 0:e.referralCodeList}),{limit:1,offset:0},{},!(e===null||e===void 0?void 0:e.jwt)),l=i.envelope,r=i.states,p=i.callbacks;var v=a({namespace:u,initialValue:{states:r,callbacks:p}}),f=v[0],b=v[1];var m=a({namespace:c,initialValue:{loading:true,referralCode:"",shareLink:"",email:{messageLink:""},fbMessenger:{messageLink:"",shareLink:""},whatsApp:{messageLink:""}}}),g=m[0],y=m[1];n((function(){var t,e,n,i,o,s,a,r,d,c,u;if((t=l===null||l===void 0?void 0:l.data)===null||t===void 0?void 0:t.length){var p=l.data[0];y({referralCode:p.code,shareLink:(n=(e=p.shareLinkCodes)===null||e===void 0?void 0:e[0])===null||n===void 0?void 0:n.shortUrl,email:{messageLink:(o=(i=p.shareLinkCodes)===null||i===void 0?void 0:i[0])===null||o===void 0?void 0:o.shortUrl},fbMessenger:{messageLink:(a=(s=p.shareLinkCodes)===null||s===void 0?void 0:s[0])===null||a===void 0?void 0:a.shortUrl,shareLink:(d=(r=p.shareLinkCodes)===null||r===void 0?void 0:r[0])===null||d===void 0?void 0:d.shortUrl},whatsApp:{messageLink:(u=(c=p.shareLinkCodes)===null||c===void 0?void 0:c[0])===null||u===void 0?void 0:u.shortUrl}})}}),[l]);n((function(){b({states:r,callbacks:p})}),[r]);console.log({referralData:l,states:r});return{states:__assign({},r),data:g,callbacks:{}}}var f={HostBlock:r,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 b="\n :host{\n display: block; \n width: 100%;\n }\n";var m={right:"\nsl-input::part(input){\n text-align: right;\n}",center:" \nsl-input::part(input){\n text-align: center;\n}",left:""};var g="\n sl-input::part(input){\n cursor: default;\n }\n";var y=l(f);var h=y.toString();function k(t){var n=t.buttonStyle,i=n===void 0?"icon":n;console.log("notification text is",t.notificationText);var o=!t.loading&&t.error;var s=o?t.inputPlaceholderText:t.copyString;var a=o||t.loading||t.disabled;var l=t.buttonStyle==="button-below"?"bottom":t.buttonStyle==="button-outside"?"top":"top-end";var r=e("sl-tooltip",{trigger:"manual",content:t.tooltiptext,placement:l,disabled:t.disabled,open:t.open,skidding:t.buttonStyle==="icon"?-5:0,slot:"suffix"},i==="icon"?e("sl-icon-button",{exportparts:"base: icon-button-base",onClick:function(){var e;return(e=t.onClick)===null||e===void 0?void 0:e.call(t)},name:"files",disabled:a}):e("sl-button",{exportparts:"base: copy-button-base",onClick:function(){var e;return(e=t.onClick)===null||e===void 0?void 0:e.call(t)},size:"medium",style:{width:""+(i==="button-below"&&"100%")},disabled:a,type:"primary"},t.copyButtonLabel||"Copy"));return e("div",{class:y.classes.ContainerDiv},e("style",{type:"text/css"},h,b,m[t.textAlign],a&&g),e("div",{class:y.classes.containerStyle,style:{flexDirection:""+(i==="button-below"?"column":"row")}},e("sl-input",{class:y.classes.inputStyle+" "+(o?y.classes.inputErrorStyle:""),exportparts:"base: input-base, input: input-label",value:t.loading?"Loading...":s,readonly:true,disabled:a},i==="icon"&&r,o&&e("p",{slot:"help-text",class:y.classes.errorTextStyle},t.errorText)),(i==="button-outside"||i==="button-below")&&r),t.showNotificationText&&t.notificationText&&e("p",{part:"sqm-notification-text",class:y.classes.notificationTextStyle},t.notificationText))}}}}));
@@ -42,19 +42,6 @@ export declare function useReferralCodes(props: ReferralCodes): {
42
42
  pageCount: number;
43
43
  pageProgress: string;
44
44
  };
45
- data: {
46
- referralCode: string;
47
- shareLink: string;
48
- email: {
49
- messageLink: string;
50
- };
51
- fbMessenger: {
52
- messageLink: string;
53
- shareLink: string;
54
- };
55
- whatsApp: {
56
- messageLink: string;
57
- };
58
- };
45
+ data: ReferralCodeContext;
59
46
  callbacks: {};
60
47
  };
package/docs/docs.docx CHANGED
Binary file
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@saasquatch/mint-components",
3
3
  "title": "Mint Components",
4
- "version": "1.11.1-3",
4
+ "version": "1.11.1-4",
5
5
  "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
6
6
  "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
7
7
  "raisins": "docs/raisins.json",
@@ -1 +0,0 @@
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 s in t)if(Object.prototype.hasOwnProperty.call(t,s))e[s]=t[s]}return e};return __assign.apply(this,arguments)};import{h}from"./index-17b4da69.js";import{f as useEffect}from"./stencil-hooks.module-ac12ca1c.js";import{d as dist,Q,k as kn,C as Cn}from"./index.module-f122af7b.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{H as HostBlock}from"./mixins-f60a614c.js";var GET_REFERRAL_CODES=dist.gql(templateObject_1||(templateObject_1=__makeTemplateObject(["\n query getCodes($limit: Int!, $offset: Int!) {\n viewer {\n ... on User {\n referralCodeList(limit: $limit, offset: $offset) {\n data {\n code\n dateUsed\n dateCopied\n shareLinkCodes(limit: $limit, offset: $offset) {\n data {\n linkCode\n shortUrl\n }\n }\n }\n count\n totalCount\n }\n }\n }\n }\n"],["\n query getCodes($limit: Int!, $offset: Int!) {\n viewer {\n ... on User {\n referralCodeList(limit: $limit, offset: $offset) {\n data {\n code\n dateUsed\n dateCopied\n shareLinkCodes(limit: $limit, offset: $offset) {\n data {\n linkCode\n shortUrl\n }\n }\n }\n count\n totalCount\n }\n }\n }\n }\n"])));var REFERRAL_CODES_NAMESPACE="sq:referral-codes";var REFERRAL_CODES_PAGINATION_CONTEXT="sq:referral-codes-pagination";var SET_CODE_USED=dist.gql(templateObject_2||(templateObject_2=__makeTemplateObject(["\nmutation test {}\n"],["\nmutation test {}\n"])));function useReferralCodes(e){var t=Q();console.log({props:e});var n=kn(GET_REFERRAL_CODES,(function(e){var t;return(t=e===null||e===void 0?void 0:e.viewer)===null||t===void 0?void 0:t.referralCodes}),{limit:1,offset:0},{},!(t===null||t===void 0?void 0:t.jwt)),a=n.envelope,s=n.states,i=n.callbacks;var o=Cn({namespace:REFERRAL_CODES_PAGINATION_CONTEXT,initialValue:{states:s,callbacks:i}}),l=o[0],r=o[1];var c=Cn({namespace:REFERRAL_CODES_NAMESPACE,initialValue:{loading:true,referralCode:"",shareLink:"",email:{messageLink:""},fbMessenger:{messageLink:"",shareLink:""},whatsApp:{messageLink:""}}}),p=c[0],d=c[1];useEffect((function(){if(a===null||a===void 0?void 0:a.data)d({referralCode:"EXAMPLECODE",shareLink:"https://example.com",email:{messageLink:"https://example.com"},fbMessenger:{messageLink:"https://example.com",shareLink:"https://example.com"},whatsApp:{messageLink:"https://example.com"}})}),[a]);useEffect((function(){r({states:s,callbacks:i})}),[s]);console.log({referralData:a,states:s});return{states:__assign({},s),data:{referralCode:"EXAMPLECODE",shareLink:"https://example.com",email:{messageLink:"https://example.com"},fbMessenger:{messageLink:"https://example.com",shareLink:"https://example.com"},whatsApp:{messageLink:"https://example.com"}},callbacks:{}}}var style={HostBlock:HostBlock,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 vanillaStyle="\n :host{\n display: block; \n width: 100%;\n }\n";var textAlignStyle={right:"\nsl-input::part(input){\n text-align: right;\n}",center:" \nsl-input::part(input){\n text-align: center;\n}",left:""};var disabledStyles="\n sl-input::part(input){\n cursor: default;\n }\n";var sheet=createStyleSheet(style);var styleString=sheet.toString();function CopyTextView(e){var t=e.buttonStyle,n=t===void 0?"icon":t;console.log("notification text is",e.notificationText);var a=!e.loading&&e.error;var s=a?e.inputPlaceholderText:e.copyString;var i=a||e.loading||e.disabled;var o=e.buttonStyle==="button-below"?"bottom":e.buttonStyle==="button-outside"?"top":"top-end";var l=h("sl-tooltip",{trigger:"manual",content:e.tooltiptext,placement:o,disabled:e.disabled,open:e.open,skidding:e.buttonStyle==="icon"?-5:0,slot:"suffix"},n==="icon"?h("sl-icon-button",{exportparts:"base: icon-button-base",onClick:function(){var t;return(t=e.onClick)===null||t===void 0?void 0:t.call(e)},name:"files",disabled:i}):h("sl-button",{exportparts:"base: copy-button-base",onClick:function(){var t;return(t=e.onClick)===null||t===void 0?void 0:t.call(e)},size:"medium",style:{width:""+(n==="button-below"&&"100%")},disabled:i,type:"primary"},e.copyButtonLabel||"Copy"));return h("div",{class:sheet.classes.ContainerDiv},h("style",{type:"text/css"},styleString,vanillaStyle,textAlignStyle[e.textAlign],i&&disabledStyles),h("div",{class:sheet.classes.containerStyle,style:{flexDirection:""+(n==="button-below"?"column":"row")}},h("sl-input",{class:sheet.classes.inputStyle+" "+(a?sheet.classes.inputErrorStyle:""),exportparts:"base: input-base, input: input-label",value:e.loading?"Loading...":s,readonly:true,disabled:i},n==="icon"&&l,a&&h("p",{slot:"help-text",class:sheet.classes.errorTextStyle},e.errorText)),(n==="button-outside"||n==="button-below")&&l),e.showNotificationText&&e.notificationText&&h("p",{part:"sqm-notification-text",class:sheet.classes.notificationTextStyle},e.notificationText))}export{CopyTextView as C,REFERRAL_CODES_PAGINATION_CONTEXT as R,SET_CODE_USED as S,REFERRAL_CODES_NAMESPACE as a,useReferralCodes as u};var templateObject_1,templateObject_2;
@@ -1 +0,0 @@
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,a=arguments.length;n<a;n++){e=arguments[n];for(var s in e)if(Object.prototype.hasOwnProperty.call(e,s))t[s]=e[s]}return t};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(t){"use strict";var e,n,a,s,i,o,l,r;return{setters:[function(t){e=t.h},function(t){n=t.f},function(t){a=t.d;s=t.Q;i=t.k;o=t.C},function(t){l=t.c},function(t){r=t.H}],execute:function(){t({C:y,u:f});var c=a.gql(__makeTemplateObject(["\n query getCodes($limit: Int!, $offset: Int!) {\n viewer {\n ... on User {\n referralCodeList(limit: $limit, offset: $offset) {\n data {\n code\n dateUsed\n dateCopied\n shareLinkCodes(limit: $limit, offset: $offset) {\n data {\n linkCode\n shortUrl\n }\n }\n }\n count\n totalCount\n }\n }\n }\n }\n"],["\n query getCodes($limit: Int!, $offset: Int!) {\n viewer {\n ... on User {\n referralCodeList(limit: $limit, offset: $offset) {\n data {\n code\n dateUsed\n dateCopied\n shareLinkCodes(limit: $limit, offset: $offset) {\n data {\n linkCode\n shortUrl\n }\n }\n }\n count\n totalCount\n }\n }\n }\n }\n"]));var p=t("a","sq:referral-codes");var u=t("R","sq:referral-codes-pagination");var d=t("S",a.gql(__makeTemplateObject(["\nmutation test {}\n"],["\nmutation test {}\n"])));function f(t){var e=s();console.log({props:t});var a=i(c,(function(t){var e;return(e=t===null||t===void 0?void 0:t.viewer)===null||e===void 0?void 0:e.referralCodes}),{limit:1,offset:0},{},!(e===null||e===void 0?void 0:e.jwt)),l=a.envelope,r=a.states,d=a.callbacks;var f=o({namespace:u,initialValue:{states:r,callbacks:d}}),m=f[0],v=f[1];var b=o({namespace:p,initialValue:{loading:true,referralCode:"",shareLink:"",email:{messageLink:""},fbMessenger:{messageLink:"",shareLink:""},whatsApp:{messageLink:""}}}),g=b[0],h=b[1];n((function(){if(l===null||l===void 0?void 0:l.data)h({referralCode:"EXAMPLECODE",shareLink:"https://example.com",email:{messageLink:"https://example.com"},fbMessenger:{messageLink:"https://example.com",shareLink:"https://example.com"},whatsApp:{messageLink:"https://example.com"}})}),[l]);n((function(){v({states:r,callbacks:d})}),[r]);console.log({referralData:l,states:r});return{states:__assign({},r),data:{referralCode:"EXAMPLECODE",shareLink:"https://example.com",email:{messageLink:"https://example.com"},fbMessenger:{messageLink:"https://example.com",shareLink:"https://example.com"},whatsApp:{messageLink:"https://example.com"}},callbacks:{}}}var m={HostBlock:r,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 b={right:"\nsl-input::part(input){\n text-align: right;\n}",center:" \nsl-input::part(input){\n text-align: center;\n}",left:""};var g="\n sl-input::part(input){\n cursor: default;\n }\n";var h=l(m);var x=h.toString();function y(t){var n=t.buttonStyle,a=n===void 0?"icon":n;console.log("notification text is",t.notificationText);var s=!t.loading&&t.error;var i=s?t.inputPlaceholderText:t.copyString;var o=s||t.loading||t.disabled;var l=t.buttonStyle==="button-below"?"bottom":t.buttonStyle==="button-outside"?"top":"top-end";var r=e("sl-tooltip",{trigger:"manual",content:t.tooltiptext,placement:l,disabled:t.disabled,open:t.open,skidding:t.buttonStyle==="icon"?-5:0,slot:"suffix"},a==="icon"?e("sl-icon-button",{exportparts:"base: icon-button-base",onClick:function(){var e;return(e=t.onClick)===null||e===void 0?void 0:e.call(t)},name:"files",disabled:o}):e("sl-button",{exportparts:"base: copy-button-base",onClick:function(){var e;return(e=t.onClick)===null||e===void 0?void 0:e.call(t)},size:"medium",style:{width:""+(a==="button-below"&&"100%")},disabled:o,type:"primary"},t.copyButtonLabel||"Copy"));return e("div",{class:h.classes.ContainerDiv},e("style",{type:"text/css"},x,v,b[t.textAlign],o&&g),e("div",{class:h.classes.containerStyle,style:{flexDirection:""+(a==="button-below"?"column":"row")}},e("sl-input",{class:h.classes.inputStyle+" "+(s?h.classes.inputErrorStyle:""),exportparts:"base: input-base, input: input-label",value:t.loading?"Loading...":i,readonly:true,disabled:o},a==="icon"&&r,s&&e("p",{slot:"help-text",class:h.classes.errorTextStyle},t.errorText)),(a==="button-outside"||a==="button-below")&&r),t.showNotificationText&&t.notificationText&&e("p",{part:"sqm-notification-text",class:h.classes.notificationTextStyle},t.notificationText))}}}}));
@@ -1,25 +0,0 @@
1
- import{h as e}from"./p-64c3217a.js";import{f as t}from"./p-fd2c5407.js";import{d as s,Q as a,k as o,C as n}from"./p-00be5090.js";import{c as i}from"./p-cef45012.js";import{H as l}from"./p-02be1a88.js";const r=s.gql`
2
- query getCodes($limit: Int!, $offset: Int!) {
3
- viewer {
4
- ... on User {
5
- referralCodeList(limit: $limit, offset: $offset) {
6
- data {
7
- code
8
- dateUsed
9
- dateCopied
10
- shareLinkCodes(limit: $limit, offset: $offset) {
11
- data {
12
- linkCode
13
- shortUrl
14
- }
15
- }
16
- }
17
- count
18
- totalCount
19
- }
20
- }
21
- }
22
- }
23
- `,p="sq:referral-codes",c="sq:referral-codes-pagination",m=s.gql`
24
- mutation test {}
25
- `;function d(e){const s=a();console.log({props:e});const{envelope:i,states:l,callbacks:p}=o(r,(e=>{var t;return null===(t=null==e?void 0:e.viewer)||void 0===t?void 0:t.referralCodes}),{limit:1,offset:0},{},!(null==s?void 0:s.jwt)),[c,m]=n({namespace:"sq:referral-codes-pagination",initialValue:{states:l,callbacks:p}}),[d,u]=n({namespace:"sq:referral-codes",initialValue:{loading:!0,referralCode:"",shareLink:"",email:{messageLink:""},fbMessenger:{messageLink:"",shareLink:""},whatsApp:{messageLink:""}}});return t((()=>{(null==i?void 0:i.data)&&u({referralCode:"EXAMPLECODE",shareLink:"https://example.com",email:{messageLink:"https://example.com"},fbMessenger:{messageLink:"https://example.com",shareLink:"https://example.com"},whatsApp:{messageLink:"https://example.com"}})}),[i]),t((()=>{m({states:l,callbacks:p})}),[l]),console.log({referralData:i,states:l}),{states:{...l},data:{referralCode:"EXAMPLECODE",shareLink:"https://example.com",email:{messageLink:"https://example.com"},fbMessenger:{messageLink:"https://example.com",shareLink:"https://example.com"},whatsApp:{messageLink:"https://example.com"}},callbacks:{}}}const u={right:"\nsl-input::part(input){\n text-align: right;\n}",center:" \nsl-input::part(input){\n text-align: center;\n}",left:""},f=i({HostBlock:l,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)"}}),b=f.toString();function g(t){const{buttonStyle:s="icon"}=t;console.log("notification text is",t.notificationText);const a=!t.loading&&t.error,o=a?t.inputPlaceholderText:t.copyString,n=a||t.loading||t.disabled,i=e("sl-tooltip",{trigger:"manual",content:t.tooltiptext,placement:"button-below"===t.buttonStyle?"bottom":"button-outside"===t.buttonStyle?"top":"top-end",disabled:t.disabled,open:t.open,skidding:"icon"===t.buttonStyle?-5:0,slot:"suffix"},"icon"===s?e("sl-icon-button",{exportparts:"base: icon-button-base",onClick:()=>{var e;return null===(e=t.onClick)||void 0===e?void 0:e.call(t)},name:"files",disabled:n}):e("sl-button",{exportparts:"base: copy-button-base",onClick:()=>{var e;return null===(e=t.onClick)||void 0===e?void 0:e.call(t)},size:"medium",style:{width:`${"button-below"===s&&"100%"}`},disabled:n,type:"primary"},t.copyButtonLabel||"Copy"));return e("div",{class:f.classes.ContainerDiv},e("style",{type:"text/css"},b,"\n :host{\n display: block; \n width: 100%;\n }\n",u[t.textAlign],n&&"\n sl-input::part(input){\n cursor: default;\n }\n"),e("div",{class:f.classes.containerStyle,style:{flexDirection:"button-below"===s?"column":"row"}},e("sl-input",{class:`${f.classes.inputStyle} ${a?f.classes.inputErrorStyle:""}`,exportparts:"base: input-base, input: input-label",value:t.loading?"Loading...":o,readonly:!0,disabled:n},"icon"===s&&i,a&&e("p",{slot:"help-text",class:f.classes.errorTextStyle},t.errorText)),("button-outside"===s||"button-below"===s)&&i),t.showNotificationText&&t.notificationText&&e("p",{part:"sqm-notification-text",class:f.classes.notificationTextStyle},t.notificationText))}export{g as C,c as R,m as S,p as a,d as u}