{"version":3,"file":"package_controller-CXub86kc.js","sources":["../../../app/javascript/controllers/payments/package_controller.js"],"sourcesContent":["import ApplicationController from '../application_controller'\n\nimport { MoneyFormatter } from \"../models/money_formatter\";\nimport { useNumberHelpers } from '../mixins/useNumberHelpers';\n\nexport default class extends ApplicationController {\n  static values = {\n    info: Object,\n    monthlyAmount: Number,\n    yearlyAmount: Number,\n    active: Boolean,\n    selected: Boolean,\n    contactUs: Boolean\n  }\n\n  static targets = ['creditsContainer', 'yearlyAgreementPrice', 'monthlyAgreementPrice', 'creditBundleDropdownContainer']\n\n  initialize() {\n    super.initialize();\n    this.moneyFormatter = new MoneyFormatter();\n    this.agreementType = 'yearly'\n\n    this.originalAvailableCredits = this.availableCredits\n  }\n\n  connect() {\n    super.connect()\n\n    useNumberHelpers(this)\n\n    if(this.hasMonthlyAgreementPriceTarget) {\n      this.monthlyAgreementPriceTarget.innerText = this.translations.products.packages.package.monthly_price.replace(\n        '%{price}',\n        this.moneyFormatter.humanizeWithSymbol(this.monthlyAmountValue),\n      )\n    }\n\n    if(this.hasYearlyAgreementPriceTarget) {\n      this.yearlyAgreementPriceTarget.innerText = this.translations.products.packages.package.monthly_price.replace(\n        '%{price}',\n        this.moneyFormatter.humanizeWithSymbol(this.yearlyAmountValue),\n      )\n    }\n  }\n\n  onAgreementTypeChange({ detail: agreementType }) {\n    if(this.contactUsValue) return\n\n    this.agreementType = agreementType\n\n    if(agreementType === 'monthly') {\n      if(this.hasYearlyAgreementPriceTarget) {\n        this.hide(this.yearlyAgreementPriceTarget)\n      }\n\n      this.show(this.monthlyAgreementPriceTarget)\n    } else {\n      this.hide(this.monthlyAgreementPriceTarget)\n      this.show(this.yearlyAgreementPriceTarget)\n    }\n  }\n\n  onSelectionChange({ target }) {\n    this.activeValue = target.checked\n\n    if(target.checked) {\n      this.dispatch('change', {\n        detail: this.infoValue\n      })\n    }\n\n    if(!this.hasCreditBundleDropdownContainerTarget) return\n\n    if(target.checked) {\n      this.show(this.creditBundleDropdownContainerTarget)\n    } else {\n      this.hide(this.creditBundleDropdownContainerTarget)\n    }\n  }\n\n  onCreditBundleChange({ target }) {\n    const value = parseInt(target.value) || 0\n    const total = this.originalAvailableCredits + value\n\n    if(this.activeValue) {\n      this.infoValue = {\n        ...this.infoValue,\n        credit_bundle: target.value,\n        features: this.infoValue.features.map(feature => {\n          if(feature.identifier === 'credit') {\n            return {\n              ...feature,\n              available: total\n            }\n          } else {\n            return feature\n          }\n        })\n      }\n\n      this.dispatch('change', {\n        detail: this.infoValue\n      })\n    }\n\n    this.creditsContainerTarget.innerText = this.translations.products.packages.package.credits.replace(\n      '%{available}',\n      this.numberWithDelimiter(total)\n    )\n\n    if(this.hasMonthlyAgreementPriceTarget) {\n      this.monthlyAgreementPriceTarget.innerText = this.translations.products.packages.package.monthly_price.replace(\n        '%{price}',\n        this.moneyFormatter.humanizeWithSymbol(this.monthlyAmountValue + this.totalPriceForCreditBundle(value))\n      )\n    }\n\n    if(this.hasYearlyAgreementPriceTarget) {\n      this.yearlyAgreementPriceTarget.innerText = this.translations.products.packages.package.monthly_price.replace(\n        '%{price}',\n        this.moneyFormatter.humanizeWithSymbol(this.yearlyAmountValue + this.totalPriceForCreditBundle(value))\n      )\n    }\n  }\n\n  totalPriceForCreditBundle(creditBundle) {\n    let total;\n\n    if(this.agreementType === 'monthly') {\n      total = creditBundle * .07 * 1000\n    } else {\n      total = creditBundle * .05 * 1000\n    }\n\n    return total\n  }\n\n  activeValueChanged() {\n    if(this.element.querySelector('select')) {\n      this.element.querySelector('select').disabled = !this.activeValue\n    }\n  }\n\n  get availableCredits() {\n    return parseInt(this.infoValue.features.find(feature => feature.identifier === 'credit').available)\n  }\n}\n"],"names":["package_controller","ApplicationController","MoneyFormatter","useNumberHelpers","agreementType","target","value","total","feature","creditBundle","__publicField"],"mappings":"iRAKe,MAAKA,UAASC,CAAsB,CAYjD,YAAa,CACX,MAAM,WAAY,EAClB,KAAK,eAAiB,IAAIC,EAC1B,KAAK,cAAgB,SAErB,KAAK,yBAA2B,KAAK,gBACzC,CAEE,SAAU,CACR,MAAM,QAAO,EAEbC,EAAiB,IAAI,EAElB,KAAK,iCACN,KAAK,4BAA4B,UAAY,KAAK,aAAa,SAAS,SAAS,QAAQ,cAAc,QACrG,WACA,KAAK,eAAe,mBAAmB,KAAK,kBAAkB,CACtE,GAGO,KAAK,gCACN,KAAK,2BAA2B,UAAY,KAAK,aAAa,SAAS,SAAS,QAAQ,cAAc,QACpG,WACA,KAAK,eAAe,mBAAmB,KAAK,iBAAiB,CACrE,EAEA,CAEE,sBAAsB,CAAE,OAAQC,GAAiB,CAC5C,KAAK,iBAER,KAAK,cAAgBA,EAElBA,IAAkB,WAChB,KAAK,+BACN,KAAK,KAAK,KAAK,0BAA0B,EAG3C,KAAK,KAAK,KAAK,2BAA2B,IAE1C,KAAK,KAAK,KAAK,2BAA2B,EAC1C,KAAK,KAAK,KAAK,0BAA0B,GAE/C,CAEE,kBAAkB,CAAE,OAAAC,GAAU,CAC5B,KAAK,YAAcA,EAAO,QAEvBA,EAAO,SACR,KAAK,SAAS,SAAU,CACtB,OAAQ,KAAK,SACd,CAAA,EAGC,KAAK,yCAENA,EAAO,QACR,KAAK,KAAK,KAAK,mCAAmC,EAElD,KAAK,KAAK,KAAK,mCAAmC,EAExD,CAEE,qBAAqB,CAAE,OAAAA,GAAU,CAC/B,MAAMC,EAAQ,SAASD,EAAO,KAAK,GAAK,EAClCE,EAAQ,KAAK,yBAA2BD,EAE3C,KAAK,cACN,KAAK,UAAY,CACf,GAAG,KAAK,UACR,cAAeD,EAAO,MACtB,SAAU,KAAK,UAAU,SAAS,IAAIG,GACjCA,EAAQ,aAAe,SACjB,CACL,GAAGA,EACH,UAAWD,CACzB,EAEmBC,CAEV,CACT,EAEM,KAAK,SAAS,SAAU,CACtB,OAAQ,KAAK,SACd,CAAA,GAGH,KAAK,uBAAuB,UAAY,KAAK,aAAa,SAAS,SAAS,QAAQ,QAAQ,QAC1F,eACA,KAAK,oBAAoBD,CAAK,CACpC,EAEO,KAAK,iCACN,KAAK,4BAA4B,UAAY,KAAK,aAAa,SAAS,SAAS,QAAQ,cAAc,QACrG,WACA,KAAK,eAAe,mBAAmB,KAAK,mBAAqB,KAAK,0BAA0BD,CAAK,CAAC,CAC9G,GAGO,KAAK,gCACN,KAAK,2BAA2B,UAAY,KAAK,aAAa,SAAS,SAAS,QAAQ,cAAc,QACpG,WACA,KAAK,eAAe,mBAAmB,KAAK,kBAAoB,KAAK,0BAA0BA,CAAK,CAAC,CAC7G,EAEA,CAEE,0BAA0BG,EAAc,CACtC,IAAIF,EAEJ,OAAG,KAAK,gBAAkB,UACxBA,EAAQE,EAAe,IAAM,IAE7BF,EAAQE,EAAe,IAAM,IAGxBF,CACX,CAEE,oBAAqB,CAChB,KAAK,QAAQ,cAAc,QAAQ,IACpC,KAAK,QAAQ,cAAc,QAAQ,EAAE,SAAW,CAAC,KAAK,YAE5D,CAEE,IAAI,kBAAmB,CACrB,OAAO,SAAS,KAAK,UAAU,SAAS,KAAKC,GAAWA,EAAQ,aAAe,QAAQ,EAAE,SAAS,CACtG,CACA,CA5IEE,EADkBV,EACX,SAAS,CACd,KAAM,OACN,cAAe,OACf,aAAc,OACd,OAAQ,QACR,SAAU,QACV,UAAW,OACf,GAEEU,EAVkBV,EAUX,UAAU,CAAC,mBAAoB,uBAAwB,wBAAyB,+BAA+B"}