@hotwax/dxp-components 1.5.2 → 1.5.3

package/lib/components/Login.d.ts

@@ -1,10 +1,9 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {
-    errorMsg: string;
-    authStore: {};
-    router: {};
-    route: {};
-}, {}, {
-    handleUserFlow(token: any, oms: any, expirationTime: any): Promise<void>;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-export default _default;
-//# sourceMappingURL=Login.d.ts.map
+declare const _default: import("vue").DefineComponent<{}, {}, {
+    errorMsg: string;
+    authStore: any;
+    router: any;
+    route: any;
+}, {}, {
+    handleUserFlow(token: string, oms: string, expirationTime: string): Promise<void>;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/Login.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _vue = require("vue");
+var _index = require("../index");
+var _luxon = require("luxon");
+var _default = (0, _vue.defineComponent)({
+  template: `
+            <div style='position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);'>
+              <h4 v-if='errorMsg.length'> 
+                {{ errorMsg }}
+              </h4>
+            </div>
+            `,
+  data() {
+    return {
+      errorMsg: '',
+      authStore: {},
+      router: {},
+      route: {}
+    };
+  },
+  async mounted() {
+    this.authStore = (0, _index.useAuthStore)();
+    this.router = _index.appContext.config.globalProperties.$router;
+    this.route = _index.appContext.config.globalProperties.$route;
+    if (!Object.keys(this.route.query).length) {
+      window.location.href = _index.loginContext.appLoginUrl;
+      return;
+    }
+    const {
+      token,
+      oms,
+      expirationTime
+    } = this.route.query;
+    this.handleUserFlow(token, oms, expirationTime);
+  },
+  methods: {
+    async handleUserFlow(token, oms, expirationTime) {
+      // fetch the current config for the user
+      const appConfig = _index.loginContext.getConfig();
+
+      // logout to clear current user state, don't mark the user as logout as we just want to clear the user data
+      await _index.loginContext.logout({
+        isUserUnauthorised: true
+      });
+
+      // reset the config that we got from the oms-api, as on logout we clear the config of oms-api
+      await _index.loginContext.initialise(appConfig);
+
+      // checking if token from launchpad has expired and redirecting there only
+      if (+expirationTime < _luxon.DateTime.now().toMillis()) {
+        console.error('User token has expired, redirecting to launchpad.');
+        this.errorMsg = 'User token has expired, redirecting to launchpad.';
+        const redirectUrl = window.location.origin + '/login'; // current app URL
+        window.location.href = `${_index.loginContext.appLoginUrl}?isLoggedOut=true&redirectUrl=${redirectUrl}`;
+        return;
+      }
+
+      // update the previously set values if the user opts ending the previous session
+      this.authStore.$patch({
+        token: {
+          value: token,
+          expiration: expirationTime
+        },
+        oms
+      });
+      _index.loginContext.loader.present('Logging in');
+      try {
+        await _index.loginContext.login({
+          token,
+          oms
+        });
+        this.router.push('/');
+      } catch (error) {
+        console.error(error);
+        this.errorMsg = 'Unable to login. Please contact the administrator';
+      } finally {
+        _index.loginContext.loader.dismiss();
+      }
+    }
+  }
+});
+exports.default = _default;

package/lib/components/ShopifyImg.d.ts

@@ -1,18 +1,17 @@
-declare const _default: import("vue").DefineComponent<Readonly<{
-    src?: any;
-    size?: any;
-}>, unknown, {
-    imageUrl: any;
-}, {}, {
-    prepareImgUrl(src: any, size: any): any;
-    checkIfImageExists(src: any): Promise<unknown>;
-    setImageUrl(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
-    src?: any;
-    size?: any;
-}>>>, {
-    readonly src?: any;
-    readonly size?: any;
-}, {}>;
-export default _default;
-//# sourceMappingURL=ShopifyImg.d.ts.map
+declare const _default: import("vue").DefineComponent<Readonly<{
+    size?: any;
+    src?: any;
+}>, unknown, {
+    imageUrl: any;
+}, {}, {
+    prepareImgUrl(src: string, size?: string): string;
+    checkIfImageExists(src: string): Promise<unknown>;
+    setImageUrl(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<Readonly<{
+    size?: any;
+    src?: any;
+}>>>, {
+    readonly size?: any;
+    readonly src?: any;
+}, {}>;
+export default _default;

package/lib/components/ShopifyImg.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _vue = require("vue");
+var _index = require("../index");
+var _default = (0, _vue.defineComponent)({
+  template: `
+            <img :src="imageUrl"/>
+            `,
+  data() {
+    return {
+      imageUrl: _index.shopifyImgContext.defaultImgUrl
+    };
+  },
+  props: ['src', 'size'],
+  mounted() {
+    this.setImageUrl();
+  },
+  updated() {
+    this.setImageUrl();
+  },
+  methods: {
+    prepareImgUrl(src, size) {
+      // return original size if no size is given
+      if (!size) return src;
+      // remove any current image size then add the new image size
+      return src.replace(/_(pico|icon|thumb|small|compact|medium|large|grande|original|1024x1024|2048x2048|master)+\./g, '.').replace(/\.jpg|\.png|\.gif|\.jpeg/g, function (match) {
+        return '_' + size + match;
+      });
+    },
+    checkIfImageExists(src) {
+      return new Promise((resolve, reject) => {
+        const img = new Image();
+        img.onload = function () {
+          resolve(true);
+        };
+        img.onerror = function () {
+          reject(false);
+        };
+        img.src = src;
+      });
+    },
+    setImageUrl() {
+      if (this.src) {
+        const src = this.prepareImgUrl(this.src, this.size);
+        this.checkIfImageExists(src).then(() => {
+          this.imageUrl = src;
+        });
+      }
+    }
+  }
+});
+exports.default = _default;

package/lib/index.d.ts

@@ -1,14 +1,13 @@
-import { useProductIdentificationStore } from "./store/productIdentification";
-import { useAuthStore } from "./store/auth";
-import Login from "./components/Login";
-import ShopifyImg from "./components/ShopifyImg";
-import { goToOms } from "./utils";
-declare let loginContext: {};
-declare let shopifyImgContext: {};
-declare let appContext: {};
-declare let productIdentificationContext: {};
-export declare let dxpComponents: {
-    install(app: any, options: any): void;
-};
-export { useProductIdentificationStore, useAuthStore, Login, loginContext, shopifyImgContext, ShopifyImg, goToOms, appContext, productIdentificationContext };
-//# sourceMappingURL=index.d.ts.map
+import { useProductIdentificationStore } from "./store/productIdentification";
+import { useAuthStore } from "./store/auth";
+import Login from "./components/Login";
+import ShopifyImg from "./components/ShopifyImg";
+import { goToOms } from "./utils";
+declare let loginContext: any;
+declare let shopifyImgContext: any;
+declare let appContext: any;
+declare let productIdentificationContext: any;
+export declare let dxpComponents: {
+    install(app: any, options: any): void;
+};
+export { useProductIdentificationStore, useAuthStore, Login, loginContext, shopifyImgContext, ShopifyImg, goToOms, appContext, productIdentificationContext };