@saasquatch/mint-components 2.0.0-11 → 2.0.0-13

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.
@@ -3186,16 +3186,11 @@ const PayoutStatusAlert = class {
3186
3186
  this.errorDescription = "There was an error with determining your payout status.";
3187
3187
  /**
3188
3188
  * @undocumented
3189
- * @componentState { "title": "Information Required", "props": { "demoData": { "states": { "status": "INFORMATION_REQUIRED" } } }, "dependencies": ["sqm-payout-status-alert"] }
3190
- * @componentState { "title": "Over W9 Threshold - Defer", "props": { "demoData": { "states": { "status": "OVER_W9_THRESHOLD", "enforceUsTaxComplianceOption": "CASH_ONLY_DEFER_W9" } } }, "dependencies": ["sqm-payout-status-alert"] }
3191
- * @componentState { "title": "Over W9 Threshold - Hold", "props": { "demoData": { "states": { "status": "OVER_W9_THRESHOLD", "enforceUsTaxComplianceOption": "NONE" } } }, "dependencies": ["sqm-payout-status-alert"] }
3189
+ * @componentState { "title": "Payout Info Required", "props": { "demoData": { "states": { "status": "INFORMATION_REQUIRED" } } }, "dependencies": ["sqm-payout-status-alert"] }
3192
3190
  * @componentState { "title": "Verification Required", "props": { "demoData": { "states": { "status": "VERIFICATION:REQUIRED" } } }, "dependencies": ["sqm-payout-status-alert"] }
3193
- * @componentState { "title": "Verification Internal", "props": { "demoData": { "states": { "status": "VERIFICATION:INTERNAL" } } }, "dependencies": ["sqm-payout-status-alert"] }
3194
- * @componentState { "title": "Verification Review", "props": { "demoData": { "states": { "status": "VERIFICATION:REVIEW" } } }, "dependencies": ["sqm-payout-status-alert"] }
3195
- * @componentState { "title": "Verification Failed", "props": { "demoData": { "states": { "status": "VERIFICATION:FAILED" } } }, "dependencies": ["sqm-payout-status-alert"] }
3196
- * @componentState { "title": "Account Review", "props": { "demoData": { "states": { "status": "ACCOUNT_REVIEW" } } }, "dependencies": ["sqm-payout-status-alert"] }
3197
- * @componentState { "title": "Hold", "props": { "demoData": { "states": { "status": "HOLD" } } }, "dependencies": ["sqm-payout-status-alert"] }
3198
- * @componentState { "title": "Error State", "props": { "demoData": { "states": { "error": true } } }, "dependencies": ["sqm-payout-status-alert"] }
3191
+ * @componentState { "title": "Identity Verification", "props": { "demoData": { "states": { "status": "VERIFICATION:REVIEW" } } }, "dependencies": ["sqm-payout-status-alert"] }
3192
+ * @componentState { "title": "Account Hold", "props": { "demoData": { "states": { "status": "HOLD" } } }, "dependencies": ["sqm-payout-status-alert"] }
3193
+
3199
3194
  */
3200
3195
  this.stateController = "{}";
3201
3196
  domContextHooks_module.h$1(this);
@@ -3212,10 +3207,10 @@ const PayoutStatusAlert = class {
3212
3207
  }
3213
3208
  };
3214
3209
  function useDemoPayoutStatusAlert(props) {
3215
- const parsed = parseStates.parseStates(props.stateController);
3216
- const stateControllerData = parsed["sqm-payout-status-alert"]
3217
- ? { states: parsed["sqm-payout-status-alert"] }
3218
- : {};
3210
+ const states = parseStates.parseStates(props.stateController);
3211
+ const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-payout-status-alert"
3212
+ ? { ...prev, ...states[key] }
3213
+ : { ...prev, [`${key}_stateController`]: states[key] }, {});
3219
3214
  const base = {
3220
3215
  states: {
3221
3216
  error: false,
@@ -3233,7 +3228,7 @@ function useDemoPayoutStatusAlert(props) {
3233
3228
  return cjs.cjs.all([
3234
3229
  base,
3235
3230
  props.demoData || {},
3236
- stateControllerData,
3231
+ formatted,
3237
3232
  ], { arrayMerge: (_, a) => a });
3238
3233
  }
3239
3234
 
@@ -112,16 +112,11 @@ export class PayoutStatusAlert {
112
112
  this.errorDescription = "There was an error with determining your payout status.";
113
113
  /**
114
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"] }
115
+ * @componentState { "title": "Payout Info Required", "props": { "demoData": { "states": { "status": "INFORMATION_REQUIRED" } } }, "dependencies": ["sqm-payout-status-alert"] }
118
116
  * @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"] }
117
+ * @componentState { "title": "Identity Verification", "props": { "demoData": { "states": { "status": "VERIFICATION:REVIEW" } } }, "dependencies": ["sqm-payout-status-alert"] }
118
+ * @componentState { "title": "Account Hold", "props": { "demoData": { "states": { "status": "HOLD" } } }, "dependencies": ["sqm-payout-status-alert"] }
119
+
125
120
  */
126
121
  this.stateController = "{}";
127
122
  withHooks(this);
@@ -658,34 +653,16 @@ export class PayoutStatusAlert {
658
653
  "text": undefined,
659
654
  "name": "undocumented"
660
655
  }, {
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\"] }",
656
+ "text": "{ \"title\": \"Payout Info Required\", \"props\": { \"demoData\": { \"states\": { \"status\": \"INFORMATION_REQUIRED\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
668
657
  "name": "componentState"
669
658
  }, {
670
659
  "text": "{ \"title\": \"Verification Required\", \"props\": { \"demoData\": { \"states\": { \"status\": \"VERIFICATION:REQUIRED\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
671
660
  "name": "componentState"
672
661
  }, {
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\"] }",
662
+ "text": "{ \"title\": \"Identity Verification\", \"props\": { \"demoData\": { \"states\": { \"status\": \"VERIFICATION:REVIEW\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
686
663
  "name": "componentState"
687
664
  }, {
688
- "text": "{ \"title\": \"Error State\", \"props\": { \"demoData\": { \"states\": { \"error\": true } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
665
+ "text": "{ \"title\": \"Account Hold\", \"props\": { \"demoData\": { \"states\": { \"status\": \"HOLD\" } } }, \"dependencies\": [\"sqm-payout-status-alert\"] }",
689
666
  "name": "componentState"
690
667
  }],
691
668
  "text": ""
@@ -727,10 +704,10 @@ export class PayoutStatusAlert {
727
704
  }; }
728
705
  }
