@saasquatch/mint-components 1.11.1-32 → 1.11.1-34

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.11.1-32",
+  "version": "1.11.1-34",
   "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-1fc818b1.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: { fuelTank_eq: true, programId_eq: $programId }\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: { fuelTank_eq: true, programId_eq: $programId }\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],g=p[1];useEffect((function(){var e,n,t,a,r,d,u,p,c,f,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];g({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:(f=(c=(p=S.shareLinkCodes)===null||p===void 0?void 0:p.data)===null||c===void 0?void 0:c[0])===null||f===void 0?void 0:f.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;