@saasquatch/mint-components 1.11.1-36 → 1.11.1-37

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

@@ -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 v=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 p=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;var i=a();var u=d();var m=e.programId||r();console.log({props:e});var p=o().refresh;var g=s(v,(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:u,programId:m,filter:{fuelTank_eq:true,programId_eq:m,dateUsed_exists:false,singleUse_eq:true}},!(i===null||i===void 0?void 0:i.jwt));var C=s(v,(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:u,programId:m,filter:{fuelTank_eq:true,programId_eq:m,singleUse_eq:false}},!(i===null||i===void 0?void 0:i.jwt));var b=((n=g===null||g===void 0?void 0:g.envelope)===null||n===void 0?void 0:n.totalCount)>0?g:C;var h=b.envelope;var k=l({namespace:f,initialValue:{states:b.states,callbacks:b.callbacks}}),y=k[0],M=k[1];var x=l({namespace:c,initialValue:{refresh:p,loading:true,referralCode:"",shareLink:"",isCopied:false,isUsed:false,email:{messageLink:""},fbmessenger:{messageLink:"",shareLink:""},whatsapp:{messageLink:""}}}),w=x[0],L=x[1];t((function(){var e,n,t,i,a,r,o,s,l,d,u,m,v,c,f,g;if((e=h===null||h===void 0?void 0:h.data)===null||e===void 0?void 0:e.length){var C=h.data[0];L({refresh:p,referralCode:C.code,isCopied:!!C.dateCopied,isUsed:!!C.dateUsed,shareLink:(i=(t=(n=C.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=C.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=C.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:(v=(m=(u=C.shareLinkCodes)===null||u===void 0?void 0:u.data)===null||m===void 0?void 0:m[0])===null||v===void 0?void 0:v.fbMessenger},whatsapp:{messageLink:(g=(f=(c=C.shareLinkCodes)===null||c===void 0?void 0:c.data)===null||f===void 0?void 0:f[0])===null||g===void 0?void 0:g.whatsApp}});M({states:b.states,callbacks:b.callbacks})}}),[h]);console.log({referralData:h,states:b.states});return{states:__assign(__assign({},b.states),{noCodes:(h===null||h===void 0?void 0:h.totalCount)===0}),data:w,callbacks:{}}}var C={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 b="\n  :host{\n    display: block;   \n    width: 100%;\n  }\n";var h={right:"\nsl-input::part(input){\n  text-align: right;\n}",center:"  \nsl-input::part(input){\n  text-align: center;\n}",left:""};var k="\n  sl-input::part(input){\n    cursor: default;\n  }\n";var y=u(C);var M=y.toString();function x(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 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,b,h[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))}}}}));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.11.1-36",
+  "version": "1.11.1-37",
   "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-1d7c8f2a.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)};import{h}from"./index-014ddfa3.js";import{u as useMemo,f as useEffect}from"./stencil-hooks.module-576d7f01.js";import{d as dist,Q,H,z as ze,k as kn,C as Cn,B}from"./index.module-5eb0926c.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    $programId: ID\n  ) {\n    viewer {\n      ... on User {\n        referralCodeList(\n          limit: $limit\n          offset: $offset\n          filter: { fuelTank_eq: true, programId_eq: $programId }\n        ) {\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    $limit: Int!\n    $offset: Int!\n    $engagementMedium: UserEngagementMedium!\n    $programId: ID\n  ) {\n    viewer {\n      ... on User {\n        referralCodeList(\n          limit: $limit\n          offset: $offset\n          filter: { fuelTank_eq: true, programId_eq: $programId }\n        ) {\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 REFERRAL_CODES_NAMESPACE="sq:referral-codes";var REFERRAL_CODES_PAGINATION_CONTEXT="sq:referral-codes-pagination";var SET_CODE_COPIED=dist.gql(templateObject_2||(templateObject_2=__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 useReferralCodes(e){var n=Q();var t=B();var i=e.programId||H();console.log({props:e});var a=ze().refresh;var r=kn(GET_REFERRAL_CODES,(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:t,programId:i},!(n===null||n===void 0?void 0:n.jwt)),o=r.envelope,l=r.states,s=r.callbacks;var d=useMemo((function(){var e;return(e=o===null||o===void 0?void 0:o.data)===null||e===void 0?void 0:e.filter((function(e){if((e===null||e===void 0?void 0:e.singleUse)&&!(e===null||e===void 0?void 0:e.dateUsed))return true;if(!(e===null||e===void 0?void 0:e.singleUse))return true;return false}))}),[o]);console.log({props:e,referralData:o,filteredReferralData:d});var u=Cn({namespace:REFERRAL_CODES_PAGINATION_CONTEXT,initialValue:{states:l,callbacks:s}}),m=u[0],p=u[1];var c=Cn({namespace:REFERRAL_CODES_NAMESPACE,initialValue:{refresh:a,loading:true,referralCode:"",shareLink:"",isCopied:false,isUsed:false,email:{messageLink:""},fbmessenger:{messageLink:"",shareLink:""},whatsapp:{messageLink:""}}}),f=c[0],g=c[1];useEffect((function(){var e,n,t,i,r,o,u,m,c,f,v,C,h,b,E;if(d===null||d===void 0?void 0:d.length){var _=d[0];g({refresh:a,referralCode:_.code,isCopied:!!_.dateCopied,isUsed:!!_.dateUsed,shareLink:(t=(n=(e=_.shareLinkCodes)===null||e===void 0?void 0:e.data)===null||n===void 0?void 0:n[0])===null||t===void 0?void 0:t.direct,email:{messageLink:(o=(r=(i=_.shareLinkCodes)===null||i===void 0?void 0:i.data)===null||r===void 0?void 0:r[0])===null||o===void 0?void 0:o.email},fbmessenger:{messageLink:(c=(m=(u=_.shareLinkCodes)===null||u===void 0?void 0:u.data)===null||m===void 0?void 0:m[0])===null||c===void 0?void 0:c.fbMessenger,shareLink:(C=(v=(f=_.shareLinkCodes)===null||f===void 0?void 0:f.data)===null||v===void 0?void 0:v[0])===null||C===void 0?void 0:C.fbMessenger},whatsapp:{messageLink:(E=(b=(h=_.shareLinkCodes)===null||h===void 0?void 0:h.data)===null||b===void 0?void 0:b[0])===null||E===void 0?void 0:E.whatsApp}});p({states:l,callbacks:s})}}),[d]);console.log({referralData:o,states:l});return{states:__assign(__assign({},l),{noCodes:(o===null||o===void 0?void 0:o.totalCount)===0}),data:f,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 n=e.buttonStyle,t=n===void 0?"icon":n;console.log("notification text is",e.notificationText);var i=!e.loading&&e.error;var a=i?e.inputPlaceholderText:e.copyString;var r=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"},t==="icon"?h("sl-icon-button",{exportparts:"base: icon-button-base",onClick:function(){var n;return(n=e.onClick)===null||n===void 0?void 0:n.call(e)},name:"files",disabled:r}):h("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:""+(t==="button-below"&&"100%")},disabled:r,type:"primary"},e.copyButtonLabel||"Copy"));return h("div",{class:sheet.classes.ContainerDiv},h("style",{type:"text/css"},styleString,vanillaStyle,textAlignStyle[e.textAlign],r&&disabledStyles),h("div",{class:sheet.classes.containerStyle,style:{flexDirection:""+(t==="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:r},t==="icon"&&l,i&&h("p",{slot:"help-text",class:sheet.classes.errorTextStyle},e.errorText)),(t==="button-outside"||t==="button-below")&&l),e.isCopied&&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_COPIED as S,REFERRAL_CODES_NAMESPACE as a,useReferralCodes as u};var templateObject_1,templateObject_2;

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

@@ -1,56 +0,0 @@
-import{h as e}from"./p-61d5f26e.js";import{u as t,f as i}from"./p-019506c4.js";import{d as o,Q as n,H as l,z as a,k as s,C as r,B as d}from"./p-8c765c81.js";import{c as u}from"./p-cef45012.js";import{H as p}from"./p-02be1a88.js";const m=o.gql`
-  query getCodes(
-    $limit: Int!
-    $offset: Int!
-    $engagementMedium: UserEngagementMedium!
-    $programId: ID
-  ) {
-    viewer {
-      ... on User {
-        referralCodeList(
-          limit: $limit
-          offset: $offset
-          filter: { fuelTank_eq: true, programId_eq: $programId }
-        ) {
-          data {
-            code
-            dateUsed
-            dateCopied
-            singleUse
-            shareLinkCodes(limit: $limit) {
-              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
-        }
-      }
-    }
-  }
-`,c="sq:referral-codes",v="sq:referral-codes-pagination",f=o.gql`
-  mutation markReferralCodeCopied($referralCode: String!) {
-    markReferralCodeCopied(referralCode: $referralCode) {
-      referralCode {
-        dateCopied
-      }
-    }
-  }
-`;function g(e){const o=n(),u=d(),p=e.programId||l();console.log({props:e});const{refresh:c}=a(),{envelope:v,states:f,callbacks:g}=s(m,(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:u,programId:p},!(null==o?void 0:o.jwt)),b=t((()=>{var e;return null===(e=null==v?void 0:v.data)||void 0===e?void 0:e.filter((e=>!(!(null==e?void 0:e.singleUse)||(null==e?void 0:e.dateUsed))||!(null==e?void 0:e.singleUse)))}),[v]);console.log({props:e,referralData:v,filteredReferralData:b});const[h,C]=r({namespace:"sq:referral-codes-pagination",initialValue:{states:f,callbacks:g}}),[k,x]=r({namespace:"sq:referral-codes",initialValue:{refresh:c,loading:!0,referralCode:"",shareLink:"",isCopied:!1,isUsed:!1,email:{messageLink:""},fbmessenger:{messageLink:"",shareLink:""},whatsapp:{messageLink:""}}});return i((()=>{var e,t,i,o,n,l,a,s,r,d,u,p,m,v,h;if(null==b?void 0:b.length){const k=b[0];x({refresh:c,referralCode:k.code,isCopied:!!k.dateCopied,isUsed:!!k.dateUsed,shareLink:null===(i=null===(t=null===(e=k.shareLinkCodes)||void 0===e?void 0:e.data)||void 0===t?void 0:t[0])||void 0===i?void 0:i.direct,email:{messageLink:null===(l=null===(n=null===(o=k.shareLinkCodes)||void 0===o?void 0:o.data)||void 0===n?void 0:n[0])||void 0===l?void 0:l.email},fbmessenger:{messageLink:null===(r=null===(s=null===(a=k.shareLinkCodes)||void 0===a?void 0:a.data)||void 0===s?void 0:s[0])||void 0===r?void 0:r.fbMessenger,shareLink:null===(p=null===(u=null===(d=k.shareLinkCodes)||void 0===d?void 0:d.data)||void 0===u?void 0:u[0])||void 0===p?void 0:p.fbMessenger},whatsapp:{messageLink:null===(h=null===(v=null===(m=k.shareLinkCodes)||void 0===m?void 0:m.data)||void 0===v?void 0:v[0])||void 0===h?void 0:h.whatsApp}}),C({states:f,callbacks:g})}}),[b]),console.log({referralData:v,states:f}),{states:{...f,noCodes:0===(null==v?void 0:v.totalCount)},data:k,callbacks:{}}}const b={right:"\nsl-input::part(input){\n  text-align: right;\n}",center:"  \nsl-input::part(input){\n  text-align: center;\n}",left:""},h=u({HostBlock:p,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)"}}),C=h.toString();function k(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,l=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:l}):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:l,type:"primary"},t.copyButtonLabel||"Copy"));return e("div",{class:h.classes.ContainerDiv},e("style",{type:"text/css"},C,"\n  :host{\n    display: block;   \n    width: 100%;\n  }\n",b[t.textAlign],l&&"\n  sl-input::part(input){\n    cursor: default;\n  }\n"),e("div",{class:h.classes.containerStyle,style:{flexDirection:"button-below"===i?"column":"row"}},e("sl-input",{class:`${h.classes.inputStyle} ${o?h.classes.inputErrorStyle:""}`,exportparts:"base: input-base, input: input-label",value:t.loading?"Loading...":n,readonly:!0,disabled:l},"icon"===i&&a,o&&e("p",{slot:"help-text",class:h.classes.errorTextStyle},t.errorText)),("button-outside"===i||"button-below"===i)&&a),t.isCopied&&t.showNotificationText&&t.notificationText&&e("p",{part:"sqm-notification-text",class:h.classes.notificationTextStyle},t.notificationText))}export{k as C,v as R,f as S,c as a,g as u}

package/dist/mint-components/p-d55dcd10.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-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,c;return{setters:[function(e){n=e.h},function(e){t=e.u;i=e.f},function(e){a=e.d;r=e.Q;o=e.H;s=e.z;l=e.k;d=e.C;u=e.B},function(e){m=e.c},function(e){c=e.H}],execute:function(){e({C:w,u:b});var p=a.gql(__makeTemplateObject(["\n  query getCodes(\n    $limit: Int!\n    $offset: Int!\n    $engagementMedium: UserEngagementMedium!\n    $programId: ID\n  ) {\n    viewer {\n      ... on User {\n        referralCodeList(\n          limit: $limit\n          offset: $offset\n          filter: { fuelTank_eq: true, programId_eq: $programId }\n        ) {\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    $limit: Int!\n    $offset: Int!\n    $engagementMedium: UserEngagementMedium!\n    $programId: ID\n  ) {\n    viewer {\n      ... on User {\n        referralCodeList(\n          limit: $limit\n          offset: $offset\n          filter: { fuelTank_eq: true, programId_eq: $programId }\n        ) {\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 g=e("a","sq:referral-codes");var v=e("R","sq:referral-codes-pagination");var f=e("S",a.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 b(e){var n=r();var a=u();var m=e.programId||o();console.log({props:e});var c=s().refresh;var f=l(p,(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:a,programId:m},!(n===null||n===void 0?void 0:n.jwt)),b=f.envelope,h=f.states,C=f.callbacks;var k=t((function(){var e;return(e=b===null||b===void 0?void 0:b.data)===null||e===void 0?void 0:e.filter((function(e){if((e===null||e===void 0?void 0:e.singleUse)&&!(e===null||e===void 0?void 0:e.dateUsed))return true;if(!(e===null||e===void 0?void 0:e.singleUse))return true;return false}))}),[b]);console.log({props:e,referralData:b,filteredReferralData:k});var y=d({namespace:v,initialValue:{states:h,callbacks:C}}),M=y[0],x=y[1];var w=d({namespace:g,initialValue:{refresh:c,loading:true,referralCode:"",shareLink:"",isCopied:false,isUsed:false,email:{messageLink:""},fbmessenger:{messageLink:"",shareLink:""},whatsapp:{messageLink:""}}}),L=w[0],S=w[1];i((function(){var e,n,t,i,a,r,o,s,l,d,u,m,p,g,v;if(k===null||k===void 0?void 0:k.length){var f=k[0];S({refresh:c,referralCode:f.code,isCopied:!!f.dateCopied,isUsed:!!f.dateUsed,shareLink:(t=(n=(e=f.shareLinkCodes)===null||e===void 0?void 0:e.data)===null||n===void 0?void 0:n[0])===null||t===void 0?void 0:t.direct,email:{messageLink:(r=(a=(i=f.shareLinkCodes)===null||i===void 0?void 0:i.data)===null||a===void 0?void 0:a[0])===null||r===void 0?void 0:r.email},fbmessenger:{messageLink:(l=(s=(o=f.shareLinkCodes)===null||o===void 0?void 0:o.data)===null||s===void 0?void 0:s[0])===null||l===void 0?void 0:l.fbMessenger,shareLink:(m=(u=(d=f.shareLinkCodes)===null||d===void 0?void 0:d.data)===null||u===void 0?void 0:u[0])===null||m===void 0?void 0:m.fbMessenger},whatsapp:{messageLink:(v=(g=(p=f.shareLinkCodes)===null||p===void 0?void 0:p.data)===null||g===void 0?void 0:g[0])===null||v===void 0?void 0:v.whatsApp}});x({states:h,callbacks:C})}}),[k]);console.log({referralData:b,states:h});return{states:__assign(__assign({},h),{noCodes:(b===null||b===void 0?void 0:b.totalCount)===0}),data:L,callbacks:{}}}var h={HostBlock:c,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 C="\n  :host{\n    display: block;   \n    width: 100%;\n  }\n";var k={right:"\nsl-input::part(input){\n  text-align: right;\n}",center:"  \nsl-input::part(input){\n  text-align: center;\n}",left:""};var y="\n  sl-input::part(input){\n    cursor: default;\n  }\n";var M=m(h);var x=M.toString();function w(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 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:M.classes.ContainerDiv},n("style",{type:"text/css"},x,C,k[e.textAlign],o&&y),n("div",{class:M.classes.containerStyle,style:{flexDirection:""+(i==="button-below"?"column":"row")}},n("sl-input",{class:M.classes.inputStyle+" "+(a?M.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:M.classes.errorTextStyle},e.errorText)),(i==="button-outside"||i==="button-below")&&l),e.isCopied&&e.showNotificationText&&e.notificationText&&n("p",{part:"sqm-notification-text",class:M.classes.notificationTextStyle},e.notificationText))}}}}));