@shopify/cli-hydrogen 4.0.0-alpha.9 → 4.0.1

package/dist/templates/demo-store/dist/client/build/routes/($lang)/account/__private/address/$id-3WQU2LQT.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../../app/routes/($lang)/account/__private/address/$id.tsx"],
-  "sourcesContent": ["import {json, redirect, type ActionFunction} from '@shopify/remix-oxygen';\nimport {\n  Form,\n  useActionData,\n  useOutletContext,\n  useParams,\n  useTransition,\n} from '@remix-run/react';\nimport {flattenConnection} from '@shopify/storefront-kit-react';\nimport type {MailingAddressInput} from '@shopify/storefront-kit-react/storefront-api-types';\nimport invariant from 'tiny-invariant';\nimport {Button, Text} from '~/components';\nimport {\n  createCustomerAddress,\n  deleteCustomerAddress,\n  updateCustomerAddress,\n  updateCustomerDefaultAddress,\n} from '~/data';\nimport {getInputStyleClasses} from '~/lib/utils';\nimport type {AccountOutletContext} from '../edit';\n\ninterface ActionData {\n  formError?: string;\n}\n\nconst badRequest = (data: ActionData) => json(data, {status: 400});\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  invariant(customerAccessToken, 'You must be logged in to edit your account.');\n\n  const addressId = formData.get('addressId');\n  invariant(typeof addressId === 'string', 'You must provide an address id.');\n\n  if (request.method === 'DELETE') {\n    try {\n      await deleteCustomerAddress(context, {\n        customerAccessToken,\n        addressId,\n      });\n\n      return redirect(params.lang ? `${params.lang}/account` : '/account');\n    } catch (error: any) {\n      return badRequest({formError: error.message});\n    }\n  }\n\n  const address: MailingAddressInput = {};\n\n  const keys: (keyof MailingAddressInput)[] = [\n    'lastName',\n    'firstName',\n    'address1',\n    'address2',\n    'city',\n    'province',\n    'country',\n    'zip',\n    'phone',\n    'company',\n  ];\n\n  for (const key of keys) {\n    const value = formData.get(key);\n    if (typeof value === 'string') {\n      address[key] = value;\n    }\n  }\n\n  const defaultAddress = formData.get('defaultAddress');\n\n  if (addressId === 'add') {\n    try {\n      const id = await createCustomerAddress(context, {\n        customerAccessToken,\n        address,\n      });\n\n      if (defaultAddress) {\n        await updateCustomerDefaultAddress(context, {\n          customerAccessToken,\n          addressId: id,\n        });\n      }\n\n      return redirect(params.lang ? `${params.lang}/account` : '/account');\n    } catch (error: any) {\n      return badRequest({formError: error.message});\n    }\n  } else {\n    try {\n      await updateCustomerAddress(context, {\n        customerAccessToken,\n        addressId: decodeURIComponent(addressId),\n        address,\n      });\n\n      if (defaultAddress) {\n        await updateCustomerDefaultAddress(context, {\n          customerAccessToken,\n          addressId: decodeURIComponent(addressId),\n        });\n      }\n\n      return redirect(params.lang ? `${params.lang}/account` : '/account');\n    } catch (error: any) {\n      return badRequest({formError: error.message});\n    }\n  }\n};\n\nexport default function EditAddress() {\n  const {addressId} = useParams();\n  const isNewAddress = addressId === 'add';\n  const actionData = useActionData<ActionData>();\n  const transition = useTransition();\n  const {customer} = useOutletContext<AccountOutletContext>();\n  const addresses = flattenConnection(customer.addresses);\n  const defaultAddress = customer.defaultAddress;\n  /**\n   * When a refresh happens (or a user visits this link directly), the URL\n   * is actually stale because it contains a special token. This means the data\n   * loaded by the parent and passed to the outlet contains a newer, fresher token,\n   * and we don't find a match. We update the `find` logic to just perform a match\n   * on the first (permanent) part of the ID.\n   */\n  const normalizedAddress = decodeURIComponent(addressId ?? '').split('?')[0];\n  const address = addresses.find((address) =>\n    address.id!.startsWith(normalizedAddress),\n  );\n\n  return (\n    <>\n      <Text className=\"mt-4 mb-6\" as=\"h3\" size=\"lead\">\n        {isNewAddress ? 'Add address' : 'Edit address'}\n      </Text>\n      <div className=\"max-w-lg\">\n        <Form method=\"post\">\n          <input\n            type=\"hidden\"\n            name=\"addressId\"\n            value={address?.id ?? addressId}\n          />\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              required\n              type=\"text\"\n              autoComplete=\"given-name\"\n              placeholder=\"First name\"\n              aria-label=\"First name\"\n              defaultValue={address?.firstName ?? ''}\n            />\n          </div>\n          <div className=\"mt-3\">\n            <input\n              className={getInputStyleClasses()}\n              id=\"lastName\"\n              name=\"lastName\"\n              required\n              type=\"text\"\n              autoComplete=\"family-name\"\n              placeholder=\"Last name\"\n              aria-label=\"Last name\"\n              defaultValue={address?.lastName ?? ''}\n            />\n          </div>\n          <div className=\"mt-3\">\n            <input\n              className={getInputStyleClasses()}\n              id=\"company\"\n              name=\"company\"\n              type=\"text\"\n              autoComplete=\"organization\"\n              placeholder=\"Company\"\n              aria-label=\"Company\"\n              defaultValue={address?.company ?? ''}\n            />\n          </div>\n          <div className=\"mt-3\">\n            <input\n              className={getInputStyleClasses()}\n              id=\"address1\"\n              name=\"address1\"\n              type=\"text\"\n              autoComplete=\"address-line1\"\n              placeholder=\"Address line 1*\"\n              required\n              aria-label=\"Address line 1\"\n              defaultValue={address?.address1 ?? ''}\n            />\n          </div>\n          <div className=\"mt-3\">\n            <input\n              className={getInputStyleClasses()}\n              id=\"address2\"\n              name=\"address2\"\n              type=\"text\"\n              autoComplete=\"address-line2\"\n              placeholder=\"Address line 2\"\n              aria-label=\"Address line 2\"\n              defaultValue={address?.address2 ?? ''}\n            />\n          </div>\n          <div className=\"mt-3\">\n            <input\n              className={getInputStyleClasses()}\n              id=\"city\"\n              name=\"city\"\n              type=\"text\"\n              required\n              autoComplete=\"address-level2\"\n              placeholder=\"City\"\n              aria-label=\"City\"\n              defaultValue={address?.city ?? ''}\n            />\n          </div>\n          <div className=\"mt-3\">\n            <input\n              className={getInputStyleClasses()}\n              id=\"province\"\n              name=\"province\"\n              type=\"text\"\n              autoComplete=\"address-level1\"\n              placeholder=\"State / Province\"\n              required\n              aria-label=\"State\"\n              defaultValue={address?.province ?? ''}\n            />\n          </div>\n          <div className=\"mt-3\">\n            <input\n              className={getInputStyleClasses()}\n              id=\"zip\"\n              name=\"zip\"\n              type=\"text\"\n              autoComplete=\"postal-code\"\n              placeholder=\"Zip / Postal Code\"\n              required\n              aria-label=\"Zip\"\n              defaultValue={address?.zip ?? ''}\n            />\n          </div>\n          <div className=\"mt-3\">\n            <input\n              className={getInputStyleClasses()}\n              id=\"country\"\n              name=\"country\"\n              type=\"text\"\n              autoComplete=\"country-name\"\n              placeholder=\"Country\"\n              required\n              aria-label=\"Country\"\n              defaultValue={address?.country ?? ''}\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=\"Phone\"\n              aria-label=\"Phone\"\n              defaultValue={address?.phone ?? ''}\n            />\n          </div>\n          <div className=\"mt-4\">\n            <input\n              type=\"checkbox\"\n              name=\"defaultAddress\"\n              id=\"defaultAddress\"\n              defaultChecked={defaultAddress?.id === address?.id}\n              className=\"border-gray-500 rounded-sm cursor-pointer border-1\"\n            />\n            <label\n              className=\"inline-block ml-2 text-sm cursor-pointer\"\n              htmlFor=\"defaultAddress\"\n            >\n              Set as default address\n            </label>\n          </div>\n          <div className=\"mt-8\">\n            <Button\n              className=\"w-full rounded focus:shadow-outline\"\n              type=\"submit\"\n              variant=\"primary\"\n              disabled={transition.state !== 'idle'}\n            >\n              {transition.state !== 'idle' ? 'Saving' : 'Save'}\n            </Button>\n          </div>\n          <div>\n            <Button\n              to=\"..\"\n              className=\"w-full mt-2 rounded focus:shadow-outline\"\n              variant=\"secondary\"\n            >\n              Cancel\n            </Button>\n          </div>\n        </Form>\n      </div>\n    </>\n  );\n}\n"],
-  "mappings": "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",
-  "names": ["import_jsx_runtime", "handle", "EditAddress", "addressId", "useParams", "isNewAddress", "actionData", "useActionData", "transition", "useTransition", "customer", "useOutletContext", "addresses", "flattenConnection", "defaultAddress", "normalizedAddress", "address", "Text", "Form", "getInputStyleClasses", "Button"]
-}

package/dist/templates/demo-store/dist/client/build/routes/($lang)/account/__private/edit-3XQ4BLHS.js

