@saasquatch/mint-components 2.0.0-7 → 2.0.0-8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/dist/cjs/loader.cjs.js +1 -1
  2. package/dist/cjs/mint-components.cjs.js +1 -1
  3. package/dist/cjs/sqm-banking-info-form_10.cjs.entry.js +1 -0
  4. package/dist/cjs/sqm-big-stat_46.cjs.entry.js +36 -21
  5. package/dist/cjs/sqm-stencilbook.cjs.entry.js +3 -4
  6. package/dist/collection/components/sqm-portal-footer/sqm-portal-footer.js +1 -1
  7. package/dist/collection/components/sqm-reward-exchange-list/sqm-reward-exchange-list.js +34 -1
  8. package/dist/collection/components/sqm-titled-section/sqm-titled-section.js +1 -1
  9. package/dist/collection/components/tax-and-cash/TaxForm.stories.js +3 -4
  10. package/dist/collection/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.js +2 -72
  11. package/dist/collection/components/tax-and-cash/sqm-tax-and-cash-dashboard/sqm-tax-and-cash-dashboard.js +1 -0
  12. package/dist/esm/loader.js +1 -1
  13. package/dist/esm/mint-components.js +1 -1
  14. package/dist/esm/sqm-banking-info-form_10.entry.js +1 -0
  15. package/dist/esm/sqm-big-stat_46.entry.js +36 -21
  16. package/dist/esm/sqm-stencilbook.entry.js +3 -4
  17. package/dist/esm-es5/loader.js +1 -1
  18. package/dist/esm-es5/mint-components.js +1 -1
  19. package/dist/esm-es5/sqm-banking-info-form_10.entry.js +1 -1
  20. package/dist/esm-es5/sqm-big-stat_46.entry.js +1 -1
  21. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  22. package/dist/mint-components/mint-components.esm.js +1 -1
  23. package/dist/mint-components/{p-3d713973.system.entry.js → p-13e66b37.system.entry.js} +1 -1
  24. package/dist/mint-components/{p-3ea29bac.system.entry.js → p-3c09c632.system.entry.js} +1 -1
  25. package/dist/mint-components/{p-38b92bc5.entry.js → p-46b88149.entry.js} +12 -12
  26. package/dist/mint-components/{p-ec25aaa7.system.entry.js → p-5853132a.system.entry.js} +1 -1
  27. package/dist/mint-components/p-967a9040.system.js +1 -1
  28. package/dist/mint-components/{p-ab79297a.entry.js → p-a0730259.entry.js} +1 -1
  29. package/dist/mint-components/{p-e110688b.entry.js → p-f5c49a83.entry.js} +1 -1
  30. package/dist/types/components/sqm-portal-footer/sqm-portal-footer.d.ts +1 -1
  31. package/dist/types/components/sqm-titled-section/sqm-titled-section.d.ts +1 -1
  32. package/dist/types/components/tax-and-cash/sqm-payout-status-alert/sqm-payout-status-alert.d.ts +0 -14
  33. package/dist/types/components.d.ts +0 -28
  34. package/docs/docs.docx +0 -0
  35. package/docs/raisins.json +1 -1
  36. package/grapesjs/grapesjs.js +1 -1
  37. package/package.json +1 -1
  38. package/shoelace/assets/icons/twitter-x.svg +0 -4
@@ -793,6 +793,39 @@ 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 } }, props.demoData || formatted || {}, { arrayMerge: (_, a) => a });
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 });
797
830
  return finalProps;
798
831
  }
@@ -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,10 +1125,9 @@ export const TaxAndCashDashboardW9ThresholdReached = () => {
1125
1125
  documentTypeString: taxTypeToName("W9"),
1126
1126
  dateSubmitted: "Jan 18th, 2025",
1127
1127
  noFormNeeded: false,
1128
- notRegistered: false,
1128
+ notRegistered: true,
1129
1129
  showNewFormDialog: false,
1130
1130
  hasHold: false,
1131
- enforceUsTaxComplianceOption: "CASH_ONLY_DEFER_W9",
1132
1131
  },
1133
1132
  } }));
1134
1133
  };
