{"version":3,"sources":["webpack:///./src/mixins/LeadFormMixin.js","webpack:///./src/views/campaigns/components/steps/components/AdsetAds/components/LeadFormMobilePreview/main-preview.vue?2467","webpack:///./src/views/campaigns/components/steps/components/AdsetAds/components/LeadFormMobilePreview/main-preview.vue?1397","webpack:///src/views/campaigns/components/steps/components/AdsetAds/components/LeadFormMobilePreview/main-preview.vue","webpack:///./src/views/campaigns/components/steps/components/AdsetAds/components/LeadFormMobilePreview/main-preview.vue?f41c","webpack:///./src/views/campaigns/components/steps/components/AdsetAds/components/LeadFormMobilePreview/main-preview.vue","webpack:///./src/views/campaigns/components/steps/components/AdsetAds/components/LeadFormMobilePreview/custom-preview.vue?4222","webpack:///src/views/campaigns/components/steps/components/AdsetAds/components/LeadFormMobilePreview/custom-preview.vue","webpack:///./src/views/campaigns/components/steps/components/AdsetAds/components/LeadFormMobilePreview/custom-preview.vue?acaf","webpack:///./src/views/campaigns/components/steps/components/AdsetAds/components/LeadFormMobilePreview/custom-preview.vue","webpack:///./src/views/campaigns/components/steps/components/AdsetAds/components/LeadFormMobilePreview/custom-preview.vue?ba6f"],"names":["LeadFormMixin","data","MIN_POPUP_QUESTIONS","process","VUE_APP_LEAD_FORM_MIN_POPUP_QUESTIONS","leadFormConfigs","questionTypes","created","this","loadSpeakolConfigs","en","ar","forEach","qname","title","placeholder","push","name","text","methods","getQuestionLocale","key","lang","value","trans","window","axios","get","hideLoader","params","response","payload","render","_vm","_h","$createElement","_c","_self","staticClass","class","editing","attrs","_v","_s","$t","popupAnswers","length","screenNum","PAGES","FIRST","form","lang_iso2_code","LANGS","EN","AR","intro","previewHeadline","description","previewDescription","isPropertyChecked","FULL_NAME_KEY","_e","EMAIL_KEY","WHATSAPP_NUMBER_KEY","PHONE_NUMBER_KEY","properties","_l","question","enum","map","answer","label","scopedSlots","_u","fn","option","replace","active","thank_you","on","$event","moveToPage","SECOND","staticRenderFns","mixins","props","required","type","Object","Boolean","Number","components","CustomQuestionsPreview","NUMBER_KEY","DEFAULT_QUESTIONS","PRIMITIVE_QUESTIONS","watch","scrollToBottom","questionsScroll","scrollTop","scrollHeight","document","querySelector","clientHeight","$parent","pageNumber","propertyName","primitive","component","index","answers"],"mappings":"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","file":"js/chunk-12f7ec8e.c3a02630.js","sourcesContent":["export const LeadFormMixin  = {\n  data() {\n    return {\n      MIN_POPUP_QUESTIONS: process.env.VUE_APP_LEAD_FORM_MIN_POPUP_QUESTIONS | 5,\n      leadFormConfigs: [],\n      questionTypes: []\n    }\n  },\n\n  async created() {\n    this.leadFormConfigs = await this.loadSpeakolConfigs()\n\n    const {en, ar} = this.leadFormConfigs[0]['value']['trans'];\n\n    this.leadFormConfigs[0]['value']['groups']['custom'].forEach(qname => {\n      const title = `${qname}.title`\n      const placeholder = `${qname}.placeholder`\n\n      this.questionTypes.push({\n        name: title,\n        text: {\n          en: en[title],\n          ar: ar[title]\n        },\n        placeholder: {\n          en: en[placeholder],\n          ar: ar[placeholder]\n        }\n      })\n    });\n  },\n\n  methods: {\n    getQuestionLocale(key, lang) {\n      if (this.leadFormConfigs[0]) {\n        return this.leadFormConfigs[0].value.trans[lang][key]\n      }\n\n      return ''\n    },\n\n    async loadSpeakolConfigs () {\n      const response = await window.axios.get('/speakol-configs', {\n        hideLoader: true,\n        params: {\n          'namespaces': ['lead_form'],\n          'keys': ['default_form_settings']\n        }\n      })\n\n      return response.data.payload\n    }\n  }\n}\n","export * from \"-!../../../../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./main-preview.vue?vue&type=style&index=0&id=73209d34&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lead-form-live-preview-parent\",class:{'lead-form-live-preview-parent-edit-campaign': _vm.editing},attrs:{\"id\":\"live-preview\"}},[_c('div',{staticClass:\"relative\"},[_c('h4',[_vm._v(_vm._s(_vm.$t('Mobile preview')))]),_c('div',{class:{'opacity-40': _vm.popupAnswers.length > 0}},[(_vm.screenNum === _vm.PAGES.FIRST)?_c('div',{class:[_vm.value.form.lang_iso2_code === _vm.LANGS.EN ? 'english-form-first-screen' : 'arabic-form-first-screen']},[_c('div',{staticClass:\"mockup-parent\",class:{'arabic-version-first-screen': _vm.value.form.lang_iso2_code === _vm.LANGS.AR}},[_c('div',{staticClass:\"scroll-parent\",attrs:{\"id\":\"scroll-parent\"}},[_c('div',{staticClass:\"close-icon-parent\"},[_c('vs-icon',{attrs:{\"icon\":\"speakol-cancel\",\"icon-pack\":\"speakol\"}})],1),_c('div',{staticClass:\"section-box headline\"},[_c('h4',{staticClass:\"break-words\"},[_vm._v(_vm._s(_vm.value.form.intro.title || _vm.previewHeadline))]),_c('p',{staticClass:\"break-words\"},[_vm._v(_vm._s(_vm.value.form.intro.description || _vm.previewDescription))])]),_c('div',{staticClass:\"section-box contact-information space-y-6 relative questions-list\",class:[_vm.value.form.lang_iso2_code === _vm.LANGS.EN ? 'text-left' : 'text-right']},[_c('h4',[_vm._v(_vm._s(_vm.getQuestionLocale('contact_info.title', _vm.value.form.lang_iso2_code)))]),(_vm.isPropertyChecked(_vm.FULL_NAME_KEY))?_c('div',[_c('label',[_vm._v(_vm._s(_vm.getQuestionLocale('full_name.title', _vm.value.form.lang_iso2_code)))]),_c('input',{attrs:{\"type\":\"text\",\"placeholder\":_vm.getQuestionLocale('full_name.placeholder', _vm.value.form.lang_iso2_code)}})]):_vm._e(),(_vm.isPropertyChecked(_vm.EMAIL_KEY))?_c('div',[_c('label',[_vm._v(_vm._s(_vm.getQuestionLocale('email.title', _vm.value.form.lang_iso2_code)))]),_c('input',{attrs:{\"type\":\"text\",\"placeholder\":_vm.getQuestionLocale('email.placeholder', _vm.value.form.lang_iso2_code)}})]):_vm._e(),(_vm.isPropertyChecked(_vm.WHATSAPP_NUMBER_KEY))?_c('div',[_c('label',[_vm._v(_vm._s(_vm.getQuestionLocale('whatsapp_number.title', _vm.value.form.lang_iso2_code)))]),_c('input',{attrs:{\"type\":\"text\",\"placeholder\":_vm.getQuestionLocale('whatsapp_number.placeholder', _vm.value.form.lang_iso2_code)}})]):_vm._e(),(_vm.isPropertyChecked(_vm.PHONE_NUMBER_KEY))?_c('div',[_c('label',[_vm._v(_vm._s(_vm.getQuestionLocale('phone_number.title', _vm.value.form.lang_iso2_code)))]),_c('input',{attrs:{\"type\":\"text\",\"placeholder\":_vm.getQuestionLocale('phone_number.placeholder', _vm.value.form.lang_iso2_code)}})]):_vm._e(),(_vm.value.form.properties.custom)?_c('div',{staticClass:\"custom-questions\",attrs:{\"dir\":_vm.value.form.lang_iso2_code === _vm.LANGS.EN ? 'ltr': 'rtl'}},_vm._l((_vm.value.form.properties.custom),function(question){return _c('div',{key:question.title,staticClass:\"mb-6\"},[_c('label',[_vm._v(_vm._s(_vm.getQuestionLocale(question.title, _vm.value.form.lang_iso2_code) || 'Question'))]),(question.enum)?_c('div',[(question.enum.length >= _vm.MIN_POPUP_QUESTIONS)?_c('div',{staticClass:\"flex justify-between cursor-pointer\"},[_c('v-select',{staticClass:\"w-full border-none\",attrs:{\"options\":question.enum.map(function (answer) {\n                        return {\n                          label: answer\n                        }\n                      }),\"searchable\":false,\"clearable\":false,\"placeholder\":_vm.$t((\"create_campaign.lead_form.preview.select_option_\" + (_vm.value.form.lang_iso2_code))),\"dir\":_vm.value.form.lang_iso2_code === _vm.LANGS.EN ? 'ltr': 'rtl'},scopedSlots:_vm._u([{key:\"option\",fn:function(option){return [_c('div',{staticClass:\"break-words\"},[_vm._v(_vm._s(option.label))])]}}],null,true)})],1):_c('div',[_c('custom-questions-preview',{attrs:{\"answers\":question.enum,\"lang\":_vm.value.form.lang_iso2_code}})],1)]):_c('span',[_c('input',{attrs:{\"type\":\"text\",\"placeholder\":_vm.getQuestionLocale(question.title.replace('.title', '.placeholder'), _vm.value.form.lang_iso2_code)}})])])}),0):_vm._e()]),_c('div',{staticClass:\"section-box privacy\"},[_c('h4',[_vm._v(_vm._s(_vm.getQuestionLocale('privacy.title', _vm.value.form.lang_iso2_code)))]),_c('p',[_vm._v(_vm._s(_vm.getQuestionLocale('privacy.description', _vm.value.form.lang_iso2_code)))])])]),_c('div',{staticClass:\"form-action\"},[_c('button',[_vm._v(_vm._s(_vm.getQuestionLocale('cta.title', _vm.value.form.lang_iso2_code)))])])])]):_c('div',{class:[_vm.value.form.lang_iso2_code === _vm.LANGS.EN ? 'english-form-first-screen' : 'arabic-form-first-screen text-right']},[_c('div',{staticClass:\"mockup-parent thank-you-page\",class:{'arabic-version-first-screen text-right': _vm.value.form.lang_iso2_code === _vm.LANGS.AR}},[_c('div',{staticClass:\"close-icon-parent\"},[_c('vs-icon',{attrs:{\"icon\":\"speakol-cancel\",\"icon-pack\":\"speakol\"}})],1),_c('div',{staticClass:\"thank-you-screen-parent\",class:{active : _vm.value.form.thank_you.description.length > 70}},[_c('vs-icon',{attrs:{\"icon-pack\":\"speakol\",\"icon\":\"speakol-verified\"}}),_c('h4',{staticClass:\"break-words\"},[_vm._v(_vm._s(_vm.value.form.thank_you.title))]),_c('p',{staticClass:\"break-words\"},[_vm._v(_vm._s(_vm.value.form.thank_you.description))])],1)])]),_c('div',{staticClass:\"arrows\"},[_c('vs-icon',{staticClass:\"left-arrow\",class:{ 'disable-arrows': _vm.screenNum == 1 },attrs:{\"icon-pack\":\"speakol\",\"icon\":\"speakol-arrow-right\"},on:{\"click\":function($event){return _vm.moveToPage(_vm.PAGES.FIRST)}}}),_c('h5',[_vm._v(_vm._s(_vm.screenNum)+\"/2\")]),_c('vs-icon',{class:{ 'disable-arrows': _vm.screenNum == 2 },attrs:{\"icon-pack\":\"speakol\",\"icon\":\"speakol-arrow-right\"},on:{\"click\":function($event){return _vm.moveToPage(_vm.PAGES.SECOND)}}})],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <!-- live preivew -->\n  <div id=\"live-preview\" class=\"lead-form-live-preview-parent\" :class=\"{'lead-form-live-preview-parent-edit-campaign': editing}\">\n    <div class=\"relative\">\n      <h4>{{ $t('Mobile preview') }}</h4>\n      <div :class=\"{'opacity-40': popupAnswers.length > 0}\">\n        <!-- preview-form-first-screen -->\n        <div v-if=\"screenNum === PAGES.FIRST\" :class=\"[value.form.lang_iso2_code === LANGS.EN ? 'english-form-first-screen' : 'arabic-form-first-screen']\">\n          <div class=\"mockup-parent\" :class=\"{'arabic-version-first-screen': value.form.lang_iso2_code === LANGS.AR}\">\n          <div id=\"scroll-parent\" class=\"scroll-parent\">\n            <div class=\"close-icon-parent\">\n              <vs-icon class=\"\" icon=\"speakol-cancel\" icon-pack=\"speakol\"></vs-icon>\n            </div>\n\n            <div class=\"section-box headline\">\n              <h4 class=\"break-words\">{{ value.form.intro.title || previewHeadline }}</h4>\n              <p class=\"break-words\">{{ value.form.intro.description || previewDescription }}</p>\n            </div>\n\n            <div class=\"section-box contact-information space-y-6 relative questions-list\" :class=\"[value.form.lang_iso2_code === LANGS.EN ? 'text-left' : 'text-right']\">\n              <h4>{{ getQuestionLocale('contact_info.title', value.form.lang_iso2_code) }}</h4>\n\n              <div v-if=\"isPropertyChecked(FULL_NAME_KEY)\">\n                <label>{{ getQuestionLocale('full_name.title', value.form.lang_iso2_code) }}</label>\n                <input type=\"text\" :placeholder=\"getQuestionLocale('full_name.placeholder', value.form.lang_iso2_code)\">\n              </div>\n\n              <div v-if=\"isPropertyChecked(EMAIL_KEY)\">\n                <label>{{ getQuestionLocale('email.title', value.form.lang_iso2_code) }}</label>\n                <input type=\"text\" :placeholder=\"getQuestionLocale('email.placeholder', value.form.lang_iso2_code)\">\n              </div>\n\n              <div v-if=\"isPropertyChecked(WHATSAPP_NUMBER_KEY)\">\n                <label>{{ getQuestionLocale('whatsapp_number.title', value.form.lang_iso2_code) }}</label>\n                <input type=\"text\" :placeholder=\"getQuestionLocale('whatsapp_number.placeholder', value.form.lang_iso2_code)\">\n              </div>\n\n              <div v-if=\"isPropertyChecked(PHONE_NUMBER_KEY)\">\n                <label>{{ getQuestionLocale('phone_number.title', value.form.lang_iso2_code) }}</label>\n                <input type=\"text\" :placeholder=\"getQuestionLocale('phone_number.placeholder', value.form.lang_iso2_code)\">\n              </div>\n\n              <div v-if=\"value.form.properties.custom\" class=\"custom-questions\" :dir=\"value.form.lang_iso2_code === LANGS.EN ? 'ltr': 'rtl'\">\n                <div v-for=\"(question) in value.form.properties.custom\" :key=\"question.title\" class=\"mb-6\">\n                  <label>{{ getQuestionLocale(question.title, value.form.lang_iso2_code) || 'Question' }}</label>\n                  <div v-if=\"question.enum\">\n                     <div v-if=\"question.enum.length >= MIN_POPUP_QUESTIONS\" class=\"flex justify-between cursor-pointer\">\n                      <v-select\n                        :options=\"question.enum.map(answer => {\n                          return {\n                            label: answer\n                          }\n                        })\"\n                        :searchable=\"false\"\n                        :clearable=\"false\"\n                        class=\"w-full border-none\"\n                        :placeholder=\"$t(`create_campaign.lead_form.preview.select_option_${value.form.lang_iso2_code}`)\"\n                        :dir=\"value.form.lang_iso2_code === LANGS.EN ? 'ltr': 'rtl'\"\n                      >\n                        <template v-slot:option=\"option\">\n                          <div class=\"break-words\">{{option.label}}</div>\n                        </template>\n                      </v-select>\n                    </div>\n\n                    <div v-else>\n                      <custom-questions-preview :answers=\"question.enum\" :lang=\"value.form.lang_iso2_code\"></custom-questions-preview>\n                    </div>\n                  </div>\n\n                  <span v-else>\n                    <input type=\"text\" :placeholder=\"getQuestionLocale(question.title.replace('.title', '.placeholder'), value.form.lang_iso2_code)\">\n                  </span>\n                </div>\n              </div>\n            </div>\n\n            <div class=\"section-box privacy\">\n              <h4>{{ getQuestionLocale('privacy.title', value.form.lang_iso2_code) }}</h4>\n\n              <p>{{ getQuestionLocale('privacy.description', value.form.lang_iso2_code) }}</p>\n            </div>\n          </div>\n\n          <div class=\"form-action\">\n            <button>{{ getQuestionLocale('cta.title', value.form.lang_iso2_code) }}</button>\n          </div>\n          </div>\n        </div>\n        <!-- preview-form-first-screen -->\n\n        <!-- preview-form-second-screen -->\n        <div v-else :class=\"[value.form.lang_iso2_code === LANGS.EN ? 'english-form-first-screen' : 'arabic-form-first-screen text-right']\">\n          <div class=\"mockup-parent thank-you-page\" :class=\"{'arabic-version-first-screen text-right': value.form.lang_iso2_code === LANGS.AR}\">\n            <div class=\"close-icon-parent\">\n              <vs-icon class=\"\" icon=\"speakol-cancel\" icon-pack=\"speakol\"></vs-icon>\n            </div>\n\n            <div :class=\"{active : value.form.thank_you.description.length > 70}\" class=\"thank-you-screen-parent\">\n              <vs-icon icon-pack=\"speakol\" icon=\"speakol-verified\" class=\"\"></vs-icon>\n              <h4 class=\"break-words\">{{ value.form.thank_you.title }}</h4>\n              <p class=\"break-words\">{{ value.form.thank_you.description }}</p>\n            </div>\n          </div>\n        </div>\n        <!-- preview-form-second-screen -->\n\n        <div class=\"arrows\">\n          <vs-icon v-bind:class=\"{ 'disable-arrows': screenNum == 1 }\" @click=\"moveToPage(PAGES.FIRST)\" icon-pack=\"speakol\" icon=\"speakol-arrow-right\" class=\"left-arrow\"></vs-icon>\n          <h5>{{ screenNum }}/2</h5>\n          <vs-icon v-bind:class=\"{ 'disable-arrows': screenNum == 2 }\" @click=\"moveToPage(PAGES.SECOND)\" icon-pack=\"speakol\" icon=\"speakol-arrow-right\"></vs-icon>\n        </div>\n      </div>\n    </div>\n  </div>\n  <!-- live preivew -->\n</template>\n\n<script>\nimport CustomQuestionsPreview from './custom-preview.vue'\nimport { LeadFormMixin } from '@/mixins/LeadFormMixin.js'\n\nexport default {\n  mixins: [LeadFormMixin],\n  props: {\n    value: {\n      required: true,\n      type: Object\n    },\n    editing: {\n      required: true,\n      type: Boolean\n    },\n    screenNum: {\n      required: true,\n      type: Number\n    }\n  },\n  components: {\n    CustomQuestionsPreview\n  },\n\n  data () {\n    return {\n      FULL_NAME_KEY: 'full_name',\n      EMAIL_KEY: 'email',\n      NUMBER_KEY: 'number',\n      PHONE_NUMBER_KEY: 'phone_number',\n      WHATSAPP_NUMBER_KEY: 'whatsapp_number',\n      DEFAULT_QUESTIONS: ['full_name', 'email'],\n      PRIMITIVE_QUESTIONS: ['full_name', 'email', 'number', 'phone_number', 'whatsapp_number'],\n      LANGS: {\n        EN: 'en',\n        AR: 'ar'\n      },\n      PAGES: {\n        FIRST: 1,\n        SECOND: 2\n      },\n      previewHeadline: 'Headline',\n      previewDescription: 'Description',\n      popupAnswers: []\n    }\n  },\n\n  watch: {\n    'value.form.lang_iso2_code' () {\n      this.value.form.thank_you.title = this.$t(`create_campaign.lead_form.creation.thank_you_title_default_${this.value.form.lang_iso2_code}`)\n      this.value.form.thank_you.description = this.$t(`create_campaign.lead_form.creation.thank_you_desc_default_${this.value.form.lang_iso2_code}`)\n\n      this.previewHeadline = this.$t(`create_campaign.lead_form.preview.headline_${this.value.form.lang_iso2_code}`)\n      this.previewDescription = this.$t(`create_campaign.lead_form.preview.description_${this.value.form.lang_iso2_code}`)\n    }\n  },\n\n  methods: {\n    scrollToBottom () {\n      const questionsScroll = document.getElementById('scroll-parent')\n\n      questionsScroll.scrollTop = questionsScroll.scrollHeight - document.querySelector('.privacy').clientHeight - 350\n    },\n\n    moveToPage (pageNumber) {\n      this.$parent.$parent.moveToPage(pageNumber)\n    },\n\n    isPropertyChecked (propertyName) {\n      return propertyName in this.value.form.properties.primitive\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n/deep/ .vs-input--label {\n  padding-left: 0 !important;\n}\n\n.custom-questions {\n  /deep/ .v-select {\n    width: 100%;\n\n    .vs__dropdown-toggle {\n      border: none;\n      border-bottom: 1px solid #c2c2c2;\n    }\n  }\n}\n\n.lead-form-live-preview-parent-edit-campaign {\n  position: unset !important;\n  height: auto !important;\n}\n\n.lead-form-live-preview-parent {\n  position: sticky;\n  top: 70px;\n  height: 70vh;\n\n  h4 {\n    color: #000;\n    font-weight: 500;\n    margin-bottom: 24px;\n  }\n\n  .thank-you-page {\n    height: 420px;\n    max-height: 420px;\n    overflow-y: auto;\n    padding: 16px 8px 8px 7px !important;\n  }\n\n  .english-form-first-screen {\n    .close-icon-parent {\n      margin-right: 8px;\n    }\n  }\n\n  .arabic-version-first-screen,\n  .arabic-version-second-screen {\n    h4,\n    p,\n    input,\n    label,\n    .label-parent {\n      text-align: right;\n    }\n\n    .close-icon-parent {\n      text-align: left !important;\n    }\n  }\n\n  .mockup-parent {\n    background: #fafafa;\n    box-shadow: 0 0 4px rgba(0, 0, 0, 0.24);\n    border-radius: 8px;\n    padding: 16px 0 8px 7px;\n\n    label {\n      color: #797a7b;\n      font-weight: 500;\n      font-size: 14px;\n    }\n\n    input {\n      border: none;\n      border-bottom: 1px solid #c2c2c2;\n      outline: none;\n      box-shadow: none;\n      display: block;\n      margin-top: 8px;\n      padding-bottom: 6px;\n      width: 100%;\n    }\n\n    input::placeholder {\n      color: #c2c2c2;\n      font-size: 14px;\n    }\n\n    .scroll-parent {\n      height: 360px;\n      max-height: 360px;\n      overflow-y: auto;\n      overflow-x: hidden;\n      position: relative;\n    }\n\n    .close-icon-parent {\n      margin-bottom: 24px;\n      text-align: right;\n\n      i {\n        opacity: 0.5;\n        background: #323232;\n        color: white;\n        font-size: 13px !important;\n        border-radius: 100%;\n        padding: 5.5px;\n      }\n    }\n\n    .privacy {\n      line-height: 24px;\n    }\n\n    .section-box {\n      background-color: white;\n      box-shadow: 0 0 2px rgba(0, 0, 0, 0.24);\n      border-radius: 4px;\n      margin-bottom: 16px;\n      padding: 16px;\n      margin-left: 1px;\n      margin-right: 8px;\n\n      h4 {\n        color: #323232;\n        font-size: 16px;\n        font-weight: 500;\n        margin-bottom: 6px;\n      }\n\n      p {\n        color: #797a7b;\n        font-size: 14px;\n        font-weight: normal;\n      }\n    }\n\n    .contact-information {\n      h4 {\n        margin-bottom: 24px;\n      }\n    }\n\n    .form-action {\n      button {\n        width: 97.2%;\n        background: #0092d7;\n        border-radius: 4px;\n        color: white;\n        height: 36px;\n        font-size: 14px;\n        border: none;\n        outline: none;\n        font-weight: normal;\n      }\n    }\n\n    .thank-you-screen-parent {\n      background: #fff;\n      box-shadow: 0 0 2px rgba(0, 0, 0, 0.24);\n      border-radius: 4px;\n      text-align: center;\n      padding: 48px 8px;\n      margin-top: 80px;\n\n      i {\n        color: #21ba45;\n        font-size: 40px !important;\n      }\n\n      h4 {\n        color: #323232;\n        font-weight: bold;\n        font-size: 16px;\n        margin-bottom: 6px;\n        margin-top: 24px;\n        text-align: center;\n      }\n\n      p {\n        color: #797a7b;\n        font-weight: 300;\n        font-size: 14px;\n        text-align: center;\n      }\n    }\n  }\n\n  .arrows {\n    text-align: center;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-top: 32px;\n\n    .disable-arrows {\n      color: #c2c2c2 !important;\n      cursor: not-allowed !important;\n    }\n\n    .left-arrow {\n      transform: rotate(180deg);\n    }\n\n    i {\n      font-size: 12px !important;\n      font-weight: 900;\n      cursor: pointer;\n      color: #323232;\n    }\n\n    h5 {\n      color: #323232;\n      font-size: 14px;\n      font-weight: 300px;\n      margin-left: 16px;\n      margin-right: 16px;\n    }\n  }\n\n  /deep/ .vs__dropdown-option {\n    white-space: break-spaces;;\n  }\n}\n\n@media (max-width: 768px) {\n  .lead-form-live-preview-parent {\n    position: unset;\n    top: 0;\n    height: auto;\n  }\n}\n\n.scroll-parent::-webkit-scrollbar {\n  width: 7px;\n}\n\n.scroll-parent::-webkit-scrollbar-track {\n  border-radius: 4px;\n}\n\n.scroll-parent::-webkit-scrollbar-thumb {\n  border-radius: 4px;\n  background: gray;\n}\n\n.thank-you-page::-webkit-scrollbar {\n  width: 7px;\n}\n\n.thank-you-page::-webkit-scrollbar-track {\n  border-radius: 4px;\n}\n\n.thank-you-page::-webkit-scrollbar-thumb {\n  border-radius: 4px;\n  background: gray;\n}\n\ntextarea::-webkit-scrollbar {\n  width: 7px;\n}\n\ntextarea::-webkit-scrollbar-track {\n  border-radius: 4px;\n}\n\ntextarea::-webkit-scrollbar-thumb {\n  border-radius: 4px;\n  background: gray;\n}\n\n.active {\n  margin-bottom: 118px !important;\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!./main-preview.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!./main-preview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./main-preview.vue?vue&type=template&id=73209d34&scoped=true&\"\nimport script from \"./main-preview.vue?vue&type=script&lang=js&\"\nexport * from \"./main-preview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./main-preview.vue?vue&type=style&index=0&id=73209d34&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  \"73209d34\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},_vm._l((_vm.answers),function(answer,index){return _c('div',{key:index,staticClass:\"bg-white flex justify-between items-center w-full py-2 space-x-2\",class:{'drp-menu': index < _vm.answers.length - 1}},[_c('div',{staticClass:\"cursor-pointer break-all\"},[_vm._v(\"\\n      \"+_vm._s(answer || (_vm.lang === 'en' ? (\"Answer \" + (index+1)) : (\" اجابة رقم \" + (index+1))))+\"\\n    \")]),_c('div',{staticClass:\"radio-option\"})])}),0)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"container\">\n    <div\n      class=\"bg-white flex justify-between items-center w-full py-2 space-x-2\"\n      :class=\"{'drp-menu': index < answers.length - 1}\"\n      v-for=\"(answer, index) in answers\"\n      :key=\"index\"\n    >\n      <div class=\"cursor-pointer break-all\">\n        {{answer || (lang === 'en' ? `Answer ${index+1}` : ` اجابة رقم ${index+1}`)}}\n      </div>\n      <div class=\"radio-option\"></div>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: ['answers', 'lang']\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n.drp-menu {\n  border-bottom: 1px solid #C2C2C2;;\n}\n\n.radio-option {\n  height: 15px;\n  width: 15px;\n  min-width: 15px;\n  opacity: 0.7;\n  border: 1px solid #C2C2C2;\n\n  @apply\n    rounded-full\n    opacity-50;\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!./custom-preview.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!./custom-preview.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./custom-preview.vue?vue&type=template&id=36c5f567&scoped=true&\"\nimport script from \"./custom-preview.vue?vue&type=script&lang=js&\"\nexport * from \"./custom-preview.vue?vue&type=script&lang=js&\"\nimport style0 from \"./custom-preview.vue?vue&type=style&index=0&id=36c5f567&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  \"36c5f567\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./custom-preview.vue?vue&type=style&index=0&id=36c5f567&lang=scss&scoped=true&\""],"sourceRoot":""}