@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.
- package/dist/cjs/{ShadowViewAddon-1e2f6f9b.js → ShadowViewAddon-89ba2ab0.js} +17 -17
- package/dist/cjs/{email-registration-view-5170d9f1.js → email-registration-view-a6b6430e.js} +3 -3
- package/dist/cjs/sqm-banking-info-form_16.cjs.entry.js +17 -17
- package/dist/cjs/sqm-big-stat_38.cjs.entry.js +3 -3
- package/dist/cjs/sqm-empty_4.cjs.entry.js +2 -2
- package/dist/cjs/sqm-instant-access-registration.cjs.entry.js +1 -1
- package/dist/cjs/{sqm-invoice-table-view-cae2a67d.js → sqm-invoice-table-view-501f8985.js} +8 -8
- package/dist/cjs/sqm-password-field.cjs.entry.js +1 -1
- package/dist/cjs/{sqm-portal-forgot-password-view-969c49ed.js → sqm-portal-forgot-password-view-ca5f6db9.js} +1 -1
- package/dist/cjs/sqm-portal-forgot-password.cjs.entry.js +1 -1
- package/dist/cjs/{sqm-portal-profile-view-851a020f.js → sqm-portal-profile-view-d8697f23.js} +4 -4
- package/dist/cjs/sqm-portal-profile.cjs.entry.js +1 -1
- package/dist/cjs/sqm-portal-registration-form.cjs.entry.js +2 -2
- package/dist/cjs/{sqm-portal-reset-password-view-96f329ed.js → sqm-portal-reset-password-view-07a13210.js} +1 -1
- package/dist/cjs/sqm-portal-reset-password.cjs.entry.js +1 -1
- package/dist/cjs/{sqm-portal-verify-email-view-ce552bbc.js → sqm-portal-verify-email-view-1ae5724a.js} +3 -1
- package/dist/cjs/sqm-portal-verify-email.cjs.entry.js +87 -29
- package/dist/cjs/sqm-referred-registration.cjs.entry.js +1 -1
- package/dist/cjs/sqm-stencilbook.cjs.entry.js +13 -11
- package/dist/collection/components/sqm-checkbox-field/sqm-checkbox-field-view.js +1 -1
- package/dist/collection/components/sqm-dropdown-field/sqm-dropdown-field-view.js +1 -1
- package/dist/collection/components/sqm-edit-profile/sqm-edit-profile-view.js +3 -3
- package/dist/collection/components/sqm-empty/sqm-empty-view.js +2 -2
- package/dist/collection/components/sqm-input-field/sqm-input-field-view.js +1 -1
- package/dist/collection/components/sqm-link-button/sqm-link-button-view.js +2 -2
- package/dist/collection/components/sqm-name-fields/sqm-name-fields-view.js +2 -2
- package/dist/collection/components/sqm-password-field/sqm-password-field-view.js +1 -1
- package/dist/collection/components/sqm-portal-change-password/sqm-portal-change-password-view.js +1 -1
- package/dist/collection/components/sqm-portal-forgot-password/sqm-portal-forgot-password-view.js +1 -1
- package/dist/collection/components/sqm-portal-login/sqm-portal-login-view.js +2 -2
- package/dist/collection/components/sqm-portal-profile/sqm-portal-profile-view.js +4 -4
- package/dist/collection/components/sqm-portal-register/PortalRegister.stories.js +2 -2
- package/dist/collection/components/sqm-portal-register/sqm-portal-register-view.js +2 -2
- package/dist/collection/components/sqm-portal-registration-form/PortalRegistrationForm.stories.js +2 -2
- package/dist/collection/components/sqm-portal-registration-form/sqm-portal-registration-form-view.js +2 -2
- package/dist/collection/components/sqm-portal-reset-password/sqm-portal-reset-password-view.js +1 -1
- package/dist/collection/components/sqm-portal-verify-email/PortalVerifyEmail.stories.js +2 -0
- package/dist/collection/components/sqm-portal-verify-email/sqm-portal-verify-email-view.js +3 -1
- package/dist/collection/components/sqm-portal-verify-email/sqm-portal-verify-email.js +1 -1
- package/dist/collection/components/sqm-portal-verify-email/usePortalVerifyEmail.js +89 -30
- package/dist/collection/components/sqm-reward-exchange-list/sqm-reward-exchange-list-view.js +4 -4
- package/dist/collection/components/tax-and-cash/sqm-banking-info-form/sqm-banking-info-form-view.js +4 -4
- package/dist/collection/components/tax-and-cash/sqm-user-info-form/small-views/IndirectTaxDetailsView.js +8 -8
- package/dist/collection/components/tax-and-cash/sqm-user-info-form/sqm-user-info-form-view.js +12 -12
- package/dist/collection/components/views/email-registration-view.js +3 -3
- package/dist/esm/{ShadowViewAddon-8fd4f148.js → ShadowViewAddon-c22043d9.js} +17 -17
- package/dist/esm/{email-registration-view-07d80492.js → email-registration-view-4a4202e7.js} +3 -3
- package/dist/esm/sqm-banking-info-form_16.entry.js +17 -17
- package/dist/esm/sqm-big-stat_38.entry.js +3 -3
- package/dist/esm/sqm-empty_4.entry.js +2 -2
- package/dist/esm/sqm-instant-access-registration.entry.js +1 -1
- package/dist/esm/{sqm-invoice-table-view-c905071b.js → sqm-invoice-table-view-d00894ce.js} +8 -8
- package/dist/esm/sqm-password-field.entry.js +1 -1
- package/dist/esm/{sqm-portal-forgot-password-view-c2ed8fed.js → sqm-portal-forgot-password-view-a764ad67.js} +1 -1
- package/dist/esm/sqm-portal-forgot-password.entry.js +1 -1
- package/dist/esm/{sqm-portal-profile-view-eeff5fa0.js → sqm-portal-profile-view-13f0ef79.js} +4 -4
- package/dist/esm/sqm-portal-profile.entry.js +1 -1
- package/dist/esm/sqm-portal-registration-form.entry.js +2 -2
- package/dist/esm/{sqm-portal-reset-password-view-79a85e02.js → sqm-portal-reset-password-view-d3e726a9.js} +1 -1
- package/dist/esm/sqm-portal-reset-password.entry.js +1 -1
- package/dist/esm/{sqm-portal-verify-email-view-283bf637.js → sqm-portal-verify-email-view-279b4e58.js} +3 -1
- package/dist/esm/sqm-portal-verify-email.entry.js +89 -31
- package/dist/esm/sqm-referred-registration.entry.js +1 -1
- package/dist/esm/sqm-stencilbook.entry.js +13 -11
- package/dist/esm-es5/ShadowViewAddon-c22043d9.js +1 -0
- package/dist/esm-es5/{email-registration-view-07d80492.js → email-registration-view-4a4202e7.js} +1 -1
- package/dist/esm-es5/sqm-banking-info-form_16.entry.js +1 -1
- package/dist/esm-es5/sqm-big-stat_38.entry.js +1 -1
- package/dist/esm-es5/sqm-empty_4.entry.js +1 -1
- package/dist/esm-es5/sqm-instant-access-registration.entry.js +1 -1
- package/dist/esm-es5/{sqm-invoice-table-view-c905071b.js → sqm-invoice-table-view-d00894ce.js} +1 -1
- package/dist/esm-es5/sqm-password-field.entry.js +1 -1
- package/dist/esm-es5/{sqm-portal-forgot-password-view-c2ed8fed.js → sqm-portal-forgot-password-view-a764ad67.js} +1 -1
- package/dist/esm-es5/sqm-portal-forgot-password.entry.js +1 -1
- package/dist/esm-es5/sqm-portal-profile-view-13f0ef79.js +1 -0
- package/dist/esm-es5/sqm-portal-profile.entry.js +1 -1
- package/dist/esm-es5/sqm-portal-registration-form.entry.js +1 -1
- package/dist/esm-es5/{sqm-portal-reset-password-view-79a85e02.js → sqm-portal-reset-password-view-d3e726a9.js} +1 -1
- package/dist/esm-es5/sqm-portal-reset-password.entry.js +1 -1
- package/dist/esm-es5/sqm-portal-verify-email-view-279b4e58.js +1 -0
- package/dist/esm-es5/sqm-portal-verify-email.entry.js +1 -1
- package/dist/esm-es5/sqm-referred-registration.entry.js +1 -1
- package/dist/esm-es5/sqm-stencilbook.entry.js +1 -1
- package/dist/mint-components/mint-components.esm.js +1 -1
- package/dist/mint-components/p-05bfb3bf.js +391 -0
- package/dist/mint-components/{p-ebbcc7c5.entry.js → p-11be93f5.entry.js} +1 -1
- package/dist/mint-components/{p-11858d60.system.entry.js → p-18ccb4ad.system.entry.js} +1 -1
- package/dist/mint-components/{p-4b3fff57.entry.js → p-1a5005fe.entry.js} +2 -2
- package/dist/mint-components/{p-5c750437.entry.js → p-1a8a8795.entry.js} +1 -1
- package/dist/mint-components/{p-a61430ad.system.entry.js → p-20e2037d.system.entry.js} +1 -1
- package/dist/mint-components/{p-f3be6d20.entry.js → p-2a6133dc.entry.js} +1 -1
- package/dist/mint-components/{p-e0f374e2.entry.js → p-2f2b220a.entry.js} +1 -1
- package/dist/mint-components/{p-03cfceb5.js → p-3539d14d.js} +1 -1
- package/dist/mint-components/p-3a5d82b7.system.entry.js +1 -0
- package/dist/mint-components/p-44b12b2e.system.js +1 -1
- package/dist/mint-components/{p-d49e2f7a.js → p-46ef82ed.js} +1 -1
- package/dist/mint-components/{p-6868667d.entry.js → p-4e513c81.entry.js} +1 -1
- package/dist/mint-components/p-71fed413.system.entry.js +1 -0
- package/dist/mint-components/{p-7d5e0645.system.js → p-7487f23c.system.js} +1 -1
- package/dist/mint-components/p-7f6a6657.system.js +1 -0
- package/dist/mint-components/p-8a9ceee6.entry.js +9 -0
- package/dist/mint-components/p-911de805.entry.js +1 -0
- package/dist/mint-components/p-9b400b7e.system.entry.js +1 -0
- package/dist/mint-components/p-a40d2ed3.system.js +1 -0
- package/dist/mint-components/{p-6a6b1966.system.entry.js → p-a9482c97.system.entry.js} +1 -1
- package/dist/mint-components/p-b153fc0c.system.js +1 -0
- package/dist/mint-components/p-b5ee2781.js +1 -0
- package/dist/mint-components/p-b67f5743.system.js +1 -0
- package/dist/mint-components/p-b6c4cfec.system.entry.js +1 -0
- package/dist/mint-components/p-b9d010e0.js +1 -0
- package/dist/mint-components/p-be584089.system.entry.js +1 -0
- package/dist/mint-components/{p-6d95589e.system.entry.js → p-be96cc00.system.entry.js} +1 -1
- package/dist/mint-components/p-c74a8f95.entry.js +1 -0
- package/dist/mint-components/{p-2020caa1.system.js → p-cd45b39f.system.js} +1 -1
- package/dist/mint-components/p-cef64e28.system.entry.js +1 -0
- package/dist/mint-components/{p-41e2a408.entry.js → p-d3cd5ec5.entry.js} +1 -1
- package/dist/mint-components/{p-1403b1f1.system.entry.js → p-da99e3c7.system.entry.js} +1 -1
- package/dist/mint-components/{p-9891a965.entry.js → p-dd5ca1b2.entry.js} +2 -2
- package/dist/mint-components/{p-1b9e6fc6.js → p-ea6a7135.js} +1 -1
- package/dist/mint-components/p-f5f25aba.js +1 -0
- package/dist/mint-components/{p-4d964945.entry.js → p-f710f9d7.entry.js} +3 -3
- package/dist/mint-components/{p-4e48267b.system.js → p-fca0dc98.system.js} +1 -1
- package/dist/mint-components/{p-b2e34063.system.entry.js → p-fd3dacb9.system.entry.js} +1 -1
- package/dist/types/components/sqm-portal-verify-email/sqm-portal-verify-email-view.d.ts +1 -0
- package/dist/types/components/sqm-portal-verify-email/usePortalVerifyEmail.d.ts +1 -0
- package/docs/docs.docx +0 -0
- package/package.json +1 -1
- package/dist/esm-es5/ShadowViewAddon-8fd4f148.js +0 -1
- package/dist/esm-es5/sqm-portal-profile-view-eeff5fa0.js +0 -1
- package/dist/esm-es5/sqm-portal-verify-email-view-283bf637.js +0 -1
- package/dist/mint-components/p-0382167f.entry.js +0 -1
- package/dist/mint-components/p-10036f16.js +0 -1
- package/dist/mint-components/p-3652236f.system.entry.js +0 -1
- package/dist/mint-components/p-3e096e73.entry.js +0 -1
- package/dist/mint-components/p-4a3a0014.entry.js +0 -9
- package/dist/mint-components/p-4d9744bf.js +0 -1
- package/dist/mint-components/p-5e1366ac.system.js +0 -1
- package/dist/mint-components/p-6bf41e0d.system.js +0 -1
- package/dist/mint-components/p-8c5a6603.js +0 -1
- package/dist/mint-components/p-9bdccddd.system.entry.js +0 -1
- package/dist/mint-components/p-ab174fe6.system.entry.js +0 -1
- package/dist/mint-components/p-abc6cb26.system.js +0 -1
- package/dist/mint-components/p-ccb7d32e.system.entry.js +0 -1
- package/dist/mint-components/p-d4b174e1.system.js +0 -1
- package/dist/mint-components/p-d60b15e7.js +0 -391
- package/dist/mint-components/p-da718618.system.entry.js +0 -1
- package/dist/mint-components/p-e1253472.system.entry.js +0 -1
- package/docs/picklesdoc--2024-01-15--11-20-00.xlsx +0 -0
- 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-
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
6682
|
-
h("sl-select", Object.assign({ id: "countryCode", exportparts: "label: input-label
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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-
|
|
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", {
|
|
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",
|
|
13
|
+
h("p", null, emptyStateHeader)),
|
|
14
14
|
h("sqm-text", { slot: "content" },
|
|
15
|
-
h("p", {
|
|
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-
|
|
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
|
|
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
|
|
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
|
|
1768
|
-
formState.hasSubRegionTaxNumber && (h("sl-input", Object.assign({ required: true, exportparts: "label: input-label
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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-
|
|
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;
|
package/dist/esm/{sqm-portal-profile-view-eeff5fa0.js → sqm-portal-profile-view-13f0ef79.js}
RENAMED
|
@@ -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
|
|
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
|
|
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
|
|
79
|
-
states.showCountry && (h("sl-input", { label: text.countrytext, value: country, exportparts: "label: input-label
|
|
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-
|
|
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
|
|
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
|
|
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
|
|
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-
|
|
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.
|
|
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-
|
|
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
|
|
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
|
|
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
|
|
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
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
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
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
}
|
|
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
|
-
|
|
58
|
-
if (
|
|
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
|
-
|
|
66
|
-
|
|
67
|
-
|
|
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
|
-
|
|
72
|
-
|
|
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-
|
|
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
|
|