@@ -1,2 +0,0 @@
-import"/build/_shared/chunk-EW52HEI6.js";import{D as w,E as a,R as n}from"/build/_shared/chunk-SZCP6RSO.js";import"/build/_shared/chunk-7CKXJRLM.js";import{f as s}from"/build/_shared/chunk-NIVT6A2W.js";import"/build/_shared/chunk-AYHDHSL7.js";import"/build/_shared/chunk-7CASD2US.js";import{c as m,g as d,r as c,s as u}from"/build/_shared/chunk-YCAWB56Y.js";import{b as p}from"/build/_shared/chunk-SYP5DAMV.js";import{c as l}from"/build/_shared/chunk-MEPKJ2VW.js";var e=l(p());var g={renderInModal:!0};function f(){let t=c(),{customer:r}=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:[t?.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:t.formError})}),(0,e.jsx)("div",{className:"mt-3",children:(0,e.jsx)("input",{className:s(),id:"firstName",name:"firstName",type:"text",autoComplete:"given-name",placeholder:"First name","aria-label":"First name",defaultValue:r.firstName??""})}),(0,e.jsx)("div",{className:"mt-3",children:(0,e.jsx)("input",{className:s(),id:"lastName",name:"lastName",type:"text",autoComplete:"family-name",placeholder:"Last name","aria-label":"Last name",defaultValue:r.lastName??""})}),(0,e.jsx)("div",{className:"mt-3",children:(0,e.jsx)("input",{className:s(),id:"phone",name:"phone",type:"tel",autoComplete:"tel",placeholder:"Mobile","aria-label":"Mobile",defaultValue:r.phone??""})}),(0,e.jsxs)("div",{className:"mt-3",children:[(0,e.jsx)("input",{className:s(t?.fieldErrors?.email),id:"email",name:"email",type:"email",autoComplete:"email",required:!0,placeholder:"Email address","aria-label":"Email address",defaultValue:r.email??""}),t?.fieldErrors?.email&&(0,e.jsxs)("p",{className:"text-red-500 text-xs",children:[t.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:t?.fieldErrors?.currentPassword}),t?.fieldErrors?.currentPassword&&(0,e.jsxs)(a,{size:"fine",className:"mt-1 text-red-500",children:[t.fieldErrors.currentPassword," \xA0"]}),(0,e.jsx)(i,{name:"newPassword",label:"New password",passwordError:t?.fieldErrors?.newPassword}),(0,e.jsx)(i,{name:"newPassword2",label:"Re-enter new password",passwordError:t?.fieldErrors?.newPassword2}),(0,e.jsx)(a,{size:"fine",color:"subtle",className:w("mt-1",t?.fieldErrors?.newPassword&&"text-red-500"),children:"Passwords must be at least 8 characters."}),t?.fieldErrors?.newPassword2?(0,e.jsx)("br",{}):null,t?.fieldErrors?.newPassword2&&(0,e.jsxs)(a,{size:"fine",className:"mt-1 text-red-500",children:[t.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:t,passwordError:r,label:o}){return(0,e.jsx)("div",{className:"mt-3",children:(0,e.jsx)("input",{className:s(r),id:t,name:t,type:"password",autoComplete:t==="currentPassword"?"current-password":void 0,placeholder:o,"aria-label":o,minLength:8})})}export{f as default,g as handle};
-//# sourceMappingURL=/build/routes/($lang)/account/__private/edit-3XQ4BLHS.js.map

package/dist/templates/demo-store/dist/client/build/routes/($lang)/account/__private/edit-3XQ4BLHS.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../app/routes/($lang)/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/storefront-kit-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);\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/routes/($lang)/account/__private/logout-7KXWFBCX.js

@@ -1,2 +0,0 @@
-import{b as o}from"/build/_shared/chunk-MEPKJ2VW.js";var p=o((r,e)=>{e.exports={}});export default p();
-//# sourceMappingURL=/build/routes/($lang)/account/__private/logout-7KXWFBCX.js.map

package/dist/templates/demo-store/dist/client/build/routes/($lang)/account/__private/logout-7KXWFBCX.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["browser-route-module:routes/($lang)/account/__private/logout.ts?browser"],
-  "sourcesContent": ["module.exports = {};"],
-  "mappings": "qDAAA,IAAAA,EAAAC,EAAA,CAAAC,EAAAC,IAAA,CAAAA,EAAO,QAAU,CAAC",
-  "names": ["require_logout", "__commonJSMin", "exports", "module"]
-}

package/dist/templates/demo-store/dist/client/build/routes/($lang)/account/__private/orders.$id-7VQDCWO5.js

@@ -1,2 +0,0 @@
-import"/build/_shared/chunk-EW52HEI6.js";import{D as g,E as a,F as o,H as u,Y as l}from"/build/_shared/chunk-SZCP6RSO.js";import{b as h,e as i}from"/build/_shared/chunk-7CKXJRLM.js";import{g as p}from"/build/_shared/chunk-NIVT6A2W.js";import"/build/_shared/chunk-AYHDHSL7.js";import"/build/_shared/chunk-7CASD2US.js";import{q as c}from"/build/_shared/chunk-YCAWB56Y.js";import{b as m}from"/build/_shared/chunk-SYP5DAMV.js";import{c as n}from"/build/_shared/chunk-MEPKJ2VW.js";var t=n(m()),N=({data:s})=>({title:`Order ${s?.order?.name}`});function f(){let{order:s,lineItems:x,discountValue:d,discountPercentage:r}=c();return(0,t.jsxs)("div",{children:[(0,t.jsx)(u,{heading:"Order detail",children:(0,t.jsx)(l,{to:"/account",children:(0,t.jsx)(a,{color:"subtle",children:"Return to Account Overview"})})}),(0,t.jsx)("div",{className:"w-full p-6 sm:grid-cols-1 md:p-8 lg:p-12 lg:py-6",children:(0,t.jsxs)("div",{children:[(0,t.jsxs)(a,{as:"h3",size:"lead",children:["Order No. ",s.name]}),(0,t.jsxs)(a,{className:"mt-2",as:"p",children:["Placed on ",new Date(s.processedAt).toDateString()]}),(0,t.jsxs)("div",{className:"grid items-start gap-12 sm:grid-cols-1 md:grid-cols-4 md:gap-16 sm:divide-y sm:divide-gray-200",children:[(0,t.jsxs)("table",{className:"min-w-full my-8 divide-y divide-gray-300 md:col-span-3",children:[(0,t.jsx)("thead",{children:(0,t.jsxs)("tr",{className:"align-baseline ",children:[(0,t.jsx)("th",{scope:"col",className:"pb-4 pl-0 pr-3 font-semibold text-left",children:"Product"}),(0,t.jsx)("th",{scope:"col",className:"hidden px-4 pb-4 font-semibold text-right sm:table-cell md:table-cell",children:"Price"}),(0,t.jsx)("th",{scope:"col",className:"hidden px-4 pb-4 font-semibold text-right sm:table-cell md:table-cell",children:"Quantity"}),(0,t.jsx)("th",{scope:"col",className:"px-4 pb-4 font-semibold text-right",children:"Total"})]})}),(0,t.jsx)("tbody",{className:"divide-y divide-gray-200",children:x.map(e=>(0,t.jsxs)("tr",{children:[(0,t.jsx)("td",{className:"w-full py-4 pl-0 pr-3 align-top sm:align-middle max-w-0 sm:w-auto sm:max-w-none",children:(0,t.jsxs)("div",{className:"flex gap-6",children:[(0,t.jsx)(l,{to:`/products/${e.variant.product.handle}`,children:e?.variant?.image&&(0,t.jsx)("div",{className:"w-24 card-image aspect-square",children:(0,t.jsx)(h,{data:{url:e.variant.image.src},width:e.variant.image.width,height:e.variant.image.height,alt:e.variant.image.altText,loaderOptions:{scale:2,crop:"center"}})})}),(0,t.jsxs)("div",{className:"flex-col justify-center hidden lg:flex",children:[(0,t.jsx)(a,{as:"p",children:e.title}),(0,t.jsx)(a,{size:"fine",className:"mt-1",as:"p",children:e.variant.title})]}),(0,t.jsxs)("dl",{className:"grid",children:[(0,t.jsx)("dt",{className:"sr-only",children:"Product"}),(0,t.jsxs)("dd",{className:"truncate lg:hidden",children:[(0,t.jsx)(o,{size:"copy",format:!0,as:"h3",children:e.title}),(0,t.jsx)(a,{size:"fine",className:"mt-1",children:e.variant.title})]}),(0,t.jsx)("dt",{className:"sr-only",children:"Price"}),(0,t.jsx)("dd",{className:"truncate sm:hidden",children:(0,t.jsx)(a,{size:"fine",className:"mt-4",children:(0,t.jsx)(i,{data:e.variant.price})})}),(0,t.jsx)("dt",{className:"sr-only",children:"Quantity"}),(0,t.jsx)("dd",{className:"truncate sm:hidden",children:(0,t.jsxs)(a,{className:"mt-1",size:"fine",children:["Qty: ",e.quantity]})})]})]})}),(0,t.jsx)("td",{className:"hidden px-3 py-4 text-right align-top sm:align-middle sm:table-cell",children:(0,t.jsx)(i,{data:e.variant.price})}),(0,t.jsx)("td",{className:"hidden px-3 py-4 text-right align-top sm:align-middle sm:table-cell",children:e.quantity}),(0,t.jsx)("td",{className:"px-3 py-4 text-right align-top sm:align-middle sm:table-cell",children:(0,t.jsx)(a,{children:(0,t.jsx)(i,{data:e.discountedTotalPrice})})})]},e.variant.id))}),(0,t.jsxs)("tfoot",{children:[(d&&d.amount||r)&&(0,t.jsxs)("tr",{children:[(0,t.jsx)("th",{scope:"row",colSpan:3,className:"hidden pt-6 pl-6 pr-3 font-normal text-right sm:table-cell md:pl-0",children:(0,t.jsx)(a,{children:"Discounts"})}),(0,t.jsx)("th",{scope:"row",className:"pt-6 pr-3 font-normal text-left sm:hidden",children:(0,t.jsx)(a,{children:"Discounts"})}),(0,t.jsx)("td",{className:"pt-6 pl-3 pr-4 font-medium text-right text-green-700 md:pr-3",children:r?(0,t.jsxs)("span",{className:"text-sm",children:["-",r,"% OFF"]}):d&&(0,t.jsx)(i,{data:d})})]}),(0,t.jsxs)("tr",{children:[(0,t.jsx)("th",{scope:"row",colSpan:3,className:"hidden pt-6 pl-6 pr-3 font-normal text-right sm:table-cell md:pl-0",children:(0,t.jsx)(a,{children:"Subtotal"})}),(0,t.jsx)("th",{scope:"row",className:"pt-6 pr-3 font-normal text-left sm:hidden",children:(0,t.jsx)(a,{children:"Subtotal"})}),(0,t.jsx)("td",{className:"pt-6 pl-3 pr-4 text-right md:pr-3",children:(0,t.jsx)(i,{data:s.subtotalPriceV2})})]}),(0,t.jsxs)("tr",{children:[(0,t.jsx)("th",{scope:"row",colSpan:3,className:"hidden pt-4 pl-6 pr-3 font-normal text-right sm:table-cell md:pl-0",children:"Tax"}),(0,t.jsx)("th",{scope:"row",className:"pt-4 pr-3 font-normal text-left sm:hidden",children:(0,t.jsx)(a,{children:"Tax"})}),(0,t.jsx)("td",{className:"pt-4 pl-3 pr-4 text-right md:pr-3",children:(0,t.jsx)(i,{data:s.totalTaxV2})})]}),(0,t.jsxs)("tr",{children:[(0,t.jsx)("th",{scope:"row",colSpan:3,className:"hidden pt-4 pl-6 pr-3 font-semibold text-right sm:table-cell md:pl-0",children:"Total"}),(0,t.jsx)("th",{scope:"row",className:"pt-4 pr-3 font-semibold text-left sm:hidden",children:(0,t.jsx)(a,{children:"Total"})}),(0,t.jsx)("td",{className:"pt-4 pl-3 pr-4 font-semibold text-right md:pr-3",children:(0,t.jsx)(i,{data:s.totalPriceV2})})]})]})]}),(0,t.jsxs)("div",{className:"sticky border-none top-nav md:my-8",children:[(0,t.jsx)(o,{size:"copy",className:"font-semibold",as:"h3",children:"Shipping Address"}),s?.shippingAddress?(0,t.jsxs)("ul",{className:"mt-6",children:[(0,t.jsx)("li",{children:(0,t.jsxs)(a,{children:[s.shippingAddress.firstName&&s.shippingAddress.firstName+" ",s.shippingAddress.lastName]})}),s?.shippingAddress?.formatted?s.shippingAddress.formatted.map(e=>(0,t.jsx)("li",{children:(0,t.jsx)(a,{children:e})},e)):(0,t.jsx)(t.Fragment,{})]}):(0,t.jsx)("p",{className:"mt-3",children:"No shipping address defined"}),(0,t.jsx)(o,{size:"copy",className:"mt-8 font-semibold",as:"h3",children:"Status"}),(0,t.jsx)("div",{className:g("mt-3 px-3 py-1 text-xs font-medium rounded-full inline-block w-auto",s.fulfillmentStatus==="FULFILLED"?"bg-green-100 text-green-800":"bg-primary/20 text-primary/50"),children:(0,t.jsx)(a,{size:"fine",children:p(s.fulfillmentStatus)})})]})]})]})})]})}export{f as default,N as meta};
-//# sourceMappingURL=/build/routes/($lang)/account/__private/orders.$id-7VQDCWO5.js.map

package/dist/templates/demo-store/dist/client/build/routes/($lang)/account/__private/orders.$id-7VQDCWO5.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../app/routes/($lang)/account/__private/orders.$id.tsx"],
-  "sourcesContent": ["import invariant from 'tiny-invariant';\nimport clsx from 'clsx';\nimport {\n  redirect,\n  json,\n  type MetaFunction,\n  type LoaderArgs,\n} from '@shopify/remix-oxygen';\nimport {useLoaderData} from '@remix-run/react';\nimport {Money, Image, flattenConnection} from '@shopify/storefront-kit-react';\nimport {statusMessage} from '~/lib/utils';\nimport type {\n  DiscountApplication,\n  DiscountApplicationConnection,\n  OrderLineItem,\n} from '@shopify/storefront-kit-react/storefront-api-types';\nimport {Link, Heading, PageHeader, Text} from '~/components';\nimport {getCustomerOrder} from '~/data';\n\nexport const meta: MetaFunction = ({data}) => ({\n  title: `Order ${data?.order?.name}`,\n});\n\nexport async function loader({request, context, params}: LoaderArgs) {\n  if (!params.id) {\n    return redirect(params?.lang ? `${params.lang}/account` : '/account');\n  }\n\n  const queryParams = new URL(request.url).searchParams;\n  const orderToken = queryParams.get('key');\n\n  invariant(orderToken, 'Order token is required');\n\n  const customerAccessToken = await context.session.get('customerAccessToken');\n\n  if (!customerAccessToken) {\n    return redirect(\n      params.lang ? `${params.lang}/account/login` : '/account/login',\n    );\n  }\n\n  const orderId = `gid://shopify/Order/${params.id}?key=${orderToken}`;\n\n  const order = await getCustomerOrder(context, {orderId});\n\n  if (!order) {\n    throw new Response('Order not found', {status: 404});\n  }\n\n  const lineItems = flattenConnection(order.lineItems!) as Array<OrderLineItem>;\n\n  const discountApplications = flattenConnection(\n    order.discountApplications as DiscountApplicationConnection,\n  );\n\n  const firstDiscount = discountApplications[0]?.value;\n\n  const discountValue =\n    firstDiscount?.__typename === 'MoneyV2' && firstDiscount;\n\n  const discountPercentage =\n    firstDiscount?.__typename === 'PricingPercentageValue' &&\n    firstDiscount?.percentage;\n\n  return json({\n    order,\n    lineItems,\n    discountValue,\n    discountPercentage,\n  });\n}\n\nexport default function OrderRoute() {\n  const {order, lineItems, discountValue, discountPercentage} =\n    useLoaderData<typeof loader>();\n  return (\n    <div>\n      <PageHeader heading=\"Order detail\">\n        <Link to=\"/account\">\n          <Text color=\"subtle\">Return to Account Overview</Text>\n        </Link>\n      </PageHeader>\n      <div className=\"w-full p-6 sm:grid-cols-1 md:p-8 lg:p-12 lg:py-6\">\n        <div>\n          <Text as=\"h3\" size=\"lead\">\n            Order No. {order.name}\n          </Text>\n          <Text className=\"mt-2\" as=\"p\">\n            Placed on {new Date(order.processedAt!).toDateString()}\n          </Text>\n          <div className=\"grid items-start gap-12 sm:grid-cols-1 md:grid-cols-4 md:gap-16 sm:divide-y sm:divide-gray-200\">\n            <table className=\"min-w-full my-8 divide-y divide-gray-300 md:col-span-3\">\n              <thead>\n                <tr className=\"align-baseline \">\n                  <th\n                    scope=\"col\"\n                    className=\"pb-4 pl-0 pr-3 font-semibold text-left\"\n                  >\n                    Product\n                  </th>\n                  <th\n                    scope=\"col\"\n                    className=\"hidden px-4 pb-4 font-semibold text-right sm:table-cell md:table-cell\"\n                  >\n                    Price\n                  </th>\n                  <th\n                    scope=\"col\"\n                    className=\"hidden px-4 pb-4 font-semibold text-right sm:table-cell md:table-cell\"\n                  >\n                    Quantity\n                  </th>\n                  <th\n                    scope=\"col\"\n                    className=\"px-4 pb-4 font-semibold text-right\"\n                  >\n                    Total\n                  </th>\n                </tr>\n              </thead>\n              <tbody className=\"divide-y divide-gray-200\">\n                {lineItems.map((lineItem: OrderLineItem) => (\n                  <tr key={lineItem.variant!.id}>\n                    <td className=\"w-full py-4 pl-0 pr-3 align-top sm:align-middle max-w-0 sm:w-auto sm:max-w-none\">\n                      <div className=\"flex gap-6\">\n                        <Link\n                          to={`/products/${lineItem.variant!.product!.handle}`}\n                        >\n                          {lineItem?.variant?.image && (\n                            <div className=\"w-24 card-image aspect-square\">\n                              <Image\n                                data={{\n                                  url: lineItem.variant.image.src!,\n                                }}\n                                width={lineItem.variant.image.width!}\n                                height={lineItem.variant.image.height!}\n                                alt={lineItem.variant.image.altText!}\n                                loaderOptions={{\n                                  scale: 2,\n                                  crop: 'center',\n                                }}\n                              />\n                            </div>\n                          )}\n                        </Link>\n                        <div className=\"flex-col justify-center hidden lg:flex\">\n                          <Text as=\"p\">{lineItem.title}</Text>\n                          <Text size=\"fine\" className=\"mt-1\" as=\"p\">\n                            {lineItem.variant!.title}\n                          </Text>\n                        </div>\n                        <dl className=\"grid\">\n                          <dt className=\"sr-only\">Product</dt>\n                          <dd className=\"truncate lg:hidden\">\n                            <Heading size=\"copy\" format as=\"h3\">\n                              {lineItem.title}\n                            </Heading>\n                            <Text size=\"fine\" className=\"mt-1\">\n                              {lineItem.variant!.title}\n                            </Text>\n                          </dd>\n                          <dt className=\"sr-only\">Price</dt>\n                          <dd className=\"truncate sm:hidden\">\n                            <Text size=\"fine\" className=\"mt-4\">\n                              <Money data={lineItem.variant!.price!} />\n                            </Text>\n                          </dd>\n                          <dt className=\"sr-only\">Quantity</dt>\n                          <dd className=\"truncate sm:hidden\">\n                            <Text className=\"mt-1\" size=\"fine\">\n                              Qty: {lineItem.quantity}\n                            </Text>\n                          </dd>\n                        </dl>\n                      </div>\n                    </td>\n                    <td className=\"hidden px-3 py-4 text-right align-top sm:align-middle sm:table-cell\">\n                      <Money data={lineItem.variant!.price!} />\n                    </td>\n                    <td className=\"hidden px-3 py-4 text-right align-top sm:align-middle sm:table-cell\">\n                      {lineItem.quantity}\n                    </td>\n                    <td className=\"px-3 py-4 text-right align-top sm:align-middle sm:table-cell\">\n                      <Text>\n                        <Money data={lineItem.discountedTotalPrice!} />\n                      </Text>\n                    </td>\n                  </tr>\n                ))}\n              </tbody>\n              <tfoot>\n                {((discountValue && discountValue.amount) ||\n                  discountPercentage) && (\n                  <tr>\n                    <th\n                      scope=\"row\"\n                      colSpan={3}\n                      className=\"hidden pt-6 pl-6 pr-3 font-normal text-right sm:table-cell md:pl-0\"\n                    >\n                      <Text>Discounts</Text>\n                    </th>\n                    <th\n                      scope=\"row\"\n                      className=\"pt-6 pr-3 font-normal text-left sm:hidden\"\n                    >\n                      <Text>Discounts</Text>\n                    </th>\n                    <td className=\"pt-6 pl-3 pr-4 font-medium text-right text-green-700 md:pr-3\">\n                      {discountPercentage ? (\n                        <span className=\"text-sm\">\n                          -{discountPercentage}% OFF\n                        </span>\n                      ) : (\n                        discountValue && <Money data={discountValue!} />\n                      )}\n                    </td>\n                  </tr>\n                )}\n                <tr>\n                  <th\n                    scope=\"row\"\n                    colSpan={3}\n                    className=\"hidden pt-6 pl-6 pr-3 font-normal text-right sm:table-cell md:pl-0\"\n                  >\n                    <Text>Subtotal</Text>\n                  </th>\n                  <th\n                    scope=\"row\"\n                    className=\"pt-6 pr-3 font-normal text-left sm:hidden\"\n                  >\n                    <Text>Subtotal</Text>\n                  </th>\n                  <td className=\"pt-6 pl-3 pr-4 text-right md:pr-3\">\n                    <Money data={order.subtotalPriceV2!} />\n                  </td>\n                </tr>\n                <tr>\n                  <th\n                    scope=\"row\"\n                    colSpan={3}\n                    className=\"hidden pt-4 pl-6 pr-3 font-normal text-right sm:table-cell md:pl-0\"\n                  >\n                    Tax\n                  </th>\n                  <th\n                    scope=\"row\"\n                    className=\"pt-4 pr-3 font-normal text-left sm:hidden\"\n                  >\n                    <Text>Tax</Text>\n                  </th>\n                  <td className=\"pt-4 pl-3 pr-4 text-right md:pr-3\">\n                    <Money data={order.totalTaxV2!} />\n                  </td>\n                </tr>\n                <tr>\n                  <th\n                    scope=\"row\"\n                    colSpan={3}\n                    className=\"hidden pt-4 pl-6 pr-3 font-semibold text-right sm:table-cell md:pl-0\"\n                  >\n                    Total\n                  </th>\n                  <th\n                    scope=\"row\"\n                    className=\"pt-4 pr-3 font-semibold text-left sm:hidden\"\n                  >\n                    <Text>Total</Text>\n                  </th>\n                  <td className=\"pt-4 pl-3 pr-4 font-semibold text-right md:pr-3\">\n                    <Money data={order.totalPriceV2!} />\n                  </td>\n                </tr>\n              </tfoot>\n            </table>\n            <div className=\"sticky border-none top-nav md:my-8\">\n              <Heading size=\"copy\" className=\"font-semibold\" as=\"h3\">\n                Shipping Address\n              </Heading>\n              {order?.shippingAddress ? (\n                <ul className=\"mt-6\">\n                  <li>\n                    <Text>\n                      {order.shippingAddress.firstName &&\n                        order.shippingAddress.firstName + ' '}\n                      {order.shippingAddress.lastName}\n                    </Text>\n                  </li>\n                  {order?.shippingAddress?.formatted ? (\n                    order.shippingAddress.formatted.map((line) => (\n                      <li key={line}>\n                        <Text>{line}</Text>\n                      </li>\n                    ))\n                  ) : (\n                    <></>\n                  )}\n                </ul>\n              ) : (\n                <p className=\"mt-3\">No shipping address defined</p>\n              )}\n              <Heading size=\"copy\" className=\"mt-8 font-semibold\" as=\"h3\">\n                Status\n              </Heading>\n              <div\n                className={clsx(\n                  `mt-3 px-3 py-1 text-xs font-medium rounded-full inline-block w-auto`,\n                  order.fulfillmentStatus === 'FULFILLED'\n                    ? 'bg-green-100 text-green-800'\n                    : 'bg-primary/20 text-primary/50',\n                )}\n              >\n                <Text size=\"fine\">\n                  {statusMessage(order.fulfillmentStatus!)}\n                </Text>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],
-  "mappings": "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",
-  "names": ["import_jsx_runtime", "meta", "data", "OrderRoute", "order", "lineItems", "discountValue", "discountPercentage", "useLoaderData", "PageHeader", "Link", "Text", "lineItem", "Image", "Heading", "Money", "line", "clsx_m_default", "statusMessage"]
-}

package/dist/templates/demo-store/dist/client/build/routes/($lang)/account/__public/activate.$id.$activationToken-Z5BQE6J5.js

@@ -1,2 +0,0 @@
-import"/build/_shared/chunk-EW52HEI6.js";import{f as c}from"/build/_shared/chunk-NIVT6A2W.js";import"/build/_shared/chunk-AYHDHSL7.js";import{g as p,r as f}from"/build/_shared/chunk-YCAWB56Y.js";import{a as y,b as w}from"/build/_shared/chunk-SYP5DAMV.js";import{c as i}from"/build/_shared/chunk-MEPKJ2VW.js";var r=i(y());var t=i(w());var g={isPublic:!0};var b=()=>({title:"Activate Account"});function v(){let l=f(),[s,u]=(0,r.useState)(null),[a,o]=(0,r.useState)(null),m=(0,r.useRef)(null),e=(0,r.useRef)(null),d=()=>{!e.current||(e.current.value.length&&e.current.value!==m.current?.value?o("The two passwords entered did not match."):e.current.validity.valid||!e.current.value.length?o(null):o(e.current.validity.valueMissing?"Please re-enter the password":"Passwords must be at least 8 characters"))};return(0,t.jsx)("div",{className:"flex justify-center my-24 px-4",children:(0,t.jsxs)("div",{className:"max-w-md w-full",children:[(0,t.jsx)("h1",{className:"text-4xl",children:"Activate Account."}),(0,t.jsx)("p",{className:"mt-4",children:"Create your password to activate your account."}),(0,t.jsxs)(p,{method:"post",noValidate:!0,className:"pt-6 pb-8 mt-4 mb-4 space-y-3",children:[l?.formError&&(0,t.jsx)("div",{className:"flex items-center justify-center mb-6 bg-zinc-500",children:(0,t.jsx)("p",{className:"m-4 text-s text-contrast",children:l.formError})}),(0,t.jsxs)("div",{className:"mb-3",children:[(0,t.jsx)("input",{ref:m,className:`mb-1 ${c(s)}`,id:"password",name:"password",type:"password",autoComplete:"current-password",placeholder:"Password","aria-label":"Password",minLength:8,required:!0,autoFocus:!0,onBlur:n=>{n.currentTarget.validity.valid||!n.currentTarget.value.length?(u(null),d()):u(n.currentTarget.validity.valueMissing?"Please enter a password":"Passwords must be at least 8 characters")}}),s&&(0,t.jsxs)("p",{className:"text-red-500 text-xs",children:[" ",s," \xA0"]})]}),(0,t.jsxs)("div",{className:"mb-3",children:[(0,t.jsx)("input",{ref:e,className:`mb-1 ${c(a)}`,id:"passwordConfirm",name:"passwordConfirm",type:"password",autoComplete:"current-password",placeholder:"Re-enter password","aria-label":"Re-enter password",minLength:8,required:!0,autoFocus:!0,onBlur:d}),a&&(0,t.jsxs)("p",{className:"text-red-500 text-xs",children:[" ",a," \xA0"]})]}),(0,t.jsx)("div",{className:"flex items-center justify-between",children:(0,t.jsx)("button",{className:"bg-primary text-contrast rounded py-2 px-4 focus:shadow-outline block w-full",type:"submit",children:"Save"})})]})]})})}export{v as default,g as handle,b as meta};
-//# sourceMappingURL=/build/routes/($lang)/account/__public/activate.$id.$activationToken-Z5BQE6J5.js.map

package/dist/templates/demo-store/dist/client/build/routes/($lang)/account/__public/activate.$id.$activationToken-Z5BQE6J5.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../app/routes/($lang)/account/__public/activate.$id.$activationToken.tsx"],
-  "sourcesContent": ["import {\n  type MetaFunction,\n  redirect,\n  json,\n  type ActionFunction,\n} from '@shopify/remix-oxygen';\nimport {Form, useActionData} from '@remix-run/react';\nimport {useRef, useState} from 'react';\nimport {activateAccount} from '~/data';\nimport {getInputStyleClasses} from '~/lib/utils';\n\ntype ActionData = {\n  formError?: string;\n};\n\nconst badRequest = (data: ActionData) => json(data, {status: 400});\n\nexport const handle = {\n  isPublic: true,\n};\n\nexport const action: ActionFunction = async ({\n  request,\n  context,\n  params: {lang, id, activationToken},\n}) => {\n  if (\n    !id ||\n    !activationToken ||\n    typeof id !== 'string' ||\n    typeof activationToken !== 'string'\n  ) {\n    return badRequest({\n      formError: 'Wrong token. The link you followed might be wrong.',\n    });\n  }\n\n  const formData = await request.formData();\n\n  const password = formData.get('password');\n  const passwordConfirm = formData.get('passwordConfirm');\n\n  if (\n    !password ||\n    !passwordConfirm ||\n    typeof password !== 'string' ||\n    typeof passwordConfirm !== 'string' ||\n    password !== passwordConfirm\n  ) {\n    return badRequest({\n      formError: 'Please provide matching passwords',\n    });\n  }\n\n  const {session, storefront} = context;\n\n  try {\n    const {accessToken} = await activateAccount(context, {\n      id,\n      activationToken,\n      password,\n    });\n\n    session.set('customerAccessToken', accessToken);\n\n    return redirect(lang ? `${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: 'Sorry. We could not activate your account.',\n    });\n  }\n};\n\nexport const meta: MetaFunction = () => {\n  return {\n    title: 'Activate Account',\n  };\n};\n\nexport default function Activate() {\n  const actionData = useActionData<ActionData>();\n  const [nativePasswordError, setNativePasswordError] = useState<null | string>(\n    null,\n  );\n  const [nativePasswordConfirmError, setNativePasswordConfirmError] = useState<\n    null | string\n  >(null);\n\n  const passwordInput = useRef<HTMLInputElement>(null);\n  const passwordConfirmInput = useRef<HTMLInputElement>(null);\n\n  const validatePasswordConfirm = () => {\n    if (!passwordConfirmInput.current) return;\n\n    if (\n      passwordConfirmInput.current.value.length &&\n      passwordConfirmInput.current.value !== passwordInput.current?.value\n    ) {\n      setNativePasswordConfirmError('The two passwords entered did not match.');\n    } else if (\n      passwordConfirmInput.current.validity.valid ||\n      !passwordConfirmInput.current.value.length\n    ) {\n      setNativePasswordConfirmError(null);\n    } else {\n      setNativePasswordConfirmError(\n        passwordConfirmInput.current.validity.valueMissing\n          ? 'Please re-enter the password'\n          : 'Passwords must be at least 8 characters',\n      );\n    }\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\">Activate Account.</h1>\n        <p className=\"mt-4\">Create your password to activate your account.</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\">{actionData.formError}</p>\n            </div>\n          )}\n          <div className=\"mb-3\">\n            <input\n              ref={passwordInput}\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                  validatePasswordConfirm();\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=\"mb-3\">\n            <input\n              ref={passwordConfirmInput}\n              className={`mb-1 ${getInputStyleClasses(\n                nativePasswordConfirmError,\n              )}`}\n              id=\"passwordConfirm\"\n              name=\"passwordConfirm\"\n              type=\"password\"\n              autoComplete=\"current-password\"\n              placeholder=\"Re-enter password\"\n              aria-label=\"Re-enter password\"\n              minLength={8}\n              required\n              // eslint-disable-next-line jsx-a11y/no-autofocus\n              autoFocus\n              onBlur={validatePasswordConfirm}\n            />\n            {nativePasswordConfirmError && (\n              <p className=\"text-red-500 text-xs\">\n                {' '}\n                {nativePasswordConfirmError} &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              Save\n            </button>\n          </div>\n        </Form>\n      </div>\n    </div>\n  );\n}\n"],
-  "mappings": "oTAOA,IAAAA,EAA+B,OA2HvB,IAAAC,EAAA,OAjHD,IAAMC,EAAS,CACpB,SAAU,EACZ,EAoEO,IAAMC,EAAqB,KACzB,CACL,MAAO,kBACT,GAGa,SAARC,GAA4B,CACjC,IAAMC,EAAaC,EAA0B,EACvC,CAACC,EAAqBC,CAAsB,KAAI,YACpD,IACF,EACM,CAACC,EAA4BC,CAA6B,KAAI,YAElE,IAAI,EAEAC,KAAgB,UAAyB,IAAI,EAC7CC,KAAuB,UAAyB,IAAI,EAEpDC,EAA0B,IAAM,CAChC,CAACD,EAAqB,UAGxBA,EAAqB,QAAQ,MAAM,QACnCA,EAAqB,QAAQ,QAAUD,EAAc,SAAS,MAE9DD,EAA8B,0CAA0C,EAExEE,EAAqB,QAAQ,SAAS,OACtC,CAACA,EAAqB,QAAQ,MAAM,OAEpCF,EAA8B,IAAI,EAElCA,EACEE,EAAqB,QAAQ,SAAS,aAClC,+BACA,yCACN,EAEJ,EAEA,SACE,OAAC,OAAI,UAAU,iCACb,oBAAC,OAAI,UAAU,kBACb,oBAAC,MAAG,UAAU,WAAW,6BAAiB,KAC1C,OAAC,KAAE,UAAU,OAAO,0DAA8C,KAElE,QAACE,EAAA,CACC,OAAO,OACP,WAAU,GACV,UAAU,gCAET,UAAAT,GAAY,cACX,OAAC,OAAI,UAAU,oDACb,mBAAC,KAAE,UAAU,2BAA4B,SAAAA,EAAW,UAAU,EAChE,KAEF,QAAC,OAAI,UAAU,OACb,oBAAC,SACC,IAAKM,EACL,UAAW,QAAQI,EAAqBR,CAAmB,IAC3D,GAAG,WACH,KAAK,WACL,KAAK,WACL,aAAa,mBACb,YAAY,WACZ,aAAW,WACX,UAAW,EACX,SAAQ,GAER,UAAS,GACT,OAASS,GAAU,CAEfA,EAAM,cAAc,SAAS,OAC7B,CAACA,EAAM,cAAc,MAAM,QAE3BR,EAAuB,IAAI,EAC3BK,EAAwB,GAExBL,EACEQ,EAAM,cAAc,SAAS,aACzB,0BACA,yCACN,CAEJ,EACF,EACCT,MACC,QAAC,KAAE,UAAU,uBACV,cACAA,EAAoB,SACvB,GAEJ,KACA,QAAC,OAAI,UAAU,OACb,oBAAC,SACC,IAAKK,EACL,UAAW,QAAQG,EACjBN,CACF,IACA,GAAG,kBACH,KAAK,kBACL,KAAK,WACL,aAAa,mBACb,YAAY,oBACZ,aAAW,oBACX,UAAW,EACX,SAAQ,GAER,UAAS,GACT,OAAQI,EACV,EACCJ,MACC,QAAC,KAAE,UAAU,uBACV,cACAA,EAA2B,SAC9B,GAEJ,KACA,OAAC,OAAI,UAAU,oCACb,mBAAC,UACC,UAAU,+EACV,KAAK,SACN,gBAED,EACF,GACF,GACF,EACF,CAEJ",
-  "names": ["import_react", "import_jsx_runtime", "handle", "meta", "Activate", "actionData", "useActionData", "nativePasswordError", "setNativePasswordError", "nativePasswordConfirmError", "setNativePasswordConfirmError", "passwordInput", "passwordConfirmInput", "validatePasswordConfirm", "Form", "getInputStyleClasses", "event"]
-}

package/dist/templates/demo-store/dist/client/build/routes/($lang)/account/__public/login-K6QUN2VF.js

@@ -1,2 +0,0 @@
-import"/build/_shared/chunk-EW52HEI6.js";import{Y as n}from"/build/_shared/chunk-SZCP6RSO.js";import"/build/_shared/chunk-7CKXJRLM.js";import{f as o}from"/build/_shared/chunk-NIVT6A2W.js";import"/build/_shared/chunk-AYHDHSL7.js";import"/build/_shared/chunk-7CASD2US.js";import{g as m,q as u,r as d}from"/build/_shared/chunk-YCAWB56Y.js";import{a as b,b as p}from"/build/_shared/chunk-SYP5DAMV.js";import{c as s}from"/build/_shared/chunk-MEPKJ2VW.js";var i=s(b());var e=s(p()),w={isPublic:!0};var x=()=>({title:"Login"});function g(){let{shopName:f}=u(),l=d(),[a,y]=(0,i.useState)(null),[r,c]=(0,i.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:"Sign in."}),(0,e.jsxs)(m,{method:"post",noValidate:!0,className:"pt-6 pb-8 mt-4 mb-4 space-y-3",children:[l?.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:l.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=>{y(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?c(null):c(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:"Sign in"})}),(0,e.jsxs)("div",{className:"flex justify-between items-center mt-8 border-t border-gray-300",children:[(0,e.jsxs)("p",{className:"align-baseline text-sm mt-6",children:["New to ",f,"? \xA0",(0,e.jsx)(n,{className:"inline underline",to:"/account/register",children:"Create an account"})]}),(0,e.jsx)(n,{className:"mt-6 inline-block align-baseline text-sm text-primary/50",to:"/account/recover",children:"Forgot password"})]})]})]})})}export{g as default,w as handle,x as meta};
-//# sourceMappingURL=/build/routes/($lang)/account/__public/login-K6QUN2VF.js.map

