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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. package/dist/cjs/{ShadowViewAddon-c518d202.js → ShadowViewAddon-99091de6.js} +1 -1
  2. package/dist/cjs/{copy-text-view-be6c1c9f.js → copy-text-view-460654ac.js} +19 -14
  3. package/dist/cjs/sqm-big-stat_38.cjs.entry.js +2 -2
  4. package/dist/cjs/sqm-pagination_3.cjs.entry.js +1 -1
  5. package/dist/cjs/sqm-stencilbook.cjs.entry.js +2 -2
  6. package/dist/collection/components/sqm-referral-codes/useReferralCodes.js +20 -15
  7. package/dist/esm/{ShadowViewAddon-d0818a3b.js → ShadowViewAddon-aac87ae0.js} +1 -1
  8. package/dist/esm/{copy-text-view-5ba60181.js → copy-text-view-1d7c8f2a.js} +20 -15
  9. package/dist/esm/sqm-big-stat_38.entry.js +2 -2
  10. package/dist/esm/sqm-pagination_3.entry.js +1 -1
  11. package/dist/esm/sqm-stencilbook.entry.js +2 -2
  12. package/dist/esm-es5/{ShadowViewAddon-d0818a3b.js → ShadowViewAddon-aac87ae0.js} +1 -1
  13. package/dist/esm-es5/copy-text-view-1d7c8f2a.js +1 -0
  14. package/dist/esm-es5/sqm-big-stat_38.entry.js +1 -1
  15. package/dist/esm-es5/sqm-pagination_3.entry.js +1 -1
  16. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  17. package/dist/mint-components/mint-components.esm.js +1 -1
  18. package/dist/mint-components/{p-296f32c8.entry.js → p-3ca30ac1.entry.js} +1 -1
  19. package/dist/mint-components/{p-bf0f0ae1.system.entry.js → p-4ed7e559.system.entry.js} +1 -1
  20. package/dist/mint-components/p-5a83aa32.js +56 -0
  21. package/dist/mint-components/{p-5c567c37.system.entry.js → p-652790dc.system.entry.js} +1 -1
  22. package/dist/mint-components/p-9ed09b3a.system.js +1 -1
  23. package/dist/mint-components/{p-73d7428b.js → p-9fd6b4a2.js} +1 -1
  24. package/dist/mint-components/{p-318e365b.entry.js → p-a7cb7282.entry.js} +1 -1
  25. package/dist/mint-components/{p-ea0c9ea3.system.entry.js → p-b057e502.system.entry.js} +1 -1
  26. package/dist/mint-components/{p-8c05df1c.system.js → p-b3f771d9.system.js} +1 -1
  27. package/dist/mint-components/{p-33ff6f3e.entry.js → p-c2274979.entry.js} +1 -1
  28. package/dist/mint-components/p-d55dcd10.system.js +1 -0
  29. package/docs/docs.docx +0 -0
  30. package/package.json +1 -1
  31. package/dist/esm-es5/copy-text-view-5ba60181.js +0 -1
  32. package/dist/mint-components/p-bb9113ca.system.js +0 -1
  33. package/dist/mint-components/p-c21483a4.js +0 -59
