@saasquatch/mint-components 1.11.1-18 → 1.11.1-19

package/package.json

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

package/dist/mint-components/p-db0fe328.js

@@ -1,54 +0,0 @@
-import{h as e}from"./p-64c3217a.js";import{f as t}from"./p-fd2c5407.js";import{d as i,Q as o,z as n,k as s,C as a,B as l}from"./p-08db5ea4.js";import{c as r}from"./p-cef45012.js";import{H as d}from"./p-02be1a88.js";const u=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
-        }
-      }
-    }
-  }
-`,p="sq:referral-codes",c="sq:referral-codes-pagination",m=i.gql`
-  mutation markReferralCodeCopied($referralCode: String!) {
-    markReferralCodeCopied(referralCode: $referralCode) {
-      referralCode {
-        dateCopied
-      }
-    }
-  }
-`;function f(e){const i=o(),r=l();console.log({props:e});const{refresh:d}=n(),{envelope:p,states:c,callbacks:m}=s(u,(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:r},!(null==i?void 0:i.jwt)),[f,v]=a({namespace:"sq:referral-codes-pagination",initialValue:{states:c,callbacks:m}}),[g,b]=a({namespace:"sq:referral-codes",initialValue:{refresh:d,loading:!0,referralCode:"",shareLink:"",isCopied:!1,isUsed:!1,email:{messageLink:""},fbMessenger:{messageLink:"",shareLink:""},whatsApp:{messageLink:""}}});return t((()=>{var e,t,i,o,n,s,a,l,r,u,c,m,f,v,g,h;if(null===(e=null==p?void 0:p.data)||void 0===e?void 0:e.length){const e=p.data[0];b({refresh:d,referralCode:e.code,isCopied:!!e.dateCopied,isUsed:!!e.dateUsed,shareLink:null===(o=null===(i=null===(t=e.shareLinkCodes)||void 0===t?void 0:t.data)||void 0===i?void 0:i[0])||void 0===o?void 0:o.direct,email:{messageLink:null===(a=null===(s=null===(n=e.shareLinkCodes)||void 0===n?void 0:n.data)||void 0===s?void 0:s[0])||void 0===a?void 0:a.email},fbMessenger:{messageLink:null===(u=null===(r=null===(l=e.shareLinkCodes)||void 0===l?void 0:l.data)||void 0===r?void 0:r[0])||void 0===u?void 0:u.fbMessenger,shareLink:null===(f=null===(m=null===(c=e.shareLinkCodes)||void 0===c?void 0:c.data)||void 0===m?void 0:m[0])||void 0===f?void 0:f.fbMessenger},whatsApp:{messageLink:null===(h=null===(g=null===(v=e.shareLinkCodes)||void 0===v?void 0:v.data)||void 0===g?void 0:g[0])||void 0===h?void 0:h.whatsApp}})}}),[p]),t((()=>{v({states:c,callbacks:m})}),[c.loading]),console.log({referralData:p,states:c}),{states:{...c,noCodes:0===(null==p?void 0:p.totalCount)},data:g,callbacks:{}}}const v={right:"\nsl-input::part(input){\n  text-align: right;\n}",center:"  \nsl-input::part(input){\n  text-align: center;\n}",left:""},g=r({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)"}}),b=g.toString();function h(t){const{buttonStyle:i="icon"}=t;console.log("notification text is",t.notificationText);const o=!t.loading&&t.error,n=o?t.inputPlaceholderText:t.copyString,s=o||t.loading||t.disabled,a=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:g.classes.ContainerDiv},e("style",{type:"text/css"},b,"\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:g.classes.containerStyle,style:{flexDirection:"button-below"===i?"column":"row"}},e("sl-input",{class:`${g.classes.inputStyle} ${o?g.classes.inputErrorStyle:""}`,exportparts:"base: input-base, input: input-label",value:t.loading?"Loading...":n,readonly:!0,disabled:s},"icon"===i&&a,o&&e("p",{slot:"help-text",class:g.classes.errorTextStyle},t.errorText)),("button-outside"===i||"button-below"===i)&&a),t.isCopied&&t.showNotificationText&&t.notificationText&&e("p",{part:"sqm-notification-text",class:g.classes.notificationTextStyle},t.notificationText))}export{h as C,c as R,m as S,p as a,f as u}