@saasquatch/mint-components 1.11.1-35 → 1.11.1-37
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.
- package/dist/cjs/{ShadowViewAddon-63618d84.js → ShadowViewAddon-074b426e.js} +1 -1
- package/dist/cjs/{copy-text-view-042d78f9.js → copy-text-view-acb2707b.js} +41 -20
- package/dist/cjs/sqm-big-stat_38.cjs.entry.js +2 -2
- package/dist/cjs/sqm-pagination_3.cjs.entry.js +1 -1
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +2 -2
- package/dist/collection/components/sqm-referral-codes/useReferralCodes.js +41 -20
- package/dist/esm/{ShadowViewAddon-5834d95f.js → ShadowViewAddon-100e4928.js} +1 -1
- package/dist/esm/{copy-text-view-ded4c93b.js → copy-text-view-cfdca341.js} +41 -20
- package/dist/esm/sqm-big-stat_38.entry.js +2 -2
- package/dist/esm/sqm-pagination_3.entry.js +1 -1
- package/dist/esm/sqm-stencilbook.entry.js +2 -2
- package/dist/esm-es5/{ShadowViewAddon-5834d95f.js → ShadowViewAddon-100e4928.js} +1 -1
- package/dist/esm-es5/copy-text-view-cfdca341.js +1 -0
- package/dist/esm-es5/sqm-big-stat_38.entry.js +1 -1
- package/dist/esm-es5/sqm-pagination_3.entry.js +1 -1
- package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
- package/dist/mint-components/mint-components.esm.js +1 -1
- package/dist/mint-components/{p-ae962b3a.entry.js → p-267a2e5a.entry.js} +2 -2
- package/dist/mint-components/{p-d4562b26.system.entry.js → p-4da7a951.system.entry.js} +1 -1
- package/dist/mint-components/{p-653dd099.system.entry.js → p-60213708.system.entry.js} +1 -1
- package/dist/mint-components/{p-98a30ffb.entry.js → p-6aac1288.entry.js} +1 -1
- package/dist/mint-components/{p-3a4f6060.system.entry.js → p-799cd8f5.system.entry.js} +1 -1
- package/dist/mint-components/{p-e738a10a.entry.js → p-89c05109.entry.js} +1 -1
- package/dist/mint-components/p-9ed09b3a.system.js +1 -1
- package/dist/mint-components/{p-bcd4dc09.js → p-bc49a074.js} +1 -1
- package/dist/mint-components/p-cda9aafd.js +52 -0
- package/dist/mint-components/{p-6149dbb3.system.js → p-d4f00976.system.js} +1 -1
- package/dist/mint-components/p-efcb080f.system.js +1 -0
- package/docs/docs.docx +0 -0
- package/package.json +1 -1
- package/dist/esm-es5/copy-text-view-ded4c93b.js +0 -1
- package/dist/mint-components/p-0d472053.system.js +0 -1
- package/dist/mint-components/p-1dd76ec3.js +0 -59
|
@@ -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;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/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-
|
|
4
|
+
"version": "1.11.1-37",
|
|
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 dateUsed_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 dateUsed_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],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;
|
|
@@ -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,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:v});var c=i.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 dateUsed_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 dateUsed_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",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 v(e){var n=a();var i=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:i,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],w=M[1];t((function(){var e,n,t,i,a,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];w({refresh:m,referralCode:k.code,isCopied:!!k.dateCopied,isUsed:!!k.dateUsed,shareLink:(i=(t=(n=k.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=k.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=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,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,h,C[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))}}}}));
|
|
@@ -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
|
-
dateUsed_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",v=i.gql`
|
|
52
|
-
mutation markReferralCodeCopied($referralCode: String!) {
|
|
53
|
-
markReferralCodeCopied(referralCode: $referralCode) {
|
|
54
|
-
referralCode {
|
|
55
|
-
dateCopied
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
`;function f(e){const i=o(),d=r(),u=e.programId||n();console.log({props:e});const{refresh:m}=s(),{envelope:c,states:v,callbacks:f}=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:v,callbacks:f}}),[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:v,callbacks:f})}}),[c]),console.log({referralData:c,states:v}),{states:{...v,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,v as S,m as a,f as u}
|