@saasquatch/mint-components 1.13.5 → 1.15.0-0

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

@@ -0,0 +1 @@
+import{h as t}from"./p-f708da7b.js";import{c as e}from"./p-cef45012.js";import{E as a}from"./p-9acb5038.js";const i=e({DialogContainer:{maxWidth:"390px !important"},Container:{width:"100%",display:"flex",flexDirection:"row",gap:"var(--sl-spacing-small)"},TextContainer:{display:"flex",gap:"var(--sl-spacing-medium)",flexDirection:"column",alignItems:"center"},ButtonContainer:{display:"flex",gap:"var(--sl-spacing-medium)"},FooterContainer:{textAlign:"left",display:"flex",flexDirection:"column",gap:"var(--sl-spacing-medium)"},CodeContainer:{display:"flex",width:"100%",alignItems:"center",justifyContent:"center"},Code:{width:"100%",height:"100%",maxWidth:"335px"},TextButton:{"&::part(base)":{color:"var(--sl-color-gray-600)"}},LoadingSkeleton:{"&::part(indicator)":{borderRadius:"0px !important"}}}),n=i.toString();function l({error:e,qrLink:l,titleText:r,downloadCodeText:s,printCodeText:o,errorHeaderText:d,errorDescriptionText:p,createDownloadable:c,createPrintable:x,hideTitle:m,alignment:f,loading:g}){const h="left"===f?"flex-start":"right"===f?"flex-end":"center",u=((e,n,l)=>e?t(a,{loadingErrorAlertDescription:d,loadingErrorAlertHeader:p}):l?t("sl-skeleton",{className:i.classes.LoadingSkeleton,effect:"sheen",style:{width:"100px",height:"100px",borderRadius:"0px !important"}}):n?t("svg",{width:"100",height:"100"},t("image",{href:n,width:"100",height:"100"})):null)(e,l,g);return t("div",{class:i.classes.Container,style:{justifyContent:h},part:"sqm-base"},t("style",null,"\n  :host{\n    display: flex;\n    width: 100%;\n  }\n  @media (max-width: 499px) {\n    :host{\n      display: block;\n    }\n\n  }"),t("style",null,n),t("div",{class:i.classes.TextContainer,style:{alignItems:h}},!m&&t("span",{part:"sqm-title"},r),u,t("div",{class:i.classes.ButtonContainer},t("sl-button",{size:"small",exportparts:"base: defaultbutton-base",type:"default",onClick:c},s),t("sl-button",{size:"small",exportparts:"base: textbutton-base",type:"text",onClick:x,class:i.classes.TextButton},o))))}export{l as Q}

package/dist/types/components/sqm-card-feed/sqm-card-feed.d.ts

@@ -1,6 +1,8 @@
 /**
  * @uiName Card Feed
  * @slots [{"name":"","title":"Cards"}]
+ * @validParents ["sqm-brand","sqm-portal-container", "sqm-popup-container-sqm-hero", "sqm-titled-section", "div"]
+ * @validChildren ["sqm-task-card"]
  * @exampleGroup Rewards
  * @example Task Card Feed - <sqm-card-feed gap="24" width="347"> <sqm-task-card reward-amount="20" goal="1" card-title="Complete a Survey" description="Fill out our NPS survey and get 20 points for giving us honest feedback." button-text="Take survey" reward-unit="Points" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" finite="0" starts-on-message="Starts {startDate}" > </sqm-task-card> <sqm-task-card reward-amount="250" goal="500" show-progress-bar card-title="Spend $500" description="Earn 250 points when you spend $500 or more." button-text="See plans" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" progress-bar-unit="$" finite="0" reward-unit="Points" starts-on-message="Starts {startDate}" > </sqm-task-card> <sqm-task-card goal="1" reward-amount="50" card-title="Follow Us on X" description="Earn 50 points when you Follow Us on X!" button-text="Follow" button-link="https://twitter.com/" open-new-tab="true" event-key="socialFollow" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" finite="0" reward-unit="Points" starts-on-message="Starts {startDate}" > </sqm-task-card> <sqm-task-card reward-amount="1" reward-unit="Free Month" goal="1" card-title="Upgrade Your Plan" description="Receive one free month for being a committed customer when you upgrade your plan." button-text="Upgrade" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" open-new-tab="false" finite="0" starts-on-message="Starts {startDate}" > </sqm-task-card> </sqm-card-feed>
  */

