{"version":3,"sources":["webpack:///./resources/js/src/app/components/item/AvailabilityRequest.vue","webpack:///resources/js/src/app/components/item/AvailabilityRequest.vue","webpack:///./resources/js/src/app/components/item/AvailabilityRequest.vue?6484","webpack:///./resources/js/src/app/components/item/AvailabilityRequest.vue?7e39"],"names":["render","_vm","this","_c","_self","currentVariation","filter","isSalable","_e","staticClass","attrs","method","id","_uid","on","submit","$event","preventDefault","validateData","apply","arguments","width","height","viewBox","fill","xmlns","d","stroke","_v","domProps","innerHTML","_s","multiLanguage","AvailabilityTitle","AvailabilityText","for","ContactEmail","directives","name","rawName","value","email","expression","type","placeholder","ContactEmailPlaceholder","input","target","composing","EmailFieldRequired","ContactNumber","phone","ContactNumberPlaceholder","PhoneNumberFieldRequired","disabled","isDisabled","title","tooltipText","click","transform","AvailabilityButton","$ceres","config","global","googleRecaptchaApiKey","loadRecaptcha","_withStripped","inject","itemId","default","props","Object","data","message","privacyPolicyValue","honeypot","emailFolder","computed","_objectSpread","mapState","userData","state","user","$store","getters","concat","hasAvailableVariations","$translate","methods","_this","ValidationService","validate","$","done","save","fail","invalidFields","markInvalidFields","_this2","executeReCaptcha","$el","then","recaptchaToken","fetch","headers","body","JSON","stringify","plenty_user_id","event","host","window","location","payload","fullName","article_id","variation","article_number","number","response","ok","Error","json","NotificationService","success","TranslationService","translate","closeAfter","resetInputs","resetRecaptcha","catch","error","console","App","googleRecaptchaVersion","grecaptcha","recaptchaId","querySelector","reset","validateInputs","trim","watch","component"],"mappings":"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","file":"chunks/ceres-client-44.min.js","sourcesContent":["var render = function render() {\n  var _vm = this,\n    _c = _vm._self._c\n  return !(\n    !!_vm.currentVariation.filter && _vm.currentVariation.filter.isSalable\n  )\n    ? _c(\"div\", { staticClass: \"availability-form-container my-3\" }, [\n        _c(\n          \"form\",\n          {\n            staticClass: \"form-main\",\n            attrs: {\n              method: \"post\",\n              id: \"ask-question-avability-form_\" + _vm._uid,\n            },\n            on: {\n              submit: function ($event) {\n                $event.preventDefault()\n                return _vm.validateData.apply(null, arguments)\n              },\n            },\n          },\n          [\n            _c(\"div\", { staticClass: \"icon\" }, [\n              _c(\n                \"svg\",\n                {\n                  attrs: {\n                    width: \"16\",\n                    height: \"16\",\n                    viewBox: \"0 0 16 16\",\n                    fill: \"none\",\n                    xmlns: \"http://www.w3.org/2000/svg\",\n                  },\n                },\n                [\n                  _c(\"g\", { attrs: { \"clip-path\": \"url(#clip0_6952_963)\" } }, [\n                    _c(\"path\", {\n                      attrs: {\n                        d: \"M6.23628 14C6.70637 14.4149 7.32387 14.6666 8.00017 14.6666C8.67646 14.6666 9.29396 14.4149 9.76405 14M1.52943 3.87991C1.51986 2.91234 2.04152 2.00881 2.88423 1.53331M14.4683 3.87991C14.4778 2.91235 13.9562 2.00881 13.1134 1.53332M12.0002 5.33331C12.0002 4.27245 11.5787 3.25503 10.8286 2.50489C10.0784 1.75474 9.06103 1.33331 8.00017 1.33331C6.9393 1.33331 5.92188 1.75474 5.17174 2.50489C4.42159 3.25503 4.00017 4.27245 4.00017 5.33331C4.00017 7.39344 3.48048 8.80395 2.89994 9.73692C2.41025 10.5239 2.1654 10.9174 2.17438 11.0272C2.18432 11.1487 2.21007 11.195 2.30802 11.2677C2.39647 11.3333 2.79523 11.3333 3.59274 11.3333H12.4076C13.2051 11.3333 13.6039 11.3333 13.6923 11.2677C13.7903 11.195 13.816 11.1487 13.8259 11.0272C13.8349 10.9174 13.5901 10.5239 13.1004 9.73692C12.5199 8.80395 12.0002 7.39344 12.0002 5.33331Z\",\n                        stroke: \"white\",\n                        \"stroke-width\": \"1.33333\",\n                        \"stroke-linecap\": \"round\",\n                        \"stroke-linejoin\": \"round\",\n                      },\n                    }),\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"defs\", [\n                    _c(\"clipPath\", { attrs: { id: \"clip0_6952_963\" } }, [\n                      _c(\"rect\", {\n                        attrs: { width: \"16\", height: \"16\", fill: \"white\" },\n                      }),\n                    ]),\n                  ]),\n                ]\n              ),\n            ]),\n            _vm._v(\" \"),\n            _c(\"p\", {\n              staticClass: \"h3\",\n              domProps: {\n                innerHTML: _vm._s(_vm.multiLanguage.AvailabilityTitle),\n              },\n            }),\n            _vm._v(\" \"),\n            _c(\"p\", { staticClass: \"small text-muted my-3 my-md-2\" }, [\n              _vm._v(\n                \"\\n      \" +\n                  _vm._s(_vm.multiLanguage.AvailabilityText) +\n                  \"\\n    \"\n              ),\n            ]),\n            _vm._v(\" \"),\n            _c(\"div\", [\n              _c(\n                \"div\",\n                {\n                  staticClass: \"form-input\",\n                  attrs: { \"data-validate\": \"mail\" },\n                },\n                [\n                  _c(\"label\", { attrs: { for: \"email-input_\" + _vm._uid } }, [\n                    _vm._v(\n                      \"\\n          \" +\n                        _vm._s(_vm.multiLanguage.ContactEmail) +\n                        \"\\n        \"\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                    attrs: {\n                      type: \"email\",\n                      id: \"email-input_\" + _vm._uid,\n                      placeholder: _vm.multiLanguage.ContactEmailPlaceholder,\n                      name: \"email\",\n                    },\n                    domProps: { value: _vm.email },\n                    on: {\n                      input: function ($event) {\n                        if ($event.target.composing) return\n                        _vm.email = $event.target.value\n                      },\n                    },\n                  }),\n                  _vm._v(\" \"),\n                  _c(\"span\", { staticClass: \"error-feedback\" }, [\n                    _vm._v(\n                      \"\\n          \" +\n                        _vm._s(_vm.multiLanguage.EmailFieldRequired) +\n                        \"\\n        \"\n                    ),\n                  ]),\n                ]\n              ),\n              _vm._v(\" \"),\n              _c(\n                \"div\",\n                {\n                  staticClass: \"form-input\",\n                  attrs: { \"data-validate\": \"regex\" },\n                },\n                [\n                  _c(\"label\", { attrs: { for: \"phone-input_\" + _vm._uid } }, [\n                    _vm._v(\n                      \"\\n          \" +\n                        _vm._s(_vm.multiLanguage.ContactNumber) +\n                        \"\\n        \"\n                    ),\n                  ]),\n                  _vm._v(\" \"),\n                  _c(\"input\", {\n                    directives: [\n                      {\n                        name: \"model\",\n                        rawName: \"v-model\",\n                        value: _vm.phone,\n                        expression: \"phone\",\n                      },\n                    ],\n                    attrs: {\n                      type: \"text\",\n                      id: \"phone-input_\" + _vm._uid,\n                      \"data-validate-ref\":\n                        \"/(\\\\+\\\\d{1,3}\\\\s?)?((\\\\(\\\\d{3}\\\\)\\\\s?)|(\\\\d{3})(\\\\s|-?))(\\\\d{3}(\\\\s|-?))(\\\\d{4})(\\\\s?(([E|e]xt[:|.|]?)|x|X)(\\\\s?\\\\d+))?/\",\n                      placeholder: _vm.multiLanguage.ContactNumberPlaceholder,\n                      name: \"phone\",\n                    },\n                    domProps: { value: _vm.phone },\n                    on: {\n                      input: function ($event) {\n                        if ($event.target.composing) return\n                        _vm.phone = $event.target.value\n                      },\n                    },\n                  }),\n                  _vm._v(\" \"),\n                  _c(\"span\", { staticClass: \"error-feedback\" }, [\n                    _vm._v(\n                      \"\\n          \" +\n                        _vm._s(_vm.multiLanguage.PhoneNumberFieldRequired) +\n                        \"\\n        \"\n                    ),\n                  ]),\n                ]\n              ),\n            ]),\n            _vm._v(\" \"),\n            _c(\n              \"button\",\n              {\n                directives: [{ name: \"tooltip\", rawName: \"v-tooltip\" }],\n                staticClass: \"btn btn-block btn-primary w-full mt-3\",\n                attrs: {\n                  type: \"submit\",\n                  disabled: _vm.isDisabled,\n                  \"data-toggle\": \"tooltip\",\n                  \"data-placement\": \"top\",\n                  title: _vm.tooltipText,\n                },\n                on: { click: _vm.validateData },\n              },\n              [\n                _c(\n                  \"svg\",\n                  {\n                    attrs: {\n                      width: \"17\",\n                      height: \"17\",\n                      viewBox: \"0 0 17 17\",\n                      fill: \"none\",\n                      xmlns: \"http://www.w3.org/2000/svg\",\n                    },\n                  },\n                  [\n                    _c(\n                      \"g\",\n                      { attrs: { \"clip-path\": \"url(#clip0_6952_954)\" } },\n                      [\n                        _c(\"path\", {\n                          attrs: {\n                            d: \"M6.31148 14.77C6.78157 15.1849 7.39906 15.4367 8.07536 15.4367C8.75166 15.4367 9.36916 15.1849 9.83924 14.77M1.60462 4.64993C1.59506 3.68236 2.11671 2.77883 2.95943 2.30333M14.5435 4.64993C14.553 3.68237 14.0314 2.77883 13.1886 2.30333M12.0754 6.10333C12.0754 5.04247 11.6539 4.02505 10.9038 3.27491C10.1536 2.52476 9.13623 2.10333 8.07536 2.10333C7.0145 2.10333 5.99708 2.52476 5.24693 3.27491C4.49679 4.02505 4.07536 5.04247 4.07536 6.10333C4.07536 8.16346 3.55567 9.57397 2.97514 10.5069C2.48545 11.2939 2.2406 11.6874 2.24958 11.7972C2.25952 11.9187 2.28527 11.9651 2.38321 12.0377C2.47167 12.1033 2.87042 12.1033 3.66793 12.1033H12.4828C13.2803 12.1033 13.6791 12.1033 13.7675 12.0377C13.8655 11.9651 13.8912 11.9187 13.9011 11.7972C13.9101 11.6874 13.6653 11.2939 13.1756 10.5069C12.595 9.57397 12.0754 8.16346 12.0754 6.10333Z\",\n                            stroke: \"white\",\n                            \"stroke-width\": \"1.33333\",\n                            \"stroke-linecap\": \"round\",\n                            \"stroke-linejoin\": \"round\",\n                          },\n                        }),\n                      ]\n                    ),\n                    _vm._v(\" \"),\n                    _c(\"defs\", [\n                      _c(\"clipPath\", { attrs: { id: \"clip0_6952_954\" } }, [\n                        _c(\"rect\", {\n                          attrs: {\n                            width: \"16\",\n                            height: \"16\",\n                            fill: \"white\",\n                            transform: \"translate(0.0751953 0.77002)\",\n                          },\n                        }),\n                      ]),\n                    ]),\n                  ]\n                ),\n                _vm._v(\" \"),\n                _c(\"span\", [\n                  _vm._v(_vm._s(_vm.multiLanguage.AvailabilityButton)),\n                ]),\n              ]\n            ),\n            _vm._v(\" \"),\n            !!_vm.$ceres.config.global.googleRecaptchaApiKey &&\n            _vm.loadRecaptcha\n              ? _c(\"recaptcha\")\n              : _vm._e(),\n          ],\n          1\n        ),\n      ])\n    : _vm._e()\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n  <div\n    v-if=\"!(!!currentVariation.filter && currentVariation.filter.isSalable)\"\n    class=\"availability-form-container my-3\"\n  >\n    <form\n      class=\"form-main\"\n      method=\"post\"\n      :id=\"'ask-question-avability-form_' + _uid\"\n      @submit.prevent=\"validateData\"\n    >\n      <div class=\"icon\">\n        <svg\n          width=\"16\"\n          height=\"16\"\n          viewBox=\"0 0 16 16\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <g clip-path=\"url(#clip0_6952_963)\">\n            <path\n              d=\"M6.23628 14C6.70637 14.4149 7.32387 14.6666 8.00017 14.6666C8.67646 14.6666 9.29396 14.4149 9.76405 14M1.52943 3.87991C1.51986 2.91234 2.04152 2.00881 2.88423 1.53331M14.4683 3.87991C14.4778 2.91235 13.9562 2.00881 13.1134 1.53332M12.0002 5.33331C12.0002 4.27245 11.5787 3.25503 10.8286 2.50489C10.0784 1.75474 9.06103 1.33331 8.00017 1.33331C6.9393 1.33331 5.92188 1.75474 5.17174 2.50489C4.42159 3.25503 4.00017 4.27245 4.00017 5.33331C4.00017 7.39344 3.48048 8.80395 2.89994 9.73692C2.41025 10.5239 2.1654 10.9174 2.17438 11.0272C2.18432 11.1487 2.21007 11.195 2.30802 11.2677C2.39647 11.3333 2.79523 11.3333 3.59274 11.3333H12.4076C13.2051 11.3333 13.6039 11.3333 13.6923 11.2677C13.7903 11.195 13.816 11.1487 13.8259 11.0272C13.8349 10.9174 13.5901 10.5239 13.1004 9.73692C12.5199 8.80395 12.0002 7.39344 12.0002 5.33331Z\"\n              stroke=\"white\"\n              stroke-width=\"1.33333\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            />\n          </g>\n          <defs>\n            <clipPath id=\"clip0_6952_963\">\n              <rect width=\"16\" height=\"16\" fill=\"white\" />\n            </clipPath>\n          </defs>\n        </svg>\n      </div>\n      <p class=\"h3\" v-html=\"multiLanguage.AvailabilityTitle\"></p>\n      <p class=\"small text-muted my-3 my-md-2\">\n        {{ multiLanguage.AvailabilityText }}\n      </p>\n      <div>\n        <div class=\"form-input\" data-validate=\"mail\">\n          <label :for=\"'email-input_' + _uid\">\n            {{ multiLanguage.ContactEmail }}\n          </label>\n          <input\n            type=\"email\"\n            :id=\"'email-input_' + _uid\"\n            v-model=\"email\"\n            :placeholder=\"multiLanguage.ContactEmailPlaceholder\"\n            name=\"email\"\n          />\n          <span class=\"error-feedback\">\n            {{ multiLanguage.EmailFieldRequired }}\n          </span>\n        </div>\n        <div class=\"form-input\" data-validate=\"regex\">\n          <label :for=\"'phone-input_' + _uid\">\n            {{ multiLanguage.ContactNumber }}\n          </label>\n          <input\n            type=\"text\"\n            :id=\"'phone-input_' + _uid\"\n            v-model=\"phone\"\n            data-validate-ref=\"/(\\+\\d{1,3}\\s?)?((\\(\\d{3}\\)\\s?)|(\\d{3})(\\s|-?))(\\d{3}(\\s|-?))(\\d{4})(\\s?(([E|e]xt[:|.|]?)|x|X)(\\s?\\d+))?/\"\n            :placeholder=\"multiLanguage.ContactNumberPlaceholder\"\n            name=\"phone\"\n          />\n          <span class=\"error-feedback\">\n            {{ multiLanguage.PhoneNumberFieldRequired }}\n          </span>\n        </div>\n      </div>\n      <button\n        class=\"btn btn-block btn-primary w-full mt-3\"\n        type=\"submit\"\n        @click=\"validateData\"\n        :disabled=\"isDisabled\"\n        v-tooltip\n        data-toggle=\"tooltip\"\n        data-placement=\"top\"\n        :title=\"tooltipText\"\n      >\n        <svg\n          width=\"17\"\n          height=\"17\"\n          viewBox=\"0 0 17 17\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <g clip-path=\"url(#clip0_6952_954)\">\n            <path\n              d=\"M6.31148 14.77C6.78157 15.1849 7.39906 15.4367 8.07536 15.4367C8.75166 15.4367 9.36916 15.1849 9.83924 14.77M1.60462 4.64993C1.59506 3.68236 2.11671 2.77883 2.95943 2.30333M14.5435 4.64993C14.553 3.68237 14.0314 2.77883 13.1886 2.30333M12.0754 6.10333C12.0754 5.04247 11.6539 4.02505 10.9038 3.27491C10.1536 2.52476 9.13623 2.10333 8.07536 2.10333C7.0145 2.10333 5.99708 2.52476 5.24693 3.27491C4.49679 4.02505 4.07536 5.04247 4.07536 6.10333C4.07536 8.16346 3.55567 9.57397 2.97514 10.5069C2.48545 11.2939 2.2406 11.6874 2.24958 11.7972C2.25952 11.9187 2.28527 11.9651 2.38321 12.0377C2.47167 12.1033 2.87042 12.1033 3.66793 12.1033H12.4828C13.2803 12.1033 13.6791 12.1033 13.7675 12.0377C13.8655 11.9651 13.8912 11.9187 13.9011 11.7972C13.9101 11.6874 13.6653 11.2939 13.1756 10.5069C12.595 9.57397 12.0754 8.16346 12.0754 6.10333Z\"\n              stroke=\"white\"\n              stroke-width=\"1.33333\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            />\n          </g>\n          <defs>\n            <clipPath id=\"clip0_6952_954\">\n              <rect\n                width=\"16\"\n                height=\"16\"\n                fill=\"white\"\n                transform=\"translate(0.0751953 0.77002)\"\n              />\n            </clipPath>\n          </defs>\n        </svg>\n        <span>{{ multiLanguage.AvailabilityButton }}</span>\n      </button>\n      <recaptcha\n        v-if=\"!!$ceres.config.global.googleRecaptchaApiKey && loadRecaptcha\"\n      ></recaptcha>\n    </form>\n  </div>\n</template>\n\n<script>\nimport NotificationService from \"../../services/NotificationService\";\nimport TranslationService from \"../../services/TranslationService\";\nimport ValidationService from \"../../services/ValidationService\";\nimport { executeReCaptcha } from \"../../helper/executeReCaptcha\";\nimport { mapState } from \"vuex\";\n\nexport default {\n  name: \"availability-request\",\n  inject: {\n    itemId: {\n      default: null,\n    },\n  },\n  props: {\n    multiLanguage: Object,\n  },\n  data() {\n    return {\n      phone: \"\",\n      email: \"\",\n      message:\n        \"Verfügbarkeitsanfrage für die Artikel id: \" +\n        this.itemId +\n        \"\\nWann wird dieser Artikel verfügbar sein?\",\n      isDisabled: true,\n      privacyPolicyValue: true,\n      honeypot: \"\",\n      loadRecaptcha: true,\n      emailFolder: 39,\n    };\n  },\n\n  computed: {\n    ...mapState({\n      userData: (state) => state.user.userData,\n    }),\n    currentVariation() {\n      return this.$store.getters[`${this.itemId}/currentItemVariation`];\n    },\n    tooltipText() {\n      if (this.hasAvailableVariations) {\n        return this.$translate(\n          \"Ceres::Template.singleItemPleaseSelectValidVariation\"\n        );\n      } else {\n        return this.$translate(\n          \"Ceres::Template.singleItemPleaseSelectNotAvailable\"\n        );\n      }\n    },\n  },\n\n  methods: {\n    validateData() {\n      this.isDisabled = true;\n\n      ValidationService.validate($(\"#ask-question-avability-form_\" + this._uid))\n        .done(() => {\n          this.save();\n        })\n        .fail((invalidFields) => {\n          ValidationService.markInvalidFields(invalidFields, \"error\");\n\n          this.isDisabled = false;\n        });\n    },\n\n    save() {\n      executeReCaptcha(this.$el).then((recaptchaToken) => {\n        fetch(\"https://dashboard.dubinu.com/v1/events/create/\", {\n          method: \"POST\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n          },\n          body: JSON.stringify({\n            plenty_user_id: this.userData ? this.userData.id : null,\n            event: \"cart.ask_availability\",\n            host: window.location.host,\n            payload: {\n              fullName: this.userData ? this.userData.fullName : null,\n              phone: this.phone,\n              email: this.email,\n              article_id: this.currentVariation.variation.id,\n              article_number: this.currentVariation.variation.number,\n            },\n            recaptchaToken: recaptchaToken,\n          }),\n        })\n          .then((response) => {\n            if (!response.ok) {\n              throw new Error(\"Network response was not ok\");\n            }\n            return response.json();\n          })\n          .then(() => {\n            NotificationService.success(\n              TranslationService.translate(\"Ceres::Template.contactSendSuccess\")\n            ).closeAfter(3000);\n            this.resetInputs();\n            this.resetRecaptcha();\n          })\n          .catch((error) => {\n            console.error(\n              \"There was a problem with the fetch operation:\",\n              error\n            );\n            NotificationService.error(\n              TranslationService.translate(\"Ceres::Template.contactSendFail\")\n            ).closeAfter(5000);\n            this.resetRecaptcha();\n          });\n      });\n    },\n\n    resetInputs() {\n      this.phone = \"\";\n      this.email = \"\";\n      this.message = \"\";\n      this.privacyPolicyValue = false;\n    },\n\n    resetRecaptcha() {\n      if (App.config.global.googleRecaptchaVersion === 2 && window.grecaptcha) {\n        const recaptchaId = this.$el.querySelector(\"[data-recaptcha]\");\n        window.grecaptcha.reset(recaptchaId);\n      }\n    },\n\n    validateInputs() {\n      this.isDisabled = !this.email.trim();\n    },\n  },\n\n  watch: {\n    email: \"validateInputs\",\n  },\n};\n</script>\n","import mod from \"-!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AvailabilityRequest.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!./AvailabilityRequest.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./AvailabilityRequest.vue?vue&type=template&id=3878028c\"\nimport script from \"./AvailabilityRequest.vue?vue&type=script&lang=js\"\nexport * from \"./AvailabilityRequest.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\nexport default component.exports"],"sourceRoot":""}