@saasquatch/mint-components 1.13.3-0 → 1.13.3

package/dist/esm-es5/copy-text-view-459a2e35.js

@@ -0,0 +1 @@
+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-91e7729f.js";import{f as useEffect}from"./stencil-hooks.module-4bc38af4.js";import{d as dist,J,H,Q as Qe,R as Rn,I as In,B}from"./index.module-89a79f66.js";import{c as createStyleSheet}from"./JSS-67b5cff8.js";import{H as HostBlock}from"./mixins-83f90fa1.js";var GET_REFERRAL_CODES=dist.gql(templateObject_1||(templateObject_1=__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 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 t=J();var n=B();var i=e.programId||H();var a=Qe().refresh;var r=Rn(GET_REFERRAL_CODES,(function(e){var t;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,programId:i,filter:{fuelTank_eq:true,programId_eq:i,dateUsed_exists:false}},!(t===null||t===void 0?void 0:t.jwt)),s=r.envelope,l=r.states,o=r.callbacks;var d=In({namespace:REFERRAL_CODES_PAGINATION_CONTEXT,initialValue:{states:l,callbacks:o}}),u=d[0],m=d[1];var p=In({namespace:REFERRAL_CODES_NAMESPACE,initialValue:{refresh:a,loading:true,referralCode:"",shareLink:"",isCopied:false,isUsed:false,singleUse:false,email:{messageLink:""},fbmessenger:{messageLink:"",shareLink:""},whatsapp:{messageLink:""}}}),f=p[0],c=p[1];useEffect((function(){var e,t,n,i,r,d,u,p,f,g,v,C,h,b,E,S;if((e=s===null||s===void 0?void 0:s.data)===null||e===void 0?void 0:e.length){var _=s.data[0];c({refresh:a,referralCode:_.code,isCopied:!!_.dateCopied,isUsed:!!_.dateUsed,singleUse:!!_.singleUse,shareLink:(i=(n=(t=_.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:(u=(d=(r=_.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=(f=(p=_.shareLinkCodes)===null||p===void 0?void 0:p.data)===null||f===void 0?void 0:f[0])===null||g===void 0?void 0:g.fbMessenger,shareLink:(h=(C=(v=_.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:(S=(E=(b=_.shareLinkCodes)===null||b===void 0?void 0:b.data)===null||E===void 0?void 0:E[0])===null||S===void 0?void 0:S.whatsApp}});m({states:l,callbacks:o})}}),[s]);return{states:__assign(__assign({},l),{noCodes:(s===null||s===void 0?void 0:s.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 t=e.buttonStyle,n=t===void 0?"icon":t;var i=!e.loading&&e.error;var a=i?e.inputPlaceholderText:e.copyString;var r=i||e.loading||e.disabled;var s=e.buttonStyle==="button-below"?"bottom":e.buttonStyle==="button-outside"?"top":"top-end";var l=h("sl-tooltip",{trigger:"manual",content:e.tooltiptext,placement:s,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:r}):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: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:""+(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:r},n==="icon"&&l,i&&h("p",{slot:"help-text",class:sheet.classes.errorTextStyle},e.errorText)),(n==="button-outside"||n==="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;