https://dopple-website.vercel.app/_next/static/chunks/893.4623ce90b9c16c5a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[893],{98853:function(d,b,a){"use strict";var e=a(61250),f=a(29901),c=a(27852),g=a.n(c);b.Z=function(a){var c=(0,f.useState)(0),b=c[0],d=c[1],h=function(a){d(a)};return(0,f.useEffect)(function(){a.onchange&&a.onchange(b)},[b]),(0,e.jsxs)(e.Fragment,{children:[a.label&&(0,e.jsx)("div",{className:g()["dropdown-menu__label"],children:(0,e.jsxs)("strong",{children:[a.label,":"]})}),(0,e.jsxs)("div",{className:g()["dropdown-menu"],children:[!a.hideThumbnail&&(0,e.jsx)("div",{className:g()["dropdown-menu__thumbnail"],children:(0,e.jsx)("img",{title:a.options[b].thumbnail,src:a.options[b].thumbnail,className:g()["dropdown-menu__thumbnail-img"]})}),(0,e.jsx)("select",{onChange:function(a){return h(a.target.value)},"data-av-property":a.property,children:a.options.map(function(a,b){return(0,e.jsx)("option",{"data-av-value":a.value,value:b,children:a.title},b)})}),(0,e.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",className:g()["dropdown-menu__icon"],viewBox:"0 0 24 24",children:(0,e.jsx)("polyline",{points:"6 9 12 15 18 9"})})]})]})}},85520:function(d,b,a){"use strict";var e=a(61250),f=a(29901),g=a(98853),h=a(18142),c=a(65948),i=a.n(c);b.Z=function(a){var c,b=a.categories,d=a.currentSelectionLabel,q=a.swatchSize,n=a.hideThumbnail,o=a.labelOnNewLine,r=a.onUpdateSelection,p=null===(c=b[0].options[b[0].options.findIndex(function(a){return!0===a.default})])|| void 0===c?void 0:c.title,j=(0,f.useState)(p||b[0].options[0].title),k=j[0],s=j[1],t=function(a){s(a)},l=(0,f.useState)(0),u=l[0],v=l[1],w=function(a){v(a)},x=function(a){w(a)},m=(0,f.useState)(0),y=m[0],z=m[1],A=function(a,b){t(a),z(b),r&&r({dropdownIndex:b,swatchTitle:a})};return(0,e.jsxs)(e.Fragment,{children:[!0===o?(0,e.jsxs)("div",{className:i()["swatch-list__current-swatch"],children:[(0,e.jsx)("p",{children:(0,e.jsxs)("strong",{children:[d,":"]})}),(0,e.jsx)("p",{children:k})]}):(0,e.jsxs)("div",{className:i()["swatch-list__current-swatch"],children:[(0,e.jsxs)("strong",{children:[d,":"]})," ",k]}),(0,e.jsx)(g.Z,{options:b,hideThumbnail:n||!1,onchange:function(a){x(a)}}),b.map(function(c,a){return(0,e.jsx)(h.Z,{type:"button",options:c.options,swatchType:"round",swatchSize:q,displayNone:u!=a,defaultTitle:b[0].options[0].title,onchange:function(b){A(b,a)},hideAllSelections:y!==a},a)})]})}},70020:function(d,b,a){"use strict";var e=a(61250),f=a(29901),c=a(43038),g=a.n(c);b.Z=function(b){var a=b.property,h=b.defaultOn,k=b.onLabel,c=b.onValue,l=b.offLabel,d=b.offValue,m=b.switchType,i=b.headerText,j=(0,f.useState)(0);return j[0],j[1],(0,e.jsxs)(e.Fragment,{children:[i&&(0,e.jsx)("div",{className:g()["toggle-switch__header"],children:(0,e.jsxs)("strong",{children:[i,":"]})}),(0,e.jsxs)("div",{className:g()["toggle-switch"]+" "+("square"===m?g()["toggle-switch--square"]:null),"data-av-property":a,children:[(0,e.jsx)("input",{className:g()["toggle-switch__input--off"]+" visually-hidden",id:a+"_"+d+"_state",type:"radio",name:a,value:d,defaultChecked:!h||!0}),(0,e.jsx)("input",{className:g()["toggle-switch__input--on"]+" visually-hidden",id:a+"_"+c+"_state",type:"radio",name:a,value:c,defaultChecked:h||!1}),(0,e.jsxs)("span",{className:g()["toggle-switch__switch"],children:[(0,e.jsx)("span",{className:g()["toggle-switch__handle"],children:(0,e.jsx)("svg",{className:"line-icon",viewBox:"0 0 16 16",children:(0,e.jsx)("polyline",{points:"12 5 6 11 3 8"})})}),(0,e.jsx)("label",{className:g()["toggle-switch__switch-label--off"],htmlFor:a+"_"+d+"_state"}),(0,e.jsx)("label",{className:g()["toggle-switch__switch-label--on"],htmlFor:a+"_"+c+"_state"})]}),(0,e.jsx)("label",{className:g()["toggle-switch__label"]+" "+g()["toggle-switch__label--off"],htmlFor:a+"_"+c+"_state",children:l||"Off"}),(0,e.jsx)("label",{className:g()["toggle-switch__label"]+" "+g()["toggle-switch__label--on"],htmlFor:a+"_"+d+"_state",children:k||"On"})]})]})}},58030:function(e,b,a){"use strict";a.r(b),a.d(b,{Sofa:function(){return q}});var c=a(3186),f=a.n(c),g=a(61250),h=a(29901),i=a(30988),j=a(78768),k=a(98853),l=a(10290),m=a(70020),n=a(85520),d=a(54595),o=a.n(d);function p(c,d,e,f,g,h,i){try{var a=c[h](i),b=a.value}catch(j){e(j);return}a.done?d(b):Promise.resolve(b).then(f,g)}function q(){var a="Sofa",b="$1,749",c=(0,h.useState)(!0),t=(c[0],c[1]),d=(0,h.useState)(!1);d[0],d[1];var q,r,u=function(){document.querySelector("atlatl-visual").analytics.sendCustomEvent("$addToCart")},e=(0,h.useState)(""),s=e[0],v=e[1];(0,h.useEffect)(function(){if(v((0,j.Z)()),!document.getElementById("doppleScript")){var a=document.createElement("script");a.id="doppleScript",a.src="https://builds.dopple.io/atlatl-visual-component/releases/current/index.js",a.defer=!0,document.body.appendChild(a),a.addEventListener("load",function(){w()})}return function(){var a=document.getElementById("doppleScript");a&&a.remove()}},[]);var w=(r=(q=f().mark(function a(){var b;return f().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return b=document.querySelector("atlatl-visual"),a.next=3,b.ready();case 3:t(!1);case 4:case"end":return a.stop()}},a)}),function(){var a=this,b=arguments;return new Promise(function(d,e){var f=q.apply(a,b);function c(a){p(f,d,e,c,g,"next",a)}

