@webority/mobile-ui 0.106.0 → 0.108.0

package/lib/commonjs/components/OTPInput/OTPInput.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.OTPInput=void 0;var _react=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"),_FieldBase=require("../FieldBase/FieldBase.js"),_jsxRuntime=require("react/jsx-runtime");const sanitizeChar=(e,t)=>e?"number-pad"===t?e.replace(/\D/g,""):e:"",OTPInput=exports.OTPInput=(0,_react.forwardRef)((e,t)=>{const{value:i,defaultValue:r,onChange:n,onComplete:a,length:s=6,keyboardType:o="number-pad",autoFocus:l=!1,autoFocusDelay:c=0,disabled:u=!1,error:d,size:_="md",secure:m=!1,haptic:p,onFocus:g,accessibilityLabel:x,style:f,cellStyle:h,textStyle:v,testID:b}=e,[y,j]=(0,_index.useControllableState)({value:i,defaultValue:r??"",onChange:n}),N=(0,_index2.useTheme)(),R=(0,_react.useMemo)(()=>buildStyles(N),[N]),C=(0,_index2.resolveOtpInputSize)(N,_),T=(0,_react.useRef)([]),[F,k]=(0,_react.useState)(-1),V=(0,_react.useRef)(null),w=(0,_react.useRef)((0,_index2.createAnimatedValue)(0)).current,E=(0,_react.useRef)(new Map),A=(0,_react.useMemo)(()=>{const e=E.current,t=[];for(let i=0;i<s;i+=1){let r=e.get(i);r||(r=new _reactNative.Animated.Value(0),e.set(i,r)),t.push(r)}for(const t of Array.from(e.keys()))t>=s&&e.delete(t);return t},[s]),I=(0,_react.useRef)(-1),S=N.settings.components["otp-input"]?.shakeOnError??!1,O=(0,_index.useReducedMotion)(),z=!0===d||(0,_FieldBase.hasFieldText)(d);(0,_react.useEffect)(()=>{let e;return null===V.current||!z||V.current||(p&&(0,_index3.triggerHaptic)("notificationError"),S&&!O&&((0,_index2.setNativeValue)(w,0),e=_reactNative.Animated.sequence([_reactNative.Animated.timing(w,{toValue:1,duration:N.motion.duration.instant,easing:_reactNative.Easing.linear,useNativeDriver:!0}),_reactNative.Animated.timing(w,{toValue:-1,duration:N.motion.duration.instant,easing:_reactNative.Easing.linear,useNativeDriver:!0}),_reactNative.Animated.timing(w,{toValue:1,duration:N.motion.duration.instant,easing:_reactNative.Easing.linear,useNativeDriver:!0}),_reactNative.Animated.timing(w,{toValue:0,duration:N.motion.duration.instant,easing:_reactNative.Easing.linear,useNativeDriver:!0})]),e.start())),V.current=z,()=>e?.stop()},[z,w,S,p,O,N.motion.duration.instant]),(0,_react.useEffect)(()=>{const e=I.current;if(I.current=F,e===F)return;if(-1===e&&-1===F)return;const t=[];return A.forEach((i,r)=>{const n=r===F?1:0;if(r!==F&&r!==e)return;const a=_reactNative.Animated.timing(i,{toValue:n,duration:N.motion.duration.fast,easing:_reactNative.Easing.bezier(...N.motion.ease["in-out"]),useNativeDriver:!0});a.start(),t.push(a)}),()=>t.forEach(e=>{e.stop()})},[F,A,N]);const B=(0,_react.useCallback)(e=>{const t=T.current[e];t&&t.focus()},[]);(0,_react.useImperativeHandle)(t,()=>({focus:()=>B(0),blur:()=>{const e=T.current[F>=0?F:0];e?.blur()},clear:()=>{j(""),B(0)}}),[B,F,j]),(0,_react.useEffect)(()=>{if(l&&!u){const e=setTimeout(()=>B(0),c);return()=>clearTimeout(e)}},[l,c,u,B]);const D=(0,_react.useMemo)(()=>{const e=new Array(s).fill("");for(let t=0;t<Math.min(y.length,s);t+=1)e[t]=y[t]??"";return e},[y,s]),P=(0,_react.useCallback)(e=>{const t=e.slice(0,s);t!==y&&(j(t),t.length===s&&a&&a(t))},[s,j,a,y]),q=(0,_react.useCallback)((e,t)=>{const i=t.replace(/\u200B/g,""),r=sanitizeChar(i,o);if(!r){const t=D.slice(),i=(t[e]??"").length>0;if(t[e]="",P(t.join("").slice(0,s)),!i&&e>0){const t=D.slice();t[e-1]="",P(t.join("")),B(e-1)}return}const n=D[e]??"",a=n&&r.length>s&&r.startsWith(n)?r.slice(n.length):r;if(a.length>=s){const t=a.slice(0,s),i=y.length;return P(t),t.length!==i&&p&&(0,_index3.triggerHaptic)(p),void T.current[e]?.blur()}const l=D.slice();let c=e;for(let e=0;e<r.length&&c<s;e+=1)l[c]=r[e]??"",c+=1;const u=l.join("").slice(0,s),d=y.length;P(u),u.length!==d&&p&&(0,_index3.triggerHaptic)(p);const _=Math.min(c,s-1);c>=s?T.current[e]?.blur():B(_)},[D,B,o,s,p,P,y]),M=(0,_react.useCallback)((e,t)=>{if("Backspace"!==t.nativeEvent.key)return;if(0===(D[e]??"").length){if(e>0){const t=D.slice();t[e-1]="",P(t.join("")),B(e-1)}}else{const t=D.slice();t[e]="",P(t.join(""))}},[D,B,P]),H=(0,_react.useCallback)((e,t)=>{k(e),g?.(t)},[g]),W=(0,_react.useCallback)(()=>{k(-1)},[]),L=(0,_react.useCallback)(()=>{if(u)return;const e=D.indexOf("");B(-1===e?s-1:e)},[D,u,B,s]),$=x??`Enter ${s}-digit code`,G=w.interpolate({inputRange:[-1,1],outputRange:[-6,6]});return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:f,accessible:!0,accessibilityRole:"none",accessibilityLabel:$,accessibilityValue:{text:i},accessibilityState:{disabled:u},"aria-disabled":u,testID:b,children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:L,disabled:u,accessible:!1,children:(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[R.row,{columnGap:C.gap,transform:[{translateX:G}]}],children:D.map((e,t)=>{const i=F===t,r=e.length>0,n=z?N.colors["danger-border"]:N.colors["focus-ring"],a=A[t];if(!a)return null;const l=m&&r?"●":e;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:R.cellWrapper,children:[(0,_jsxRuntime.jsxs)(_FieldBase.FieldBase,{size:_,width:C.cell,height:C.cell,borderRadius:C.radius,borderWidth:1.5,focused:i,error:z,filled:r,disabled:u,paddingHorizontal:N.space.none,paddingVertical:N.space.none,gap:N.space.none,style:h,children:[(0,_jsxRuntime.jsx)(_reactNative.TextInput,{ref:e=>{T.current[t]=e},value:(m&&r?"":e)||"​",onChangeText:e=>q(t,e),onKeyPress:e=>M(t,e),onFocus:e=>H(t,e),onBlur:W,keyboardType:o,editable:!u,selectTextOnFocus:!0,caretHidden:r,maxLength:s+1,textContentType:"oneTimeCode",autoComplete:0===t?"sms-otp":"off",importantForAutofill:0===t?"yes":"no",style:[R.input,{fontSize:C.text,color:N.colors["text-body"],...(0,_index2.fontFor)(N,"semibold")},v]}),m&&r?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:R.maskOverlay,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[{fontSize:C.text,color:N.colors["text-body"],...(0,_index2.fontFor)(N,"semibold")},v],children:l})}):null]}),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[R.underline,{backgroundColor:n,opacity:a}]})]},`otp-cell-${t}`)})})}),(0,_jsxRuntime.jsx)(_FieldBase.FieldMessage,{size:_,error:!0,text:d})]})});OTPInput.displayName="OTPInput";const buildStyles=e=>_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center"},cellWrapper:{alignItems:"center"},input:{width:"100%",height:"100%",textAlign:"center",padding:e.space.none},maskOverlay:{..._reactNative.StyleSheet.absoluteFill,alignItems:"center",justifyContent:"center"},underline:{marginTop:e.space.xs,height:2,width:"60%",borderRadius:e.radius.pill,..._corners.smoothCorners}});var _default=exports.default=OTPInput;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.OTPInput=exports.DEFAULT_OTP_INPUT_LABELS=void 0;var _react=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"),_FieldBase=require("../FieldBase/FieldBase.js"),_index4=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_OTP_INPUT_LABELS=exports.DEFAULT_OTP_INPUT_LABELS=Object.freeze({field:e=>`Enter ${e}-digit code`}),sanitizeChar=(e,t)=>e?"number-pad"===t?e.replace(/\D/g,""):e:"",OTPInput=exports.OTPInput=(0,_react.forwardRef)((e,t)=>{const{value:i,defaultValue:n,onChange:r,onComplete:a,length:s=6,keyboardType:l="number-pad",autoFocus:o=!1,autoFocusDelay:c=0,disabled:u=!1,error:d,size:_="md",secure:p=!1,haptic:m,labels:x,onFocus:g,accessibilityLabel:f,style:v,cellStyle:h,textStyle:b,testID:y}=e;(0,_warnInvalidValue.warnInvalidValue)("OTPInput","size",e.size,["sm","md","lg"]),(0,_warnInvalidValue.warnInvalidValue)("OTPInput","keyboardType",e.keyboardType,["number-pad","default"]);const T=x?{...DEFAULT_OTP_INPUT_LABELS,...x}:DEFAULT_OTP_INPUT_LABELS,[j,N]=(0,_index.useControllableState)({value:i,defaultValue:n??"",onChange:r}),I=(0,_index2.useTheme)(),E=(0,_react.useMemo)(()=>buildStyles(I),[I]),A=(0,_index2.resolveOtpInputSize)(I,_),R=(0,_react.useRef)([]),[V,w]=(0,_react.useState)(-1),F=(0,_react.useRef)(null),P=(0,_react.useRef)((0,_index2.createAnimatedValue)(0)).current,O=(0,_react.useRef)(new Map),C=(0,_react.useMemo)(()=>{const e=O.current,t=[];for(let i=0;i<s;i+=1){let n=e.get(i);n||(n=new _reactNative.Animated.Value(0),e.set(i,n)),t.push(n)}for(const t of Array.from(e.keys()))t>=s&&e.delete(t);return t},[s]),k=(0,_react.useRef)(-1),S=I.settings.components["otp-input"]?.shakeOnError??!1,L=(0,_index.useReducedMotion)(),B=!0===d||(0,_FieldBase.hasFieldText)(d);(0,_react.useEffect)(()=>{let e;return null===F.current||!B||F.current||(m&&(0,_index3.triggerHaptic)("notificationError"),S&&!L&&((0,_index2.setNativeValue)(P,0),e=_reactNative.Animated.sequence([_reactNative.Animated.timing(P,{toValue:1,duration:I.motion.duration.instant,easing:_reactNative.Easing.linear,useNativeDriver:!0}),_reactNative.Animated.timing(P,{toValue:-1,duration:I.motion.duration.instant,easing:_reactNative.Easing.linear,useNativeDriver:!0}),_reactNative.Animated.timing(P,{toValue:1,duration:I.motion.duration.instant,easing:_reactNative.Easing.linear,useNativeDriver:!0}),_reactNative.Animated.timing(P,{toValue:0,duration:I.motion.duration.instant,easing:_reactNative.Easing.linear,useNativeDriver:!0})]),e.start())),F.current=B,()=>e?.stop()},[B,P,S,m,L,I.motion.duration.instant]),(0,_react.useEffect)(()=>{const e=k.current;if(k.current=V,e===V)return;if(-1===e&&-1===V)return;const t=[];return C.forEach((i,n)=>{const r=n===V?1:0;if(n!==V&&n!==e)return;const a=_reactNative.Animated.timing(i,{toValue:r,duration:I.motion.duration.fast,easing:_reactNative.Easing.bezier(...I.motion.ease["in-out"]),useNativeDriver:!0});a.start(),t.push(a)}),()=>t.forEach(e=>{e.stop()})},[V,C,I]);const D=(0,_react.useCallback)(e=>{const t=R.current[e];t&&t.focus()},[]);(0,_react.useImperativeHandle)(t,()=>({focus:()=>D(0),blur:()=>{const e=R.current[V>=0?V:0];e?.blur()},clear:()=>{N(""),D(0)}}),[D,V,N]),(0,_react.useEffect)(()=>{if(o&&!u){const e=setTimeout(()=>D(0),c);return()=>clearTimeout(e)}},[o,c,u,D]);const z=(0,_react.useMemo)(()=>{const e=new Array(s).fill("");for(let t=0;t<Math.min(j.length,s);t+=1)e[t]=j[t]??"";return e},[j,s]),q=(0,_react.useCallback)(e=>{const t=e.slice(0,s);t!==j&&(N(t),t.length===s&&a&&a(t))},[s,N,a,j]),U=(0,_react.useCallback)((e,t)=>{const i=t.replace(/\u200B/g,""),n=sanitizeChar(i,l);if(!n){const t=z.slice(),i=(t[e]??"").length>0;if(t[e]="",q(t.join("").slice(0,s)),!i&&e>0){const t=z.slice();t[e-1]="",q(t.join("")),D(e-1)}return}const r=z[e]??"",a=r&&n.length>s&&n.startsWith(r)?n.slice(r.length):n;if(a.length>=s){const t=a.slice(0,s),i=j.length;return q(t),t.length!==i&&m&&(0,_index3.triggerHaptic)(m),void R.current[e]?.blur()}const o=z.slice();let c=e;for(let e=0;e<n.length&&c<s;e+=1)o[c]=n[e]??"",c+=1;const u=o.join("").slice(0,s),d=j.length;q(u),u.length!==d&&m&&(0,_index3.triggerHaptic)(m);const _=Math.min(c,s-1);c>=s?R.current[e]?.blur():D(_)},[z,D,l,s,m,q,j]),M=(0,_react.useCallback)((e,t)=>{if("Backspace"!==t.nativeEvent.key)return;if(0===(z[e]??"").length){if(e>0){const t=z.slice();t[e-1]="",q(t.join("")),D(e-1)}}else{const t=z.slice();t[e]="",q(t.join(""))}},[z,D,q]),H=(0,_react.useCallback)((e,t)=>{w(e),g?.(t)},[g]),W=(0,_react.useCallback)(()=>{w(-1)},[]),$=(0,_react.useCallback)(()=>{if(u)return;const e=z.indexOf("");D(-1===e?s-1:e)},[z,u,D,s]),G=f??T.field(s),K=P.interpolate({inputRange:[-1,1],outputRange:[-6,6]});return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:v,accessible:!0,accessibilityRole:"none",accessibilityLabel:G,accessibilityValue:{text:i},accessibilityState:{disabled:u},"aria-disabled":u,testID:y,children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:$,disabled:u,accessible:!1,children:(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[E.row,{columnGap:A.gap,transform:[{translateX:K}]}],children:z.map((e,t)=>{const i=V===t,n=e.length>0,r=B?I.colors["danger-border"]:I.colors["focus-ring"],a=C[t];if(!a)return null;const o=p&&n?"●":e;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:E.cellWrapper,children:[(0,_jsxRuntime.jsxs)(_FieldBase.FieldBase,{size:_,width:A.cell,height:A.cell,borderRadius:A.radius,borderWidth:1.5,focused:i,error:B,filled:n,disabled:u,paddingHorizontal:I.space.none,paddingVertical:I.space.none,gap:I.space.none,style:h,children:[(0,_jsxRuntime.jsx)(_reactNative.TextInput,{ref:e=>{R.current[t]=e},value:(p&&n?"":e)||"​",onChangeText:e=>U(t,e),onKeyPress:e=>M(t,e),onFocus:e=>H(t,e),onBlur:W,keyboardType:l,editable:!u,selectTextOnFocus:!0,caretHidden:n,maxLength:s+1,textContentType:"oneTimeCode",autoComplete:0===t?"sms-otp":"off",importantForAutofill:0===t?"yes":"no",style:[E.input,{fontSize:A.text,color:I.colors["text-body"],...(0,_index2.fontFor)(I,"semibold")},b]}),p&&n?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:E.maskOverlay,children:(0,_jsxRuntime.jsx)(_index4.Text,{variant:"body",weight:"semibold",style:[{fontSize:A.text},b],children:o})}):null]}),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[E.underline,{backgroundColor:r,opacity:a}]})]},`otp-cell-${t}`)})})}),(0,_jsxRuntime.jsx)(_FieldBase.FieldMessage,{size:_,error:!0,text:d})]})});OTPInput.displayName="OTPInput";const buildStyles=e=>_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center"},cellWrapper:{alignItems:"center"},input:{width:"100%",height:"100%",textAlign:"center",padding:e.space.none},maskOverlay:{..._reactNative.StyleSheet.absoluteFill,alignItems:"center",justifyContent:"center"},underline:{marginTop:e.space.xs,height:2,width:"60%",borderRadius:e.radius.pill,..._corners.smoothCorners}});var _default=exports.default=OTPInput;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"OTPInput",{enumerable:!0,get:function(){return _OTPInput.OTPInput}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _OTPInput.default}});var cache,_OTPInput=_interopRequireWildcard(require("./OTPInput.js"));function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,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)&&((r=u&&Object.getOwnPropertyDescriptor(e,n))&&(r.get||r.set)?u(c,n,r):c[n]=e[n]);return c}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_OTP_INPUT_LABELS",{enumerable:!0,get:function(){return _OTPInput.DEFAULT_OTP_INPUT_LABELS}}),Object.defineProperty(exports,"OTPInput",{enumerable:!0,get:function(){return _OTPInput.OTPInput}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _OTPInput.default}});var cache,_OTPInput=_interopRequireWildcard(require("./OTPInput.js"));function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,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)&&((r=u&&Object.getOwnPropertyDescriptor(e,n))&&(r.get||r.set)?u(c,n,r):c[n]=e[n]);return c}

