@shopify/cli-hydrogen 4.0.0-alpha.1 → 4.0.0-alpha.2

package/dist/templates/demo-store/dist/client/build/_shared/chunk-JV4GUPYG.js

@@ -0,0 +1,2 @@
+import{Y as d}from"/build/_shared/chunk-HX34UWFZ.js";import{f as o}from"/build/_shared/chunk-WYHUKY3H.js";import{o as c,r as m}from"/build/_shared/chunk-ZNLABNO4.js";import{a as g,b as u}from"/build/_shared/chunk-KSKV5IK6.js";import{b as s}from"/build/_shared/chunk-X4LCECW4.js";var n=s(g());var e=s(u());var A=()=>({title:"Register"});function f(){let i=m(),[a,p]=(0,n.useState)(null),[r,l]=(0,n.useState)(null);return(0,e.jsx)("div",{className:"flex justify-center my-24 px-4",children:(0,e.jsxs)("div",{className:"max-w-md w-full",children:[(0,e.jsx)("h1",{className:"text-4xl",children:"Create an Account."}),(0,e.jsxs)(c,{method:"post",noValidate:!0,className:"pt-6 pb-8 mt-4 mb-4 space-y-3",children:[i?.formError&&(0,e.jsx)("div",{className:"flex items-center justify-center mb-6 bg-zinc-500",children:(0,e.jsx)("p",{className:"m-4 text-s text-contrast",children:i.formError})}),(0,e.jsxs)("div",{children:[(0,e.jsx)("input",{className:`mb-1 ${o(a)}`,id:"email",name:"email",type:"email",autoComplete:"email",required:!0,placeholder:"Email address","aria-label":"Email address",autoFocus:!0,onBlur:t=>{p(t.currentTarget.value.length&&!t.currentTarget.validity.valid?"Invalid email address":null)}}),a&&(0,e.jsxs)("p",{className:"text-red-500 text-xs",children:[a," \xA0"]})]}),(0,e.jsxs)("div",{children:[(0,e.jsx)("input",{className:`mb-1 ${o(r)}`,id:"password",name:"password",type:"password",autoComplete:"current-password",placeholder:"Password","aria-label":"Password",minLength:8,required:!0,autoFocus:!0,onBlur:t=>{t.currentTarget.validity.valid||!t.currentTarget.value.length?l(null):l(t.currentTarget.validity.valueMissing?"Please enter a password":"Passwords must be at least 8 characters")}}),r&&(0,e.jsxs)("p",{className:"text-red-500 text-xs",children:[" ",r," \xA0"]})]}),(0,e.jsx)("div",{className:"flex items-center justify-between",children:(0,e.jsx)("button",{className:"bg-primary text-contrast rounded py-2 px-4 focus:shadow-outline block w-full",type:"submit",children:"Create Account"})}),(0,e.jsx)("div",{className:"flex items-center mt-8 border-t border-gray-300",children:(0,e.jsxs)("p",{className:"align-baseline text-sm mt-6",children:["Already have an account? \xA0",(0,e.jsx)(d,{className:"inline underline",to:"/account/login",children:"Sign in"})]})})]})]})})}export{A as a,f as b};
+//# sourceMappingURL=/build/_shared/chunk-JV4GUPYG.js.map

package/dist/templates/demo-store/dist/client/build/_shared/chunk-JV4GUPYG.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../app/routes/account/__public/register.tsx"],
+  "sourcesContent": ["import {\n  type MetaFunction,\n  redirect,\n  json,\n  type ActionFunction,\n  type LoaderArgs,\n} from '@shopify/remix-oxygen';\nimport {Form, useActionData} from '@remix-run/react';\nimport {useState} from 'react';\nimport {login, registerCustomer} from '~/data';\nimport {getInputStyleClasses} from '~/lib/utils';\nimport {Link} from '~/components';\n\nexport async function loader({context, params}: LoaderArgs) {\n  const customerAccessToken = await context.session.get('customerAccessToken');\n\n  if (customerAccessToken) {\n    return redirect(params.lang ? `${params.lang}/account` : '/account');\n  }\n\n  return new Response(null);\n}\n\ntype ActionData = {\n  formError?: string;\n};\n\nconst badRequest = (data: ActionData) => json(data, {status: 400});\n\nexport const action: ActionFunction = async ({request, context, params}) => {\n  const {session, storefront} = context;\n  const formData = await request.formData();\n\n  const email = formData.get('email');\n  const password = formData.get('password');\n\n  if (\n    !email ||\n    !password ||\n    typeof email !== 'string' ||\n    typeof password !== 'string'\n  ) {\n    return badRequest({\n      formError: 'Please provide both an email and a password.',\n    });\n  }\n\n  try {\n    await registerCustomer(context, {email, password});\n    const customerAccessToken = await login(context, {email, password});\n    session.set('customerAccessToken', customerAccessToken);\n\n    return redirect(params.lang ? `${params.lang}/account` : '/account', {\n      headers: {\n        'Set-Cookie': await session.commit(),\n      },\n    });\n  } catch (error: any) {\n    if (storefront.isApiError(error)) {\n      return badRequest({\n        formError: 'Something went wrong. Please try again later.',\n      });\n    }\n\n    /**\n     * The user did something wrong, but the raw error from the API is not super friendly.\n     * Let's make one up.\n     */\n    return badRequest({\n      formError:\n        'Sorry. We could not create an account with this email. User might already exist, try to login instead.',\n    });\n  }\n};\n\nexport const meta: MetaFunction = () => {\n  return {\n    title: 'Register',\n  };\n};\n\nexport default function Register() {\n  const actionData = useActionData<ActionData>();\n  const [nativeEmailError, setNativeEmailError] = useState<null | string>(null);\n  const [nativePasswordError, setNativePasswordError] = useState<null | string>(\n    null,\n  );\n\n  return (\n    <div className=\"flex justify-center my-24 px-4\">\n      <div className=\"max-w-md w-full\">\n        <h1 className=\"text-4xl\">Create an Account.</h1>\n        {/* TODO: Add onSubmit to validate _before_ submission with native? */}\n        <Form\n          method=\"post\"\n          noValidate\n          className=\"pt-6 pb-8 mt-4 mb-4 space-y-3\"\n        >\n          {actionData?.formError && (\n            <div className=\"flex items-center justify-center mb-6 bg-zinc-500\">\n              <p className=\"m-4 text-s text-contrast\">{actionData.formError}</p>\n            </div>\n          )}\n          <div>\n            <input\n              className={`mb-1 ${getInputStyleClasses(nativeEmailError)}`}\n              id=\"email\"\n              name=\"email\"\n              type=\"email\"\n              autoComplete=\"email\"\n              required\n              placeholder=\"Email address\"\n              aria-label=\"Email address\"\n              // eslint-disable-next-line jsx-a11y/no-autofocus\n              autoFocus\n              onBlur={(event) => {\n                setNativeEmailError(\n                  event.currentTarget.value.length &&\n                    !event.currentTarget.validity.valid\n                    ? 'Invalid email address'\n                    : null,\n                );\n              }}\n            />\n            {nativeEmailError && (\n              <p className=\"text-red-500 text-xs\">{nativeEmailError} &nbsp;</p>\n            )}\n          </div>\n          <div>\n            <input\n              className={`mb-1 ${getInputStyleClasses(nativePasswordError)}`}\n              id=\"password\"\n              name=\"password\"\n              type=\"password\"\n              autoComplete=\"current-password\"\n              placeholder=\"Password\"\n              aria-label=\"Password\"\n              minLength={8}\n              required\n              // eslint-disable-next-line jsx-a11y/no-autofocus\n              autoFocus\n              onBlur={(event) => {\n                if (\n                  event.currentTarget.validity.valid ||\n                  !event.currentTarget.value.length\n                ) {\n                  setNativePasswordError(null);\n                } else {\n                  setNativePasswordError(\n                    event.currentTarget.validity.valueMissing\n                      ? 'Please enter a password'\n                      : 'Passwords must be at least 8 characters',\n                  );\n                }\n              }}\n            />\n            {nativePasswordError && (\n              <p className=\"text-red-500 text-xs\">\n                {' '}\n                {nativePasswordError} &nbsp;\n              </p>\n            )}\n          </div>\n          <div className=\"flex items-center justify-between\">\n            <button\n              className=\"bg-primary text-contrast rounded py-2 px-4 focus:shadow-outline block w-full\"\n              type=\"submit\"\n            >\n              Create Account\n            </button>\n          </div>\n          <div className=\"flex items-center mt-8 border-t border-gray-300\">\n            <p className=\"align-baseline text-sm mt-6\">\n              Already have an account? &nbsp;\n              <Link className=\"inline underline\" to=\"/account/login\">\n                Sign in\n              </Link>\n            </p>\n          </div>\n        </Form>\n      </div>\n    </div>\n  );\n}\n"],
+  "mappings": "uRAQA,IAAAA,EAAuB,OARvB,IAAAC,EAAA,OA2EO,IAAMC,EAAqB,KACzB,CACL,MAAO,UACT,GAGa,SAARC,GAA4B,CACjC,IAAMC,EAAaC,EAA0B,EACvC,CAACC,EAAkBC,CAAmB,KAAI,YAAwB,IAAI,EACtE,CAACC,EAAqBC,CAAsB,KAAI,YACpD,IACF,EAEA,SACE,OAAC,OAAI,UAAU,iCACb,oBAAC,OAAI,UAAU,kBACb,oBAAC,MAAG,UAAU,WAAW,8BAAkB,KAE3C,QAACC,EAAA,CACC,OAAO,OACP,WAAU,GACV,UAAU,gCAET,UAAAN,GAAY,cACX,OAAC,OAAI,UAAU,oDACb,mBAAC,KAAE,UAAU,2BAA4B,SAAAA,EAAW,UAAU,EAChE,KAEF,QAAC,OACC,oBAAC,SACC,UAAW,QAAQO,EAAqBL,CAAgB,IACxD,GAAG,QACH,KAAK,QACL,KAAK,QACL,aAAa,QACb,SAAQ,GACR,YAAY,gBACZ,aAAW,gBAEX,UAAS,GACT,OAASM,GAAU,CACjBL,EACEK,EAAM,cAAc,MAAM,QACxB,CAACA,EAAM,cAAc,SAAS,MAC5B,wBACA,IACN,CACF,EACF,EACCN,MACC,QAAC,KAAE,UAAU,uBAAwB,UAAAA,EAAiB,SAAO,GAEjE,KACA,QAAC,OACC,oBAAC,SACC,UAAW,QAAQK,EAAqBH,CAAmB,IAC3D,GAAG,WACH,KAAK,WACL,KAAK,WACL,aAAa,mBACb,YAAY,WACZ,aAAW,WACX,UAAW,EACX,SAAQ,GAER,UAAS,GACT,OAASI,GAAU,CAEfA,EAAM,cAAc,SAAS,OAC7B,CAACA,EAAM,cAAc,MAAM,OAE3BH,EAAuB,IAAI,EAE3BA,EACEG,EAAM,cAAc,SAAS,aACzB,0BACA,yCACN,CAEJ,EACF,EACCJ,MACC,QAAC,KAAE,UAAU,uBACV,cACAA,EAAoB,SACvB,GAEJ,KACA,OAAC,OAAI,UAAU,oCACb,mBAAC,UACC,UAAU,+EACV,KAAK,SACN,0BAED,EACF,KACA,OAAC,OAAI,UAAU,kDACb,oBAAC,KAAE,UAAU,8BAA8B,6CAEzC,OAACK,EAAA,CAAK,UAAU,mBAAmB,GAAG,iBAAiB,mBAEvD,GACF,EACF,GACF,GACF,EACF,CAEJ",
+  "names": ["import_react", "import_jsx_runtime", "meta", "Register", "actionData", "useActionData", "nativeEmailError", "setNativeEmailError", "nativePasswordError", "setNativePasswordError", "Form", "getInputStyleClasses", "event", "Link"]
+}

package/dist/templates/demo-store/dist/client/build/_shared/chunk-KSKV5IK6.js

