{"schemaVersion":"1.0.0","modules":[{"tags":[{"tagName":"sqh-close-button","title":"Close Button","attributes":[{"name":"text","type":"string","title":"Button Text","description":"The text shown inside the close button.","default":"Close","required":false}],"examples":[],"canvasRenderer":"always-replace"},{"tagName":"sqh-copy-button","title":"Copy Button","attributes":[{"name":"backgroundcolor","type":"string","title":"Button Color","description":"","default":"#35b21e","uiWidget":"color","required":false},{"name":"borderradius","type":"number","title":"Border Radius","description":"Define the radius of the corners with a pixel amount.","default":"4","required":false},{"name":"codefontcolor","type":"string","title":"Fuel Tank Code Color","description":"","default":"#000000","uiWidget":"color","required":false},{"name":"codefontsize","type":"number","title":"Code Font Size","description":"Font size of the fuel tank code.","default":"14","required":false},{"name":"copyfailure","type":"string","title":"Copy Failure Text","description":"Shown when the button has failed to copy the code to the users clipboard.","default":"Press Ctrl+C to copy","required":false},{"name":"copysuccess","type":"string","title":"Copy Success Text","description":"Shown when the code is successfully copied to the users clipboard.","default":"copied!","required":false},{"name":"fontsize","type":"number","title":"Font Size","description":"","default":"14","required":false},{"name":"rewardkey","type":"string","title":"Reward Key","description":"The rewardKey of a fuel tank reward. This is used to get the fuel tank code for a user.","default":"referredReward","required":false},{"name":"text","type":"string","title":"Button Text","description":"","default":"COPY CODE","required":false},{"name":"textcolor","type":"string","title":"Button Text Color","description":"","default":"#ffffff","uiWidget":"color","required":false},{"name":"width","type":"number","title":"Button Max Width","description":"","default":"170","required":false}],"exampleGroup":"Common Components","examples":[{"title":"Fuel Tank Copy Button","content":"<sqh-copy-button ishidden=\"false\" copysuccess=\"copied!\" copyfailure=\"Press Ctrl+C to copy\" codefontcolor=\"#000000\" codefontsize=\"14\" text=\"COPY CODE\" fontsize=\"14\" width=\"170\" backgroundcolor=\"#35b21e\" textcolor=\"#ffffff\" borderradius=\"4\" rewardkey=\"referredReward\" codefontsize=\"14\" codefontcolor=\"#000000\"></sqh-copy-button>","exampleGroup":"Common Components"}],"canvasRenderer":"always-replace"},{"tagName":"sqh-copy-link-button","title":"Copy Link Button","attributes":[{"name":"buttoncolor","type":"string","title":"Button Color","description":"","default":"#5C6164","uiWidget":"color","required":false},{"name":"copyfailure","type":"string","title":"Copy Failure Text","description":"Shown when the button has failed to copy the code to the users clipboard.","default":"Press Ctrl+C to copy","required":false},{"name":"copysuccess","type":"string","title":"Copy Success Text","description":"Shown when the code is successfully copied to the users clipboard.","default":"copied!","required":false},{"name":"text","type":"string","title":"Button Text","description":"","default":"Copy","required":false},{"name":"textcolor","type":"string","title":"Button Text Color","description":"","default":"#FFFFFF","uiWidget":"color","required":false}],"exampleGroup":"Common Components","examples":[{"title":"Copy Link Button","content":"<sqh-copy-link-button ishidden=\"false\" copysuccess=\"copied!\" copyfailure=\"Press Ctrl+C to copy\" text=\"Copy\" buttoncolor=\"#5C6164\" textcolor=\"#FFFFFF\"></sqh-copy-link-button>","exampleGroup":"Common Components"}],"canvasRenderer":"always-replace"},{"tagName":"sqh-global-container","title":"Global Container","slots":[{"name":"","title":"Widget Content"}],"attributes":[{"name":"background","type":"string","title":"Background Color","description":"","default":"#ffffff","uiWidget":"color","required":false},{"name":"fontfamily","type":"string","title":"Font Family","description":"A font from the Google Fonts library used inside the container.","default":"Roboto","required":false},{"name":"loadingcolor","type":"string","title":"Loading Color","description":"The background colour of the component while in the loading state.","uiWidget":"color","required":false},{"name":"maxwidth","type":"string","title":"Container Max Width","description":"","required":false},{"name":"poweredby","type":"boolean","title":"Show Powered By","description":"Show the Powered by Impact.com link. This can only be disabled on Pro plans.","required":false,"requiredFeatures":["CUSTOM_BRANDING"],"featureTooltip":"<div>Integrate your brand identity further by removing impact.com’s branding from your widget. Contact <a href=\"mailto:saasquatch-support%40impact.com?subject=Next steps for Custom Branding feature&body=Hi Support Team, %0D%0A%0D%0A I am interested in learning more about how Leaderboards can support the growth of our referral program. Please connect me with a program strategy manager to discuss this feature further, and determine the next steps.%0D%0A%%0D%0A%0D%0A Thank you,%0D%0A[Add your name here]\">Support</a> to upgrade your plan</div>"}],"examples":[],"canvasRenderer":"always-replace"},{"tagName":"sqh-image-component","title":"Image Component","attributes":[{"name":"alignment","type":"string","title":"Horizontal Alignment","description":"","default":"center","enum":["left","center","right"],"enumNames":["Left","Center","Right"],"required":false},{"name":"borderradius","type":"number","title":"Border Radius","description":"Define the radius of the corners with a pixel amount.","required":false},{"name":"css","type":"string","title":"CSS","description":"Additional CSS applied to the image element","default":"padding-top: 38px; padding-bottom: 7px;","uiWidget":"textArea","required":false},{"name":"url","type":"string","title":"Image URL","description":"","uiWidget":"imageUpload","required":false},{"name":"width","type":"number","title":"Width","description":"Define the width of the image with a pixel amount.","required":false}],"examples":[],"canvasRenderer":"always-replace"},{"tagName":"sqh-partner-stat-component","title":"Partner Stat","attributes":[{"name":"statcolor","type":"string","title":"Color","description":"Color of the stat value and description","uiWidget":"color","required":false},{"name":"statdescription","type":"string","title":"Description","description":"","required":false},{"name":"stattype","type":"string","title":"Stat Type","description":"Determines what type of stat is displayed. Manual paths are also supported.","uiWidget":"statTypeSelectWidget","minLength":1,"required":true}],"exampleGroup":"Statistics","examples":[{"title":"Pending CASH/CAD","content":"<sqh-partner-stat-component statcolor=\"#000000\" stattype=\"/rewardBalance/CREDIT/CASH_CAD/prettyPendingCredit\" statdescription=\"Pending Balance\" paddingtop=\"10\" paddingbottom=\"10\"></sqh-partner-stat-component>","exampleGroup":"Statistics"},{"title":"Available CASH/CAD","content":"<sqh-partner-stat-component stattype=\"/rewardBalance/CREDIT/CASH_CAD/prettyValue\" statdescription=\"Available Balance\" paddingtop=\"10\" paddingbottom=\"10\" statcolor=\"#4CAF50\"></sqh-partner-stat-component>","exampleGroup":"Statistics"},{"title":"Redeemed CASH/CAD","content":"<sqh-partner-stat-component stattype=\"/rewardBalance/CREDIT/CASH_CAD/prettyRedeemedCredit\" statdescription=\"Redeemed Balance\" paddingtop=\"10\" paddingbottom=\"10\" statcolor=\"#000000\"></sqh-partner-stat-component>","exampleGroup":"Statistics"}],"canvasRenderer":"always-replace"},{"tagName":"sqh-referral-code","title":"Referral Code","attributes":[],"exampleGroup":"Referrals","examples":[{"title":"Referral Code","content":"<sqh-referral-code />","exampleGroup":"Referrals"}],"canvasRenderer":"always-replace"},{"tagName":"sqh-referral-component","title":"Referral Component","attributes":[{"name":"locale","type":"string","title":"Local","description":"Configure the local","required":false},{"name":"referraltype","type":"\"converted\" | \"pending\" | \"referrer\"","title":"Referral Type","description":"Type of referral","required":false}],"examples":[],"canvasRenderer":"always-replace"},{"tagName":"sqh-referral-list","title":"Referral List","attributes":[{"name":"cancelledcolor","type":"string","title":"Cancelled Color","description":"Color of the cancelled icon and text in the rewards column.","default":"#C81D05","uiWidget":"color","uiGroup":"Cancelled Rewards","required":false},{"name":"cancelledcontent","type":"string","title":"Cancelled Referral Description","description":"Content shown in the referral column for a cancelled reward.","default":"Signed up, referred {date}","uiGroup":"Cancelled Rewards","required":false},{"name":"cancelledvalue","type":"string","title":"Cancelled Reward Text","description":"Text shown alongside the icon in the rewards column for a cancelled reward.","default":"Cancelled Reward","uiGroup":"Cancelled Rewards","required":false},{"name":"convertedcontent","type":"string","title":"Converted Description","description":"Description shown in the referral column when a referral is converted.","default":"Signed up, referred {date}","uiGroup":"Converted Referrals","required":false},{"name":"customernotecolor","type":"string","title":"Customer Note Color","description":"","uiWidget":"color","uiGroup":"Converted Referrals","required":false},{"name":"expiredcolor","type":"string","title":"Expired Color","description":"Color of the expired reward icon and text in the rewards column.","default":"lightgray","uiWidget":"color","uiGroup":"Expired Rewards","required":false},{"name":"expiredcontent","type":"string","title":"Expired Description","description":"Expired text shown in the referral column.","default":"Signed up, referred {date}","uiGroup":"Expired Rewards","required":false},{"name":"expiredvalue","type":"string","title":"Expired Text","description":"Expired text shown alongside the icon in the rewards column.","default":"Expired Reward","uiGroup":"Expired Rewards","required":false},{"name":"expiresvalue","type":"string","title":"Expiring Text","description":"ICU message shown in the rewards column for expiring rewards. See [ICU messages](https://unicode-org.github.io/icu/userguide/format_parse/messages/) for more details.","uiGroup":"Expired Rewards","required":false},{"name":"internationalization","type":"boolean","title":"Internationalization","description":"Use the value passed to the referral component to set the locale of the user.","required":false},{"name":"noreferralsyet","type":"string","title":"Empty Referrals Text","description":"Shown when referral list is empty.","default":"No Referrals Yet...","required":false},{"name":"paginateless","type":"string","title":"Paginate Less Text","description":"Shown inside the paginate less button.","default":"Previous","required":false},{"name":"paginatemore","type":"string","title":"Paginate More Text","description":"Shown inside the paginate more button.","default":"View More","required":false},{"name":"pendingcolor","type":"string","title":"Pending Color","description":"Color of the pending reward icon and text in the rewards column.","default":"lightgray","uiWidget":"color","uiGroup":"Pending Referrals","required":false},{"name":"pendingcontent","type":"string","title":"Pending Description","description":"Pending description shown in the referral column.","default":"Trial user, referred {date}","uiGroup":"Pending Referrals","required":false},{"name":"pendingvalue","type":"string","title":"Pending Text","description":"Pending text shown alongside the icon in the rewards column.","default":"Referral pending","uiGroup":"Pending Referrals","required":false},{"name":"redeemedvalue","type":"string","title":"Redeemed Text","description":"Shown when reward is redeemed.","default":"Redeemed","uiGroup":"Converted Referrals","required":false},{"name":"referralnamecolor","type":"string","title":"Referral Name Color","description":"Text color of the referred user's name.","default":"darkslategray","uiWidget":"color","required":false},{"name":"referraltextcolor","type":"string","title":"Referral Status Text Color","description":"","default":"lightgray","uiWidget":"color","required":false},{"name":"referrercontent","type":"string","title":"Referrer Description","description":"Text explaining who referred you to the program.","default":"Referred you {date}","uiGroup":"Referrer","required":false},{"name":"referrervalue","type":"string","title":"Referrer Text","description":"Referred Text shown in reward column.","default":"Referred","uiGroup":"Referrer","required":false},{"name":"rewardcolor","type":"string","title":"Reward Color","description":"Color of the successful reward icon and text in the rewards column.","default":"#4BB543","uiWidget":"color","uiGroup":"Converted Referrals","required":false},{"name":"showexpiry","type":"boolean","title":"Show Expired Rewards","description":"","required":false},{"name":"shownotes","type":"boolean","title":"Show Customer Note","description":"","required":false},{"name":"showreferrer","type":"boolean","title":"Show Referred By","description":"Show referral and reward information on who referred you.","uiGroup":"Referrer","required":false},{"name":"unknownuser","type":"string","title":"Unknown User Text","description":"Text shown when the referred user's name is unknown.","default":"Your Friend","required":false},{"name":"usefirstreward","type":"boolean","title":"Use First Reward","description":"Show the value of the first earned reward inside the rewards column.","uiGroup":"Converted Referrals","required":false},{"name":"valuecontent","type":"string","title":"Value Content","description":"ICU message shown in the rewards column. See [ICU messages](https://unicode-org.github.io/icu/userguide/format_parse/messages/) for more details.","default":"and {extrarewards} more {extrarewards, plural, one {reward} other {rewards}}","uiWidget":"textArea","uiGroup":"Converted Referrals","required":false}],"exampleGroup":"Referrals","examples":[{"title":"Referral List","content":"<sqh-referral-list ishidden=\"false\" expiresvalue=\"Expires {expiryDate}\" showreferrer=\"true\" usefirstreward=\"false\" referralnamecolor=\"darkslategray\" referraltextcolor=\"lightgray\" rewardcolor=\"#4BB543\" pendingcolor=\"lightgray\" pendingvalue=\"Reward Pending\" referrervalue=\"Referred\" referrercontent=\"Referred you {date}\" convertedcontent=\"Signed up, referred {date}\" pendingcontent=\"Trial user, referred {date}\" pendingvalue=\"Referral pending\" valuecontent=\"and {extrarewards} more {extrarewards, plural, one {reward} other {rewards}}\" expiredcolor=\"lightgray\" expiredvalue=\"Expired Reward\" expiredcontent=\"Signed up, referred {date}\" cancelledcolor=\"#C81D05\" cancelledvalue=\"Cancelled Reward\" cancelledcontent=\"Signed up, referred {date}\" paginatemore=\"View More\" paginateless=\"Previous\" noreferralsyet=\"No Referrals Yet...\" unknownuser=\"Your Friend\"></sqh-referral-list>","exampleGroup":"Referrals"}],"canvasRenderer":"always-replace"},{"tagName":"sqh-rewards-actions","title":"Reward Actions","attributes":[{"name":"hidetext","type":"string","title":"Hide Button Text","description":"Text inside the hide button","default":"Hide","required":false},{"name":"nexttext","type":"string","title":"Next Button Text","description":"Text inside the next button","default":"Next","required":false},{"name":"previoustext","type":"string","title":"Previous Button Text","description":"Text inside the previous button","default":"Previous","required":false}],"examples":[],"canvasRenderer":"always-replace"},{"tagName":"sqh-share-button","title":"Share Button","attributes":[{"name":"backgroundcolor","type":"string","title":"Share Button Background Color","description":"Background color of the share button","uiWidget":"color","required":false},{"name":"button-class-name","type":"string","title":"Share Button Class Name","description":"CSS Class name used to style the share button","required":false},{"name":"displayrule","type":"string","title":"Share Button Display Rule","description":"Show or hide button depending on what type of device the user is on","required":false},{"name":"icon","type":"string","title":"Share Button Icon","description":"Full list of valid icon names available in the [Shoelace Icon Library](https://shoelace.style/components/icon). This value is case sensitive.","required":false},{"name":"iconhorizontal","type":"number","title":"Share Button Icon Horizontal","description":"Number to horizontally align the share button icon","required":false},{"name":"iconsize","type":"number","title":"Share Button Icon Size","description":"Size of the Share button icon in em units","required":false},{"name":"iconvertical","type":"number","title":"Share Button Icon Vertical","description":"Number to vertically align the share button icon","required":false},{"name":"text","type":"string","title":"Share Button Text","description":"Text inside the share button","required":false},{"name":"textcolor","type":"string","title":"Share Button Text Color","description":"Color of the text inside the share button","uiWidget":"color","required":false},{"name":"type","type":"string","title":"Share Button Type","description":"","required":false},{"name":"url","type":"string","title":"URL","description":"URL redirect location","uiWidget":"imageUpload","required":false}],"examples":[],"canvasRenderer":"always-replace"},{"tagName":"sqh-share-button-container","title":"Share Button Container","attributes":[{"name":"emailbackgroundcolor","type":"string","title":"Email Background Color","description":"Background color of the Email button","default":"#4b4d50","uiWidget":"color","uiGroup":"Email","required":false},{"name":"emailclass-name","type":"string","title":"Email Class Name","description":"CSS class name for additional styling.","default":"email-share","uiGroup":"Email","required":false},{"name":"emaildisplayrule","type":"string","title":"Email Display Rule","description":"Show and hide button depending on what type of device the user is on","default":"mobile-and-desktop","enum":["mobile-and-desktop","mobile-only","desktop-only","hidden"],"enumNames":["Mobile and Desktop","Mobile Only","Desktop Only","Hide"],"uiGroup":"Email","required":false},{"name":"emailicon","type":"string","title":"Email Icon","description":"","default":"mail","uiGroup":"Email","required":false},{"name":"emailiconhorizontal","type":"number","title":"Email Icon Horizontal","description":"Number to horizontally align the Email button icon","uiGroup":"Email","required":false},{"name":"emailiconsize","type":"number","title":"Email Icon Size","description":"","uiGroup":"Email","required":false},{"name":"emailiconvertical","type":"number","title":"Email Icon Vertical","description":"Number to vertically align the Email button icon","uiGroup":"Email","required":false},{"name":"emailtext","type":"string","title":"Email Text","description":"","default":"Email","uiGroup":"Email","required":false},{"name":"emailtextcolor","type":"string","title":"Email Text Color","description":"","default":"#ffffff","uiWidget":"color","uiGroup":"Email","required":false},{"name":"facebookbackgroundcolor","type":"string","title":"Facebook Background Color","description":"Background color of the facebook button","default":"#234079","uiWidget":"color","uiGroup":"Facebook","required":false},{"name":"facebookclass-name","type":"string","title":"Facebook Class Name","description":"CSS class name for additional styling.","uiGroup":"Facebook","required":false},{"name":"facebookdisplayrule","type":"string","title":"Facebook Display Rule","description":"Show and hide button depending on what type of device the user is on","default":"mobile-and-desktop","enum":["mobile-and-desktop","mobile-only","desktop-only","hidden"],"enumNames":["Mobile and Desktop","Mobile Only","Desktop Only","Hide"],"uiGroup":"Facebook","required":false},{"name":"facebookicon","type":"string","title":"Facebook Icon","description":"","default":"facebook","uiGroup":"Facebook","required":false},{"name":"facebookiconhorizontal","type":"number","title":"Facebook Icon Horizontal","description":"Number to horizontally align the facebook button icon","default":9,"uiGroup":"Facebook","required":false},{"name":"facebookiconsize","type":"number","title":"Facebook Icon Size","description":"","default":1.2,"uiGroup":"Facebook","required":false},{"name":"facebookiconvertical","type":"number","title":"Facebook Icon Vertical","description":"Number to vertically align the facebook button icon","uiGroup":"Facebook","required":false},{"name":"facebooktext","type":"string","title":"Facebook Text","description":"","default":"Facebook","uiGroup":"Facebook","required":false},{"name":"facebooktextcolor","type":"string","title":"Facebook Text Color","description":"","default":"#ffffff","uiWidget":"color","uiGroup":"Facebook","required":false},{"name":"linebackgroundcolor","type":"string","title":"Line Background Color","description":"Background color of the Line button","default":"#00c300","uiWidget":"color","uiGroup":"Line Messenger","required":false},{"name":"lineclass-name","type":"string","title":"Line Class Name","description":"CSS class name for additional styling.","uiGroup":"Line Messenger","required":false},{"name":"linedisplayrule","type":"string","title":"Line Display Rule","description":"Show and hide button depending on what type of device the user is on","default":"mobile-only","enum":["mobile-only","hidden"],"enumNames":["Mobile Only","Hide"],"uiGroup":"Line Messenger","required":false},{"name":"lineicon","type":"string","title":"Line Icon","description":"","default":"line","uiGroup":"Line Messenger","required":false},{"name":"lineiconhorizontal","type":"number","title":"Line Icon Horizontal","description":"Number to horizontally align the Line button icon","default":-2,"uiGroup":"Line Messenger","required":false},{"name":"lineiconsize","type":"number","title":"Line Icon Size","description":"","default":2.2,"uiGroup":"Line Messenger","required":false},{"name":"lineiconvertical","type":"number","title":"Line Icon Vertical","description":"Number to vertically align the Line button icon","default":-5,"uiGroup":"Line Messenger","required":false},{"name":"linetext","type":"string","title":"Line Text","description":"","default":"Line Messenger","uiGroup":"Line Messenger","required":false},{"name":"linetextcolor","type":"string","title":"Line Text Color","description":"","default":"#ffffff","uiWidget":"color","uiGroup":"Line Messenger","required":false},{"name":"linkedinbackgroundcolor","type":"string","title":"Linkedin Background Color","description":"Background color of the linkedin button","default":"#ffffff","uiWidget":"color","uiGroup":"LinkedIn","required":false},{"name":"linkedinclass-name","type":"string","title":"Linkedin Class Name","description":"CSS class name for additional styling.","uiGroup":"LinkedIn","required":false},{"name":"linkedindisplayrule","type":"string","title":"Linkedin Display Rule","description":"Show and hide button depending on what type of device the user is on","default":"hidden","enum":["mobile-and-desktop","mobile-only","desktop-only","hidden"],"enumNames":["Mobile and Desktop","Mobile Only","Desktop Only","Hide"],"uiGroup":"LinkedIn","required":false},{"name":"linkedinicon","type":"string","title":"Linkedin Icon","description":"","default":"linkedin","uiGroup":"LinkedIn","required":false},{"name":"linkediniconhorizontal","type":"number","title":"Linkedin Icon Horizontal","description":"Number to horizontally align the Linkedin button icon","uiGroup":"LinkedIn","required":false},{"name":"linkediniconsize","type":"number","title":"Linkedin Icon Size","description":"","default":1.2,"uiGroup":"LinkedIn","required":false},{"name":"linkediniconvertical","type":"number","title":"Linkedin Icon Vertical","description":"Number to vertically align the Linkedin button icon","uiGroup":"LinkedIn","required":false},{"name":"linkedintext","type":"string","title":"Linkedin Text","description":"","default":"LinkedIn","uiGroup":"LinkedIn","required":false},{"name":"linkedintextcolor","type":"string","title":"Linkedin Text Color","description":"","default":"#0084b9","uiWidget":"color","uiGroup":"LinkedIn","required":false},{"name":"messengerbackgroundcolor","type":"string","title":"Messenger Background Color","description":"Background color of the Messenger button","default":"#0084ff","uiWidget":"color","uiGroup":"Messenger","required":false},{"name":"messengerclass-name","type":"string","title":"Messenger Class Name","description":"CSS class name for additional styling.","uiGroup":"Messenger","required":false},{"name":"messengerdisplayrule","type":"string","title":"Messenger Display Rule","description":"Show and hide button depending on what type of device the user is on","default":"hidden","enum":["mobile-and-desktop","mobile-only","desktop-only","hidden"],"enumNames":["Mobile and Desktop","Mobile Only","Desktop Only","Hide"],"uiGroup":"Messenger","required":false},{"name":"messengericon","type":"string","title":"Messenger Icon","description":"","default":"messenger","uiGroup":"Messenger","required":false},{"name":"messengericonhorizontal","type":"number","title":"Messenger Icon Horizontal","description":"Number to horizontally align the Messenger button icon","default":7,"uiGroup":"Messenger","required":false},{"name":"messengericonsize","type":"number","title":"Messenger Icon Size","description":"","default":1.4,"uiGroup":"Messenger","required":false},{"name":"messengericonvertical","type":"number","title":"Messenger Icon Vertical","description":"Number to vertically align the Messenger button icon","default":3,"uiGroup":"Messenger","required":false},{"name":"messengertext","type":"string","title":"Messenger Text","description":"","default":"Messenger","uiGroup":"Messenger","required":false},{"name":"messengertextcolor","type":"string","title":"Messenger Text Color","description":"","default":"#ffffff","uiWidget":"color","uiGroup":"Messenger","required":false},{"name":"pinterestbackgroundcolor","type":"string","title":"Pinterest Background Color","description":"Background color of the Pinterest button","default":"#cb2027","uiWidget":"color","uiGroup":"Pinterest","required":false},{"name":"pinterestclass-name","type":"string","title":"Pinterest Class Name","description":"CSS class name for additional styling.","uiGroup":"Pinterest","required":false},{"name":"pinterestdisplayrule","type":"string","title":"Pinterest Display Rule","description":"Show and hide button depending on what type of device the user is on","default":"hidden","enum":["mobile-and-desktop","mobile-only","desktop-only","hidden"],"enumNames":["Mobile and Desktop","Mobile Only","Desktop Only","Hide"],"uiGroup":"Pinterest","required":false},{"name":"pinteresticon","type":"string","title":"Pinterest Icon","description":"","default":"pinterest","uiGroup":"Pinterest","required":false},{"name":"pinteresticonhorizontal","type":"number","title":"Pinterest Icon Horizontal","description":"Number to horizontally align the Pinterest button icon","default":9,"uiGroup":"Pinterest","required":false},{"name":"pinteresticonsize","type":"number","title":"Pinterest Icon Size","description":"","default":1.2,"uiGroup":"Pinterest","required":false},{"name":"pinteresticonvertical","type":"number","title":"Pinterest Icon Vertical","description":"Number to vertically align the Pinterest button icon","default":4,"uiGroup":"Pinterest","required":false},{"name":"pinteresttext","type":"string","title":"Pinterest Text","description":"","default":"Pinterest","uiGroup":"Pinterest","required":false},{"name":"pinteresttextcolor","type":"string","title":"Pinterest Text Color","description":"","default":"#ffffff","uiWidget":"color","uiGroup":"Pinterest","required":false},{"name":"smsbackgroundcolor","type":"string","title":"SMS Background Color","description":"Background color of the SMS button","default":"#7bbf38","uiWidget":"color","uiGroup":"SMS","required":false},{"name":"smsclass-name","type":"string","title":"SMS Class Name","description":"CSS class name for additional styling.","uiGroup":"SMS","required":false},{"name":"smsdisplayrule","type":"string","title":"SMS Display Rule","description":"Show and hide button depending on what type of device the user is on","default":"mobile-only","enum":["mobile-only","hidden"],"enumNames":["Mobile Only","Hide"],"uiGroup":"SMS","required":false},{"name":"smsicon","type":"string","title":"SMS Icon","description":"","default":"chat","uiGroup":"SMS","required":false},{"name":"smsiconhorizontal","type":"number","title":"SMS Icon Horizontal","description":"Number to horizontally align the SMS button icon","uiGroup":"SMS","required":false},{"name":"smsiconsize","type":"number","title":"SMS Icon Size","description":"","uiGroup":"SMS","required":false},{"name":"smsiconvertical","type":"number","title":"SMS Icon Vertical","description":"Number to vertically align the SMS button icon","uiGroup":"SMS","required":false},{"name":"smstext","type":"string","title":"SMS Text","description":"","default":"SMS","uiGroup":"SMS","required":false},{"name":"smstextcolor","type":"string","title":"SMS Text Color","description":"","default":"#ffffff","uiWidget":"color","uiGroup":"SMS","required":false},{"name":"twitterbackgroundcolor","type":"string","title":"X Background Color","description":"Background color of the X button","default":"#000000","uiWidget":"color","uiGroup":"X","required":false},{"name":"twitterclass-name","type":"string","title":"X Class Name","description":"CSS class name for additional styling.","uiGroup":"X","required":false},{"name":"twitterdisplayrule","type":"string","title":"X Display Rule","description":"Show and hide button depending on what type of device the user is on","default":"mobile-and-desktop","enum":["mobile-and-desktop","mobile-only","desktop-only","hidden"],"enumNames":["Mobile and Desktop","Mobile Only","Desktop Only","Hide"],"uiGroup":"X","required":false},{"name":"twittericon","type":"string","title":"X Icon","description":"","default":"twitter","uiGroup":"X","required":false},{"name":"twittericonhorizontal","type":"number","title":"X Icon Horizontal","description":"Number to horizontally align the X button icon","default":9,"uiGroup":"X","required":false},{"name":"twittericonsize","type":"number","title":"X Icon Size","description":"","default":1.2,"uiGroup":"X","required":false},{"name":"twittericonvertical","type":"number","title":"X Icon Vertical","description":"Number to vertically align the X button icon","uiGroup":"X","required":false},{"name":"twittertext","type":"string","title":"X Text","description":"","default":"X","uiGroup":"X","required":false},{"name":"twittertextcolor","type":"string","title":"X Text Color","description":"","default":"#ffffff","uiWidget":"color","uiGroup":"X","required":false},{"name":"whatsappbackgroundcolor","type":"string","title":"WhatsApp Background Color","description":"Background color of the WhatsApp button","default":"#25D366","uiWidget":"color","uiGroup":"WhatsApp","required":false},{"name":"whatsappclass-name","type":"string","title":"WhatsApp Class Name","description":"CSS class name for additional styling.","uiGroup":"WhatsApp","required":false},{"name":"whatsappdisplayrule","type":"string","title":"WhatsApp Display Rule","description":"Show and hide button depending on what type of device the user is on","default":"mobile-only","enum":["mobile-and-desktop","mobile-only","desktop-only","hidden"],"enumNames":["Mobile and Desktop","Mobile Only","Desktop Only","Hide"],"uiGroup":"WhatsApp","required":false},{"name":"whatsappicon","type":"string","title":"WhatsApp Icon","description":"","default":"whatsapp","uiGroup":"WhatsApp","required":false},{"name":"whatsappiconhorizontal","type":"number","title":"WhatsApp Icon Horizontal","description":"Number to horizontally align the WhatsApp button icon","default":7,"uiGroup":"WhatsApp","required":false},{"name":"whatsappiconsize","type":"number","title":"WhatsApp Icon Size","description":"","default":1.4,"uiGroup":"WhatsApp","required":false},{"name":"whatsappiconvertical","type":"number","title":"WhatsApp Icon Vertical","description":"Number to vertically align the WhatsApp button icon","default":2,"uiGroup":"WhatsApp","required":false},{"name":"whatsapptext","type":"string","title":"WhatsApp Text","description":"","default":"WhatsApp","uiGroup":"WhatsApp","required":false},{"name":"whatsapptextcolor","type":"string","title":"WhatsApp Text Color","description":"","default":"#ffffff","uiWidget":"color","uiGroup":"WhatsApp","required":false}],"exampleGroup":"Sharing","examples":[{"title":"Share Button Group","content":"<sqh-share-button-container ishidden=\"false\" emaildisplayrule=\"mobile-and-desktop\" emailtext=\"Email\" emailtextcolor=\"#ffffff\" emailbackgroundcolor=\"#4b4d50\" facebookdisplayrule=\"mobile-and-desktop\" facebooktext=\"Facebook\" facebooktextcolor=\"#ffffff\" facebookbackgroundcolor=\"#234079\" twitterdisplayrule=\"mobile-and-desktop\" twittertext=\"X\" twittertextcolor=\"#ffffff\" twitterbackgroundcolor=\"#000000\" smsdisplayrule=\"mobile-only\" smstext=\"SMS\" smstextcolor=\"#ffffff\" smsbackgroundcolor=\"#7bbf38\" whatsappdisplayrule=\"mobile-only\" whatsapptext=\"WhatsApp\" whatsapptextcolor=\"#ffffff\" whatsappbackgroundcolor=\"#25D366\" linkedindisplayrule=\"hidden\" linkedintext=\"LinkedIn\" linkedintextcolor=\"#ffffff\" linkedinbackgroundcolor=\"#0084b9\" pinterestdisplayrule=\"hidden\" pinteresttext=\"Pinterest\" pinteresttextcolor=\"#ffffff\" pinterestbackgroundcolor=\"#cb2027\" messengerdisplayrule=\"hidden\" messengertext=\"Messenger\" messengertextcolor=\"#ffffff\" messengerbackgroundcolor=\"#0084ff\" linedisplayrule=\"mobile-only\" linetext=\"Line Messenger\" linetextcolor=\"#ffffff\" linebackgroundcolor=\"#00c300\"></sqh-share-button-container>","exampleGroup":"Sharing"}],"canvasRenderer":"always-replace"},{"tagName":"sqh-stat-component","title":"Stat Component","attributes":[{"name":"statcolor","type":"string","title":"Color","description":"","uiWidget":"color","required":false},{"name":"statdescription","type":"string","title":"Description","description":"Text shown underneath the stat value","required":false},{"name":"stattype","type":"string","title":"Stat Type","description":"Type of stat being displayed. e.g /rewardsCount","uiWidget":"statTypeSelectWidget","minLength":1,"required":true}],"exampleGroup":"Statistics","examples":[{"title":"Referral Count","content":"<sqh-stat-component ishidden=\"false\" statcolor=\"#4caf50\" stattype=\"/referralsCount\" statdescription=\"Friends Referred\" paddingtop=\"10\" paddingbottom=\"10\"></sqh-stat-component>","exampleGroup":"Statistics"},{"title":"Reward Count","content":"<sqh-stat-component ishidden=\"false\" stattype=\"/rewardsCount\" statdescription=\"Total Rewards\" paddingtop=\"10\" paddingbottom=\"10\" statcolor=\"#000000\"></sqh-stat-component>","exampleGroup":"Statistics"},{"title":"Points Earned","content":"<sqh-stat-component statcolor=\"#000000\" stattype=\"/rewardBalance/CREDIT/POINT/totalAssignedCredit\" statdescription=\"Points Earned\" paddingtop=\"10\" paddingbottom=\"10\"></sqh-stat-component>","exampleGroup":"Statistics"}],"canvasRenderer":"always-replace"},{"tagName":"sqh-stats-container","title":"Stats Container","slots":[{"name":"","title":"Stats"}],"attributes":[{"name":"paddingbottom","type":"string","title":"Padding Bottom","description":"Define the top padding of the container with a pixel amount.","default":"0","required":false},{"name":"paddingtop","type":"string","title":"Padding Top","description":"Define the bottom padding of the container with a pixel amount.","default":"0","required":false}],"exampleGroup":"Statistics","examples":[{"title":"Referral Stat Group","content":"<sqh-stats-container ishidden=\"false\" paddingtop=\"0\" paddingbottom=\"0\"><sqh-stat-component ishidden=\"false\" statcolor=\"#4caf50\" stattype=\"/referralsCount\" statdescription=\"Friends Referred\" paddingtop=\"10\" paddingbottom=\"10\"></sqh-stat-component><sqh-stat-component ishidden=\"false\" stattype=\"/rewardsCount\" statdescription=\"Total Rewards\" paddingtop=\"10\" paddingbottom=\"10\" statcolor=\"#000000\"></sqh-stat-component><sqh-stat-component ishidden=\"false\" stattype=\"/rewardBalance/CREDIT/CENTS/prettyAssignedCredit\" statdescription=\"Credit earned\" paddingtop=\"10\" paddingbottom=\"10\" statcolor=\"#000000\"></sqh-stat-component></sqh-stats-container>","exampleGroup":"Statistics"},{"title":"Partner Stat Group","content":"<sqh-stats-container ishidden=\"false\" paddingtop=\"0\" paddingbottom=\"0\"><sqh-partner-stat-component ishidden=\"false\" statcolor=\"#000000\" stattype=\"/rewardBalance/CREDIT/CASH_CAD/prettyPendingCredit\" statdescription=\"Pending Balance\" paddingtop=\"10\" paddingbottom=\"10\"></sqh-partner-stat-component><sqh-partner-stat-component ishidden=\"false\" stattype=\"/rewardBalance/CREDIT/CASH_CAD/prettyValue\" statdescription=\"Available Balance\" paddingtop=\"10\" paddingbottom=\"10\" statcolor=\"#4caf50\"></sqh-partner-stat-component><sqh-partner-stat-component ishidden=\"false\" stattype=\"/rewardBalance/CREDIT/CASH_CAD/prettyRedeemedCredit\" statdescription=\"Redeemed Balance\" paddingtop=\"10\" paddingbottom=\"10\" statcolor=\"#000000\"></sqh-partner-stat-component></sqh-stats-container>","exampleGroup":"Statistics"}],"canvasRenderer":"always-replace"},{"tagName":"sqh-text-component","title":"Text Component","attributes":[{"name":"background","type":"string","title":"Background","description":"Fill the background with a color or image. Input color values as a HEX code and an image as a URL.","required":false},{"name":"color","type":"string","title":"Text Color","description":"","uiWidget":"color","required":false},{"name":"fontfamily","type":"string","title":"Font Family","description":"","required":false},{"name":"fontsize","type":"string","title":"Font Size","description":"","required":false},{"name":"fontweight","type":"string","title":"Font Weight","description":"","required":false},{"name":"height","type":"string","title":"Height","description":"Define the height of the container with a pixel amount.","required":false},{"name":"ismarkdown","type":"boolean","title":"Use Markdown","description":"Compile plain text into HTML. See [markdown](https://www.markdownguide.org/getting-started/) for more details.","required":false},{"name":"paddingbottom","type":"string","title":"Padding Bottom","description":"Define the bottom padding of the container with a pixel amount.","required":false},{"name":"paddingtop","type":"string","title":"Padding Top","description":"Define the top padding of the container with a pixel amount.","required":false},{"name":"text","type":"string","title":"Text","description":"","uiWidget":"textArea","required":false},{"name":"textalign","type":"string","title":"Text Alignment","description":"","enum":["left","center","right"],"enumNames":["Left","Center","Right"],"required":false}],"exampleGroup":"Common Components","examples":[{"title":"Header Text","content":"<sqh-text-component sqhheader=\"true\" ishidden=\"false\" ismarkdown=\"false\" text=\"Give $10 and Get $10!\" color=\"#4486E1\" fontsize=\"30\" textalign=\"center\" paddingtop=\"30\" paddingbottom=\"10\"></sqh-text-component>","exampleGroup":"Common Components"},{"title":"Paragraph Text","content":"<sqh-text-component sqhbody=\"true\" ishidden=\"false\" ismarkdown=\"true\" text=\"Give a friend a $10 and receive $10 for yourself when they purchase.<br/><br/>Share the link below or use the code **<sqh-referral-code />**\" color=\"#000000\" fontsize=\"13\" textalign=\"center\" paddingtop=\"5\" paddingbottom=\"20\"></sqh-text-component>","exampleGroup":"Common Components"}],"canvasRenderer":"always-replace"}]}]}