@saasquatch/mint-components 1.11.0 → 1.11.1-1

package/dist/mint-components/{p-7731f793.system.entry.js → p-ff41c804.system.entry.js}

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,n,r){function s(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function o(e){try{l(r["throw"](e))}catch(e){i(e)}}function l(e){e.done?n(e.value):s(e.value).then(a,o)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,s,i,a;return a={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function o(e){return function(t){return l([e,t])}}function l(a){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,s&&(i=a[0]&2?s["return"]:a[0]?s["throw"]||((i=s["return"])&&i.call(s),0):s.next)&&!(i=i.call(s,a[1])).done)return i;if(s=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;s=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){n.label=a[1];break}if(a[0]===6&&n.label<i[1]){n.label=i[1];i=a;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(a);break}if(i[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(e){a=[6,e];s=0}finally{r=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-ff17b3a4.system.js","./p-2a414b2e.system.js","./p-b370fca8.system.js","./p-b2295bc5.system.js","./p-4bd679a7.system.js","./p-f6934a55.system.js","./p-1a673057.system.js","./p-4f775e84.system.js","./p-7d5e0645.system.js"],(function(e){"use strict";var t,n,r,s,i,a,o,l,u,c;return{setters:[function(e){t=e.r;n=e.h},function(e){r=e.k;s=e.n},function(e){i=e.e;a=e.$;o=e.i},function(e){l=e.j},function(e){u=e.c},function(){},function(){},function(){},function(e){c=e.P}],execute:function(){function f(e){var t=this;var n,s,o,u,c,f,d;var h=r(false),v=h[0],b=h[1];var m=r(""),p=m[0],g=m[1];var y=i(),w=y[0],x=y[1],_=x.loading,P=x.data,k=x.errors;var T=new URLSearchParams(a.location.search);var j=T.get("nextPage");var E=function(n){return __awaiter(t,void 0,void 0,(function(){var t,r,s,i,a,o;return __generator(this,(function(u){switch(u.label){case 0:g("");b(false);r=n.detail.formData;r===null||r===void 0?void 0:r.forEach((function(e,t){l.set(r,t,e)}));s=j?{nextPage:j}:null;i=e.redirectPath;a={email:r.email,urlParams:s,redirectPath:i};return[4,w(a)];case 1:o=u.sent();if(o instanceof Error){if(o.message)g(e.networkErrorMessage);return[2]}if((t=o.requestManagedIdentityPasswordResetEmail)===null||t===void 0?void 0:t.success){b(true)}return[2]}}))}))};return{states:{loading:_,error:((u=(o=(s=(n=k===null||k===void 0?void 0:k.response)===null||n===void 0?void 0:n.errors)===null||s===void 0?void 0:s[0])===null||o===void 0?void 0:o.extensions)===null||u===void 0?void 0:u.message)||((d=(f=(c=k===null||k===void 0?void 0:k.response)===null||c===void 0?void 0:c.errors)===null||f===void 0?void 0:f[0])===null||d===void 0?void 0:d.message)||p,success:v,loginPath:e.loginPath,headerText:e.headerText,loginText:e.loginText},callbacks:{submit:E}}}var d=e("sqm_portal_forgot_password",function(){function e(e){t(this,e);this.ignored=true;this.redirectPath="/resetPassword";this.emailLabel="Email";this.submitLabel="Request Password Reset";this.loginPath="/login";this.headerText="Enter your email below to receive a password reset link.";this.loginText="Sign In";this.networkErrorMessage="An error occurred while loading this page. Please refresh the page.";this.successAlertText="If an account with that email exists, a password reset email will be sent.";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=o()?h(this):f(this),t=e.states,r=e.callbacks;var s={secondaryButton:n("slot",{name:"secondaryButton"},n("sl-button",{type:"text",disabled:t.loading,onClick:function(){return a.push(t.loginPath)}},this.loginText)),messageSlot:n("slot",{name:"messageSlot"},this.headerText),emailLabel:this.emailLabel,submitLabel:this.submitLabel,successAlertText:this.successAlertText};return n(c,{states:t,callbacks:r,content:s})};return e}());function h(e){var t=this;return u({states:{error:"",loading:false,success:false},callbacks:{submit:function(e){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){return[2]}))}))}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}}}}));
+var __awaiter=this&&this.__awaiter||function(e,t,n,r){function s(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function o(e){try{l(r["throw"](e))}catch(e){i(e)}}function l(e){e.done?n(e.value):s(e.value).then(a,o)}l((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,s,i,a;return a={next:o(0),throw:o(1),return:o(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function o(e){return function(t){return l([e,t])}}function l(a){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,s&&(i=a[0]&2?s["return"]:a[0]?s["throw"]||((i=s["return"])&&i.call(s),0):s.next)&&!(i=i.call(s,a[1])).done)return i;if(s=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;s=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){n.label=a[1];break}if(a[0]===6&&n.label<i[1]){n.label=i[1];i=a;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(a);break}if(i[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(e){a=[6,e];s=0}finally{r=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-ff17b3a4.system.js","./p-2a414b2e.system.js","./p-1099290c.system.js","./p-b2295bc5.system.js","./p-1a673057.system.js","./p-4bd679a7.system.js","./p-f6934a55.system.js","./p-4f775e84.system.js","./p-bb6f6681.system.js"],(function(e){"use strict";var t,n,r,s,i,a,o,l,u,c;return{setters:[function(e){t=e.r;n=e.h},function(e){r=e.k;s=e.n},function(e){i=e.f;a=e.e;o=e.i},function(e){l=e.j},function(){},function(e){u=e.c},function(){},function(){},function(e){c=e.P}],execute:function(){function f(e){var t=this;var n,s,o,u,c,f,d;var h=r(false),v=h[0],b=h[1];var m=r(""),p=m[0],g=m[1];var y=i(),w=y[0],x=y[1],_=x.loading,P=x.data,k=x.errors;var T=new URLSearchParams(a.location.search);var j=T.get("nextPage");var E=function(n){return __awaiter(t,void 0,void 0,(function(){var t,r,s,i,a,o;return __generator(this,(function(u){switch(u.label){case 0:g("");b(false);r=n.detail.formData;r===null||r===void 0?void 0:r.forEach((function(e,t){l.set(r,t,e)}));s=j?{nextPage:j}:null;i=e.redirectPath;a={email:r.email,urlParams:s,redirectPath:i};return[4,w(a)];case 1:o=u.sent();if(o instanceof Error){if(o.message)g(e.networkErrorMessage);return[2]}if((t=o.requestManagedIdentityPasswordResetEmail)===null||t===void 0?void 0:t.success){b(true)}return[2]}}))}))};return{states:{loading:_,error:((u=(o=(s=(n=k===null||k===void 0?void 0:k.response)===null||n===void 0?void 0:n.errors)===null||s===void 0?void 0:s[0])===null||o===void 0?void 0:o.extensions)===null||u===void 0?void 0:u.message)||((d=(f=(c=k===null||k===void 0?void 0:k.response)===null||c===void 0?void 0:c.errors)===null||f===void 0?void 0:f[0])===null||d===void 0?void 0:d.message)||p,success:v,loginPath:e.loginPath,headerText:e.headerText,loginText:e.loginText},callbacks:{submit:E}}}var d=e("sqm_portal_forgot_password",function(){function e(e){t(this,e);this.ignored=true;this.redirectPath="/resetPassword";this.emailLabel="Email";this.submitLabel="Request Password Reset";this.loginPath="/login";this.headerText="Enter your email below to receive a password reset link.";this.loginText="Sign In";this.networkErrorMessage="An error occurred while loading this page. Please refresh the page.";this.successAlertText="If an account with that email exists, a password reset email will be sent.";s(this)}e.prototype.disconnectedCallback=function(){};e.prototype.render=function(){var e=o()?h(this):f(this),t=e.states,r=e.callbacks;var s={secondaryButton:n("slot",{name:"secondaryButton"},n("sl-button",{type:"text",disabled:t.loading,onClick:function(){return a.push(t.loginPath)}},this.loginText)),messageSlot:n("slot",{name:"messageSlot"},this.headerText),emailLabel:this.emailLabel,submitLabel:this.submitLabel,successAlertText:this.successAlertText};return n(c,{states:t,callbacks:r,content:s})};return e}());function h(e){var t=this;return u({states:{error:"",loading:false,success:false},callbacks:{submit:function(e){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(e){return[2]}))}))}}},e.demoData||{},{arrayMerge:function(e,t){return t}})}}}}));

package/dist/types/components/sqm-pagination/Pagination.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const Default: () => any;

package/dist/types/components/sqm-pagination/sqm-pagination-view.d.ts

@@ -0,0 +1,7 @@
+export interface PaginationViewProps {
+  currentPage?: number;
+  totalPages?: number;
+  onNext: (e: Event) => void;
+  onPrev: (e: Event) => void;
+}
+export declare function PaginationView(props: PaginationViewProps): any;

package/dist/types/components/sqm-pagination/sqm-pagination.d.ts

@@ -0,0 +1,17 @@
+import { DemoData } from "../../global/demo";
+/**
+ * @uiName Pagination
+ * @exampleGroup Common Components
+ * @example Link Button - <sqm-pagination></sqm-pagination>
+ */
+export declare class Pagination {
+  ignored: boolean;
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  demoData?: DemoData<any>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-pagination/usePagination.d.ts

@@ -0,0 +1,15 @@
+export declare function usePagination(): {
+  states: {
+    errors: import("@saasquatch/component-boilerplate/dist/hooks/graphql/useBaseQuery").GraphQlRequestError<any>;
+    loading: boolean;
+    limit: number;
+    currentPage: number;
+    pageCount: number;
+    pageProgress: string;
+  };
+  callbacks: {
+    refetch: (variables?: unknown) => Promise<any>;
+    setLimit: (newLimit: number) => void;
+    setCurrentPage: (newPage: number) => void;
+  };
+};

package/dist/types/components/sqm-referral-card/ReferralCard.stories.d.ts

@@ -8,6 +8,7 @@ export default _default;
 export declare const ImageAndShareButtons: () => any;
 export declare const LimitWidth: () => any;
 export declare const TimelineAndShareButtons: () => any;
+export declare const OneTimeUsePromoCodes: () => any;
 export declare const StartAlignment: () => any;
 export declare const CenterAlignment: () => any;
 export declare const EndAlignment: () => any;

package/dist/types/components/sqm-referral-code/ReferralCode.stories.d.ts

@@ -0,0 +1,18 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const ReferralCode: () => any;
+export declare const ShowNotificationText: () => any;
+export declare const ShowNotificationTextWithButton: () => any;
+export declare const ShowNotificationTextWithButtonBelow: () => any;
+export declare const CustomTooltipText: () => any;
+export declare const TextAlignCenter: () => any;
+export declare const TextAlignRight: () => any;
+export declare const CustomTooltipDuration: () => any;
+export declare const CopyButton: () => any;
+export declare const CopyButtonBelow: () => any;
+export declare const Error: () => any;

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

@@ -0,0 +1,70 @@
+import { DemoData } from "../../global/demo";
+import { CopyTextViewProps } from "../views/copy-text-view";
+/**
+ * @uiName Referral Code
+ * @exampleGroup Sharing
+ * @example Referral Code - <sqm-referral-code tooltip-text="Copied to Clipboard" tooltip-lifespan="1000"></sqm-referral-code>
+ */
+export declare class ReferralCode {
+  /**
+   * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
+   *
+   * @uiName Program ID
+   * @uiWidget programSelector
+   */
+  programId?: string;
+  /**
+   * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+   *
+   * @uiName Tooltip text
+   */
+  tooltiptext: string;
+  /**
+   * Boolean used to show notification text below input
+   *
+   * @uiName Show notification text
+   */
+  showNotificationText: boolean;
+  /**
+   * Shown underneath the referral code when the user has already copied the code
+   *
+   * @uiName Notification text
+   */
+  notificationText: string;
+  /**
+   * The number of milliseconds that the tooltip appears for
+   *
+   * @uiName Tooltip lifespan
+   */
+  tooltiplifespan: number;
+  /**
+   * Change the text alignment
+   *
+   * @uiName referral code alignment
+   * @uiType string
+   * @uiEnum ["left", "center", "right"]
+   * @uiEnumNames ["Left", "Center", "Right"]
+   */
+  textAlign: "left" | "center" | "right";
+  /**
+   * @uiName Copy button label
+   */
+  copyButtonLabel?: string;
+  /**
+   * Set the copy button style and placement
+   *
+   * @uiName Style
+   * @uiType string
+   * @uiEnum ["icon", "button-outside", "button-below"]
+   * @uiEnumNames ["Icon", "Button outside", "Button below"]
+   */
+  buttonStyle?: "icon" | "button-outside" | "button-below";
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  demoData?: DemoData<CopyTextViewProps>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-referral-code/useReferralCode.d.ts

@@ -0,0 +1,9 @@
+import { CopyTextViewProps } from "../views/copy-text-view";
+interface ReferralCodeProps {
+  programId?: string;
+  tooltiptext: string;
+  tooltiplifespan: number;
+  codeOverride?: string;
+}
+export declare function useReferralCode(props: ReferralCodeProps): CopyTextViewProps;
+export {};

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

@@ -0,0 +1,9 @@
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const ReferralCodes: () => any;
+export declare const WithPreviouslyCopiedCode: () => any;

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

@@ -0,0 +1,10 @@
+import { VNode } from "../../stencil-public-runtime";
+export interface ReferralCodesViewProps {
+  slots: {
+    shareButtons: VNode;
+    shareCodes: VNode;
+    pagination: VNode;
+  };
+  titleText?: string;
+}
+export declare function ReferralCodesView(props: ReferralCodesViewProps): any;

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

@@ -0,0 +1,21 @@
+import { DemoData } from "../../global/demo";
+import { ReferralCodesViewProps } from "./sqm-referral-codes-view";
+/**
+ * @uiName Referral Codes
+ * @exampleGroup Sharing
+ * @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
+   * @uiType object
+   */
+  demoData?: DemoData<ReferralCodesViewProps>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

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

@@ -0,0 +1,59 @@
+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 type ReferralCodeContext = {
+  loading?: boolean;
+  referralCode: string;
+  shareLink: string;
+  email: {
+    messageLink: string;
+  };
+  fbMessenger: {
+    messageLink: string;
+    shareLink: string;
+  };
+  whatsApp: {
+    messageLink: string;
+  };
+};
+export declare type PaginationContext = {
+  states: {
+    errors: GraphQlRequestError<any>;
+    loading: boolean;
+    limit: number;
+    currentPage: number;
+    pageCount: number;
+    pageProgress: string;
+  };
+  callbacks: {
+    refetch: (variables?: unknown) => Promise<any>;
+    setLimit: (newLimit: number) => void;
+    setCurrentPage: (newPage: number) => void;
+  };
+};
+export declare function useReferralCodes(props: ReferralCodes): {
+  states: {
+    errors: GraphQlRequestError<any>;
+    loading: boolean;
+    limit: number;
+    currentPage: number;
+    pageCount: number;
+    pageProgress: string;
+  };
+  data: {
+    referralCode: string;
+    shareLink: string;
+    email: {
+      messageLink: string;
+    };
+    fbMessenger: {
+      messageLink: string;
+      shareLink: string;
+    };
+    whatsApp: {
+      messageLink: string;
+    };
+  };
+  callbacks: {};
+};

package/dist/types/components/sqm-share-link/useShareLink.d.ts

@@ -3,6 +3,7 @@ interface ShareLinkProps {
   programId?: string;
   tooltiptext: string;
   tooltiplifespan: number;
+  linkOverride?: string;
 }
 export declare function useShareLink(props: ShareLinkProps): CopyTextViewProps;
 export {};

package/dist/types/components/views/copy-text-view.d.ts

@@ -8,6 +8,8 @@ export interface CopyTextViewProps {
   buttonStyle?: "button-outside" | "button-below" | "icon";
   error?: boolean;
   errorText?: string;
+  notificationText?: string;
+  showNotificationText?: boolean;
   inputPlaceholderText?: string;
   dateAvailable?: string;
   loading?: boolean;

package/dist/types/components.d.ts

@@ -37,6 +37,7 @@ import { PortalRegisterViewProps } from "./components/sqm-portal-register/sqm-po
 import { PortalRegistrationFormViewProps } from "./components/sqm-portal-registration-form/sqm-portal-registration-form-view";
 import { PortalResetPasswordViewProps } from "./components/sqm-portal-reset-password/sqm-portal-reset-password-view";
 import { PortalVerifyEmailViewProps } from "./components/sqm-portal-verify-email/sqm-portal-verify-email-view";
+import { ReferralCodesViewProps } from "./components/sqm-referral-codes/sqm-referral-codes-view";
 import { ReferralIframeViewProps } from "./components/sqm-referral-iframe/sqm-referral-iframe-view";
 import { ReferralDates } from "./components/sqm-referral-table/useReferralTable";
 import { RewardExchangeViewProps } from "./components/sqm-reward-exchange-list/sqm-reward-exchange-list-view";
@@ -1542,6 +1543,13 @@ export namespace Components {
          */
         "path": string;
     }
+    interface SqmPagination {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<any>;
+    }
     interface SqmPasswordField {
         /**
           * @undocumented 
@@ -2579,6 +2587,70 @@ export namespace Components {
          */
         "verticalAlignment": "start" | "center" | "end";
     }
+    interface SqmReferralCode {
+        /**
+          * Set the copy button style and placement
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
+         */
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        /**
+          * @uiName Copy button label
+         */
+        "copyButtonLabel"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<CopyTextViewProps>;
+        /**
+          * Shown underneath the referral code when the user has already copied the code
+          * @uiName Notification text
+         */
+        "notificationText": string;
+        /**
+          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
+         */
+        "programId"?: string;
+        /**
+          * Boolean used to show notification text below input
+          * @uiName Show notification text
+         */
+        "showNotificationText": boolean;
+        /**
+          * Change the text alignment
+          * @uiName referral code alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
+         */
+        "textAlign": "left" | "center" | "right";
+        /**
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
+         */
+        "tooltiplifespan": number;
+        /**
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+          * @uiName Tooltip text
+         */
+        "tooltiptext": string;
+    }
+    interface SqmReferralCodes {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<ReferralCodesViewProps>;
+        /**
+          * @uiName Title Text
+         */
+        "titleText"?: string;
+    }
     interface SqmReferralIframe {
         /**
           * @undocumented 
@@ -5375,6 +5447,12 @@ declare global {
         prototype: HTMLSqmNavigationSidebarItemElement;
         new (): HTMLSqmNavigationSidebarItemElement;
     };
+    interface HTMLSqmPaginationElement extends Components.SqmPagination, HTMLStencilElement {
+    }
+    var HTMLSqmPaginationElement: {
+        prototype: HTMLSqmPaginationElement;
+        new (): HTMLSqmPaginationElement;
+    };
     interface HTMLSqmPasswordFieldElement extends Components.SqmPasswordField, HTMLStencilElement {
     }
     var HTMLSqmPasswordFieldElement: {
@@ -5501,6 +5579,18 @@ declare global {
         prototype: HTMLSqmReferralCardElement;
         new (): HTMLSqmReferralCardElement;
     };
+    interface HTMLSqmReferralCodeElement extends Components.SqmReferralCode, HTMLStencilElement {
+    }
+    var HTMLSqmReferralCodeElement: {
+        prototype: HTMLSqmReferralCodeElement;
+        new (): HTMLSqmReferralCodeElement;
+    };
+    interface HTMLSqmReferralCodesElement extends Components.SqmReferralCodes, HTMLStencilElement {
+    }
+    var HTMLSqmReferralCodesElement: {
+        prototype: HTMLSqmReferralCodesElement;
+        new (): HTMLSqmReferralCodesElement;
+    };
     interface HTMLSqmReferralIframeElement extends Components.SqmReferralIframe, HTMLStencilElement {
     }
     var HTMLSqmReferralIframeElement: {
@@ -5824,6 +5914,7 @@ declare global {
         "sqm-navigation-menu": HTMLSqmNavigationMenuElement;
         "sqm-navigation-sidebar": HTMLSqmNavigationSidebarElement;
         "sqm-navigation-sidebar-item": HTMLSqmNavigationSidebarItemElement;
+        "sqm-pagination": HTMLSqmPaginationElement;
         "sqm-password-field": HTMLSqmPasswordFieldElement;
         "sqm-payout-details-card": HTMLSqmPayoutDetailsCardElement;
         "sqm-popup-container": HTMLSqmPopupContainerElement;
@@ -5845,6 +5936,8 @@ declare global {
         "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
         "sqm-program-menu": HTMLSqmProgramMenuElement;
         "sqm-referral-card": HTMLSqmReferralCardElement;
+        "sqm-referral-code": HTMLSqmReferralCodeElement;
+        "sqm-referral-codes": HTMLSqmReferralCodesElement;
         "sqm-referral-iframe": HTMLSqmReferralIframeElement;
         "sqm-referral-table": HTMLSqmReferralTableElement;
         "sqm-referral-table-cell": HTMLSqmReferralTableCellElement;
@@ -7382,6 +7475,13 @@ declare namespace LocalJSX {
          */
         "path"?: string;
     }
+    interface SqmPagination {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<any>;
+    }
     interface SqmPasswordField {
         /**
           * @undocumented 
@@ -8419,6 +8519,70 @@ declare namespace LocalJSX {
          */
         "verticalAlignment"?: "start" | "center" | "end";
     }
+    interface SqmReferralCode {
+        /**
+          * Set the copy button style and placement
+          * @uiName Style
+          * @uiType string
+          * @uiEnum ["icon", "button-outside", "button-below"]
+          * @uiEnumNames ["Icon", "Button outside", "Button below"]
+         */
+        "buttonStyle"?: "icon" | "button-outside" | "button-below";
+        /**
+          * @uiName Copy button label
+         */
+        "copyButtonLabel"?: string;
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<CopyTextViewProps>;
+        /**
+          * Shown underneath the referral code when the user has already copied the code
+          * @uiName Notification text
+         */
+        "notificationText"?: string;
+        /**
+          * The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.
+          * @uiName Program ID
+          * @uiWidget programSelector
+         */
+        "programId"?: string;
+        /**
+          * Boolean used to show notification text below input
+          * @uiName Show notification text
+         */
+        "showNotificationText"?: boolean;
+        /**
+          * Change the text alignment
+          * @uiName referral code alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
+         */
+        "textAlign"?: "left" | "center" | "right";
+        /**
+          * The number of milliseconds that the tooltip appears for
+          * @uiName Tooltip lifespan
+         */
+        "tooltiplifespan"?: number;
+        /**
+          * Shown inside a tooltip after someone has successfully copied the link to their clipboard
+          * @uiName Tooltip text
+         */
+        "tooltiptext"?: string;
+    }
+    interface SqmReferralCodes {
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<ReferralCodesViewProps>;
+        /**
+          * @uiName Title Text
+         */
+        "titleText"?: string;
+    }
     interface SqmReferralIframe {
         /**
           * @undocumented 
@@ -10989,6 +11153,7 @@ declare namespace LocalJSX {
         "sqm-navigation-menu": SqmNavigationMenu;
         "sqm-navigation-sidebar": SqmNavigationSidebar;
         "sqm-navigation-sidebar-item": SqmNavigationSidebarItem;
+        "sqm-pagination": SqmPagination;
         "sqm-password-field": SqmPasswordField;
         "sqm-payout-details-card": SqmPayoutDetailsCard;
         "sqm-popup-container": SqmPopupContainer;
@@ -11010,6 +11175,8 @@ declare namespace LocalJSX {
         "sqm-program-explainer-step": SqmProgramExplainerStep;
         "sqm-program-menu": SqmProgramMenu;
         "sqm-referral-card": SqmReferralCard;
+        "sqm-referral-code": SqmReferralCode;
+        "sqm-referral-codes": SqmReferralCodes;
         "sqm-referral-iframe": SqmReferralIframe;
         "sqm-referral-table": SqmReferralTable;
         "sqm-referral-table-cell": SqmReferralTableCell;
@@ -11103,6 +11270,7 @@ declare module "@stencil/core" {
             "sqm-navigation-menu": LocalJSX.SqmNavigationMenu & JSXBase.HTMLAttributes<HTMLSqmNavigationMenuElement>;
             "sqm-navigation-sidebar": LocalJSX.SqmNavigationSidebar & JSXBase.HTMLAttributes<HTMLSqmNavigationSidebarElement>;
             "sqm-navigation-sidebar-item": LocalJSX.SqmNavigationSidebarItem & JSXBase.HTMLAttributes<HTMLSqmNavigationSidebarItemElement>;
+            "sqm-pagination": LocalJSX.SqmPagination & JSXBase.HTMLAttributes<HTMLSqmPaginationElement>;
             "sqm-password-field": LocalJSX.SqmPasswordField & JSXBase.HTMLAttributes<HTMLSqmPasswordFieldElement>;
             "sqm-payout-details-card": LocalJSX.SqmPayoutDetailsCard & JSXBase.HTMLAttributes<HTMLSqmPayoutDetailsCardElement>;
             "sqm-popup-container": LocalJSX.SqmPopupContainer & JSXBase.HTMLAttributes<HTMLSqmPopupContainerElement>;
@@ -11124,6 +11292,8 @@ declare module "@stencil/core" {
             "sqm-program-explainer-step": LocalJSX.SqmProgramExplainerStep & JSXBase.HTMLAttributes<HTMLSqmProgramExplainerStepElement>;
             "sqm-program-menu": LocalJSX.SqmProgramMenu & JSXBase.HTMLAttributes<HTMLSqmProgramMenuElement>;
             "sqm-referral-card": LocalJSX.SqmReferralCard & JSXBase.HTMLAttributes<HTMLSqmReferralCardElement>;
+            "sqm-referral-code": LocalJSX.SqmReferralCode & JSXBase.HTMLAttributes<HTMLSqmReferralCodeElement>;
+            "sqm-referral-codes": LocalJSX.SqmReferralCodes & JSXBase.HTMLAttributes<HTMLSqmReferralCodesElement>;
             "sqm-referral-iframe": LocalJSX.SqmReferralIframe & JSXBase.HTMLAttributes<HTMLSqmReferralIframeElement>;
             "sqm-referral-table": LocalJSX.SqmReferralTable & JSXBase.HTMLAttributes<HTMLSqmReferralTableElement>;
             "sqm-referral-table-cell": LocalJSX.SqmReferralTableCell & JSXBase.HTMLAttributes<HTMLSqmReferralTableCellElement>;