@webority/mobile-support 0.0.12 → 0.1.0

package/lib/commonjs/components/SupportTicketList.js

@@ -1,279 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.statusFilterOptions = exports.SupportTicketList = exports.STATUS_TONES = void 0;
-var _mobileUi = require("@webority/mobile-ui");
-var _react = require("react");
-var _reactNative = require("react-native");
-var _format = require("../format.js");
-var _SupportProvider = require("../SupportProvider.js");
-var _jsxRuntime = require("react/jsx-runtime");
-const STATUS_TONES = exports.STATUS_TONES = {
-  Open: 'warning',
-  InProgress: 'info',
-  Resolved: 'success',
-  Closed: 'neutral'
-};
-
-// The counts endpoint carries numbers only, so the chip wording lives here. It
-// matches the server's own labels (Webority.Support SupportDisplay).
-const STATUS_FILTERS = [{
-  value: 'Open',
-  label: 'Open',
-  count: 'open'
-}, {
-  value: 'InProgress',
-  label: 'In progress',
-  count: 'inProgress'
-}, {
-  value: 'Resolved',
-  label: 'Resolved',
-  count: 'resolved'
-}, {
-  value: 'Closed',
-  label: 'Closed',
-  count: 'closed'
-}];
-const ALL = 'all';
-/**
- * All, then each status that has tickets. The selected status stays even at
- * zero, so the chip the person is on never vanishes under them.
- */
-const statusFilterOptions = (counts, selected) => [{
-  value: ALL,
-  label: 'All',
-  count: counts.total
-}, ...STATUS_FILTERS.filter(s => counts[s.count] > 0 || s.value === selected).map(s => ({
-  value: s.value,
-  label: s.label,
-  count: counts[s.count]
-}))];
-exports.statusFilterOptions = statusFilterOptions;
-const SEARCH_DEBOUNCE_MS = 400;
-const SupportTicketList = ({
-  onOpenTicket,
-  onNewTicket,
-  header,
-  pageSize,
-  testID = 'support-ticket-list'
-}) => {
-  const theme = (0, _mobileUi.useTheme)();
-  const styles = (0, _react.useMemo)(() => buildStyles(theme), [theme]);
-  const {
-    tickets,
-    counts,
-    status,
-    search,
-    setStatus,
-    setSearch,
-    loading,
-    refreshing,
-    loadingMore,
-    error,
-    loadMoreError,
-    refresh,
-    loadMore
-  } = (0, _SupportProvider.useSupportTickets)({
-    pageSize
-  });
-  const hasAnyTicket = (counts?.total ?? 0) > 0;
-  const filtered = status !== null || search.trim() !== '';
-  const listHeader = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: styles.header,
-    children: [header, onNewTicket && /*#__PURE__*/(0, _jsxRuntime.jsx)(_mobileUi.Button, {
-      title: "New ticket",
-      leftIcon: "add",
-      onPress: onNewTicket,
-      fullWidth: true
-    }), error && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      style: styles.error,
-      accessibilityLiveRegion: "polite",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_mobileUi.Text, {
-        variant: "bodySmall",
-        color: "error",
-        children: error.message
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_mobileUi.Button, {
-        title: "Try again",
-        size: "sm",
-        variant: "ghost",
-        onPress: () => void refresh()
-      })]
-    }), counts && hasAnyTicket && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_mobileUi.SearchBar, {
-        value: search,
-        onChangeText: setSearch,
-        debounceMs: SEARCH_DEBOUNCE_MS,
-        placeholder: "Search by subject or ticket number",
-        accessibilityLabel: "Search tickets",
-        testID: "support-ticket-search"
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
-        horizontal: true,
-        showsHorizontalScrollIndicator: false,
-        contentContainerStyle: styles.filters,
-        accessibilityRole: "tablist",
-        accessibilityLabel: "Filter by status",
-        children: statusFilterOptions(counts, status).map(o => /*#__PURE__*/(0, _jsxRuntime.jsx)(_mobileUi.Chip, {
-          label: `${o.label} (${o.count})`,
-          selected: (status ?? ALL) === o.value,
-          onPress: () => setStatus(o.value === ALL ? null : o.value),
-          accessibilityLabel: `${o.label}, ${o.count} tickets`,
-          testID: `support-filter-${o.value}`
-        }, o.value))
-      })]
-    })]
-  });
-  if (loading && counts === null && !error) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-      style: styles.center,
-      testID: testID,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mobileUi.Spinner, {
-        accessibilityLabel: "Loading your tickets"
-      })
-    });
-  }
-  const empty = () => {
-    if (loading) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        style: styles.footer,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mobileUi.Spinner, {
-          accessibilityLabel: "Loading your tickets"
-        })
-      });
-    }
-    if (error) {
-      return null;
-    }
-    if (!hasAnyTicket) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mobileUi.EmptyState, {
-        title: "No tickets yet",
-        description: "Raise a ticket and it will show here with its status.",
-        action: onNewTicket ? {
-          label: 'New ticket',
-          onPress: onNewTicket
-        } : undefined
-      });
-    }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mobileUi.EmptyState, {
-      title: "No tickets match",
-      description: filtered ? 'Try another status or search.' : undefined
-    });
-  };
-  const footer = loadingMore ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: styles.footer,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mobileUi.Spinner, {
-      size: "sm",
-      accessibilityLabel: "Loading more tickets"
-    })
-  }) : loadMoreError ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-    style: [styles.footer, styles.error],
-    accessibilityLiveRegion: "polite",
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_mobileUi.Text, {
-      variant: "bodySmall",
-      color: "error",
-      children: loadMoreError.message
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_mobileUi.Button, {
-      title: "Load more",
-      size: "sm",
-      variant: "ghost",
-      onPress: () => void loadMore()
-    })]
-  }) : null;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.FlatList, {
-    testID: testID,
-    data: tickets,
-    keyExtractor: t => t.id,
-    contentContainerStyle: styles.content,
-    ListHeaderComponent: listHeader,
-    ListFooterComponent: footer,
-    onEndReached: () => void loadMore(),
-    onEndReachedThreshold: 0.5,
-    refreshControl: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.RefreshControl, {
-      refreshing: refreshing,
-      onRefresh: () => void refresh()
-    }),
-    ListEmptyComponent: empty(),
-    renderItem: ({
-      item
-    }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_mobileUi.Card, {
-      onPress: () => onOpenTicket(item),
-      accessibilityLabel: `${item.subject}, ${item.statusLabel}, ticket ${item.number}`,
-      bodyStyle: styles.card,
-      testID: `support-ticket-${item.id}`,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.cardTop,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_mobileUi.Text, {
-          variant: "caption",
-          color: "tertiary",
-          children: item.number
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_mobileUi.StatusBadge, {
-          label: item.statusLabel,
-          tone: STATUS_TONES[item.status] ?? 'neutral',
-          size: "sm"
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_mobileUi.Text, {
-        variant: "title",
-        numberOfLines: 2,
-        children: item.subject
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_mobileUi.Text, {
-        variant: "bodySmall",
-        color: "secondary",
-        children: item.category
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-        style: styles.cardBottom,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_mobileUi.Text, {
-          variant: "caption",
-          color: "tertiary",
-          children: `Updated ${(0, _format.formatWhen)(item.updatedDateTimeUtc)}`
-        }), item.awaitingCustomer && /*#__PURE__*/(0, _jsxRuntime.jsx)(_mobileUi.Text, {
-          variant: "caption",
-          color: "warning",
-          children: "Waiting for your reply"
-        })]
-      })]
-    })
-  });
-};
-exports.SupportTicketList = SupportTicketList;
-const buildStyles = theme => _reactNative.StyleSheet.create({
-  content: {
-    padding: theme.spacing.md,
-    gap: theme.spacing.sm
-  },
-  header: {
-    gap: theme.spacing.sm,
-    marginBottom: theme.spacing.xs
-  },
-  filters: {
-    gap: theme.spacing.xs
-  },
-  error: {
-    gap: theme.spacing.xs,
-    alignItems: 'flex-start'
-  },
-  center: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center',
-    padding: theme.spacing.xl
-  },
-  footer: {
-    paddingVertical: theme.spacing.md,
-    alignItems: 'center'
-  },
-  card: {
-    gap: theme.spacing.xxs
-  },
-  cardTop: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    alignItems: 'center'
-  },
-  cardBottom: {
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-    marginTop: theme.spacing.xxs
-  }
-});
-//# sourceMappingURL=SupportTicketList.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.statusFilterOptions=exports.SupportTicketList=exports.STATUS_TONES=void 0;var _mobileUi=require("@webority/mobile-ui"),_react=require("react"),_reactNative=require("react-native"),_format=require("../format.js"),_SupportProvider=require("../SupportProvider.js"),_jsxRuntime=require("react/jsx-runtime");const STATUS_TONES=exports.STATUS_TONES={Open:"warning",InProgress:"info",Resolved:"success",Closed:"neutral"},STATUS_FILTERS=[{value:"Open",label:"Open",count:"open"},{value:"InProgress",label:"In progress",count:"inProgress"},{value:"Resolved",label:"Resolved",count:"resolved"},{value:"Closed",label:"Closed",count:"closed"}],ALL="all",statusFilterOptions=(e,t)=>[{value:ALL,label:"All",count:e.total},...STATUS_FILTERS.filter(i=>e[i.count]>0||i.value===t).map(t=>({value:t.value,label:t.label,count:e[t.count]}))];exports.statusFilterOptions=statusFilterOptions;const SEARCH_DEBOUNCE_MS=400,SupportTicketList=({onOpenTicket:e,onNewTicket:t,header:i,pageSize:s,testID:r="support-ticket-list"})=>{const o=(0,_mobileUi.useTheme)(),a=(0,_react.useMemo)(()=>buildStyles(o),[o]),{tickets:n,counts:l,status:c,search:u,setStatus:m,setSearch:p,loading:d,refreshing:x,loadingMore:_,error:b,loadMoreError:j,refresh:S,loadMore:h}=(0,_SupportProvider.useSupportTickets)({pageSize:s}),g=(0,_SupportProvider.useSupportTimeZone)(),v=(l?.total??0)>0,y=null!==c||""!==u.trim(),R=(0,_jsxRuntime.jsxs)(_reactNative.View,{style:a.header,children:[i,t&&(0,_jsxRuntime.jsx)(_mobileUi.Button,{title:"New ticket",leftIcon:"add",onPress:t,fullWidth:!0}),b&&(0,_jsxRuntime.jsxs)(_reactNative.View,{style:a.error,accessibilityLiveRegion:"polite",children:[(0,_jsxRuntime.jsx)(_mobileUi.Text,{variant:"bodySmall",color:"error",children:b.message}),(0,_jsxRuntime.jsx)(_mobileUi.Button,{title:"Try again",size:"sm",variant:"ghost",onPress:()=>{S()}})]}),l&&v&&(0,_jsxRuntime.jsxs)(_jsxRuntime.Fragment,{children:[(0,_jsxRuntime.jsx)(_mobileUi.SearchBar,{value:u,onChangeText:p,debounceMs:400,placeholder:"Search by subject or ticket number",accessibilityLabel:"Search tickets",testID:"support-ticket-search"}),(0,_jsxRuntime.jsx)(_reactNative.ScrollView,{horizontal:!0,showsHorizontalScrollIndicator:!1,contentContainerStyle:a.filters,accessibilityRole:"tablist",accessibilityLabel:"Filter by status",children:statusFilterOptions(l,c).map(e=>(0,_jsxRuntime.jsx)(_mobileUi.Chip,{label:`${e.label} (${e.count})`,selected:(c??ALL)===e.value,onPress:()=>m(e.value===ALL?null:e.value),accessibilityLabel:`${e.label}, ${e.count} tickets`,testID:`support-filter-${e.value}`},e.value))})]})]});if(d&&null===l&&!b)return(0,_jsxRuntime.jsx)(_reactNative.View,{style:a.center,testID:r,children:(0,_jsxRuntime.jsx)(_mobileUi.Spinner,{accessibilityLabel:"Loading your tickets"})});const T=_?(0,_jsxRuntime.jsx)(_reactNative.View,{style:a.footer,children:(0,_jsxRuntime.jsx)(_mobileUi.Spinner,{size:"sm",accessibilityLabel:"Loading more tickets"})}):j?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:[a.footer,a.error],accessibilityLiveRegion:"polite",children:[(0,_jsxRuntime.jsx)(_mobileUi.Text,{variant:"bodySmall",color:"error",children:j.message}),(0,_jsxRuntime.jsx)(_mobileUi.Button,{title:"Load more",size:"sm",variant:"ghost",onPress:()=>{h()}})]}):null;return(0,_jsxRuntime.jsx)(_reactNative.FlatList,{testID:r,data:n,keyExtractor:e=>e.id,contentContainerStyle:a.content,ListHeaderComponent:R,ListFooterComponent:T,onEndReached:()=>{h()},onEndReachedThreshold:.5,refreshControl:(0,_jsxRuntime.jsx)(_reactNative.RefreshControl,{refreshing:x,onRefresh:()=>{S()}}),ListEmptyComponent:d?(0,_jsxRuntime.jsx)(_reactNative.View,{style:a.footer,children:(0,_jsxRuntime.jsx)(_mobileUi.Spinner,{accessibilityLabel:"Loading your tickets"})}):b?null:v?(0,_jsxRuntime.jsx)(_mobileUi.EmptyState,{title:"No tickets match",description:y?"Try another status or search.":void 0}):(0,_jsxRuntime.jsx)(_mobileUi.EmptyState,{title:"No tickets yet",description:"Raise a ticket and it will show here with its status.",action:t?{label:"New ticket",onPress:t}:void 0}),renderItem:({item:t})=>(0,_jsxRuntime.jsxs)(_mobileUi.Card,{onPress:()=>e(t),accessibilityLabel:`${t.subject}, ${t.statusLabel}, ticket ${t.number}`,bodyStyle:a.card,testID:`support-ticket-${t.id}`,children:[(0,_jsxRuntime.jsxs)(_reactNative.View,{style:a.cardTop,children:[(0,_jsxRuntime.jsx)(_mobileUi.Text,{variant:"caption",color:"tertiary",children:t.number}),(0,_jsxRuntime.jsx)(_mobileUi.StatusBadge,{label:t.statusLabel,tone:STATUS_TONES[t.status]??"neutral",size:"sm"})]}),(0,_jsxRuntime.jsx)(_mobileUi.Text,{variant:"title",numberOfLines:2,children:t.subject}),(0,_jsxRuntime.jsx)(_mobileUi.Text,{variant:"bodySmall",color:"secondary",children:t.category}),(0,_jsxRuntime.jsxs)(_reactNative.View,{style:a.cardBottom,children:[(0,_jsxRuntime.jsx)(_mobileUi.Text,{variant:"caption",color:"tertiary",children:`Updated ${(0,_format.formatWhen)(t.updatedDateTimeUtc,g)}`}),t.awaitingCustomer&&(0,_jsxRuntime.jsx)(_mobileUi.Text,{variant:"caption",color:"warning",children:"Waiting for your reply"})]})]})})};exports.SupportTicketList=SupportTicketList;const buildStyles=e=>_reactNative.StyleSheet.create({content:{padding:e.spacing.md,gap:e.spacing.sm},header:{gap:e.spacing.sm,marginBottom:e.spacing.xs},filters:{gap:e.spacing.xs},error:{gap:e.spacing.xs,alignItems:"flex-start"},center:{flex:1,alignItems:"center",justifyContent:"center",padding:e.spacing.xl},footer:{paddingVertical:e.spacing.md,alignItems:"center"},card:{gap:e.spacing.xxs},cardTop:{flexDirection:"row",justifyContent:"space-between",alignItems:"center"},cardBottom:{flexDirection:"row",justifyContent:"space-between",marginTop:e.spacing.xxs}});

