{"version":3,"sources":["webpack:///./resources/js/src/app/components/customer/Registration.vue?bb57","webpack:///resources/js/src/app/components/customer/Registration.vue","webpack:///./resources/js/src/app/components/customer/Registration.vue?b3ff","webpack:///./resources/js/src/app/components/customer/Registration.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","attrs","autocomplete","method","on","submit","$event","preventDefault","validateRegistration","directives","name","rawName","value","username","expression","type","id","_uid","domProps","input","target","composing","_v","for","_s","$translate","guestMode","_e","class","modalElement","trigger","placement","scopedSlots","_u","key","fn","password","proxy","passwordRepeat","honeypot","tabindex","isSimpleRegistration","template","billingAddress","shownFields","requiredFields","defaultSalutation","setAddressDataField","_t","enableConfirmingPrivacyPolicy","privacyPolicyShowError","privacyPolicyValueChanged","model","privacyPolicyAccepted","callback","$$v","buttonSizeClass","disabled","isDisabled","icon","loading","googleRecaptchaApiKey","modalShown","_withStripped","component","options","__file"],"mappings":"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","file":"chunks/ceres-49.min.js","sourcesContent":["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      ref: \"registrationForm\",\n      staticClass: \"w-100\",\n      attrs: { autocomplete: \"on\", method: \"post\" },\n      on: {\n        submit: function($event) {\n          $event.preventDefault()\n          return _vm.validateRegistration()\n        }\n      }\n    },\n    [\n      _c(\"div\", { staticClass: \"row\" }, [\n        _c(\"div\", { staticClass: \"col-sm-12\" }, [\n          _c(\n            \"div\",\n            { staticClass: \"input-unit\", attrs: { \"data-validate\": \"mail\" } },\n            [\n              _c(\"input\", {\n                directives: [\n                  {\n                    name: \"model\",\n                    rawName: \"v-model\",\n                    value: _vm.username,\n                    expression: \"username\"\n                  }\n                ],\n                attrs: {\n                  type: \"email\",\n                  name: \"email\",\n                  autocomplete: \"email\",\n                  id: \"email\" + _vm._uid,\n                  \"data-autofocus\": \"\"\n                },\n                domProps: { value: _vm.username },\n                on: {\n                  input: function($event) {\n                    if ($event.target.composing) {\n                      return\n                    }\n                    _vm.username = $event.target.value\n                  }\n                }\n              }),\n              _vm._v(\" \"),\n              _c(\"label\", { attrs: { for: \"email\" + _vm._uid } }, [\n                _vm._v(_vm._s(_vm.$translate(\"Ceres::Template.regEmail\")) + \"*\")\n              ])\n            ]\n          )\n        ]),\n        _vm._v(\" \"),\n        !_vm.guestMode\n          ? _c(\"div\", { staticClass: \"col-sm-6\" }, [\n              _c(\n                \"div\",\n                {\n                  ref: \"passwordInput\",\n                  staticClass: \"input-unit input-unit--password\",\n                  class: { \"no-bottom media-xs-d\": _vm.modalElement },\n                  attrs: { \"data-validate\": \"password\" }\n                },\n                [\n                  _c(\"popper\", {\n                    ref: \"passwordHint\",\n                    attrs: { trigger: \"focus\", placement: \"bottom\" },\n                    scopedSlots: _vm._u(\n                      [\n                        {\n                          key: \"handle\",\n                          fn: function() {\n                            return [\n                              _c(\"input\", {\n                                directives: [\n                                  {\n                                    name: \"model\",\n                                    rawName: \"v-model\",\n                                    value: _vm.password,\n                                    expression: \"password\"\n                                  }\n                                ],\n                                attrs: {\n                                  type: \"password\",\n                                  name: \"password\",\n                                  autocomplete: \"new-password\",\n                                  id: \"new-password-\" + _vm._uid\n                                },\n                                domProps: { value: _vm.password },\n                                on: {\n                                  input: function($event) {\n                                    if ($event.target.composing) {\n                                      return\n                                    }\n                                    _vm.password = $event.target.value\n                                  }\n                                }\n                              })\n                            ]\n                          },\n                          proxy: true\n                        },\n                        {\n                          key: \"title\",\n                          fn: function() {\n                            return [\n                              _c(\"div\", [\n                                _vm._v(\n                                  \"\\n                            \" +\n                                    _vm._s(\n                                      _vm.$translate(\n                                        \"Ceres::Template.regPasswordHintTitle\"\n                                      )\n                                    ) +\n                                    \"\\n                        \"\n                                )\n                              ])\n                            ]\n                          },\n                          proxy: true\n                        },\n                        {\n                          key: \"content\",\n                          fn: function() {\n                            return [\n                              _c(\"ul\", { staticClass: \"pl-3\" }, [\n                                _c(\"li\", [\n                                  _vm._v(\n                                    _vm._s(\n                                      _vm.$translate(\n                                        \"Ceres::Template.regPasswordHintLength\"\n                                      )\n                                    )\n                                  )\n                                ]),\n                                _vm._v(\" \"),\n                                _c(\"li\", [\n                                  _vm._v(\n                                    _vm._s(\n                                      _vm.$translate(\n                                        \"Ceres::Template.regPasswordHintDigit\"\n                                      )\n                                    )\n                                  )\n                                ]),\n                                _vm._v(\" \"),\n                                _c(\"li\", [\n                                  _vm._v(\n                                    _vm._s(\n                                      _vm.$translate(\n                                        \"Ceres::Template.regPasswordHintChar\"\n                                      )\n                                    )\n                                  )\n                                ])\n                              ])\n                            ]\n                          },\n                          proxy: true\n                        }\n                      ],\n                      null,\n                      false,\n                      4086647824\n                    )\n                  }),\n                  _vm._v(\" \"),\n                  _c(\"label\", { attrs: { for: \"new-password-\" + _vm._uid } }, [\n                    _vm._v(\n                      _vm._s(_vm.$translate(\"Ceres::Template.regPassword\")) +\n                        \"*\"\n                    )\n                  ])\n                ],\n                1\n              )\n            ])\n          : _vm._e(),\n        _vm._v(\" \"),\n        !_vm.guestMode\n          ? _c(\"div\", { staticClass: \"col-sm-6 input-unit-group\" }, [\n              _c(\n                \"div\",\n                {\n                  staticClass: \"input-unit\",\n                  class: { \"no-bottom\": _vm.modalElement },\n                  attrs: { \"data-validate\": \"ref\" }\n                },\n                [\n                  _c(\"input\", {\n                    directives: [\n                      {\n                        name: \"model\",\n                        rawName: \"v-model\",\n                        value: _vm.passwordRepeat,\n                        expression: \"passwordRepeat\"\n                      }\n                    ],\n                    attrs: {\n                      type: \"password\",\n                      name: \"password-repeat\",\n                      autocomplete: \"new-password\",\n                      id: \"new-password-repeat-\" + _vm._uid,\n                      \"data-validate-ref\": \"#new-password-\" + _vm._uid\n                    },\n                    domProps: { value: _vm.passwordRepeat },\n                    on: {\n                      input: function($event) {\n                        if ($event.target.composing) {\n                          return\n                        }\n                        _vm.passwordRepeat = $event.target.value\n                      }\n                    }\n                  }),\n                  _vm._v(\" \"),\n                  _c(\n                    \"label\",\n                    { attrs: { for: \"new-password-repeat\" + _vm._uid } },\n                    [\n                      _vm._v(\n                        _vm._s(\n                          _vm.$translate(\"Ceres::Template.regRepeatPassword\")\n                        ) + \"*\"\n                      )\n                    ]\n                  )\n                ]\n              )\n            ])\n          : _vm._e(),\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: \"off\",\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(\n          \"div\",\n          { staticClass: \"col-12\" },\n          [\n            !_vm.isSimpleRegistration\n              ? _c(\"address-input-group\", {\n                  attrs: {\n                    template: \"#vue-address-input-group\",\n                    \"address-type\": \"1\",\n                    value: _vm.billingAddress,\n                    \"optional-address-fields\": _vm.shownFields,\n                    \"required-address-fields\": _vm.requiredFields,\n                    \"default-salutation\": _vm.defaultSalutation\n                  },\n                  on: {\n                    input: function($event) {\n                      return _vm.setAddressDataField($event)\n                    }\n                  },\n                  scopedSlots: _vm._u(\n                    [\n                      {\n                        key: \"custom-address-fields\",\n                        fn: function() {\n                          return [_vm._t(\"custom-address-fields\")]\n                        },\n                        proxy: true\n                      }\n                    ],\n                    null,\n                    true\n                  )\n                })\n              : _vm._e()\n          ],\n          1\n        ),\n        _vm._v(\" \"),\n        _vm.enableConfirmingPrivacyPolicy\n          ? _c(\n              \"div\",\n              { staticClass: \"col-12\" },\n              [\n                _c(\"accept-privacy-policy-check\", {\n                  staticClass: \"mt-3 mb-0\",\n                  attrs: { \"show-error\": _vm.privacyPolicyShowError },\n                  on: {\n                    input: function($event) {\n                      return _vm.privacyPolicyValueChanged($event)\n                    }\n                  },\n                  model: {\n                    value: _vm.privacyPolicyAccepted,\n                    callback: function($$v) {\n                      _vm.privacyPolicyAccepted = $$v\n                    },\n                    expression: \"privacyPolicyAccepted\"\n                  }\n                })\n              ],\n              1\n            )\n          : _vm._e()\n      ]),\n      _vm._v(\" \"),\n      _c(\n        \"div\",\n        { staticClass: \"border-top mt-2 text-right\" },\n        [\n          _vm._t(\"extend-overlay-buttons\"),\n          _vm._v(\" \"),\n          _c(\n            \"button\",\n            {\n              staticClass: \"btn btn-appearance btn-primary btn-medium mt-3\",\n              class: _vm.buttonSizeClass,\n              attrs: { disabled: _vm.isDisabled }\n            },\n            [\n              _vm._v(\n                \"\\n            \" +\n                  _vm._s(_vm.$translate(\"Ceres::Template.regRegister\")) +\n                  \"\\n            \"\n              ),\n              _c(\"icon\", {\n                staticClass: \"default-float\",\n                attrs: { icon: \"user-plus\", loading: _vm.isDisabled }\n              })\n            ],\n            1\n          )\n        ],\n        2\n      ),\n      _vm._v(\" \"),\n      !!_vm.googleRecaptchaApiKey &&\n      (_vm.modalShown || !_vm.isSimpleRegistration)\n        ? _c(\"recaptcha\")\n        : _vm._e()\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","<template>\n    <form class=\"w-100\" autocomplete=\"on\" method=\"post\" @submit.prevent=\"validateRegistration()\" ref=\"registrationForm\">\n        <div class=\"row\">\n            <div class=\"col-sm-12\">\n                <div class=\"input-unit\" data-validate=\"mail\">\n                    <input type=\"email\" name=\"email\" autocomplete=\"email\" :id=\"'email'+_uid\" v-model=\"username\" data-autofocus>\n                    <label :for=\"'email'+_uid\">{{ $translate(\"Ceres::Template.regEmail\") }}*</label>\n                </div>\n            </div>\n\n            <div class=\"col-sm-6\" v-if=\"!guestMode\">\n                <div class=\"input-unit input-unit--password\" :class=\"{'no-bottom media-xs-d': modalElement}\" data-validate=\"password\" ref=\"passwordInput\">\n                    <popper v-cloak trigger=\"focus\" placement=\"bottom\" ref=\"passwordHint\">\n                        <template #handle>\n                            <input type=\"password\" name=\"password\" autocomplete=\"new-password\" :id=\"'new-password-' + _uid\" v-model=\"password\">\n                        </template>\n\n                        <template #title>\n                            <div>\n                                {{ $translate(\"Ceres::Template.regPasswordHintTitle\") }}\n                            </div>\n                        </template>\n\n                        <template #content>\n                            <ul class=\"pl-3\">\n                                <li>{{ $translate(\"Ceres::Template.regPasswordHintLength\") }}</li>\n                                <li>{{ $translate(\"Ceres::Template.regPasswordHintDigit\") }}</li>\n                                <li>{{ $translate(\"Ceres::Template.regPasswordHintChar\") }}</li>\n                            </ul>\n                        </template>\n                    </popper>\n\n                    <label :for=\"'new-password-' + _uid\">{{ $translate(\"Ceres::Template.regPassword\") }}*</label>\n                </div>\n            </div>\n\n            <div class=\"col-sm-6 input-unit-group\" v-if=\"!guestMode\">\n                <div class=\"input-unit\" :class=\"{'no-bottom': modalElement}\" data-validate=\"ref\">\n                    <input type=\"password\" name=\"password-repeat\" autocomplete=\"new-password\" :id=\"'new-password-repeat-' + _uid\" v-model=\"passwordRepeat\" :data-validate-ref=\"'#new-password-' + _uid\">\n                    <label :for=\"'new-password-repeat' + _uid\">{{ $translate(\"Ceres::Template.regRepeatPassword\") }}*</label>\n                </div>\n            </div>\n\n            <input class=\"honey\" type=\"text\" name=\"username\" autocomplete=\"off\" tabindex=\"-1\" v-model=\"honeypot\">\n\n            <div class=\"col-12\">\n                <address-input-group\n                        template=\"#vue-address-input-group\"\n                        v-if=\"!isSimpleRegistration\"\n                        address-type=\"1\"\n                        :value=\"billingAddress\"\n                        @input=\"setAddressDataField($event)\"\n                        :optional-address-fields=\"shownFields\"\n                        :required-address-fields=\"requiredFields\"\n                        :default-salutation=\"defaultSalutation\">\n                    <template #custom-address-fields>\n                        <slot name=\"custom-address-fields\"></slot>\n                    </template>\n                </address-input-group>\n            </div>\n\n            <div class=\"col-12\" v-if=\"enableConfirmingPrivacyPolicy\">\n                <accept-privacy-policy-check\n                        class=\"mt-3 mb-0\"\n                        v-model=\"privacyPolicyAccepted\"\n                        @input=\"privacyPolicyValueChanged($event)\"\n                        :show-error=\"privacyPolicyShowError\">\n                </accept-privacy-policy-check>\n            </div>\n        </div>\n        <div class=\"border-top mt-2 text-right\">\n            <slot name=\"extend-overlay-buttons\"></slot>\n\n            <button :disabled=\"isDisabled\" class=\"btn btn-appearance btn-primary btn-medium mt-3\" :class=\"buttonSizeClass\">\n                {{ $translate(\"Ceres::Template.regRegister\") }}\n                <icon icon=\"user-plus\" class=\"default-float\" :loading=\"isDisabled\"></icon>\n            </button>\n        </div>\n\n        <recaptcha v-if=\"!!googleRecaptchaApiKey && (modalShown || !isSimpleRegistration)\"></recaptcha>\n    </form>\n</template>\n\n<script>\n    import ValidationService from \"ceres/app/services/ValidationService\";\n    import { navigateTo } from \"ceres/app/services/UrlService\";\n    import { executeReCaptcha } from \"ceres/app/helper/executeReCaptcha\";\n    import { isNullOrUndefined, isDefined } from \"ceres/app/helper/utils\";\n    import { ButtonSizePropertyMixin } from \"ceres/app/mixins/buttonSizeProperty.mixin\";\n    import AddressInputGroup from \"ceres/app/components/customer/AddressInputGroup.vue\";\n    import ApiService from \"ceres/app/services/ApiService\";\n    import NotificationService from \"ceres/app/services/NotificationService\";\n    import ModalService from \"ceres/app/services/ModalService\";\n    import AcceptPrivacyPolicyCheck from \"ceres/app/components/customer/AcceptPrivacyPolicyCheck.vue\";\n\n    export default {\n\n        name: \"registration\",\n\n        components:\n            {\n                AddressInputGroup,\n                AcceptPrivacyPolicyCheck\n            },\n\n        mixins: [ButtonSizePropertyMixin],\n\n        props: {\n            modalElement: String,\n            guestMode: { type: Boolean, default: false },\n            isSimpleRegistration: { type: Boolean, default: false },\n            template: String,\n            backlink: String,\n            shownFields: Object,\n            requiredFields: Object\n        },\n\n        data()\n        {\n            return {\n                password      : \"\",\n                passwordRepeat: \"\",\n                username      : \"\",\n                billingAddress: {\n                    countryId: null,\n                    stateId: null,\n                    gender: \"male\"\n                },\n                isDisabled: false,\n                privacyPolicyAccepted : false,\n                privacyPolicyShowError: false,\n                enableConfirmingPrivacyPolicy: App.config.global.registrationRequirePrivacyPolicyConfirmation,\n                googleRecaptchaApiKey: App.config.global.googleRecaptchaApiKey,\n                defaultSalutation: App.config.addresses.defaultSalutation,\n                modalShown: false,\n                honeypot: \"\"\n            };\n        },\n\n        mounted()\n        {\n            this.$nextTick(() =>\n            {\n                if (this.modalElement)\n                {\n                    this.initModalEventListeners();\n                }\n            });\n        },\n\n        methods: {\n            /**\n             * Validate the registration form\n             */\n            validateRegistration()\n            {\n                executeReCaptcha(this.$refs.registrationForm)\n                    .then((recaptchaToken) =>\n                    {\n                        ValidationService.validate(this.$refs.registrationForm)\n                            .done(() =>\n                            {\n                                if (!this.enableConfirmingPrivacyPolicy || this.privacyPolicyAccepted)\n                                {\n                                    this.sendRegistration(recaptchaToken);\n                                }\n                                else\n                                {\n                                    this.privacyPolicyShowError = true;\n\n                                    NotificationService.error(\n                                        this.$translate(\"Ceres::Template.contactAcceptFormPrivacyPolicy\", { hyphen: \"&shy;\" })\n                                    );\n                                }\n                            })\n                            .fail(invalidFields =>\n                            {\n                                if (!isNullOrUndefined(this.$refs.passwordHint) && invalidFields.indexOf(this.$refs.passwordInput) >= 0)\n                                {\n                                    this.$refs.passwordHint.showPopper();\n                                }\n\n                                const invalidFieldNames = this.getInvalidFieldNames(invalidFields);\n\n                                if (invalidFieldNames.length > 0)\n                                {\n                                    NotificationService.error(\n                                        this.$translate(\"Ceres::Template.checkoutCheckAddressFormFields\", { fields: invalidFieldNames.join(\", \") })\n                                    );\n                                }\n\n                                ValidationService.markInvalidFields(invalidFields, \"error\");\n\n                                if (this.enableConfirmingPrivacyPolicy && !this.privacyPolicyAccepted)\n                                {\n                                    this.privacyPolicyShowError = true;\n\n                                    NotificationService.error(\n                                        this.$translate(\"Ceres::Template.contactAcceptFormPrivacyPolicy\", { hyphen: \"&shy;\" })\n                                    );\n                                }\n                            });\n                    });\n            },\n\n            getInvalidFieldNames(invalidFields = [])\n            {\n                const fieldNames = [];\n\n                for (const field of invalidFields)\n                {\n                    let fieldName = field.lastElementChild.innerHTML.trim();\n\n                    fieldName = fieldName.slice(-1) === \"*\" ? fieldName.slice(0, fieldName.length - 1) : fieldName;\n                    fieldNames.push(fieldName);\n                }\n\n                return fieldNames;\n            },\n\n            /**\n             * Send the registration\n             */\n            sendRegistration(recaptchaToken)\n            {\n                const userObject = this.getUserObject();\n\n                userObject.recaptcha = recaptchaToken;\n\n                this.isDisabled = true;\n\n                ApiService.post(\"/rest/io/customer\", userObject)\n                    .done(response =>\n                    {\n                        ApiService.setToken(response);\n\n                        if (!response.code)\n                        {\n                            document.dispatchEvent(new CustomEvent(\"onSignUpSuccess\", { detail: userObject }));\n\n                            NotificationService.success(\n                                this.$translate(\"Ceres::Template.regSuccessful\")\n                            ).closeAfter(3000);\n\n                            if (document.getElementById(this.modalElement) !== null)\n                            {\n                                ModalService.findModal(document.getElementById(this.modalElement)).hide();\n                            }\n\n                            if (this.backlink !== null && this.backlink)\n                            {\n                                navigateTo(decodeURIComponent(this.backlink));\n                            }\n                            else\n                            {\n                                location.reload();\n                            }\n                        }\n                        else\n                        {\n                            NotificationService.error(\n                                this.$translate(\"Ceres::Template.regError\")\n                            ).closeAfter(10000);\n                        }\n\n                        this.isDisabled = false;\n                    })\n                    .fail((error) =>\n                    {\n                        NotificationService.error(error.error).closeAfter(10000);\n\n                        this.isDisabled = false;\n                    });\n            },\n\n            setAddressDataField({ field, value })\n            {\n                this.billingAddress[field] = value;\n                this.billingAddress = Object.assign({}, this.billingAddress);\n            },\n\n            /**\n             * Handle the user object which is send to the server\n             * @returns {{contact: {referrerId: number, typeId: number, options: {typeId: {typeId: number, subTypeId: number, value: *, priority: number}}}, honeypot: string}|{contact: {referrerId: number, typeId: number, password: *, options: {typeId: {typeId: number, subTypeId: number, value: *, priority: number}}}, honeypot: string}}\n             */\n            getUserObject()\n            {\n                const userObject =\n                    {\n                        contact: {\n                            referrerId: 1,\n                            typeId    : 1,\n                            options   : {\n                                typeId: {\n                                    typeId   : 2,\n                                    subTypeId: 4,\n                                    value    : this.username,\n                                    priority : 0\n                                }\n                            }\n                        },\n                        honeypot: this.honeypot\n                    };\n\n                if (!this.guestMode)\n                {\n                    userObject.contact.password = this.password;\n                }\n\n                if (!this.isSimpleRegistration)\n                {\n                    userObject.billingAddress = this.billingAddress;\n                }\n\n                return userObject;\n            },\n\n            privacyPolicyValueChanged(value)\n            {\n                this.privacyPolicyAccepted = value;\n\n                if (value)\n                {\n                    this.privacyPolicyShowError = false;\n                }\n            },\n\n            initModalEventListeners()\n            {\n                const modal = ModalService.findModal(document.getElementById(this.modalElement));\n\n                if (isDefined(modal))\n                {\n                    modal.on(\"show.bs.modal\",\n                        () =>\n                        {\n                            this.modalShown = true;\n                        });\n\n                    modal.on(\"hide.bs.modal\",\n                        () =>\n                        {\n                            this.modalShown = false;\n                        });\n                }\n            }\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!./Registration.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!./Registration.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Registration.vue?vue&type=template&id=660f5e28&\"\nimport script from \"./Registration.vue?vue&type=script&lang=js&\"\nexport * from \"./Registration.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(\"/Users/onedot/Sites/pp-smagtron/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('660f5e28')) {\n      api.createRecord('660f5e28', component.options)\n    } else {\n      api.reload('660f5e28', component.options)\n    }\n    module.hot.accept(\"./Registration.vue?vue&type=template&id=660f5e28&\", function () {\n      api.rerender('660f5e28', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"resources/js/src/app/components/customer/Registration.vue\"\nexport default component.exports"],"sourceRoot":""}