@webority/mobile-ui 0.104.1 → 0.107.0

package/dist/canvas-kit/release.json

@@ -1,21 +1,21 @@
 {
   "name": "webority-phone",
-  "version": "0.104.1",
+  "version": "0.107.0",
   "platform": "Phone",
   "kitModuleVersion": 2,
   "rendererProtocolVersion": 12,
   "library": {
     "name": "@webority/mobile-ui",
-    "version": "0.104.1"
+    "version": "0.107.0"
   },
   "files": {
     "manifest.json": {
-      "sha256": "a2121a32b2db7235d543d02862e637597b6a329185057fd5da515d1f225f326c",
-      "bytes": 618503
+      "sha256": "6a67b1f63def2f747c7148adab6d6a3dfa09430bd39722b96ad4c750176f6653",
+      "bytes": 622474
     },
     "kit.js": {
-      "sha256": "a1069a8c219a5af38dc0217c410612b7d72289b2335f53aa0bd4cb5b6932f56b",
-      "bytes": 5926288
+      "sha256": "6c8ce45cffcaa55598e3733c8b3a6221bd5545cfb10cb776ffcf19d3503eef25",
+      "bytes": 5932182
     },
     "kit.css": {
       "sha256": "e3b0c44298fc1c149afbf4c8996fb92427ae41e4649b934ca495991b7852b855",

package/lib/commonjs/components/Accordion/Accordion.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.AccordionGroup=exports.Accordion=void 0;var _react=require("react"),_reactNative=require("react-native"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_defaultIcons=require("../AppIcon/defaultIcons.js"),_index2=require("../Skeleton/index.js"),_jsxRuntime=require("react/jsx-runtime");const AccordionGroupContext=(0,_react.createContext)(null),useAccordionGroup=()=>(0,_react.useContext)(AccordionGroupContext),AccordionGroup=({children:e,allowMultiple:t=!1,defaultExpandedKeys:i,expandedKeys:r,onChange:n,style:a,testID:o})=>{const s=void 0!==r,[c,l]=(0,_react.useState)(i??[]),d=s?r:c,u=(0,_react.useCallback)(e=>{s||l(e),n?.(e)},[s,n]),p=(0,_react.useCallback)(e=>{let i;i=d.includes(e)?d.filter(t=>t!==e):t?[...d,e]:[e],u(i)},[d,t,u]),x=(0,_react.useCallback)(e=>d.includes(e),[d]),_=(0,_react.useMemo)(()=>({isExpanded:x,toggle:p,allowMultiple:t}),[x,p,t]);return(0,_jsxRuntime.jsx)(AccordionGroupContext.Provider,{value:_,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:a,testID:o,children:e})})};exports.AccordionGroup=AccordionGroup,AccordionGroup.displayName="AccordionGroup";const Chevron=({rotate:e,color:t})=>{const i=(0,_index.useTheme)();return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[chevronStyles.icon,{transform:[{rotate:e}]}],accessible:!1,children:(i.settings.icons.chevronDown??_defaultIcons.defaultIcons.chevronDown)({size:16,color:t})})},chevronStyles=_reactNative.StyleSheet.create({icon:{width:16,height:16,alignItems:"center",justifyContent:"center"}}),Accordion=e=>{const{title:t,children:i,id:r,expanded:n,defaultExpanded:a=!1,onChange:o,icon:s,disabled:c=!1,variant:l="plain",accessibilityLabel:d,style:u,headerStyle:p,contentStyle:x,contentWrapperStyle:_,containerStyle:m,testID:h,loading:v=!1,haptic:y}=e,g=(0,_index.useTheme)(),j=(0,_usePresenceMotion.usePresenceMotion)(),f=j.duration("default"),b=(0,_react.useMemo)(()=>buildStyles(g),[g]),A=useAccordionGroup(),R=void 0!==n,[N,S]=(0,_react.useState)(a),w=A&&r?A.isExpanded(r):null,V=null!==w?w:R?!!n:N,[C,k]=(0,_react.useState)(null),I=(0,_react.useRef)((0,_index.createAnimatedValue)(V?1:0)).current,D=(0,_react.useRef)((0,_index.createAnimatedValue)(V?1:0)).current,G=(0,_react.useRef)((0,_index.createAnimatedValue)(V?1:0)).current,q=(0,_react.useRef)(V);(0,_react.useEffect)(()=>{if(q.current===V)return;q.current=V;const e=V?1:0,t=_reactNative.Easing.bezier(...g.motion.ease["in-out"]),i=_reactNative.Animated.timing(I,{toValue:e,duration:g.motion.duration.default,easing:t,useNativeDriver:!1}),r=_reactNative.Animated.timing(D,{toValue:e,duration:f,easing:t,useNativeDriver:!1}),n=_reactNative.Animated.timing(G,{toValue:e,duration:g.motion.duration.default,easing:t,useNativeDriver:!1}),a=j.reduced&&!V?_reactNative.Animated.sequence([r,_reactNative.Animated.parallel([i,n])]):_reactNative.Animated.parallel([i,r,n]);return a.start(),()=>a.stop()},[V,I,D,G,f,j.reduced,g.motion]);const L=(0,_react.useCallback)(e=>{const t=e.nativeEvent.layout.height;t>0&&t!==C&&k(t)},[C]),M=(0,_react.useCallback)(()=>{if(c)return;const e=(0,_hapticUtils.resolveHaptic)(y,"selection");if(e&&(0,_hapticUtils.triggerHaptic)(e),A&&r)return A.toggle(r),void o?.(!V);R||S(!V),o?.(!V)},[c,A,r,V,R,o,y]),E=G.interpolate({inputRange:[0,1],outputRange:["0deg","180deg"]}),P=null===C?void 0:I.interpolate({inputRange:[0,1],outputRange:[0,C]}),z="card"===l?[b.card,g.shadow.card,{backgroundColor:g.colors.surface,borderRadius:g.radius.md,..._corners.smoothCorners}]:null;return v?(0,_jsxRuntime.jsx)(AccordionSkeleton,{...e}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[z,u,m],testID:h,children:[(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:M,disabled:c,accessibilityRole:"button",accessibilityLabel:d??t,accessibilityState:{expanded:V,disabled:c},"aria-expanded":V,"aria-disabled":c,style:({pressed:e})=>[b.header,p,{opacity:c?.55:e?.85:1}],children:[s?(0,_jsxRuntime.jsx)(_reactNative.View,{style:b.iconLeft,children:s}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[b.title,{color:c?g.colors["text-disabled"]:g.colors["text-body"],fontSize:g.text.base.size,fontWeight:g.weight.semibold}],numberOfLines:2,children:t}),(0,_jsxRuntime.jsx)(Chevron,{rotate:E,color:c?g.colors["text-disabled"]:g.colors["text-muted"]})]}),null===C?(0,_jsxRuntime.jsx)(_reactNative.View,{style:b.measurer,pointerEvents:"none",onLayout:L,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[b.content,x],children:i})}):null,(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[b.contentWrapper,null===C?{height:0,opacity:0}:{height:P,opacity:D},_],children:(0,_jsxRuntime.jsx)(_reactNative.View,{onLayout:L,style:[b.content,x],children:i})})]})};exports.Accordion=Accordion,Accordion.displayName="Accordion";const AccordionSkeleton=({variant:e="plain",style:t})=>{const i=(0,_index.useTheme)(),r="card"===e;return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[r?{paddingHorizontal:i.space.md,paddingVertical:i.space.sm,backgroundColor:i.colors.surface,borderRadius:i.radius.md,..._corners.smoothCorners}:{paddingVertical:i.space.sm},t],accessibilityRole:"progressbar",accessibilityState:{busy:!0},"aria-busy":!0,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{flexDirection:"row",alignItems:"center"},children:[(0,_jsxRuntime.jsx)(_index2.Skeleton,{shape:"text",width:"60%",height:18,style:{flex:1}}),(0,_jsxRuntime.jsx)(_index2.Skeleton,{width:16,height:16,radius:"sm",style:{marginLeft:i.space.sm}})]})})};AccordionSkeleton.displayName="AccordionSkeleton",Accordion.Skeleton=AccordionSkeleton,_reactNative.LayoutAnimation;const buildStyles=e=>_reactNative.StyleSheet.create({card:{paddingHorizontal:e.space.md,paddingVertical:e.space.xs,marginVertical:e.space.xs},header:{flexDirection:"row",alignItems:"center",paddingVertical:e.space.sm},iconLeft:{marginRight:e.space.sm},title:{flex:1},contentWrapper:{overflow:"hidden"},content:{paddingBottom:e.space.sm},measurer:{position:"absolute",opacity:0,left:0,right:0,top:0,zIndex:-1}});var _default=exports.default=Accordion;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.AccordionGroup=exports.Accordion=void 0;var _react=require("react"),_reactNative=require("react-native"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_defaultIcons=require("../AppIcon/defaultIcons.js"),_index2=require("../Skeleton/index.js"),_index3=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const AccordionGroupContext=(0,_react.createContext)(null),useAccordionGroup=()=>(0,_react.useContext)(AccordionGroupContext),AccordionGroup=({children:e,allowMultiple:t=!1,defaultExpandedKeys:i,expandedKeys:r,onChange:a,style:n,testID:o})=>{const s=void 0!==r,[c,l]=(0,_react.useState)(i??[]),d=s?r:c,u=(0,_react.useCallback)(e=>{s||l(e),a?.(e)},[s,a]),p=(0,_react.useCallback)(e=>{let i;i=d.includes(e)?d.filter(t=>t!==e):t?[...d,e]:[e],u(i)},[d,t,u]),_=(0,_react.useCallback)(e=>d.includes(e),[d]),x=(0,_react.useMemo)(()=>({isExpanded:_,toggle:p,allowMultiple:t}),[_,p,t]);return(0,_jsxRuntime.jsx)(AccordionGroupContext.Provider,{value:x,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:n,testID:o,children:e})})};exports.AccordionGroup=AccordionGroup,AccordionGroup.displayName="AccordionGroup";const Chevron=({rotate:e,color:t})=>{const i=(0,_index.useTheme)();return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[chevronStyles.icon,{transform:[{rotate:e}]}],accessible:!1,children:(i.settings.icons.chevronDown??_defaultIcons.defaultIcons.chevronDown)({size:16,color:t})})},chevronStyles=_reactNative.StyleSheet.create({icon:{width:16,height:16,alignItems:"center",justifyContent:"center"}}),Accordion=e=>{const{title:t,children:i,id:r,expanded:a,defaultExpanded:n=!1,onChange:o,icon:s,disabled:c=!1,variant:l="plain",accessibilityLabel:d,style:u,headerStyle:p,contentStyle:_,contentWrapperStyle:x,containerStyle:m,testID:h,loading:v=!1,haptic:y}=e;(0,_warnInvalidValue.warnInvalidValue)("Accordion","variant",e.variant,["plain","card"]);const g=(0,_index.useTheme)(),j=(0,_usePresenceMotion.usePresenceMotion)(),A=j.duration("default"),b=(0,_react.useMemo)(()=>buildStyles(g),[g]),f=useAccordionGroup(),R=void 0!==a,[N,w]=(0,_react.useState)(n),S=f&&r?f.isExpanded(r):null,V=null!==S?S:R?!!a:N,[C,k]=(0,_react.useState)(null),I=(0,_react.useRef)((0,_index.createAnimatedValue)(V?1:0)).current,q=(0,_react.useRef)((0,_index.createAnimatedValue)(V?1:0)).current,D=(0,_react.useRef)((0,_index.createAnimatedValue)(V?1:0)).current,G=(0,_react.useRef)(V);(0,_react.useEffect)(()=>{if(G.current===V)return;G.current=V;const e=V?1:0,t=_reactNative.Easing.bezier(...g.motion.ease["in-out"]),i=_reactNative.Animated.timing(I,{toValue:e,duration:g.motion.duration.default,easing:t,useNativeDriver:!1}),r=_reactNative.Animated.timing(q,{toValue:e,duration:A,easing:t,useNativeDriver:!1}),a=_reactNative.Animated.timing(D,{toValue:e,duration:g.motion.duration.default,easing:t,useNativeDriver:!1}),n=j.reduced&&!V?_reactNative.Animated.sequence([r,_reactNative.Animated.parallel([i,a])]):_reactNative.Animated.parallel([i,r,a]);return n.start(),()=>n.stop()},[V,I,q,D,A,j.reduced,g.motion]);const L=(0,_react.useCallback)(e=>{const t=e.nativeEvent.layout.height;t>0&&t!==C&&k(t)},[C]),M=(0,_react.useCallback)(()=>{if(c)return;const e=(0,_hapticUtils.resolveHaptic)(y,"selection");if(e&&(0,_hapticUtils.triggerHaptic)(e),f&&r)return f.toggle(r),void o?.(!V);R||w(!V),o?.(!V)},[c,f,r,V,R,o,y]),E=D.interpolate({inputRange:[0,1],outputRange:["0deg","180deg"]}),P=null===C?void 0:I.interpolate({inputRange:[0,1],outputRange:[0,C]}),z="card"===l?[b.card,g.shadow.card,{backgroundColor:g.colors.surface,borderRadius:g.radius.md,..._corners.smoothCorners}]:null;return v?(0,_jsxRuntime.jsx)(AccordionSkeleton,{...e}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[z,u,m],testID:h,children:[(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:M,disabled:c,accessibilityRole:"button",accessibilityLabel:d??t,accessibilityState:{expanded:V,disabled:c},"aria-expanded":V,"aria-disabled":c,style:({pressed:e})=>[b.header,p,{opacity:c?.55:e?.85:1}],children:[s?(0,_jsxRuntime.jsx)(_reactNative.View,{style:b.iconLeft,children:s}):null,(0,_jsxRuntime.jsx)(_index3.Text,{variant:"body",weight:"semibold",color:c?"disabled":"primary",numberOfLines:2,style:b.title,children:t}),(0,_jsxRuntime.jsx)(Chevron,{rotate:E,color:c?g.colors["text-disabled"]:g.colors["text-muted"]})]}),null===C?(0,_jsxRuntime.jsx)(_reactNative.View,{style:b.measurer,pointerEvents:"none",onLayout:L,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[b.content,_],children:i})}):null,(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[b.contentWrapper,null===C?{height:0,opacity:0}:{height:P,opacity:q},x],children:(0,_jsxRuntime.jsx)(_reactNative.View,{onLayout:L,style:[b.content,_],children:i})})]})};exports.Accordion=Accordion,Accordion.displayName="Accordion";const AccordionSkeleton=({variant:e="plain",style:t})=>{const i=(0,_index.useTheme)(),r="card"===e;return(0,_jsxRuntime.jsx)(_reactNative.View,{style:[r?{paddingHorizontal:i.space.md,paddingVertical:i.space.sm,backgroundColor:i.colors.surface,borderRadius:i.radius.md,..._corners.smoothCorners}:{paddingVertical:i.space.sm},t],accessibilityRole:"progressbar",accessibilityState:{busy:!0},"aria-busy":!0,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{flexDirection:"row",alignItems:"center"},children:[(0,_jsxRuntime.jsx)(_index2.Skeleton,{shape:"text",width:"60%",height:18,style:{flex:1}}),(0,_jsxRuntime.jsx)(_index2.Skeleton,{width:16,height:16,radius:"sm",style:{marginLeft:i.space.sm}})]})})};AccordionSkeleton.displayName="AccordionSkeleton",Accordion.Skeleton=AccordionSkeleton,_reactNative.LayoutAnimation;const buildStyles=e=>_reactNative.StyleSheet.create({card:{paddingHorizontal:e.space.md,paddingVertical:e.space.xs,marginVertical:e.space.xs},header:{flexDirection:"row",alignItems:"center",paddingVertical:e.space.sm},iconLeft:{marginRight:e.space.sm},title:{flex:1},contentWrapper:{overflow:"hidden"},content:{paddingBottom:e.space.sm},measurer:{position:"absolute",opacity:0,left:0,right:0,top:0,zIndex:-1}});var _default=exports.default=Accordion;

package/lib/commonjs/components/AmountSlider/AmountSlider.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.scaleAmount=exports.default=exports.AmountSlider=void 0;var _mobileCore=require("@webority/mobile-core"),_react=require("react"),_reactNative=require("react-native"),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_index3=require("../Input/index.js"),_index4=require("../Slider/index.js"),_valueText=require("../Slider/valueText.js"),_jsxRuntime=require("react/jsx-runtime");const INDIAN_TIERS=[[1e7,"Crore"],[1e5,"Lakh"],[1e3,"Thousand"]],scaleAmount=(e,t)=>{if("indian"===t){const t=Math.abs(e);for(const[i,n]of INDIAN_TIERS)if(t>=i)return{amount:e/i,unit:n}}return{amount:e,unit:""}};exports.scaleAmount=scaleAmount;const formatAmount=(e,t)=>{const i=Math.round(100*e)/100;return t?String(i):(0,_mobileCore.formatCurrency)(Math.round(e),{currency:"INR",stripSymbol:!0,maximumFractionDigits:0})},defaultFormatInput=e=>(0,_mobileCore.formatCurrency)(e,{currency:"INR",maximumFractionDigits:0}),AmountSlider=exports.AmountSlider=(0,_react.forwardRef)((e,t)=>{const{min:i=0,max:n=100,step:r=1,disabled:a=!1,tone:u,size:o,variant:l="inset",prefix:s="₹",units:c="indian",formatInput:d=defaultFormatInput,animationDuration:m,haptic:x,accessibilityLabel:_,inputAccessibilityLabel:y="Amount",style:b,headerStyle:f,valueStyle:p,unitStyle:v,inputStyle:h,sliderStyle:S,testID:j}=e,I=(0,_index2.useTheme)(),R=(0,_react.useMemo)(()=>buildStyles(I),[I]),g=m??I.motion.duration.default,[A,T]=(0,_index.useControllableState)({value:e.value,defaultValue:e.defaultValue??i,onChange:e.onChange}),w=(0,_valueText.clampValue)(A,i,n),C=(0,_valueText.useValueDraft)({value:w,min:i,max:n,step:r,format:d,onChange:T}),D=scaleAmount(w,c),N=""!==D.unit,q=(0,_react.useRef)(w),$=(0,_react.useRef)("up");w!==q.current&&($.current=w>q.current?"up":"down",q.current=w);const V=$.current,z=`${s}${formatAmount(D.amount,N)}${N?` ${D.unit}`:""}`;return(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,style:[R.container,b],testID:j,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[R.header,f],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:R.valueRow,accessible:!0,accessibilityRole:"text",accessibilityLabel:z,children:[s?(0,_jsxRuntime.jsxs)(_reactNative.Text,{style:[R.value,p],children:[s," "]}):null,(0,_jsxRuntime.jsx)(_valueText.RollingText,{text:formatAmount(D.amount,N),direction:V,duration:g,style:[R.value,p],testID:j?`${j}-value`:void 0}),N?(0,_jsxRuntime.jsx)(_valueText.RollingText,{text:` ${D.unit}`,direction:V,duration:g,perCharacter:!1,style:[R.unit,v],testID:j?`${j}-unit`:void 0}):null]}),(0,_jsxRuntime.jsx)(_index3.Input,{size:"sm",value:C.text,onChangeText:C.onChangeText,onFocus:C.onFocus,onBlur:C.onBlur,onSubmitEditing:C.onBlur,keyboardType:"number-pad",returnKeyType:"done",disabled:a,accessibilityLabel:y,style:[R.input,h],testID:j?`${j}-input`:void 0})]}),(0,_jsxRuntime.jsx)(_index4.Slider,{value:w,onChange:T,min:i,max:n,step:r,disabled:a,tone:u,size:o,variant:l,haptic:x,accessibilityLabel:_,style:S,testID:j?`${j}-slider`:void 0})]})});AmountSlider.displayName="AmountSlider";const buildStyles=e=>_reactNative.StyleSheet.create({container:{width:"100%"},header:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:e.space.md},valueRow:{flexDirection:"row",alignItems:"baseline",flexShrink:1},value:{color:e.colors["text-body"],fontSize:e.text["3xl"].size,fontWeight:e.weight.bold,fontVariant:["tabular-nums"]},unit:{color:e.colors["text-body"],fontSize:e.text.lg.size,fontWeight:e.weight.semibold},input:{width:"45%",maxWidth:180}});var _default=exports.default=AmountSlider;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.scaleAmount=exports.default=exports.DEFAULT_AMOUNT_SLIDER_LABELS=exports.AmountSlider=void 0;var _mobileCore=require("@webority/mobile-core"),_react=require("react"),_reactNative=require("react-native"),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index3=require("../Input/index.js"),_index4=require("../Slider/index.js"),_valueText=require("../Slider/valueText.js"),_index5=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_AMOUNT_SLIDER_LABELS=exports.DEFAULT_AMOUNT_SLIDER_LABELS=Object.freeze({inputLabel:"Amount",thousand:"Thousand",lakh:"Lakh",crore:"Crore",million:"Million",billion:"Billion"}),tiersFor=(e,t)=>"indian"===e?[[1e7,t.crore],[1e5,t.lakh],[1e3,t.thousand]]:[[1e9,t.billion],[1e6,t.million],[1e3,t.thousand]],scaleAmount=(e,t,i=DEFAULT_AMOUNT_SLIDER_LABELS)=>{const n=Math.abs(e);for(const[a,r]of tiersFor(t,i))if(n>=a)return{amount:e/a,unit:r};return{amount:e,unit:""}};exports.scaleAmount=scaleAmount;const formatAmount=(e,t,i)=>{const n=Math.round(100*e)/100;return t?String(n):(0,_mobileCore.formatNumber)(Math.round(e),{grouping:i,maximumFractionDigits:0})},AmountSlider=exports.AmountSlider=(0,_react.forwardRef)((e,t)=>{const{min:i=0,max:n=100,step:a=1,disabled:r=!1,tone:o,size:l,variant:u="inset",currency:s,labels:d,formatInput:c,animationDuration:m,haptic:x,accessibilityLabel:_,style:b,headerStyle:v,valueStyle:h,unitStyle:p,inputStyle:y,sliderStyle:f,testID:S}=e;(0,_warnInvalidValue.warnInvalidValue)("AmountSlider","units",e.units,["indian","international"]),(0,_warnInvalidValue.warnInvalidValue)("AmountSlider","variant",e.variant,["default","inset","minimal","bar"]);const A=(0,_index2.useTheme)(),g=(0,_react.useMemo)(()=>buildStyles(A),[A]),j=m??A.motion.duration.default,L=(0,_react.useMemo)(()=>({...DEFAULT_AMOUNT_SLIDER_LABELS,...d}),[d]),T=e.units??("indian"===(0,_mobileCore.groupingForLocale)((0,_mobileCore.getFormatterConfig)().locale)?"indian":"international"),D=(0,_react.useMemo)(()=>(0,_mobileCore.formatCurrency)(0,{currency:s,maximumFractionDigits:0}).replace(/[\d\s.,]/g,""),[s]),I=(0,_react.useCallback)(e=>(0,_mobileCore.formatCurrency)(e,{currency:s,maximumFractionDigits:0}),[s]),R=c??I,[w,C]=(0,_index.useControllableState)({value:e.value,defaultValue:e.defaultValue??i,onChange:e.onChange}),E=(0,_valueText.clampValue)(w,i,n),F=(0,_valueText.useValueDraft)({value:E,min:i,max:n,step:a,format:R,onChange:C}),V=scaleAmount(E,T,L),M=""!==V.unit,N=(0,_react.useRef)(E),q=(0,_react.useRef)("up");E!==N.current&&(q.current=E>N.current?"up":"down",N.current=E);const U=q.current,B=`${D}${formatAmount(V.amount,M,T)}${M?` ${V.unit}`:""}`;return(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,style:[g.container,b],testID:S,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[g.header,v],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:g.valueRow,accessible:!0,accessibilityRole:"text",accessibilityLabel:B,children:[D?(0,_jsxRuntime.jsxs)(_index5.Text,{variant:"body",style:[g.value,h],children:[D," "]}):null,(0,_jsxRuntime.jsx)(_valueText.RollingText,{text:formatAmount(V.amount,M,T),direction:U,duration:j,style:[g.value,h],testID:S?`${S}-value`:void 0}),M?(0,_jsxRuntime.jsx)(_valueText.RollingText,{text:` ${V.unit}`,direction:U,duration:j,perCharacter:!1,style:[g.unit,p],testID:S?`${S}-unit`:void 0}):null]}),(0,_jsxRuntime.jsx)(_index3.Input,{size:"sm",value:F.text,onChangeText:F.onChangeText,onFocus:F.onFocus,onBlur:F.onBlur,onSubmitEditing:F.onBlur,keyboardType:"number-pad",returnKeyType:"done",disabled:r,accessibilityLabel:L.inputLabel,style:[g.input,y],testID:S?`${S}-input`:void 0})]}),(0,_jsxRuntime.jsx)(_index4.Slider,{value:E,onChange:C,min:i,max:n,step:a,disabled:r,tone:o,size:l,variant:u,haptic:x,accessibilityLabel:_,style:f,testID:S?`${S}-slider`:void 0})]})});AmountSlider.displayName="AmountSlider";const buildStyles=e=>_reactNative.StyleSheet.create({container:{width:"100%"},header:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:e.space.md},valueRow:{flexDirection:"row",alignItems:"baseline",flexShrink:1},value:{color:e.colors["text-body"],fontSize:e.text["3xl"].size,fontWeight:e.weight.bold,fontVariant:["tabular-nums"]},unit:{color:e.colors["text-body"],fontSize:e.text.lg.size,fontWeight:e.weight.semibold},input:{width:"45%",maxWidth:180}});var _default=exports.default=AmountSlider;

