{"version":3,"sources":["webpack:///./src/components/RegisterPemberitahuanResiko.vue?72c9","webpack:///src/components/RegisterPemberitahuanResiko.vue","webpack:///./src/components/RegisterPemberitahuanResiko.vue?ca33","webpack:///./src/components/RegisterPemberitahuanResiko.vue","webpack:///./src/components/RegisterPemberitahuanResiko.vue?c7ee"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","id","title","print","form","has_set_risk","on","checkStatement","directives","name","rawName","value","ifCheck","expression","resiko","staticRenderFns","component"],"mappings":"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","file":"js/chunk-258d4066.fefb7954.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: 10, title: 'resiko' }}})],1),_c('div',{staticClass:\"content-register\"},[_c('div',{staticClass:\"container\"},[_c('resiko',{attrs:{\"dataPrint\":_vm.print,\"statementRisk\":_vm.form.has_set_risk},on:{\"updateValue\":_vm.checkStatement}}),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.ifCheck == 404),expression:\"ifCheck == 404\"}],staticClass:\"error\"},[_vm._v(\" Pernyataan telah membaca dan memahami belum disetujui \")]),_c('div',{staticClass:\"button\"},[_c('router-link',{attrs:{\"to\":\"/disclosure2\"}},[_c('button',{staticClass:\"btn-scondary\"},[_vm._v(\"Sebelumnya\")])]),_c('button',{staticClass:\"btn-primer\",attrs:{\"type\":\"submit\"},on:{\"click\":_vm.resiko}},[(_vm.isLoading)?_c('b-spinner',{attrs:{\"small\":\"\"}}):_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: 10, title: 'resiko' }\" />\n            </div>\n            <div class=\"content-register\">\n                <div class=\"container\">\n                    <resiko :dataPrint=\"print\" :statementRisk=\"form.has_set_risk\" @updateValue=\"checkStatement\" />\n                    <div class=\"error\" v-show=\"ifCheck == 404\">\n                        Pernyataan telah membaca dan memahami belum disetujui\n                    </div>\n                    <div class=\"button\">\n                        <router-link to=\"/disclosure2\"><button class=\"btn-scondary\">Sebelumnya</button></router-link>\n                        <!-- <router-link to=\"/amanat\"> -->\n                        <button class=\"btn-primer\" type=\"submit\" @click=\"resiko\">\n                            <b-spinner small 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 Resiko from \"../assets/filedownload/Resiko.vue\";\nimport HeadRegister from \"./component/HeadRegister.vue\";\n\nexport default {\n    components: {\n        Resiko,\n        HeadRegister,\n    },\n\n    data() {\n        return {\n            today: \"\",\n            dataUser: \"\",\n            ifCheck: \"\",\n            isLoading: \"\",\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            },\n            form: {\n                has_set_trading_simulation: \"\",\n                has_confirm_costumer: \"\",\n                has_investment_experience: \"\",\n                has_set_company_profile: \"\",\n                has_set_investment_experience: \"\",\n                has_set_mandate: \"\",\n                has_set_risk: false,\n                has_set_trading_rules: \"\",\n                step: \"risk\",\n                completeness_verification: \"\",\n                disclosure_customer: \"\",\n                disclosure_risk: false,\n                disclosure_mandate: \"\",\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    computed: {\n        customerId() {\n            return this.$store.getters.customerData._id;\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        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/employment/\" + this.customerId).then((res) => {\n            this.print.pekerjaan = res.data.data.employment.occupation_type.name;\n            this.print.jabatanNasabah = res.data.data.employment.position_type.name;\n            this.print.noKantor = res.data.data.employment.company_address.telephone;\n        });\n\n        axios.get(\"/v2/kyc/customer\").then((res) => {\n            let customer = res.data.data.customer;\n            this.idCustomer = customer._id;\n            this.form.has_set_investment_experience = customer.has_set_investment_experience;\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_set_company_profile = customer.has_set_company_profile;\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.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\n            let data = document.getElementsByName(\"chek\");\n            let validateCheck = document.getElementsByName(\"check\");\n            if (this.form.has_set_risk) {\n                validateCheck[0].checked = true;\n                for (let i = 0; i < data.length; i++) {\n                    data[i].checked = true;\n                }\n            }\n        });\n    },\n\n    methods: {\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        checkStatement(value) {\n            this.form.has_set_risk = value;\n        },\n\n        registerKYC() {\n            this.isLoading = true;\n            this.form.citizenship = \"wni\";\n            let methode;\n            if (this.idCustomer) {\n                methode = {\n                    url: \"/v2/kyc/customer/\" + this.idCustomer,\n                    method: \"PUT\",\n                    data: this.form,\n                };\n            } else {\n                methode = {\n                    url: \"/v2/kyc/customer\",\n                    method: \"POST\",\n                    data: this.form,\n                };\n            }\n            axios(methode)\n                .then((res) => {\n                    let status = res.data.data.status_code;\n                    if (status == \"00\") {\n                        this.isLoading = false;\n                        this.$router.push(\"/register-datapribadi\");\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        },\n        resiko() {\n            this.isLoading = true;\n            this.ifCheck = \"\";\n            let chek = [];\n            let data = document.getElementsByName(\"chek\");\n            for (let i = 0; i < data.length; i++) {\n                if (data[i].checked) {\n                    chek.push(data[i].checked);\n                }\n            }\n            if (chek.length != data.length) {\n                this.ifCheck = 404;\n                this.isLoading = false;\n            } else {\n                if (this.form.has_set_risk) {\n                    axios.put(\"/v2/kyc/customer/\" + this.idCustomer, this.form).then((res) => {\n                        let status = res.data.data.status_code;\n                        if (status == \"00\") {\n                            this.isLoading = false;\n                            this.$router.push(\"/disclosure3\");\n                        }\n                    });\n                } else {\n                    this.isLoading = false;\n                    this.$toast.error(\"Pernyataan menerima belum disetujui\");\n                }\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!./RegisterPemberitahuanResiko.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!./RegisterPemberitahuanResiko.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RegisterPemberitahuanResiko.vue?vue&type=template&id=16921c7e&scoped=true&\"\nimport script from \"./RegisterPemberitahuanResiko.vue?vue&type=script&lang=js&\"\nexport * from \"./RegisterPemberitahuanResiko.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RegisterPemberitahuanResiko.vue?vue&type=style&index=0&id=16921c7e&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  \"16921c7e\",\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!./RegisterPemberitahuanResiko.vue?vue&type=style&index=0&id=16921c7e&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!./RegisterPemberitahuanResiko.vue?vue&type=style&index=0&id=16921c7e&scoped=true&lang=css&\""],"sourceRoot":""}