{"version":3,"sources":["webpack:///./src/components/RegisterPemberianAmanat.vue?c9ce","webpack:///src/components/RegisterPemberianAmanat.vue","webpack:///./src/components/RegisterPemberianAmanat.vue?0c37","webpack:///./src/components/RegisterPemberianAmanat.vue","webpack:///./src/components/RegisterPemberianAmanat.vue?cc73"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","id","title","print","form","has_set_mandate","problem_solving","on","setValueStatement","setValueDispute","setDistrictCourt","registerKYC","staticRenderFns","component"],"mappings":"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","file":"js/chunk-20af3f3c.91590784.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-outline\"},[_c('div',{staticClass:\"register\"},[_c('div',{staticClass:\"title\"},[_vm._v(\"Register\")]),_c('div',{staticClass:\"top-squence\"},[_c('head-register',{attrs:{\"dataSquence\":{ id: 11, title: 'amanat' }}})],1),_c('div',{staticClass:\"content-register\"},[_c('div',{staticClass:\"container\"},[_c('amanah',{attrs:{\"dataPrint\":_vm.print,\"statement\":_vm.form.has_set_mandate,\"disputeValue\":_vm.form.problem_solving},on:{\"changeValue\":_vm.setValueStatement,\"changeValueDispute\":_vm.setValueDispute,\"changeDistrictCourt\":_vm.setDistrictCourt}}),_c('div',{staticClass:\"button\"},[_c('router-link',{attrs:{\"to\":\"/disclosure3\"}},[_c('button',{staticClass:\"btn-scondary\"},[_vm._v(\"Sebelumnya\")])]),_c('button',{staticClass:\"btn-primer\",attrs:{\"type\":\"submit\"},on:{\"click\":_vm.registerKYC}},[(_vm.isLoading)?_c('b-spinner'):_c('div',[_vm._v(\"Selanjutnya\")])],1)],1)],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"container-outline\">\n        <div class=\"register\">\n            <div class=\"title\">Register</div>\n            <div class=\"top-squence\">\n                <head-register :dataSquence=\"{ id: 11, title: 'amanat' }\" />\n            </div>\n            <div class=\"content-register\">\n                <div class=\"container\">\n                    <amanah\n                        :dataPrint=\"print\"\n                        @changeValue=\"setValueStatement\"\n                        :statement=\"form.has_set_mandate\"\n                        :disputeValue=\"form.problem_solving\"\n                        @changeValueDispute=\"setValueDispute\"\n                        @changeDistrictCourt=\"setDistrictCourt\"\n                    />\n                    <div class=\"button\">\n                        <router-link to=\"/disclosure3\"><button class=\"btn-scondary\">Sebelumnya</button></router-link>\n                        <!-- <router-link to=\"/kode-akses\"> -->\n                        <button class=\"btn-primer\" type=\"submit\" @click=\"registerKYC\">\n                            <b-spinner v-if=\"isLoading\"></b-spinner>\n                            <div v-else>Selanjutnya</div>\n                        </button>\n                        <!-- </router-link> -->\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport axios from \"axios\";\nimport moment from \"moment\";\nimport Amanah from \"../assets/filedownload/Amanah.vue\";\nimport HeadRegister from \"./component/HeadRegister.vue\";\n\nexport default {\n    components: {\n        Amanah,\n        HeadRegister,\n    },\n\n    data() {\n        return {\n            today: \"\",\n            isLoading: false,\n            dataUser: \"\",\n            print: {\n                fullname: \"\",\n                alamat: \"\",\n                telepone: \"\",\n                ktp: \"\",\n                pekerjaan: \"\",\n                tandaTangan: null,\n                noKantor: \"\",\n                company_id: \"\",\n                namaPejabat: \"\",\n                jabatan: \"\",\n                jabatanNasabah: \"\",\n                no_ac_demo: \"\",\n                tempat_ttd: \"\",\n                complement: \"\",\n                tanggalLahir: \"\",\n                tempat_lahir: \"\",\n                platform: [],\n                broker_name: \"\",\n            },\n            form: {\n                has_set_trading_simulation: \"\",\n                has_confirm_costumer: \"\",\n                has_investment_experience: \"\",\n                has_set_company_profile: false,\n                has_set_investment_experience: \"\",\n                has_set_mandate: \"\",\n                has_set_risk: \"\",\n                has_set_trading_rules: \"\",\n                step: \"mandate\",\n                completeness_verification: \"\",\n                disclosure_customer: \"\",\n                disclosure_risk: \"\",\n                disclosure_mandate: \"\",\n                problem_solving: \"\",\n                district_court: \"\",\n                identity_address: {\n                    ownership_status: \"\",\n                    address: \"\",\n                    citizen_no: \"\",\n                    neighborhood_no: \"\",\n                    village: \"\",\n                    district: \"\",\n                    regency: \"\",\n                    province: \"\",\n                    postcode: \"\",\n                    telephone: \"\",\n                },\n            },\n            idCustomer: \"\",\n        };\n    },\n\n    watch: {\n        \"form.dentity_address.address\"() {\n            if (this.form.identity_address.address) {\n                this.print.alamat = this.form.identity_address.address;\n            }\n        },\n    },\n\n    mounted() {\n        var today = new Date();\n        today.setFullYear(today.getFullYear());\n        this.today = new Date().toISOString().split(\"T\")[0];\n\n        axios.get(\"/v2/user/profile\").then((res) => {\n            this.print.fullname = res.data.data.user.fullname;\n            this.print.platform = res.data.data.user.platform;\n        });\n\n        axios.get(\"/v2/kyc/customer\").then((res) => {\n            this.idCustomer = res.data.data.customer._id;\n            this.form.has_set_mandate = res.data.data.customer.has_set_mandate;\n            axios.get(\"/v2/kyc/employment/\" + this.idCustomer).then((resemp) => {\n                this.print.pekerjaan = resemp.data.data.employment.occupation_type.name;\n                this.print.jabatanNasabah = resemp.data.data.employment.position_type.name;\n                this.print.noKantor = resemp.data.data.employment.company_address.telephone;\n            });\n            let customer = res.data.data.customer;\n            this.print.broker_name = customer.broker_agent;\n\n            this.form.has_set_trading_simulation = customer.has_set_trading_simulation;\n            this.form.has_confirm_costumer = customer.has_confirm_costumer;\n            this.form.has_investment_experience = customer.has_investment_experience;\n            this.form.has_set_company_profile = customer.has_set_company_profile;\n            this.form.has_set_investment_experience = customer.has_set_investment_experience;\n            this.form.has_set_mandate = customer.has_set_mandate;\n            this.form.has_set_risk = customer.has_set_risk;\n            this.form.has_set_trading_rules = customer.has_set_trading_rules;\n            this.form.completeness_verification = customer.completeness_verification;\n            this.form.disclosure_customer = customer.disclosure_customer;\n            this.form.disclosure_risk = customer.disclosure_risk;\n            this.form.disclosure_mandate = customer.disclosure_mandate;\n            this.form.date_of_birth = moment(res.data.data.customer.date_of_birth).format(\"YYYY-MM-DD\");\n            this.form.ktp_no = res.data.data.customer.ktp_no;\n            this.form.place_of_birth = res.data.data.customer.place_of_birth;\n            this.form.identity_address.address = customer.identity_address.address;\n            this.form.identity_address.postcode = customer.identity_address.postcode;\n            this.form.identity_address.neighborhood_no = customer.identity_address.neighborhood_no;\n            this.form.identity_address.citizen_no = customer.identity_address.citizen_no;\n            this.form.identity_address.village = customer.identity_address.village;\n            this.form.identity_address.telephone = customer.identity_address.telephone;\n            this.form.identity_address.province = customer.identity_address.province;\n            this.form.identity_address.regency = customer.identity_address.regency;\n            this.form.identity_address.district = customer.identity_address.district;\n            this.form.identity_address.ownership_status = customer.identity_address.ownership_status;\n            this.form.problem_solving = customer.problem_solving;\n            this.form.district_court = customer.district_court;\n            this.print.alamat =\n                this.form.identity_address.address +\n                \", Kel.\" +\n                this.form.identity_address.village +\n                \", Kec.\" +\n                this.form.identity_address.district +\n                \", \" +\n                this.form.identity_address.regency +\n                \", \" +\n                this.form.identity_address.province +\n                \", \" +\n                this.form.identity_address.postcode;\n        });\n    },\n\n    methods: {\n        setValueStatement(event) {\n            this.form.has_set_mandate = event;\n        },\n        setValueDispute(event) {\n            this.form.problem_solving = event;\n        },\n        setDistrictCourt(event) {\n            this.form.district_court = event;\n        },\n        changePrint() {\n            this.print.alamat =\n                this.form.identity_address.address +\n                \" Kel.\" +\n                this.form.identity_address.village +\n                \" Kec.\" +\n                this.form.identity_address.district +\n                \" \" +\n                this.form.identity_address.regency +\n                \" \" +\n                this.form.identity_address.province +\n                \" \" +\n                this.form.identity_address.postcode;\n            this.print.tanggalLahir = this.form.date_of_birth;\n            this.print.tempat_lahir = this.form.place_of_birth;\n            this.print.ktp = this.form.ktp_no;\n        },\n\n        submit() {},\n\n        registerKYC() {\n            this.isLoading = true;\n            if (this.form.problem_solving) {\n                if (this.form.has_set_mandate) {\n                    axios\n                        .put(\"/v2/kyc/customer/\" + this.idCustomer, this.form)\n                        .then((res) => {\n                            let status = res.data.data.status_code;\n                            if (status == \"00\") {\n                                this.isLoading = false;\n                                this.$router.push(\"/kode-akses\");\n                            } else if (status == \"2004\") {\n                                this.isLoading = false;\n                                this.$notify({\n                                    group: \"foo\",\n                                    title: \"<h5>Data sudah di submit</h5>\",\n                                    type: \"error\",\n                                    duration: 2000,\n                                });\n                            } else {\n                                this.$notify({\n                                    group: \"foo\",\n                                    title: \"<h5>kesalahan sistem</h5>\",\n                                    type: \"error\",\n                                    duration: 2000,\n                                });\n                            }\n                        })\n                        .catch((error) => {\n                            this.isLoading = false;\n                            console.log(error);\n                            this.$notify({\n                                group: \"foo\",\n                                title: \"Cek kembali inputan anda\",\n                                type: \"error\",\n                                duration: 2000,\n                            });\n                        });\n                } else {\n                    this.$toast.error(\"Statement Menerima belum disetujui\");\n                    this.isLoading = false;\n                }\n            } else {\n                this.$toast.error(\"Badan Penyelesaian Perselisihan pada point 24.3 belum dipilih\");\n                this.isLoading = false;\n            }\n        },\n    },\n};\n</script>\n\n<style scoped>\n.container-outline {\n    width: 70%;\n    /* background: #fff; */\n}\n\n.top-squence {\n    width: 85%;\n    border-radius: 10px 10px 0 0;\n    margin: 0 auto;\n    background: #000e22;\n    padding: 29px 20px;\n    font-size: 14px;\n}\n\n.top-squence ul {\n    display: flex;\n    justify-content: space-around;\n    align-items: center;\n    margin: 0;\n}\n\n.top-squence ul li {\n    list-style: none;\n    text-align: center;\n    font-size: 10px;\n    color: #40688e;\n    position: relative;\n    width: 91px;\n}\n\n.top-squence ul li div {\n    background: transparent;\n    border: solid 0.1px #40688e;\n    color: #40688e;\n    border-radius: 50%;\n    width: 27px;\n    font-size: 16px;\n    font-weight: 600;\n    margin: 2px auto;\n}\n\n.li-active:nth-child(3)::before {\n    border: dashed 1px #c59733;\n}\n\n.top-squence ul li div.squnce-active {\n    position: relative;\n    background: #c59733;\n    color: #000e22;\n    border: solid 0.5px #c59733;\n}\n\n.top-squence ul li div.squnce-process {\n    position: relative;\n    border: solid 0.5px #c59733;\n    color: #c59733;\n}\n\n.form-error {\n    font-size: 12px;\n    margin: 5px 210px;\n    color: #e74c3c;\n}\n\n.afiliasi {\n    width: 100%;\n    background: #2222;\n    color: #ff6f00;\n    text-align: center;\n    position: absolute;\n    left: 0;\n    top: 0;\n    margin-top: 62px;\n    padding: 10px;\n    height: 60px;\n    line-height: 2.5;\n}\n\n.afiliasi img {\n    width: 30px;\n    margin-right: 10px;\n}\n\n.kecamatan {\n    width: 39% !important;\n    margin-right: 20px;\n}\n\n.rt-rw {\n    font-size: 12px;\n    margin-right: 10px;\n}\n\n.rw {\n    margin-left: 22px;\n}\n\n.input-rt-rw {\n    width: 10% !important;\n    text-align: center;\n}\n\n.form-ttl-bagi {\n    width: 23%;\n    text-transform: lowercase;\n}\n\n.deactive {\n    display: none;\n}\n\n.clickCheck {\n    width: 17px;\n    height: 20px;\n    position: absolute;\n    top: -7px;\n    left: -2px;\n    z-index: 3;\n    cursor: pointer;\n}\n\n.npwpActive {\n    display: block;\n    transition: all 0.5s ease-out;\n    position: relative;\n    top: -20px;\n}\n\n.npwp-no {\n    font-size: 14px;\n}\n\n.content-modal {\n    background: white;\n    width: 50%;\n    margin: 5% auto;\n    padding: 20px;\n    border-radius: 10px;\n}\n\n.title-modal {\n    height: 50px;\n    font-size: 20px;\n    font-weight: bold;\n}\n\n.close {\n    margin-top: -32px;\n}\n\n.footer-modal {\n    margin: 50px 22px 10px;\n}\n\n.footer-modal div {\n    width: 100%;\n    text-align: center;\n    margin: 0 auto;\n}\n\n.show-content {\n    display: none;\n}\n\n.modalActive {\n    display: block;\n}\n\n.konfirmasi {\n    font-size: 13px;\n    margin: 50px 0 10px 0;\n    width: 96.5%;\n}\n\n.konfirmasiYa {\n    color: #2ecc71;\n}\n\n.konfirmsaiTidak {\n    color: #e74c3c;\n}\n\n.input-bappebti {\n    width: 20%;\n    display: flex;\n    justify-content: flex-end;\n}\n\n.form-platform {\n    display: flex;\n}\n\n.input-babepti[type=\"radio\"]:checked,\n.input-babepti[type=\"radio\"]:not(:checked) {\n    position: absolute;\n    left: -999999px;\n    cursor: pointer;\n}\n\n.input-babepti[type=\"radio\"]:checked + label {\n    color: #c59733;\n}\n\n.label-babepti {\n    width: 40px;\n    cursor: pointer;\n    font-weight: bold;\n}\n\n.bappebti {\n    display: flex;\n    justify-content: space-between;\n    margin-bottom: 10px;\n    font-size: 14px;\n}\n\n.bappebti span {\n    font-weight: bold;\n    margin: 0 0 0 40px;\n    cursor: pointer;\n}\n\n.bappebti span:hover {\n    text-decoration: underline;\n}\n\n.label--checkbox {\n    font-size: 13px;\n    position: relative;\n    margin-left: 20px;\n}\n\n.label-radio {\n    width: 185px;\n    cursor: pointer;\n}\n\n.outer {\n    margin: 10px 25px 10px 15px;\n}\n\n.register {\n    margin: 46px 0;\n}\n\n.pernyataan-bappebti {\n    margin-bottom: 3rem;\n}\n\n.form-checkbox {\n    display: flex;\n}\n\nform {\n    width: 83%;\n    margin: 0 auto;\n}\n\nlabel {\n    font-size: 13px;\n    width: 150px;\n    display: inline-block;\n}\n\n.detail-alamat {\n    width: 120px;\n    margin: 0 0 0 30px;\n}\n\n.form-group {\n    margin: 0 0 1rem;\n}\n\n.form-input,\nselect {\n    width: 73%;\n    font-size: 12px;\n    padding: 0.6rem 1rem;\n    height: unset;\n    border-radius: 7px;\n    border: none;\n    text-transform: capitalize;\n    color: #707070;\n    box-shadow: 0 1px 3px rgb(50 50 93 / 15%), 0 1px 0 rgb(0 0 0 / 2%);\n}\n\nselect::first-letter,\nselect::first-line {\n    text-transform: uppercase;\n}\n\n.form-input:focus,\nselect:focus {\n    box-shadow: 0 1px 3px rgb(50 50 93 / 15%), 0 1px 0 rgb(0 0 0 / 2%);\n}\n\n.tempat {\n    width: 41%;\n    margin: 0 25px 0 0;\n}\n\n.tanggal {\n    width: 29%;\n    background: transparent;\n    border: none;\n    padding-right: 10px;\n    text-transform: lowercase;\n}\n\n.birtday {\n    background: transparent;\n    border: none;\n    padding-right: 3px;\n    width: 100%;\n    text-transform: lowercase;\n}\n\n.birtday::-webkit-calendar-picker-indicator {\n    opacity: 0;\n    cursor: pointer;\n}\n\n.tanggal::-webkit-calendar-picker-indicator {\n    opacity: 0;\n    cursor: pointer;\n}\n\n.input-button {\n    height: 50px;\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    border: none;\n    background: #f8f9fe;\n    border-radius: 10px;\n    top: 0px;\n    width: 29%;\n    margin-bottom: 0;\n}\n\n.input-button::after {\n    content: \"\";\n    position: absolute;\n    width: 45px;\n    height: 43px;\n    background: url(\"../assets/calendar.svg\") no-repeat center #000e22;\n    background-size: 22px;\n    right: 0;\n    top: 0;\n    border-top-right-radius: 9px;\n    border-bottom-right-radius: 9px;\n    border-left: inherit;\n    cursor: pointer;\n}\n\n.pos-telepon {\n    width: 25%;\n}\n\n.identitas {\n    width: 20%;\n    margin: 0 27px 0 0;\n    background-position-x: 92%;\n}\n\n.no-identitas {\n    width: 50%;\n}\n\n.form-ktp-bagi {\n    width: 24%;\n    margin-right: 30px;\n}\n\n.icon-calender {\n    font-size: 20px;\n    color: white;\n}\n\n.content-register {\n    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, 0.15);\n    background: #ffffff;\n    border-radius: 5px;\n}\n\n.title {\n    font-size: 25px;\n    font-weight: bold;\n    font-stretch: normal;\n    font-style: normal;\n    margin: 0 0 50px;\n}\n\n.navigation {\n    margin: 0 0 50px;\n    font-size: 10px;\n    font-weight: 500;\n    font-stretch: normal;\n    font-style: normal;\n}\n.container {\n    width: 90%;\n    padding-top: 45px;\n}\n\n.nav-root {\n    display: flex;\n    justify-content: space-between;\n    margin: 0 0 50px;\n    position: relative;\n    /* background-color: lightcyan; */\n}\n\n.list-root {\n    list-style: none;\n    width: 40%;\n    padding: 15px;\n    text-align: center;\n    color: rgba(112, 112, 112, 0.5);\n}\n\n.active {\n    border-top-right-radius: 15px;\n    background-color: #c59733;\n    color: white;\n    position: relative;\n    text-align: center;\n    position: absolute;\n    width: 20%;\n    top: -54px;\n}\n\n.active:first-child {\n    border-top-left-radius: 15px;\n}\n\n.active:last-child {\n    border-top-right-radius: 15px;\n    border-bottom-right-radius: 0;\n}\n\ninput:disabled,\nselect:disabled {\n    cursor: not-allowed;\n}\n\n.active::before {\n    z-index: -1;\n    position: absolute;\n    content: \"\";\n    display: inline-block;\n    width: 50px;\n    height: 65px;\n    background-color: #1f354a;\n    top: -2px;\n    left: -41px;\n    border: 2px solid #000e22;\n}\n\n.active:first-child::before {\n    opacity: 0;\n}\n\n.button {\n    display: flex;\n    justify-content: space-between;\n    padding: 76px 15px;\n}\n\n.sub-title {\n    margin: 0 0 73px;\n    font-size: 18px;\n    font-weight: bold;\n}\n\n.arrow {\n    margin-left: 10px;\n    margin-right: 10px;\n    border: solid #1f354a;\n    border-width: 0 3px 3px 0;\n    display: inline-block;\n    padding: 4px;\n    transform: rotate(45deg);\n    vertical-align: super;\n}\n\n.wrap-arrow {\n    position: absolute;\n    display: inline-block;\n    width: 56px;\n    height: 48px;\n    /* border: solid 1px; */\n    right: 50px;\n    top: 1px;\n    border-radius: 10px;\n    text-align: center;\n    padding: 15px 9px;\n    background: white;\n}\n\n.konfirmasi-ktp {\n    width: 54%;\n    position: relative;\n    margin-left: auto;\n}\n\n.tanggal-aktif {\n    width: 22%;\n    text-transform: lowercase;\n}\n\n.identityActive {\n    width: 20%;\n    margin-right: 2%;\n    /* display: none; */\n}\n\n.masa-aktif {\n    font-size: 13px;\n    margin-right: 10px;\n}\n\n.activeForm {\n    display: inline-block;\n}\n\n@media (min-width: 768px) and (max-width: 1190px) {\n    .list-root {\n        font-size: 13px;\n    }\n    .active {\n        padding: 10px;\n        text-align: center;\n        font-size: 13px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n    .active::before {\n        width: 28px;\n        left: -25px;\n    }\n\n    label,\n    select,\n    .form-input,\n    .detail-alamat {\n        width: 100%;\n    }\n\n    .tempat {\n        width: 55%;\n    }\n    .tanggal {\n        width: 31%;\n    }\n    .identitas {\n        width: 35%;\n    }\n\n    .no-identitas {\n        width: 60%;\n    }\n\n    .provincy,\n    .city,\n    .kecamatan {\n        margin-left: 30px;\n        width: 94.5%;\n    }\n\n    .kode-pos {\n        margin-left: 30px;\n        width: 25%;\n    }\n\n    .input-button {\n        right: 0;\n        width: 40%;\n        top: 30px;\n    }\n}\n\n@media (max-width: 768px) {\n    .container-outline {\n        width: 90%;\n    }\n\n    li > span {\n        display: none;\n    }\n\n    .form-input,\n    select,\n    .input-button {\n        width: 100%;\n    }\n\n    .birtday,\n    .kecamatan,\n    .input-rt-rw {\n        width: 100% !important;\n        text-align: left;\n    }\n\n    .register {\n        margin: 20px 0;\n    }\n\n    .title {\n        font-size: 18px;\n        margin: 0 0 20px;\n    }\n\n    .sub-title {\n        margin-bottom: 20px;\n    }\n\n    .top-squence {\n        width: 100%;\n        padding: 15px 10px;\n    }\n\n    .container {\n        width: 100%;\n        padding: 25px 20px;\n    }\n\n    .identitas,\n    .form-ktp-bagi,\n    .tanggal-aktif,\n    .tempat,\n    .kecamatan,\n    .input-rt-rw {\n        margin: 0 0 10px;\n    }\n\n    .detail-alamat,\n    .rt-rw {\n        margin: 0 0 0.5rem;\n    }\n\n    .form-checkbox {\n        align-items: flex-start;\n    }\n\n    .label--checkbox {\n        margin-left: 10px;\n    }\n\n    .button {\n        display: block;\n        width: 100%;\n        padding: 25px 20px;\n        text-align: center;\n    }\n\n    .btn-scondary,\n    .btn-primer {\n        width: 100%;\n    }\n\n    .btn-scondary {\n        margin-bottom: 20px;\n    }\n\n    .content-modal {\n        width: 95%;\n    }\n\n    .wrap-document {\n        width: 100%;\n        padding: 30px 0;\n    }\n\n    .form-error {\n        margin-left: 0;\n    }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RegisterPemberianAmanat.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RegisterPemberianAmanat.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RegisterPemberianAmanat.vue?vue&type=template&id=823a8b18&scoped=true&\"\nimport script from \"./RegisterPemberianAmanat.vue?vue&type=script&lang=js&\"\nexport * from \"./RegisterPemberianAmanat.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RegisterPemberianAmanat.vue?vue&type=style&index=0&id=823a8b18&scoped=true&lang=css&\"\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  \"823a8b18\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RegisterPemberianAmanat.vue?vue&type=style&index=0&id=823a8b18&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./RegisterPemberianAmanat.vue?vue&type=style&index=0&id=823a8b18&scoped=true&lang=css&\""],"sourceRoot":""}