@saasquatch/mint-components 1.8.5-24 → 1.8.5-25

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 (149) hide show
  1. package/dist/cjs/{ShadowViewAddon-1e2f6f9b.js → ShadowViewAddon-89ba2ab0.js} +17 -17
  2. package/dist/cjs/{email-registration-view-5170d9f1.js → email-registration-view-a6b6430e.js} +3 -3
  3. package/dist/cjs/sqm-banking-info-form_16.cjs.entry.js +17 -17
  4. package/dist/cjs/sqm-big-stat_38.cjs.entry.js +3 -3
  5. package/dist/cjs/sqm-empty_4.cjs.entry.js +2 -2
  6. package/dist/cjs/sqm-instant-access-registration.cjs.entry.js +1 -1
  7. package/dist/cjs/{sqm-invoice-table-view-cae2a67d.js → sqm-invoice-table-view-501f8985.js} +8 -8
  8. package/dist/cjs/sqm-password-field.cjs.entry.js +1 -1
  9. package/dist/cjs/{sqm-portal-forgot-password-view-969c49ed.js → sqm-portal-forgot-password-view-ca5f6db9.js} +1 -1
  10. package/dist/cjs/sqm-portal-forgot-password.cjs.entry.js +1 -1
  11. package/dist/cjs/{sqm-portal-profile-view-851a020f.js → sqm-portal-profile-view-d8697f23.js} +4 -4
  12. package/dist/cjs/sqm-portal-profile.cjs.entry.js +1 -1
  13. package/dist/cjs/sqm-portal-registration-form.cjs.entry.js +2 -2
  14. package/dist/cjs/{sqm-portal-reset-password-view-96f329ed.js → sqm-portal-reset-password-view-07a13210.js} +1 -1
  15. package/dist/cjs/sqm-portal-reset-password.cjs.entry.js +1 -1
  16. package/dist/cjs/{sqm-portal-verify-email-view-ce552bbc.js → sqm-portal-verify-email-view-1ae5724a.js} +3 -1
  17. package/dist/cjs/sqm-portal-verify-email.cjs.entry.js +87 -29
  18. package/dist/cjs/sqm-referred-registration.cjs.entry.js +1 -1
  19. package/dist/cjs/sqm-stencilbook.cjs.entry.js +13 -11
  20. package/dist/collection/components/sqm-checkbox-field/sqm-checkbox-field-view.js +1 -1
  21. package/dist/collection/components/sqm-dropdown-field/sqm-dropdown-field-view.js +1 -1
  22. package/dist/collection/components/sqm-edit-profile/sqm-edit-profile-view.js +3 -3
  23. package/dist/collection/components/sqm-empty/sqm-empty-view.js +2 -2
  24. package/dist/collection/components/sqm-input-field/sqm-input-field-view.js +1 -1
  25. package/dist/collection/components/sqm-link-button/sqm-link-button-view.js +2 -2
  26. package/dist/collection/components/sqm-name-fields/sqm-name-fields-view.js +2 -2
  27. package/dist/collection/components/sqm-password-field/sqm-password-field-view.js +1 -1
  28. package/dist/collection/components/sqm-portal-change-password/sqm-portal-change-password-view.js +1 -1
  29. package/dist/collection/components/sqm-portal-forgot-password/sqm-portal-forgot-password-view.js +1 -1
  30. package/dist/collection/components/sqm-portal-login/sqm-portal-login-view.js +2 -2
  31. package/dist/collection/components/sqm-portal-profile/sqm-portal-profile-view.js +4 -4
  32. package/dist/collection/components/sqm-portal-register/PortalRegister.stories.js +2 -2
  33. package/dist/collection/components/sqm-portal-register/sqm-portal-register-view.js +2 -2
  34. package/dist/collection/components/sqm-portal-registration-form/PortalRegistrationForm.stories.js +2 -2
  35. package/dist/collection/components/sqm-portal-registration-form/sqm-portal-registration-form-view.js +2 -2
  36. package/dist/collection/components/sqm-portal-reset-password/sqm-portal-reset-password-view.js +1 -1
  37. package/dist/collection/components/sqm-portal-verify-email/PortalVerifyEmail.stories.js +2 -0
  38. package/dist/collection/components/sqm-portal-verify-email/sqm-portal-verify-email-view.js +3 -1
  39. package/dist/collection/components/sqm-portal-verify-email/sqm-portal-verify-email.js +1 -1
  40. package/dist/collection/components/sqm-portal-verify-email/usePortalVerifyEmail.js +89 -30
  41. package/dist/collection/components/sqm-reward-exchange-list/sqm-reward-exchange-list-view.js +4 -4
  42. package/dist/collection/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.js +4 -4
  43. package/dist/collection/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.js +8 -8
  44. package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.js +12 -12
  45. package/dist/collection/components/views/email-registration-view.js +3 -3
  46. package/dist/esm/{ShadowViewAddon-8fd4f148.js → ShadowViewAddon-c22043d9.js} +17 -17
  47. package/dist/esm/{email-registration-view-07d80492.js → email-registration-view-4a4202e7.js} +3 -3
  48. package/dist/esm/sqm-banking-info-form_16.entry.js +17 -17
  49. package/dist/esm/sqm-big-stat_38.entry.js +3 -3
  50. package/dist/esm/sqm-empty_4.entry.js +2 -2
  51. package/dist/esm/sqm-instant-access-registration.entry.js +1 -1
  52. package/dist/esm/{sqm-invoice-table-view-c905071b.js → sqm-invoice-table-view-d00894ce.js} +8 -8
  53. package/dist/esm/sqm-password-field.entry.js +1 -1
  54. package/dist/esm/{sqm-portal-forgot-password-view-c2ed8fed.js → sqm-portal-forgot-password-view-a764ad67.js} +1 -1
  55. package/dist/esm/sqm-portal-forgot-password.entry.js +1 -1
  56. package/dist/esm/{sqm-portal-profile-view-eeff5fa0.js → sqm-portal-profile-view-13f0ef79.js} +4 -4
  57. package/dist/esm/sqm-portal-profile.entry.js +1 -1
  58. package/dist/esm/sqm-portal-registration-form.entry.js +2 -2
  59. package/dist/esm/{sqm-portal-reset-password-view-79a85e02.js → sqm-portal-reset-password-view-d3e726a9.js} +1 -1
  60. package/dist/esm/sqm-portal-reset-password.entry.js +1 -1
  61. package/dist/esm/{sqm-portal-verify-email-view-283bf637.js → sqm-portal-verify-email-view-279b4e58.js} +3 -1
  62. package/dist/esm/sqm-portal-verify-email.entry.js +89 -31
  63. package/dist/esm/sqm-referred-registration.entry.js +1 -1
  64. package/dist/esm/sqm-stencilbook.entry.js +13 -11
  65. package/dist/esm-es5/ShadowViewAddon-c22043d9.js +1 -0
  66. package/dist/esm-es5/{email-registration-view-07d80492.js → email-registration-view-4a4202e7.js} +1 -1
  67. package/dist/esm-es5/sqm-banking-info-form_16.entry.js +1 -1
  68. package/dist/esm-es5/sqm-big-stat_38.entry.js +1 -1
  69. package/dist/esm-es5/sqm-empty_4.entry.js +1 -1
  70. package/dist/esm-es5/sqm-instant-access-registration.entry.js +1 -1
  71. package/dist/esm-es5/{sqm-invoice-table-view-c905071b.js → sqm-invoice-table-view-d00894ce.js} +1 -1
  72. package/dist/esm-es5/sqm-password-field.entry.js +1 -1
  73. package/dist/esm-es5/{sqm-portal-forgot-password-view-c2ed8fed.js → sqm-portal-forgot-password-view-a764ad67.js} +1 -1
  74. package/dist/esm-es5/sqm-portal-forgot-password.entry.js +1 -1
  75. package/dist/esm-es5/sqm-portal-profile-view-13f0ef79.js +1 -0
  76. package/dist/esm-es5/sqm-portal-profile.entry.js +1 -1
  77. package/dist/esm-es5/sqm-portal-registration-form.entry.js +1 -1
  78. package/dist/esm-es5/{sqm-portal-reset-password-view-79a85e02.js → sqm-portal-reset-password-view-d3e726a9.js} +1 -1
  79. package/dist/esm-es5/sqm-portal-reset-password.entry.js +1 -1
  80. package/dist/esm-es5/sqm-portal-verify-email-view-279b4e58.js +1 -0
  81. package/dist/esm-es5/sqm-portal-verify-email.entry.js +1 -1
  82. package/dist/esm-es5/sqm-referred-registration.entry.js +1 -1
  83. package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
  84. package/dist/mint-components/mint-components.esm.js +1 -1
  85. package/dist/mint-components/p-05bfb3bf.js +391 -0
  86. package/dist/mint-components/{p-ebbcc7c5.entry.js → p-11be93f5.entry.js} +1 -1
  87. package/dist/mint-components/{p-11858d60.system.entry.js → p-18ccb4ad.system.entry.js} +1 -1
  88. package/dist/mint-components/{p-4b3fff57.entry.js → p-1a5005fe.entry.js} +2 -2
  89. package/dist/mint-components/{p-5c750437.entry.js → p-1a8a8795.entry.js} +1 -1
  90. package/dist/mint-components/{p-a61430ad.system.entry.js → p-20e2037d.system.entry.js} +1 -1
  91. package/dist/mint-components/{p-f3be6d20.entry.js → p-2a6133dc.entry.js} +1 -1
  92. package/dist/mint-components/{p-e0f374e2.entry.js → p-2f2b220a.entry.js} +1 -1
  93. package/dist/mint-components/{p-03cfceb5.js → p-3539d14d.js} +1 -1
  94. package/dist/mint-components/p-3a5d82b7.system.entry.js +1 -0
  95. package/dist/mint-components/p-44b12b2e.system.js +1 -1
  96. package/dist/mint-components/{p-d49e2f7a.js → p-46ef82ed.js} +1 -1
  97. package/dist/mint-components/{p-6868667d.entry.js → p-4e513c81.entry.js} +1 -1
  98. package/dist/mint-components/p-71fed413.system.entry.js +1 -0
  99. package/dist/mint-components/{p-7d5e0645.system.js → p-7487f23c.system.js} +1 -1
  100. package/dist/mint-components/p-7f6a6657.system.js +1 -0
  101. package/dist/mint-components/p-8a9ceee6.entry.js +9 -0
  102. package/dist/mint-components/p-911de805.entry.js +1 -0
  103. package/dist/mint-components/p-9b400b7e.system.entry.js +1 -0
  104. package/dist/mint-components/p-a40d2ed3.system.js +1 -0
  105. package/dist/mint-components/{p-6a6b1966.system.entry.js → p-a9482c97.system.entry.js} +1 -1
  106. package/dist/mint-components/p-b153fc0c.system.js +1 -0
  107. package/dist/mint-components/p-b5ee2781.js +1 -0
  108. package/dist/mint-components/p-b67f5743.system.js +1 -0
  109. package/dist/mint-components/p-b6c4cfec.system.entry.js +1 -0
  110. package/dist/mint-components/p-b9d010e0.js +1 -0
  111. package/dist/mint-components/p-be584089.system.entry.js +1 -0
  112. package/dist/mint-components/{p-6d95589e.system.entry.js → p-be96cc00.system.entry.js} +1 -1
  113. package/dist/mint-components/p-c74a8f95.entry.js +1 -0
  114. package/dist/mint-components/{p-2020caa1.system.js → p-cd45b39f.system.js} +1 -1
  115. package/dist/mint-components/p-cef64e28.system.entry.js +1 -0
  116. package/dist/mint-components/{p-41e2a408.entry.js → p-d3cd5ec5.entry.js} +1 -1
  117. package/dist/mint-components/{p-1403b1f1.system.entry.js → p-da99e3c7.system.entry.js} +1 -1
  118. package/dist/mint-components/{p-9891a965.entry.js → p-dd5ca1b2.entry.js} +2 -2
  119. package/dist/mint-components/{p-1b9e6fc6.js → p-ea6a7135.js} +1 -1
  120. package/dist/mint-components/p-f5f25aba.js +1 -0
  121. package/dist/mint-components/{p-4d964945.entry.js → p-f710f9d7.entry.js} +3 -3
  122. package/dist/mint-components/{p-4e48267b.system.js → p-fca0dc98.system.js} +1 -1
  123. package/dist/mint-components/{p-b2e34063.system.entry.js → p-fd3dacb9.system.entry.js} +1 -1
  124. package/dist/types/components/sqm-portal-verify-email/sqm-portal-verify-email-view.d.ts +1 -0
  125. package/dist/types/components/sqm-portal-verify-email/usePortalVerifyEmail.d.ts +1 -0
  126. package/docs/docs.docx +0 -0
  127. package/package.json +1 -1
  128. package/dist/esm-es5/ShadowViewAddon-8fd4f148.js +0 -1
  129. package/dist/esm-es5/sqm-portal-profile-view-eeff5fa0.js +0 -1
  130. package/dist/esm-es5/sqm-portal-verify-email-view-283bf637.js +0 -1
  131. package/dist/mint-components/p-0382167f.entry.js +0 -1
  132. package/dist/mint-components/p-10036f16.js +0 -1
  133. package/dist/mint-components/p-3652236f.system.entry.js +0 -1
  134. package/dist/mint-components/p-3e096e73.entry.js +0 -1
  135. package/dist/mint-components/p-4a3a0014.entry.js +0 -9
  136. package/dist/mint-components/p-4d9744bf.js +0 -1
  137. package/dist/mint-components/p-5e1366ac.system.js +0 -1
  138. package/dist/mint-components/p-6bf41e0d.system.js +0 -1
  139. package/dist/mint-components/p-8c5a6603.js +0 -1
  140. package/dist/mint-components/p-9bdccddd.system.entry.js +0 -1
  141. package/dist/mint-components/p-ab174fe6.system.entry.js +0 -1
  142. package/dist/mint-components/p-abc6cb26.system.js +0 -1
  143. package/dist/mint-components/p-ccb7d32e.system.entry.js +0 -1
  144. package/dist/mint-components/p-d4b174e1.system.js +0 -1
  145. package/dist/mint-components/p-d60b15e7.js +0 -391
  146. package/dist/mint-components/p-da718618.system.entry.js +0 -1
  147. package/dist/mint-components/p-e1253472.system.entry.js +0 -1
  148. package/docs/picklesdoc--2024-01-15--11-20-00.xlsx +0 -0
  149. package/docs/picklesdoc--2024-01-15--11-24-04.xlsx +0 -0
