@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.
- package/dist/cjs/{ShadowViewAddon-21aa34f8.js → ShadowViewAddon-721bb748.js} +2 -2
- package/dist/cjs/{global-4a59a374.js → global-02e50f09.js} +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/mint-components.cjs.js +1 -1
- package/dist/cjs/sqm-banking-info-form_16.cjs.entry.js +2 -2
- package/dist/cjs/sqm-big-stat_38.cjs.entry.js +2 -2
- package/dist/cjs/sqm-empty_4.cjs.entry.js +1 -1
- package/dist/cjs/{sqm-invoice-table-view-6669def3.js → sqm-invoice-table-view-28b14d28.js} +1 -1
- package/dist/cjs/sqm-leaderboard-rank.cjs.entry.js +1 -1
- package/dist/cjs/{sqm-portal-email-verification-view-07161940.js → sqm-portal-email-verification-view-292b5bf4.js} +1 -1
- package/dist/cjs/sqm-portal-email-verification.cjs.entry.js +2 -2
- package/dist/cjs/{sqm-portal-profile-view-07b99f80.js → sqm-portal-profile-view-fde54e35.js} +1 -1
- package/dist/cjs/sqm-portal-profile.cjs.entry.js +2 -2
- package/dist/cjs/sqm-referral-table_11.cjs.entry.js +1 -1
- package/dist/cjs/sqm-rewards-table_9.cjs.entry.js +1 -1
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +27 -27
- package/dist/collection/components/sqm-card-feed/sqm-card-feed.js +1 -1
- package/dist/collection/components/sqm-portal-container/PortalContainer.stories.js +7 -7
- package/dist/collection/components/sqm-referral-card/ReferralCard.stories.js +1 -1
- package/dist/collection/components/sqm-share-button/ShareButton.stories.js +1 -1
- package/dist/collection/components/sqm-share-button/sqm-share-button-view.js +1 -1
- package/dist/collection/components/sqm-share-button/sqm-share-button.js +3 -2
- package/dist/collection/components/sqm-task-card/UseTaskCard.stories.js +1 -1
- package/dist/collection/components/sqm-task-card/sqm-task-card.js +1 -1
- package/dist/collection/components/sqm-titled-section/sqm-titled-section.js +0 -3
- package/dist/collection/global/global.js +1 -1
- package/dist/collection/stories/NewPortal.stories.js +1 -1
- package/dist/esm/{ShadowViewAddon-90897c22.js → ShadowViewAddon-31eb5b16.js} +2 -2
- package/dist/esm/{global-e7bb0343.js → global-04c7d3b5.js} +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/mint-components.js +1 -1
- package/dist/esm/sqm-banking-info-form_16.entry.js +2 -2
- package/dist/esm/sqm-big-stat_38.entry.js +2 -2
- package/dist/esm/sqm-empty_4.entry.js +1 -1
- package/dist/esm/{sqm-invoice-table-view-0605d3e3.js → sqm-invoice-table-view-34ac7513.js} +1 -1
- package/dist/esm/sqm-leaderboard-rank.entry.js +1 -1
- package/dist/esm/{sqm-portal-email-verification-view-0b32261f.js → sqm-portal-email-verification-view-4307c992.js} +1 -1
- package/dist/esm/sqm-portal-email-verification.entry.js +2 -2
- package/dist/esm/{sqm-portal-profile-view-03026a5e.js → sqm-portal-profile-view-ffe955c8.js} +1 -1
- package/dist/esm/sqm-portal-profile.entry.js +2 -2
- package/dist/esm/sqm-referral-table_11.entry.js +1 -1
- package/dist/esm/sqm-rewards-table_9.entry.js +1 -1
- package/dist/esm/sqm-stencilbook.entry.js +27 -27
- package/dist/esm-es5/ShadowViewAddon-31eb5b16.js +1 -0
- package/dist/esm-es5/{global-e7bb0343.js → global-04c7d3b5.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mint-components.js +1 -1
- package/dist/esm-es5/sqm-banking-info-form_16.entry.js +1 -1
- package/dist/esm-es5/sqm-big-stat_38.entry.js +1 -1
- package/dist/esm-es5/sqm-empty_4.entry.js +1 -1
- package/dist/esm-es5/{sqm-invoice-table-view-0605d3e3.js → sqm-invoice-table-view-34ac7513.js} +1 -1
- package/dist/esm-es5/sqm-leaderboard-rank.entry.js +1 -1
- package/dist/esm-es5/{sqm-portal-email-verification-view-0b32261f.js → sqm-portal-email-verification-view-4307c992.js} +1 -1
- package/dist/esm-es5/sqm-portal-email-verification.entry.js +1 -1
- package/dist/esm-es5/{sqm-portal-profile-view-03026a5e.js → sqm-portal-profile-view-ffe955c8.js} +1 -1
- package/dist/esm-es5/sqm-portal-profile.entry.js +1 -1
- package/dist/esm-es5/sqm-referral-table_11.entry.js +1 -1
- package/dist/esm-es5/sqm-rewards-table_9.entry.js +1 -1
- package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
- package/dist/mint-components/mint-components.esm.js +1 -1
- package/dist/mint-components/mint-components.js +1 -1
- package/dist/mint-components/{p-55a782cf.system.entry.js → p-01cfff8a.system.entry.js} +1 -1
- package/dist/mint-components/{p-445ffcfd.system.entry.js → p-0d39c815.system.entry.js} +1 -1
- package/dist/mint-components/p-185f03b1.entry.js +9 -0
- package/dist/mint-components/p-1c857edb.entry.js +33 -0
- package/dist/mint-components/{p-b8dbb809.system.entry.js → p-1dd69917.system.entry.js} +1 -1
- package/dist/mint-components/{p-5956a47e.entry.js → p-1fe65a36.entry.js} +1 -1
- package/dist/mint-components/{p-d51eb656.entry.js → p-27bd5535.entry.js} +1 -1
- package/dist/mint-components/{p-dab544d9.entry.js → p-32d1d162.entry.js} +1 -1
- package/dist/mint-components/{p-64491c96.system.entry.js → p-34fd1229.system.entry.js} +1 -1
- package/dist/mint-components/{p-a61e6394.system.entry.js → p-35d84041.system.entry.js} +1 -1
- package/dist/mint-components/{p-956ed10a.entry.js → p-3ec16698.entry.js} +1 -1
- package/dist/mint-components/{p-0e556260.js → p-4d233cd4.js} +1 -1
- package/dist/mint-components/{p-d7df3dfd.system.js → p-4df8f1d2.system.js} +1 -1
- package/dist/mint-components/{p-973f6501.system.entry.js → p-4ea58025.system.entry.js} +1 -1
- package/dist/mint-components/{p-573fab0f.system.js → p-59fe4ad1.system.js} +1 -1
- package/dist/mint-components/{p-5d485450.entry.js → p-7049e9b0.entry.js} +1 -1
- package/dist/mint-components/{p-e84a74fe.system.entry.js → p-8679ed9f.system.entry.js} +1 -1
- package/dist/mint-components/{p-9774fbc5.js → p-8704937c.js} +1 -1
- package/dist/mint-components/{p-2cbb6969.js → p-b23d5520.js} +1 -1
- package/dist/mint-components/{p-469dd2ad.entry.js → p-b45ba369.entry.js} +1 -1
- package/dist/mint-components/{p-7a572b34.entry.js → p-b4c52c5a.entry.js} +1 -1
- package/dist/mint-components/p-b567780d.system.js +1 -0
- package/dist/mint-components/{p-e3710077.system.js → p-bc51264d.system.js} +1 -1
- package/dist/mint-components/{p-6988eca6.system.entry.js → p-c34a507e.system.entry.js} +1 -1
- package/dist/mint-components/{p-66172a05.js → p-ce621bcc.js} +1 -1
- package/dist/mint-components/{p-05948592.js → p-d6474614.js} +1 -1
- package/dist/mint-components/{p-c7a3fd1b.system.js → p-ed095674.system.js} +1 -1
- package/dist/mint-components/{p-97198e2c.system.js → p-ed17e637.system.js} +1 -1
- package/dist/mint-components/p-ef200920.system.entry.js +1 -0
- package/dist/types/components/sqm-card-feed/sqm-card-feed.d.ts +1 -1
- package/dist/types/components/sqm-share-button/sqm-share-button.d.ts +2 -2
- package/dist/types/components/sqm-task-card/sqm-task-card.d.ts +1 -1
- package/dist/types/components/sqm-titled-section/sqm-titled-section.d.ts +0 -1
- package/dist/types/components.d.ts +2 -4
- package/docs/docs.docx +0 -0
- package/docs/raisins.json +1 -1
- package/grapesjs/grapesjs.js +1 -1
- package/package.json +1 -1
- package/dist/esm-es5/ShadowViewAddon-90897c22.js +0 -1
- package/dist/mint-components/p-24c03a99.entry.js +0 -9
- package/dist/mint-components/p-782e7e75.system.entry.js +0 -1
- package/dist/mint-components/p-be38de26.system.js +0 -1
- 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
|
|
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" }, "
|
|
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" }, "
|
|
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" }, "
|
|
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" }, "
|
|
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" }, "
|
|
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" }, "
|
|
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" }, "
|
|
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" }, "
|
|
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, "
|
|
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: "#
|
|
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
|
|
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\", \"
|
|
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
|
|
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
|
|
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() {
|
|
@@ -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.
|
|
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), "
|
|
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-
|
|
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: "#
|
|
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.
|
|
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);
|
package/dist/esm/loader.js
CHANGED
|
@@ -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-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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,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-
|
|
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-
|
|
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-
|
|
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-
|
|
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;
|
package/dist/esm/{sqm-portal-profile-view-03026a5e.js → sqm-portal-profile-view-ffe955c8.js}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { h } from './index-17b4da69.js';
|
|
2
|
-
import { i as intl } from './global-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
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';
|