1function g(a){p(f,d,e,c,g,"throw",a)}c(void 0)})}),function(){return r.apply(this,arguments)});return(0,g.jsxs)("div",{className:o()["configurator-container"],children:[(0,g.jsxs)("div",{className:o()["mobile-header"],children:[(0,g.jsx)("h2",{className:"font-heading font-bold",style:{textTransform:"uppercase"},children:a}),(0,g.jsx)(l.Z,{price:b})]}),(0,g.jsxs)("div",{className:o().configurator,children:[(0,g.jsx)("main",{className:o()["visual-container"],children:(0,g.jsx)("div",{className:o()["sticky-container"],children:(0,g.jsxs)("atlatl-visual",{id:s,class:o()["visual-component"],"client-id":"5a4ce08b-a35e-43e0-b171-2d22d2afa549",alt:"Sofa Demo","touch-action":"none",tabIndex:"0",style:{backgroundColor:"#FFF"},children:[(0,g.jsx)("av-product",{id:"demo-sofa",namespace:"demo-assets",name:"arrow_sofa",children:(0,g.jsx)("av-binding",{src:"https://builds.dopple.io/atlatl-visual-component/releases/current/bindings/dom/index.js"})}),(0,g.jsxs)("av-native-ui",{children:[(0,g.jsx)("av-fullscreen",{"native-button":!0}),(0,g.jsx)("av-snapshot",{"native-button":!0}),(0,g.jsx)("av-ar",{"native-button":!0})]})]})})}),(0,g.jsxs)("aside",{className:o()["config-menu"],children:[(0,g.jsxs)("div",{className:o()["config-menu__header"],children:[(0,g.jsx)("h2",{className:"font-heading font-bold",style:{textTransform:"uppercase"},children:a}),(0,g.jsx)(l.Z,{price:b})]}),(0,g.jsx)("div",{className:o()["config-menu__section"],children:(0,g.jsx)(n.Z,{categories:[{title:"Leather",thumbnail:"/img/swatch-overlays/sofa-leather.png",options:[{title:"Leather \u2013 Black",background:"000000",multiProperty:[{sofa_material:"sofa_leather"},{sofa_color_leather:[0,0,0]}],overlay:"/img/swatch-overlays/sofa-leather.png"},{title:"Leather \u2013 Gray",background:"575757",multiProperty:[{sofa_material:"sofa_leather"},{sofa_color_leather:[95,95,95]}],overlay:"/img/swatch-overlays/sofa-leather.png",default:!0},{title:"Leather \u2013 White",background:"D0D0D0",multiProperty:[{sofa_material:"sofa_leather"},{sofa_color_leather:[255,255,255]}],overlay:"/img/swatch-overlays/sofa-leather.png"},{title:"Leather \u2013 Beige",background:"B4A28F",multiProperty:[{sofa_material:"sofa_leather"},{sofa_color_leather:[180,162,143]}],overlay:"/img/swatch-overlays/sofa-leather.png"},{title:"Leather \u2013 Brown",background:"654C38",multiProperty:[{sofa_material:"sofa_leather"},{sofa_color_leather:[114,86,64]}],overlay:"/img/swatch-overlays/sofa-leather.png"},{title:"Leather \u2013 Sienna",background:"C17F3F",multiProperty:[{sofa_material:"sofa_leather"},{sofa_color_leather:[193,127,63]}],overlay:"/img/swatch-overlays/sofa-leather.png"},{title:"Leather \u2013 Red",background:"B63345",multiProperty:[{sofa_material:"sofa_leather"},{sofa_color_leather:[197,59,78]}],overlay:"/img/swatch-overlays/sofa-leather.png"},{title:"Leather \u2013 Blue",background:"2D5DB6",multiProperty:[{sofa_material:"sofa_leather"},{sofa_color_leather:[45,93,182]}],overlay:"/img/swatch-overlays/sofa-leather.png"},{title:"Leather \u2013 Sky",background:"7A9EB9",multiProperty:[{sofa_material:"sofa_leather"},{sofa_color_leather:[122,158,185]}],overlay:"/img/swatch-overlays/sofa-leather.png"},]},{title:"Woven One-tone",thumbnail:"/img/swatch-overlays/sofa-woven-one-tone.png",options:[{title:"One-tone \u2013 Black",background:"000000",multiProperty:[{sofa_material:"sofa_one_tone"},{sofa_color_one_tone:[0,0,0]}],overlay:"/img/swatch-overlays/sofa-woven-one-tone.png"},{title:"One-tone \u2013 Gray",background:"575757",multiProperty:[{sofa_material:"sofa_one_tone"},{sofa_color_one_tone:[87,87,87]}],overlay:"/img/swatch-overlays/sofa-woven-one-tone.png"},{title:"One-tone \u2013 Brown",background:"654C38",multiProperty:[{sofa_material:"sofa_one_tone"},{sofa_color_one_tone:[114,86,64]}],overlay:"/img/swatch-overlays/sofa-woven-one-tone.png"},{title:"One-tone \u2013 Tan",background:"9A7456",multiProperty:[{sofa_material:"sofa_one_tone"},{sofa_color_one_tone:[154,116,86]}],overlay:"/img/swatch-overlays/sofa-woven-one-tone.png"},{title:"One-tone \u2013 Beige",background:"B4A28F",multiProperty:[{sofa_material:"sofa_one_tone"},{sofa_color_one_tone:[180,162,143]}],overlay:"/img/swatch-overlays/sofa-woven-one-tone.png"},{title:"One-tone \u2013 White",background:"D0D0D0",multiProperty:[{sofa_material:"sofa_one_tone"},{sofa_color_one_tone:[255,255,255]}],overlay:"/img/swatch-overlays/sofa-woven-one-tone.png"},{title:"One-tone - Red",background:"B63345",multiProperty:[{sofa_material:"sofa_one_tone"},{sofa_color_one_tone:[182,51,69]}],overlay:"/img/swatch-overlays/sofa-woven-one-tone.png"},{title:"One-tone - Orange",background:"DE944D",multiProperty:[{sofa_material:"sofa_one_tone"},{sofa_color_one_tone:[222,148,77]}],overlay:"/img/swatch-overlays/sofa-woven-one-tone.png"},{title:"One-tone - Yellow",background:"DBC31F",multiProperty:[{sofa_material:"sofa_one_tone"},{sofa_color_one_tone:[219,195,31]}],overlay:"/img/swatch-overlays/sofa-woven-one-tone.png"},{title:"One-tone - Mint",background:"79D0A6",multiProperty:[{sofa_material:"sofa_one_tone"},{sofa_color_one_tone:[121,206,166]}],overlay:"/img/swatch-overlays/sofa-woven-one-tone.png"},{title:"One-tone - Blue",background:"2D5DB6",multiProperty:[{sofa_material:"sofa_one_tone"},{sofa_color_one_tone:[45,93,182]}],overlay:"/img/swatch-overlays/sofa-woven-one-tone.png"},{title:"One-tone - Sky",background:"7A9EB9",multiProperty:[{sofa_material:"sofa_one_tone"},{sofa_color_one_tone:[122,158,185]}],overlay:"/img/swatch-overlays/sofa-woven-one-tone.png"},{title:"One-tone - Violet",background:"9F5EDC",multiProperty:[{sofa_material:"sofa_one_tone"},{sofa_color_one_tone:[159,94,220]}],overlay:"/img/swatch-overlays/sofa-woven-one-tone.png"},{title:"One-tone - Pink",background:"E5B2CC",multiProperty:[{sofa_material:"sofa_one_tone"},{sofa_color_one_tone:[229,178,204]}],overlay:"/img/swatch-overlays/sofa-woven-one-tone.png"},]},{title:"Woven Two-tone",thumbnail:"/img/swatch-overlays/sofa-woven-two-tone.png",options:[{title:"Two-tone \u2013 Black",background:"000000",multiProperty:[{sofa_material:"sofa_two_tone"},{sofa_color_two_tone:[0,0,0]}],overlay:"/img/swatch-overlays/sofa-woven-two-tone.png"},{title:"Two-tone \u2013 Gray",background:"575757",multiProperty:[{sofa_material:"sofa_two_tone"},{sofa_color_two_tone:[87,87,87]}],overlay:"/img/swatch-overlays/sofa-woven-two-tone.png"},{title:"Two-tone \u2013 Brown",background:"654C38",multiProperty:[{sofa_material:"sofa_two_tone"},{sofa_color_two_tone:[114,86,64]}],overlay:"/img/swatch-overlays/sofa-woven-two-tone.png"},{title:"Two-tone \u2013 Tan",background:"9A7456",multiProperty:[{sofa_material:"sofa_two_tone"},{sofa_color_two_tone:[154,116,86]}],overlay:"/img/swatch-overlays/sofa-woven-two-tone.png"},{title:"Two-tone \u2013 Beige",background:"B4A28F",multiProperty:[{sofa_material:"sofa_two_tone"},{sofa_color_two_tone:[180,162,143]}],overlay:"/img/swatch-overlays/sofa-woven-two-tone.png"},{title:"Two-tone \u2013 White",background:"D0D0D0",multiProperty:[{sofa_material:"sofa_two_tone"},{sofa_color_two_tone:[255,255,255]}],overlay:"/img/swatch-overlays/sofa-woven-two-tone.png"},{title:"Two-tone - Red",background:"B63345",multiProperty:[{sofa_material:"sofa_two_tone"},{sofa_color_two_tone:[182,51,69]}],overlay:"/img/swatch-overlays/sofa-woven-two-tone.png"},{title:"Two-tone - Orange",background:"DE944D",multiProperty:[{sofa_material:"sofa_two_tone"},{sofa_color_two_tone:[222,148,77]}],overlay:"/img/swatch-overlays/sofa-woven-two-tone.png"},{title:"One-tone - Yellow",background:"DBC31F",multiProperty:[{sofa_material:"sofa_one_tone"},{sofa_color_one_tone:[219,195,31]}],overlay:"/img/swatch-overlays/sofa-woven-two-tone.png"},{title:"Two-tone - Mint",background:"79D0A6",multiProperty:[{sofa_material:"sofa_two_tone"},{sofa_color_two_tone:[121,206,166]}],overlay:"/img/swatch-overlays/sofa-woven-two-tone.png"},{title:"Two-tone - Blue",background:"2D5DB6",multiProperty:[{sofa_material:"sofa_two_tone"},{sofa_color_two_tone:[45,93,182]}],overlay:"/img/swatch-overlays/sofa-woven-two-tone.png"},{title:"Two-tone - Sky",background:"7A9EB9",multiProperty:[{sofa_material:"sofa_two_tone"},{sofa_color_two_tone:[122,158,185]}],overlay:"/img/swatch-overlays/sofa-woven-two-tone.png"},{title:"Two-tone - Violet",background:"9F5EDC",multiProperty:[{sofa_material:"sofa_two_tone"},{sofa_color_two_tone:[159,94,220]}],overlay:"/img/swatch-overlays/sofa-woven-two-tone.png"},{title:"Two-tone - Pink",background:"E5B2CC",multiProperty:[{sofa_material:"sofa_two_tone"},{sofa_color_two_tone:[229,178,204]}],overlay:"/img/swatch-overlays/sofa-woven-two-tone.png"},]},],currentSelectionLabel:"Material",swatchSize:"md"})}),(0,g.jsx)("div",{className:o()["config-menu__section"],children:(0,g.jsx)(k.Z,{label:"Arm Style",property:"sofa_arms",options:[{title:"Block",value:"sofa_arms_block",thumbnail:"/img/demos/jacket/studs_none.jpg"},{title:"Arch",value:"sofa_arms_arch",thumbnail:"/img/demos/jacket/studs_pyramid.jpg"},{title:"Slope",value:"sofa_arms_slope",thumbnail:"/img/demos/jacket/studs_dome.jpg"},],hideThumbnail:!0})}),(0,g.jsx)("div",{className:o()["config-menu__section"],children:(0,g.jsx)(n.Z,{categories:[{title:"Metal",thumbnail:"/img/swatch-overlays/sofa-woven-one-tone.png",options:[{title:"Gold",background:"FFC690",multiProperty:[{sofa_legs:"sofa_legs_metal"},{legs_color_metal:[255,198,144]}]},{title:"Stainless Steel",background:"FFF5EB",multiProperty:[{sofa_legs:"sofa_legs_metal"},{legs_color_metal:[255,245,235]}],default:!0},{title:"Silver",background:"FAFAFA",multiProperty:[{sofa_legs:"sofa_legs_metal"},{legs_color_metal:[252,252,252]}]},{title:"Brushed Metal",background:"878B90",multiProperty:[{sofa_legs:"sofa_legs_metal"},{legs_color_metal:[135,139,144]}]},{title:"Iron",background:"424446",multiProperty:[{sofa_legs:"sofa_legs_metal"},{legs_color_metal:[66,68,70]}]},]},{title:"Wooden",thumbnail:"/img/swatch-overlays/sofa-leather.png",options:[{title:"Tan",background:"C2A16F",multiProperty:[{sofa_legs:"sofa_legs_wooden"},{legs_color_wooden:[194,161,111]}]},{title:"Taupe",background:"DBD3C6",multiProperty:[{sofa_legs:"sofa_legs_wooden"},{legs_color_wooden:[219,211,198]}]},{title:"Walnut",background:"50360D",multiProperty:[{sofa_legs:"sofa_legs_wooden"},{legs_color_wooden:[80,54,13]}]},]},],currentSelectionLabel:"Leg Style",swatchSize:"md",hideThumbnail:!0})}),(0,g.jsx)("div",{className:o()["config-menu__section"],children:(0,g.jsx)(k.Z,{label:"Cushion Type",property:"back_cushions",options:[{title:"Buttoned",value:"back_cushions_button"},{title:"Flat",value:"back_cushions_flat"},],hideThumbnail:!0})}),(0,g.jsx)("div",{className:o()["config-menu__section"],children:(0,g.jsx)(m.Z,{headerText:"Lumbar Pillows",property:"sofa_pillows",defaultOn:!1,onLabel:"On",onValue:"add_on_lumbar_pillows_on",offLabel:"Off",offValue:"add_on_lumbar_pillows_off"})}),(0,g.jsx)("div",{className:o()["config-menu__section"],children:(0,g.jsx)(m.Z,{headerText:"Chaise",property:"add_on_chaise",defaultOn:!0,onLabel:"On",onValue:"add_on_chaise_on",offLabel:"Off",offValue:"add_on_chaise_off"})}),(0,g.jsx)("div",{className:o()["config-menu__section"],children:(0,g.jsx)(m.Z,{headerText:"Ottoman",property:"add_on_ottoman",defaultOn:!0,onLabel:"Open",onValue:"add_on_ottoman_on",offLabel:"Closed",offValue:"add_on_ottoman_off"})}),(0,g.jsx)("div",{className:o()["config-menu__cta-section"],children:(0,g.jsx)(i.PH,{href:"/pricing",className:o()["config-menu__cta-button"],onClick:function(){return u()},children:"Schedule a Demo"})})]})]})]})}},27852:function(a){a.exports={"dropdown-menu":"DropdownMenu_dropdown-menu__oD2EM","dropdown-menu__thumbnail":"DropdownMenu_dropdown-menu__thumbnail__cYq0y","dropdown-menu__thumbnail-img":"DropdownMenu_dropdown-menu__thumbnail-img__RIhIj","dropdown-menu__icon":"DropdownMenu_dropdown-menu__icon__Oh8g1","dropdown-menu__label":"DropdownMenu_dropdown-menu__label__Mlrn7"}},43038:function(a){a.exports={"toggle-switch":"ToggleSwitch_toggle-switch__5YZ_G","toggle-switch__switch":"ToggleSwitch_toggle-switch__switch__ugQQY","toggle-switch__label":"ToggleSwitch_toggle-switch__label__zE6rh","toggle-switch__handle":"ToggleSwitch_toggle-switch__handle__ycziB","toggle-switch__input--on":"ToggleSwitch_toggle-switch__input--on__JdzBZ","toggle-switch__input--off":"ToggleSwitch_toggle-switch__input--off__X2w9g","toggle-switch__switch-label--on":"ToggleSwitch_toggle-switch__switch-label--on__awJTA","toggle-switch__switch-label--off":"ToggleSwitch_toggle-switch__switch-label--off__33xfD","toggle-switch__label--off":"ToggleSwitch_toggle-switch__label--off__VId4B","toggle-switch__label--on":"ToggleSwitch_toggle-switch__label--on__W8jd_","toggle-switch--square":"ToggleSwitch_toggle-switch--square__VcoQg","toggle-switch__header":"ToggleSwitch_toggle-switch__header__Oqxk0"}},54595:function(a){a.exports={"configurator-container":"_Sofa_configurator-container__eaM9G",configurator:"_Sofa_configurator__AJC0c","sticky-container":"_Sofa_sticky-container__i1dNc","visual-container":"_Sofa_visual-container__I8nhJ","visual-component":"_Sofa_visual-component___QaPV","mobile-header":"_Sofa_mobile-header__3ePNq","config-menu":"_Sofa_config-menu__sI1IT","config-menu__header":"_Sofa_config-menu__header__sr8cH","config-menu__section":"_Sofa_config-menu__section__O1Ru4","section-header":"_Sofa_section-header__zlSB3","config-menu__cta-section":"_Sofa_config-menu__cta-section__GmpTj","config-menu__cta-button":"_Sofa_config-menu__cta-button__r2_Y7","config-menu__cta-popup":"_Sofa_config-menu__cta-popup__a9ZQG","config-menu__cta-popup--active":"_Sofa_config-menu__cta-popup--active__8F_8T"}}}])