@@ -1154,7 +1153,7 @@ export const TaxAndCashDashboardPayoutsOnHold = () => {
1154
1153
  return (h("sqm-tax-and-cash-dashboard", { demoData: {
1155
1154
  ...dashboardProps,
1156
1155
  states: {
1157
- payoutStatus: "HOLD",
1156
+ payoutStatus: "DONE",
1158
1157
  veriffLoading: false,
1159
1158
  canEditPayoutInfo: true,
1160
1159
  disabled: true,
@@ -1166,7 +1165,7 @@ export const TaxAndCashDashboardPayoutsOnHold = () => {
1166
1165
  indirectTaxNumber: "123456",
1167
1166
  country: "Slovania",
1168
1167
  showNewFormDialog: false,
1169
- hasHold: false,
1168
+ hasHold: true,
1170
1169
  },
1171
1170
  } }));
1172
1171
  };
@@ -5,7 +5,6 @@ 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";
9
8
  /**
10
9
  * @uiName Payout Status Alert
11
10
  * @validParents ["sqm-portal-container","div","sqm-hero","sqm-instant-access-registration","sqm-brand","sqb-program-section","sqb-conditional-section"]
@@ -110,20 +109,6 @@ export class PayoutStatusAlert {
110
109
  * @uiName Error description
111
110
  */
112
111
  this.errorDescription = "There was an error with determining your payout status.";
113
- /**
114
- * @undocumented
115
- * @componentState { "title": "Information Required", "props": { "demoData": { "states": { "status": "INFORMATION_REQUIRED" } } }, "dependencies": ["sqm-payout-status-alert"] }
116
- * @componentState { "title": "Over W9 Threshold - Defer", "props": { "demoData": { "states": { "status": "OVER_W9_THRESHOLD", "enforceUsTaxComplianceOption": "CASH_ONLY_DEFER_W9" } } }, "dependencies": ["sqm-payout-status-alert"] }
117
- * @componentState { "title": "Over W9 Threshold - Hold", "props": { "demoData": { "states": { "status": "OVER_W9_THRESHOLD", "enforceUsTaxComplianceOption": "NONE" } } }, "dependencies": ["sqm-payout-status-alert"] }
118
- * @componentState { "title": "Verification Required", "props": { "demoData": { "states": { "status": "VERIFICATION:REQUIRED" } } }, "dependencies": ["sqm-payout-status-alert"] }
119
- * @componentState { "title": "Verification Internal", "props": { "demoData": { "states": { "status": "VERIFICATION:INTERNAL" } } }, "dependencies": ["sqm-payout-status-alert"] }
120
- * @componentState { "title": "Verification Review", "props": { "demoData": { "states": { "status": "VERIFICATION:REVIEW" } } }, "dependencies": ["sqm-payout-status-alert"] }
121
- * @componentState { "title": "Verification Failed", "props": { "demoData": { "states": { "status": "VERIFICATION:FAILED" } } }, "dependencies": ["sqm-payout-status-alert"] }
122
- * @componentState { "title": "Account Review", "props": { "demoData": { "states": { "status": "ACCOUNT_REVIEW" } } }, "dependencies": ["sqm-payout-status-alert"] }
123
- * @componentState { "title": "Hold", "props": { "demoData": { "states": { "status": "HOLD" } } }, "dependencies": ["sqm-payout-status-alert"] }
124
- * @componentState { "title": "Error State", "props": { "demoData": { "states": { "error": true } } }, "dependencies": ["sqm-payout-status-alert"] }
125
- */
126
- this.stateController = "{}";
127
112
  withHooks(this);
128
113
  }
129
114
  disconnectedCallback() { }
@@ -643,57 +628,6 @@ export class PayoutStatusAlert {
643
628
  "reflect": false,
644
629
  "defaultValue": "\"There was an error with determining your payout status.\""
645
630
  },