package/dist/templates/demo-store/dist/client/build/routes/($lang)/account/__public/login-K6QUN2VF.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../app/routes/($lang)/account/__public/login.tsx"],
-  "sourcesContent": ["import {\n  type MetaFunction,\n  type ActionFunction,\n  type LoaderArgs,\n  redirect,\n  json,\n} from '@shopify/remix-oxygen';\nimport {Form, useActionData, useLoaderData} from '@remix-run/react';\nimport {useState} from 'react';\nimport {login} from '~/data';\nimport {getInputStyleClasses} from '~/lib/utils';\nimport {Link} from '~/components';\n\nexport const handle = {\n  isPublic: true,\n};\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  // TODO: Query for this?\n  return json({shopName: 'Hydrogen'});\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 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  const {session, storefront} = context;\n\n  try {\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 did not recognize either your email or password. Please try to sign in again or create a new account.',\n    });\n  }\n};\n\nexport const meta: MetaFunction = () => {\n  return {\n    title: 'Login',\n  };\n};\n\nexport default function Login() {\n  const {shopName} = useLoaderData<typeof loader>();\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\">Sign in.</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\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              Sign in\n            </button>\n          </div>\n          <div className=\"flex justify-between items-center mt-8 border-t border-gray-300\">\n            <p className=\"align-baseline text-sm mt-6\">\n              New to {shopName}? &nbsp;\n              <Link className=\"inline underline\" to=\"/account/register\">\n                Create an account\n              </Link>\n            </p>\n            <Link\n              className=\"mt-6 inline-block align-baseline text-sm text-primary/50\"\n              to=\"/account/recover\"\n            >\n              Forgot password\n            </Link>\n          </div>\n        </Form>\n      </div>\n    </div>\n  );\n}\n"],
-  "mappings": "kcAQA,IAAAA,EAAuB,OAyFf,IAAAC,EAAA,OApFKC,EAAS,CACpB,SAAU,EACZ,EAiEO,IAAMC,EAAqB,KACzB,CACL,MAAO,OACT,GAGa,SAARC,GAAyB,CAC9B,GAAM,CAAC,SAAAC,CAAQ,EAAIC,EAA6B,EAC1CC,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,oBAAQ,KAEjC,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,KAEA,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,mBAED,EACF,KACA,QAAC,OAAI,UAAU,kEACb,qBAAC,KAAE,UAAU,8BAA8B,oBACjCN,EAAS,YACjB,OAACW,EAAA,CAAK,UAAU,mBAAmB,GAAG,oBAAoB,6BAE1D,GACF,KACA,OAACA,EAAA,CACC,UAAU,2DACV,GAAG,mBACJ,2BAED,GACF,GACF,GACF,EACF,CAEJ",
-  "names": ["import_react", "import_jsx_runtime", "handle", "meta", "Login", "shopName", "useLoaderData", "actionData", "useActionData", "nativeEmailError", "setNativeEmailError", "nativePasswordError", "setNativePasswordError", "Form", "getInputStyleClasses", "event", "Link"]
-}

