@webority/mobile-support 0.0.13 → 0.2.0

package/lib/module/components/SupportTicketList.js

@@ -1,273 +1 @@
-"use strict";
-
-import { Button, Card, Chip, EmptyState, SearchBar, Spinner, StatusBadge, Text, useTheme } from '@webority/mobile-ui';
-import { useMemo } from 'react';
-import { FlatList, RefreshControl, ScrollView, StyleSheet, View } from 'react-native';
-import { formatWhen } from "../format.js";
-import { useSupportTickets } from "../SupportProvider.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-export const 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.
- */
-export 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]
-}))];
-const SEARCH_DEBOUNCE_MS = 400;
-export const SupportTicketList = ({
-  onOpenTicket,
-  onNewTicket,
-  header,
-  pageSize,
-  testID = 'support-ticket-list'
-}) => {
-  const theme = useTheme();
-  const styles = useMemo(() => buildStyles(theme), [theme]);
-  const {
-    tickets,
-    counts,
-    status,
-    search,
-    setStatus,
-    setSearch,
-    loading,
-    refreshing,
-    loadingMore,
-    error,
-    loadMoreError,
-    refresh,
-    loadMore
-  } = useSupportTickets({
-    pageSize
-  });
-  const hasAnyTicket = (counts?.total ?? 0) > 0;
-  const filtered = status !== null || search.trim() !== '';
-  const listHeader = /*#__PURE__*/_jsxs(View, {
-    style: styles.header,
-    children: [header, onNewTicket && /*#__PURE__*/_jsx(Button, {
-      title: "New ticket",
-      leftIcon: "add",
-      onPress: onNewTicket,
-      fullWidth: true
-    }), error && /*#__PURE__*/_jsxs(View, {
-      style: styles.error,
-      accessibilityLiveRegion: "polite",
-      children: [/*#__PURE__*/_jsx(Text, {
-        variant: "bodySmall",
-        color: "error",
-        children: error.message
-      }), /*#__PURE__*/_jsx(Button, {
-        title: "Try again",
-        size: "sm",
-        variant: "ghost",
-        onPress: () => void refresh()
-      })]
-    }), counts && hasAnyTicket && /*#__PURE__*/_jsxs(_Fragment, {
-      children: [/*#__PURE__*/_jsx(SearchBar, {
-        value: search,
-        onChangeText: setSearch,
-        debounceMs: SEARCH_DEBOUNCE_MS,
-        placeholder: "Search by subject or ticket number",
-        accessibilityLabel: "Search tickets",
-        testID: "support-ticket-search"
-      }), /*#__PURE__*/_jsx(ScrollView, {
-        horizontal: true,
-        showsHorizontalScrollIndicator: false,
-        contentContainerStyle: styles.filters,
-        accessibilityRole: "tablist",
-        accessibilityLabel: "Filter by status",
-        children: statusFilterOptions(counts, status).map(o => /*#__PURE__*/_jsx(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__*/_jsx(View, {
-      style: styles.center,
-      testID: testID,
-      children: /*#__PURE__*/_jsx(Spinner, {
-        accessibilityLabel: "Loading your tickets"
-      })
-    });
-  }
-  const empty = () => {
-    if (loading) {
-      return /*#__PURE__*/_jsx(View, {
-        style: styles.footer,
-        children: /*#__PURE__*/_jsx(Spinner, {
-          accessibilityLabel: "Loading your tickets"
-        })
-      });
-    }
-    if (error) {
-      return null;
-    }
-    if (!hasAnyTicket) {
-      return /*#__PURE__*/_jsx(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__*/_jsx(EmptyState, {
-      title: "No tickets match",
-      description: filtered ? 'Try another status or search.' : undefined
-    });
-  };
-  const footer = loadingMore ? /*#__PURE__*/_jsx(View, {
-    style: styles.footer,
-    children: /*#__PURE__*/_jsx(Spinner, {
-      size: "sm",
-      accessibilityLabel: "Loading more tickets"
-    })
-  }) : loadMoreError ? /*#__PURE__*/_jsxs(View, {
-    style: [styles.footer, styles.error],
-    accessibilityLiveRegion: "polite",
-    children: [/*#__PURE__*/_jsx(Text, {
-      variant: "bodySmall",
-      color: "error",
-      children: loadMoreError.message
-    }), /*#__PURE__*/_jsx(Button, {
-      title: "Load more",
-      size: "sm",
-      variant: "ghost",
-      onPress: () => void loadMore()
-    })]
-  }) : null;
-  return /*#__PURE__*/_jsx(FlatList, {
-    testID: testID,
-    data: tickets,
-    keyExtractor: t => t.id,
-    contentContainerStyle: styles.content,
-    ListHeaderComponent: listHeader,
-    ListFooterComponent: footer,
-    onEndReached: () => void loadMore(),
-    onEndReachedThreshold: 0.5,
-    refreshControl: /*#__PURE__*/_jsx(RefreshControl, {
-      refreshing: refreshing,
-      onRefresh: () => void refresh()
-    }),
-    ListEmptyComponent: empty(),
-    renderItem: ({
-      item
-    }) => /*#__PURE__*/_jsxs(Card, {
-      onPress: () => onOpenTicket(item),
-      accessibilityLabel: `${item.subject}, ${item.statusLabel}, ticket ${item.number}`,
-      bodyStyle: styles.card,
-      testID: `support-ticket-${item.id}`,
-      children: [/*#__PURE__*/_jsxs(View, {
-        style: styles.cardTop,
-        children: [/*#__PURE__*/_jsx(Text, {
-          variant: "caption",
-          color: "tertiary",
-          children: item.number
-        }), /*#__PURE__*/_jsx(StatusBadge, {
-          label: item.statusLabel,
-          tone: STATUS_TONES[item.status] ?? 'neutral',
-          size: "sm"
-        })]
-      }), /*#__PURE__*/_jsx(Text, {
-        variant: "title",
-        numberOfLines: 2,
-        children: item.subject
-      }), /*#__PURE__*/_jsx(Text, {
-        variant: "bodySmall",
-        color: "secondary",
-        children: item.category
-      }), /*#__PURE__*/_jsxs(View, {
-        style: styles.cardBottom,
-        children: [/*#__PURE__*/_jsx(Text, {
-          variant: "caption",
-          color: "tertiary",
-          children: `Updated ${formatWhen(item.updatedDateTimeUtc)}`
-        }), item.awaitingCustomer && /*#__PURE__*/_jsx(Text, {
-          variant: "caption",
-          color: "warning",
-          children: "Waiting for your reply"
-        })]
-      })]
-    })
-  });
-};
-const buildStyles = theme => 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";import{Button,Card,Chip,EmptyState,SearchBar,Spinner,StatusBadge,Text,useTheme}from"@webority/mobile-ui";import{useMemo}from"react";import{FlatList,RefreshControl,ScrollView,StyleSheet,View}from"react-native";import{formatWhen}from"../format.js";import{useSupportTickets,useSupportTimeZone}from"../SupportProvider.js";import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from"react/jsx-runtime";export const STATUS_TONES={Open:"warning",InProgress:"info",Resolved:"success",Closed:"neutral"};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"}],ALL="all";export const statusFilterOptions=(e,t)=>[{value:ALL,label:"All",count:e.total},...STATUS_FILTERS.filter(s=>e[s.count]>0||s.value===t).map(t=>({value:t.value,label:t.label,count:e[t.count]}))];const SEARCH_DEBOUNCE_MS=400;export const SupportTicketList=({onOpenTicket:e,onNewTicket:t,header:s,pageSize:r,testID:i="support-ticket-list"})=>{const o=useTheme(),a=useMemo(()=>buildStyles(o),[o]),{tickets:n,counts:l,status:c,search:u,setStatus:d,setSearch:p,loading:m,refreshing:h,loadingMore:x,error:g,loadMoreError:b,refresh:S,loadMore:y}=useSupportTickets({pageSize:r}),j=useSupportTimeZone(),_=(l?.total??0)>0,f=null!==c||""!==u.trim(),T=_jsxs(View,{style:a.header,children:[s,t&&_jsx(Button,{title:"New ticket",leftIcon:"add",onPress:t,fullWidth:!0}),g&&_jsxs(View,{style:a.error,accessibilityLiveRegion:"polite",children:[_jsx(Text,{variant:"bodySmall",color:"error",children:g.message}),_jsx(Button,{title:"Try again",size:"sm",variant:"ghost",onPress:()=>{S()}})]}),l&&_&&_jsxs(_Fragment,{children:[_jsx(SearchBar,{value:u,onChangeText:p,debounceMs:400,placeholder:"Search by subject or ticket number",accessibilityLabel:"Search tickets",testID:"support-ticket-search"}),_jsx(ScrollView,{horizontal:!0,showsHorizontalScrollIndicator:!1,contentContainerStyle:a.filters,accessibilityRole:"tablist",accessibilityLabel:"Filter by status",children:statusFilterOptions(l,c).map(e=>_jsx(Chip,{label:`${e.label} (${e.count})`,selected:(c??ALL)===e.value,onPress:()=>d(e.value===ALL?null:e.value),accessibilityLabel:`${e.label}, ${e.count} tickets`,testID:`support-filter-${e.value}`},e.value))})]})]});if(m&&null===l&&!g)return _jsx(View,{style:a.center,testID:i,children:_jsx(Spinner,{accessibilityLabel:"Loading your tickets"})});const v=x?_jsx(View,{style:a.footer,children:_jsx(Spinner,{size:"sm",accessibilityLabel:"Loading more tickets"})}):b?_jsxs(View,{style:[a.footer,a.error],accessibilityLiveRegion:"polite",children:[_jsx(Text,{variant:"bodySmall",color:"error",children:b.message}),_jsx(Button,{title:"Load more",size:"sm",variant:"ghost",onPress:()=>{y()}})]}):null;return _jsx(FlatList,{testID:i,data:n,keyExtractor:e=>e.id,contentContainerStyle:a.content,ListHeaderComponent:T,ListFooterComponent:v,onEndReached:()=>{y()},onEndReachedThreshold:.5,refreshControl:_jsx(RefreshControl,{refreshing:h,onRefresh:()=>{S()}}),ListEmptyComponent:m?_jsx(View,{style:a.footer,children:_jsx(Spinner,{accessibilityLabel:"Loading your tickets"})}):g?null:_jsx(EmptyState,_?{title:"No tickets match",description:f?"Try another status or search.":void 0}:{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})=>_jsxs(Card,{onPress:()=>e(t),accessibilityLabel:`${t.subject}, ${t.statusLabel}, ticket ${t.number}`,bodyStyle:a.card,testID:`support-ticket-${t.id}`,children:[_jsxs(View,{style:a.cardTop,children:[_jsx(Text,{variant:"caption",color:"tertiary",children:t.number}),_jsx(StatusBadge,{label:t.statusLabel,tone:STATUS_TONES[t.status]??"neutral",size:"sm"})]}),_jsx(Text,{variant:"title",numberOfLines:2,children:t.subject}),_jsx(Text,{variant:"bodySmall",color:"secondary",children:t.category}),_jsxs(View,{style:a.cardBottom,children:[_jsx(Text,{variant:"caption",color:"tertiary",children:`Updated ${formatWhen(t.updatedDateTimeUtc,j)}`}),t.awaitingCustomer&&_jsx(Text,{variant:"caption",color:"warning",children:"Waiting for your reply"})]})]})})};const buildStyles=e=>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/module/device.js

@@ -1,24 +1 @@
-"use strict";
-
-import { getDeviceContext } from '@webority/mobile-core';
-import { Platform } from '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.
- */
-export const describeDevice = () => {
-  const context = getDeviceContext();
-  const platform = PLATFORM_NAMES[Platform.OS] ?? Platform.OS;
-  const osVersion = context?.osVersion ?? String(Platform.Version ?? '');
-  const parts = [`${platform} ${osVersion}`.trim()];
-  if (context?.deviceModel) {
-    parts.push(context.deviceModel);
-  }
-  return parts.join('; ');
-};
-//# sourceMappingURL=device.js.map
+"use strict";import{getDeviceContext}from"@webority/mobile-core";import{Platform}from"react-native";const PLATFORM_NAMES={ios:"iOS",android:"Android"};export const describeDevice=()=>{const e=getDeviceContext(),o=[`${PLATFORM_NAMES[Platform.OS]??Platform.OS} ${e?.osVersion??String(Platform.Version??"")}`.trim()];return e?.deviceModel&&o.push(e.deviceModel),o.join("; ")};

package/lib/module/files.js

@@ -1,31 +1 @@
-"use strict";
-
-import { File, Paths } from 'expo-file-system';
-const FOLDER = 'support-attachments';
-
-/** A server-supplied name reduced to one path segment, so it cannot leave the cache folder. */
-export 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.
- */
-export const saveAttachmentToCache = async (attachment, loadBytes) => {
-  const file = new File(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;
-};
-//# sourceMappingURL=files.js.map
+"use strict";import{File,Paths}from"expo-file-system";const FOLDER="support-attachments";export const safeFileName=t=>{const e=t.split(/[/\\]/).pop()??"",r=Array.from(e).filter(t=>(t.codePointAt(0)??0)>31).join("").trim();return""===r||"."===r||".."===r?"attachment":r};export const saveAttachmentToCache=async(t,e)=>{const r=new File(Paths.cache,FOLDER,`${t.id}-${safeFileName(t.fileName)}`);if(r.exists&&r.size>0)return r.uri;const i=await e();return r.create({intermediates:!0,overwrite:!0}),r.write(new Uint8Array(i)),r.uri};

package/lib/module/format.js

@@ -1,23 +1 @@
-"use strict";
-
-import { formatDateTime } from '@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.
- */
-export const formatWhen = utc => utc ? formatDateTime(utc) || '-' : '-';
-
-/** A byte count as a person reads it. */
-export 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`;
-};
-export const isImage = contentType => contentType.startsWith('image/');
-//# sourceMappingURL=format.js.map
+"use strict";export const DEFAULT_TIME_ZONE="Asia/Kolkata";export const formatWhen=(t,e="Asia/Kolkata")=>{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()}`};export const formatBytes=t=>t>=1048576?`${(t/1048576).toFixed(1)} MB`:t>=1024?`${Math.round(t/1024)} KB`:`${t} bytes`;export const isImage=t=>t.startsWith("image/");

package/lib/module/index.js

@@ -1,10 +1 @@
-"use strict";
-
-export { createSupportClient, SupportApiError, toSupportApiError } from "./client.js";
-export { NewSupportTicket } from "./components/NewSupportTicket.js";
-export { SupportContact } from "./components/SupportContact.js";
-export { SupportTicketDetail } from "./components/SupportTicketDetail.js";
-export { SupportTicketList } from "./components/SupportTicketList.js";
-export { describeDevice } from "./device.js";
-export { SupportProvider, useCreateSupportTicket, useSupportClient, useSupportConfig, useSupportTicket, useSupportTickets } from "./SupportProvider.js";
-//# sourceMappingURL=index.js.map
+"use strict";export{createSupportClient,SupportApiError,toSupportApiError}from"./client.js";export{NewSupportTicket}from"./components/NewSupportTicket.js";export{SupportContact}from"./components/SupportContact.js";export{SupportTicketDetail}from"./components/SupportTicketDetail.js";export{SupportTicketList}from"./components/SupportTicketList.js";export{describeDevice}from"./device.js";export{SupportProvider,useCreateSupportTicket,useSupportClient,useSupportConfig,useSupportTicket,useSupportTickets}from"./SupportProvider.js";

package/lib/module/photos.js

@@ -1,61 +1 @@
-"use strict";
-
-import { compressImage } from '@webority/mobile-core/compressor';
-/** The one place `expo-image-picker` is named. */
-const picker = () => require('expo-image-picker');
-export 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.
-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.
- */
-export 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 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;
-};
-//# sourceMappingURL=photos.js.map
+"use strict";import{compressImage}from"@webority/mobile-core/compressor";const picker=()=>require("expo-image-picker");export 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}}const CAPTURE_OPTIONS={mediaTypes:["images"],quality:.8,allowsEditing:!1},MAX_SIDE=1920;export const pickPhotos=async(e,t)=>{if(t.maxCount<=0)return[];const s=picker();if(!("camera"===e?await s.requestCameraPermissionsAsync():await s.requestMediaLibraryPermissionsAsync()).granted)throw new PhotoPermissionError(e);const o="camera"===e?await s.launchCameraAsync(CAPTURE_OPTIONS):await s.launchImageLibraryAsync({...CAPTURE_OPTIONS,allowsMultipleSelection:t.maxCount>1,selectionLimit:t.maxCount});if(o.canceled||!o.assets)return[];const a=[];for(const e of o.assets.slice(0,t.maxCount)){const s=await compressImage(e.uri,{maxSize:1920,maxBytes:t.maxBytes,fileSize:e.fileSize??void 0,name:e.fileName??`photo-${Date.now()}-${a.length+1}`});a.push({uri:s.part.uri,name:s.part.name,type:s.part.type,size:s.size??void 0})}return a};

package/lib/module/report/ReportIssueButton.js

@@ -1,52 +1 @@
-"use strict";
-
-import { Button } from '@webority/mobile-ui';
-import { useState } from 'react';
-import { captureAndReport } from "./captureAndReport.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-/** A button that screenshots the current screen and hands a prefilled ticket draft to the app. */
-export 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] = useState(false);
-  const press = async () => {
-    setCapturing(true);
-    try {
-      onReport(await captureAndReport({
-        screenName,
-        appVersion,
-        category,
-        subject
-      }));
-    } catch (error) {
-      onCaptureError?.(error);
-      onReport({
-        category,
-        subject,
-        pageUrl: screenName,
-        appVersion
-      });
-    } finally {
-      setCapturing(false);
-    }
-  };
-  return /*#__PURE__*/_jsx(Button, {
-    leftIcon: "message-question",
-    ...buttonProps,
-    title: title,
-    accessibilityLabel: accessibilityLabel,
-    testID: testID,
-    loading: capturing,
-    onPress: () => void press()
-  });
-};
-//# sourceMappingURL=ReportIssueButton.js.map
+"use strict";import{Button}from"@webority/mobile-ui";import{useState}from"react";import{captureAndReport}from"./captureAndReport.js";import{jsx as _jsx}from"react/jsx-runtime";export const ReportIssueButton=({onReport:t,onCaptureError:e,screenName:r,appVersion:s,category:o,subject:a,title:i="Report an issue",accessibilityLabel:n="Report an issue with this screen",testID:p="support-report-issue",...c})=>{const[u,m]=useState(!1);return _jsx(Button,{leftIcon:"message-question",...c,title:i,accessibilityLabel:n,testID:p,loading:u,onPress:()=>{(async()=>{m(!0);try{t(await captureAndReport({screenName:r,appVersion:s,category:o,subject:a}))}catch(i){e?.(i),t({category:o,subject:a,pageUrl:r,appVersion:s})}finally{m(!1)}})()}})};

package/lib/module/report/captureAndReport.js

@@ -1,29 +1 @@
-"use strict";
-
-import { describeDevice } from "../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.
- */
-export 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: describeDevice(),
-    appVersion: options.appVersion,
-    screenshots: [{
-      uri,
-      name: `screenshot-${Date.now()}.jpg`,
-      type: 'image/jpeg'
-    }]
-  };
-};
-//# sourceMappingURL=captureAndReport.js.map
+"use strict";import{describeDevice}from"../device.js";const viewShot=()=>require("react-native-view-shot");export const 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:describeDevice(),appVersion:e.appVersion,screenshots:[{uri:t,name:`screenshot-${Date.now()}.jpg`,type:"image/jpeg"}]}};

