@saasquatch/mint-components 1.9.6-1 → 1.10.0-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (104) hide show
  1. package/dist/cjs/{ShadowViewAddon-21aa34f8.js → ShadowViewAddon-721bb748.js} +2 -2
  2. package/dist/cjs/{global-4a59a374.js → global-02e50f09.js} +1 -1
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/mint-components.cjs.js +1 -1
  5. package/dist/cjs/sqm-banking-info-form_16.cjs.entry.js +2 -2
  6. package/dist/cjs/sqm-big-stat_38.cjs.entry.js +2 -2
  7. package/dist/cjs/sqm-empty_4.cjs.entry.js +1 -1
  8. package/dist/cjs/{sqm-invoice-table-view-6669def3.js → sqm-invoice-table-view-28b14d28.js} +1 -1
  9. package/dist/cjs/sqm-leaderboard-rank.cjs.entry.js +1 -1
  10. package/dist/cjs/{sqm-portal-email-verification-view-07161940.js → sqm-portal-email-verification-view-292b5bf4.js} +1 -1
  11. package/dist/cjs/sqm-portal-email-verification.cjs.entry.js +2 -2
  12. package/dist/cjs/{sqm-portal-profile-view-07b99f80.js → sqm-portal-profile-view-fde54e35.js} +1 -1
  13. package/dist/cjs/sqm-portal-profile.cjs.entry.js +2 -2
  14. package/dist/cjs/sqm-referral-table_11.cjs.entry.js +1 -1
  15. package/dist/cjs/sqm-rewards-table_9.cjs.entry.js +1 -1
  16. package/dist/cjs/sqm-stencilbook.cjs.entry.js +27 -27
  17. package/dist/collection/components/sqm-card-feed/sqm-card-feed.js +1 -1
  18. package/dist/collection/components/sqm-portal-container/PortalContainer.stories.js +7 -7
  19. package/dist/collection/components/sqm-referral-card/ReferralCard.stories.js +1 -1
  20. package/dist/collection/components/sqm-share-button/ShareButton.stories.js +1 -1
  21. package/dist/collection/components/sqm-share-button/sqm-share-button-view.js +1 -1
  22. package/dist/collection/components/sqm-share-button/sqm-share-button.js +3 -2
  23. package/dist/collection/components/sqm-task-card/UseTaskCard.stories.js +1 -1
  24. package/dist/collection/components/sqm-task-card/sqm-task-card.js +1 -1
  25. package/dist/collection/components/sqm-titled-section/sqm-titled-section.js +0 -3
  26. package/dist/collection/global/global.js +1 -1
  27. package/dist/collection/stories/NewPortal.stories.js +1 -1
  28. package/dist/esm/{ShadowViewAddon-90897c22.js → ShadowViewAddon-31eb5b16.js} +2 -2
  29. package/dist/esm/{global-e7bb0343.js → global-04c7d3b5.js} +1 -1
  30. package/dist/esm/loader.js +1 -1
  31. package/dist/esm/mint-components.js +1 -1
  32. package/dist/esm/sqm-banking-info-form_16.entry.js +2 -2
  33. package/dist/esm/sqm-big-stat_38.entry.js +2 -2
  34. package/dist/esm/sqm-empty_4.entry.js +1 -1
  35. package/dist/esm/{sqm-invoice-table-view-0605d3e3.js → sqm-invoice-table-view-34ac7513.js} +1 -1
  36. package/dist/esm/sqm-leaderboard-rank.entry.js +1 -1
  37. package/dist/esm/{sqm-portal-email-verification-view-0b32261f.js → sqm-portal-email-verification-view-4307c992.js} +1 -1
  38. package/dist/esm/sqm-portal-email-verification.entry.js +2 -2
  39. package/dist/esm/{sqm-portal-profile-view-03026a5e.js → sqm-portal-profile-view-ffe955c8.js} +1 -1
  40. package/dist/esm/sqm-portal-profile.entry.js +2 -2
  41. package/dist/esm/sqm-referral-table_11.entry.js +1 -1
  42. package/dist/esm/sqm-rewards-table_9.entry.js +1 -1
  43. package/dist/esm/sqm-stencilbook.entry.js +27 -27
  44. package/dist/esm-es5/ShadowViewAddon-31eb5b16.js +1 -0
  45. package/dist/esm-es5/{global-e7bb0343.js → global-04c7d3b5.js} +1 -1
  46. package/dist/esm-es5/loader.js +1 -1
  47. package/dist/esm-es5/mint-components.js +1 -1
  48. package/dist/esm-es5/sqm-banking-info-form_16.entry.js +1 -1
  49. package/dist/esm-es5/sqm-big-stat_38.entry.js +1 -1
  50. package/dist/esm-es5/sqm-empty_4.entry.js +1 -1
  51. package/dist/esm-es5/{sqm-invoice-table-view-0605d3e3.js → sqm-invoice-table-view-34ac7513.js} +1 -1
  52. package/dist/esm-es5/sqm-leaderboard-rank.entry.js +1 -1
  53. package/dist/esm-es5/{sqm-portal-email-verification-view-0b32261f.js → sqm-portal-email-verification-view-4307c992.js} +1 -1
  54. package/dist/esm-es5/sqm-portal-email-verification.entry.js +1 -1
  55. package/dist/esm-es5/{sqm-portal-profile-view-03026a5e.js → sqm-portal-profile-view-ffe955c8.js} +1 -1
  56. package/dist/esm-es5/sqm-portal-profile.entry.js +1 -1
  57. package/dist/esm-es5/sqm-referral-table_11.entry.js +1 -1
  58. package/dist/esm-es5/sqm-rewards-table_9.entry.js +1 -1
  59. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  60. package/dist/mint-components/mint-components.esm.js +1 -1
  61. package/dist/mint-components/mint-components.js +1 -1
  62. package/dist/mint-components/{p-55a782cf.system.entry.js → p-01cfff8a.system.entry.js} +1 -1
  63. package/dist/mint-components/{p-445ffcfd.system.entry.js → p-0d39c815.system.entry.js} +1 -1
  64. package/dist/mint-components/p-185f03b1.entry.js +9 -0
  65. package/dist/mint-components/p-1c857edb.entry.js +33 -0
  66. package/dist/mint-components/{p-b8dbb809.system.entry.js → p-1dd69917.system.entry.js} +1 -1
  67. package/dist/mint-components/{p-5956a47e.entry.js → p-1fe65a36.entry.js} +1 -1
  68. package/dist/mint-components/{p-d51eb656.entry.js → p-27bd5535.entry.js} +1 -1
  69. package/dist/mint-components/{p-dab544d9.entry.js → p-32d1d162.entry.js} +1 -1
  70. package/dist/mint-components/{p-64491c96.system.entry.js → p-34fd1229.system.entry.js} +1 -1
  71. package/dist/mint-components/{p-a61e6394.system.entry.js → p-35d84041.system.entry.js} +1 -1
  72. package/dist/mint-components/{p-956ed10a.entry.js → p-3ec16698.entry.js} +1 -1
  73. package/dist/mint-components/{p-0e556260.js → p-4d233cd4.js} +1 -1
  74. package/dist/mint-components/{p-d7df3dfd.system.js → p-4df8f1d2.system.js} +1 -1
  75. package/dist/mint-components/{p-973f6501.system.entry.js → p-4ea58025.system.entry.js} +1 -1
  76. package/dist/mint-components/{p-573fab0f.system.js → p-59fe4ad1.system.js} +1 -1
  77. package/dist/mint-components/{p-5d485450.entry.js → p-7049e9b0.entry.js} +1 -1
  78. package/dist/mint-components/{p-e84a74fe.system.entry.js → p-8679ed9f.system.entry.js} +1 -1
  79. package/dist/mint-components/{p-9774fbc5.js → p-8704937c.js} +1 -1
  80. package/dist/mint-components/{p-2cbb6969.js → p-b23d5520.js} +1 -1
  81. package/dist/mint-components/{p-469dd2ad.entry.js → p-b45ba369.entry.js} +1 -1
  82. package/dist/mint-components/{p-7a572b34.entry.js → p-b4c52c5a.entry.js} +1 -1
  83. package/dist/mint-components/p-b567780d.system.js +1 -0
  84. package/dist/mint-components/{p-e3710077.system.js → p-bc51264d.system.js} +1 -1
  85. package/dist/mint-components/{p-6988eca6.system.entry.js → p-c34a507e.system.entry.js} +1 -1
  86. package/dist/mint-components/{p-66172a05.js → p-ce621bcc.js} +1 -1
  87. package/dist/mint-components/{p-05948592.js → p-d6474614.js} +1 -1
  88. package/dist/mint-components/{p-c7a3fd1b.system.js → p-ed095674.system.js} +1 -1
  89. package/dist/mint-components/{p-97198e2c.system.js → p-ed17e637.system.js} +1 -1
  90. package/dist/mint-components/p-ef200920.system.entry.js +1 -0
  91. package/dist/types/components/sqm-card-feed/sqm-card-feed.d.ts +1 -1
  92. package/dist/types/components/sqm-share-button/sqm-share-button.d.ts +2 -2
  93. package/dist/types/components/sqm-task-card/sqm-task-card.d.ts +1 -1
  94. package/dist/types/components/sqm-titled-section/sqm-titled-section.d.ts +0 -1
  95. package/dist/types/components.d.ts +2 -4
  96. package/docs/docs.docx +0 -0
  97. package/docs/raisins.json +1 -1
  98. package/grapesjs/grapesjs.js +1 -1
  99. package/package.json +1 -1
  100. package/dist/esm-es5/ShadowViewAddon-90897c22.js +0 -1
  101. package/dist/mint-components/p-24c03a99.entry.js +0 -9
  102. package/dist/mint-components/p-782e7e75.system.entry.js +0 -1
  103. package/dist/mint-components/p-be38de26.system.js +0 -1
  104. package/dist/mint-components/p-cf158064.entry.js +0 -33