package/lib/commonjs/device.js

@@ -1,29 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.describeDevice = void 0;
-var _mobileCore = require("@webority/mobile-core");
-var _reactNative = require("react-native");
-const PLATFORM_NAMES = {
-  ios: 'iOS',
-  android: 'Android'
-};
-
-/**
- * The device line a ticket carries as its user agent: platform, OS version and,
- * when the app registered one with mobile-core's `setDeviceContext`, the model.
- */
-const describeDevice = () => {
-  const context = (0, _mobileCore.getDeviceContext)();
-  const platform = PLATFORM_NAMES[_reactNative.Platform.OS] ?? _reactNative.Platform.OS;
-  const osVersion = context?.osVersion ?? String(_reactNative.Platform.Version ?? '');
-  const parts = [`${platform} ${osVersion}`.trim()];
-  if (context?.deviceModel) {
-    parts.push(context.deviceModel);
-  }
-  return parts.join('; ');
-};
-exports.describeDevice = describeDevice;
-//# sourceMappingURL=device.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.describeDevice=void 0;var _mobileCore=require("@webority/mobile-core"),_reactNative=require("react-native");const PLATFORM_NAMES={ios:"iOS",android:"Android"},describeDevice=()=>{const e=(0,_mobileCore.getDeviceContext)(),r=[`${PLATFORM_NAMES[_reactNative.Platform.OS]??_reactNative.Platform.OS} ${e?.osVersion??String(_reactNative.Platform.Version??"")}`.trim()];return e?.deviceModel&&r.push(e.deviceModel),r.join("; ")};exports.describeDevice=describeDevice;

