{ "data": { "httpRequests": { "specsAccordion": "https://cdn.builder.io/api/v2/content/specs-accordion?apiKey=64dd5478e25746bf9db3b6c0319905f6&includeRefs=true&fields=data&limit=50&locale={{state.locale}}", "product": "https://cdn.builder.io/api/v1/shopify/products.json?apiKey=64dd5478e25746bf9db3b6c0319905f6" }, "tsCode": "/*\n * Global objects available:\n *\n * state - builder state object - learn about state https://www.builder.io/c/docs/guides/state-and-actions\n * context - builder context object - learn about state https://github.com/BuilderIO/builder/tree/main/packages/react#passing-data-and-functions-down\n * fetch - Fetch API - https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API'\n * Builder - Builder object - useful values include: Builder.isServer, Builder.isBrowser, Builder.isPreviewing, Builder.isEditing\n *\n * visit https://www.builder.io/c/docs/guides/custom-code\n * for more information on writing custom code\n */\n async function main () {\n\n\n if (Builder.isServer) {\n // Place any code here you want to only run on the server. Any \n // data fetched on the server will be available to re-hydrate on the client\n // if added to the state object\n }\n\n if (Builder.isBrowser) {\n // Place code that you only want to run in the browser (client side only) here\n // For example, anything that uses document/window access or DOM manipulation\n\n //--Fns\n var populateQueries = toggle => toggle.query = document.getElementsByClassName(toggle.class); //.forEach(↓)\n var flipToggles = toggle => {\n if(toggle.query.length > 0) {\n let el = toggle.query[0];\n let state = getComputedStyle(el)[toggle.cssProp];\n el.style[toggle.cssProp] = state == toggle.off ? toggle.on : toggle.off;\n }\n }; //.forEach(↓)\n var getToggleNumber = (element) => {\n return element.id.split('_')[1];\n };\n var getToggleCollection = (toggleGroupKey, elementKey, toggleNumber = '') => {\n let query = `.TOG${toggleGroupKey}.tog-${elementKey}` + (toggleNumber == '' ? '' : `[data-tognum=\"${toggleNumber}\"]`);\n return [...document.querySelectorAll(query)];\n };\n var getToggleElement = (toggleGroupKey, elementKey, otherClasses = '') =>\n document.querySelector(`.TOG${toggleGroupKey}.tog-${elementKey}${otherClasses}`);\n // window.updateSliderControls = () => {\n // let prodSlides = getToggleCollection('prod', 'slider');\n // console.log('DEBUG', {prodSlides}); //debug\n // let togNum = 0;\n // for(let i = 0; i < prodSlides.length; i++) {\n // let slide = prodSlides[i];\n // if(slide.getClientRects()[0].x > 0) {\n // togNum = slide.dataset.tognum;\n // break;\n // }\n // }\n // console.log('DEBUG', {togNum}); //debug\n // if(togNum) {\n // let indexDisplay = getToggleElement('prod', 'index');\n // if(!!indexDisplay) {\n // let cur = togNum.toString().padStart(2, '0');\n // let tot = prodSlides.length.toString().padStart(2, '0');\n // indexDisplay.innerHTML = `${cur} / ${tot}`;\n // }\n // // let leftBtn = getToggleItem('prod', 'btn', '.left');\n // // let rightBtn = getToggleItem('prod', 'btn', '.right');\n // }\n // };\n\n\n //--Fixes\n //Ensure cart refreshes each time it's opened\n let cartBtn = document.querySelector('a#cart-icon-bubble');\n if(!!cartBtn)\n cartBtn.addEventListener('click', evt => {evt.preventDefault(); loadEgCartDrawer();});\n\n //Ensure store product images are not lazy-loading\n let productImages = [...document.querySelectorAll('.store-slider .item img')];\n productImages.push(...document.querySelectorAll('.slider .item img'));\n productImages.forEach(element => element.removeAttribute('loading'));\n\n\n //--State assignments\n state.dummySpecs = {\"Minimum requirements\":[{\"title\":\"GPU\",\"data\":\"RTX 3080 or AMD FX3050 with DisplayPort 1.4\"},{\"title\":\"RAM\",\"data\":\"16GB\"},{\"title\":\"Processor\",\"data\":\"Intel i5 9000\"},{\"title\":\"Ports\",\"data\":\"2 x USB 3.0, 1 x DisplayPort 1.4\"}],\"Tech specs\":[{\"title\":\"Weight\",\"data\":\"123 g (0.27 lb)\"},{\"title\":\"Length\",\"data\":\"319 mm (5.1 in)\"},{\"title\":\"Width\",\"data\":\"174 mm (2.3 in)\"},{\"title\":\"Height\",\"data\":\"203 mm (3.4 in)\"},{\"title\":\"Ports\",\"data\":\"1 x Beyond Cable port, 1 x USB-C accessory port\"}],\"What's in the box\":[{\"data\":\"Beyond Headset\"},{\"data\":\"Made-to-order custom Face Cushion\"},{\"data\":\"5-meter fiber optic cable\"},{\"data\":\"Link Box\"},{\"data\":\"Cleaning cloth\"}]};\n state.dummySpecMap = Object.keys(state.dummySpecs).map((name, index) => {\n return {name, index, specs: state.dummySpecs[name]};\n });\n\n let spec = {};\n state.inCart = 0;\n state.qtyLimit = 0;\n if(!!window && !!window.BigData && !!window.BigData.product) {\n //Store the specifications object in a builder-friendly way\n let spec = !!window.BigData.product.store.specs ? window.BigData.product.store.specs : {};\n state.specMap = Object.keys(spec).map((name, index) => {\n return {name, index: ++index, specs: spec[name]};\n });\n\n state.inCart = !!window.BigData.product.inCart ? window.BigData.product.inCart : 0;\n state.qtyLimit = !!window.BigData.product.qtyLimit ? window.BigData.product.qtyLimit : 0;\n state.selectorHeader = !!window.BigData.product.store.selectorHeader ? window.BigData.product.store.selectorHeader : \"\";\n state.selectorDescription = !!window.BigData.product.store.selectorDescription ? window.BigData.product.store.selectorDescription : \"\";\n state.productImages = !!window.BigData.product.images ? window.BigData.product.images : [];\n state.variantsInStock = !!window.BigData.product.variantsInStock ? window.BigData.product.variantsInStock : {};\n state.variantPrices = !!window.BigData.product.variantPrices ? window.BigData.product.variantPrices : {};\n state.variantShipping = !!window.BigData.product.variantShipping ? window.BigData.product.variantShipping : {};\n state.variantData = !!window.BigData.product.variantData ? window.BigData.product.variantData : {};\n state.variantAddonGroups = !!window.BigData.product.variantAddonGroups ? window.BigData.product.variantAddonGroups : {};\n }\n\n //Cart qty state updater -- BigData.newState is set by loadEgCartDrawer() when qty changes\n const updateCartQty = () => {\n if(!!window && !!window.BigData && !!window.BigData.product && !!window.BigData.newState) {\n delete window.BigData.newState;\n state.inCart = window.BigData.product.inCart;\n }\n };\n window.setInterval(updateCartQty, 250);\n\n\n //--Assigns the click event for each grid carousel item--\n let clickTargets = [...document.querySelectorAll('.gc-item')];\n clickTargets.forEach(el => el.onclick = () => {\n let brethren = [...el.parentElement.children];\n let caroIndex = brethren.indexOf(el);\n brethren.forEach(littleBro => littleBro.classList.remove('gc-main', 'gc-next', 'gc-min', 'gc-last'));\n //Set carousel image classes\n el.classList.add('gc-main');\n if(caroIndex == brethren.length - 1) {\n el.classList.add('gc-last');\n el.previousElementSibling?.classList.add('gc-next');\n el.previousElementSibling?.previousElementSibling?.classList.add('gc-min');\n }\n else { //There is at least one next sibling\n el.nextElementSibling.classList.add('gc-next');\n //Who gets gc-min?\n if(caroIndex == 0)\n el.nextElementSibling.nextElementSibling?.classList.add('gc-min');\n else el.previousElementSibling.classList.add('gc-min');\n //Who gets gc-last?\n if(caroIndex > 0)\n el.nextElementSibling.classList.add('gc-last');\n else el.nextElementSibling.nextElementSibling.classList.add('gc-last');\n }\n //Set carousel caption classes\n let captions = el.parentElement.parentElement.querySelectorAll('.grid-carousel-captions .gc-caption');\n if(captions.length > caroIndex) {\n captions.forEach(captionBro => captionBro.classList.remove('gc-main'));\n captions[caroIndex].classList.add('gc-main');\n }\n });\n \n\n //--Flib\n if(!!window.BigData) {\n window.BigData.Flib = class {\n //This class is not meant to be instantiated, and only exists for function reference\n constructor() {}\n\n //Navigates layers of an object and calls action() for each resulting endpoint/value\n //layerAliases - Array(layer1Alias, layer2Alias, ...) --number of elements determines number of layers\n //action - function(iterKeys, value) --called for each value encountered at deepest layer\n //iterKeys - GIVEN FORMAT: {layer1Alias: [layer1IterNKey], layer2Alias: [layer2IterNKey]}\n //value - GIVEN FORMAT: The value for current deepest layer N\n //iterKeys - Only used within function recursively to populate layer names (keys) for current endpoint to action()\n static traverse(target, layerAliases, action, aliasId = 0, iterKeys = {}) {\n let layerAlias = layerAliases[aliasId];\n\n // console.log(`-- Traversing layer '${layerAlias}' --`); //debug\n // if(aliasId > 0)\n // console.log(`Keys where ${layerAliases[aliasId - 1]}: '${iterKeys[layerAliases[aliasId - 1]]}':`);\n // console.log(Object.keys(target));\n\n //Ensure the given target variable is an object. Helps prevent unintended behavior i.e. when the structure doesn't go the full depth\n if(typeof target == 'object') {\n //Loop through all elements of current layer\n for(let layerKey of Object.keys(target)) {\n iterKeys[layerAlias] = layerKey;\n //If more layers remain, move into the next one\n if(layerAliases.length - 1 > aliasId) {\n this.traverse(target[layerKey], layerAliases, action, aliasId + 1, iterKeys);\n }\n else { //If this (potentially recursive) call is the final layer/endpoint, call action() on the value here\n // console.log(`ENDPOINT '${layerKey}'; key tree:`); //debug\n // console.log(iterKeys);\n action(iterKeys, target[layerKey]);\n } //\n }\n }\n //Target variable was not an object (dead-end prior to reaching layerAliases.length layers deep). Call action() immediately with partial iterKeys\n else action(iterKeys, target);\n return null;\n }//<< END traverse()\n\n //Returns the value at target[layerKeys[0]][layerKeys[1]][...] only if each layer's key exists, else returns undefined\n static proof(target, layerKeys, defaultValue = undefined) {\n if(target != undefined && layerKeys.length > 0) {\n if(target[layerKeys[0]] != undefined)\n return this.proof(target[layerKeys[0]], layerKeys.slice(1, layerKeys.length));\n else return defaultValue;\n }\n return target;\n }//<< END proof()\n\n //Returns reference to target[layerKeys[0]][...layerKeys[n]], ensuring each parent object or array exists along the way\n //If the final child is not an Object or Array, or if returnParent set to true, the return value will instead be\n //the parent of the final child. The final child variable will be initialized to initType if it did not already exist\n static reference(target, layerKeys, initType, returnParent = false) {\n // console.log({target, typeof: typeof target}); //debug\n if(typeof target == 'undefined') { console.warn(`ERROR - reference: Given target object is not yet initialized`); return; } //target = {};\n if(typeof target != 'object') { console.warn(`WARNING - reference: Given target is not of type 'object'; outcome may be unexpected`); } //target = {};\n\n //Accept initType as a string if not given a constructor\n if(typeof initType != 'function') {\n switch(initType) {\n case 'string':\n initType = String;\n break;\n case 'number':\n initType = Number;\n break;\n case 'array':\n initType = Array;\n break;\n case 'object':\n case null:\n initType = Object;\n break;\n default:\n console.warn(`ERROR - reference: Given initType is not valid`);\n return;\n break;\n }\n // console.log(`NOTICE - reference: Given initType was redirected from a string`);\n }\n if(layerKeys.length > 1) {\n if(target[layerKeys[0]] === undefined) {\n if(typeof layerKeys[1] == 'number') target[layerKeys[0]] = []; //Ensure integer keys are assigned to an array, not an object\n else target[layerKeys[0]] = {};\n }\n return this.reference(target[layerKeys[0]], layerKeys.slice(1, layerKeys.length), initType, returnParent);\n }\n else {\n if(target[layerKeys[0]] == undefined) target[layerKeys[0]] = new initType;\n if(!returnParent && (initType === Object || initType === Array))\n return target[layerKeys[0]];\n else return target;\n }\n }//<< END reference()\n\n //Sets value at target[layerKeys[0]][...layerKeys[n]], ensuring each parent object or array exists along the way\n static deepSet(target, layerKeys, value) {\n this.reference(target, layerKeys, typeof value, true)[layerKeys[layerKeys.length - 1]] = value;\n return target; //Hand back target in case it was supplied as a brand new object\n }//<< END deepSet()\n\n //Pushes value to array at target[layerKeys[0]][...layerKeys[n]], ensuring each parent object exists along the way\n static deepPush(target, layerKeys, value) {\n this.reference(target, layerKeys, Array).push(value);\n return target; //Hand back target in case it was supplied as a brand new object\n }//<< END deepPush()\n\n //Returns index of corresponding addon group\n //searchParams - OPTIONS: {variantId: string, key: string}\n static findGroupId(searchParams) {\n const {variantId, key} = searchParams;\n const liveGroups = window?.BigData?.product?.selectedVariantAddonGroups;\n let ret;\n if(!liveGroups) return;\n if(!!key) {\n ret = liveGroups.findIndex(group => group.key === key)\n }\n else if(!!variantId) {\n this.traverse(liveGroups, ['gid', 'gProp', 'vid', 'vProp'], (ancestors, cVal) => {\n if(ancestors.vProp == 'id' && cVal == variantId) {\n ret = ancestors.gid;\n }\n });\n }\n return ret;\n }\n\n //Same as above but returns the group ref itself\n static findGroup(searchParams) {\n const gid = this.findGroupId(searchParams);\n return window?.BigData?.product?.selectedVariantAddonGroups?.[gid];\n }\n\n //Returns reference to corresponding addon variant object\n static findAddon(variantId) {\n const liveGroups = window?.BigData?.product?.selectedVariantAddonGroups;\n let ret;\n if(!liveGroups) return;\n if(!!variantId) {\n this.traverse(liveGroups, ['gid', 'gProp', 'vid', 'vProp'], (ancestors, cVal) => {\n if(ancestors.vProp == 'id' && cVal == variantId) {\n ret = liveGroups[ancestors.gid].variants[ancestors.vid];\n }\n });\n }\n return ret;\n }\n };\n state.Flib = window.BigData.Flib;\n state.currency = window?.curr;\n } //<< END Flib\n } //<< END isBrowser\n}\n\n \n\nexport default main();", "inputs": [], "customFonts": [ { "family": "Neue Haas Grotesk Display Pro - 55 Roman", "fileUrl": "https://cdn.builder.io/o/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F801ad1fc927c41ef959636b8424c18b6?alt=media&token=269259f3-2e52-4b04-b789-5e22187828bf&apiKey=64dd5478e25746bf9db3b6c0319905f6", "category": "serif", "isUserFont": true } ], "jsCode": "var __awaiter=function(t,e,i,n){return new(i||(i=Promise))((function(a,r){function o(t){try{c(n.next(t))}catch(t){r(t)}}function d(t){try{c(n.throw(t))}catch(t){r(t)}}function c(t){var e;t.done?a(t.value):(e=t.value,e instanceof i?e:new i((function(t){t(e)}))).then(o,d)}c((n=n.apply(t,e||[])).next())}))},__generator=function(t,e){var i,n,a,r,o={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return r={next:d(0),throw:d(1),return:d(2)},\"function\"==typeof Symbol&&(r[Symbol.iterator]=function(){return this}),r;function d(r){return function(d){return function(r){if(i)throw new TypeError(\"Generator is already executing.\");for(;o;)try{if(i=1,n&&(a=2&r[0]?n.return:r[0]?n.throw||((a=n.return)&&a.call(n),0):n.next)&&!(a=a.call(n,r[1])).done)return a;switch(n=0,a&&(r=[2&r[0],a.value]),r[0]){case 0:case 1:a=r;break;case 4:return o.label++,{value:r[1],done:!1};case 5:o.label++,n=r[1],r=[0];continue;case 7:r=o.ops.pop(),o.trys.pop();continue;default:if(!(a=(a=o.trys).length>0&&a[a.length-1])&&(6===r[0]||2===r[0])){o=0;continue}if(3===r[0]&&(!a||r[1]>a[0]&&r[1]0?t.nextElementSibling.classList.add(\"gc-last\"):t.nextElementSibling.nextElementSibling.classList.add(\"gc-last\"));var d=t.parentElement.parentElement.querySelectorAll(\".grid-carousel-captions .gc-caption\");d.length>o&&(d.forEach((function(t){return t.classList.remove(\"gc-main\")})),d[o].classList.add(\"gc-main\"))}})),window.BigData&&(window.BigData.Flib=function(){function t(){}return t.traverse=function(t,e,i,n,a){void 0===n&&(n=0),void 0===a&&(a={});var r=e[n];if(\"object\"==typeof t)for(var o=0,d=Object.keys(t);on?this.traverse(t[c],e,i,n+1,a):i(a,t[c])}else i(a,t);return null},t.proof=function(t,e,i){return void 0===i&&(i=void 0),null!=t&&e.length>0?null!=t[e[0]]?this.proof(t[e[0]],e.slice(1,e.length)):i:t},t.reference=function(t,e,i,n){if(void 0===n&&(n=!1),void 0!==t){if(\"object\"!=typeof t&&console.warn(\"WARNING - reference: Given target is not of type 'object'; outcome may be unexpected\"),\"function\"!=typeof i)switch(i){case\"string\":i=String;break;case\"number\":i=Number;break;case\"array\":i=Array;break;case\"object\":case null:i=Object;break;default:return void console.warn(\"ERROR - reference: Given initType is not valid\")}return e.length>1?(void 0===t[e[0]]&&(\"number\"==typeof e[1]?t[e[0]]=[]:t[e[0]]={}),this.reference(t[e[0]],e.slice(1,e.length),i,n)):(null==t[e[0]]&&(t[e[0]]=new i),n||i!==Object&&i!==Array?t:t[e[0]])}console.warn(\"ERROR - reference: Given target object is not yet initialized\")},t.deepSet=function(t,e,i){return this.reference(t,e,typeof i,!0)[e[e.length-1]]=i,t},t.deepPush=function(t,e,i){return this.reference(t,e,Array).push(i),t},t.findGroupId=function(t){var e,i,n,a=t.variantId,r=t.key,o=null===(i=null===(e=null===window||void 0===window?void 0:window.BigData)||void 0===e?void 0:e.product)||void 0===i?void 0:i.selectedVariantAddonGroups;if(o)return r?n=o.findIndex((function(t){return t.key===r})):a&&this.traverse(o,[\"gid\",\"gProp\",\"vid\",\"vProp\"],(function(t,e){\"id\"==t.vProp&&e==a&&(n=t.gid)})),n},t.findGroup=function(t){var e,i,n,a=this.findGroupId(t);return null===(n=null===(i=null===(e=null===window||void 0===window?void 0:window.BigData)||void 0===e?void 0:e.product)||void 0===i?void 0:i.selectedVariantAddonGroups)||void 0===n?void 0:n[a]},t.findAddon=function(t){var e,i,n,a=null===(i=null===(e=null===window||void 0===window?void 0:window.BigData)||void 0===e?void 0:e.product)||void 0===i?void 0:i.selectedVariantAddonGroups;if(a)return t&&this.traverse(a,[\"gid\",\"gProp\",\"vid\",\"vProp\"],(function(e,i){\"id\"==e.vProp&&i==t&&(n=a[e.gid].variants[e.vid])})),n},t}(),state.Flib=window.BigData.Flib,state.currency=null===window||void 0===window?void 0:window.curr)),[2]}))}))}var _virtual_index=main();return _virtual_index", "cssCode": "/* New Layout */\n:root {\n --product-photo-btn-w: 44px;\n --product-photo-btn-h: 44px;\n --content-width: min(calc(100vw - 32px), 1648px); /*16px l/r padding*/\n --column-gap: 16px;\n --column-width: calc(calc(var(--content-width) - calc(var(--column-gap) * 11)) / 12);\n --slider-columns: 7;\n}\n/*- SMALL DESKTOP variables -*/\n@media only screen and (min-width: 992px) and (max-width: 1460px) {\n :root {\n --slider-columns: 5;\n }\n}\n:root { /* order is important. keep this section after */\n --slider-gaps-netw: calc(calc(var(--slider-columns) - 1) * var(--column-gap));\n --slider-columns-netw: calc(var(--slider-columns) * var(--column-width));\n --slider-size: calc(var(--slider-columns-netw) + var(--slider-gaps-netw));\n --slider-height: var(--slider-size);\n --slider-size-factor: calc(var(--slider-size) / var(--content-width));\n --slider-item-size: calc(var(--slider-size) - 112px);\n}\n/*- SMALL DESKTOP variables -*/\n@media only screen and (min-width: 992px) and (max-width: 1460px) {\n :root {\n --slider-height: max(calc(100vh - 320px), var(--slider-size));\n }\n}\n\n@keyframes fadeInGrow {\n 0% {\n opacity: 0;\n max-height: 0;\n overflow: hidden;\n }\n 100% {\n opacity: 1;\n max-height: 500px; /* Use a value larger than your expected final height */\n overflow: visible;\n }\n}\n.fade-in-grow {\n animation: fadeInGrow 0.8s ease-out forwards;\n transform-origin: top center;\n}\n.fade-in-grow > * {\n /* This ensures the content size stays the same */\n transform: translateY(0);\n}\n\n.text-m {\n font-family: 'Neue Haas Grotesk Display Pro - 55 Roman'!important;\n font-size: 16px!important;\n font-weight: 500!important;\n line-height: 20px!important;\n padding-left: 4px!important;\n color: #000 !important;\n}\nbody sup {\n font-size: 10px;\n position: absolute;\n top: -2px;\n}\n.product-container {\n display: flex;\n block-size: var(--slider-height);\n}\n.product-right {\n block-size: var(--slider-height);\n padding: 0 64px 0 48px;\n}\n.scrollable-content {\n flex: 1;\n /* No height defined - it will fill available space between header and footer */\n overflow-y: auto;\n scrollbar-width: none; /* Firefox */\n -ms-overflow-style: none; /* IE and Edge */\n -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */\n}\n/* Hide scrollbar for Chrome, Safari and Opera */\n.scrollable-content::-webkit-scrollbar {\n display: none;\n}\n.product-title>div {\n position: relative;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n}\n.product-title span {\n position: relative;\n display: flex;\n align-items: center;\n}\n.product-footer {\n position: sticky;\n bottom: 0;\n border-top: 1px solid #787E81;\n display: flex;\n flex-direction: column;\n background: #FFFFFF;\n}\n.product-footer .items-summary>div {\n display: flex;\n align-items: flex-end;\n align-self: stretch;\n}\n.items-summary .total-delivery {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: flex-start;\n flex: 1 0 0;\n}\n.items-summary .total-delivery>span:first-child {\n color: #787E81;\n}\n.items-summary .total-price {\n text-align: right;\n}\n/*- MOBILE -*/\n@media only screen and (max-width: 991px) {\n .product-container {\n block-size: auto;\n }\n .product-right {\n padding: 0;\n block-size: auto;\n }\n}\n/* TRUE MOBILE */\n@media only screen and (max-width: 640px) {\n body sup {\n position: relative;\n }\n body .swatch-info sup {\n position: absolute;\n }\n}\n\n.yotpo a {\n color: #000 !important;\n}\n#yotpo-widget {\n pointer-events: none;\n}\n.grid-carousel {\n display: flex;\n}\n.video-container video {\n object-fit: cover;\n border-radius:8px;\n width:100%;\n height:100%;\n}\n.fallback-gif {\n display: none; \n width: 100%; \n height: auto;\n border-radius: 8px; /* if you want rounded corners on the GIF as well */\n}\n.video-container video:not(:playable) + .fallback-gif {\n display: block;\n} \n.video-container video:not(:playable) + .fallback-gif {\n display: block;\n}\n\n\n\n.addon-options {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n row-gap: 16px;\n column-gap: 12px;\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\n.addon-option {\n position: relative;\n}\n.addon-option input {\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n cursor: pointer;\n}\n.addon-option input:disabled {\n cursor: default;\n}\n.addon-option input[type=\"radio\"],\n.addon-option input[type=\"checkbox\"] {\n opacity: 0;\n z-index: 100;\n}\n.addon-options>.addon-option input:checked+label svg.unchecked {\n display: none;\n}\n.addon-options>.addon-option input:not(:checked)+label svg.checked {\n display: none;\n}\n/*\n.addon-option input[type=\"radio\"]:checked+label {\n color: #FFF;\n background: #787E81;\n}\n.addon-option input:hover+label {\n background: #DFDFDF;\n}\n*/\n/* --- COLOR SWATCH --- */\n.addon-options[data-ui-style=\"Color Swatch\"]>.addon-option {\n height: 45px;\n width: 44px;\n}\n.addon-options[data-ui-style=\"Color Swatch\"]>.addon-option>label {\n position: absolute;\n display: block;\n top: 0px;\n left: 0px;\n right: 0px;\n bottom: 0px;\n}\n.addon-options[data-ui-style=\"Color Swatch\"]>.addon-option input:checked+label svg.swatch-checked {\n display: block;\n}\n.addon-options[data-ui-style=\"Color Swatch\"]>.addon-option input:checked+label svg.swatch-default {\n display: none;\n}\n.addon-options[data-ui-style=\"Color Swatch\"]>.addon-option input:not(:checked)+label svg.swatch-checked {\n display: none;\n}\n.addon-options[data-ui-style=\"Color Swatch\"]>.addon-option input:not(:checked)+label svg.swatch-default {\n display: block;\n}\n/* --- PRODUCT PHOTO --- */\n.addon-options[data-ui-style=\"Product Photo\"] {\n flex-direction: column;\n}\n.addon-options[data-ui-style=\"Product Photo\"]>.addon-option>label {\n display: block;\n width: 100%;\n padding: 16px;\n box-shadow: inset 0 0 0 1px #787E81;\n border-radius: 8px;\n}\n.addon-options[data-ui-style=\"Product Photo\"]>.addon-option>label svg {\n position: absolute;\n top: 4px;\n left: 5px;\n width: 22px;\n height: 22px;\n color: #787E81;\n}\n.addon-options[data-ui-style=\"Product Photo\"]>.addon-option input:hover:not(:disabled)+label {\n background: #DFDFDF;\n}\n.addon-options[data-ui-style=\"Product Photo\"]>.addon-option input:checked+label {\n box-shadow: inset 0 0 0 2px #4D1EF7;\n}\n.addon-options[data-ui-style=\"Product Photo\"]>.addon-option input:checked+label svg {\n color: #4D1EF7;\n}\n.addon-options[data-ui-style=\"Product Photo\"]>.addon-option input:disabled+label {\n box-shadow: inset 0 0 0 1px #DFDFDF;\n}\n.addon-options[data-ui-style=\"Product Photo\"]>.addon-option input:checked:disabled+label {\n box-shadow: inset 0 0 0 2px #DFDFDF;\n}\n.addon-options[data-ui-style=\"Product Photo\"]>.addon-option input:disabled+label svg {\n color: #DFDFDF !important;\n}\n.addon-options[data-ui-style=\"Product Photo\"]>.addon-option>label>div {\n position: relative;\n display: flex;\n}\n.addon-options[data-ui-style=\"Product Photo\"]>.addon-option>label img {\n max-width: 96px;\n max-height: 96px;\n flex-shrink: 0;\n}\n.addon-options[data-ui-style=\"Product Photo\"] .addon-desc {\n display: flex;\n flex-direction: column;\n flex: 2;\n margin: 0px 16px;\n}\n.addon-options[data-ui-style=\"Product Photo\"] .addon-desc>span:last-child {\n color: var(--BS-Grey, #787E81);\n}\n.addon-options[data-ui-style=\"Product Photo\"] .addon-price {\n flex: 1;\n text-align: right;\n color: var(--BS-Grey, #787E81);\n}\n/* --- VARIANT NAME --- */\n.addon-options[data-ui-style=\"Variant Name\"] {\n flex-direction: column;\n}\n.addon-options[data-ui-style=\"Variant Name\"]>.addon-option>label {\n display: block;\n width: 100%;\n padding: 16px 16px 16px 43px;\n box-shadow: inset 0 0 0 1px #787E81;\n border-radius: 8px;\n}\n.addon-options[data-ui-style=\"Variant Name\"]>.addon-option>label svg {\n position: absolute;\n top: 4px;\n left: -22px;\n width: 22px;\n height: 22px;\n color: #787E81;\n}\n.addon-options[data-ui-style=\"Variant Name\"]>.addon-option input:hover:not(:disabled)+label {\n background: #DFDFDF;\n}\n.addon-options[data-ui-style=\"Variant Name\"]>.addon-option input:checked+label {\n box-shadow: inset 0 0 0 2px #4D1EF7;\n}\n.addon-options[data-ui-style=\"Variant Name\"]>.addon-option input:checked+label svg {\n color: #4D1EF7;\n}\n.addon-options[data-ui-style=\"Variant Name\"]>.addon-option input:disabled+label {\n box-shadow: inset 0 0 0 1px #DFDFDF;\n}\n.addon-options[data-ui-style=\"Variant Name\"]>.addon-option input:checked:disabled+label {\n box-shadow: inset 0 0 0 2px #DFDFDF;\n}\n.addon-options[data-ui-style=\"Variant Name\"]>.addon-option input:disabled+label svg {\n color: #DFDFDF !important;\n}\n.addon-options[data-ui-style=\"Variant Name\"]>.addon-option>label>div {\n position: relative;\n display: flex;\n}\n.addon-options[data-ui-style=\"Variant Name\"] .addon-desc {\n display: flex;\n flex-direction: column;\n flex: 2;\n margin: 0px 16px;\n}\n.addon-options[data-ui-style=\"Variant Name\"] .addon-desc>span:last-child {\n color: var(--BS-Grey, #787E81);\n}\n.addon-options[data-ui-style=\"Variant Name\"] .addon-price {\n flex: 1;\n text-align: right;\n color: var(--BS-Grey, #787E81);\n}\n.swatch-info>div {\n display: flex;\n justify-content: space-between;\n}\n.swatch-info span:first-child {\n position: relative;\n}\n.swatch-info span:last-child {\n color: var(--BS-Grey, #787E81);\n}\n.addon-fine-print {\n align-self: stretch;\n}\n.addon-fine-print>div {\n display: flex;\n flex-direction: column;\n}\n.addon-fine-print>div sup {\n position: relative;\n}\n.addon-fine-print>div span {\n color: #787E81;\n}\n/*- MOBILE -*/\n@media only screen and (max-width: 991px) {\n .addon-options {\n row-gap: 12px;\n }\n .addon-option {\n float: left;\n display: flex;\n flex: inherit;\n height: auto;\n margin: 0;\n }\n .addon-options[data-ui-style=\"Product Photo\"]>.addon-option input:hover:not(:disabled)+label {\n background: transparent;\n }\n .addon-options[data-ui-style=\"Variant Name\"]>.addon-option input:hover:not(:disabled)+label {\n background: transparent;\n }\n}\n/* TRUE MOBILE */\n@media only screen and (max-width: 640px) {\n .addon-options[data-ui-style=\"Product Photo\"]>.addon-option>label>div {\n flex-wrap: wrap;\n }\n .addon-options[data-ui-style=\"Product Photo\"]>.addon-option>label img {\n flex-basis: 50%;\n margin-left: 40px;\n }\n .addon-options[data-ui-style=\"Product Photo\"] .addon-desc {\n order: 1;\n flex: 1;\n flex-basis: 50%;\n margin: 0px;\n }\n .addon-options[data-ui-style=\"Product Photo\"] .addon-price {\n flex-basis: 50%;\n }\n .addon-options[data-ui-style=\"Variant Name\"] .addon-desc {\n flex: 1;\n margin: 0 0 0 40px;\n }\n}\n\n.ipd-note u:hover {\n color: #000;\n cursor: pointer;\n}\n.option-group[data-large-style=\"false\"] .ipd-options {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n row-gap: 16px;\n column-gap: 16px;\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\n.option-group[data-large-style=\"true\"] .ipd-options {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n row-gap: 12px;\n list-style-type: none;\n margin: 0;\n padding: 0;\n flex-direction: column;\n align-content: stretch;\n}\n.option-group[data-large-style=\"false\"] .ipd-option {\n position: relative;\n float: left;\n display: flex;\n flex: 0 0 calc(calc(100% - calc(16px * 4)) / 5);\n height: 40px;\n margin: 0;\n}\n.option-group[data-large-style=\"true\"] .ipd-option {\n position: relative;\n}\n.ipd-option input {\n position: absolute;\n display: block;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n cursor: pointer;\n}\n.ipd-option input[type=\"radio\"],\n.ipd-option input[type=\"checkbox\"] {\n opacity: 0;\n z-index: 100;\n}\n.ipd-option input[type=\"radio\"]:checked+label,\n.ipd-option input[type=\"checkbox\"]:checked+label {\n box-shadow: inset 0 0 0 2px #4D1EF7;\n}\n.option-group[data-ignore-available=\"false\"] .ipd-option input[name^=\"variant\"][data-for-sale=\"false\"]+label>span::before {\n content: '!';\n display: block;\n position: absolute;\n right: 0;\n top: 0;\n width: 16px;\n height: 16px;\n font-family: \"Neue Haas Grotesk Display Pro - Medium\", \"Zen Kaku Gothic New - Medium\", sans-serif;\n font-style: normal;\n font-weight: 600;\n font-size: 14px;\n line-height: 17px;\n letter-spacing: .02em;\n text-align: center;\n border-radius: 40px;\n background-color: black;\n color: white;\n}\n.ipd-option input[type=\"radio\"]:disabled,\n.ipd-option input[type=\"checkbox\"]:disabled {\n cursor: not-allowed;\n}\n.ipd-option input[type=\"radio\"]:disabled+label,\n.ipd-option input[type=\"checkbox\"]:disabled+label {\n color: #787E81;\n border-color: #DFDFDF;\n background: #DFDFDF;\n}\n.option-group[data-large-style=\"false\"] .ipd-option label {\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 1;\n padding: 0;\n color: #000;\n border: 1px solid #787E81;\n border-radius: 48px;\n}\n.option-group[data-large-style=\"false\"] .ipd-option .option-subtitle {\n display: none;\n}\n.option-group[data-large-style=\"false\"] .ipd-option .option-price {\n display: none;\n}\n.option-group[data-large-style=\"true\"] .ipd-option label {\n position: relative;\n display: flex;\n flex: 1;\n padding: 16px;\n box-shadow: inset 0 0 0 1px #000;\n border-radius: 8px;\n}\n.ipd-option input:hover+label {\n background: #DFDFDF;\n}\n.option-group[data-large-style=\"true\"] .ipd-option label>div {\n display: flex;\n flex: 1;\n}\n.option-group[data-large-style=\"true\"] .ipd-option label .option-label {\n position: relative;\n flex: 1;\n}\n.option-group[data-large-style=\"true\"] .ipd-option label .option-subtitle {\n color: #787E81;\n}\n.option-group[data-large-style=\"true\"] .ipd-option label .option-price {\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n align-content: center;\n color: #787E81;\n}\n.info-box>div {\n display: flex;\n flex-direction: column;\n}\n.info-box>div>div:last-child {\n display: flex;\n flex-direction: column;\n padding: 32px;\n border-radius: 8px;\n background: #F4F3F3;\n}\n.info-box .info-link { /* font-body-sm */\n margin-top: 32px;\n color: #000;\n}\n.info-box svg {\n width: 14px;\n color: var(--BS-Blue, #4D1EF7);\n}\n/*- MOBILE -*/\n@media only screen and (max-width: 991px) {\n .ipd-option input:hover+label {\n background: transparent;\n }\n}\n/* TRUE MOBILE ipd options */\n@media only screen and (max-width: 640px) {\n .ipd-options {\n row-gap: 12px;\n }\n .ipd-option {\n position: relative;\n float: left;\n display: flex;\n flex: 0 0 calc(calc(100% - calc(12px * 2)) / 3);\n height: 40px;\n margin: 0;\n }\n .option-group[data-large-style=\"true\"] .ipd-option label .option-subtitle {\n white-space: pre-line;\n }\n}\n\n\n.rx-upload-btn {\n display: flex;\n flex-direction: column;\n position: relative;\n flex-shrink: 0;\n box-sizing: border-box;\n -webkit-box-align: stretch;\n align-items: stretch;\n text-align: center;\n margin-top: 0;\n width: 100%;\n}\n.add-btn, .rx-upload-btn button.la-select-lenses-btn {\n font-weight: 500;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n max-height: 64px;\n height: 64px;\n width: 100%;\n padding: 0px;\n border: 1px solid #000;\n border-radius: 64px;\n color: #FFF;\n background-color: #000;\n}\n.add-btn:hover:not(.no-hover), .rx-upload-btn button.la-select-lenses-btn:hover {\n color: #000;\n background-color: #FFF;\n}\n\n.tog-btn {\n z-index: 10;\n position: absolute;\n display: flex;\n top: 50%;\n transform: translateY(-50%);\n width: 24px;\n height: 24px;\n border: none;\n background: none;\n}\n.tog-btn>div {\n position: absolute;\n left: calc(50% + 1px);\n top: calc(50% + 1px);\n transform: translate(-50%, -50%);\n}\n.tog-btn.right {\n right: 16px;\n}\n.tog-btn.left {\n left: 16px;\n}\n.tog-index {\n z-index: 10;\n position: absolute;\n display: flex;\n bottom: 16px;\n left: 50%;\n transform: translateX(-50%);\n width: fit-content;\n height: 24px;\n}\n\n/* PRODUCT Image Slider */\n.store-slider {\n position: relative;\n overflow-x: visible;\n overflow-y: hidden;\n}\n.store-slider .slider-track {\n overflow-x: scroll;\n overflow-y: hidden;\n scroll-snap-type: x mandatory;\n scroll-behavior: smooth;\n/* scroll-padding-left: 16px; */\n}\n.store-slider .slider-track::-webkit-scrollbar {\n display: none;\n}\n.store-slider .gallery {\n display: flex;\n flex-flow: row nowrap;\n/* margin: 0 auto; */\n}\n.store-slider .gallery::before {\n content: '';\n padding-right: 20vw;\n}\n.store-slider .gallery::after {\n content: '';\n padding-right: 50vw;\n}\n.store-slider .item {\n position: relative;\n flex: 0 0 var(--slider-item-size);\n height: var(--slider-item-size);\n margin: auto 0;\n scroll-snap-align: center;\n scroll-snap-stop: always;\n}\n.store-slider .item img {\n object-fit: contain;\n max-inline-size: 100%;\n block-size: 100%;\n}\n/*- MOBILE -*/\n@media only screen and (max-width: 991px) {\n .slider .item img {\n max-inline-size: calc(100% - 32px);\n block-size: calc(100% - 32px);\n transform: translate(16px, 16px);\n }\n}\n\n/* product */\n.store-slider.TOGprod {\n block-size: var(--slider-height);\n max-inline-size: var(--slider-size);\n background: #F4F3F3;\n border-radius: 8px;\n}\n.store-slider.TOGprod .slider-track {\n /* hide the scrollbar outside the parent element */\n block-size: calc(var(--slider-height) + 25px);\n}\n.store-slider.TOGprod .gallery {\n gap: calc(min(100vw, 1648px) * .12379);\n block-size: var(--slider-height);\n inline-size: var(--slider-size);\n}\n/* product mobile */\n.slider.TOGprodmob {\n block-size: 90.769vw;\n margin: 0 -16px -16px;\n}\n.slider.TOGprodmob .slider-track {\n /* hide the scrollbar outside the parent element */\n block-size: calc(90.769vw + 25px);\n scroll-padding-left: 16px;\n}\n.slider.TOGprodmob .gallery {\n gap: 12px;\n inline-size: 90.769vw;\n block-size: 90.769vw;\n}\n.slider.TOGprodmob .item {\n position: relative;\n border-radius: 8px;\n background: #F4F3F3;\n}\n.slider.TOGprodmob .item img {\n object-fit: contain;\n}\n\n\n/*SHOPIFY LOADING OVERLAY*/\n.loading-overlay {\n /* position: absolute; */\n z-index: 1;\n width: 1.8rem;\n}\n\n/* @media screen and (max-width: 749px) {\n .loading-overlay {\n top: 0;\n right: 0;\n }\n}\n\n@media screen and (min-width: 750px) {\n .loading-overlay {\n left: 0;\n }\n} */\n\n.loading-overlay__spinner {\n width: 1.8rem;\n display: inline-block;\n}\n\n.spinner {\n animation: rotator 1.4s linear infinite;\n}\n\n@keyframes rotator {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(270deg);\n }\n}\n\n.path {\n stroke-dasharray: 280;\n stroke-dashoffset: 0;\n transform-origin: center;\n stroke: rgb(var(--color-foreground));\n animation: dash 1.4s ease-in-out infinite;\n}\n\n@media screen and (forced-colors: active) {\n .path{\n stroke: CanvasText;\n }\n}\n\n@keyframes dash {\n 0% {\n stroke-dashoffset: 280;\n }\n 50% {\n stroke-dashoffset: 75;\n transform: rotate(135deg);\n }\n 100% {\n stroke-dashoffset: 280;\n transform: rotate(450deg);\n }\n}\n\n.loading-overlay:not(.hidden) + .cart-item__price-wrapper,\n.loading-overlay:not(.hidden) ~ cart-remove-button {\n opacity: 50%;\n}\n\n.loading-overlay:not(.hidden) ~ cart-remove-button {\n pointer-events: none;\n cursor: default;\n}\n\n.divider {\n margin-left:0px!important;\n}", "liquidTargeting": { "@type": "@builder.io/core:LiquidTargeting", "customerStatus": "any", "products": [], "liquidSnippets": [], "collections": [], "previouslyOrderedProducts": [], "previouslyOrderedProductTags": [], "previouslyOrderedProductOfType": [], "productTags": [], "customerAcceptsMarketing": "any", "productType": [], "customerTags": [], "previouslyOrderedCollections": [], "productIsInCollections": [], "urlIncludes": "", "propertyOrder": [ "_new" ], "locales": [], "cartStatus": "", "cartContainsProduct": [], "cartContainsProductWithTag": [], "cartContainsProductInCollection": [], "cartContainsProductOfType": [], "selectedCurrency": "" }, "blocks": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "RESCOPE SHOPIFY DATA", "id": "builder-8313e55e2f3f41b09514a6c5bbbbfb7d", "meta": { "previousId": "builder-4f3db7664970433c93c2306f7885dce0" }, "component": { "name": "Custom Code", "options": { "code": "\n", "replaceNodes": true, "scriptsClientOnly": true } }, "responsiveStyles": { "large": { "display": "flex", "flexDirection": "column", "position": "relative", "flexShrink": "0", "boxSizing": "border-box" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "CURRENCY", "id": "builder-4bca067abd8f4c35bceb4183dc6bff83", "meta": { "previousId": "builder-8313e55e2f3f41b09514a6c5bbbbfb7d" }, "component": { "name": "Custom Code", "options": { "code": "\n", "replaceNodes": true, "scriptsClientOnly": true } }, "responsiveStyles": { "large": { "display": "flex", "flexDirection": "column", "position": "relative", "flexShrink": "0", "boxSizing": "border-box" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "Page Contents", "id": "builder-3ee2b7d2de074296a3e79e2d3bb05226", "meta": { "previousId": "builder-4329d751c84746a6b0c4cb90c0adae6a" }, "component": { "name": "Core:Section", "options": { "maxWidth": 1648, "lazyLoad": false } }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "(btn fix - do not remove)", "id": "builder-b870a05811fd4e77b5df1f51f7eaf7a0", "meta": { "previousId": "builder-acfb406ada364d169fe204145659b1e1" }, "component": { "name": "Custom Code", "options": { "code": "\n \n
\n \n
\n \n \n
\n
\n\n", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "component.options.symbol.data.productBoxHasChildren": "\n var _a, _b;\n return ((_b = (_a = block === null || block === void 0 ? void 0 : block.component) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.symbol.content.data.blocks.length) > 3;\n", "component.options.symbol.data.product": "var _virtual_index=window&&window.BigData&&window.BigData.product&&window.BigData.product.id?window.BigData.product.id:\"9029126979801\";return _virtual_index" }, "code": { "bindings": { "component.options.symbol.data.product": "!!window &&\n!!window.BigData &&\n!!window.BigData.product &&\n!!window.BigData.product.id\n ? window.BigData.product.id\n : \"9029126979801\";\n" } }, "layerName": "Shopify-Linked Content (Dynamic)", "id": "builder-386142fbd65c4502a84ff1ef090deb21", "properties": { "data-slot": "shopify:productBox" }, "meta": { "version": "0.0.91", "kind": "ProductBox", "updatedAt": "8/08 9:25am", "previousId": "builder-73d4bfa9bcba47d3a578c84615cecc90", "bindingActions": { "component": { "options": { "symbol": { "data": { "product": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "!!window && !!window.BigData && !!window.BigData.product && !!window.BigData.product.id ? window.BigData.product.id : \"9029126979801\"" } } ] } } } } } }, "component": { "name": "Symbol", "options": { "symbol": { "data": { "loading": false, "product": "7761401020633", "productBoxHasChildren": false, "apiKey": "64dd5478e25746bf9db3b6c0319905f6", "sharedState": { "selectedProductVariant": null, "selectedProductQuantity": 1, "selectedVariantDoesNotExist": false, "selectedImage": null }, "defaultVariantId": "42871437951193" }, "meta": { "fieldName": "Product Box", "documentationNote": "Product boxes allow you to create content that pulls dynamic data from Shopify.", "documentationLink": "https://builder.io/c/docs/shopify/product-box" }, "inline": true, "content": { "data": { "inputs": [ { "@type": "@builder.io/core:Field", "meta": {}, "name": "apiKey", "type": "text", "required": false, "subFields": [], "helperText": "", "autoFocus": false, "simpleTextOnly": false, "disallowRemove": false, "broadcast": false, "bubble": false, "hideFromUI": true, "hideFromFieldsEditor": false, "showTemplatePicker": true, "permissionsRequiredToEdit": "", "advanced": false, "copyOnAdd": true, "onChange": "", "behavior": "", "showIf": "", "mandatory": false, "hidden": false, "noPhotoPicker": false, "model": "", "supportsAiGeneration": false, "defaultCollapsed": false }, { "@type": "@builder.io/core:Field", "meta": {}, "name": "product", "type": "ShopifyProduct", "required": false, "subFields": [], "helperText": "", "autoFocus": false, "simpleTextOnly": false, "disallowRemove": false, "broadcast": false, "bubble": false, "hideFromUI": false, "hideFromFieldsEditor": false, "showTemplatePicker": true, "permissionsRequiredToEdit": "", "advanced": false, "copyOnAdd": true, "onChange": "", "behavior": "", "showIf": "\n return !parentElements.some((el) => { var _a, _b, _c, _d; return (_d = (_c = (_b = (_a = el === null || el === void 0 ? void 0 : el.component) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.get('symbol')) === null || _c === void 0 ? void 0 : _c.get('meta')) === null || _d === void 0 ? void 0 : _d.get('isProductCollection'); });\n", "mandatory": false, "hidden": false, "noPhotoPicker": false, "model": "", "supportsAiGeneration": false, "defaultCollapsed": false }, { "@type": "@builder.io/core:Field", "meta": {}, "name": "defaultVariantId", "friendlyName": "Default Variant", "type": "ShopifyProductVariant", "required": false, "subFields": [], "helperText": "Only choose a default variant if you want to have a specific variant be selected when the product box loads", "autoFocus": false, "simpleTextOnly": false, "disallowRemove": false, "broadcast": false, "bubble": false, "hideFromUI": false, "hideFromFieldsEditor": false, "showTemplatePicker": true, "permissionsRequiredToEdit": "", "advanced": false, "copyOnAdd": true, "onChange": "", "behavior": "", "showIf": "\n return (options.get('product') &&\n !parentElements.some((el) => { var _a, _b, _c, _d; return (_d = (_c = (_b = (_a = el === null || el === void 0 ? void 0 : el.component) === null || _a === void 0 ? void 0 : _a.options) === null || _b === void 0 ? void 0 : _b.get('symbol')) === null || _c === void 0 ? void 0 : _c.get('meta')) === null || _d === void 0 ? void 0 : _d.get('isProductCollection'); }));\n", "mandatory": false, "hidden": false, "noPhotoPicker": false, "model": "", "supportsAiGeneration": false, "defaultCollapsed": false } ], "jsCode": "if(Builder.isBrowser){var transform=function(t){return Object.assign({},t,{compareAtPrice:t.compare_at_price,options:[],images:t.images.map((function(e){return{src:e,alt:t.title}}))})},shopifyWindow=window;shopifyWindow.BuilderJsonData&&shopifyWindow.BuilderJsonData.product&&(context.overrideProductId=shopifyWindow.BuilderJsonData.product.id,context.productObject=transform(shopifyWindow.BuilderJsonData.product))}context.setState=function(t){for(var e in t)state[e]=t[e];\"selectedProductVariant\"in t&&onProductVariantChange()};var onProductVariantChange=function(){state.selectedProductVariant&&(state.selectedImage=state.selectedProductVariant.image||state.selectedImage)},getProductId=function(){if(\"context_placeholder\"===state.product)return context.overrideProductId;var t=state.product;return\"object\"==typeof t&&t&&\"@builder.io/core:Request\"===t[\"@type\"]&&(t=t.options.product),t},lastProductId=getProductId(),lastDefaultVariantId=state.defaultVariantId;function setDefaultVariant(){var t,e,a,i,o,d=state.productInfo,n=d.variants.find((function(t){return t.availableForSale})),r=null!=n?n:d.variants[0];if(state.defaultVariantId){var s=d.variants.find((function(t){return String(t.id)===String(state.defaultVariantId)}));s&&(r=s)}state.selectedProductVariant=r,state.selectedImage=(null==r?void 0:r.image)||d.images[0],state.selectedVariantShipping=null===(t=null===state||void 0===state?void 0:state.variantShipping)||void 0===t?void 0:t[r.id],state.selectedVariantData=null===(e=null===state||void 0===state?void 0:state.variantData)||void 0===e?void 0:e[r.id],state.selectedVariantAddonGroups=null===(a=null===state||void 0===state?void 0:state.variantAddonGroups)||void 0===a?void 0:a[r.id],state.selectedAddons=null===(i=null===state||void 0===state?void 0:state.selectedVariantAddonGroups)||void 0===i?void 0:i.map((function(t){return t.variants.reduce((function(e,a){var i;return(!t.toggleable&&a.id===(null===(i=t.checkedVariantIds)||void 0===i?void 0:i[0])||t.toggleable&&t.checkedVariantIds.includes(a.id))&&e.push(a),e}),[])})),(null===(o=null===window||void 0===window?void 0:window.BigData)||void 0===o?void 0:o.product)&&(window.BigData.product.selectedVariantShipping=state.selectedVariantShipping,window.BigData.product.selectedVariantData=state.selectedVariantData,window.BigData.product.selectedVariantAddonGroups=state.selectedVariantAddonGroups,window.BigData.product.selectedAddons=state.selectedAddons)}function updateProduct(){var t,e,a=getProductId();if(!state.productInfo||a){if(a){state.loading=!0;var i=(null===(e=(window.Shopify||{}).currency)||void 0===e?void 0:e.active)||\"USD\",o=null!==(t=Shopify.locale)&&void 0!==t?t:\"en\";return fetch(\"https://cdn.builder.io/api/v1/shopify/product-box-data?apiKey=\".concat(state.apiKey||context.apiKey||builder.apiKey,\"&productId=\").concat(a,\"¤cyIsoCode=\").concat(i,\"&locale=\").concat(o)).then((function(t){return t.json()})).then((function(t){var e=t.products;if(e&&e.length){var a=e[0];state.productInfo=a,setDefaultVariant()}state.loading=!1})).catch((function(t){console.error(\"Error fetching Shopify product\",t),state.loading=!1}))}state.productInfo=null}else setDefaultVariant()}Builder.isEditing&&ref.onStateChange.subscribe((function(){var t=getProductId(),e=state.defaultVariantId;lastProductId!==t?updateProduct():(e!==lastDefaultVariantId||state.productInfo&&!state.selectedProductVariant)&&setDefaultVariant(),lastProductId=t,lastDefaultVariantId=e})),state.productInfo&&!state.selectedProductVariant&&setDefaultVariant(),updateProduct()", "blocks": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[SPACER] - 16//", "id": "builder-493e0149dde1448b80dab7ebd7e4f653", "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "show": "var _virtual_index=state.loading||!state.productInfo;return _virtual_index" }, "code": { "bindings": { "show": "state.loading || !state.productInfo" } }, "layerName": "[LOADING SPINNER]", "id": "builder-cb9818fd447e4a738d05199ab6616f01", "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "Loading spinner", "id": "builder-1a3ecb78b2ac49a588720df6db6d5f91", "meta": { "version": "0.0.91", "previousId": "builder-a345aedd68754f5f81cf7a8cee74ca34" }, "responsiveStyles": { "large": { "display": "flex", "flexDirection": "column", "alignItems": "stretch", "position": "relative", "flexShrink": "0", "boxSizing": "border-box", "textAlign": "center", "marginTop": "15px", "width": "4em", "height": "4em", "borderRadius": "50%", "margin": "6rem auto", "fontSize": "1rem", "textIndent": "-9999em", "borderTop": "0.2em solid rgba(131, 132, 137, 0.2)", "borderRight": "0.2em solid rgba(131, 132, 137, 0.2)", "borderBottom": "0.2em solid rgba(131, 132, 137, 0.2)", "borderLeft": "0.2em solid #454749", "transform": "translateZ(0)", "animationIterationCount": "infinite", "animationTimingFunction": "linear", "animationDuration": "1.1s", "animationName": "_EMO_animation-16036bv_@keyframes animation-16036bv{0%{transform:rotate(0);}100%{transform:rotate(360deg);}}_EMO_", "flexGrow": "1" } } } ], "responsiveStyles": { "large": { "width": "100vw", "alignSelf": "center", "justifySelf": "center", "height": "50vh" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "hide": "var _virtual_index=state.loading||!state.productInfo;return _virtual_index" }, "code": { "bindings": { "hide": "state.loading || !state.productInfo" } }, "layerName": "[GRID] - Product", "id": "builder-ac14743b3d4e49a1bd370173ec90cc07", "class": "product-container base-grid", "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "(grid slider MOBILE)", "id": "builder-65faee9ac17747afb1e896538c9579be", "class": "gbt-1 get-12 gbm-1 gem-6 slider TOGprodmob", "meta": { "previousId": "builder-56c8d097ca1b4032a0a9dfb9bca41a71" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "_newProperty": "" }, "code": { "bindings": { "_newProperty": "" } }, "layerName": "Slider Track", "id": "builder-eaf510e11935470994e57d084046dabd", "class": "slider-track", "meta": { "previousId": "builder-e4bdf459e5ff400e9733751aefafb5b7" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "Gallery", "id": "builder-ecd1c825c494432383aeccd113677e53", "class": "gallery", "meta": { "previousId": "builder-c024329a68a745db94e8b6136ede94cd" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "component.options.image": "var _virtual_index=state.productImagesItem;return _virtual_index", "id": "var _virtual_index=\"TOGprod_\".concat(state.$index);return _virtual_index", "data-tognum": "var _virtual_index=\"\"+(state.$index+1);return _virtual_index" }, "code": { "bindings": { "component.options.image": "state.productImagesItem;\n", "id": "return `TOGprod_${state.$index}`;\n", "data-tognum": "return \"\" + (state.$index + 1);\n" } }, "repeat": { "collection": "state.productImages" }, "id": "builder-616eaf6c6d16460d8ccc07a802011bfc", "properties": { "id": "", "data-tognum": "" }, "class": "item TOGprodmob tog-slider", "meta": { "bindingActions": { "component": { "options": { "image": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "state.productImagesItem" } } ] } }, "meta": { "bindingActions": { "component": { "options": { "image": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "var _me;\nreturn ((_me = state.productImagesItem) === null || state.productImagesItem);" } } ] } }, "meta": { "bindingActions": { "component": { "options": { "image": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "var _me;\nreturn ((_me = state.imagesItem) === null || state.imagesItem.src);" } } ] } }, "meta": { "bindingActions": { "component": { "options": { "image": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "var _me;\nreturn ((_me = state.imagesItem) === null || state.imagesItem.src);" } } ] } } } } } }, "id": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "/**\n * Global objects available in custom action code:\n *\n * state - builder state object - learn about state https://www.builder.io/c/docs/guides/state-and-actions\n * context - builder context object - learn about context https://github.com/BuilderIO/builder/tree/main/packages/react#passing-data-and-functions-down\n * event - HTML Event - https://developer.mozilla.org/en-US/docs/Web/API/Event\n *\n * Learn more: https://www.builder.io/c/docs/guides/custom-code\n *\n */" } } ], "data-tognum": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "/**\n * Global objects available in custom action code:\n *\n * state - builder state object - learn about state https://www.builder.io/c/docs/guides/state-and-actions\n * context - builder context object - learn about context https://github.com/BuilderIO/builder/tree/main/packages/react#passing-data-and-functions-down\n * event - HTML Event - https://developer.mozilla.org/en-US/docs/Web/API/Event\n *\n * Learn more: https://www.builder.io/c/docs/guides/custom-code\n *\n */" } } ] } }, "id": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "return `TOGprod_${state.$index}`;" } } ], "data-tognum": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "return '' + (state.$index + 1);" } } ] } }, "component": { "name": "Image", "options": { "backgroundSize": "contain", "backgroundPosition": "center", "lazy": false, "fitContent": true, "aspectRatio": 0.572, "lockAspectRatio": false, "sizes": "(max-width: 638px) 60vw, (max-width: 998px) 56vw, 69vw", "image": "https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F13d45bfd6df344e8974c4f96061c43f5", "height": 954, "width": 1668 } } } ] } ] } ], "responsiveStyles": { "large": { "display": "none", "flexDirection": "column" }, "medium": { "display": "flex" }, "small": { "display": "flex" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "(grid left slider)", "id": "builder-3a79c3fa3c304dfb881d1a16ad35741d", "class": "gb-1 ge-7 gbs-1 ges-5 store-slider TOGprod", "meta": { "previousId": "builder-e4bdf459e5ff400e9733751aefafb5b7" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "actions": { "click": "var slideWidth=document.querySelector(\".store-slider\").clientWidth,track=document.querySelector(\".TOGprod.store-slider>.slider-track\");window.prodScroll||(window.prodScroll=track.scrollLeft),window.prodScroll>slideWidth&&(window.prodScroll-=slideWidth,track.scrollLeft=window.prodScroll)" }, "bindings": { "show": "var _virtual_index=state.productImages.length>1;return _virtual_index" }, "code": { "actions": { "click": "/* let prodSlides = getToggleCollection('prod', 'slider').length; */\n/* let curSlide = parseInt(getToggleElement('prod', 'index').innerHTML.split('/')[0]) - 1; */\n/* let targetSlide = --curSlide >= 0 ? curSlide : prodSlides - 1; */\nlet slideWidth = document.querySelector(\".store-slider\").clientWidth;\nlet track = document.querySelector(\".TOGprod.store-slider>.slider-track\");\nif (!window.prodScroll) window.prodScroll = track.scrollLeft;\nif (window.prodScroll > slideWidth) {\n window.prodScroll -= slideWidth;\n track.scrollLeft = window.prodScroll;\n}\n" }, "bindings": { "show": "state.productImages.length > 1" } }, "layerName": "Slider Btn Left", "tagName": "button", "id": "builder-edc85690bfec45528824610fb8cae1bd", "class": "TOGprod tog-btn left", "meta": { "eventActions": { "click": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "/* let prodSlides = getToggleCollection('prod', 'slider').length; */\n/* let curSlide = parseInt(getToggleElement('prod', 'index').innerHTML.split('/')[0]) - 1; */\n/* let targetSlide = --curSlide >= 0 ? curSlide : prodSlides - 1; */\nlet slideWidth = document.querySelector('.store-slider').clientWidth;\nlet track = document.querySelector('.TOGprod.store-slider>.slider-track');\nif(!window.prodScroll) window.prodScroll = track.scrollLeft;\nif(window.prodScroll > slideWidth) {\n window.prodScroll -= slideWidth;\n track.scrollLeft = window.prodScroll;\n}" } } ] }, "previousId": "builder-9792ac1553004ecc996f3149f1c79887" }, "component": { "name": "Custom Code", "options": { "code": "\n \n\n", "replaceNodes": true } }, "responsiveStyles": { "large": { "display": "flex" }, "medium": { "display": "flex" }, "small": { "display": "none" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "actions": { "click": "var prodSlides=getToggleCollection(\"prod\",\"slider\"),slideWidth=document.querySelector(\".store-slider\").clientWidth,track=document.querySelector(\".TOGprod.store-slider>.slider-track\");window.prodScroll||(window.prodScroll=track.scrollLeft),window.prodScroll1;return _virtual_index" }, "code": { "actions": { "click": "let prodSlides = getToggleCollection(\"prod\", \"slider\");\nlet slideWidth = document.querySelector(\".store-slider\").clientWidth;\nlet track = document.querySelector(\".TOGprod.store-slider>.slider-track\");\nif (!window.prodScroll) window.prodScroll = track.scrollLeft;\nif (\n window.prodScroll <\n prodSlides[prodSlides.length - 1].offsetLeft - slideWidth\n) {\n window.prodScroll += slideWidth;\n track.scrollLeft = window.prodScroll;\n}\n" }, "bindings": { "show": "state.productImages.length > 1" } }, "layerName": "Slider Btn Right", "tagName": "button", "id": "builder-50102ce66e524cf5af745348825d929d", "class": "TOGprod tog-btn right", "meta": { "eventActions": { "click": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "let prodSlides = getToggleCollection('prod', 'slider');\nlet slideWidth = document.querySelector('.store-slider').clientWidth;\nlet track = document.querySelector('.TOGprod.store-slider>.slider-track');\nif(!window.prodScroll) window.prodScroll = track.scrollLeft;\nif(window.prodScroll < prodSlides[prodSlides.length - 1].offsetLeft - slideWidth) {\n window.prodScroll += slideWidth;\n track.scrollLeft = window.prodScroll;\n}" } } ] }, "previousId": "builder-36c28091226d49038368e989c3a0d523" }, "component": { "name": "Custom Code", "options": { "code": "\n \n", "replaceNodes": true } }, "responsiveStyles": { "large": { "display": "flex" }, "medium": { "display": "flex" }, "small": { "display": "none" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "Slider Index", "id": "builder-4a2843db4d9d44f2be45441615148a0c", "class": "TOGprod tog-index font-body-sm", "meta": { "previousId": "builder-76e4d39dc1d34964a16c3b1a4b790241" }, "component": { "name": "Custom Code", "options": { "code": "01 / 01", "replaceNodes": true } }, "responsiveStyles": { "large": { "display": "flex" }, "medium": { "display": "flex" }, "small": { "display": "none" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "_newProperty": "" }, "code": { "bindings": { "_newProperty": "" } }, "layerName": "Slider Track", "id": "builder-19bc9f727a204d348c043a7873190d5f", "class": "slider-track", "meta": { "previousId": "builder-c024329a68a745db94e8b6136ede94cd" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "Gallery", "id": "builder-395746869c0f4edca80121184a8dbfc4", "class": "gallery", "meta": { "previousId": "builder-ebaf690ce011459199a0ccc3839d0cdb" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "component.options.image": "var _virtual_index=state.productImagesItem;return _virtual_index", "id": "var _virtual_index=\"TOGprod_\".concat(state.$index);return _virtual_index", "data-tognum": "var _virtual_index=\"\"+(state.$index+1);return _virtual_index" }, "code": { "bindings": { "component.options.image": "state.productImagesItem;\n", "id": "return `TOGprod_${state.$index}`;\n", "data-tognum": "return \"\" + (state.$index + 1);\n" } }, "repeat": { "collection": "state.productImages" }, "id": "builder-e7f46e921af347b39324a9c583cb4efa", "properties": { "id": "", "data-tognum": "" }, "class": "item TOGprod tog-slider", "meta": { "bindingActions": { "component": { "options": { "image": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "state.productImagesItem" } } ] } }, "meta": { "bindingActions": { "component": { "options": { "image": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "var _me;\nreturn ((_me = state.productImagesItem) === null || state.productImagesItem);" } } ] } }, "meta": { "bindingActions": { "component": { "options": { "image": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "var _me;\nreturn ((_me = state.imagesItem) === null || state.imagesItem.src);" } } ] } }, "meta": { "bindingActions": { "component": { "options": { "image": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "var _me;\nreturn ((_me = state.imagesItem) === null || state.imagesItem.src);" } } ] } } } } } }, "id": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "/**\n * Global objects available in custom action code:\n *\n * state - builder state object - learn about state https://www.builder.io/c/docs/guides/state-and-actions\n * context - builder context object - learn about context https://github.com/BuilderIO/builder/tree/main/packages/react#passing-data-and-functions-down\n * event - HTML Event - https://developer.mozilla.org/en-US/docs/Web/API/Event\n *\n * Learn more: https://www.builder.io/c/docs/guides/custom-code\n *\n */" } } ], "data-tognum": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "/**\n * Global objects available in custom action code:\n *\n * state - builder state object - learn about state https://www.builder.io/c/docs/guides/state-and-actions\n * context - builder context object - learn about context https://github.com/BuilderIO/builder/tree/main/packages/react#passing-data-and-functions-down\n * event - HTML Event - https://developer.mozilla.org/en-US/docs/Web/API/Event\n *\n * Learn more: https://www.builder.io/c/docs/guides/custom-code\n *\n */" } } ] } }, "id": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "return `TOGprod_${state.$index}`;" } } ], "data-tognum": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "return '' + (state.$index + 1);" } } ] }, "previousId": "builder-de46cb8e31c2444dac2ba666b2eec9d4" }, "component": { "name": "Image", "options": { "backgroundSize": "contain", "backgroundPosition": "center", "lazy": false, "fitContent": true, "aspectRatio": 0.572, "lockAspectRatio": false, "sizes": "(max-width: 638px) 60vw, (max-width: 998px) 56vw, 69vw", "image": "https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F13d45bfd6df344e8974c4f96061c43f5", "height": 954, "width": 1668 } } } ] } ] } ], "responsiveStyles": { "large": { "display": "flex", "flexDirection": "column" }, "medium": { "display": "none" }, "small": { "display": "none" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "(grid right)", "id": "builder-836316d0900f42cca728fc4927a974cb", "class": "product-right gb-8 ge-12 gbs-6 ges-12 gbt-1 get-12 gbm-1 gem-6", "meta": { "previousId": "builder-e4bdf459e5ff400e9733751aefafb5b7" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "(right header)", "id": "builder-2b0252fe121d444caec71df3958db836", "class": "product-header" }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "(right content)", "id": "builder-6dacdce78c504148b4cb76d095186f12", "class": "scrollable-content", "meta": { "previousId": "builder-2b0252fe121d444caec71df3958db836" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[SPACER] - 80/32/32", "id": "builder-64e442bb75ec4933a1b81692a2ccd56f", "meta": { "previousId": "builder-025dd661174a480089c64bd534427e11" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "component.options.code": "var returnValue=function(){var t,o,i;return(null===(i=null===(o=null===(t=null===window||void 0===window?void 0:window.BigData)||void 0===t?void 0:t.product)||void 0===o?void 0:o.store)||void 0===i?void 0:i.title)&&\"\"!=window.BigData.product.store.title?\"9130508157145\"==window.BigData.product.id?\"Bigscreen Beyond \".concat('\\n \\n \\n ',\" 2\"):window.BigData.product.store.title:state.productInfo.title}();return returnValue" }, "code": { "bindings": { "component.options.code": "let purpleDash = `\n \n \n `;\nif(!!window?.BigData?.product?.store?.title && window.BigData.product.store.title != '') {\n if(window.BigData.product.id == '9130508157145') {\n return `Bigscreen Beyond ${purpleDash} 2`;\n }\n return window.BigData.product.store.title\n}\nelse {\n return state.productInfo.title;\n}" } }, "layerName": "Product Title", "id": "builder-83f50e9128f042c69e95903e24d7cc4b", "class": "product-title font-head font-mob-subhead", "meta": { "previousId": "builder-64e442bb75ec4933a1b81692a2ccd56f", "bindingActions": { "_newProperty": null } }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "show": "var _a,_virtual_index=!!(null===(_a=null===window||void 0===window?void 0:window.BigData)||void 0===_a?void 0:_a.product)&&\"9130508157145\"==window.BigData.product.id;return _virtual_index" }, "code": { "bindings": { "show": "!!window?.BigData?.product && window.BigData.product.id == '9130508157145'" } }, "layerName": "[SPACER] - 16/16/16", "id": "builder-f854f098842e4652b91975450b0b8caf", "meta": { "previousId": "builder-4499f710f28242afb8832cab541aa155", "bindingActions": { "_newProperty": null } }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "show": "var _a,_virtual_index=!!(null===(_a=null===window||void 0===window?void 0:window.BigData)||void 0===_a?void 0:_a.product)&&\"9130508157145\"==window.BigData.product.id;return _virtual_index" }, "code": { "bindings": { "show": "!!window?.BigData?.product && window.BigData.product.id == '9130508157145'" } }, "layerName": "YOTPO REVIEWS STARS 2", "tagName": "a", "id": "builder-5f534389073740eea5b6d34e3fc3d928", "properties": { "href": "#reviews" }, "linkUrl": "#reviews", "component": { "name": "Custom Code", "options": { "code": "\n
\n", "replaceNodes": true } }, "responsiveStyles": { "large": { "display": "flex", "flexDirection": "column", "position": "relative", "flexShrink": "0", "boxSizing": "border-box", "cursor": "pointer", "pointerEvents": "auto" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[SPACER] - 16/16/16", "id": "builder-771648113f3f488b8f0c97699a98b21b", "meta": { "previousId": "builder-f854f098842e4652b91975450b0b8caf" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "show": "state.productInfo", "style.textDecoration": "\n if (!state.productInfo || !state.selectedProductVariant) {\n return '';\n }\n if (parseFloat(state.selectedProductVariant.price) <\n parseFloat(state.selectedProductVariant.compareAtPrice)) {\n return 'line-through';\n }\n return '';\n", "component.options.text": "var returnValue=function(){if(!(window&&window.BigData&&window.BigData.product&&window.BigData.product.displayPrice))return\"$--\";if(\"USD\"==window.BigData.cart.currency&&\"7693929054425\"==window.BigData.product.id)return\"$999 or $32.23/mo. for 36 mo.*\";var r=state.currency,a=window.BigData.product.store.pricePrefix,t=Object.values(window.BigData.product.variantPrices),i=r(t[0]);t.length>1&&(i=t.reduce((function(a,t){return a.subtract(t)-0>0?r(t):a}),i),\"9130508157145\"==window.BigData.product.id&&(i=i.add(Object.values(state.variantAddonGroups)[0][1].variants[0].price)));var e=i.format();return e.includes(\"¥\")&&\"ja\"==window.Shopify.locale?(e=e.replace(/[¥]|(\\s*JPY\\s*)/g,\"\").trim())+a:(a&&(a+=\" \"),a+e)}();return returnValue" }, "code": { "bindings": { "style.textDecoration": " if (!state.productInfo || !state.selectedProductVariant) { return 'none'; } if (parseFloat(state.selectedProductVariant.price) < parseFloat(state.selectedProductVariant.compareAtPrice)) { return 'line-through'; } return 'none';", "component.options.text": "if(!window || !window.BigData || !window.BigData.product || !window.BigData.product.displayPrice) {\r\n return '$--';\r\n}\r\nelse if (window.BigData.cart.currency == 'USD' && window.BigData.product.id == '7693929054425') {\r\n return '$999 or $32.23/mo. for 36 mo.*';\r\n}\r\nlet {currency} = state;\r\nlet pricePrefix = window.BigData.product.store.pricePrefix;\r\nlet variantPrices = Object.values(window.BigData.product.variantPrices)\r\nlet minPrice = currency(variantPrices[0]);\r\nif(variantPrices.length > 1) {\r\n minPrice = variantPrices.reduce((final, curPrice) => {\r\n if(final.subtract(curPrice) - 0 > 0) {\r\n return currency(curPrice);\r\n }\r\n return final;\r\n }, minPrice);\r\n if(window.BigData.product.id == '9130508157145') {\r\n minPrice = minPrice.add(Object.values(state.variantAddonGroups)[0][1].variants[0].price);\r\n }\r\n /*return \"Starting from \" + minPrice.format();*/\r\n}\r\nlet outPrice = minPrice.format();\r\nif(outPrice.includes('¥') && window.Shopify.locale == 'ja') {\r\n outPrice = outPrice.replace(/[¥]|(\\s*JPY\\s*)/g, '').trim();\r\n return outPrice + pricePrefix;\r\n}\r\nif(!!pricePrefix) {\r\n pricePrefix += ' ';\r\n}\r\nreturn pricePrefix + outPrice;" } }, "layerName": "Product regular price", "id": "builder-214265e61a75448b93da160cf6329c13", "class": "font-body-lg font-mob-sm", "meta": { "requiresParent": { "message": "This block must be inside a \"Product box\" block", "query": { "meta.kind": "ProductBox" } }, "version": "0.0.91", "previousId": "builder-0cbbd699573440a0aab99a031c2be1ae" }, "component": { "name": "Text", "options": {} }, "responsiveStyles": { "large": { "color": "rgba(0, 0, 0, 1)" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "show": "\n if (!state.productInfo || !state.selectedProductVariant) {\n return false;\n }\n if (parseFloat(state.selectedProductVariant.price) <\n parseFloat(state.selectedProductVariant.compareAtPrice)) {\n return true;\n }\n return false;\n", "component.options.text": "\n if (!state.productInfo || !state.selectedProductVariant) {\n return '';\n }\n const price = state.selectedProductVariant.formattedPrice || `$${state.selectedProductVariant.price}`;\n if (state.removeDecimal) {\n return price.split('.')[0];\n }\n return price;\n" }, "code": { "bindings": { "component.options.text": " if (!state.productInfo || !state.selectedProductVariant) { return ''; } const price = state.selectedProductVariant.formattedPrice || `$${state.selectedProductVariant.price}`; if (state.removeDecimal) { return price; } return price;" } }, "layerName": "Product sale price", "id": "builder-16be305ea8844b34be06addc7bf8d2fb", "class": "font-body-lg font-mob-sm", "meta": { "requiresParent": { "message": "This block must be inside a \"Product box\" block", "query": { "meta.kind": "ProductBox" } }, "version": "0.0.91", "previousId": "builder-86d045f2aa884e4381ffb9abc9883876" }, "component": { "name": "Text", "options": {} }, "responsiveStyles": { "large": { "color": "rgba(0, 0, 0, 1)" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "show": "var _a,_b,_c,_d,_e,_f,_virtual_index=!!(null===(_b=null===(_a=null===window||void 0===window?void 0:window.BigData)||void 0===_a?void 0:_a.cart)||void 0===_b?void 0:_b.currency)&&!!(null===(_f=null===(_e=null===(_d=null===(_c=null===window||void 0===window?void 0:window.BigData)||void 0===_c?void 0:_c.product)||void 0===_d?void 0:_d.store)||void 0===_e?void 0:_e.priceFootnote)||void 0===_f?void 0:_f.hasOwnProperty(window.BigData.cart.currency))&&\"\"!=window.BigData.product.store.priceFootnote[window.BigData.cart.currency];return _virtual_index" }, "code": { "bindings": { "show": "!!window?.BigData?.cart?.currency && !!window?.BigData?.product?.store?.priceFootnote?.hasOwnProperty(window.BigData.cart.currency) && window.BigData.product.store.priceFootnote[window.BigData.cart.currency] != \"\"" } }, "layerName": "[SPACER] - 16/8/8", "id": "builder-5f6841e174d5423682174130620c724e", "meta": { "previousId": "builder-e38e256808da498c82c387223822db9d" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "show": "var _a,_b,_c,_d,_e,_f,_virtual_index=!!(null===(_b=null===(_a=null===window||void 0===window?void 0:window.BigData)||void 0===_a?void 0:_a.cart)||void 0===_b?void 0:_b.currency)&&!!(null===(_f=null===(_e=null===(_d=null===(_c=null===window||void 0===window?void 0:window.BigData)||void 0===_c?void 0:_c.product)||void 0===_d?void 0:_d.store)||void 0===_e?void 0:_e.priceFootnote)||void 0===_f?void 0:_f.hasOwnProperty(window.BigData.cart.currency))&&\"\"!=window.BigData.product.store.priceFootnote[window.BigData.cart.currency];return _virtual_index", "component.options.text": "var returnValue=function(){var o,i,d,n,r,t;return(null===(i=null===(o=null===window||void 0===window?void 0:window.BigData)||void 0===o?void 0:o.cart)||void 0===i?void 0:i.currency)&&(null===(t=null===(r=null===(n=null===(d=null===window||void 0===window?void 0:window.BigData)||void 0===d?void 0:d.product)||void 0===n?void 0:n.store)||void 0===r?void 0:r.priceFootnote)||void 0===t?void 0:t.hasOwnProperty(window.BigData.cart.currency))?window.BigData.product.store.priceFootnote[window.BigData.cart.currency]:\"\"}();return returnValue" }, "code": { "bindings": { "show": "!!window?.BigData?.cart?.currency && !!window?.BigData?.product?.store?.priceFootnote?.hasOwnProperty(window.BigData.cart.currency) && window.BigData.product.store.priceFootnote[window.BigData.cart.currency] != \"\"", "component.options.text": "if(!!window?.BigData?.cart?.currency && !!window?.BigData?.product?.store?.priceFootnote?.hasOwnProperty(window.BigData.cart.currency)) {\n return window.BigData.product.store.priceFootnote[window.BigData.cart.currency];\n} else {\n return \"\";\n}" } }, "layerName": "Shipping/VAT note", "id": "builder-6cb311218ab04052a560c2f78f5f844c", "class": "font-detail detail-shorten-top detail-shorten-btm font-mob-xsm mob-xsm-shorten-top mob-xsm-shorten-btm", "meta": { "previousId": "builder-ed2f846eb074408b802a254bd733a852" }, "component": { "name": "Text", "options": { "text": "Includes VAT and shipping" } }, "responsiveStyles": { "large": { "color": "rgba(120, 126, 129, 1)" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[SPACER] - 32/32/32", "id": "builder-76be65cc496f4b16849ba03915a06547", "meta": { "previousId": "builder-e38e256808da498c82c387223822db9d" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "component.options.text": "var _a,_b,_c,_virtual_index=(null===(_c=null===(_b=null===(_a=null===window||void 0===window?void 0:window.BigData)||void 0===_a?void 0:_a.product)||void 0===_b?void 0:_b.store)||void 0===_c?void 0:_c.desc)?window.BigData.product.store.desc:state.productInfo.description;return _virtual_index" }, "code": { "bindings": { "component.options.text": "return !!window?.BigData?.product?.store?.desc ? window.BigData.product.store.desc : state.productInfo.description;" } }, "layerName": "Product Description", "id": "builder-622552bc1ff74c8d9c34eb937a6ae104", "class": "font-body-sm font-mob-xsm", "meta": { "previousId": "builder-698bd610c5c142228ce16993abc1825a" }, "component": { "name": "Text", "options": { "text": "

Pre-order now. Ships in March 2023.

\n" } }, "responsiveStyles": { "large": { "color": "rgba(0, 0, 0, 1)" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "show": "var _virtual_index=!!window&&!!window.BigData&&!!window.BigData.product&&\"\"!=window.BigData.product.store.finePrint;return _virtual_index" }, "code": { "bindings": { "show": "!!window && !!window.BigData && !!window.BigData.product && window.BigData.product.store.finePrint != ''" } }, "layerName": "[SPACER] - 32/32/32", "id": "builder-4b5b57790b8843a3928d453e6768ef0d", "meta": { "previousId": "builder-6d64a6787eab4511a3dd1aa806bb184c" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "component.options.text": "var _virtual_index=window&&window.BigData&&window.BigData.product?window.BigData.product.store.finePrint:\"\";return _virtual_index", "show": "var _virtual_index=!!window&&!!window.BigData&&!!window.BigData.product&&\"\"!=window.BigData.product.store.finePrint;return _virtual_index" }, "code": { "bindings": { "component.options.text": "return !!window && !!window.BigData && !!window.BigData.product ? window.BigData.product.store.finePrint : '';", "show": "!!window && !!window.BigData && !!window.BigData.product && window.BigData.product.store.finePrint != ''" } }, "layerName": "Product Fine Print", "id": "builder-38202626d7b642779761b935f37ffc51", "class": "font-detail detail-shorten-top detail-shorten-btm font-mob-xsm mob-xsm-shorten-top mob-xsm-shorten-btm", "meta": { "previousId": "builder-ed2f846eb074408b802a254bd733a852" }, "component": { "name": "Text", "options": { "text": "

Pre-order now. Ships in March 2023.

\n" } }, "responsiveStyles": { "large": { "color": "rgba(120, 126, 129, 1)" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "component.options.text": "var _virtual_index=\"\".concat(JSON.stringify(state.productInfo));return _virtual_index" }, "code": { "bindings": { "component.options.text": "return `${JSON.stringify(state.productInfo)}`;\n" } }, "layerName": "PRODUCT JSON", "id": "builder-8734af9a7c08440a9bfc68fd482fd574", "class": "font-label", "meta": { "bindingActions": { "for": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "return `${state.optionsItem.name}${state.valuesItem}`;" } } ], "component": { "options": { "text": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "return `${JSON.stringify(state.productInfo)}`;" } } ] } } }, "previousId": "builder-27b298162f1248f8a036ecda92bc3f6c" }, "component": { "name": "Text", "options": { "text": "Enter some text..." } }, "responsiveStyles": { "large": { "display": "none" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "show": "var returnValue=function(){var t,o,e,l;return!(null===(o=null===(t=null===state||void 0===state?void 0:state.productInfo)||void 0===t?void 0:t.tags)||void 0===o||!o.includes(\"show-variants\")||(null===(l=null===(e=null===state||void 0===state?void 0:state.productInfo)||void 0===e?void 0:e.tags)||void 0===l?void 0:l.includes(\"coming-soon\")))&&!(null===state||void 0===state||!state.selectorHeader)}();return returnValue" }, "code": { "bindings": { "show": "\r\nif (!state?.productInfo?.tags?.includes('show-variants') ||\r\n !!state?.productInfo?.tags?.includes('coming-soon')) {\r\n return false;\r\n}\r\nif (!!state?.selectorHeader) {\r\n return true;\r\n}\r\nreturn false;\r\n" } }, "layerName": "[SPACER] - 32/32/32", "id": "builder-a32c518633394f3e9a380d3bfe19f927", "meta": { "previousId": "builder-27585ae6302a451282b062317148f4b9" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "component.options.text": "var _virtual_index=state.selectorHeader;return _virtual_index", "show": "var returnValue=function(){var t,o,e,l;return!(null===(o=null===(t=null===state||void 0===state?void 0:state.productInfo)||void 0===t?void 0:t.tags)||void 0===o||!o.includes(\"show-variants\")||(null===(l=null===(e=null===state||void 0===state?void 0:state.productInfo)||void 0===e?void 0:e.tags)||void 0===l?void 0:l.includes(\"coming-soon\")))&&!(null===state||void 0===state||!state.selectorHeader)}();return returnValue" }, "code": { "bindings": { "component.options.text": "state.selectorHeader", "show": "if (!state?.productInfo?.tags?.includes('show-variants') ||\r\n !!state?.productInfo?.tags?.includes('coming-soon')) {\r\n return false;\r\n}\r\nif (!!state?.selectorHeader) {\r\n return true;\r\n}\r\nreturn false;" } }, "layerName": "Selector Header", "id": "builder-b3668e7560344d4fb036fdf9b4e77db1", "class": "font-body-lg font-mob-lg", "meta": { "previousId": "builder-622552bc1ff74c8d9c34eb937a6ae104", "bindingActions": { "_newProperty": null } }, "component": { "name": "Text", "options": { "text": "

Pre-order now. Ships in March 2023.

\n" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "show": "var returnValue=function(){var t,o,e,l;return!(null===(o=null===(t=null===state||void 0===state?void 0:state.productInfo)||void 0===t?void 0:t.tags)||void 0===o||!o.includes(\"show-variants\")||(null===(l=null===(e=null===state||void 0===state?void 0:state.productInfo)||void 0===e?void 0:e.tags)||void 0===l?void 0:l.includes(\"coming-soon\")))&&!(null===state||void 0===state||!state.selectorDescription)}();return returnValue" }, "code": { "bindings": { "show": "if (!state?.productInfo?.tags?.includes('show-variants') ||\n !!state?.productInfo?.tags?.includes('coming-soon')) {\n return false;\n}\nif (!!state?.selectorDescription) {\n return true;\n}\nreturn false;" } }, "layerName": "[SPACER] - 8/8/8", "id": "builder-d019a553588747f2847d8697f8d9b190", "meta": { "previousId": "builder-76be65cc496f4b16849ba03915a06547", "bindingActions": { "_newProperty": null } }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "component.options.text": "var _virtual_index=state.selectorDescription;return _virtual_index", "show": "var returnValue=function(){var t,o,e,l;return!(null===(o=null===(t=null===state||void 0===state?void 0:state.productInfo)||void 0===t?void 0:t.tags)||void 0===o||!o.includes(\"show-variants\")||(null===(l=null===(e=null===state||void 0===state?void 0:state.productInfo)||void 0===e?void 0:e.tags)||void 0===l?void 0:l.includes(\"coming-soon\")))&&!(null===state||void 0===state||!state.selectorDescription)}();return returnValue" }, "code": { "bindings": { "component.options.text": "state.selectorDescription", "show": "if (!state?.productInfo?.tags?.includes('show-variants') ||\r\n !!state?.productInfo?.tags?.includes('coming-soon')) {\r\n return false;\r\n}\r\nif (!!state?.selectorDescription) {\r\n return true;\r\n}\r\nreturn false;" } }, "layerName": "Selector Description", "id": "builder-cd07db053ca0463fa95569f88f57084e", "class": "font-detail font-mob-xsm", "meta": { "previousId": "builder-38202626d7b642779761b935f37ffc51" }, "component": { "name": "Text", "options": { "text": "

Pre-order now. Ships in March 2023.

\n" } }, "responsiveStyles": { "large": { "color": "rgba(120, 126, 129, 1)" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "show": "var _a,_b,_c,_d,_virtual_index=!!(null===(_b=null===(_a=null===state||void 0===state?void 0:state.productInfo)||void 0===_a?void 0:_a.tags)||void 0===_b?void 0:_b.filter((function(t){return\"show-variants\"==t})).length)&&!(null===(_d=null===(_c=null===state||void 0===state?void 0:state.productInfo)||void 0===_c?void 0:_c.tags)||void 0===_d?void 0:_d.filter((function(t){return\"coming-soon\"==t})).length);return _virtual_index", "data-populated": "var _a,_b,_c,_d,_e,_f,_virtual_index=\"\".concat(!(null===(_b=null===(_a=null===state||void 0===state?void 0:state.productInfo)||void 0===_a?void 0:_a.tags)||void 0===_b?void 0:_b.filter((function(t){return\"coming-soon\"==t})).length)&&!!(null===(_d=null===(_c=null===state||void 0===state?void 0:state.productInfo)||void 0===_c?void 0:_c.tags)||void 0===_d?void 0:_d.filter((function(t){return\"show-variants\"==t})).length)&&!!(null===(_f=null===(_e=null===state||void 0===state?void 0:state.productInfo)||void 0===_e?void 0:_e.options)||void 0===_f?void 0:_f.length));return _virtual_index", "data-large-style": "var _a,_b,_virtual_index=\"\".concat(!!(null===(_b=null===(_a=null===state||void 0===state?void 0:state.productInfo)||void 0===_a?void 0:_a.tags)||void 0===_b?void 0:_b.filter((function(t){return\"variants-large\"==t})).length));return _virtual_index", "data-ignore-available": "var _a,_b,_virtual_index=\"\".concat(!!(null===(_b=null===(_a=null===state||void 0===state?void 0:state.productInfo)||void 0===_a?void 0:_a.tags)||void 0===_b?void 0:_b.filter((function(t){return\"ignore-available\"==t})).length));return _virtual_index" }, "code": { "bindings": { "show": "!!state?.productInfo?.tags?.filter(tag => tag == 'show-variants').length && !state?.productInfo?.tags?.filter(tag => tag == 'coming-soon').length", "data-populated": "`${\n !state?.productInfo?.tags?.filter((tag) => tag == \"coming-soon\").length &&\n !!state?.productInfo?.tags?.filter((tag) => tag == \"show-variants\").length &&\n !!state?.productInfo?.options?.length\n}`;\n", "data-large-style": "`${!!state?.productInfo?.tags?.filter((tag) => tag == \"variants-large\")\n .length}`;\n", "data-ignore-available": "`${!!state?.productInfo?.tags?.filter((tag) => tag == \"ignore-available\")\n .length}`;\n" } }, "repeat": { "collection": "state.productInfo.options" }, "layerName": "Variant Option Group", "id": "builder-f9e4e41e50a945be88023de28303986e", "properties": { "data-populated": "", "data-large-style": "", "data-ignore-available": "" }, "class": "gb-1 ge-12 option-group", "meta": { "previousId": "builder-1a11bbd97caa4751ba45addf538d50a6", "bindingActions": { "data-populated": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "`${!state?.productInfo?.tags?.filter(tag => tag == 'coming-soon').length && !!state?.productInfo?.tags?.filter(tag => tag == 'show-variants').length && !!state?.productInfo?.options?.length}`" } } ], "data-options-large": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "`${!!state?.productInfo?.tags?.filter(tag => tag == 'variants-large').length}`" } } ], "data-large-style": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "`${!!state?.productInfo?.tags?.filter(tag => tag == 'variants-large').length}`" } } ], "data-ignore-available": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "`${!!state?.productInfo?.tags?.filter(tag => tag == 'ignore-available').length}`" } } ] } }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[SPACER] - 32/24/24", "id": "builder-44043b1e4e974d0cbf58226228c1a71d", "meta": { "previousId": "builder-3d1da6e20bed4584a440e74a4b334d96" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "repeat": { "collection": "" }, "layerName": "Variant Options", "tagName": "ul", "id": "builder-91fb67d4d0424427aed5cb3e21bff439", "class": "ipd-options", "meta": { "previousId": "builder-87c587c9980145eeab656e5929bca9b0" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "repeat": { "collection": "state.optionsItem.values" }, "layerName": "Option Button", "tagName": "li", "id": "builder-39861da600124dc6b1db486b0f4a57e4", "class": "ipd-option", "meta": { "previousId": "builder-621b0bd72f3f4a22b450aca67078ac99" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "actions": { "click": "var _a,_b,__spreadArray=function(t,e,a){if(a||2===arguments.length)for(var n,i=0,r=e.length;i.slider-track\"),prodSlidesMob=getToggleCollection(\"prodmob\",\"slider\"),trackMob=document.querySelector(\".TOGprodmob.slider>.slider-track\"),selectedProductVariant=state.selectedProductVariant||state.productInfo.variants[0],optionName=state.valuesItem,optionPosition=state.optionsItem.position,currentVariantTitlePieces=selectedProductVariant.title.split(\" / \");currentVariantTitlePieces[parseInt(optionPosition)-1]=optionName;var newVariantTitle=currentVariantTitlePieces.join(\" / \"),productInfo=state.productInfo,newVariant=productInfo.variants.find((function(t){return t.title===newVariantTitle}));if(newVariant){if(context.setState({selectedVariantDoesNotExist:!1,selectedProductVariant:newVariant,selectedVariantShipping:state.variantShipping[newVariantTitle],selectedVariantData:state.variantData[newVariantTitle],selectedVariantAddonGroups:state.variantAddonGroups[newVariantTitle],selectedAddons:state.variantAddonGroups[newVariantTitle].map((function(t){return t.variants.reduce((function(e,a){var n;return(!t.toggleable&&a.id===(null===(n=t.checkedVariantIds)||void 0===n?void 0:n[0])||t.toggleable&&t.checkedVariantIds.includes(a.id))&&e.push(a),e}),[])}))}),window&&window.BigData&&window.BigData.product&&(window.BigData.product.vid=newVariant.id,window.BigData.product.selectedVariantShipping=state.variantShipping[newVariantTitle],window.BigData.product.selectedVariantData=state.variantData[newVariantTitle],window.BigData.product.selectedVariantAddonGroups=state.variantAddonGroups[newVariantTitle],window.BigData.product.selectedAddons=state.variantAddonGroups[newVariantTitle].map((function(t){return t.variants.reduce((function(e,a){var n;return(!t.toggleable&&a.id===(null===(n=t.checkedVariantIds)||void 0===n?void 0:n[0])||t.toggleable&&t.checkedVariantIds.includes(a.id))&&e.push(a),e}),[])}))),window.updateAddonInputs=function(){var t,e,a;null===(a=null===(e=null===(t=null===window||void 0===window?void 0:window.BigData)||void 0===t?void 0:t.product)||void 0===e?void 0:e.selectedVariantAddonGroups)||void 0===a||a.forEach((function(t,e){var a=__spreadArray([],document.querySelectorAll('input[name=\"addon_'.concat(t.key,'\"]')),!0),n=window.BigData.product.selectedAddons[e].map((function(t){return t.id})),i=n.every((function(e){return t.variants.find((function(t){return t.id===e}))})),r=a.reduce((function(e,a){var n;return!t.toggleable&&a.value===(null===(n=t.checkedVariantIds)||void 0===n?void 0:n[0])||t.toggleable&&t.checkedVariantIds.includes(a.value)?e.push(a):a.checked=!1,e}),[]);!i&&r.length?r.forEach((function(t){return t.click()})):a&&a.length&&a.forEach((function(t){n.includes(t.getAttribute(\"value\"))&&(t.checked=!0)}))}))},setTimeout(window.updateAddonInputs,1),null!=(null===(_b=null===(_a=null===state||void 0===state?void 0:state.variantData)||void 0===_a?void 0:_a[newVariantTitle])||void 0===_b?void 0:_b.imageIndex)&&state.variantData[newVariantTitle].imageIndex>=0){var targetIndex=state.variantData[newVariantTitle].imageIndex;window.prodScroll||(window.prodScroll=track.scrollLeft),window.prodScroll!=prodSlides[targetIndex].offsetLeft&&(window.prodScroll=prodSlides[targetIndex].offsetLeft,track.scrollLeft=window.prodScroll),trackMob.scrollLeft!=prodSlidesMob[targetIndex].offsetLeft&&(trackMob.scrollLeft=prodSlidesMob[targetIndex].offsetLeft)}}else context.setState({selectedVariantDoesNotExist:!0})" }, "bindings": { "component.options.defaultValue": "var returnValue=state.productInfo.variants.find((function(t){return t.title===state.valuesItem})).id;return returnValue", "component.options.placeholder": "var _virtual_index=state.valuesItem;return _virtual_index", "id": "var _virtual_index=\"\".concat(state.optionsItem.name).concat(state.valuesItem);return _virtual_index", "component.options.name": "var _virtual_index=\"variant\".concat(state.optionsItem.name);return _virtual_index", "data-for-sale": "var _virtual_index=\"\".concat(!state.variantsInStock||state.variantsInStock[state.valuesItem]);return _virtual_index", "checked": "var _virtual_index=\"\".concat(state.valuesItem)==\"\".concat(state.selectedProductVariant.title);return _virtual_index" }, "code": { "actions": { "click": "const prodSlides = getToggleCollection(\"prod\", \"slider\");\nconst track = document.querySelector(\".TOGprod.store-slider>.slider-track\");\nconst prodSlidesMob = getToggleCollection(\"prodmob\", \"slider\");\nconst trackMob = document.querySelector(\".TOGprodmob.slider>.slider-track\");\nlet selectedProductVariant =\n state.selectedProductVariant || state.productInfo.variants[0];\nlet optionName = state.valuesItem;\nlet optionPosition = state.optionsItem.position;\nlet currentVariantTitlePieces = selectedProductVariant.title.split(\" / \");\ncurrentVariantTitlePieces[parseInt(optionPosition) - 1] = optionName;\nlet newVariantTitle = currentVariantTitlePieces.join(\" / \");\nlet productInfo = state.productInfo;\nlet newVariant = productInfo.variants.find((item) => {\n return item.title === newVariantTitle;\n});\nif (newVariant) {\n context.setState({\n selectedVariantDoesNotExist: false,\n selectedProductVariant: newVariant,\n selectedVariantShipping: state.variantShipping[newVariantTitle],\n selectedVariantData: state.variantData[newVariantTitle],\n selectedVariantAddonGroups: state.variantAddonGroups[newVariantTitle],\n selectedAddons: state.variantAddonGroups[newVariantTitle].map((group) => {\n return group.variants.reduce((rolling, variant) => {\n if (\n (!group.toggleable && variant.id === group.checkedVariantIds?.[0]) ||\n (group.toggleable && group.checkedVariantIds.includes(variant.id))\n ) {\n rolling.push(variant);\n }\n return rolling;\n }, []);\n }),\n });\n if (!!window && !!window.BigData && !!window.BigData.product) {\n window.BigData.product.vid = newVariant.id;\n window.BigData.product.selectedVariantShipping =\n state.variantShipping[newVariantTitle];\n window.BigData.product.selectedVariantData =\n state.variantData[newVariantTitle];\n window.BigData.product.selectedVariantAddonGroups =\n state.variantAddonGroups[newVariantTitle];\n window.BigData.product.selectedAddons = state.variantAddonGroups[\n newVariantTitle\n ].map((group) => {\n return group.variants.reduce((rolling, variant) => {\n if (\n (!group.toggleable && variant.id === group.checkedVariantIds?.[0]) ||\n (group.toggleable && group.checkedVariantIds.includes(variant.id))\n ) {\n rolling.push(variant);\n }\n return rolling;\n }, []);\n });\n }\n\n window.updateAddonInputs = function () {\n window?.BigData?.product?.selectedVariantAddonGroups?.forEach(\n (group, i) => {\n const addonInputs = [\n ...document.querySelectorAll(`input[name=\"addon_${group.key}\"]`),\n ];\n const selectedIds = window.BigData.product.selectedAddons[i].map(\n (addon) => addon.id\n );\n const selectionValid = selectedIds.every((selectedId) =>\n group.variants.find((variant) => variant.id === selectedId)\n );\n const defaultInputs = addonInputs.reduce((rolling, inp) => {\n if (\n (!group.toggleable && inp.value === group.checkedVariantIds?.[0]) ||\n (group.toggleable && group.checkedVariantIds.includes(inp.value))\n ) {\n rolling.push(inp);\n } else {\n inp.checked = false;\n }\n return rolling;\n }, []);\n if (!selectionValid && defaultInputs.length) {\n defaultInputs.forEach((inp) => inp.click());\n } else if (!!addonInputs && addonInputs.length) {\n addonInputs.forEach((inp) => {\n if (selectedIds.includes(inp.getAttribute(\"value\"))) {\n inp.checked = true;\n }\n });\n }\n }\n );\n };\n setTimeout(window.updateAddonInputs, 1);\n\n if (\n state?.variantData?.[newVariantTitle]?.imageIndex != undefined &&\n state.variantData[newVariantTitle].imageIndex >= 0\n ) {\n let targetIndex = state.variantData[newVariantTitle].imageIndex;\n if (!window.prodScroll) window.prodScroll = track.scrollLeft;\n if (window.prodScroll != prodSlides[targetIndex].offsetLeft) {\n window.prodScroll = prodSlides[targetIndex].offsetLeft;\n track.scrollLeft = window.prodScroll;\n }\n if (trackMob.scrollLeft != prodSlidesMob[targetIndex].offsetLeft) {\n trackMob.scrollLeft = prodSlidesMob[targetIndex].offsetLeft;\n }\n }\n} else {\n context.setState({\n selectedVariantDoesNotExist: true,\n });\n}\n" }, "bindings": { "component.options.defaultValue": "const myVariant = state.productInfo.variants.find(variant => variant.title === state.valuesItem);\r\nreturn myVariant.id;", "component.options.placeholder": "state.valuesItem", "id": "return `${state.optionsItem.name}${state.valuesItem}`;\n", "component.options.name": "return `variant${state.optionsItem.name}`;\n", "style.color": "const myVariant = state.productInfo.variants.find(\n (variant) => variant.title === state.valuesItem\n);\nreturn myVariant.availableForSale ? \"#000\" : \"#444444\";\n", "data-for-sale": "`${!state.variantsInStock || state.variantsInStock[state.valuesItem]}`;\n", "checked": "return `${state.valuesItem}` == `${state.selectedProductVariant.title}`;\n" } }, "layerName": "Option Input", "id": "builder-c7133b52dd814ec1b238e074ba5e7558", "properties": { "id": "", "data-for-sale": "", "checked": "" }, "meta": { "previousId": "builder-979e38e3d8c5491685965fb9ca8788f5", "bindingActions": { "id": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "return `${state.optionsItem.name}${state.valuesItem}`;" } } ], "component": { "options": { "name": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "return `variant${state.optionsItem.name}`" } } ] } }, "disabled": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "`${!!state.productInfo && !(state.productInfo.variants.find(variant => variant.title === state.valuesItem)).availableForSale}`" } } ], "style": { "color": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "const myVariant = state.productInfo.variants.find(variant => variant.title === state.valuesItem);\nreturn myVariant.availableForSale ? '#000' : '#444444';" } } ] }, "data-for-sale": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "`${!state.variantsInStock || state.variantsInStock[state.valuesItem]}`" } } ], "_newProperty": null, "checked": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "return `${state.valuesItem}` == `${state.selectedProductVariant.title}`;" } } ] }, "eventActions": { "click": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "\nconst prodSlides = getToggleCollection('prod', 'slider');\nconst track = document.querySelector('.TOGprod.store-slider>.slider-track');\nconst prodSlidesMob = getToggleCollection('prodmob', 'slider');\nconst trackMob = document.querySelector('.TOGprodmob.slider>.slider-track');\nlet selectedProductVariant = state.selectedProductVariant || state.productInfo.variants[0];\nlet optionName = state.valuesItem;\nlet optionPosition = state.optionsItem.position;\nlet currentVariantTitlePieces = selectedProductVariant.title.split(' / ');\ncurrentVariantTitlePieces[parseInt(optionPosition) - 1] =\n optionName;\nlet newVariantTitle = currentVariantTitlePieces.join(' / ');\nlet productInfo = state.productInfo;\nlet newVariant = productInfo.variants.find(item => {\n return item.title === newVariantTitle;\n});\nif(newVariant) {\n context.setState({\n selectedVariantDoesNotExist: false,\n selectedProductVariant: newVariant,\n selectedVariantShipping: state.variantShipping[newVariantTitle],\n selectedVariantData: state.variantData[newVariantTitle],\n selectedVariantAddonGroups: state.variantAddonGroups[newVariantTitle],\n selectedAddons: state.variantAddonGroups[newVariantTitle].map(group => {\n return group.variants.reduce((rolling, variant) => {\n if((!group.toggleable && variant.id === group.checkedVariantIds?.[0]) ||\n (group.toggleable && group.checkedVariantIds.includes(variant.id))) {\n rolling.push(variant);\n }\n return rolling;\n }, []);\n }),\n });\n if(!!window && !!window.BigData && !!window.BigData.product) {\n window.BigData.product.vid = newVariant.id;\n window.BigData.product.selectedVariantShipping = state.variantShipping[newVariantTitle];\n window.BigData.product.selectedVariantData = state.variantData[newVariantTitle];\n window.BigData.product.selectedVariantAddonGroups = state.variantAddonGroups[newVariantTitle];\n window.BigData.product.selectedAddons = state.variantAddonGroups[newVariantTitle].map(group => {\n return group.variants.reduce((rolling, variant) => {\n if((!group.toggleable && variant.id === group.checkedVariantIds?.[0]) ||\n (group.toggleable && group.checkedVariantIds.includes(variant.id))) {\n rolling.push(variant);\n }\n return rolling;\n }, []);\n });\n }\n \n window.updateAddonInputs = function() {\n window?.BigData?.product?.selectedVariantAddonGroups?.forEach((group, i) => {\n const addonInputs = [...document.querySelectorAll(`input[name=\"addon_${group.key}\"]`)];\n const selectedIds = window.BigData.product.selectedAddons[i].map(addon => addon.id);\n const selectionValid = selectedIds.every(selectedId => group.variants.find(variant => variant.id === selectedId));\n const defaultInputs = addonInputs.reduce((rolling, inp) => {\n if((!group.toggleable && inp.value === group.checkedVariantIds?.[0]) ||\n (group.toggleable && group.checkedVariantIds.includes(inp.value))) {\n rolling.push(inp);\n }\n else {\n inp.checked = false;\n }\n return rolling;\n }, []);\n if(!selectionValid && defaultInputs.length) {\n defaultInputs.forEach(inp => inp.click());\n }\n else if(!!addonInputs && addonInputs.length) {\n addonInputs.forEach(inp => {\n if(selectedIds.includes(inp.getAttribute('value'))) {\n inp.checked = true;\n }\n });\n }\n });\n };\n setTimeout(window.updateAddonInputs, 1);\n\n if(state?.variantData?.[newVariantTitle]?.imageIndex != undefined && state.variantData[newVariantTitle].imageIndex >= 0) {\n let targetIndex = state.variantData[newVariantTitle].imageIndex;\n if(!window.prodScroll) window.prodScroll = track.scrollLeft;\n if(window.prodScroll != prodSlides[targetIndex].offsetLeft) {\n window.prodScroll = prodSlides[targetIndex].offsetLeft;\n track.scrollLeft = window.prodScroll;\n }\n if(trackMob.scrollLeft != prodSlidesMob[targetIndex].offsetLeft) {\n trackMob.scrollLeft = prodSlidesMob[targetIndex].offsetLeft;\n }\n }\n}\nelse {\n context.setState({\n selectedVariantDoesNotExist: true,\n });\n}" } } ] } }, "component": { "name": "Form:Input", "options": { "type": "radio", "placeholder": "", "required": false, "name": "ipd", "defaultValue": "" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "for": "var _virtual_index=\"\".concat(state.optionsItem.name).concat(state.valuesItem);return _virtual_index", "component.options.code": "var returnValue=function(){var t,a,n=state.valuesItem.toLowerCase().includes(\"default title\")?state.productInfo.title:state.valuesItem,e=null===(a=null===(t=state.variantData[n])||void 0===t?void 0:t.subtitle)||void 0===a?void 0:a.join(\"
\"),i=state.variantPrices[n],r=state.currency,s=Object.values(window.BigData.product.variantPrices),o=r(i),c=r(s[0]),u=null;return s.length>1&&(o-0!=(c=s.reduce((function(t,a){return t.subtract(a)-0>0?r(a):t}),c))-0&&(u=o.subtract(c)),\"9130508157145\"==window.BigData.product.id&&(i=u?\"+\".concat(u.format()):\"\")),'\\n \\n '.concat(n,'\\n  \\n ').concat(e,'\\n
').concat(i,\"
\\n \\n\")}();return returnValue" }, "code": { "bindings": { "for": "return `${state.optionsItem.name}${state.valuesItem}`;\n", "component.options.code": "let variantTitle = state.valuesItem.toLowerCase().includes('default title') ? state.productInfo.title : state.valuesItem;\nlet variantSubtitle = state.variantData[variantTitle]?.subtitle?.join(\"
\");\nlet variantPrice = state.variantPrices[variantTitle];\n\nlet {currency} = state;\nlet variantPrices = Object.values(window.BigData.product.variantPrices);\nlet myPrice = currency(variantPrice);\nlet minPrice = currency(variantPrices[0]);\nlet myPlus = null;\nif(variantPrices.length > 1) {\n minPrice = variantPrices.reduce((final, curPrice) => {\n if(final.subtract(curPrice) - 0 > 0) {\n return currency(curPrice);\n }\n return final;\n }, minPrice);\n if(myPrice - 0 != minPrice - 0) {\n myPlus = myPrice.subtract(minPrice);\n }\n if(window.BigData.product.id == '9130508157145') {\n if(!myPlus) {\n variantPrice = '';\n }\n else {\n variantPrice = `+${myPlus.format()}`\n } \n }\n}\n\nreturn `\n \n ${variantTitle}\n  \n ${variantSubtitle}\n
${variantPrice}
\n \n`;" } }, "layerName": "Option Label", "tagName": "label", "id": "builder-2af2e45926f6477c8f66c9795994065e", "properties": { "for": "" }, "class": "font-body-sm font-mob-xsm", "meta": { "bindingActions": { "component": { "options": { "code": null } }, "_newProperty": null, "for": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "return `${state.optionsItem.name}${state.valuesItem}`;" } } ] } }, "component": { "name": "Custom Code", "options": { "text": "Enter some text..." } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "component.options.text": "state.productInfo&&\"\".concat(JSON.stringify(state.productInfo.variants.find((function(t){return t.title===state.valuesItem}))))" }, "code": { "bindings": { "component.options.text": "!state.productInfo ? '' : `${JSON.stringify(state.productInfo.variants.find(variant => variant.title === state.valuesItem))}`;" } }, "layerName": "VARIANT JSON", "id": "builder-64676340a1894349b2db7e76438ba9cc", "class": "font-label", "meta": { "bindingActions": { "for": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "return `${state.optionsItem.name}${state.valuesItem}`;" } } ], "component": { "options": { "text": null } }, "meta": { "bindingActions": { "component": { "options": { "text": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "const myVariant = state.productInfo.variants.find(variant => variant.title === state.valuesItem);\nreturn `${JSON.stringify(myVariant)}`;" } } ] } } } } }, "previousId": "builder-ec6057b3f19a41c5b881832f3933eb2f" }, "component": { "name": "Text", "options": { "text": "Enter some text..." } }, "responsiveStyles": { "large": { "display": "none" } } } ] } ] }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "component.options.code": "var returnValue=function(){var a='
\\n
'.concat(state.selectedVariantData.infoBox);if(state.selectedVariantData.infoLink){var e=state.selectedVariantData.infoLink;a+=\"Learn more \\n \\n \\n ')}return a+\"
\"}();return returnValue", "show": "var _virtual_index=!!state.selectedVariantData.infoBox;return _virtual_index" }, "code": { "bindings": { "component.options.code": "let output = `
\n
${state.selectedVariantData.infoBox}`;\nif(!!state.selectedVariantData.infoLink) {\n let infoLink = state.selectedVariantData.infoLink;\n output += `Learn more \n \n \n `;\n}\n\nreturn output + '
';", "show": "!!state.selectedVariantData.infoBox" } }, "layerName": "Variant Info Box", "id": "builder-1312db4730644c51a7fdcfd607ee82be", "class": "info-box fade-in-grow font-body-lg font-mob-lg", "meta": { "previousId": "builder-9734c0372b8a44c88bd67249f6eaa9cb", "bindingActions": { "_newProperty": null } }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } } ], "responsiveStyles": { "large": { "display": "flex", "flexDirection": "column" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "component.options.text": "state.productInfo&&\"SELECTED_VARIANT: \".concat(JSON.stringify(state.selectedProductVariant),\"
VARIANT_ADDON_GROUPS: \").concat(JSON.stringify(state.variantAddonGroups))" }, "code": { "bindings": { "component.options.text": "!state.productInfo ? '' : `SELECTED_VARIANT: ${JSON.stringify(state.selectedProductVariant)}
VARIANT_ADDON_GROUPS: ${JSON.stringify(state.variantAddonGroups)}`;" } }, "layerName": "ADDONS JSON", "id": "builder-93981aecf51445209bea1505a9f6f252", "class": "font-label", "meta": { "bindingActions": { "for": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "return `${state.optionsItem.name}${state.valuesItem}`;" } } ], "component": { "options": { "text": null } }, "meta": { "bindingActions": { "component": { "options": { "text": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "const myVariant = state.productInfo.variants.find(variant => variant.title === state.valuesItem);\nreturn `${JSON.stringify(myVariant)}`;" } } ] } } } } }, "previousId": "builder-2320757c1fec4d8ba6cd8241b0abcf1a" }, "component": { "name": "Text", "options": { "text": "Enter some text..." } }, "responsiveStyles": { "large": { "display": "none" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "show": "var _a,_b,_c,_d,_e,_virtual_index=!!(null===(_b=null===(_a=null===state||void 0===state?void 0:state.productInfo)||void 0===_a?void 0:_a.tags)||void 0===_b?void 0:_b.filter((function(t){return\"show-variants\"==t})).length)&&!(null===(_d=null===(_c=null===state||void 0===state?void 0:state.productInfo)||void 0===_c?void 0:_c.tags)||void 0===_d?void 0:_d.filter((function(t){return\"coming-soon\"==t})).length)&&!!(null===(_e=null===state||void 0===state?void 0:state.selectedVariantAddonGroups)||void 0===_e?void 0:_e.length);return _virtual_index", "data-populated": "var _a,_b,_c,_virtual_index=\"\".concat(!(null===(_b=null===(_a=null===state||void 0===state?void 0:state.productInfo)||void 0===_a?void 0:_a.tags)||void 0===_b?void 0:_b.filter((function(t){return\"coming-soon\"==t})).length)&&!!(null===(_c=null===state||void 0===state?void 0:state.selectedVariantAddonGroups)||void 0===_c?void 0:_c.length));return _virtual_index" }, "code": { "bindings": { "show": "!!state?.productInfo?.tags?.filter(tag => tag == 'show-variants').length && !state?.productInfo?.tags?.filter(tag => tag == 'coming-soon').length && !!state?.selectedVariantAddonGroups?.length}", "data-populated": "`${\n !state?.productInfo?.tags?.filter((tag) => tag == \"coming-soon\").length &&\n !!state?.selectedVariantAddonGroups?.length\n}`;\n" } }, "repeat": { "collection": "state.selectedVariantAddonGroups" }, "layerName": "Variant Addon Group", "id": "builder-7e647264a6224b7aaa42de78263d2aa2", "properties": { "data-populated": "" }, "class": "gb-1 ge-12 option-group", "meta": { "previousId": "builder-f9e4e41e50a945be88023de28303986e", "bindingActions": { "data-populated": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "`${!state?.productInfo?.tags?.filter(tag => tag == 'coming-soon').length && !!state?.selectedVariantAddonGroups?.length}`" } } ], "data-options-large": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "`${!!state?.productInfo?.tags?.filter(tag => tag == 'variants-large').length}`" } } ], "data-large-style": null, "data-ignore-available": null, "_newProperty": null } }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[SPACER] - 32/24/24", "id": "builder-5bc6e2405d0844628211eda82168be69", "meta": { "previousId": "builder-44043b1e4e974d0cbf58226228c1a71d" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "component.options.text": "var _virtual_index=state.selectedVariantAddonGroupsItem.header;return _virtual_index", "show": "var _a,_virtual_index=!!(null===(_a=null===state||void 0===state?void 0:state.selectedVariantAddonGroupsItem)||void 0===_a?void 0:_a.header);return _virtual_index" }, "code": { "bindings": { "component.options.text": "state.selectedVariantAddonGroupsItem.header", "show": "!!state?.selectedVariantAddonGroupsItem?.header" } }, "layerName": "Group Header", "id": "builder-cca19365187f47ba94337c90e1dcc589", "class": "font-body-lg font-mob-lg", "meta": { "previousId": "builder-b3668e7560344d4fb036fdf9b4e77db1", "bindingActions": { "_newProperty": null } }, "component": { "name": "Text", "options": { "text": "

