@saasquatch/mint-components 1.6.0 → 1.6.1-10

package/dist/types/tables/re-render.d.ts

@@ -1,13 +1,13 @@
-export declare const RENDER_EVENT = "sqm:request-rerender";
-/**
- * Requests a re-render for the wrapping table
- *
- * Useful when an attribute or other internal state changes
- *
- * @param deps an array of dependencies used for useEffect
- */
-export declare function useRequestRerender(deps: unknown[]): void;
-/**
- * Re-renders a parent component when child components make the request
- */
-export declare function useRerenderListener(): number;
+export declare const RENDER_EVENT = "sqm:request-rerender";
+/**
+ * Requests a re-render for the wrapping table
+ *
+ * Useful when an attribute or other internal state changes
+ *
+ * @param deps an array of dependencies used for useEffect
+ */
+export declare function useRequestRerender(deps: unknown[]): void;
+/**
+ * Re-renders a parent component when child components make the request
+ */
+export declare function useRerenderListener(): number;

package/dist/types/tables/useChildElements.d.ts

@@ -1 +1 @@
-export declare function useChildElements<T>(): T[];
+export declare function useChildElements<T>(): T[];

package/dist/types/utilities.d.ts

@@ -1,3 +1,3 @@
-export declare function formatMessage(message: string, locale: string, variables: Record<string, any>): string;
-export declare function isMobile(breakPoint: number): boolean;
-export declare function isValidColor(teststr: string): boolean;
+export declare function formatMessage(message: string, locale: string, variables: Record<string, any>): string;
+export declare function isMobile(breakPoint: number): boolean;
+export declare function isValidColor(teststr: string): boolean;

package/dist/types/utils/RequiredPropsError.d.ts

@@ -1,10 +1,10 @@
-export declare type RequiredPropsErrorProps = {
-  missingProps: {
-    attribute: string;
-    value: string | boolean | number;
-  }[] | false;
-  heading?: string;
-  subheading?: string;
-  description?: string;
-};
-export declare function RequiredPropsError({ missingProps, heading, subheading, description, }: RequiredPropsErrorProps, children: any): any;
+export declare type RequiredPropsErrorProps = {
+  missingProps: {
+    attribute: string;
+    value: string | boolean | number;
+  }[] | false;
+  heading?: string;
+  subheading?: string;
+  description?: string;
+};
+export declare function RequiredPropsError({ missingProps, heading, subheading, description, }: RequiredPropsErrorProps, children: any): any;

package/dist/types/utils/isDemo.d.ts

@@ -1,4 +1,4 @@
-/**
- * Determines when to fake out the GraphQL calls
- */
-export declare function isDemo(): boolean;
+/**
+ * Determines when to fake out the GraphQL calls
+ */
+export declare function isDemo(): boolean;

package/dist/types/utils/utils.d.ts

@@ -1,14 +1,14 @@
-export declare function format(first: string, middle: string, last: string): string;
-export declare function getProps<T>(obj: T): T;
-export declare function middleClickLink(e: MouseEvent, path: string): void;
-declare type RequiredProps = {
-  attribute: string;
-  value: string | boolean | number;
-}[];
-export declare function getMissingProps(props: RequiredProps): false | {
-  attribute: string;
-  value: string | number | boolean;
-}[];
-export declare function luxonLocale(locale: string): string;
-export declare function sanitizeUrlPath(path: string): URL;
-export {};
+export declare function format(first: string, middle: string, last: string): string;
+export declare function getProps<T>(obj: T): T;
+export declare function middleClickLink(e: MouseEvent, path: string): void;
+declare type RequiredProps = {
+  attribute: string;
+  value: string | boolean | number;
+}[];
+export declare function getMissingProps(props: RequiredProps): false | {
+  attribute: string;
+  value: string | number | boolean;
+}[];
+export declare function luxonLocale(locale: string): string;
+export declare function sanitizeUrlPath(path: string): URL;
+export {};

package/docs/grapesjs.js