package/lib/commonjs/files.js

@@ -1,37 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.saveAttachmentToCache = exports.safeFileName = void 0;
-var _expoFileSystem = require("expo-file-system");
-const FOLDER = 'support-attachments';
-
-/** A server-supplied name reduced to one path segment, so it cannot leave the cache folder. */
-const safeFileName = name => {
-  const last = name.split(/[/\\]/).pop() ?? '';
-  const cleaned = Array.from(last).filter(char => (char.codePointAt(0) ?? 0) > 0x1f).join('').trim();
-  return cleaned === '' || cleaned === '.' || cleaned === '..' ? 'attachment' : cleaned;
-};
-
-/**
- * Writes an attachment to the app's cache and returns its `file://` URI. The id
- * prefix keeps two tickets' `report.pdf` apart. Attachments never change once
- * stored, so a file already on disk is reused rather than fetched again.
- */
-exports.safeFileName = safeFileName;
-const saveAttachmentToCache = async (attachment, loadBytes) => {
-  const file = new _expoFileSystem.File(_expoFileSystem.Paths.cache, FOLDER, `${attachment.id}-${safeFileName(attachment.fileName)}`);
-  if (file.exists && file.size > 0) {
-    return file.uri;
-  }
-  const bytes = await loadBytes();
-  file.create({
-    intermediates: true,
-    overwrite: true
-  });
-  file.write(new Uint8Array(bytes));
-  return file.uri;
-};
-exports.saveAttachmentToCache = saveAttachmentToCache;
-//# sourceMappingURL=files.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.saveAttachmentToCache=exports.safeFileName=void 0;var _expoFileSystem=require("expo-file-system");const FOLDER="support-attachments",safeFileName=e=>{const t=e.split(/[/\\]/).pop()??"",a=Array.from(t).filter(e=>(e.codePointAt(0)??0)>31).join("").trim();return""===a||"."===a||".."===a?"attachment":a};exports.safeFileName=safeFileName;const saveAttachmentToCache=async(e,t)=>{const a=new _expoFileSystem.File(_expoFileSystem.Paths.cache,FOLDER,`${e.id}-${safeFileName(e.fileName)}`);if(a.exists&&a.size>0)return a.uri;const s=await t();return a.create({intermediates:!0,overwrite:!0}),a.write(new Uint8Array(s)),a.uri};exports.saveAttachmentToCache=saveAttachmentToCache;

