@saasquatch/mint-components 1.11.1-4 → 1.11.1-6

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@saasquatch/mint-components",
   "title": "Mint Components",
-  "version": "1.11.1-4",
+  "version": "1.11.1-6",
   "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-73cd7a82.js

@@ -1 +0,0 @@
-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 o in t)if(Object.prototype.hasOwnProperty.call(t,o))e[o]=t[o]}return e};return __assign.apply(this,arguments)};import{h}from"./index-17b4da69.js";import{f as useEffect}from"./stencil-hooks.module-ac12ca1c.js";import{d as dist,Q,k as kn,C as Cn}from"./index.module-f122af7b.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($limit: Int!, $offset: Int!) {\n    viewer {\n      ... on User {\n        referralCodeList(limit: $limit, offset: $offset) {\n          data {\n            code\n            dateUsed\n            dateCopied\n            shareLinkCodes(limit: $limit, offset: $offset) {\n              data {\n                linkCode\n                shortUrl\n              }\n            }\n          }\n          count\n          totalCount\n        }\n      }\n    }\n  }\n"],["\n  query getCodes($limit: Int!, $offset: Int!) {\n    viewer {\n      ... on User {\n        referralCodeList(limit: $limit, offset: $offset) {\n          data {\n            code\n            dateUsed\n            dateCopied\n            shareLinkCodes(limit: $limit, offset: $offset) {\n              data {\n                linkCode\n                shortUrl\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_USED=dist.gql(templateObject_2||(templateObject_2=__makeTemplateObject(["\nmutation test {}\n"],["\nmutation test {}\n"])));function useReferralCodes(e){var t=Q();console.log({props:e});var n=kn(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},{},!(t===null||t===void 0?void 0:t.jwt)),i=n.envelope,o=n.states,a=n.callbacks;var s=Cn({namespace:REFERRAL_CODES_PAGINATION_CONTEXT,initialValue:{states:o,callbacks:a}}),l=s[0],r=s[1];var d=Cn({namespace:REFERRAL_CODES_NAMESPACE,initialValue:{loading:true,referralCode:"",shareLink:"",email:{messageLink:""},fbMessenger:{messageLink:"",shareLink:""},whatsApp:{messageLink:""}}}),c=d[0],u=d[1];useEffect((function(){var e,t,n,o,a,s,l,r,d,c,p;if((e=i===null||i===void 0?void 0:i.data)===null||e===void 0?void 0:e.length){var f=i.data[0];u({referralCode:f.code,shareLink:(n=(t=f.shareLinkCodes)===null||t===void 0?void 0:t[0])===null||n===void 0?void 0:n.shortUrl,email:{messageLink:(a=(o=f.shareLinkCodes)===null||o===void 0?void 0:o[0])===null||a===void 0?void 0:a.shortUrl},fbMessenger:{messageLink:(l=(s=f.shareLinkCodes)===null||s===void 0?void 0:s[0])===null||l===void 0?void 0:l.shortUrl,shareLink:(d=(r=f.shareLinkCodes)===null||r===void 0?void 0:r[0])===null||d===void 0?void 0:d.shortUrl},whatsApp:{messageLink:(p=(c=f.shareLinkCodes)===null||c===void 0?void 0:c[0])===null||p===void 0?void 0:p.shortUrl}})}}),[i]);useEffect((function(){r({states:o,callbacks:a})}),[o]);console.log({referralData:i,states:o});return{states:__assign({},o),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 t=e.buttonStyle,n=t===void 0?"icon":t;console.log("notification text is",e.notificationText);var i=!e.loading&&e.error;var o=i?e.inputPlaceholderText:e.copyString;var a=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:a}):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:a,type:"primary"},e.copyButtonLabel||"Copy"));return h("div",{class:sheet.classes.ContainerDiv},h("style",{type:"text/css"},styleString,vanillaStyle,textAlignStyle[e.textAlign],a&&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...":o,readonly:true,disabled:a},n==="icon"&&l,i&&h("p",{slot:"help-text",class:sheet.classes.errorTextStyle},e.errorText)),(n==="button-outside"||n==="button-below")&&l),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_USED as S,REFERRAL_CODES_NAMESPACE as a,useReferralCodes as u};var templateObject_1,templateObject_2;

