"use strict";(self.webpackChunk_wcAdmin_webpackJsonp=self.webpackChunk_wcAdmin_webpackJsonp||[]).push([[3118],{58659:function(e,o,t){t.r(o),t.d(o,{default:function(){return f}});var r=t(69307),n=t(14599),c=t(9818),s=t(55609),a=t(67221),i=t(78747),m=t(51393),l=t(65736),d=t(86020);const u=e=>{let{onClose:o}=e;const t={placement:"auto",options:{effects:{spotlight:{interactivity:{enabled:!1}},liveResize:{mutation:!0,resize:!0}}},steps:[{referenceElements:{desktop:".woocommerce-product-form-tab__general .woocommerce-form-section__content"},meta:{name:"story",heading:(0,l.__)("📣 Tell a story about your product","woocommerce"),descriptions:{desktop:(0,l.__)("The product form will help you describe your product field by field—from basic details like name and description to attributes the customers can use to find it on your store.","woocommerce")}}},{referenceElements:{desktop:"#tab-panel-0-pricing"},meta:{name:"tabs",heading:(0,l.__)("✍️ Set up pricing & more","woocommerce"),descriptions:{desktop:(0,l.__)("When done, use the tabs to switch between other details and settings. In the future, you’ll also find here extensions and plugins.","woocommerce")}}},{referenceElements:{desktop:".woocommerce-product-form-actions"},meta:{name:"actions",heading:(0,l.__)("🔍 Preview and publish","woocommerce"),descriptions:{desktop:(0,l.__)("With all the details in place, use the buttons at the top to easily preview and publish your product. Click the arrow button for more options.","woocommerce")}}},{referenceElements:{desktop:".woocommerce-product-form-more-menu"},meta:{name:"more",heading:(0,l.__)("⚙️ Looking for more?","woocommerce"),descriptions:{desktop:(0,l.__)("If the form doesn’t yet have all the features you need —it’s still in development— you can switch to the classic editor anytime.","woocommerce")}}}],closeHandler:o};return(0,r.createElement)(d.TourKit,{config:t})};var p=t(43729);const _=e=>{let{onClose:o,onStart:t}=e;return(0,r.createElement)(s.Modal,{bodyOpenClassName:"woocommerce-product-tour-modal__modal-open",className:"woocommerce-product-tour-modal",onRequestClose:()=>o(),overlayClassName:"woocommerce-product-tour-modal__overlay",shouldCloseOnClickOutside:!1,title:(0,l.__)("Meet the product editing form","woocommerce")},(0,r.createElement)("div",{className:"woocommerce-product-tour-modal__header-img"},(0,r.createElement)("img",{src:p,alt:(0,l.__)("Product editing tour","woocommerce")})),(0,r.createElement)("div",{className:"woocommerce-product-tour-modal__content"},(0,r.createElement)("p",null,(0,l.__)("Let us show you how to navigate the form and create this product from start to finish in no time.","woocommerce")),(0,r.createElement)("div",{className:"woocommerce-product-tour-modal__actions"},(0,r.createElement)(s.Button,{variant:"tertiary",onClick:()=>o()},(0,l.__)("I'll explore on my own","woocommerce")),(0,r.createElement)(s.Button,{variant:"primary",onClick:()=>{t()}},(0,l.__)("Show me around (10s)","woocommerce")))))},w="woocommerce_product_tour_modal_hidden",h=()=>{const{dismissModal:e,endTour:o,isModalHidden:t,isTouring:n,startTour:s}=(()=>{const[e,o]=(0,r.useState)(!1),{updateOptions:t}=(0,c.useDispatch)(a.OPTIONS_STORE_NAME),{isModalHidden:n}=(0,c.useSelect)((e=>{const{getOption:o,hasFinishedResolution:t}=e(a.OPTIONS_STORE_NAME);return{isModalHidden:"yes"===o(w)||!t("getOption",[w])}})),s=()=>{t({[w]:"yes"})};return{dismissModal:s,endTour:()=>{o(!1)},isModalHidden:n,isTouring:e,startTour:()=>{s(),o(!0)}}})(),{showCesFooter:i}=(0,m.__experimentalUseProductMVPCESFooter)();return n?(0,r.createElement)(u,{onClose:()=>{o(),i()}}):t?null:(0,r.createElement)(_,{onClose:()=>{e(),i()},onStart:s})};t(49472);var f=()=>{const{isLoading:e}=(0,c.useSelect)((e=>{const{hasFinishedResolution:o}=e(a.EXPERIMENTAL_PRODUCT_FORM_STORE_NAME);return{isLoading:!o("getProductForm")}}));return(0,r.useEffect)((()=>{(0,n.recordEvent)("view_new_product_management_experience")}),[]),(0,r.createElement)("div",{className:"woocommerce-add-product"},e?(0,r.createElement)("div",{className:"woocommerce-edit-product__spinner"},(0,r.createElement)(s.Spinner,null)):(0,r.createElement)(r.Fragment,null,(0,r.createElement)(i.H,null),(0,r.createElement)(h,null)))}},43729:function(e,o,t){e.exports=t.p+"46f3be5272a3932c5a1a.png"}}]);