@saasquatch/mint-components 1.11.1-66 → 1.11.1-68

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 (44) hide show
  1. package/dist/cjs/{ShadowViewAddon-d17dd153.js → ShadowViewAddon-a7926766.js} +1 -1
  2. package/dist/cjs/{copy-text-view-bb2d108f.js → copy-text-view-b70b5e73.js} +2 -0
  3. package/dist/cjs/sqm-big-stat_38.cjs.entry.js +2 -2
  4. package/dist/cjs/sqm-pagination_3.cjs.entry.js +5 -2
  5. package/dist/cjs/sqm-stencilbook.cjs.entry.js +2 -2
  6. package/dist/collection/collection-manifest.json +2 -2
  7. package/dist/collection/components/sqm-pagination/sqm-pagination-view.js +2 -0
  8. package/dist/collection/components/sqm-referral-code/sqm-referral-code.js +2 -2
  9. package/dist/collection/components/sqm-referral-code/useReferralCode.js +1 -0
  10. package/dist/collection/components/sqm-referral-codes/useReferralCodes.js +2 -0
  11. package/dist/esm/{ShadowViewAddon-1c2c3383.js → ShadowViewAddon-43305632.js} +1 -1
  12. package/dist/esm/{copy-text-view-32aad903.js → copy-text-view-e66261c5.js} +2 -0
  13. package/dist/esm/sqm-big-stat_38.entry.js +2 -2
  14. package/dist/esm/sqm-pagination_3.entry.js +5 -2
  15. package/dist/esm/sqm-stencilbook.entry.js +2 -2
  16. package/dist/esm-es5/{ShadowViewAddon-1c2c3383.js → ShadowViewAddon-43305632.js} +1 -1
  17. package/dist/esm-es5/{copy-text-view-32aad903.js → copy-text-view-e66261c5.js} +1 -1
  18. package/dist/esm-es5/sqm-big-stat_38.entry.js +1 -1
  19. package/dist/esm-es5/sqm-pagination_3.entry.js +1 -1
  20. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  21. package/dist/mint-components/mint-components.esm.js +1 -1
  22. package/dist/mint-components/{p-b2718cfe.js → p-1cd93999.js} +1 -1
  23. package/dist/mint-components/p-4c5c84f5.js +52 -0
  24. package/dist/mint-components/{p-a2e71bdf.entry.js → p-4f467838.entry.js} +1 -1
  25. package/dist/mint-components/p-9be2c9a1.system.entry.js +1 -0
  26. package/dist/mint-components/p-9ed09b3a.system.js +1 -1
  27. package/dist/mint-components/{p-4b5ff38d.system.entry.js → p-b1f4cbc7.system.entry.js} +1 -1
  28. package/dist/mint-components/p-c2d49e51.entry.js +13 -0
  29. package/dist/mint-components/{p-e7f5d3b2.system.js → p-c33c3b47.system.js} +1 -1
  30. package/dist/mint-components/{p-b8b7632b.entry.js → p-d9a55dc5.entry.js} +1 -1
  31. package/dist/mint-components/{p-a17fe959.system.entry.js → p-df6642a2.system.entry.js} +1 -1
  32. package/dist/mint-components/p-e14d1312.system.js +1 -0
  33. package/dist/types/components/sqm-referral-code/sqm-referral-code.d.ts +1 -1
  34. package/dist/types/components/sqm-referral-code/useReferralCode.d.ts +2 -8
  35. package/dist/types/components/sqm-referral-codes/useReferralCodes.d.ts +1 -0
  36. package/dist/types/components.d.ts +2 -2
  37. package/docs/docs.docx +0 -0
  38. package/docs/raisins.json +1 -1
  39. package/grapesjs/grapesjs.js +1 -1
  40. package/package.json +1 -1
  41. package/dist/mint-components/p-068bdf79.entry.js +0 -13
  42. package/dist/mint-components/p-099b57de.system.js +0 -1
  43. package/dist/mint-components/p-6dec87e3.js +0 -52
  44. package/dist/mint-components/p-b6eac31a.system.entry.js +0 -1
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-66",
4
+ "version": "1.11.1-68",
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,13 +0,0 @@
1
- import{h as t,F as e,r as a}from"./p-61d5f26e.js";import{n,k as s}from"./p-019506c4.js";import{i as o}from"./p-66c7b15c.js";import{I as i,i as r,d as l,H as c,Q as d,y as u,$ as p,B as g}from"./p-8c765c81.js";import{c as m}from"./p-c1086930.js";import{g as f}from"./p-9ec99ced.js";import{c as h}from"./p-cef45012.js";import{R as v,a as y,S as x,C,u as b}from"./p-6dec87e3.js";import"./p-02be1a88.js";const P=h({Container:{display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"var(--sl-spacing-small)",width:"100%"},TextContainer:{display:"flex",gap:"var(--sl-spacing-xx-small)"}}),T=P.toString();function j(a){const{states:n,callbacks:s,text:o}=a,{onNext:i,onPrev:r}=s,{currentPage:l,totalPages:c,loading:d}=n;return t("span",{class:P.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},T),!d&&t(e,null,t("sl-button",{onClick:r,part:"sqm-pagination-button",circle:!0,disabled:1===l},t("sl-icon",{name:"chevron-left",label:"Previous Page"})),t("div",{class:P.classes.TextContainer},o.paginationText)),t("sl-button",{onClick:i,part:"sqm-pagination-button",circle:!0,disabled:l===c},t("sl-icon",{name:"chevron-right",label:"Previous Page"})))}const I=class{constructor(t){a(this,t),this.ignored=!0,this.paginationText="{currentPage} of {totalPages}",n(this)}disconnectedCallback(){}render(){const e=r()?function(t){const[e,a]=s(1);return m({states:{currentPage:e,totalPages:5,loading:!1},callbacks:{onNext:()=>a(e+1),onPrev:()=>a(e-1)},text:{paginationText:o.formatMessage({id:"paginationText",defaultMessage:t.paginationText||"{currentPage} of {totalPages}"},{currentPage:e,totalPages:5})}},t.demoData||{},{arrayMerge:(t,e)=>e})}(f(this)):function(t){var e;const a=i(v),n=a.states.currentPage+1,s=null===(e=a.states)||void 0===e?void 0:e.pageCount;return{states:{currentPage:n,totalPages:s,loading:a.states.loading},callbacks:{onNext:()=>{var t,e;return null===(t=a.callbacks)||void 0===t?void 0:t.setCurrentPage((null===(e=a.states)||void 0===e?void 0:e.currentPage)+1)},onPrev:()=>{var t,e;return null===(t=a.callbacks)||void 0===t?void 0:t.setCurrentPage((null===(e=a.states)||void 0===e?void 0:e.currentPage)-1)}},text:{paginationText:o.formatMessage({id:"paginationText",defaultMessage:t.paginationText},{currentPage:n,totalPages:s})}}}(f(this));return t(j,Object.assign({},e))}},E=l.gql`
2
- query getReferralCode($programId: ID) {
3
- user: viewer {
4
- ... on User {
5
- referralCode(programId: $programId)
6
- }
7
- }
8
- }
9
- `,k=l.gql`
10
- mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
11
- createUserAnalyticsEvent(eventMeta: $eventMeta)
12
- }
13
- `,w=class{constructor(t){a(this,t),this.tooltiptext="Copied to Clipboard",this.showNotificationText=!1,this.notificationText="You've copied this code before",this.tooltiplifespan=1e3,this.textAlign="left",this.copyButtonLabel="Copy Code",this.buttonStyle="icon",n(this)}disconnectedCallback(){}render(){const e=f(this),a=r()?function(t){const[e,a]=s(!1),n="REFERRALCODE001";return m({copyString:n,tooltiptext:t.tooltiptext,textAlign:t.textAlign,copyButtonLabel:t.copyButtonLabel,buttonStyle:t.buttonStyle,notificationText:t.notificationText,showNotificationText:t.showNotificationText,isCopied:t.showNotificationText,isUsed:!1,rewardStatus:"AVAILABLE",open:e,onClick:()=>{navigator.clipboard.writeText(n),a(!0),setTimeout((()=>a(!1)),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(e):function(t){var e,a;const{programId:n=c()}=t,o=d(),r=g(),l=i(y),{data:m}=u(E,{programId:n},!(null==o?void 0:o.jwt)||void 0!==(null==l?void 0:l.referralCode)),[f]=p(k),[h]=p(x),v=null!==(a=(null==l?void 0:l.referralCode)||(null===(e=null==m?void 0:m.user)||void 0===e?void 0:e.referralCode))&&void 0!==a?a:"...",[C,b]=s(!1);return{...t,onClick:async function(){l&&(await h({referralCode:l.referralCode}),l.refresh()),navigator.clipboard.writeText(v),b(!0),setTimeout((()=>b(!1)),t.tooltiplifespan),f({eventMeta:{programId:n,id:null==o?void 0:o.id,accountId:null==o?void 0:o.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:r,shareMedium:"DIRECT"}}})},open:C,copyString:v,isCopied:null==l?void 0:l.isCopied}}(e);return t(C,Object.assign({},a))}},M=h({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"}}),S=M.toString();function R(e){const{slots:a,titleText:n,states:s}=e;return t("div",{class:M.classes.Wrapper,part:"sqm-base"},t("style",{type:"text/css"},"\n:host {\n display: block;\n}\n:host([hidden]): {\n display: none;\n}\n",S),t("div",{class:M.classes.HeaderContainer},t("h2",{class:M.classes.TitleText},n),!s.noCodes&&!s.loading&&a.pagination),(e=>e.noCodes?a.empty:e.loading?a.loading:t("div",{class:M.classes.Wrapper},t("div",{class:M.classes.ShareCodeContainer},a.shareCodes),t("div",{class:M.classes.ShareButtonContainer},a.shareButtons)))(s))}const q=class{constructor(t){a(this,t),this.titleText="Start sharing",this.emptyStateHeaderText="Your new codes and links aren’t ready yet",this.emptyStateDescriptionText="Please contact our program support team to let them know you’re out of codes.",this.emptyStateImageUrl="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png",n(this)}disconnectedCallback(){}render(){const e=f(this),a=r()?function(t){return m({titleText:t.titleText,states:{noCodes:!1,loading:!1}},t.demoData||{},{arrayMerge:(t,e)=>e})}(e):b(e),n={slots:{shareButtons:t("slot",{name:"shareButtons"}),shareCodes:t("slot",{name:"shareCodes"}),pagination:t("slot",{name:"pagination"}),empty:t(A,{headerText:this.emptyStateHeaderText,descriptionText:this.emptyStateDescriptionText,imageUrl:this.emptyStateImageUrl}),loading:t(_,null)},...a,loading:a.states.loading,noCodes:a.states.noCodes};return t(R,Object.assign({},n))}};function A({headerText:e,descriptionText:a,imageUrl:n}){return t("slot",{name:"empty"},t("sqm-empty",{emptyStateHeader:e,emptyStateText:a,emptyStateImage:n}))}function _(){return t("slot",{name:"loading"},t(N,null),t(N,null),t(N,null),t(N,null))}function N(){return t("sl-skeleton",{style:{width:"100%"}})}export{I as sqm_pagination,w as sqm_referral_code,q as sqm_referral_codes}
@@ -1 +0,0 @@
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-21d94eab.system.js","./p-45d71b2a.system.js","./p-1e68fa26.system.js","./p-1a673057.system.js","./p-f6934a55.system.js"],(function(e){"use strict";var n,t,i,a,r,o,s,l,d,u,m;return{setters:[function(e){n=e.h},function(e){t=e.f},function(e){i=e.d;a=e.Q;r=e.H;o=e.z;s=e.k;l=e.C;d=e.B},function(e){u=e.c},function(e){m=e.H}],execute:function(){e({C:x,u:g});var p=i.gql(__makeTemplateObject(["\n query getCodes(\n $engagementMedium: UserEngagementMedium!\n $limit: Int!\n $offset: Int!\n $filter: ReferralCodeFilterInput\n ) {\n viewer {\n ... on User {\n referralCodeList(limit: $limit, offset: $offset, filter: $filter) {\n data {\n code\n dateUsed\n dateCopied\n singleUse\n shareLinkCodes(limit: $limit) {\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 $engagementMedium: UserEngagementMedium!\n $limit: Int!\n $offset: Int!\n $filter: ReferralCodeFilterInput\n ) {\n viewer {\n ... on User {\n referralCodeList(limit: $limit, offset: $offset, filter: $filter) {\n data {\n code\n dateUsed\n dateCopied\n singleUse\n shareLinkCodes(limit: $limit) {\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 v=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 g(e){var n=a();var i=d();var u=e.programId||r();var m=o().refresh;var v=s(p,(function(e){var n;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,programId:u,filter:{fuelTank_eq:true,programId_eq:u,dateUsed_exists:false}},!(n===null||n===void 0?void 0:n.jwt)),g=v.envelope,b=v.states,h=v.callbacks;var C=l({namespace:f,initialValue:{states:b,callbacks:h}}),k=C[0],y=C[1];var M=l({namespace:c,initialValue:{refresh:m,loading:true,referralCode:"",shareLink:"",isCopied:false,isUsed:false,email:{messageLink:""},fbmessenger:{messageLink:"",shareLink:""},whatsapp:{messageLink:""}}}),x=M[0],w=M[1];t((function(){var e,n,t,i,a,r,o,s,l,d,u,p,c,f,v,C;if((e=g===null||g===void 0?void 0:g.data)===null||e===void 0?void 0:e.length){var k=g.data[0];w({refresh:m,referralCode:k.code,isCopied:!!k.dateCopied,isUsed:!!k.dateUsed,shareLink:(i=(t=(n=k.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:(o=(r=(a=k.shareLinkCodes)===null||a===void 0?void 0:a.data)===null||r===void 0?void 0:r[0])===null||o===void 0?void 0:o.email},fbmessenger:{messageLink:(d=(l=(s=k.shareLinkCodes)===null||s===void 0?void 0:s.data)===null||l===void 0?void 0:l[0])===null||d===void 0?void 0:d.fbMessenger,shareLink:(c=(p=(u=k.shareLinkCodes)===null||u===void 0?void 0:u.data)===null||p===void 0?void 0:p[0])===null||c===void 0?void 0:c.fbMessenger},whatsapp:{messageLink:(C=(v=(f=k.shareLinkCodes)===null||f===void 0?void 0:f.data)===null||v===void 0?void 0:v[0])===null||C===void 0?void 0:C.whatsApp}});y({states:b,callbacks:h})}}),[g]);return{states:__assign(__assign({},b),{noCodes:(g===null||g===void 0?void 0:g.totalCount)===0}),data:x,callbacks:{}}}var b={HostBlock:m,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 h="\n :host{\n display: block; \n width: 100%;\n }\n";var C={right:"\nsl-input::part(input){\n text-align: right;\n}",center:" \nsl-input::part(input){\n text-align: center;\n}",left:""};var k="\n sl-input::part(input){\n cursor: default;\n }\n";var y=u(b);var M=y.toString();function x(e){var t=e.buttonStyle,i=t===void 0?"icon":t;var a=!e.loading&&e.error;var r=a?e.inputPlaceholderText:e.copyString;var o=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:o}):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:o,type:"primary"},e.copyButtonLabel||"Copy"));return n("div",{class:y.classes.ContainerDiv},n("style",{type:"text/css"},M,h,C[e.textAlign],o&&k),n("div",{class:y.classes.containerStyle,style:{flexDirection:""+(i==="button-below"?"column":"row")}},n("sl-input",{class:y.classes.inputStyle+" "+(a?y.classes.inputErrorStyle:""),exportparts:"base: input-base, input: input-label",value:e.loading?"Loading...":r,readonly:true,disabled:o},i==="icon"&&l,a&&n("p",{slot:"help-text",class:y.classes.errorTextStyle},e.errorText)),(i==="button-outside"||i==="button-below")&&l),e.isCopied&&e.showNotificationText&&e.notificationText&&n("p",{part:"sqm-notification-text",class:y.classes.notificationTextStyle},e.notificationText))}}}}));
@@ -1,52 +0,0 @@
1
- import{h as e}from"./p-61d5f26e.js";import{f as i}from"./p-019506c4.js";import{d as t,Q as o,H as n,z as l,k as s,C as a,B as r}from"./p-8c765c81.js";import{c as d}from"./p-cef45012.js";import{H as u}from"./p-02be1a88.js";const p=t.gql`
2
- query getCodes(
3
- $engagementMedium: UserEngagementMedium!
4
- $limit: Int!
5
- $offset: Int!
6
- $filter: ReferralCodeFilterInput
7
- ) {
8
- viewer {
9
- ... on User {
10
- referralCodeList(limit: $limit, offset: $offset, filter: $filter) {
11
- data {
12
- code
13
- dateUsed
14
- dateCopied
15
- singleUse
16
- shareLinkCodes(limit: $limit) {
17
- data {
18
- linkCode
19
- shareLink: shortUrl(
20
- shareMedium: DIRECT
21
- engagementMedium: EMBED
22
- )
23
- email: shortUrl(
24
- shareMedium: EMAIL
25
- engagementMedium: $engagementMedium
26
- )
27
- whatsApp: shortUrl(
28
- shareMedium: WHATSAPP
29
- engagementMedium: $engagementMedium
30
- )
31
- fbMessenger: shortUrl(
32
- shareMedium: FBMESSENGER
33
- engagementMedium: $engagementMedium
34
- )
35
- }
36
- }
37
- }
38
- count
39
- totalCount
40
- }
41
- }
42
- }
43
- }
44
- `,m="sq:referral-codes",c="sq:referral-codes-pagination",f=t.gql`
45
- mutation markReferralCodeCopied($referralCode: String!) {
46
- markReferralCodeCopied(referralCode: $referralCode) {
47
- referralCode {
48
- dateCopied
49
- }
50
- }
51
- }
52
- `;function v(e){const t=o(),d=r(),u=e.programId||n(),{refresh:m}=l(),{envelope:c,states:f,callbacks:v}=s(p,(e=>{var i;return null===(i=null==e?void 0:e.viewer)||void 0===i?void 0:i.referralCodeList}),{limit:1,offset:0},{engagementMedium:d,programId:u,filter:{fuelTank_eq:!0,programId_eq:u,dateUsed_exists:!1}},!(null==t?void 0:t.jwt)),[g,b]=a({namespace:"sq:referral-codes-pagination",initialValue:{states:f,callbacks:v}}),[h,C]=a({namespace:"sq:referral-codes",initialValue:{refresh:m,loading:!0,referralCode:"",shareLink:"",isCopied:!1,isUsed:!1,email:{messageLink:""},fbmessenger:{messageLink:"",shareLink:""},whatsapp:{messageLink:""}}});return i((()=>{var e,i,t,o,n,l,s,a,r,d,u,p,g,h,k,x;if(null===(e=null==c?void 0:c.data)||void 0===e?void 0:e.length){const e=c.data[0];C({refresh:m,referralCode:e.code,isCopied:!!e.dateCopied,isUsed:!!e.dateUsed,shareLink:null===(o=null===(t=null===(i=e.shareLinkCodes)||void 0===i?void 0:i.data)||void 0===t?void 0:t[0])||void 0===o?void 0:o.direct,email:{messageLink:null===(s=null===(l=null===(n=e.shareLinkCodes)||void 0===n?void 0:n.data)||void 0===l?void 0:l[0])||void 0===s?void 0:s.email},fbmessenger:{messageLink:null===(d=null===(r=null===(a=e.shareLinkCodes)||void 0===a?void 0:a.data)||void 0===r?void 0:r[0])||void 0===d?void 0:d.fbMessenger,shareLink:null===(g=null===(p=null===(u=e.shareLinkCodes)||void 0===u?void 0:u.data)||void 0===p?void 0:p[0])||void 0===g?void 0:g.fbMessenger},whatsapp:{messageLink:null===(x=null===(k=null===(h=e.shareLinkCodes)||void 0===h?void 0:h.data)||void 0===k?void 0:k[0])||void 0===x?void 0:x.whatsApp}}),b({states:f,callbacks:v})}}),[c]),{states:{...f,noCodes:0===(null==c?void 0:c.totalCount)},data:h,callbacks:{}}}const g={right:"\nsl-input::part(input){\n text-align: right;\n}",center:" \nsl-input::part(input){\n text-align: center;\n}",left:""},b=d({HostBlock:u,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)"}}),h=b.toString();function C(i){const{buttonStyle:t="icon"}=i,o=!i.loading&&i.error,n=o?i.inputPlaceholderText:i.copyString,l=o||i.loading||i.disabled,s=e("sl-tooltip",{trigger:"manual",content:i.tooltiptext,placement:"button-below"===i.buttonStyle?"bottom":"button-outside"===i.buttonStyle?"top":"top-end",disabled:i.disabled,open:i.open,skidding:"icon"===i.buttonStyle?-5:0,slot:"suffix"},"icon"===t?e("sl-icon-button",{exportparts:"base: icon-button-base",onClick:()=>{var e;return null===(e=i.onClick)||void 0===e?void 0:e.call(i)},name:"files",disabled:l}):e("sl-button",{exportparts:"base: copy-button-base",onClick:()=>{var e;return null===(e=i.onClick)||void 0===e?void 0:e.call(i)},size:"medium",style:{width:`${"button-below"===t&&"100%"}`},disabled:l,type:"primary"},i.copyButtonLabel||"Copy"));return e("div",{class:b.classes.ContainerDiv},e("style",{type:"text/css"},h,"\n :host{\n display: block; \n width: 100%;\n }\n",g[i.textAlign],l&&"\n sl-input::part(input){\n cursor: default;\n }\n"),e("div",{class:b.classes.containerStyle,style:{flexDirection:"button-below"===t?"column":"row"}},e("sl-input",{class:`${b.classes.inputStyle} ${o?b.classes.inputErrorStyle:""}`,exportparts:"base: input-base, input: input-label",value:i.loading?"Loading...":n,readonly:!0,disabled:l},"icon"===t&&s,o&&e("p",{slot:"help-text",class:b.classes.errorTextStyle},i.errorText)),("button-outside"===t||"button-below"===t)&&s),i.isCopied&&i.showNotificationText&&i.notificationText&&e("p",{part:"sqm-notification-text",class:b.classes.notificationTextStyle},i.notificationText))}export{C,c as R,f as S,m as a,v as u}
@@ -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 r in e)if(Object.prototype.hasOwnProperty.call(e,r))t[r]=e[r]}return t};return __assign.apply(this,arguments)};var __awaiter=this&&this.__awaiter||function(t,e,n,a){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,i){function o(t){try{l(a.next(t))}catch(t){i(t)}}function s(t){try{l(a["throw"](t))}catch(t){i(t)}}function l(t){t.done?n(t.value):r(t.value).then(o,s)}l((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},a,r,i,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return l([t,e])}}function l(o){if(a)throw new TypeError("Generator is already executing.");while(n)try{if(a=1,r&&(i=o[0]&2?r["return"]:o[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,o[1])).done)return i;if(r=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;r=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){n.label=o[1];break}if(o[0]===6&&n.label<i[1]){n.label=i[1];i=o;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(o);break}if(i[2])n.ops.pop();n.trys.pop();continue}o=e.call(t,n)}catch(t){o=[6,t];r=0}finally{a=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};System.register(["./p-21d94eab.system.js","./p-45d71b2a.system.js","./p-f6c279d8.system.js","./p-1e68fa26.system.js","./p-4bd679a7.system.js","./p-6333265f.system.js","./p-1a673057.system.js","./p-099b57de.system.js","./p-f6934a55.system.js"],(function(t){"use strict";var e,n,a,r,i,o,s,l,c,u,d,f,p,v,g,h,m,y,x,b,C,T;return{setters:[function(t){e=t.h;n=t.F;a=t.r},function(t){r=t.n;i=t.k},function(t){o=t.i},function(t){s=t.I;l=t.i;c=t.d;u=t.H;d=t.Q;f=t.y;p=t.$;v=t.B},function(t){g=t.c},function(t){h=t.g},function(t){m=t.c},function(t){y=t.R;x=t.a;b=t.S;C=t.C;T=t.u},function(){}],execute:function(){var _={Container:{display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"var(--sl-spacing-small)",width:"100%"},TextContainer:{display:"flex",gap:"var(--sl-spacing-xx-small)"}};var w=m(_);var P=w.toString();function S(t){var a=t.states,r=t.callbacks,i=t.text;var o=r.onNext,s=r.onPrev;var l=a.currentPage,c=a.totalPages,u=a.loading;return e("span",{class:w.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},P),!u&&e(n,null,e("sl-button",{onClick:s,part:"sqm-pagination-button",circle:true,disabled:l===1},e("sl-icon",{name:"chevron-left",label:"Previous Page"})),e("div",{class:w.classes.TextContainer},i.paginationText)),e("sl-button",{onClick:o,part:"sqm-pagination-button",circle:true,disabled:l===c},e("sl-icon",{name:"chevron-right",label:"Previous Page"})))}function j(t){var e;var n=s(y);var a=n.states.currentPage+1;var r=(e=n.states)===null||e===void 0?void 0:e.pageCount;return{states:{currentPage:a,totalPages:r,loading:n.states.loading},callbacks:{onNext:function(){var t,e;return(t=n.callbacks)===null||t===void 0?void 0:t.setCurrentPage(((e=n.states)===null||e===void 0?void 0:e.currentPage)+1)},onPrev:function(){var t,e;return(t=n.callbacks)===null||t===void 0?void 0:t.setCurrentPage(((e=n.states)===null||e===void 0?void 0:e.currentPage)-1)}},text:{paginationText:o.formatMessage({id:"paginationText",defaultMessage:t.paginationText},{currentPage:a,totalPages:r})}}}var k=t("sqm_pagination",function(){function t(t){a(this,t);this.ignored=true;this.paginationText="{currentPage} of {totalPages}";r(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=l()?I(h(this)):j(h(this));return e(S,Object.assign({},t))};return t}());function I(t){var e=i(1),n=e[0],a=e[1];return g({states:{currentPage:n,totalPages:5,loading:false},callbacks:{onNext:function(){return a(n+1)},onPrev:function(){return a(n-1)}},text:{paginationText:o.formatMessage({id:"paginationText",defaultMessage:t.paginationText||"{currentPage} of {totalPages}"},{currentPage:n,totalPages:5})}},t.demoData||{},{arrayMerge:function(t,e){return e}})}var E=c.gql(__makeTemplateObject(["\n query getReferralCode($programId: ID) {\n user: viewer {\n ... on User {\n referralCode(programId: $programId)\n }\n }\n }\n"],["\n query getReferralCode($programId: ID) {\n user: viewer {\n ... on User {\n referralCode(programId: $programId)\n }\n }\n }\n"]));var M=c.gql(__makeTemplateObject(["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"],["\n mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n createUserAnalyticsEvent(eventMeta: $eventMeta)\n }\n"]));function q(t){var e,n;var a=t.programId,r=a===void 0?u():a;var o=d();var l=v();var c=s(x);var g=f(E,{programId:r},!(o===null||o===void 0?void 0:o.jwt)||(c===null||c===void 0?void 0:c.referralCode)!==undefined).data;var h=p(M)[0];var m=p(b)[0];var y=(n=(c===null||c===void 0?void 0:c.referralCode)||((e=g===null||g===void 0?void 0:g.user)===null||e===void 0?void 0:e.referralCode))!==null&&n!==void 0?n:"...";var C=i(false),T=C[0],_=C[1];function w(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!c)return[3,2];return[4,m({referralCode:c.referralCode})];case 1:e.sent();c.refresh();e.label=2;case 2:navigator.clipboard.writeText(y);_(true);setTimeout((function(){return _(false)}),t.tooltiplifespan);h({eventMeta:{programId:r,id:o===null||o===void 0?void 0:o.id,accountId:o===null||o===void 0?void 0:o.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:l,shareMedium:"DIRECT"}}});return[2]}}))}))}return __assign(__assign({},t),{onClick:w,open:T,copyString:y,isCopied:c===null||c===void 0?void 0:c.isCopied})}var A=t("sqm_referral_code",function(){function t(t){a(this,t);this.tooltiptext="Copied to Clipboard";this.showNotificationText=false;this.notificationText="You've copied this code before";this.tooltiplifespan=1e3;this.textAlign="left";this.copyButtonLabel="Copy Code";this.buttonStyle="icon";r(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=h(this);var n=l()?O(t):q(t);return e(C,Object.assign({},n))};return t}());function O(t){var e=i(false),n=e[0],a=e[1];var r="REFERRALCODE001";return g({copyString:r,tooltiptext:t.tooltiptext,textAlign:t.textAlign,copyButtonLabel:t.copyButtonLabel,buttonStyle:t.buttonStyle,notificationText:t.notificationText,showNotificationText:t.showNotificationText,isCopied:t.showNotificationText,isUsed:false,rewardStatus:"AVAILABLE",open:n,onClick:function(){navigator.clipboard.writeText(r);a(true);setTimeout((function(){return a(false)}),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:function(t,e){return e}})}var R={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 D="\n:host {\n display: block;\n}\n:host([hidden]): {\n display: none;\n}\n";var U=m(R);var B=U.toString();function N(t){var n=t.slots,a=t.titleText,r=t.states;var i=function(t){if(t.noCodes){return n.empty}if(t.loading){return n.loading}return e("div",{class:U.classes.Wrapper},e("div",{class:U.classes.ShareCodeContainer},n.shareCodes),e("div",{class:U.classes.ShareButtonContainer},n.shareButtons))};return e("div",{class:U.classes.Wrapper,part:"sqm-base"},e("style",{type:"text/css"},D,B),e("div",{class:U.classes.HeaderContainer},e("h2",{class:U.classes.TitleText},a),!r.noCodes&&!r.loading&&n.pagination),i(r))}var $=t("sqm_referral_codes",function(){function t(t){a(this,t);this.titleText="Start sharing";this.emptyStateHeaderText="Your new codes and links aren’t ready yet";this.emptyStateDescriptionText="Please contact our program support team to let them know you’re out of codes.";this.emptyStateImageUrl="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_leaderboard2.png";r(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=h(this);var n=l()?F(t):T(t);var a={shareButtons:e("slot",{name:"shareButtons"}),shareCodes:e("slot",{name:"shareCodes"}),pagination:e("slot",{name:"pagination"}),empty:e(L,{headerText:this.emptyStateHeaderText,descriptionText:this.emptyStateDescriptionText,imageUrl:this.emptyStateImageUrl}),loading:e(H,null)};var r=__assign(__assign({slots:a},n),{loading:n.states.loading,noCodes:n.states.noCodes});return e(N,Object.assign({},r))};return t}());function L(t){var n=t.headerText,a=t.descriptionText,r=t.imageUrl;return e("slot",{name:"empty"},e("sqm-empty",{emptyStateHeader:n,emptyStateText:a,emptyStateImage:r}))}function H(){return e("slot",{name:"loading"},e(G,null),e(G,null),e(G,null),e(G,null))}function G(){return e("sl-skeleton",{style:{width:"100%"}})}function F(t){return g({titleText:t.titleText,states:{noCodes:false,loading:false}},t.demoData||{},{arrayMerge:function(t,e){return e}})}}}}));