npm - @saasquatch/mint-components - Versions diffs - 1.6.2-12 → 1.6.2-13 - Mend

@saasquatch/mint-components 1.6.2-12 → 1.6.2-13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (856) hide show

package/grapesjs/grapesjs.js CHANGED Viewed

@@ -1,54 +1,54 @@
-System.register([], function (exports_1, context_1) {
-    "use strict";
-    var components;
-    var __moduleName = context_1 && context_1.id;
-    return {
-        setters: [],
-        execute: function () {
-            components = [{ "tag": "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": "" }, "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": "Form 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": "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-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": "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": "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: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": "" }, "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": "Microsite Password Change", "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: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": "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 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:name": "Email Redirection Path", "ui:help": "The microsite page that participants are redirected to from the 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 Redirection 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", "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": "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": "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:name": "Login Redirect Path", "ui:help": "" }, "login-text": { "ui:help": "Sign In Link Text" }, "redirect-path": { "ui:name": "Email Redirection Path", "ui:help": "The microsite page that participants 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 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 Redirection Path" }, { "name": "submit-label", "type": "string", "title": "Password Reset Button Text" }] }, { "tag": "sqm-portal-frame", "name": "Microsite Frame", "uiSchema": { "demoData": { "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }] }, { "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:name": "Forgot Password Redirect Path", "ui:help": "" }, "next-page": { "ui:name": "Login Redirect Path", "ui:help": "Page participants are navigated to after 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:name": "Register Button Redirect Path", "ui:help": "" }, "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 Path" }, { "name": "next-page", "type": "string", "title": "Login Redirect Path" }, { "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 Path" }, { "name": "submit-label", "type": "string", "title": "Submit Button Text" }] }, { "tag": "sqm-portal-logout", "name": "Microsite Logout", "uiSchema": { "next-page": { "ui:name": "Logout Redirect Path", "ui:help": "Redirect participants to this path 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": "" }, "lastnametext": { "ui:name": "Last Name Field Label", "ui:help": "" }, "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 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": "lastnametext", "type": "string", "title": "Last Name Field 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": "Microsite Protected Route", "uiSchema": { "redirect-to": { "ui:name": "Redirect Path", "ui:help": "Redirect participants to this path they are not logged in." }, "redirect-to-unverified": { "ui:name": "Unverified Participant Redirect Path", "ui:help": "Redirect participants to this path 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": "Redirect Path" }, { "name": "redirect-to-unverified", "type": "string", "title": "Unverified Participant Redirect Path" }, { "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": "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 Field 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 Redirect Path", "ui:help": "Login button redirection path." }, "next-page": { "ui:name": "Registration Redirect Path", "ui:help": "Page participants are navigated to after registration." }, "page-label": { "ui:name": "Header Text", "ui:help": "" }, "password-label": { "ui:name": "Password Field Label", "ui:help": "" }, "redirect-path": { "ui:name": "Email Redirection Path", "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 Label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-label", "type": "string", "title": "Email Field 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 Redirect Path" }, { "name": "next-page", "type": "string", "title": "Registration Redirect Path" }, { "name": "page-label", "type": "string", "title": "Header Text" }, { "name": "password-label", "type": "string", "title": "Password Field Label" }, { "name": "redirect-path", "type": "string", "title": "Email Redirection Path" }, { "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": "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 Field Label", "ui:help": "" }, "enable-password-validation": { "ui:name": "Enable Password Validation", "ui:help": "" }, "form-key": { "ui:name": "Form Key", "ui:help": "Microsite Registration Form Key" }, "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 Redirect Path", "ui:help": "Login button redirection path." }, "next-page": { "ui:name": "Registration Redirect Path", "ui:help": "Page participants are navigated to after registration." }, "page-label": { "ui:name": "Header Text", "ui:help": "" }, "password-label": { "ui:name": "Password Field Label", "ui:help": "" }, "redirect-path": { "ui:name": "Email Redirection Path", "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 Label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-label", "type": "string", "title": "Email Field Label" }, { "name": "enable-password-validation", "type": "boolean", "title": "Enable Password Validation" }, { "name": "form-key", "type": "string", "title": "Form Key" }, { "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 Redirect Path" }, { "name": "next-page", "type": "string", "title": "Registration Redirect Path" }, { "name": "page-label", "type": "string", "title": "Header Text" }, { "name": "password-label", "type": "string", "title": "Password Field Label" }, { "name": "redirect-path", "type": "string", "title": "Email Redirection Path" }, { "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", "ui:help": "Show or hide confirm password field." }, "confirm-password-field-label": { "ui:name": "Password Comfirmation 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": "Reset Failed Redirect Path", "ui:help": "The page that participants are redirected to if the reset fails due to outdated password reset attempt." }, "next-page": { "ui:name": "Reset Successful Redirect Path", "ui:help": "The page that participants are redirected to when the password reset succeeds." }, "password-field-label": { "ui:name": "Password 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" }, { "name": "confirm-password-field-label", "type": "string", "title": "Password Comfirmation Label" }, { "name": "continue-button-text", "type": "string", "title": "Continue Button Text" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "failed-page", "type": "string", "title": "Reset Failed Redirect Path" }, { "name": "next-page", "type": "string", "title": "Reset Successful Redirect 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": "Microsite Verify Email", "uiSchema": { "demoData": { "ui:help": "" }, "failed-page": { "ui:name": "Verification Failed Redirect Path", "ui:help": "The page that participants are redirected to if verification fails due to outdated verification attempt." }, "next-page": { "ui:name": "Verification Redirect Path", "ui:help": "The page that participants are redirected to when the verification succeeds." } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "failed-page", "type": "string", "title": "Verification Failed Redirect Path" }, { "name": "next-page", "type": "string", "title": "Verification Redirect 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": "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": "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": { "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": "Fallback Name", "ui:help": "Fallback name for unknown users" }, "loading-text": { "ui:name": "Loading Text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "fallback", "type": "string", "title": "Fallback Name" }, { "name": "loading-text", "type": "string", "title": "Loading Text" }] }, { "tag": "sl-details", "name": "Details", "traits": [{ "type": "string", "name": "summary", "title": "Label" }] }, { "tag": "sl-tab", "name": "Tab", "traits": [{ "type": "string", "name": "panel", "title": "Panel ID" }] }, { "tag": "sl-tab-panel", "name": "Tab Panel", "traits": [{ "type": "string", "name": "name", "title": "Panel ID" }] }, { "tag": "sl-tab-group", "name": "Tab Group", "traits": [{ "type": "string", "name": "placement", "title": "Placement of Tabs", "enum": ["top", "right", "bottom", "left"] }] }, { "tag": "sl-skeleton", "name": "Loading Skeleton", "traits": [] }];
-            exports_1("default", (function (editor, config) {
-                if (config === void 0) { config = {}; }
-                // Get DomComponents module
-                var comps = editor.DomComponents;
-                // Get the model and the view from the default Component type
-                var defaultType = comps.getType("default");
-                var defaultModel = defaultType.model;
-                var defaultView = defaultType.view;
-                function registerComponent(_a) {
-                    var tag = _a.tag, name = _a.name, traits = _a.traits, uiSchema = _a.uiSchema;
-                    comps.addType(tag.toLowerCase(), {
-                        model: defaultModel.extend({
-                            defaults: Object.assign({}, defaultModel.prototype.defaults, {
-                                name: name,
-                                // can be dropped only inside
-                                draggable: false,
-                                // these components can be dropped in here
-                                droppable: false,
-                                selectable: true,
-                                toolbar: [],
-                                traits: traits,
-                                uiSchema: uiSchema,
-                            }),
-                        }, {
-                            isComponent: function (el) {
-                                if (el.tagName === tag.toUpperCase()) {
-                                    return { type: tag.toLowerCase() };
-                                }
-                            },
-                        }),
-                        view: defaultView.extend({
-                            render: function () {
-                                defaultView.prototype.render.apply(this, arguments);
-                                return this;
-                            },
-                        }),
-                    });
-                }
-                if (!components) {
-                    throw new Error("Error registering components. This is likely due to a build problem in the source library. See GrapesJS generator.ts");
-                }
-                components.forEach(registerComponent);
-            }));
-        }
-    };
-});
+System.register([], function (exports_1, context_1) {
+    "use strict";
+    var components;
+    var __moduleName = context_1 && context_1.id;
+    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-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": "" }, "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": "Form 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": "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-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": "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.\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.\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: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": "" }, "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": "Microsite Password Change", "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: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": "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 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:name": "Email Redirection Path", "ui:help": "The microsite page that participants are redirected to from the 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 Redirection 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", "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": "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": "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:name": "Login Redirect Path", "ui:help": "" }, "login-text": { "ui:help": "Sign In Link Text" }, "redirect-path": { "ui:name": "Email Redirection Path", "ui:help": "The microsite page that participants 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 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 Redirection Path" }, { "name": "submit-label", "type": "string", "title": "Password Reset Button Text" }] }, { "tag": "sqm-portal-frame", "name": "Microsite Frame", "uiSchema": { "demoData": { "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }] }, { "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:name": "Forgot Password Redirect Path", "ui:help": "" }, "next-page": { "ui:name": "Login Redirect Path", "ui:help": "Page participants are navigated to after 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:name": "Register Button Redirect Path", "ui:help": "" }, "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 Path" }, { "name": "next-page", "type": "string", "title": "Login Redirect Path" }, { "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 Path" }, { "name": "submit-label", "type": "string", "title": "Submit Button Text" }] }, { "tag": "sqm-portal-logout", "name": "Microsite Logout", "uiSchema": { "next-page": { "ui:name": "Logout Redirect Path", "ui:help": "Redirect participants to this path 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": "" }, "lastnametext": { "ui:name": "Last Name Field Label", "ui:help": "" }, "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 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": "lastnametext", "type": "string", "title": "Last Name Field 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": "Microsite Protected Route", "uiSchema": { "redirect-to": { "ui:name": "Redirect Path", "ui:help": "Redirect participants to this path they are not logged in." }, "redirect-to-unverified": { "ui:name": "Unverified Participant Redirect Path", "ui:help": "Redirect participants to this path 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": "Redirect Path" }, { "name": "redirect-to-unverified", "type": "string", "title": "Unverified Participant Redirect Path" }, { "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": "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 Field 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 Redirect Path", "ui:help": "Login button redirection path." }, "next-page": { "ui:name": "Registration Redirect Path", "ui:help": "Page participants are navigated to after registration." }, "page-label": { "ui:name": "Header Text", "ui:help": "" }, "password-label": { "ui:name": "Password Field Label", "ui:help": "" }, "redirect-path": { "ui:name": "Email Redirection Path", "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 Label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-label", "type": "string", "title": "Email Field 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 Redirect Path" }, { "name": "next-page", "type": "string", "title": "Registration Redirect Path" }, { "name": "page-label", "type": "string", "title": "Header Text" }, { "name": "password-label", "type": "string", "title": "Password Field Label" }, { "name": "redirect-path", "type": "string", "title": "Email Redirection Path" }, { "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": "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 Field Label", "ui:help": "" }, "enable-password-validation": { "ui:name": "Enable Password Validation", "ui:help": "" }, "form-key": { "ui:name": "Form Key", "ui:help": "Microsite Registration Form Key" }, "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 Redirect Path", "ui:help": "Login button redirection path." }, "next-page": { "ui:name": "Registration Redirect Path", "ui:help": "Page participants are navigated to after registration." }, "page-label": { "ui:name": "Header Text", "ui:help": "" }, "password-label": { "ui:name": "Password Field Label", "ui:help": "" }, "redirect-path": { "ui:name": "Email Redirection Path", "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 Label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-label", "type": "string", "title": "Email Field Label" }, { "name": "enable-password-validation", "type": "boolean", "title": "Enable Password Validation" }, { "name": "form-key", "type": "string", "title": "Form Key" }, { "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 Redirect Path" }, { "name": "next-page", "type": "string", "title": "Registration Redirect Path" }, { "name": "page-label", "type": "string", "title": "Header Text" }, { "name": "password-label", "type": "string", "title": "Password Field Label" }, { "name": "redirect-path", "type": "string", "title": "Email Redirection Path" }, { "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", "ui:help": "Show or hide confirm password field." }, "confirm-password-field-label": { "ui:name": "Password Comfirmation 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": "Reset Failed Redirect Path", "ui:help": "The page that participants are redirected to if the reset fails due to outdated password reset attempt." }, "next-page": { "ui:name": "Reset Successful Redirect Path", "ui:help": "The page that participants are redirected to when the password reset succeeds." }, "password-field-label": { "ui:name": "Password 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" }, { "name": "confirm-password-field-label", "type": "string", "title": "Password Comfirmation Label" }, { "name": "continue-button-text", "type": "string", "title": "Continue Button Text" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "failed-page", "type": "string", "title": "Reset Failed Redirect Path" }, { "name": "next-page", "type": "string", "title": "Reset Successful Redirect 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": "Microsite Verify Email", "uiSchema": { "demoData": { "ui:help": "" }, "failed-page": { "ui:name": "Verification Failed Redirect Path", "ui:help": "The page that participants are redirected to if verification fails due to outdated verification attempt." }, "next-page": { "ui:name": "Verification Redirect Path", "ui:help": "The page that participants are redirected to when the verification succeeds." } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "failed-page", "type": "string", "title": "Verification Failed Redirect Path" }, { "name": "next-page", "type": "string", "title": "Verification Redirect 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": "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": "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\nthis table lives. If no program ID is set or provided by context, then shows all referrals from all programs.\nIf program ID is \"classic\", shows classic-only referrals" }, "show-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\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\n\nIcon used in button. Will try to select an icon based on the share medium if left empty." }, "iconslot": { "ui:name": "Icon Location", "ui:help": "" }, "medium": { "ui:name": "Share Medium", "ui:help": "The social medium to share on. Share messages and links\nwill be pulled from your program config and tagged for analytics." }, "pill": { "ui:name": "Display Pill", "ui:help": "" }, "program-id": { "ui: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": "Fallback Name", "ui:help": "Fallback name for unknown users" }, "loading-text": { "ui:name": "Loading Text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "fallback", "type": "string", "title": "Fallback Name" }, { "name": "loading-text", "type": "string", "title": "Loading Text" }] }, { "tag": "sl-details", "name": "Details", "traits": [{ "type": "string", "name": "summary", "title": "Label" }] }, { "tag": "sl-tab", "name": "Tab", "traits": [{ "type": "string", "name": "panel", "title": "Panel ID" }] }, { "tag": "sl-tab-panel", "name": "Tab Panel", "traits": [{ "type": "string", "name": "name", "title": "Panel ID" }] }, { "tag": "sl-tab-group", "name": "Tab Group", "traits": [{ "type": "string", "name": "placement", "title": "Placement of Tabs", "enum": ["top", "right", "bottom", "left"] }] }, { "tag": "sl-skeleton", "name": "Loading Skeleton", "traits": [] }];
+            exports_1("default", (function (editor, config) {
+                if (config === void 0) { config = {}; }
+                // Get DomComponents module
+                var comps = editor.DomComponents;
+                // Get the model and the view from the default Component type
+                var defaultType = comps.getType("default");
+                var defaultModel = defaultType.model;
+                var defaultView = defaultType.view;
+                function registerComponent(_a) {
+                    var tag = _a.tag, name = _a.name, traits = _a.traits, uiSchema = _a.uiSchema;
+                    comps.addType(tag.toLowerCase(), {
+                        model: defaultModel.extend({
+                            defaults: Object.assign({}, defaultModel.prototype.defaults, {
+                                name: name,
+                                // can be dropped only inside
+                                draggable: false,
+                                // these components can be dropped in here
+                                droppable: false,
+                                selectable: true,
+                                toolbar: [],
+                                traits: traits,
+                                uiSchema: uiSchema,
+                            }),
+                        }, {
+                            isComponent: function (el) {
+                                if (el.tagName === tag.toUpperCase()) {
+                                    return { type: tag.toLowerCase() };
+                                }
+                            },
+                        }),
+                        view: defaultView.extend({
+                            render: function () {
+                                defaultView.prototype.render.apply(this, arguments);
+                                return this;
+                            },
+                        }),
+                    });
+                }
+                if (!components) {
+                    throw new Error("Error registering components. This is likely due to a build problem in the source library. See GrapesJS generator.ts");
+                }
+                components.forEach(registerComponent);
+            }));
+        }
+    };
+});