Pre-order now. Ships in March 2023.

\n" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "show": "var _a,_virtual_index=!!(null===(_a=null===state||void 0===state?void 0:state.selectedVariantAddonGroupsItem)||void 0===_a?void 0:_a.description);return _virtual_index" }, "code": { "bindings": { "show": "!!state?.selectedVariantAddonGroupsItem?.description" } }, "layerName": "[SPACER] - 8/8/8", "id": "builder-0402f952572847818bac1420fbc90f20", "meta": { "previousId": "builder-d019a553588747f2847d8697f8d9b190", "bindingActions": { "_newProperty": null } }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "component.options.text": "var _virtual_index=state.selectedVariantAddonGroupsItem.description;return _virtual_index", "show": "var _a,_virtual_index=!!(null===(_a=null===state||void 0===state?void 0:state.selectedVariantAddonGroupsItem)||void 0===_a?void 0:_a.description);return _virtual_index" }, "code": { "bindings": { "component.options.text": "state.selectedVariantAddonGroupsItem.description", "show": "!!state?.selectedVariantAddonGroupsItem?.description" } }, "layerName": "Group Description", "id": "builder-364abd05ca284dcd99925590e367286b", "class": "font-detail font-mob-xsm", "meta": { "previousId": "builder-cd07db053ca0463fa95569f88f57084e" }, "component": { "name": "Text", "options": { "text": "

