@webority/mobile-support 0.15.0 → 0.16.1

package/lib/commonjs/report/ReportIssueButton.js

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ReportIssueButton=void 0;var _mobileUi=require("@webority/mobile-ui"),_react=require("react"),_reactNative=require("react-native"),_captureAndReport=require("./captureAndReport.js"),_jsxRuntime=require("react/jsx-runtime");const ReportIssueButton=({onReport:e,onCaptureError:t,captureScreenshot:s=!1,screenName:r,appVersion:i,category:a,subject:o,title:n="Report an issue",accessibilityLabel:u="Report an issue with this screen",testID:c="support-report-issue",...p})=>{const l=(0,_mobileUi.useTheme)(),[d,b]=(0,_react.useState)(!1),draftWithoutScreenshot=()=>({category:a,subject:o,pageUrl:r,appVersion:i}),_=(0,_jsxRuntime.jsx)(_mobileUi.Button,{leftIcon:"message-question",...p,title:n,accessibilityLabel:u,testID:c,disabled:p.disabled||d,onPress:()=>e(draftWithoutScreenshot())});return s?(0,_jsxRuntime.jsxs)(_reactNative.View,{style:{gap:l.spacing.sm},children:[_,(0,_jsxRuntime.jsx)(_mobileUi.Button,{variant:"outline",title:"Add a screenshot",accessibilityLabel:"Add a screenshot",testID:`${c}-screenshot`,loading:d,disabled:p.disabled,onPress:()=>{(async()=>{b(!0);try{e(await(0,_captureAndReport.captureAndReport)({screenName:r,appVersion:i,category:a,subject:o}))}catch(s){t?.(s),e(draftWithoutScreenshot())}finally{b(!1)}})()}})]}):_};exports.ReportIssueButton=ReportIssueButton;

package/lib/module/report/ReportIssueButton.js

@@ -1 +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";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)}})()}})};
+"use strict";import{Button,useTheme}from"@webority/mobile-ui";import{useState}from"react";import{View}from"react-native";import{captureAndReport}from"./captureAndReport.js";import{jsx as _jsx,jsxs as _jsxs}from"react/jsx-runtime";export const ReportIssueButton=({onReport:e,onCaptureError:t,captureScreenshot:s=!1,screenName:r,appVersion:a,category:o,subject:i,title:n="Report an issue",accessibilityLabel:c="Report an issue with this screen",testID:p="support-report-issue",...u})=>{const l=useTheme(),[m,d]=useState(!1),draftWithoutScreenshot=()=>({category:o,subject:i,pageUrl:r,appVersion:a}),b=_jsx(Button,{leftIcon:"message-question",...u,title:n,accessibilityLabel:c,testID:p,disabled:u.disabled||m,onPress:()=>e(draftWithoutScreenshot())});return s?_jsxs(View,{style:{gap:l.spacing.sm},children:[b,_jsx(Button,{variant:"outline",title:"Add a screenshot",accessibilityLabel:"Add a screenshot",testID:`${p}-screenshot`,loading:m,disabled:u.disabled,onPress:()=>{(async()=>{d(!0);try{e(await captureAndReport({screenName:r,appVersion:a,category:o,subject:i}))}catch(s){t?.(s),e(draftWithoutScreenshot())}finally{d(!1)}})()}})]}):b};

package/lib/typescript/commonjs/report/ReportIssueButton.d.ts

@@ -5,10 +5,15 @@ import { type CaptureAndReportOptions } from './captureAndReport';
 export interface ReportIssueButtonProps extends CaptureAndReportOptions, Omit<ButtonProps, 'onPress' | 'title' | 'children' | 'loading'> {
     /** Open the new ticket screen with this draft, for example `navigation.navigate('NewTicket', { draft })`. */
     onReport: (draft: SupportTicketDraft) => void;
+    /**
+     * Adds an Add a screenshot button beside the report button. Only that button
+     * captures the screen, so nothing is captured unless the person asks.
+     */
+    captureScreenshot?: boolean;
     /** Called when the screen could not be captured. The draft still opens, without a screenshot. */
     onCaptureError?: (error: unknown) => void;
     title?: string;
 }
-/** A button that screenshots the current screen and hands a prefilled ticket draft to the app. */
+/** A button that hands a prefilled ticket draft to the app, with a screenshot only when the person asks for one. */
 export declare const ReportIssueButton: React.FC<ReportIssueButtonProps>;
 //# sourceMappingURL=ReportIssueButton.d.ts.map

package/lib/typescript/module/report/ReportIssueButton.d.ts

@@ -5,10 +5,15 @@ import { type CaptureAndReportOptions } from './captureAndReport.js';
 export interface ReportIssueButtonProps extends CaptureAndReportOptions, Omit<ButtonProps, 'onPress' | 'title' | 'children' | 'loading'> {
     /** Open the new ticket screen with this draft, for example `navigation.navigate('NewTicket', { draft })`. */
     onReport: (draft: SupportTicketDraft) => void;
+    /**
+     * Adds an Add a screenshot button beside the report button. Only that button
+     * captures the screen, so nothing is captured unless the person asks.
+     */
+    captureScreenshot?: boolean;
     /** Called when the screen could not be captured. The draft still opens, without a screenshot. */
     onCaptureError?: (error: unknown) => void;
     title?: string;
 }
-/** A button that screenshots the current screen and hands a prefilled ticket draft to the app. */
+/** A button that hands a prefilled ticket draft to the app, with a screenshot only when the person asks for one. */
 export declare const ReportIssueButton: React.FC<ReportIssueButtonProps>;
 //# sourceMappingURL=ReportIssueButton.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webority/mobile-support",
-  "version": "0.15.0",
+  "version": "0.16.1",
   "description": "Customer support tickets for Webority React Native apps: the support API client, hooks, ticket screens, contact card and a report-an-issue button that attaches a screenshot.",
   "keywords": [
     "react-native",
@@ -62,8 +62,8 @@
     "!**/*.map"
   ],
   "peerDependencies": {
-    "@webority/mobile-core": ">=0.15.0 <0.16.0",
-    "@webority/mobile-ui": ">=0.15.0 <0.16.0",
+    "@webority/mobile-core": ">=0.16.0 <0.17.0",
+    "@webority/mobile-ui": ">=0.16.0 <0.17.0",
     "expo": ">=57.0.0",
     "expo-clipboard": ">=57.0.0",
     "expo-file-system": ">=57.0.0",
@@ -114,8 +114,8 @@
     ]
   },
   "devDependencies": {
-    "@webority/mobile-core": "0.15.0",
-    "@webority/mobile-ui": "0.15.0"
+    "@webority/mobile-ui": "0.16.1",
+    "@webority/mobile-core": "0.16.1"
   },
   "scripts": {
     "build": "bob build && node ../../scripts/minify-lib.mjs",