package/lib/module/report/index.js

@@ -1,12 +1 @@
-"use strict";
-
-/**
- * Report an issue. A separate entry point because it names react-native-view-shot,
- * an optional peer: Metro resolves every require reachable from an import, so
- * keeping it off the main barrel lets an app skip the package when it does not
- * use this button.
- */
-
-export { captureAndReport } from "./captureAndReport.js";
-export { ReportIssueButton } from "./ReportIssueButton.js";
-//# sourceMappingURL=index.js.map
+"use strict";export{captureAndReport}from"./captureAndReport.js";export{ReportIssueButton}from"./ReportIssueButton.js";

package/lib/module/share/index.js

@@ -1,37 +1 @@
-"use strict";
-
-/**
- * Opens a support attachment through the system share sheet, by way of
- * mobile-core's `/share`. A separate entry point because that reaches
- * expo-sharing, an optional peer: Metro resolves every require reachable from an
- * import, so keeping it off the main barrel lets an app skip the package when it
- * does not open files.
- */
-import { shareFile } from '@webority/mobile-core/share';
-export class SupportShareUnavailableError extends Error {
-  constructor() {
-    super('Opening files is not available on this device.');
-    this.name = 'SupportShareUnavailableError';
-  }
-}
-
-/**
- * Hands a downloaded attachment to the OS share sheet, where the person can open
- * it in a viewer or save it. Pass it to `SupportProvider` as `openFile`.
- */
-export const shareSupportFile = async file => {
-  try {
-    await shareFile(file.uri, {
-      mimeType: file.contentType,
-      dialogTitle: file.name
-    });
-  } catch (error) {
-    // By name, not instanceof: a second copy of mobile-core would fail instanceof.
-    const e = error;
-    if (e?.name === 'ShareError' && e.code === 'unavailable') {
-      throw new SupportShareUnavailableError();
-    }
-    throw error;
-  }
-};
-//# sourceMappingURL=index.js.map
+"use strict";import{shareFile}from"@webority/mobile-core/share";export class SupportShareUnavailableError extends Error{constructor(){super("Opening files is not available on this device."),this.name="SupportShareUnavailableError"}}export const shareSupportFile=async r=>{try{await shareFile(r.uri,{mimeType:r.contentType,dialogTitle:r.name})}catch(r){const e=r;if("ShareError"===e?.name&&"unavailable"===e.code)throw new SupportShareUnavailableError;throw r}};

