@saasquatch/mint-components 1.11.1-0 → 1.11.1-10

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

@@ -0,0 +1 @@
+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-7a974e40.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,C,x;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;C=t.u},function(t){x=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 P(){var t=o(g);return __assign({},t)}var I=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)):P();console.log("pagination",{hookProps:a});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 x({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 C=d(y),x=C[0],b=C[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],P=T[1];function I(){if(p){x(true)}navigator.clipboard.writeText(_);P(true);setTimeout((function(){return P(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:I,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 x({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):C(t);console.log(n);var a={shareButtons:e("slot",{name:"shareButtons"}),shareCodes:e("slot",{name:"shareCodes"}),pagination:e("slot",{name:"pagination"})};var r=__assign(__assign({slots:a},n),{loading:n.states.loading,noCodes:n.states.noCodes});return e(D,Object.assign({},r))};return t}());function N(t){return x({titleText:t.titleText,states:{noCodes:false,loading:false}},t.demoData||{},{arrayMerge:function(t,e){return e}})}}}}));

package/dist/mint-components/p-f5e1e208.js

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

package/dist/types/components/sqm-referral-codes/sqm-referral-codes-view.d.ts

@@ -6,5 +6,7 @@ export interface ReferralCodesViewProps {
     pagination: VNode;
   };
   titleText?: string;
+  noCodes: boolean;
+  loading: boolean;
 }
 export declare function ReferralCodesView(props: ReferralCodesViewProps): any;

package/dist/types/components/sqm-referral-codes/sqm-referral-codes.d.ts

@@ -6,6 +6,9 @@ import { ReferralCodesViewProps } from "./sqm-referral-codes-view";
  * @example Referral Codes - <sqm-referral-codes><sqm-pagination slot="pagination"></sqm-pagination><sqm-referral-code slot="shareCodes"></sqm-referral-code><sqm-portal-container gap="small" slot="shareButtons"><sqm-share-button medium="email">Share via email</sqm-share-button><sqm-share-button medium="facebook">Share on Facebook</sqm-share-button><sqm-share-button medium="whatsapp">Share on WhatsApp</sqm-share-button></sqm-portal-container></sqm-referral-codes>
  */
 export declare class ReferralCodes {
+  /**
+   * @uiName Title Text
+   */
   titleText?: string;
   /**
    * @undocumented

package/dist/types/components/sqm-referral-codes/useReferralCodes.d.ts

@@ -2,6 +2,7 @@ import { ReferralCodes } from "./sqm-referral-codes";
 import { GraphQlRequestError } from "@saasquatch/component-boilerplate/dist/hooks/graphql/useBaseQuery";
 export declare const REFERRAL_CODES_NAMESPACE = "sq:referral-codes";
 export declare const REFERRAL_CODES_PAGINATION_CONTEXT = "sq:referral-codes-pagination";
+export declare const SET_CODE_USED: string;
 export declare type ReferralCodeContext = {
   loading?: boolean;
   referralCode: string;
@@ -34,6 +35,7 @@ export declare type PaginationContext = {
 };
 export declare function useReferralCodes(props: ReferralCodes): {
   states: {
+    noCodes: boolean;
     errors: GraphQlRequestError<any>;
     loading: boolean;
     limit: number;
@@ -41,19 +43,6 @@ export declare function useReferralCodes(props: ReferralCodes): {
     pageCount: number;
     pageProgress: string;
   };
-  data: {
-    referralCode: string;
-    shareLink: string;
-    email: {
-      messageLink: string;
-    };
-    fbMessenger: {
-      messageLink: string;
-      shareLink: string;
-    };
-    whatsApp: {
-      messageLink: string;
-    };
-  };
+  data: ReferralCodeContext;
   callbacks: {};
 };

package/dist/types/components.d.ts

@@ -2646,6 +2646,9 @@ export namespace Components {
           * @uiType object
          */
         "demoData"?: DemoData<ReferralCodesViewProps>;
+        /**
+          * @uiName Title Text
+         */
         "titleText"?: string;
     }
     interface SqmReferralIframe {
@@ -8575,6 +8578,9 @@ declare namespace LocalJSX {
           * @uiType object
          */
         "demoData"?: DemoData<ReferralCodesViewProps>;
+        /**
+          * @uiName Title Text
+         */
         "titleText"?: string;
     }
     interface SqmReferralIframe {