package/dist/templates/demo-store/dist/client/build/routes/($lang)/account/__public/recover-UV5PLPS5.js

@@ -1,2 +0,0 @@
-import"/build/_shared/chunk-EW52HEI6.js";import{Y as m}from"/build/_shared/chunk-SZCP6RSO.js";import"/build/_shared/chunk-7CKXJRLM.js";import{f as l}from"/build/_shared/chunk-NIVT6A2W.js";import"/build/_shared/chunk-AYHDHSL7.js";import"/build/_shared/chunk-7CASD2US.js";import{g as o,r as n}from"/build/_shared/chunk-YCAWB56Y.js";import{a as f,b as i}from"/build/_shared/chunk-SYP5DAMV.js";import{c as s}from"/build/_shared/chunk-MEPKJ2VW.js";var c=s(f());var e=s(i());var y=()=>({title:"Recover Password"});function u(){let t=n(),[a,d]=(0,c.useState)(null),p=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:p?(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=>{d(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)(m,{className:"inline underline",to:"/account/login",children:"Login"})]})})]})]})})})}export{u as default,y as meta};
-//# sourceMappingURL=/build/routes/($lang)/account/__public/recover-UV5PLPS5.js.map

package/dist/templates/demo-store/dist/client/build/routes/($lang)/account/__public/recover-UV5PLPS5.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../app/routes/($lang)/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": "2bAQA,IAAAA,EAAuB,OA0Db,IAAAC,EAAA,OAfH,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/routes/($lang)/account/__public/register-SZW3ORRR.js