@@ -12,7 +12,7 @@ import { u as useChildElements } from './useChildElements-cd29b2fc.js';
12
12
  import { l as luxon } from './luxon-4706d11b.js';
13
13
  import { g as generateUserError } from './useReferralTable-669cae58.js';
14
14
  import { g as getProps, l as luxonLocale } from './utils-334c1e34.js';
15
- import { t as taxTypeToName, v as validTaxDocument, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, g as getCountryObj, O as OtherRegionSlotView, I as InvoiceTableView, E as ErrorView, L as LoadingView, c as vatLabels, G as GeneralLoadingView, f as formatErrorMessage, d as validateBillingField, o as objectIsFull, A as ADDRESS_REGIONS } from './sqm-invoice-table-view-c905071b.js';
15
+ import { t as taxTypeToName, v as validTaxDocument, a as INDIRECT_TAX_SPAIN_REGIONS, b as INDIRECT_TAX_PROVINCES, g as getCountryObj, O as OtherRegionSlotView, I as InvoiceTableView, E as ErrorView, L as LoadingView, c as vatLabels, G as GeneralLoadingView, f as formatErrorMessage, d as validateBillingField, o as objectIsFull, A as ADDRESS_REGIONS } from './sqm-invoice-table-view-d00894ce.js';
16
16
 
17
17
  const TAX_CONTEXT_NAMESPACE = "sq:tax-and-cash";
18
18
  const TAX_FORM_CONTEXT_NAMESPACE = "sq:tax-form-context";
@@ -863,7 +863,7 @@ const BankingInfoFormView = (props) => {
863
863
  h("p", { class: classes.DescriptionText }, text.paymentMethodSubtext))),
