@saasquatch/mint-components 1.5.6-0 → 1.5.6-3

package/grapesjs/grapesjs.js

@@ -5,7 +5,7 @@ System.register([], function (exports_1, context_1) {
     return {
         setters: [],
         execute: function () {
-            components = [{ "tag": "sqm-asset-card", "name": "Asset Card", "uiSchema": { "demoData": { "ui:help": "" }, "img-url": { "ui:name": "Banner Image", "ui:help": "" }, "title-text": { "ui:name": "Banner Title", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "img-url", "type": "string", "title": "Banner Image" }, { "name": "title-text", "type": "string", "title": "Banner Title" }] }, { "tag": "sqm-big-stat", "name": "Big Stat", "uiSchema": { "alignment": { "ui:name": "Alignment", "ui:help": "Controls the alignment of the flexbox" }, "demoData": { "ui:help": "" }, "flex-reverse": { "ui:name": "Flex Reverse", "ui:help": "Controls the order of the stat value & description column" }, "program-id": { "ui:name": "Program ID", "ui:help": "The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified." }, "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": "alignment", "type": "string", "title": "Alignment", "enum": ["left", "right", "center"], "enumNames": ["Left", "Right", "Center"] }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "flex-reverse", "type": "boolean", "title": "Flex Reverse" }, { "name": "program-id", "type": "string", "title": "Program ID" }, { "name": "stat-type", "type": "string", "title": "Stat Type" }] }, { "tag": "sqm-brand", "name": "Brand Container", "uiSchema": { "brand-color": { "ui:widget": "color", "ui:name": "Brand Color", "ui:help": "Controls the primary brand color used in the Mint Components library. Note that this\ndoes not affect vanilla components or other component libraries." }, "brand-font": { "ui:name": "Brand Font", "ui:help": "The brand font that you want to use" } }, "traits": [{ "name": "brand-color", "type": "string", "title": "Brand Color" }, { "name": "brand-font", "type": "string", "title": "Brand Font" }] }, { "tag": "sqm-card-feed", "name": "Card Feed", "uiSchema": { "gap": { "ui:name": "Column Gap", "ui:help": "" }, "width": { "ui:name": "Card Width", "ui:help": "" } }, "traits": [{ "name": "gap", "type": "number", "title": "Column Gap" }, { "name": "width", "type": "number", "title": "Card Width" }] }, { "tag": "sqm-checkbox-field", "name": "Checkbox Field", "uiSchema": { "checkbox-label": { "ui:name": "Checkbox Label", "ui:help": "" }, "checkbox-label-link": { "ui:name": "Checkbox Label Link", "ui:help": "Used with link text if the checkbox label contains {labelLink}" }, "checkbox-label-link-text": { "ui:name": "Checkbox Label Link Text", "ui:help": "" }, "checkbox-name": { "ui:name": "Checkbox Name Attribute", "ui:help": "" }, "checkbox-optional": { "ui:name": "Optional", "ui:help": "" }, "demoData": { "ui:help": "" }, "error-message": { "ui:name": "Unchecked Error Message", "ui:help": "" } }, "traits": [{ "name": "checkbox-label", "type": "string", "title": "Checkbox Label" }, { "name": "checkbox-label-link", "type": "string", "title": "Checkbox Label Link" }, { "name": "checkbox-label-link-text", "type": "string", "title": "Checkbox Label Link Text" }, { "name": "checkbox-name", "type": "string", "title": "Checkbox Name Attribute" }, { "name": "checkbox-optional", "type": "boolean", "title": "Optional" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "error-message", "type": "string", "title": "Unchecked Error Message" }] }, { "tag": "sqm-divided-layout", "name": "Divided Layout", "uiSchema": { "direction": { "ui:name": "Direction", "ui:help": "" }, "divider-style": { "ui:name": "Border Style", "ui:help": "Uses Shorthand CSS border syntax" } }, "traits": [{ "name": "direction", "type": "string", "title": "Direction", "enum": ["row", "column"], "enumNames": ["Row", "Column"] }, { "name": "divider-style", "type": "string", "title": "Border Style" }] }, { "tag": "sqm-dropdown-field", "name": "Dropdown Field", "uiSchema": { "demoData": { "ui:help": "" }, "dropdown-label": { "ui:name": "Dropdown Label", "ui:help": "" }, "dropdown-name": { "ui:name": "Dropdown Name Attribute", "ui:help": "" }, "dropdown-optional": { "ui:name": "Optional", "ui:help": "" }, "error-message": { "ui:name": "Unselected Error Message", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "dropdown-label", "type": "string", "title": "Dropdown Label" }, { "name": "dropdown-name", "type": "string", "title": "Dropdown Name Attribute" }, { "name": "dropdown-optional", "type": "boolean", "title": "Optional" }, { "name": "error-message", "type": "string", "title": "Unselected Error Message" }] }, { "tag": "sqm-edit-profile", "name": "Edit Profile", "uiSchema": { "canceltext": { "ui:name": "Cancel Button Text", "ui:help": "" }, "currentregiontext": { "ui:name": "Region Field Label", "ui:help": "" }, "demoData": { "ui:help": "" }, "editprofileheader": { "ui:name": "Heading", "ui:help": "" }, "editprofiletext": { "ui:name": "Edit Profile Text", "ui:help": "Enable editing button text" }, "firstnametext": { "ui:name": "First Name Label", "ui:help": "" }, "lastnametext": { "ui:name": "Last Name Label", "ui:help": "" }, "showregion": { "ui:name": "Show Region", "ui:help": "Show or hide current region" }, "updatetext": { "ui:name": "Info Button Text", "ui:help": "" } }, "traits": [{ "name": "canceltext", "type": "string", "title": "Cancel Button Text" }, { "name": "currentregiontext", "type": "string", "title": "Region Field Label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "editprofileheader", "type": "string", "title": "Heading" }, { "name": "editprofiletext", "type": "string", "title": "Edit Profile Text" }, { "name": "firstnametext", "type": "string", "title": "First Name Label" }, { "name": "lastnametext", "type": "string", "title": "Last Name Label" }, { "name": "showregion", "type": "boolean", "title": "Show Region" }, { "name": "updatetext", "type": "string", "title": "Info Button Text" }] }, { "tag": "sqm-empty", "name": "Empty State Content", "uiSchema": { "empty-state-header": { "ui:name": "Empty State Title", "ui:help": "" }, "empty-state-image": { "ui:widget": "ImageUpload", "ui:name": "Empty State Image Link", "ui:help": "" }, "empty-state-text": { "ui:name": "Empty State Text", "ui:help": "" } }, "traits": [{ "name": "empty-state-header", "type": "string", "title": "Empty State Title" }, { "name": "empty-state-image", "type": "string", "title": "Empty State Image Link" }, { "name": "empty-state-text", "type": "string", "title": "Empty State Text" }] }, { "tag": "sqm-form-message", "name": "Form Message", "uiSchema": { "icon": { "ui:name": "Icon", "ui:help": "Icon to use in alert" }, "type": { "ui:name": "Alert Type", "ui:help": "" } }, "traits": [{ "name": "icon", "type": "string", "title": "Icon" }, { "name": "type", "type": "string", "title": "Alert Type" }] }, { "tag": "sqm-graphql-client-provider", "name": "GraphQL Client Provider", "uiSchema": { "domain": { "ui:name": "Domain", "ui:help": "" } }, "traits": [{ "name": "domain", "type": "string", "title": "Domain" }] }, { "tag": "sqm-hero", "name": "Hero Layout", "uiSchema": { "background": { "ui:name": "Background", "ui:help": "Can be an image url, colour or Shoelace variable." }, "columns": { "ui:name": "Columns", "ui:help": "Number of columns in the layout" }, "padding-size": { "ui:name": "Padding Size", "ui:help": "" }, "secondary-background": { "ui:name": "Secondary Background", "ui:help": "Secondary background image or color (for use in the right column)" }, "wrap-direction": { "ui:name": "Wrap Direction", "ui:help": "Flexbox wrap direction, accepts wrap or wrap-reverse" } }, "traits": [{ "name": "background", "type": "string", "title": "Background" }, { "name": "columns", "type": "1 | 2", "title": "Columns" }, { "name": "padding-size", "type": "\"large\" | \"medium\" | \"none\" | \"small\"", "title": "Padding Size" }, { "name": "secondary-background", "type": "string", "title": "Secondary Background" }, { "name": "wrap-direction", "type": "\"wrap\" | \"wrap-reverse\"", "title": "Wrap Direction" }] }, { "tag": "sqm-hero-image", "name": "Hero Image", "uiSchema": { "background-color": { "ui:widget": "color", "ui:name": "Background Color", "ui:help": "" }, "button-link": { "ui:name": "CTA Button Link", "ui:help": "" }, "button-new-tab": { "ui:name": "Button New Tab", "ui:help": "CTA Button Opens Link in New Tab" }, "button-text": { "ui:name": "CTA Button Text", "ui:help": "" }, "description": { "ui:name": "Description Text", "ui:help": "" }, "header": { "ui:name": "Title Text", "ui:help": "" }, "image-mobile-pos": { "ui:name": "Image Mobile Position", "ui:help": "" }, "image-percentage": { "ui:name": "Image Percentage", "ui:help": "" }, "image-pos": { "ui:name": "Image Position", "ui:help": "" }, "image-url": { "ui:widget": "ImageUpload", "ui:name": "Image Link", "ui:help": "" }, "layout": { "ui:name": "Image Layout", "ui:help": "" }, "overlay-color": { "ui:widget": "color", "ui:name": "Overlay Color", "ui:help": "" }, "overlay-opacity": { "ui:name": "Overlay Opacity", "ui:help": "" }, "padding-image": { "ui:name": "Image Padding", "ui:help": "" }, "padding-text": { "ui:name": "Text Padding", "ui:help": "" }, "text-color": { "ui:widget": "color", "ui:name": "Text Color", "ui:help": "" } }, "traits": [{ "name": "background-color", "type": "string", "title": "Background Color" }, { "name": "button-link", "type": "string", "title": "CTA Button Link" }, { "name": "button-new-tab", "type": "boolean", "title": "Button New Tab" }, { "name": "button-text", "type": "string", "title": "CTA Button Text" }, { "name": "description", "type": "string", "title": "Description Text" }, { "name": "header", "type": "string", "title": "Title Text" }, { "name": "image-mobile-pos", "type": "string", "title": "Image Mobile Position", "enum": ["top", "bottom"], "enumNames": ["Top", "Bottom"] }, { "name": "image-percentage", "type": "number", "title": "Image Percentage" }, { "name": "image-pos", "type": "string", "title": "Image Position", "enum": ["left", "center", "right"], "enumNames": ["Left", "Center", "Right"] }, { "name": "image-url", "type": "string", "title": "Image Link" }, { "name": "layout", "type": "string", "title": "Image Layout", "enum": ["overlay", "columns"], "enumNames": ["Overlay", "Two-column"] }, { "name": "overlay-color", "type": "string", "title": "Overlay Color" }, { "name": "overlay-opacity", "type": "string", "title": "Overlay Opacity" }, { "name": "padding-image", "type": "string", "title": "Image Padding", "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"] }, { "name": "padding-text", "type": "string", "title": "Text Padding", "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"] }, { "name": "text-color", "type": "string", "title": "Text Color" }] }, { "tag": "sqm-hook-story-container", "name": "sqm-hook-story-container", "uiSchema": { "hookStory": { "ui:help": "" } }, "traits": [{ "name": "hookStory", "type": "FunctionalComponent<{}>", "title": "hookStory" }] }, { "tag": "sqm-image", "name": "Image", "uiSchema": { "alignment": { "ui:name": "Position Alignment", "ui:help": "" }, "background-color": { "ui:widget": "color", "ui:name": "Background Color", "ui:help": "" }, "image-url": { "ui:widget": "ImageUpload", "ui:name": "Image Link", "ui:help": "" }, "min-height": { "ui:name": "Minimum Height", "ui:help": "(Optional) Helps with constraining the minimum image size. Can be a pixel value or a percentage i.e. \"500px\", \"33%\", etc." } }, "traits": [{ "name": "alignment", "type": "string", "title": "Position Alignment", "enum": ["left", "center", "right"], "enumNames": ["Left", "Center", "Right"] }, { "name": "background-color", "type": "string", "title": "Background Color" }, { "name": "image-url", "type": "string", "title": "Image Link" }, { "name": "min-height", "type": "string", "title": "Minimum Height" }] }, { "tag": "sqm-input-field", "name": "Input Field", "uiSchema": { "demoData": { "ui:help": "" }, "error-message": { "ui:name": "Required Error Message", "ui:help": "" }, "field-label": { "ui:name": "Input Label", "ui:help": "" }, "field-name": { "ui:name": "Input Name Attribute", "ui:help": "Used as the key of the inputs value in form data." }, "field-optional": { "ui:name": "Optional", "ui:help": "" }, "field-type": { "ui:name": "Input Type", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "error-message", "type": "string", "title": "Required Error Message" }, { "name": "field-label", "type": "string", "title": "Input Label" }, { "name": "field-name", "type": "string", "title": "Input Name Attribute" }, { "name": "field-optional", "type": "boolean", "title": "Optional" }, { "name": "field-type", "type": "string", "title": "Input Type", "enum": ["text", "date", "tel"], "enumNames": ["Text", "Date", "Phone Number"] }] }, { "tag": "sqm-leaderboard", "name": "Leaderboard", "uiSchema": { "anonymous-user": { "ui:name": "Unknown User Text", "ui:help": "Title displayed for users without names" }, "demoData": { "ui:help": "" }, "hide-viewer": { "ui:name": "Hide Viewing User", "ui:help": "Hide the viewer's leaderboard row if not in the top 10." }, "interval": { "ui:widget": "DateRange", "ui:name": "Leaderboard Time Interval", "ui:help": "" }, "leaderboard-type": { "ui:name": "Leaderboard Type", "ui:help": "" }, "max-rows": { "ui:name": "Maximum Rows Number", "ui:help": "Control the maximum amount of rows displayed on the leaderboard." }, "program-id": { "ui:name": "Program", "ui:help": "Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is.\nIf no program ID is set or provided by context, then a global leaderboard is shown." }, "rank-type": { "ui:name": "Rank Type", "ui:help": "" }, "rankheading": { "ui:name": "Rank Column Heading", "ui:help": "" }, "show-rank": { "ui:name": "Show Leaderboard Rank", "ui:help": "" }, "statsheading": { "ui:name": "Stats Column Heading", "ui:help": "" }, "usersheading": { "ui:name": "User Column Heading", "ui:help": "" } }, "traits": [{ "name": "anonymous-user", "type": "string", "title": "Unknown User Text" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "hide-viewer", "type": "boolean", "title": "Hide Viewing User" }, { "name": "interval", "type": "string", "title": "Leaderboard Time Interval" }, { "name": "leaderboard-type", "type": "string", "title": "Leaderboard Type", "enum": ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"], "enumNames": ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"] }, { "name": "max-rows", "type": "number", "title": "Maximum Rows Number" }, { "name": "program-id", "type": "string", "title": "Program" }, { "name": "rank-type", "type": "string", "title": "Rank Type", "enum": ["rowNumber", "rank", "denseRank"], "enumNames": ["Row Number", "Rank", "Dense Rank"] }, { "name": "rankheading", "type": "string", "title": "Rank Column Heading" }, { "name": "show-rank", "type": "boolean", "title": "Show Leaderboard Rank" }, { "name": "statsheading", "type": "string", "title": "Stats Column Heading" }, { "name": "usersheading", "type": "string", "title": "User Column Heading" }] }, { "tag": "sqm-leaderboard-rank", "name": "Leaderboard Rank", "uiSchema": { "demoData": { "ui:help": "" }, "interval": { "ui:widget": "DateRange", "ui:name": "Leaderboard Time Interval", "ui:help": "" }, "leaderboard-type": { "ui:name": "Leaderboard Type", "ui:help": "" }, "program-id": { "ui:name": "Program", "ui:help": "Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is.\nIf no program ID is set or provided by context, then a global leaderboard is shown." }, "rank-text": { "ui:name": "Rank Text", "ui:help": "" }, "rank-type": { "ui:name": "Default Rank", "ui:help": "" }, "unranked-text": { "ui:name": "Unranked Text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "interval", "type": "string", "title": "Leaderboard Time Interval" }, { "name": "leaderboard-type", "type": "string", "title": "Leaderboard Type", "enum": ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"], "enumNames": ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"] }, { "name": "program-id", "type": "string", "title": "Program" }, { "name": "rank-text", "type": "string", "title": "Rank Text" }, { "name": "rank-type", "type": "string", "title": "Default Rank", "enum": ["rowNumber", "rank", "denseRank"], "enumNames": ["Row Number", "Rank", "Dense Rank"] }, { "name": "unranked-text", "type": "string", "title": "Unranked Text" }] }, { "tag": "sqm-name-fields", "name": "Name Fields", "uiSchema": { "demoData": { "ui:help": "" }, "first-name-label": { "ui:name": "First Name label", "ui:help": "" }, "last-name-label": { "ui:name": "Last Name label", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "first-name-label", "type": "string", "title": "First Name label" }, { "name": "last-name-label", "type": "string", "title": "Last Name label" }] }, { "tag": "sqm-navigation-menu", "name": "Navigation Menu", "uiSchema": { "demoData": { "ui:help": "" }, "include-dropdown": { "ui:name": "Include Dropdown Menu", "ui:help": "" }, "menu-label": { "ui:name": "Menu Label", "ui:help": "Label on the header menu" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "include-dropdown", "type": "boolean", "title": "Include Dropdown Menu" }, { "name": "menu-label", "type": "string", "title": "Menu Label" }] }, { "tag": "sqm-navigation-sidebar", "name": "Navigation Sidebar", "uiSchema": {}, "traits": [] }, { "tag": "sqm-navigation-sidebar-item", "name": "Navigation Link", "uiSchema": { "demoData": { "ui:help": "" }, "icon": { "ui:name": "Icon", "ui:help": "Options available at https://shoelace.style/components/icon" }, "label": { "ui:name": "Label", "ui:help": "" }, "path": { "ui:name": "Navigation Path", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "icon", "type": "string", "title": "Icon" }, { "name": "label", "type": "string", "title": "Label" }, { "name": "path", "type": "string", "title": "Navigation Path" }] }, { "tag": "sqm-password-field", "name": "Portal Password Field", "uiSchema": { "demoData": { "ui:help": "" }, "enable-validation": { "ui:name": "Enable Validation", "ui:help": "Enable live password validation" }, "field-label": { "ui:name": "Password Label", "ui:help": "Label for password field" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "enable-validation", "type": "boolean", "title": "Enable Validation" }, { "name": "field-label", "type": "string", "title": "Password Label" }] }, { "tag": "sqm-popup-container", "name": "Popup Container For Widgets", "uiSchema": { "close-button": { "ui:name": "Show Close Button", "ui:help": "Display a close button on the popup" }, "close-button-text": { "ui:name": "Close Button Text", "ui:help": "Text inside the close button" }, "embed-padding": { "ui:name": "Embed Padding", "ui:help": "Specify padding on the popup contents when in embedded mode" }, "popup-padding": { "ui:name": "Popup Padding", "ui:help": "Specify padding on the popup contents when in popup mode" }, "powered-by": { "ui:name": "Show Powered By", "ui:help": "Show Powered By SaaSquatch link" } }, "traits": [{ "name": "close-button", "type": "boolean", "title": "Show Close Button" }, { "name": "close-button-text", "type": "string", "title": "Close Button Text" }, { "name": "embed-padding", "type": "string", "title": "Embed Padding", "enum": ["none", "small", "medium", "large"], "enumNames": ["None", "Small", "Medium", "Large"] }, { "name": "popup-padding", "type": "string", "title": "Popup Padding", "enum": ["none", "small", "medium", "large"], "enumNames": ["None", "Small", "Medium", "Large"] }, { "name": "powered-by", "type": "boolean", "title": "Show Powered By" }] }, { "tag": "sqm-portal-change-password", "name": "Portal Profile", "uiSchema": { "cancel-text": { "ui:name": "Cancel Button Text", "ui:help": "Modal cancel button text" }, "change-password-button-text": { "ui:name": "Change Password Button Text", "ui:help": "Modal change password button text" }, "confirm-password-field-label": { "ui:name": "Confirm Password Label", "ui:help": "Password confirmation input field label" }, "demoData": { "ui:help": "" }, "modal-change-password-header": { "ui:name": "Change Password Modal Header", "ui:help": "" }, "password-field-label": { "ui:name": "Password Label", "ui:help": "Password input field label" }, "portal-change-password-button-text": { "ui:name": "Change Password Button Text", "ui:help": "" }, "portal-change-password-header": { "ui:name": "Change Password Header", "ui:help": "Portal change password section header" }, "success-message": { "ui:name": "Successful Message", "ui:help": "Successful password change message" } }, "traits": [{ "name": "cancel-text", "type": "string", "title": "Cancel Button Text" }, { "name": "change-password-button-text", "type": "string", "title": "Change Password Button Text" }, { "name": "confirm-password-field-label", "type": "string", "title": "Confirm Password Label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "modal-change-password-header", "type": "string", "title": "Change Password Modal Header" }, { "name": "password-field-label", "type": "string", "title": "Password Label" }, { "name": "portal-change-password-button-text", "type": "string", "title": "Change Password Button Text" }, { "name": "portal-change-password-header", "type": "string", "title": "Change Password Header" }, { "name": "success-message", "type": "string", "title": "Successful Message" }] }, { "tag": "sqm-portal-container", "name": "Portal Container", "uiSchema": { "center": { "ui:name": "Center Content", "ui:help": "" }, "direction": { "ui:name": "Direction", "ui:help": "" }, "display": { "ui:name": "Display", "ui:help": "" }, "gap": { "ui:name": "Gap", "ui:help": "" }, "justify-content": { "ui:name": "Justify Content", "ui:help": "Defines how the container distributes space between & around content items along the main-axis of a flex container" }, "max-width": { "ui:name": "Maximum width", "ui:help": "" }, "min-width": { "ui:name": "Minimum Width", "ui:help": "" }, "padding": { "ui:name": "Padding", "ui:help": "" } }, "traits": [{ "name": "center", "type": "boolean", "title": "Center Content" }, { "name": "direction", "type": "string", "title": "Direction", "enum": ["row", "column"], "enumNames": ["Row", "Column"] }, { "name": "display", "type": "string", "title": "Display", "enum": ["grid", "flex"], "enumNames": ["Grid", "Flex"] }, { "name": "gap", "type": "string", "title": "Gap", "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"] }, { "name": "justify-content", "type": "string", "title": "Justify Content", "enum": ["start", "center", "end", "space-between", "space-around", "space-evenly"], "enumNames": ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"] }, { "name": "max-width", "type": "string", "title": "Maximum width" }, { "name": "min-width", "type": "string", "title": "Minimum Width" }, { "name": "padding", "type": "string", "title": "Padding", "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"] }] }, { "tag": "sqm-portal-email-verification", "name": "Portal Email Verification", "uiSchema": { "demoData": { "ui:help": "" }, "email-verification-header": { "ui:name": "Email Verification Header Text", "ui:help": "" }, "redirect-path": { "ui:name": "Email Redirection Base Path", "ui:help": "The page that users are redirected to from the verification email." }, "resend-email-button-text": { "ui:name": "Re-send Email Button Text", "ui:help": "" }, "verify-message": { "ui:name": "Email Verification Body Text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-verification-header", "type": "string", "title": "Email Verification Header Text" }, { "name": "redirect-path", "type": "string", "title": "Email Redirection Base Path" }, { "name": "resend-email-button-text", "type": "string", "title": "Re-send Email Button Text" }, { "name": "verify-message", "type": "string", "title": "Email Verification Body Text" }] }, { "tag": "sqm-portal-footer", "name": "Portal Footer", "uiSchema": { "faq-link": { "ui:name": "FAQ Link", "ui:help": "" }, "faq-text": { "ui:name": "FAQ Text", "ui:help": "" }, "padding-bottom": { "ui:name": "Padding Bottom", "ui:help": "" }, "padding-left": { "ui:name": "Padding Left", "ui:help": "" }, "padding-right": { "ui:name": "Padding Right", "ui:help": "" }, "padding-top": { "ui:name": "Padding Top", "ui:help": "" }, "powered-by-link": { "ui:name": "Powered By Link", "ui:help": "" }, "show-powered-by": { "ui:name": "Show Powered By SaaSquatch", "ui:help": "" }, "support-email": { "ui:name": "Support Email", "ui:help": "" }, "support-text": { "ui:name": "Support Text", "ui:help": "" }, "terms-link": { "ui:name": "Terms and Conditions Link", "ui:help": "" }, "terms-text": { "ui:name": "Terms and Conditions Text", "ui:help": "" } }, "traits": [{ "name": "faq-link", "type": "string", "title": "FAQ Link" }, { "name": "faq-text", "type": "string", "title": "FAQ Text" }, { "name": "padding-bottom", "type": "string", "title": "Padding Bottom" }, { "name": "padding-left", "type": "string", "title": "Padding Left" }, { "name": "padding-right", "type": "string", "title": "Padding Right" }, { "name": "padding-top", "type": "string", "title": "Padding Top" }, { "name": "powered-by-link", "type": "string", "title": "Powered By Link" }, { "name": "show-powered-by", "type": "boolean", "title": "Show Powered By SaaSquatch" }, { "name": "support-email", "type": "string", "title": "Support Email" }, { "name": "support-text", "type": "string", "title": "Support Text" }, { "name": "terms-link", "type": "string", "title": "Terms and Conditions Link" }, { "name": "terms-text", "type": "string", "title": "Terms and Conditions Text" }] }, { "tag": "sqm-portal-forgot-password", "name": "Portal Forgot Password", "uiSchema": { "demoData": { "ui:help": "" }, "email-label": { "ui:name": "Email Label", "ui:help": "" }, "login-path": { "ui:name": "Login Page Routing Path", "ui:help": "" }, "redirect-path": { "ui:name": "Email Redirection Base Path", "ui:help": "The page that users are redirected to from the password reset email." }, "submit-label": { "ui:name": "Password Reset Button Text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-label", "type": "string", "title": "Email Label" }, { "name": "login-path", "type": "string", "title": "Login Page Routing Path" }, { "name": "redirect-path", "type": "string", "title": "Email Redirection Base Path" }, { "name": "submit-label", "type": "string", "title": "Password Reset Button Text" }] }, { "tag": "sqm-portal-frame", "name": "Portal Frame", "uiSchema": { "demoData": { "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }] }, { "tag": "sqm-portal-login", "name": "Portal Login", "uiSchema": { "demoData": { "ui:help": "" }, "email-label": { "ui:name": "Email Label", "ui:help": "Label for email field" }, "forgot-password-label": { "ui:name": "Forgot Password Text", "ui:help": "Label for forgotten password button" }, "forgot-password-path": { "ui:name": "Forgot Password Path", "ui:help": "Forgot password redirect path" }, "next-page": { "ui:name": "Next Page Path", "ui:help": "Page navigated to after sign-in" }, "page-label": { "ui:name": "Heading Label", "ui:help": "" }, "password-label": { "ui:name": "Password Label", "ui:help": "Label for password field" }, "register-label": { "ui:name": "Register Button Text", "ui:help": "Label for register button" }, "register-path": { "ui:name": "Register Path", "ui:help": "Register redirect path" }, "submit-label": { "ui:name": "Submit Button Text", "ui:help": "Label for submit button" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-label", "type": "string", "title": "Email Label" }, { "name": "forgot-password-label", "type": "string", "title": "Forgot Password Text" }, { "name": "forgot-password-path", "type": "string", "title": "Forgot Password Path" }, { "name": "next-page", "type": "string", "title": "Next Page Path" }, { "name": "page-label", "type": "string", "title": "Heading Label" }, { "name": "password-label", "type": "string", "title": "Password Label" }, { "name": "register-label", "type": "string", "title": "Register Button Text" }, { "name": "register-path", "type": "string", "title": "Register Path" }, { "name": "submit-label", "type": "string", "title": "Submit Button Text" }] }, { "tag": "sqm-portal-logout", "name": "Portal Logout", "uiSchema": { "next-page": { "ui:name": "Next Page Path", "ui:help": "" } }, "traits": [{ "name": "next-page", "type": "string", "title": "Next Page Path" }] }, { "tag": "sqm-portal-profile", "name": "Portal Profile", "uiSchema": { "countrytext": { "ui:name": "Country Label", "ui:help": "Country input field label" }, "demoData": { "ui:help": "" }, "edit-profile-header": { "ui:name": "Edit Profile Header", "ui:help": "" }, "edit-profile-sub-header": { "ui:name": "Edit Profile Sub Header", "ui:help": "" }, "emailtext": { "ui:name": "Email Label", "ui:help": "Email input field label" }, "firstnametext": { "ui:name": "First Name Label", "ui:help": "First name input field label" }, "lastnametext": { "ui:name": "Last Name Label", "ui:help": "Last name input field label" }, "show-country": { "ui:name": "Show Country Field", "ui:help": "Show or hide the country field" }, "submit-change-button-text": { "ui:name": "Submit Changes Button Text", "ui:help": "" } }, "traits": [{ "name": "countrytext", "type": "string", "title": "Country Label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "edit-profile-header", "type": "string", "title": "Edit Profile Header" }, { "name": "edit-profile-sub-header", "type": "string", "title": "Edit Profile Sub Header" }, { "name": "emailtext", "type": "string", "title": "Email Label" }, { "name": "firstnametext", "type": "string", "title": "First Name Label" }, { "name": "lastnametext", "type": "string", "title": "Last Name Label" }, { "name": "show-country", "type": "boolean", "title": "Show Country Field" }, { "name": "submit-change-button-text", "type": "string", "title": "Submit Changes Button Text" }] }, { "tag": "sqm-portal-protected-route", "name": "Portal Protected Route", "uiSchema": { "redirect-to": { "ui:name": "Redirect Path", "ui:help": "" }, "redirect-to-unverified": { "ui:name": "Redirect Unverified Users Path", "ui:help": "" }, "require-email-verification": { "ui:name": "Require Email Verification", "ui:help": "" } }, "traits": [{ "name": "redirect-to", "type": "string", "title": "Redirect Path" }, { "name": "redirect-to-unverified", "type": "string", "title": "Redirect Unverified Users Path" }, { "name": "require-email-verification", "type": "boolean", "title": "Require Email Verification" }] }, { "tag": "sqm-portal-register", "name": "Portal Register", "uiSchema": { "confirm-password": { "ui:name": "Show Confirm Password Field", "ui:help": "Show or hide the confirm password input" }, "confirm-password-label": { "ui:name": "Confirm Password Label", "ui:help": "" }, "demoData": { "ui:help": "" }, "email-label": { "ui:name": "Email Label", "ui:help": "" }, "enable-password-validation": { "ui:name": "Enable Password Validation", "ui:help": "" }, "hide-inputs": { "ui:name": "Hide Default Inputs", "ui:help": "Hide default input fields to use custom fields" }, "login-label": { "ui:name": "Login Button Text", "ui:help": "" }, "login-path": { "ui:name": "Login Path", "ui:help": "Login button redirection path" }, "next-page": { "ui:name": "Next Page", "ui:help": "Page navigated to after registration" }, "page-label": { "ui:name": "Heading Label", "ui:help": "" }, "password-label": { "ui:name": "Password Label", "ui:help": "" }, "redirect-path": { "ui:name": "Email Redirection Base Path", "ui:help": "The page that users are redirected to from the verification email." }, "submit-label": { "ui:name": "Submit Button Text", "ui:help": "" } }, "traits": [{ "name": "confirm-password", "type": "boolean", "title": "Show Confirm Password Field" }, { "name": "confirm-password-label", "type": "string", "title": "Confirm Password Label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-label", "type": "string", "title": "Email Label" }, { "name": "enable-password-validation", "type": "boolean", "title": "Enable Password Validation" }, { "name": "hide-inputs", "type": "boolean", "title": "Hide Default Inputs" }, { "name": "login-label", "type": "string", "title": "Login Button Text" }, { "name": "login-path", "type": "string", "title": "Login Path" }, { "name": "next-page", "type": "string", "title": "Next Page" }, { "name": "page-label", "type": "string", "title": "Heading Label" }, { "name": "password-label", "type": "string", "title": "Password Label" }, { "name": "redirect-path", "type": "string", "title": "Email Redirection Base Path" }, { "name": "submit-label", "type": "string", "title": "Submit Button Text" }] }, { "tag": "sqm-portal-reset-password", "name": "Portal Reset Password", "uiSchema": { "confirm-password": { "ui:name": "Show Confirm Password", "ui:help": "Show or hide confirm password field" }, "confirm-password-field-label": { "ui:name": "Confirm Password Label", "ui:help": "" }, "continue-button-text": { "ui:name": "Continue Button Text", "ui:help": "Button text displayed after a successful password reset" }, "demoData": { "ui:help": "" }, "failed-page": { "ui:name": "Failed Page Path", "ui:help": "The page that users are redirected to if the reset fails due to outdated password reset attempt." }, "next-page": { "ui:name": "Next Page Path", "ui:help": "The page that users are redirected to when the password reset succeeds." }, "password-field-label": { "ui:name": "Password Label", "ui:help": "" }, "password-reset-header": { "ui:name": "Successful Password Reset Text", "ui:help": "Displayed after a successful password reset" }, "reset-password-button-text": { "ui:name": "Password Reset Button Text", "ui:help": "" }, "reset-password-header": { "ui:name": "Reset Password Header Text", "ui:help": "" } }, "traits": [{ "name": "confirm-password", "type": "boolean", "title": "Show Confirm Password" }, { "name": "confirm-password-field-label", "type": "string", "title": "Confirm Password Label" }, { "name": "continue-button-text", "type": "string", "title": "Continue Button Text" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "failed-page", "type": "string", "title": "Failed Page Path" }, { "name": "next-page", "type": "string", "title": "Next Page Path" }, { "name": "password-field-label", "type": "string", "title": "Password Label" }, { "name": "password-reset-header", "type": "string", "title": "Successful Password Reset Text" }, { "name": "reset-password-button-text", "type": "string", "title": "Password Reset Button Text" }, { "name": "reset-password-header", "type": "string", "title": "Reset Password Header Text" }] }, { "tag": "sqm-portal-verify-email", "name": "Portal Verify Email", "uiSchema": { "demoData": { "ui:help": "" }, "failed-page": { "ui:name": "Failed Page Path", "ui:help": "The page that users are redirected to if verification fails due to outdated verification attempt." }, "next-page": { "ui:name": "Next Page Path", "ui:help": "The page that users are redirected to when the verification succeeds." } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "failed-page", "type": "string", "title": "Failed Page Path" }, { "name": "next-page", "type": "string", "title": "Next Page Path" }] }, { "tag": "sqm-program-explainer", "name": "Program Explainer", "uiSchema": { "background-color": { "ui:widget": "color", "ui:name": "Header Background Color", "ui:help": "" }, "header": { "ui:name": "Header Text", "ui:help": "" }, "text-color": { "ui:widget": "color", "ui:name": "Header Text Color", "ui:help": "" } }, "traits": [{ "name": "background-color", "type": "string", "title": "Header Background Color" }, { "name": "header", "type": "string", "title": "Header Text" }, { "name": "text-color", "type": "string", "title": "Header Text Color" }] }, { "tag": "sqm-program-explainer-step", "name": "Program Explainer Step", "uiSchema": { "background-color": { "ui:widget": "color", "ui:name": "Background Color", "ui:help": "" }, "description": { "ui:name": "Description", "ui:help": "" }, "header": { "ui:name": "Title", "ui:help": "" }, "icon": { "ui:name": "Icon", "ui:help": "Options available at https://shoelace.style/components/icon" }, "image-url": { "ui:name": "Image Url", "ui:help": "Displayed in place of an icon" }, "text-color": { "ui:widget": "color", "ui:name": "Text Color", "ui:help": "" } }, "traits": [{ "name": "background-color", "type": "string", "title": "Background Color" }, { "name": "description", "type": "string", "title": "Description" }, { "name": "header", "type": "string", "title": "Title" }, { "name": "icon", "type": "string", "title": "Icon" }, { "name": "image-url", "type": "string", "title": "Image Url" }, { "name": "text-color", "type": "string", "title": "Text Color" }] }, { "tag": "sqm-program-menu", "name": "Portal Menu", "uiSchema": {}, "traits": [] }, { "tag": "sqm-referral-card", "name": "Referral Card", "uiSchema": { "vertical-alignment": { "ui:name": "Vertical Aligment", "ui:help": "" } }, "traits": [{ "name": "vertical-alignment", "type": "string", "title": "Vertical Aligment", "enum": ["start", "center", "end"], "enumNames": ["Start", "Center", "End"] }] }, { "tag": "sqm-referral-iframe", "name": "Referral IFrame", "uiSchema": { "demoData": { "ui:help": "" }, "iframe-height": { "ui:name": "Iframe Height", "ui:help": "Height of the iframe container" }, "iframe-src": { "ui:name": "Iframe Source", "ui:help": "URL of iframe to display" }, "iframe-width": { "ui:name": "Iframe Width", "ui:help": "Width of the iframe container" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "iframe-height", "type": "string", "title": "Iframe Height" }, { "name": "iframe-src", "type": "string", "title": "Iframe Source" }, { "name": "iframe-width", "type": "string", "title": "Iframe Width" }] }, { "tag": "sqm-referral-table", "name": "Referral Table", "uiSchema": { "demoData": { "ui:help": "" }, "hidden-columns": { "ui:name": "Hidden Mobile Columns", "ui:help": "Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3" }, "md-breakpoint": { "ui:name": "Tablet Breakpoint", "ui:help": "" }, "more-label": { "ui:name": "View More Button Text", "ui:help": "" }, "per-page": { "ui:name": "Referrals Per Page", "ui:help": "Number of referrals displayed per page" }, "prev-label": { "ui:name": "Previous Button Text", "ui:help": "" }, "program-id": { "ui:name": "Program", "ui:help": "Filters to only show referrals in this program. Will default to filtering by the program context where\nthis table lives. If no program ID is set or provided by context, then shows all referrals from all programs.\nIf program ID is \"classic\", shows classic-only referrals" }, "show-labels": { "ui:name": "Show Column Labels", "ui:help": "" }, "show-referrer": { "ui:name": "Show Referrer", "ui:help": "Show referred by user in table" }, "sm-breakpoint": { "ui:name": "Mobile Breakpoint", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "hidden-columns", "type": "string", "title": "Hidden Mobile Columns" }, { "name": "md-breakpoint", "type": "number", "title": "Tablet Breakpoint" }, { "name": "more-label", "type": "string", "title": "View More Button Text" }, { "name": "per-page", "type": "number", "title": "Referrals Per Page" }, { "name": "prev-label", "type": "string", "title": "Previous Button Text" }, { "name": "program-id", "type": "string", "title": "Program" }, { "name": "show-labels", "type": "boolean", "title": "Show Column Labels" }, { "name": "show-referrer", "type": "boolean", "title": "Show Referrer" }, { "name": "sm-breakpoint", "type": "number", "title": "Mobile Breakpoint" }] }, { "tag": "sqm-referral-table-cell", "name": "sqm-referral-table-cell", "uiSchema": { "inner-template": { "ui:help": "" } }, "traits": [{ "name": "inner-template", "type": "string", "title": "inner-template" }] }, { "tag": "sqm-referral-table-column", "name": "Referral Table Generic Column", "uiSchema": { "column-title": { "ui:name": "Column Title", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "Column Title" }] }, { "tag": "sqm-referral-table-date-cell", "name": "sqm-referral-table-date-cell", "uiSchema": { "date": { "ui:help": "" }, "locale": { "ui:help": "" } }, "traits": [{ "name": "date", "type": "number", "title": "date" }, { "name": "locale", "type": "string", "title": "locale" }] }, { "tag": "sqm-referral-table-date-column", "name": "Referral Table Date Column", "uiSchema": { "column-title": { "ui:name": "Date Column Title", "ui:help": "" }, "date-shown": { "ui:name": "Date Displayed", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "Date Column Title" }, { "name": "date-shown", "type": "string", "title": "Date Displayed", "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"] }] }, { "tag": "sqm-referral-table-rewards-cell", "name": "sqm-referral-table-rewards-cell", "uiSchema": { "expiring-text": { "ui:help": "" }, "fuel-tank-text": { "ui:help": "" }, "hide-details": { "ui:help": "" }, "locale": { "ui:help": "" }, "pending-for-text": { "ui:help": "" }, "reward-received-text": { "ui:help": "" }, "rewards": { "ui:help": "" }, "status-long-text": { "ui:help": "" }, "status-text": { "ui:help": "" } }, "traits": [{ "name": "expiring-text", "type": "string", "title": "expiring-text" }, { "name": "fuel-tank-text", "type": "string", "title": "fuel-tank-text" }, { "name": "hide-details", "type": "boolean", "title": "hide-details" }, { "name": "locale", "type": "string", "title": "locale" }, { "name": "pending-for-text", "type": "string", "title": "pending-for-text" }, { "name": "reward-received-text", "type": "string", "title": "reward-received-text" }, { "name": "rewards", "type": "Reward[]", "title": "rewards" }, { "name": "status-long-text", "type": "string", "title": "status-long-text" }, { "name": "status-text", "type": "string", "title": "status-text" }] }, { "tag": "sqm-referral-table-rewards-column", "name": "Referral Table Rewards Column", "uiSchema": { "column-title": { "ui:name": "Reward column title", "ui:help": "" }, "expiring-text": { "ui:name": "Reward Expiring Text", "ui:help": "" }, "fuel-tank-text": { "ui:name": "Fuel Tank Code Text", "ui:help": "" }, "hide-details": { "ui:name": "Hide dropdown details of reward", "ui:help": "" }, "pending-for-text": { "ui:name": "Reward Pending Text", "ui:help": "" }, "reward-received-text": { "ui:name": "Reward Received Text", "ui:help": "" }, "status-long-text": { "ui:name": "Reward Status Long Text", "ui:help": "" }, "status-text": { "ui:name": "Reward Status Text", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "Reward column title" }, { "name": "expiring-text", "type": "string", "title": "Reward Expiring Text" }, { "name": "fuel-tank-text", "type": "string", "title": "Fuel Tank Code Text" }, { "name": "hide-details", "type": "boolean", "title": "Hide dropdown details of reward" }, { "name": "pending-for-text", "type": "string", "title": "Reward Pending Text" }, { "name": "reward-received-text", "type": "string", "title": "Reward Received Text" }, { "name": "status-long-text", "type": "string", "title": "Reward Status Long Text" }, { "name": "status-text", "type": "string", "title": "Reward Status Text" }] }, { "tag": "sqm-referral-table-status-cell", "name": "sqm-referral-table-status-cell", "uiSchema": { "converted": { "ui:help": "" }, "status-text": { "ui:help": "" } }, "traits": [{ "name": "converted", "type": "boolean", "title": "converted" }, { "name": "status-text", "type": "string", "title": "status-text" }] }, { "tag": "sqm-referral-table-status-column", "name": "Referral Table Status Column", "uiSchema": { "column-title": { "ui:name": "Column Title", "ui:help": "" }, "converted-status-text": { "ui:name": "Converted Status Text", "ui:help": "" }, "in-progress-status-text": { "ui:name": "In Progress Status Text", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "Column Title" }, { "name": "converted-status-text", "type": "string", "title": "Converted Status Text" }, { "name": "in-progress-status-text", "type": "string", "title": "In Progress Status Text" }] }, { "tag": "sqm-referral-table-user-cell", "name": "sqm-referral-table-user-cell", "uiSchema": { "name": { "ui:help": "" } }, "traits": [{ "name": "name", "type": "string", "title": "name" }] }, { "tag": "sqm-referral-table-user-column", "name": "Referral Table User Column", "uiSchema": { "anonymous-user": { "ui:name": "Anonymous User Text", "ui:help": "Name displayed for unknown users" }, "column-title": { "ui:name": "User Column Title", "ui:help": "" }, "deleted-user": { "ui:name": "Deleted User Text", "ui:help": "Name displayed for deleted users" } }, "traits": [{ "name": "anonymous-user", "type": "string", "title": "Anonymous User Text" }, { "name": "column-title", "type": "string", "title": "User Column Title" }, { "name": "deleted-user", "type": "string", "title": "Deleted User Text" }] }, { "tag": "sqm-reward-exchange-list", "name": "Reward Exchange", "uiSchema": { "back-text": { "ui:name": "Back Button Text", "ui:help": "" }, "cancel-text": { "ui:name": "Cancel Button Text", "ui:help": "" }, "choose-amount-title": { "ui:name": "Choose Amount Progress Title", "ui:help": "" }, "choose-reward-title": { "ui:name": "Choose Reward Progress Title", "ui:help": "" }, "confirmation-title": { "ui:name": "Confirmation Progress Title", "ui:help": "" }, "continue-text": { "ui:name": "Continue Button Text", "ui:help": "" }, "continue-to-confirmation-text": { "ui:name": "Continue to Confirmation Button Text", "ui:help": "Displayed on the reward selection page." }, "cost-title": { "ui:name": "Cost Row Title", "ui:help": "Shown in the confirmation state." }, "demoData": { "ui:help": "" }, "done-text": { "ui:name": "Done Text", "ui:help": "" }, "not-available-error": { "ui:name": "Not Available Error", "ui:help": "Error message shown when reward is not available" }, "not-enough-error": { "ui:name": "Not Enough Error Message", "ui:help": "" }, "promo-code": { "ui:name": "Promo Code Text", "ui:help": "" }, "query-error": { "ui:name": "Reward List Error Message", "ui:help": "Shown if an error occurs when loading the reward exchange." }, "redeem-text": { "ui:name": "Redeem Button Text", "ui:help": "" }, "redeem-title": { "ui:name": "Confirmation Title Text", "ui:help": "Displayed as the header for the confirmation page." }, "redemption-error": { "ui:name": "Redemption Error Message", "ui:help": "Shown if an error occurs during the reward exchange." }, "redemption-success-text": { "ui:name": "Redemption Success Message", "ui:help": "Displayed on the success screen when a user successfully exchanges for a reward." }, "reward-amount-title": { "ui:name": "Reward Amount Row Title", "ui:help": "Shown in the confirmation state." }, "reward-name-title": { "ui:name": "Reward Row Title", "ui:help": "Shown in the confirmation state." }, "reward-redeemed-text": { "ui:name": "Reward Redeemed Text", "ui:help": "" }, "reward-title": { "ui:name": "Reward Title Text", "ui:help": "" }, "select-text": { "ui:name": "Select Amount Text", "ui:help": "" }, "skeleton-card-num": { "ui:name": "Loading Cards", "ui:help": "Set the number of placeholder cards to be shown in loading state." }, "source-amount-message": { "ui:name": "Reward Exchange Amount Text", "ui:help": "Displayed on the reward exchange cards." }, "tooltip-text": { "ui:name": "Tooltip Text", "ui:help": "Shown when a user copies a fuel tank code" } }, "traits": [{ "name": "back-text", "type": "string", "title": "Back Button Text" }, { "name": "cancel-text", "type": "string", "title": "Cancel Button Text" }, { "name": "choose-amount-title", "type": "string", "title": "Choose Amount Progress Title" }, { "name": "choose-reward-title", "type": "string", "title": "Choose Reward Progress Title" }, { "name": "confirmation-title", "type": "string", "title": "Confirmation Progress Title" }, { "name": "continue-text", "type": "string", "title": "Continue Button Text" }, { "name": "continue-to-confirmation-text", "type": "string", "title": "Continue to Confirmation Button Text" }, { "name": "cost-title", "type": "string", "title": "Cost Row Title" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "done-text", "type": "string", "title": "Done Text" }, { "name": "not-available-error", "type": "string", "title": "Not Available Error" }, { "name": "not-enough-error", "type": "string", "title": "Not Enough Error Message" }, { "name": "promo-code", "type": "string", "title": "Promo Code Text" }, { "name": "query-error", "type": "string", "title": "Reward List Error Message" }, { "name": "redeem-text", "type": "string", "title": "Redeem Button Text" }, { "name": "redeem-title", "type": "string", "title": "Confirmation Title Text" }, { "name": "redemption-error", "type": "string", "title": "Redemption Error Message" }, { "name": "redemption-success-text", "type": "string", "title": "Redemption Success Message" }, { "name": "reward-amount-title", "type": "string", "title": "Reward Amount Row Title" }, { "name": "reward-name-title", "type": "string", "title": "Reward Row Title" }, { "name": "reward-redeemed-text", "type": "string", "title": "Reward Redeemed Text" }, { "name": "reward-title", "type": "string", "title": "Reward Title Text" }, { "name": "select-text", "type": "string", "title": "Select Amount Text" }, { "name": "skeleton-card-num", "type": "number", "title": "Loading Cards" }, { "name": "source-amount-message", "type": "string", "title": "Reward Exchange Amount Text" }, { "name": "tooltip-text", "type": "string", "title": "Tooltip Text" }] }, { "tag": "sqm-rewards-table", "name": "Reward Table", "uiSchema": { "demoData": { "ui:help": "" }, "hidden-columns": { "ui:name": "Mobile Hidden Columns", "ui:help": "Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3" }, "md-breakpoint": { "ui:name": "Tablet Breakpoint", "ui:help": "" }, "more-label": { "ui:name": "View More button text", "ui:help": "" }, "per-page": { "ui:name": "Number of rewards per page", "ui:help": "" }, "prev-label": { "ui:name": "Previous button text", "ui:help": "" }, "program-id": { "ui:name": "Program", "ui:help": "Filters to only show rewards in this program. Will default to filtering by the program context where\nthis table lives. If no program ID is set or provided by context, then shows all rewards from all programs." }, "show-labels": { "ui:name": "Show column labels", "ui:help": "" }, "sm-breakpoint": { "ui:name": "Mobile Breakpoint", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "hidden-columns", "type": "string", "title": "Mobile Hidden Columns" }, { "name": "md-breakpoint", "type": "number", "title": "Tablet Breakpoint" }, { "name": "more-label", "type": "string", "title": "View More button text" }, { "name": "per-page", "type": "number", "title": "Number of rewards per page" }, { "name": "prev-label", "type": "string", "title": "Previous button text" }, { "name": "program-id", "type": "string", "title": "Program" }, { "name": "show-labels", "type": "boolean", "title": "Show column labels" }, { "name": "sm-breakpoint", "type": "number", "title": "Mobile Breakpoint" }] }, { "tag": "sqm-rewards-table-customer-note-cell", "name": "sqm-rewards-table-customer-note-cell", "uiSchema": { "locale": { "ui:help": "" }, "note": { "ui:help": "" } }, "traits": [{ "name": "locale", "type": "string", "title": "locale" }, { "name": "note", "type": "string", "title": "note" }] }, { "tag": "sqm-rewards-table-customer-note-column", "name": "Reward Table Customer Note Column", "uiSchema": { "column-title": { "ui:name": "Customer Note Column Title", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "Customer Note Column Title" }] }, { "tag": "sqm-rewards-table-date-cell", "name": "sqm-rewards-table-date-cell", "uiSchema": { "date": { "ui:help": "" }, "locale": { "ui:help": "" } }, "traits": [{ "name": "date", "type": "number", "title": "date" }, { "name": "locale", "type": "string", "title": "locale" }] }, { "tag": "sqm-rewards-table-date-column", "name": "Reward Table Date Column", "uiSchema": { "column-title": { "ui:name": "Date Column Title", "ui:help": "" }, "date-shown": { "ui:name": "Date Displayed", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "Date Column Title" }, { "name": "date-shown", "type": "string", "title": "Date Displayed", "enum": ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"], "enumNames": ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"] }] }, { "tag": "sqm-rewards-table-reward-cell", "name": "sqm-rewards-table-reward-cell", "uiSchema": { "available-text": { "ui:help": "" }, "copy-text": { "ui:help": "" }, "locale": { "ui:help": "" }, "redeemed-text": { "ui:help": "" }, "reward": { "ui:help": "" } }, "traits": [{ "name": "available-text", "type": "string", "title": "available-text" }, { "name": "copy-text", "type": "string", "title": "copy-text" }, { "name": "locale", "type": "string", "title": "locale" }, { "name": "redeemed-text", "type": "string", "title": "redeemed-text" }, { "name": "reward", "type": "Reward", "title": "reward" }] }, { "tag": "sqm-rewards-table-reward-column", "name": "Rewards Table Reward Column", "uiSchema": { "available-text": { "ui:name": "Remaining Amount Text", "ui:help": "" }, "column-title": { "ui:name": "Reward Column Title", "ui:help": "" }, "copy-text": { "ui:name": "Copied Fuel Tank Text", "ui:help": "" }, "redeemed-text": { "ui:name": "Redeemed Amount Text", "ui:help": "" } }, "traits": [{ "name": "available-text", "type": "string", "title": "Remaining Amount Text" }, { "name": "column-title", "type": "string", "title": "Reward Column Title" }, { "name": "copy-text", "type": "string", "title": "Copied Fuel Tank Text" }, { "name": "redeemed-text", "type": "string", "title": "Redeemed Amount Text" }] }, { "tag": "sqm-rewards-table-source-cell", "name": "sqm-rewards-table-source-cell", "uiSchema": { "anonymous-user-text": { "ui:help": "" }, "deleted-user-text": { "ui:help": "" }, "locale": { "ui:help": "" }, "referral-text": { "ui:help": "" }, "reward": { "ui:help": "" }, "reward-exchange-text": { "ui:help": "" }, "reward-source-text": { "ui:help": "" } }, "traits": [{ "name": "anonymous-user-text", "type": "string", "title": "anonymous-user-text" }, { "name": "deleted-user-text", "type": "string", "title": "deleted-user-text" }, { "name": "locale", "type": "string", "title": "locale" }, { "name": "referral-text", "type": "string", "title": "referral-text" }, { "name": "reward", "type": "Reward", "title": "reward" }, { "name": "reward-exchange-text", "type": "string", "title": "reward-exchange-text" }, { "name": "reward-source-text", "type": "string", "title": "reward-source-text" }] }, { "tag": "sqm-rewards-table-source-column", "name": "Reward Table Source Column", "uiSchema": { "anonymous-user": { "ui:name": "Anonymous User Text", "ui:help": "Name displayed for unknown users" }, "column-title": { "ui:name": "Soruce Column Title", "ui:help": "" }, "deleted-user": { "ui:name": "Deleted User Text", "ui:help": "Name displayed for deleted users" }, "referral-text": { "ui:name": "Referral Text", "ui:help": "Shown when a reward has been created by a referral" }, "reward-exchange-text": { "ui:name": "Reward Exchange Label", "ui:help": "" }, "reward-source-text": { "ui:name": "Reward Source Text", "ui:help": "" } }, "traits": [{ "name": "anonymous-user", "type": "string", "title": "Anonymous User Text" }, { "name": "column-title", "type": "string", "title": "Soruce Column Title" }, { "name": "deleted-user", "type": "string", "title": "Deleted User Text" }, { "name": "referral-text", "type": "string", "title": "Referral Text" }, { "name": "reward-exchange-text", "type": "string", "title": "Reward Exchange Label" }, { "name": "reward-source-text", "type": "string", "title": "Reward Source Text" }] }, { "tag": "sqm-rewards-table-status-cell", "name": "sqm-rewards-table-status-cell", "uiSchema": { "expiry-text": { "ui:help": "" }, "locale": { "ui:help": "" }, "pending-scheduled": { "ui:help": "" }, "pending-unhandled": { "ui:help": "" }, "pending-us-tax": { "ui:help": "" }, "reward": { "ui:help": "" }, "status-text": { "ui:help": "" } }, "traits": [{ "name": "expiry-text", "type": "string", "title": "expiry-text" }, { "name": "locale", "type": "string", "title": "locale" }, { "name": "pending-scheduled", "type": "string", "title": "pending-scheduled" }, { "name": "pending-unhandled", "type": "string", "title": "pending-unhandled" }, { "name": "pending-us-tax", "type": "string", "title": "pending-us-tax" }, { "name": "reward", "type": "Reward", "title": "reward" }, { "name": "status-text", "type": "string", "title": "status-text" }] }, { "tag": "sqm-rewards-table-status-column", "name": "Reward Table Status Column", "uiSchema": { "column-title": { "ui:name": "Column Title", "ui:help": "" }, "expiry-text": { "ui:name": "Expired Status Text", "ui:help": "" }, "pending-scheduled": { "ui:name": "Expiry Date Prefix", "ui:help": "" }, "pending-unhandled": { "ui:name": "Unhandled Error Text", "ui:help": "Displayed when fulfillment error occured when creating a reward." }, "pending-us-tax": { "ui:name": "W9 Pending Text", "ui:help": "Displayed when a reward is pending due to W9 compliance." }, "status-text": { "ui:name": "Reward Status Text", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "Column Title" }, { "name": "expiry-text", "type": "string", "title": "Expired Status Text" }, { "name": "pending-scheduled", "type": "string", "title": "Expiry Date Prefix" }, { "name": "pending-unhandled", "type": "string", "title": "Unhandled Error Text" }, { "name": "pending-us-tax", "type": "string", "title": "W9 Pending Text" }, { "name": "status-text", "type": "string", "title": "Reward Status Text" }] }, { "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-scroll", "name": "Scroll", "uiSchema": { "button-text": { "ui:name": "Button Text", "ui:help": "" }, "button-type": { "ui:name": "Button Type", "ui:help": "" }, "circle": { "ui:name": "Circle", "ui:help": "Draws a circle button." }, "icon-name": { "ui:name": "Icon Name", "ui:help": "" }, "icon-slot": { "ui:name": "Icon Slot", "ui:help": "" }, "mobile": { "ui:name": "Full Width on Mobile", "ui:help": "The button becomes full width if the screen size is smaller than 500px" }, "outline": { "ui:name": "Outline", "ui:help": "Draws an outlined button." }, "pill": { "ui:name": "Pill", "ui:help": "Draws a pill-style button with rounded edges." }, "scroll-animation": { "ui:name": "Scroll Animation Style", "ui:help": "" }, "scroll-id": { "ui:name": "Scroll Id", "ui:help": "" }, "scroll-tag-name": { "ui:name": "Scroll Tag Name", "ui:help": "" }, "size": { "ui:name": "Size", "ui:help": "" } }, "traits": [{ "name": "button-text", "type": "string", "title": "Button Text" }, { "name": "button-type", "type": "string", "title": "Button Type", "enum": ["default", "primary", "success", "neutral", "warning", "danger", "text"], "enumNames": ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"] }, { "name": "circle", "type": "boolean", "title": "Circle" }, { "name": "icon-name", "type": "string", "title": "Icon Name" }, { "name": "icon-slot", "type": "string", "title": "Icon Slot", "enum": ["prefix", "suffix"], "enumNames": ["Prefix", "Suffix"] }, { "name": "mobile", "type": "boolean", "title": "Full Width on Mobile" }, { "name": "outline", "type": "boolean", "title": "Outline" }, { "name": "pill", "type": "boolean", "title": "Pill" }, { "name": "scroll-animation", "type": "string", "title": "Scroll Animation Style", "enum": ["smooth", "auto"], "enumNames": ["Smooth", "Auto"] }, { "name": "scroll-id", "type": "string", "title": "Scroll Id" }, { "name": "scroll-tag-name", "type": "string", "title": "Scroll Tag Name" }, { "name": "size", "type": "string", "title": "Size", "enum": ["small", "medium", "large"], "enumNames": ["Small", "Medium", "Large"] }] }, { "tag": "sqm-share-button", "name": "Share Button", "uiSchema": { "ui:order": ["medium", "program-id", "*", "pill", "disabled", "hideicon"], "backgroundcolor": { "ui:widget": "color", "ui:name": "Button Background Color", "ui:help": "" }, "borderradius": { "ui:name": "Border Radius", "ui:help": "Configure border radius with pixel amount" }, "demoData": { "ui:help": "" }, "disabled": { "ui:name": "Disabled", "ui:help": "" }, "hideicon": { "ui:name": "Hide Icon", "ui:help": "" }, "hidetext": { "ui:name": "Hide Text", "ui:help": "" }, "icon": { "ui:name": "Icon", "ui:help": "Options available at https://shoelace.style/components/icon\n\nIcon used in button. Will try to select an icon based on the share medium if left empty." }, "iconslot": { "ui:name": "Icon Location", "ui:help": "" }, "medium": { "ui:name": "Share Medium", "ui:help": "The social medium to share on. Share messages and links\nwill be pulled from your program config and tagged for analytics." }, "pill": { "ui:name": "Display 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": "Share Text", "ui:help": "Text used for native sharing (mobile only)" }, "sharetitle": { "ui:name": "Share Title", "ui:help": "Title used for native sharing (mobile only)" }, "size": { "ui:name": "Button Size", "ui:help": "" }, "textcolor": { "ui:widget": "color", "ui:name": "Button Text Color", "ui:help": "" }, "type": { "ui:name": "Button Style", "ui:help": "" } }, "traits": [{ "name": "backgroundcolor", "type": "string", "title": "Button Background Color" }, { "name": "borderradius", "type": "number", "title": "Border Radius" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "disabled", "type": "boolean", "title": "Disabled" }, { "name": "hideicon", "type": "boolean", "title": "Hide Icon" }, { "name": "hidetext", "type": "boolean", "title": "Hide Text" }, { "name": "icon", "type": "string", "title": "Icon" }, { "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"], "enumNames": ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest"] }, { "name": "pill", "type": "boolean", "title": "Display Pill" }, { "name": "program-id", "type": "string", "title": "Program ID" }, { "name": "sharetext", "type": "string", "title": "Share Text" }, { "name": "sharetitle", "type": "string", "title": "Share Title" }, { "name": "size", "type": "string", "title": "Button Size", "enum": ["small", "medium", "large"], "enumNames": ["Small", "Medium", "Large"] }, { "name": "textcolor", "type": "string", "title": "Button Text Color" }, { "name": "type", "type": "string", "title": "Button Style", "enum": ["primary", "success", "info", "warning", "danger", "default", "text"], "enumNames": ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"] }] }, { "tag": "sqm-share-code", "name": "Share Code", "uiSchema": { "demoData": { "ui:help": "" }, "program-id": { "ui:name": "Program ID", "ui:help": "The ID of the program that should generate the code. 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 code to the clipboard." } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "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-share-link", "name": "Share Link", "uiSchema": { "demoData": { "ui:help": "" }, "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": "demoData", "type": "object", "title": "demoData" }, { "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-stat-container", "name": "Stat Container", "uiSchema": { "display": { "ui:name": "Display", "ui:help": "" }, "space": { "ui:name": "Space Between Stats", "ui:help": "" } }, "traits": [{ "name": "display", "type": "string", "title": "Display", "enum": ["grid", "flex"], "enumNames": ["Grid", "Flex"] }, { "name": "space", "type": "string", "title": "Space Between Stats", "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"] }] }, { "tag": "sqm-stencilbook", "name": "sqm-stencilbook", "uiSchema": {}, "traits": [] }, { "tag": "sqm-tab", "name": "Tab", "uiSchema": { "header": { "ui:name": "Tab Title", "ui:help": "" } }, "traits": [{ "name": "header", "type": "string", "title": "Tab Title" }] }, { "tag": "sqm-table-cell", "name": "sqm-table-cell", "uiSchema": { "colspan": { "ui:help": "" }, "padding": { "ui:help": "" } }, "traits": [{ "name": "colspan", "type": "number", "title": "colspan" }, { "name": "padding", "type": "string", "title": "padding" }] }, { "tag": "sqm-table-row", "name": "sqm-table-row", "uiSchema": { "border": { "ui:help": "" } }, "traits": [{ "name": "border", "type": "string", "title": "border" }] }, { "tag": "sqm-tabs", "name": "Tab Group", "uiSchema": { "placement": { "ui:name": "Tabs Placement", "ui:help": "Used to specify the placement of the tabs" } }, "traits": [{ "name": "placement", "type": "string", "title": "Tabs Placement", "enum": ["left", "right", "bottom", "top"], "enumNames": ["Left", "Right", "Bottom", "Top"] }] }, { "tag": "sqm-task-card", "name": "Task Card", "uiSchema": { "ui:order": ["reward-amount", "reward-unit", "card-title", "description", "repeatable", "finite", "show-progress-bar", "stat-type", "progress-source", "goal", "steps", "progress-bar-unit", "show-expiry", "reward-duration", "button-text", "button-link", "open-new-tab", "ended-message", "expiry-message", "starts-on-message", "event-key", "*"], "button-link": { "ui:name": "CTA Button Link", "ui:help": "" }, "button-text": { "ui:name": "CTA Button Text", "ui:help": "" }, "card-title": { "ui:name": "Title Text", "ui:help": "" }, "completed-text": { "ui:name": "Completed Count Text", "ui:help": "Displays the amount of times that a user has completed a repeatable task." }, "demoData": { "ui:help": "" }, "description": { "ui:name": "Description Text", "ui:help": "" }, "display-duration": { "ui:widget": "DateRange", "ui:name": "Display Duration", "ui:help": "Timeframe that the task card will be shown" }, "ended-message": { "ui:name": "Ended Date Message", "ui:help": "Shown to users after the end of the task duration." }, "event-key": { "ui:name": "Task Card Button Event Key", "ui:help": "Optionally send an event to SaaSquatch when a user clicks the CTA. This field configured what key of the event sent is." }, "expiry-message": { "ui:name": "Expiry Date Message", "ui:help": "" }, "finite": { "ui:name": "Repeat Amount", "ui:help": "The number of times a reward can be earned.  Use zero for no limit (the default)." }, "goal": { "ui:name": "Goal Completion Number", "ui:help": "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." }, "open-new-tab": { "ui:name": "Open In New Tab", "ui:help": "CTA Button Link Opens in New Tab" }, "program-id": { "ui:name": "Program ID Override", "ui:help": "The ID of the program that is used to scope the task card. Defaults to the program context when no ID is specified." }, "progress-bar-unit": { "ui:name": "Progress Bar Unit", "ui:help": "" }, "repeatable": { "ui:name": "Goal Repeatable", "ui:help": "" }, "reward-amount": { "ui:name": "Reward Amount", "ui:help": "" }, "reward-duration": { "ui:widget": "DateRange", "ui:name": "Reward Duration", "ui:help": "" }, "reward-unit": { "ui:name": "Reward Unit", "ui:help": "" }, "show-progress-bar": { "ui:name": "Show Progress Bar", "ui:help": "" }, "starts-on-message": { "ui:name": "Start Date Message", "ui:help": "Shown to users before the start of the task duration." }, "stat-type": { "ui:widget": "StatTypeSelectWidget", "ui:name": "Goal Progress Source", "ui:help": "Select what type of stat to display for the goal. Manual paths are also supported." }, "steps": { "ui:name": "Progress Bar Steps", "ui:help": "" } }, "traits": [{ "name": "button-link", "type": "string", "title": "CTA Button Link" }, { "name": "button-text", "type": "string", "title": "CTA Button Text" }, { "name": "card-title", "type": "string", "title": "Title Text" }, { "name": "completed-text", "type": "string", "title": "Completed Count Text" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "description", "type": "string", "title": "Description Text" }, { "name": "display-duration", "type": "string", "title": "Display Duration" }, { "name": "ended-message", "type": "string", "title": "Ended Date Message" }, { "name": "event-key", "type": "string", "title": "Task Card Button Event Key" }, { "name": "expiry-message", "type": "string", "title": "Expiry Date Message" }, { "name": "finite", "type": "number", "title": "Repeat Amount" }, { "name": "goal", "type": "number", "title": "Goal Completion Number" }, { "name": "open-new-tab", "type": "boolean", "title": "Open In New Tab" }, { "name": "program-id", "type": "string", "title": "Program ID Override" }, { "name": "progress-bar-unit", "type": "string", "title": "Progress Bar Unit" }, { "name": "repeatable", "type": "boolean", "title": "Goal Repeatable" }, { "name": "reward-amount", "type": "string", "title": "Reward Amount" }, { "name": "reward-duration", "type": "string", "title": "Reward Duration" }, { "name": "reward-unit", "type": "string", "title": "Reward Unit" }, { "name": "show-progress-bar", "type": "boolean", "title": "Show Progress Bar" }, { "name": "starts-on-message", "type": "string", "title": "Start Date Message" }, { "name": "stat-type", "type": "string", "title": "Goal Progress Source" }, { "name": "steps", "type": "boolean", "title": "Progress Bar Steps" }] }, { "tag": "sqm-text", "name": "Text", "uiSchema": {}, "traits": [] }, { "tag": "sqm-text-span", "name": "Text Span", "uiSchema": { "text": { "ui:name": "Text", "ui:help": "" }, "type": { "ui:name": "Type", "ui:help": "" } }, "traits": [{ "name": "text", "type": "string", "title": "Text" }, { "name": "type", "type": "string", "title": "Type", "enum": ["p", "subtext", "h1", "h2", "h3", "h4"], "enumNames": ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"] }] }, { "tag": "sqm-timeline", "name": "Timeline", "uiSchema": { "icon": { "ui:name": "Icon", "ui:help": "" } }, "traits": [{ "name": "icon", "type": "string", "title": "Icon", "enum": ["gift", "circle"], "enumNames": ["Gift", "Circle"] }] }, { "tag": "sqm-timeline-entry", "name": "Timeline Entry", "uiSchema": { "desc": { "ui:name": "Description", "ui:help": "" }, "icon": { "ui:name": "Icon", "ui:help": "" }, "reward": { "ui:name": "Reward Amount", "ui:help": "" }, "unit": { "ui:name": "Reward Unit", "ui:help": "" } }, "traits": [{ "name": "desc", "type": "string", "title": "Description" }, { "name": "icon", "type": "string", "title": "Icon", "enum": ["gift", "circle"], "enumNames": ["Gift", "Circle"] }, { "name": "reward", "type": "string", "title": "Reward Amount" }, { "name": "unit", "type": "string", "title": "Reward Unit" }] }, { "tag": "sqm-titled-section", "name": "Titled Section", "uiSchema": { "label": { "ui:name": "Label", "ui:help": "Label for the section unless overwritten via the label slot." }, "label-margin": { "ui:name": "Label Margin Style", "ui:help": "" }, "padding": { "ui:name": "Section Padding", "ui:help": "" }, "text-align": { "ui:name": "Text Align", "ui:help": "" } }, "traits": [{ "name": "label", "type": "string", "title": "Label" }, { "name": "label-margin", "type": "string", "title": "Label Margin Style", "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"] }, { "name": "padding", "type": "string", "title": "Section Padding", "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"] }, { "name": "text-align", "type": "string", "title": "Text Align", "enum": ["left", "center", "right"], "enumNames": ["Left", "Center", "Right"] }] }, { "tag": "sqm-user-name", "name": "User Name", "uiSchema": { "demoData": { "ui:help": "" }, "fallback": { "ui:name": "Fallback Name", "ui:help": "Fallback name for unknown users" }, "loading-text": { "ui:name": "Loading Text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "fallback", "type": "string", "title": "Fallback Name" }, { "name": "loading-text", "type": "string", "title": "Loading Text" }] }, { "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"] }] }, { "tag": "sl-skeleton", "name": "Loading Skeleton", "traits": [] }];
+            components = [{ "tag": "sqm-asset-card", "name": "Asset Card", "uiSchema": { "demoData": { "ui:help": "" }, "img-url": { "ui:name": "Banner Image", "ui:help": "" }, "title-text": { "ui:name": "Banner Title", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "img-url", "type": "string", "title": "Banner Image" }, { "name": "title-text", "type": "string", "title": "Banner Title" }] }, { "tag": "sqm-big-stat", "name": "Big Stat", "uiSchema": { "alignment": { "ui:name": "Alignment", "ui:help": "Controls the alignment of the flexbox" }, "demoData": { "ui:help": "" }, "flex-reverse": { "ui:name": "Flex Reverse", "ui:help": "Controls the order of the stat value & description column" }, "program-id": { "ui:name": "Program ID", "ui:help": "The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified." }, "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": "alignment", "type": "string", "title": "Alignment", "enum": ["left", "right", "center"], "enumNames": ["Left", "Right", "Center"] }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "flex-reverse", "type": "boolean", "title": "Flex Reverse" }, { "name": "program-id", "type": "string", "title": "Program ID" }, { "name": "stat-type", "type": "string", "title": "Stat Type" }] }, { "tag": "sqm-brand", "name": "Brand Container", "uiSchema": { "brand-color": { "ui:widget": "color", "ui:name": "Brand Color", "ui:help": "Controls the primary brand color used in the Mint Components library. Note that this\ndoes not affect vanilla components or other component libraries." }, "brand-font": { "ui:name": "Brand Font", "ui:help": "The brand font that you want to use" } }, "traits": [{ "name": "brand-color", "type": "string", "title": "Brand Color" }, { "name": "brand-font", "type": "string", "title": "Brand Font" }] }, { "tag": "sqm-card-feed", "name": "Card Feed", "uiSchema": { "gap": { "ui:name": "Column Gap", "ui:help": "" }, "width": { "ui:name": "Card Width", "ui:help": "" } }, "traits": [{ "name": "gap", "type": "number", "title": "Column Gap" }, { "name": "width", "type": "number", "title": "Card Width" }] }, { "tag": "sqm-checkbox-field", "name": "Checkbox Field", "uiSchema": { "checkbox-label": { "ui:name": "Checkbox Label", "ui:help": "" }, "checkbox-label-link": { "ui:name": "Checkbox Label Link", "ui:help": "Used with link text if the checkbox label contains {labelLink}" }, "checkbox-label-link-text": { "ui:name": "Checkbox Label Link Text", "ui:help": "" }, "checkbox-name": { "ui:name": "Checkbox Name Attribute", "ui:help": "" }, "checkbox-optional": { "ui:name": "Optional", "ui:help": "" }, "demoData": { "ui:help": "" }, "error-message": { "ui:name": "Unchecked Error Message", "ui:help": "" } }, "traits": [{ "name": "checkbox-label", "type": "string", "title": "Checkbox Label" }, { "name": "checkbox-label-link", "type": "string", "title": "Checkbox Label Link" }, { "name": "checkbox-label-link-text", "type": "string", "title": "Checkbox Label Link Text" }, { "name": "checkbox-name", "type": "string", "title": "Checkbox Name Attribute" }, { "name": "checkbox-optional", "type": "boolean", "title": "Optional" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "error-message", "type": "string", "title": "Unchecked Error Message" }] }, { "tag": "sqm-divided-layout", "name": "Divided Layout", "uiSchema": { "direction": { "ui:name": "Direction", "ui:help": "" }, "divider-style": { "ui:name": "Border Style", "ui:help": "Uses Shorthand CSS border syntax" } }, "traits": [{ "name": "direction", "type": "string", "title": "Direction", "enum": ["row", "column"], "enumNames": ["Row", "Column"] }, { "name": "divider-style", "type": "string", "title": "Border Style" }] }, { "tag": "sqm-dropdown-field", "name": "Dropdown Field", "uiSchema": { "demoData": { "ui:help": "" }, "dropdown-label": { "ui:name": "Dropdown Label", "ui:help": "" }, "dropdown-name": { "ui:name": "Dropdown Name Attribute", "ui:help": "" }, "dropdown-optional": { "ui:name": "Optional", "ui:help": "" }, "error-message": { "ui:name": "Unselected Error Message", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "dropdown-label", "type": "string", "title": "Dropdown Label" }, { "name": "dropdown-name", "type": "string", "title": "Dropdown Name Attribute" }, { "name": "dropdown-optional", "type": "boolean", "title": "Optional" }, { "name": "error-message", "type": "string", "title": "Unselected Error Message" }] }, { "tag": "sqm-edit-profile", "name": "Edit Profile", "uiSchema": { "canceltext": { "ui:name": "Cancel Button Text", "ui:help": "" }, "currentregiontext": { "ui:name": "Region Field Label", "ui:help": "" }, "demoData": { "ui:help": "" }, "editprofileheader": { "ui:name": "Heading", "ui:help": "" }, "editprofiletext": { "ui:name": "Edit Profile Text", "ui:help": "Enable editing button text" }, "firstnametext": { "ui:name": "First Name Label", "ui:help": "" }, "lastnametext": { "ui:name": "Last Name Label", "ui:help": "" }, "showregion": { "ui:name": "Show Region", "ui:help": "Show or hide current region" }, "updatetext": { "ui:name": "Info Button Text", "ui:help": "" } }, "traits": [{ "name": "canceltext", "type": "string", "title": "Cancel Button Text" }, { "name": "currentregiontext", "type": "string", "title": "Region Field Label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "editprofileheader", "type": "string", "title": "Heading" }, { "name": "editprofiletext", "type": "string", "title": "Edit Profile Text" }, { "name": "firstnametext", "type": "string", "title": "First Name Label" }, { "name": "lastnametext", "type": "string", "title": "Last Name Label" }, { "name": "showregion", "type": "boolean", "title": "Show Region" }, { "name": "updatetext", "type": "string", "title": "Info Button Text" }] }, { "tag": "sqm-empty", "name": "Empty State Content", "uiSchema": { "empty-state-header": { "ui:name": "Empty State Title", "ui:help": "" }, "empty-state-image": { "ui:widget": "ImageUpload", "ui:name": "Empty State Image Link", "ui:help": "" }, "empty-state-text": { "ui:name": "Empty State Text", "ui:help": "" } }, "traits": [{ "name": "empty-state-header", "type": "string", "title": "Empty State Title" }, { "name": "empty-state-image", "type": "string", "title": "Empty State Image Link" }, { "name": "empty-state-text", "type": "string", "title": "Empty State Text" }] }, { "tag": "sqm-form-message", "name": "Form Message", "uiSchema": { "icon": { "ui:name": "Icon", "ui:help": "Icon to use in alert" }, "type": { "ui:name": "Alert Type", "ui:help": "" } }, "traits": [{ "name": "icon", "type": "string", "title": "Icon" }, { "name": "type", "type": "string", "title": "Alert Type" }] }, { "tag": "sqm-graphql-client-provider", "name": "GraphQL Client Provider", "uiSchema": { "domain": { "ui:name": "Domain", "ui:help": "" } }, "traits": [{ "name": "domain", "type": "string", "title": "Domain" }] }, { "tag": "sqm-hero", "name": "Hero Layout", "uiSchema": { "background": { "ui:name": "Background", "ui:help": "Can be an image url, colour or Shoelace variable." }, "columns": { "ui:name": "Columns", "ui:help": "Number of columns in the layout" }, "padding-size": { "ui:name": "Padding Size", "ui:help": "" }, "secondary-background": { "ui:name": "Secondary Background", "ui:help": "Secondary background image or color (for use in the right column)" }, "wrap-direction": { "ui:name": "Wrap Direction", "ui:help": "Flexbox wrap direction, accepts wrap or wrap-reverse" } }, "traits": [{ "name": "background", "type": "string", "title": "Background" }, { "name": "columns", "type": "1 | 2", "title": "Columns" }, { "name": "padding-size", "type": "\"large\" | \"medium\" | \"none\" | \"small\"", "title": "Padding Size" }, { "name": "secondary-background", "type": "string", "title": "Secondary Background" }, { "name": "wrap-direction", "type": "\"wrap\" | \"wrap-reverse\"", "title": "Wrap Direction" }] }, { "tag": "sqm-hero-image", "name": "Hero Image", "uiSchema": { "background-color": { "ui:widget": "color", "ui:name": "Background Color", "ui:help": "" }, "button-link": { "ui:name": "CTA Button Link", "ui:help": "" }, "button-new-tab": { "ui:name": "Button New Tab", "ui:help": "CTA Button Opens Link in New Tab" }, "button-text": { "ui:name": "CTA Button Text", "ui:help": "" }, "description": { "ui:name": "Description Text", "ui:help": "" }, "header": { "ui:name": "Title Text", "ui:help": "" }, "image-mobile-pos": { "ui:name": "Image Mobile Position", "ui:help": "" }, "image-percentage": { "ui:name": "Image Percentage", "ui:help": "" }, "image-pos": { "ui:name": "Image Position", "ui:help": "" }, "image-url": { "ui:widget": "ImageUpload", "ui:name": "Image Link", "ui:help": "" }, "layout": { "ui:name": "Image Layout", "ui:help": "" }, "overlay-color": { "ui:widget": "color", "ui:name": "Overlay Color", "ui:help": "" }, "overlay-opacity": { "ui:name": "Overlay Opacity", "ui:help": "" }, "padding-image": { "ui:name": "Image Padding", "ui:help": "" }, "padding-text": { "ui:name": "Text Padding", "ui:help": "" }, "text-color": { "ui:widget": "color", "ui:name": "Text Color", "ui:help": "" } }, "traits": [{ "name": "background-color", "type": "string", "title": "Background Color" }, { "name": "button-link", "type": "string", "title": "CTA Button Link" }, { "name": "button-new-tab", "type": "boolean", "title": "Button New Tab" }, { "name": "button-text", "type": "string", "title": "CTA Button Text" }, { "name": "description", "type": "string", "title": "Description Text" }, { "name": "header", "type": "string", "title": "Title Text" }, { "name": "image-mobile-pos", "type": "string", "title": "Image Mobile Position", "enum": ["top", "bottom"], "enumNames": ["Top", "Bottom"] }, { "name": "image-percentage", "type": "number", "title": "Image Percentage" }, { "name": "image-pos", "type": "string", "title": "Image Position", "enum": ["left", "center", "right"], "enumNames": ["Left", "Center", "Right"] }, { "name": "image-url", "type": "string", "title": "Image Link" }, { "name": "layout", "type": "string", "title": "Image Layout", "enum": ["overlay", "columns"], "enumNames": ["Overlay", "Two-column"] }, { "name": "overlay-color", "type": "string", "title": "Overlay Color" }, { "name": "overlay-opacity", "type": "string", "title": "Overlay Opacity" }, { "name": "padding-image", "type": "string", "title": "Image Padding", "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"] }, { "name": "padding-text", "type": "string", "title": "Text Padding", "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"] }, { "name": "text-color", "type": "string", "title": "Text Color" }] }, { "tag": "sqm-hook-story-container", "name": "sqm-hook-story-container", "uiSchema": { "hookStory": { "ui:help": "" } }, "traits": [{ "name": "hookStory", "type": "FunctionalComponent<{}>", "title": "hookStory" }] }, { "tag": "sqm-image", "name": "Image", "uiSchema": { "alignment": { "ui:name": "Position Alignment", "ui:help": "" }, "background-color": { "ui:widget": "color", "ui:name": "Background Color", "ui:help": "" }, "image-url": { "ui:widget": "ImageUpload", "ui:name": "Image Link", "ui:help": "" }, "min-height": { "ui:name": "Minimum Height", "ui:help": "(Optional) Helps with constraining the minimum image size. Can be a pixel value or a percentage i.e. \"500px\", \"33%\", etc." } }, "traits": [{ "name": "alignment", "type": "string", "title": "Position Alignment", "enum": ["left", "center", "right"], "enumNames": ["Left", "Center", "Right"] }, { "name": "background-color", "type": "string", "title": "Background Color" }, { "name": "image-url", "type": "string", "title": "Image Link" }, { "name": "min-height", "type": "string", "title": "Minimum Height" }] }, { "tag": "sqm-input-field", "name": "Input Field", "uiSchema": { "demoData": { "ui:help": "" }, "error-message": { "ui:name": "Required Error Message", "ui:help": "" }, "field-label": { "ui:name": "Input Label", "ui:help": "" }, "field-name": { "ui:name": "Input Name Attribute", "ui:help": "Used as the key of the inputs value in form data." }, "field-optional": { "ui:name": "Optional", "ui:help": "" }, "field-type": { "ui:name": "Input Type", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "error-message", "type": "string", "title": "Required Error Message" }, { "name": "field-label", "type": "string", "title": "Input Label" }, { "name": "field-name", "type": "string", "title": "Input Name Attribute" }, { "name": "field-optional", "type": "boolean", "title": "Optional" }, { "name": "field-type", "type": "string", "title": "Input Type", "enum": ["text", "date", "tel"], "enumNames": ["Text", "Date", "Phone Number"] }] }, { "tag": "sqm-leaderboard", "name": "Leaderboard", "uiSchema": { "anonymous-user": { "ui:name": "Unknown User Text", "ui:help": "Title displayed for users without names" }, "demoData": { "ui:help": "" }, "hide-viewer": { "ui:name": "Hide Viewing User", "ui:help": "Hide the viewer's leaderboard row if not in the top 10." }, "interval": { "ui:widget": "DateRange", "ui:name": "Leaderboard Time Interval", "ui:help": "" }, "leaderboard-type": { "ui:name": "Leaderboard Type", "ui:help": "" }, "max-rows": { "ui:name": "Maximum Rows Number", "ui:help": "Control the maximum amount of rows displayed on the leaderboard." }, "program-id": { "ui:name": "Program", "ui:help": "Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is.\nIf no program ID is set or provided by context, then a global leaderboard is shown." }, "rank-type": { "ui:name": "Rank Type", "ui:help": "" }, "rankheading": { "ui:name": "Rank Column Heading", "ui:help": "" }, "show-rank": { "ui:name": "Show Leaderboard Rank", "ui:help": "" }, "statsheading": { "ui:name": "Stats Column Heading", "ui:help": "" }, "usersheading": { "ui:name": "User Column Heading", "ui:help": "" } }, "traits": [{ "name": "anonymous-user", "type": "string", "title": "Unknown User Text" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "hide-viewer", "type": "boolean", "title": "Hide Viewing User" }, { "name": "interval", "type": "string", "title": "Leaderboard Time Interval" }, { "name": "leaderboard-type", "type": "string", "title": "Leaderboard Type", "enum": ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"], "enumNames": ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"] }, { "name": "max-rows", "type": "number", "title": "Maximum Rows Number" }, { "name": "program-id", "type": "string", "title": "Program" }, { "name": "rank-type", "type": "string", "title": "Rank Type", "enum": ["rowNumber", "rank", "denseRank"], "enumNames": ["Row Number", "Rank", "Dense Rank"] }, { "name": "rankheading", "type": "string", "title": "Rank Column Heading" }, { "name": "show-rank", "type": "boolean", "title": "Show Leaderboard Rank" }, { "name": "statsheading", "type": "string", "title": "Stats Column Heading" }, { "name": "usersheading", "type": "string", "title": "User Column Heading" }] }, { "tag": "sqm-leaderboard-rank", "name": "Leaderboard Rank", "uiSchema": { "demoData": { "ui:help": "" }, "interval": { "ui:widget": "DateRange", "ui:name": "Leaderboard Time Interval", "ui:help": "" }, "leaderboard-type": { "ui:name": "Leaderboard Type", "ui:help": "" }, "program-id": { "ui:name": "Program", "ui:help": "Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is.\nIf no program ID is set or provided by context, then a global leaderboard is shown." }, "rank-text": { "ui:name": "Rank Text", "ui:help": "" }, "rank-type": { "ui:name": "Default Rank", "ui:help": "" }, "unranked-text": { "ui:name": "Unranked Text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "interval", "type": "string", "title": "Leaderboard Time Interval" }, { "name": "leaderboard-type", "type": "string", "title": "Leaderboard Type", "enum": ["topStartedReferrers", "topConvertedReferrers", "topPointEarners"], "enumNames": ["Top Started Referrers", "Top Converted Referrers", "Top Point Earners"] }, { "name": "program-id", "type": "string", "title": "Program" }, { "name": "rank-text", "type": "string", "title": "Rank Text" }, { "name": "rank-type", "type": "string", "title": "Default Rank", "enum": ["rowNumber", "rank", "denseRank"], "enumNames": ["Row Number", "Rank", "Dense Rank"] }, { "name": "unranked-text", "type": "string", "title": "Unranked Text" }] }, { "tag": "sqm-name-fields", "name": "Name Fields", "uiSchema": { "demoData": { "ui:help": "" }, "first-name-label": { "ui:name": "First Name label", "ui:help": "" }, "last-name-label": { "ui:name": "Last Name label", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "first-name-label", "type": "string", "title": "First Name label" }, { "name": "last-name-label", "type": "string", "title": "Last Name label" }] }, { "tag": "sqm-navigation-menu", "name": "Navigation Menu", "uiSchema": { "demoData": { "ui:help": "" }, "include-dropdown": { "ui:name": "Include Dropdown Menu", "ui:help": "" }, "menu-label": { "ui:name": "Menu Label", "ui:help": "Label on the header menu" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "include-dropdown", "type": "boolean", "title": "Include Dropdown Menu" }, { "name": "menu-label", "type": "string", "title": "Menu Label" }] }, { "tag": "sqm-navigation-sidebar", "name": "Navigation Sidebar", "uiSchema": {}, "traits": [] }, { "tag": "sqm-navigation-sidebar-item", "name": "Navigation Link", "uiSchema": { "demoData": { "ui:help": "" }, "icon": { "ui:name": "Icon", "ui:help": "Options available at https://shoelace.style/components/icon" }, "label": { "ui:name": "Label", "ui:help": "" }, "path": { "ui:name": "Navigation Path", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "icon", "type": "string", "title": "Icon" }, { "name": "label", "type": "string", "title": "Label" }, { "name": "path", "type": "string", "title": "Navigation Path" }] }, { "tag": "sqm-password-field", "name": "Portal Password Field", "uiSchema": { "demoData": { "ui:help": "" }, "enable-validation": { "ui:name": "Enable Validation", "ui:help": "Enable live password validation" }, "field-label": { "ui:name": "Password Label", "ui:help": "Label for password field" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "enable-validation", "type": "boolean", "title": "Enable Validation" }, { "name": "field-label", "type": "string", "title": "Password Label" }] }, { "tag": "sqm-popup-container", "name": "Popup Container For Widgets", "uiSchema": { "close-button": { "ui:name": "Show Close Button", "ui:help": "Display a close button on the popup" }, "close-button-text": { "ui:name": "Close Button Text", "ui:help": "Text inside the close button" }, "embed-padding": { "ui:name": "Embed Padding", "ui:help": "Specify padding on the popup contents when in embedded mode" }, "popup-padding": { "ui:name": "Popup Padding", "ui:help": "Specify padding on the popup contents when in popup mode" }, "powered-by": { "ui:name": "Show Powered By", "ui:help": "Show Powered By SaaSquatch link" } }, "traits": [{ "name": "close-button", "type": "boolean", "title": "Show Close Button" }, { "name": "close-button-text", "type": "string", "title": "Close Button Text" }, { "name": "embed-padding", "type": "string", "title": "Embed Padding", "enum": ["none", "small", "medium", "large"], "enumNames": ["None", "Small", "Medium", "Large"] }, { "name": "popup-padding", "type": "string", "title": "Popup Padding", "enum": ["none", "small", "medium", "large"], "enumNames": ["None", "Small", "Medium", "Large"] }, { "name": "powered-by", "type": "boolean", "title": "Show Powered By" }] }, { "tag": "sqm-portal-change-password", "name": "Portal Profile", "uiSchema": { "cancel-text": { "ui:name": "Cancel Button Text", "ui:help": "Modal cancel button text" }, "change-password-button-text": { "ui:name": "Change Password Button Text", "ui:help": "Modal change password button text" }, "confirm-password-field-label": { "ui:name": "Confirm Password Label", "ui:help": "Password confirmation input field label" }, "demoData": { "ui:help": "" }, "modal-change-password-header": { "ui:name": "Change Password Modal Header", "ui:help": "" }, "password-field-label": { "ui:name": "Password Label", "ui:help": "Password input field label" }, "portal-change-password-button-text": { "ui:name": "Change Password Button Text", "ui:help": "" }, "portal-change-password-header": { "ui:name": "Change Password Header", "ui:help": "Portal change password section header" }, "success-message": { "ui:name": "Successful Message", "ui:help": "Successful password change message" } }, "traits": [{ "name": "cancel-text", "type": "string", "title": "Cancel Button Text" }, { "name": "change-password-button-text", "type": "string", "title": "Change Password Button Text" }, { "name": "confirm-password-field-label", "type": "string", "title": "Confirm Password Label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "modal-change-password-header", "type": "string", "title": "Change Password Modal Header" }, { "name": "password-field-label", "type": "string", "title": "Password Label" }, { "name": "portal-change-password-button-text", "type": "string", "title": "Change Password Button Text" }, { "name": "portal-change-password-header", "type": "string", "title": "Change Password Header" }, { "name": "success-message", "type": "string", "title": "Successful Message" }] }, { "tag": "sqm-portal-container", "name": "Portal Container", "uiSchema": { "center": { "ui:name": "Center Content", "ui:help": "" }, "direction": { "ui:name": "Direction", "ui:help": "" }, "display": { "ui:name": "Display", "ui:help": "" }, "gap": { "ui:name": "Gap", "ui:help": "" }, "justify-content": { "ui:name": "Justify Content", "ui:help": "Defines how the container distributes space between & around content items along the main-axis of a flex container" }, "max-width": { "ui:name": "Maximum width", "ui:help": "" }, "min-width": { "ui:name": "Minimum Width", "ui:help": "" }, "padding": { "ui:name": "Padding", "ui:help": "" } }, "traits": [{ "name": "center", "type": "boolean", "title": "Center Content" }, { "name": "direction", "type": "string", "title": "Direction", "enum": ["row", "column"], "enumNames": ["Row", "Column"] }, { "name": "display", "type": "string", "title": "Display", "enum": ["grid", "flex"], "enumNames": ["Grid", "Flex"] }, { "name": "gap", "type": "string", "title": "Gap", "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"] }, { "name": "justify-content", "type": "string", "title": "Justify Content", "enum": ["start", "center", "end", "space-between", "space-around", "space-evenly"], "enumNames": ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"] }, { "name": "max-width", "type": "string", "title": "Maximum width" }, { "name": "min-width", "type": "string", "title": "Minimum Width" }, { "name": "padding", "type": "string", "title": "Padding", "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"] }] }, { "tag": "sqm-portal-email-verification", "name": "Portal Email Verification", "uiSchema": { "demoData": { "ui:help": "" }, "email-verification-header": { "ui:name": "Email Verification Header Text", "ui:help": "" }, "redirect-path": { "ui:name": "Email Redirection Base Path", "ui:help": "The page that users are redirected to from the verification email." }, "resend-email-button-text": { "ui:name": "Re-send Email Button Text", "ui:help": "" }, "verify-message": { "ui:name": "Email Verification Body Text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-verification-header", "type": "string", "title": "Email Verification Header Text" }, { "name": "redirect-path", "type": "string", "title": "Email Redirection Base Path" }, { "name": "resend-email-button-text", "type": "string", "title": "Re-send Email Button Text" }, { "name": "verify-message", "type": "string", "title": "Email Verification Body Text" }] }, { "tag": "sqm-portal-footer", "name": "Portal Footer", "uiSchema": { "faq-link": { "ui:name": "FAQ Link", "ui:help": "" }, "faq-text": { "ui:name": "FAQ Text", "ui:help": "" }, "padding-bottom": { "ui:name": "Padding Bottom", "ui:help": "" }, "padding-left": { "ui:name": "Padding Left", "ui:help": "" }, "padding-right": { "ui:name": "Padding Right", "ui:help": "" }, "padding-top": { "ui:name": "Padding Top", "ui:help": "" }, "powered-by-link": { "ui:name": "Powered By Link", "ui:help": "" }, "show-powered-by": { "ui:name": "Show Powered By SaaSquatch", "ui:help": "" }, "support-email": { "ui:name": "Support Email", "ui:help": "" }, "support-text": { "ui:name": "Support Text", "ui:help": "" }, "terms-link": { "ui:name": "Terms and Conditions Link", "ui:help": "" }, "terms-text": { "ui:name": "Terms and Conditions Text", "ui:help": "" } }, "traits": [{ "name": "faq-link", "type": "string", "title": "FAQ Link" }, { "name": "faq-text", "type": "string", "title": "FAQ Text" }, { "name": "padding-bottom", "type": "string", "title": "Padding Bottom" }, { "name": "padding-left", "type": "string", "title": "Padding Left" }, { "name": "padding-right", "type": "string", "title": "Padding Right" }, { "name": "padding-top", "type": "string", "title": "Padding Top" }, { "name": "powered-by-link", "type": "string", "title": "Powered By Link" }, { "name": "show-powered-by", "type": "boolean", "title": "Show Powered By SaaSquatch" }, { "name": "support-email", "type": "string", "title": "Support Email" }, { "name": "support-text", "type": "string", "title": "Support Text" }, { "name": "terms-link", "type": "string", "title": "Terms and Conditions Link" }, { "name": "terms-text", "type": "string", "title": "Terms and Conditions Text" }] }, { "tag": "sqm-portal-forgot-password", "name": "Portal Forgot Password", "uiSchema": { "demoData": { "ui:help": "" }, "email-label": { "ui:name": "Email Label", "ui:help": "" }, "login-path": { "ui:name": "Login Page Routing Path", "ui:help": "" }, "redirect-path": { "ui:name": "Email Redirection Base Path", "ui:help": "The page that users are redirected to from the password reset email." }, "submit-label": { "ui:name": "Password Reset Button Text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-label", "type": "string", "title": "Email Label" }, { "name": "login-path", "type": "string", "title": "Login Page Routing Path" }, { "name": "redirect-path", "type": "string", "title": "Email Redirection Base Path" }, { "name": "submit-label", "type": "string", "title": "Password Reset Button Text" }] }, { "tag": "sqm-portal-frame", "name": "Portal Frame", "uiSchema": { "demoData": { "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }] }, { "tag": "sqm-portal-login", "name": "Portal Login", "uiSchema": { "demoData": { "ui:help": "" }, "email-label": { "ui:name": "Email Label", "ui:help": "Label for email field" }, "forgot-password-label": { "ui:name": "Forgot Password Text", "ui:help": "Label for forgotten password button" }, "forgot-password-path": { "ui:name": "Forgot Password Path", "ui:help": "Forgot password redirect path" }, "next-page": { "ui:name": "Next Page Path", "ui:help": "Page navigated to after sign-in" }, "page-label": { "ui:name": "Heading Label", "ui:help": "" }, "password-label": { "ui:name": "Password Label", "ui:help": "Label for password field" }, "register-label": { "ui:name": "Register Button Text", "ui:help": "Label for register button" }, "register-path": { "ui:name": "Register Path", "ui:help": "Register redirect path" }, "submit-label": { "ui:name": "Submit Button Text", "ui:help": "Label for submit button" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-label", "type": "string", "title": "Email Label" }, { "name": "forgot-password-label", "type": "string", "title": "Forgot Password Text" }, { "name": "forgot-password-path", "type": "string", "title": "Forgot Password Path" }, { "name": "next-page", "type": "string", "title": "Next Page Path" }, { "name": "page-label", "type": "string", "title": "Heading Label" }, { "name": "password-label", "type": "string", "title": "Password Label" }, { "name": "register-label", "type": "string", "title": "Register Button Text" }, { "name": "register-path", "type": "string", "title": "Register Path" }, { "name": "submit-label", "type": "string", "title": "Submit Button Text" }] }, { "tag": "sqm-portal-logout", "name": "Portal Logout", "uiSchema": { "next-page": { "ui:name": "Next Page Path", "ui:help": "" } }, "traits": [{ "name": "next-page", "type": "string", "title": "Next Page Path" }] }, { "tag": "sqm-portal-profile", "name": "Portal Profile", "uiSchema": { "countrytext": { "ui:name": "Country Label", "ui:help": "Country input field label" }, "demoData": { "ui:help": "" }, "edit-profile-header": { "ui:name": "Edit Profile Header", "ui:help": "" }, "edit-profile-sub-header": { "ui:name": "Edit Profile Sub Header", "ui:help": "" }, "emailtext": { "ui:name": "Email Label", "ui:help": "Email input field label" }, "firstnametext": { "ui:name": "First Name Label", "ui:help": "First name input field label" }, "lastnametext": { "ui:name": "Last Name Label", "ui:help": "Last name input field label" }, "show-country": { "ui:name": "Show Country Field", "ui:help": "Show or hide the country field" }, "submit-change-button-text": { "ui:name": "Submit Changes Button Text", "ui:help": "" } }, "traits": [{ "name": "countrytext", "type": "string", "title": "Country Label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "edit-profile-header", "type": "string", "title": "Edit Profile Header" }, { "name": "edit-profile-sub-header", "type": "string", "title": "Edit Profile Sub Header" }, { "name": "emailtext", "type": "string", "title": "Email Label" }, { "name": "firstnametext", "type": "string", "title": "First Name Label" }, { "name": "lastnametext", "type": "string", "title": "Last Name Label" }, { "name": "show-country", "type": "boolean", "title": "Show Country Field" }, { "name": "submit-change-button-text", "type": "string", "title": "Submit Changes Button Text" }] }, { "tag": "sqm-portal-protected-route", "name": "Portal Protected Route", "uiSchema": { "redirect-to": { "ui:name": "Redirect Path", "ui:help": "" }, "redirect-to-unverified": { "ui:name": "Redirect Unverified Users Path", "ui:help": "" }, "require-email-verification": { "ui:name": "Require Email Verification", "ui:help": "" } }, "traits": [{ "name": "redirect-to", "type": "string", "title": "Redirect Path" }, { "name": "redirect-to-unverified", "type": "string", "title": "Redirect Unverified Users Path" }, { "name": "require-email-verification", "type": "boolean", "title": "Require Email Verification" }] }, { "tag": "sqm-portal-register", "name": "Portal Register", "uiSchema": { "confirm-password": { "ui:name": "Show Confirm Password Field", "ui:help": "Show or hide the confirm password input" }, "confirm-password-label": { "ui:name": "Confirm Password Label", "ui:help": "" }, "demoData": { "ui:help": "" }, "email-label": { "ui:name": "Email Label", "ui:help": "" }, "enable-password-validation": { "ui:name": "Enable Password Validation", "ui:help": "" }, "hide-inputs": { "ui:name": "Hide Default Inputs", "ui:help": "Hide default input fields to use custom fields" }, "login-label": { "ui:name": "Login Button Text", "ui:help": "" }, "login-path": { "ui:name": "Login Path", "ui:help": "Login button redirection path" }, "next-page": { "ui:name": "Next Page", "ui:help": "Page navigated to after registration" }, "page-label": { "ui:name": "Heading Label", "ui:help": "" }, "password-label": { "ui:name": "Password Label", "ui:help": "" }, "redirect-path": { "ui:name": "Email Redirection Base Path", "ui:help": "The page that users are redirected to from the verification email." }, "submit-label": { "ui:name": "Submit Button Text", "ui:help": "" } }, "traits": [{ "name": "confirm-password", "type": "boolean", "title": "Show Confirm Password Field" }, { "name": "confirm-password-label", "type": "string", "title": "Confirm Password Label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-label", "type": "string", "title": "Email Label" }, { "name": "enable-password-validation", "type": "boolean", "title": "Enable Password Validation" }, { "name": "hide-inputs", "type": "boolean", "title": "Hide Default Inputs" }, { "name": "login-label", "type": "string", "title": "Login Button Text" }, { "name": "login-path", "type": "string", "title": "Login Path" }, { "name": "next-page", "type": "string", "title": "Next Page" }, { "name": "page-label", "type": "string", "title": "Heading Label" }, { "name": "password-label", "type": "string", "title": "Password Label" }, { "name": "redirect-path", "type": "string", "title": "Email Redirection Base Path" }, { "name": "submit-label", "type": "string", "title": "Submit Button Text" }] }, { "tag": "sqm-portal-reset-password", "name": "Portal Reset Password", "uiSchema": { "confirm-password": { "ui:name": "Show Confirm Password", "ui:help": "Show or hide confirm password field" }, "confirm-password-field-label": { "ui:name": "Confirm Password Label", "ui:help": "" }, "continue-button-text": { "ui:name": "Continue Button Text", "ui:help": "Button text displayed after a successful password reset" }, "demoData": { "ui:help": "" }, "failed-page": { "ui:name": "Failed Page Path", "ui:help": "The page that users are redirected to if the reset fails due to outdated password reset attempt." }, "next-page": { "ui:name": "Next Page Path", "ui:help": "The page that users are redirected to when the password reset succeeds." }, "password-field-label": { "ui:name": "Password Label", "ui:help": "" }, "password-reset-header": { "ui:name": "Successful Password Reset Text", "ui:help": "Displayed after a successful password reset" }, "reset-password-button-text": { "ui:name": "Password Reset Button Text", "ui:help": "" }, "reset-password-header": { "ui:name": "Reset Password Header Text", "ui:help": "" } }, "traits": [{ "name": "confirm-password", "type": "boolean", "title": "Show Confirm Password" }, { "name": "confirm-password-field-label", "type": "string", "title": "Confirm Password Label" }, { "name": "continue-button-text", "type": "string", "title": "Continue Button Text" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "failed-page", "type": "string", "title": "Failed Page Path" }, { "name": "next-page", "type": "string", "title": "Next Page Path" }, { "name": "password-field-label", "type": "string", "title": "Password Label" }, { "name": "password-reset-header", "type": "string", "title": "Successful Password Reset Text" }, { "name": "reset-password-button-text", "type": "string", "title": "Password Reset Button Text" }, { "name": "reset-password-header", "type": "string", "title": "Reset Password Header Text" }] }, { "tag": "sqm-portal-verify-email", "name": "Portal Verify Email", "uiSchema": { "demoData": { "ui:help": "" }, "failed-page": { "ui:name": "Failed Page Path", "ui:help": "The page that users are redirected to if verification fails due to outdated verification attempt." }, "next-page": { "ui:name": "Next Page Path", "ui:help": "The page that users are redirected to when the verification succeeds." } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "failed-page", "type": "string", "title": "Failed Page Path" }, { "name": "next-page", "type": "string", "title": "Next Page Path" }] }, { "tag": "sqm-program-explainer", "name": "Program Explainer", "uiSchema": { "background-color": { "ui:widget": "color", "ui:name": "Header Background Color", "ui:help": "" }, "header": { "ui:name": "Header Text", "ui:help": "" }, "text-color": { "ui:widget": "color", "ui:name": "Header Text Color", "ui:help": "" } }, "traits": [{ "name": "background-color", "type": "string", "title": "Header Background Color" }, { "name": "header", "type": "string", "title": "Header Text" }, { "name": "text-color", "type": "string", "title": "Header Text Color" }] }, { "tag": "sqm-program-explainer-step", "name": "Program Explainer Step", "uiSchema": { "background-color": { "ui:widget": "color", "ui:name": "Background Color", "ui:help": "" }, "description": { "ui:name": "Description", "ui:help": "" }, "header": { "ui:name": "Title", "ui:help": "" }, "icon": { "ui:name": "Icon", "ui:help": "Options available at https://shoelace.style/components/icon" }, "image-url": { "ui:name": "Image Url", "ui:help": "Displayed in place of an icon" }, "text-color": { "ui:widget": "color", "ui:name": "Text Color", "ui:help": "" } }, "traits": [{ "name": "background-color", "type": "string", "title": "Background Color" }, { "name": "description", "type": "string", "title": "Description" }, { "name": "header", "type": "string", "title": "Title" }, { "name": "icon", "type": "string", "title": "Icon" }, { "name": "image-url", "type": "string", "title": "Image Url" }, { "name": "text-color", "type": "string", "title": "Text Color" }] }, { "tag": "sqm-program-menu", "name": "Portal Menu", "uiSchema": {}, "traits": [] }, { "tag": "sqm-referral-card", "name": "Referral Card", "uiSchema": { "vertical-alignment": { "ui:name": "Vertical Aligment", "ui:help": "" } }, "traits": [{ "name": "vertical-alignment", "type": "string", "title": "Vertical Aligment", "enum": ["start", "center", "end"], "enumNames": ["Start", "Center", "End"] }] }, { "tag": "sqm-referral-iframe", "name": "Referral IFrame", "uiSchema": { "demoData": { "ui:help": "" }, "iframe-height": { "ui:name": "Iframe Height", "ui:help": "Height of the iframe container" }, "iframe-src": { "ui:name": "Iframe Source", "ui:help": "URL of iframe to display" }, "iframe-width": { "ui:name": "Iframe Width", "ui:help": "Width of the iframe container" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "iframe-height", "type": "string", "title": "Iframe Height" }, { "name": "iframe-src", "type": "string", "title": "Iframe Source" }, { "name": "iframe-width", "type": "string", "title": "Iframe Width" }] }, { "tag": "sqm-referral-table", "name": "Referral Table", "uiSchema": { "demoData": { "ui:help": "" }, "hidden-columns": { "ui:name": "Hidden Mobile Columns", "ui:help": "Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3" }, "md-breakpoint": { "ui:name": "Tablet Breakpoint", "ui:help": "" }, "more-label": { "ui:name": "View More Button Text", "ui:help": "" }, "per-page": { "ui:name": "Referrals Per Page", "ui:help": "Number of referrals displayed per page" }, "prev-label": { "ui:name": "Previous Button Text", "ui:help": "" }, "program-id": { "ui:name": "Program", "ui:help": "Filters to only show referrals in this program. Will default to filtering by the program context where\nthis table lives. If no program ID is set or provided by context, then shows all referrals from all programs.\nIf program ID is \"classic\", shows classic-only referrals" }, "show-labels": { "ui:name": "Show Column Labels", "ui:help": "" }, "show-referrer": { "ui:name": "Show Referrer", "ui:help": "Show referred by user in table" }, "sm-breakpoint": { "ui:name": "Mobile Breakpoint", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "hidden-columns", "type": "string", "title": "Hidden Mobile Columns" }, { "name": "md-breakpoint", "type": "number", "title": "Tablet Breakpoint" }, { "name": "more-label", "type": "string", "title": "View More Button Text" }, { "name": "per-page", "type": "number", "title": "Referrals Per Page" }, { "name": "prev-label", "type": "string", "title": "Previous Button Text" }, { "name": "program-id", "type": "string", "title": "Program" }, { "name": "show-labels", "type": "boolean", "title": "Show Column Labels" }, { "name": "show-referrer", "type": "boolean", "title": "Show Referrer" }, { "name": "sm-breakpoint", "type": "number", "title": "Mobile Breakpoint" }] }, { "tag": "sqm-referral-table-cell", "name": "sqm-referral-table-cell", "uiSchema": { "inner-template": { "ui:help": "" } }, "traits": [{ "name": "inner-template", "type": "string", "title": "inner-template" }] }, { "tag": "sqm-referral-table-column", "name": "Referral Table Generic Column", "uiSchema": { "column-title": { "ui:name": "Column Title", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "Column Title" }] }, { "tag": "sqm-referral-table-date-cell", "name": "sqm-referral-table-date-cell", "uiSchema": { "date": { "ui:help": "" }, "locale": { "ui:help": "" } }, "traits": [{ "name": "date", "type": "number", "title": "date" }, { "name": "locale", "type": "string", "title": "locale" }] }, { "tag": "sqm-referral-table-date-column", "name": "Referral Table Date Column", "uiSchema": { "column-title": { "ui:name": "Date Column Title", "ui:help": "" }, "date-shown": { "ui:name": "Date Displayed", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "Date Column Title" }, { "name": "date-shown", "type": "string", "title": "Date Displayed", "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"] }] }, { "tag": "sqm-referral-table-rewards-cell", "name": "sqm-referral-table-rewards-cell", "uiSchema": { "expiring-text": { "ui:help": "" }, "fuel-tank-text": { "ui:help": "" }, "hide-details": { "ui:help": "" }, "locale": { "ui:help": "" }, "pending-for-text": { "ui:help": "" }, "reward-received-text": { "ui:help": "" }, "rewards": { "ui:help": "" }, "status-long-text": { "ui:help": "" }, "status-text": { "ui:help": "" } }, "traits": [{ "name": "expiring-text", "type": "string", "title": "expiring-text" }, { "name": "fuel-tank-text", "type": "string", "title": "fuel-tank-text" }, { "name": "hide-details", "type": "boolean", "title": "hide-details" }, { "name": "locale", "type": "string", "title": "locale" }, { "name": "pending-for-text", "type": "string", "title": "pending-for-text" }, { "name": "reward-received-text", "type": "string", "title": "reward-received-text" }, { "name": "rewards", "type": "Reward[]", "title": "rewards" }, { "name": "status-long-text", "type": "string", "title": "status-long-text" }, { "name": "status-text", "type": "string", "title": "status-text" }] }, { "tag": "sqm-referral-table-rewards-column", "name": "Referral Table Rewards Column", "uiSchema": { "column-title": { "ui:name": "Reward column title", "ui:help": "" }, "expiring-text": { "ui:name": "Reward Expiring Text", "ui:help": "" }, "fuel-tank-text": { "ui:name": "Fuel Tank Code Text", "ui:help": "" }, "hide-details": { "ui:name": "Hide dropdown details of reward", "ui:help": "" }, "pending-for-text": { "ui:name": "Reward Pending Text", "ui:help": "" }, "reward-received-text": { "ui:name": "Reward Received Text", "ui:help": "" }, "status-long-text": { "ui:name": "Reward Status Long Text", "ui:help": "" }, "status-text": { "ui:name": "Reward Status Text", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "Reward column title" }, { "name": "expiring-text", "type": "string", "title": "Reward Expiring Text" }, { "name": "fuel-tank-text", "type": "string", "title": "Fuel Tank Code Text" }, { "name": "hide-details", "type": "boolean", "title": "Hide dropdown details of reward" }, { "name": "pending-for-text", "type": "string", "title": "Reward Pending Text" }, { "name": "reward-received-text", "type": "string", "title": "Reward Received Text" }, { "name": "status-long-text", "type": "string", "title": "Reward Status Long Text" }, { "name": "status-text", "type": "string", "title": "Reward Status Text" }] }, { "tag": "sqm-referral-table-status-cell", "name": "sqm-referral-table-status-cell", "uiSchema": { "converted": { "ui:help": "" }, "status-text": { "ui:help": "" } }, "traits": [{ "name": "converted", "type": "boolean", "title": "converted" }, { "name": "status-text", "type": "string", "title": "status-text" }] }, { "tag": "sqm-referral-table-status-column", "name": "Referral Table Status Column", "uiSchema": { "column-title": { "ui:name": "Column Title", "ui:help": "" }, "converted-status-text": { "ui:name": "Converted Status Text", "ui:help": "" }, "in-progress-status-text": { "ui:name": "In Progress Status Text", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "Column Title" }, { "name": "converted-status-text", "type": "string", "title": "Converted Status Text" }, { "name": "in-progress-status-text", "type": "string", "title": "In Progress Status Text" }] }, { "tag": "sqm-referral-table-user-cell", "name": "sqm-referral-table-user-cell", "uiSchema": { "name": { "ui:help": "" } }, "traits": [{ "name": "name", "type": "string", "title": "name" }] }, { "tag": "sqm-referral-table-user-column", "name": "Referral Table User Column", "uiSchema": { "anonymous-user": { "ui:name": "Anonymous User Text", "ui:help": "Name displayed for unknown users" }, "column-title": { "ui:name": "User Column Title", "ui:help": "" }, "deleted-user": { "ui:name": "Deleted User Text", "ui:help": "Name displayed for deleted users" } }, "traits": [{ "name": "anonymous-user", "type": "string", "title": "Anonymous User Text" }, { "name": "column-title", "type": "string", "title": "User Column Title" }, { "name": "deleted-user", "type": "string", "title": "Deleted User Text" }] }, { "tag": "sqm-reward-exchange-list", "name": "Reward Exchange", "uiSchema": { "back-text": { "ui:name": "Back Button Text", "ui:help": "" }, "cancel-text": { "ui:name": "Cancel Button Text", "ui:help": "" }, "choose-amount-title": { "ui:name": "Choose Amount Progress Title", "ui:help": "" }, "choose-reward-title": { "ui:name": "Choose Reward Progress Title", "ui:help": "" }, "confirmation-title": { "ui:name": "Confirmation Progress Title", "ui:help": "" }, "continue-text": { "ui:name": "Continue Button Text", "ui:help": "" }, "continue-to-confirmation-text": { "ui:name": "Continue to Confirmation Button Text", "ui:help": "Displayed on the reward selection page." }, "cost-title": { "ui:name": "Cost Row Title", "ui:help": "Shown in the confirmation state." }, "demoData": { "ui:help": "" }, "done-text": { "ui:name": "Done Text", "ui:help": "" }, "not-available-error": { "ui:name": "Not Available Error", "ui:help": "Error message shown when reward is not available" }, "not-enough-error": { "ui:name": "Not Enough Error Message", "ui:help": "" }, "promo-code": { "ui:name": "Promo Code Text", "ui:help": "" }, "query-error": { "ui:name": "Reward List Error Message", "ui:help": "Shown if an error occurs when loading the reward exchange." }, "redeem-text": { "ui:name": "Redeem Button Text", "ui:help": "" }, "redeem-title": { "ui:name": "Confirmation Title Text", "ui:help": "Displayed as the header for the confirmation page." }, "redemption-error": { "ui:name": "Redemption Error Message", "ui:help": "Shown if an error occurs during the reward exchange." }, "redemption-success-text": { "ui:name": "Redemption Success Message", "ui:help": "Displayed on the success screen when a user successfully exchanges for a reward." }, "reward-amount-title": { "ui:name": "Reward Amount Row Title", "ui:help": "Shown in the confirmation state." }, "reward-name-title": { "ui:name": "Reward Row Title", "ui:help": "Shown in the confirmation state." }, "reward-redeemed-text": { "ui:name": "Reward Redeemed Text", "ui:help": "" }, "reward-title": { "ui:name": "Reward Title Text", "ui:help": "" }, "select-text": { "ui:name": "Select Amount Text", "ui:help": "" }, "skeleton-card-num": { "ui:name": "Loading Cards", "ui:help": "Set the number of placeholder cards to be shown in loading state." }, "source-amount-message": { "ui:name": "Reward Exchange Amount Text", "ui:help": "Displayed on the reward exchange cards." }, "tooltip-text": { "ui:name": "Tooltip Text", "ui:help": "Shown when a user copies a fuel tank code" } }, "traits": [{ "name": "back-text", "type": "string", "title": "Back Button Text" }, { "name": "cancel-text", "type": "string", "title": "Cancel Button Text" }, { "name": "choose-amount-title", "type": "string", "title": "Choose Amount Progress Title" }, { "name": "choose-reward-title", "type": "string", "title": "Choose Reward Progress Title" }, { "name": "confirmation-title", "type": "string", "title": "Confirmation Progress Title" }, { "name": "continue-text", "type": "string", "title": "Continue Button Text" }, { "name": "continue-to-confirmation-text", "type": "string", "title": "Continue to Confirmation Button Text" }, { "name": "cost-title", "type": "string", "title": "Cost Row Title" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "done-text", "type": "string", "title": "Done Text" }, { "name": "not-available-error", "type": "string", "title": "Not Available Error" }, { "name": "not-enough-error", "type": "string", "title": "Not Enough Error Message" }, { "name": "promo-code", "type": "string", "title": "Promo Code Text" }, { "name": "query-error", "type": "string", "title": "Reward List Error Message" }, { "name": "redeem-text", "type": "string", "title": "Redeem Button Text" }, { "name": "redeem-title", "type": "string", "title": "Confirmation Title Text" }, { "name": "redemption-error", "type": "string", "title": "Redemption Error Message" }, { "name": "redemption-success-text", "type": "string", "title": "Redemption Success Message" }, { "name": "reward-amount-title", "type": "string", "title": "Reward Amount Row Title" }, { "name": "reward-name-title", "type": "string", "title": "Reward Row Title" }, { "name": "reward-redeemed-text", "type": "string", "title": "Reward Redeemed Text" }, { "name": "reward-title", "type": "string", "title": "Reward Title Text" }, { "name": "select-text", "type": "string", "title": "Select Amount Text" }, { "name": "skeleton-card-num", "type": "number", "title": "Loading Cards" }, { "name": "source-amount-message", "type": "string", "title": "Reward Exchange Amount Text" }, { "name": "tooltip-text", "type": "string", "title": "Tooltip Text" }] }, { "tag": "sqm-rewards-table", "name": "Reward Table", "uiSchema": { "demoData": { "ui:help": "" }, "hidden-columns": { "ui:name": "Mobile Hidden Columns", "ui:help": "Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3" }, "md-breakpoint": { "ui:name": "Tablet Breakpoint", "ui:help": "" }, "more-label": { "ui:name": "View More button text", "ui:help": "" }, "per-page": { "ui:name": "Number of rewards per page", "ui:help": "" }, "prev-label": { "ui:name": "Previous button text", "ui:help": "" }, "program-id": { "ui:name": "Program", "ui:help": "Filters to only show rewards in this program. Will default to filtering by the program context where\nthis table lives. If no program ID is set or provided by context, then shows all rewards from all programs." }, "show-labels": { "ui:name": "Show column labels", "ui:help": "" }, "sm-breakpoint": { "ui:name": "Mobile Breakpoint", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "hidden-columns", "type": "string", "title": "Mobile Hidden Columns" }, { "name": "md-breakpoint", "type": "number", "title": "Tablet Breakpoint" }, { "name": "more-label", "type": "string", "title": "View More button text" }, { "name": "per-page", "type": "number", "title": "Number of rewards per page" }, { "name": "prev-label", "type": "string", "title": "Previous button text" }, { "name": "program-id", "type": "string", "title": "Program" }, { "name": "show-labels", "type": "boolean", "title": "Show column labels" }, { "name": "sm-breakpoint", "type": "number", "title": "Mobile Breakpoint" }] }, { "tag": "sqm-rewards-table-customer-note-cell", "name": "sqm-rewards-table-customer-note-cell", "uiSchema": { "locale": { "ui:help": "" }, "note": { "ui:help": "" } }, "traits": [{ "name": "locale", "type": "string", "title": "locale" }, { "name": "note", "type": "string", "title": "note" }] }, { "tag": "sqm-rewards-table-customer-note-column", "name": "Reward Table Customer Note Column", "uiSchema": { "column-title": { "ui:name": "Customer Note Column Title", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "Customer Note Column Title" }] }, { "tag": "sqm-rewards-table-date-cell", "name": "sqm-rewards-table-date-cell", "uiSchema": { "date": { "ui:help": "" }, "locale": { "ui:help": "" } }, "traits": [{ "name": "date", "type": "number", "title": "date" }, { "name": "locale", "type": "string", "title": "locale" }] }, { "tag": "sqm-rewards-table-date-column", "name": "Reward Table Date Column", "uiSchema": { "column-title": { "ui:name": "Date Column Title", "ui:help": "" }, "date-shown": { "ui:name": "Date Displayed", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "Date Column Title" }, { "name": "date-shown", "type": "string", "title": "Date Displayed", "enum": ["dateGiven", "dateExpires", "dateCancelled", "dateRedeemed", "dateScheduledFor"], "enumNames": ["Date Given", "Date Expires", "Date Cancelled", "Date Redeemed", "Date Scheduled For"] }] }, { "tag": "sqm-rewards-table-reward-cell", "name": "sqm-rewards-table-reward-cell", "uiSchema": { "available-text": { "ui:help": "" }, "copy-text": { "ui:help": "" }, "locale": { "ui:help": "" }, "redeemed-text": { "ui:help": "" }, "reward": { "ui:help": "" } }, "traits": [{ "name": "available-text", "type": "string", "title": "available-text" }, { "name": "copy-text", "type": "string", "title": "copy-text" }, { "name": "locale", "type": "string", "title": "locale" }, { "name": "redeemed-text", "type": "string", "title": "redeemed-text" }, { "name": "reward", "type": "Reward", "title": "reward" }] }, { "tag": "sqm-rewards-table-reward-column", "name": "Rewards Table Reward Column", "uiSchema": { "available-text": { "ui:name": "Remaining Amount Text", "ui:help": "" }, "column-title": { "ui:name": "Reward Column Title", "ui:help": "" }, "copy-text": { "ui:name": "Copied Fuel Tank Text", "ui:help": "" }, "redeemed-text": { "ui:name": "Redeemed Amount Text", "ui:help": "" } }, "traits": [{ "name": "available-text", "type": "string", "title": "Remaining Amount Text" }, { "name": "column-title", "type": "string", "title": "Reward Column Title" }, { "name": "copy-text", "type": "string", "title": "Copied Fuel Tank Text" }, { "name": "redeemed-text", "type": "string", "title": "Redeemed Amount Text" }] }, { "tag": "sqm-rewards-table-source-cell", "name": "sqm-rewards-table-source-cell", "uiSchema": { "anonymous-user-text": { "ui:help": "" }, "deleted-user-text": { "ui:help": "" }, "locale": { "ui:help": "" }, "referral-text": { "ui:help": "" }, "reward": { "ui:help": "" }, "reward-exchange-text": { "ui:help": "" }, "reward-source-text": { "ui:help": "" } }, "traits": [{ "name": "anonymous-user-text", "type": "string", "title": "anonymous-user-text" }, { "name": "deleted-user-text", "type": "string", "title": "deleted-user-text" }, { "name": "locale", "type": "string", "title": "locale" }, { "name": "referral-text", "type": "string", "title": "referral-text" }, { "name": "reward", "type": "Reward", "title": "reward" }, { "name": "reward-exchange-text", "type": "string", "title": "reward-exchange-text" }, { "name": "reward-source-text", "type": "string", "title": "reward-source-text" }] }, { "tag": "sqm-rewards-table-source-column", "name": "Reward Table Source Column", "uiSchema": { "anonymous-user": { "ui:name": "Anonymous User Text", "ui:help": "Name displayed for unknown users" }, "column-title": { "ui:name": "Soruce Column Title", "ui:help": "" }, "deleted-user": { "ui:name": "Deleted User Text", "ui:help": "Name displayed for deleted users" }, "referral-text": { "ui:name": "Referral Text", "ui:help": "Shown when a reward has been created by a referral" }, "reward-exchange-text": { "ui:name": "Reward Exchange Label", "ui:help": "" }, "reward-source-text": { "ui:name": "Reward Source Text", "ui:help": "" } }, "traits": [{ "name": "anonymous-user", "type": "string", "title": "Anonymous User Text" }, { "name": "column-title", "type": "string", "title": "Soruce Column Title" }, { "name": "deleted-user", "type": "string", "title": "Deleted User Text" }, { "name": "referral-text", "type": "string", "title": "Referral Text" }, { "name": "reward-exchange-text", "type": "string", "title": "Reward Exchange Label" }, { "name": "reward-source-text", "type": "string", "title": "Reward Source Text" }] }, { "tag": "sqm-rewards-table-status-cell", "name": "sqm-rewards-table-status-cell", "uiSchema": { "expiry-text": { "ui:help": "" }, "locale": { "ui:help": "" }, "pending-scheduled": { "ui:help": "" }, "pending-unhandled": { "ui:help": "" }, "pending-us-tax": { "ui:help": "" }, "reward": { "ui:help": "" }, "status-text": { "ui:help": "" } }, "traits": [{ "name": "expiry-text", "type": "string", "title": "expiry-text" }, { "name": "locale", "type": "string", "title": "locale" }, { "name": "pending-scheduled", "type": "string", "title": "pending-scheduled" }, { "name": "pending-unhandled", "type": "string", "title": "pending-unhandled" }, { "name": "pending-us-tax", "type": "string", "title": "pending-us-tax" }, { "name": "reward", "type": "Reward", "title": "reward" }, { "name": "status-text", "type": "string", "title": "status-text" }] }, { "tag": "sqm-rewards-table-status-column", "name": "Reward Table Status Column", "uiSchema": { "column-title": { "ui:name": "Column Title", "ui:help": "" }, "expiry-text": { "ui:name": "Expired Status Text", "ui:help": "" }, "pending-scheduled": { "ui:name": "Expiry Date Prefix", "ui:help": "" }, "pending-unhandled": { "ui:name": "Unhandled Error Text", "ui:help": "Displayed when fulfillment error occured when creating a reward." }, "pending-us-tax": { "ui:name": "W9 Pending Text", "ui:help": "Displayed when a reward is pending due to W9 compliance." }, "status-text": { "ui:name": "Reward Status Text", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "Column Title" }, { "name": "expiry-text", "type": "string", "title": "Expired Status Text" }, { "name": "pending-scheduled", "type": "string", "title": "Expiry Date Prefix" }, { "name": "pending-unhandled", "type": "string", "title": "Unhandled Error Text" }, { "name": "pending-us-tax", "type": "string", "title": "W9 Pending Text" }, { "name": "status-text", "type": "string", "title": "Reward Status Text" }] }, { "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-scroll", "name": "Scroll", "uiSchema": { "button-text": { "ui:name": "Button Text", "ui:help": "" }, "button-type": { "ui:name": "Button Type", "ui:help": "" }, "circle": { "ui:name": "Circle", "ui:help": "Draws a circle button." }, "icon-name": { "ui:name": "Icon Name", "ui:help": "" }, "icon-slot": { "ui:name": "Icon Slot", "ui:help": "" }, "mobile": { "ui:name": "Full Width on Mobile", "ui:help": "The button becomes full width if the screen size is smaller than 500px" }, "outline": { "ui:name": "Outline", "ui:help": "Draws an outlined button." }, "pill": { "ui:name": "Pill", "ui:help": "Draws a pill-style button with rounded edges." }, "scroll-animation": { "ui:name": "Scroll Animation Style", "ui:help": "" }, "scroll-id": { "ui:name": "Scroll Id", "ui:help": "" }, "scroll-tag-name": { "ui:name": "Scroll Tag Name", "ui:help": "" }, "size": { "ui:name": "Size", "ui:help": "" } }, "traits": [{ "name": "button-text", "type": "string", "title": "Button Text" }, { "name": "button-type", "type": "string", "title": "Button Type", "enum": ["default", "primary", "success", "neutral", "warning", "danger", "text"], "enumNames": ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"] }, { "name": "circle", "type": "boolean", "title": "Circle" }, { "name": "icon-name", "type": "string", "title": "Icon Name" }, { "name": "icon-slot", "type": "string", "title": "Icon Slot", "enum": ["prefix", "suffix"], "enumNames": ["Prefix", "Suffix"] }, { "name": "mobile", "type": "boolean", "title": "Full Width on Mobile" }, { "name": "outline", "type": "boolean", "title": "Outline" }, { "name": "pill", "type": "boolean", "title": "Pill" }, { "name": "scroll-animation", "type": "string", "title": "Scroll Animation Style", "enum": ["smooth", "auto"], "enumNames": ["Smooth", "Auto"] }, { "name": "scroll-id", "type": "string", "title": "Scroll Id" }, { "name": "scroll-tag-name", "type": "string", "title": "Scroll Tag Name" }, { "name": "size", "type": "string", "title": "Size", "enum": ["small", "medium", "large"], "enumNames": ["Small", "Medium", "Large"] }] }, { "tag": "sqm-share-button", "name": "Share Button", "uiSchema": { "ui:order": ["medium", "program-id", "*", "pill", "disabled", "hideicon"], "backgroundcolor": { "ui:widget": "color", "ui:name": "Button Background Color", "ui:help": "" }, "borderradius": { "ui:name": "Border Radius", "ui:help": "Configure border radius with pixel amount" }, "demoData": { "ui:help": "" }, "disabled": { "ui:name": "Disabled", "ui:help": "" }, "hideicon": { "ui:name": "Hide Icon", "ui:help": "" }, "hidetext": { "ui:name": "Hide Text", "ui:help": "" }, "icon": { "ui:name": "Icon", "ui:help": "Options available at https://shoelace.style/components/icon\n\nIcon used in button. Will try to select an icon based on the share medium if left empty." }, "iconslot": { "ui:name": "Icon Location", "ui:help": "" }, "medium": { "ui:name": "Share Medium", "ui:help": "The social medium to share on. Share messages and links\nwill be pulled from your program config and tagged for analytics." }, "pill": { "ui:name": "Display 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": "Share Text", "ui:help": "Text used for native sharing (mobile only)" }, "sharetitle": { "ui:name": "Share Title", "ui:help": "Title used for native sharing (mobile only)" }, "size": { "ui:name": "Button Size", "ui:help": "" }, "textcolor": { "ui:widget": "color", "ui:name": "Button Text Color", "ui:help": "" }, "type": { "ui:name": "Button Style", "ui:help": "" } }, "traits": [{ "name": "backgroundcolor", "type": "string", "title": "Button Background Color" }, { "name": "borderradius", "type": "number", "title": "Border Radius" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "disabled", "type": "boolean", "title": "Disabled" }, { "name": "hideicon", "type": "boolean", "title": "Hide Icon" }, { "name": "hidetext", "type": "boolean", "title": "Hide Text" }, { "name": "icon", "type": "string", "title": "Icon" }, { "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"], "enumNames": ["Facebook", "Twitter", "Email", "Web Share Sheet", "Linkedin", "SMS", "Facebook Messenger", "Whatsapp", "Line Messenger", "Pinterest"] }, { "name": "pill", "type": "boolean", "title": "Display Pill" }, { "name": "program-id", "type": "string", "title": "Program ID" }, { "name": "sharetext", "type": "string", "title": "Share Text" }, { "name": "sharetitle", "type": "string", "title": "Share Title" }, { "name": "size", "type": "string", "title": "Button Size", "enum": ["small", "medium", "large"], "enumNames": ["Small", "Medium", "Large"] }, { "name": "textcolor", "type": "string", "title": "Button Text Color" }, { "name": "type", "type": "string", "title": "Button Style", "enum": ["primary", "success", "info", "warning", "danger", "default", "text"], "enumNames": ["Primary", "Success", "Info", "Warning", "Danger", "Default", "Text"] }] }, { "tag": "sqm-share-code", "name": "Share Code", "uiSchema": { "demoData": { "ui:help": "" }, "program-id": { "ui:name": "Program ID", "ui:help": "The ID of the program that should generate the code. 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 code to the clipboard." } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "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-share-link", "name": "Share Link", "uiSchema": { "demoData": { "ui:help": "" }, "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": "demoData", "type": "object", "title": "demoData" }, { "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-stat-container", "name": "Stat Container", "uiSchema": { "display": { "ui:name": "Display", "ui:help": "" }, "space": { "ui:name": "Space Between Stats", "ui:help": "" } }, "traits": [{ "name": "display", "type": "string", "title": "Display", "enum": ["grid", "flex"], "enumNames": ["Grid", "Flex"] }, { "name": "space", "type": "string", "title": "Space Between Stats", "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"] }] }, { "tag": "sqm-stencilbook", "name": "sqm-stencilbook", "uiSchema": {}, "traits": [] }, { "tag": "sqm-tab", "name": "Tab", "uiSchema": { "header": { "ui:name": "Tab Title", "ui:help": "" } }, "traits": [{ "name": "header", "type": "string", "title": "Tab Title" }] }, { "tag": "sqm-table-cell", "name": "sqm-table-cell", "uiSchema": { "colspan": { "ui:help": "" }, "padding": { "ui:help": "" } }, "traits": [{ "name": "colspan", "type": "number", "title": "colspan" }, { "name": "padding", "type": "string", "title": "padding" }] }, { "tag": "sqm-table-row", "name": "sqm-table-row", "uiSchema": { "border": { "ui:help": "" } }, "traits": [{ "name": "border", "type": "string", "title": "border" }] }, { "tag": "sqm-tabs", "name": "Tab Group", "uiSchema": { "placement": { "ui:name": "Tabs Placement", "ui:help": "Used to specify the placement of the tabs" } }, "traits": [{ "name": "placement", "type": "string", "title": "Tabs Placement", "enum": ["left", "right", "bottom", "top"], "enumNames": ["Left", "Right", "Bottom", "Top"] }] }, { "tag": "sqm-task-card", "name": "Task Card", "uiSchema": { "ui:order": ["reward-amount", "reward-unit", "card-title", "description", "repeatable", "finite", "show-progress-bar", "stat-type", "progress-source", "goal", "steps", "progress-bar-unit", "show-expiry", "reward-duration", "button-text", "button-link", "open-new-tab", "ended-message", "expiry-message", "starts-on-message", "event-key", "*"], "button-link": { "ui:name": "CTA Button Link", "ui:help": "" }, "button-text": { "ui:name": "CTA Button Text", "ui:help": "" }, "card-title": { "ui:name": "Title Text", "ui:help": "" }, "completed-text": { "ui:name": "Completed Count Text", "ui:help": "Displays the amount of times that a user has completed a repeatable task." }, "demoData": { "ui:help": "" }, "description": { "ui:name": "Description Text", "ui:help": "" }, "display-duration": { "ui:widget": "DateRange", "ui:name": "Display Duration", "ui:help": "Timeframe that the task card will be shown" }, "ended-message": { "ui:name": "Ended Date Message", "ui:help": "Shown to users after the end of the task duration." }, "event-key": { "ui:name": "Task Card Button Event Key", "ui:help": "Optionally send an event to SaaSquatch when a user clicks the CTA. This field configured what key of the event sent is." }, "expiry-message": { "ui:name": "Expiry Date Message", "ui:help": "" }, "finite": { "ui:name": "Repeat Amount", "ui:help": "The number of times a reward can be earned.  Use zero for no limit (the default)." }, "goal": { "ui:name": "Goal Completion Number", "ui:help": "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." }, "open-new-tab": { "ui:name": "Open In New Tab", "ui:help": "CTA Button Link Opens in New Tab" }, "program-id": { "ui:name": "Program ID Override", "ui:help": "The ID of the program that is used to scope the task card. Defaults to the program context when no ID is specified." }, "progress-bar-unit": { "ui:name": "Progress Bar Unit", "ui:help": "" }, "repeatable": { "ui:name": "Goal Repeatable", "ui:help": "" }, "reward-amount": { "ui:name": "Reward Amount", "ui:help": "" }, "reward-duration": { "ui:widget": "DateRange", "ui:name": "Reward Duration", "ui:help": "" }, "reward-unit": { "ui:name": "Reward Unit", "ui:help": "" }, "show-progress-bar": { "ui:name": "Show Progress Bar", "ui:help": "" }, "starts-on-message": { "ui:name": "Start Date Message", "ui:help": "Shown to users before the start of the task duration." }, "stat-type": { "ui:widget": "StatTypeSelectWidget", "ui:name": "Goal Progress Source", "ui:help": "Select what type of stat to display for the goal. Manual paths are also supported." }, "steps": { "ui:name": "Progress Bar Steps", "ui:help": "" } }, "traits": [{ "name": "button-link", "type": "string", "title": "CTA Button Link" }, { "name": "button-text", "type": "string", "title": "CTA Button Text" }, { "name": "card-title", "type": "string", "title": "Title Text" }, { "name": "completed-text", "type": "string", "title": "Completed Count Text" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "description", "type": "string", "title": "Description Text" }, { "name": "display-duration", "type": "string", "title": "Display Duration" }, { "name": "ended-message", "type": "string", "title": "Ended Date Message" }, { "name": "event-key", "type": "string", "title": "Task Card Button Event Key" }, { "name": "expiry-message", "type": "string", "title": "Expiry Date Message" }, { "name": "finite", "type": "number", "title": "Repeat Amount" }, { "name": "goal", "type": "number", "title": "Goal Completion Number" }, { "name": "open-new-tab", "type": "boolean", "title": "Open In New Tab" }, { "name": "program-id", "type": "string", "title": "Program ID Override" }, { "name": "progress-bar-unit", "type": "string", "title": "Progress Bar Unit" }, { "name": "repeatable", "type": "boolean", "title": "Goal Repeatable" }, { "name": "reward-amount", "type": "string", "title": "Reward Amount" }, { "name": "reward-duration", "type": "string", "title": "Reward Duration" }, { "name": "reward-unit", "type": "string", "title": "Reward Unit" }, { "name": "show-progress-bar", "type": "boolean", "title": "Show Progress Bar" }, { "name": "starts-on-message", "type": "string", "title": "Start Date Message" }, { "name": "stat-type", "type": "string", "title": "Goal Progress Source" }, { "name": "steps", "type": "boolean", "title": "Progress Bar Steps" }] }, { "tag": "sqm-text", "name": "Text", "uiSchema": {}, "traits": [] }, { "tag": "sqm-text-span", "name": "Text Span", "uiSchema": { "text": { "ui:name": "Text", "ui:help": "" }, "type": { "ui:name": "Type", "ui:help": "" } }, "traits": [{ "name": "text", "type": "string", "title": "Text" }, { "name": "type", "type": "string", "title": "Type", "enum": ["p", "subtext", "h1", "h2", "h3", "h4"], "enumNames": ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"] }] }, { "tag": "sqm-timeline", "name": "Program Timeline", "uiSchema": { "icon": { "ui:name": "Icon", "ui:help": "" } }, "traits": [{ "name": "icon", "type": "string", "title": "Icon", "enum": ["gift", "circle"], "enumNames": ["Gift", "Circle"] }] }, { "tag": "sqm-timeline-entry", "name": "Timeline Entry", "uiSchema": { "desc": { "ui:name": "Description", "ui:help": "" }, "icon": { "ui:name": "Icon", "ui:help": "" }, "reward": { "ui:name": "Reward Amount", "ui:help": "" }, "unit": { "ui:name": "Reward Unit", "ui:help": "" } }, "traits": [{ "name": "desc", "type": "string", "title": "Description" }, { "name": "icon", "type": "string", "title": "Icon", "enum": ["gift", "circle"], "enumNames": ["Gift", "Circle"] }, { "name": "reward", "type": "string", "title": "Reward Amount" }, { "name": "unit", "type": "string", "title": "Reward Unit" }] }, { "tag": "sqm-titled-section", "name": "Titled Section", "uiSchema": { "label": { "ui:name": "Label", "ui:help": "Label for the section unless overwritten via the label slot." }, "label-margin": { "ui:name": "Label Margin Style", "ui:help": "" }, "padding": { "ui:name": "Section Padding", "ui:help": "" }, "text-align": { "ui:name": "Text Align", "ui:help": "" } }, "traits": [{ "name": "label", "type": "string", "title": "Label" }, { "name": "label-margin", "type": "string", "title": "Label Margin Style", "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"] }, { "name": "padding", "type": "string", "title": "Section Padding", "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"] }, { "name": "text-align", "type": "string", "title": "Text Align", "enum": ["left", "center", "right"], "enumNames": ["Left", "Center", "Right"] }] }, { "tag": "sqm-user-name", "name": "User Name", "uiSchema": { "demoData": { "ui:help": "" }, "fallback": { "ui:name": "Fallback Name", "ui:help": "Fallback name for unknown users" }, "loading-text": { "ui:name": "Loading Text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "fallback", "type": "string", "title": "Fallback Name" }, { "name": "loading-text", "type": "string", "title": "Loading Text" }] }, { "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"] }] }, { "tag": "sl-skeleton", "name": "Loading Skeleton", "traits": [] }];
             exports_1("default", (function (editor, config) {
                 if (config === void 0) { config = {}; }
                 // Get DomComponents module