package/lib/commonjs/components/OnboardingPager/OnboardingPager.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.OnboardingPager=void 0;var _react=require("react"),_reactNative=require("react-native"),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_useReducedMotion=require("../../hooks/useReducedMotion.js"),_index=require("../../theme/index.js"),_announce=require("../../utils/announce.js"),_corners=require("../../utils/corners.js"),_index2=require("../Button/index.js"),_index3=require("../Carousel/index.js"),_index4=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const ONBOARDING_MAX_PAGES=6,CONTROL_HEIGHT=44,DOT_SIZE=8,DOT_ACTIVE_WIDTH=24,defaultStep=(e,t)=>`Step ${e} of ${t}`,OnboardingPager=({pages:e,onDone:t,onSkip:n,doneLabel:a="Get started",labels:i,safeArea:r=!0,haptic:o="selection",testID:s})=>{const c=(0,_index.useTheme)(),l=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),u=(0,_useReducedMotion.useReducedMotion)(),d=(0,_react.useMemo)(()=>buildStyles(c),[c]),x=(0,_react.useMemo)(()=>e.slice(0,6),[e]),_=x.length,p=i?.step??defaultStep,m=(0,_react.useRef)(null),[g,b]=(0,_react.useState)(0),j=g>=_-1,y=(0,_react.useCallback)(e=>{e<0||e>=_||m.current?.scrollTo(e,!u)},[_,u]),v=(0,_react.useCallback)(e=>y(g+e),[y,g]),h=(0,_react.useCallback)(()=>{j?t():y(g+1)},[j,t,y,g]),f=(0,_react.useRef)(g);(0,_react.useEffect)(()=>{if(f.current===g)return;f.current=g;const e=x[g];e&&(0,_announce.announce)(`${p(g+1,_)}, ${e.title}`)},[g,x,_,p]);const R=(0,_react.useCallback)((e,t)=>(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{style:d.page,contentContainerStyle:d.pageContent,showsVerticalScrollIndicator:!1,bounces:!1,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{accessible:!0,accessibilityLabel:`${p(t+1,_)}, ${e.title}. ${e.body}`,style:d.pageGroup,children:[e.art?(0,_jsxRuntime.jsx)(_reactNative.View,{style:d.art,children:e.art}):null,(0,_jsxRuntime.jsx)(_index4.Text,{variant:"h2",align:"center",children:e.title}),(0,_jsxRuntime.jsx)(_index4.Text,{variant:"body",color:"secondary",align:"center",children:e.body})]})}),[d,p,_]);return 0===_?null:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[d.root,r?{paddingTop:l.top,paddingBottom:l.bottom}:null],testID:s,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:d.skipRow,children:(0,_jsxRuntime.jsx)(_index2.Button,{title:i?.skip??"Skip",variant:"ghost",tone:"neutral",hitSlop:{top:2,bottom:2,left:8,right:8},haptic:o,onPress:n,testID:s?`${s}-skip`:void 0})}),(0,_jsxRuntime.jsx)(_index3.Carousel,{ref:m,data:x,renderItem:R,keyExtractor:e=>e.key,onIndexChange:b,showPagination:!1,containerStyle:d.carousel,testID:s?`${s}-pages`:void 0}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:d.footer,children:[_>1?(0,_jsxRuntime.jsx)(PageControl,{keys:x.map(e=>e.key),index:g,label:i?.pageControl??"Page",valueText:p(g+1,_),reduceMotion:u,theme:c,onStep:v,testID:s?`${s}-dots`:void 0}):null,(0,_jsxRuntime.jsx)(_index2.Button,{title:j?a:i?.next??"Next",size:"lg",fullWidth:!0,haptic:o,onPress:h,testID:s?`${s}-next`:void 0})]})]})};exports.OnboardingPager=OnboardingPager,OnboardingPager.displayName="OnboardingPager";const PageControl=({keys:e,index:t,label:n,valueText:a,reduceMotion:i,theme:r,onStep:o,testID:s})=>{const c=(0,_react.useCallback)(e=>{"increment"===e.nativeEvent.actionName?o(1):"decrement"===e.nativeEvent.actionName&&o(-1)},[o]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{accessible:!0,accessibilityRole:"adjustable",accessibilityLabel:n,accessibilityValue:{min:0,max:e.length-1,now:t,text:a},accessibilityActions:[{name:"increment"},{name:"decrement"}],onAccessibilityAction:c,style:controlStyles.control,testID:s,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:controlStyles.dots,pointerEvents:"none",children:e.map((e,n)=>(0,_jsxRuntime.jsx)(Dot,{active:n===t,reduceMotion:i,theme:r},e))}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{accessible:!1,importantForAccessibility:"no",style:controlStyles.back,onPress:()=>o(-1),testID:s?`${s}-back`:void 0}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{accessible:!1,importantForAccessibility:"no",style:controlStyles.forward,onPress:()=>o(1),testID:s?`${s}-forward`:void 0})]})},Dot=({active:e,reduceMotion:t,theme:n})=>{const a=(0,_react.useRef)((0,_index.createAnimatedValue)(e?1:0)).current;return(0,_react.useEffect)(()=>{const i=_reactNative.Animated.timing(a,{toValue:e?1:0,duration:t?0:n.motion.duration.default,easing:_reactNative.Easing.bezier(...n.motion.ease["in-out"]),useNativeDriver:!1});return i.start(),()=>i.stop()},[e,t,a,n]),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:{width:a.interpolate({inputRange:[0,1],outputRange:[8,24]}),height:8,marginHorizontal:n.space.xs,borderRadius:4,..._corners.smoothCorners,backgroundColor:a.interpolate({inputRange:[0,1],outputRange:[n.colors.border,n.colors.primary]})}})},controlStyles=_reactNative.StyleSheet.create({control:{alignSelf:"center",height:44,minWidth:88,alignItems:"center",justifyContent:"center"},dots:{flexDirection:"row",alignItems:"center"},back:{position:"absolute",top:0,bottom:0,start:0,width:"50%"},forward:{position:"absolute",top:0,bottom:0,end:0,width:"50%"}}),buildStyles=e=>_reactNative.StyleSheet.create({root:{flex:1,backgroundColor:e.colors.bg},skipRow:{minHeight:44,paddingHorizontal:e.space.lg,alignItems:"flex-end",justifyContent:"center"},carousel:{flex:1},page:{flex:1},pageContent:{flexGrow:1,justifyContent:"center",paddingHorizontal:e.space.xl,paddingVertical:e.space.lg},pageGroup:{alignItems:"center",gap:e.space.md},art:{alignItems:"center",marginBottom:e.space.xl},footer:{paddingHorizontal:e.space.lg,paddingBottom:e.space.lg,gap:e.space.sm}});var _default=exports.default=OnboardingPager;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.OnboardingPager=exports.DEFAULT_ONBOARDING_PAGER_LABELS=void 0;var _react=require("react"),_reactNative=require("react-native"),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_useReducedMotion=require("../../hooks/useReducedMotion.js"),_index=require("../../theme/index.js"),_announce=require("../../utils/announce.js"),_corners=require("../../utils/corners.js"),_index2=require("../Button/index.js"),_index3=require("../Carousel/index.js"),_index4=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_ONBOARDING_PAGER_LABELS=exports.DEFAULT_ONBOARDING_PAGER_LABELS=Object.freeze({skip:"Skip",next:"Next",done:"Get started",step:(e,t)=>`Step ${e} of ${t}`,pageControl:"Page"}),ONBOARDING_MAX_PAGES=6,CONTROL_HEIGHT=44,DOT_SIZE=8,DOT_ACTIVE_WIDTH=24,OnboardingPager=({pages:e,onDone:t,onSkip:n,labels:a,safeArea:i=!0,haptic:r="selection",testID:o})=>{const s=(0,_index.useTheme)(),c=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),l=(0,_useReducedMotion.useReducedMotion)(),u=(0,_react.useMemo)(()=>buildStyles(s),[s]),d=(0,_react.useMemo)(()=>a?{...DEFAULT_ONBOARDING_PAGER_LABELS,...a}:DEFAULT_ONBOARDING_PAGER_LABELS,[a]),_=(0,_react.useMemo)(()=>e.slice(0,6),[e]),x=_.length,p=d.step,m=(0,_react.useRef)(null),[g,b]=(0,_react.useState)(0),j=g>=x-1,R=(0,_react.useCallback)(e=>{e<0||e>=x||m.current?.scrollTo(e,!l)},[x,l]),y=(0,_react.useCallback)(e=>R(g+e),[R,g]),v=(0,_react.useCallback)(()=>{j?t():R(g+1)},[j,t,R,g]),h=(0,_react.useRef)(g);(0,_react.useEffect)(()=>{if(h.current===g)return;h.current=g;const e=_[g];e&&(0,_announce.announce)(`${p(g+1,x)}, ${e.title}`)},[g,_,x,p]);const f=(0,_react.useCallback)((e,t)=>(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{style:u.page,contentContainerStyle:u.pageContent,showsVerticalScrollIndicator:!1,bounces:!1,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{accessible:!0,accessibilityLabel:`${p(t+1,x)}, ${e.title}. ${e.body}`,style:u.pageGroup,children:[e.art?(0,_jsxRuntime.jsx)(_reactNative.View,{style:u.art,children:e.art}):null,(0,_jsxRuntime.jsx)(_index4.Text,{variant:"h2",align:"center",children:e.title}),(0,_jsxRuntime.jsx)(_index4.Text,{variant:"body",color:"secondary",align:"center",children:e.body})]})}),[u,p,x]);return 0===x?null:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[u.root,i?{paddingTop:c.top,paddingBottom:c.bottom}:null],testID:o,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:u.skipRow,children:(0,_jsxRuntime.jsx)(_index2.Button,{label:d.skip,variant:"ghost",tone:"neutral",hitSlop:{top:2,bottom:2,left:8,right:8},haptic:r,onPress:n,testID:o?`${o}-skip`:void 0})}),(0,_jsxRuntime.jsx)(_index3.Carousel,{ref:m,data:_,renderItem:f,keyExtractor:e=>e.key,onIndexChange:b,showPagination:!1,containerStyle:u.carousel,testID:o?`${o}-pages`:void 0}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:u.footer,children:[x>1?(0,_jsxRuntime.jsx)(PageControl,{keys:_.map(e=>e.key),index:g,label:d.pageControl,valueText:p(g+1,x),reduceMotion:l,theme:s,onStep:y,testID:o?`${o}-dots`:void 0}):null,(0,_jsxRuntime.jsx)(_index2.Button,{label:j?d.done:d.next,size:"lg",fullWidth:!0,haptic:r,onPress:v,testID:o?`${o}-next`:void 0})]})]})};exports.OnboardingPager=OnboardingPager,OnboardingPager.displayName="OnboardingPager";const PageControl=({keys:e,index:t,label:n,valueText:a,reduceMotion:i,theme:r,onStep:o,testID:s})=>{const c=(0,_react.useCallback)(e=>{"increment"===e.nativeEvent.actionName?o(1):"decrement"===e.nativeEvent.actionName&&o(-1)},[o]);return(0,_jsxRuntime.jsxs)(_reactNative.View,{accessible:!0,accessibilityRole:"adjustable",accessibilityLabel:n,accessibilityValue:{min:0,max:e.length-1,now:t,text:a},accessibilityActions:[{name:"increment"},{name:"decrement"}],onAccessibilityAction:c,style:controlStyles.control,testID:s,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:controlStyles.dots,pointerEvents:"none",children:e.map((e,n)=>(0,_jsxRuntime.jsx)(Dot,{active:n===t,reduceMotion:i,theme:r},e))}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{accessible:!1,importantForAccessibility:"no",style:controlStyles.back,onPress:()=>o(-1),testID:s?`${s}-back`:void 0}),(0,_jsxRuntime.jsx)(_reactNative.Pressable,{accessible:!1,importantForAccessibility:"no",style:controlStyles.forward,onPress:()=>o(1),testID:s?`${s}-forward`:void 0})]})},Dot=({active:e,reduceMotion:t,theme:n})=>{const a=(0,_react.useRef)((0,_index.createAnimatedValue)(e?1:0)).current;return(0,_react.useEffect)(()=>{const i=_reactNative.Animated.timing(a,{toValue:e?1:0,duration:t?0:n.motion.duration.default,easing:_reactNative.Easing.bezier(...n.motion.ease["in-out"]),useNativeDriver:!1});return i.start(),()=>i.stop()},[e,t,a,n]),(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:{width:a.interpolate({inputRange:[0,1],outputRange:[8,24]}),height:8,marginHorizontal:n.space.xs,borderRadius:4,..._corners.smoothCorners,backgroundColor:a.interpolate({inputRange:[0,1],outputRange:[n.colors.border,n.colors.primary]})}})},controlStyles=_reactNative.StyleSheet.create({control:{alignSelf:"center",height:44,minWidth:88,alignItems:"center",justifyContent:"center"},dots:{flexDirection:"row",alignItems:"center"},back:{position:"absolute",top:0,bottom:0,start:0,width:"50%"},forward:{position:"absolute",top:0,bottom:0,end:0,width:"50%"}}),buildStyles=e=>_reactNative.StyleSheet.create({root:{flex:1,backgroundColor:e.colors.bg},skipRow:{minHeight:44,paddingHorizontal:e.space.lg,alignItems:"flex-end",justifyContent:"center"},carousel:{flex:1},page:{flex:1},pageContent:{flexGrow:1,justifyContent:"center",paddingHorizontal:e.space.xl,paddingVertical:e.space.lg},pageGroup:{alignItems:"center",gap:e.space.md},art:{alignItems:"center",marginBottom:e.space.xl},footer:{paddingHorizontal:e.space.lg,paddingBottom:e.space.lg,gap:e.space.sm}});var _default=exports.default=OnboardingPager;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"OnboardingPager",{enumerable:!0,get:function(){return _OnboardingPager.OnboardingPager}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _OnboardingPager.default}});var cache,_OnboardingPager=_interopRequireWildcard(require("./OnboardingPager.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,"DEFAULT_ONBOARDING_PAGER_LABELS",{enumerable:!0,get:function(){return _OnboardingPager.DEFAULT_ONBOARDING_PAGER_LABELS}}),Object.defineProperty(exports,"OnboardingPager",{enumerable:!0,get:function(){return _OnboardingPager.OnboardingPager}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _OnboardingPager.default}});var cache,_OnboardingPager=_interopRequireWildcard(require("./OnboardingPager.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,n,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(n in e)"default"!==n&&{}.hasOwnProperty.call(e,n)&&((t=a&&Object.getOwnPropertyDescriptor(e,n))&&(t.get||t.set)?a(o,n,t):o[n]=e[n]);return o}

package/lib/commonjs/components/OptionSheet/OptionSheet.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.OptionSheet=void 0;var _react=require("react"),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_reactNativeKeyboardController=require("react-native-keyboard-controller"),_useDragToDismiss=require("../../hooks/useDragToDismiss.js"),_usePresenceMotion=require("../../hooks/usePresenceMotion.js"),_index=require("../../theme/index.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_hitSlop=require("../../utils/hitSlop.js"),_defaultIcons=require("../AppIcon/defaultIcons.js"),_ModalSafeArea=require("../ModalSafeArea/ModalSafeArea.js"),_ToastProvider=require("../Toast/ToastProvider.js"),_jsxRuntime=require("react/jsx-runtime");const AnimatedGestureRoot=_reactNative.Animated.createAnimatedComponent(_reactNativeGestureHandler.GestureHandlerRootView),SEARCH_ICON_SIZE=18,OptionSheet=e=>{const{open:t,onClose:i,onAfterClose:r,onOpenChange:s,title:a,options:o,sections:n,renderSectionHeader:l,renderOption:c,alphabetIndex:d=!1,searchPlaceholder:u="Search…",emptyText:p="No options",labelOf:m,getValue:h,disabledOf:_,destructiveOf:x,descriptionOf:g,iconOf:b,isSelected:f,onSelect:y,multi:v=!1,searchable:j=!1,searchSelectionColor:R,accessibilityLabel:N,optionStyle:S,selectedOptionStyle:T,optionTextStyle:w,selectedOptionTextStyle:C,testID:k}=e,I=(0,_index.useTheme)(),V=(0,_usePresenceMotion.usePresenceMotion)(),[M,z]=(0,_ModalSafeArea.useModalInsets)(),D=(0,_react.useMemo)(()=>buildStyles(I),[I]),[A,P]=(0,_react.useState)(""),L=_reactNative.Dimensions.get("window").height,H=Math.round(.7*L),[O,W]=(0,_react.useState)(t),B=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,E=(0,_react.useRef)((0,_index.createAnimatedValue)(H)).current,q=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,F=(0,_react.useMemo)(()=>V.reduced?q:_reactNative.Animated.add(E,q),[V.reduced,E,q]),G=(0,_react.useMemo)(()=>V.reduced?E.interpolate({inputRange:[0,H],outputRange:[1,0],extrapolate:"clamp"}):1,[V.reduced,E,H]),{handleGesture:K,opacity:$}=(0,_useDragToDismiss.useDragToDismiss)({drag:q,travel:H,onDismiss:i}),J=(0,_react.useMemo)(()=>_reactNative.Animated.multiply(G,$),[G,$]),U=(0,_react.useMemo)(()=>{const e=I.colors.scrim;return B.interpolate({inputRange:[0,1],outputRange:[(0,_color.transparentOf)(e),e]})},[B,I.colors.scrim]);(0,_react.useEffect)(()=>{t&&(_reactNative.Keyboard.dismiss(),W(!0))},[t]);const Y=(0,_react.useRef)(s);Y.current=s;const Z=(0,_react.useRef)(!1);(0,_react.useEffect)(()=>{Z.current!==t&&(Z.current=t,Y.current?.(t))},[t]);const Q=(0,_react.useRef)(r);Q.current=r;const X=(0,_react.useRef)(O);(0,_react.useEffect)(()=>{X.current&&!O&&"ios"!==_reactNative.Platform.OS&&Q.current?.(),X.current=O},[O]),(0,_react.useEffect)(()=>{if(!O)return;t&&((0,_index.setNativeValue)(q,0),(0,_index.setNativeValue)($,1));const e=t?_reactNative.Animated.parallel([_reactNative.Animated.timing(B,{toValue:1,duration:V.duration("default"),easing:_reactNative.Easing.bezier(...I.motion.ease["in-out"]),useNativeDriver:!1}),V.reduced?_reactNative.Animated.timing(E,{toValue:0,duration:V.duration("default"),easing:_reactNative.Easing.bezier(...I.motion.ease["in-out"]),useNativeDriver:!0}):_reactNative.Animated.spring(E,{toValue:0,damping:I.motion.spring.snappy.damping,stiffness:I.motion.spring.snappy.stiffness,mass:I.motion.spring.snappy.mass,useNativeDriver:!0})]):_reactNative.Animated.parallel([_reactNative.Animated.timing(B,{toValue:0,duration:V.duration("default"),easing:_reactNative.Easing.bezier(...I.motion.ease["in-out"]),useNativeDriver:!1}),_reactNative.Animated.timing(E,{toValue:H,duration:V.duration("fast"),easing:_reactNative.Easing.bezier(...I.motion.ease.accelerate),useNativeDriver:!0})]);return e.start(({finished:e})=>{e&&!t&&W(!1)}),()=>e.stop()},[t,O,B,E,q,$,H,V,I.motion.ease["in-out"],I.motion.ease.accelerate,I.motion.spring.snappy]);const ee=(0,_react.useMemo)(()=>_reactNativeGestureHandler.Gesture.Native(),[]),[te,ie]=(0,_react.useState)(0),re=(0,_reactNativeKeyboardController.useKeyboardState)(e=>e.height),se=O?Math.max(0,Math.round(re)):0,ae=Math.max(M.top,_reactNative.StatusBar.currentHeight??0)+I.space.sm,oe=se>0,ne=oe?Math.max(0,Math.min(H,(te>0?te:L)-se-ae)):H;(0,_react.useEffect)(()=>{t||P("")},[t]);const le=(0,_react.useMemo)(()=>{const e=j?A.trim().toLowerCase():"",matches=t=>0===e.length||m(t).toLowerCase().includes(e)||(g(t)??"").toLowerCase().includes(e);if(!n)return o.filter(matches).map(e=>({kind:"option",option:e}));const t=[];return n.forEach((e,i)=>{const r=e.options.filter(matches);if(0!==r.length){t.push({kind:"header",title:e.title});for(const e of r)t.push({kind:"option",option:e,section:i})}}),t},[j,A,o,n,m,g]),ce=(0,_react.useCallback)(()=>{i()},[i]),de=(0,_react.useRef)(null),ue=(0,_react.useMemo)(()=>{const e=new Map;if(!d)return e;let t=0;if(n)for(let e=le.length-1;e>=0;e-=1)if("header"===le[e].kind){t=e+1;break}for(let i=t;i<le.length;i+=1){const t=le[i];if("option"!==t.kind)continue;const r=m(t.option).trim().charAt(0).toUpperCase(),s=/^[A-Z]$/.test(r)?r:"#";e.has(s)||e.set(s,i)}return e},[d,le,n,m]),pe=d&&ue.size>0&&0===A.trim().length,me=(0,_react.useMemo)(()=>[..."ABCDEFGHIJKLMNOPQRSTUVWXYZ",...ue.has("#")?["#"]:[]],[ue]),he=(0,_react.useCallback)(e=>{const t=ue.get(e);void 0!==t&&de.current?.scrollToIndex({index:t,animated:!0,viewPosition:0})},[ue]),xe=(0,_react.useRef)(null),ge=(0,_react.useCallback)(()=>{null!==xe.current&&(clearTimeout(xe.current),xe.current=null)},[]),be=(0,_react.useCallback)(e=>{de.current?.scrollToOffset({offset:e.averageItemLength*e.index,animated:!1}),ge(),xe.current=setTimeout(()=>{xe.current=null,de.current?.scrollToIndex({index:e.index,animated:!0,viewPosition:0})},50)},[ge]);(0,_react.useEffect)(()=>(O||ge(),ge),[O,ge]);return(0,_jsxRuntime.jsx)(_reactNative.Modal,{visible:O,transparent:!0,animationType:"none",onRequestClose:ce,onDismiss:()=>Q.current?.(),statusBarTranslucent:!0,navigationBarTranslucent:!0,children:(0,_jsxRuntime.jsx)(_ModalSafeArea.ModalSafeArea,{onInsets:z,children:(0,_jsxRuntime.jsxs)(AnimatedGestureRoot,{collapsable:!1,onLayout:e=>ie(e.nativeEvent.layout.height),style:[_reactNative.StyleSheet.absoluteFill,{backgroundColor:U}],children:[(0,_jsxRuntime.jsx)(_reactNative.Pressable,{style:_reactNative.StyleSheet.absoluteFill,onPress:ce,accessibilityRole:"button",accessibilityLabel:"Close picker"}),(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{testID:k,accessibilityViewIsModal:!0,accessibilityLabel:N??a??"Options",style:[D.sheet,{maxHeight:ne,bottom:se,paddingBottom:oe?I.space.lg:M.bottom+I.space.lg,backgroundColor:I.colors.surface,borderTopLeftRadius:I.radius.xl,borderTopRightRadius:I.radius.xl,..._corners.smoothCorners,opacity:J,transform:[{translateY:F}],...I.shadow.modal}],children:[(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:K,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:D.sheetHandleRow,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[D.sheetHandle,{backgroundColor:I.colors.border}]})}),a?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[D.sheetTitle,{color:I.colors["text-body"],fontSize:I.text.lg.size,fontWeight:I.weight.semibold,paddingHorizontal:I.space.lg,marginBottom:I.space.sm}],children:a}):null]})}),j?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[D.searchWrap,{marginHorizontal:I.space.lg,marginBottom:I.space.sm}],children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[D.searchBox,{backgroundColor:I.colors["bg-subtle"],borderColor:I.colors.border,borderRadius:I.radius.md,..._corners.smoothCorners,paddingHorizontal:I.space.md,gap:I.space.sm}],children:[(I.settings.icons.search??_defaultIcons.defaultIcons.search)({size:18,color:I.colors["text-subtle"]}),(0,_jsxRuntime.jsx)(_reactNative.TextInput,{value:A,onChangeText:P,placeholder:u,placeholderTextColor:I.colors["text-subtle"],selectionColor:R??I.colors["focus-ring"],accessibilityLabel:"Search options",style:[D.searchInput,{color:I.colors["text-body"],fontSize:I.text.base.size,paddingVertical:I.space.sm}]}),A.length>0?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>P(""),hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),accessibilityRole:"button",accessibilityLabel:"Clear search",children:(I.settings.icons.close??_defaultIcons.defaultIcons.close)({size:18,color:I.colors["text-muted"]})}):null]})}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[D.listWrap,pe?D.listRow:null],children:[(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:ee,children:(0,_jsxRuntime.jsx)(_reactNative.FlatList,{ref:de,data:le,keyExtractor:e=>"header"===e.kind?`h:${e.title}`:`o:${e.section??""}:${String(h(e.option))}`,renderItem:({item:e})=>{if("header"===e.kind)return(0,_jsxRuntime.jsx)(_reactNative.View,{accessible:!0,accessibilityRole:"header",style:[D.sectionHeader,{paddingHorizontal:I.space.lg,paddingTop:I.space.md}],children:l?l(e.title):(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[D.sectionTitle,{color:I.colors["text-subtle"],fontSize:I.text.xs.size,fontWeight:I.weight.semibold}],children:e.title.toUpperCase()})});const t=e.option,i=m(t),r=h(t),s=g(t),a=b(t),o=f(r),n=_(t),d=x?.(t)??!1;return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:()=>y(t),disabled:n,android_ripple:{color:I.colors["surface-pressed"],borderless:!1},accessibilityRole:"button",accessibilityLabel:i,accessibilityState:{selected:o,disabled:n},"aria-selected":o,"aria-disabled":n,style:({pressed:e})=>[D.optionRow,{backgroundColor:o?I.colors["surface-selected"]:e?I.colors["surface-pressed"]:"transparent",opacity:n?.5:1,paddingHorizontal:I.space.lg,paddingVertical:I.space.md},S,o?T:null],children:[c?(0,_jsxRuntime.jsx)(_reactNative.View,{style:D.optionTextWrap,children:c(t,{selected:o,disabled:n})}):(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[a?(0,_jsxRuntime.jsx)(_reactNative.View,{style:D.optionIcon,children:a}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:D.optionTextWrap,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[D.optionLabel,{color:d?I.colors["danger-text"]:o?I.colors.primary:I.colors["text-body"],fontSize:I.text.base.size,fontWeight:o?I.weight.semibold:I.weight.medium},w,o?C:null],children:i}),s?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[D.optionDescription,{color:I.colors["text-subtle"],fontSize:I.text.sm.size}],numberOfLines:2,children:s}):null]})]}),v?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[D.checkbox,{borderColor:o?I.colors.primary:I.colors.border,backgroundColor:o?I.colors.primary:"transparent"}],children:o?(0,_jsxRuntime.jsx)(_reactNative.View,{style:D.checkboxTick}):null}):o?"icon"===I.settings.components["option-sheet"]?.selectedMarker?(0,_jsxRuntime.jsx)(_reactNative.View,{style:D.singleSelectedIcon,children:(I.settings.icons.selectedTick??_defaultIcons.defaultIcons.selectedTick)({size:20,color:I.colors.primary})}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[D.singleSelectedDot,{backgroundColor:I.colors.primary}]}):null]})},onScrollToIndexFailed:be,overScrollMode:"never",bounces:!1,keyboardShouldPersistTaps:"handled",showsVerticalScrollIndicator:!pe,style:pe?D.listBesideRail:null,ListEmptyComponent:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[D.empty,{color:I.colors["text-subtle"],fontSize:I.text.sm.size,paddingVertical:I.space.xl}],children:p})})}),pe?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[D.rail,{paddingRight:I.space.xs}],accessibilityRole:"list",accessibilityLabel:"Jump to letter",testID:"option-sheet-alphabet",children:me.map(e=>{const t=ue.has(e);return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>he(e),disabled:!t,hitSlop:{left:8,right:8},...(0,_hitSlop.hitSlopMarker)({left:8,right:8}),accessibilityRole:"button",accessibilityLabel:`Jump to ${e}`,accessibilityState:{disabled:!t},"aria-disabled":!t,style:D.railLetter,children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[D.railLetterText,{color:t?I.colors.primary:I.colors["text-subtle"],fontSize:I.text.xs.size,fontWeight:I.weight.semibold,opacity:t?1:.45}],children:e})},e)})}):null]}),v?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[D.sheetFooter,{borderTopColor:I.colors["border-subtle"],paddingHorizontal:I.space.lg,paddingVertical:I.space.md}],children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:ce,accessibilityRole:"button",accessibilityLabel:"Done",style:({pressed:e})=>[D.doneButton,{backgroundColor:e?I.colors["primary-pressed"]:I.colors.primary,borderRadius:I.radius.md,..._corners.smoothCorners,paddingVertical:I.space.sm,paddingHorizontal:I.space.lg}],children:(0,_jsxRuntime.jsx)(_reactNative.Text,{style:{color:I.colors["on-primary"],fontSize:I.text.base.size,fontWeight:I.weight.semibold},children:"Done"})})}):null]}),(0,_jsxRuntime.jsx)(_ToastProvider.ToastHost,{})]})})})};exports.OptionSheet=OptionSheet,OptionSheet.displayName="OptionSheet";const buildStyles=e=>_reactNative.StyleSheet.create({sheet:{position:"absolute",left:0,right:0,bottom:0,paddingBottom:e.space.lg,overflow:"hidden"},sheetHandleRow:{alignItems:"center",paddingTop:e.space.sm,paddingBottom:e.space.sm},sheetHandle:{width:36,height:4,borderRadius:e.radius.pill,..._corners.smoothCorners},sheetTitle:{includeFontPadding:!1},searchWrap:{width:"auto"},searchBox:{flexDirection:"row",alignItems:"center",borderWidth:1},searchInput:{flex:1,includeFontPadding:!1},optionRow:{flexDirection:"row",alignItems:"center"},sectionHeader:{paddingBottom:e.space.xs},listWrap:{flexShrink:1},listRow:{flexDirection:"row"},listBesideRail:{flex:1},rail:{justifyContent:"space-between",alignItems:"center",alignSelf:"stretch",paddingVertical:e.space.xs},railLetter:{paddingHorizontal:e.space.xs,minHeight:14,justifyContent:"center"},railLetterText:{includeFontPadding:!1,lineHeight:14},sectionTitle:{includeFontPadding:!1,letterSpacing:.6},optionIcon:{marginRight:e.space.md},optionTextWrap:{flex:1},optionLabel:{includeFontPadding:!1},optionDescription:{includeFontPadding:!1,marginTop:e.space.xxs},checkbox:{width:22,height:22,borderRadius:e.radius.sm,..._corners.smoothCorners,borderWidth:2,alignItems:"center",justifyContent:"center",marginLeft:e.space.md},checkboxTick:{width:10,height:6,borderLeftWidth:2,borderBottomWidth:2,borderColor:e.colors["on-primary"],transform:[{rotate:"-45deg"},{translateY:-1}]},singleSelectedDot:{width:8,height:8,borderRadius:e.radius.pill,..._corners.smoothCorners,marginLeft:e.space.md},singleSelectedIcon:{marginLeft:e.space.md},empty:{textAlign:"center"},sheetFooter:{borderTopWidth:_reactNative.StyleSheet.hairlineWidth,alignItems:"flex-end"},doneButton:{alignSelf:"flex-end"}});var _default=exports.default=OptionSheet;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DEFAULT_OPTION_SHEET_LABELS=void 0,exports.OptionSheet=OptionSheet,exports.default=void 0;var _react=require("react"),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_reactNativeKeyboardController=require("react-native-keyboard-controller"),_reactNativeSafeAreaContext=require("react-native-safe-area-context"),_useDragToDismiss=require("../../hooks/useDragToDismiss.js"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_hitSlop=require("../../utils/hitSlop.js"),_defaultIcons=require("../AppIcon/defaultIcons.js"),_index2=require("../Modal/index.js"),_index3=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const SEARCH_ICON_SIZE=18,DEFAULT_OPTION_SHEET_LABELS=exports.DEFAULT_OPTION_SHEET_LABELS=Object.freeze({searchPlaceholder:"Search…",empty:"No options",done:"Done",closePicker:"Close picker",fallbackName:"Options",searchOptions:"Search options",clearSearch:"Clear search",jumpToLetter:"Jump to letter",jumpTo:e=>`Jump to ${e}`}),selectOptionLabel=e=>e.label,selectOptionValue=e=>e.value,selectOptionDescription=e=>e.description,selectOptionDisabled=e=>!0===e.disabled,selectOptionIcon=e=>e.icon,hostStyle=_reactNative.StyleSheet.create({host:{padding:0,paddingTop:0,paddingHorizontal:0,paddingBottom:0,backgroundColor:"transparent",borderTopLeftRadius:0,borderTopRightRadius:0,shadowOpacity:0,elevation:0}}).host;function OptionSheetPanel(e){const{onClose:t,title:i,options:r,sections:s,renderSectionHeader:o,renderOption:a,alphabetIndex:n=!1,labels:l,getOptionLabel:c,getOptionValue:d,getOptionDescription:u,isOptionDisabled:p,getOptionIcon:h,destructiveOf:m,value:x,onChange:_,multi:b=!1,searchable:g=!1,searchSelectionColor:y,accessibilityLabel:j,optionStyle:f,selectedOptionStyle:S,optionTextStyle:R,selectedOptionTextStyle:v,testID:T}=e,w=c??selectOptionLabel,C=d??selectOptionValue,N=u??selectOptionDescription,L=p??selectOptionDisabled,O=h??selectOptionIcon,I=(0,_index.useTheme)(),k=(0,_reactNativeSafeAreaContext.useSafeAreaInsets)(),D=(0,_react.useMemo)(()=>buildStyles(I),[I]),[H,V]=(0,_react.useState)(""),P=_reactNative.Dimensions.get("window").height,E=Math.round(.7*P),M=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,{handleGesture:A,opacity:B}=(0,_useDragToDismiss.useDragToDismiss)({drag:M,travel:E,onDismiss:t}),z=(0,_react.useMemo)(()=>_reactNativeGestureHandler.Gesture.Native(),[]),F=(0,_reactNativeKeyboardController.useKeyboardState)(e=>e.height),W=Math.max(0,Math.round(F)),q=Math.max(k.top,_reactNative.StatusBar.currentHeight??0)+I.space.sm,G=W>0,U=G?Math.max(0,Math.min(E,P-W-q)):E,$=(0,_react.useMemo)(()=>{const e=g?H.trim().toLowerCase():"",matches=t=>0===e.length||w(t).toLowerCase().includes(e)||(N(t)??"").toLowerCase().includes(e);if(!s)return r.filter(matches).map(e=>({kind:"option",option:e}));const t=[];return s.forEach((e,i)=>{const r=e.options.filter(matches);if(0!==r.length){t.push({kind:"header",title:e.title});for(const e of r)t.push({kind:"option",option:e,section:i})}}),t},[g,H,r,s,w,N]),K=(0,_react.useCallback)(()=>{t()},[t]),J=(0,_react.useRef)(null),Y=(0,_react.useMemo)(()=>{const e=new Map;if(!n)return e;let t=0;if(s)for(let e=$.length-1;e>=0;e-=1)if("header"===$[e].kind){t=e+1;break}for(let i=t;i<$.length;i+=1){const t=$[i];if("option"!==t.kind)continue;const r=w(t.option).trim().charAt(0).toUpperCase(),s=/^[A-Z]$/.test(r)?r:"#";e.has(s)||e.set(s,i)}return e},[n,$,s,w]),Z=n&&Y.size>0&&0===H.trim().length,Q=(0,_react.useMemo)(()=>[..."ABCDEFGHIJKLMNOPQRSTUVWXYZ",...Y.has("#")?["#"]:[]],[Y]),X=(0,_react.useCallback)(e=>{const t=Y.get(e);void 0!==t&&J.current?.scrollToIndex({index:t,animated:!0,viewPosition:0})},[Y]),ee=(0,_react.useRef)(null),te=(0,_react.useCallback)(()=>{null!==ee.current&&(clearTimeout(ee.current),ee.current=null)},[]),ie=(0,_react.useCallback)(e=>{J.current?.scrollToOffset({offset:e.averageItemLength*e.index,animated:!1}),te(),ee.current=setTimeout(()=>{ee.current=null,J.current?.scrollToIndex({index:e.index,animated:!0,viewPosition:0})},50)},[te]);(0,_react.useEffect)(()=>te,[te]);return(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureHandlerRootView,{style:D.gestureRoot,children:(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{testID:T,accessibilityViewIsModal:!0,accessibilityLabel:j??i??l.fallbackName,style:[D.sheet,{maxHeight:U,marginBottom:W,paddingBottom:G?I.space.lg:k.bottom+I.space.lg,backgroundColor:I.colors.surface,borderTopLeftRadius:I.radius.xl,borderTopRightRadius:I.radius.xl,..._corners.smoothCorners,opacity:B,transform:[{translateY:M}],...I.shadow.modal}],children:[(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:A,children:(0,_jsxRuntime.jsxs)(_reactNative.View,{children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:D.sheetHandleRow,children:(0,_jsxRuntime.jsx)(_reactNative.View,{style:[D.sheetHandle,{backgroundColor:I.colors.border}]})}),i?(0,_jsxRuntime.jsx)(_index3.Text,{variant:"title",style:[D.sheetTitle,{paddingHorizontal:I.space.lg,marginBottom:I.space.sm}],children:i}):null]})}),g?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[D.searchWrap,{marginHorizontal:I.space.lg,marginBottom:I.space.sm}],children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[D.searchBox,{backgroundColor:I.colors["bg-subtle"],borderColor:I.colors.border,borderRadius:I.radius.md,..._corners.smoothCorners,paddingHorizontal:I.space.md,gap:I.space.sm}],children:[(I.settings.icons.search??_defaultIcons.defaultIcons.search)({size:18,color:I.colors["text-subtle"]}),(0,_jsxRuntime.jsx)(_reactNative.TextInput,{value:H,onChangeText:V,placeholder:l.searchPlaceholder,placeholderTextColor:I.colors["text-subtle"],selectionColor:y??I.colors["focus-ring"],accessibilityLabel:l.searchOptions,style:[D.searchInput,{color:I.colors["text-body"],fontSize:I.text.base.size,paddingVertical:I.space.sm}]}),H.length>0?(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>V(""),hitSlop:8,...(0,_hitSlop.hitSlopMarker)(8),accessibilityRole:"button",accessibilityLabel:l.clearSearch,children:(I.settings.icons.close??_defaultIcons.defaultIcons.close)({size:18,color:I.colors["text-muted"]})}):null]})}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[D.listWrap,Z?D.listRow:null],children:[(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:z,children:(0,_jsxRuntime.jsx)(_reactNative.FlatList,{ref:J,data:$,keyExtractor:e=>"header"===e.kind?`h:${e.title}`:`o:${e.section??""}:${String(C(e.option))}`,renderItem:({item:e,index:t})=>{if("header"===e.kind)return(0,_jsxRuntime.jsx)(_reactNative.View,{accessible:!0,accessibilityRole:"header",style:[D.sectionHeader,{paddingHorizontal:I.space.lg,paddingTop:I.space.md}],children:o?o(e.title):(0,_jsxRuntime.jsx)(_index3.Text,{variant:"caption",weight:"semibold",color:"tertiary",style:D.sectionTitle,children:e.title.toUpperCase()})});const i=e.option,r=w(i),s=C(i),n=N(i),l=O(i),c=(d=s,Array.isArray(x)?x.some(e=>String(e)===String(d)):null!=x&&String(x)===String(d));var d;const u=L(i),p=m?.(i)??!1;return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:()=>_(s,i),disabled:u,android_ripple:{color:I.colors["surface-pressed"],borderless:!1},accessibilityRole:"button",accessibilityLabel:r,accessibilityState:{selected:c,disabled:u},"aria-selected":c,"aria-disabled":u,style:({pressed:e})=>[D.optionRow,{backgroundColor:c?I.colors["surface-selected"]:e?I.colors["surface-pressed"]:"transparent",opacity:u?.5:1,paddingHorizontal:I.space.lg,paddingVertical:I.space.md},f,c?S:null],children:[a?(0,_jsxRuntime.jsx)(_reactNative.View,{style:D.optionTextWrap,children:a({option:i,selected:c,disabled:u,index:t})}):(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[l?(0,_jsxRuntime.jsx)(_reactNative.View,{style:D.optionIcon,children:l}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:D.optionTextWrap,children:[(0,_jsxRuntime.jsx)(_index3.Text,{variant:"body",weight:c?"semibold":"medium",color:p?"danger":c?"brand":void 0,style:[D.optionLabel,R,c?v:null],children:r}),n?(0,_jsxRuntime.jsx)(_index3.Text,{variant:"bodySmall",color:"tertiary",numberOfLines:2,style:D.optionDescription,children:n}):null]})]}),b?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[D.checkbox,{borderColor:c?I.colors.primary:I.colors.border,backgroundColor:c?I.colors.primary:"transparent"}],children:c?(0,_jsxRuntime.jsx)(_reactNative.View,{style:D.checkboxTick}):null}):c?"icon"===I.settings.components["option-sheet"]?.selectedMarker?(0,_jsxRuntime.jsx)(_reactNative.View,{style:D.singleSelectedIcon,children:(I.settings.icons.selectedTick??_defaultIcons.defaultIcons.selectedTick)({size:20,color:I.colors.primary})}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[D.singleSelectedDot,{backgroundColor:I.colors.primary}]}):null]})},onScrollToIndexFailed:ie,overScrollMode:"never",bounces:!1,keyboardShouldPersistTaps:"handled",showsVerticalScrollIndicator:!Z,style:Z?D.listBesideRail:null,ListEmptyComponent:(0,_jsxRuntime.jsx)(_index3.Text,{variant:"bodySmall",color:"tertiary",align:"center",style:{paddingVertical:I.space.xl},children:l.empty})})}),Z?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[D.rail,{paddingRight:I.space.xs}],accessibilityRole:"list",accessibilityLabel:l.jumpToLetter,testID:"option-sheet-alphabet",children:Q.map(e=>{const t=Y.has(e);return(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:()=>X(e),disabled:!t,hitSlop:{left:8,right:8},...(0,_hitSlop.hitSlopMarker)({left:8,right:8}),accessibilityRole:"button",accessibilityLabel:l.jumpTo(e),accessibilityState:{disabled:!t},"aria-disabled":!t,style:D.railLetter,children:(0,_jsxRuntime.jsx)(_index3.Text,{variant:"caption",weight:"semibold",color:t?"brand":"tertiary",style:[D.railLetterText,{opacity:t?1:.45}],children:e})},e)})}):null]}),b?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[D.sheetFooter,{borderTopColor:I.colors["border-subtle"],paddingHorizontal:I.space.lg,paddingVertical:I.space.md}],children:(0,_jsxRuntime.jsx)(_reactNative.Pressable,{onPress:K,accessibilityRole:"button",accessibilityLabel:l.done,style:({pressed:e})=>[D.doneButton,{backgroundColor:e?I.colors["primary-pressed"]:I.colors.primary,borderRadius:I.radius.md,..._corners.smoothCorners,paddingVertical:I.space.sm,paddingHorizontal:I.space.lg}],children:(0,_jsxRuntime.jsx)(_index3.Text,{variant:"body",weight:"semibold",style:{color:I.colors["on-primary"]},children:l.done})})}):null]})})}function OptionSheet(e){const{visible:t,onVisibleChange:i,onAfterClose:r,labels:s,onClose:o,haptic:a,...n}=e,l=(0,_react.useMemo)(()=>({...DEFAULT_OPTION_SHEET_LABELS,...s}),[s]),c=(0,_react.useRef)(i);c.current=i;const d=(0,_react.useRef)(!1);return(0,_react.useEffect)(()=>{d.current!==t&&(d.current=t,c.current?.(t))},[t]),(0,_jsxRuntime.jsx)(_index2.Modal,{visible:t,onClose:o,presentation:"bottom",onDismissed:r,haptic:a,contentStyle:hostStyle,labels:{close:l.closePicker},accessibilityLabel:n.accessibilityLabel??n.title??l.fallbackName,children:(0,_jsxRuntime.jsx)(OptionSheetPanel,{...n,onClose:o,labels:l})})}OptionSheet.displayName="OptionSheet";const buildStyles=e=>_reactNative.StyleSheet.create({gestureRoot:{width:"100%"},sheet:{paddingBottom:e.space.lg,overflow:"hidden"},sheetHandleRow:{alignItems:"center",paddingTop:e.space.sm,paddingBottom:e.space.sm},sheetHandle:{width:36,height:4,borderRadius:e.radius.pill,..._corners.smoothCorners},sheetTitle:{includeFontPadding:!1},searchWrap:{width:"auto"},searchBox:{flexDirection:"row",alignItems:"center",borderWidth:1},searchInput:{flex:1,includeFontPadding:!1},optionRow:{flexDirection:"row",alignItems:"center"},sectionHeader:{paddingBottom:e.space.xs},listWrap:{flexShrink:1},listRow:{flexDirection:"row"},listBesideRail:{flex:1},rail:{justifyContent:"space-between",alignItems:"center",alignSelf:"stretch",paddingVertical:e.space.xs},railLetter:{paddingHorizontal:e.space.xs,minHeight:14,justifyContent:"center"},railLetterText:{includeFontPadding:!1,lineHeight:14},sectionTitle:{includeFontPadding:!1,letterSpacing:.6},optionIcon:{marginRight:e.space.md},optionTextWrap:{flex:1},optionLabel:{includeFontPadding:!1},optionDescription:{includeFontPadding:!1,marginTop:e.space.xxs},checkbox:{width:22,height:22,borderRadius:e.radius.sm,..._corners.smoothCorners,borderWidth:2,alignItems:"center",justifyContent:"center",marginLeft:e.space.md},checkboxTick:{width:10,height:6,borderLeftWidth:2,borderBottomWidth:2,borderColor:e.colors["on-primary"],transform:[{rotate:"-45deg"},{translateY:-1}]},singleSelectedDot:{width:8,height:8,borderRadius:e.radius.pill,..._corners.smoothCorners,marginLeft:e.space.md},singleSelectedIcon:{marginLeft:e.space.md},sheetFooter:{borderTopWidth:_reactNative.StyleSheet.hairlineWidth,alignItems:"flex-end"},doneButton:{alignSelf:"flex-end"}});var _default=exports.default=OptionSheet;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"OptionSheet",{enumerable:!0,get:function(){return _OptionSheet.OptionSheet}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _OptionSheet.default}});var cache,_OptionSheet=_interopRequireWildcard(require("./OptionSheet.js"));function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,n,c=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)&&((r=c&&Object.getOwnPropertyDescriptor(e,n))&&(r.get||r.set)?c(i,n,r):i[n]=e[n]);return i}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_OPTION_SHEET_LABELS",{enumerable:!0,get:function(){return _OptionSheet.DEFAULT_OPTION_SHEET_LABELS}}),Object.defineProperty(exports,"OptionSheet",{enumerable:!0,get:function(){return _OptionSheet.OptionSheet}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _OptionSheet.default}});var cache,_OptionSheet=_interopRequireWildcard(require("./OptionSheet.js"));function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,n,o=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)&&((r=o&&Object.getOwnPropertyDescriptor(e,n))&&(r.get||r.set)?o(c,n,r):c[n]=e[n]);return c}

package/lib/commonjs/components/PagedListFooter/PagedListFooter.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DEFAULT_PAGED_LIST_FOOTER_LABELS=void 0,exports.PagedListFooter=PagedListFooter;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_index2=require("../Button/index.js"),_index3=require("../Spinner/index.js"),_index4=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const useStyles=(0,_index.makeStyles)(e=>({root:{alignItems:"center",flexDirection:"row",gap:e.space.sm,justifyContent:"center",paddingVertical:e.space.md}})),DEFAULT_PAGED_LIST_FOOTER_LABELS=exports.DEFAULT_PAGED_LIST_FOOTER_LABELS=Object.freeze({loadingMore:"Loading more",retry:"Try again",failed:"Could not load more"});function PagedListFooter({paging:e,labels:t,testID:r}){const i=useStyles(),s=(0,_react.useMemo)(()=>({...DEFAULT_PAGED_LIST_FOOTER_LABELS,...t}),[t]);return e.errorMore?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:i.root,accessibilityLiveRegion:"polite",testID:r,children:[(0,_jsxRuntime.jsx)(_index4.Text,{variant:"caption",color:"danger",children:s.failed}),(0,_jsxRuntime.jsx)(_index2.Button,{label:s.retry,variant:"ghost",size:"sm",onPress:e.retryMore,testID:r?`${r}-retry`:void 0})]}):e.loadingMore?(0,_jsxRuntime.jsx)(_reactNative.View,{style:i.root,testID:r,children:(0,_jsxRuntime.jsx)(_index3.Spinner,{size:"sm",accessibilityLabel:s.loadingMore})}):null}

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

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