package/lib/commonjs/components/AmountSlider/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AmountSlider",{enumerable:!0,get:function(){return _AmountSlider.AmountSlider}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _AmountSlider.default}});var cache,_AmountSlider=_interopRequireWildcard(require("./AmountSlider.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,n,u=Object.defineProperty,c={__proto__:null,default:e};if(Object(e)!==e)return c;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,c)}for(n in e)"default"!==n&&{}.hasOwnProperty.call(e,n)&&((t=u&&Object.getOwnPropertyDescriptor(e,n))&&(t.get||t.set)?u(c,n,t):c[n]=e[n]);return c}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AmountSlider",{enumerable:!0,get:function(){return _AmountSlider.AmountSlider}}),Object.defineProperty(exports,"DEFAULT_AMOUNT_SLIDER_LABELS",{enumerable:!0,get:function(){return _AmountSlider.DEFAULT_AMOUNT_SLIDER_LABELS}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _AmountSlider.default}});var cache,_AmountSlider=_interopRequireWildcard(require("./AmountSlider.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,n,u=Object.defineProperty,o={__proto__:null,default:e};if(Object(e)!==e)return o;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,o)}for(n in e)"default"!==n&&{}.hasOwnProperty.call(e,n)&&((t=u&&Object.getOwnPropertyDescriptor(e,n))&&(t.get||t.set)?u(o,n,t):o[n]=e[n]);return o}

package/lib/commonjs/components/AnimatePresence/AnimatePresence.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.AnimatePresence=void 0;var cache,_reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated")),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var a,r,n=Object.defineProperty,i={__proto__:null,default:e};if(Object(e)!==e)return i;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,i)}for(r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((a=n&&Object.getOwnPropertyDescriptor(e,r))&&(a.get||a.set)?n(i,r,a):i[r]=e[r]);return i}const AnimatePresence=({children:e,preset:t="fade",duration:a,style:r,testID:n})=>{const i=(0,_usePresenceMotion.usePresenceMotion)();if(!(null!=e&&!1!==e))return null;const c=a??i.duration("default");let d,o;if(i.reduced)d=_reactNativeReanimated.FadeIn.duration(c).reduceMotion(_usePresenceMotion.PRESENCE_REDUCE_MOTION),o=_reactNativeReanimated.FadeOut.duration(c).reduceMotion(_usePresenceMotion.PRESENCE_REDUCE_MOTION);else switch(t){case"scale":d=_reactNativeReanimated.ZoomIn.duration(c),o=_reactNativeReanimated.ZoomOut.duration(c);break;case"slide-up":d=_reactNativeReanimated.FadeInUp.duration(c),o=_reactNativeReanimated.FadeOutDown.duration(c);break;case"slide-down":d=_reactNativeReanimated.FadeInDown.duration(c),o=_reactNativeReanimated.FadeOutUp.duration(c);break;default:d=_reactNativeReanimated.FadeIn.duration(c),o=_reactNativeReanimated.FadeOut.duration(c)}return(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{entering:d,exiting:o,style:r,testID:n,children:e})};exports.AnimatePresence=AnimatePresence,AnimatePresence.displayName="AnimatePresence";var _default=exports.default=AnimatePresence;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.AnimatePresence=void 0;var cache,_reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated")),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,a){if(!a&&e&&e.__esModule)return e;var t,n,r=Object.defineProperty,i={__proto__:null,default:e};if(Object(e)!==e)return i;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,i)}for(n in e)"default"!==n&&{}.hasOwnProperty.call(e,n)&&((t=r&&Object.getOwnPropertyDescriptor(e,n))&&(t.get||t.set)?r(i,n,t):i[n]=e[n]);return i}const AnimatePresence=({children:e,preset:a="fade",duration:t,style:n,testID:r})=>{(0,_warnInvalidValue.warnInvalidValue)("AnimatePresence","preset",a,["fade","scale","slide-up","slide-down"]);const i=(0,_usePresenceMotion.usePresenceMotion)();if(!(null!=e&&!1!==e))return null;const d=t??i.duration("default");let c,u;if(i.reduced)c=_reactNativeReanimated.FadeIn.duration(d).reduceMotion(_usePresenceMotion.PRESENCE_REDUCE_MOTION),u=_reactNativeReanimated.FadeOut.duration(d).reduceMotion(_usePresenceMotion.PRESENCE_REDUCE_MOTION);else switch(a){case"scale":c=_reactNativeReanimated.ZoomIn.duration(d),u=_reactNativeReanimated.ZoomOut.duration(d);break;case"slide-up":c=_reactNativeReanimated.FadeInUp.duration(d),u=_reactNativeReanimated.FadeOutDown.duration(d);break;case"slide-down":c=_reactNativeReanimated.FadeInDown.duration(d),u=_reactNativeReanimated.FadeOutUp.duration(d);break;default:c=_reactNativeReanimated.FadeIn.duration(d),u=_reactNativeReanimated.FadeOut.duration(d)}return(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{entering:c,exiting:u,style:n,testID:r,children:e})};exports.AnimatePresence=AnimatePresence,AnimatePresence.displayName="AnimatePresence";var _default=exports.default=AnimatePresence;

package/lib/commonjs/components/AppBar/AppBar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.AppBar=void 0;var _react=require("react"),_reactNative=require("react-native"),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_usePressAnimation=require("../../hooks/usePressAnimation.js"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_AppIcon=require("../AppIcon/AppIcon.js"),_Text=require("../Text/Text.js"),_jsxRuntime=require("react/jsx-runtime");const ACTION_BUTTON_SIZE=44,DOT_OFFSET=10,DOT_SIZE=8,BADGE_OFFSET=4,variantSize=(e,t)=>{switch(t){case"compact":return{height:44,titleSize:e.text.lg.size,titleWeight:"semibold",alignBottom:!1,subtitleLines:1};case"large":return{height:96,titleSize:e.text["2xl"].size,titleWeight:"bold",alignBottom:!0,subtitleLines:2};default:return{height:56,titleSize:e.text.lg.size,titleWeight:"semibold",alignBottom:!1,subtitleLines:1}}},ActionButton=({action:e,side:t,badgeStyle:i,haptic:n,flush:r})=>{const a=(0,_index.useTheme)(),{style:s,pressIn:l,pressOut:o}=(0,_usePressAnimation.usePressAnimation)({enabled:!0}),c=(0,_react.useMemo)(()=>buildActionStyles(a),[a]),d=e.badge,u=void 0!==d&&0!==d,p=void 0!==e.text;return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:s,children:(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:()=>{const t=(0,_hapticUtils.resolveHaptic)(n,"selection");t&&(0,_hapticUtils.triggerHaptic)(t),e.onPress()},onPressIn:l,onPressOut:o,accessibilityRole:"button",accessibilityLabel:e.accessibilityLabel??e.text,testID:e.testID,android_ripple:{color:a.colors["surface-pressed"],borderless:!p},style:({pressed:e})=>[p?c.textButton:c.actionButton,r?null:"left"===t?c.actionLeft:c.actionRight,e&&!p?c.actionPressed:null,e&&p?c.textPressed:null],children:[p?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:c.actionText,numberOfLines:1,children:e.text}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:c.iconWrap,children:e.icon}),u?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[c.badge,i],pointerEvents:"none",children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:c.badgeText,numberOfLines:1,children:String(d)})}):null,e.dot?(0,_jsxRuntime.jsx)(_reactNative.View,{testID:e.testID?`${e.testID}-dot`:"appbar-action-dot",style:c.dot,pointerEvents:"none"}):null]})})},COLLAPSE_RANGE=60,LARGE_TITLE_SCALE_END=.71,AppBar=exports.AppBar=(0,_react.forwardRef)((e,t)=>{const{title:i,subtitle:n,titleAlignment:r="left",leftAction:a,rightActions:s,leading:l,trailing:o,onBack:c,gutter:d,titleVariant:u,titleOffset:p,height:x,divider:m,variant:g="default",transparent:h=!1,scrollY:_,style:b,containerStyle:f,titleStyle:j,subtitleStyle:y,badgeStyle:v,haptic:R,testID:S}=e,A=(0,_index.useTheme)(),N=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),B=(0,_react.useMemo)(()=>variantSize(A,g),[A,g]),w=(0,_react.useMemo)(()=>buildStyles(A),[A]),C="large"===g&&void 0!==_,I=a??(c?{icon:(0,_jsxRuntime.jsx)(_AppIcon.AppIcon,{name:"arrow-left",size:24,color:A.colors["text-body"]}),onPress:c,accessibilityLabel:"Back"}:void 0),T=o?void 0:s?.[s.length-1],opticalInset=e=>void 0===e?0:void 0!==e.text?A.space.sm:Math.max(10,0),L=void 0===d?null:{paddingLeft:Math.max(d-opticalInset(I),0),paddingRight:Math.max(d-opticalInset(T),0)},z=void 0!==p,O=Boolean(I)||Boolean(l),V=m??!h,W=_reactNative.StyleSheet.hairlineWidth,P=(0,_react.useMemo)(()=>{if(!_)return null;const e={inputRange:[0,60],extrapolate:"clamp"};return{titleScale:_.interpolate({...e,outputRange:[1,.71]}),titleTranslateY:_.interpolate({...e,outputRange:[0,-20]}),titleTranslateX:_.interpolate({...e,outputRange:"center"===r?[0,0]:[0,8]}),subtitleOpacity:_.interpolate({inputRange:[0,30],outputRange:[1,0],extrapolate:"clamp"}),barHeight:_.interpolate({...e,outputRange:[96,56]}),borderOpacity:_.interpolate({...e,outputRange:[0,1]})}},[_,r]),D=C&&P?{transform:[{translateX:P.titleTranslateX},{translateY:P.titleTranslateY},{scale:P.titleScale}]}:null,E=i?u?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:D,children:(0,_jsxRuntime.jsx)(_Text.Text,{variant:u,align:"center"===r?"center":"left",accessibilityRole:"header",numberOfLines:1,style:[w.titleVariant,j],children:i})}):(0,_jsxRuntime.jsx)(_reactNative.Animated.Text,{accessibilityRole:"header",style:[w.title,{fontSize:B.titleSize,fontWeight:A.weight[B.titleWeight],textAlign:"center"===r?"center":"left"},D,j],numberOfLines:1,children:i}):null,q=n?(0,_jsxRuntime.jsx)(_reactNative.Animated.Text,{style:[w.subtitle,{textAlign:"center"===r?"center":"left"},C&&P?{opacity:P.subtitleOpacity}:null,y],numberOfLines:B.subtitleLines,children:n}):null,H=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[w.titleColumn,"center"===r?w.titleColumnCenter:null,B.alignBottom?w.titleColumnBottom:null],children:[E,q]}),k=C?_reactNative.Animated.View:_reactNative.View,M=C&&P?{height:_reactNative.Animated.add(P.barHeight,new _reactNative.Animated.Value(N.top))}:{height:(x??B.height)+N.top};return(0,_jsxRuntime.jsxs)(k,{ref:t,testID:S,style:[w.root,{paddingTop:N.top,backgroundColor:h?"transparent":A.colors.surface},M,!C&&V?{borderBottomWidth:W,borderBottomColor:A.colors.border}:null,b,f],children:[C&&P&&V?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:"none",style:[w.animatedBorder,{backgroundColor:A.colors.border,opacity:P.borderOpacity}]}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[w.row,B.alignBottom?w.rowAlignBottom:null,L,{flex:1}],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[w.sideSlot,z?w.sideSlotCompact:null],children:[I?(0,_jsxRuntime.jsx)(ActionButton,{action:I,side:"left",haptic:R,flush:z}):null,null!=l&&!1!==l?(0,_jsxRuntime.jsx)(_reactNative.View,{style:w.slotNode,children:l}):null]}),(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[w.center,"center"===r?w.centerAligned:w.centerLeft,z?{paddingLeft:O?p:A.space.none,paddingRight:A.space.none}:null],children:H}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[w.sideSlot,w.sideSlotRight,z?w.sideSlotCompact:null],children:[s?.map((e,t)=>(0,_jsxRuntime.jsx)(ActionButton,{action:e,side:"right",badgeStyle:v,haptic:R,flush:z},`appbar-right-${t}`)),null!=o&&!1!==o?(0,_jsxRuntime.jsx)(_reactNative.View,{style:w.slotNode,children:o}):null]})]})]})});AppBar.displayName="AppBar";const buildStyles=e=>_reactNative.StyleSheet.create({root:{width:"100%"},row:{flexDirection:"row",alignItems:"center",paddingHorizontal:e.space.xs},rowAlignBottom:{alignItems:"flex-end",paddingBottom:e.space.sm},sideSlot:{flexDirection:"row",alignItems:"center",minWidth:48},sideSlotRight:{justifyContent:"flex-end"},sideSlotCompact:{minWidth:0},slotNode:{flexDirection:"row",alignItems:"center"},center:{flex:1,minWidth:0,paddingHorizontal:e.space.xs},centerAligned:{alignItems:"center"},centerLeft:{alignItems:"flex-start"},titleColumn:{flexDirection:"column",maxWidth:"100%"},titleColumnCenter:{alignItems:"center"},titleColumnBottom:{justifyContent:"flex-end"},title:{color:e.colors["text-body"]},titleVariant:{includeFontPadding:!1,textAlignVertical:"center"},subtitle:{marginTop:e.space.xxs,color:e.colors["text-subtle"],fontSize:e.text.sm.size,fontWeight:e.weight.normal},animatedBorder:{position:"absolute",left:0,right:0,bottom:0,height:_reactNative.StyleSheet.hairlineWidth}}),buildActionStyles=e=>_reactNative.StyleSheet.create({actionButton:{width:44,height:44,borderRadius:e.radius.pill,..._corners.smoothCorners,alignItems:"center",justifyContent:"center"},actionLeft:{marginRight:e.space.xs},actionRight:{marginLeft:e.space.xs},actionPressed:{backgroundColor:e.colors["surface-pressed"]},textButton:{minWidth:44,minHeight:44,paddingHorizontal:e.space.sm,alignItems:"center",justifyContent:"center"},textPressed:{opacity:.6},actionText:{color:e.colors.link,fontSize:e.text.base.size,...(0,_index.fontFor)(e,"semibold")},dot:{position:"absolute",top:10,right:10,width:8,height:8,borderRadius:e.radius.pill,backgroundColor:e.colors.danger},iconWrap:{alignItems:"center",justifyContent:"center"},badge:{position:"absolute",top:4,right:4,minWidth:16,height:16,paddingHorizontal:e.space.xs,borderRadius:e.radius.pill,..._corners.smoothCorners,backgroundColor:e.colors.danger,alignItems:"center",justifyContent:"center"},badgeText:{color:e.colors["on-danger"],fontSize:e.text.xs.size,fontWeight:e.weight.semibold,lineHeight:13}});var _default=exports.default=AppBar;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.DEFAULT_APP_BAR_LABELS=exports.AppBar=void 0;var _react=require("react"),_reactNative=require("react-native"),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_usePressAnimation=require("../../hooks/usePressAnimation.js"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_AppIcon=require("../AppIcon/AppIcon.js"),_Text=require("../Text/Text.js"),_jsxRuntime=require("react/jsx-runtime");const ACTION_BUTTON_SIZE=44,DOT_OFFSET=10,DOT_SIZE=8,BADGE_OFFSET=4,DEFAULT_APP_BAR_LABELS=exports.DEFAULT_APP_BAR_LABELS=Object.freeze({back:"Back"}),variantSize=(e,t)=>{switch(t){case"compact":return{height:44,titleSize:e.text.lg.size,titleWeight:"semibold",alignBottom:!1,subtitleLines:1};case"large":return{height:96,titleSize:e.text["2xl"].size,titleWeight:"bold",alignBottom:!0,subtitleLines:2};default:return{height:56,titleSize:e.text.lg.size,titleWeight:"semibold",alignBottom:!1,subtitleLines:1}}},ActionButton=({action:e,side:t,badgeStyle:i,haptic:n,flush:a})=>{const l=(0,_index.useTheme)(),{style:r,pressIn:s,pressOut:o}=(0,_usePressAnimation.usePressAnimation)({enabled:!0}),c=(0,_react.useMemo)(()=>buildActionStyles(l),[l]),d=e.badge,u=void 0!==d&&0!==d,p=void 0!==e.label;return(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:r,children:(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:()=>{const t=(0,_hapticUtils.resolveHaptic)(n,"selection");t&&(0,_hapticUtils.triggerHaptic)(t),e.onPress()},onPressIn:s,onPressOut:o,accessibilityRole:"button",accessibilityLabel:e.accessibilityLabel??e.label,testID:e.testID,android_ripple:{color:l.colors["surface-pressed"],borderless:!p},style:({pressed:e})=>[p?c.textButton:c.actionButton,a?null:"left"===t?c.actionLeft:c.actionRight,e&&!p?c.actionPressed:null,e&&p?c.textPressed:null],children:[p?(0,_jsxRuntime.jsx)(_Text.Text,{variant:"body",weight:"semibold",color:"link",numberOfLines:1,children:e.label}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:c.iconWrap,children:e.icon}),u?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[c.badge,i],pointerEvents:"none",children:(0,_jsxRuntime.jsx)(_Text.Text,{variant:"caption",weight:"semibold",numberOfLines:1,style:c.badgeText,children:String(d)})}):null,e.dot?(0,_jsxRuntime.jsx)(_reactNative.View,{testID:e.testID?`${e.testID}-dot`:"appbar-action-dot",style:c.dot,pointerEvents:"none"}):null]})})},COLLAPSE_RANGE=60,LARGE_TITLE_SCALE_END=.71,AppBar=exports.AppBar=(0,_react.forwardRef)((e,t)=>{const{title:i,subtitle:n,titleAlignment:a="left",leftAction:l,rightActions:r,leading:s,trailing:o,onBack:c,gutter:d,titleVariant:u,titleOffset:p,height:m,divider:g,variant:x="default",transparent:h=!1,scrollY:_,style:b,containerStyle:f,titleStyle:A,subtitleStyle:j,badgeStyle:v,haptic:y,labels:R,testID:S}=e;(0,_warnInvalidValue.warnInvalidValue)("AppBar","variant",e.variant,["default","large","compact"]),(0,_warnInvalidValue.warnInvalidValue)("AppBar","titleAlignment",e.titleAlignment,["left","center"]);const B=(0,_react.useMemo)(()=>({...DEFAULT_APP_BAR_LABELS,...R}),[R]),w=(0,_index.useTheme)(),I=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),L=(0,_react.useMemo)(()=>variantSize(w,x),[w,x]),N=(0,_react.useMemo)(()=>buildStyles(w),[w]),T="large"===x&&void 0!==_,C=l??(c?{icon:(0,_jsxRuntime.jsx)(_AppIcon.AppIcon,{name:"arrow-left",size:24,color:w.colors["text-body"]}),onPress:c,accessibilityLabel:B.back}:void 0),V=o?void 0:r?.[r.length-1],opticalInset=e=>void 0===e?0:void 0!==e.label?w.space.sm:Math.max(10,0),P=void 0===d?null:{paddingLeft:Math.max(d-opticalInset(C),0),paddingRight:Math.max(d-opticalInset(V),0)},E=void 0!==p,O=Boolean(C)||Boolean(s),z=g??!h,D=_reactNative.StyleSheet.hairlineWidth,W=(0,_react.useMemo)(()=>{if(!_)return null;const e={inputRange:[0,60],extrapolate:"clamp"};return{titleScale:_.interpolate({...e,outputRange:[1,.71]}),titleTranslateY:_.interpolate({...e,outputRange:[0,-20]}),titleTranslateX:_.interpolate({...e,outputRange:"center"===a?[0,0]:[0,8]}),subtitleOpacity:_.interpolate({inputRange:[0,30],outputRange:[1,0],extrapolate:"clamp"}),barHeight:_.interpolate({...e,outputRange:[96,56]}),borderOpacity:_.interpolate({...e,outputRange:[0,1]})}},[_,a]),k=T&&W?{transform:[{translateX:W.titleTranslateX},{translateY:W.titleTranslateY},{scale:W.titleScale}]}:null,q=i?u?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:k,children:(0,_jsxRuntime.jsx)(_Text.Text,{variant:u,align:"center"===a?"center":"left",accessibilityRole:"header",numberOfLines:1,style:[N.titleVariant,A],children:i})}):(0,_jsxRuntime.jsx)(_reactNative.Animated.Text,{accessibilityRole:"header",style:[N.title,{fontSize:L.titleSize,fontWeight:w.weight[L.titleWeight],textAlign:"center"===a?"center":"left"},k,A],numberOfLines:1,children:i}):null,H=n?(0,_jsxRuntime.jsx)(_reactNative.Animated.Text,{style:[N.subtitle,{textAlign:"center"===a?"center":"left"},T&&W?{opacity:W.subtitleOpacity}:null,j],numberOfLines:L.subtitleLines,children:n}):null,F=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[N.titleColumn,"center"===a?N.titleColumnCenter:null,L.alignBottom?N.titleColumnBottom:null],children:[q,H]}),M=T?_reactNative.Animated.View:_reactNative.View,U=T&&W?{height:_reactNative.Animated.add(W.barHeight,new _reactNative.Animated.Value(I.top))}:{height:(m??L.height)+I.top};return(0,_jsxRuntime.jsxs)(M,{ref:t,testID:S,style:[N.root,{paddingTop:I.top,backgroundColor:h?"transparent":w.colors.surface},U,!T&&z?{borderBottomWidth:D,borderBottomColor:w.colors.border}:null,b,f],children:[T&&W&&z?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{pointerEvents:"none",style:[N.animatedBorder,{backgroundColor:w.colors.border,opacity:W.borderOpacity}]}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[N.row,L.alignBottom?N.rowAlignBottom:null,P,{flex:1}],children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[N.sideSlot,E?N.sideSlotCompact:null],children:[C?(0,_jsxRuntime.jsx)(ActionButton,{action:C,side:"left",haptic:y,flush:E}):null,null!=s&&!1!==s?(0,_jsxRuntime.jsx)(_reactNative.View,{style:N.slotNode,children:s}):null]}),(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[N.center,"center"===a?N.centerAligned:N.centerLeft,E?{paddingLeft:O?p:w.space.none,paddingRight:w.space.none}:null],children:F}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[N.sideSlot,N.sideSlotRight,E?N.sideSlotCompact:null],children:[r?.map((e,t)=>(0,_jsxRuntime.jsx)(ActionButton,{action:e,side:"right",badgeStyle:v,haptic:y,flush:E},`appbar-right-${t}`)),null!=o&&!1!==o?(0,_jsxRuntime.jsx)(_reactNative.View,{style:N.slotNode,children:o}):null]})]})]})});AppBar.displayName="AppBar";const buildStyles=e=>_reactNative.StyleSheet.create({root:{width:"100%"},row:{flexDirection:"row",alignItems:"center",paddingHorizontal:e.space.xs},rowAlignBottom:{alignItems:"flex-end",paddingBottom:e.space.sm},sideSlot:{flexDirection:"row",alignItems:"center",minWidth:48},sideSlotRight:{justifyContent:"flex-end"},sideSlotCompact:{minWidth:0},slotNode:{flexDirection:"row",alignItems:"center"},center:{flex:1,minWidth:0,paddingHorizontal:e.space.xs},centerAligned:{alignItems:"center"},centerLeft:{alignItems:"flex-start"},titleColumn:{flexDirection:"column",maxWidth:"100%"},titleColumnCenter:{alignItems:"center"},titleColumnBottom:{justifyContent:"flex-end"},title:{color:e.colors["text-body"]},titleVariant:{includeFontPadding:!1,textAlignVertical:"center"},subtitle:{marginTop:e.space.xxs,color:e.colors["text-subtle"],fontSize:e.text.sm.size,fontWeight:e.weight.normal},animatedBorder:{position:"absolute",left:0,right:0,bottom:0,height:_reactNative.StyleSheet.hairlineWidth}}),buildActionStyles=e=>_reactNative.StyleSheet.create({actionButton:{width:44,height:44,borderRadius:e.radius.pill,..._corners.smoothCorners,alignItems:"center",justifyContent:"center"},actionLeft:{marginRight:e.space.xs},actionRight:{marginLeft:e.space.xs},actionPressed:{backgroundColor:e.colors["surface-pressed"]},textButton:{minWidth:44,minHeight:44,paddingHorizontal:e.space.sm,alignItems:"center",justifyContent:"center"},textPressed:{opacity:.6},dot:{position:"absolute",top:10,right:10,width:8,height:8,borderRadius:e.radius.pill,backgroundColor:e.colors.danger},iconWrap:{alignItems:"center",justifyContent:"center"},badge:{position:"absolute",top:4,right:4,minWidth:16,height:16,paddingHorizontal:e.space.xs,borderRadius:e.radius.pill,..._corners.smoothCorners,backgroundColor:e.colors.danger,alignItems:"center",justifyContent:"center"},badgeText:{color:e.colors["on-danger"],fontSize:e.text.xs.size,fontWeight:e.weight.semibold,lineHeight:13}});var _default=exports.default=AppBar;

