https://www.maurices.com/mobify/bundle/607/pages-home.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[3339],{47657(e,t,a){a.r(t),a.d(t,{default:()=>B});var i=a(77810),n=a(34692),s=a(41863),r=a(64965),o=a(16914),l=a(64180),c=a(10939),d=a(18801),m=a(75826),g=a.n(m),u=a(54752),p=a(46427),h=a(65386);const f=["as"],y=e=>{const{as:t}=e,a=(0,d.A)(e,f),n=t||o.E9,[s,r]=(0,i.useMemo)(()=>{const e=(0,p.p)(a);return[e,(0,p.j)(e)]},[a]);return i.createElement(i.Fragment,null,i.createElement(n,s),r&&(0,h.S)()&&i.createElement(u.Helmet,null,i.createElement("link",r)))};y.propTypes={as:g().elementType,src:g().string.isRequired,alt:g().string,loading:g().oneOf(["eager","lazy"]),fetchPriority:g().oneOf(["high","low","auto"]),decoding:g().oneOf(["sync","async","auto"])};const E=y,b=["title","img","actions"];function v(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),a.push.apply(a,i)}return a}const w=e=>{let{title:t,img:a,actions:n}=e,s=(0,d.A)(e,b);const r=function(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?v(Object(a),!0).forEach(function(t){(0,c.A)(e,t,a[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):v(Object(a)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))})}return e}({fit:"cover",align:"center",width:"100%",height:"100%"},a);return i.createElement(o.az,(0,l.A)({marginBottom:{base:0,md:10},height:{lg:"xl"},position:{lg:"relative"}},s),i.createElement(o.BJ,{align:"center",spacing:{base:8,md:10},paddingTop:{base:12,md:10},paddingBottom:{base:6,md:10},direction:{base:"column",lg:"row"}},i.createElement(o.BJ,{flex:1,spacing:{base:5,md:8}},i.createElement(o.DZ,{as:"h1",fontSize:{base:"4xl",md:"5xl",lg:"6xl"},maxWidth:{base:"75%",md:"50%",lg:"md"}},t),n&&i.createElement(o.az,{width:{base:"full",lg:"inherit"}},n)),i.createElement(o.so,{flex:1,justify:"center",align:"center",position:"relative",width:"full",paddingTop:{base:4,lg:0}},i.createElement(o.az,{position:"relative",width:{base:"full",md:"80%",lg:"full"}},i.createElement(E,(0,l.A)({as:o._V},r))))))};w.displayName="Hero",w.propTypes={img:g().shape({src:g().string,alt:g().string}),title:g().string,actions:g().element};const _=w;var x=a(41375);const M=["title","subtitle","actions","maxWidth","children"],A=e=>{let{title:t,subtitle:a,actions:n,maxWidth:s,children:r}=e,c=(0,d.A)(e,M);const m=s||"3xl";return i.createElement(o.az,(0,l.A)({as:"section",paddingBottom:"16"},c),i.createElement(o.BJ,{spacing:4,as:o.mc,maxW:m,textAlign:"center"},t&&i.createElement(o.DZ,{as:"h2",fontSize:40,textAlign:"center"},t),a&&i.createElement(o.EY,{color:"gray.700",fontWeight:600},a),n&&i.createElement(o.az,{paddingTop:"2",width:{base:"full",md:"auto"}},n)),r)};A.displayName="Section",A.propTypes={title:g().string,subtitle:g().oneOfType([g().array,g().string,g().node]),children:g().node,actions:g().element,maxWidth:g().string};const k=A;var O=a(1367),P=a(54490),D=a(94615),S=a(16602),C=a(25635);const R=[{message:(0,S.YK)({title:{defaultMessage:[{type:0,value:"Download on Github"}],id:"home.hero_features.link.on_github"}}),icon:i.createElement(C.fx,{width:12,height:12}),href:"https://github.com/SalesforceCommerceCloud/pwa-kit"},{message:(0,S.YK)({title:{defaultMessage:[{type:0,value:"Deploy on Managed Runtime"}],id:"home.hero_features.link.on_managed_runtime"}}),icon:i.createElement(C.FQ,{width:12,height:8}),href:"https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/guide/pushing-and-deploying-bundles.html"},{message:(0,S.YK)({title:{defaultMessage:[{type:0,value:"Create with the Figma PWA Design Kit"}],id:"home.hero_features.link.design_kit"}}),icon:i.createElement(C.Ub,{width:12,height:8}),href:"https://sfdc.co/figma-pwa-design-kit"}],T=[{message:(0,S.YK)({title:{defaultMessage:[{type:0,value:"Cart & Checkout"}],id:"home.features.heading.cart_checkout"},text:{defaultMessage:[{type:0,value:"Ecommerce best practice for a shopper's cart and checkout experience."}],id:"home.features.description.cart_checkout"}}),icon:i.createElement(C.C$,{"aria-hidden":"true"})},{message:(0,S.YK)({title:{defaultMessage:[{type:0,value:"Einstein Recommendations"}],id:"home.features.heading.einstein_recommendations"},text:{defaultMessage:[{type:0,value:"Deliver the next best product or offer to every shopper through product recommendations."}],id:"home.features.description.einstein_recommendations"}}),icon:i.createElement(C.px,{"aria-hidden":"true"})},{message:(0,S.YK)({title:{defaultMessage:[{type:0,value:"My Account"}],id:"home.features.heading.my_account"},text:{defaultMessage:[{type:0,value:"Shoppers can manage account information such as their profile, addresses, payments and orders."}],id:"home.features.description.my_account"}}),icon:i.createElement(C.JM,{"aria-hidden":"true"})},{message:(0,S.YK)({title:{defaultMessage:[{type:0,value:"Shopper Login and API Access Service"}],id:"home.features.heading.shopper_login"},text:{defaultMessage:[{type:0,value:"Enable shoppers to easily log in with a more personalized shopping experience."}],id:"home.features.description.shopper_login"}}),icon:i.createElement(C.gP,{"aria-hidden":"true"})},{message:(0,S.YK)({title:{defaultMessage:[{type:0,value:"Components & Design Kit"}],id:"home.features.heading.components"},text:{defaultMessage:[{type:0,value:"Built using Chakra UI, a simple, modular and accessible React component library."}],id:"home.features.description.components"}}),icon:i.createElement(C.aL,{"aria-hidden":"true"})},{message:(0,S.YK)({title:{defaultMessage:[{type:0,value:"Wishlist"}],id:"home.features.heading.wishlist"},text:{defaultMessage:[{type:0,value:"Registered shoppers can add product items to their wishlist from purchasing later."}],id:"home.features.description.wishlist"}}),icon:i.createElement(C.C3,{"aria-hidden":"true"})}];var Y=a(65376),z=a(17492),L=a(73448),j=a(62241),I=a(90031);const K=()=>{const e=(0,n.A)(),t=(0,Y.A)(),a=(0,z.A)(),{pathname:l}=(0,r.zy)(),{res:c}