package/lib/commonjs/format.js

@@ -1,29 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isImage = exports.formatWhen = exports.formatBytes = void 0;
-var _mobileCore = require("@webority/mobile-core");
-/**
- * A timestamp in the device's own time zone. The backend sends UTC; mobile-core's
- * formatter goes through Intl without pinning a zone, so the reader sees their
- * own clock.
- */
-const formatWhen = utc => utc ? (0, _mobileCore.formatDateTime)(utc) || '-' : '-';
-
-/** A byte count as a person reads it. */
-exports.formatWhen = formatWhen;
-const formatBytes = bytes => {
-  if (bytes >= 1024 * 1024) {
-    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-  }
-  if (bytes >= 1024) {
-    return `${Math.round(bytes / 1024)} KB`;
-  }
-  return `${bytes} bytes`;
-};
-exports.formatBytes = formatBytes;
-const isImage = contentType => contentType.startsWith('image/');
-exports.isImage = isImage;
-//# sourceMappingURL=format.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isImage=exports.formatWhen=exports.formatBytes=exports.DEFAULT_TIME_ZONE=void 0;const DEFAULT_TIME_ZONE=exports.DEFAULT_TIME_ZONE="Asia/Kolkata",formatWhen=(t,e=DEFAULT_TIME_ZONE)=>{if(!t)return"-";const o=new Date(t);if(Number.isNaN(o.getTime()))return"-";const r={};for(const t of new Intl.DateTimeFormat("en-US",{timeZone:e,day:"2-digit",month:"short",year:"numeric",hour:"numeric",minute:"2-digit",hour12:!0}).formatToParts(o))r[t.type]=t.value;return`${r.day}-${r.month}-${r.year}, ${r.hour}:${r.minute} ${(r.dayPeriod??"").toUpperCase()}`};exports.formatWhen=formatWhen;const formatBytes=t=>t>=1048576?`${(t/1048576).toFixed(1)} MB`:t>=1024?`${Math.round(t/1024)} KB`:`${t} bytes`;exports.formatBytes=formatBytes;const isImage=t=>t.startsWith("image/");exports.isImage=isImage;