@@ -6,7 +6,7 @@ import { CardFeedView } from "./sqm-card-feed-view";
6
6
  * @uiName Card Feed
7
7
  * @slots [{"name":"","title":"Cards"}]
8
8
  * @exampleGroup Rewards
9
- * @example Task Card Feed - <sqm-card-feed gap="24" width="347"> <sqm-task-card reward-amount="20" goal="1" card-title="Complete a Survey" description="Fill out our NPS survey and get 20 points for giving us honest feedback." button-text="Take survey" reward-unit="Points" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" finite="0" starts-on-message="Starts {startDate}" > </sqm-task-card> <sqm-task-card reward-amount="250" goal="500" show-progress-bar card-title="Spend $500" description="Earn 250 points when you spend $500 or more." button-text="See plans" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" progress-bar-unit="$" finite="0" reward-unit="Points" starts-on-message="Starts {startDate}" > </sqm-task-card> <sqm-task-card goal="1" reward-amount="50" card-title="Follow Us on Twitter" description="Earn 50 points when you follow us on Twitter!" button-text="Follow" button-link="https://twitter.com/" open-new-tab="true" event-key="socialFollow" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" finite="0" reward-unit="Points" starts-on-message="Starts {startDate}" > </sqm-task-card> <sqm-task-card reward-amount="1" reward-unit="Free Month" goal="1" card-title="Upgrade Your Plan" description="Receive one free month for being a committed customer when you upgrade your plan." button-text="Upgrade" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" open-new-tab="false" finite="0" starts-on-message="Starts {startDate}" > </sqm-task-card> </sqm-card-feed>
9
+ * @example Task Card Feed - <sqm-card-feed gap="24" width="347"> <sqm-task-card reward-amount="20" goal="1" card-title="Complete a Survey" description="Fill out our NPS survey and get 20 points for giving us honest feedback." button-text="Take survey" reward-unit="Points" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" finite="0" starts-on-message="Starts {startDate}" > </sqm-task-card> <sqm-task-card reward-amount="250" goal="500" show-progress-bar card-title="Spend $500" description="Earn 250 points when you spend $500 or more." button-text="See plans" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" progress-bar-unit="$" finite="0" reward-unit="Points" starts-on-message="Starts {startDate}" > </sqm-task-card> <sqm-task-card goal="1" reward-amount="50" card-title="Follow Us on X" description="Earn 50 points when you Follow Us on X!" button-text="Follow" button-link="https://twitter.com/" open-new-tab="true" event-key="socialFollow" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" finite="0" reward-unit="Points" starts-on-message="Starts {startDate}" > </sqm-task-card> <sqm-task-card reward-amount="1" reward-unit="Free Month" goal="1" card-title="Upgrade Your Plan" description="Receive one free month for being a committed customer when you upgrade your plan." button-text="Upgrade" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" open-new-tab="false" finite="0" starts-on-message="Starts {startDate}" > </sqm-task-card> </sqm-card-feed>
10
10
  */