646
- "stateController": {
647
- "type": "string",
648
- "mutable": false,
649
- "complexType": {
650
- "original": "string",
651
- "resolved": "string",
652
- "references": {}
653
- },
654
- "required": false,
655
- "optional": true,
656
- "docs": {
657
- "tags": [{
658
- "text": undefined,
659
- "name": "undocumented"
660
- }, {
661
- "text": "{ \"title\": \"Information Required\", \"props\": { \"demoData\": { \"states\": { \"status\": \"INFORMATION_REQUIRED\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
662
- "name": "componentState"
663
- }, {
664
- "text": "{ \"title\": \"Over W9 Threshold - Defer\", \"props\": { \"demoData\": { \"states\": { \"status\": \"OVER_W9_THRESHOLD\", \"enforceUsTaxComplianceOption\": \"CASH_ONLY_DEFER_W9\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
665
- "name": "componentState"
666
- }, {
667
- "text": "{ \"title\": \"Over W9 Threshold - Hold\", \"props\": { \"demoData\": { \"states\": { \"status\": \"OVER_W9_THRESHOLD\", \"enforceUsTaxComplianceOption\": \"NONE\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
668
- "name": "componentState"
669
- }, {
670
- "text": "{ \"title\": \"Verification Required\", \"props\": { \"demoData\": { \"states\": { \"status\": \"VERIFICATION:REQUIRED\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
671
- "name": "componentState"
672
- }, {
673
- "text": "{ \"title\": \"Verification Internal\", \"props\": { \"demoData\": { \"states\": { \"status\": \"VERIFICATION:INTERNAL\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
674
- "name": "componentState"
675
- }, {
676
- "text": "{ \"title\": \"Verification Review\", \"props\": { \"demoData\": { \"states\": { \"status\": \"VERIFICATION:REVIEW\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
677
- "name": "componentState"
678
- }, {
679
- "text": "{ \"title\": \"Verification Failed\", \"props\": { \"demoData\": { \"states\": { \"status\": \"VERIFICATION:FAILED\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
680
- "name": "componentState"
681
- }, {
682
- "text": "{ \"title\": \"Account Review\", \"props\": { \"demoData\": { \"states\": { \"status\": \"ACCOUNT_REVIEW\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
683
- "name": "componentState"
684
- }, {
685
- "text": "{ \"title\": \"Hold\", \"props\": { \"demoData\": { \"states\": { \"status\": \"HOLD\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
686
- "name": "componentState"
687
- }, {
688
- "text": "{ \"title\": \"Error State\", \"props\": { \"demoData\": { \"states\": { \"error\": true } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
689
- "name": "componentState"
690
- }],
691
- "text": ""
692
- },
693
- "attribute": "state-controller",
694
- "reflect": false,
695
- "defaultValue": "\"{}\""
696
- },
697
631
  "demoData": {
698
632
  "type": "unknown",
699
633
  "mutable": false,
@@ -727,16 +661,12 @@ export class PayoutStatusAlert {
727
661
  }; }
728
662
  }
729
663
  function useDemoPayoutStatusAlert(props) {
730
- const states = parseStates(props.stateController);
731
- const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-payout-status-alert"
732
- ? { ...prev, ...states[key] }
733
- : { ...prev, [`${key}_stateController`]: states[key] }, {});
734
664
  return deepmerge({
735
665
  states: {
736
666
  error: false,
737
667
  status: "INFORMATION_REQUIRED",
738
668
  loading: false,
739
- veriffLoading: false,
669
+ showVerifyIdentity: false,
740
670
  },
741
671
  data: { type: "SquatchAdmin" },
742
672
  text: props.getTextProps(),
@@ -744,5 +674,5 @@ function useDemoPayoutStatusAlert(props) {
744
674
  onTermsClick: () => { },
745
675
  onClick: () => console.log("show"),
746
676
  },
747
- }, props.demoData || formatted || {}, { arrayMerge: (_, a) => a });
677
+ }, props.demoData || {}, { arrayMerge: (_, a) => a });
748
678
  }
@@ -1900,6 +1900,7 @@ export class TaxAndCashDashboard {
1900
1900
  }; }
1901
1901
  }
1902
1902
  function useDemoTaxAndCashDashboard(props) {
1903
+ console.log("dashboard", { props });
1903
1904
  // @ts-ignore
1904
1905
  return deepmerge({
1905
1906
  states: {