package/lib/commonjs/index.js

@@ -1,97 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "NewSupportTicket", {
-  enumerable: true,
-  get: function () {
-    return _NewSupportTicket.NewSupportTicket;
-  }
-});
-Object.defineProperty(exports, "SupportApiError", {
-  enumerable: true,
-  get: function () {
-    return _client.SupportApiError;
-  }
-});
-Object.defineProperty(exports, "SupportContact", {
-  enumerable: true,
-  get: function () {
-    return _SupportContact.SupportContact;
-  }
-});
-Object.defineProperty(exports, "SupportProvider", {
-  enumerable: true,
-  get: function () {
-    return _SupportProvider.SupportProvider;
-  }
-});
-Object.defineProperty(exports, "SupportTicketDetail", {
-  enumerable: true,
-  get: function () {
-    return _SupportTicketDetail.SupportTicketDetail;
-  }
-});
-Object.defineProperty(exports, "SupportTicketList", {
-  enumerable: true,
-  get: function () {
-    return _SupportTicketList.SupportTicketList;
-  }
-});
-Object.defineProperty(exports, "createSupportClient", {
-  enumerable: true,
-  get: function () {
-    return _client.createSupportClient;
-  }
-});
-Object.defineProperty(exports, "describeDevice", {
-  enumerable: true,
-  get: function () {
-    return _device.describeDevice;
-  }
-});
-Object.defineProperty(exports, "toSupportApiError", {
-  enumerable: true,
-  get: function () {
-    return _client.toSupportApiError;
-  }
-});
-Object.defineProperty(exports, "useCreateSupportTicket", {
-  enumerable: true,
-  get: function () {
-    return _SupportProvider.useCreateSupportTicket;
-  }
-});
-Object.defineProperty(exports, "useSupportClient", {
-  enumerable: true,
-  get: function () {
-    return _SupportProvider.useSupportClient;
-  }
-});
-Object.defineProperty(exports, "useSupportConfig", {
-  enumerable: true,
-  get: function () {
-    return _SupportProvider.useSupportConfig;
-  }
-});
-Object.defineProperty(exports, "useSupportTicket", {
-  enumerable: true,
-  get: function () {
-    return _SupportProvider.useSupportTicket;
-  }
-});
-Object.defineProperty(exports, "useSupportTickets", {
-  enumerable: true,
-  get: function () {
-    return _SupportProvider.useSupportTickets;
-  }
-});
-var _client = require("./client.js");
-var _NewSupportTicket = require("./components/NewSupportTicket.js");
-var _SupportContact = require("./components/SupportContact.js");
-var _SupportTicketDetail = require("./components/SupportTicketDetail.js");
-var _SupportTicketList = require("./components/SupportTicketList.js");
-var _device = require("./device.js");
-var _SupportProvider = require("./SupportProvider.js");
-//# sourceMappingURL=index.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"NewSupportTicket",{enumerable:!0,get:function(){return _NewSupportTicket.NewSupportTicket}}),Object.defineProperty(exports,"SupportApiError",{enumerable:!0,get:function(){return _client.SupportApiError}}),Object.defineProperty(exports,"SupportContact",{enumerable:!0,get:function(){return _SupportContact.SupportContact}}),Object.defineProperty(exports,"SupportProvider",{enumerable:!0,get:function(){return _SupportProvider.SupportProvider}}),Object.defineProperty(exports,"SupportTicketDetail",{enumerable:!0,get:function(){return _SupportTicketDetail.SupportTicketDetail}}),Object.defineProperty(exports,"SupportTicketList",{enumerable:!0,get:function(){return _SupportTicketList.SupportTicketList}}),Object.defineProperty(exports,"createSupportClient",{enumerable:!0,get:function(){return _client.createSupportClient}}),Object.defineProperty(exports,"describeDevice",{enumerable:!0,get:function(){return _device.describeDevice}}),Object.defineProperty(exports,"toSupportApiError",{enumerable:!0,get:function(){return _client.toSupportApiError}}),Object.defineProperty(exports,"useCreateSupportTicket",{enumerable:!0,get:function(){return _SupportProvider.useCreateSupportTicket}}),Object.defineProperty(exports,"useSupportClient",{enumerable:!0,get:function(){return _SupportProvider.useSupportClient}}),Object.defineProperty(exports,"useSupportConfig",{enumerable:!0,get:function(){return _SupportProvider.useSupportConfig}}),Object.defineProperty(exports,"useSupportTicket",{enumerable:!0,get:function(){return _SupportProvider.useSupportTicket}}),Object.defineProperty(exports,"useSupportTickets",{enumerable:!0,get:function(){return _SupportProvider.useSupportTickets}});var _client=require("./client.js"),_NewSupportTicket=require("./components/NewSupportTicket.js"),_SupportContact=require("./components/SupportContact.js"),_SupportTicketDetail=require("./components/SupportTicketDetail.js"),_SupportTicketList=require("./components/SupportTicketList.js"),_device=require("./device.js"),_SupportProvider=require("./SupportProvider.js");

