https://app.listingview.io/_next/static/chunks/9217.f1f4d23efad0fcea.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9217,3501,2487],{32487:function(t,e,r){r.r(e);var n=r(2265),o=r(40718),i=r.n(o),a=r(29665);r(14071);var l=r(62899),s=r(68575),d=r(54438);let u=t=>{let{tourKey:e,steps:r,onComplete:o,onStart:i,onSkip:u,onAbort:p,skippable:c=!1,persistSeen:v=!0}=t,m=(0,n.useRef)(null),f=(0,n.useRef)(!1),g=(0,s.I0)();return(0,n.useEffect)(()=>{let t;if(!r||0===r.length)return;let n=!1,s=!1,h=async t=>{var r;if(n)return;n=!0;let i=m.current;if(v)try{let t=await (0,l.w4)({[e]:!0});t instanceof Error||(null==t?void 0:t.isAxiosError)===!0||(null==t?void 0:t.success)===!1||(null==t?void 0:t.error)||Number.isFinite(null==t?void 0:t.statusCode)&&t.statusCode>=400?console.error("PageTourGuide: Error marking ".concat(e," as seen:"),t):g((0,d.me)())}catch(t){console.error("PageTourGuide: Error marking ".concat(e," as seen:"),t)}null==i||i.destroy(),null===(r="skipped"===t?u:o)||void 0===r||r()},b=t=>{"Escape"===t.key&&f.current&&!n&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation(),h("skipped"))};if(c&&window.addEventListener("keydown",b,!0),m.current&&(m.current.destroy(),m.current=null),document.querySelectorAll(".driver-popover, .driver-overlay").forEach(t=>{var e;null===(e=t.parentNode)||void 0===e||e.removeChild(t)}),f.current)return;if(!document.getElementById("driver-tour-custom-style")){let t=document.createElement("style");t.id="driver-tour-custom-style",t.textContent="\n        .driver-popover {\n          background-color: #0c0a09 !important;\n        }\n        .driver-popover-arrow-side-top {\n          border-top-color: #000000 !important;\n          border-bottom: none !important;\n          border-left-color: transparent !important;\n          border-right-color: transparent !important;\n        }\n        .driver-popover-arrow-side-bottom {\n          border-bottom-color: #000000 !important;\n          border-top: none !important;\n          border-left-color: transparent !important;\n          border-right-color: transparent !important;\n        }\n        .driver-popover-arrow-side-left {\n          border-left-color: #000000 !important;\n          border-right: none !important;\n          border-top-color: transparent !important;\n          border-bottom-color: transparent !important;\n        }\n        .driver-popover-arrow-side-right {\n          border-right-color: #000000 !important;\n          border-left: none !important;\n          border-top-color: transparent !important;\n          border-bottom-color: transparent !important;\n        }\n        .driver-popover-body {\n          padding: 10px !important;\n        }\n        .driver-popover-title {\n          font-size: 14px !important;\n          font-weight: 600 !important;\n          color: #ffffff !important;\n        }\n        .driver-popover-description {\n          font-size: 12px !important;\n          font-weight: 400 !important;\n          color: #ffffff !important;\n        }\n        .driver-popover-footer {\n          display: flex !important;\n          gap: 8px !important;\n        }\n        .driver-popover-footer button {\n          background-color: #0c0a09 !important;\n          color: #ffffff !important;\n          border: 1px solid #2D3039 !important;\n          border-radius: 7px !important;\n          font-family: 'Inter', sans-serif !important;\n          position: relative !important;\n          overflow: hidden !important;\n          line-height: 1.2 !important;\n          white-space: nowrap !important;\n          text-shadow: none !important;\n          -webkit-text-stroke: 0 !important;\n        }\n        .driver-popover-footer button::before,\n        .driver-popover-footer button::after {\n          display: none !important;\n          content: none !important;\n        }\n        .driver-popover-footer button span,\n        .driver-popover-footer button > * {\n          position: relative !important;\n          z-index: 1 !important;\n          display: inline-block !important;\n        }\n        .driver-popover-footer button:not(:first-of-type) {\n          display: inline-flex !important;\n        }\n      ",document.head.appendChild(t)}let y=()=>