@@ -0,0 +1,20 @@
+import{a as d}from"/build/_shared/chunk-X4LCECW4.js";var N=d(r=>{"use strict";var y=Symbol.for("react.element"),A=Symbol.for("react.portal"),F=Symbol.for("react.fragment"),M=Symbol.for("react.strict_mode"),B=Symbol.for("react.profiler"),z=Symbol.for("react.provider"),H=Symbol.for("react.context"),W=Symbol.for("react.forward_ref"),Y=Symbol.for("react.suspense"),G=Symbol.for("react.memo"),J=Symbol.for("react.lazy"),$=Symbol.iterator;function K(e){return e===null||typeof e!="object"?null:(e=$&&e[$]||e["@@iterator"],typeof e=="function"?e:null)}var O={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},C=Object.assign,x={};function a(e,t,o){this.props=e,this.context=t,this.refs=x,this.updater=o||O}a.prototype.isReactComponent={};a.prototype.setState=function(e,t){if(typeof e!="object"&&typeof e!="function"&&e!=null)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")};a.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")};function P(){}P.prototype=a.prototype;function E(e,t,o){this.props=e,this.context=t,this.refs=x,this.updater=o||O}var k=E.prototype=new P;k.constructor=E;C(k,a.prototype);k.isPureReactComponent=!0;var b=Array.isArray,g=Object.prototype.hasOwnProperty,R={current:null},I={key:!0,ref:!0,__self:!0,__source:!0};function q(e,t,o){var n,u={},i=null,s=null;if(t!=null)for(n in t.ref!==void 0&&(s=t.ref),t.key!==void 0&&(i=""+t.key),t)g.call(t,n)&&!I.hasOwnProperty(n)&&(u[n]=t[n]);var f=arguments.length-2;if(f===1)u.children=o;else if(1<f){for(var c=Array(f),p=0;p<f;p++)c[p]=arguments[p+2];u.children=c}if(e&&e.defaultProps)for(n in f=e.defaultProps,f)u[n]===void 0&&(u[n]=f[n]);return{$$typeof:y,type:e,key:i,ref:s,props:u,_owner:R.current}}function Q(e,t){return{$$typeof:y,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}function w(e){return typeof e=="object"&&e!==null&&e.$$typeof===y}function X(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,function(o){return t[o]})}var j=/\/+/g;function S(e,t){return typeof e=="object"&&e!==null&&e.key!=null?X(""+e.key):t.toString(36)}function v(e,t,o,n,u){var i=typeof e;(i==="undefined"||i==="boolean")&&(e=null);var s=!1;if(e===null)s=!0;else switch(i){case"string":case"number":s=!0;break;case"object":switch(e.$$typeof){case y:case A:s=!0}}if(s)return s=e,u=u(s),e=n===""?"."+S(s,0):n,b(u)?(o="",e!=null&&(o=e.replace(j,"$&/")+"/"),v(u,t,o,"",function(p){return p})):u!=null&&(w(u)&&(u=Q(u,o+(!u.key||s&&s.key===u.key?"":(""+u.key).replace(j,"$&/")+"/")+e)),t.push(u)),1;if(s=0,n=n===""?".":n+":",b(e))for(var f=0;f<e.length;f++){i=e[f];var c=n+S(i,f);s+=v(i,t,o,c,u)}else if(c=K(e),typeof c=="function")for(e=c.call(e),f=0;!(i=e.next()).done;)i=i.value,c=n+S(i,f++),s+=v(i,t,o,c,u);else if(i==="object")throw t=String(e),Error("Objects are not valid as a React child (found: "+(t==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return s}function _(e,t,o){if(e==null)return e;var n=[],u=0;return v(e,n,"","",function(i){return t.call(o,i,u++)}),n}function Z(e){if(e._status===-1){var t=e._result;t=t(),t.then(function(o){(e._status===0||e._status===-1)&&(e._status=1,e._result=o)},function(o){(e._status===0||e._status===-1)&&(e._status=2,e._result=o)}),e._status===-1&&(e._status=0,e._result=t)}if(e._status===1)return e._result.default;throw e._result}var l={current:null},m={transition:null},ee={ReactCurrentDispatcher:l,ReactCurrentBatchConfig:m,ReactCurrentOwner:R};r.Children={map:_,forEach:function(e,t,o){_(e,function(){t.apply(this,arguments)},o)},count:function(e){var t=0;return _(e,function(){t++}),t},toArray:function(e){return _(e,function(t){return t})||[]},only:function(e){if(!w(e))throw Error("React.Children.only expected to receive a single React element child.");return e}};r.Component=a;r.Fragment=F;r.Profiler=B;r.PureComponent=E;r.StrictMode=M;r.Suspense=Y;r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=ee;r.cloneElement=function(e,t,o){if(e==null)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var n=C({},e.props),u=e.key,i=e.ref,s=e._owner;if(t!=null){if(t.ref!==void 0&&(i=t.ref,s=R.current),t.key!==void 0&&(u=""+t.key),e.type&&e.type.defaultProps)var f=e.type.defaultProps;for(c in t)g.call(t,c)&&!I.hasOwnProperty(c)&&(n[c]=t[c]===void 0&&f!==void 0?f[c]:t[c])}var c=arguments.length-2;if(c===1)n.children=o;else if(1<c){f=Array(c);for(var p=0;p<c;p++)f[p]=arguments[p+2];n.children=f}return{$$typeof:y,type:e.type,key:u,ref:i,props:n,_owner:s}};r.createContext=function(e){return e={$$typeof:H,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null},e.Provider={$$typeof:z,_context:e},e.Consumer=e};r.createElement=q;r.createFactory=function(e){var t=q.bind(null,e);return t.type=e,t};r.createRef=function(){return{current:null}};r.forwardRef=function(e){return{$$typeof:W,render:e}};r.isValidElement=w;r.lazy=function(e){return{$$typeof:J,_payload:{_status:-1,_result:e},_init:Z}};r.memo=function(e,t){return{$$typeof:G,type:e,compare:t===void 0?null:t}};r.startTransition=function(e){var t=m.transition;m.transition={};try{e()}finally{m.transition=t}};r.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")};r.useCallback=function(e,t){return l.current.useCallback(e,t)};r.useContext=function(e){return l.current.useContext(e)};r.useDebugValue=function(){};r.useDeferredValue=function(e){return l.current.useDeferredValue(e)};r.useEffect=function(e,t){return l.current.useEffect(e,t)};r.useId=function(){return l.current.useId()};r.useImperativeHandle=function(e,t,o){return l.current.useImperativeHandle(e,t,o)};r.useInsertionEffect=function(e,t){return l.current.useInsertionEffect(e,t)};r.useLayoutEffect=function(e,t){return l.current.useLayoutEffect(e,t)};r.useMemo=function(e,t){return l.current.useMemo(e,t)};r.useReducer=function(e,t,o){return l.current.useReducer(e,t,o)};r.useRef=function(e){return l.current.useRef(e)};r.useState=function(e){return l.current.useState(e)};r.useSyncExternalStore=function(e,t,o){return l.current.useSyncExternalStore(e,t,o)};r.useTransition=function(){return l.current.useTransition()};r.version="18.2.0"});var T=d((fe,D)=>{"use strict";D.exports=N()});var L=d(h=>{"use strict";var te=T(),re=Symbol.for("react.element"),ne=Symbol.for("react.fragment"),oe=Object.prototype.hasOwnProperty,ue=te.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,ie={key:!0,ref:!0,__self:!0,__source:!0};function V(e,t,o){var n,u={},i=null,s=null;o!==void 0&&(i=""+o),t.key!==void 0&&(i=""+t.key),t.ref!==void 0&&(s=t.ref);for(n in t)oe.call(t,n)&&!ie.hasOwnProperty(n)&&(u[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps,t)u[n]===void 0&&(u[n]=t[n]);return{$$typeof:re,type:e,key:i,ref:s,props:u,_owner:ue.current}}h.Fragment=ne;h.jsx=V;h.jsxs=V});var se=d((pe,U)=>{"use strict";U.exports=L()});export{T as a,se as b};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+//# sourceMappingURL=/build/_shared/chunk-KSKV5IK6.js.map

package/dist/templates/demo-store/dist/client/build/_shared/chunk-KSKV5IK6.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../node_modules/react/cjs/react.production.min.js", "../../../../../../node_modules/react/index.js", "../../../../../../node_modules/react/cjs/react-jsx-runtime.production.min.js", "../../../../../../node_modules/react/jsx-runtime.js"],
+  "sourcesContent": ["/**\n * @license React\n * react.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var l=Symbol.for(\"react.element\"),n=Symbol.for(\"react.portal\"),p=Symbol.for(\"react.fragment\"),q=Symbol.for(\"react.strict_mode\"),r=Symbol.for(\"react.profiler\"),t=Symbol.for(\"react.provider\"),u=Symbol.for(\"react.context\"),v=Symbol.for(\"react.forward_ref\"),w=Symbol.for(\"react.suspense\"),x=Symbol.for(\"react.memo\"),y=Symbol.for(\"react.lazy\"),z=Symbol.iterator;function A(a){if(null===a||\"object\"!==typeof a)return null;a=z&&a[z]||a[\"@@iterator\"];return\"function\"===typeof a?a:null}\nvar B={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},C=Object.assign,D={};function E(a,b,e){this.props=a;this.context=b;this.refs=D;this.updater=e||B}E.prototype.isReactComponent={};\nE.prototype.setState=function(a,b){if(\"object\"!==typeof a&&\"function\"!==typeof a&&null!=a)throw Error(\"setState(...): takes an object of state variables to update or a function which returns an object of state variables.\");this.updater.enqueueSetState(this,a,b,\"setState\")};E.prototype.forceUpdate=function(a){this.updater.enqueueForceUpdate(this,a,\"forceUpdate\")};function F(){}F.prototype=E.prototype;function G(a,b,e){this.props=a;this.context=b;this.refs=D;this.updater=e||B}var H=G.prototype=new F;\nH.constructor=G;C(H,E.prototype);H.isPureReactComponent=!0;var I=Array.isArray,J=Object.prototype.hasOwnProperty,K={current:null},L={key:!0,ref:!0,__self:!0,__source:!0};\nfunction M(a,b,e){var d,c={},k=null,h=null;if(null!=b)for(d in void 0!==b.ref&&(h=b.ref),void 0!==b.key&&(k=\"\"+b.key),b)J.call(b,d)&&!L.hasOwnProperty(d)&&(c[d]=b[d]);var g=arguments.length-2;if(1===g)c.children=e;else if(1<g){for(var f=Array(g),m=0;m<g;m++)f[m]=arguments[m+2];c.children=f}if(a&&a.defaultProps)for(d in g=a.defaultProps,g)void 0===c[d]&&(c[d]=g[d]);return{$$typeof:l,type:a,key:k,ref:h,props:c,_owner:K.current}}\nfunction N(a,b){return{$$typeof:l,type:a.type,key:b,ref:a.ref,props:a.props,_owner:a._owner}}function O(a){return\"object\"===typeof a&&null!==a&&a.$$typeof===l}function escape(a){var b={\"=\":\"=0\",\":\":\"=2\"};return\"$\"+a.replace(/[=:]/g,function(a){return b[a]})}var P=/\\/+/g;function Q(a,b){return\"object\"===typeof a&&null!==a&&null!=a.key?escape(\"\"+a.key):b.toString(36)}\nfunction R(a,b,e,d,c){var k=typeof a;if(\"undefined\"===k||\"boolean\"===k)a=null;var h=!1;if(null===a)h=!0;else switch(k){case \"string\":case \"number\":h=!0;break;case \"object\":switch(a.$$typeof){case l:case n:h=!0}}if(h)return h=a,c=c(h),a=\"\"===d?\".\"+Q(h,0):d,I(c)?(e=\"\",null!=a&&(e=a.replace(P,\"$&/\")+\"/\"),R(c,b,e,\"\",function(a){return a})):null!=c&&(O(c)&&(c=N(c,e+(!c.key||h&&h.key===c.key?\"\":(\"\"+c.key).replace(P,\"$&/\")+\"/\")+a)),b.push(c)),1;h=0;d=\"\"===d?\".\":d+\":\";if(I(a))for(var g=0;g<a.length;g++){k=\na[g];var f=d+Q(k,g);h+=R(k,b,e,f,c)}else if(f=A(a),\"function\"===typeof f)for(a=f.call(a),g=0;!(k=a.next()).done;)k=k.value,f=d+Q(k,g++),h+=R(k,b,e,f,c);else if(\"object\"===k)throw b=String(a),Error(\"Objects are not valid as a React child (found: \"+(\"[object Object]\"===b?\"object with keys {\"+Object.keys(a).join(\", \")+\"}\":b)+\"). If you meant to render a collection of children, use an array instead.\");return h}\nfunction S(a,b,e){if(null==a)return a;var d=[],c=0;R(a,d,\"\",\"\",function(a){return b.call(e,a,c++)});return d}function T(a){if(-1===a._status){var b=a._result;b=b();b.then(function(b){if(0===a._status||-1===a._status)a._status=1,a._result=b},function(b){if(0===a._status||-1===a._status)a._status=2,a._result=b});-1===a._status&&(a._status=0,a._result=b)}if(1===a._status)return a._result.default;throw a._result;}\nvar U={current:null},V={transition:null},W={ReactCurrentDispatcher:U,ReactCurrentBatchConfig:V,ReactCurrentOwner:K};exports.Children={map:S,forEach:function(a,b,e){S(a,function(){b.apply(this,arguments)},e)},count:function(a){var b=0;S(a,function(){b++});return b},toArray:function(a){return S(a,function(a){return a})||[]},only:function(a){if(!O(a))throw Error(\"React.Children.only expected to receive a single React element child.\");return a}};exports.Component=E;exports.Fragment=p;\nexports.Profiler=r;exports.PureComponent=G;exports.StrictMode=q;exports.Suspense=w;exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=W;\nexports.cloneElement=function(a,b,e){if(null===a||void 0===a)throw Error(\"React.cloneElement(...): The argument must be a React element, but you passed \"+a+\".\");var d=C({},a.props),c=a.key,k=a.ref,h=a._owner;if(null!=b){void 0!==b.ref&&(k=b.ref,h=K.current);void 0!==b.key&&(c=\"\"+b.key);if(a.type&&a.type.defaultProps)var g=a.type.defaultProps;for(f in b)J.call(b,f)&&!L.hasOwnProperty(f)&&(d[f]=void 0===b[f]&&void 0!==g?g[f]:b[f])}var f=arguments.length-2;if(1===f)d.children=e;else if(1<f){g=Array(f);\nfor(var m=0;m<f;m++)g[m]=arguments[m+2];d.children=g}return{$$typeof:l,type:a.type,key:c,ref:k,props:d,_owner:h}};exports.createContext=function(a){a={$$typeof:u,_currentValue:a,_currentValue2:a,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null};a.Provider={$$typeof:t,_context:a};return a.Consumer=a};exports.createElement=M;exports.createFactory=function(a){var b=M.bind(null,a);b.type=a;return b};exports.createRef=function(){return{current:null}};\nexports.forwardRef=function(a){return{$$typeof:v,render:a}};exports.isValidElement=O;exports.lazy=function(a){return{$$typeof:y,_payload:{_status:-1,_result:a},_init:T}};exports.memo=function(a,b){return{$$typeof:x,type:a,compare:void 0===b?null:b}};exports.startTransition=function(a){var b=V.transition;V.transition={};try{a()}finally{V.transition=b}};exports.unstable_act=function(){throw Error(\"act(...) is not supported in production builds of React.\");};\nexports.useCallback=function(a,b){return U.current.useCallback(a,b)};exports.useContext=function(a){return U.current.useContext(a)};exports.useDebugValue=function(){};exports.useDeferredValue=function(a){return U.current.useDeferredValue(a)};exports.useEffect=function(a,b){return U.current.useEffect(a,b)};exports.useId=function(){return U.current.useId()};exports.useImperativeHandle=function(a,b,e){return U.current.useImperativeHandle(a,b,e)};\nexports.useInsertionEffect=function(a,b){return U.current.useInsertionEffect(a,b)};exports.useLayoutEffect=function(a,b){return U.current.useLayoutEffect(a,b)};exports.useMemo=function(a,b){return U.current.useMemo(a,b)};exports.useReducer=function(a,b,e){return U.current.useReducer(a,b,e)};exports.useRef=function(a){return U.current.useRef(a)};exports.useState=function(a){return U.current.useState(a)};exports.useSyncExternalStore=function(a,b,e){return U.current.useSyncExternalStore(a,b,e)};\nexports.useTransition=function(){return U.current.useTransition()};exports.version=\"18.2.0\";\n", "'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react.production.min.js');\n} else {\n  module.exports = require('./cjs/react.development.js');\n}\n", "/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n", "'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.min.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n"],
+  "mappings": "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",
+  "names": ["require_react_production_min", "__commonJSMin", "exports", "l", "n", "p", "q", "r", "t", "u", "v", "w", "x", "y", "z", "A", "a", "B", "D", "E", "b", "e", "F", "G", "H", "I", "J", "K", "L", "M", "d", "c", "k", "h", "g", "f", "m", "N", "O", "escape", "P", "Q", "R", "S", "T", "U", "V", "W", "require_react", "__commonJSMin", "exports", "module", "require_react_jsx_runtime_production_min", "__commonJSMin", "exports", "f", "k", "l", "m", "n", "p", "q", "c", "a", "g", "b", "d", "e", "h", "require_jsx_runtime", "__commonJSMin", "exports", "module"]
+}

package/dist/templates/demo-store/dist/client/build/_shared/chunk-LNLOHMUB.js

@@ -0,0 +1,32 @@
+import{b as m,d as l}from"/build/_shared/chunk-63VE24M5.js";import{a as E}from"/build/_shared/chunk-4ROFW2VH.js";import{M as C,O as p,Z as h,_ as r}from"/build/_shared/chunk-HX34UWFZ.js";import{i as n,q as y}from"/build/_shared/chunk-ZNLABNO4.js";import{a as $,b as f}from"/build/_shared/chunk-KSKV5IK6.js";import{b as a}from"/build/_shared/chunk-X4LCECW4.js";var t=a($());var e=a(f()),q={hydrogen:{resourceType:E.FRONT_PAGE}};function H(){let{primaryHero:u,secondaryHero:i,tertiaryHero:s,featuredCollections:g,featuredProducts:c}=y(),d=C([{},{},{}]);return(0,e.jsxs)(e.Fragment,{children:[u&&(0,e.jsx)(r,{...u,height:"full",top:!0,loading:"eager"}),c&&(0,e.jsx)(t.Suspense,{children:(0,e.jsx)(n,{resolve:c,children:({products:o})=>o?.nodes?(0,e.jsx)(p,{products:o.nodes,title:"Featured Products",count:4}):null})}),i&&(0,e.jsx)(t.Suspense,{fallback:(0,e.jsx)(r,{...d[1]}),children:(0,e.jsx)(n,{resolve:i,children:({hero:o})=>o?(0,e.jsx)(r,{...o}):null})}),g&&(0,e.jsx)(t.Suspense,{children:(0,e.jsx)(n,{resolve:g,children:({collections:o})=>o?.nodes?(0,e.jsx)(h,{collections:o.nodes,title:"Collections"}):null})}),s&&(0,e.jsx)(t.Suspense,{fallback:(0,e.jsx)(r,{...d[2]}),children:(0,e.jsx)(n,{resolve:s,children:({hero:o})=>o?(0,e.jsx)(r,{...o}):null})})]})}var w=`#graphql
+  ${l}
+  query collectionContent($handle: String, $country: CountryCode, $language: LanguageCode)
+  @inContext(country: $country, language: $language) {
+    hero: collection(handle: $handle) {
+      ...CollectionContent
+    }
+    shop {
+      name
+      description
+    }
+  }
+`,b=`#graphql
+  ${l}
+  query collectionContent($handle: String, $country: CountryCode, $language: LanguageCode)
+  @inContext(country: $country, language: $language) {
+    hero: collection(handle: $handle) {
+      ...CollectionContent
+    }
+  }
+`,F=`#graphql
+  ${m}
+  query homepageFeaturedProducts($country: CountryCode, $language: LanguageCode)
+  @inContext(country: $country, language: $language) {
+    products(first: 8) {
+      nodes {
+        ...ProductCard
+      }
+    }
+  }
+`;export{q as a,H as b};
+//# sourceMappingURL=/build/_shared/chunk-LNLOHMUB.js.map

package/dist/templates/demo-store/dist/client/build/_shared/chunk-LNLOHMUB.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../app/routes/index.tsx"],
+  "sourcesContent": ["import {defer, type LoaderArgs} from '@shopify/remix-oxygen';\nimport {RESOURCE_TYPES, notFoundMaybeRedirect} from '@shopify/hydrogen';\nimport {Suspense} from 'react';\nimport {Await, useLoaderData} from '@remix-run/react';\nimport {ProductSwimlane, FeaturedCollections, Hero} from '~/components';\nimport {COLLECTION_CONTENT_FRAGMENT, PRODUCT_CARD_FRAGMENT} from '~/data';\nimport {getHeroPlaceholder} from '~/lib/placeholders';\nimport {getLocaleFromRequest} from '~/lib/utils';\nimport type {\n  CollectionConnection,\n  Metafield,\n  ProductConnection,\n} from '@shopify/hydrogen-react/storefront-api-types';\n\ninterface HomeSeoData {\n  shop: {\n    name: string;\n    description: string;\n  };\n}\n\ninterface CollectionHero {\n  byline: Metafield;\n  cta: Metafield;\n  handle: string;\n  heading: Metafield;\n  height?: 'full';\n  loading?: 'eager' | 'lazy';\n  spread: Metafield;\n  spreadSecondary: Metafield;\n  top?: boolean;\n}\n\nexport const handle = {\n  hydrogen: {\n    resourceType: RESOURCE_TYPES.FRONT_PAGE,\n  },\n};\n\nexport async function loader({request, params, context}: LoaderArgs) {\n  const {language, country} = getLocaleFromRequest(request);\n\n  if (\n    params.lang &&\n    params.lang.toLowerCase() !== `${language}-${country}`.toLowerCase()\n  ) {\n    // If the lang URL param is defined, yet we still are on `EN-US`\n    // the the lang param must be invalid, send to the 404 page\n    throw await notFoundMaybeRedirect(request, context);\n  }\n\n  const {shop, hero} = await context.storefront.query<{\n    hero: CollectionHero;\n    shop: HomeSeoData;\n  }>(HOMEPAGE_SEO_QUERY, {\n    variables: {\n      handle: 'freestyle',\n      country: context.storefront.i18n?.country,\n      language: context.storefront.i18n?.language,\n    },\n  });\n\n  return defer({\n    shop,\n    primaryHero: hero,\n    // @feedback\n    // Should these all be deferred? Can any of them be combined?\n    // Should there be fallback rendering while deferred?\n    featuredProducts: context.storefront.query<{\n      products: ProductConnection;\n    }>(HOMEPAGE_FEATURED_PRODUCTS_QUERY, {\n      variables: {\n        /**\n        Country and language properties are automatically injected\n        into all queries. Passing them is unnecessary unless you\n        want to override them from the following default:\n        */\n        country: context.storefront.i18n?.country,\n        language: context.storefront.i18n?.language,\n      },\n    }),\n    secondaryHero: context.storefront.query<{hero: CollectionHero}>(\n      COLLECTION_HERO_QUERY,\n      {\n        variables: {\n          handle: 'backcountry',\n          country: context.storefront.i18n?.country,\n          language: context.storefront.i18n?.language,\n        },\n      },\n    ),\n    featuredCollections: context.storefront.query<{\n      collections: CollectionConnection;\n    }>(FEATURED_COLLECTIONS_QUERY, {\n      variables: {\n        country: context.storefront.i18n?.country,\n        language: context.storefront.i18n?.language,\n      },\n    }),\n    tertiaryHero: context.storefront.query<{hero: CollectionHero}>(\n      COLLECTION_HERO_QUERY,\n      {\n        variables: {\n          handle: 'winter-2022',\n          country: context.storefront.i18n?.country,\n          language: context.storefront.i18n?.language,\n        },\n      },\n    ),\n  });\n}\n\nexport default function Homepage() {\n  const {\n    primaryHero,\n    secondaryHero,\n    tertiaryHero,\n    featuredCollections,\n    featuredProducts,\n  } = useLoaderData<typeof loader>();\n\n  // TODO: skeletons vs placeholders\n  const skeletons = getHeroPlaceholder([{}, {}, {}]);\n\n  // TODO: analytics\n  // useServerAnalytics({\n  //   shopify: {\n  //     pageType: ShopifyAnalyticsConstants.pageType.home,\n  //   },\n  // });\n\n  return (\n    <>\n      {primaryHero && (\n        <Hero {...primaryHero} height=\"full\" top loading=\"eager\" />\n      )}\n\n      {featuredProducts && (\n        <Suspense>\n          <Await resolve={featuredProducts}>\n            {({products}) => {\n              if (!products?.nodes) return null;\n              return (\n                <ProductSwimlane\n                  products={products.nodes}\n                  title=\"Featured Products\"\n                  count={4}\n                />\n              );\n            }}\n          </Await>\n        </Suspense>\n      )}\n\n      {secondaryHero && (\n        <Suspense fallback={<Hero {...skeletons[1]} />}>\n          <Await resolve={secondaryHero}>\n            {({hero}) => {\n              if (!hero) return null;\n              return <Hero {...hero} />;\n            }}\n          </Await>\n        </Suspense>\n      )}\n\n      {featuredCollections && (\n        <Suspense>\n          <Await resolve={featuredCollections}>\n            {({collections}) => {\n              if (!collections?.nodes) return null;\n              return (\n                <FeaturedCollections\n                  collections={collections.nodes}\n                  title=\"Collections\"\n                />\n              );\n            }}\n          </Await>\n        </Suspense>\n      )}\n\n      {tertiaryHero && (\n        <Suspense fallback={<Hero {...skeletons[2]} />}>\n          <Await resolve={tertiaryHero}>\n            {({hero}) => {\n              if (!hero) return null;\n              return <Hero {...hero} />;\n            }}\n          </Await>\n        </Suspense>\n      )}\n    </>\n  );\n}\n\nconst HOMEPAGE_SEO_QUERY = `#graphql\n  ${COLLECTION_CONTENT_FRAGMENT}\n  query collectionContent($handle: String, $country: CountryCode, $language: LanguageCode)\n  @inContext(country: $country, language: $language) {\n    hero: collection(handle: $handle) {\n      ...CollectionContent\n    }\n    shop {\n      name\n      description\n    }\n  }\n`;\n\nconst COLLECTION_HERO_QUERY = `#graphql\n  ${COLLECTION_CONTENT_FRAGMENT}\n  query collectionContent($handle: String, $country: CountryCode, $language: LanguageCode)\n  @inContext(country: $country, language: $language) {\n    hero: collection(handle: $handle) {\n      ...CollectionContent\n    }\n  }\n`;\n\n// @see: https://shopify.dev/api/storefront/latest/queries/products\nexport const HOMEPAGE_FEATURED_PRODUCTS_QUERY = `#graphql\n  ${PRODUCT_CARD_FRAGMENT}\n  query homepageFeaturedProducts($country: CountryCode, $language: LanguageCode)\n  @inContext(country: $country, language: $language) {\n    products(first: 8) {\n      nodes {\n        ...ProductCard\n      }\n    }\n  }\n`;\n\n// @see: https://shopify.dev/api/storefront/latest/queries/collections\nexport const FEATURED_COLLECTIONS_QUERY = `#graphql\n  query homepageFeaturedCollections($country: CountryCode, $language: LanguageCode)\n  @inContext(country: $country, language: $language) {\n    collections(\n      first: 4,\n      sortKey: UPDATED_AT\n    ) {\n      nodes {\n        id\n        title\n        handle\n        image {\n          altText\n          width\n          height\n          url\n        }\n      }\n    }\n  }\n`;\n"],
+  "mappings": "wWAEA,IAAAA,EAAuB,OAFvB,IAAAC,EAAA,OAiCaC,EAAS,CACpB,SAAU,CACR,aAAcC,EAAe,UAC/B,CACF,EA2Ee,SAARC,GAA4B,CACjC,GAAM,CACJ,YAAAC,EACA,cAAAC,EACA,aAAAC,EACA,oBAAAC,EACA,iBAAAC,CACF,EAAIC,EAA6B,EAG3BC,EAAYC,EAAmB,CAAC,CAAC,EAAG,CAAC,EAAG,CAAC,CAAC,CAAC,EASjD,SACE,oBACG,UAAAP,MACC,OAACQ,EAAA,CAAM,GAAGR,EAAa,OAAO,OAAO,IAAG,GAAC,QAAQ,QAAQ,EAG1DI,MACC,OAAC,YACC,mBAACK,EAAA,CAAM,QAASL,EACb,UAAC,CAAC,SAAAM,CAAQ,IACJA,GAAU,SAEb,OAACC,EAAA,CACC,SAAUD,EAAS,MACnB,MAAM,oBACN,MAAO,EACT,EAN2B,KASjC,EACF,EAGDT,MACC,OAAC,YAAS,YAAU,OAACO,EAAA,CAAM,GAAGF,EAAU,GAAI,EAC1C,mBAACG,EAAA,CAAM,QAASR,EACb,UAAC,CAAC,KAAAW,CAAI,IACAA,KACE,OAACJ,EAAA,CAAM,GAAGI,EAAM,EADL,KAGtB,EACF,EAGDT,MACC,OAAC,YACC,mBAACM,EAAA,CAAM,QAASN,EACb,UAAC,CAAC,YAAAU,CAAW,IACPA,GAAa,SAEhB,OAACC,EAAA,CACC,YAAaD,EAAY,MACzB,MAAM,cACR,EAL8B,KAQpC,EACF,EAGDX,MACC,OAAC,YAAS,YAAU,OAACM,EAAA,CAAM,GAAGF,EAAU,GAAI,EAC1C,mBAACG,EAAA,CAAM,QAASP,EACb,UAAC,CAAC,KAAAU,CAAI,IACAA,KACE,OAACJ,EAAA,CAAM,GAAGI,EAAM,EADL,KAGtB,EACF,GAEJ,CAEJ,CAEA,IAAMG,EAAqB;AAAA,IACvBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaEC,EAAwB;AAAA,IAC1BD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUSE,EAAmC;AAAA,IAC5CC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": ["import_react", "import_jsx_runtime", "handle", "x", "Homepage", "primaryHero", "secondaryHero", "tertiaryHero", "featuredCollections", "featuredProducts", "useLoaderData", "skeletons", "getHeroPlaceholder", "Hero", "Await", "products", "ProductSwimlane", "hero", "collections", "FeaturedCollections", "HOMEPAGE_SEO_QUERY", "COLLECTION_CONTENT_FRAGMENT", "COLLECTION_HERO_QUERY", "HOMEPAGE_FEATURED_PRODUCTS_QUERY", "PRODUCT_CARD_FRAGMENT"]
+}

package/dist/templates/demo-store/dist/client/build/_shared/chunk-LSI6EG4I.js

@@ -0,0 +1,2 @@
+import{Y as c}from"/build/_shared/chunk-HX34UWFZ.js";import{f as l}from"/build/_shared/chunk-WYHUKY3H.js";import{o,r as n}from"/build/_shared/chunk-ZNLABNO4.js";import{a as p,b as i}from"/build/_shared/chunk-KSKV5IK6.js";import{b as s}from"/build/_shared/chunk-X4LCECW4.js";var m=s(p());var e=s(i());var w=()=>({title:"Recover Password"});function f(){let t=n(),[a,u]=(0,m.useState)(null),d=t?.resetRequested;return(0,e.jsx)("div",{className:"flex justify-center my-24 px-4",children:(0,e.jsx)("div",{className:"max-w-md w-full",children:d?(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("h1",{className:"text-4xl",children:"Request Sent."}),(0,e.jsx)("p",{className:"mt-4",children:"If that email address is in our system, you will receive an email with instructions about how to reset your password in a few minutes."})]}):(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("h1",{className:"text-4xl",children:"Forgot Password."}),(0,e.jsx)("p",{className:"mt-4",children:"Enter the email address associated with your account to receive a link to reset your password."}),(0,e.jsxs)(o,{method:"post",noValidate:!0,className:"pt-6 pb-8 mt-4 mb-4 space-y-3",children:[t?.formError&&(0,e.jsx)("div",{className:"flex items-center justify-center mb-6 bg-zinc-500",children:(0,e.jsx)("p",{className:"m-4 text-s text-contrast",children:t.formError})}),(0,e.jsxs)("div",{children:[(0,e.jsx)("input",{className:`mb-1 ${l(a)}`,id:"email",name:"email",type:"email",autoComplete:"email",required:!0,placeholder:"Email address","aria-label":"Email address",autoFocus:!0,onBlur:r=>{u(r.currentTarget.value.length&&!r.currentTarget.validity.valid?"Invalid email address":null)}}),a&&(0,e.jsxs)("p",{className:"text-red-500 text-xs",children:[a," \xA0"]})]}),(0,e.jsx)("div",{className:"flex items-center justify-between",children:(0,e.jsx)("button",{className:"bg-primary text-contrast rounded py-2 px-4 focus:shadow-outline block w-full",type:"submit",children:"Request Reset Link"})}),(0,e.jsx)("div",{className:"flex items-center mt-8 border-t border-gray-300",children:(0,e.jsxs)("p",{className:"align-baseline text-sm mt-6",children:["Return to \xA0",(0,e.jsx)(c,{className:"inline underline",to:"/account/login",children:"Login"})]})})]})]})})})}export{w as a,f as b};
+//# sourceMappingURL=/build/_shared/chunk-LSI6EG4I.js.map

