@saasquatch/mint-components 1.15.0-53 → 1.15.0-55

package/dist/cjs/loader.cjs.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-require('./stencil-hooks.module-62264802.js');
-require('./global-6d0d196d.js');
-require('./index.module-39955732.js');
+require('./global-adc86686.js');
+require('./dom-context-hooks.module-7fa676ae.js');
+require('./index.module-4f54e412.js');
 
 /*
  Stencil Client Patch Esm v2.4.0 | MIT Licensed | https://stenciljs.com

package/dist/cjs/{luxon-3b809948.js → luxon-949beaf2.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
 
-var luxon = stencilHooks_module.createCommonjsModule(function (module, exports) {
+var luxon = domContextHooks_module.createCommonjsModule(function (module, exports) {
 
 Object.defineProperty(exports, '__esModule', { value: true });
 

package/dist/cjs/mint-components.cjs.js

@@ -1,9 +1,9 @@
 'use strict';
 
 const index = require('./index-a43a63b4.js');
-require('./stencil-hooks.module-62264802.js');
-require('./global-6d0d196d.js');
-require('./index.module-39955732.js');
+require('./global-adc86686.js');
+require('./dom-context-hooks.module-7fa676ae.js');
+require('./index.module-4f54e412.js');
 
 /*
  Stencil Client Patch Browser v2.4.0 | MIT Licensed | https://stenciljs.com

package/dist/cjs/{mockRewardData-baa02051.js → mockRewardData-df37c8a3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const luxon = require('./luxon-3b809948.js');
+const luxon = require('./luxon-949beaf2.js');
 
 const mockRewardData = (count = 4, status = undefined) => {
   const data = [...Array(count)].map(() => getMockData(status));

package/dist/cjs/{re-render-28fed959.js → re-render-d516138a.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const index_module = require('./index.module-39955732.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 
 const RENDER_EVENT = "sqm:request-rerender";
 /**
@@ -13,7 +13,7 @@ const RENDER_EVENT = "sqm:request-rerender";
  */
 function useRequestRerender(deps) {
   const host = index_module._();
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     host.dispatchEvent(new CustomEvent(RENDER_EVENT, {
       detail: true,
       bubbles: true,
@@ -27,7 +27,7 @@ function useRequestRerender(deps) {
 function useRerenderListener() {
   const host = index_module._();
   const [tick, rerender] = index_module.yn();
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     const listener = (e) => {
       // Preventes recursively nested components from sending requests up all the way
       e.stopPropagation();

package/dist/cjs/sqm-banking-info-form_10.cjs.entry.js

@@ -3,24 +3,24 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-a43a63b4.js');
-const stencilHooks_module = require('./stencil-hooks.module-62264802.js');
-const global = require('./global-6d0d196d.js');
-const index_module = require('./index.module-39955732.js');
+const global = require('./global-adc86686.js');
+const domContextHooks_module = require('./dom-context-hooks.module-7fa676ae.js');
+const index_module = require('./index.module-4f54e412.js');
 const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 const utils = require('./utils-6847bc06.js');
 const JSS = require('./JSS-8503a151.js');
 require('./mixins-4761d472.js');
 const GenericTableView = require('./GenericTableView-107ade89.js');
-const reRender = require('./re-render-28fed959.js');
-const useChildElements = require('./useChildElements-e5fa605c.js');
-const luxon = require('./luxon-3b809948.js');
-const useReferralTable = require('./useReferralTable-19e7523a.js');
-const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-6e117dd3.js');
-const utils$1 = require('./utils-0b09e2cb.js');
-const data = require('./data-68a42a7b.js');
+const reRender = require('./re-render-d516138a.js');
+const useChildElements = require('./useChildElements-966c9041.js');
+const luxon = require('./luxon-949beaf2.js');
+const useReferralTable = require('./useReferralTable-90d4d6e9.js');
+const IndirectTaxDetailsView = require('./IndirectTaxDetailsView-dfef88aa.js');
+const utils$1 = require('./utils-5c07844e.js');
+const data = require('./data-d4339c2e.js');
 const keys = require('./keys-cff24974.js');
-const usePayoutStatus = require('./usePayoutStatus-3cca69e5.js');
+const usePayoutStatus = require('./usePayoutStatus-3b34dab1.js');
 
 function getFormMap({ props, getValidationErrorMessage, bankCountry, }) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32;
@@ -898,22 +898,22 @@ function useBankingInfoForm(props) {
   const [step, setStep] = index_module.Pn(data.TAX_CONTEXT_NAMESPACE);
   const context = index_module.Fn(data.TAX_FORM_CONTEXT_NAMESPACE);
   const countries = index_module.Fn(data.SORTED_COUNTRIES_NAMESPACE);
-  const formRef = stencilHooks_module.useRef(null);
+  const formRef = domContextHooks_module.useRef(null);
   const { data: paymentOptionsData, loading: paymentOptionsLoading, errors: paymentOptionsError, } = index_module.$n(data.FINANCE_NETWORK_SETTINGS_NAMESPACE);
   const { data: userData, refetch, errors: userError, } = index_module.$n(data.USER_QUERY_NAMESPACE);
   const [saveWithdrawalSettings] = index_module.$e(SAVE_WITHDRAWAL_SETTINGS);
   const [updateWithdrawalSettings] = index_module.$e(UPDATE_WITHDRAWAL_SETTINGS);
-  const [showVerification, setShowVerification] = stencilHooks_module.useState(false);
-  const [currentFormData, setCurrentFormData] = stencilHooks_module.useState(null);
-  const [formState, setFormState] = stencilHooks_module.useState({});
-  const [currentPaymentOption, setCurrentPaymentOption] = stencilHooks_module.useState(null);
-  const [loading, setLoading] = stencilHooks_module.useState(false);
-  const [errors, setErrors] = stencilHooks_module.useState({});
-  const [_paymentMethodChecked, _setPaymentMethodChecked] = stencilHooks_module.useState(undefined);
-  const [paymentScheduleChecked, setPaymentScheduleChecked] = stencilHooks_module.useState(undefined);
-  const [countrySearch, setCountrySearch] = stencilHooks_module.useState("");
-  const [filteredCountries, setFilteredCountries] = stencilHooks_module.useState(countries || []);
-  const [showModal, setShowModal] = stencilHooks_module.useState(false);
+  const [showVerification, setShowVerification] = domContextHooks_module.useState(false);
+  const [currentFormData, setCurrentFormData] = domContextHooks_module.useState(null);
+  const [formState, setFormState] = domContextHooks_module.useState({});
+  const [currentPaymentOption, setCurrentPaymentOption] = domContextHooks_module.useState(null);
+  const [loading, setLoading] = domContextHooks_module.useState(false);
+  const [errors, setErrors] = domContextHooks_module.useState({});
+  const [_paymentMethodChecked, _setPaymentMethodChecked] = domContextHooks_module.useState(undefined);
+  const [paymentScheduleChecked, setPaymentScheduleChecked] = domContextHooks_module.useState(undefined);
+  const [countrySearch, setCountrySearch] = domContextHooks_module.useState("");
+  const [filteredCountries, setFilteredCountries] = domContextHooks_module.useState(countries || []);
+  const [showModal, setShowModal] = domContextHooks_module.useState(false);
   const currency = ((_c = (_b = (_a = userData === null || userData === void 0 ? void 0 : userData.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher) === null || _c === void 0 ? void 0 : _c.currency) || "";
   const isPartner = !!((_f = (_e = (_d = userData === null || userData === void 0 ? void 0 : userData.user) === null || _d === void 0 ? void 0 : _d.impactConnection) === null || _e === void 0 ? void 0 : _e.publisher) === null || _f === void 0 ? void 0 : _f.withdrawalSettings);
   const feeCap = paypalFeeMap[currency] || "";
@@ -933,7 +933,7 @@ function useBankingInfoForm(props) {
   const paymentMethodChecked = !hasPayPal
     ? "toBankAccount"
     : _paymentMethodChecked;
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     if (!userData)
       return;
@@ -977,7 +977,7 @@ function useBankingInfoForm(props) {
     setPaymentScheduleChecked(initialData.paymentSchedulingType);
     setFormState(initialData);
   }, [paymentOptions, userData, setCurrentPaymentOption, setFormState]);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (!(countries === null || countries === void 0 ? void 0 : countries.length))
       return;
     if (countrySearch.trim() === "") {
@@ -1452,7 +1452,7 @@ const BankingInfoForm = class {
      * @uiName Information modal button text
      */
     this.modalButtonText = "I understand, update my information";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   getTextProps() {
@@ -1593,10 +1593,10 @@ function useDemoBankingInfoForm(props) {
   const defaultCurrency = (_h = (_g = props.demoData) === null || _g === void 0 ? void 0 : _g.states) === null || _h === void 0 ? void 0 : _h.currency;
   const defaultCountry = (_l = (_k = (_j = props.demoData) === null || _j === void 0 ? void 0 : _j.states) === null || _k === void 0 ? void 0 : _k.formState) === null || _l === void 0 ? void 0 : _l.bankCountry;
   const setStep = index_module.En(data.TAX_CONTEXT_NAMESPACE);
-  const [paymentMethodChecked, setPaymentMethodChecked] = stencilHooks_module.useState(undefined);
-  const [paymentScheduleChecked, setPaymentScheduleChecked] = stencilHooks_module.useState(undefined);
-  const [currency, setCurrency] = stencilHooks_module.useState(defaultCurrency);
-  const [bankCountry, setBankCountry] = stencilHooks_module.useState(defaultCountry);
+  const [paymentMethodChecked, setPaymentMethodChecked] = domContextHooks_module.useState(undefined);
+  const [paymentScheduleChecked, setPaymentScheduleChecked] = domContextHooks_module.useState(undefined);
+  const [currency, setCurrency] = domContextHooks_module.useState(defaultCurrency);
+  const [bankCountry, setBankCountry] = domContextHooks_module.useState(defaultCountry);
   const currentPaymentOption = (_m = mockPaymentOptions[currency]) === null || _m === void 0 ? void 0 : _m.find((paymentOption) => {
     if (paymentOption.countryCode === bankCountry)
       return true;
@@ -1604,7 +1604,7 @@ function useDemoBankingInfoForm(props) {
   });
   const bitset = (currentPaymentOption === null || currentPaymentOption === void 0 ? void 0 : currentPaymentOption.withdrawalSettingId) || ((_p = (_o = props.demoData) === null || _o === void 0 ? void 0 : _o.states) === null || _p === void 0 ? void 0 : _p.bitset) ||
     0;
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (defaultPaymentMethodChecked !== paymentMethodChecked)
       setPaymentMethodChecked(defaultPaymentMethodChecked);
     if (defaultPaymentScheduleChecked !== paymentScheduleChecked)
@@ -1722,18 +1722,18 @@ function useDocusignForm(props) {
   const publisher = (_b = (_a = data$1 === null || data$1 === void 0 ? void 0 : data$1.user) === null || _a === void 0 ? void 0 : _a.impactConnection) === null || _b === void 0 ? void 0 : _b.publisher;
   const [createTaxDocument, { loading: documentLoading, data: document, errors: documentErrors },] = index_module.$e(GET_TAX_DOCUMENT);
   const [completeTaxDocument, { loading: completeDocumentLoading, data: completeData, errors: completeErrors, },] = index_module.$e(COMPLETE_TAX_DOCUMENT);
-  const [docusignStatus, setDocusignStatus] = stencilHooks_module.useState(undefined);
-  const [participantType, setParticipantType] = stencilHooks_module.useState(undefined);
-  const [errors, setErrors] = stencilHooks_module.useState({});
-  const [loading, setLoading] = stencilHooks_module.useState(false);
-  const [showExitButton, setShowExitButton] = stencilHooks_module.useState(false);
-  const [showModal, setShowModal] = stencilHooks_module.useState(true);
+  const [docusignStatus, setDocusignStatus] = domContextHooks_module.useState(undefined);
+  const [participantType, setParticipantType] = domContextHooks_module.useState(undefined);
+  const [errors, setErrors] = domContextHooks_module.useState({});
+  const [loading, setLoading] = domContextHooks_module.useState(false);
+  const [showExitButton, setShowExitButton] = domContextHooks_module.useState(false);
+  const [showModal, setShowModal] = domContextHooks_module.useState(true);
   // Only look at current document if it's valid (same as required type)
   const existingDocumentType = utils$1.validTaxDocument(publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType) && (publisher === null || publisher === void 0 ? void 0 : publisher.currentTaxDocument)
     ? publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType : undefined;
   const actualDocumentType = existingDocumentType ||
     getDocumentType(participantType) || (publisher === null || publisher === void 0 ? void 0 : publisher.requiredTaxDocumentType);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (!existingDocumentType)
       return;
     if (existingDocumentType === "W8BEN") {
@@ -1743,7 +1743,7 @@ function useDocusignForm(props) {
       setParticipantType("businessEntity");
     }
   }, [existingDocumentType]);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     // Skip if no publisher info
     if (!user || !publisher)
       return;
@@ -1917,7 +1917,7 @@ const DocusignLoadingView = () => {
 };
 const DocusignIframe = ({ states, data, callbacks, text, }) => {
   const { classes } = sheet$1;
-  const [iFrameHeight, setiFrameHeight] = stencilHooks_module.useState("100%");
+  const [iFrameHeight, setiFrameHeight] = domContextHooks_module.useState("100%");
   const allowedDomains = [
     "referralsaasquatch.com",
     "impacttech.complysandbox.com",
@@ -1934,7 +1934,7 @@ const DocusignIframe = ({ states, data, callbacks, text, }) => {
       callbacks.completeDocument();
     }
   }, []);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     window.addEventListener("message", callback, false);
     return () => {
       window.removeEventListener("message", callback, false);
@@ -2275,7 +2275,7 @@ const DocusignForm = class {
      * @uiName Information modal button text
      */
     this.modalButtonText = "I understand";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   getTextProps() {
@@ -2639,7 +2639,7 @@ function useIndirectTaxForm(props) {
   var _a, _b, _c, _d, _e;
   const user = index_module.J();
   const locale = index_module.L();
-  const formRef = stencilHooks_module.useRef(null);
+  const formRef = domContextHooks_module.useRef(null);
   const context = index_module.Fn(data.TAX_FORM_CONTEXT_NAMESPACE);
   const [step, setStep] = index_module.Pn(data.TAX_CONTEXT_NAMESPACE);
   const [connectImpactPartner, { loading: connectLoading, errors: connectErrors },] = index_module.$e(CONNECT_PARTNER);
@@ -2647,22 +2647,22 @@ function useIndirectTaxForm(props) {
   const { data: userData, refetch, errors: userError, } = index_module.$n(data.USER_QUERY_NAMESPACE);
   const { data: _countriesRes, loading: countriesLoading } = index_module.$n(data.COUNTRIES_QUERY_NAMESPACE);
   const intlLocale = (locale === null || locale === void 0 ? void 0 : locale.replace("_", "-")) || "en";
-  const _countries = stencilHooks_module.useMemo(() => { var _a, _b; return (_b = (_a = _countriesRes === null || _countriesRes === void 0 ? void 0 : _countriesRes.impactPayoutCountries) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.map((country) => utils$1.getCountryObj({ countryCode: country.countryCode, locale: intlLocale })); }, [(_a = _countriesRes === null || _countriesRes === void 0 ? void 0 : _countriesRes.impactPayoutCountries) === null || _a === void 0 ? void 0 : _a.data]);
-  const [loading, setLoading] = stencilHooks_module.useState(false);
-  const [formState, setFormState] = stencilHooks_module.useState({});
-  const [errors, setErrors] = stencilHooks_module.useState({});
-  const [countrySearch, setCountrySearch] = stencilHooks_module.useState("");
-  const [filteredCountries, setFilteredCountries] = stencilHooks_module.useState(_countries || []);
-  const [option, setOption] = stencilHooks_module.useState("notRegistered");
+  const _countries = domContextHooks_module.useMemo(() => { var _a, _b; return (_b = (_a = _countriesRes === null || _countriesRes === void 0 ? void 0 : _countriesRes.impactPayoutCountries) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.map((country) => utils$1.getCountryObj({ countryCode: country.countryCode, locale: intlLocale })); }, [(_a = _countriesRes === null || _countriesRes === void 0 ? void 0 : _countriesRes.impactPayoutCountries) === null || _a === void 0 ? void 0 : _a.data]);
+  const [loading, setLoading] = domContextHooks_module.useState(false);
+  const [formState, setFormState] = domContextHooks_module.useState({});
+  const [errors, setErrors] = domContextHooks_module.useState({});
+  const [countrySearch, setCountrySearch] = domContextHooks_module.useState("");
+  const [filteredCountries, setFilteredCountries] = domContextHooks_module.useState(_countries || []);
+  const [option, setOption] = domContextHooks_module.useState("notRegistered");
   const publisher = (_c = (_b = userData === null || userData === void 0 ? void 0 : userData.user) === null || _b === void 0 ? void 0 : _b.impactConnection) === null || _c === void 0 ? void 0 : _c.publisher;
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     var _a;
     if (!((_a = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _a === void 0 ? void 0 : _a.indirectTaxCountryCode))
       return;
     const _option = getOption(_countries, publisher.taxInformation.indirectTaxCountryCode);
     setOption(_option);
   }, [publisher, _countries]);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (countrySearch.trim() === "") {
       setFilteredCountries(_countries || []);
     }
@@ -2670,7 +2670,7 @@ function useIndirectTaxForm(props) {
       setFilteredCountries((_countries === null || _countries === void 0 ? void 0 : _countries.filter((c) => c.displayName.toLowerCase().includes(countrySearch.toLowerCase()))) || []);
     }
   }, [countrySearch, _countries]);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     var _a, _b;
     const user = userData === null || userData === void 0 ? void 0 : userData.user;
     if (!user)
@@ -2987,7 +2987,7 @@ const IndirectTaxForm = class {
      * @uiName Page description
      */
     this.taxAndPayoutsDescription = "Submit your tax documents and add your banking information to receive your rewards.";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   getTextProps() {
@@ -3041,8 +3041,8 @@ const IndirectTaxForm = class {
 };
 function useDemoIndirectTaxForm(props) {
   const setStep = index_module.En(data.TAX_CONTEXT_NAMESPACE);
-  const [option, setOption] = stencilHooks_module.useState("otherRegion");
-  const [demoFormState, setDemoFormState] = stencilHooks_module.useState({});
+  const [option, setOption] = domContextHooks_module.useState("otherRegion");
+  const [demoFormState, setDemoFormState] = domContextHooks_module.useState({});
   return cjs.cjs({
     states: {
       step: "2",
@@ -3142,7 +3142,7 @@ const getMockData = () => {
   };
 };
 
-const debug = stencilHooks_module.browser("sq:useInvoiceTable");
+const debug = domContextHooks_module.browser("sq:useInvoiceTable");
 const CSS_NAMESPACE = "sqm-invoice-table";
 const GET_INVOICES = index_module.dist.gql `
   query getUserTaxInfo($limit: Int!, $offset: Int!) {
@@ -3172,7 +3172,7 @@ function useInvoiceTable(props, emptyElement, loadingElement) {
   var _a;
   const user = index_module.J();
   const locale = index_module.L();
-  const [content, setContent] = stencilHooks_module.useReducer((state, next) => ({
+  const [content, setContent] = domContextHooks_module.useReducer((state, next) => ({
     ...state,
     ...next,
   }), {
@@ -3216,7 +3216,7 @@ function useInvoiceTable(props, emptyElement, loadingElement) {
     // Set the content to render and finish loading components
     setContent({ columns, loading: false, page: states.currentPage });
   }
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     setContent({ loading: true });
     invoicesData && getComponentData(components);
   }, [invoicesData, components, tick]);
@@ -3323,7 +3323,7 @@ const InvoiceTable = class {
     this.emptyStateHeader = "View your invoice details";
     /** @uiName Empty invoice table description */
     this.emptyStateText = "Refer a friend to view the status of your invoices and rewards earned";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   render() {
@@ -3346,7 +3346,7 @@ function LoadingRow() {
   return (index.h("sqm-table-row", null, index.h("sqm-table-cell", { colspan: 6 }, index.h("sl-skeleton", null))));
 }
 function useInvoiceTableDemo(props, emptyElement, loadingElement) {
-  const [content, setContent] = stencilHooks_module.useReducer((state, next) => ({
+  const [content, setContent] = domContextHooks_module.useReducer((state, next) => ({
     ...state,
     ...next,
   }), {
@@ -3356,7 +3356,7 @@ function useInvoiceTableDemo(props, emptyElement, loadingElement) {
     page: 0,
   });
   const tick = reRender.useRerenderListener();
-  const mockData = stencilHooks_module.useMemo(() => { var _a; return ((_a = props.demoData) === null || _a === void 0 ? void 0 : _a.mockData) || mockInvoiceData(props.perPage); }, [props.perPage]);
+  const mockData = domContextHooks_module.useMemo(() => { var _a; return ((_a = props.demoData) === null || _a === void 0 ? void 0 : _a.mockData) || mockInvoiceData(props.perPage); }, [props.perPage]);
   const components = useChildElements.useChildElements();
   async function getComponentData(components) {
     const componentData = mockData.data.slice(0, props.perPage);
@@ -3399,7 +3399,7 @@ function useInvoiceTableDemo(props, emptyElement, loadingElement) {
     // Set the content to render and finish loading components
     setContent({ columns, loading: false, page: 0 });
   }
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     setContent({ loading: true });
     (mockData === null || mockData === void 0 ? void 0 : mockData.data) && getComponentData(components);
   }, [mockData === null || mockData === void 0 ? void 0 : mockData.data, components, tick]);
@@ -3438,7 +3438,7 @@ function useInvoiceTableDemo(props, emptyElement, loadingElement) {
 const InvoiceTableDataColumn = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   async renderCell(data) {
@@ -3456,7 +3456,7 @@ const InvoiceTableDataColumn = class {
 const InvoiceTableDateColumn = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   async renderCell(data, options) {
@@ -3474,7 +3474,7 @@ const InvoiceTableDateColumn = class {
 const InvoiceTableGenericColumn = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   async renderCell(data) {
@@ -3778,7 +3778,7 @@ const PayoutDetailsCard = class {
      * @componentState { "title": "Loading", "props": { "states": { "loading": true } } }
      */
     this.stateController = "{}";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   getTextProps() {
@@ -4298,10 +4298,10 @@ const useTaxAndCashDashboard = (props) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
   const setStep = index_module.En(data.TAX_CONTEXT_NAMESPACE);
   const setContext = index_module.En(data.TAX_FORM_CONTEXT_NAMESPACE);
-  const [showDialog, setShowDialog] = stencilHooks_module.useState(false);
+  const [showDialog, setShowDialog] = domContextHooks_module.useState(false);
   const { render, loading: veriffLoading, errors: veriffErrors, } = usePayoutStatus.useVeriffApp();
   const locale = index_module.L();
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     // Clear override context once on submitted
     setContext({});
   }, []);
@@ -4331,7 +4331,7 @@ const useTaxAndCashDashboard = (props) => {
   };
   const provinceName = (_d = IndirectTaxDetailsView.INDIRECT_TAX_PROVINCES.find((p) => { var _a; return p.regionCode === ((_a = publisher === null || publisher === void 0 ? void 0 : publisher.taxInformation) === null || _a === void 0 ? void 0 : _a.indirectTaxRegion); })) === null || _d === void 0 ? void 0 : _d.displayName;
   const payoutStatus = data$1 ? usePayoutStatus.getStatus(data$1) : null;
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     const cb = () => refetch();
     window.addEventListener(usePayoutStatus.VERIFF_COMPLETE_EVENT_KEY, cb);
     return () => {
@@ -4681,7 +4681,7 @@ const TaxAndCashDashboard = class {
      * @uiName Cancel button label
      */
     this.cancelButton = "Cancel";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   getTextProps() {
@@ -6174,24 +6174,24 @@ const UserInfoFormView = (props) => {
 
 function useUserInfoForm(props) {
   var _a, _b, _c, _d;
-  const currencyRef = stencilHooks_module.useRef(undefined);
-  const phoneCountryRef = stencilHooks_module.useRef(undefined);
-  const formRef = stencilHooks_module.useRef(null);
+  const currencyRef = domContextHooks_module.useRef(undefined);
+  const phoneCountryRef = domContextHooks_module.useRef(undefined);
+  const formRef = domContextHooks_module.useRef(null);
   const context = index_module.Fn(data.TAX_FORM_CONTEXT_NAMESPACE);
   const countries = index_module.Fn(data.SORTED_COUNTRIES_NAMESPACE);
   const [step, setStep] = index_module.Pn(data.TAX_CONTEXT_NAMESPACE);
   const [userFormContext, setUserFormContext] = index_module.Pn(data.USER_FORM_CONTEXT_NAMESPACE);
   const { data: data$1, loading, errors: userError, } = index_module.$n(data.USER_QUERY_NAMESPACE);
   const _currencies = index_module.Fn(data.CURRENCIES_NAMESPACE);
-  const currencies = stencilHooks_module.useMemo(() => [...(_currencies || [])].sort((a, b) => a.displayName.localeCompare(b.displayName)), [_currencies]);
-  const [countrySearch, setCountrySearch] = stencilHooks_module.useState("");
-  const [phoneCountrySearch, setPhoneCountrySearch] = stencilHooks_module.useState("");
-  const [filteredCountries, setFilteredCountries] = stencilHooks_module.useState(countries || []);
-  const [filteredPhoneCountries, setFilteredPhoneCountries] = stencilHooks_module.useState(countries || []);
-  const [currencySearch, setCurrencySearch] = stencilHooks_module.useState("");
-  const [filteredCurrencies, setFilteredCurrencies] = stencilHooks_module.useState(currencies || []);
-  const [formErrors, setErrors] = stencilHooks_module.useState({});
-  stencilHooks_module.useEffect(() => {
+  const currencies = domContextHooks_module.useMemo(() => [...(_currencies || [])].sort((a, b) => a.displayName.localeCompare(b.displayName)), [_currencies]);
+  const [countrySearch, setCountrySearch] = domContextHooks_module.useState("");
+  const [phoneCountrySearch, setPhoneCountrySearch] = domContextHooks_module.useState("");
+  const [filteredCountries, setFilteredCountries] = domContextHooks_module.useState(countries || []);
+  const [filteredPhoneCountries, setFilteredPhoneCountries] = domContextHooks_module.useState(countries || []);
+  const [currencySearch, setCurrencySearch] = domContextHooks_module.useState("");
+  const [filteredCurrencies, setFilteredCurrencies] = domContextHooks_module.useState(currencies || []);
+  const [formErrors, setErrors] = domContextHooks_module.useState({});
+  domContextHooks_module.useEffect(() => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     const user = data$1 === null || data$1 === void 0 ? void 0 : data$1.user;
     if (!user || step !== "/1")
@@ -6249,7 +6249,7 @@ function useUserInfoForm(props) {
       currencyRef.current.value = "";
     }
   };
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (!(countries === null || countries === void 0 ? void 0 : countries.length))
       return;
     if (countrySearch.trim() === "") {
@@ -6259,7 +6259,7 @@ function useUserInfoForm(props) {
       setFilteredCountries(countries.filter((c) => c.displayName.toLowerCase().includes(countrySearch.toLowerCase())) || []);
     }
   }, [countrySearch, countries]);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (!(countries === null || countries === void 0 ? void 0 : countries.length))
       return;
     if (phoneCountrySearch.trim() === "") {
@@ -6269,7 +6269,7 @@ function useUserInfoForm(props) {
       setFilteredPhoneCountries(countries.filter((c) => c.displayName.toLowerCase().includes(phoneCountrySearch.toLowerCase())) || []);
     }
   }, [phoneCountrySearch, countries]);
-  stencilHooks_module.useEffect(() => {
+  domContextHooks_module.useEffect(() => {
     if (!(currencies === null || currencies === void 0 ? void 0 : currencies.length))
       return;
     if (currencySearch.trim() === "") {
@@ -6523,7 +6523,7 @@ const TaxForm = class {
      * @uiName Support link text
      */
     this.supportLink = "support team";
-    stencilHooks_module.h$1(this);
+    domContextHooks_module.h$1(this);
   }
   disconnectedCallback() { }
   getTextProps() {