package/lib/commonjs/photos.js

@@ -1,67 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.pickPhotos = exports.PhotoPermissionError = void 0;
-var _compressor = require("@webority/mobile-core/compressor");
-/** The one place `expo-image-picker` is named. */
-const picker = () => require('expo-image-picker');
-class PhotoPermissionError extends Error {
-  constructor(source) {
-    super(source === 'camera' ? 'Allow camera access in Settings to take a photo.' : 'Allow photo access in Settings to attach a photo.');
-    this.name = 'PhotoPermissionError';
-    this.source = source;
-  }
-}
-
-// The fleet capture pass: quality 0.8, no editing, then bound to 1920 px.
-exports.PhotoPermissionError = PhotoPermissionError;
-const CAPTURE_OPTIONS = {
-  mediaTypes: ['images'],
-  quality: 0.8,
-  allowsEditing: false
-};
-const MAX_SIDE = 1920;
-
-/**
- * Lets the person pick or take photos and returns them ready to upload,
- * compressed to fit the product's per-file limit. An empty list means they
- * cancelled.
- */
-const pickPhotos = async (source, options) => {
-  if (options.maxCount <= 0) {
-    return [];
-  }
-  const m = picker();
-  const permission = source === 'camera' ? await m.requestCameraPermissionsAsync() : await m.requestMediaLibraryPermissionsAsync();
-  if (!permission.granted) {
-    throw new PhotoPermissionError(source);
-  }
-  const result = source === 'camera' ? await m.launchCameraAsync(CAPTURE_OPTIONS) : await m.launchImageLibraryAsync({
-    ...CAPTURE_OPTIONS,
-    allowsMultipleSelection: options.maxCount > 1,
-    selectionLimit: options.maxCount
-  });
-  if (result.canceled || !result.assets) {
-    return [];
-  }
-  const parts = [];
-  for (const asset of result.assets.slice(0, options.maxCount)) {
-    const compressed = await (0, _compressor.compressImage)(asset.uri, {
-      maxSize: MAX_SIDE,
-      maxBytes: options.maxBytes,
-      fileSize: asset.fileSize ?? undefined,
-      name: asset.fileName ?? `photo-${Date.now()}-${parts.length + 1}`
-    });
-    parts.push({
-      uri: compressed.part.uri,
-      name: compressed.part.name,
-      type: compressed.part.type,
-      size: compressed.size ?? undefined
-    });
-  }
-  return parts;
-};
-exports.pickPhotos = pickPhotos;
-//# sourceMappingURL=photos.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.pickPhotos=exports.PhotoPermissionError=void 0;var _compressor=require("@webority/mobile-core/compressor");const picker=()=>require("expo-image-picker");class PhotoPermissionError extends Error{constructor(e){super("camera"===e?"Allow camera access in Settings to take a photo.":"Allow photo access in Settings to attach a photo."),this.name="PhotoPermissionError",this.source=e}}exports.PhotoPermissionError=PhotoPermissionError;const CAPTURE_OPTIONS={mediaTypes:["images"],quality:.8,allowsEditing:!1},MAX_SIDE=1920,pickPhotos=async(e,o)=>{if(o.maxCount<=0)return[];const r=picker();if(!("camera"===e?await r.requestCameraPermissionsAsync():await r.requestMediaLibraryPermissionsAsync()).granted)throw new PhotoPermissionError(e);const s="camera"===e?await r.launchCameraAsync(CAPTURE_OPTIONS):await r.launchImageLibraryAsync({...CAPTURE_OPTIONS,allowsMultipleSelection:o.maxCount>1,selectionLimit:o.maxCount});if(s.canceled||!s.assets)return[];const t=[];for(const e of s.assets.slice(0,o.maxCount)){const r=await(0,_compressor.compressImage)(e.uri,{maxSize:1920,maxBytes:o.maxBytes,fileSize:e.fileSize??void 0,name:e.fileName??`photo-${Date.now()}-${t.length+1}`});t.push({uri:r.part.uri,name:r.part.name,type:r.part.type,size:r.size??void 0})}return t};exports.pickPhotos=pickPhotos;