package/dist/templates/demo-store/dist/client/build/_shared/chunk-LSI6EG4I.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../app/routes/account/__public/recover.tsx"],
+  "sourcesContent": ["import {\n  type MetaFunction,\n  type ActionFunction,\n  type LoaderArgs,\n  redirect,\n  json,\n} from '@shopify/remix-oxygen';\nimport {Form, useActionData} from '@remix-run/react';\nimport {useState} from 'react';\nimport {sendPasswordResetEmail} from '~/data';\nimport {Link} from '~/components';\nimport {getInputStyleClasses} from '~/lib/utils';\n\nexport async function loader({context, params}: LoaderArgs) {\n  const customerAccessToken = await context.session.get('customerAccessToken');\n\n  if (customerAccessToken) {\n    return redirect(params.lang ? `${params.lang}/account` : '/account');\n  }\n\n  return new Response(null);\n}\n\ntype ActionData = {\n  formError?: string;\n  resetRequested?: boolean;\n};\n\nconst badRequest = (data: ActionData) => json(data, {status: 400});\n\nexport const action: ActionFunction = async ({request, context}) => {\n  const formData = await request.formData();\n  const email = formData.get('email');\n\n  if (!email || typeof email !== 'string') {\n    return badRequest({\n      formError: 'Please provide an email.',\n    });\n  }\n\n  try {\n    await sendPasswordResetEmail(context, {email});\n\n    return json({resetRequested: true});\n  } catch (error: any) {\n    return badRequest({\n      formError: 'Something went wrong. Please try again later.',\n    });\n  }\n};\n\nexport const meta: MetaFunction = () => {\n  return {\n    title: 'Recover Password',\n  };\n};\n\nexport default function Recover() {\n  const actionData = useActionData<ActionData>();\n  const [nativeEmailError, setNativeEmailError] = useState<null | string>(null);\n  const isSubmitted = actionData?.resetRequested;\n\n  return (\n    <div className=\"flex justify-center my-24 px-4\">\n      <div className=\"max-w-md w-full\">\n        {isSubmitted ? (\n          <>\n            <h1 className=\"text-4xl\">Request Sent.</h1>\n            <p className=\"mt-4\">\n              If that email address is in our system, you will receive an email\n              with instructions about how to reset your password in a few\n              minutes.\n            </p>\n          </>\n        ) : (\n          <>\n            <h1 className=\"text-4xl\">Forgot Password.</h1>\n            <p className=\"mt-4\">\n              Enter the email address associated with your account to receive a\n              link to reset your password.\n            </p>\n            {/* TODO: Add onSubmit to validate _before_ submission with native? */}\n            <Form\n              method=\"post\"\n              noValidate\n              className=\"pt-6 pb-8 mt-4 mb-4 space-y-3\"\n            >\n              {actionData?.formError && (\n                <div className=\"flex items-center justify-center mb-6 bg-zinc-500\">\n                  <p className=\"m-4 text-s text-contrast\">\n                    {actionData.formError}\n                  </p>\n                </div>\n              )}\n              <div>\n                <input\n                  className={`mb-1 ${getInputStyleClasses(nativeEmailError)}`}\n                  id=\"email\"\n                  name=\"email\"\n                  type=\"email\"\n                  autoComplete=\"email\"\n                  required\n                  placeholder=\"Email address\"\n                  aria-label=\"Email address\"\n                  // eslint-disable-next-line jsx-a11y/no-autofocus\n                  autoFocus\n                  onBlur={(event) => {\n                    setNativeEmailError(\n                      event.currentTarget.value.length &&\n                        !event.currentTarget.validity.valid\n                        ? 'Invalid email address'\n                        : null,\n                    );\n                  }}\n                />\n                {nativeEmailError && (\n                  <p className=\"text-red-500 text-xs\">\n                    {nativeEmailError} &nbsp;\n                  </p>\n                )}\n              </div>\n              <div className=\"flex items-center justify-between\">\n                <button\n                  className=\"bg-primary text-contrast rounded py-2 px-4 focus:shadow-outline block w-full\"\n                  type=\"submit\"\n                >\n                  Request Reset Link\n                </button>\n              </div>\n              <div className=\"flex items-center mt-8 border-t border-gray-300\">\n                <p className=\"align-baseline text-sm mt-6\">\n                  Return to &nbsp;\n                  <Link className=\"inline underline\" to=\"/account/login\">\n                    Login\n                  </Link>\n                </p>\n              </div>\n            </Form>\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"],
+  "mappings": "kRAQA,IAAAA,EAAuB,OARvB,IAAAC,EAAA,OAmDO,IAAMC,EAAqB,KACzB,CACL,MAAO,kBACT,GAGa,SAARC,GAA2B,CAChC,IAAMC,EAAaC,EAA0B,EACvC,CAACC,EAAkBC,CAAmB,KAAI,YAAwB,IAAI,EACtEC,EAAcJ,GAAY,eAEhC,SACE,OAAC,OAAI,UAAU,iCACb,mBAAC,OAAI,UAAU,kBACZ,SAAAI,KACC,oBACE,oBAAC,MAAG,UAAU,WAAW,yBAAa,KACtC,OAAC,KAAE,UAAU,OAAO,kJAIpB,GACF,KAEA,oBACE,oBAAC,MAAG,UAAU,WAAW,4BAAgB,KACzC,OAAC,KAAE,UAAU,OAAO,0GAGpB,KAEA,QAACC,EAAA,CACC,OAAO,OACP,WAAU,GACV,UAAU,gCAET,UAAAL,GAAY,cACX,OAAC,OAAI,UAAU,oDACb,mBAAC,KAAE,UAAU,2BACV,SAAAA,EAAW,UACd,EACF,KAEF,QAAC,OACC,oBAAC,SACC,UAAW,QAAQM,EAAqBJ,CAAgB,IACxD,GAAG,QACH,KAAK,QACL,KAAK,QACL,aAAa,QACb,SAAQ,GACR,YAAY,gBACZ,aAAW,gBAEX,UAAS,GACT,OAASK,GAAU,CACjBJ,EACEI,EAAM,cAAc,MAAM,QACxB,CAACA,EAAM,cAAc,SAAS,MAC5B,wBACA,IACN,CACF,EACF,EACCL,MACC,QAAC,KAAE,UAAU,uBACV,UAAAA,EAAiB,SACpB,GAEJ,KACA,OAAC,OAAI,UAAU,oCACb,mBAAC,UACC,UAAU,+EACV,KAAK,SACN,8BAED,EACF,KACA,OAAC,OAAI,UAAU,kDACb,oBAAC,KAAE,UAAU,8BAA8B,8BAEzC,OAACM,EAAA,CAAK,UAAU,mBAAmB,GAAG,iBAAiB,iBAEvD,GACF,EACF,GACF,GACF,EAEJ,EACF,CAEJ",
+  "names": ["import_react", "import_jsx_runtime", "meta", "Recover", "actionData", "useActionData", "nativeEmailError", "setNativeEmailError", "isSubmitted", "Form", "getInputStyleClasses", "event", "Link"]
+}

