@incodetech/welcome 1.88.0 → 1.88.1

package/dist/onBoarding.mjs

@@ -15,7 +15,7 @@ var Di = (Be, Le, Ye, tt) => ({
   }
 });
 import * as React from "react";
-import React__default, { useState, useRef, useEffect, useCallback, useMemo, useLayoutEffect, useDebugValue, createElement as createElement$2, useContext, createContext, isValidElement, cloneElement, forwardRef, Children, useReducer, useId as useId$1, useImperativeHandle, Fragment as Fragment$1, PureComponent, Component, memo } from "react";
+import React__default, { useState, useRef, useEffect, useCallback, useMemo, useLayoutEffect, useDebugValue, createElement as createElement$2, useContext, createContext, isValidElement, cloneElement, forwardRef, Children, useReducer, useImperativeHandle, Fragment as Fragment$1, PureComponent, Component, memo } from "react";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { createPortal } from "react-dom";
 function _mergeNamespaces(Be, Le) {
@@ -8580,7 +8580,7 @@ class MlWasmJSApi extends WebClient {
       throw new Error(Le);
   }
 }
-const MlWasmJSApi$1 = MlWasmJSApi.getInstance(), version$5 = "1.88.0";
+const MlWasmJSApi$1 = MlWasmJSApi.getInstance(), version$5 = "1.88.1";
 function e$2(Be, Le) {
   return function(Ye, tt) {
     return Object.prototype.hasOwnProperty.call(Ye, tt);
@@ -15566,8 +15566,8 @@ var makeRenderlessComponent = function(Be) {
   tap: makeRenderlessComponent(useTapGesture),
   focus: makeRenderlessComponent(useFocusGesture),
   hover: makeRenderlessComponent(useHoverGesture)
-}, counter = 0, incrementId = function() {
-  return counter++;
+}, counter$1 = 0, incrementId = function() {
+  return counter$1++;
 }, useId = function() {
   return useConstant(incrementId);
 };
@@ -25805,7 +25805,13 @@ var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|def
 tags.forEach(function(Be) {
   styled[Be] = styled(Be);
 });
-const useTokens = () => useTheme(), breakpoints$2 = {
+const useTokens = () => useTheme();
+let counter = 0;
+function useUniqueId(Be = "") {
+  const Le = useRef(null);
+  return Le.current === null && (Le.current = `${Be}:r${(counter++).toString(36)}:`), Le.current;
+}
+const breakpoints$2 = {
   // Tablets (portrait) / Small laptops
   lg: "1024px",
   // Tablets (landscape) / Laptops
@@ -27654,7 +27660,7 @@ const FlexCenter = (Be) => /* @__PURE__ */ jsx$1(Flex$1, { justify: "center", al
   position: kt
 }) => {
   var Bt, Dt, Pt;
-  const vt = Le || tt, bt = useTokens(), It = usePageTheme(), wt = useId$1(), Tt = Ye || wt, Rt = Et ?? ((Bt = It == null ? void 0 : It.branding) == null ? void 0 : Bt.hideFooterBranding) ?? !1;
+  const vt = Le || tt, bt = useTokens(), It = usePageTheme(), wt = useUniqueId("page"), Tt = Ye || wt, Rt = Et ?? ((Bt = It == null ? void 0 : It.branding) == null ? void 0 : Bt.hideFooterBranding) ?? !1;
   return useEffect(() => {
     var Nt;
     Le && ((Nt = document.getElementById(Tt)) == null || Nt.focus());
@@ -28384,7 +28390,7 @@ const FlexCenter = (Be) => /* @__PURE__ */ jsx$1(Flex$1, { justify: "center", al
     renderSelectedLabel: Bt,
     onBlur: Dt
   }, Pt) => {
-    const Nt = useTokens(), Lt = useId$1(), $t = Ct || Lt, Xt = `${$t}-label`, Kt = `${$t}-button`, Vt = `${$t}-listbox`, Ft = `${$t}-error`, Mt = `${$t}-helper`, [Wt, Ut] = useState(!1), [_t, Ht] = useState(!1), [qt, zt] = useState(-1), [en, on] = useState(""), tn = useRef(null), cn = useRef(null), pn = useRef(null), an = useRef(null), gn = useRef([]), mn = useRef(""), sn = useRef();
+    const Nt = useTokens(), Lt = useUniqueId("dropdown"), $t = Ct || Lt, Xt = `${$t}-label`, Kt = `${$t}-button`, Vt = `${$t}-listbox`, Ft = `${$t}-error`, Mt = `${$t}-helper`, [Wt, Ut] = useState(!1), [_t, Ht] = useState(!1), [qt, zt] = useState(-1), [en, on] = useState(""), tn = useRef(null), cn = useRef(null), pn = useRef(null), an = useRef(null), gn = useRef([]), mn = useRef(""), sn = useRef();
     useImperativeHandle(Pt, () => cn.current);
     const nn = bt && en ? nt.filter(
       (un) => un.label.toLowerCase().includes(en.toLowerCase())
@@ -144530,7 +144536,7 @@ const SynchronizedInputGroup = styled.div`
     disableCountrySelector: xt = !1,
     ...Et
   }, yt) => {
-    const { countryItems: Ct } = useCountryItems(), [kt, vt] = useState(), [bt, It] = useState(""), wt = useTokens(), Tt = useId$1(), Rt = `${Tt}-phone`, Bt = `${Tt}-country`;
+    const { countryItems: Ct } = useCountryItems(), [kt, vt] = useState(), [bt, It] = useState(""), wt = useTokens(), Tt = useUniqueId("phone-input"), Rt = `${Tt}-phone`, Bt = `${Tt}-country`;
     useEffect(() => {
       const Vt = Ct.get(Be) ?? Ct.get("MX");
       vt(Vt == null ? void 0 : Vt.id);