@webority/mobile-ui 0.0.39 → 0.1.0

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

@@ -1,20 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Tooltip", {
-  enumerable: true,
-  get: function () {
-    return _Tooltip.Tooltip;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Tooltip.default;
-  }
-});
-var _Tooltip = _interopRequireWildcard(require("./Tooltip.js"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function(){return _Tooltip.Tooltip}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Tooltip.default}});var _Tooltip=_interopRequireWildcard(require("./Tooltip.js"));function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,o=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var n,i,u={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return u;if(n=t?o:r){if(n.has(e))return n.get(e);n.set(e,u)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?n(u,t,i):u[t]=e[t]);return u})(e,t)}

package/lib/commonjs/components/Tour/Tour.js

@@ -1,342 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Tour = void 0;
-var _react = require("react");
-var _reactNative = require("react-native");
-var _index = require("../../theme/index.js");
-var _corners = require("../../utils/corners.js");
-var _index2 = require("../Button/index.js");
-var _index3 = require("../Modal/index.js");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * Where the app remembers that a person has seen a tour: one record per tour
- * id for the signed-in person, so one server record can serve the web tour too.
- */
-
-/**
- * - `finished`: the person stepped past the last step. Marked seen.
- * - `skipped`: Skip, or Android back. Marked seen.
- * - `alreadySeen`: the seen store says this tour was seen, so nothing showed.
- * - `noTargets`: no step's view was on screen, so nothing showed. Not marked seen.
- */
-
-const DEFAULT_GAP = 8;
-const DEFAULT_SCREEN_PADDING = 8;
-const MAX_CARD_WIDTH = 360;
-const HIGHLIGHT_BORDER_WIDTH = 2;
-const measureInWindow = target => new Promise(resolve => {
-  const node = target.current;
-  if (!node) {
-    resolve(null);
-    return;
-  }
-  node.measureInWindow((x, y, width, height) => resolve({
-    x,
-    y,
-    width,
-    height
-  }));
-});
-const isOnScreen = (rect, screen) => rect.width > 0 && rect.height > 0 && rect.x < screen.width && rect.y < screen.height && rect.x + rect.width > 0 && rect.y + rect.height > 0;
-
-/**
- * Walks through product steps one highlighted view at a time: the screen is
- * dimmed except around the step's view, with a card holding the step text and
- * Back, Next and Skip. Built on `Modal`; the card sits on the side of the view
- * with more room, as `Tooltip` places its bubble, using the same tooltip gap and
- * screen-padding tokens. Motion comes from `theme.motion`, which collapses under
- * the OS Reduce Motion setting.
- */
-const Tour = ({
-  tourId,
-  steps,
-  visible,
-  onClose,
-  seenStore,
-  labels,
-  haptic,
-  testID
-}) => {
-  const theme = (0, _index.useTheme)();
-  const styles = (0, _react.useMemo)(() => buildStyles(theme), [theme]);
-  const screen = (0, _reactNative.useWindowDimensions)();
-  const screenRef = (0, _react.useRef)(screen);
-  screenRef.current = screen;
-  const gap = theme.components.tooltip?.gap ?? DEFAULT_GAP;
-  const screenPadding = theme.components.tooltip?.screenPadding ?? DEFAULT_SCREEN_PADDING;
-  const [current, setCurrent] = (0, _react.useState)(null);
-  const [firstIndex, setFirstIndex] = (0, _react.useState)(0);
-  const cardOpacity = (0, _react.useRef)((0, _index.createAnimatedValue)(0)).current;
-  const stepsRef = (0, _react.useRef)(steps);
-  stepsRef.current = steps;
-  const onCloseRef = (0, _react.useRef)(onClose);
-  onCloseRef.current = onClose;
-  // Read through a ref so an inline store object does not restart a running tour.
-  const seenStoreRef = (0, _react.useRef)(seenStore);
-  seenStoreRef.current = seenStore;
-  const locate = (0, _react.useCallback)(async (from, direction) => {
-    for (let index = from; index >= 0 && index < stepsRef.current.length; index += direction) {
-      const rect = await measureInWindow(stepsRef.current[index].target);
-      if (rect && isOnScreen(rect, screenRef.current)) {
-        return {
-          index,
-          rect
-        };
-      }
-    }
-    return null;
-  }, []);
-  (0, _react.useEffect)(() => {
-    if (!visible) {
-      setCurrent(null);
-      return;
-    }
-    let cancelled = false;
-    const start = async () => {
-      const store = seenStoreRef.current;
-      if (store && (await store.isSeen(tourId))) {
-        if (!cancelled) {
-          onCloseRef.current('alreadySeen');
-        }
-        return;
-      }
-      const first = await locate(0, 1);
-      if (cancelled) {
-        return;
-      }
-      if (!first) {
-        onCloseRef.current('noTargets');
-        return;
-      }
-      setFirstIndex(first.index);
-      setCurrent(first);
-    };
-    void start();
-    return () => {
-      cancelled = true;
-    };
-  }, [visible, tourId, locate]);
-  (0, _react.useEffect)(() => {
-    if (!current) {
-      return;
-    }
-    const step = stepsRef.current[current.index];
-    const position = `Step ${current.index + 1} of ${stepsRef.current.length}`;
-    _reactNative.AccessibilityInfo.announceForAccessibility([position, step.title, step.description].filter(Boolean).join('. '));
-    cardOpacity.setValue(0);
-    const fade = _reactNative.Animated.timing(cardOpacity, {
-      toValue: 1,
-      duration: theme.motion.duration.fast,
-      useNativeDriver: true
-    });
-    fade.start();
-    return () => fade.stop();
-  }, [current, cardOpacity, theme.motion.duration.fast]);
-  const close = (0, _react.useCallback)(async reason => {
-    setCurrent(null);
-    await seenStoreRef.current?.markSeen(tourId);
-    onCloseRef.current(reason);
-  }, [tourId]);
-  const handleNext = (0, _react.useCallback)(async () => {
-    if (!current) {
-      return;
-    }
-    const next = await locate(current.index + 1, 1);
-    if (next) {
-      setCurrent(next);
-      return;
-    }
-    await close('finished');
-  }, [current, locate, close]);
-  const handleBack = (0, _react.useCallback)(async () => {
-    if (!current) {
-      return;
-    }
-    const previous = await locate(current.index - 1, -1);
-    if (previous) {
-      setCurrent(previous);
-    }
-  }, [current, locate]);
-  const handleSkip = (0, _react.useCallback)(() => {
-    void close('skipped');
-  }, [close]);
-  const step = current ? steps[current.index] : undefined;
-  const isLast = current ? current.index === steps.length - 1 : false;
-  const pad = theme.spacing.xs;
-  const hole = current ? {
-    x: current.rect.x - pad,
-    y: current.rect.y - pad,
-    width: current.rect.width + pad * 2,
-    height: current.rect.height + pad * 2
-  } : null;
-  const cardWidth = Math.min(screen.width - screenPadding * 2, MAX_CARD_WIDTH);
-  const cardPosition = hole ? (() => {
-    const centreX = hole.x + hole.width / 2;
-    const left = Math.max(screenPadding, Math.min(centreX - cardWidth / 2, screen.width - cardWidth - screenPadding));
-    const roomAbove = hole.y;
-    const roomBelow = screen.height - (hole.y + hole.height);
-    return roomBelow >= roomAbove ? {
-      left,
-      top: hole.y + hole.height + gap,
-      maxHeight: Math.max(roomBelow - gap - screenPadding, 0)
-    } : {
-      left,
-      bottom: screen.height - hole.y + gap,
-      maxHeight: Math.max(roomAbove - gap - screenPadding, 0)
-    };
-  })() : null;
-  const dim = theme.colors.background.overlay;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Modal, {
-    visible: current !== null,
-    onRequestClose: handleSkip,
-    presentation: "fullScreen",
-    backdropPressClose: false,
-    backdropStyle: styles.transparent,
-    contentStyle: styles.transparent,
-    accessibilityLabel: step?.title ?? step?.description,
-    haptic: haptic,
-    testID: testID,
-    children: hole && cardPosition && step ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: _reactNative.StyleSheet.absoluteFill,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.dim, {
-          backgroundColor: dim,
-          top: 0,
-          left: 0,
-          right: 0,
-          height: Math.max(hole.y, 0)
-        }]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.dim, {
-          backgroundColor: dim,
-          top: hole.y + hole.height,
-          left: 0,
-          right: 0,
-          bottom: 0
-        }]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.dim, {
-          backgroundColor: dim,
-          top: hole.y,
-          left: 0,
-          width: Math.max(hole.x, 0),
-          height: hole.height
-        }]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: [styles.dim, {
-          backgroundColor: dim,
-          top: hole.y,
-          left: hole.x + hole.width,
-          right: 0,
-          height: hole.height
-        }]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        pointerEvents: "none",
-        style: [styles.highlight, {
-          top: hole.y,
-          left: hole.x,
-          width: hole.width,
-          height: hole.height
-        }]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Animated.View, {
-        accessibilityLiveRegion: "polite",
-        style: [styles.card, cardPosition, {
-          width: cardWidth,
-          opacity: cardOpacity
-        }],
-        testID: testID ? `${testID}-card` : undefined,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.position,
-          children: `Step ${(current?.index ?? 0) + 1} of ${steps.length}`
-        }), step.title ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.title,
-          accessibilityRole: "header",
-          children: step.title
-        }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-          style: styles.description,
-          children: step.description
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: styles.actions,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
-            title: labels?.skip ?? 'Skip',
-            variant: "ghost",
-            size: "sm",
-            haptic: haptic,
-            onPress: handleSkip,
-            testID: testID ? `${testID}-skip` : undefined
-          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-            style: styles.navigation,
-            children: [current && current.index > firstIndex ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
-              title: labels?.back ?? 'Back',
-              variant: "outline",
-              size: "sm",
-              haptic: haptic,
-              onPress: () => void handleBack(),
-              testID: testID ? `${testID}-back` : undefined
-            }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Button, {
-              title: isLast ? labels?.done ?? 'Done' : labels?.next ?? 'Next',
-              size: "sm",
-              haptic: haptic,
-              onPress: () => void handleNext(),
-              testID: testID ? `${testID}-next` : undefined
-            })]
-          })]
-        })]
-      })]
-    }) : null
-  });
-};
-exports.Tour = Tour;
-Tour.displayName = 'Tour';
-const buildStyles = theme => _reactNative.StyleSheet.create({
-  transparent: {
-    backgroundColor: 'transparent'
-  },
-  dim: {
-    position: 'absolute'
-  },
-  highlight: {
-    position: 'absolute',
-    borderWidth: HIGHLIGHT_BORDER_WIDTH,
-    borderColor: theme.colors.primary,
-    borderRadius: theme.radius.md,
-    ..._corners.smoothCorners
-  },
-  card: {
-    position: 'absolute',
-    backgroundColor: theme.colors.background.elevated,
-    borderRadius: theme.radius.lg,
-    ..._corners.smoothCorners,
-    padding: theme.spacing.lg,
-    gap: theme.spacing.sm,
-    ...theme.shadows.lg
-  },
-  position: {
-    color: theme.colors.text.tertiary,
-    fontSize: theme.typography.fontSize.xs
-  },
-  title: {
-    color: theme.colors.text.primary,
-    fontSize: theme.typography.fontSize.lg,
-    fontWeight: theme.typography.fontWeight.semibold
-  },
-  description: {
-    color: theme.colors.text.secondary,
-    fontSize: theme.typography.fontSize.sm
-  },
-  actions: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'space-between',
-    marginTop: theme.spacing.xs
-  },
-  navigation: {
-    flexDirection: 'row',
-    gap: theme.spacing.sm
-  }
-});
-var _default = exports.default = Tour;
-//# sourceMappingURL=Tour.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.Tour=void 0;var _react=require("react"),_reactNative=require("react-native"),_index=require("../../theme/index.js"),_corners=require("../../utils/corners.js"),_index2=require("../Button/index.js"),_index3=require("../Modal/index.js"),_jsxRuntime=require("react/jsx-runtime");const DEFAULT_GAP=8,DEFAULT_SCREEN_PADDING=8,MAX_CARD_WIDTH=360,HIGHLIGHT_BORDER_WIDTH=2,measureInWindow=e=>new Promise(t=>{const i=e.current;i?i.measureInWindow((e,i,r,n)=>t({x:e,y:i,width:r,height:n})):t(null)}),isOnScreen=(e,t)=>e.width>0&&e.height>0&&e.x<t.width&&e.y<t.height&&e.x+e.width>0&&e.y+e.height>0,Tour=({tourId:e,steps:t,visible:i,onClose:r,seenStore:n,labels:s,haptic:a,testID:o})=>{const c=(0,_index.useTheme)(),l=(0,_react.useMemo)(()=>buildStyles(c),[c]),u=(0,_reactNative.useWindowDimensions)(),d=(0,_react.useRef)(u);d.current=u;const h=c.components.tooltip?.gap??8,x=c.components.tooltip?.screenPadding??8,[_,p]=(0,_react.useState)(null),[g,m]=(0,_react.useState)(0),y=(0,_react.useRef)((0,_index.createAnimatedValue)(0)).current,f=(0,_react.useRef)(t);f.current=t;const v=(0,_react.useRef)(r);v.current=r;const b=(0,_react.useRef)(n);b.current=n;const j=(0,_react.useCallback)(async(e,t)=>{for(let i=e;i>=0&&i<f.current.length;i+=t){const e=await measureInWindow(f.current[i].target);if(e&&isOnScreen(e,d.current))return{index:i,rect:e}}return null},[]);(0,_react.useEffect)(()=>{if(!i)return void p(null);let t=!1;return(async()=>{const i=b.current;if(i&&await i.isSeen(e))return void(t||v.current("alreadySeen"));const r=await j(0,1);t||(r?(m(r.index),p(r)):v.current("noTargets"))})(),()=>{t=!0}},[i,e,j]),(0,_react.useEffect)(()=>{if(!_)return;const e=f.current[_.index],t=`Step ${_.index+1} of ${f.current.length}`;_reactNative.AccessibilityInfo.announceForAccessibility([t,e.title,e.description].filter(Boolean).join(". ")),y.setValue(0);const i=_reactNative.Animated.timing(y,{toValue:1,duration:c.motion.duration.fast,useNativeDriver:!0});return i.start(),()=>i.stop()},[_,y,c.motion.duration.fast]);const w=(0,_react.useCallback)(async t=>{p(null),await(b.current?.markSeen(e)),v.current(t)},[e]),R=(0,_react.useCallback)(async()=>{if(!_)return;const e=await j(_.index+1,1);e?p(e):await w("finished")},[_,j,w]),S=(0,_react.useCallback)(async()=>{if(!_)return;const e=await j(_.index-1,-1);e&&p(e)},[_,j]),k=(0,_react.useCallback)(()=>{w("skipped")},[w]),N=_?t[_.index]:void 0,C=!!_&&_.index===t.length-1,D=c.spacing.xs,T=_?{x:_.rect.x-D,y:_.rect.y-D,width:_.rect.width+2*D,height:_.rect.height+2*D}:null,I=Math.min(u.width-2*x,360),M=T?(()=>{const e=T.x+T.width/2,t=Math.max(x,Math.min(e-I/2,u.width-I-x)),i=T.y,r=u.height-(T.y+T.height);return r>=i?{left:t,top:T.y+T.height+h,maxHeight:Math.max(r-h-x,0)}:{left:t,bottom:u.height-T.y+h,maxHeight:Math.max(i-h-x,0)}})():null,V=c.colors.background.overlay;return(0,_jsxRuntime.jsx)(_index3.Modal,{visible:null!==_,onRequestClose:k,presentation:"fullScreen",backdropPressClose:!1,backdropStyle:l.transparent,contentStyle:l.transparent,accessibilityLabel:N?.title??N?.description,haptic:a,testID:o,children:T&&M&&N?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:_reactNative.StyleSheet.absoluteFill,children:[(0,_jsxRuntime.jsx)(_reactNative.View,{style:[l.dim,{backgroundColor:V,top:0,left:0,right:0,height:Math.max(T.y,0)}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[l.dim,{backgroundColor:V,top:T.y+T.height,left:0,right:0,bottom:0}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[l.dim,{backgroundColor:V,top:T.y,left:0,width:Math.max(T.x,0),height:T.height}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{style:[l.dim,{backgroundColor:V,top:T.y,left:T.x+T.width,right:0,height:T.height}]}),(0,_jsxRuntime.jsx)(_reactNative.View,{pointerEvents:"none",style:[l.highlight,{top:T.y,left:T.x,width:T.width,height:T.height}]}),(0,_jsxRuntime.jsxs)(_reactNative.Animated.View,{accessibilityLiveRegion:"polite",style:[l.card,M,{width:I,opacity:y}],testID:o?`${o}-card`:void 0,children:[(0,_jsxRuntime.jsx)(_reactNative.Text,{style:l.position,children:`Step ${(_?.index??0)+1} of ${t.length}`}),N.title?(0,_jsxRuntime.jsx)(_reactNative.Text,{style:l.title,accessibilityRole:"header",children:N.title}):null,(0,_jsxRuntime.jsx)(_reactNative.Text,{style:l.description,children:N.description}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:l.actions,children:[(0,_jsxRuntime.jsx)(_index2.Button,{title:s?.skip??"Skip",variant:"ghost",size:"sm",haptic:a,onPress:k,testID:o?`${o}-skip`:void 0}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:l.navigation,children:[_&&_.index>g?(0,_jsxRuntime.jsx)(_index2.Button,{title:s?.back??"Back",variant:"outline",size:"sm",haptic:a,onPress:()=>{S()},testID:o?`${o}-back`:void 0}):null,(0,_jsxRuntime.jsx)(_index2.Button,{title:C?s?.done??"Done":s?.next??"Next",size:"sm",haptic:a,onPress:()=>{R()},testID:o?`${o}-next`:void 0})]})]})]})]}):null})};exports.Tour=Tour,Tour.displayName="Tour";const buildStyles=e=>_reactNative.StyleSheet.create({transparent:{backgroundColor:"transparent"},dim:{position:"absolute"},highlight:{position:"absolute",borderWidth:2,borderColor:e.colors.primary,borderRadius:e.radius.md,..._corners.smoothCorners},card:{position:"absolute",backgroundColor:e.colors.background.elevated,borderRadius:e.radius.lg,..._corners.smoothCorners,padding:e.spacing.lg,gap:e.spacing.sm,...e.shadows.lg},position:{color:e.colors.text.tertiary,fontSize:e.typography.fontSize.xs},title:{color:e.colors.text.primary,fontSize:e.typography.fontSize.lg,fontWeight:e.typography.fontWeight.semibold},description:{color:e.colors.text.secondary,fontSize:e.typography.fontSize.sm},actions:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginTop:e.spacing.xs},navigation:{flexDirection:"row",gap:e.spacing.sm}});var _default=exports.default=Tour;

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

