@saasquatch/mint-components 1.6.2-2 → 1.7.0-1

package/dist/types/components/sqm-qa-tabs/sqm-tabs.d.ts

@@ -1,23 +1,23 @@
-/**
- * @uiName Tab Group
- * @slots [{"name":"", "title":"Tabs","validChildren":["sqm-tab"]}]
- * @canvasRenderer always-replace
- * @exampleGroup Layout
- * @example Generic Tab Group - <sqm-tabs><sqm-tab header="Tab 1">This is the first tab</sqm-tab><sqm-tab header="Tab 2">This is the second tab</sqm-tab><sqm-tab header="Tab 3">This is the third tab</sqm-tab></sqm-tabs>
- * @example Referral Tab Group - <sqm-tabs><sqm-tab header="Leaderboard"><sqm-leaderboard usersheading="Referrer" statsheading="Referrals" rankheading="Rank" rank-type="rowNumber" leaderboard-type="topStartedReferrers" show-rank anonymous-user="Anonymous User"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard"></sqm-empty></sqm-leaderboard></sqm-tab><sqm-tab header="Referral history"><sqm-referral-table><sqm-referral-table-user-column column-title="User" anonymous-user="Anonymous User" deleted-user="Deleted User"></sqm-referral-table-user-column><sqm-referral-table-status-column column-title="Referral status" converted-status-text="Converted" in-progress-status-text="In Progress"></sqm-referral-table-status-column><sqm-referral-table-rewards-column column-title="Rewards" expiring-text="Expiring in" fuel-tank-text="Your code is" pending-for-text="{status} for {date}" reward-received-text="Reward received on" status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }"></sqm-referral-table-rewards-column><sqm-referral-table-date-column column-title="Date referred" date-shown="dateReferralStarted"></sqm-referral-table-date-column><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png" empty-state-header="View your referral details" empty-state-text="Refer a friend to view the status of your referrals and rewards earned"></sqm-empty></sqm-referral-table></sqm-tab></sqm-tabs>
- * @example Loyalty Tab Group - <sqm-tabs placement="top"> <sqm-tab header="Leaderboard"> <sqm-leaderboard usersheading="Users" statsheading="Points Earned" rankheading="Rank" rank-type="rowNumber" leaderboard-type="topPointEarners" show-rank anonymous-user="Anonymous User" > <sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to earn points and reach the top of the leaderboard" ></sqm-empty ></sqm-leaderboard> </sqm-tab> <sqm-tab header="Reward history"> <sqm-rewards-table ><sqm-rewards-table-reward-column available-text="{availableAmount} remaining" column-title="Reward" copy-text="Copied!" redeemed-text="{redeemedAmount} redeemed" > </sqm-rewards-table-reward-column> <sqm-rewards-table-source-column anonymous-user="Anonymous User" column-title="Source" deleted-user="Deleted User" referral-text="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}" reward-exchange-text="Reward Exchange" reward-source-text="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}" > </sqm-rewards-table-source-column><sqm-rewards-table-status-column column-title="Status" expiry-text="Expires on " status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }"></sqm-rewards-table-status-column><sqm-rewards-table-date-column column-title="Date received" date-shown="dateGiven"></sqm-rewards-table-date-column><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png" empty-state-header="View your rewards" empty-state-text="Refer friends and complete tasks to view the details of your rewards"></sqm-empty></sqm-rewards-table></sqm-tab><sqm-tab header="Redeem"><sqm-reward-exchange-list back-text="Back" button-text="Exchange Rewards" cancel-text="Cancel" choose-amount-title="Select" choose-reward-title="Rewards" confirmation-title="Confirm" continue-text="Continue" continue-to-confirmation-text="Continue to confirmation" done-text="Done" reward-title="Choose a reward" not-available-error="{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }" not-enough-error="Not enough {sourceUnit} to redeem for this reward" query-error="Unable to load reward exchange list. Please try again" redeem-text="Redeem" redeem-title="Confirm and redeem" redemption-error="An error occured trying to redeem this reward. Please try again" redemption-success-text="Redeemed {sourceValue} for {destinationValue}" select-text="Select amount to receive" source-amount-message="{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}" tooltiptext="Copied" reward-name-title="Reward" reward-amount-title="Reward Amount" cost-title="Cost to Redeem" reward-redeemed-text="Reward redeemed" skeleton-card-num="8" promo-code="Promo Code" tooltip-text="Copied!"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png" empty-state-header="Redeem rewards" empty-state-text="Use your points to redeem rewards once they become available"></sqm-empty></sqm-reward-exchange-list></sqm-tab></sqm-tabs>
- */
-export declare class Tabs {
-  /**
-   * Used to specify the placement of the tabs
-   *
-   * @uiName Tabs Placement
-   * @uiType string
-   * @uiEnum ["left", "right", "bottom", "top"]
-   * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
-   */
-  placement?: "left" | "right" | "bottom" | "top";
-  constructor();
-  disconnectedCallback(): void;
-  render(): any;
-}
+/**
+ * @uiName Tab Group
+ * @slots [{"name":"", "title":"Tabs","validChildren":["sqm-tab"]}]
+ * @canvasRenderer always-replace
+ * @exampleGroup Layout
+ * @example Generic Tab Group - <sqm-tabs><sqm-tab header="Tab 1">This is the first tab</sqm-tab><sqm-tab header="Tab 2">This is the second tab</sqm-tab><sqm-tab header="Tab 3">This is the third tab</sqm-tab></sqm-tabs>
+ * @example Referral Tab Group - <sqm-tabs><sqm-tab header="Leaderboard"><sqm-leaderboard usersheading="Referrer" statsheading="Referrals" rankheading="Rank" rank-type="rowNumber" leaderboard-type="topStartedReferrers" show-rank anonymous-user="Anonymous User"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to refer a friend and reach the top of the leaderboard"></sqm-empty></sqm-leaderboard></sqm-tab><sqm-tab header="Referral history"><sqm-referral-table><sqm-referral-table-user-column column-title="User" anonymous-user="Anonymous User" deleted-user="Deleted User"></sqm-referral-table-user-column><sqm-referral-table-status-column column-title="Referral status" converted-status-text="Converted" in-progress-status-text="In Progress"></sqm-referral-table-status-column><sqm-referral-table-rewards-column column-title="Rewards" expiring-text="Expiring in" fuel-tank-text="Your code is" pending-for-text="{status} for {date}" reward-received-text="Reward received on" status-long-text="{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }" status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }"></sqm-referral-table-rewards-column><sqm-referral-table-date-column column-title="Date referred" date-shown="dateReferralStarted"></sqm-referral-table-date-column><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png" empty-state-header="View your referral details" empty-state-text="Refer a friend to view the status of your referrals and rewards earned"></sqm-empty></sqm-referral-table></sqm-tab></sqm-tabs>
+ * @example Loyalty Tab Group - <sqm-tabs placement="top"> <sqm-tab header="Leaderboard"> <sqm-leaderboard usersheading="Users" statsheading="Points Earned" rankheading="Rank" rank-type="rowNumber" leaderboard-type="topPointEarners" show-rank anonymous-user="Anonymous User" > <sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_leaderboard2.png" empty-state-header="View your rank in the leaderboard" empty-state-text="Be the first to earn points and reach the top of the leaderboard" ></sqm-empty ></sqm-leaderboard> </sqm-tab> <sqm-tab header="Reward history"> <sqm-rewards-table ><sqm-rewards-table-reward-column available-text="{availableAmount} remaining" column-title="Reward" copy-text="Copied!" redeemed-text="{redeemedAmount} redeemed" > </sqm-rewards-table-reward-column> <sqm-rewards-table-source-column anonymous-user="Anonymous User" column-title="Source" deleted-user="Deleted User" referral-text="{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}" reward-exchange-text="Reward Exchange" reward-source-text="{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}" > </sqm-rewards-table-source-column><sqm-rewards-table-status-column column-title="Status" expiry-text="Expires on " status-text="{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }"></sqm-rewards-table-status-column><sqm-rewards-table-date-column column-title="Date received" date-shown="dateGiven"></sqm-rewards-table-date-column><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png" empty-state-header="View your rewards" empty-state-text="Refer friends and complete tasks to view the details of your rewards"></sqm-empty></sqm-rewards-table></sqm-tab><sqm-tab header="Redeem"><sqm-reward-exchange-list back-text="Back" button-text="Exchange Rewards" cancel-text="Cancel" choose-amount-title="Select" choose-reward-title="Rewards" confirmation-title="Confirm" continue-text="Continue" continue-to-confirmation-text="Continue to confirmation" done-text="Done" reward-title="Choose a reward" not-available-error="{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }" not-enough-error="Not enough {sourceUnit} to redeem for this reward" query-error="Unable to load reward exchange list. Please try again" redeem-text="Redeem" redeem-title="Confirm and redeem" redemption-error="An error occured trying to redeem this reward. Please try again" redemption-success-text="Redeemed {sourceValue} for {destinationValue}" select-text="Select amount to receive" source-amount-message="{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}" tooltiptext="Copied" reward-name-title="Reward" reward-amount-title="Reward Amount" cost-title="Cost to Redeem" reward-redeemed-text="Reward redeemed" skeleton-card-num="8" promo-code="Promo Code" tooltip-text="Copied!"><sqm-empty empty-state-image="https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png" empty-state-header="Redeem rewards" empty-state-text="Use your points to redeem rewards once they become available"></sqm-empty></sqm-reward-exchange-list></sqm-tab></sqm-tabs>
+ */
+export declare class Tabs {
+  /**
+   * Used to specify the placement of the tabs
+   *
+   * @uiName Tabs Placement
+   * @uiType string
+   * @uiEnum ["left", "right", "bottom", "top"]
+   * @uiEnumNames ["Left", "Right", "Bottom", "Top"]
+   */
+  placement?: "left" | "right" | "bottom" | "top";
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-qa-tabs/useTabs.d.ts

@@ -1,9 +1,9 @@
-export interface TabElement extends Element {
-  open: boolean;
-  header: string;
-}
-export declare function useTabs(): {
-  content: {
-    tabs: TabElement[];
-  };
-};
+export interface TabElement extends Element {
+  open: boolean;
+  header: string;
+}
+export declare function useTabs(): {
+  content: {
+    tabs: TabElement[];
+  };
+};

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

@@ -1,14 +1,14 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    scenario: string;
-  };
-};
-export default _default;
-export declare const ImageAndShareButtons: () => any;
-export declare const TimelineAndShareButtons: () => any;
-export declare const StartAlignment: () => any;
-export declare const CenterAlignment: () => any;
-export declare const EndAlignment: () => any;
-export declare const FlippedSlots: () => any;
-export declare const ReferralCardGeneric: () => any;
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const ImageAndShareButtons: () => any;
+export declare const TimelineAndShareButtons: () => any;
+export declare const StartAlignment: () => any;
+export declare const CenterAlignment: () => any;
+export declare const EndAlignment: () => any;
+export declare const FlippedSlots: () => any;
+export declare const ReferralCardGeneric: () => any;

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