package/lib/commonjs/components/PermissionPrompt/PermissionPrompt.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PermissionPrompt=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_announce=require("../../utils/announce.js"),_index2=require("../Button/index.js"),_index3=require("../IconBadge/index.js"),_index4=require("../Text/index.js"),_usePermissionPrompt=require("./usePermissionPrompt.js"),_jsxRuntime=require("react/jsx-runtime");const ACCESS={camera:"Camera access",microphone:"Microphone access",photos:"Photo access",photosAdd:"Photo access",mediaLibrary:"Media library access",location:"Location access",locationAlways:"Location access",contacts:"Contacts access",calendar:"Calendar access",reminders:"Reminders access",notifications:"Notification access",bluetooth:"Bluetooth access",storage:"Storage access"},unavailableMessage=(e,t,s)=>{const i=ACCESS[e];return"unavailable"===t?`${i} is not available on this device.`:s?`${i} is off for this app. You can turn it on in Settings.`:`${i} is off, so this cannot be used right now.`},PermissionPrompt=({kind:e,title:t,reason:s,icon:i,onResult:n,fallback:a,haptic:r="selection",style:o,testID:c})=>{const l=(0,_index.useTheme)(),u=(0,_react.useMemo)(()=>buildStyles(l),[l]),d=(0,_usePermissionPrompt.usePermissionPrompt)(e,{onResult:n}),x=unavailableMessage(e,d.status,d.showSettings),m=(0,_react.useRef)(!1);if((0,_react.useEffect)(()=>{"explain"!==d.view?("unavailable"===d.view&&m.current&&(0,_announce.announce)(x),m.current=!1):m.current=!0},[d.view,x]),"explain"!==d.view&&"unavailable"!==d.view)return(0,_jsxRuntime.jsx)(_reactNative.View,{style:o,testID:c});const _="explain"===d.view;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[u.root,o],testID:c,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:u.header,children:[i?(0,_jsxRuntime.jsx)(_index3.IconBadge,{icon:i,size:"lg",tone:_?"primary":"neutral"}):null,(0,_jsxRuntime.jsx)(_index4.Text,{variant:"h3",align:"center",children:t}),(0,_jsxRuntime.jsx)(_index4.Text,{variant:"body",color:"secondary",align:"center",children:_?s:x})]}),_?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:u.actions,children:[(0,_jsxRuntime.jsx)(_index2.Button,{haptic:r,title:"Continue",size:"lg",fullWidth:!0,loading:d.requesting,onPress:()=>{d.request()}}),d.cancellable?(0,_jsxRuntime.jsx)(_index2.Button,{haptic:r,title:"Cancel",size:"lg",fullWidth:!0,variant:"ghost",tone:"neutral",disabled:d.requesting,onPress:d.cancel}):null]}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:u.actions,children:[a?(0,_jsxRuntime.jsx)(_index2.Button,{haptic:r,title:a.label,size:"lg",fullWidth:!0,onPress:a.onPress}):null,d.showSettings?(0,_jsxRuntime.jsx)(_reactNative.View,{style:u.link,children:(0,_jsxRuntime.jsx)(_index2.Button,{haptic:r,title:"Open Settings",variant:"link",onPress:()=>{d.openSettings()}})}):null]})]})};exports.PermissionPrompt=PermissionPrompt;const buildStyles=e=>_reactNative.StyleSheet.create({root:{gap:e.space.lg,paddingVertical:e.space.lg},header:{alignItems:"center",gap:e.space.sm},actions:{gap:e.space.sm},link:{alignItems:"center",paddingVertical:e.space.sm}});var _default=exports.default=PermissionPrompt;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PermissionPrompt=exports.DEFAULT_PERMISSION_PROMPT_LABELS=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_announce=require("../../utils/announce.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index2=require("../Button/index.js"),_index3=require("../IconBadge/index.js"),_index4=require("../Text/index.js"),_usePermissionPrompt=require("./usePermissionPrompt.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_PERMISSION_PROMPT_LABELS=exports.DEFAULT_PERMISSION_PROMPT_LABELS=Object.freeze({proceed:"Continue",cancel:"Cancel",openSettings:"Open Settings",access:Object.freeze({camera:"Camera access",microphone:"Microphone access",photos:"Photo access",photosAdd:"Photo access",mediaLibrary:"Media library access",location:"Location access",locationAlways:"Location access",contacts:"Contacts access",calendar:"Calendar access",reminders:"Reminders access",notifications:"Notification access",bluetooth:"Bluetooth access",storage:"Storage access"}),notAvailable:e=>`${e} is not available on this device.`,offWithSettings:e=>`${e} is off for this app. You can turn it on in Settings.`,off:e=>`${e} is off, so this cannot be used right now.`}),unavailableMessage=(e,t,s,i)=>{const n=i.access[e];return"unavailable"===t?i.notAvailable(n):s?i.offWithSettings(n):i.off(n)},PermissionPrompt=e=>{const{kind:t,title:s,reason:i,icon:n,onResult:a,fallback:r,haptic:o="selection",labels:c,style:l,testID:u}=e;(0,_warnInvalidValue.warnInvalidValue)("PermissionPrompt","kind",t,Object.keys(DEFAULT_PERMISSION_PROMPT_LABELS.access));const d=c?{...DEFAULT_PERMISSION_PROMPT_LABELS,...c}:DEFAULT_PERMISSION_PROMPT_LABELS,_=(0,_index.useTheme)(),x=(0,_react.useMemo)(()=>buildStyles(_),[_]),m=(0,_usePermissionPrompt.usePermissionPrompt)(t,{onResult:a}),p=unavailableMessage(t,m.status,m.showSettings,d),P=(0,_react.useRef)(!1);if((0,_react.useEffect)(()=>{"explain"!==m.view?("unavailable"===m.view&&P.current&&(0,_announce.announce)(p),P.current=!1):P.current=!0},[m.view,p]),"explain"!==m.view&&"unavailable"!==m.view)return(0,_jsxRuntime.jsx)(_reactNative.View,{style:l,testID:u});const j="explain"===m.view;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[x.root,l],testID:u,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:x.header,children:[n?(0,_jsxRuntime.jsx)(_index3.IconBadge,{icon:n,size:"lg",tone:j?"primary":"neutral"}):null,(0,_jsxRuntime.jsx)(_index4.Text,{variant:"h3",align:"center",children:s}),(0,_jsxRuntime.jsx)(_index4.Text,{variant:"body",color:"secondary",align:"center",children:j?i:p})]}),j?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:x.actions,children:[(0,_jsxRuntime.jsx)(_index2.Button,{haptic:o,label:d.proceed,size:"lg",fullWidth:!0,loading:m.requesting,onPress:()=>{m.request()}}),m.cancellable?(0,_jsxRuntime.jsx)(_index2.Button,{haptic:o,label:d.cancel,size:"lg",fullWidth:!0,variant:"ghost",tone:"neutral",disabled:m.requesting,onPress:m.cancel}):null]}):(0,_jsxRuntime.jsxs)(_reactNative.View,{style:x.actions,children:[r?(0,_jsxRuntime.jsx)(_index2.Button,{haptic:o,label:r.label,size:"lg",fullWidth:!0,onPress:r.onPress}):null,m.showSettings?(0,_jsxRuntime.jsx)(_reactNative.View,{style:x.link,children:(0,_jsxRuntime.jsx)(_index2.Button,{haptic:o,label:d.openSettings,variant:"link",onPress:()=>{m.openSettings()}})}):null]})]})};exports.PermissionPrompt=PermissionPrompt;const buildStyles=e=>_reactNative.StyleSheet.create({root:{gap:e.space.lg,paddingVertical:e.space.lg},header:{alignItems:"center",gap:e.space.sm},actions:{gap:e.space.sm},link:{alignItems:"center",paddingVertical:e.space.sm}});var _default=exports.default=PermissionPrompt;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PermissionPrompt",{enumerable:!0,get:function(){return _PermissionPrompt.PermissionPrompt}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _PermissionPrompt.default}}),Object.defineProperty(exports,"usePermissionPrompt",{enumerable:!0,get:function(){return _usePermissionPrompt.usePermissionPrompt}});var cache,_PermissionPrompt=_interopRequireWildcard(require("./PermissionPrompt.js")),_usePermissionPrompt=require("./usePermissionPrompt.js");function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,i,o=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)&&((t=o&&Object.getOwnPropertyDescriptor(e,i))&&(t.get||t.set)?o(n,i,t):n[i]=e[i]);return n}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_PERMISSION_PROMPT_LABELS",{enumerable:!0,get:function(){return _PermissionPrompt.DEFAULT_PERMISSION_PROMPT_LABELS}}),Object.defineProperty(exports,"PermissionPrompt",{enumerable:!0,get:function(){return _PermissionPrompt.PermissionPrompt}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _PermissionPrompt.default}}),Object.defineProperty(exports,"usePermissionPrompt",{enumerable:!0,get:function(){return _usePermissionPrompt.usePermissionPrompt}});var cache,_PermissionPrompt=_interopRequireWildcard(require("./PermissionPrompt.js")),_usePermissionPrompt=require("./usePermissionPrompt.js");function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,o,i=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(o in e)"default"!==o&&{}.hasOwnProperty.call(e,o)&&((t=i&&Object.getOwnPropertyDescriptor(e,o))&&(t.get||t.set)?i(n,o,t):n[o]=e[o]);return n}