package/lib/commonjs/components/AppBar/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AppBar",{enumerable:!0,get:function(){return _AppBar.AppBar}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _AppBar.default}});var cache,_AppBar=_interopRequireWildcard(require("./AppBar.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,a,c=Object.defineProperty,p={__proto__:null,default:e};if(Object(e)!==e)return p;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,p)}for(a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((t=c&&Object.getOwnPropertyDescriptor(e,a))&&(t.get||t.set)?c(p,a,t):p[a]=e[a]);return p}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AppBar",{enumerable:!0,get:function(){return _AppBar.AppBar}}),Object.defineProperty(exports,"DEFAULT_APP_BAR_LABELS",{enumerable:!0,get:function(){return _AppBar.DEFAULT_APP_BAR_LABELS}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _AppBar.default}});var cache,_AppBar=_interopRequireWildcard(require("./AppBar.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,a,n=Object.defineProperty,p={__proto__:null,default:e};if(Object(e)!==e)return p;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,p)}for(a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((t=n&&Object.getOwnPropertyDescriptor(e,a))&&(t.get||t.set)?n(p,a,t):p[a]=e[a]);return p}

package/lib/commonjs/components/AppIcon/AppIcon.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AppIcon=exports.APP_ICON_SIZES=void 0,Object.defineProperty(exports,"CURATED_ICON_NAMES",{enumerable:!0,get:function(){return _glyphsG.CURATED_ICON_NAMES}}),exports.ICONSAX_SUFFIX=void 0,Object.defineProperty(exports,"ICON_NAMES",{enumerable:!0,get:function(){return _catalogG.ICON_NAMES}}),exports.resolveGlyph=exports.default=exports.buildIconXml=void 0;var _mobileCore=require("@webority/mobile-core"),_react=require("react"),_reactNativeSvg=require("react-native-svg"),_index=require("../../theme/index.js"),_catalogG=require("./catalog.g.js"),_glyphsG=require("./glyphs.g.js"),_jsxRuntime=require("react/jsx-runtime");const ICONSAX_SUFFIX=exports.ICONSAX_SUFFIX="-iconsax",APP_ICON_SIZES=exports.APP_ICON_SIZES={xs:14,sm:18,md:22,lg:28,xl:36},tryRequire=e=>{try{return e()}catch{return null}};let curatedVariants=null;const loadCuratedVariants=()=>(curatedVariants||(curatedVariants=tryRequire(()=>require("./variants.g").VARIANT_GLYPHS)??{}),curatedVariants),shardCache=new Map,loadShard=(e,r)=>{const t=r[0]?.toLowerCase()??"",n=`${e}:${t}`,o=shardCache.get(n);if(void 0!==o)return o;const a=_catalogG.CATALOG_LOADERS[e]?.[t],l=a?tryRequire(a):null;return shardCache.set(n,l),l},warned=new Set,resolveCatalogue=(e,r)=>{const t=loadShard(r,e)?.[e];return t||("linear"===r?null:loadShard("linear",e)?.[e]??null)},resolveGlyph=(e,r="linear")=>{if(e.endsWith(ICONSAX_SUFFIX)){const t=e.slice(0,-ICONSAX_SUFFIX.length);return t in _glyphsG.GLYPHS?resolveCatalogue(t,r):null}const t=_glyphsG.GLYPHS[e];return t?"linear"===r?t:loadCuratedVariants()[r]?.[e]??t:resolveCatalogue(e,r)};exports.resolveGlyph=resolveGlyph;const buildIconXml=(e,r,t)=>`<svg xmlns="http://www.w3.org/2000/svg" width="${r}" height="${r}" viewBox="0 0 24 24" fill="none">${e.replace(/currentColor/g,t)}</svg>`;exports.buildIconXml=buildIconXml;const iconXmlCache=new Map,AppIcon=({name:e,size:r="md",color:t,variant:n="linear",style:o,accessibilityLabel:a,testID:l})=>{const s=(0,_index.useTheme)(),i="number"==typeof r?r:APP_ICON_SIZES[r],c=t??s.colors["text-body"],u=resolveGlyph(e,n),d=(0,_react.useMemo)(()=>{if(!u)return null;const r=`${e}|${n}|${i}|${c}`,t=iconXmlCache.get(r);if(void 0!==t)return t;iconXmlCache.size>=500&&iconXmlCache.clear();const o=buildIconXml(u,i,c);return iconXmlCache.set(r,o),o},[e,n,u,i,c]);return d?(0,_jsxRuntime.jsx)(_reactNativeSvg.SvgXml,{xml:d,width:i,height:i,style:o,accessible:null!=a,accessibilityLabel:a,accessibilityRole:null!=a?"image":void 0,testID:l}):(__DEV__&&!warned.has(e)&&(warned.add(e),_mobileCore.Logger.warn(`[AppIcon] Unknown icon "${e}". Names come from webority-ui's icon map and the Iconsax catalogue; run scripts/sync-icons.mjs after adding one there.`)),null)};exports.AppIcon=AppIcon,AppIcon.displayName="AppIcon";var _default=exports.default=AppIcon;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AppIcon=exports.APP_ICON_SIZES=void 0,Object.defineProperty(exports,"CURATED_ICON_NAMES",{enumerable:!0,get:function(){return _glyphsG.CURATED_ICON_NAMES}}),exports.ICONSAX_SUFFIX=void 0,Object.defineProperty(exports,"ICON_NAMES",{enumerable:!0,get:function(){return _catalogG.ICON_NAMES}}),exports.resolveGlyph=exports.default=exports.buildIconXml=void 0;var _mobileCore=require("@webority/mobile-core"),_react=require("react"),_reactNativeSvg=require("react-native-svg"),_index=require("../../theme/index.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_catalogG=require("./catalog.g.js"),_glyphsG=require("./glyphs.g.js"),_jsxRuntime=require("react/jsx-runtime");const ICONSAX_SUFFIX=exports.ICONSAX_SUFFIX="-iconsax",APP_ICON_SIZES=exports.APP_ICON_SIZES={xs:14,sm:18,md:22,lg:28,xl:36},tryRequire=e=>{try{return e()}catch{return null}};let curatedVariants=null;const loadCuratedVariants=()=>(curatedVariants||(curatedVariants=tryRequire(()=>require("./variants.g").VARIANT_GLYPHS)??{}),curatedVariants),shardCache=new Map,loadShard=(e,r)=>{const t=r[0]?.toLowerCase()??"",n=`${e}:${t}`,a=shardCache.get(n);if(void 0!==a)return a;const l=_catalogG.CATALOG_LOADERS[e]?.[t],o=l?tryRequire(l):null;return shardCache.set(n,o),o},warned=new Set,resolveCatalogue=(e,r)=>{const t=loadShard(r,e)?.[e];return t||("linear"===r?null:loadShard("linear",e)?.[e]??null)},resolveGlyph=(e,r="linear")=>{if(e.endsWith(ICONSAX_SUFFIX)){const t=e.slice(0,-ICONSAX_SUFFIX.length);return t in _glyphsG.GLYPHS?resolveCatalogue(t,r):null}const t=_glyphsG.GLYPHS[e];return t?"linear"===r?t:loadCuratedVariants()[r]?.[e]??t:resolveCatalogue(e,r)};exports.resolveGlyph=resolveGlyph;const buildIconXml=(e,r,t)=>`<svg xmlns="http://www.w3.org/2000/svg" width="${r}" height="${r}" viewBox="0 0 24 24" fill="none">${e.replace(/currentColor/g,t)}</svg>`;exports.buildIconXml=buildIconXml;const iconXmlCache=new Map,AppIcon=({name:e,size:r="md",color:t,variant:n="linear",style:a,accessibilityLabel:l,testID:o})=>{const i=(0,_index.useTheme)();"string"==typeof r&&(0,_warnInvalidValue.warnInvalidValue)("AppIcon","size",r,Object.keys(APP_ICON_SIZES)),(0,_warnInvalidValue.warnInvalidValue)("AppIcon","variant",n,["linear","bold","bulk","broken","outline","twotone"]);const s="number"==typeof r?r:APP_ICON_SIZES[r]??APP_ICON_SIZES.md,c=t??i.colors["text-body"],u=resolveGlyph(e,n),d=(0,_react.useMemo)(()=>{if(!u)return null;const r=`${e}|${n}|${s}|${c}`,t=iconXmlCache.get(r);if(void 0!==t)return t;iconXmlCache.size>=500&&iconXmlCache.clear();const a=buildIconXml(u,s,c);return iconXmlCache.set(r,a),a},[e,n,u,s,c]);return d?(0,_jsxRuntime.jsx)(_reactNativeSvg.SvgXml,{xml:d,width:s,height:s,style:a,accessible:null!=l,accessibilityLabel:l,accessibilityRole:null!=l?"image":void 0,testID:o}):(__DEV__&&!warned.has(e)&&(warned.add(e),_mobileCore.Logger.warn(`[@webority/mobile-ui] AppIcon: Unknown icon "${e}". Names come from webority-ui's icon map and the Iconsax catalogue; run scripts/sync-icons.mjs after adding one there.`)),null)};exports.AppIcon=AppIcon,AppIcon.displayName="AppIcon";var _default=exports.default=AppIcon;

package/lib/commonjs/components/AppLockOverlay/AppLockOverlay.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.AppLockOverlay=AppLockOverlay,exports.DEFAULT_APP_LOCK_OVERLAY_LABELS=void 0;var _react=require("react"),_reactNative=require("react-native"),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_index2=require("../AppIcon/index.js"),_index3=require("../Button/index.js"),_index4=require("../Modal/index.js"),_index5=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_APP_LOCK_OVERLAY_LABELS=exports.DEFAULT_APP_LOCK_OVERLAY_LABELS=Object.freeze({title:"Locked",message:"Unlock to continue",unlock:"Unlock",lockout:"Too many tries. Wait a moment, then try again.",notEnrolled:"Set up a screen lock on this phone to use app lock.",failed:"That didn't unlock. Try again."}),noop=()=>{},useStyles=(0,_index.makeStyles)(e=>({body:{alignItems:"center",flex:1,gap:e.space.sm,justifyContent:"center",paddingHorizontal:e.space["2xl"]},footer:{paddingHorizontal:e.space.xl},iconCircle:{alignItems:"center",backgroundColor:e.colors["primary-wash"],borderRadius:e.radius.pill,..._corners.smoothCorners,height:e.space["4xl"],justifyContent:"center",marginBottom:e.space.md,width:e.space["4xl"]}})),failureMessage=(e,t)=>{switch(e){case"lockout":return t.lockout;case"not-enrolled":return t.notEnrolled;case"failed":case"not-available":return t.failed;default:return null}};function AppLockOverlay({visible:e,onUnlock:t,failure:n,secondaryAction:r,brandMark:i,labels:s,testID:a}){const o=(0,_index.useTheme)(),l=useStyles(),c=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),u=(0,_react.useMemo)(()=>({...DEFAULT_APP_LOCK_OVERLAY_LABELS,...s}),[s]),d=(0,_react.useRef)(t);d.current=t,(0,_react.useEffect)(()=>{e&&d.current()},[e]);const x=failureMessage(n,u);return(0,_jsxRuntime.jsxs)(_index4.Modal,{visible:e,onClose:noop,presentation:"fullScreen",hardwareBackPress:!1,haptic:!1,accessibilityLabel:u.title,testID:a,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:l.body,children:[i??(0,_jsxRuntime.jsx)(_reactNative.View,{style:l.iconCircle,children:(0,_jsxRuntime.jsx)(_index2.AppIcon,{name:"lock",size:"xl",color:o.colors["primary-text"]})}),(0,_jsxRuntime.jsx)(_index5.Text,{variant:"h3",weight:"semibold",align:"center",children:u.title}),(0,_jsxRuntime.jsx)(_index5.Text,{variant:"bodySmall",weight:"medium",align:"center",children:u.message}),x?(0,_jsxRuntime.jsx)(_index5.Text,{variant:"caption",weight:"semibold",align:"center",color:"danger",children:x}):null]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[l.footer,{paddingBottom:o.space.xl+c.bottom}],children:[(0,_jsxRuntime.jsx)(_index3.Button,{fullWidth:!0,size:"lg",label:u.unlock,onPress:t,testID:a?`${a}-unlock`:void 0}),r?(0,_jsxRuntime.jsx)(_index3.Button,{variant:"link",label:r.label,onPress:r.onPress,testID:a?`${a}-secondary`:void 0}):null]})]})}