@@ -1,9 +1,15 @@
-import { VNode } from "../../stencil-public-runtime";
-export interface ReferralCardViewProps {
-  verticalAlignment: "start" | "center" | "end";
-  slots: {
-    left: VNode;
-    right: VNode;
-  };
-}
-export declare function ReferralCardView(props: ReferralCardViewProps): any;
+import { VNode } from "../../stencil-public-runtime";
+import { Spacing } from "../../global/mixins";
+export interface ReferralCardViewProps {
+  verticalAlignment: "start" | "center" | "end";
+  padding?: Spacing;
+  backgroundColor?: string;
+  borderColor?: string;
+  textColor?: string;
+  borderRadius?: number;
+  slots: {
+    left: VNode;
+    right: VNode;
+  };
+}
+export declare function ReferralCardView(props: ReferralCardViewProps): any;

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

@@ -1,19 +1,46 @@
-/**
- * @uiName Referral Card
- * @exampleGroup Referrals
- * @slots [{"name":"left", "title":"Left Content"},{"name":"right", "title":"Right Content"}]
- * @example Referral Card - <sqm-referral-card vertical-alignment="start"> <sqm-portal-container gap="large" slot="left" direction="column" display="grid" max-width="100%" padding="none" > <sqm-text >They’ll get a $50 credit towards a new account and you’ll get: </sqm-text> <sqm-timeline icon="circle"> <sqm-timeline-entry reward="$50" unit="visa giftcard" desc="Your friend purchases a Business plan" icon="circle" > </sqm-timeline-entry> <sqm-timeline-entry reward="$200" unit="visa giftcard" desc="Our sales team qualifies your friend as a good fit for our Enterprise plan" icon="circle" > </sqm-timeline-entry> <sqm-timeline-entry reward="$1000" unit="visa giftcard" desc="Your friend purchases an Enterprise plan" icon="circle" > </sqm-timeline-entry> </sqm-timeline> </sqm-portal-container> <sqm-portal-container gap="large" slot="right" direction="column" display="grid" max-width="100%" padding="none" > <sqm-text>Choose how you want to share: </sqm-text> <sqm-text> <sub>Your unique referral link:</sub> <sqm-share-link tooltip-text="Copied to Clipboard" tooltip-lifespan="1000" > </sqm-share-link> </sqm-text> <sqm-portal-container gap="x-small" direction="column" display="grid" max-width="100%" padding="none" > <sqm-share-button medium="email" icon-slot="prefix" size="medium" type="default" > Share via email </sqm-share-button> <sqm-share-button medium="linkedin" icon-slot="prefix" size="medium" type="default" > Share on LinkedIn </sqm-share-button> <sqm-share-button medium="twitter" icon-slot="prefix" size="medium" type="default" > Share on Twitter </sqm-share-button> </sqm-portal-container> </sqm-portal-container> </sqm-referral-card>
- */
-export declare class ReferralCard {
-  ignored: boolean;
-  /**
-   * @uiName Vertical Aligment
-   * @uiType string
-   * @uiEnum ["start", "center", "end"]
-   * @uiEnumNames ["Top", "Center", "Bottom"]
-   */
-  verticalAlignment: "start" | "center" | "end";
-  constructor();
-  disconnectedCallback(): void;
-  render(): any;
-}
+import { Spacing } from "../../global/mixins";
+/**
+ * @uiName Referral Card
+ * @exampleGroup Referrals
+ * @slots [{"name":"left", "title":"Left Content"},{"name":"right", "title":"Right Content"}]
+ * @example Referral Card - <sqm-referral-card vertical-alignment="start"> <sqm-portal-container gap="large" slot="left" direction="column" display="grid" max-width="100%" padding="none" > <sqm-text >They’ll get a $50 credit towards a new account and you’ll get: </sqm-text> <sqm-timeline icon="circle"> <sqm-timeline-entry reward="$50" unit="visa giftcard" desc="Your friend purchases a Business plan" icon="circle" > </sqm-timeline-entry> <sqm-timeline-entry reward="$200" unit="visa giftcard" desc="Our sales team qualifies your friend as a good fit for our Enterprise plan" icon="circle" > </sqm-timeline-entry> <sqm-timeline-entry reward="$1000" unit="visa giftcard" desc="Your friend purchases an Enterprise plan" icon="circle" > </sqm-timeline-entry> </sqm-timeline> </sqm-portal-container> <sqm-portal-container gap="large" slot="right" direction="column" display="grid" max-width="100%" padding="none" > <sqm-text>Choose how you want to share: </sqm-text> <sqm-text> <sub>Your unique referral link:</sub> <sqm-share-link tooltip-text="Copied to Clipboard" tooltip-lifespan="1000" > </sqm-share-link> </sqm-text> <sqm-portal-container gap="x-small" direction="column" display="grid" max-width="100%" padding="none" > <sqm-share-button medium="email" icon-slot="prefix" size="medium" type="default" > Share via email </sqm-share-button> <sqm-share-button medium="linkedin" icon-slot="prefix" size="medium" type="default" > Share on LinkedIn </sqm-share-button> <sqm-share-button medium="twitter" icon-slot="prefix" size="medium" type="default" > Share on Twitter </sqm-share-button> </sqm-portal-container> </sqm-portal-container> </sqm-referral-card>
+ */
+export declare class ReferralCard {
+  ignored: boolean;
+  /**
+   * @uiName Vertical Aligment
+   * @uiType string
+   * @uiEnum ["start", "center", "end"]
+   * @uiEnumNames ["Top", "Center", "Bottom"]
+   */
+  verticalAlignment: "start" | "center" | "end";
+  /**
+   * @uiName Background Color
+   * @uiWidget color
+   */
+  backgroundColor?: string;
+  /**
+   * @uiName Text Color
+   * @uiWidget color
+   */
+  textColor?: string;
+  /**
+   * @uiName Configure border radius with pixel amount
+   */
+  borderRadius?: number;
+  /**
+   * @uiName Padding
+   * @uiType string
+   * @uiEnum ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"]
+   * @uiEnumNames ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"]
+   */
+  padding?: Spacing;
+  /**
+   * @uiName Border Color
+   * @uiWidget color
+   */
+  borderColor?: string;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-referral-iframe/ReferralIframe.stories.d.ts

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

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

@@ -1,13 +1,13 @@
-export declare type ReferralIframeViewProps = {
-  states: {
-    content: {
-      iframeSrc: string;
-      iframeHeight: string;
-      iframeWidth: string;
-    };
-  };
-  data: {
-    shareCode: string;
-  };
-};
-export declare function ReferralIframeView(props: ReferralIframeViewProps): any;
+export declare type ReferralIframeViewProps = {
+  states: {
+    content: {
+      iframeSrc: string;
+      iframeHeight: string;
+      iframeWidth: string;
+    };
+  };
+  data: {
+    shareCode: string;
+  };
+};
+export declare function ReferralIframeView(props: ReferralIframeViewProps): any;

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

@@ -1,32 +1,32 @@
-import { ReferralIframeViewProps } from "./sqm-referral-iframe-view";
-import { DemoData } from "../../global/demo";
-/**
- * @uiName Referral IFrame
- */
-export declare class SqmReferralIframe {
-  ignored: boolean;
-  /**
-   * URL of iframe to display
-   * @uiName Iframe Source
-   * @required
-   */
-  iframeSrc: string;
-  /**
-   * Height of the iframe container
-   * @uiName Iframe Height
-   */
-  iframeHeight: string;
-  /**
-   * Width of the iframe container
-   * @uiName Iframe Width
-   */
-  iframeWidth: string;
-  /**
-   * @undocumented
-   * @uiType object
-   */
-  demoData?: DemoData<ReferralIframeViewProps>;
-  constructor();
-  disconnectedCallback(): void;
-  render(): any;
-}
+import { ReferralIframeViewProps } from "./sqm-referral-iframe-view";
+import { DemoData } from "../../global/demo";
+/**
+ * @uiName Referral IFrame
+ */
+export declare class SqmReferralIframe {
+  ignored: boolean;
+  /**
+   * URL of iframe to display
+   * @uiName Iframe Source
+   * @required
+   */
+  iframeSrc: string;
+  /**
+   * Height of the iframe container
+   * @uiName Iframe Height
+   */
+  iframeHeight: string;
+  /**
+   * Width of the iframe container
+   * @uiName Iframe Width
+   */
+  iframeWidth: string;
+  /**
+   * @undocumented
+   * @uiType object
+   */
+  demoData?: DemoData<ReferralIframeViewProps>;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/sqm-referral-iframe/useReferralIframe.d.ts

@@ -1,3 +1,3 @@
-import { SqmReferralIframe } from "./sqm-referral-iframe";
-import { ReferralIframeViewProps } from "./sqm-referral-iframe-view";
-export declare function useReferralIframe(props: SqmReferralIframe): ReferralIframeViewProps;
+import { SqmReferralIframe } from "./sqm-referral-iframe";
+import { ReferralIframeViewProps } from "./sqm-referral-iframe-view";
+export declare function useReferralIframe(props: SqmReferralIframe): ReferralIframeViewProps;

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

@@ -1,18 +1,18 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    scenario: string;
-  };
-};
-export default _default;
-export declare const SimpleUserTable: () => any;
-export declare const SingleEntry: () => any;
-export declare const HiddenLabelsTable: () => any;
-export declare const CustomButtonTextTable: () => any;
-export declare const FullUserTable: () => any;
-export declare const LongCellTextTable: () => any;
-export declare const LongColumnTextTable: () => any;
-export declare const EmptyTable: () => any;
-export declare const LoadingTable: () => any;
-export declare const FullRewardsTable: () => any;
-export declare const ColumnsMobileHidden: () => any;
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const SimpleUserTable: () => any;
+export declare const SingleEntry: () => any;
+export declare const HiddenLabelsTable: () => any;
+export declare const CustomButtonTextTable: () => any;
+export declare const FullUserTable: () => any;
+export declare const LongCellTextTable: () => any;
+export declare const LongColumnTextTable: () => any;
+export declare const EmptyTable: () => any;
+export declare const LoadingTable: () => any;
+export declare const FullRewardsTable: () => any;
+export declare const ColumnsMobileHidden: () => any;

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

