@saasquatch/squatch-js 2.3.1-4 → 2.3.1-5
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.
- package/demo/generate.tsx +7 -0
- package/demo/templates/MintGA.ts +1 -1
- package/demo/templates/MintGAContainer.ts +1 -1
- package/demo/templates/MintGAContainerDisplayBlock.ts +45 -0
- package/demo/templates/QuirksMintGA.ts +1 -1
- package/demo/templates/QuirksMintGAContainer.ts +45 -0
- package/demo/templates/QuirksMintGAContainerDisplayBlock.ts +45 -0
- package/demo/templates/QuirksVanillaGA.ts +1 -1
- package/demo/templates/VanillaGA.ts +1 -1
- package/demo/templates/classic.ts +1 -1
- package/demo/toolbar.tsx +88 -35
- package/dist/squatch.WidgetApi.js +1395 -0
- package/dist/squatch.WidgetApi.min.js +8 -0
- package/dist/squatch.esm.js +1 -2
- package/dist/squatch.esm.js.map +1 -1
- package/dist/squatch.js +1 -2
- package/dist/squatch.js.map +1 -1
- package/dist/squatch.min.js +2 -2
- package/dist/stats.html +1 -1
- package/package.json +2 -2
package/demo/generate.tsx
CHANGED
|
@@ -8,6 +8,10 @@ import QuirksVanillaGA from "./templates/QuirksVanillaGA";
|
|
|
8
8
|
import QuirksMintGA from "./templates/QuirksMintGA";
|
|
9
9
|
import MintGAContainer from "./templates/MintGAContainer";
|
|
10
10
|
import VanillaGANoContainer from "./templates/VanillaGANoContainer";
|
|
11
|
+
import MintGAContainerDisplayBlock from "./templates/MintGAContainerDisplayBlock";
|
|
12
|
+
import QuirksMintGAContainerDisplayBlock from "./templates/QuirksMintGAContainerDisplayBlock";
|
|
13
|
+
import QuirksMintGAContainer from "./templates/QuirksMintGAContainer";
|
|
14
|
+
|
|
11
15
|
// const params = getQueryStringParams(window.location.search);
|
|
12
16
|
export const widgets = {
|
|
13
17
|
classic,
|
|
@@ -16,6 +20,9 @@ export const widgets = {
|
|
|
16
20
|
QuirksVanillaGA,
|
|
17
21
|
QuirksMintGA,
|
|
18
22
|
MintGAContainer,
|
|
23
|
+
MintGAContainerDisplayBlock,
|
|
24
|
+
QuirksMintGAContainerDisplayBlock,
|
|
25
|
+
QuirksMintGAContainer,
|
|
19
26
|
VanillaGANoContainer
|
|
20
27
|
};
|
|
21
28
|
// console.log(params, window.location.search)
|
package/demo/templates/MintGA.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export default {
|
|
2
2
|
template:
|
|
3
|
-
'<!DOCTYPE html
|
|
3
|
+
'<!DOCTYPE html><html> <head> <script type="text/javascript"> window.widgetIdent = {"programId":"klip-referral-program","userId":"sam+klip@saasquat.ch","accountId":"sam+klip@saasquat.ch","token":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbStrbGlwQHNhYXNxdWF0LmNoIiwiaWQiOiJzYW0ra2xpcEBzYWFzcXVhdC5jaCIsImVtYWlsIjoic2FtK2tsaXBAc2Fhc3F1YXQuY2gifX0.GiaY8wwQdpUoVRnp_AV7uys3MsYsMzKUkdnZgUb0wYU","tenantAlias":"test_a74miwdpofztj","engagementMedium":"EMBED","appDomain":"https://staging.referralsaasquatch.com"}; </script> <link rel="stylesheet" type="text/css" href="https://fast-staging.ssqt.io/npm/@saasquatch/mint-components@1.3.2-17/dist/mint-components/mint-components.css"> <script src="https://fast-staging.ssqt.io/npm/@saasquatch/bedrock-components@1.2.0/dist/bedrock-components/bedrock-components.js"></script> <script src="https://fast-staging.ssqt.io/npm/@saasquatch/mint-components@1.3.2-17/dist/mint-components/mint-components.js"></script> <script src="https://fast-staging.ssqt.io/npm/@elastic/apm-rum@4.0.1/dist/bundles/elastic-apm-rum.umd.min.js" crossorigin></script> <script> window.apm = elasticApm.init({ serviceName: \'programwidget-staging\', serverUrl: \'https://1c9081d2ac2d43548254f581dca2dbee.apm.us-central1.gcp.cloud.es.io:443\', active: Math.random() < 0.1 }) </script> </head> <body> <sqm-portal-container direction="column" padding="small" gap="xxxx-large"><sqm-portal-container direction="column" padding="none" gap="xxx-large"><sqm-titled-section padding="none" label-margin="x-large"><sqm-text slot="label"><h2>Partner and Profit</h2></sqm-text><sqm-text slot="content"><p> Get rewarded for referring potential customers to Klip and for completing loyalty objectives! </p></sqm-text></sqm-titled-section><sqm-titled-section label-margin="small" padding="none"><sqm-text slot="label"><h3>Share your referral link</h3></sqm-text><sqm-share-link slot="content"> </sqm-share-link></sqm-titled-section><sqm-titled-section label-margin="small" padding="none"><sqm-text slot="label"><h3>Share via social media</h3></sqm-text><sqm-portal-container slot="content" direction="row" padding="none" gap="xxx-large" min-width="160px"><sqm-share-button icon="envelope" medium="email" size="medium" pill="true">Email a friend </sqm-share-button><sqm-share-button medium="twitter" size="medium" pill="true">Tweet about us </sqm-share-button><sqm-share-button medium="facebook" size="medium" pill="true">Share on Facebook </sqm-share-button></sqm-portal-container></sqm-titled-section></sqm-portal-container><sqm-portal-container direction="column" padding="none" gap="xx-large"><sqm-titled-section padding="none" label-margin="none"><sqm-text slot="label"><h2>Referrals And Rewards</h2></sqm-text></sqm-titled-section><sqm-stat-container space="xxxx-large"><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/referralsCount"><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/integrationRewardsCountFiltered/AVAILABLE"><sqm-text><p>Giftcards Earned</p></sqm-text></sqm-big-stat><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/rewardBalance/CREDIT/POINT/global"><sqm-text><p>Points Balance</p></sqm-text></sqm-big-stat></sqm-stat-container><div id="i5i16c"><sqm-task-card reward-amount="50" card-title="Refer a friends" description="Invite your friends to klip and get rewarded when they signup for a free trial or contact our sales team for an enterprise license" button-text="Start Referring" button-link="https://klip-staging.vercel.app/app/invite-friends" goal="1"> </sqm-task-card><sqm-task-card reward-amount="50" goal="10" repeatable="" show-progress-bar="true" steps="true" card-title="Record 10 Hours of Video" description="Get rewarded for recording and uploading 10 hours of video on Klip each time you do it. Let us reward you for being a super user!" button-text="Record" button-link="https://klip-staging.vercel.app/app" stat-type="/customFields/videoHoursCount"> </sqm-task-card><sqb-program-section program-id="klip-loyalty"><sqm-task-card reward-amount="10" goal="1" repeatable="true" card-title="Upload a Video" description="Upload a video and get rewarded for exploring the functionality of Klip!" button-text="Upload" button-link="https://klip-staging.vercel.app/app" stat-type="/programGoals/count/Upload-Video"> </sqm-task-card></sqb-program-section><sqm-task-card reward-amount="50" goal="500" show-progress-bar="true" card-title="Spend 500$ on Klip Products" description="Let us reward you for being a loyal Klip customer! Spend 500$ on seats or licenses and get rewarded." button-text="See Plans" button-link="https://klip-staging.vercel.app/app/plans" stat-type="/customFields/purchaseTotal"> </sqm-task-card></div><sl-tab-group><sl-tab slot="nav" panel="referralHistory">Referral History </sl-tab><sl-tab slot="nav" panel="rewardHistory">Reward History </sl-tab><sl-tab slot="nav" panel="rewardExchange">Reward Exchange </sl-tab><sl-tab-panel name="referralHistory"><sqm-referral-table><sqm-referral-table-user-column column-title="User"> </sqm-referral-table-user-column><sqm-referral-table-status-column column-title="Referral Status"> </sqm-referral-table-status-column><sqm-referral-table-rewards-column> </sqm-referral-table-rewards-column><sqm-referral-table-date-column column-title="Date Referred" date-shown="dateReferralStarted"> </sqm-referral-table-date-column></sqm-referral-table></sl-tab-panel><sl-tab-panel name="rewardHistory"><sqb-program-section program-id=""><sqm-rewards-table><sqm-rewards-table-column></sqm-rewards-table-column></sqm-rewards-table></sqb-program-section></sl-tab-panel><sl-tab-panel name="rewardExchange"><sqm-reward-exchange-list not-available-error="{unavailableReason, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {Not enough points} TESTING {JSONata special case} other {Not available} }"></sqm-reward-exchange-list></sl-tab-panel></sl-tab-group></sqm-portal-container></sqm-portal-container><style>* { box-sizing: border-box; } body {margin: 0;}#i5i16c{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-gap:10px;grid-auto-flow:column;}:root{--sqm-portal-background: white;--sl-color-primary-50: #e8e5f8;--sl-color-primary-100: #c6beed;--sl-color-primary-200: #a192e2;--sl-color-primary-300: #7b66d6;--sl-color-primary-400: #5e46cd;--sl-color-primary-500: #4225c4;--sl-color-primary-600: #3c21be;--sl-color-primary-700: #331bb6;--sl-color-primary-800: #2b16af;--sl-color-primary-900: #1d0da2;}</style></body></html>',
|
|
4
4
|
jsOptions: {},
|
|
5
5
|
user: {
|
|
6
6
|
id: "sam+klip@saasquat.ch",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export default {
|
|
2
2
|
template:
|
|
3
|
-
'<!DOCTYPE html
|
|
3
|
+
'<!DOCTYPE html><html> <head> <script type="text/javascript"> window.widgetIdent = {"programId":"klip-referral-program","userId":"sam+klip@saasquat.ch","accountId":"sam+klip@saasquat.ch","token":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbStrbGlwQHNhYXNxdWF0LmNoIiwiaWQiOiJzYW0ra2xpcEBzYWFzcXVhdC5jaCIsImVtYWlsIjoic2FtK2tsaXBAc2Fhc3F1YXQuY2gifX0.GiaY8wwQdpUoVRnp_AV7uys3MsYsMzKUkdnZgUb0wYU","tenantAlias":"test_a74miwdpofztj","engagementMedium":"EMBED","appDomain":"https://staging.referralsaasquatch.com"}; </script> <link rel="stylesheet" type="text/css" href="https://fast-staging.ssqt.io/npm/@saasquatch/mint-components@1.3.2-17/dist/mint-components/mint-components.css"> <script src="https://fast-staging.ssqt.io/npm/@saasquatch/bedrock-components@1.2.0/dist/bedrock-components/bedrock-components.js"></script> <script src="https://fast-staging.ssqt.io/npm/@saasquatch/mint-components@1.3.2-17/dist/mint-components/mint-components.js"></script> <script src="https://fast-staging.ssqt.io/npm/@elastic/apm-rum@4.0.1/dist/bundles/elastic-apm-rum.umd.min.js" crossorigin></script> <script> window.apm = elasticApm.init({ serviceName: \'programwidget-staging\', serverUrl: \'https://1c9081d2ac2d43548254f581dca2dbee.apm.us-central1.gcp.cloud.es.io:443\', active: Math.random() < 0.1 }) </script> </head> <body> <sqm-portal-container class="squatch-container" direction="column" padding="small" gap="xxxx-large"><sqm-portal-container direction="column" padding="none" gap="xxx-large"><sqm-titled-section padding="none" label-margin="x-large"><sqm-text slot="label"><h2>Partner and Profit</h2></sqm-text><sqm-text slot="content"><p> Get rewarded for referring potential customers to Klip and for completing loyalty objectives! </p></sqm-text></sqm-titled-section><sqm-titled-section label-margin="small" padding="none"><sqm-text slot="label"><h3>Share your referral link</h3></sqm-text><sqm-share-link slot="content"> </sqm-share-link></sqm-titled-section><sqm-titled-section label-margin="small" padding="none"><sqm-text slot="label"><h3>Share via social media</h3></sqm-text><sqm-portal-container slot="content" direction="row" padding="none" gap="xxx-large" min-width="160px"><sqm-share-button icon="envelope" medium="email" size="medium" pill="true">Email a friend </sqm-share-button><sqm-share-button medium="twitter" size="medium" pill="true">Tweet about us </sqm-share-button><sqm-share-button medium="facebook" size="medium" pill="true">Share on Facebook </sqm-share-button></sqm-portal-container></sqm-titled-section></sqm-portal-container><sqm-portal-container direction="column" padding="none" gap="xx-large"><sqm-titled-section padding="none" label-margin="none"><sqm-text slot="label"><h2>Referrals And Rewards</h2></sqm-text></sqm-titled-section><sqm-stat-container space="xxxx-large"><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/referralsCount"><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/integrationRewardsCountFiltered/AVAILABLE"><sqm-text><p>Giftcards Earned</p></sqm-text></sqm-big-stat><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/rewardBalance/CREDIT/POINT/global"><sqm-text><p>Points Balance</p></sqm-text></sqm-big-stat></sqm-stat-container><div id="i5i16c"><sqm-task-card reward-amount="50" card-title="Refer a friends" description="Invite your friends to klip and get rewarded when they signup for a free trial or contact our sales team for an enterprise license" button-text="Start Referring" button-link="https://klip-staging.vercel.app/app/invite-friends" goal="1"> </sqm-task-card><sqm-task-card reward-amount="50" goal="10" repeatable="" show-progress-bar="true" steps="true" card-title="Record 10 Hours of Video" description="Get rewarded for recording and uploading 10 hours of video on Klip each time you do it. Let us reward you for being a super user!" button-text="Record" button-link="https://klip-staging.vercel.app/app" stat-type="/customFields/videoHoursCount"> </sqm-task-card><sqb-program-section program-id="klip-loyalty"><sqm-task-card reward-amount="10" goal="1" repeatable="true" card-title="Upload a Video" description="Upload a video and get rewarded for exploring the functionality of Klip!" button-text="Upload" button-link="https://klip-staging.vercel.app/app" stat-type="/programGoals/count/Upload-Video"> </sqm-task-card></sqb-program-section><sqm-task-card reward-amount="50" goal="500" show-progress-bar="true" card-title="Spend 500$ on Klip Products" description="Let us reward you for being a loyal Klip customer! Spend 500$ on seats or licenses and get rewarded." button-text="See Plans" button-link="https://klip-staging.vercel.app/app/plans" stat-type="/customFields/purchaseTotal"> </sqm-task-card></div><sl-tab-group><sl-tab slot="nav" panel="referralHistory">Referral History </sl-tab><sl-tab slot="nav" panel="rewardHistory">Reward History </sl-tab><sl-tab slot="nav" panel="rewardExchange">Reward Exchange </sl-tab><sl-tab-panel name="referralHistory"><sqm-referral-table><sqm-referral-table-user-column column-title="User"> </sqm-referral-table-user-column><sqm-referral-table-status-column column-title="Referral Status"> </sqm-referral-table-status-column><sqm-referral-table-rewards-column> </sqm-referral-table-rewards-column><sqm-referral-table-date-column column-title="Date Referred" date-shown="dateReferralStarted"> </sqm-referral-table-date-column></sqm-referral-table></sl-tab-panel><sl-tab-panel name="rewardHistory"><sqb-program-section program-id=""><sqm-rewards-table><sqm-rewards-table-column></sqm-rewards-table-column></sqm-rewards-table></sqb-program-section></sl-tab-panel><sl-tab-panel name="rewardExchange"><sqm-reward-exchange-list not-available-error="{unavailableReason, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {Not enough points} TESTING {JSONata special case} other {Not available} }"></sqm-reward-exchange-list></sl-tab-panel></sl-tab-group></sqm-portal-container></sqm-portal-container><style>* { box-sizing: border-box; } body {margin: 0;}#i5i16c{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-gap:10px;grid-auto-flow:column;}:root{--sqm-portal-background: white;--sl-color-primary-50: #e8e5f8;--sl-color-primary-100: #c6beed;--sl-color-primary-200: #a192e2;--sl-color-primary-300: #7b66d6;--sl-color-primary-400: #5e46cd;--sl-color-primary-500: #4225c4;--sl-color-primary-600: #3c21be;--sl-color-primary-700: #331bb6;--sl-color-primary-800: #2b16af;--sl-color-primary-900: #1d0da2;}</style> </body></html>',
|
|
4
4
|
jsOptions: {},
|
|
5
5
|
user: {
|
|
6
6
|
id: "sam+klip@saasquat.ch",
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
template:
|
|
3
|
+
'<!DOCTYPE html><html> <head> <script type="text/javascript"> window.widgetIdent = {"programId":"klip-referral-program","userId":"sam+klip@saasquat.ch","accountId":"sam+klip@saasquat.ch","token":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbStrbGlwQHNhYXNxdWF0LmNoIiwiaWQiOiJzYW0ra2xpcEBzYWFzcXVhdC5jaCIsImVtYWlsIjoic2FtK2tsaXBAc2Fhc3F1YXQuY2gifX0.GiaY8wwQdpUoVRnp_AV7uys3MsYsMzKUkdnZgUb0wYU","tenantAlias":"test_a74miwdpofztj","engagementMedium":"EMBED","appDomain":"https://staging.referralsaasquatch.com"}; </script> <link rel="stylesheet" type="text/css" href="https://fast-staging.ssqt.io/npm/@saasquatch/mint-components@1.3.2-17/dist/mint-components/mint-components.css"> <script src="https://fast-staging.ssqt.io/npm/@saasquatch/bedrock-components@1.2.0/dist/bedrock-components/bedrock-components.js"></script> <script src="https://fast-staging.ssqt.io/npm/@saasquatch/mint-components@1.3.2-17/dist/mint-components/mint-components.js"></script> <script src="https://fast-staging.ssqt.io/npm/@elastic/apm-rum@4.0.1/dist/bundles/elastic-apm-rum.umd.min.js" crossorigin></script> <script> window.apm = elasticApm.init({ serviceName: \'programwidget-staging\', serverUrl: \'https://1c9081d2ac2d43548254f581dca2dbee.apm.us-central1.gcp.cloud.es.io:443\', active: Math.random() < 0.1 }) </script> </head> <body> <sqm-portal-container class="squatch-container" direction="column" padding="small" gap="xxxx-large" style="display:block;"><sqm-portal-container direction="column" padding="none" gap="xxx-large"><sqm-titled-section padding="none" label-margin="x-large"><sqm-text slot="label"><h2>Partner and Profit</h2></sqm-text><sqm-text slot="content"><p> Get rewarded for referring potential customers to Klip and for completing loyalty objectives! </p></sqm-text></sqm-titled-section><sqm-titled-section label-margin="small" padding="none"><sqm-text slot="label"><h3>Share your referral link</h3></sqm-text><sqm-share-link slot="content"> </sqm-share-link></sqm-titled-section><sqm-titled-section label-margin="small" padding="none"><sqm-text slot="label"><h3>Share via social media</h3></sqm-text><sqm-portal-container slot="content" direction="row" padding="none" gap="xxx-large" min-width="160px"><sqm-share-button icon="envelope" medium="email" size="medium" pill="true">Email a friend </sqm-share-button><sqm-share-button medium="twitter" size="medium" pill="true">Tweet about us </sqm-share-button><sqm-share-button medium="facebook" size="medium" pill="true">Share on Facebook </sqm-share-button></sqm-portal-container></sqm-titled-section></sqm-portal-container><sqm-portal-container direction="column" padding="none" gap="xx-large"><sqm-titled-section padding="none" label-margin="none"><sqm-text slot="label"><h2>Referrals And Rewards</h2></sqm-text></sqm-titled-section><sqm-stat-container space="xxxx-large"><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/referralsCount"><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/integrationRewardsCountFiltered/AVAILABLE"><sqm-text><p>Giftcards Earned</p></sqm-text></sqm-big-stat><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/rewardBalance/CREDIT/POINT/global"><sqm-text><p>Points Balance</p></sqm-text></sqm-big-stat></sqm-stat-container><div id="i5i16c"><sqm-task-card reward-amount="50" card-title="Refer a friends" description="Invite your friends to klip and get rewarded when they signup for a free trial or contact our sales team for an enterprise license" button-text="Start Referring" button-link="https://klip-staging.vercel.app/app/invite-friends" goal="1"> </sqm-task-card><sqm-task-card reward-amount="50" goal="10" repeatable="" show-progress-bar="true" steps="true" card-title="Record 10 Hours of Video" description="Get rewarded for recording and uploading 10 hours of video on Klip each time you do it. Let us reward you for being a super user!" button-text="Record" button-link="https://klip-staging.vercel.app/app" stat-type="/customFields/videoHoursCount"> </sqm-task-card><sqb-program-section program-id="klip-loyalty"><sqm-task-card reward-amount="10" goal="1" repeatable="true" card-title="Upload a Video" description="Upload a video and get rewarded for exploring the functionality of Klip!" button-text="Upload" button-link="https://klip-staging.vercel.app/app" stat-type="/programGoals/count/Upload-Video"> </sqm-task-card></sqb-program-section><sqm-task-card reward-amount="50" goal="500" show-progress-bar="true" card-title="Spend 500$ on Klip Products" description="Let us reward you for being a loyal Klip customer! Spend 500$ on seats or licenses and get rewarded." button-text="See Plans" button-link="https://klip-staging.vercel.app/app/plans" stat-type="/customFields/purchaseTotal"> </sqm-task-card></div><sl-tab-group><sl-tab slot="nav" panel="referralHistory">Referral History </sl-tab><sl-tab slot="nav" panel="rewardHistory">Reward History </sl-tab><sl-tab slot="nav" panel="rewardExchange">Reward Exchange </sl-tab><sl-tab-panel name="referralHistory"><sqm-referral-table><sqm-referral-table-user-column column-title="User"> </sqm-referral-table-user-column><sqm-referral-table-status-column column-title="Referral Status"> </sqm-referral-table-status-column><sqm-referral-table-rewards-column> </sqm-referral-table-rewards-column><sqm-referral-table-date-column column-title="Date Referred" date-shown="dateReferralStarted"> </sqm-referral-table-date-column></sqm-referral-table></sl-tab-panel><sl-tab-panel name="rewardHistory"><sqb-program-section program-id=""><sqm-rewards-table><sqm-rewards-table-column></sqm-rewards-table-column></sqm-rewards-table></sqb-program-section></sl-tab-panel><sl-tab-panel name="rewardExchange"><sqm-reward-exchange-list not-available-error="{unavailableReason, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {Not enough points} TESTING {JSONata special case} other {Not available} }"></sqm-reward-exchange-list></sl-tab-panel></sl-tab-group></sqm-portal-container></sqm-portal-container><style>* { box-sizing: border-box; } body {margin: 0;}#i5i16c{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-gap:10px;grid-auto-flow:column;}:root{--sqm-portal-background: white;--sl-color-primary-50: #e8e5f8;--sl-color-primary-100: #c6beed;--sl-color-primary-200: #a192e2;--sl-color-primary-300: #7b66d6;--sl-color-primary-400: #5e46cd;--sl-color-primary-500: #4225c4;--sl-color-primary-600: #3c21be;--sl-color-primary-700: #331bb6;--sl-color-primary-800: #2b16af;--sl-color-primary-900: #1d0da2;}</style> </body></html>',
|
|
4
|
+
jsOptions: {},
|
|
5
|
+
user: {
|
|
6
|
+
id: "sam+klip@saasquat.ch",
|
|
7
|
+
accountId: "sam+klip@saasquat.ch",
|
|
8
|
+
firstName: "sam",
|
|
9
|
+
lastName: "b",
|
|
10
|
+
referralCodes: {
|
|
11
|
+
"klip-referral-program": "SAMBSAMKLIP",
|
|
12
|
+
},
|
|
13
|
+
imageUrl: "",
|
|
14
|
+
email: "sam+klip@saasquat.ch",
|
|
15
|
+
cookieId: null,
|
|
16
|
+
locale: null,
|
|
17
|
+
countryCode: null,
|
|
18
|
+
referable: true,
|
|
19
|
+
firstSeenIP: "24.69.152.171",
|
|
20
|
+
lastSeenIP: "70.66.140.31",
|
|
21
|
+
dateCreated: 1637885093233,
|
|
22
|
+
programShareLinks: {
|
|
23
|
+
"klip-referral-program": {
|
|
24
|
+
cleanShareLink: "http://short.staging.referralsaasquatch.com/mz2Yk1",
|
|
25
|
+
UNKNOWN: {
|
|
26
|
+
DIRECT: "http://short.staging.referralsaasquatch.com/mv2Yk1",
|
|
27
|
+
},
|
|
28
|
+
EMAIL: {
|
|
29
|
+
DIRECT: "http://short.staging.referralsaasquatch.com/mP2Yk1",
|
|
30
|
+
},
|
|
31
|
+
MOBILE: {
|
|
32
|
+
DIRECT: "http://short.staging.referralsaasquatch.com/me2Yk1",
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
},
|
|
36
|
+
customFields: {
|
|
37
|
+
activityCount: 10,
|
|
38
|
+
videoHoursCount: 2,
|
|
39
|
+
lastSeenDate: 1638898707592,
|
|
40
|
+
purchaseTotal: 1050,
|
|
41
|
+
},
|
|
42
|
+
segments: ["dog"],
|
|
43
|
+
referredByCodes: [],
|
|
44
|
+
},
|
|
45
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export default {
|
|
2
2
|
template:
|
|
3
|
-
'
|
|
3
|
+
'<html> <head> <script type="text/javascript"> window.widgetIdent = {"programId":"klip-referral-program","userId":"sam+klip@saasquat.ch","accountId":"sam+klip@saasquat.ch","token":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbStrbGlwQHNhYXNxdWF0LmNoIiwiaWQiOiJzYW0ra2xpcEBzYWFzcXVhdC5jaCIsImVtYWlsIjoic2FtK2tsaXBAc2Fhc3F1YXQuY2gifX0.GiaY8wwQdpUoVRnp_AV7uys3MsYsMzKUkdnZgUb0wYU","tenantAlias":"test_a74miwdpofztj","engagementMedium":"EMBED","appDomain":"https://staging.referralsaasquatch.com"}; </script> <link rel="stylesheet" type="text/css" href="https://fast-staging.ssqt.io/npm/@saasquatch/mint-components@1.3.2-17/dist/mint-components/mint-components.css"> <script src="https://fast-staging.ssqt.io/npm/@saasquatch/bedrock-components@1.2.0/dist/bedrock-components/bedrock-components.js"></script> <script src="https://fast-staging.ssqt.io/npm/@saasquatch/mint-components@1.3.2-17/dist/mint-components/mint-components.js"></script> <script src="https://fast-staging.ssqt.io/npm/@elastic/apm-rum@4.0.1/dist/bundles/elastic-apm-rum.umd.min.js" crossorigin></script> <script> window.apm = elasticApm.init({ serviceName: \'programwidget-staging\', serverUrl: \'https://1c9081d2ac2d43548254f581dca2dbee.apm.us-central1.gcp.cloud.es.io:443\', active: Math.random() < 0.1 }) </script> </head> <body> <sqm-portal-container direction="column" padding="small" gap="xxxx-large"><sqm-portal-container direction="column" padding="none" gap="xxx-large"><sqm-titled-section padding="none" label-margin="x-large"><sqm-text slot="label"><h2>Partner and Profit</h2></sqm-text><sqm-text slot="content"><p> Get rewarded for referring potential customers to Klip and for completing loyalty objectives! </p></sqm-text></sqm-titled-section><sqm-titled-section label-margin="small" padding="none"><sqm-text slot="label"><h3>Share your referral link</h3></sqm-text><sqm-share-link slot="content"> </sqm-share-link></sqm-titled-section><sqm-titled-section label-margin="small" padding="none"><sqm-text slot="label"><h3>Share via social media</h3></sqm-text><sqm-portal-container slot="content" direction="row" padding="none" gap="xxx-large" min-width="160px"><sqm-share-button icon="envelope" medium="email" size="medium" pill="true">Email a friend </sqm-share-button><sqm-share-button medium="twitter" size="medium" pill="true">Tweet about us </sqm-share-button><sqm-share-button medium="facebook" size="medium" pill="true">Share on Facebook </sqm-share-button></sqm-portal-container></sqm-titled-section></sqm-portal-container><sqm-portal-container direction="column" padding="none" gap="xx-large"><sqm-titled-section padding="none" label-margin="none"><sqm-text slot="label"><h2>Referrals And Rewards</h2></sqm-text></sqm-titled-section><sqm-stat-container space="xxxx-large"><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/referralsCount"><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/integrationRewardsCountFiltered/AVAILABLE"><sqm-text><p>Giftcards Earned</p></sqm-text></sqm-big-stat><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/rewardBalance/CREDIT/POINT/global"><sqm-text><p>Points Balance</p></sqm-text></sqm-big-stat></sqm-stat-container><div id="i5i16c"><sqm-task-card reward-amount="50" card-title="Refer a friends" description="Invite your friends to klip and get rewarded when they signup for a free trial or contact our sales team for an enterprise license" button-text="Start Referring" button-link="https://klip-staging.vercel.app/app/invite-friends" goal="1"> </sqm-task-card><sqm-task-card reward-amount="50" goal="10" repeatable="" show-progress-bar="true" steps="true" card-title="Record 10 Hours of Video" description="Get rewarded for recording and uploading 10 hours of video on Klip each time you do it. Let us reward you for being a super user!" button-text="Record" button-link="https://klip-staging.vercel.app/app" stat-type="/customFields/videoHoursCount"> </sqm-task-card><sqb-program-section program-id="klip-loyalty"><sqm-task-card reward-amount="10" goal="1" repeatable="true" card-title="Upload a Video" description="Upload a video and get rewarded for exploring the functionality of Klip!" button-text="Upload" button-link="https://klip-staging.vercel.app/app" stat-type="/programGoals/count/Upload-Video"> </sqm-task-card></sqb-program-section><sqm-task-card reward-amount="50" goal="500" show-progress-bar="true" card-title="Spend 500$ on Klip Products" description="Let us reward you for being a loyal Klip customer! Spend 500$ on seats or licenses and get rewarded." button-text="See Plans" button-link="https://klip-staging.vercel.app/app/plans" stat-type="/customFields/purchaseTotal"> </sqm-task-card></div><sl-tab-group><sl-tab slot="nav" panel="referralHistory">Referral History </sl-tab><sl-tab slot="nav" panel="rewardHistory">Reward History </sl-tab><sl-tab slot="nav" panel="rewardExchange">Reward Exchange </sl-tab><sl-tab-panel name="referralHistory"><sqm-referral-table><sqm-referral-table-user-column column-title="User"> </sqm-referral-table-user-column><sqm-referral-table-status-column column-title="Referral Status"> </sqm-referral-table-status-column><sqm-referral-table-rewards-column> </sqm-referral-table-rewards-column><sqm-referral-table-date-column column-title="Date Referred" date-shown="dateReferralStarted"> </sqm-referral-table-date-column></sqm-referral-table></sl-tab-panel><sl-tab-panel name="rewardHistory"><sqb-program-section program-id=""><sqm-rewards-table><sqm-rewards-table-column></sqm-rewards-table-column></sqm-rewards-table></sqb-program-section></sl-tab-panel><sl-tab-panel name="rewardExchange"><sqm-reward-exchange-list not-available-error="{unavailableReason, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {Not enough points} TESTING {JSONata special case} other {Not available} }"></sqm-reward-exchange-list></sl-tab-panel></sl-tab-group></sqm-portal-container></sqm-portal-container><style>* { box-sizing: border-box; } body {margin: 0;}#i5i16c{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-gap:10px;grid-auto-flow:column;}:root{--sqm-portal-background: white;--sl-color-primary-50: #e8e5f8;--sl-color-primary-100: #c6beed;--sl-color-primary-200: #a192e2;--sl-color-primary-300: #7b66d6;--sl-color-primary-400: #5e46cd;--sl-color-primary-500: #4225c4;--sl-color-primary-600: #3c21be;--sl-color-primary-700: #331bb6;--sl-color-primary-800: #2b16af;--sl-color-primary-900: #1d0da2;}</style> </body></html>',
|
|
4
4
|
jsOptions: {},
|
|
5
5
|
user: {
|
|
6
6
|
id: "sam+klip@saasquat.ch",
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
template:
|
|
3
|
+
'<html> <head> <script type="text/javascript"> window.widgetIdent = {"programId":"klip-referral-program","userId":"sam+klip@saasquat.ch","accountId":"sam+klip@saasquat.ch","token":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbStrbGlwQHNhYXNxdWF0LmNoIiwiaWQiOiJzYW0ra2xpcEBzYWFzcXVhdC5jaCIsImVtYWlsIjoic2FtK2tsaXBAc2Fhc3F1YXQuY2gifX0.GiaY8wwQdpUoVRnp_AV7uys3MsYsMzKUkdnZgUb0wYU","tenantAlias":"test_a74miwdpofztj","engagementMedium":"EMBED","appDomain":"https://staging.referralsaasquatch.com"}; </script> <link rel="stylesheet" type="text/css" href="https://fast-staging.ssqt.io/npm/@saasquatch/mint-components@1.3.2-17/dist/mint-components/mint-components.css"> <script src="https://fast-staging.ssqt.io/npm/@saasquatch/bedrock-components@1.2.0/dist/bedrock-components/bedrock-components.js"></script> <script src="https://fast-staging.ssqt.io/npm/@saasquatch/mint-components@1.3.2-17/dist/mint-components/mint-components.js"></script> <script src="https://fast-staging.ssqt.io/npm/@elastic/apm-rum@4.0.1/dist/bundles/elastic-apm-rum.umd.min.js" crossorigin></script> <script> window.apm = elasticApm.init({ serviceName: \'programwidget-staging\', serverUrl: \'https://1c9081d2ac2d43548254f581dca2dbee.apm.us-central1.gcp.cloud.es.io:443\', active: Math.random() < 0.1 }) </script> </head> <body> <sqm-portal-container class="squatch-container" direction="column" padding="small" gap="xxxx-large"><sqm-portal-container direction="column" padding="none" gap="xxx-large"><sqm-titled-section padding="none" label-margin="x-large"><sqm-text slot="label"><h2>Partner and Profit</h2></sqm-text><sqm-text slot="content"><p> Get rewarded for referring potential customers to Klip and for completing loyalty objectives! </p></sqm-text></sqm-titled-section><sqm-titled-section label-margin="small" padding="none"><sqm-text slot="label"><h3>Share your referral link</h3></sqm-text><sqm-share-link slot="content"> </sqm-share-link></sqm-titled-section><sqm-titled-section label-margin="small" padding="none"><sqm-text slot="label"><h3>Share via social media</h3></sqm-text><sqm-portal-container slot="content" direction="row" padding="none" gap="xxx-large" min-width="160px"><sqm-share-button icon="envelope" medium="email" size="medium" pill="true">Email a friend </sqm-share-button><sqm-share-button medium="twitter" size="medium" pill="true">Tweet about us </sqm-share-button><sqm-share-button medium="facebook" size="medium" pill="true">Share on Facebook </sqm-share-button></sqm-portal-container></sqm-titled-section></sqm-portal-container><sqm-portal-container direction="column" padding="none" gap="xx-large"><sqm-titled-section padding="none" label-margin="none"><sqm-text slot="label"><h2>Referrals And Rewards</h2></sqm-text></sqm-titled-section><sqm-stat-container space="xxxx-large"><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/referralsCount"><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/integrationRewardsCountFiltered/AVAILABLE"><sqm-text><p>Giftcards Earned</p></sqm-text></sqm-big-stat><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/rewardBalance/CREDIT/POINT/global"><sqm-text><p>Points Balance</p></sqm-text></sqm-big-stat></sqm-stat-container><div id="i5i16c"><sqm-task-card reward-amount="50" card-title="Refer a friends" description="Invite your friends to klip and get rewarded when they signup for a free trial or contact our sales team for an enterprise license" button-text="Start Referring" button-link="https://klip-staging.vercel.app/app/invite-friends" goal="1"> </sqm-task-card><sqm-task-card reward-amount="50" goal="10" repeatable="" show-progress-bar="true" steps="true" card-title="Record 10 Hours of Video" description="Get rewarded for recording and uploading 10 hours of video on Klip each time you do it. Let us reward you for being a super user!" button-text="Record" button-link="https://klip-staging.vercel.app/app" stat-type="/customFields/videoHoursCount"> </sqm-task-card><sqb-program-section program-id="klip-loyalty"><sqm-task-card reward-amount="10" goal="1" repeatable="true" card-title="Upload a Video" description="Upload a video and get rewarded for exploring the functionality of Klip!" button-text="Upload" button-link="https://klip-staging.vercel.app/app" stat-type="/programGoals/count/Upload-Video"> </sqm-task-card></sqb-program-section><sqm-task-card reward-amount="50" goal="500" show-progress-bar="true" card-title="Spend 500$ on Klip Products" description="Let us reward you for being a loyal Klip customer! Spend 500$ on seats or licenses and get rewarded." button-text="See Plans" button-link="https://klip-staging.vercel.app/app/plans" stat-type="/customFields/purchaseTotal"> </sqm-task-card></div><sl-tab-group><sl-tab slot="nav" panel="referralHistory">Referral History </sl-tab><sl-tab slot="nav" panel="rewardHistory">Reward History </sl-tab><sl-tab slot="nav" panel="rewardExchange">Reward Exchange </sl-tab><sl-tab-panel name="referralHistory"><sqm-referral-table><sqm-referral-table-user-column column-title="User"> </sqm-referral-table-user-column><sqm-referral-table-status-column column-title="Referral Status"> </sqm-referral-table-status-column><sqm-referral-table-rewards-column> </sqm-referral-table-rewards-column><sqm-referral-table-date-column column-title="Date Referred" date-shown="dateReferralStarted"> </sqm-referral-table-date-column></sqm-referral-table></sl-tab-panel><sl-tab-panel name="rewardHistory"><sqb-program-section program-id=""><sqm-rewards-table><sqm-rewards-table-column></sqm-rewards-table-column></sqm-rewards-table></sqb-program-section></sl-tab-panel><sl-tab-panel name="rewardExchange"><sqm-reward-exchange-list not-available-error="{unavailableReason, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {Not enough points} TESTING {JSONata special case} other {Not available} }"></sqm-reward-exchange-list></sl-tab-panel></sl-tab-group></sqm-portal-container></sqm-portal-container><style>* { box-sizing: border-box; } body {margin: 0;}#i5i16c{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-gap:10px;grid-auto-flow:column;}:root{--sqm-portal-background: white;--sl-color-primary-50: #e8e5f8;--sl-color-primary-100: #c6beed;--sl-color-primary-200: #a192e2;--sl-color-primary-300: #7b66d6;--sl-color-primary-400: #5e46cd;--sl-color-primary-500: #4225c4;--sl-color-primary-600: #3c21be;--sl-color-primary-700: #331bb6;--sl-color-primary-800: #2b16af;--sl-color-primary-900: #1d0da2;}</style> </body></html>',
|
|
4
|
+
jsOptions: {},
|
|
5
|
+
user: {
|
|
6
|
+
id: "sam+klip@saasquat.ch",
|
|
7
|
+
accountId: "sam+klip@saasquat.ch",
|
|
8
|
+
firstName: "sam",
|
|
9
|
+
lastName: "b",
|
|
10
|
+
referralCodes: {
|
|
11
|
+
"klip-referral-program": "SAMBSAMKLIP",
|
|
12
|
+
},
|
|
13
|
+
imageUrl: "",
|
|
14
|
+
email: "sam+klip@saasquat.ch",
|
|
15
|
+
cookieId: null,
|
|
16
|
+
locale: null,
|
|
17
|
+
countryCode: null,
|
|
18
|
+
referable: true,
|
|
19
|
+
firstSeenIP: "24.69.152.171",
|
|
20
|
+
lastSeenIP: "70.66.140.31",
|
|
21
|
+
dateCreated: 1637885093233,
|
|
22
|
+
programShareLinks: {
|
|
23
|
+
"klip-referral-program": {
|
|
24
|
+
cleanShareLink: "http://short.staging.referralsaasquatch.com/mz2Yk1",
|
|
25
|
+
UNKNOWN: {
|
|
26
|
+
DIRECT: "http://short.staging.referralsaasquatch.com/mv2Yk1",
|
|
27
|
+
},
|
|
28
|
+
EMAIL: {
|
|
29
|
+
DIRECT: "http://short.staging.referralsaasquatch.com/mP2Yk1",
|
|
30
|
+
},
|
|
31
|
+
MOBILE: {
|
|
32
|
+
DIRECT: "http://short.staging.referralsaasquatch.com/me2Yk1",
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
},
|
|
36
|
+
customFields: {
|
|
37
|
+
activityCount: 10,
|
|
38
|
+
videoHoursCount: 2,
|
|
39
|
+
lastSeenDate: 1638898707592,
|
|
40
|
+
purchaseTotal: 1050,
|
|
41
|
+
},
|
|
42
|
+
segments: ["dog"],
|
|
43
|
+
referredByCodes: [],
|
|
44
|
+
},
|
|
45
|
+
};
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
export default {
|
|
2
|
+
template:
|
|
3
|
+
'<html> <head> <script type="text/javascript"> window.widgetIdent = {"programId":"klip-referral-program","userId":"sam+klip@saasquat.ch","accountId":"sam+klip@saasquat.ch","token":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImFjY291bnRJZCI6InNhbStrbGlwQHNhYXNxdWF0LmNoIiwiaWQiOiJzYW0ra2xpcEBzYWFzcXVhdC5jaCIsImVtYWlsIjoic2FtK2tsaXBAc2Fhc3F1YXQuY2gifX0.GiaY8wwQdpUoVRnp_AV7uys3MsYsMzKUkdnZgUb0wYU","tenantAlias":"test_a74miwdpofztj","engagementMedium":"EMBED","appDomain":"https://staging.referralsaasquatch.com"}; </script> <link rel="stylesheet" type="text/css" href="https://fast-staging.ssqt.io/npm/@saasquatch/mint-components@1.3.2-17/dist/mint-components/mint-components.css"> <script src="https://fast-staging.ssqt.io/npm/@saasquatch/bedrock-components@1.2.0/dist/bedrock-components/bedrock-components.js"></script> <script src="https://fast-staging.ssqt.io/npm/@saasquatch/mint-components@1.3.2-17/dist/mint-components/mint-components.js"></script> <script src="https://fast-staging.ssqt.io/npm/@elastic/apm-rum@4.0.1/dist/bundles/elastic-apm-rum.umd.min.js" crossorigin></script> <script> window.apm = elasticApm.init({ serviceName: \'programwidget-staging\', serverUrl: \'https://1c9081d2ac2d43548254f581dca2dbee.apm.us-central1.gcp.cloud.es.io:443\', active: Math.random() < 0.1 }) </script> </head> <body> <sqm-portal-container class="squatch-container" direction="column" padding="small" gap="xxxx-large" style="display:block;"><sqm-portal-container direction="column" padding="none" gap="xxx-large"><sqm-titled-section padding="none" label-margin="x-large"><sqm-text slot="label"><h2>Partner and Profit</h2></sqm-text><sqm-text slot="content"><p> Get rewarded for referring potential customers to Klip and for completing loyalty objectives! </p></sqm-text></sqm-titled-section><sqm-titled-section label-margin="small" padding="none"><sqm-text slot="label"><h3>Share your referral link</h3></sqm-text><sqm-share-link slot="content"> </sqm-share-link></sqm-titled-section><sqm-titled-section label-margin="small" padding="none"><sqm-text slot="label"><h3>Share via social media</h3></sqm-text><sqm-portal-container slot="content" direction="row" padding="none" gap="xxx-large" min-width="160px"><sqm-share-button icon="envelope" medium="email" size="medium" pill="true">Email a friend </sqm-share-button><sqm-share-button medium="twitter" size="medium" pill="true">Tweet about us </sqm-share-button><sqm-share-button medium="facebook" size="medium" pill="true">Share on Facebook </sqm-share-button></sqm-portal-container></sqm-titled-section></sqm-portal-container><sqm-portal-container direction="column" padding="none" gap="xx-large"><sqm-titled-section padding="none" label-margin="none"><sqm-text slot="label"><h2>Referrals And Rewards</h2></sqm-text></sqm-titled-section><sqm-stat-container space="xxxx-large"><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/referralsCount"><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/integrationRewardsCountFiltered/AVAILABLE"><sqm-text><p>Giftcards Earned</p></sqm-text></sqm-big-stat><sqm-big-stat flex-reverse="true" alignment="left" stat-type="/rewardBalance/CREDIT/POINT/global"><sqm-text><p>Points Balance</p></sqm-text></sqm-big-stat></sqm-stat-container><div id="i5i16c"><sqm-task-card reward-amount="50" card-title="Refer a friends" description="Invite your friends to klip and get rewarded when they signup for a free trial or contact our sales team for an enterprise license" button-text="Start Referring" button-link="https://klip-staging.vercel.app/app/invite-friends" goal="1"> </sqm-task-card><sqm-task-card reward-amount="50" goal="10" repeatable="" show-progress-bar="true" steps="true" card-title="Record 10 Hours of Video" description="Get rewarded for recording and uploading 10 hours of video on Klip each time you do it. Let us reward you for being a super user!" button-text="Record" button-link="https://klip-staging.vercel.app/app" stat-type="/customFields/videoHoursCount"> </sqm-task-card><sqb-program-section program-id="klip-loyalty"><sqm-task-card reward-amount="10" goal="1" repeatable="true" card-title="Upload a Video" description="Upload a video and get rewarded for exploring the functionality of Klip!" button-text="Upload" button-link="https://klip-staging.vercel.app/app" stat-type="/programGoals/count/Upload-Video"> </sqm-task-card></sqb-program-section><sqm-task-card reward-amount="50" goal="500" show-progress-bar="true" card-title="Spend 500$ on Klip Products" description="Let us reward you for being a loyal Klip customer! Spend 500$ on seats or licenses and get rewarded." button-text="See Plans" button-link="https://klip-staging.vercel.app/app/plans" stat-type="/customFields/purchaseTotal"> </sqm-task-card></div><sl-tab-group><sl-tab slot="nav" panel="referralHistory">Referral History </sl-tab><sl-tab slot="nav" panel="rewardHistory">Reward History </sl-tab><sl-tab slot="nav" panel="rewardExchange">Reward Exchange </sl-tab><sl-tab-panel name="referralHistory"><sqm-referral-table><sqm-referral-table-user-column column-title="User"> </sqm-referral-table-user-column><sqm-referral-table-status-column column-title="Referral Status"> </sqm-referral-table-status-column><sqm-referral-table-rewards-column> </sqm-referral-table-rewards-column><sqm-referral-table-date-column column-title="Date Referred" date-shown="dateReferralStarted"> </sqm-referral-table-date-column></sqm-referral-table></sl-tab-panel><sl-tab-panel name="rewardHistory"><sqb-program-section program-id=""><sqm-rewards-table><sqm-rewards-table-column></sqm-rewards-table-column></sqm-rewards-table></sqb-program-section></sl-tab-panel><sl-tab-panel name="rewardExchange"><sqm-reward-exchange-list not-available-error="{unavailableReason, select, US_TAX {US Tax limit} INSUFFICIENT_REDEEMABLE_CREDIT {Not enough points} TESTING {JSONata special case} other {Not available} }"></sqm-reward-exchange-list></sl-tab-panel></sl-tab-group></sqm-portal-container></sqm-portal-container><style>* { box-sizing: border-box; } body {margin: 0;}#i5i16c{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-gap:10px;grid-auto-flow:column;}:root{--sqm-portal-background: white;--sl-color-primary-50: #e8e5f8;--sl-color-primary-100: #c6beed;--sl-color-primary-200: #a192e2;--sl-color-primary-300: #7b66d6;--sl-color-primary-400: #5e46cd;--sl-color-primary-500: #4225c4;--sl-color-primary-600: #3c21be;--sl-color-primary-700: #331bb6;--sl-color-primary-800: #2b16af;--sl-color-primary-900: #1d0da2;}</style> </body></html>',
|
|
4
|
+
jsOptions: {},
|
|
5
|
+
user: {
|
|
6
|
+
id: "sam+klip@saasquat.ch",
|
|
7
|
+
accountId: "sam+klip@saasquat.ch",
|
|
8
|
+
firstName: "sam",
|
|
9
|
+
lastName: "b",
|
|
10
|
+
referralCodes: {
|
|
11
|
+
"klip-referral-program": "SAMBSAMKLIP",
|
|
12
|
+
},
|
|
13
|
+
imageUrl: "",
|
|
14
|
+
email: "sam+klip@saasquat.ch",
|
|
15
|
+
cookieId: null,
|
|
16
|
+
locale: null,
|
|
17
|
+
countryCode: null,
|
|
18
|
+
referable: true,
|
|
19
|
+
firstSeenIP: "24.69.152.171",
|
|
20
|
+
lastSeenIP: "70.66.140.31",
|
|
21
|
+
dateCreated: 1637885093233,
|
|
22
|
+
programShareLinks: {
|
|
23
|
+
"klip-referral-program": {
|
|
24
|
+
cleanShareLink: "http://short.staging.referralsaasquatch.com/mz2Yk1",
|
|
25
|
+
UNKNOWN: {
|
|
26
|
+
DIRECT: "http://short.staging.referralsaasquatch.com/mv2Yk1",
|
|
27
|
+
},
|
|
28
|
+
EMAIL: {
|
|
29
|
+
DIRECT: "http://short.staging.referralsaasquatch.com/mP2Yk1",
|
|
30
|
+
},
|
|
31
|
+
MOBILE: {
|
|
32
|
+
DIRECT: "http://short.staging.referralsaasquatch.com/me2Yk1",
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
},
|
|
36
|
+
customFields: {
|
|
37
|
+
activityCount: 10,
|
|
38
|
+
videoHoursCount: 2,
|
|
39
|
+
lastSeenDate: 1638898707592,
|
|
40
|
+
purchaseTotal: 1050,
|
|
41
|
+
},
|
|
42
|
+
segments: ["dog"],
|
|
43
|
+
referredByCodes: [],
|
|
44
|
+
},
|
|
45
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export default {
|
|
2
2
|
template:
|
|
3
|
-
'<html
|
|
3
|
+
'<html> <head> <script type="text/javascript"> window.widgetIdent = {"programId":"two-goal-program","userId":"testestest","accountId":"testestest","token":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkIjoidGVzdGVzdGVzdCIsImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJlbWFpbCI6ImppbWJvQHRlc3QuY2EifX0.g_54aEQqbp5o_z0ZjmDtEMTkmm0qtWcTW-YkX67LWkM","tenantAlias":"test_a8b41jotf8a1v","engagementMedium":"EMBED","appDomain":"https://staging.referralsaasquatch.com"}; </script> <script src="https://fast-staging.ssqt.io/npm/@saasquatch/vanilla-components@1.2.2/dist/widget-components/entrypoint.js"></script> <link rel="stylesheet" type="text/css" href="https://fast-staging.ssqt.io/npm/@saasquatch/vanilla-components-assets@0.0.12/icons.css"> <script src="https://fast-staging.ssqt.io/npm/@elastic/apm-rum@4.0.1/dist/bundles/elastic-apm-rum.umd.min.js" crossorigin></script> <script> window.apm = elasticApm.init({ serviceName: \'programwidget-staging\', serverUrl: \'https://1c9081d2ac2d43548254f581dca2dbee.apm.us-central1.gcp.cloud.es.io:443\', active: Math.random() < 0.1 }) </script> </head> <body> <sqh-global-container class="squatch-container" background="#ffffff" poweredby="true" fontfamily="Helvetica Neue,Helvetica,Arial,sans-serif" loadingcolor="#439B76"><sqh-text-component sqhbanner="true" ishidden="true" ismarkdown="false" background="https://res.cloudinary.com/saasquatch/image/upload/v1535746336/prod_default_assets/default_banner.jpg" height="auto" paddingtop="150" paddingbottom="150" text="" color="#000000"></sqh-text-component><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><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><sqh-copy-link-button ishidden="false" copysuccess="copied!" copyfailure="Press Ctrl+C to copy" text="Copy" buttoncolor="#5C6164" textcolor="#FFFFFF"></sqh-copy-link-button><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="Twitter" twittertextcolor="#ffffff" twitterbackgroundcolor="#4797d2" smsdisplayrule="mobile-only" smstext="SMS" smstextcolor="#ffffff" smsbackgroundcolor="#7bbf38" whatsappdisplayrule="mobile-only" whatsapptext="Whatspp" 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><sqh-text-component sqhreferralsheader="true" ismarkdown="true" ishidden="false" text="**Rewards Dashboard**" color="#000000" fontsize="13" textalign="center" paddingtop="20" paddingbottom="10"></sqh-text-component><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><sqh-referral-list ishidden="false" 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><sqh-text-component sqhfooter="true" ishidden="false" ismarkdown="false" text="Terms and Conditions" color="lightgray" fontsize="13" textalign="center" paddingtop="10" paddingbottom="10"></sqh-text-component></sqh-global-container> </body></html>',
|
|
4
4
|
jsOptions: {},
|
|
5
5
|
user: {
|
|
6
6
|
id: "testestest",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export default {
|
|
2
2
|
template:
|
|
3
|
-
'<!DOCTYPE html
|
|
3
|
+
'<!DOCTYPE html><html> <head> <script type="text/javascript"> window.widgetIdent = {"programId":"two-goal-program","userId":"testestest","accountId":"testestest","token":"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyIjp7ImlkIjoidGVzdGVzdGVzdCIsImFjY291bnRJZCI6InRlc3Rlc3Rlc3QiLCJlbWFpbCI6ImppbWJvQHRlc3QuY2EifX0.g_54aEQqbp5o_z0ZjmDtEMTkmm0qtWcTW-YkX67LWkM","tenantAlias":"test_a8b41jotf8a1v","engagementMedium":"EMBED","appDomain":"https://staging.referralsaasquatch.com"}; </script> <script src="https://fast-staging.ssqt.io/npm/@saasquatch/vanilla-components@1.2.2/dist/widget-components/entrypoint.js"></script> <link rel="stylesheet" type="text/css" href="https://fast-staging.ssqt.io/npm/@saasquatch/vanilla-components-assets@0.0.12/icons.css"> <script src="https://fast-staging.ssqt.io/npm/@elastic/apm-rum@4.0.1/dist/bundles/elastic-apm-rum.umd.min.js" crossorigin></script> <script> window.apm = elasticApm.init({ serviceName: \'programwidget-staging\', serverUrl: \'https://1c9081d2ac2d43548254f581dca2dbee.apm.us-central1.gcp.cloud.es.io:443\', active: Math.random() < 0.1 }) </script> </head> <body> <sqh-global-container class="squatch-container" background="#ffffff" poweredby="true" fontfamily="Helvetica Neue,Helvetica,Arial,sans-serif" loadingcolor="#439B76"><sqh-text-component sqhbanner="true" ishidden="true" ismarkdown="false" background="https://res.cloudinary.com/saasquatch/image/upload/v1535746336/prod_default_assets/default_banner.jpg" height="auto" paddingtop="150" paddingbottom="150" text="" color="#000000"></sqh-text-component><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><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><sqh-copy-link-button ishidden="false" copysuccess="copied!" copyfailure="Press Ctrl+C to copy" text="Copy" buttoncolor="#5C6164" textcolor="#FFFFFF"></sqh-copy-link-button><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="Twitter" twittertextcolor="#ffffff" twitterbackgroundcolor="#4797d2" smsdisplayrule="mobile-only" smstext="SMS" smstextcolor="#ffffff" smsbackgroundcolor="#7bbf38" whatsappdisplayrule="mobile-only" whatsapptext="Whatspp" 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><sqh-text-component sqhreferralsheader="true" ismarkdown="true" ishidden="false" text="**Rewards Dashboard**" color="#000000" fontsize="13" textalign="center" paddingtop="20" paddingbottom="10"></sqh-text-component><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><sqh-referral-list ishidden="false" 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><sqh-text-component sqhfooter="true" ishidden="false" ismarkdown="false" text="Terms and Conditions" color="lightgray" fontsize="13" textalign="center" paddingtop="10" paddingbottom="10"></sqh-text-component></sqh-global-container> </body></html>',
|
|
4
4
|
jsOptions: {},
|
|
5
5
|
user: {
|
|
6
6
|
id: "testestest",
|