@@ -1,4 +1,4 @@
1
- import{h as t,F as e,r as n}from"./p-61d5f26e.js";import{n as o,k as s}from"./p-019506c4.js";import{I as a,i,d as r,H as l,Q as c,y as d,$ as u,B as p}from"./p-8c765c81.js";import{g as m}from"./p-9ec99ced.js";import{c as g}from"./p-cef45012.js";import{R as v,a as f,S as h,C as y,u as C}from"./p-c21483a4.js";import{c as x}from"./p-c1086930.js";import"./p-02be1a88.js";const b=g({Container:{display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"var(--sl-spacing-small)",width:"100%"},TextContainer:{display:"flex",gap:"var(--sl-spacing-xx-small)"}}),j=b.toString();function E(n){const{onNext:o,onPrev:s,currentPage:a,totalPages:i,loading:r}=n;return t("span",{class:b.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},j),!r&&t(e,null,t("sl-button",{onClick:s,part:"sqm-pagination-button",circle:!0,disabled:1===a},t("sl-icon",{name:"chevron-left",label:"Previous Page"})),t("div",{class:b.classes.TextContainer},t("span",null,a),t("span",null,"of"),t("span",null,i))),t("sl-button",{onClick:o,part:"sqm-pagination-button",circle:!0,disabled:a===i},t("sl-icon",{name:"chevron-right",label:"Previous Page"})))}const I=class{constructor(t){n(this,t),this.ignored=!0,o(this)}disconnectedCallback(){}render(){var e,n;const o=i()?function(t){const[e,n]=s(1);return x({states:{currentPage:e,pageCount:5},callbacks:{setCurrentPage:n},text:{ofText:`${e} of 5`}},t.demoData||{},{arrayMerge:(t,e)=>e})}(m(this)):{...a(v)};console.log("pagination",{hookProps:o});const r={currentPage:(null===(e=o.states)||void 0===e?void 0:e.currentPage)+1,totalPages:null===(n=o.states)||void 0===n?void 0:n.pageCount,onNext:()=>{var t,e;return null===(t=o.callbacks)||void 0===t?void 0:t.setCurrentPage((null===(e=o.states)||void 0===e?void 0:e.currentPage)+1)},onPrev:()=>{var t,e;return null===(t=o.callbacks)||void 0===t?void 0:t.setCurrentPage((null===(e=o.states)||void 0===e?void 0:e.currentPage)-1)},text:{ofText:"of"},loading:o.states.loading};return t(E,Object.assign({},r))}},P=r.gql`
1
+ import{h as t,F as e,r as n}from"./p-61d5f26e.js";import{n as o,k as s}from"./p-019506c4.js";import{I as a,i,d as r,H as l,Q as c,y as d,$ as u,B as p}from"./p-8c765c81.js";import{g as m}from"./p-9ec99ced.js";import{c as g}from"./p-cef45012.js";import{R as v,a as f,S as h,C as y,u as C}from"./p-5a83aa32.js";import{c as x}from"./p-c1086930.js";import"./p-02be1a88.js";const b=g({Container:{display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"var(--sl-spacing-small)",width:"100%"},TextContainer:{display:"flex",gap:"var(--sl-spacing-xx-small)"}}),j=b.toString();function E(n){const{onNext:o,onPrev:s,currentPage:a,totalPages:i,loading:r}=n;return t("span",{class:b.classes.Container,part:"sqm-base"},t("style",{type:"text/css"},j),!r&&t(e,null,t("sl-button",{onClick:s,part:"sqm-pagination-button",circle:!0,disabled:1===a},t("sl-icon",{name:"chevron-left",label:"Previous Page"})),t("div",{class:b.classes.TextContainer},t("span",null,a),t("span",null,"of"),t("span",null,i))),t("sl-button",{onClick:o,part:"sqm-pagination-button",circle:!0,disabled:a===i},t("sl-icon",{name:"chevron-right",label:"Previous Page"})))}const I=class{constructor(t){n(this,t),this.ignored=!0,o(this)}disconnectedCallback(){}render(){var e,n;const o=i()?function(t){const[e,n]=s(1);return x({states:{currentPage:e,pageCount:5},callbacks:{setCurrentPage:n},text:{ofText:`${e} of 5`}},t.demoData||{},{arrayMerge:(t,e)=>e})}(m(this)):{...a(v)};console.log("pagination",{hookProps:o});const r={currentPage:(null===(e=o.states)||void 0===e?void 0:e.currentPage)+1,totalPages:null===(n=o.states)||void 0===n?void 0:n.pageCount,onNext:()=>{var t,e;return null===(t=o.callbacks)||void 0===t?void 0:t.setCurrentPage((null===(e=o.states)||void 0===e?void 0:e.currentPage)+1)},onPrev:()=>{var t,e;return null===(t=o.callbacks)||void 0===t?void 0:t.setCurrentPage((null===(e=o.states)||void 0===e?void 0:e.currentPage)-1)},text:{ofText:"of"},loading:o.states.loading};return t(E,Object.assign({},r))}},P=r.gql`
2
2
  query ($programId: ID) {
3
3
  user: viewer {
4
4
  ... on User {
@@ -0,0 +1 @@
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,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))}}}}));
package/docs/docs.docx CHANGED
Binary file
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@saasquatch/mint-components",
3
3
  "title": "Mint Components",
4
- "version": "1.11.1-34",
4
+ "version": "1.11.1-36",
5
5
  "description": "A minimal design library with components for referral and loyalty experiences. Built with Shoelace components by Saasquatch.",
6
6
  "icon": "https://res.cloudinary.com/saasquatch/image/upload/v1652219900/squatch-assets/For_Mint.svg",
7
7
  "raisins": "docs/raisins.json",
