{"version":3,"sources":["webpack:///./src/views/Password.vue","webpack:///./src/views/Password.vue?a727"],"names":["class","width","height","viewBox","xmlns","opacity","d","fill","action","method","aria-labelledby","aria-hidden","fill-rule","clip-rule","for","vector-effect","href","as","open","subNavigation","item","key","name","aria-current","current","undefined","icon","showSuccess","showFailure","changePasswordField","$event","target","value","id","type","autocomplete","required","disabled","doMatch","savePassword","isPremium","user","handle","email","imageUrl","navigation","userNavigation","tabs","videos","title","passwordValues","password1","password2","components","Disclosure","DisclosureButton","DisclosurePanel","Menu","MenuButton","MenuItem","MenuItems","Switch","SwitchDescription","SwitchGroup","SwitchLabel","BellIcon","MenuIcon","SearchIcon","XIcon","setup","availableToHire","privateAccount","allowCommenting","allowMentions","data","isLoading","userData","sectionData","created","this","fetchUserData","fetchOcData","methods","getLoginCookie","GetCustomerDetailsById","IsPremium","IsAccountPrivate","emitter","emit","fetchPageData","field","Password","UpdateCustomer","resp","Status","clearFields","document","getElementById","render"],"mappings":"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","file":"js/chunk-2d0c1074.0ac051bc.js","sourcesContent":["<template>\r\n  <div>\r\n    <Disclosure\r\n      as=\"div\"\r\n      class=\"relative bg-indigo-600 pb-32 overflow-hidden\"\r\n      v-slot=\"{ open }\"\r\n    >\r\n      <div\r\n        :class=\"[\r\n          open ? 'bottom-0' : 'inset-y-0',\r\n          'absolute flex justify-center inset-x-0 left-1/2 transform -translate-x-1/2 w-full overflow-hidden lg:inset-y-0',\r\n        ]\"\r\n        aria-hidden=\"true\"\r\n      >\r\n        <div class=\"flex-grow bg-indigo-600 bg-opacity-75\" />\r\n        <svg\r\n          class=\"flex-shrink-0\"\r\n          width=\"1750\"\r\n          height=\"308\"\r\n          viewBox=\"0 0 1750 308\"\r\n          xmlns=\"http://www.w3.org/2000/svg\"\r\n        >\r\n          <path\r\n            opacity=\".1\"\r\n            d=\"M1465.84 308L16.816 0H1750v308h-284.16z\"\r\n            fill=\"#fff\"\r\n          />\r\n          <path\r\n            opacity=\".05\"\r\n            d=\"M1733.19 0L284.161 308H0V0h1733.19z\"\r\n            fill=\"#fff\"\r\n          />\r\n        </svg>\r\n        <div class=\"flex-grow bg-indigo-600 bg-opacity-75\" />\r\n      </div>\r\n      <header class=\"relative py-10\">\r\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\r\n          <h1 class=\"text-3xl font-bold text-white\">Settings</h1>\r\n        </div>\r\n      </header>\r\n    </Disclosure>\r\n\r\n    <main class=\"relative -mt-32\">\r\n      <div class=\"max-w-screen-xl mx-auto pb-6 px-4 sm:px-6 lg:pb-16 lg:px-8\">\r\n        <div class=\"bg-white rounded-lg shadow overflow-hidden\">\r\n          <div\r\n            class=\"\r\n              divide-y divide-gray-200\r\n              lg:grid lg:grid-cols-12\r\n              lg:divide-y-0 lg:divide-x\r\n            \"\r\n          >\r\n            <aside class=\"py-6 lg:col-span-3\">\r\n              <nav class=\"space-y-1\">\r\n                <a\r\n                  v-for=\"item in subNavigation\"\r\n                  :key=\"item.name\"\r\n                  :href=\"item.href\"\r\n                  :class=\"[\r\n                    item.current\r\n                      ? 'bg-teal-50 border-teal-500 text-teal-700 hover:bg-teal-50 hover:text-teal-700'\r\n                      : 'border-transparent text-gray-900 hover:bg-gray-50 hover:text-gray-900',\r\n                    'group border-l-4 px-3 py-2 flex items-center text-sm font-medium',\r\n                  ]\"\r\n                  :aria-current=\"item.current ? 'page' : undefined\"\r\n                >\r\n                  <component\r\n                    :is=\"item.icon\"\r\n                    :class=\"[\r\n                      item.current\r\n                        ? 'text-teal-500 group-hover:text-teal-500'\r\n                        : 'text-gray-400 group-hover:text-gray-500',\r\n                      'flex-shrink-0 -ml-1 mr-3 h-6 w-6',\r\n                    ]\"\r\n                    aria-hidden=\"true\"\r\n                  />\r\n                  <span class=\"truncate\">\r\n                    {{ item.name }}\r\n                  </span>\r\n                </a>\r\n              </nav>\r\n            </aside>\r\n\r\n            <div\r\n              class=\"divide-y divide-gray-200 lg:col-span-9\"\r\n              action=\"#\"\r\n              method=\"POST\"\r\n            >\r\n              <div class=\"py-6 px-4 sm:p-6 lg:pb-8\">\r\n                <div>\r\n                  <h2 class=\"text-lg leading-6 font-medium text-gray-900\">\r\n                    Password\r\n                  </h2>\r\n                  <p class=\"mt-1 text-sm text-gray-500\">\r\n                    Update your account password.\r\n                  </p>\r\n                </div>\r\n                <!-- Gallery -->\r\n                <section class=\"mt-8 pb-16\" aria-labelledby=\"gallery-heading\">\r\n                  <!-- Success message -->\r\n                  <div v-if=\"showSuccess\" class=\"rounded-md bg-green-50 p-4 mb-8\">\r\n                    <div class=\"flex\">\r\n                      <div class=\"flex-shrink-0\">\r\n                        <!-- Heroicon name: solid/check-circle -->\r\n                        <svg class=\"h-5 w-5 text-green-400\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\" fill=\"currentColor\" aria-hidden=\"true\">\r\n                          <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\" />\r\n                        </svg>\r\n                      </div>\r\n                      <div class=\"ml-3\">\r\n                        <h3 class=\"text-sm font-medium text-green-800\">\r\n                          Successfully changed password\r\n                        </h3>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <!-- Failure message -->\r\n                  <div v-if=\"showFailure\" class=\"rounded-md bg-red-50 p-4 mb-8\">\r\n                    <div class=\"flex\">\r\n                      <div class=\"flex-shrink-0\">\r\n                        <!-- Heroicon name: solid/x-circle -->\r\n                        <svg\r\n                          class=\"h-5 w-5 text-red-400\"\r\n                          xmlns=\"http://www.w3.org/2000/svg\"\r\n                          viewBox=\"0 0 20 20\"\r\n                          fill=\"currentColor\"\r\n                          aria-hidden=\"true\"\r\n                        >\r\n                          <path\r\n                            fill-rule=\"evenodd\"\r\n                            d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z\"\r\n                            clip-rule=\"evenodd\"\r\n                          />\r\n                        </svg>\r\n                      </div>\r\n                      <div class=\"ml-3\">\r\n                        <h3 class=\"text-sm font-medium text-red-800\">Failed to change password</h3>\r\n                        <div class=\"mt-2 text-red-700\">\r\n                          <p class=\" text-red-700 text-sm \">Lorem ipsum dolor sit amet consectetur adipisicing elit. Aliquid pariatur, ipsum similique veniam.</p>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"flex flex-col\">\r\n                    <div class=\"md:w-1/2\">\r\n                      <div>\r\n                        <label for=\"password\" class=\"block text-sm font-medium text-gray-700\">\r\n                          New Password\r\n                        </label>\r\n                        <div class=\"mt-1\">\r\n                          <input @input=\"changePasswordField('password1', $event.target.value)\" id=\"password\" name=\"password\" type=\"password\" autocomplete=\"current-password\" required=\"\" class=\"appearance-none block w-full border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm\" />\r\n                        </div>\r\n                      </div>\r\n                      \r\n                      <div class=\"mt-4\">\r\n                        <label for=\"password\" class=\"block text-sm font-medium text-gray-700\">\r\n                          Confirm Password\r\n                        </label>\r\n                        <div class=\"mt-1\">\r\n                          <input @input=\"changePasswordField('password2', $event.target.value)\" id=\"password2\" name=\"password\" type=\"password\" autocomplete=\"current-password\" required=\"\" class=\"appearance-none block w-full border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm\" />\r\n                        </div>\r\n                      </div>\r\n                      </div>\r\n                   </div>\r\n                </section>\r\n                \r\n                      \r\n              </div>\r\n              \r\n                <div class=\"mt-4 py-4 px-4 flex justify-end sm:px-6\">\r\n                  <button\r\n                    type=\"submit\"\r\n                    class=\"\r\n                      ml-5\r\n                      border border-transparent\r\n                      rounded-md\r\n                      shadow-sm\r\n                      py-2\r\n                      px-4\r\n                      inline-flex\r\n                      justify-center\r\n                      text-sm\r\n                      font-medium\r\n                      text-white\r\n                      focus:outline-none\r\n                      focus:ring-2 focus:ring-offset-2 focus:ring-blue-400\r\n                    \"\r\n                    :disabled=\"!doMatch\"\r\n                    v-on:click=\"savePassword\"\r\n                    v-bind:class=\"[\r\n                    doMatch\r\n                      ? 'bg-indigo-600 hover:bg-blue-700'\r\n                      : 'bg-indigo-400 cursor-not-allowed',\r\n                  ]\"\r\n                  >\r\n                    Save\r\n                  </button>\r\n                </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </main>\r\n  </div>\r\n  <div v-if=\"!isPremium\" class=\"fixed bottom-0 inset-x-0 pb-2 sm:pb-5  hidden\">\r\n    <div class=\"max-w-7xl mx-auto px-2 sm:px-6 lg:px-8\">\r\n      <div class=\"p-2 rounded-lg bg-yellow-400 shadow-lg sm:p-3\">\r\n        <div class=\"flex items-center justify-between flex-wrap\">\r\n          <div class=\"w-0 flex-1 flex items-center\">\r\n            <span class=\"flex p-2 rounded-lg bg-yellow-600\">\r\n              <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-6 w-6 text-white\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\r\n                <path vector-effect=\"non-scaling-stroke\" fill-rule=\"evenodd\" d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\" clip-rule=\"evenodd\" />\r\n              </svg>\r\n            </span>\r\n            <p class=\"ml-3 font-medium text-white truncate\">\r\n              <span class=\"md:hidden text-black\">\r\n                Unlock additional features with a paid membership!\r\n              </span>\r\n              <span class=\"hidden md:inline text-black\">\r\n                 Unlock additional features with a paid membership!\r\n              </span>\r\n            </p>\r\n          </div>\r\n          <div class=\"order-3 mt-2 flex-shrink-0 w-full sm:order-2 sm:mt-0 sm:w-auto\">\r\n            <a href=\"/Billing\" class=\"flex items-center justify-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-black-600 bg-white hover:bg-yellow-50\">\r\n              See Pricing Options\r\n            </a>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  \r\n</template>\r\n\r\n<script>\r\nimport { ref } from \"vue\";\r\nimport {\r\n  Disclosure,\r\n  DisclosureButton,\r\n  DisclosurePanel,\r\n  Menu,\r\n  MenuButton,\r\n  MenuItem,\r\n  MenuItems,\r\n  Switch,\r\n  SwitchDescription,\r\n  SwitchGroup,\r\n  SwitchLabel,\r\n} from \"@headlessui/vue\";\r\nimport { SearchIcon } from \"@heroicons/vue/solid\";\r\nimport {\r\n  BellIcon,\r\n  //CogIcon,\r\n  CreditCardIcon,\r\n  KeyIcon,\r\n  MenuIcon,\r\n  UserCircleIcon,\r\n  PhotographIcon,\r\n  VideoCameraIcon,\r\n  XIcon,\r\n} from \"@heroicons/vue/outline\";\r\nimport { CookieService } from '../services/cookieService';\r\nimport { NopService } from '../services/nopService';\r\nimport { OcContentService } from '../services/ocContentService';\r\n\r\nconst user = {\r\n  name: \"John Cooper\",\r\n  handle: \"johncooper\",\r\n  email: \"johncooper@example.com\",\r\n  imageUrl:\r\n    \"https://images.unsplash.com/photo-1463453091185-61582044d556?ixlib=rb-=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=8&w=1024&h=1024&q=80\",\r\n};\r\nconst navigation = [\r\n  { name: \"Dashboard\", href: \"#\", current: true },\r\n  { name: \"Jobs\", href: \"#\", current: false },\r\n  { name: \"Applicants\", href: \"#\", current: false },\r\n  { name: \"Company\", href: \"#\", current: false },\r\n];\r\nconst subNavigation = [\r\n  { name: \"Profile\", href: \"/Dashboard\", icon: UserCircleIcon, current: false },\r\n  { name: \"Media\", href: \"/Media\", icon: PhotographIcon, current: false },\r\n  { name: \"Videos\", href: \"/Videos\", icon: VideoCameraIcon, current: false },\r\n  { name: \"Password\", href: \"/Password\", icon: KeyIcon, current: true },\r\n  // { name: \"Membership\", href: \"/Billing\", icon: CreditCardIcon, current: false },\r\n];\r\nconst userNavigation = [\r\n  { name: \"Your Profile\", href: \"#\" },\r\n  { name: \"Settings\", href: \"#\" },\r\n  { name: \"Sign out\", href: \"#\" },\r\n];\r\nconst tabs = [{ name: \"Recently Added\", href: \"#\", current: true }];\r\nconst videos = [\r\n  {\r\n    type: \"\",\r\n    name: \"\",\r\n    id: \"\",\r\n    title:\r\n      \"\",\r\n  },\r\n  {\r\n    type: \"\",\r\n    name: \"\",\r\n    id: \"\",\r\n    title:\r\n      \"\",\r\n  },\r\n  {\r\n    type: \"\",\r\n    name: \"\",\r\n    id: \"\",\r\n    title:\r\n      \"\",\r\n  },\r\n  {\r\n    type: \"\",\r\n    name: \"\",\r\n    id: \"\",\r\n    title:\r\n      \"\",\r\n  },\r\n  {\r\n    type: \"\",\r\n    name: \"\",\r\n    id: \"\",\r\n    title:\r\n      \"\",\r\n  },\r\n  {\r\n    type: \"\",\r\n    name: \"\",\r\n    id: \"\",\r\n    title:\r\n      \"\",\r\n  },\r\n  // More people...\r\n];\r\n\r\nconst passwordValues = {\r\n  password1: \"\",\r\n  password2: \"\"\r\n}\r\n\r\nexport default {\r\n  components: {\r\n    Disclosure,\r\n    DisclosureButton,\r\n    DisclosurePanel,\r\n    Menu,\r\n    MenuButton,\r\n    MenuItem,\r\n    MenuItems,\r\n    Switch,\r\n    SwitchDescription,\r\n    SwitchGroup,\r\n    SwitchLabel,\r\n    BellIcon,\r\n    MenuIcon,\r\n    SearchIcon,\r\n    XIcon,\r\n  },\r\n  setup() {\r\n    const availableToHire = ref(true);\r\n    const privateAccount = ref(false);\r\n    const allowCommenting = ref(true);\r\n    const allowMentions = ref(true);\r\n\r\n    return {\r\n      user,\r\n      navigation,\r\n      subNavigation,\r\n      userNavigation,\r\n      availableToHire,\r\n      privateAccount,\r\n      allowCommenting,\r\n      allowMentions,\r\n      tabs,\r\n      videos,\r\n      passwordValues,\r\n    };\r\n  },\r\n  data() {\r\n    return {\r\n      isLoading: true,\r\n      userData: null,\r\n      sectionData: null,\r\n      doMatch: false,\r\n      isPremium: null,\r\n      showSuccess: false,\r\n      showFailure: false,\r\n    };\r\n  },\r\n  created() {\r\n    this.isLoading = true;\r\n    this.fetchUserData();\r\n    this.fetchOcData();\r\n    this.isLoading = false;\r\n  },\r\n  methods: {\r\n    async fetchUserData() {\r\n      let id = CookieService.getLoginCookie()\r\n      if (id) {\r\n        this.userData = await NopService.GetCustomerDetailsById(id);\r\n        this.isPremium = this.userData.IsPremium;\r\n        this.privateAccount = this.userData.IsAccountPrivate;\r\n      }\r\n      else {\r\n        this.emitter.emit(\"logged-in\", false);\r\n      }\r\n    },\r\n    async fetchOcData() {\r\n      this.sectionData = await OcContentService.fetchPageData(\r\n        \"Settings - Profile\",\r\n        \"KrickersSectionContent\"\r\n      );\r\n    },\r\n    getLoginCookie() {\r\n      return CookieService.getLoginCookie()\r\n    },\r\n    changePasswordField(field, value) {\r\n      this.passwordValues[field] = value;\r\n      this.doMatch = (passwordValues.password1 && passwordValues.password2 && passwordValues.password1 === passwordValues.password2)\r\n    },\r\n    async savePassword() {\r\n      this.isLoading = true;\r\n      this.showSuccess = false;\r\n      this.showFailure = false;\r\n      if (this.doMatch) {\r\n        this.userData.Password = this.passwordValues.password1;\r\n        this.userData[\"IsActive\"] = 1;\r\n        let resp = await NopService.UpdateCustomer(this.userData);\r\n        if (resp.Status === 1) {\r\n          this.showSuccess = true;\r\n        }\r\n        else {\r\n          this.showFailure = true;\r\n        }\r\n      }\r\n      this.clearFields();\r\n    },\r\n    clearFields() {\r\n      let password1 = document.getElementById(\"password\");\r\n      let password2 = document.getElementById(\"password2\");\r\n      password1.value = \"\";\r\n      password2.value = \"\";\r\n      this.passwordValues.password1 = \"\";\r\n      this.passwordValues.password2 = \"\";\r\n      this.doMatch = false;\r\n    }\r\n  },\r\n};\r\n</script>\r\n","import { render } from \"./Password.vue?vue&type=template&id=37c9ffb9\"\nimport script from \"./Password.vue?vue&type=script&lang=js\"\nexport * from \"./Password.vue?vue&type=script&lang=js\"\nscript.render = render\n\nexport default script"],"sourceRoot":""}