package/lib/commonjs/report/ReportIssueButton.js

@@ -1,57 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ReportIssueButton = void 0;
-var _mobileUi = require("@webority/mobile-ui");
-var _react = require("react");
-var _captureAndReport = require("./captureAndReport.js");
-var _jsxRuntime = require("react/jsx-runtime");
-/** A button that screenshots the current screen and hands a prefilled ticket draft to the app. */
-const ReportIssueButton = ({
-  onReport,
-  onCaptureError,
-  screenName,
-  appVersion,
-  category,
-  subject,
-  title = 'Report an issue',
-  accessibilityLabel = 'Report an issue with this screen',
-  testID = 'support-report-issue',
-  ...buttonProps
-}) => {
-  const [capturing, setCapturing] = (0, _react.useState)(false);
-  const press = async () => {
-    setCapturing(true);
-    try {
-      onReport(await (0, _captureAndReport.captureAndReport)({
-        screenName,
-        appVersion,
-        category,
-        subject
-      }));
-    } catch (error) {
-      onCaptureError?.(error);
-      onReport({
-        category,
-        subject,
-        pageUrl: screenName,
-        appVersion
-      });
-    } finally {
-      setCapturing(false);
-    }
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mobileUi.Button, {
-    leftIcon: "message-question",
-    ...buttonProps,
-    title: title,
-    accessibilityLabel: accessibilityLabel,
-    testID: testID,
-    loading: capturing,
-    onPress: () => void press()
-  });
-};
-exports.ReportIssueButton = ReportIssueButton;
-//# sourceMappingURL=ReportIssueButton.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReportIssueButton=void 0;var _mobileUi=require("@webority/mobile-ui"),_react=require("react"),_captureAndReport=require("./captureAndReport.js"),_jsxRuntime=require("react/jsx-runtime");const ReportIssueButton=({onReport:e,onCaptureError:t,screenName:r,appVersion:s,category:o,subject:i,title:u="Report an issue",accessibilityLabel:a="Report an issue with this screen",testID:n="support-report-issue",...p})=>{const[c,l]=(0,_react.useState)(!1);return(0,_jsxRuntime.jsx)(_mobileUi.Button,{leftIcon:"message-question",...p,title:u,accessibilityLabel:a,testID:n,loading:c,onPress:()=>{(async()=>{l(!0);try{e(await(0,_captureAndReport.captureAndReport)({screenName:r,appVersion:s,category:o,subject:i}))}catch(u){t?.(u),e({category:o,subject:i,pageUrl:r,appVersion:s})}finally{l(!1)}})()}})};exports.ReportIssueButton=ReportIssueButton;