package/lib/commonjs/components/AppLockOverlay/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AppLockOverlay",{enumerable:!0,get:function(){return _AppLockOverlay.AppLockOverlay}}),Object.defineProperty(exports,"DEFAULT_APP_LOCK_OVERLAY_LABELS",{enumerable:!0,get:function(){return _AppLockOverlay.DEFAULT_APP_LOCK_OVERLAY_LABELS}});var _AppLockOverlay=require("./AppLockOverlay.js");

package/lib/commonjs/components/AsyncBlock/AsyncBlock.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.AsyncBlock=void 0;var _mobileCore=require("@webority/mobile-core"),_react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_index2=require("../AppIcon/index.js"),_index3=require("../EmptyState/index.js"),_index4=require("../Spinner/index.js"),_jsxRuntime=require("react/jsx-runtime");const OFFLINE_HINT="Check your connection, then try again.",isNode=e=>(0,_react.isValidElement)(e)||Array.isArray(e),AsyncBlock=({loading:e=!1,error:t,errorVariant:i,empty:r=!1,onRetry:n,skeleton:s,emptyTitle:o="Nothing here yet",emptyDescription:l,emptyIcon:c,errorTitle:a="That didn't load",offlineTitle:d="You're offline",retryLabel:x="Try again",children:u,style:_,testID:m})=>{const y=(0,_index.useTheme)();if(e)return(0,_jsxRuntime.jsx)(_reactNative.View,{style:_,testID:m,children:s??(0,_jsxRuntime.jsx)(_reactNative.View,{style:{paddingVertical:y.space["2xl"],alignItems:"center"},children:(0,_jsxRuntime.jsx)(_index4.Spinner,{})})});if(t){const e="string"==typeof t?t:null,r=null!==e||isNode(t)?null:(0,_mobileCore.extractApiError)(t),s="offline"===(i??(r?.code===_mobileCore.OFFLINE_CODE?"offline":"default")),o=e??r?.message??(s?OFFLINE_HINT:void 0);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_,testID:m,children:[(0,_jsxRuntime.jsx)(_index3.EmptyState,{icon:s?(0,_jsxRuntime.jsx)(_index2.AppIcon,{name:"cloud-cross",size:"xl",color:y.colors["text-subtle"],testID:"async-block-offline-icon"}):void 0,title:s?d:a,description:o,action:n?{label:x,onPress:n}:void 0}),isNode(t)?t:null]})}return r?(0,_jsxRuntime.jsx)(_reactNative.View,{style:_,testID:m,children:(0,_jsxRuntime.jsx)(_index3.EmptyState,{icon:c,title:o,description:l})}):(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:u})};exports.AsyncBlock=AsyncBlock;var _default=exports.default=AsyncBlock;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.DEFAULT_ASYNC_BLOCK_LABELS=exports.AsyncBlock=void 0;var _mobileCore=require("@webority/mobile-core"),_react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index2=require("../AppIcon/index.js"),_index3=require("../EmptyState/index.js"),_index4=require("../Spinner/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_ASYNC_BLOCK_LABELS=exports.DEFAULT_ASYNC_BLOCK_LABELS=Object.freeze({emptyTitle:"Nothing here yet",errorTitle:"That didn't load",offlineTitle:"You're offline",offlineHint:"Check your connection, then try again.",retry:"Try again"}),isNode=e=>(0,_react.isValidElement)(e)||Array.isArray(e),AsyncBlock=({loading:e=!1,error:t,errorVariant:i,empty:r=!1,onRetry:n,skeleton:l,emptyTitle:s,emptyDescription:o,emptyIcon:a,errorTitle:c,offlineTitle:_,labels:d,children:u,style:x,testID:m})=>{const y=(0,_index.useTheme)(),f=(0,_react.useMemo)(()=>({...DEFAULT_ASYNC_BLOCK_LABELS,...d}),[d]);if((0,_warnInvalidValue.warnInvalidValue)("AsyncBlock","errorVariant",i,["default","offline"]),e)return(0,_jsxRuntime.jsx)(_reactNative.View,{style:x,testID:m,children:l??(0,_jsxRuntime.jsx)(_reactNative.View,{style:{paddingVertical:y.space["2xl"],alignItems:"center"},children:(0,_jsxRuntime.jsx)(_index4.Spinner,{})})});if(t){const e="string"==typeof t?t:null,r=null!==e||isNode(t)?null:(0,_mobileCore.extractApiError)(t),l="offline"===(i??(r?.code===_mobileCore.OFFLINE_CODE?"offline":"default")),s=e??r?.message??(l?f.offlineHint:void 0);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:x,testID:m,children:[(0,_jsxRuntime.jsx)(_index3.EmptyState,{icon:l?(0,_jsxRuntime.jsx)(_index2.AppIcon,{name:"cloud-cross",size:"xl",color:y.colors["text-subtle"],testID:"async-block-offline-icon"}):void 0,title:l?_??f.offlineTitle:c??f.errorTitle,description:s,action:n?{label:f.retry,onPress:n}:void 0}),isNode(t)?t:null]})}return r?(0,_jsxRuntime.jsx)(_reactNative.View,{style:x,testID:m,children:(0,_jsxRuntime.jsx)(_index3.EmptyState,{icon:a,title:s??f.emptyTitle,description:o})}):(0,_jsxRuntime.jsx)(_jsxRuntime.Fragment,{children:u})};exports.AsyncBlock=AsyncBlock;var _default=exports.default=AsyncBlock;

package/lib/commonjs/components/AsyncBlock/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AsyncBlock",{enumerable:!0,get:function(){return _AsyncBlock.AsyncBlock}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _AsyncBlock.default}});var cache,_AsyncBlock=_interopRequireWildcard(require("./AsyncBlock.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,c,n=Object.defineProperty,o={__proto__:null,default:e};if(Object(e)!==e)return o;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,o)}for(c in e)"default"!==c&&{}.hasOwnProperty.call(e,c)&&((t=n&&Object.getOwnPropertyDescriptor(e,c))&&(t.get||t.set)?n(o,c,t):o[c]=e[c]);return o}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"AsyncBlock",{enumerable:!0,get:function(){return _AsyncBlock.AsyncBlock}}),Object.defineProperty(exports,"DEFAULT_ASYNC_BLOCK_LABELS",{enumerable:!0,get:function(){return _AsyncBlock.DEFAULT_ASYNC_BLOCK_LABELS}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _AsyncBlock.default}});var cache,_AsyncBlock=_interopRequireWildcard(require("./AsyncBlock.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,c,n=Object.defineProperty,o={__proto__:null,default:e};if(Object(e)!==e)return o;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,o)}for(c in e)"default"!==c&&{}.hasOwnProperty.call(e,c)&&((t=n&&Object.getOwnPropertyDescriptor(e,c))&&(t.get||t.set)?n(o,c,t):o[c]=e[c]);return o}

package/lib/commonjs/components/AuthedImage/AuthedImage.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.AuthedImage=void 0;var _expoImage=require("expo-image"),_react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_index2=require("../Spinner/index.js"),_authedImageCache=require("./authedImageCache.js"),_jsxRuntime=require("react/jsx-runtime");const CONTENT_FIT={cover:"cover",contain:"contain",stretch:"fill",center:"scale-down",repeat:"cover"},toError=e=>e instanceof Error?e:new Error(String(e)),AuthedImage=e=>{const{uri:t,headers:r,client:a,authenticated:i=!0,ttlMs:s=_authedImageCache.DEFAULT_TTL_MS,placeholder:n,fallback:o,onLoadStart:c,onLoadEnd:l,onError:u,cacheKey:d,testID:h,accessibilityLabel:m,style:_,resizeMode:g,fadeDuration:y,contentFit:b,transition:x,cachePolicy:f="memory",...I}=e,v=(0,_index.useTheme)(),j=(0,_react.useMemo)(()=>buildStyles(v),[v]),[p,E]=(0,_react.useState)({status:"loading"}),C=(0,_react.useRef)({onLoadStart:c,onLoadEnd:l,onError:u});C.current={onLoadStart:c,onLoadEnd:l,onError:u};const L=JSON.stringify(r??{});return(0,_react.useEffect)(()=>{let e=!1,r=null;const finish=t=>{e||(E(t),C.current.onLoadEnd?.())};return(async()=>{if(!t){const t=new Error("[@webority/mobile-ui] AuthedImage was given an empty `uri`. Pass the image URL, or render nothing while the URL is still unknown.");return void(e||(E({status:"error"}),C.current.onError?.(t)))}E({status:"loading"}),C.current.onLoadStart?.();const n=(0,_authedImageCache.deriveCacheKey)(t,d),o=await(0,_authedImageCache.readEntry)(n);if(e)return;if(o&&(0,_authedImageCache.isFresh)(o.meta,s))return(0,_authedImageCache.touchEntry)(n),void finish({status:"ready",fileUri:o.fileUri});const c=(0,_authedImageCache.acquireFetch)(n,{uri:t,headers:JSON.parse(L),authenticated:i,client:a});r={key:n,entry:c};try{const e=await c.promise;finish({status:"ready",fileUri:e.fileUri})}catch(t){if(e)return;if(o&&!(0,_authedImageCache.isPermanentRefusal)(t))return void finish({status:"ready",fileUri:o.fileUri});if(o&&(await(0,_authedImageCache.removeEntry)(n),e))return;E({status:"error"}),C.current.onError?.(toError(t)),C.current.onLoadEnd?.()}})(),()=>{e=!0,r&&(0,_authedImageCache.releaseFetch)(r.key,r.entry)}},[t,d,s,i,a,L]),"loading"===p.status?void 0!==n?(0,_jsxRuntime.jsx)(_reactNative.View,{style:_,testID:h,children:n}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[j.placeholder,_],testID:h,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:j.stateFill,testID:h?`${h}-placeholder`:void 0,pointerEvents:"none",children:(0,_jsxRuntime.jsx)(_index2.Spinner,{size:"sm",accessibilityLabel:m??"Loading image"})})}):"error"===p.status?void 0!==o?(0,_jsxRuntime.jsx)(_reactNative.View,{style:_,testID:h,children:o}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[j.fallback,_],testID:h,children:(0,_jsxRuntime.jsx)(_reactNative.View,{accessible:!0,accessibilityRole:"image",accessibilityLabel:m?`${m}, image unavailable`:"Image unavailable",testID:h?`${h}-fallback`:void 0,style:j.stateFill,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:j.fallbackText,children:"!"})})}):(0,_jsxRuntime.jsx)(_expoImage.Image,{...I,accessible:!0,accessibilityRole:"image",accessibilityLabel:m,testID:h,style:_,contentFit:b??(g?CONTENT_FIT[g]:void 0),transition:x??y,cachePolicy:f,source:{uri:p.fileUri}})};exports.AuthedImage=AuthedImage,AuthedImage.displayName="AuthedImage";const buildStyles=e=>_reactNative.StyleSheet.create({placeholder:{alignItems:"center",justifyContent:"center",backgroundColor:e.colors["bg-subtle"],borderRadius:e.radius.md,..._corners.smoothCorners},fallback:{alignItems:"center",justifyContent:"center",backgroundColor:e.colors["bg-subtle"],borderRadius:e.radius.md,..._corners.smoothCorners,borderWidth:e.size.border,borderColor:e.colors["border-subtle"],padding:e.space.sm},stateFill:{alignItems:"center",flex:1,justifyContent:"center"},fallbackText:{color:e.colors["text-subtle"],fontSize:e.text.lg.size,fontWeight:e.weight.bold}});var _default=exports.default=AuthedImage;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.DEFAULT_AUTHED_IMAGE_LABELS=exports.AuthedImage=void 0;var _expoImage=require("expo-image"),_react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index2=require("../Spinner/index.js"),_index3=require("../Text/index.js"),_authedImageCache=require("./authedImageCache.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_AUTHED_IMAGE_LABELS=exports.DEFAULT_AUTHED_IMAGE_LABELS=Object.freeze({loading:"Loading image",unavailable:"Image unavailable",unavailableNamed:e=>`${e}, image unavailable`}),CONTENT_FIT={cover:"cover",contain:"contain",stretch:"fill",center:"scale-down",repeat:"cover"},toError=e=>e instanceof Error?e:new Error(String(e)),AuthedImage=e=>{const{uri:t,headers:r,client:a,authenticated:i=!0,ttlMs:s=_authedImageCache.DEFAULT_TTL_MS,placeholder:n,fallback:o,onLoadStart:c,onLoadEnd:l,onError:u,cacheKey:d,testID:_,accessibilityLabel:h,style:m,resizeMode:g,fadeDuration:I,contentFit:b,transition:y,labels:x,cachePolicy:E="memory",...v}=e;(0,_warnInvalidValue.warnInvalidValue)("AuthedImage","resizeMode",g,Object.keys(CONTENT_FIT));const f=(0,_react.useMemo)(()=>({...DEFAULT_AUTHED_IMAGE_LABELS,...x}),[x]),j=(0,_index.useTheme)(),L=(0,_react.useMemo)(()=>buildStyles(j),[j]),[A,p]=(0,_react.useState)({status:"loading"}),C=(0,_react.useRef)({onLoadStart:c,onLoadEnd:l,onError:u});C.current={onLoadStart:c,onLoadEnd:l,onError:u};const T=JSON.stringify(r??{});return(0,_react.useEffect)(()=>{let e=!1,r=null;const finish=t=>{e||(p(t),C.current.onLoadEnd?.())};return(async()=>{if(!t){const t=new Error("[@webority/mobile-ui] AuthedImage was given an empty `uri`. Pass the image URL, or render nothing while the URL is still unknown.");return void(e||(p({status:"error"}),C.current.onError?.(t)))}p({status:"loading"}),C.current.onLoadStart?.();const n=(0,_authedImageCache.deriveCacheKey)(t,d),o=await(0,_authedImageCache.readEntry)(n);if(e)return;if(o&&(0,_authedImageCache.isFresh)(o.meta,s))return(0,_authedImageCache.touchEntry)(n),void finish({status:"ready",fileUri:o.fileUri});const c=(0,_authedImageCache.acquireFetch)(n,{uri:t,headers:JSON.parse(T),authenticated:i,client:a});r={key:n,entry:c};try{const e=await c.promise;finish({status:"ready",fileUri:e.fileUri})}catch(t){if(e)return;if(o&&!(0,_authedImageCache.isPermanentRefusal)(t))return void finish({status:"ready",fileUri:o.fileUri});if(o&&(await(0,_authedImageCache.removeEntry)(n),e))return;p({status:"error"}),C.current.onError?.(toError(t)),C.current.onLoadEnd?.()}})(),()=>{e=!0,r&&(0,_authedImageCache.releaseFetch)(r.key,r.entry)}},[t,d,s,i,a,T]),"loading"===A.status?void 0!==n?(0,_jsxRuntime.jsx)(_reactNative.View,{style:m,testID:_,children:n}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[L.placeholder,m],testID:_,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:L.stateFill,testID:_?`${_}-placeholder`:void 0,pointerEvents:"none",children:(0,_jsxRuntime.jsx)(_index2.Spinner,{size:"sm",accessibilityLabel:h??f.loading})})}):"error"===A.status?void 0!==o?(0,_jsxRuntime.jsx)(_reactNative.View,{style:m,testID:_,children:o}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[L.fallback,m],testID:_,children:(0,_jsxRuntime.jsx)(_reactNative.View,{accessible:!0,accessibilityRole:"image",accessibilityLabel:h?f.unavailableNamed(h):f.unavailable,testID:_?`${_}-fallback`:void 0,style:L.stateFill,children:(0,_jsxRuntime.jsx)(_index3.Text,{variant:"title",color:"tertiary",accessible:!1,children:"!"})})}):(0,_jsxRuntime.jsx)(_expoImage.Image,{...v,accessible:!0,accessibilityRole:"image",accessibilityLabel:h,testID:_,style:m,contentFit:b??(g?CONTENT_FIT[g]:void 0),transition:y??I,cachePolicy:E,source:{uri:A.fileUri}})};exports.AuthedImage=AuthedImage,AuthedImage.displayName="AuthedImage";const buildStyles=e=>_reactNative.StyleSheet.create({placeholder:{alignItems:"center",justifyContent:"center",backgroundColor:e.colors["bg-subtle"],borderRadius:e.radius.md,..._corners.smoothCorners},fallback:{alignItems:"center",justifyContent:"center",backgroundColor:e.colors["bg-subtle"],borderRadius:e.radius.md,..._corners.smoothCorners,borderWidth:e.size.border,borderColor:e.colors["border-subtle"],padding:e.space.sm},stateFill:{alignItems:"center",flex:1,justifyContent:"center"}});var _default=exports.default=AuthedImage;

package/lib/commonjs/components/AuthedImage/authedImageCache.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.touchEntry=exports.setAuthedImageCacheLimit=exports.removeEntry=exports.releaseFetch=exports.readEntry=exports.isPermanentRefusal=exports.isFresh=exports.getAuthedImageCacheLimit=exports.flushAuthedImageIndex=exports.deriveCacheKey=exports.clearAuthedImageCache=exports.authedImageCacheStats=exports.acquireFetch=exports.DEFAULT_TTL_MS=exports.AuthedImageHttpError=void 0;var _mobileCore=require("@webority/mobile-core"),_expoFileSystem=require("expo-file-system"),_reactNative=require("react-native"),_hashString=require("../../utils/hashString.js");const INDEX_KEY="@webority/authed-image/v2/index",LEGACY_PREFIX="@webority/authed-image/v1/",FOLDER="authed-images",DEFAULT_BYTE_CEILING=52428800,TOUCH_PERSIST_MS=36e5,PERSIST_DELAY_MS=1e3,DEFAULT_TTL_MS=exports.DEFAULT_TTL_MS=6048e5;let byteCeiling=52428800;const setAuthedImageCacheLimit=e=>{if(!Number.isFinite(e)||e<=0)throw new Error(`[@webority/mobile-ui] setAuthedImageCacheLimit() needs a positive number of bytes, received ${String(e)}. Pass e.g. 50 * 1024 * 1024 for 50 MB.`);byteCeiling=e};exports.setAuthedImageCacheLimit=setAuthedImageCacheLimit;const getAuthedImageCacheLimit=()=>byteCeiling;exports.getAuthedImageCacheLimit=getAuthedImageCacheLimit;const deriveCacheKey=(e,t)=>(0,_hashString.hashString)(t??e);exports.deriveCacheKey=deriveCacheKey;const imageFile=e=>new _expoFileSystem.File(_expoFileSystem.Paths.cache,FOLDER,e),toMeta=({fetchedAt:e,bytes:t,contentType:s,lastAccessedAt:r})=>({fetchedAt:e,bytes:t,contentType:s,lastAccessedAt:r});let index=null,indexBytes=0,indexLoad=null,persistTimer=null,persistTarget=null,appStateSub=null;const persistIndex=async e=>{if(!(0,_mobileCore.isStorageAvailable)())return;const t={};for(const[s,r]of e)t[s]={...r,persistedAccessAt:r.lastAccessedAt};if(await _mobileCore.Storage.setItem(INDEX_KEY,JSON.stringify(t)))for(const t of e.values())t.persistedAccessAt=t.lastAccessedAt},schedulePersist=e=>{persistTarget=e,null===appStateSub&&(appStateSub=_reactNative.AppState.addEventListener("change",e=>{"active"!==e&&flushAuthedImageIndex()})),null===persistTimer&&(persistTimer=setTimeout(()=>{flushAuthedImageIndex()},1e3))},flushAuthedImageIndex=async()=>{null!==persistTimer&&(clearTimeout(persistTimer),persistTimer=null);const e=persistTarget;persistTarget=null,null!==e&&await persistIndex(e)};exports.flushAuthedImageIndex=flushAuthedImageIndex;const removeLegacyEntries=async()=>{const e=(await _mobileCore.Storage.getAllKeys()).filter(e=>e.startsWith(LEGACY_PREFIX));e.length>0&&await _mobileCore.Storage.multiRemove(e)},removeOrphanFiles=e=>{try{const t=new _expoFileSystem.Directory(_expoFileSystem.Paths.cache,FOLDER);if(!t.exists)return;const s=new Set([...e.values()].map(e=>imageFile(e.fileName).uri));for(const e of t.list())s.has(e.uri)||e.delete()}catch(e){_mobileCore.Logger.warn("[AuthedImage] could not tidy the image cache folder",e)}},readStoredIndex=async()=>{const e=new Map;if(!(0,_mobileCore.isStorageAvailable)())return e;const t=await _mobileCore.Storage.getItem(INDEX_KEY);if(!t)return await removeLegacyEntries(),e;try{for(const[s,r]of Object.entries(JSON.parse(t)))e.set(s,r)}catch{}return e},loadIndex=()=>index?Promise.resolve(index):(indexLoad||(indexLoad=readStoredIndex().then(e=>(removeOrphanFiles(e),index=e,indexBytes=[...e.values()].reduce((e,t)=>e+t.bytes,0),e)).finally(()=>{indexLoad=null})),indexLoad),deleteFile=e=>{try{const t=imageFile(e);t.exists&&t.delete()}catch(e){_mobileCore.Logger.warn("[AuthedImage] could not delete a cached image file",e)}},readEntry=async e=>{const t=await loadIndex(),s=t.get(e);if(!s)return null;const r=imageFile(s.fileName);return r.exists?{fileUri:r.uri,meta:toMeta(s)}:(t.delete(e),indexBytes-=s.bytes,schedulePersist(t),null)};exports.readEntry=readEntry;const removeEntry=async e=>{const t=await loadIndex(),s=t.get(e);s&&(t.delete(e),indexBytes-=s.bytes,deleteFile(s.fileName),schedulePersist(t))};exports.removeEntry=removeEntry;class AuthedImageHttpError extends Error{constructor(e,t){super(e),this.name="AuthedImageHttpError",this.status=t}}exports.AuthedImageHttpError=AuthedImageHttpError;const isPermanentRefusal=e=>e instanceof AuthedImageHttpError&&e.status>=400&&e.status<500&&408!==e.status&&429!==e.status;exports.isPermanentRefusal=isPermanentRefusal;const isFresh=(e,t,s=Date.now())=>s-e.fetchedAt<t;exports.isFresh=isFresh;const touchEntry=async e=>{const t=await loadIndex(),s=t.get(e);s&&(s.lastAccessedAt=Date.now(),s.lastAccessedAt-s.persistedAccessAt>=36e5&&schedulePersist(t))};exports.touchEntry=touchEntry;const evictIfNeeded=e=>{let t=indexBytes;if(t<=byteCeiling)return 0;const s=[...e].sort(([,e],[,t])=>e.lastAccessedAt-t.lastAccessedAt);let r=0;for(const[i,a]of s){if(t<=byteCeiling)break;e.delete(i),indexBytes-=a.bytes,deleteFile(a.fileName),t-=a.bytes,r+=1}return r},clearAuthedImageCache=async()=>{null!==persistTimer&&(clearTimeout(persistTimer),persistTimer=null),persistTarget=null;(await loadIndex()).clear(),indexBytes=0;const e=new _expoFileSystem.Directory(_expoFileSystem.Paths.cache,FOLDER);e.exists&&e.delete(),(0,_mobileCore.isStorageAvailable)()&&await _mobileCore.Storage.removeItem(INDEX_KEY)};exports.clearAuthedImageCache=clearAuthedImageCache;const authedImageCacheStats=async()=>{const e=await loadIndex();let t=0;for(const s of e.values())t+=s.bytes;return{entries:e.size,bytes:t}};exports.authedImageCacheStats=authedImageCacheStats;const responseHeader=(e,t)=>{if(!e||"object"!=typeof e)return;const s=e.get,r="function"==typeof s?s.call(e,t):e[t];return"string"==typeof r?r:void 0},fetchAndStore=async(e,t,s)=>{const r={Accept:"image/*",...t.headers};if(!t.client&&t.authenticated){const e=await(0,_mobileCore.getToken)(_mobileCore.ACCESS_TOKEN_KEY);e?.token&&(r.Authorization=`Bearer ${e.token}`)}const i=t.client??_mobileCore.publicClient;let a;try{a=await i.get(t.uri,{headers:r,responseType:"arraybuffer",signal:s})}catch(e){const s=e?.response?.status;if("number"!=typeof s)throw e;throw new AuthedImageHttpError(`[@webority/mobile-ui] AuthedImage could not load "${t.uri}": the server answered ${s}. Check the URL and whether the request needs to be signed in (pass the signed-in client as \`client\`, or authenticated={false} for public media).`,s)}const o=new Uint8Array(a.data??new ArrayBuffer(0)),n=responseHeader(a.headers,"content-type"),c=(n?n.split(";")[0].trim():"")||"image/jpeg",l=await loadIndex(),d=Date.now(),h=`${e}-${d.toString(36)}`,u=imageFile(h);try{u.create({intermediates:!0,overwrite:!0}),u.write(o)}catch(e){throw new Error(`[@webority/mobile-ui] AuthedImage fetched "${t.uri}" but could not write it to the app's cache folder: ${e instanceof Error?e.message:String(e)}. The device may be out of storage.`)}const m={fetchedAt:d,bytes:o.byteLength,contentType:c,lastAccessedAt:d,fileName:h,persistedAccessAt:d},g=l.get(e);g&&(indexBytes-=g.bytes),l.set(e,m),indexBytes+=m.bytes,g&&g.fileName!==h&&deleteFile(g.fileName);const p=evictIfNeeded(l);return schedulePersist(l),p>0&&_mobileCore.Logger.info(`[AuthedImage] evicted ${p} cached image(s) over the byte ceiling`),{fileUri:u.uri,meta:toMeta(m)}},inFlight=new Map,acquireFetch=(e,t)=>{const s=inFlight.get(e);if(s)return s.waiters+=1,s;const r=new AbortController,i={controller:r,waiters:1,promise:Promise.resolve()};return i.promise=fetchAndStore(e,t,r.signal).finally(()=>{inFlight.get(e)===i&&inFlight.delete(e)}),inFlight.set(e,i),i};exports.acquireFetch=acquireFetch;const releaseFetch=(e,t)=>{t.waiters-=1,t.waiters>0||(inFlight.get(e)===t&&inFlight.delete(e),t.controller.abort())};exports.releaseFetch=releaseFetch;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.touchEntry=exports.setAuthedImageCacheLimit=exports.removeEntry=exports.releaseFetch=exports.readEntry=exports.isPermanentRefusal=exports.isFresh=exports.getAuthedImageCacheLimit=exports.flushAuthedImageIndex=exports.deriveCacheKey=exports.clearAuthedImageCache=exports.authedImageCacheStats=exports.acquireFetch=exports.DEFAULT_TTL_MS=exports.AuthedImageHttpError=void 0;var _mobileCore=require("@webority/mobile-core"),_expoFileSystem=require("expo-file-system"),_reactNative=require("react-native"),_hashString=require("../../utils/hashString.js");const INDEX_KEY="@webority/authed-image/v2/index",LEGACY_PREFIX="@webority/authed-image/v1/",FOLDER="authed-images",DEFAULT_BYTE_CEILING=52428800,TOUCH_PERSIST_MS=36e5,PERSIST_DELAY_MS=1e3,DEFAULT_TTL_MS=exports.DEFAULT_TTL_MS=6048e5;let byteCeiling=52428800;const setAuthedImageCacheLimit=e=>{if(!Number.isFinite(e)||e<=0)throw new Error(`[@webority/mobile-ui] setAuthedImageCacheLimit() needs a positive number of bytes, received ${String(e)}. Pass e.g. 50 * 1024 * 1024 for 50 MB.`);byteCeiling=e};exports.setAuthedImageCacheLimit=setAuthedImageCacheLimit;const getAuthedImageCacheLimit=()=>byteCeiling;exports.getAuthedImageCacheLimit=getAuthedImageCacheLimit;const deriveCacheKey=(e,t)=>(0,_hashString.hashString)(t??e);exports.deriveCacheKey=deriveCacheKey;const imageFile=e=>new _expoFileSystem.File(_expoFileSystem.Paths.cache,FOLDER,e),toMeta=({fetchedAt:e,bytes:t,contentType:r,lastAccessedAt:s})=>({fetchedAt:e,bytes:t,contentType:r,lastAccessedAt:s});let index=null,indexBytes=0,indexLoad=null,persistTimer=null,persistTarget=null,appStateSub=null;const persistIndex=async e=>{if(!(0,_mobileCore.isStorageAvailable)())return;const t={};for(const[r,s]of e)t[r]={...s,persistedAccessAt:s.lastAccessedAt};if(await _mobileCore.Storage.setItem(INDEX_KEY,JSON.stringify(t)))for(const t of e.values())t.persistedAccessAt=t.lastAccessedAt},schedulePersist=e=>{persistTarget=e,null===appStateSub&&(appStateSub=_reactNative.AppState.addEventListener("change",e=>{"active"!==e&&flushAuthedImageIndex()})),null===persistTimer&&(persistTimer=setTimeout(()=>{flushAuthedImageIndex()},1e3))},flushAuthedImageIndex=async()=>{null!==persistTimer&&(clearTimeout(persistTimer),persistTimer=null);const e=persistTarget;persistTarget=null,null!==e&&await persistIndex(e)};exports.flushAuthedImageIndex=flushAuthedImageIndex;const removeLegacyEntries=async()=>{const e=(await _mobileCore.Storage.getAllKeys()).filter(e=>e.startsWith(LEGACY_PREFIX));e.length>0&&await _mobileCore.Storage.multiRemove(e)},removeOrphanFiles=e=>{try{const t=new _expoFileSystem.Directory(_expoFileSystem.Paths.cache,FOLDER);if(!t.exists)return;const r=new Set([...e.values()].map(e=>imageFile(e.fileName).uri));for(const e of t.list())r.has(e.uri)||e.delete()}catch(e){_mobileCore.Logger.warn("[@webority/mobile-ui] AuthedImage could not tidy the image cache folder",e)}},readStoredIndex=async()=>{const e=new Map;if(!(0,_mobileCore.isStorageAvailable)())return e;const t=await _mobileCore.Storage.getItem(INDEX_KEY);if(!t)return await removeLegacyEntries(),e;try{for(const[r,s]of Object.entries(JSON.parse(t)))e.set(r,s)}catch{}return e},loadIndex=()=>index?Promise.resolve(index):(indexLoad||(indexLoad=readStoredIndex().then(e=>(removeOrphanFiles(e),index=e,indexBytes=[...e.values()].reduce((e,t)=>e+t.bytes,0),e)).finally(()=>{indexLoad=null})),indexLoad),deleteFile=e=>{try{const t=imageFile(e);t.exists&&t.delete()}catch(e){_mobileCore.Logger.warn("[@webority/mobile-ui] AuthedImage could not delete a cached image file",e)}},readEntry=async e=>{const t=await loadIndex(),r=t.get(e);if(!r)return null;const s=imageFile(r.fileName);return s.exists?{fileUri:s.uri,meta:toMeta(r)}:(t.delete(e),indexBytes-=r.bytes,schedulePersist(t),null)};exports.readEntry=readEntry;const removeEntry=async e=>{const t=await loadIndex(),r=t.get(e);r&&(t.delete(e),indexBytes-=r.bytes,deleteFile(r.fileName),schedulePersist(t))};exports.removeEntry=removeEntry;class AuthedImageHttpError extends Error{constructor(e,t){super(e),this.name="AuthedImageHttpError",this.status=t}}exports.AuthedImageHttpError=AuthedImageHttpError;const isPermanentRefusal=e=>e instanceof AuthedImageHttpError&&e.status>=400&&e.status<500&&408!==e.status&&429!==e.status;exports.isPermanentRefusal=isPermanentRefusal;const isFresh=(e,t,r=Date.now())=>r-e.fetchedAt<t;exports.isFresh=isFresh;const touchEntry=async e=>{const t=await loadIndex(),r=t.get(e);r&&(r.lastAccessedAt=Date.now(),r.lastAccessedAt-r.persistedAccessAt>=36e5&&schedulePersist(t))};exports.touchEntry=touchEntry;const evictIfNeeded=e=>{let t=indexBytes;if(t<=byteCeiling)return 0;const r=[...e].sort(([,e],[,t])=>e.lastAccessedAt-t.lastAccessedAt);let s=0;for(const[i,a]of r){if(t<=byteCeiling)break;e.delete(i),indexBytes-=a.bytes,deleteFile(a.fileName),t-=a.bytes,s+=1}return s},clearAuthedImageCache=async()=>{null!==persistTimer&&(clearTimeout(persistTimer),persistTimer=null),persistTarget=null;(await loadIndex()).clear(),indexBytes=0;const e=new _expoFileSystem.Directory(_expoFileSystem.Paths.cache,FOLDER);e.exists&&e.delete(),(0,_mobileCore.isStorageAvailable)()&&await _mobileCore.Storage.removeItem(INDEX_KEY)};exports.clearAuthedImageCache=clearAuthedImageCache;const authedImageCacheStats=async()=>{const e=await loadIndex();let t=0;for(const r of e.values())t+=r.bytes;return{entries:e.size,bytes:t}};exports.authedImageCacheStats=authedImageCacheStats;const responseHeader=(e,t)=>{if(!e||"object"!=typeof e)return;const r=e.get,s="function"==typeof r?r.call(e,t):e[t];return"string"==typeof s?s:void 0},originOf=e=>{const t=/^([a-z][a-z0-9+.-]*:\/\/[^/?#]+)/i.exec(e);return t?t[1].toLowerCase():null},isOwnApiAddress=e=>{const t=originOf(e);if(null===t)return!0;const r=(0,_mobileCore.getConfigValue)("baseUrl");return"string"==typeof r&&originOf(r)===t},fetchAndStore=async(e,t,r)=>{const s={Accept:"image/*",...t.headers};if(!t.client&&t.authenticated&&isOwnApiAddress(t.uri)){const e=await(0,_mobileCore.getToken)(_mobileCore.ACCESS_TOKEN_KEY);e?.token&&(s.Authorization=`Bearer ${e.token}`)}const i=t.client??_mobileCore.publicClient;let a;try{a=await i.get(t.uri,{headers:s,responseType:"arraybuffer",signal:r})}catch(e){const r=e?.response?.status;if("number"!=typeof r)throw e;throw new AuthedImageHttpError(`[@webority/mobile-ui] AuthedImage could not load "${t.uri}": the server answered ${r}. Check the URL and whether the request needs to be signed in (pass the signed-in client as \`client\`, or authenticated={false} for public media).`,r)}const o=new Uint8Array(a.data??new ArrayBuffer(0)),n=responseHeader(a.headers,"content-type"),l=(n?n.split(";")[0].trim():"")||"image/jpeg",c=await loadIndex(),d=Date.now(),u=`${e}-${d.toString(36)}`,h=imageFile(u);try{h.create({intermediates:!0,overwrite:!0}),h.write(o)}catch(e){throw new Error(`[@webority/mobile-ui] AuthedImage fetched "${t.uri}" but could not write it to the app's cache folder: ${e instanceof Error?e.message:String(e)}. The device may be out of storage.`)}const m={fetchedAt:d,bytes:o.byteLength,contentType:l,lastAccessedAt:d,fileName:u,persistedAccessAt:d},g=c.get(e);g&&(indexBytes-=g.bytes),c.set(e,m),indexBytes+=m.bytes,g&&g.fileName!==u&&deleteFile(g.fileName);const p=evictIfNeeded(c);return schedulePersist(c),p>0&&_mobileCore.Logger.info(`[@webority/mobile-ui] AuthedImage evicted ${p} cached image(s) over the byte ceiling`),{fileUri:h.uri,meta:toMeta(m)}},inFlight=new Map,acquireFetch=(e,t)=>{const r=inFlight.get(e);if(r)return r.waiters+=1,r;const s=new AbortController,i={controller:s,waiters:1,promise:Promise.resolve()};return i.promise=fetchAndStore(e,t,s.signal).finally(()=>{inFlight.get(e)===i&&inFlight.delete(e)}),inFlight.set(e,i),i};exports.acquireFetch=acquireFetch;const releaseFetch=(e,t)=>{t.waiters-=1,t.waiters>0||(inFlight.get(e)===t&&inFlight.delete(e),t.controller.abort())};exports.releaseFetch=releaseFetch;

package/lib/commonjs/components/Autocomplete/Autocomplete.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Autocomplete=Autocomplete,exports.default=void 0;var cache,_react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_index3=require("../../utils/index.js"),_corners=require("../../utils/corners.js"),_index4=require("../Input/index.js"),_index5=require("../Spinner/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,i,a=Object.defineProperty,o={__proto__:null,default:e};if(Object(e)!==e)return o;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,o)}for(i in e)"default"!==i&&{}.hasOwnProperty.call(e,i)&&((r=a&&Object.getOwnPropertyDescriptor(e,i))&&(r.get||r.set)?a(o,i,r):o[i]=e[i]);return o}const defaultGetLabel=e=>"string"==typeof e?e:String(e);function Autocomplete(e){const{options:t,value:r,defaultValue:i,onChangeText:a,onSelect:o,getOptionLabel:n,getOptionKey:s,filter:l,minChars:c=1,maxResults:d=8,emptyText:u="No matches",loading:x=!1,filterMode:p="client",loadingText:_="Searching…",placeholder:m,label:h,error:f,helperText:b,disabled:g=!1,size:y="md",variant:j,haptic:v,style:S,listStyle:R,optionTextStyle:T,testID:w}=e,C=(0,_index2.useTheme)(),N=(0,_react.useMemo)(()=>buildStyles(C),[C]),[z,q]=(0,_index.useControllableState)({value:r,defaultValue:i??"",onChange:a}),[P,k]=(0,_react.useState)(!1),[O,L]=(0,_react.useState)(0),V=(0,_react.useRef)(null),A=(0,_react.useCallback)(e=>n?n(e):defaultGetLabel(e),[n]),I=(0,_react.useMemo)(()=>{if("none"===p)return t.slice(0,d);const e=z.trim();if(e.length<c)return[];const r=e.toLowerCase(),i=l?t=>l(t,e):e=>A(e).toLowerCase().includes(r);return t.filter(i).slice(0,d)},[t,z,c,d,l,A,p]),M=P&&(x||z.trim().length>=c),W=(0,_react.useCallback)(e=>{const t=(0,_index3.resolveHaptic)(v,"selection");t&&(0,_index3.triggerHaptic)(t),V.current&&clearTimeout(V.current),q(A(e)),k(!1),_reactNative.Keyboard.dismiss(),o(e)},[v,q,A,o]);_react.default.useEffect(()=>()=>{V.current&&clearTimeout(V.current)},[]);const H=(0,_react.useCallback)(e=>{L(e.nativeEvent.layout.height)},[]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[N.container,S],testID:w,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{onLayout:H,children:(0,_jsxRuntime.jsx)(_index4.Input,{value:z,onChangeText:q,onFocus:()=>{V.current&&clearTimeout(V.current),k(!0)},onBlur:()=>{V.current=setTimeout(()=>k(!1),120)},placeholder:m,label:h,error:f,helperText:b,editable:!g,accessibilityState:{disabled:g},"aria-disabled":g,size:y,variant:j,autoCorrect:!1,autoCapitalize:"none"})}),M?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[N.list,{top:O,backgroundColor:C.colors.surface,borderColor:C.colors.border,borderRadius:C.radius.md,..._corners.smoothCorners,...C.shadow.popover},R],children:x?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:N.loadingRow,children:[(0,_jsxRuntime.jsx)(_index5.Spinner,{size:"sm"}),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[N.loadingText,{color:C.colors["text-muted"],fontSize:C.text.sm.size}],children:_})]}):0===I.length?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[N.empty,{color:C.colors["text-subtle"],fontSize:C.text.sm.size}],children:u}):(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{keyboardShouldPersistTaps:"handled",style:N.scroll,children:I.map((e,t)=>(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>W(e),android_ripple:{color:C.colors["surface-pressed"]},style:({pressed:e})=>[N.option,{paddingHorizontal:C.space.md,paddingVertical:C.space.sm,backgroundColor:e?C.colors["surface-pressed"]:"transparent"}],accessibilityRole:"button",accessibilityLabel:A(e),accessibilityState:{selected:A(e)===z},"aria-selected":A(e)===z,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[N.optionText,{color:C.colors["text-body"],fontSize:C.text.base.size},T],numberOfLines:1,children:A(e)})},s?s(e):`${A(e)}-${t}`))})}):null]})}Autocomplete.displayName="Autocomplete";const buildStyles=e=>_reactNative.StyleSheet.create({container:{width:"100%",position:"relative",zIndex:10},list:{position:"absolute",left:0,right:0,borderWidth:_reactNative.StyleSheet.hairlineWidth,overflow:"hidden",zIndex:20,maxHeight:240},scroll:{maxHeight:240},option:{width:"100%"},optionText:{includeFontPadding:!1},empty:{padding:e.space.md,textAlign:"center",includeFontPadding:!1},loadingRow:{flexDirection:"row",alignItems:"center",gap:e.space.sm,padding:e.space.md},loadingText:{includeFontPadding:!1}});var _default=exports.default=Autocomplete;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Autocomplete=Autocomplete,exports.default=exports.DEFAULT_AUTOCOMPLETE_LABELS=void 0;var cache,_react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_index3=require("../../utils/index.js"),_corners=require("../../utils/corners.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index4=require("../Input/index.js"),_index5=require("../Spinner/index.js"),_index6=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,i,a=Object.defineProperty,n={__proto__:null,default:e};if(Object(e)!==e)return n;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,n)}for(i in e)"default"!==i&&{}.hasOwnProperty.call(e,i)&&((r=a&&Object.getOwnPropertyDescriptor(e,i))&&(r.get||r.set)?a(n,i,r):n[i]=e[i]);return n}const DEFAULT_AUTOCOMPLETE_LABELS=exports.DEFAULT_AUTOCOMPLETE_LABELS=Object.freeze({empty:"No matches",searching:"Searching…"}),defaultGetLabel=e=>"string"==typeof e?e:String(e);function Autocomplete(e){const{options:t,value:r,defaultValue:i,onChangeText:a,onSelect:n,getOptionLabel:l,getOptionKey:o,filter:s,minChars:c=1,maxResults:d=8,loading:u=!1,filterMode:p="client",loadingText:_,labels:x,placeholder:m,label:h,error:b,helperText:f,disabled:g=!1,size:y="md",variant:j,haptic:v,style:T,listStyle:S,optionTextStyle:L,testID:w}=e;(0,_warnInvalidValue.warnInvalidValue)("Autocomplete","filterMode",e.filterMode,["client","none"]);const C=(0,_react.useMemo)(()=>({...DEFAULT_AUTOCOMPLETE_LABELS,...x}),[x]),R=(0,_index2.useTheme)(),A=(0,_react.useMemo)(()=>buildStyles(R),[R]),[E,O]=(0,_index.useControllableState)({value:r,defaultValue:i??"",onChange:a}),[M,P]=(0,_react.useState)(!1),[q,N]=(0,_react.useState)(0),V=(0,_react.useRef)(null),I=(0,_react.useCallback)(e=>l?l(e):defaultGetLabel(e),[l]),k=(0,_react.useMemo)(()=>{if("none"===p)return t.slice(0,d);const e=E.trim();if(e.length<c)return[];const r=e.toLowerCase(),i=s?t=>s(t,e):e=>I(e).toLowerCase().includes(r);return t.filter(i).slice(0,d)},[t,E,c,d,s,I,p]),z=M&&(u||E.trim().length>=c),D=(0,_react.useCallback)(e=>{const t=(0,_index3.resolveHaptic)(v,"selection");t&&(0,_index3.triggerHaptic)(t),V.current&&clearTimeout(V.current),O(I(e)),P(!1),_reactNative.Keyboard.dismiss(),n(e)},[v,O,I,n]);_react.default.useEffect(()=>()=>{V.current&&clearTimeout(V.current)},[]);const F=(0,_react.useCallback)(e=>{N(e.nativeEvent.layout.height)},[]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[A.container,T],testID:w,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{onLayout:F,children:(0,_jsxRuntime.jsx)(_index4.Input,{value:E,onChangeText:O,onFocus:()=>{V.current&&clearTimeout(V.current),P(!0)},onBlur:()=>{V.current=setTimeout(()=>P(!1),120)},placeholder:m,label:h,error:b,helperText:f,editable:!g,accessibilityState:{disabled:g},"aria-disabled":g,size:y,variant:j,autoCorrect:!1,autoCapitalize:"none"})}),z?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[A.list,{top:q,backgroundColor:R.colors.surface,borderColor:R.colors.border,borderRadius:R.radius.md,..._corners.smoothCorners,...R.shadow.popover},S],children:u?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:A.loadingRow,children:[(0,_jsxRuntime.jsx)(_index5.Spinner,{size:"sm"}),(0,_jsxRuntime.jsx)(_index6.Text,{variant:"bodySmall",color:"secondary",style:A.loadingText,children:_??C.searching})]}):0===k.length?(0,_jsxRuntime.jsx)(_index6.Text,{variant:"bodySmall",color:"tertiary",align:"center",style:A.empty,children:C.empty}):(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{keyboardShouldPersistTaps:"handled",style:A.scroll,children:k.map(e=>(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>D(e),android_ripple:{color:R.colors["surface-pressed"]},style:({pressed:e})=>[A.option,{paddingHorizontal:R.space.md,paddingVertical:R.space.sm,backgroundColor:e?R.colors["surface-pressed"]:"transparent"}],accessibilityRole:"button",accessibilityLabel:I(e),accessibilityState:{selected:I(e)===E},"aria-selected":I(e)===E,children:(0,_jsxRuntime.jsx)(_index6.Text,{variant:"body",numberOfLines:1,style:[A.optionText,L],children:I(e)})},o?o(e):I(e)))})}):null]})}Autocomplete.displayName="Autocomplete";const buildStyles=e=>_reactNative.StyleSheet.create({container:{width:"100%",position:"relative",zIndex:10},list:{position:"absolute",left:0,right:0,borderWidth:_reactNative.StyleSheet.hairlineWidth,overflow:"hidden",zIndex:20,maxHeight:240},scroll:{maxHeight:240},option:{width:"100%"},optionText:{includeFontPadding:!1},empty:{padding:e.space.md,includeFontPadding:!1},loadingRow:{flexDirection:"row",alignItems:"center",gap:e.space.sm,padding:e.space.md},loadingText:{includeFontPadding:!1}});var _default=exports.default=Autocomplete;