package/lib/module/types.js

@@ -1,2 +1 @@
-"use strict";
-//# sourceMappingURL=types.js.map
+"use strict";

package/lib/module/validation.js

@@ -1,38 +1 @@
-"use strict";
-
-export const validateCategory = (category, config) => config.categories.includes(category) ? undefined : 'Choose one of the listed categories.';
-
-/** Limits come from GET /settings, so the product's own values are the only copy. */
-
-export const validateSubject = (subject, limits) => {
-  const trimmed = subject.trim();
-  if (!trimmed) {
-    return 'Add a short subject.';
-  }
-  return trimmed.length > limits.subjectMaxLength ? `Keep the subject under ${limits.subjectMaxLength} characters.` : undefined;
-};
-export const validateBody = (body, limits) => {
-  const trimmed = body.trim();
-  if (!trimmed) {
-    return 'Write a message.';
-  }
-  return trimmed.length > limits.bodyMaxLength ? `Keep the message under ${limits.bodyMaxLength} characters.` : undefined;
-};
-
-/** Checks every file on one message against the product's limits. The first problem wins. */
-export const validateFiles = (files, config) => {
-  if (files.length > config.maxAttachmentsPerMessage) {
-    return `Attach up to ${config.maxAttachmentsPerMessage} files to one message.`;
-  }
-  for (const file of files) {
-    if (config.allowedContentTypes.length > 0 && !config.allowedContentTypes.includes(file.type)) {
-      return `${file.name} can't be attached. Use an image, a PDF or a text file.`;
-    }
-    if (file.size !== undefined && file.size > config.maxAttachmentBytes) {
-      const mb = Math.floor(config.maxAttachmentBytes / (1024 * 1024));
-      return `${file.name} is too large. The limit is ${mb} MB per file.`;
-    }
-  }
-  return undefined;
-};
-//# sourceMappingURL=validation.js.map
+"use strict";export const validateCategory=(e,t)=>t.categories.includes(e)?void 0:"Choose one of the listed categories.";export const validateSubject=(e,t)=>{const a=e.trim();return a?a.length>t.subjectMaxLength?`Keep the subject under ${t.subjectMaxLength} characters.`:void 0:"Add a short subject."};export const validateBody=(e,t)=>{const a=e.trim();return a?a.length>t.bodyMaxLength?`Keep the message under ${t.bodyMaxLength} characters.`:void 0:"Write a message."};export const validateFiles=(e,t)=>{if(e.length>t.maxAttachmentsPerMessage)return`Attach up to ${t.maxAttachmentsPerMessage} files to one message.`;for(const a of e){if(t.allowedContentTypes.length>0&&!t.allowedContentTypes.includes(a.type))return`${a.name} can't be attached. Use an image, a PDF or a text file.`;if(void 0!==a.size&&a.size>t.maxAttachmentBytes){const e=Math.floor(t.maxAttachmentBytes/1048576);return`${a.name} is too large. The limit is ${e} MB per file.`}}};