1=(0,j.useServerContext)();c&&c.set("Cache-Control",`s-maxage=${L.kB}, stale-while-revalidate=${L.Yw}`);const{data:d,isLoading:m}=(0,I.useProductSearch)({parameters:{allImages:!0,allVariationProperties:!0,expand:["promotions","variations","prices","images","custom_properties"],limit:L.Ud,perPricebook:!0,refine:[`cgid=${L.j8}`,"htype=master"]}});return(0,i.useEffect)(()=>{t.sendViewPage(l),a.sendViewPage(l)},[]),i.createElement(o.az,{"data-testid":"home-page",layerStyle:"page"},i.createElement(o.DZ,{as:"h1",srOnly:!0},i.createElement(s.A,{defaultMessage:[{type:0,value:"Home"}],id:"home.title.home"})),i.createElement(x.A,{title:"Home Page",description:"Commerce Cloud Retail React App",keywords:"Commerce Cloud, Retail React App, React Storefront"}),i.createElement(P.A,{hydrateOn:"visible"},i.createElement(_,{title:e.formatMessage({defaultMessage:[{type:0,value:"The React PWA Starter Store for Retail"}],id:"home.title.react_starter_store"}),img:{src:(0,D.getAssetUrl)("static/img/hero.png"),alt:"npx pwa-kit-create-app",fetchPriority:"high"},actions:i.createElement(o.BJ,{spacing:{base:4,sm:6},direction:{base:"column",sm:"row"}},i.createElement(o.$n,{as:o.N_,href:"https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/guide/getting-started.html",target:"_blank",width:{base:"full",md:"inherit"},paddingX:7,_hover:{textDecoration:"none"}},i.createElement(s.A,{defaultMessage:[{type:0,value:"Get started"}],id:"home.link.get_started"})))})),i.createElement(P.A,{hydrateOn:"visible"},i.createElement(k,{background:"gray.50",marginX:"auto",paddingY:{base:8,md:16},paddingX:{base:4,md:8},borderRadius:"base",width:{base:"100vw",md:"inherit"},position:{base:"relative",md:"inherit"},left:{base:"50%",md:"inherit"},right:{base:"50%",md:"inherit"},marginLeft:{base:"-50vw",md:"auto"},marginRight:{base:"-50vw",md:"auto"}},i.createElement(o.rS,{columns:{base:1,md:1,lg:3},spacingX:{base:1,md:4}

1,spacingY:{base:4,md:14}},R.map((t,a)=>{const n=t.message;return i.createElement(o.N_,{key:a,target:"_blank",href:t.href},i.createElement(o.az,{background:"white",boxShadow:"0px 2px 2px rgba(0, 0, 0, 0.1)",borderRadius:"4px"},i.createElement(o.zt,null,i.createElement(o.so,{paddingLeft:6,height:24,align:"center",justify:"center"},t.icon),i.createElement(o.EY,{fontWeight:"700"},e.formatMessage(n.title)))))})))),d&&i.createElement(P.A,{hydrateOn:"visible"},i.createElement(k,{padding:4,paddingTop:16,title:e.formatMessage({defaultMessage:[{type:0,value:"Shop Products"}],id:"home.heading.shop_products"}),subtitle:e.formatMessage({defaultMessage:[{type:0,value:"This section contains content from the catalog. "},{type:1,value:"docLink"},{type:0,value:" on how to replace it."}],id:"home.description.shop_products"},{docLink:i.createElement(o.N_,{target:"_blank",href:"https://sfdc.co/business-manager-manage-catalogs",textDecoration:"none",position:"relative",_after:{position:"absolute",content:'""',height:"2px",bottom:"-2px",margin:"0 auto",left:0,right:0,background:"gray.700"},_hover:{textDecoration:"none"}},e.formatMessage({defaultMessage:[{type:0,value:"Read docs"}],id:"home.link.read_docs"}))})},i.createElement(o.BJ,{pt:8,spacing:16},i.createElement(O.A,{products:null==d?void 0:d.hits,isLoading:m})))),i.createElement(P.A,{hydrateOn:"visible"},i.createElement(k,{padding:4,paddingTop:32,title:e.formatMessage({defaultMessage:[{type:0,value:"Features"}],id:"home.heading.features"}),subtitle:e.formatMessage({defaultMessage:[{type:0,value:"Out-of-the-box features so that you focus only on adding enhancements."}],id:"home.description.features"})},i.createElement(o.mc,{maxW:"6xl",marginTop:10},i.createElement(o.rS,{columns:{base:1,md:2,lg:3},spacing:10},T.map((t,a)=>{const n=t.message;return i.createElement(o.zt,{key:a,align:"top"},i.createElement(o.Tk,{align:"start"},i.createElement(o.so,{width:16,height:16,align:"center",justify:"left",color:"gray.900",paddingX:2},t.icon),i.createElement(o.EY,{as:"h3",color:"black",fontWeight:700,fontSize:20},e.formatMessage(n.title)),i.createElement(o.EY,{color:"black"},e.formatMessage(n.text))))}))))),i.createElement(P.A,{hydrateOn:"visible"},i.createElement(k,{padding:4,paddingTop:32,title:e.formatMessage({defaultMessage:[{type:0,value:"We're here to help"}],id:"home.heading.here_to_help"}),subtitle:i.createElement(i.Fragment,null,i.createElement(i.Fragment,null,e.formatMessage({defaultMessage:[{type:0,value:"Contact our support staff."}],id:"home.description.here_to_help"})),i.createElement("br",null),i.createElement(i.Fragment,null,e.formatMessage({defaultMessage:[{type:0,value:"They will get you to the right place."}],id:"home.description.here_to_help_line_2"}))),actions:i.createElement(o.$n,{as:o.N_,href:"https://help.salesforce.com/s/?language=en_US",target:"_blank",width:"auto",paddingX:7,_hover:{textDecoration:"none"}},i.createElement(s.A,{defaultMessage:[{type:0,value:"Contact Us"}],id:"home.link.contact_us"})),maxWidth:"xl"})))};K.getTemplateName=()=>"home";const B=K},69007(e,t,a){a.d(t,{V:()=>o});var i=a(77810),n=a(34692),s=a(34936),r=a(16374);function o(e,t=[]){const a=(0,s.LM)(),{locale:o}=(0,n.A)(),l=(0,r.Oe)(a),c=null===t,d=c?[]:Array.isArray(t)?t:[],m=JSON.stringify(d);(0,i.useEffect)(()=>{var t;if(l&&e&&!c&&((0,r.R$)(e,d,(0,r.v3)(o)),"undefined"!=typeof window&&window.DYO&&"function"==typeof(null===(t=window.DY)||void 0===t?void 0:t.API)))try{window.DY.API("spa",{context:window.DY.recommendationContext,url:window.location.href,countAsPageview:!1})}catch(e){}},[l,e,m,o,c])}},27362(e,t,a){a.r(t),a.d(t,{default:()=>_});var i=a(77810),n=a(64965),s=a(62539),r=a(41375),o=a(65376),l=a(73448),c=a(62241),d=a(90031),m=a(85579),g=a(84319),u=a(60309),p=a(44750),h=a(45910),f=a(11706),y=a(12466),E=a(69007),b=a(16374),v=a(66443);const w=()=>{var e,t,a;const w=(0,o.A)(),{pathname:_}=(0,n.zy)(),{isDesignMode:x,isPreviewMode:M}=(0,m.usePageDesignerMode)(),{data:A}=(0,u.J)(),{data:k}=(0,g.X)(),O=(0,d.useCustomerId)(),{isRegistered:P}=(0,d.useCustomerType)(),{wishlist:D}=(0,v.A)(),{isProductsFetched:S,productsByItemId:C}=(0,h.A)(k);(0,E.V)(b.Mn.HOMEPAGE);const{res:R}=(0,c.useServerContext)();R&&R.set("Cache-Control",`s-maxage=${l.kB}, stale-while-revalidate=${l.Yw}`);const{data:T}=(0,d.usePage)({parameters:{pageId:"home"}},{enabled:!0});(0,i.useEffect)(()=>{w.sendViewPage(_)},[]);const Y=(0,y.yU)({customer:A,customerId:O,isRegistered:P,wishlistItems:(null==D?void 0:D.customerProductListItems)||[]});return(0,p.Ay)(()=>(0,f.t3)({pathname:_,customer:A,customerId:O,isRegistered:P,basket:k,products:C,wishlistItems:(null==D?void 0:D.customerProductListItems)||[]}),[_,Y,k,C,S],{enabled:!0}),i.createElement(s.az,{"data-testid":"home-page",layerStyle:"homePage"},i.createElement(r.A,{title:(null==T?void 0:T.pageTitle)||(null==T||null===(e=T.custom)||void 0===e?void 0:e.pageTitle)||"",description:(null==T?void 0:T.pageDescription)||(null==T||null===(t=T.custom)||void 0===t?void 0:t.pageDescription)||"",keywords:(null==T?void 0:T.pageKeywords)||(null==T||null===(a=T.custom)||void 0===a?void 0:a.pageKeywords)||""}),T&&(x||M?i.createElement(m.Page,{page:T}):i.createElement(m.Region,{page:T,regionId:"main"})))};w.getTemplateName=()=>"home";const _=w}}]);