@@ -1,13 +1,13 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    scenario: string;
-  };
-};
-export default _default;
-export declare const TableCell: () => any;
-export declare const TableUserCell: () => any;
-export declare const EmptyCell: () => any;
-export declare const StatusCell: () => any;
-export declare const DateCell: () => any;
-export declare const RewardsCell: () => any;
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const TableCell: () => any;
+export declare const TableUserCell: () => any;
+export declare const EmptyCell: () => any;
+export declare const StatusCell: () => any;
+export declare const DateCell: () => any;
+export declare const RewardsCell: () => any;

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

@@ -1,23 +1,23 @@
-declare const _default: {
-  title: string;
-  parameters: {
-    scenario: string;
-  };
-};
-export default _default;
-export declare const PendingNoUnpend: () => any;
-export declare const PendingNoUnpendNoDetails: () => any;
-export declare const NarrowColumnWithWideText: () => any;
-export declare const PendingWithUnpend: () => any[];
-export declare const AvailableNoExpiry: () => any;
-export declare const AvailableWithExpiry: () => any[];
-export declare const Redeemed: () => any;
-export declare const Cancelled: () => any;
-export declare const Expired: () => any;
-export declare const EmptyCell: () => any;
-export declare const oneRewardCell: () => any;
-export declare const twoRewardsCell: () => any;
-export declare const threeRewardsCell: () => any;
-export declare const fiveRewardsCell: () => any;
-export declare const eightRewardsCell: () => any;
-export declare const tenRewardsCell: () => any;
+declare const _default: {
+  title: string;
+  parameters: {
+    scenario: string;
+  };
+};
+export default _default;
+export declare const PendingNoUnpend: () => any;
+export declare const PendingNoUnpendNoDetails: () => any;
+export declare const NarrowColumnWithWideText: () => any;
+export declare const PendingWithUnpend: () => any[];
+export declare const AvailableNoExpiry: () => any;
+export declare const AvailableWithExpiry: () => any[];
+export declare const Redeemed: () => any;
+export declare const Cancelled: () => any;
+export declare const Expired: () => any;
+export declare const EmptyCell: () => any;
+export declare const oneRewardCell: () => any;
+export declare const twoRewardsCell: () => any;
+export declare const threeRewardsCell: () => any;
+export declare const fiveRewardsCell: () => any;
+export declare const eightRewardsCell: () => any;
+export declare const tenRewardsCell: () => any;

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

