{"version":3,"file":"chunks/3730.ea52e253.js","mappings":"gLAAA,I,iCCoBA,MAAMA,EAA0B,EAAhC,gBACA,OACA,OACA,YACA,UACA,QACA,MAMA,yCACA,uBACA,MAGA,UAFA,gEAIA,oCACA,CAEA,yBACA,0CACA,CAEA,eACA,6CAEA,SACA,8BAGA,UACA,GAtBA,YADA,MACA,G,IChC0M,E,ECmB1M,GAXgB,E,SAAA,GACd,GHTW,SAASC,SAAS,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAUF,EAAIG,MAAMC,YAAY,OAAOF,EAAG,MAAM,CAACG,YAAY,4BAA4B,CAACH,EAAG,MAAM,CAACG,YAAY,mBAAmB,CAACH,EAAG,SAAS,CAACI,MAAM,CAAC,MAAQ,QAAQ,IAAMN,EAAIO,SAAS,gBAAkB,GAAG,mBAAqB,GAAG,sBAAwB,GAAG,iBAAmB,GAAG,kBAAoB,SACtW,GACsB,IGUpB,EACA,KACA,WACA,MAI8B,O,oJCUhC,wDALA,SACA,YACA,2BAGA,G,IC7BwM,E,ECmBxM,GAXgB,E,SAAA,GACd,GCLW,SAASR,SAAS,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAUF,EAAIG,MAAMC,YAAY,OAAOF,EAAG,MAAM,CAACG,YAAY,eAAe,CAACH,EAAGM,EAAA,EAAW,CAACN,EAAGO,EAAA,EAAK,CAACH,MAAM,CAAC,QAAU,WAAW,CAACJ,EAAGQ,EAAA,EAAK,CAACL,YAAY,OAAOC,MAAM,CAAC,KAAO,KAAK,GAAK,IAAI,GAAK,MAAM,CAACJ,EAAG,IAAI,CAACG,YAAY,6BAA6B,CAACL,EAAIW,GAAG,kDAAkDT,EAAG,uBAAuB,CAACG,YAAY,oBAAoBC,MAAM,CAAC,MAAQ,sDAAsD,IAAI,IAAI,IAAI,EACtf,GACsB,IDMpB,EACA,KACA,WACA,MAI8B,O","sources":["webpack://com.ampifire.user-interface/./src/components/ExternalVideoEmbed/ExternalVideoEmbed.vue?75ea","webpack://com.ampifire.user-interface/src/components/ExternalVideoEmbed/ExternalVideoEmbed.vue","webpack://com.ampifire.user-interface/./src/components/ExternalVideoEmbed/ExternalVideoEmbed.vue?7bd3","webpack://com.ampifire.user-interface/./src/components/ExternalVideoEmbed/ExternalVideoEmbed.vue?2790","webpack://com.ampifire.user-interface/src/pages/ClientCabin/OnBoarding/OnBoarding.vue","webpack://com.ampifire.user-interface/./src/pages/ClientCabin/OnBoarding/OnBoarding.vue?46a6","webpack://com.ampifire.user-interface/./src/pages/ClientCabin/OnBoarding/OnBoarding.vue?e7e1","webpack://com.ampifire.user-interface/./src/pages/ClientCabin/OnBoarding/OnBoarding.vue?4f69"],"sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return _c('div',{staticClass:\"clientcabin-custom-video\"},[_c('div',{staticClass:\"video-container\"},[_c('iframe',{attrs:{\"title\":\"video\",\"src\":_vm.embedUrl,\"allowfullscreen\":\"\",\"mozallowfullscreen\":\"\",\"webkitallowfullscreen\":\"\",\"oallowfullscreen\":\"\",\"msallowfullscreen\":\"\"}})])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"clientcabin-custom-video\">\n        <div class=\"video-container\">\n            <iframe\n                title=\"video\"\n                :src=\"embedUrl\"\n                allowfullscreen\n                mozallowfullscreen\n                webkitallowfullscreen\n                oallowfullscreen\n                msallowfullscreen\n            ></iframe>\n        </div>\n    </div>\n</template>\n\n<script lang=\"ts\">\nimport Vue from 'vue';\nimport Component from 'vue-class-component';\n\nconst ExternalVideoEmbedProps = Vue.extend({\n    props: {\n        video: {\n            type: String,\n            default() {\n                return '';\n            }\n        }\n    }\n});\n\n@Component\nexport default class ExternalVideoEmbed extends ExternalVideoEmbedProps {\n    getYouTubeEmbedCode(url: string) {\n        const regExp =\n            /^.*(youtu.be\\/|v\\/|u\\/\\w\\/|embed\\/|watch\\?v=|&v=)([^#&?]*).*/;\n\n        const match = url.match(regExp);\n\n        return match && match[2].length === 11 ? match[2] : null;\n    }\n\n    createYouTubeEmbedUrl(code: string) {\n        return `https://www.youtube.com/embed/${code}`;\n    }\n\n    get embedUrl() {\n        const code = this.getYouTubeEmbedCode(this.video);\n\n        if (code) {\n            return this.createYouTubeEmbedUrl(code);\n        }\n\n        return this.video;\n    }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.clientcabin-custom-video {\n    position: relative;\n    display: block;\n    width: 100%;\n    padding: 0;\n    overflow: hidden;\n\n    .video-container {\n        position: relative;\n        padding-bottom: 56.25%;\n        overflow: hidden;\n        max-width: 100%;\n        height: auto;\n    }\n\n    iframe {\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        border: 0;\n    }\n}\n</style>\n","import mod from \"-!../../../node_modules/ts-loader/index.js??clonedRuleSet-1.use[0]!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExternalVideoEmbed.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../node_modules/ts-loader/index.js??clonedRuleSet-1.use[0]!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExternalVideoEmbed.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./ExternalVideoEmbed.vue?vue&type=template&id=21b12cf5&scoped=true&\"\nimport script from \"./ExternalVideoEmbed.vue?vue&type=script&lang=ts&\"\nexport * from \"./ExternalVideoEmbed.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./ExternalVideoEmbed.vue?vue&type=style&index=0&id=21b12cf5&prod&lang=scss&scoped=true&\"\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  \"21b12cf5\",\n  null\n  \n)\n\nexport default component.exports","<template>\n    <div class=\"clientcabin\">\n        <v-container>\n            <v-row justify=\"center\">\n                <v-col cols=\"12\" lg=\"9\" xl=\"7\" class=\"pt-6\">\n                    <p class=\"headline text-center mb-8\">\n                        Watch this video to know what happens next\n                    </p>\n                    <external-video-embed\n                        video=\"https://fast.wistia.com/embed/iframe/97t78q06c4\"\n                        class=\"with-shadow mb-10\"\n                    />\n                </v-col>\n            </v-row>\n        </v-container>\n    </div>\n</template>\n\n<script lang=\"ts\">\nimport Vue from 'vue';\nimport Component from 'vue-class-component';\n\nimport { ExternalVideoEmbed } from '@/components/ExternalVideoEmbed';\n\n@Component({\n    components: {\n        ExternalVideoEmbed\n    }\n})\nexport default class OnBoarding extends Vue {}\n</script>\n\n<style lang=\"scss\" scoped>\n.clientcabin::v-deep {\n    color: $black;\n    background-color: $white;\n    height: 100%;\n\n    .with-shadow {\n        box-shadow: 0 0 25px hsla(0, 0%, 0%, 0.3);\n    }\n}\n</style>\n","import mod from \"-!../../../../node_modules/ts-loader/index.js??clonedRuleSet-1.use[0]!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OnBoarding.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../../node_modules/ts-loader/index.js??clonedRuleSet-1.use[0]!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./OnBoarding.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./OnBoarding.vue?vue&type=template&id=a1f711d8&scoped=true&\"\nimport script from \"./OnBoarding.vue?vue&type=script&lang=ts&\"\nexport * from \"./OnBoarding.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./OnBoarding.vue?vue&type=style&index=0&id=a1f711d8&prod&lang=scss&scoped=true&\"\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  \"a1f711d8\",\n  null\n  \n)\n\nexport default component.exports","import { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VRow } from 'vuetify/lib/components/VGrid';\n\nvar render = function render(){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return _c('div',{staticClass:\"clientcabin\"},[_c(VContainer,[_c(VRow,{attrs:{\"justify\":\"center\"}},[_c(VCol,{staticClass:\"pt-6\",attrs:{\"cols\":\"12\",\"lg\":\"9\",\"xl\":\"7\"}},[_c('p',{staticClass:\"headline text-center mb-8\"},[_vm._v(\" Watch this video to know what happens next \")]),_c('external-video-embed',{staticClass:\"with-shadow mb-10\",attrs:{\"video\":\"https://fast.wistia.com/embed/iframe/97t78q06c4\"}})],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }"],"names":["ExternalVideoEmbedProps","render","_vm","this","_c","_self","_setupProxy","staticClass","attrs","embedUrl","VContainer","VRow","VCol","_v"],"sourceRoot":""}