package/lib/typescript/commonjs/SupportProvider.d.ts

@@ -18,6 +18,8 @@ export interface SupportProviderProps {
      * attachments show their name and size only.
      */
     openFile?: SupportFileOpener;
+    /** IANA time zone ticket times show in. Defaults to `Asia/Kolkata` (IST). */
+    timeZone?: string;
     children: React.ReactNode;
 }
 export declare const SupportProvider: React.FC<SupportProviderProps>;
@@ -26,6 +28,8 @@ export declare const useSupportClient: () => SupportClient;
 export declare const useAttachmentLoader: () => (attachment: Pick<SupportAttachmentView, "id" | "contentType">) => Promise<string>;
 /** @internal Used by the file rows; null when the app gave no `openFile`. */
 export declare const useAttachmentOpener: () => AttachmentOpener | null;
+/** @internal Used by the ticket screens to format times. */
+export declare const useSupportTimeZone: () => string;
 export interface SupportConfigState {
     config: SupportContactInfo | null;
     loading: boolean;

package/lib/typescript/commonjs/format.d.ts

@@ -1,9 +1,11 @@
+/** The zone ticket times show in unless the app passes `timeZone` to `SupportProvider`. */
+export declare const DEFAULT_TIME_ZONE = "Asia/Kolkata";
 /**
- * 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.
+ * A timestamp as `07-Oct-2026, 2:30 PM` in an IANA time zone. The backend sends UTC.
+ * Built from `formatToParts`, because the assembled Intl string varies by engine
+ * (month spelling, a narrow no-break space before AM/PM).
  */
-export declare const formatWhen: (utc: string | null | undefined) => string;
+export declare const formatWhen: (utc: string | null | undefined, timeZone?: string) => string;
 /** A byte count as a person reads it. */
 export declare const formatBytes: (bytes: number) => string;
 export declare const isImage: (contentType: string) => boolean;