@@ -1,2 +0,0 @@
-import"/build/_shared/chunk-EW52HEI6.js";import{Y as d}from"/build/_shared/chunk-SZCP6RSO.js";import"/build/_shared/chunk-7CKXJRLM.js";import{f as o}from"/build/_shared/chunk-NIVT6A2W.js";import"/build/_shared/chunk-AYHDHSL7.js";import"/build/_shared/chunk-7CASD2US.js";import{g as c,r as m}from"/build/_shared/chunk-YCAWB56Y.js";import{a as f,b as u}from"/build/_shared/chunk-SYP5DAMV.js";import{c as s}from"/build/_shared/chunk-MEPKJ2VW.js";var n=s(f());var e=s(u());var y=()=>({title:"Register"});function p(){let i=m(),[a,g]=(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=>{g(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{p as default,y as meta};
-//# sourceMappingURL=/build/routes/($lang)/account/__public/register-SZW3ORRR.js.map

package/dist/templates/demo-store/dist/client/build/routes/($lang)/account/__public/register-SZW3ORRR.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../app/routes/($lang)/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": "2bAQA,IAAAA,EAAuB,OAmFf,IAAAC,EAAA,OAhBD,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/routes/($lang)/account/__public/reset.$id.$resetToken-WOUXQWZU.js

@@ -1,2 +0,0 @@
-import"/build/_shared/chunk-EW52HEI6.js";import{f as l}from"/build/_shared/chunk-NIVT6A2W.js";import"/build/_shared/chunk-AYHDHSL7.js";import{g as p,r as f}from"/build/_shared/chunk-YCAWB56Y.js";import{a as v,b as w}from"/build/_shared/chunk-SYP5DAMV.js";import{c as i}from"/build/_shared/chunk-MEPKJ2VW.js";var r=i(v());var t=i(w());var g=()=>({title:"Reset Password"});function y(){let c=f(),[s,u]=(0,r.useState)(null),[a,o]=(0,r.useState)(null),m=(0,r.useRef)(null),e=(0,r.useRef)(null),d=()=>{!e.current||(e.current.value.length&&e.current.value!==m.current?.value?o("The two passwords entered did not match."):e.current.validity.valid||!e.current.value.length?o(null):o(e.current.validity.valueMissing?"Please re-enter the password":"Passwords must be at least 8 characters"))};return(0,t.jsx)("div",{className:"flex justify-center my-24 px-4",children:(0,t.jsxs)("div",{className:"max-w-md w-full",children:[(0,t.jsx)("h1",{className:"text-4xl",children:"Reset Password."}),(0,t.jsx)("p",{className:"mt-4",children:"Enter a new password for your account."}),(0,t.jsxs)(p,{method:"post",noValidate:!0,className:"pt-6 pb-8 mt-4 mb-4 space-y-3",children:[c?.formError&&(0,t.jsx)("div",{className:"flex items-center justify-center mb-6 bg-zinc-500",children:(0,t.jsx)("p",{className:"m-4 text-s text-contrast",children:c.formError})}),(0,t.jsxs)("div",{className:"mb-3",children:[(0,t.jsx)("input",{ref:m,className:`mb-1 ${l(s)}`,id:"password",name:"password",type:"password",autoComplete:"current-password",placeholder:"Password","aria-label":"Password",minLength:8,required:!0,autoFocus:!0,onBlur:n=>{n.currentTarget.validity.valid||!n.currentTarget.value.length?(u(null),d()):u(n.currentTarget.validity.valueMissing?"Please enter a password":"Passwords must be at least 8 characters")}}),s&&(0,t.jsxs)("p",{className:"text-red-500 text-xs",children:[" ",s," \xA0"]})]}),(0,t.jsxs)("div",{className:"mb-3",children:[(0,t.jsx)("input",{ref:e,className:`mb-1 ${l(a)}`,id:"passwordConfirm",name:"passwordConfirm",type:"password",autoComplete:"current-password",placeholder:"Re-enter password","aria-label":"Re-enter password",minLength:8,required:!0,autoFocus:!0,onBlur:d}),a&&(0,t.jsxs)("p",{className:"text-red-500 text-xs",children:[" ",a," \xA0"]})]}),(0,t.jsx)("div",{className:"flex items-center justify-between",children:(0,t.jsx)("button",{className:"bg-primary text-contrast rounded py-2 px-4 focus:shadow-outline block w-full",type:"submit",children:"Save"})})]})]})})}export{y as default,g as meta};
-//# sourceMappingURL=/build/routes/($lang)/account/__public/reset.$id.$resetToken-WOUXQWZU.js.map

package/dist/templates/demo-store/dist/client/build/routes/($lang)/account/__public/reset.$id.$resetToken-WOUXQWZU.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../app/routes/($lang)/account/__public/reset.$id.$resetToken.tsx"],
-  "sourcesContent": ["import {\n  type MetaFunction,\n  type ActionFunction,\n  redirect,\n  json,\n} from '@shopify/remix-oxygen';\nimport {Form, useActionData} from '@remix-run/react';\nimport {useRef, useState} from 'react';\nimport {resetPassword} from '~/data';\nimport {getInputStyleClasses} from '~/lib/utils';\n\ntype ActionData = {\n  formError?: string;\n};\n\nconst badRequest = (data: ActionData) => json(data, {status: 400});\n\nexport const action: ActionFunction = async ({\n  request,\n  context,\n  params: {lang, id, resetToken},\n}) => {\n  if (\n    !id ||\n    !resetToken ||\n    typeof id !== 'string' ||\n    typeof resetToken !== 'string'\n  ) {\n    return badRequest({\n      formError: 'Wrong token. Please try to reset your password again.',\n    });\n  }\n\n  const formData = await request.formData();\n\n  const password = formData.get('password');\n  const passwordConfirm = formData.get('passwordConfirm');\n\n  if (\n    !password ||\n    !passwordConfirm ||\n    typeof password !== 'string' ||\n    typeof passwordConfirm !== 'string' ||\n    password !== passwordConfirm\n  ) {\n    return badRequest({\n      formError: 'Please provide matching passwords',\n    });\n  }\n\n  const {session, storefront} = context;\n\n  try {\n    const {accessToken} = await resetPassword(context, {\n      id,\n      resetToken,\n      password,\n    });\n\n    session.set('customerAccessToken', accessToken);\n\n    return redirect(lang ? `${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: 'Sorry. We could not update your password.',\n    });\n  }\n};\n\nexport const meta: MetaFunction = () => {\n  return {\n    title: 'Reset Password',\n  };\n};\n\nexport default function Reset() {\n  const actionData = useActionData<ActionData>();\n  const [nativePasswordError, setNativePasswordError] = useState<null | string>(\n    null,\n  );\n  const [nativePasswordConfirmError, setNativePasswordConfirmError] = useState<\n    null | string\n  >(null);\n\n  const passwordInput = useRef<HTMLInputElement>(null);\n  const passwordConfirmInput = useRef<HTMLInputElement>(null);\n\n  const validatePasswordConfirm = () => {\n    if (!passwordConfirmInput.current) return;\n\n    if (\n      passwordConfirmInput.current.value.length &&\n      passwordConfirmInput.current.value !== passwordInput.current?.value\n    ) {\n      setNativePasswordConfirmError('The two passwords entered did not match.');\n    } else if (\n      passwordConfirmInput.current.validity.valid ||\n      !passwordConfirmInput.current.value.length\n    ) {\n      setNativePasswordConfirmError(null);\n    } else {\n      setNativePasswordConfirmError(\n        passwordConfirmInput.current.validity.valueMissing\n          ? 'Please re-enter the password'\n          : 'Passwords must be at least 8 characters',\n      );\n    }\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\">Reset Password.</h1>\n        <p className=\"mt-4\">Enter a new password for your account.</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\">{actionData.formError}</p>\n            </div>\n          )}\n          <div className=\"mb-3\">\n            <input\n              ref={passwordInput}\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                  validatePasswordConfirm();\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=\"mb-3\">\n            <input\n              ref={passwordConfirmInput}\n              className={`mb-1 ${getInputStyleClasses(\n                nativePasswordConfirmError,\n              )}`}\n              id=\"passwordConfirm\"\n              name=\"passwordConfirm\"\n              type=\"password\"\n              autoComplete=\"current-password\"\n              placeholder=\"Re-enter password\"\n              aria-label=\"Re-enter password\"\n              minLength={8}\n              required\n              // eslint-disable-next-line jsx-a11y/no-autofocus\n              autoFocus\n              onBlur={validatePasswordConfirm}\n            />\n            {nativePasswordConfirmError && (\n              <p className=\"text-red-500 text-xs\">\n                {' '}\n                {nativePasswordConfirmError} &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              Save\n            </button>\n          </div>\n        </Form>\n      </div>\n    </div>\n  );\n}\n"],
-  "mappings": "oTAOA,IAAAA,EAA+B,OAuHvB,IAAAC,EAAA,OA3CD,IAAMC,EAAqB,KACzB,CACL,MAAO,gBACT,GAGa,SAARC,GAAyB,CAC9B,IAAMC,EAAaC,EAA0B,EACvC,CAACC,EAAqBC,CAAsB,KAAI,YACpD,IACF,EACM,CAACC,EAA4BC,CAA6B,KAAI,YAElE,IAAI,EAEAC,KAAgB,UAAyB,IAAI,EAC7CC,KAAuB,UAAyB,IAAI,EAEpDC,EAA0B,IAAM,CAChC,CAACD,EAAqB,UAGxBA,EAAqB,QAAQ,MAAM,QACnCA,EAAqB,QAAQ,QAAUD,EAAc,SAAS,MAE9DD,EAA8B,0CAA0C,EAExEE,EAAqB,QAAQ,SAAS,OACtC,CAACA,EAAqB,QAAQ,MAAM,OAEpCF,EAA8B,IAAI,EAElCA,EACEE,EAAqB,QAAQ,SAAS,aAClC,+BACA,yCACN,EAEJ,EAEA,SACE,OAAC,OAAI,UAAU,iCACb,oBAAC,OAAI,UAAU,kBACb,oBAAC,MAAG,UAAU,WAAW,2BAAe,KACxC,OAAC,KAAE,UAAU,OAAO,kDAAsC,KAE1D,QAACE,EAAA,CACC,OAAO,OACP,WAAU,GACV,UAAU,gCAET,UAAAT,GAAY,cACX,OAAC,OAAI,UAAU,oDACb,mBAAC,KAAE,UAAU,2BAA4B,SAAAA,EAAW,UAAU,EAChE,KAEF,QAAC,OAAI,UAAU,OACb,oBAAC,SACC,IAAKM,EACL,UAAW,QAAQI,EAAqBR,CAAmB,IAC3D,GAAG,WACH,KAAK,WACL,KAAK,WACL,aAAa,mBACb,YAAY,WACZ,aAAW,WACX,UAAW,EACX,SAAQ,GAER,UAAS,GACT,OAASS,GAAU,CAEfA,EAAM,cAAc,SAAS,OAC7B,CAACA,EAAM,cAAc,MAAM,QAE3BR,EAAuB,IAAI,EAC3BK,EAAwB,GAExBL,EACEQ,EAAM,cAAc,SAAS,aACzB,0BACA,yCACN,CAEJ,EACF,EACCT,MACC,QAAC,KAAE,UAAU,uBACV,cACAA,EAAoB,SACvB,GAEJ,KACA,QAAC,OAAI,UAAU,OACb,oBAAC,SACC,IAAKK,EACL,UAAW,QAAQG,EACjBN,CACF,IACA,GAAG,kBACH,KAAK,kBACL,KAAK,WACL,aAAa,mBACb,YAAY,oBACZ,aAAW,oBACX,UAAW,EACX,SAAQ,GAER,UAAS,GACT,OAAQI,EACV,EACCJ,MACC,QAAC,KAAE,UAAU,uBACV,cACAA,EAA2B,SAC9B,GAEJ,KACA,OAAC,OAAI,UAAU,oCACb,mBAAC,UACC,UAAU,+EACV,KAAK,SACN,gBAED,EACF,GACF,GACF,EACF,CAEJ",
-  "names": ["import_react", "import_jsx_runtime", "meta", "Reset", "actionData", "useActionData", "nativePasswordError", "setNativePasswordError", "nativePasswordConfirmError", "setNativePasswordConfirmError", "passwordInput", "passwordConfirmInput", "validatePasswordConfirm", "Form", "getInputStyleClasses", "event"]
-}

package/dist/templates/demo-store/dist/client/build/routes/($lang)/account-PRE5HSJE.js

@@ -1,25 +0,0 @@
-import{b as x}from"/build/_shared/chunk-EW52HEI6.js";import{E as g,H as y,O as h,R as A,U as C,V as w,W as P,X as O,Z as v}from"/build/_shared/chunk-SZCP6RSO.js";import"/build/_shared/chunk-7CKXJRLM.js";import"/build/_shared/chunk-NIVT6A2W.js";import"/build/_shared/chunk-AYHDHSL7.js";import"/build/_shared/chunk-7CASD2US.js";import{d,f as r,g as u,n as l,p as m,q as f}from"/build/_shared/chunk-YCAWB56Y.js";import{a as M,b as p}from"/build/_shared/chunk-SYP5DAMV.js";import{c as s}from"/build/_shared/chunk-MEPKJ2VW.js";var N=s(M());var E=`#graphql
-  ${x}
-  query homepage($country: CountryCode, $language: LanguageCode)
-  @inContext(country: $country, language: $language) {
-    featuredCollections: collections(first: 3, sortKey: UPDATED_AT) {
-      nodes {
-        id
-        title
-        handle
-        image {
-          altText
-          width
-          height
-          url
-        }
-      }
-    }
-    featuredProducts: products(first: 12) {
-      nodes {
-        ...ProductCard
-      }
-    }
-  }
-`;var t=s(p());function T(){let e=f(),o=d(),a=m().some(n=>n?.handle?.renderInModal);return e.isAuthenticated?o?a?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(O,{cancelLink:"/account",children:(0,t.jsx)(r,{context:{customer:e.customer}})}),(0,t.jsx)(D,{...e})]}):(0,t.jsx)(r,{context:{customer:e.customer}}):(0,t.jsx)(D,{...e}):(0,t.jsx)(r,{})}function D({customer:e,orders:o,heading:c,addresses:a,featuredData:n}){return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(y,{heading:c,children:(0,t.jsx)(u,{method:"post",action:"/account/logout",children:(0,t.jsx)("button",{type:"submit",className:"text-primary/50",children:"Sign out"})})}),o&&(0,t.jsx)(L,{orders:o}),(0,t.jsx)(w,{customer:e}),(0,t.jsx)(P,{addresses:a,customer:e}),!o.length&&(0,t.jsx)(N.Suspense,{children:(0,t.jsx)(l,{resolve:n,errorElement:"There was a problem loading featured products.",children:i=>(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(v,{title:"Popular Collections",collections:i.featuredCollections}),(0,t.jsx)(h,{products:i.featuredProducts})]})})})]})}function L({orders:e}){return(0,t.jsx)("div",{className:"mt-6",children:(0,t.jsxs)("div",{className:"grid w-full gap-4 p-4 py-6 md:gap-8 md:p-8 lg:p-12",children:[(0,t.jsx)("h2",{className:"font-bold text-lead",children:"Order History"}),e?.length?(0,t.jsx)(b,{orders:e}):(0,t.jsx)($,{})]})})}function $(){return(0,t.jsxs)("div",{children:[(0,t.jsx)(g,{className:"mb-1",size:"fine",width:"narrow",as:"p",children:"You haven't placed any orders yet."}),(0,t.jsx)("div",{className:"w-48",children:(0,t.jsx)(A,{className:"text-sm mt-2 w-full",variant:"secondary",to:"/",children:"Start Shopping"})})]})}function b({orders:e}){return(0,t.jsx)("ul",{className:"grid-flow-row grid gap-2 gap-y-6 md:gap-4 lg:gap-6 grid-cols-1 false  sm:grid-cols-3",children:e.map(o=>(0,t.jsx)(C,{order:o},o.id))})}export{T as default};
-//# sourceMappingURL=/build/routes/($lang)/account-PRE5HSJE.js.map