package/dist/templates/demo-store/dist/client/build/_shared/chunk-LYYN6DNQ.js

@@ -0,0 +1,2 @@
+import{a as $}from"/build/_shared/chunk-4ROFW2VH.js";import{F as m,G as p,H as f,K as y,R as a,Y as C,ba as h,ca as v}from"/build/_shared/chunk-HX34UWFZ.js";import{q as g}from"/build/_shared/chunk-ZNLABNO4.js";import{b as u}from"/build/_shared/chunk-KSKV5IK6.js";import{b as d}from"/build/_shared/chunk-X4LCECW4.js";var t=d(u());var A={hydrogen:{resourceType:$.COLLECTIONS}},H=()=>({title:"All Collections"});function S(){let{collections:e}=g();return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(f,{heading:"Collections"}),(0,t.jsx)(p,{children:(0,t.jsx)(v,{connection:e,children:({endCursor:o,hasNextPage:r,hasPreviousPage:l,nextPageUrl:I,nodes:n,prevPageUrl:L,startCursor:s,nextLinkRef:x,isLoading:i})=>(0,t.jsxs)(t.Fragment,{children:[l&&(0,t.jsx)("div",{className:"flex items-center justify-center mt-6",children:(0,t.jsx)(a,{to:L,variant:"secondary",width:"full",prefetch:"intent",disabled:!i,state:{pageInfo:{endCursor:o,hasNextPage:r,startCursor:s},nodes:n},children:i?"Loading...":"Previous products"})}),(0,t.jsx)(h,{items:n.length===3?3:2,"data-test":"collection-grid",children:n.map((c,N)=>(0,t.jsx)(w,{collection:c,loading:y(N,2)},c.id))}),r&&(0,t.jsx)("div",{className:"flex items-center justify-center mt-6",children:(0,t.jsx)(a,{ref:x,to:I,variant:"secondary",width:"full",prefetch:"intent",disabled:!i,state:{pageInfo:{endCursor:o,hasPreviousPage:l,startCursor:s},nodes:n},children:i?"Loading...":"Next products"})})]})})})]})}function w({collection:e,loading:o}){return(0,t.jsxs)(C,{to:`/collections/${e.handle}`,className:"grid gap-4",children:[(0,t.jsx)("div",{className:"card-image bg-primary/5 aspect-[3/2]",children:e?.image&&(0,t.jsx)("img",{alt:e.title,src:e.image.url,height:400,sizes:"(max-width: 32em) 100vw, 33vw",width:600,loading:o})}),(0,t.jsx)(m,{as:"h3",size:"copy",children:e.title})]})}export{A as a,H as b,S as c};
+//# sourceMappingURL=/build/_shared/chunk-LYYN6DNQ.js.map