@@ -1,40 +1,40 @@
-declare const _default: {
-  title: string;
-};
-export default _default;
-export declare const ReferralTable: {
-  (): any;
-  parameters: {
-    hookStory: Function;
-  };
-};
-export declare const ReferralTableDemoHook: {
-  (): any;
-  parameters: {
-    hookStory: Function;
-  };
-};
-export declare const ReferralTableDemoHookShowReferrer: {
-  (): any;
-  parameters: {
-    hookStory: Function;
-  };
-};
-export declare const ReferralTableEn: {
-  (): any;
-  parameters: {
-    hookStory: Function;
-  };
-};
-export declare const ReferralTableTr: {
-  (): any;
-  parameters: {
-    hookStory: Function;
-  };
-};
-export declare const ReferralTableFr: {
-  (): any;
-  parameters: {
-    hookStory: Function;
-  };
-};
+declare const _default: {
+  title: string;
+};
+export default _default;
+export declare const ReferralTable: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const ReferralTableDemoHook: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const ReferralTableDemoHookShowReferrer: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const ReferralTableEn: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const ReferralTableTr: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};
+export declare const ReferralTableFr: {
+  (): any;
+  parameters: {
+    hookStory: Function;
+  };
+};

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

@@ -1,7 +1,7 @@
-export declare class ReferralTableCell {
-  ignored: boolean;
-  innerTemplate: string;
-  constructor();
-  disconnectedCallback(): void;
-  render(): any;
-}
+export declare class ReferralTableCell {
+  ignored: boolean;
+  innerTemplate: string;
+  constructor();
+  disconnectedCallback(): void;
+  render(): any;
+}

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