package/dist/templates/demo-store/dist/client/build/routes/($lang)/account-PRE5HSJE.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../app/routes/($lang)/account.tsx", "../../../../../app/routes/($lang)/featured-products.tsx"],
-  "sourcesContent": ["import {\n  Await,\n  Form,\n  Outlet,\n  useLoaderData,\n  useMatches,\n  useOutlet,\n} from '@remix-run/react';\nimport type {\n  Collection,\n  Customer,\n  MailingAddress,\n  Order,\n} from '@shopify/storefront-kit-react/storefront-api-types';\nimport {Suspense} from 'react';\nimport {\n  Button,\n  OrderCard,\n  PageHeader,\n  Text,\n  AccountDetails,\n  AccountAddressBook,\n  Modal,\n  ProductSwimlane,\n} from '~/components';\nimport {FeaturedCollections} from '~/components/FeaturedCollections';\nimport {redirect, json, type LoaderArgs} from '@shopify/remix-oxygen';\nimport {flattenConnection} from '@shopify/storefront-kit-react';\nimport {getCustomer} from '~/data';\nimport {getFeaturedData} from './featured-products';\n\nexport async function loader({request, context, params}: LoaderArgs) {\n  const {pathname} = new URL(request.url);\n  const lang = params.lang;\n  const customerAccessToken = await context.session.get('customerAccessToken');\n  const isAuthenticated = Boolean(customerAccessToken);\n  const loginPath = lang ? `${lang}/account/login` : '/account/login';\n\n  if (!isAuthenticated) {\n    if (/\\/account\\/login$/.test(pathname)) {\n      return json({\n        isAuthenticated,\n      });\n    }\n    return redirect(loginPath);\n  }\n\n  const customer = await getCustomer(context, customerAccessToken);\n\n  const heading = customer\n    ? customer.firstName\n      ? `Welcome, ${customer.firstName}.`\n      : `Welcome to your account.`\n    : 'Account Details';\n\n  const orders = flattenConnection(customer?.orders) as Order[];\n\n  return json({\n    isAuthenticated,\n    customer,\n    heading,\n    orders,\n    addresses: flattenConnection(customer.addresses) as MailingAddress[],\n    featuredData: getFeaturedData(context.storefront),\n  });\n}\n\nexport default function Authenticated() {\n  const data = useLoaderData<typeof loader>();\n  const outlet = useOutlet();\n  const matches = useMatches();\n\n  // routes that export handle { renderInModal: true }\n  const renderOutletInModal = matches.some((match) => {\n    return match?.handle?.renderInModal;\n  });\n\n  // Public routes\n  if (!data.isAuthenticated) {\n    return <Outlet />;\n  }\n\n  // Authenticated routes\n  if (outlet) {\n    if (renderOutletInModal) {\n      return (\n        <>\n          <Modal cancelLink=\"/account\">\n            <Outlet context={{customer: data.customer} as any} />\n          </Modal>\n          <Account {...data} />\n        </>\n      );\n    } else {\n      return <Outlet context={{customer: data.customer} as any} />;\n    }\n  }\n\n  return <Account {...data} />;\n}\n\ninterface Account {\n  customer: Customer;\n  orders: Order[];\n  heading: string;\n  addresses: MailingAddress[];\n  featuredData: any; // @todo: help please\n}\n\nfunction Account({\n  customer,\n  orders,\n  heading,\n  addresses,\n  featuredData,\n}: Account) {\n  return (\n    <>\n      <PageHeader heading={heading}>\n        <Form method=\"post\" action=\"/account/logout\">\n          <button type=\"submit\" className=\"text-primary/50\">\n            Sign out\n          </button>\n        </Form>\n      </PageHeader>\n      {orders && <AccountOrderHistory orders={orders as Order[]} />}\n      <AccountDetails customer={customer as Customer} />\n      <AccountAddressBook\n        addresses={addresses as MailingAddress[]}\n        customer={customer as Customer}\n      />\n      {!orders.length && (\n        <Suspense>\n          <Await\n            resolve={featuredData}\n            errorElement=\"There was a problem loading featured products.\"\n          >\n            {(data) => (\n              <>\n                <FeaturedCollections\n                  title=\"Popular Collections\"\n                  collections={data.featuredCollections as Collection[]}\n                />\n                <ProductSwimlane products={data.featuredProducts} />\n              </>\n            )}\n          </Await>\n        </Suspense>\n      )}\n    </>\n  );\n}\n\nfunction AccountOrderHistory({orders}: {orders: Order[]}) {\n  return (\n    <div className=\"mt-6\">\n      <div className=\"grid w-full gap-4 p-4 py-6 md:gap-8 md:p-8 lg:p-12\">\n        <h2 className=\"font-bold text-lead\">Order History</h2>\n        {orders?.length ? <Orders orders={orders} /> : <EmptyOrders />}\n      </div>\n    </div>\n  );\n}\n\nfunction EmptyOrders() {\n  return (\n    <div>\n      <Text className=\"mb-1\" size=\"fine\" width=\"narrow\" as=\"p\">\n        You haven&apos;t placed any orders yet.\n      </Text>\n      <div className=\"w-48\">\n        <Button className=\"text-sm mt-2 w-full\" variant=\"secondary\" to={'/'}>\n          Start Shopping\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nfunction Orders({orders}: {orders: Order[]}) {\n  return (\n    <ul className=\"grid-flow-row grid gap-2 gap-y-6 md:gap-4 lg:gap-6 grid-cols-1 false  sm:grid-cols-3\">\n      {orders.map((order) => (\n        <OrderCard order={order} key={order.id} />\n      ))}\n    </ul>\n  );\n}\n", "import {json, type LoaderArgs} from '@shopify/remix-oxygen';\nimport {flattenConnection} from '@shopify/storefront-kit-react';\nimport type {\n  CollectionConnection,\n  ProductConnection,\n} from '@shopify/storefront-kit-react/storefront-api-types';\nimport invariant from 'tiny-invariant';\nimport {PRODUCT_CARD_FRAGMENT} from '~/data';\n\nexport async function loader({context: {storefront}}: LoaderArgs) {\n  return json(await getFeaturedData(storefront));\n}\n\nexport async function getFeaturedData(\n  storefront: LoaderArgs['context']['storefront'],\n) {\n  const data = await storefront.query<{\n    featuredCollections: CollectionConnection;\n    featuredProducts: ProductConnection;\n  }>(FEATURED_QUERY, {\n    variables: {\n      country: storefront.i18n.country,\n      language: storefront.i18n.language,\n    },\n  });\n\n  invariant(data, 'No data returned from Shopify API');\n\n  return {\n    featuredCollections: flattenConnection(data.featuredCollections),\n    featuredProducts: flattenConnection(data.featuredProducts),\n  };\n}\n\nconst FEATURED_QUERY = `#graphql\n  ${PRODUCT_CARD_FRAGMENT}\n  query homepage($country: CountryCode, $language: LanguageCode)\n  @inContext(country: $country, language: $language) {\n    featuredCollections: collections(first: 3, sortKey: UPDATED_AT) {\n      nodes {\n        id\n        title\n        handle\n        image {\n          altText\n          width\n          height\n          url\n        }\n      }\n    }\n    featuredProducts: products(first: 12) {\n      nodes {\n        ...ProductCard\n      }\n    }\n  }\n`;\n"],
-  "mappings": "0gBAcA,IAAAA,EAAuB,OCoBvB,IAAMC,EAAiB;AAAA,IACnBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ED4CO,IAAAC,EAAA,OAZI,SAARC,GAAiC,CACtC,IAAMC,EAAOC,EAA6B,EACpCC,EAASC,EAAU,EAInBC,EAHUC,EAAW,EAGS,KAAMC,GACjCA,GAAO,QAAQ,aACvB,EAGD,OAAKN,EAAK,gBAKNE,EACEE,KAEA,oBACE,oBAACG,EAAA,CAAM,WAAW,WAChB,mBAACC,EAAA,CAAO,QAAS,CAAC,SAAUR,EAAK,QAAQ,EAAU,EACrD,KACA,OAACS,EAAA,CAAS,GAAGT,EAAM,GACrB,KAGK,OAACQ,EAAA,CAAO,QAAS,CAAC,SAAUR,EAAK,QAAQ,EAAU,KAIvD,OAACS,EAAA,CAAS,GAAGT,EAAM,KAnBjB,OAACQ,EAAA,EAAO,CAoBnB,CAUA,SAASC,EAAQ,CACf,SAAAC,EACA,OAAAC,EACA,QAAAC,EACA,UAAAC,EACA,aAAAC,CACF,EAAY,CACV,SACE,oBACE,oBAACC,EAAA,CAAW,QAASH,EACnB,mBAACI,EAAA,CAAK,OAAO,OAAO,OAAO,kBACzB,mBAAC,UAAO,KAAK,SAAS,UAAU,kBAAkB,oBAElD,EACF,EACF,EACCL,MAAU,OAACM,EAAA,CAAoB,OAAQN,EAAmB,KAC3D,OAACO,EAAA,CAAe,SAAUR,EAAsB,KAChD,OAACS,EAAA,CACC,UAAWN,EACX,SAAUH,EACZ,EACC,CAACC,EAAO,WACP,OAAC,YACC,mBAACS,EAAA,CACC,QAASN,EACT,aAAa,iDAEZ,SAACd,MACA,oBACE,oBAACqB,EAAA,CACC,MAAM,sBACN,YAAarB,EAAK,oBACpB,KACA,OAACsB,EAAA,CAAgB,SAAUtB,EAAK,iBAAkB,GACpD,EAEJ,EACF,GAEJ,CAEJ,CAEA,SAASiB,EAAoB,CAAC,OAAAN,CAAM,EAAsB,CACxD,SACE,OAAC,OAAI,UAAU,OACb,oBAAC,OAAI,UAAU,qDACb,oBAAC,MAAG,UAAU,sBAAsB,yBAAa,EAChDA,GAAQ,UAAS,OAACY,EAAA,CAAO,OAAQZ,EAAQ,KAAK,OAACa,EAAA,EAAY,GAC9D,EACF,CAEJ,CAEA,SAASA,GAAc,CACrB,SACE,QAAC,OACC,oBAACC,EAAA,CAAK,UAAU,OAAO,KAAK,OAAO,MAAM,SAAS,GAAG,IAAI,8CAEzD,KACA,OAAC,OAAI,UAAU,OACb,mBAACC,EAAA,CAAO,UAAU,sBAAsB,QAAQ,YAAY,GAAI,IAAK,0BAErE,EACF,GACF,CAEJ,CAEA,SAASH,EAAO,CAAC,OAAAZ,CAAM,EAAsB,CAC3C,SACE,OAAC,MAAG,UAAU,uFACX,SAAAA,EAAO,IAAKgB,MACX,OAACC,EAAA,CAAU,MAAOD,GAAYA,EAAM,EAAI,CACzC,EACH,CAEJ",
-  "names": ["import_react", "FEATURED_QUERY", "PRODUCT_CARD_FRAGMENT", "import_jsx_runtime", "Authenticated", "data", "useLoaderData", "outlet", "useOutlet", "renderOutletInModal", "useMatches", "match", "Modal", "Outlet", "Account", "customer", "orders", "heading", "addresses", "featuredData", "PageHeader", "Form", "AccountOrderHistory", "AccountDetails", "AccountAddressBook", "Await", "FeaturedCollections", "ProductSwimlane", "Orders", "EmptyOrders", "Text", "Button", "order", "OrderCard"]
-}

