{"version":3,"sources":["webpack:///./src/components/FormDonation.vue?c4f3","webpack:///./src/components/FormDonation.vue?7556","webpack:///./src/components/FormDonation.vue?6905","webpack:///src/components/FormDonation.vue","webpack:///./src/components/FormDonation.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","nativeOn","submit","$event","preventDefault","directives","name","rawName","value","amountError","show","expression","attrs","title","message","type","on","close","_v","configSettings","AllowMonthlyDonation","click","toggleFrequency","_e","size","change","onSelectAmount","model","donationAmount","callback","$$v","_l","getAmountLists","gift","i","key","label","border","src","alt","placeholder","input","validateCustomAmount","customAmount","_n","onSubmit","_withStripped","data","amounts","watch","computed","donorInformation","methods","nextStep","frequency","updateDonationFrequency","updateUserSetting","updateDonationAmount","substring","isNum","test","next","component","options","__file"],"mappings":"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","file":"7.min.js","sourcesContent":["export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js!../../node_modules/css-loader/dist/cjs.js!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/sass-loader/dist/cjs.js!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDonation.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"el-form\",\n    {\n      staticClass: \"donation-settings\",\n      nativeOn: {\n        submit: function ($event) {\n          $event.preventDefault()\n        },\n      },\n    },\n    [\n      _c(\"el-alert\", {\n        directives: [\n          {\n            name: \"show\",\n            rawName: \"v-show\",\n            value: _vm.amountError.show,\n            expression: \"amountError.show\",\n          },\n        ],\n        attrs: {\n          title: _vm.amountError.message,\n          type: \"error\",\n          \"show-icon\": \"\",\n        },\n        on: {\n          close: function ($event) {\n            _vm.amountError = false\n          },\n        },\n      }),\n      _vm._v(\" \"),\n      _vm.configSettings[\"allow-monthly-donation\"]\n        ? _c(\n            \"el-button-group\",\n            { staticClass: \"toggle-options\" },\n            [\n              _c(\n                \"el-button\",\n                {\n                  attrs: {\n                    type: _vm.AllowMonthlyDonation ? \"plain\" : \"primary\",\n                  },\n                  on: {\n                    click: function ($event) {\n                      return _vm.toggleFrequency(\"once\")\n                    },\n                  },\n                },\n                [_vm._v(\"Once Only\")]\n              ),\n              _vm._v(\" \"),\n              _vm.configSettings[\"allow-monthly-donation\"]\n                ? _c(\n                    \"el-button\",\n                    {\n                      attrs: {\n                        type: _vm.AllowMonthlyDonation ? \"primary\" : \"plain\",\n                      },\n                      on: {\n                        click: function ($event) {\n                          return _vm.toggleFrequency(\"monthly\")\n                        },\n                      },\n                    },\n                    [_vm._v(\"\\n      Monthly\\n    \")]\n                  )\n                : _vm._e(),\n            ],\n            1\n          )\n        : _vm._e(),\n      _vm._v(\" \"),\n      _c(\"p\", [_vm._v(\"Select amount\")]),\n      _vm._v(\" \"),\n      _c(\n        \"el-radio-group\",\n        {\n          attrs: { size: \"medium\" },\n          on: { change: _vm.onSelectAmount },\n          model: {\n            value: _vm.donationAmount,\n            callback: function ($$v) {\n              _vm.donationAmount = $$v\n            },\n            expression: \"donationAmount\",\n          },\n        },\n        _vm._l(_vm.getAmountLists, function (gift, i) {\n          return _c(\"el-radio\", {\n            key: i,\n            attrs: {\n              label:\n                typeof gift === \"object\"\n                  ? \"$\" + gift[\"gift-amount\"]\n                  : \"$\" + gift,\n              border: \"\",\n            },\n          })\n        }),\n        1\n      ),\n      _vm._v(\" \"),\n      _c(\"p\", [_vm._v(\"Enter your own amount\")]),\n      _vm._v(\" \"),\n      _c(\n        \"el-form-item\",\n        { staticClass: \"custom-input\" },\n        [\n          _c(\"img\", {\n            staticClass: \"dollar-sign\",\n            attrs: { src: require(\"../assets/icons/dollar.svg\"), alt: \"\" },\n          }),\n          _vm._v(\" \"),\n          _c(\"el-input\", {\n            attrs: { placeholder: \"Enter amount\" },\n            on: { input: _vm.validateCustomAmount },\n            model: {\n              value: _vm.customAmount,\n              callback: function ($$v) {\n                _vm.customAmount = _vm._n($$v)\n              },\n              expression: \"customAmount\",\n            },\n          }),\n        ],\n        1\n      ),\n      _vm._v(\" \"),\n      _c(\n        \"el-form-item\",\n        [\n          _c(\n            \"el-button\",\n            {\n              staticClass: \"next-btn\",\n              attrs: { type: \"primary\" },\n              on: { click: _vm.onSubmit },\n            },\n            [\n              _vm._v(\"\\n      Next\\n      \"),\n              _c(\"i\", { staticClass: \"el-icon-right\" }),\n            ]\n          ),\n        ],\n        1\n      ),\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import mod from \"-!../../node_modules/babel-loader/lib/index.js??ref--3!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDonation.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/babel-loader/lib/index.js??ref--3!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./FormDonation.vue?vue&type=script&lang=js&\"","<template>\n  <el-form class=\"donation-settings\" @submit.native.prevent>\n    <el-alert\n      :title=\"amountError.message\"\n      type=\"error\"\n      show-icon\n      v-show=\"amountError.show\"\n      @close=\"amountError = false\"\n    />\n\n    <el-button-group\n      class=\"toggle-options\"\n      v-if=\"configSettings['allow-monthly-donation']\"\n    >\n      <el-button\n        :type=\"AllowMonthlyDonation ? 'plain' : 'primary'\"\n        @click=\"toggleFrequency('once')\"\n        >Once Only</el-button\n      >\n      <el-button\n        :type=\"AllowMonthlyDonation ? 'primary' : 'plain'\"\n        @click=\"toggleFrequency('monthly')\"\n        v-if=\"configSettings['allow-monthly-donation']\"\n      >\n        Monthly\n      </el-button>\n    </el-button-group>\n\n    <p>Select amount</p>\n\n    <el-radio-group\n      @change=\"onSelectAmount\"\n      size=\"medium\"\n      v-model=\"donationAmount\"\n    >\n      <el-radio\n        v-for=\"(gift, i) in getAmountLists\"\n        :label=\"\n          typeof gift === 'object' ? '$' + gift['gift-amount'] : '$' + gift\n        \"\n        :key=\"i\"\n        border\n      >\n      </el-radio>\n    </el-radio-group>\n\n    <p>Enter your own amount</p>\n    <el-form-item class=\"custom-input\">\n      <img class=\"dollar-sign\" src=\"../assets/icons/dollar.svg\" alt=\"\" />\n      <el-input\n        v-model.number=\"customAmount\"\n        @input=\"validateCustomAmount\"\n        placeholder=\"Enter amount\"\n      />\n    </el-form-item>\n    <el-form-item>\n      <el-button class=\"next-btn\" type=\"primary\" @click=\"onSubmit\">\n        Next\n        <i class=\"el-icon-right\"></i>\n      </el-button>\n    </el-form-item>\n  </el-form>\n</template>\n\n<script>\nimport { mapState, mapActions, mapMutations } from \"vuex\";\nexport default {\n  data() {\n    return {\n      AllowMonthlyDonation: false,\n      amountError: { show: false, message: \"\" },\n      amounts: null,\n      donationAmount: \"\",\n      customAmount: \"\",\n    };\n  },\n  watch: {\n    customAmount() {\n      if (this.customAmount > 0) {\n        this.donationAmount = \"\";\n        this.validateCustomAmount();\n      }\n    },\n    donationAmount() {\n      this.customAmount = \"\";\n    },\n  },\n  computed: {\n    ...mapState({\n      configSettings: (state) => state.configSettings,\n      donorInformation: (state) => state.donorInformation,\n    }),\n    getAmountLists() {\n      if (this.donorInformation[\"gift_array\"] !== null) {\n        return this.donorInformation[\"gift_array\"];\n      } else {\n        return this.configSettings[\"gift-array\"];\n      }\n    },\n  },\n  methods: {\n    ...mapMutations([\"updateDonationFrequency\", \"updateDonationAmount\"]),\n    ...mapActions([\"next\"]),\n    onSubmit() {\n      if (!this.donationAmount && !this.customAmount) {\n        this.amountError.show = true;\n        this.amountError.message = \"Must choose an amount or set custom amount\";\n        return false;\n      } else if (this.customAmount || this.donationAmount) {\n        if (this.customAmount * 1 < 0) {\n          return false;\n        } else if (\n          this.customAmount <= this.configSettings[\"maximum-donation\"]\n        ) {\n          this.nextStep();\n        }\n      } else {\n        return false;\n      }\n    },\n    toggleFrequency(frequency) {\n      if (frequency === \"once\") {\n        this.AllowMonthlyDonation = false;\n      } else if (frequency === \"monthly\") {\n        this.AllowMonthlyDonation = true;\n      }\n      this.updateDonationFrequency(this.AllowMonthlyDonation);\n    },\n    onSelectAmount() {\n      this.amountError.show = false;\n    },\n    updateUserSetting() {\n      if (this.donationAmount !== \"\") {\n        this.updateDonationAmount(this.donationAmount.substring(1));\n      }\n      if (this.customAmount) {\n        this.updateDonationAmount(this.customAmount);\n      }\n    },\n    validateCustomAmount() {\n      if (this.isNum(this.customAmount)) {\n        if (this.customAmount > this.configSettings[\"maximum-donation\"]) {\n          this.amountError.message =\n            this.configSettings[\"validation-donation-form\"][\n              \"invalid-donation-too-high\"\n            ];\n          this.amountError.show = true;\n        } else if (\n          this.customAmount < this.configSettings[\"minimum-donation\"] ||\n          this.customAmount < 0\n        ) {\n          this.amountError.message =\n            \"Your donation is lesser than the minimum allowed\";\n          this.amountError.show = true;\n        } else {\n          this.amountError.show = false;\n        }\n      } else {\n        this.amountError.message = \"Must input a number\";\n        this.amountError.show = true;\n      }\n    },\n    isNum(input) {\n      const reg = /^\\d+$/;\n      return reg.test(input);\n    },\n    nextStep() {\n      this.updateUserSetting();\n      this.next();\n    },\n  },\n};\n</script>\n<style lang=\"scss\">\n.custom-input {\n  img {\n    z-index: 2;\n  }\n  input {\n    padding-left: 30px;\n    font-size: 20px;\n  }\n}\n\n.dollar-sign {\n  position: absolute;\n  top: 15px;\n  left: 10px;\n\n  width: 11px;\n}\n\n.next-btn {\n  height: 56px;\n\n  font-size: 20px;\n  text-transform: uppercase;\n\n  background-color: #00529b;\n  border-color: #00529b;\n}\n\n.label {\n  font-size: 14px;\n}\nul li,\nh1,\nh2,\nh3,\nh4,\nh5,\np,\na,\nspan,\nlabel {\n  font-family: \"Gotham Narrow Book\", sans-serif;\n}\n.donation-settings {\n  .el-alert {\n    margin-bottom: 10px;\n  }\n\n  .el-button-group {\n    display: flex;\n    margin: 16px 0;\n  }\n\n  .next-btn {\n    margin-top: 20px;\n  }\n\n  .el-button {\n    width: 100%;\n  }\n\n  .el-radio-group {\n    display: flex;\n    justify-content: space-between;\n    flex-wrap: wrap;\n    width: 100%;\n\n    .el-radio__input {\n      margin-top: 2px;\n    }\n\n    .el-radio__label {\n      font-size: 20px;\n    }\n  }\n\n  .el-radio.is-bordered + .el-radio.is-bordered,\n  .el-radio.is-bordered {\n    margin: 0;\n    margin-bottom: 16px;\n    width: calc(100% / 2 - 10px);\n  }\n\n  .el-radio--medium.is-bordered {\n    height: 56px;\n    padding: 10px 20px 10px 10px;\n\n    display: flex;\n    align-items: center;\n  }\n\n  .el-radio.is-bordered.is-checked {\n    background: rgba(4, 173, 238, 0.05);\n\n    .el-radio__label {\n      font-weight: bold;\n      color: #00529b;\n    }\n  }\n}\n</style>","import { render, staticRenderFns } from \"./FormDonation.vue?vue&type=template&id=cf2944b4&\"\nimport script from \"./FormDonation.vue?vue&type=script&lang=js&\"\nexport * from \"./FormDonation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FormDonation.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/vsts/work/1/s/app/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('cf2944b4')) {\n      api.createRecord('cf2944b4', component.options)\n    } else {\n      api.reload('cf2944b4', component.options)\n    }\n    module.hot.accept(\"./FormDonation.vue?vue&type=template&id=cf2944b4&\", function () {\n      api.rerender('cf2944b4', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/components/FormDonation.vue\"\nexport default component.exports"],"sourceRoot":""}