864
864
  h("div", null,
865
865
  h("div", { class: classes.CheckboxContainer }, states.loading && formState.paymentMethodChecked === undefined ? (getLoadingSkeleton(undefined)) : (h("div", { class: classes.RadioContainer },
866
- states.hasPayPal && (h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentMethodChecked === "toBankAccount", onInput: () => callbacks.setPaymentMethodChecked("toBankAccount"), disabled: states.disabled, id: "toBankAccount", name: "/toBankAccount" }, text.directlyToBankAccount)),
866
+ states.hasPayPal && (h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label", checked: formState.paymentMethodChecked === "toBankAccount", onInput: () => callbacks.setPaymentMethodChecked("toBankAccount"), disabled: states.disabled, id: "toBankAccount", name: "/toBankAccount" }, text.directlyToBankAccount)),
867
867
  formState.paymentMethodChecked === "toBankAccount" && (h("div", { class: classes.InputContainer, style: states.hideBanking ? { display: "none" } : {} }, states.loading
868
868
  ? getLoadingSkeleton("toBankAccount", slots.formInputsSlot.length + 3)
869
869
  : [
@@ -871,7 +871,7 @@ const BankingInfoFormView = (props) => {
871
871
  slots.paymentMethodSlot,
872
872
  slots.formInputsSlot,
873
873
  ])),
874
- states.hasPayPal && (h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentMethodChecked === "toPayPalAccount", onInput: () => callbacks.setPaymentMethodChecked("toPayPalAccount"), disabled: states.disabled, id: "toPayPalAccount", name: "/toPayPalAccount" }, intl.formatMessage({
874
+ states.hasPayPal && (h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label", checked: formState.paymentMethodChecked === "toPayPalAccount", onInput: () => callbacks.setPaymentMethodChecked("toPayPalAccount"), disabled: states.disabled, id: "toPayPalAccount", name: "/toPayPalAccount" }, intl.formatMessage({
875
875
  id: "paypal-input-label",
876
876
  defaultMessage: text.toPayPalAccount,
877
877
  }, { feeCap: states.feeCap }))),
@@ -880,11 +880,11 @@ const BankingInfoFormView = (props) => {
880
880
  : slots.paypalInputSlot)),
881
881
  h("div", { style: { paddingTop: "24px", paddingBottom: "12px" } },
882
882
  h("h4", null, text.paymentSchedule)),
883
- h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentScheduleChecked === "BALANCE_THRESHOLD", onInput: () => callbacks.setPaymentScheduleChecked("BALANCE_THRESHOLD"), disabled: states.disabled, id: "paymentSchedulingType", name: "/paymentSchedulingType", value: "BALANCE_THRESHOLD" }, text.paymentScheduleBalanceThreshold),
883
+ h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label", checked: formState.paymentScheduleChecked === "BALANCE_THRESHOLD", onInput: () => callbacks.setPaymentScheduleChecked("BALANCE_THRESHOLD"), disabled: states.disabled, id: "paymentSchedulingType", name: "/paymentSchedulingType", value: "BALANCE_THRESHOLD" }, text.paymentScheduleBalanceThreshold),
884
884
  formState.paymentScheduleChecked === "BALANCE_THRESHOLD" && (h("div", { class: classes.InputContainer, style: states.hideBalanceThreshold ? { display: "none" } : {} }, states.loading
885
885
  ? getLoadingSkeleton("toPayPalAccount")
886
886
  : slots.paymentThresholdSelectSlot)),
887
- h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.paymentScheduleChecked === "FIXED_DAY", onInput: () => callbacks.setPaymentScheduleChecked("FIXED_DAY"), disabled: states.disabled, id: "paymentSchedulingType", name: "/paymentSchedulingType", value: "FIXED_DAY" }, text.paymentScheduleFixedDay),
887
+ h("sl-radio", { class: classes.Checkbox, exportparts: "label: input-label", checked: formState.paymentScheduleChecked === "FIXED_DAY", onInput: () => callbacks.setPaymentScheduleChecked("FIXED_DAY"), disabled: states.disabled, id: "paymentSchedulingType", name: "/paymentSchedulingType", value: "FIXED_DAY" }, text.paymentScheduleFixedDay),
888
888
  formState.paymentScheduleChecked === "FIXED_DAY" && (h("div", { class: classes.InputContainer, style: states.hideFixedDay ? { display: "none" } : {} }, states.loading
889
889
  ? getLoadingSkeleton("toPayPalAccount")
890
890
  : slots.paymentFixedDaySelectSlot))))),
@@ -6668,18 +6668,18 @@ const UserInfoFormView = (props) => {
6668
6668
  text.isPartnerAlertDescription)),