package/dist/templates/demo-store/dist/client/build/routes/($lang)/api/countries-UD6BGYL2.js

@@ -1,2 +0,0 @@
-import"/build/_shared/chunk-AYHDHSL7.js";import"/build/_shared/chunk-MEPKJ2VW.js";function e(){return null}export{e as default};
-//# sourceMappingURL=/build/routes/($lang)/api/countries-UD6BGYL2.js.map

package/dist/templates/demo-store/dist/client/build/routes/($lang)/api/countries-UD6BGYL2.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../app/routes/($lang)/api/countries.tsx"],
-  "sourcesContent": ["import {json, type LoaderArgs} from '@shopify/remix-oxygen';\nimport {countries} from '~/data/countries';\n\nexport async function loader({context: {storefront}}: LoaderArgs) {\n  return json(\n    {\n      ...countries,\n    },\n    {\n      headers: {\n        'cache-control': storefront.generateCacheControlHeader(\n          storefront.CacheLong(),\n        ),\n      },\n    },\n  );\n}\n\n// no-op\nexport default function CountriesApiRoute() {\n  return null;\n}\n"],
-  "mappings": "kFAmBe,SAARA,GAAqC,CAC1C,OAAO,IACT",
-  "names": ["CountriesApiRoute"]
-}

package/dist/templates/demo-store/dist/client/build/routes/($lang)/api/products-KIFIWUFE.js