package/dist/types/components/sqm-qr-code/QRCode.stories.d.ts

@@ -0,0 +1,12 @@
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const Default: () => any;
+export declare const HideTitle: () => any;
+export declare const LeftAlign: () => any;
+export declare const CenterAlign: () => any;
+export declare const RightAlign: () => any;
+export declare const Loading: () => any;
+export declare const Error: () => any;
+export declare const DownloadError: () => any;

package/dist/types/components/sqm-qr-code/sqm-qr-code-view.d.ts

@@ -0,0 +1,15 @@
+export interface QRCodeViewProps {
+  error: boolean;
+  qrLink: string;
+  createDownloadable: () => void;
+  titleText?: string;
+  hideTitle?: boolean;
+  alignment?: "left" | "center" | "right";
+  downloadCodeText?: string;
+  printCodeText?: string;
+  errorHeaderText?: string;
+  errorDescriptionText?: string;
+  createPrintable: () => void;
+  loading: boolean;
+}
+export declare function QrCodeView({ error, qrLink, titleText, downloadCodeText, printCodeText, errorHeaderText, errorDescriptionText, createDownloadable, createPrintable, hideTitle, alignment, loading, }: QRCodeViewProps): any;

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

@@ -0,0 +1,52 @@
+import { DemoData } from "../../global/demo";
+import { QRCodeViewProps } from "./sqm-qr-code-view";
+/**
+ * @uiName QR Code
+ * @exampleGroup Sharing
+ * @example QR Code - <sqm-qr-code></sqm-qr-code>
+ */
+export declare class QrCode {
+  /**
+   * @uiName Title
+   */
+  titleText?: string;
+  /**
+   * @uiName View QR code text
+   */
+  viewCodeText?: string;
+  /**
+   * @uiName Download QR code text
+   */
+  downloadCodeText?: string;
+  /**
+   * @uiName Print QR code text
+   */
+  printCodeText?: string;
+  /**
+   * @uiName Header for error banner
+   */
+  errorHeaderText?: string;
+  /**
+   * @uiName Description for error banner
+   */
+  errorDescriptionText?: string;
+  /**
+   * @uiName Hide title
+   */
+  hideTitle?: boolean;
+  /**
+   * @uiName QR code alignment
+   * @uiType string
+   * @uiEnum ["left", "center", "right"]
+   * @uiEnumNames ["Left", "Center", "Right"]
+   */
+  alignment?: "left" | "center" | "right";
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  demoData?: DemoData<QRCodeViewProps>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-qr-code/useQRCode.d.ts

@@ -0,0 +1,3 @@
+import { QrCode } from "./sqm-qr-code";
+import { QRCodeViewProps } from "./sqm-qr-code-view";
+export declare function useQRCode(props: QrCode): QRCodeViewProps;

package/dist/types/components.d.ts

@@ -43,6 +43,7 @@ import { PortalProfileViewProps } from "./components/sqm-portal-profile/sqm-port
 import { PortalRegisterViewProps } from "./components/sqm-portal-register/sqm-portal-register-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 { QRCodeViewProps } from "./components/sqm-qr-code/sqm-qr-code-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";
@@ -2991,6 +2992,48 @@ export namespace Components {
     }
     interface SqmProgramMenu {
     }
+    interface SqmQrCode {
+        /**
+          * @uiName QR code alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
+         */
+        "alignment"?: "left" | "center" | "right";
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<QRCodeViewProps>;
+        /**
+          * @uiName Download QR code text
+         */
+        "downloadCodeText"?: string;
+        /**
+          * @uiName Description for error banner
+         */
+        "errorDescriptionText"?: string;
+        /**
+          * @uiName Header for error banner
+         */
+        "errorHeaderText"?: string;
+        /**
+          * @uiName Hide title
+         */
+        "hideTitle"?: boolean;
+        /**
+          * @uiName Print QR code text
+         */
+        "printCodeText"?: string;
+        /**
+          * @uiName Title
+         */
+        "titleText"?: string;
+        /**
+          * @uiName View QR code text
+         */
+        "viewCodeText"?: string;
+    }
     interface SqmReferralCard {
         /**
           * @uiName Background color
@@ -6313,6 +6356,12 @@ declare global {
         prototype: HTMLSqmProgramMenuElement;
         new (): HTMLSqmProgramMenuElement;
     };
+    interface HTMLSqmQrCodeElement extends Components.SqmQrCode, HTMLStencilElement {
+    }
+    var HTMLSqmQrCodeElement: {
+        prototype: HTMLSqmQrCodeElement;
+        new (): HTMLSqmQrCodeElement;
+    };
     interface HTMLSqmReferralCardElement extends Components.SqmReferralCard, HTMLStencilElement {
     }
     var HTMLSqmReferralCardElement: {
@@ -6696,6 +6745,7 @@ declare global {
         "sqm-program-explainer": HTMLSqmProgramExplainerElement;
         "sqm-program-explainer-step": HTMLSqmProgramExplainerStepElement;
         "sqm-program-menu": HTMLSqmProgramMenuElement;
+        "sqm-qr-code": HTMLSqmQrCodeElement;
         "sqm-referral-card": HTMLSqmReferralCardElement;
         "sqm-referral-code": HTMLSqmReferralCodeElement;
         "sqm-referral-codes": HTMLSqmReferralCodesElement;
@@ -9681,6 +9731,48 @@ declare namespace LocalJSX {
     }
     interface SqmProgramMenu {
     }
+    interface SqmQrCode {
+        /**
+          * @uiName QR code alignment
+          * @uiType string
+          * @uiEnum ["left", "center", "right"]
+          * @uiEnumNames ["Left", "Center", "Right"]
+         */
+        "alignment"?: "left" | "center" | "right";
+        /**
+          * @undocumented 
+          * @uiType object
+         */
+        "demoData"?: DemoData<QRCodeViewProps>;
+        /**
+          * @uiName Download QR code text
+         */
+        "downloadCodeText"?: string;
+        /**
+          * @uiName Description for error banner
+         */
+        "errorDescriptionText"?: string;
+        /**
+          * @uiName Header for error banner
+         */
+        "errorHeaderText"?: string;
+        /**
+          * @uiName Hide title
+         */
+        "hideTitle"?: boolean;
+        /**
+          * @uiName Print QR code text
+         */
+        "printCodeText"?: string;
+        /**
+          * @uiName Title
+         */
+        "titleText"?: string;
+        /**
+          * @uiName View QR code text
+         */
+        "viewCodeText"?: string;
+    }
     interface SqmReferralCard {
         /**
           * @uiName Background color
@@ -12627,6 +12719,7 @@ declare namespace LocalJSX {
         "sqm-program-explainer": SqmProgramExplainer;
         "sqm-program-explainer-step": SqmProgramExplainerStep;
         "sqm-program-menu": SqmProgramMenu;
+        "sqm-qr-code": SqmQrCode;
         "sqm-referral-card": SqmReferralCard;
         "sqm-referral-code": SqmReferralCode;
         "sqm-referral-codes": SqmReferralCodes;
@@ -12755,6 +12848,7 @@ declare module "@stencil/core" {
             "sqm-program-explainer": LocalJSX.SqmProgramExplainer & JSXBase.HTMLAttributes<HTMLSqmProgramExplainerElement>;
             "sqm-program-explainer-step": LocalJSX.SqmProgramExplainerStep & JSXBase.HTMLAttributes<HTMLSqmProgramExplainerStepElement>;
             "sqm-program-menu": LocalJSX.SqmProgramMenu & JSXBase.HTMLAttributes<HTMLSqmProgramMenuElement>;
+            "sqm-qr-code": LocalJSX.SqmQrCode & JSXBase.HTMLAttributes<HTMLSqmQrCodeElement>;
             "sqm-referral-card": LocalJSX.SqmReferralCard & JSXBase.HTMLAttributes<HTMLSqmReferralCardElement>;
             "sqm-referral-code": LocalJSX.SqmReferralCode & JSXBase.HTMLAttributes<HTMLSqmReferralCodeElement>;
             "sqm-referral-codes": LocalJSX.SqmReferralCodes & JSXBase.HTMLAttributes<HTMLSqmReferralCodesElement>;