729
706
  function useDemoPayoutStatusAlert(props) {
730
- const parsed = parseStates(props.stateController);
731
- const stateControllerData = parsed["sqm-payout-status-alert"]
732
- ? { states: parsed["sqm-payout-status-alert"] }
733
- : {};
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] }, {});
734
711
  const base = {
735
712
  states: {
736
713
  error: false,
@@ -748,6 +725,6 @@ function useDemoPayoutStatusAlert(props) {
748
725
  return deepmerge.all([
749
726
  base,
750
727
  props.demoData || {},
751
- stateControllerData,
728
+ formatted,
752
729
  ], { arrayMerge: (_, a) => a });
753
730
  }
@@ -3182,16 +3182,11 @@ const PayoutStatusAlert = class {
3182
3182
  this.errorDescription = "There was an error with determining your payout status.";
3183
3183
  /**
3184
3184
  * @undocumented
3185
- * @componentState { "title": "Information Required", "props": { "demoData": { "states": { "status": "INFORMATION_REQUIRED" } } }, "dependencies": ["sqm-payout-status-alert"] }
3186
- * @componentState { "title": "Over W9 Threshold - Defer", "props": { "demoData": { "states": { "status": "OVER_W9_THRESHOLD", "enforceUsTaxComplianceOption": "CASH_ONLY_DEFER_W9" } } }, "dependencies": ["sqm-payout-status-alert"] }
3187
- * @componentState { "title": "Over W9 Threshold - Hold", "props": { "demoData": { "states": { "status": "OVER_W9_THRESHOLD", "enforceUsTaxComplianceOption": "NONE" } } }, "dependencies": ["sqm-payout-status-alert"] }
3185
+ * @componentState { "title": "Payout Info Required", "props": { "demoData": { "states": { "status": "INFORMATION_REQUIRED" } } }, "dependencies": ["sqm-payout-status-alert"] }
3188
3186
  * @componentState { "title": "Verification Required", "props": { "demoData": { "states": { "status": "VERIFICATION:REQUIRED" } } }, "dependencies": ["sqm-payout-status-alert"] }
3189
- * @componentState { "title": "Verification Internal", "props": { "demoData": { "states": { "status": "VERIFICATION:INTERNAL" } } }, "dependencies": ["sqm-payout-status-alert"] }
3190
- * @componentState { "title": "Verification Review", "props": { "demoData": { "states": { "status": "VERIFICATION:REVIEW" } } }, "dependencies": ["sqm-payout-status-alert"] }
3191
- * @componentState { "title": "Verification Failed", "props": { "demoData": { "states": { "status": "VERIFICATION:FAILED" } } }, "dependencies": ["sqm-payout-status-alert"] }
3192
- * @componentState { "title": "Account Review", "props": { "demoData": { "states": { "status": "ACCOUNT_REVIEW" } } }, "dependencies": ["sqm-payout-status-alert"] }
3193
- * @componentState { "title": "Hold", "props": { "demoData": { "states": { "status": "HOLD" } } }, "dependencies": ["sqm-payout-status-alert"] }
3194
- * @componentState { "title": "Error State", "props": { "demoData": { "states": { "error": true } } }, "dependencies": ["sqm-payout-status-alert"] }
3187
+ * @componentState { "title": "Identity Verification", "props": { "demoData": { "states": { "status": "VERIFICATION:REVIEW" } } }, "dependencies": ["sqm-payout-status-alert"] }
3188
+ * @componentState { "title": "Account Hold", "props": { "demoData": { "states": { "status": "HOLD" } } }, "dependencies": ["sqm-payout-status-alert"] }
3189
+
3195
3190
  */
3196
3191
  this.stateController = "{}";
3197
3192
  h(this);
@@ -3208,10 +3203,10 @@ const PayoutStatusAlert = class {
3208
3203
  }
3209
3204
  };
3210
3205
  function useDemoPayoutStatusAlert(props) {
3211
- const parsed = parseStates(props.stateController);
3212
- const stateControllerData = parsed["sqm-payout-status-alert"]
3213
- ? { states: parsed["sqm-payout-status-alert"] }
3214
- : {};
3206
+ const states = parseStates(props.stateController);
3207
+ const formatted = Object.keys(states).reduce((prev, key) => key === "sqm-payout-status-alert"
3208
+ ? { ...prev, ...states[key] }
3209
+ : { ...prev, [`${key}_stateController`]: states[key] }, {});
3215
3210
  const base = {
3216
3211
  states: {
3217
3212
  error: false,
@@ -3229,7 +3224,7 @@ function useDemoPayoutStatusAlert(props) {
3229
3224
  return cjs.all([
3230
3225
  base,
3231
3226
  props.demoData || {},
3232
- stateControllerData,
3227
+ formatted,
3233
3228
  ], { arrayMerge: (_, a) => a });
3234
3229
  }
3235
3230