@saasquatch/mint-components 2.0.0-4 → 2.0.0-40
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/loader.cjs.js +1 -1
- package/dist/cjs/mint-components.cjs.js +1 -1
- package/dist/cjs/sqm-banking-info-form_10.cjs.entry.js +8 -4
- package/dist/cjs/sqm-big-stat_46.cjs.entry.js +16 -43
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +5 -4
- package/dist/collection/components/sqm-hero/sqm-hero.js +1 -9
- package/dist/collection/components/sqm-portal-footer/sqm-portal-footer.js +1 -1
- package/dist/collection/components/sqm-reward-exchange-list/sqm-reward-exchange-list.js +1 -34
- package/dist/collection/components/sqm-titled-section/sqm-titled-section.js +1 -1
- package/dist/collection/components/tax-and-cash/TaxForm.stories.js +4 -3
- package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.js +49 -2
- package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.js +12 -6
- package/dist/esm/loader.js +1 -1
- package/dist/esm/mint-components.js +1 -1
- package/dist/esm/sqm-banking-info-form_10.entry.js +8 -4
- package/dist/esm/sqm-big-stat_46.entry.js +16 -43
- package/dist/esm/sqm-stencilbook.entry.js +5 -4
- 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_10.entry.js +1 -1
- package/dist/esm-es5/sqm-big-stat_46.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/{p-f758dae9.system.entry.js → p-3ea29bac.system.entry.js} +1 -1
- package/dist/mint-components/p-967a9040.system.js +1 -1
- package/dist/mint-components/{p-4652abfb.entry.js → p-be3d8440.entry.js} +12 -12
- package/dist/mint-components/p-dc91d92f.system.entry.js +1 -0
- package/dist/mint-components/{p-f573d352.entry.js → p-e110688b.entry.js} +2 -2
- package/dist/mint-components/p-e1c9351d.system.entry.js +1 -0
- package/dist/mint-components/p-f7876e57.entry.js +99 -0
- package/dist/types/components/sqm-portal-footer/sqm-portal-footer.d.ts +1 -1
- package/dist/types/components/sqm-titled-section/sqm-titled-section.d.ts +1 -1
- package/dist/types/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.d.ts +8 -0
- package/dist/types/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.d.ts +1 -1
- package/dist/types/components.d.ts +18 -2
- 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/mint-components/p-13e66b37.system.entry.js +0 -1
- package/dist/mint-components/p-a0730259.entry.js +0 -99
- package/dist/mint-components/p-c5f97014.system.entry.js +0 -1
|
@@ -4949,7 +4949,7 @@ const referralWidget = "<sqm-brand brand-color=\"#4225c4\" brand-font=\"Nunito S
|
|
|
4949
4949
|
|
|
4950
4950
|
const monoWidget = "<sqm-brand brand-color=\"#4225c4\" brand-font=\"Nunito Sans\">\n <sqm-portal-container\n direction=\"column\"\n padding=\"small\"\n gap=\"xxx-large\"\n display=\"grid\"\n max-width=\"100%\"\n background-color=\"#ffffff\"\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=\"Refer friends and complete tasks to earn rewards\"\n layout=\"columns\"\n image-pos=\"right\"\n background-color=\"#F9F9F9\"\n image-mobile-pos=\"top\"\n image-percentage=\"50\"\n padding-image=\"none\"\n padding-text=\"xxxx-large\"\n >\n </sqm-hero-image>\n </sqm-portal-container>\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-stat-container space=\"xxx-large\" display=\"flex\">\n <sqm-big-stat\n flex-reverse=\"true\"\n alignment=\"left\"\n stat-type=\"/referralsCount\"\n >\n <p>Referrals</p>\n </sqm-big-stat>\n <sqm-big-stat\n flex-reverse=\"true\"\n alignment=\"left\"\n stat-type=\"/integrationRewardsCountFiltered/AVAILABLE/global\"\n >\n <p>Giftcards Earned</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 gap=\"xx-large\"\n direction=\"column\"\n display=\"grid\"\n max-width=\"100%\"\n padding=\"none\"\n >\n <sqm-titled-section\n text-align=\"center\"\n label-margin=\"xxx-small\"\n padding=\"none\"\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 you’ll get up to\n $1200\n </p>\n </sqm-titled-section>\n <sqm-referral-card vertical-alignment=\"start\">\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>\n They’ll get a $50 credit towards a new account and you’ll get:\n </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 Post about us on X\n </sqm-share-button>\n </sqm-portal-container>\n </sqm-portal-container>\n </sqm-referral-card>\n <sqm-portal-container\n gap=\"xx-large\"\n direction=\"column\"\n display=\"grid\"\n max-width=\"100%\"\n min-width=\"\"\n padding=\"none\"\n >\n <sqm-titled-section text-align=\"center\" label-margin=\"xxx-small\">\n <h3 slot=\"label\">Earn more rewards</h3>\n <p slot=\"content\">\n Get points while using our product. Use those points to redeem\n rewards like one free month of Enterprise or two plane tickets to\n anywhere in North America\n </p>\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 X\"\n description=\"Earn 50 points when you Follow Us on X!\"\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 <sqm-tabs>\n <sqm-tab header=\"Referral history\">\n <sqm-referral-table\n per-page=\"4\"\n hidden-columns=\"2\"\n more-label=\"Next\"\n prev-label=\"Prev\"\n sm-breakpoint=\"599\"\n md-breakpoint=\"799\"\n >\n <sqm-referral-table-user-column\n column-title=\"User\"\n anonymous-user=\"Anonymous User\"\n deleted-user=\"Deleted User\"\n >\n </sqm-referral-table-user-column>\n <sqm-referral-table-status-column\n column-title=\"Referral status\"\n converted-status-text=\"Converted\"\n in-progress-status-text=\"In Progress\"\n >\n </sqm-referral-table-status-column>\n <sqm-referral-table-rewards-column\n column-title=\"Rewards\"\n expiring-text=\"Expiring in\"\n fuel-tank-text=\"Your code is\"\n pending-for-text=\"{status} for {date}\"\n reward-received-text=\"Reward received on\"\n status-long-text=\"{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }\"\n status-text=\"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }\"\n >\n </sqm-referral-table-rewards-column>\n <sqm-referral-table-date-column\n column-title=\"Date referred\"\n date-shown=\"dateReferralStarted\"\n >\n </sqm-referral-table-date-column>\n <sqm-empty\n slot=\"empty\"\n empty-state-image=\"https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png\"\n empty-state-header=\"View your referral details\"\n empty-state-text=\"Refer a friend to view the status of your referrals and rewards earned\"\n >\n </sqm-empty>\n </sqm-referral-table>\n </sqm-tab>\n <sqm-tab header=\"Reward history\">\n <sqm-rewards-table\n per-page=\"4\"\n program-id=\"\"\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-tab>\n </sqm-tabs>\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-brand>\n";
|
|
4951
4951
|
|
|
4952
|
-
const promoCodeReferralWidget = "<sqm-brand brand-color=\"#4225c4\" brand-font=\"Nunito Sans\">\n <sqm-portal-container\n direction=\"column\"\n padding=\"small\"\n gap=\"xxx-large\"\n display=\"grid\"\n max-width=\"100%\"\n background-color=\"#ffffff\"\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=\"Refer a friend and earn up to $1200 in rewards\"\n layout=\"columns\"\n image-pos=\"right\"\n background-color=\"
|
|
4952
|
+
const promoCodeReferralWidget = "<sqm-brand brand-color=\"#4225c4\" brand-font=\"Nunito Sans\">\n <sqm-portal-container\n direction=\"column\"\n padding=\"small\"\n gap=\"xxx-large\"\n display=\"grid\"\n max-width=\"100%\"\n background-color=\"#ffffff\"\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=\"Refer a friend and earn up to $1200 in rewards\"\n layout=\"columns\"\n image-pos=\"right\"\n background-color=\"#F9F9F9\"\n >\n </sqm-hero-image>\n </sqm-portal-container>\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-stat-container space=\"xxx-large\" display=\"flex\">\n <sqm-big-stat\n flex-reverse=\"true\"\n alignment=\"left\"\n stat-type=\"/referralsCount\"\n >\n <p>Referrals</p>\n </sqm-big-stat>\n <sqm-big-stat\n flex-reverse=\"true\"\n alignment=\"left\"\n stat-type=\"/integrationRewardsCountFiltered/AVAILABLE/global\"\n >\n <p>Giftcards</p>\n </sqm-big-stat>\n </sqm-stat-container>\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 text-align=\"center\"\n label-margin=\"xxx-small\"\n padding=\"none\"\n >\n <h3 slot=\"label\">Get rewarded when your friend uses our product</h3>\n </sqm-titled-section>\n <sqm-referral-card vertical-alignment=\"start\">\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>\n They’ll get a $50 credit towards a new account and you’ll get:\n </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-referral-codes slot=\"right\">\n <sqm-pagination slot=\"pagination\"></sqm-pagination>\n <sqm-referral-code\n slot=\"shareCodes\"\n show-notification-text=\"true\"\n ></sqm-referral-code>\n <sqm-portal-container gap=\"small\" slot=\"shareButtons\">\n <sqm-share-button medium=\"email\"\n >Share via email</sqm-share-button\n >\n <sqm-share-button medium=\"fbmessenger\"\n >Share on Facebook</sqm-share-button\n >\n <sqm-share-button medium=\"whatsapp\"\n >Share on WhatsApp</sqm-share-button\n >\n </sqm-portal-container>\n </sqm-referral-codes>\n </sqm-referral-card>\n </sqm-portal-container>\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\">Referral History</h3>\n </sqm-titled-section>\n <sqm-referral-table\n per-page=\"4\"\n hidden-columns=\"2\"\n more-label=\"Next\"\n prev-label=\"Prev\"\n sm-breakpoint=\"599\"\n md-breakpoint=\"799\"\n >\n <sqm-referral-table-user-column\n column-title=\"User\"\n anonymous-user=\"Anonymous User\"\n deleted-user=\"Deleted User\"\n >\n </sqm-referral-table-user-column>\n <sqm-referral-table-status-column\n column-title=\"Referral status\"\n converted-status-text=\"Converted\"\n in-progress-status-text=\"In Progress\"\n >\n </sqm-referral-table-status-column>\n <sqm-referral-table-rewards-column\n column-title=\"Rewards\"\n expiring-text=\"Expiring in\"\n fuel-tank-text=\"Your code is\"\n pending-for-text=\"{status} for {date}\"\n reward-received-text=\"Reward received on\"\n status-long-text=\"{status, select, AVAILABLE {Reward expiring on} CANCELLED {Reward cancelled on} PENDING {Available on} EXPIRED {Reward expired on} other {Not available} }\"\n status-text=\"{status, select, AVAILABLE {Available} CANCELLED {Cancelled} PENDING {Pending} EXPIRED {Expired} REDEEMED {Redeemed} other {Not available} }\"\n >\n </sqm-referral-table-rewards-column>\n <sqm-referral-table-date-column\n column-title=\"Date referred\"\n date-shown=\"dateReferralStarted\"\n >\n </sqm-referral-table-date-column>\n <sqm-empty\n slot=\"empty\"\n empty-state-image=\"https://res.cloudinary.com/saasquatch/image/upload/v1644000223/squatch-assets/empty_referral2.png\"\n empty-state-header=\"View your referral details\"\n empty-state-text=\"Refer a friend to view the status of your referrals and rewards earned\"\n ></sqm-empty>\n </sqm-referral-table>\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-brand>\n";
|
|
4953
4953
|
|
|
4954
4954
|
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 background-color=\"#ffffff\"\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 X\"\n description=\"Earn 50 points when you Follow Us on X!\"\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";
|
|
4955
4955
|
|
|
@@ -16722,9 +16722,10 @@ const TaxAndCashDashboardW9ThresholdReached = () => {
|
|
|
16722
16722
|
documentTypeString: utils.taxTypeToName("W9"),
|
|
16723
16723
|
dateSubmitted: "Jan 18th, 2025",
|
|
16724
16724
|
noFormNeeded: false,
|
|
16725
|
-
notRegistered:
|
|
16725
|
+
notRegistered: false,
|
|
16726
16726
|
showNewFormDialog: false,
|
|
16727
16727
|
hasHold: false,
|
|
16728
|
+
enforceUsTaxComplianceOption: "CASH_ONLY_DEFER_W9",
|
|
16728
16729
|
},
|
|
16729
16730
|
} }));
|
|
16730
16731
|
};
|
|
@@ -16750,7 +16751,7 @@ const TaxAndCashDashboardPayoutsOnHold = () => {
|
|
|
16750
16751
|
return (index.h("sqm-tax-and-cash-dashboard", { demoData: {
|
|
16751
16752
|
...dashboardProps,
|
|
16752
16753
|
states: {
|
|
16753
|
-
payoutStatus: "
|
|
16754
|
+
payoutStatus: "HOLD",
|
|
16754
16755
|
veriffLoading: false,
|
|
16755
16756
|
canEditPayoutInfo: true,
|
|
16756
16757
|
disabled: true,
|
|
@@ -16762,7 +16763,7 @@ const TaxAndCashDashboardPayoutsOnHold = () => {
|
|
|
16762
16763
|
indirectTaxNumber: "123456",
|
|
16763
16764
|
country: "Slovania",
|
|
16764
16765
|
showNewFormDialog: false,
|
|
16765
|
-
hasHold:
|
|
16766
|
+
hasHold: false,
|
|
16766
16767
|
},
|
|
16767
16768
|
} }));
|
|
16768
16769
|
};
|
|
@@ -24,13 +24,6 @@ export class Hero {
|
|
|
24
24
|
* @uiName Minimum height (in px)
|
|
25
25
|
*/
|
|
26
26
|
this.minHeight = 200;
|
|
27
|
-
/**
|
|
28
|
-
* Content background color or image (for use in the left column)
|
|
29
|
-
*
|
|
30
|
-
* @uiName Content background
|
|
31
|
-
* @uiWidget Background
|
|
32
|
-
*/
|
|
33
|
-
this.background = "#f9fafb";
|
|
34
27
|
/**
|
|
35
28
|
* @uiName Padding size
|
|
36
29
|
* @uiEnum ["none", "small", "medium","large"]
|
|
@@ -138,8 +131,7 @@ export class Hero {
|
|
|
138
131
|
"text": "Content background color or image (for use in the left column)"
|
|
139
132
|
},
|
|
140
133
|
"attribute": "background",
|
|
141
|
-
"reflect": false
|
|
142
|
-
"defaultValue": "\"#f9fafb\""
|
|
134
|
+
"reflect": false
|
|
143
135
|
},
|
|
144
136
|
"paddingSize": {
|
|
145
137
|
"type": "string",
|
|
@@ -4,7 +4,7 @@ import { getProps } from "../../utils/utils";
|
|
|
4
4
|
import { PortalFooterView } from "./sqm-portal-footer-view";
|
|
5
5
|
/**
|
|
6
6
|
* @uiName Footer
|
|
7
|
-
* @validParents ["div","sqm-brand","sqm-portal-container", "sqm-divided-layout", "sqm-referral-card", "sqm-instant-access-registration", "sqm-portal-frame"]
|
|
7
|
+
* @validParents ["div","sqm-brand","sqm-portal-container", "sqm-divided-layout", "sqm-referral-card", "sqm-instant-access-registration", "sqm-portal-frame", "sqm-referred-registration"]
|
|
8
8
|
*/
|
|
9
9
|
export class PortalFooter {
|
|
10
10
|
constructor() {
|
|
@@ -793,39 +793,6 @@ function useRewardExchangeListDemo(props) {
|
|
|
793
793
|
const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-reward-exchange-list"
|
|
794
794
|
? { ...prev, ...states[key] }
|
|
795
795
|
: { ...prev, [`${key}_stateController`]: states[key] }, {});
|
|
796
|
-
const finalProps = deepmerge({ ...demoRewardExchange, content: { text: props } },
|
|
797
|
-
// {
|
|
798
|
-
// states: {
|
|
799
|
-
// content: {
|
|
800
|
-
// text: props,
|
|
801
|
-
// },
|
|
802
|
-
// redeemStage: "chooseReward",
|
|
803
|
-
// amount: 0,
|
|
804
|
-
// selectedStep: undefined,
|
|
805
|
-
// selectedItem: undefined,
|
|
806
|
-
// open: false,
|
|
807
|
-
// exchangeError: false,
|
|
808
|
-
// queryError: false,
|
|
809
|
-
// loading: false,
|
|
810
|
-
// noExchangeOptions: false,
|
|
811
|
-
// // empty: EmptySlot(),
|
|
812
|
-
// },
|
|
813
|
-
// data: {
|
|
814
|
-
// // shareCode: "SHARECODE123",
|
|
815
|
-
// exchangeList: demoRewardExchange.data.exchangeList,
|
|
816
|
-
// },
|
|
817
|
-
// callbacks: {
|
|
818
|
-
// exchangeReward: () => {},
|
|
819
|
-
// setExchangeState: (_: ExchangeState) => {},
|
|
820
|
-
// setStage: (_: Stages) => {},
|
|
821
|
-
// resetState: () => {},
|
|
822
|
-
// copyFuelTankCode: () => {},
|
|
823
|
-
// },
|
|
824
|
-
// refs: {
|
|
825
|
-
// canvasRef: {},
|
|
826
|
-
// },
|
|
827
|
-
// },
|
|
828
|
-
props.demoData || formatted || {}, { arrayMerge: (_, a) => a });
|
|
829
|
-
console.log({ finalProps });
|
|
796
|
+
const finalProps = deepmerge({ ...demoRewardExchange, content: { text: props } }, props.demoData || formatted || {}, { arrayMerge: (_, a) => a });
|
|
830
797
|
return finalProps;
|
|
831
798
|
}
|
|
@@ -4,7 +4,7 @@ import { getProps } from "../../utils/utils";
|
|
|
4
4
|
import { PortalSectionView } from "./sqm-portal-section-view";
|
|
5
5
|
/**
|
|
6
6
|
* @uiName Titled Section
|
|
7
|
-
* @validParents ["sqm-portal-container","div","sqm-divided-layout","template","sqm-hero","sqm-tab", "sqm-referred-registration", "sqb-program-section","sqb-conditional-section", "sqm-instant-access-registration", "sqm-referral-card"]
|
|
7
|
+
* @validParents ["sqm-portal-container","div","sqm-divided-layout","template","sqm-hero","sqm-tab", "sqm-referred-registration", "sqb-program-section","sqb-conditional-section", "sqm-instant-access-registration", "sqm-referral-card", "sqm-referred-registration"]
|
|
8
8
|
* @validChildren ["div","sqm-portal-container","p","sqm-timeline","h1","h2","h3","h5","h4","sqm-qr-code","sqm-referral-code","sqm-referral-codes","sqm-share-code","sqm-share-link","sqm-text","span", "sqm-user-name"]
|
|
9
9
|
* @slots [{"name":"label", "title":"Label"},{"name":"content", "title":"Content"}]
|
|
10
10
|
* @exampleGroup Layout
|
|
@@ -1125,9 +1125,10 @@ export const TaxAndCashDashboardW9ThresholdReached = () => {
|
|
|
1125
1125
|
documentTypeString: taxTypeToName("W9"),
|
|
1126
1126
|
dateSubmitted: "Jan 18th, 2025",
|
|
1127
1127
|
noFormNeeded: false,
|
|
1128
|
-
notRegistered:
|
|
1128
|
+
notRegistered: false,
|
|
1129
1129
|
showNewFormDialog: false,
|
|
1130
1130
|
hasHold: false,
|
|
1131
|
+
enforceUsTaxComplianceOption: "CASH_ONLY_DEFER_W9",
|
|
1131
1132
|
},
|
|
1132
1133
|
} }));
|
|
1133
1134
|
};
|
|
@@ -1153,7 +1154,7 @@ export const TaxAndCashDashboardPayoutsOnHold = () => {
|
|
|
1153
1154
|
return (h("sqm-tax-and-cash-dashboard", { demoData: {
|
|
1154
1155
|
...dashboardProps,
|
|
1155
1156
|
states: {
|
|
1156
|
-
payoutStatus: "
|
|
1157
|
+
payoutStatus: "HOLD",
|
|
1157
1158
|
veriffLoading: false,
|
|
1158
1159
|
canEditPayoutInfo: true,
|
|
1159
1160
|
disabled: true,
|
|
@@ -1165,7 +1166,7 @@ export const TaxAndCashDashboardPayoutsOnHold = () => {
|
|
|
1165
1166
|
indirectTaxNumber: "123456",
|
|
1166
1167
|
country: "Slovania",
|
|
1167
1168
|
showNewFormDialog: false,
|
|
1168
|
-
hasHold:
|
|
1169
|
+
hasHold: false,
|
|
1169
1170
|
},
|
|
1170
1171
|
} }));
|
|
1171
1172
|
};
|
package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.js
CHANGED
|
@@ -5,6 +5,7 @@ import deepmerge from "deepmerge";
|
|
|
5
5
|
import { getProps } from "../../../utils/utils";
|
|
6
6
|
import { PayoutStatusAlertView, } from "./sqm-payout-status-alert-view";
|
|
7
7
|
import { usePayoutStatus } from "./usePayoutStatus";
|
|
8
|
+
import { parseStates } from "../../../utils/parseStates";
|
|
8
9
|
/**
|
|
9
10
|
* @uiName Payout Status Alert
|
|
10
11
|
* @validParents ["sqm-portal-container","div","sqm-hero","sqm-instant-access-registration","sqm-brand","sqb-program-section","sqb-conditional-section"]
|
|
@@ -109,6 +110,14 @@ export class PayoutStatusAlert {
|
|
|
109
110
|
* @uiName Error description
|
|
110
111
|
*/
|
|
111
112
|
this.errorDescription = "There was an error with determining your payout status.";
|
|
113
|
+
/**
|
|
114
|
+
* @undocumented
|
|
115
|
+
* @componentState { "title": "Payout Info Required", "props": { "states": { "status": "INFORMATION_REQUIRED" } }, "dependencies": ["sqm-payout-status-alert"] }
|
|
116
|
+
* @componentState { "title": "Verification Required", "props": { "states": { "status": "VERIFICATION:REQUIRED" } }, "dependencies": ["sqm-payout-status-alert"] }
|
|
117
|
+
* @componentState { "title": "Identity Verification", "props": { "states": { "status": "VERIFICATION:REVIEW" } }, "dependencies": ["sqm-payout-status-alert"] }
|
|
118
|
+
* @componentState { "title": "Account Hold", "props": { "states": { "status": "HOLD" } }, "dependencies": ["sqm-payout-status-alert"] }
|
|
119
|
+
*/
|
|
120
|
+
this.stateController = "{}";
|
|
112
121
|
withHooks(this);
|
|
113
122
|
}
|
|
114
123
|
disconnectedCallback() { }
|
|
@@ -628,6 +637,39 @@ export class PayoutStatusAlert {
|
|
|
628
637
|
"reflect": false,
|
|
629
638
|
"defaultValue": "\"There was an error with determining your payout status.\""
|
|
630
639
|
},
|
|
640
|
+
"stateController": {
|
|
641
|
+
"type": "string",
|
|
642
|
+
"mutable": false,
|
|
643
|
+
"complexType": {
|
|
644
|
+
"original": "string",
|
|
645
|
+
"resolved": "string",
|
|
646
|
+
"references": {}
|
|
647
|
+
},
|
|
648
|
+
"required": false,
|
|
649
|
+
"optional": true,
|
|
650
|
+
"docs": {
|
|
651
|
+
"tags": [{
|
|
652
|
+
"text": undefined,
|
|
653
|
+
"name": "undocumented"
|
|
654
|
+
}, {
|
|
655
|
+
"text": "{ \"title\": \"Payout Info Required\", \"props\": { \"states\": { \"status\": \"INFORMATION_REQUIRED\" } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
|
|
656
|
+
"name": "componentState"
|
|
657
|
+
}, {
|
|
658
|
+
"text": "{ \"title\": \"Verification Required\", \"props\": { \"states\": { \"status\": \"VERIFICATION:REQUIRED\" } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
|
|
659
|
+
"name": "componentState"
|
|
660
|
+
}, {
|
|
661
|
+
"text": "{ \"title\": \"Identity Verification\", \"props\": { \"states\": { \"status\": \"VERIFICATION:REVIEW\" } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
|
|
662
|
+
"name": "componentState"
|
|
663
|
+
}, {
|
|
664
|
+
"text": "{ \"title\": \"Account Hold\", \"props\": { \"states\": { \"status\": \"HOLD\" } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
|
|
665
|
+
"name": "componentState"
|
|
666
|
+
}],
|
|
667
|
+
"text": ""
|
|
668
|
+
},
|
|
669
|
+
"attribute": "state-controller",
|
|
670
|
+
"reflect": false,
|
|
671
|
+
"defaultValue": "\"{}\""
|
|
672
|
+
},
|
|
631
673
|
"demoData": {
|
|
632
674
|
"type": "unknown",
|
|
633
675
|
"mutable": false,
|
|
@@ -661,12 +703,17 @@ export class PayoutStatusAlert {
|
|
|
661
703
|
}; }
|
|
662
704
|
}
|
|
663
705
|
function useDemoPayoutStatusAlert(props) {
|
|
706
|
+
console.log(props.stateController, "stateController in sqm-payout-status-alert");
|
|
707
|
+
const states = parseStates(props.stateController);
|
|
708
|
+
const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-payout-status-alert"
|
|
709
|
+
? { ...prev, ...states[key] }
|
|
710
|
+
: { ...prev, [`${key}_stateController`]: states[key] }, {});
|
|
664
711
|
return deepmerge({
|
|
665
712
|
states: {
|
|
666
713
|
error: false,
|
|
667
714
|
status: "INFORMATION_REQUIRED",
|
|
668
715
|
loading: false,
|
|
669
|
-
|
|
716
|
+
veriffLoading: false,
|
|
670
717
|
},
|
|
671
718
|
data: { type: "SquatchAdmin" },
|
|
672
719
|
text: props.getTextProps(),
|
|
@@ -674,5 +721,5 @@ function useDemoPayoutStatusAlert(props) {
|
|
|
674
721
|
onTermsClick: () => { },
|
|
675
722
|
onClick: () => console.log("show"),
|
|
676
723
|
},
|
|
677
|
-
}, props.demoData || {}, { arrayMerge: (_, a) => a });
|
|
724
|
+
}, formatted || props.demoData || {}, { arrayMerge: (_, a) => a });
|
|
678
725
|
}
|
|
@@ -5,6 +5,7 @@ import deepmerge from "deepmerge";
|
|
|
5
5
|
import { getProps } from "../../../utils/utils";
|
|
6
6
|
import { TaxAndCashDashboardView } from "./sqm-tax-and-cash-dashboard-view";
|
|
7
7
|
import { useTaxAndCashDashboard, } from "./useTaxAndCashDashboard";
|
|
8
|
+
import { parseStates } from "../../../utils/parseStates";
|
|
8
9
|
/**
|
|
9
10
|
* @uiName Tax and Cash Status Dashboard
|
|
10
11
|
*/
|
|
@@ -340,9 +341,9 @@ export class TaxAndCashDashboard {
|
|
|
340
341
|
this.cancelButton = "Cancel";
|
|
341
342
|
/**
|
|
342
343
|
* @undocumented
|
|
343
|
-
* @componentState { "title": "Payouts on hold", "props": { "states": { "payoutStatus": "HOLD" } }, "uiGroup": "Dashboard Properties" }
|
|
344
|
+
* @componentState { "title": "Payouts on hold", "props": { "states": { "payoutStatus": "HOLD" } }, "dependencies": ["sqm-payout-status-alert"] "uiGroup": "Dashboard Properties" }
|
|
344
345
|
*/
|
|
345
|
-
this.stateController = "{}";
|
|
346
|
+
this.stateController = "{ states: { payoutStatus: 'HOLD' } }";
|
|
346
347
|
withHooks(this);
|
|
347
348
|
}
|
|
348
349
|
disconnectedCallback() { }
|
|
@@ -1888,19 +1889,24 @@ export class TaxAndCashDashboard {
|
|
|
1888
1889
|
"text": undefined,
|
|
1889
1890
|
"name": "undocumented"
|
|
1890
1891
|
}, {
|
|
1891
|
-
"text": "{ \"title\": \"Payouts on hold\", \"props\": { \"states\": { \"payoutStatus\": \"HOLD\" } }, \"uiGroup\": \"Dashboard Properties\" }",
|
|
1892
|
+
"text": "{ \"title\": \"Payouts on hold\", \"props\": { \"states\": { \"payoutStatus\": \"HOLD\" } }, \"dependencies\": [\"sqm-payout-status-alert\"] \"uiGroup\": \"Dashboard Properties\" }",
|
|
1892
1893
|
"name": "componentState"
|
|
1893
1894
|
}],
|
|
1894
1895
|
"text": ""
|
|
1895
1896
|
},
|
|
1896
1897
|
"attribute": "state-controller",
|
|
1897
1898
|
"reflect": false,
|
|
1898
|
-
"defaultValue": "\"{}\""
|
|
1899
|
+
"defaultValue": "\"{ states: { payoutStatus: 'HOLD' } }\""
|
|
1899
1900
|
}
|
|
1900
1901
|
}; }
|
|
1901
1902
|
}
|
|
1902
1903
|
function useDemoTaxAndCashDashboard(props) {
|
|
1903
|
-
|
|
1904
|
+
var _a, _b, _c, _d;
|
|
1905
|
+
const states = parseStates(props.stateController);
|
|
1906
|
+
const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-tax-and-cash-dashboard"
|
|
1907
|
+
? { ...prev, ...states[key] }
|
|
1908
|
+
: { ...prev, [`${key}_stateController`]: states[key] }, {});
|
|
1909
|
+
const parsedPayoutStatus = (_b = (_a = formatted === null || formatted === void 0 ? void 0 : formatted.states) === null || _a === void 0 ? void 0 : _a.payoutStatus) !== null && _b !== void 0 ? _b : (_d = (_c = props.demoData) === null || _c === void 0 ? void 0 : _c.states) === null || _d === void 0 ? void 0 : _d.payoutStatus;
|
|
1904
1910
|
// @ts-ignore
|
|
1905
1911
|
return deepmerge({
|
|
1906
1912
|
states: {
|
|
@@ -1942,5 +1948,5 @@ function useDemoTaxAndCashDashboard(props) {
|
|
|
1942
1948
|
},
|
|
1943
1949
|
} })),
|
|
1944
1950
|
},
|
|
1945
|
-
},
|
|
1951
|
+
}, formatted || props.demoData || {}, { arrayMerge: (_, a) => a });
|
|
1946
1952
|
}
|