package/dist/templates/demo-store/dist/client/build/_shared/chunk-LYYN6DNQ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../app/routes/collections/index.tsx"],
+  "sourcesContent": ["import {json, type MetaFunction, type LoaderArgs} from '@shopify/remix-oxygen';\nimport {RESOURCE_TYPES} from '@shopify/hydrogen';\nimport {useLoaderData} from '@remix-run/react';\nimport type {\n  Collection,\n  CollectionConnection,\n} from '@shopify/hydrogen-react/storefront-api-types';\nimport {\n  Grid,\n  Heading,\n  PageHeader,\n  Section,\n  Link,\n  Pagination,\n  getPaginationVariables,\n  Button,\n} from '~/components';\nimport {getImageLoadingPriority} from '~/lib/const';\n\nconst PAGINATION_SIZE = 8;\n\nexport const loader = async ({request, context: {storefront}}: LoaderArgs) => {\n  const variables = getPaginationVariables(request, PAGINATION_SIZE);\n  const {collections} = await storefront.query<{\n    collections: CollectionConnection;\n  }>(COLLECTIONS_QUERY, {\n    variables: {\n      ...variables,\n      country: storefront.i18n?.country,\n      language: storefront.i18n?.language,\n    },\n  });\n\n  return json({collections});\n};\n\nexport const handle = {\n  hydrogen: {\n    resourceType: RESOURCE_TYPES.COLLECTIONS,\n  },\n};\n\nexport const meta: MetaFunction = () => {\n  return {\n    title: 'All Collections',\n  };\n};\n\nexport default function Collections() {\n  const {collections} = useLoaderData<typeof loader>();\n\n  return (\n    <>\n      <PageHeader heading=\"Collections\" />\n      <Section>\n        <Pagination connection={collections}>\n          {({\n            endCursor,\n            hasNextPage,\n            hasPreviousPage,\n            nextPageUrl,\n            nodes,\n            prevPageUrl,\n            startCursor,\n            nextLinkRef,\n            isLoading,\n          }) => (\n            <>\n              {hasPreviousPage && (\n                <div className=\"flex items-center justify-center mt-6\">\n                  <Button\n                    to={prevPageUrl}\n                    variant=\"secondary\"\n                    width=\"full\"\n                    prefetch=\"intent\"\n                    disabled={!isLoading}\n                    state={{\n                      pageInfo: {\n                        endCursor,\n                        hasNextPage,\n                        startCursor,\n                      },\n                      nodes,\n                    }}\n                  >\n                    {isLoading ? 'Loading...' : 'Previous products'}\n                  </Button>\n                </div>\n              )}\n              <Grid\n                items={nodes.length === 3 ? 3 : 2}\n                data-test=\"collection-grid\"\n              >\n                {nodes.map((collection, i) => (\n                  <CollectionCard\n                    collection={collection as Collection}\n                    key={collection.id}\n                    loading={getImageLoadingPriority(i, 2)}\n                  />\n                ))}\n              </Grid>\n              {hasNextPage && (\n                <div className=\"flex items-center justify-center mt-6\">\n                  <Button\n                    ref={nextLinkRef}\n                    to={nextPageUrl}\n                    variant=\"secondary\"\n                    width=\"full\"\n                    prefetch=\"intent\"\n                    disabled={!isLoading}\n                    state={{\n                      pageInfo: {\n                        endCursor,\n                        hasPreviousPage,\n                        startCursor,\n                      },\n                      nodes,\n                    }}\n                  >\n                    {isLoading ? 'Loading...' : 'Next products'}\n                  </Button>\n                </div>\n              )}\n            </>\n          )}\n        </Pagination>\n      </Section>\n    </>\n  );\n}\n\nfunction CollectionCard({\n  collection,\n  loading,\n}: {\n  collection: Collection;\n  loading?: HTMLImageElement['loading'];\n}) {\n  return (\n    <Link to={`/collections/${collection.handle}`} className=\"grid gap-4\">\n      <div className=\"card-image bg-primary/5 aspect-[3/2]\">\n        {collection?.image && (\n          <img\n            alt={collection.title}\n            src={collection.image.url}\n            height={400}\n            sizes=\"(max-width: 32em) 100vw, 33vw\"\n            width={600}\n            loading={loading}\n          />\n        )}\n      </div>\n      <Heading as=\"h3\" size=\"copy\">\n        {collection.title}\n      </Heading>\n    </Link>\n  );\n}\n\nconst COLLECTIONS_QUERY = `#graphql\n  query Collections(\n    $country: CountryCode\n    $language: LanguageCode\n    $first: Int\n    $last: Int\n    $startCursor: String\n    $endCursor: String\n  ) @inContext(country: $country, language: $language) {\n    collections(first: $first, last: $last, before: $startCursor, after: $endCursor) {\n      nodes {\n        id\n        title\n        description\n        handle\n        seo {\n          description\n          title\n        }\n        image {\n          id\n          url\n          width\n          height\n          altText\n        }\n      }\n      pageInfo {\n        hasPreviousPage\n        hasNextPage\n        startCursor\n        endCursor\n      }\n    }\n  }\n`;\n"],
+  "mappings": "4TAAA,IAAAA,EAAA,OAoCO,IAAMC,EAAS,CACpB,SAAU,CACR,aAAcC,EAAe,WAC/B,CACF,EAEaC,EAAqB,KACzB,CACL,MAAO,iBACT,GAGa,SAARC,GAA+B,CACpC,GAAM,CAAC,YAAAC,CAAW,EAAIC,EAA6B,EAEnD,SACE,oBACE,oBAACC,EAAA,CAAW,QAAQ,cAAc,KAClC,OAACC,EAAA,CACC,mBAACC,EAAA,CAAW,WAAYJ,EACrB,UAAC,CACA,UAAAK,EACA,YAAAC,EACA,gBAAAC,EACA,YAAAC,EACA,MAAAC,EACA,YAAAC,EACA,YAAAC,EACA,YAAAC,EACA,UAAAC,CACF,OACE,oBACG,UAAAN,MACC,OAAC,OAAI,UAAU,wCACb,mBAACO,EAAA,CACC,GAAIJ,EACJ,QAAQ,YACR,MAAM,OACN,SAAS,SACT,SAAU,CAACG,EACX,MAAO,CACL,SAAU,CACR,UAAAR,EACA,YAAAC,EACA,YAAAK,CACF,EACA,MAAAF,CACF,EAEC,SAAAI,EAAY,aAAe,oBAC9B,EACF,KAEF,OAACE,EAAA,CACC,MAAON,EAAM,SAAW,EAAI,EAAI,EAChC,YAAU,kBAET,SAAAA,EAAM,IAAI,CAACO,EAAYC,OACtB,OAACC,EAAA,CACC,WAAYF,EAEZ,QAASG,EAAwBF,EAAG,CAAC,GADhCD,EAAW,EAElB,CACD,EACH,EACCV,MACC,OAAC,OAAI,UAAU,wCACb,mBAACQ,EAAA,CACC,IAAKF,EACL,GAAIJ,EACJ,QAAQ,YACR,MAAM,OACN,SAAS,SACT,SAAU,CAACK,EACX,MAAO,CACL,SAAU,CACR,UAAAR,EACA,gBAAAE,EACA,YAAAI,CACF,EACA,MAAAF,CACF,EAEC,SAAAI,EAAY,aAAe,gBAC9B,EACF,GAEJ,EAEJ,EACF,GACF,CAEJ,CAEA,SAASK,EAAe,CACtB,WAAAF,EACA,QAAAI,CACF,EAGG,CACD,SACE,QAACC,EAAA,CAAK,GAAI,gBAAgBL,EAAW,SAAU,UAAU,aACvD,oBAAC,OAAI,UAAU,uCACZ,SAAAA,GAAY,UACX,OAAC,OACC,IAAKA,EAAW,MAChB,IAAKA,EAAW,MAAM,IACtB,OAAQ,IACR,MAAM,gCACN,MAAO,IACP,QAASI,EACX,EAEJ,KACA,OAACE,EAAA,CAAQ,GAAG,KAAK,KAAK,OACnB,SAAAN,EAAW,MACd,GACF,CAEJ",
+  "names": ["import_jsx_runtime", "handle", "x", "meta", "Collections", "collections", "useLoaderData", "PageHeader", "Section", "Pagination", "endCursor", "hasNextPage", "hasPreviousPage", "nextPageUrl", "nodes", "prevPageUrl", "startCursor", "nextLinkRef", "isLoading", "Button", "Grid", "collection", "i", "CollectionCard", "getImageLoadingPriority", "loading", "Link", "Heading"]
+}

package/dist/templates/demo-store/dist/client/build/_shared/chunk-MIBUUBFO.js

@@ -0,0 +1,2 @@
+function e(){return null}export{e as a};
+//# sourceMappingURL=/build/_shared/chunk-MIBUUBFO.js.map

package/dist/templates/demo-store/dist/client/build/_shared/chunk-MIBUUBFO.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../app/routes/api/products.tsx"],
+  "sourcesContent": ["import {json, type LoaderArgs} from '@shopify/remix-oxygen';\nimport {flattenConnection} from '@shopify/hydrogen-react';\nimport {ProductConnection} from '@shopify/hydrogen-react/storefront-api-types';\nimport invariant from 'tiny-invariant';\n\n/**\n * Fetch a given set of products from the storefront API\n * @param count\n * @param query\n * @param reverse\n * @param sortKey\n * @returns Product[]\n * @see https://shopify.dev/api/storefront/2023-01/queries/products\n */\nexport async function loader({request, context: {storefront}}: LoaderArgs) {\n  const url = new URL(request.url);\n  const searchParams = new URLSearchParams(url.search);\n\n  const sortKey = searchParams.get('sortKey') ?? 'BEST_SELLING';\n  const query = searchParams.get('query') ?? '';\n\n  let reverse = false;\n  try {\n    const _reverse = searchParams.get('reverse');\n    if (_reverse === 'true') {\n      reverse = true;\n    }\n  } catch (_) {\n    // noop\n  }\n\n  let count = 4;\n  try {\n    const _count = searchParams.get('count');\n    if (typeof _count === 'string') {\n      count = parseInt(_count);\n    }\n  } catch (_) {\n    // noop\n  }\n\n  const {products} = await storefront.query<{\n    products: ProductConnection;\n  }>(PRODUCTS_QUERY, {\n    variables: {\n      count,\n      query,\n      reverse,\n      sortKey,\n      country: storefront.i18n?.country,\n      language: storefront.i18n?.language,\n    },\n    cache: storefront.CacheLong(),\n  });\n\n  invariant(products, 'No data returned from top products query');\n\n  return json({\n    products: flattenConnection(products),\n  });\n}\n\nconst PRODUCTS_QUERY = `#graphql\n  fragment ProductCard on Product {\n    id\n    title\n    publishedAt\n    handle\n    variants(first: 1) {\n      nodes {\n        id\n        image {\n          url\n          altText\n          width\n          height\n        }\n        price: priceV2 {\n          amount\n          currencyCode\n        }\n        compareAtPrice: compareAtPriceV2 {\n          amount\n          currencyCode\n        }\n        product {\n          title\n          handle\n        }\n        selectedOptions {\n          name\n          value\n        }\n      }\n    }\n  }\n  query (\n    $query: String\n    $count: Int\n    $reverse: Boolean\n    $country: CountryCode\n    $language: LanguageCode\n    $sortKey: ProductSortKeys\n  ) @inContext(country: $country, language: $language) {\n    products(first: $count, sortKey: $sortKey, reverse: $reverse, query: $query) {\n      nodes {\n        ...ProductCard\n      }\n    }\n  }\n`;\n\n// no-op\nexport default function ProductsApiRoute() {\n  return null;\n}\n"],
+  "mappings": "AAiHe,SAARA,GAAoC,CACzC,OAAO,IACT",
+  "names": ["ProductsApiRoute"]
+}

package/dist/templates/demo-store/dist/client/build/_shared/chunk-NJK6XHPK.js