11
11
  export class CardFeed {
12
12
  constructor() {
@@ -13,37 +13,37 @@ export const TooWideColumn = () => (h("div", { style: { width: "200px", border:
13
13
  export const TooWideRow = () => (h("div", { style: { width: "500px", border: "1px dashed grey" } },
14
14
  h("sqm-portal-container", { gap: "xxx-large", direction: "row", "min-width": "160px" },
15
15
  h("sqm-share-button", { icon: "envelope", medium: "email", size: "medium", class: "hydrated" }, "Email a friend"),
16
- h("sqm-share-button", { medium: "twitter", size: "medium", class: "hydrated" }, "Tweet about us"),
16
+ h("sqm-share-button", { medium: "twitter", size: "medium", class: "hydrated" }, "Post about us on X"),
17
17
  h("sqm-share-button", { medium: "facebook", size: "medium", class: "hydrated" }, "Share on Facebook"))));
18
18
  export const TooWideSmallGap = () => (h("div", { style: { width: "500px", border: "1px dashed grey" } },
19
19
  h("sqm-portal-container", { gap: "small", direction: "row", "min-width": "160px" },
20
20
  h("sqm-share-button", { icon: "envelope", medium: "email", size: "medium", class: "hydrated" }, "Email a friend"),
21
- h("sqm-share-button", { medium: "twitter", size: "medium", class: "hydrated" }, "Tweet about us"),
21
+ h("sqm-share-button", { medium: "twitter", size: "medium", class: "hydrated" }, "Post about us on X"),
22
22
  h("sqm-share-button", { medium: "facebook", size: "medium", class: "hydrated" }, "Share on Facebook"))));
23
23
  export const TooWidePadding = () => (h("div", { style: { width: "500px", border: "1px dashed grey" } },
24
24
  h("sqm-portal-container", { padding: "xxx-large", gap: "xxx-large", direction: "row", "min-width": "160px" },
25
25
  h("sqm-share-button", { icon: "envelope", medium: "email", size: "medium", class: "hydrated" }, "Email a friend"),
26
- h("sqm-share-button", { medium: "twitter", size: "medium", class: "hydrated" }, "Tweet about us"),
26
+ h("sqm-share-button", { medium: "twitter", size: "medium", class: "hydrated" }, "Post about us on X"),
27
27
  h("sqm-share-button", { medium: "facebook", size: "medium", class: "hydrated" }, "Share on Facebook"))));
28
28
  export const TooWideDisplayFlex = () => (h("div", { style: { width: "500px", border: "1px dashed grey" } },
29
29
  h("sqm-portal-container", { gap: "xxx-large", direction: "row", display: "flex", "min-width": "160px" },
30
30
  h("sqm-share-button", { icon: "envelope", medium: "email", size: "medium", class: "hydrated" }, "Email a friend"),
31
- h("sqm-share-button", { medium: "twitter", size: "medium", class: "hydrated" }, "Tweet about us"),
31
+ h("sqm-share-button", { medium: "twitter", size: "medium", class: "hydrated" }, "Post about us on X"),
32
32
  h("sqm-share-button", { medium: "facebook", size: "medium", class: "hydrated" }, "Share on Facebook"))));
33
33
  export const HalfWidth = () => (h("div", { style: { width: "1000px", border: "1px dashed grey" } },
34
34
  h("sqm-portal-container", { gap: "xxx-large", direction: "row", minWidth: "160px", maxWidth: "50%" },
35
35
  h("sqm-share-button", { icon: "envelope", medium: "email", size: "medium", class: "hydrated" }, "Email a friend"),
36
- h("sqm-share-button", { medium: "twitter", size: "medium", class: "hydrated" }, "Tweet about us"),
36
+ h("sqm-share-button", { medium: "twitter", size: "medium", class: "hydrated" }, "Post about us on X"),
37
37
  h("sqm-share-button", { medium: "facebook", size: "medium", class: "hydrated" }, "Share on Facebook"))));
38
38
  export const HalfWidthCenter = () => (h("div", { style: { width: "1000px", border: "1px dashed grey" } },
39
39
  h("sqm-portal-container", { gap: "xxx-large", direction: "row", minWidth: "160px", maxWidth: "50%", center: true },
40
40
  h("sqm-share-button", { icon: "envelope", medium: "email", size: "medium", class: "hydrated" }, "Email a friend"),
41
- h("sqm-share-button", { medium: "twitter", size: "medium", class: "hydrated" }, "Tweet about us"),
41
+ h("sqm-share-button", { medium: "twitter", size: "medium", class: "hydrated" }, "Post about us on X"),
42
42
  h("sqm-share-button", { medium: "facebook", size: "medium", class: "hydrated" }, "Share on Facebook"))));
43
43
  export const FullWidth = () => (h("div", { style: { width: "1000px", border: "1px dashed grey" } },
44
44
  h("sqm-portal-container", { gap: "xxx-large", direction: "row", maxWidth: "100%" },
45
45
  h("sqm-share-button", { icon: "envelope", medium: "email", size: "medium", class: "hydrated" }, "Email a friend"),
46
- h("sqm-share-button", { medium: "twitter", size: "medium", class: "hydrated" }, "Tweet about us"),
46
+ h("sqm-share-button", { medium: "twitter", size: "medium", class: "hydrated" }, "Post about us on X"),
47
47
  h("sqm-share-button", { medium: "facebook", size: "medium", class: "hydrated" }, "Share on Facebook"))));
48
48
  export const SpaceBetween = () => {
49
49
  return (h("div", { style: { width: "1000px", border: "1px dashed grey" } },
@@ -19,7 +19,7 @@ const sharebutton = (slot) => {
19
19
  h("sqm-portal-container", { gap: "x-small" },
20
20
  h("sqm-share-button", { medium: "email" }, "Share via email"),
21
21
  h("sqm-share-button", { medium: "facebook" }, "Share on Facebook"),
22
- h("sqm-share-button", { medium: "twitter" }, "Tweet about us"))));
22
+ h("sqm-share-button", { medium: "twitter" }, "Post about us on X"))));
23
23
  };
24
24
  const timeline = (slot, count) => {
25
25
  return (h("sqm-timeline", { slot: slot, icon: "circle" },
@@ -83,7 +83,7 @@ export const AllMediums = () => {
83
83
  h("span", null, "Linkedin")),
84
84
  h("br", null),
85
85
  h("sqm-share-button", { medium: "twitter" },
86
- h("span", null, "Twitter")),
86
+ h("span", null, "Post on X")),
87
87
  h("br", null),
88
88
  h("sqm-share-button", { medium: "pinterest" },
89
89
  h("span", null, "Pinterest")),
@@ -3,7 +3,7 @@ import { createStyleSheet } from "../../styling/JSS";
3
3
  import { HostBlock } from "../../global/mixins";
4
4
  const medium = {
5
5
  facebook: { color: "#1877f2", text: "#fff", icon: "facebook" },
6
- twitter: { color: "#1da1f2", text: "#fff", icon: "twitter" },
6
+ twitter: { color: "#000000", text: "#fff", icon: "twitter-x" },
7
7
  email: { color: "#666666", text: "#fff", icon: "envelope" },
8
8
  direct: { color: "var(--sl-color-primary-500)", text: "#fff", icon: "send" },
9
9
  linkedin: { color: "#0077b5", text: "#fff", icon: "linkedin" },
@@ -5,6 +5,7 @@ import { ShareButtonView } from "./sqm-share-button-view";
5
5
  import { useShareButton } from "./useShareButton";
6
6
  import { getProps } from "../../utils/utils";
7
7
  import deepmerge from "deepmerge";
8
+ // ZH TODO: What is the correct copy for share buttons here ? There are some differences in our widget templates
8
9
  /**
9
10
  * @uiName Share Button
10
11
  * @slots [{"name":"", "title":"Button Content"}]
@@ -12,7 +13,7 @@ import deepmerge from "deepmerge";
12
13
  * @uiOrder ["medium", "program-id", "*", "pill", "disabled", "hideicon"]
13
14
  * @exampleGroup Sharing
14
15
  * @example Facebook Share Button - <sqm-share-button medium="facebook">Share on Facebook</sqm-share-button>
15
- * @example Twitter Share Button - <sqm-share-button medium="twitter">Share via Tweet</sqm-share-button>
16
+ * @example X Share Button - <sqm-share-button medium="twitter">Share via X</sqm-share-button>
16
17
  * @example Email Share Button - <sqm-share-button medium="email">Share via Email</sqm-share-button>
17
18
  * @example Web Share Sheet Share Button - <sqm-share-button medium="direct">Share</sqm-share-button>
18
19
  * @example LinkedIn Share Button - <sqm-share-button medium="linkedin">Share on LinkedIn</sqm-share-button>
@@ -102,7 +103,7 @@ export class ShareButton {
102
103
  "text": "[\"facebook\", \"twitter\", \"email\", \"direct\", \"linkedin\", \"sms\", \"fbmessenger\", \"whatsapp\", \"linemessenger\", \"pinterest\" ]",
103
104
  "name": "uiEnum"
104
105
  }, {
105
- "text": "[\"Facebook\", \"Twitter\", \"Email\", \"Web Share Sheet\", \"Linkedin\", \"SMS\", \"Facebook Messenger\", \"Whatsapp\", \"Line Messenger\", \"Pinterest\"]",
106
+ "text": "[\"Facebook\", \"X\", \"Email\", \"Web Share Sheet\", \"Linkedin\", \"SMS\", \"Facebook Messenger\", \"Whatsapp\", \"Line Messenger\", \"Pinterest\"]",
106
107
  "name": "uiEnumNames"
107
108
  }],
108
109
  "text": "The social medium to share on. Share messages and links\nwill be pulled from your program config and tagged for analytics."
@@ -50,7 +50,7 @@ export const TaskCardFeed = createHookStory(() => {
50
50
  return (h("sqm-card-feed", null,
51
51
  h("sqm-task-card", { "reward-amount": "75", "card-title": "Refer a Friend", description: "Invite a friend to Klip and get 75 points when they signup for a free trial or contact our us about an enterprise license.", "button-text": "Start referring", "button-link": "https://klip-staging.vercel.app/app/klip-rewards", goal: 1, repeatable: true, "completed-text": "", demoData: "", "ended-message": "", "event-key": "", "expiry-message": "", "progress-bar-unit": "", "reward-duration": "2022-01-04T08:00:00.000Z/2022-01-20T08:00:00.000Z", "reward-unit": "", "starts-on-message": "", "stat-type": "", "display-duration": "2022-01-04T08:00:00.000Z/2022-01-05T08:00:00.000Z" }),
52
52
  h("sqb-program-section", { "program-id": "klip-loyalty" },
53
- h("sqm-task-card", { "reward-amount": "50", "card-title": "Follow Us on Twitter", description: "Earn 50 points when you follow us on Twitter!", "button-text": "Follow", "button-link": "https://twitter.com/", goal: 1, "stat-type": "/programGoals/count/Follow-on-Social-Media", "open-new-tab": "true", "event-key": "socialFollow" })),
53
+ h("sqm-task-card", { "reward-amount": "50", "card-title": "Follow Us on X", description: "Earn 50 points when you Follow Us on X!", "button-text": "Follow", "button-link": "https://twitter.com/", goal: 1, "stat-type": "/programGoals/count/Follow-on-Social-Media", "open-new-tab": "true", "event-key": "socialFollow" })),
54
54
  h("sqm-task-card", { "reward-amount": "250", goal: 500, "show-progress-bar": "true", "card-title": "Spend $500 on Klip Products", description: "Earn 250 points when you spend $500 or more on Klip products.", "button-text": "See plans", "button-link": "https://klip-staging.vercel.app/app/plans", "stat-type": "/customFields/purchaseTotal", "open-new-tab": "false" }),
55
55
  h("sqb-program-section", { "program-id": "klip-loyalty" },
56
56
  h("sqm-task-card", { "reward-amount": "25", goal: 1, "card-title": "Upload Your First Video", description: "Earn 25 points for exploring the Klip platform when you upload your first video.", "button-text": "Upload", "button-link": "https://klip-staging.vercel.app/app", "stat-type": "/programGoals/count/Record-First-Video", "open-new-tab": "false" })),
@@ -13,7 +13,7 @@ import { useTaskCard } from "./useTaskCard";
13
13
  * @exampleGroup Rewards
14
14
  * @example One Time Task Card - <sqm-task-card reward-amount="1" reward-unit="Free Month" goal="1" card-title="Upgrade Your Plan" description="Receive one free month for being a committed customer when you upgrade your plan." button-text="Upgrade" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" open-new-tab="false" finite="0" starts-on-message="Starts {startDate}"></sqm-task-card>
15
15
  * @example Repeatable Task Card - <sqm-task-card reward-amount="250" goal="500" show-progress-bar card-title="Spend $500" description="Earn 250 points when you spend $500 or more." button-text="See plans" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" progress-bar-unit="$" finite="0" repeatable="" reward-unit="Points" starts-on-message="Starts {startDate}"></sqm-task-card>
16
- * @example Event Sending Task Card - <sqm-task-card goal="1" reward-amount="50" card-title="Follow Us on Twitter" description="Earn 50 points when you follow us on Twitter!" button-text="Follow" button-link="https://twitter.com/" open-new-tab="true" event-key="socialFollow" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" finite="0" reward-unit="Points" starts-on-message="Starts {startDate}"></sqm-task-card>
16
+ * @example Event Sending Task Card - <sqm-task-card goal="1" reward-amount="50" card-title="Follow Us on X" description="Earn 50 points when you Follow Us on X!" button-text="Follow" button-link="https://twitter.com/" open-new-tab="true" event-key="socialFollow" completed-text="Completed {finite, select, 0 {{count, plural, =1 {{count} time} other {{count} times}}} other {{count}/{finite} times}}" ended-message="Ended {endDate}" expiry-message="Ends {endDate}" finite="0" reward-unit="Points" starts-on-message="Starts {startDate}"></sqm-task-card>
17
17
  */
18
18
  export class TaskCard {
19
19
  constructor() {
@@ -65,9 +65,6 @@ export class TitledSection {
65
65
  "tags": [{
66
66
  "text": "Label",
67
67
  "name": "uiName"
68
- }, {
69
- "text": "string",
70
- "name": "uiType"
71
68
  }],
72
69
  "text": "Text value shown when there is no label slot declared."
73
70
  },
@@ -19,7 +19,7 @@ try {
19
19
  // SlAlert.register();
20
20
  registerIconLibrary("default", {
21
21
  // same link that shoelace uses internally
22
- resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.7.2/icons/${name}.svg`,
22
+ resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.11.3/icons/${name}.svg`,
23
23
  });
24
24
  // SlAlert.register();
25
25
  customElements.define("sl-alert", SlAlert);
@@ -152,7 +152,7 @@ export const Dashboard = () => {
152
152
  gap: "xxx-large",
153
153
  minWidth: "150px",
154
154
  }),
155
- h(ShareButtonView, Object.assign({}, twitterButtonProps), "Tweet about us"),
155
+ h(ShareButtonView, Object.assign({}, twitterButtonProps), "Post about us on X"),
156
156
  h(ShareButtonView, Object.assign({}, facebookButtonProps), "Share on Facebook"),
157
157
  h(ShareButtonView, Object.assign({}, linkedinButtonProps), "Post on Linkedin"))),
158
158
  }))))));
