← Back
Editing: 3619.js
"use strict";(globalThis.webpackChunk_wcAdmin_webpackJsonp=globalThis.webpackChunk_wcAdmin_webpackJsonp||[]).push([[3619],{90229:(e,o,t)=>{t.d(o,{A:()=>r});var n=t(5573),i=t(39793);const r=(0,i.jsx)(n.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,i.jsx)(n.Path,{fillRule:"evenodd",clipRule:"evenodd",d:"M5.5 12a6.5 6.5 0 1 0 13 0 6.5 6.5 0 0 0-13 0ZM12 4a8 8 0 1 0 0 16 8 8 0 0 0 0-16Zm.75 4v1.5h-1.5V8h1.5Zm0 8v-5h-1.5v5h1.5Z"})})},17184:(e,o,t)=>{t.d(o,{Yz:()=>b,oC:()=>g,d5:()=>T,cW:()=>m});var n=t(27723),i=t(56427),r=t(86087),c=t(47143),s=t(27752),a=t(45155),d=t(47778),l=t(8732),u=t(39793);const m=({onClick:e})=>{const{showCesModal:o}=(0,c.useDispatch)(s.STORE_KEY),{isDescendantOf:t}=(0,a.useLayoutContext)();return(0,u.jsx)(i.MenuItem,{onClick:()=>{o({action:"new_product",showDescription:!1,title:(0,n.__)("What do you think of the new product form?","woocommerce"),firstQuestion:(0,n.__)("The product editing screen is easy to use","woocommerce"),secondQuestion:(0,n.__)("The product editing screen's functionality meets my needs","woocommerce"),onsubmitLabel:(0,n.__)("Thanks for the feedback — we'll put it to good use!","woocommerce"),getExtraFieldsToBeShown:(e,o,t)=>(0,u.jsxs)(r.Fragment,{children:[(0,u.jsx)(i.BaseControl,{id:"feedback_additional_thoughts",className:"woocommerce-product-feedback__additional-thoughts",label:(0,r.createInterpolateElement)((0,n.__)("ADDITIONAL THOUGHTS <optional />","woocommerce"),{optional:(0,u.jsx)("span",{className:"woocommerce-product-feedback__optional-input",children:(0,n.__)("(OPTIONAL)","woocommerce")})}),children:(0,u.jsx)(i.TextareaControl,{value:e.additional_thoughts||"",onChange:t=>o({...e,additional_thoughts:t}),help:t?.additional_thoughts||""})}),(0,u.jsxs)(i.BaseControl,{id:"feedback_email",className:"woocommerce-product-feedback__email",label:(0,r.createInterpolateElement)((0,n.__)("YOUR EMAIL ADDRESS <optional />","woocommerce"),{optional:(0,u.jsx)("span",{className:"woocommerce-product-feedback__optional-input",children:(0,n.__)("(OPTIONAL)","woocommerce")})}),children:[(0,u.jsx)(i.TextControl,{value:e.email||"",onChange:t=>o({...e,email:t}),help:t?.email||""}),(0,u.jsx)("span",{children:(0,n.__)("In case you want to participate in further discussion and future user research.","woocommerce")})]})]}),validateExtraFields:({email:e="",additional_thoughts:o=""})=>{const t={};return e.length>0&&!(0,d.isValidEmail)(e)&&(t.email=(0,n.__)("Please enter a valid email address.","woocommerce")),o?.length>500&&(t.additional_thoughts=(0,n.__)("Please enter no more than 500 characters.","woocommerce")),t}},{shouldShowComments:()=>!1},{type:"snackbar"},{block_editor:t("product-block-editor")}),e()},icon:(0,u.jsx)(l.h,{}),iconPosition:"right",children:(0,n.__)("Share feedback","woocommerce")})};var _=t(15703),p=t(40314),h=t(90212);const g=({onClick:e,productId:o})=>{const{showProductMVPFeedbackModal:t}=(0,c.useDispatch)(s.STORE_KEY),{allowTracking:r,resolving:a}=(0,c.useSelect)(e=>{const{getOption:o,hasFinishedResolution:t}=e(p.optionsStore);return{allowTracking:"yes"===(o(s.ALLOW_TRACKING_OPTION_NAME)||"no"),resolving:!t("getOption",[s.ALLOW_TRACKING_OPTION_NAME])}},[]),d=(0,h.Qk)("_feature_nonce"),l=o?(0,_.getAdminLink)(`post.php?post=${o}&action=edit&product_block_editor=0&_feature_nonce=${d}`):(0,_.getAdminLink)(`post-new.php?post_type=product&product_block_editor=0&_feature_nonce=${d}`);return a?null:(0,u.jsx)(i.MenuItem,{onClick:function(){r?t():window.location.href=l,e()},info:(0,n.__)("Save changes and go back to the classic product editing screen.","woocommerce"),children:(0,n.__)("Turn off the new product editor","woocommerce")})};var w=t(77871),f=t(90229),x=t(63115),v=t(39636);const b=({onClick:e=()=>null,onCloseGuide:o})=>{const[t,c]=(0,r.useState)(!1),{isNewUser:s}=(0,v.B)();return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(i.MenuItem,{onClick:()=>{c(!0),e()},icon:(0,u.jsx)(w.A,{icon:f.A}),iconPosition:"right",children:(0,n.__)("About the form…","woocommerce")}),t&&(0,u.jsx)(x.A,{isNewUser:s,onCloseGuide:()=>{c(!1),o()}})]})};var k=t(33068),j=t(96476),C=t(83306),y=t(3582);const T=({onClose:e})=>{const[o,t]=(0,r.useState)(!1),{productId:s}=(0,k.g)(),a=(0,y.useEntityId)("postType","product_variation"),{invalidateVariationList:l,goToNextVariation:m,goToPreviousVariation:_,numberOfVariations:h}=(0,d.__experimentalUseVariationSwitcher)({parentId:s?parseInt(s,10):void 0,variationId:a}),[g]=(0,y.useEntityProp)("postType","product_variation","name"),[w]=(0,y.useEntityProp)("postType","product_variation","status"),{deleteProductVariation:f}=(0,c.useDispatch)(p.EXPERIMENTAL_PRODUCT_VARIATIONS_STORE_NAME),{createSuccessNotice:x,createErrorNotice:v}=(0,c.useDispatch)("core/notices");return(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(i.MenuGroup,{children:(0,u.jsx)(i.MenuItem,{isDestructive:!0,onClick:function(){(0,C.recordEvent)("product_dropdown_option_click",{selected_option:"delete_variation",product_id:s,variation_id:a,product_status:w}),t(!0)},children:(0,n.__)("Delete variation","woocommerce")})}),o&&(0,u.jsx)(d.RemoveConfirmationModal,{title:(0,n.sprintf)((0,n.__)("Delete %s?","woocommerce"),g),description:(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)("p",{children:(0,n.__)("If you continue, this variation with all of its information will be deleted and customers will no longer be able to purchase it.","woocommerce")}),(0,u.jsx)("strong",{children:(0,n.__)("Deleted variations cannot be restored.","woocommerce")})]}),onRemove:async function(){return(0,C.recordEvent)("product_delete_variation_modal",{action:"delete",product_id:s,variation_id:a,product_status:w}),f({product_id:s??"",id:a}).then(()=>{x((0,n.sprintf)((0,n.__)("%s deleted.","woocommerce"),g)),t(!1),e(),l(),h&&h>1?m()||_():(0,j.navigateTo)({url:(0,j.getNewPath)({},`/product/${s}`)})}).catch(()=>{v((0,n.__)("Failed to delete the variation.","woocommerce"))})},onCancel:function(){(0,C.recordEvent)("product_delete_variation_modal",{action:"close",product_id:s,variation_id:a,product_status:w}),t(!1)}})]})}},3619:(e,o,t)=>{t.d(o,{y:()=>l});var n=t(56427),i=t(27723),r=t(83306),c=t(47143),s=t(3582),a=t(17184),d=t(39793);const l=({productType:e="product",onClose:o})=>{const[t]=(0,s.useEntityProp)("postType",e,"id"),l=(0,c.useSelect)(o=>{const{getEntityRecord:n}=o(s.store);return n("postType",e,t)},[t,e]),u=e=>{(0,r.recordEvent)("product_dropdown_option_click",{selected_option:e,product_type:l.type,product_status:l.status})};return(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)(n.MenuGroup,{label:(0,i.__)("New product form (Beta)","woocommerce"),children:[(0,d.jsx)(a.Yz,{onClick:()=>{u("about")},onCloseGuide:()=>{o()}}),(0,d.jsx)(a.cW,{onClick:()=>{u("feedback"),o()}})]}),(0,d.jsx)(n.MenuGroup,{children:(0,d.jsx)(a.oC,{productId:l.parent_id??l.id,onClick:()=>{u("classic_editor"),o()}})})]})}},63115:(e,o,t)=>{t.d(o,{A:()=>p});var n=t(27723),i=t(4921),r=t(86087),c=t(56427),s=t(5573),a=t(39793);const d=({isSelected:e})=>(0,a.jsx)(s.SVG,{width:"8",height:"8",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,a.jsx)(s.Circle,{cx:"4",cy:"4",r:"4",fill:e?"#419ECD":"#E1E3E6"})});function l({currentPage:e,numberOfPages:o,setCurrentPage:t}){return(0,a.jsx)("ul",{className:"components-guide__page-control","aria-label":(0,n.__)("Guide controls","woocommerce"),children:Array.from({length:o}).map((i,r)=>(0,a.jsx)("li",{"aria-current":r===e?"step":void 0,children:(0,a.jsx)(c.Button,{icon:(0,a.jsx)(d,{isSelected:r===e}),"aria-label":(0,n.sprintf)((0,n.__)("Page %1$d of %2$d","woocommerce"),r+1,o),onClick:()=>t(r)},r)},r))})}const u=function({className:e,contentLabel:o,finishButtonText:t=(0,n.__)("Finish","woocommerce"),finishButtonLink:s,onFinish:d,pages:u=[]}){const m=(0,r.useRef)(null),[_,p]=(0,r.useState)(0),h=_>0,g=_<u.length-1,w=()=>{h&&p(_-1)},f=()=>{g&&p(_+1)};return 0===u.length?null:(0,a.jsx)(c.Modal,{className:(0,i.A)("components-guide",e),title:o,onRequestClose:()=>{d(_,"close")},onKeyDown:e=>{"ArrowLeft"===e.code?(w(),e.preventDefault()):"ArrowRight"===e.code&&(f(),e.preventDefault())},ref:m,children:(0,a.jsxs)("div",{className:"components-guide__container",children:[(0,a.jsxs)("div",{className:"components-guide__page",children:[u[_].image,u.length>1&&(0,a.jsx)(l,{currentPage:_,numberOfPages:u.length,setCurrentPage:p}),u[_].content]}),(0,a.jsxs)("div",{className:"components-guide__footer",children:[h&&(0,a.jsx)(c.Button,{className:"components-guide__back-button",variant:"tertiary",onClick:w,children:(0,n.__)("Previous","woocommerce")}),g&&(0,a.jsx)(c.Button,{className:"components-guide__forward-button",variant:"primary",onClick:f,children:(0,n.__)("Next","woocommerce")}),!g&&(0,a.jsx)(c.Button,{className:"components-guide__finish-button",variant:"primary",href:s,target:s?"_blank":void 0,rel:s?"noopener":void 0,onClick:()=>d(_,"finish"),children:t})]})]})})},m=({page:e})=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("h1",{className:"woocommerce-block-editor-guide__heading",children:e.heading}),(0,a.jsx)("p",{className:"woocommerce-block-editor-guide__text",children:e.text})]}),_=({page:e})=>(0,a.jsx)("div",{className:`woocommerce-block-editor-guide__header woocommerce-block-editor-guide__header-${e.index+1}`}),p=({onCloseGuide:e})=>{const o=[{heading:(0,n.__)("Fresh and modern interface","woocommerce"),text:(0,n.__)("Everything you need to create and sell your products, all in one place. From photos and descriptions to pricing and inventory, all of your product settings can be found here.","woocommerce")},{heading:(0,n.__)("Content-rich product descriptions","woocommerce"),text:(0,n.__)("Show off what's great about your products and engage your customers with content-rich product descriptions. Add images, videos, and any other content they might need to make a purchase.","woocommerce")},{heading:(0,n.__)("Lightning fast performance ","woocommerce"),text:(0,n.__)("Get your products listed and available for purchase in no time! Our modern technology ensures a reliable and streamlined experience.","woocommerce")},{heading:(0,n.__)("More features are on the way","woocommerce"),text:(0,n.__)("We're actively working on adding more features to the product form, including the ability to add digital products, variations, and more. Watch this space!","woocommerce")}].map((e,o)=>({content:(0,a.jsx)(m,{page:e}),image:(0,a.jsx)(_,{page:{...e,index:o}})}));return(0,a.jsx)(u,{className:"woocommerce-block-editor-guide",contentLabel:"",finishButtonText:(0,n.__)("Tell me more","woocommerce"),finishButtonLink:"https://woocommerce.com/product-form-beta",onFinish:e,pages:o})}},39636:(e,o,t)=>{t.d(o,{B:()=>c});var n=t(40314),i=t(47143);const r={status:"publish",_fields:["id"]},c=()=>(0,i.useSelect)(e=>{const{getProductsTotalCount:o,hasFinishedResolution:t}=e(n.productsStore),i=o(r,0);return{publishedProductsCount:i,loadingPublishedProductsCount:!t("getProductsTotalCount",[r,0]),isNewUser:i<1}},[])}}]);
Save File
Cancel