{"version":3,"sources":["webpack:///./src/views/authCustomer/Login.vue?f630","webpack:///./src/views/authCustomer/Login.vue","webpack:///./src/views/authCustomer/Login.vue?440a"],"names":["class","action","style","method","id","autocomplete","type","value","disabled","data","step","placeholder","firstName","lastName","phone","email","user","stepAction","tandc","href","publicOrganizationData","termsAndConditions","target","$router","currentRoute","query","userSingUp","passwordSingUp","singUpUser","src","logoColor","url","alt","components","PaperDisplayer","UiButton","name","created","location","host","this","local","setUserWeb","methods","mapMutations","mapActions","loading","document","getElementById","classList","add","remove","console","log","setPaymentMethods","loginUser","setTimeout","createHostedFields","clientInstance","braintree","hostedFields","create","client","styles","fields","number","selector","cvv","expirationDate","postalCode","err","hostedFieldsInstance","error","tokenize","event","preventDefault","payload","JSON","stringify","token","processorResponse","nonce","form","addEventListener","pullData","pushData","PK","SK","API","graphql","variables","smd_getRecordObj","parse","organizationData","paymentMode","toLowerCase","authorization","clientsideToken","sandboxClientsideToken","Auth","signIn","then","SetOrganizationID","SetOrganizationData","setPublicOrganization","undefined","setPublicOrganizationData","getPublicOrganization","catch","orgPK","publicOrganization","originURL","smd_customerSignUp","smd_response","statusCode","computed","mapState","__exports__","render"],"mappings":"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","file":"js/chunk-3139b030.124fb2d4.js","sourcesContent":["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/cli-service/node_modules/vue-loader-v16/dist/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/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Login.vue?vue&type=style&index=0&id=a0f7355c&lang=css\"","<template >\n  <div class=\"loginPage\" >\n    <div class=\"container\">\n      <div class=\"forms-container\">\n        <PaperDisplayer :value=\"data\" />\n        <div class=\"signin-signup\">\n          <form action=\"#\" class=\"sign-in-form\" v-if=\"step==1\">\n            <h2 class=\"title\">SigUp </h2>\n            <div class=\"input-field\">\n              <i class=\"fas fa-envelope\"></i>\n              <input type=\"text\" placeholder=\"Firts Name\" v-model=\"data.firstName\" />\n            </div>\n            <div class=\"input-field\">\n              <i class=\"fas fa-envelope\"></i>\n              <input type=\"text\" placeholder=\"Last Name\" v-model=\"data.lastName\" />\n            </div>\n            <div class=\"input-field\">\n              <i class=\"fas fa-envelope\"></i>\n              <input type=\"text\" placeholder=\"Phone\" v-model=\"data.phone\" />\n            </div>\n            <div class=\"input-field\">\n              <i class=\"fas fa-envelope\"></i>\n              <input type=\"email\" placeholder=\"Email\" v-model=\"data.email\" />\n            </div>\n            <div class=\"input-field\">\n              <i class=\"fas fa-user\"></i>\n              <input type=\"text\" placeholder=\"Username\" v-model=\"data.user\"/>\n            </div>\n            <button class=\"btn-l solid\" type=\"button\" v-on:click=\"stepAction(1)\"> Next </button>\n            \n            <!--p class=\"social-text\">Or Sign in with social platforms</!--p>\n            <div-- class=\"social-media\">\n              <a href=\"#\" class=\"social-icon\">\n                <i class=\"fab fa-facebook-f\"></i>\n              </a>\n              <a href=\"#\" class=\"social-icon\">\n                <i class=\"fab fa-twitter\"></i>\n              </a>\n              <a href=\"#\" class=\"social-icon\">\n                <i class=\"fab fa-google\"></i>\n              </a>\n              <a href=\"#\" class=\"social-icon\">\n                <i class=\"fab fa-linkedin-in\"></i>\n              </a>\n            </div-->\n          </form>\n          <div class=\"demo-frame sign-in-form\" style=\"width: 500px;\"   v-if=\"step==2\">\n            <form action=\"/\" method=\"post\"  id=\"cardForm\" autocomplete=\"off\">\n              <label class=\"hosted-fields--label\" for=\"card-number\">Card Number</label>\n              <div id=\"card-number\" class=\"hosted-field\"></div>\n    \n              <label class=\"hosted-fields--label\" for=\"expiration-date\">Expiration Date</label>\n              <div id=\"expiration-date\" class=\"hosted-field\"></div>\n    \n              <label class=\"hosted-fields--label\" for=\"cvv\">CVV</label>\n              <div id=\"cvv\" class=\"hosted-field\"></div>\n    \n              <label class=\"hosted-fields--label\" for=\"postal-code\">Postal Code</label>\n              <div id=\"postal-code\" class=\"hosted-field\"></div>\n    \n              <div class=\"button-container\">\n              <br>\n              <div class=\"input-wrap col-12\" style=\"text-align: left;\">\n                <input type=\"checkbox\" class=\"box\" />\n                <span class=\"text\" style=\"font-size:12px;display: block;float: right;width: calc(100% - 20px); padding: 0 0 0 10px;\" > Save this CC for future transactions </span>\n                <br>\n                <input type=\"checkbox\" class=\"box\" v-model=\"tandc\"/>\n                <span class=\"text\" style=\"font-size:12px;display: block;float: right;width: calc(100% - 20px); padding: 0 0 0 10px;\" >I agree to the <a :href=\"publicOrganizationData.termsAndConditions\" target=\"_blank\">terms and conditions</a></span>\n              </div>\n              <br>\n              <input v-if=\"tandc == true\" type=\"submit\" class=\"btn-g show green center\" value=\"Save\" style=\"cursor:pointer;\" id=\"submit\" v-on:click=\"stepAction(2)\" />\n              <input v-else  class=\"btn-g show gray center\" style=\"cursor:pointer;\" value=\"Save\" disabled />\n              </div>\n            </form>\n          </div> \n          <form v-if=\"!$router.currentRoute.value.query.data\" action=\"#\" >\n            <!--button class=\"btn-l solid\" type=\"button\" v-on:click=\"singUpUser\"> Sign up </!--button-->\n            <!--p class=\"social-text\">Or Sign up with social platforms</!--p>\n            <div-- class=\"social-media\">\n              <a href=\"#\" class=\"social-icon\">\n                <i class=\"fab fa-facebook-f\"></i>\n              </a>\n              <a href=\"#\" class=\"social-icon\">\n                <i class=\"fab fa-twitter\"></i>\n              </a>\n              <a href=\"#\" class=\"social-icon\">\n                <i class=\"fab fa-google\"></i>\n              </a>\n              <a href=\"#\" class=\"social-icon\">\n                <i class=\"fab fa-linkedin-in\"></i>\n              </a>\n            </div-->\n          </form>\n          <form v-else action=\"#\" class=\"sign-up-form\">\n            <h2 class=\"title\">Client Sign up</h2>\n            <div class=\"input-field\">\n              <i class=\"fas fa-envelope\"></i>\n              <input type=\"email\" placeholder=\"Email\" v-model=\"userSingUp\" />\n            </div>\n            <div class=\"input-field\">\n              <i class=\"fas fa-lock\"></i>\n              <input type=\"password\" placeholder=\"Password\" v-model=\"passwordSingUp\" />\n            </div>\n            <button class=\"btn-l solid\" type=\"button\" v-on:click=\"singUpUser\"> Sign up </button>\n            <!--p class=\"social-text\">Or Sign up with social platforms</!--p>\n            <div-- class=\"social-media\">\n              <a href=\"#\" class=\"social-icon\">\n                <i class=\"fab fa-facebook-f\"></i>\n              </a>\n              <a href=\"#\" class=\"social-icon\">\n                <i class=\"fab fa-twitter\"></i>\n              </a>\n              <a href=\"#\" class=\"social-icon\">\n                <i class=\"fab fa-google\"></i>\n              </a>\n              <a href=\"#\" class=\"social-icon\">\n                <i class=\"fab fa-linkedin-in\"></i>\n              </a>\n            </div-->\n          </form>\n        </div>\n      </div>\n      <div class=\"panels-container\">\n        <div class=\"panel left-panel\">\n          <div class=\"content\">\n            <img style=\"width: 250px;\" :src=\"publicOrganizationData.logoColor[0].url\" class=\"image\" alt=\"\" />\n            \n          </div>\n          <!--img src=\"../../assets/icons/log.svg\" class=\"image\" alt=\"\" /-->\n        </div>  \n        <div class=\"panel right-panel\">\n          <div class=\"content\">\n            <h3>Lorem</h3>\n            \n          </div>\n          <!--img src=\"../../assets/icons/register.svg\" class=\"image\" alt=\"\" /-->\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nlet tokenQuote = null\n//AWS Back End\nimport { smd_getRecordObj, smd_getMyOrganization, smd_listEntityObj, smd_listUserGroups  } from '../../graphql/queries'\nimport { smd_customerSignUp } from '../../graphql/mutations'\nimport { API, Auth } from \"aws-amplify\";\n//Component\nimport PaperDisplayer from '../../components/papers/PaperDisplayer.vue'\nimport UiButton from '../../components/ui/UiButton.vue'\n\n//Tools\nimport {popUp} from '../../store/tools'\nimport Vuex from \"vuex\";\nimport Swal from 'sweetalert2'\n\n\nexport default {\n  components: { \n    PaperDisplayer,\n    UiButton,\n  },\n  name: \"Login\",\n  data() {\n    return {\n      data:{},\n      step:1,\n      //billing\n      tandc:false,\n    };\n  },\n  created() {\n    if (location.host == 'localhost:8080' ) {\n      this.local = true\n    }\n    //\n    this.setUserWeb()\n  },\n  methods: {\n    ...Vuex.mapMutations([\"setIdentityId\",\"SetOrganizationID\", \"SetUser\", \"SetRows\", \"setDataUser\",'setAttUser', 'setPublicOrganization','setUserPermissions' ,'setPublicOrganizationData','SetOrganizationData','setClasses','SetPermissions']),\n    ...Vuex.mapActions(['getPublicOrganization','getRecordLists','getEntities','getProducts']),\n    //Tools\n    loading(action){\n      if (action == 'show') {\n        document.getElementById(\"loading\").classList.add('show')\n        document.getElementById(\"body\").classList.add(\"noScroll\")\n      }else{\n        document.getElementById(\"loading\").classList.remove('show')\n        document.getElementById(\"body\").classList.remove(\"noScroll\")\n      }\n    },\n    stepAction(step){\n      console.log(step);\n      switch (step) {\n        case 1:\n          console.log('step');\n          this.step = 2\n          this.setPaymentMethods()\n          this.loginUser()\n        break;\n        case 2:\n          setTimeout(() => {\n            \n          }, 1000);\n        break;\n      }\n    },\n    async setPaymentMethods(){\n      let form = null\n      //------\n      let pullData = null\n      let pushData = null\n      let type = null\n      try {\n        pushData={\n          PK: '#SMARTDASH',\n          SK: \"#ORG#SMARTDASH\",\n        }\n        pullData = await API.graphql({\n          query: smd_getRecordObj,\n          variables: pushData\n        })\n        pullData = pullData.data.smd_getRecordObj\n        pullData = JSON.parse(pullData.data)\n        console.log(pullData);\n        type = this.organizationData.paymentMode.toLowerCase() \n      } catch (error) {\n        console.log(error);\n        //popUp(error, 'cach', 'err')\n      }\n      //------\n      setTimeout(() => {\n        //console.clear()\n        let authorization = null;\n        form = document.getElementById('cardForm')\n        if (type == 'production') {\n          authorization = pullData.clientsideToken.value\n        } else {\n          authorization = pullData.sandboxClientsideToken.value;\n        }\n        braintree.client.create({ authorization: authorization }, \n        function (err, clientInstance) {\n          if (err) {\n            console.error(err);\n            return;\n          }\n          createHostedFields(clientInstance);\n        });\n      }, 500);\n      function createHostedFields(clientInstance) {\n        braintree.hostedFields.create({\n          client: clientInstance,\n          styles: {\n            'input': {\n              'font-size': '16px',\n              'font-family': 'courier, monospace',\n              'font-weight': 'lighter',\n              'color': '#555555'\n            },\n            ':focus': {\n              'color': 'black'\n            },\n            '.valid': {\n              'color': '#08a414f7'\n            }\n          },\n          fields: {\n            number: {\n              selector: '#card-number',\n              //placeholder: '4111 1111 1111 1111'\n            },\n            cvv: {\n              selector: '#cvv',\n              //placeholder: '123'\n            },\n            expirationDate: {\n              selector: '#expiration-date',\n              placeholder: 'MM/YYYY'\n            },\n            postalCode: {\n              selector: '#postal-code',\n              //placeholder: '11111'\n            }\n          }\n        }, function (err, hostedFieldsInstance) {\n          if (err) {\n            console.error(err);\n            return;\n          }\n          var tokenize = function (event) {\n            event.preventDefault();\n            hostedFieldsInstance.tokenize(function (err, payload) {\n              if (err) {\n                console.log(err);\n                tokenQuote = JSON.stringify({token:null, processorResponse:err })\n                return;\n              }\n              tokenQuote = JSON.stringify({token:payload.nonce, processorResponse:payload })\n              //alert('Submit your nonce (' +  payload.nonce + ') to your server here!');\n            });\n          };\n          \n          form.addEventListener('submit', tokenize, false);\n          //form.on(\"submit\", tokenize, false);\n        });\n      }\n    },\n    async setUserWeb(){\n      console.log('>>> Usuario: '+this.user);\n        Auth.signIn('smd_webuser', '383@JDU45ss#')\n        .then((user) => { \n          //Clear Global Variables\n          this.SetOrganizationID(\"Not authorized\")\n          this.SetOrganizationData(\"Not authorized\")\n          this.setPublicOrganization(undefined)\n          this.setPublicOrganizationData(undefined)\n          //console.clear()\n          ///-----\n\n          this.getPublicOrganization()\n          this.loading('hidden')\n        })\n        .catch((err) => console.log(err))\n    },\n    async loginUser() {\n      let pullData = null\n      let pushData = null\n      try {\n        //if (JSON.parse(tokenQuote).token == null) {\n        //  return\n        //}\n        //this.data.token = tokenQuote\n        pushData={\n          orgPK: this.publicOrganization,\n          data: JSON.stringify(this.data),\n          originURL: location.href,\n        }\n        pullData = await API.graphql({\n          query: smd_customerSignUp,\n          variables: pushData\n        })\n        console.log(pullData);\n        pullData = pullData.data.smd_customerSignUp\n        if (pullData.smd_response.statusCode != 200) {\n          popUp(pullData.smd_response, 'response', 'err')\n          loading('hide', 'getItem')\n          return\n        }\n      } catch (error) {\n        console.log(error);\n        popUp(error, 'cach', 'err')\n      }\n    },\n  },\n  computed:{\n    ...Vuex.mapState([\"organizationID\",'organizationData', 'publicOrganization','user','publicOrganization', 'publicOrganizationData','currentItem','userPermissions'])\n  }\n};\n</script>\n\n\n<style lang=\"less\">\n\n</style>\n<style >\n\n\nbody,\ninput {\n  font-family: \"Poppins\", sans-serif;\n}\n\n.container {\n  position: relative;\n  width: 100%;\n  background-color: #fff;\n  min-height: 100vh;\n  overflow: hidden;\n  max-width: 100%;\n}\n\n.forms-container {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n}\n\n.signin-signup {\n  position: absolute;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  left: 75%;\n  width: 50%;\n  transition: 0.3s 0.1s ease-in-out;\n  display: grid;\n  grid-template-columns: 1fr;\n  z-index: 5;\n}\n\nform {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  padding: 0rem 5rem;\n  transition: all 0.1s 0.1s;\n  overflow: hidden;\n  grid-column: 1 / 2;\n  grid-row: 1 / 2;\n}\n\nform.sign-up-form {\n  opacity: 0;\n  z-index: 1;\n}\n\nform.sign-in-form {\n  z-index: 2;\n}\n\n.title {\n  font-size: 2.2rem;\n  color: #444;\n  margin-bottom: 10px;\n}\n\n.input-field {\n  max-width: 380px;\n  width: 100%;\n  background-color: #f0f0f0;\n  margin: 10px 0;\n  height: 55px;\n  border-radius: 0;\n  display: grid;\n  grid-template-columns: 15% 85%;\n  padding: 0 0.4rem;\n  position: relative;\n}\n\n.input-field i {\n  text-align: center;\n  line-height: 55px;\n  color: #acacac;\n  transition: 0.2s;\n  font-size: 1.1rem;\n}\n\n.input-field input {\n  background: none;\n  outline: none;\n  border: none;\n  line-height: 1;\n  font-weight: 600;\n  font-size: 1.1rem;\n  color: #333;\n}\n\n.input-field input::placeholder {\n  color: #aaa;\n  font-weight: 500;\n}\n\n.social-text {\n  padding: 0.7rem 0;\n  font-size: 1rem;\n}\n\n.social-media {\n  display: flex;\n  justify-content: center;\n}\n\n.social-icon {\n  height: 46px;\n  width: 46px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 0 0.45rem;\n  color: #333;\n  border-radius: 0;\n  border: 1px solid #333;\n  text-decoration: none;\n  font-size: 1.1rem;\n  transition: 0.3s;\n}\n\n.social-icon:hover {\n  color: #4481eb;\n  border-color: #4481eb;\n}\n\n.btn-l {\n  width: 150px;\n  background-color: #5995fd;\n  border: none;\n  outline: none;\n  height: 49px;\n  border-radius: 0;\n  color: #fff;\n  text-transform: uppercase;\n  font-weight: 600;\n  margin: 10px 0;\n  cursor: pointer;\n  transition: 0.5s;\n}\n\n.btn-l:hover {\n  background-color: #4d84e2;\n}\n.panels-container {\n  position: absolute;\n  height: 100%;\n  width: 100%;\n  top: 0;\n  left: 0;\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n}\n\n.container:before {\n  content: \"\";\n  position: absolute;\n  height: 2000px;\n  width: 2000px;\n  top: -10%;\n  right: 48%;\n  transform: translateY(-50%);\n  \n  transition: 0.5s ease-in-out;\n  border-radius: 50%;\n  z-index: 6;\n}\n\n.image {\n  width: 100%;\n  transition: transform 0.2s ease-in-out;\n  transition-delay: 0.2s;\n}\n\n.panel {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n  justify-content: space-around;\n  text-align: center;\n  z-index: 6;\n}\n\n.left-panel {\n  pointer-events: all;\n  padding: 3rem 17% 2rem 12%;\n}\n\n.right-panel {\n  pointer-events: none;\n  padding: 3rem 12% 2rem 17%;\n}\n\n.panel .content {\n  color: #fff;\n  transition: transform 0.3s ease-in-out;\n  transition-delay: 0.2s;\n}\n\n.panel h3 {\n  font-weight: 600;\n  line-height: 1;\n  font-size: 1.5rem;\n}\n\n.panel p {\n  font-size: 0.95rem;\n  padding: 0.7rem 0;\n}\n\n.btn-l.transparent {\n  margin: 0;\n  background: none;\n  border: 2px solid #fff;\n  width: 130px;\n  height: 41px;\n  font-weight: 600;\n  font-size: 0.8rem;\n}\n\n.right-panel .image,\n.right-panel .content {\n  transform: translateX(800px);\n}\n\n/* ANIMATION */\n\n.container.sign-up-mode:before {\n  transform: translate(100%, -50%);\n  right: 52%;\n}\n\n.container.sign-up-mode .left-panel .image,\n.container.sign-up-mode .left-panel .content {\n  transform: translateX(-800px);\n}\n\n.container.sign-up-mode .signin-signup {\n  left: 25%;\n}\n\n.container.sign-up-mode form.sign-up-form {\n  opacity: 1;\n  z-index: 2;\n}\n\n.container.sign-up-mode form.sign-in-form {\n  opacity: 0;\n  z-index: 1;\n}\n\n.container.sign-up-mode .right-panel .image,\n.container.sign-up-mode .right-panel .content {\n  transform: translateX(0%);\n}\n\n.container.sign-up-mode .left-panel {\n  pointer-events: none;\n}\n\n.container.sign-up-mode .right-panel {\n  pointer-events: all;\n}\n\n@media (max-width: 870px) {\n  .container {\n    min-height: 800px;\n    height: 100vh;\n  }\n  .signin-signup {\n    width: 100%;\n    top: 95%;\n    transform: translate(-50%, -100%);\n    transition: 0.2s 0.2s ease-in-out;\n  }\n\n  .signin-signup,\n  .container.sign-up-mode .signin-signup {\n    left: 50%;\n  }\n\n  .panels-container {\n    grid-template-columns: 1fr;\n    grid-template-rows: 1fr 2fr 1fr;\n  }\n\n  .panel {\n    flex-direction: row;\n    justify-content: space-around;\n    align-items: center;\n    padding: 2.5rem 8%;\n    grid-column: 1 / 2;\n  }\n\n  .right-panel {\n    grid-row: 3 / 4;\n  }\n\n  .left-panel {\n    grid-row: 1 / 2;\n  }\n\n  .image {\n    width: 200px;\n    transition: transform 0.5s ease-in-out;\n    transition-delay: 0.1s;\n  }\n\n  .panel .content {\n    padding-right: 15%;\n    transition: transform 0.5s ease-in-out;\n    transition-delay: 0.1s;\n  }\n\n  .panel h3 {\n    font-size: 1.2rem;\n  }\n\n  .panel p {\n    font-size: 0.7rem;\n    padding: 0.5rem 0;\n  }\n\n  .btn-l.transparent {\n    width: 110px;\n    height: 35px;\n    font-size: 0.7rem;\n  }\n\n  .container:before {\n    width: 1500px;\n    height: 1500px;\n    transform: translateX(-50%);\n    left: 30%;\n    bottom: 68%;\n    right: initial;\n    top: initial;\n    transition: 0.5s ease-in-out;\n  }\n\n  .container.sign-up-mode:before {\n    transform: translate(-50%, 100%);\n    bottom: 32%;\n    right: initial;\n  }\n\n  .container.sign-up-mode .left-panel .image,\n  .container.sign-up-mode .left-panel .content {\n    transform: translateY(-300px);\n  }\n\n  .container.sign-up-mode .right-panel .image,\n  .container.sign-up-mode .right-panel .content {\n    transform: translateY(0px);\n  }\n\n  .right-panel .image,\n  .right-panel .content {\n    transform: translateY(300px);\n  }\n\n  .container.sign-up-mode .signin-signup {\n    top: 5%;\n    transform: translate(-50%, 0);\n  }\n}\n\n@media (max-width: 570px) {\n  form {\n    padding: 0 1.5rem;\n  }\n\n  .image {\n    display: none;\n  }\n  .panel .content {\n    padding: 0.5rem 1rem;\n  }\n  .container {\n    padding: 1.5rem;\n  }\n\n  .container:before {\n    bottom: 72%;\n    left: 50%;\n  }\n\n  .container.sign-up-mode:before {\n    bottom: 28%;\n    left: 50%;\n  }\n}\n</style>\n","import { render } from \"./Login.vue?vue&type=template&id=a0f7355c\"\nimport script from \"./Login.vue?vue&type=script&lang=js\"\nexport * from \"./Login.vue?vue&type=script&lang=js\"\n\nimport \"./Login.vue?vue&type=style&index=0&id=a0f7355c&lang=css\"\n\nimport exportComponent from \"/codebuild/output/src2861234879/src/NewSmartDash/node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}