@@ -0,0 +1,54 @@
+System.register([], function (exports_1, context_1) {
+    "use strict";
+    var components;
+    var __moduleName = context_1 && context_1.id;
+    return {
+        setters: [],
+        execute: function () {
+            components = [{ "tag": "select-test", "name": "Big Stat", "uiSchema": {}, "traits": [] }, { "tag": "sqm-big-stat", "name": "Big Stat", "uiSchema": { "stat-type": { "ui:widget": "StatTypeSelectWidget", "ui:name": "Stat Type", "ui:help": "Select what type of stat to display. Manual paths are also supported." } }, "traits": [{ "name": "stat-type", "type": "string", "title": "Stat Type" }] }, { "tag": "sqm-edit-profile", "name": "Edit Profile", "uiSchema": { "canceltext": { "ui:name": "Cancel button text", "ui:help": "" }, "currentregiontext": { "ui:name": "Region field label", "ui:help": "" }, "editprofileheader": { "ui:name": "Heading", "ui:help": "" }, "editprofiletext": { "ui:name": "Enable editing button text", "ui:help": "" }, "firstnametext": { "ui:name": "First name field label", "ui:help": "" }, "lastnametext": { "ui:name": "Last name field label", "ui:help": "" }, "updatetext": { "ui:name": "Update info button text", "ui:help": "" } }, "traits": [{ "name": "canceltext", "type": "string", "title": "Cancel button text" }, { "name": "currentregiontext", "type": "string", "title": "Region field label" }, { "name": "editprofileheader", "type": "string", "title": "Heading" }, { "name": "editprofiletext", "type": "string", "title": "Enable editing button text" }, { "name": "firstnametext", "type": "string", "title": "First name field label" }, { "name": "lastnametext", "type": "string", "title": "Last name field label" }, { "name": "updatetext", "type": "string", "title": "Update info button text" }] }, { "tag": "sqm-form-message", "name": "Form Message", "uiSchema": { "icon": { "ui:name": "Icon to use in alert", "ui:help": "" }, "type": { "ui:name": "Type of alert", "ui:help": "" } }, "traits": [{ "name": "icon", "type": "string", "title": "Icon to use in alert" }, { "name": "type", "type": "string", "title": "Type of alert" }] }, { "tag": "sqm-hook-story-container", "name": "sqm-hook-story-container", "uiSchema": { "hookStory": { "ui:help": "" } }, "traits": [{ "name": "hookStory", "type": "FunctionalComponent<{}>", "title": "hookStory" }] }, { "tag": "sqm-leaderboard", "name": "Leaderboard", "uiSchema": { "leaderboard-type": { "ui:name": "Leaderboard type", "ui:help": "" }, "rank-type": { "ui:help": "" }, "statsheading": { "ui:name": "Stats Column Heading", "ui:help": "" }, "usersheading": { "ui:name": "User Column Heading", "ui:help": "" } }, "traits": [{ "name": "leaderboard-type", "type": "\"topConvertedReferrers\" | \"topStartedReferrers\"", "title": "Leaderboard type" }, { "name": "rank-type", "type": "\"denseRank\" | \"rank\" | \"rowNumber\"", "title": "rank-type" }, { "name": "statsheading", "type": "string", "title": "Stats Column Heading" }, { "name": "usersheading", "type": "string", "title": "User Column Heading" }] }, { "tag": "sqm-leaderboard-rank", "name": "Leaderboard Rank", "uiSchema": { "leaderboard-type": { "ui:name": "Leaderboard type", "ui:help": "" }, "rank-text": { "ui:help": "" }, "rank-type": { "ui:name": "Default rank", "ui:help": "" }, "unranked-text": { "ui:help": "" } }, "traits": [{ "name": "leaderboard-type", "type": "\"topConvertedReferrers\" | \"topStartedReferrers\"", "title": "Leaderboard type" }, { "name": "rank-text", "type": "string", "title": "rank-text" }, { "name": "rank-type", "type": "\"denseRank\" | \"rank\" | \"rowNumber\"", "title": "Default rank" }, { "name": "unranked-text", "type": "string", "title": "unranked-text" }] }, { "tag": "sqm-navigation-menu", "name": "Portal Frame", "uiSchema": { "include-dropdown": { "ui:name": "Include dropdown menu", "ui:help": "" }, "menu-label": { "ui:name": "Label on the header menu", "ui:help": "" } }, "traits": [{ "name": "include-dropdown", "type": "boolean", "title": "Include dropdown menu" }, { "name": "menu-label", "type": "string", "title": "Label on the header menu" }] }, { "tag": "sqm-popup-container", "name": "Popup container for widgets", "uiSchema": { "close-button": { "ui:name": "Display a close button on the popup", "ui:help": "" }, "close-button-text": { "ui:name": "Text to be used as the close button", "ui:help": "" }, "embed-padding": { "ui:name": "Specify padding on the popup contents when in embedded mode", "ui:help": "" }, "popup-padding": { "ui:name": "Specify padding on the popup contents when in popup mode", "ui:help": "" }, "powered-by": { "ui:name": "Show SaaSquatch Powered By messaging", "ui:help": "" } }, "traits": [{ "name": "close-button", "type": "boolean", "title": "Display a close button on the popup" }, { "name": "close-button-text", "type": "string", "title": "Text to be used as the close button" }, { "name": "embed-padding", "type": "\"large\" | \"medium\" | \"none\" | \"small\"", "title": "Specify padding on the popup contents when in embedded mode" }, { "name": "popup-padding", "type": "\"large\" | \"medium\" | \"none\" | \"small\"", "title": "Specify padding on the popup contents when in popup mode" }, { "name": "powered-by", "type": "boolean", "title": "Show SaaSquatch Powered By messaging" }] }, { "tag": "sqm-portal-email-verification", "name": "Portal Email Verification", "uiSchema": { "next-page-url-parameter": { "ui:help": "" } }, "traits": [{ "name": "next-page-url-parameter", "type": "string", "title": "next-page-url-parameter" }] }, { "tag": "sqm-portal-forgot-password", "name": "Portal Forgot Password", "uiSchema": { "next-page-url-parameter": { "ui:help": "" } }, "traits": [{ "name": "next-page-url-parameter", "type": "string", "title": "next-page-url-parameter" }] }, { "tag": "sqm-portal-frame", "name": "Portal Frame", "uiSchema": {}, "traits": [] }, { "tag": "sqm-portal-login", "name": "Portal Login", "uiSchema": { "next-page": { "ui:help": "" }, "next-page-url-parameter": { "ui:help": "" } }, "traits": [{ "name": "next-page", "type": "string", "title": "next-page" }, { "name": "next-page-url-parameter", "type": "string", "title": "next-page-url-parameter" }] }, { "tag": "sqm-portal-register", "name": "Portal Register", "uiSchema": { "next-page": { "ui:help": "" }, "next-page-url-parameter": { "ui:help": "" } }, "traits": [{ "name": "next-page", "type": "string", "title": "next-page" }, { "name": "next-page-url-parameter", "type": "string", "title": "next-page-url-parameter" }] }, { "tag": "sqm-portal-reset-password", "name": "Portal Reset Password", "uiSchema": { "next-page": { "ui:help": "" }, "next-page-url-parameter": { "ui:help": "" } }, "traits": [{ "name": "next-page", "type": "string", "title": "next-page" }, { "name": "next-page-url-parameter", "type": "string", "title": "next-page-url-parameter" }] }, { "tag": "sqm-portal-verify-email", "name": "Portal Verify Email", "uiSchema": { "next-page": { "ui:help": "" }, "next-page-url-parameter": { "ui:help": "" } }, "traits": [{ "name": "next-page", "type": "string", "title": "next-page" }, { "name": "next-page-url-parameter", "type": "string", "title": "next-page-url-parameter" }] }, { "tag": "sqm-route", "name": "Route (for pages)", "uiSchema": { "path": { "ui:name": "Navigation path name", "ui:help": "" } }, "traits": [{ "name": "path", "type": "string", "title": "Navigation path name" }] }, { "tag": "sqm-router", "name": "Router (for pages)", "uiSchema": {}, "traits": [] }, { "tag": "sqm-share-button", "name": "Share Button", "uiSchema": { "ui:order": ["medium", "program-id", "*", "pill", "disabled", "hideicon"], "disabled": { "ui:name": "Disabled", "ui:help": "" }, "hideicon": { "ui:name": "Hide the icon", "ui:help": "" }, "icon": { "ui:name": "Icon used in button. Will try to select an icon based on the share medium if left empty.", "ui:help": "" }, "iconslot": { "ui:name": "Icon Location", "ui:help": "" }, "medium": { "ui:name": "Share Medium", "ui:help": "The social medium to share on. Share messages and links\r\nwill be pulled from your program config and tagged for analytics." }, "pill": { "ui:name": "Display as pill", "ui:help": "" }, "program-id": { "ui:name": "Program ID", "ui:help": "Optional programId, or uses the programId context where this button is rendered." }, "sharetext": { "ui:name": "Text used for native sharing (mobile only)", "ui:help": "" }, "sharetitle": { "ui:name": "Title used for native sharing (mobile only)", "ui:help": "" }, "size": { "ui:name": "Button Size", "ui:help": "" }, "type": { "ui:name": "Button Style", "ui:help": "" } }, "traits": [{ "name": "disabled", "type": "boolean", "title": "Disabled" }, { "name": "hideicon", "type": "boolean", "title": "Hide the icon" }, { "name": "icon", "type": "string", "title": "Icon used in button. Will try to select an icon based on the share medium if left empty." }, { "name": "iconslot", "type": "string", "title": "Icon Location", "enum": ["prefix", "suffix"], "enumNames": ["Prefix", "Suffix"] }, { "name": "medium", "type": "string", "title": "Share Medium", "enum": ["facebook", "twitter", "email", "direct", "linkedin", "sms", "fbmessenger", "whatsapp", "linemessenger", "pinterest", "reminder", "unknown"], "enumNames": ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest", "Reminder", "Unknown"] }, { "name": "pill", "type": "boolean", "title": "Display as pill" }, { "name": "program-id", "type": "string", "title": "Program ID" }, { "name": "sharetext", "type": "string", "title": "Text used for native sharing (mobile only)" }, { "name": "sharetitle", "type": "string", "title": "Title used for native sharing (mobile only)" }, { "name": "size", "type": "string", "title": "Button Size", "enum": ["small", "medium", "large"], "enumNames": ["Small", "Medium", "Large"] }, { "name": "type", "type": "string", "title": "Button Style", "enum": ["primary", "success", "info", "warning", "danger", "default", "text"] }] }, { "tag": "sqm-share-link", "name": "Share Link", "uiSchema": { "program-id": { "ui:name": "Program ID", "ui:help": "The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded." }, "tooltip-lifespan": { "ui:name": "Tooltip lifespan", "ui:help": "The number of milliseconds that the tooltip will appear for" }, "tooltip-text": { "ui:name": "Tooltip text", "ui:help": "This is shown after someone has successfully copied the link to the clipboard." } }, "traits": [{ "name": "program-id", "type": "string", "title": "Program ID" }, { "name": "tooltip-lifespan", "type": "number", "title": "Tooltip lifespan" }, { "name": "tooltip-text", "type": "string", "title": "Tooltip text" }] }, { "tag": "sqm-stencilbook", "name": "sqm-stencilbook", "uiSchema": {}, "traits": [] }, { "tag": "sl-details", "name": "Details", "traits": [{ "type": "string", "name": "summary", "title": "Label" }] }, { "tag": "sl-tab", "name": "Tab", "traits": [{ "type": "string", "name": "panel", "title": "Panel ID" }] }, { "tag": "sl-tab-panel", "name": "Tab Panel", "traits": [{ "type": "string", "name": "name", "title": "Panel ID" }] }, { "tag": "sl-tab-group", "name": "Tab Group", "traits": [{ "type": "string", "name": "placement", "title": "Placement of Tabs", "enum": ["top", "right", "bottom", "left"] }] }];
+            exports_1("default", (function (editor, config) {
+                if (config === void 0) { config = {}; }
+                // Get DomComponents module
+                var comps = editor.DomComponents;
+                // Get the model and the view from the default Component type
+                var defaultType = comps.getType("default");
+                var defaultModel = defaultType.model;
+                var defaultView = defaultType.view;
+                function registerComponent(_a) {
+                    var tag = _a.tag, name = _a.name, traits = _a.traits, uiSchema = _a.uiSchema;
+                    comps.addType(tag.toLowerCase(), {
+                        model: defaultModel.extend({
+                            defaults: Object.assign({}, defaultModel.prototype.defaults, {
+                                name: name,
+                                // can be dropped only inside
+                                draggable: false,
+                                // these components can be dropped in here
+                                droppable: false,
+                                selectable: true,
+                                toolbar: [],
+                                traits: traits,
+                                uiSchema: uiSchema,
+                            }),
+                        }, {
+                            isComponent: function (el) {
+                                if (el.tagName === tag.toUpperCase()) {
+                                    return { type: tag.toLowerCase() };
+                                }
+                            },
+                        }),
+                        view: defaultView.extend({
+                            render: function () {
+                                defaultView.prototype.render.apply(this, arguments);
+                                return this;
+                            },
+                        }),
+                    });
+                }
+                if (!components) {
+                    throw new Error("Error registering components. This is likely due to a build problem in the source library. See GrapesJS generator.ts");
+                }
+                components.forEach(registerComponent);
+            }));
+        }
+    };
+});

package/docs/raisins.json

@@ -0,0 +1 @@
+{"schemaVersion":"0.0.1","modules":[{"tags":[{"tagName":"sqm-asset-card","title":"Asset Card","attributes":[{"name":"img-url","type":"string","title":"Banner Image","description":"","required":false},{"name":"title-text","type":"string","title":"Banner Title","description":"","required":false}],"examples":[]},{"tagName":"sqm-big-stat","title":"Big Stat","slots":[{"name":"","title":"Stat Text"}],"attributes":[{"name":"alignment","type":"string","title":"Alignment","description":"Controls the alignment of the flexbox","enum":["left","right","center"],"enumNames":["Left","Right","Center"],"required":false},{"name":"flex-reverse","type":"boolean","title":"Flex Reverse","description":"Controls the order of the stat value & description column","default":false,"required":false},{"name":"program-id","type":"string","title":"Program ID","description":"The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified.","uiWidget":"programSelector","required":false},{"name":"stat-type","type":"string","title":"Stat Type","description":"Select what type of stat to display. Manual paths are also supported.","uiWidget":"statTypeSelectWidget","uiWidgetOptions":{"version":1.1},"required":true}],"exampleGroup":"Statistics","examples":[{"title":"Points Balance","content":"<sqm-big-stat flex-reverse=\"true\" alignment=\"left\" stat-type=\"/rewardBalance/CREDIT/POINT/value/global\">Points Balance</sqm-big-stat>"},{"title":"GiftCards Earned","content":"<sqm-big-stat flex-reverse=\"true\" alignment=\"left\" stat-type=\"/integrationRewardsCountFiltered/AVAILABLE/global\">Giftcards Earned</sqm-big-stat>"},{"title":"Referrals","content":"<sqm-big-stat flex-reverse=\"true\" alignment=\"left\" stat-type=\"/referralsCount\">Referrals</sqm-big-stat>"}],"slotEditor":"richText"},{"tagName":"sqm-brand","title":"Brand Container","slots":[{"name":"","title":"Branded Content"}],"attributes":[{"name":"brand-color","type":"string","title":"Brand Color","description":"Controls the primary brand color used in the Mint Components library.","uiWidget":"color","format":"color","required":false},{"name":"brand-font","type":"string","title":"Brand Font","description":"A font from the Google Fonts library used throughout the widget. This value is case sensitive.","required":false}],"exampleGroup":"Common Components","examples":[{"title":"Brand Container","content":"<sqm-brand brand=\"Nunito Sans\">Add your branded content here!</sqm-brand>"}]},{"tagName":"sqm-card-feed","title":"Card Feed","slots":[{"name":"","title":"Cards"}],"attributes":[{"name":"gap","type":"number","title":"Column Gap","description":"","default":24,"required":false},{"name":"width","type":"number","title":"Card Width","description":"","default":347,"required":false}],"exampleGroup":"Rewards","examples":[{"title":"Task Card Feed","content":"<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 100 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 150 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 Twitter\" description=\"Earn 50 points when you follow us on Twitter!\" 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>"}]},{"tagName":"sqm-checkbox-field","title":"Checkbox Field","attributes":[{"name":"checkbox-label","type":"string","title":"Checkbox Label","description":"","default":"By signing up you agree to the {labelLink}","required":false},{"name":"checkbox-label-link","type":"string","title":"Checkbox Label Link","description":"Used with link text if the checkbox label contains {labelLink}","default":"https://example.com","required":false},{"name":"checkbox-label-link-text","type":"string","title":"Checkbox Label Link Text","description":"","default":"Terms and Conditions","required":false},{"name":"checkbox-name","type":"string","title":"Checkbox Name Attribute","description":"","required":false},{"name":"checkbox-optional","type":"boolean","title":"Optional","description":"","default":false,"required":false},{"name":"error-message","type":"string","title":"Unchecked Error Message","description":"","default":"Must be checked","required":false}],"examples":[]},{"tagName":"sqm-divided-layout","title":"Divided Layout","attributes":[{"name":"direction","type":"string","title":"Direction","description":"","enum":["row","column"],"enumNames":["Row","Column"],"required":false},{"name":"divider-style","type":"string","title":"Border Style","description":"Uses Shorthand CSS border syntax","default":"1px solid #EAEAEA","required":false}],"examples":[]},{"tagName":"sqm-dropdown-field","title":"Dropdown Field","attributes":[{"name":"dropdown-label","type":"string","title":"Dropdown Label","description":"","default":"Select an option","required":false},{"name":"dropdown-name","type":"string","title":"Dropdown Name Attribute","description":"","required":false},{"name":"dropdown-optional","type":"boolean","title":"Optional","description":"","default":false,"required":false},{"name":"error-message","type":"string","title":"Unselected Error Message","description":"","default":"Select an option","required":false}],"examples":[]},{"tagName":"sqm-edit-profile","title":"Edit Profile","attributes":[{"name":"canceltext","type":"string","title":"Cancel Button Text","description":"","required":false},{"name":"currentregiontext","type":"string","title":"Region Field Label","description":"","required":false},{"name":"editprofileheader","type":"string","title":"Heading","description":"","required":false},{"name":"editprofiletext","type":"string","title":"Edit Profile Text","description":"Enable editing button text","required":false},{"name":"firstnametext","type":"string","title":"First Name Label","description":"","required":false},{"name":"lastnametext","type":"string","title":"Last Name Label","description":"","required":false},{"name":"showregion","type":"boolean","title":"Show Region","description":"Show or hide current region","required":false},{"name":"updatetext","type":"string","title":"Info Button Text","description":"","required":false}],"examples":[]},{"tagName":"sqm-empty","title":"Empty State Content","attributes":[{"name":"empty-state-header","type":"string","title":"Title","description":"","required":false},{"name":"empty-state-image","type":"string","title":"Image","description":"","uiWidget":"ImageUpload","format":"url","required":false},{"name":"empty-state-text","type":"string","title":"Description","description":"","uiWidget":"textArea","required":false}],"examples":[],"validParents":["sqm-referral-table","sqm-rewards-table","sqm-leaderboard","sqm-reward-exchange-list"]},{"tagName":"sqm-form-message","title":"Form Message","attributes":[{"name":"icon","type":"string","title":"Icon","description":"Icon to use in alert","required":false},{"name":"type","type":"string","title":"Alert Type","description":"","required":false}],"examples":[]},{"tagName":"sqm-graphql-client-provider","title":"GraphQL Client Provider","attributes":[{"name":"domain","type":"string","title":"Domain","description":"","required":false}],"examples":[],"canvasRenderer":"always-replace"},{"tagName":"sqm-hero","title":"Hero Layout","attributes":[{"name":"background","type":"string","title":"Background","description":"Can be an image url, colour or Shoelace variable.","default":"var(--sl-color-gray-50)","required":false},{"name":"columns","type":"1 | 2","title":"Columns","description":"Number of columns in the layout","default":1,"required":false},{"name":"padding-size","type":"\"large\" | \"medium\" | \"none\" | \"small\"","title":"Padding Size","description":"","default":"large","enum":["none","small","medium","large"],"enumNames":["None","Small","Medium","Large"],"required":false},{"name":"secondary-background","type":"string","title":"Secondary Background","description":"Secondary background image or color (for use in the right column)","required":false},{"name":"wrap-direction","type":"\"wrap\" | \"wrap-reverse\"","title":"Wrap Direction","description":"Flexbox wrap direction, accepts wrap or wrap-reverse","default":"wrap","enum":["wrap","wrap-reverse"],"enumNames":["Wrap","Wrap Reverse"],"required":false}],"examples":[]},{"tagName":"sqm-hero-image","title":"Hero Image","attributes":[{"name":"background-color","type":"string","title":"Background Color","description":"","uiWidget":"color","format":"color","required":false},{"name":"button-link","type":"string","title":"Button Link","description":"","required":false},{"name":"button-new-tab","type":"boolean","title":"Open Link in New Tab","description":"","default":false,"required":false},{"name":"button-text","type":"string","title":"Button Text","description":"","required":false},{"name":"description","type":"string","title":"Description","description":"","uiWidget":"textArea","required":false},{"name":"header","type":"string","title":"Title","description":"","required":false},{"name":"image-mobile-pos","type":"string","title":"Image Mobile Position","description":"","default":"top","enum":["top","bottom"],"enumNames":["Top","Bottom"],"required":false},{"name":"image-percentage","type":"number","title":"Image Percentage","description":"","default":50,"required":false},{"name":"image-pos","type":"string","title":"Image Position","description":"","default":"center","enum":["left","center","right"],"enumNames":["Left","Center","Right"],"required":false},{"name":"image-url","type":"string","title":"Image","description":"","uiWidget":"ImageUpload","format":"url","required":false},{"name":"layout","type":"string","title":"Image Layout","description":"","default":"overlay","enum":["overlay","columns"],"enumNames":["Overlay","Two-column"],"required":false},{"name":"overlay-color","type":"string","title":"Overlay Color","description":"","uiWidget":"color","format":"color","required":false},{"name":"overlay-opacity","type":"string","title":"Overlay Opacity","description":"","default":"0.75","required":false},{"name":"padding-image","type":"string","title":"Image Padding","description":"","default":"none","enum":["none","xxx-small","xx-small","x-small","small","medium","large","x-large","xx-large","xxx-large","xxxx-large"],"enumNames":["None","XXX-Small","XX-Small","X-Small","Small","Medium","Large","X-Large","XX-Large","XXX-Large","XXXX-Large"],"required":false},{"name":"padding-text","type":"string","title":"Text Padding","description":"","default":"xxxx-large","enum":["none","xxx-small","xx-small","x-small","small","medium","large","x-large","xx-large","xxx-large","xxxx-large"],"enumNames":["None","XXX-Small","XX-Small","X-Small","Small","Medium","Large","X-Large","XX-Large","XXX-Large","XXXX-Large"],"required":false},{"name":"text-color","type":"string","title":"Text Color","description":"","uiWidget":"color","format":"color","required":false}],"exampleGroup":"Common Components","examples":[{"title":"Two Column Layout","content":"<sqm-hero-image image-url=\"https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png\" header=\"MyCompany Rewards\" description=\"Refer a friend and earn up to $1200 in rewards\" layout=\"columns\" image-pos=\"right\" background-color=\"#F9F9F9\"></sqm-hero-image>"},{"title":"Overlay","content":"<sqm-hero-image image-url=\"https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png\" header=\"MyCompany Rewards\" description=\"Refer a friend and earn up to $1200 in rewards\" layout=\"overlay\" image-pos=\"center\" background-color=\"#F9F9F9\" button-link=\"https://www.example.com\" button-new-tab button-text=\"Earn!\" image-percentage=\"45\" overlay-opacity=\".5\" padding-image=\"small\" padding-text=\"xxxx-large\"></sqm-hero-image>"}]},{"tagName":"sqm-hook-story-container","title":"sqm-hook-story-container","attributes":[],"examples":[]},{"tagName":"sqm-image","title":"Image","attributes":[{"name":"alignment","type":"string","title":"Position Alignment","description":"","default":"center","enum":["left","center","right"],"enumNames":["Left","Center","Right"],"required":false},{"name":"background-color","type":"string","title":"Background Color","description":"","uiWidget":"color","required":false},{"name":"image-url","type":"string","title":"Image Link","description":"","uiWidget":"ImageUpload","format":"url","required":true},{"name":"min-height","type":"string","title":"Minimum Height","description":"(Optional) Helps with constraining the minimum image size. Can be a pixel value or a percentage i.e. \"500px\", \"33%\", etc.","required":false}],"exampleGroup":"Common Components","examples":[{"title":"Image","content":"<sqm-image image-url=\"https://res.cloudinary.com/saasquatch/image/upload/v1644000259/squatch-assets/tn47wOj.png\" alignment=\"center\"></sqm-image>"}]},{"tagName":"sqm-input-field","title":"Input Field","attributes":[{"name":"error-message","type":"string","title":"Required Error Message","description":"","default":"Cannot be empty","required":false},{"name":"field-label","type":"string","title":"Input Label","description":"","required":false},{"name":"field-name","type":"string","title":"Input Name Attribute","description":"Used as the key of the inputs value in form data.","required":false},{"name":"field-optional","type":"boolean","title":"Optional","description":"","default":false,"required":false},{"name":"field-type","type":"string","title":"Input Type","description":"","default":"text","enum":["text","date","tel"],"enumNames":["Text","Date","Phone Number"],"required":false}],"examples":[]},{"tagName":"sqm-leaderboard","title":"Leaderboard","slots":[{"name":"empty","title":"Empty State"}],"attributes":[{"name":"anonymous-user","type":"string","title":"Unknown User Text","description":"Title displayed for users without names","default":"Anonymous User","required":false},{"name":"hide-viewer","type":"boolean","title":"Hide Viewing User","description":"Hide the viewer's leaderboard row if not in the top results.","default":false,"required":false},{"name":"interval","type":"string","title":"Leaderboard Time Interval","description":"","uiWidget":"dateRange","uiWidgetOptions":{"allowPastDates":true,"months":1},"required":false},{"name":"leaderboard-type","type":"string","title":"Leaderboard Type","description":"","enum":["topStartedReferrers","topConvertedReferrers","topPointEarners"],"enumNames":["Top Started Referrers","Top Converted Referrers","Top Point Earners"],"required":true},{"name":"max-rows","type":"number","title":"Maximum Rows Number","description":"Control the maximum amount of rows displayed on the leaderboard.","default":10,"required":false},{"name":"program-id","type":"string","title":"Program","description":"Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is.\r\nIf no program ID is set or provided by context, then a global leaderboard is shown.","uiWidget":"programSelector","required":false},{"name":"rank-type","type":"string","title":"Rank Type","description":"","enum":["rowNumber","rank","denseRank"],"enumNames":["Row Number","Rank","Dense Rank"],"required":false},{"name":"rankheading","type":"string","title":"Rank Column Heading","description":"","required":false},{"name":"show-rank","type":"boolean","title":"Show Leaderboard Rank","description":"","required":false},{"name":"statsheading","type":"string","title":"Stats Column Heading","description":"","required":false},{"name":"usersheading","type":"string","title":"User Column Heading","description":"","required":false}],"examples":[]},{"tagName":"sqm-leaderboard-rank","title":"Leaderboard Rank","attributes":[{"name":"interval","type":"string","title":"Leaderboard Time Interval","description":"","uiWidget":"dateRange","uiWidgetOptions":{"allowPastDates":true,"months":1},"required":false},{"name":"leaderboard-type","type":"string","title":"Leaderboard Type","description":"","enum":["topStartedReferrers","topConvertedReferrers","topPointEarners"],"enumNames":["Top Started Referrers","Top Converted Referrers","Top Point Earners"],"required":true},{"name":"program-id","type":"string","title":"Program","description":"Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is.\r\nIf no program ID is set or provided by context, then a global leaderboard is shown.","uiWidget":"programSelector","required":false},{"name":"rank-text","type":"string","title":"Rank Text","description":"","default":"You are currently in {rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th} } place!","uiWidget":"textArea","required":false},{"name":"rank-type","type":"string","title":"Default Rank","description":"","enum":["rowNumber","rank","denseRank"],"enumNames":["Row Number","Rank","Dense Rank"],"required":false},{"name":"unranked-text","type":"string","title":"Unranked Text","description":"","required":false}],"examples":[]},{"tagName":"sqm-name-fields","title":"Name Fields","attributes":[{"name":"first-name-label","type":"string","title":"First Name label","description":"","default":"First Name","required":false},{"name":"last-name-label","type":"string","title":"Last Name label","description":"","default":"Last Name","required":false}],"examples":[]},{"tagName":"sqm-navigation-menu","title":"Navigation Menu","attributes":[{"name":"include-dropdown","type":"boolean","title":"Include Dropdown Menu","description":"","required":false},{"name":"menu-label","type":"string","title":"Menu Label","description":"Label on the header menu","required":false}],"examples":[]},{"tagName":"sqm-navigation-sidebar","title":"Navigation Sidebar","attributes":[],"examples":[]},{"tagName":"sqm-navigation-sidebar-item","title":"Navigation Link","attributes":[{"name":"icon","type":"string","title":"Icon","description":"Options available at https://shoelace.style/components/icon","required":false},{"name":"label","type":"string","title":"Label","description":"","required":false},{"name":"path","type":"string","title":"Navigation Path","description":"","required":false}],"examples":[]},{"tagName":"sqm-password-field","title":"Portal Password Field","attributes":[{"name":"enable-validation","type":"boolean","title":"Enable Validation","description":"Enable live password validation","default":true,"required":false},{"name":"field-label","type":"string","title":"Password Label","description":"Label for password field","default":"Password","required":false}],"examples":[]},{"tagName":"sqm-popup-container","title":"Popup Container For Widgets","attributes":[{"name":"close-button","type":"boolean","title":"Show Close Button","description":"Display a close button on the popup","required":false},{"name":"close-button-text","type":"string","title":"Close Button Text","description":"Text inside the close button","required":false},{"name":"embed-padding","type":"string","title":"Embed Padding","description":"Specify padding on the popup contents when in embedded mode","enum":["none","small","medium","large"],"enumNames":["None","Small","Medium","Large"],"required":false},{"name":"popup-padding","type":"string","title":"Popup Padding","description":"Specify padding on the popup contents when in popup mode","enum":["none","small","medium","large"],"enumNames":["None","Small","Medium","Large"],"required":false},{"name":"powered-by","type":"boolean","title":"Show Powered By","description":"Show Powered By SaaSquatch link","required":false}],"examples":[]},{"tagName":"sqm-portal-change-password","title":"Portal Profile","attributes":[{"name":"cancel-text","type":"string","title":"Cancel Button Text","description":"Modal cancel button text","default":"Cancel","required":false},{"name":"change-password-button-text","type":"string","title":"Change Password Button Text","description":"Modal change password button text","default":"Change Password","required":false},{"name":"confirm-password-field-label","type":"string","title":"Confirm Password Label","description":"Password confirmation input field label","default":"Confirm New Password","required":false},{"name":"modal-change-password-header","type":"string","title":"Change Password Modal Header","description":"","default":"Change Password","required":false},{"name":"password-field-label","type":"string","title":"Password Label","description":"Password input field label","default":"New Password","required":false},{"name":"portal-change-password-button-text","type":"string","title":"Change Password Button Text","description":"","default":"Change your password...","required":false},{"name":"portal-change-password-header","type":"string","title":"Change Password Header","description":"Portal change password section header","default":"Password","required":false},{"name":"success-message","type":"string","title":"Successful Message","description":"Successful password change message","default":"Your password has been updated.","required":false}],"examples":[]},{"tagName":"sqm-portal-container","title":"Portal Container","slots":[{"name":"","title":"Widget Content"}],"attributes":[{"name":"center","type":"boolean","title":"Center Content","description":"","required":false},{"name":"direction","type":"string","title":"Direction","description":"","default":"column","enum":["row","column"],"enumNames":["Row","Column"],"required":false},{"name":"display","type":"string","title":"Display","description":"","default":"grid","enum":["grid","flex"],"enumNames":["Grid","Flex"],"required":false},{"name":"gap","type":"string","title":"Gap","description":"","default":"xxx-large","enum":["none","xxx-small","xx-small","x-small","small","medium","large","x-large","xx-large","xxx-large","xxxx-large"],"enumNames":["None","XXX-Small","XX-Small","X-Small","Small","Medium","Large","X-Large","XX-Large","XXX-Large","XXXX-Large"],"required":false},{"name":"justify-content","type":"string","title":"Justify Content","description":"Define how this container distributes its contents along the main-axis.","enum":["start","center","end","space-between","space-around","space-evenly"],"enumNames":["Start","Center","End","Space Between","Space Around","Space Evenly"],"required":false},{"name":"max-width","type":"string","title":"Maximum width","description":"","default":"100%","required":false},{"name":"min-width","type":"string","title":"Minimum Width","description":"","required":false},{"name":"padding","type":"string","title":"Padding","description":"","enum":["none","xxx-small","xx-small","x-small","small","medium","large","x-large","xx-large","xxx-large","xxxx-large"],"enumNames":["None","XXX-Small","XX-Small","X-Small","Small","Medium","Large","X-Large","XX-Large","XXX-Large","XXXX-Large"],"required":false}],"exampleGroup":"Layout","examples":[{"title":"Row Layout Container","content":"<sqm-portal-container direction=\"row\" padding=\"none\" gap=\"xxx-large\" display=\"flex\" max-width=\"100%\"><p>Add your column content above or below!</p></sqm-portal-container>"},{"title":"Column Layout Container","content":"<sqm-portal-container direction=\"column\" padding=\"none\" gap=\"xxx-large\" display=\"grid\" max-width=\"100%\"><p>Add your column content to the left or right!</p></sqm-portal-container>"}]},{"tagName":"sqm-portal-email-verification","title":"Portal Email Verification","attributes":[{"name":"email-verification-header","type":"string","title":"Email Verification Header Text","description":"","default":"Verify your email","required":false},{"name":"redirect-path","type":"string","title":"Email Redirection Base Path","description":"The page that users are redirected to from the verification email.","default":"/verifyEmail","required":false},{"name":"resend-email-button-text","type":"string","title":"Re-send Email Button Text","description":"","default":"Re-send Email","required":false},{"name":"verify-message","type":"string","title":"Email Verification Body Text","description":"","default":"A verification email was sent to {email}. Please verify your email to continue to the portal.","required":false}],"examples":[]},{"tagName":"sqm-portal-footer","title":"Portal Footer","attributes":[{"name":"faq-link","type":"string","title":"FAQ Link","description":"","required":false},{"name":"faq-text","type":"string","title":"FAQ Text","description":"","required":false},{"name":"padding-bottom","type":"string","title":"Padding Bottom","description":"","default":"large","required":false},{"name":"padding-left","type":"string","title":"Padding Left","description":"","default":"large","required":false},{"name":"padding-right","type":"string","title":"Padding Right","description":"","default":"large","required":false},{"name":"padding-top","type":"string","title":"Padding Top","description":"","default":"large","required":false},{"name":"powered-by-link","type":"string","title":"Powered By Link","description":"","default":"https://saasquatch.com","required":false},{"name":"show-powered-by","type":"boolean","title":"Show Powered By SaaSquatch","description":"","default":true,"required":false},{"name":"support-email","type":"string","title":"Support Email","description":"","default":"support@example.com","required":false},{"name":"support-text","type":"string","title":"Support Text","description":"","default":"For program support, contact {email}","required":false},{"name":"terms-link","type":"string","title":"Terms and Conditions Link","description":"","required":false},{"name":"terms-text","type":"string","title":"Terms and Conditions Text","description":"","required":false}],"examples":[]},{"tagName":"sqm-portal-forgot-password","title":"Portal Forgot Password","attributes":[{"name":"email-label","type":"string","title":"Email Label","description":"","default":"Email","required":false},{"name":"login-path","type":"string","title":"Login Page Routing Path","description":"","default":"/login","required":false},{"name":"redirect-path","type":"string","title":"Email Redirection Base Path","description":"The page that users are redirected to from the password reset email.","default":"/resetPassword","required":false},{"name":"submit-label","type":"string","title":"Password Reset Button Text","description":"","default":"Request Password Reset","required":false}],"examples":[]},{"tagName":"sqm-portal-frame","title":"Portal Frame","attributes":[],"examples":[]},{"tagName":"sqm-portal-login","title":"Portal Login","attributes":[{"name":"email-label","type":"string","title":"Email Label","description":"Label for email field","default":"Email","required":false},{"name":"forgot-password-label","type":"string","title":"Forgot Password Text","description":"Label for forgotten password button","default":"Forgot Password?","required":false},{"name":"forgot-password-path","type":"string","title":"Forgot Password Path","description":"Forgot password redirect path","default":"/forgotPassword","required":false},{"name":"next-page","type":"string","title":"Next Page Path","description":"Page navigated to after sign-in","default":"/","required":false},{"name":"page-label","type":"string","title":"Heading Label","description":"","default":"Sign in to your account","required":false},{"name":"password-label","type":"string","title":"Password Label","description":"Label for password field","default":"Password","required":false},{"name":"register-label","type":"string","title":"Register Button Text","description":"Label for register button","default":"Register","required":false},{"name":"register-path","type":"string","title":"Register Path","description":"Register redirect path","default":"/register","required":false},{"name":"submit-label","type":"string","title":"Submit Button Text","description":"Label for submit button","default":"Sign In","required":false}],"examples":[]},{"tagName":"sqm-portal-logout","title":"Portal Logout","attributes":[{"name":"next-page","type":"string","title":"Next Page Path","description":"","default":"/","required":false}],"examples":[]},{"tagName":"sqm-portal-profile","title":"Portal Profile","attributes":[{"name":"countrytext","type":"string","title":"Country Label","description":"Country input field label","default":"Country","required":false},{"name":"edit-profile-header","type":"string","title":"Edit Profile Header","description":"","default":"Edit your profile","required":false},{"name":"edit-profile-sub-header","type":"string","title":"Edit Profile Sub Header","description":"","default":"Personal Information","required":false},{"name":"emailtext","type":"string","title":"Email Label","description":"Email input field label","default":"Email","required":false},{"name":"firstnametext","type":"string","title":"First Name Label","description":"First name input field label","default":"First Name","required":false},{"name":"lastnametext","type":"string","title":"Last Name Label","description":"Last name input field label","default":"Last Name","required":false},{"name":"show-country","type":"boolean","title":"Show Country Field","description":"Show or hide the country field","default":true,"required":false},{"name":"submit-change-button-text","type":"string","title":"Submit Changes Button Text","description":"","default":"Submit Changes","required":false}],"examples":[]},{"tagName":"sqm-portal-protected-route","title":"Portal Protected Route","attributes":[{"name":"redirect-to","type":"string","title":"Redirect Path","description":"","default":"/","required":false},{"name":"redirect-to-unverified","type":"string","title":"Redirect Unverified Users Path","description":"","default":"/emailVerification","required":false},{"name":"require-email-verification","type":"boolean","title":"Require Email Verification","description":"","default":false,"required":false}],"examples":[]},{"tagName":"sqm-portal-register","title":"Portal Register","attributes":[{"name":"confirm-password","type":"boolean","title":"Show Confirm Password Field","description":"Show or hide the confirm password input","default":false,"required":false},{"name":"confirm-password-label","type":"string","title":"Confirm Password Label","description":"","default":"Confirm Password","required":false},{"name":"email-label","type":"string","title":"Email Label","description":"","default":"Email","required":false},{"name":"enable-password-validation","type":"boolean","title":"Enable Password Validation","description":"","default":true,"required":false},{"name":"hide-inputs","type":"boolean","title":"Hide Default Inputs","description":"Hide default input fields to use custom fields","default":false,"required":false},{"name":"login-label","type":"string","title":"Login Button Text","description":"","default":"Sign in","required":false},{"name":"login-path","type":"string","title":"Login Path","description":"Login button redirection path","default":"/login","required":false},{"name":"next-page","type":"string","title":"Next Page","description":"Page navigated to after registration","default":"/","required":false},{"name":"page-label","type":"string","title":"Heading Label","description":"","default":"Register","required":false},{"name":"password-label","type":"string","title":"Password Label","description":"","default":"Password","required":false},{"name":"redirect-path","type":"string","title":"Email Redirection Base Path","description":"The page that users are redirected to from the verification email.","default":"/verifyEmail","required":false},{"name":"submit-label","type":"string","title":"Submit Button Text","description":"","default":"Register","required":false}],"examples":[]},{"tagName":"sqm-portal-reset-password","title":"Portal Reset Password","attributes":[{"name":"confirm-password","type":"boolean","title":"Show Confirm Password","description":"Show or hide confirm password field","default":false,"required":false},{"name":"confirm-password-field-label","type":"string","title":"Confirm Password Label","description":"","default":"Confirm Password","required":false},{"name":"continue-button-text","type":"string","title":"Continue Button Text","description":"Button text displayed after a successful password reset","default":"Continue","required":false},{"name":"failed-page","type":"string","title":"Failed Page Path","description":"The page that users are redirected to if the reset fails due to outdated password reset attempt.","default":"/","required":false},{"name":"next-page","type":"string","title":"Next Page Path","description":"The page that users are redirected to when the password reset succeeds.","default":"/","required":false},{"name":"password-field-label","type":"string","title":"Password Label","description":"","default":"New Password","required":false},{"name":"password-reset-header","type":"string","title":"Successful Password Reset Text","description":"Displayed after a successful password reset","default":"Password reset","required":false},{"name":"reset-password-button-text","type":"string","title":"Password Reset Button Text","description":"","default":"Reset Password","required":false},{"name":"reset-password-header","type":"string","title":"Reset Password Header Text","description":"","default":"Reset your password","required":false}],"examples":[]},{"tagName":"sqm-portal-verify-email","title":"Portal Verify Email","attributes":[{"name":"failed-page","type":"string","title":"Failed Page Path","description":"The page that users are redirected to if verification fails due to outdated verification attempt.","default":"/","required":false},{"name":"next-page","type":"string","title":"Next Page Path","description":"The page that users are redirected to when the verification succeeds.","default":"/","required":false}],"examples":[]},{"tagName":"sqm-program-explainer","title":"Program Explainer","slots":[{"name":"","title":"Explainer","validChildren":["sqm-program-explainer-step"]}],"attributes":[{"name":"background-color","type":"string","title":"Header Background Color","description":"","uiWidget":"color","format":"color","required":false},{"name":"header","type":"string","title":"Header Text","description":"","required":false},{"name":"text-color","type":"string","title":"Header Text Color","description":"","uiWidget":"color","format":"color","required":false}],"exampleGroup":"Common Components","examples":[{"title":"Program Explainer","content":"<sqm-program-explainer header=\"How it works\"><sqm-program-explainer-step description=\"Complete tasks like uploading your first video or sharing videos with friends\" header=\"Earn points\" icon=\"cash-stack\" text-color=\"#000000\"></sqm-program-explainer-step><sqm-program-explainer-step description=\"Use your points and redeem rewards like one free month of Enterprise or a visa giftcard\" header=\"Redeem rewards\" icon=\"people\" text-color=\"#000000\"></sqm-program-explainer-step></sqm-program-explainer>"}]},{"tagName":"sqm-program-explainer-step","title":"Program Explainer Step","attributes":[{"name":"background-color","type":"string","title":"Background Color","description":"","uiWidget":"color","format":"color","required":false},{"name":"description","type":"string","title":"Description","description":"","uiWidget":"textArea","required":false},{"name":"header","type":"string","title":"Title","description":"","required":false},{"name":"icon","type":"string","title":"Icon","description":"Options available at https://shoelace.style/components/icon","required":false},{"name":"image-url","type":"string","title":"Image Url","description":"Displayed in place of an icon","uiWidget":"imageUpload","format":"url","required":false},{"name":"text-color","type":"string","title":"Text Color","description":"","uiWidget":"color","format":"color","required":false}],"exampleGroup":"Common Components","examples":[{"title":"Program Explainer Step","content":"<sqm-program-explainer-step description=\"Complete tasks like uploading your first video or sharing videos with friends\" header=\"Earn points\" icon=\"cash-stack\" text-color=\"#000000\"></sqm-program-explainer-step>"}],"validParents":["sqm-program-explainer"]},{"tagName":"sqm-program-menu","title":"Portal Menu","attributes":[],"examples":[],"canvasRenderer":"always-replace"},{"tagName":"sqm-qa","title":"QA Component","attributes":[{"name":"boolean-switch","type":"boolean","title":"Boolean Switch with default","description":"Description here","default":true,"required":false},{"name":"boolean-switch-no-default","type":"boolean","title":"Boolean Switch with no default","description":"Description here","required":false},{"name":"boolean-switch-required-no-default","type":"boolean","title":"Boolean Switch required with no default","description":"Description here","required":true},{"name":"color","type":"string","title":"Color with default","description":"Description here","default":"blue","uiWidget":"color","format":"color","required":false},{"name":"color-no-default","type":"string","title":"Color with no default","description":"Description here","uiWidget":"color","format":"color","required":false},{"name":"color-required-no-default","type":"string","title":"Color required with no default","description":"Description here","uiWidget":"color","format":"color","required":true},{"name":"date-interval","type":"string","title":"Date Interval with default","description":"Description here","default":"2020-07-07T12:00:00-08:00/2021-08-08T12:00:00-08:00","uiWidget":"dateRange","format":"date-interval","required":false},{"name":"date-interval-no-default","type":"string","title":"Date Interval with no default","description":"Description here","uiWidget":"dateRange","format":"date-interval","required":false},{"name":"date-interval-required-no-default","type":"string","title":"Date Interval required with no default","description":"Description here","uiWidget":"dateRange","format":"date-interval","required":true},{"name":"image-upload","type":"string","title":"Image Upload with default","description":"Description here","default":"https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png","uiWidget":"ImageUpload","format":"url","required":false},{"name":"image-upload-no-default","type":"string","title":"Image Upload with no default","description":"Description here","uiWidget":"ImageUpload","format":"url","required":false},{"name":"image-upload-required-no-default","type":"string","title":"Image Upload required with no default","description":"Description here","uiWidget":"ImageUpload","format":"url","required":true},{"name":"max","type":"number","title":"Number Max 7","description":"Description here","default":6,"maximum":7,"required":false},{"name":"max-length","type":"string","title":"String Max Length 10","description":"Description here","default":"default","maxLength":10,"required":false},{"name":"min","type":"number","title":"Number Min 7","description":"Description here","default":8,"minimum":7,"required":false},{"name":"min-length","type":"string","title":"String Min Length 10","description":"Description here","default":"default text","minLength":10,"required":false},{"name":"number-enum-select","type":"number","title":"Number Enum Select with default","description":"Description here","default":3,"enum":[1,2,3],"enumNames":["Option 1","Option 2","Option 3"],"required":false},{"name":"number-enum-select-no-default","type":"number","title":"Number Enum Select with no default","description":"Description here","enum":[1,2,3],"enumNames":["Option 1","Option 2","Option 3"],"required":false},{"name":"number-enum-select-required-no-default","type":"number","title":"Number Enum Select required with no default","description":"Description here","enum":[1,2,3],"enumNames":["Option 1","Option 2","Option 3"],"required":true},{"name":"number-input","type":"number","title":"Number Input with default","description":"Description here","default":5,"required":false},{"name":"number-input-no-default","type":"number","title":"Number Input with no default","description":"Description here","required":false},{"name":"number-required","type":"number","title":"Number required with no default","description":"Description here","required":true},{"name":"program-selector","type":"string","title":"Program Selector with default","description":"Description here","default":"program1","uiWidget":"programSelector","required":false},{"name":"program-selector-no-default","type":"string","title":"Program Selector with no default","description":"Description here","uiWidget":"programSelector","required":false},{"name":"program-selector-required-no-default","type":"string","title":"Program Selector required with no default","description":"Description here","uiWidget":"programSelector","required":true},{"name":"stat-selector","type":"string","title":"Stat Selector with default","description":"Description here","default":"/referralCount","uiWidget":"statTypeSelectWidget","required":false},{"name":"stat-selector-no-default","type":"string","title":"Stat Selector with no default","description":"Description here","uiWidget":"statTypeSelectWidget","required":false},{"name":"stat-selector-required-no-default","type":"string","title":"Stat Selector required with no default","description":"Description here","uiWidget":"statTypeSelectWidget","required":false},{"name":"string-enum-select","type":"string","title":"String Enum Select with default","description":"Description here","default":"option2","enum":["option1","option2","option3"],"enumNames":["Option 1","Option 2","Option 3"],"required":false},{"name":"string-enum-select-no-default","type":"string","title":"String Enum Select with no default","description":"Description here","enum":["option1","option2","option3"],"enumNames":["Option 1","Option 2","Option 3"],"required":false},{"name":"string-enum-select-required-no-default","type":"string","title":"String Enum Select required with no default","description":"Description here","enum":["option1","option2","option3"],"enumNames":["Option 1","Option 2","Option 3"],"required":true},{"name":"string-required","type":"string","title":"String required with no default","description":"Description here","required":true},{"name":"text-area-input","type":"string","title":"Text Area Input","description":"Description here","default":"Really Really Really long text","uiWidget":"textArea with default","required":false},{"name":"text-area-input-no-default","type":"string","title":"Text Area Input","description":"Description here","uiWidget":"textArea with no default","required":false},{"name":"text-area-input-required-no-default","type":"string","title":"Text Area Input","description":"Description here","uiWidget":"textArea required with no default","required":true},{"name":"text-input","type":"string","title":"Text Input with default","description":"Description here","default":"short text string","required":false},{"name":"text-input-no-default","type":"string","title":"Text Input with no default","description":"Description here","required":false}],"examples":[]},{"tagName":"sqm-referral-card","title":"Referral Card","slots":[{"name":"left","title":"Left Content"},{"name":"right","title":"Right Content"}],"attributes":[{"name":"vertical-alignment","type":"string","title":"Vertical Aligment","description":"","default":"start","enum":["start","center","end"],"enumNames":["Top","Center","Bottom"],"required":false}],"exampleGroup":"Referrals","examples":[{"title":"Referral Card","content":"<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>"}]},{"tagName":"sqm-referral-iframe","title":"Referral IFrame","attributes":[{"name":"iframe-height","type":"string","title":"Iframe Height","description":"Height of the iframe container","default":"100%","required":false},{"name":"iframe-src","type":"string","title":"Iframe Source","description":"URL of iframe to display","required":true},{"name":"iframe-width","type":"string","title":"Iframe Width","description":"Width of the iframe container","default":"100%","required":false}],"examples":[]},{"tagName":"sqm-referral-table","title":"Referral Table","slots":[{"name":"","title":"Table Row"},{"name":"empty","title":"Empty"},{"name":"loading","title":"Loading"}],"attributes":[{"name":"hidden-columns","type":"string","title":"Hidden Mobile Columns","description":"Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3","default":"0","required":false},{"name":"md-breakpoint","type":"number","title":"Tablet Breakpoint","description":"","default":799,"required":false},{"name":"more-label","type":"string","title":"View More Button Text","description":"","default":"Next","required":false},{"name":"per-page","type":"number","title":"Referrals Per Page","description":"Number of referrals displayed per page","default":4,"required":false},{"name":"prev-label","type":"string","title":"Previous Button Text","description":"","default":"Prev","required":false},{"name":"program-id","type":"string","title":"Program","description":"Filters to only show referrals in this program. Will default to filtering by the program context where\r\nthis table lives. If no program ID is set or provided by context, then shows all referrals from all programs.\r\nIf program ID is \"classic\", shows classic-only referrals","uiWidget":"programSelector","required":false},{"name":"show-labels","type":"boolean","title":"Show Column Labels","description":"","default":true,"required":false},{"name":"show-referrer","type":"boolean","title":"Show Referrer","description":"Show referred by user in table","default":false,"required":false},{"name":"sm-breakpoint","type":"number","title":"Mobile Breakpoint","description":"","default":599,"required":false}],"exampleGroup":"Referrals","examples":[{"title":"Referral Table","content":"<sqm-referral-table><sqm-referral-table-user-column column-title=\"Customer\" anonymous-user=\"Anonymous User\" deleted-user=\"Deleted User\"></sqm-referral-table-user-column><sqm-referral-table-rewards-column column-title=\"Rewards\" status-text=\"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }\" status-long-text=\"{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }\" fuel-tank-text=\"Your code is\" reward-received-text=\"Reward received on\" expiring-text=\"Expiring in\" pending-for-text=\"{status} for {date}\"></sqm-referral-table-rewards-column><sqm-referral-table-date-column column-title=\"Date converted\" date-shown=\"dateConverted\"></sqm-referral-table-date-column><sqm-referral-table-status-column column-title=\"Status\" converted-status-text=\"Converted\" in-progress-status-text=\"In Progress\"></sqm-referral-table-status-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>"}]},{"tagName":"sqm-referral-table-cell","title":"sqm-referral-table-cell","attributes":[{"name":"inner-template","type":"string","title":"inner-template","description":"","required":false}],"examples":[]},{"tagName":"sqm-referral-table-column","title":"Referral Table Generic Column","attributes":[{"name":"column-title","type":"string","title":"Column Title","description":"","required":false}],"examples":[],"validParents":["sqm-referral-table"]},{"tagName":"sqm-referral-table-date-cell","title":"sqm-referral-table-date-cell","attributes":[{"name":"date","type":"number","title":"date","description":"","required":false},{"name":"locale","type":"string","title":"locale","description":"","default":"en","required":false}],"examples":[]},{"tagName":"sqm-referral-table-date-column","title":"Referral Table Date Column","attributes":[{"name":"column-title","type":"string","title":"Date Column Title","description":"","default":"Date converted","required":false},{"name":"date-shown","type":"string","title":"Date Displayed","description":"","default":"dateConverted","enum":["dateConverted","dateReferralStarted","dateFraudChecksCompleted","dateModerated","dateModified","dateReferralEnded","dateReferralPaid","dateUserModified"],"enumNames":["Date Converted","Date Referral Started","Date Fraud Checks Completed","Date Moderated","Date Modified","Date Referral Ended","Date Referral Paid","Date User Modified"],"required":false}],"exampleGroup":"Referrals","examples":[{"title":"Referral Table Date Column","content":"<sqm-referral-table-date-column column-title=\"Date converted\" date-shown=\"dateConverted\"></sqm-referral-table-date-column>"}],"validParents":["sqm-referral-table"]},{"tagName":"sqm-referral-table-rewards-cell","title":"sqm-referral-table-rewards-cell","attributes":[{"name":"expiring-text","type":"string","title":"expiring-text","description":"","required":false},{"name":"fuel-tank-text","type":"string","title":"fuel-tank-text","description":"","required":false},{"name":"hide-details","type":"boolean","title":"hide-details","description":"","required":false},{"name":"locale","type":"string","title":"locale","description":"","default":"en","required":false},{"name":"pending-for-text","type":"string","title":"pending-for-text","description":"","required":false},{"name":"reward-received-text","type":"string","title":"reward-received-text","description":"","required":false},{"name":"status-long-text","type":"string","title":"status-long-text","description":"","required":false},{"name":"status-text","type":"string","title":"status-text","description":"","required":false}],"examples":[]},{"tagName":"sqm-referral-table-rewards-column","title":"Referral Table Rewards Column","attributes":[{"name":"column-title","type":"string","title":"Reward column title","description":"","default":"Rewards","required":false},{"name":"expiring-text","type":"string","title":"Reward Expiring Text","description":"Shown in the dropdown details when a reward has an expiry date.","default":"Expiring in","required":false},{"name":"fuel-tank-text","type":"string","title":"Fuel Tank Code Text","description":"Shown in the dropdown details when a reward has an associated fuel tank code.","default":"Your code is","required":false},{"name":"hide-details","type":"boolean","title":"Hide dropdown details of reward","description":"","default":false,"required":false},{"name":"pending-for-text","type":"string","title":"Reward Pending Text","description":"Shown in the dropdown details when a reward is pending.","default":"{status} for {date}","required":false},{"name":"reward-received-text","type":"string","title":"Reward Received Text","description":"Shown in the dropdown details when a reward has been received.’","default":"Reward received on","required":false},{"name":"status-long-text","type":"string","title":"Reward Status Long Text","description":"Additional status text shown in the details drop down.","default":"{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }","uiWidget":"textArea","required":false},{"name":"status-text","type":"string","title":"Reward Status Text","description":"Text shown in the reward status badge.","default":"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }","uiWidget":"textArea","required":false}],"exampleGroup":"Referrals","examples":[{"title":"Referral Table Rewards Column","content":"<sqm-referral-table-rewards-column column-title=\"Rewards\" status-text=\"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }\" status-long-text=\"{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }\" fuel-tank-text=\"Your code is\" reward-received-text=\"Reward received on\" expiring-text=\"Expiring in\" pending-for-text=\"{status} for {date}\"></sqm-referral-table-rewards-column>"}],"validParents":["sqm-referral-table"]},{"tagName":"sqm-referral-table-status-cell","title":"sqm-referral-table-status-cell","attributes":[{"name":"converted","type":"boolean","title":"converted","description":"","required":false},{"name":"status-text","type":"string","title":"status-text","description":"","required":false}],"examples":[]},{"tagName":"sqm-referral-table-status-column","title":"Referral Table Status Column","attributes":[{"name":"column-title","type":"string","title":"Column Title","description":"","default":"Status","required":false},{"name":"converted-status-text","type":"string","title":"Converted Status Text","description":"","default":"Converted","required":false},{"name":"in-progress-status-text","type":"string","title":"In Progress Status Text","description":"","default":"In Progress","required":false}],"exampleGroup":"Referrals","examples":[{"title":"Referral Table Status Column","content":"<sqm-referral-table-status-column column-title=\"Status\" converted-status-text=\"Converted\" in-progress-status-text=\"In Progress\"></sqm-referral-table-status-column>"}],"validParents":["sqm-referral-table"]},{"tagName":"sqm-referral-table-user-cell","title":"sqm-referral-table-user-cell","attributes":[{"name":"name","type":"string","title":"name","description":"","required":false}],"examples":[]},{"tagName":"sqm-referral-table-user-column","title":"Referral Table User Column","attributes":[{"name":"anonymous-user","type":"string","title":"Anonymous User Text","description":"Name displayed for unknown users","default":"Anonymous User","required":false},{"name":"column-title","type":"string","title":"User Column Title","description":"","default":"Customer","required":false},{"name":"deleted-user","type":"string","title":"Deleted User Text","description":"Name displayed for deleted users","default":"Deleted User","required":false}],"exampleGroup":"Referrals","examples":[{"title":"Referral Table User Column","content":"<sqm-referral-table-user-column column-title=\"Customer\" anonymous-user=\"Anonymous User\" deleted-user=\"Deleted User\"></sqm-referral-table-user-column>"}],"validParents":["sqm-referral-table"]},{"tagName":"sqm-reward-exchange-list","title":"Reward Exchange","slots":[{"name":"empty","title":"Empty State"}],"attributes":[{"name":"back-text","type":"string","title":"Back Button Text","description":"","default":"Back","required":false},{"name":"cancel-text","type":"string","title":"Cancel Button Text","description":"","default":"Cancel","required":false},{"name":"choose-amount-title","type":"string","title":"Choose Amount Progress Title","description":"","default":"Select","required":false},{"name":"choose-reward-title","type":"string","title":"Choose Reward Progress Title","description":"","default":"Rewards","required":false},{"name":"confirmation-title","type":"string","title":"Confirmation Progress Title","description":"","default":"Confirm","required":false},{"name":"continue-text","type":"string","title":"Continue Button Text","description":"","default":"Continue","required":false},{"name":"continue-to-confirmation-text","type":"string","title":"Continue to Confirmation Button Text","description":"Displayed on the reward selection page.","default":"Continue to confirmation","required":false},{"name":"cost-title","type":"string","title":"Cost Row Title","description":"Shown in the confirmation state.","default":"Cost to Redeem","required":false},{"name":"done-text","type":"string","title":"Done Text","description":"","default":"Done","required":false},{"name":"not-available-error","type":"string","title":"Not Available Error","description":"Error message shown when reward is not available","default":"{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }","uiWidget":"textArea","required":false},{"name":"not-enough-error","type":"string","title":"Not Enough Error Message","description":"","default":"Not enough {sourceUnit} to redeem for this reward","uiWidget":"textArea","required":false},{"name":"promo-code","type":"string","title":"Promo Code Text","description":"","default":"Promo Code","required":false},{"name":"query-error","type":"string","title":"Reward List Error Message","description":"Shown if an error occurs when loading the reward exchange.","default":"Unable to load reward exchange list. Please try again","uiWidget":"textArea","required":false},{"name":"redeem-text","type":"string","title":"Redeem Button Text","description":"","default":"Redeem","required":false},{"name":"redeem-title","type":"string","title":"Confirmation Title Text","description":"Displayed as the header for the confirmation page.","default":"Confirm and redeem","required":false},{"name":"redemption-error","type":"string","title":"Redemption Error Message","description":"Shown if an error occurs during the reward exchange.","default":"An error occured trying to redeem this reward. Please try again","uiWidget":"textArea","required":false},{"name":"redemption-success-text","type":"string","title":"Redemption Success Message","description":"Displayed on the success screen when a user successfully exchanges for a reward.","default":"Redeemed {sourceValue} for {destinationValue}","uiWidget":"textArea","required":false},{"name":"reward-amount-title","type":"string","title":"Reward Amount Row Title","description":"Shown in the confirmation state.","default":"Reward Amount","required":false},{"name":"reward-name-title","type":"string","title":"Reward Row Title","description":"Shown in the confirmation state.","default":"Reward","required":false},{"name":"reward-redeemed-text","type":"string","title":"Reward Redeemed Text","description":"","default":"Reward redeemed","required":false},{"name":"reward-title","type":"string","title":"Reward Title Text","description":"","default":"Choose a reward","required":false},{"name":"select-text","type":"string","title":"Select Amount Text","description":"","default":"Select amount to receive","uiWidget":"textArea","required":false},{"name":"skeleton-card-num","type":"number","title":"Loading Cards","description":"Set the number of placeholder cards to be shown in loading state.","default":8,"required":false},{"name":"source-amount-message","type":"string","title":"Reward Exchange Amount Text","description":"Displayed on the reward exchange cards.","default":"{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}","uiWidget":"textArea","required":false},{"name":"tooltip-text","type":"string","title":"Tooltip Text","description":"Shown when a user copies a fuel tank code","default":"Copied","required":false}],"examples":[]},{"tagName":"sqm-rewards-table","title":"Reward Table","slots":[{"name":"","title":"Table Row"},{"name":"empty","title":"Empty"},{"name":"loading","title":"Loading"}],"attributes":[{"name":"hidden-columns","type":"string","title":"Mobile Hidden Columns","description":"Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3","default":"0","required":false},{"name":"md-breakpoint","type":"number","title":"Tablet Breakpoint","description":"","default":799,"required":false},{"name":"more-label","type":"string","title":"View More button text","description":"","default":"Next","required":false},{"name":"per-page","type":"number","title":"Number of rewards per page","description":"","default":4,"required":false},{"name":"prev-label","type":"string","title":"Previous button text","description":"","default":"Prev","required":false},{"name":"program-id","type":"string","title":"Program","description":"Filters to only show rewards in this program. Will default to filtering by the program context where\r\nthis table lives. If no program ID is set or provided by context, then shows all rewards from all programs.","uiWidget":"programSelector","required":false},{"name":"show-labels","type":"boolean","title":"Show column labels","description":"","default":true,"required":false},{"name":"sm-breakpoint","type":"number","title":"Mobile Breakpoint","description":"","default":599,"required":false}],"exampleGroup":"Rewards","examples":[{"title":"Reward Table","content":"<sqm-rewards-table per-page=\"4\" show-labels= prev-label=\"Prev\" more-label=\"Next\" hidden-columns=\"0\" sm-breakpoint=\"599\" md-breakpoint=\"799\"><sqm-rewards-table-status-column column-title=\"Status\" status-text=\"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }\" expiry-text=\"Expires on \" pending-us-tax=\"W-9 required\" pending-scheduled=\"Until\" pending-unhandled=\"Fulfillment error\"></sqm-rewards-table-status-column><sqm-rewards-table-source-column column-title=\"Source\" anonymous-user=\"Anonymous User\" deleted-user=\"Deleted User\" reward-exchange-text=\"Reward Exchange\" referral-rext=\"{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}\" reward-source-text=\"{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}\"></sqm-rewards-table-source-column><sqm-rewards-table-reward-column column-title=\"Reward\" redeemed-text=\"{redeemedAmount} redeemed\" available-text=\"{availableAmount} remaining\" copy-text=\"Copied!\"></sqm-rewards-table-reward-column><sqm-rewards-table-date-column column-title=\"Date received\" date-shown=\"dateGiven\"></sqm-rewards-table-date-column><sqm-rewards-table-customer-note-column column-title=\"Note\"></sqm-rewards-table-customer-note-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=\"Complete program tasks to view the details of your rewards\"></sqm-empty></sqm-rewards-table>"}]},{"tagName":"sqm-rewards-table-customer-note-cell","title":"sqm-rewards-table-customer-note-cell","attributes":[{"name":"locale","type":"string","title":"locale","description":"","default":"en","required":false},{"name":"note","type":"string","title":"note","description":"","required":false}],"examples":[]},{"tagName":"sqm-rewards-table-customer-note-column","title":"Reward Table Customer Note Column","attributes":[{"name":"column-title","type":"string","title":"Column Title","description":"","default":"Note","required":false}],"exampleGroup":"Rewards","examples":[{"title":"Reward Table Customer Note Column","content":"<sqm-rewards-table-customer-note-column column-title=\"Note\"></sqm-rewards-table-customer-note-column>"}],"validParents":["sqm-rewards-table"]},{"tagName":"sqm-rewards-table-date-cell","title":"sqm-rewards-table-date-cell","attributes":[{"name":"date","type":"number","title":"date","description":"","required":false},{"name":"locale","type":"string","title":"locale","description":"","default":"en","required":false}],"examples":[]},{"tagName":"sqm-rewards-table-date-column","title":"Reward Table Date Column","attributes":[{"name":"column-title","type":"string","title":"Date Column Title","description":"","default":"Date received","required":false},{"name":"date-shown","type":"string","title":"Date Displayed","description":"","default":"dateGiven","enum":["dateGiven","dateExpires","dateCancelled","dateRedeemed","dateScheduledFor"],"enumNames":["Date Given","Date Expires","Date Cancelled","Date Redeemed","Date Scheduled For"],"required":false}],"exampleGroup":"Rewards","examples":[{"title":"Reward Table Date Column","content":"<sqm-rewards-table-date-column column-title=\"Date received\" date-shown=\"dateGiven\"></sqm-rewards-table-date-column>"}],"validParents":["sqm-rewards-table"]},{"tagName":"sqm-rewards-table-reward-cell","title":"sqm-rewards-table-reward-cell","attributes":[{"name":"available-text","type":"string","title":"available-text","description":"","required":false},{"name":"copy-text","type":"string","title":"copy-text","description":"","required":false},{"name":"locale","type":"string","title":"locale","description":"","required":false},{"name":"redeemed-text","type":"string","title":"redeemed-text","description":"","required":false}],"examples":[]},{"tagName":"sqm-rewards-table-reward-column","title":"Rewards Table Reward Column","attributes":[{"name":"available-text","type":"string","title":"Remaining Amount Text","description":"","default":"{availableAmount} remaining","required":false},{"name":"column-title","type":"string","title":"Reward Column Title","description":"","default":"Reward","required":false},{"name":"copy-text","type":"string","title":"Copied Fuel Tank Text","description":"","default":"Copied!","required":false},{"name":"redeemed-text","type":"string","title":"Redeemed Amount Text","description":"","default":"{redeemedAmount} redeemed","required":false}],"exampleGroup":"Rewards","examples":[{"title":"Rewards Table Reward Column","content":"<sqm-rewards-table-reward-column column-title=\"Reward\" redeemed-text=\"{redeemedAmount} redeemed\" available-text=\"{availableAmount} remaining\" copy-text=\"Copied!\"></sqm-rewards-table-reward-column>"}],"validParents":["sqm-rewards-table"]},{"tagName":"sqm-rewards-table-source-cell","title":"sqm-rewards-table-source-cell","attributes":[{"name":"anonymous-user-text","type":"string","title":"anonymous-user-text","description":"","required":false},{"name":"deleted-user-text","type":"string","title":"deleted-user-text","description":"","required":false},{"name":"locale","type":"string","title":"locale","description":"","default":"en","required":false},{"name":"referral-text","type":"string","title":"referral-text","description":"","required":false},{"name":"reward-exchange-text","type":"string","title":"reward-exchange-text","description":"","required":false},{"name":"reward-source-text","type":"string","title":"reward-source-text","description":"","required":false}],"examples":[]},{"tagName":"sqm-rewards-table-source-column","title":"Reward Table Source Column","attributes":[{"name":"anonymous-user","type":"string","title":"Anonymous User Text","description":"Name displayed for unknown users","default":"Anonymous User","required":false},{"name":"column-title","type":"string","title":"Soruce Column Title","description":"","default":"Source","required":false},{"name":"deleted-user","type":"string","title":"Deleted User Text","description":"Name displayed for deleted users","default":"Deleted User","required":false},{"name":"referral-text","type":"string","title":"Referral Text","description":"Shown when a reward has been created by a referral","default":"{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}","uiWidget":"textArea","required":false},{"name":"reward-exchange-text","type":"string","title":"Reward Exchange Label","description":"","default":"Reward Exchange","required":false},{"name":"reward-source-text","type":"string","title":"Reward Source Text","description":"Shown when a reward has been created by a source other than a referral.","default":"{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}","uiWidget":"textArea","required":false}],"exampleGroup":"Rewards","examples":[{"title":"Reward Table Source Column","content":"<sqm-rewards-table-source-column column-title=\"Source\" anonymous-user=\"Anonymous User\" deleted-user=\"Deleted User\" reward-exchange-text=\"Reward Exchange\" referral-rext=\"{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}\" reward-source-text=\"{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}\"></sqm-rewards-table-source-column>"}],"validParents":["sqm-rewards-table"]},{"tagName":"sqm-rewards-table-status-cell","title":"sqm-rewards-table-status-cell","attributes":[{"name":"expiry-text","type":"string","title":"expiry-text","description":"","default":"Expires","required":false},{"name":"locale","type":"string","title":"locale","description":"","default":"en","required":false},{"name":"pending-scheduled","type":"string","title":"pending-scheduled","description":"","default":"Until","required":false},{"name":"pending-unhandled","type":"string","title":"pending-unhandled","description":"","default":"Fulfillment error","required":false},{"name":"pending-us-tax","type":"string","title":"pending-us-tax","description":"","default":"W-9 required","required":false},{"name":"status-text","type":"string","title":"status-text","description":"","required":false}],"examples":[]},{"tagName":"sqm-rewards-table-status-column","title":"Reward Table Status Column","attributes":[{"name":"column-title","type":"string","title":"Column Title","description":"","default":"Status","required":false},{"name":"expiry-text","type":"string","title":"Expired Status Text","description":"","default":"Expires on ","required":false},{"name":"pending-scheduled","type":"string","title":"Expiry Date Prefix","description":"","default":"Until","required":false},{"name":"pending-unhandled","type":"string","title":"Unhandled Error Text","description":"Displayed when fulfillment error occured when creating a reward.","default":"Fulfillment error","required":false},{"name":"pending-us-tax","type":"string","title":"W9 Pending Text","description":"Displayed when a reward is pending due to W9 compliance.","default":"W-9 required","required":false},{"name":"status-text","type":"string","title":"Reward Status Text","description":"","default":"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }","uiWidget":"textArea","required":false}],"exampleGroup":"Rewards","examples":[{"title":"Reward Table Status Column","content":"<sqm-rewards-table-status-column column-title=\"Status\" status-text=\"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }\" expiry-text=\"Expires on \" pending-us-tax=\"W-9 required\" pending-scheduled=\"Until\" pending-unhandled=\"Fulfillment error\"></sqm-rewards-table-status-column>"}],"validParents":["sqm-rewards-table"]},{"tagName":"sqm-route","title":"Route (for pages)","attributes":[{"name":"path","type":"string","title":"Navigation Path Name","description":"","required":false}],"examples":[]},{"tagName":"sqm-router","title":"Router (for pages)","attributes":[],"examples":[]},{"tagName":"sqm-scroll","title":"Scroll Button","slots":[{"name":"","title":"Button Content"}],"attributes":[{"name":"button-text","type":"string","title":"Button Text","description":"","required":false},{"name":"button-type","type":"string","title":"Button Type","description":"","default":"default","enum":["default","primary","success","neutral","warning","danger","text"],"enumNames":["Default","Primary","Success","Neutral","Warning","Danger","Text"],"required":false},{"name":"circle","type":"boolean","title":"Circle","description":"Draws a circle button.","required":false},{"name":"icon-name","type":"string","title":"Icon","description":"","required":false},{"name":"icon-slot","type":"string","title":"Icon Slot","description":"","enum":["prefix","suffix"],"enumNames":["Prefix","Suffix"],"required":false},{"name":"mobile","type":"boolean","title":"Full Width on Mobile","description":"The button becomes full width if the screen size is smaller than 500px","required":false},{"name":"outline","type":"boolean","title":"Outline","description":"Draws an outlined button.","required":false},{"name":"pill","type":"boolean","title":"Pill","description":"Draws a pill-style button with rounded edges.","required":false},{"name":"scroll-animation","type":"string","title":"Scroll Animation Style","description":"","default":"smooth","enum":["smooth","auto"],"enumNames":["Smooth","Auto"],"required":false},{"name":"scroll-id","type":"string","title":"Scroll Id","description":"","required":false},{"name":"scroll-tag-name","type":"string","title":"Scroll Tag Name","description":"","required":false},{"name":"size","type":"string","title":"Size","description":"","enum":["small","medium","large"],"enumNames":["Small","Medium","Large"],"required":false}],"exampleGroup":"Common Components","examples":[{"title":"Scroll Button","content":"<sqm-scroll button-type=\"primary\" size=\"medium\" outline mobile scroll-animation=\"smooth\">Button Text</sqm-scroll>"}],"slotEditor":"richText"},{"tagName":"sqm-share-button","title":"Share Button","slots":[{"name":"","title":"Button Content"}],"attributes":[{"name":"backgroundcolor","type":"string","title":"Button Background Color","description":"","uiWidget":"color","format":"color","required":false},{"name":"borderradius","type":"number","title":"Border Radius","description":"Configure border radius with pixel amount","required":false},{"name":"disabled","type":"boolean","title":"Disabled","description":"","required":false},{"name":"hideicon","type":"boolean","title":"Hide Icon","description":"","default":false,"required":false},{"name":"hidetext","type":"boolean","title":"Hide Text","description":"","default":false,"required":false},{"name":"icon","type":"string","title":"Icon","description":"Options available at https://shoelace.style/components/icon\r\n\r\nIcon used in button. Will try to select an icon based on the share medium if left empty.","required":false},{"name":"iconslot","type":"string","title":"Icon Location","description":"","default":"prefix","enum":["prefix","suffix"],"enumNames":["Prefix","Suffix"],"required":false},{"name":"medium","type":"string","title":"Share Medium","description":"The social medium to share on. Share messages and links\r\nwill be pulled from your program config and tagged for analytics.","enum":["facebook","twitter","email","direct","linkedin","sms","fbmessenger","whatsapp","linemessenger","pinterest"],"enumNames":["Facebook","Twitter","Email","Web Share Sheet","Linkedin","SMS","Facebook Messenger","Whatsapp","Line Messenger","Pinterest"],"required":true},{"name":"pill","type":"boolean","title":"Display Pill","description":"","required":false},{"name":"program-id","type":"string","title":"Program ID","description":"Optional programId, or uses the programId context where this button is rendered.","uiWidget":"programSelector","required":false},{"name":"sharetext","type":"string","title":"Share Text","description":"Text used for native sharing (mobile only)","required":false},{"name":"sharetitle","type":"string","title":"Share Title","description":"Title used for native sharing (mobile only)","required":false},{"name":"size","type":"string","title":"Button Size","description":"","enum":["small","medium","large"],"enumNames":["Small","Medium","Large"],"required":false},{"name":"textcolor","type":"string","title":"Button Text Color","description":"","uiWidget":"color","format":"color","required":false},{"name":"type","type":"string","title":"Button Style","description":"","default":"default","enum":["primary","success","info","warning","danger","default","text"],"enumNames":["Primary","Success","Info","Warning","Danger","Default","Text"],"required":false}],"exampleGroup":"Sharing","examples":[{"title":"Facebook Share Button","content":"<sqm-share-button medium=\"facebook\">Share on Facebook</sqm-share-button>"},{"title":"Twitter Share Button","content":"<sqm-share-button medium=\"twitter\">Share via Tweet</sqm-share-button>"},{"title":"Email Share Button","content":"<sqm-share-button medium=\"email\">Share via Email</sqm-share-button>"},{"title":"Web Share Sheet Share Button","content":"<sqm-share-button medium=\"direct\">Share</sqm-share-button>"},{"title":"LinkedIn Share Button","content":"<sqm-share-button medium=\"linkedin\">Share on LinkedIn</sqm-share-button>"},{"title":"SMS Share Button","content":"<sqm-share-button medium=\"sms\">Text a friend</sqm-share-button>"},{"title":"Facebook Messenger Share Button","content":"<sqm-share-button medium=\"fbmessenger\">Share via Messenger</sqm-share-button>"},{"title":"WhatsApp Share Button","content":"<sqm-share-button medium=\"whatsapp\">Share via WhatsApp</sqm-share-button>"},{"title":"Line Messenger Share Button","content":"<sqm-share-button medium=\"linemessenger\">Share via Line Messenger</sqm-share-button>"},{"title":"Pinterest Share Button","content":"<sqm-share-button medium=\"pinterest\">Share on Pinterest</sqm-share-button>"}],"slotEditor":"richText"},{"tagName":"sqm-share-code","title":"Share Code","attributes":[{"name":"program-id","type":"string","title":"Program ID","description":"The ID of the program that should generate the code. Defaults to the program ID in context where this widget is loaded.","uiWidget":"programSelector","required":false},{"name":"tooltip-lifespan","type":"number","title":"Tooltip lifespan","description":"The number of milliseconds that the tooltip appears for","default":1000,"required":false},{"name":"tooltip-text","type":"string","title":"Tooltip Text","description":"Shown inside a tooltip after someone has successfully copied the link to their clipboard.","default":"Copied to Clipboard","required":false}],"exampleGroup":"Referrals","examples":[{"title":"Share Code","content":"<sqm-share-code tooltip-text=\"Copied to Clipboard\" tooltip-lifespan=\"1000\"></sqm-share-code>"}]},{"tagName":"sqm-share-link","title":"Share Link","attributes":[{"name":"program-id","type":"string","title":"Program ID","description":"The ID of the program that should generate the link. Defaults to the program ID in context where this widget is loaded.","uiWidget":"programSelector","required":false},{"name":"tooltip-lifespan","type":"number","title":"Tooltip Lifespan","description":"The number of milliseconds that the tooltip appears for","default":1000,"required":false},{"name":"tooltip-text","type":"string","title":"Tooltip Text","description":"Shown inside a tooltip after someone has successfully copied the link to their clipboard.","default":"Copied to Clipboard","required":false}],"exampleGroup":"Referrals","examples":[{"title":"Share Link","content":"<sqm-share-link tooltip-text=\"Copied to Clipboard\" tooltip-lifespan=\"1000\"></sqm-share-link>"}]},{"tagName":"sqm-stat-container","title":"Stat Container","slots":[{"name":"","title":"Stats"}],"attributes":[{"name":"display","type":"string","title":"Display","description":"","default":"grid","enum":["grid","flex"],"enumNames":["Grid","Flex"],"required":false},{"name":"space","type":"string","title":"Space Between Stats","description":"","default":"xxx-large","enum":["none","xxx-small","xx-small","x-small","small","medium","large","x-large","xx-large","xxx-large","xxxx-large"],"enumNames":["None","XXX-Small","XX-Small","X-Small","Small","Medium","Large","X-Large","XX-Large","XXX-Large","XXXX-Large"],"required":false}],"exampleGroup":"Statistics","examples":[{"title":"Container with Three Stats","content":"<sqm-stat-container space=\"xxx-large\" display=\"flex\"><sqm-big-stat flex-reverse=\"true\" alignment=\"left\" stat-type=\"/rewardBalance/CREDIT/POINT/value/global\">Points Balance</sqm-big-stat><sqm-big-stat flex-reverse=\"true\" alignment=\"left\" stat-type=\"/integrationRewardsCountFiltered/AVAILABLE/global\">Giftcards Earned</sqm-big-stat><sqm-big-stat flex-reverse=\"true\" alignment=\"left\" stat-type=\"/referralsCount\">Referrals</sqm-big-stat></sqm-stat-container>"}]},{"tagName":"sqm-stencilbook","title":"sqm-stencilbook","attributes":[],"examples":[]},{"tagName":"sqm-tab","title":"Tab","slots":[{"name":"","title":"Tab Content"}],"attributes":[{"name":"header","type":"string","title":"Tab Title","description":"","required":false}],"exampleGroup":"Layout","examples":[{"title":"Tab","content":"<sqm-tab header=\"Example\">This is an example tab. Add your own content here.</sqm-tab>"}],"validParents":["sqm-tabs"]},{"tagName":"sqm-table-cell","title":"sqm-table-cell","attributes":[{"name":"colspan","type":"number","title":"colspan","description":"","default":1,"required":false},{"name":"padding","type":"string","title":"padding","description":"","default":"15px 10px","required":false}],"examples":[]},{"tagName":"sqm-table-row","title":"sqm-table-row","attributes":[{"name":"border","type":"string","title":"border","description":"","default":"1px solid #EAEAEA","required":false}],"examples":[]},{"tagName":"sqm-tabs","title":"Tab Group","slots":[{"name":"","title":"Tabs","validChildren":["sqm-tab"]}],"attributes":[{"name":"placement","type":"string","title":"Tabs Placement","description":"Used to specify the placement of the tabs","enum":["left","right","bottom","top"],"enumNames":["Left","Right","Bottom","Top"],"required":false}],"exampleGroup":"Layout","examples":[{"title":"Generic Tab Group","content":"<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>"},{"title":"Referral Tab Group","content":"<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>"},{"title":"Loyalty Tab Group","content":"<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>"}]},{"tagName":"sqm-task-card","title":"Task Card","attributes":[{"name":"button-link","type":"string","title":"Button Link","description":"","uiGroup":"Button","required":false},{"name":"button-text","type":"string","title":"Button Text","description":"","default":"Complete Action","uiGroup":"Button","required":false},{"name":"card-title","type":"string","title":"Title","description":"","default":"Title Text","uiGroup":"Task","required":false},{"name":"completed-text","type":"string","title":"Completed Count Text","description":"Displays the amount of times that a user has completed a repeatable task.","default":"Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}","uiWidget":"textArea","uiGroup":"Task","required":false},{"name":"description","type":"string","title":"Description","description":"","default":"","uiGroup":"Task","required":false},{"name":"display-duration","type":"string","title":"Display Duration","description":"Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured.","uiWidget":"dateRange","uiWidgetOptions":{"allowPastDates":true,"months":1},"uiGroup":"Task","required":false},{"name":"ended-message","type":"string","title":"Ended Date Message","description":"Shown to users after the end of the task duration.","default":"Ended {endDate}","uiGroup":"Task","required":false},{"name":"event-key","type":"string","title":"Task Card Button Event Key","description":"Optionally send an event to SaaSquatch when a user clicks the button. Enter your event key into this field.","uiGroup":"Button","required":false},{"name":"expiry-message","type":"string","title":"Expiry Date Message","description":"Displayed when a user views a task card after the reward duration interval.","default":"Ends {endDate}","uiGroup":"Task","required":false},{"name":"finite","type":"number","title":"Repeat Amount","description":"The number of times a reward can be earned.  Use zero for no limit (the default).","default":0,"uiGroup":"Reward","required":false},{"name":"goal","type":"number","title":"Goal Completion Number","description":"Sets the goal for users progress to know when a task has been completed. If repeatable is checked, repeatable goals is an increment of this.","default":1,"uiGroup":"Goal","required":false},{"name":"open-new-tab","type":"boolean","title":"Open In New Tab","description":"Button Link Opens in New Tab","default":false,"uiGroup":"Button","required":false},{"name":"program-id","type":"string","title":"Program ID Override","description":"The ID of the program that is used to scope the task card. Defaults to the program context when no ID is specified.","uiWidget":"programSelector","uiGroup":"Goal","required":false},{"name":"progress-bar-unit","type":"string","title":"Progress Bar Unit","description":"The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars","default":"","uiGroup":"Goal","required":false},{"name":"repeatable","type":"boolean","title":"Goal Repeatable","description":"","default":false,"uiGroup":"Goal","required":false},{"name":"reward-amount","type":"string","title":"Reward Amount","description":"","default":"0","uiGroup":"Reward","required":false},{"name":"reward-duration","type":"string","title":"Reward Duration","description":"Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured.","uiWidget":"dateRange","uiWidgetOptions":{"allowPastDates":true,"months":1},"uiGroup":"Reward","required":false},{"name":"reward-unit","type":"string","title":"Reward Unit","description":"","default":"Points","uiGroup":"Reward","required":false},{"name":"show-progress-bar","type":"boolean","title":"Show Progress Bar","description":"","default":false,"uiGroup":"Goal","required":false},{"name":"starts-on-message","type":"string","title":"Start Date Message","description":"Shown to users before the start of the task duration.","default":"Starts {startDate}","uiGroup":"Task","required":false},{"name":"stat-type","type":"string","title":"Goal Progress Source","description":"Select what type of stat to display for the goal. Manual paths are also supported.","uiWidget":"statTypeSelectWidget","uiWidgetOptions":{"version":1.1},"minLength":1,"uiGroup":"Goal","required":true},{"name":"steps","type":"boolean","title":"Progress Bar Steps","description":"","default":false,"uiGroup":"Goal","required":false}],"exampleGroup":"Rewards","examples":[{"title":"One Time Task Card","content":"<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>"},{"title":"Repeatable Task Card","content":"<sqm-task-card reward-amount=\"250\" goal=\"500\" show-progress-bar card-title=\"Spend $500\" description=\"Earn 150 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\" repeatable=\"\" reward-unit=\"Points\" starts-on-message=\"Starts {startDate}\"></sqm-task-card>"},{"title":"Event Sending Task Card","content":"<sqm-task-card goal=\"1\" reward-amount=\"50\" card-title=\"Follow Us on Twitter\" description=\"Earn 50 points when you follow us on Twitter!\" 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>"}]},{"tagName":"sqm-text","title":"Text","slots":[{"name":"","title":"Text"}],"attributes":[],"exampleGroup":"Typography","examples":[{"title":"H1","content":"<sqm-text><h1>H1 Header Text</h1></sqm-text>"},{"title":"H2","content":"<sqm-text><h2>H2 Header Text</h2></sqm-text>"},{"title":"H3","content":"<sqm-text><h3>H3 Header Text</h3></sqm-text>"},{"title":"H4","content":"<sqm-text><h4>H4 Header Text</h4></sqm-text>"},{"title":"Paragraph","content":"<sqm-text><p>Paragraph Text</p></sqm-text>"}],"slotEditor":"richText","canvasRenderer":"always-replace"},{"tagName":"sqm-text-span","title":"Text Span","attributes":[{"name":"text","type":"string","title":"Text","description":"","required":false},{"name":"type","type":"string","title":"Type","description":"","enum":["p","subtext","h1","h2","h3","h4"],"enumNames":["Paragraph","Subtext","Header 1","Header 2","Header 3","Header 4"],"required":false}],"examples":[],"canvasRenderer":"always-replace"},{"tagName":"sqm-timeline","title":"Program Timeline","slots":[{"name":"","title":"Timeline","validChildren":["sqm-timeline-entry"]}],"attributes":[{"name":"icon","type":"string","title":"Icon","description":"","default":"gift","enum":["gift","circle"],"enumNames":["Gift","Circle"],"required":false}],"exampleGroup":"Common Components","examples":[{"title":"Program Timeline","content":"<sqm-timeline icon=\"circle\"> <sqm-timeline-entry reward=\"$50\" unit=\"visa giftcard\" desc=\"You refer a friend\" 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>"}]},{"tagName":"sqm-timeline-entry","title":"Timeline Entry","attributes":[{"name":"desc","type":"string","title":"Description","description":"","required":false},{"name":"icon","type":"string","title":"Icon","description":"","enum":["gift","circle"],"enumNames":["Gift","Circle"],"required":false},{"name":"reward","type":"string","title":"Reward Amount","description":"","required":false},{"name":"unit","type":"string","title":"Reward Unit","description":"","required":false}],"exampleGroup":"Common Components","examples":[{"title":"Timeline Entry","content":"<sqm-timeline-entry reward=\"$50\" unit=\"visa giftcard\" desc=\"You refer a friend\" icon=\"circle\" > </sqm-timeline-entry>"}],"validParents":["sqm-timeline"]},{"tagName":"sqm-titled-section","title":"Titled Section","slots":[{"name":"label","title":"Label"},{"name":"content","title":"Content"}],"attributes":[{"name":"label","type":"string","title":"Label","description":"Label for the section unless overwritten via the label slot.","required":false},{"name":"label-margin","type":"string","title":"Label Margin Style","description":"","default":"small","enum":["none","xxx-small","xx-small","x-small","small","medium","large","x-large","xx-large","xxx-large","xxxx-large"],"enumNames":["None","XXX-Small","XX-Small","X-Small","Small","Medium","Large","X-Large","XX-Large","XXX-Large","XXXX-Large"],"required":false},{"name":"padding","type":"string","title":"Section Padding","description":"","default":"none","enum":["none","xxx-small","xx-small","x-small","small","medium","large","x-large","xx-large","xxx-large","xxxx-large"],"enumNames":["None","XXX-Small","XX-Small","X-Small","Small","Medium","Large","X-Large","XX-Large","XXX-Large","XXXX-Large"],"required":false},{"name":"text-align","type":"string","title":"Text Alignment","description":"","default":"left","enum":["left","center","right"],"enumNames":["Left","Center","Right"],"required":false}],"exampleGroup":"Layout","examples":[{"title":"Titled Section","content":"<sqm-titled-section text-align=\"center\" label-margin=\"small\" padding=\"none\"><div slot=\"label\">Section Label</div><div slot=\"content\">Add your section content here!</div></sqm-titled-section>"}]},{"tagName":"sqm-user-name","title":"User Name","attributes":[{"name":"fallback","type":"string","title":"Fallback Name","description":"Fallback name for unknown users","default":"Anonymous User","required":false},{"name":"loading-text","type":"string","title":"Loading Text","description":"","default":"...","required":false}],"exampleGroup":"Common Components","examples":[{"title":"User Name Display","content":"<sqm-user-name fallback=\"Anonymous User\"></sqm-user-name>"}]}]}]}