Edit

Share via

Use the receipt processor component in Power Apps

  • Article

The AI Builder receipt processor component scans and extracts information from receipts. You can take photos directly within the component or load images that were already taken. The data is recognized and extracted using the properties listed in this article.

For more information about canvas apps, see What are canvas apps in Power Apps?

Requirements

The receipt processor component works best with sales receipts that are commonly used by restaurants, gas stations, retailers, and others. Both print and handwritten text can be detected.

Only English receipts from the United States are currently supported.

In order to get the best results, provide one clear photo or scan per receipt.

  • The image format must be JPEG, PNG, or PDF.
  • The file size must be less than 20 MB.
  • The image dimensions must be between 50 x 50 pixels and 10,000 x 10,000 pixels.
  • PDF dimensions must be at most 17 x 17 inches, which is the equivalent of the legal or A3 paper sizes or smaller.
  • Only the first page containing a receipt is processed.

Receipt properties

Property Definition
MerchantName Merchant name
MerchantAddress Merchant address
MerchantPhone Merchant phone number
TransactionDate Transaction date
TransactionTime Transaction time
PurchasedItems The list of purchased items
  • Name: Name of the purchased item
  • Price: Price of the purchased item
  • Quantity: Quantity of the purchased item
  • TotalPrice: Total price of the purchased item
Subtotal Subtotal
Tax Tax
Tip Tip
Total Total

Note

Receipt values are returned as strings. To manipulate them as numbers, you can use the Value function. To manipulate them as dates or times, you can use the DateValue and TimeValue functions. You can also specify the language of the text with a language tag, such as "en-US".

Additional properties

Property Definition
DetectedFields Additional information for each of the receipt properties
  • BoundingBox: The coordinates of the field
  • Confidence: How confident the model is in the detection of the field
  • PageNumber: Which page the field is found on
  • Value: The value of the field
DetectedText The list of all recognized lines of text on the receipt
  • BoundingBox: The coordinates of the line of text
  • PageNumber: Which page the line of text is found on
  • Value: The line of text
OriginalImage The original image before processing
DisplayMode
  • Edit: Allows user input
  • View: Only displays data
  • Disabled: Doesn't allow user input
Height The height of the component
ImageDisplayed Whether the component displays the image or not
ShowBoundingBoxes Whether the component displays the bounding boxes or not
Text The text that appears on the button that activates the receipt processor
Visible Whether the component appears or is hidden
Width The width of the component
X The distance between the left edge of the component and the left edge of the parent container or screen
Y The distance between the top edge of the component and the top edge of the parent container or screen

More design properties are available in the Advanced panel.

Accessibility guidelines

These guidelines for the Power Apps button control also apply to the text recognizer component.

Use the formula bar to retrieve the text value from the selected item in the ReceiptProcessor control

Here are some examples.

This expression concatenates the values in the 'DetectedText' column of the 'ReceiptProcessor1' table, separated by a comma and a space.

Concat(ReceiptProcessor1.DetectedText,Value,", ")

This expression retrieves the PurchasedItems property from the ReceiptProcessor1 variable.

  1. Select + Insert > Data table (preview).

  2. On the left pane, select DataTable1, and then enter the following in the formula bar:

    ReceiptProcessor1.PurchasedItems

  3. Select Fields > + Add field.

  4. Select Name > Price > Quantity > TotalPrice.

  5. Select Add.