@@ -1,20 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Tour", {
-  enumerable: true,
-  get: function () {
-    return _Tour.Tour;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Tour.default;
-  }
-});
-var _Tour = _interopRequireWildcard(require("./Tour.js"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Tour",{enumerable:!0,get:function(){return _Tour.Tour}}),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return _Tour.default}});var _Tour=_interopRequireWildcard(require("./Tour.js"));function _interopRequireWildcard(e,r){if("function"==typeof WeakMap)var t=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,r){if(!r&&e&&e.__esModule)return e;var o,u,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(o=r?n:t){if(o.has(e))return o.get(e);o.set(e,i)}for(const r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((u=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(u.get||u.set)?o(i,r,u):i[r]=e[r]);return i})(e,r)}

package/lib/commonjs/components/ZoomableImage/ZoomableImage.js

@@ -1,204 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.ZoomableImage = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactNative = require("react-native");
-var _reactNativeGestureHandler = require("react-native-gesture-handler");
-var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
-var _index = require("../../utils/index.js");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/**
- * ZoomableImage — a standalone pinch-to-zoom / pan / double-tap-to-zoom
- * wrapper for a single piece of content (typically one `<Image>`).
- *
- * Reuses the same Reanimated 3 gesture composition `ImageGallery`'s internal
- * lightbox slide uses (pinch clamped and rubber-banded at its limits, pan
- * gated to only engage once zoomed in, double-tap toggling between baseline
- * and `doubleTapScale`), stripped of the carousel-slide concerns that
- * component needs and this one does not — there is no `index`/`total`/
- * `active` because a standalone image is always the one being viewed.
- *
- * USAGE:
- *
- * <ZoomableImage>
- *   <Image source={{ uri }} style={styles.image} resizeMode="contain" />
- * </ZoomableImage>
- *
- * Takes `children` rather than a `source`/`uri` prop: every real consumer of
- * this pattern in the fleet wraps an already-authenticated image component
- * (headers, caching, its own loading state) rather than a bare `<Image>`, so
- * a `source` prop would force re-implementing that per app. Wrapping keeps
- * this component ignorant of how the image is fetched.
- */
-
-const DEFAULT_MAX_SCALE = 4;
-const DEFAULT_MIN_SCALE = 1;
-const DEFAULT_DOUBLE_TAP_SCALE = 2;
-const SPRING_CONFIG = {
-  damping: 18,
-  stiffness: 220,
-  mass: 1
-};
-const ZoomableImage = ({
-  children,
-  maxScale = DEFAULT_MAX_SCALE,
-  minScale = DEFAULT_MIN_SCALE,
-  doubleTapScale = DEFAULT_DOUBLE_TAP_SCALE,
-  disabled = false,
-  haptic,
-  style,
-  accessibilityLabel,
-  testID
-}) => {
-  const scale = (0, _reactNativeReanimated.useSharedValue)(1);
-  const savedScale = (0, _reactNativeReanimated.useSharedValue)(1);
-  const translateX = (0, _reactNativeReanimated.useSharedValue)(0);
-  const translateY = (0, _reactNativeReanimated.useSharedValue)(0);
-  const savedTranslateX = (0, _reactNativeReanimated.useSharedValue)(0);
-  const savedTranslateY = (0, _reactNativeReanimated.useSharedValue)(0);
-  const resetTransform = (0, _react.useCallback)(() => {
-    scale.value = (0, _reactNativeReanimated.withSpring)(1, SPRING_CONFIG);
-    savedScale.value = 1;
-    translateX.value = (0, _reactNativeReanimated.withSpring)(0, SPRING_CONFIG);
-    translateY.value = (0, _reactNativeReanimated.withSpring)(0, SPRING_CONFIG);
-    savedTranslateX.value = 0;
-    savedTranslateY.value = 0;
-  }, [scale, savedScale, translateX, translateY, savedTranslateX, savedTranslateY]);
-
-  // Disabling mid-zoom must not leave the content stranded scaled/panned —
-  // snap it back the same way ImageGallery's slide resets on losing focus.
-  (0, _react.useEffect)(() => {
-    if (disabled) {
-      resetTransform();
-    }
-  }, [disabled, resetTransform]);
-  const triggerImpact = (0, _react.useCallback)(() => {
-    const h = (0, _index.resolveHaptic)(haptic, 'impactLight');
-    if (h) {
-      (0, _index.triggerHaptic)(h);
-    }
-  }, [haptic]);
-  const pinch = (0, _react.useMemo)(() => _reactNativeGestureHandler.Gesture.Pinch().enabled(!disabled).onStart(() => {
-    'worklet';
-
-    savedScale.value = scale.value;
-  }).onUpdate(e => {
-    'worklet';
-
-    const next = savedScale.value * e.scale;
-    // Clamp minScale..maxScale on the UI thread so pinch feels rubbery at limits.
-    if (next < minScale) {
-      scale.value = minScale + (next - minScale) * 0.3;
-    } else if (next > maxScale) {
-      scale.value = maxScale + (next - maxScale) * 0.2;
-    } else {
-      scale.value = next;
-    }
-  }).onEnd(() => {
-    'worklet';
-
-    if (scale.value < minScale) {
-      scale.value = (0, _reactNativeReanimated.withSpring)(minScale, SPRING_CONFIG);
-      translateX.value = (0, _reactNativeReanimated.withSpring)(0, SPRING_CONFIG);
-      translateY.value = (0, _reactNativeReanimated.withSpring)(0, SPRING_CONFIG);
-      savedScale.value = minScale;
-      savedTranslateX.value = 0;
-      savedTranslateY.value = 0;
-      return;
-    }
-    if (scale.value > maxScale) {
-      scale.value = (0, _reactNativeReanimated.withSpring)(maxScale, SPRING_CONFIG);
-      savedScale.value = maxScale;
-      return;
-    }
-    savedScale.value = scale.value;
-  }), [disabled, scale, savedScale, translateX, translateY, savedTranslateX, savedTranslateY, minScale, maxScale]);
-
-  // Pan only engages when zoomed in — otherwise a scroll view or carousel this
-  // is nested inside keeps owning the gesture.
-  const pan = (0, _react.useMemo)(() => _reactNativeGestureHandler.Gesture.Pan().enabled(!disabled).minPointers(1).maxPointers(1).onStart(() => {
-    'worklet';
-
-    savedTranslateX.value = translateX.value;
-    savedTranslateY.value = translateY.value;
-  }).onUpdate(e => {
-    'worklet';
-
-    if (scale.value <= 1) {
-      return;
-    }
-    translateX.value = savedTranslateX.value + e.translationX;
-    translateY.value = savedTranslateY.value + e.translationY;
-  }).onEnd(() => {
-    'worklet';
-
-    savedTranslateX.value = translateX.value;
-    savedTranslateY.value = translateY.value;
-  }), [disabled, scale, translateX, translateY, savedTranslateX, savedTranslateY]);
-  const doubleTap = (0, _react.useMemo)(() => _reactNativeGestureHandler.Gesture.Tap().enabled(!disabled).numberOfTaps(2).onEnd(() => {
-    'worklet';
-
-    (0, _reactNativeReanimated.runOnJS)(triggerImpact)();
-    if (scale.value > 1) {
-      scale.value = (0, _reactNativeReanimated.withSpring)(1, SPRING_CONFIG);
-      translateX.value = (0, _reactNativeReanimated.withSpring)(0, SPRING_CONFIG);
-      translateY.value = (0, _reactNativeReanimated.withSpring)(0, SPRING_CONFIG);
-      savedScale.value = 1;
-      savedTranslateX.value = 0;
-      savedTranslateY.value = 0;
-    } else {
-      scale.value = (0, _reactNativeReanimated.withSpring)(doubleTapScale, SPRING_CONFIG);
-      savedScale.value = doubleTapScale;
-    }
-  }), [disabled, scale, savedScale, translateX, translateY, savedTranslateX, savedTranslateY, triggerImpact, doubleTapScale]);
-
-  // Race the gestures so they coordinate cleanly: a tap won't be misread as a
-  // tiny pan, and pan won't fire when the user actually starts a pinch.
-  const composed = (0, _react.useMemo)(() => _reactNativeGestureHandler.Gesture.Race(pinch, pan, doubleTap), [pinch, pan, doubleTap]);
-  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
-    transform: [{
-      translateX: translateX.value
-    }, {
-      translateY: translateY.value
-    }, {
-      scale: scale.value
-    }]
-  }));
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
-    gesture: composed,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-      style: [styles.container, style],
-      testID: testID,
-      accessibilityLabel: accessibilityLabel,
-      accessibilityState: {
-        disabled
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-        style: [styles.content, animatedStyle],
-        children: children
-      })
-    })
-  });
-};
-exports.ZoomableImage = ZoomableImage;
-ZoomableImage.displayName = 'ZoomableImage';
-const styles = _reactNative.StyleSheet.create({
-  container: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-    overflow: 'hidden'
-  },
-  content: {
-    width: '100%',
-    height: '100%',
-    alignItems: 'center',
-    justifyContent: 'center'
-  }
-});
-var _default = exports.default = ZoomableImage;
-//# sourceMappingURL=ZoomableImage.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=exports.ZoomableImage=void 0;var _react=_interopRequireWildcard(require("react")),_reactNative=require("react-native"),_reactNativeGestureHandler=require("react-native-gesture-handler"),_reactNativeReanimated=_interopRequireWildcard(require("react-native-reanimated")),_index=require("../../utils/index.js"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireWildcard(e,a){if("function"==typeof WeakMap)var t=new WeakMap,r=new WeakMap;return(_interopRequireWildcard=function(e,a){if(!a&&e&&e.__esModule)return e;var i,n,l={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return l;if(i=a?r:t){if(i.has(e))return i.get(e);i.set(e,l)}for(const a in e)"default"!==a&&{}.hasOwnProperty.call(e,a)&&((n=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,a))&&(n.get||n.set)?i(l,a,n):l[a]=e[a]);return l})(e,a)}const DEFAULT_MAX_SCALE=4,DEFAULT_MIN_SCALE=1,DEFAULT_DOUBLE_TAP_SCALE=2,SPRING_CONFIG={damping:18,stiffness:220,mass:1},ZoomableImage=({children:e,maxScale:a=4,minScale:t=1,doubleTapScale:r=2,disabled:i=!1,haptic:n,style:l,accessibilityLabel:u,testID:c})=>{const s=(0,_reactNativeReanimated.useSharedValue)(1),v=(0,_reactNativeReanimated.useSharedValue)(1),d=(0,_reactNativeReanimated.useSharedValue)(0),o=(0,_reactNativeReanimated.useSharedValue)(0),_=(0,_reactNativeReanimated.useSharedValue)(0),m=(0,_reactNativeReanimated.useSharedValue)(0),N=(0,_react.useCallback)(()=>{s.value=(0,_reactNativeReanimated.withSpring)(1,SPRING_CONFIG),v.value=1,d.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),o.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),_.value=0,m.value=0},[s,v,d,o,_,m]);(0,_react.useEffect)(()=>{i&&N()},[i,N]);const p=(0,_react.useCallback)(()=>{const e=(0,_index.resolveHaptic)(n,"impactLight");e&&(0,_index.triggerHaptic)(e)},[n]),R=(0,_react.useMemo)(()=>_reactNativeGestureHandler.Gesture.Pinch().enabled(!i).onStart(()=>{v.value=s.value}).onUpdate(e=>{const r=v.value*e.scale;s.value=r<t?t+.3*(r-t):r>a?a+.2*(r-a):r}).onEnd(()=>s.value<t?(s.value=(0,_reactNativeReanimated.withSpring)(t,SPRING_CONFIG),d.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),o.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),v.value=t,_.value=0,void(m.value=0)):s.value>a?(s.value=(0,_reactNativeReanimated.withSpring)(a,SPRING_CONFIG),void(v.value=a)):void(v.value=s.value)),[i,s,v,d,o,_,m,t,a]),S=(0,_react.useMemo)(()=>_reactNativeGestureHandler.Gesture.Pan().enabled(!i).minPointers(1).maxPointers(1).onStart(()=>{_.value=d.value,m.value=o.value}).onUpdate(e=>{s.value<=1||(d.value=_.value+e.translationX,o.value=m.value+e.translationY)}).onEnd(()=>{_.value=d.value,m.value=o.value}),[i,s,d,o,_,m]),I=(0,_react.useMemo)(()=>_reactNativeGestureHandler.Gesture.Tap().enabled(!i).numberOfTaps(2).onEnd(()=>{(0,_reactNativeReanimated.runOnJS)(p)(),s.value>1?(s.value=(0,_reactNativeReanimated.withSpring)(1,SPRING_CONFIG),d.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),o.value=(0,_reactNativeReanimated.withSpring)(0,SPRING_CONFIG),v.value=1,_.value=0,m.value=0):(s.value=(0,_reactNativeReanimated.withSpring)(r,SPRING_CONFIG),v.value=r)}),[i,s,v,d,o,_,m,p,r]),G=(0,_react.useMemo)(()=>_reactNativeGestureHandler.Gesture.Race(R,S,I),[R,S,I]),f=(0,_reactNativeReanimated.useAnimatedStyle)(()=>({transform:[{translateX:d.value},{translateY:o.value},{scale:s.value}]}));return(0,_jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector,{gesture:G,children:(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[styles.container,l],testID:c,accessibilityLabel:u,accessibilityState:{disabled:i},children:(0,_jsxRuntime.jsx)(_reactNativeReanimated.default.View,{style:[styles.content,f],children:e})})})};exports.ZoomableImage=ZoomableImage,ZoomableImage.displayName="ZoomableImage";const styles=_reactNative.StyleSheet.create({container:{flex:1,alignItems:"center",justifyContent:"center",overflow:"hidden"},content:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center"}});var _default=exports.default=ZoomableImage;

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

@@ -1,13 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ZoomableImage", {
-  enumerable: true,
-  get: function () {
-    return _ZoomableImage.ZoomableImage;
-  }
-});
-var _ZoomableImage = require("./ZoomableImage.js");
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ZoomableImage",{enumerable:!0,get:function(){return _ZoomableImage.ZoomableImage}});var _ZoomableImage=require("./ZoomableImage.js");