@saasquatch/mint-components 1.6.8-4 → 1.6.8-6

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.
@@ -353,6 +353,9 @@ const CouponCode = class {
353
353
  * Set the copy button position
354
354
  *
355
355
  * @uiName Copy button position
356
+ * @uiType string
357
+ * @uiEnum ["inside", "outside", "below"]
358
+ * @uiEnumNames ["inside", "outside", "below"]
356
359
  */
357
360
  this.buttonPosition = "outside";
358
361
  stencilHooks_module.h$1(this);
@@ -3599,6 +3602,9 @@ const ShareCode = class {
3599
3602
  * Set the copy button position
3600
3603
  *
3601
3604
  * @uiName Copy button position
3605
+ * @uiType string
3606
+ * @uiEnum ["inside", "outside", "below"]
3607
+ * @uiEnumNames ["inside", "outside", "below"]
3602
3608
  */
3603
3609
  this.buttonPosition = "outside";
3604
3610
  stencilHooks_module.h$1(this);
@@ -3670,6 +3676,9 @@ const ShareLink = class {
3670
3676
  * Set the copy button position
3671
3677
  *
3672
3678
  * @uiName Copy button position
3679
+ * @uiType string
3680
+ * @uiEnum ["inside", "outside", "below"]
3681
+ * @uiEnumNames ["inside", "outside", "below"]
3673
3682
  */
3674
3683
  this.buttonPosition = "outside";
3675
3684
  stencilHooks_module.h$1(this);
@@ -3873,11 +3873,11 @@ const monoWidget = "<sqm-brand brand-color=\"#4225c4\" brand-font=\"Nunito Sans\
3873
3873
 
3874
3874
  const loyaltyWidget = "<sqm-brand brand-color=\"#4225c4\" brand-font=\"Nunito Sans\">\n <sqm-portal-container\n direction=\"column\"\n padding=\"small\"\n gap=\"xxxx-large\"\n display=\"grid\"\n max-width=\"100%\"\n >\n <sqm-portal-container\n direction=\"column\"\n padding=\"none\"\n gap=\"xxx-large\"\n display=\"grid\"\n max-width=\"100%\"\n >\n <sqm-hero-image\n image-url=\"https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png\"\n header=\"MyCompany Rewards\"\n description=\"Complete tasks to earn rewards\"\n layout=\"overlay\"\n padding-image=\"xxxx-large\"\n padding-text=\"xxx-large\"\n image-pos=\"center\"\n overlay-color=\"#5e5669\"\n overlay-opacity=\"0.9\"\n >\n </sqm-hero-image>\n <sqm-portal-container\n direction=\"column\"\n padding=\"none\"\n gap=\"xxx-large\"\n max-width=\"770px\"\n center\n display=\"grid\"\n >\n <sqm-program-explainer header=\"How it works\">\n <sqm-program-explainer-step\n description=\"Complete tasks like uploading your first video or sharing videos with friends\"\n header=\"Earn points for using our product\"\n icon=\"cash-stack\"\n text-color=\"#000000\"\n >\n </sqm-program-explainer-step>\n <sqm-program-explainer-step\n description=\"Redeem rewards like one free month of Enterprise or two plane tickets to anywhere in North America\"\n header=\"Redeem rewards with your points\"\n icon=\"people\"\n text-color=\"#000000\"\n >\n </sqm-program-explainer-step>\n </sqm-program-explainer>\n <sqm-portal-container\n center\n direction=\"row\"\n display=\"flex\"\n justify-content=\"space-between\"\n gap=\"xxx-large\"\n max-width=\"100%\"\n padding=\"none\"\n >\n <sqm-stat-container space=\"xxx-large\" display=\"flex\">\n <sqm-big-stat\n flex-reverse=\"true\"\n alignment=\"left\"\n stat-type=\"/rewardsRedeemed/CREDIT/POINTS\"\n >\n <p>Points Redeemed</p>\n </sqm-big-stat>\n <sqm-big-stat\n flex-reverse=\"true\"\n alignment=\"left\"\n stat-type=\"/rewardBalance/CREDIT/POINT/value/global\"\n >\n <p>Points Balance</p>\n </sqm-big-stat>\n </sqm-stat-container>\n </sqm-portal-container>\n <sqm-portal-container\n direction=\"column\"\n padding=\"none\"\n gap=\"xx-large\"\n display=\"grid\"\n max-width=\"100%\"\n >\n <sqm-titled-section\n label-margin=\"small\"\n padding=\"none\"\n text-align=\"center\"\n >\n <h3 slot=\"label\">Earn points</h3>\n </sqm-titled-section>\n <sqm-card-feed gap=\"24\" width=\"347\">\n <sqm-task-card\n reward-amount=\"20\"\n goal=\"1\"\n card-title=\"Complete a Survey\"\n description=\"Fill out our NPS survey and get 20 points for giving us honest feedback.\"\n button-text=\"Take survey\"\n reward-unit=\"Points\"\n completed-text=\"Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}\"\n ended-message=\"Ended {endDate}\"\n expiry-message=\"Ends {endDate}\"\n finite=\"0\"\n starts-on-message=\"Starts {startDate}\"\n >\n </sqm-task-card>\n <sqm-task-card\n reward-amount=\"250\"\n goal=\"500\"\n show-progress-bar\n card-title=\"Spend $500\"\n description=\"Earn 250 points when you spend $500 or more.\"\n button-text=\"See plans\"\n completed-text=\"Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}\"\n ended-message=\"Ended {endDate}\"\n expiry-message=\"Ends {endDate}\"\n progress-bar-unit=\"$\"\n finite=\"0\"\n reward-unit=\"Points\"\n starts-on-message=\"Starts {startDate}\"\n >\n </sqm-task-card>\n <sqm-task-card\n goal=\"1\"\n reward-amount=\"50\"\n card-title=\"Follow Us on Twitter\"\n description=\"Earn 50 points when you follow us on Twitter!\"\n button-text=\"Follow\"\n button-link=\"https://twitter.com/\"\n open-new-tab=\"true\"\n event-key=\"socialFollow\"\n completed-text=\"Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}\"\n ended-message=\"Ended {endDate}\"\n expiry-message=\"Ends {endDate}\"\n finite=\"0\"\n reward-unit=\"Points\"\n starts-on-message=\"Starts {startDate}\"\n >\n </sqm-task-card>\n <sqm-task-card\n reward-amount=\"1\"\n reward-unit=\"Free Month\"\n goal=\"1\"\n card-title=\"Upgrade Your Plan\"\n description=\"Receive one free month for being a committed customer when you upgrade your plan.\"\n button-text=\"Upgrade\"\n completed-text=\"Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}\"\n ended-message=\"Ended {endDate}\"\n expiry-message=\"Ends {endDate}\"\n open-new-tab=\"false\"\n finite=\"0\"\n starts-on-message=\"Starts {startDate}\"\n >\n </sqm-task-card>\n </sqm-card-feed>\n <sqm-portal-container\n gap=\"large\"\n direction=\"column\"\n display=\"grid\"\n max-width=\"100%\"\n padding=\"none\"\n >\n <sqm-titled-section\n padding=\"none\"\n text-align=\"center\"\n label-margin=\"xx-small\"\n >\n <h3 slot=\"label\">Reward History</h3>\n </sqm-titled-section>\n <sqm-rewards-table\n per-page=\"4\"\n hidden-columns=\"0\"\n more-label=\"Next\"\n prev-label=\"Prev\"\n sm-breakpoint=\"599\"\n md-breakpoint=\"799\"\n >\n <sqm-rewards-table-reward-column\n available-text=\"{availableAmount} remaining\"\n column-title=\"Reward\"\n copy-text=\"Copied!\"\n redeemed-text=\"{redeemedAmount} redeemed\"\n >\n </sqm-rewards-table-reward-column>\n <sqm-rewards-table-source-column\n anonymous-user=\"Anonymous User\"\n column-title=\"Source\"\n deleted-user=\"Deleted User\"\n referral-text=\"{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}\"\n reward-exchange-text=\"Reward Exchange\"\n reward-source-text=\"{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}\"\n >\n </sqm-rewards-table-source-column>\n <sqm-rewards-table-status-column\n column-title=\"Status\"\n expiry-text=\"Expires on \"\n status-text=\"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }\"\n >\n </sqm-rewards-table-status-column>\n <sqm-rewards-table-date-column\n column-title=\"Date received\"\n date-shown=\"dateGiven\"\n >\n </sqm-rewards-table-date-column>\n <sqm-empty\n slot=\"empty\"\n empty-state-image=\"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png\"\n empty-state-header=\"View your rewards\"\n empty-state-text=\"Refer friends and complete tasks to view the details of your rewards\"\n >\n </sqm-empty>\n </sqm-rewards-table>\n </sqm-portal-container>\n </sqm-portal-container>\n <sqm-portal-footer\n support-email=\"support@example.com\"\n terms-link=\"https://example.com\"\n faq-link=\"https://example.com\"\n terms-text=\"Terms And Conditions\"\n faq-text=\"FAQ\"\n show-powered-by=\"true\"\n padding-bottom=\"none\"\n padding-left=\"none\"\n padding-right=\"none\"\n padding-top=\"none\"\n ></sqm-portal-footer>\n </sqm-portal-container>\n </sqm-portal-container>\n </sqm-portal-container>\n</sqm-brand>\n";
3875
3875
 
3876
- const passwordlessReferrerPersonalized = "<sqm-brand>\n <sqm-portal-container\n direction=\"column\"\n padding=\"none\"\n gap=\"xx-large\"\n max-width=\"770px\"\n center\n display=\"grid\"\n >\n <sqm-referral-card vertical-alignment=\"start\">\n <sqm-titled-section\n text-align=\"center\"\n label-margin=\"xxx-small\"\n padding=\"none\"\n slot=\"header\"\n >\n <h3 slot=\"label\">Share &#x24;50 with friends</h3>\n <p slot=\"content\">\n They&#x2019;ll get a &#x24;50 credit towards a new account and\n you&#x2019;ll get up to &#x24;1200\n </p>\n </sqm-titled-section>\n <sqm-portal-container\n gap=\"large\"\n slot=\"left\"\n direction=\"column\"\n display=\"grid\"\n max-width=\"100%\"\n padding=\"none\"\n >\n <p>How to get rewarded!</p>\n <sqm-timeline icon=\"circle\">\n <sqm-timeline-entry\n reward=\"$50\"\n unit=\"visa giftcard\"\n desc=\"Your friend purchases a Business plan\"\n icon=\"circle\"\n >\n </sqm-timeline-entry>\n <sqm-timeline-entry\n reward=\"$200\"\n unit=\"visa giftcard\"\n desc=\"Our sales team qualifies your friend as a good fit for our Enterprise plan\"\n icon=\"circle\"\n >\n </sqm-timeline-entry>\n <sqm-timeline-entry\n reward=\"$1000\"\n unit=\"visa giftcard\"\n desc=\"Your friend purchases an Enterprise plan\"\n icon=\"circle\"\n >\n </sqm-timeline-entry>\n </sqm-timeline>\n </sqm-portal-container>\n <sqm-portal-container\n gap=\"large\"\n slot=\"right\"\n direction=\"column\"\n display=\"grid\"\n max-width=\"100%\"\n padding=\"none\"\n >\n <p>Choose how you want to share:</p>\n <p><sub>Your unique referral link:</sub></p>\n <sqm-share-link\n tooltip-text=\"Copied to Clipboard\"\n tooltip-lifespan=\"1000\"\n >\n </sqm-share-link>\n <sqm-portal-container\n gap=\"x-small\"\n direction=\"column\"\n display=\"grid\"\n max-width=\"100%\"\n padding=\"none\"\n >\n <sqm-share-button\n medium=\"email\"\n icon-slot=\"prefix\"\n size=\"medium\"\n type=\"default\"\n >\n Share via email\n </sqm-share-button>\n <sqm-share-button\n medium=\"linkedin\"\n icon-slot=\"prefix\"\n size=\"medium\"\n type=\"default\"\n >\n Share on LinkedIn\n </sqm-share-button>\n <sqm-share-button\n medium=\"twitter\"\n icon-slot=\"prefix\"\n size=\"medium\"\n type=\"default\"\n >\n Tweet about us\n </sqm-share-button>\n </sqm-portal-container>\n </sqm-portal-container>\n <sqm-portal-container\n slot=\"footer\"\n direction=\"column\"\n gap=\"small\"\n justify-content=\"center\"\n display=\"flex\"\n padding=\"large\"\n >\n <sqm-user-identifier\n switch-user-link=\"https://www.example.com\"\n ></sqm-user-identifier\n ><sqm-portal-footer\n padding-top=\"0\"\n padding-bottom=\"0\"\n padding-left=\"0\"\n padding-right=\"0\"\n ></sqm-portal-footer>\n </sqm-portal-container>\n </sqm-referral-card>\n </sqm-portal-container>\n</sqm-brand>\n";
3876
+ const passwordlessReferrerPersonalized = "<sqm-brand>\n <sqm-portal-container\n direction=\"column\"\n padding=\"none\"\n gap=\"xx-large\"\n max-width=\"770px\"\n center\n display=\"grid\"\n >\n <sqm-referral-card vertical-alignment=\"start\">\n <sqm-titled-section\n text-align=\"center\"\n label-margin=\"xxx-small\"\n padding=\"none\"\n slot=\"header\"\n >\n <h3 slot=\"label\">Share &#x24;50 with friends</h3>\n <p slot=\"content\">\n They&#x2019;ll get a &#x24;50 credit towards a new account and\n you&#x2019;ll get up to &#x24;1200\n </p>\n </sqm-titled-section>\n <sqm-portal-container\n gap=\"large\"\n slot=\"left\"\n direction=\"column\"\n display=\"grid\"\n max-width=\"100%\"\n padding=\"none\"\n >\n <p>How to get rewarded!</p>\n <sqm-timeline icon=\"circle\">\n <sqm-timeline-entry\n reward=\"$50\"\n unit=\"visa giftcard\"\n desc=\"Your friend purchases a Business plan\"\n icon=\"circle\"\n >\n </sqm-timeline-entry>\n <sqm-timeline-entry\n reward=\"$200\"\n unit=\"visa giftcard\"\n desc=\"Our sales team qualifies your friend as a good fit for our Enterprise plan\"\n icon=\"circle\"\n >\n </sqm-timeline-entry>\n <sqm-timeline-entry\n reward=\"$1000\"\n unit=\"visa giftcard\"\n desc=\"Your friend purchases an Enterprise plan\"\n icon=\"circle\"\n >\n </sqm-timeline-entry>\n </sqm-timeline>\n </sqm-portal-container>\n <sqm-portal-container\n gap=\"large\"\n slot=\"right\"\n direction=\"column\"\n display=\"grid\"\n max-width=\"100%\"\n padding=\"none\"\n >\n <p>Choose how you want to share:</p>\n <p><sub>Your unique referral link:</sub></p>\n <sqm-share-link\n tooltip-text=\"Copied to Clipboard\"\n tooltip-lifespan=\"1000\"\n >\n </sqm-share-link>\n <sqm-portal-container\n gap=\"x-small\"\n direction=\"column\"\n display=\"grid\"\n max-width=\"100%\"\n padding=\"none\"\n >\n <sqm-share-button\n medium=\"email\"\n icon-slot=\"prefix\"\n size=\"medium\"\n type=\"default\"\n >\n Share via email\n </sqm-share-button>\n <sqm-share-button\n medium=\"linkedin\"\n icon-slot=\"prefix\"\n size=\"medium\"\n type=\"default\"\n >\n Share on LinkedIn\n </sqm-share-button>\n <sqm-share-button\n medium=\"twitter\"\n icon-slot=\"prefix\"\n size=\"medium\"\n type=\"default\"\n >\n Tweet about us\n </sqm-share-button>\n </sqm-portal-container>\n </sqm-portal-container>\n <sqm-portal-container\n slot=\"footer\"\n direction=\"column\"\n gap=\"small\"\n justify-content=\"center\"\n display=\"flex\"\n padding=\"large\"\n >\n <sqm-user-identifier\n switch-user-link=\"https://www.example.com\"\n ></sqm-user-identifier\n ><sqm-portal-footer\n padding-top=\"none\"\n padding-bottom=\"none\"\n padding-left=\"none\"\n padding-right=\"none\"\n ></sqm-portal-footer>\n </sqm-portal-container>\n </sqm-referral-card>\n </sqm-portal-container>\n</sqm-brand>\n";
3877
3877
 
3878
3878
  const passwordlessReferrerRegistration = "<sqm-brand>\n <sqm-passwordless-registration include-name=\"true\">\n <sqm-titled-section\n text-align=\"center\"\n label-margin=\"xxx-small\"\n padding=\"none\"\n slot=\"top-slot\"\n >\n <h3 slot=\"label\">Share &#x24;50 with friends</h3>\n <p slot=\"content\">\n They&#x2019;ll get a &#x24;50 credit towards a new account and\n you&#x2019;ll get up to &#x24;1200\n </p>\n </sqm-titled-section>\n\n <sqm-portal-footer\n hide-support-text=\"true\"\n terms-link=\"https://example.com\"\n terms-text=\"Terms And Conditions\"\n faq-text=\"FAQ\"\n show-powered-by=\"true\"\n padding-bottom=\"none\"\n padding-left=\"none\"\n padding-right=\"none\"\n padding-top=\"none\"\n slot=\"bottom-slot\"\n ></sqm-portal-footer>\n </sqm-passwordless-registration>\n</sqm-brand>\n";
3879
3879
 
3880
- const passwordlessReferredPersonalized = "<sqm-brand>\n <sqm-portal-container\n direction=\"column\"\n padding=\"none\"\n gap=\"xx-large\"\n max-width=\"770px\"\n center\n display=\"grid\"\n >\n <sqm-referral-card vertical-alignment=\"start\">\n <sqm-portal-container\n gap=\"large\"\n direction=\"column\"\n display=\"flex\"\n justify-content=\"center\"\n max-width=\"100%\"\n padding=\"none\"\n slot=\"header\"\n >\n <sqm-titled-section\n text-align=\"center\"\n label-margin=\"xxx-small\"\n padding=\"none\"\n >\n <h3 slot=\"label\">You got $50 off thanks to a friend!</h3>\n\n <p slot=\"content\">\n Description about sharing the products wiht friends will make your\n life 100 times better!\n </p>\n </sqm-titled-section>\n\n <sqm-portal-container>\n <p>\n The coupon code has some conditions that are described concisely in\n this paragraph so that you don’t get upset if the code doesn’t work\n </p></sqm-portal-container\n >\n\n <sqm-coupon-code></sqm-coupon-code>\n </sqm-portal-container>\n\n <sqm-portal-footer\n slot=\"footer\"\n padding-top=\"0\"\n padding-bottom=\"0\"\n padding-left=\"0\"\n padding-right=\"0\"\n ></sqm-portal-footer>\n </sqm-referral-card>\n </sqm-portal-container>\n</sqm-brand>\n";
3880
+ const passwordlessReferredPersonalized = "<sqm-brand>\n <sqm-portal-container\n direction=\"column\"\n padding=\"none\"\n gap=\"xx-large\"\n max-width=\"770px\"\n center\n display=\"grid\"\n >\n <sqm-referral-card vertical-alignment=\"start\">\n <sqm-portal-container\n gap=\"large\"\n direction=\"column\"\n display=\"flex\"\n justify-content=\"center\"\n max-width=\"100%\"\n padding=\"none\"\n slot=\"header\"\n >\n <sqm-titled-section\n text-align=\"center\"\n label-margin=\"xxx-small\"\n padding=\"none\"\n >\n <h3 slot=\"label\">You got $50 off thanks to a friend!</h3>\n\n <p slot=\"content\">\n Description about sharing the products wiht friends will make your\n life 100 times better!\n </p>\n </sqm-titled-section>\n\n <sqm-portal-container>\n <p>\n The coupon code has some conditions that are described concisely in\n this paragraph so that you don’t get upset if the code doesn’t work\n </p></sqm-portal-container\n >\n\n <sqm-coupon-code></sqm-coupon-code>\n </sqm-portal-container>\n\n <sqm-portal-footer\n slot=\"footer\"\n padding-top=\"none\"\n padding-bottom=\"none\"\n padding-left=\"none\"\n padding-right=\"none\"\n ></sqm-portal-footer>\n </sqm-referral-card>\n </sqm-portal-container>\n</sqm-brand>\n";
3881
3881
 
3882
3882
  const passwordlessReferredRegistration = "<sqm-brand>\n <sqm-referred-registration register-label=\"Get $50 off\">\n <sqm-titled-section\n text-align=\"center\"\n label-margin=\"xxx-small\"\n padding=\"none\"\n slot=\"top-slot\"\n >\n <h3 slot=\"label\">You got $50 off thanks to a friend!</h3>\n <p slot=\"content\">\n Description about sharing the products with friends will make your life\n 100 times better!\n </p>\n </sqm-titled-section>\n\n <div slot=\"bottom-slot\">\n <p style=\"text-align: center; margin-top: 0; margin-bottom: 1.5rem\">\n *Valid on purchases of $75 or more\n </p>\n <sqm-portal-footer\n hide-support-text=\"true\"\n terms-link=\"https://example.com\"\n terms-text=\"Terms And Conditions\"\n faq-text=\"FAQ\"\n show-powered-by=\"true\"\n padding-bottom=\"none\"\n padding-left=\"none\"\n padding-right=\"none\"\n padding-top=\"none\"\n ></sqm-portal-footer>\n </div>\n </sqm-referred-registration>\n</sqm-brand>\n";
3883
3883
 
@@ -10,7 +10,9 @@ const cjs = require('./cjs-1066ec21.js');
10
10
  require('./JSS-8503a151.js');
11
11
  const sqmUserIdentifierView = require('./sqm-user-identifier-view-90b36758.js');
12
12
 
13
- function useUserIdentifier(props) {
13
+ function useUserIdentifier(
14
+ // @ts-ignore;
15
+ props) {
14
16
  return {
15
17
  switchUserLink: props.switchUserLink,
16
18
  userIdentificationText: "",
@@ -46,6 +46,9 @@ export class CouponCode {
46
46
  * Set the copy button position
47
47
  *
48
48
  * @uiName Copy button position
49
+ * @uiType string
50
+ * @uiEnum ["inside", "outside", "below"]
51
+ * @uiEnumNames ["inside", "outside", "below"]
49
52
  */
50
53
  this.buttonPosition = "outside";
51
54
  withHooks(this);
@@ -203,6 +206,15 @@ export class CouponCode {
203
206
  "tags": [{
204
207
  "text": "Copy button position",
205
208
  "name": "uiName"
209
+ }, {
210
+ "text": "string",
211
+ "name": "uiType"
212
+ }, {
213
+ "text": "[\"inside\", \"outside\", \"below\"]",
214
+ "name": "uiEnum"
215
+ }, {
216
+ "text": "[\"inside\", \"outside\", \"below\"]",
217
+ "name": "uiEnumNames"
206
218
  }],
207
219
  "text": "Set the copy button position"
208
220
  },
@@ -46,6 +46,9 @@ export class ShareCode {
46
46
  * Set the copy button position
47
47
  *
48
48
  * @uiName Copy button position
49
+ * @uiType string
50
+ * @uiEnum ["inside", "outside", "below"]
51
+ * @uiEnumNames ["inside", "outside", "below"]
49
52
  */
50
53
  this.buttonPosition = "outside";
51
54
  withHooks(this);
@@ -203,6 +206,15 @@ export class ShareCode {
203
206
  "tags": [{
204
207
  "text": "Copy button position",
205
208
  "name": "uiName"
209
+ }, {
210
+ "text": "string",
211
+ "name": "uiType"
212
+ }, {
213
+ "text": "[\"inside\", \"outside\", \"below\"]",
214
+ "name": "uiEnum"
215
+ }, {
216
+ "text": "[\"inside\", \"outside\", \"below\"]",
217
+ "name": "uiEnumNames"
206
218
  }],
207
219
  "text": "Set the copy button position"
208
220
  },
@@ -46,6 +46,9 @@ export class ShareLink {
46
46
  * Set the copy button position
47
47
  *
48
48
  * @uiName Copy button position
49
+ * @uiType string
50
+ * @uiEnum ["inside", "outside", "below"]
51
+ * @uiEnumNames ["inside", "outside", "below"]
49
52
  */
50
53
  this.buttonPosition = "outside";
51
54
  withHooks(this);
@@ -203,6 +206,15 @@ export class ShareLink {
203
206
  "tags": [{
204
207
  "text": "Copy button position",
205
208
  "name": "uiName"
209
+ }, {
210
+ "text": "string",
211
+ "name": "uiType"
212
+ }, {
213
+ "text": "[\"inside\", \"outside\", \"below\"]",
214
+ "name": "uiEnum"
215
+ }, {
216
+ "text": "[\"inside\", \"outside\", \"below\"]",
217
+ "name": "uiEnumNames"
206
218
  }],
207
219
  "text": "Set the copy button position"
208
220
  },
@@ -1,4 +1,6 @@
1
- export function useUserIdentifier(props) {
1
+ export function useUserIdentifier(
2
+ // @ts-ignore;
3
+ props) {
2
4
  return {
3
5
  switchUserLink: "" || props.switchUserLink,
4
6
  userIdentificationText: "",
@@ -349,6 +349,9 @@ const CouponCode = class {
349
349
  * Set the copy button position
350
350
  *
351
351
  * @uiName Copy button position
352
+ * @uiType string
353
+ * @uiEnum ["inside", "outside", "below"]
354
+ * @uiEnumNames ["inside", "outside", "below"]
352
355
  */
353
356
  this.buttonPosition = "outside";
354
357
  h(this);
@@ -3595,6 +3598,9 @@ const ShareCode = class {
3595
3598
  * Set the copy button position
3596
3599
  *
3597
3600
  * @uiName Copy button position
3601
+ * @uiType string
3602
+ * @uiEnum ["inside", "outside", "below"]
3603
+ * @uiEnumNames ["inside", "outside", "below"]
3598
3604
  */
3599
3605
  this.buttonPosition = "outside";
3600
3606
  h(this);
@@ -3666,6 +3672,9 @@ const ShareLink = class {
3666
3672
  * Set the copy button position
3667
3673
  *
3668
3674
  * @uiName Copy button position
3675
+ * @uiType string
3676
+ * @uiEnum ["inside", "outside", "below"]
3677
+ * @uiEnumNames ["inside", "outside", "below"]
3669
3678
  */
3670
3679
  this.buttonPosition = "outside";
3671
3680
  h(this);
@@ -3869,11 +3869,11 @@ const monoWidget = "<sqm-brand brand-color=\"#4225c4\" brand-font=\"Nunito Sans\
3869
3869
 
3870
3870
  const loyaltyWidget = "<sqm-brand brand-color=\"#4225c4\" brand-font=\"Nunito Sans\">\n <sqm-portal-container\n direction=\"column\"\n padding=\"small\"\n gap=\"xxxx-large\"\n display=\"grid\"\n max-width=\"100%\"\n >\n <sqm-portal-container\n direction=\"column\"\n padding=\"none\"\n gap=\"xxx-large\"\n display=\"grid\"\n max-width=\"100%\"\n >\n <sqm-hero-image\n image-url=\"https://res.cloudinary.com/saasquatch/image/upload/v1644000275/squatch-assets/yr6ER3R.png\"\n header=\"MyCompany Rewards\"\n description=\"Complete tasks to earn rewards\"\n layout=\"overlay\"\n padding-image=\"xxxx-large\"\n padding-text=\"xxx-large\"\n image-pos=\"center\"\n overlay-color=\"#5e5669\"\n overlay-opacity=\"0.9\"\n >\n </sqm-hero-image>\n <sqm-portal-container\n direction=\"column\"\n padding=\"none\"\n gap=\"xxx-large\"\n max-width=\"770px\"\n center\n display=\"grid\"\n >\n <sqm-program-explainer header=\"How it works\">\n <sqm-program-explainer-step\n description=\"Complete tasks like uploading your first video or sharing videos with friends\"\n header=\"Earn points for using our product\"\n icon=\"cash-stack\"\n text-color=\"#000000\"\n >\n </sqm-program-explainer-step>\n <sqm-program-explainer-step\n description=\"Redeem rewards like one free month of Enterprise or two plane tickets to anywhere in North America\"\n header=\"Redeem rewards with your points\"\n icon=\"people\"\n text-color=\"#000000\"\n >\n </sqm-program-explainer-step>\n </sqm-program-explainer>\n <sqm-portal-container\n center\n direction=\"row\"\n display=\"flex\"\n justify-content=\"space-between\"\n gap=\"xxx-large\"\n max-width=\"100%\"\n padding=\"none\"\n >\n <sqm-stat-container space=\"xxx-large\" display=\"flex\">\n <sqm-big-stat\n flex-reverse=\"true\"\n alignment=\"left\"\n stat-type=\"/rewardsRedeemed/CREDIT/POINTS\"\n >\n <p>Points Redeemed</p>\n </sqm-big-stat>\n <sqm-big-stat\n flex-reverse=\"true\"\n alignment=\"left\"\n stat-type=\"/rewardBalance/CREDIT/POINT/value/global\"\n >\n <p>Points Balance</p>\n </sqm-big-stat>\n </sqm-stat-container>\n </sqm-portal-container>\n <sqm-portal-container\n direction=\"column\"\n padding=\"none\"\n gap=\"xx-large\"\n display=\"grid\"\n max-width=\"100%\"\n >\n <sqm-titled-section\n label-margin=\"small\"\n padding=\"none\"\n text-align=\"center\"\n >\n <h3 slot=\"label\">Earn points</h3>\n </sqm-titled-section>\n <sqm-card-feed gap=\"24\" width=\"347\">\n <sqm-task-card\n reward-amount=\"20\"\n goal=\"1\"\n card-title=\"Complete a Survey\"\n description=\"Fill out our NPS survey and get 20 points for giving us honest feedback.\"\n button-text=\"Take survey\"\n reward-unit=\"Points\"\n completed-text=\"Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}\"\n ended-message=\"Ended {endDate}\"\n expiry-message=\"Ends {endDate}\"\n finite=\"0\"\n starts-on-message=\"Starts {startDate}\"\n >\n </sqm-task-card>\n <sqm-task-card\n reward-amount=\"250\"\n goal=\"500\"\n show-progress-bar\n card-title=\"Spend $500\"\n description=\"Earn 250 points when you spend $500 or more.\"\n button-text=\"See plans\"\n completed-text=\"Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}\"\n ended-message=\"Ended {endDate}\"\n expiry-message=\"Ends {endDate}\"\n progress-bar-unit=\"$\"\n finite=\"0\"\n reward-unit=\"Points\"\n starts-on-message=\"Starts {startDate}\"\n >\n </sqm-task-card>\n <sqm-task-card\n goal=\"1\"\n reward-amount=\"50\"\n card-title=\"Follow Us on Twitter\"\n description=\"Earn 50 points when you follow us on Twitter!\"\n button-text=\"Follow\"\n button-link=\"https://twitter.com/\"\n open-new-tab=\"true\"\n event-key=\"socialFollow\"\n completed-text=\"Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}\"\n ended-message=\"Ended {endDate}\"\n expiry-message=\"Ends {endDate}\"\n finite=\"0\"\n reward-unit=\"Points\"\n starts-on-message=\"Starts {startDate}\"\n >\n </sqm-task-card>\n <sqm-task-card\n reward-amount=\"1\"\n reward-unit=\"Free Month\"\n goal=\"1\"\n card-title=\"Upgrade Your Plan\"\n description=\"Receive one free month for being a committed customer when you upgrade your plan.\"\n button-text=\"Upgrade\"\n completed-text=\"Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}\"\n ended-message=\"Ended {endDate}\"\n expiry-message=\"Ends {endDate}\"\n open-new-tab=\"false\"\n finite=\"0\"\n starts-on-message=\"Starts {startDate}\"\n >\n </sqm-task-card>\n </sqm-card-feed>\n <sqm-portal-container\n gap=\"large\"\n direction=\"column\"\n display=\"grid\"\n max-width=\"100%\"\n padding=\"none\"\n >\n <sqm-titled-section\n padding=\"none\"\n text-align=\"center\"\n label-margin=\"xx-small\"\n >\n <h3 slot=\"label\">Reward History</h3>\n </sqm-titled-section>\n <sqm-rewards-table\n per-page=\"4\"\n hidden-columns=\"0\"\n more-label=\"Next\"\n prev-label=\"Prev\"\n sm-breakpoint=\"599\"\n md-breakpoint=\"799\"\n >\n <sqm-rewards-table-reward-column\n available-text=\"{availableAmount} remaining\"\n column-title=\"Reward\"\n copy-text=\"Copied!\"\n redeemed-text=\"{redeemedAmount} redeemed\"\n >\n </sqm-rewards-table-reward-column>\n <sqm-rewards-table-source-column\n anonymous-user=\"Anonymous User\"\n column-title=\"Source\"\n deleted-user=\"Deleted User\"\n referral-text=\"{rewardSource, select, FRIEND_SIGNUP {Referral to} REFERRED {Referred by} other {}}\"\n reward-exchange-text=\"Reward Exchange\"\n reward-source-text=\"{rewardSource, select, MANUAL {Manual} AUTOMATED {{programName}} other {}}\"\n >\n </sqm-rewards-table-source-column>\n <sqm-rewards-table-status-column\n column-title=\"Status\"\n expiry-text=\"Expires on \"\n status-text=\"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }\"\n >\n </sqm-rewards-table-status-column>\n <sqm-rewards-table-date-column\n column-title=\"Date received\"\n date-shown=\"dateGiven\"\n >\n </sqm-rewards-table-date-column>\n <sqm-empty\n slot=\"empty\"\n empty-state-image=\"https://res.cloudinary.com/saasquatch/image/upload/v1644360953/squatch-assets/empty_reward2.png\"\n empty-state-header=\"View your rewards\"\n empty-state-text=\"Refer friends and complete tasks to view the details of your rewards\"\n >\n </sqm-empty>\n </sqm-rewards-table>\n </sqm-portal-container>\n </sqm-portal-container>\n <sqm-portal-footer\n support-email=\"support@example.com\"\n terms-link=\"https://example.com\"\n faq-link=\"https://example.com\"\n terms-text=\"Terms And Conditions\"\n faq-text=\"FAQ\"\n show-powered-by=\"true\"\n padding-bottom=\"none\"\n padding-left=\"none\"\n padding-right=\"none\"\n padding-top=\"none\"\n ></sqm-portal-footer>\n </sqm-portal-container>\n </sqm-portal-container>\n </sqm-portal-container>\n</sqm-brand>\n";
3871
3871
 
3872
- const passwordlessReferrerPersonalized = "<sqm-brand>\n <sqm-portal-container\n direction=\"column\"\n padding=\"none\"\n gap=\"xx-large\"\n max-width=\"770px\"\n center\n display=\"grid\"\n >\n <sqm-referral-card vertical-alignment=\"start\">\n <sqm-titled-section\n text-align=\"center\"\n label-margin=\"xxx-small\"\n padding=\"none\"\n slot=\"header\"\n >\n <h3 slot=\"label\">Share &#x24;50 with friends</h3>\n <p slot=\"content\">\n They&#x2019;ll get a &#x24;50 credit towards a new account and\n you&#x2019;ll get up to &#x24;1200\n </p>\n </sqm-titled-section>\n <sqm-portal-container\n gap=\"large\"\n slot=\"left\"\n direction=\"column\"\n display=\"grid\"\n max-width=\"100%\"\n padding=\"none\"\n >\n <p>How to get rewarded!</p>\n <sqm-timeline icon=\"circle\">\n <sqm-timeline-entry\n reward=\"$50\"\n unit=\"visa giftcard\"\n desc=\"Your friend purchases a Business plan\"\n icon=\"circle\"\n >\n </sqm-timeline-entry>\n <sqm-timeline-entry\n reward=\"$200\"\n unit=\"visa giftcard\"\n desc=\"Our sales team qualifies your friend as a good fit for our Enterprise plan\"\n icon=\"circle\"\n >\n </sqm-timeline-entry>\n <sqm-timeline-entry\n reward=\"$1000\"\n unit=\"visa giftcard\"\n desc=\"Your friend purchases an Enterprise plan\"\n icon=\"circle\"\n >\n </sqm-timeline-entry>\n </sqm-timeline>\n </sqm-portal-container>\n <sqm-portal-container\n gap=\"large\"\n slot=\"right\"\n direction=\"column\"\n display=\"grid\"\n max-width=\"100%\"\n padding=\"none\"\n >\n <p>Choose how you want to share:</p>\n <p><sub>Your unique referral link:</sub></p>\n <sqm-share-link\n tooltip-text=\"Copied to Clipboard\"\n tooltip-lifespan=\"1000\"\n >\n </sqm-share-link>\n <sqm-portal-container\n gap=\"x-small\"\n direction=\"column\"\n display=\"grid\"\n max-width=\"100%\"\n padding=\"none\"\n >\n <sqm-share-button\n medium=\"email\"\n icon-slot=\"prefix\"\n size=\"medium\"\n type=\"default\"\n >\n Share via email\n </sqm-share-button>\n <sqm-share-button\n medium=\"linkedin\"\n icon-slot=\"prefix\"\n size=\"medium\"\n type=\"default\"\n >\n Share on LinkedIn\n </sqm-share-button>\n <sqm-share-button\n medium=\"twitter\"\n icon-slot=\"prefix\"\n size=\"medium\"\n type=\"default\"\n >\n Tweet about us\n </sqm-share-button>\n </sqm-portal-container>\n </sqm-portal-container>\n <sqm-portal-container\n slot=\"footer\"\n direction=\"column\"\n gap=\"small\"\n justify-content=\"center\"\n display=\"flex\"\n padding=\"large\"\n >\n <sqm-user-identifier\n switch-user-link=\"https://www.example.com\"\n ></sqm-user-identifier\n ><sqm-portal-footer\n padding-top=\"0\"\n padding-bottom=\"0\"\n padding-left=\"0\"\n padding-right=\"0\"\n ></sqm-portal-footer>\n </sqm-portal-container>\n </sqm-referral-card>\n </sqm-portal-container>\n</sqm-brand>\n";
3872
+ const passwordlessReferrerPersonalized = "<sqm-brand>\n <sqm-portal-container\n direction=\"column\"\n padding=\"none\"\n gap=\"xx-large\"\n max-width=\"770px\"\n center\n display=\"grid\"\n >\n <sqm-referral-card vertical-alignment=\"start\">\n <sqm-titled-section\n text-align=\"center\"\n label-margin=\"xxx-small\"\n padding=\"none\"\n slot=\"header\"\n >\n <h3 slot=\"label\">Share &#x24;50 with friends</h3>\n <p slot=\"content\">\n They&#x2019;ll get a &#x24;50 credit towards a new account and\n you&#x2019;ll get up to &#x24;1200\n </p>\n </sqm-titled-section>\n <sqm-portal-container\n gap=\"large\"\n slot=\"left\"\n direction=\"column\"\n display=\"grid\"\n max-width=\"100%\"\n padding=\"none\"\n >\n <p>How to get rewarded!</p>\n <sqm-timeline icon=\"circle\">\n <sqm-timeline-entry\n reward=\"$50\"\n unit=\"visa giftcard\"\n desc=\"Your friend purchases a Business plan\"\n icon=\"circle\"\n >\n </sqm-timeline-entry>\n <sqm-timeline-entry\n reward=\"$200\"\n unit=\"visa giftcard\"\n desc=\"Our sales team qualifies your friend as a good fit for our Enterprise plan\"\n icon=\"circle\"\n >\n </sqm-timeline-entry>\n <sqm-timeline-entry\n reward=\"$1000\"\n unit=\"visa giftcard\"\n desc=\"Your friend purchases an Enterprise plan\"\n icon=\"circle\"\n >\n </sqm-timeline-entry>\n </sqm-timeline>\n </sqm-portal-container>\n <sqm-portal-container\n gap=\"large\"\n slot=\"right\"\n direction=\"column\"\n display=\"grid\"\n max-width=\"100%\"\n padding=\"none\"\n >\n <p>Choose how you want to share:</p>\n <p><sub>Your unique referral link:</sub></p>\n <sqm-share-link\n tooltip-text=\"Copied to Clipboard\"\n tooltip-lifespan=\"1000\"\n >\n </sqm-share-link>\n <sqm-portal-container\n gap=\"x-small\"\n direction=\"column\"\n display=\"grid\"\n max-width=\"100%\"\n padding=\"none\"\n >\n <sqm-share-button\n medium=\"email\"\n icon-slot=\"prefix\"\n size=\"medium\"\n type=\"default\"\n >\n Share via email\n </sqm-share-button>\n <sqm-share-button\n medium=\"linkedin\"\n icon-slot=\"prefix\"\n size=\"medium\"\n type=\"default\"\n >\n Share on LinkedIn\n </sqm-share-button>\n <sqm-share-button\n medium=\"twitter\"\n icon-slot=\"prefix\"\n size=\"medium\"\n type=\"default\"\n >\n Tweet about us\n </sqm-share-button>\n </sqm-portal-container>\n </sqm-portal-container>\n <sqm-portal-container\n slot=\"footer\"\n direction=\"column\"\n gap=\"small\"\n justify-content=\"center\"\n display=\"flex\"\n padding=\"large\"\n >\n <sqm-user-identifier\n switch-user-link=\"https://www.example.com\"\n ></sqm-user-identifier\n ><sqm-portal-footer\n padding-top=\"none\"\n padding-bottom=\"none\"\n padding-left=\"none\"\n padding-right=\"none\"\n ></sqm-portal-footer>\n </sqm-portal-container>\n </sqm-referral-card>\n </sqm-portal-container>\n</sqm-brand>\n";
3873
3873
 
3874
3874
  const passwordlessReferrerRegistration = "<sqm-brand>\n <sqm-passwordless-registration include-name=\"true\">\n <sqm-titled-section\n text-align=\"center\"\n label-margin=\"xxx-small\"\n padding=\"none\"\n slot=\"top-slot\"\n >\n <h3 slot=\"label\">Share &#x24;50 with friends</h3>\n <p slot=\"content\">\n They&#x2019;ll get a &#x24;50 credit towards a new account and\n you&#x2019;ll get up to &#x24;1200\n </p>\n </sqm-titled-section>\n\n <sqm-portal-footer\n hide-support-text=\"true\"\n terms-link=\"https://example.com\"\n terms-text=\"Terms And Conditions\"\n faq-text=\"FAQ\"\n show-powered-by=\"true\"\n padding-bottom=\"none\"\n padding-left=\"none\"\n padding-right=\"none\"\n padding-top=\"none\"\n slot=\"bottom-slot\"\n ></sqm-portal-footer>\n </sqm-passwordless-registration>\n</sqm-brand>\n";
3875
3875
 
3876
- const passwordlessReferredPersonalized = "<sqm-brand>\n <sqm-portal-container\n direction=\"column\"\n padding=\"none\"\n gap=\"xx-large\"\n max-width=\"770px\"\n center\n display=\"grid\"\n >\n <sqm-referral-card vertical-alignment=\"start\">\n <sqm-portal-container\n gap=\"large\"\n direction=\"column\"\n display=\"flex\"\n justify-content=\"center\"\n max-width=\"100%\"\n padding=\"none\"\n slot=\"header\"\n >\n <sqm-titled-section\n text-align=\"center\"\n label-margin=\"xxx-small\"\n padding=\"none\"\n >\n <h3 slot=\"label\">You got $50 off thanks to a friend!</h3>\n\n <p slot=\"content\">\n Description about sharing the products wiht friends will make your\n life 100 times better!\n </p>\n </sqm-titled-section>\n\n <sqm-portal-container>\n <p>\n The coupon code has some conditions that are described concisely in\n this paragraph so that you don’t get upset if the code doesn’t work\n </p></sqm-portal-container\n >\n\n <sqm-coupon-code></sqm-coupon-code>\n </sqm-portal-container>\n\n <sqm-portal-footer\n slot=\"footer\"\n padding-top=\"0\"\n padding-bottom=\"0\"\n padding-left=\"0\"\n padding-right=\"0\"\n ></sqm-portal-footer>\n </sqm-referral-card>\n </sqm-portal-container>\n</sqm-brand>\n";
3876
+ const passwordlessReferredPersonalized = "<sqm-brand>\n <sqm-portal-container\n direction=\"column\"\n padding=\"none\"\n gap=\"xx-large\"\n max-width=\"770px\"\n center\n display=\"grid\"\n >\n <sqm-referral-card vertical-alignment=\"start\">\n <sqm-portal-container\n gap=\"large\"\n direction=\"column\"\n display=\"flex\"\n justify-content=\"center\"\n max-width=\"100%\"\n padding=\"none\"\n slot=\"header\"\n >\n <sqm-titled-section\n text-align=\"center\"\n label-margin=\"xxx-small\"\n padding=\"none\"\n >\n <h3 slot=\"label\">You got $50 off thanks to a friend!</h3>\n\n <p slot=\"content\">\n Description about sharing the products wiht friends will make your\n life 100 times better!\n </p>\n </sqm-titled-section>\n\n <sqm-portal-container>\n <p>\n The coupon code has some conditions that are described concisely in\n this paragraph so that you don’t get upset if the code doesn’t work\n </p></sqm-portal-container\n >\n\n <sqm-coupon-code></sqm-coupon-code>\n </sqm-portal-container>\n\n <sqm-portal-footer\n slot=\"footer\"\n padding-top=\"none\"\n padding-bottom=\"none\"\n padding-left=\"none\"\n padding-right=\"none\"\n ></sqm-portal-footer>\n </sqm-referral-card>\n </sqm-portal-container>\n</sqm-brand>\n";
3877
3877
 
3878
3878
  const passwordlessReferredRegistration = "<sqm-brand>\n <sqm-referred-registration register-label=\"Get $50 off\">\n <sqm-titled-section\n text-align=\"center\"\n label-margin=\"xxx-small\"\n padding=\"none\"\n slot=\"top-slot\"\n >\n <h3 slot=\"label\">You got $50 off thanks to a friend!</h3>\n <p slot=\"content\">\n Description about sharing the products with friends will make your life\n 100 times better!\n </p>\n </sqm-titled-section>\n\n <div slot=\"bottom-slot\">\n <p style=\"text-align: center; margin-top: 0; margin-bottom: 1.5rem\">\n *Valid on purchases of $75 or more\n </p>\n <sqm-portal-footer\n hide-support-text=\"true\"\n terms-link=\"https://example.com\"\n terms-text=\"Terms And Conditions\"\n faq-text=\"FAQ\"\n show-powered-by=\"true\"\n padding-bottom=\"none\"\n padding-left=\"none\"\n padding-right=\"none\"\n padding-top=\"none\"\n ></sqm-portal-footer>\n </div>\n </sqm-referred-registration>\n</sqm-brand>\n";
3879
3879
 
@@ -6,7 +6,9 @@ import { c as cjs } from './cjs-bdfb4486.js';
6
6
  import './JSS-67b5cff8.js';
7
7
  import { U as UserIdentifierView } from './sqm-user-identifier-view-dbf71a5e.js';
8
8
 
9
- function useUserIdentifier(props) {
9
+ function useUserIdentifier(
10
+ // @ts-ignore;
11
+ props) {
10
12
  return {
11
13
  switchUserLink: props.switchUserLink,
12
14
  userIdentificationText: "",