@mirantes-micro/foundation-design-system 1.2.348 → 1.2.350

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 (2) hide show
  1. package/dist/index.js +1 -1
  2. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -201,7 +201,7 @@
201
201
  }
202
202
  }
203
203
  }
204
- `;async function Lg(A,e){try{return await $9__default.default(A??"",Sg,{input:{...e?.input}})}catch{return null}}function kr(){let{analyticsApiUrl:A}=y(),{mutate:e}=rA({mutationFn:({input:t})=>Lg(A,{input:t})});return {registerEvent:e}}async function Eg(A,e){try{let t=new FormData;e.files.forEach((n,o)=>{t.append(`files[${o}]`,n);}),t.append("owner_type",e.owner_type),t.append("is_public",String(e.is_public)),e.owner_id&&t.append("owner_id",e.owner_id);let{data:r}=await A.post("/assets/bulk",t,{headers:{"Content-Type":"multipart/form-data"},signal:e.signal});return r}catch{return null}}async function Xg(A,e){try{let t=new FormData;t.append("file",e.file),t.append("owner_type",e.owner_type),t.append("is_public",String(e.is_public)),e.owner_id&&t.append("owner_id",e.owner_id);let{data:r}=await A.post("/assets/",t,{headers:{"Content-Type":"multipart/form-data"}});return r}catch{return null}}async function Ig(A,e){try{let{data:t}=await A.post("/assets/signed-url",e);return t}catch{return null}}async function Df(A,e=""){if(!e?.length)return null;try{let{data:t}=await A.get(`/assets/${encodeURIComponent(e)}/versions`);return t}catch{return null}}async function Rg(A,e={}){let{maxSizeMB:t=99999,maxWidthOrHeight:r=99999,useWebWorker:n=true,onProgress:o,initialQuality:a=.8}=e,s=await lC__default.default(A,{maxSizeMB:t,maxWidthOrHeight:r,useWebWorker:n,onProgress:o,initialQuality:a,preserveExif:true}),i=new File([s],A.name,{type:s.type});return {file:i,originalSize:A.size,compressedSize:i.size,compressionRatio:i.size/A.size}}var Cg=A=>["image/jpeg","image/png","image/webp"].includes(A.type);function Fg(A){if(!A||!A?.versions)return "medium";let e=A?.versions,t=(Object?.entries(e)).find(([r,n])=>n?.recommended);if(t)return t[0];if(typeof window<"u"&&window.devicePixelRatio>=2&&e?.large)return "large";if(typeof navigator<"u"){let n=navigator?.connection?.effectiveType;if(n&&["slow-2g","2g"].includes(n)&&e?.small)return "small"}return "medium"}var _0=()=>{let{user:A,assetsApiUrl:e}=y(),t=ky__default.default.create({baseURL:e??"",headers:{"Content-Type":"application/json"}});return t.interceptors.request.use(r=>(A?.accessToken&&(r.headers["x-access-token"]=A?.accessToken),r)),t.interceptors.response.use(r=>r,r=>((r.code==="ECONNABORTED"||r.message.includes("timeout"))&&console.error("Request timed out. Please check your connection."),Promise.reject(r))),{assetsApi:t}};async function Yg(A){return Cg(A)?(await Rg(A,{useWebWorker:true}))?.file:A}function $a(){let{assetsApi:A}=_0(),{mutate:e,isPending:t}=rA({mutationFn:async r=>{let n=await Yg(r.file);return Xg(A,{...r,file:n})}});return {uploadAssets:e,isUploadingAsset:t}}function As(){let{assetsApi:A}=_0(),{mutate:e,isPending:t}=rA({mutationFn:async r=>{let n=await Promise.all(r.files.map(o=>Yg(o)));return Eg(A,{...r,files:n})}});return {uploadAssetsBulk:e,isUploadingBulk:t}}function Jg(){let{assetsApi:A}=_0(),{mutate:e,isPending:t}=rA({mutationFn:r=>Ig(A,r)});return {postSignedUrl:e,isPostingSignedUrl:t}}function Ug(A){let{assetsApi:e}=_0(),{data:t,isLoading:r,error:n}=CA({queryKey:["asset-versions",A],enabled:!!A,queryFn:()=>Df(e,A),staleTime:1e3*60*5});return {assetVersions:t,isGettingAssetVersions:r,error:n}}function Dg(A){let{assetsApi:e}=_0(),{data:t,isLoading:r,error:n}=CA({queryKey:["asset-best-version",A],enabled:!!A,queryFn:async()=>{try{let o=await Df(e,A);if(!o?.versions)return null;let a=Fg(o);return o.versions[a]?.url??null}catch{return null}},staleTime:1e3*60*5});return {url:t,isGettingUrl:r,error:n}}var dC="app:logout",ap=()=>{let A=new CustomEvent(dC);window.dispatchEvent(A);};function A4(A,e){let t=A==="dev";return {domain:t?"localhost":e,secure:!t,sameSite:"lax",path:"/"}}function e4(A,e,t,r){try{cookiesNext.setCookie(A,e,{...t,...r});}catch(n){console.error(`Cookie save failed: ${A}`,n);}}function t4(A,e){[void 0,e.domain].forEach(r=>{cookiesNext.deleteCookie(A,{...e,domain:r,path:"/",sameSite:"lax"});});}function Gg(A){return cookiesNext.getCookie(A)}var fC=["_accessToken","_refreshToken","_userData","_userId","_userSlug","_userStatus","_MIRAId","_loggedAt","_companyId","_isBackOffice","impersonate"];function $0(A,e={}){let{broadcast:t=true,reload:r=true,redirectUrl:n}=e;fC.forEach(o=>t4(o,A)),typeof window<"u"&&(localStorage.clear(),sessionStorage.clear()),t&&sp(),typeof window<"u"&&(n?window.location.href=n:r&&window.location.reload());}function ip(){let{user:A,environment:e,mirantesDomain:t,authedApi:r}=y(),n=U.useMemo(()=>A4(e??"",t),[e,t]);return {handleApiLogout:U.useCallback(async a=>{let{onSuccess:s,onError:i,broadcast:l=true,reload:c=true,redirectUrl:d}=a??{};try{(await r?.post("/auth/logout"))?.status===200&&(s?.(),$0(n,{broadcast:l,reload:c,redirectUrl:d}));}catch(m){i?.(m),$0(n,{broadcast:l,reload:c,redirectUrl:d});}},[A?.accessToken,n])}}var bC="mirantes-logout",Gf=null;function Kg(){return !Gf&&typeof window<"u"&&(Gf=new BroadcastChannel(bC)),Gf}function Bg(A){Kg()?.addEventListener("message",e=>{e.data?.type==="LOGOUT"&&A();});}function Qg(){Kg()?.close();}function lp(){let{environment:A,mirantesDomain:e}=y(),t=U.useMemo(()=>A4(A??"",e),[A,e]);return U.useEffect(()=>(Bg(()=>{$0(t,{broadcast:false,reload:true});}),()=>Qg()),[t]),{handleLogout:U.useCallback(n=>{$0(t,n);},[t])}}var Bf=(A={})=>{let{storageKey:e="auto_display",maxShows:t=3,initialDelayMs:r=5e3,intervalMs:n,mobileOnly:o=false,enabled:a=true,onOpen:s,onClose:i}=A,[l,c]=U.useState(false),d=`${e}_count`,m=`${e}_session`,p=()=>typeof window>"u"?false:window.innerWidth<=768,u=U.useCallback(()=>typeof window>"u"||!a||o&&!p()||sessionStorage.getItem(m)==="true"?false:parseInt(sessionStorage.getItem(d)||"0")<t,[a,o,t]),f=()=>{let h=parseInt(sessionStorage.getItem(d)||"0");sessionStorage.setItem(d,(h+1).toString()),sessionStorage.setItem(m,"true");},v=U.useCallback(()=>{u()&&(c(true),s?.(),f());},[u,s]),x=U.useCallback(()=>{c(false),i?.();},[i]);U.useEffect(()=>{if(!a)return;let h,P=setTimeout(()=>{v(),n&&(h=setInterval(()=>{v();},n));},r);return ()=>{clearTimeout(P),h&&clearInterval(h);}},[a,r,n,v]);let b=()=>{sessionStorage.removeItem(d),sessionStorage.removeItem(m);};return {isOpen:l,open:v,close:x,canShow:u(),reset:b}};var MC=({component:A,render:e,componentProps:t={},maxShows:r,initialDelayMs:n,intervalMs:o,mobileOnly:a,enabled:s,storageKey:i})=>{let{isOpen:l,close:c}=Bf({maxShows:r,initialDelayMs:n,intervalMs:o,mobileOnly:a,enabled:s,storageKey:i});return e?U__namespace.default.createElement(U__namespace.default.Fragment,null,e({isOpen:l,onClose:c})):A?U__namespace.default.createElement(A,{...t,isOpen:l,onClose:c}):null};function NC(A,e){cookiesNext.deleteCookie(A,{sameSite:"lax",path:"/",domain:e?.domain,secure:e?.secure});}var jC=["_accessToken","_refreshToken","_userData","_userId","_userSlug","_userStatus","_MIRAId","_loggedAt","_companyId","_isBackOffice","impersonate"];function wC(A){jC.forEach(e=>{NC(e,A);});}function HC(){typeof window>"u"||(localStorage.clear(),sessionStorage.clear());}function WC(A={}){let{broadcast:e=true,reload:t=true,redirectUrl:r,domain:n,secure:o}=A;wC(n?{domain:n,secure:o}:void 0),HC(),e&&sp(),typeof window<"u"&&(r?window.location.href=r:t&&window.location.reload());}var D=U.forwardRef(({label:A,type:e="button",className:t,onClick:r,onMouseDown:n,onMouseUp:o,onMouseEnter:a,onMouseLeave:s,onTouchStart:i,onTouchEnd:l,isLoading:c,disabled:d,children:m,style:p,id:u,leftElement:f,rightElement:v,align:x="center",...b},h)=>U__namespace.default.createElement("button",{ref:h,type:e,id:u,className:`text-body-md md:text-body-md p-1 md:py-3 lg:gap-x-2 ${t} [&_div]:!translate-x-1 flex items-center ${(()=>{switch(x){case "left":return "justify-start";case "right":return "justify-end";case "center":default:return "justify-center"}})()}`,onClick:r,onMouseDown:n,onMouseUp:o,onMouseEnter:a,onMouseLeave:s,onTouchStart:i,onTouchEnd:l,style:p,disabled:d||c,...b},!c&&f,c?U__namespace.default.createElement(gA,{className:"!w-5 !h-5 !mx-auto"}):U__namespace.default.createElement(U__namespace.default.Fragment,null,m??A,v)));D.displayName="MirantesButton";function o4({className:A,...e}){return U__namespace.createElement(Ac__namespace.Root,{"data-slot":"avatar",className:chunkQFPEDIYS_js.g("relative flex size-8 shrink-0 overflow-hidden rounded-full",A),...e})}function a4({className:A,...e}){return U__namespace.createElement(Ac__namespace.Image,{loading:"lazy","data-slot":"avatar-image",className:chunkQFPEDIYS_js.g("aspect-square size-full",A),...e})}function s4({className:A,...e}){return U__namespace.createElement(Ac__namespace.Fallback,{"data-slot":"avatar-fallback",className:chunkQFPEDIYS_js.g(" flex size-full items-center justify-center rounded-full",A),...e})}var kC={xs:"h-6 w-6",sm:"h-8 w-8",md:"h-10 w-10",lg:"h-12 w-12",xl:"h-16 w-16"},qC={xs:"text-[8px]",sm:"text-[10px]",md:"text-[12px]",lg:"text-[14px]",xl:"text-[18px]"};function $({name:A,onClick:e,src:t,className:r,type:n,size:o="md"}){let[a,s]=U.useState(false),i=t&&t.trim()!==""?t:void 0,l=n==="community"?"rounded-[0.5rem]":n==="page"?"rounded-none":"rounded-full";return U__namespace.default.createElement(o4,{onClick:e,className:`
204
+ `;async function Lg(A,e){try{return await $9__default.default(A??"",Sg,{input:{...e?.input}})}catch{return null}}function kr(){let{analyticsApiUrl:A}=y(),{mutate:e}=rA({mutationFn:({input:t})=>Lg(A,{input:t})});return {registerEvent:e}}async function Eg(A,e){try{let t=new FormData;e.files.forEach((n,o)=>{t.append(`files[${o}]`,n);}),t.append("owner_type",e.owner_type),t.append("is_public",String(e.is_public)),e.owner_id&&t.append("owner_id",e.owner_id);let{data:r}=await A.post("/assets/bulk",t,{headers:{"Content-Type":"multipart/form-data"},signal:e.signal});return r}catch{return null}}async function Xg(A,e){try{let t=new FormData;t.append("file",e.file),t.append("owner_type",e.owner_type),t.append("is_public",String(e.is_public)),e.owner_id&&t.append("owner_id",e.owner_id);let{data:r}=await A.post("/assets/",t,{headers:{"Content-Type":"multipart/form-data"}});return r}catch{return null}}async function Ig(A,e){try{let{data:t}=await A.post("/assets/signed-url",e);return t}catch{return null}}async function Df(A,e=""){if(!e?.length)return null;try{let{data:t}=await A.get(`/assets/${encodeURIComponent(e)}/versions`);return t}catch{return null}}async function Rg(A,e={}){let{maxSizeMB:t=99999,maxWidthOrHeight:r=99999,useWebWorker:n=true,onProgress:o,initialQuality:a=.8}=e,s=await lC__default.default(A,{maxSizeMB:t,maxWidthOrHeight:r,useWebWorker:n,onProgress:o,initialQuality:a,preserveExif:true}),i=new File([s],A.name,{type:s.type});return {file:i,originalSize:A.size,compressedSize:i.size,compressionRatio:i.size/A.size}}var Cg=A=>["image/jpeg","image/png","image/webp"].includes(A.type);function Fg(A){if(!A||!A?.versions)return "medium";let e=A?.versions,t=(Object?.entries(e)).find(([r,n])=>n?.recommended);if(t)return t[0];if(typeof window<"u"&&window.devicePixelRatio>=2&&e?.large)return "large";if(typeof navigator<"u"){let n=navigator?.connection?.effectiveType;if(n&&["slow-2g","2g"].includes(n)&&e?.small)return "small"}return "medium"}var _0=()=>{let{user:A,assetsApiUrl:e}=y(),t=ky__default.default.create({baseURL:e??"",headers:{"Content-Type":"application/json"}});return t.interceptors.request.use(r=>(A?.accessToken&&(r.headers["x-access-token"]=A?.accessToken),r)),t.interceptors.response.use(r=>r,r=>((r.code==="ECONNABORTED"||r.message.includes("timeout"))&&console.error("Request timed out. Please check your connection."),Promise.reject(r))),{assetsApi:t}};async function Yg(A){return Cg(A)?(await Rg(A,{useWebWorker:true}))?.file:A}function $a(){let{assetsApi:A}=_0(),{mutate:e,isPending:t}=rA({mutationFn:async r=>{let n=await Yg(r.file);return Xg(A,{...r,file:n})}});return {uploadAssets:e,isUploadingAsset:t}}function As(){let{assetsApi:A}=_0(),{mutate:e,isPending:t}=rA({mutationFn:async r=>{let n=await Promise.all(r.files.map(o=>Yg(o)));return Eg(A,{...r,files:n})}});return {uploadAssetsBulk:e,isUploadingBulk:t}}function Jg(){let{assetsApi:A}=_0(),{mutate:e,isPending:t}=rA({mutationFn:r=>Ig(A,r)});return {postSignedUrl:e,isPostingSignedUrl:t}}function Ug(A){let{assetsApi:e}=_0(),{data:t,isLoading:r,error:n}=CA({queryKey:["asset-versions",A],enabled:!!A,queryFn:()=>Df(e,A),staleTime:1e3*60*5});return {assetVersions:t,isGettingAssetVersions:r,error:n}}function Dg(A){let{assetsApi:e}=_0(),{data:t,isLoading:r,error:n}=CA({queryKey:["asset-best-version",A],enabled:!!A,queryFn:async()=>{try{let o=await Df(e,A);if(!o?.versions)return null;let a=Fg(o);return o.versions[a]?.url??null}catch{return null}},staleTime:1e3*60*5});return {url:t,isGettingUrl:r,error:n}}var dC="app:logout",ap=()=>{let A=new CustomEvent(dC);window.dispatchEvent(A);};function A4(A,e){let t=A==="dev";return {domain:t?"localhost":e,secure:!t,sameSite:"lax",path:"/"}}function e4(A,e,t,r){try{cookiesNext.setCookie(A,e,{...t,...r});}catch(n){console.error(`Cookie save failed: ${A}`,n);}}function t4(A,e){[void 0,e.domain].forEach(r=>{cookiesNext.deleteCookie(A,{...e,domain:r,path:"/",sameSite:"lax"});});}function Gg(A){return cookiesNext.getCookie(A)}var fC=["_accessToken","_refreshToken","_userData","_userId","_userSlug","_userStatus","_MIRAId","_loggedAt","_companyId","_isBackOffice","impersonate"];function $0(A,e={}){let{broadcast:t=true,reload:r=true,redirectUrl:n}=e;fC.forEach(o=>t4(o,A)),typeof window<"u"&&(localStorage.clear(),sessionStorage.clear()),t&&sp(),typeof window<"u"&&(n?window.location.href=n:r&&window.location.reload());}function ip(){let{user:A,environment:e,mirantesDomain:t,authedApi:r}=y(),n=U.useMemo(()=>A4(e??"",t),[e,t]);return {handleApiLogout:U.useCallback(async a=>{let{onSuccess:s,onError:i,broadcast:l=true,reload:c=true,redirectUrl:d}=a??{};try{(await r?.post("/auth/logout"))?.status===200&&(s?.(),$0(n,{broadcast:l,reload:c,redirectUrl:d}));}catch(m){i?.(m),$0(n,{broadcast:l,reload:c,redirectUrl:d});}},[A?.accessToken,n])}}var bC="mirantes-logout",Gf=null;function Kg(){return !Gf&&typeof window<"u"&&(Gf=new BroadcastChannel(bC)),Gf}function Bg(A){Kg()?.addEventListener("message",e=>{e.data?.type==="LOGOUT"&&A();});}function Qg(){Kg()?.close();}function lp(){let{environment:A,mirantesDomain:e}=y(),t=U.useMemo(()=>A4(A??"",e),[A,e]);return U.useEffect(()=>(Bg(()=>{$0(t,{broadcast:false,reload:true});}),()=>Qg()),[t]),{handleLogout:U.useCallback(n=>{$0(t,n);},[t])}}var Bf=(A={})=>{let{storageKey:e="auto_display",maxShows:t=3,initialDelayMs:r=5e3,intervalMs:n,mobileOnly:o=false,enabled:a=true,onOpen:s,onClose:i}=A,[l,c]=U.useState(false),d=`${e}_count`,m=`${e}_session`,p=()=>typeof window>"u"?false:window.innerWidth<=768,u=U.useCallback(()=>typeof window>"u"||!a||o&&!p()||sessionStorage.getItem(m)==="true"?false:parseInt(sessionStorage.getItem(d)||"0")<t,[a,o,t]),f=()=>{let h=parseInt(sessionStorage.getItem(d)||"0");sessionStorage.setItem(d,(h+1).toString()),sessionStorage.setItem(m,"true");},v=U.useCallback(()=>{u()&&(c(true),s?.(),f());},[u,s]),x=U.useCallback(()=>{c(false),sessionStorage.removeItem(m),i?.();},[i]);U.useEffect(()=>{if(typeof window<"u"&&performance.getEntriesByType("navigation")[0]?.type==="reload"&&(sessionStorage.removeItem(m),sessionStorage.removeItem(d)),!a)return;let h,P=setTimeout(()=>{v(),n&&(h=setInterval(()=>{v();},n));},r);return ()=>{clearTimeout(P),h&&clearInterval(h);}},[a,r,n,v]);let b=()=>{sessionStorage.removeItem(d),sessionStorage.removeItem(m);};return {isOpen:l,open:v,close:x,canShow:u(),reset:b}};var MC=({component:A,render:e,componentProps:t={},maxShows:r,initialDelayMs:n,intervalMs:o,mobileOnly:a,enabled:s,storageKey:i})=>{let{isOpen:l,close:c}=Bf({maxShows:r,initialDelayMs:n,intervalMs:o,mobileOnly:a,enabled:s,storageKey:i});return e?U__namespace.default.createElement(U__namespace.default.Fragment,null,e({isOpen:l,onClose:c})):A?U__namespace.default.createElement(A,{...t,isOpen:l,onClose:c}):null};function NC(A,e){cookiesNext.deleteCookie(A,{sameSite:"lax",path:"/",domain:e?.domain,secure:e?.secure});}var jC=["_accessToken","_refreshToken","_userData","_userId","_userSlug","_userStatus","_MIRAId","_loggedAt","_companyId","_isBackOffice","impersonate"];function wC(A){jC.forEach(e=>{NC(e,A);});}function HC(){typeof window>"u"||(localStorage.clear(),sessionStorage.clear());}function WC(A={}){let{broadcast:e=true,reload:t=true,redirectUrl:r,domain:n,secure:o}=A;wC(n?{domain:n,secure:o}:void 0),HC(),e&&sp(),typeof window<"u"&&(r?window.location.href=r:t&&window.location.reload());}var D=U.forwardRef(({label:A,type:e="button",className:t,onClick:r,onMouseDown:n,onMouseUp:o,onMouseEnter:a,onMouseLeave:s,onTouchStart:i,onTouchEnd:l,isLoading:c,disabled:d,children:m,style:p,id:u,leftElement:f,rightElement:v,align:x="center",...b},h)=>U__namespace.default.createElement("button",{ref:h,type:e,id:u,className:`text-body-md md:text-body-md p-1 md:py-3 lg:gap-x-2 ${t} [&_div]:!translate-x-1 flex items-center ${(()=>{switch(x){case "left":return "justify-start";case "right":return "justify-end";case "center":default:return "justify-center"}})()}`,onClick:r,onMouseDown:n,onMouseUp:o,onMouseEnter:a,onMouseLeave:s,onTouchStart:i,onTouchEnd:l,style:p,disabled:d||c,...b},!c&&f,c?U__namespace.default.createElement(gA,{className:"!w-5 !h-5 !mx-auto"}):U__namespace.default.createElement(U__namespace.default.Fragment,null,m??A,v)));D.displayName="MirantesButton";function o4({className:A,...e}){return U__namespace.createElement(Ac__namespace.Root,{"data-slot":"avatar",className:chunkQFPEDIYS_js.g("relative flex size-8 shrink-0 overflow-hidden rounded-full",A),...e})}function a4({className:A,...e}){return U__namespace.createElement(Ac__namespace.Image,{loading:"lazy","data-slot":"avatar-image",className:chunkQFPEDIYS_js.g("aspect-square size-full",A),...e})}function s4({className:A,...e}){return U__namespace.createElement(Ac__namespace.Fallback,{"data-slot":"avatar-fallback",className:chunkQFPEDIYS_js.g(" flex size-full items-center justify-center rounded-full",A),...e})}var kC={xs:"h-6 w-6",sm:"h-8 w-8",md:"h-10 w-10",lg:"h-12 w-12",xl:"h-16 w-16"},qC={xs:"text-[8px]",sm:"text-[10px]",md:"text-[12px]",lg:"text-[14px]",xl:"text-[18px]"};function $({name:A,onClick:e,src:t,className:r,type:n,size:o="md"}){let[a,s]=U.useState(false),i=t&&t.trim()!==""?t:void 0,l=n==="community"?"rounded-[0.5rem]":n==="page"?"rounded-none":"rounded-full";return U__namespace.default.createElement(o4,{onClick:e,className:`
205
205
  relative ${kC[o]} ${l}
206
206
  overflow-hidden transition-all
207
207
  hover:opacity-80
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@mirantes-micro/foundation-design-system",
3
3
  "description": "A scalable and customizable design system package featuring a collection of reusable React components, utility functions, and context providers. Built to enforce visual and functional consistency across applications, this package offers accessible, themeable UI elements, shared logic through utility helpers, and context-based providers for managing global state such as themes, modals, and user sessions.",
4
- "version": "1.2.348",
4
+ "version": "1.2.350",
5
5
  "license": "MIT",
6
6
  "author": {
7
7
  "name": "Mirantes Frontend team"