@@ -0,0 +1,2 @@
+import{D as w,E as a,R as n}from"/build/_shared/chunk-HX34UWFZ.js";import{f as t}from"/build/_shared/chunk-WYHUKY3H.js";import{c as m,o as d,r as c,s as u}from"/build/_shared/chunk-ZNLABNO4.js";import{b as p}from"/build/_shared/chunk-KSKV5IK6.js";import{b as l}from"/build/_shared/chunk-X4LCECW4.js";var e=l(p());var v={renderInModal:!0};function f(){let r=c(),{customer:s}=m(),o=u();return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(a,{className:"mt-4 mb-6",as:"h3",size:"lead",children:"Update your profile"}),(0,e.jsxs)(d,{method:"post",children:[r?.formError&&(0,e.jsx)("div",{className:"flex items-center justify-center mb-6 bg-red-100 rounded",children:(0,e.jsx)("p",{className:"m-4 text-sm text-red-900",children:r.formError})}),(0,e.jsx)("div",{className:"mt-3",children:(0,e.jsx)("input",{className:t(),id:"firstName",name:"firstName",type:"text",autoComplete:"given-name",placeholder:"First name","aria-label":"First name",defaultValue:s.firstName??""})}),(0,e.jsx)("div",{className:"mt-3",children:(0,e.jsx)("input",{className:t(),id:"lastName",name:"lastName",type:"text",autoComplete:"family-name",placeholder:"Last name","aria-label":"Last name",defaultValue:s.lastName??""})}),(0,e.jsx)("div",{className:"mt-3",children:(0,e.jsx)("input",{className:t(),id:"phone",name:"phone",type:"tel",autoComplete:"tel",placeholder:"Mobile","aria-label":"Mobile",defaultValue:s.phone??""})}),(0,e.jsxs)("div",{className:"mt-3",children:[(0,e.jsx)("input",{className:t(r?.fieldErrors?.email),id:"email",name:"email",type:"email",autoComplete:"email",required:!0,placeholder:"Email address","aria-label":"Email address",defaultValue:s.email??""}),r?.fieldErrors?.email&&(0,e.jsxs)("p",{className:"text-red-500 text-xs",children:[r.fieldErrors.email," \xA0"]})]}),(0,e.jsx)(a,{className:"mb-6 mt-6",as:"h3",size:"lead",children:"Change your password"}),(0,e.jsx)(i,{name:"currentPassword",label:"Current password",passwordError:r?.fieldErrors?.currentPassword}),r?.fieldErrors?.currentPassword&&(0,e.jsxs)(a,{size:"fine",className:"mt-1 text-red-500",children:[r.fieldErrors.currentPassword," \xA0"]}),(0,e.jsx)(i,{name:"newPassword",label:"New password",passwordError:r?.fieldErrors?.newPassword}),(0,e.jsx)(i,{name:"newPassword2",label:"Re-enter new password",passwordError:r?.fieldErrors?.newPassword2}),(0,e.jsx)(a,{size:"fine",color:"subtle",className:w("mt-1",r?.fieldErrors?.newPassword&&"text-red-500"),children:"Passwords must be at least 8 characters."}),r?.fieldErrors?.newPassword2?(0,e.jsx)("br",{}):null,r?.fieldErrors?.newPassword2&&(0,e.jsxs)(a,{size:"fine",className:"mt-1 text-red-500",children:[r.fieldErrors.newPassword2," \xA0"]}),(0,e.jsx)("div",{className:"mt-6",children:(0,e.jsx)(n,{className:"text-sm mb-2",variant:"primary",width:"full",type:"submit",disabled:o.state!=="idle",children:o.state!=="idle"?"Saving":"Save"})}),(0,e.jsx)("div",{className:"mb-4",children:(0,e.jsx)(n,{to:"..",className:"text-sm",variant:"secondary",width:"full",children:"Cancel"})})]})]})}function i({name:r,passwordError:s,label:o}){return(0,e.jsx)("div",{className:"mt-3",children:(0,e.jsx)("input",{className:t(s),id:r,name:r,type:"password",autoComplete:r==="currentPassword"?"current-password":void 0,placeholder:o,"aria-label":o,minLength:8})})}export{v as a,f as b};
+//# sourceMappingURL=/build/_shared/chunk-NJK6XHPK.js.map

package/dist/templates/demo-store/dist/client/build/_shared/chunk-NJK6XHPK.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../app/routes/account/__private/edit.tsx"],
+  "sourcesContent": ["import {json, redirect, type ActionFunction} from '@shopify/remix-oxygen';\nimport {\n  useActionData,\n  Form,\n  useOutletContext,\n  useTransition,\n} from '@remix-run/react';\nimport type {\n  Customer,\n  CustomerUpdateInput,\n} from '@shopify/hydrogen-react/storefront-api-types';\nimport clsx from 'clsx';\nimport invariant from 'tiny-invariant';\nimport {Button, Text} from '~/components';\nimport {getCustomer, updateCustomer} from '~/data';\nimport {getInputStyleClasses} from '~/lib/utils';\n\nexport interface AccountOutletContext {\n  customer: Customer;\n}\n\nexport interface ActionData {\n  success?: boolean;\n  formError?: string;\n  fieldErrors?: {\n    firstName?: string;\n    lastName?: string;\n    email?: string;\n    phone?: string;\n    currentPassword?: string;\n    newPassword?: string;\n    newPassword2?: string;\n  };\n}\n\nconst badRequest = (data: ActionData) => json(data, {status: 400});\n\nconst formDataHas = (formData: FormData, key: string) => {\n  if (!formData.has(key)) return false;\n\n  const value = formData.get(key);\n  return typeof value === 'string' && value.length > 0;\n};\n\nexport const handle = {\n  renderInModal: true,\n};\n\nexport const action: ActionFunction = async ({request, context, params}) => {\n  const formData = await request.formData();\n\n  const customerAccessToken = await context.session.get('customerAccessToken');\n\n  invariant(\n    customerAccessToken,\n    'You must be logged in to update your account details.',\n  );\n\n  // Double-check current user is logged in.\n  // Will throw a logout redirect if not.\n  await getCustomer(context, {customerAccessToken, request});\n\n  if (\n    formDataHas(formData, 'newPassword') &&\n    !formDataHas(formData, 'currentPassword')\n  ) {\n    return badRequest({\n      fieldErrors: {\n        currentPassword:\n          'Please enter your current password before entering a new password.',\n      },\n    });\n  }\n\n  if (\n    formData.has('newPassword') &&\n    formData.get('newPassword') !== formData.get('newPassword2')\n  ) {\n    return badRequest({\n      fieldErrors: {\n        newPassword2: 'New passwords must match.',\n      },\n    });\n  }\n\n  try {\n    const customer: CustomerUpdateInput = {};\n\n    formDataHas(formData, 'firstName') &&\n      (customer.firstName = formData.get('firstName') as string);\n    formDataHas(formData, 'lastName') &&\n      (customer.lastName = formData.get('lastName') as string);\n    formDataHas(formData, 'email') &&\n      (customer.email = formData.get('email') as string);\n    formDataHas(formData, 'phone') &&\n      (customer.phone = formData.get('phone') as string);\n    formDataHas(formData, 'newPassword') &&\n      (customer.password = formData.get('newPassword') as string);\n\n    await updateCustomer(context, {customerAccessToken, customer});\n\n    return redirect(params?.lang ? `${params.lang}/account` : '/account');\n  } catch (error: any) {\n    return badRequest({formError: error.message});\n  }\n};\n\n/**\n * Since this component is nested in `accounts/`, it is rendered in a modal via `<Outlet>` in `account.tsx`.\n *\n * This allows us to:\n * - preserve URL state (`/accounts/edit` when the modal is open)\n * - co-locate the edit action with the edit form (rather than grouped in account.tsx)\n * - use the `useOutletContext` hook to access the customer data from the parent route (no additional data loading)\n * - return a simple `redirect()` from this action to close the modal :mindblown: (no useState/useEffect)\n * - use the presence of outlet data (in `account.tsx`) to open/close the modal (no useState)\n */\nexport default function AccountDetailsEdit() {\n  const actionData = useActionData<ActionData>();\n  const {customer} = useOutletContext<AccountOutletContext>();\n  const transition = useTransition();\n\n  return (\n    <>\n      <Text className=\"mt-4 mb-6\" as=\"h3\" size=\"lead\">\n        Update your profile\n      </Text>\n      <Form method=\"post\">\n        {actionData?.formError && (\n          <div className=\"flex items-center justify-center mb-6 bg-red-100 rounded\">\n            <p className=\"m-4 text-sm text-red-900\">{actionData.formError}</p>\n          </div>\n        )}\n        <div className=\"mt-3\">\n          <input\n            className={getInputStyleClasses()}\n            id=\"firstName\"\n            name=\"firstName\"\n            type=\"text\"\n            autoComplete=\"given-name\"\n            placeholder=\"First name\"\n            aria-label=\"First name\"\n            defaultValue={customer.firstName ?? ''}\n          />\n        </div>\n        <div className=\"mt-3\">\n          <input\n            className={getInputStyleClasses()}\n            id=\"lastName\"\n            name=\"lastName\"\n            type=\"text\"\n            autoComplete=\"family-name\"\n            placeholder=\"Last name\"\n            aria-label=\"Last name\"\n            defaultValue={customer.lastName ?? ''}\n          />\n        </div>\n        <div className=\"mt-3\">\n          <input\n            className={getInputStyleClasses()}\n            id=\"phone\"\n            name=\"phone\"\n            type=\"tel\"\n            autoComplete=\"tel\"\n            placeholder=\"Mobile\"\n            aria-label=\"Mobile\"\n            defaultValue={customer.phone ?? ''}\n          />\n        </div>\n        <div className=\"mt-3\">\n          <input\n            className={getInputStyleClasses(actionData?.fieldErrors?.email)}\n            id=\"email\"\n            name=\"email\"\n            type=\"email\"\n            autoComplete=\"email\"\n            required\n            placeholder=\"Email address\"\n            aria-label=\"Email address\"\n            defaultValue={customer.email ?? ''}\n          />\n          {actionData?.fieldErrors?.email && (\n            <p className=\"text-red-500 text-xs\">\n              {actionData.fieldErrors.email} &nbsp;\n            </p>\n          )}\n        </div>\n        <Text className=\"mb-6 mt-6\" as=\"h3\" size=\"lead\">\n          Change your password\n        </Text>\n        <Password\n          name=\"currentPassword\"\n          label=\"Current password\"\n          passwordError={actionData?.fieldErrors?.currentPassword}\n        />\n        {actionData?.fieldErrors?.currentPassword && (\n          <Text size=\"fine\" className=\"mt-1 text-red-500\">\n            {actionData.fieldErrors.currentPassword} &nbsp;\n          </Text>\n        )}\n        <Password\n          name=\"newPassword\"\n          label=\"New password\"\n          passwordError={actionData?.fieldErrors?.newPassword}\n        />\n        <Password\n          name=\"newPassword2\"\n          label=\"Re-enter new password\"\n          passwordError={actionData?.fieldErrors?.newPassword2}\n        />\n        <Text\n          size=\"fine\"\n          color=\"subtle\"\n          className={clsx(\n            'mt-1',\n            actionData?.fieldErrors?.newPassword && 'text-red-500',\n          )}\n        >\n          Passwords must be at least 8 characters.\n        </Text>\n        {actionData?.fieldErrors?.newPassword2 ? <br /> : null}\n        {actionData?.fieldErrors?.newPassword2 && (\n          <Text size=\"fine\" className=\"mt-1 text-red-500\">\n            {actionData.fieldErrors.newPassword2} &nbsp;\n          </Text>\n        )}\n        <div className=\"mt-6\">\n          <Button\n            className=\"text-sm mb-2\"\n            variant=\"primary\"\n            width=\"full\"\n            type=\"submit\"\n            disabled={transition.state !== 'idle'}\n          >\n            {transition.state !== 'idle' ? 'Saving' : 'Save'}\n          </Button>\n        </div>\n        <div className=\"mb-4\">\n          <Button to=\"..\" className=\"text-sm\" variant=\"secondary\" width=\"full\">\n            Cancel\n          </Button>\n        </div>\n      </Form>\n    </>\n  );\n}\n\nfunction Password({\n  name,\n  passwordError,\n  label,\n}: {\n  name: string;\n  passwordError?: string;\n  label: string;\n}) {\n  return (\n    <div className=\"mt-3\">\n      <input\n        className={getInputStyleClasses(passwordError)}\n        id={name}\n        name={name}\n        type=\"password\"\n        autoComplete={\n          name === 'currentPassword' ? 'current-password' : undefined\n        }\n        placeholder={label}\n        aria-label={label}\n        minLength={8}\n      />\n    </div>\n  );\n}\n"],
+  "mappings": "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",
+  "names": ["import_jsx_runtime", "handle", "AccountDetailsEdit", "actionData", "useActionData", "customer", "useOutletContext", "transition", "useTransition", "Text", "Form", "getInputStyleClasses", "Password", "clsx_m_default", "Button", "name", "passwordError", "label"]
+}

package/dist/templates/demo-store/dist/client/build/_shared/chunk-OC3377HQ.js