package/lib/commonjs/components/Autocomplete/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Autocomplete",{enumerable:!0,get:function(){return _Autocomplete.Autocomplete}});var _Autocomplete=require("./Autocomplete.js");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Autocomplete",{enumerable:!0,get:function(){return _Autocomplete.Autocomplete}}),Object.defineProperty(exports,"DEFAULT_AUTOCOMPLETE_LABELS",{enumerable:!0,get:function(){return _Autocomplete.DEFAULT_AUTOCOMPLETE_LABELS}});var _Autocomplete=require("./Autocomplete.js");

package/lib/commonjs/components/Avatar/Avatar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.avatarToneColors=exports.AvatarGroup=exports.Avatar=exports.AVATAR_COLORS=void 0;var _expoImage=require("expo-image"),_react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_hitSlop=require("../../utils/hitSlop.js"),_index2=require("../AppIcon/index.js"),_index3=require("../Skeleton/index.js"),_jsxRuntime=require("react/jsx-runtime");const SOFT_FILL_OPACITY=.14,MIN_TOUCH_TARGET=44,PRESSED_OPACITY=.7,INITIALS_MAX_FONT_SCALE=1.2,AVATAR_COLORS=exports.AVATAR_COLORS=["avatar-1","avatar-2","avatar-3","avatar-4","avatar-5","avatar-6","avatar-7","avatar-8"],avatarToneColors=(e,t)=>{const soft=(e,t)=>(0,_color.tintOf)(e,.14,t);switch(t){case"primary":return{background:soft(e.colors.primary,e.colors["primary-soft"]),color:e.colors["primary-text"]};case"secondary":return{background:e.colors.neutral,color:e.colors["on-neutral"]};case"success":return{background:soft(e.colors.success,e.colors["bg-subtle"]),color:e.colors["success-text"]};case"warning":return{background:soft(e.colors.warning,e.colors["bg-subtle"]),color:e.colors["warning-text"]};case"danger":return{background:soft(e.colors.danger,e.colors["bg-subtle"]),color:e.colors["danger-text"]};case"info":return{background:soft(e.colors.info,e.colors["bg-subtle"]),color:e.colors["info-text"]};default:return{background:e.colors["bg-muted"],color:e.colors["text-body"]}}};exports.avatarToneColors=avatarToneColors;const sizeMap={xs:24,sm:32,md:48,lg:64,xl:80},resolveSize=e=>"number"==typeof e?e:sizeMap[e],resolveRadius=(e,t,r)=>{switch(t){case"circle":return r/2;case"rounded":return Math.max(e.radius.sm,Math.round(.22*r));default:return 0}},initialsFromName=e=>{if(!e)return"";const t=e.trim().split(/\s+/u).filter(Boolean);return 0===t.length?"":1===t.length?t[0].charAt(0).toUpperCase():(t[0].charAt(0)+t[1].charAt(0)).toUpperCase()},hashColor=(e,t)=>{if(!e)return t[0];let r=0;for(let t=0;t<e.length;t+=1)r=(r<<5)-r+e.charCodeAt(t),r|=0;return t[Math.abs(r)%t.length]},RING_WIDTH=1.5,isRingStatus=e=>"verified"===e||"pending"===e,statusColor=(e,t)=>{switch(t){case"online":case"verified":return e.colors.success;case"busy":return e.colors.danger;case"away":case"pending":return e.colors.warning;default:return e.colors["text-subtle"]}},Avatar=exports.Avatar=(0,_react.forwardRef)((e,t)=>{const{source:r,ImageComponent:o,name:s,size:a="md",shape:i="circle",status:n=null,statusPosition:l="bottomRight",tone:c,backgroundColor:u,color:d,fontSize:h,loading:m=!1,accessibilityLabel:g,onPress:p,onLongPress:_,haptic:v,hitSlop:b,style:x,textStyle:y,testID:R}=e,f=(0,_index.useTheme)(),[A,C]=(0,_react.useState)(!1),j=(0,_react.useMemo)(()=>resolveSize(a),[a]),S=(0,_react.useMemo)(()=>resolveRadius(f,i,j),[f,i,j]),I=f.colors.border,w=f.colors.surface,M=(0,_react.useMemo)(()=>initialsFromName(s),[s]),T=(0,_react.useMemo)(()=>c?avatarToneColors(f,c):null,[f,c]),N=(0,_react.useMemo)(()=>u||(T?.background??f.colors[hashColor(s??"",AVATAR_COLORS)]),[u,T,s,f]),k=d??T?.color??f.colors["on-primary"],L=!!r&&!A,O=h??Math.max(f.text.xs.size,Math.round(.4*j)),z=Math.max(8,Math.round(.25*j)),E=isRingStatus(n),G=j-2*(E?3:0),V=E?resolveRadius(f,i,G):S,F=E?statusColor(f,n):"transparent",W=Math.max(12,Math.round(.32*j)),P=Math.max(10,W-4),D=L?f.colors["bg-muted"]:N,$=R??"avatar",q=s?`${s}'s avatar`:"Avatar",U="verified"===n?", verified":"pending"===n?", pending verification":"",H=g??`${q}${U}`,B="function"==typeof p||"function"==typeof _,Y=g??`${s||q}${U}`,X=Math.max(0,Math.ceil((44-j)/2)),J=b??X,K=[styles.root,{width:j,height:j,borderRadius:S,..._corners.smoothCorners,borderWidth:0,borderColor:I,backgroundColor:E?"transparent":D},x],Q=(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[E?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.ring,{borderRadius:S,..._corners.smoothCorners,borderWidth:1.5,borderColor:F}],accessible:!1,pointerEvents:"none",testID:`${$}-ring`}):null,(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.picture,{width:G,height:G,borderRadius:V,..._corners.smoothCorners,borderWidth:0,borderColor:I,backgroundColor:E?D:"transparent"}],children:L?(()=>{const e={width:G,height:G,borderRadius:V,..._corners.smoothCorners},onError=()=>C(!0);return o?(0,_jsxRuntime.jsx)(o,{source:r,onError:onError,style:e,contentFit:"cover",resizeMode:"cover",accessibilityIgnoresInvertColors:!0}):(0,_jsxRuntime.jsx)(_expoImage.Image,{source:r,onError:onError,style:e,contentFit:"cover",accessibilityIgnoresInvertColors:!0})})():(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.initials,{color:k,fontSize:O,fontWeight:f.weight.semibold},y],numberOfLines:1,maxFontSizeMultiplier:1.2,children:M??" "})}),"verified"===n?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.status,"topRight"===l?styles.badgeTopRight:styles.badgeBottomRight,{width:W,height:W,borderRadius:W/2,..._corners.smoothCorners,backgroundColor:w}],accessible:!1,pointerEvents:"none",testID:`${$}-badge`,children:(0,_jsxRuntime.jsx)(_index2.AppIcon,{name:"verify",variant:"bold",size:P,color:F})}):null,n&&!E?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.status,"topRight"===l?styles.statusTopRight:styles.statusBottomRight,{width:z,height:z,borderRadius:z/2,..._corners.smoothCorners,backgroundColor:statusColor(f,n),borderWidth:2,borderColor:w}],accessible:!1,pointerEvents:"none"}):null]}),Z=B?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{ref:t,onPress:p?e=>{const t=(0,_hapticUtils.resolveHaptic)(v,"selection");t&&(0,_hapticUtils.triggerHaptic)(t),p?.(e)}:void 0,onLongPress:_?e=>{const t=(0,_hapticUtils.resolveHaptic)(v,"longPress");t&&(0,_hapticUtils.triggerHaptic)(t),_?.(e)}:void 0,hitSlop:J,...(0,_hitSlop.hitSlopMarker)(J),accessibilityRole:"button",accessibilityLabel:Y,testID:R,style:({pressed:e})=>[K,e?styles.pressed:null],children:Q}):(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,style:K,accessible:!0,accessibilityRole:"image",accessibilityLabel:H,testID:R,children:Q});return m?(0,_jsxRuntime.jsx)(AvatarSkeleton,{...e}):Z});Avatar.displayName="Avatar";const AvatarSkeleton=({size:e="md",shape:t="circle",style:r})=>{const o=resolveSize(e),s="circle"===t?"circle":"rounded"===t?"rounded":"rect";return(0,_jsxRuntime.jsx)(_index3.Skeleton,{shape:s,width:o,height:o,style:r})};AvatarSkeleton.displayName="AvatarSkeleton",Avatar.Skeleton=AvatarSkeleton;const styles=_reactNative.StyleSheet.create({root:{alignItems:"center",justifyContent:"center",overflow:"visible",position:"relative"},pressed:{opacity:.7},initials:{textAlign:"center"},ring:{position:"absolute",top:0,right:0,bottom:0,left:0},picture:{alignItems:"center",justifyContent:"center",overflow:"hidden"},status:{position:"absolute"},badgeTopRight:{top:-2,right:-2,alignItems:"center",justifyContent:"center"},badgeBottomRight:{bottom:-2,right:-2,alignItems:"center",justifyContent:"center"},statusTopRight:{top:0,right:0},statusBottomRight:{bottom:0,right:0}}),SPACING_OFFSET={tight:"lg",normal:"md",loose:"sm"},STAGGER_MS=50,ENTRANCE_DURATION_MS=220,AvatarGroupItem=({delay:e,marginLeft:t,borderColor:r,borderWidth:o,children:s})=>{const a=(0,_index.useTheme)(),i=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current;return(0,_react.useEffect)(()=>{const t=_reactNative.Animated.timing(i,{toValue:1,duration:220,delay:e,easing:_reactNative.Easing.out(_reactNative.Easing.cubic),useNativeDriver:!0});return t.start(),()=>t.stop()},[e,i]),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[groupStyles.item,{marginLeft:t,borderRadius:a.radius.pill,borderColor:r,borderWidth:o,opacity:i}],children:s})},AvatarGroup=e=>{const{children:t,max:r=4,size:o="md",spacing:s="normal",overflowVariant:a="count",accessibilityLabel:i,style:n,testID:l}=e,c=(0,_index.useTheme)(),u=(0,_react.useMemo)(()=>_react.Children.toArray(t).filter(e=>(0,_react.isValidElement)(e)),[t]),d=u.length,h=u.slice(0,r),m=Math.max(0,d-r),g=m>0,p=-c.space[SPACING_OFFSET[s]],_=c.colors.surface,v=i??`Group of ${d} ${1===d?"person":"people"}`,b=(0,_react.useMemo)(()=>resolveSize(o),[o]),x=Math.max(c.text.xs.size,Math.round(.34*b));return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[groupStyles.row,n],accessible:!0,accessibilityLabel:v,accessibilityRole:"summary",testID:l,children:[h.map((e,t)=>{const r=e.key??`avatar-${t}`,s=(0,_react.cloneElement)(e,{size:o});return(0,_jsxRuntime.jsx)(AvatarGroupItem,{delay:50*t,marginLeft:0===t?0:p,borderColor:_,borderWidth:1.5,children:s},r)}),g?(0,_jsxRuntime.jsx)(AvatarGroupItem,{delay:50*h.length,marginLeft:0===h.length?0:p,borderColor:_,borderWidth:1.5,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[groupStyles.overflow,{width:b,height:b,borderRadius:b/2,..._corners.smoothCorners,backgroundColor:c.colors["surface-disabled"]}],accessible:!0,accessibilityRole:"text",accessibilityLabel:"count"===a?`${m} more`:"More avatars",children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{color:c.colors["text-muted"],fontSize:x,fontWeight:c.weight.semibold},numberOfLines:1,maxFontSizeMultiplier:1.2,children:"count"===a?`+${m}`:"+"})})},"avatar-overflow"):null]})};exports.AvatarGroup=AvatarGroup;const groupStyles=_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center"},item:{..._corners.smoothCorners},overflow:{alignItems:"center",justifyContent:"center"}}),AvatarWithGroup=Avatar;AvatarWithGroup.Group=AvatarGroup;var _default=exports.default=AvatarWithGroup;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.avatarToneColors=exports.DEFAULT_AVATAR_LABELS=exports.AvatarGroup=exports.Avatar=exports.AVATAR_COLORS=void 0;var _expoImage=require("expo-image"),_react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_hitSlop=require("../../utils/hitSlop.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index2=require("../AppIcon/index.js"),_index3=require("../Skeleton/index.js"),_index4=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const SOFT_FILL_OPACITY=.14,MIN_TOUCH_TARGET=44,PRESSED_OPACITY=.7,INITIALS_MAX_FONT_SCALE=1.2,AVATAR_COLORS=exports.AVATAR_COLORS=["avatar-1","avatar-2","avatar-3","avatar-4","avatar-5","avatar-6","avatar-7","avatar-8"],avatarToneColors=(e,t)=>{const soft=(e,t)=>(0,_color.tintOf)(e,.14,t);switch(t){case"primary":return{background:soft(e.colors.primary,e.colors["primary-soft"]),color:e.colors["primary-text"]};case"success":return{background:soft(e.colors.success,e.colors["bg-subtle"]),color:e.colors["success-text"]};case"warning":return{background:soft(e.colors.warning,e.colors["bg-subtle"]),color:e.colors["warning-text"]};case"danger":return{background:soft(e.colors.danger,e.colors["bg-subtle"]),color:e.colors["danger-text"]};case"info":return{background:soft(e.colors.info,e.colors["bg-subtle"]),color:e.colors["info-text"]};default:return{background:e.colors["bg-muted"],color:e.colors["text-body"]}}};exports.avatarToneColors=avatarToneColors;const DEFAULT_AVATAR_LABELS=exports.DEFAULT_AVATAR_LABELS=Object.freeze({avatar:"Avatar",avatarOf:e=>`${e}'s avatar`,verified:"verified",pendingVerification:"pending verification",groupOf:e=>`Group of ${e} ${1===e?"person":"people"}`,moreCount:e=>`${e} more`,moreAvatars:"More avatars"}),sizeMap={xs:24,sm:32,md:48,lg:64,xl:80},resolveSize=e=>sizeMap[e],resolveRadius=(e,t,r)=>{switch(t){case"circle":return r/2;case"rounded":return Math.max(e.radius.sm,Math.round(.22*r));default:return 0}},initialsFromName=e=>{if(!e)return"";const t=e.trim().split(/\s+/u).filter(Boolean);return 0===t.length?"":1===t.length?t[0].charAt(0).toUpperCase():(t[0].charAt(0)+t[1].charAt(0)).toUpperCase()},hashColor=(e,t)=>{if(!e)return t[0];let r=0;for(let t=0;t<e.length;t+=1)r=(r<<5)-r+e.charCodeAt(t),r|=0;return t[Math.abs(r)%t.length]},RING_WIDTH=1.5,isRingStatus=e=>"verified"===e||"pending"===e,statusColor=(e,t)=>{switch(t){case"online":case"verified":return e.colors.success;case"busy":return e.colors.danger;case"away":case"pending":return e.colors.warning;default:return e.colors["text-subtle"]}},Avatar=exports.Avatar=(0,_react.forwardRef)((e,t)=>{const{source:r,ImageComponent:a,name:o,size:s="md",shape:i="circle",status:n=null,statusPosition:l="bottomRight",tone:c,backgroundColor:u,color:d,fontSize:h,loading:v=!1,accessibilityLabel:m,onPress:g,onLongPress:_,haptic:p,hitSlop:b,style:x,textStyle:A,testID:y,labels:f}=e;(0,_warnInvalidValue.warnInvalidValue)("Avatar","size",e.size,Object.keys(sizeMap)),(0,_warnInvalidValue.warnInvalidValue)("Avatar","shape",e.shape,["circle","square","rounded"]),(0,_warnInvalidValue.warnInvalidValue)("Avatar","status",e.status,["online","offline","busy","away","verified","pending"]),(0,_warnInvalidValue.warnInvalidValue)("Avatar","statusPosition",e.statusPosition,["topRight","bottomRight"]),(0,_warnInvalidValue.warnInvalidValue)("Avatar","tone",e.tone,["primary","success","warning","danger","info","neutral"]);const R=(0,_react.useMemo)(()=>f?{...DEFAULT_AVATAR_LABELS,...f}:DEFAULT_AVATAR_LABELS,[f]),j=(0,_index.useTheme)(),[S,w]=(0,_react.useState)(!1),C=(0,_react.useMemo)(()=>resolveSize(s),[s]),I=(0,_react.useMemo)(()=>resolveRadius(j,i,C),[j,i,C]),T=j.colors.border,V=j.colors.surface,L=(0,_react.useMemo)(()=>initialsFromName(o),[o]),M=(0,_react.useMemo)(()=>c?avatarToneColors(j,c):null,[j,c]),E=(0,_react.useMemo)(()=>u||(M?.background??j.colors[hashColor(o??"",AVATAR_COLORS)]),[u,M,o,j]),N=d??M?.color??j.colors["on-primary"],O=!!r&&!S,z=h??Math.max(j.text.xs.size,Math.round(.4*C)),k=Math.max(8,Math.round(.25*C)),F=isRingStatus(n),D=C-2*(F?3:0),G=F?resolveRadius(j,i,D):I,U=F?statusColor(j,n):"transparent",P=Math.max(12,Math.round(.32*C)),q=Math.max(10,P-4),$=O?j.colors["bg-muted"]:E,B=y??"avatar",W=o?R.avatarOf(o):R.avatar,H="verified"===n?`, ${R.verified}`:"pending"===n?`, ${R.pendingVerification}`:"",Y=m??`${W}${H}`,X="function"==typeof g||"function"==typeof _,J=m??`${o||W}${H}`,K=Math.max(0,Math.ceil((44-C)/2)),Q=b??K,Z=[styles.root,{width:C,height:C,borderRadius:I,..._corners.smoothCorners,borderWidth:0,borderColor:T,backgroundColor:F?"transparent":$},x],ee=(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[F?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.ring,{borderRadius:I,..._corners.smoothCorners,borderWidth:1.5,borderColor:U}],accessible:!1,pointerEvents:"none",testID:`${B}-ring`}):null,(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.picture,{width:D,height:D,borderRadius:G,..._corners.smoothCorners,borderWidth:0,borderColor:T,backgroundColor:F?$:"transparent"}],children:O?(()=>{const e={width:D,height:D,borderRadius:G,..._corners.smoothCorners},onError=()=>w(!0);return a?(0,_jsxRuntime.jsx)(a,{source:r,onError:onError,style:e,contentFit:"cover",resizeMode:"cover",accessibilityIgnoresInvertColors:!0}):(0,_jsxRuntime.jsx)(_expoImage.Image,{source:r,onError:onError,style:e,contentFit:"cover",accessibilityIgnoresInvertColors:!0})})():(0,_jsxRuntime.jsx)(_index4.Text,{variant:"label",weight:"semibold",numberOfLines:1,maxFontSizeMultiplier:1.2,style:[styles.initials,{color:N,fontSize:z,lineHeight:Math.round(z*j.leading.body)},A],children:L??" "})}),"verified"===n?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.status,"topRight"===l?styles.badgeTopRight:styles.badgeBottomRight,{width:P,height:P,borderRadius:P/2,..._corners.smoothCorners,backgroundColor:V}],accessible:!1,pointerEvents:"none",testID:`${B}-badge`,children:(0,_jsxRuntime.jsx)(_index2.AppIcon,{name:"verify",variant:"bold",size:q,color:U})}):null,n&&!F?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.status,"topRight"===l?styles.statusTopRight:styles.statusBottomRight,{width:k,height:k,borderRadius:k/2,..._corners.smoothCorners,backgroundColor:statusColor(j,n),borderWidth:2,borderColor:V}],accessible:!1,pointerEvents:"none"}):null]}),te=X?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{ref:t,onPress:g?e=>{const t=(0,_hapticUtils.resolveHaptic)(p,"selection");t&&(0,_hapticUtils.triggerHaptic)(t),g?.(e)}:void 0,onLongPress:_?e=>{const t=(0,_hapticUtils.resolveHaptic)(p,"longPress");t&&(0,_hapticUtils.triggerHaptic)(t),_?.(e)}:void 0,hitSlop:Q,...(0,_hitSlop.hitSlopMarker)(Q),accessibilityRole:"button",accessibilityLabel:J,testID:y,style:({pressed:e})=>[Z,e?styles.pressed:null],children:ee}):(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,style:Z,accessible:!0,accessibilityRole:"image",accessibilityLabel:Y,testID:y,children:ee});return v?(0,_jsxRuntime.jsx)(AvatarSkeleton,{...e}):te});Avatar.displayName="Avatar";const AvatarSkeleton=({size:e="md",shape:t="circle",style:r})=>{const a=resolveSize(e),o="circle"===t?"circle":"rounded"===t?"rounded":"rect";return(0,_jsxRuntime.jsx)(_index3.Skeleton,{shape:o,width:a,height:a,style:r})};AvatarSkeleton.displayName="AvatarSkeleton",Avatar.Skeleton=AvatarSkeleton;const styles=_reactNative.StyleSheet.create({root:{alignItems:"center",justifyContent:"center",overflow:"visible",position:"relative"},pressed:{opacity:.7},initials:{textAlign:"center"},ring:{position:"absolute",top:0,right:0,bottom:0,left:0},picture:{alignItems:"center",justifyContent:"center",overflow:"hidden"},status:{position:"absolute"},badgeTopRight:{top:-2,right:-2,alignItems:"center",justifyContent:"center"},badgeBottomRight:{bottom:-2,right:-2,alignItems:"center",justifyContent:"center"},statusTopRight:{top:0,right:0},statusBottomRight:{bottom:0,right:0}}),SPACING_OFFSET={tight:"lg",normal:"md",loose:"sm"},STAGGER_MS=50,ENTRANCE_DURATION_MS=220,AvatarGroupItem=({delay:e,marginLeft:t,borderColor:r,borderWidth:a,children:o})=>{const s=(0,_index.useTheme)(),i=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current;return(0,_react.useEffect)(()=>{const t=_reactNative.Animated.timing(i,{toValue:1,duration:220,delay:e,easing:_reactNative.Easing.out(_reactNative.Easing.cubic),useNativeDriver:!0});return t.start(),()=>t.stop()},[e,i]),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[groupStyles.item,{marginLeft:t,borderRadius:s.radius.pill,borderColor:r,borderWidth:a,opacity:i}],children:o})},AvatarGroup=e=>{const{children:t,max:r=4,size:a="md",spacing:o="normal",overflowVariant:s="count",accessibilityLabel:i,style:n,testID:l,labels:c}=e;(0,_warnInvalidValue.warnInvalidValue)("AvatarGroup","spacing",e.spacing,["tight","normal","loose"]),(0,_warnInvalidValue.warnInvalidValue)("AvatarGroup","overflowVariant",e.overflowVariant,["count","plus"]),(0,_warnInvalidValue.warnInvalidValue)("AvatarGroup","size",e.size,Object.keys(sizeMap));const u=(0,_react.useMemo)(()=>c?{...DEFAULT_AVATAR_LABELS,...c}:DEFAULT_AVATAR_LABELS,[c]),d=(0,_index.useTheme)(),h=(0,_react.useMemo)(()=>_react.Children.toArray(t).filter(e=>(0,_react.isValidElement)(e)),[t]),v=h.length,m=h.slice(0,r),g=Math.max(0,v-r),_=g>0,p=-d.space[SPACING_OFFSET[o]],b=d.colors.surface,x=i??u.groupOf(v),A=(0,_react.useMemo)(()=>resolveSize(a),[a]),y=Math.max(d.text.xs.size,Math.round(.34*A));return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[groupStyles.row,n],accessible:!0,accessibilityLabel:x,accessibilityRole:"summary",testID:l,children:[m.map((e,t)=>{const r=e.key??`avatar-${t}`,o=(0,_react.cloneElement)(e,{size:a,labels:e.props.labels??c});return(0,_jsxRuntime.jsx)(AvatarGroupItem,{delay:50*t,marginLeft:0===t?0:p,borderColor:b,borderWidth:1.5,children:o},r)}),_?(0,_jsxRuntime.jsx)(AvatarGroupItem,{delay:50*m.length,marginLeft:0===m.length?0:p,borderColor:b,borderWidth:1.5,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[groupStyles.overflow,{width:A,height:A,borderRadius:A/2,..._corners.smoothCorners,backgroundColor:d.colors["surface-disabled"]}],accessible:!0,accessibilityRole:"text",accessibilityLabel:"count"===s?u.moreCount(g):u.moreAvatars,children:(0,_jsxRuntime.jsx)(_index4.Text,{variant:"label",weight:"semibold",color:"secondary",numberOfLines:1,maxFontSizeMultiplier:1.2,style:{fontSize:y,lineHeight:Math.round(y*d.leading.body)},children:"count"===s?`+${g}`:"+"})})},"avatar-overflow"):null]})};exports.AvatarGroup=AvatarGroup;const groupStyles=_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center"},item:{..._corners.smoothCorners},overflow:{alignItems:"center",justifyContent:"center"}});var _default=exports.default=Avatar;

