{"version":3,"sources":["webpack:///./src/views/Payment.vue?1a47","webpack:///src/views/Payment.vue","webpack:///./src/views/Payment.vue?5784","webpack:///./src/views/Payment.vue","webpack:///./src/views/Subscriptions.vue?72e0","webpack:///src/views/Subscriptions.vue","webpack:///./src/views/Subscriptions.vue?426d","webpack:///./src/views/Subscriptions.vue?028c","webpack:///./src/assets/img/payment-2.png","webpack:///./src/components/EditorPanel.vue?3d37","webpack:///./node_modules/@paypal/paypal-js/dist/esm/paypal-js.js","webpack:///./node_modules/vue-image-crop-upload/utils/data2blob.js","webpack:///./src/components/DefaultInfoCard.vue?46fa","webpack:///src/components/DefaultInfoCard.vue","webpack:///./src/components/DefaultInfoCard.vue?7384","webpack:///./src/components/DefaultInfoCard.vue","webpack:///./src/views/AddOn.vue?918e","webpack:///src/views/AddOn.vue","webpack:///./src/views/AddOn.vue?69f3","webpack:///./src/views/AddOn.vue?601a","webpack:///./src/views/AddOn.vue?c799","webpack:///./src/views/Viewer.vue?aa13","webpack:///./src/views/Payment.vue?9112","webpack:///./src/views/Viewer.vue?32f9","webpack:///./src/components/EditorPanel.vue?90cc","webpack:///src/components/EditorPanel.vue","webpack:///./src/components/EditorPanel.vue?9bfb","webpack:///./src/components/EditorPanel.vue","webpack:///src/views/Viewer.vue","webpack:///./src/views/Viewer.vue?737b","webpack:///./src/views/Viewer.vue?f132","webpack:///./src/views/Subscriptions.vue?2794"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","_v","_s","Status","orderResult","_m","staticRenderFns","name","created","loading","watch","loader","$loading","show","container","$refs","loadingContainer","hide","data","MerchantID","Version","TradeInfo","MerchantOrderNo","computed","confirmDetails","console","log","$route","query","undefined","headers","body","orderID","window","chrome","webview","postMessage","eventName","itemID","Result","API","post","message","err","methods","component","on","$event","showPaypal","buy_item","buy_price","_e","_l","item","key","OnPayment","ID","Name","Description","Price","isTW","directives","rawName","value","expression","domProps","target","composing","coupon_code","OnUseCode","props","components","DefaultInfoCard","SoftButton","storeInventory","$store","state","showSidenav","showNavs","showSlidesPanel","showCameraPanel","showConfig","showCharacterPanel","showEnvironmentPanel","showEditorPanel","showRecordingPanel","inventory","get","items","country","availableItems","filter","Available","Type","el","params","code","$router","replace","id","price","OnNewebpay","OnPaypal","paypal","error","mountpaypalbutton","app","env","loadScript","Buttons","style","shape","color","layout","label","createOrder","orderDetails","onApprove","JSON","stringify","element","document","getElementById","innerHTML","onError","form_string","mid","post_data","hash","insertAdjacentHTML","form","submit","module","exports","findScript","url","attributes","currentScript","querySelector","concat","nextScript","createScriptElement","currentScriptClone","cloneNode","dataset","uidAuto","Object","keys","length","isExactMatch","forEach","insertScriptElement","_a","onSuccess","newScript","onerror","onload","head","insertBefore","firstElementChild","processOptions","options","sdkBaseURL","processMerchantID","reduce","accumulator","toString","substring","dataAttributes","queryParams","objectToQueryString","queryString","parseErrorMessage","originalErrorText","split","trim","createElement","src","setAttribute","merchantID","dataMerchantID","newMerchantID","newDataMerchantID","Array","isArray","PromisePonyfill","getDefaultPromiseImplementation","validateArguments","resolve","namespace","existingWindowNamespace","getPayPalWindowNamespace","loadCustomScript","then","newWindowNamespace","Error","reject","defaultError","fetch","response","status","text","parseMessage","catch","Promise","atob","ia","Uint8Array","i","charCodeAt","Blob","type","mime","class","icon","background","title","description","Math","round","toFixed","currency","String","required","default","Number","plugins","feature_id","feature","Item","ref","e","startX","x","startY","y","collapse","indexOf","_k","keyCode","saveProject","mutable_project_name","toggleEditorPanel","width","reactiveWidth","disabled","onDisableEditName","CalcWidth","onEditName","save","onMode","fps","mounted","engine_event","addListener","bind","mapMutations","mode","emit","focus","onExport","SetName","setCameraMotion","index","ifTransparent","isTransparent","sidenavResponsive","sidenavTypeOnResize","beforeMount","strFromU8","unzipSync","Engine","motions","project_id","panel","EditorPanel","lambda","callLambda","GetMotions","GetCharacters","GetEnvironments","basic_zip","project","projects","aws_helper","blob","zipped","arrayBuffer","unzipped","json","jdata","parse","hasSlides","enviroments_3d","slides","has3dEnvironment","promiseResolve","promise","cameras","configureStorage","Storage","configure","customPrefix","protected","email","push","c","environments","st","end","glass","characters","private_assets","attribution","local_json_url","jd","Attribution","char_url","toZip","promiseResolve2","output","promise2","promiseResolve3","thumbnail","promise3","metadata","uuid","credentials","identityId","waves","recordings","audio","clip","serialize","meta_file","strToU8","zipSync","level","buffer","project_uuid","link","photoBlob","href","URL","revokeObjectURL","put","contentType","data2blob","img","image","currentSrc","res","event","button","diffX","abs","diffY","delta","closeAllPanels","project_name"],"mappings":"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","file":"js/viewer.aefed92a.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"projects\"},[_c('main',{staticClass:\"mt-0 main-content main-content-bg\"},[_c('section',[_c('img',{staticStyle:{\"position\":\"absolute\"},attrs:{\"src\":require(\"@/assets/img/payment-2.png\")}}),_c('div',{staticClass:\"section text-center\"},[_c('br'),_c('br'),_c('br'),_c('h3',{staticClass:\"text-dark\"},[_vm._v(\"Payment: \"+_vm._s(_vm.Status))]),_c('h3',{staticClass:\"text-dark\"}),_c('h5',{staticClass:\"text-dark\"},[_vm._v(_vm._s(_vm.orderResult))]),_c('br'),_c('br'),_c('br'),_vm._m(0)])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"position\":\"absolute\",\"left\":\"0\",\"width\":\"100%\",\"bottom\":\"0\"}},[_c('h6',{staticClass:\"text-dark text-center\",staticStyle:{\"text-align\":\"center\"}},[_vm._v(\"For inquiry contact at \"),_c('a',{staticClass:\"text-gored\",attrs:{\"href\":\"mailto:contact@rplab.ai\"}},[_vm._v(\"contact@rplab.ai\")])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"projects\">\r\n        <main class=\"mt-0 main-content main-content-bg\">\r\n            <section>\r\n               \r\n                <!-- <div class=\"container\" style=\"background-color:rgba(0,0,0,0);!important; \"> -->\r\n                <img src='@/assets/img/payment-2.png' style=\"position:absolute; \">\r\n                <div class=\"section text-center\" >\r\n                    <br><br><br>\r\n                    <h3 class=\"text-dark\">Payment: {{Status}}</h3>\r\n                    <h3 class=\"text-dark\"></h3>\r\n                    <!-- <h3 v-if=\"Status=='SUCCESS'\" class=\"text-dark\">Transaction Complete</h3> -->\r\n                    <!-- <h3 v-else class=\"text-dark\">Transaction Failed</h3> -->\r\n                    <h5 class=\"text-dark\">{{ orderResult }}</h5>\r\n                    <br><br><br>\r\n                    <div style=\"position:absolute; left:0; width: 100%; bottom: 0;\">\r\n                    <h6 class=\"text-dark text-center\" style=\"text-align: center;\" >For inquiry contact at <a href=\"mailto:contact@rplab.ai\" class=\"text-gored\">contact@rplab.ai</a></h6>\r\n                    </div>\r\n                    <!-- </div> -->\r\n               \r\n                </div>\r\n            </section>\r\n        </main>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { API } from 'aws-amplify';\r\nexport default {\r\n    name: 'Payment',\r\n    created:  function () \r\n    {\r\n        (async ()=>\r\n        {\r\n            this.loading = true;\r\n            \r\n            this.loading = false;\r\n        })();\r\n    },\r\n    \r\n    watch: {\r\n\t\tloading: function (loading) {\r\n\t\t\tif (loading) \r\n\t\t\t{\r\n\t\t\t\tthis.loader = this.$loading.show({container: this.$refs.loadingContainer});\r\n\t\t\t} else \r\n\t\t\t{\r\n\t\t\t\tthis.loader.hide();\r\n\t\t\t\tthis.loader = null;\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n    data() {\r\n        return {    \r\n           loading: false,\r\n           Status: '',\r\n           MerchantID: '',\r\n           Version: '',\r\n           TradeInfo: '',\r\n           MerchantOrderNo: '',\r\n           orderResult:'',\r\n           \r\n        };\r\n    },\r\n    computed: {\r\n      \r\n    },\r\n    async mounted()\r\n    {\r\n        console.log(this.$route.query)\r\n        this.Status = this.$route.query.Status;\r\n        this.orderResult = this.$route.query.orderResult;\r\n        //this.Version = this.$route.query.Version;\r\n        //this.TradeInfo = this.$route.query.TradeInfo;\r\n        let confirmDetails;\r\n        if( this.$route.query.MerchantOrderNo!=undefined)\r\n        {\r\n            this.MerchantOrderNo = this.$route.query.MerchantOrderNo;\r\n            confirmDetails = {    \r\n                headers: { \r\n                    \"Content-Type\":\"application/json\"\r\n                },\r\n                body: {\r\n                    'MerchantOrderNo': this.MerchantOrderNo\r\n                }\r\n            }\r\n        }\r\n        else if(this.$route.query.orderID!=undefined){\r\n            confirmDetails = {    \r\n              headers: { \r\n                \"Content-Type\":\"application/json\"\r\n              },\r\n              body: {\r\n                'orderID': this.$route.query.orderID,\r\n                'itemID' : this.$route.query.itemID\r\n              }\r\n            }\r\n        }\r\n        else\r\n        {\r\n            window.chrome.webview.postMessage({ eventName: 'payment'});\r\n            return;\r\n        }\r\n        this.loading = true;\r\n        try{\r\n            const Result = await API.post('rpgPayment','/confirm', confirmDetails);\r\n            this.orderResult = Result.message;\r\n            this.Status = Result.Status;\r\n            // Show a success message within this page, e.g.\r\n            //this.$router.push({name:'profile'});\r\n            //await app.profile();\r\n        }catch(err)\r\n        {\r\n            console.log(err.message)\r\n            // const element = document.getElementById('paypal-button-container');\r\n            // element.innerHTML = '';\r\n            // element.innerHTML = '<h3>Something went wrong!</h3>';\r\n        }\r\n        this.loading = false;\r\n        window.chrome.webview.postMessage({ eventName: 'payment'});\r\n    },\r\n    methods: {\r\n        \r\n    },\r\n};\r\n</script>\r\n\r\n\r\n\r\n<style scoped>\r\n/* #app {\r\n  font-family: Avenir, Helvetica, Arial, sans-serif;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n  text-align: center;\r\n  color: #2c3e50;\r\n  overflow: hidden;\r\n  overflow-y: scroll;\r\n  position:absolute;\r\n  top:0px;\r\n  right:0px;\r\n  bottom:0px;\r\n  left:0px;\r\n  z-index: -1;\r\n  background: #eee !important;\r\n\r\n}\r\n\r\n\r\n.btn-primary:hover,\r\n.btn-primary:focus {\r\n    background-color: #108d6f;\r\n    border-color: #108d6f;\r\n    box-shadow: none;\r\n    outline: none;\r\n}\r\n\r\n.btn-primary {\r\n    color: #fff;\r\n    background-color: #007b5e;\r\n    border-color: #007b5e;\r\n}\r\n\r\nsection {\r\n    padding: 60px 0;\r\n}\r\n\r\nsection .section-title {\r\n    text-align: center;\r\n    color: #007bff;\r\n    margin-bottom: 50px;\r\n    text-transform: uppercase;\r\n}\r\ndiv.ex1 {\r\n  width: 300px;\r\n  margin: auto;\r\n  text-align: left;\r\n  \r\n}\r\n.card {\r\n   \r\n    background: #ffffff;\r\n    margin-bottom: 30px;\r\n}\r\n.asdasd\r\n{\r\n    display: inline-block\r\n   \r\n} */\r\nimg {\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  bottom: 0;\r\n  right: 0;\r\n  width: auto; /* to keep proportions */\r\n  height: auto; /* to keep proportions */\r\n  max-width: 100%; /* not to stand out from div */\r\n  max-height: 100%; /* not to stand out from div */\r\n  margin: auto auto 0; /* position to bottom and center */\r\n  z-index: -1;\r\n}\r\n\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Payment.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Payment.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Payment.vue?vue&type=template&id=7192379a&scoped=true&\"\nimport script from \"./Payment.vue?vue&type=script&lang=js&\"\nexport * from \"./Payment.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Payment.vue?vue&type=style&index=0&id=7192379a&scoped=true&lang=css&\"\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  \"7192379a\",\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:\"transparent-background\"},[(_vm.showPaypal)?_c('div',{staticClass:\"clickblock\",staticStyle:{\"background-color\":\"rgba(255, 255, 255, 0.9)\"}},[_c('div',{staticStyle:{\"position\":\"absolute\",\"top\":\"5%\",\"width\":\"100%\",\"text-align\":\"center\",\"text-shadow\":\"15px\"}},[_c('div',{staticClass:\"mt-4 float-end\",on:{\"click\":function($event){(_vm.showPaypal=false)}}},[_c('button',{staticClass:\"p-0 btn btn-link text-dark fixed-plugin-close-button\"},[_c('font-awesome-icon',{staticClass:\"fa-2xl\",staticStyle:{\"margin-right\":\"20px\"},attrs:{\"icon\":\"fa-solid fa-close\"}})],1)]),_c('h6',[_vm._v(_vm._s(_vm.buy_item)+\" - $\"+_vm._s(_vm.buy_price))])]),_c('div',{staticClass:\"centered-div\",staticStyle:{\"margin-top\":\"50px\",\"width\":\"50%\"},attrs:{\"id\":\"paypal-button-container\"}})]):_vm._e(),_c('div',{staticClass:\"centered-div\"},[_c('div',{staticClass:\"container\"},_vm._l((_vm.availableItems),function(item){return _c('div',{key:item[0],staticClass:\"hover\",on:{\"click\":function($event){return _vm.OnPayment(item.ID, item.Name+'. '+item.Description,item.Price)}}},[_c('default-info-card',{staticStyle:{\"background-color\":\"rgba(255, 255, 255, 0.8)!important\",\"min-width\":\"200px\"},attrs:{\"icon\":\"fa-solid fa-hourglass-half\",\"title\":(\"\" + (item.Name)),\"description\":(\"\" + (item.Description)),\"value\":(\"\" + _vm.isTW) == 'true' ?(\"\" + (item.PriceNT)):(\"\" + (item.Price)),\"currency\":(\"\" + _vm.isTW) == 'true' ?' NT':' USD'}})],1)}),0),_c('br'),_c('div',{staticClass:\"d-flex\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.coupon_code),expression:\"coupon_code\"}],staticClass:\"px-3 mb-2 form-control w-100 ms-2\",attrs:{\"type\":\"string\",\"placeholder\":\"Coupon Code\"},domProps:{\"value\":(_vm.coupon_code)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.coupon_code=$event.target.value}}}),_c('soft-button',{staticClass:\"px-3 mb-2 btn  w-100 ms-2\",attrs:{\"color\":\"info\",\"variant\":\"gradient\"},on:{\"click\":_vm.OnUseCode}},[_vm._v(\" Use Coupon Code \")])],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"transparent-background\">\r\n      <div v-if=\"showPaypal\" class=\"clickblock\"  style=\"background-color: rgba(255, 255, 255, 0.9);\"> \r\n        <div  style=\"position:absolute; top: 5%; width: 100%; text-align: center;  text-shadow: 15px;\">\r\n          <div class=\"mt-4 float-end\" @click=\"(showPaypal=false)\">\r\n            <button class=\"p-0 btn btn-link text-dark fixed-plugin-close-button\">\r\n              <font-awesome-icon class=\"fa-2xl\" icon=\"fa-solid fa-close\" style=\"margin-right: 20px;\"/>\r\n            </button>\r\n          </div>\r\n        <h6>{{buy_item}} - ${{buy_price}}</h6>\r\n        </div>\r\n        <div id=\"paypal-button-container\" class=\"centered-div\" style=\"margin-top: 50px; width: 50%;\"></div>\r\n      </div>\r\n      <div class=\"centered-div\">\r\n        <div class=\"container\">\r\n          <div class=\"hover\" :key=\"item[0]\"  v-for=\"(item) in availableItems\" @click=\"OnPayment(item.ID, item.Name+'. '+item.Description,item.Price)\">\r\n            \r\n            <default-info-card style=\"background-color:rgba(255, 255, 255, 0.8)!important; min-width: 200px;\"\r\n              icon=\"fa-solid fa-hourglass-half\"\r\n              :title=\"`${item.Name}`\"\r\n              :description=\"`${item.Description}`\"\r\n              :value=\"`${isTW}` == 'true' ?`${item.PriceNT}`:`${item.Price}`\"\r\n              :currency=\"`${isTW}` == 'true' ?' NT':' USD'\"\r\n            />\r\n          </div> \r\n        </div>\r\n        <br>\r\n        <div class=\"d-flex\">\r\n          <input type=\"string\" v-model=\"coupon_code\" class=\"px-3 mb-2 form-control w-100 ms-2\" placeholder=\"Coupon Code\" >\r\n        \r\n          <soft-button color=\"info\" variant=\"gradient\" class=\"px-3 mb-2 btn  w-100 ms-2\" @click=\"OnUseCode\">\r\n              Use Coupon Code\r\n            </soft-button>\r\n        </div>\r\n      </div>\r\n      \r\n\r\n  \r\n      </div>\r\n</template>\r\n\r\n<script>\r\nimport DefaultInfoCard from \"@/components/DefaultInfoCard.vue\";\r\nimport SoftButton from \"@/components/SoftButton.vue\";\r\n// import SoftInput from \"@/components/SoftInput.vue\";\r\nimport { loadScript } from \"@paypal/paypal-js\";\r\nimport { API } from 'aws-amplify';\r\nexport default {\r\n  name: \"addon\",\r\n  props: ['feature_id'],\r\n  components: {\r\n    DefaultInfoCard,\r\n    SoftButton,\r\n    // SoftInput,\r\n  },\r\n  data()\r\n  {\r\n    return{\r\n      storeInventory: [],\r\n      item: null,\r\n      loading: false,\r\n      isTW: false,\r\n      showPaypal: false,\r\n      coupon_code: ''\r\n    }\r\n  },\r\n  async mounted() {\r\n    this.loading = true;\r\n    this.$store.state.showSidenav = false;\r\n    this.$store.state.showNavs = false;\r\n    this.$store.state.showSlidesPanel = false;\r\n    this.$store.state.showCameraPanel = false;\r\n    this.$store.state.showConfig = false\r\n    this.$store.state.showCharacterPanel = false;\r\n    this.$store.state.showEnvironmentPanel = false;\r\n    this.$store.state.showEditorPanel = false;\r\n    this.$store.state.showRecordingPanel = false;\r\n   \r\n\r\n    const inventory = await API.get('rpgStoreInventory','/items');\r\n    this.storeInventory = inventory.items;\r\n    this.isTW = inventory.country===\"TW\";\r\n    this.loading = false;\r\n  },\r\n  computed: {\r\n        availableItems() {\r\n            // Return only the items that are available\r\n            return this.storeInventory.filter(item => (item.Available&&item.Type==\"License\"));\r\n        }\r\n    },\r\n  methods:{\r\n    async OnUseCode()\r\n    {\r\n      this.loading = true;\r\n        let el = this.coupon_code;\r\n        //console.log(el);\r\n        let params = {\r\n            'queryStringParameters':\r\n            {\r\n                code: el\r\n            }\r\n        }\r\n        await API.get('rpgPromocode','/use',params);\r\n        //console.log(data2);\r\n        //await this.profile();\r\n        this.coupon_code =\"\";\r\n        this.loading = false;\r\n        this.$router.replace('/payment?Status=SUCCESS&orderResult=Activated with promo code'); \r\n    },\r\n    async OnPayment(id, item, price)\r\n    {\r\n      \r\n      if(this.isTW)\r\n      {\r\n        this.OnNewebpay(id, item, price);\r\n      }\r\n      else\r\n      {\r\n        this.OnPaypal(id, item, price);\r\n      }\r\n      \r\n    },\r\n    async OnPaypal(id, item, price)\r\n    {\r\n      this.buy_item = item;\r\n      this.buy_price = price;\r\n      this.showPaypal = true;\r\n      try {\r\n            //this.paypal = await loadScript({ \"client-id\": \"AaJgEimNyjVWkcKlUA0FNAEo-IOULm5bWzVy7FZXUIp28VpoC4s9go53hhYH-ezfOcvTZlk9OnFBcKzu\"});\r\n            \r\n            console.log(\"the PayPal JS SDK loaded: \", this.paypal);\r\n        } catch (error) {\r\n            console.error(\"failed to load the PayPal JS SDK script\", error);\r\n        }\r\n      await this.mountpaypalbutton(id);\r\n      //create(DefaultInfoCard);\r\n    },\r\n    async mountpaypalbutton(id)\r\n    {\r\n      let app = this;\r\n      //prod\r\n      //this.paypal = await loadScript({ \"client-id\": \"AcrU1NHxDpJpdMbqvpaG8hkTrnjDXDoY1BAM5QaFBhENo4RBeBFrIxOVUktXBi1gXPAuIdXWusWAnI0s\"});\r\n      //dev\r\n      if(this.env=='dev' )\r\n        this.paypal = await loadScript({ \"client-id\": \"AaJgEimNyjVWkcKlUA0FNAEo-IOULm5bWzVy7FZXUIp28VpoC4s9go53hhYH-ezfOcvTZlk9OnFBcKzu\"});\r\n      else\r\n        this.paypal = await loadScript({ \"client-id\": \"AcrU1NHxDpJpdMbqvpaG8hkTrnjDXDoY1BAM5QaFBhENo4RBeBFrIxOVUktXBi1gXPAuIdXWusWAnI0s\"});\r\n      await this.paypal.Buttons({\r\n        style: {\r\n          shape: 'pill',\r\n          color: 'blue',\r\n          layout: 'vertical',\r\n          label: 'paypal',\r\n          \r\n        },\r\n\r\n        createOrder: async function() {\r\n          app.loading = true;\r\n          console.log(\"Paypal createOrder\")\r\n          const orderDetails = {    \r\n              headers: { \r\n                  \"Content-Type\":\"application/json\"\r\n              },\r\n              body: {\r\n                'items': [\r\n                  {\r\n                    'id': id,\r\n                    'quantity': 1,\r\n                  }\r\n                ],\r\n              }\r\n          }\r\n          try{\r\n            console.log(\"Get Paypal order id\");\r\n            let data = await API.post('rpgPayment','/payment', orderDetails);\r\n            console.log({data});\r\n            app.loading = false;\r\n            return data.orderID;\r\n          }\r\n          catch(err)\r\n          {\r\n            console.log(err.message);\r\n            app.loading = false;\r\n          }\r\n         \r\n        },\r\n\r\n        onApprove:  async function(data) {\r\n            // Full available details\r\n            console.log('Capture result', data, JSON.stringify(data, null, 2));\r\n            try{\r\n              this.$router.replace(`/payment?orderID=`+data.orderID+\"&itemID=\"+id); \r\n            }catch(err)\r\n            {\r\n              console.log(err.message)\r\n              const element = document.getElementById('paypal-button-container');\r\n              element.innerHTML = '';\r\n              element.innerHTML = '<h3>Something went wrong!</h3>';\r\n            }\r\n     \r\n            // Or go to another URL:  actions.redirect('thank_you.html');\r\n            \r\n          //});\r\n        },\r\n\r\n        onError: function(err) {\r\n          console.log(err);\r\n          app.loading = false;\r\n        }\r\n      }).render('#paypal-button-container');\r\n     this.loading = false;\r\n    },\r\n    async OnNewebpay(id, item, price)\r\n    {\r\n      console.log(\"newebpay \"+item+\" : \"+price);\r\n      const orderDetails = {    \r\n            headers: { \r\n                \"Content-Type\":\"application/json\"\r\n            },\r\n            body: {\r\n              'items': [\r\n                {\r\n                  'id': id,\r\n                  'quantity': 1,\r\n                }\r\n              ],\r\n            }\r\n        }\r\n        this.loading = true;\r\n        let data = await API.post('rpgPayment','/payment',orderDetails);\r\n        console.log({data});\r\n        let form_string ='';\r\n        if(this.env=='dev')\r\n        {\r\n         form_string = `\r\n          <form id=\"newebpay-container2\" method=\"POST\" action=\"https://ccore.newebpay.com/MPG/mpg_gateway\" hidden>\r\n              <input name=\"MerchantID\" value=\"${data.mid}\" readonly>\r\n              <input name=\"Version\" value=\"2.0\" readonly>\r\n              <input name=\"TradeInfo\" value=\"${data.post_data}\" readonly>\r\n              <input name=\"TradeSha\" value=\"${data.hash}\" readonly>\r\n          </form>\r\n          `;\r\n        }\r\n        else\r\n        {\r\n          form_string = `\r\n          <form id=\"newebpay-container2\" method=\"POST\" action=\"https://core.newebpay.com/MPG/mpg_gateway\" hidden>\r\n              <input name=\"MerchantID\" value=\"${data.mid}\" readonly>\r\n              <input name=\"Version\" value=\"2.0\" readonly>\r\n              <input name=\"TradeInfo\" value=\"${data.post_data}\" readonly>\r\n              <input name=\"TradeSha\" value=\"${data.hash}\" readonly>\r\n          </form>\r\n          `;\r\n        }\r\n      document.body.insertAdjacentHTML('beforeend', form_string);\r\n      const form = document.getElementById(\"newebpay-container2\");\r\n\r\n      form.submit();\r\n      this.loading = false;\r\n    \r\n    }\r\n  },\r\n  watch: {\r\n\t\tloading: function (loading) {\r\n\t\t\tif (loading) \r\n\t\t\t{\r\n\t\t\t\tthis.loader = this.$loading.show({container: this.$refs.loadingContainer});\r\n\t\t\t} else \r\n\t\t\t{\r\n\t\t\t\tthis.loader.hide();\r\n\t\t\t\tthis.loader = null;\r\n\t\t\t}\r\n\t\t},\r\n    }\r\n  \r\n}\r\n</script>\r\n\r\n<style >\r\n.hover:hover{\r\n  transform: scale(1.02);\r\n}\r\n.transparent-background {\r\n  position:fixed;\r\n\r\n  top:0px;\r\n  right:0px;\r\n  bottom:0px;\r\n  left:0px;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: -1;  \r\n  background-color: #132C47;\r\n}\r\n.centered-div {\r\n  display: flex; /* Flex display on the centered div */\r\n  flex-direction: column; /* Ensures children are stacked vertically */\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: auto; /* Content height */\r\n  width: auto; /* Content width */\r\n  padding: 20px; /* Optional padding */\r\n\r\n}\r\n.container {\r\n    display: flex; /* Enables flexbox layout */\r\n    justify-content: center;   /* Centers items horizontally */\r\n    gap: 30px;\r\n}\r\n\r\n.item {\r\n    margin: 0px; /* Optional: Adds space between items */\r\n}\r\n\r\n.clickblock{\r\n    display: flex; /* Flex display on the centered div */\r\n    flex-direction: column; /* Ensures children are stacked vertically */\r\n    justify-content: center;\r\n    align-items: center;\r\n    \r\n    width:100%;\r\n    height: 100%;\r\n   \r\n    /* background-color: rgba(94, 94, 94, 0.4); */\r\n    background-color: #132C47;\r\n    z-index: 9;\r\n   \r\n  \r\n}\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Subscriptions.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Subscriptions.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Subscriptions.vue?vue&type=template&id=5fb59e9c&\"\nimport script from \"./Subscriptions.vue?vue&type=script&lang=js&\"\nexport * from \"./Subscriptions.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Subscriptions.vue?vue&type=style&index=0&lang=css&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/payment-2.9b1526b2.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditorPanel.vue?vue&type=style&index=0&id=7e9409b9&scoped=true&lang=css&\"","/*!\n * paypal-js v5.0.2 (2022-01-30T01:29:15.093Z)\n * Copyright 2020-present, PayPal, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\nfunction findScript(url, attributes) {\n  var currentScript = document.querySelector(\"script[src=\\\"\".concat(url, \"\\\"]\"));\n  if (currentScript === null) return null;\n  var nextScript = createScriptElement(url, attributes); // ignore the data-uid-auto attribute that gets auto-assigned to every script tag\n\n  var currentScriptClone = currentScript.cloneNode();\n  delete currentScriptClone.dataset.uidAuto; // check if the new script has the same number of data attributes\n\n  if (Object.keys(currentScriptClone.dataset).length !== Object.keys(nextScript.dataset).length) {\n    return null;\n  }\n\n  var isExactMatch = true; // check if the data attribute values are the same\n\n  Object.keys(currentScriptClone.dataset).forEach(function (key) {\n    if (currentScriptClone.dataset[key] !== nextScript.dataset[key]) {\n      isExactMatch = false;\n    }\n  });\n  return isExactMatch ? currentScript : null;\n}\nfunction insertScriptElement(_a) {\n  var url = _a.url,\n      attributes = _a.attributes,\n      onSuccess = _a.onSuccess,\n      onError = _a.onError;\n  var newScript = createScriptElement(url, attributes);\n  newScript.onerror = onError;\n  newScript.onload = onSuccess;\n  document.head.insertBefore(newScript, document.head.firstElementChild);\n}\nfunction processOptions(options) {\n  var sdkBaseURL = \"https://www.paypal.com/sdk/js\";\n\n  if (options.sdkBaseURL) {\n    sdkBaseURL = options.sdkBaseURL;\n    delete options.sdkBaseURL;\n  }\n\n  processMerchantID(options);\n\n  var _a = Object.keys(options).filter(function (key) {\n    return typeof options[key] !== \"undefined\" && options[key] !== null && options[key] !== \"\";\n  }).reduce(function (accumulator, key) {\n    var value = options[key].toString();\n\n    if (key.substring(0, 5) === \"data-\") {\n      accumulator.dataAttributes[key] = value;\n    } else {\n      accumulator.queryParams[key] = value;\n    }\n\n    return accumulator;\n  }, {\n    queryParams: {},\n    dataAttributes: {}\n  }),\n      queryParams = _a.queryParams,\n      dataAttributes = _a.dataAttributes;\n\n  return {\n    url: \"\".concat(sdkBaseURL, \"?\").concat(objectToQueryString(queryParams)),\n    dataAttributes: dataAttributes\n  };\n}\nfunction objectToQueryString(params) {\n  var queryString = \"\";\n  Object.keys(params).forEach(function (key) {\n    if (queryString.length !== 0) queryString += \"&\";\n    queryString += key + \"=\" + params[key];\n  });\n  return queryString;\n}\n/**\n * Parse the error message code received from the server during the script load.\n * This function search for the occurrence of this specific string \"/* Original Error:\".\n *\n * @param message the received error response from the server\n * @returns the content of the message if the string string was found.\n *          The whole message otherwise\n */\n\nfunction parseErrorMessage(message) {\n  var originalErrorText = message.split(\"/* Original Error:\")[1];\n  return originalErrorText ? originalErrorText.replace(/\\n/g, \"\").replace(\"*/\", \"\").trim() : message;\n}\n\nfunction createScriptElement(url, attributes) {\n  if (attributes === void 0) {\n    attributes = {};\n  }\n\n  var newScript = document.createElement(\"script\");\n  newScript.src = url;\n  Object.keys(attributes).forEach(function (key) {\n    newScript.setAttribute(key, attributes[key]);\n\n    if (key === \"data-csp-nonce\") {\n      newScript.setAttribute(\"nonce\", attributes[\"data-csp-nonce\"]);\n    }\n  });\n  return newScript;\n}\n\nfunction processMerchantID(options) {\n  var merchantID = options[\"merchant-id\"],\n      dataMerchantID = options[\"data-merchant-id\"];\n  var newMerchantID = \"\";\n  var newDataMerchantID = \"\";\n\n  if (Array.isArray(merchantID)) {\n    if (merchantID.length > 1) {\n      newMerchantID = \"*\";\n      newDataMerchantID = merchantID.toString();\n    } else {\n      newMerchantID = merchantID.toString();\n    }\n  } else if (typeof merchantID === \"string\" && merchantID.length > 0) {\n    newMerchantID = merchantID;\n  } else if (typeof dataMerchantID === \"string\" && dataMerchantID.length > 0) {\n    newMerchantID = \"*\";\n    newDataMerchantID = dataMerchantID;\n  }\n\n  options[\"merchant-id\"] = newMerchantID;\n  options[\"data-merchant-id\"] = newDataMerchantID;\n  return options;\n}\n\n/**\n * Load the Paypal JS SDK script asynchronously.\n *\n * @param {Object} options - used to configure query parameters and data attributes for the JS SDK.\n * @param {PromiseConstructor} [PromisePonyfill=window.Promise] - optional Promise Constructor ponyfill.\n * @return {Promise<Object>} paypalObject - reference to the global window PayPal object.\n */\n\nfunction loadScript(options, PromisePonyfill) {\n  if (PromisePonyfill === void 0) {\n    PromisePonyfill = getDefaultPromiseImplementation();\n  }\n\n  validateArguments(options, PromisePonyfill); // resolve with null when running in Node\n\n  if (typeof window === \"undefined\") return PromisePonyfill.resolve(null);\n\n  var _a = processOptions(options),\n      url = _a.url,\n      dataAttributes = _a.dataAttributes;\n\n  var namespace = dataAttributes[\"data-namespace\"] || \"paypal\";\n  var existingWindowNamespace = getPayPalWindowNamespace(namespace); // resolve with the existing global paypal namespace when a script with the same params already exists\n\n  if (findScript(url, dataAttributes) && existingWindowNamespace) {\n    return PromisePonyfill.resolve(existingWindowNamespace);\n  }\n\n  return loadCustomScript({\n    url: url,\n    attributes: dataAttributes\n  }, PromisePonyfill).then(function () {\n    var newWindowNamespace = getPayPalWindowNamespace(namespace);\n\n    if (newWindowNamespace) {\n      return newWindowNamespace;\n    }\n\n    throw new Error(\"The window.\".concat(namespace, \" global variable is not available.\"));\n  });\n}\n/**\n * Load a custom script asynchronously.\n *\n * @param {Object} options - used to set the script url and attributes.\n * @param {PromiseConstructor} [PromisePonyfill=window.Promise] - optional Promise Constructor ponyfill.\n * @return {Promise<void>} returns a promise to indicate if the script was successfully loaded.\n */\n\nfunction loadCustomScript(options, PromisePonyfill) {\n  if (PromisePonyfill === void 0) {\n    PromisePonyfill = getDefaultPromiseImplementation();\n  }\n\n  validateArguments(options, PromisePonyfill);\n  var url = options.url,\n      attributes = options.attributes;\n\n  if (typeof url !== \"string\" || url.length === 0) {\n    throw new Error(\"Invalid url.\");\n  }\n\n  if (typeof attributes !== \"undefined\" && typeof attributes !== \"object\") {\n    throw new Error(\"Expected attributes to be an object.\");\n  }\n\n  return new PromisePonyfill(function (resolve, reject) {\n    // resolve with undefined when running in Node\n    if (typeof window === \"undefined\") return resolve();\n    insertScriptElement({\n      url: url,\n      attributes: attributes,\n      onSuccess: function onSuccess() {\n        return resolve();\n      },\n      onError: function onError() {\n        var defaultError = new Error(\"The script \\\"\".concat(url, \"\\\" failed to load.\"));\n\n        if (!window.fetch) {\n          return reject(defaultError);\n        } // Fetch the error reason from the response body for validation errors\n\n\n        return fetch(url).then(function (response) {\n          if (response.status === 200) {\n            reject(defaultError);\n          }\n\n          return response.text();\n        }).then(function (message) {\n          var parseMessage = parseErrorMessage(message);\n          reject(new Error(parseMessage));\n        }).catch(function (err) {\n          reject(err);\n        });\n      }\n    });\n  });\n}\n\nfunction getDefaultPromiseImplementation() {\n  if (typeof Promise === \"undefined\") {\n    throw new Error(\"Promise is undefined. To resolve the issue, use a Promise polyfill.\");\n  }\n\n  return Promise;\n}\n\nfunction getPayPalWindowNamespace(namespace) {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  return window[namespace];\n}\n\nfunction validateArguments(options, PromisePonyfill) {\n  if (typeof options !== \"object\" || options === null) {\n    throw new Error(\"Expected an options object.\");\n  }\n\n  if (typeof PromisePonyfill !== \"undefined\" && typeof PromisePonyfill !== \"function\") {\n    throw new Error(\"Expected PromisePonyfill to be a function.\");\n  }\n}\n\nvar version = \"5.0.2\";\n\nexport { loadCustomScript, loadScript, version };\n","/**\n * database64文件格式转换为2进制\n *\n * @param  {[String]} data dataURL 的格式为 “data:image/png;base64,****”,逗号之前都是一些说明性的文字，我们只需要逗号之后的就行了\n * @param  {[String]} mime [description]\n * @return {[blob]}      [description]\n */\nexport default function(data, mime) {\n\tdata = data.split(',')[1];\n\tdata = window.atob(data);\n\tvar ia = new Uint8Array(data.length);\n\tfor (var i = 0; i < data.length; i++) {\n\t\tia[i] = data.charCodeAt(i);\n\t};\n\t// canvas.toDataURL 返回的默认格式就是 image/png\n\treturn new Blob([ia], {\n\t\ttype: mime\n\t});\n};\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"card\",staticStyle:{\"background-color\":\"rgba(255, 255, 255, 0.5)!important\",\"cursor\":\"pointer\",\"margin-bottom\":\"10px!important\"}},[_c('div',{staticClass:\"p-3 mx-4 text-center card-header d-flex justify-content-center\",staticStyle:{\"background-color\":\"transparent!important\"}},[_c('div',{staticClass:\"icon icon-shape icon-lg shadow text-center border-radius-lg\",class:typeof _vm.icon === 'object' ? _vm.icon.background : 'bg-gradient-gored',staticStyle:{\"aspect-ratio\":\"1 / 1\"}},[_c('font-awesome-icon',{staticClass:\"fa-2xl\",staticStyle:{\"color\":\"white\",\"margin-top\":\"15px\"},attrs:{\"icon\":_vm.icon,\"aria-hidden\":\"true\"}})],1)]),_c('div',{staticClass:\"p-3 pt-0 text-center card-body\"},[_c('h6',{staticClass:\"mb-0 text-center\"},[_vm._v(_vm._s(_vm.title))]),_c('span',{staticClass:\"text-xs\"},[_vm._v(_vm._s(_vm.description))]),_c('hr',{staticClass:\"my-3 horizontal dark\"}),_c('h5',{staticClass:\"mb-2\"},[_vm._v(\"$\"+_vm._s((Math.round(_vm.value * 100) / 100).toFixed(2))+\" \"+_vm._s(_vm.currency))])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"card\" style=\"background-color:rgba(255, 255, 255, 0.5)!important; cursor: pointer; margin-bottom: 10px!important;\"  >\n    \n    <div class=\"p-3 mx-4 text-center card-header d-flex justify-content-center\" style=\"background-color:transparent!important;\">\n      <div \n        :class=\"\n          typeof icon === 'object' ? icon.background : 'bg-gradient-gored'\n        \"\n        class=\"icon icon-shape icon-lg shadow text-center border-radius-lg\"\n        style=\"aspect-ratio : 1 / 1;\"\n      >\n\n        <font-awesome-icon class=\"fa-2xl\" :icon=\"icon\" aria-hidden=\"true\" style=\"color:white; margin-top: 15px; \"/>\n        <!-- <i\n          class=\"opacity-10 \"\n          :class=\"typeof icon === 'string' ? icon : icon.component\"\n          aria-hidden=\"true\"\n        ></i> -->\n      </div>\n    </div>\n    <div class=\"p-3 pt-0 text-center card-body\">\n      <h6 class=\"mb-0 text-center\">{{ title }}</h6>\n      <span class=\"text-xs\">{{ description }}</span>\n      <hr class=\"my-3 horizontal dark\" />\n      <h5 class=\"mb-2\">${{ (Math.round(value * 100) / 100).toFixed(2) }} {{currency}}</h5>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"DefaultInfoCard\",\n  props: {\n    icon: {\n      type: [String, Object],\n      required: true,\n      component: {\n        type: String,\n      },\n      background: {\n        type: String,\n      },\n      default: () => ({\n        background: \"bg-white\",\n      }),\n    },\n    title: {\n      type: String,\n      required: true,\n    },\n    description: {\n      type: String,\n      default: \"\",\n    },\n    value: {\n      type: [String, Number],\n      default: \"\",\n    },\n    currency: {\n      type: String,\n      default: \"\",\n    },\n  },\n\n};\n</script>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DefaultInfoCard.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DefaultInfoCard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DefaultInfoCard.vue?vue&type=template&id=beb9610a&\"\nimport script from \"./DefaultInfoCard.vue?vue&type=script&lang=js&\"\nexport * from \"./DefaultInfoCard.vue?vue&type=script&lang=js&\"\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  null,\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:\"transparent-background\"},[(_vm.showPaypal)?_c('div',{staticClass:\"clickblock\",staticStyle:{\"background-color\":\"rgba(255, 255, 255, 0.9)\"}},[_c('div',{staticStyle:{\"position\":\"absolute\",\"top\":\"5%\",\"width\":\"100%\",\"text-align\":\"center\",\"text-shadow\":\"15px\"}},[_c('div',{staticClass:\"mt-4 float-end\",on:{\"click\":function($event){(_vm.showPaypal=false)}}},[_c('button',{staticClass:\"p-0 btn btn-link text-dark fixed-plugin-close-button\"},[_c('font-awesome-icon',{staticClass:\"fa-2xl\",staticStyle:{\"margin-right\":\"20px\"},attrs:{\"icon\":\"fa-solid fa-close\"}})],1)]),_c('h6',[_vm._v(_vm._s(_vm.buy_item)+\" - $\"+_vm._s(_vm.buy_price))])]),_c('div',{staticClass:\"centered-div\",staticStyle:{\"margin-top\":\"50px\",\"width\":\"50%\"},attrs:{\"id\":\"paypal-button-container\"}})]):_vm._e(),(_vm.item && !_vm.showPaypal)?_c('div',{staticClass:\"centered-div\"},[(_vm.item.Type!='License' )?_c('default-info-card',{staticStyle:{\"background-color\":\"rgba(255, 255, 255, 0.8)!important\",\"cursor\":\"default !important\"},attrs:{\"icon\":(\"\" + (_vm.item.icon)) == 'undefined' ? \"fa-solid fa-puzzle-piece\" :(\"\" + (_vm.item.icon)),\"title\":(\"\" + (_vm.item.Name)),\"description\":(\"\" + (_vm.item.Details)) == 'undefined' ?(\"\" + (_vm.item.Description)) :(\"\" + (_vm.item.Details)),\"value\":(\"\" + _vm.isTW) == 'true' ?(\"\" + (_vm.item.PriceNT)):(\"\" + (_vm.item.Price)),\"currency\":(\"\" + _vm.isTW) == 'true' ?' NT':' USD'}}):_c('default-info-card',{attrs:{\"icon\":\"fa-solid fa-hourglass-half\",\"title\":(\"\" + (_vm.item.Name)),\"description\":(\"\" + (_vm.item.Details)) == 'undefined' ?(\"\" + (_vm.item.Description)) :(\"\" + (_vm.item.Details)),\"value\":(\"\" + _vm.isTW) == 'true' ?(\"\" + (_vm.item.PriceNT)):(\"\" + (_vm.item.Price)),\"currency\":(\"\" + _vm.isTW) == 'true' ?' NT':' USD'}}),_c('div',{staticClass:\"d-flex\"},[_c('br'),_c('soft-button',{attrs:{\"color\":\"gored\",\"variant\":\"gradient\"},on:{\"click\":function($event){return _vm.OnPayment(_vm.item.ID, _vm.item.Name+'. '+_vm.item.Description,_vm.item.Price)}}},[_vm._v(\" PURCHASE \")])],1),_c('br'),_c('br'),_c('div',{staticClass:\"d-flex\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.coupon_code),expression:\"coupon_code\"}],staticClass:\"px-3 mb-2 form-control w-100 ms-2\",attrs:{\"type\":\"string\",\"placeholder\":\"Coupon Code\"},domProps:{\"value\":(_vm.coupon_code)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.coupon_code=$event.target.value}}}),_c('soft-button',{staticClass:\"px-3 mb-2 btn  w-100 ms-2\",attrs:{\"color\":\"info\",\"variant\":\"gradient\"},on:{\"click\":_vm.OnUseCode}},[_vm._v(\" Use Coupon Code \")])],1)],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"transparent-background\">\r\n      <div v-if=\"showPaypal\" class=\"clickblock\"  style=\"background-color: rgba(255, 255, 255, 0.9);\"> \r\n        <div  style=\"position:absolute; top: 5%; width: 100%; text-align: center;  text-shadow: 15px;\">\r\n          <div class=\"mt-4 float-end\" @click=\"(showPaypal=false)\">\r\n            <button class=\"p-0 btn btn-link text-dark fixed-plugin-close-button\">\r\n              <font-awesome-icon class=\"fa-2xl\" icon=\"fa-solid fa-close\" style=\"margin-right: 20px;\"/>\r\n            </button>\r\n          </div>\r\n        <h6>{{buy_item}} - ${{buy_price}}</h6>\r\n        </div>\r\n        <div id=\"paypal-button-container\" class=\"centered-div\" style=\"margin-top: 50px; width: 50%;\"></div>\r\n      </div>\r\n        <div v-if=\"item && !showPaypal\" class=\"centered-div\" >\r\n          <default-info-card v-if=\"item.Type!='License' \" style=\"background-color:rgba(255, 255, 255, 0.8)!important; cursor: default !important;;\"\r\n            :icon=\"`${item.icon}` == 'undefined' ? `fa-solid fa-puzzle-piece` :`${item.icon}` \"\r\n            :title=\"`${item.Name}`\"\r\n            :description=\"`${item.Details}` == 'undefined' ?`${item.Description}` :`${item.Details}` \"\r\n            :value=\"`${isTW}` == 'true' ?`${item.PriceNT}`:`${item.Price}`\"\r\n            :currency=\"`${isTW}` == 'true' ?' NT':' USD'\"\r\n            \r\n          />\r\n          <default-info-card v-else\r\n            icon=\"fa-solid fa-hourglass-half\"\r\n            :title=\"`${item.Name}`\"\r\n             :description=\"`${item.Details}` == 'undefined' ?`${item.Description}` :`${item.Details}` \"\r\n            :value=\"`${isTW}` == 'true' ?`${item.PriceNT}`:`${item.Price}`\"\r\n            :currency=\"`${isTW}` == 'true' ?' NT':' USD'\"\r\n          />\r\n          <div class=\"d-flex\">\r\n            <br >\r\n            <soft-button color=\"gored\" variant=\"gradient\" @click=\"OnPayment(item.ID, item.Name+'. '+item.Description,item.Price)\">\r\n              PURCHASE\r\n            </soft-button>\r\n          </div>\r\n          <br>\r\n          <br>\r\n          <div class=\"d-flex\">\r\n            <input type=\"string\" v-model=\"coupon_code\" class=\"px-3 mb-2 form-control w-100 ms-2\" placeholder=\"Coupon Code\" >\r\n          \r\n            <soft-button color=\"info\" variant=\"gradient\" class=\"px-3 mb-2 btn  w-100 ms-2\" @click=\"OnUseCode\">\r\n                Use Coupon Code\r\n              </soft-button>\r\n          </div>\r\n         </div>\r\n  \r\n      </div>\r\n</template>\r\n\r\n<script>\r\nimport DefaultInfoCard from \"@/components/DefaultInfoCard.vue\";\r\nimport SoftButton from \"@/components/SoftButton.vue\";\r\n// import SoftInput from \"@/components/SoftInput.vue\";\r\nimport { loadScript } from \"@paypal/paypal-js\";\r\nimport { API } from 'aws-amplify';\r\nexport default {\r\n  name: \"addon\",\r\n  props: ['feature_id'],\r\n  components: {\r\n    DefaultInfoCard,\r\n    SoftButton,\r\n    // SoftInput,\r\n  },\r\n  data()\r\n  {\r\n    return{\r\n       \r\n        plugins: [],\r\n        item: null,\r\n        loading: false,\r\n        isTW: false,\r\n        showPaypal: false,\r\n        coupon_code: ''\r\n    }\r\n  },\r\n  async mounted() {\r\n    this.loading = true;\r\n    this.$store.state.showSidenav = false;\r\n    this.$store.state.showNavs = false;\r\n    this.$store.state.showSlidesPanel = false;\r\n    this.$store.state.showCameraPanel = false;\r\n    this.$store.state.showConfig = false\r\n    this.$store.state.showCharacterPanel = false;\r\n    this.$store.state.showEnvironmentPanel = false;\r\n    this.$store.state.showEditorPanel = false;\r\n    this.$store.state.showRecordingPanel = false;\r\n    let params = {\r\n        'queryStringParameters':\r\n        {\r\n            feature_id: this.feature_id\r\n        }\r\n    }\r\n    console.log(\"Feature id: \"+this.feature_id);\r\n\r\n    const inventory = await API.get('rpgStoreInventory','/items', params);\r\n    console.log({inventory});\r\n    this.item = inventory.feature.Item;\r\n    this.isTW = inventory.country===\"TW\";\r\n    this.loading = false;\r\n  },\r\n  methods:{\r\n    async OnUseCode()\r\n    {\r\n      this.loading = true;\r\n        let el = this.coupon_code;\r\n        //console.log(el);\r\n        let params = {\r\n            'queryStringParameters':\r\n            {\r\n                code: el\r\n            }\r\n        }\r\n        await API.get('rpgPromocode','/use',params);\r\n        //console.log(data2);\r\n        //await this.profile();\r\n        this.coupon_code =\"\";\r\n        this.loading = false;\r\n        this.$router.replace('/payment?Status=SUCCESS&orderResult=Activated with promo code'); \r\n    },\r\n    async OnPayment(id, item, price)\r\n    {\r\n      \r\n      if(this.isTW)\r\n      {\r\n        this.OnNewebpay(id, item, price);\r\n      }\r\n      else\r\n      {\r\n        this.OnPaypal(id, item, price);\r\n      }\r\n      \r\n    },\r\n    async OnPaypal(id, item, price)\r\n    {\r\n      this.buy_item = item;\r\n      this.buy_price = price;\r\n      this.showPaypal = true;\r\n      try {\r\n            //this.paypal = await loadScript({ \"client-id\": \"AaJgEimNyjVWkcKlUA0FNAEo-IOULm5bWzVy7FZXUIp28VpoC4s9go53hhYH-ezfOcvTZlk9OnFBcKzu\"});\r\n            \r\n            console.log(\"the PayPal JS SDK loaded: \", this.paypal);\r\n        } catch (error) {\r\n            console.error(\"failed to load the PayPal JS SDK script\", error);\r\n        }\r\n      await this.mountpaypalbutton(id);\r\n      //create(DefaultInfoCard);\r\n    },\r\n    async mountpaypalbutton(id)\r\n    {\r\n      let app = this;\r\n      //prod\r\n      //this.paypal = await loadScript({ \"client-id\": \"AcrU1NHxDpJpdMbqvpaG8hkTrnjDXDoY1BAM5QaFBhENo4RBeBFrIxOVUktXBi1gXPAuIdXWusWAnI0s\"});\r\n      //dev\r\n      if(this.env=='dev' )\r\n        this.paypal = await loadScript({ \"client-id\": \"AaJgEimNyjVWkcKlUA0FNAEo-IOULm5bWzVy7FZXUIp28VpoC4s9go53hhYH-ezfOcvTZlk9OnFBcKzu\"});\r\n      else\r\n        this.paypal = await loadScript({ \"client-id\": \"AcrU1NHxDpJpdMbqvpaG8hkTrnjDXDoY1BAM5QaFBhENo4RBeBFrIxOVUktXBi1gXPAuIdXWusWAnI0s\"});\r\n      await this.paypal.Buttons({\r\n        style: {\r\n          shape: 'pill',\r\n          color: 'blue',\r\n          layout: 'vertical',\r\n          label: 'paypal',\r\n          \r\n        },\r\n\r\n        createOrder: async function() {\r\n          app.loading = true;\r\n          console.log(\"Paypal createOrder\")\r\n          const orderDetails = {    \r\n              headers: { \r\n                  \"Content-Type\":\"application/json\"\r\n              },\r\n              body: {\r\n                'items': [\r\n                  {\r\n                    'id': id,\r\n                    'quantity': 1,\r\n                  }\r\n                ],\r\n              }\r\n          }\r\n          try{\r\n            console.log(\"Get Paypal order id\");\r\n            let data = await API.post('rpgPayment','/payment', orderDetails);\r\n            console.log({data});\r\n            app.loading = false;\r\n            return data.orderID;\r\n          }\r\n          catch(err)\r\n          {\r\n            console.log(err.message);\r\n            app.loading = false;\r\n          }\r\n         \r\n        },\r\n\r\n        onApprove:  async function(data) {\r\n            // Full available details\r\n            console.log('Capture result', data, JSON.stringify(data, null, 2));\r\n            try{\r\n              this.$router.replace(`/payment?orderID=`+data.orderID+\"&itemID=\"+id); \r\n            }catch(err)\r\n            {\r\n              console.log(err.message)\r\n              const element = document.getElementById('paypal-button-container');\r\n              element.innerHTML = '';\r\n              element.innerHTML = '<h3>Something went wrong!</h3>';\r\n            }\r\n     \r\n            // Or go to another URL:  actions.redirect('thank_you.html');\r\n            \r\n          //});\r\n        },\r\n\r\n        onError: function(err) {\r\n          console.log(err);\r\n          app.loading = false;\r\n        }\r\n      }).render('#paypal-button-container');\r\n     this.loading = false;\r\n    },\r\n    async OnNewebpay(id, item, price)\r\n    {\r\n      console.log(\"newebpay \"+item+\" : \"+price);\r\n      const orderDetails = {    \r\n            headers: { \r\n                \"Content-Type\":\"application/json\"\r\n            },\r\n            body: {\r\n              'items': [\r\n                {\r\n                  'id': id,\r\n                  'quantity': 1,\r\n                }\r\n              ],\r\n            }\r\n        }\r\n        this.loading = true;\r\n        let data = await API.post('rpgPayment','/payment',orderDetails);\r\n        console.log({data});\r\n        let form_string ='';\r\n        if(this.env=='dev')\r\n        {\r\n         form_string = `\r\n          <form id=\"newebpay-container2\" method=\"POST\" action=\"https://ccore.newebpay.com/MPG/mpg_gateway\" hidden>\r\n              <input name=\"MerchantID\" value=\"${data.mid}\" readonly>\r\n              <input name=\"Version\" value=\"2.0\" readonly>\r\n              <input name=\"TradeInfo\" value=\"${data.post_data}\" readonly>\r\n              <input name=\"TradeSha\" value=\"${data.hash}\" readonly>\r\n          </form>\r\n          `;\r\n        }\r\n        else\r\n        {\r\n          form_string = `\r\n          <form id=\"newebpay-container2\" method=\"POST\" action=\"https://core.newebpay.com/MPG/mpg_gateway\" hidden>\r\n              <input name=\"MerchantID\" value=\"${data.mid}\" readonly>\r\n              <input name=\"Version\" value=\"2.0\" readonly>\r\n              <input name=\"TradeInfo\" value=\"${data.post_data}\" readonly>\r\n              <input name=\"TradeSha\" value=\"${data.hash}\" readonly>\r\n          </form>\r\n          `;\r\n        }\r\n      document.body.insertAdjacentHTML('beforeend', form_string);\r\n      const form = document.getElementById(\"newebpay-container2\");\r\n\r\n      form.submit();\r\n      this.loading = false;\r\n    \r\n    }\r\n  },\r\n  watch: {\r\n\t\tloading: function (loading) {\r\n\t\t\tif (loading) \r\n\t\t\t{\r\n\t\t\t\tthis.loader = this.$loading.show({container: this.$refs.loadingContainer});\r\n\t\t\t} else \r\n\t\t\t{\r\n\t\t\t\tthis.loader.hide();\r\n\t\t\t\tthis.loader = null;\r\n\t\t\t}\r\n\t\t},\r\n    }\r\n  \r\n}\r\n</script>\r\n\r\n<style >\r\n.transparent-background {\r\n  position:fixed;\r\n\r\n  top:0px;\r\n  right:0px;\r\n  bottom:0px;\r\n  left:0px;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: -1;  \r\n  background-color: #294C63;\r\n}\r\n.centered-div {\r\n  display: flex; /* Flex display on the centered div */\r\n  flex-direction: column; /* Ensures children are stacked vertically */\r\n  justify-content: center;\r\n  align-items: center;\r\n  height: auto; /* Content height */\r\n  width: auto; /* Content width */\r\n  padding: 20px; /* Optional padding */\r\n\r\n}\r\n.row_class\r\n{\r\n  display: flex; \r\n  padding-left: 20px;\r\n  justify-content: center; /* Centers items horizontally */\r\n  align-items: center; /* Centers items vertically */\r\n \r\n}\r\n.clickblock{\r\n    display: flex; /* Flex display on the centered div */\r\n    flex-direction: column; /* Ensures children are stacked vertically */\r\n    justify-content: center;\r\n    align-items: center;\r\n    \r\n    width:100%;\r\n    height: 100%;\r\n   \r\n    /* background-color: rgba(94, 94, 94, 0.4); */\r\n    background-color: #132C47;\r\n    z-index: 9;\r\n   \r\n  \r\n}\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddOn.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddOn.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddOn.vue?vue&type=template&id=2c0a1962&\"\nimport script from \"./AddOn.vue?vue&type=script&lang=js&\"\nexport * from \"./AddOn.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AddOn.vue?vue&type=style&index=0&lang=css&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./AddOn.vue?vue&type=style&index=0&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Viewer.vue?vue&type=style&index=0&lang=css&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Payment.vue?vue&type=style&index=0&id=7192379a&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._m(0),_c('div',{staticClass:\"video-container\",attrs:{\"id\":\"video\"}},[_c('video',{staticClass:\"video_bg\",attrs:{\"id\":\"video2\",\"muted\":\"\",\"playsinline\":\"\",\"autoplay\":\"\"},domProps:{\"muted\":true}})]),_c('div',{ref:\"engine\",staticClass:\"box\",attrs:{\"id\":\"engine\"},on:{\"mousedown\":function (e){_vm.startX = e.x, _vm.startY = e.y},\"mouseup\":function($event){return _vm.collapse($event)},\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }_vm.show=!_vm.show}}}),_c('editor-panel',{ref:\"panel\",class:[\n      this.$store.state.showEditorPanel ? 'show' : '' ],attrs:{\"save\":_vm.saveProject,\"project_name\":_vm.mutable_project_name}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"audio\"}},[_c('audio',{attrs:{\"id\":\"audio2\",\"autoplay\":\"\"}}),_c('audio',{attrs:{\"id\":\"replay\",\"autoplay\":\"\"}})])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"fixed-plugin_bottom\"},[_c('div',{staticClass:\"card blur\"},[_c('div',{staticClass:\"pt-1 pb-0 bg-transparent \"},[_c('div',{staticClass:\"mt-0 float-end shadow-lg blur\",style:(this.$store.state.showEditorPanel? 'width:30px!important; border-radius: 20px; margin-left:10px; margin-top:0px!important; background-color:white':'width:30px!important; border-radius: 20px; margin-left:10px; margin-top:-30px!important; background-color:white'),on:{\"click\":_vm.toggleEditorPanel}},[_c('a',{staticClass:\"project\",staticStyle:{\"margin-left\":\"8px\"}},[(this.$store.state.showEditorPanel)?_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-angle-down\"}}):_vm._e(),(!this.$store.state.showEditorPanel)?_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-angle-up\"}}):_vm._e()],1)]),_c('div',{staticClass:\"float-start\"},[_c('h5',{staticClass:\"mt-0 mb-0\"},[_vm._v(\"Project: \"),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.mutable_project_name),expression:\"mutable_project_name\"}],staticClass:\"name_input\",style:({width: _vm.reactiveWidth }),attrs:{\"id\":\"name_input\",\"disabled\":_vm.disabled == 1},domProps:{\"value\":(_vm.mutable_project_name)},on:{\"focusout\":_vm.onDisableEditName,\"change\":_vm.CalcWidth,\"input\":function($event){if($event.target.composing){ return; }_vm.mutable_project_name=$event.target.value}}}),_c('a',{staticClass:\"project\",staticStyle:{\"margin-left\":\"10px\"},on:{\"click\":_vm.onEditName}},[_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-pen\"}})],1),_c('a',{staticClass:\"project\",staticStyle:{\"margin-left\":\"10px\"},on:{\"click\":function($event){return _vm.save(_vm.mutable_project_name)}}},[_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-floppy-disk\"}})],1)]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col\",staticStyle:{\"width\":\"30px\",\"margin-top\":\"10px\"}},[_c('div',{staticClass:\"col\"},[_c('a',{staticClass:\"project\",on:{\"click\":function($event){return _vm.onMode('rotate')}}},[_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-rotate\"}})],1)]),_c('div',{staticClass:\"col\"},[_c('a',{staticClass:\"project\",on:{\"click\":function($event){return _vm.onMode('translate')}}},[_c('font-awesome-icon',{attrs:{\"icon\":\"fa-solid fa-arrows-up-down-left-right\"}})],1)]),_c('div',{staticClass:\"col\"},[_c('a',{staticClass:\"project\"},[_vm._v(\"fps: \"+_vm._s(_vm.fps))])])])])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"fixed-plugin_bottom\">\n    <div class=\"card blur\">\n      <div class=\"pt-1 pb-0 bg-transparent \">\n        <div class=\"mt-0 float-end shadow-lg blur\" @click=\"toggleEditorPanel\" v-bind:style=\"this.$store.state.showEditorPanel? 'width:30px!important; border-radius: 20px; margin-left:10px; margin-top:0px!important; background-color:white':'width:30px!important; border-radius: 20px; margin-left:10px; margin-top:-30px!important; background-color:white'\">\n          <a class= \"project\" style=\"margin-left:8px;\">\n            <font-awesome-icon v-if=\"this.$store.state.showEditorPanel\" icon=\"fa-solid fa-angle-down\"/>\n            <font-awesome-icon v-if=\"!this.$store.state.showEditorPanel\" icon=\"fa-solid fa-angle-up\"/>\n          </a>\n        </div>\n        <div class=\"float-start\">\n          <h5 class=\"mt-0 mb-0\" >Project: \n            <input id=\"name_input\" class=\"name_input\" v-model=\"mutable_project_name\" :disabled=\"disabled == 1\" @focusout=\"onDisableEditName\" @change=\"CalcWidth\" :style=\"{width: reactiveWidth }\"/>\n            <a class= \"project\" style=\"margin-left: 10px;\" @click=\"onEditName\">\n              <font-awesome-icon icon=\"fa-solid fa-pen\"/>\n            </a> \n            <a class= \"project\" style=\"margin-left: 10px;\" @click=\"save(mutable_project_name)\">\n              <font-awesome-icon icon=\"fa-solid fa-floppy-disk\"/>\n            </a> \n            <!-- <a class= \"project\" style=\"margin-left: 10px;\" @click=\"onExport\">\n              <font-awesome-icon icon=\"fa-solid fa-floppy-disk\"/>\n            </a>  -->\n          <!-- </button> -->\n          </h5>\n          <div class=\"row\">\n            \n            <div class=\"col\" style=\"width:30px; margin-top: 10px;\">\n              <div class=\"col\">\n              <a class= \"project\" @click=\"onMode('rotate')\"><font-awesome-icon icon=\"fa-solid fa-rotate\" /></a>\n            </div>\n            <div class=\"col\">\n              <a class= \"project\" @click=\"onMode('translate')\"><font-awesome-icon icon=\"fa-solid fa-arrows-up-down-left-right\" /></a>\n            </div>\n            <div class=\"col\">\n              <a class= \"project\" >fps: {{fps}}</a>\n            </div>\n            </div>\n\n          </div>\n          \n        </div>\n        <!-- <div style=\" display: flex; justify-content: center;\">\n          <h5 class=\"mt-0 mb-0\" >Camera Mode: </h5>\n            <div :key=\"index\" style=\"margin-left: 10px;\"  v-for=\"(motion, index) in this.$store.state.camera_motions\">\n                <a\n                  class=\"btn bg-gradient-dark w-100\"\n                  v-on:click=\"setCameraMotion(`${index}`)\"\n                  >{{motion.name}}</a>\n            </div>\n        </div> -->\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport { mapMutations } from \"vuex\";\nimport {  engine_event } from '@/engine'\nexport default {\n  name: \"editor_panel\",\n  props: [\"save\",'project_name'],\n  data() {\n    return {\n      disabled: 1,\n      reactiveWidth : 100+ 'px',\n      mutable_project_name: '',\n      fps: 60,\n    };\n  },\n  mounted ()\n  {\n    engine_event.addListener('fps', function(value)\n    {\n      this.fps = value;\n    }.bind(this));\n  },\n  methods: {\n    ...mapMutations([\"toggleEditorPanel\"]),\n    onMode(mode)\n    {\n      engine_event.emit('onMode',mode);\n    },\n    onEditName()\n    {\n      this.disabled=0; \n      document.getElementById('name_input').disabled=0;\n      document.getElementById('name_input').focus();\n      console.log(\"enable\");\n    },\n    onExport()\n    {\n      engine_event.emit(\"onExport\");\n      console.log(\"export\");\n    },\n    onDisableEditName()\n    {\n      this.disabled=1;\n      console.log(\"disable\");\n    },\n    CalcWidth()\n    {\n      console.log(\"edit\")\n      this.reactiveWidth = this.mutable_project_name.length + 'ch';\n    },\n    SetName(name)\n    {\n      this.mutable_project_name = name;\n      document.getElementById('name_input').value = this.mutable_project_name;\n      this.reactiveWidth = this.mutable_project_name.length + 'ch';\n    },\n    setCameraMotion(index)\n    {\n      engine_event.emit('onCameraMotion',index);\n    }\n  },\n  computed: {\n    ifTransparent() {\n      return this.$store.state.isTransparent;\n    },\n    sidenavResponsive() {\n      return this.sidenavTypeOnResize;\n    },\n\n  },\n  beforeMount() {\n    this.$store.state.isTransparent = \"bg-transparent\";\n    this.CalcWidth();\n  },\n};\n</script>\n<style scoped>\n.name_input\n{\n  background-color: transparent!important;\n  border: 0ch;\n  font-family: 'Open Sans';\n  font-weight: 600;\n  color:  #344767;\n  /* width: 50%; */\n\n}\n</style>\n\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditorPanel.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditorPanel.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditorPanel.vue?vue&type=template&id=7e9409b9&scoped=true&\"\nimport script from \"./EditorPanel.vue?vue&type=script&lang=js&\"\nexport * from \"./EditorPanel.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EditorPanel.vue?vue&type=style&index=0&id=7e9409b9&scoped=true&lang=css&\"\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  \"7e9409b9\",\n  null\n  \n)\n\nexport default component.exports","\r\n<template>\r\n   <div >\r\n      <div id=\"audio\">\r\n        <audio id=\"audio2\" autoplay></audio>\r\n        <audio id=\"replay\" autoplay></audio>\r\n      </div>\r\n      <div id=\"video\" class=\"video-container\">\r\n        <video id=\"video2\" class=\"video_bg\" muted playsinline autoplay ></video>\r\n      </div>\r\n      <div class=\"box\" id=\"engine\" ref=\"engine\" v-on:mousedown=\"e=>{startX = e.x, startY = e.y}\" v-on:mouseup=\"collapse($event)\"  v-on:keyup.enter=\"show=!show\"/>\r\n      <editor-panel\r\n        ref=\"panel\"\r\n        :save=\"saveProject\"\r\n        :project_name = 'mutable_project_name'\r\n        :class=\"[\r\n        this.$store.state.showEditorPanel ? 'show' : '',\r\n      ]\"\r\n    />\r\n  </div>\r\n</template>\r\n<script>\r\n  /* eslint-disable */\r\nimport { Engine, engine_event } from '@/engine'\r\nimport { API, Storage} from 'aws-amplify';\r\nimport * as aws_helper from \"@/amplify_helper.js\";\r\nimport EditorPanel from \"@/components/EditorPanel.vue\";\r\nimport { zipSync, strToU8, strFromU8, unzipSync } from 'fflate';\r\nimport data2blob from 'vue-image-crop-upload/utils/data2blob.js';\r\nimport {v4 as uuid} from 'uuid';\r\nimport { mapMutations } from \"vuex\";\r\n\r\nstrFromU8;\r\nunzipSync;\r\n//import * as THREE from 'three';\r\nlet engine  = new Engine();\r\nengine;\r\nexport default {\r\n  name: 'starter',\r\n  data()\r\n  {\r\n    return{\r\n      loading: false,\r\n      motions: [],\r\n      mutable_project_name: '',\r\n      project_id: null,\r\n      panel: null,\r\n      startX:0,\r\n      startY:0,\r\n      \r\n    }\r\n  },\r\n  components:\r\n  {\r\n    EditorPanel,\r\n  },\r\n  mounted : function()\r\n  {\r\n    engine_event.emit('onInitStats');\r\n    \r\n    (async ()=>\r\n    {\r\n      this.loading = true;\r\n       this.lambda = await this.callLambda();\r\n       this.GetMotions(this.lambda);\r\n       this.GetCharacters(this.lambda);\r\n       this.GetEnvironments(this.lambda);\r\n\r\n      \r\n      //let basic_zip = await aws_helper.getS3File('public/projects/'+this.project+'/'+this.project+'.zip');\r\n      //let basic_zip = await aws_helper.getS3File(this.project);\r\n      let basic_zip ='';\r\n      let params = {\r\n            'queryStringParameters':\r\n            {\r\n                project_id: this.project\r\n            }\r\n        }\r\n      const data = await API.get('getassets','/project', params);\r\n      console.log(data);\r\n      if(data.projects.length==0)\r\n      {\r\n        basic_zip = await aws_helper.getS3File('public/projects/'+this.project+'/'+this.project+'.zip','no-store');\r\n        this.mutable_project_name = this.project;\r\n      }\r\n      else{\r\n        this.mutable_project_name = data.projects[0][2];\r\n        basic_zip = await aws_helper.getS3File(data.projects[0][0],'no-store');\r\n        this.project_id = this.project;\r\n      }\r\n      let panel = this.$refs.panel;\r\n     \r\n      panel.SetName(this.mutable_project_name);\r\n      console.log(panel);\r\n      let blob = await fetch(basic_zip);\r\n      let zipped = new Uint8Array(await blob.arrayBuffer());\r\n      const unzipped = unzipSync(zipped);\r\n      let json = strFromU8(unzipped['app.json' ])\r\n      const jdata = JSON.parse(json);\r\n      this.$store.state.hasSlides = false;\r\n      this.$store.state.enviroments_3d = false;\r\n      if(jdata.slides && jdata.slides.length>0)\r\n      {\r\n        this.$store.state.hasSlides = true;\r\n      }\r\n      if(jdata.enviroments_3d && jdata.enviroments_3d.length>0)\r\n      {\r\n        this.$store.state.has3dEnvironment = true;\r\n      }\r\n      {\r\n       \r\n        let promiseResolve;\r\n        const promise = new Promise((resolve) => {promiseResolve=resolve;});\r\n        await engine_event.emit('onLoadProject', json, promiseResolve);\r\n        await promise;\r\n      }\r\n      \r\n      engine_event.emit('hasScreen',(value) => {this.$store.state.hasSlides=value;});\r\n      engine_event.emit('loadCamerasFromFile',jdata.cameras);\r\n        \r\n\r\n      {\r\n       \r\n        // let promiseResolve;\r\n        // const promise = new Promise((resolve) => {promiseResolve=resolve;});\r\n        // await engine_event.emit('onLoadEnvironment', this.lambda.environments[0].slice(0,6),this.lambda.environments[0][6], promiseResolve);\r\n        // await promise;\r\n      }\r\n      \r\n      let promiseResolve;\r\n      const promise = new Promise((resolve) => {promiseResolve=resolve;});\r\n      await engine_event.emit('onLoadAnimation', \"public/motions/rpg_idle_fingers.glb\", promiseResolve);//this.motions[0]\r\n      await promise;\r\n      \r\n      {\r\n        const promise = new Promise((resolve) => {promiseResolve=resolve;});\r\n        await engine_event.emit('onLoadCameraMotion', \"public/motions/camera_motions.glb\", promiseResolve);\r\n        await promise;\r\n      }\r\n      {\r\n        // let promiseResolve;\r\n        // const promise = new Promise((resolve) => {promiseResolve=resolve;});\r\n        // engine_event.emit('onLoadGLB', 'public/RedPillBot.glb', 'public/RedPillBot.json', promiseResolve);\r\n        // promise;\r\n      }\r\n      // {\r\n      //     let promiseResolve;\r\n      //     const promise = new Promise((resolve) => {promiseResolve=resolve;});\r\n      //     engine_event.emit('onLoad3DEnvironment', 'public/Gym.glb',true,promiseResolve);\r\n      //     promise;\r\n      //   }\r\n\r\n      //   {\r\n      //     let promiseResolve;\r\n      //     const promise = new Promise((resolve) => {promiseResolve=resolve;});\r\n      //     engine_event.emit('onLoadAnimatedModel', 'public/GymInstructor.glb', promiseResolve);\r\n      //     promise;\r\n      //   }\r\n      // {\r\n      //     let promiseResolve;\r\n      //     const promise = new Promise((resolve) => {promiseResolve=resolve;});\r\n      //     engine_event.emit('onLoad3DEnvironment', 'public/Stage.glb',true, promiseResolve);\r\n      //     promise;\r\n      //   }\r\n\r\n      //   {\r\n      //     let promiseResolve;\r\n      //     const promise = new Promise((resolve) => {promiseResolve=resolve;});\r\n      //     engine_event.emit('onLoad3DEnvironment', 'public/stage_people.glb', false, promiseResolve);\r\n      //     promise;\r\n      //   }\r\n      //   {\r\n      //     let slides = [];\r\n      //     slides.push('public/slides/Slide1.JPG');\r\n      //     slides.push('public/slides/Slide2.JPG');\r\n      //     slides.push('public/slides/Slide3.JPG');\r\n      //     slides.push('public/slides/Slide4.JPG');\r\n      //     slides.push('public/slides/Slide5.JPG');\r\n      //     slides.push('public/slides/Slide6.JPG');\r\n      //     slides.push('public/slides/Slide7.JPG');\r\n      //     slides.push('public/slides/Slide8.JPG');\r\n      //     slides.push('public/slides/Slide9.JPG');\r\n      //     slides.push('public/slides/Slide10.JPG');\r\n      //     let promiseResolve;\r\n      //     const promise = new Promise((resolve) => {promiseResolve=resolve;});\r\n      //     engine_event.emit('onLoadSlides', slides, promiseResolve);\r\n      //     promise;\r\n      //   }\r\n       this.loading = false;\r\n       \r\n       \r\n    })();\r\n    this.configureStorage();\r\n  },\r\n  methods:\r\n  {\r\n    ...mapMutations([ \"closeAllPanels\"]),\r\n    configureStorage()\r\n    {\r\n        Storage.configure({\r\n            customPrefix: {\r\n                protected: `protected/${this.$store.state.email}/`\r\n            }\r\n        })\r\n    },\r\n    async callLambda()\r\n    {\r\n     try{\r\n      //var user = await Auth.currentAuthenticatedUser();\r\n      const data = await API.get('getassets','/items');\r\n      console.log(data);\r\n      return data;\r\n     }catch(err)\r\n     {\r\n        console.log('error: ',err);\r\n     }\r\n    },\r\n    async GetMotions(lambda) \r\n    {\r\n      //console.log(lambda.motions);\r\n      this.motions.push(lambda.motions)\r\n      //this.missing_thumb = await aws_helper.getS3File(lambda.missing);\r\n      //this.glass_thumb = await aws_helper.getS3File(lambda.glass);\r\n    },\r\n    async GetEnvironments(lambda) \r\n\t\t{\r\n      this.$store.state.environments = [];\r\n      //if(this.$store.state.environments.length>0) return;\r\n\t\t\tfor(var c in lambda.environments)\r\n\t\t\t{\r\n        //console.log(lambda.environments[c]);\r\n\t\t\t\tthis.$store.state.environments.push(lambda.environments[c]);\r\n        let st = lambda.environments[c][0].indexOf(\"cubemaps/\")+9;\r\n        let end = lambda.environments[c][0].indexOf(\"/px.jpg\");\r\n        let name = lambda.environments[c][0].substring(st, end);\r\n        lambda.environments[c].push(name);\r\n        lambda.environments[c].push(await aws_helper.getS3File(lambda.environments[c][6]));\r\n        //console.log(this.environments[this.environments.length-1]);\r\n        \r\n\t\t\t}\r\n      this.$store.state.environments.push([\"\",\"\",\"\",\"\",\"\",\"\",\"\",\"Transparent\",await aws_helper.getS3File(lambda.glass)]);\r\n\t\t},\r\n    async GetCharacters(lambda) \r\n\t\t{\r\n\r\n      //if(this.$store.state.characters.length>0) return;\r\n      this.$store.state.characters = []\r\n      this.$store.state.characters.push(['',await aws_helper.getS3File('public/thumbs/Custom.jpg'),\"\",\"Custom\"]);\r\n      this.$store.state.characters.push(['public/models/RedPillBotV3.glb',await aws_helper.getS3File('public/thumbs/RedPillBotV3.jpg'),\"public/configs/RedPillBotV3.json\",\"RedPillBot\"]);\r\n      //engine_event.emit('onLoadGLB', await aws_helper.getS3File('public/RedPillBot.glb'), await aws_helper.getS3File(\"public/RedPillBot.json\"), promiseResolve);\r\n      for(let c in lambda.private_assets)\r\n      {\r\n        this.$store.state.characters.push([lambda.private_assets[c][0],await aws_helper.getS3File(lambda.private_assets[c][1]),'public/GenericRPMv2.json',lambda.private_assets[c][2]]);\r\n      }\r\n\t\t\tfor(let c in lambda.characters)\r\n\t\t\t{\r\n        let name = lambda.characters[c][3];\r\n        let attribution = \"\";\r\n        try{\r\n         \r\n          const local_json_url = await aws_helper.getS3File(lambda.characters[c][2]);\r\n          const jd = await fetch(local_json_url)\r\n          const jdata = await jd.json();\r\n          name = jdata.Name;\r\n          console.log(jdata);\r\n          if(jdata.Attribution)\r\n            attribution = jdata.Attribution;\r\n        }catch(err)\r\n        {\r\n          //console.log(\"No json data for \",name,err.message);\r\n          //lambda.characters[c].push(lambda.characters[c][3]);\r\n        }\r\n        \r\n        \r\n        let char_url = await aws_helper.getS3File(lambda.characters[c][1]);\r\n        this.$store.state.characters.push([lambda.characters[c][0],char_url,lambda.characters[c][2],name,attribution]);\r\n\r\n\t\t\t}\r\n     \r\n\t\t},\r\n    async saveProject(title)\r\n    {\r\n      this.loading = true;\r\n      console.log(\"Save Project\");\r\n      const toZip = {};\r\n      let promiseResolve;\r\n      const promise = new Promise((resolve) => {promiseResolve=resolve;});\r\n      await engine_event.emit('onSaveProject', promiseResolve);\r\n      let output = await promise;\r\n\r\n      let promiseResolve2;\r\n      const promise2 = new Promise((resolve) => {promiseResolve2=resolve;});\r\n      await engine_event.emit('screenshot', promiseResolve2);\r\n      let thumbnail = await promise2;\r\n\r\n      let promiseResolve3;\r\n      const promise3 = new Promise((resolve) => {promiseResolve3=resolve;});\r\n      await engine_event.emit('getSlides', promiseResolve3);\r\n      let slides = await promise3;\r\n\r\n     \r\n\r\n      output.metadata.type = 'App';\r\n      output.metadata.name = this.$refs.panel.mutable_project_name;\r\n      if(this.project_id==null)\r\n      {\r\n        this.project_id = uuid();\r\n      }\r\n      output.metadata.project_id = this.project_id;\r\n      let credentials = await aws_helper.getCredentials();\r\n      let identityId = credentials.identityId;\r\n      for(let i=0; i< slides.length; i++)\r\n      {\r\n        output.slides[i] = \"protected/\"+this.$store.state.email+\"/\"+identityId+\"/\"+this.project_id+\"/Slides/Slide\"+i+\".jpg\";\r\n      }\r\n      if(slides.length>0)\r\n        output.metadata.hasSlides = true;\r\n\r\n      let waves = [];\r\n      for(let i=0; i<output.recordings.length; i++)\r\n      {\r\n        if(output.recordings[i].audio!=undefined)\r\n        {\r\n          waves.push({name:output.recordings[i].clip.name, blob:output.recordings[i].audio});\r\n          output.recordings[i].audio = \"protected/\"+this.$store.state.email+\"/\"+identityId+\"/\"+this.project_id+\"/waves/\"+output.recordings[i].clip.name+\".wav\";\r\n        }\r\n      }\r\n      for(let i=0; i<this.$store.state.cameras.length; i++)\r\n      {\r\n        output.cameras.push(this.$store.state.cameras[i].serialize());\r\n      }\r\n\r\n      let meta_file = output.metadata;\r\n      output = JSON.stringify( output, null, '\\t' );\r\n      //eslint-disable-line\r\n      output = output.replace( /[\\n\\t]+([\\d\\.e\\-\\[\\]]+)/g, '$1' );\r\n\r\n      toZip[ 'app.json' ] = strToU8( output );\r\n      //const manager = new THREE.LoadingManager( function () {\r\n       \r\n      const zipped = zipSync( toZip, { level: 9 } );\r\n      const blob = new Blob( [ zipped.buffer ], { type: 'application/zip' } );\r\n\r\n      this.save( blob,thumbnail, this.project_id, meta_file, slides, waves);\r\n\r\n        //} );\r\n      this.loading = false;  \r\n    },\r\n    async save( blob, thumbnail, project_id, meta_file, slides ,waves) {\r\n      let project_uuid = project_id\r\n      \r\n      const link = document.createElement( 'a' );\r\n      if ( link.href ) {\r\n\r\n        URL.revokeObjectURL( link.href );\r\n\r\n      }\r\n      await Storage.put(project_uuid+'/project.zip', blob, {\r\n            level: \"protected\",\r\n            contentType: \"application/zip\",\r\n        });\r\n        let photoBlob;\r\n        photoBlob = data2blob(thumbnail,\"image/jpeg\");\r\n        await Storage.put(project_uuid+\"/thumbnail.jpg\", photoBlob, {\r\n            level: \"protected\",\r\n            contentType: \"image/jpeg\",\r\n        });\r\n        await Storage.put(project_uuid+\"/meta.json\", meta_file, {\r\n            level: \"protected\",\r\n            contentType: \"application/json\",\r\n        });\r\n\r\n        for(let i=0; i< slides.length; i++)\r\n        {\r\n          let img = slides[i].image.currentSrc;\r\n          const blob=await fetch(img).then(res=>res.blob());\r\n          await Storage.put(project_uuid+\"/Slides/Slide\"+i+\".jpg\", blob, {\r\n            level: \"protected\",\r\n            contentType: \"image/jpeg\",\r\n          });\r\n        }\r\n        for(let i=0; i< waves.length; i++)\r\n        {\r\n         \r\n          const blob=waves[i].blob;\r\n          await Storage.put(project_uuid+\"/waves/\"+waves[i].name+\".wav\", blob, {\r\n            level: \"protected\",\r\n            contentType: \"audio/wav\",\r\n          });\r\n        }\r\n      //link.href = URL.createObjectURL( blob );\r\n      //link.download = filename || 'data.json';\r\n      //link.dispatchEvent( new MouseEvent( 'click' ) );\r\n\r\n    },\r\n    collapse(event)\r\n    {\r\n      if(event && event.button==0)\r\n      {\r\n        const diffX = Math.abs(event.x - this.startX);\r\n        const diffY = Math.abs(event.y - this.startY);\r\n        let delta = 6;\r\n        if (diffX < delta && diffY < delta) {\r\n          this.closeAllPanels();\r\n        }\r\n        // this.$refs.sidebarright.hide();\r\n        // this.$refs.sidebarleft.hide();\r\n        // if(this.$refs.cam_panel.show == true)\r\n        //   this.$root.$emit('bv::toggle::collapse', 'cam_panel')\r\n        // this.$root.$emit(\"collapse\");\r\n      }\r\n    },\r\n\r\n  },\r\n  props: {\r\n    project:\r\n    {\r\n      type: String,\r\n      default:\"Test\",\r\n    },\r\n    project_name:\r\n    {\r\n      type: String,\r\n      default:\"Test\",\r\n    }\r\n  },\r\n  watch: {\r\n\t\tloading: function (loading) {\r\n\t\t\tif (loading) \r\n\t\t\t{\r\n\t\t\t\tthis.loader = this.$loading.show({container: this.$refs.loadingContainer});\r\n\t\t\t} else \r\n\t\t\t{\r\n\t\t\t\tthis.loader.hide();\r\n\t\t\t\tthis.loader = null;\r\n\t\t\t}\r\n\t\t}\r\n\t},\r\n};\r\n</script>\r\n<style>\r\n.starter-page {\r\n  min-height: calc(100vh ); \r\n  height: 100%;\r\n  width: 100%;\r\n  background-color:cadetblue;\r\n}\r\n.box {\r\n  position:fixed;\r\n\r\n  top:0px;\r\n  right:0px;\r\n  bottom:0px;\r\n  left:0px;\r\n  width: 100%;\r\n  height: 100%;\r\n  z-index: -1;  \r\n}\r\n.video_bg\r\n{\r\n  position:fixed;\r\n  width: 100%;\r\n  top: 0%;\r\n  left: 0%;\r\n  text-align: center;\r\n  z-index:-3;  \r\n}\r\n.video-container {\r\n  position: fixed;\r\n  top: 0;\r\n  bottom: 0;\r\n  width: 100%;\r\n  height: 100%; \r\n  overflow: hidden;\r\n  z-index:-3;  \r\n}\r\n.video-container video {\r\n  /* Make video to at least 100% wide and tall */\r\n  min-width: 100%; \r\n  min-height: 100%; \r\n\r\n  /* Setting width & height to auto prevents the browser from stretching or squishing the video */\r\n  width: auto;\r\n  height: auto;\r\n\r\n  /* Center the video */\r\n  position: fixed;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%,-50%);\r\n}\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Viewer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Viewer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Viewer.vue?vue&type=template&id=02087c1c&\"\nimport script from \"./Viewer.vue?vue&type=script&lang=js&\"\nexport * from \"./Viewer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Viewer.vue?vue&type=style&index=0&lang=css&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Subscriptions.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}