@saasquatch/mint-components 1.7.0-7 → 1.7.0-9

package/grapesjs/grapesjs.js

@@ -5,7 +5,7 @@ System.register([], function (exports_1, context_1) {
     return {
         setters: [],
         execute: function () {
-            components = [{ "tag": "raisins-plop-target", "name": "raisins-plop-target", "uiSchema": {}, "traits": [] }, { "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": "User 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:widget": "programSelector", "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-color": { "ui:widget": "color", "ui:name": "Stat Color", "ui:help": "" }, "stat-description-color": { "ui:widget": "color", "ui:name": "Stat Description Color", "ui:help": "" }, "stat-description-font-size": { "ui:name": "Stat Description Font Size", "ui:help": "" }, "stat-font-size": { "ui:name": "Stat Font Size", "ui:help": "" }, "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-color", "type": "string", "title": "Stat Color" }, { "name": "stat-description-color", "type": "string", "title": "Stat Description Color" }, { "name": "stat-description-font-size", "type": "string", "title": "Stat Description Font Size", "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": "stat-font-size", "type": "string", "title": "Stat Font Size", "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": "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." }, "brand-font": { "ui:name": "Brand Font", "ui:help": "The brand font that you want to use" }, "font-color": { "ui:widget": "color", "ui:name": "Font Color", "ui:help": "" } }, "traits": [{ "name": "brand-color", "type": "string", "title": "Brand Color" }, { "name": "brand-font", "type": "string", "title": "Brand Font" }, { "name": "font-color", "type": "string", "title": "Font Color" }] }, { "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": "Title", "ui:help": "" }, "empty-state-image": { "ui:widget": "ImageUpload", "ui:name": "Image", "ui:help": "" }, "empty-state-text": { "ui:widget": "textArea", "ui:name": "Description", "ui:help": "" } }, "traits": [{ "name": "empty-state-header", "type": "string", "title": "Title" }, { "name": "empty-state-image", "type": "string", "title": "Image" }, { "name": "empty-state-text", "type": "string", "title": "Description" }] }, { "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", "enum": ["none", "small", "medium", "large"], "enumNames": ["None", "Small", "Medium", "Large"] }, { "name": "secondary-background", "type": "string", "title": "Secondary Background" }, { "name": "wrap-direction", "type": "\"wrap\" | \"wrap-reverse\"", "title": "Wrap Direction", "enum": ["wrap", "wrap-reverse"], "enumNames": ["Wrap", "Wrap Reverse"] }] }, { "tag": "sqm-hero-image", "name": "Hero Image", "uiSchema": { "background-color": { "ui:widget": "color", "ui:name": "Background Color", "ui:help": "" }, "border-radius": { "ui:name": "Border Radius", "ui:help": "Configure border radius with pixel amount." }, "button-link": { "ui:name": "Button Link", "ui:help": "" }, "button-new-tab": { "ui:name": "Open Link in New Tab", "ui:help": "" }, "button-text": { "ui:name": "Button Text", "ui:help": "" }, "description": { "ui:widget": "textArea", "ui:name": "Description", "ui:help": "" }, "header": { "ui:name": "Title", "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", "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": "border-radius", "type": "number", "title": "Border Radius" }, { "name": "button-link", "type": "string", "title": "Button Link" }, { "name": "button-new-tab", "type": "boolean", "title": "Open Link in New Tab" }, { "name": "button-text", "type": "string", "title": "Button Text" }, { "name": "description", "type": "string", "title": "Description" }, { "name": "header", "type": "string", "title": "Title" }, { "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" }, { "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": "" }, "border-radius": { "ui:name": "Border Radius", "ui:help": "Configure border radius with pixel amount." }, "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": "border-radius", "type": "number", "title": "Border Radius" }, { "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 results." }, "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:widget": "programSelector", "ui:name": "Program", "ui:help": "Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is.\r\nIf no program ID is set or provided by context, then a global leaderboard is shown." }, "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:widget": "programSelector", "ui:name": "Program", "ui:help": "Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is.\r\nIf no program ID is set or provided by context, then a global leaderboard is shown." }, "rank-text": { "ui:widget": "textArea", "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", "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": "Container", "uiSchema": { "background-color": { "ui:widget": "color", "ui:name": "Background Color", "ui:help": "" }, "border-radius": { "ui:name": "Border Radius", "ui:help": "Configure border radius with pixel amount." }, "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": "Define how this container distributes its contents along the main-axis." }, "max-width": { "ui:name": "Maximum width", "ui:help": "" }, "min-width": { "ui:name": "Minimum width", "ui:help": "" }, "padding": { "ui:name": "Padding", "ui:help": "" } }, "traits": [{ "name": "background-color", "type": "string", "title": "Background Color" }, { "name": "border-radius", "type": "number", "title": "Border Radius" }, { "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": "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:widget": "textArea", "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:widget": "textArea", "ui:name": "Description", "ui:help": "" }, "header": { "ui:name": "Title", "ui:help": "" }, "icon": { "ui:name": "Icon", "ui:help": "Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive." }, "image-url": { "ui:widget": "imageUpload", "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-qa", "name": "QA Component", "uiSchema": { "boolean-switch": { "ui:name": "Boolean Switch with default - true", "ui:help": "Description here" }, "boolean-switch-no-default": { "ui:name": "Boolean Switch with no default", "ui:help": "Description here" }, "boolean-switch-required-no-default": { "ui:name": "Boolean Switch required with no default", "ui:help": "Description here" }, "boolean-switchfalse": { "ui:name": "Boolean Switch with default - false", "ui:help": "Description here" }, "color": { "ui:widget": "color", "ui:name": "Color with default", "ui:help": "Description here" }, "color-no-default": { "ui:widget": "color", "ui:name": "Color with no default", "ui:help": "Description here" }, "color-required-no-default": { "ui:widget": "color", "ui:name": "Color required with no default", "ui:help": "Description here" }, "date-interval": { "ui:widget": "dateRange", "ui:name": "Date Interval with default", "ui:help": "Description here" }, "date-interval-no-default": { "ui:widget": "dateRange", "ui:name": "Date Interval with no default", "ui:help": "Description here" }, "date-interval-required-no-default": { "ui:widget": "dateRange", "ui:name": "Date Interval required with no default", "ui:help": "Description here" }, "image-upload": { "ui:widget": "ImageUpload", "ui:name": "Image Upload with default", "ui:help": "Description here" }, "image-upload-no-default": { "ui:widget": "ImageUpload", "ui:name": "Image Upload with no default", "ui:help": "Description here" }, "image-upload-required-no-default": { "ui:widget": "ImageUpload", "ui:name": "Image Upload required with no default", "ui:help": "Description here" }, "max": { "ui:name": "Number Max 7", "ui:help": "Description here" }, "max-length": { "ui:name": "String Max Length 10", "ui:help": "Description here" }, "min": { "ui:name": "Number Min 7", "ui:help": "Description here" }, "min-length": { "ui:name": "String Min Length 10", "ui:help": "Description here" }, "number-enum-select": { "ui:name": "Number Enum Select with default", "ui:help": "Description here" }, "number-enum-select-no-default": { "ui:name": "Number Enum Select with no default", "ui:help": "Description here" }, "number-enum-select-required-no-default": { "ui:name": "Number Enum Select required with no default", "ui:help": "Description here" }, "number-input": { "ui:name": "Number Input with default", "ui:help": "Description here" }, "number-input-no-default": { "ui:name": "Number Input with no default", "ui:help": "Description here" }, "number-required": { "ui:name": "Number required with no default", "ui:help": "Description here" }, "program-selector": { "ui:widget": "programSelector", "ui:name": "Program Selector with default", "ui:help": "Description here" }, "program-selector-no-default": { "ui:widget": "programSelector", "ui:name": "Program Selector with no default", "ui:help": "Description here" }, "program-selector-required-no-default": { "ui:widget": "programSelector", "ui:name": "Program Selector required with no default", "ui:help": "Description here" }, "stat-selector": { "ui:widget": "statTypeSelectWidget", "ui:name": "Stat Selector with default", "ui:help": "Description here" }, "stat-selector-no-default": { "ui:widget": "statTypeSelectWidget", "ui:name": "Stat Selector with no default", "ui:help": "Description here" }, "stat-selector-required-no-default": { "ui:widget": "statTypeSelectWidget", "ui:name": "Stat Selector required with no default", "ui:help": "Description here" }, "string-enum-select": { "ui:name": "String Enum Select with default", "ui:help": "Description here" }, "string-enum-select-no-default": { "ui:name": "String Enum Select with no default", "ui:help": "Description here" }, "string-enum-select-required-no-default": { "ui:name": "String Enum Select required with no default", "ui:help": "Description here" }, "string-required": { "ui:name": "String required with no default", "ui:help": "Description here" }, "text-area-input": { "ui:widget": "textArea with default", "ui:name": "Text Area Input", "ui:help": "Description here" }, "text-area-input-no-default": { "ui:widget": "textArea with no default", "ui:name": "Text Area Input", "ui:help": "Description here" }, "text-area-input-required-no-default": { "ui:widget": "textArea required with no default", "ui:name": "Text Area Input", "ui:help": "Description here" }, "text-input": { "ui:name": "Text Input with default", "ui:help": "Description here" }, "text-input-no-default": { "ui:name": "Text Input with no default", "ui:help": "Description here" } }, "traits": [{ "name": "boolean-switch", "type": "boolean", "title": "Boolean Switch with default - true" }, { "name": "boolean-switch-no-default", "type": "boolean", "title": "Boolean Switch with no default" }, { "name": "boolean-switch-required-no-default", "type": "boolean", "title": "Boolean Switch required with no default" }, { "name": "boolean-switchfalse", "type": "boolean", "title": "Boolean Switch with default - false" }, { "name": "color", "type": "string", "title": "Color with default" }, { "name": "color-no-default", "type": "string", "title": "Color with no default" }, { "name": "color-required-no-default", "type": "string", "title": "Color required with no default" }, { "name": "date-interval", "type": "string", "title": "Date Interval with default" }, { "name": "date-interval-no-default", "type": "string", "title": "Date Interval with no default" }, { "name": "date-interval-required-no-default", "type": "string", "title": "Date Interval required with no default" }, { "name": "image-upload", "type": "string", "title": "Image Upload with default" }, { "name": "image-upload-no-default", "type": "string", "title": "Image Upload with no default" }, { "name": "image-upload-required-no-default", "type": "string", "title": "Image Upload required with no default" }, { "name": "max", "type": "number", "title": "Number Max 7" }, { "name": "max-length", "type": "string", "title": "String Max Length 10" }, { "name": "min", "type": "number", "title": "Number Min 7" }, { "name": "min-length", "type": "string", "title": "String Min Length 10" }, { "name": "number-enum-select", "type": "number", "title": "Number Enum Select with default", "enum": [1, 2, 3], "enumNames": ["Option 1", "Option 2", "Option 3"] }, { "name": "number-enum-select-no-default", "type": "number", "title": "Number Enum Select with no default", "enum": [1, 2, 3], "enumNames": ["Option 1", "Option 2", "Option 3"] }, { "name": "number-enum-select-required-no-default", "type": "number", "title": "Number Enum Select required with no default", "enum": [1, 2, 3], "enumNames": ["Option 1", "Option 2", "Option 3"] }, { "name": "number-input", "type": "number", "title": "Number Input with default" }, { "name": "number-input-no-default", "type": "number", "title": "Number Input with no default" }, { "name": "number-required", "type": "number", "title": "Number required with no default" }, { "name": "program-selector", "type": "string", "title": "Program Selector with default" }, { "name": "program-selector-no-default", "type": "string", "title": "Program Selector with no default" }, { "name": "program-selector-required-no-default", "type": "string", "title": "Program Selector required with no default" }, { "name": "stat-selector", "type": "string", "title": "Stat Selector with default" }, { "name": "stat-selector-no-default", "type": "string", "title": "Stat Selector with no default" }, { "name": "stat-selector-required-no-default", "type": "string", "title": "Stat Selector required with no default" }, { "name": "string-enum-select", "type": "string", "title": "String Enum Select with default", "enum": ["option1", "option2", "option3"], "enumNames": ["Option 1", "Option 2", "Option 3"] }, { "name": "string-enum-select-no-default", "type": "string", "title": "String Enum Select with no default", "enum": ["option1", "option2", "option3"], "enumNames": ["Option 1", "Option 2", "Option 3"] }, { "name": "string-enum-select-required-no-default", "type": "string", "title": "String Enum Select required with no default", "enum": ["option1", "option2", "option3"], "enumNames": ["Option 1", "Option 2", "Option 3"] }, { "name": "string-required", "type": "string", "title": "String required with no default" }, { "name": "text-area-input", "type": "string", "title": "Text Area Input" }, { "name": "text-area-input-no-default", "type": "string", "title": "Text Area Input" }, { "name": "text-area-input-required-no-default", "type": "string", "title": "Text Area Input" }, { "name": "text-input", "type": "string", "title": "Text Input with default" }, { "name": "text-input-no-default", "type": "string", "title": "Text Input with no default" }] }, { "tag": "sqm-qa-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": ["Top", "Center", "Bottom"] }] }, { "tag": "sqm-qa-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-referral-card", "name": "Referral Card", "uiSchema": { "background-color": { "ui:widget": "color", "ui:name": "Background Color", "ui:help": "" }, "border-color": { "ui:widget": "color", "ui:name": "Border Color", "ui:help": "" }, "border-radius": { "ui:name": "Border Radius", "ui:help": "Configure border radius with pixel amount." }, "padding": { "ui:name": "Padding", "ui:help": "" }, "text-color": { "ui:widget": "color", "ui:name": "Text Color", "ui:help": "" }, "vertical-alignment": { "ui:name": "Vertical Aligment", "ui:help": "" } }, "traits": [{ "name": "background-color", "type": "string", "title": "Background Color" }, { "name": "border-color", "type": "string", "title": "Border Color" }, { "name": "border-radius", "type": "number", "title": "Border Radius" }, { "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"] }, { "name": "text-color", "type": "string", "title": "Text Color" }, { "name": "vertical-alignment", "type": "string", "title": "Vertical Aligment", "enum": ["start", "center", "end"], "enumNames": ["Top", "Center", "Bottom"] }] }, { "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" }, "hide-labels": { "ui:name": "Hide Column Labels", "ui:help": "" }, "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:widget": "programSelector", "ui:name": "Program", "ui:help": "Filters to only show referrals in this program. Will default to filtering by the program context where\r\nthis table lives. If no program ID is set or provided by context, then shows all referrals from all programs.\r\nIf program ID is \"classic\", shows classic-only referrals" }, "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": "hide-labels", "type": "boolean", "title": "Hide Column Labels" }, { "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-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": "Shown in the dropdown details when a reward has an expiry date." }, "fuel-tank-text": { "ui:name": "Fuel Tank Code Text", "ui:help": "Shown in the dropdown details when a reward has an associated fuel tank code." }, "hide-details": { "ui:name": "Hide dropdown details of reward", "ui:help": "" }, "pending-for-text": { "ui:name": "Reward Pending Text", "ui:help": "Shown in the dropdown details when a reward is pending." }, "reward-received-text": { "ui:name": "Reward Received Text", "ui:help": "Shown in the dropdown details when a reward has been received.’" }, "status-long-text": { "ui:widget": "textArea", "ui:name": "Reward Status Long Text", "ui:help": "Additional status text shown in the details drop down." }, "status-text": { "ui:widget": "textArea", "ui:name": "Reward Status Text", "ui:help": "Text shown in the reward status badge." } }, "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:widget": "textArea", "ui:name": "Not Available Error", "ui:help": "Error message shown when reward is not available" }, "not-enough-error": { "ui:widget": "textArea", "ui:name": "Not Enough Error Message", "ui:help": "" }, "promo-code": { "ui:name": "Promo Code Text", "ui:help": "" }, "query-error": { "ui:widget": "textArea", "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:widget": "textArea", "ui:name": "Redemption Error Message", "ui:help": "Shown if an error occurs during the reward exchange." }, "redemption-success-text": { "ui:widget": "textArea", "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:widget": "textArea", "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:widget": "textArea", "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" }, "hide-labels": { "ui:name": "Hide Column Labels", "ui:help": "" }, "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:widget": "programSelector", "ui:name": "Program", "ui:help": "Filters to only show rewards in this program. Will default to filtering by the program context where\r\nthis table lives. If no program ID is set or provided by context, then shows all rewards from all programs." }, "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": "hide-labels", "type": "boolean", "title": "Hide Column Labels" }, { "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": "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": "Column Title", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "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:widget": "textArea", "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:widget": "textArea", "ui:name": "Reward Source Text", "ui:help": "Shown when a reward has been created by a source other than a referral." } }, "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": "Expiry Date Prefix", "ui:help": "Text shown before the date of an expiring reward." }, "pending-scheduled": { "ui:name": "Pending Date Prefix", "ui:help": "Text shown before the available date of a pending reward." }, "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:widget": "textArea", "ui:name": "Reward Status Text", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "Column Title" }, { "name": "expiry-text", "type": "string", "title": "Expiry Date Prefix" }, { "name": "pending-scheduled", "type": "string", "title": "Pending 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", "uiSchema": { "path": { "ui:name": "Navigation Path Name", "ui:help": "" } }, "traits": [{ "name": "path", "type": "string", "title": "Navigation Path Name" }] }, { "tag": "sqm-router", "name": "Router", "uiSchema": {}, "traits": [] }, { "tag": "sqm-scroll", "name": "Scroll Button", "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", "ui:help": "Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive." }, "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": "ID applied to the HTML tag you would like to scroll to. E.g tab-1" }, "scroll-tag-name": { "ui:name": "Scroll Tag Name", "ui:help": "The name of the HTML tag you would like to scroll to. E.g referral-table" }, "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": "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\r\n\r\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\r\nwill be pulled from your program config and tagged for analytics." }, "pill": { "ui:name": "Display Pill", "ui:help": "" }, "program-id": { "ui:widget": "programSelector", "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:widget": "programSelector", "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 appears for" }, "tooltip-text": { "ui:name": "Tooltip Text", "ui:help": "Shown inside a tooltip after someone has successfully copied the link to their 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": { "background-color": { "ui:widget": "color", "ui:name": "Background Color", "ui:help": "" }, "border-color": { "ui:widget": "color", "ui:name": "Border Color", "ui:help": "" }, "border-radius": { "ui:name": "Border Radius", "ui:help": "Configure border radius with pixel amount." }, "demoData": { "ui:help": "" }, "program-id": { "ui:widget": "programSelector", "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." }, "size": { "ui:name": "Input Size", "ui:help": "" }, "text-color": { "ui:widget": "color", "ui:name": "Text Color", "ui:help": "" }, "tooltip-lifespan": { "ui:name": "Tooltip Lifespan", "ui:help": "The number of milliseconds that the tooltip appears for" }, "tooltip-text": { "ui:name": "Tooltip Text", "ui:help": "Shown inside a tooltip after someone has successfully copied the link to their clipboard." } }, "traits": [{ "name": "background-color", "type": "string", "title": "Background Color" }, { "name": "border-color", "type": "string", "title": "Border Color" }, { "name": "border-radius", "type": "number", "title": "Border Radius" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "program-id", "type": "string", "title": "Program ID" }, { "name": "size", "type": "string", "title": "Input Size", "enum": ["small", "medium", "large"], "enumNames": ["Small", "Medium", "Large"] }, { "name": "text-color", "type": "string", "title": "Text Color" }, { "name": "tooltip-lifespan", "type": "number", "title": "Tooltip Lifespan" }, { "name": "tooltip-text", "type": "string", "title": "Tooltip Text" }] }, { "tag": "sqm-stat-container", "name": "Stat Container", "uiSchema": { "border-color": { "ui:widget": "color", "ui:name": "Border Color", "ui:help": "" }, "display": { "ui:name": "Display", "ui:help": "" }, "hide-border": { "ui:name": "Hide Border", "ui:help": "" }, "space": { "ui:name": "Space Between Stats", "ui:help": "" } }, "traits": [{ "name": "border-color", "type": "string", "title": "Border Color" }, { "name": "display", "type": "string", "title": "Display", "enum": ["grid", "flex"], "enumNames": ["Grid", "Flex"] }, { "name": "hide-border", "type": "boolean", "title": "Hide Border" }, { "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": "Table Cell", "uiSchema": { "colspan": { "ui:name": "Column Span", "ui:help": "" }, "padding": { "ui:name": "Padding}", "ui:help": "" } }, "traits": [{ "name": "colspan", "type": "number", "title": "Column Span" }, { "name": "padding", "type": "string", "title": "Padding}" }] }, { "tag": "sqm-table-row", "name": "Table Row", "uiSchema": { "border": { "ui:name": "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": "Button Link", "ui:help": "" }, "button-text": { "ui:name": "Button Text", "ui:help": "" }, "card-title": { "ui:name": "Title", "ui:help": "" }, "completed-text": { "ui:widget": "textArea", "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", "ui:help": "" }, "display-duration": { "ui:widget": "dateRange", "ui:name": "Display Duration", "ui:help": "Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured." }, "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 button. Enter your event key into this field." }, "expiry-message": { "ui:name": "Expiry Date Message", "ui:help": "Displayed when a user views a task card after the reward duration interval." }, "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": "Button Link Opens in New Tab" }, "program-id": { "ui:widget": "programSelector", "ui:name": "Program ID Override", "ui:help": "The ID of the program that is used to scope the task card. When no ID is specified, it defaults to the program context in which the component is rendered." }, "progress-bar-unit": { "ui:name": "Progress Bar Unit", "ui:help": "The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars" }, "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": "Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured." }, "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": "Button Link" }, { "name": "button-text", "type": "string", "title": "Button Text" }, { "name": "card-title", "type": "string", "title": "Title" }, { "name": "completed-text", "type": "string", "title": "Completed Count Text" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "description", "type": "string", "title": "Description" }, { "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": "Program Timeline Entry", "uiSchema": { "desc": { "ui:name": "Description", "ui:help": "" }, "icon": { "ui:name": "Icon", "ui:help": "" }, "reward": { "ui:name": "Reward Amount", "ui:help": "" }, "text-color": { "ui:widget": "color", "ui:name": "Text Color", "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": "text-color", "type": "string", "title": "Text Color" }, { "name": "unit", "type": "string", "title": "Reward Unit" }] }, { "tag": "sqm-titled-section", "name": "Titled Section", "uiSchema": { "label": { "ui:name": "Label", "ui:help": "Text value shown when there is no label slot declared." }, "label-margin": { "ui:name": "Label Bottom Margin", "ui:help": "Margin applied to the bottom of the label slot" }, "padding": { "ui:name": "Section Padding", "ui:help": "Padding applied to all 4 sides of the container" }, "text-align": { "ui:name": "Text Alignment", "ui:help": "" } }, "traits": [{ "name": "label", "type": "string", "title": "Label" }, { "name": "label-margin", "type": "string", "title": "Label Bottom Margin", "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 Alignment", "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": "raisins-plop-target", "name": "raisins-plop-target", "uiSchema": {}, "traits": [] }, { "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": "User 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:widget": "programSelector", "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." }, "brand-font": { "ui:name": "Brand Font", "ui:help": "A font from the Google Fonts library used throughout the widget. This value is case sensitive." } }, "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": "Form Checkbox Field", "uiSchema": { "checkbox-label": { "ui:widget": "textArea", "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": "This name is used as the key for this form field on submission. The name must be unique within this specific form." }, "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 allowing specification of thickness, fill style and color." }, "overflow": { "ui:name": "Overflow", "ui:help": "" } }, "traits": [{ "name": "direction", "type": "string", "title": "Direction", "enum": ["row", "column"], "enumNames": ["Row", "Column"] }, { "name": "divider-style", "type": "string", "title": "Border Style" }, { "name": "overflow", "type": "string", "title": "Overflow", "enum": ["initial", "scroll", "auto", "hidden"], "enumNames": ["Initial", "Scroll", "Auto", "Hidden"] }] }, { "tag": "sqm-dropdown-field", "name": "Form Dropdown Field", "uiSchema": { "demoData": { "ui:help": "" }, "dropdown-label": { "ui:name": "Dropdown Label", "ui:help": "" }, "dropdown-name": { "ui:name": "Dropdown Name Attribute", "ui:help": "This name is used as the key for this form field on submission. The name must be unique within this specific form." }, "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": "Microsite 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": "Title", "ui:help": "" }, "empty-state-image": { "ui:widget": "ImageUpload", "ui:name": "Image", "ui:help": "" }, "empty-state-text": { "ui:widget": "textArea", "ui:name": "Description", "ui:help": "" } }, "traits": [{ "name": "empty-state-header", "type": "string", "title": "Title" }, { "name": "empty-state-image", "type": "string", "title": "Image" }, { "name": "empty-state-text", "type": "string", "title": "Description" }] }, { "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-hamburger-menu", "name": "Hamburger menu", "uiSchema": { "position": { "ui:help": "" } }, "traits": [{ "name": "position", "type": "string", "title": "position" }] }, { "tag": "sqm-header-logo", "name": "Header Logo", "uiSchema": { "height": { "ui:name": "Logo Height", "ui:help": "" }, "image-url": { "ui:widget": "ImageUpload", "ui:name": "Logo Image", "ui:help": "" }, "next-page": { "ui:widget": "pageSelect", "ui:name": "Redirect Path", "ui:help": "Page participants are navigated to after clicking the header logo." } }, "traits": [{ "name": "height", "type": "number", "title": "Logo Height" }, { "name": "image-url", "type": "string", "title": "Logo Image" }, { "name": "next-page", "type": "string", "title": "Redirect Path" }] }, { "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", "enum": [1, 2], "enumNames": ["One", "Two"] }, { "name": "padding-size", "type": "\"large\" | \"medium\" | \"none\" | \"small\"", "title": "Padding Size", "enum": ["none", "small", "medium", "large"], "enumNames": ["None", "Small", "Medium", "Large"] }, { "name": "secondary-background", "type": "string", "title": "Secondary Background" }, { "name": "wrap-direction", "type": "\"wrap\" | \"wrap-reverse\"", "title": "Wrap Direction", "enum": ["wrap", "wrap-reverse"], "enumNames": ["Wrap", "Wrap Reverse"] }] }, { "tag": "sqm-hero-image", "name": "Hero Image", "uiSchema": { "background-color": { "ui:widget": "color", "ui:name": "Background Color", "ui:help": "" }, "button-link": { "ui:name": "Button Link", "ui:help": "" }, "button-new-tab": { "ui:name": "Open Link in New Tab", "ui:help": "" }, "button-text": { "ui:name": "Button Text", "ui:help": "" }, "description": { "ui:widget": "textArea", "ui:name": "Description", "ui:help": "" }, "header": { "ui:name": "Title", "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", "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": "Button Link" }, { "name": "button-new-tab", "type": "boolean", "title": "Open Link in New Tab" }, { "name": "button-text", "type": "string", "title": "Button Text" }, { "name": "description", "type": "string", "title": "Description" }, { "name": "header", "type": "string", "title": "Title" }, { "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" }, { "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": "Form 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": "This name is used as the key for this form field on submission. The name must be unique within this specific form." }, "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 results." }, "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:widget": "programSelector", "ui:name": "Program", "ui:help": "Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is.\r\nIf no program ID is set or provided by context, then a global leaderboard is shown." }, "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:widget": "programSelector", "ui:name": "Program", "ui:help": "Filters leaderboard to show only data from this program. Defaults to the program context where this leaderboard is.\r\nIf no program ID is set or provided by context, then a global leaderboard is shown." }, "rank-text": { "ui:widget": "textArea", "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": "Form 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": "Microsite Sidebar", "uiSchema": {}, "traits": [] }, { "tag": "sqm-navigation-sidebar-item", "name": "Microsite Sidebar Item", "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:widget": "pageSelect", "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": "Form Password Field", "uiSchema": { "demoData": { "ui:help": "" }, "disable-validation": { "ui:name": "Disable Validation", "ui:help": "Disable live password validation" }, "field-label": { "ui:name": "Password Label", "ui:help": "Label for password field" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "disable-validation", "type": "boolean", "title": "Disable Validation" }, { "name": "field-label", "type": "string", "title": "Password Label" }] }, { "tag": "sqm-popup-container", "name": "Popup Container", "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": "Microsite Password Change", "uiSchema": { "cancel-text": { "ui:name": "Cancel Button Text", "ui:help": "Found in modal" }, "change-password-button-text": { "ui:name": "Change Password Button Text", "ui:help": "Found in modal" }, "confirm-password-field-label": { "ui:name": "Confirm Password Label", "ui:help": "Found in modal" }, "demoData": { "ui:help": "" }, "modal-change-password-header": { "ui:name": "Change Password Modal Header", "ui:help": "" }, "password-field-label": { "ui:name": "New Password Field Label", "ui:help": "Found in modal" }, "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:widget": "textArea", "ui:name": "Successful Password Change 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": "New Password Field 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 Password Change Message" }] }, { "tag": "sqm-portal-container", "name": "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": "Define how this container distributes its contents along the main-axis." }, "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": "Microsite Email Verification", "uiSchema": { "demoData": { "ui:help": "" }, "email-verification-header": { "ui:name": "Email Verification Header Text", "ui:help": "" }, "redirect-path": { "ui:widget": "pageSelect", "ui:name": "Email Redirect", "ui:help": "Redirect participants to this page from their verification email." }, "resend-email-button-text": { "ui:name": "Re-send Email Button Text", "ui:help": "" }, "verify-message": { "ui:widget": "textArea", "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 Redirect" }, { "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": "Footer", "uiSchema": { "faq-link": { "ui:name": "FAQ Link", "ui:help": "" }, "faq-text": { "ui:name": "FAQ Text", "ui:help": "" }, "hide-powered-by": { "ui:name": "Hide Powered By SaaSquatch", "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": "" }, "support-email": { "ui:name": "Support Email", "ui:help": "" }, "support-text": { "ui:widget": "textArea", "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": "hide-powered-by", "type": "boolean", "title": "Hide Powered By SaaSquatch" }, { "name": "padding-bottom", "type": "string", "title": "Padding Bottom", "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-left", "type": "string", "title": "Padding Left", "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-right", "type": "string", "title": "Padding Right", "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-top", "type": "string", "title": "Padding Top", "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": "powered-by-link", "type": "string", "title": "Powered By Link" }, { "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": "Microsite Forgot Password", "uiSchema": { "demoData": { "ui:help": "" }, "email-label": { "ui:name": "Email Field Label", "ui:help": "" }, "header-text": { "ui:widget": "textArea", "ui:name": "Header Text", "ui:help": "" }, "login-path": { "ui:widget": "pageSelect", "ui:name": "Login Redirect Path", "ui:help": "" }, "login-text": { "ui:help": "Sign In Link Text" }, "redirect-path": { "ui:widget": "pageSelect", "ui:name": "Email Redirect", "ui:help": "Redirect participants to this page after they verify their 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 Field Label" }, { "name": "header-text", "type": "string", "title": "Header Text" }, { "name": "login-path", "type": "string", "title": "Login Redirect Path" }, { "name": "login-text", "type": "string", "title": "login-text" }, { "name": "redirect-path", "type": "string", "title": "Email Redirect" }, { "name": "submit-label", "type": "string", "title": "Password Reset Button Text" }] }, { "tag": "sqm-portal-frame", "name": "Microsite Frame", "uiSchema": { "demoData": { "ui:help": "" }, "not-full-screen": { "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "not-full-screen", "type": "boolean", "title": "not-full-screen" }] }, { "tag": "sqm-portal-login", "name": "Microsite Login", "uiSchema": { "demoData": { "ui:help": "" }, "email-label": { "ui:name": "Email Field Label", "ui:help": "" }, "forgot-password-label": { "ui:name": "Forgot Password Text", "ui:help": "" }, "forgot-password-path": { "ui:widget": "pageSelect", "ui:name": "Forgot Password Redirect", "ui:help": "Redirect participants to this page to reset their password" }, "next-page": { "ui:widget": "pageSelect", "ui:name": "Login Redirect", "ui:help": "Redirect participants to this page after they successfully login." }, "page-label": { "ui:widget": "textArea", "ui:name": "Heading Label", "ui:help": "" }, "password-label": { "ui:name": "Password Field Label", "ui:help": "" }, "register-label": { "ui:name": "Register Button Text", "ui:help": "" }, "register-path": { "ui:widget": "pageSelect", "ui:name": "Register Button Redirect", "ui:help": "Redirect participants to this page to start registration." }, "submit-label": { "ui:name": "Submit Button Text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-label", "type": "string", "title": "Email Field Label" }, { "name": "forgot-password-label", "type": "string", "title": "Forgot Password Text" }, { "name": "forgot-password-path", "type": "string", "title": "Forgot Password Redirect" }, { "name": "next-page", "type": "string", "title": "Login Redirect" }, { "name": "page-label", "type": "string", "title": "Heading Label" }, { "name": "password-label", "type": "string", "title": "Password Field Label" }, { "name": "register-label", "type": "string", "title": "Register Button Text" }, { "name": "register-path", "type": "string", "title": "Register Button Redirect" }, { "name": "submit-label", "type": "string", "title": "Submit Button Text" }] }, { "tag": "sqm-portal-logout", "name": "Microsite Logout", "uiSchema": { "next-page": { "ui:widget": "pageSelect", "ui:name": "Logout Redirect Path", "ui:help": "Redirect participants to this page when they log out." } }, "traits": [{ "name": "next-page", "type": "string", "title": "Logout Redirect Path" }] }, { "tag": "sqm-portal-profile", "name": "Microsite Participant Profile", "uiSchema": { "countrytext": { "ui:name": "Country Field Label", "ui:help": "" }, "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 Field Label", "ui:help": "" }, "firstnametext": { "ui:name": "First Name Label", "ui:help": "" }, "hide-country": { "ui:name": "Hide Country Field", "ui:help": "" }, "lastnametext": { "ui:name": "Last Name Field Label", "ui:help": "" }, "submit-change-button-text": { "ui:name": "Submit Changes Button Text", "ui:help": "" } }, "traits": [{ "name": "countrytext", "type": "string", "title": "Country Field 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 Field Label" }, { "name": "firstnametext", "type": "string", "title": "First Name Label" }, { "name": "hide-country", "type": "boolean", "title": "Hide Country Field" }, { "name": "lastnametext", "type": "string", "title": "Last Name Field Label" }, { "name": "submit-change-button-text", "type": "string", "title": "Submit Changes Button Text" }] }, { "tag": "sqm-portal-protected-route", "name": "Microsite Protected Route", "uiSchema": { "redirect-to": { "ui:name": "Unauthenticated Participant Redirect", "ui:help": "Redirect participants to this page they are not logged in." }, "redirect-to-unverified": { "ui:name": "Unverified Participant Redirect", "ui:help": "Redirect participants to this page when email verification is required but they have not verified their email." }, "require-email-verification": { "ui:name": "Require Email Verification", "ui:help": "" } }, "traits": [{ "name": "redirect-to", "type": "string", "title": "Unauthenticated Participant Redirect" }, { "name": "redirect-to-unverified", "type": "string", "title": "Unverified Participant Redirect" }, { "name": "require-email-verification", "type": "boolean", "title": "Require Email Verification" }] }, { "tag": "sqm-portal-register", "name": "Microsite Registration", "uiSchema": { "confirm-password": { "ui:name": "Show Confirm Password Field", "ui:help": "" }, "confirm-password-label": { "ui:name": "Confirm Password Field Label", "ui:help": "" }, "demoData": { "ui:help": "" }, "disable-password-validation": { "ui:name": "Disable Password Validation", "ui:help": "" }, "email-label": { "ui:name": "Email Field Label", "ui:help": "" }, "hide-inputs": { "ui:name": "Hide Default Fields", "ui:help": "Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes \"email\" and \"password\" for this form to succeed." }, "login-label": { "ui:name": "Login Button Text", "ui:help": "" }, "login-path": { "ui:widget": "pageSelect", "ui:name": "Login Redirect", "ui:help": "Redirect participants to this page after clicking the login button." }, "next-page": { "ui:widget": "pageSelect", "ui:name": "Registration Redirect", "ui:help": "Redirect participants to this page from their verification email" }, "page-label": { "ui:name": "Header Text", "ui:help": "" }, "password-label": { "ui:name": "Password Field Label", "ui:help": "" }, "redirect-path": { "ui:widget": "pageSelect", "ui:name": "Email Verification Redirect", "ui:help": "The page that participants 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 Field Label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "disable-password-validation", "type": "boolean", "title": "Disable Password Validation" }, { "name": "email-label", "type": "string", "title": "Email Field Label" }, { "name": "hide-inputs", "type": "boolean", "title": "Hide Default Fields" }, { "name": "login-label", "type": "string", "title": "Login Button Text" }, { "name": "login-path", "type": "string", "title": "Login Redirect" }, { "name": "next-page", "type": "string", "title": "Registration Redirect" }, { "name": "page-label", "type": "string", "title": "Header Text" }, { "name": "password-label", "type": "string", "title": "Password Field Label" }, { "name": "redirect-path", "type": "string", "title": "Email Verification Redirect" }, { "name": "submit-label", "type": "string", "title": "Submit Button Text" }] }, { "tag": "sqm-portal-registration-form", "name": "Microsite Registration", "uiSchema": { "confirm-password": { "ui:name": "Show Confirm Password Field", "ui:help": "" }, "confirm-password-label": { "ui:name": "Confirm Password Field Label", "ui:help": "" }, "demoData": { "ui:help": "" }, "disable-password-validation": { "ui:name": "Disable Password Validation", "ui:help": "" }, "email-label": { "ui:name": "Email Field Label", "ui:help": "" }, "form-disabled-error-message": { "ui:widget": "textArea", "ui:name": "Form Disabled Message", "ui:help": "The message to be displayed when the registration form is disabled." }, "form-key": { "ui:name": "Form Key", "ui:help": "The key of the registration form used for this microsite." }, "hide-inputs": { "ui:name": "Hide Default Fields", "ui:help": "Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes \"email\" and \"password\" for this form to succeed." }, "invalid-email-error-message": { "ui:widget": "textArea", "ui:name": "Invalid Email Message", "ui:help": "The message to be displayed when the email used is invalid or blocked." }, "login-label": { "ui:name": "Login Button Text", "ui:help": "" }, "login-path": { "ui:widget": "pageSelect", "ui:name": "Login Redirect", "ui:help": "Redirect participants to this page after clicking the login button." }, "network-error-message": { "ui:widget": "textArea", "ui:name": "Network Error Message", "ui:help": "The message to be displayed when a the form submission fails unexpectedly." }, "next-page": { "ui:widget": "pageSelect", "ui:name": "Registration Redirect", "ui:help": "Redirect participants to this page after they successfully register." }, "page-label": { "ui:name": "Header Text", "ui:help": "" }, "password-label": { "ui:name": "Password Field Label", "ui:help": "" }, "password-mismatch-error-message": { "ui:widget": "textArea", "ui:name": "Password Mismatch Message", "ui:help": "The message to be displayed when password inputs do not match." }, "redirect-path": { "ui:widget": "pageSelect", "ui:name": "Email Verification Redirect", "ui:help": "Redirect participants to this page from their verification email" }, "required-field-error-message": { "ui:widget": "textArea", "ui:name": "Required Field Message", "ui:help": "The message to be displayed when a required field is not filled." }, "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 Field Label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "disable-password-validation", "type": "boolean", "title": "Disable Password Validation" }, { "name": "email-label", "type": "string", "title": "Email Field Label" }, { "name": "form-disabled-error-message", "type": "string", "title": "Form Disabled Message" }, { "name": "form-key", "type": "string", "title": "Form Key" }, { "name": "hide-inputs", "type": "boolean", "title": "Hide Default Fields" }, { "name": "invalid-email-error-message", "type": "string", "title": "Invalid Email Message" }, { "name": "login-label", "type": "string", "title": "Login Button Text" }, { "name": "login-path", "type": "string", "title": "Login Redirect" }, { "name": "network-error-message", "type": "string", "title": "Network Error Message" }, { "name": "next-page", "type": "string", "title": "Registration Redirect" }, { "name": "page-label", "type": "string", "title": "Header Text" }, { "name": "password-label", "type": "string", "title": "Password Field Label" }, { "name": "password-mismatch-error-message", "type": "string", "title": "Password Mismatch Message" }, { "name": "redirect-path", "type": "string", "title": "Email Verification Redirect" }, { "name": "required-field-error-message", "type": "string", "title": "Required Field Message" }, { "name": "submit-label", "type": "string", "title": "Submit Button Text" }] }, { "tag": "sqm-portal-reset-password", "name": "Microsite Reset Password", "uiSchema": { "confirm-password": { "ui:name": "Show Confirm Password Field", "ui:help": "" }, "confirm-password-field-label": { "ui:name": "Password Confirmation Field 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:widget": "pageSelect", "ui:name": "Failed Reset Redirect", "ui:help": "Redirect participants to this page if password reset fails due to an outdated reset attempt." }, "next-page": { "ui:widget": "pageSelect", "ui:name": "Successful Reset Redirect", "ui:help": "Redirect participants to this page when they successfully reset their password." }, "password-field-label": { "ui:name": "Password Field Label", "ui:help": "" }, "password-reset-header": { "ui:widget": "textArea", "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 Field" }, { "name": "confirm-password-field-label", "type": "string", "title": "Password Confirmation Field Label" }, { "name": "continue-button-text", "type": "string", "title": "Continue Button Text" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "failed-page", "type": "string", "title": "Failed Reset Redirect" }, { "name": "next-page", "type": "string", "title": "Successful Reset Redirect" }, { "name": "password-field-label", "type": "string", "title": "Password Field 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": "Microsite Verify Email", "uiSchema": { "demoData": { "ui:help": "" }, "failed-page": { "ui:widget": "pageSelect", "ui:name": "Failed Verification Redirect", "ui:help": "Redirect participants to this page if verification fails due to an outdated verification attempt." }, "next-page": { "ui:widget": "pageSelect", "ui:name": "Successful Verification Redirect", "ui:help": "Redirect participants to this page when they successfully verify their email." } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "failed-page", "type": "string", "title": "Failed Verification Redirect" }, { "name": "next-page", "type": "string", "title": "Successful Verification Redirect" }] }, { "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:widget": "textArea", "ui:name": "Description", "ui:help": "" }, "header": { "ui:name": "Title", "ui:help": "" }, "icon": { "ui:name": "Icon", "ui:help": "Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive." }, "image-url": { "ui:widget": "imageUpload", "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": "Microsite Program 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": ["Top", "Center", "Bottom"] }] }, { "tag": "sqm-referral-iframe", "name": "Referral IFrame", "uiSchema": { "demoData": { "ui:help": "" }, "iframe-height": { "ui:name": "Iframe Height", "ui:help": "Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto." }, "iframe-src": { "ui:name": "Iframe Source", "ui:help": "URL of iframe to display" }, "iframe-width": { "ui:name": "Iframe Width", "ui:help": "Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto." } }, "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" }, "hide-labels": { "ui:name": "Hide Column Labels", "ui:help": "" }, "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:widget": "programSelector", "ui:name": "Program", "ui:help": "Filters to only show referrals in this program. Will default to filtering by the program context where\r\nthis table lives. If no program ID is set or provided by context, then shows all referrals from all programs.\r\nIf program ID is \"classic\", shows classic-only referrals" }, "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": "hide-labels", "type": "boolean", "title": "Hide Column Labels" }, { "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-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": "Shown in the dropdown details when a reward has an expiry date." }, "fuel-tank-text": { "ui:name": "Fuel Tank Code Text", "ui:help": "Shown in the dropdown details when a reward has an associated fuel tank code." }, "hide-details": { "ui:name": "Hide dropdown details of reward", "ui:help": "" }, "pending-for-text": { "ui:name": "Reward Pending Text", "ui:help": "Shown in the dropdown details when a reward is pending." }, "reward-received-text": { "ui:name": "Reward Received Text", "ui:help": "Shown in the dropdown details when a reward has been received.’" }, "status-long-text": { "ui:widget": "textArea", "ui:name": "Reward Status Long Text", "ui:help": "Additional status text shown in the details drop down." }, "status-text": { "ui:widget": "textArea", "ui:name": "Reward Status Text", "ui:help": "Text shown in the reward status badge." } }, "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:widget": "textArea", "ui:name": "Not Available Error", "ui:help": "Error message shown when reward is not available" }, "not-enough-error": { "ui:widget": "textArea", "ui:name": "Not Enough Error Message", "ui:help": "" }, "promo-code": { "ui:name": "Promo Code Text", "ui:help": "" }, "query-error": { "ui:widget": "textArea", "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:widget": "textArea", "ui:name": "Redemption Error Message", "ui:help": "Shown if an error occurs during the reward exchange." }, "redemption-success-text": { "ui:widget": "textArea", "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:widget": "textArea", "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:widget": "textArea", "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" }, "hide-labels": { "ui:name": "Hide Column Labels", "ui:help": "" }, "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:widget": "programSelector", "ui:name": "Program", "ui:help": "Filters to only show rewards in this program. Will default to filtering by the program context where\r\nthis table lives. If no program ID is set or provided by context, then shows all rewards from all programs." }, "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": "hide-labels", "type": "boolean", "title": "Hide Column Labels" }, { "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": "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": "Column Title", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "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:widget": "textArea", "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:widget": "textArea", "ui:name": "Reward Source Text", "ui:help": "Shown when a reward has been created by a source other than a referral." } }, "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": "Expiry Date Prefix", "ui:help": "Text shown before the date of an expiring reward." }, "pending-scheduled": { "ui:name": "Pending Date Prefix", "ui:help": "Text shown before the available date of a pending reward." }, "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:widget": "textArea", "ui:name": "Reward Status Text", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "Column Title" }, { "name": "expiry-text", "type": "string", "title": "Expiry Date Prefix" }, { "name": "pending-scheduled", "type": "string", "title": "Pending 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", "uiSchema": { "path": { "ui:name": "Navigation Path Name", "ui:help": "Page Path URL for this route." } }, "traits": [{ "name": "path", "type": "string", "title": "Navigation Path Name" }] }, { "tag": "sqm-router", "name": "Router", "uiSchema": {}, "traits": [] }, { "tag": "sqm-scroll", "name": "Scroll Button", "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", "ui:help": "Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive." }, "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": "ID applied to the HTML tag you would like to scroll to. E.g tab-1" }, "scroll-tag-name": { "ui:name": "Scroll Tag Name", "ui:help": "The name of the HTML tag you would like to scroll to. E.g referral-table" }, "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": "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\r\n\r\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\r\nwill be pulled from your program config and tagged for analytics." }, "pill": { "ui:name": "Display Pill", "ui:help": "" }, "program-id": { "ui:widget": "programSelector", "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:widget": "programSelector", "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 appears for" }, "tooltip-text": { "ui:name": "Tooltip Text", "ui:help": "Shown inside a tooltip after someone has successfully copied the link to their 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:widget": "programSelector", "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 appears for" }, "tooltip-text": { "ui:name": "Tooltip Text", "ui:help": "Shown inside a tooltip after someone has successfully copied the link to their 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": "Table Cell", "uiSchema": { "colspan": { "ui:name": "Column Span", "ui:help": "" }, "padding": { "ui:name": "Padding", "ui:help": "" } }, "traits": [{ "name": "colspan", "type": "number", "title": "Column Span" }, { "name": "padding", "type": "string", "title": "Padding" }] }, { "tag": "sqm-table-row", "name": "Table Row", "uiSchema": { "border": { "ui:name": "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": "Button Link", "ui:help": "" }, "button-text": { "ui:name": "Button Text", "ui:help": "" }, "card-title": { "ui:name": "Title", "ui:help": "" }, "completed-text": { "ui:widget": "textArea", "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", "ui:help": "" }, "display-duration": { "ui:widget": "dateRange", "ui:name": "Display Duration", "ui:help": "Task cards are hidden from users outside of the duration. They are always displayed if no duration is configured." }, "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 button. Enter your event key into this field." }, "expiry-message": { "ui:name": "Expiry Date Message", "ui:help": "Displayed when a user views a task card after the reward duration interval." }, "finite": { "ui:name": "Repeat Amount", "ui:help": "The number of times a task can be completed when repeatable.  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": "Button Link Opens in New Tab" }, "program-id": { "ui:widget": "programSelector", "ui:name": "Program ID Override", "ui:help": "The ID of the program that is used to scope the task card. When no ID is specified, it defaults to the program context in which the component is rendered." }, "progress-bar-unit": { "ui:name": "Progress Bar Unit", "ui:help": "The unit displayed to the right of steps and progress numbers on the progress bar. Ex: $ for dollars" }, "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": "Task cards are disabled to users outside of the duration. They are not disabled if no duration is configured." }, "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": "Button Link" }, { "name": "button-text", "type": "string", "title": "Button Text" }, { "name": "card-title", "type": "string", "title": "Title" }, { "name": "completed-text", "type": "string", "title": "Completed Count Text" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "description", "type": "string", "title": "Description" }, { "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": "Program 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": "Text value shown when there is no label slot declared." }, "label-margin": { "ui:name": "Label Bottom Margin", "ui:help": "Margin applied to the bottom of the label slot" }, "padding": { "ui:name": "Section Padding", "ui:help": "Padding applied to all 4 sides of the container" }, "text-align": { "ui:name": "Text Alignment", "ui:help": "" } }, "traits": [{ "name": "label", "type": "string", "title": "Label" }, { "name": "label-margin", "type": "string", "title": "Label Bottom Margin", "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 Alignment", "enum": ["left", "center", "right"], "enumNames": ["Left", "Center", "Right"] }] }, { "tag": "sqm-user-name", "name": "User Name", "uiSchema": { "demoData": { "ui:help": "" }, "fallback": { "ui:name": "Unknown User Name", "ui:help": "" }, "loading-text": { "ui:name": "Loading Text", "ui:help": "Text displayed while the participant’s name is loading." } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "fallback", "type": "string", "title": "Unknown User 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