package/lib/commonjs/report/captureAndReport.js

@@ -1,34 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.captureAndReport = void 0;
-var _device = require("../device.js");
-/** The one place `react-native-view-shot` is named, and only this subpath reaches it. */
-const viewShot = () => require('react-native-view-shot');
-/**
- * Captures what is on screen right now and returns a draft for NewSupportTicket
- * with the image under `screenshots`, plus the page, device and app version.
- */
-const captureAndReport = async options => {
-  const uri = await viewShot().captureScreen({
-    format: 'jpg',
-    quality: 0.8,
-    result: 'tmpfile'
-  });
-  return {
-    category: options.category,
-    subject: options.subject,
-    pageUrl: options.screenName,
-    userAgent: (0, _device.describeDevice)(),
-    appVersion: options.appVersion,
-    screenshots: [{
-      uri,
-      name: `screenshot-${Date.now()}.jpg`,
-      type: 'image/jpeg'
-    }]
-  };
-};
-exports.captureAndReport = captureAndReport;
-//# sourceMappingURL=captureAndReport.js.map
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.captureAndReport=void 0;var _device=require("../device.js");const viewShot=()=>require("react-native-view-shot"),captureAndReport=async e=>{const t=await viewShot().captureScreen({format:"jpg",quality:.8,result:"tmpfile"});return{category:e.category,subject:e.subject,pageUrl:e.screenName,userAgent:(0,_device.describeDevice)(),appVersion:e.appVersion,screenshots:[{uri:t,name:`screenshot-${Date.now()}.jpg`,type:"image/jpeg"}]}};exports.captureAndReport=captureAndReport;