package/lib/commonjs/components/Avatar/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return _Avatar.Avatar}}),Object.defineProperty(exports,"AvatarGroup",{enumerable:!0,get:function(){return _Avatar.AvatarGroup}}),Object.defineProperty(exports,"avatarToneColors",{enumerable:!0,get:function(){return _Avatar.avatarToneColors}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Avatar.default}});var cache,_Avatar=_interopRequireWildcard(require("./Avatar.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,a,n=Object.defineProperty,o={__proto__:null,default:e};if(Object(e)!==e)return o;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,o)}for(a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((t=n&&Object.getOwnPropertyDescriptor(e,a))&&(t.get||t.set)?n(o,a,t):o[a]=e[a]);return o}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return _Avatar.Avatar}}),Object.defineProperty(exports,"AvatarGroup",{enumerable:!0,get:function(){return _Avatar.AvatarGroup}}),Object.defineProperty(exports,"DEFAULT_AVATAR_LABELS",{enumerable:!0,get:function(){return _Avatar.DEFAULT_AVATAR_LABELS}}),Object.defineProperty(exports,"avatarToneColors",{enumerable:!0,get:function(){return _Avatar.avatarToneColors}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Avatar.default}});var cache,_Avatar=_interopRequireWildcard(require("./Avatar.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,a,n=Object.defineProperty,o={__proto__:null,default:e};if(Object(e)!==e)return o;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,o)}for(a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((t=n&&Object.getOwnPropertyDescriptor(e,a))&&(t.get||t.set)?n(o,a,t):o[a]=e[a]);return o}