package/lib/commonjs/components/PhoneNumberInput/PhoneNumberInput.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.parseE164=exports.formatE164=exports.default=exports.PhoneNumberInput=exports.DEFAULT_CALLING_CODES=exports.ALL_CALLING_CODES=void 0;var _mobileCore=require("@webority/mobile-core"),_countries=require("@webority/mobile-core/phone/countries"),_react=require("react"),_reactNative=require("react-native"),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_index3=require("../../utils/index.js"),_hitSlop=require("../../utils/hitSlop.js"),_index4=require("../FieldBase/index.js"),_Chevron=require("../FieldBase/Chevron.js"),_useFloatingLabel=require("../FieldBase/useFloatingLabel.js"),_OptionSheet=require("../OptionSheet/OptionSheet.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_CALLING_CODES=exports.DEFAULT_CALLING_CODES=[{iso:"IN",code:"91",label:"India"},{iso:"AE",code:"971",label:"United Arab Emirates"},{iso:"GB",code:"44",label:"United Kingdom"},{iso:"US",code:"1",label:"United States"},{iso:"CA",code:"1",label:"Canada"},{iso:"AU",code:"61",label:"Australia"},{iso:"SG",code:"65",label:"Singapore"},{iso:"SA",code:"966",label:"Saudi Arabia"}],ALL_CALLING_CODES=exports.ALL_CALLING_CODES=(0,_mobileCore.getPhoneCountries)().map(e=>({iso:e.iso,code:e.callingCode,label:_countries.PHONE_COUNTRY_NAMES[e.iso]??e.iso})).sort((e,t)=>e.label.localeCompare(t.label)),digitsOnly=e=>e.replace(/[^0-9]/g,""),formatE164=e=>`+${e.callingCode}${e.nationalNumber}`;exports.formatE164=formatE164;const parseE164=(e,t,i)=>{const o=e.replace(/[^0-9]/g,"");if(!o)return null;const n=(0,_mobileCore.splitPhoneNumber)(`+${o}`);let r=n?.callingCode,l=n?.nationalNumber??"";if(!r){const e=Array.from(new Set(t.map(e=>e.code))).sort((e,t)=>t.length-e.length);if(r=e.find(e=>o.startsWith(e)),!r)return null;l=o.slice(r.length)}const a=t.filter(e=>e.code===r),s=a.find(e=>e.iso===i)?.iso??a.find(e=>e.iso===n?.country)?.iso??n?.country??a[0]?.iso??"";return{callingCode:r,nationalNumber:l,iso:s}};exports.parseE164=parseE164;const planOf=e=>(0,_mobileCore.isSupportedCountry)(e)?e:null,PhoneNumberInput=exports.PhoneNumberInput=(0,_react.forwardRef)((e,t)=>{const{value:i,defaultValue:o,onChange:n,e164:r,onChangeE164:l,returnKeyType:a,submitBehavior:s,onSubmitEditing:u,blurOnSubmit:c,onComplete:d,onValidityChange:b,countries:m=ALL_CALLING_CODES,popularCountries:p,popularCountriesTitle:_="Popular",allCountriesTitle:f="All countries",hiddenCountries:h,showFlag:g=!0,renderFlag:x,renderCountry:C,countrySearchPlaceholder:N,showAlphabetIndex:y,defaultIso:S="IN",validation:v="any",maxLength:L,formatAsYouType:E=!0,countryLocked:j=!1,label:I,labelMode:F="top",labelStyle:O,placeholder:T="Phone number",helperText:A,error:P,invalidMessage:R,required:D,disabled:q=!1,size:w="md",variant:k,borderRadius:M,countrySheetTitle:V="Country code",haptic:z,accessibilityLabel:B,countryAccessibilityLabel:$,onFocus:G,onBlur:U,style:W,testID:H}=e,Y=(0,_index2.useTheme)(),K=(0,_react.useMemo)(()=>buildStyles(Y),[Y]),J=(0,_react.useRef)(null),Q=(0,_react.useMemo)(()=>h?.length?m.filter(e=>!h.includes(e.iso)):m,[m,h]),X=(0,_react.useMemo)(()=>{if(!p?.length)return;const e=p.map(e=>Q.find(t=>t.iso===e)).filter(e=>void 0!==e);return e.length?[{title:_,options:e},{title:f,options:Q}]:void 0},[p,_,f,Q]),Z=(0,_react.useCallback)((e,t,i)=>{if(!e)return null;if(x)return x(e);if(!g)return null;const o=(0,_mobileCore.countryFlagEmoji)(e.iso);return o?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[K.flag,{fontSize:t}],testID:i,children:o}):null},[x,g,K.flag]),ee=(0,_react.useCallback)(e=>{const t=planOf(e),i=t?(0,_mobileCore.maxNationalNumberLength)(t,!1===v?"any":v):Number.POSITIVE_INFINITY;return L?Math.min(i,L):i},[L,v]),te=(0,_react.useCallback)((e,t)=>e.slice(0,ee(t)),[ee]),ie=(0,_react.useCallback)((e,t)=>{const i=planOf(t)??void 0,o=(0,_mobileCore.splitPhoneNumber)(e,i);if(!o)return null;const n=o.country??t,r=m.find(e=>e.iso===n);return{callingCode:r?.code??o.callingCode,nationalNumber:te(o.nationalNumber,n),iso:r?.iso??n}},[m,te]),oe=(0,_react.useMemo)(()=>{const e=Q.find(e=>e.iso===S)??Q[0]??m[0],t={callingCode:e?.code??"91",nationalNumber:"",iso:e?.iso??"IN"};return"string"==typeof o?ie(o,t.iso)??t:o??t},[m,Q,S,o,ie]),ne=(0,_react.useCallback)(e=>{if(!1===v)return e.nationalNumber.length>0;const t=planOf(e.iso);return t?(0,_mobileCore.isValidNationalNumber)(e.nationalNumber,t,v):e.nationalNumber.length>0},[v]),[re,le]=(0,_react.useState)(oe.iso),ae=(0,_react.useMemo)(()=>{if(void 0===r)return;const e=r?parseE164(r,m,re):null;if(e)return{...e,nationalNumber:te(e.nationalNumber,e.iso)};const t=m.find(e=>e.iso===re);return{callingCode:t?.code??oe.callingCode,nationalNumber:"",iso:re}},[r,m,re,oe.callingCode,te]),se=(0,_react.useCallback)(e=>{le(e.iso),n?.(e),l?.(e.nationalNumber?formatE164(e):"",{country:m.find(t=>t.iso===e.iso),national:e.nationalNumber,valid:ne(e)})},[n,l,m,ne]),[ue,ce]=(0,_index.useControllableState)({value:i??ae,defaultValue:oe,onChange:se}),[de,be]=(0,_react.useState)(!1),me=(0,_react.useCallback)(()=>{q||J.current?.focus()},[q]),[pe,fe]=(0,_react.useState)(!1),[he,ge]=(0,_react.useState)(!1),[xe,Ce]=(0,_react.useState)(!1),Ne=(0,_react.useRef)(!1);(0,_react.useEffect)(()=>{xe||(Ne.current=!1)},[xe]);const ye=(0,_index2.resolveFieldSize)(Y,w),Se=(0,_index4.resolveFieldTextStyle)(Y,{disabled:q}),ve=k??Y.settings.components.field?.defaultVariant??"outlined",Le="underline"===ve,Ee=M??ye.radius,je=Y.space.md,[Ie,Fe]=(0,_react.useState)(0),Oe=Ie+je+1+je,Te=ue.nationalNumber.length>0,Ae=D&&!I&&!Te&&T.length>0,Pe=de||Te,Re=Boolean(I)&&"float"===F&&Ie>0,De=(0,_useFloatingLabel.useFloatingLabel)({label:I,enabled:Re,floated:Pe,required:D,variant:ve,sizeTokens:ye,leadingOffset:Oe,paddingLeft:Le?Y.space.none:ye["padding-x"],color:Y.colors["field-label"],style:O}),qe=(0,_react.useMemo)(()=>m.find(e=>e.iso===ue.iso),[m,ue.iso]),we=planOf(ue.iso),ke=E&&we?(0,_mobileCore.formatPhoneAsTyped)(ue.nationalNumber,we):ue.nationalNumber,Me=ee(ue.iso),Ve=0===ue.nationalNumber.length||pe||!Number.isFinite(Me)?void 0:ke.length+Math.max(0,Me-ue.nationalNumber.length),ze=ne(ue);(0,_react.useEffect)(()=>{Te||ge(!1)},[Te]);const Be=we?(0,_mobileCore.maxNationalNumberLength)(we,!1===v?"any":v):Number.POSITIVE_INFINITY,$e=ue.nationalNumber.length>=Be,Ge=!1!==v&&!1!==R&&Te&&!ze&&(he||$e),Ue="mobile"===v?"Enter a valid mobile number":"Enter a valid number",We=(0,_index4.hasFieldText)(P)?P:Ge?R||Ue:void 0,He=!0===P||(0,_index4.hasFieldText)(We),Ye=(0,_react.useRef)(ze),Ke=(0,_react.useRef)(ue);Ke.current=ue,(0,_react.useEffect)(()=>{Ye.current!==ze&&(Ye.current=ze,b?.(ze),ze&&d?.(formatE164(Ke.current)))},[ze,d,b]);const Je=(0,_react.useCallback)(e=>{if(e.includes("+")){const t=ie(e,ue.iso);if(t&&!j&&Q.some(e=>e.iso===t.iso))return void ce(t);if(t&&t.iso===ue.iso)return void ce(t)}ce({...ue,nationalNumber:te(digitsOnly(e),ue.iso)})},[Q,j,ue,ie,te,ce]),Qe=(0,_react.useCallback)(e=>{const t=e;ce({callingCode:t.code,iso:t.iso,nationalNumber:te(ue.nationalNumber,t.iso)}),Ce(!1);const i=(0,_index3.resolveHaptic)(z,"selection");i&&(0,_index3.triggerHaptic)(i)},[ue,z,te,ce]);(0,_react.useImperativeHandle)(t,()=>({focus:()=>J.current?.focus(),blur:()=>J.current?.blur(),clear:()=>ce({...Ke.current,nationalNumber:""}),isFocused:()=>J.current?.isFocused()??!1,getValue:()=>Ke.current,getE164:()=>formatE164(Ke.current),getFormatted:()=>{const e=Ke.current,t=planOf(e.iso);return t?(0,_mobileCore.formatPhoneAsTyped)(e.nationalNumber,t):e.nationalNumber},isValid:()=>ne(Ke.current),getCountry:()=>m.find(e=>e.iso===Ke.current.iso)}),[m,ne,ce]);const Xe=q||j,Ze=(0,_jsxRuntime.jsx)(_index4.FieldBase,{size:w,variant:ve,borderRadius:Ee,topNotch:De.topNotch,focused:de,disabled:q,error:He,filled:Te,onPress:me,pressFeedback:!1,leadingDivider:!0,paddingLeft:Le?Y.space.none:void 0,leading:(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:()=>{Xe||(Ne.current=!0,Ce(!0))},disabled:Xe,accessibilityRole:"button",accessibilityLabel:$??`Country code, currently +${ue.callingCode}`,accessibilityState:{disabled:Xe},"aria-disabled":Xe,hitSlop:6,...(0,_hitSlop.hitSlopMarker)(6),onLayout:e=>{const{width:t}=e.nativeEvent.layout;Fe(e=>e===t?e:t)},style:K.codeTrigger,testID:H?`${H}-code`:void 0,children:[Z(qe,ye.text,H?`${H}-flag`:void 0),(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[K.codeText,{color:Se.color,fontSize:ye.text}],children:`+${ue.callingCode}`}),j?null:(0,_jsxRuntime.jsx)(_Chevron.Chevron,{color:q?Y.colors["field-icon-disabled"]:Y.colors["field-icon"],size:ye.icon,open:xe})]}),children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:K.inputWrap,children:[(0,_jsxRuntime.jsx)(_reactNative.TextInput,{ref:J,value:ke,maxLength:Ve,onChangeText:Je,returnKeyType:a,submitBehavior:s,onSubmitEditing:u,blurOnSubmit:c,onSelectionChange:e=>{const{start:t,end:i}=e.nativeEvent.selection;fe(t!==i)},onFocus:()=>{be(!0),G?.()},onBlur:()=>{be(!1),Te&&!Ne.current&&ge(!0),U?.()},editable:!q,placeholder:Re&&!Pe||Ae?void 0:T,placeholderTextColor:Se.placeholderColor,accessibilityLabel:B??I??T,selectionColor:Y.colors["field-caret"],keyboardType:"phone-pad",textContentType:"telephoneNumber",autoComplete:"tel",style:[K.input,{color:Se.color,fontSize:ye.text,...Se.weightStyle,paddingLeft:Le?Y.space.none:void 0}],testID:H?`${H}-input`:void 0}),Ae?(0,_jsxRuntime.jsx)(_index4.RequiredPlaceholder,{text:T,color:Se.placeholderColor,fontSize:ye.text,weightStyle:Se.weightStyle}):null]})});return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:W,testID:H,children:[I&&"top"===F?(0,_jsxRuntime.jsx)(_index4.FieldLabel,{size:w,required:D,children:I}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:K.fieldWrapper,children:[Ze,De.node]}),(0,_jsxRuntime.jsx)(_index4.FieldMessage,{size:w,error:He,text:He?We:A}),(0,_jsxRuntime.jsx)(_OptionSheet.OptionSheet,{open:xe,onClose:()=>Ce(!1),title:V,options:Q,sections:X,labelOf:e=>`${e.label} (+${e.code})`,getValue:e=>e.iso,disabledOf:()=>!1,descriptionOf:()=>{},iconOf:e=>Z(e,Y.text.lg.size),renderOption:C?(e,t)=>C(e,{selected:t.selected}):void 0,isSelected:e=>e===qe?.iso,onSelect:Qe,searchable:Q.length>8,searchPlaceholder:N,alphabetIndex:y??Q.length>20})]})});PhoneNumberInput.displayName="PhoneNumberInput";const buildStyles=e=>_reactNative.StyleSheet.create({fieldWrapper:{position:"relative",overflow:"visible"},codeTrigger:{flexDirection:"row",alignItems:"center",gap:e.space.xxs},flag:{includeFontPadding:!1,marginRight:e.space.xs},codeText:{...(0,_index2.fontFor)(e,"semibold"),fontWeight:"600",includeFontPadding:!1,writingDirection:"ltr"},input:{padding:e.space.none,margin:e.space.none,includeFontPadding:!1,writingDirection:"ltr"},inputWrap:{flex:1,alignSelf:"stretch",justifyContent:"center"}});var _default=exports.default=PhoneNumberInput;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.parseE164=exports.formatE164=exports.default=exports.PhoneNumberInput=exports.DEFAULT_PHONE_NUMBER_INPUT_LABELS=exports.DEFAULT_CALLING_CODES=exports.ALL_CALLING_CODES=void 0;var _mobileCore=require("@webority/mobile-core"),_countries=require("@webority/mobile-core/phone/countries"),_react=require("react"),_reactNative=require("react-native"),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_index3=require("../../utils/index.js"),_hitSlop=require("../../utils/hitSlop.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index4=require("../FieldBase/index.js"),_Chevron=require("../FieldBase/Chevron.js"),_useFloatingLabel=require("../FieldBase/useFloatingLabel.js"),_OptionSheet=require("../OptionSheet/OptionSheet.js"),_index5=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_PHONE_NUMBER_INPUT_LABELS=exports.DEFAULT_PHONE_NUMBER_INPUT_LABELS=Object.freeze({placeholder:"Phone number",popular:"Popular",allCountries:"All countries",countrySheetTitle:"Country code",countrySearchPlaceholder:"Search…",invalid:"Enter a valid number",invalidMobile:"Enter a valid mobile number",countryButton:e=>`Country code, currently +${e}`}),DEFAULT_CALLING_CODES=exports.DEFAULT_CALLING_CODES=[{iso:"AU",code:"61",label:"Australia"},{iso:"CA",code:"1",label:"Canada"},{iso:"IN",code:"91",label:"India"},{iso:"SA",code:"966",label:"Saudi Arabia"},{iso:"SG",code:"65",label:"Singapore"},{iso:"AE",code:"971",label:"United Arab Emirates"},{iso:"GB",code:"44",label:"United Kingdom"},{iso:"US",code:"1",label:"United States"}],ALL_CALLING_CODES=exports.ALL_CALLING_CODES=(0,_mobileCore.getPhoneCountries)().map(e=>({iso:e.iso,code:e.callingCode,label:_countries.PHONE_COUNTRY_NAMES[e.iso]??e.iso})).sort((e,t)=>e.label.localeCompare(t.label)),digitsOnly=e=>e.replace(/[^0-9]/g,""),formatE164=e=>`+${e.callingCode}${e.nationalNumber}`;exports.formatE164=formatE164;const parseE164=(e,t,i)=>{const n=e.replace(/[^0-9]/g,"");if(!n)return null;const o=(0,_mobileCore.splitPhoneNumber)(`+${n}`);let r=o?.callingCode,l=o?.nationalNumber??"";if(!r){const e=Array.from(new Set(t.map(e=>e.code))).sort((e,t)=>t.length-e.length);if(r=e.find(e=>n.startsWith(e)),!r)return null;l=n.slice(r.length)}const a=t.filter(e=>e.code===r),s=a.find(e=>e.iso===i)?.iso??a.find(e=>e.iso===o?.country)?.iso??o?.country??a[0]?.iso??"";return{callingCode:r,nationalNumber:l,iso:s}};exports.parseE164=parseE164;const planOf=e=>(0,_mobileCore.isSupportedCountry)(e)?e:null,PhoneNumberInput=exports.PhoneNumberInput=(0,_react.forwardRef)((e,t)=>{const{value:i,defaultValue:n,onChange:o,e164:r,onChangeE164:l,returnKeyType:a,submitBehavior:s,onSubmitEditing:u,blurOnSubmit:c,onComplete:d,onValidityChange:b,countries:p=ALL_CALLING_CODES,popularCountries:_,hiddenCountries:m,showFlag:h=!0,renderFlag:f,renderCountry:g,showAlphabetIndex:x,defaultCountry:N,validation:C="any",maxLength:v,formatAsYouType:y=!0,countryLocked:S=!1,label:E,labelMode:L="top",labelStyle:I,placeholder:T,helperText:j,error:P,invalidMessage:A,required:F,disabled:O=!1,size:R="md",variant:w,borderRadius:M,labels:U,haptic:D,accessibilityLabel:V,countryAccessibilityLabel:B,onFocus:q,onBlur:z,style:k,testID:$}=e;(0,_warnInvalidValue.warnInvalidValue)("PhoneNumberInput","size",e.size,["sm","md","lg"]),(0,_warnInvalidValue.warnInvalidValue)("PhoneNumberInput","variant",e.variant,["outline","filled","underline"]),(0,_warnInvalidValue.warnInvalidValue)("PhoneNumberInput","labelMode",e.labelMode,["top","float"]),(0,_warnInvalidValue.warnInvalidValue)("PhoneNumberInput","validation",!1===e.validation?void 0:e.validation,["any","mobile"]);const G=(0,_index2.useTheme)(),H=(0,_react.useMemo)(()=>buildStyles(G),[G]),W=(0,_react.useRef)(null),Y=(0,_react.useMemo)(()=>U?{...DEFAULT_PHONE_NUMBER_INPUT_LABELS,...U}:DEFAULT_PHONE_NUMBER_INPUT_LABELS,[U]),K=T??Y.placeholder,Z=(0,_react.useMemo)(()=>/-([A-Za-z]{2})(?:-|$)/.exec((0,_mobileCore.getFormatterConfig)().locale)?.[1]?.toUpperCase(),[]),J=(0,_react.useMemo)(()=>m?.length?p.filter(e=>!m.includes(e.iso)):p,[p,m]),Q=(0,_react.useMemo)(()=>{if(!_?.length)return;const e=_.map(e=>J.find(t=>t.iso===e)).filter(e=>void 0!==e);return e.length?[{title:Y.popular,options:e},{title:Y.allCountries,options:J}]:void 0},[_,Y.popular,Y.allCountries,J]),X=(0,_react.useCallback)((e,t,i)=>{if(!e)return null;if(f)return f(e);if(!h)return null;const n=(0,_mobileCore.countryFlagEmoji)(e.iso);return n?(0,_jsxRuntime.jsx)(_index5.Text,{variant:"body",style:[H.flag,{fontSize:t}],testID:i,children:n}):null},[f,h,H.flag]),ee=(0,_react.useCallback)(e=>{const t=planOf(e),i=t?(0,_mobileCore.maxNationalNumberLength)(t,!1===C?"any":C):Number.POSITIVE_INFINITY;return v?Math.min(i,v):i},[v,C]),te=(0,_react.useCallback)((e,t)=>e.slice(0,ee(t)),[ee]),ie=(0,_react.useCallback)((e,t)=>{const i=planOf(t)??void 0,n=(0,_mobileCore.splitPhoneNumber)(e,i);if(!n)return null;const o=n.country??t,r=p.find(e=>e.iso===o);return{callingCode:r?.code??n.callingCode,nationalNumber:te(n.nationalNumber,o),iso:r?.iso??o}},[p,te]),ne=(0,_react.useMemo)(()=>{const e=J.find(e=>e.iso===(N??Z))??J[0]??p[0],t={callingCode:e?.code??"",nationalNumber:"",iso:e?.iso??""};return"string"==typeof n?ie(n,t.iso)??t:n??t},[p,J,N,Z,n,ie]),oe=(0,_react.useCallback)(e=>{if(!1===C)return e.nationalNumber.length>0;const t=planOf(e.iso);return t?(0,_mobileCore.isValidNationalNumber)(e.nationalNumber,t,C):e.nationalNumber.length>0},[C]),[re,le]=(0,_react.useState)(ne.iso),ae=(0,_react.useMemo)(()=>{if(void 0===r)return;const e=r?parseE164(r,p,re):null;if(e)return{...e,nationalNumber:te(e.nationalNumber,e.iso)};const t=p.find(e=>e.iso===re);return{callingCode:t?.code??ne.callingCode,nationalNumber:"",iso:re}},[r,p,re,ne.callingCode,te]),se=(0,_react.useCallback)(e=>{le(e.iso),o?.(e),l?.(e.nationalNumber?formatE164(e):"",{country:p.find(t=>t.iso===e.iso),national:e.nationalNumber,valid:oe(e)})},[o,l,p,oe]),[ue,ce]=(0,_index.useControllableState)({value:i??ae,defaultValue:ne,onChange:se}),[de,be]=(0,_react.useState)(!1),pe=(0,_react.useCallback)(()=>{O||W.current?.focus()},[O]),[me,he]=(0,_react.useState)(!1),[fe,ge]=(0,_react.useState)(!1),[xe,Ne]=(0,_react.useState)(!1),Ce=(0,_react.useRef)(!1);(0,_react.useEffect)(()=>{xe||(Ce.current=!1)},[xe]);const ve=(0,_index2.resolveFieldSize)(G,R),ye=(0,_index4.resolveFieldTextStyle)(G,{disabled:O}),Se=w??G.settings.components.field?.defaultVariant??"outline",Ee="underline"===Se,Le=M??ve.radius,Ie=G.space.md,[Te,je]=(0,_react.useState)(0),Pe=Te+Ie+1+Ie,Ae=ue.nationalNumber.length>0,Fe=F&&!E&&!Ae&&K.length>0,Oe=de||Ae,Re=Boolean(E)&&"float"===L&&Te>0,we=(0,_useFloatingLabel.useFloatingLabel)({label:E,enabled:Re,floated:Oe,required:F,variant:Se,sizeTokens:ve,leadingOffset:Pe,paddingLeft:Ee?G.space.none:ve["padding-x"],color:G.colors["field-label"],style:I}),Me=(0,_react.useMemo)(()=>p.find(e=>e.iso===ue.iso),[p,ue.iso]),Ue=planOf(ue.iso),De=y&&Ue?(0,_mobileCore.formatPhoneAsTyped)(ue.nationalNumber,Ue):ue.nationalNumber,Ve=ee(ue.iso),Be=0===ue.nationalNumber.length||me||!Number.isFinite(Ve)?void 0:De.length+Math.max(0,Ve-ue.nationalNumber.length),qe=oe(ue);(0,_react.useEffect)(()=>{Ae||ge(!1)},[Ae]);const ze=Ue?(0,_mobileCore.maxNationalNumberLength)(Ue,!1===C?"any":C):Number.POSITIVE_INFINITY,ke=ue.nationalNumber.length>=ze,$e=!1!==C&&!1!==A&&Ae&&!qe&&(fe||ke),Ge="mobile"===C?Y.invalidMobile:Y.invalid,He=(0,_index4.hasFieldText)(P)?P:$e?A||Ge:void 0,We=!0===P||(0,_index4.hasFieldText)(He),Ye=(0,_react.useRef)(qe),Ke=(0,_react.useRef)(ue);Ke.current=ue,(0,_react.useEffect)(()=>{Ye.current!==qe&&(Ye.current=qe,b?.(qe),qe&&d?.(formatE164(Ke.current)))},[qe,d,b]);const Ze=(0,_react.useCallback)(e=>{if(e.includes("+")){const t=ie(e,ue.iso);if(t&&!S&&J.some(e=>e.iso===t.iso))return void ce(t);if(t&&t.iso===ue.iso)return void ce(t)}ce({...ue,nationalNumber:te(digitsOnly(e),ue.iso)})},[J,S,ue,ie,te,ce]),Je=(0,_react.useCallback)(e=>{ce({callingCode:e.code,iso:e.iso,nationalNumber:te(ue.nationalNumber,e.iso)}),Ne(!1);const t=(0,_index3.resolveHaptic)(D,"selection");t&&(0,_index3.triggerHaptic)(t)},[ue,D,te,ce]);(0,_react.useImperativeHandle)(t,()=>({focus:()=>W.current?.focus(),blur:()=>W.current?.blur(),clear:()=>ce({...Ke.current,nationalNumber:""}),isFocused:()=>W.current?.isFocused()??!1,getValue:()=>Ke.current,getE164:()=>formatE164(Ke.current),getFormatted:()=>{const e=Ke.current,t=planOf(e.iso);return t?(0,_mobileCore.formatPhoneAsTyped)(e.nationalNumber,t):e.nationalNumber},isValid:()=>oe(Ke.current),getCountry:()=>p.find(e=>e.iso===Ke.current.iso)}),[p,oe,ce]);const Qe=O||S,Xe=(0,_jsxRuntime.jsx)(_index4.FieldBase,{size:R,variant:Se,borderRadius:Le,topNotch:we.topNotch,focused:de,disabled:O,error:We,filled:Ae,onPress:pe,pressFeedback:!1,leadingDivider:!0,paddingLeft:Ee?G.space.none:void 0,leading:(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:()=>{Qe||(Ce.current=!0,Ne(!0))},disabled:Qe,accessibilityRole:"button",accessibilityLabel:B??Y.countryButton(ue.callingCode),accessibilityState:{disabled:Qe},"aria-disabled":Qe,hitSlop:6,...(0,_hitSlop.hitSlopMarker)(6),onLayout:e=>{const{width:t}=e.nativeEvent.layout;je(e=>e===t?e:t)},style:H.codeTrigger,testID:$?`${$}-code`:void 0,children:[X(Me,ve.text,$?`${$}-flag`:void 0),(0,_jsxRuntime.jsx)(_index5.Text,{variant:"body",style:[H.codeText,{color:ye.color,fontSize:ve.text}],children:`+${ue.callingCode}`}),S?null:(0,_jsxRuntime.jsx)(_Chevron.Chevron,{color:O?G.colors["field-icon-disabled"]:G.colors["field-icon"],size:ve.icon,open:xe})]}),children:(0,_jsxRuntime.jsxs)(_reactNative.View,{style:H.inputWrap,children:[(0,_jsxRuntime.jsx)(_reactNative.TextInput,{ref:W,value:De,maxLength:Be,onChangeText:Ze,returnKeyType:a,submitBehavior:s,onSubmitEditing:u,blurOnSubmit:c,onSelectionChange:e=>{const{start:t,end:i}=e.nativeEvent.selection;he(t!==i)},onFocus:()=>{be(!0),q?.()},onBlur:()=>{be(!1),Ae&&!Ce.current&&ge(!0),z?.()},editable:!O,placeholder:Re&&!Oe||Fe?void 0:K,placeholderTextColor:ye.placeholderColor,accessibilityLabel:V??E??K,selectionColor:G.colors["field-caret"],keyboardType:"phone-pad",textContentType:"telephoneNumber",autoComplete:"tel",style:[H.input,{color:ye.color,fontSize:ve.text,...ye.weightStyle,paddingLeft:Ee?G.space.none:void 0}],testID:$?`${$}-input`:void 0}),Fe?(0,_jsxRuntime.jsx)(_index4.RequiredPlaceholder,{text:K,color:ye.placeholderColor,fontSize:ve.text,weightStyle:ye.weightStyle}):null]})});return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:k,testID:$,children:[E&&"top"===L?(0,_jsxRuntime.jsx)(_index4.FieldLabel,{size:R,required:F,children:E}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:H.fieldWrapper,children:[Xe,we.node]}),(0,_jsxRuntime.jsx)(_index4.FieldMessage,{size:R,error:We,text:We?He:j}),(0,_jsxRuntime.jsx)(_OptionSheet.OptionSheet,{visible:xe,haptic:D,onClose:()=>Ne(!1),title:Y.countrySheetTitle,options:J,sections:Q,getOptionLabel:e=>`${e.label} (+${e.code})`,getOptionValue:e=>e.iso,getOptionIcon:e=>X(e,G.text.lg.size),renderOption:g?({option:e,selected:t})=>g(e,{selected:t}):void 0,value:Me?.iso,onChange:(e,t)=>Je(t),searchable:J.length>8,labels:{searchPlaceholder:Y.countrySearchPlaceholder},alphabetIndex:x??J.length>20})]})});PhoneNumberInput.displayName="PhoneNumberInput";const buildStyles=e=>_reactNative.StyleSheet.create({fieldWrapper:{position:"relative",overflow:"visible"},codeTrigger:{flexDirection:"row",alignItems:"center",gap:e.space.xxs},flag:{includeFontPadding:!1,marginRight:e.space.xs},codeText:{...(0,_index2.fontFor)(e,"semibold"),fontWeight:"600",includeFontPadding:!1,writingDirection:"ltr"},input:{padding:e.space.none,margin:e.space.none,includeFontPadding:!1,writingDirection:"ltr"},inputWrap:{flex:1,alignSelf:"stretch",justifyContent:"center"}});var _default=exports.default=PhoneNumberInput;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ALL_CALLING_CODES",{enumerable:!0,get:function(){return _PhoneNumberInput.ALL_CALLING_CODES}}),Object.defineProperty(exports,"DEFAULT_CALLING_CODES",{enumerable:!0,get:function(){return _PhoneNumberInput.DEFAULT_CALLING_CODES}}),Object.defineProperty(exports,"PhoneNumberInput",{enumerable:!0,get:function(){return _PhoneNumberInput.PhoneNumberInput}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _PhoneNumberInput.default}}),Object.defineProperty(exports,"formatE164",{enumerable:!0,get:function(){return _PhoneNumberInput.formatE164}}),Object.defineProperty(exports,"parseE164",{enumerable:!0,get:function(){return _PhoneNumberInput.parseE164}});var cache,_PhoneNumberInput=_interopRequireWildcard(require("./PhoneNumberInput.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}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ALL_CALLING_CODES",{enumerable:!0,get:function(){return _PhoneNumberInput.ALL_CALLING_CODES}}),Object.defineProperty(exports,"DEFAULT_CALLING_CODES",{enumerable:!0,get:function(){return _PhoneNumberInput.DEFAULT_CALLING_CODES}}),Object.defineProperty(exports,"DEFAULT_PHONE_NUMBER_INPUT_LABELS",{enumerable:!0,get:function(){return _PhoneNumberInput.DEFAULT_PHONE_NUMBER_INPUT_LABELS}}),Object.defineProperty(exports,"PhoneNumberInput",{enumerable:!0,get:function(){return _PhoneNumberInput.PhoneNumberInput}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _PhoneNumberInput.default}}),Object.defineProperty(exports,"formatE164",{enumerable:!0,get:function(){return _PhoneNumberInput.formatE164}}),Object.defineProperty(exports,"parseE164",{enumerable:!0,get:function(){return _PhoneNumberInput.parseE164}});var cache,_PhoneNumberInput=_interopRequireWildcard(require("./PhoneNumberInput.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/PickerTrigger/PickerTrigger.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PickerTrigger=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_index2=require("../FieldBase/index.js"),_Chevron=require("../FieldBase/Chevron.js"),_jsxRuntime=require("react/jsx-runtime");const PickerTrigger=exports.PickerTrigger=(0,_react.forwardRef)((e,i)=>{const{value:t,placeholder:l,label:r,help:s,helperText:n,error:a,required:d=!1,onPress:o,clearable:c=!1,onClear:x,leadingIcon:u,trailing:_,disabled:g=!1,size:b="md",variant:y,style:v,triggerStyle:j,valueStyle:h,labelStyle:m,messageStyle:S,accessibilityLabel:R,testID:T}=e,p=(0,_index.useTheme)(),f=(0,_react.useMemo)(()=>buildStyles(p),[p]),P=(0,_index.resolveFieldSize)(p,b),F=(0,_index2.resolveFieldTextStyle)(p,{disabled:g}),q="string"==typeof t&&t.length>0,z=!0===a||(0,_index2.hasFieldText)(a),w=(0,_index2.hasFieldText)(r),N=q?t:l??"Select…",k=q?F.color:F.placeholderColor,C=q?`${(0,_index2.fieldTextAsString)(r)??"Selection"}: ${t}`:l??"No selection",L=R??C,I={disabled:g},M=void 0===_,B=c&&q&&!g;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[f.root,v],testID:T,children:[w?(0,_jsxRuntime.jsx)(_index2.FieldLabel,{size:b,required:d,help:s,style:m,children:r}):null,(0,_jsxRuntime.jsx)(_index2.FieldBase,{size:b,variant:y,disabled:g,error:z,filled:q,onPress:o,leading:u,trailing:B||M||null!==_?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:f.trailingRow,children:[B?(0,_jsxRuntime.jsx)(_reactNative.Text,{onPress:()=>{g||x?.()},accessibilityRole:"button",accessibilityLabel:"Clear",style:{fontSize:P.icon,color:p.colors["text-muted"],paddingHorizontal:p.space.xs},children:"×"}):null,void 0!==_?_:M?(0,_jsxRuntime.jsx)(_Chevron.Chevron,{size:P.icon,color:g?p.colors["text-disabled"]:p.colors["text-subtle"]}):null]}):null,accessibilityLabel:L,accessibilityState:I,accessibilityRole:"button",style:j,children:(0,_jsxRuntime.jsxs)(_reactNative.Text,{numberOfLines:1,style:[f.valueText,{color:k,fontSize:P.text,...F.weightStyle},h],children:[N,q||!d||w?null:(0,_jsxRuntime.jsx)(_index2.RequiredMark,{})]})}),(0,_jsxRuntime.jsx)(_index2.FieldMessage,{size:b,error:z,text:z?a:n,style:S})]})});PickerTrigger.displayName="PickerTrigger";const buildStyles=e=>_reactNative.StyleSheet.create({root:{width:"100%"},label:{includeFontPadding:!1},valueText:{flex:1,includeFontPadding:!1},message:{includeFontPadding:!1},trailingRow:{flexDirection:"row",alignItems:"center"}});var _default=exports.default=PickerTrigger;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.PickerTrigger=exports.DEFAULT_PICKER_TRIGGER_LABELS=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index2=require("../FieldBase/index.js"),_Chevron=require("../FieldBase/Chevron.js"),_index3=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_PICKER_TRIGGER_LABELS=exports.DEFAULT_PICKER_TRIGGER_LABELS=Object.freeze({placeholder:"Select…",selection:"Selection",noSelection:"No selection",clear:"Clear"}),PickerTrigger=exports.PickerTrigger=(0,_react.forwardRef)((e,i)=>{(0,_warnInvalidValue.warnInvalidValue)("PickerTrigger","size",e.size,["sm","md","lg"]),(0,_warnInvalidValue.warnInvalidValue)("PickerTrigger","variant",e.variant,["outline","filled","underline"]);const{value:l,placeholder:r,label:t,help:n,helperText:s,error:a,required:d=!1,onPress:o,clearable:c=!1,onClear:x,leadingIcon:u,trailing:_,disabled:g=!1,size:v="md",variant:R,style:b,triggerStyle:T,valueStyle:y,labelStyle:j,messageStyle:h,accessibilityLabel:S,labels:m,testID:E}=e,I=m?{...DEFAULT_PICKER_TRIGGER_LABELS,...m}:DEFAULT_PICKER_TRIGGER_LABELS,L=(0,_index.useTheme)(),P=(0,_react.useMemo)(()=>buildStyles(L),[L]),p=(0,_index.resolveFieldSize)(L,v),F=(0,_index2.resolveFieldTextStyle)(L,{disabled:g}),f="string"==typeof l&&l.length>0,w=!0===a||(0,_index2.hasFieldText)(a),z=(0,_index2.hasFieldText)(t),C=f?l:r??I.placeholder,q=f?F.color:F.placeholderColor,A=f?`${(0,_index2.fieldTextAsString)(t)??I.selection}: ${l}`:r??I.noSelection,G=S??A,k={disabled:g},B=void 0===_,D=c&&f&&!g;return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[P.root,b],testID:E,children:[z?(0,_jsxRuntime.jsx)(_index2.FieldLabel,{size:v,required:d,help:n,style:j,children:t}):null,(0,_jsxRuntime.jsx)(_index2.FieldBase,{size:v,variant:R,disabled:g,error:w,filled:f,onPress:o,leading:u,trailing:D||B||null!==_?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:P.trailingRow,children:[D?(0,_jsxRuntime.jsx)(_index3.Text,{variant:"body",onPress:()=>{g||x?.()},accessibilityRole:"button",accessibilityLabel:I.clear,style:{fontSize:p.icon,color:L.colors["text-muted"],paddingHorizontal:L.space.xs},children:"×"}):null,void 0!==_?_:B?(0,_jsxRuntime.jsx)(_Chevron.Chevron,{size:p.icon,color:g?L.colors["text-disabled"]:L.colors["text-subtle"]}):null]}):null,accessibilityLabel:G,accessibilityState:k,accessibilityRole:"button",style:T,children:(0,_jsxRuntime.jsxs)(_index3.Text,{variant:"body",numberOfLines:1,style:[P.valueText,{color:q,fontSize:p.text,...F.weightStyle},y],children:[C,f||!d||z?null:(0,_jsxRuntime.jsx)(_index2.RequiredMark,{})]})}),(0,_jsxRuntime.jsx)(_index2.FieldMessage,{size:v,error:w,text:w?a:s,style:h})]})});PickerTrigger.displayName="PickerTrigger";const buildStyles=e=>_reactNative.StyleSheet.create({root:{width:"100%"},label:{includeFontPadding:!1},valueText:{flex:1,includeFontPadding:!1},message:{includeFontPadding:!1},trailingRow:{flexDirection:"row",alignItems:"center"}});var _default=exports.default=PickerTrigger;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"PickerTrigger",{enumerable:!0,get:function(){return _PickerTrigger.PickerTrigger}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _PickerTrigger.default}});var cache,_PickerTrigger=_interopRequireWildcard(require("./PickerTrigger.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,c,i=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(c in e)"default"!==c&&{}.hasOwnProperty.call(e,c)&&((t=i&&Object.getOwnPropertyDescriptor(e,c))&&(t.get||t.set)?i(n,c,t):n[c]=e[c]);return n}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_PICKER_TRIGGER_LABELS",{enumerable:!0,get:function(){return _PickerTrigger.DEFAULT_PICKER_TRIGGER_LABELS}}),Object.defineProperty(exports,"PickerTrigger",{enumerable:!0,get:function(){return _PickerTrigger.PickerTrigger}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _PickerTrigger.default}});var cache,_PickerTrigger=_interopRequireWildcard(require("./PickerTrigger.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,c,i=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(c in e)"default"!==c&&{}.hasOwnProperty.call(e,c)&&((t=i&&Object.getOwnPropertyDescriptor(e,c))&&(t.get||t.set)?i(n,c,t):n[c]=e[c]);return n}

package/lib/commonjs/components/ProfileCompletion/ProfileCompletion.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ProfileCompletion=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_index2=require("../AppIcon/index.js"),_index3=require("../Avatar/index.js"),_index4=require("../ProgressRing/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_AVATAR_SIZE=56,DEFAULT_RING_WIDTH=3,DEFAULT_RING_GAP=1,ProfileCompletion=exports.ProfileCompletion=(0,_react.forwardRef)((e,t)=>{const{progress:i,title:r,subtitle:s,description:n,source:o,ImageComponent:l,size:a=DEFAULT_AVATAR_SIZE,avatarTone:c="neutral",avatarBackgroundColor:d,avatarColor:u,ringWidth:m,ringGap:x=DEFAULT_RING_GAP,ringVariant:_="banded",tone:p,ringColor:g,animated:b=!0,showCompleteBadge:y=!0,trailing:f,accessibilityLabel:j,style:h,titleStyle:v,subtitleStyle:R,descriptionStyle:I,testID:N}=e,w=(0,_index.useTheme)(),A=(0,_react.useMemo)(()=>buildStyles(w),[w]),C=m??3,S=a+2*(x+C),T=Math.min(100,Math.max(0,Number.isNaN(i)?0:i)),D=Math.round(T),P=j??`${r}, profile ${D}% complete`,z=N??"profile-completion",L=y&&T>=100,V=Math.max(16,Math.round(.3*S)),G=S/2*(1+Math.SQRT1_2)-C/2,q=g??("banded"===_&&null==p||"success"===p?w.colors.success:"warning"===p?w.colors.warning:"danger"===p?w.colors.danger:w.colors.primary);return(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,style:[A.root,h],testID:N,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:A.summary,accessible:!0,accessibilityRole:"summary",accessibilityLabel:P,accessibilityValue:{min:0,max:100,now:D},testID:`${z}-summary`,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{width:S,height:S},children:[(0,_jsxRuntime.jsx)(_index4.ProgressRing,{progress:T/100,size:S,strokeWidth:C,tone:p??"primary",ringColor:g,colorByProgress:"banded"===_&&null==p&&null==g,animated:b,testID:`${z}-ring`,children:(0,_jsxRuntime.jsx)(_index3.Avatar,{name:r,source:o,ImageComponent:l,size:a,tone:c,backgroundColor:d,color:u,accessibilityLabel:`${r}'s avatar`})}),L?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[A.badge,{width:V,height:V,borderRadius:w.radius.pill,..._corners.smoothCorners,left:G-V/2,top:G-V/2,backgroundColor:w.colors.surface}],testID:`${z}-complete-badge`,children:(0,_jsxRuntime.jsx)(_index2.AppIcon,{name:"verify",variant:"bold",size:V-2,color:q})}):null]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:A.body,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[A.title,v],numberOfLines:2,children:r}),s?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[A.subtitle,R],numberOfLines:1,children:s}):null,n?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[A.description,I],children:n}):null]})]}),null!=f?(0,_jsxRuntime.jsx)(_reactNative.View,{style:A.trailing,children:f}):null]})});ProfileCompletion.displayName="ProfileCompletion";const buildStyles=e=>_reactNative.StyleSheet.create({root:{flexDirection:"row",alignItems:"center",columnGap:e.space.md},summary:{flex:1,flexDirection:"row",alignItems:"center",columnGap:e.space.md},body:{flex:1,rowGap:e.space.xxs},badge:{position:"absolute",alignItems:"center",justifyContent:"center"},title:{fontSize:e.text.xl.size,lineHeight:e.text.xl.size*e.leading.heading,color:e.colors["text-body"],...(0,_index.fontFor)(e,"semibold")},subtitle:{fontSize:e.text.sm.size,color:e.colors["text-subtle"],textTransform:"uppercase",letterSpacing:e["letter-spacing"].wide,...(0,_index.fontFor)(e,"medium")},description:{fontSize:e.text.base.size,color:e.colors["text-muted"],...(0,_index.fontFor)(e,"normal")},trailing:{alignSelf:"flex-start"}});var _default=exports.default=ProfileCompletion;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ProfileCompletion=exports.DEFAULT_PROFILE_COMPLETION_LABELS=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("../AppIcon/index.js"),_index3=require("../Avatar/index.js"),_index4=require("../ProgressRing/index.js"),_index5=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_PROFILE_COMPLETION_LABELS=exports.DEFAULT_PROFILE_COMPLETION_LABELS=Object.freeze({summary:(e,r)=>`${e}, profile ${r}% complete`,avatar:e=>`${e}'s avatar`}),AVATAR_PX={sm:32,md:48,lg:64,xl:80},toneColor=(e,r)=>{switch(r){case"success":return e.colors.success;case"warning":return e.colors.warning;case"danger":return e.colors.danger;case"info":return e.colors.info;case"neutral":return e.colors["text-muted"];default:return e.colors.primary}},DEFAULT_RING_WIDTH=3,DEFAULT_RING_GAP=1,ProfileCompletion=exports.ProfileCompletion=(0,_react.forwardRef)((e,r)=>{const{progress:t,title:i,subtitle:n,description:a,source:s,ImageComponent:l,size:o="md",avatarTone:c="neutral",avatarBackgroundColor:u,avatarColor:d,ringWidth:m,ringGap:x=DEFAULT_RING_GAP,ringVariant:_="banded",tone:p,ringColor:g,animated:y=!0,showCompleteBadge:b=!0,trailing:f,labels:j,accessibilityLabel:v,style:I,titleStyle:h,subtitleStyle:L,descriptionStyle:R,testID:w}=e;(0,_warnInvalidValue.warnInvalidValue)("ProfileCompletion","size",e.size,["sm","md","lg","xl"]),(0,_warnInvalidValue.warnInvalidValue)("ProfileCompletion","ringVariant",e.ringVariant,["banded","single"]),(0,_warnInvalidValue.warnInvalidValue)("ProfileCompletion","tone",e.tone,["primary","success","warning","danger","info","neutral"]);const C=(0,_index.useTheme)(),P=(0,_react.useMemo)(()=>buildStyles(C),[C]),A=(0,_react.useMemo)(()=>({...DEFAULT_PROFILE_COMPLETION_LABELS,...j}),[j]),T=m??3,E=AVATAR_PX[o]+2*(x+T),V=Math.min(100,Math.max(0,Number.isNaN(t)?0:t)),N=Math.round(V),O=v??A.summary(i,N),D=w??"profile-completion",S=b&&V>=100,M=Math.max(16,Math.round(.3*E)),F=E/2*(1+Math.SQRT1_2)-T/2,q=g??("banded"===_&&null==p?C.colors.success:toneColor(C,p??"primary"));return(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:r,style:[P.root,I],testID:w,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:P.summary,accessible:!0,accessibilityRole:"summary",accessibilityLabel:O,accessibilityValue:{min:0,max:100,now:N},testID:`${D}-summary`,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{width:E,height:E},children:[(0,_jsxRuntime.jsx)(_index4.ProgressRing,{progress:V/100,size:E,strokeWidth:T,tone:p??"primary",ringColor:g,colorByProgress:"banded"===_&&null==p&&null==g,animated:y,testID:`${D}-ring`,children:(0,_jsxRuntime.jsx)(_index3.Avatar,{name:i,source:s,ImageComponent:l,size:o,tone:c,backgroundColor:u,color:d,accessibilityLabel:A.avatar(i)})}),S?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[P.badge,{width:M,height:M,borderRadius:C.radius.pill,..._corners.smoothCorners,left:F-M/2,top:F-M/2,backgroundColor:C.colors.surface}],testID:`${D}-complete-badge`,children:(0,_jsxRuntime.jsx)(_index2.AppIcon,{name:"verify",variant:"bold",size:M-2,color:q})}):null]}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:P.body,children:[(0,_jsxRuntime.jsx)(_index5.Text,{variant:"h3",numberOfLines:2,style:h,children:i}),n?(0,_jsxRuntime.jsx)(_index5.Text,{variant:"label",color:"tertiary",numberOfLines:1,style:[P.subtitle,L],children:n}):null,a?(0,_jsxRuntime.jsx)(_index5.Text,{variant:"body",color:"secondary",style:R,children:a}):null]})]}),null!=f?(0,_jsxRuntime.jsx)(_reactNative.View,{style:P.trailing,children:f}):null]})});ProfileCompletion.displayName="ProfileCompletion";const buildStyles=e=>_reactNative.StyleSheet.create({root:{flexDirection:"row",alignItems:"center",columnGap:e.space.md},summary:{flex:1,flexDirection:"row",alignItems:"center",columnGap:e.space.md},body:{flex:1,rowGap:e.space.xxs},badge:{position:"absolute",alignItems:"center",justifyContent:"center"},subtitle:{textTransform:"uppercase",letterSpacing:e["letter-spacing"].wide},trailing:{alignSelf:"flex-start"}});var _default=exports.default=ProfileCompletion;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ProfileCompletion",{enumerable:!0,get:function(){return _ProfileCompletion.ProfileCompletion}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _ProfileCompletion.default}});var cache,_ProfileCompletion=_interopRequireWildcard(require("./ProfileCompletion.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,o,i=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(o in e)"default"!==o&&{}.hasOwnProperty.call(e,o)&&((t=i&&Object.getOwnPropertyDescriptor(e,o))&&(t.get||t.set)?i(n,o,t):n[o]=e[o]);return n}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_PROFILE_COMPLETION_LABELS",{enumerable:!0,get:function(){return _ProfileCompletion.DEFAULT_PROFILE_COMPLETION_LABELS}}),Object.defineProperty(exports,"ProfileCompletion",{enumerable:!0,get:function(){return _ProfileCompletion.ProfileCompletion}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _ProfileCompletion.default}});var cache,_ProfileCompletion=_interopRequireWildcard(require("./ProfileCompletion.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,o,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(o in e)"default"!==o&&{}.hasOwnProperty.call(e,o)&&((t=n&&Object.getOwnPropertyDescriptor(e,o))&&(t.get||t.set)?n(i,o,t):i[o]=e[o]);return i}

package/lib/commonjs/components/ProfilePicker/ProfilePicker.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ProfilePicker=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_index3=require("../AppIcon/index.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_index4=require("../Avatar/index.js"),_index5=require("../FieldBase/index.js"),_FilePicker=require("../FilePicker/FilePicker.js"),_OptionSheet=require("../OptionSheet/OptionSheet.js"),_index6=require("../Spinner/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_LABELS={pick:"Change profile photo",remove:"Remove photo",sheetTitle:"Change photo",errorTooLarge:e=>`The photo is larger than ${e} MB.`,errorWrongType:"That file is not a supported image."},DEFAULT_ACCEPT=["image/*"],SHEET_ICON_SIZE=20,SOFT_FILL_OPACITY=.14,SIZE_PX={sm:72,md:120,lg:160},clamp=(e,r,t)=>Math.min(t,Math.max(r,e)),toneFor=(e,r)=>{switch(r){case"success":return{base:e.colors.success,on:e.colors["on-success"]};case"warning":return{base:e.colors.warning,on:e.colors["on-warning"]};case"danger":return{base:e.colors.danger,on:e.colors["on-danger"]};case"info":return{base:e.colors.info,on:e.colors["on-info"]};case"neutral":return{base:e.colors["text-muted"],on:e.colors["on-neutral-strong"]};default:return{base:e.colors.primary,on:e.colors["on-primary"]}}},badgeLookFor=(e,r,t)=>{const o=toneFor(e,r),i=o.base,s=e.colors.bg,n="neutral"===r;let l;switch(t){case"soft":l={fill:n?e.colors["bg-muted"]:(0,_color.blendOf)(i,.14,s,e.colors["bg-subtle"]),ring:s,icon:i};break;case"outline":l={fill:s,ring:n?e.colors.border:i,icon:i};break;default:l={fill:i,ring:s,icon:o.on}}return l},resolveRadius=(e,r)=>"circle"===e?r/2:"rounded"===e?Math.max(6,Math.round(.22*r)):0,REMOVE_VALUE="__profile-picker-remove__",ProfilePicker=exports.ProfilePicker=(0,_react.forwardRef)((e,r)=>{const{value:t,name:o,sources:i,onPick:s,onRemove:n,loading:l=!1,disabled:a=!1,accept:c=DEFAULT_ACCEPT,maxSizeMB:u,size:d="md",shape:m="circle",badgeIcon:_="camera",tone:x,variant:p,avatarTone:b,avatarBackgroundColor:g,avatarColor:h,label:f,required:y=!1,helperText:v,error:j,layout:k="stacked",title:C,subtitle:R,ImageComponent:S,labels:T,haptic:I,onError:P,accessibilityLabel:F,style:w,testID:E}=e,A=(0,_index.useTheme)(),L=A.settings.components["profile-picker"],M=x??L?.defaultTone??"primary",O=p??L?.defaultVariant??"solid",q=(0,_react.useMemo)(()=>badgeLookFor(A,M,O),[A,M,O]),N=b??L?.defaultAvatarTone,z=(0,_react.useMemo)(()=>{const e=N?(0,_index4.avatarToneColors)(A,N):null;return{background:g??e?.background??A.colors["bg-muted"],icon:h??e?.color??A.colors["text-subtle"]}},[A,N,g,h]),V=(0,_react.useMemo)(()=>({...DEFAULT_LABELS,...T}),[T]),[D,B]=(0,_react.useState)(null),[H,U]=(0,_react.useState)(null),[$,W]=(0,_react.useState)(!1),[Z,G]=(0,_react.useState)(t);t!==Z&&(G(t),B(null));const X=l||a,Q=D??t??null,Y=j??H??void 0,J=!X&&(null!==D||Boolean(t)&&Boolean(n)),K=i.length>0||J,ee="number"==typeof d?d:SIZE_PX[d],re=resolveRadius(m,ee),te=re*(1-Math.SQRT1_2),oe=clamp(Math.round(.28*ee),24,44),ie=te-oe/2,se=Math.max(0,-ie),ne=(0,_react.useCallback)(e=>{U(e),P?.(e),!1!==I&&(0,_index2.triggerHaptic)("notificationError")},[P,I]),le=(0,_react.useCallback)(async e=>{let r;try{r=await e.pick()}catch(e){return void ne(e instanceof Error?e.message:String(e))}const t=r?.[0];if(!t)return;if("number"==typeof u&&"number"==typeof t.size&&t.size>1024*u*1024)return void ne(V.errorTooLarge(u));if(t.type&&!(0,_FilePicker.matchesAccept)(t.type,c))return void ne(V.errorWrongType);U(null),B(t.uri);const o=(0,_index2.resolveHaptic)(I,"selection");o&&(0,_index2.triggerHaptic)(o),s?.(t)},[u,c,V,I,s,ne]),ae=(0,_react.useCallback)(()=>{X||(de.current=null,1!==i.length||J?(i.length>0||J)&&W(!0):le(i[0]))},[X,i,J,le]),ce=(0,_react.useCallback)(()=>{B(null),U(null);const e=(0,_index2.resolveHaptic)(I,"selection");e&&(0,_index2.triggerHaptic)(e),n?.()},[I,n]),ue=(0,_react.useMemo)(()=>{const e=i.map(e=>({kind:"source",source:e}));return J&&e.push({kind:"remove"}),e},[i,J]),de=(0,_react.useRef)(null),me=(0,_react.useCallback)(e=>{de.current||(W(!1),"remove"===e.kind?ce():de.current=e.source)},[ce]),xe=(0,_react.useCallback)(()=>{const e=de.current;de.current=null,e&&le(e)},[le]),pe=E??"profile-picker",be=F??(K?V.pick:o),ge=(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.fill,{width:ee,height:ee,borderRadius:re,..._corners.smoothCorners,backgroundColor:z.background}],children:(0,_jsxRuntime.jsx)(_index3.AppIcon,{name:"user",size:Math.round(.45*ee),color:z.icon})}),he=(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:ee,height:ee,marginBottom:se,marginRight:se},children:(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:ae,disabled:X||!K,accessibilityRole:K?"button":"image",accessibilityLabel:be,accessibilityHint:(0,_index5.fieldTextAsString)(Y),accessibilityState:K?{disabled:X,busy:l}:{busy:l},"aria-disabled":K?X:void 0,"aria-busy":l,testID:`${pe}-button`,style:({pressed:e})=>[{width:ee,height:ee,borderRadius:re,..._corners.smoothCorners},{opacity:a?.55:e?.85:1}],children:[Q||o?(0,_jsxRuntime.jsx)(_index4.Avatar,{source:Q?{uri:Q}:void 0,name:o,size:ee,shape:m,tone:N,backgroundColor:g,color:h,ImageComponent:S,accessibilityLabel:be},Q??"initials"):ge,l?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.fill,styles.overlay,{borderRadius:re,..._corners.smoothCorners,backgroundColor:A.colors.scrim}],testID:`${pe}-loading`,children:(0,_jsxRuntime.jsx)(_index6.Spinner,{size:ee>=100?"md":"sm",color:A.colors["on-primary"]})}):null,!a&&K?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",testID:`${pe}-badge`,style:[styles.badge,{width:oe,height:oe,borderRadius:A.radius.pill,..._corners.smoothCorners,right:ie,bottom:ie,backgroundColor:q.fill,borderColor:q.ring}],children:(0,_slotIcon.renderSlotIcon)(_,{color:q.icon,size:Math.round(.55*oe),disabled:!1})}):null]})}),fe="stacked"!==k?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.meta,"profile"===k?styles.metaCentred:null],children:[C?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.title,"profile"===k?styles.textCentred:null,{color:A.colors["text-body"],fontSize:A.text.base.size,...(0,_index.fontFor)(A,"semibold")}],children:C}):null,R?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[styles.subtitle,"profile"===k?styles.textCentred:null,{color:A.colors["text-muted"],fontSize:A.text.sm.size,marginTop:A.space.xxs,...(0,_index.fontFor)(A,"normal")}],children:R}):null,(0,_jsxRuntime.jsx)(_index5.FieldMessage,{text:Y??v,error:(0,_index5.hasFieldText)(Y)})]}):(0,_jsxRuntime.jsx)(_index5.FieldMessage,{text:Y??v,error:(0,_index5.hasFieldText)(Y)});return(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:r,style:w,testID:E,children:[f?(0,_jsxRuntime.jsx)(_index5.FieldLabel,{required:y,children:f}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:"inline"===k?[styles.row,{columnGap:A.space.md}]:["profile"===k?styles.columnCentred:styles.column,{rowGap:A.space.xs}],children:[he,fe]}),(0,_jsxRuntime.jsx)(_OptionSheet.OptionSheet,{open:$,onClose:()=>W(!1),onAfterClose:xe,title:V.sheetTitle,options:ue,labelOf:e=>{const r=e;return"remove"===r.kind?V.remove:r.source.label},getValue:e=>{const r=e;return"remove"===r.kind?REMOVE_VALUE:r.source.key},disabledOf:()=>!1,destructiveOf:e=>"remove"===e.kind,descriptionOf:e=>{const r=e;return"remove"===r.kind?void 0:r.source.description},iconOf:e=>{const r=e;return"remove"===r.kind?(0,_jsxRuntime.jsx)(_index3.AppIcon,{name:"trash",size:20,color:A.colors["danger-text"]}):r.source.icon},isSelected:()=>!1,onSelect:e=>me(e)})]})});ProfilePicker.displayName="ProfilePicker";const styles=_reactNative.StyleSheet.create({fill:{alignItems:"center",justifyContent:"center",overflow:"hidden"},overlay:{..._reactNative.StyleSheet.absoluteFill},badge:{position:"absolute",alignItems:"center",justifyContent:"center",borderWidth:2},row:{flexDirection:"row",alignItems:"center"},column:{alignItems:"flex-start"},columnCentred:{alignItems:"center"},meta:{flexShrink:1},metaCentred:{alignItems:"center"},title:{includeFontPadding:!1},subtitle:{includeFontPadding:!1},textCentred:{textAlign:"center"}});var _default=exports.default=ProfilePicker;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ProfilePicker=exports.DEFAULT_PROFILE_PICKER_LABELS=void 0;var _expoImage=require("expo-image"),_react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_index2=require("../../utils/index.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index3=require("../AppIcon/index.js"),_slotIcon=require("../AppIcon/slotIcon.js"),_Avatar=require("../Avatar/Avatar.js"),_index4=require("../FieldBase/index.js"),_FilePicker=require("../FilePicker/FilePicker.js"),_OptionSheet=require("../OptionSheet/OptionSheet.js"),_index5=require("../Spinner/index.js"),_index6=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_PROFILE_PICKER_LABELS=exports.DEFAULT_PROFILE_PICKER_LABELS=Object.freeze({pick:"Change profile photo",remove:"Remove photo",sheetTitle:"Change photo",errorTooLarge:e=>`The photo is larger than ${e} MB.`,errorWrongType:"That file is not a supported image."}),DEFAULT_ACCEPT=["image/*"],SHEET_ICON_SIZE=20,SOFT_FILL_OPACITY=.14,INITIALS_MAX_FONT_SCALE=1.2,SIZE_PX={sm:72,md:120,lg:160},clamp=(e,r,t)=>Math.min(t,Math.max(r,e)),initialsFromName=e=>{const r=e.trim().split(/\s+/u).filter(Boolean);return 0===r.length?"":1===r.length?r[0].charAt(0).toUpperCase():(r[0].charAt(0)+r[1].charAt(0)).toUpperCase()},hashColor=e=>{let r=0;for(let t=0;t<e.length;t+=1)r=(r<<5)-r+e.charCodeAt(t),r|=0;return _Avatar.AVATAR_COLORS[Math.abs(r)%_Avatar.AVATAR_COLORS.length]},toneFor=(e,r)=>{switch(r){case"success":return{base:e.colors.success,on:e.colors["on-success"]};case"warning":return{base:e.colors.warning,on:e.colors["on-warning"]};case"danger":return{base:e.colors.danger,on:e.colors["on-danger"]};case"info":return{base:e.colors.info,on:e.colors["on-info"]};case"neutral":return{base:e.colors["text-muted"],on:e.colors["on-neutral-strong"]};default:return{base:e.colors.primary,on:e.colors["on-primary"]}}},badgeLookFor=(e,r,t)=>{const i=toneFor(e,r),o=i.base,n=e.colors.bg,s="neutral"===r;let a;switch(t){case"soft":a={fill:s?e.colors["bg-muted"]:(0,_color.blendOf)(o,.14,n,e.colors["bg-subtle"]),ring:n,icon:o};break;case"outline":a={fill:n,ring:s?e.colors.border:o,icon:o};break;default:a={fill:o,ring:n,icon:i.on}}return a},resolveRadius=(e,r)=>"circle"===e?r/2:"rounded"===e?Math.max(6,Math.round(.22*r)):0,REMOVE_VALUE="__profile-picker-remove__",ProfilePicker=exports.ProfilePicker=(0,_react.forwardRef)((e,r)=>{const{value:t,name:i,sources:o,onPick:n,onRemove:s,loading:a=!1,disabled:l=!1,accept:c=DEFAULT_ACCEPT,maxSizeMB:u,size:d="md",shape:_="circle",badgeIcon:m="camera",tone:x,variant:p,avatarTone:g,avatarBackgroundColor:h,avatarColor:b,label:v,required:f=!1,helperText:y,error:j,layout:I="stacked",title:k,subtitle:C,ImageComponent:R,labels:P,haptic:A,onError:S,accessibilityLabel:w,style:E,testID:T}=e;(0,_warnInvalidValue.warnInvalidValue)("ProfilePicker","size",e.size,["sm","md","lg"]),(0,_warnInvalidValue.warnInvalidValue)("ProfilePicker","shape",e.shape,["circle","rounded","square"]),(0,_warnInvalidValue.warnInvalidValue)("ProfilePicker","tone",e.tone,["primary","success","warning","danger","info","neutral"]),(0,_warnInvalidValue.warnInvalidValue)("ProfilePicker","variant",e.variant,["solid","soft","outline"]),(0,_warnInvalidValue.warnInvalidValue)("ProfilePicker","layout",e.layout,["stacked","inline","profile"]);const F=(0,_index.useTheme)(),L=F.settings.components["profile-picker"],O=x??L?.defaultTone??"primary",M=p??L?.defaultVariant??"solid",V=(0,_react.useMemo)(()=>badgeLookFor(F,O,M),[F,O,M]),q=g??L?.defaultAvatarTone,N=(0,_react.useMemo)(()=>{const e=q?(0,_Avatar.avatarToneColors)(F,q):null;return{placeholder:{background:h??e?.background??F.colors["bg-muted"],icon:b??e?.color??F.colors["text-subtle"]},initials:{background:h??e?.background??F.colors[hashColor(i??"")],ink:b??e?.color??F.colors["on-primary"]}}},[F,q,h,b,i]),z=(0,_react.useMemo)(()=>({...DEFAULT_PROFILE_PICKER_LABELS,...P}),[P]),[D,B]=(0,_react.useState)(null),[U,H]=(0,_react.useState)(null),[K,$]=(0,_react.useState)(null),[W,X]=(0,_react.useState)(!1),[Z,G]=(0,_react.useState)(t);t!==Z&&(G(t),B(null));const Q=a||l,Y=D??t??null,J=Y&&Y!==K?Y:null,ee=initialsFromName(i??""),re=j??U??void 0,te=!Q&&(null!==D||Boolean(t)&&Boolean(s)),ie=o.length>0||te,oe=SIZE_PX[d],ne=resolveRadius(_,oe),se=ne*(1-Math.SQRT1_2),ae=clamp(Math.round(.28*oe),24,44),le=se-ae/2,ce=Math.max(0,-le),ue={width:oe,height:oe,borderRadius:ne,..._corners.smoothCorners},de=Math.max(F.text.xs.size,Math.round(.4*oe)),me=(0,_react.useCallback)(e=>{H(e),S?.(e),!1!==A&&(0,_index2.triggerHaptic)("notificationError")},[S,A]),xe=(0,_react.useCallback)(async e=>{let r;try{r=await e.pick()}catch(e){return void me(e instanceof Error?e.message:String(e))}const t=r?.[0];if(!t)return;if("number"==typeof u&&"number"==typeof t.size&&t.size>1024*u*1024)return void me(z.errorTooLarge(u));if(t.type&&!(0,_FilePicker.matchesAccept)(t.type,c))return void me(z.errorWrongType);H(null),B(t.uri);const i=(0,_index2.resolveHaptic)(A,"selection");i&&(0,_index2.triggerHaptic)(i),n?.(t)},[u,c,z,A,n,me]),pe=(0,_react.useCallback)(()=>{Q||(be.current=null,1!==o.length||te?(o.length>0||te)&&X(!0):xe(o[0]))},[Q,o,te,xe]),ge=(0,_react.useCallback)(()=>{B(null),H(null);const e=(0,_index2.resolveHaptic)(A,"selection");e&&(0,_index2.triggerHaptic)(e),s?.()},[A,s]),he=(0,_react.useMemo)(()=>{const e=o.map(e=>({kind:"source",source:e}));return te&&e.push({kind:"remove"}),e},[o,te]),be=(0,_react.useRef)(null),ve=(0,_react.useCallback)(e=>{be.current||(X(!1),"remove"===e.kind?ge():be.current=e.source)},[ge]),fe=(0,_react.useRef)(xe);fe.current=xe;const ye=(0,_react.useCallback)(()=>{const e=be.current;be.current=null,e&&fe.current(e)},[]),je=T??"profile-picker",Ie=w??(ie?z.pick:i),ke=(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:oe,height:oe,marginBottom:ce,marginRight:ce},children:(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{onPress:pe,disabled:Q||!ie,accessibilityRole:ie?"button":"image",accessibilityLabel:Ie,accessibilityHint:(0,_index4.fieldTextAsString)(re),accessibilityState:ie?{disabled:Q,busy:a}:{busy:a},"aria-disabled":ie?Q:void 0,"aria-busy":a,testID:`${je}-button`,style:({pressed:e})=>[{width:oe,height:oe,borderRadius:ne,..._corners.smoothCorners},{opacity:l?.55:e?.85:1}],children:[J?R?(0,_jsxRuntime.jsx)(R,{source:{uri:J},onError:()=>$(J),style:ue,contentFit:"cover",resizeMode:"cover",accessibilityIgnoresInvertColors:!0}):(0,_jsxRuntime.jsx)(_expoImage.Image,{source:{uri:J},onError:()=>$(J),style:ue,contentFit:"cover",accessibilityIgnoresInvertColors:!0}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.fill,ue,{backgroundColor:ee?N.initials.background:N.placeholder.background}],children:ee?(0,_jsxRuntime.jsx)(_index6.Text,{variant:"label",weight:"semibold",align:"center",numberOfLines:1,maxFontSizeMultiplier:1.2,style:{color:N.initials.ink,fontSize:de,lineHeight:Math.round(de*F.leading.body)},children:ee}):(0,_jsxRuntime.jsx)(_index3.AppIcon,{name:"user",size:Math.round(.45*oe),color:N.placeholder.icon})}),a?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[styles.fill,styles.overlay,{borderRadius:ne,..._corners.smoothCorners,backgroundColor:F.colors.scrim}],testID:`${je}-loading`,children:(0,_jsxRuntime.jsx)(_index5.Spinner,{size:oe>=100?"md":"sm",color:F.colors["on-primary"]})}):null,!l&&ie?(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",testID:`${je}-badge`,style:[styles.badge,{width:ae,height:ae,borderRadius:F.radius.pill,..._corners.smoothCorners,right:le,bottom:le,backgroundColor:V.fill,borderColor:V.ring}],children:(0,_slotIcon.renderSlotIcon)(m,{color:V.icon,size:Math.round(.55*ae),disabled:!1})}):null]})}),Ce="stacked"!==I?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[styles.meta,"profile"===I?styles.metaCentred:null],children:[k?(0,_jsxRuntime.jsx)(_index6.Text,{variant:"body",weight:"semibold",style:[styles.title,"profile"===I?styles.textCentred:null],children:k}):null,C?(0,_jsxRuntime.jsx)(_index6.Text,{variant:"bodySmall",color:"secondary",style:[styles.subtitle,"profile"===I?styles.textCentred:null,{marginTop:F.space.xxs}],children:C}):null,(0,_jsxRuntime.jsx)(_index4.FieldMessage,{text:re??y,error:(0,_index4.hasFieldText)(re)})]}):(0,_jsxRuntime.jsx)(_index4.FieldMessage,{text:re??y,error:(0,_index4.hasFieldText)(re)});return(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:r,style:E,testID:T,children:[v?(0,_jsxRuntime.jsx)(_index4.FieldLabel,{required:f,children:v}):null,(0,_jsxRuntime.jsxs)(_reactNative.View,{style:"inline"===I?[styles.row,{columnGap:F.space.md}]:["profile"===I?styles.columnCentred:styles.column,{rowGap:F.space.xs}],children:[ke,Ce]}),(0,_jsxRuntime.jsx)(_OptionSheet.OptionSheet,{visible:W,haptic:A,onClose:()=>X(!1),onAfterClose:ye,title:z.sheetTitle,options:he,getOptionLabel:e=>"remove"===e.kind?z.remove:e.source.label,getOptionValue:e=>"remove"===e.kind?REMOVE_VALUE:e.source.key,destructiveOf:e=>"remove"===e.kind,getOptionDescription:e=>"remove"===e.kind?void 0:e.source.description,getOptionIcon:e=>"remove"===e.kind?(0,_jsxRuntime.jsx)(_index3.AppIcon,{name:"trash",size:20,color:F.colors["danger-text"]}):e.source.icon,onChange:(e,r)=>ve(r)})]})});ProfilePicker.displayName="ProfilePicker";const styles=_reactNative.StyleSheet.create({fill:{alignItems:"center",justifyContent:"center",overflow:"hidden"},overlay:{..._reactNative.StyleSheet.absoluteFill},badge:{position:"absolute",alignItems:"center",justifyContent:"center",borderWidth:2},row:{flexDirection:"row",alignItems:"center"},column:{alignItems:"flex-start"},columnCentred:{alignItems:"center"},meta:{flexShrink:1},metaCentred:{alignItems:"center"},title:{includeFontPadding:!1},subtitle:{includeFontPadding:!1},textCentred:{textAlign:"center"}});var _default=exports.default=ProfilePicker;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ProfilePicker",{enumerable:!0,get:function(){return _ProfilePicker.ProfilePicker}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _ProfilePicker.default}});var cache,_ProfilePicker=_interopRequireWildcard(require("./ProfilePicker.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,c,i=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=i&&Object.getOwnPropertyDescriptor(e,c))&&(t.get||t.set)?i(o,c,t):o[c]=e[c]);return o}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_PROFILE_PICKER_LABELS",{enumerable:!0,get:function(){return _ProfilePicker.DEFAULT_PROFILE_PICKER_LABELS}}),Object.defineProperty(exports,"ProfilePicker",{enumerable:!0,get:function(){return _ProfilePicker.ProfilePicker}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _ProfilePicker.default}});var cache,_ProfilePicker=_interopRequireWildcard(require("./ProfilePicker.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,c,i=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(c in e)"default"!==c&&{}.hasOwnProperty.call(e,c)&&((t=i&&Object.getOwnPropertyDescriptor(e,c))&&(t.get||t.set)?i(n,c,t):n[c]=e[c]);return n}

package/lib/commonjs/components/ProgressBar/ProgressBar.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ProgressBar=void 0;var _react=require("react"),_reactNative=require("react-native"),_useReducedMotion=require("../../hooks/useReducedMotion.js"),_index=require("../../theme/index.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_jsxRuntime=require("react/jsx-runtime");const toneColor=(e,t)=>{switch(t){case"success":return e.colors.success;case"warning":return e.colors.warning;case"danger":return e.colors.danger;default:return e.colors.primary}},DETERMINATE_ANIMATION_DURATION=400,INDETERMINATE_LOOP_DURATION=1500,INDETERMINATE_WIDTH="30%",GLOW_LOCATIONS=[0,.35,.5,.65,1],glowOf=e=>{const t=(0,_color.tintOf)(e,0,"transparent"),r=(0,_color.tintOf)(e,.6,e);return{colors:[t,r,e,r,t],locations:GLOW_LOCATIONS,start:{x:0,y:.5},end:{x:1,y:.5}}},clampProgress=e=>"number"!=typeof e||Number.isNaN(e)||e<0?0:e>1?1:e,ProgressBar=exports.ProgressBar=(0,_react.forwardRef)((e,t)=>{const r=(0,_index.useTheme)(),i=(0,_useReducedMotion.useReducedMotion)(),{progress:a,label:s,showPercent:n=!1,indeterminate:o,height:l=6,radius:c,tone:u="primary",trackColor:d,barColor:_,gradient:m,segments:g,animated:x=!0,style:p,containerStyle:y,barStyle:h,accessibilityLabel:f,testID:N}=e,v=o??"number"!=typeof a,R=clampProgress(a),b=(0,_react.useRef)((0,_index.createAnimatedValue)(R)).current,j=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,w=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,A=(0,_react.useRef)(0),O=(0,_react.useMemo)(()=>buildStyles(r),[r]),V=c??r.radius.pill,E=d??r.colors["surface-disabled"],I=_??toneColor(r,u),T=(0,_react.useMemo)(()=>m?"string"==typeof m?r.settings.gradients[m]??null:m:null,[m,r.settings.gradients]),M=(0,_react.useMemo)(()=>glowOf(I),[I]),S=Array.isArray(g)&&g.length>0;(0,_react.useEffect)(()=>{v||(x?_reactNative.Animated.timing(b,{toValue:R,duration:400,easing:_reactNative.Easing.bezier(...r.motion.ease["in-out"]),useNativeDriver:!1}).start():b.setValue(R))},[x,R,b,v,r]),(0,_react.useEffect)(()=>{if(!v)return;(0,_index.setNativeValue)(j,0);const e=_reactNative.Animated.loop(_reactNative.Animated.timing(j,{toValue:1,duration:1500,easing:_reactNative.Easing.inOut(_reactNative.Easing.ease),useNativeDriver:!0}));return e.start(),()=>{e.stop()}},[v,j]);const C=b.interpolate({inputRange:[0,1],outputRange:["0%","100%"]}),D=j.interpolate({inputRange:[0,1],outputRange:[-1,1]}),P=j.interpolate({inputRange:[0,.5,1],outputRange:[.4,1,.4]}),B=n&&!v&&!S,L=null!=s||B,k=f??("string"==typeof s?s:void 0),q=(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,accessibilityRole:"progressbar",accessibilityLabel:k,accessibilityValue:v?{text:"Loading"}:{min:0,max:100,now:Math.round(100*R)},testID:N,onLayout:e=>{const t=e.nativeEvent.layout.width;A.current=t,(0,_index.setNativeValue)(w,t)},style:[O.track,{height:l,borderRadius:V,..._corners.smoothCorners,backgroundColor:E},p,y],children:S?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[O.segments,{height:l}],children:(g??[]).map((e,t)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:100*clampProgress(e.value)+"%",height:l,backgroundColor:e.color??toneColor(r,e.tone??"primary")}},t))}):v?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[O.indeterminateBar,{height:l,width:i?"100%":"30%",opacity:i?P:1,transform:i?[]:[{translateX:_reactNative.Animated.multiply(D,w)}]},h],children:(0,_jsxRuntime.jsx)(_index.Gradient,{gradient:M,style:_reactNative.StyleSheet.absoluteFill})}):(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[O.determinateBar,{height:l,borderRadius:V,..._corners.smoothCorners,backgroundColor:T?"transparent":I,width:C,overflow:T?"hidden":void 0},h],children:T?(0,_jsxRuntime.jsx)(_index.Gradient,{gradient:T,style:_reactNative.StyleSheet.absoluteFill}):null})});if(!L)return q;const G={fontSize:r.text.sm.size,...(0,_index.fontFor)(r,"medium")};return(0,_jsxRuntime.jsxs)(_reactNative.View,{style:O.wrapper,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[O.labelRow,{marginBottom:r.space.xs}],children:["string"==typeof s||"number"==typeof s?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:[O.label,G,{color:r.colors["text-body"]}],children:s}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:O.label,children:s}),B?(0,_jsxRuntime.jsx)(_reactNative.Text,{accessible:!1,importantForAccessibility:"no",style:[G,{color:r.colors["text-muted"]}],children:`${Math.round(100*R)}%`}):null]}),q]})});ProgressBar.displayName="ProgressBar";const buildStyles=e=>_reactNative.StyleSheet.create({wrapper:{width:"100%"},labelRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",columnGap:e.space.sm},label:{flexShrink:1},track:{width:"100%",overflow:"hidden"},determinateBar:{position:"absolute",left:0,top:0},indeterminateBar:{position:"absolute",left:0,top:0},segments:{flexDirection:"row",width:"100%"}});var _default=exports.default=ProgressBar;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ProgressBar=exports.DEFAULT_PROGRESS_BAR_LABELS=void 0;var _react=require("react"),_reactNative=require("react-native"),_useReducedMotion=require("../../hooks/useReducedMotion.js"),_index=require("../../theme/index.js"),_color=require("../../utils/color.js"),_corners=require("../../utils/corners.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index2=require("../Text/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_PROGRESS_BAR_LABELS=exports.DEFAULT_PROGRESS_BAR_LABELS=Object.freeze({loading:"Loading"}),toneColor=(e,t)=>{switch(t){case"success":return e.colors.success;case"warning":return e.colors.warning;case"danger":return e.colors.danger;case"info":return e.colors.info;case"neutral":return e.colors["text-muted"];default:return e.colors.primary}},DETERMINATE_ANIMATION_DURATION=400,INDETERMINATE_LOOP_DURATION=1500,INDETERMINATE_WIDTH="30%",GLOW_LOCATIONS=[0,.35,.5,.65,1],glowOf=e=>{const t=(0,_color.tintOf)(e,0,"transparent"),r=(0,_color.tintOf)(e,.6,e);return{colors:[t,r,e,r,t],locations:GLOW_LOCATIONS,start:{x:0,y:.5},end:{x:1,y:.5}}},clampProgress=e=>"number"!=typeof e||Number.isNaN(e)||e<0?0:e>1?1:e,ProgressBar=exports.ProgressBar=(0,_react.forwardRef)((e,t)=>{const r=(0,_index.useTheme)(),a=(0,_useReducedMotion.useReducedMotion)(),{progress:i,label:s,showPercent:n=!1,indeterminate:o,height:l=6,radius:c,tone:u="primary",trackColor:d,barColor:_,gradient:m,segments:g,animated:x=!0,style:p,containerStyle:R,barStyle:y,accessibilityLabel:h,labels:v,testID:f}=e;(0,_warnInvalidValue.warnInvalidValue)("ProgressBar","tone",e.tone,["primary","success","warning","danger","info","neutral"]);const b=(0,_react.useMemo)(()=>({...DEFAULT_PROGRESS_BAR_LABELS,...v}),[v]),N=o??"number"!=typeof i,w=clampProgress(i),j=(0,_react.useRef)((0,_index.createAnimatedValue)(w)).current,A=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,E=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,S=(0,_react.useRef)(0),O=(0,_react.useMemo)(()=>buildStyles(r),[r]),L=c??r.radius.pill,V=d??r.colors["surface-disabled"],B=_??toneColor(r,u),T=(0,_react.useMemo)(()=>m?"string"==typeof m?r.settings.gradients[m]??null:m:null,[m,r.settings.gradients]),I=(0,_react.useMemo)(()=>glowOf(B),[B]),P=Array.isArray(g)&&g.length>0;(0,_react.useEffect)(()=>{N||(x?_reactNative.Animated.timing(j,{toValue:w,duration:400,easing:_reactNative.Easing.bezier(...r.motion.ease["in-out"]),useNativeDriver:!1}).start():j.setValue(w))},[x,w,j,N,r]),(0,_react.useEffect)(()=>{if(!N)return;(0,_index.setNativeValue)(A,0);const e=_reactNative.Animated.loop(_reactNative.Animated.timing(A,{toValue:1,duration:1500,easing:_reactNative.Easing.inOut(_reactNative.Easing.ease),useNativeDriver:!0}));return e.start(),()=>{e.stop()}},[N,A]);const D=j.interpolate({inputRange:[0,1],outputRange:["0%","100%"]}),M=A.interpolate({inputRange:[0,1],outputRange:[-1,1]}),C=A.interpolate({inputRange:[0,.5,1],outputRange:[.4,1,.4]}),q=n&&!N&&!P,G=null!=s||q,k=h??("string"==typeof s?s:void 0),F=(0,_jsxRuntime.jsx)(_reactNative.View,{ref:t,accessibilityRole:"progressbar",accessibilityLabel:k,accessibilityValue:N?{text:b.loading}:{min:0,max:100,now:Math.round(100*w)},testID:f,onLayout:e=>{const t=e.nativeEvent.layout.width;S.current=t,(0,_index.setNativeValue)(E,t)},style:[O.track,{height:l,borderRadius:L,..._corners.smoothCorners,backgroundColor:V},p,R],children:P?(0,_jsxRuntime.jsx)(_reactNative.View,{style:[O.segments,{height:l}],children:(g??[]).map((e,t)=>(0,_jsxRuntime.jsx)(_reactNative.View,{style:{width:100*clampProgress(e.value)+"%",height:l,backgroundColor:e.color??toneColor(r,e.tone??"primary")}},t))}):N?(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[O.indeterminateBar,{height:l,width:a?"100%":"30%",opacity:a?C:1,transform:a?[]:[{translateX:_reactNative.Animated.multiply(M,E)}]},y],children:(0,_jsxRuntime.jsx)(_index.Gradient,{gradient:I,style:_reactNative.StyleSheet.absoluteFill})}):(0,_jsxRuntime.jsx)(_reactNative.Animated.View,{style:[O.determinateBar,{height:l,borderRadius:L,..._corners.smoothCorners,backgroundColor:T?"transparent":B,width:D,overflow:T?"hidden":void 0},y],children:T?(0,_jsxRuntime.jsx)(_index.Gradient,{gradient:T,style:_reactNative.StyleSheet.absoluteFill}):null})});return G?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:O.wrapper,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[O.labelRow,{marginBottom:r.space.xs}],children:["string"==typeof s||"number"==typeof s?(0,_jsxRuntime.jsx)(_index2.Text,{variant:"label",color:"primary",style:O.label,children:s}):(0,_jsxRuntime.jsx)(_reactNative.View,{style:O.label,children:s}),q?(0,_jsxRuntime.jsx)(_index2.Text,{variant:"label",color:"secondary",accessible:!1,importantForAccessibility:"no",children:`${Math.round(100*w)}%`}):null]}),F]}):F});ProgressBar.displayName="ProgressBar";const buildStyles=e=>_reactNative.StyleSheet.create({wrapper:{width:"100%"},labelRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",columnGap:e.space.sm},label:{flexShrink:1},track:{width:"100%",overflow:"hidden"},determinateBar:{position:"absolute",left:0,top:0},indeterminateBar:{position:"absolute",left:0,top:0},segments:{flexDirection:"row",width:"100%"}});var _default=exports.default=ProgressBar;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ProgressBar",{enumerable:!0,get:function(){return _ProgressBar.ProgressBar}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _ProgressBar.default}});var cache,_ProgressBar=_interopRequireWildcard(require("./ProgressBar.js"));function _interopRequireWildcard(e,r){if(!r&&e&&e.__esModule)return e;var t,a,c=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=c&&Object.getOwnPropertyDescriptor(e,a))&&(t.get||t.set)?c(o,a,t):o[a]=e[a]);return o}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"DEFAULT_PROGRESS_BAR_LABELS",{enumerable:!0,get:function(){return _ProgressBar.DEFAULT_PROGRESS_BAR_LABELS}}),Object.defineProperty(exports,"ProgressBar",{enumerable:!0,get:function(){return _ProgressBar.ProgressBar}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _ProgressBar.default}});var cache,_ProgressBar=_interopRequireWildcard(require("./ProgressBar.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/ProgressRing/ProgressRing.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ProgressRing=void 0;var cache,_react=require("react"),_reactNative=require("react-native"),_reactNativeSvg=_interopRequireWildcard(require("react-native-svg")),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,s,i=Object.defineProperty,a={__proto__:null,default:e};if(Object(e)!==e)return a;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,a)}for(s in e)"default"!==s&&{}.hasOwnProperty.call(e,s)&&((r=i&&Object.getOwnPropertyDescriptor(e,s))&&(r.get||r.set)?i(a,s,r):a[s]=e[s]);return a}const AnimatedCircle=_reactNative.Animated.createAnimatedComponent(_reactNativeSvg.Circle),toneColor=(e,t)=>{switch(t){case"success":return e.colors.success;case"warning":return e.colors.warning;case"danger":return e.colors.danger;default:return e.colors.primary}},clampProgress=e=>"number"!=typeof e||Number.isNaN(e)?0:Math.min(1,Math.max(0,e)),DEFAULT_STROKE_WIDTH=4,DEFAULT_DURATION=600,DEFAULT_COLOR_STOPS=[1/3,2/3],STOP_EDGE=1e-4,ProgressRing=exports.ProgressRing=(0,_react.forwardRef)((e,t)=>{const{progress:r,size:s=48,strokeWidth:i,tone:a="primary",trackColor:o,ringColor:n,colorByProgress:c=!1,animated:l=!0,rounded:u=!0,children:d,accessibilityLabel:g,style:_,testID:p}=e,m=(0,_index2.useTheme)(),f=(0,_index.useReducedMotion)(),h=clampProgress(r),x=i??4,v=o??m.colors["surface-disabled"],[R,y]=DEFAULT_COLOR_STOPS,b=Math.max(0,(s-x)/2),j=2*Math.PI*b,N=(0,_react.useRef)((0,_index2.createAnimatedValue)(h)).current;(0,_react.useEffect)(()=>{if(!l||f)return void N.setValue(h);const e=_reactNative.Animated.timing(N,{toValue:h,duration:600,easing:_reactNative.Easing.bezier(...m.motion.ease["in-out"]),useNativeDriver:!1});return e.start(),()=>e.stop()},[l,h,N,f,m.motion.ease["in-out"]]);const P=N.interpolate({inputRange:[0,1],outputRange:[j,0]}),w=N.interpolate({inputRange:[0,.001,1],outputRange:[0,1,1]}),O=(0,_react.useMemo)(()=>N.interpolate({inputRange:[0,R-1e-4,R,y-1e-4,y,1],outputRange:[m.colors.danger,m.colors.danger,m.colors.warning,m.colors.warning,m.colors.success,m.colors.success]}),[N,m.colors.danger,m.colors.warning,m.colors.success]),D=n??(c?O:toneColor(m,a)),S=(0,_react.useMemo)(()=>buildStyles(),[]),k=s/2;return(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,accessible:null==d,accessibilityRole:"progressbar",accessibilityLabel:g,accessibilityValue:{min:0,max:100,now:Math.round(100*h)},testID:p,style:[S.root,{width:s,height:s},_],children:[(0,_jsxRuntime.jsxs)(_reactNativeSvg.default,{width:s,height:s,viewBox:`0 0 ${s} ${s}`,children:[(0,_jsxRuntime.jsx)(_reactNativeSvg.Circle,{cx:k,cy:k,r:b,stroke:v,strokeWidth:x,fill:"none"}),(0,_jsxRuntime.jsx)(AnimatedCircle,{cx:k,cy:k,r:b,stroke:D,strokeWidth:x,strokeLinecap:u?"round":"butt",strokeDasharray:`${j} ${j}`,strokeDashoffset:P,strokeOpacity:w,fill:"none",transform:`rotate(-90 ${k} ${k})`,testID:p?`${p}-fill`:void 0})]}),null!=d?(0,_jsxRuntime.jsx)(_reactNative.View,{style:S.content,pointerEvents:"box-none",children:d}):null]})});ProgressRing.displayName="ProgressRing";const buildStyles=()=>_reactNative.StyleSheet.create({root:{alignItems:"center",justifyContent:"center"},content:{position:"absolute",top:0,right:0,bottom:0,left:0,alignItems:"center",justifyContent:"center"}});var _default=exports.default=ProgressRing;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ProgressRing=void 0;var cache,_react=require("react"),_reactNative=require("react-native"),_reactNativeSvg=_interopRequireWildcard(require("react-native-svg")),_index=require("../../hooks/index.js"),_index2=require("../../theme/index.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,t){if(!t&&e&&e.__esModule)return e;var r,a,n=Object.defineProperty,s={__proto__:null,default:e};if(Object(e)!==e)return s;if(cache||"function"!=typeof WeakMap||(cache=new WeakMap),cache){if(cache.has(e))return cache.get(e);cache.set(e,s)}for(a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((r=n&&Object.getOwnPropertyDescriptor(e,a))&&(r.get||r.set)?n(s,a,r):s[a]=e[a]);return s}const AnimatedCircle=_reactNative.Animated.createAnimatedComponent(_reactNativeSvg.Circle),toneColor=(e,t)=>{switch(t){case"success":return e.colors.success;case"warning":return e.colors.warning;case"danger":return e.colors.danger;case"info":return e.colors.info;case"neutral":return e.colors["text-muted"];default:return e.colors.primary}},clampProgress=e=>"number"!=typeof e||Number.isNaN(e)?0:Math.min(1,Math.max(0,e)),DEFAULT_STROKE_WIDTH=4,DEFAULT_DURATION=600,DEFAULT_COLOR_STOPS=[1/3,2/3],STOP_EDGE=1e-4,ProgressRing=exports.ProgressRing=(0,_react.forwardRef)((e,t)=>{const{progress:r,size:a=48,strokeWidth:n,tone:s="primary",trackColor:i,ringColor:o,colorByProgress:c=!1,animated:l=!0,rounded:u=!0,children:d,accessibilityLabel:g,style:_,testID:p}=e;(0,_warnInvalidValue.warnInvalidValue)("ProgressRing","tone",e.tone,["primary","success","warning","danger","info","neutral"]);const m=(0,_index2.useTheme)(),f=(0,_index.useReducedMotion)(),h=clampProgress(r),v=n??4,x=i??m.colors["surface-disabled"],[R,y]=DEFAULT_COLOR_STOPS,b=Math.max(0,(a-v)/2),j=2*Math.PI*b,w=(0,_react.useRef)((0,_index2.createAnimatedValue)(h)).current;(0,_react.useEffect)(()=>{if(!l||f)return void w.setValue(h);const e=_reactNative.Animated.timing(w,{toValue:h,duration:600,easing:_reactNative.Easing.bezier(...m.motion.ease["in-out"]),useNativeDriver:!1});return e.start(),()=>e.stop()},[l,h,w,f,m.motion.ease["in-out"]]);const P=w.interpolate({inputRange:[0,1],outputRange:[j,0]}),N=w.interpolate({inputRange:[0,.001,1],outputRange:[0,1,1]}),O=(0,_react.useMemo)(()=>w.interpolate({inputRange:[0,R-1e-4,R,y-1e-4,y,1],outputRange:[m.colors.danger,m.colors.danger,m.colors.warning,m.colors.warning,m.colors.success,m.colors.success]}),[w,m.colors.danger,m.colors.warning,m.colors.success]),D=o??(c?O:toneColor(m,s)),S=(0,_react.useMemo)(()=>buildStyles(),[]),k=a/2;return(0,_jsxRuntime.jsxs)(_reactNative.View,{ref:t,accessible:null==d,accessibilityRole:"progressbar",accessibilityLabel:g,accessibilityValue:{min:0,max:100,now:Math.round(100*h)},testID:p,style:[S.root,{width:a,height:a},_],children:[(0,_jsxRuntime.jsxs)(_reactNativeSvg.default,{width:a,height:a,viewBox:`0 0 ${a} ${a}`,children:[(0,_jsxRuntime.jsx)(_reactNativeSvg.Circle,{cx:k,cy:k,r:b,stroke:x,strokeWidth:v,fill:"none"}),(0,_jsxRuntime.jsx)(AnimatedCircle,{cx:k,cy:k,r:b,stroke:D,strokeWidth:v,strokeLinecap:u?"round":"butt",strokeDasharray:`${j} ${j}`,strokeDashoffset:P,strokeOpacity:N,fill:"none",transform:`rotate(-90 ${k} ${k})`,testID:p?`${p}-fill`:void 0})]}),null!=d?(0,_jsxRuntime.jsx)(_reactNative.View,{style:S.content,pointerEvents:"box-none",children:d}):null]})});ProgressRing.displayName="ProgressRing";const buildStyles=()=>_reactNative.StyleSheet.create({root:{alignItems:"center",justifyContent:"center"},content:{position:"absolute",top:0,right:0,bottom:0,left:0,alignItems:"center",justifyContent:"center"}});var _default=exports.default=ProgressRing;

package/lib/commonjs/components/Radio/Radio.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useRadioGroup=exports.default=exports.RadioGroupContext=exports.Radio=void 0;var _mobileCore=require("@webority/mobile-core"),_react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_hitSlop=require("../../utils/hitSlop.js"),_index2=require("../FieldBase/index.js"),_ChoiceText=require("../FieldBase/ChoiceText.js"),_RadioDot=require("./RadioDot.js"),_jsxRuntime=require("react/jsx-runtime");const RadioGroupContext=exports.RadioGroupContext=(0,_react.createContext)(null),useRadioGroup=()=>(0,_react.useContext)(RadioGroupContext);exports.useRadioGroup=useRadioGroup;const toneColor=(e,t)=>{switch(t){case"success":return e.colors.success;case"warning":return e.colors.warning;case"danger":return e.colors.danger;default:return e.colors.primary}},Radio=exports.Radio=(0,_react.forwardRef)((e,t)=>{const{value:i,selected:r,onChange:o,disabled:s=!1,label:a,description:l,error:c,size:d="md",tone:n="primary",accessibilityLabel:u,haptic:p,style:x,containerStyle:_,circleStyle:b,dotStyle:h,labelStyle:y,testID:R,hitSlop:m,...S}=e,C=(0,_index.useTheme)(),g=(0,_react.useMemo)(()=>buildStyles(C),[C]),f=useRadioGroup();__DEV__&&void 0===i&&_mobileCore.Logger.warn("[@webority/mobile-ui] Radio was rendered without a `value`. Selection compares against it, so the group cannot track which option is chosen.");const j=f?f.selectedValue===i:!!r,w=f&&f.disabled||s,v=toneColor(C,n),T=(0,_index.spaceOf)(C,C.components.radio["label-gap"]),q=m??6,D=u??(0,_index2.fieldTextAsString)(a),G=!0===f?.error||!0===c||(0,_index2.hasFieldText)(c);return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{ref:t,onPress:e=>{if(w)return;const t=(0,_hapticUtils.resolveHaptic)(p,"selection");t&&(0,_hapticUtils.triggerHaptic)(t),f?f.onChange(i):o?.(i)},disabled:w,accessibilityRole:"radio",accessibilityLabel:D,accessibilityHint:S.accessibilityHint??(0,_index2.fieldTextAsString)(l),accessibilityState:{checked:j,disabled:w},"aria-checked":j,"aria-disabled":w,testID:R,hitSlop:q,...(0,_hitSlop.hitSlopMarker)(q),...S,style:({pressed:e})=>[g.row,(0,_ChoiceText.hasChoiceDetail)(l,c)?g.rowTop:null,{opacity:w?.55:e?.85:1},x,_],children:[(0,_jsxRuntime.jsx)(_RadioDot.RadioDot,{selected:j,color:v,disabled:w&&!j,size:d,style:[!G||j||w?null:{borderColor:C.colors["field-border-error"]},b],dotStyle:h}),(0,_jsxRuntime.jsx)(_ChoiceText.ChoiceText,{label:a,description:l,error:c,disabled:w,labelLines:2,style:{marginLeft:T},labelStyle:y})]})});Radio.displayName="Radio";const buildStyles=e=>_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center"},rowTop:{alignItems:"flex-start"}});var _default=exports.default=Radio;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useRadioGroup=exports.default=exports.RadioGroupContext=exports.Radio=void 0;var _mobileCore=require("@webority/mobile-core"),_react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_hapticUtils=require("../../utils/hapticUtils.js"),_hitSlop=require("../../utils/hitSlop.js"),_warnInvalidValue=require("../../utils/warnInvalidValue.js"),_index2=require("../FieldBase/index.js"),_ChoiceText=require("../FieldBase/ChoiceText.js"),_RadioDot=require("./RadioDot.js"),_jsxRuntime=require("react/jsx-runtime");const RadioGroupContext=exports.RadioGroupContext=(0,_react.createContext)(null),useRadioGroup=()=>(0,_react.useContext)(RadioGroupContext);exports.useRadioGroup=useRadioGroup;const toneColor=(e,i)=>{switch(i){case"success":return e.colors.success;case"warning":return e.colors.warning;case"danger":return e.colors.danger;case"info":return e.colors.info;case"neutral":return e.colors["text-muted"];default:return e.colors.primary}},Radio=exports.Radio=(0,_react.forwardRef)((e,i)=>{const{value:t,selected:r,onChange:o,disabled:a=!1,label:s,helperText:l,description:n,error:c,size:d="md",tone:u="primary",accessibilityLabel:p,haptic:x,style:_,containerStyle:h,circleStyle:b,dotStyle:y,labelStyle:R,testID:m,hitSlop:g,...w}=e;(0,_warnInvalidValue.warnInvalidValue)("Radio","size",e.size,["sm","md","lg"]),(0,_warnInvalidValue.warnInvalidValue)("Radio","tone",e.tone,["primary","success","warning","danger","info","neutral"]);const f=(0,_index.useTheme)(),S=(0,_react.useMemo)(()=>buildStyles(f),[f]),v=useRadioGroup();__DEV__&&void 0===t&&_mobileCore.Logger.warn("[@webority/mobile-ui] Radio was rendered without a `value`. Selection compares against it, so the group cannot track which option is chosen.");const C=v?v.selectedValue===t:!!r,j=v&&v.disabled||a,T=toneColor(f,u),q=(0,_index.spaceOf)(f,f.components.radio["label-gap"]),I=g??6,D=p??(0,_index2.fieldTextAsString)(s),G="string"==typeof c?c:void 0,V={description:n,helperText:l,error:G},k=!0===v?.error||!0===c||(0,_index2.hasFieldText)(c);return(0,_jsxRuntime.jsxs)(_reactNative.Pressable,{ref:i,onPress:e=>{if(j)return;const i=(0,_hapticUtils.resolveHaptic)(x,"selection");i&&(0,_hapticUtils.triggerHaptic)(i),v?v.onChange(t):o?.(t)},disabled:j,accessibilityRole:"radio",accessibilityLabel:D,accessibilityHint:w.accessibilityHint??(0,_index2.fieldTextAsString)(l??n),accessibilityState:{checked:C,disabled:j},"aria-checked":C,"aria-disabled":j,testID:m,hitSlop:I,...(0,_hitSlop.hitSlopMarker)(I),...w,style:({pressed:e})=>[S.row,(0,_ChoiceText.hasChoiceDetail)(V)?S.rowTop:null,{opacity:j?.55:e?.85:1},_,h],children:[(0,_jsxRuntime.jsx)(_RadioDot.RadioDot,{selected:C,color:T,disabled:j&&!C,size:d,style:[!k||C||j?null:{borderColor:f.colors["field-border-error"]},b],dotStyle:y}),(0,_jsxRuntime.jsx)(_ChoiceText.ChoiceText,{label:s,helperText:l,description:n,error:G,disabled:j,style:{marginLeft:q},labelStyle:R})]})});Radio.displayName="Radio";const buildStyles=e=>_reactNative.StyleSheet.create({row:{flexDirection:"row",alignItems:"center"},rowTop:{alignItems:"flex-start"}});var _default=exports.default=Radio;

package/lib/commonjs/components/Radio/RadioGroup.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.RadioGroup=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../hooks/index.js"),_index2=require("../FieldBase/index.js"),_ChoiceText=require("../FieldBase/ChoiceText.js"),_Radio=require("./Radio.js"),_jsxRuntime=require("react/jsx-runtime");const RadioGroup=({value:e,defaultValue:i,onChange:r,children:a,disabled:t=!1,error:o,accessibilityLabel:s,style:d,testID:u})=>{const[l,c]=(0,_index.useControllableState)({value:e,defaultValue:i??void 0,onChange:r}),n=!0===o||(0,_index2.hasFieldText)(o),x=(0,_react.useMemo)(()=>({selectedValue:l,onChange:c,disabled:t,error:n}),[l,c,t,n]);return(0,_jsxRuntime.jsxs)(_Radio.RadioGroupContext.Provider,{value:x,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{accessibilityRole:"radiogroup",accessibilityLabel:s,accessibilityState:{disabled:t},"aria-disabled":t,testID:u,style:d,children:a}),(0,_jsxRuntime.jsx)(_ChoiceText.ChoiceText,{error:o})]})};exports.RadioGroup=RadioGroup,RadioGroup.displayName="RadioGroup";var _default=exports.default=RadioGroup;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.RadioGroup=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../hooks/index.js"),_index2=require("../FieldBase/index.js"),_ChoiceText=require("../FieldBase/ChoiceText.js"),_Radio=require("./Radio.js"),_jsxRuntime=require("react/jsx-runtime");const RadioGroup=({value:e,defaultValue:i,onChange:r,children:a,disabled:t=!1,error:o,accessibilityLabel:s,style:d,testID:u})=>{const[l,n]=(0,_index.useControllableState)({value:e,defaultValue:i??void 0,onChange:r}),c=!0===o||(0,_index2.hasFieldText)(o),x=(0,_react.useMemo)(()=>({selectedValue:l,onChange:n,disabled:t,error:c}),[l,n,t,c]);return(0,_jsxRuntime.jsxs)(_Radio.RadioGroupContext.Provider,{value:x,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{accessibilityRole:"radiogroup",accessibilityLabel:s,accessibilityState:{disabled:t},"aria-disabled":t,testID:u,style:d,children:a}),(0,_jsxRuntime.jsx)(_ChoiceText.ChoiceText,{error:"string"==typeof o?o:void 0})]})};exports.RadioGroup=RadioGroup,RadioGroup.displayName="RadioGroup";var _default=exports.default=RadioGroup;