https://www.art.com/mobify/bundle/2218/657.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[657],{54490(e,t,a){a.d(t,{A:()=>m});var n=a(77810),r=a(75826),i=a.n(r),s=a(93476),o=a(4026);const l=(0,n.createContext)(null);function c(e,t){const a=[];return n.Children.forEach(e,e=>{var r;(0,n.isValidElement)(e)&&(e.type===t&&a.push(e),(null===(r=e.props)||void 0===r?void 0:r.children)&&a.push(...c(e.props.children,t)))}),a}function d(e){var t,a;const{children:r}=e;if(!((null===(t=(0,o.getConfig)())||void 0===t||null===(a=t.app)||void 0===a?void 0:a.partialHydrationEnabled)??s.$b))return n.createElement(n.Fragment,null,r);const{hydrateOn:i="load",options:m,clientOnly:u=!1}=e,p="undefined"==typeof window,[g,h]=(0,n.useState)(p),f=(0,n.useContext)(l),y=f?f.data:new WeakMap,b=(0,n.useRef)(null),v=()=>{h(!0)};if(p||((0,n.useLayoutEffect)(()=>{var e;g||"off"===i||f&&(null==f||!f.hydrated)||!b.current||null!==(e=b.current)&&void 0!==e&&e.firstElementChild||u||v()}),(0,n.useEffect)(()=>{var e;if(!g&&"off"!==i&&(!f||null!=f&&f.hydrated)&&b.current&&(null!==(e=b.current)&&void 0!==e&&e.firstElementChild||p||u)){if("idle"===i){if("requestIdleCallback"in globalThis){const e=requestIdleCallback(()=>v(),"object"==typeof m&&null!==m?m:void 0);return()=>cancelIdleCallback(e)}const e="number"==typeof(null==m?void 0:m.timeout)?null==m?void 0:m.timeout:200,t=setTimeout(()=>v(),e);return()=>clearTimeout(t)}if("visible"===i&&"IntersectionObserver"in globalThis){var t;let e=null===(t=b.current)||void 0===t?void 0:t.firstElementChild;e||(e=b.current,e.style.display="inline-block");const a=new IntersectionObserver(t=>{for(const n of t)if(n.isIntersecting||n.intersectionRatio>0){a.unobserve(e),e===b.current&&(e.style.display="contents"),v();break}},"object"==typeof m&&null!==m?m:{rootMargin:"250px"});return a.observe(e),()=>a.disconnect()}v()}},[i,g,m])),g){var E,_;if(!p&&!f&&"server"===(null===(E=b.current)||void 0===E||null===(_=E.dataset)||void 0===_?void 0:_.sfdcIslandOrigin)){const e=c(r,d),t=b.current.querySelectorAll("div[data-sfdc-island]");for(let a=0;a<e.length;a++){const n=e.at(a),r=t.item(a);n&&r&&y.set(null==n?void 0:n.props,null==r?void 0:r.innerHTML)}}return n.createElement(l.Provider,{value:{hydrated:g,data:y}},n.createElement("div",{ref:b,style:{display:"contents"},"data-sfdc-island":!0,"data-sfdc-island-origin":p?"server":"client"},p&&u?null:r))}const x=!p&&f&&f.data.get(e)||"";return n.createElement(l.Provider,{value:{hydrated:g,data:y}},n.createElement("div",{ref:b,style:{display:"contents"},"data-sfdc-island":!0,"data-sfdc-island-origin":x?"server":null,suppressHydrationWarning:!0,dangerouslySetInnerHTML:{__html:x}}))}d.propTypes={children:i().node,hydrateOn:i().oneOf(["load","idle","visible","off"]),options:i().object,clientOnly:i().bool};const m=d},47657(e,t,a){a.r(t),a.d(t,{default:()=>Q});var n=a(77810),r=a(34692),i=a(41863),s=a(64965),o=a(62539),l=a(92519),c=a(95266),d=a(14320),m=a(17778),u=a(46378),p=a(11692),g=a(27821),h=a(79237),f=a(50350),y=a(64180),b=a(10939),v=a(18801),E=a(75826),_=a.n(E),x=a(91311),w=a(87375),M=a(54752),k=a(34636),O=a(46427),A=a(65386);const C=["as"],S=e=>{const{as:t}=e,a=(0,v.A)(e,C),r=t||k.E,[i,s]=(0,n.useMemo)(()=>{const e=(0,O.p)(a);return[e,(0,O.j)(e)]},[a]);return n.createElement(n.Fragment,null,n.createElement(r,i),s&&(0,A.S)()&&n.createElement(M.Helmet,null,n.createElement("link",s)))};S.propTypes={as:_().elementType,src:_().string.isRequired,alt:_().string,loading:_().oneOf(["eager","lazy"]),fetchPriority:_().oneOf(["high","low","auto"]),decoding:_().oneOf(["sync","async","auto"])};const T=S,P=["title","img","actions"];function D(e,t){var a=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),a.push.apply(a,n)}return a}const j=e=>{let{title:t,img:a,actions:r}=e,i=(0,v.A)(e,P);const s=function(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{};t%2?D(Object(a),!0).forEach(function(t){(0,b.A)(e,t,a[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(a)):D(Object(a)).forEac

