{"version":3,"file":"js/payment-form-due-c9b5878ab46b75e30bdc.js","mappings":"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","sources":["webpack://app/./app/javascript/payment/form-due.js","webpack://app/./app/javascript/packs/payment-form-due.js"],"sourcesContent":["\nimport { computed, defineComponent, onMounted, reactive, toRefs } from 'vue';\n\nexport default defineComponent({\n  el: '#payment-form-due',\n  setup() {\n    const organization_address = $('#organization-address').data('address');\n    const ONLY_CREDITS_PAYMENT_TYPE = \"accrued_credits\"\n\n    const state = reactive({\n      achAccountName: null,\n      achAccountType: null,\n      achToken: null,\n      bridgeTerms: false,\n      poNumber: null,\n      Notes:null,\n      ccToken: null,\n      ccExp: null,\n      cvv: null,\n      paymentType: 'credit',\n      appliedCredit: 0,\n      creditAmount: null,\n      billing_address: true,\n      referenceNo: null,\n      address1: organization_address?.street1 ?? \"\",\n      city: organization_address?.city ?? \"\",\n      state: organization_address?.state ?? \"\",\n      zip: organization_address?.zip ?? \"\",\n      extra_fee: 0,\n      total_with_credit_card_fee: 0,\n      total_without_credit_card_fee: 0,\n    });\n\n    onMounted(() => {\n      window.addEventListener('message', handleTokenizingResponse);\n      calculateTotalWithCreditCardFee();\n    });\n\n    const handleTokenizingResponse = (event) => {\n      // Next line doesn't allow us to stub this message out in the user tests\n      // if (event.origin !== \"https://fts.cardconnect.com\") return;\n      try {\n        var payload = JSON.parse(event.data);\n        if (payload.hasOwnProperty('ccToken')) {\n          console.log('Received Token (cc)');\n          state.ccToken = payload.ccToken;\n          document.getElementById('credit_card_token').value = state.ccToken;\n        } else if (payload.hasOwnProperty('achToken')) {\n          console.log('Received Token (ach)');\n          state.achToken = payload.achToken;\n          document.getElementById('ach_token').value = state.achToken;\n        }\n      } catch (e) {\n        return false;\n      }\n    }\n\n    const disableForm = computed(() => {\n      const termsFieldExists = document.querySelector('input#payment_terms_and_conditions');\n      const baseDataInvalid = (!state.bridgeTerms && termsFieldExists) ||\n                              !state.address1 ||\n                              !state.city ||\n                              !state.state ||\n                              !(/(^\\d{5}$)|(^\\d{5}-\\d{4}$)/).test(state.zip);\n      const achDataInvalid = !state.achAccountName ||\n                             !state.achToken ||\n                             !state.achAccountType;\n\n      const ccDataInvalid = !state.ccToken ||\n                            !state.ccExp ||\n                            !state.cvv;\n\n      if (state.paymentType == ONLY_CREDITS_PAYMENT_TYPE && creditsCoverTotalCost() && ((termsFieldExists && state.bridgeTerms) || !termsFieldExists) ) {\n        return false;\n      }else if (state.paymentType == 'credit') {\n        return baseDataInvalid || ccDataInvalid;\n      }else if(state.paymentType == 'ach'){\n        return baseDataInvalid || achDataInvalid;\n      }else{\n        return true;\n      }\n    });\n\n    const payingWithCredit = computed(() => {\n      return state.paymentType == 'credit';\n    });\n\n    const payingWithACH = computed(() => {\n      return state.paymentType == 'ach';\n    });\n\n    const unableToAddCredit = () => {\n      if(isNaN(state.creditAmount) || Number(state.creditAmount) <= 0 || !isNumberUntilTwoDecimalPlaces(state.creditAmount)){\n        return true;\n      }\n\n      let amount = Number(state.creditAmount);\n      return amount > availableCredits() || amount + totalPaid() + state.appliedCredit > totalPurchasedWithLateFee();\n    }\n\n    const isNumberUntilTwoDecimalPlaces = (value) => {\n      // Obs: All the conversions below are necessary because sometimes in JS: \"17.1 * 100 = 1710.0000000000002\"\n      let number = parseFloat((Number(value) * 100).toFixed(3));\n      return Number.isSafeInteger(number);\n    }\n\n    const addCredit = () => {\n      if (unableToAddCredit()) return true;\n      state.appliedCredit += Number(state.creditAmount);\n      state.creditAmount = null;\n      if (creditsCoverTotalCost()){\n        setClassesFromElement(\"credit_card\", \"btn disabled\");\n        setClassesFromElement(\"e_check\", \"btn disabled\");\n        setNewPaymentMethod(ONLY_CREDITS_PAYMENT_TYPE);\n      }\n      calculateTotalWithoutCreditCardFee();\n    }\n    \n    const setClassesFromElement = (idElement, classes) => {\n      let eCheckButton = document.getElementById(idElement);\n      if(eCheckButton){\n        eCheckButton.className = classes;\n      }\n    }\n\n    const deleteCredit = () => {\n      state.appliedCredit = 0;\n      setClassesFromElement(\"credit_card\", \"btn\");\n      setClassesFromElement(\"e_check\", \"btn\");\n      setNewPaymentMethod(null);\n      calculateTotalWithoutCreditCardFee();\n    }\n\n    const availableCredits = () => {\n      var currentCredits = $(\"#total-credits\").data('creditsAvailable');\n      return (currentCredits - state.appliedCredit);\n    }\n    \n    const creditsCoverTotalCost = () => {\n      return (state.appliedCredit > 0 && calculateTotalWithoutCreditCardFee() == 0);\n    }\n\n    const setNewPaymentMethod = (newMethod) => {\n      state.paymentType = newMethod;\n    }\n\n    const selectCreditCard = () => {\n      calculateTotalWithCreditCardFee();\n      setNewPaymentMethod('credit');\n      state.billing_address = true;\n    }\n\n    const formattedTotalWithCreditCard = () => {\n      return formatUSAMoneyValue(calculateTotalWithCreditCardFee());\n    }\n\n    const calculateTotalWithCreditCardFee = () => {\n      return (state.total_with_credit_card_fee = calculateTotalWithoutCreditCardFee() + calculateCreditCardFee());\n    }\n\n    const formattedTotalWithoutCreditCard = () => {\n      return formatUSAMoneyValue(calculateTotalWithoutCreditCardFee());\n    }\n\n    const calculateTotalWithoutCreditCardFee = () => {\n      return (state.total_without_credit_card_fee = totalPurchasedWithLateFeeMinusTotalPaid() - state.appliedCredit);\n    }\n\n    const totalPurchasedWithLateFeeMinusTotalPaid = () => {\n      return totalPurchasedWithLateFee() - totalPaid();\n    }\n\n    const totalPurchasedWithLateFee = () => {\n      let totalPurchased = Number(document.getElementById(\"total_charges_with_fees\").value);\n      let lateFee = Number(document.getElementById(\"late_fee\").value);\n      return totalPurchased + lateFee;\n    }\n\n    const totalPaid = () => {\n      let creditsAppliedBefore = Number(document.getElementById(\"credits_applied_before\").value);\n      let cashPayment = Number(document.getElementById(\"paid_amount\").value);\n      return creditsAppliedBefore + cashPayment;\n    }\n\n    const calculateCreditCardFee = () => {\n      let percent_fee = Number(document.getElementById(\"extra_fee\").value);\n      return (state.extra_fee = calculateTotalWithoutCreditCardFee() * percent_fee);\n    }\n\n    const creditCardFeeFormated = () => {\n      return formatUSAMoneyValue(calculateCreditCardFee());\n    }\n\n    const formatUSAMoneyValue = (value) => {\n      return value.toLocaleString(\"en-US\", { minimumFractionDigits: 2, maximumFractionDigits: 2 });\n    }\n\n    const selectACHAccount = () => {\n      setNewPaymentMethod('ach');\n      state.billing_address = true\n    }\n\n    const selectCredits = () => {\n      state.billing_address = false\n      setNewPaymentMethod(creditsCoverTotalCost() ? ONLY_CREDITS_PAYMENT_TYPE : null);     \n    }\n\n    return {\n      ...toRefs(state),\n      handleTokenizingResponse,\n      disableForm,\n      payingWithCredit,\n      payingWithACH,\n      unableToAddCredit,\n      isNumberUntilTwoDecimalPlaces,\n      addCredit,\n      setClassesFromElement,\n      deleteCredit,\n      availableCredits,\n      creditsCoverTotalCost,\n      setNewPaymentMethod,\n      selectCreditCard,\n      formattedTotalWithCreditCard,\n      calculateTotalWithCreditCardFee,\n      formattedTotalWithoutCreditCard,\n      calculateTotalWithoutCreditCardFee,\n      totalPurchasedWithLateFee,\n      totalPaid,\n      calculateCreditCardFee,\n      creditCardFeeFormated,\n      formatUSAMoneyValue,\n      selectACHAccount,\n      selectCredits,\n    }\n  },  \n  beforeDestroy() {\n    window.removeEventListener('message', handleTokenizingResponse);\n  },\n});\n","/* eslint no-console: 0 */\n\nimport { createApp } from 'vue'\nimport PaymentForm from '../payment/form-due.js'\n\ndocument.addEventListener('turbolinks:load', () => {\n  let formDueDefined = document.getElementById(\"payment-form-due\");\n  if(formDueDefined){\n    const app = createApp(PaymentForm, {el: '#payment-form-due'});\n    app.mount('#payment-form-due');\n  }\n});\n\n"],"names":["defineComponent","el","setup","organization_address","$","data","ONLY_CREDITS_PAYMENT_TYPE","state","reactive","achAccountName","achAccountType","achToken","bridgeTerms","poNumber","Notes","ccToken","ccExp","cvv","paymentType","appliedCredit","creditAmount","billing_address","referenceNo","address1","street1","city","zip","extra_fee","total_with_credit_card_fee","total_without_credit_card_fee","onMounted","window","addEventListener","handleTokenizingResponse","calculateTotalWithCreditCardFee","event","payload","JSON","parse","hasOwnProperty","console","log","document","getElementById","value","e","disableForm","computed","termsFieldExists","querySelector","baseDataInvalid","test","achDataInvalid","ccDataInvalid","creditsCoverTotalCost","payingWithCredit","payingWithACH","unableToAddCredit","isNaN","Number","isNumberUntilTwoDecimalPlaces","amount","availableCredits","totalPaid","totalPurchasedWithLateFee","number","parseFloat","toFixed","isSafeInteger","setClassesFromElement","idElement","classes","eCheckButton","className","calculateTotalWithoutCreditCardFee","setNewPaymentMethod","newMethod","calculateCreditCardFee","totalPurchasedWithLateFeeMinusTotalPaid","percent_fee","formatUSAMoneyValue","toLocaleString","minimumFractionDigits","maximumFractionDigits","toRefs","addCredit","deleteCredit","selectCreditCard","formattedTotalWithCreditCard","formattedTotalWithoutCreditCard","creditCardFeeFormated","selectACHAccount","selectCredits","beforeDestroy","removeEventListener","createApp","PaymentForm","mount"],"sourceRoot":""}