@saasquatch/mint-components 1.11.1-33 → 1.11.1-35

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.11.1-33",
+  "version": "1.11.1-35",
   "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-3424271a.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,a=arguments.length;t<a;t++){n=arguments[t];for(var i in n)if(Object.prototype.hasOwnProperty.call(n,i))e[i]=n[i]}return e};return __assign.apply(this,arguments)};import{h}from"./index-014ddfa3.js";import{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: {\n            fuelTank_eq: true\n            programId_eq: $programId\n            dateLastUsedInReferral_eq: false\n          }\n        ) {\n          data {\n            code\n            dateUsed\n            dateCopied\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: {\n            fuelTank_eq: true\n            programId_eq: $programId\n            dateLastUsedInReferral_eq: false\n          }\n        ) {\n          data {\n            code\n            dateUsed\n            dateCopied\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 a=e.programId||H();console.log({props:e});var i=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:a},!(n===null||n===void 0?void 0:n.jwt)),o=r.envelope,s=r.states,l=r.callbacks;var d=Cn({namespace:REFERRAL_CODES_PAGINATION_CONTEXT,initialValue:{states:s,callbacks:l}}),u=d[0],m=d[1];var p=Cn({namespace:REFERRAL_CODES_NAMESPACE,initialValue:{refresh:i,loading:true,referralCode:"",shareLink:"",isCopied:false,isUsed:false,email:{messageLink:""},fbmessenger:{messageLink:"",shareLink:""},whatsapp:{messageLink:""}}}),c=p[0],f=p[1];useEffect((function(){var e,n,t,a,r,d,u,p,c,g,v,C,h,b,E,_;if((e=o===null||o===void 0?void 0:o.data)===null||e===void 0?void 0:e.length){var S=o.data[0];f({refresh:i,referralCode:S.code,isCopied:!!S.dateCopied,isUsed:!!S.dateUsed,shareLink:(a=(t=(n=S.shareLinkCodes)===null||n===void 0?void 0:n.data)===null||t===void 0?void 0:t[0])===null||a===void 0?void 0:a.direct,email:{messageLink:(u=(d=(r=S.shareLinkCodes)===null||r===void 0?void 0:r.data)===null||d===void 0?void 0:d[0])===null||u===void 0?void 0:u.email},fbmessenger:{messageLink:(g=(c=(p=S.shareLinkCodes)===null||p===void 0?void 0:p.data)===null||c===void 0?void 0:c[0])===null||g===void 0?void 0:g.fbMessenger,shareLink:(h=(C=(v=S.shareLinkCodes)===null||v===void 0?void 0:v.data)===null||C===void 0?void 0:C[0])===null||h===void 0?void 0:h.fbMessenger},whatsapp:{messageLink:(_=(E=(b=S.shareLinkCodes)===null||b===void 0?void 0:b.data)===null||E===void 0?void 0:E[0])===null||_===void 0?void 0:_.whatsApp}});m({states:s,callbacks:l})}}),[o]);console.log({referralData:o,states:s});return{states:__assign(__assign({},s),{noCodes:(o===null||o===void 0?void 0:o.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 n=e.buttonStyle,t=n===void 0?"icon":n;console.log("notification text is",e.notificationText);var a=!e.loading&&e.error;var i=a?e.inputPlaceholderText:e.copyString;var r=a||e.loading||e.disabled;var o=e.buttonStyle==="button-below"?"bottom":e.buttonStyle==="button-outside"?"top":"top-end";var s=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+" "+(a?sheet.classes.inputErrorStyle:""),exportparts:"base: input-base, input: input-label",value:e.loading?"Loading...":i,readonly:true,disabled:r},t==="icon"&&s,a&&h("p",{slot:"help-text",class:sheet.classes.errorTextStyle},e.errorText)),(t==="button-outside"||t==="button-below")&&s),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-f84fba64.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,a=arguments.length;t<a;t++){n=arguments[t];for(var i in n)if(Object.prototype.hasOwnProperty.call(n,i))e[i]=n[i]}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,a,i,r,o,s,l,d,u,m;return{setters:[function(e){n=e.h},function(e){t=e.f},function(e){a=e.d;i=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:v});var c=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: {\n            fuelTank_eq: true\n            programId_eq: $programId\n            dateLastUsedInReferral_eq: false\n          }\n        ) {\n          data {\n            code\n            dateUsed\n            dateCopied\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: {\n            fuelTank_eq: true\n            programId_eq: $programId\n            dateLastUsedInReferral_eq: false\n          }\n        ) {\n          data {\n            code\n            dateUsed\n            dateCopied\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 p=e("a","sq:referral-codes");var g=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 v(e){var n=i();var a=d();var u=e.programId||r();console.log({props:e});var m=o().refresh;var f=s(c,(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:u},!(n===null||n===void 0?void 0:n.jwt)),v=f.envelope,b=f.states,h=f.callbacks;var C=l({namespace:g,initialValue:{states:b,callbacks:h}}),k=C[0],y=C[1];var M=l({namespace:p,initialValue:{refresh:m,loading:true,referralCode:"",shareLink:"",isCopied:false,isUsed:false,email:{messageLink:""},fbmessenger:{messageLink:"",shareLink:""},whatsapp:{messageLink:""}}}),x=M[0],L=M[1];t((function(){var e,n,t,a,i,r,o,s,l,d,u,c,p,g,f,C;if((e=v===null||v===void 0?void 0:v.data)===null||e===void 0?void 0:e.length){var k=v.data[0];L({refresh:m,referralCode:k.code,isCopied:!!k.dateCopied,isUsed:!!k.dateUsed,shareLink:(a=(t=(n=k.shareLinkCodes)===null||n===void 0?void 0:n.data)===null||t===void 0?void 0:t[0])===null||a===void 0?void 0:a.direct,email:{messageLink:(o=(r=(i=k.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:(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:(p=(c=(u=k.shareLinkCodes)===null||u===void 0?void 0:u.data)===null||c===void 0?void 0:c[0])===null||p===void 0?void 0:p.fbMessenger},whatsapp:{messageLink:(C=(f=(g=k.shareLinkCodes)===null||g===void 0?void 0:g.data)===null||f===void 0?void 0:f[0])===null||C===void 0?void 0:C.whatsApp}});y({states:b,callbacks:h})}}),[v]);console.log({referralData:v,states:b});return{states:__assign(__assign({},b),{noCodes:(v===null||v===void 0?void 0:v.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,a=t===void 0?"icon":t;console.log("notification text is",e.notificationText);var i=!e.loading&&e.error;var r=i?e.inputPlaceholderText:e.copyString;var o=i||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"},a==="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:""+(a==="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:""+(a==="button-below"?"column":"row")}},n("sl-input",{class:y.classes.inputStyle+" "+(i?y.classes.inputErrorStyle:""),exportparts:"base: input-base, input: input-label",value:e.loading?"Loading...":r,readonly:true,disabled:o},a==="icon"&&l,i&&n("p",{slot:"help-text",class:y.classes.errorTextStyle},e.errorText)),(a==="button-outside"||a==="button-below")&&l),e.isCopied&&e.showNotificationText&&e.notificationText&&n("p",{part:"sqm-notification-text",class:y.classes.notificationTextStyle},e.notificationText))}}}}));