@@ -1,8 +1,8 @@
-export declare class ReferralTableDateCell {
-  ignored: boolean;
-  date: number;
-  locale: string;
-  constructor();
-  disconnectedCallback(): void;
-  render(): string;
-}
+export declare class ReferralTableDateCell {
+  ignored: boolean;
+  date: number;
+  locale: string;
+  constructor();
+  disconnectedCallback(): void;
+  render(): string;
+}

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

@@ -1,12 +1,12 @@
-export declare class ReferralTableRewardsCell {
-  rewards: Reward[];
-  hideDetails: boolean;
-  statusText: string;
-  statusLongText: string;
-  fuelTankText: string;
-  rewardReceivedText: string;
-  expiringText: string;
-  pendingForText: string;
-  locale: string;
-  render(): any[];
-}
+export declare class ReferralTableRewardsCell {
+  rewards: Reward[];
+  hideDetails: boolean;
+  statusText: string;
+  statusLongText: string;
+  fuelTankText: string;
+  rewardReceivedText: string;
+  expiringText: string;
+  pendingForText: string;
+  locale: string;
+  render(): any[];
+}

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

@@ -1,5 +1,5 @@
-export declare class ReferralTableStatusCell {
-  statusText: string;
-  converted: boolean;
-  render(): any;
-}
+export declare class ReferralTableStatusCell {
+  statusText: string;
+  converted: boolean;
+  render(): any;
+}

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

@@ -1,4 +1,4 @@
-export declare class ReferralTableUserCell {
-  name: string;
-  render(): string;
-}
+export declare class ReferralTableUserCell {
+  name: string;
+  render(): string;
+}

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

@@ -1,6 +1,6 @@
-import { VNode } from "../../../stencil-public-runtime";
-export interface ReferralTableColumn {
-  renderLabel(): Promise<string>;
-  renderCell(data: Referral, locale: string): Promise<VNode>;
-  renderReferrerCell?(data: Referrer): Promise<VNode>;
-}
+import { VNode } from "../../../stencil-public-runtime";
+export interface ReferralTableColumn {
+  renderLabel(): Promise<string>;
+  renderCell(data: Referral, locale: string): Promise<VNode>;
+  renderReferrerCell?(data: Referrer): Promise<VNode>;
+}