1h(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(a,t))})}return e}({fit:"cover",align:"center",width:"100%",height:"100%"},a);return n.createElement(o.az,(0,y.A)({marginBottom:{base:0,md:10},height:{lg:"xl"},position:{lg:"relative"}},i),n.createElement(l.B,{align:"center",spacing:{base:8,md:10},paddingTop:{base:12,md:10},paddingBottom:{base:6,md:10},direction:{base:"column",lg:"row"}},n.createElement(l.B,{flex:1,spacing:{base:5,md:8}},n.createElement(x.D,{as:"h1",fontSize:{base:"4xl",md:"5xl",lg:"6xl"},maxWidth:{base:"75%",md:"50%",lg:"md"}},t),r&&n.createElement(o.az,{width:{base:"full",lg:"inherit"}},r)),n.createElement(p.s,{flex:1,justify:"center",align:"center",position:"relative",width:"full",paddingTop:{base:4,lg:0}},n.createElement(o.az,{position:"relative",width:{base:"full",md:"80%",lg:"full"}},n.createElement(T,(0,y.A)({as:w._},s))))))};j.displayName="Hero",j.propTypes={img:_().shape({src:_().string,alt:_().string}),title:_().string,actions:_().element};const L=j;var R=a(50054);const W=["title","subtitle","actions","maxWidth","children"],z=e=>{let{title:t,subtitle:a,actions:r,maxWidth:i,children:s}=e,c=(0,v.A)(e,W);const d=i||"3xl";return n.createElement(o.az,(0,y.A)({as:"section",paddingBottom:"16"},c),n.createElement(l.B,{spacing:4,as:h.m,maxW:d,textAlign:"center"},t&&n.createElement(x.D,{as:"h2",fontSize:40,textAlign:"center"},t),a&&n.createElement(g.E,{color:"gray.700",fontWeight:600},a),r&&n.createElement(o.az,{paddingTop:"2",width:{base:"full",md:"auto"}},r)),s)};z.displayName="Section",z.propTypes={title:_().string,subtitle:_().oneOfType([_().array,_().string,_().node]),children:_().node,actions:_().element,maxWidth:_().string};const K=z;var B=a(1367),Y=a(54490),I=a(94615),H=a(16602),N=a(25635);const F=[{message:(0,H.YK)({title:{defaultMessage:[{type:0,value:"Download on Github"}],id:"home.hero_features.link.on_github"}}),icon:n.createElement(N.fx,{width:12,height:12}),href:"https://github.com/SalesforceCommerceCloud/pwa-kit"},{message:(0,H.YK)({title:{defaultMessage:[{type:0,value:"Deploy on Managed Runtime"}],id:"home.hero_features.link.on_managed_runtime"}}),icon:n.createElement(N.FQ,{width:12,height:8}),href:"https://developer.salesforce.com/docs/commerce/pwa-kit-managed-runtime/guide/pushing-and-deploying-bundles.html"},{message:(0,H.YK)({title:{defaultMessage:[{type:0,value:"Create with the Figma PWA Design Kit"}],id:"home.hero_features.link.design_kit"}}),icon:n.createElement(N.Ub,{width:12,height:8}),href:"https://sfdc.co/figma-pwa-design-kit"}],U=[{message:(0,H.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:n.createElement(N.C$,{"aria-hidden":"true"})},{message:(0,H.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:n.createElement(N.px,{"aria-hidden":"true"})},{message:(0,H.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:n.createElement(N.JM,{"aria-hidden":"true"})},{message:(0,H.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:n.createElement(N.gP,{"aria-hidden":"true"})},{message:(0,H.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:n.createElement(N.aL,{"aria-hidden":"true"})},{message:(0,H.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:n.createElement(N.C3,{"aria-hidden":"true"})}];var $=a(65376),X=a(17492),q=a(93476),V=a(62241),G=a(90031);const J=()=>{const e=(0,r.A)(),t=(0,$.A)(),a=(0,X.A)(),{pathname:y}=(0,s.useLocation)(),{res:b}=(0,V.useServerContext)();b&&b.set("Cache-Control",`s-maxage=${q.kB}, stale-while-revalidate=${q.Yw}`);const{data:v,isLoading:E}=(0,G.useProductSearch)({parameters:{allImages:!0,allVariationProperties:!0,expand:["promotions","variations","prices","images","custom_properties"],limit:q.Ud,perPricebook:!0,refine:[`cgid=${q.j8}`,"htype=master"]}});return(0,n.useEffect)(()=>{t.sendViewPage(y),a.sendViewPage(y)},[]),n.createElement(o.az,{"data-testid":"home-page",layerStyle:"page"},n.createElement(R.A,{title:"Home Page",description:"Commerce Cloud Retail React App",keywords:"Commerce Cloud, Retail React App, React Storefront"}),n.createElement(Y.A,{hydrateOn:"visible"},n.createElement(L,{title:e.formatMessage({defaultMessage:[{type:0,value:"The React PWA Starter Store for Retail"}],id:"home.title.react_starter_store"}),img:{src:(0,I.sU)("static/img/hero.png"),alt:"npx pwa-kit-create-app",fetchPriority:"high"},actions:n.createElement(l.B,{spacing:{base:4,sm:6},direction:{base:"column",sm:"row"}},n.createElement(c.$,{as:d.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"}},n.createElement(i.A,{defaultMessage:[{type:0,value:"Get started"}],id:"home.link.get_started"})))})),n.createElement(Y.A,{hydrateOn:"visible"},n.createElement(K,{background:"gray.50",marginX:"auto",paddingY:{base

1: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"}},n.createElement(m.r,{columns:{base:1,md:1,lg:3},spacingX:{base:1,md:4},spacingY:{base:4,md:14}},F.map((t,a)=>{const r=t.message;return n.createElement(d.N,{key:a,target:"_blank",href:t.href},n.createElement(o.az,{background:"white",boxShadow:"0px 2px 2px rgba(0, 0, 0, 0.1)",borderRadius:"4px"},n.createElement(u.z,null,n.createElement(p.s,{paddingLeft:6,height:24,align:"center",justify:"center"},t.icon),n.createElement(g.E,{fontWeight:"700"},e.formatMessage(r.title)))))})))),v&&n.createElement(Y.A,{hydrateOn:"visible"},n.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:n.createElement(d.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"}))})},n.createElement(l.B,{pt:8,spacing:16},n.createElement(B.A,{products:null==v?void 0:v.hits,isLoading:E})))),n.createElement(Y.A,{hydrateOn:"visible"},n.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"})},n.createElement(h.m,{maxW:"6xl",marginTop:10},n.createElement(m.r,{columns:{base:1,md:2,lg:3},spacing:10},U.map((t,a)=>{const r=t.message;return n.createElement(u.z,{key:a,align:"top"},n.createElement(f.T,{align:"start"},n.createElement(p.s,{width:16,height:16,align:"center",justify:"left",color:"gray.900",paddingX:2},t.icon),n.createElement(g.E,{as:"h3",color:"black",fontWeight:700,fontSize:20},e.formatMessage(r.title)),n.createElement(g.E,{color:"black"},e.formatMessage(r.text))))}))))),n.createElement(Y.A,{hydrateOn:"visible"},n.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:n.createElement(n.Fragment,null,n.createElement(n.Fragment,null,e.formatMessage({defaultMessage:[{type:0,value:"Contact our support staff."}],id:"home.description.here_to_help"})),n.createElement("br",null),n.createElement(n.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:n.createElement(c.$,{as:d.N,href:"https://help.salesforce.com/s/?language=en_US",target:"_blank",width:"auto",paddingX:7,_hover:{textDecoration:"none"}},n.createElement(i.A,{defaultMessage:[{type:0,value:"Contact Us"}],id:"home.link.contact_us"})),maxWidth:"xl"})))};J.getTemplateName=()=>"home";const Q=J}}]);