Add new receipt input partial with support for receipt bin

app/assets/stylesheets/components/_forms.scss

@@ -70,35 +70,35 @@ input[type='number'] {
   -moz-appearance: textfield;
 }
 
-.field--fileupload {
-  display: flex;
-  gap: 0.5rem;
-  align-items: center;
+.field--fileupload__label {
+  white-space: nowrap;
+  display: block;
+  padding: 5px 0;
 
-  .field--fileupload__label {
-    white-space: nowrap;
-    display: block;
-    padding: 5px 0;
+  display: block;
+  padding: 0.25rem 1rem;
+  cursor: pointer;
+  border-radius: 6px;
 
-    display: block;
-    padding: 0.25rem 1rem;
-    cursor: pointer;
-    border-radius: 6px;
+  color: map-get($palette, info) !important;
+  border: 1px dashed map-get($palette, info);
 
-    color: map-get($palette, info);
-    border: 1px dashed map-get($palette, info);
+  transition: transform 0.125s ease-in-out;
+  font-size: 0.875rem;
+  font-weight: 600;
 
-    transition: transform 0.125s ease-in-out;
-    font-size: 0.875rem;
-    font-weight: 600;
-
-    letter-spacing: 0;
-    line-height: 1.5;
+  letter-spacing: 0;
+  line-height: 1.5;
 
-    &:hover {
-      transform: scale(1.0625);
-    }
+  &:hover {
+    transform: scale(1.0625);
   }
+}
+
+.field--fileupload {
+  display: flex;
+  gap: 0.5rem;
+  align-items: center;
 
   .field--fileupload__field {
     &::file-selector-button {
@@ -545,3 +545,32 @@ input:where([data-behavior='otp_input']) {
     transform: scale(1.0625);
   }
 }
+
+.receipt-input__list {
+  list-style-type: none;
+  padding: 0.25rem 0rem;
+
+  div {
+    display: flex;
+    align-items: center;
+    gap: 1rem;
+    padding: 1rem;
+
+    border-bottom-width: 1px;
+    border-bottom-color: $smoke;
+    border-bottom-style: solid;
+
+    html[data-dark='true'] & {
+      border-bottom-color: $slate;
+    }
+
+    img {
+      width: 2rem;
+      height: 3rem;
+    }
+  }
+
+  div:last-child {
+    border-bottom-width: 0px;
+  }
+}

app/controllers/ach_transfers_controller.rb

@@ -56,6 +56,15 @@ def create
     end
 
     if @ach_transfer.save
+      if params[:receipts].present?
+        params[:receipts].each do |receipt_id|
+          receipt = Receipt.find(receipt_id)
+          authorize receipt, :link?
+
+          receipt.update!(receiptable: @ach_transfer.local_hcb_code)
+        end
+      end
+
       if ach_transfer_params[:file]
         ::ReceiptService::Create.new(
           uploader: current_user,

app/controllers/disbursements_controller.rb

@@ -88,6 +88,15 @@ def create
       fronted: @source_event.plan.front_disbursements_enabled?
     ).run
 
+    if params[:receipts].present?
+      params[:receipts].each do |receipt_id|
+        receipt = Receipt.find(receipt_id)
+        authorize receipt, :link?
+
+        receipt.update!(receiptable: disbursement.local_hcb_code)
+      end
+    end
+
     if disbursement_params[:file]
       ::ReceiptService::Create.new(
         uploader: current_user,

app/controllers/increase_checks_controller.rb

@@ -28,6 +28,15 @@ def create
     end
 
     if @check.save
+      if params[:receipts].present?
+        params[:receipts].each do |receipt_id|
+          receipt = Receipt.find(receipt_id)
+          authorize receipt, :link?
+
+          receipt.update!(receiptable: @check.local_hcb_code)
+        end
+      end
+
       if check_params[:file]
         ::ReceiptService::Create.new(
           uploader: current_user,

app/controllers/paypal_transfers_controller.rb

@@ -18,6 +18,15 @@ def create
     authorize @paypal_transfer
 
     if @paypal_transfer.save
+      if params[:receipts].present?
+        params[:receipts].each do |receipt_id|
+          receipt = Receipt.find(receipt_id)
+          authorize receipt, :link?
+
+          receipt.update!(receiptable: @paypal_transfer.local_hcb_code)
+        end
+      end
+
       if paypal_transfer_params[:file]
         ::ReceiptService::Create.new(
           uploader: current_user,

app/controllers/receipts_controller.rb

@@ -7,7 +7,7 @@ class ReceiptsController < ApplicationController
   before_action :find_receiptable, only: [:create, :link, :link_modal]
   before_action :set_event, only: [:create, :link]
   before_action :set_transaction_display_data
-  before_action :set_receipt, only: [:destroy, :reverse]
+  before_action :set_receipt, only: [:destroy, :reverse, :metadata]
 
   def destroy
     @receiptable = @receipt.receiptable
@@ -92,6 +92,12 @@ def link_modal
 
   end
 
+  def inline_link
+    skip_authorization
+
+    @receipts = current_user.receipts.in_receipt_bin.with_attached_file.order(created_at: :desc)
+  end
+
   def create
     streams = []
 
@@ -235,6 +241,12 @@ def reverse
     end
   end
 
+  def metadata
+    authorize @receipt
+
+    render json: { name: @receipt.file.blob.filename, preview: @receipt.preview, total: (@receipt.extracted_total_amount_cents.present? ? @receipt.extracted_total_amount_cents / 100.0 : nil), seller_name: @receipt.extracted_merchant_name, seller_address_zip: @receipt.extracted_merchant_zip_code }
+  end
+
   private
 
   RECEIPTABLE_TYPE_MAP = [HcbCode, CanonicalTransaction, Transaction, StripeAuthorization,

app/controllers/wires_controller.rb

@@ -25,6 +25,15 @@ def create
     end
 
     if @wire.save
+      if params[:receipts].present?
+        params[:receipts].each do |receipt_id|
+          receipt = Receipt.find(receipt_id)
+          authorize receipt, :link?
+
+          receipt.update!(receiptable: @wire.local_hcb_code)
+        end
+      end
+
       if wire_params[:file]
         ::ReceiptService::Create.new(
           uploader: current_user,

app/controllers/wise_transfers_controller.rb

@@ -23,6 +23,15 @@ def create
     end
 
     if @wise_transfer.save
+      if params[:receipts].present?
+        params[:receipts].each do |receipt_id|
+          receipt = Receipt.find(receipt_id)
+          authorize receipt, :link?
+
+          receipt.update!(receiptable: @wise_transfer.local_hcb_code)
+        end
+      end
+
       if wise_transfer_params[:file]
         ::ReceiptService::Create.new(
           uploader: current_user,

app/javascript/controllers/extraction_controller.js

@@ -26,12 +26,20 @@ export default class extends Controller {
     Turbo.navigator.delegate.adapter.progressBar.hide()
     document.querySelector('html').setAttribute('data-ai-loading', false)
 
+    this.pasteData(response)
+  }
+
+  pasteData(response) {
     let empty = true
 
+    const extractedKeys = Object.keys(response).filter(
+      key => response[key] !== null
+    )
+
     Array.from(this.formTarget.elements).map(element => {
       if (
         element.dataset.extractionField &&
-        Object.keys(response).includes(element.dataset.extractionField)
+        extractedKeys.includes(element.dataset.extractionField)
       ) {
         if (element.value != '') {
           empty = false
@@ -40,42 +48,47 @@ export default class extends Controller {
     })
 
     if (empty) {
+      let success = false
+
       Array.from(this.formTarget.elements).map(element => {
         if (
           element.dataset.extractionField &&
-          Object.keys(response).includes(element.dataset.extractionField)
+          extractedKeys.includes(element.dataset.extractionField)
         ) {
           element.value = response[element.dataset.extractionField]
           element.dispatchEvent(new Event('paste'))
+          success = true
         }
       })
 
-      let dropzone = document.createElement('div')
-      dropzone.classList.add('file-dropzone')
-      dropzone.classList.add('data-extracted')
+      if (success) {
+        let dropzone = document.createElement('div')
+        dropzone.classList.add('file-dropzone')
+        dropzone.classList.add('data-extracted')
 
-      const title = document.createElement('h1')
-      title.innerText = '🧾 Successfully extracted!'
-      dropzone.appendChild(title)
+        const title = document.createElement('h1')
+        title.innerText = '🧾 Successfully extracted!'
+        dropzone.appendChild(title)
 
-      document.body.appendChild(dropzone)
-      document.body.style.overflow = 'hidden'
+        document.body.appendChild(dropzone)
+        document.body.style.overflow = 'hidden'
 
-      // Explanation: https://stackoverflow.com/a/24195487/10987085
-      window.getComputedStyle(dropzone).opacity
+        // Explanation: https://stackoverflow.com/a/24195487/10987085
+        window.getComputedStyle(dropzone).opacity
 
-      dropzone.classList.add('visible')
+        dropzone.classList.add('visible')
 
-      const jsConfetti = new JSConfetti()
+        const jsConfetti = new JSConfetti()
 
-      jsConfetti
-        .addConfetti({
-          emojis: '✨',
-        })
-        .then(() => {
-          dropzone.remove()
-          document.body.style.overflow = 'auto'
-        })
+        jsConfetti
+          .addConfetti({
+            emojis: '✨',
+          })
+          .then(() => {
+            dropzone.remove()
+            document.body.style.overflow = 'auto'
+          })
+      }
     }
   }
 }