@perceptimagery/dita-configurator-staging 0.3.5000 → 0.3.5002
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +2 -2
- package/package.json +2 -2
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* (c) 2023, Abhishek Deb (vikz91.deb@gmail.com) */
|
|
2
2
|
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('@import"https://fonts.googleapis.com/css2?family=Work+Sans:wght@200;300;400;500;600;700;800&display=swap";#Sprie-config-html{font-size:87.5%}#Sprie-config-html,#Sprie-config-body{width:100%;height:100%;margin:0;padding:0;font-family:Work Sans,sans-serif;box-sizing:border-box}#Sprie-config-body *{box-sizing:border-box;margin:0;padding:0}.sprie-config-loadingBox{position:fixed;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:24px;font-weight:500;z-index:10000;background:#f2f2f2}#Sprie-config-Main-Container{width:100%;height:100%}#Sprie-config-Header{height:5rem;border-bottom:1.5px solid #aeaeae;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}#Sprie-config-Header .sprie-config-Header-groupName{color:#373737;font-size:1rem;font-weight:400;line-height:1.5275rem;letter-spacing:-.05rem;text-transform:uppercase}#Sprie-config-Viewer-Container{position:relative;width:100%;img {position: absolute; top: 2rem; left: 2rem;}}.sprie-config-loadingFrame{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:24px;font-weight:500;z-index:1000;background:#fafafa;opacity:.7}.sprie-config-loader{border:8px solid #222222;width:60px;padding:8px;aspect-ratio:1;border-radius:50%;background:#222222;--_m: conic-gradient(#0000 10%, #000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:spin 1s infinite linear}@keyframes spin{to{transform:rotate(1turn)}}#Sprie-config-Customisation-block{height:15.42rem;background-color:#f2f2f2;border-top:1px solid #91847e;position:relative;flex-grow:1}.sprie-config-price-block{position:absolute;right:0;z-index:1000;display:flex;flex-direction:column;align-items:end;gap:.4rem;p {font-size: 1.25rem; font-weight: 500; color: #121212;}}.frameName{color:#4d4d4d;font-size:.875rem;font-weight:500;line-height:1.5275rem;letter-spacing:-.05rem;text-transform:uppercase}.price-tag{color:#222;font-size:1.3125rem;font-weight:400;line-height:2.275rem}@media (max-width: 576px){#Sprie-config-Header{height:5.25rem}#Sprie-config-Viewer-Container{img {position: absolute; top: 1.2rem; left: 1.2rem;}}}.sprie-config-palette{display:flex;gap:1.5rem;justify-content:flex-start;overflow-x:auto}.sprie-config-palette-img-box{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.sprie-config-palette-img-box .sprie-config-image{width:60px;height:60px}.sprie-config-palette-img-box .sprie-config-image.mobile-view{width:45px;height:45px}.sprie-config-palette-img-box>button{background-color:transparent}.sprie-config-palette-img-text{position:absolute;z-index:100;bottom:-1rem}.sprie-config-palette-img-text .sprie-config-palette-imgName{white-space:nowrap;z-index:100}.sprie-config-palette-img-text .sprie-config-price-tag{text-align:center;font-size:small;white-space:nowrap;z-index:100}.sprie-config-engraving-block{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:.8rem}.sprie-config-engraving-checkbox[type=checkbox]{width:1rem;height:1rem;accent-color:#000;border:.25rem solid #000;border-radius:.5rem;background-color:transparent}.sprie-config-engraving-inputField-block{width:25rem;position:relative}.sprie-config-engraving-inputField{width:100%;font-size:.8rem;font-weight:500;background:transparent;border-width:1px}.sprie-config-engraving-inputInfo{position:absolute;white-space:nowrap;font-size:.6rem;bottom:.2rem;right:.4rem;color:#686868}.sprie-config-engraving-link{position:absolute;white-space:nowrap;font-size:.7rem;bottom:-1.2rem;right:0;color:#686868;text-decoration:underline}@media (max-width: 576px){.sprie-config-engraving-inputField-block{width:70%}}.carousel{position:relative;overflow:hidden;width:100%;height:100%;display:flex;flex-direction:column;align-items:center}.carousel-container{width:80%;display:flex;position:relative;overflow:hidden}.carousel-item{display:flex;align-items:center;justify-content:center;min-width:100%;transition-property:transform;transition-timing-function:cubic-bezier(0,0,.2,1);transition-duration:.5s}.carousel-header{display:flex;align-items:center;justify-content:center;gap:2rem}.carousel-header .step-syntax{font-size:1rem;font-weight:600;line-height:1.5rem;color:#4d4d4d}.carousel-header .select-syntax{font-size:1rem;font-weight:400;line-height:1.5rem;color:#91847e}.carousel-btn{border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;background-color:transparent}.arrow{border:solid #91847e;border-width:0 3px 3px 0;display:inline-block}.right-arrow{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}.left-arrow{transform:rotate(135deg);-webkit-transform:rotate(135deg)}.step-tracker-block{display:flex;flex-direction:column;justify-content:center;align-items:center;border-bottom:1px solid #aeaeae;width:26.25rem}.step-tracker{display:flex;gap:1rem}.step-circle{width:10px;height:10px;border-radius:50%;border:1px solid #7d7d7d;background-color:transparent;display:flex;justify-content:center;align-items:center;margin-right:10px;font-size:14px}.step-circle.active{background-color:#000;border-color:#000}@media (max-width: 576px){.carousel-container{width:100%}.step-tracker-block{width:80%}}.sprie-config-add-to-cart-block{width:14.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.sprie-config-add-to-cart-btn{width:100%;height:2.75rem;background-color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;border:0;font-size:.875rem;letter-spacing:.1rem;font-weight:500;color:#fff}#Sprie-Config-return-policy-label{display:flex;justify-content:center;width:14rem;p {font-size: .7rem; text-align: left; margin: .05rem .08rem .05rem .5rem;}}#Sprie-Config-return-policy-checkbox[type=checkbox]{width:1rem;height:1rem;accent-color:#000;border:.25rem solid #000;border-radius:.5rem;background-color:transparent}.sprie-config-add-to-cart-btn:disabled,.sprie-config-add-to-cart-btn [disabled]{background-color:#504f4f;cursor:default}@media (max-width: 576px){.sprie-config-add-to-cart-block{width:100%}.sprie-config-add-to-cart-btn{width:100%;height:4rem}#Sprie-Config-return-policy-label{width:100%;gap:.5rem}}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
|
|
3
|
-
var dN=Object.defineProperty;var fN=(Js,Si,Mi)=>Si in Js?dN(Js,Si,{enumerable:!0,configurable:!0,writable:!0,value:Mi}):Js[Si]=Mi;var Tt=(Js,Si,Mi)=>(fN(Js,typeof Si!="symbol"?Si+"":Si,Mi),Mi);(function(){var XE,KE;"use strict";class Js{constructor(e){Tt(this,"config");this.config=e}IsTokenExpired(){if(!this.config.EXPIRES)return!1;const e=this.config.EXPIRES;if(!e)return!0;const t=new Date().getTime(),i=new Date(e).getTime()-t;return e===""||i<=0}IsConfigExpired(){return this.LoadConfig(),!this.config.JWT||!this.config.ORGID}RequestOptions(e,t){return{method:e,headers:{...{Accept:"application/json","Content-Type":"application/json"},...this.config.JWT&&{Authorization:this.config.JWT}},...e==="POST"&&{body:JSON.stringify(t)}}}async Get(e){return await(await fetch(this.config.HOST+e,this.RequestOptions("GET"))).json()}async Post(e,t){return await(await fetch(this.config.HOST+e,this.RequestOptions("POST",t||{}))).json()}StoreConfig(e){e.JWT&&(localStorage.setItem(`${this.config.STORE_PREFIX}jwtToken`,e.JWT),this.config.JWT=e.JWT),e.EXPIRES&&(localStorage.setItem(`${this.config.STORE_PREFIX}expires`,e.EXPIRES),this.config.EXPIRES=e.EXPIRES),e.ORGID&&(localStorage.setItem(`${this.config.STORE_PREFIX}orgId`,e.ORGID),this.config.ORGID=e.ORGID)}LoadConfig(){const e=localStorage.getItem(`${this.config.STORE_PREFIX}jwtToken`);e&&(this.config.JWT=e);const t=localStorage.getItem(`${this.config.STORE_PREFIX}orgId`);t&&(this.config.ORGID=t);const r=localStorage.getItem(`${this.config.STORE_PREFIX}expires`);return r&&(this.config.EXPIRES=r),this.config}}const Si={storePrefix:{NODE_ENV:"production"}.STORE_PREFIX||"sprie-embed-",host:"https://api.sprie.io"},Mi=Object.freeze(Si),yI="0.3.
|
|
3
|
+
var dN=Object.defineProperty;var fN=(Js,Si,Mi)=>Si in Js?dN(Js,Si,{enumerable:!0,configurable:!0,writable:!0,value:Mi}):Js[Si]=Mi;var Tt=(Js,Si,Mi)=>(fN(Js,typeof Si!="symbol"?Si+"":Si,Mi),Mi);(function(){var XE,KE;"use strict";class Js{constructor(e){Tt(this,"config");this.config=e}IsTokenExpired(){if(!this.config.EXPIRES)return!1;const e=this.config.EXPIRES;if(!e)return!0;const t=new Date().getTime(),i=new Date(e).getTime()-t;return e===""||i<=0}IsConfigExpired(){return this.LoadConfig(),!this.config.JWT||!this.config.ORGID}RequestOptions(e,t){return{method:e,headers:{...{Accept:"application/json","Content-Type":"application/json"},...this.config.JWT&&{Authorization:this.config.JWT}},...e==="POST"&&{body:JSON.stringify(t)}}}async Get(e){return await(await fetch(this.config.HOST+e,this.RequestOptions("GET"))).json()}async Post(e,t){return await(await fetch(this.config.HOST+e,this.RequestOptions("POST",t||{}))).json()}StoreConfig(e){e.JWT&&(localStorage.setItem(`${this.config.STORE_PREFIX}jwtToken`,e.JWT),this.config.JWT=e.JWT),e.EXPIRES&&(localStorage.setItem(`${this.config.STORE_PREFIX}expires`,e.EXPIRES),this.config.EXPIRES=e.EXPIRES),e.ORGID&&(localStorage.setItem(`${this.config.STORE_PREFIX}orgId`,e.ORGID),this.config.ORGID=e.ORGID)}LoadConfig(){const e=localStorage.getItem(`${this.config.STORE_PREFIX}jwtToken`);e&&(this.config.JWT=e);const t=localStorage.getItem(`${this.config.STORE_PREFIX}orgId`);t&&(this.config.ORGID=t);const r=localStorage.getItem(`${this.config.STORE_PREFIX}expires`);return r&&(this.config.EXPIRES=r),this.config}}const Si={storePrefix:{NODE_ENV:"production"}.STORE_PREFIX||"sprie-embed-",host:"https://api.sprie.io"},Mi=Object.freeze(Si),yI="0.3.5002";function EI(n,e){const t=n.findIndex(r=>r.sku===e.sku);return t!==-1?[e,...n.slice(0,t),...n.slice(t+1)]:n}class xI{constructor(e,t){Tt(this,"isAuthenticated");Tt(this,"fetcher");Tt(this,"shopifyAPI");Tt(this,"org");Tt(this,"apiKey");Tt(this,"dataVariants");this.isAuthenticated=!1,this.fetcher=e,this.shopifyAPI=t,this.dataVariants=[]}async Authenticate(e){if(this.fetcher.LoadConfig(),(this.fetcher.IsTokenExpired()||this.fetcher.IsConfigExpired())&&await this.AuthServiceApi(e),this.isAuthenticated=!(this.fetcher.IsTokenExpired()&&this.fetcher.IsConfigExpired()),this.org=this.fetcher.config.ORGID,this.apiKey=e,!this.isAuthenticated)throw new Error("Sprie Authentication failed!")}async AuthServiceApi(e){const t=`/v1/widget/auth?api=${e}`,r=await this.fetcher.Get(t);if(!r.access||!r.orgId)throw new Error("SPRIE key Not Authorised");this.fetcher.StoreConfig({...this.fetcher.config,JWT:r.access,ORGID:r.orgId,EXPIRES:r.expires})}async FetchAssetBySKUOrBarcode(e){let t="/v1/widget/variants/";if(e.barcode)t+=`${e.barcode}`;else if(e.sku)t+=`${e.sku}`;else throw new Error("Need either sku or barcode.");return t+="?populate-customisation=true",await this.fetcher.Get(t)}async FetchCustomisationList(e){const t=`/v1/widget/list-customisation?search=type:${e},org:${this.fetcher.config.ORGID},usage:customizer&limit=50`,r=await this.fetcher.Get(t),i=r.data.find(l=>l.sku===`${e.toLowerCase()}-default`);return{...r,data:EI(r.data,i)}}async DownloadMA(e){try{const t=`/v1/widget/org/${e.orgId}/asset/${e.assetsId}/universal-full-encrypted`,r=await this.fetcher.Get(t),i=`org/${e.orgId}/asset/${e.assetsId}`;if(!r)throw new Error("Failed to download model asset.");return{asset:r,decryptionKey:i}}catch{throw new Error("Failed to download model asset.")}}async HandleAssetUsage(e){if(!this.fetcher.IsConfigExpired()&&e){const t={org:this.fetcher.config.ORGID,asset:e,timestamp:new Date().toISOString()},r="/v1/analytics/trigger";await this.fetcher.Post(r,t)}}async PopulateDataList(e){var r;const t=(r=document.querySelector(`#${e}`))==null?void 0:r.textContent;if(t){const i=await JSON.parse(t);return Object.values(i)[0]}return null}async HandleShopifyAddToCart(e){e.forEach(i=>{var l;const a=(l=i.properties)==null?void 0:l.customText;a&&(delete i.properties.customText,Object.assign(i.properties,{"custom-laser-etching":"Add Laser Engraving"}),Object.assign(i.properties,{"custom-text":a}),Object.assign(i.properties,{"This customized item cannot be returned or exchanged":"I agree"}))});let t={items:e,sections:"mini-cart"};const r=await this.shopifyAPI.Post(t);if(r){const i=await this.shopifyAPI.Get();document.querySelector("#shopify-section-mini-cart").outerHTML=r.sections["mini-cart"],document.querySelector(".header__cart-count").textContent=i.item_count;const a=document.querySelector(".drawer.drawer--full");a&&a.hasAttribute("open")&&a.removeAttribute("open");const l=document.querySelector(".popover.hidden-lap-and-up.popover-full");l&&l.hasAttribute("open")&&l.removeAttribute("open"),document.querySelector(".mini-cart.drawer.drawer--large").setAttribute("open","")}}}var bd=(n=>(n.Init="init",n.Preparing="preparing",n.Authenticating="authenticating",n.Fetching="fetching",n.Loading="loading",n.Done="done",n))(bd||{});class II{constructor({log:e,logErr:t,apiService:r,metaData:i,config:a}){Tt(this,"log");Tt(this,"logErr");Tt(this,"metaData");Tt(this,"loaderName");Tt(this,"apiKey");Tt(this,"scriptStreamEncoderId");Tt(this,"rawNodeList");Tt(this,"targetNodeList");Tt(this,"status");Tt(this,"isLoaded");Tt(this,"loadCount");Tt(this,"mutationObserver");Tt(this,"config");Tt(this,"apiService");this.config=a,this.apiService=r,this.metaData=i,this.apiKey=null,this.scriptStreamEncoderId=`sprie-embed🔴${Date.now().toString()}`,this.rawNodeList=document.getElementsByClassName(this.metaData.targetClassName),this.targetNodeList=[],this.status=bd.Init,this.isLoaded=!1,this.loadCount=0,this.loaderName="sprie-embed-loader",this.log=e.bind(this),this.logErr=t.bind(this),this.mutationObserver=null}scanApiKeyFromCurrentScriptTag(){const e=document.currentScript;if(!e)return;const t=e==null?void 0:e.getAttribute("src");if(!t)return;const r=new URLSearchParams(t.substring(t.indexOf("?")));this.apiKey=(r==null?void 0:r.get("apikey"))||(r==null?void 0:r.get("apiKey")),this.apiKey&&(e==null||e.setAttribute("data-enc-stream-id",this.scriptStreamEncoderId))}async authenticate(){if(this.status=bd.Authenticating,!this.apiService.isAuthenticated){if(!this.apiKey)throw new Error("Sprie: Unable to authenticate. Need APIKey.");await this.apiService.Authenticate(this.apiKey),this.apiService.isAuthenticated||this.logErr("Authentication failed! Check apikey and/or expiration.")}}async Init(){try{return this.scanApiKeyFromCurrentScriptTag(),await this.authenticate(),!0}catch(e){return this.log("SprieEmbed Loading failed."),this.logErr(e),this.isLoaded=!1,!1}}}function wI(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var jg={exports:{}},hl={},Wg={exports:{}},vt={};/**
|
|
4
4
|
* @license React
|
|
5
5
|
* react.production.min.js
|
|
6
6
|
*
|
|
@@ -4446,7 +4446,7 @@ bool bvhIntersectFirstHit(
|
|
|
4446
4446
|
`)},t.matrixAutoUpdate=!0,Or.needsUpdate=!0,np&&(t.visible=xE))}let a=i-r;e.scene.position.y+=a,Er.minY.value+=a,Er.maxY.value+=a}updateOrbitalMaterial(e){e.material&&e.material.name.toLowerCase()=="frame-stems"&&np&&(CE=e,rr=J8,rr.envMap=this.scene.environment,e.material=rr,e.matrixAutoUpdate=!0,rr.needsUpdate=!0,e.visible=IE)}updateGemstoneMaterial(e){e.material&&e.name==="Diamonds"&&(this.initGemstoneDependencies(),Yi.uniforms.bvh.value=new EE,Yi.uniforms.bvh.value.updateFrom(new rp(e.geometry.clone().toNonIndexed(),{strategy:Zy})),e.material=Yi)}async loadEyewearFromGLTF(e,t,r,i,a){const l=new hy,c=new Ei(l).setTranscoderPath("https://unpkg.com/three@0.146.0/examples/js/libs/basis/");e.setKTX2Loader(c.detectSupport(r));const h=a,u=t.includes(".glb");let f;return u?f=await e.loadAsync(t):f=await this.LoadEncryptedGlb(e,t,h).then(p=>{if(i)this.updateScene(p.result);else{let A=p.result;this.updateScene(A),A.scene.traverse(g=>{var y,x;if(g.isMesh){const v=(x=(y=g.parent)==null?void 0:y.parent)==null?void 0:x.name.toLowerCase();v&&(np=v.includes("flight")&&v.includes("006")),this.updateLensMaterial(A,g),this.updateOrbitalMaterial(g),this.updateGemstoneMaterial(g)}})}this.loadModelInsideScene(p.result.scene)}),f==null?void 0:f.scene}setupLensMaterial(e){if(Or){if(e.direction=="u")Or.color=new Xe(e.color),Or.opacity=e.opacity,Er.uAlpha.value=!1;else if(e.direction=="tb"){const t=e.gradientColors;Er.uAlpha.value=!0;let r=0;t.forEach(()=>{Er.colors.value[r]=new Xe(t[r].color),Er.positions.value[r]=t[r].position,Er.opacities.value[r]=t[r].alpha,r++})}e.finish=="MIRBLKHMC"?(Or.clearcoat=1,Or.clearcoatRoughness=0):e.finish=="HMCCR"?(Or.clearcoat=0,Or.clearcoatRoughness=1):e.finish=="MIRSILHMC"&&(Or.clearcoat=1,Or.clearcoatRoughness=0),Or.roughness=e.roughness,Or.metalness=e.metalness}}async downloadTexture(e){return await this.textureLoader.loadAsync(e).then(t=>(t.colorSpace=Tr,t.flipY=!1,t.magFilter=ar,t.minFilter=tM,t.wrapS=fs,t.wrapT=fs,t))}async setupOrbitalMaterial(e){rr&&(e.texture&&(e.texture.baseColor&&await this.downloadTexture(e.texture.baseColor).then(t=>{rr.map=t}),e.texture.opacity&&await this.downloadTexture(e.texture.opacity).then(t=>{rr.transmissionMap=t}),e.texture.orm&&await this.downloadTexture(e.texture.orm).then(t=>{rr.aoMap=t,rr.roughnessMap=t,rr.metalnessMap=t})),e.ior>1?(rr.ior=1.45,rr.thickness=.0035):(rr.ior=1,rr.thickness=0),rr.opacity=1,rr.transmission=1,rr.transparent=!1,rr.clearcoat=0,rr.roughness=1,rr.metalness=e.metalness,rr.shadowSide=Mr,rr.depthWrite=!0)}setupAndRenderScene(){if(!this.camera||!this.renderer)return;this.scene.add(this.camera);const e=new m6(16777215,16777215,2);e.color.setHSL(.6,1,.6),e.groundColor.setHSL(.095,1,.75),e.position.set(0,50,0),this.scene.add(e);const t=new gy(16777215,1.5);t.color.setHSL(.1,1,.95),t.position.set(-1,1.75,1),t.position.multiplyScalar(30),this.scene.add(t);const r=new P6(this.camera,this.canvas);r.target.set(.003059340956040225,-.13425621157020154,-.2564218846390263),this.renderer.getSize(new Ge),/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)?(this.camera.position.set(4.2,5.2,12),r.minDistance=3,r.maxDistance=14,r.rotateSpeed=.8):(this.camera.position.set(2.2,2.2,4),r.minDistance=2,r.maxDistance=7,r.rotateSpeed=.5),r.enableDamping=!0,r.dampingFactor=.2,r.enablePan=!0,r.minPolarAngle=-Math.PI*5/36,r.maxPolarAngle=Math.PI*3/5,r.update(),this.renderer.toneMapping=pf,this.renderer.toneMappingExposure=1.2,this.renderer.setClearColor(15724527),this.renderer.outputColorSpace=Tr;const i=2.5,a=2.5,l=.4,c={shadow:{blur:.6,darkness:1,opacity:.6},plane:{color:"#ffffff",opacity:1},showWireframe:!1},h=new Es;h.position.y=-.315,this.scene.add(h);const u=new Kn(256,256);u.texture.generateMipmaps=!1;const f=new Kn(256,256);f.texture.generateMipmaps=!1;const p=new Xl(i,a).rotateX(Math.PI/2),A=new Oi({map:u.texture,opacity:c.shadow.opacity,transparent:!0,depthWrite:!1}),g=new Pr(p,A);g.renderOrder=1,h.add(g),g.scale.y=-1;const y=new Pr(p);y.visible=!1,h.add(y);const x=new Kl(-i/2,i/2,a/2,-a/2,0,l);x.rotation.x=Math.PI/2,h.add(x);const v=new G_;v.userData.darkness={value:c.shadow.darkness},v.onBeforeCompile=L=>{const k=L;k.uniforms.darkness=v.userData.darkness,k.fragmentShader=`
|
|
4447
4447
|
uniform float darkness;
|
|
4448
4448
|
${L.fragmentShader.replace("gl_FragColor = vec4( vec3( 1.0 - fragCoordZ ), opacity );","gl_FragColor = vec4( vec3( 0.0 ), ( 1.0 - fragCoordZ ) * darkness );")}
|
|
4449
|
-
`},v.depthTest=!1,v.depthWrite=!1;const _=new nn(FR);_.depthTest=!1;const I=new nn(OR);I.depthTest=!1;function E(L,k){y.visible=!0,y.material=_,y.material.uniforms.tDiffuse.value=u.texture,_.uniforms.h.value=L*1/256,k.setRenderTarget(f),k.render(y,x),y.material=I,y.material.uniforms.tDiffuse.value=f.texture,I.uniforms.v.value=L*1/256,k.setRenderTarget(u),k.render(y,x),y.visible=!1}x.far=.125,C();function C(){x.updateProjectionMatrix()}const R=new kR,b=new QR(this.scene,this.camera);b.clearAlpha=0;const T=this.renderer.getDrawingBufferSize(new Ge),D=new Kn(T.width,T.height,{samples:4,type:rn}),B=new PR(this.renderer,D);B.addPass(b),B.addPass(R);const S=()=>{var L;r.update(),this.resizeRenderer()&&(this.camera.aspect=this.canvas.clientWidth/this.canvas.clientHeight,(L=this.camera)==null||L.updateProjectionMatrix());const k=this.scene.background;if(this.scene.background=null,this.scene.overrideMaterial=v,!this.renderer||!this.camera)return;const U=this.renderer.getClearAlpha();this.renderer.setClearAlpha(0),this.renderer.clear(),this.renderer.setRenderTarget(u),this.renderer.render(this.scene,x),this.scene.overrideMaterial=null,E(c.shadow.blur,this.renderer),E(c.shadow.blur*.4,this.renderer),this.renderer.setRenderTarget(null),this.renderer.setClearAlpha(U),this.scene.background=k,Yi.uniforms.viewMatrixInverse.value=this.camera.matrixWorld,Yi.uniforms.projectionMatrixInverse.value=this.camera.projectionMatrixInverse,requestAnimationFrame(S),B.render()};S()}loadModelInsideScene(e){this.scene.traverse(t=>{t.name=="Scene"&&(this.scene.remove(t),t.traverse(r=>{r instanceof Pr&&(r.geometry.dispose(),r.material.dispose())}))}),this.scene.add(e)}}class eD{constructor(){Ut(this,"customRenderer"),this.customRenderer=new $8}async Init(){this.customRenderer.isInitialised||(await this.customRenderer.intialize(),this.customRenderer.setupAndRenderScene())}loadFirstFrame(e,t,r){return new Promise((i,a)=>{this.customRenderer.loadFirstFrame(e,t,r).then(()=>{i(1)}).catch(l=>{a(l)})})}changeFrame(e,t,r){return this.customRenderer.changeFrame(e,t,r)}changeLens(e,t,r,i){return this.customRenderer.changeLens(e,t,r,i)}changeOrbital(e){return this.customRenderer.changeOrbital(e)}}class BE{constructor(e){Ut(this,"orgId"),Ut(this,"rendererService"),Ut(this,"isLoading",!1),Ut(this,"userContainerId"),Ut(this,"containerElement",null),Ut(this,"defaultSelectorId","dita-3dconfig-element"),Ut(this,"defaultCanvasStyle",{width:"100%",height:"100%"}),Ut(this,"customisationArr",[]),Ut(this,"assetDetails",null),this.userContainerId=e.userContainerId,this.rendererService=new eD,this.orgId=e.orgId}prepareDOM(){const e=this.userContainerId??this.defaultSelectorId,t=document.getElementById(e);if(!t)throw new Error(`Container not found to embed 3d-configurator ${this.defaultSelectorId}`);this.containerElement=t;const r=document.createElement("canvas");return r.className="sprie-config-webgl",t.innerHTML="",t.appendChild(r),Object.assign(r.style,this.defaultCanvasStyle),!0}async loadFrame(e){return this.assetDetails=e.data.assetDetails,this.customisationArr=e.data.customisation,this.prepareDOM(),await this.rendererService.Init(),await this.rendererService.loadFirstFrame(this.orgId,this.assetDetails,this.customisationArr),this}changeFrame(e,t){return this.rendererService.changeFrame(this.orgId,e,t)}changeLens(e,t,r){return this.rendererService.changeLens(e,this.orgId,t,r)}changeOrbital(e){return this.rendererService.changeOrbital(e)}unmount(){this.containerElement&&(this.containerElement.innerHTML="",this.containerElement.style.height="0px",this.containerElement.style.width="auto")}}class bE{constructor(){Ut(this,"events"),Ut(this,"authService"),Ut(this,"instanceArr"),this.authService=new NI,this.events=new VI,this.instanceArr=[]}async Init(e){await this.authService.Init(e),dl.setJWT(this.authService.authPayload.JWT)}async loadBySKU(e){const t=await Rd.FetchAssetBySKUOrBarcode({sku:e.SKU,barcode:null});return await this.renderAsset({data:{assetDetails:t,customisation:t.customisation}})}async renderAsset(e){return new BE({orgId:this.authService.authPayload.ORGID,userContainerId:e.containerId}).loadFrame({containerId:e.containerId,data:{assetDetails:e.data.assetDetails,customisation:e.data.customisation}})}async getInstance(e){return new BE({orgId:this.authService.authPayload.ORGID,userContainerId:e.containerId})}}window.ThreeDConfigurator=bE;const _N="",yN="";function tD({frameList:n,selectedFrame:e,modelLoading:t,onChangeFrame:r}){const i=window.innerWidth<=576;return Be.jsx("div",{className:"sprie-config-palette",style:{padding:"0 4rem 1.6rem 4rem",marginTop:i?"1rem":"0"},children:n==null?void 0:n.map(a=>Be.jsxs("div",{className:"sprie-config-palette-img-box",children:[Be.jsx("button",{style:{border:"0",cursor:t?"default":"pointer",opacity:(e==null?void 0:e._id)===a._id?"1":".6",width:i?45:60,height:i?45:60},onClick:()=>r(a),disabled:t,children:Be.jsx("img",{src:a.variantImage,alt:a.name+"image",className:`sprie-config-image ${i?"mobile-view":""}`,style:{transform:(e==null?void 0:e._id)===a._id?"scale(1.2,1.2)":"scale(1,1)"}})}),(e==null?void 0:e._id)===a._id&&Be.jsx("p",{className:"sprie-config-palette-img-text",children:Be.jsx("span",{className:"sprie-config-palette-imgName",children:a.name})})]},a._id))})}function rD({lensList:n,selectedLens:e,selectedDitaLens:t,modelLoading:r,onChangeLens:i}){const a=window.innerWidth<=576;return Be.jsx("div",{className:"sprie-config-palette",style:{padding:"0 1.2rem 1.6rem 1.2rem",marginTop:a?"1rem":"0",gap:a?".3rem":"1rem"},children:n==null?void 0:n.map(l=>Be.jsxs("div",{className:"sprie-config-palette-img-box",children:[Be.jsx("button",{style:{border:"0",cursor:r?"default":"pointer",opacity:(e==null?void 0:e._id)===l._id?"1":".6",width:a?45:60,height:a?45:60},onClick:()=>i(l),disabled:r,children:Be.jsx("img",{src:l.thumbnail,alt:l.name+"image",className:`sprie-config-image ${a?"mobile-view":""}`,style:{border:(e==null?void 0:e._id)===l._id?"1px solid #9d9b9c":"0",borderRadius:"50%",padding:"1px"}})}),(e==null?void 0:e._id)===l._id&&Be.jsxs("p",{className:"sprie-config-palette-img-text",style:{bottom:"-1.2rem",textAlign:"center"},children:[Be.jsx("span",{className:"sprie-config-palette-imgName",children:`${l.name}`}),Be.jsx("span",{className:"sprie-config-price-tag",children:(t==null?void 0:t.variantId)==0?"":` (+ ${t==null?void 0:t.variantPrice}.00 ${t==null?void 0:t.priceCurrency})`})]})]},l._id))})}const EN="";function nD({heading:n,onChecked:e,onTextAdded:t}){const[r,i]=Et.useState(""),[a,l]=Et.useState(!1),[c,h]=Et.useState(!1),u=Et.useRef(null);return Et.useEffect(()=>{e(a),a&&u.current?(u.current.style.backgroundColor="#ffffff",u.current.focus()):!a&&u.current&&(u.current.style.backgroundColor="transparent",u.current.blur(),i(""))}),Et.useEffect(()=>{c&&r!=""&&t(r)},[c]),Be.jsxs("div",{className:"sprie-config-engraving-block",style:{marginTop:".5rem"},children:[Be.jsxs("div",{style:{display:"flex",alignItems:"center",gap:".8rem"},children:[Be.jsx("input",{type:"checkbox",className:"sprie-config-engraving-checkbox",onChange:f=>{l(f.target.checked)},checked:a}),Be.jsxs("p",{style:{fontSize:".9rem",color:"#4d4d4d",fontWeight:"500",margin:"0"},children:["Add ","Laser Engraving"," ",Be.jsx("span",{style:{fontWeight:"400"},children:"(OPTIONAL)"})]})]}),Be.jsxs("div",{className:"sprie-config-engraving-inputField-block",children:[Be.jsx("input",{type:"text",ref:u,className:"sprie-config-engraving-inputField",placeholder:"ADD CUSTOM TEXT",value:r,onChange:f=>i(f.target.value),maxLength:15,style:{padding:"0.7rem"},disabled:!a,onBlur:f=>h(!0),onFocus:f=>h(!1)}),Be.jsx("span",{className:"sprie-config-engraving-inputInfo",children:`${r.length}/15 characters`}),Be.jsx("a",{href:"#",className:"sprie-config-engraving-link",children:"About Custom Laser Engraving"})]})]})}const xN="";function iD({totalSteps:n,currentStep:e}){const t=window.innerWidth<=576;return Be.jsx("div",{className:"step-tracker-block",style:{margin:t?"1rem 0":".7rem 0 1rem 0",paddingBottom:"1.5rem"},children:Be.jsx("div",{className:"step-tracker",children:Array.from({length:n}).map((r,i)=>Be.jsx("div",{className:`step-circle ${i+1===e?"active":""}`},i))})})}function sD({nextSlide:n,previousSlide:e,currentIndex:t,stepsName:r,isLastStep:i}){return Be.jsxs("div",{className:"carousel-header",children:[Be.jsx("button",{className:"carousel-btn prev",onClick:e,style:{visibility:t!==0?"visible":"hidden"},children:Be.jsx("i",{className:"arrow left-arrow",style:{padding:".25rem"}})}),Be.jsxs("p",{children:[Be.jsx("span",{className:"step-syntax",children:`STEP ${t+1}: `}),Be.jsx("span",{className:"select-syntax",children:r[t]})]}),Be.jsx("button",{className:"carousel-btn next",onClick:n,style:{visibility:i?"hidden":"visible"},children:Be.jsx("i",{className:"arrow right-arrow",style:{padding:".25rem"}})})]})}function aD({setShowAddToCart:n,children:e}){var u;const[t,r]=Et.useState(0),i=Kc.Children.toArray(e),a=t===i.length-1,l=(u=i.map(f=>f))==null?void 0:u.map(f=>f.props.heading),c=()=>{r(f=>f===0?Kc.Children.count(e)-1:f-1)},h=()=>{r(f=>f===Kc.Children.count(e)-1?0:f+1)};return Et.useEffect(()=>{n(!!a)},[a,n]),Be.jsxs("div",{className:"carousel",children:[Be.jsx(sD,{nextSlide:h,previousSlide:c,currentIndex:t,stepsName:l,isLastStep:a}),Be.jsx(iD,{totalSteps:l==null?void 0:l.length,currentStep:t+1}),Be.jsx("div",{className:"carousel-container",children:i.map((f,p)=>Be.jsx("div",{className:"carousel-item",style:{transform:`translateX(-${t*100}%)`},children:f},p))})]})}const IN="";function RE({conditionRequired:n,onButtonClick:e}){const[t,r]=Et.useState(!1),i=Et.useRef(null),a=Et.useRef(null);return Et.useEffect(()=>{a.current&&(a.current.disabled=!t)},[t]),Et.useEffect(()=>{i.current&&(i.current.style.display=n?"flex":"none"),a.current&&(a.current.disabled=n)},[n]),Be.jsxs("div",{className:"sprie-config-add-to-cart-block",children:[Be.jsxs("label",{htmlFor:"Sprie-Config-return-policy-checkbox",id:"Sprie-Config-return-policy-label",ref:i,style:{display:"none"},children:[Be.jsx("input",{type:"checkbox",id:"Sprie-Config-return-policy-checkbox",name:"sprie-config-return-policy-checkbox",onChange:l=>r(l.target.checked),checked:t}),Be.jsxs("p",{children:["I agree this customized Item cannot be returned or exchanged.",Be.jsx("span",{style:{color:"red"},children:"*"})]})]}),Be.jsx("button",{className:"sprie-config-add-to-cart-btn",ref:a,onClick:e,children:"ADD TO CART"})]})}function oD({orbitalList:n,selectedOrbital:e,modelLoading:t,onChangeOrbital:r}){const i=window.innerWidth<=576;return Be.jsx("div",{className:"sprie-config-palette",style:{padding:"0 1.2rem 1.6rem 1.2rem",marginTop:i?"1rem":"0",gap:i?".3rem":"1rem"},children:n==null?void 0:n.map(a=>Be.jsxs("div",{className:"sprie-config-palette-img-box",children:[Be.jsx("button",{style:{border:"0",cursor:t?"default":"pointer",width:i?45:60,height:i?45:60},onClick:()=>r(a),disabled:t,children:Be.jsx("img",{src:a.thumbnail,alt:a.name+"image",className:`sprie-config-image ${i?"mobile-view":""}`,style:{border:(e==null?void 0:e._id)===a._id?"1px solid #9d9b9c":"0",borderRadius:"50%",padding:"1px"}})}),(e==null?void 0:e._id)===a._id&&Be.jsx("p",{className:"sprie-config-palette-img-text",style:{bottom:"-1.5rem"},children:Be.jsx("span",{className:"sprie-config-palette-imgName",children:a.name})})]},a._id))})}const lD="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iMzIwLjAwMDAwMHB0IiBoZWlnaHQ9IjY2LjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgMzIwLjAwMDAwMCA2Ni4wMDAwMDAiCiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij4KCjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLDY2LjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKZmlsbD0iIzAwMDAwMCIgc3Ryb2tlPSJub25lIj4KPHBhdGggZD0iTTAgNjUxIGMwIC02IDkgLTExIDIxIC0xMSAxMSAwIDI5IC01IDQwIC0xMCAxOCAtMTAgMTkgLTI0IDE5IC0zMDAKMCAtMjc2IC0xIC0yOTAgLTE5IC0zMDAgLTExIC01IC0yOSAtMTAgLTQwIC0xMCAtMTIgMCAtMjEgLTQgLTIxIC0xMCAwIC0xNAo0NDUgLTEzIDUxMiAxIDEwNyAyMyAxOTAgODUgMjM5IDE3OSAyMCAzNyAyNCA2MCAyNCAxMzUgMCA3OCAtNCA5NyAtMjggMTQ3Ci0zNCA3MCAtMTAwIDEzMCAtMTc2IDE2MCAtNTIgMjEgLTc1IDIzIC0zMTMgMjYgLTE4MCAyIC0yNTggMCAtMjU4IC03eiBtNDcwCi0zNiBjMTUgLTggMzggLTI3IDQ5IC00MSAyMCAtMjUgMjEgLTM5IDIxIC0yMzggMCAtMTk0IC0yIC0yMTQgLTIwIC0yNDQgLTExCi0xOCAtMzYgLTQwIC01NSAtNDggLTQ2IC0xOSAtMTM1IC0xOCAtMTYzIDIgLTIyIDE1IC0yMiAxNyAtMjIgMzAwIGwwIDI4NCA4MAowIGM1MiAwIDkxIC01IDExMCAtMTV6Ii8+CjxwYXRoIGQ9Ik05ODAgNjUwIGMwIC01IDExIC0xMCAyNCAtMTAgNTUgMCA1NiAtNyA1NiAtMzEwIDAgLTMwMyAtMSAtMzEwIC01NgotMzEwIC0xMyAwIC0yNCAtNCAtMjQgLTEwIDAgLTYgNjcgLTEwIDE4MCAtMTAgMTEzIDAgMTgwIDQgMTgwIDEwIDAgNiAtMTEgMTAKLTIzIDEwIC0xMyAwIC0zMSA4IC00MCAxOCAtMTUgMTYgLTE3IDUyIC0xNyAyOTQgMCAyNTQgMSAyNzYgMTggMjkxIDEwIDEwIDI4CjE3IDQwIDE3IDEyIDAgMjIgNSAyMiAxMCAwIDYgLTY3IDEwIC0xODAgMTAgLTExMyAwIC0xODAgLTQgLTE4MCAtMTB6Ii8+CjxwYXRoIGQ9Ik0xNTI2IDYwMSBjLTI1IC0zMyAtNDYgLTY0IC00NiAtNzAgMCAtNiAyNCA1IDU0IDI0IDUzIDM0IDE1OSA3NQoxOTQgNzUgMTAgMCAyOCAtMTAgNDAgLTIzIDIxIC0yMyAyMiAtMzAgMjIgLTI4OSAwIC0yODkgLTIgLTI5OCAtNTYgLTI5OCAtMTMKMCAtMjQgLTQgLTI0IC0xMCAwIC02IDY3IC0xMCAxODAgLTEwIDExMyAwIDE4MCA0IDE4MCAxMCAwIDYgLTExIDEwIC0yNCAxMAotNTQgMCAtNTYgOSAtNTYgMjk0IDAgMjUxIDEgMjY1IDIxIDI5MCAxMSAxNCAzMCAyNiA0MiAyNiAzNyAtMSAxNTMgLTQ2IDIwMQotNzggMjUgLTE3IDQ2IC0yNyA0NiAtMjEgMCA2IC0yMSAzNyAtNDYgNzAgbC00NyA1OSAtMzE3IDAgLTMxNyAwIC00NyAtNTl6Ii8+CjxwYXRoIGQ9Ik0yNDU1IDY1MCBjMyAtNSAxNSAtMTAgMjYgLTEwIDMwIDAgNjUgLTI3IDk3IC03NiBsMjkgLTQzIC05MCAtMTc4CmMtMTM2IC0yNzAgLTE2MyAtMzEzIC0xOTggLTMyMCAtNTkgLTExIC0yNiAtMjMgNjYgLTIzIDg5IDAgMTIxIDExIDc1IDI1IC0yOQo5IC0yNiA1NSAxMCAxMjYgbDMxIDYwIDE1MSAtMyAxNTEgLTMgMzkgLTczIGMzMCAtNTkgMzYgLTc3IDI4IC05MyAtNiAtMTAKLTIwIC0xOSAtMzAgLTE5IC0xMSAwIC0yMCAtNCAtMjAgLTEwIDAgLTYgNzAgLTEwIDE5MCAtMTAgMTIwIDAgMTkwIDQgMTkwIDEwCjAgNiAtMTEgMTAgLTI0IDEwIC0xNCAwIC0zNiAxMCAtNTAgMjMgLTE1IDEyIC0xMDYgMTU1IC0yMDQgMzE3IGwtMTc3IDI5NQotMTQ4IDMgYy0xMDAgMiAtMTQ2IC0xIC0xNDIgLTh6IG0yNTggLTM5OCBjLTM1IC0yIC05MiAtMiAtMTI3IDAgbC02NCAzIDYwCjExMyA2MCAxMTMgNjcgLTExMyA2NyAtMTEzIC02MyAtM3oiLz4KPC9nPgo8L3N2Zz4K",cD="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI4LjMuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4ODYgNjk4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA4ODYgNjk4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzkxODQ3RTt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04NDAuMDEsNDEuMDFjLTM2LjcxLTMxLjU2LTEwOC45NC01Ny45Ny0yNDQuNi00LjU2Yy0yMC40Nyw4LjA2LTQxLjQ2LDE3LjU3LTYyLjc1LDI4LjM2CgljMTkuMzgtNC42Niw0MzEuNTItMTAxLDE3NS42MSwxOTkuNDJsLTAuMDQsMGMtMjUuODUsMzUuNS01Ny44Miw3Mi4wOC05NC40MiwxMDcuOTdsLTMyLjcyLTI4LjE0bC02LjQ0LDE0MS43NmwxNjQuODQtNS41NwoJbC00NC4zNC0zOC4xMmM2NS41NC02My43NCwxMTcuODUtMTI5Ljk0LDE1MC4yMi0xOTAuNzdDOTA3LjQ0LDEzNC42OSw4NzYuNzEsNzIuNTcsODQwLjAxLDQxLjAxeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTYyLjE3LDQyNS42N2MtNjQuNDcsNDYuMi0xMzIuNjcsODYuMjItMTk4LjQzLDExNi43NmMtMC4wOSwwLjA0LTAuMTcsMC4wOC0wLjI1LDAuMTMKCUMtMTkuMjcsNzMwLjcyLDczLjg2LDQ0MS4xMyw4OC4wNyw0MDEuNDVsLTIuMDktMS41MWMtMTQuNjcsMTcuOTMtMjcuNiwzNS42MS0zOC41Myw1Mi44NEMtMjQuNCw1NjYsMTEuMTYsNjI2LjI3LDUzLjY0LDY1Ni44OQoJYzQyLjQ4LDMwLjYzLDEyNi4wNyw1Ni4yNSwyODMuMDUsNC40M2M5OS0zMi42OSwyMDguNTgtODkuNywzMTAuMDYtMTYxLjE5bC04My43Ny0wLjQ2TDU2Mi4xNyw0MjUuNjd6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMTIuOSwxOTcuNzRjMCwzNS41NC0yNS43Myw1Mi44MS00MS45OCw1Mi44MXYxLjAxYzIwLjY1LDAsNDYuMzcsMTUuOTEsNDYuMzcsNTEuNDUKCWMwLDM3LjkxLTM0LjE5LDYzLjk4LTgzLjYxLDYzLjk4Yy00My42NywwLTcxLjA5LTE3LjI3LTgzLjk1LTU0Ljg0bDQyLjMxLTE4Ljk2YzQuNzQsMjQuMzcsMTcuMjYsMzYuMjIsNDEuOTgsMzYuMjIKCWMyMy43LDAsMzcuOTEtMTIuODcsMzcuNTctMzIuNWMtMC4zNC0yMC45OS0xMy4yLTI4Ljc4LTM5Ljk0LTI4Ljc4aC0xMS4xN3YtMzIuNWg5LjQ4YzI0LjM3LDAsMzYuNTYtOS44MiwzNi41Ni0yOS43OQoJYzAuMzQtMjAuNjUtMTEuNTEtMzEuNDgtMzEuODItMzEuNDhjLTIwLjY1LDAtMzMuODUsMTAuODMtMzYuOSwzMS44MmwtNDEuNjQtMTUuMjNjOC44LTM2LjksNDAuNjItNTQuMTYsODAuNTYtNTQuMTYKCUMxODUuODIsMTM2LjgxLDIxMi45LDE2Mi41NCwyMTIuOSwxOTcuNzR6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zOTYuOTgsMTg1LjU2bC0zOS4yNywxOC4yOGMtNS40Mi0xNy42LTE3LjI2LTI4LjQzLTM4LjkzLTI4LjQzYy0yOC43OCwwLTQ5LjA4LDMwLjgtNDkuMDgsNzYuMTZ2NS43NmgxLjAxCgljNy40NS0yMy4wMiwzMS4xNC0zMy41MSw1Ni44Ny0zMy41MWM0Mi45OSwwLDczLjEyLDI3LjQyLDczLjEyLDcwLjQxYzAsNDQuMzQtMzAuOCw3Mi43OC04Mi42LDcyLjc4CgljLTU4LjIzLDAtOTAuMzgtNDIuOTktOTAuMzgtMTE1LjA5YzAtNzcuNTIsNDAuNjItMTE1LjA5LDk0LjExLTExNS4wOUMzNTcuNzEsMTM2LjgxLDM4NC4xMiwxNTAuMzUsMzk2Ljk4LDE4NS41NnogTTI4MC41MywyOTMuNTQKCWMwLDIyLjM0LDE1LjIzLDM2LjIyLDM4LjI1LDM2LjIyYzI0LjAzLDAsMzcuOTEtMTMuMiwzNy45MS0zNi4yMmMwLTIyLTEzLjg4LTM1LjU0LTM3LjkxLTM1LjU0CglDMjk1Ljc2LDI1OCwyODAuNTMsMjcyLjIyLDI4MC41MywyOTMuNTR6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MTQuNzgsMjUxLjkxYzAtNzUuNDksMzAuMTMtMTE1LjA5LDg5LjM3LTExNS4wOXM4OS4zNywzOS42LDg5LjM3LDExNS4wOVM1NjMuMzgsMzY3LDUwNC4xNSwzNjcKCVM0MTQuNzgsMzI3LjM5LDQxNC43OCwyNTEuOTF6IE01NDYuOCwyNTEuOTFjMC01My4xNS0xMy44OC03Ny41Mi00Mi42NS03Ny41MmMtMjguNzcsMC00Mi42NSwyNC4zNy00Mi42NSw3Ny41MgoJYzAsNTMuMTUsMTMuODgsNzcuNTIsNDIuNjUsNzcuNTJDNTMyLjkyLDMyOS40Myw1NDYuOCwzMDUuMDUsNTQ2LjgsMjUxLjkxeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTg4LjIsMTI4LjEzYzAtMTguNjMsMTMuNzgtMzIuMDIsMzIuOTktMzIuMDJjMTkuMjEsMCwzMi45OSwxMy4zOSwzMi45OSwzMi4wMnMtMTMuNzgsMzIuMDItMzIuOTksMzIuMDIKCUM2MDEuOTcsMTYwLjE0LDU4OC4yLDE0Ni43Niw1ODguMiwxMjguMTN6IE02NDAuNTksMTI4LjEzYzAtMTEuMjUtOC4xNS0xOS40LTE5LjQtMTkuNHMtMTkuNCw4LjE1LTE5LjQsMTkuNHM4LjE1LDE5LjQsMTkuNCwxOS40CglTNjQwLjU5LDEzOS4zOCw2NDAuNTksMTI4LjEzeiIvPgo8L3N2Zz4K";function uD({orgName:n,customEvent:e,apiService:t,frameList:r,lensList:i,orbitalList:a,showOrbitalList:l,viewerOnly:c,domService:h,ThreeDConfigurator:u,dataVariants:f,dataLenses:p,dataOrbitals:A,firstDitaVariant:g}){var qe;const[y,x]=Et.useState(),[v,_]=Et.useState(),[I,E]=Et.useState(),[C,R]=Et.useState(!1),[b,T]=Et.useState(!1),[D,B]=Et.useState(),[S,L]=Et.useState(),[k,U]=Et.useState(),[q,X]=Et.useState(),[$,oe]=Et.useState(!1),[j,ee]=Et.useState("placeholder"),Q=Et.useRef(null);(qe=Q.current)==null||qe.clientHeight;const z=Et.useRef();z.current=h;const J=window.innerWidth<=576,ie={variantId:0,variantName:"defaultName",variantPrice:0,priceCurrency:"defaultCurrency",varinatSku:"lens-default"},V={variantId:0,variantName:"defaultName",variantPrice:0,priceCurrency:"defaultCurrency",varinatSku:"orbital-default"},de=async(Me,H)=>{if(!(Me._id===(y==null?void 0:y._id)&&!H)&&z.current){R(!0);var P=(I==null?void 0:I.sku)=="orbital-default"?_e(Me):I;z.current.changeFrame(Me,[v,P]).then(()=>{R(!1)}),x(Me),L(f==null?void 0:f.find(se=>se.varinatSku==Me.sku))}},pe=Me=>Me==null?void 0:Me.customisation.find(P=>P.type=="Lens"),_e=Me=>Me==null?void 0:Me.customisation.find(P=>P.type=="Orbital"),ye=async Me=>{if(!z.current||Me==v)return;const H=Me.sku=="lens-default",P=pe(y),se=ne();!P&&H?(R(!0),z.current.changeLens([Me,I],!0,y).then(()=>{R(!1)})):!P&&!H?(v==null?void 0:v.sku)=="lens-default"?(R(!0),z.current.changeLens([Me,I],!0,y).then(()=>{R(!1)})):z.current.changeLens([Me,I],!1,y):P&&H?z.current.changeLens([P,I],!1,y):z.current.changeLens([Me,I],!1,y),Me.sku=="lens-default"?U(ie):U(p==null?void 0:p.find(fe=>{var Ae;return fe.variantId==Number((Ae=Me.metadata.find(me=>me.key==se))==null?void 0:Ae.value)?fe:null})),_(Me)},Fe=async Me=>{if(!z.current||Me==I)return;const H=Me.sku=="orbital-default",P=_e(y);R(!0),H?await z.current.changeOrbital(P).then(()=>{X(A==null?void 0:A.find(se=>se.variantId==Number(P.sku))),R(!1)}):await z.current.changeOrbital(Me).then(()=>{X(A==null?void 0:A.find(se=>se.variantId==Number(Me.sku))),R(!1)}),E(Me)},st=()=>(S==null?void 0:S.variantPrice)+((k==null?void 0:k.varinatSku)!=="lens-default"?k==null?void 0:k.variantPrice:0),ne=()=>{var P;const Me=(P=y.metadata.find(se=>se.key=="baseCurve"))==null?void 0:P.value;let H="variantId";return Me=="2B"?H="2bVariantId":Me=="6B"&&(H="6bVariantId"),H},nt=Me=>{oe(Me)},ke=Me=>{ee(Me)},lt=()=>{if(y&&v&&q){const Me=y.metadata.find(Re=>Re.key=="variantId"),H=y.metadata.find(Re=>Re.key=="baseCurve");let P="variantId";H&&H.value=="2B"?P="2bVariantId":H&&H.value=="6B"&&(P="6bVariantId");const se=v.metadata.find(Re=>Re.key==P),fe=Me?Number(Me.value):null,Ae=se?Number(se.value):null,me=q!=null&&q.variantId?Number(q.variantId):null,He={frameIdentifier:fe,lensIdentifier:Ae,orbitalIdentifier:me};e.emitEvent("onAddToCart",He);const Ee=[];if(Ae&&se){const Re={id:Ae,quantity:1,properties:null};Ee.push(Re)}if(me&&(q!=null&&q.variantId)){const Re={id:me,quantity:1,properties:null};Ee.push(Re)}if($){const Re={id:44745490890985,quantity:1,properties:null};Ee.push(Re)}if(Me){const Re={id:fe,quantity:1,properties:$?{customText:j}:null};Ee.push(Re)}t.HandleShopifyAddToCart(Ee)}};return Et.useEffect(()=>{if(Q.current){const Me=J?b?367.5:318.5:286;B((Q.current.clientHeight-(Me+1))/14)}},[J,Q,b]),Et.useEffect(()=>{r&&x(r[0]),i&&_(i[0]),a&&E(a[0])},[r,i,a]),Et.useEffect(()=>{L(g),U(ie),X(V)},[g]),Et.useEffect(()=>{},[$,j]),Be.jsxs("section",{id:"Sprie-config-Main-Container",ref:Q,children:[Be.jsxs("header",{id:"Sprie-config-Header",children:[Be.jsx("img",{src:lD,alt:"dita-logo",width:97,height:20}),Be.jsxs("p",{style:{margin:"0"},className:"sprie-config-Header-groupName",children:[n," CUSTOMIZER"]})]}),Be.jsxs("section",{id:"Sprie-config-Viewer-Container",style:{height:`${D}rem`},children:[Be.jsx("img",{src:cD,alt:"360deg-logo",width:44,height:34}),C&&Be.jsx("div",{className:"sprie-config-loadingFrame",children:Be.jsx("div",{className:"sprie-config-loader"})}),Be.jsx("div",{style:{width:"100%",height:"100%"},id:"holder-canvas"})]}),Be.jsxs("section",{id:"Sprie-config-Customisation-block",style:{paddingTop:"1.5rem",height:J?b?"21rem":"17.5rem":"15.42rem"},children:[Be.jsxs("div",{className:"sprie-config-price-block",style:{top:J||!b?"-3rem":"-8.5rem"},children:[Be.jsx("p",{style:{margin:"0 0.8rem 0 0"},children:`${st()}.00 ${S==null?void 0:S.priceCurrency} `}),!J&&b&&Be.jsx(RE,{conditionRequired:$&&j!="",onButtonClick:lt}),b&&Be.jsx("p",{style:{marginRight:".8rem",fontSize:".6rem",textAlign:"right"},children:"Please Allow 7-10 Days for Customization Process."})]}),Be.jsxs(aD,{setShowAddToCart:T,children:[Be.jsx(tD,{modelLoading:C,frameList:r,selectedFrame:y,onChangeFrame:de,heading:"SELECT FRAME"}),l&&Be.jsx(oD,{orbitalList:a,selectedOrbital:I,modelLoading:C,onChangeOrbital:Fe,heading:"SELECT ORBITAL"}),Be.jsx(rD,{modelLoading:C,lensList:i,selectedLens:v,selectedDitaLens:k,onChangeLens:ye,heading:"SELECT LENS COLOR"}),Be.jsx(nD,{heading:"LASER ENGRAVING",onChecked:nt,onTextAdded:ke})]}),J&&b&&Be.jsx("div",{style:{position:"absolute",bottom:"0",width:"100%"},children:Be.jsx(RE,{conditionRequired:$&&j!="",onButtonClick:lt})})]})]})}function hD({apiService:n,sku:e,events:t,viewerOnly:r=!1}){var p;const i=Et.useRef(),[a,l]=Et.useState(null),c=(a==null?void 0:a.orgName)||"",h=(a==null?void 0:a.frameList)||null,u=(a==null?void 0:a.lensList)||null,f=(a==null?void 0:a.orbitalList)||null;return a!=null&&a.dataVariants,a!=null&&a.dataLenses,a!=null&&a.dataOrbitals,Et.useEffect(()=>((async()=>{var v;i.current=new bE,await((v=i.current)==null?void 0:v.Init(n.apiKey));const A=await n.FetchAssetBySKUOrBarcode({sku:e,barcode:null}),g=await n.FetchCustomisationList("Lens"),y=await n.FetchCustomisationList("Orbital"),x=await i.current.getInstance({containerId:"holder-canvas"});await x.loadFrame({containerId:"holder-canvas",data:{assetDetails:A,customisation:A==null?void 0:A.customisation}}),l({frameList:A==null?void 0:A.variants,lensList:g==null?void 0:g.data,orbitalList:y==null?void 0:y.data,orgName:A==null?void 0:A.group.name,showOrbitals:(A==null?void 0:A.customisation).filter(_=>_.type==="Orbital").length>0,domService:x,dataVariants:await n.PopulateDataList("data-variants"),dataLenses:await n.PopulateDataList("data-lenses"),dataOrbitals:await n.PopulateDataList("data-orbital")})})(),()=>{i.current=void 0}),[n,e]),Be.jsxs(Be.Fragment,{children:[(!h||!u)&&Be.jsx("div",{className:"sprie-config-loadingBox",children:"Loading..."}),Be.jsx(uD,{customEvent:t,orgName:c,apiService:n,frameList:h,lensList:u,orbitalList:f,showOrbitalList:(a==null?void 0:a.showOrbitals)||!1,viewerOnly:r,ThreeDConfigurator:i.current,domService:a==null?void 0:a.domService,dataVariants:a==null?void 0:a.dataVariants,dataLenses:a==null?void 0:a.dataLenses,dataOrbitals:a==null?void 0:a.dataOrbitals,firstDitaVariant:(p=a==null?void 0:a.dataVariants)==null?void 0:p.find(A=>A.varinatSku==e)})]})}var sp={},DE={exports:{}},on={},ap={exports:{}},op={};/**
|
|
4449
|
+
`},v.depthTest=!1,v.depthWrite=!1;const _=new nn(FR);_.depthTest=!1;const I=new nn(OR);I.depthTest=!1;function E(L,k){y.visible=!0,y.material=_,y.material.uniforms.tDiffuse.value=u.texture,_.uniforms.h.value=L*1/256,k.setRenderTarget(f),k.render(y,x),y.material=I,y.material.uniforms.tDiffuse.value=f.texture,I.uniforms.v.value=L*1/256,k.setRenderTarget(u),k.render(y,x),y.visible=!1}x.far=.125,C();function C(){x.updateProjectionMatrix()}const R=new kR,b=new QR(this.scene,this.camera);b.clearAlpha=0;const T=this.renderer.getDrawingBufferSize(new Ge),D=new Kn(T.width,T.height,{samples:4,type:rn}),B=new PR(this.renderer,D);B.addPass(b),B.addPass(R);const S=()=>{var L;r.update(),this.resizeRenderer()&&(this.camera.aspect=this.canvas.clientWidth/this.canvas.clientHeight,(L=this.camera)==null||L.updateProjectionMatrix());const k=this.scene.background;if(this.scene.background=null,this.scene.overrideMaterial=v,!this.renderer||!this.camera)return;const U=this.renderer.getClearAlpha();this.renderer.setClearAlpha(0),this.renderer.clear(),this.renderer.setRenderTarget(u),this.renderer.render(this.scene,x),this.scene.overrideMaterial=null,E(c.shadow.blur,this.renderer),E(c.shadow.blur*.4,this.renderer),this.renderer.setRenderTarget(null),this.renderer.setClearAlpha(U),this.scene.background=k,Yi.uniforms.viewMatrixInverse.value=this.camera.matrixWorld,Yi.uniforms.projectionMatrixInverse.value=this.camera.projectionMatrixInverse,requestAnimationFrame(S),B.render()};S()}loadModelInsideScene(e){this.scene.traverse(t=>{t.name=="Scene"&&(this.scene.remove(t),t.traverse(r=>{r instanceof Pr&&(r.geometry.dispose(),r.material.dispose())}))}),this.scene.add(e)}}class eD{constructor(){Ut(this,"customRenderer"),this.customRenderer=new $8}async Init(){this.customRenderer.isInitialised||(await this.customRenderer.intialize(),this.customRenderer.setupAndRenderScene())}loadFirstFrame(e,t,r){return new Promise((i,a)=>{this.customRenderer.loadFirstFrame(e,t,r).then(()=>{i(1)}).catch(l=>{a(l)})})}changeFrame(e,t,r){return this.customRenderer.changeFrame(e,t,r)}changeLens(e,t,r,i){return this.customRenderer.changeLens(e,t,r,i)}changeOrbital(e){return this.customRenderer.changeOrbital(e)}}class BE{constructor(e){Ut(this,"orgId"),Ut(this,"rendererService"),Ut(this,"isLoading",!1),Ut(this,"userContainerId"),Ut(this,"containerElement",null),Ut(this,"defaultSelectorId","dita-3dconfig-element"),Ut(this,"defaultCanvasStyle",{width:"100%",height:"100%"}),Ut(this,"customisationArr",[]),Ut(this,"assetDetails",null),this.userContainerId=e.userContainerId,this.rendererService=new eD,this.orgId=e.orgId}prepareDOM(){const e=this.userContainerId??this.defaultSelectorId,t=document.getElementById(e);if(!t)throw new Error(`Container not found to embed 3d-configurator ${this.defaultSelectorId}`);this.containerElement=t;const r=document.createElement("canvas");return r.className="sprie-config-webgl",t.innerHTML="",t.appendChild(r),Object.assign(r.style,this.defaultCanvasStyle),!0}async loadFrame(e){return this.assetDetails=e.data.assetDetails,this.customisationArr=e.data.customisation,this.prepareDOM(),await this.rendererService.Init(),await this.rendererService.loadFirstFrame(this.orgId,this.assetDetails,this.customisationArr),this}changeFrame(e,t){return this.rendererService.changeFrame(this.orgId,e,t)}changeLens(e,t,r){return this.rendererService.changeLens(e,this.orgId,t,r)}changeOrbital(e){return this.rendererService.changeOrbital(e)}unmount(){this.containerElement&&(this.containerElement.innerHTML="",this.containerElement.style.height="0px",this.containerElement.style.width="auto")}}class bE{constructor(){Ut(this,"events"),Ut(this,"authService"),Ut(this,"instanceArr"),this.authService=new NI,this.events=new VI,this.instanceArr=[]}async Init(e){await this.authService.Init(e),dl.setJWT(this.authService.authPayload.JWT)}async loadBySKU(e){const t=await Rd.FetchAssetBySKUOrBarcode({sku:e.SKU,barcode:null});return await this.renderAsset({data:{assetDetails:t,customisation:t.customisation}})}async renderAsset(e){return new BE({orgId:this.authService.authPayload.ORGID,userContainerId:e.containerId}).loadFrame({containerId:e.containerId,data:{assetDetails:e.data.assetDetails,customisation:e.data.customisation}})}async getInstance(e){return new BE({orgId:this.authService.authPayload.ORGID,userContainerId:e.containerId})}}window.ThreeDConfigurator=bE;const _N="",yN="";function tD({frameList:n,selectedFrame:e,modelLoading:t,onChangeFrame:r}){const i=window.innerWidth<=576;return Be.jsx("div",{className:"sprie-config-palette",style:{padding:"0 4rem 1.6rem 4rem",marginTop:i?"1rem":"0"},children:n==null?void 0:n.map(a=>Be.jsxs("div",{className:"sprie-config-palette-img-box",children:[Be.jsx("button",{style:{border:"0",cursor:t?"default":"pointer",width:i?45:60,height:i?45:60},onClick:()=>r(a),disabled:t,children:Be.jsx("img",{src:a.variantImage,alt:a.name+"image",className:`sprie-config-image ${i?"mobile-view":""}`,style:{transform:(e==null?void 0:e._id)===a._id?"scale(1.2,1.2)":"scale(1,1)"}})}),(e==null?void 0:e._id)===a._id&&Be.jsx("p",{className:"sprie-config-palette-img-text",children:Be.jsx("span",{className:"sprie-config-palette-imgName",children:a.name})})]},a._id))})}function rD({lensList:n,selectedLens:e,selectedDitaLens:t,modelLoading:r,onChangeLens:i}){const a=window.innerWidth<=576;return Be.jsx("div",{className:"sprie-config-palette",style:{padding:"0 1.2rem 1.6rem 1.2rem",marginTop:a?"1rem":"0",gap:a?".3rem":"1rem"},children:n==null?void 0:n.map(l=>Be.jsxs("div",{className:"sprie-config-palette-img-box",children:[Be.jsx("button",{style:{border:"0",cursor:r?"default":"pointer",width:a?45:60,height:a?45:60},onClick:()=>i(l),disabled:r,children:Be.jsx("img",{src:l.thumbnail,alt:l.name+"image",className:`sprie-config-image ${a?"mobile-view":""}`,style:{border:(e==null?void 0:e._id)===l._id?"1px solid #9d9b9c":"0",borderRadius:"50%",padding:"1px"}})}),(e==null?void 0:e._id)===l._id&&Be.jsxs("p",{className:"sprie-config-palette-img-text",style:{bottom:"-1.2rem",textAlign:"center"},children:[Be.jsx("span",{className:"sprie-config-palette-imgName",children:`${l.name}`}),Be.jsx("span",{className:"sprie-config-price-tag",children:(t==null?void 0:t.variantId)==0?"":` (+ ${t==null?void 0:t.variantPrice}.00 ${t==null?void 0:t.priceCurrency})`})]})]},l._id))})}const EN="";function nD({heading:n,onChecked:e,onTextAdded:t}){const[r,i]=Et.useState(""),[a,l]=Et.useState(!1),[c,h]=Et.useState(!1),u=Et.useRef(null);return Et.useEffect(()=>{e(a),a&&u.current?(u.current.style.backgroundColor="#ffffff",u.current.focus()):!a&&u.current&&(u.current.style.backgroundColor="transparent",u.current.blur(),i(""))}),Et.useEffect(()=>{c&&r!=""&&t(r)},[c]),Be.jsxs("div",{className:"sprie-config-engraving-block",style:{marginTop:".5rem"},children:[Be.jsxs("div",{style:{display:"flex",alignItems:"center",gap:".8rem"},children:[Be.jsx("input",{type:"checkbox",className:"sprie-config-engraving-checkbox",onChange:f=>{l(f.target.checked)},checked:a}),Be.jsxs("p",{style:{fontSize:".9rem",color:"#4d4d4d",fontWeight:"500",margin:"0"},children:["Add ","Laser Engraving"," ",Be.jsx("span",{style:{fontWeight:"400"},children:"(OPTIONAL)"})]})]}),Be.jsxs("div",{className:"sprie-config-engraving-inputField-block",children:[Be.jsx("input",{type:"text",ref:u,className:"sprie-config-engraving-inputField",placeholder:"ADD CUSTOM TEXT",value:r,onChange:f=>i(f.target.value),maxLength:15,style:{padding:"0.7rem"},disabled:!a,onBlur:f=>h(!0),onFocus:f=>h(!1)}),Be.jsx("span",{className:"sprie-config-engraving-inputInfo",children:`${r.length}/15 characters`}),Be.jsx("a",{href:"#",className:"sprie-config-engraving-link",children:"About Custom Laser Engraving"})]})]})}const xN="";function iD({totalSteps:n,currentStep:e}){const t=window.innerWidth<=576;return Be.jsx("div",{className:"step-tracker-block",style:{margin:t?"1rem 0":".7rem 0 1rem 0",paddingBottom:"1.5rem"},children:Be.jsx("div",{className:"step-tracker",children:Array.from({length:n}).map((r,i)=>Be.jsx("div",{className:`step-circle ${i+1===e?"active":""}`},i))})})}function sD({nextSlide:n,previousSlide:e,currentIndex:t,stepsName:r,isLastStep:i}){return Be.jsxs("div",{className:"carousel-header",children:[Be.jsx("button",{className:"carousel-btn prev",onClick:e,style:{visibility:t!==0?"visible":"hidden"},children:Be.jsx("i",{className:"arrow left-arrow",style:{padding:".25rem"}})}),Be.jsxs("p",{children:[Be.jsx("span",{className:"step-syntax",children:`STEP ${t+1}: `}),Be.jsx("span",{className:"select-syntax",children:r[t]})]}),Be.jsx("button",{className:"carousel-btn next",onClick:n,style:{visibility:i?"hidden":"visible"},children:Be.jsx("i",{className:"arrow right-arrow",style:{padding:".25rem"}})})]})}function aD({setShowAddToCart:n,children:e}){var u;const[t,r]=Et.useState(0),i=Kc.Children.toArray(e),a=t===i.length-1,l=(u=i.map(f=>f))==null?void 0:u.map(f=>f.props.heading),c=()=>{r(f=>f===0?Kc.Children.count(e)-1:f-1)},h=()=>{r(f=>f===Kc.Children.count(e)-1?0:f+1)};return Et.useEffect(()=>{n(!!a)},[a,n]),Be.jsxs("div",{className:"carousel",children:[Be.jsx(sD,{nextSlide:h,previousSlide:c,currentIndex:t,stepsName:l,isLastStep:a}),Be.jsx(iD,{totalSteps:l==null?void 0:l.length,currentStep:t+1}),Be.jsx("div",{className:"carousel-container",children:i.map((f,p)=>Be.jsx("div",{className:"carousel-item",style:{transform:`translateX(-${t*100}%)`},children:f},p))})]})}const IN="";function RE({conditionRequired:n,onButtonClick:e}){const[t,r]=Et.useState(!1),i=Et.useRef(null),a=Et.useRef(null);return Et.useEffect(()=>{a.current&&(a.current.disabled=!t)},[t]),Et.useEffect(()=>{i.current&&(i.current.style.display=n?"flex":"none"),a.current&&(a.current.disabled=n)},[n]),Be.jsxs("div",{className:"sprie-config-add-to-cart-block",children:[Be.jsxs("label",{htmlFor:"Sprie-Config-return-policy-checkbox",id:"Sprie-Config-return-policy-label",ref:i,style:{display:"none"},children:[Be.jsx("input",{type:"checkbox",id:"Sprie-Config-return-policy-checkbox",name:"sprie-config-return-policy-checkbox",onChange:l=>r(l.target.checked),checked:t}),Be.jsxs("p",{children:["I agree this customized Item cannot be returned or exchanged.",Be.jsx("span",{style:{color:"red"},children:"*"})]})]}),Be.jsx("button",{className:"sprie-config-add-to-cart-btn",ref:a,onClick:e,children:"ADD TO CART"})]})}function oD({orbitalList:n,selectedOrbital:e,modelLoading:t,onChangeOrbital:r}){const i=window.innerWidth<=576;return Be.jsx("div",{className:"sprie-config-palette",style:{padding:"0 1.2rem 1.6rem 1.2rem",marginTop:i?"1rem":"0",gap:i?".3rem":"1rem"},children:n==null?void 0:n.map(a=>Be.jsxs("div",{className:"sprie-config-palette-img-box",children:[Be.jsx("button",{style:{border:"0",cursor:t?"default":"pointer",width:i?45:60,height:i?45:60},onClick:()=>r(a),disabled:t,children:Be.jsx("img",{src:a.thumbnail,alt:a.name+"image",className:`sprie-config-image ${i?"mobile-view":""}`,style:{border:(e==null?void 0:e._id)===a._id?"1px solid #9d9b9c":"0",borderRadius:"50%",padding:"1px"}})}),(e==null?void 0:e._id)===a._id&&Be.jsx("p",{className:"sprie-config-palette-img-text",style:{bottom:"-1.5rem"},children:Be.jsx("span",{className:"sprie-config-palette-imgName",children:a.name})})]},a._id))})}const lD="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iMzIwLjAwMDAwMHB0IiBoZWlnaHQ9IjY2LjAwMDAwMHB0IiB2aWV3Qm94PSIwIDAgMzIwLjAwMDAwMCA2Ni4wMDAwMDAiCiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWlkWU1pZCBtZWV0Ij4KCjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLDY2LjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKZmlsbD0iIzAwMDAwMCIgc3Ryb2tlPSJub25lIj4KPHBhdGggZD0iTTAgNjUxIGMwIC02IDkgLTExIDIxIC0xMSAxMSAwIDI5IC01IDQwIC0xMCAxOCAtMTAgMTkgLTI0IDE5IC0zMDAKMCAtMjc2IC0xIC0yOTAgLTE5IC0zMDAgLTExIC01IC0yOSAtMTAgLTQwIC0xMCAtMTIgMCAtMjEgLTQgLTIxIC0xMCAwIC0xNAo0NDUgLTEzIDUxMiAxIDEwNyAyMyAxOTAgODUgMjM5IDE3OSAyMCAzNyAyNCA2MCAyNCAxMzUgMCA3OCAtNCA5NyAtMjggMTQ3Ci0zNCA3MCAtMTAwIDEzMCAtMTc2IDE2MCAtNTIgMjEgLTc1IDIzIC0zMTMgMjYgLTE4MCAyIC0yNTggMCAtMjU4IC03eiBtNDcwCi0zNiBjMTUgLTggMzggLTI3IDQ5IC00MSAyMCAtMjUgMjEgLTM5IDIxIC0yMzggMCAtMTk0IC0yIC0yMTQgLTIwIC0yNDQgLTExCi0xOCAtMzYgLTQwIC01NSAtNDggLTQ2IC0xOSAtMTM1IC0xOCAtMTYzIDIgLTIyIDE1IC0yMiAxNyAtMjIgMzAwIGwwIDI4NCA4MAowIGM1MiAwIDkxIC01IDExMCAtMTV6Ii8+CjxwYXRoIGQ9Ik05ODAgNjUwIGMwIC01IDExIC0xMCAyNCAtMTAgNTUgMCA1NiAtNyA1NiAtMzEwIDAgLTMwMyAtMSAtMzEwIC01NgotMzEwIC0xMyAwIC0yNCAtNCAtMjQgLTEwIDAgLTYgNjcgLTEwIDE4MCAtMTAgMTEzIDAgMTgwIDQgMTgwIDEwIDAgNiAtMTEgMTAKLTIzIDEwIC0xMyAwIC0zMSA4IC00MCAxOCAtMTUgMTYgLTE3IDUyIC0xNyAyOTQgMCAyNTQgMSAyNzYgMTggMjkxIDEwIDEwIDI4CjE3IDQwIDE3IDEyIDAgMjIgNSAyMiAxMCAwIDYgLTY3IDEwIC0xODAgMTAgLTExMyAwIC0xODAgLTQgLTE4MCAtMTB6Ii8+CjxwYXRoIGQ9Ik0xNTI2IDYwMSBjLTI1IC0zMyAtNDYgLTY0IC00NiAtNzAgMCAtNiAyNCA1IDU0IDI0IDUzIDM0IDE1OSA3NQoxOTQgNzUgMTAgMCAyOCAtMTAgNDAgLTIzIDIxIC0yMyAyMiAtMzAgMjIgLTI4OSAwIC0yODkgLTIgLTI5OCAtNTYgLTI5OCAtMTMKMCAtMjQgLTQgLTI0IC0xMCAwIC02IDY3IC0xMCAxODAgLTEwIDExMyAwIDE4MCA0IDE4MCAxMCAwIDYgLTExIDEwIC0yNCAxMAotNTQgMCAtNTYgOSAtNTYgMjk0IDAgMjUxIDEgMjY1IDIxIDI5MCAxMSAxNCAzMCAyNiA0MiAyNiAzNyAtMSAxNTMgLTQ2IDIwMQotNzggMjUgLTE3IDQ2IC0yNyA0NiAtMjEgMCA2IC0yMSAzNyAtNDYgNzAgbC00NyA1OSAtMzE3IDAgLTMxNyAwIC00NyAtNTl6Ii8+CjxwYXRoIGQ9Ik0yNDU1IDY1MCBjMyAtNSAxNSAtMTAgMjYgLTEwIDMwIDAgNjUgLTI3IDk3IC03NiBsMjkgLTQzIC05MCAtMTc4CmMtMTM2IC0yNzAgLTE2MyAtMzEzIC0xOTggLTMyMCAtNTkgLTExIC0yNiAtMjMgNjYgLTIzIDg5IDAgMTIxIDExIDc1IDI1IC0yOQo5IC0yNiA1NSAxMCAxMjYgbDMxIDYwIDE1MSAtMyAxNTEgLTMgMzkgLTczIGMzMCAtNTkgMzYgLTc3IDI4IC05MyAtNiAtMTAKLTIwIC0xOSAtMzAgLTE5IC0xMSAwIC0yMCAtNCAtMjAgLTEwIDAgLTYgNzAgLTEwIDE5MCAtMTAgMTIwIDAgMTkwIDQgMTkwIDEwCjAgNiAtMTEgMTAgLTI0IDEwIC0xNCAwIC0zNiAxMCAtNTAgMjMgLTE1IDEyIC0xMDYgMTU1IC0yMDQgMzE3IGwtMTc3IDI5NQotMTQ4IDMgYy0xMDAgMiAtMTQ2IC0xIC0xNDIgLTh6IG0yNTggLTM5OCBjLTM1IC0yIC05MiAtMiAtMTI3IDAgbC02NCAzIDYwCjExMyA2MCAxMTMgNjcgLTExMyA2NyAtMTEzIC02MyAtM3oiLz4KPC9nPgo8L3N2Zz4K",cD="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI4LjMuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4ODYgNjk4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA4ODYgNjk4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzkxODQ3RTt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik04NDAuMDEsNDEuMDFjLTM2LjcxLTMxLjU2LTEwOC45NC01Ny45Ny0yNDQuNi00LjU2Yy0yMC40Nyw4LjA2LTQxLjQ2LDE3LjU3LTYyLjc1LDI4LjM2CgljMTkuMzgtNC42Niw0MzEuNTItMTAxLDE3NS42MSwxOTkuNDJsLTAuMDQsMGMtMjUuODUsMzUuNS01Ny44Miw3Mi4wOC05NC40MiwxMDcuOTdsLTMyLjcyLTI4LjE0bC02LjQ0LDE0MS43NmwxNjQuODQtNS41NwoJbC00NC4zNC0zOC4xMmM2NS41NC02My43NCwxMTcuODUtMTI5Ljk0LDE1MC4yMi0xOTAuNzdDOTA3LjQ0LDEzNC42OSw4NzYuNzEsNzIuNTcsODQwLjAxLDQxLjAxeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTYyLjE3LDQyNS42N2MtNjQuNDcsNDYuMi0xMzIuNjcsODYuMjItMTk4LjQzLDExNi43NmMtMC4wOSwwLjA0LTAuMTcsMC4wOC0wLjI1LDAuMTMKCUMtMTkuMjcsNzMwLjcyLDczLjg2LDQ0MS4xMyw4OC4wNyw0MDEuNDVsLTIuMDktMS41MWMtMTQuNjcsMTcuOTMtMjcuNiwzNS42MS0zOC41Myw1Mi44NEMtMjQuNCw1NjYsMTEuMTYsNjI2LjI3LDUzLjY0LDY1Ni44OQoJYzQyLjQ4LDMwLjYzLDEyNi4wNyw1Ni4yNSwyODMuMDUsNC40M2M5OS0zMi42OSwyMDguNTgtODkuNywzMTAuMDYtMTYxLjE5bC04My43Ny0wLjQ2TDU2Mi4xNyw0MjUuNjd6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0yMTIuOSwxOTcuNzRjMCwzNS41NC0yNS43Myw1Mi44MS00MS45OCw1Mi44MXYxLjAxYzIwLjY1LDAsNDYuMzcsMTUuOTEsNDYuMzcsNTEuNDUKCWMwLDM3LjkxLTM0LjE5LDYzLjk4LTgzLjYxLDYzLjk4Yy00My42NywwLTcxLjA5LTE3LjI3LTgzLjk1LTU0Ljg0bDQyLjMxLTE4Ljk2YzQuNzQsMjQuMzcsMTcuMjYsMzYuMjIsNDEuOTgsMzYuMjIKCWMyMy43LDAsMzcuOTEtMTIuODcsMzcuNTctMzIuNWMtMC4zNC0yMC45OS0xMy4yLTI4Ljc4LTM5Ljk0LTI4Ljc4aC0xMS4xN3YtMzIuNWg5LjQ4YzI0LjM3LDAsMzYuNTYtOS44MiwzNi41Ni0yOS43OQoJYzAuMzQtMjAuNjUtMTEuNTEtMzEuNDgtMzEuODItMzEuNDhjLTIwLjY1LDAtMzMuODUsMTAuODMtMzYuOSwzMS44MmwtNDEuNjQtMTUuMjNjOC44LTM2LjksNDAuNjItNTQuMTYsODAuNTYtNTQuMTYKCUMxODUuODIsMTM2LjgxLDIxMi45LDE2Mi41NCwyMTIuOSwxOTcuNzR6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zOTYuOTgsMTg1LjU2bC0zOS4yNywxOC4yOGMtNS40Mi0xNy42LTE3LjI2LTI4LjQzLTM4LjkzLTI4LjQzYy0yOC43OCwwLTQ5LjA4LDMwLjgtNDkuMDgsNzYuMTZ2NS43NmgxLjAxCgljNy40NS0yMy4wMiwzMS4xNC0zMy41MSw1Ni44Ny0zMy41MWM0Mi45OSwwLDczLjEyLDI3LjQyLDczLjEyLDcwLjQxYzAsNDQuMzQtMzAuOCw3Mi43OC04Mi42LDcyLjc4CgljLTU4LjIzLDAtOTAuMzgtNDIuOTktOTAuMzgtMTE1LjA5YzAtNzcuNTIsNDAuNjItMTE1LjA5LDk0LjExLTExNS4wOUMzNTcuNzEsMTM2LjgxLDM4NC4xMiwxNTAuMzUsMzk2Ljk4LDE4NS41NnogTTI4MC41MywyOTMuNTQKCWMwLDIyLjM0LDE1LjIzLDM2LjIyLDM4LjI1LDM2LjIyYzI0LjAzLDAsMzcuOTEtMTMuMiwzNy45MS0zNi4yMmMwLTIyLTEzLjg4LTM1LjU0LTM3LjkxLTM1LjU0CglDMjk1Ljc2LDI1OCwyODAuNTMsMjcyLjIyLDI4MC41MywyOTMuNTR6Ii8+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MTQuNzgsMjUxLjkxYzAtNzUuNDksMzAuMTMtMTE1LjA5LDg5LjM3LTExNS4wOXM4OS4zNywzOS42LDg5LjM3LDExNS4wOVM1NjMuMzgsMzY3LDUwNC4xNSwzNjcKCVM0MTQuNzgsMzI3LjM5LDQxNC43OCwyNTEuOTF6IE01NDYuOCwyNTEuOTFjMC01My4xNS0xMy44OC03Ny41Mi00Mi42NS03Ny41MmMtMjguNzcsMC00Mi42NSwyNC4zNy00Mi42NSw3Ny41MgoJYzAsNTMuMTUsMTMuODgsNzcuNTIsNDIuNjUsNzcuNTJDNTMyLjkyLDMyOS40Myw1NDYuOCwzMDUuMDUsNTQ2LjgsMjUxLjkxeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTg4LjIsMTI4LjEzYzAtMTguNjMsMTMuNzgtMzIuMDIsMzIuOTktMzIuMDJjMTkuMjEsMCwzMi45OSwxMy4zOSwzMi45OSwzMi4wMnMtMTMuNzgsMzIuMDItMzIuOTksMzIuMDIKCUM2MDEuOTcsMTYwLjE0LDU4OC4yLDE0Ni43Niw1ODguMiwxMjguMTN6IE02NDAuNTksMTI4LjEzYzAtMTEuMjUtOC4xNS0xOS40LTE5LjQtMTkuNHMtMTkuNCw4LjE1LTE5LjQsMTkuNHM4LjE1LDE5LjQsMTkuNCwxOS40CglTNjQwLjU5LDEzOS4zOCw2NDAuNTksMTI4LjEzeiIvPgo8L3N2Zz4K";function uD({orgName:n,customEvent:e,apiService:t,frameList:r,lensList:i,orbitalList:a,showOrbitalList:l,viewerOnly:c,domService:h,ThreeDConfigurator:u,dataVariants:f,dataLenses:p,dataOrbitals:A,firstDitaVariant:g}){var qe;const[y,x]=Et.useState(),[v,_]=Et.useState(),[I,E]=Et.useState(),[C,R]=Et.useState(!1),[b,T]=Et.useState(!1),[D,B]=Et.useState(),[S,L]=Et.useState(),[k,U]=Et.useState(),[q,X]=Et.useState(),[$,oe]=Et.useState(!1),[j,ee]=Et.useState("placeholder"),Q=Et.useRef(null);(qe=Q.current)==null||qe.clientHeight;const z=Et.useRef();z.current=h;const J=window.innerWidth<=576,ie={variantId:0,variantName:"defaultName",variantPrice:0,priceCurrency:"defaultCurrency",varinatSku:"lens-default"},V={variantId:0,variantName:"defaultName",variantPrice:0,priceCurrency:"defaultCurrency",varinatSku:"orbital-default"},de=async(Me,H)=>{if(!(Me._id===(y==null?void 0:y._id)&&!H)&&z.current){R(!0);var P=(I==null?void 0:I.sku)=="orbital-default"?_e(Me):I;z.current.changeFrame(Me,[v,P]).then(()=>{R(!1)}),x(Me),L(f==null?void 0:f.find(se=>se.varinatSku==Me.sku))}},pe=Me=>Me==null?void 0:Me.customisation.find(P=>P.type=="Lens"),_e=Me=>Me==null?void 0:Me.customisation.find(P=>P.type=="Orbital"),ye=async Me=>{if(!z.current||Me==v)return;const H=Me.sku=="lens-default",P=pe(y),se=ne();!P&&H?(R(!0),z.current.changeLens([Me,I],!0,y).then(()=>{R(!1)})):!P&&!H?(v==null?void 0:v.sku)=="lens-default"?(R(!0),z.current.changeLens([Me,I],!0,y).then(()=>{R(!1)})):z.current.changeLens([Me,I],!1,y):P&&H?z.current.changeLens([P,I],!1,y):z.current.changeLens([Me,I],!1,y),Me.sku=="lens-default"?U(ie):U(p==null?void 0:p.find(fe=>{var Ae;return fe.variantId==Number((Ae=Me.metadata.find(me=>me.key==se))==null?void 0:Ae.value)?fe:null})),_(Me)},Fe=async Me=>{if(!z.current||Me==I)return;const H=Me.sku=="orbital-default",P=_e(y);R(!0),H?await z.current.changeOrbital(P).then(()=>{X(A==null?void 0:A.find(se=>se.variantId==Number(P.sku))),R(!1)}):await z.current.changeOrbital(Me).then(()=>{X(A==null?void 0:A.find(se=>se.variantId==Number(Me.sku))),R(!1)}),E(Me)},st=()=>(S==null?void 0:S.variantPrice)+((k==null?void 0:k.varinatSku)!=="lens-default"?k==null?void 0:k.variantPrice:0),ne=()=>{var P;const Me=(P=y.metadata.find(se=>se.key=="baseCurve"))==null?void 0:P.value;let H="variantId";return Me=="2B"?H="2bVariantId":Me=="6B"&&(H="6bVariantId"),H},nt=Me=>{oe(Me)},ke=Me=>{ee(Me)},lt=()=>{if(y&&v&&q){const Me=y.metadata.find(Re=>Re.key=="variantId"),H=y.metadata.find(Re=>Re.key=="baseCurve");let P="variantId";H&&H.value=="2B"?P="2bVariantId":H&&H.value=="6B"&&(P="6bVariantId");const se=v.metadata.find(Re=>Re.key==P),fe=Me?Number(Me.value):null,Ae=se?Number(se.value):null,me=q!=null&&q.variantId?Number(q.variantId):null,He={frameIdentifier:fe,lensIdentifier:Ae,orbitalIdentifier:me};e.emitEvent("onAddToCart",He);const Ee=[];if(Ae&&se){const Re={id:Ae,quantity:1,properties:null};Ee.push(Re)}if(me&&(q!=null&&q.variantId)){const Re={id:me,quantity:1,properties:null};Ee.push(Re)}if($){const Re={id:44745490890985,quantity:1,properties:null};Ee.push(Re)}if(Me){const Re={id:fe,quantity:1,properties:$?{customText:j}:null};Ee.push(Re)}t.HandleShopifyAddToCart(Ee)}};return Et.useEffect(()=>{if(Q.current){const Me=J?b?367.5:318.5:286;B((Q.current.clientHeight-(Me+1))/14)}},[J,Q,b]),Et.useEffect(()=>{r&&x(r[0]),i&&_(i[0]),a&&E(a[0])},[r,i,a]),Et.useEffect(()=>{L(g),U(ie),X(V)},[g]),Et.useEffect(()=>{},[$,j]),Be.jsxs("section",{id:"Sprie-config-Main-Container",ref:Q,children:[Be.jsxs("header",{id:"Sprie-config-Header",children:[Be.jsx("img",{src:lD,alt:"dita-logo",width:97,height:20}),Be.jsxs("p",{style:{margin:"0"},className:"sprie-config-Header-groupName",children:[n," CUSTOMIZER"]})]}),Be.jsxs("section",{id:"Sprie-config-Viewer-Container",style:{height:`${D}rem`},children:[Be.jsx("img",{src:cD,alt:"360deg-logo",width:44,height:34}),C&&Be.jsx("div",{className:"sprie-config-loadingFrame",children:Be.jsx("div",{className:"sprie-config-loader"})}),Be.jsx("div",{style:{width:"100%",height:"100%"},id:"holder-canvas"})]}),Be.jsxs("section",{id:"Sprie-config-Customisation-block",style:{paddingTop:"1.5rem",height:J?b?"21rem":"17.5rem":"15.42rem"},children:[Be.jsxs("div",{className:"sprie-config-price-block",style:{top:J||!b?"-3rem":"-8.5rem"},children:[Be.jsx("p",{style:{margin:"0 0.8rem 0 0"},children:`${st()}.00 ${S==null?void 0:S.priceCurrency} `}),!J&&b&&Be.jsx(RE,{conditionRequired:$&&j!="",onButtonClick:lt}),b&&Be.jsx("p",{style:{marginRight:".8rem",fontSize:".6rem",textAlign:"right"},children:"Please Allow 7-10 Days for Customization Process."})]}),Be.jsxs(aD,{setShowAddToCart:T,children:[Be.jsx(tD,{modelLoading:C,frameList:r,selectedFrame:y,onChangeFrame:de,heading:"SELECT FRAME"}),l&&Be.jsx(oD,{orbitalList:a,selectedOrbital:I,modelLoading:C,onChangeOrbital:Fe,heading:"SELECT ORBITAL"}),Be.jsx(rD,{modelLoading:C,lensList:i,selectedLens:v,selectedDitaLens:k,onChangeLens:ye,heading:"SELECT LENS COLOR"}),Be.jsx(nD,{heading:"LASER ENGRAVING",onChecked:nt,onTextAdded:ke})]}),J&&b&&Be.jsx("div",{style:{position:"absolute",bottom:"0",width:"100%"},children:Be.jsx(RE,{conditionRequired:$&&j!="",onButtonClick:lt})})]})]})}function hD({apiService:n,sku:e,events:t,viewerOnly:r=!1}){var p;const i=Et.useRef(),[a,l]=Et.useState(null),c=(a==null?void 0:a.orgName)||"",h=(a==null?void 0:a.frameList)||null,u=(a==null?void 0:a.lensList)||null,f=(a==null?void 0:a.orbitalList)||null;return a!=null&&a.dataVariants,a!=null&&a.dataLenses,a!=null&&a.dataOrbitals,Et.useEffect(()=>((async()=>{var v;i.current=new bE,await((v=i.current)==null?void 0:v.Init(n.apiKey));const A=await n.FetchAssetBySKUOrBarcode({sku:e,barcode:null}),g=await n.FetchCustomisationList("Lens"),y=await n.FetchCustomisationList("Orbital"),x=await i.current.getInstance({containerId:"holder-canvas"});await x.loadFrame({containerId:"holder-canvas",data:{assetDetails:A,customisation:A==null?void 0:A.customisation}}),l({frameList:A==null?void 0:A.variants,lensList:g==null?void 0:g.data,orbitalList:y==null?void 0:y.data,orgName:A==null?void 0:A.group.name,showOrbitals:(A==null?void 0:A.customisation).filter(_=>_.type==="Orbital").length>0,domService:x,dataVariants:await n.PopulateDataList("data-variants"),dataLenses:await n.PopulateDataList("data-lenses"),dataOrbitals:await n.PopulateDataList("data-orbital")})})(),()=>{i.current=void 0}),[n,e]),Be.jsxs(Be.Fragment,{children:[(!h||!u)&&Be.jsx("div",{className:"sprie-config-loadingBox",children:"Loading..."}),Be.jsx(uD,{customEvent:t,orgName:c,apiService:n,frameList:h,lensList:u,orbitalList:f,showOrbitalList:(a==null?void 0:a.showOrbitals)||!1,viewerOnly:r,ThreeDConfigurator:i.current,domService:a==null?void 0:a.domService,dataVariants:a==null?void 0:a.dataVariants,dataLenses:a==null?void 0:a.dataLenses,dataOrbitals:a==null?void 0:a.dataOrbitals,firstDitaVariant:(p=a==null?void 0:a.dataVariants)==null?void 0:p.find(A=>A.varinatSku==e)})]})}var sp={},DE={exports:{}},on={},ap={exports:{}},op={};/**
|
|
4450
4450
|
* @license React
|
|
4451
4451
|
* scheduler.production.min.js
|
|
4452
4452
|
*
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@perceptimagery/dita-configurator-staging",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.5002",
|
|
4
4
|
"author": "Percept Imagery Ltd. <rohan@perceptimagery.com>",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
"preview": "vite preview"
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@perceptimagery/3d-configurator": "
|
|
18
|
+
"@perceptimagery/3d-configurator": "1.3.6",
|
|
19
19
|
"@perceptimagery/sprie-asset-auth": "^1.2.1016",
|
|
20
20
|
"dat.gui": "^0.7.9",
|
|
21
21
|
"events": "^3.3.0",
|