@saasquatch/mint-components 1.7.3-1 → 1.7.3-2

package/grapesjs/grapesjs.js

@@ -5,7 +5,7 @@ System.register([], function (exports_1, context_1) {
     return {
         setters: [],
         execute: function () {
-            components = [{ "tag": "raisins-plop-target", "name": "raisins-plop-target", "uiSchema": {}, "traits": [] }, { "tag": "sqm-asset-card", "name": "Asset Card", "uiSchema": { "demoData": { "ui:help": "" }, "img-url": { "ui:name": "Banner image", "ui:help": "" }, "title-text": { "ui:name": "Banner title", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "img-url", "type": "string", "title": "Banner image" }, { "name": "title-text", "type": "string", "title": "Banner title" }] }, { "tag": "sqm-big-stat", "name": "User Stat", "uiSchema": { "alignment": { "ui:name": "Alignment", "ui:help": "Controls the alignment of the flexbox" }, "demoData": { "ui:help": "" }, "flex-reverse": { "ui:name": "Flex reverse", "ui:help": "Controls the order of the stat value & description column" }, "program-id": { "ui:widget": "programSelector", "ui:name": "Program ID", "ui:help": "The ID of the program that is used to scope stats. Defaults to the program context when no ID is specified." }, "stat-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": "Enter a font from the Google Fonts library to use throughout your widget. This value is case sensitive. Some fonts may not require quotations. Example: Roboto" } }, "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 lext", "ui:help": "" }, "checkbox-name": { "ui:name": "Checkbox name attribute", "ui:help": "This name is used as the key for this form field on submission. The name must be unique within this specific form." }, "checkbox-optional": { "ui:name": "Optional", "ui:help": "" }, "demoData": { "ui:help": "" }, "error-message": { "ui:name": "Unchecked error message", "ui:help": "" } }, "traits": [{ "name": "checkbox-label", "type": "string", "title": "Checkbox label" }, { "name": "checkbox-label-link", "type": "string", "title": "Checkbox label link" }, { "name": "checkbox-label-link-text", "type": "string", "title": "Checkbox label link lext" }, { "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-close-button", "name": "Popup Widget Close Button", "uiSchema": { "color": { "ui:widget": "color", "ui:name": "Color", "ui:help": "" } }, "traits": [{ "name": "color", "type": "string", "title": "Color" }] }, { "tag": "sqm-coupon-code", "name": "Coupon Code", "uiSchema": { "copy-button-style": { "ui:name": "Style", "ui:help": "Set the copy button style and placement." }, "cancelled-error-text": { "ui:widget": "textArea", "ui:name": "Cancelled code error message", "ui:help": "Display this message when the coupon code has been cancelled." }, "copy-button-label": { "ui:name": "Copy button label", "ui:help": "" }, "coupon-code-label": { "ui:name": "Coupon code label", "ui:help": "" }, "coupon-code-placeholder": { "ui:name": "Coupon code placeholder", "ui:help": "Display this text when the coupon code can’t be retrieved." }, "demoData": { "ui:help": "" }, "expired-error-text": { "ui:widget": "textArea", "ui:name": "Expired code error message", "ui:help": "Display this message when the coupon code has expired." }, "fullfilled-error-text": { "ui:widget": "textArea", "ui:name": "Code fulfillment error message", "ui:help": "Display this message when the code fails to load due to a fulfillment error." }, "error-text": { "ui:widget": "textArea", "ui:name": "Code retrieval error message", "ui:help": "Display this message when the code fails to load due to an unspecified error." }, "pending-error-text": { "ui:widget": "textArea", "ui:name": "Code pending error message", "ui:help": "Display this message when the coupon code not available yet. Use the ICU message, {unpendDate}, to show the date the code will be available." }, "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." }, "redeemed-error-text": { "ui:widget": "textArea", "ui:name": "Redeemed code error message", "ui:help": "Display this message when the coupon code has already been redeemed." }, "text-align": { "ui:name": "Coupon code alignment", "ui:help": "" }, "tooltip-lifespan": { "ui:name": "Tooltip lifespan", "ui:help": "The number of milliseconds that the tooltip appears for" }, "tooltip-text": { "ui:name": "Tooltip text", "ui:help": "Shown inside a tooltip after someone has successfully copied the link to their clipboard." } }, "traits": [{ "name": "copy-button-style", "type": "string", "title": "Style", "enum": ["icon", "button-outside", "button-below"], "enumNames": ["Icon", "Button outside", "Button below"] }, { "name": "cancelled-error-text", "type": "string", "title": "Cancelled code error message" }, { "name": "copy-button-label", "type": "string", "title": "Copy button label" }, { "name": "coupon-code-label", "type": "string", "title": "Coupon code label" }, { "name": "coupon-code-placeholder", "type": "string", "title": "Coupon code placeholder" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "expired-error-text", "type": "string", "title": "Expired code error message" }, { "name": "fullfilled-error-text", "type": "string", "title": "Code fulfillment error message" }, { "name": "error-text", "type": "string", "title": "Code retrieval error message" }, { "name": "pending-error-text", "type": "string", "title": "Code pending error message" }, { "name": "program-id", "type": "string", "title": "Program ID" }, { "name": "redeemed-error-text", "type": "string", "title": "Redeemed code error message" }, { "name": "text-align", "type": "string", "title": "Coupon code alignment", "enum": ["left", "center", "right"], "enumNames": ["Left", "Center", "Right"] }, { "name": "tooltip-lifespan", "type": "number", "title": "Tooltip lifespan" }, { "name": "tooltip-text", "type": "string", "title": "Tooltip text" }] }, { "tag": "sqm-divided-layout", "name": "Divided Layout", "uiSchema": { "direction": { "ui:name": "Direction", "ui:help": "" }, "divider-style": { "ui:name": "Border style", "ui:help": "Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color." } }, "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": "This name is used as the key for this form field on submission. The name must be unique within this specific form." }, "dropdown-optional": { "ui:name": "Optional", "ui:help": "" }, "error-message": { "ui:name": "Unselected error message", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "dropdown-label", "type": "string", "title": "Dropdown label" }, { "name": "dropdown-name", "type": "string", "title": "Dropdown name attribute" }, { "name": "dropdown-optional", "type": "boolean", "title": "Optional" }, { "name": "error-message", "type": "string", "title": "Unselected error message" }] }, { "tag": "sqm-edit-profile", "name": "Microsite Edit Profile", "uiSchema": { "canceltext": { "ui:name": "Cancel button text", "ui:help": "" }, "currentregiontext": { "ui:name": "Region field label", "ui:help": "" }, "demoData": { "ui:help": "" }, "editprofileheader": { "ui:name": "Heading", "ui:help": "" }, "editprofiletext": { "ui:name": "Edit profile text", "ui:help": "Enable editing button text" }, "firstnametext": { "ui:name": "First name label", "ui:help": "" }, "lastnametext": { "ui:name": "Last name label", "ui:help": "" }, "showregion": { "ui:name": "Show region", "ui:help": "Show or hide current region" }, "updatetext": { "ui:name": "Info button text", "ui:help": "" } }, "traits": [{ "name": "canceltext", "type": "string", "title": "Cancel button text" }, { "name": "currentregiontext", "type": "string", "title": "Region field label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "editprofileheader", "type": "string", "title": "Heading" }, { "name": "editprofiletext", "type": "string", "title": "Edit profile text" }, { "name": "firstnametext", "type": "string", "title": "First name label" }, { "name": "lastnametext", "type": "string", "title": "Last name label" }, { "name": "showregion", "type": "boolean", "title": "Show region" }, { "name": "updatetext", "type": "string", "title": "Info button text" }] }, { "tag": "sqm-empty", "name": "Empty State Content", "uiSchema": { "empty-state-header": { "ui:name": "Title", "ui:help": "" }, "empty-state-image": { "ui:widget": "ImageUpload", "ui:name": "Image", "ui:help": "" }, "empty-state-text": { "ui:widget": "textArea", "ui:name": "Description", "ui:help": "" } }, "traits": [{ "name": "empty-state-header", "type": "string", "title": "Title" }, { "name": "empty-state-image", "type": "string", "title": "Image" }, { "name": "empty-state-text", "type": "string", "title": "Description" }] }, { "tag": "sqm-form-message", "name": "Form Message", "uiSchema": { "icon": { "ui:name": "Icon", "ui:help": "Icon to use in alert. Use icon values from Shoelace (e.g. \"star\" or \"heart\") at https://shoelace.style/components/icon" }, "type": { "ui:name": "Alert type", "ui:help": "Options include \"success\", \"info\", \"warning\", and \"error\"" } }, "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-header-logo", "name": "Header Logo", "uiSchema": { "height": { "ui:name": "Logo height", "ui:help": "" }, "image-url": { "ui:widget": "ImageUpload", "ui:name": "Logo image", "ui:help": "" }, "next-page": { "ui:widget": "pageSelect", "ui:name": "Redirect path", "ui:help": "Page participants are navigated to after clicking the header logo." } }, "traits": [{ "name": "height", "type": "number", "title": "Logo height" }, { "name": "image-url", "type": "string", "title": "Logo image" }, { "name": "next-page", "type": "string", "title": "Redirect path" }] }, { "tag": "sqm-hero", "name": "Hero Layout", "uiSchema": { "background": { "ui:widget": "Background", "ui:name": "Background", "ui:help": "Can be an image url, colour or Shoelace variable." }, "columns": { "ui:name": "Columns", "ui:help": "" }, "min-height": { "ui:name": "Minimum height (in px)", "ui:help": "Minimum height of each column including when they are stacked on mobile" }, "padding-size": { "ui:name": "Padding size", "ui:help": "" }, "secondary-background": { "ui:widget": "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": "min-height", "type": "number", "title": "Minimum height (in px)" }, { "name": "padding-size", "type": "\"large\" | \"medium\" | \"none\" | \"small\"", "title": "Padding size", "enum": ["none", "small", "medium", "large"], "enumNames": ["None", "Small", "Medium", "Large"] }, { "name": "secondary-background", "type": "string", "title": "Secondary background" }, { "name": "wrap-direction", "type": "\"wrap\" | \"wrap-reverse\"", "title": "Wrap direction", "enum": ["wrap", "wrap-reverse"], "enumNames": ["Wrap", "Wrap Reverse"] }] }, { "tag": "sqm-hero-image", "name": "Hero Image", "uiSchema": { "background-color": { "ui:widget": "color", "ui:name": "Background color", "ui:help": "" }, "button-link": { "ui:name": "Button link", "ui:help": "" }, "button-new-tab": { "ui:name": "Open link in new tab", "ui:help": "" }, "button-text": { "ui:name": "Button text", "ui:help": "" }, "description": { "ui:widget": "textArea", "ui:name": "Description", "ui:help": "" }, "header": { "ui:name": "Title", "ui:help": "" }, "image-mobile-pos": { "ui:name": "Image mobile position", "ui:help": "" }, "image-percentage": { "ui:name": "Image percentage", "ui:help": "" }, "image-pos": { "ui:name": "Image position", "ui:help": "" }, "image-url": { "ui:widget": "ImageUpload", "ui:name": "Image", "ui:help": "" }, "layout": { "ui:name": "Image layout", "ui:help": "" }, "overlay-color": { "ui:widget": "color", "ui:name": "Overlay color", "ui:help": "" }, "overlay-opacity": { "ui:name": "Overlay opacity", "ui:help": "" }, "padding-image": { "ui:name": "Image padding", "ui:help": "" }, "padding-text": { "ui:name": "Text padding", "ui:help": "" }, "text-color": { "ui:widget": "color", "ui:name": "Text color", "ui:help": "" } }, "traits": [{ "name": "background-color", "type": "string", "title": "Background color" }, { "name": "button-link", "type": "string", "title": "Button link" }, { "name": "button-new-tab", "type": "boolean", "title": "Open link in new tab" }, { "name": "button-text", "type": "string", "title": "Button text" }, { "name": "description", "type": "string", "title": "Description" }, { "name": "header", "type": "string", "title": "Title" }, { "name": "image-mobile-pos", "type": "string", "title": "Image mobile position", "enum": ["top", "bottom"], "enumNames": ["Top", "Bottom"] }, { "name": "image-percentage", "type": "number", "title": "Image percentage" }, { "name": "image-pos", "type": "string", "title": "Image position", "enum": ["left", "center", "right"], "enumNames": ["Left", "Center", "Right"] }, { "name": "image-url", "type": "string", "title": "Image" }, { "name": "layout", "type": "string", "title": "Image layout", "enum": ["overlay", "columns"], "enumNames": ["Overlay", "Two-column"] }, { "name": "overlay-color", "type": "string", "title": "Overlay color" }, { "name": "overlay-opacity", "type": "string", "title": "Overlay opacity" }, { "name": "padding-image", "type": "string", "title": "Image padding", "enum": ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"], "enumNames": ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"] }, { "name": "padding-text", "type": "string", "title": "Text padding", "enum": ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"], "enumNames": ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"] }, { "name": "text-color", "type": "string", "title": "Text color" }] }, { "tag": "sqm-hook-story-container", "name": "sqm-hook-story-container", "uiSchema": { "hookStory": { "ui:help": "" } }, "traits": [{ "name": "hookStory", "type": "FunctionalComponent<{}>", "title": "hookStory" }] }, { "tag": "sqm-image", "name": "Image", "uiSchema": { "alignment": { "ui:name": "Position alignment", "ui:help": "" }, "background-color": { "ui:widget": "color", "ui:name": "Background color", "ui:help": "" }, "image-url": { "ui:widget": "ImageUpload", "ui:name": "Image link", "ui:help": "" }, "min-height": { "ui:name": "Minimum height", "ui:help": "(Optional) Helps with constraining the minimum image size. Can be a pixel value or a percentage i.e. \"500px\", \"33%\", etc." } }, "traits": [{ "name": "alignment", "type": "string", "title": "Position alignment", "enum": ["left", "center", "right"], "enumNames": ["Left", "Center", "Right"] }, { "name": "background-color", "type": "string", "title": "Background color" }, { "name": "image-url", "type": "string", "title": "Image link" }, { "name": "min-height", "type": "string", "title": "Minimum height" }] }, { "tag": "sqm-input-field", "name": "Form Input Field", "uiSchema": { "demoData": { "ui:help": "" }, "error-message": { "ui:name": "Required error message", "ui:help": "" }, "field-label": { "ui:name": "Input label", "ui:help": "" }, "field-name": { "ui:name": "Input name attribute", "ui:help": "This name is used as the key for this form field on submission. The name must be unique within this specific form." }, "field-optional": { "ui:name": "Optional", "ui:help": "" }, "field-type": { "ui:name": "Input type", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "error-message", "type": "string", "title": "Required error message" }, { "name": "field-label", "type": "string", "title": "Input label" }, { "name": "field-name", "type": "string", "title": "Input name attribute" }, { "name": "field-optional", "type": "boolean", "title": "Optional" }, { "name": "field-type", "type": "string", "title": "Input type", "enum": ["text", "date", "tel"], "enumNames": ["Text", "Date", "Phone Number"] }] }, { "tag": "sqm-instant-access-registration", "name": "Instant Access Registration", "uiSchema": { "background-color": { "ui:widget": "color", "ui:name": "Background color", "ui:help": "" }, "demoData": { "ui:help": "" }, "email-label": { "ui:name": "Email field label", "ui:help": "" }, "first-name-label": { "ui:name": "First name field label", "ui:help": "" }, "hide-border": { "ui:name": "Hide border", "ui:help": "" }, "include-cookies": { "ui:help": "" }, "include-name": { "ui:name": "Include name fields", "ui:help": "Require your participants to enter their first and last name." }, "invalid-email-error-message": { "ui:widget": "textArea", "ui:name": "Invalid email message", "ui:help": "Display this message when the given email is invalid." }, "last-name-label": { "ui:name": "Last name field label", "ui:help": "" }, "network-error-message": { "ui:widget": "textArea", "ui:name": "Network error message", "ui:help": "Display this message when the form submission unexpectedly fails." }, "padding-bottom": { "ui:name": "Bottom padding", "ui:help": "" }, "padding-left": { "ui:name": "Left padding", "ui:help": "" }, "padding-right": { "ui:name": "Right padding", "ui:help": "" }, "padding-top": { "ui:name": "Top padding", "ui:help": "" }, "register-label": { "ui:name": "Register button text", "ui:help": "" }, "required-field-error-message": { "ui:widget": "textArea", "ui:name": "Required field message", "ui:help": "Display this message when a required field has not been filled out." } }, "traits": [{ "name": "background-color", "type": "string", "title": "Background color" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-label", "type": "string", "title": "Email field label" }, { "name": "first-name-label", "type": "string", "title": "First name field label" }, { "name": "hide-border", "type": "boolean", "title": "Hide border" }, { "name": "include-cookies", "type": "boolean", "title": "include-cookies" }, { "name": "include-name", "type": "boolean", "title": "Include name fields" }, { "name": "invalid-email-error-message", "type": "string", "title": "Invalid email message" }, { "name": "last-name-label", "type": "string", "title": "Last name field label" }, { "name": "network-error-message", "type": "string", "title": "Network error message" }, { "name": "padding-bottom", "type": "string", "title": "Bottom 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-left", "type": "string", "title": "Left 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-right", "type": "string", "title": "Right 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-top", "type": "string", "title": "Top 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": "register-label", "type": "string", "title": "Register button text" }, { "name": "required-field-error-message", "type": "string", "title": "Required field message" }] }, { "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-link-button", "name": "Link Button", "uiSchema": { "button-text": { "ui:name": "Button text", "ui:help": "" }, "link": { "ui:name": "Link", "ui:help": "Enter the URL where you want your participants redirected. Example: https://www.example.com" }, "open-in-new-tab": { "ui:name": "Open link in new tab", "ui:help": "" } }, "traits": [{ "name": "button-text", "type": "string", "title": "Button text" }, { "name": "link", "type": "string", "title": "Link" }, { "name": "open-in-new-tab", "type": "boolean", "title": "Open link in new tab" }] }, { "tag": "sqm-logout-current-user", "name": "Sign out current user", "uiSchema": { "demoData": { "ui:name": "Switch user button link", "ui:help": "" }, "switch-user-text": { "ui:name": "Switch user button label", "ui:help": "" }, "user-identification-text": { "ui:name": "User identification text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "{ loading?: boolean; copyString?: string; tooltiptext?: string; open?: boolean; copyButtonLabel?: string; disabled?: boolean; textAlign?: \"left\" | \"right\" | \"center\"; buttonStyle?: \"icon\" | \"button-outside\" | \"button-below\"; error?: boolean; errorText?: string; inputPlaceholderText?: string; dateAvailable?: string; onClick?: () => void; }", "title": "Switch user button link" }, { "name": "switch-user-text", "type": "string", "title": "Switch user button label" }, { "name": "user-identification-text", "type": "string", "title": "User identification text" }] }, { "tag": "sqm-name-fields", "name": "Form Name Fields", "uiSchema": { "demoData": { "ui:help": "" }, "first-name-label": { "ui:name": "First name label", "ui:help": "" }, "last-name-label": { "ui:name": "Last name label", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "first-name-label", "type": "string", "title": "First name label" }, { "name": "last-name-label", "type": "string", "title": "Last name label" }] }, { "tag": "sqm-navigation-menu", "name": "Navigation Menu", "uiSchema": { "demoData": { "ui:help": "" }, "include-dropdown": { "ui:name": "Include dropdown menu", "ui:help": "" }, "menu-label": { "ui:name": "Menu label", "ui:help": "Label on the header menu" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "include-dropdown", "type": "boolean", "title": "Include dropdown menu" }, { "name": "menu-label", "type": "string", "title": "Menu label" }] }, { "tag": "sqm-navigation-sidebar", "name": "Microsite Sidebar", "uiSchema": {}, "traits": [] }, { "tag": "sqm-navigation-sidebar-item", "name": "Microsite Sidebar Item", "uiSchema": { "demoData": { "ui:help": "" }, "icon": { "ui:name": "Icon", "ui:help": "Options available at https://shoelace.style/components/icon" }, "label": { "ui:name": "Label", "ui:help": "" }, "path": { "ui:widget": "pageSelect", "ui:name": "Navigation path", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "icon", "type": "string", "title": "Icon" }, { "name": "label", "type": "string", "title": "Label" }, { "name": "path", "type": "string", "title": "Navigation path" }] }, { "tag": "sqm-password-field", "name": "Form Password Field", "uiSchema": { "demoData": { "ui:help": "" }, "disable-validation": { "ui:name": "Disable validation", "ui:help": "Disable live password validation" }, "does-not-meet-requirements-text": { "ui:name": "Fails requirements text", "ui:help": "" }, "field-label": { "ui:name": "Password label", "ui:help": "Label for password field" }, "has-error": { "ui:name": "Missing number or symbol error text", "ui:help": "" }, "lowercase-error": { "ui:name": "Missing lowercase text", "ui:help": "" }, "meets-requirements-text": { "ui:name": "Meets requirements text", "ui:help": "" }, "min-error": { "ui:name": "Minimum length text", "ui:help": "" }, "uppercase-error": { "ui:name": "Missing uppercase text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "disable-validation", "type": "boolean", "title": "Disable validation" }, { "name": "does-not-meet-requirements-text", "type": "string", "title": "Fails requirements text" }, { "name": "field-label", "type": "string", "title": "Password label" }, { "name": "has-error", "type": "string", "title": "Missing number or symbol error text" }, { "name": "lowercase-error", "type": "string", "title": "Missing lowercase text" }, { "name": "meets-requirements-text", "type": "string", "title": "Meets requirements text" }, { "name": "min-error", "type": "string", "title": "Minimum length text" }, { "name": "uppercase-error", "type": "string", "title": "Missing uppercase text" }] }, { "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 with SaaSquatch by Impact.com link" } }, "traits": [{ "name": "close-button", "type": "boolean", "title": "Show close button" }, { "name": "close-button-text", "type": "string", "title": "Close button text" }, { "name": "embed-padding", "type": "string", "title": "Embed padding", "enum": ["none", "small", "medium", "large"], "enumNames": ["None", "Small", "Medium", "Large"] }, { "name": "popup-padding", "type": "string", "title": "Popup padding", "enum": ["none", "small", "medium", "large"], "enumNames": ["None", "Small", "Medium", "Large"] }, { "name": "powered-by", "type": "boolean", "title": "Show powered by" }] }, { "tag": "sqm-portal-change-password", "name": "Microsite Password Change", "uiSchema": { "cancel-text": { "ui:name": "Cancel button text", "ui:help": "Found in modal" }, "change-password-button-text": { "ui:name": "Change password button text", "ui:help": "Found in modal" }, "confirm-password-field-label": { "ui:name": "Confirm password Label", "ui:help": "Found in modal" }, "demoData": { "ui:help": "" }, "modal-change-password-header": { "ui:name": "Change password modal header", "ui:help": "" }, "password-field-label": { "ui:name": "New password field label", "ui:help": "Found in modal" }, "portal-change-password-button-text": { "ui:name": "Change password button text", "ui:help": "" }, "portal-change-password-header": { "ui:name": "Change password header", "ui:help": "Portal change password section header" }, "success-message": { "ui:widget": "textArea", "ui:name": "Successful password change message", "ui:help": "Successful password change message" } }, "traits": [{ "name": "cancel-text", "type": "string", "title": "Cancel button text" }, { "name": "change-password-button-text", "type": "string", "title": "Change password button text" }, { "name": "confirm-password-field-label", "type": "string", "title": "Confirm password Label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "modal-change-password-header", "type": "string", "title": "Change password modal header" }, { "name": "password-field-label", "type": "string", "title": "New password field label" }, { "name": "portal-change-password-button-text", "type": "string", "title": "Change password button text" }, { "name": "portal-change-password-header", "type": "string", "title": "Change password header" }, { "name": "success-message", "type": "string", "title": "Successful password change message" }] }, { "tag": "sqm-portal-container", "name": "Container", "uiSchema": { "background-color": { "ui:widget": "color", "ui:name": "Background color", "ui:help": "" }, "center": { "ui:name": "Center content", "ui:help": "" }, "direction": { "ui:name": "Direction", "ui:help": "" }, "display": { "ui:name": "Display", "ui:help": "" }, "gap": { "ui:name": "Gap", "ui:help": "" }, "justify-content": { "ui:name": "Justify content", "ui:help": "Define how this container distributes its contents along the main-axis." }, "max-width": { "ui:name": "Maximum width", "ui:help": "" }, "min-width": { "ui:name": "Minimum width", "ui:help": "" }, "padding": { "ui:name": "Padding", "ui:help": "" } }, "traits": [{ "name": "background-color", "type": "string", "title": "Background color" }, { "name": "center", "type": "boolean", "title": "Center content" }, { "name": "direction", "type": "string", "title": "Direction", "enum": ["row", "column"], "enumNames": ["Row", "Column"] }, { "name": "display", "type": "string", "title": "Display", "enum": ["grid", "flex"], "enumNames": ["Grid", "Flex"] }, { "name": "gap", "type": "string", "title": "Gap", "enum": ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"], "enumNames": ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"] }, { "name": "justify-content", "type": "string", "title": "Justify content", "enum": ["start", "center", "end", "space-between", "space-around", "space-evenly"], "enumNames": ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"] }, { "name": "max-width", "type": "string", "title": "Maximum width" }, { "name": "min-width", "type": "string", "title": "Minimum width" }, { "name": "padding", "type": "string", "title": "Padding", "enum": ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"], "enumNames": ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"] }] }, { "tag": "sqm-portal-email-verification", "name": "Microsite Email Verification", "uiSchema": { "demoData": { "ui:help": "" }, "email-verification-header": { "ui:name": "Email verification header text", "ui:help": "" }, "redirect-path": { "ui:widget": "pageSelect", "ui:name": "Email redirect", "ui:help": "Redirect participants to this page from their verification email." }, "resend-email-button-text": { "ui:name": "Re-send email button text", "ui:help": "" }, "verification-loading-message": { "ui:widget": "textArea", "ui:name": "Email verification checking text", "ui:help": "" }, "verification-resent-message": { "ui:widget": "textArea", "ui:name": "Email verification resent text", "ui:help": "" }, "verification-status-message": { "ui:widget": "textArea", "ui:name": "Email verification status text", "ui:help": "" }, "verify-message": { "ui:widget": "textArea", "ui:name": "Email verification body text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-verification-header", "type": "string", "title": "Email verification header text" }, { "name": "redirect-path", "type": "string", "title": "Email redirect" }, { "name": "resend-email-button-text", "type": "string", "title": "Re-send email button text" }, { "name": "verification-loading-message", "type": "string", "title": "Email verification checking text" }, { "name": "verification-resent-message", "type": "string", "title": "Email verification resent text" }, { "name": "verification-status-message", "type": "string", "title": "Email verification status text" }, { "name": "verify-message", "type": "string", "title": "Email verification body text" }] }, { "tag": "sqm-portal-footer", "name": "Footer", "uiSchema": { "faq-link": { "ui:name": "FAQ link", "ui:help": "" }, "faq-text": { "ui:name": "FAQ text", "ui:help": "" }, "hide-powered-by": { "ui:name": "Hide powered with SaaSquatch by Impact.com", "ui:help": "" }, "hide-support-text": { "ui:name": "Hide support message", "ui:help": "" }, "padding-bottom": { "ui:name": "Bottom padding", "ui:help": "" }, "padding-left": { "ui:name": "Left padding", "ui:help": "" }, "padding-right": { "ui:name": "Right padding", "ui:help": "" }, "padding-top": { "ui:name": "Top padding", "ui:help": "" }, "powered-by-link": { "ui:name": "Powered By link", "ui:help": "" }, "support-email": { "ui:name": "Support email", "ui:help": "" }, "support-text": { "ui:widget": "textArea", "ui:name": "Support message", "ui:help": "" }, "terms-link": { "ui:name": "Terms and conditions link", "ui:help": "" }, "terms-text": { "ui:name": "Terms and conditions text", "ui:help": "" } }, "traits": [{ "name": "faq-link", "type": "string", "title": "FAQ link" }, { "name": "faq-text", "type": "string", "title": "FAQ text" }, { "name": "hide-powered-by", "type": "boolean", "title": "Hide powered with SaaSquatch by Impact.com" }, { "name": "hide-support-text", "type": "boolean", "title": "Hide support message" }, { "name": "padding-bottom", "type": "string", "title": "Bottom 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-left", "type": "string", "title": "Left 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-right", "type": "string", "title": "Right 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-top", "type": "string", "title": "Top 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": "powered-by-link", "type": "string", "title": "Powered By link" }, { "name": "support-email", "type": "string", "title": "Support email" }, { "name": "support-text", "type": "string", "title": "Support message" }, { "name": "terms-link", "type": "string", "title": "Terms and conditions link" }, { "name": "terms-text", "type": "string", "title": "Terms and conditions text" }] }, { "tag": "sqm-portal-forgot-password", "name": "Microsite Forgot Password", "uiSchema": { "demoData": { "ui:help": "" }, "email-label": { "ui:name": "Email field label", "ui:help": "" }, "header-text": { "ui:widget": "textArea", "ui:name": "Header text", "ui:help": "" }, "login-path": { "ui:widget": "pageSelect", "ui:name": "Login redirect path", "ui:help": "" }, "login-text": { "ui:help": "Sign in link text" }, "redirect-path": { "ui:widget": "pageSelect", "ui:name": "Email redirect", "ui:help": "Redirect participants to this page after they verify their email." }, "submit-label": { "ui:name": "Password reset button text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-label", "type": "string", "title": "Email field label" }, { "name": "header-text", "type": "string", "title": "Header text" }, { "name": "login-path", "type": "string", "title": "Login redirect path" }, { "name": "login-text", "type": "string", "title": "login-text" }, { "name": "redirect-path", "type": "string", "title": "Email redirect" }, { "name": "submit-label", "type": "string", "title": "Password reset button text" }] }, { "tag": "sqm-portal-frame", "name": "Microsite Frame", "uiSchema": { "demoData": { "ui:help": "" }, "not-full-screen": { "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "not-full-screen", "type": "boolean", "title": "not-full-screen" }] }, { "tag": "sqm-portal-login", "name": "Microsite Login", "uiSchema": { "demoData": { "ui:help": "" }, "email-label": { "ui:name": "Email field label", "ui:help": "" }, "forgot-password-label": { "ui:name": "Forgot password text", "ui:help": "" }, "forgot-password-path": { "ui:widget": "pageSelect", "ui:name": "Forgot password redirect", "ui:help": "Redirect participants to this page to reset their password" }, "next-page": { "ui:widget": "pageSelect", "ui:name": "Login redirect", "ui:help": "Redirect participants to this page after they successfully login." }, "page-label": { "ui:widget": "textArea", "ui:name": "Heading label", "ui:help": "" }, "password-label": { "ui:name": "Password field label", "ui:help": "" }, "register-label": { "ui:name": "Register button text", "ui:help": "" }, "register-path": { "ui:widget": "pageSelect", "ui:name": "Register button redirect", "ui:help": "Redirect participants to this page to start registration." }, "submit-label": { "ui:name": "Submit button text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-label", "type": "string", "title": "Email field label" }, { "name": "forgot-password-label", "type": "string", "title": "Forgot password text" }, { "name": "forgot-password-path", "type": "string", "title": "Forgot password redirect" }, { "name": "next-page", "type": "string", "title": "Login redirect" }, { "name": "page-label", "type": "string", "title": "Heading label" }, { "name": "password-label", "type": "string", "title": "Password field label" }, { "name": "register-label", "type": "string", "title": "Register button text" }, { "name": "register-path", "type": "string", "title": "Register button redirect" }, { "name": "submit-label", "type": "string", "title": "Submit button text" }] }, { "tag": "sqm-portal-logout", "name": "Microsite Logout", "uiSchema": { "next-page": { "ui:widget": "pageSelect", "ui:name": "Logout redirect path", "ui:help": "Redirect participants to this page when they log out." } }, "traits": [{ "name": "next-page", "type": "string", "title": "Logout redirect path" }] }, { "tag": "sqm-portal-profile", "name": "Microsite Participant Profile", "uiSchema": { "countrytext": { "ui:name": "Country field label", "ui:help": "" }, "demoData": { "ui:help": "" }, "edit-profile-header": { "ui:name": "Edit profile header", "ui:help": "" }, "edit-profile-sub-header": { "ui:name": "Edit profile sub header", "ui:help": "" }, "emailtext": { "ui:name": "Email field label", "ui:help": "" }, "firstnametext": { "ui:name": "First name label", "ui:help": "" }, "hide-country": { "ui:name": "Hide country field", "ui:help": "" }, "lastnametext": { "ui:name": "Last name field label", "ui:help": "" }, "submit-change-button-text": { "ui:name": "Submit changes button text", "ui:help": "" } }, "traits": [{ "name": "countrytext", "type": "string", "title": "Country field label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "edit-profile-header", "type": "string", "title": "Edit profile header" }, { "name": "edit-profile-sub-header", "type": "string", "title": "Edit profile sub header" }, { "name": "emailtext", "type": "string", "title": "Email field label" }, { "name": "firstnametext", "type": "string", "title": "First name label" }, { "name": "hide-country", "type": "boolean", "title": "Hide country field" }, { "name": "lastnametext", "type": "string", "title": "Last name field label" }, { "name": "submit-change-button-text", "type": "string", "title": "Submit changes button text" }] }, { "tag": "sqm-portal-protected-route", "name": "Microsite Protected Route", "uiSchema": { "redirect-to": { "ui:name": "Unauthenticated participant redirect", "ui:help": "Redirect participants to this page they are not logged in." }, "redirect-to-unverified": { "ui:name": "Unverified participant redirect", "ui:help": "Redirect participants to this page when email verification is required but they have not verified their email." }, "require-email-verification": { "ui:name": "Require email verification", "ui:help": "" } }, "traits": [{ "name": "redirect-to", "type": "string", "title": "Unauthenticated participant redirect" }, { "name": "redirect-to-unverified", "type": "string", "title": "Unverified participant redirect" }, { "name": "require-email-verification", "type": "boolean", "title": "Require email verification" }] }, { "tag": "sqm-portal-register", "name": "Microsite Registration", "uiSchema": { "confirm-password": { "ui:name": "Show confirm password field", "ui:help": "" }, "confirm-password-label": { "ui:name": "Confirm password field label", "ui:help": "" }, "demoData": { "ui:help": "" }, "disable-password-validation": { "ui:name": "Disable password validation", "ui:help": "" }, "email-label": { "ui:name": "Email field label", "ui:help": "" }, "hide-inputs": { "ui:name": "Hide default fields", "ui:help": "Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes \"email\" and \"password\" for this form to succeed." }, "invalid-email-error-message": { "ui:widget": "textArea", "ui:name": "Invalid email message", "ui:help": "The message to be displayed when the email used is invalid or blocked." }, "login-label": { "ui:name": "Login button text", "ui:help": "" }, "login-path": { "ui:widget": "pageSelect", "ui:name": "Login redirect", "ui:help": "Redirect participants to this page after clicking the login button." }, "network-error-message": { "ui:widget": "textArea", "ui:name": "Network error message", "ui:help": "The message to be displayed when a the form submission fails unexpectedly." }, "next-page": { "ui:widget": "pageSelect", "ui:name": "Registration redirect", "ui:help": "Redirect participants to this page from their verification email" }, "page-label": { "ui:name": "Header text", "ui:help": "" }, "password-label": { "ui:name": "Password field label", "ui:help": "" }, "password-mismatch-error-message": { "ui:widget": "textArea", "ui:name": "Password mismatch message", "ui:help": "The message to be displayed when password inputs do not match." }, "redirect-path": { "ui:widget": "pageSelect", "ui:name": "Email verification redirect", "ui:help": "The page that participants are redirected to from the verification email." }, "required-field-error-message": { "ui:widget": "textArea", "ui:name": "Required field message", "ui:help": "The message to be displayed when a required field is not filled." }, "submit-label": { "ui:name": "Submit button text", "ui:help": "" } }, "traits": [{ "name": "confirm-password", "type": "boolean", "title": "Show confirm password field" }, { "name": "confirm-password-label", "type": "string", "title": "Confirm password field label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "disable-password-validation", "type": "boolean", "title": "Disable password validation" }, { "name": "email-label", "type": "string", "title": "Email field label" }, { "name": "hide-inputs", "type": "boolean", "title": "Hide default fields" }, { "name": "invalid-email-error-message", "type": "string", "title": "Invalid email message" }, { "name": "login-label", "type": "string", "title": "Login button text" }, { "name": "login-path", "type": "string", "title": "Login redirect" }, { "name": "network-error-message", "type": "string", "title": "Network error message" }, { "name": "next-page", "type": "string", "title": "Registration redirect" }, { "name": "page-label", "type": "string", "title": "Header text" }, { "name": "password-label", "type": "string", "title": "Password field label" }, { "name": "password-mismatch-error-message", "type": "string", "title": "Password mismatch message" }, { "name": "redirect-path", "type": "string", "title": "Email verification redirect" }, { "name": "required-field-error-message", "type": "string", "title": "Required field message" }, { "name": "submit-label", "type": "string", "title": "Submit button text" }] }, { "tag": "sqm-portal-registration-form", "name": "Microsite Registration", "uiSchema": { "confirm-password": { "ui:name": "Show confirm password field", "ui:help": "" }, "confirm-password-label": { "ui:name": "Confirm password field label", "ui:help": "" }, "demoData": { "ui:help": "" }, "disable-password-validation": { "ui:name": "Disable password validation", "ui:help": "" }, "email-label": { "ui:name": "Email field label", "ui:help": "" }, "form-disabled-error-message": { "ui:widget": "textArea", "ui:name": "Form disabled message", "ui:help": "The message to be displayed when the registration form is disabled." }, "form-key": { "ui:name": "Form key", "ui:help": "The key of the registration form used for this microsite." }, "hide-inputs": { "ui:name": "Hide default fields", "ui:help": "Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes \"email\" and \"password\" for this form to succeed." }, "invalid-email-error-message": { "ui:widget": "textArea", "ui:name": "Invalid email message", "ui:help": "The message to be displayed when the email used is invalid or blocked." }, "login-label": { "ui:name": "Login button text", "ui:help": "" }, "login-path": { "ui:widget": "pageSelect", "ui:name": "Login redirect", "ui:help": "Redirect participants to this page after clicking the login button." }, "network-error-message": { "ui:widget": "textArea", "ui:name": "Network error message", "ui:help": "The message to be displayed when a the form submission fails unexpectedly." }, "next-page": { "ui:widget": "pageSelect", "ui:name": "Registration redirect", "ui:help": "Redirect participants to this page after they successfully register." }, "page-label": { "ui:name": "Header text", "ui:help": "" }, "password-label": { "ui:name": "Password field label", "ui:help": "" }, "password-mismatch-error-message": { "ui:widget": "textArea", "ui:name": "Password mismatch message", "ui:help": "The message to be displayed when password inputs do not match." }, "redirect-path": { "ui:widget": "pageSelect", "ui:name": "Email verification redirect", "ui:help": "Redirect participants to this page from their verification email" }, "required-field-error-message": { "ui:widget": "textArea", "ui:name": "Required field message", "ui:help": "The message to be displayed when a required field is not filled." }, "submit-label": { "ui:name": "Submit button text", "ui:help": "" }, "use-browser-locale": { "ui:name": "Use browser locale", "ui:help": "Saves the browser locale on the new user" } }, "traits": [{ "name": "confirm-password", "type": "boolean", "title": "Show confirm password field" }, { "name": "confirm-password-label", "type": "string", "title": "Confirm password field label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "disable-password-validation", "type": "boolean", "title": "Disable password validation" }, { "name": "email-label", "type": "string", "title": "Email field label" }, { "name": "form-disabled-error-message", "type": "string", "title": "Form disabled message" }, { "name": "form-key", "type": "string", "title": "Form key" }, { "name": "hide-inputs", "type": "boolean", "title": "Hide default fields" }, { "name": "invalid-email-error-message", "type": "string", "title": "Invalid email message" }, { "name": "login-label", "type": "string", "title": "Login button text" }, { "name": "login-path", "type": "string", "title": "Login redirect" }, { "name": "network-error-message", "type": "string", "title": "Network error message" }, { "name": "next-page", "type": "string", "title": "Registration redirect" }, { "name": "page-label", "type": "string", "title": "Header text" }, { "name": "password-label", "type": "string", "title": "Password field label" }, { "name": "password-mismatch-error-message", "type": "string", "title": "Password mismatch message" }, { "name": "redirect-path", "type": "string", "title": "Email verification redirect" }, { "name": "required-field-error-message", "type": "string", "title": "Required field message" }, { "name": "submit-label", "type": "string", "title": "Submit button text" }, { "name": "use-browser-locale", "type": "boolean", "title": "Use browser locale" }] }, { "tag": "sqm-portal-reset-password", "name": "Microsite Reset Password", "uiSchema": { "confirm-password": { "ui:name": "Show confirm password field", "ui:help": "" }, "confirm-password-field-label": { "ui:name": "Password confirmation field label", "ui:help": "" }, "continue-button-text": { "ui:name": "Continue button text", "ui:help": "Button text displayed after a successful password reset." }, "demoData": { "ui:help": "" }, "failed-page": { "ui:widget": "pageSelect", "ui:name": "Failed reset redirect", "ui:help": "Redirect participants to this page if password reset fails due to an outdated reset attempt." }, "next-page": { "ui:widget": "pageSelect", "ui:name": "Successful reset redirect", "ui:help": "Redirect participants to this page when they successfully reset their password." }, "password-field-label": { "ui:name": "Password field label", "ui:help": "" }, "password-reset-header": { "ui:widget": "textArea", "ui:name": "Successful password reset text", "ui:help": "Displayed after a successful password reset." }, "reset-password-button-text": { "ui:name": "Password reset button text", "ui:help": "" }, "reset-password-header": { "ui:name": "Reset password header text", "ui:help": "" } }, "traits": [{ "name": "confirm-password", "type": "boolean", "title": "Show confirm password field" }, { "name": "confirm-password-field-label", "type": "string", "title": "Password confirmation field label" }, { "name": "continue-button-text", "type": "string", "title": "Continue button text" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "failed-page", "type": "string", "title": "Failed reset redirect" }, { "name": "next-page", "type": "string", "title": "Successful reset redirect" }, { "name": "password-field-label", "type": "string", "title": "Password field label" }, { "name": "password-reset-header", "type": "string", "title": "Successful password reset text" }, { "name": "reset-password-button-text", "type": "string", "title": "Password reset button text" }, { "name": "reset-password-header", "type": "string", "title": "Reset password header text" }] }, { "tag": "sqm-portal-verify-email", "name": "Microsite Verify Email", "uiSchema": { "demoData": { "ui:help": "" }, "failed-page": { "ui:widget": "pageSelect", "ui:name": "Failed verification redirect", "ui:help": "Redirect participants to this page if verification fails due to an outdated verification attempt." }, "next-page": { "ui:widget": "pageSelect", "ui:name": "Successful verification redirect", "ui:help": "Redirect participants to this page when they successfully verify their email." }, "verify-email-text": { "ui:widget": "textArea", "ui:name": "Verify email text", "ui:help": "" }, "verify-invalid-text": { "ui:help": "" }, "verify-success-text": { "ui:widget": "textArea", "ui:name": "Email verification success text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "failed-page", "type": "string", "title": "Failed verification redirect" }, { "name": "next-page", "type": "string", "title": "Successful verification redirect" }, { "name": "verify-email-text", "type": "string", "title": "Verify email text" }, { "name": "verify-invalid-text", "type": "string", "title": "verify-invalid-text" }, { "name": "verify-success-text", "type": "string", "title": "Email verification success text" }] }, { "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": { "background-color": { "ui:widget": "color", "ui:name": "Background color", "ui:help": "" }, "hide-border": { "ui:name": "Hide border", "ui:help": "" }, "limit-width": { "ui:name": "Limit width", "ui:help": "" }, "padding-bottom": { "ui:name": "Bottom padding", "ui:help": "" }, "padding-left": { "ui:name": "Left padding", "ui:help": "" }, "padding-right": { "ui:name": "Right padding", "ui:help": "" }, "padding-top": { "ui:name": "Top padding", "ui:help": "" }, "vertical-alignment": { "ui:name": "Vertical alignment", "ui:help": "" } }, "traits": [{ "name": "background-color", "type": "string", "title": "Background color" }, { "name": "hide-border", "type": "boolean", "title": "Hide border" }, { "name": "limit-width", "type": "boolean", "title": "Limit width" }, { "name": "padding-bottom", "type": "string", "title": "Bottom 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-left", "type": "string", "title": "Left 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-right", "type": "string", "title": "Right 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-top", "type": "string", "title": "Top 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": "vertical-alignment", "type": "string", "title": "Vertical alignment", "enum": ["start", "center", "end"], "enumNames": ["Top", "Center", "Bottom"] }] }, { "tag": "sqm-referral-iframe", "name": "Referral IFrame", "uiSchema": { "demoData": { "ui:help": "" }, "iframe-height": { "ui:name": "IFrame height", "ui:help": "Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto." }, "iframe-src": { "ui:name": "IFrame source", "ui:help": "URL of iframe to display" }, "iframe-width": { "ui:name": "IFrame width", "ui:help": "Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto." } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "iframe-height", "type": "string", "title": "IFrame height" }, { "name": "iframe-src", "type": "string", "title": "IFrame source" }, { "name": "iframe-width", "type": "string", "title": "IFrame width" }] }, { "tag": "sqm-referral-table", "name": "Referral Table", "uiSchema": { "demoData": { "ui:help": "" }, "hidden-columns": { "ui:name": "Hidden mobile columns", "ui:help": "Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3" }, "hide-labels": { "ui:name": "Hide column labels", "ui:help": "" }, "md-breakpoint": { "ui:name": "Tablet breakpoint", "ui:help": "" }, "more-label": { "ui:name": "View More button text", "ui:help": "" }, "per-page": { "ui:name": "Referrals per page", "ui:help": "Number of referrals displayed per page" }, "prev-label": { "ui:name": "Previous button text", "ui:help": "" }, "program-id": { "ui:widget": "programSelector", "ui:name": "Program", "ui:help": "Filters to only show referrals in this program. Will default to filtering by the program context where\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": { "denied-help-text": { "ui:help": "" }, "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": "denied-help-text", "type": "string", "title": "denied-help-text" }, { "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": "" }, "denied-help-text": { "ui:name": "Reward denied help text", "ui:help": "Shown in the dropdown details when a reward was denied." }, "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": "denied-help-text", "type": "string", "title": "Reward denied help text" }, { "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": "" }, "fraud-status": { "ui:help": "" }, "status-sub-text": { "ui:help": "" }, "status-text": { "ui:help": "" } }, "traits": [{ "name": "converted", "type": "boolean", "title": "converted" }, { "name": "fraud-status", "type": "\"APPROVED\" | \"DENIED\" | \"PENDING\"", "title": "fraud-status" }, { "name": "status-sub-text", "type": "string", "title": "status-sub-text" }, { "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": "" }, "denied-status-sub-text": { "ui:name": "Denied status sub-text", "ui:help": "" }, "denied-status-text": { "ui:name": "Denied status text", "ui:help": "" }, "in-progress-status-text": { "ui:name": "In progress status text", "ui:help": "" }, "pending-review-status-sub-text": { "ui:name": "Pending review status sub-text", "ui:help": "" }, "pending-review-status-text": { "ui:name": "Pending review status text", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "Column title" }, { "name": "converted-status-text", "type": "string", "title": "Converted status text" }, { "name": "denied-status-sub-text", "type": "string", "title": "Denied status sub-text" }, { "name": "denied-status-text", "type": "string", "title": "Denied status text" }, { "name": "in-progress-status-text", "type": "string", "title": "In progress status text" }, { "name": "pending-review-status-sub-text", "type": "string", "title": "Pending review status sub-text" }, { "name": "pending-review-status-text", "type": "string", "title": "Pending review 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-referred-registration", "name": "Instant Access Friend Registration", "uiSchema": { "background-color": { "ui:widget": "color", "ui:name": "Background color", "ui:help": "" }, "demoData": { "ui:help": "" }, "email-label": { "ui:name": "Email field label", "ui:help": "" }, "first-name-label": { "ui:name": "First name field label", "ui:help": "" }, "fraud-error-message": { "ui:widget": "textArea", "ui:name": "Fraud error message", "ui:help": "Display this message when there is suspected fraud." }, "fraud-error-message-title": { "ui:widget": "textArea", "ui:name": "Fraud error message title", "ui:help": "Display this message when there is suspected fraud." }, "hide-border": { "ui:name": "Hide border", "ui:help": "" }, "include-cookies": { "ui:help": "" }, "include-name": { "ui:name": "Include name fields", "ui:help": "Require your participants to enter their first and last name." }, "invalid-email-error-message": { "ui:widget": "textArea", "ui:name": "Invalid email message", "ui:help": "Display this message when the given email is invalid." }, "last-name-label": { "ui:name": "Last name field label", "ui:help": "" }, "network-error-message": { "ui:widget": "textArea", "ui:name": "Network error message", "ui:help": "Display this message when the form submission unexpectedly fails." }, "padding-bottom": { "ui:name": "Bottom padding", "ui:help": "" }, "padding-left": { "ui:name": "Left padding", "ui:help": "" }, "padding-right": { "ui:name": "Right padding", "ui:help": "" }, "padding-top": { "ui:name": "Top padding", "ui:help": "" }, "register-label": { "ui:name": "Register button text", "ui:help": "" }, "required-field-error-message": { "ui:widget": "textArea", "ui:name": "Required field message", "ui:help": "Display this message when a required field has not been filled out." } }, "traits": [{ "name": "background-color", "type": "string", "title": "Background color" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-label", "type": "string", "title": "Email field label" }, { "name": "first-name-label", "type": "string", "title": "First name field label" }, { "name": "fraud-error-message", "type": "string", "title": "Fraud error message" }, { "name": "fraud-error-message-title", "type": "string", "title": "Fraud error message title" }, { "name": "hide-border", "type": "boolean", "title": "Hide border" }, { "name": "include-cookies", "type": "boolean", "title": "include-cookies" }, { "name": "include-name", "type": "boolean", "title": "Include name fields" }, { "name": "invalid-email-error-message", "type": "string", "title": "Invalid email message" }, { "name": "last-name-label", "type": "string", "title": "Last name field label" }, { "name": "network-error-message", "type": "string", "title": "Network error message" }, { "name": "padding-bottom", "type": "string", "title": "Bottom 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-left", "type": "string", "title": "Left 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-right", "type": "string", "title": "Right 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-top", "type": "string", "title": "Top 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": "register-label", "type": "string", "title": "Register button text" }, { "name": "required-field-error-message", "type": "string", "title": "Required field message" }] }, { "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": "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": "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": { "denied-text": { "ui:help": "" }, "expiry-text": { "ui:help": "" }, "locale": { "ui:help": "" }, "pending-review-text": { "ui:help": "" }, "pending-scheduled": { "ui:help": "" }, "pending-unhandled": { "ui:help": "" }, "pending-us-tax": { "ui:help": "" }, "reward": { "ui:help": "" }, "status-text": { "ui:help": "" } }, "traits": [{ "name": "denied-text", "type": "string", "title": "denied-text" }, { "name": "expiry-text", "type": "string", "title": "expiry-text" }, { "name": "locale", "type": "string", "title": "locale" }, { "name": "pending-review-text", "type": "string", "title": "pending-review-text" }, { "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": "" }, "denied-text": { "ui:name": "Denied text", "ui:help": "Displayed when denied for fraud." }, "expiry-text": { "ui:name": "Expiry date prefix", "ui:help": "Text shown before the date of an expiring reward." }, "pending-review-text": { "ui:name": "Pending review text", "ui:help": "Displayed when flagged for fraud." }, "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": "denied-text", "type": "string", "title": "Denied text" }, { "name": "expiry-text", "type": "string", "title": "Expiry date prefix" }, { "name": "pending-review-text", "type": "string", "title": "Pending review text" }, { "name": "pending-scheduled", "type": "string", "title": "Pending date prefix" }, { "name": "pending-unhandled", "type": "string", "title": "Unhandled error text" }, { "name": "pending-us-tax", "type": "string", "title": "W9 pending text" }, { "name": "status-text", "type": "string", "title": "Reward status text" }] }, { "tag": "sqm-route", "name": "Route", "uiSchema": { "path": { "ui:name": "Navigation path name", "ui:help": "Page Path URL for this route." } }, "traits": [{ "name": "path", "type": "string", "title": "Navigation path name" }] }, { "tag": "sqm-router", "name": "Router", "uiSchema": {}, "traits": [] }, { "tag": "sqm-scroll", "name": "Scroll Button", "uiSchema": { "button-text": { "ui:name": "Button text", "ui:help": "" }, "button-type": { "ui:name": "Button type", "ui:help": "" }, "circle": { "ui:name": "Circle", "ui:help": "Draws a circle button." }, "icon-name": { "ui:name": "Icon", "ui:help": "Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive." }, "icon-slot": { "ui:name": "Icon slot", "ui:help": "" }, "mobile": { "ui:name": "Full width on mobile", "ui:help": "The button becomes full width if the screen size is smaller than 500px" }, "outline": { "ui:name": "Outline", "ui:help": "Draws an outlined button." }, "pill": { "ui:name": "Pill", "ui:help": "Draws a pill-style button with rounded edges." }, "scroll-animation": { "ui:name": "Scroll animation style", "ui:help": "" }, "scroll-id": { "ui:name": "Scroll ID", "ui:help": "ID applied to the HTML tag you would like to scroll to. E.g tab-1" }, "scroll-tag-name": { "ui:name": "Scroll tag name", "ui:help": "The name of the HTML tag you would like to scroll to. E.g referral-table" }, "size": { "ui:name": "Size", "ui:help": "" } }, "traits": [{ "name": "button-text", "type": "string", "title": "Button text" }, { "name": "button-type", "type": "string", "title": "Button type", "enum": ["default", "primary", "success", "neutral", "warning", "danger", "text"], "enumNames": ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"] }, { "name": "circle", "type": "boolean", "title": "Circle" }, { "name": "icon-name", "type": "string", "title": "Icon" }, { "name": "icon-slot", "type": "string", "title": "Icon slot", "enum": ["prefix", "suffix"], "enumNames": ["Prefix", "Suffix"] }, { "name": "mobile", "type": "boolean", "title": "Full width on mobile" }, { "name": "outline", "type": "boolean", "title": "Outline" }, { "name": "pill", "type": "boolean", "title": "Pill" }, { "name": "scroll-animation", "type": "string", "title": "Scroll animation style", "enum": ["smooth", "auto"], "enumNames": ["Smooth", "Auto"] }, { "name": "scroll-id", "type": "string", "title": "Scroll ID" }, { "name": "scroll-tag-name", "type": "string", "title": "Scroll tag name" }, { "name": "size", "type": "string", "title": "Size", "enum": ["small", "medium", "large"], "enumNames": ["Small", "Medium", "Large"] }] }, { "tag": "sqm-share-button", "name": "Share Button", "uiSchema": { "ui:order": ["medium", "program-id", "*", "pill", "disabled", "hideicon"], "backgroundcolor": { "ui:widget": "color", "ui:name": "Button background color", "ui:help": "" }, "borderradius": { "ui:name": "Border radius", "ui:help": "Configure border radius with pixel amount" }, "demoData": { "ui:help": "" }, "disabled": { "ui:name": "Disabled", "ui:help": "" }, "hideicon": { "ui:name": "Hide icon", "ui:help": "" }, "hidetext": { "ui:name": "Hide text", "ui:help": "" }, "icon": { "ui:name": "Icon", "ui:help": "Options available at https://shoelace.style/components/icon\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": { "copy-button-style": { "ui:name": "Style", "ui:help": "Set the copy button style and placement" }, "copy-button-label": { "ui:name": "Copy button label", "ui:help": "" }, "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." }, "text-align": { "ui:name": "Share code alignment", "ui:help": "Change the text alignment" }, "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": "copy-button-style", "type": "string", "title": "Style", "enum": ["icon", "button-outside", "button-below"], "enumNames": ["Icon", "Button outside", "Button below"] }, { "name": "copy-button-label", "type": "string", "title": "Copy button label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "program-id", "type": "string", "title": "Program ID" }, { "name": "text-align", "type": "string", "title": "Share code alignment", "enum": ["left", "center", "right"], "enumNames": ["Left", "Center", "Right"] }, { "name": "tooltip-lifespan", "type": "number", "title": "Tooltip lifespan" }, { "name": "tooltip-text", "type": "string", "title": "Tooltip text" }] }, { "tag": "sqm-share-link", "name": "Share Link", "uiSchema": { "copy-button-style": { "ui:name": "Style", "ui:help": "Set the copy button style and placement" }, "copy-button-label": { "ui:name": "Copy button label", "ui:help": "" }, "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." }, "text-align": { "ui:name": "Share link alignment", "ui:help": "Change the text alignment" }, "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": "copy-button-style", "type": "string", "title": "Style", "enum": ["icon", "button-outside", "button-below"], "enumNames": ["Icon", "Button outside", "Button below"] }, { "name": "copy-button-label", "type": "string", "title": "Copy button label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "program-id", "type": "string", "title": "Program ID" }, { "name": "text-align", "type": "string", "title": "Share link alignment", "enum": ["left", "center", "right"], "enumNames": ["Left", "Center", "Right"] }, { "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." }, "hide-button": { "ui:name": "Hide CTA button", "ui:help": "" }, "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": "hide-button", "type": "boolean", "title": "Hide CTA button" }, { "name": "open-new-tab", "type": "boolean", "title": "Open in new tab" }, { "name": "program-id", "type": "string", "title": "Program ID override" }, { "name": "progress-bar-unit", "type": "string", "title": "Progress bar unit" }, { "name": "repeatable", "type": "boolean", "title": "Goal repeatable" }, { "name": "reward-amount", "type": "string", "title": "Reward amount" }, { "name": "reward-duration", "type": "string", "title": "Reward duration" }, { "name": "reward-unit", "type": "string", "title": "Reward unit" }, { "name": "show-progress-bar", "type": "boolean", "title": "Show progress bar" }, { "name": "starts-on-message", "type": "string", "title": "Start date message" }, { "name": "stat-type", "type": "string", "title": "Goal progress source" }, { "name": "steps", "type": "boolean", "title": "Progress bar steps" }] }, { "tag": "sqm-text", "name": "Text", "uiSchema": {}, "traits": [] }, { "tag": "sqm-text-span", "name": "Text Span", "uiSchema": { "text": { "ui:name": "Text", "ui:help": "" }, "type": { "ui:name": "Type", "ui:help": "" } }, "traits": [{ "name": "text", "type": "string", "title": "Text" }, { "name": "type", "type": "string", "title": "Type", "enum": ["p", "subtext", "h1", "h2", "h3", "h4"], "enumNames": ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"] }] }, { "tag": "sqm-timeline", "name": "Program Timeline", "uiSchema": { "icon": { "ui:name": "Icon", "ui:help": "" } }, "traits": [{ "name": "icon", "type": "string", "title": "Icon", "enum": ["gift", "circle"], "enumNames": ["Gift", "Circle"] }] }, { "tag": "sqm-timeline-entry", "name": "Program Timeline Entry", "uiSchema": { "desc": { "ui:name": "Description", "ui:help": "" }, "icon": { "ui:name": "Icon", "ui:help": "" }, "reward": { "ui:name": "Reward amount", "ui:help": "" }, "unit": { "ui:name": "Reward unit", "ui:help": "" } }, "traits": [{ "name": "desc", "type": "string", "title": "Description" }, { "name": "icon", "type": "string", "title": "Icon", "enum": ["gift", "circle"], "enumNames": ["Gift", "Circle"] }, { "name": "reward", "type": "string", "title": "Reward amount" }, { "name": "unit", "type": "string", "title": "Reward unit" }] }, { "tag": "sqm-titled-section", "name": "Titled Section", "uiSchema": { "label": { "ui:name": "Label", "ui:help": "Text value shown when there is no label slot declared." }, "label-margin": { "ui:name": "Label bottom margin", "ui:help": "Margin applied to the bottom of the label slot" }, "padding": { "ui:name": "Section padding", "ui:help": "Padding applied to all 4 sides of the container" }, "text-align": { "ui:name": "Text alignment", "ui:help": "" } }, "traits": [{ "name": "label", "type": "string", "title": "Label" }, { "name": "label-margin", "type": "string", "title": "Label bottom margin", "enum": ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"], "enumNames": ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"] }, { "name": "padding", "type": "string", "title": "Section padding", "enum": ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"], "enumNames": ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"] }, { "name": "text-align", "type": "string", "title": "Text alignment", "enum": ["left", "center", "right"], "enumNames": ["Left", "Center", "Right"] }] }, { "tag": "sqm-user-name", "name": "User Name", "uiSchema": { "demoData": { "ui:help": "" }, "fallback": { "ui:name": "Unknown user name", "ui:help": "" }, "loading-text": { "ui:name": "Loading text", "ui:help": "Text displayed while the participant’s name is loading." } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "fallback", "type": "string", "title": "Unknown user name" }, { "name": "loading-text", "type": "string", "title": "Loading text" }] }, { "tag": "sl-details", "name": "Details", "traits": [{ "type": "string", "name": "summary", "title": "Label" }] }, { "tag": "sl-tab", "name": "Tab", "traits": [{ "type": "string", "name": "panel", "title": "Panel ID" }] }, { "tag": "sl-tab-panel", "name": "Tab Panel", "traits": [{ "type": "string", "name": "name", "title": "Panel ID" }] }, { "tag": "sl-tab-group", "name": "Tab Group", "traits": [{ "type": "string", "name": "placement", "title": "Placement of Tabs", "enum": ["top", "right", "bottom", "left"] }] }, { "tag": "sl-skeleton", "name": "Loading Skeleton", "traits": [] }];
+            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": "Enter a font from the Google Fonts library to use throughout your widget. This value is case sensitive. Some fonts may not require quotations. Example: Roboto" } }, "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 lext", "ui:help": "" }, "checkbox-name": { "ui:name": "Checkbox name attribute", "ui:help": "This name is used as the key for this form field on submission. The name must be unique within this specific form." }, "checkbox-optional": { "ui:name": "Optional", "ui:help": "" }, "demoData": { "ui:help": "" }, "error-message": { "ui:name": "Unchecked error message", "ui:help": "" } }, "traits": [{ "name": "checkbox-label", "type": "string", "title": "Checkbox label" }, { "name": "checkbox-label-link", "type": "string", "title": "Checkbox label link" }, { "name": "checkbox-label-link-text", "type": "string", "title": "Checkbox label link lext" }, { "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-close-button", "name": "Popup Widget Close Button", "uiSchema": { "color": { "ui:widget": "color", "ui:name": "Color", "ui:help": "" } }, "traits": [{ "name": "color", "type": "string", "title": "Color" }] }, { "tag": "sqm-coupon-code", "name": "Coupon Code", "uiSchema": { "copy-button-style": { "ui:name": "Style", "ui:help": "Set the copy button style and placement." }, "cancelled-error-text": { "ui:widget": "textArea", "ui:name": "Cancelled code error message", "ui:help": "Display this message when the coupon code has been cancelled." }, "copy-button-label": { "ui:name": "Copy button label", "ui:help": "" }, "coupon-code-label": { "ui:name": "Coupon code label", "ui:help": "" }, "coupon-code-placeholder": { "ui:name": "Coupon code placeholder", "ui:help": "Display this text when the coupon code can’t be retrieved." }, "demoData": { "ui:help": "" }, "expired-error-text": { "ui:widget": "textArea", "ui:name": "Expired code error message", "ui:help": "Display this message when the coupon code has expired." }, "fullfilled-error-text": { "ui:widget": "textArea", "ui:name": "Code fulfillment error message", "ui:help": "Display this message when the code fails to load due to a fulfillment error." }, "error-text": { "ui:widget": "textArea", "ui:name": "Code retrieval error message", "ui:help": "Display this message when the code fails to load due to an unspecified error." }, "pending-error-text": { "ui:widget": "textArea", "ui:name": "Code pending error message", "ui:help": "Display this message when the coupon code not available yet. Use the ICU message, {unpendDate}, to show the date the code will be available." }, "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." }, "redeemed-error-text": { "ui:widget": "textArea", "ui:name": "Redeemed code error message", "ui:help": "Display this message when the coupon code has already been redeemed." }, "text-align": { "ui:name": "Coupon code alignment", "ui:help": "" }, "tooltip-lifespan": { "ui:name": "Tooltip lifespan", "ui:help": "The number of milliseconds that the tooltip appears for" }, "tooltip-text": { "ui:name": "Tooltip text", "ui:help": "Shown inside a tooltip after someone has successfully copied the link to their clipboard." } }, "traits": [{ "name": "copy-button-style", "type": "string", "title": "Style", "enum": ["icon", "button-outside", "button-below"], "enumNames": ["Icon", "Button outside", "Button below"] }, { "name": "cancelled-error-text", "type": "string", "title": "Cancelled code error message" }, { "name": "copy-button-label", "type": "string", "title": "Copy button label" }, { "name": "coupon-code-label", "type": "string", "title": "Coupon code label" }, { "name": "coupon-code-placeholder", "type": "string", "title": "Coupon code placeholder" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "expired-error-text", "type": "string", "title": "Expired code error message" }, { "name": "fullfilled-error-text", "type": "string", "title": "Code fulfillment error message" }, { "name": "error-text", "type": "string", "title": "Code retrieval error message" }, { "name": "pending-error-text", "type": "string", "title": "Code pending error message" }, { "name": "program-id", "type": "string", "title": "Program ID" }, { "name": "redeemed-error-text", "type": "string", "title": "Redeemed code error message" }, { "name": "text-align", "type": "string", "title": "Coupon code alignment", "enum": ["left", "center", "right"], "enumNames": ["Left", "Center", "Right"] }, { "name": "tooltip-lifespan", "type": "number", "title": "Tooltip lifespan" }, { "name": "tooltip-text", "type": "string", "title": "Tooltip text" }] }, { "tag": "sqm-divided-layout", "name": "Divided Layout", "uiSchema": { "direction": { "ui:name": "Direction", "ui:help": "" }, "divider-style": { "ui:name": "Border style", "ui:help": "Uses Shorthand CSS border syntax allowing specification of thickness, fill style and color." } }, "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": "This name is used as the key for this form field on submission. The name must be unique within this specific form." }, "dropdown-optional": { "ui:name": "Optional", "ui:help": "" }, "error-message": { "ui:name": "Unselected error message", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "dropdown-label", "type": "string", "title": "Dropdown label" }, { "name": "dropdown-name", "type": "string", "title": "Dropdown name attribute" }, { "name": "dropdown-optional", "type": "boolean", "title": "Optional" }, { "name": "error-message", "type": "string", "title": "Unselected error message" }] }, { "tag": "sqm-edit-profile", "name": "Microsite Edit Profile", "uiSchema": { "canceltext": { "ui:name": "Cancel button text", "ui:help": "" }, "currentregiontext": { "ui:name": "Region field label", "ui:help": "" }, "demoData": { "ui:help": "" }, "editprofileheader": { "ui:name": "Heading", "ui:help": "" }, "editprofiletext": { "ui:name": "Edit profile text", "ui:help": "Enable editing button text" }, "firstnametext": { "ui:name": "First name label", "ui:help": "" }, "lastnametext": { "ui:name": "Last name label", "ui:help": "" }, "showregion": { "ui:name": "Show region", "ui:help": "Show or hide current region" }, "updatetext": { "ui:name": "Info button text", "ui:help": "" } }, "traits": [{ "name": "canceltext", "type": "string", "title": "Cancel button text" }, { "name": "currentregiontext", "type": "string", "title": "Region field label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "editprofileheader", "type": "string", "title": "Heading" }, { "name": "editprofiletext", "type": "string", "title": "Edit profile text" }, { "name": "firstnametext", "type": "string", "title": "First name label" }, { "name": "lastnametext", "type": "string", "title": "Last name label" }, { "name": "showregion", "type": "boolean", "title": "Show region" }, { "name": "updatetext", "type": "string", "title": "Info button text" }] }, { "tag": "sqm-empty", "name": "Empty State Content", "uiSchema": { "empty-state-header": { "ui:name": "Title", "ui:help": "" }, "empty-state-image": { "ui:widget": "ImageUpload", "ui:name": "Image", "ui:help": "" }, "empty-state-text": { "ui:widget": "textArea", "ui:name": "Description", "ui:help": "" } }, "traits": [{ "name": "empty-state-header", "type": "string", "title": "Title" }, { "name": "empty-state-image", "type": "string", "title": "Image" }, { "name": "empty-state-text", "type": "string", "title": "Description" }] }, { "tag": "sqm-form-message", "name": "Form Message", "uiSchema": { "icon": { "ui:name": "Icon", "ui:help": "Icon to use in alert. Use icon values from Shoelace (e.g. \"star\" or \"heart\") at https://shoelace.style/components/icon" }, "type": { "ui:name": "Alert type", "ui:help": "Options include \"success\", \"info\", \"warning\", and \"error\"" } }, "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-header-logo", "name": "Header Logo", "uiSchema": { "height": { "ui:name": "Logo height", "ui:help": "" }, "image-url": { "ui:widget": "ImageUpload", "ui:name": "Logo image", "ui:help": "" }, "next-page": { "ui:widget": "pageSelect", "ui:name": "Redirect path", "ui:help": "Page participants are navigated to after clicking the header logo." } }, "traits": [{ "name": "height", "type": "number", "title": "Logo height" }, { "name": "image-url", "type": "string", "title": "Logo image" }, { "name": "next-page", "type": "string", "title": "Redirect path" }] }, { "tag": "sqm-hero", "name": "Hero Layout", "uiSchema": { "background": { "ui:widget": "Background", "ui:name": "Background", "ui:help": "Can be an image url, colour or Shoelace variable." }, "columns": { "ui:name": "Columns", "ui:help": "" }, "min-height": { "ui:name": "Minimum height (in px)", "ui:help": "Minimum height of each column including when they are stacked on mobile" }, "padding-size": { "ui:name": "Padding size", "ui:help": "" }, "secondary-background": { "ui:widget": "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": "min-height", "type": "number", "title": "Minimum height (in px)" }, { "name": "padding-size", "type": "\"large\" | \"medium\" | \"none\" | \"small\"", "title": "Padding size", "enum": ["none", "small", "medium", "large"], "enumNames": ["None", "Small", "Medium", "Large"] }, { "name": "secondary-background", "type": "string", "title": "Secondary background" }, { "name": "wrap-direction", "type": "\"wrap\" | \"wrap-reverse\"", "title": "Wrap direction", "enum": ["wrap", "wrap-reverse"], "enumNames": ["Wrap", "Wrap Reverse"] }] }, { "tag": "sqm-hero-image", "name": "Hero Image", "uiSchema": { "background-color": { "ui:widget": "color", "ui:name": "Background color", "ui:help": "" }, "button-link": { "ui:name": "Button link", "ui:help": "" }, "button-new-tab": { "ui:name": "Open link in new tab", "ui:help": "" }, "button-text": { "ui:name": "Button text", "ui:help": "" }, "description": { "ui:widget": "textArea", "ui:name": "Description", "ui:help": "" }, "header": { "ui:name": "Title", "ui:help": "" }, "image-mobile-pos": { "ui:name": "Image mobile position", "ui:help": "" }, "image-percentage": { "ui:name": "Image percentage", "ui:help": "" }, "image-pos": { "ui:name": "Image position", "ui:help": "" }, "image-url": { "ui:widget": "ImageUpload", "ui:name": "Image", "ui:help": "" }, "layout": { "ui:name": "Image layout", "ui:help": "" }, "overlay-color": { "ui:widget": "color", "ui:name": "Overlay color", "ui:help": "" }, "overlay-opacity": { "ui:name": "Overlay opacity", "ui:help": "" }, "padding-image": { "ui:name": "Image padding", "ui:help": "" }, "padding-text": { "ui:name": "Text padding", "ui:help": "" }, "text-color": { "ui:widget": "color", "ui:name": "Text color", "ui:help": "" } }, "traits": [{ "name": "background-color", "type": "string", "title": "Background color" }, { "name": "button-link", "type": "string", "title": "Button link" }, { "name": "button-new-tab", "type": "boolean", "title": "Open link in new tab" }, { "name": "button-text", "type": "string", "title": "Button text" }, { "name": "description", "type": "string", "title": "Description" }, { "name": "header", "type": "string", "title": "Title" }, { "name": "image-mobile-pos", "type": "string", "title": "Image mobile position", "enum": ["top", "bottom"], "enumNames": ["Top", "Bottom"] }, { "name": "image-percentage", "type": "number", "title": "Image percentage" }, { "name": "image-pos", "type": "string", "title": "Image position", "enum": ["left", "center", "right"], "enumNames": ["Left", "Center", "Right"] }, { "name": "image-url", "type": "string", "title": "Image" }, { "name": "layout", "type": "string", "title": "Image layout", "enum": ["overlay", "columns"], "enumNames": ["Overlay", "Two-column"] }, { "name": "overlay-color", "type": "string", "title": "Overlay color" }, { "name": "overlay-opacity", "type": "string", "title": "Overlay opacity" }, { "name": "padding-image", "type": "string", "title": "Image padding", "enum": ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"], "enumNames": ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"] }, { "name": "padding-text", "type": "string", "title": "Text padding", "enum": ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"], "enumNames": ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"] }, { "name": "text-color", "type": "string", "title": "Text color" }] }, { "tag": "sqm-hook-story-container", "name": "sqm-hook-story-container", "uiSchema": { "hookStory": { "ui:help": "" } }, "traits": [{ "name": "hookStory", "type": "FunctionalComponent<{}>", "title": "hookStory" }] }, { "tag": "sqm-image", "name": "Image", "uiSchema": { "alignment": { "ui:name": "Position alignment", "ui:help": "" }, "background-color": { "ui:widget": "color", "ui:name": "Background color", "ui:help": "" }, "image-url": { "ui:widget": "ImageUpload", "ui:name": "Image link", "ui:help": "" }, "min-height": { "ui:name": "Minimum height", "ui:help": "(Optional) Helps with constraining the minimum image size. Can be a pixel value or a percentage i.e. \"500px\", \"33%\", etc." } }, "traits": [{ "name": "alignment", "type": "string", "title": "Position alignment", "enum": ["left", "center", "right"], "enumNames": ["Left", "Center", "Right"] }, { "name": "background-color", "type": "string", "title": "Background color" }, { "name": "image-url", "type": "string", "title": "Image link" }, { "name": "min-height", "type": "string", "title": "Minimum height" }] }, { "tag": "sqm-input-field", "name": "Form Input Field", "uiSchema": { "demoData": { "ui:help": "" }, "error-message": { "ui:name": "Required error message", "ui:help": "" }, "field-label": { "ui:name": "Input label", "ui:help": "" }, "field-name": { "ui:name": "Input name attribute", "ui:help": "This name is used as the key for this form field on submission. The name must be unique within this specific form." }, "field-optional": { "ui:name": "Optional", "ui:help": "" }, "field-type": { "ui:name": "Input type", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "error-message", "type": "string", "title": "Required error message" }, { "name": "field-label", "type": "string", "title": "Input label" }, { "name": "field-name", "type": "string", "title": "Input name attribute" }, { "name": "field-optional", "type": "boolean", "title": "Optional" }, { "name": "field-type", "type": "string", "title": "Input type", "enum": ["text", "date", "tel"], "enumNames": ["Text", "Date", "Phone Number"] }] }, { "tag": "sqm-instant-access-registration", "name": "Instant Access Registration", "uiSchema": { "background-color": { "ui:widget": "color", "ui:name": "Background color", "ui:help": "" }, "demoData": { "ui:help": "" }, "email-label": { "ui:name": "Email field label", "ui:help": "" }, "first-name-label": { "ui:name": "First name field label", "ui:help": "" }, "hide-border": { "ui:name": "Hide border", "ui:help": "" }, "include-cookies": { "ui:help": "" }, "include-name": { "ui:name": "Include name fields", "ui:help": "Require your participants to enter their first and last name." }, "invalid-email-error-message": { "ui:widget": "textArea", "ui:name": "Invalid email message", "ui:help": "Display this message when the given email is invalid." }, "last-name-label": { "ui:name": "Last name field label", "ui:help": "" }, "network-error-message": { "ui:widget": "textArea", "ui:name": "Network error message", "ui:help": "Display this message when the form submission unexpectedly fails." }, "padding-bottom": { "ui:name": "Bottom padding", "ui:help": "" }, "padding-left": { "ui:name": "Left padding", "ui:help": "" }, "padding-right": { "ui:name": "Right padding", "ui:help": "" }, "padding-top": { "ui:name": "Top padding", "ui:help": "" }, "register-label": { "ui:name": "Register button text", "ui:help": "" }, "required-field-error-message": { "ui:widget": "textArea", "ui:name": "Required field message", "ui:help": "Display this message when a required field has not been filled out." } }, "traits": [{ "name": "background-color", "type": "string", "title": "Background color" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-label", "type": "string", "title": "Email field label" }, { "name": "first-name-label", "type": "string", "title": "First name field label" }, { "name": "hide-border", "type": "boolean", "title": "Hide border" }, { "name": "include-cookies", "type": "boolean", "title": "include-cookies" }, { "name": "include-name", "type": "boolean", "title": "Include name fields" }, { "name": "invalid-email-error-message", "type": "string", "title": "Invalid email message" }, { "name": "last-name-label", "type": "string", "title": "Last name field label" }, { "name": "network-error-message", "type": "string", "title": "Network error message" }, { "name": "padding-bottom", "type": "string", "title": "Bottom 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-left", "type": "string", "title": "Left 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-right", "type": "string", "title": "Right 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-top", "type": "string", "title": "Top 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": "register-label", "type": "string", "title": "Register button text" }, { "name": "required-field-error-message", "type": "string", "title": "Required field message" }] }, { "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-link-button", "name": "Link Button", "uiSchema": { "button-text": { "ui:name": "Button text", "ui:help": "" }, "link": { "ui:name": "Link", "ui:help": "Enter the URL where you want your participants redirected. Example: https://www.example.com" }, "open-in-new-tab": { "ui:name": "Open link in new tab", "ui:help": "" } }, "traits": [{ "name": "button-text", "type": "string", "title": "Button text" }, { "name": "link", "type": "string", "title": "Link" }, { "name": "open-in-new-tab", "type": "boolean", "title": "Open link in new tab" }] }, { "tag": "sqm-logout-current-user", "name": "Sign out current user", "uiSchema": { "demoData": { "ui:name": "Switch user button link", "ui:help": "" }, "switch-user-text": { "ui:name": "Switch user button label", "ui:help": "" }, "user-identification-text": { "ui:name": "User identification text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "{ loading?: boolean; copyString?: string; tooltiptext?: string; open?: boolean; copyButtonLabel?: string; disabled?: boolean; textAlign?: \"left\" | \"right\" | \"center\"; buttonStyle?: \"icon\" | \"button-outside\" | \"button-below\"; error?: boolean; errorText?: string; inputPlaceholderText?: string; dateAvailable?: string; onClick?: () => void; }", "title": "Switch user button link" }, { "name": "switch-user-text", "type": "string", "title": "Switch user button label" }, { "name": "user-identification-text", "type": "string", "title": "User identification text" }] }, { "tag": "sqm-name-fields", "name": "Form Name Fields", "uiSchema": { "demoData": { "ui:help": "" }, "first-name-label": { "ui:name": "First name label", "ui:help": "" }, "last-name-label": { "ui:name": "Last name label", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "first-name-label", "type": "string", "title": "First name label" }, { "name": "last-name-label", "type": "string", "title": "Last name label" }] }, { "tag": "sqm-navigation-menu", "name": "Navigation Menu", "uiSchema": { "demoData": { "ui:help": "" }, "include-dropdown": { "ui:name": "Include dropdown menu", "ui:help": "" }, "menu-label": { "ui:name": "Menu label", "ui:help": "Label on the header menu" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "include-dropdown", "type": "boolean", "title": "Include dropdown menu" }, { "name": "menu-label", "type": "string", "title": "Menu label" }] }, { "tag": "sqm-navigation-sidebar", "name": "Microsite Sidebar", "uiSchema": {}, "traits": [] }, { "tag": "sqm-navigation-sidebar-item", "name": "Microsite Sidebar Item", "uiSchema": { "demoData": { "ui:help": "" }, "icon": { "ui:name": "Icon", "ui:help": "Options available at https://shoelace.style/components/icon" }, "label": { "ui:name": "Label", "ui:help": "" }, "path": { "ui:widget": "pageSelect", "ui:name": "Navigation path", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "icon", "type": "string", "title": "Icon" }, { "name": "label", "type": "string", "title": "Label" }, { "name": "path", "type": "string", "title": "Navigation path" }] }, { "tag": "sqm-password-field", "name": "Form Password Field", "uiSchema": { "demoData": { "ui:help": "" }, "disable-validation": { "ui:name": "Disable validation", "ui:help": "Disable live password validation" }, "does-not-meet-requirements-text": { "ui:name": "Fails requirements text", "ui:help": "" }, "field-label": { "ui:name": "Password label", "ui:help": "Label for password field" }, "has-error-text": { "ui:name": "Missing number or symbol error text", "ui:help": "" }, "lowercase-error-text": { "ui:name": "Missing lowercase text", "ui:help": "" }, "meets-requirements-text": { "ui:name": "Meets requirements text", "ui:help": "" }, "min-error-text": { "ui:name": "Minimum length text", "ui:help": "" }, "uppercase-error-text": { "ui:name": "Missing uppercase text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "disable-validation", "type": "boolean", "title": "Disable validation" }, { "name": "does-not-meet-requirements-text", "type": "string", "title": "Fails requirements text" }, { "name": "field-label", "type": "string", "title": "Password label" }, { "name": "has-error-text", "type": "string", "title": "Missing number or symbol error text" }, { "name": "lowercase-error-text", "type": "string", "title": "Missing lowercase text" }, { "name": "meets-requirements-text", "type": "string", "title": "Meets requirements text" }, { "name": "min-error-text", "type": "string", "title": "Minimum length text" }, { "name": "uppercase-error-text", "type": "string", "title": "Missing uppercase text" }] }, { "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 with SaaSquatch by Impact.com link" } }, "traits": [{ "name": "close-button", "type": "boolean", "title": "Show close button" }, { "name": "close-button-text", "type": "string", "title": "Close button text" }, { "name": "embed-padding", "type": "string", "title": "Embed padding", "enum": ["none", "small", "medium", "large"], "enumNames": ["None", "Small", "Medium", "Large"] }, { "name": "popup-padding", "type": "string", "title": "Popup padding", "enum": ["none", "small", "medium", "large"], "enumNames": ["None", "Small", "Medium", "Large"] }, { "name": "powered-by", "type": "boolean", "title": "Show powered by" }] }, { "tag": "sqm-portal-change-password", "name": "Microsite Password Change", "uiSchema": { "cancel-text": { "ui:name": "Cancel button text", "ui:help": "Found in modal" }, "change-password-button-text": { "ui:name": "Change password button text", "ui:help": "Found in modal" }, "confirm-password-field-label": { "ui:name": "Confirm password Label", "ui:help": "Found in modal" }, "demoData": { "ui:help": "" }, "does-not-meet-requirements-text": { "ui:name": "Fails requirements text", "ui:help": "" }, "has-error-text": { "ui:name": "Missing number or symbol error text", "ui:help": "" }, "lowercase-error-text": { "ui:name": "Missing lowercase text", "ui:help": "" }, "meets-requirements-text": { "ui:name": "Meets requirements text", "ui:help": "" }, "min-error-text": { "ui:name": "Minimum length text", "ui:help": "" }, "modal-change-password-header": { "ui:name": "Change password modal header", "ui:help": "" }, "password-field-label": { "ui:name": "New password field label", "ui:help": "Found in modal" }, "portal-change-password-button-text": { "ui:name": "Change password button text", "ui:help": "" }, "portal-change-password-header": { "ui:name": "Change password header", "ui:help": "Portal change password section header" }, "success-message": { "ui:widget": "textArea", "ui:name": "Successful password change message", "ui:help": "Successful password change message" }, "uppercase-error-text": { "ui:name": "Missing uppercase text", "ui:help": "" } }, "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": "does-not-meet-requirements-text", "type": "string", "title": "Fails requirements text" }, { "name": "has-error-text", "type": "string", "title": "Missing number or symbol error text" }, { "name": "lowercase-error-text", "type": "string", "title": "Missing lowercase text" }, { "name": "meets-requirements-text", "type": "string", "title": "Meets requirements text" }, { "name": "min-error-text", "type": "string", "title": "Minimum length text" }, { "name": "modal-change-password-header", "type": "string", "title": "Change password modal header" }, { "name": "password-field-label", "type": "string", "title": "New password field label" }, { "name": "portal-change-password-button-text", "type": "string", "title": "Change password button text" }, { "name": "portal-change-password-header", "type": "string", "title": "Change password header" }, { "name": "success-message", "type": "string", "title": "Successful password change message" }, { "name": "uppercase-error-text", "type": "string", "title": "Missing uppercase text" }] }, { "tag": "sqm-portal-container", "name": "Container", "uiSchema": { "background-color": { "ui:widget": "color", "ui:name": "Background color", "ui:help": "" }, "center": { "ui:name": "Center content", "ui:help": "" }, "direction": { "ui:name": "Direction", "ui:help": "" }, "display": { "ui:name": "Display", "ui:help": "" }, "gap": { "ui:name": "Gap", "ui:help": "" }, "justify-content": { "ui:name": "Justify content", "ui:help": "Define how this container distributes its contents along the main-axis." }, "max-width": { "ui:name": "Maximum width", "ui:help": "" }, "min-width": { "ui:name": "Minimum width", "ui:help": "" }, "padding": { "ui:name": "Padding", "ui:help": "" } }, "traits": [{ "name": "background-color", "type": "string", "title": "Background color" }, { "name": "center", "type": "boolean", "title": "Center content" }, { "name": "direction", "type": "string", "title": "Direction", "enum": ["row", "column"], "enumNames": ["Row", "Column"] }, { "name": "display", "type": "string", "title": "Display", "enum": ["grid", "flex"], "enumNames": ["Grid", "Flex"] }, { "name": "gap", "type": "string", "title": "Gap", "enum": ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"], "enumNames": ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"] }, { "name": "justify-content", "type": "string", "title": "Justify content", "enum": ["start", "center", "end", "space-between", "space-around", "space-evenly"], "enumNames": ["Start", "Center", "End", "Space Between", "Space Around", "Space Evenly"] }, { "name": "max-width", "type": "string", "title": "Maximum width" }, { "name": "min-width", "type": "string", "title": "Minimum width" }, { "name": "padding", "type": "string", "title": "Padding", "enum": ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"], "enumNames": ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"] }] }, { "tag": "sqm-portal-email-verification", "name": "Microsite Email Verification", "uiSchema": { "demoData": { "ui:help": "" }, "email-verification-header": { "ui:name": "Email verification header text", "ui:help": "" }, "redirect-path": { "ui:widget": "pageSelect", "ui:name": "Email redirect", "ui:help": "Redirect participants to this page from their verification email." }, "resend-email-button-text": { "ui:name": "Re-send email button text", "ui:help": "" }, "verification-loading-message": { "ui:widget": "textArea", "ui:name": "Email verification checking text", "ui:help": "" }, "verification-resent-message": { "ui:widget": "textArea", "ui:name": "Email verification resent text", "ui:help": "" }, "verification-status-message": { "ui:widget": "textArea", "ui:name": "Email verification status text", "ui:help": "" }, "verify-message": { "ui:widget": "textArea", "ui:name": "Email verification body text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-verification-header", "type": "string", "title": "Email verification header text" }, { "name": "redirect-path", "type": "string", "title": "Email redirect" }, { "name": "resend-email-button-text", "type": "string", "title": "Re-send email button text" }, { "name": "verification-loading-message", "type": "string", "title": "Email verification checking text" }, { "name": "verification-resent-message", "type": "string", "title": "Email verification resent text" }, { "name": "verification-status-message", "type": "string", "title": "Email verification status text" }, { "name": "verify-message", "type": "string", "title": "Email verification body text" }] }, { "tag": "sqm-portal-footer", "name": "Footer", "uiSchema": { "faq-link": { "ui:name": "FAQ link", "ui:help": "" }, "faq-text": { "ui:name": "FAQ text", "ui:help": "" }, "hide-powered-by": { "ui:name": "Hide powered with SaaSquatch by Impact.com", "ui:help": "" }, "hide-support-text": { "ui:name": "Hide support message", "ui:help": "" }, "padding-bottom": { "ui:name": "Bottom padding", "ui:help": "" }, "padding-left": { "ui:name": "Left padding", "ui:help": "" }, "padding-right": { "ui:name": "Right padding", "ui:help": "" }, "padding-top": { "ui:name": "Top padding", "ui:help": "" }, "powered-by-link": { "ui:name": "Powered By link", "ui:help": "" }, "support-email": { "ui:name": "Support email", "ui:help": "" }, "support-text": { "ui:widget": "textArea", "ui:name": "Support message", "ui:help": "" }, "terms-link": { "ui:name": "Terms and conditions link", "ui:help": "" }, "terms-text": { "ui:name": "Terms and conditions text", "ui:help": "" } }, "traits": [{ "name": "faq-link", "type": "string", "title": "FAQ link" }, { "name": "faq-text", "type": "string", "title": "FAQ text" }, { "name": "hide-powered-by", "type": "boolean", "title": "Hide powered with SaaSquatch by Impact.com" }, { "name": "hide-support-text", "type": "boolean", "title": "Hide support message" }, { "name": "padding-bottom", "type": "string", "title": "Bottom 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-left", "type": "string", "title": "Left 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-right", "type": "string", "title": "Right 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-top", "type": "string", "title": "Top 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": "powered-by-link", "type": "string", "title": "Powered By link" }, { "name": "support-email", "type": "string", "title": "Support email" }, { "name": "support-text", "type": "string", "title": "Support message" }, { "name": "terms-link", "type": "string", "title": "Terms and conditions link" }, { "name": "terms-text", "type": "string", "title": "Terms and conditions text" }] }, { "tag": "sqm-portal-forgot-password", "name": "Microsite Forgot Password", "uiSchema": { "demoData": { "ui:help": "" }, "email-label": { "ui:name": "Email field label", "ui:help": "" }, "header-text": { "ui:widget": "textArea", "ui:name": "Header text", "ui:help": "" }, "login-path": { "ui:widget": "pageSelect", "ui:name": "Login redirect path", "ui:help": "" }, "login-text": { "ui:help": "Sign in link text" }, "redirect-path": { "ui:widget": "pageSelect", "ui:name": "Email redirect", "ui:help": "Redirect participants to this page after they verify their email." }, "submit-label": { "ui:name": "Password reset button text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-label", "type": "string", "title": "Email field label" }, { "name": "header-text", "type": "string", "title": "Header text" }, { "name": "login-path", "type": "string", "title": "Login redirect path" }, { "name": "login-text", "type": "string", "title": "login-text" }, { "name": "redirect-path", "type": "string", "title": "Email redirect" }, { "name": "submit-label", "type": "string", "title": "Password reset button text" }] }, { "tag": "sqm-portal-frame", "name": "Microsite Frame", "uiSchema": { "demoData": { "ui:help": "" }, "not-full-screen": { "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "not-full-screen", "type": "boolean", "title": "not-full-screen" }] }, { "tag": "sqm-portal-login", "name": "Microsite Login", "uiSchema": { "demoData": { "ui:help": "" }, "email-label": { "ui:name": "Email field label", "ui:help": "" }, "forgot-password-label": { "ui:name": "Forgot password text", "ui:help": "" }, "forgot-password-path": { "ui:widget": "pageSelect", "ui:name": "Forgot password redirect", "ui:help": "Redirect participants to this page to reset their password" }, "next-page": { "ui:widget": "pageSelect", "ui:name": "Login redirect", "ui:help": "Redirect participants to this page after they successfully login." }, "page-label": { "ui:widget": "textArea", "ui:name": "Heading label", "ui:help": "" }, "password-label": { "ui:name": "Password field label", "ui:help": "" }, "register-label": { "ui:name": "Register button text", "ui:help": "" }, "register-path": { "ui:widget": "pageSelect", "ui:name": "Register button redirect", "ui:help": "Redirect participants to this page to start registration." }, "submit-label": { "ui:name": "Submit button text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-label", "type": "string", "title": "Email field label" }, { "name": "forgot-password-label", "type": "string", "title": "Forgot password text" }, { "name": "forgot-password-path", "type": "string", "title": "Forgot password redirect" }, { "name": "next-page", "type": "string", "title": "Login redirect" }, { "name": "page-label", "type": "string", "title": "Heading label" }, { "name": "password-label", "type": "string", "title": "Password field label" }, { "name": "register-label", "type": "string", "title": "Register button text" }, { "name": "register-path", "type": "string", "title": "Register button redirect" }, { "name": "submit-label", "type": "string", "title": "Submit button text" }] }, { "tag": "sqm-portal-logout", "name": "Microsite Logout", "uiSchema": { "next-page": { "ui:widget": "pageSelect", "ui:name": "Logout redirect path", "ui:help": "Redirect participants to this page when they log out." } }, "traits": [{ "name": "next-page", "type": "string", "title": "Logout redirect path" }] }, { "tag": "sqm-portal-profile", "name": "Microsite Participant Profile", "uiSchema": { "countrytext": { "ui:name": "Country field label", "ui:help": "" }, "demoData": { "ui:help": "" }, "edit-profile-header": { "ui:name": "Edit profile header", "ui:help": "" }, "edit-profile-sub-header": { "ui:name": "Edit profile sub header", "ui:help": "" }, "emailtext": { "ui:name": "Email field label", "ui:help": "" }, "firstnametext": { "ui:name": "First name label", "ui:help": "" }, "hide-country": { "ui:name": "Hide country field", "ui:help": "" }, "lastnametext": { "ui:name": "Last name field label", "ui:help": "" }, "submit-change-button-text": { "ui:name": "Submit changes button text", "ui:help": "" } }, "traits": [{ "name": "countrytext", "type": "string", "title": "Country field label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "edit-profile-header", "type": "string", "title": "Edit profile header" }, { "name": "edit-profile-sub-header", "type": "string", "title": "Edit profile sub header" }, { "name": "emailtext", "type": "string", "title": "Email field label" }, { "name": "firstnametext", "type": "string", "title": "First name label" }, { "name": "hide-country", "type": "boolean", "title": "Hide country field" }, { "name": "lastnametext", "type": "string", "title": "Last name field label" }, { "name": "submit-change-button-text", "type": "string", "title": "Submit changes button text" }] }, { "tag": "sqm-portal-protected-route", "name": "Microsite Protected Route", "uiSchema": { "redirect-to": { "ui:name": "Unauthenticated participant redirect", "ui:help": "Redirect participants to this page they are not logged in." }, "redirect-to-unverified": { "ui:name": "Unverified participant redirect", "ui:help": "Redirect participants to this page when email verification is required but they have not verified their email." }, "require-email-verification": { "ui:name": "Require email verification", "ui:help": "" } }, "traits": [{ "name": "redirect-to", "type": "string", "title": "Unauthenticated participant redirect" }, { "name": "redirect-to-unverified", "type": "string", "title": "Unverified participant redirect" }, { "name": "require-email-verification", "type": "boolean", "title": "Require email verification" }] }, { "tag": "sqm-portal-register", "name": "Microsite Registration", "uiSchema": { "confirm-password": { "ui:name": "Show confirm password field", "ui:help": "" }, "confirm-password-label": { "ui:name": "Confirm password field label", "ui:help": "" }, "demoData": { "ui:help": "" }, "disable-password-validation": { "ui:name": "Disable password validation", "ui:help": "" }, "does-not-meet-requirements-text": { "ui:name": "Fails requirements text", "ui:help": "" }, "email-label": { "ui:name": "Email field label", "ui:help": "" }, "has-error-text": { "ui:name": "Missing number or symbol error text", "ui:help": "" }, "hide-inputs": { "ui:name": "Hide default fields", "ui:help": "Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes \"email\" and \"password\" for this form to succeed." }, "invalid-email-error-message": { "ui:widget": "textArea", "ui:name": "Invalid email message", "ui:help": "The message to be displayed when the email used is invalid or blocked." }, "login-label": { "ui:name": "Login button text", "ui:help": "" }, "login-path": { "ui:widget": "pageSelect", "ui:name": "Login redirect", "ui:help": "Redirect participants to this page after clicking the login button." }, "lowercase-error-text": { "ui:name": "Missing lowercase text", "ui:help": "" }, "meets-requirements-text": { "ui:name": "Meets requirements text", "ui:help": "" }, "min-error-text": { "ui:name": "Minimum length text", "ui:help": "" }, "network-error-message": { "ui:widget": "textArea", "ui:name": "Network error message", "ui:help": "The message to be displayed when a the form submission fails unexpectedly." }, "next-page": { "ui:widget": "pageSelect", "ui:name": "Registration redirect", "ui:help": "Redirect participants to this page from their verification email" }, "page-label": { "ui:name": "Header text", "ui:help": "" }, "password-label": { "ui:name": "Password field label", "ui:help": "" }, "password-mismatch-error-message": { "ui:widget": "textArea", "ui:name": "Password mismatch message", "ui:help": "The message to be displayed when password inputs do not match." }, "redirect-path": { "ui:widget": "pageSelect", "ui:name": "Email verification redirect", "ui:help": "The page that participants are redirected to from the verification email." }, "required-field-error-message": { "ui:widget": "textArea", "ui:name": "Required field message", "ui:help": "The message to be displayed when a required field is not filled." }, "submit-label": { "ui:name": "Submit button text", "ui:help": "" }, "uppercase-error-text": { "ui:name": "Missing uppercase text", "ui:help": "" } }, "traits": [{ "name": "confirm-password", "type": "boolean", "title": "Show confirm password field" }, { "name": "confirm-password-label", "type": "string", "title": "Confirm password field label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "disable-password-validation", "type": "boolean", "title": "Disable password validation" }, { "name": "does-not-meet-requirements-text", "type": "string", "title": "Fails requirements text" }, { "name": "email-label", "type": "string", "title": "Email field label" }, { "name": "has-error-text", "type": "string", "title": "Missing number or symbol error text" }, { "name": "hide-inputs", "type": "boolean", "title": "Hide default fields" }, { "name": "invalid-email-error-message", "type": "string", "title": "Invalid email message" }, { "name": "login-label", "type": "string", "title": "Login button text" }, { "name": "login-path", "type": "string", "title": "Login redirect" }, { "name": "lowercase-error-text", "type": "string", "title": "Missing lowercase text" }, { "name": "meets-requirements-text", "type": "string", "title": "Meets requirements text" }, { "name": "min-error-text", "type": "string", "title": "Minimum length text" }, { "name": "network-error-message", "type": "string", "title": "Network error message" }, { "name": "next-page", "type": "string", "title": "Registration redirect" }, { "name": "page-label", "type": "string", "title": "Header text" }, { "name": "password-label", "type": "string", "title": "Password field label" }, { "name": "password-mismatch-error-message", "type": "string", "title": "Password mismatch message" }, { "name": "redirect-path", "type": "string", "title": "Email verification redirect" }, { "name": "required-field-error-message", "type": "string", "title": "Required field message" }, { "name": "submit-label", "type": "string", "title": "Submit button text" }, { "name": "uppercase-error-text", "type": "string", "title": "Missing uppercase text" }] }, { "tag": "sqm-portal-registration-form", "name": "Microsite Registration", "uiSchema": { "confirm-password": { "ui:name": "Show confirm password field", "ui:help": "" }, "confirm-password-label": { "ui:name": "Confirm password field label", "ui:help": "" }, "demoData": { "ui:help": "" }, "disable-password-validation": { "ui:name": "Disable password validation", "ui:help": "" }, "does-not-meet-requirements-text": { "ui:name": "Fails requirements text", "ui:help": "" }, "email-label": { "ui:name": "Email field label", "ui:help": "" }, "form-disabled-error-message": { "ui:widget": "textArea", "ui:name": "Form disabled message", "ui:help": "The message to be displayed when the registration form is disabled." }, "form-key": { "ui:name": "Form key", "ui:help": "The key of the registration form used for this microsite." }, "has-error-text": { "ui:name": "Missing number or symbol error text", "ui:help": "" }, "hide-inputs": { "ui:name": "Hide default fields", "ui:help": "Hides the email and password fields. Note: If you hide default inputs, you must add additional input fields. They must have the input name attributes \"email\" and \"password\" for this form to succeed." }, "invalid-email-error-message": { "ui:widget": "textArea", "ui:name": "Invalid email message", "ui:help": "The message to be displayed when the email used is invalid or blocked." }, "login-label": { "ui:name": "Login button text", "ui:help": "" }, "login-path": { "ui:widget": "pageSelect", "ui:name": "Login redirect", "ui:help": "Redirect participants to this page after clicking the login button." }, "lowercase-error-text": { "ui:name": "Missing lowercase text", "ui:help": "" }, "meets-requirements-text": { "ui:name": "Meets requirements text", "ui:help": "" }, "min-error-text": { "ui:name": "Minimum length text", "ui:help": "" }, "network-error-message": { "ui:widget": "textArea", "ui:name": "Network error message", "ui:help": "The message to be displayed when a the form submission fails unexpectedly." }, "next-page": { "ui:widget": "pageSelect", "ui:name": "Registration redirect", "ui:help": "Redirect participants to this page after they successfully register." }, "page-label": { "ui:name": "Header text", "ui:help": "" }, "password-label": { "ui:name": "Password field label", "ui:help": "" }, "password-mismatch-error-message": { "ui:widget": "textArea", "ui:name": "Password mismatch message", "ui:help": "The message to be displayed when password inputs do not match." }, "redirect-path": { "ui:widget": "pageSelect", "ui:name": "Email verification redirect", "ui:help": "Redirect participants to this page from their verification email" }, "required-field-error-message": { "ui:widget": "textArea", "ui:name": "Required field message", "ui:help": "The message to be displayed when a required field is not filled." }, "submit-label": { "ui:name": "Submit button text", "ui:help": "" }, "uppercase-error-text": { "ui:name": "Missing uppercase text", "ui:help": "" }, "use-browser-locale": { "ui:name": "Use browser locale", "ui:help": "Saves the browser locale on the new user" } }, "traits": [{ "name": "confirm-password", "type": "boolean", "title": "Show confirm password field" }, { "name": "confirm-password-label", "type": "string", "title": "Confirm password field label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "disable-password-validation", "type": "boolean", "title": "Disable password validation" }, { "name": "does-not-meet-requirements-text", "type": "string", "title": "Fails requirements text" }, { "name": "email-label", "type": "string", "title": "Email field label" }, { "name": "form-disabled-error-message", "type": "string", "title": "Form disabled message" }, { "name": "form-key", "type": "string", "title": "Form key" }, { "name": "has-error-text", "type": "string", "title": "Missing number or symbol error text" }, { "name": "hide-inputs", "type": "boolean", "title": "Hide default fields" }, { "name": "invalid-email-error-message", "type": "string", "title": "Invalid email message" }, { "name": "login-label", "type": "string", "title": "Login button text" }, { "name": "login-path", "type": "string", "title": "Login redirect" }, { "name": "lowercase-error-text", "type": "string", "title": "Missing lowercase text" }, { "name": "meets-requirements-text", "type": "string", "title": "Meets requirements text" }, { "name": "min-error-text", "type": "string", "title": "Minimum length text" }, { "name": "network-error-message", "type": "string", "title": "Network error message" }, { "name": "next-page", "type": "string", "title": "Registration redirect" }, { "name": "page-label", "type": "string", "title": "Header text" }, { "name": "password-label", "type": "string", "title": "Password field label" }, { "name": "password-mismatch-error-message", "type": "string", "title": "Password mismatch message" }, { "name": "redirect-path", "type": "string", "title": "Email verification redirect" }, { "name": "required-field-error-message", "type": "string", "title": "Required field message" }, { "name": "submit-label", "type": "string", "title": "Submit button text" }, { "name": "uppercase-error-text", "type": "string", "title": "Missing uppercase text" }, { "name": "use-browser-locale", "type": "boolean", "title": "Use browser locale" }] }, { "tag": "sqm-portal-reset-password", "name": "Microsite Reset Password", "uiSchema": { "confirm-password": { "ui:name": "Show confirm password field", "ui:help": "" }, "confirm-password-field-label": { "ui:name": "Password confirmation field label", "ui:help": "" }, "continue-button-text": { "ui:name": "Continue button text", "ui:help": "Button text displayed after a successful password reset." }, "demoData": { "ui:help": "" }, "does-not-meet-requirements-text": { "ui:name": "Fails requirements text", "ui:help": "" }, "failed-page": { "ui:widget": "pageSelect", "ui:name": "Failed reset redirect", "ui:help": "Redirect participants to this page if password reset fails due to an outdated reset attempt." }, "has-error-text": { "ui:name": "Missing number or symbol error text", "ui:help": "" }, "lowercase-error-text": { "ui:name": "Missing lowercase text", "ui:help": "" }, "meets-requirements-text": { "ui:name": "Meets requirements text", "ui:help": "" }, "min-error-text": { "ui:name": "Minimum length text", "ui:help": "" }, "next-page": { "ui:widget": "pageSelect", "ui:name": "Successful reset redirect", "ui:help": "Redirect participants to this page when they successfully reset their password." }, "password-field-label": { "ui:name": "Password field label", "ui:help": "" }, "password-reset-header": { "ui:widget": "textArea", "ui:name": "Successful password reset text", "ui:help": "Displayed after a successful password reset." }, "reset-password-button-text": { "ui:name": "Password reset button text", "ui:help": "" }, "reset-password-header": { "ui:name": "Reset password header text", "ui:help": "" }, "uppercase-error-text": { "ui:name": "Missing uppercase text", "ui:help": "" } }, "traits": [{ "name": "confirm-password", "type": "boolean", "title": "Show confirm password field" }, { "name": "confirm-password-field-label", "type": "string", "title": "Password confirmation field label" }, { "name": "continue-button-text", "type": "string", "title": "Continue button text" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "does-not-meet-requirements-text", "type": "string", "title": "Fails requirements text" }, { "name": "failed-page", "type": "string", "title": "Failed reset redirect" }, { "name": "has-error-text", "type": "string", "title": "Missing number or symbol error text" }, { "name": "lowercase-error-text", "type": "string", "title": "Missing lowercase text" }, { "name": "meets-requirements-text", "type": "string", "title": "Meets requirements text" }, { "name": "min-error-text", "type": "string", "title": "Minimum length text" }, { "name": "next-page", "type": "string", "title": "Successful reset redirect" }, { "name": "password-field-label", "type": "string", "title": "Password field label" }, { "name": "password-reset-header", "type": "string", "title": "Successful password reset text" }, { "name": "reset-password-button-text", "type": "string", "title": "Password reset button text" }, { "name": "reset-password-header", "type": "string", "title": "Reset password header text" }, { "name": "uppercase-error-text", "type": "string", "title": "Missing uppercase text" }] }, { "tag": "sqm-portal-verify-email", "name": "Microsite Verify Email", "uiSchema": { "demoData": { "ui:help": "" }, "failed-page": { "ui:widget": "pageSelect", "ui:name": "Failed verification redirect", "ui:help": "Redirect participants to this page if verification fails due to an outdated verification attempt." }, "next-page": { "ui:widget": "pageSelect", "ui:name": "Successful verification redirect", "ui:help": "Redirect participants to this page when they successfully verify their email." }, "verify-email-text": { "ui:widget": "textArea", "ui:name": "Verify email text", "ui:help": "" }, "verify-invalid-text": { "ui:widget": "textArea", "ui:name": "Email verification invalid text", "ui:help": "" }, "verify-success-text": { "ui:widget": "textArea", "ui:name": "Email verification success text", "ui:help": "" } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "failed-page", "type": "string", "title": "Failed verification redirect" }, { "name": "next-page", "type": "string", "title": "Successful verification redirect" }, { "name": "verify-email-text", "type": "string", "title": "Verify email text" }, { "name": "verify-invalid-text", "type": "string", "title": "Email verification invalid text" }, { "name": "verify-success-text", "type": "string", "title": "Email verification success text" }] }, { "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": { "background-color": { "ui:widget": "color", "ui:name": "Background color", "ui:help": "" }, "hide-border": { "ui:name": "Hide border", "ui:help": "" }, "limit-width": { "ui:name": "Limit width", "ui:help": "" }, "padding-bottom": { "ui:name": "Bottom padding", "ui:help": "" }, "padding-left": { "ui:name": "Left padding", "ui:help": "" }, "padding-right": { "ui:name": "Right padding", "ui:help": "" }, "padding-top": { "ui:name": "Top padding", "ui:help": "" }, "vertical-alignment": { "ui:name": "Vertical alignment", "ui:help": "" } }, "traits": [{ "name": "background-color", "type": "string", "title": "Background color" }, { "name": "hide-border", "type": "boolean", "title": "Hide border" }, { "name": "limit-width", "type": "boolean", "title": "Limit width" }, { "name": "padding-bottom", "type": "string", "title": "Bottom 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-left", "type": "string", "title": "Left 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-right", "type": "string", "title": "Right 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-top", "type": "string", "title": "Top 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": "vertical-alignment", "type": "string", "title": "Vertical alignment", "enum": ["start", "center", "end"], "enumNames": ["Top", "Center", "Bottom"] }] }, { "tag": "sqm-referral-iframe", "name": "Referral IFrame", "uiSchema": { "demoData": { "ui:help": "" }, "iframe-height": { "ui:name": "IFrame height", "ui:help": "Define the height of the iframe with any valid CSS height value. Example: 100px, 5rem, or auto." }, "iframe-src": { "ui:name": "IFrame source", "ui:help": "URL of iframe to display" }, "iframe-width": { "ui:name": "IFrame width", "ui:help": "Define the width of the iframe with any valid CSS width value. Example: 100px, 5rem, or auto." } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "iframe-height", "type": "string", "title": "IFrame height" }, { "name": "iframe-src", "type": "string", "title": "IFrame source" }, { "name": "iframe-width", "type": "string", "title": "IFrame width" }] }, { "tag": "sqm-referral-table", "name": "Referral Table", "uiSchema": { "demoData": { "ui:help": "" }, "hidden-columns": { "ui:name": "Hidden mobile columns", "ui:help": "Provide the column numbers (0 indexed) that should not be displayed in mobile views. Ex. 0,2,3" }, "hide-labels": { "ui:name": "Hide column labels", "ui:help": "" }, "md-breakpoint": { "ui:name": "Tablet breakpoint", "ui:help": "" }, "more-label": { "ui:name": "View More button text", "ui:help": "" }, "per-page": { "ui:name": "Referrals per page", "ui:help": "Number of referrals displayed per page" }, "prev-label": { "ui:name": "Previous button text", "ui:help": "" }, "program-id": { "ui:widget": "programSelector", "ui:name": "Program", "ui:help": "Filters to only show referrals in this program. Will default to filtering by the program context where\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": { "denied-help-text": { "ui:help": "" }, "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": "denied-help-text", "type": "string", "title": "denied-help-text" }, { "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": "" }, "denied-help-text": { "ui:name": "Reward denied help text", "ui:help": "Shown in the dropdown details when a reward was denied." }, "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": "denied-help-text", "type": "string", "title": "Reward denied help text" }, { "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": "" }, "fraud-status": { "ui:help": "" }, "status-sub-text": { "ui:help": "" }, "status-text": { "ui:help": "" } }, "traits": [{ "name": "converted", "type": "boolean", "title": "converted" }, { "name": "fraud-status", "type": "\"APPROVED\" | \"DENIED\" | \"PENDING\"", "title": "fraud-status" }, { "name": "status-sub-text", "type": "string", "title": "status-sub-text" }, { "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": "" }, "denied-status-sub-text": { "ui:name": "Denied status sub-text", "ui:help": "" }, "denied-status-text": { "ui:name": "Denied status text", "ui:help": "" }, "in-progress-status-text": { "ui:name": "In progress status text", "ui:help": "" }, "pending-review-status-sub-text": { "ui:name": "Pending review status sub-text", "ui:help": "" }, "pending-review-status-text": { "ui:name": "Pending review status text", "ui:help": "" } }, "traits": [{ "name": "column-title", "type": "string", "title": "Column title" }, { "name": "converted-status-text", "type": "string", "title": "Converted status text" }, { "name": "denied-status-sub-text", "type": "string", "title": "Denied status sub-text" }, { "name": "denied-status-text", "type": "string", "title": "Denied status text" }, { "name": "in-progress-status-text", "type": "string", "title": "In progress status text" }, { "name": "pending-review-status-sub-text", "type": "string", "title": "Pending review status sub-text" }, { "name": "pending-review-status-text", "type": "string", "title": "Pending review 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-referred-registration", "name": "Instant Access Friend Registration", "uiSchema": { "background-color": { "ui:widget": "color", "ui:name": "Background color", "ui:help": "" }, "demoData": { "ui:help": "" }, "email-label": { "ui:name": "Email field label", "ui:help": "" }, "first-name-label": { "ui:name": "First name field label", "ui:help": "" }, "fraud-error-message": { "ui:widget": "textArea", "ui:name": "Fraud error message", "ui:help": "Display this message when there is suspected fraud." }, "fraud-error-message-title": { "ui:widget": "textArea", "ui:name": "Fraud error message title", "ui:help": "Display this message when there is suspected fraud." }, "hide-border": { "ui:name": "Hide border", "ui:help": "" }, "include-cookies": { "ui:help": "" }, "include-name": { "ui:name": "Include name fields", "ui:help": "Require your participants to enter their first and last name." }, "invalid-email-error-message": { "ui:widget": "textArea", "ui:name": "Invalid email message", "ui:help": "Display this message when the given email is invalid." }, "last-name-label": { "ui:name": "Last name field label", "ui:help": "" }, "network-error-message": { "ui:widget": "textArea", "ui:name": "Network error message", "ui:help": "Display this message when the form submission unexpectedly fails." }, "padding-bottom": { "ui:name": "Bottom padding", "ui:help": "" }, "padding-left": { "ui:name": "Left padding", "ui:help": "" }, "padding-right": { "ui:name": "Right padding", "ui:help": "" }, "padding-top": { "ui:name": "Top padding", "ui:help": "" }, "register-label": { "ui:name": "Register button text", "ui:help": "" }, "required-field-error-message": { "ui:widget": "textArea", "ui:name": "Required field message", "ui:help": "Display this message when a required field has not been filled out." } }, "traits": [{ "name": "background-color", "type": "string", "title": "Background color" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "email-label", "type": "string", "title": "Email field label" }, { "name": "first-name-label", "type": "string", "title": "First name field label" }, { "name": "fraud-error-message", "type": "string", "title": "Fraud error message" }, { "name": "fraud-error-message-title", "type": "string", "title": "Fraud error message title" }, { "name": "hide-border", "type": "boolean", "title": "Hide border" }, { "name": "include-cookies", "type": "boolean", "title": "include-cookies" }, { "name": "include-name", "type": "boolean", "title": "Include name fields" }, { "name": "invalid-email-error-message", "type": "string", "title": "Invalid email message" }, { "name": "last-name-label", "type": "string", "title": "Last name field label" }, { "name": "network-error-message", "type": "string", "title": "Network error message" }, { "name": "padding-bottom", "type": "string", "title": "Bottom 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-left", "type": "string", "title": "Left 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-right", "type": "string", "title": "Right 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-top", "type": "string", "title": "Top 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": "register-label", "type": "string", "title": "Register button text" }, { "name": "required-field-error-message", "type": "string", "title": "Required field message" }] }, { "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": "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": "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": { "denied-text": { "ui:help": "" }, "expiry-text": { "ui:help": "" }, "locale": { "ui:help": "" }, "pending-review-text": { "ui:help": "" }, "pending-scheduled": { "ui:help": "" }, "pending-unhandled": { "ui:help": "" }, "pending-us-tax": { "ui:help": "" }, "reward": { "ui:help": "" }, "status-text": { "ui:help": "" } }, "traits": [{ "name": "denied-text", "type": "string", "title": "denied-text" }, { "name": "expiry-text", "type": "string", "title": "expiry-text" }, { "name": "locale", "type": "string", "title": "locale" }, { "name": "pending-review-text", "type": "string", "title": "pending-review-text" }, { "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": "" }, "denied-text": { "ui:name": "Denied text", "ui:help": "Displayed when denied for fraud." }, "expiry-text": { "ui:name": "Expiry date prefix", "ui:help": "Text shown before the date of an expiring reward." }, "pending-review-text": { "ui:name": "Pending review text", "ui:help": "Displayed when flagged for fraud." }, "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": "denied-text", "type": "string", "title": "Denied text" }, { "name": "expiry-text", "type": "string", "title": "Expiry date prefix" }, { "name": "pending-review-text", "type": "string", "title": "Pending review text" }, { "name": "pending-scheduled", "type": "string", "title": "Pending date prefix" }, { "name": "pending-unhandled", "type": "string", "title": "Unhandled error text" }, { "name": "pending-us-tax", "type": "string", "title": "W9 pending text" }, { "name": "status-text", "type": "string", "title": "Reward status text" }] }, { "tag": "sqm-route", "name": "Route", "uiSchema": { "path": { "ui:name": "Navigation path name", "ui:help": "Page Path URL for this route." } }, "traits": [{ "name": "path", "type": "string", "title": "Navigation path name" }] }, { "tag": "sqm-router", "name": "Router", "uiSchema": {}, "traits": [] }, { "tag": "sqm-scroll", "name": "Scroll Button", "uiSchema": { "button-text": { "ui:name": "Button text", "ui:help": "" }, "button-type": { "ui:name": "Button type", "ui:help": "" }, "circle": { "ui:name": "Circle", "ui:help": "Draws a circle button." }, "icon-name": { "ui:name": "Icon", "ui:help": "Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive." }, "icon-slot": { "ui:name": "Icon slot", "ui:help": "" }, "mobile": { "ui:name": "Full width on mobile", "ui:help": "The button becomes full width if the screen size is smaller than 500px" }, "outline": { "ui:name": "Outline", "ui:help": "Draws an outlined button." }, "pill": { "ui:name": "Pill", "ui:help": "Draws a pill-style button with rounded edges." }, "scroll-animation": { "ui:name": "Scroll animation style", "ui:help": "" }, "scroll-id": { "ui:name": "Scroll ID", "ui:help": "ID applied to the HTML tag you would like to scroll to. E.g tab-1" }, "scroll-tag-name": { "ui:name": "Scroll tag name", "ui:help": "The name of the HTML tag you would like to scroll to. E.g referral-table" }, "size": { "ui:name": "Size", "ui:help": "" } }, "traits": [{ "name": "button-text", "type": "string", "title": "Button text" }, { "name": "button-type", "type": "string", "title": "Button type", "enum": ["default", "primary", "success", "neutral", "warning", "danger", "text"], "enumNames": ["Default", "Primary", "Success", "Neutral", "Warning", "Danger", "Text"] }, { "name": "circle", "type": "boolean", "title": "Circle" }, { "name": "icon-name", "type": "string", "title": "Icon" }, { "name": "icon-slot", "type": "string", "title": "Icon slot", "enum": ["prefix", "suffix"], "enumNames": ["Prefix", "Suffix"] }, { "name": "mobile", "type": "boolean", "title": "Full width on mobile" }, { "name": "outline", "type": "boolean", "title": "Outline" }, { "name": "pill", "type": "boolean", "title": "Pill" }, { "name": "scroll-animation", "type": "string", "title": "Scroll animation style", "enum": ["smooth", "auto"], "enumNames": ["Smooth", "Auto"] }, { "name": "scroll-id", "type": "string", "title": "Scroll ID" }, { "name": "scroll-tag-name", "type": "string", "title": "Scroll tag name" }, { "name": "size", "type": "string", "title": "Size", "enum": ["small", "medium", "large"], "enumNames": ["Small", "Medium", "Large"] }] }, { "tag": "sqm-share-button", "name": "Share Button", "uiSchema": { "ui:order": ["medium", "program-id", "*", "pill", "disabled", "hideicon"], "backgroundcolor": { "ui:widget": "color", "ui:name": "Button background color", "ui:help": "" }, "borderradius": { "ui:name": "Border radius", "ui:help": "Configure border radius with pixel amount" }, "demoData": { "ui:help": "" }, "disabled": { "ui:name": "Disabled", "ui:help": "" }, "hideicon": { "ui:name": "Hide icon", "ui:help": "" }, "hidetext": { "ui:name": "Hide text", "ui:help": "" }, "icon": { "ui:name": "Icon", "ui:help": "Options available at https://shoelace.style/components/icon\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": { "copy-button-style": { "ui:name": "Style", "ui:help": "Set the copy button style and placement" }, "copy-button-label": { "ui:name": "Copy button label", "ui:help": "" }, "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." }, "text-align": { "ui:name": "Share code alignment", "ui:help": "Change the text alignment" }, "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": "copy-button-style", "type": "string", "title": "Style", "enum": ["icon", "button-outside", "button-below"], "enumNames": ["Icon", "Button outside", "Button below"] }, { "name": "copy-button-label", "type": "string", "title": "Copy button label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "program-id", "type": "string", "title": "Program ID" }, { "name": "text-align", "type": "string", "title": "Share code alignment", "enum": ["left", "center", "right"], "enumNames": ["Left", "Center", "Right"] }, { "name": "tooltip-lifespan", "type": "number", "title": "Tooltip lifespan" }, { "name": "tooltip-text", "type": "string", "title": "Tooltip text" }] }, { "tag": "sqm-share-link", "name": "Share Link", "uiSchema": { "copy-button-style": { "ui:name": "Style", "ui:help": "Set the copy button style and placement" }, "copy-button-label": { "ui:name": "Copy button label", "ui:help": "" }, "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." }, "text-align": { "ui:name": "Share link alignment", "ui:help": "Change the text alignment" }, "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": "copy-button-style", "type": "string", "title": "Style", "enum": ["icon", "button-outside", "button-below"], "enumNames": ["Icon", "Button outside", "Button below"] }, { "name": "copy-button-label", "type": "string", "title": "Copy button label" }, { "name": "demoData", "type": "object", "title": "demoData" }, { "name": "program-id", "type": "string", "title": "Program ID" }, { "name": "text-align", "type": "string", "title": "Share link alignment", "enum": ["left", "center", "right"], "enumNames": ["Left", "Center", "Right"] }, { "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." }, "hide-button": { "ui:name": "Hide CTA button", "ui:help": "" }, "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": "hide-button", "type": "boolean", "title": "Hide CTA button" }, { "name": "open-new-tab", "type": "boolean", "title": "Open in new tab" }, { "name": "program-id", "type": "string", "title": "Program ID override" }, { "name": "progress-bar-unit", "type": "string", "title": "Progress bar unit" }, { "name": "repeatable", "type": "boolean", "title": "Goal repeatable" }, { "name": "reward-amount", "type": "string", "title": "Reward amount" }, { "name": "reward-duration", "type": "string", "title": "Reward duration" }, { "name": "reward-unit", "type": "string", "title": "Reward unit" }, { "name": "show-progress-bar", "type": "boolean", "title": "Show progress bar" }, { "name": "starts-on-message", "type": "string", "title": "Start date message" }, { "name": "stat-type", "type": "string", "title": "Goal progress source" }, { "name": "steps", "type": "boolean", "title": "Progress bar steps" }] }, { "tag": "sqm-text", "name": "Text", "uiSchema": {}, "traits": [] }, { "tag": "sqm-text-span", "name": "Text Span", "uiSchema": { "text": { "ui:name": "Text", "ui:help": "" }, "type": { "ui:name": "Type", "ui:help": "" } }, "traits": [{ "name": "text", "type": "string", "title": "Text" }, { "name": "type", "type": "string", "title": "Type", "enum": ["p", "subtext", "h1", "h2", "h3", "h4"], "enumNames": ["Paragraph", "Subtext", "Header 1", "Header 2", "Header 3", "Header 4"] }] }, { "tag": "sqm-timeline", "name": "Program Timeline", "uiSchema": { "icon": { "ui:name": "Icon", "ui:help": "" } }, "traits": [{ "name": "icon", "type": "string", "title": "Icon", "enum": ["gift", "circle"], "enumNames": ["Gift", "Circle"] }] }, { "tag": "sqm-timeline-entry", "name": "Program Timeline Entry", "uiSchema": { "desc": { "ui:name": "Description", "ui:help": "" }, "icon": { "ui:name": "Icon", "ui:help": "" }, "reward": { "ui:name": "Reward amount", "ui:help": "" }, "unit": { "ui:name": "Reward unit", "ui:help": "" } }, "traits": [{ "name": "desc", "type": "string", "title": "Description" }, { "name": "icon", "type": "string", "title": "Icon", "enum": ["gift", "circle"], "enumNames": ["Gift", "Circle"] }, { "name": "reward", "type": "string", "title": "Reward amount" }, { "name": "unit", "type": "string", "title": "Reward unit" }] }, { "tag": "sqm-titled-section", "name": "Titled Section", "uiSchema": { "label": { "ui:name": "Label", "ui:help": "Text value shown when there is no label slot declared." }, "label-margin": { "ui:name": "Label bottom margin", "ui:help": "Margin applied to the bottom of the label slot" }, "padding": { "ui:name": "Section padding", "ui:help": "Padding applied to all 4 sides of the container" }, "text-align": { "ui:name": "Text alignment", "ui:help": "" } }, "traits": [{ "name": "label", "type": "string", "title": "Label" }, { "name": "label-margin", "type": "string", "title": "Label bottom margin", "enum": ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"], "enumNames": ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"] }, { "name": "padding", "type": "string", "title": "Section padding", "enum": ["none", "xxx-small", "xx-small", "x-small", "small", "medium", "large", "x-large", "xx-large", "xxx-large", "xxxx-large"], "enumNames": ["None", "XXX-Small", "XX-Small", "X-Small", "Small", "Medium", "Large", "X-Large", "XX-Large", "XXX-Large", "XXXX-Large"] }, { "name": "text-align", "type": "string", "title": "Text alignment", "enum": ["left", "center", "right"], "enumNames": ["Left", "Center", "Right"] }] }, { "tag": "sqm-user-name", "name": "User Name", "uiSchema": { "demoData": { "ui:help": "" }, "fallback": { "ui:name": "Unknown user name", "ui:help": "" }, "loading-text": { "ui:name": "Loading text", "ui:help": "Text displayed while the participant’s name is loading." } }, "traits": [{ "name": "demoData", "type": "object", "title": "demoData" }, { "name": "fallback", "type": "string", "title": "Unknown user name" }, { "name": "loading-text", "type": "string", "title": "Loading text" }] }, { "tag": "sl-details", "name": "Details", "traits": [{ "type": "string", "name": "summary", "title": "Label" }] }, { "tag": "sl-tab", "name": "Tab", "traits": [{ "type": "string", "name": "panel", "title": "Panel ID" }] }, { "tag": "sl-tab-panel", "name": "Tab Panel", "traits": [{ "type": "string", "name": "name", "title": "Panel ID" }] }, { "tag": "sl-tab-group", "name": "Tab Group", "traits": [{ "type": "string", "name": "placement", "title": "Placement of Tabs", "enum": ["top", "right", "bottom", "left"] }] }, { "tag": "sl-skeleton", "name": "Loading Skeleton", "traits": [] }];
             exports_1("default", (function (editor, config) {
                 if (config === void 0) { config = {}; }
                 // Get DomComponents module