Pre-order now. Ships in March 2023.

\n" } }, "responsiveStyles": { "large": { "color": "rgba(120, 126, 129, 1)" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "show": "var _virtual_index=\"Color Swatch\"==state.selectedVariantAddonGroupsItem.uiStyle;return _virtual_index", "component.options.code": "var returnValue=function(){var e,t,n,a,s=\"\";return null!==(e=null===state||void 0===state?void 0:state.selectedAddons)&&void 0!==e&&e[state.$index].length?(n=(t=state.selectedAddons[state.$index][0]).title,a=t.priceText?t.priceText.join(\"
\"):t.price,t.finePrint&&(s=\"\".concat(t.finePrintIndex,\"\")),\"\".concat(n).concat(s,\"+ \").concat(a,\"\")):\"\"}();return returnValue" }, "code": { "bindings": { "show": "state.selectedVariantAddonGroupsItem.uiStyle == \"Color Swatch\"", "component.options.code": "let selSwatch;\nlet title = '';\nlet price = '';\nlet finePrintIndex = '';\nif(state?.selectedAddons?.[state.$index].length) {\n selSwatch = state.selectedAddons[state.$index][0];\n}\nelse {\n return '';\n}\ntitle = selSwatch.title;\nprice = !selSwatch.priceText ? selSwatch.price : selSwatch.priceText.join('
');\nif(!!selSwatch.finePrint) {\n finePrintIndex = `${selSwatch.finePrintIndex}`;\n}\nreturn `${title}${finePrintIndex}+ ${price}`;" } }, "layerName": "Color Swatch Info", "id": "builder-49ce6c0cae4049a594b8fb3e53942b77", "class": "swatch-info font-detail font-mob-xsm", "meta": { "previousId": "builder-1312db4730644c51a7fdcfd607ee82be", "bindingActions": { "_newProperty": null, "component": { "options": { "code": null } } } }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "show": "var _a,_virtual_index=!!(null===(_a=null===state||void 0===state?void 0:state.selectedVariantAddonGroupsItem)||void 0===_a?void 0:_a.header);return _virtual_index" }, "code": { "bindings": { "show": "!!state?.selectedVariantAddonGroupsItem?.header" } }, "layerName": "[SPACER] - 32/24/24", "id": "builder-e834d14420e148579871dad3077122b1", "meta": { "previousId": "builder-5bc6e2405d0844628211eda82168be69", "bindingActions": { "_newProperty": null } }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "data-ui-style": "var _virtual_index=state.selectedVariantAddonGroupsItem.uiStyle;return _virtual_index" }, "code": { "bindings": { "data-ui-style": "return state.selectedVariantAddonGroupsItem.uiStyle;\n" } }, "layerName": "Variant Addons", "tagName": "ul", "id": "builder-d9a628f18a9440c0baca7407da83caaf", "properties": { "data-ui-style": "" }, "class": "addon-options", "meta": { "previousId": "builder-91fb67d4d0424427aed5cb3e21bff439", "bindingActions": { "data-ui-style": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "return state.selectedVariantAddonGroupsItem.uiStyle;" } } ] } }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "repeat": { "collection": "state.selectedVariantAddonGroupsItem.variants" }, "layerName": "Option Button", "tagName": "li", "id": "builder-00a8cd56a3614bbd9d53e55deebacab6", "class": "addon-option", "meta": { "previousId": "builder-39861da600124dc6b1db486b0f4a57e4" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "actions": { "click": "var _a,_b,_c,_d,__spreadArray=function(d,e,t){if(t||2===arguments.length)for(var o,i=0,a=e.length;i.slider-track\"),prodSlidesMob=getToggleCollection(\"prodmob\",\"slider\"),trackMob=document.querySelector(\".TOGprodmob.slider>.slider-track\"),iWasSelected=!0,ulaThis={Flib:Flib,check:!1,sourceId:state.variantsItem.id,clickerId:null===(_a=null===window||void 0===window?void 0:window.BigData)||void 0===_a?void 0:_a.linkedClickSourceId},toggleAddon=function(d,e){return d.find((function(d){return d.id===e.id}))?d.filter((function(d){return d.id!==e.id})):__spreadArray(__spreadArray([],d,!0),[e],!1)},updateLinkedAddon=function(d){var e,t,o=this.Flib,i=this.check,a=this.sourceId,n=this.clickerId,r=o.findGroup({variantId:d}),l=document.querySelector('input[name^=\"addon\"][value=\"'.concat(d,'\"]'));if(l&&l.checked!=i)if(r.toggleable||i){if(d!=n)return window.BigData.linkedClickSourceId=a,void l.click();window.BigData.linkedClickSourceId=\"\"}else if(!r.toggleable&&!i&&(e=r.checkedVariantIds[0]!=d?r.checkedVariantIds[0]:r.variants[0].id!=d||1==r.variants.length?r.variants[0].id:r.variants[1].id,t=document.querySelector('input[name^=\"addon\"][value=\"'.concat(e,'\"]')))){if(e!=n)return window.BigData.linkedClickSourceId=a,void t.click();window.BigData.linkedClickSourceId=\"\"}window.BigData.linkedClickSourceId=\"\"};if(addonGroup.toggleable?(iWasSelected=!state.selectedAddons[addonGroupIndex].find((function(d){return d.id===state.variantsItem.id})),state.selectedAddons[addonGroupIndex]=toggleAddon(addonGroupSelectedAddons,state.variantsItem),window.BigData.product.selectedAddons[addonGroupIndex]=toggleAddon(addonGroupSelectedAddons,state.variantsItem)):(state.selectedAddons[addonGroupIndex][0].linkedVariantIds.length?state.selectedAddons[addonGroupIndex][0].linkedVariantIds.forEach(updateLinkedAddon.bind(ulaThis)):window.BigData.linkedClickSourceId=\"\",state.selectedAddons[addonGroupIndex]=[state.variantsItem],(null===(_b=null===window||void 0===window?void 0:window.BigData)||void 0===_b?void 0:_b.product)&&(window.BigData.product.selectedAddons[addonGroupIndex]=[state.variantsItem])),!state.variantsItem.linkedVariantIds.length&&window.BigData.linkedClickSourceId?window.BigData.linkedClickSourceId=\"\":(ulaThis.check=iWasSelected,state.variantsItem.linkedVariantIds.forEach(updateLinkedAddon.bind(ulaThis))),null!=(null===(_c=null===state||void 0===state?void 0:state.variantsItem)||void 0===_c?void 0:_c.imageIndex)&&(null===(_d=null===state||void 0===state?void 0:state.variantsItem)||void 0===_d?void 0:_d.imageIndex)>=0&&iWasSelected){var targetIndex=state.variantsItem.imageIndex;window.prodScroll||(window.prodScroll=track.scrollLeft),window.prodScroll!=prodSlides[targetIndex].offsetLeft&&(window.prodScroll=prodSlides[targetIndex].offsetLeft,track.scrollLeft=window.prodScroll),trackMob.scrollLeft!=prodSlidesMob[targetIndex].offsetLeft&&(trackMob.scrollLeft=prodSlidesMob[targetIndex].offsetLeft)}" }, "bindings": { "component.options.defaultValue": "var _virtual_index=state.variantsItem.id;return _virtual_index", "component.options.placeholder": "var _virtual_index=state.variantsItem.title;return _virtual_index", "id": "var _virtual_index=\"\".concat(state.selectedProductVariant.title).concat(state.selectedVariantAddonGroupsItem.key).concat(state.variantsItem.title);return _virtual_index", "component.options.name": "var _virtual_index=\"addon_\".concat(state.selectedVariantAddonGroupsItem.key);return _virtual_index", "component.options.type": "var _virtual_index=state.selectedVariantAddonGroupsItem.toggleable?\"checkbox\":\"radio\";return _virtual_index", "disabled": "state.selectedVariantAddonGroupsItem.disabledVariantIds.includes(state.variantsItem.id)" }, "code": { "actions": { "click": "const { Flib } = state;\nconst addonName = state.variantsItem.title;\nconst addonGroup = state.selectedVariantAddonGroupsItem;\nconst addonGroupIndex = Flib.findGroupId({ key: addonGroup.key });\nconst addonGroupSelectedAddons = state.selectedAddons[addonGroupIndex];\nconst prodSlides = getToggleCollection(\"prod\", \"slider\");\nconst track = document.querySelector(\".TOGprod.store-slider>.slider-track\");\nconst prodSlidesMob = getToggleCollection(\"prodmob\", \"slider\");\nconst trackMob = document.querySelector(\".TOGprodmob.slider>.slider-track\");\nlet iWasSelected = true;\nlet ulaThis = {\n Flib,\n check: false,\n sourceId: state.variantsItem.id,\n clickerId: window?.BigData?.linkedClickSourceId,\n};\n\nconst toggleAddon = (selecteds, target) => {\n return selecteds.find((addon) => addon.id === target.id)\n ? selecteds.filter((addon) => addon.id !== target.id)\n : [...selecteds, target];\n};\nconst updateLinkedAddon = function (linkedVid) {\n const { Flib, check, sourceId, clickerId } = this;\n const group = Flib.findGroup({ variantId: linkedVid });\n const linkedEl = document.querySelector(\n `input[name^=\"addon\"][value=\"${linkedVid}\"]`\n );\n let defaultVid, defaultEl;\n\n if (!!linkedEl && linkedEl.checked != check) {\n if (group.toggleable || check) {\n /* console.log('updateLinkedAddon() DATA:', {check, linkedEl}); */\n if (linkedVid != clickerId) {\n /* console.log('updateLinkedAddon() CLICKED LINKED ADDON'); */\n window.BigData.linkedClickSourceId = sourceId;\n linkedEl.click();\n return;\n } else {\n window.BigData.linkedClickSourceId = \"\";\n }\n } else if (!group.toggleable && !check) {\n if (group.checkedVariantIds[0] != linkedVid) {\n defaultVid = group.checkedVariantIds[0];\n } else if (\n group.variants[0].id != linkedVid ||\n group.variants.length == 1\n ) {\n defaultVid = group.variants[0].id;\n } else {\n defaultVid = group.variants[1].id;\n }\n defaultEl = document.querySelector(\n `input[name^=\"addon\"][value=\"${defaultVid}\"]`\n );\n /* console.log('updateLinkedAddon() DATA:', {check, linkedEl, defaultEl}); */\n if (!!defaultEl) {\n if (defaultVid != clickerId) {\n /* console.log('updateLinkedAddon() CLICKED DEFAULT ADDON'); */\n window.BigData.linkedClickSourceId = sourceId;\n defaultEl.click();\n return;\n } else {\n window.BigData.linkedClickSourceId = \"\";\n }\n }\n }\n }\n /* console.log('updateLinkedAddon() DATA:', {check, linkedEl, defaultEl}); */\n window.BigData.linkedClickSourceId = \"\";\n};\n\nif (!addonGroup.toggleable) {\n if (!state.selectedAddons[addonGroupIndex][0].linkedVariantIds.length) {\n window.BigData.linkedClickSourceId = \"\";\n } else {\n state.selectedAddons[addonGroupIndex][0].linkedVariantIds.forEach(\n updateLinkedAddon.bind(ulaThis)\n );\n }\n state.selectedAddons[addonGroupIndex] = [state.variantsItem];\n if (!!window?.BigData?.product) {\n window.BigData.product.selectedAddons[addonGroupIndex] = [\n state.variantsItem,\n ];\n }\n} else {\n iWasSelected = !state.selectedAddons[addonGroupIndex].find(\n (addon) => addon.id === state.variantsItem.id\n );\n state.selectedAddons[addonGroupIndex] = toggleAddon(\n addonGroupSelectedAddons,\n state.variantsItem\n );\n window.BigData.product.selectedAddons[addonGroupIndex] = toggleAddon(\n addonGroupSelectedAddons,\n state.variantsItem\n );\n}\n\nif (\n !state.variantsItem.linkedVariantIds.length &&\n !!window.BigData.linkedClickSourceId\n) {\n window.BigData.linkedClickSourceId = \"\";\n} else {\n ulaThis.check = iWasSelected;\n state.variantsItem.linkedVariantIds.forEach(updateLinkedAddon.bind(ulaThis));\n}\n\nif (\n state?.variantsItem?.imageIndex != undefined &&\n state?.variantsItem?.imageIndex >= 0 &&\n iWasSelected\n) {\n let targetIndex = state.variantsItem.imageIndex;\n if (!window.prodScroll) window.prodScroll = track.scrollLeft;\n if (window.prodScroll != prodSlides[targetIndex].offsetLeft) {\n window.prodScroll = prodSlides[targetIndex].offsetLeft;\n track.scrollLeft = window.prodScroll;\n }\n if (trackMob.scrollLeft != prodSlidesMob[targetIndex].offsetLeft) {\n trackMob.scrollLeft = prodSlidesMob[targetIndex].offsetLeft;\n }\n}\n" }, "bindings": { "component.options.defaultValue": "return state.variantsItem.id;", "component.options.placeholder": "state.variantsItem.title", "id": "return `${state.selectedProductVariant.title}${state.selectedVariantAddonGroupsItem.key}${state.variantsItem.title}`;\n", "component.options.name": "return `addon_${state.selectedVariantAddonGroupsItem.key}`;\n", "component.options.type": "state.selectedVariantAddonGroupsItem.toggleable ? \"checkbox\" : \"radio\";\n", "disabled": "state.selectedVariantAddonGroupsItem.disabledVariantIds.includes(\n state.variantsItem.id\n);\n" } }, "layerName": "Option Input", "id": "builder-6ba51c89dec945ea9a90d3ab205faaed", "properties": { "id": "", "disabled": "" }, "meta": { "previousId": "builder-c7133b52dd814ec1b238e074ba5e7558", "bindingActions": { "id": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "return `${state.selectedProductVariant.title}${state.selectedVariantAddonGroupsItem.key}${state.variantsItem.title}`;" } } ], "component": { "options": { "name": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "return `addon_${state.selectedVariantAddonGroupsItem.key}`" } } ], "type": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "state.selectedVariantAddonGroupsItem.toggleable ? 'checkbox' : 'radio'" } } ] } }, "disabled": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "state.selectedVariantAddonGroupsItem.disabledVariantIds.includes(state.variantsItem.id);" } } ], "style": { "color": null }, "data-for-sale": null, "checked": null }, "eventActions": { "click": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "const {Flib} = state;\nconst addonName = state.variantsItem.title;\nconst addonGroup = state.selectedVariantAddonGroupsItem;\nconst addonGroupIndex = Flib.findGroupId({key: addonGroup.key});\nconst addonGroupSelectedAddons = state.selectedAddons[addonGroupIndex];\nconst prodSlides = getToggleCollection('prod', 'slider');\nconst track = document.querySelector('.TOGprod.store-slider>.slider-track');\nconst prodSlidesMob = getToggleCollection('prodmob', 'slider');\nconst trackMob = document.querySelector('.TOGprodmob.slider>.slider-track');\nlet iWasSelected = true;\nlet ulaThis = {Flib, check: false, sourceId: state.variantsItem.id, clickerId: window?.BigData?.linkedClickSourceId};\n\nconst toggleAddon = (selecteds, target) => {\n return selecteds.find(addon => addon.id === target.id) ? selecteds.filter(addon => addon.id !== target.id) : [ ...selecteds, target ];\n};\nconst updateLinkedAddon = function(linkedVid) {\n const {Flib, check, sourceId, clickerId} = this;\n const group = Flib.findGroup({variantId: linkedVid});\n const linkedEl = document.querySelector(`input[name^=\"addon\"][value=\"${linkedVid}\"]`);\n let defaultVid, defaultEl;\n\n if(!!linkedEl && linkedEl.checked != check) {\n if(group.toggleable || check) {\n /* console.log('updateLinkedAddon() DATA:', {check, linkedEl}); */\n if(linkedVid != clickerId) {\n /* console.log('updateLinkedAddon() CLICKED LINKED ADDON'); */\n window.BigData.linkedClickSourceId = sourceId;\n linkedEl.click();\n return;\n }\n else {\n window.BigData.linkedClickSourceId = '';\n }\n }\n else if(!group.toggleable && !check) {\n if(group.checkedVariantIds[0] != linkedVid) {\n defaultVid = group.checkedVariantIds[0];\n }\n else if(group.variants[0].id != linkedVid || group.variants.length == 1) {\n defaultVid = group.variants[0].id;\n }\n else {\n defaultVid = group.variants[1].id;\n }\n defaultEl = document.querySelector(`input[name^=\"addon\"][value=\"${defaultVid}\"]`);\n /* console.log('updateLinkedAddon() DATA:', {check, linkedEl, defaultEl}); */\n if(!!defaultEl) {\n if(defaultVid != clickerId) {\n /* console.log('updateLinkedAddon() CLICKED DEFAULT ADDON'); */\n window.BigData.linkedClickSourceId = sourceId;\n defaultEl.click();\n return;\n }\n else {\n window.BigData.linkedClickSourceId = '';\n }\n }\n }\n }\n /* console.log('updateLinkedAddon() DATA:', {check, linkedEl, defaultEl}); */\n window.BigData.linkedClickSourceId = '';\n};\n\n\nif(!addonGroup.toggleable) {\n if(!state.selectedAddons[addonGroupIndex][0].linkedVariantIds.length) {\n window.BigData.linkedClickSourceId = '';\n }\n else {\n state.selectedAddons[addonGroupIndex][0].linkedVariantIds.forEach(updateLinkedAddon.bind(ulaThis));\n }\n state.selectedAddons[addonGroupIndex] = [state.variantsItem];\n if(!!window?.BigData?.product) {\n window.BigData.product.selectedAddons[addonGroupIndex] = [state.variantsItem];\n }\n}\nelse {\n iWasSelected = !state.selectedAddons[addonGroupIndex].find(addon => addon.id === state.variantsItem.id);\n state.selectedAddons[addonGroupIndex] = toggleAddon(addonGroupSelectedAddons, state.variantsItem);\n window.BigData.product.selectedAddons[addonGroupIndex] = toggleAddon(addonGroupSelectedAddons, state.variantsItem);\n}\n\nif(!state.variantsItem.linkedVariantIds.length && !!window.BigData.linkedClickSourceId) {\n window.BigData.linkedClickSourceId = '';\n}\nelse {\n ulaThis.check = iWasSelected;\n state.variantsItem.linkedVariantIds.forEach(updateLinkedAddon.bind(ulaThis));\n}\n\nif(state?.variantsItem?.imageIndex != undefined && state?.variantsItem?.imageIndex >= 0 && iWasSelected) {\n let targetIndex = state.variantsItem.imageIndex;\n if(!window.prodScroll) window.prodScroll = track.scrollLeft;\n if(window.prodScroll != prodSlides[targetIndex].offsetLeft) {\n window.prodScroll = prodSlides[targetIndex].offsetLeft;\n track.scrollLeft = window.prodScroll;\n }\n if(trackMob.scrollLeft != prodSlidesMob[targetIndex].offsetLeft) {\n trackMob.scrollLeft = prodSlidesMob[targetIndex].offsetLeft;\n }\n}" } } ] } }, "component": { "name": "Form:Input", "options": { "type": "", "placeholder": "", "required": false, "name": "ipd", "defaultValue": "" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "for": "var _virtual_index=\"\".concat(state.selectedProductVariant.title).concat(state.selectedVariantAddonGroupsItem.key).concat(state.variantsItem.title);return _virtual_index", "hide": "var _virtual_index=\"Color Swatch\"!=state.selectedVariantAddonGroupsItem.uiStyle;return _virtual_index", "component.options.code": "var returnValue=function(){var t=\"swatch_fill_\".concat(state.variantsItem.id),s=\"#DFDFDF\",e=\"#DFDFDF\";return state.variantsItem&&state.variantsItem.swatchColors&&state.variantsItem.swatchColors.length>0&&(s=state.variantsItem.swatchColors[0],e=state.variantsItem.swatchColors.length>1?state.variantsItem.swatchColors[1]:state.variantsItem.swatchColors[0]),'\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n')}();return returnValue" }, "code": { "bindings": { "for": "return `${state.selectedProductVariant.title}${state.selectedVariantAddonGroupsItem.key}${state.variantsItem.title}`;\n", "hide": "state.selectedVariantAddonGroupsItem.uiStyle != \"Color Swatch\"", "component.options.code": "const fillId = `swatch_fill_${state.variantsItem.id}`;\nlet colorA = '#DFDFDF';\nlet colorB = '#DFDFDF';\n\nif(!!state.variantsItem && !!state.variantsItem.swatchColors && state.variantsItem.swatchColors.length > 0) {\n colorA = state.variantsItem.swatchColors[0];\n colorB = state.variantsItem.swatchColors.length > 1 ? state.variantsItem.swatchColors[1] : state.variantsItem.swatchColors[0];\n}\n\nreturn (`\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n`);" } }, "layerName": "Color Swatch Label", "tagName": "label", "id": "builder-23bb7df25cba49b6b959505490def94f", "properties": { "for": "" }, "meta": { "bindingActions": { "for": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "return `${state.selectedProductVariant.title}${state.selectedVariantAddonGroupsItem.key}${state.variantsItem.title}`;" } } ], "_newProperty": null, "component": { "options": { "code": null } } } }, "component": { "name": "Custom Code", "options": { "code": "
", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "for": "var _virtual_index=\"\".concat(state.selectedProductVariant.title).concat(state.selectedVariantAddonGroupsItem.key).concat(state.variantsItem.title);return _virtual_index", "hide": "var _virtual_index=\"Product Photo\"!=state.selectedVariantAddonGroupsItem.uiStyle;return _virtual_index", "component.options.code": "var returnValue=function(){var t=state.variantsItem.title,e=state.variantsItem.image,n=\"\",a=state.variantsItem.description,r=state.variantsItem.priceText?state.variantsItem.priceText.join(\"
\"):\"+ \".concat(state.variantsItem.price);return state.variantsItem.finePrint&&(n=\"\".concat(state.variantsItem.finePrintIndex,\"\")),'\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
\\n ').concat(t).concat(n,\"\\n \").concat(a,'\\n
\\n ').concat(r,\"\\n\")}();return returnValue" }, "code": { "bindings": { "for": "return `${state.selectedProductVariant.title}${state.selectedVariantAddonGroupsItem.key}${state.variantsItem.title}`;\n", "hide": "state.selectedVariantAddonGroupsItem.uiStyle != \"Product Photo\"", "component.options.code": "let title = state.variantsItem.title;\nlet image = state.variantsItem.image;\nlet finePrintIndex = '';\nlet desc = state.variantsItem.description;\nlet price = !state.variantsItem.priceText ? `+ ${state.variantsItem.price}` : state.variantsItem.priceText.join('
');\nif(!!state.variantsItem.finePrint) {\n finePrintIndex = `${state.variantsItem.finePrintIndex}`;\n}\n \nreturn (`\n \n \n \n \n \n \n \n \n \n \n
\n ${title}${finePrintIndex}\n ${desc}\n
\n ${price}\n`);" } }, "layerName": "Product Photo Label", "tagName": "label", "id": "builder-fb7af203d7264e9b9e9caf6409d5d92f", "properties": { "for": "" }, "class": "font-body-sm font-mob-xsm", "meta": { "bindingActions": { "for": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "return `${state.selectedProductVariant.title}${state.selectedVariantAddonGroupsItem.key}${state.variantsItem.title}`;" } } ], "_newProperty": null, "component": { "options": { "code": null } } }, "previousId": "builder-23bb7df25cba49b6b959505490def94f" }, "component": { "name": "Custom Code", "options": { "code": "
", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "for": "var _virtual_index=\"\".concat(state.selectedProductVariant.title).concat(state.selectedVariantAddonGroupsItem.key).concat(state.variantsItem.title);return _virtual_index", "hide": "var _virtual_index=\"Variant Name\"!=state.selectedVariantAddonGroupsItem.uiStyle;return _virtual_index", "component.options.code": "var returnValue=function(){var t=state.variantsItem.title,n=\"\",e=state.variantsItem.description,a=state.variantsItem.priceText?state.variantsItem.priceText.join(\"
\"):\"+ \".concat(state.variantsItem.price);return state.variantsItem.finePrint&&(n=\"\".concat(state.variantsItem.finePrintIndex,\"\")),'\\n \\n \\n \\n \\n \\n \\n \\n \\n \\n
\\n '.concat(t).concat(n,\"\\n \").concat(e,'\\n
\\n ').concat(a,\"\\n\")}();return returnValue" }, "code": { "bindings": { "for": "return `${state.selectedProductVariant.title}${state.selectedVariantAddonGroupsItem.key}${state.variantsItem.title}`;\n", "hide": "state.selectedVariantAddonGroupsItem.uiStyle != \"Variant Name\"", "component.options.code": "let title = state.variantsItem.title;\nlet finePrintIndex = '';\nlet desc = state.variantsItem.description;\nlet price = !state.variantsItem.priceText ? `+ ${state.variantsItem.price}` : state.variantsItem.priceText.join('
');\nif(!!state.variantsItem.finePrint) {\n finePrintIndex = `${state.variantsItem.finePrintIndex}`;\n}\n \nreturn (`\n \n \n \n \n \n \n \n \n \n
\n ${title}${finePrintIndex}\n ${desc}\n
\n ${price}\n`);" } }, "layerName": "Variant Name Label", "tagName": "label", "id": "builder-3f23407ce2de4306abe1e4a33c6a0aad", "properties": { "for": "" }, "class": "font-body-sm font-mob-xsm", "meta": { "bindingActions": { "for": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "return `${state.selectedProductVariant.title}${state.selectedVariantAddonGroupsItem.key}${state.variantsItem.title}`;" } } ], "_newProperty": null, "component": { "options": { "code": null } } }, "previousId": "builder-fb7af203d7264e9b9e9caf6409d5d92f" }, "component": { "name": "Custom Code", "options": { "code": "
", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "component.options.text": "state.productInfo&&\"\".concat(JSON.stringify(state.variantsItem))" }, "code": { "bindings": { "component.options.text": "!state.productInfo ? '' : `${JSON.stringify(state.variantsItem)}`;" } }, "layerName": "VARIANT JSON", "id": "builder-2320757c1fec4d8ba6cd8241b0abcf1a", "class": "font-label", "meta": { "bindingActions": { "for": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "return `${state.optionsItem.name}${state.valuesItem}`;" } } ], "component": { "options": { "text": null } }, "meta": { "bindingActions": { "component": { "options": { "text": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "const myVariant = state.productInfo.variants.find(variant => variant.title === state.valuesItem);\nreturn `${JSON.stringify(myVariant)}`;" } } ] } } } } }, "previousId": "builder-64676340a1894349b2db7e76438ba9cc" }, "component": { "name": "Text", "options": { "text": "Enter some text..." } }, "responsiveStyles": { "large": { "display": "none" } } } ] } ] }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "show": "var _a,_virtual_index=!!(null===(_a=null===state||void 0===state?void 0:state.variantsItem)||void 0===_a?void 0:_a.finePrint)&&state.variantsItem.finePrintIndex>0;return _virtual_index", "component.options.code": "var returnValue=function(){var a=state.variantsItem.finePrint,t=state.variantsItem.finePrintIndex;return'
\\n'.concat(t,\"\").concat(a,\"\")}();return returnValue" }, "code": { "bindings": { "show": "!!state?.variantsItem?.finePrint && state.variantsItem.finePrintIndex > 0", "component.options.code": "let finePrint = state.variantsItem.finePrint;\nlet finePrintIndex = state.variantsItem.finePrintIndex;\nreturn `
\n${finePrintIndex}${finePrint}`;" } }, "repeat": { "collection": "state.selectedVariantAddonGroupsItem.variants" }, "layerName": "Addon Fine Print", "id": "builder-b3d0c3e921e241839d8669f02678eb27", "class": "addon-fine-print font-detail font-mob-detail", "meta": { "previousId": "builder-49ce6c0cae4049a594b8fb3e53942b77", "bindingActions": { "_newProperty": null, "component": { "options": { "code": null } } } }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } } ], "responsiveStyles": { "large": { "display": "flex", "flexDirection": "column" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[SPACER] - 56/64/64", "id": "builder-e9f9030b6d2645cdbe6fd081b3d19265", "meta": { "previousId": "builder-27585ae6302a451282b062317148f4b9", "bindingActions": { "show": null } }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } } ] }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[SPACER] - 8/8/8", "id": "builder-ac5098b827ec488792f18cb6ee5fe63b", "meta": { "previousId": "builder-2227a4038fd14241ba2d0ac841b377d4", "bindingActions": { "hide": null } }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "(right total footer)", "id": "builder-93f12fd20b3740f79d5cbf6940154d4e", "class": "product-footer", "meta": { "previousId": "builder-2b0252fe121d444caec71df3958db836" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[SPACER] - 16/16/16", "id": "builder-2227a4038fd14241ba2d0ac841b377d4", "meta": { "previousId": "builder-19e4e8328b9c4d9eaa077e4dc4fdd5c8", "bindingActions": { "hide": null } }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "component.options.code": "var returnValue=function(){var t,a,e,n,i,s,o,d;if(!!(!(null===(a=null===(t=null===window||void 0===window?void 0:window.BigData)||void 0===t?void 0:t.product)||void 0===a?void 0:a.store)||!state.selectedProductVariant&&!(null===(e=state.productInfo)||void 0===e?void 0:e.variants)))return\"\";var r=state.currency,l=null!==(n=state.selectedVariantShipping)&&void 0!==n?n:Object.values(state.variantShipping)[0],c=null!==(i=state.selectedProductVariant)&&void 0!==i?i:state.productInfo.variants[0],u=window.BigData.product.store.estimatedDelivery,v=new Date(l.shipDate+\" PST\"),p=l.shipMsg,f=null!==(s=state.variantPrices[c.id])&&void 0!==s?s:Object.values(state.variantPrices)[0];f=r(f);var h=[];return(null===(o=state.selectedVariantAddonGroups)||void 0===o?void 0:o.length)&&(h=state.selectedVariantAddonGroups.reduce((function(t,a){return t.concat(a.ephemeralVariantIds)}),[])),null===(d=state.selectedAddons)||void 0===d||d.forEach((function(t){t.forEach((function(t){var a=new Date(t.shipDate+\" PST\");a>v&&!t.shipsSeparately&&(v=a,p=t.shipMsg),h.includes(t.id)||(f=f.add(t.price))}))})),p&&\"null\"!=p||(p=\"5-7 business days\"),'\\n
\\n '.concat(u,'\\n ').concat(p,'\\n
\\n ').concat(f.format(),\"\\n\")}();return returnValue" }, "code": { "bindings": { "component.options.code": "let bigDataReady = !!window?.BigData?.product?.store && (!!state.selectedProductVariant || !!state.productInfo?.variants);\nif(!bigDataReady) {\n return '';\n}\n\nlet {currency} = state;\nlet today = new Date();\nlet shippingData = state.selectedVariantShipping ?? Object.values(state.variantShipping)[0];\nlet variant = state.selectedProductVariant ?? state.productInfo.variants[0];\nlet estDelivery = window.BigData.product.store.estimatedDelivery;\nlet shipDate = new Date(shippingData.shipDate + \" PST\");\nlet shipMsg = shippingData.shipMsg;\nlet totalPrice = state.variantPrices[variant.id] ?? Object.values(state.variantPrices)[0];\ntotalPrice = currency(totalPrice);\nlet ephemeralIds = [];\nif(state.selectedVariantAddonGroups?.length) {\n ephemeralIds = state.selectedVariantAddonGroups.reduce((final, group) => {\n return final.concat(group.ephemeralVariantIds);\n }, []);\n}\n\nstate.selectedAddons?.forEach(addonSet => {\n addonSet.forEach(addon => {\n let addonShipDate = new Date(addon.shipDate + \" PST\");\n if(addonShipDate > shipDate && !addon.shipsSeparately) {\n shipDate = addonShipDate;\n shipMsg = addon.shipMsg;\n }\n if(!ephemeralIds.includes(addon.id)) {\n totalPrice = totalPrice.add(addon.price);\n }\n });\n});\nif(!shipMsg || shipMsg == 'null') {\n shipMsg = \"5-7 business days\";\n}\n \nreturn `\n
\n ${estDelivery}\n ${shipMsg}\n
\n ${totalPrice.format()}\n`;" } }, "layerName": "Items summary", "id": "builder-8b0d246bbc7b4505a25a11e6665287c9", "class": "items-summary", "meta": { "bindingActions": { "_newProperty": null, "component": { "options": { "code": null } } } }, "component": { "name": "Custom Code", "options": { "code": "

Hello there, I am custom HTML code!

", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[SPACER] - 16/16/16", "id": "builder-e6c82cc917684776aac372a04069e683", "meta": { "previousId": "builder-2227a4038fd14241ba2d0ac841b377d4", "bindingActions": { "hide": null } }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "actions": { "click": "\n" }, "bindings": { "hide": "var _virtual_index=!(!window||!window.BigData||!window.BigData.product||\"7761325916377\"!=window.BigData.product.id||state.inCart);return _virtual_index", "style.cursor": "var _virtual_index=state.qtyLimit>0&&state.inCart>=state.qtyLimit?\"not-allowed\":\"pointer\";return _virtual_index", "data-for-sale": "var _virtual_index=\"\".concat(!state.variantsInStock||!state.productInfo||state.variantsInStock[state.productInfo.variants[0].id]);return _virtual_index", "data-no-backorder": "var _a,_b,_virtual_index=\"\".concat(!!(null===(_b=null===(_a=null===state||void 0===state?void 0:state.productInfo)||void 0===_a?void 0:_a.tags)||void 0===_b?void 0:_b.filter((function(t){return\"no-backorder\"==t})).length));return _virtual_index" }, "code": { "actions": { "click": "/* not needed for new button style */\n/* var addBtn = document.querySelector('.add-btn');\nvar ogText = addBtn.textContent;\nvar refreshCart;\nrefreshCart = () => {\n // console.log('boop', {addBtn, ogText}); //debug\n if(addBtn.textContent != ogText) {\n state.inCart += 1;\n loadEgCartDrawer();\n }\n else setTimeout(refreshCart, 100);\n}\nif(state.qtyLimit == 0 || state.inCart < state.qtyLimit) refreshCart(); */\n" }, "bindings": { "hide": "!!window && !!window.BigData && !!window.BigData.product && window.BigData.product.id == \"7761325916377\" && !state.inCart", "style.cursor": "return state.qtyLimit > 0 && state.inCart >= state.qtyLimit\n ? \"not-allowed\"\n : \"pointer\";\n", "data-for-sale": "`${\n !state.variantsInStock ||\n !state.productInfo ||\n state.variantsInStock[state.productInfo.variants[0].id]\n}`;\n", "data-no-backorder": "`${!!state?.productInfo?.tags?.filter((tag) => tag == \"no-backorder\").length}`;\n" } }, "layerName": "Add to cart button", "tagName": "a", "id": "builder-278714d48f274fdc95fd6acc848d775d", "properties": { "data-for-sale": "", "data-no-backorder": "" }, "class": "add-btn-parent", "meta": { "requiresParent": { "message": "This block must be inside a \"Product box\" block", "query": { "meta.kind": "ProductBox" } }, "version": "0.0.91", "updatedAt": "8/08 9:25am", "eventActions": { "click": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "/* not needed for new button style */\r\n/* var addBtn = document.querySelector('.add-btn');\r\nvar ogText = addBtn.textContent;\r\nvar refreshCart;\r\nrefreshCart = () => {\r\n // console.log('boop', {addBtn, ogText}); //debug\r\n if(addBtn.textContent != ogText) {\r\n state.inCart += 1;\r\n loadEgCartDrawer();\r\n }\r\n else setTimeout(refreshCart, 100);\r\n}\r\nif(state.qtyLimit == 0 || state.inCart < state.qtyLimit) refreshCart(); */" } } ] }, "previousId": "builder-bab2bafcde4f4fbcb806bbe27e72d985", "bindingActions": { "style": { "cursor": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "return state.qtyLimit > 0 && state.inCart >= state.qtyLimit ? 'not-allowed' : 'pointer';" } } ] }, "data-for-sale": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "`${!state.variantsInStock || !state.productInfo || state.variantsInStock[state.productInfo.variants[0].id]}`" } } ], "data-no-backorder": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "`${!!state?.productInfo?.tags?.filter(tag => tag == 'no-backorder').length}`" } } ] } }, "component": { "name": "Symbol", "options": { "inheritState": true, "symbol": { "data": { "linkToCartPageOnAddToCart": false, "reloadPageOnAddToCart": false, "linkToProductPageOnClick": false, "buttonText": "Add to cart", "soldOutButtonText": "Sold out", "addedToCartButtonText": "Added ✓" }, "inline": true, "meta": { "fieldName": "Product Add to Cart", "hideDocumentationLink": true }, "content": { "data": { "inputs": [ { "@type": "@builder.io/core:Field", "meta": {}, "name": "linkToCartPageOnAddToCart", "type": "boolean", "required": false, "subFields": [], "helperText": "Redirect the customer to the cart page after adding this product to their cart", "autoFocus": false, "simpleTextOnly": false, "disallowRemove": false, "broadcast": false, "bubble": false, "hideFromUI": false, "hideFromFieldsEditor": false, "showTemplatePicker": true, "permissionsRequiredToEdit": "", "advanced": false, "copyOnAdd": true, "onChange": "", "behavior": "", "showIf": "", "mandatory": false, "hidden": false, "noPhotoPicker": false, "model": "", "supportsAiGeneration": false, "defaultCollapsed": false }, { "@type": "@builder.io/core:Field", "meta": {}, "name": "reloadPageOnAddToCart", "type": "boolean", "required": false, "subFields": [], "helperText": "When a user clicks add to cart, refresh the current page. This is useful for making sure theme elements like cart icons are updated.", "autoFocus": false, "simpleTextOnly": false, "disallowRemove": false, "broadcast": false, "bubble": false, "hideFromUI": false, "hideFromFieldsEditor": false, "showTemplatePicker": true, "permissionsRequiredToEdit": "", "advanced": false, "copyOnAdd": true, "onChange": "", "behavior": "", "showIf": "!Boolean(options.get('linkToCartPageOnAddToCart') && !options.get('linkToProductPageOnClick'))", "mandatory": false, "hidden": false, "noPhotoPicker": false, "model": "", "supportsAiGeneration": false, "defaultCollapsed": false }, { "@type": "@builder.io/core:Field", "meta": {}, "name": "linkToProductPageOnClick", "type": "boolean", "required": false, "subFields": [], "helperText": "Link to product page on click instead of adding the product to the customer's cart", "autoFocus": false, "simpleTextOnly": false, "disallowRemove": false, "broadcast": false, "bubble": false, "hideFromUI": false, "hideFromFieldsEditor": false, "showTemplatePicker": true, "permissionsRequiredToEdit": "", "advanced": false, "copyOnAdd": true, "onChange": "", "behavior": "", "showIf": "!Boolean(options.get('linkToCartPageOnAddToCart'))", "mandatory": false, "hidden": false, "noPhotoPicker": false, "model": "", "supportsAiGeneration": false, "defaultCollapsed": false }, { "@type": "@builder.io/core:Field", "meta": {}, "name": "buttonText", "type": "text", "required": false, "subFields": [], "helperText": "", "autoFocus": false, "simpleTextOnly": false, "disallowRemove": false, "broadcast": false, "bubble": false, "hideFromUI": false, "hideFromFieldsEditor": false, "showTemplatePicker": true, "permissionsRequiredToEdit": "", "advanced": false, "copyOnAdd": true, "onChange": "", "behavior": "", "showIf": "", "mandatory": false, "hidden": false, "noPhotoPicker": false, "model": "", "supportsAiGeneration": false, "defaultCollapsed": false }, { "@type": "@builder.io/core:Field", "meta": {}, "name": "soldOutButtonText", "type": "text", "required": false, "subFields": [], "helperText": "", "autoFocus": false, "simpleTextOnly": false, "disallowRemove": false, "broadcast": false, "bubble": false, "hideFromUI": false, "hideFromFieldsEditor": false, "showTemplatePicker": true, "permissionsRequiredToEdit": "", "advanced": false, "copyOnAdd": true, "onChange": "", "behavior": "", "showIf": "", "mandatory": false, "hidden": false, "noPhotoPicker": false, "model": "", "supportsAiGeneration": false, "defaultCollapsed": false }, { "@type": "@builder.io/core:Field", "meta": {}, "name": "addedToCartButtonText", "type": "text", "required": false, "subFields": [], "helperText": "", "autoFocus": false, "simpleTextOnly": false, "disallowRemove": false, "broadcast": false, "bubble": false, "hideFromUI": false, "hideFromFieldsEditor": false, "showTemplatePicker": true, "permissionsRequiredToEdit": "", "advanced": false, "copyOnAdd": true, "onChange": "", "behavior": "", "showIf": "", "mandatory": false, "hidden": false, "noPhotoPicker": false, "model": "", "supportsAiGeneration": false, "defaultCollapsed": false } ], "blocks": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "actions": { "click": "var _a,_b,_c,_d,_e,_f,_g,Flib=state.Flib,hasProduct=!!window&&!!window.BigData&&!!window.BigData.product,requiresVariant=!!document.querySelector('.option-group[data-populated=\"true\"]'),variantEl=null,shippingData=null!==(_a=state.selectedVariantShipping)&&void 0!==_a?_a:Object.values(state.variantShipping)[0],variant=null!==(_e=null!==(_b=state.selectedProductVariant)&&void 0!==_b?_b:null===(_d=null===(_c=state.productInfo)||void 0===_c?void 0:_c.variants)||void 0===_d?void 0:_d[0])&&void 0!==_e?_e:{id:window.BigData.product.vid};console.log(\"DEBUG: pre-add to cart\",{state:{selectedVariantShipping:state.selectedVariantShipping,selectedProductVariant:state.selectedProductVariant,productInfoVariants:null===(_f=state.productInfo)||void 0===_f?void 0:_f.variants,variantsShipping:state.variantShipping},shippingData:shippingData,variant:variant});var items=[{quantity:1,id:hasProduct?variant.id:\"42871437951193\",properties:{_ship_date:shippingData.shipDate,_ship_msg:shippingData.shipMsg}}],today=new Date,shipDateStr=shippingData.shipDate,shipDate=new Date(shipDateStr+\" PST\"),shipMsg=shippingData.shipMsg;if(null===(_g=state.selectedAddons)||void 0===_g||_g.forEach((function(t){t.forEach((function(t){var a=new Date(t.shipDate+\" PST\");a>shipDate&&!t.shipsSeparately&&(shipDateStr=t.shipDate,shipDate=a,shipMsg=t.shipMsg)}))})),shipDate>today&&(items[0].properties[\"Estimated ship date\"]=shipMsg,shipDate>new Date(shippingData.shipDate+\" PST\")&&(items[0].properties._est_date=shipDateStr,items[0].properties._est_msg=shipMsg)),hasProduct&&requiresVariant&&(variantEl=document.querySelector('input[name^=\"variant\"]:checked'))&&(items[0].id=\"\".concat(variantEl.value),context.setState({selectedVariantDoesNotExist:!1})),state.selectedAddons&&state.selectedAddons.length>0){var addonParentProps_1={_addon_variants:BigData.product.selectedAddons.reduce((function(t,a){return t.concat(a.map((function(t){return t.id})))}),[])};Flib.traverse(BigData.product.selectedVariantAddonGroups,[\"gid\",\"arrName\",\"vid\",\"propName\"],(function(t,a){var e,i;if(\"id\"==t.propName){var s=BigData.product.selectedVariantAddonGroups[t.gid].key,r=BigData.product.selectedAddons.reduce((function(t,e){return t||e.find((function(t){return t.id===a}))}),void 0);addonParentProps_1.hasOwnProperty(s)?r&&addonParentProps_1[s].push(r.title):Object.assign(addonParentProps_1,r?((i={})[s]=[r.id],i):((e={})[s]=[],e))}})),Object.assign(items[0].properties,addonParentProps_1),items=items.concat(state.selectedAddons.reduce((function(t,a){return t.concat(a.map((function(t){var a=!1;if(Flib.traverse(BigData.product.selectedVariantAddonGroups,[\"gid\",\"arrName\",\"vid\"],(function(e,i){a||\"ephemeralVariantIds\"!=e.arrName||(a=i===t.id)})),a)return{};var e={quantity:1,id:t.id,properties:{_addon_parent_variant:items[0].id,_ship_date:t.shipDate,_ship_msg:t.shipMsg,\"Addon for\":state.productInfo.title}},i=new Date(t.shipDate+\" PST\");return t.shipsSeparately&&i>today?e.properties[\"Ships separately\"]=\"Estimated \".concat(t.shipMsg):!t.shipsSeparately&&shipDate>i&&(e.properties._est_date=shipDateStr,e.properties._est_msg=shipMsg),e})))}),[]))}if(!requiresVariant||requiresVariant&&variantEl){items.reverse();try{console.log(\"DEBUG: add to cart\",{items:items}),jQuery.post(\"\".concat(Shopify.routes.root,\"cart/add.js\"),{items:items},(function(t){state.inCart+=1,loadEgCartDrawer()}))}catch(t){console.log(\"submission error\",t)}}" }, "bindings": { "show": "state&&state.productInfo&&(0==state.qtyLimit||state.inCart0&&state.inCart>=state.qtyLimit;return _virtual_index", "hide": "!state||!state.productInfo||!state.productInfo.tags||state.productInfo.tags.filter((function(t){return\"coming-soon\"==t})).length||state.productInfo.tags.filter((function(t){return\"no-backorder\"==t})).length&&Object.values(state.variantsInStock).every((function(t){return\"false\"==t}))", "data-ship-msg": "var returnValue=function(){var e,t,a=new Date,n=null!==(e=state.selectedVariantShipping)&&void 0!==e?e:Object.values(state.variantShipping)[0],s=new Date(n.shipDate+\" PST\"),i=\" - ships \"+n.shipMsg;return null===(t=state.selectedAddons)||void 0===t||t.forEach((function(e){var t=new Date(e.shipDate+\" PST\");t>s&&(s=t,i=\" - ships \"+e.shipMsg)})),s {\n addonSet.forEach((addon) => {\n let addonShipDate = new Date(addon.shipDate + \" PST\");\n if (addonShipDate > shipDate && !addon.shipsSeparately) {\n shipDateStr = addon.shipDate;\n shipDate = addonShipDate;\n shipMsg = addon.shipMsg;\n }\n });\n});\nif (shipDate > today) {\n items[0].properties[\"Estimated ship date\"] = shipMsg;\n if (shipDate > new Date(shippingData.shipDate + \" PST\")) {\n items[0].properties._est_date = shipDateStr;\n items[0].properties._est_msg = shipMsg;\n }\n}\n\nif (hasProduct && requiresVariant) {\n variantEl = document.querySelector('input[name^=\"variant\"]:checked');\n if (!!variantEl) {\n items[0].id = `${variantEl.value}`;\n context.setState({\n selectedVariantDoesNotExist: false,\n });\n }\n}\n/*console.log({requiresVariant, variantEl});*/\nif (!!state.selectedAddons && state.selectedAddons.length > 0) {\n let addonParentProps = {\n _addon_variants: BigData.product.selectedAddons.reduce(\n (rolling, addonSet) => {\n return rolling.concat(addonSet.map((addon) => addon.id));\n },\n []\n ),\n };\n Flib.traverse(\n BigData.product.selectedVariantAddonGroups,\n [\"gid\", \"arrName\", \"vid\", \"propName\"],\n (ancestors, cVal) => {\n if (ancestors.propName != \"id\") {\n return;\n }\n let groupKey =\n BigData.product.selectedVariantAddonGroups[ancestors.gid].key;\n let addonMatch = BigData.product.selectedAddons.reduce(\n (rolling, addonSet) => {\n return !!rolling\n ? rolling\n : addonSet.find((addon) => addon.id === cVal);\n },\n undefined\n );\n if (!addonParentProps.hasOwnProperty(groupKey)) {\n Object.assign(\n addonParentProps,\n !addonMatch ? { [groupKey]: [] } : { [groupKey]: [addonMatch.title] }\n );\n } else if (!!addonMatch) {\n addonParentProps[groupKey].push(addonMatch.title);\n }\n }\n );\n Object.assign(items[0].properties, addonParentProps);\n items = items.concat(\n state.selectedAddons.reduce((rolling, addonSet) => {\n return rolling.concat(\n addonSet.map((addon) => {\n let isEphemeral = false;\n Flib.traverse(\n BigData.product.selectedVariantAddonGroups,\n [\"gid\", \"arrName\", \"vid\"],\n (ancestors, cVal) => {\n if (isEphemeral || ancestors.arrName != \"ephemeralVariantIds\") {\n return;\n }\n isEphemeral = cVal === addon.id;\n }\n );\n if (isEphemeral) {\n return {};\n }\n let ret = {\n quantity: 1,\n id: addon.id,\n properties: {\n _addon_parent_variant: items[0].id,\n _ship_date: addon.shipDate,\n _ship_msg: addon.shipMsg,\n \"Addon for\": state.productInfo.title,\n },\n };\n let addonShipDate = new Date(addon.shipDate + \" PST\");\n if (!!addon.shipsSeparately && addonShipDate > today) {\n ret.properties[\"Ships separately\"] = `Estimated ${addon.shipMsg}`;\n } else if (!addon.shipsSeparately && shipDate > addonShipDate) {\n ret.properties._est_date = shipDateStr;\n ret.properties._est_msg = shipMsg;\n }\n return ret;\n })\n );\n }, [])\n );\n}\n\nif (!requiresVariant || (requiresVariant && !!variantEl)) {\n items.reverse();\n try {\n console.log(\"DEBUG: add to cart\", { items });\n jQuery.post(`${Shopify.routes.root}cart/add.js`, { items }, (resp) => {\n state.inCart += 1;\n loadEgCartDrawer();\n });\n } catch (err) {\n console.log(\"submission error\", err);\n }\n}\n" }, "bindings": { "component.options.text": "let bigDataReady = !!window\r\n && !!window.BigData\r\n && !!window.BigData.product\r\n && !!window.BigData.product.store\r\nlet addText = !bigDataReady ? '' : window.BigData.product.store.addText;\r\nlet backorderText = !bigDataReady ? '' : window.BigData.product.store.backorderText;\r\n\r\nlet ignoreAvailable = !!state?.productInfo?.tags?.filter(tag => tag == 'ignore-available').length;\r\nlet baseForSale = !state.variantsInStock || !state.productInfo || state.variantsInStock[state.productInfo.variants[0].id] == \"true\";\r\nlet hasOptions = !state?.productInfo?.tags?.filter(tag => tag == 'coming-soon').length && !!state?.productInfo?.tags?.filter(tag => tag == 'show-variants').length && !!state?.productInfo?.options?.length;\r\nlet selectedVariantForSale = state?.variantsInStock?.[state.selectedProductVariant.id] == \"true\";\r\n\r\nif(bigDataReady) {\r\n if(ignoreAvailable || (!hasOptions && baseForSale) || selectedVariantForSale) {\r\n return (addText != null ? addText : \"\");\r\n }\r\n else {\r\n return !backorderText ? 'Backorder' : backorderText;\r\n }\r\n}\r\nreturn \"\";\r\n\r\n\r\n\r\n/* below code is old + currently unused */\r\nconst selectedProductVariant = state.selectedProductVariant;\r\n\r\nif(state.productAddedToCart) {\r\n return state.addedToCartButtonText;\r\n}\r\nelse if(selectedProductVariant && !selectedProductVariant.availableForSale) {\r\n if(bigDataReady && window.BigData.product.store.backorderText != \"\") {\r\n return window.BigData.product.store.backorderText;\r\n }\r\n else {\r\n return state.soldOutButtonText;\r\n }\r\n}\r\nelse if(state.selectedVariantDoesNotExist) {\r\n return 'Unavailable';\r\n}\r\n\r\nif(bigDataReady && window.BigData.product.store.addText != \"\") {\r\n return window.BigData.product.store.addText;\r\n}\r\nelse if(!window\r\n || !window.BigData\r\n || !window.BigData.cart\r\n || !window.BigData.product\r\n || !window.BigData.product.shipping\r\n || !state\r\n || !state.waveTable\r\n) {\r\n return 'Pre-order now';\r\n}\r\n\r\nlet currency = window.BigData.cart.currency;\r\n\r\nlet res = Object.keys(state.waveTable).filter(key => state.waveTable[key].includes(currency));\r\nlet waveKey = res.length ? res[0] : 'w3'; /* default to wave 3 */\r\n\r\nlet etas = window.BigData.product.shipping[waveKey];\r\nlet ret = etas.reduce(\r\n (final, x) => state.qtySold >= x.soldMinimum ? x.etaText : final\r\n, 'Pre-order now (No ETA)');\r\nreturn `${ret}`;", "show": "!!state && !!state.productInfo\r\n && (state.qtyLimit == 0 || state.inCart < state.qtyLimit)\r\n && (!window || !window.BigData || !window.BigData.product || window.BigData.product.id != \"7761325916377\")", "data-cart-max": "return state.qtyLimit > 0 && state.inCart >= state.qtyLimit;\n", "hide": "!state || !state.productInfo || !state.productInfo.tags\r\n|| state.productInfo.tags.filter(tag => tag == 'coming-soon').length\r\n|| (state.productInfo.tags.filter(tag => tag == 'no-backorder').length\r\n && Object.values(state.variantsInStock).every(inStock => inStock == 'false')\r\n)", "data-ship-msg": "const today = new Date();\nlet shippingData = state.selectedVariantShipping ?? Object.values(state.variantShipping)[0];\nlet shipDate = new Date(shippingData.shipDate + \" PST\");\nlet shipMsg = \" - ships \" + shippingData.shipMsg;\n\nstate.selectedAddons?.forEach(addon => {\n let addonShipDate = new Date(addon.shipDate + \" PST\");\n if(addonShipDate > shipDate) {\n shipDate = addonShipDate;\n shipMsg = \" - ships \" + addon.shipMsg;\n }\n});\nreturn shipDate < today ? \"\" : shipMsg;" } }, "layerName": "Add to Cart button", "id": "builder-d9d98e2ac3904c6faf274238238bb8b7", "properties": { "data-ship-msg": "" }, "class": "add-btn font-body-sm font-mob-xsm test-add", "meta": { "version": "0.0.91", "eventActions": { "change": null, "": [], "click": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "let {Flib} = state;\nlet hasProduct = !!window && !!window.BigData && !!window.BigData.product;\nlet requiresVariant = !!document.querySelector('.option-group[data-populated=\"true\"]');\nlet variantEl = null;\nlet shippingData = state.selectedVariantShipping ?? Object.values(state.variantShipping)[0];\nlet variant = state.selectedProductVariant ?? state.productInfo?.variants?.[0] ?? {id: window.BigData.product.vid};\nconsole.log('DEBUG: pre-add to cart', {\n\tstate: {\n\t\tselectedVariantShipping: state.selectedVariantShipping,\n\t\tselectedProductVariant: state.selectedProductVariant,\n\t\tproductInfoVariants: state.productInfo?.variants,\n\t\tvariantsShipping: state.variantShipping,\n\t},\n\tshippingData, variant,\n});\nlet items = [{\n\tquantity: 1,\n\tid: hasProduct ? variant.id : '42871437951193',\n\tproperties: {\n\t\t_ship_date: shippingData.shipDate,\n\t\t_ship_msg: shippingData.shipMsg\n\t}\n}];\nconst today = new Date();\nlet shipDateStr = shippingData.shipDate;\nlet shipDate = new Date(shipDateStr + \" PST\");\nlet shipMsg = shippingData.shipMsg;\n\nstate.selectedAddons?.forEach(addonSet => {\n\taddonSet.forEach(addon => {\n\t\tlet addonShipDate = new Date(addon.shipDate + \" PST\");\n\t\tif(addonShipDate > shipDate && !addon.shipsSeparately) {\n\t\t\tshipDateStr = addon.shipDate;\n\t\t\tshipDate = addonShipDate;\n\t\t\tshipMsg = addon.shipMsg;\n\t\t}\n\t});\n});\nif(shipDate > today) {\n\titems[0].properties['Estimated ship date'] = shipMsg;\n\tif(shipDate > (new Date(shippingData.shipDate + \" PST\"))) {\n\t\titems[0].properties._est_date = shipDateStr;\n\t\titems[0].properties._est_msg = shipMsg;\n\t}\n}\n\nif(hasProduct && requiresVariant) {\n\tvariantEl = document.querySelector('input[name^=\"variant\"]:checked');\n\tif(!!variantEl) {\n\t\titems[0].id = `${variantEl.value}`;\n\t\tcontext.setState({\n\t\t\t\tselectedVariantDoesNotExist: false\n\t\t});\n\t}\n}\n/*console.log({requiresVariant, variantEl});*/\nif(!!state.selectedAddons && state.selectedAddons.length > 0) {\n\tlet addonParentProps = {\n\t\t_addon_variants: BigData.product.selectedAddons.reduce((rolling, addonSet) => {\n\t\t\treturn rolling.concat(addonSet.map(addon => addon.id));\n\t\t}, [])\n\t};\n\tFlib.traverse(BigData.product.selectedVariantAddonGroups, ['gid', 'arrName', 'vid', 'propName'], (ancestors, cVal) => {\n\t\tif(ancestors.propName != 'id') { return; }\n\t\tlet groupKey = BigData.product.selectedVariantAddonGroups[ancestors.gid].key;\n\t\tlet addonMatch = BigData.product.selectedAddons.reduce((rolling, addonSet) => {\n\t\t\treturn !!rolling ? rolling : addonSet.find(addon => addon.id === cVal);\n\t\t}, undefined);\n\t\tif(!addonParentProps.hasOwnProperty(groupKey)) {\n\t\t\tObject.assign(addonParentProps, !addonMatch ? {[groupKey]: []} : {[groupKey]: [addonMatch.title]});\n\t\t} else if(!!addonMatch) {\n\t\t\taddonParentProps[groupKey].push(addonMatch.title);\n\t\t}\n\t});\n\tObject.assign(items[0].properties, addonParentProps);\n\titems = items.concat(state.selectedAddons.reduce((rolling, addonSet) => {\n\t\treturn rolling.concat(addonSet.map(addon => {\n\t\t\tlet isEphemeral = false;\n\t\t\tFlib.traverse(BigData.product.selectedVariantAddonGroups, ['gid', 'arrName', 'vid'], (ancestors, cVal) => {\n\t\t\t\tif(isEphemeral || ancestors.arrName != 'ephemeralVariantIds') { return; }\n\t\t\t\tisEphemeral = cVal === addon.id;\n\t\t\t});\n\t\t\tif(isEphemeral) {\n\t\t\t\treturn {};\n\t\t\t}\n\t\t\tlet ret = {\n\t\t\t\tquantity: 1,\n\t\t\t\tid: addon.id,\n\t\t\t\tproperties: {\n\t\t\t\t\t_addon_parent_variant: items[0].id,\n\t\t\t\t\t_ship_date: addon.shipDate,\n\t\t\t\t\t_ship_msg: addon.shipMsg,\n\t\t\t\t\t'Addon for': state.productInfo.title\n\t\t\t\t}\n\t\t\t};\n\t\t\tlet addonShipDate = new Date(addon.shipDate + \" PST\");\n\t\t\t\tif(!!addon.shipsSeparately && addonShipDate > today) {\n\t\t\t\t\tret.properties['Ships separately'] = `Estimated ${addon.shipMsg}`;\n\t\t\t\t}\n\t\t\t\telse if(!addon.shipsSeparately && shipDate > addonShipDate) {\n\t\t\t\t\tret.properties._est_date = shipDateStr;\n\t\t\t\t\tret.properties._est_msg = shipMsg;\n\t\t\t\t}\n\t\t\treturn ret;\n\t\t}));\n\t}, []));\n}\n\nif(!requiresVariant || (requiresVariant && !!variantEl)) {\n\titems.reverse();\n\ttry {\n\t\tconsole.log('DEBUG: add to cart', {items});\n\t\tjQuery.post(`${Shopify.routes.root}cart/add.js`, {items}, resp => {\n\t\t\tstate.inCart += 1;\n\t\t\tloadEgCartDrawer();\n\t\t});\n\t} catch(err) {console.log('submission error', err);}\n}" } } ] }, "bindingActions": { "data-cart-max": [ { "@type": "@builder.io/core:Action", "action": "@builder.io:customCode", "options": { "code": "return state.qtyLimit > 0 && state.inCart >= state.qtyLimit;" } } ], "data-ship-msg": null, "_newProperty": null }, "previousId": "builder-3bc726dc49394451a5cff255f7f739fd" }, "component": { "name": "Text", "options": {} }, "responsiveStyles": { "large": { "cursor": "pointer" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "show": "var _a,_b,_c,_d,_e,_virtual_index=state.productInfo&&(state.qtyLimit>0&&state.inCart>=state.qtyLimit||(null===(_b=null===(_a=null===state||void 0===state?void 0:state.productInfo)||void 0===_a?void 0:_a.tags)||void 0===_b?void 0:_b.filter((function(t){return\"coming-soon\"==t})).length)||(null===(_d=null===(_c=null===state||void 0===state?void 0:state.productInfo)||void 0===_c?void 0:_c.tags)||void 0===_d?void 0:_d.filter((function(t){return\"no-backorder\"==t})).length)&&Object.values(null===state||void 0===state?void 0:state.variantsInStock).every((function(t){return\"false\"==t})))&&!!(null===(_e=null===window||void 0===window?void 0:window.BigData)||void 0===_e?void 0:_e.product);return _virtual_index", "component.options.text": "var _a,_b,_c,_d,_virtual_index=(null===(_b=null===(_a=null===state||void 0===state?void 0:state.productInfo)||void 0===_a?void 0:_a.tags)||void 0===_b?void 0:_b.filter((function(t){return\"coming-soon\"==t})).length)?\"Coming soon\":(null===(_d=null===(_c=null===state||void 0===state?void 0:state.productInfo)||void 0===_c?void 0:_c.tags)||void 0===_d?void 0:_d.filter((function(t){return\"no-backorder\"==t})).length)&&Object.values(state.variantsInStock).every((function(t){return\"false\"==t}))?\"SOLD OUT\":state.addedToCartButtonText;return _virtual_index" }, "code": { "bindings": { "component.options.text": "!!state?.productInfo?.tags?.filter(tag => tag == 'coming-soon').length ? 'Coming soon' : (!!state?.productInfo?.tags?.filter(tag => tag == 'no-backorder').length && Object.values(state.variantsInStock).every(inStock => inStock == 'false')) ? 'SOLD OUT' : state.addedToCartButtonText", "show": "state.productInfo && ((state.qtyLimit > 0 && state.inCart >= state.qtyLimit) || state?.productInfo?.tags?.filter(tag => tag == 'coming-soon').length || (state?.productInfo?.tags?.filter(tag => tag == 'no-backorder').length && Object.values(state?.variantsInStock).every(inStock => inStock == 'false'))) && !!window?.BigData?.product" } }, "layerName": "ALREADY IN CART", "id": "builder-0b92692e50a0401da33e62efb9bd6700", "class": "add-btn no-hover font-body-sm font-mob-xsm test-already", "meta": { "version": "0.0.91", "eventActions": { "change": null }, "previousId": "builder-3bc726dc49394451a5cff255f7f739fd" }, "component": { "name": "Text", "options": {} }, "responsiveStyles": { "large": { "cursor": "not-allowed" } } } ], "tsCode": "/*\n * Global objects available:\n *\n * state - builder state object - learn about state https://www.builder.io/c/docs/guides/state-and-actions\n * context - builder context object - learn about state https://github.com/BuilderIO/builder/tree/main/packages/react#passing-data-and-functions-down\n * fetch - Fetch API - https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API'\n * Builder - Builder object - useful values include: Builder.isServer, Builder.isBrowser, Builder.isPreviewing, Builder.isEditing\n *\n * visit https://www.builder.io/c/docs/guides/custom-code\n * for more information on writing custom code\n */\n async function main () {\n if (Builder.isServer) {\n // Place any code here you want to only run on the server. Any \n // data fetched on the server will be available to re-hydrate on the client\n // if added to the state object\n }\n\n if (Builder.isBrowser) {\n // Place code that you only want to run in the browser (client side only) here\n // For example, anything that uses document/window access or DOM manipulation\n }\n}\n\nexport default main();", "jsCode": "var __awaiter=function(e,n,t,r){return new(t||(t=Promise))((function(o,i){function a(e){try{l(r.next(e))}catch(e){i(e)}}function u(e){try{l(r.throw(e))}catch(e){i(e)}}function l(e){var n;e.done?o(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(a,u)}l((r=r.apply(e,n||[])).next())}))},__generator=function(e,n){var t,r,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:u(0),throw:u(1),return:u(2)},\"function\"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function u(i){return function(u){return function(i){if(t)throw new TypeError(\"Generator is already executing.\");for(;a;)try{if(t=1,r&&(o=2&i[0]?r.return:i[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;switch(r=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,r=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(o=(o=a.trys).length>0&&o[o.length-1])&&(6===i[0]||2===i[0])){a=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]\n Upload prescription\n\n" } }, "responsiveStyles": { "large": { "inlineSize": "100%" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[SPACER] - x//16", "id": "builder-d624a55a6e1b4efea48abea548c16d71", "meta": { "previousId": "builder-e6c82cc917684776aac372a04069e683", "bindingActions": { "hide": null } }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } } ] }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "VARIANT DISABLER", "id": "builder-1bc9a9c6c4a04df28fe5c219e66924a8", "component": { "name": "Custom Code", "options": { "code": "\n", "replaceNodes": true } }, "responsiveStyles": { "large": { "display": "none" }, "medium": { "display": "none" }, "small": { "display": "none" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "ADDON UPDATER", "id": "builder-48633cf167ef41ccb8bbb4862292cf0a", "meta": { "previousId": "builder-1bc9a9c6c4a04df28fe5c219e66924a8" }, "component": { "name": "Custom Code", "options": { "code": "\n", "replaceNodes": true } }, "responsiveStyles": { "large": { "display": "none" }, "medium": { "display": "none" }, "small": { "display": "none" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "RX EDIT URL QUERY", "id": "builder-7d156e54947744bcad62369921a2f2e2", "meta": { "previousId": "builder-107ffe9ae4074ecf8e9b13565785644d" }, "component": { "name": "Custom Code", "options": { "code": "\n", "replaceNodes": true } }, "responsiveStyles": { "large": { "display": "none" }, "medium": { "display": "none" }, "small": { "display": "none" } } } ], "responsiveStyles": { "large": { "display": "flex", "flexDirection": "column" } } } ], "responsiveStyles": { "large": { "padding": "0px", "textAlign": "left", "width": "100%" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "SLIDER INTERACTION", "tagName": "div", "id": "builder-2246462740d04ebdac559600e72d0e89", "class": "TAVERN", "component": { "name": "Custom Code", "options": { "code": "\n", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[SPACER] - 160//120", "id": "builder-72724545b8454ca28d4e5b6dc6d1c914", "meta": { "previousId": "builder-38bc513872c841149ba23a3c51a80ff4" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "scriptsClientOnly": true } }, "responsiveStyles": { "large": { "display": "flex" }, "medium": { "display": "flex" }, "small": { "display": "flex" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "show": "var _a;(null===(_a=null===window||void 0===window?void 0:window.BigData)||void 0===_a?void 0:_a.product)&&(\"9130508157145\"==window.BigData.product.id||window.BigData.product.id)" }, "code": { "bindings": { "show": "!!window?.BigData?.product\r\n&& (window.BigData.product.id == '9130508157145'\r\n|| window.BigData.product.id == '9145777094873')" } }, "layerName": "Content Beyond Page", "id": "builder-a549cc80de3343bd887ecc78a886a0ff", "meta": { "bindingActions": { "show": null, "hide": null } }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "hide": "var _virtual_index=state.loading||!state.productInfo;return _virtual_index" }, "code": { "bindings": { "hide": "state.loading || !state.productInfo" } }, "layerName": "[GRID] - Form Factor", "id": "builder-ebb83bce5f9146a496cb4c9299216c3d", "class": "base-grid", "meta": { "previousId": "builder-fa35b6622e284adc920dc9cffe6f81fe" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "(grid right)", "id": "builder-91cf76b04e224bb887958c4d5b1ec7a1", "class": "gb-8 ge-11 gbt-1 get-12 gbm-1 gem-6", "meta": { "previousId": "builder-7afa5513b3774cf5b1552c732e894177" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-c8fcc25628d14ac987ef7894e20788df", "class": "gb-1 ge-6 get-8 gem-6 font-subhead subhead-shorten-top subhead-shorten-btm font-mob-lg mob-lg-shorten-top mob-lg-shorten-btm", "component": { "name": "Text", "options": { "text": "Shockingly small form factor.
A revolutionary approach" } }, "responsiveStyles": { "large": { "display": "flex", "flexDirection": "column", "position": "relative", "flexShrink": "0", "boxSizing": "border-box", "lineHeight": "normal", "height": "auto" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[SPACER] - 32//24", "id": "builder-edf2d7c4e83f468993a51adfe314d530", "class": "gb-1 ge-12 gem-6 ", "meta": { "previousId": "builder-835dafa98320486c8753720d636496df" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "scriptsClientOnly": true } }, "responsiveStyles": { "large": { "display": "flex" }, "medium": { "display": "flex" }, "small": { "display": "flex" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-f2a57d32b10a47bbafeaa4770784733c", "class": "gb-1 ge-6 get-6 gem-6 font-body-sm body-sm-shorten-top body-sm-shorten-btm", "component": { "name": "Text", "options": { "text": "Traditional VR headsets are bulky and uncomfortable. Beyond focuses on an ultra-light and compact form factor so you can enjoy long sessions in VR." } }, "responsiveStyles": { "large": { "display": "flex", "flexDirection": "column", "position": "relative", "flexShrink": "0", "boxSizing": "border-box", "lineHeight": "normal", "height": "auto" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[mSPACER] - 24", "id": "builder-0721c69185f046948247d7de40903a46", "meta": { "previousId": "builder-57fbb0127e9e4107adf820c9f56948e3" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "scriptsClientOnly": true } }, "responsiveStyles": { "large": { "display": "none" }, "medium": { "display": "none" }, "small": { "display": "flex" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[mSPACER] - 80", "id": "builder-008fdb404b484be5acd0789f48613b15", "meta": { "previousId": "builder-0662e0f285ea439f88fdee5a1e70f4a8" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "scriptsClientOnly": true } }, "responsiveStyles": { "large": { "display": "none" }, "medium": { "display": "none" }, "small": { "display": "none", "marginBottom": "-12px" } } } ], "responsiveStyles": { "large": { "display": "flex", "flexDirection": "column" } } } ], "responsiveStyles": { "large": { "padding": "0px", "textAlign": "left", "width": "100%" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[SPACER] - 56", "id": "builder-150e916c1fa344bf886228350e82fb35", "meta": { "previousId": "builder-526064ed63f74122984b4ef412db5802" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "scriptsClientOnly": true } }, "responsiveStyles": { "large": { "display": "flex" }, "medium": { "display": "flex" }, "small": { "display": "none" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[IMG] - Beyond Boxing", "id": "builder-547838e7ec65440ca9340d49d85e7cca", "class": "base-margin img-rounded", "meta": { "previousId": "builder-0b00c4d193cf4a0e8670e55348693873", "bindingActions": { "component": { "options": { "image": null } } } }, "component": { "name": "Image", "options": { "image": "https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F286223e402954280a3d8b5b5809f4a88?width=1648", "backgroundSize": "cover", "backgroundPosition": "center", "lazy": false, "fitContent": true, "aspectRatio": 0.7, "lockAspectRatio": false, "height": 1400, "width": 2000, "sizes": "(max-width: 638px) 64vw, (max-width: 998px) 97vw, 118vw" } }, "responsiveStyles": { "large": { "display": "flex", "flexDirection": "column", "position": "relative", "flexShrink": "0", "boxSizing": "border-box", "minWidth": "20px", "overflow": "hidden", "height": "30vw", "marginLeft": "0px", "marginRight": "0px" }, "medium": { "width": "100%", "height": "50vw" }, "small": { "width": "100%", "height": "90vw" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[mSPACER] - 24", "id": "builder-25998444f5bb4dad95045cd5d0158699", "meta": { "previousId": "builder-56cfdb99cc4e47e0a75dff5b85bbe733" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "scriptsClientOnly": true } }, "responsiveStyles": { "large": { "display": "none" }, "medium": { "display": "none" }, "small": { "display": "flex" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[SPACER] - 56", "id": "builder-47dd6bf1529d48d6b40e0624de7cc059", "meta": { "previousId": "builder-cd70f53cfeb04d44aefab15b845655f7" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "scriptsClientOnly": true } }, "responsiveStyles": { "large": { "display": "flex" }, "medium": { "display": "flex" }, "small": { "display": "none" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[GRID] - Spec Highlights", "id": "builder-709ac366f0be4f82a40dc0bc056e5255", "class": "base-grid", "meta": { "previousId": "builder-48b59f3619f649f0952a359b915af9df" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-643e9550d2ba4682ab11cbb08ce60411", "class": "gb-1 ge-3 get-3 font-head head-shorten-top gbm-1 gem-3 font-mob-head mob-head-shorten-top mob-head-shorten-btm", "meta": { "previousId": "builder-278a5f0ebc37430bba8684eb1dee1a7e" }, "component": { "name": "Text", "options": { "text": "

107g

" } }, "responsiveStyles": { "large": { "color": "rgba(0, 0, 0, 1)", "textAlign": "left", "marginRight": "84px" }, "medium": { "paddingRight": "0px", "marginRight": "0px", "fontSize": "24px" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-6128b203096746588503cf1f56b5f5db", "class": "gb-4 ge-6 gbt-4 get-6 font-head head-shorten-top gbm-4 gem-6 font-mob-head mob-head-shorten-top mob-head-shorten-btm", "meta": { "previousId": "builder-e129c94d47484f49a3a165c0ea6b0f7c" }, "component": { "name": "Text", "options": { "text": "

48-75 mm

" } }, "responsiveStyles": { "large": { "color": "rgba(0, 0, 0, 1)", "textAlign": "left", "marginRight": "84px" }, "medium": { "paddingRight": "0px", "marginRight": "0px", "fontSize": "24px" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-09754def24964a319bdc019469a09d1d", "class": "gbm-1 gem-3 font-detail detail-shorten-top detail-shorten-btm", "component": { "name": "Text", "options": { "text": "weight" } }, "responsiveStyles": { "large": { "display": "none", "flexDirection": "column", "position": "relative", "flexShrink": "0", "boxSizing": "border-box", "lineHeight": "normal", "height": "auto" }, "medium": { "display": "none" }, "small": { "textAlign": "left", "display": "flex" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-94432f55606f45d396a1c0aee31f3d0f", "class": "gbm-4 gem-6 font-detail detail-shorten-top detail-shorten-btm", "meta": { "previousId": "builder-93b5345eb57e4206aa7210c479cd8c4f" }, "component": { "name": "Text", "options": { "text": "IPD range
" } }, "responsiveStyles": { "large": { "display": "none", "flexDirection": "column", "position": "relative", "flexShrink": "0", "boxSizing": "border-box", "lineHeight": "normal", "height": "auto" }, "medium": { "display": "none" }, "small": { "textAlign": "left", "display": "flex" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[mSPACER] - 56", "id": "builder-0e423caa1eb747fea70db27412e6e4ba", "meta": { "previousId": "builder-2b568ad3edb741458dc7d66ae0f0f096" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "scriptsClientOnly": true } }, "responsiveStyles": { "large": { "display": "none" }, "medium": { "display": "none" }, "small": { "display": "flex", "marginTop": "-12px", "marginBottom": "-12px" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-c3437838f8ef4b5484e5f826e6cccc86", "class": "gb-7 ge-9 gbt-7 get-9 font-head head-shorten-top gbm-1 gem-3 font-mob-head mob-head-shorten-top mob-head-shorten-btm", "meta": { "previousId": "builder-ae65772675d148269ad9e0a6104efabc" }, "component": { "name": "Text", "options": { "text": "

143.1 mm

" } }, "responsiveStyles": { "large": { "color": "rgba(0, 0, 0, 1)", "textAlign": "left", "display": "none" }, "medium": { "fontSize": "24px" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-00ab9d1543694731aff5839e16b1a2d7", "class": "gb-10 ge-12 gbt-10 get-12 font-head head-shorten-top gbm-4 gem-6 font-mob-head mob-head-shorten-top mob-head-shorten-btm", "meta": { "previousId": "builder-f6df54b70beb435c82e3be1dcd6174c7" }, "component": { "name": "Text", "options": { "text": "

52.4 mm

" } }, "responsiveStyles": { "large": { "color": "rgba(0, 0, 0, 1)", "textAlign": "left", "display": "none" }, "medium": { "fontSize": "24px" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-e3d21eb7421a4ad2b870d5ee8c3ee753", "class": "gbm-1 gem-3 font-detail detail-shorten-top detail-shorten-btm", "meta": { "previousId": "builder-bfbe030c0178484797319ce4079c9dde" }, "component": { "name": "Text", "options": { "text": "length
" } }, "responsiveStyles": { "large": { "display": "none", "flexDirection": "column", "position": "relative", "flexShrink": "0", "boxSizing": "border-box", "lineHeight": "normal", "height": "auto" }, "medium": { "display": "none" }, "small": { "textAlign": "left", "display": "none" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-299ce3d86a7e4046a910a94db8bb311d", "class": "gbm-4 gem-6 font-detail detail-shorten-top detail-shorten-btm", "meta": { "previousId": "builder-725d7a730d9e4a96970cd53768b86e48" }, "component": { "name": "Text", "options": { "text": "width
" } }, "responsiveStyles": { "large": { "display": "none", "flexDirection": "column", "position": "relative", "flexShrink": "0", "boxSizing": "border-box", "lineHeight": "normal", "height": "auto" }, "medium": { "display": "none" }, "small": { "textAlign": "left", "display": "none" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-d5a513e3735440d18fffe13f92053dc6", "class": "gb-1 ge-3 get-3 font-detail head-shorten-top detail-shorten-btm", "meta": { "previousId": "builder-c98ca3300d4d4c42b32acd0395bc4a7d", "transformed.text": "localized", "localizedTextInputs": [ "text" ] }, "component": { "name": "Text", "options": { "text": { "@type": "@builder.io/core:LocalizedValue", "Default": "

weight

" } } }, "responsiveStyles": { "large": { "color": "rgba(120, 126, 129, 1)", "display": "flex" }, "medium": { "display": "flex", "textAlign": "left" }, "small": { "display": "none" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-3eda527437264b6980ae23f1ba7f9c05", "class": "gb-4 ge-6 gbt-4 get-6 font-detail head-shorten-top detail-shorten-btm", "meta": { "previousId": "builder-4cecb290472b45d0aa424d3b2c99b159", "transformed.text": "localized", "localizedTextInputs": [ "text" ] }, "component": { "name": "Text", "options": { "text": "

IPD range

" } }, "responsiveStyles": { "large": { "color": "rgba(120, 126, 129, 1)", "display": "flex" }, "medium": { "display": "flex", "textAlign": "left" }, "small": { "display": "none" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-2088ef296c8d47f48ffdd757046c7c99", "class": "gb-7 ge-9 gbt-7 get-9 font-detail head-shorten-top detail-shorten-btm", "meta": { "previousId": "builder-da94ff0a8c5f44fcb31f650e3c671538", "transformed.text": "localized", "localizedTextInputs": [ "text" ] }, "component": { "name": "Text", "options": { "text": "

length

" } }, "responsiveStyles": { "large": { "color": "rgba(120, 126, 129, 1)", "display": "none" }, "medium": { "display": "none", "textAlign": "left" }, "small": { "display": "none" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-1f2e243ca78a48369b814730f6d0ea99", "class": "gb-10 ge-12 gbt-10 get-12 font-detail head-shorten-top detail-shorten-btm", "meta": { "previousId": "builder-2dd5378f51d043ea80edb01ef1e157b6", "transformed.text": "localized", "localizedTextInputs": [ "text" ] }, "component": { "name": "Text", "options": { "text": "

length

" } }, "responsiveStyles": { "large": { "color": "rgba(120, 126, 129, 1)", "display": "none" }, "medium": { "display": "none", "textAlign": "left" }, "small": { "display": "none" } } } ], "responsiveStyles": { "large": { "marginLeft": "auto" }, "medium": { "marginLeft": "0px", "marginRight": "0px", "width": "100%" }, "small": { "paddingLeft": "0px" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[SPACER] - 160//120", "id": "builder-3c344287634a48bbb8b01960977ed19c", "meta": { "previousId": "builder-85e2a79fe18d4e37a30af374bd0efa2b" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "hide": "var _virtual_index=state.loading||!state.productInfo;return _virtual_index" }, "code": { "bindings": { "hide": "state.loading || !state.productInfo" } }, "layerName": "[GRID] - Form Factor", "id": "builder-299b172501204bd88db7479073bb6c21", "class": "base-grid", "meta": { "previousId": "builder-3ace0c04f4794e7b897400b12701131a" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "(grid right)", "id": "builder-898c3dfe2a86464aa98b0a49ac26254c", "class": "gb-1 ge-5 gbt-1 get-12 gbm-1 gem-6", "meta": { "previousId": "builder-2ca8eb3d7193473585c688166b4c8962" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-33a99c515f88407cbc12b8ee4b55321a", "class": "gb-1 ge-6 get-8 gem-6 font-subhead subhead-shorten-top subhead-shorten-btm font-mob-lg mob-lg-shorten-top mob-lg-shorten-btm", "component": { "name": "Text", "options": { "text": "
Unparalleled visual clarity in a tiny package. 
" } }, "responsiveStyles": { "large": { "display": "flex", "flexDirection": "column", "position": "relative", "flexShrink": "0", "boxSizing": "border-box", "lineHeight": "normal", "height": "auto" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[SPACER] - 32//24", "id": "builder-fc0d922f09be4ad89716599f79309476", "class": "gb-1 ge-12 gem-6 ", "meta": { "previousId": "builder-f78214737c7d4c71842c272b29d6756e" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "scriptsClientOnly": true } }, "responsiveStyles": { "large": { "display": "flex" }, "medium": { "display": "flex" }, "small": { "display": "flex" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-20ecf51f6f414d679656269e766c99c5", "class": "gb-1 ge-6 get-6 gem-6 font-body-sm body-sm-shorten-top body-sm-shorten-btm", "meta": { "previousId": "builder-f736694db5fa4c29a9a4178c3aad7b13" }, "component": { "name": "Text", "options": { "text": "Beyond 2's next-generation optics paired with ultra-high resolution micro-OLED displays delivers an unbelievable visual experience. The optics features total edge-to-edge clarity, a massive sweet spot, reduced glare, and improved brightness compared to Beyond 1. This provides vibrant colors, high contrast, sharp details, and a shockingly wide field of view that competes with leading headsets like the Meta Quest 3 and Valve Index. 
" } }, "responsiveStyles": { "large": { "display": "flex", "flexDirection": "column", "position": "relative", "flexShrink": "0", "boxSizing": "border-box", "lineHeight": "normal", "height": "auto" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[SPACER] - 56", "id": "builder-f39d555a922c47249199c4f440079ea2", "meta": { "previousId": "builder-526064ed63f74122984b4ef412db5802" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "scriptsClientOnly": true } }, "responsiveStyles": { "large": { "display": "flex" }, "medium": { "display": "flex" }, "small": { "display": "none" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[mSPACER] - 24", "id": "builder-7cd95949e5c74e1fb6d58030f0018edb", "meta": { "previousId": "builder-56cfdb99cc4e47e0a75dff5b85bbe733" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "scriptsClientOnly": true } }, "responsiveStyles": { "large": { "display": "none" }, "medium": { "display": "none" }, "small": { "display": "flex" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[mSPACER] - 80", "id": "builder-6b5b27051f0e47a5bcd6a29b28361413", "meta": { "previousId": "builder-814c7a394d9c4c33bb7673b8b8d62d21" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "scriptsClientOnly": true } }, "responsiveStyles": { "large": { "display": "none" }, "medium": { "display": "none" }, "small": { "display": "none", "marginBottom": "-12px" } } } ], "responsiveStyles": { "large": { "display": "flex", "flexDirection": "column" } } } ], "responsiveStyles": { "large": { "padding": "0px", "textAlign": "left", "width": "100%" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[IMG] - Beyond Boxing", "id": "builder-820f0f65ad3542669039a70e457ff69d", "class": "base-margin img-rounded", "meta": { "previousId": "builder-8a1bc95f01f64110af63f05e70234290", "bindingActions": { "component": { "options": { "image": null } } } }, "component": { "name": "Image", "options": { "image": "https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2Fc384f60f859b46979a5003ea70baa517?width=1648", "backgroundSize": "contain", "backgroundPosition": "center", "lazy": false, "fitContent": true, "aspectRatio": 0.552, "lockAspectRatio": false, "height": 1104, "width": 2000, "sizes": "(max-width: 638px) 64vw, (max-width: 998px) 97vw, 118vw" } }, "responsiveStyles": { "large": { "display": "flex", "flexDirection": "column", "position": "relative", "flexShrink": "0", "boxSizing": "border-box", "minWidth": "20px", "overflow": "hidden", "height": "30vw", "marginLeft": "0px", "marginRight": "0px", "backgroundColor": "rgba(0, 0, 0, 1)", "paddingTop": "0", "minHeight": "0", "paddingBottom": "0" }, "medium": { "width": "100%", "height": "50vw" }, "small": { "width": "100%", "height": "90vw" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[mSPACER] - 24", "id": "builder-a6bc6199b24142b387094ffbdc2a4ca6", "meta": { "previousId": "builder-f5b796225eba413ba1d2199d6585d989" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "scriptsClientOnly": true } }, "responsiveStyles": { "large": { "display": "none" }, "medium": { "display": "none" }, "small": { "display": "flex" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[SPACER] - 56", "id": "builder-9ba70dbe4ddf48dfa1e8cf367fb9fba8", "meta": { "previousId": "builder-c83a5dbc139e43f1b18532eed807c7a2" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "scriptsClientOnly": true } }, "responsiveStyles": { "large": { "display": "flex" }, "medium": { "display": "none" }, "small": { "display": "none" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[SPACER] - 56", "id": "builder-877512c95fa74892877526041423a5c8", "meta": { "previousId": "builder-c83a5dbc139e43f1b18532eed807c7a2" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "scriptsClientOnly": true } }, "responsiveStyles": { "large": { "display": "none" }, "medium": { "display": "flex" }, "small": { "display": "none" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[GRID] - Spec Highlights", "id": "builder-41be911446834e7bbf219860e0198764", "class": "base-grid", "meta": { "previousId": "builder-8115d5b47f964d6c945b5ed25b157235" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-42e776bd28564464b18ec66d8b774029", "class": "gb-1 ge-3 get-3 font-head head-shorten-top gbm-1 gem-3 font-mob-head mob-head-shorten-top mob-head-shorten-btm", "meta": { "previousId": "builder-291cbbc9256d4c978997021d64bdf69f" }, "component": { "name": "Text", "options": { "text": "

2560 × 2560

" } }, "responsiveStyles": { "large": { "color": "rgba(0, 0, 0, 1)", "textAlign": "left", "marginRight": "84px" }, "medium": { "paddingRight": "0px", "marginRight": "0px", "fontSize": "20px" }, "small": { "fontSize": "24px" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-4c79fd66a6e7485ebf23a5a853505859", "class": "gb-4 ge-6 gbt-4 get-6 font-head head-shorten-top gbm-4 gem-6 font-mob-head mob-head-shorten-top mob-head-shorten-btm", "meta": { "previousId": "builder-278a5f0ebc37430bba8684eb1dee1a7e" }, "component": { "name": "Text", "options": { "text": "

up to 90Hz

" } }, "responsiveStyles": { "large": { "color": "rgba(0, 0, 0, 1)", "textAlign": "left", "marginRight": "84px" }, "medium": { "paddingRight": "0px", "marginRight": "0px", "fontSize": "20px" }, "small": { "fontSize": "24px" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-b1fe6b75868d47b996fdc9fd35173148", "class": "gbm-1 gem-3 font-detail detail-shorten-top detail-shorten-btm", "meta": { "previousId": "builder-93b5345eb57e4206aa7210c479cd8c4f" }, "component": { "name": "Text", "options": { "text": "resolution" } }, "responsiveStyles": { "large": { "display": "none", "flexDirection": "column", "position": "relative", "flexShrink": "0", "boxSizing": "border-box", "lineHeight": "normal", "height": "auto" }, "medium": { "display": "none" }, "small": { "textAlign": "left", "display": "flex" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-677220152d514528a47fcff1f9d1dad6", "class": "gbm-4 gem-6 font-detail detail-shorten-top detail-shorten-btm", "meta": { "previousId": "builder-bfbe030c0178484797319ce4079c9dde" }, "component": { "name": "Text", "options": { "text": "refresh rate
" } }, "responsiveStyles": { "large": { "display": "none", "flexDirection": "column", "position": "relative", "flexShrink": "0", "boxSizing": "border-box", "lineHeight": "normal", "height": "auto" }, "medium": { "display": "none" }, "small": { "textAlign": "left", "display": "flex" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[mSPACER] - 56", "id": "builder-abb4b8a19392433e9505214000583680", "meta": { "previousId": "builder-999bc29451c746da8ef032b74b3b72ba" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "scriptsClientOnly": true } }, "responsiveStyles": { "large": { "display": "none" }, "medium": { "display": "none" }, "small": { "display": "flex", "marginTop": "-12px", "marginBottom": "-12px" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-38c08fa99bb14d5d9d13dbbe21acc2e7", "class": "gb-7 ge-9 gbt-7 get-9 font-head head-shorten-top gbm-1 gem-3 font-mob-head mob-head-shorten-top mob-head-shorten-btm", "meta": { "previousId": "builder-05cf41cf668e4268882bb1b26c6f1b1c" }, "component": { "name": "Text", "options": { "text": "

32

" } }, "responsiveStyles": { "large": { "color": "rgba(0, 0, 0, 1)", "textAlign": "left" }, "medium": { "fontSize": "20px" }, "small": { "fontSize": "24px" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-07570a0152804a70ab769634073cb26f", "class": "gb-10 ge-12 gbt-10 get-12 font-head head-shorten-top gbm-4 gem-6 font-mob-head mob-head-shorten-top mob-head-shorten-btm", "meta": { "previousId": "builder-2da3767178a144a4accbcda053618179" }, "component": { "name": "Text", "options": { "text": "

116°

" } }, "responsiveStyles": { "large": { "color": "rgba(0, 0, 0, 1)", "textAlign": "left" }, "medium": { "fontSize": "20px" }, "small": { "fontSize": "24px" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-e302df4b3ccb4e7a981abb032bc7babe", "class": "gbm-1 gem-3 font-detail detail-shorten-top detail-shorten-btm", "meta": { "previousId": "builder-725d7a730d9e4a96970cd53768b86e48" }, "component": { "name": "Text", "options": { "text": "pixels per degree (PPD)" } }, "responsiveStyles": { "large": { "display": "none", "flexDirection": "column", "position": "relative", "flexShrink": "0", "boxSizing": "border-box", "lineHeight": "normal", "height": "auto" }, "medium": { "display": "none" }, "small": { "textAlign": "left", "display": "flex", "color": "rgba(120, 126, 129, 1)" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-e51b92d68a234efbbca8b251126111bf", "class": "gbm-4 gem-6 font-detail detail-shorten-top detail-shorten-btm", "meta": { "previousId": "builder-f3e6d96a242f42baa5161c8aa7cab15f" }, "component": { "name": "Text", "options": { "text": "field of view
" } }, "responsiveStyles": { "large": { "display": "none", "flexDirection": "column", "position": "relative", "flexShrink": "0", "boxSizing": "border-box", "lineHeight": "normal", "height": "auto" }, "medium": { "display": "none" }, "small": { "textAlign": "left", "display": "flex" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-cdb728f7b560452fae359fb2ce517be1", "class": "gb-1 ge-3 get-3 font-detail head-shorten-top detail-shorten-btm", "meta": { "previousId": "builder-da94ff0a8c5f44fcb31f650e3c671538", "transformed.text": "localized", "localizedTextInputs": [ "text" ] }, "component": { "name": "Text", "options": { "text": "

pixels per eye

" } }, "responsiveStyles": { "large": { "color": "rgba(120, 126, 129, 1)", "display": "flex" }, "medium": { "display": "flex", "textAlign": "left" }, "small": { "display": "none" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-a82649610a7d4700b2cb451e0314e57a", "class": "gb-4 ge-6 gbt-4 get-6 font-detail head-shorten-top detail-shorten-btm", "meta": { "previousId": "builder-c98ca3300d4d4c42b32acd0395bc4a7d", "transformed.text": "localized", "localizedTextInputs": [ "text" ] }, "component": { "name": "Text", "options": { "text": "

refresh rate

" } }, "responsiveStyles": { "large": { "color": "rgba(120, 126, 129, 1)", "display": "flex" }, "medium": { "display": "flex", "textAlign": "left" }, "small": { "display": "none" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-b534461eac6b48768207ac3bf01e870d", "class": "gb-7 ge-9 gbt-7 get-9 font-detail head-shorten-top detail-shorten-btm", "meta": { "previousId": "builder-2dd5378f51d043ea80edb01ef1e157b6", "transformed.text": "localized", "localizedTextInputs": [ "text" ] }, "component": { "name": "Text", "options": { "text": "

peak pixels per degree

" } }, "responsiveStyles": { "large": { "color": "rgba(120, 126, 129, 1)", "display": "flex" }, "medium": { "display": "flex", "textAlign": "left" }, "small": { "display": "none" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-5909b650a47b4fde96aeb2f4d8623eea", "class": "gb-10 ge-12 gbt-10 get-12 font-detail head-shorten-top detail-shorten-btm", "meta": { "previousId": "builder-4206747f821f4cc99be53d638f77cd79", "transformed.text": "localized", "localizedTextInputs": [ "text" ] }, "component": { "name": "Text", "options": { "text": "

diagonal field of view

" } }, "responsiveStyles": { "large": { "color": "rgba(120, 126, 129, 1)", "display": "flex" }, "medium": { "display": "flex", "textAlign": "left" }, "small": { "display": "none" } } } ], "responsiveStyles": { "large": { "marginRight": "auto" }, "medium": { "marginLeft": "0px", "marginRight": "0px", "width": "100%" }, "small": { "paddingLeft": "0px" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[SPACER] - 160//120", "id": "builder-47c716ade21f45d58505799e3136e504", "meta": { "previousId": "builder-3c220e922dbc4436a9ef0087e49ed7e7" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } }, "responsiveStyles": { "medium": { "display": "none" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "hide": "var _virtual_index=state.loading||!state.productInfo;return _virtual_index" }, "code": { "bindings": { "hide": "state.loading || !state.productInfo" } }, "layerName": "[GRID] - Form Factor", "id": "builder-782bf8ee1d244efc99170ffdf5915ef9", "class": "base-grid", "meta": { "previousId": "builder-3ace0c04f4794e7b897400b12701131a" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "(grid right)", "id": "builder-9f52e75148c547ab930e289c2faa569a", "class": "gb-8 ge-11 gbt-1 get-12 gbm-1 gem-6", "meta": { "previousId": "builder-2ca8eb3d7193473585c688166b4c8962" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-bbadcba9f140487fabfb8fa20f92c597", "class": "gb-1 ge-6 get-8 gem-6 font-subhead subhead-shorten-top subhead-shorten-btm font-mob-lg mob-lg-shorten-top mob-lg-shorten-btm", "meta": { "previousId": "builder-34e5efc6cab24510b1f5cffca6a9787f" }, "component": { "name": "Text", "options": { "text": "Personalized to fit you perfectly. " } }, "responsiveStyles": { "large": { "display": "none", "flexDirection": "column", "position": "relative", "flexShrink": "0", "boxSizing": "border-box", "lineHeight": "normal", "height": "auto" }, "medium": { "display": "none" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[SPACER] - 32//24", "id": "builder-f2d5ab8bd54a489abb3572ea06672821", "class": "gb-1 ge-12 gem-6 ", "meta": { "previousId": "builder-f78214737c7d4c71842c272b29d6756e" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "scriptsClientOnly": true } }, "responsiveStyles": { "large": { "display": "none" }, "medium": { "display": "none" }, "small": { "display": "flex" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-f2091b5ce55e4cbba1b29ede3b021f3b", "class": "gb-1 ge-6 get-6 gem-6 font-body-sm body-sm-shorten-top body-sm-shorten-btm", "meta": { "previousId": "builder-f736694db5fa4c29a9a4178c3aad7b13" }, "component": { "name": "Text", "options": { "text": "A face cushion that fits you perfectly. Weight is evenly spread across the contours of your face, gently distributing pressure across your nose, cheeks and eyebrows. This prevents headaches and discomfort, typically caused by too much pressure on your face from heavy headsets.
" } }, "responsiveStyles": { "large": { "display": "none", "flexDirection": "column", "position": "relative", "flexShrink": "0", "boxSizing": "border-box", "lineHeight": "normal", "height": "auto" }, "medium": { "display": "none" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[SPACER] - 56", "id": "builder-1fbcc9f6208a46e68832cbe7015c2810", "meta": { "previousId": "builder-526064ed63f74122984b4ef412db5802" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "scriptsClientOnly": true } }, "responsiveStyles": { "large": { "display": "none" }, "medium": { "display": "none" }, "small": { "display": "none" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[mSPACER] - 24", "id": "builder-1a7b887f45ab4b7f92237a1ffd43cfa2", "meta": { "previousId": "builder-56cfdb99cc4e47e0a75dff5b85bbe733" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "scriptsClientOnly": true } }, "responsiveStyles": { "large": { "display": "none" }, "medium": { "display": "none" }, "small": { "display": "flex" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[mSPACER] - 80", "id": "builder-17ff2a087fab48d78b44e049df2ed259", "meta": { "previousId": "builder-814c7a394d9c4c33bb7673b8b8d62d21" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "scriptsClientOnly": true } }, "responsiveStyles": { "large": { "display": "none" }, "medium": { "display": "none" }, "small": { "display": "none", "marginBottom": "-12px" } } } ], "responsiveStyles": { "large": { "display": "flex", "flexDirection": "column" }, "medium": { "display": "none" } } } ], "responsiveStyles": { "large": { "padding": "0px", "textAlign": "left", "width": "100%" }, "medium": { "display": "none" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[GRID] - Body Tracking Imagery", "id": "builder-530e8a46ad664df3aaefdf401d0a4e3b", "class": "base-grid", "meta": { "previousId": "builder-49f15b2d29df4b3a87e25b01fb85a4f9" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "(grid left)", "id": "builder-747788474d454c2ab4207a3cf7d7f96f", "class": "gb-1 ge-6 get-6 gbm-1 gem-6", "meta": { "previousId": "builder-054793c47ff44e9e8fe581e014c78e5d" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[IMG] - Beyond Boxing", "id": "builder-38321072d32e4da9892b7c4a7b3feaae", "class": "base-margin img-rounded", "meta": { "previousId": "builder-241053718795466182f10a419778ad33", "bindingActions": { "component": { "options": { "image": null } } } }, "component": { "name": "Image", "options": { "image": "https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F014a4f7057784451936e3f4f0b5fecc4?width=816", "backgroundSize": "cover", "backgroundPosition": "center", "lazy": false, "fitContent": true, "aspectRatio": 0.873, "lockAspectRatio": false, "height": 1500, "width": 1718, "sizes": "(max-width: 998px) 48vw, 59vw" } }, "responsiveStyles": { "large": { "display": "none", "flexDirection": "column", "position": "relative", "flexShrink": "0", "boxSizing": "border-box", "minWidth": "20px", "overflow": "hidden", "height": "25vw", "marginLeft": "0px", "marginRight": "0px" }, "medium": { "height": "50vw", "display": "none" }, "small": { "width": "100%", "marginLeft": "0px", "height": "80vw" } } } ], "responsiveStyles": { "large": { "justifyContent": "flex-start", "display": "none", "flexDirection": "column", "width": "100%", "height": "30vw" }, "medium": { "height": "100%", "display": "none" }, "small": { "width": "100%", "height": "100%" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "(grid right)", "id": "builder-fd8c266776ae4593815a6244e9bb698e", "class": "gb-7 ge-12 gbt-7 gbm-1 gem-6", "meta": { "previousId": "builder-15050831bc214c2099d1c6dc6e833663" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[IMG] - Beyond Boxing", "id": "builder-a3c46e1e03584310b5f4ae6a42474fb5", "class": "base-margin img-rounded", "meta": { "previousId": "builder-7844338b884b4c22adc36adfcef9448a", "bindingActions": { "component": { "options": { "image": null } } } }, "component": { "name": "Image", "options": { "image": "https://cdn.builder.io/api/v1/image/assets%2F64dd5478e25746bf9db3b6c0319905f6%2F178faa702077421aad0f0e07f0966ea9?width=816", "backgroundSize": "cover", "backgroundPosition": "center", "lazy": false, "fitContent": true, "aspectRatio": 0.553, "lockAspectRatio": false, "height": 1105, "width": 2000, "sizes": "(max-width: 998px) 48vw, 59vw" } }, "responsiveStyles": { "large": { "display": "none", "flexDirection": "column", "position": "relative", "flexShrink": "0", "boxSizing": "border-box", "minWidth": "20px", "overflow": "hidden", "height": "25vw", "marginLeft": "0px", "marginRight": "0px", "backgroundColor": "rgba(0, 0, 0, 1)" }, "medium": { "height": "50vw", "display": "none" }, "small": { "width": "100%", "marginLeft": "0px", "height": "80vw" } } } ], "responsiveStyles": { "large": { "justifyContent": "flex-start", "display": "none", "flexDirection": "column", "height": "30vw" }, "medium": { "height": "100%", "display": "none" }, "small": { "height": "100%" } } } ], "responsiveStyles": { "large": { "paddingLeft": "0px", "paddingRight": "0px", "marginLeft": "0px", "marginRight": "0px", "display": "none" }, "medium": { "marginLeft": "0px", "marginRight": "0px", "display": "none" }, "small": { "display": "flex", "flexDirection": "row", "marginLeft": "0px", "marginRight": "0px", "width": "100%" } } } ], "responsiveStyles": { "large": { "display": "flex", "flexDirection": "column", "position": "relative", "flexShrink": "0", "boxSizing": "border-box" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "show": "var _virtual_index=!!state.specMap&&state.specMap.length>0&&!state.loading&&state.productInfo;return _virtual_index" }, "code": { "bindings": { "show": "!!state.specMap && state.specMap.length > 0 && !state.loading && state.productInfo" } }, "layerName": "[SPACER] - 120//80", "id": "builder-ddcd5ced013e4aaa9a7ff1214ff925db", "meta": { "previousId": "builder-025dd661174a480089c64bd534427e11" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "show": "var _virtual_index=!!state.specMap&&state.specMap.length>0&&!state.loading&&state.productInfo;return _virtual_index" }, "code": { "bindings": { "show": "!!state.specMap && state.specMap.length > 0 && !state.loading && state.productInfo" } }, "id": "builder-ed611cb0347b43e1aa70f93e1bc23707", "class": "font-subhead subhead-shorten-top subhead-shorten-btm font-mob-lg mob-lg-shorten-top mob-lg-shorten-btm", "component": { "name": "Text", "options": { "text": "

Specifications

" } }, "responsiveStyles": { "large": { "textAlign": "left" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "show": "var _virtual_index=!!state.specMap&&state.specMap.length>0&&!state.loading&&state.productInfo;return _virtual_index" }, "code": { "bindings": { "show": "!!state.specMap && state.specMap.length > 0 && !state.loading && state.productInfo" } }, "layerName": "[SPACER] - 40//", "id": "builder-6df929297dfe4965b5985c5ee122eefa", "meta": { "previousId": "builder-85e2a79fe18d4e37a30af374bd0efa2b" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "hide": "var _virtual_index=state.loading||!state.productInfo;return _virtual_index" }, "code": { "bindings": { "hide": "state.loading || !state.productInfo" } }, "repeat": { "collection": "state.specMap" }, "layerName": "[GRID] - Spec(i)", "id": "builder-5d2c7d01b91446de9b72c6fcca7e26c5", "class": "base-grid", "meta": { "previousId": "builder-56c8d097ca1b4032a0a9dfb9bca41a71" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[SPACER] - 32//", "id": "builder-26959160361b40e6bcb22e7111f9c4df", "class": "gb-1 ge-12", "meta": { "previousId": "builder-4499f710f28242afb8832cab541aa155" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "(grid number)", "id": "builder-cb3d95b74d06478b9559d5fd4dd71dbf", "class": "gb-1 ge-1 gbm-1 gem-2", "meta": { "previousId": "builder-e4bdf459e5ff400e9733751aefafb5b7" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "component.options.text": "var _virtual_index=state.specMapItem.index.toString().padStart(2,\"0\");return _virtual_index" }, "code": { "bindings": { "component.options.text": "state.specMapItem.index.toString().padStart(2, '0')" } }, "layerName": "Num (i) Label", "id": "builder-1d39677a35d0405da86f83d48d181135", "class": "font-body-sm body-sm-shorten-top body-sm-shorten-btm font-mob-xsm mob-xsm-shorten-top mob-xsm-shorten-btm", "meta": { "previousId": "builder-336ce3c3160842c4abf39c2356b028f1" }, "component": { "name": "Text", "options": { "text": "

01

" } } } ], "responsiveStyles": { "large": { "display": "flex", "flexDirection": "column" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "(grid name)", "id": "builder-c9fec4eb44a84f4ca9d36bfe85efd401", "class": "gb-2 ge-6 gbm-3 gem-6", "meta": { "previousId": "builder-c2cab5d3f8c64f1481bc6c086dea0a32" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "component.options.text": "var _virtual_index=state.specMapItem.name;return _virtual_index" }, "code": { "bindings": { "component.options.text": "state.specMapItem.name" } }, "layerName": "Spec Name", "id": "builder-01115e9443f54d79a2330e8079bf4d6a", "class": "font-body-sm body-sm-shorten-top body-sm-shorten-btm font-mob-xsm mob-xsm-shorten-top mob-xsm-shorten-btm", "meta": { "previousId": "builder-b2d0e7541de04c868408122ae1b0edb7" }, "component": { "name": "Text", "options": { "text": "

Min reqs

" } } } ], "responsiveStyles": { "large": { "display": "flex", "flexDirection": "column" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[SPACER] - 32//", "id": "builder-147f6331194849d6a999ec3bdb36ca94", "class": "gbm-1 gem-6", "meta": { "previousId": "builder-f11a520428cf4db8b3535d11805290de" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "(grid titles)", "id": "builder-561bee1360624e06ad1b55dbcd4ffb2a", "class": "gb-7 ge-8 gbm-1 gem-2 body-sm-shorten-top body-sm-shorten-btm mob-xsm-shorten-top mob-xsm-shorten-btm", "meta": { "previousId": "builder-c2cab5d3f8c64f1481bc6c086dea0a32" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "component.options.text": "var _virtual_index=state.specsItem.title;return _virtual_index", "show": "var _virtual_index=state.specsItem.title;return _virtual_index" }, "code": { "bindings": { "component.options.text": "state.specsItem.title", "show": "state.specsItem.title" } }, "repeat": { "collection": "state.specMapItem.specs" }, "layerName": "Title (j) Text", "id": "builder-a4df034f20f145979601c80e319a4d7c", "class": "font-body-sm font-mob-xsm", "meta": { "previousId": "builder-8624212b36084972b043997abe7c4ad0" }, "component": { "name": "Text", "options": { "text": "

GPU

" } }, "responsiveStyles": { "large": { "color": "rgba(120, 126, 129, 1)" } } } ], "responsiveStyles": { "large": { "display": "flex", "flexDirection": "column" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "(grid data)", "id": "builder-c5d4b207d6814e47be6fe2c6a3f20900", "class": "gb-9 ge-12 gbm-3 gem-6 body-sm-shorten-top body-sm-shorten-btm mob-xsm-shorten-top mob-xsm-shorten-btm", "meta": { "previousId": "builder-8a7b3d4f3d314ed4bb55c79630a6c197" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "component.options.text": "var _virtual_index=state.specsItem.data;return _virtual_index", "show": "var _virtual_index=state.specsItem.data;return _virtual_index" }, "code": { "bindings": { "component.options.text": "state.specsItem.data", "show": "state.specsItem.data" } }, "repeat": { "collection": "state.specMapItem.specs" }, "layerName": "Data (j) Text", "id": "builder-684bad63363c4068b8ef9b1b2caebfb6", "class": "font-body-sm font-mob-xsm", "meta": { "previousId": "builder-8624212b36084972b043997abe7c4ad0" }, "component": { "name": "Text", "options": { "text": "

GPU

" } } } ], "responsiveStyles": { "large": { "display": "flex", "flexDirection": "column" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "hide": "var _virtual_index=state.specMapItem.index==state.dummySpecMap.length;return _virtual_index" }, "code": { "bindings": { "hide": "state.specMapItem.index == state.dummySpecMap.length" } }, "layerName": "[SPACER] - 56//40", "id": "builder-3815ee6f151242bfb5479b875e6e381c", "class": "gb-1 ge-12", "meta": { "previousId": "builder-f11a520428cf4db8b3535d11805290de" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } } ], "responsiveStyles": { "large": { "gridRowGap": "0px", "borderTop": "1px solid #787E81", "padding": "0", "textAlign": "left" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[SPACER] - 160", "id": "builder-e8cb430d65b0487c8504ec30da554f47", "meta": { "previousId": "builder-1c8f9e030d12472797c6786393230138" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "scriptsClientOnly": true } }, "responsiveStyles": { "large": { "display": "flex" }, "medium": { "display": "flex" }, "small": { "display": "flex" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "show": "var _a,_virtual_index=!!(null===(_a=null===window||void 0===window?void 0:window.BigData)||void 0===_a?void 0:_a.product)&&\"9130508157145\"==window.BigData.product.id;return _virtual_index" }, "code": { "bindings": { "show": "!!window?.BigData?.product && window.BigData.product.id == '9130508157145'" } }, "layerName": "Reviews", "id": "builder-e7ed5f5d202e40029585fe05813d28e4", "properties": { "id": "reviews" }, "children": [ { "@type": "@builder.io/sdk:Element", "@version": 2, "id": "builder-4b8fea81f89646d6a9d17b580ce974b9", "class": "font-subhead subhead-shorten-top subhead-shorten-btm font-mob-lg mob-lg-shorten-top mob-lg-shorten-btm", "meta": { "previousId": "builder-6f4421d8074e4f7388fbaa0431ba3728" }, "component": { "name": "Text", "options": { "text": "

Customer Reviews

" } }, "responsiveStyles": { "large": { "textAlign": "left" } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "bindings": { "show": "var _virtual_index=state.specMap.length;return _virtual_index" }, "code": { "bindings": { "show": "state.specMap.length" } }, "layerName": "[SPACER] - 40//", "id": "builder-472309a06d0c404c8bad528b52409620", "meta": { "previousId": "builder-b82f477089b3448a9e066a453be81c16" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "replaceNodes": true } } }, { "@type": "@builder.io/sdk:Element", "@version": 2, "layerName": "[DIVIDER]", "id": "builder-174e70bbac4f46919a01df51fd3e6360", "class": "divider_review", "meta": { "previousId": "builder-612f11dbc92a410bbb7f99240292d434" }, "component": { "name": "Custom Code", "options": { "code": "
\n", "scriptsClientOnly": true } }, "responsiveStyles": { "large": { "width": "100%", "marginLeft": "0px!" } } } ], "responsiveStyles": { "large": { "display": "flex", "flexDirection": "column", "position": "relative", "flexShrink": "0", "boxSizing": "border-box" } } } ], "tsCode": "\n if (Builder.isBrowser) {\n //Dynamically determine the product to display\n // let idNode = document.querySelector('div.build-pid');\n // if(!!state && !!state.product && !!idNode) {\n // console.log('shabab!', {\n // stateProduct: state.product,\n // derivedName: idNode.textContent,\n // stateJSON: JSON.parse(JSON.stringify(state)),\n // }); //debug\n // // state.product = idNode.textContent;\n // }\n\n const transform = (product) => {\n return Object.assign({}, product, {\n compareAtPrice: product.compare_at_price,\n /// it's empty, will be synced through api and merged ( no need for ssr here )\n options: [],\n images: product.images.map((src) => ({\n src,\n alt: product.title,\n })),\n });\n };\n const shopifyWindow = window;\n if (shopifyWindow.BuilderJsonData && shopifyWindow.BuilderJsonData.product) {\n context.overrideProductId = shopifyWindow.BuilderJsonData.product.id;\n context.productObject = transform(shopifyWindow.BuilderJsonData.product);\n }\n }\n\n context.setState = (stateUpdates) => {\n for (let key in stateUpdates) {\n state[key] = stateUpdates[key];\n }\n if ('selectedProductVariant' in stateUpdates) {\n onProductVariantChange();\n }\n };\n const onProductVariantChange = () => {\n if (state.selectedProductVariant) {\n state.selectedImage = state.selectedProductVariant.image || state.selectedImage;\n }\n };\n const getProductId = () => {\n const contextPlaceholder = 'context_placeholder';\n if (state.product === contextPlaceholder) {\n return context.overrideProductId;\n }\n let product = state.product;\n if (typeof product === 'object' &&\n product &&\n product['@type'] === '@builder.io/core:Request') {\n product = product.options.product;\n }\n return product;\n };\n let lastProductId = getProductId();\n let lastDefaultVariantId = state.defaultVariantId;\n if (Builder.isEditing) {\n ref.onStateChange.subscribe(() => {\n const productId = getProductId();\n const defaultVariantId = state.defaultVariantId;\n if (lastProductId !== productId) {\n updateProduct();\n }\n else if (defaultVariantId !== lastDefaultVariantId ||\n (state.productInfo && !state.selectedProductVariant)) {\n setDefaultVariant();\n }\n lastProductId = productId;\n lastDefaultVariantId = defaultVariantId;\n });\n }\n if (state.productInfo && !state.selectedProductVariant) {\n setDefaultVariant();\n }\n function setDefaultVariant() {\n const productInfo = state.productInfo;\n const firstAvailableVariant = productInfo.variants.find(variant => variant.availableForSale);\n let defaultVariant = firstAvailableVariant ?? productInfo.variants[0];\n if (state.defaultVariantId) {\n const defaultVariantInfo = productInfo.variants.find(variant => String(variant.id) === String(state.defaultVariantId));\n if (defaultVariantInfo) {\n defaultVariant = defaultVariantInfo;\n }\n }\n state.selectedProductVariant = defaultVariant;\n state.selectedImage = (defaultVariant === null || defaultVariant === void 0 ? void 0 : defaultVariant.image) || productInfo.images[0];\n state.selectedVariantShipping = state?.variantShipping?.[defaultVariant.id];\n state.selectedVariantData = state?.variantData?.[defaultVariant.id];\n state.selectedVariantAddonGroups = state?.variantAddonGroups?.[defaultVariant.id];\n state.selectedAddons = state?.selectedVariantAddonGroups?.map(group => {\n return group.variants.reduce((rolling, variant) => {\n if((!group.toggleable && variant.id === group.checkedVariantIds?.[0]) ||\n (group.toggleable && group.checkedVariantIds.includes(variant.id))) {\n rolling.push(variant);\n }\n return rolling;\n }, []);\n });\n \n if(!!window?.BigData?.product) {\n window.BigData.product.selectedVariantShipping = state.selectedVariantShipping;\n window.BigData.product.selectedVariantData = state.selectedVariantData;\n window.BigData.product.selectedVariantAddonGroups = state.selectedVariantAddonGroups;\n window.BigData.product.selectedAddons = state.selectedAddons;\n }\n }\n function updateProduct() {\n var _a;\n const productId = getProductId();\n if (state.productInfo && !productId) {\n setDefaultVariant();\n return;\n }\n if (productId) {\n state.loading = true;\n const shopify = window.Shopify || {};\n const activeCurrency = ((_a = shopify.currency) === null || _a === void 0 ? void 0 : _a.active) || 'USD';\n const locale = Shopify.locale ?? 'en';\n return fetch(`https://cdn.builder.io/api/v1/shopify/product-box-data?apiKey=${state.apiKey || context.apiKey || builder.apiKey}&productId=${productId}¤cyIsoCode=${activeCurrency}&locale=${locale}`)\n .then(res => res.json())\n .then(data => {\n const { products } = data;\n if (products && products.length) {\n const productInfo = products[0];\n state.productInfo = productInfo;\n // console.log('gweesh?', {productInfo}); //debug\n setDefaultVariant();\n }\n state.loading = false;\n })\n .catch(err => {\n console.error('Error fetching Shopify product', err);\n state.loading = false;\n });\n }\n else {\n state.productInfo = null;\n }\n }\n updateProduct();\n", "cssCode": "" } } }, "inheritState": true } }, "responsiveStyles": { "large": { "display": "flex", "flexDirection": "column", "width": "100%" } } } ], "responsiveStyles": { "large": { "color": "rgba(0, 0, 0, 1)", "padding": "0px 16px", "textAlign": "center" } } } ] } }