package/dist/mint-components/p-753a19e2.js

@@ -1,25 +0,0 @@
-import{h as t}from"./p-64c3217a.js";import{f as e}from"./p-fd2c5407.js";import{d as o,Q as i,k as s,C as n}from"./p-00be5090.js";import{c as l}from"./p-cef45012.js";import{H as a}from"./p-02be1a88.js";const r=o.gql`
-  query getCodes($limit: Int!, $offset: Int!) {
-    viewer {
-      ... on User {
-        referralCodeList(limit: $limit, offset: $offset) {
-          data {
-            code
-            dateUsed
-            dateCopied
-            shareLinkCodes(limit: $limit, offset: $offset) {
-              data {
-                linkCode
-                shortUrl
-              }
-            }
-          }
-          count
-          totalCount
-        }
-      }
-    }
-  }
-`,d="sq:referral-codes",p="sq:referral-codes-pagination",c=o.gql`
-mutation test {}
-`;function u(t){const o=i();console.log({props:t});const{envelope:l,states:a,callbacks:d}=s(r,(t=>{var e;return null===(e=null==t?void 0:t.viewer)||void 0===e?void 0:e.referralCodeList}),{limit:1,offset:0},{},!(null==o?void 0:o.jwt)),[p,c]=n({namespace:"sq:referral-codes-pagination",initialValue:{states:a,callbacks:d}}),[u,f]=n({namespace:"sq:referral-codes",initialValue:{loading:!0,referralCode:"",shareLink:"",email:{messageLink:""},fbMessenger:{messageLink:"",shareLink:""},whatsApp:{messageLink:""}}});return e((()=>{var t,e,o,i,s,n,a,r,d,p,c;if(null===(t=null==l?void 0:l.data)||void 0===t?void 0:t.length){const t=l.data[0];f({referralCode:t.code,shareLink:null===(o=null===(e=t.shareLinkCodes)||void 0===e?void 0:e[0])||void 0===o?void 0:o.shortUrl,email:{messageLink:null===(s=null===(i=t.shareLinkCodes)||void 0===i?void 0:i[0])||void 0===s?void 0:s.shortUrl},fbMessenger:{messageLink:null===(a=null===(n=t.shareLinkCodes)||void 0===n?void 0:n[0])||void 0===a?void 0:a.shortUrl,shareLink:null===(d=null===(r=t.shareLinkCodes)||void 0===r?void 0:r[0])||void 0===d?void 0:d.shortUrl},whatsApp:{messageLink:null===(c=null===(p=t.shareLinkCodes)||void 0===p?void 0:p[0])||void 0===c?void 0:c.shortUrl}})}}),[l]),e((()=>{c({states:a,callbacks:d})}),[a]),console.log({referralData:l,states:a}),{states:{...a},data:u,callbacks:{}}}const f={right:"\nsl-input::part(input){\n  text-align: right;\n}",center:"  \nsl-input::part(input){\n  text-align: center;\n}",left:""},v=l({HostBlock:a,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)"}}),m=v.toString();function b(e){const{buttonStyle:o="icon"}=e;console.log("notification text is",e.notificationText);const i=!e.loading&&e.error,s=i?e.inputPlaceholderText:e.copyString,n=i||e.loading||e.disabled,l=t("sl-tooltip",{trigger:"manual",content:e.tooltiptext,placement:"button-below"===e.buttonStyle?"bottom":"button-outside"===e.buttonStyle?"top":"top-end",disabled:e.disabled,open:e.open,skidding:"icon"===e.buttonStyle?-5:0,slot:"suffix"},"icon"===o?t("sl-icon-button",{exportparts:"base: icon-button-base",onClick:()=>{var t;return null===(t=e.onClick)||void 0===t?void 0:t.call(e)},name:"files",disabled:n}):t("sl-button",{exportparts:"base: copy-button-base",onClick:()=>{var t;return null===(t=e.onClick)||void 0===t?void 0:t.call(e)},size:"medium",style:{width:`${"button-below"===o&&"100%"}`},disabled:n,type:"primary"},e.copyButtonLabel||"Copy"));return t("div",{class:v.classes.ContainerDiv},t("style",{type:"text/css"},m,"\n  :host{\n    display: block;   \n    width: 100%;\n  }\n",f[e.textAlign],n&&"\n  sl-input::part(input){\n    cursor: default;\n  }\n"),t("div",{class:v.classes.containerStyle,style:{flexDirection:"button-below"===o?"column":"row"}},t("sl-input",{class:`${v.classes.inputStyle} ${i?v.classes.inputErrorStyle:""}`,exportparts:"base: input-base, input: input-label",value:e.loading?"Loading...":s,readonly:!0,disabled:n},"icon"===o&&l,i&&t("p",{slot:"help-text",class:v.classes.errorTextStyle},e.errorText)),("button-outside"===o||"button-below"===o)&&l),e.showNotificationText&&e.notificationText&&t("p",{part:"sqm-notification-text",class:v.classes.notificationTextStyle},e.notificationText))}export{b as C,p as R,c as S,d as a,u}

package/dist/mint-components/p-f26580a1.system.entry.js

@@ -1 +0,0 @@
-var __makeTemplateObject=this&&this.__makeTemplateObject||function(t,e){if(Object.defineProperty){Object.defineProperty(t,"raw",{value:e})}else{t.raw=e}return t};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,n=1,a=arguments.length;n<a;n++){e=arguments[n];for(var r in e)if(Object.prototype.hasOwnProperty.call(e,r))t[r]=e[r]}return t};return __assign.apply(this,arguments)};System.register(["./p-ff17b3a4.system.js","./p-2a414b2e.system.js","./p-1099290c.system.js","./p-6333265f.system.js","./p-1a673057.system.js","./p-f2a0658d.system.js","./p-4bd679a7.system.js","./p-f6934a55.system.js"],(function(t){"use strict";var e,n,a,r,o,i,s,l,c,u,d,v,f,p,g,m,y,h,x,C;return{setters:[function(t){e=t.h;n=t.r},function(t){a=t.n;r=t.k},function(t){o=t.I;i=t.i;s=t.d;l=t.H;c=t.Q;u=t.y;d=t.$;v=t.B},function(t){f=t.g},function(t){p=t.c},function(t){g=t.R;m=t.a;y=t.S;h=t.C;x=t.u},function(t){C=t.c},function(){}],execute:function(){var b={Container:{display:"flex",justifyContent:"flex-end",alignItems:"center",gap:"var(--sl-spacing-small)",width:"100%"},TextContainer:{display:"flex",gap:"var(--sl-spacing-xx-small)"}};var _=p(b);var T=_.toString();function j(t){var n=t.onNext,a=t.onPrev,r=t.currentPage,o=t.totalPages;return e("span",{class:_.classes.Container,part:"sqm-base"},e("style",{type:"text/css"},T),e("sl-button",{onClick:a,part:"sqm-pagination-button",circle:true,disabled:r===1},e("sl-icon",{name:"chevron-left",label:"Previous Page"})),e("div",{class:_.classes.TextContainer},e("span",null,r),e("span",null,"of"),e("span",null,o)),e("sl-button",{onClick:n,part:"sqm-pagination-button",circle:true,disabled:r===o},e("sl-icon",{name:"chevron-right",label:"Previous Page"})))}function I(){var t=o(g);return __assign({},t)}var P=t("sqm_pagination",function(){function t(t){n(this,t);this.ignored=true;a(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t,n;var a=i()?E(f(this)):I();var r={currentPage:(t=a.states)===null||t===void 0?void 0:t.currentPage,totalPages:(n=a.states)===null||n===void 0?void 0:n.pageCount,onNext:function(){var t,e;return(t=a.callbacks)===null||t===void 0?void 0:t.setCurrentPage(((e=a.states)===null||e===void 0?void 0:e.currentPage)+1)},onPrev:function(){var t,e;return(t=a.callbacks)===null||t===void 0?void 0:t.setCurrentPage(((e=a.states)===null||e===void 0?void 0:e.currentPage)-1)},text:{ofText:"of"}};return e(j,Object.assign({},r))};return t}());function E(t){var e=r(1),n=e[0],a=e[1];return C({states:{currentPage:n,pageCount:5},callbacks:{setCurrentPage:a},text:{ofText:n+" of 5"}},t.demoData||{},{arrayMerge:function(t,e){return e}})}var w=s.gql(__makeTemplateObject(["\n  query ($programId: ID) {\n    user: viewer {\n      ... on User {\n        referralCode(programId: $programId)\n      }\n    }\n  }\n"],["\n  query ($programId: ID) {\n    user: viewer {\n      ... on User {\n        referralCode(programId: $programId)\n      }\n    }\n  }\n"]));var k=s.gql(__makeTemplateObject(["\n  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n    createUserAnalyticsEvent(eventMeta: $eventMeta)\n  }\n"],["\n  mutation loadEvent($eventMeta: UserAnalyticsEvent!) {\n    createUserAnalyticsEvent(eventMeta: $eventMeta)\n  }\n"]));function S(t){var e,n;var a=t.programId,i=a===void 0?l():a;var s=c();var f=v();var p=o(m);var g=u(w,{programId:i},!(s===null||s===void 0?void 0:s.jwt)||(p===null||p===void 0?void 0:p.referralCode)!==undefined).data;var h=d(k)[0];var x=d(y),C=x[0],b=x[1];var _=(n=(p===null||p===void 0?void 0:p.referralCode)||((e=g===null||g===void 0?void 0:g.user)===null||e===void 0?void 0:e.referralCode))!==null&&n!==void 0?n:"...";var T=r(false),j=T[0],I=T[1];function P(){if(p){C(true)}navigator.clipboard.writeText(_);I(true);setTimeout((function(){return I(false)}),t.tooltiplifespan);h({eventMeta:{programId:i,id:s===null||s===void 0?void 0:s.id,accountId:s===null||s===void 0?void 0:s.accountId,type:"USER_REFERRAL_PROGRAM_ENGAGEMENT_EVENT",meta:{engagementMedium:f,shareMedium:"DIRECT"}}})}return __assign(__assign({},t),{onClick:P,open:j,copyString:_})}var A=t("sqm_referral_code",function(){function t(t){n(this,t);this.tooltiptext="Copied to Clipboard";this.showNotificationText=false;this.notificationText="You've copied this code before";this.tooltiplifespan=1e3;this.textAlign="left";this.copyButtonLabel="Copy Code";this.buttonStyle="icon";a(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=f(this);var n=i()?M(t):S(t);return e(h,Object.assign({},n))};return t}());function M(t){var e=r(false),n=e[0],a=e[1];var o="REFERRALCODE001";return C({copyString:o,tooltiptext:t.tooltiptext,textAlign:t.textAlign,copyButtonLabel:t.copyButtonLabel,buttonStyle:t.buttonStyle,notificationText:t.notificationText,showNotificationText:t.showNotificationText,rewardStatus:"AVAILABLE",open:n,onClick:function(){navigator.clipboard.writeText(o);a(true);setTimeout((function(){return a(false)}),t.tooltiplifespan)}},t.demoData||{},{arrayMerge:function(t,e){return e}})}var O={Wrapper:{width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"center",flexDirection:"column",gap:"var(--sl-spacing-large)"},HeaderContainer:{display:"flex",alignItems:"center",justifyContent:"space-between",width:"100%"},ShareCodeContainer:{width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"center",flexDirection:"column"},ShareButtonContainer:{width:"100%",display:"flex",alignItems:"flex-start",justifyContent:"center",flexDirection:"column"},TitleText:{color:"var(--sl-color-neutral-700)",fontSize:"var(--sl-font-size-large)",margin:"0"}};var q="\n:host {\n  display: block;\n}\n:host([hidden]): {\n  display: none;\n}\n";var R=p(O);var B=R.toString();function D(t){var n=t.slots,a=t.titleText;return e("div",{class:R.classes.Wrapper,part:"sqm-base"},e("style",{type:"text/css"},q,B),e("div",{class:R.classes.HeaderContainer},e("h2",{class:R.classes.TitleText},a),n.pagination),e("div",{class:R.classes.ShareCodeContainer},n.shareCodes),e("div",{class:R.classes.ShareButtonContainer},n.shareButtons))}var $=t("sqm_referral_codes",function(){function t(t){n(this,t);this.titleText="Your referral code";a(this)}t.prototype.disconnectedCallback=function(){};t.prototype.render=function(){var t=f(this);var n=i()?N(t):x(t);console.log(n);var a={shareButtons:e("slot",{name:"shareButtons"}),shareCodes:e("slot",{name:"shareCodes"}),pagination:e("slot",{name:"pagination"})};var r=__assign({slots:a},n);return e(D,Object.assign({},r))};return t}());function N(t){return C({titleText:t.titleText},t.demoData||{},{arrayMerge:function(t,e){return e}})}}}}));

package/dist/mint-components/p-f2a0658d.system.js

@@ -1 +0,0 @@
-var __makeTemplateObject=this&&this.__makeTemplateObject||function(t,e){if(Object.defineProperty){Object.defineProperty(t,"raw",{value:e})}else{t.raw=e}return t};var __assign=this&&this.__assign||function(){__assign=Object.assign||function(t){for(var e,n=1,i=arguments.length;n<i;n++){e=arguments[n];for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o))t[o]=e[o]}return t};return __assign.apply(this,arguments)};System.register(["./p-ff17b3a4.system.js","./p-2a414b2e.system.js","./p-1099290c.system.js","./p-1a673057.system.js","./p-f6934a55.system.js"],(function(t){"use strict";var e,n,i,o,s,a,l,r;return{setters:[function(t){e=t.h},function(t){n=t.f},function(t){i=t.d;o=t.Q;s=t.k;a=t.C},function(t){l=t.c},function(t){r=t.H}],execute:function(){t({C:k,u:v});var d=i.gql(__makeTemplateObject(["\n  query getCodes($limit: Int!, $offset: Int!) {\n    viewer {\n      ... on User {\n        referralCodeList(limit: $limit, offset: $offset) {\n          data {\n            code\n            dateUsed\n            dateCopied\n            shareLinkCodes(limit: $limit, offset: $offset) {\n              data {\n                linkCode\n                shortUrl\n              }\n            }\n          }\n          count\n          totalCount\n        }\n      }\n    }\n  }\n"],["\n  query getCodes($limit: Int!, $offset: Int!) {\n    viewer {\n      ... on User {\n        referralCodeList(limit: $limit, offset: $offset) {\n          data {\n            code\n            dateUsed\n            dateCopied\n            shareLinkCodes(limit: $limit, offset: $offset) {\n              data {\n                linkCode\n                shortUrl\n              }\n            }\n          }\n          count\n          totalCount\n        }\n      }\n    }\n  }\n"]));var c=t("a","sq:referral-codes");var u=t("R","sq:referral-codes-pagination");var p=t("S",i.gql(__makeTemplateObject(["\nmutation test {}\n"],["\nmutation test {}\n"])));function v(t){var e=o();console.log({props:t});var i=s(d,(function(t){var e;return(e=t===null||t===void 0?void 0:t.viewer)===null||e===void 0?void 0:e.referralCodeList}),{limit:1,offset:0},{},!(e===null||e===void 0?void 0:e.jwt)),l=i.envelope,r=i.states,p=i.callbacks;var v=a({namespace:u,initialValue:{states:r,callbacks:p}}),f=v[0],b=v[1];var m=a({namespace:c,initialValue:{loading:true,referralCode:"",shareLink:"",email:{messageLink:""},fbMessenger:{messageLink:"",shareLink:""},whatsApp:{messageLink:""}}}),g=m[0],y=m[1];n((function(){var t,e,n,i,o,s,a,r,d,c,u;if((t=l===null||l===void 0?void 0:l.data)===null||t===void 0?void 0:t.length){var p=l.data[0];y({referralCode:p.code,shareLink:(n=(e=p.shareLinkCodes)===null||e===void 0?void 0:e[0])===null||n===void 0?void 0:n.shortUrl,email:{messageLink:(o=(i=p.shareLinkCodes)===null||i===void 0?void 0:i[0])===null||o===void 0?void 0:o.shortUrl},fbMessenger:{messageLink:(a=(s=p.shareLinkCodes)===null||s===void 0?void 0:s[0])===null||a===void 0?void 0:a.shortUrl,shareLink:(d=(r=p.shareLinkCodes)===null||r===void 0?void 0:r[0])===null||d===void 0?void 0:d.shortUrl},whatsApp:{messageLink:(u=(c=p.shareLinkCodes)===null||c===void 0?void 0:c[0])===null||u===void 0?void 0:u.shortUrl}})}}),[l]);n((function(){b({states:r,callbacks:p})}),[r]);console.log({referralData:l,states:r});return{states:__assign({},r),data:g,callbacks:{}}}var f={HostBlock:r,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 m={right:"\nsl-input::part(input){\n  text-align: right;\n}",center:"  \nsl-input::part(input){\n  text-align: center;\n}",left:""};var g="\n  sl-input::part(input){\n    cursor: default;\n  }\n";var y=l(f);var h=y.toString();function k(t){var n=t.buttonStyle,i=n===void 0?"icon":n;console.log("notification text is",t.notificationText);var o=!t.loading&&t.error;var s=o?t.inputPlaceholderText:t.copyString;var a=o||t.loading||t.disabled;var l=t.buttonStyle==="button-below"?"bottom":t.buttonStyle==="button-outside"?"top":"top-end";var r=e("sl-tooltip",{trigger:"manual",content:t.tooltiptext,placement:l,disabled:t.disabled,open:t.open,skidding:t.buttonStyle==="icon"?-5:0,slot:"suffix"},i==="icon"?e("sl-icon-button",{exportparts:"base: icon-button-base",onClick:function(){var e;return(e=t.onClick)===null||e===void 0?void 0:e.call(t)},name:"files",disabled:a}):e("sl-button",{exportparts:"base: copy-button-base",onClick:function(){var e;return(e=t.onClick)===null||e===void 0?void 0:e.call(t)},size:"medium",style:{width:""+(i==="button-below"&&"100%")},disabled:a,type:"primary"},t.copyButtonLabel||"Copy"));return e("div",{class:y.classes.ContainerDiv},e("style",{type:"text/css"},h,b,m[t.textAlign],a&&g),e("div",{class:y.classes.containerStyle,style:{flexDirection:""+(i==="button-below"?"column":"row")}},e("sl-input",{class:y.classes.inputStyle+" "+(o?y.classes.inputErrorStyle:""),exportparts:"base: input-base, input: input-label",value:t.loading?"Loading...":s,readonly:true,disabled:a},i==="icon"&&r,o&&e("p",{slot:"help-text",class:y.classes.errorTextStyle},t.errorText)),(i==="button-outside"||i==="button-below")&&r),t.showNotificationText&&t.notificationText&&e("p",{part:"sqm-notification-text",class:y.classes.notificationTextStyle},t.notificationText))}}}}));