@webority/mobile-support 0.0.12 → 0.1.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
+import{Button as e,Card as t,Chip as r,EmptyState as i,SearchBar as o,Spinner as s,StatusBadge as a,Text as n,useTheme as l}from"@webority/mobile-ui";import{useMemo as c}from"react";import{FlatList as d,RefreshControl as p,ScrollView as u,StyleSheet as m,View as g}from"react-native";import{formatWhen as b}from"../format.js";import{useSupportTickets as h,useSupportTimeZone as y}from"../SupportProvider.js";import{jsx as f,jsxs as v,Fragment as S}from"react/jsx-runtime";export const STATUS_TONES={Open:"warning",InProgress:"info",Resolved:"success",Closed:"neutral"};const k=[{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"}],x="all";export const statusFilterOptions=(e,t)=>[{value:x,label:"All",count:e.total},...k.filter(r=>e[r.count]>0||r.value===t).map(t=>({value:t.value,label:t.label,count:e[t.count]}))];export const SupportTicketList=({onOpenTicket:m,onNewTicket:k,header:L,pageSize:T,testID:I="support-ticket-list"})=>{const w=l(),C=c(()=>buildStyles(w),[w]),{tickets:j,counts:P,status:R,search:$,setStatus:D,setSearch:O,loading:z,refreshing:E,loadingMore:N,error:F,loadMoreError:M,refresh:U,loadMore:A}=h({pageSize:T}),B=y(),H=(P?.total??0)>0,W=null!==R||""!==$.trim(),_=v(g,{style:C.header,children:[L,k&&f(e,{title:"New ticket",leftIcon:"add",onPress:k,fullWidth:!0}),F&&v(g,{style:C.error,accessibilityLiveRegion:"polite",children:[f(n,{variant:"bodySmall",color:"error",children:F.message}),f(e,{title:"Try again",size:"sm",variant:"ghost",onPress:()=>{U()}})]}),P&&H&&v(S,{children:[f(o,{value:$,onChangeText:O,debounceMs:400,placeholder:"Search by subject or ticket number",accessibilityLabel:"Search tickets",testID:"support-ticket-search"}),f(u,{horizontal:!0,showsHorizontalScrollIndicator:!1,contentContainerStyle:C.filters,accessibilityRole:"tablist",accessibilityLabel:"Filter by status",children:statusFilterOptions(P,R).map(e=>f(r,{label:`${e.label} (${e.count})`,selected:(R??x)===e.value,onPress:()=>D(e.value===x?null:e.value),accessibilityLabel:`${e.label}, ${e.count} tickets`,testID:`support-filter-${e.value}`},e.value))})]})]});if(z&&null===P&&!F)return f(g,{style:C.center,testID:I,children:f(s,{accessibilityLabel:"Loading your tickets"})});const V=N?f(g,{style:C.footer,children:f(s,{size:"sm",accessibilityLabel:"Loading more tickets"})}):M?v(g,{style:[C.footer,C.error],accessibilityLiveRegion:"polite",children:[f(n,{variant:"bodySmall",color:"error",children:M.message}),f(e,{title:"Load more",size:"sm",variant:"ghost",onPress:()=>{A()}})]}):null;return f(d,{testID:I,data:j,keyExtractor:e=>e.id,contentContainerStyle:C.content,ListHeaderComponent:_,ListFooterComponent:V,onEndReached:()=>{A()},onEndReachedThreshold:.5,refreshControl:f(p,{refreshing:E,onRefresh:()=>{U()}}),ListEmptyComponent:z?f(g,{style:C.footer,children:f(s,{accessibilityLabel:"Loading your tickets"})}):F?null:f(i,H?{title:"No tickets match",description:W?"Try another status or search.":void 0}:{title:"No tickets yet",description:"Raise a ticket and it will show here with its status.",action:k?{label:"New ticket",onPress:k}:void 0}),renderItem:({item:e})=>v(t,{onPress:()=>m(e),accessibilityLabel:`${e.subject}, ${e.statusLabel}, ticket ${e.number}`,bodyStyle:C.card,testID:`support-ticket-${e.id}`,children:[v(g,{style:C.cardTop,children:[f(n,{variant:"caption",color:"tertiary",children:e.number}),f(a,{label:e.statusLabel,tone:STATUS_TONES[e.status]??"neutral",size:"sm"})]}),f(n,{variant:"title",numberOfLines:2,children:e.subject}),f(n,{variant:"bodySmall",color:"secondary",children:e.category}),v(g,{style:C.cardBottom,children:[f(n,{variant:"caption",color:"tertiary",children:`Updated ${b(e.updatedDateTimeUtc,B)}`}),e.awaitingCustomer&&f(n,{variant:"caption",color:"warning",children:"Waiting for your reply"})]})]})})};const buildStyles=e=>m.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
+import{getDeviceContext as o}from"@webority/mobile-core";import{Platform as e}from"react-native";const i={ios:"iOS",android:"Android"};export const describeDevice=()=>{const r=o(),t=[`${i[e.OS]??e.OS} ${r?.osVersion??String(e.Version??"")}`.trim()];return r?.deviceModel&&t.push(r.deviceModel),t.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
+import{File as e,Paths as t}from"expo-file-system";export const safeFileName=e=>{const t=e.split(/[/\\]/).pop()??"",r=Array.from(t).filter(e=>(e.codePointAt(0)??0)>31).join("").trim();return""===r||"."===r||".."===r?"attachment":r};export const saveAttachmentToCache=async(r,i)=>{const a=new e(t.cache,"support-attachments",`${r.id}-${safeFileName(r.fileName)}`);if(a.exists&&a.size>0)return a.uri;const n=await i();return a.create({intermediates:!0,overwrite:!0}),a.write(new Uint8Array(n)),a.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
+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
+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
+import{compressImage as e}from"@webority/mobile-core/compressor";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 t={mediaTypes:["images"],quality:.8,allowsEditing:!1};export const pickPhotos=async(a,o)=>{if(o.maxCount<=0)return[];const s=require("expo-image-picker");if(!("camera"===a?await s.requestCameraPermissionsAsync():await s.requestMediaLibraryPermissionsAsync()).granted)throw new PhotoPermissionError(a);const r="camera"===a?await s.launchCameraAsync(t):await s.launchImageLibraryAsync({...t,allowsMultipleSelection:o.maxCount>1,selectionLimit:o.maxCount});if(r.canceled||!r.assets)return[];const i=[];for(const t of r.assets.slice(0,o.maxCount)){const a=await e(t.uri,{maxSize:1920,maxBytes:o.maxBytes,fileSize:t.fileSize??void 0,name:t.fileName??`photo-${Date.now()}-${i.length+1}`});i.push({uri:a.part.uri,name:a.part.name,type:a.part.type,size:a.size??void 0})}return i};

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
+import{Button as e}from"@webority/mobile-ui";import{useState as t}from"react";import{captureAndReport as r}from"./captureAndReport.js";import{jsx as s}from"react/jsx-runtime";export const ReportIssueButton=({onReport:o,onCaptureError:i,screenName:a,appVersion:c,category:n,subject:p,title:u="Report an issue",accessibilityLabel:m="Report an issue with this screen",testID:l="support-report-issue",...b})=>{const[y,f]=t(!1);return s(e,{leftIcon:"message-question",...b,title:u,accessibilityLabel:m,testID:l,loading:y,onPress:()=>{(async()=>{f(!0);try{o(await r({screenName:a,appVersion:c,category:n,subject:p}))}catch(e){i?.(e),o({category:n,subject:p,pageUrl:a,appVersion:c})}finally{f(!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
+import{describeDevice as e}from"../device.js";export const captureAndReport=async t=>{const r=await require("react-native-view-shot").captureScreen({format:"jpg",quality:.8,result:"tmpfile"});return{category:t.category,subject:t.subject,pageUrl:t.screenName,userAgent:e(),appVersion:t.appVersion,screenshots:[{uri:r,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
+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
+import{shareFile as r}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 e=>{try{await r(e.uri,{mimeType:e.contentType,dialogTitle:e.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 +0,0 @@
-"use strict";
-//# sourceMappingURL=types.js.map

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
+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/client.d.ts

@@ -32,7 +32,6 @@ export declare class SupportApiError extends Error {
 }
 /** Turns whatever the HTTP client threw into a SupportApiError. */
 export declare const toSupportApiError: (error: unknown) => SupportApiError;
-export declare const encodeBase64: (buffer: ArrayBuffer) => string;
 export interface SupportClient {
     readonly basePath: string;
     getConfig(): Promise<SupportContactInfo>;