@@ -1,6 +1,6 @@
1
1
  import { h, c as Host, d as getAssetPath, g as getElement } from './index-17b4da69.js';
2
2
  import { k as useState, b as browser, u as useMemo } from './stencil-hooks.module-ac12ca1c.js';
3
- import { i as intl } from './global-e7bb0343.js';
3
+ import { i as intl } from './global-04c7d3b5.js';
4
4
  import { d as dist, H, Q, y as yn, f as $e, B, a as getEnvironmentSDK, L } from './index.module-def4aec5.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
6
6
  import { H as HostBlock, A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer, E as ErrorStyles } from './mixins-f60a614c.js';
@@ -15,7 +15,7 @@ import { a as PortalSectionView, P as PortalContainerView } from './sqm-portal-c
15
15
 
16
16
  const medium = {
17
17
  facebook: { color: "#1877f2", text: "#fff", icon: "facebook" },
18
- twitter: { color: "#1da1f2", text: "#fff", icon: "twitter" },
18
+ twitter: { color: "#000000", text: "#fff", icon: "twitter-x" },
19
19
  email: { color: "#666666", text: "#fff", icon: "envelope" },
20
20
  direct: { color: "var(--sl-color-primary-500)", text: "#fff", icon: "send" },
21
21
  linkedin: { color: "#0077b5", text: "#fff", icon: "linkedin" },
@@ -26646,7 +26646,7 @@ try {
26646
26646
  // SlAlert.register();
26647
26647
  registerIconLibrary("default", {
26648
26648
  // same link that shoelace uses internally
26649
- resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.7.2/icons/${name}.svg`,
26649
+ resolver: (name) => `https://fast.ssqt.io/npm/bootstrap-icons@1.11.3/icons/${name}.svg`,
26650
26650
  });
26651
26651
  // SlAlert.register();
26652
26652
  customElements.define("sl-alert", alert_default2);
@@ -1,6 +1,6 @@
1
1
  import { p as promiseResolve, b as bootstrapLazy } from './index-17b4da69.js';
2
2
  import './stencil-hooks.module-ac12ca1c.js';
3
- import './global-e7bb0343.js';
3
+ import './global-04c7d3b5.js';
4
4
  import './index.module-def4aec5.js';
5
5
 
6
6
  /*
@@ -1,6 +1,6 @@
1
1
  import { p as promiseResolve, H, b as bootstrapLazy } from './index-17b4da69.js';
2
2
  import './stencil-hooks.module-ac12ca1c.js';
3
- import './global-e7bb0343.js';
3
+ import './global-04c7d3b5.js';
4
4
  import './index.module-def4aec5.js';
5
5
 
6
6
  /*
@@ -1,6 +1,6 @@
1
1
  import { h, r as registerInstance, c as Host, g as getElement } from './index-17b4da69.js';
2
2
  import { m as useRef, k as useState, f as useEffect, n as h$1, u as useMemo, b as browser, j as useReducer } from './stencil-hooks.module-ac12ca1c.js';
3
- import { i as intl } from './global-e7bb0343.js';
3
+ import { i as intl } from './global-04c7d3b5.js';
4
4
  import { d as dist, L, Q, t as bn, I as In, M as Mn, f as $e, i as isDemo, w as wn, u as useCallback, k as kn, v as Pn, _, C as Cn, F as Fn } from './index.module-def4aec5.js';
5
5
  import { j as jsonpointer } from './jsonpointer-388a7082.js';
6
6
  import { c as cjs } from './cjs-bdfb4486.js';
@@ -12,7 +12,7 @@ import { u as useChildElements } from './useChildElements-32e1bda1.js';
12
12
  import { l as luxon } from './luxon-7600be8d.js';
13
13
  import { g as generateUserError } from './useReferralTable-f4de0650.js';
14
14
  import { g as getProps, l as luxonLocale } from './utils-334c1e34.js';
15
- import { t as taxTypeToName, v as validTaxDocument, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, g as getCountryObj, O as OtherRegionSlotView, I as InvoiceTableView, E as ErrorView, L as LoadingView, c as vatLabels, G as GeneralLoadingView, f as formatErrorMessage, d as validateBillingField, o as objectIsFull, A as ADDRESS_REGIONS } from './sqm-invoice-table-view-0605d3e3.js';
15
+ import { t as taxTypeToName, v as validTaxDocument, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, g as getCountryObj, O as OtherRegionSlotView, I as InvoiceTableView, E as ErrorView, L as LoadingView, c as vatLabels, G as GeneralLoadingView, f as formatErrorMessage, d as validateBillingField, o as objectIsFull, A as ADDRESS_REGIONS } from './sqm-invoice-table-view-34ac7513.js';
16
16
 
17
17
  const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
18
18
  const TAX_FORM_CONTEXT_NAMESPACE = "sq:tax-form-context";
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h as h$1, c as Host } from './index-17b4da69.js';
2
2
  import { n as h, f as useEffect, k as useState, i as d, u as useMemo, m as useRef, b as browser, j as useReducer } from './stencil-hooks.module-ac12ca1c.js';
3
- import { i as intl } from './global-e7bb0343.js';
3
+ import { i as intl } from './global-04c7d3b5.js';
4
4
  import { i as isDemo, _, d as dist, Q, H, f as $e, y as yn, B, L, g as gn, $ as $n, p as Ue, q as qe, x as xe, u as useCallback, r as ze, S as Sn } from './index.module-def4aec5.js';
5
5
  import { j as jsonpointer } from './jsonpointer-388a7082.js';
6
6
  import { c as cjs } from './cjs-bdfb4486.js';
@@ -15,7 +15,7 @@ import { p as pathToRegexp } from './index-ffa26b43.js';
15
15
  import { R as REGISTRATION_FORM_STATE_CONTEXT, u as useRegistrationFormState } from './useRegistrationFormState-9fc1ac80.js';
16
16
  import { i as isEmpty } from './utilities-3f5bba22.js';
17
17
  import { A as AsYouType } from './AsYouType-46f67d0d.js';
18
- import { b as useDemoBigStat, V as useBigStat, B as BigStatView, Q as autoColorScaleCss, K as CardFeedView, j as CheckboxFieldView, M as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, W as withShadowView, L as LeaderboardView, N as NameFieldsView, d as PortalChangePasswordView, i as PortalFooterView, P as PortalFrameView, e as PortalLoginView, f as PortalRegisterView, R as ReferralIframeView, X as demoRewardExchange, k as RewardExchangeView, a as useShareButton, S as ShareButtonView, C as CopyTextView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-90897c22.js';
18
+ import { b as useDemoBigStat, V as useBigStat, B as BigStatView, Q as autoColorScaleCss, K as CardFeedView, j as CheckboxFieldView, M as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, W as withShadowView, L as LeaderboardView, N as NameFieldsView, d as PortalChangePasswordView, i as PortalFooterView, P as PortalFrameView, e as PortalLoginView, f as PortalRegisterView, R as ReferralIframeView, X as demoRewardExchange, k as RewardExchangeView, a as useShareButton, S as ShareButtonView, C as CopyTextView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-31eb5b16.js';
19
19
  import './sqm-portal-container-view-ab89c6cc.js';
20
20
 
21
21
  const BigStat = class {
@@ -1,6 +1,6 @@
1
1
  import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
2
2
  import { n as h$1 } from './stencil-hooks.module-ac12ca1c.js';
3
- import { i as intl } from './global-e7bb0343.js';
3
+ import { i as intl } from './global-04c7d3b5.js';
4
4
  import './index.module-def4aec5.js';
5
5
  import './JSS-67b5cff8.js';
6
6
  import { g as getProps } from './utils-334c1e34.js';
@@ -1,5 +1,5 @@
1
1
  import { h } from './index-17b4da69.js';
2
- import { i as intl } from './global-e7bb0343.js';
2
+ import { i as intl } from './global-04c7d3b5.js';
3
3
  import { c as createStyleSheet } from './JSS-67b5cff8.js';
4
4
 
5
5
  const INDIRECT_TAX_PROVINCES = [
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
2
2
  import { n as h } from './stencil-hooks.module-ac12ca1c.js';
3
- import { i as intl } from './global-e7bb0343.js';
3
+ import { i as intl } from './global-04c7d3b5.js';
4
4
  import { d as dist, H, Q, y as yn, i as isDemo } from './index.module-def4aec5.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
6
6
  import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-10657658.js';
@@ -1,5 +1,5 @@
1
1
  import { h } from './index-17b4da69.js';
2
- import { i as intl } from './global-e7bb0343.js';
2
+ import { i as intl } from './global-04c7d3b5.js';
3
3
  import { A as AuthWrapper, a as AuthColumn } from './mixins-f60a614c.js';
4
4
  import { c as createStyleSheet } from './JSS-67b5cff8.js';
5
5
  import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
@@ -1,12 +1,12 @@
1
1
  import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
2
2
  import { k as useState, m as useRef, f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
3
- import './global-e7bb0343.js';
3
+ import './global-04c7d3b5.js';
4
4
  import { l as ln, n as nn, Q, $ as $n, u as useCallback, i as isDemo } from './index.module-def4aec5.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
6
6
  import './mixins-f60a614c.js';
7
7
  import './JSS-67b5cff8.js';
8
8
  import './sqm-text-span-view-8d140661.js';
9
- import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-0b32261f.js';
9
+ import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-4307c992.js';
10
10
 
11
11
  function usePortalEmailVerification(props) {
12
12
  var _a, _b, _c, _d, _e, _f, _g, _h, _j;
@@ -1,5 +1,5 @@
1
1
  import { h } from './index-17b4da69.js';
2
- import { i as intl } from './global-e7bb0343.js';
2
+ import { i as intl } from './global-04c7d3b5.js';
3
3
  import { c as createStyleSheet } from './JSS-67b5cff8.js';
4
4
  import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
5
5
 
@@ -1,12 +1,12 @@
1
1
  import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
2
2
  import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-ac12ca1c.js';
3
- import './global-e7bb0343.js';
3
+ import './global-04c7d3b5.js';
4
4
  import { d as dist, Q, y as yn, f as $e, i as isDemo } from './index.module-def4aec5.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
6
6
  import './JSS-67b5cff8.js';
7
7
  import { g as getProps } from './utils-334c1e34.js';
8
8
  import './sqm-text-span-view-8d140661.js';
9
- import { P as PortalProfileView } from './sqm-portal-profile-view-03026a5e.js';
9
+ import { P as PortalProfileView } from './sqm-portal-profile-view-ffe955c8.js';
10
10
  import { i as isEmpty } from './utilities-3f5bba22.js';
11
11
 
12
12
  const GET_USER = dist.gql `
@@ -1,6 +1,6 @@
1
1
  import { r as registerInstance, h as h$1, g as getElement, c as Host } from './index-17b4da69.js';
2
2
  import { n as h, j as useReducer, u as useMemo, f as useEffect } from './stencil-hooks.module-ac12ca1c.js';
3
- import { i as intl } from './global-e7bb0343.js';
3
+ import { i as intl } from './global-04c7d3b5.js';
4
4
  import { i as isDemo } from './index.module-def4aec5.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
6
6
  import './mixins-f60a614c.js';
@@ -1,6 +1,6 @@
1
1
  import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
2
2
  import { b as browser, j as useReducer, f as useEffect, n as h$1, u as useMemo } from './stencil-hooks.module-ac12ca1c.js';
3
- import { i as intl } from './global-e7bb0343.js';
3
+ import { i as intl } from './global-04c7d3b5.js';
4
4
  import { d as dist, Q, H, L, y as yn, k as kn, i as isDemo } from './index.module-def4aec5.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
6
6
  import './mixins-f60a614c.js';