package/lib/commonjs/components/Badge/Badge.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Badge=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_index2=require("../Skeleton/index.js"),_jsxRuntime=require("react/jsx-runtime");const toneFor=(e,t)=>{switch(t){case"primary":return{background:e.colors.primary,text:e.colors["on-primary"]};case"success":return{background:e.colors.success,text:e.colors["on-success"]};case"warning":return{background:e.colors.warning,text:e.colors["on-warning"]};case"info":return{background:e.colors.info,text:e.colors["on-info"]};case"neutral":return{background:e.colors["bg-muted"],text:e.colors["text-body"]};default:return{background:e.colors.danger,text:e.colors["on-danger"]}}},anchorPosition=(e,t)=>{const i=-t;switch(e){case"topLeft":return{top:i,left:i};case"bottomRight":return{bottom:i,right:i};case"bottomLeft":return{bottom:i,left:i};default:return{top:i,right:i}}},formatValue=(e,t)=>{if(null==e)return null;if("number"==typeof e)return e<=0?null:e>t?`${t}+`:String(e);const i=String(e);return 0===i.length?null:i},Badge=exports.Badge=(0,_react.forwardRef)((e,t)=>{const{value:i,max:r=99,variant:n="standard",tone:o="danger",size:a="sm",invisible:s=!1,loading:l=!1,children:d,anchor:c="topRight",pulse:u=!1,accessibilityLabel:g,style:h,badgeStyle:x,textStyle:m,testID:_}=e,b=(0,_index.useTheme)(),f=(0,_react.useMemo)(()=>toneFor(b,o),[b,o]),p=(0,_index.resolveBadgeSize)(b,a),v=b.components.badge["border-width"],y=b.components.badge["anchor-offset"],j="dot"===n?null:formatValue(i,r),w=!s&&("dot"===n||null!==j),S=(0,_react.useRef)((0,_index.createAnimatedValue)(1)).current;(0,_react.useEffect)(()=>{if(!u||!w)return void(0,_index.setNativeValue)(S,1);const e=_reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(S,{toValue:1.15,duration:b.motion.duration.slow,easing:_reactNative.Easing.bezier(...b.motion.ease["in-out"]),useNativeDriver:!0}),_reactNative.Animated.timing(S,{toValue:1,duration:b.motion.duration.slow,easing:_reactNative.Easing.bezier(...b.motion.ease["in-out"]),useNativeDriver:!0})]));return e.start(),()=>{e.stop()}},[u,w,S,b]);const N="dot"===n,R=N?"image":"text",k=g??(N?"Notification indicator":j?`${j} unread`:void 0),z=w?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[styles.badge,N?{width:p["dot-size"],height:p["dot-size"],borderRadius:p["dot-size"]/2,..._corners.smoothCorners,paddingHorizontal:0}:{minWidth:p["min-width"],minHeight:p.height,borderRadius:b.radius.pill,..._corners.smoothCorners,paddingHorizontal:p["padding-x"]},{backgroundColor:f.background,transform:[{scale:S}]},d?{position:"absolute",borderWidth:v,borderColor:b.colors.surface,...anchorPosition(c,y)}:null,x],accessible:!0,accessibilityRole:R,accessibilityLabel:k,children:N||null===j?null:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.text,{color:f.text,fontSize:p.text,...(0,_index.fontFor)(b,"bold")},m],numberOfLines:1,maxFontSizeMultiplier:b.settings.maxFontSizeMultiplier,children:j??" "})}):null,B=d?(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,style:[styles.wrapper,h],testID:_,children:[d,z]}):(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,style:h,testID:_,children:z});return l?(0,_jsxRuntime.jsx)(BadgeSkeleton,{...e}):B});Badge.displayName="Badge";const BadgeSkeleton=({variant:e="standard",size:t="md",children:i,anchor:r,style:n,badgeStyle:o})=>{const a=(0,_index.useTheme)(),s=(0,_index.resolveBadgeSize)(a,t);if("dot"===e)return(0,_jsxRuntime.jsx)(_index2.Skeleton,{shape:"circle",width:s["dot-size"],height:s["dot-size"],style:[o,n]});const l=s.height/2;if(void 0!==i){const e="topLeft"===r?{top:-s.height/2,left:-s.height/2}:"bottomRight"===r?{bottom:-s.height/2,right:-s.height/2}:"bottomLeft"===r?{bottom:-s.height/2,left:-s.height/2}:{top:-s.height/2,right:-s.height/2};return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.wrapper,n],children:[i,(0,_jsxRuntime.jsx)(_reactNative.View,{style:[{position:"absolute"},e],children:(0,_jsxRuntime.jsx)(_index2.Skeleton,{width:s["min-width"]+s["padding-x"],height:s.height,radius:l,style:o})})]})}return(0,_jsxRuntime.jsx)(_index2.Skeleton,{width:s["min-width"]+s["padding-x"],height:s.height,radius:l,style:[o,n]})};BadgeSkeleton.displayName="BadgeSkeleton",Badge.Skeleton=BadgeSkeleton;const styles=_reactNative.StyleSheet.create({wrapper:{position:"relative",alignSelf:"flex-start"},badge:{alignItems:"center",justifyContent:"center",flexDirection:"row"},text:{textAlign:"center",includeFontPadding:!1}});var _default=exports.default=Badge;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.DEFAULT_BADGE_LABELS=exports.Badge=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index2=require("../Skeleton/index.js"),_index3=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_BADGE_LABELS=exports.DEFAULT_BADGE_LABELS=Object.freeze({indicator:"Notification indicator",unread:e=>`${e} unread`}),toneFor=(e,t)=>{switch(t){case"primary":return{background:e.colors.primary,text:e.colors["on-primary"]};case"success":return{background:e.colors.success,text:e.colors["on-success"]};case"warning":return{background:e.colors.warning,text:e.colors["on-warning"]};case"info":return{background:e.colors.info,text:e.colors["on-info"]};case"neutral":return{background:e.colors["bg-muted"],text:e.colors["text-body"]};default:return{background:e.colors.danger,text:e.colors["on-danger"]}}},anchorPosition=(e,t)=>{const i=-t;switch(e){case"topLeft":return{top:i,left:i};case"bottomRight":return{bottom:i,right:i};case"bottomLeft":return{bottom:i,left:i};default:return{top:i,right:i}}},formatValue=(e,t)=>{if(null==e)return null;if("number"==typeof e)return e<=0?null:e>t?`${t}+`:String(e);const i=String(e);return 0===i.length?null:i},Badge=exports.Badge=(0,_react.forwardRef)((e,t)=>{const{value:i,max:r=99,variant:n="standard",tone:a="danger",size:o="sm",invisible:s=!1,loading:d=!1,children:l,anchor:c="topRight",pulse:u=!1,accessibilityLabel:g,labels:h,style:x,badgeStyle:m,textStyle:_,testID:b}=e;(0,_warnInvalidValue.warnInvalidValue)("Badge","variant",e.variant,["standard","dot"]),(0,_warnInvalidValue.warnInvalidValue)("Badge","tone",e.tone,["primary","success","warning","danger","neutral","info"]),(0,_warnInvalidValue.warnInvalidValue)("Badge","size",e.size,["sm","md"]),(0,_warnInvalidValue.warnInvalidValue)("Badge","anchor",e.anchor,["topRight","topLeft","bottomRight","bottomLeft"]);const f=(0,_react.useMemo)(()=>({...DEFAULT_BADGE_LABELS,...h}),[h]),p=(0,_index.useTheme)(),v=(0,_react.useMemo)(()=>toneFor(p,a),[p,a]),w=(0,_index.resolveBadgeSize)(p,o),y=p.components.badge["border-width"],j=p.components.badge["anchor-offset"],B="dot"===n?null:formatValue(i,r),S=!s&&("dot"===n||null!==B),L=(0,_react.useRef)((0,_index.createAnimatedValue)(1)).current;(0,_react.useEffect)(()=>{if(!u||!S)return void(0,_index.setNativeValue)(L,1);const e=_reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(L,{toValue:1.15,duration:p.motion.duration.slow,easing:_reactNative.Easing.bezier(...p.motion.ease["in-out"]),useNativeDriver:!0}),_reactNative.Animated.timing(L,{toValue:1,duration:p.motion.duration.slow,easing:_reactNative.Easing.bezier(...p.motion.ease["in-out"]),useNativeDriver:!0})]));return e.start(),()=>{e.stop()}},[u,S,L,p]);const R="dot"===n,V=R?"image":"text",A=g??(R?f.indicator:B?f.unread(B):void 0),N=S?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[styles.badge,R?{width:w["dot-size"],height:w["dot-size"],borderRadius:w["dot-size"]/2,..._corners.smoothCorners,paddingHorizontal:0}:{minWidth:w["min-width"],minHeight:w.height,borderRadius:p.radius.pill,..._corners.smoothCorners,paddingHorizontal:w["padding-x"]},{backgroundColor:v.background,transform:[{scale:L}]},l?{position:"absolute",borderWidth:y,borderColor:p.colors.surface,...anchorPosition(c,j)}:null,m],accessible:!0,accessibilityRole:V,accessibilityLabel:A,children:R||null===B?null:(0,_jsxRuntime.jsx)(_index3.Text,{variant:"caption",weight:"bold",numberOfLines:1,style:[styles.text,{color:v.text,fontSize:w.text,lineHeight:Math.round(w.text*p.leading.body)},_],children:B??" "})}):null,k=l?(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,style:[styles.wrapper,x],testID:b,children:[l,N]}):(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,style:x,testID:b,children:N});return d?(0,_jsxRuntime.jsx)(BadgeSkeleton,{...e}):k});Badge.displayName="Badge";const BadgeSkeleton=({variant:e="standard",size:t="md",children:i,anchor:r,style:n,badgeStyle:a})=>{const o=(0,_index.useTheme)(),s=(0,_index.resolveBadgeSize)(o,t);if("dot"===e)return(0,_jsxRuntime.jsx)(_index2.Skeleton,{shape:"circle",width:s["dot-size"],height:s["dot-size"],style:[a,n]});const d=s.height/2;if(void 0!==i){const e="topLeft"===r?{top:-s.height/2,left:-s.height/2}:"bottomRight"===r?{bottom:-s.height/2,right:-s.height/2}:"bottomLeft"===r?{bottom:-s.height/2,left:-s.height/2}:{top:-s.height/2,right:-s.height/2};return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.wrapper,n],children:[i,(0,_jsxRuntime.jsx)(_reactNative.View,{style:[{position:"absolute"},e],children:(0,_jsxRuntime.jsx)(_index2.Skeleton,{width:s["min-width"]+s["padding-x"],height:s.height,radius:d,style:a})})]})}return(0,_jsxRuntime.jsx)(_index2.Skeleton,{width:s["min-width"]+s["padding-x"],height:s.height,radius:d,style:[a,n]})};BadgeSkeleton.displayName="BadgeSkeleton",Badge.Skeleton=BadgeSkeleton;const styles=_reactNative.StyleSheet.create({wrapper:{position:"relative",alignSelf:"flex-start"},badge:{alignItems:"center",justifyContent:"center",flexDirection:"row"},text:{textAlign:"center",includeFontPadding:!1}});var _default=exports.default=Badge;

