{"version":3,"sources":["webpack:///./resources/js/src/app/mixins/buttonSizeProperty.mixin.js","webpack:///./resources/js/src/app/components/newsletter/NewsletterUnsubscribeInput.vue?d5b6","webpack:///./resources/js/src/app/components/newsletter/NewsletterUnsubscribeInput.vue?ea43","webpack:///resources/js/src/app/components/newsletter/NewsletterUnsubscribeInput.vue","webpack:///./resources/js/src/app/components/newsletter/NewsletterUnsubscribeInput.vue"],"names":["BUTTON_SIZES","LEGACY_CLASS_MAP","ButtonSizePropertyMixin","props","buttonSize","type","String","default","validator","value","Object","keys","indexOf","computed","buttonSizeClass","hasOwnProperty","this","render","_vm","_h","$createElement","_c","_self","attrs","id","_uid","method","on","submit","$event","preventDefault","validateData","staticClass","for","_v","_s","$translate","directives","name","rawName","email","expression","autocomplete","domProps","input","target","composing","honeypot","tabindex","class","disabled","isDisabled","click","icon","loading","_withStripped","component","options","__file"],"mappings":"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","file":"chunks/ceres-13.min.js","sourcesContent":["const BUTTON_SIZES = [\"btn-sm\", \"btn-lg\"];\n\nconst LEGACY_CLASS_MAP = {\n    \"sm\": \"btn-sm\",\n    \"md\": \"\",\n    \"lg\": \"btn-lg\"\n};\n\nexport const ButtonSizePropertyMixin =\n{\n    props: {\n        buttonSize:\n        {\n            type: [String, null],\n            default: null,\n            validator: value =>\n            {\n                return [\n                    \"\",\n                    ...BUTTON_SIZES,\n                    ...Object.keys(LEGACY_CLASS_MAP)\n                ].indexOf(value) !== -1;\n            }\n        }\n    },\n\n    computed: {\n        buttonSizeClass()\n        {\n            if (LEGACY_CLASS_MAP.hasOwnProperty(this.buttonSize))\n            {\n                return LEGACY_CLASS_MAP[this.buttonSize];\n            }\n\n            return this.buttonSize;\n        }\n    }\n};\n","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"form\",\n    {\n      attrs: {\n        id: \"newsletter-unsubscribe-input-form_\" + _vm._uid,\n        method: \"post\"\n      },\n      on: {\n        submit: function($event) {\n          $event.preventDefault()\n          return _vm.validateData($event)\n        }\n      }\n    },\n    [\n      _c(\"div\", { staticClass: \"row\" }, [\n        _c(\"div\", { staticClass: \"col-12\" }, [\n          _c(\n            \"div\",\n            {\n              staticClass: \"input-unit mt-3\",\n              attrs: { \"data-validate\": \"mail\" }\n            },\n            [\n              _c(\"label\", { attrs: { for: \"email-input-id\" } }, [\n                _vm._v(\n                  _vm._s(_vm.$translate(\"Ceres::Template.newsletterEmail\"))\n                )\n              ]),\n              _vm._v(\" \"),\n              _c(\"input\", {\n                directives: [\n                  {\n                    name: \"model\",\n                    rawName: \"v-model\",\n                    value: _vm.email,\n                    expression: \"email\"\n                  }\n                ],\n                staticClass: \"form-control\",\n                attrs: {\n                  type: \"email\",\n                  name: \"email\",\n                  autocomplete: \"email\",\n                  id: \"email-input-id\",\n                  \"data-testing\": \"unsub-nl-mail\"\n                },\n                domProps: { value: _vm.email },\n                on: {\n                  input: function($event) {\n                    if ($event.target.composing) {\n                      return\n                    }\n                    _vm.email = $event.target.value\n                  }\n                }\n              })\n            ]\n          ),\n          _vm._v(\" \"),\n          _c(\"input\", {\n            directives: [\n              {\n                name: \"model\",\n                rawName: \"v-model\",\n                value: _vm.honeypot,\n                expression: \"honeypot\"\n              }\n            ],\n            staticClass: \"honey\",\n            attrs: {\n              type: \"text\",\n              name: \"username\",\n              autocomplete: \"new-password\",\n              tabindex: \"-1\"\n            },\n            domProps: { value: _vm.honeypot },\n            on: {\n              input: function($event) {\n                if ($event.target.composing) {\n                  return\n                }\n                _vm.honeypot = $event.target.value\n              }\n            }\n          }),\n          _vm._v(\" \"),\n          _c(\"span\", { staticClass: \"input-group-btn\" }, [\n            _c(\n              \"button\",\n              {\n                staticClass:\n                  \"btn btn-primary btn-appearance float-right btn-medium btn-xs-max-width\",\n                class: _vm.buttonSizeClass,\n                attrs: {\n                  type: \"submit\",\n                  disabled: _vm.isDisabled,\n                  \"data-testing\": \"unsub-nl-send\"\n                },\n                on: { click: _vm.validateData }\n              },\n              [\n                _c(\"icon\", {\n                  attrs: { icon: \"paper-plane-o\", loading: _vm.isDisabled }\n                }),\n                _vm._v(\" \"),\n                _c(\"span\", [\n                  _vm._v(\n                    _vm._s(\n                      _vm.$translate(\n                        \"Ceres::Template.newsletterUnsubscribeButtonLabel\"\n                      )\n                    )\n                  )\n                ])\n              ],\n              1\n            )\n          ])\n        ])\n      ])\n    ]\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewsletterUnsubscribeInput.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewsletterUnsubscribeInput.vue?vue&type=script&lang=js&\"","<template>\n    <form :id=\"'newsletter-unsubscribe-input-form_' + _uid\" method=\"post\" @submit.prevent=\"validateData\">\n        <div class=\"row\">\n            <div class=\"col-12\">\n                <div class=\"input-unit mt-3\" data-validate=\"mail\">\n                    <label for=\"email-input-id\">{{ $translate(\"Ceres::Template.newsletterEmail\") }}</label>\n                    <input type=\"email\" name=\"email\" autocomplete=\"email\" class=\"form-control\" id=\"email-input-id\" v-model=\"email\" data-testing=\"unsub-nl-mail\">\n                </div>\n\n                <input class=\"honey\" type=\"text\" name=\"username\" autocomplete=\"new-password\" tabindex=\"-1\" v-model=\"honeypot\">\n\n                <span class=\"input-group-btn\">\n                    <button type=\"submit\" class=\"btn btn-primary btn-appearance float-right btn-medium btn-xs-max-width\" @click=\"validateData\" :disabled=\"isDisabled\" :class=\"buttonSizeClass\" data-testing=\"unsub-nl-send\">\n                        <icon icon=\"paper-plane-o\" :loading=\"isDisabled\"></icon>\n                        <span>{{ $translate(\"Ceres::Template.newsletterUnsubscribeButtonLabel\") }}</span>\n                    </button>\n                </span>\n            </div>\n        </div>\n    </form>\n</template>\n\n<script>\nimport ApiService from \"../../services/ApiService\";\nimport ValidationService from \"../../services/ValidationService\";\nimport NotificationService from \"../../services/NotificationService\";\nimport UrlService from \"../../services/UrlService\";\n\nimport { isUndefined } from \"../../helper/utils\";\nimport { ButtonSizePropertyMixin } from \"../../mixins/buttonSizeProperty.mixin\";\n\nexport default {\n\n    mixins: [ButtonSizePropertyMixin],\n\n    data()\n    {\n        return {\n            email: \"\",\n            isDisabled: false,\n            honeypot: \"\"\n        };\n    },\n\n    methods: {\n        validateData()\n        {\n            this.isDisabled = true;\n\n            ValidationService.validate($(\"#newsletter-unsubscribe-input-form_\" + this._uid))\n                .done(() =>\n                {\n                    this.save();\n                })\n                .fail(invalidFields =>\n                {\n                    ValidationService.markInvalidFields(invalidFields, \"error\");\n\n                    this.isDisabled = false;\n                });\n        },\n\n        save()\n        {\n            const urlParams = UrlService.getUrlParams(document.location.search);\n\n            if (isUndefined( urlParams.folderId ))\n            {\n                urlParams.folderId = 0;\n            }\n\n            ApiService.del(\"/rest/io/customer/newsletter/\" + this.email, { \"emailFolder\": urlParams.folderId, \"honeypot\": this.honeypot })\n                .done(() =>\n                {\n                    NotificationService.success(\n                        this.$translate(\"Ceres::Template.newsletterOptOutSuccessMessage\")\n                    ).closeAfter(3000);\n                    this.resetInputs();\n                })\n                .fail(() =>\n                {\n                    NotificationService.error(\n                        this.$translate(\"Ceres::Template.newsletterOptOutErrorMessage\")\n                    ).closeAfter(5000);\n                })\n                .always(() =>\n                {\n                    this.isDisabled = false;\n                });\n        },\n\n        resetInputs()\n        {\n            this.email = \"\";\n        }\n    }\n}\n</script>\n","import { render, staticRenderFns } from \"./NewsletterUnsubscribeInput.vue?vue&type=template&id=e2350d74&\"\nimport script from \"./NewsletterUnsubscribeInput.vue?vue&type=script&lang=js&\"\nexport * from \"./NewsletterUnsubscribeInput.vue?vue&type=script&lang=js&\"\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/runner/work/plugin-ceres/plugin-ceres/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('e2350d74')) {\n      api.createRecord('e2350d74', component.options)\n    } else {\n      api.reload('e2350d74', component.options)\n    }\n    module.hot.accept(\"./NewsletterUnsubscribeInput.vue?vue&type=template&id=e2350d74&\", function () {\n      api.rerender('e2350d74', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/newsletter/NewsletterUnsubscribeInput.vue\"\nexport default component.exports"],"sourceRoot":""}