@saasquatch/mint-components 1.8.0-22 → 1.8.0-24

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 (130) hide show
  1. package/dist/cjs/{ShadowViewAddon-3cb21a64.js → ShadowViewAddon-a9ce6b87.js} +0 -399
  2. package/dist/cjs/{data-37e9ee51.js → data-a988a05e.js} +7 -2
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/mint-components.cjs.js +1 -1
  5. package/dist/cjs/{sqm-big-stat_42.cjs.entry.js → sqm-big-stat_37.cjs.entry.js} +139 -2055
  6. package/dist/cjs/sqm-cash-form.cjs.entry.js +1 -1
  7. package/dist/cjs/sqm-document-type-form_5.cjs.entry.js +2258 -0
  8. package/dist/cjs/sqm-docusign-embed.cjs.entry.js +1 -13
  9. package/dist/cjs/sqm-payout-details-card-5d28e301.js +231 -0
  10. package/dist/cjs/sqm-stencilbook.cjs.entry.js +71 -105
  11. package/dist/cjs/sqm-tax-and-cash-monolith.cjs.entry.js +693 -0
  12. package/dist/cjs/sqm-tax-and-cash.cjs.entry.js +7 -133
  13. package/dist/cjs/{useParentQuery-9c782668.js → useParentQuery-3f9c8a42.js} +1 -1
  14. package/dist/cjs/useTaxAndCash-8249cda4.js +113 -0
  15. package/dist/collection/collection-manifest.json +2 -1
  16. package/dist/collection/components/sqm-docusign-embed/sqm-docusign-embed.js +1 -12
  17. package/dist/collection/components/sqm-tax-and-cash-monolith/extractProps.js +17 -0
  18. package/dist/collection/components/sqm-tax-and-cash-monolith/sqm-tax-and-cash-monolith.js +2947 -0
  19. package/dist/collection/components/tax-and-cash/countries.js +43 -0
  20. package/dist/collection/components/tax-and-cash/provinces.js +7 -0
  21. package/dist/collection/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.js +3 -3
  22. package/dist/collection/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form.js +1 -1
  23. package/dist/collection/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.js +5 -3
  24. package/dist/collection/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.js +11 -12
  25. package/dist/collection/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form.js +1 -1
  26. package/dist/collection/components/tax-and-cash/sqm-docusign-form/useDocusignForm.js +9 -4
  27. package/dist/collection/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.js +2 -4
  28. package/dist/collection/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form.js +10 -8
  29. package/dist/collection/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.js +20 -17
  30. package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/data.js +1 -1
  31. package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/sqm-tax-and-cash.js +4 -4
  32. package/dist/collection/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.js +4 -14
  33. package/dist/collection/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.js +57 -13
  34. package/dist/collection/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.js +132 -3
  35. package/dist/collection/components/tax-and-cash/sqm-tax-document-submitted/useTaxDocumentSubmitted.js +37 -4
  36. package/dist/collection/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.js +44 -31
  37. package/dist/collection/components/tax-and-cash/sqm-user-info-form/defaultTextCopy.js +5 -0
  38. package/dist/collection/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.js +5 -19
  39. package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.js +1 -1
  40. package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form.js +7 -3
  41. package/dist/collection/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.js +21 -11
  42. package/dist/esm/{ShadowViewAddon-3b0296b9.js → ShadowViewAddon-6b52e587.js} +1 -396
  43. package/dist/esm/{data-e76577b2.js → data-b90db165.js} +7 -3
  44. package/dist/esm/loader.js +1 -1
  45. package/dist/esm/mint-components.js +1 -1
  46. package/dist/esm/{sqm-big-stat_42.entry.js → sqm-big-stat_37.entry.js} +141 -2052
  47. package/dist/esm/sqm-cash-form.entry.js +1 -1
  48. package/dist/esm/sqm-document-type-form_5.entry.js +2250 -0
  49. package/dist/esm/sqm-docusign-embed.entry.js +1 -13
  50. package/dist/esm/sqm-payout-details-card-69443cfb.js +227 -0
  51. package/dist/esm/sqm-stencilbook.entry.js +58 -92
  52. package/dist/esm/sqm-tax-and-cash-monolith.entry.js +689 -0
  53. package/dist/esm/sqm-tax-and-cash.entry.js +9 -135
  54. package/dist/esm/{useParentQuery-90a33801.js → useParentQuery-a9ef22c5.js} +1 -1
  55. package/dist/esm/useTaxAndCash-4fcca4d0.js +111 -0
  56. package/dist/esm-es5/{ShadowViewAddon-3b0296b9.js → ShadowViewAddon-6b52e587.js} +1 -1
  57. package/dist/esm-es5/data-b90db165.js +1 -0
  58. package/dist/esm-es5/loader.js +1 -1
  59. package/dist/esm-es5/mint-components.js +1 -1
  60. package/dist/esm-es5/sqm-big-stat_37.entry.js +1 -0
  61. package/dist/esm-es5/sqm-cash-form.entry.js +1 -1
  62. package/dist/esm-es5/sqm-document-type-form_5.entry.js +1 -0
  63. package/dist/esm-es5/sqm-docusign-embed.entry.js +1 -1
  64. package/dist/esm-es5/sqm-payout-details-card-69443cfb.js +1 -0
  65. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  66. package/dist/esm-es5/sqm-tax-and-cash-monolith.entry.js +1 -0
  67. package/dist/esm-es5/sqm-tax-and-cash.entry.js +1 -1
  68. package/dist/esm-es5/{useParentQuery-90a33801.js → useParentQuery-a9ef22c5.js} +1 -1
  69. package/dist/esm-es5/useTaxAndCash-4fcca4d0.js +1 -0
  70. package/dist/mint-components/mint-components.esm.js +1 -1
  71. package/dist/mint-components/{p-5ef87b4f.system.entry.js → p-05cd4f96.system.entry.js} +1 -1
  72. package/dist/mint-components/{p-bd10ef26.entry.js → p-15b3279e.entry.js} +2 -2
  73. package/dist/mint-components/p-2040d37d.entry.js +1 -0
  74. package/dist/mint-components/{p-f8d2bdc5.js → p-36e56c7e.js} +1 -1
  75. package/dist/mint-components/p-3bcd7e8c.js +1 -0
  76. package/dist/mint-components/{p-e8e37636.entry.js → p-3db4e69a.entry.js} +1 -1
  77. package/dist/mint-components/{p-83312717.js → p-6ed93e76.js} +23 -23
  78. package/dist/mint-components/p-7ab65436.entry.js +1 -0
  79. package/dist/mint-components/p-813ddd47.system.js +1 -0
  80. package/dist/mint-components/p-8927a7cd.js +1 -0
  81. package/dist/mint-components/p-8cd230fe.entry.js +187 -0
  82. package/dist/mint-components/p-99b5f669.system.js +1 -1
  83. package/dist/mint-components/p-9c3010d7.system.js +1 -0
  84. package/dist/mint-components/{p-2a84eb82.system.js → p-a1f14014.system.js} +1 -1
  85. package/dist/mint-components/p-a27d125b.system.js +1 -0
  86. package/dist/mint-components/p-a7c12776.entry.js +33 -0
  87. package/dist/mint-components/p-aa37c804.system.entry.js +1 -0
  88. package/dist/mint-components/p-b22e15a4.system.entry.js +1 -0
  89. package/dist/mint-components/p-b528510a.system.entry.js +1 -0
  90. package/dist/mint-components/p-cc8d357b.js +29 -0
  91. package/dist/mint-components/p-cfa566d2.system.entry.js +1 -0
  92. package/dist/mint-components/p-d8e3d971.entry.js +1 -0
  93. package/dist/mint-components/p-f039c8b0.system.entry.js +1 -0
  94. package/dist/mint-components/p-f8445fcd.system.js +1 -0
  95. package/dist/mint-components/p-f84b2802.system.entry.js +1 -0
  96. package/dist/types/components/sqm-tax-and-cash-monolith/extractProps.d.ts +7 -0
  97. package/dist/types/components/sqm-tax-and-cash-monolith/sqm-tax-and-cash-monolith.d.ts +625 -0
  98. package/dist/types/components/tax-and-cash/countries.d.ts +4 -0
  99. package/dist/types/components/tax-and-cash/provinces.d.ts +4 -0
  100. package/dist/types/components/tax-and-cash/sqm-document-type-form/sqm-document-type-form-view.d.ts +1 -1
  101. package/dist/types/components/tax-and-cash/sqm-document-type-form/useDocumentTypeForm.d.ts +2 -1
  102. package/dist/types/components/tax-and-cash/sqm-docusign-form/sqm-docusign-form-view.d.ts +1 -0
  103. package/dist/types/components/tax-and-cash/sqm-docusign-form/useDocusignForm.d.ts +2 -2
  104. package/dist/types/components/tax-and-cash/sqm-indirect-tax-form/sqm-indirect-tax-form-view.d.ts +1 -0
  105. package/dist/types/components/tax-and-cash/sqm-indirect-tax-form/useIndirectTaxForm.d.ts +6 -1
  106. package/dist/types/components/tax-and-cash/sqm-tax-and-cash/data.d.ts +5 -4
  107. package/dist/types/components/tax-and-cash/sqm-tax-and-cash/useTaxAndCash.d.ts +2 -0
  108. package/dist/types/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted-view.d.ts +11 -0
  109. package/dist/types/components/tax-and-cash/sqm-tax-document-submitted/sqm-tax-document-submitted.d.ts +30 -0
  110. package/dist/types/components/tax-and-cash/sqm-user-info-form/TaxForm.stories.d.ts +1 -1
  111. package/dist/types/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.d.ts +5 -1
  112. package/dist/types/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.d.ts +1 -0
  113. package/dist/types/components/tax-and-cash/sqm-user-info-form/useUserInfoForm.d.ts +3 -12
  114. package/dist/types/components.d.ts +3431 -2230
  115. package/docs/docs.docx +0 -0
  116. package/docs/raisins.json +1 -1
  117. package/grapesjs/grapesjs.js +1 -1
  118. package/package.json +1 -1
  119. package/dist/esm-es5/data-e76577b2.js +0 -1
  120. package/dist/esm-es5/sqm-big-stat_42.entry.js +0 -1
  121. package/dist/mint-components/p-089f7cf7.system.js +0 -1
  122. package/dist/mint-components/p-3bd43d9a.system.entry.js +0 -1
  123. package/dist/mint-components/p-3d3c5d60.js +0 -29
  124. package/dist/mint-components/p-5d7ac8fb.system.js +0 -1
  125. package/dist/mint-components/p-a5a6f0e8.system.entry.js +0 -1
  126. package/dist/mint-components/p-ade955a5.system.entry.js +0 -1
  127. package/dist/mint-components/p-bc2ccdf4.entry.js +0 -1
  128. package/dist/mint-components/p-c84c8d51.system.entry.js +0 -1
  129. package/dist/mint-components/p-cb9f9495.entry.js +0 -1
  130. package/dist/mint-components/p-dce987ba.entry.js +0 -219