@@ -0,0 +1,105 @@
+import{S as i,T as c}from"/build/_shared/chunk-HX34UWFZ.js";import{i as n,p as o}from"/build/_shared/chunk-ZNLABNO4.js";import{a as C,b as s}from"/build/_shared/chunk-KSKV5IK6.js";import{b as r}from"/build/_shared/chunk-X4LCECW4.js";var d=r(C());var t=r(s());function y(){let[u]=o();return(0,t.jsx)("div",{className:"grid w-full gap-8 p-6 py-8 md:p-8 lg:p-12 justify-items-start",children:(0,t.jsx)(d.Suspense,{fallback:(0,t.jsx)(c,{}),children:(0,t.jsx)(n,{resolve:u.data?.cart,children:p=>(0,t.jsx)(i,{layout:"page",cart:p})})})})}var e=`#graphql
+  fragment ErrorFragment on CartUserError {
+    message
+    field
+    code
+  }
+`,a=`#graphql
+  fragment CartLinesFragment on Cart {
+    id
+    totalQuantity
+  }
+`;var A=`#graphql
+  mutation ($input: CartInput!, $country: CountryCode = ZZ, $language: LanguageCode)
+  @inContext(country: $country, language: $language) {
+    cartCreate(input: $input) {
+      cart {
+        ...CartLinesFragment
+      }
+      errors: userErrors {
+        ...ErrorFragment
+      }
+    }
+  }
+  ${a}
+  ${e}
+`;var E=`#graphql
+  mutation ($cartId: ID!, $lines: [CartLineInput!]!, $country: CountryCode = ZZ, $language: LanguageCode)
+  @inContext(country: $country, language: $language) {
+    cartLinesAdd(cartId: $cartId, lines: $lines) {
+      cart {
+        ...CartLinesFragment
+      }
+      errors: userErrors {
+        ...ErrorFragment
+      }
+    }
+  }
+  ${a}
+  ${e}
+`;var U=`#graphql
+  ${a}
+  ${e}
+  mutation ($cartId: ID!, $lines: [CartLineUpdateInput!]!, $language: LanguageCode, $country: CountryCode)
+  @inContext(country: $country, language: $language) {
+    cartLinesUpdate(cartId: $cartId, lines: $lines) {
+      cart {
+        ...CartLinesFragment
+      }
+      errors: userErrors {
+        ...ErrorFragment
+      }
+    }
+  }
+`;export{y as a};
+/**
+ * @see https://shopify.dev/api/storefront/2022-10/mutations/cartBuyerIdentityUpdate
+ * @preserve
+ */
+/**
+ * Create a cart with line(s) mutation
+ * @param cartId the current cart id
+ * @param lineIds [ID!]! an array of cart line ids to remove
+ * @see https://shopify.dev/api/storefront/2022-07/mutations/cartlinesremove
+ * @returns mutated cart
+ * @preserve
+ */
+/**
+ * Create a cart with line(s) mutation
+ * @param input CartInput https://shopify.dev/api/storefront/2022-01/input-objects/CartInput
+ * @see https://shopify.dev/api/storefront/2022-01/mutations/cartcreate
+ * @returns result {cart, errors}
+ * @preserve
+ */
+/**
+ * Mutation that updates the cart discounts
+ * @param discountCodes Array of discount codes
+ * @returns mutated cart
+ * @preserve
+ */
+/**
+ * Mutation to update a cart buyerIdentity
+ * @param cartId  Cart['id']
+ * @param buyerIdentity CartBuyerIdentityInput
+ * @returns {cart: Cart; errors: UserError[]}
+ * @see API https://shopify.dev/api/storefront/2022-10/mutations/cartBuyerIdentityUpdate
+ * @preserve
+ */
+/**
+ * Storefront API cartLinesAdd mutation
+ * @param cartId
+ * @param lines [CartLineInput!]! https://shopify.dev/api/storefront/2022-01/input-objects/CartLineInput
+ * @see https://shopify.dev/api/storefront/2022-01/mutations/cartLinesAdd
+ * @returns result {cart, errors}
+ * @preserve
+ */
+/**
+ * Update cart line(s) mutation
+ * @param cartId the current cart id
+ * @param lineIds [ID!]! an array of cart line ids to remove
+ * @see https://shopify.dev/api/storefront/2022-07/mutations/cartlinesremove
+ * @returns mutated cart
+ * @preserve
+ */
+//! @see: https://shopify.dev/api/storefront/2022-01/mutations/cartcreate
+//# sourceMappingURL=/build/_shared/chunk-OC3377HQ.js.map

package/dist/templates/demo-store/dist/client/build/_shared/chunk-OC3377HQ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../app/routes/cart.tsx"],
+  "sourcesContent": ["import {CartLoading, Cart} from '~/components';\nimport {Await, useMatches} from '@remix-run/react';\nimport {Suspense} from 'react';\nimport invariant from 'tiny-invariant';\nimport {\n  json,\n  type ActionArgs,\n  type AppLoadContext,\n} from '@shopify/remix-oxygen';\nimport type {\n  Cart as CartType,\n  CartInput,\n  CartLineInput,\n  CartLineUpdateInput,\n  CartUserError,\n  UserError,\n  CartBuyerIdentityInput,\n} from '@shopify/hydrogen-react/storefront-api-types';\nimport {isLocalPath} from '~/lib/utils';\nimport {CartAction, type CartActions} from '~/lib/type';\n\nexport async function action({request, context}: ActionArgs) {\n  const {session, storefront} = context;\n  const headers = new Headers();\n\n  const [formData, cartId, customerAccessToken] = await Promise.all([\n    request.formData(),\n    session.get('cartId'),\n    session.get('customerAccessToken'),\n  ]);\n\n  const cartAction = formData.get('cartAction') as CartActions;\n  invariant(cartAction, 'No cartAction defined');\n\n  const countryCode = formData.get('countryCode')\n    ? (formData.get('countryCode') as CartBuyerIdentityInput['countryCode'])\n    : null;\n\n  let status = 200;\n  let result: {\n    cart: CartType;\n    errors?: CartUserError[] | UserError[];\n  };\n\n  switch (cartAction) {\n    case CartAction.ADD_TO_CART:\n      const lines = formData.get('lines')\n        ? (JSON.parse(String(formData.get('lines'))) as CartLineInput[])\n        : ([] as CartLineInput[]);\n      invariant(lines.length, 'No lines to add');\n\n      //! Flow A \u2014 no previous cart, create and add line(s)\n      if (!cartId) {\n        result = await cartCreate({\n          input: countryCode ? {lines, buyerIdentity: {countryCode}} : {lines},\n          storefront,\n        });\n\n        // cart created - we only need a Set-Cookie header if we're creating\n        session.set('cartId', result.cart.id);\n        headers.set('Set-Cookie', await session.commit());\n      } else {\n        //! Flow B \u2014 add line(s) to existing cart\n        result = await cartAdd({\n          cartId,\n          lines,\n          storefront,\n        });\n      }\n      break;\n    case CartAction.REMOVE_FROM_CART:\n      const lineIds = formData.get('linesIds')\n        ? (JSON.parse(String(formData.get('linesIds'))) as CartType['id'][])\n        : ([] as CartType['id'][]);\n      invariant(lineIds.length, 'No lines to remove');\n\n      result = await cartRemove({\n        cartId,\n        lineIds,\n        storefront,\n      });\n\n      break;\n    case CartAction.UPDATE_CART:\n      const updateLines = formData.get('lines')\n        ? (JSON.parse(String(formData.get('lines'))) as CartLineUpdateInput[])\n        : ([] as CartLineUpdateInput[]);\n      invariant(updateLines.length, 'No lines to update');\n\n      result = await cartUpdate({\n        cartId,\n        lines: updateLines,\n        storefront,\n      });\n\n      break;\n    case CartAction.UPDATE_DISCOUNT:\n      invariant(cartId, 'Missing cartId');\n\n      const formDiscountCode = formData.get('discountCode');\n      const discountCodes = ([formDiscountCode] || ['']) as string[];\n\n      result = await cartDiscountCodesUpdate({\n        cartId,\n        discountCodes,\n        storefront,\n      });\n      break;\n    case CartAction.UPDATE_BUYER_IDENTITY:\n      const buyerIdentity = formData.get('buyerIdentity')\n        ? (JSON.parse(\n            String(formData.get('buyerIdentity')),\n          ) as CartBuyerIdentityInput)\n        : ({} as CartBuyerIdentityInput);\n\n      //! if we have an existing cart, we update the identity,\n      //! else we create a new cart with the passed identity\n      result = cartId\n        ? await cartUpdateBuyerIdentity({\n            cartId,\n            buyerIdentity: {\n              ...buyerIdentity,\n              customerAccessToken,\n            },\n            storefront,\n          })\n        : await cartCreate({\n            input: {\n              buyerIdentity: {\n                ...buyerIdentity,\n                customerAccessToken,\n              },\n            },\n            storefront,\n          });\n\n      session.set('cartId', result.cart.id);\n      headers.set('Set-Cookie', await session.commit());\n\n      break;\n    default:\n      invariant(false, `${cartAction} cart action is not defined`);\n  }\n\n  const redirectTo = formData.get('redirectTo') ?? null;\n  if (typeof redirectTo === 'string' && isLocalPath(redirectTo)) {\n    status = 303;\n    headers.set('Location', redirectTo);\n  }\n\n  const {cart, errors} = result;\n  return json({cart, errors}, {status, headers});\n}\n\nexport default function CartRoute() {\n  const [root] = useMatches();\n  // @todo: finish on a separate PR\n  return (\n    <div className=\"grid w-full gap-8 p-6 py-8 md:p-8 lg:p-12 justify-items-start\">\n      <Suspense fallback={<CartLoading />}>\n        <Await resolve={root.data?.cart}>\n          {(cart) => <Cart layout=\"page\" cart={cart} />}\n        </Await>\n      </Suspense>\n    </div>\n  );\n}\n\n/*\n  Cart Queries\n*/\n\nconst USER_ERROR_FRAGMENT = `#graphql\n  fragment ErrorFragment on CartUserError {\n    message\n    field\n    code\n  }\n`;\n\nconst LINES_CART_FRAGMENT = `#graphql\n  fragment CartLinesFragment on Cart {\n    id\n    totalQuantity\n  }\n`;\n\n//! @see: https://shopify.dev/api/storefront/2022-01/mutations/cartcreate\nconst CREATE_CART_MUTATION = `#graphql\n  mutation ($input: CartInput!, $country: CountryCode = ZZ, $language: LanguageCode)\n  @inContext(country: $country, language: $language) {\n    cartCreate(input: $input) {\n      cart {\n        ...CartLinesFragment\n      }\n      errors: userErrors {\n        ...ErrorFragment\n      }\n    }\n  }\n  ${LINES_CART_FRAGMENT}\n  ${USER_ERROR_FRAGMENT}\n`;\n\n/**\n * Create a cart with line(s) mutation\n * @param input CartInput https://shopify.dev/api/storefront/2022-01/input-objects/CartInput\n * @see https://shopify.dev/api/storefront/2022-01/mutations/cartcreate\n * @returns result {cart, errors}\n * @preserve\n */\nexport async function cartCreate({\n  input,\n  storefront,\n}: {\n  input: CartInput;\n  storefront: AppLoadContext['storefront'];\n}) {\n  const {cartCreate} = await storefront.mutate<{\n    cartCreate: {\n      cart: CartType;\n      errors: CartUserError[];\n    };\n    errors: UserError[];\n  }>(CREATE_CART_MUTATION, {\n    variables: {input},\n  });\n\n  invariant(cartCreate, 'No data returned from cartCreate mutation');\n\n  return cartCreate;\n}\n\nconst ADD_LINES_MUTATION = `#graphql\n  mutation ($cartId: ID!, $lines: [CartLineInput!]!, $country: CountryCode = ZZ, $language: LanguageCode)\n  @inContext(country: $country, language: $language) {\n    cartLinesAdd(cartId: $cartId, lines: $lines) {\n      cart {\n        ...CartLinesFragment\n      }\n      errors: userErrors {\n        ...ErrorFragment\n      }\n    }\n  }\n  ${LINES_CART_FRAGMENT}\n  ${USER_ERROR_FRAGMENT}\n`;\n\n/**\n * Storefront API cartLinesAdd mutation\n * @param cartId\n * @param lines [CartLineInput!]! https://shopify.dev/api/storefront/2022-01/input-objects/CartLineInput\n * @see https://shopify.dev/api/storefront/2022-01/mutations/cartLinesAdd\n * @returns result {cart, errors}\n * @preserve\n */\nexport async function cartAdd({\n  cartId,\n  lines,\n  storefront,\n}: {\n  cartId: string;\n  lines: CartLineInput[];\n  storefront: AppLoadContext['storefront'];\n}) {\n  const {cartLinesAdd} = await storefront.mutate<{\n    cartLinesAdd: {\n      cart: CartType;\n      errors: CartUserError[];\n    };\n  }>(ADD_LINES_MUTATION, {\n    variables: {cartId, lines},\n  });\n\n  invariant(cartLinesAdd, 'No data returned from cartLinesAdd mutation');\n\n  return cartLinesAdd;\n}\n\nconst REMOVE_LINE_ITEMS_MUTATION = `#graphql\n  mutation ($cartId: ID!, $lineIds: [ID!]!, $language: LanguageCode, $country: CountryCode)\n  @inContext(country: $country, language: $language) {\n    cartLinesRemove(cartId: $cartId, lineIds: $lineIds) {\n      cart {\n        id\n        totalQuantity\n        lines(first: 100) {\n          edges {\n            node {\n              id\n              quantity\n              merchandise {\n                ...on ProductVariant {\n                  id\n                }\n              }\n            }\n          }\n        }\n      }\n      errors: userErrors {\n        message\n        field\n        code\n      }\n    }\n  }\n`;\n\n/**\n * Create a cart with line(s) mutation\n * @param cartId the current cart id\n * @param lineIds [ID!]! an array of cart line ids to remove\n * @see https://shopify.dev/api/storefront/2022-07/mutations/cartlinesremove\n * @returns mutated cart\n * @preserve\n */\nexport async function cartRemove({\n  cartId,\n  lineIds,\n  storefront,\n}: {\n  cartId: string;\n  lineIds: CartType['id'][];\n  storefront: AppLoadContext['storefront'];\n}) {\n  const {cartLinesRemove} = await storefront.mutate<{\n    cartLinesRemove: {cart: CartType; errors: UserError[]};\n  }>(REMOVE_LINE_ITEMS_MUTATION, {\n    variables: {\n      cartId,\n      lineIds,\n    },\n  });\n\n  invariant(cartLinesRemove, 'No data returned from remove lines mutation');\n  return cartLinesRemove;\n}\n\nconst LINES_UPDATE_MUTATION = `#graphql\n  ${LINES_CART_FRAGMENT}\n  ${USER_ERROR_FRAGMENT}\n  mutation ($cartId: ID!, $lines: [CartLineUpdateInput!]!, $language: LanguageCode, $country: CountryCode)\n  @inContext(country: $country, language: $language) {\n    cartLinesUpdate(cartId: $cartId, lines: $lines) {\n      cart {\n        ...CartLinesFragment\n      }\n      errors: userErrors {\n        ...ErrorFragment\n      }\n    }\n  }\n`;\n\n/**\n * Update cart line(s) mutation\n * @param cartId the current cart id\n * @param lineIds [ID!]! an array of cart line ids to remove\n * @see https://shopify.dev/api/storefront/2022-07/mutations/cartlinesremove\n * @returns mutated cart\n * @preserve\n */\nexport async function cartUpdate({\n  cartId,\n  lines,\n  storefront,\n}: {\n  cartId: string;\n  lines: CartLineUpdateInput[];\n  storefront: AppLoadContext['storefront'];\n}) {\n  const {cartLinesUpdate} = await storefront.mutate<{\n    cartLinesUpdate: {cart: CartType; errors: UserError[]};\n  }>(LINES_UPDATE_MUTATION, {\n    variables: {cartId, lines},\n  });\n\n  invariant(\n    cartLinesUpdate,\n    'No data returned from update lines items mutation',\n  );\n  return cartLinesUpdate;\n}\n\n/**\n * @see https://shopify.dev/api/storefront/2022-10/mutations/cartBuyerIdentityUpdate\n * @preserve\n */\nconst UPDATE_CART_BUYER_COUNTRY = `#graphql\n mutation(\n   $cartId: ID!\n   $buyerIdentity: CartBuyerIdentityInput!\n   $country: CountryCode = ZZ\n   $language: LanguageCode\n ) @inContext(country: $country, language: $language) {\n   cartBuyerIdentityUpdate(cartId: $cartId, buyerIdentity: $buyerIdentity) {\n     cart {\n       id\n       buyerIdentity {\n         email\n         phone\n         countryCode\n       }\n     }\n     errors: userErrors {\n       message\n       field\n       code\n     }\n   }\n }\n`;\n\n/**\n * Mutation to update a cart buyerIdentity\n * @param cartId  Cart['id']\n * @param buyerIdentity CartBuyerIdentityInput\n * @returns {cart: Cart; errors: UserError[]}\n * @see API https://shopify.dev/api/storefront/2022-10/mutations/cartBuyerIdentityUpdate\n * @preserve\n */\nexport async function cartUpdateBuyerIdentity({\n  cartId,\n  buyerIdentity,\n  storefront,\n}: {\n  cartId: string;\n  buyerIdentity: CartBuyerIdentityInput;\n  storefront: AppLoadContext['storefront'];\n}) {\n  const {cartBuyerIdentityUpdate} = await storefront.mutate<{\n    cartBuyerIdentityUpdate: {cart: CartType; errors: UserError[]};\n  }>(UPDATE_CART_BUYER_COUNTRY, {\n    variables: {\n      cartId,\n      buyerIdentity,\n    },\n  });\n\n  invariant(\n    cartBuyerIdentityUpdate,\n    'No data returned from cart buyer identity update mutation',\n  );\n\n  return cartBuyerIdentityUpdate;\n}\n\nconst DISCOUNT_CODES_UPDATE = `#graphql\n  mutation cartDiscountCodesUpdate($cartId: ID!, $discountCodes: [String!], $country: CountryCode = ZZ)\n    @inContext(country: $country) {\n    cartDiscountCodesUpdate(cartId: $cartId, discountCodes: $discountCodes) {\n      cart {\n        id\n        discountCodes {\n          code\n        }\n      }\n      errors: userErrors {\n        field\n        message\n      }\n    }\n  }\n`;\n\n/**\n * Mutation that updates the cart discounts\n * @param discountCodes Array of discount codes\n * @returns mutated cart\n * @preserve\n */\nexport async function cartDiscountCodesUpdate({\n  cartId,\n  discountCodes,\n  storefront,\n}: {\n  cartId: string;\n  discountCodes: string[];\n  storefront: AppLoadContext['storefront'];\n}) {\n  const {cartDiscountCodesUpdate} = await storefront.mutate<{\n    cartDiscountCodesUpdate: {cart: CartType; errors: UserError[]};\n  }>(DISCOUNT_CODES_UPDATE, {\n    variables: {\n      cartId,\n      discountCodes,\n    },\n  });\n\n  invariant(\n    cartDiscountCodesUpdate,\n    'No data returned from the cartDiscountCodesUpdate mutation',\n  );\n\n  return cartDiscountCodesUpdate;\n}\n"],
+  "mappings": "yOAEA,IAAAA,EAAuB,OAFvB,IAAAC,EAAA,OA0Je,SAARC,GAA6B,CAClC,GAAM,CAACC,CAAI,EAAIC,EAAW,EAE1B,SACE,OAAC,OAAI,UAAU,gEACb,mBAAC,YAAS,YAAU,OAACC,EAAA,EAAY,EAC/B,mBAACC,EAAA,CAAM,QAASH,EAAK,MAAM,KACxB,SAACI,MAAS,OAACC,EAAA,CAAK,OAAO,OAAO,KAAMD,EAAM,EAC7C,EACF,EACF,CAEJ,CAMA,IAAME,EAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQtBC,EAAsB;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ5B,IAAMC,EAAuB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAYzBD;AAAA,IACAD;EAgCJ,IAAMG,EAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAYvBC;AAAA,IACAC;EA8FJ,IAAMC,EAAwB;AAAA,IAC1BC;AAAA,IACAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": ["import_react", "import_jsx_runtime", "CartRoute", "root", "useMatches", "CartLoading", "Await", "cart", "Cart", "USER_ERROR_FRAGMENT", "LINES_CART_FRAGMENT", "CREATE_CART_MUTATION", "ADD_LINES_MUTATION", "LINES_CART_FRAGMENT", "USER_ERROR_FRAGMENT", "LINES_UPDATE_MUTATION", "LINES_CART_FRAGMENT", "USER_ERROR_FRAGMENT"]
+}

