@saasquatch/mint-components 1.15.0-43 → 1.15.0-45

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

@@ -0,0 +1 @@
+import{k as o,f as n}from"./p-35b2fde0.js";import{u as r}from"./p-66ac6bed.js";function e(e){const[i,t]=o(window.innerWidth),s=r((()=>t(window.innerWidth)),[]);return n((()=>(window.addEventListener("resize",s),()=>window.removeEventListener("resize",s))),[]),!(i>e)}function i(o){return CSS.supports(`(color: ${o})`)}function t(o){return!o||0===Object.keys(o).length&&o.constructor===Object}export{i as a,e as b,t as i}

package/dist/types/components/sqm-invoice-table/columns/InvoiceTableColumn.d.ts

@@ -1,4 +1,5 @@
 import { VNode } from "../../../stencil-public-runtime";
+import { ImpactConnection, Invoice } from "../../../saasquatch";
 export interface InvoiceTableColumn {
   renderLabel(idx?: number): Promise<string>;
   renderCell(data: Invoice, options: {

package/dist/types/components/sqm-invoice-table/columns/sqm-invoice-table-date-column.d.ts

@@ -1,3 +1,4 @@
+import { Invoice } from "../../../saasquatch";
 import { InvoiceTableColumn } from "./InvoiceTableColumn";
 /**
  * @uiName Invoice Table Date Column

package/dist/types/components/sqm-invoice-table/columns/sqm-invoice-table-download-column.d.ts

@@ -1,3 +1,4 @@
+import { Invoice } from "../../../saasquatch";
 import { InvoiceTableColumn } from "./InvoiceTableColumn";
 /**
  * @uiName Invoice Table Download Column

package/dist/types/components/sqm-invoice-table/mockInvoiceData.d.ts

@@ -1,3 +1,4 @@
+import { Invoice } from "../../saasquatch";
 declare const _default: (count?: number) => {
   data: Invoice[];
 };

package/dist/types/components/sqm-popup-container/usePopupContainer.d.ts

@@ -23,8 +23,8 @@ export declare function usePopupContainer(props: UsePopupContainerProps): {
       poweredByText: string;
       poweredBy: boolean;
       closeButton: boolean;
-      embedPadding?: "none" | "medium" | "large" | "small";
-      popupPadding?: "none" | "medium" | "large" | "small";
+      embedPadding?: "small" | "none" | "medium" | "large";
+      popupPadding?: "small" | "none" | "medium" | "large";
     };
   };
   data: {};

package/dist/types/components/sqm-portal-forgot-password/sqm-portal-forgot-password-view.d.ts

@@ -9,14 +9,11 @@ export interface PortalForgotPasswordViewProps {
     submit: (event: any) => Promise<void>;
   };
   content: {
-    secondaryButton: any;
     messageSlot: any;
     emailLabel?: string;
     submitLabel?: string;
     successAlertText?: string;
     loginText?: string;
-  };
-  styles?: {
     backgroundColor?: string;
     borderRadius?: string;
     border?: string;

package/dist/types/components/sqm-portal-login/PortalLogin.stories.d.ts

@@ -3,6 +3,7 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: () => any;
+export declare const Text: () => any;
 export declare const IsGoogle: () => any;
 export declare const LoginWithError: () => any;
 export declare const LoginLoading: () => any;

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

@@ -53,7 +53,7 @@ export declare class ReferralCard {
    * @uiWidget color
    * @uiType string
    */
-  backgroundColor: string;
+  backgroundColor?: string;
   /**
    * Border color of share link container (default is set to 1px solid transparent)
    * @uiName Border color

package/dist/types/components/sqm-referral-table/cells/sqm-referral-table-rewards-cell.d.ts

@@ -1,3 +1,4 @@
+import { ImpactConnection, Reward } from "../../../saasquatch";
 export declare class ReferralTableRewardsCell {
   rewards: Reward[];
   taxConnection: ImpactConnection;

package/dist/types/components/sqm-referral-table/columns/ReferralTableColumn.d.ts

@@ -1,4 +1,5 @@
 import { VNode } from "../../../stencil-public-runtime";
+import { ImpactConnection, Referral, Referrer } from "../../../saasquatch";
 export interface ReferralTableColumn {
   renderLabel(): Promise<string>;
   renderCell(data: Referral, options: {

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

@@ -1,4 +1,5 @@
 import { DemoData } from "../../global/demo";
+import { Referral } from "../../saasquatch";
 import { GenericTableViewProps } from "../../tables/GenericTableView";
 /**
  * @uiName Referral Table

package/dist/types/components/sqm-rewards-table/columns/RewardTableColumn.d.ts

@@ -1,4 +1,5 @@
 import { VNode } from "../../../stencil-public-runtime";
+import { ImpactConnection, Reward } from "../../../saasquatch";
 export interface RewardTableColumn {
   renderLabel(idx?: number): Promise<string>;
   renderCell(data: Reward, options: {

package/dist/types/components/sqm-rewards-table/mockRewardData.d.ts

@@ -1,4 +1,5 @@
 import { DateTime } from "luxon";
+import { Reward } from "../../saasquatch";
 declare const _default: (count?: number, status?: any) => {
   data: Reward[];
 };

package/dist/types/components/sqm-rewards-table/mockTaxData.d.ts

@@ -1,2 +1,3 @@
+import { ImpactConnection } from "../../saasquatch";
 declare const _default: () => ImpactConnection;
 export default _default;

package/dist/types/components/sqm-stencilbook/BrandSelector.d.ts

@@ -1,6 +1,9 @@
 export declare class SqmBrandSelector {
+  selectedBrand: string;
   constructor();
+  componentDidLoad(): void;
   disconnectedCallback(): void;
   private brands;
+  private updateBrand;
   render(): any;
 }

package/dist/types/components.d.ts

@@ -6,7 +6,6 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { DemoData } from "./global/demo";
-import { AssetCardViewProps } from "./components/sqm-asset-card/sqm-asset-card-view";
 import { BankingInfoFormViewProps } from "./components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view";
 import { BigStatViewProps } from "./components/sqm-big-stat/sqm-big-stat-view";
 import { CheckboxFieldViewProps } from "./components/sqm-checkbox-field/sqm-checkbox-field-view";
@@ -22,6 +21,7 @@ import { UseIndirectTaxFormResult } from "./components/tax-and-cash/sqm-indirect
 import { InputFieldViewProps } from "./components/sqm-input-field/sqm-input-field-view";
 import { EmailRegistrationViewProps } from "./components/views/email-registration-view";
 import { GenericTableViewProps } from "./tables/GenericTableView";
+import { ImpactConnection, Invoice, Referral, Reward } from "./saasquatch";
 import { LeaderboardViewProps } from "./components/sqm-leaderboard/sqm-leaderboard-view";
 import { LeaderboardRankViewProps } from "./components/sqm-leaderboard-rank/sqm-leaderboard-rank-view";
 import { CopyTextViewProps } from "./components/views/copy-text-view";
@@ -59,21 +59,6 @@ export namespace Components {
         "renderCell": () => Promise<any>;
         "renderLabel": (idx: any) => Promise<any>;
     }
-    interface SqmAssetCard {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<AssetCardViewProps>;
-        /**
-          * @uiName Banner image
-         */
-        "imgUrl": string;
-        /**
-          * @uiName Banner title
-         */
-        "titleText": string;
-    }
     interface SqmBankingInfoForm {
         /**
           * @uiName Agency code field label
@@ -1529,7 +1514,7 @@ export namespace Components {
           * @uiName Property name
          */
         "property": string;
-        "renderCell": (data: Invoice) => Promise<any>;
+        "renderCell": (data: any) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
     interface SqmInvoiceTableDateCell {
@@ -3330,7 +3315,7 @@ export namespace Components {
           * @uiWidget color
           * @uiType string
          */
-        "backgroundColor": string;
+        "backgroundColor"?: string;
         /**
           * Border color of share link container (default is set to 1px solid transparent)
           * @uiName Border color
@@ -3608,7 +3593,7 @@ export namespace Components {
           * @uiName Column title
          */
         "columnTitle": string;
-        "renderCell": (_: Referral) => Promise<any>;
+        "renderCell": (_: any) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
     interface SqmReferralTableDateCell {
@@ -3627,9 +3612,9 @@ export namespace Components {
           * @uiEnumNames ["Date Converted", "Date Referral Started", "Date Fraud Checks Completed", "Date Moderated", "Date Modified", "Date Referral Ended", "Date Referral Paid", "Date User Modified"]
          */
         "dateShown": ReferralDates;
-        "renderCell": (data: Referral, options?: { locale: string; }) => Promise<any>;
+        "renderCell": (data: any, options?: { locale: string; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
-        "renderReferrerCell": (data: Referrer) => Promise<any>;
+        "renderReferrerCell": (data: any) => Promise<any>;
     }
     interface SqmReferralTableRewardsCell {
         "deniedHelpText": string;
@@ -3674,9 +3659,9 @@ export namespace Components {
           * @uiName Reward pending text
          */
         "pendingForText": string;
-        "renderCell": (data: Referral, options?: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>;
+        "renderCell": (data: any, options?: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
-        "renderReferrerCell": (data: Referrer) => Promise<any>;
+        "renderReferrerCell": (data: any) => Promise<any>;
         /**
           * Shown in the dropdown details when a reward has been received.’
           * @uiName Reward received text
@@ -3730,9 +3715,9 @@ export namespace Components {
           * @uiName Pending review status text
          */
         "pendingReviewStatusText": string;
-        "renderCell": (data: Referral) => Promise<any>;
+        "renderCell": (data: any) => Promise<any>;
         "renderLabel": () => Promise<string>;
-        "renderReferrerCell": (data: Referrer) => Promise<any>;
+        "renderReferrerCell": (data: any) => Promise<any>;
     }
     interface SqmReferralTableUserCell {
         "name": string;
@@ -3752,9 +3737,9 @@ export namespace Components {
           * @uiName Deleted user text
          */
         "deletedUser": string;
-        "renderCell": (data: Referral) => Promise<any>;
+        "renderCell": (data: any) => Promise<any>;
         "renderLabel": () => Promise<string>;
-        "renderReferrerCell": (data: Referrer) => Promise<any>;
+        "renderReferrerCell": (data: any) => Promise<any>;
     }
     interface SqmReferredRegistration {
         /**
@@ -4043,7 +4028,7 @@ export namespace Components {
           * @uiName Column title
          */
         "columnTitle": string;
-        "renderCell": (data: Reward, options?: { locale: string; }) => Promise<any>;
+        "renderCell": (data: any, options?: { locale: string; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
     interface SqmRewardsTableDateCell {
@@ -4062,7 +4047,7 @@ export namespace Components {
           * @uiEnumNames ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"]
          */
         "dateShown": string;
-        "renderCell": (data: Reward, options?: { locale: string; }) => Promise<any>;
+        "renderCell": (data: any, options?: { locale: string; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
     interface SqmRewardsTableRewardCell {
@@ -4089,7 +4074,7 @@ export namespace Components {
           * @uiName Redeemed amount text
          */
         "redeemedText": string;
-        "renderCell": (data: Reward, options?: { locale: string; }) => Promise<any>;
+        "renderCell": (data: any, options?: { locale: string; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
     }
     interface SqmRewardsTableSourceCell {
@@ -4123,7 +4108,7 @@ export namespace Components {
           * @uiWidget textArea
          */
         "referralText": string;
-        "renderCell": (data: Reward, options?: { locale: string; }) => Promise<any>;
+        "renderCell": (data: any, options?: { locale: string; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
         /**
           * @uiName Reward exchange label
@@ -4225,7 +4210,7 @@ export namespace Components {
           * @uiName W9 pending text
          */
         "pendingUsTax": string;
-        "renderCell": (data: Reward, options?: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>;
+        "renderCell": (data: any, options?: { locale: string; taxConnection: ImpactConnection; }) => Promise<any>;
         "renderLabel": () => Promise<string>;
         /**
           * @uiName Reward status text
@@ -6514,12 +6499,6 @@ declare global {
         prototype: HTMLRaisinsPlopTargetElement;
         new (): HTMLRaisinsPlopTargetElement;
     };
-    interface HTMLSqmAssetCardElement extends Components.SqmAssetCard, HTMLStencilElement {
-    }
-    var HTMLSqmAssetCardElement: {
-        prototype: HTMLSqmAssetCardElement;
-        new (): HTMLSqmAssetCardElement;
-    };
     interface HTMLSqmBankingInfoFormElement extends Components.SqmBankingInfoForm, HTMLStencilElement {
     }
     var HTMLSqmBankingInfoFormElement: {
@@ -7254,7 +7233,6 @@ declare global {
     };
     interface HTMLElementTagNameMap {
         "raisins-plop-target": HTMLRaisinsPlopTargetElement;
-        "sqm-asset-card": HTMLSqmAssetCardElement;
         "sqm-banking-info-form": HTMLSqmBankingInfoFormElement;
         "sqm-big-stat": HTMLSqmBigStatElement;
         "sqm-brand": HTMLSqmBrandElement;
@@ -7382,21 +7360,6 @@ declare global {
 declare namespace LocalJSX {
     interface RaisinsPlopTarget {
     }
-    interface SqmAssetCard {
-        /**
-          * @undocumented 
-          * @uiType object
-         */
-        "demoData"?: DemoData<AssetCardViewProps>;
-        /**
-          * @uiName Banner image
-         */
-        "imgUrl"?: string;
-        /**
-          * @uiName Banner title
-         */
-        "titleText"?: string;
-    }
     interface SqmBankingInfoForm {
         /**
           * @uiName Agency code field label
@@ -13801,7 +13764,6 @@ declare namespace LocalJSX {
     }
     interface IntrinsicElements {
         "raisins-plop-target": RaisinsPlopTarget;
-        "sqm-asset-card": SqmAssetCard;
         "sqm-banking-info-form": SqmBankingInfoForm;
         "sqm-big-stat": SqmBigStat;
         "sqm-brand": SqmBrand;
@@ -13931,7 +13893,6 @@ declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
             "raisins-plop-target": LocalJSX.RaisinsPlopTarget & JSXBase.HTMLAttributes<HTMLRaisinsPlopTargetElement>;
-            "sqm-asset-card": LocalJSX.SqmAssetCard & JSXBase.HTMLAttributes<HTMLSqmAssetCardElement>;
             "sqm-banking-info-form": LocalJSX.SqmBankingInfoForm & JSXBase.HTMLAttributes<HTMLSqmBankingInfoFormElement>;
             "sqm-big-stat": LocalJSX.SqmBigStat & JSXBase.HTMLAttributes<HTMLSqmBigStatElement>;
             "sqm-brand": LocalJSX.SqmBrand & JSXBase.HTMLAttributes<HTMLSqmBrandElement>;

package/dist/types/global/styles.d.ts

@@ -1,6 +1,7 @@
+import { BrandingConfiguration } from "../saasquatch";
 declare global {
   interface Window {
-    SquatchBrandingConfig: BrandingConfig | null;
+    SquatchBrandingConfig: BrandingConfiguration | null;
   }
 }
 declare const style: string;

package/dist/types/saasquatch.d.ts

@@ -200,45 +200,119 @@ interface WidgetSizeConfig {
   maxWidth?: WidgetSizeDimension;
 }
 
-interface BrandingConfig {
-  color?: {
-    primaryColor?: string;
-    background?: string;
-    accentColorShades?: ColorShadeConfig;
-    success?: ColorShadeConfig;
-    warning?: ColorShadeConfig;
-    critical?: ColorShadeConfig;
-    informative?: ColorShadeConfig;
-    neutral?: ColorShadeConfig;
-  };
-  border?: {
-    color?: string;
-    radius?: number;
-    width?: number;
+export interface BrandingConfiguration {
+  /**
+   * Defines all branding related styles.
+   */
+  main?: {
+    brandColor?: string;
+    brandFont?: string;
   };
-  font?: {
-    font?: string;
-    textColor?: string;
-    secondaryTextColor?: string;
+  color?: {
+    backgroundColor?: string;
+    textColorShades?: {
+      mainText: string;
+      subduedText: string;
+    };
+    accentColorShades?: {
+      icon?: string;
+      text?: string;
+      border?: string;
+      background?: string;
+    };
+    success?: {
+      text?: string;
+      iconAndBadge?: string;
+      border?: string;
+      background?: string;
+    };
+    warning?: {
+      text?: string;
+      iconAndBadge?: string;
+      border?: string;
+      background?: string;
+    };
+    critical?: {
+      text?: string;
+      iconAndBadge?: string;
+      border?: string;
+      background?: string;
+    };
+    informative?: {
+      text?: string;
+      iconAndBadge?: string;
+      border?: string;
+      background?: string;
+    };
+    neutral?: {
+      text?: string;
+      iconAndBadge?: string;
+      border?: string;
+      background?: string;
+      [k: string]: unknown;
+    };
   };
   primaryButton?: {
-    buttonColor?: string;
-    buttonTextColor?: string;
+    buttonColor?: {
+      background?: string;
+      label?: string;
+      border?: string;
+    };
+    buttonHoverColor?: {
+      background?: string;
+      label?: string;
+      border?: string;
+    };
     borderRadius?: number;
   };
   secondaryButton?: {
-    buttonColor?: string;
-    buttonTextColor?: string;
-    buttonBorderColor?: string;
+    buttonColor?: {
+      background?: string;
+      label?: string;
+      border?: string;
+    };
+    buttonHoverColor?: {
+      background?: string;
+      label?: string;
+      border?: string;
+    };
     borderRadius?: number;
   };
-  tertiaryButton?: {
-    buttonColor?: string;
-    buttonTextColor?: string;
-    borderRadius?: number;
+  /**
+   * Defines form field colors.
+   */
+  formFields?: {
+    formFieldColor?: {
+      background?: string;
+      inputText?: string;
+      border?: string;
+    };
+    selectedStateColor?: string;
+    hoverStateColor?: string;
   };
+  /**
+   * Defines widget dimensions.
+   */
   widgetSize?: {
-    embeddedWidgets?: WidgetSizeConfig;
-    popupWidgets?: WidgetSizeConfig;
+    embeddedWidgets?: {
+      minWidth?: {
+        value: number;
+        unit: "px" | "%";
+      };
+      maxWidth?: {
+        value: number;
+        unit: "px" | "%";
+      };
+    };
+    popupWidgets?: {
+      minWidth?: {
+        value: number;
+        unit: "px" | "%";
+      };
+      maxWidth?: {
+        value: number;
+        unit: "px" | "%";
+      };
+    };
   };
 }