package/lib/commonjs/components/Badge/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return _Badge.Badge}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Badge.default}});var cache,_Badge=_interopRequireWildcard(require("./Badge.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,a,c=Object.defineProperty,n={__proto__:null,default:e};if(Object(e)!==e)return n;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,n)}for(a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((t=c&&Object.getOwnPropertyDescriptor(e,a))&&(t.get||t.set)?c(n,a,t):n[a]=e[a]);return n}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return _Badge.Badge}}),Object.defineProperty(exports,"DEFAULT_BADGE_LABELS",{enumerable:!0,get:function(){return _Badge.DEFAULT_BADGE_LABELS}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Badge.default}});var cache,_Badge=_interopRequireWildcard(require("./Badge.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,a,n=Object.defineProperty,c={__proto__:null,default:e};if(Object(e)!==e)return c;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,c)}for(a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((t=n&&Object.getOwnPropertyDescriptor(e,a))&&(t.get||t.set)?n(c,a,t):c[a]=e[a]);return c}

package/lib/commonjs/components/Banner/Banner.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Banner=void 0;var _react=require("react"),_reactNative=require("react-native"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_hitSlop=require("../../utils/hitSlop.js"),_index2=require("../Skeleton/index.js"),_jsxRuntime=require("react/jsx-runtime");const Banner=exports.Banner=(0,_react.forwardRef)((e,t)=>{const{title:r,message:i,variant:n="info",icon:s,actions:o,dismissible:a=!1,onDismiss:l,haptic:c,visible:d=!0,animateMount:u=!0,loading:x=!1,accessibilityRole:m="alert",accessibilityLabel:p,style:g,containerStyle:h,iconCircleStyle:_,tintBarStyle:y,closeButtonStyle:b,actionButtonStyle:j,testID:f}=e,v=(0,_index.useTheme)(),R=(0,_usePresenceMotion.usePresenceMotion)(),w=(0,_react.useMemo)(()=>buildStyles(v),[v]),S=(0,_react.useMemo)(()=>tintFor(v,n),[v,n]),[N,k]=R.range(-20,0),B=(0,_react.useRef)((0,_index.createAnimatedValue)(u&&d?N:0)).current,C=(0,_react.useRef)((0,_index.createAnimatedValue)(u&&d?0:d?1:0)).current,[V,z]=(0,_react.useState)(d),D=(0,_react.useRef)(!0);if((0,_react.useEffect)(()=>{if(D.current&&(D.current=!1,!u))return;let e;return d?(z(!0),e=_reactNative.Animated.parallel([_reactNative.Animated.timing(B,{toValue:k,duration:v.motion.duration.default,useNativeDriver:!0}),_reactNative.Animated.timing(C,{toValue:1,duration:R.duration("default"),useNativeDriver:!0})]),e.start()):V&&(e=_reactNative.Animated.parallel([_reactNative.Animated.timing(B,{toValue:N,duration:v.motion.duration.fast,useNativeDriver:!0}),_reactNative.Animated.timing(C,{toValue:0,duration:R.duration("fast"),useNativeDriver:!0})]),e.start(()=>{z(!1)})),()=>e?.stop()},[d]),!V)return null;const T=r??" ",H="string"==typeof i?i??" ":"",M="alert"===m?"danger"===n?"assertive":"polite":"none",A=(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{ref:t,accessibilityRole:m,accessibilityLiveRegion:M,accessibilityLabel:p,testID:f,style:[w.container,{backgroundColor:v.colors["bg-subtle"],borderRadius:v.radius.md,..._corners.smoothCorners,padding:v.space.md,opacity:C,transform:[{translateY:B}]},g,h],children:[v.components.banner["tint-bar-width"]>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[w.tintBar,{backgroundColor:S.bar},y]}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:w.row,children:[!1===s?null:s?(0,_jsxRuntime.jsx)(_reactNative.View,{style:w.iconWrap,children:s}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[w.iconCircle,{backgroundColor:`${S.bar}22`},_],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[w.iconGlyph,{color:S.ink}],accessible:!1,children:S.glyph})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:w.textBlock,children:[r||x?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{color:v.colors["text-body"],fontSize:v.text.base.size,...(0,_index.fontFor)(v,"semibold"),lineHeight:20},numberOfLines:2,children:T}):null,"string"==typeof i||x?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{color:v.colors["text-muted"],fontSize:v.text.sm.size,...(0,_index.fontFor)(v,"normal"),lineHeight:18,marginTop:r?v.space.xxs:0},children:H||" "}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:{marginTop:r?v.space.xxs:0},children:i})]}),a?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{accessibilityRole:"button",accessibilityLabel:"Dismiss banner",onPress:()=>{const e=(0,_hapticUtils.resolveHaptic)(c,"selection");e&&(0,_hapticUtils.triggerHaptic)(e),l?.()},hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),style:({pressed:e})=>[w.closeBtn,{backgroundColor:e?v.colors["surface-pressed"]:"transparent"},b],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{color:v.colors["text-muted"],fontSize:v.text.lg.size,fontWeight:v.weight.bold,lineHeight:17},accessible:!1,children:"×"})}):null]}),o&&o.length>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:w.actionsRow,children:o.map((e,t)=>{const r=e.tone??"primary",i=e.variant??"ghost",n="danger"===r?v.colors.danger:"neutral"===r?v.colors["text-muted"]:S.glyphColor,s="danger"===r?v.colors["danger-text"]:"neutral"===r?v.colors["text-muted"]:S.ink,o="danger"===r?v.colors["on-danger"]:"neutral"===r?v.colors["on-neutral-strong"]:S.on,a="solid"===i;return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{accessibilityRole:"button",accessibilityLabel:e.label,onPress:()=>{const t=(0,_hapticUtils.resolveHaptic)(c,"selection");t&&(0,_hapticUtils.triggerHaptic)(t),e.onPress()},style:({pressed:t})=>[w.actionBtn,"md"===e.size&&w.actionBtnMd,"outline"===i&&{borderWidth:1,borderColor:s},{backgroundColor:a?n:t?v.colors["surface-pressed"]:"transparent",opacity:a&&t?.85:1},j],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{color:a?o:s,fontSize:v.text.sm.size,textAlign:"center",...(0,_index.fontFor)(v,"semibold")},children:e.label})},`${e.label}-${t}`)})}):null]});return x?(0,_jsxRuntime.jsx)(BannerSkeleton,{...e}):A});Banner.displayName="Banner";const BannerSkeleton=({title:e,actions:t,icon:r,containerStyle:i,style:n})=>{const s=(0,_index.useTheme)(),o=!1!==r;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[{flexDirection:"row",alignItems:"flex-start",backgroundColor:s.colors.surface,borderRadius:s.radius.md,..._corners.smoothCorners,padding:s.space.md,borderWidth:1,borderColor:s.colors.border},i,n],accessibilityRole:"progressbar",accessibilityState:{busy:!0},"aria-busy":!0,children:[o?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{marginRight:s.space.sm},children:(0,_jsxRuntime.jsx)(_index2.Skeleton,{shape:"circle",width:32,height:32})}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{flex:1},children:[void 0!==e?(0,_jsxRuntime.jsx)(_index2.Skeleton,{shape:"text",width:"55%",height:16,style:{marginBottom:s.space.xs}}):null,(0,_jsxRuntime.jsx)(_index2.SkeletonText,{lines:2,fontSize:s.text.sm.size,lastLineWidth:"70%"}),t&&t.length>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{flexDirection:"row",marginTop:s.space.sm},children:t.map((e,t)=>(0,_jsxRuntime.jsx)(_index2.Skeleton,{width:72,height:28,shape:"rounded",style:{marginRight:s.space.sm}},`sk-banner-action-${t}`))}):null]})]})};BannerSkeleton.displayName="BannerSkeleton",Banner.Skeleton=BannerSkeleton;const tintFor=(e,t)=>{switch(t){case"success":return{bar:e.colors.success,glyphColor:e.colors.success,ink:e.colors["success-text"],on:e.colors["on-success"],glyph:"✓"};case"warning":return{bar:e.colors.warning,glyphColor:e.colors.warning,ink:e.colors["warning-text"],on:e.colors["on-warning"],glyph:"⚠"};case"danger":return{bar:e.colors.danger,glyphColor:e.colors.danger,ink:e.colors["danger-text"],on:e.colors["on-danger"],glyph:"✗"};case"neutral":return{bar:e.colors["text-subtle"],glyphColor:e.colors["text-muted"],ink:e.colors["text-muted"],on:e.colors["on-neutral-strong"],glyph:"i"};default:return{bar:e.colors.primary,glyphColor:e.colors.primary,ink:e.colors["primary-text"],on:e.colors["on-primary"],glyph:"i"}}},buildStyles=e=>{const t=e.components.banner,r=e.space.sm;return _reactNative.StyleSheet.create({container:{overflow:"hidden",paddingLeft:e.space.md},tintBar:{position:"absolute",left:0,top:0,bottom:0,width:t["tint-bar-width"]},row:{flexDirection:"row",alignItems:"flex-start"},iconWrap:{marginRight:r},iconCircle:{width:28,height:28,borderRadius:e.radius.pill,..._corners.smoothCorners,alignItems:"center",justifyContent:"center",marginRight:r},iconGlyph:{fontSize:e.text.base.size,fontWeight:"700",lineHeight:17},textBlock:{flex:1,paddingRight:e.space.xs},closeBtn:{width:28,height:28,borderRadius:e.radius.pill,..._corners.smoothCorners,alignItems:"center",justifyContent:"center",marginLeft:e.space.xxs},actionsRow:{flexDirection:"row",flexWrap:"wrap",justifyContent:"flex-end",marginTop:e.space.xs,columnGap:e.space.xs,rowGap:e.space.xs},actionBtn:{paddingHorizontal:e.space.sm,paddingVertical:e.space.xs,borderRadius:e.radius.sm,..._corners.smoothCorners,maxWidth:"100%",alignItems:"center",justifyContent:"center"},actionBtnMd:{minHeight:44,paddingHorizontal:e.space.md}})};var _default=exports.default=Banner;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.DEFAULT_BANNER_LABELS=exports.Banner=void 0;var _react=require("react"),_reactNative=require("react-native"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_hitSlop=require("../../utils/hitSlop.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_index2=require("../Skeleton/index.js"),_index3=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_BANNER_LABELS=exports.DEFAULT_BANNER_LABELS=Object.freeze({dismiss:"Dismiss banner"}),Banner=exports.Banner=(0,_react.forwardRef)((e,t)=>{const{title:r,message:i,tone:n="neutral",icon:s,actions:a,dismissible:o=!1,onClose:l,haptic:c,visible:u=!0,animateMount:d=!0,loading:m=!1,accessibilityRole:x="alert",accessibilityLabel:p,labels:_,style:h,containerStyle:g,iconCircleStyle:y,tintBarStyle:b,closeButtonStyle:j,actionButtonStyle:v,testID:w}=e;(0,_warnInvalidValue.warnInvalidValue)("Banner","tone",e.tone,["primary","success","warning","danger","info","neutral"]),(0,_warnInvalidValue.warnInvalidValue)("Banner","accessibilityRole",e.accessibilityRole,["alert","summary","none"]);const f=(0,_index.useTheme)(),R=(0,_usePresenceMotion.usePresenceMotion)(),B=(0,_react.useMemo)(()=>buildStyles(f),[f]),N=(0,_react.useMemo)(()=>tintFor(f,n),[f,n]),S=(0,_react.useMemo)(()=>({...DEFAULT_BANNER_LABELS,..._}),[_]),[k,V]=R.range(-20,0),C=(0,_react.useRef)((0,_index.createAnimatedValue)(d&&u?k:0)).current,I=(0,_react.useRef)((0,_index.createAnimatedValue)(d&&u?0:u?1:0)).current,[A,L]=(0,_react.useState)(u),T=(0,_react.useRef)(!0);if((0,_react.useEffect)(()=>{if(T.current&&(T.current=!1,!d))return;let e;return u?(L(!0),e=_reactNative.Animated.parallel([_reactNative.Animated.timing(C,{toValue:V,duration:f.motion.duration.default,useNativeDriver:!0}),_reactNative.Animated.timing(I,{toValue:1,duration:R.duration("default"),useNativeDriver:!0})]),e.start()):A&&(e=_reactNative.Animated.parallel([_reactNative.Animated.timing(C,{toValue:k,duration:f.motion.duration.fast,useNativeDriver:!0}),_reactNative.Animated.timing(I,{toValue:0,duration:R.duration("fast"),useNativeDriver:!0})]),e.start(()=>{L(!1)})),()=>e?.stop()},[u]),!A)return null;const D=r??" ",E="string"==typeof i?i??" ":"",q="alert"===x?"danger"===n?"assertive":"polite":"none",M=(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{ref:t,accessibilityRole:x,accessibilityLiveRegion:q,accessibilityLabel:p,testID:w,style:[B.container,{backgroundColor:f.colors["bg-subtle"],borderRadius:f.radius.md,..._corners.smoothCorners,padding:f.space.md,opacity:I,transform:[{translateY:C}]},h,g],children:[f.components.banner["tint-bar-width"]>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[B.tintBar,{backgroundColor:N.bar},b]}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:B.row,children:[!1===s?null:s?(0,_jsxRuntime.jsx)(_reactNative.View,{style:B.iconWrap,children:(0,_slotIcon.renderSlotIcon)(s,{color:N.ink,size:f.text.xl.size,disabled:!1})}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[B.iconCircle,{backgroundColor:`${N.bar}22`},y],children:(0,_jsxRuntime.jsx)(_index3.Text,{variant:"body",weight:"bold",accessible:!1,style:[B.iconGlyph,{color:N.ink}],children:N.glyph})}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:B.textBlock,children:[r||m?(0,_jsxRuntime.jsx)(_index3.Text,{variant:"body",weight:"semibold",numberOfLines:2,style:{lineHeight:20},children:D}):null,"string"==typeof i||m?(0,_jsxRuntime.jsx)(_index3.Text,{variant:"bodySmall",color:"secondary",style:{lineHeight:18,marginTop:r?f.space.xxs:0},children:E||" "}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:{marginTop:r?f.space.xxs:0},children:i})]}),o?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{accessibilityRole:"button",accessibilityLabel:S.dismiss,onPress:()=>{const e=(0,_hapticUtils.resolveHaptic)(c,"selection");e&&(0,_hapticUtils.triggerHaptic)(e),l?.()},hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),style:({pressed:e})=>[B.closeBtn,{backgroundColor:e?f.colors["surface-pressed"]:"transparent"},j],children:(0,_jsxRuntime.jsx)(_index3.Text,{variant:"title",weight:"bold",color:"secondary",accessible:!1,style:{lineHeight:17},children:"×"})}):null]}),a&&a.length>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:B.actionsRow,children:a.map((e,t)=>{(0,_warnInvalidValue.warnInvalidValue)("Banner","action.tone",e.tone,["primary","success","warning","danger","info","neutral"]),(0,_warnInvalidValue.warnInvalidValue)("Banner","action.variant",e.variant,["solid","outline","ghost"]),(0,_warnInvalidValue.warnInvalidValue)("Banner","action.size",e.size,["sm","md"]);const r=e.tone??"primary",i=e.variant??"ghost",n="primary"===r?N.glyphColor:"neutral"===r?f.colors["text-muted"]:f.colors[r],s="primary"===r?N.ink:"neutral"===r?f.colors["text-muted"]:f.colors[`${r}-text`],a="primary"===r?N.on:"neutral"===r?f.colors["on-neutral-strong"]:f.colors[`on-${r}`],o="solid"===i;return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{accessibilityRole:"button",accessibilityLabel:e.label,onPress:()=>{const t=(0,_hapticUtils.resolveHaptic)(c,"selection");t&&(0,_hapticUtils.triggerHaptic)(t),e.onPress()},style:({pressed:t})=>[B.actionBtn,"md"===e.size&&B.actionBtnMd,"outline"===i&&{borderWidth:1,borderColor:s},{backgroundColor:o?n:t?f.colors["surface-pressed"]:"transparent",opacity:o&&t?.85:1},v],children:(0,_jsxRuntime.jsx)(_index3.Text,{variant:"bodySmall",weight:"semibold",align:"center",style:{color:o?a:s},children:e.label})},`${e.label}-${t}`)})}):null]});return m?(0,_jsxRuntime.jsx)(BannerSkeleton,{...e}):M});Banner.displayName="Banner";const BannerSkeleton=({title:e,actions:t,icon:r,containerStyle:i,style:n})=>{const s=(0,_index.useTheme)(),a=!1!==r;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[{flexDirection:"row",alignItems:"flex-start",backgroundColor:s.colors.surface,borderRadius:s.radius.md,..._corners.smoothCorners,padding:s.space.md,borderWidth:1,borderColor:s.colors.border},i,n],accessibilityRole:"progressbar",accessibilityState:{busy:!0},"aria-busy":!0,children:[a?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{marginRight:s.space.sm},children:(0,_jsxRuntime.jsx)(_index2.Skeleton,{shape:"circle",width:32,height:32})}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{flex:1},children:[void 0!==e?(0,_jsxRuntime.jsx)(_index2.Skeleton,{shape:"text",width:"55%",height:16,style:{marginBottom:s.space.xs}}):null,(0,_jsxRuntime.jsx)(_index2.SkeletonText,{lines:2,fontSize:s.text.sm.size,lastLineWidth:"70%"}),t&&t.length>0?(0,_jsxRuntime.jsx)(_reactNative.View,{style:{flexDirection:"row",marginTop:s.space.sm},children:t.map((e,t)=>(0,_jsxRuntime.jsx)(_index2.Skeleton,{width:72,height:28,shape:"rounded",style:{marginRight:s.space.sm}},`sk-banner-action-${t}`))}):null]})]})};BannerSkeleton.displayName="BannerSkeleton",Banner.Skeleton=BannerSkeleton;const tintFor=(e,t)=>{switch(t){case"success":return{bar:e.colors.success,glyphColor:e.colors.success,ink:e.colors["success-text"],on:e.colors["on-success"],glyph:"✓"};case"warning":return{bar:e.colors.warning,glyphColor:e.colors.warning,ink:e.colors["warning-text"],on:e.colors["on-warning"],glyph:"⚠"};case"danger":return{bar:e.colors.danger,glyphColor:e.colors.danger,ink:e.colors["danger-text"],on:e.colors["on-danger"],glyph:"✗"};case"neutral":return{bar:e.colors["text-subtle"],glyphColor:e.colors["text-muted"],ink:e.colors["text-muted"],on:e.colors["on-neutral-strong"],glyph:"i"};case"primary":return{bar:e.colors.primary,glyphColor:e.colors.primary,ink:e.colors["primary-text"],on:e.colors["on-primary"],glyph:"i"};case"info":return{bar:e.colors.info,glyphColor:e.colors.info,ink:e.colors["info-text"],on:e.colors["on-info"],glyph:"i"};default:return tintFor(e,"neutral")}},buildStyles=e=>{const t=e.components.banner,r=e.space.sm;return _reactNative.StyleSheet.create({container:{overflow:"hidden",paddingLeft:e.space.md},tintBar:{position:"absolute",left:0,top:0,bottom:0,width:t["tint-bar-width"]},row:{flexDirection:"row",alignItems:"flex-start"},iconWrap:{marginRight:r},iconCircle:{width:28,height:28,borderRadius:e.radius.pill,..._corners.smoothCorners,alignItems:"center",justifyContent:"center",marginRight:r},iconGlyph:{lineHeight:17},textBlock:{flex:1,paddingRight:e.space.xs},closeBtn:{width:28,height:28,borderRadius:e.radius.pill,..._corners.smoothCorners,alignItems:"center",justifyContent:"center",marginLeft:e.space.xxs},actionsRow:{flexDirection:"row",flexWrap:"wrap",justifyContent:"flex-end",marginTop:e.space.xs,columnGap:e.space.xs,rowGap:e.space.xs},actionBtn:{paddingHorizontal:e.space.sm,paddingVertical:e.space.xs,borderRadius:e.radius.sm,..._corners.smoothCorners,maxWidth:"100%",alignItems:"center",justifyContent:"center"},actionBtnMd:{minHeight:44,paddingHorizontal:e.space.md}})};var _default=exports.default=Banner;

package/lib/commonjs/components/Banner/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Banner",{enumerable:!0,get:function(){return _Banner.Banner}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Banner.default}});var cache,_Banner=_interopRequireWildcard(require("./Banner.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,n,a=Object.defineProperty,c={__proto__:null,default:e};if(Object(e)!==e)return c;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,c)}for(n in e)"default"!==n&&{}.hasOwnProperty.call(e,n)&&((t=a&&Object.getOwnPropertyDescriptor(e,n))&&(t.get||t.set)?a(c,n,t):c[n]=e[n]);return c}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Banner",{enumerable:!0,get:function(){return _Banner.Banner}}),Object.defineProperty(exports,"DEFAULT_BANNER_LABELS",{enumerable:!0,get:function(){return _Banner.DEFAULT_BANNER_LABELS}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Banner.default}});var cache,_Banner=_interopRequireWildcard(require("./Banner.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,n,a=Object.defineProperty,c={__proto__:null,default:e};if(Object(e)!==e)return c;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,c)}for(n in e)"default"!==n&&{}.hasOwnProperty.call(e,n)&&((t=a&&Object.getOwnPropertyDescriptor(e,n))&&(t.get||t.set)?a(c,n,t):c[n]=e[n]);return c}