package/dist/templates/demo-store/dist/client/build/_shared/chunk-RBLOPOSG.js

@@ -0,0 +1,2 @@
+import{a as c}from"/build/_shared/chunk-4ROFW2VH.js";import{G as i,H as l,J as s}from"/build/_shared/chunk-HX34UWFZ.js";import{b as d}from"/build/_shared/chunk-6IZ7NY57.js";import{q as r}from"/build/_shared/chunk-ZNLABNO4.js";import{b as n}from"/build/_shared/chunk-KSKV5IK6.js";import{b as a}from"/build/_shared/chunk-X4LCECW4.js";var f="/build/_assets/custom-font-COCMVHUB.css";var e=a(n());var F={seo:{title:"Journal",description:"A description"},hydrogen:{resourceType:c.BLOG}};var M=({data:t})=>({title:t?.article?.seo?.title??"Article",description:t?.article?.seo?.description}),D=()=>[{rel:"stylesheet",href:f}];function h(){let{article:t,formattedDate:m}=r(),{title:g,image:o,contentHtml:u,author:p}=t;return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(l,{heading:g,variant:"blogPost",children:(0,e.jsxs)("span",{children:[m," \xB7 ",p.name]})}),(0,e.jsxs)(i,{as:"article",padding:"x",children:[o&&(0,e.jsx)(d,{data:o,className:"w-full mx-auto mt-8 md:mt-16 max-w-7xl",sizes:"90vw",widths:[400,800,1200],width:"100px",loading:s,loaderOptions:{scale:2,crop:"center"}}),(0,e.jsx)("div",{dangerouslySetInnerHTML:{__html:u},className:"article"})]})]})}export{F as a,M as b,D as c,h as d};
+//# sourceMappingURL=/build/_shared/chunk-RBLOPOSG.js.map

package/dist/templates/demo-store/dist/client/build/_shared/chunk-RBLOPOSG.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../app/routes/journal/$journalHandle.tsx"],
+  "sourcesContent": ["import {\n  json,\n  type MetaFunction,\n  type SerializeFrom,\n  type LinksFunction,\n  type LoaderArgs,\n} from '@shopify/remix-oxygen';\nimport {RESOURCE_TYPES, notFoundMaybeRedirect} from '@shopify/hydrogen';\nimport {useLoaderData} from '@remix-run/react';\nimport {Image} from '@shopify/hydrogen-react';\nimport {Blog} from '@shopify/hydrogen-react/storefront-api-types';\nimport invariant from 'tiny-invariant';\nimport {PageHeader, Section} from '~/components';\nimport {ATTR_LOADING_EAGER} from '~/lib/const';\nimport {getLocaleFromRequest} from '~/lib/utils';\nimport styles from '../../styles/custom-font.css';\n\nconst BLOG_HANDLE = 'journal';\n\nexport const handle = {\n  seo: {\n    title: 'Journal',\n    description: 'A description',\n  },\n\n  hydrogen: {\n    resourceType: RESOURCE_TYPES.BLOG,\n  },\n};\n\nexport async function loader({params, request, context}: LoaderArgs) {\n  const {language, country} = getLocaleFromRequest(request);\n\n  invariant(params.journalHandle, 'Missing journal handle');\n\n  const {blog} = await context.storefront.query<{\n    blog: Blog;\n  }>(ARTICLE_QUERY, {\n    variables: {\n      blogHandle: BLOG_HANDLE,\n      articleHandle: params.journalHandle,\n      language: context.storefront.i18n?.language,\n    },\n  });\n\n  if (!blog?.articleByHandle) {\n    throw await notFoundMaybeRedirect(request, context);\n  }\n\n  const article = blog.articleByHandle;\n\n  const formattedDate = new Intl.DateTimeFormat(`${language}-${country}`, {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n  }).format(new Date(article?.publishedAt!));\n\n  return json(\n    {article, formattedDate},\n    {\n      headers: {\n        // TODO cacheLong()\n      },\n    },\n  );\n}\n\nexport const meta: MetaFunction = ({\n  data,\n}: {\n  data: SerializeFrom<typeof loader> | undefined;\n}) => {\n  return {\n    title: data?.article?.seo?.title ?? 'Article',\n    description: data?.article?.seo?.description,\n  };\n};\n\nexport const links: LinksFunction = () => {\n  return [{rel: 'stylesheet', href: styles}];\n};\n\nexport default function Article() {\n  const {article, formattedDate} = useLoaderData<typeof loader>();\n\n  const {title, image, contentHtml, author} = article;\n\n  return (\n    <>\n      <PageHeader heading={title} variant=\"blogPost\">\n        <span>\n          {formattedDate} &middot; {author.name}\n        </span>\n      </PageHeader>\n      <Section as=\"article\" padding=\"x\">\n        {image && (\n          <Image\n            data={image}\n            className=\"w-full mx-auto mt-8 md:mt-16 max-w-7xl\"\n            sizes=\"90vw\"\n            widths={[400, 800, 1200]}\n            width=\"100px\"\n            loading={ATTR_LOADING_EAGER}\n            loaderOptions={{\n              scale: 2,\n              crop: 'center',\n            }}\n          />\n        )}\n        <div\n          dangerouslySetInnerHTML={{__html: contentHtml}}\n          className=\"article\"\n        />\n      </Section>\n    </>\n  );\n}\n\nconst ARTICLE_QUERY = `#graphql\n  query ArticleDetails(\n    $language: LanguageCode\n    $blogHandle: String!\n    $articleHandle: String!\n  ) @inContext(language: $language) {\n    blog(handle: $blogHandle) {\n      articleByHandle(handle: $articleHandle) {\n        title\n        contentHtml\n        publishedAt\n        author: authorV2 {\n          name\n        }\n        image {\n          id\n          altText\n          url\n          width\n          height\n        }\n        seo {\n          description\n          title\n        }\n      }\n    }\n  }\n`;\n"],
+  "mappings": "4XAAA,IAAAA,EAAA,OAmBO,IAAMC,EAAS,CACpB,IAAK,CACH,MAAO,UACP,YAAa,eACf,EAEA,SAAU,CACR,aAAcC,EAAe,IAC/B,CACF,EAuCO,IAAMC,EAAqB,CAAC,CACjC,KAAAC,CACF,KAGS,CACL,MAAOA,GAAM,SAAS,KAAK,OAAS,UACpC,YAAaA,GAAM,SAAS,KAAK,WACnC,GAGWC,EAAuB,IAC3B,CAAC,CAAC,IAAK,aAAc,KAAMC,CAAM,CAAC,EAG5B,SAARC,GAA2B,CAChC,GAAM,CAAC,QAAAC,EAAS,cAAAC,CAAa,EAAIC,EAA6B,EAExD,CAAC,MAAAC,EAAO,MAAAC,EAAO,YAAAC,EAAa,OAAAC,CAAM,EAAIN,EAE5C,SACE,oBACE,oBAACO,EAAA,CAAW,QAASJ,EAAO,QAAQ,WAClC,oBAAC,QACE,UAAAF,EAAc,SAAWK,EAAO,MACnC,EACF,KACA,QAACE,EAAA,CAAQ,GAAG,UAAU,QAAQ,IAC3B,UAAAJ,MACC,OAACK,EAAA,CACC,KAAML,EACN,UAAU,yCACV,MAAM,OACN,OAAQ,CAAC,IAAK,IAAK,IAAI,EACvB,MAAM,QACN,QAASM,EACT,cAAe,CACb,MAAO,EACP,KAAM,QACR,EACF,KAEF,OAAC,OACC,wBAAyB,CAAC,OAAQL,CAAW,EAC7C,UAAU,UACZ,GACF,GACF,CAEJ",
+  "names": ["import_jsx_runtime", "handle", "x", "meta", "data", "links", "custom_font_default", "Article", "article", "formattedDate", "useLoaderData", "title", "image", "contentHtml", "author", "PageHeader", "Section", "Image", "ATTR_LOADING_EAGER"]
+}