{"version":3,"sources":["webpack:///./src/shared/ui/image-uploader.vue","webpack:///./src/shared/ui/image-uploader.vue?a256","webpack:///./src/app/settings/profile/Profile.vue","webpack:///./src/app/settings/profile/Profile.vue?120a","webpack:///./src/app/settings/profile/Profile.vue?5602"],"names":["class","style","xmlns","width","height","viewBox","stroke-width","stroke","fill","stroke-linecap","stroke-linejoin","d","cx","cy","r","clip-path","id","transform","accept","type","onFileChange","data","photo","src","alt","initials","length","selectFile","removePhoto","name","emits","props","Object","required","String","default","base64ImageString","methods","toBase64","file","Promise","resolve","reject","reader","FileReader","readAsDataURL","onload","result","onerror","error","event","target","files","$emit","this","$refs","pictureUpload","click","__exports__","render","for","client","logo","imageChange","to","saveChanges","components","ImageUploader","created","getDetails","loader","$loading","show","getClientDetail","console","hide","value","updateClientDetail","then","response","window","location","reload","catch","finally"],"mappings":"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","file":"js/profile.4b5905ba.js","sourcesContent":["<template>\n    <input ref=\"pictureUpload\"\n        accept=\"image/*\"\n        style=\"display: none\"\n        type=\"file\"\n        @change=\"onFileChange\"/>\n    <div class=\"relative inline-block\">\n        <span v-if=\"data.photo\">\n            <img :src=\"data.photo\" alt=\"Profile image\"\n                 class=\"inline-block object-cover rounded-full\" style=\"width: 126px; height: 126px;\"/>\n        </span>\n        <span v-else>\n            <span class=\"inline-block object-cover rounded-full bg-primary\"\n                style=\"width: 126px; height: 126px;\">\n                <span class=\"flex h-full justify-center items-center text-white\" :class=\"{ 'text-4xl': initials.length <= 2, 'text-2xl': initials.length > 2 }\">\n                    <template v-if=\"initials.length\">{{ initials }}</template>\n                    <template v-else>\n                        <svg xmlns=\"http://www.w3.org/2000/svg\"\n                            class=\"icon icon-tabler icon-tabler-user\"\n                            width=\"60\" height=\"60\" viewBox=\"0 0 24 24\"\n                            stroke-width=\"1.5\" stroke=\"currentColor\"\n                            fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path stroke=\"none\" d=\"M0 0h24v24H0z\" />\n                            <circle cx=\"12\" cy=\"7\" r=\"4\" />\n                            <path d=\"M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2\" />\n                        </svg>\n                    </template>\n                </span>\n            </span>\n        </span>\n\n        <!-- mode when there is no photo value -->\n        <span v-if=\"!data.photo\" class=\"absolute bottom-0 right-0 inline-block bg-white border-2 border-white rounded-full cursor-pointer\"\n              style=\"height: 35px; width: 35px;\" @click=\"selectFile\">\n            <span class=\"flex justify-center items-center mt-1\">\n                <svg fill=\"none\" height=\"19\" viewBox=\"0 0 19 19\" width=\"19\"\n                     xmlns=\"http://www.w3.org/2000/svg\">\n                    <g clip-path=\"url(#clip0)\">\n                        <path\n                            d=\"M17.4659 15.1451C17.4659 15.5462 17.3065 15.9308 17.0229 16.2145C16.7393 16.4981 16.3546 16.6574 15.9535 16.6574H2.34242C1.94132 16.6574 1.55665 16.4981 1.27303 16.2145C0.989414 15.9308 0.830078 15.5462 0.830078 15.1451V6.82716C0.830078 6.42606 0.989414 6.04139 1.27303 5.75777C1.55665 5.47415 1.94132 5.31481 2.34242 5.31481H5.36711L6.87946 3.0463H11.4165L12.9288 5.31481H15.9535C16.3546 5.31481 16.7393 5.47415 17.0229 5.75777C17.3065 6.04139 17.4659 6.42606 17.4659 6.82716V15.1451Z\"\n                            stroke=\"#195680\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                            stroke-width=\"1.5\"/>\n                        <path\n                            d=\"M9.14798 13.6327C10.8185 13.6327 12.1727 12.2785 12.1727 10.608C12.1727 8.93753 10.8185 7.58333 9.14798 7.58333C7.47749 7.58333 6.12329 8.93753 6.12329 10.608C6.12329 12.2785 7.47749 13.6327 9.14798 13.6327Z\"\n                            stroke=\"#195680\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\n                            stroke-width=\"1.5\"/>\n                    </g>\n                    <defs>\n                        <clipPath id=\"clip0\">\n                        <rect fill=\"white\" height=\"18.1481\" transform=\"translate(0.0739746 0.777771)\"\n                              width=\"18.1481\"/>\n                        </clipPath>\n                    </defs>\n                </svg>\n            </span>\n        </span>\n\n        <!-- Edit mode when there is a photo value -->\n        <span v-if=\"data.photo\"\n            class=\"absolute bottom-0 right-0 inline-block bg-white border-2 border-white rounded-full cursor-pointer\"\n            style=\"height: 35px; width: 35px;\" @click=\"removePhoto\">\n            <span class=\"flex justify-center items-center mt-1\">\n                <svg fill=\"#195680\" height=\"19px\" viewBox=\"0 0 24 24\" width=\"19px\"\n                    xmlns=\"http://www.w3.org/2000/svg\">\n                    <path d=\"M 10 2 L 9 3 L 4 3 L 4 5 L 5 5 L 5 20 C 5 20.522222 5.1913289 21.05461 5.5683594 21.431641 C 5.9453899 21.808671 6.4777778 22 7 22 L 17 22 C 17.522222 22 18.05461 21.808671 18.431641 21.431641 C 18.808671 21.05461 19 20.522222 19 20 L 19 5 L 20 5 L 20 3 L 15 3 L 14 2 L 10 2 z M 7 5 L 17 5 L 17 20 L 7 20 L 7 5 z M 9 7 L 9 18 L 11 18 L 11 7 L 9 7 z M 13 7 L 13 18 L 15 18 L 15 7 L 13 7 z\"/>\n                </svg>\n            </span>\n        </span>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: \"image-uploader\",\n    emits: ['imageUpload'],\n    props: {\n        data: {\n            type: Object,\n            required: true\n        },\n        initials: {\n            type: String,\n            required: false,\n            default: ''\n        }\n    },\n    data() {\n        return {\n            base64ImageString: ''\n        }\n    },\n    methods: {\n        toBase64(file) {\n            return new Promise((resolve, reject) => {\n                const reader = new FileReader()\n                reader.readAsDataURL(file)\n                reader.onload = () => resolve(reader.result)\n                reader.onerror = error => reject(error)\n            })\n        },\n\n        async onFileChange(event) {\n            this.base64ImageString = await this.toBase64(event.target.files[0])\n            this.$emit('imageUpload', this.base64ImageString)\n        },\n\n        removePhoto() {\n            this.$emit('imageUpload', null)\n        },\n\n        selectFile() {\n            this.$refs.pictureUpload.click()\n        }\n    }\n}\n</script>\n\n<style scoped>\n\n</style>","import { render } from \"./image-uploader.vue?vue&type=template&id=d9cee904&scoped=true\"\nimport script from \"./image-uploader.vue?vue&type=script&lang=js\"\nexport * from \"./image-uploader.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src1686717128/src/curacel-hmo-client-webapp/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-d9cee904\"]])\n\nexport default __exports__","<template>\n    <div class=\"w-full mx-auto slide-in\">\n        <div class=\"flex justify-center items-center\">\n            <div class=\"bg-white w-4/5 border border-gray-300 rounded\">\n                <div class=\"tracking-wide text-sm text-header-color px-8 py-4 font-semibold\">\n                    <div class=\"flex justify-start items-center\">\n                        <svg xmlns=\"http://www.w3.org/2000/svg\"\n                            class=\"icon icon-tabler icon-tabler-user\"\n                            width=\"20\" height=\"20\" viewBox=\"0 0 24 24\"\n                            stroke-width=\"1.5\" stroke=\"currentColor\"\n                            fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                            <path stroke=\"none\" d=\"M0 0h24v24H0z\" />\n                            <circle cx=\"12\" cy=\"7\" r=\"4\" />\n                            <path d=\"M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2\" />\n                        </svg>\n                        Profile Settings\n                    </div>\n                </div>\n\n                <div class=\"border-t border-gray-200\" />\n                <div class=\"contents\">\n                    <div class=\"image-section\">\n                        <image-uploader :data=\"{ photo: client.logo }\" @imageUpload=\"imageChange\"/>\n                    </div>\n                    <div class=\"details-section\">\n                        <div>\n                            <label for=\"client-name\" class=\"block text-sm font-medium text-gray-700\">\n                                Name\n                            </label>\n                            <input id=\"client-name\"\n                                v-model=\"client.name\"\n                                class=\"input-design\"\n                                name=\"client-name\"/>\n                        </div>\n                        <div class=\"buttons\">\n                            <router-link class=\"no-underline text-white\" to=\"/client/settings/password\">\n                                <button class=\"button-design\">\n                                    Change Password\n                                </button>\n                            </router-link>\n                            <button class=\"button-design\" @click=\"saveChanges\">Save Changes</button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n<script>\nimport clientService from \"../../../services/client/client-service\";\nimport ImageUploader from \"@/shared/ui/image-uploader\";\n\nexport default {\n    name: 'Profile',\n    components: { ImageUploader },\n    data() {\n        return {\n            client: {\n                name: '',\n                logo: null\n            },\n        }\n    },\n    created() {\n        this.getDetails()\n    },\n    methods: {\n        async getDetails() {\n            let loader = this.$loading.show()\n            try {\n                const { data } = await clientService.getClientDetail()\n                const { name, logo } = data.data\n                this.client = { name, logo }\n            } catch (error) {\n                console.error(error)\n            } finally {\n                loader.hide()\n            }\n        },\n\n        imageChange(value) {\n            this.client.logo = value\n        },\n\n        saveChanges() {\n            let loader = this.$loading.show()\n            clientService.updateClientDetail(this.client)\n                .then(response => {\n                    window.location.reload()\n                })\n                .catch(error => {\n                    console.error(error)\n                })\n                .finally(() => {\n                    loader.hide()\n                })\n        }\n    }\n}\n</script>\n<style scoped>\n.contents {\n    display: flex;\n    justify-content: space-evenly;\n    align-items: center;\n    padding: 2em;\n    margin: 1em 0;\n}\n.input-design {\n    width: 100%;\n    border-radius: 0.5em;\n    border: 1px solid grey;\n    height: 3em;\n    margin: 0.5em 0;\n    padding: 0.5em;\n}\n.button-design {\n  @apply focus:outline-none w-full bg-primary rounded text-white px-8 py-3 text-sm mt-6\n}\n.details-section {\n    width: 60%;\n}\n</style>","import { render } from \"./Profile.vue?vue&type=template&id=6508d66a&scoped=true\"\nimport script from \"./Profile.vue?vue&type=script&lang=js\"\nexport * from \"./Profile.vue?vue&type=script&lang=js\"\n\nimport \"./Profile.vue?vue&type=style&index=0&id=6508d66a&scoped=true&lang=css\"\n\nimport exportComponent from \"/codebuild/output/src1686717128/src/curacel-hmo-client-webapp/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6508d66a\"]])\n\nexport default __exports__","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/cli-service/node_modules/vue-loader-v16/dist/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/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--0-1!./Profile.vue?vue&type=style&index=0&id=6508d66a&scoped=true&lang=css\""],"sourceRoot":""}