6669
6669
  h("div", null,
6670
6670
  h("div", { class: classes.InputContainer },
6671
- h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", value: formState.firstName, label: text.firstName, disabled: states.disabled || states.isUser || states.isPartner }, (((_b = formState.errors) === null || _b === void 0 ? void 0 : _b.firstName) ? {
6671
+ h("sl-input", Object.assign({ exportparts: "label: input-label", value: formState.firstName, label: text.firstName, disabled: states.disabled || states.isUser || states.isPartner }, (((_b = formState.errors) === null || _b === void 0 ? void 0 : _b.firstName) ? {
6672
6672
  class: classes.ErrorInput,
6673
6673
  helpText: formatErrorMessage(text.firstName, formState.errors.firstName),
6674
6674
  }
6675
6675
  : {}), { id: "firstName", name: "/firstName", required: true })),
6676
- h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", value: formState.lastName, label: text.lastName, disabled: states.disabled || states.isUser || states.isPartner }, (((_c = formState.errors) === null || _c === void 0 ? void 0 : _c.lastName) ? {
6676
+ h("sl-input", Object.assign({ exportparts: "label: input-label", value: formState.lastName, label: text.lastName, disabled: states.disabled || states.isUser || states.isPartner }, (((_c = formState.errors) === null || _c === void 0 ? void 0 : _c.lastName) ? {
6677
6677
  class: classes.ErrorInput,
6678
6678
  helpText: formatErrorMessage(text.lastName, formState.errors.lastName),
6679
6679
  }
6680
6680
  : {}), { id: "lastName", name: "/lastName", required: true })),
6681
- h("sl-input", { exportparts: "label: input-label, base: input-base", value: formState.email, label: text.email, disabled: true, id: "email", name: "/email", required: true }),
6682
- h("sl-select", Object.assign({ id: "countryCode", exportparts: "label: input-label, base: input-base", name: "/countryCode", label: text.country, value: formState.countryCode, disabled: states.disabled || states.isPartner }, (((_d = formState.errors) === null || _d === void 0 ? void 0 : _d.countryCode) ? {
6681
+ h("sl-input", { exportparts: "label: input-label", value: formState.email, label: text.email, disabled: true, id: "email", name: "/email", required: true }),
6682
+ h("sl-select", Object.assign({ id: "countryCode", exportparts: "label: input-label", name: "/countryCode", label: text.country, value: formState.countryCode, disabled: states.disabled || states.isPartner }, (((_d = formState.errors) === null || _d === void 0 ? void 0 : _d.countryCode) ? {
6683
6683
  class: classes.ErrorInput,
6684
6684
  helpText: formatErrorMessage(text.country, formState.errors.countryCode),
6685
6685
  }
@@ -6693,7 +6693,7 @@ const UserInfoFormView = (props) => {
6693
6693
  _e.map((c) => (h("sl-menu-item", { value: c.countryCode }, c.displayName))), (_f = data === null || data === void 0 ? void 0 : data.allCountries) === null || _f === void 0 ? void 0 :
6694
6694
  _f.map((c) => (h("sl-menu-item", { value: c.countryCode, style: { display: "none" } }, c.displayName)))),
6695
6695
  h("div", { style: { display: "flex", gap: "4px" } },
6696
- h("sl-select", Object.assign({ id: "phoneNumberCountryCode", exportparts: "label: input-label, base: input-base", name: "/phoneNumberCountryCode", label: text.phoneNumber, style: { minWidth: "140px" }, value: formState.phoneNumberCountryCode, disabled: states.disabled || states.isPartner, ref: (el) => (refs.phoneCountryRef.current = el) }, (((_g = formState.errors) === null || _g === void 0 ? void 0 : _g.phoneNumberCountryCode) ? {
6696
+ h("sl-select", Object.assign({ id: "phoneNumberCountryCode", exportparts: "label: input-label", name: "/phoneNumberCountryCode", label: text.phoneNumber, style: { minWidth: "140px" }, value: formState.phoneNumberCountryCode, disabled: states.disabled || states.isPartner, ref: (el) => (refs.phoneCountryRef.current = el) }, (((_g = formState.errors) === null || _g === void 0 ? void 0 : _g.phoneNumberCountryCode) ? {
6697
6697
  class: classes.ErrorInput,
6698
6698
  }
6699
6699
  : {}), { required: true, "onSl-select": (e) => callbacks.onFormChange("phoneCountry", e) }),
@@ -6715,7 +6715,7 @@ const UserInfoFormView = (props) => {
6715
6715
  h("div", { slot: "prefix", style: { marginRight: "8px" } }, `${(_a = PHONE_EXTENSIONS[c.countryCode]) === null || _a === void 0 ? void 0 : _a.name} `), (_b = PHONE_EXTENSIONS[c.countryCode]) === null || _b === void 0 ? void 0 :
6716
6716
  _b.dial_code));
6717
6717
  })),
6718
- h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: " ", id: "phoneNumber", name: "/phoneNumber", value: formState.phoneNumber, style: { marginTop: "2px", width: "362px" }, validationError: ({ value }) =>
6718
+ h("sl-input", Object.assign({ exportparts: "label: input-label", label: " ", id: "phoneNumber", name: "/phoneNumber", value: formState.phoneNumber, style: { marginTop: "2px", width: "362px" }, validationError: ({ value }) =>
6719
6719
  // Naive phone number validation
6720
6720
  validateBillingField(/[a-zA-Z]+/, value) &&
6721
6721
  formatErrorMessage(text.phoneNumber, text.error.fieldInvalidError), disabled: states.disabled || states.isPartner }, (((_k = formState.errors) === null || _k === void 0 ? void 0 : _k.phoneNumber) ? {
@@ -6723,7 +6723,7 @@ const UserInfoFormView = (props) => {
6723
6723
  helpText: formatErrorMessage(text.phoneNumber, formState.errors.phoneNumber),
6724
6724
  }
6725
6725
  : {}), { required: true }))),
6726
- h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: text.address, id: "address", name: "/address", value: formState.address, validationError: ({ value }) =>
6726
+ h("sl-input", Object.assign({ exportparts: "label: input-label", label: text.address, id: "address", name: "/address", value: formState.address, validationError: ({ value }) =>
6727
6727
  // Checks for non-ASCII characters
6728
6728
  !validateBillingField(/^[\x20-\xFF]+$/, value) &&
6729
6729
  formatErrorMessage(text.address, text.error.invalidCharacterError), disabled: states.disabled || states.isPartner }, (((_l = formState.errors) === null || _l === void 0 ? void 0 : _l.address) ? {
@@ -6731,7 +6731,7 @@ const UserInfoFormView = (props) => {
6731
6731
  helpText: formatErrorMessage(text.address, formState.errors.address),
6732
6732
  }
6733
6733
  : {}), { required: true })),
6734
- h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", label: text.city, id: "city", name: "/city", value: formState.city, validationError: ({ value }) =>
6734
+ h("sl-input", Object.assign({ exportparts: "label: input-label", label: text.city, id: "city", name: "/city", value: formState.city, validationError: ({ value }) =>
6735
6735
  // Checks for non-ASCII characters
6736
6736
  !validateBillingField(/^[\x20-\xFF]+$/, value) &&
6737
6737
  formatErrorMessage(text.city, text.error.invalidCharacterError), disabled: states.disabled || states.isPartner }, (((_m = formState.errors) === null || _m === void 0 ? void 0 : _m.city) ? {
@@ -6739,17 +6739,17 @@ const UserInfoFormView = (props) => {
6739
6739
  helpText: formatErrorMessage(text.city, formState.errors.city),
6740
6740
  }
6741
6741
  : {}), { required: true })),
6742
- !states.hideState && (h("sl-select", Object.assign({ label: regionLabel, exportparts: "label: input-label, base: input-base", id: "state", name: "/state", value: formState.state, disabled: states.disabled || states.isPartner }, (((_o = formState.errors) === null || _o === void 0 ? void 0 : _o.state) ? {
6742
+ !states.hideState && (h("sl-select", Object.assign({ label: regionLabel, exportparts: "label: input-label", id: "state", name: "/state", value: formState.state, disabled: states.disabled || states.isPartner }, (((_o = formState.errors) === null || _o === void 0 ? void 0 : _o.state) ? {
6743
6743
  class: classes.ErrorInput,
6744
6744
  helpText: formatErrorMessage(text.state, formState.errors.state),
6745
6745
  }
6746
6746
  : {}), { required: true }), (_p = data.regions) === null || _p === void 0 ? void 0 : _p.map((r) => (h("sl-menu-item", { value: r.value }, r.label))))),
6747
- h("sl-input", Object.assign({ label: text.postalCode, exportparts: "label: input-label, base: input-base", id: "postalCode", name: "/postalCode", value: formState.postalCode, disabled: states.disabled || states.isPartner }, (((_q = formState.errors) === null || _q === void 0 ? void 0 : _q.postalCode) ? {
6747
+ h("sl-input", Object.assign({ label: text.postalCode, exportparts: "label: input-label", id: "postalCode", name: "/postalCode", value: formState.postalCode, disabled: states.disabled || states.isPartner }, (((_q = formState.errors) === null || _q === void 0 ? void 0 : _q.postalCode) ? {
6748
6748
  class: classes.ErrorInput,
6749
6749
  helpText: formatErrorMessage(text.postalCode, formState.errors.postalCode),
6750
6750
  }
6751
6751
  : {}), { required: true })),
6752
- h("sl-select", Object.assign({ id: "currency", exportparts: "label: input-label, base: input-base", name: "/currency", label: text.currency, menu: true, value: formState.currency, disabled: states.disabled || states.isPartner, helpText: text.currencyHelpText }, (((_r = formState.errors) === null || _r === void 0 ? void 0 : _r.currency) ? {
6752
+ h("sl-select", Object.assign({ id: "currency", exportparts: "label: input-label", name: "/currency", label: text.currency, menu: true, value: formState.currency, disabled: states.disabled || states.isPartner, helpText: text.currencyHelpText }, (((_r = formState.errors) === null || _r === void 0 ? void 0 : _r.currency) ? {
6753
6753
  class: classes.ErrorInput,
6754
6754
  helpText: formatErrorMessage(text.currency, formState.errors.currency),
6755
6755
  }
@@ -6769,7 +6769,7 @@ const UserInfoFormView = (props) => {
6769
6769
  " - ",
6770
6770
  c.displayName)))),
6771
6771
  h("div", { class: classes.CheckboxWrapper },
6772
- h("sl-checkbox", { exportparts: "label: input-label, base: input-base", checked: formState.allowBankingCollection === true, "onSl-change": (e) => {
6772
+ h("sl-checkbox", { exportparts: "label: input-label", checked: formState.allowBankingCollection === true, "onSl-change": (e) => {
6773
6773
  e.target.value = e.target.checked;
6774
6774
  }, disabled: states.isPartner ? false : states.disabled, required: true, value: formState.allowBankingCollection, id: "allowBankingCollection", name: "/allowBankingCollection" }, bankingCollectionText),
6775
6775
  ((_u = formState.errors) === null || _u === void 0 ? void 0 : _u.allowBankingCollection) && (h("p", { class: classes.ErrorText }, formatErrorMessage(text.termsAndConditionsLabel, formState.errors.allowBankingCollection))))),
@@ -15,7 +15,7 @@ import { p as pathToRegexp } from './index-ffa26b43.js';
15
15
  import { R as REGISTRATION_FORM_STATE_CONTEXT, u as useRegistrationFormState } from './useRegistrationFormState-0e09e2ca.js';
16
16
  import { i as isEmpty } from './utilities-21d8a4df.js';
17
17
  import { A as AsYouType } from './AsYouType-46f67d0d.js';
18
- import { b as useDemoBigStat, V as useBigStat, B as BigStatView, Q as autoColorScaleCss, K as CardFeedView, j as CheckboxFieldView, M as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, W as withShadowView, L as LeaderboardView, N as NameFieldsView, d as PortalChangePasswordView, i as PortalFooterView, P as PortalFrameView, e as PortalLoginView, f as PortalRegisterView, R as ReferralIframeView, X as demoRewardExchange, k as RewardExchangeView, a as useShareButton, S as ShareButtonView, C as CopyTextView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-8fd4f148.js';
18
+ import { b as useDemoBigStat, V as useBigStat, B as BigStatView, Q as autoColorScaleCss, K as CardFeedView, j as CheckboxFieldView, M as CouponCodeView, D as DropdownFieldView, E as EditProfileView, H as HeroView, I as InputFieldView, W as withShadowView, L as LeaderboardView, N as NameFieldsView, d as PortalChangePasswordView, i as PortalFooterView, P as PortalFrameView, e as PortalLoginView, f as PortalRegisterView, R as ReferralIframeView, X as demoRewardExchange, k as RewardExchangeView, a as useShareButton, S as ShareButtonView, C as CopyTextView, u as useShareLink, c as StatContainerView, T as TaskCardView } from './ShadowViewAddon-c22043d9.js';
19
19
  import './sqm-portal-container-view-ab89c6cc.js';
20
20
 
21
21
  const BigStat = class {
@@ -1504,8 +1504,8 @@ function LinkButtonView(props) {
1504
1504
  h$1("style", { type: "text/css" },
1505
1505
  styleString$1,
1506
1506
  vanillaStyle),
1507
- h$1("sl-button", { type: "primary", exportparts: "base: primarybutton-base" },
1508
- h$1("a", { onClick: onClick, class: sheet$1.classes.Link, part: "sqm-link" }, buttonText))));
1507
+ h$1("sl-button", { onClick: onClick, type: "primary", exportparts: "base: primarybutton-base" },
1508
+ h$1("a", { class: sheet$1.classes.Link, part: "sqm-link" }, buttonText))));
1509
1509
  }
1510
1510
 
1511
1511
  const LinkButton = class {
@@ -10,9 +10,9 @@ function EmptyStateView(props) {
10
10
  h("img", { style: { height: "100px", margin: "auto" }, src: emptyStateImage }),
11
11
  h("sqm-titled-section", { style: { maxHeight: "400px" }, "label-margin": "xxx-small", "text-align": "center" },
12
12
  h("sqm-text", { slot: "label" },
13
- h("p", { part: "header-text" }, emptyStateHeader)),
13
+ h("p", null, emptyStateHeader)),
14
14
  h("sqm-text", { slot: "content" },
15
- h("p", { part: "description-text", style: { color: "var(--sl-color-gray-500)" } }, emptyStateText)))));
15
+ h("p", { style: { color: "var(--sl-color-gray-500)" } }, emptyStateText)))));
16
16
  }
17
17
 
18
18
  const Empty = class {
@@ -5,7 +5,7 @@ import './jsonpointer-388a7082.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
6
6
  import './mixins-f60a614c.js';
7
7
  import './JSS-67b5cff8.js';
8
- import { E as EmailRegistrationView } from './email-registration-view-07d80492.js';
8
+ import { E as EmailRegistrationView } from './email-registration-view-4a4202e7.js';
9
9
  import './useRegistrationFormState-0e09e2ca.js';
10
10
  import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-0d27c474.js';
11
11
 
@@ -1751,7 +1751,7 @@ const OtherRegionSlotView = (props) => {
1751
1751
  };
1752
1752
  const IndirectTaxNumberInput = ({ label, error, name, }) => {
1753
1753
  var _a;
1754
- return (h("sl-input", Object.assign({ required: true, exportparts: "label: input-label, base: input-base", class: classes.Input, label: label, disabled: states.loading || states.disabled, value: formState[name] }, (((_a = formState.errors) === null || _a === void 0 ? void 0 : _a[name]) && {
1754
+ return (h("sl-input", Object.assign({ required: true, exportparts: "label: input-label", class: classes.Input, label: label, disabled: states.loading || states.disabled, value: formState[name] }, (((_a = formState.errors) === null || _a === void 0 ? void 0 : _a[name]) && {
1755
1755
  class: classes.ErrorInput,
1756
1756
  helpText: error,
1757
1757
  }), { id: name, name: `/${name}` })));
@@ -1759,13 +1759,13 @@ const OtherRegionSlotView = (props) => {
1759
1759
  const SpainFields = () => {
1760
1760
  var _a, _b;
1761
1761
  return (h("div", { class: classes.ConditionalInputsContainer },
1762
- h("sl-select", Object.assign({ required: true, exportparts: "label: input-label, base: input-base", class: classes.Input, value: formState.subRegion, label: text.subRegion, disabled: states.loading || states.disabled }, (((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.indirectTaxNumber) && {
1762
+ h("sl-select", Object.assign({ required: true, exportparts: "label: input-label", class: classes.Input, value: formState.subRegion, label: text.subRegion, disabled: states.loading || states.disabled }, (((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.indirectTaxNumber) && {
1763
1763
  class: classes.ErrorInput,
1764
1764
  helpText: formatErrorMessage(text.subRegion, text.error.fieldRequiredError),
1765
1765
  }), { id: "subRegion", name: "/subRegion" }), props.data.esRegions.map((r) => (h("sl-menu-item", { value: r.regionCode }, r.displayName)))),
1766
1766
  h(IndirectTaxNumberInput, { name: "indirectTaxNumber", label: getTaxFieldLabel("VAT"), error: getTaxFieldError("VAT") }),
1767
- h("sl-checkbox", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", checked: formState.hasSubRegionTaxNumber, "onSl-change": callbacks.onSpainToggle, disabled: states.disabled || states.isPartner }, text.isRegisteredSubRegionIncomeTax),
1768
- formState.hasSubRegionTaxNumber && (h("sl-input", Object.assign({ required: true, exportparts: "label: input-label, base: input-base", class: classes.Input, label: text.subRegionTaxNumberLabel, disabled: states.loading || states.disabled, value: formState.subRegionTaxNumber }, (((_b = formState.errors) === null || _b === void 0 ? void 0 : _b.subRegionTaxNumber) && {
1767
+ h("sl-checkbox", { class: classes.Checkbox, exportparts: "label: input-label", checked: formState.hasSubRegionTaxNumber, "onSl-change": callbacks.onSpainToggle, disabled: states.disabled || states.isPartner }, text.isRegisteredSubRegionIncomeTax),
1768
+ formState.hasSubRegionTaxNumber && (h("sl-input", Object.assign({ required: true, exportparts: "label: input-label", class: classes.Input, label: text.subRegionTaxNumberLabel, disabled: states.loading || states.disabled, value: formState.subRegionTaxNumber }, (((_b = formState.errors) === null || _b === void 0 ? void 0 : _b.subRegionTaxNumber) && {
1769
1769
  class: classes.ErrorInput,
1770
1770
  helpText: formatErrorMessage(text.subRegionTaxNumberLabel, text.error.fieldRequiredError),
1771
1771
  }), { id: "subRegionTaxNumber", name: "/subRegionTaxNumber" })))));
@@ -1775,14 +1775,14 @@ const OtherRegionSlotView = (props) => {
1775
1775
  const { classes } = sheet$1;
1776
1776
  const currentTaxType = (_a = INDIRECT_TAX_PROVINCES === null || INDIRECT_TAX_PROVINCES === void 0 ? void 0 : INDIRECT_TAX_PROVINCES.find((p) => p.regionCode === formState.province)) === null || _a === void 0 ? void 0 : _a.taxType;
1777
1777
  return (h("div", { class: classes.ConditionalInputsContainer },
1778
- h("sl-select", Object.assign({ required: true, value: formState.province, exportparts: "label: input-label, base: input-base", class: classes.Input, label: text.province, disabled: states.loading || states.disabled, "onSl-select": (e) => callbacks.onFormChange("province", e) }, (((_b = formState.errors) === null || _b === void 0 ? void 0 : _b.province) && {
1778
+ h("sl-select", Object.assign({ required: true, value: formState.province, exportparts: "label: input-label", class: classes.Input, label: text.province, disabled: states.loading || states.disabled, "onSl-select": (e) => callbacks.onFormChange("province", e) }, (((_b = formState.errors) === null || _b === void 0 ? void 0 : _b.province) && {
1779
1779
  class: classes.ErrorInput,
1780
1780
  helpText: formatErrorMessage(text.province, text.error.fieldRequiredError),
1781
1781
  }), { id: "province", name: "/province" }), props.data.provinces.map((p) => (h("sl-menu-item", { value: p.regionCode }, p.displayName)))),
1782
1782
  currentTaxType === "GST" && (h(IndirectTaxNumberInput, { label: getTaxFieldLabel("GST"), error: getTaxFieldError("GST"), name: "indirectTaxNumber" })),
1783
1783
  currentTaxType === "HST" && (h(IndirectTaxNumberInput, { label: getTaxFieldLabel("HST"), error: getTaxFieldError("HST"), name: "indirectTaxNumber" })),
1784
1784
  formState.province === "QUEBEC" && (h("div", { class: classes.ConditionalInputsContainer },
1785
- h("sl-checkbox", { class: classes.Checkbox, exportparts: "label: input-label, base: input-base", "onSl-change": callbacks.onQstToggle, checked: formState.hasQst, disabled: states.isPartner || states.disabled }, text.isRegisteredQST),
1785
+ h("sl-checkbox", { class: classes.Checkbox, exportparts: "label: input-label", "onSl-change": callbacks.onQstToggle, checked: formState.hasQst, disabled: states.isPartner || states.disabled }, text.isRegisteredQST),
1786
1786
  formState.hasQst && (h(IndirectTaxNumberInput, { name: "qstNumber", label: text.qstNumber, error: formatErrorMessage(text.qstNumber, text.error.fieldRequiredError) }))))));
1787
1787
  };
1788
1788
  const getActiveForm = (selectedRegion) => {
@@ -1793,7 +1793,7 @@ const OtherRegionSlotView = (props) => {
1793
1793
  case "ES":
1794
1794
  return h(SpainFields, null);
1795
1795
  default:
1796
- return (h("sl-input", Object.assign({ required: true, exportparts: "label: input-label, base: input-base", class: classes.Input, value: formState.indirectTaxNumber, label: getTaxFieldLabel(vatLabels[selectedRegion] || "GENERAL"), disabled: states.loading || states.disabled }, (((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.indirectTaxNumber) && {
1796
+ return (h("sl-input", Object.assign({ required: true, exportparts: "label: input-label", class: classes.Input, value: formState.indirectTaxNumber, label: getTaxFieldLabel(vatLabels[selectedRegion] || "GENERAL"), disabled: states.loading || states.disabled }, (((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.indirectTaxNumber) && {
1797
1797
  class: classes.ErrorInput,
1798
1798
  helpText: getTaxFieldError(vatLabels[selectedRegion] || "GENERAL"),
1799
1799
  }), { id: "indirectTaxNumber", name: "/indirectTaxNumber" })));
@@ -1807,7 +1807,7 @@ const OtherRegionSlotView = (props) => {
1807
1807
  vanillaStyle),
1808
1808
  h("hr", { class: classes.HR }),
1809
1809
  h("div", { class: classes.InputContainer },
1810
- h("sl-select", Object.assign({ required: true, class: classes.Input, value: formState.selectedRegion, exportparts: "label: input-label, base: input-base", label: text.selectedRegion, disabled: states.loading || states.disabled, "onSl-select": (e) => callbacks.onFormChange("selectedRegion", e) }, (((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.selectedRegion) && {
1810
+ h("sl-select", Object.assign({ required: true, class: classes.Input, value: formState.selectedRegion, exportparts: "label: input-label", label: text.selectedRegion, disabled: states.loading || states.disabled, "onSl-select": (e) => callbacks.onFormChange("selectedRegion", e) }, (((_a = formState.errors) === null || _a === void 0 ? void 0 : _a.selectedRegion) && {
1811
1811
  class: classes.ErrorInput,
1812
1812
  helpText: formatErrorMessage(text.selectedRegion, text.error.fieldRequiredError),
1813
1813
  }), { id: "selectedRegion", name: "/selectedRegion" }),
@@ -489,7 +489,7 @@ function PortalResetPasswordView(props) {
489
489
  h("style", { type: "text/css" },
490
490
  vanillaStyle,
491
491
  styleString$1),
492
- h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", type: "password", name: "/password", label: states.content.fieldLabel || "Password", required: true, disabled: ((_a = states.registrationFormState) === null || _a === void 0 ? void 0 : _a.loading) || ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.disabled), validationError: ({ value }) => {
492
+ h("sl-input", Object.assign({ exportparts: "label: input-label", type: "password", name: "/password", label: states.content.fieldLabel || "Password", required: true, disabled: ((_a = states.registrationFormState) === null || _a === void 0 ? void 0 : _a.loading) || ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.disabled), validationError: ({ value }) => {
493
493
  if (!value) {
494
494
  return "Cannot be empty";
495
495
  }
@@ -34,7 +34,7 @@ function PortalForgotPasswordView(props) {
34
34
  h("div", { part: "erroralert-text" }, props.states.error))),
35
35
  props.states.success && (h("sqm-form-message", { type: "success", exportparts: "successalert-icon" },
36
36
  h("div", { part: "successalert-text" }, content.successAlertText))),
37
- h("sl-input", { exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
37
+ h("sl-input", { exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading, required: true }),
38
38
  h("div", { class: sheet.classes.ButtonsContainer },
39
39
  h("sl-button", { submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, content.submitLabel || "Reset Password"),
40
40
  h("div", { class: sheet.classes.SecondaryButton }, content.secondaryButton)))));
@@ -6,7 +6,7 @@ import { c as cjs } from './cjs-bdfb4486.js';
6
6
  import './mixins-f60a614c.js';
7
7
  import './JSS-67b5cff8.js';
8
8
  import './sqm-text-span-view-8d140661.js';
9
- import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-c2ed8fed.js';
9
+ import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-a764ad67.js';
10
10
 
11
11
  function usePortalForgotPassword(props) {
12
12
  var _a, _b, _c, _d, _e, _f, _g;
@@ -67,16 +67,16 @@ function PortalProfileView(props) {
67
67
  error && (h("sqm-form-message", { class: sheet.classes.Error, type: "error", exportparts: "erroralert-icon" },
68
68
  h("div", { part: "erroralert-text" }, error))),
69
69
  h("div", { class: sheet.classes.NameInputContainer },
70
- h("sl-input", Object.assign({ class: sheet.classes.NameInputStyle, exportparts: "label: input-label, base: input-base", value: (_c = states.user) === null || _c === void 0 ? void 0 : _c.firstName, onInput: callbacks.onChange, label: text.firstnametext, disabled: states.loading }, ((errors === null || errors === void 0 ? void 0 : errors.firstName) && (errors === null || errors === void 0 ? void 0 : errors.firstName.status) !== "valid"
70
+ h("sl-input", Object.assign({ class: sheet.classes.NameInputStyle, exportparts: "label: input-label", value: (_c = states.user) === null || _c === void 0 ? void 0 : _c.firstName, onInput: callbacks.onChange, label: text.firstnametext, disabled: states.loading }, ((errors === null || errors === void 0 ? void 0 : errors.firstName) && (errors === null || errors === void 0 ? void 0 : errors.firstName.status) !== "valid"
71
71
  ? { class: "ErrorStyles", helpText: text.fieldEmptyText }
72
72
  : []), { id: "firstName", name: "firstName", error: (errors === null || errors === void 0 ? void 0 : errors.firstName) && (errors === null || errors === void 0 ? void 0 : errors.firstName.status) !== "valid"
73
73
  ? errors === null || errors === void 0 ? void 0 : errors.firstName.message : undefined })),
74
- h("sl-input", Object.assign({ class: sheet.classes.NameInputStyle, exportparts: "label: input-label, base: input-base", value: (_d = states.user) === null || _d === void 0 ? void 0 : _d.lastName, onInput: callbacks.onChange, label: text.lastnametext, disabled: states.loading, id: "lastName", name: "lastName" }, ((errors === null || errors === void 0 ? void 0 : errors.lastName) && (errors === null || errors === void 0 ? void 0 : errors.lastName.status) !== "valid"
74
+ h("sl-input", Object.assign({ class: sheet.classes.NameInputStyle, exportparts: "label: input-label", value: (_d = states.user) === null || _d === void 0 ? void 0 : _d.lastName, onInput: callbacks.onChange, label: text.lastnametext, disabled: states.loading, id: "lastName", name: "lastName" }, ((errors === null || errors === void 0 ? void 0 : errors.lastName) && (errors === null || errors === void 0 ? void 0 : errors.lastName.status) !== "valid"
75
75
  ? { class: "ErrorStyles", helpText: text.fieldEmptyText }
76
76
  : []), { error: (errors === null || errors === void 0 ? void 0 : errors.lastName) && (errors === null || errors === void 0 ? void 0 : errors.lastName.status) !== "valid"
77
77
  ? errors === null || errors === void 0 ? void 0 : errors.lastName.message : undefined }))),
78
- h("sl-input", { label: text.emailtext, value: (_e = states.user) === null || _e === void 0 ? void 0 : _e.email, exportparts: "label: input-label, base: input-base", disabled: true }),
79
- states.showCountry && (h("sl-input", { label: text.countrytext, value: country, exportparts: "label: input-label, base: input-base", disabled: true })),
78
+ h("sl-input", { label: text.emailtext, value: (_e = states.user) === null || _e === void 0 ? void 0 : _e.email, exportparts: "label: input-label", disabled: true }),
79
+ states.showCountry && (h("sl-input", { label: text.countrytext, value: country, exportparts: "label: input-label", disabled: true })),
80
80
  h("sl-button", { type: "primary", loading: states.loading, disabled: states.submitDisabled, onClick: (e) => {
81
81
  callbacks.onSubmit(e);
82
82
  }, submit: true }, text.submitChangeButtonText))));
@@ -6,7 +6,7 @@ import { c as cjs } from './cjs-bdfb4486.js';
6
6
  import './JSS-67b5cff8.js';
7
7
  import { g as getProps } from './utils-334c1e34.js';
8
8
  import './sqm-text-span-view-8d140661.js';
9
- import { P as PortalProfileView } from './sqm-portal-profile-view-eeff5fa0.js';
9
+ import { P as PortalProfileView } from './sqm-portal-profile-view-13f0ef79.js';
10
10
  import { i as isEmpty } from './utilities-21d8a4df.js';
11
11
 
12
12
  const GET_USER = dist.gql `
@@ -53,7 +53,7 @@ function PortalRegistrationFormView(props) {
53
53
  h("div", { part: "erroralert-text" }, states.registrationFormState.disabledMessage))) : (states.error && (h("sqm-form-message", { type: "error", exportparts: "erroralert-icon" },
54
54
  h("div", { part: "erroralert-text" }, props.states.error)))),
55
55
  content.formData,
56
- !states.hideInputs && (h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading || ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.disabled), required: true, validationError: ({ value }) => {
56
+ !states.hideInputs && (h("sl-input", Object.assign({ exportparts: "label: input-label", type: "email", name: "/email", label: content.emailLabel || "Email", disabled: states.loading || ((_b = states.registrationFormState) === null || _b === void 0 ? void 0 : _b.disabled), required: true, validationError: ({ value }) => {
57
57
  if (!value) {
58
58
  return content.requiredFieldErrorMessage;
59
59
  }
@@ -72,7 +72,7 @@ function PortalRegistrationFormView(props) {
72
72
  : [])))),
73
73
  !states.hideInputs && (h("sqm-password-field", { fieldLabel: content.passwordLabel, "disable-validation": !states.enablePasswordValidation, meetsRequirementsText: content.meetsRequirementsText, doesNotMeetRequirementsText: content.doesNotMeetRequirementsText, minErrorText: content.minErrorText, uppercaseErrorText: content.uppercaseErrorText, lowercaseErrorText: content.lowercaseErrorText, hasErrorText: content.hasErrorText })),
74
74
  content.passwordField,
75
- !states.hideInputs && states.confirmPassword && (h("sl-input", Object.assign({ exportparts: "label: input-label, base: input-base", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading || ((_l = states.registrationFormState) === null || _l === void 0 ? void 0 : _l.disabled), required: true }, (((_o = (_m = states.registrationFormState) === null || _m === void 0 ? void 0 : _m.initialData) === null || _o === void 0 ? void 0 : _o.confirmPassword) ? {
75
+ !states.hideInputs && states.confirmPassword && (h("sl-input", Object.assign({ exportparts: "label: input-label", type: "password", name: "/confirmPassword", label: content.confirmPasswordLabel, disabled: states.loading || ((_l = states.registrationFormState) === null || _l === void 0 ? void 0 : _l.disabled), required: true }, (((_o = (_m = states.registrationFormState) === null || _m === void 0 ? void 0 : _m.initialData) === null || _o === void 0 ? void 0 : _o.confirmPassword) ? {
76
76
  value: (_q = (_p = states.registrationFormState) === null || _p === void 0 ? void 0 : _p.initialData) === null || _q === void 0 ? void 0 : _q.confirmPassword,
77
77
  }
78
78
  : {}), (((_s = (_r = states.registrationFormState) === null || _r === void 0 ? void 0 : _r.validationErrors) === null || _s === void 0 ? void 0 : _s.confirmPassword) ? {
@@ -69,7 +69,7 @@ function PortalResetPasswordView(props) {
69
69
  props.states.error && (h("sqm-form-message", { type: "error", class: sheet.classes.Banner, exportparts: "erroralert-icon" },
70
70
  h("div", { part: "erroralert-text" }, props.states.error))),
71
71
  !states.reset && (h("sqm-password-field", { fieldLabel: states.content.passwordFieldLabel, demoData: states.passwordDemoData, meetsRequirementsText: states.content.meetsRequirementsText, doesNotMeetRequirementsText: states.content.doesNotMeetRequirementsText, minErrorText: states.content.minErrorText, uppercaseErrorText: states.content.uppercaseErrorText, lowercaseErrorText: states.content.lowercaseErrorText, hasErrorText: states.content.hasErrorText })),
72
- !states.reset && states.confirmPassword && (h("sl-input", { exportparts: "label: input-label, base: input-base", type: "password", name: "/confirmPassword", label: states.content.confirmPasswordFieldLabel, disabled: states.loading, required: true })),
72
+ !states.reset && states.confirmPassword && (h("sl-input", { exportparts: "label: input-label", type: "password", name: "/confirmPassword", label: states.content.confirmPasswordFieldLabel, disabled: states.loading, required: true })),
73
73
  h("div", { class: sheet.classes.ButtonsContainer },
74
74
  h("sl-button", { class: sheet.classes.ContinueButton, submit: true, loading: states.loading, exportparts: "base: primarybutton-base", type: "primary" }, states.reset
75
75
  ? states.content.continueButtonText
@@ -7,7 +7,7 @@ import './mixins-f60a614c.js';
7
7
  import './JSS-67b5cff8.js';
8
8
  import { s as sanitizeUrlPath } from './utils-334c1e34.js';
9
9
  import './sqm-text-span-view-8d140661.js';
10
- import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-79a85e02.js';
10
+ import { P as PortalResetPasswordView } from './sqm-portal-reset-password-view-d3e726a9.js';
11
11
 
12
12
  function usePortalResetPassword(props) {
13
13
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
@@ -22,7 +22,9 @@ const sheet = createStyleSheet(style);
22
22
  const styleString = sheet.toString();
23
23
  function PortalVerifyEmailView(props) {
24
24
  const { states, data, callbacks, content } = props;
25
- if (states.verified) {
25
+ if (states.loading)
26
+ return;
27
+ if (states.success) {
26
28
  return (h("div", { class: sheet.classes.Wrapper, part: "sqm-base" },
27
29
  h("style", { type: "text/css" },
28
30
  vanillaStyle,
@@ -1,30 +1,38 @@
1
1
  import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
2
- import { f as useEffect, n as h } from './stencil-hooks.module-8032b139.js';
3
- import { Q, j as an, $ as $n, i as isDemo } from './index.module-ba0ed7a8.js';
2
+ import { k as useState, f as useEffect, n as h } from './stencil-hooks.module-8032b139.js';
3
+ import { Q, j as an, $ as $n, b as setUserIdentity, i as isDemo } from './index.module-ba0ed7a8.js';
4
4
  import { c as cjs } from './cjs-bdfb4486.js';
5
5
  import './mixins-f60a614c.js';
6
6
  import './JSS-67b5cff8.js';
7
7
  import { s as sanitizeUrlPath, g as getProps } from './utils-334c1e34.js';
8
8
  import './sqm-text-span-view-8d140661.js';
9
- import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-283bf637.js';
9
+ import { P as PortalVerifyEmailView } from './sqm-portal-verify-email-view-279b4e58.js';
10
10
 
11
11
  const SUBMITTED_CONTEXT = "sq:verify-submitted";
12
- function setSubmitted(submitted) {
12
+ function setWindowSubmitted(submitted) {
13
13
  // using window due to dom-context getting reset on re-render
14
14
  window[SUBMITTED_CONTEXT] = submitted;
15
15
  }
16
16
  function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyEmailText, verifyInvalidText, networkErrorMessage, continueText, }) {
17
- var _a, _b, _c, _d, _e, _f, _g, _h;
18
- const submitted = window[SUBMITTED_CONTEXT];
17
+ var _b, _c, _d, _e, _f, _g, _h, _j;
18
+ const [submitted, setSubmitted] = useState(window[SUBMITTED_CONTEXT]);
19
19
  const userIdent = Q();
20
+ const [verificationError, setVerificationError] = useState(null);
21
+ const [success, setSuccess] = useState(false);
20
22
  const [request, { loading, data, errors }] = an();
21
23
  const urlParams = new URLSearchParams($n.location.search);
22
24
  const oobCode = urlParams.get("oobCode");
25
+ const oobEmail = urlParams.get("email");
23
26
  const nextPageOverride = urlParams.get("nextPage");
27
+ const syncSubmitted = (submitted) => {
28
+ setSubmitted(submitted);
29
+ setWindowSubmitted(submitted);
30
+ };
24
31
  // derived from useMutation in component boilerplate initialState
25
32
  const disableContinue = data === undefined && errors === undefined && !!oobCode;
26
33
  // if logged out, userIdent?.managedIdentity?.emailVerified will be falsey, even if verification was successful
27
- const verified = !!(((_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified) || (data === null || data === void 0 ? void 0 : data.verifyManagedIdentityEmail.success));
34
+ const hasContext = localStorage.getItem("sq:user-identity");
35
+ const verified = !!((_b = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _b === void 0 ? void 0 : _b.emailVerified);
28
36
  const failed = () => {
29
37
  return $n.push({
30
38
  pathname: failedPage,
@@ -36,40 +44,90 @@ function usePortalVerifyEmail({ nextPage, failedPage, verifySuccessText, verifyE
36
44
  const url = sanitizeUrlPath(nextPageOverride || nextPage);
37
45
  $n.push(url.href);
38
46
  };
39
- const submit = async () => {
40
- var _a;
41
- setSubmitted(true);
42
- if (oobCode) {
43
- const result = await request({ oobCode });
44
- if ((result instanceof Error ||
45
- !result.verifyManagedIdentityEmail.success) &&
46
- !((_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.emailVerified)) {
47
- // pause on error if logged out/unverified
47
+ console.log({
48
+ hasContext,
49
+ userIdent,
50
+ data,
51
+ submitted,
52
+ verified,
53
+ verificationError,
54
+ success,
55
+ });
56
+ useEffect(() => {
57
+ const check = async () => {
58
+ var _a;
59
+ const response = await request({ oobCode });
60
+ if (response instanceof Error ||
61
+ !((_a = response === null || response === void 0 ? void 0 : response.verifyManagedIdentityEmail) === null || _a === void 0 ? void 0 : _a.success)) {
62
+ console.debug("set verification error");
63
+ setVerificationError({ message: true });
48
64
  return;
49
65
  }
50
- setTimeout(() => {
51
- gotoNextPage();
52
- setSubmitted(false);
53
- }, 3000);
54
- }
55
- };
66
+ else {
67
+ console.debug("set success: true");
68
+ setSuccess(true);
69
+ }
70
+ console.debug("SUBMITTED", response);
71
+ console.debug("window", window[SUBMITTED_CONTEXT]);
72
+ syncSubmitted(true);
73
+ };
74
+ if (!submitted)
75
+ check();
76
+ }, [submitted]);
56
77
  useEffect(() => {
57
- // Already verified, begin redirect
58
- if (verified) {
78
+ var _a;
79
+ if (!submitted)
80
+ return;
81
+ if (!verificationError &&
82
+ ((_a = userIdent === null || userIdent === void 0 ? void 0 : userIdent.managedIdentity) === null || _a === void 0 ? void 0 : _a.email) === oobEmail &&
83
+ (success || verified)) {
84
+ console.log("LOGGING IN", success, verified, verificationError);
85
+ setTimeout(gotoNextPage, 3000);
86
+ }
87
+ else {
88
+ console.log("LOGGING OUT", success, verified, verificationError);
59
89
  setTimeout(() => {
90
+ setUserIdentity(undefined);
60
91
  gotoNextPage();
61
- setSubmitted(false);
62
92
  }, 3000);
63
- return;
64
93
  }
65
- if (userIdent && !data && !submitted)
66
- submit();
67
- }, [verified, submitted, data, userIdent, submitted]);
94
+ }, [verified, verificationError, success, submitted, userIdent]);
95
+ useEffect(() => {
96
+ if (errors)
97
+ setVerificationError(errors);
98
+ }, [errors, setVerificationError]);
99
+ // useEffect(() => {
100
+ // if (!data && !submitted && oobCode) {
101
+ // submit();
102
+ // return;
103
+ // }
104
+ // // verification successful but user in context is not verified
105
+ // // or mismatch between logged in user and user associated with oobCode
106
+ // if (submitted) {
107
+ // console.debug("in submit condition");
108
+ // if (email && email !== oobEmail) {
109
+ // console.debug("email mismatch");
110
+ // logout();
111
+ // return;
112
+ // // Already verified, begin redirect
113
+ // }
114
+ // if (verified) {
115
+ // if (!verificationError) setSuccess(true);
116
+ // console.debug("verified");
117
+ // setTimeout(() => {
118
+ // gotoNextPage();
119
+ // setSubmitted(false);
120
+ // }, 3000);
121
+ // return;
122
+ // }
123
+ // }
124
+ // }, [submitted, verificationError, data, email, oobCode, oobEmail, submit]);
68
125
  return {
69
126
  states: {
70
127
  loading: loading || disableContinue,
71
- error: ((_e = (_d = (_c = (_b = errors === null || errors === void 0 ? void 0 : errors.response) === null || _b === void 0 ? void 0 : _b.errors) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.extensions) === null || _e === void 0 ? void 0 : _e.message) || ((_h = (_g = (_f = errors === null || errors === void 0 ? void 0 : errors.response) === null || _f === void 0 ? void 0 : _f.errors) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.message) ||
72
- ((errors === null || errors === void 0 ? void 0 : errors.message) && networkErrorMessage),
128
+ success,
129
+ error: ((_f = (_e = (_d = (_c = verificationError === null || verificationError === void 0 ? void 0 : verificationError.response) === null || _c === void 0 ? void 0 : _c.errors) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.extensions) === null || _f === void 0 ? void 0 : _f.message) || ((_j = (_h = (_g = verificationError === null || verificationError === void 0 ? void 0 : verificationError.response) === null || _g === void 0 ? void 0 : _g.errors) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.message) ||
130
+ ((verificationError === null || verificationError === void 0 ? void 0 : verificationError.message) && networkErrorMessage),
73
131
  verified,
74
132
  },
75
133
  data: {
@@ -5,7 +5,7 @@ import './jsonpointer-388a7082.js';
5
5
  import { c as cjs } from './cjs-bdfb4486.js';
6
6
  import './mixins-f60a614c.js';
7
7
  import './JSS-67b5cff8.js';
8
- import { E as EmailRegistrationView } from './email-registration-view-07d80492.js';
8
+ import { E as EmailRegistrationView } from './email-registration-view-4a4202e7.js';
9
9
  import './useRegistrationFormState-0e09e2ca.js';
10
10
  import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-0d27c474.js';
11
11