@nyris/nyris-webapp 0.3.81 → 0.3.82

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@nyris/nyris-webapp",
-  "version": "0.3.81",
+  "version": "0.3.82",
   "dependencies": {
     "@auth0/auth0-react": "^2.2.4",
     "@emailjs/browser": "^4.3.3",
-    "@nyris/nyris-api": "^0.3.81",
-    "@nyris/nyris-react-components": "^0.3.81",
+    "@nyris/nyris-api": "^0.3.82",
+    "@nyris/nyris-react-components": "^0.3.82",
     "@radix-ui/react-accordion": "^1.2.2",
     "@radix-ui/react-dialog": "^1.1.4",
     "@radix-ui/react-popover": "^1.1.4",

package/public/js/settings.example.js

@@ -87,6 +87,8 @@ var settings = {
   simpleCardView: false,
   noSimilarSearch: false,
   showFeedback: false,
+  geoLocation: false,
+  geoLocationMessage: '',
   rfq: {
     enabled: '',
     emailTemplateId: '',

package/src/components/LocationInfoPopup.tsx

@@ -0,0 +1,58 @@
+import React, { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { createPortal } from 'react-dom';
+
+const LocationInfoPopup = () => {
+  const [showPopup, setShowPopup] = useState(false);
+  const { t } = useTranslation();
+
+  useEffect(() => {
+    const shown = sessionStorage.getItem('locationNoticeShown');
+    if (shown) return;
+
+    navigator.permissions
+      .query({ name: 'geolocation' })
+      .then((result) => {
+        if (result.state === 'prompt') {
+          setShowPopup(true);
+        } else if (result.state === 'granted') {
+          navigator.geolocation.getCurrentPosition(console.log, console.error);
+          sessionStorage.setItem('locationNoticeShown', 'true');
+        } else {
+          sessionStorage.setItem('locationNoticeShown', 'true');
+        }
+      });
+  }, []);
+
+  const closePopup = () => {
+    navigator.geolocation.getCurrentPosition(console.log, console.error);
+    sessionStorage.setItem('locationNoticeShown', 'true');
+    setShowPopup(false);
+  }
+  
+  return (
+    <div>
+      {showPopup && createPortal(
+        <div
+          className="custom-modal"
+          onClick={closePopup}
+        >
+          <div
+            className="custom-modal-body geolocation"
+            onClick={(e) => {
+                e.preventDefault();
+                e.stopPropagation();
+            }}
+          >
+              <div className="geolocation-title">{t('Please enable location services when prompted.')}</div>
+              <div>{window.settings.geoLocationMessage}</div>
+            <button type="button" onClick={closePopup}>{t('I understand')}</button>
+          </div>
+        </div>,
+        document.body
+      )}
+    </div>
+  )
+}
+
+export default LocationInfoPopup;

package/src/helpers/getGeoLocation.ts

@@ -0,0 +1,19 @@
+export const getUserLocation = (): Promise<{ latitude: number; longitude: number }> => {
+  return new Promise((resolve, reject) => {
+    if (!navigator.geolocation) {
+      return reject(new Error('Geolocation is not supported.'));
+    }
+
+    navigator.geolocation.getCurrentPosition(
+      position => {
+        resolve({
+          latitude: position.coords.latitude,
+          longitude: position.coords.longitude,
+        });
+      },
+      error => {
+        reject(error);
+      },
+    );
+  });
+};

package/src/layouts/AppLayout.tsx

@@ -60,7 +60,6 @@ function AppLayout(): JSX.Element {
       let vh = window.innerHeight * 0.01;
       document.documentElement.style.setProperty('--vh', `${vh}px`);
     };
-
     window.addEventListener('resize', handleResize);
 
     const handleScriptsLoaded = () => {

package/src/pages/Home.tsx

@@ -8,10 +8,11 @@ import TextSearch from 'components/TextSearch';
 import CustomCamera from 'components/CustomCameraDrawer';
 import ExperienceVisualSearchTrigger from 'components/ExperienceVisualSearch/ExperienceVisualSearchTrigger';
 import { useNavigate } from 'react-router';
+import LocationInfoPopup from "../components/LocationInfoPopup";
 
 function Home() {
   const settings = window.settings;
-  const { experienceVisualSearch, experienceVisualSearchImages } = settings;
+  const { experienceVisualSearch, experienceVisualSearchImages, geoLocation } = settings;
   const navigate = useNavigate();
 
   const [experienceVisualSearchBlobs, setExperienceVisualSearchBlobs] =
@@ -77,6 +78,7 @@ function Home() {
           'bg-[#fafafa]',
         ])}
       >
+        {geoLocation && <LocationInfoPopup />}
         <div className="relative flex flex-col items-center justify-center w-full">
           {settings.headerText && (
             <div

package/src/pages/Result.tsx

@@ -94,7 +94,15 @@ function Results() {
 
   useEffect(() => {
     const urlParams = new URLSearchParams(window.location.search);
-    const imageUrl = urlParams.get('imageUrl');
+    const imageUrlParam = urlParams.get('imageUrl');
+    let imageUrl = null;
+    if (imageUrlParam) {
+      try {
+        imageUrl = atob(imageUrlParam);
+      } catch {
+        imageUrl = imageUrlParam;
+      }
+    }
     if (!imageUrl) return;
     getImageFromUrl(imageUrl, file => {
       singleImageSearch({

package/src/services/visualSearch.ts

@@ -8,6 +8,7 @@ import NyrisAPI, {
 import { isEqual } from 'lodash';
 
 import { DEFAULT_REGION } from '../constants';
+import { getUserLocation } from 'helpers/getGeoLocation';
 
 export interface Filter {
   key?: string;
@@ -51,7 +52,7 @@ export const findRegions = async (
   };
 };
 
-export const find = ({
+export const find = async ({
   image,
   settings,
   region,
@@ -67,6 +68,17 @@ export const find = ({
   const nyrisApi = new NyrisAPI(settings);
   let options: ImageSearchOptions = text ? { text } : {};
 
+  if (window.settings?.geoLocation) {
+    try {
+      const { latitude, longitude } = await getUserLocation();
+      console.log('User location:', latitude, longitude);
+      options.geoLocation = {
+        latitude,
+        longitude,
+      };
+    } catch (error) {}
+  }
+
   if (region) {
     options = { ...options, cropRect: region };
   }

package/src/styles/common.scss

@@ -102,4 +102,51 @@
   
 .psol-comp-viewbase-svgcontainer{
     display: none !important;
-  }
+  }
+
+.custom-modal {
+  position: absolute;
+  z-index: 99999;
+  width: 100vw;
+  height: 100vh;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background-color: #16161680;
+  &-body {
+    padding: 32px;
+    background: #F3F3F5;
+    &.geolocation {
+      width: 400px;
+      height: 200px;
+      font-weight: 400;
+      font-size: 14px;
+      line-height: 16px;
+      letter-spacing: 0.16px;
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      align-items: flex-start;
+      .geolocation-title {
+        font-weight: 700;
+        font-size: 20px;
+        line-height: 24px;
+        letter-spacing: 0;
+      }
+      button {
+        border: 2px solid #3E36DC;
+        border-radius: 4px;
+        padding: 8px 32px;
+        align-self: flex-end;
+        font-weight: 600;
+        font-size: 16px;
+        line-height: 18px;
+        letter-spacing: 0.16px;
+      }
+    }
+  }
+}

package/src/translations.ts

@@ -62,6 +62,8 @@ export const translations = {
       'No result found': 'No result found',
       'Load More': 'Load More',
       'No filters found': 'No filters found',
+      'Please enable location services when prompted.': 'Please enable location services when prompted.',
+      'I understand': 'I understand',
     },
   },
   de: {
@@ -129,6 +131,8 @@ export const translations = {
       'No result found': 'Keine Ergebnisse',
       'Load More': 'Mehr laden',
       'No filters found': 'Kein Filter gefunden',
+      'Please enable location services when prompted.': 'Bitte aktivieren Sie die Ortungsdienste, wenn Sie dazu aufgefordert werden.',
+      'I understand': 'Ich verstehe',
     },
   },
   pt: {
@@ -197,6 +201,8 @@ export const translations = {
       'No result found': 'Nenhum resultado',
       'Load More': 'Carregar mais',
       'No filters found': 'Nenhum filtro encontrado',
+      'Please enable location services when prompted.': 'Por favor, ative os serviços de localização quando solicitado',
+      'I understand': 'Compreendo',
     },
   },
 };

package/src/types.ts

@@ -111,6 +111,8 @@ export interface AppSettings extends NyrisAPISettings {
   simpleCardView?: boolean;
   support: Support;
   theme: SearchSuiteSettings;
+  geoLocation?: boolean;
+  geoLocationMessage?: string;
   visualSearchFilterKey?: string;
 }
 

package/build/static/css/main.ca3fce21.css.map

@@ -1 +0,0 @@
-{"version":3,"file":"static/css/main.ca3fce21.css","mappings":"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","sources":["index.css","styles/mobileCameraCTA.scss","styles/experienceVisualSearch.scss","styles/product.scss","../../../node_modules/@splidejs/react-splide/dist/css/splide.min.css","../../../node_modules/@splidejs/react-splide/dist/css/splide-core.min.css","components/Carousel/ImagePreviewCarousel.scss","styles/feedback.scss","styles/common.scss"],"sourcesContent":["@tailwind base;\n@tailwind components;\n@tailwind utilities;\n\nbody {\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, \"Source Sans 3\", \"Segoe UI\", \"Roboto\", \"Oxygen\",\n    \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n  color: #2B2C46\n}\n\n/* Source Sans 3 fonts  */\n@font-face {\n  font-family: \"Source Sans 3\";\n  src: url(\"./common/assets/fonts/source-sans-3/SourceSans3-Light.ttf\");\n  font-style: normal;\n  font-weight: 300;\n  font-display: swap;\n}\n@font-face {\n  font-family: \"Source Sans 3\";\n  src: url(\"./common/assets/fonts/source-sans-3/SourceSans3-Regular.ttf\");\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n}\n@font-face {\n  font-family: \"Source Sans 3\";\n  src: url(\"./common/assets/fonts/source-sans-3/SourceSans3-Medium.ttf\");\n  font-style: medium;\n  font-weight: 500;\n  font-display: swap;\n}\n@font-face {\n  font-family: \"Source Sans 3\";\n  src: url(\"./common/assets/fonts/source-sans-3/SourceSans3-SemiBold.ttf\");\n  font-style: medium;\n  font-weight: 600;\n  font-display: swap;\n}\n@font-face {\n  font-family: \"Source Sans 3\";\n  src: url(\"./common/assets/fonts/source-sans-3/SourceSans3-Bold.ttf\");\n  font-style: medium;\n  font-weight: 700;\n  font-display: swap;\n}\n\n* {\n  margin: 0;\n  padding: 0;\n  font-family: 'Source Sans 3', sans-serif !important;\n}\n\na,\nabbr,\nacronym,\naddress,\napplet,\narticle,\naside,\naudio,\nb,\nbig,\nblockquote,\nbody,\ncanvas,\ncaption,\ncenter,\ncite,\ncode,\ndd,\ndel,\ndetails,\ndfn,\ndiv,\ndl,\ndt,\nem,\nembed,\nfieldset,\nfigcaption,\nfigure,\nfooter,\nform,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nheader,\nhgroup,\nhtml,\ni,\niframe,\nimg,\nins,\nkbd,\nlabel,\nlegend,\nli,\nmark,\nmenu,\nnav,\nobject,\nol,\noutput,\np,\npre,\nq,\nruby,\ns,\nsamp,\nsection,\nsmall,\nspan,\nstrike,\nstrong,\nsub,\nsummary,\nsup,\ntable,\ntbody,\ntd,\ntfoot,\nth,\nthead,\ntime,\ntr,\ntt,\nu,\nul,\nvar,\nvideo {\n  font: inherit;\n  padding: 0;\n  border: 0;\n  margin: 0;\n  /* vertical-align: baseline */\n}\n\nblockquote,\nq {\n  quotes: none;\n}\n\nblockquote:after,\nblockquote:before,\nq:after,\nq:before {\n  content: \"\";\n  content: none;\n}\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\nsection {\n  display: block;\n}\n\nbody,\nbutton,\ninput,\nselect,\ntextarea {\n  color: #2B2C46;\n  font-family: Roboto, Arial, Helvetica, sans-serif;\n  font-size: 17px;\n  line-height: 1.5;\n  font-weight: 400;\n  text-rendering: optimizeLegibility;\n  -webkit-font-smoothing: antialiased;\n  font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\na,\nb,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nstrong {\n  font-weight: 700;\n}\n\nbody {\n  background: #fafafa;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  line-height: 1;\n}\n\nh1,\nh2 {\n  line-height: 1.618;\n  color: #031f2b;\n}\n\nh1 {\n  font-size: 25px;\n  margin: 0 auto 25px;\n}\n\nh1.entry-title a {\n  color: #031f2b;\n  font-size: 25px;\n}\n\nh2 {\n  font-size: 16px;\n  margin: 15px auto 25px;\n}\n\nh2.entry-title a {\n  color: #031f2b;\n  font-size: 25px;\n}\n\nh1 p,\nh2 p {\n  margin-bottom: 0;\n}\n\n@media only screen and (min-width: 530px) and (max-width: 750px) {\n  h1 br,\n  h2 br {\n    display: none;\n  }\n}\n\nh3 {\n  color: #031f2b;\n  font-size: 17px;\n  line-height: 1.5;\n  margin: 22px auto 16px;\n}\n\nh4 {\n  font-size: 15px;\n  margin: 22px auto 12px;\n}\n\nh5 {\n  font-size: 13px;\n  margin: 22px auto 10px;\n}\n\nh6 {\n  font-size: 11px;\n  margin: 22px auto 8px;\n}\n\np a {\n  text-decoration: underline;\n}\n\nem {\n  font-style: italic;\n}\n\niframe,\nimg {\n  max-width: 100%;\n  height: auto;\n}\n\na {\n  text-decoration: none;\n  color: rgba(3, 31, 43, 0.54);\n}\n\na:hover {\n  cursor: pointer;\n  color: rgba(3, 31, 43, 0.7);\n}\n\nol,\nul {\n  list-style: none;\n  padding-left: 20px;\n}\n\nol li,\nul li {\n  list-style: disc;\n  padding-left: 10px;\n  margin-bottom: 10px;\n}\n\n/* Css Common all page */\n.d-flex {\n  display: flex !important;\n}\n.justify-center {\n  justify-content: center;\n}\n.flex-end {\n  align-items: flex-end;\n}\n.flex-center {\n  align-items: center;\n}\n",".take-photo {\n    border-radius: 100%;\n    padding: 3px;\n    background:  linear-gradient(360deg, #E9E9EC 0%, #FFFFFF 44.79%, #AAABB5 100%);\n    .take-photo-wrapper {    \n      border-radius: 100%;\n      padding: 30px;  \n      .outer {\n        display: block;\n        border-radius: 100%;\n        padding: 3px;\n        background: linear-gradient(180deg, #AAABB5 0%, #FFFFFF 100%);\n        box-shadow: -2px 10px 24px rgba(43, 44, 70, 0.6);\n      }\n      .inner {\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        width: 192px;\n        height: 192px;\n        border-radius: 100%;\n        background: linear-gradient(180deg, #FFFFFF 30.73%, #C5C5C5 100%);\n      }\n    }\n  }","body.overflow-hidden {\n  overflow: hidden;\n}\n\n.experience-visual-button {\n  background-color: #3E36DC;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  border-radius: 25px;\n  cursor: pointer;\n  margin: 32px auto 0;\n  &:hover,\n  &.hover {\n    width: 197px;\n    border-radius: 25px;\n    transition: .5s;\n    span {\n      width: 149px;\n      display: inline;\n      margin-right: 8px;\n      overflow: hidden;\n      white-space: nowrap;\n      font-family: 'Source Sans 3', sans-serif;\n      font-size: 14px;\n      font-weight: 600;\n      line-height: 16px;\n      text-align: center;\n      &:before {\n        color: #fff;\n        content: 'Experience Visual Search';\n      }\n    }\n  }\n}\n\n.custom-modal {\n\n  &-body {\n    position: relative;\n    width: 100%;\n    height: 100%;\n    background-color: #F3F3F5;\n    padding: 32px 16px;\n    .close-icon {\n      top: 8px;\n      right: 8px;\n      position: absolute;\n    }\n    &-title {\n      font-family: 'Source Sans 3', sans-serif;;\n      font-size: 20px;\n      font-weight: 700;\n      line-height: 24px;\n      text-align: left;\n\n    }\n    &-content {\n      &.experience-visual-search-images {\n        margin: 32px auto;\n        height: auto;\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        gap: 16px;\n        width: 376px;\n        .experience-visual-search-image-container {\n          width: 180px;\n          height: 180px;\n          overflow: hidden;\n          border-radius: 4px;\n          position: relative;\n          cursor: pointer;\n          .experience-visual-search-image {\n            width: 180px;\n            height: 180px;\n            background-size: cover;\n            background-position: center;\n            transform: scale(1);\n            &:hover {\n              transition: all 0.3s;\n              transform: scale(1.1);\n            }\n          }\n          .box-icon-modal {\n            bottom: 6px;\n            right: 6px;\n            position: absolute;\n            border-radius: 100%;\n            background-color: #F3F3F5;\n            overflow: hidden;\n            z-index: 11;\n            width: 32px;\n            height: 32px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: pointer;\n          }\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (min-width: 900px) {\n  .custom-modal {\n    &-body {\n      width: 900px;\n      max-width: 900px;\n      height: 380px;\n      border-radius: 4px;\n      &-title,\n      &-subtitle {\n        margin-left: 24px;\n      }\n      &-content {\n        &.experience-visual-search-images {\n          width: 770px;\n        }\n      }\n    }\n  }\n}\n\n@media only screen and (min-width: 776px) and (max-width: 899px) {\n  .custom-modal {\n    &-body {\n      width: 600px;\n      max-width: 600px;\n      height: 600px;\n      padding: 32px;\n      border-radius: 4px;\n    }\n  }\n}\n\n@media only screen and (max-width: 776px) {\n  .experience-visual-button {\n    width: 197px;\n    span {\n      width: 149px;\n      display: inline;\n      margin-right: 8px;\n      overflow: hidden;\n      white-space: nowrap;\n      font-family: 'Source Sans 3', sans-serif;;\n      font-size: 14px;\n      font-weight: 600;\n      line-height: 16px;\n      text-align: center;\n      &:before {\n        color: #fff;\n        content: 'Experience Visual Search';\n      }\n    }\n  }\n}\n\n@media only screen and (max-width: 408px) {\n  .custom-modal {\n    &-body {\n      padding: 32px 8px;\n      &-content {\n        &.experience-visual-search-images {\n          width: 300px;\n          gap: 8px;\n          .experience-visual-search-image-container {\n            width: 145px;\n            height: 145px;\n            .experience-visual-search-image {\n              width: 145px;\n              height: 145px;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n",".wrap-main-item-result {\n    display: flex;\n    flex-direction: column;\n    border-radius: 2px;\n    overflow: hidden;\n    box-shadow: 0px 0px 16px rgba(224, 224, 224, 0.8);\n\n    @media screen and (max-width: 776px) {\n        .wrap-main-item-result {\n          width: 180px;\n          max-width: 180px !important;\n  \n          &:first-child {\n            margin-top: 0px !important;\n          }\n        }\n    }\n  \n  }\n\n  .box-icon-modal {\n    bottom: 6px;\n    right: 6px;\n    position: absolute;\n    border-radius: 100%;\n    background-color: #F3F3F5;\n    overflow: hidden;\n    z-index: 11;\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n  }\n\n  .box-icon-modal-3d {\n    bottom: 6px;\n    left: 6px;\n    position: absolute;\n    border-radius: 100%;\n    background-color: #F3F3F5;\n    overflow: hidden;\n    z-index: 11;\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n  }\n\n  .attribute-container {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n    gap: 8px;\n    .item-attribute {\n      width: calc(50% - 4px);\n      &:nth-child(odd):nth-last-child(1) {\n        width: 100%;\n      }\n    }\n  }\n\n  .info-container {\n    padding: 16px 0 0 0;\n    .info-sku {\n      font-size: 18px;\n      font-weight: 700;\n      line-height: 25.63px;\n      padding-left: 4px;\n    }\n    .info-marking {\n      width: max-content;\n      background: #E0E0E0;\n      border-radius: 2px;\n      padding: 4px;\n      word-break: break-all;\n      font-size: 16px;\n      font-weight: 400;\n      line-height: 12px;\n      letter-spacing: 0.22857144474983215px;\n      text-align: left;\n    }\n    .info-description {\n      font-size: 16px;\n      font-weight: 400;\n      line-height: 22.78px;\n      letter-spacing: 0.22857144474983215px;\n      padding: 8px 0 0 4px;\n    }\n  }\n\n\n  .info-container-card {\n    flex-direction: column;\n    background-color: #F3F3F5;\n    flex-grow: 1;\n    z-index: 40;\n    display: flex;\n    padding: 8px;\n    height: 140px;\n    &.w-cta {\n      height: 168px;\n    }\n    .info-sku {\n      font-size: 16px;\n      font-weight: 700;\n      line-height: 22.78px;\n      letter-spacing: 0.22857144474983215px;\n      padding-left: 4px;\n    }\n    .info-marking {\n      max-width: max-content;\n      padding: 2px 4px;\n      font-size: 14px;\n      font-weight: 400;\n      line-height: 14px;\n      letter-spacing: 0.22857144474983215px;\n      background: #E0E0E0;\n      border-radius: 2px;\n      word-break: break-all;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      line-clamp: 2;\n      -webkit-box-orient: vertical;\n    }\n    .info-description {\n      margin-top: 8px;\n      font-size: 14px;\n      font-weight: 400;\n      line-height: 19.94px;\n      letter-spacing: 0.22857144474983215px;\n      word-break: break-all;\n      padding-left: 4px;\n      overflow: hidden;\n      display: -webkit-box;\n      -webkit-line-clamp: 3;\n      line-clamp: 2;\n      -webkit-box-orient: vertical;\n    }\n  }",".splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}","@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}",".splide__track.splide__track--slide{\n  margin: 0 46px;\n}\n\n.splide__arrow{\n  background: transparent;\n  svg {\n    fill: #a3a3a3;\n  }\n}\n\n.splide__track--nav>.splide__list>.splide__slide.is-active{\n  border: 2px solid #e0e0e0;\n  border-radius: 2px;\n}\n\n.thumbs-list{\n  display: flex;\n  justify-content: center;\n}\n\n.img-container {\n  display: flex;\n  justify-content: center;\n\n  img {\n    max-height: 400px;\n    // @media only screen and (max-width: 776px) {\n    //     max-height: 335px;\n    // }\n  }\n}",".feedback-floating {\n    height: fit-content;\n    right: 0px;\n    position: absolute;\n    z-index: 20;\n    display: flex;\n    justify-content: flex-end;\n  \n    .feedback-section {\n      position: fixed;\n      bottom: 40px;\n      border-radius: 26px;\n      min-width: 332px;\n      min-height: 48px;\n  \n      @media screen and (max-width: 776px) {\n        display: flex;\n        margin-left: 0px;\n        bottom: 80px;\n        min-width: 300px;\n        min-height: 40px;\n        height: fit-content !important;\n        justify-content: center;\n        left: 50%;\n        transform: translateX(-50%);\n      }\n    }\n    \n    @media screen and (max-width: 776px) {\n      left: 0;\n      right: 0;\n      margin-left: auto;\n      margin-right: auto;\n      width: 77%;\n    }\n  }\n  \n  .feedback-backdrop-blur {\n    backdrop-filter: blur(2px);\n  \n  }\n  \n  .feedback-wrapper {\n    // background-color: #e4e3ffed;\n    mix-blend-mode: multiply;\n    border-radius: 24px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding-left: 24px;\n    padding-right: 8px;\n    padding-top: 8px;\n    padding-bottom: 8px;\n    width: fit-content;\n    height: fit-content;\n  \n    column-gap: 22px;\n  \n    flex-shrink: 0;\n    color: #2B2C46;\n  \n    @media screen and (max-width: 776px) {\n      padding-left: 16px;\n      padding-right: 4px;\n      padding-right: 6px;\n      padding-top: 6px;\n    }\n  \n    p{\n      font-size: 14px;\n      font-weight: 600;\n      @media screen and (max-width: 776px) {\n        font-size: 12px;\n      }\n    }\n  \n    .feedback-icon-wrapper {\n      min-width: 32px;\n      min-height: 32px;\n      border-radius: 100%;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n  \n      @media screen and (max-width: 776px) {\n        min-width: 28px;\n        min-height: 28px;\n      }\n  \n      &-close {\n        min-width: 32px;\n        min-height: 32px;\n        border-radius: 100%;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n  \n        @media screen and (max-width: 776px) {\n          min-width: 28px;\n          min-height: 28px;\n        }\n  \n        &:hover {\n          background-color: #D3D1FF;\n          cursor: pointer;  \n        }\n      }\n  \n      \n  \n      &:hover {\n        background-color: #FFF;\n        box-shadow: 0px 0px 7.04px 0px rgba(0, 0, 0, 0.10);\n        cursor: pointer;\n  \n      }\n  \n      svg{\n        width: 16px;\n        height: 16px;\n  \n        @media screen and (max-width: 776px) {\n          width: 14px;\n          height: 14px;\n        }\n  \n      }\n  \n      @media screen and (max-width: 776px) {\n        width: 25px;\n        height: 25px;\n      }\n    }\n  }\n  \n  .feedback-success {\n    font-size: 14px;\n    font-weight: 600;\n    color: #fff;\n    background-color: #2B2C46;\n    width: 100%;\n    min-height: 48px;\n    // height: 100%;\n    text-align: center;\n    border-radius: 26px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  \n    @media screen and (max-width: 776px) {\n      font-size: 12px;\n      min-height: 42px;\n    }\n  }",".full-height {\n    height: 100dvh; /* Fallback for browsers that do not support Custom Properties */\n  }\n\n  .max-line-1 {\n    word-break: break-word;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: -webkit-box;\n    max-height: 33px; /* fallback */\n    -webkit-line-clamp: 1; /* number of lines to show */\n    -webkit-box-orient: vertical;\n  }\n\n  .box-wrap-loading {\n    position: fixed;\n    background: #00000075;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    z-index: 1000;\n    top: 0;\n  }\n\n  .loadingSpinCT {\n    position: absolute;\n    width: 104px;\n    height: 104px;\n  \n    // background: #fff;\n    border-radius: 100%;\n    z-index: 111;\n    left: 0;\n    right: 0;\n    margin: auto;\n  \n  }\n\n  .loading-spinner {\n    animation: spin 3s linear infinite;\n  }\n  \n  \n  @keyframes spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n\n\n  .rfq-box{\n    padding: 24px 40px 24px 40px;\n    @media screen and (max-width: 776px) {\n      padding: 16px 16px 16px 16px;\n    \n    }\n    @media screen and (max-width: 820px) {\n      padding: 16px 16px 16px 16px;\n    \n    }\n    .support-button-wrapper {\n      flex-wrap: nowrap;\n      @media screen and (max-width: 820px) {\n        gap: 8px;\n      }\n    }\n  \n    \n  }\n\n.psol-comp-webviewer3d-container {\n    border-radius: 12px !important;\n  }\n\n.psol-comp-viewbase-iconbutton-44 {\n\n    width: 32px !important;\n    height: 32px !important;\n    .psol-comp-viewbase-svgicon {\n      width: 16px !important;\n      height: 16px !important;\n    }\n  }\n  \n.psol-comp-webviewer3d-copyright-container {\n    a {\n      font-size: 10px !important; \n      color: #55566B !important;\n    }\n  }\n.psol-comp-webviewer3d-copyright-container {\n    margin-bottom: -2px !important;\n  }\n  \n.ComponentCustomizeWebViewer3DFavoriteButtonsBarContainer{\n    padding-bottom: 6px !important;\n  }\n  \n.psol-comp-viewbase-svgcontainer{\n    display: none !important;\n  }"],"names":[],"sourceRoot":""}