@saasquatch/mint-components 1.6.4-3 → 1.6.4

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