@@ -1,2 +0,0 @@
-import"/build/_shared/chunk-7CKXJRLM.js";import"/build/_shared/chunk-SYP5DAMV.js";import"/build/_shared/chunk-MEPKJ2VW.js";function e(){return null}export{e as default};
-//# sourceMappingURL=/build/routes/($lang)/api/products-KIFIWUFE.js.map

package/dist/templates/demo-store/dist/client/build/routes/($lang)/api/products-KIFIWUFE.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../app/routes/($lang)/api/products.tsx"],
-  "sourcesContent": ["import {json, type LoaderArgs} from '@shopify/remix-oxygen';\nimport {flattenConnection} from '@shopify/storefront-kit-react';\nimport {ProductConnection} from '@shopify/storefront-kit-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 {\n          amount\n          currencyCode\n        }\n        compareAtPrice {\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": "2HAiHe,SAARA,GAAoC,CACzC,OAAO,IACT",
-  "names": ["ProductsApiRoute"]
-}

package/dist/templates/demo-store/dist/client/build/routes/($lang)/cart-3AJ7UOZX.js

@@ -1,55 +0,0 @@
-import{S as i,T as c}from"/build/_shared/chunk-SZCP6RSO.js";import"/build/_shared/chunk-7CKXJRLM.js";import"/build/_shared/chunk-NIVT6A2W.js";import"/build/_shared/chunk-AYHDHSL7.js";import"/build/_shared/chunk-7CASD2US.js";import{n,p as o}from"/build/_shared/chunk-YCAWB56Y.js";import{a as y,b as s}from"/build/_shared/chunk-SYP5DAMV.js";import{c as r}from"/build/_shared/chunk-MEPKJ2VW.js";var d=r(y());var t=r(s());function u(){let[p]=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:p.data?.cart,children:C=>(0,t.jsx)(i,{layout:"page",cart:C})})})})}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{u as default};
-//# sourceMappingURL=/build/routes/($lang)/cart-3AJ7UOZX.js.map

package/dist/templates/demo-store/dist/client/build/routes/($lang)/cart-3AJ7UOZX.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../app/routes/($lang)/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/storefront-kit-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, storedCartId, customerAccessToken] = await Promise.all([\n    request.formData(),\n    session.get('cartId'),\n    session.get('customerAccessToken'),\n  ]);\n\n  let cartId = storedCartId;\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      /**\n       * If no previous cart exists, create one with the lines.\n       */\n      if (!cartId) {\n        result = await cartCreate({\n          input: countryCode ? {lines, buyerIdentity: {countryCode}} : {lines},\n          storefront,\n        });\n      } else {\n        result = await cartAdd({\n          cartId,\n          lines,\n          storefront,\n        });\n      }\n\n      cartId = result.cart.id;\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      cartId = result.cart.id;\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      cartId = result.cart.id;\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\n      cartId = result.cart.id;\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      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      cartId = result.cart.id;\n\n      break;\n    default:\n      invariant(false, `${cartAction} cart action is not defined`);\n  }\n\n  /**\n   * The Cart ID may change after each mutation. We need to update it each time in the session.\n   */\n  session.set('cartId', cartId);\n  headers.set('Set-Cookie', await session.commit());\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": "wYAEA,IAAAA,EAAuB,OAyKG,IAAAC,EAAA,OALX,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"]
-}