@perceptimagery/dita-configurator-staging 0.1.9001 → 0.2.1000

package/dist/index.js

@@ -18,6 +18,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 (function() {
+  var _a, _b;
   "use strict";
   class FetcherServiceFactory {
     constructor(config2) {
@@ -111,7 +112,7 @@ var __publicField = (obj, key, value) => {
     host: "https://api.sprie.io"
   };
   const config$1 = Object.freeze(Config$2);
-  const version$1 = "0.1.9001";
+  const version$1 = "0.2.1000";
   function modifyLensArr$1(arr, element) {
     const index = arr.findIndex((e) => e["sku"] === element["sku"]);
     if (index !== -1) {
@@ -120,13 +121,15 @@ var __publicField = (obj, key, value) => {
     return arr;
   }
   class APIServiceFactory {
-    constructor(fetcher2) {
+    constructor(fetcher2, shopifyAPI) {
       __publicField(this, "isAuthenticated");
       __publicField(this, "fetcher");
+      __publicField(this, "shopifyAPI");
       __publicField(this, "org");
       __publicField(this, "apiKey");
       this.isAuthenticated = false;
       this.fetcher = fetcher2;
+      this.shopifyAPI = shopifyAPI;
     }
     /**
      *
@@ -209,6 +212,18 @@ var __publicField = (obj, key, value) => {
         await this.fetcher.Post(url, bodyData);
       }
     }
+    async HandleShopifyAddToCart(items) {
+      let formData = {
+        "items": items
+      };
+      const responseData = await this.shopifyAPI.Post(formData);
+      if (responseData) {
+        const cart = await this.shopifyAPI.Get();
+        document.querySelector(".header__cart-count").textContent = cart.item_count;
+        document.querySelector(".drawer--full").setAttribute("close", "");
+        document.querySelector(".mini-cart").setAttribute("open", "");
+      }
+    }
   }
   var ESDKStatus = /* @__PURE__ */ ((ESDKStatus2) => {
     ESDKStatus2["Init"] = "init";
@@ -1003,38 +1018,37 @@ var __publicField = (obj, key, value) => {
                     (item) => item.key == "baseCurve"
                   );
                   let lensVariantKey = "variantId";
-                  if (baseCurve.value == "2B") {
+                  if (baseCurve && baseCurve.value == "2B") {
                     lensVariantKey = "2bVariantId";
-                  } else if (baseCurve.value == "6B") {
+                  } else if (baseCurve && baseCurve.value == "6B") {
                     lensVariantKey = "6bVariantId";
                   }
                   const lensVariantId = selectedLens.metadata.find(
                     (item) => item.key == lensVariantKey
                   );
-                  const frameId = frameVariantId ? frameVariantId.value : null;
-                  const lensId = lensVariantId ? lensVariantId.value : null;
+                  const frameId = frameVariantId ? Number(frameVariantId.value) : null;
+                  const lensId = lensVariantId ? Number(lensVariantId.value) : null;
                   const eventData = {
                     frameIdentifier: frameId,
                     lensIdentifier: lensId
                   };
                   customEvent.emitEvent("onAddToCart", eventData);
-                  if (frameId) {
-                    if (lensId) {
-                      window.open(
-                        "https://dita.com/cart/" + frameId + ":1," + lensId + ":1",
-                        "_self"
-                      );
-                    } else {
-                      window.open(
-                        "https://dita.com/cart/" + frameId + ":1",
-                        "_self"
-                      );
-                    }
-                  } else {
-                    console.log(
-                      "Either the selected frame or the lens has an invalid identifier."
-                    );
+                  var cartItems = [];
+                  if (frameVariantId) {
+                    var frameItem = {
+                      id: frameId,
+                      quantity: 1
+                    };
+                    cartItems.push(frameItem);
+                  }
+                  if (lensVariantId) {
+                    var lensItem = {
+                      id: lensId,
+                      quantity: 1
+                    };
+                    cartItems.push(lensItem);
                   }
+                  apiService2.HandleShopifyAddToCart(cartItems);
                 }
               },
               type: "button",
@@ -42895,18 +42909,18 @@ bool bvhIntersectFirstHit(
       this.isInitialised = true;
     }
     resizeRenderer() {
-      var _a;
+      var _a2;
       const pixelRatio = Math.min(window.devicePixelRatio, 2);
       const resoWidth = Math.floor(this.canvas.clientWidth * pixelRatio);
       const resoHeight = Math.floor(this.canvas.clientHeight * pixelRatio);
       const needResize = this.canvas.width !== resoWidth || this.canvas.height !== resoHeight;
       if (needResize) {
-        (_a = this.renderer) == null ? void 0 : _a.setSize(resoWidth, resoHeight, false);
+        (_a2 = this.renderer) == null ? void 0 : _a2.setSize(resoWidth, resoHeight, false);
       }
       return needResize;
     }
     initGemstoneDependencies() {
-      var _a;
+      var _a2;
       rgbeLoader.load(
         "https://sprie-jarvis-public.s3.eu-west-2.amazonaws.com/environment_gemstones.hdr",
         (reflectionMap) => {
@@ -42921,7 +42935,7 @@ bool bvhIntersectFirstHit(
       gemstoneMaterial.uniforms.resolution.value = this.canvasSize;
       const temp5 = {};
       const isCubeMap = isCubeTexture(envMap);
-      const w2 = (isCubeMap ? (_a = envMap == null ? void 0 : envMap.image[0]) == null ? void 0 : _a.width : envMap == null ? void 0 : envMap.image.width) ?? 1024;
+      const w2 = (isCubeMap ? (_a2 = envMap == null ? void 0 : envMap.image[0]) == null ? void 0 : _a2.width : envMap == null ? void 0 : envMap.image.width) ?? 1024;
       const cubeSize = w2 / 4;
       const _lodMax = Math.floor(Math.log2(cubeSize));
       const _cubeSize = Math.pow(2, _lodMax);
@@ -43361,11 +43375,11 @@ bool bvhIntersectFirstHit(
       composer.addPass(renderPass);
       composer.addPass(outputPass);
       const animate = () => {
-        var _a;
+        var _a2;
         controls.update();
         if (this.resizeRenderer()) {
           this.camera.aspect = this.canvas.clientWidth / this.canvas.clientHeight;
-          (_a = this.camera) == null ? void 0 : _a.updateProjectionMatrix();
+          (_a2 = this.camera) == null ? void 0 : _a2.updateProjectionMatrix();
         }
         const initialBackground = this.scene.background;
         this.scene.background = null;
@@ -43537,9 +43551,9 @@ bool bvhIntersectFirstHit(
     const orgName = (settings == null ? void 0 : settings.orgName) || "";
     reactExports.useEffect(() => {
       (async () => {
-        var _a;
+        var _a2;
         configurator.current = new ThreeDConfigurator();
-        await ((_a = configurator.current) == null ? void 0 : _a.Init(apiService2.apiKey));
+        await ((_a2 = configurator.current) == null ? void 0 : _a2.Init(apiService2.apiKey));
         const apiRes = await apiService2.FetchAssetBySKUOrBarcode({
           sku,
           barcode: null
@@ -51234,6 +51248,55 @@ bool bvhIntersectFirstHit(
     onAddToCart: "add-to-cart"
   });
   let CustomEventEmitter = _CustomEventEmitter2;
+  const ShopifyConfig = {
+    getCartUrl: ((_a = window.Shopify) == null ? void 0 : _a.routes.root) + "/cart.js",
+    addToCartUrl: ((_b = window.Shopify) == null ? void 0 : _b.routes.root) + "/cart/add.js"
+  };
+  const configShopify = Object.freeze(ShopifyConfig);
+  class ShopifyServiceFactory {
+    constructor(config2) {
+      __publicField(this, "config");
+      this.config = config2;
+    }
+    RequestOptions(method, data) {
+      const headers = {
+        Accept: "application/json",
+        "Content-Type": "application/json"
+      };
+      return {
+        method,
+        headers,
+        ...method === "POST" && {
+          body: JSON.stringify(data)
+        }
+      };
+    }
+    /**
+     * @description nice and tidy reuqest wrapper
+     * @returns
+     */
+    async Get() {
+      await fetch(this.config.getCartUrl, this.RequestOptions("GET")).then((response) => {
+        const result = response.json();
+        return result;
+      }).catch((e) => {
+        console.error("Error:", e);
+      });
+    }
+    /**
+     * @description nice and tidy reuqest wrapper
+     * @param {object} data body Data
+     * @returns
+     */
+    async Post(data) {
+      await fetch(this.config.addToCartUrl, this.RequestOptions("POST", data || {})).then((response) => {
+        const result = response.json();
+        return result;
+      }).catch((e) => {
+        console.error("Error:", e);
+      });
+    }
+  }
   const { log, error } = console;
   const logErr = (...data) => {
     error("❌ Sprie Error:", ...data);
@@ -51243,6 +51306,10 @@ bool bvhIntersectFirstHit(
     HOST: config$1.host,
     STORE_PREFIX: config$1.storePrefix
   };
+  const shopifyConfig = {
+    addToCartUrl: configShopify.addToCartUrl,
+    getCartUrl: configShopify.getCartUrl
+  };
   class DitaConfiguratorPublicAPI {
     constructor() {
       __publicField(this, "sdkService");
@@ -51250,7 +51317,7 @@ bool bvhIntersectFirstHit(
       __publicField(this, "uiService");
       __publicField(this, "events");
       this.events = new CustomEventEmitter();
-      this.apiService = new APIServiceFactory(new FetcherServiceFactory(fetcherConfig));
+      this.apiService = new APIServiceFactory(new FetcherServiceFactory(fetcherConfig), new ShopifyServiceFactory(shopifyConfig));
       this.uiService = new UIService({
         apiService: this.apiService,
         events: this.events

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perceptimagery/dita-configurator-staging",
-  "version": "0.1.9001",
+  "version": "0.2.1000",
   "author": "Rohan Satpute <rohan@perceptimagery.com>",
   "license": "UNLICENSED",
   "main": "dist/index.js",