{"version":3,"sources":["webpack:///./src/components/BaseComponents/Subscription/WelcomeToFreemiumModal.vue","webpack:///./src/components/BaseComponents/Subscription/WelcomeToFreemiumModal.vue?ce98","webpack:///./src/components/BaseComponents/Subscription/WelcomeToFreemiumModal.vue?5699"],"names":["class","src","alt","visible","visibleWelcomeFreemiumModal","footer","closeModal","subscriptionPlan","length","price","viewPackagesModal","props","Boolean","computed","methods","this","$emit","$store","commit","__exports__","render"],"mappings":"iKAOSA,MAAM,iC,EACT,gCAEM,OAFDA,MAAM,yCAAuC,CAChD,gCAAqD,OAAhDC,IAAA,IAAmCC,IAAI,W,KAE9C,gCAYM,OAZDF,MAAM,uCAAqC,CAC9C,gCAEK,MAFDA,MAAM,8CAA4C,C,6BAAC,gBAC1C,gCAAoB,YAAd,aAEnB,gCAII,KAJDA,MAAM,oDAAkD,C,6BAAC,kCAC7B,gCAA8B,YAAxB,qB,6BAAwB,kBAC3D,gCAAM,M,6BAAA,qCAGR,gCAEK,MAFDA,MAAM,kDAAiD,mD,MAIxDA,MAAM,yC,EACT,gCAEK,MAFDA,MAAM,gDAA+C,qDAEzD,G,GACKA,MAAM,kD,EACT,gCAAkC,KAA/BA,MAAM,SAAQ,iBAAa,G,GACzBA,MAAM,S,YAET,gCAAc,SAAX,WAAO,G,uGA/BpB,yBA0CU,GAzCPG,QAAS,EAAAC,4BACTC,OAAQ,KACR,SAAQ,EAAAC,WACTN,MAAM,6B,+BAEN,uBAmCM,CAnCN,gCAmCM,MAnCN,EAmCM,CAlCJ,EAGA,EAaA,gCAiBM,MAjBN,EAiBM,CAhBJ,EAGA,gCAMM,MANN,EAMM,CALJ,EACA,gCAGM,MAHN,EAGM,CAFM,EAAAO,iBAAiBC,OAAM,G,yBAAjC,gCAA8E,OAAvC,KAAE,uCAAG,EAAAD,iBAAgB,UAAnB,aAAG,EAAqBE,OAAK,I,uCACtE,MAGJ,gCAKS,UAJN,QAAK,8BAAE,EAAAC,mBAAA,EAAAA,kBAAA,qBACRV,MAAM,8CACP,+B,2DAUM,GACbW,MAAO,CACLP,4BAA6BQ,SAE/BC,SAAQ,kBACH,eAAW,CACZ,iBAAqB,+BAGzBC,QAAS,CACPR,WADO,WAELS,KAAKC,MAAM,gBAAgB,IAE7BN,kBAJO,WAKLK,KAAKE,OAAOC,OAAO,yCAAyC,M,iCCvDlE,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,gB,oCCTf,W","file":"chunk-1411a5aa.1742925338523.js","sourcesContent":["<template>\n  <a-modal\n    :visible=\"visibleWelcomeFreemiumModal\"\n    :footer=\"null\"\n    @cancel=\"closeModal\"\n    class=\"welcome-to-freemium-modal\"\n  >\n    <div class=\"welcome-to-freemium-container\">\n      <div class=\"welcome-to-freemium-container__header\">\n        <img src=\"@/assets/images/logo@2x.webp\" alt=\"logo\" />\n      </div>\n      <div class=\"welcome-to-freemium-container__body\">\n        <h2 class=\"welcome-to-freemium-container__body--title\">\n          Welcome to <span>Glocal!</span>\n        </h2>\n        <p class=\"welcome-to-freemium-container__body--description\">\n          Experience the world's first <span>superintelligence</span> environment,\n          <br />\n          Powered by Professionals & AI\n        </p>\n        <h2 class=\"welcome-to-freemium-container__body--sub-title\">\n          Your 2-week free subscription begins today.\n        </h2>\n      </div>\n      <div class=\"welcome-to-freemium-container__footer\">\n        <h3 class=\"welcome-to-freemium-container__footer--title\">\n          Subscribe to Glocal Premium to get full access!\n        </h3>\n        <div class=\"welcome-to-freemium-container__footer--package\">\n          <p class=\"title\">Starting from</p>\n          <div class=\"price\">\n            <h4 v-if=\"subscriptionPlan.length > 0\">$ {{ subscriptionPlan[0]?.price }}</h4>\n            <p>/ Month</p>\n          </div>\n        </div>\n        <button\n          @click=\"viewPackagesModal\"\n          class=\"welcome-to-freemium-container__footer--btn\"\n        >\n          View plan options\n        </button>\n      </div>\n    </div>\n  </a-modal>\n</template>\n\n<script>\nimport { mapGetters } from 'vuex';\nexport default {\n  props: {\n    visibleWelcomeFreemiumModal: Boolean,\n  },\n  computed:{\n    ...mapGetters({\n      'subscriptionPlan' : 'auth/getSubscriptionPlans'\n    })\n  },\n  methods: {\n    closeModal() {\n      this.$emit(\"handle-close\", false);\n    },\n    viewPackagesModal() {\n      this.$store.commit(\"auth/setSubscriptionPackagesVisibilty\", true);\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.welcome-to-freemium-modal {\n  width: 60.1rem !important;\n  top: 8rem !important;\n  .ant-modal-content {\n    .ant-modal-close {\n      margin: 1.9rem 2rem 0 0 !important;\n      .ant-modal-close-x {\n        .anticon {\n          color: $color-white !important;\n        }\n      }\n    }\n    .ant-modal-body {\n      .welcome-to-freemium-container {\n        border-radius: 1rem;\n        &__header {\n          background-image: \n          linear-gradient(rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.80)), \n          url(\"../../../assets/images/Professionals.jpg\");\n          height: 17.2rem;\n          background-repeat: no-repeat;\n          background-position: center;\n          background-position-y: 44%;\n          background-size: cover;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          border-start-end-radius: 1rem;\n          border-start-start-radius: 1rem;\n          img {\n            width: 5.1rem;\n            height: auto;\n          }\n        }\n        &__body {\n          padding: 3.2rem 2.4rem;\n          border-bottom: 1px solid rgba(0, 0, 0, 0.219);\n          &--title {\n            font-family: $font-primary;\n            font-size: 2.8rem;\n            text-align: center;\n            line-height: 3.6rem;\n            color: $color-black;\n            margin-bottom: 1.8rem;\n            span {\n              font-family: $font-primary-bold;\n            }\n          }\n          &--description {\n            font-family: $font-primary;\n            font-size: 2.2rem;\n            text-align: center;\n            line-height: 2.8rem;\n            color: $color-black;\n            opacity: 0.6;\n            margin-bottom: 2.4rem;\n            span {\n              color: $color-primary;\n              text-transform: uppercase;\n              font-family: $font-primary-medium;\n            }\n          }\n          &--sub-title {\n            font-family: $font-primary-medium;\n            font-size: 1.8rem;\n            text-align: center;\n            line-height: 2.3rem;\n            color: $color-black;\n            margin-bottom: 0;\n          }\n        }\n        &__footer {\n          padding: 3rem 2.3rem;\n          &--title {\n            font-family: $font-primary-medium;\n            font-size: 2rem;\n            text-align: center;\n            line-height: 3rem;\n            color: $color-black;\n            opacity: 1;\n            margin-bottom: 0;\n          }\n          &--package {\n            margin: 2rem auto 3.2rem;\n            width: fit-content;\n            display: block;\n            .title {\n              font-family: $font-primary;\n              font-size: 1.4rem;\n              text-align: center;\n              line-height: normal;\n              color: $color-black;\n              margin-bottom: 0;\n            }\n            .price {\n              display: flex;\n              align-items: center;\n              margin-top: 0.3rem;\n              h4 {\n                font-family: $font-primary-bold-2;\n                font-size: 4rem;\n                text-align: center;\n                line-height: normal;\n                color: $color-primary;\n                margin-bottom: 0;\n              }\n              p {\n                font-family: $font-primary-bold;\n                font-size: 1.6rem;\n                text-align: center;\n                line-height: normal;\n                color: $color-black;\n                margin-bottom: 0;\n                margin-left: 0.3rem;\n              }\n            }\n          }\n          &--btn {\n            background-color: $color-primary;\n            font-family: $font-primary-medium;\n            font-size: 1.6rem;\n            height: 4.8rem;\n            width: 100%;\n            border: none;\n            outline: none;\n            color: $color-white;\n            cursor: pointer;\n            &:hover,\n            &:active,\n            &:focus {\n              background-color: $color-primary;\n              color: $color-white;\n            }\n            span {\n              line-height: normal;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n</style>\n","import { render } from \"./WelcomeToFreemiumModal.vue?vue&type=template&id=5b212636\"\nimport script from \"./WelcomeToFreemiumModal.vue?vue&type=script&lang=js\"\nexport * from \"./WelcomeToFreemiumModal.vue?vue&type=script&lang=js\"\n\nimport \"./WelcomeToFreemiumModal.vue?vue&type=style&index=0&id=5b212636&lang=scss\"\n\nimport exportComponent from \"/home/runner/work/Glocal-Vue/Glocal-Vue/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--8-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/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-v16/dist/index.js??ref--0-1!./WelcomeToFreemiumModal.vue?vue&type=style&index=0&id=5b212636&lang=scss\""],"sourceRoot":""}