{"version":3,"sources":["webpack:///resources/js/src/app/components/newsletter/NewsletterUnsubscribeInput.vue","webpack:///./resources/js/src/app/components/newsletter/NewsletterUnsubscribeInput.vue?d5b6","webpack:///./resources/js/src/app/components/newsletter/NewsletterUnsubscribeInput.vue","webpack:///./resources/js/src/app/components/newsletter/NewsletterUnsubscribeInput.vue?ea43","webpack:///./resources/js/src/app/components/newsletter/NewsletterUnsubscribeInput.vue?36a4","webpack:///./resources/js/src/app/mixins/buttonSizeProperty.mixin.js"],"names":["BUTTON_SIZES","LEGACY_CLASS_MAP","ButtonSizePropertyMixin","props","buttonSize","type","String","default","validator","value","Object","keys","indexOf","computed","buttonSizeClass","hasOwnProperty"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA,oGAFA;AAIA,MAJA,kBAKA;AACA;AACA,eADA;AAEA,uBAFA;AAGA;AAHA;AAKA,GAXA;AAaA;AACA,gBADA,0BAEA;AAAA;;AACA;AAEA,yIACA,IADA,CACA,YACA;AACA;AACA,OAJA,EAKA,IALA,CAKA,yBACA;AACA;AAEA;AACA,OAVA;AAWA,KAhBA;AAkBA,QAlBA,kBAmBA;AAAA;;AACA;;AAEA,iGACA;AACA;AACA;;AAEA;AAAA;AAAA;AAAA,SACA,IADA,CACA,YACA;AACA,sFACA,mEADA,EAEA,UAFA,CAEA,IAFA;;AAGA;AACA,OAPA,EAQA,IARA,CAQA,YACA;AACA,oFACA,iEADA,EAEA,UAFA,CAEA,IAFA;AAGA,OAbA,EAcA,MAdA,CAcA,YACA;AACA;AACA,OAjBA;AAkBA,KA7CA;AA+CA,eA/CA,yBAgDA;AACA;AACA;AAlDA;AAbA,G;;;;;;;;;;;;AC/BA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AACL;AACA,iBAAiB,qBAAqB;AACtC,mBAAmB,wBAAwB;AAC3C;AACA;AACA;AACA;AACA,sBAAsB;AACtB,aAAa;AACb;AACA,2BAA2B,SAAS,wBAAwB,EAAE;AAC9D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB,2BAA2B,mBAAmB;AAC9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe;AACf;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAa;AACb,uBAAuB,sBAAsB;AAC7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW;AACX;AACA,sBAAsB,iCAAiC;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iBAAiB;AACjB,qBAAqB;AACrB,eAAe;AACf;AACA;AACA,0BAA0B;AAC1B,iBAAiB;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACjIA;AAAA;AAAA;AAAA;AAAyG;AAC3B;AACL;;;AAGzE;AACsG;AACtG,gBAAgB,2GAAU;AAC1B,EAAE,gGAAM;AACR,EAAE,qGAAM;AACR,EAAE,8GAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACtCf;AAAA;AAAA,wCAAkN,CAAgB,8PAAG,EAAC,C;;;;;;;;;;;;ACAtO;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAA,IAAMA,YAAY,GAAG,CAAC,QAAD,EAAW,QAAX,CAArB;AAEA,IAAMC,gBAAgB,GAAG;AACrB,QAAM,QADe;AAErB,QAAM,EAFe;AAGrB,QAAM;AAHe,CAAzB;AAMO,IAAMC,uBAAuB,GACpC;AACIC,OAAK,EAAE;AACHC,cAAU,EACV;AACIC,UAAI,EAAE,CAACC,MAAD,EAAS,IAAT,CADV;AAEIC,aAAO,EAAE,IAFb;AAGIC,eAAS,EAAE,mBAAAC,KAAK,EAChB;AACI,eAAO,CACH,EADG,SAEAT,YAFA,qBAGAU,MAAM,CAACC,IAAP,CAAYV,gBAAZ,CAHA,GAILW,OAJK,CAIGH,KAJH,MAIc,CAAC,CAJtB;AAKH;AAVL;AAFG,GADX;AAiBII,UAAQ,EAAE;AACNC,mBADM,6BAEN;AACI,UAAIb,gBAAgB,CAACc,cAAjB,CAAgC,KAAKX,UAArC,CAAJ,EACA;AACI,eAAOH,gBAAgB,CAAC,KAAKG,UAAN,CAAvB;AACH;;AAED,aAAO,KAAKA,UAAZ;AACH;AATK;AAjBd,CADO,C","file":"chunks/ceres-21.js","sourcesContent":["<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","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 { 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","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&\"","export * from \"-!../../../../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewsletterUnsubscribeInput.vue?vue&type=template&id=e2350d74&\"","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"],"sourceRoot":""}