@saasquatch/mint-components 1.6.8-13 → 1.6.8-14
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-e9b5b949.js → ShadowViewAddon-57cfb0e8.js} +7 -13
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/mint-components.cjs.js +1 -1
- package/dist/cjs/sqm-big-stat_37.cjs.entry.js +2 -2
- package/dist/cjs/{sqm-user-identifier-view-53f37293.js → sqm-logout-current-user-view-9c3f9464.js} +2 -2
- package/dist/cjs/{sqm-user-identifier.cjs.entry.js → sqm-logout-current-user.cjs.entry.js} +8 -8
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +25 -25
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/sqm-coupon-code/CouponCode.stories.js +1 -1
- package/dist/collection/components/sqm-coupon-code/sqm-coupon-code.js +2 -2
- package/dist/collection/components/{sqm-user-identifier/UserIdentifier.stories.js → sqm-logout-current-user/LogoutCurrentUser.stories.js} +3 -3
- package/dist/collection/components/{sqm-user-identifier/sqm-user-identifier-view.js → sqm-logout-current-user/sqm-logout-current-user-view.js} +1 -1
- package/dist/collection/components/{sqm-user-identifier/sqm-user-identifier.js → sqm-logout-current-user/sqm-logout-current-user.js} +9 -9
- package/dist/collection/components/{sqm-user-identifier/useUserIdentifer.js → sqm-logout-current-user/useLogoutCurrentUser.js} +1 -1
- package/dist/collection/components/sqm-stencilbook/sqm-stencilbook.js +2 -2
- package/dist/collection/components/views/copy-text-view.js +7 -13
- package/dist/collection/stories/Widget.stories.js +12 -12
- package/dist/esm/{ShadowViewAddon-2dad6900.js → ShadowViewAddon-c76ceb19.js} +7 -13
- package/dist/esm/loader.js +1 -1
- package/dist/esm/mint-components.js +1 -1
- package/dist/esm/sqm-big-stat_37.entry.js +2 -2
- package/dist/esm/{sqm-user-identifier-view-ca48b8e4.js → sqm-logout-current-user-view-5dd42341.js} +2 -2
- package/dist/esm/{sqm-user-identifier.entry.js → sqm-logout-current-user.entry.js} +8 -8
- package/dist/esm/sqm-stencilbook.entry.js +25 -25
- package/dist/esm-es5/ShadowViewAddon-c76ceb19.js +1 -0
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mint-components.js +1 -1
- package/dist/esm-es5/sqm-big-stat_37.entry.js +1 -1
- package/dist/esm-es5/{sqm-user-identifier-view-ca48b8e4.js → sqm-logout-current-user-view-5dd42341.js} +1 -1
- package/dist/esm-es5/sqm-logout-current-user.entry.js +1 -0
- package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
- package/dist/mint-components/mint-components.esm.js +1 -1
- package/dist/mint-components/p-04751f3a.system.js +1 -1
- package/dist/mint-components/{p-7be51ca9.js → p-04754621.js} +1 -1
- package/dist/mint-components/p-20f88c26.system.js +1 -0
- package/dist/mint-components/p-6721ed80.entry.js +9 -0
- package/dist/mint-components/{p-5698b30e.js → p-72f635dd.js} +1 -1
- package/dist/mint-components/p-8d2cfc36.entry.js +1 -0
- package/dist/mint-components/{p-a8f38714.entry.js → p-90740675.entry.js} +2 -2
- package/dist/mint-components/p-a686bf17.system.entry.js +1 -0
- package/dist/mint-components/{p-e8bb9b24.system.js → p-c2adbe14.system.js} +1 -1
- package/dist/mint-components/p-ee62225c.system.entry.js +1 -0
- package/dist/mint-components/p-fcac2cfd.system.entry.js +1 -0
- package/dist/types/components/sqm-logout-current-user/sqm-logout-current-user-view.d.ts +6 -0
- package/dist/types/components/{sqm-user-identifier/sqm-user-identifier.d.ts → sqm-logout-current-user/sqm-logout-current-user.d.ts} +2 -2
- package/dist/types/components/sqm-logout-current-user/useLogoutCurrentUser.d.ts +3 -0
- package/dist/types/components.d.ts +43 -43
- package/dist/types/global/android.d.ts +7 -0
- package/dist/types/global/demo.d.ts +1 -0
- package/dist/types/stories/Widget.stories.d.ts +4 -4
- package/dist/types/stories/features.d.ts +4 -0
- package/dist/types/stories/templates.d.ts +4 -0
- package/docs/docs.docx +0 -0
- package/docs/raisins.json +1 -1
- package/grapesjs/grapesjs.js +1 -1
- package/package.json +2 -2
- package/dist/esm-es5/ShadowViewAddon-2dad6900.js +0 -1
- package/dist/esm-es5/sqm-user-identifier.entry.js +0 -1
- package/dist/mint-components/p-215c517c.entry.js +0 -1
- package/dist/mint-components/p-25632b7a.system.entry.js +0 -1
- package/dist/mint-components/p-2d3ab333.entry.js +0 -9
- package/dist/mint-components/p-56a5a523.system.entry.js +0 -1
- package/dist/mint-components/p-af27369e.system.js +0 -1
- package/dist/mint-components/p-c14d5640.system.entry.js +0 -1
- package/dist/types/components/sqm-user-identifier/sqm-user-identifier-view.d.ts +0 -6
- package/dist/types/components/sqm-user-identifier/useUserIdentifer.d.ts +0 -3
- /package/dist/types/components/{sqm-user-identifier/UserIdentifier.stories.d.ts → sqm-logout-current-user/LogoutCurrentUser.stories.d.ts} +0 -0
|
@@ -16,6 +16,7 @@ import { H as HeroView } from './sqm-hero-view-875c927d.js';
|
|
|
16
16
|
import { E as EmailRegistrationView } from './email-registration-view-8987d3c0.js';
|
|
17
17
|
import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-10657658.js';
|
|
18
18
|
import { L as LinkButtonView } from './sqm-link-button-view-90aeb27f.js';
|
|
19
|
+
import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-5dd42341.js';
|
|
19
20
|
import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-feb719ce.js';
|
|
20
21
|
import { N as NavigationSidebarItemView } from './sqm-navigation-sidebar-item-view-344fad1c.js';
|
|
21
22
|
import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-71ace81d.js';
|
|
@@ -23,9 +24,8 @@ import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view
|
|
|
23
24
|
import { P as PortalProfileView } from './sqm-portal-profile-view-53979418.js';
|
|
24
25
|
import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-1f0f3bf8.js';
|
|
25
26
|
import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-8d453021.js';
|
|
26
|
-
import { S as ShareButtonView, L as LeaderboardView, C as CopyTextView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalLoginView, f as PortalRegisterView, T as TaskCardView, g as ProgressBarView, h as PoweredByImg$1, i as PortalFooterView, R as ReferralIframeView, N as NameFieldsView, j as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, k as RewardExchangeView, r as rewardExchangeCustomErrorMsg, l as rewardExchangeLongText, m as rewardExchangeSelected, n as chooseAmountFixed, o as chooseAmountFixedNoDescription, p as chooseAmountVariable, q as chooseAmountVariableNoDescription, s as chooseAmountVariableDisabled, t as chooseAmountVariableUnavailable, v as confirmFixed, w as confirmVariable, x as redemptionError, y as queryError, z as success, A as successVariable, F as loading, G as empty$1, H as rewardExchange, J as CardFeedView, K as autoColorScaleCss, M as ShadowViewAddon } from './ShadowViewAddon-
|
|
27
|
+
import { S as ShareButtonView, L as LeaderboardView, C as CopyTextView, B as BigStatView, P as PortalFrameView, E as EditProfileView, u as useShareLink, a as useShareButton, b as useDemoBigStat, c as StatContainerView, d as PortalChangePasswordView, e as PortalLoginView, f as PortalRegisterView, T as TaskCardView, g as ProgressBarView, h as PoweredByImg$1, i as PortalFooterView, R as ReferralIframeView, N as NameFieldsView, j as CheckboxFieldView, D as DropdownFieldView, I as InputFieldView, k as RewardExchangeView, r as rewardExchangeCustomErrorMsg, l as rewardExchangeLongText, m as rewardExchangeSelected, n as chooseAmountFixed, o as chooseAmountFixedNoDescription, p as chooseAmountVariable, q as chooseAmountVariableNoDescription, s as chooseAmountVariableDisabled, t as chooseAmountVariableUnavailable, v as confirmFixed, w as confirmVariable, x as redemptionError, y as queryError, z as success, A as successVariable, F as loading, G as empty$1, H as rewardExchange, J as CardFeedView, K as autoColorScaleCss, M as ShadowViewAddon } from './ShadowViewAddon-c76ceb19.js';
|
|
27
28
|
import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-83b417f0.js';
|
|
28
|
-
import { U as UserIdentifierView } from './sqm-user-identifier-view-ca48b8e4.js';
|
|
29
29
|
|
|
30
30
|
/**
|
|
31
31
|
* lodash (Custom Build) <https://lodash.com/>
|
|
@@ -1441,7 +1441,7 @@ var _createEmotion = createEmotion({
|
|
|
1441
1441
|
}),
|
|
1442
1442
|
css = _createEmotion.css;
|
|
1443
1443
|
|
|
1444
|
-
function i$1(){return (i$1=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(n[r]=o[r]);}return n}).apply(this,arguments)}function
|
|
1444
|
+
function i$1(){return (i$1=Object.assign||function(n){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(n[r]=o[r]);}return n}).apply(this,arguments)}function a$1(n,t){return t||(t=n.slice(0)),n.raw=t,n}var s,l,c$1,u=css(s||(s=a$1(['\n width: 100vw;\n height: 100vh;\n\n .story-book-outer-div {\n .story-div {\n font-family: "Arial", sans-serif;\n font-size: 12px;\n }\n padding-bottom: 500px;\n }\n\n .story-div {\n position: fixed;\n box-sizing: border-box;\n top: 0;\n width: 250px;\n height: 100vh;\n z-index: 999;\n overflow-y: scroll;\n background: white;\n margin-bottom: 32px;\n }\n\n .header {\n padding: 24px 0 16px 16px;\n margin-bottom: 24px;\n color: white;\n background: #333;\n cursor: pointer;\n\n h2 {\n letter-spacing: 3px;\n font-weight: 400;\n }\n }\n\n .parentStoryList {\n list-style: none;\n padding-left: 16px;\n\n summary {\n margin-bottom: 4px;\n }\n }\n .parentStory {\n cursor: pointer;\n }\n .parentStory.selected {\n font-weight: bold;\n }\n\n .subStory {\n font-size: 12px;\n cursor: pointer;\n line-height: 1.5em;\n margin-top: 4px;\n\n a {\n display: block;\n padding: 4px 4px 4px 16px;\n }\n }\n .subStory:hover {\n background-color: #eee;\n }\n .subStory.selected {\n background-color: lightgreen;\n }\n\n .component {\n padding: 24px 16px;\n }\n\n h4.group-header {\n margin: 8px 0;\n text-transform: uppercase;\n font-weight: 600;\n font-size: 14px;\n color: #575757;\n }\n\n .group-wrapper {\n margin-bottom: 24px;\n }\n\n .dynamic-display-wrapper {\n position: fixed;\n display: flex;\n flex-direction: column;\n bottom: 0;\n left: 100%;\n padding: 16px;\n z-index: 1000;\n background: white;\n transform: translateX(-100%);\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n\n & > :not(:first-child) {\n margin-top: 12px;\n }\n\n p {\n font-size: 12px;\n margin: 0;\n padding: 0;\n }\n\n .button-wrapper {\n display: flex;\n\n & > :not(:first-child) {\n margin-left: 12px;\n }\n }\n\n & button {\n border: 1px solid #eaeaea;\n background: white;\n border-radius: 4px;\n color: #777;\n padding: 4px 12px;\n justify-content: center;\n align-items: center;\n text-align: center;\n\n &.active {\n background: #555;\n border-color: #555;\n color: white;\n }\n }\n }\n'])));function p$1(n,t){var o,r=t.story.title.split("/"),e=r[1]?r[0]:"_";return i$1({},n,((o={})[e]=[].concat(n[e]||[],[{story:i$1({},t.story,{title:r[1]||r[0]}),subs:t.subs}]).sort(function(n,t){return n.story.title.localeCompare(t.story.title)}),o))}function d$1(n){return {story:n.default,subs:function(n,t){if(null==n)return {};var o,r,e={},i=Object.keys(n);for(r=0;r<i.length;r++)t.indexOf(o=i[r])>=0||(e[o]=n[o]);return e}(n,["default"])}}function f(s,f){var m=f.h,y=void 0===m?h:m,b=f.title,g=void 0===b?"Stencilbook":b,x=f.homepage,h$1=void 0===x?y("h3",null,"Select a story!"):x,v=f.addons,w=void 0===v?[]:v,k=useMemo(function(){return s.map(d$1).reduce(p$1,{_:[]})},s),S=decodeURIComponent(window.location.hash).replace("#",""),C=useState(q(S)),z=C[0],O=C[1],j=null==z?void 0:z.key,I=useState("desktop")[0],R=useState(!0),U=R[0],_=R[1],B=useState(!1),L=B[0],T=B[1];function q(n){var t;if(n){var o=decodeURIComponent(n).split("-"),r=o[1],e=o[2],i=null==(t=k[o[0]])?void 0:t.find(function(n){return n.story.title===r}),a=i.subs[e];return {key:n,story:a,parent:null==i?void 0:i.story,label:null==a?void 0:a.name}}}var A=function(){return y("div",{class:"dynamic-display-wrapper"},y("button",{class:L?"active":"",onClick:function(){return T(function(n){return !n})}},"Toggle Dark Background"),y("button",{class:U?"active":"",onClick:function(){return _(function(n){return !n})}},"Toggle Sidebar"))},D="mobile"===I?"375px":"tablet"===I?"768px":"1124px",N=css(l||(l=a$1(["\n max-width: ",";\n margin-left: ",";\n "])),D,U?"250px":"0px"),P=css(c$1||(c$1=a$1(["\n display: none;\n "])));document.body.style.backgroundColor=L?"#232323":"#fafafa";var V=function(n){var t=n.selected,o=w.reduce(function(n,o){return function(){return y(o,{story:i$1({},t)},y(n,null))}},null==t?void 0:t.story);return y(o,null)},X=function(){return y("div",{class:"story-book-outer-div"},y("div",{class:"story-div "+(U?"":P)},y("div",{class:"header",onClick:function(){O(void 0);}},y("h2",null,g)),y("ul",{class:"parentStoryList"},Object.keys(k).sort().map(function(n){return y("div",{class:"group-wrapper"},"_"!==n&&y("h4",{class:"group-header"},n),k[n].map(function(t){return y("li",{class:"parentStory"},y("details",{style:{marginBottom:"10px"}},y("summary",{style:{outline:"none"}},t.story.title),t.subs&&Object.keys(t.subs).map(function(o){var e=n+"-"+t.story.title+"-"+o,i=t.subs[o].storyName||lodash_startcase(o);return y("div",{class:"subStory "+(j===e?"selected":"")},y("a",{onClick:function(){return function(n){window.location.hash=encodeURIComponent(n),O(q(n));}(e)}},i))})))}))}))),y(A,null),y("div",{class:"component "+N},!j&&h$1,j&&y("div",null,y("h3",null,z.label),y(V,{selected:z}))))};return {class:u,children:y(X,null),View:X,selected:z}}
|
|
1445
1445
|
|
|
1446
1446
|
const scenario = "@author:noah\n@owner:noah\nFeature: Share Button\n\n The share button redirects users to a platform where they can share their referral link\n\n @motivating\n @ui\n Scenario Outline: Share button displays for various platforms\n Given the share button's medium prop is \"<medium>\"\n And the button's child is text saying \"BUTTON_TEXT\"\n When the share button is rendered\n Then the button has text \"BUTTON_TEXT\"\n And the button is <colour>\n And it displays an <icon> beside the text\n And clicking the button redirects to an appropriate link\n Examples:\n | medium | colour | icon |\n | facebook | #1877f2 | facebook logo |\n | twitter | #1da1f2 | twitter logo |\n | email | #666666 | envelope |\n | direct | brand colour | paper plane |\n | linkedin | #0077b5 | linkedIn logo |\n | sms | #34DA50 | chat bubble |\n | fbmessenger | #0084ff | messenger logo |\n | whatsapp | #25d366 | whatsapp logo |\n | linemessenger | #00B300 | linemessenger logo |\n | pinterest | #e60023 | pinterest logo |\n\n @minutia\n @ui\n Scenario Outline: Default icons can be overwritten\n Given a share button for any medium with <iconPropValue>\n When the share button is rendered\n Then it displays a <iconPropValue> instead of the share mediums default icon\n Examples:\n | iconPropValue |\n | basket |\n | bluetooth |\n | bandaid |\n\n @motivating\n @ui\n Scenario Outline: Default share medium colours can be overwritten\n Given a share button for any medium with <backgroundColourPropValue>\n When the share button is rendered\n Then the share button is <backgroundColourPropValue>\n Examples:\n | backgroundColourPropValue |\n | blue |\n | black |\n | green |\n\n @minutia\n @ui\n Scenario Outline: Share medium icons and text can be hidden\n Given a share button with <prop> <value>\n When the share button is rendered\n Then <element> is hidden\n Examples:\n | prop | value | element |\n | hideicon | true | icon |\n | hidetext | true | text |\n\n @minutia\n @ui\n Scenario Outline: Icons can be on either side of the text\n Given a share button with <iconslotPropValue>\n When the share button is rendered\n Then the icon is displayed to the <direction> of the text\n Examples:\n | iconslotPropValue | direction |\n | suffix | right |\n | prefix | left |\n | prefix | left |\n\n @minutia\n Scenario: Unsupported browsers hide native share buttons\n Given the share button's medium prop is \"direct\"\n And your browser does not support the Web Share API\n Then the share button is hidden\n\n @minutia\n Scenario: SMS share buttons are hidden on non Android and iOS devices\n Given the share button's medium is \"sms\"\n And the share button is being viewed on a device which is not an Android or iOS device\n Then the share button is hidden\n\n @motivating\n Scenario: Facebook share buttons uses SquatchAndroid sharing features\n Given the share button's medium is \"facebook\"\n And the share button is being viewed in a web view with the SquatchAndroid API\n And the Facebook app is available\n Then tapping the share button opens the phone's Facebook app\n And a share activity is opened with the share link prefilled\n\n @motivating\n Scenario: SquatchAndroid falls back to the Facebook website if no app is available\n Given the share button's medium is \"facebook\"\n And the share button is being viewed in a web view with the SquatchAndroid API\n And the Facebook app is not available\n Then tapping the share button opens the the Facebook mobile site in the device's browser\n And a share activity is opened with the share link prefilled\n\n @minutia\n Scenario: A supplied program ID is used if available\n Given the program id is supplied to the component in the \"programId\" prop\n Then the program ID in the \"programId\" prop is used to retrieve share links\n\n @minutia\n Scenario: The program ID is automatically fetched from context\n Given the program id is not supplied to the component in the \"programId\" prop\n Then the program ID is retrieved from context";
|
|
1447
1447
|
|
|
@@ -3888,13 +3888,13 @@ const monoWidget = "<sqm-brand brand-color=\"#4225c4\" brand-font=\"Nunito Sans\
|
|
|
3888
3888
|
|
|
3889
3889
|
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";
|
|
3890
3890
|
|
|
3891
|
-
const
|
|
3891
|
+
const instantAccessReferrerShareWidget = "<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 $50 with friends</h3>\n <p slot=\"content\">\n They’ll get a $50 credit towards a new account and\n you’ll get up to $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-logout-current-user\n switch-user-link=\"https://www.example.com\"\n ></sqm-logout-current-user\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";
|
|
3892
3892
|
|
|
3893
|
-
const
|
|
3893
|
+
const instantAccessFriendCouponWidget = "<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";
|
|
3894
3894
|
|
|
3895
|
-
const
|
|
3895
|
+
const instantAccessReferrerRegistrationWidget = "<sqm-brand>\n <sqm-instant-access-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 $50 with friends</h3>\n <p slot=\"content\">\n They’ll get a $50 credit towards a new account and\n you’ll get up to $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-instant-access-registration>\n</sqm-brand>\n";
|
|
3896
3896
|
|
|
3897
|
-
const
|
|
3897
|
+
const instantAccessFriendRegistrationWidget = "<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";
|
|
3898
3898
|
|
|
3899
3899
|
const portalTemplate = "<sqm-portal-frame>\n <a slot=\"header\" href=\"/\">\n <sqm-text style=\"height: 60px\">\n <img\n style=\"height: 60px\"\n src=\"https://res.cloudinary.com/saasquatch/image/upload/v1634255445/squatch-assets/Copy_of_saasquatch-logo-tree-large-horizontal.png\"\n />\n </sqm-text>\n </a>\n <sqb-program-section program-id=\"referral-program\">\n <sqm-router>\n <template\n path=\"/:path(\\bregister\\b|\\bemailVerification\\b|\\blogin\\b|\\bverifyEmail\\b|\\bforgotPassword\\b|\\bresetPassword\\b|\\blogout\\b)\"\n >\n <sqm-hero\n background=\"https://images.unsplash.com/photo-1599676821464-3555954838dc?ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1939&q=80\"\n >\n <sqm-router>\n <template path=\"/register\">\n <sqm-portal-register>\n <sqm-name-fields slot=\"formData\"></sqm-name-fields>\n </sqm-portal-register>\n </template>\n\n <template path=\"/emailVerification\">\n <sqm-portal-protected-route\n redirect-to=\"/login\"\n ></sqm-portal-protected-route>\n <sqm-portal-email-verification></sqm-portal-email-verification>\n </template>\n\n <template path=\"/login\">\n <sqm-portal-login></sqm-portal-login>\n </template>\n\n <template path=\"/verifyEmail\">\n <sqm-portal-verify-email></sqm-portal-verify-email>\n </template>\n\n <template path=\"/forgotPassword\">\n <sqm-portal-forgot-password\n email-label=\"Business Email\"\n ></sqm-portal-forgot-password>\n </template>\n\n <template path=\"/resetPassword\">\n <sqm-portal-reset-password\n confirm-password=\"true\"\n ></sqm-portal-reset-password>\n </template>\n <template path=\"/logout\">\n <sqm-portal-logout next-page=\"/login\"></sqm-portal-logout>\n </template>\n </sqm-router>\n </sqm-hero>\n </template>\n </sqm-router>\n <sqm-router>\n <template path=\"/:path(\\bactivity\\b|\\beditProfile\\b)?\">\n <sqm-divided-layout\n direction=\"row\"\n style=\"\n border-top: 1px solid #eaeaea;\n border-bottom: 1px solid #eaeaea;\n \"\n >\n <sqm-navigation-sidebar>\n <sqm-navigation-sidebar-item\n path=\"/\"\n icon=\"house\"\n label=\"Dashboard\"\n ></sqm-navigation-sidebar-item>\n <sqm-navigation-sidebar-item\n path=\"/activity\"\n icon=\"bar-chart\"\n label=\"Activity\"\n ></sqm-navigation-sidebar-item>\n <sqm-navigation-sidebar-item\n path=\"/editProfile\"\n icon=\"person\"\n label=\"Edit Profile\"\n ></sqm-navigation-sidebar-item>\n <sqm-navigation-sidebar-item\n path=\"/logout\"\n icon=\"box-arrow-right\"\n label=\"Logout\"\n ></sqm-navigation-sidebar-item>\n </sqm-navigation-sidebar>\n <sqm-divided-layout direction=\"column\">\n <sqm-router>\n <template path=\"/\">\n <sqm-portal-protected-route\n require-email-verification=\"true\"\n redirect-to=\"/login\"\n redirect-to-unverified=\"/emailVerification\"\n ></sqm-portal-protected-route>\n <sqb-widget\n widget-type=\"p/referral-program/w/referrerWidget\"\n track-loads=\"true\"\n ></sqb-widget>\n </template>\n <template path=\"/editProfile\">\n <sqm-portal-protected-route\n require-email-verification=\"true\"\n redirect-to=\"/login\"\n redirect-to-unverified=\"/emailVerification\"\n ></sqm-portal-protected-route>\n <sqm-portal-container direction=\"column\" gap=\"xxx-large\">\n <sqm-portal-profile></sqm-portal-profile> </sqm-portal-container\n ><sqm-portal-container direction=\"column\" gap=\"xxx-large\">\n <sqm-portal-change-password></sqm-portal-change-password>\n </sqm-portal-container>\n </template>\n\n <template path=\"/activity\">\n <sqm-portal-protected-route\n require-email-verification=\"true\"\n redirect-to=\"/login\"\n redirect-to-unverified=\"/emailVerification\"\n ></sqm-portal-protected-route>\n <sqm-portal-container\n direction=\"column\"\n padding=\"xxx-large\"\n gap=\"xxx-large\"\n >\n <sqm-text> <h1>Activity</h1></sqm-text>\n <sqm-stat-container space=\"xxxx-large\"\n ><sqm-big-stat\n flex-reverse=\"true\"\n alignment=\"left\"\n stat-type=\"/referralsCount\"\n ><sqm-text><p>Referrals</p></sqm-text></sqm-big-stat\n >\n <sqm-big-stat\n flex-reverse=\"true\"\n alignment=\"left\"\n stat-type=\"/rewardsCountFiltered/AVAILABLE\"\n ><sqm-text><p>Rewards Earned</p></sqm-text></sqm-big-stat\n >\n <sqm-big-stat\n flex-reverse=\"true\"\n alignment=\"left\"\n stat-type=\"/rewardBalance/CREDIT/CENTS\"\n ><sqm-text><p>Reward Balance</p></sqm-text></sqm-big-stat\n >\n </sqm-stat-container>\n <sqm-referral-table>\n <sqm-referral-table-user-column></sqm-referral-table-user-column>\n <sqm-referral-table-rewards-column></sqm-referral-table-rewards-column>\n <sqm-referral-table-status-column></sqm-referral-table-status-column>\n <sqm-referral-table-date-column\n column-title=\"Referred\"\n date-shown=\"dateReferralStarted\"\n ></sqm-referral-table-date-column> </sqm-referral-table\n ></sqm-portal-container>\n </template>\n </sqm-router>\n </sqm-divided-layout>\n </sqm-divided-layout>\n </template>\n </sqm-router>\n </sqb-program-section>\n <sqm-portal-footer\n slot=\"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 ></sqm-portal-footer>\n</sqm-portal-frame>\n";
|
|
3900
3900
|
|
|
@@ -7102,20 +7102,20 @@ const Loyalty = createHookStory(() => {
|
|
|
7102
7102
|
const { states, callbacks } = useTemplate$2(loyaltyWidget);
|
|
7103
7103
|
return (h(DefaultTemplateView$1, { states: states, callbacks: callbacks, template: loyaltyWidget }));
|
|
7104
7104
|
});
|
|
7105
|
-
const
|
|
7106
|
-
const { states, callbacks } = useTemplate$2(
|
|
7105
|
+
const InstantAccessReferrerShareWidget = createHookStory(() => {
|
|
7106
|
+
const { states, callbacks } = useTemplate$2(instantAccessReferrerShareWidget);
|
|
7107
7107
|
return h(TemplateView$1, { states: states, callbacks: callbacks });
|
|
7108
7108
|
});
|
|
7109
|
-
const
|
|
7110
|
-
const { states, callbacks } = useTemplate$2(
|
|
7109
|
+
const InstantAccessFriendCouponWidget = createHookStory(() => {
|
|
7110
|
+
const { states, callbacks } = useTemplate$2(instantAccessFriendCouponWidget);
|
|
7111
7111
|
return h(TemplateView$1, { states: states, callbacks: callbacks });
|
|
7112
7112
|
});
|
|
7113
|
-
const
|
|
7114
|
-
const { states, callbacks } = useTemplate$2(
|
|
7113
|
+
const InstantAccessReferrerRegistrationWidget = createHookStory(() => {
|
|
7114
|
+
const { states, callbacks } = useTemplate$2(instantAccessReferrerRegistrationWidget);
|
|
7115
7115
|
return h(TemplateView$1, { states: states, callbacks: callbacks });
|
|
7116
7116
|
});
|
|
7117
|
-
const
|
|
7118
|
-
const { states, callbacks } = useTemplate$2(
|
|
7117
|
+
const InstantAccessFriendRegistrationWidget = createHookStory(() => {
|
|
7118
|
+
const { states, callbacks } = useTemplate$2(instantAccessFriendRegistrationWidget);
|
|
7119
7119
|
return h(TemplateView$1, { states: states, callbacks: callbacks });
|
|
7120
7120
|
});
|
|
7121
7121
|
|
|
@@ -7125,10 +7125,10 @@ const Widget$1 = /*#__PURE__*/Object.freeze({
|
|
|
7125
7125
|
ReferralWidget: ReferralWidget,
|
|
7126
7126
|
MonoWidget: MonoWidget,
|
|
7127
7127
|
Loyalty: Loyalty,
|
|
7128
|
-
|
|
7129
|
-
|
|
7130
|
-
|
|
7131
|
-
|
|
7128
|
+
InstantAccessReferrerShareWidget: InstantAccessReferrerShareWidget,
|
|
7129
|
+
InstantAccessFriendCouponWidget: InstantAccessFriendCouponWidget,
|
|
7130
|
+
InstantAccessReferrerRegistrationWidget: InstantAccessReferrerRegistrationWidget,
|
|
7131
|
+
InstantAccessFriendRegistrationWidget: InstantAccessFriendRegistrationWidget
|
|
7132
7132
|
});
|
|
7133
7133
|
|
|
7134
7134
|
const SidebarItem_stories = {
|
|
@@ -13178,7 +13178,7 @@ const defaultProps$e = {
|
|
|
13178
13178
|
copyString: "THANKSJANE125uv125",
|
|
13179
13179
|
open: false,
|
|
13180
13180
|
copyButtonLabel: "Copy Coupon",
|
|
13181
|
-
errorText: "Oops! Looks like we weren’t able to retrieve a code for you. Please try again later.",
|
|
13181
|
+
errorText: "Oops! Looks like we weren’t able to retrieve a code for you. Please try again later or contact support.",
|
|
13182
13182
|
inputPlaceholderText: "CODE ERROR",
|
|
13183
13183
|
};
|
|
13184
13184
|
const CouponCode = () => {
|
|
@@ -13225,7 +13225,7 @@ const CouponCode$1 = /*#__PURE__*/Object.freeze({
|
|
|
13225
13225
|
|
|
13226
13226
|
const scenario$A = "@author:noah\n@owner:noah\n\nFeature: User Identifier\n\n Scenario: A user on an instant access widget\n Given a user viewing an instant access widget\n And the user is identified\n And the user is not logged in\n Then the component identifies the user by email\n\n Scenario: Users can switch who they are identified as through a link\n Given a user viewing an instant access widget\n And the user is identified\n And the user is not logged in\n When the user clicks the link in the component\n Then they are sent back to the registration form to re-identify themselves";
|
|
13227
13227
|
|
|
13228
|
-
const
|
|
13228
|
+
const LogoutCurrentUser_stories = {
|
|
13229
13229
|
title: "Components/User Identifier",
|
|
13230
13230
|
parameters: {
|
|
13231
13231
|
scenario: scenario$A,
|
|
@@ -13237,12 +13237,12 @@ const defaultProps$f = {
|
|
|
13237
13237
|
switchUserText: "not you?",
|
|
13238
13238
|
};
|
|
13239
13239
|
const Default$f = () => {
|
|
13240
|
-
return h(
|
|
13240
|
+
return h(LogoutCurrentUserView, Object.assign({}, defaultProps$f));
|
|
13241
13241
|
};
|
|
13242
13242
|
|
|
13243
|
-
const
|
|
13243
|
+
const LogoutCurrentUser = /*#__PURE__*/Object.freeze({
|
|
13244
13244
|
__proto__: null,
|
|
13245
|
-
'default':
|
|
13245
|
+
'default': LogoutCurrentUser_stories,
|
|
13246
13246
|
Default: Default$f
|
|
13247
13247
|
});
|
|
13248
13248
|
|
|
@@ -15983,7 +15983,7 @@ const stories = [
|
|
|
15983
15983
|
Tabs,
|
|
15984
15984
|
ShareCode$1,
|
|
15985
15985
|
CouponCode$1,
|
|
15986
|
-
|
|
15986
|
+
LogoutCurrentUser,
|
|
15987
15987
|
LinkButton,
|
|
15988
15988
|
EmailRegistration,
|
|
15989
15989
|
];
|