@@ -1 +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,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_exists: 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_exists: 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;
@@ -1 +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,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_exists: 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_exists: 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))}}}}));
@@ -1,59 +0,0 @@
1
- import{h as e}from"./p-61d5f26e.js";import{f as t}from"./p-019506c4.js";import{d as i,Q as o,H as n,z as s,k as a,C as l,B as r}from"./p-8c765c81.js";import{c as d}from"./p-cef45012.js";import{H as u}from"./p-02be1a88.js";const p=i.gql`
2
- query getCodes(
3
- $limit: Int!
4
- $offset: Int!
5
- $engagementMedium: UserEngagementMedium!
6
- $programId: ID
7
- ) {
8
- viewer {
9
- ... on User {
10
- referralCodeList(
11
- limit: $limit
12
- offset: $offset
13
- filter: {
14
- fuelTank_eq: true
15
- programId_eq: $programId
16
- dateLastUsedInReferral_exists: false
17
- }
18
- ) {
19
- data {
20
- code
21
- dateUsed
22
- dateCopied
23
- shareLinkCodes(limit: $limit) {
24
- data {
25
- linkCode
26
- shareLink: shortUrl(
27
- shareMedium: DIRECT
28
- engagementMedium: EMBED
29
- )
30
- email: shortUrl(
31
- shareMedium: EMAIL
32
- engagementMedium: $engagementMedium
33
- )
34
- whatsApp: shortUrl(
35
- shareMedium: WHATSAPP
36
- engagementMedium: $engagementMedium
37
- )
38
- fbMessenger: shortUrl(
39
- shareMedium: FBMESSENGER
40
- engagementMedium: $engagementMedium
41
- )
42
- }
43
- }
44
- }
45
- count
46
- totalCount
47
- }
48
- }
49
- }
50
- }
51
- `,m="sq:referral-codes",c="sq:referral-codes-pagination",f=i.gql`
52
- mutation markReferralCodeCopied($referralCode: String!) {
53
- markReferralCodeCopied(referralCode: $referralCode) {
54
- referralCode {
55
- dateCopied
56
- }
57
- }
58
- }
59
- `;function v(e){const i=o(),d=r(),u=e.programId||n();console.log({props:e});const{refresh:m}=s(),{envelope:c,states:f,callbacks:v}=a(p,(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:d,programId:u},!(null==i?void 0:i.jwt)),[g,b]=l({namespace:"sq:referral-codes-pagination",initialValue:{states:f,callbacks:v}}),[h,C]=l({namespace:"sq:referral-codes",initialValue:{refresh:m,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,d,u,p,g,h,k,x;if(null===(e=null==c?void 0:c.data)||void 0===e?void 0:e.length){const e=c.data[0];C({refresh:m,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===(d=null===(r=null===(l=e.shareLinkCodes)||void 0===l?void 0:l.data)||void 0===r?void 0:r[0])||void 0===d?void 0:d.fbMessenger,shareLink:null===(g=null===(p=null===(u=e.shareLinkCodes)||void 0===u?void 0:u.data)||void 0===p?void 0:p[0])||void 0===g?void 0:g.fbMessenger},whatsapp:{messageLink:null===(x=null===(k=null===(h=e.shareLinkCodes)||void 0===h?void 0:h.data)||void 0===k?void 0:k[0])||void 0===x?void 0:x.whatsApp}}),b({states:f,callbacks:v})}}),[c]),console.log({referralData:c,states:f}),{states:{...f,noCodes:0===(null==c?void 0:c.totalCount)},data:h,callbacks:{}}}const g={right:"\nsl-input::part(input){\n text-align: right;\n}",center:" \nsl-input::part(input){\n text-align: center;\n}",left:""},b=d({HostBlock:u,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)"}}),h=b.toString();function C(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:b.classes.ContainerDiv},e("style",{type:"text/css"},h,"\n :host{\n display: block; \n width: 100%;\n }\n",g[t.textAlign],s&&"\n sl-input::part(input){\n cursor: default;\n }\n"),e("div",{class:b.classes.containerStyle,style:{flexDirection:"button-below"===i?"column":"row"}},e("sl-input",{class:`${b.classes.inputStyle} ${o?b.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:b.classes.errorTextStyle},t.errorText)),("button-outside"===i||"button-below"===i)&&a),t.isCopied&&t.showNotificationText&&t.notificationText&&e("p",{part:"sqm-notification-text",class:b.classes.notificationTextStyle},t.notificationText))}export{C,c as R,f as S,m as a,v as u}