@@ -4019,401 +4019,6 @@ function CouponCodeView(props) {
4019
4019
  index.h("div", { part: "erroralert-text" }, props.errorText))) : (index.h(CopyTextView, Object.assign({}, props)))));
4020
4020
  }
4021
4021
 
4022
- const style$f = {
4023
- FormWrapper: {},
4024
- ErrorInput: {
4025
- "&::part(base)": {
4026
- border: "1px solid var(--sl-color-danger-500)",
4027
- borderRadius: "var(--sl-input-border-radius-medium)",
4028
- },
4029
- "&::part(help-text)": {
4030
- color: "var(--sl-color-danger-500)",
4031
- },
4032
- },
4033
- ErrorText: {
4034
- color: "var(--sl-color-danger-500)",
4035
- marginTop: "10px",
4036
- },
4037
- TextContainer: {
4038
- display: "flex",
4039
- justifyContent: "flex-start",
4040
- flexDirection: "column",
4041
- gap: "24px",
4042
- paddingBottom: "16px",
4043
- },
4044
- InputContainer: {
4045
- display: "flex",
4046
- justifyContent: "flex-start",
4047
- flexDirection: "column",
4048
- gap: "24px",
4049
- paddingBottom: "36px",
4050
- },
4051
- BtnContainer: {
4052
- paddingTop: "36px",
4053
- display: "flex",
4054
- gap: "8px",
4055
- },
4056
- CheckboxWrapper: {
4057
- display: "flex",
4058
- justifyContent: "flex-start",
4059
- flexDirection: "column",
4060
- },
4061
- DescriptionText: {
4062
- color: "var(--sl-color-neutral-500)",
4063
- },
4064
- BoldText: {
4065
- fontWeight: "bold",
4066
- },
4067
- RoundedCheckbox: {
4068
- "&::part(control)": {
4069
- borderRadius: "50%",
4070
- },
4071
- },
4072
- AlertContainer: {
4073
- "&::part(base)": {
4074
- backgroundColor: "var(--sl-color-red-100)",
4075
- borderTop: "none",
4076
- padding: "0 16px",
4077
- },
4078
- "& sl-icon::part(base)": {
4079
- color: "var(--sl-color-danger-500)",
4080
- },
4081
- },
4082
- PartnerAlertContainer: {
4083
- "&::part(base)": {
4084
- backgroundColor: "var(--sl-color-sky-100)",
4085
- borderTop: "none",
4086
- padding: "0 16px",
4087
- },
4088
- "& sl-icon::part(base)": {
4089
- color: "var(--sl-color-blue-500)",
4090
- },
4091
- },
4092
- };
4093
- const sheet$f = JSS.createStyleSheet(style$f);
4094
- const styleString$f = sheet$f.toString();
4095
- const vanillaStyle$a = `
4096
- :host{
4097
- display: block;
4098
- }
4099
- * {
4100
- margin: 0;
4101
- padding: 0;
4102
- box-sizing: border-box;
4103
- }
4104
-
4105
- p {
4106
- line-height: 18px;
4107
- color: var(--sl-color-gray-800);
4108
- font-size: var(--sl-font-size-small);
4109
- }
4110
-
4111
- sl-radio-group::part(base) {
4112
- display: flex;
4113
- flex-direction: column;
4114
- }
4115
-
4116
- `;
4117
- const UserInfoFormView = (props) => {
4118
- var _a, _b, _c, _d, _e, _f, _g, _h, _j;
4119
- const { states, states: { formState }, callbacks, text, refs, data, } = props;
4120
- const { classes } = sheet$f;
4121
- console.log({ formState, data });
4122
- return (index.h("sl-form", { class: classes.FormWrapper, "onSl-submit": callbacks.onSubmit, ref: (el) => (refs.formRef.current = el), novalidate: true },
4123
- index.h("style", { type: "text/css" },
4124
- styleString$f,
4125
- vanillaStyle$a),
4126
- index.h("div", { class: classes.TextContainer },
4127
- index.h("div", null,
4128
- index.h("p", null, text.formStep),
4129
- index.h("h3", null, text.personalInformation))),
4130
- ((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.general) && (index.h("sl-alert", { type: "warning", open: true, class: sheet$f.classes.AlertContainer },
4131
- index.h("sl-icon", { slot: "icon", name: "exclamation-octagon" }),
4132
- index.h("strong", null, text.error.generalTitle),
4133
- index.h("br", null),
4134
- text.error.generalDescription)),
4135
- states.isPartner && (index.h("sl-alert", { type: "primary", open: true, class: sheet$f.classes.PartnerAlertContainer },
4136
- index.h("sl-icon", { slot: "icon", name: "info-circle" }),
4137
- index.h("strong", null, text.isPartnerAlertHeader),
4138
- index.h("br", null),
4139
- text.isPartnerAlertDescription)),
4140
- states.loading ? (index.h("sl-spinner", { style: { fontSize: "50px", margin: "40px" } })) : (index.h("div", null,
4141
- index.h("div", { class: classes.InputContainer },
4142
- index.h("sl-input", Object.assign({ exportparts: "label: input-label", value: formState.firstName, label: text.firstName, disabled: states.disabled }, (((_b = formState.errors) === null || _b === void 0 ? void 0 : _b.firstName) ? {
4143
- class: classes.ErrorInput,
4144
- helpText: text.error.firstName,
4145
- }
4146
- : {}), { id: "firstName", name: "/firstName", required: true })),
4147
- index.h("sl-input", Object.assign({ exportparts: "label: input-label", value: formState.lastName, label: text.lastName, disabled: states.disabled }, (((_c = formState.errors) === null || _c === void 0 ? void 0 : _c.lastName) ? {
4148
- class: classes.ErrorInput,
4149
- helpText: text.error.lastName,
4150
- }
4151
- : {}), { id: "lastName", name: "/lastName", required: true })),
4152
- index.h("sl-input", { exportparts: "label: input-label", value: formState.email, label: text.email, disabled: true, id: "email", name: "/email", required: true }),
4153
- index.h("sl-select", Object.assign({ id: "countryCode", exportparts: "label: input-label", name: "/countryCode", label: text.country, value: formState.countryCode, disabled: states.disabled }, (((_d = formState.errors) === null || _d === void 0 ? void 0 : _d.countryCode) ? {
4154
- class: classes.ErrorInput,
4155
- helpText: text.error.countryCode,
4156
- }
4157
- : {}), { required: true }), (_e = data === null || data === void 0 ? void 0 : data.countries) === null || _e === void 0 ? void 0 : _e.map((c) => (index.h("sl-menu-item", { value: c.countryCode }, c.displayName)))),
4158
- index.h("sl-select", Object.assign({ id: "currency", exportparts: "label: input-label", name: "/currency", label: text.currency, value: formState.currency, disabled: states.disabled }, (((_f = formState.errors) === null || _f === void 0 ? void 0 : _f.currency) ? {
4159
- class: classes.ErrorInput,
4160
- helpText: text.error.currency,
4161
- }
4162
- : {}), { required: true }), (_g = data === null || data === void 0 ? void 0 : data.currencies) === null || _g === void 0 ? void 0 : _g.map((c) => (index.h("sl-menu-item", { value: c.currencyCode }, c.currencyCode)))),
4163
- index.h("div", { class: classes.CheckboxWrapper },
4164
- index.h("p", { class: classes.BoldText }, text.participantType),
4165
- index.h("div", { style: { display: "flex", flexDirection: "column" } },
4166
- index.h("sl-radio", { exportparts: "base: radio-base", value: "individualParticipant", name: "/participantType", checked: formState.participantType === "individualParticipant", disabled: states.disabled }, text.individualParticipant),
4167
- index.h("sl-radio", { exportparts: "base: radio-base", value: "businessEntity", name: "/participantType", checked: formState.participantType === "businessEntity", disabled: states.disabled }, text.businessEntity)),
4168
- ((_h = formState.errors) === null || _h === void 0 ? void 0 : _h.participantType) && (index.h("p", { class: classes.ErrorText }, text.error.participantType))),
4169
- index.h("div", { class: classes.CheckboxWrapper },
4170
- index.h("p", { class: classes.BoldText },
4171
- " ",
4172
- text.taxAndBankingCollection),
4173
- index.h("sl-checkbox", { exportparts: "label: input-label", checked: formState.allowBankingCollection === true, "onSl-change": (e) => {
4174
- e.target.value = e.target.checked;
4175
- }, disabled: states.isPartner ? false : states.disabled, required: true, value: formState.allowBankingCollection, id: "allowBankingCollection", name: "/allowBankingCollection" }, text.allowBankingCollection),
4176
- ((_j = formState.errors) === null || _j === void 0 ? void 0 : _j.allowBankingCollection) && (index.h("p", { class: classes.ErrorText }, text.error.allowBankingCollection)))),
4177
- index.h("sl-button", { type: "primary", disabled: states.isPartner ? false : states.disabled, loading: states.loading, submit: true, exportparts: "base: primarybutton-base" }, text.submitButton)))));
4178
- };
4179
-
4180
- const style$g = {
4181
- Container: {
4182
- width: "100%",
4183
- },
4184
- InputContainer: {
4185
- width: "100%",
4186
- display: "flex",
4187
- justifyContent: "flex-start",
4188
- flexDirection: "column",
4189
- gap: "16px",
4190
- padding: "16px",
4191
- },
4192
- HR: {
4193
- border: "1px solid #E0E0E0",
4194
- margin: "10px 0",
4195
- },
4196
- Input: {
4197
- maxWidth: "500px",
4198
- },
4199
- ErrorInput: {
4200
- "&::part(base)": {
4201
- border: "1px solid var(--sl-color-danger-500)",
4202
- borderRadius: "var(--sl-input-border-radius-medium)",
4203
- },
4204
- "&::part(help-text)": {
4205
- color: "var(--sl-color-danger-500)",
4206
- },
4207
- },
4208
- };
4209
- const sheet$g = JSS.createStyleSheet(style$g);
4210
- const styleString$g = sheet$g.toString();
4211
- const vanillaStyle$b = `
4212
- :host{
4213
- display: block;
4214
- }
4215
- * {
4216
- margin: 0;
4217
- padding: 0;
4218
- box-sizing: border-box;
4219
- }
4220
- `;
4221
- const OtherRegionSlotView = (props) => {
4222
- var _a, _b, _c;
4223
- const { states, states: { formState }, text, } = props;
4224
- const { classes } = sheet$g;
4225
- console.log("regions", { formState });
4226
- return (index.h("div", { style: states.hide ? { display: "none" } : {} },
4227
- index.h("form", { class: classes.Container },
4228
- index.h("style", { type: "text/css" },
4229
- styleString$g,
4230
- vanillaStyle$b),
4231
- index.h("hr", { class: classes.HR }),
4232
- index.h("div", { class: classes.InputContainer },
4233
- index.h("sl-select", Object.assign({ required: true, class: classes.Input, value: formState.countryCode, exportparts: "label: input-label", label: text.selectedRegion, disabled: states.loading }, (((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.selectedRegion) && {
4234
- class: classes.ErrorInput,
4235
- helpText: text.error.selectedRegion,
4236
- }), { id: "selectedRegion", name: "/selectedRegion" }), (_b = props.data.countries) === null || _b === void 0 ? void 0 : _b.map((c) => (index.h("sl-menu-item", { value: c.countryCode }, c.displayName)))),
4237
- index.h("sl-input", Object.assign({ required: true, exportparts: "label: input-label", class: classes.Input, value: formState.vatNumber, label: text.vatNumber, disabled: states.loading }, (((_c = formState.errors) === null || _c === void 0 ? void 0 : _c.vatNumber) && {
4238
- class: classes.ErrorInput,
4239
- helpText: text.error.vatNumber,
4240
- }), { id: "vatNumber", name: "/vatNumber" }))),
4241
- index.h("hr", { class: classes.HR }))));
4242
- };
4243
- const IndirectDetailsSlotView = (props) => {
4244
- var _a, _b;
4245
- const { states, states: { formState }, text, } = props;
4246
- const { classes } = sheet$g;
4247
- console.log("regions", { formState });
4248
- return (index.h("div", { style: states.hide ? { display: "none" } : {} },
4249
- index.h("form", { class: classes.Container },
4250
- index.h("style", { type: "text/css" },
4251
- styleString$g,
4252
- vanillaStyle$b),
4253
- index.h("hr", { class: classes.HR }),
4254
- index.h("div", { class: classes.InputContainer },
4255
- index.h("sl-select", Object.assign({ required: true, value: formState.province, exportparts: "label: input-label", class: classes.Input, label: text.province, disabled: states.loading }, (((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.province) && {
4256
- class: classes.ErrorInput,
4257
- helpText: text.error.province,
4258
- }), { id: "province", name: "/province" }),
4259
- index.h("sl-menu-item", { value: "ON" }, "Ontario"),
4260
- index.h("sl-menu-item", { value: "QC" }, "Quebec"),
4261
- index.h("sl-menu-item", { value: "NS" }, "Nova Scotia"),
4262
- index.h("sl-menu-item", { value: "NB" }, "New Brunswick"),
4263
- index.h("sl-menu-item", { value: "MB" }, "Manitoba"),
4264
- index.h("sl-menu-item", { value: "BC" }, "British Columbia"),
4265
- index.h("sl-menu-item", { value: "PE" }, "Prince Edward Island"),
4266
- index.h("sl-menu-item", { value: "SK" }, "Saskatchewan"),
4267
- index.h("sl-menu-item", { value: "AB" }, "Alberta"),
4268
- index.h("sl-menu-item", { value: "NL" }, "Newfoundland"),
4269
- index.h("sl-menu-item", { value: "NT" }, "Northwest Territories"),
4270
- index.h("sl-menu-item", { value: "YT" }, "Yukon"),
4271
- index.h("sl-menu-item", { value: "NU" }, "Nunavut")),
4272
- index.h("sl-input", Object.assign({ required: true, exportparts: "label: input-label", class: classes.Input, label: text.indirectTaxNumber, disabled: states.loading, value: formState.indirectTaxNumber }, (((_b = formState.errors) === null || _b === void 0 ? void 0 : _b.indirectTaxNumber) && {
4273
- class: classes.ErrorInput,
4274
- helpText: text.error.indirectTaxNumber,
4275
- }), { id: "indirectTaxNumber", name: "/indirectTaxNumber" }))),
4276
- index.h("hr", { class: classes.HR }))));
4277
- };
4278
-
4279
- const statusMap = {
4280
- pending: "warning",
4281
- upcoming: "success",
4282
- "next payout": "success",
4283
- };
4284
- const style$h = {
4285
- Container: {
4286
- display: "grid",
4287
- gridTemplateColumns: "1fr",
4288
- gridGap: "var(--sl-spacing-large)",
4289
- background: "var(--sl-color-neutral-0)",
4290
- boxShadow: "0px 2px 4px rgba(28, 28, 33, 0.12)",
4291
- borderRadius: "4px",
4292
- padding: "var(--sl-spacing-large)",
4293
- minHeight: "150px",
4294
- border: "1px solid var(--sl-color-gray-200)",
4295
- },
4296
- StatusContainer: {
4297
- display: "flex",
4298
- justifyContent: "space-between",
4299
- alignItems: "center",
4300
- },
4301
- MainCurrencyLabel: {
4302
- fontWeight: "var(--sl-font-weight-normal)",
4303
- color: "var(--sl-color-gray-500)",
4304
- },
4305
- MainCurrency: {
4306
- margin: 0,
4307
- fontSize: "32px",
4308
- width: "auto",
4309
- },
4310
- SubduedRegularText: {
4311
- fontSize: "var(--sl-font-size-small)",
4312
- color: "var(--sl-color-gray-500)",
4313
- margin: 0,
4314
- width: "auto",
4315
- },
4316
- CurrenciesContainer: {
4317
- display: "grid",
4318
- width: "auto",
4319
- gridTemplateColumns: "1fr 1fr 1fr",
4320
- gap: "var(--sl-spacing-xx-small) var(--sl-spacing-small)",
4321
- paddingTop: "var(--sq-spacing-xx-small)",
4322
- "& > :not(:last-child)": {
4323
- borderRight: "1px solid var(--sl-color-gray-200)",
4324
- },
4325
- "& > :nth-child(3)": {
4326
- border: "none",
4327
- },
4328
- },
4329
- CurrencyContainer: {
4330
- paddingRight: "var(--sl-spacing-small)",
4331
- gap: "var(--sl-spacing-small)",
4332
- },
4333
- SubCurrencyText: {
4334
- fontWeight: "var(--sl-font-weight-bold)",
4335
- fontSize: "var(--sl-font-size-large)",
4336
- margin: "0",
4337
- },
4338
- W9Container: {
4339
- paddingTop: "var(--sl-spacing-large)",
4340
- borderTop: "1px solid var(--sl-color-gray-200)",
4341
- },
4342
- SkeletonOne: {
4343
- width: "25%",
4344
- height: "16px",
4345
- },
4346
- SkeletonTwo: {
4347
- width: "25%",
4348
- height: "24px",
4349
- },
4350
- SkeletonThree: {
4351
- width: "50%",
4352
- height: "34px",
4353
- },
4354
- };
4355
- function PayoutDetailsCardView(props) {
4356
- var _a;
4357
- const sheet = JSS.createStyleSheet(style$h);
4358
- const styleString = sheet.toString();
4359
- const { classes } = sheet;
4360
- const currencyList = (currencies) => {
4361
- return (index.h("div", { class: classes.CurrenciesContainer },
4362
- " ", currencies === null || currencies === void 0 ? void 0 :
4363
- currencies.map((currency) => {
4364
- return (index.h("div", { class: classes.CurrencyContainer },
4365
- index.h("p", { class: classes.SubCurrencyText }, currency === null || currency === void 0 ? void 0 :
4366
- currency.amountText, currency === null || currency === void 0 ? void 0 :
4367
- currency.currencyText)));
4368
- }),
4369
- " "));
4370
- };
4371
- const { loading, mainCurrency, status, otherCurrencies, otherCurrenciesText, pendingStatusBadgeText, upcomingStatusBadgeText, nextPayoutStatusBadgeText, pendingDetailedStatusText, upcomingDetailedStatusText, nextPayoutDetailedStatusText, w9Pending, w9PendingText, empty, hasDatePending, hasW9Pending, } = props;
4372
- const badgeText = {
4373
- pending: pendingStatusBadgeText,
4374
- upcoming: upcomingStatusBadgeText,
4375
- "next payout": nextPayoutStatusBadgeText,
4376
- };
4377
- const statusText = {
4378
- pending: pendingDetailedStatusText,
4379
- upcoming: upcomingDetailedStatusText,
4380
- "next payout": nextPayoutDetailedStatusText,
4381
- };
4382
- return (index.h("div", null,
4383
- index.h("style", { type: "text/css" }, styleString),
4384
- index.h("div", { class: classes.Container },
4385
- loading ? (index.h("div", { class: classes.StatusContainer },
4386
- index.h("sl-skeleton", { class: classes.SkeletonOne }),
4387
- " ",
4388
- index.h("sl-skeleton", { class: classes.SkeletonTwo }))) : (index.h("div", { class: classes.StatusContainer },
4389
- index.h("p", { class: classes.SubduedRegularText }, empty && status === "pending"
4390
- ? ""
4391
- : status !== "pending"
4392
- ? statusText[status]
4393
- : hasDatePending
4394
- ? statusText["pending"]
4395
- : w9PendingText),
4396
- index.h("sl-badge", { pill: true, type: statusMap[status] }, badgeText[status]))),
4397
- loading ? (index.h("sl-skeleton", { class: classes.SkeletonThree })) : empty ? (index.h("h1", { class: classes.MainCurrency }, "No rewards")) : (index.h("h1", { class: classes.MainCurrency },
4398
- hasDatePending || status !== "pending"
4399
- ? mainCurrency === null || mainCurrency === void 0 ? void 0 : mainCurrency.amountText : (_a = w9Pending === null || w9Pending === void 0 ? void 0 : w9Pending[0]) === null || _a === void 0 ? void 0 : _a.amountText,
4400
- " ",
4401
- mainCurrency.currencyText)),
4402
- otherCurrencies !== undefined &&
4403
- otherCurrencies !== false &&
4404
- !loading && (index.h("div", null,
4405
- index.h("p", { class: classes.SubduedRegularText, style: { fontSize: "var(--sl-font-size-x-small)" } },
4406
- "+ ",
4407
- otherCurrenciesText),
4408
- currencyList(otherCurrencies))),
4409
- hasW9Pending && status === "pending" && hasDatePending && !loading && (index.h("div", { class: classes.W9Container },
4410
- index.h("p", { class: classes.SubduedRegularText }, w9PendingText),
4411
- currencyList(w9Pending))),
4412
- loading ? (index.h("sl-skeleton", { class: classes.SkeletonOne })) : (index.h("div", { style: { display: "flex", gap: "var(--sl-spacing-small)" } },
4413
- index.h("span", null, "Card ***2381"),
4414
- index.h("span", null, "Toronto Dominion Bank"))))));
4415
- }
4416
-
4417
4022
  function t(t,n,r){return Math.min(Math.max(t,r),n)}class n extends Error{constructor(t){super(`Failed to parse color: "${t}"`);}}function r(r){if("string"!=typeof r)throw new n(r);if("transparent"===r.trim().toLowerCase())return [0,0,0,0];let e=r.trim();e=u.test(r)?function(t){const r=t.toLowerCase().trim(),e=o[function(t){let n=5381,r=t.length;for(;r;)n=33*n^t.charCodeAt(--r);return (n>>>0)%2341}(r)];if(!e)throw new n(t);return `#${e}`}(r):r;const f=s.exec(e);if(f){const t=Array.from(f).slice(1);return [...t.slice(0,3).map(t=>parseInt(_(t,2),16)),parseInt(_(t[3]||"f",2),16)/255]}const p=i.exec(e);if(p){const t=Array.from(p).slice(1);return [...t.slice(0,3).map(t=>parseInt(t,16)),parseInt(t[3]||"ff",16)/255]}const z=a.exec(e);if(z){const t=Array.from(z).slice(1);return [...t.slice(0,3).map(t=>parseInt(t,10)),parseFloat(t[3]||"1")]}const h=c.exec(e);if(h){const[e,o,_,s]=Array.from(h).slice(1).map(parseFloat);if(t(0,100,o)!==o)throw new n(r);if(t(0,100,_)!==_)throw new n(r);return [...l(e,o,_),s||1]}throw new n(r)}const e=t=>parseInt(t.replace(/_/g,""),36),o="1q29ehhb 1n09sgk7 1kl1ekf_ _yl4zsno 16z9eiv3 1p29lhp8 _bd9zg04 17u0____ _iw9zhe5 _to73___ _r45e31e _7l6g016 _jh8ouiv _zn3qba8 1jy4zshs 11u87k0u 1ro9yvyo 1aj3xael 1gz9zjz0 _3w8l4xo 1bf1ekf_ _ke3v___ _4rrkb__ 13j776yz _646mbhl _nrjr4__ _le6mbhl 1n37ehkb _m75f91n _qj3bzfz 1939yygw 11i5z6x8 _1k5f8xs 1509441m 15t5lwgf _ae2th1n _tg1ugcv 1lp1ugcv 16e14up_ _h55rw7n _ny9yavn _7a11xb_ 1ih442g9 _pv442g9 1mv16xof 14e6y7tu 1oo9zkds 17d1cisi _4v9y70f _y98m8kc 1019pq0v 12o9zda8 _348j4f4 1et50i2o _8epa8__ _ts6senj 1o350i2o 1mi9eiuo 1259yrp0 1ln80gnw _632xcoy 1cn9zldc _f29edu4 1n490c8q _9f9ziet 1b94vk74 _m49zkct 1kz6s73a 1eu9dtog _q58s1rz 1dy9sjiq __u89jo3 _aj5nkwg _ld89jo3 13h9z6wx _qa9z2ii _l119xgq _bs5arju 1hj4nwk9 1qt4nwk9 1ge6wau6 14j9zlcw 11p1edc_ _ms1zcxe _439shk6 _jt9y70f _754zsow 1la40eju _oq5p___ _x279qkz 1fa5r3rv _yd2d9ip _424tcku _8y1di2_ _zi2uabw _yy7rn9h 12yz980_ __39ljp6 1b59zg0x _n39zfzp 1fy9zest _b33k___ _hp9wq92 1il50hz4 _io472ub _lj9z3eo 19z9ykg0 _8t8iu3a 12b9bl4a 1ak5yw0o _896v4ku _tb8k8lv _s59zi6t _c09ze0p 1lg80oqn 1id9z8wb _238nba5 1kq6wgdi _154zssg _tn3zk49 _da9y6tc 1sg7cv4f _r12jvtt 1gq5fmkz 1cs9rvci _lp9jn1c _xw1tdnb 13f9zje6 16f6973h _vo7ir40 _bt5arjf _rc45e4t _hr4e100 10v4e100 _hc9zke2 _w91egv_ _sj2r1kk 13c87yx8 _vqpds__ _ni8ggk8 _tj9yqfb 1ia2j4r4 _7x9b10u 1fc9ld4j 1eq9zldr _5j9lhpx _ez9zl6o _md61fzm".split(" ").reduce((t,n)=>{const r=e(n.substring(0,3)),o=e(n.substring(3)).toString(16);let _="";for(let t=0;t<6-o.length;t++)_+="0";return t[r]=`${_}${o}`,t},{}),_=(t,n)=>Array.from(Array(n)).map(()=>t).join(""),s=new RegExp(`^#${_("([a-f0-9])",3)}([a-f0-9])?$`,"i"),i=new RegExp(`^#${_("([a-f0-9]{2})",3)}([a-f0-9]{2})?$`,"i"),a=new RegExp(`^rgba?\\(\\s*(\\d+)\\s*${_(",\\s*(\\d+)\\s*",2)}(?:,\\s*([\\d.]+))?\\s*\\)$`,"i"),c=/^hsla?\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%(?:\s*,\s*([\d.]+))?\s*\)$/i,u=/^[a-z]+$/i,f=t=>Math.round(255*t),l=(t,n,r)=>{let e=r/100;if(0===n)return [e,e,e].map(f);const o=(t%360+360)%360/60,_=(1-Math.abs(2*e-1))*(n/100),s=_*(1-Math.abs(o%2-1));let i=0,a=0,c=0;o>=0&&o<1?(i=_,a=s):o>=1&&o<2?(i=s,a=_):o>=2&&o<3?(a=_,c=s):o>=3&&o<4?(a=s,c=_):o>=4&&o<5?(i=s,c=_):o>=5&&o<6&&(i=_,c=s);const u=e-_/2;return [i+u,a+u,c+u].map(f)};function p(t){const[n,e,o,_]=r(t).map((t,n)=>3===n?t:t/255),s=Math.max(n,e,o),i=Math.min(n,e,o),a=(s+i)/2;if(s===i)return [0,0,a,_];const c=s-i;return [60*(n===s?(e-o)/c+(e<o?6:0):e===s?(o-n)/c+2:(n-e)/c+4),a>.5?c/(2-s-i):c/(s+i),a,_]}function z(n,r,e,o){return `hsla(${(n%360).toFixed()}, ${t(0,100,100*r).toFixed()}%, ${t(0,100,100*e).toFixed()}%, ${parseFloat(t(0,1,o).toFixed(3))})`}
4418
4023
 
4419
4024
  const colorScale = [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 950];
@@ -4507,12 +4112,9 @@ exports.CouponCodeView = CouponCodeView;
4507
4112
  exports.DropdownFieldView = DropdownFieldView;
4508
4113
  exports.EditProfileView = EditProfileView;
4509
4114
  exports.HeroView = HeroView;
4510
- exports.IndirectDetailsSlotView = IndirectDetailsSlotView;
4511
4115
  exports.InputFieldView = InputFieldView;
4512
4116
  exports.LeaderboardView = LeaderboardView;
4513
4117
  exports.NameFieldsView = NameFieldsView;
4514
- exports.OtherRegionSlotView = OtherRegionSlotView;
4515
- exports.PayoutDetailsCardView = PayoutDetailsCardView;
4516
4118
  exports.PortalChangePasswordView = PortalChangePasswordView;
4517
4119
  exports.PortalFooterView = PortalFooterView;
4518
4120
  exports.PortalFrameView = PortalFrameView;
@@ -4527,7 +4129,6 @@ exports.ShadowViewAddon = ShadowViewAddon;
4527
4129
  exports.ShareButtonView = ShareButtonView;
4528
4130
  exports.StatContainerView = StatContainerView;
4529
4131
  exports.TaskCardView = TaskCardView;
4530
- exports.UserInfoFormView = UserInfoFormView;
4531
4132
  exports.autoColorScaleCss = autoColorScaleCss;
4532
4133
  exports.chooseAmountFixed = chooseAmountFixed;
4533
4134
  exports.chooseAmountFixedNoDescription = chooseAmountFixedNoDescription;
@@ -25,6 +25,10 @@ function useSetParent(namespace) {
25
25
  return undefined;
26
26
  return parent[1];
27
27
  }
28
+ function useParentValue(namespace) {
29
+ const parentValue = stencilHooks_module.d(getContextValueName(namespace));
30
+ return parentValue;
31
+ }
28
32
  function getContextValueName(namespace) {
29
33
  return namespace + "-value";
30
34
  }
@@ -33,7 +37,7 @@ function getContextName(namespace) {
33
37
  }
34
38
 
35
39
  const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
36
- const USER_INFO_NAMESPACE = "sq:user-info-form";
40
+ const TAX_FORM_CONTEXT_NAMESPACE = "sq:tax-form-context";
37
41
  const USER_QUERY_NAMESPACE = "sq:user-info-query";
38
42
  const COUNTRIES_NAMESPACE = "sq:countries-list";
39
43
  const CURRENCIES_NAMESPACE = "sq:currencies:list";
@@ -75,9 +79,10 @@ exports.GET_COUNTRIES = GET_COUNTRIES;
75
79
  exports.GET_CURRENCIES = GET_CURRENCIES;
76
80
  exports.GET_USER = GET_USER;
77
81
  exports.TAX_CONTEXT_NAMESPACE = TAX_CONTEXT_NAMESPACE;
78
- exports.USER_INFO_NAMESPACE = USER_INFO_NAMESPACE;
82
+ exports.TAX_FORM_CONTEXT_NAMESPACE = TAX_FORM_CONTEXT_NAMESPACE;
79
83
  exports.USER_QUERY_NAMESPACE = USER_QUERY_NAMESPACE;
80
84
  exports.getContextValueName = getContextValueName;
81
85
  exports.useParent = useParent;
82
86
  exports.useParentState = useParentState;
87
+ exports.useParentValue = useParentValue;
83
88
  exports.useSetParent = useSetParent;