@saasquatch/mint-components 1.6.1-2 → 1.6.1-3

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.
@@ -51,7 +51,7 @@ const vanillaStyle = `
51
51
  * @uiName Text
52
52
  * @slots [{"name":"", "title":"Text"}]
53
53
  * @slotEditor richText
54
- * @canvasRenderer always-replace
54
+ * @canvasRenderer in-place-update
55
55
  * @exampleGroup Typography
56
56
  * @example H1 - <sqm-text><h1>H1 Header Text</h1></sqm-text>
57
57
  * @example H2 - <sqm-text><h2>H2 Header Text</h2></sqm-text>
@@ -2,7 +2,7 @@
2
2
  * @uiName Text
3
3
  * @slots [{"name":"", "title":"Text"}]
4
4
  * @slotEditor richText
5
- * @canvasRenderer always-replace
5
+ * @canvasRenderer in-place-update
6
6
  * @exampleGroup Typography
7
7
  * @example H1 - <sqm-text><h1>H1 Header Text</h1></sqm-text>
8
8
  * @example H2 - <sqm-text><h2>H2 Header Text</h2></sqm-text>
package/docs/docs.docx CHANGED
Binary file
package/docs/raisins.json CHANGED
@@ -1 +1 @@
1
- {"schemaVersion":"0.0.1","modules":[{"tags":[{"tagName":"sqm-asset-card","title":"Asset Card","attributes":[{"name":"img-url","type":"string","title":"Banner Image","description":""},{"name":"title-text","type":"string","title":"Banner Title","description":""}],"examples":[]},{"tagName":"sqm-big-stat","title":"Big 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"]},{"name":"flex-reverse","type":"boolean","title":"Flex Reverse","description":"Controls the order of the stat value & description column","default":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"},{"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}}],"exampleGroup":"Statistics","examples":[{"title":"Points Balance","content":"<sqm-big-stat flex-reverse=\"true\" alignment=\"left\" stat-type=\"/rewardBalance/CREDIT/POINT/value/global\">Points Balance</sqm-big-stat>"},{"title":"GiftCards Earned","content":"<sqm-big-stat flex-reverse=\"true\" alignment=\"left\" stat-type=\"/integrationRewardsCountFiltered/AVAILABLE/global\">Giftcards Earned</sqm-big-stat>"},{"title":"Referrals","content":"<sqm-big-stat flex-reverse=\"true\" alignment=\"left\" stat-type=\"/referralsCount\">Referrals</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"},{"name":"brand-font","type":"string","title":"Brand Font","description":"The brand font that you want to use"}],"exampleGroup":"Common Components","examples":[{"title":"Brand Container","content":"<sqm-brand color=\"\" brand=\"Nunito Sans\">Add your branded content here!</sqm-brand>"}]},{"tagName":"sqm-card-feed","title":"Card Feed","slots":[{"name":"","title":"Cards"}],"attributes":[{"name":"gap","type":"number","title":"Column Gap","description":"","default":24},{"name":"width","type":"number","title":"Card Width","description":"","default":347}],"exampleGroup":"Rewards","examples":[]},{"tagName":"sqm-checkbox-field","title":"Checkbox Field","attributes":[{"name":"checkbox-label","type":"string","title":"Checkbox Label","description":"","default":"By signing up you agree to the {labelLink}"},{"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"},{"name":"checkbox-label-link-text","type":"string","title":"Checkbox Label Link Text","description":"","default":"Terms and Conditions"},{"name":"checkbox-name","type":"string","title":"Checkbox Name Attribute","description":""},{"name":"checkbox-optional","type":"boolean","title":"Optional","description":"","default":false},{"name":"error-message","type":"string","title":"Unchecked Error Message","description":"","default":"Must be checked"}],"examples":[]},{"tagName":"sqm-divided-layout","title":"Divided Layout","attributes":[{"name":"direction","type":"string","title":"Direction","description":"","enum":["row","column"],"enumNames":["Row","Column"]},{"name":"divider-style","type":"string","title":"Border Style","description":"Uses Shorthand CSS border syntax","default":"1px solid #EAEAEA"}],"examples":[]},{"tagName":"sqm-dropdown-field","title":"Dropdown Field","attributes":[{"name":"dropdown-label","type":"string","title":"Dropdown Label","description":"","default":"Select an option"},{"name":"dropdown-name","type":"string","title":"Dropdown Name Attribute","description":""},{"name":"dropdown-optional","type":"boolean","title":"Optional","description":"","default":false},{"name":"error-message","type":"string","title":"Unselected Error Message","description":"","default":"Select an option"}],"examples":[]},{"tagName":"sqm-edit-profile","title":"Edit Profile","attributes":[{"name":"canceltext","type":"string","title":"Cancel Button Text","description":""},{"name":"currentregiontext","type":"string","title":"Region Field Label","description":""},{"name":"editprofileheader","type":"string","title":"Heading","description":""},{"name":"editprofiletext","type":"string","title":"Edit Profile Text","description":"Enable editing button text"},{"name":"firstnametext","type":"string","title":"First Name Label","description":""},{"name":"lastnametext","type":"string","title":"Last Name Label","description":""},{"name":"showregion","type":"boolean","title":"Show Region","description":"Show or hide current region"},{"name":"updatetext","type":"string","title":"Info Button Text","description":""}],"examples":[]},{"tagName":"sqm-empty","title":"Empty State Content","attributes":[{"name":"empty-state-header","type":"string","title":"Empty State Title","description":""},{"name":"empty-state-image","type":"string","title":"Empty State Image Link","description":"","uiWidget":"ImageUpload","format":"url"},{"name":"empty-state-text","type":"string","title":"Empty State Text","description":""}],"examples":[],"validParents":["sqm-referral-table","sqm-rewards-table","sqm-leaderboard","sqm-reward-exchange-list"]},{"tagName":"sqm-form-message","title":"Form Message","attributes":[{"name":"icon","type":"string","title":"Icon","description":"Icon to use in alert"},{"name":"type","type":"string","title":"Alert Type","description":""}],"examples":[]},{"tagName":"sqm-graphql-client-provider","title":"GraphQL Client Provider","attributes":[{"name":"domain","type":"string","title":"Domain","description":""}],"examples":[]},{"tagName":"sqm-hero","title":"Hero Layout","attributes":[{"name":"background","type":"string","title":"Background","description":"Can be an image url, colour or Shoelace variable.","default":"var(--sl-color-gray-50)"},{"name":"columns","type":"1 | 2","title":"Columns","description":"Number of columns in the layout","default":1},{"name":"padding-size","type":"\"large\" | \"medium\" | \"none\" | \"small\"","title":"Padding Size","description":"","default":"large","enum":["none","small","medium","large"],"enumNames":["None","Small","Medium","Large"]},{"name":"secondary-background","type":"string","title":"Secondary Background","description":"Secondary background image or color (for use in the right column)"},{"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"]}],"examples":[]},{"tagName":"sqm-hero-image","title":"Hero Image","attributes":[{"name":"background-color","type":"string","title":"Background Color","description":"","uiWidget":"color","format":"color"},{"name":"button-link","type":"string","title":"CTA Button Link","description":""},{"name":"button-new-tab","type":"boolean","title":"Button New Tab","description":"CTA Button Opens Link in New Tab","default":false},{"name":"button-text","type":"string","title":"CTA Button Text","description":""},{"name":"description","type":"string","title":"Description Text","description":""},{"name":"header","type":"string","title":"Title Text","description":""},{"name":"image-mobile-pos","type":"string","title":"Image Mobile Position","description":"","default":"top","enum":["top","bottom"],"enumNames":["Top","Bottom"]},{"name":"image-percentage","type":"number","title":"Image Percentage","description":"","default":50},{"name":"image-pos","type":"string","title":"Image Position","description":"","default":"center","enum":["left","center","right"],"enumNames":["Left","Center","Right"]},{"name":"image-url","type":"string","title":"Image Link","description":"","uiWidget":"ImageUpload","format":"url"},{"name":"layout","type":"string","title":"Image Layout","description":"","default":"overlay","enum":["overlay","columns"],"enumNames":["Overlay","Two-column"]},{"name":"overlay-color","type":"string","title":"Overlay Color","description":"","uiWidget":"color","format":"color"},{"name":"overlay-opacity","type":"string","title":"Overlay Opacity","description":"","default":"0.75"},{"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"]},{"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"]},{"name":"text-color","type":"string","title":"Text Color","description":"","uiWidget":"color","format":"color"}],"exampleGroup":"Common Components","examples":[{"title":"Two Column Layout","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","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"]},{"name":"background-color","type":"string","title":"Background Color","description":"","uiWidget":"color"},{"name":"image-url","type":"string","title":"Image Link","description":"","uiWidget":"ImageUpload","format":"url"},{"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."}],"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":"Input Field","attributes":[{"name":"error-message","type":"string","title":"Required Error Message","description":"","default":"Cannot be empty"},{"name":"field-label","type":"string","title":"Input Label","description":""},{"name":"field-name","type":"string","title":"Input Name Attribute","description":"Used as the key of the inputs value in form data."},{"name":"field-optional","type":"boolean","title":"Optional","description":"","default":false},{"name":"field-type","type":"string","title":"Input Type","description":"","default":"text","enum":["text","date","tel"],"enumNames":["Text","Date","Phone Number"]}],"examples":[]},{"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"},{"name":"hide-viewer","type":"boolean","title":"Hide Viewing User","description":"Hide the viewer's leaderboard row if not in the top results.","default":false},{"name":"interval","type":"string","title":"Leaderboard Time Interval","description":"","uiWidget":"dateRange","uiWidgetOptions":{"allowPastDates":true,"months":1}},{"name":"leaderboard-type","type":"string","title":"Leaderboard Type","description":"","enum":["topStartedReferrers","topConvertedReferrers","topPointEarners"],"enumNames":["Top Started Referrers","Top Converted Referrers","Top Point Earners"]},{"name":"max-rows","type":"number","title":"Maximum Rows Number","description":"Control the maximum amount of rows displayed on the leaderboard.","default":10},{"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.\nIf no program ID is set or provided by context, then a global leaderboard is shown.","uiWidget":"programSelector"},{"name":"rank-type","type":"string","title":"Rank Type","description":"","enum":["rowNumber","rank","denseRank"],"enumNames":["Row Number","Rank","Dense Rank"]},{"name":"rankheading","type":"string","title":"Rank Column Heading","description":""},{"name":"show-rank","type":"boolean","title":"Show Leaderboard Rank","description":""},{"name":"statsheading","type":"string","title":"Stats Column Heading","description":""},{"name":"usersheading","type":"string","title":"User Column Heading","description":""}],"exampleGroup":"Leaderboards","examples":[{"title":"Referral Converted Leaderboard","content":"<sqm-leaderboard usersheading=\"Referrer\" statsheading=\"Referrals\" rankheading=\"Rank\" rank-type=\"rowNumber\" leaderboard-type=\"topConvertedReferrers\" show-rank anonymous-user=\"Anonymous User\"> <sqm-empty empty-state-image=\"https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_leaderboard2.png\" empty-state-header=\"View your rank in the leaderboard\" empty-state-text=\"Be the first to refer a friend and reach the top of the leaderboard\" > </sqm-empty></sqm-leaderboard>"},{"title":"Referral Started Leaderboard","content":"<sqm-leaderboard usersheading=\"Referrer\" statsheading=\"Referrals\" rankheading=\"Rank\" rank-type=\"rowNumber\" leaderboard-type=\"topStartedReferrers\" show-rank anonymous-user=\"Anonymous User\"> <sqm-empty empty-state-image=\"https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_leaderboard2.png\" empty-state-header=\"View your rank in the leaderboard\" empty-state-text=\"Be the first to refer a friend and reach the top of the leaderboard\" > </sqm-empty></sqm-leaderboard>"},{"title":"Point Earners Leaderboard","content":"<sqm-leaderboard usersheading=\"Users\" statsheading=\"Points Earned\" rankheading=\"Rank\" rank-type=\"rowNumber\" leaderboard-type=\"topPointEarners\" show-rank anonymous-user=\"Anonymous User\"> <sqm-empty empty-state-image=\"https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_leaderboard2.png\" empty-state-header=\"View your rank in the leaderboard\" empty-state-text=\"Be the first to earn points and reach the top of the leaderboard\" ></sqm-empty></sqm-leaderboard>"}]},{"tagName":"sqm-leaderboard-rank","title":"Leaderboard Rank","attributes":[{"name":"interval","type":"string","title":"Leaderboard Time Interval","description":"","uiWidget":"dateRange","uiWidgetOptions":{"allowPastDates":true,"months":1}},{"name":"leaderboard-type","type":"string","title":"Leaderboard Type","description":"","enum":["topStartedReferrers","topConvertedReferrers","topPointEarners"],"enumNames":["Top Started Referrers","Top Converted Referrers","Top Point Earners"]},{"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.\nIf no program ID is set or provided by context, then a global leaderboard is shown.","uiWidget":"programSelector"},{"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"},{"name":"rank-type","type":"string","title":"Default Rank","description":"","enum":["rowNumber","rank","denseRank"],"enumNames":["Row Number","Rank","Dense Rank"]},{"name":"unranked-text","type":"string","title":"Unranked Text","description":""}],"exampleGroup":"Leaderboards","examples":[{"title":"Referral Converted Leaderboard","content":"<sqm-leaderboard-rank leaderboard-type=\"topConvertedReferrers\" rank-type=\"rowNumber\" rank-text=\"You are currently in {rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th} } place!\" unranked-text=\"You are currently unranked, refer a friend!\"></sqm-leaderboard-rank>"},{"title":"Referral Started Leaderboard","content":"<sqm-leaderboard-rank leaderboard-type=\"topStartedReferrers\" rank-type=\"rowNumber\" rank-text=\"You are currently in {rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th} } place!\" unranked-text=\"You are currently unranked, refer a friend!\"></sqm-leaderboard-rank>"},{"title":"Point Earners Leaderboard","content":"<sqm-leaderboard-rank rleaderboard-type=\"topPointEarners\" ank-type=\"rowNumber\" rank-text=\"You are currently in {rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th} } place!\" unranked-text=\"You are currently unranked, earn points!\"></sqm-leaderboard-rank>"}]},{"tagName":"sqm-name-fields","title":"Name Fields","attributes":[{"name":"first-name-label","type":"string","title":"First Name label","description":"","default":"First Name"},{"name":"last-name-label","type":"string","title":"Last Name label","description":"","default":"Last Name"}],"examples":[]},{"tagName":"sqm-navigation-menu","title":"Navigation Menu","attributes":[{"name":"include-dropdown","type":"boolean","title":"Include Dropdown Menu","description":""},{"name":"menu-label","type":"string","title":"Menu Label","description":"Label on the header menu"}],"examples":[]},{"tagName":"sqm-navigation-sidebar","title":"Navigation Sidebar","attributes":[],"examples":[]},{"tagName":"sqm-navigation-sidebar-item","title":"Navigation Link","attributes":[{"name":"icon","type":"string","title":"Icon","description":"Options available at https://shoelace.style/components/icon"},{"name":"label","type":"string","title":"Label","description":""},{"name":"path","type":"string","title":"Navigation Path","description":""}],"examples":[]},{"tagName":"sqm-password-field","title":"Portal Password Field","attributes":[{"name":"enable-validation","type":"boolean","title":"Enable Validation","description":"Enable live password validation","default":true},{"name":"field-label","type":"string","title":"Password Label","description":"Label for password field","default":"Password"}],"examples":[]},{"tagName":"sqm-popup-container","title":"Popup Container For Widgets","attributes":[{"name":"close-button","type":"boolean","title":"Show Close Button","description":"Display a close button on the popup"},{"name":"close-button-text","type":"string","title":"Close Button Text","description":"Text inside the close button"},{"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"]},{"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"]},{"name":"powered-by","type":"boolean","title":"Show Powered By","description":"Show Powered By SaaSquatch link"}],"examples":[]},{"tagName":"sqm-portal-change-password","title":"Portal Profile","attributes":[{"name":"cancel-text","type":"string","title":"Cancel Button Text","description":"Modal cancel button text","default":"Cancel"},{"name":"change-password-button-text","type":"string","title":"Change Password Button Text","description":"Modal change password button text","default":"Change Password"},{"name":"confirm-password-field-label","type":"string","title":"Confirm Password Label","description":"Password confirmation input field label","default":"Confirm New Password"},{"name":"modal-change-password-header","type":"string","title":"Change Password Modal Header","description":"","default":"Change Password"},{"name":"password-field-label","type":"string","title":"Password Label","description":"Password input field label","default":"New Password"},{"name":"portal-change-password-button-text","type":"string","title":"Change Password Button Text","description":"","default":"Change your password..."},{"name":"portal-change-password-header","type":"string","title":"Change Password Header","description":"Portal change password section header","default":"Password"},{"name":"success-message","type":"string","title":"Successful Message","description":"Successful password change message","default":"Your password has been updated."}],"examples":[]},{"tagName":"sqm-portal-container","title":"Portal Container","slots":[{"name":"","title":"Widget Content"}],"attributes":[{"name":"center","type":"boolean","title":"Center Content","description":""},{"name":"direction","type":"string","title":"Direction","description":"","default":"column","enum":["row","column"],"enumNames":["Row","Column"]},{"name":"display","type":"string","title":"Display","description":"","default":"grid","enum":["grid","flex"],"enumNames":["Grid","Flex"]},{"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"]},{"name":"justify-content","type":"string","title":"Justify Content","description":"Defines how the container distributes space between & around content items along the main-axis of a flex container","enum":["start","center","end","space-between","space-around","space-evenly"],"enumNames":["Start","Center","End","Space Between","Space Around","Space Evenly"]},{"name":"max-width","type":"string","title":"Maximum width","description":"","default":"100%"},{"name":"min-width","type":"string","title":"Minimum Width","description":""},{"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"]}],"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 column content above or below!</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 to the left or right!</p></sqm-portal-container>"}]},{"tagName":"sqm-portal-email-verification","title":"Portal Email Verification","attributes":[{"name":"email-verification-header","type":"string","title":"Email Verification Header Text","description":"","default":"Verify your email"},{"name":"redirect-path","type":"string","title":"Email Redirection Base Path","description":"The page that users are redirected to from the verification email.","default":"/verifyEmail"},{"name":"resend-email-button-text","type":"string","title":"Re-send Email Button Text","description":"","default":"Re-send Email"},{"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."}],"examples":[]},{"tagName":"sqm-portal-footer","title":"Portal Footer","attributes":[{"name":"faq-link","type":"string","title":"FAQ Link","description":""},{"name":"faq-text","type":"string","title":"FAQ Text","description":""},{"name":"padding-bottom","type":"string","title":"Padding Bottom","description":"","default":"large"},{"name":"padding-left","type":"string","title":"Padding Left","description":"","default":"large"},{"name":"padding-right","type":"string","title":"Padding Right","description":"","default":"large"},{"name":"padding-top","type":"string","title":"Padding Top","description":"","default":"large"},{"name":"powered-by-link","type":"string","title":"Powered By Link","description":"","default":"https://saasquatch.com"},{"name":"show-powered-by","type":"boolean","title":"Show Powered By SaaSquatch","description":"","default":true},{"name":"support-email","type":"string","title":"Support Email","description":"","default":"support@example.com"},{"name":"support-text","type":"string","title":"Support Text","description":"","default":"For program support, contact {email}"},{"name":"terms-link","type":"string","title":"Terms and Conditions Link","description":""},{"name":"terms-text","type":"string","title":"Terms and Conditions Text","description":""}],"examples":[]},{"tagName":"sqm-portal-forgot-password","title":"Portal Forgot Password","attributes":[{"name":"email-label","type":"string","title":"Email Label","description":"","default":"Email"},{"name":"login-path","type":"string","title":"Login Page Routing Path","description":"","default":"/login"},{"name":"redirect-path","type":"string","title":"Email Redirection Base Path","description":"The page that users are redirected to from the password reset email.","default":"/resetPassword"},{"name":"submit-label","type":"string","title":"Password Reset Button Text","description":"","default":"Request Password Reset"}],"examples":[]},{"tagName":"sqm-portal-frame","title":"Portal Frame","attributes":[],"examples":[]},{"tagName":"sqm-portal-login","title":"Portal Login","attributes":[{"name":"email-label","type":"string","title":"Email Label","description":"Label for email field","default":"Email"},{"name":"forgot-password-label","type":"string","title":"Forgot Password Text","description":"Label for forgotten password button","default":"Forgot Password?"},{"name":"forgot-password-path","type":"string","title":"Forgot Password Path","description":"Forgot password redirect path","default":"/forgotPassword"},{"name":"next-page","type":"string","title":"Next Page Path","description":"Page navigated to after sign-in","default":"/"},{"name":"page-label","type":"string","title":"Heading Label","description":"","default":"Sign in to your account"},{"name":"password-label","type":"string","title":"Password Label","description":"Label for password field","default":"Password"},{"name":"register-label","type":"string","title":"Register Button Text","description":"Label for register button","default":"Register"},{"name":"register-path","type":"string","title":"Register Path","description":"Register redirect path","default":"/register"},{"name":"submit-label","type":"string","title":"Submit Button Text","description":"Label for submit button","default":"Sign In"}],"examples":[]},{"tagName":"sqm-portal-logout","title":"Portal Logout","attributes":[{"name":"next-page","type":"string","title":"Next Page Path","description":"","default":"/"}],"examples":[]},{"tagName":"sqm-portal-profile","title":"Portal Profile","attributes":[{"name":"countrytext","type":"string","title":"Country Label","description":"Country input field label","default":"Country"},{"name":"edit-profile-header","type":"string","title":"Edit Profile Header","description":"","default":"Edit your profile"},{"name":"edit-profile-sub-header","type":"string","title":"Edit Profile Sub Header","description":"","default":"Personal Information"},{"name":"emailtext","type":"string","title":"Email Label","description":"Email input field label","default":"Email"},{"name":"firstnametext","type":"string","title":"First Name Label","description":"First name input field label","default":"First Name"},{"name":"lastnametext","type":"string","title":"Last Name Label","description":"Last name input field label","default":"Last Name"},{"name":"show-country","type":"boolean","title":"Show Country Field","description":"Show or hide the country field","default":true},{"name":"submit-change-button-text","type":"string","title":"Submit Changes Button Text","description":"","default":"Submit Changes"}],"examples":[]},{"tagName":"sqm-portal-protected-route","title":"Portal Protected Route","attributes":[{"name":"redirect-to","type":"string","title":"Redirect Path","description":"","default":"/"},{"name":"redirect-to-unverified","type":"string","title":"Redirect Unverified Users Path","description":"","default":"/emailVerification"},{"name":"require-email-verification","type":"boolean","title":"Require Email Verification","description":"","default":false}],"examples":[]},{"tagName":"sqm-portal-register","title":"Portal Register","attributes":[{"name":"confirm-password","type":"boolean","title":"Show Confirm Password Field","description":"Show or hide the confirm password input","default":false},{"name":"confirm-password-label","type":"string","title":"Confirm Password Label","description":"","default":"Confirm Password"},{"name":"email-label","type":"string","title":"Email Label","description":"","default":"Email"},{"name":"enable-password-validation","type":"boolean","title":"Enable Password Validation","description":"","default":true},{"name":"hide-inputs","type":"boolean","title":"Hide Default Inputs","description":"Hide default input fields to use custom fields","default":false},{"name":"login-label","type":"string","title":"Login Button Text","description":"","default":"Sign in"},{"name":"login-path","type":"string","title":"Login Path","description":"Login button redirection path","default":"/login"},{"name":"next-page","type":"string","title":"Next Page","description":"Page navigated to after registration","default":"/"},{"name":"page-label","type":"string","title":"Heading Label","description":"","default":"Register"},{"name":"password-label","type":"string","title":"Password Label","description":"","default":"Password"},{"name":"redirect-path","type":"string","title":"Email Redirection Base Path","description":"The page that users are redirected to from the verification email.","default":"/verifyEmail"},{"name":"submit-label","type":"string","title":"Submit Button Text","description":"","default":"Register"}],"examples":[]},{"tagName":"sqm-portal-reset-password","title":"Portal Reset Password","attributes":[{"name":"confirm-password","type":"boolean","title":"Show Confirm Password","description":"Show or hide confirm password field","default":false},{"name":"confirm-password-field-label","type":"string","title":"Confirm Password Label","description":"","default":"Confirm Password"},{"name":"continue-button-text","type":"string","title":"Continue Button Text","description":"Button text displayed after a successful password reset","default":"Continue"},{"name":"failed-page","type":"string","title":"Failed Page Path","description":"The page that users are redirected to if the reset fails due to outdated password reset attempt.","default":"/"},{"name":"next-page","type":"string","title":"Next Page Path","description":"The page that users are redirected to when the password reset succeeds.","default":"/"},{"name":"password-field-label","type":"string","title":"Password Label","description":"","default":"New Password"},{"name":"password-reset-header","type":"string","title":"Successful Password Reset Text","description":"Displayed after a successful password reset","default":"Password reset"},{"name":"reset-password-button-text","type":"string","title":"Password Reset Button Text","description":"","default":"Reset Password"},{"name":"reset-password-header","type":"string","title":"Reset Password Header Text","description":"","default":"Reset your password"}],"examples":[]},{"tagName":"sqm-portal-verify-email","title":"Portal Verify Email","attributes":[{"name":"failed-page","type":"string","title":"Failed Page Path","description":"The page that users are redirected to if verification fails due to outdated verification attempt.","default":"/"},{"name":"next-page","type":"string","title":"Next Page Path","description":"The page that users are redirected to when the verification succeeds.","default":"/"}],"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"},{"name":"header","type":"string","title":"Header Text","description":""},{"name":"text-color","type":"string","title":"Header Text Color","description":"","uiWidget":"color","format":"color"}],"exampleGroup":"Common Components","examples":[{"title":"Program Explainer","content":"<sqm-program-explainer header=\"How it works\"><sqm-program-explainer-step description=\"Complete tasks like uploading your first video or sharing videos with friends\" 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"},{"name":"description","type":"string","title":"Description","description":"","uiWidget":"textArea"},{"name":"header","type":"string","title":"Title","description":""},{"name":"icon","type":"string","title":"Icon","description":"Options available at https://shoelace.style/components/icon"},{"name":"image-url","type":"string","title":"Image Url","description":"Displayed in place of an icon","uiWidget":"imageUpload","format":"url"},{"name":"text-color","type":"string","title":"Text Color","description":"","uiWidget":"color","format":"color"}],"exampleGroup":"Common Components","examples":[{"title":"Program Explainer Step","content":"<sqm-program-explainer-step description=\"Complete tasks like uploading your first video or sharing videos with friends\" header=\"Earn points\" icon=\"cash-stack\" text-color=\"#000000\"></sqm-program-explainer-step>"}],"validParents":["sqm-program-explainer"]},{"tagName":"sqm-program-menu","title":"Portal Menu","attributes":[],"examples":[]},{"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":["Start","Center","End"]}],"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":"Height of the iframe container","default":"100%"},{"name":"iframe-src","type":"string","title":"Iframe Source","description":"URL of iframe to display"},{"name":"iframe-width","type":"string","title":"Iframe Width","description":"Width of the iframe container","default":"100%"}],"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"},{"name":"md-breakpoint","type":"number","title":"Tablet Breakpoint","description":"","default":799},{"name":"more-label","type":"string","title":"View More Button Text","description":"","default":"Next"},{"name":"per-page","type":"number","title":"Referrals Per Page","description":"Number of referrals displayed per page","default":4},{"name":"prev-label","type":"string","title":"Previous Button Text","description":"","default":"Prev"},{"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\nthis table lives. If no program ID is set or provided by context, then shows all referrals from all programs.\nIf program ID is \"classic\", shows classic-only referrals","uiWidget":"programSelector"},{"name":"show-labels","type":"boolean","title":"Show Column Labels","description":"","default":true},{"name":"show-referrer","type":"boolean","title":"Show Referrer","description":"Show referred by user in table","default":false},{"name":"sm-breakpoint","type":"number","title":"Mobile Breakpoint","description":"","default":599}],"exampleGroup":"Referrals","examples":[{"title":"Referral Table","content":"<sqm-referral-table><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\"></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":""}],"examples":[]},{"tagName":"sqm-referral-table-column","title":"Referral Table Generic Column","attributes":[{"name":"column-title","type":"string","title":"Column Title","description":""}],"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":""},{"name":"locale","type":"string","title":"locale","description":"","default":"en"}],"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"},{"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"]}],"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":""},{"name":"fuel-tank-text","type":"string","title":"fuel-tank-text","description":""},{"name":"hide-details","type":"boolean","title":"hide-details","description":""},{"name":"locale","type":"string","title":"locale","description":"","default":"en"},{"name":"pending-for-text","type":"string","title":"pending-for-text","description":""},{"name":"reward-received-text","type":"string","title":"reward-received-text","description":""},{"name":"status-long-text","type":"string","title":"status-long-text","description":""},{"name":"status-text","type":"string","title":"status-text","description":""}],"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"},{"name":"expiring-text","type":"string","title":"Reward Expiring Text","description":"","default":"Expiring in"},{"name":"fuel-tank-text","type":"string","title":"Fuel Tank Code Text","description":"","default":"Your code is"},{"name":"hide-details","type":"boolean","title":"Hide dropdown details of reward","description":"","default":false},{"name":"pending-for-text","type":"string","title":"Reward Pending Text","description":"","default":"{status} for {date}"},{"name":"reward-received-text","type":"string","title":"Reward Received Text","description":"","default":"Reward received on"},{"name":"status-long-text","type":"string","title":"Reward Status Long Text","description":"","default":"{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }","uiWidget":"textArea"},{"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"}],"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":""},{"name":"status-text","type":"string","title":"status-text","description":""}],"examples":[]},{"tagName":"sqm-referral-table-status-column","title":"Referral Table Status Column","attributes":[{"name":"column-title","type":"string","title":"Column Title","description":"","default":"Status"},{"name":"converted-status-text","type":"string","title":"Converted Status Text","description":"","default":"Converted"},{"name":"in-progress-status-text","type":"string","title":"In Progress Status Text","description":"","default":"In Progress"}],"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":""}],"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"},{"name":"column-title","type":"string","title":"User Column Title","description":"","default":"Customer"},{"name":"deleted-user","type":"string","title":"Deleted User Text","description":"Name displayed for deleted users","default":"Deleted User"}],"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"},{"name":"cancel-text","type":"string","title":"Cancel Button Text","description":"","default":"Cancel"},{"name":"choose-amount-title","type":"string","title":"Choose Amount Progress Title","description":"","default":"Select"},{"name":"choose-reward-title","type":"string","title":"Choose Reward Progress Title","description":"","default":"Rewards"},{"name":"confirmation-title","type":"string","title":"Confirmation Progress Title","description":"","default":"Confirm"},{"name":"continue-text","type":"string","title":"Continue Button Text","description":"","default":"Continue"},{"name":"continue-to-confirmation-text","type":"string","title":"Continue to Confirmation Button Text","description":"Displayed on the reward selection page.","default":"Continue to confirmation"},{"name":"cost-title","type":"string","title":"Cost Row Title","description":"Shown in the confirmation state.","default":"Cost to Redeem"},{"name":"done-text","type":"string","title":"Done Text","description":"","default":"Done"},{"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"},{"name":"not-enough-error","type":"string","title":"Not Enough Error Message","description":"","default":"Not enough {sourceUnit} to redeem for this reward","uiWidget":"textArea"},{"name":"promo-code","type":"string","title":"Promo Code Text","description":"","default":"Promo Code"},{"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"},{"name":"redeem-text","type":"string","title":"Redeem Button Text","description":"","default":"Redeem"},{"name":"redeem-title","type":"string","title":"Confirmation Title Text","description":"Displayed as the header for the confirmation page.","default":"Confirm and redeem"},{"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"},{"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"},{"name":"reward-amount-title","type":"string","title":"Reward Amount Row Title","description":"Shown in the confirmation state.","default":"Reward Amount"},{"name":"reward-name-title","type":"string","title":"Reward Row Title","description":"Shown in the confirmation state.","default":"Reward"},{"name":"reward-redeemed-text","type":"string","title":"Reward Redeemed Text","description":"","default":"Reward redeemed"},{"name":"reward-title","type":"string","title":"Reward Title Text","description":"","default":"Choose a reward"},{"name":"select-text","type":"string","title":"Select Amount Text","description":"","default":"Select amount to receive"},{"name":"skeleton-card-num","type":"number","title":"Loading Cards","description":"Set the number of placeholder cards to be shown in loading state.","default":8},{"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"},{"name":"tooltip-text","type":"string","title":"Tooltip Text","description":"Shown when a user copies a fuel tank code","default":"Copied"}],"exampleGroup":"Rewards","examples":[{"title":"Reward Exchange","content":"<sqm-reward-exchange-list back-text=\"Back\" button-text=\"Exchange Rewards\" cancel-text=\"Cancel\" choose-amount-title=\"Select\" choose-reward-title=\"Rewards\" confirmation-title=\"Confirm\" continue-text=\"Continue\" continue-to-confirmation-text=\"Continue to confirmation\" done-text=\"Done\" reward-title=\"Choose a reward\" not-available-error=\"{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }\" not-enough-error=\"Not enough {sourceUnit} to redeem for this reward\" query-error=\"Unable to load reward exchange list. Please try again\" redeem-text=\"Redeem\" redeem-title=\"Confirm and redeem\" redemption-error=\"An error occured trying to redeem this reward. Please try again\" redemption-success-text=\"Redeemed {sourceValue} for {destinationValue}\" select-text=\"Select amount to receive\" source-amount-message=\"{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}\" tooltiptext=\"Copied\" reward-name-title=\"Reward\" reward-amount-title=\"Reward Amount\" cost-title=\"Cost to Redeem\" reward-redeemed-text=\"Reward redeemed\" skeleton-card-num=\"8\" promo-code=\"Promo Code\" tooltip-text=\"Copied!\"><sqm-empty empty-state-image=\"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png\" empty-state-header=\"Redeem rewards\" empty-state-text=\"Use your points to redeem rewards once they become available\" > </sqm-empty></sqm-reward-exchange-list>"}]},{"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"},{"name":"md-breakpoint","type":"number","title":"Tablet Breakpoint","description":"","default":799},{"name":"more-label","type":"string","title":"View More button text","description":"","default":"Next"},{"name":"per-page","type":"number","title":"Number of rewards per page","description":"","default":4},{"name":"prev-label","type":"string","title":"Previous button text","description":"","default":"Prev"},{"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\nthis table lives. If no program ID is set or provided by context, then shows all rewards from all programs.","uiWidget":"programSelector"},{"name":"show-labels","type":"boolean","title":"Show column labels","description":"","default":true},{"name":"sm-breakpoint","type":"number","title":"Mobile Breakpoint","description":"","default":599}],"exampleGroup":"Rewards","examples":[{"title":"Reward Table","content":"<sqm-rewards-table per-page=\"4\" show-labels= 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 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"},{"name":"note","type":"string","title":"note","description":""}],"examples":[]},{"tagName":"sqm-rewards-table-customer-note-column","title":"Reward Table Customer Note Column","attributes":[{"name":"column-title","type":"string","title":"Customer Note Column Title","description":"","default":"Note"}],"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":""},{"name":"locale","type":"string","title":"locale","description":"","default":"en"}],"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"},{"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"]}],"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":""},{"name":"copy-text","type":"string","title":"copy-text","description":""},{"name":"locale","type":"string","title":"locale","description":""},{"name":"redeemed-text","type":"string","title":"redeemed-text","description":""}],"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"},{"name":"column-title","type":"string","title":"Reward Column Title","description":"","default":"Reward"},{"name":"copy-text","type":"string","title":"Copied Fuel Tank Text","description":"","default":"Copied!"},{"name":"redeemed-text","type":"string","title":"Redeemed Amount Text","description":"","default":"{redeemedAmount} redeemed"}],"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":""},{"name":"deleted-user-text","type":"string","title":"deleted-user-text","description":""},{"name":"locale","type":"string","title":"locale","description":"","default":"en"},{"name":"referral-text","type":"string","title":"referral-text","description":""},{"name":"reward-exchange-text","type":"string","title":"reward-exchange-text","description":""},{"name":"reward-source-text","type":"string","title":"reward-source-text","description":""}],"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"},{"name":"column-title","type":"string","title":"Soruce Column Title","description":"","default":"Source"},{"name":"deleted-user","type":"string","title":"Deleted User Text","description":"Name displayed for deleted users","default":"Deleted User"},{"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"},{"name":"reward-exchange-text","type":"string","title":"Reward Exchange Label","description":"","default":"Reward Exchange"},{"name":"reward-source-text","type":"string","title":"Reward Source Text","description":"","default":"{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}","uiWidget":"textArea"}],"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"},{"name":"locale","type":"string","title":"locale","description":"","default":"en"},{"name":"pending-scheduled","type":"string","title":"pending-scheduled","description":"","default":"Until"},{"name":"pending-unhandled","type":"string","title":"pending-unhandled","description":"","default":"Fulfillment error"},{"name":"pending-us-tax","type":"string","title":"pending-us-tax","description":"","default":"W-9 required"},{"name":"status-text","type":"string","title":"status-text","description":""}],"examples":[]},{"tagName":"sqm-rewards-table-status-column","title":"Reward Table Status Column","attributes":[{"name":"column-title","type":"string","title":"Column Title","description":"","default":"Status"},{"name":"expiry-text","type":"string","title":"Expired Status Text","description":"","default":"Expires on "},{"name":"pending-scheduled","type":"string","title":"Expiry Date Prefix","description":"","default":"Until"},{"name":"pending-unhandled","type":"string","title":"Unhandled Error Text","description":"Displayed when fulfillment error occured when creating a reward.","default":"Fulfillment error"},{"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"},{"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"}],"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 (for pages)","attributes":[{"name":"path","type":"string","title":"Navigation Path Name","description":""}],"examples":[]},{"tagName":"sqm-router","title":"Router (for pages)","attributes":[],"examples":[]},{"tagName":"sqm-scroll","title":"Scroll Button","slots":[{"name":"","title":"Button Content"}],"attributes":[{"name":"button-text","type":"string","title":"Button Text","description":""},{"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"]},{"name":"circle","type":"boolean","title":"Circle","description":"Draws a circle button."},{"name":"icon-name","type":"string","title":"Icon Name","description":""},{"name":"icon-slot","type":"string","title":"Icon Slot","description":"","enum":["prefix","suffix"],"enumNames":["Prefix","Suffix"]},{"name":"mobile","type":"boolean","title":"Full Width on Mobile","description":"The button becomes full width if the screen size is smaller than 500px"},{"name":"outline","type":"boolean","title":"Outline","description":"Draws an outlined button."},{"name":"pill","type":"boolean","title":"Pill","description":"Draws a pill-style button with rounded edges."},{"name":"scroll-animation","type":"string","title":"Scroll Animation Style","description":"","default":"smooth","enum":["smooth","auto"],"enumNames":["Smooth","Auto"]},{"name":"scroll-id","type":"string","title":"Scroll Id","description":""},{"name":"scroll-tag-name","type":"string","title":"Scroll Tag Name","description":""},{"name":"size","type":"string","title":"Size","description":"","enum":["small","medium","large"],"enumNames":["Small","Medium","Large"]}],"exampleGroup":"Common Components","examples":[{"title":"Scroll Button","content":"<sqm-scroll button-type=\"primary\" size=\"medium\" outline mobile scroll-animation=\"smooth\">Button Text</sqm-scroll>"}],"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"},{"name":"borderradius","type":"number","title":"Border Radius","description":"Configure border radius with pixel amount"},{"name":"disabled","type":"boolean","title":"Disabled","description":""},{"name":"hideicon","type":"boolean","title":"Hide Icon","description":"","default":false},{"name":"hidetext","type":"boolean","title":"Hide Text","description":"","default":false},{"name":"icon","type":"string","title":"Icon","description":"Options available at https://shoelace.style/components/icon\n\nIcon used in button. Will try to select an icon based on the share medium if left empty."},{"name":"iconslot","type":"string","title":"Icon Location","description":"","default":"prefix","enum":["prefix","suffix"],"enumNames":["Prefix","Suffix"]},{"name":"medium","type":"string","title":"Share Medium","description":"The social medium to share on. Share messages and links\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"]},{"name":"pill","type":"boolean","title":"Display Pill","description":""},{"name":"program-id","type":"string","title":"Program ID","description":"Optional programId, or uses the programId context where this button is rendered.","uiWidget":"programSelector"},{"name":"sharetext","type":"string","title":"Share Text","description":"Text used for native sharing (mobile only)"},{"name":"sharetitle","type":"string","title":"Share Title","description":"Title used for native sharing (mobile only)"},{"name":"size","type":"string","title":"Button Size","description":"","enum":["small","medium","large"],"enumNames":["Small","Medium","Large"]},{"name":"textcolor","type":"string","title":"Button Text Color","description":"","uiWidget":"color","format":"color"},{"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"]}],"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"},{"name":"tooltip-lifespan","type":"number","title":"Tooltip lifespan","description":"The number of milliseconds that the tooltip appears for","default":1000},{"name":"tooltip-text","type":"string","title":"Tooltip Text","description":"This is shown after someone has successfully copied the code to the clipboard.","default":"Copied to Clipboard"}],"exampleGroup":"Referrals","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"},{"name":"tooltip-lifespan","type":"number","title":"Tooltip Lifespan","description":"The number of milliseconds that the tooltip appears for","default":1000},{"name":"tooltip-text","type":"string","title":"Tooltip Text","description":"This is shown after someone has successfully copied the link to the clipboard.","default":"Copied to Clipboard"}],"exampleGroup":"Referrals","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"]},{"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"]}],"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\">Points Balance</sqm-big-stat><sqm-big-stat flex-reverse=\"true\" alignment=\"left\" stat-type=\"/integrationRewardsCountFiltered/AVAILABLE/global\">Giftcards Earned</sqm-big-stat><sqm-big-stat flex-reverse=\"true\" alignment=\"left\" stat-type=\"/referralsCount\">Referrals</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":""}],"exampleGroup":"Layout","examples":[{"title":"Tab","content":"<sqm-tab header=\"Example\">This is an example tab. Add your own content here.</sqm-tab>"}],"validParents":["sqm-tabs"]},{"tagName":"sqm-table-cell","title":"sqm-table-cell","attributes":[{"name":"colspan","type":"number","title":"colspan","description":"","default":1},{"name":"padding","type":"string","title":"padding","description":"","default":"15px 10px"}],"examples":[]},{"tagName":"sqm-table-row","title":"sqm-table-row","attributes":[{"name":"border","type":"string","title":"border","description":"","default":"1px solid #EAEAEA"}],"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"]}],"exampleGroup":"Layout","examples":[{"title":"Generic Tab Group","content":"<sqm-tabs><sqm-tab header=\"Tab 1\">This is the first tab</sqm-tab><sqm-tab header=\"Tab 2\">This is the second tab</sqm-tab><sqm-tab header=\"Tab 3\">This is the third tab</sqm-tab></sqm-tabs>"},{"title":"Referral Tab Group","content":"<sqm-tabs><sqm-tab header=\"Leaderboard\"><sqm-leaderboard usersheading=\"Referrer\" statsheading=\"Referrals\" rankheading=\"Rank\" rank-type=\"rowNumber\" leaderboard-type=\"topStartedReferrers\" show-rank anonymous-user=\"Anonymous User\"><sqm-empty empty-state-image=\"https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_leaderboard2.png\" empty-state-header=\"View your rank in the leaderboard\" empty-state-text=\"Be the first to refer a friend and reach the top of the leaderboard\"></sqm-empty></sqm-leaderboard></sqm-tab><sqm-tab header=\"Referral history\"><sqm-referral-table><sqm-referral-table-user-column column-title=\"User\" anonymous-user=\"Anonymous User\" deleted-user=\"Deleted User\"></sqm-referral-table-user-column><sqm-referral-table-status-column column-title=\"Referral status\" converted-status-text=\"Converted\" in-progress-status-text=\"In Progress\"></sqm-referral-table-status-column><sqm-referral-table-rewards-column column-title=\"Rewards\" expiring-text=\"Expiring in\" fuel-tank-text=\"Your code is\" pending-for-text=\"{status} for {date}\" reward-received-text=\"Reward received on\" status-long-text=\"{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }\" status-text=\"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }\"></sqm-referral-table-rewards-column><sqm-referral-table-date-column column-title=\"Date referred\" date-shown=\"dateReferralStarted\"></sqm-referral-table-date-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\"></sqm-empty></sqm-referral-table></sqm-tab></sqm-tabs>"},{"title":"Loyalty Tab Group","content":"<sqm-tabs placement=\"top\"> <sqm-tab header=\"Leaderboard\"> <sqm-leaderboard usersheading=\"Users\" statsheading=\"Points Earned\" rankheading=\"Rank\" rank-type=\"rowNumber\" leaderboard-type=\"topPointEarners\" show-rank anonymous-user=\"Anonymous User\" > <sqm-empty empty-state-image=\"https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_leaderboard2.png\" empty-state-header=\"View your rank in the leaderboard\" empty-state-text=\"Be the first to earn points and reach the top of the leaderboard\" ></sqm-empty ></sqm-leaderboard> </sqm-tab> <sqm-tab header=\"Reward history\"> <sqm-rewards-table ><sqm-rewards-table-reward-column available-text=\"{availableAmount} remaining\" column-title=\"Reward\" copy-text=\"Copied!\" redeemed-text=\"{redeemedAmount} redeemed\" > </sqm-rewards-table-reward-column> <sqm-rewards-table-source-column anonymous-user=\"Anonymous User\" column-title=\"Source\" deleted-user=\"Deleted User\" referral-text=\"{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}\" reward-exchange-text=\"Reward Exchange\" reward-source-text=\"{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}\" > </sqm-rewards-table-source-column><sqm-rewards-table-status-column column-title=\"Status\" expiry-text=\"Expires on \" status-text=\"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }\"></sqm-rewards-table-status-column><sqm-rewards-table-date-column column-title=\"Date received\" date-shown=\"dateGiven\"></sqm-rewards-table-date-column><sqm-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=\"Refer friends and complete tasks to view the details of your rewards\"></sqm-empty></sqm-rewards-table></sqm-tab><sqm-tab header=\"Redeem\"><sqm-reward-exchange-list back-text=\"Back\" button-text=\"Exchange Rewards\" cancel-text=\"Cancel\" choose-amount-title=\"Select\" choose-reward-title=\"Rewards\" confirmation-title=\"Confirm\" continue-text=\"Continue\" continue-to-confirmation-text=\"Continue to confirmation\" done-text=\"Done\" reward-title=\"Choose a reward\" not-available-error=\"{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }\" not-enough-error=\"Not enough {sourceUnit} to redeem for this reward\" query-error=\"Unable to load reward exchange list. Please try again\" redeem-text=\"Redeem\" redeem-title=\"Confirm and redeem\" redemption-error=\"An error occured trying to redeem this reward. Please try again\" redemption-success-text=\"Redeemed {sourceValue} for {destinationValue}\" select-text=\"Select amount to receive\" source-amount-message=\"{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}\" tooltiptext=\"Copied\" reward-name-title=\"Reward\" reward-amount-title=\"Reward Amount\" cost-title=\"Cost to Redeem\" reward-redeemed-text=\"Reward redeemed\" skeleton-card-num=\"8\" promo-code=\"Promo Code\" tooltip-text=\"Copied!\"><sqm-empty empty-state-image=\"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png\" empty-state-header=\"Redeem rewards\" empty-state-text=\"Use your points to redeem rewards once they become available\"></sqm-empty></sqm-reward-exchange-list></sqm-tab></sqm-tabs>"}]},{"tagName":"sqm-task-card","title":"Task Card","attributes":[{"name":"button-link","type":"string","title":"CTA Button Link","description":"","uiGroup":"CTA Button"},{"name":"button-text","type":"string","title":"CTA Button Text","description":"","default":"Complete Action","uiGroup":"CTA Button"},{"name":"card-title","type":"string","title":"Title Text","description":"","default":"Title Text","uiGroup":"Task"},{"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"},{"name":"description","type":"string","title":"Description Text","description":"","default":"","uiGroup":"Task"},{"name":"display-duration","type":"string","title":"Display Duration","description":"Timeframe that the task card will be shown","uiWidget":"dateRange","uiWidgetOptions":{"allowPastDates":true,"months":1},"uiGroup":"Task"},{"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"},{"name":"event-key","type":"string","title":"Task Card Button Event Key","description":"Optionally send an event to SaaSquatch when a user clicks the CTA. This field configured what key of the event sent is.","uiGroup":"CTA Button"},{"name":"expiry-message","type":"string","title":"Expiry Date Message","description":"","default":"Ends {endDate}","uiGroup":"Task"},{"name":"finite","type":"number","title":"Repeat Amount","description":"The number of times a reward can be earned. Use zero for no limit (the default).","default":0,"uiGroup":"Reward"},{"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"},{"name":"open-new-tab","type":"boolean","title":"Open In New Tab","description":"CTA Button Link Opens in New Tab","default":false,"uiGroup":"CTA Button"},{"name":"program-id","type":"string","title":"Program ID Override","description":"The ID of the program that is used to scope the task card. Defaults to the program context when no ID is specified.","uiWidget":"programSelector","uiGroup":"Goal"},{"name":"progress-bar-unit","type":"string","title":"Progress Bar Unit","description":"","default":"","uiGroup":"Goal"},{"name":"repeatable","type":"boolean","title":"Goal Repeatable","description":"","default":false,"uiGroup":"Goal"},{"name":"reward-amount","type":"string","title":"Reward Amount","description":"","default":"0","uiGroup":"Reward"},{"name":"reward-duration","type":"string","title":"Reward Duration","description":"","uiWidget":"dateRange","uiWidgetOptions":{"allowPastDates":true,"months":1},"uiGroup":"Reward"},{"name":"reward-unit","type":"string","title":"Reward Unit","description":"","default":"Points","uiGroup":"Reward"},{"name":"show-progress-bar","type":"boolean","title":"Show Progress Bar","description":"","default":false,"uiGroup":"Goal"},{"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"},{"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},"uiGroup":"Goal"},{"name":"steps","type":"boolean","title":"Progress Bar Steps","description":"","default":false,"uiGroup":"Goal"}],"exampleGroup":"Rewards","examples":[]},{"tagName":"sqm-text","title":"Text","slots":[{"name":"","title":"Text"}],"attributes":[],"exampleGroup":"Typography","examples":[{"title":"H1","content":"<sqm-text><h1>H1 Header Text</h1></sqm-text>"},{"title":"H2","content":"<sqm-text><h2>H2 Header Text</h2></sqm-text>"},{"title":"H3","content":"<sqm-text><h3>H3 Header Text</h3></sqm-text>"},{"title":"H4","content":"<sqm-text><h4>H4 Header Text</h4></sqm-text>"},{"title":"Paragraph","content":"<sqm-text><p>Paragraph Text</p></sqm-text>"}],"slotEditor":"richText","canvasRenderer":"always-replace"},{"tagName":"sqm-text-span","title":"Text Span","attributes":[{"name":"text","type":"string","title":"Text","description":""},{"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"]}],"examples":[]},{"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"]}],"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":"Timeline Entry","attributes":[{"name":"desc","type":"string","title":"Description","description":""},{"name":"icon","type":"string","title":"Icon","description":"","enum":["gift","circle"],"enumNames":["Gift","Circle"]},{"name":"reward","type":"string","title":"Reward Amount","description":""},{"name":"unit","type":"string","title":"Reward Unit","description":""}],"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":"Label for the section unless overwritten via the label slot."},{"name":"label-margin","type":"string","title":"Label Margin Style","description":"","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"]},{"name":"padding","type":"string","title":"Section 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"]},{"name":"text-align","type":"string","title":"Text Align","description":"","default":"left","enum":["left","center","right"],"enumNames":["Left","Center","Right"]}],"exampleGroup":"Layout","examples":[{"title":"Titled Section","content":"<sqm-titled-section text-align=\"center\" label-margin=\"small\" padding=\"none\"><div slot=\"label\">Section Label</div><div slot=\"content\">Add your section content here!</div></sqm-titled-section>"}]},{"tagName":"sqm-user-name","title":"User Name","attributes":[{"name":"fallback","type":"string","title":"Fallback Name","description":"Fallback name for unknown users","default":"Anonymous User"},{"name":"loading-text","type":"string","title":"Loading Text","description":"","default":"..."}],"exampleGroup":"Common Components","examples":[{"title":"User Name Display","content":"<sqm-user-name fallback=\"Anonymous User\"></sqm-user-name>"}]}]}]}
1
+ {"schemaVersion":"0.0.1","modules":[{"tags":[{"tagName":"sqm-asset-card","title":"Asset Card","attributes":[{"name":"img-url","type":"string","title":"Banner Image","description":""},{"name":"title-text","type":"string","title":"Banner Title","description":""}],"examples":[]},{"tagName":"sqm-big-stat","title":"Big 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"]},{"name":"flex-reverse","type":"boolean","title":"Flex Reverse","description":"Controls the order of the stat value & description column","default":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"},{"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}}],"exampleGroup":"Statistics","examples":[{"title":"Points Balance","content":"<sqm-big-stat flex-reverse=\"true\" alignment=\"left\" stat-type=\"/rewardBalance/CREDIT/POINT/value/global\">Points Balance</sqm-big-stat>"},{"title":"GiftCards Earned","content":"<sqm-big-stat flex-reverse=\"true\" alignment=\"left\" stat-type=\"/integrationRewardsCountFiltered/AVAILABLE/global\">Giftcards Earned</sqm-big-stat>"},{"title":"Referrals","content":"<sqm-big-stat flex-reverse=\"true\" alignment=\"left\" stat-type=\"/referralsCount\">Referrals</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"},{"name":"brand-font","type":"string","title":"Brand Font","description":"The brand font that you want to use"}],"exampleGroup":"Common Components","examples":[{"title":"Brand Container","content":"<sqm-brand color=\"\" brand=\"Nunito Sans\">Add your branded content here!</sqm-brand>"}]},{"tagName":"sqm-card-feed","title":"Card Feed","slots":[{"name":"","title":"Cards"}],"attributes":[{"name":"gap","type":"number","title":"Column Gap","description":"","default":24},{"name":"width","type":"number","title":"Card Width","description":"","default":347}],"exampleGroup":"Rewards","examples":[]},{"tagName":"sqm-checkbox-field","title":"Checkbox Field","attributes":[{"name":"checkbox-label","type":"string","title":"Checkbox Label","description":"","default":"By signing up you agree to the {labelLink}"},{"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"},{"name":"checkbox-label-link-text","type":"string","title":"Checkbox Label Link Text","description":"","default":"Terms and Conditions"},{"name":"checkbox-name","type":"string","title":"Checkbox Name Attribute","description":""},{"name":"checkbox-optional","type":"boolean","title":"Optional","description":"","default":false},{"name":"error-message","type":"string","title":"Unchecked Error Message","description":"","default":"Must be checked"}],"examples":[]},{"tagName":"sqm-divided-layout","title":"Divided Layout","attributes":[{"name":"direction","type":"string","title":"Direction","description":"","enum":["row","column"],"enumNames":["Row","Column"]},{"name":"divider-style","type":"string","title":"Border Style","description":"Uses Shorthand CSS border syntax","default":"1px solid #EAEAEA"}],"examples":[]},{"tagName":"sqm-dropdown-field","title":"Dropdown Field","attributes":[{"name":"dropdown-label","type":"string","title":"Dropdown Label","description":"","default":"Select an option"},{"name":"dropdown-name","type":"string","title":"Dropdown Name Attribute","description":""},{"name":"dropdown-optional","type":"boolean","title":"Optional","description":"","default":false},{"name":"error-message","type":"string","title":"Unselected Error Message","description":"","default":"Select an option"}],"examples":[]},{"tagName":"sqm-edit-profile","title":"Edit Profile","attributes":[{"name":"canceltext","type":"string","title":"Cancel Button Text","description":""},{"name":"currentregiontext","type":"string","title":"Region Field Label","description":""},{"name":"editprofileheader","type":"string","title":"Heading","description":""},{"name":"editprofiletext","type":"string","title":"Edit Profile Text","description":"Enable editing button text"},{"name":"firstnametext","type":"string","title":"First Name Label","description":""},{"name":"lastnametext","type":"string","title":"Last Name Label","description":""},{"name":"showregion","type":"boolean","title":"Show Region","description":"Show or hide current region"},{"name":"updatetext","type":"string","title":"Info Button Text","description":""}],"examples":[]},{"tagName":"sqm-empty","title":"Empty State Content","attributes":[{"name":"empty-state-header","type":"string","title":"Empty State Title","description":""},{"name":"empty-state-image","type":"string","title":"Empty State Image Link","description":"","uiWidget":"ImageUpload","format":"url"},{"name":"empty-state-text","type":"string","title":"Empty State Text","description":""}],"examples":[],"validParents":["sqm-referral-table","sqm-rewards-table","sqm-leaderboard","sqm-reward-exchange-list"]},{"tagName":"sqm-form-message","title":"Form Message","attributes":[{"name":"icon","type":"string","title":"Icon","description":"Icon to use in alert"},{"name":"type","type":"string","title":"Alert Type","description":""}],"examples":[]},{"tagName":"sqm-graphql-client-provider","title":"GraphQL Client Provider","attributes":[{"name":"domain","type":"string","title":"Domain","description":""}],"examples":[]},{"tagName":"sqm-hero","title":"Hero Layout","attributes":[{"name":"background","type":"string","title":"Background","description":"Can be an image url, colour or Shoelace variable.","default":"var(--sl-color-gray-50)"},{"name":"columns","type":"1 | 2","title":"Columns","description":"Number of columns in the layout","default":1},{"name":"padding-size","type":"\"large\" | \"medium\" | \"none\" | \"small\"","title":"Padding Size","description":"","default":"large","enum":["none","small","medium","large"],"enumNames":["None","Small","Medium","Large"]},{"name":"secondary-background","type":"string","title":"Secondary Background","description":"Secondary background image or color (for use in the right column)"},{"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"]}],"examples":[]},{"tagName":"sqm-hero-image","title":"Hero Image","attributes":[{"name":"background-color","type":"string","title":"Background Color","description":"","uiWidget":"color","format":"color"},{"name":"button-link","type":"string","title":"CTA Button Link","description":""},{"name":"button-new-tab","type":"boolean","title":"Button New Tab","description":"CTA Button Opens Link in New Tab","default":false},{"name":"button-text","type":"string","title":"CTA Button Text","description":""},{"name":"description","type":"string","title":"Description Text","description":""},{"name":"header","type":"string","title":"Title Text","description":""},{"name":"image-mobile-pos","type":"string","title":"Image Mobile Position","description":"","default":"top","enum":["top","bottom"],"enumNames":["Top","Bottom"]},{"name":"image-percentage","type":"number","title":"Image Percentage","description":"","default":50},{"name":"image-pos","type":"string","title":"Image Position","description":"","default":"center","enum":["left","center","right"],"enumNames":["Left","Center","Right"]},{"name":"image-url","type":"string","title":"Image Link","description":"","uiWidget":"ImageUpload","format":"url"},{"name":"layout","type":"string","title":"Image Layout","description":"","default":"overlay","enum":["overlay","columns"],"enumNames":["Overlay","Two-column"]},{"name":"overlay-color","type":"string","title":"Overlay Color","description":"","uiWidget":"color","format":"color"},{"name":"overlay-opacity","type":"string","title":"Overlay Opacity","description":"","default":"0.75"},{"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"]},{"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"]},{"name":"text-color","type":"string","title":"Text Color","description":"","uiWidget":"color","format":"color"}],"exampleGroup":"Common Components","examples":[{"title":"Two Column Layout","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","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"]},{"name":"background-color","type":"string","title":"Background Color","description":"","uiWidget":"color"},{"name":"image-url","type":"string","title":"Image Link","description":"","uiWidget":"ImageUpload","format":"url"},{"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."}],"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":"Input Field","attributes":[{"name":"error-message","type":"string","title":"Required Error Message","description":"","default":"Cannot be empty"},{"name":"field-label","type":"string","title":"Input Label","description":""},{"name":"field-name","type":"string","title":"Input Name Attribute","description":"Used as the key of the inputs value in form data."},{"name":"field-optional","type":"boolean","title":"Optional","description":"","default":false},{"name":"field-type","type":"string","title":"Input Type","description":"","default":"text","enum":["text","date","tel"],"enumNames":["Text","Date","Phone Number"]}],"examples":[]},{"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"},{"name":"hide-viewer","type":"boolean","title":"Hide Viewing User","description":"Hide the viewer's leaderboard row if not in the top results.","default":false},{"name":"interval","type":"string","title":"Leaderboard Time Interval","description":"","uiWidget":"dateRange","uiWidgetOptions":{"allowPastDates":true,"months":1}},{"name":"leaderboard-type","type":"string","title":"Leaderboard Type","description":"","enum":["topStartedReferrers","topConvertedReferrers","topPointEarners"],"enumNames":["Top Started Referrers","Top Converted Referrers","Top Point Earners"]},{"name":"max-rows","type":"number","title":"Maximum Rows Number","description":"Control the maximum amount of rows displayed on the leaderboard.","default":10},{"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.\nIf no program ID is set or provided by context, then a global leaderboard is shown.","uiWidget":"programSelector"},{"name":"rank-type","type":"string","title":"Rank Type","description":"","enum":["rowNumber","rank","denseRank"],"enumNames":["Row Number","Rank","Dense Rank"]},{"name":"rankheading","type":"string","title":"Rank Column Heading","description":""},{"name":"show-rank","type":"boolean","title":"Show Leaderboard Rank","description":""},{"name":"statsheading","type":"string","title":"Stats Column Heading","description":""},{"name":"usersheading","type":"string","title":"User Column Heading","description":""}],"exampleGroup":"Leaderboards","examples":[{"title":"Referral Converted Leaderboard","content":"<sqm-leaderboard usersheading=\"Referrer\" statsheading=\"Referrals\" rankheading=\"Rank\" rank-type=\"rowNumber\" leaderboard-type=\"topConvertedReferrers\" show-rank anonymous-user=\"Anonymous User\"> <sqm-empty empty-state-image=\"https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_leaderboard2.png\" empty-state-header=\"View your rank in the leaderboard\" empty-state-text=\"Be the first to refer a friend and reach the top of the leaderboard\" > </sqm-empty></sqm-leaderboard>"},{"title":"Referral Started Leaderboard","content":"<sqm-leaderboard usersheading=\"Referrer\" statsheading=\"Referrals\" rankheading=\"Rank\" rank-type=\"rowNumber\" leaderboard-type=\"topStartedReferrers\" show-rank anonymous-user=\"Anonymous User\"> <sqm-empty empty-state-image=\"https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_leaderboard2.png\" empty-state-header=\"View your rank in the leaderboard\" empty-state-text=\"Be the first to refer a friend and reach the top of the leaderboard\" > </sqm-empty></sqm-leaderboard>"},{"title":"Point Earners Leaderboard","content":"<sqm-leaderboard usersheading=\"Users\" statsheading=\"Points Earned\" rankheading=\"Rank\" rank-type=\"rowNumber\" leaderboard-type=\"topPointEarners\" show-rank anonymous-user=\"Anonymous User\"> <sqm-empty empty-state-image=\"https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_leaderboard2.png\" empty-state-header=\"View your rank in the leaderboard\" empty-state-text=\"Be the first to earn points and reach the top of the leaderboard\" ></sqm-empty></sqm-leaderboard>"}]},{"tagName":"sqm-leaderboard-rank","title":"Leaderboard Rank","attributes":[{"name":"interval","type":"string","title":"Leaderboard Time Interval","description":"","uiWidget":"dateRange","uiWidgetOptions":{"allowPastDates":true,"months":1}},{"name":"leaderboard-type","type":"string","title":"Leaderboard Type","description":"","enum":["topStartedReferrers","topConvertedReferrers","topPointEarners"],"enumNames":["Top Started Referrers","Top Converted Referrers","Top Point Earners"]},{"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.\nIf no program ID is set or provided by context, then a global leaderboard is shown.","uiWidget":"programSelector"},{"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"},{"name":"rank-type","type":"string","title":"Default Rank","description":"","enum":["rowNumber","rank","denseRank"],"enumNames":["Row Number","Rank","Dense Rank"]},{"name":"unranked-text","type":"string","title":"Unranked Text","description":""}],"exampleGroup":"Leaderboards","examples":[{"title":"Referral Converted Leaderboard","content":"<sqm-leaderboard-rank leaderboard-type=\"topConvertedReferrers\" rank-type=\"rowNumber\" rank-text=\"You are currently in {rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th} } place!\" unranked-text=\"You are currently unranked, refer a friend!\"></sqm-leaderboard-rank>"},{"title":"Referral Started Leaderboard","content":"<sqm-leaderboard-rank leaderboard-type=\"topStartedReferrers\" rank-type=\"rowNumber\" rank-text=\"You are currently in {rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th} } place!\" unranked-text=\"You are currently unranked, refer a friend!\"></sqm-leaderboard-rank>"},{"title":"Point Earners Leaderboard","content":"<sqm-leaderboard-rank rleaderboard-type=\"topPointEarners\" ank-type=\"rowNumber\" rank-text=\"You are currently in {rank, selectordinal, one {#st} two {#nd} few {#rd} other {#th} } place!\" unranked-text=\"You are currently unranked, earn points!\"></sqm-leaderboard-rank>"}]},{"tagName":"sqm-name-fields","title":"Name Fields","attributes":[{"name":"first-name-label","type":"string","title":"First Name label","description":"","default":"First Name"},{"name":"last-name-label","type":"string","title":"Last Name label","description":"","default":"Last Name"}],"examples":[]},{"tagName":"sqm-navigation-menu","title":"Navigation Menu","attributes":[{"name":"include-dropdown","type":"boolean","title":"Include Dropdown Menu","description":""},{"name":"menu-label","type":"string","title":"Menu Label","description":"Label on the header menu"}],"examples":[]},{"tagName":"sqm-navigation-sidebar","title":"Navigation Sidebar","attributes":[],"examples":[]},{"tagName":"sqm-navigation-sidebar-item","title":"Navigation Link","attributes":[{"name":"icon","type":"string","title":"Icon","description":"Options available at https://shoelace.style/components/icon"},{"name":"label","type":"string","title":"Label","description":""},{"name":"path","type":"string","title":"Navigation Path","description":""}],"examples":[]},{"tagName":"sqm-password-field","title":"Portal Password Field","attributes":[{"name":"enable-validation","type":"boolean","title":"Enable Validation","description":"Enable live password validation","default":true},{"name":"field-label","type":"string","title":"Password Label","description":"Label for password field","default":"Password"}],"examples":[]},{"tagName":"sqm-popup-container","title":"Popup Container For Widgets","attributes":[{"name":"close-button","type":"boolean","title":"Show Close Button","description":"Display a close button on the popup"},{"name":"close-button-text","type":"string","title":"Close Button Text","description":"Text inside the close button"},{"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"]},{"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"]},{"name":"powered-by","type":"boolean","title":"Show Powered By","description":"Show Powered By SaaSquatch link"}],"examples":[]},{"tagName":"sqm-portal-change-password","title":"Portal Profile","attributes":[{"name":"cancel-text","type":"string","title":"Cancel Button Text","description":"Modal cancel button text","default":"Cancel"},{"name":"change-password-button-text","type":"string","title":"Change Password Button Text","description":"Modal change password button text","default":"Change Password"},{"name":"confirm-password-field-label","type":"string","title":"Confirm Password Label","description":"Password confirmation input field label","default":"Confirm New Password"},{"name":"modal-change-password-header","type":"string","title":"Change Password Modal Header","description":"","default":"Change Password"},{"name":"password-field-label","type":"string","title":"Password Label","description":"Password input field label","default":"New Password"},{"name":"portal-change-password-button-text","type":"string","title":"Change Password Button Text","description":"","default":"Change your password..."},{"name":"portal-change-password-header","type":"string","title":"Change Password Header","description":"Portal change password section header","default":"Password"},{"name":"success-message","type":"string","title":"Successful Message","description":"Successful password change message","default":"Your password has been updated."}],"examples":[]},{"tagName":"sqm-portal-container","title":"Portal Container","slots":[{"name":"","title":"Widget Content"}],"attributes":[{"name":"center","type":"boolean","title":"Center Content","description":""},{"name":"direction","type":"string","title":"Direction","description":"","default":"column","enum":["row","column"],"enumNames":["Row","Column"]},{"name":"display","type":"string","title":"Display","description":"","default":"grid","enum":["grid","flex"],"enumNames":["Grid","Flex"]},{"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"]},{"name":"justify-content","type":"string","title":"Justify Content","description":"Defines how the container distributes space between & around content items along the main-axis of a flex container","enum":["start","center","end","space-between","space-around","space-evenly"],"enumNames":["Start","Center","End","Space Between","Space Around","Space Evenly"]},{"name":"max-width","type":"string","title":"Maximum width","description":"","default":"100%"},{"name":"min-width","type":"string","title":"Minimum Width","description":""},{"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"]}],"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 column content above or below!</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 to the left or right!</p></sqm-portal-container>"}]},{"tagName":"sqm-portal-email-verification","title":"Portal Email Verification","attributes":[{"name":"email-verification-header","type":"string","title":"Email Verification Header Text","description":"","default":"Verify your email"},{"name":"redirect-path","type":"string","title":"Email Redirection Base Path","description":"The page that users are redirected to from the verification email.","default":"/verifyEmail"},{"name":"resend-email-button-text","type":"string","title":"Re-send Email Button Text","description":"","default":"Re-send Email"},{"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."}],"examples":[]},{"tagName":"sqm-portal-footer","title":"Portal Footer","attributes":[{"name":"faq-link","type":"string","title":"FAQ Link","description":""},{"name":"faq-text","type":"string","title":"FAQ Text","description":""},{"name":"padding-bottom","type":"string","title":"Padding Bottom","description":"","default":"large"},{"name":"padding-left","type":"string","title":"Padding Left","description":"","default":"large"},{"name":"padding-right","type":"string","title":"Padding Right","description":"","default":"large"},{"name":"padding-top","type":"string","title":"Padding Top","description":"","default":"large"},{"name":"powered-by-link","type":"string","title":"Powered By Link","description":"","default":"https://saasquatch.com"},{"name":"show-powered-by","type":"boolean","title":"Show Powered By SaaSquatch","description":"","default":true},{"name":"support-email","type":"string","title":"Support Email","description":"","default":"support@example.com"},{"name":"support-text","type":"string","title":"Support Text","description":"","default":"For program support, contact {email}"},{"name":"terms-link","type":"string","title":"Terms and Conditions Link","description":""},{"name":"terms-text","type":"string","title":"Terms and Conditions Text","description":""}],"examples":[]},{"tagName":"sqm-portal-forgot-password","title":"Portal Forgot Password","attributes":[{"name":"email-label","type":"string","title":"Email Label","description":"","default":"Email"},{"name":"login-path","type":"string","title":"Login Page Routing Path","description":"","default":"/login"},{"name":"redirect-path","type":"string","title":"Email Redirection Base Path","description":"The page that users are redirected to from the password reset email.","default":"/resetPassword"},{"name":"submit-label","type":"string","title":"Password Reset Button Text","description":"","default":"Request Password Reset"}],"examples":[]},{"tagName":"sqm-portal-frame","title":"Portal Frame","attributes":[],"examples":[]},{"tagName":"sqm-portal-login","title":"Portal Login","attributes":[{"name":"email-label","type":"string","title":"Email Label","description":"Label for email field","default":"Email"},{"name":"forgot-password-label","type":"string","title":"Forgot Password Text","description":"Label for forgotten password button","default":"Forgot Password?"},{"name":"forgot-password-path","type":"string","title":"Forgot Password Path","description":"Forgot password redirect path","default":"/forgotPassword"},{"name":"next-page","type":"string","title":"Next Page Path","description":"Page navigated to after sign-in","default":"/"},{"name":"page-label","type":"string","title":"Heading Label","description":"","default":"Sign in to your account"},{"name":"password-label","type":"string","title":"Password Label","description":"Label for password field","default":"Password"},{"name":"register-label","type":"string","title":"Register Button Text","description":"Label for register button","default":"Register"},{"name":"register-path","type":"string","title":"Register Path","description":"Register redirect path","default":"/register"},{"name":"submit-label","type":"string","title":"Submit Button Text","description":"Label for submit button","default":"Sign In"}],"examples":[]},{"tagName":"sqm-portal-logout","title":"Portal Logout","attributes":[{"name":"next-page","type":"string","title":"Next Page Path","description":"","default":"/"}],"examples":[]},{"tagName":"sqm-portal-profile","title":"Portal Profile","attributes":[{"name":"countrytext","type":"string","title":"Country Label","description":"Country input field label","default":"Country"},{"name":"edit-profile-header","type":"string","title":"Edit Profile Header","description":"","default":"Edit your profile"},{"name":"edit-profile-sub-header","type":"string","title":"Edit Profile Sub Header","description":"","default":"Personal Information"},{"name":"emailtext","type":"string","title":"Email Label","description":"Email input field label","default":"Email"},{"name":"firstnametext","type":"string","title":"First Name Label","description":"First name input field label","default":"First Name"},{"name":"lastnametext","type":"string","title":"Last Name Label","description":"Last name input field label","default":"Last Name"},{"name":"show-country","type":"boolean","title":"Show Country Field","description":"Show or hide the country field","default":true},{"name":"submit-change-button-text","type":"string","title":"Submit Changes Button Text","description":"","default":"Submit Changes"}],"examples":[]},{"tagName":"sqm-portal-protected-route","title":"Portal Protected Route","attributes":[{"name":"redirect-to","type":"string","title":"Redirect Path","description":"","default":"/"},{"name":"redirect-to-unverified","type":"string","title":"Redirect Unverified Users Path","description":"","default":"/emailVerification"},{"name":"require-email-verification","type":"boolean","title":"Require Email Verification","description":"","default":false}],"examples":[]},{"tagName":"sqm-portal-register","title":"Portal Register","attributes":[{"name":"confirm-password","type":"boolean","title":"Show Confirm Password Field","description":"Show or hide the confirm password input","default":false},{"name":"confirm-password-label","type":"string","title":"Confirm Password Label","description":"","default":"Confirm Password"},{"name":"email-label","type":"string","title":"Email Label","description":"","default":"Email"},{"name":"enable-password-validation","type":"boolean","title":"Enable Password Validation","description":"","default":true},{"name":"hide-inputs","type":"boolean","title":"Hide Default Inputs","description":"Hide default input fields to use custom fields","default":false},{"name":"login-label","type":"string","title":"Login Button Text","description":"","default":"Sign in"},{"name":"login-path","type":"string","title":"Login Path","description":"Login button redirection path","default":"/login"},{"name":"next-page","type":"string","title":"Next Page","description":"Page navigated to after registration","default":"/"},{"name":"page-label","type":"string","title":"Heading Label","description":"","default":"Register"},{"name":"password-label","type":"string","title":"Password Label","description":"","default":"Password"},{"name":"redirect-path","type":"string","title":"Email Redirection Base Path","description":"The page that users are redirected to from the verification email.","default":"/verifyEmail"},{"name":"submit-label","type":"string","title":"Submit Button Text","description":"","default":"Register"}],"examples":[]},{"tagName":"sqm-portal-reset-password","title":"Portal Reset Password","attributes":[{"name":"confirm-password","type":"boolean","title":"Show Confirm Password","description":"Show or hide confirm password field","default":false},{"name":"confirm-password-field-label","type":"string","title":"Confirm Password Label","description":"","default":"Confirm Password"},{"name":"continue-button-text","type":"string","title":"Continue Button Text","description":"Button text displayed after a successful password reset","default":"Continue"},{"name":"failed-page","type":"string","title":"Failed Page Path","description":"The page that users are redirected to if the reset fails due to outdated password reset attempt.","default":"/"},{"name":"next-page","type":"string","title":"Next Page Path","description":"The page that users are redirected to when the password reset succeeds.","default":"/"},{"name":"password-field-label","type":"string","title":"Password Label","description":"","default":"New Password"},{"name":"password-reset-header","type":"string","title":"Successful Password Reset Text","description":"Displayed after a successful password reset","default":"Password reset"},{"name":"reset-password-button-text","type":"string","title":"Password Reset Button Text","description":"","default":"Reset Password"},{"name":"reset-password-header","type":"string","title":"Reset Password Header Text","description":"","default":"Reset your password"}],"examples":[]},{"tagName":"sqm-portal-verify-email","title":"Portal Verify Email","attributes":[{"name":"failed-page","type":"string","title":"Failed Page Path","description":"The page that users are redirected to if verification fails due to outdated verification attempt.","default":"/"},{"name":"next-page","type":"string","title":"Next Page Path","description":"The page that users are redirected to when the verification succeeds.","default":"/"}],"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"},{"name":"header","type":"string","title":"Header Text","description":""},{"name":"text-color","type":"string","title":"Header Text Color","description":"","uiWidget":"color","format":"color"}],"exampleGroup":"Common Components","examples":[{"title":"Program Explainer","content":"<sqm-program-explainer header=\"How it works\"><sqm-program-explainer-step description=\"Complete tasks like uploading your first video or sharing videos with friends\" 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"},{"name":"description","type":"string","title":"Description","description":"","uiWidget":"textArea"},{"name":"header","type":"string","title":"Title","description":""},{"name":"icon","type":"string","title":"Icon","description":"Options available at https://shoelace.style/components/icon"},{"name":"image-url","type":"string","title":"Image Url","description":"Displayed in place of an icon","uiWidget":"imageUpload","format":"url"},{"name":"text-color","type":"string","title":"Text Color","description":"","uiWidget":"color","format":"color"}],"exampleGroup":"Common Components","examples":[{"title":"Program Explainer Step","content":"<sqm-program-explainer-step description=\"Complete tasks like uploading your first video or sharing videos with friends\" header=\"Earn points\" icon=\"cash-stack\" text-color=\"#000000\"></sqm-program-explainer-step>"}],"validParents":["sqm-program-explainer"]},{"tagName":"sqm-program-menu","title":"Portal Menu","attributes":[],"examples":[]},{"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":["Start","Center","End"]}],"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":"Height of the iframe container","default":"100%"},{"name":"iframe-src","type":"string","title":"Iframe Source","description":"URL of iframe to display"},{"name":"iframe-width","type":"string","title":"Iframe Width","description":"Width of the iframe container","default":"100%"}],"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"},{"name":"md-breakpoint","type":"number","title":"Tablet Breakpoint","description":"","default":799},{"name":"more-label","type":"string","title":"View More Button Text","description":"","default":"Next"},{"name":"per-page","type":"number","title":"Referrals Per Page","description":"Number of referrals displayed per page","default":4},{"name":"prev-label","type":"string","title":"Previous Button Text","description":"","default":"Prev"},{"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\nthis table lives. If no program ID is set or provided by context, then shows all referrals from all programs.\nIf program ID is \"classic\", shows classic-only referrals","uiWidget":"programSelector"},{"name":"show-labels","type":"boolean","title":"Show Column Labels","description":"","default":true},{"name":"show-referrer","type":"boolean","title":"Show Referrer","description":"Show referred by user in table","default":false},{"name":"sm-breakpoint","type":"number","title":"Mobile Breakpoint","description":"","default":599}],"exampleGroup":"Referrals","examples":[{"title":"Referral Table","content":"<sqm-referral-table><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\"></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":""}],"examples":[]},{"tagName":"sqm-referral-table-column","title":"Referral Table Generic Column","attributes":[{"name":"column-title","type":"string","title":"Column Title","description":""}],"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":""},{"name":"locale","type":"string","title":"locale","description":"","default":"en"}],"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"},{"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"]}],"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":""},{"name":"fuel-tank-text","type":"string","title":"fuel-tank-text","description":""},{"name":"hide-details","type":"boolean","title":"hide-details","description":""},{"name":"locale","type":"string","title":"locale","description":"","default":"en"},{"name":"pending-for-text","type":"string","title":"pending-for-text","description":""},{"name":"reward-received-text","type":"string","title":"reward-received-text","description":""},{"name":"status-long-text","type":"string","title":"status-long-text","description":""},{"name":"status-text","type":"string","title":"status-text","description":""}],"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"},{"name":"expiring-text","type":"string","title":"Reward Expiring Text","description":"","default":"Expiring in"},{"name":"fuel-tank-text","type":"string","title":"Fuel Tank Code Text","description":"","default":"Your code is"},{"name":"hide-details","type":"boolean","title":"Hide dropdown details of reward","description":"","default":false},{"name":"pending-for-text","type":"string","title":"Reward Pending Text","description":"","default":"{status} for {date}"},{"name":"reward-received-text","type":"string","title":"Reward Received Text","description":"","default":"Reward received on"},{"name":"status-long-text","type":"string","title":"Reward Status Long Text","description":"","default":"{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }","uiWidget":"textArea"},{"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"}],"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":""},{"name":"status-text","type":"string","title":"status-text","description":""}],"examples":[]},{"tagName":"sqm-referral-table-status-column","title":"Referral Table Status Column","attributes":[{"name":"column-title","type":"string","title":"Column Title","description":"","default":"Status"},{"name":"converted-status-text","type":"string","title":"Converted Status Text","description":"","default":"Converted"},{"name":"in-progress-status-text","type":"string","title":"In Progress Status Text","description":"","default":"In Progress"}],"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":""}],"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"},{"name":"column-title","type":"string","title":"User Column Title","description":"","default":"Customer"},{"name":"deleted-user","type":"string","title":"Deleted User Text","description":"Name displayed for deleted users","default":"Deleted User"}],"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"},{"name":"cancel-text","type":"string","title":"Cancel Button Text","description":"","default":"Cancel"},{"name":"choose-amount-title","type":"string","title":"Choose Amount Progress Title","description":"","default":"Select"},{"name":"choose-reward-title","type":"string","title":"Choose Reward Progress Title","description":"","default":"Rewards"},{"name":"confirmation-title","type":"string","title":"Confirmation Progress Title","description":"","default":"Confirm"},{"name":"continue-text","type":"string","title":"Continue Button Text","description":"","default":"Continue"},{"name":"continue-to-confirmation-text","type":"string","title":"Continue to Confirmation Button Text","description":"Displayed on the reward selection page.","default":"Continue to confirmation"},{"name":"cost-title","type":"string","title":"Cost Row Title","description":"Shown in the confirmation state.","default":"Cost to Redeem"},{"name":"done-text","type":"string","title":"Done Text","description":"","default":"Done"},{"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"},{"name":"not-enough-error","type":"string","title":"Not Enough Error Message","description":"","default":"Not enough {sourceUnit} to redeem for this reward","uiWidget":"textArea"},{"name":"promo-code","type":"string","title":"Promo Code Text","description":"","default":"Promo Code"},{"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"},{"name":"redeem-text","type":"string","title":"Redeem Button Text","description":"","default":"Redeem"},{"name":"redeem-title","type":"string","title":"Confirmation Title Text","description":"Displayed as the header for the confirmation page.","default":"Confirm and redeem"},{"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"},{"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"},{"name":"reward-amount-title","type":"string","title":"Reward Amount Row Title","description":"Shown in the confirmation state.","default":"Reward Amount"},{"name":"reward-name-title","type":"string","title":"Reward Row Title","description":"Shown in the confirmation state.","default":"Reward"},{"name":"reward-redeemed-text","type":"string","title":"Reward Redeemed Text","description":"","default":"Reward redeemed"},{"name":"reward-title","type":"string","title":"Reward Title Text","description":"","default":"Choose a reward"},{"name":"select-text","type":"string","title":"Select Amount Text","description":"","default":"Select amount to receive"},{"name":"skeleton-card-num","type":"number","title":"Loading Cards","description":"Set the number of placeholder cards to be shown in loading state.","default":8},{"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"},{"name":"tooltip-text","type":"string","title":"Tooltip Text","description":"Shown when a user copies a fuel tank code","default":"Copied"}],"exampleGroup":"Rewards","examples":[{"title":"Reward Exchange","content":"<sqm-reward-exchange-list back-text=\"Back\" button-text=\"Exchange Rewards\" cancel-text=\"Cancel\" choose-amount-title=\"Select\" choose-reward-title=\"Rewards\" confirmation-title=\"Confirm\" continue-text=\"Continue\" continue-to-confirmation-text=\"Continue to confirmation\" done-text=\"Done\" reward-title=\"Choose a reward\" not-available-error=\"{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }\" not-enough-error=\"Not enough {sourceUnit} to redeem for this reward\" query-error=\"Unable to load reward exchange list. Please try again\" redeem-text=\"Redeem\" redeem-title=\"Confirm and redeem\" redemption-error=\"An error occured trying to redeem this reward. Please try again\" redemption-success-text=\"Redeemed {sourceValue} for {destinationValue}\" select-text=\"Select amount to receive\" source-amount-message=\"{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}\" tooltiptext=\"Copied\" reward-name-title=\"Reward\" reward-amount-title=\"Reward Amount\" cost-title=\"Cost to Redeem\" reward-redeemed-text=\"Reward redeemed\" skeleton-card-num=\"8\" promo-code=\"Promo Code\" tooltip-text=\"Copied!\"><sqm-empty empty-state-image=\"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png\" empty-state-header=\"Redeem rewards\" empty-state-text=\"Use your points to redeem rewards once they become available\" > </sqm-empty></sqm-reward-exchange-list>"}]},{"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"},{"name":"md-breakpoint","type":"number","title":"Tablet Breakpoint","description":"","default":799},{"name":"more-label","type":"string","title":"View More button text","description":"","default":"Next"},{"name":"per-page","type":"number","title":"Number of rewards per page","description":"","default":4},{"name":"prev-label","type":"string","title":"Previous button text","description":"","default":"Prev"},{"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\nthis table lives. If no program ID is set or provided by context, then shows all rewards from all programs.","uiWidget":"programSelector"},{"name":"show-labels","type":"boolean","title":"Show column labels","description":"","default":true},{"name":"sm-breakpoint","type":"number","title":"Mobile Breakpoint","description":"","default":599}],"exampleGroup":"Rewards","examples":[{"title":"Reward Table","content":"<sqm-rewards-table per-page=\"4\" show-labels= 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 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"},{"name":"note","type":"string","title":"note","description":""}],"examples":[]},{"tagName":"sqm-rewards-table-customer-note-column","title":"Reward Table Customer Note Column","attributes":[{"name":"column-title","type":"string","title":"Customer Note Column Title","description":"","default":"Note"}],"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":""},{"name":"locale","type":"string","title":"locale","description":"","default":"en"}],"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"},{"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"]}],"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":""},{"name":"copy-text","type":"string","title":"copy-text","description":""},{"name":"locale","type":"string","title":"locale","description":""},{"name":"redeemed-text","type":"string","title":"redeemed-text","description":""}],"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"},{"name":"column-title","type":"string","title":"Reward Column Title","description":"","default":"Reward"},{"name":"copy-text","type":"string","title":"Copied Fuel Tank Text","description":"","default":"Copied!"},{"name":"redeemed-text","type":"string","title":"Redeemed Amount Text","description":"","default":"{redeemedAmount} redeemed"}],"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":""},{"name":"deleted-user-text","type":"string","title":"deleted-user-text","description":""},{"name":"locale","type":"string","title":"locale","description":"","default":"en"},{"name":"referral-text","type":"string","title":"referral-text","description":""},{"name":"reward-exchange-text","type":"string","title":"reward-exchange-text","description":""},{"name":"reward-source-text","type":"string","title":"reward-source-text","description":""}],"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"},{"name":"column-title","type":"string","title":"Soruce Column Title","description":"","default":"Source"},{"name":"deleted-user","type":"string","title":"Deleted User Text","description":"Name displayed for deleted users","default":"Deleted User"},{"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"},{"name":"reward-exchange-text","type":"string","title":"Reward Exchange Label","description":"","default":"Reward Exchange"},{"name":"reward-source-text","type":"string","title":"Reward Source Text","description":"","default":"{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}","uiWidget":"textArea"}],"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"},{"name":"locale","type":"string","title":"locale","description":"","default":"en"},{"name":"pending-scheduled","type":"string","title":"pending-scheduled","description":"","default":"Until"},{"name":"pending-unhandled","type":"string","title":"pending-unhandled","description":"","default":"Fulfillment error"},{"name":"pending-us-tax","type":"string","title":"pending-us-tax","description":"","default":"W-9 required"},{"name":"status-text","type":"string","title":"status-text","description":""}],"examples":[]},{"tagName":"sqm-rewards-table-status-column","title":"Reward Table Status Column","attributes":[{"name":"column-title","type":"string","title":"Column Title","description":"","default":"Status"},{"name":"expiry-text","type":"string","title":"Expired Status Text","description":"","default":"Expires on "},{"name":"pending-scheduled","type":"string","title":"Expiry Date Prefix","description":"","default":"Until"},{"name":"pending-unhandled","type":"string","title":"Unhandled Error Text","description":"Displayed when fulfillment error occured when creating a reward.","default":"Fulfillment error"},{"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"},{"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"}],"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 (for pages)","attributes":[{"name":"path","type":"string","title":"Navigation Path Name","description":""}],"examples":[]},{"tagName":"sqm-router","title":"Router (for pages)","attributes":[],"examples":[]},{"tagName":"sqm-scroll","title":"Scroll Button","slots":[{"name":"","title":"Button Content"}],"attributes":[{"name":"button-text","type":"string","title":"Button Text","description":""},{"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"]},{"name":"circle","type":"boolean","title":"Circle","description":"Draws a circle button."},{"name":"icon-name","type":"string","title":"Icon Name","description":""},{"name":"icon-slot","type":"string","title":"Icon Slot","description":"","enum":["prefix","suffix"],"enumNames":["Prefix","Suffix"]},{"name":"mobile","type":"boolean","title":"Full Width on Mobile","description":"The button becomes full width if the screen size is smaller than 500px"},{"name":"outline","type":"boolean","title":"Outline","description":"Draws an outlined button."},{"name":"pill","type":"boolean","title":"Pill","description":"Draws a pill-style button with rounded edges."},{"name":"scroll-animation","type":"string","title":"Scroll Animation Style","description":"","default":"smooth","enum":["smooth","auto"],"enumNames":["Smooth","Auto"]},{"name":"scroll-id","type":"string","title":"Scroll Id","description":""},{"name":"scroll-tag-name","type":"string","title":"Scroll Tag Name","description":""},{"name":"size","type":"string","title":"Size","description":"","enum":["small","medium","large"],"enumNames":["Small","Medium","Large"]}],"exampleGroup":"Common Components","examples":[{"title":"Scroll Button","content":"<sqm-scroll button-type=\"primary\" size=\"medium\" outline mobile scroll-animation=\"smooth\">Button Text</sqm-scroll>"}],"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"},{"name":"borderradius","type":"number","title":"Border Radius","description":"Configure border radius with pixel amount"},{"name":"disabled","type":"boolean","title":"Disabled","description":""},{"name":"hideicon","type":"boolean","title":"Hide Icon","description":"","default":false},{"name":"hidetext","type":"boolean","title":"Hide Text","description":"","default":false},{"name":"icon","type":"string","title":"Icon","description":"Options available at https://shoelace.style/components/icon\n\nIcon used in button. Will try to select an icon based on the share medium if left empty."},{"name":"iconslot","type":"string","title":"Icon Location","description":"","default":"prefix","enum":["prefix","suffix"],"enumNames":["Prefix","Suffix"]},{"name":"medium","type":"string","title":"Share Medium","description":"The social medium to share on. Share messages and links\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"]},{"name":"pill","type":"boolean","title":"Display Pill","description":""},{"name":"program-id","type":"string","title":"Program ID","description":"Optional programId, or uses the programId context where this button is rendered.","uiWidget":"programSelector"},{"name":"sharetext","type":"string","title":"Share Text","description":"Text used for native sharing (mobile only)"},{"name":"sharetitle","type":"string","title":"Share Title","description":"Title used for native sharing (mobile only)"},{"name":"size","type":"string","title":"Button Size","description":"","enum":["small","medium","large"],"enumNames":["Small","Medium","Large"]},{"name":"textcolor","type":"string","title":"Button Text Color","description":"","uiWidget":"color","format":"color"},{"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"]}],"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"},{"name":"tooltip-lifespan","type":"number","title":"Tooltip lifespan","description":"The number of milliseconds that the tooltip appears for","default":1000},{"name":"tooltip-text","type":"string","title":"Tooltip Text","description":"This is shown after someone has successfully copied the code to the clipboard.","default":"Copied to Clipboard"}],"exampleGroup":"Referrals","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"},{"name":"tooltip-lifespan","type":"number","title":"Tooltip Lifespan","description":"The number of milliseconds that the tooltip appears for","default":1000},{"name":"tooltip-text","type":"string","title":"Tooltip Text","description":"This is shown after someone has successfully copied the link to the clipboard.","default":"Copied to Clipboard"}],"exampleGroup":"Referrals","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"]},{"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"]}],"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\">Points Balance</sqm-big-stat><sqm-big-stat flex-reverse=\"true\" alignment=\"left\" stat-type=\"/integrationRewardsCountFiltered/AVAILABLE/global\">Giftcards Earned</sqm-big-stat><sqm-big-stat flex-reverse=\"true\" alignment=\"left\" stat-type=\"/referralsCount\">Referrals</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":""}],"exampleGroup":"Layout","examples":[{"title":"Tab","content":"<sqm-tab header=\"Example\">This is an example tab. Add your own content here.</sqm-tab>"}],"validParents":["sqm-tabs"]},{"tagName":"sqm-table-cell","title":"sqm-table-cell","attributes":[{"name":"colspan","type":"number","title":"colspan","description":"","default":1},{"name":"padding","type":"string","title":"padding","description":"","default":"15px 10px"}],"examples":[]},{"tagName":"sqm-table-row","title":"sqm-table-row","attributes":[{"name":"border","type":"string","title":"border","description":"","default":"1px solid #EAEAEA"}],"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"]}],"exampleGroup":"Layout","examples":[{"title":"Generic Tab Group","content":"<sqm-tabs><sqm-tab header=\"Tab 1\">This is the first tab</sqm-tab><sqm-tab header=\"Tab 2\">This is the second tab</sqm-tab><sqm-tab header=\"Tab 3\">This is the third tab</sqm-tab></sqm-tabs>"},{"title":"Referral Tab Group","content":"<sqm-tabs><sqm-tab header=\"Leaderboard\"><sqm-leaderboard usersheading=\"Referrer\" statsheading=\"Referrals\" rankheading=\"Rank\" rank-type=\"rowNumber\" leaderboard-type=\"topStartedReferrers\" show-rank anonymous-user=\"Anonymous User\"><sqm-empty empty-state-image=\"https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_leaderboard2.png\" empty-state-header=\"View your rank in the leaderboard\" empty-state-text=\"Be the first to refer a friend and reach the top of the leaderboard\"></sqm-empty></sqm-leaderboard></sqm-tab><sqm-tab header=\"Referral history\"><sqm-referral-table><sqm-referral-table-user-column column-title=\"User\" anonymous-user=\"Anonymous User\" deleted-user=\"Deleted User\"></sqm-referral-table-user-column><sqm-referral-table-status-column column-title=\"Referral status\" converted-status-text=\"Converted\" in-progress-status-text=\"In Progress\"></sqm-referral-table-status-column><sqm-referral-table-rewards-column column-title=\"Rewards\" expiring-text=\"Expiring in\" fuel-tank-text=\"Your code is\" pending-for-text=\"{status} for {date}\" reward-received-text=\"Reward received on\" status-long-text=\"{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }\" status-text=\"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }\"></sqm-referral-table-rewards-column><sqm-referral-table-date-column column-title=\"Date referred\" date-shown=\"dateReferralStarted\"></sqm-referral-table-date-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\"></sqm-empty></sqm-referral-table></sqm-tab></sqm-tabs>"},{"title":"Loyalty Tab Group","content":"<sqm-tabs placement=\"top\"> <sqm-tab header=\"Leaderboard\"> <sqm-leaderboard usersheading=\"Users\" statsheading=\"Points Earned\" rankheading=\"Rank\" rank-type=\"rowNumber\" leaderboard-type=\"topPointEarners\" show-rank anonymous-user=\"Anonymous User\" > <sqm-empty empty-state-image=\"https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_leaderboard2.png\" empty-state-header=\"View your rank in the leaderboard\" empty-state-text=\"Be the first to earn points and reach the top of the leaderboard\" ></sqm-empty ></sqm-leaderboard> </sqm-tab> <sqm-tab header=\"Reward history\"> <sqm-rewards-table ><sqm-rewards-table-reward-column available-text=\"{availableAmount} remaining\" column-title=\"Reward\" copy-text=\"Copied!\" redeemed-text=\"{redeemedAmount} redeemed\" > </sqm-rewards-table-reward-column> <sqm-rewards-table-source-column anonymous-user=\"Anonymous User\" column-title=\"Source\" deleted-user=\"Deleted User\" referral-text=\"{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}\" reward-exchange-text=\"Reward Exchange\" reward-source-text=\"{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}\" > </sqm-rewards-table-source-column><sqm-rewards-table-status-column column-title=\"Status\" expiry-text=\"Expires on \" status-text=\"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }\"></sqm-rewards-table-status-column><sqm-rewards-table-date-column column-title=\"Date received\" date-shown=\"dateGiven\"></sqm-rewards-table-date-column><sqm-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=\"Refer friends and complete tasks to view the details of your rewards\"></sqm-empty></sqm-rewards-table></sqm-tab><sqm-tab header=\"Redeem\"><sqm-reward-exchange-list back-text=\"Back\" button-text=\"Exchange Rewards\" cancel-text=\"Cancel\" choose-amount-title=\"Select\" choose-reward-title=\"Rewards\" confirmation-title=\"Confirm\" continue-text=\"Continue\" continue-to-confirmation-text=\"Continue to confirmation\" done-text=\"Done\" reward-title=\"Choose a reward\" not-available-error=\"{unavailableReasonCode, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {{sourceValue} required} AVAILABILITY_PREDICATE {Not available} other {{unavailableReasonCode}} }\" not-enough-error=\"Not enough {sourceUnit} to redeem for this reward\" query-error=\"Unable to load reward exchange list. Please try again\" redeem-text=\"Redeem\" redeem-title=\"Confirm and redeem\" redemption-error=\"An error occured trying to redeem this reward. Please try again\" redemption-success-text=\"Redeemed {sourceValue} for {destinationValue}\" select-text=\"Select amount to receive\" source-amount-message=\"{ruleType, select, FIXED_GLOBAL_REWARD {{sourceValue}} other {{sourceMinValue} to {sourceMaxValue}}}\" tooltiptext=\"Copied\" reward-name-title=\"Reward\" reward-amount-title=\"Reward Amount\" cost-title=\"Cost to Redeem\" reward-redeemed-text=\"Reward redeemed\" skeleton-card-num=\"8\" promo-code=\"Promo Code\" tooltip-text=\"Copied!\"><sqm-empty empty-state-image=\"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_exchange2.png\" empty-state-header=\"Redeem rewards\" empty-state-text=\"Use your points to redeem rewards once they become available\"></sqm-empty></sqm-reward-exchange-list></sqm-tab></sqm-tabs>"}]},{"tagName":"sqm-task-card","title":"Task Card","attributes":[{"name":"button-link","type":"string","title":"CTA Button Link","description":"","uiGroup":"CTA Button"},{"name":"button-text","type":"string","title":"CTA Button Text","description":"","default":"Complete Action","uiGroup":"CTA Button"},{"name":"card-title","type":"string","title":"Title Text","description":"","default":"Title Text","uiGroup":"Task"},{"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"},{"name":"description","type":"string","title":"Description Text","description":"","default":"","uiGroup":"Task"},{"name":"display-duration","type":"string","title":"Display Duration","description":"Timeframe that the task card will be shown","uiWidget":"dateRange","uiWidgetOptions":{"allowPastDates":true,"months":1},"uiGroup":"Task"},{"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"},{"name":"event-key","type":"string","title":"Task Card Button Event Key","description":"Optionally send an event to SaaSquatch when a user clicks the CTA. This field configured what key of the event sent is.","uiGroup":"CTA Button"},{"name":"expiry-message","type":"string","title":"Expiry Date Message","description":"","default":"Ends {endDate}","uiGroup":"Task"},{"name":"finite","type":"number","title":"Repeat Amount","description":"The number of times a reward can be earned. Use zero for no limit (the default).","default":0,"uiGroup":"Reward"},{"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"},{"name":"open-new-tab","type":"boolean","title":"Open In New Tab","description":"CTA Button Link Opens in New Tab","default":false,"uiGroup":"CTA Button"},{"name":"program-id","type":"string","title":"Program ID Override","description":"The ID of the program that is used to scope the task card. Defaults to the program context when no ID is specified.","uiWidget":"programSelector","uiGroup":"Goal"},{"name":"progress-bar-unit","type":"string","title":"Progress Bar Unit","description":"","default":"","uiGroup":"Goal"},{"name":"repeatable","type":"boolean","title":"Goal Repeatable","description":"","default":false,"uiGroup":"Goal"},{"name":"reward-amount","type":"string","title":"Reward Amount","description":"","default":"0","uiGroup":"Reward"},{"name":"reward-duration","type":"string","title":"Reward Duration","description":"","uiWidget":"dateRange","uiWidgetOptions":{"allowPastDates":true,"months":1},"uiGroup":"Reward"},{"name":"reward-unit","type":"string","title":"Reward Unit","description":"","default":"Points","uiGroup":"Reward"},{"name":"show-progress-bar","type":"boolean","title":"Show Progress Bar","description":"","default":false,"uiGroup":"Goal"},{"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"},{"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},"uiGroup":"Goal"},{"name":"steps","type":"boolean","title":"Progress Bar Steps","description":"","default":false,"uiGroup":"Goal"}],"exampleGroup":"Rewards","examples":[]},{"tagName":"sqm-text","title":"Text","slots":[{"name":"","title":"Text"}],"attributes":[],"exampleGroup":"Typography","examples":[{"title":"H1","content":"<sqm-text><h1>H1 Header Text</h1></sqm-text>"},{"title":"H2","content":"<sqm-text><h2>H2 Header Text</h2></sqm-text>"},{"title":"H3","content":"<sqm-text><h3>H3 Header Text</h3></sqm-text>"},{"title":"H4","content":"<sqm-text><h4>H4 Header Text</h4></sqm-text>"},{"title":"Paragraph","content":"<sqm-text><p>Paragraph Text</p></sqm-text>"}],"slotEditor":"richText","canvasRenderer":"in-place-update"},{"tagName":"sqm-text-span","title":"Text Span","attributes":[{"name":"text","type":"string","title":"Text","description":""},{"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"]}],"examples":[]},{"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"]}],"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":"Timeline Entry","attributes":[{"name":"desc","type":"string","title":"Description","description":""},{"name":"icon","type":"string","title":"Icon","description":"","enum":["gift","circle"],"enumNames":["Gift","Circle"]},{"name":"reward","type":"string","title":"Reward Amount","description":""},{"name":"unit","type":"string","title":"Reward Unit","description":""}],"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":"Label for the section unless overwritten via the label slot."},{"name":"label-margin","type":"string","title":"Label Margin Style","description":"","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"]},{"name":"padding","type":"string","title":"Section 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"]},{"name":"text-align","type":"string","title":"Text Align","description":"","default":"left","enum":["left","center","right"],"enumNames":["Left","Center","Right"]}],"exampleGroup":"Layout","examples":[{"title":"Titled Section","content":"<sqm-titled-section text-align=\"center\" label-margin=\"small\" padding=\"none\"><div slot=\"label\">Section Label</div><div slot=\"content\">Add your section content here!</div></sqm-titled-section>"}]},{"tagName":"sqm-user-name","title":"User Name","attributes":[{"name":"fallback","type":"string","title":"Fallback Name","description":"Fallback name for unknown users","default":"Anonymous User"},{"name":"loading-text","type":"string","title":"Loading Text","description":"","default":"..."}],"exampleGroup":"Common Components","examples":[{"title":"User Name Display","content":"<sqm-user-name fallback=\"Anonymous User\"></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.1-2",
4
+ "version": "1.6.1-3",
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/v1651014187/squatch-assets/Mint_Package_Icon.png",
7
7
  "raisins": "docs/raisins.json",