@perceptimagery/dita-configurator-staging 0.3.2 → 0.3.2002

package/dist/index.js

@@ -112,7 +112,7 @@ var __publicField = (obj, key, value) => {
     host: "https://api.sprie.io"
   };
   const config$1 = Object.freeze(Config$2);
-  const version$1 = "0.3.2";
+  const version$1 = "0.3.2002";
   function modifyLensArr$1(arr, element) {
     const index2 = arr.findIndex((e) => e["sku"] === element["sku"]);
     if (index2 !== -1) {
@@ -43320,7 +43320,9 @@ bool bvhIntersectFirstHit(
               style: {
                 border: "0",
                 cursor: modelLoading ? "default" : "pointer",
-                opacity: (selectedFrame == null ? void 0 : selectedFrame._id) === e._id ? "1" : ".6"
+                opacity: (selectedFrame == null ? void 0 : selectedFrame._id) === e._id ? "1" : ".6",
+                width: isMobileView ? 45 : 60,
+                height: isMobileView ? 45 : 60
               },
               onClick: () => onChangeFrame(e),
               disabled: modelLoading,
@@ -43329,8 +43331,7 @@ bool bvhIntersectFirstHit(
                 {
                   src: e.variantImage,
                   alt: e.name + "image",
-                  width: 60,
-                  height: 60,
+                  className: `sprie-config-image ${isMobileView ? "mobile-view" : ""}`,
                   style: {
                     transform: (selectedFrame == null ? void 0 : selectedFrame._id) === e._id ? "scale(1.2,1.2)" : "scale(1,1)"
                   }
@@ -43366,7 +43367,9 @@ bool bvhIntersectFirstHit(
               style: {
                 border: "0",
                 cursor: modelLoading ? "default" : "pointer",
-                opacity: (selectedLens == null ? void 0 : selectedLens._id) === e._id ? "1" : ".6"
+                opacity: (selectedLens == null ? void 0 : selectedLens._id) === e._id ? "1" : ".6",
+                width: isMobileView ? 45 : 60,
+                height: isMobileView ? 45 : 60
               },
               onClick: () => onChangeLens(e),
               disabled: modelLoading,
@@ -43398,53 +43401,79 @@ bool bvhIntersectFirstHit(
     );
   }
   const index$2 = "";
-  function LaserEngraving({ heading, onChecked, onTextAdded }) {
+  function LaserEngraving({
+    heading,
+    onChecked,
+    onTextAdded
+  }) {
     const [input, setInput] = reactExports.useState("");
     const [isChecked, setIsChecked] = reactExports.useState(false);
+    const [isBlur, setIsBlur] = reactExports.useState(false);
     reactExports.useEffect(() => {
       onChecked(isChecked);
     });
     reactExports.useEffect(() => {
-      onTextAdded(input);
-    }, [input]);
-    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sprie-config-engraving-block", style: { marginTop: ".5rem" }, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", gap: ".8rem" }, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "input",
-          {
-            type: "checkbox",
-            className: "sprie-config-engraving-checkbox",
-            onChange: (e) => {
-              setIsChecked(e.target.checked);
-            },
-            checked: isChecked
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { style: { fontSize: ".9rem", color: "#4d4d4d", fontWeight: "500" }, children: [
-          "Add ",
-          "Laser Engraving",
-          " ",
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontWeight: "400" }, children: "(OPTIONAL)" })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sprie-config-engraving-inputField-block", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "input",
-          {
-            type: "text",
-            className: "sprie-config-engraving-inputField",
-            placeholder: "ADD CUSTOM TEXT",
-            value: input,
-            onChange: (e) => setInput(e.target.value),
-            maxLength: 15,
-            style: { padding: "0.7rem" },
-            disabled: !isChecked
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sprie-config-engraving-inputInfo", children: `${input.length}/15 characters` }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: "#", className: "sprie-config-engraving-link", children: "About Custom Laser Engraving" })
-      ] })
-    ] });
+      if (isBlur)
+        onTextAdded(input);
+    }, [isBlur]);
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: "sprie-config-engraving-block",
+        style: { marginTop: ".5rem" },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { style: { display: "flex", alignItems: "center", gap: ".8rem" }, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "input",
+              {
+                type: "checkbox",
+                className: "sprie-config-engraving-checkbox",
+                onChange: (e) => {
+                  setIsChecked(e.target.checked);
+                },
+                checked: isChecked
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "p",
+              {
+                style: {
+                  fontSize: ".9rem",
+                  color: "#4d4d4d",
+                  fontWeight: "500",
+                  margin: "0"
+                },
+                children: [
+                  "Add ",
+                  "Laser Engraving",
+                  " ",
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { style: { fontWeight: "400" }, children: "(OPTIONAL)" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sprie-config-engraving-inputField-block", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "input",
+              {
+                type: "text",
+                className: "sprie-config-engraving-inputField",
+                placeholder: "ADD CUSTOM TEXT",
+                value: input,
+                onChange: (e) => setInput(e.target.value),
+                maxLength: 15,
+                style: { padding: "0.7rem" },
+                disabled: !isChecked,
+                onBlur: (e) => setIsBlur(true),
+                onFocus: (e) => setIsBlur(false)
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "sprie-config-engraving-inputInfo", children: `${input.length}/15 characters` }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("a", { href: "#", className: "sprie-config-engraving-link", children: "About Custom Laser Engraving" })
+          ] })
+        ]
+      }
+    );
   }
   const index$1 = "";
   function StepTracker({
@@ -43632,7 +43661,9 @@ bool bvhIntersectFirstHit(
               style: {
                 border: "0",
                 cursor: modelLoading ? "default" : "pointer",
-                opacity: (selectedOrbital == null ? void 0 : selectedOrbital._id) === e._id ? "1" : ".6"
+                opacity: (selectedOrbital == null ? void 0 : selectedOrbital._id) === e._id ? "1" : ".6",
+                width: isMobileView ? 45 : 60,
+                height: isMobileView ? 45 : 60
               },
               onClick: () => onChangeOrbital(e),
               disabled: modelLoading,
@@ -43685,7 +43716,7 @@ bool bvhIntersectFirstHit(
     const [showAddToCart, setShowAddToCart] = reactExports.useState(false);
     const [viewerHeight, setViewerHeight] = reactExports.useState();
     const mainContainerRef = reactExports.useRef(null);
-    const mainHeight = (_a2 = mainContainerRef.current) == null ? void 0 : _a2.clientHeight;
+    (_a2 = mainContainerRef.current) == null ? void 0 : _a2.clientHeight;
     const domInstance = reactExports.useRef();
     domInstance.current = domService;
     const isMobileView = window.innerWidth <= 576;
@@ -43776,7 +43807,6 @@ bool bvhIntersectFirstHit(
       setSelectedOrbital(requestedOrbital);
     };
     const onEngravingChecked = (checked) => {
-      console.log(checked);
     };
     const onEngravingTextAdded = (text) => {
       console.log(text);
@@ -43795,11 +43825,10 @@ bool bvhIntersectFirstHit(
       lensList && setSelectedLens(lensList[0]);
       orbitalList && setSelectedOrbital(orbitalList[0]);
     }, [frameList, lensList, orbitalList]);
-    console.log(mainHeight);
     return /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { id: "Sprie-config-Main-Container", ref: mainContainerRef, children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("header", { id: "Sprie-config-Header", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("img", { src: ditaLogo, alt: "dita-logo", width: 97, height: 20 }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "sprie-config-Header-groupName", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { style: { margin: "0" }, className: "sprie-config-Header-groupName", children: [
           orgName,
           " CUSTOMIZER"
         ] })
@@ -43835,7 +43864,7 @@ bool bvhIntersectFirstHit(
                   top: isMobileView || !showAddToCart ? "-3rem" : "-8.5rem"
                 },
                 children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: { marginRight: ".8rem" }, children: "$925.00 USD" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: { margin: " 0.8rem 0 0" }, children: "$925.00 USD" }),
                   !isMobileView && showAddToCart && /* @__PURE__ */ jsxRuntimeExports.jsx(AddToCartBtn, {}),
                   showAddToCart && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { style: { marginRight: ".8rem", fontSize: ".6rem" }, children: "Please Allow 7-10 Days for Customization Process." })
                 ]

package/package.json

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