{"version":3,"sources":["webpack:///./src/components/PanelConfiguration/PanelStartConversationButtonAndModalUnauthenticatedSecondary.vue?f5d6","webpack:///./src/components/Breadcrumb.vue","webpack:///./src/components/Breadcrumb.vue?c1d9","webpack:///./src/views/Landing/ViewPanelProvider.vue","webpack:///./src/components/PanelConfiguration/PanelLawyerCardAndBio.vue","webpack:///./src/components/PanelConfiguration/PanelLawyerCardAndBio.vue?bd7d","webpack:///./src/components/PanelConfiguration/PanelStartConversationButtonAndModalUnauthenticatedSecondary.vue","webpack:///./src/components/PanelConfiguration/PanelStartConversationButtonAndModalUnauthenticatedSecondary.vue?1b8d","webpack:///./src/views/Landing/ViewPanelProvider.vue?d839","webpack:///./src/components/PanelConfiguration/PanelLawyerCardAndBio.vue?0f23"],"names":["class","aria-label","type","crumbs","crumb","i","active","key","$router","push","href","label","props","__exports__","render","style","panelLink","panel_configuration","display_name","isLoading","location","pricing_note","about_us","user_roles","userRole","id","user-role","user","panel-configuration","fixedPrices","length","fixedPrice","service","formatCostInPence2dp","lower_price","upper_price","hourlyPrices","hourlyPrice","role","openModal","width","name","bio","showModal","closeModal","lawyer","components","UserRoleAvatar","BioSection","SpecialitiesSection","mixins","Images","methods","this","computed","panelConfiguration","localContext","stage","specialities","speciality","selectSpeciality","for","form","disabled","isSaving","placeholder","description","rows","createAccountForm","required","email","phone","password","company_name","previousStage","canSave","nextStage","attemptCreateAccountAndStartConversation","toast","Spinner","Display","RequiresContext","Forms","password_confirmation","serverErrors","whitelabelConfigurationId","all","professionIds","map","professions","filter","s","includes","profession_id","handleUserRegistered","speciality_id","company_id","whitelabel_configuration_id","vm","a","post","window","API_BASE","wcid","then","r","data","startConversation","catch","e","console","log","setAndNotifyErrors","determineSearchParams","reset","error","errors","response","flatten","toArray","Breadcrumb","PanelLawyerCardAndBio","PanelStartConversationButtonAndModalUnauthenticatedSecondary","PanelStartConversationButtonAndModal","whitelabelConfiguration","$route","params","panel_configuration_pricings","price_type","fetch","get","panelLinkId"],"mappings":"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","file":"js/landing-view-panel.56d9ceea.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./PanelStartConversationButtonAndModalUnauthenticatedSecondary.vue?vue&type=style&index=0&id=268d61d5&scoped=true&lang=scss\"","<template>\n  <nav class=\"\" aria-label=\"Breadcrumb\">\n        <ol class=\"breadcrumb\" :class=\"{'breadcrumb-light': type == 'light'}\">\n            <li v-for=\"(crumb, i) in crumbs\" class=\"breadcrumb-item\" :class=\"{'active': crumb.active === true}\" :key=\"i\">\n                <a v-if=\"crumb.active !== true\" @click.prevent=\"() => $router.push(crumb.href)\" :href=\"crumb.href\">{{ crumb.label }}</a>\n                <template v-else>{{ crumb.label }}</template>\n            </li>\n        </ol>\n    </nav>\n</template>\n\n<script>\nexport default {\n    props: ['crumbs', 'type'],\n    setup() {\n        \n    },\n}\n</script>\n\n\n<style>\n\n</style>","import { render } from \"./Breadcrumb.vue?vue&type=template&id=0720aea3\"\nimport script from \"./Breadcrumb.vue?vue&type=script&lang=js\"\nexport * from \"./Breadcrumb.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src1746773563/src/syndesi-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <div>\n        <!-- Page Header -->\n        <section class=\"bg-dark pt-5 pb-4\">\n            <div class=\"container py-5\">\n                <h1 class=\"text-light pt-1 pt-md-3 mb-4\">\n                    {{ panelLink ? panelLink.panel_configuration.display_name : 'Loading...' }}\n                </h1>\n            </div>\n        </section>\n        <!-- / Page Header -->\n\n        <!-- Results -->\n        <section class=\"position-relative bg-white rounded-xxl-4 zindex-5\" style=\"margin-top: -30px;\">\n            <div class=\"container pt-4 pb-5 mb-md-4\">\n                <!-- Breadcrumb-->\n                <breadcrumb :crumbs=\"crumbs\" class=\"pb-4 my-2\"></breadcrumb>\n\n                <!-- Is Loading -->\n                <div v-if=\"isLoading\" class=\"text-center\">\n                    <spinner></spinner>\n                </div>\n                <!-- / Is Loading -->\n\n                <!-- No panel link -->\n                <div v-if=\"!isLoading && !panelLink\" class=\"text-center\">\n                    <p>Nothing to show here.</p>\n                </div>\n                <!-- / No panel link -->\n\n                <!-- Inside -->\n                <div class=\"inside\">\n\n                    <div class=\"row\">\n                        <div class=\"position-relative pe-lg-5 mb-5 mb-lg-0 col-lg-7 col-12\" style=\"z-index: 1025;\">\n                            <div class=\"d-flex justify-content-between mb-2\">\n                                <!-- <h2 class=\"h3 mb-0\">Partnership Manager</h2> -->\n                                <!-- <div class=\"text-end\"><span\n                                        class=\"fs-sm mb-2 badge rounded-pill bg-faded-accent\">Featured</span>\n                                    <div class=\"fs-sm text-muted\">2 hours ago</div>\n                                </div> -->\n                            </div>\n                            <ul class=\"list-unstyled fs-sm mb-4\">\n                                <!-- <li class=\"mb-2\"><a class=\"d-flex align-items-center text-decoration-none\"\n                                        href=\"#\"><i class=\"fi-external-link me-2\"></i><span\n                                            class=\"text-decoration-underline\">View Website</span></a></li> -->\n                                <li v-if=\"panelLink && panelLink.panel_configuration && panelLink.panel_configuration.location\"\n                                    class=\"d-flex align-items-center mb-2\"><i\n                                        class=\"fi-map-pin text-muted me-2\"></i><span>{{\n                                            panelLink.panel_configuration.location }}</span></li>\n                                <li v-if=\"panelLink && panelLink.panel_configuration && panelLink.panel_configuration.pricing_note\"\n                                    class=\"d-flex align-items-center mb-2\"><i\n                                        class=\"fi-cash fs-base text-muted me-2\"></i><span>{{\n                                            panelLink.panel_configuration.pricing_note }}</span></li>\n                                <!-- <li class=\"d-flex align-items-center mb-2\"><i class=\"fi-phone text-muted me-2\"></i><span\n                                        class=\"me-2\">Bessie Cooper, HR Manager</span><a href=\"#\">Show phone</a></li>\n                                <li class=\"d-flex align-items-center mb-2\"><i class=\"fi-clock text-muted me-2\"></i><span\n                                        class=\"me-2\">Full-time</span></li> -->\n                            </ul>\n                            <hr class=\"mb-4\">\n                            <h3 class=\"h6\">A Bit About Us</h3>\n                            <p>\n                                {{ panelLink ? panelLink.panel_configuration.about_us : 'Loading...' }}\n                            </p>\n                            <h3 class=\"h6 pt-4\">Meet Some Of Our Professionals</h3>\n                            <!-- <h3 class=\"h6 pt-2\">Company offers:</h3>\n                            <ul class=\"list-unstyled\">\n                                <li class=\"d-flex\"><span class=\"text-primary fs-lg me-2\">•</span>Et mattis sit imperdiet\n                                    risus, fermentum ultrices non.</li>\n                                <li class=\"d-flex\"><span class=\"text-primary fs-lg me-2\">•</span>Sed phasellus consequat\n                                    nunc enim interdum tristique ultrices egestas.</li>\n                                <li class=\"d-flex\"><span class=\"text-primary fs-lg me-2\">•</span>Molestie mus ultrices\n                                    tellus enim.</li>\n                                <li class=\"d-flex\"><span class=\"text-primary fs-lg me-2\">•</span>Vitae pulvinar massa id\n                                    lorem aliquam fermentum egestas.</li>\n                                <li class=\"d-flex\"><span class=\"text-primary fs-lg me-2\">•</span>Dictumst blandit sit mauris\n                                    in consectetur.</li>\n                                <li class=\"d-flex\"><span class=\"text-primary fs-lg me-2\">•</span>Sem purus lorem odio donec\n                                    faucibus ipsum ultricies.</li>\n                            </ul> -->\n\n                            <!-- <p class=\"pt-2 mb-1\"> -->\n                            <!-- {{ panelLink ? panelLink.panel_configuration.user_roles : 'Loading...' }} -->\n                            <!-- </p> -->\n\n                            <div class=\"row\">\n                                <div class=\"col-lg-6\" v-for=\"userRole in panelLink.panel_configuration.user_roles\"\n                                    :key=\"`panel-lawyer-${userRole.id}`\">\n                                    <div class=\"mb-3\">\n                                        <panel-lawyer-card-and-bio :user-role=\"userRole\"></panel-lawyer-card-and-bio>\n                                    </div>\n                                </div>\n                            </div>\n\n                            <!-- <p class=\"pt-2 mb-1\">Please, send your CV marked “Partnership Manager” in the subject via\n                                e-mail:</p><a class=\"nav-link-muted fw-bold\"\n                                href=\"mailto:contact@example.com\">contact@example.com</a> -->\n                            <hr class=\"my-4\">\n                            <!-- <div role=\"group\" class=\"btn-group btn-group-lg\"><button type=\"button\"\n                                    class=\"rounded-pill rounded-end-0 ps-4 pe-3 btn btn-primary\">Click here to start a\n                                    conversation</button><button type=\"button\"\n                                    class=\"border-end-0 border-top-0 border-bottom-0 border-light rounded-pill rounded-start-0 px-3 btn btn-primary\"><i\n                                        class=\"fi-messenger me-1\"></i></button></div> -->\n\n                            <panel-start-conversation-button-and-modal-unauthenticated-secondary\n                                v-if=\"!user\"\n                                :panel-configuration=\"panelLink.panel_configuration\"></panel-start-conversation-button-and-modal-unauthenticated-secondary>\n\n                            <panel-start-conversation-button-and-modal\n                                v-if=\"user\" type=\"secondary\"\n                                :panel-configuration=\"panelLink.panel_configuration\">\n                            </panel-start-conversation-button-and-modal>\n\n                        </div>\n                        <aside class=\"col-lg-5 col-12\" style=\"margin-top: -6rem;\">\n                            <div class=\"sticky-top\" style=\"padding-top: 6rem;\">\n                                <div class=\"shadow-sm mb-3 mb-lg-0 card\">\n                                    <div class=\"card-body\">\n                                        <h2 class=\"h3 mb-4\">Pricing Estimates</h2>\n\n                                        <!-- Fixed Prices -->\n                                        <div v-if=\"fixedPrices && fixedPrices.length\">\n                                            <h6>Fixed Prices</h6>\n                                            <table class=\"table table-responsive\">\n                                                <thead>\n                                                    <tr>\n                                                        <th>Description</th>\n                                                        <th>Guideline Price (Ex VAT)</th>\n                                                    </tr>\n                                                </thead>\n                                                <tbody>\n                                                    <tr v-for=\"(fixedPrice, i) in fixedPrices\"\n                                                        :key=\"`fixed-price-${i}`\">\n                                                        <td>{{ fixedPrice.service }}</td>\n                                                        <td>{{ formatCostInPence2dp(fixedPrice.lower_price) }} <span\n                                                                v-if=\"fixedPrice.upper_price\"> - {{\n                                                                    formatCostInPence2dp(fixedPrice.upper_price) }}</span>\n                                                        </td>\n                                                    </tr>\n                                                </tbody>\n                                            </table>\n                                        </div>\n                                        <!-- / Fixed Prices -->\n\n                                        <!-- Hourly Prices -->\n                                        <div v-if=\"hourlyPrices && hourlyPrices.length\"\n                                            :class=\"{ 'mt-5': (hourlyPrices.length && fixedPrices.length) }\">\n                                            <h6>Hourly Prices</h6>\n                                            <table class=\"table table-responsive\">\n                                                <thead>\n                                                    <tr>\n                                                        <th>Description</th>\n                                                        <th>Guideline Price (Ex VAT)</th>\n                                                    </tr>\n                                                </thead>\n                                                <tbody>\n                                                    <tr v-for=\"(hourlyPrice, i) in hourlyPrices\"\n                                                        :key=\"`hourly-price-${i}`\">\n                                                        <td>{{ hourlyPrice.service }}</td>\n                                                        <td>{{ formatCostInPence2dp(hourlyPrice.lower_price) }} <span\n                                                                v-if=\"hourlyPrice.upper_price\"> - {{\n                                                                    formatCostInPence2dp(hourlyPrice.upper_price) }}</span>\n                                                            /\n                                                            hour</td>\n                                                    </tr>\n                                                </tbody>\n                                            </table>\n                                        </div>\n                                        <!-- / Hourly Prices -->\n\n                                        <!-- <hr class=\"my-4\">\n                                        <div class=\"d-flex align-items-end\">\n                                            <div class=\"fs-lg fw-bold me-3\">Like our jobs?<br>Receive vacancies in Telegram\n                                            </div><a href=\"#\"\n                                                class=\"btn btn-icon btn-xs rounded-circle btn-translucent-primary\"><i\n                                                    class=\"fi-telegram\"></i></a>\n                                        </div> -->\n                                    </div>\n                                </div>\n\n                            </div>\n                        </aside>\n                    </div>\n\n                </div>\n                <!-- / Inside -->\n\n                <!-- {{ panelLink }} -->\n\n            </div>\n        </section>\n        <!-- / Results -->\n\n    </div>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nimport Spinner from '../../components/Spinner.vue'\nimport axios from 'axios';\nimport Display from '../../mixins/Display';\nimport Breadcrumb from '../../components/Breadcrumb.vue';\nimport PanelLawyerCardAndBio from '../../components/PanelConfiguration/PanelLawyerCardAndBio.vue';\nimport _ from 'lodash';\nimport PanelStartConversationButtonAndModalUnauthenticatedSecondary from '../../components/PanelConfiguration/PanelStartConversationButtonAndModalUnauthenticatedSecondary.vue';\nimport PanelStartConversationButtonAndModal from '../../components/PanelConfiguration/PanelStartConversationButtonAndModal.vue';\n\nexport default {\n    data() {\n        return {\n            isLoading: false,\n            panelLink: null\n        }\n    },\n\n    mixins: [Display],\n\n    components: { Spinner, Breadcrumb, PanelLawyerCardAndBio, PanelStartConversationButtonAndModalUnauthenticatedSecondary, PanelStartConversationButtonAndModal },\n\n    computed: {\n        ...mapGetters('whitelabelConfiguration', {\n            whitelabelConfiguration: 'whitelabelConfiguration'\n        }),\n\n        ...mapGetters('auth', {\n            user: 'user'\n        }),\n\n        crumbs() {\n            return [\n                {\n                    href: \"/landing\",\n                    label: this.whitelabelConfiguration ? this.whitelabelConfiguration.display_name + ' Professionals' : 'Loading...',\n                },\n                {\n                    href: \"/landing\",\n                    label: \"Professionals We Recommend\",\n                },\n                {\n                    href: \"#\",\n                    label: this.panelLink ? this.panelLink.panel_configuration.display_name : 'Loading...',\n                    active: true,\n                },\n            ];\n        },\n\n        panelLinkId() {\n            return this.$route.params.id;\n        },\n\n        fixedPrices() {\n            if (!this.panelLink) {\n                return [];\n            }\n            return _.filter(this.panelLink.panel_configuration.panel_configuration_pricings, { price_type: 'fixed' });\n        },\n\n        hourlyPrices() {\n            if (!this.panelLink) {\n                return [];\n            }\n            return _.filter(this.panelLink.panel_configuration.panel_configuration_pricings, { price_type: 'hourly' });\n        }\n    },\n\n    created() {\n        // If no whitelebel configuration, redirect to landing\n        if (!this.whitelabelConfiguration) {\n            this.$router.push('/');\n        }\n\n        this.fetch();\n    },\n\n    methods: {\n        fetch() {\n            let vm = this;\n            vm.isLoading = true;\n            vm.panelLink = null;\n            axios.get(window.API_BASE + '/whitelabel-configurations/' + vm.whitelabelConfiguration.id + '/panel/' + vm.panelLinkId)\n                .then(function (response) {\n                    vm.panelLink = response.data;\n                    vm.isLoading = false;\n                })\n                .catch(function (error) {\n                    vm.isLoading = false;\n                    console.log(error);\n                    vm.$router.push('/landing');\n                });\n        }\n    }\n}\n</script>\n\n<style></style>","<template>\n    <div>\n        <div @click.prevent=\"openModal\" class=\"card card-hover panel-lawyer-card bg-secondary rounded-3 p-4\">\n            <div class=\"left\">\n                <user-role-avatar class=\"d-none d-sm-block rounded-circle\" :user-role=\"userRole\"\n                    width=\"80\"></user-role-avatar>\n            </div>\n            <div class=\"right\">\n                <b>{{ userRole.name }}</b>\n                <p class=\"mt-1 mb-0 pb-1 small\">\n                    {{ userRole.bio }}\n                </p>\n            </div>\n        </div>\n\n        <vue-final-modal v-model=\"showModal\">\n            <div class=\"modal-dialog\" role=\"document\" v-if=\"userRole\">\n                <div class=\"modal-content\">\n                    <div class=\"modal-header border-bottom-0\">\n                        <h5 class=\"modal-title\">\n                            Lawyer Details\n                            <!--            {{ lawyer.user.name }}-->\n                        </h5>\n                        <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" @click=\"closeModal\"></button>\n                    </div>\n                    <div class=\"modal-body\">\n                        <bio-section :lawyer=\"userRole\">\n                        </bio-section>\n                        <hr>\n                        <specialities-section :lawyer=\"userRole\"></specialities-section>\n                    </div>\n                    <!--        <div class=\"modal-footer\">-->\n                    <!--          <button type=\"button\" class=\"btn btn-secondary btn-sm\" @click.prevent=\"$emit('close')\">Close</button>-->\n                    <!--         -->\n                    <!--        </div>-->\n                </div>\n            </div>\n        </vue-final-modal>\n    </div>\n</template>\n  \n<script>\nimport Images from \"../../mixins/Images\";\nimport BioSection from '../../views/FindALawyer/FindALawyer/Stages/ReviewLawyers/Results/LawyerMoreDetailsModal/BioSection.vue';\nimport UserRoleAvatar from '../UserRoleAvatar.vue';\nimport SpecialitiesSection from '../../views/FindALawyer/FindALawyer/Stages/ReviewLawyers/Results/LawyerMoreDetailsModal/SpecialitiesSection.vue';\nimport _ from 'lodash';\n\nexport default {\n    name: \"PanelLawyerCardAndBio\",\n    components: { UserRoleAvatar, BioSection, SpecialitiesSection },\n    props: ['userRole'],\n    mixins: [Images],\n    data() {\n        return {\n            showModal: false\n        }\n    },\n    methods: {\n        openModal() {\n            this.showModal = true;\n        },\n\n        closeModal() {\n            this.showModal = false;\n        }\n    },\n    computed: {\n\n    }\n}\n</script>\n  \n<style scoped lang=\"scss\">\n.panel-lawyer-card {\n    display: flex;\n    flex-direction: row;\n    margin-left: auto;\n    margin-right: auto;\n\n    &:hover {\n        cursor: pointer;\n    }\n\n    .left {\n        width: 100px;\n        min-width: 100px;\n        flex-shrink: 1;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n    }\n\n    .right {\n        flex-grow: 1;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        text-align: left;\n    }\n}\n</style>","import { render } from \"./PanelLawyerCardAndBio.vue?vue&type=template&id=051ca713&scoped=true\"\nimport script from \"./PanelLawyerCardAndBio.vue?vue&type=script&lang=js\"\nexport * from \"./PanelLawyerCardAndBio.vue?vue&type=script&lang=js\"\n\nimport \"./PanelLawyerCardAndBio.vue?vue&type=style&index=0&id=051ca713&scoped=true&lang=scss\"\n\nimport exportComponent from \"/codebuild/output/src1746773563/src/syndesi-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-051ca713\"]])\n\nexport default __exports__","<template>\n    <div class=\"panel-pricing-wrapper\">\n\n        <div role=\"group\" class=\"btn-group btn-group-lg\"><button @click.prevent=\"openModal\" type=\"button\"\n                class=\"rounded-pill rounded-end-0 ps-4 pe-3 btn btn-primary\">Click here to start a\n                conversation</button><button @click.prevent=\"openModal\" type=\"button\"\n                class=\"border-end-0 border-top-0 border-bottom-0 border-light rounded-pill rounded-start-0 px-3 btn btn-primary\"><i\n                    class=\"fi-messenger me-1\"></i></button>\n        </div>\n\n\n        <!-- Modal -->\n        <vue-final-modal v-model=\"showModal\">\n            <div class=\"modal-dialog\" role=\"document\" v-if=\"panelConfiguration\">\n                <div class=\"modal-content\">\n                    <div class=\"modal-header border-bottom-0\">\n                        <h5 class=\"modal-title\">\n                            Start Conversation With {{ panelConfiguration.display_name }}\n                        </h5>\n                        <button type=\"button\" class=\"btn-close\" aria-label=\"Close\" @click=\"closeModal\"></button>\n                    </div>\n                    <div class=\"modal-body\" v-if=\"localContext\" style=\"text-align: left;\">\n\n                        <!-- Select speciality -->\n                        <div v-if=\"stage == 0\">\n\n                            <p>\n                                What does your enquiry relate to?\n                            </p>\n\n                            <div class=\"speciality\">\n                                <a v-for=\"(speciality, i) in specialities\" :key=\"i\"\n                                    @click.prevent=\"selectSpeciality(speciality)\" href=\"#\"\n                                    class=\"btn btn-outline-primary me-2 mb-1\">\n                                    {{ speciality.name }}\n                                </a>\n                            </div>\n\n                        </div>\n                        <!-- / Select speciality -->\n\n                        <!-- Has selected speciality -->\n                        <div v-if=\"stage == 1\" class=\"recommend-form\">\n                            <!-- Speciality -->\n                            <div class=\"mb-3\">\n                                <label class=\"form-label\" for=\"speciality\">Speciality:</label> {{ form.speciality.name }}\n                            </div>\n                            <!-- / Speciality -->\n\n\n                            <!-- Job Description -->\n                            <div class=\"mb-4\">\n                                <label class=\"form-label\" for=\"jobDescription\">What would you like to discuss?</label>\n                                <textarea :disabled=\"isSaving\"\n                                    placeholder=\"Just a bit of detail to help your professionals with the context, including whether you prefer fixed or variable fees\"\n                                    v-model=\"form.description\" rows=\"4\" class=\"form-control\" id=\"jobDescription\" />\n                            </div>\n                            <!-- / Job Description -->\n\n\n                        </div>\n                        <!-- / Has selected speciality -->\n\n                        <!-- Setup account -->\n                        <div v-if=\"stage == 2\">\n\n                            <div class=\"row\">\n                                <div class=\"col-md-6\">\n                                    <div class=\"mb-4\">\n                                        <label class=\"form-label\" for=\"name\">Your Name <span\n                                                class=\"text-danger\">*</span></label>\n                                        <input v-model=\"createAccountForm.name\" class=\"form-control form-control-lg\"\n                                            type=\"text\" id=\"name\" :disabled=\"isSaving\" placeholder=\"Enter your name\"\n                                            required>\n                                    </div>\n                                </div>\n\n                                <div class=\"col-md-6\">\n                                    <div class=\"mb-4\">\n                                        <label class=\"form-label\" for=\"email\">Your Email <span\n                                                class=\"text-danger\">*</span></label>\n                                        <input v-model=\"createAccountForm.email\" class=\"form-control form-control-lg\"\n                                            type=\"text\" id=\"email\" :disabled=\"isSaving\" placeholder=\"Enter your email\"\n                                            required>\n                                    </div>\n                                </div>\n                            </div>\n\n\n                            <div class=\"row\">\n                                <div class=\"col-md-6\">\n                                    <div class=\"mb-4\">\n                                        <label class=\"form-label\" for=\"phone\">Phone Number<span\n                                                class=\"text-danger\">*</span></label>\n                                        <input v-model=\"createAccountForm.phone\" class=\"form-control form-control-lg\"\n                                            type=\"tel\" id=\"phone\" :disabled=\"isSaving\"\n                                            placeholder=\"Enter your mobile number\" required>\n                                    </div>\n                                </div>\n                                <div class=\"col-md-6\">\n                                    <div class=\"mb-4\">\n                                        <label class=\"form-label\" for=\"password\">Password <span\n                                                class=\"text-danger\">*</span></label>\n                                        <input v-model=\"createAccountForm.password\" class=\"form-control form-control-lg\"\n                                            type=\"password\" id=\"password\" :disabled=\"isSaving\"\n                                            placeholder=\"Enter a password\" required>\n                                    </div>\n                                </div>\n                            </div>\n\n                            <div class=\"row\">\n                                <div class=\"col-md-12\">\n                                    <div class=\"mb-4\">\n                                        <label class=\"form-label\" for=\"companyName\">Company Name (If Applicable)</label>\n                                        <input v-model=\"createAccountForm.company_name\" class=\"form-control form-control-lg\"\n                                            type=\"text\" id=\"companyName\" :disabled=\"isSaving\"\n                                            placeholder=\"Enter your company name\">\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <!-- / Setup account -->\n\n                    </div>\n\n                    <!-- Go to speciality stage -->\n                    <div class=\"modal-footer\" v-if=\"localContext && form.speciality && stage == 1\">\n                        <button type=\"button\" class=\"btn btn-secondary btn-sm\" @click.prevent=\"previousStage\">Back</button>\n                        <button :disabled=\"!canSave || isSaving\" @click.prevent=\"nextStage\" type=\"button\"\n                            class=\"btn btn-primary btn-sm\">\n                            <spinner v-if=\"isSaving\" class=\"spinner-border-sm me-2\"></spinner>\n                            Next\n                        </button>\n                    </div>\n                    <!-- / Go to speciality stage -->\n\n                    <!-- Setup account stage -->\n                    <div class=\"modal-footer\" v-if=\"localContext && form.speciality && stage == 2\">\n                        <button type=\"button\" class=\"btn btn-secondary btn-sm\" @click.prevent=\"previousStage\">Back</button>\n                        <button :disabled=\"!canSave || isSaving\" @click.prevent=\"attemptCreateAccountAndStartConversation\"\n                            type=\"button\" class=\"btn btn-primary btn-sm\">\n                            <spinner v-if=\"isSaving\" class=\"spinner-border-sm me-2\"></spinner>\n\n                            {{ isSaving ? 'Creating Account...' : 'Create Account & Start Conversation' }}\n                        </button>\n                    </div>\n                    <!-- / Setup account stage -->\n\n                </div>\n            </div>\n        </vue-final-modal>\n        <!-- / Modal -->\n    </div>\n</template>\n\n<script>\nimport _ from 'lodash';\nimport Display from '../../mixins/Display';\nimport RequiresContext from '../../mixins/RequiresContext';\nimport Spinner from '../Spinner.vue';\nimport { useToast } from 'vue-toastification';\nconst toast = useToast();\nimport axios from 'axios';\nimport { mapGetters, mapActions } from 'vuex';\nimport Forms from '../../mixins/Forms';\n\nexport default {\n    props: ['panelConfiguration'],\n    components: { Spinner },\n    mixins: [Display, RequiresContext, Forms],\n    data() {\n        return {\n            showModal: false,\n\n            stage: 0,\n\n            form: {\n                speciality: null,\n                description: '',\n            },\n\n            createAccountForm: {\n                name: '',\n                email: '',\n                phone: '',\n                password: '',\n                password_confirmation: '',\n                company_name: ''\n            },\n\n            isSaving: false,\n            serverErrors: []\n        }\n    },\n    computed: {\n        ...mapGetters('whitelabelConfiguration', {\n            whitelabelConfigurationId: 'whitelabelConfigurationId'\n        }),\n\n        canSave() {\n            return this.form.speciality && this.form.description;\n        },\n\n        specialities() {\n            let all = this.localContext ? this.localContext.specialities : [];\n            let professionIds = _.map(this.panelConfiguration.professions, 'id');\n            return _.filter(all, s => professionIds.includes(s.profession_id));\n        }\n    },\n    methods: {\n        ...mapActions('auth', {\n            handleUserRegistered: 'handleUserRegistered'\n        }),\n\n        reset() {\n            this.form = {\n                speciality: null,\n                description: '',\n            };\n        },\n\n        clearSpeciality() {\n            this.form.speciality = null;\n            this.stage = 0;\n        },\n\n        selectSpeciality(speciality) {\n            this.form.speciality = speciality;\n            this.stage = 1;\n        },\n\n        determineSearchParams() {\n            return {\n                speciality_id: this.form.speciality ? this.form.speciality.id : null,\n                description: this.form.description,\n                company_id: this.panelConfiguration.company_id,\n                whitelabel_configuration_id: this.whitelabelConfigurationId\n            };\n        },\n\n        openModal() {\n            this.showModal = true;\n        },\n\n        closeModal() {\n            this.showModal = false;\n        },\n\n        nextStage() {\n            if (this.stage == 0) {\n                this.stage++;\n            }\n            if (this.stage == 1) {\n                if (this.canSave) {\n                    this.stage++;\n                }\n            }\n            if (this.stage > 1) {\n                return false;\n            }\n        },\n\n        previousStage() {\n            if (this.stage > 0) {\n                this.stage--;\n            }\n        },\n\n        attemptCreateAccountAndStartConversation() {\n            let vm = this;\n            vm.isSaving = true;\n            axios.post(window.API_BASE + '/client-register', {\n                name: vm.createAccountForm.name,\n                email: vm.createAccountForm.email,\n                password: vm.createAccountForm.password,\n                // password_confirmation: vm.form.password_confirmation,\n                password_confirmation: vm.createAccountForm.password,\n                phone: vm.createAccountForm.phone,\n                company_name: vm.createAccountForm.company_name,\n                wcid: vm.whitelabelConfigurationId\n            }).then(r => {\n                vm.handleUserRegistered(r.data).then(r => {\n                    vm.isSaving = false;\n                    vm.startConversation();\n                    // vm.$emit('registered');\n                }).catch(e => {\n                    console.log(e);\n                    vm.isSaving = false;\n                    vm.setAndNotifyErrors(e);\n                });\n            }).catch(e => {\n                console.log(e);\n                vm.isSaving = false;\n                vm.setAndNotifyErrors(e);\n            });\n        },\n\n        startConversation() {\n            this.isSaving = true;\n            this.serverErrors = [];\n\n            axios.post(window.API_BASE + '/jobs/start-conversation-with-panel-provider', this.determineSearchParams())\n                .then(r => {\n                    this.isSaving = false;\n                    this.showModal = false;\n                    this.reset();\n                    this.$router.push('/jobs/' + r.data.id);\n                })\n                .catch(error => {\n                    this.isSaving = false;\n                    let errors;\n                    if (typeof e.response.data === 'object') {\n                        errors = _.flatten(_.toArray(e.response.data.errors));\n                    } else {\n                        errors = ['Something went wrong. Please try again.'];\n                    }\n                    this.serverErrors = errors;\n                    toast.error('There was an error starting your conversation. Please try again.');\n                });\n        }\n    }\n}\n</script>\n\n<style scoped lang=\"scss\">\n.panel-pricing-wrapper {\n    width: 100%;\n}\n\n.btn-outline-primary {\n    color: rgb(var(--primary-colour)) !important;\n    border-color: rgb(var(--primary-colour)) !important;\n}\n\n.btn-outline-primary:hover {\n    background-color: rgb(var(--primary-colour)) !important;\n    color: white !important;\n}\n</style>","import { render } from \"./PanelStartConversationButtonAndModalUnauthenticatedSecondary.vue?vue&type=template&id=268d61d5&scoped=true\"\nimport script from \"./PanelStartConversationButtonAndModalUnauthenticatedSecondary.vue?vue&type=script&lang=js\"\nexport * from \"./PanelStartConversationButtonAndModalUnauthenticatedSecondary.vue?vue&type=script&lang=js\"\n\nimport \"./PanelStartConversationButtonAndModalUnauthenticatedSecondary.vue?vue&type=style&index=0&id=268d61d5&scoped=true&lang=scss\"\n\nimport exportComponent from \"/codebuild/output/src1746773563/src/syndesi-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-268d61d5\"]])\n\nexport default __exports__","import { render } from \"./ViewPanelProvider.vue?vue&type=template&id=a88cfabe\"\nimport script from \"./ViewPanelProvider.vue?vue&type=script&lang=js\"\nexport * from \"./ViewPanelProvider.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/codebuild/output/src1746773563/src/syndesi-frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./PanelLawyerCardAndBio.vue?vue&type=style&index=0&id=051ca713&scoped=true&lang=scss\""],"sourceRoot":""}