@saasquatch/mint-components 1.11.1-12 → 1.11.1-13

package/package.json

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

package/dist/esm-es5/copy-text-view-fef437c3.js

@@ -1 +0,0 @@
-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,i=arguments.length;n<i;n++){t=arguments[n];for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a))e[a]=t[a]}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,B}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(\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 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();var n=B();console.log({props:e});var i=kn(GET_REFERRAL_CODES,(function(e){var t;console.log({queryData:e});return(t=e===null||e===void 0?void 0:e.viewer)===null||t===void 0?void 0:t.referralCodeList}),{limit:1,offset:0},{engagementMedium:n},!(t===null||t===void 0?void 0:t.jwt)),a=i.envelope,s=i.states,o=i.callbacks;var l=Cn({namespace:REFERRAL_CODES_PAGINATION_CONTEXT,initialValue:{states:s,callbacks:o}}),r=l[0],d=l[1];var u=Cn({namespace:REFERRAL_CODES_NAMESPACE,initialValue:{loading:true,referralCode:"",shareLink:"",email:{messageLink:""},fbMessenger:{messageLink:"",shareLink:""},whatsApp:{messageLink:""}}}),c=u[0],m=u[1];useEffect((function(){var e,t,n,i,s,o,l,r,d,u,c,p,f,g,v,h;if((e=a===null||a===void 0?void 0:a.data)===null||e===void 0?void 0:e.length){var b=a.data[0];m({referralCode:b.code,shareLink:(i=(n=(t=b.shareLinkCodes)===null||t===void 0?void 0:t.data)===null||n===void 0?void 0:n[0])===null||i===void 0?void 0:i.direct,email:{messageLink:(l=(o=(s=b.shareLinkCodes)===null||s===void 0?void 0:s.data)===null||o===void 0?void 0:o[0])===null||l===void 0?void 0:l.email},fbMessenger:{messageLink:(u=(d=(r=b.shareLinkCodes)===null||r===void 0?void 0:r.data)===null||d===void 0?void 0:d[0])===null||u===void 0?void 0:u.fbMessenger,shareLink:(f=(p=(c=b.shareLinkCodes)===null||c===void 0?void 0:c.data)===null||p===void 0?void 0:p[0])===null||f===void 0?void 0:f.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}})}}),[a]);useEffect((function(){d({states:s,callbacks:o})}),[s.loading]);console.log({referralData:a,states:s});return{states:__assign(__assign({},s),{noCodes:(a===null||a===void 0?void 0:a.totalCount)===0}),data:c,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 i=!e.loading&&e.error;var a=i?e.inputPlaceholderText:e.copyString;var s=i||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:s}):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:s,type:"primary"},e.copyButtonLabel||"Copy"));return h("div",{class:sheet.classes.ContainerDiv},h("style",{type:"text/css"},styleString,vanillaStyle,textAlignStyle[e.textAlign],s&&disabledStyles),h("div",{class:sheet.classes.containerStyle,style:{flexDirection:""+(n==="button-below"?"column":"row")}},h("sl-input",{class:sheet.classes.inputStyle+" "+(i?sheet.classes.inputErrorStyle:""),exportparts:"base: input-base, input: input-label",value:e.loading?"Loading...":a,readonly:true,disabled:s},n==="icon"&&l,i&&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;

package/dist/mint-components/p-5e9c6394.js

@@ -1,48 +0,0 @@
-import{h as e}from"./p-64c3217a.js";import{f as t}from"./p-fd2c5407.js";import{d as i,Q as n,k as o,C as s,B as l}from"./p-00be5090.js";import{c as a}from"./p-cef45012.js";import{H as r}from"./p-02be1a88.js";const d=i.gql`
-  query getCodes(
-    $limit: Int!
-    $offset: Int!
-    $engagementMedium: UserEngagementMedium!
-  ) {
-    viewer {
-      ... on User {
-        referralCodeList(
-          limit: $limit
-          offset: $offset
-          filter: { fuelTank_eq: true }
-        ) {
-          data {
-            code
-            dateUsed
-            dateCopied
-            shareLinkCodes(limit: $limit, offset: $offset) {
-              data {
-                linkCode
-                shareLink: shortUrl(
-                  shareMedium: DIRECT
-                  engagementMedium: EMBED
-                )
-                email: shortUrl(
-                  shareMedium: EMAIL
-                  engagementMedium: $engagementMedium
-                )
-                whatsApp: shortUrl(
-                  shareMedium: WHATSAPP
-                  engagementMedium: $engagementMedium
-                )
-                fbMessenger: shortUrl(
-                  shareMedium: FBMESSENGER
-                  engagementMedium: $engagementMedium
-                )
-              }
-            }
-          }
-          count
-          totalCount
-        }
-      }
-    }
-  }
-`,u="sq:referral-codes",p="sq:referral-codes-pagination",c=i.gql`
-mutation test {}
-`;function m(e){const i=n(),a=l();console.log({props:e});const{envelope:r,states:u,callbacks:p}=o(d,(e=>{var t;return console.log({queryData:e}),null===(t=null==e?void 0:e.viewer)||void 0===t?void 0:t.referralCodeList}),{limit:1,offset:0},{engagementMedium:a},!(null==i?void 0:i.jwt)),[c,m]=s({namespace:"sq:referral-codes-pagination",initialValue:{states:u,callbacks:p}}),[v,f]=s({namespace:"sq:referral-codes",initialValue:{loading:!0,referralCode:"",shareLink:"",email:{messageLink:""},fbMessenger:{messageLink:"",shareLink:""},whatsApp:{messageLink:""}}});return t((()=>{var e,t,i,n,o,s,l,a,d,u,p,c,m,v,g,b;if(null===(e=null==r?void 0:r.data)||void 0===e?void 0:e.length){const e=r.data[0];f({referralCode:e.code,shareLink:null===(n=null===(i=null===(t=e.shareLinkCodes)||void 0===t?void 0:t.data)||void 0===i?void 0:i[0])||void 0===n?void 0:n.direct,email:{messageLink:null===(l=null===(s=null===(o=e.shareLinkCodes)||void 0===o?void 0:o.data)||void 0===s?void 0:s[0])||void 0===l?void 0:l.email},fbMessenger:{messageLink:null===(u=null===(d=null===(a=e.shareLinkCodes)||void 0===a?void 0:a.data)||void 0===d?void 0:d[0])||void 0===u?void 0:u.fbMessenger,shareLink:null===(m=null===(c=null===(p=e.shareLinkCodes)||void 0===p?void 0:p.data)||void 0===c?void 0:c[0])||void 0===m?void 0:m.fbMessenger},whatsApp:{messageLink:null===(b=null===(g=null===(v=e.shareLinkCodes)||void 0===v?void 0:v.data)||void 0===g?void 0:g[0])||void 0===b?void 0:b.whatsApp}})}}),[r]),t((()=>{m({states:u,callbacks:p})}),[u.loading]),console.log({referralData:r,states:u}),{states:{...u,noCodes:0===(null==r?void 0:r.totalCount)},data:v,callbacks:{}}}const v={right:"\nsl-input::part(input){\n  text-align: right;\n}",center:"  \nsl-input::part(input){\n  text-align: center;\n}",left:""},f=a({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)"}}),g=f.toString();function b(t){const{buttonStyle:i="icon"}=t;console.log("notification text is",t.notificationText);const n=!t.loading&&t.error,o=n?t.inputPlaceholderText:t.copyString,s=n||t.loading||t.disabled,l=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"===i?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:s}):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"===i&&"100%"}`},disabled:s,type:"primary"},t.copyButtonLabel||"Copy"));return e("div",{class:f.classes.ContainerDiv},e("style",{type:"text/css"},g,"\n  :host{\n    display: block;   \n    width: 100%;\n  }\n",v[t.textAlign],s&&"\n  sl-input::part(input){\n    cursor: default;\n  }\n"),e("div",{class:f.classes.containerStyle,style:{flexDirection:"button-below"===i?"column":"row"}},e("sl-input",{class:`${f.classes.inputStyle} ${n?f.classes.inputErrorStyle:""}`,exportparts:"base: input-base, input: input-label",value:t.loading?"Loading...":o,readonly:!0,disabled:s},"icon"===i&&l,n&&e("p",{slot:"help-text",class:f.classes.errorTextStyle},t.errorText)),("button-outside"===i||"button-below"===i)&&l),t.showNotificationText&&t.notificationText&&e("p",{part:"sqm-notification-text",class:f.classes.notificationTextStyle},t.notificationText))}export{b as C,p as R,c as S,u as a,m as u}

package/dist/mint-components/p-74b989e4.entry.js

@@ -1,13 +0,0 @@
-import{h as t,r as e}from"./p-64c3217a.js";import{n,k as o}from"./p-fd2c5407.js";import{I as s,i as a,d as r,H as i,Q as l,y as c,$ as d,B as u}from"./p-00be5090.js";import{g as p}from"./p-9ec99ced.js";import{c as v}from"./p-cef45012.js";import{R as m,a as f,S as g,C as h,u as x}from"./p-5e9c6394.js";import{c as C}from"./p-c1086930.js";import"./p-02be1a88.js";const y=v({Container:{display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"var(--sl-spacing-small)",width:"100%"},TextContainer:{display:"flex",gap:"var(--sl-spacing-xx-small)"}}),b=y.toString();function j(e){const{onNext:n,onPrev:o,currentPage:s,totalPages:a}=e;return t("span",{class:y.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},b),t("sl-button",{onClick:o,part:"sqm-pagination-button",circle:!0,disabled:1===s},t("sl-icon",{name:"chevron-left",label:"Previous Page"})),t("div",{class:y.classes.TextContainer},t("span",null,s),t("span",null,"of"),t("span",null,a)),t("sl-button",{onClick:n,part:"sqm-pagination-button",circle:!0,disabled:s===a},t("sl-icon",{name:"chevron-right",label:"Previous Page"})))}const E=class{constructor(t){e(this,t),this.ignored=!0,n(this)}disconnectedCallback(){}render(){var e,n;const r=a()?function(t){const[e,n]=o(1);return C({states:{currentPage:e,pageCount:5},callbacks:{setCurrentPage:n},text:{ofText:`${e} of 5`}},t.demoData||{},{arrayMerge:(t,e)=>e})}(p(this)):{...s(m)};console.log("pagination",{hookProps:r});const i={currentPage:(null===(e=r.states)||void 0===e?void 0:e.currentPage)+1,totalPages:null===(n=r.states)||void 0===n?void 0:n.pageCount,onNext:()=>{var t,e;return null===(t=r.callbacks)||void 0===t?void 0:t.setCurrentPage((null===(e=r.states)||void 0===e?void 0:e.currentPage)+1)},onPrev:()=>{var t,e;return null===(t=r.callbacks)||void 0===t?void 0:t.setCurrentPage((null===(e=r.states)||void 0===e?void 0:e.currentPage)-1)},text:{ofText:"of"}};return t(j,Object.assign({},i))}},I=r.gql`
-  query ($programId: ID) {
-    user: viewer {
-      ... on User {
-        referralCode(programId: $programId)
-      }
-    }
-  }
-`,P=r.gql`
-  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {
-    createUserAnalyticsEvent(eventMeta: $eventMeta)
-  }
-`,T=class{constructor(t){e(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=p(this),n=a()?function(t){const[e,n]=o(!1),s="REFERRALCODE001";return C({copyString:s,tooltiptext:t.tooltiptext,textAlign:t.textAlign,copyButtonLabel:t.copyButtonLabel,buttonStyle:t.buttonStyle,notificationText:t.notificationText,showNotificationText:t.showNotificationText,rewardStatus:"AVAILABLE",open:e,onClick:()=>{navigator.clipboard.writeText(s),n(!0),setTimeout((()=>n(!1)),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:(t,e)=>e})}(e):function(t){var e,n;const{programId:a=i()}=t,r=l(),p=u(),v=s(f),{data:m}=c(I,{programId:a},!(null==r?void 0:r.jwt)||void 0!==(null==v?void 0:v.referralCode)),[h]=d(P),[x,C]=d(g),y=null!==(n=(null==v?void 0:v.referralCode)||(null===(e=null==m?void 0:m.user)||void 0===e?void 0:e.referralCode))&&void 0!==n?n:"...",[b,j]=o(!1);return{...t,onClick:function(){v&&x(!0),navigator.clipboard.writeText(y),j(!0),setTimeout((()=>j(!1)),t.tooltiplifespan),h({eventMeta:{programId:a,id:null==r?void 0:r.id,accountId:null==r?void 0:r.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:p,shareMedium:"DIRECT"}}})},open:b,copyString:y}}(e);return t(h,Object.assign({},n))}},k=v({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"}}),M=k.toString();function R(e){const{slots:n,titleText:o}=e;return t("div",{class:k.classes.Wrapper,part:"sqm-base"},t("style",{type:"text/css"},"\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n",M),t("div",{class:k.classes.HeaderContainer},t("h2",{class:k.classes.TitleText},o),n.pagination),t("div",{class:k.classes.ShareCodeContainer},n.shareCodes),t("div",{class:k.classes.ShareButtonContainer},n.shareButtons))}const A=class{constructor(t){e(this,t),this.titleText="Your referral code",n(this)}disconnectedCallback(){}render(){const e=p(this),n=a()?function(t){return C({titleText:t.titleText,states:{noCodes:!1,loading:!1}},t.demoData||{},{arrayMerge:(t,e)=>e})}(e):x(e);console.log(n);const o={slots:{shareButtons:t("slot",{name:"shareButtons"}),shareCodes:t("slot",{name:"shareCodes"}),pagination:t("slot",{name:"pagination"})},...n,loading:n.states.loading,noCodes:n.states.noCodes};return t(R,Object.assign({},o))}};export{E as sqm_pagination,T as sqm_referral_code,A as sqm_referral_codes}

package/dist/mint-components/p-df76f28c.system.js

@@ -1 +0,0 @@
-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,s,l,r,d;return{setters:[function(e){n=e.h},function(e){t=e.f},function(e){i=e.d;a=e.Q;o=e.k;s=e.C;l=e.B},function(e){r=e.c},function(e){d=e.H}],execute:function(){e({C:M,u:g});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 m=e("R","sq:referral-codes-pagination");var v=e("S",i.gql(__makeTemplateObject(["\nmutation test {}\n"],["\nmutation test {}\n"])));function g(e){var n=a();var i=l();console.log({props:e});var r=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=r.envelope,v=r.states,g=r.callbacks;var p=s({namespace:m,initialValue:{states:v,callbacks:g}}),f=p[0],b=p[1];var h=s({namespace:c,initialValue:{loading:true,referralCode:"",shareLink:"",email:{messageLink:""},fbMessenger:{messageLink:"",shareLink:""},whatsApp:{messageLink:""}}}),y=h[0],k=h[1];t((function(){var e,n,t,i,a,o,s,l,r,u,c,m,v,g,p,f;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({referralCode:b.code,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:(s=(o=(a=b.shareLinkCodes)===null||a===void 0?void 0:a.data)===null||o===void 0?void 0:o[0])===null||s===void 0?void 0:s.email},fbMessenger:{messageLink:(u=(r=(l=b.shareLinkCodes)===null||l===void 0?void 0:l.data)===null||r===void 0?void 0:r[0])===null||u===void 0?void 0:u.fbMessenger,shareLink:(v=(m=(c=b.shareLinkCodes)===null||c===void 0?void 0:c.data)===null||m===void 0?void 0:m[0])===null||v===void 0?void 0:v.fbMessenger},whatsApp:{messageLink:(f=(p=(g=b.shareLinkCodes)===null||g===void 0?void 0:g.data)===null||p===void 0?void 0:p[0])===null||f===void 0?void 0:f.whatsApp}})}}),[d]);t((function(){b({states:v,callbacks:g})}),[v.loading]);console.log({referralData:d,states:v});return{states:__assign(__assign({},v),{noCodes:(d===null||d===void 0?void 0:d.totalCount)===0}),data:y,callbacks:{}}}var p={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 f="\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 h="\n  sl-input::part(input){\n    cursor: default;\n  }\n";var y=r(p);var k=y.toString();function M(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 s=a||e.loading||e.disabled;var l=e.buttonStyle==="button-below"?"bottom":e.buttonStyle==="button-outside"?"top":"top-end";var r=n("sl-tooltip",{trigger:"manual",content:e.tooltiptext,placement:l,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:s}):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:s,type:"primary"},e.copyButtonLabel||"Copy"));return n("div",{class:y.classes.ContainerDiv},n("style",{type:"text/css"},k,f,b[e.textAlign],s&&h),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...":o,readonly:true,disabled:s},i==="icon"&&r,a&&n("p",{slot:"help-text",class:y.classes.errorTextStyle},e.errorText)),(i==="button-outside"||i==="button-below")&&r),e.showNotificationText&&e.notificationText&&n("p",{part:"sqm-notification-text",class:y.classes.notificationTextStyle},e.notificationText))}}}}));