1{if(s||f.current)return;let e=r.map(t=>({...t,resolvedElement:document.querySelector(t.element)}));if(e.every(t=>t.resolvedElement)){m.current&&(m.current.destroy(),m.current=null),document.querySelectorAll(".driver-popover, .driver-overlay").forEach(t=>{var e;null===(e=t.parentNode)||void 0===e||e.removeChild(t)});let t=t=>t===e.length-1,r=t=>0===t;m.current=(0,a.v)({showProgress:!1,allowClose:c,overlayColor:"rgba(0, 0, 0, 0.75)",onDestroyStarted:c?()=>void h("skipped"):void 0,onCloseClick:c?()=>void h("skipped"):void 0,steps:e.map((e,n)=>({element:e.resolvedElement,popover:{title:e.title,description:e.description,side:e.side||"bottom",align:e.align||"start",showButtons:r(n)?["next",...c?["close"]:[]]:["previous","next",...c?["close"]:[]],nextBtnText:"Got it",onNextClick:t(n)?()=>{h("completed")}:()=>{var t;null===(t=m.current)||void 0===t||t.moveNext()}}}))}),f.current=!0;try{m.current.drive(),null==i||i()}catch(t){console.error("PageTourGuide: Error starting tour:",t)}}else{let r=y.attempts||0;if(r<20)y.attempts=r+1,t=setTimeout(y,r>5?1e3:500);else{var l;console.error("PageTourGuide: Failed to find all elements after 20 attempts. Missing:",e.filter(t=>!t.resolvedElement).map(t=>t.element)),n=!0,null===(l=null!=p?p:o)||void 0===l||l()}}},w=setTimeout(y,1500);return()=>{c&&window.removeEventListener("keydown",b,!0),s=!0,clearTimeout(w),clearTimeout(t),c&&f.current&&!n&&h("skipped"),m.current&&(m.current.destroy(),m.current=null),document.querySelectorAll(".driver-popover, .driver-overlay").forEach(t=>{var e;null===(e=t.parentNode)||void 0===e||e.removeChild(t)}),f.current=!1}},[g,p,o,u,i,v,c,r,e]),null};u.propTypes={tourKey:i().string.isRequired,steps:i().arrayOf(i().shape({element:i().string.isRequired,title:i().string.isRequired,description:i().string.isRequired,side:i().string,align:i().string})).isRequired,onComplete:i().func,persistSeen:i().bool},e.default=u},62899:function(t,e,r){r.d(e,{$R:function(){return d},FW:function(){return o},TJ:function(){return s},hZ:function(){return i},jC:function(){return l},kz:function(){return a},w4:function(){return u}});var n=r(4385);async function o(t){try{return(await n.default.post("".concat("https://backend.listingview.io","/api/integration/etsy/tag-extractor"),{listingId:t})).data}catch(t){return t}}async function i(t){try{return(await n.default.post("".concat("https://backend.listingview.io","/api/integration/etsy/tag-generator"),{keyword:t})).data}catch(t){return t}}async function a(){try{return(await n.default.put("".concat("https://backend.listingview.io","/api/auth/pod-onboarding-seen"),{},{timeout:15e3})).data}catch(e){var t;return console.error("Error marking POD onboarding as seen:",e),(null==e?void 0:null===(t=e.response)||void 0===t?void 0:t.data)||e}}async function l(){try{return(await n.default.put("".concat("https://backend.listingview.io","/api/auth/dashboard-visited"),{})).data}catch(e){var t;return console.error("Error marking dashboard as visited:",e),(null==e?void 0:null===(t=e.response)||void 0===t?void 0:t.data)||e}}async function s(){try{return(await n.default.put("".concat("https://backend.listingview.io","/api/auth/pod-first-listing-seen"),{},{timeout:15e3})).data}catch(e){var t;return console.error("Error marking POD first listing as seen:",e),(null==e?void 0:null===(t=e.response)||void 0===t?void 0:t.data)||e}}async function d(){try{return(await n.default.put("".concat("https://backend.listingview.io","/api/auth/research-peek-explainer-seen"),{})).data}catch(e){var t;return console.error("Error dismissing research peek explainer:",e),(null==e?void 0:null===(t=e.response)||void 0===t?void 0:t.data)||e}}async function u(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};try{return(await n.default.put("".concat("https://backend.listingview.io","/api/auth/tour-guide-seen"),t)).data}catch(t){var e;return console.error("Error marking tour guide as seen:",t),(null==t?void 0:null===(e=t.response)||void 0===e?void 0:e.data)||t}}},29217:function(t,e,r){r.r(e),r.d(e,{default:function(){return p}});var n=r(57437),o=r(2265),i=r(68575),a=r(32487);let l=[{element:'[data-tour="mockup-placement"]',title:"Place your artwork",description:"Choose Fit or Cover, then use the alignment controls to position your artwork inside each mockup’s print region.",side:"top",align:"start"}],s=new Set,d=t=>"lv:mockup-placement-tour:v1:".concat(t);function u(t){let{userId:e,onActiveChange:r}=t,i=d(e),[u,p]=(0,o.useState)(()=>!function(t){if(s.has(t))return!0;try{return"seen"===window.localStorage.getItem(t)}catch(t){return!1}}(i));(0,o.useEffect)(()=>(r(u),()=>r(!1)),[u,r]);let c=(0,o.useCallback)(()=>{s.add(i);try{window.localStorage.setItem(i,"seen")}catch(t){}},[i]),v=(0,o.useCallback)(()=>p(!1),[]);return u?(0,n.jsx)(a.default,{tourKey:"mockupPlacementTourSeen",steps:l,persistSeen:!1,skippable:!0,onStart:c,onComplete:v,onSkip:v,onAbort:v}):null}function p(t){let{onActiveChange:e}=t,r=(0,i.v9)(t=>{var e,r;return null===(r=t.user)||void 0===r?void 0:null===(e=r.myInfo)||void 0===e?void 0:e.userId});return null==r?null:(0,n.jsx)(u,{userId:r,onActiveChange:e},r)}}}]);