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

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

@@ -0,0 +1,83 @@
+import{b as p}from"/build/_shared/chunk-63VE24M5.js";import{a as m}from"/build/_shared/chunk-4ROFW2VH.js";import{$ as u,E as a,G as n,H as l,P as c,aa as d}from"/build/_shared/chunk-HX34UWFZ.js";import{a as s}from"/build/_shared/chunk-6IZ7NY57.js";import{q as o}from"/build/_shared/chunk-ZNLABNO4.js";import{b as i}from"/build/_shared/chunk-KSKV5IK6.js";import{b as t}from"/build/_shared/chunk-X4LCECW4.js";var r=t(i());var E={hydrogen:{resourceType:m.COLLECTION}};var R=({data:e})=>({title:e?.collection?.seo?.title??"Collection",description:e?.collection?.seo?.description});function v(){let{collection:e,collections:f,appliedFilters:y}=o(),g=e.metafield?.references&&s(e.metafield.references).reverse().reduce((h,P)=>[P,...h],[e]);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(l,{heading:e.title,children:[e?.description&&(0,r.jsx)("div",{className:"flex items-baseline justify-between w-full",children:(0,r.jsx)("div",{children:(0,r.jsx)(a,{format:!0,width:"narrow",as:"p",className:"inline-block",children:e.description})})}),(0,r.jsx)(d,{breadcrumbs:g})]}),(0,r.jsx)(n,{children:(0,r.jsx)(u,{filters:e.products.filters,appliedFilters:y,collections:f,children:(0,r.jsx)(c,{collection:e,url:`/collections/${e.handle}`,"data-test":"product-grid"},e.id)})})]})}var T=`#graphql
+  ${p}
+  query CollectionDetails(
+    $handle: String!
+    $country: CountryCode
+    $language: LanguageCode
+    $pageBy: Int!
+    $cursor: String
+    $filters: [ProductFilter!]
+    $sortKey: ProductCollectionSortKeys!
+    $reverse: Boolean
+  ) @inContext(country: $country, language: $language) {
+    collection(handle: $handle) {
+      id
+      handle
+      title
+      description
+      seo {
+        description
+        title
+      }
+      image {
+        id
+        url
+        width
+        height
+        altText
+      }
+      metafield(namespace: "breadcrumbs", key: "parents") {
+        id
+        value
+        references(first: 10) {
+          edges {
+            node {
+              ... on Collection {
+                id
+                handle
+                title
+              }
+            }
+          }
+        }
+        namespace
+        key
+      }
+      products(
+        first: $pageBy,
+        after: $cursor,
+        filters: $filters,
+        sortKey: $sortKey,
+        reverse: $reverse
+      ) {
+        filters {
+          id
+          label
+          type
+          values {
+            id
+            label
+            count
+            input
+          }
+        }
+        nodes {
+          ...ProductCard
+        }
+        pageInfo {
+          hasNextPage
+          endCursor
+        }
+      }
+    }
+    collections(first: 100) {
+      edges {
+        node {
+          title
+          handle
+        }
+      }
+    }
+  }
+`;export{E as a,R as b,v as c};
+//# sourceMappingURL=/build/_shared/chunk-ALSZP6XO.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../app/routes/collections/$collectionHandle.tsx"],
+  "sourcesContent": ["import {\n  json,\n  type MetaFunction,\n  type SerializeFrom,\n  type LoaderArgs,\n} from '@shopify/remix-oxygen';\nimport {RESOURCE_TYPES, notFoundMaybeRedirect} from '@shopify/hydrogen';\nimport {useLoaderData} from '@remix-run/react';\nimport type {\n  Collection as CollectionType,\n  CollectionConnection,\n  MetafieldReference,\n  Filter,\n} from '@shopify/hydrogen-react/storefront-api-types';\nimport {flattenConnection} from '@shopify/hydrogen-react';\nimport invariant from 'tiny-invariant';\nimport {PageHeader, Section, Text, SortFilter, Breadcrumbs} from '~/components';\nimport {ProductGrid} from '~/components/ProductGrid';\n\nimport {PRODUCT_CARD_FRAGMENT} from '~/data';\n\nconst PAGINATION_SIZE = 48;\n\ntype VariantFilterParam = Record<string, string | boolean>;\ntype PriceFiltersQueryParam = Record<'price', {max?: number; min?: number}>;\ntype VariantOptionFiltersQueryParam = Record<\n  'variantOption',\n  {name: string; value: string}\n>;\n\nexport type AppliedFilter = {\n  label: string;\n  urlParam: {\n    key: string;\n    value: string;\n  };\n};\n\ntype FiltersQueryParams = Array<\n  VariantFilterParam | PriceFiltersQueryParam | VariantOptionFiltersQueryParam\n>;\n\nexport type SortParam =\n  | 'price-low-high'\n  | 'price-high-low'\n  | 'best-selling'\n  | 'newest'\n  | 'featured';\n\nexport const handle = {\n  hydrogen: {\n    resourceType: RESOURCE_TYPES.COLLECTION,\n  },\n};\n\nexport async function loader({params, request, context}: LoaderArgs) {\n  const {collectionHandle} = params;\n\n  invariant(collectionHandle, 'Missing collectionHandle param');\n\n  const searchParams = new URL(request.url).searchParams;\n  const knownFilters = ['cursor', 'productVendor', 'productType'];\n  const available = 'available';\n  const variantOption = 'variantOption';\n  const {sortKey, reverse} = getSortValuesFromParam(\n    searchParams.get('sort') as SortParam,\n  );\n  const filters: FiltersQueryParams = [];\n  const appliedFilters: AppliedFilter[] = [];\n\n  for (const [key, value] of searchParams.entries()) {\n    if (available === key) {\n      filters.push({available: value === 'true'});\n      appliedFilters.push({\n        label: value === 'true' ? 'In stock' : 'Out of stock',\n        urlParam: {\n          key: available,\n          value,\n        },\n      });\n    } else if (knownFilters.includes(key)) {\n      filters.push({[key]: value});\n      appliedFilters.push({label: value, urlParam: {key, value}});\n    } else if (key.includes(variantOption)) {\n      const [name, val] = value.split(':');\n      filters.push({variantOption: {name, value: val}});\n      appliedFilters.push({label: val, urlParam: {key, value}});\n    }\n  }\n\n  // Builds min and max price filter since we can't stack them separately into\n  // the filters array. See price filters limitations:\n  // https://shopify.dev/custom-storefronts/products-collections/filter-products#limitations\n  if (searchParams.has('minPrice') || searchParams.has('maxPrice')) {\n    const price: {min?: number; max?: number} = {};\n    if (searchParams.has('minPrice')) {\n      price.min = Number(searchParams.get('minPrice')) || 0;\n      appliedFilters.push({\n        label: `Min: $${price.min}`,\n        urlParam: {key: 'minPrice', value: searchParams.get('minPrice')!},\n      });\n    }\n    if (searchParams.has('maxPrice')) {\n      price.max = Number(searchParams.get('maxPrice')) || 0;\n      appliedFilters.push({\n        label: `Max: $${price.max}`,\n        urlParam: {key: 'maxPrice', value: searchParams.get('maxPrice')!},\n      });\n    }\n    filters.push({\n      price,\n    });\n  }\n\n  const {collection, collections} = await context.storefront.query<{\n    collection: CollectionType;\n    collections: CollectionConnection;\n  }>(COLLECTION_QUERY, {\n    variables: {\n      handle: collectionHandle,\n      pageBy: PAGINATION_SIZE,\n      filters,\n      sortKey,\n      reverse,\n      country: context.storefront.i18n?.country,\n      language: context.storefront.i18n?.language,\n    },\n  });\n\n  if (!collection) {\n    throw await notFoundMaybeRedirect(request, context);\n  }\n\n  const collectionNodes = flattenConnection(collections);\n\n  return json({collection, appliedFilters, collections: collectionNodes});\n}\n\nexport const meta: MetaFunction = ({\n  data,\n}: {\n  data: SerializeFrom<typeof loader> | undefined;\n}) => {\n  return {\n    title: data?.collection?.seo?.title ?? 'Collection',\n    description: data?.collection?.seo?.description,\n  };\n};\n\nexport default function Collection() {\n  const {collection, collections, appliedFilters} =\n    useLoaderData<typeof loader>();\n  const breadcrumbs =\n    collection.metafield?.references &&\n    flattenConnection<MetafieldReference>(collection.metafield.references)\n      .reverse()\n      .reduce<any[]>((acc, collection) => [collection, ...acc], [collection]);\n\n  return (\n    <>\n      <PageHeader heading={collection.title}>\n        {collection?.description && (\n          <div className=\"flex items-baseline justify-between w-full\">\n            <div>\n              <Text format width=\"narrow\" as=\"p\" className=\"inline-block\">\n                {collection.description}\n              </Text>\n            </div>\n          </div>\n        )}\n\n        <Breadcrumbs breadcrumbs={breadcrumbs} />\n      </PageHeader>\n      <Section>\n        <SortFilter\n          filters={collection.products.filters as Filter[]}\n          appliedFilters={appliedFilters}\n          collections={collections as CollectionType[]}\n        >\n          <ProductGrid\n            key={collection.id}\n            collection={collection as CollectionType}\n            url={`/collections/${collection.handle}`}\n            data-test=\"product-grid\"\n          />\n        </SortFilter>\n      </Section>\n    </>\n  );\n}\n\nconst COLLECTION_QUERY = `#graphql\n  ${PRODUCT_CARD_FRAGMENT}\n  query CollectionDetails(\n    $handle: String!\n    $country: CountryCode\n    $language: LanguageCode\n    $pageBy: Int!\n    $cursor: String\n    $filters: [ProductFilter!]\n    $sortKey: ProductCollectionSortKeys!\n    $reverse: Boolean\n  ) @inContext(country: $country, language: $language) {\n    collection(handle: $handle) {\n      id\n      handle\n      title\n      description\n      seo {\n        description\n        title\n      }\n      image {\n        id\n        url\n        width\n        height\n        altText\n      }\n      metafield(namespace: \"breadcrumbs\", key: \"parents\") {\n        id\n        value\n        references(first: 10) {\n          edges {\n            node {\n              ... on Collection {\n                id\n                handle\n                title\n              }\n            }\n          }\n        }\n        namespace\n        key\n      }\n      products(\n        first: $pageBy,\n        after: $cursor,\n        filters: $filters,\n        sortKey: $sortKey,\n        reverse: $reverse\n      ) {\n        filters {\n          id\n          label\n          type\n          values {\n            id\n            label\n            count\n            input\n          }\n        }\n        nodes {\n          ...ProductCard\n        }\n        pageInfo {\n          hasNextPage\n          endCursor\n        }\n      }\n    }\n    collections(first: 100) {\n      edges {\n        node {\n          title\n          handle\n        }\n      }\n    }\n  }\n`;\n\nfunction getSortValuesFromParam(sortParam: SortParam | null) {\n  switch (sortParam) {\n    case 'price-high-low':\n      return {\n        sortKey: 'PRICE',\n        reverse: true,\n      };\n    case 'price-low-high':\n      return {\n        sortKey: 'PRICE',\n        reverse: false,\n      };\n    case 'best-selling':\n      return {\n        sortKey: 'BEST_SELLING',\n        reverse: false,\n      };\n    case 'newest':\n      return {\n        sortKey: 'CREATED',\n        reverse: true,\n      };\n    case 'featured':\n      return {\n        sortKey: 'MANUAL',\n        reverse: false,\n      };\n    default:\n      return {\n        sortKey: 'RELEVANCE',\n        reverse: false,\n      };\n  }\n}\n"],
+  "mappings": "uZAAA,IAAAA,EAAA,OAiDO,IAAMC,EAAS,CACpB,SAAU,CACR,aAAcC,EAAe,UAC/B,CACF,EAqFO,IAAMC,EAAqB,CAAC,CACjC,KAAAC,CACF,KAGS,CACL,MAAOA,GAAM,YAAY,KAAK,OAAS,aACvC,YAAaA,GAAM,YAAY,KAAK,WACtC,GAGa,SAARC,GAA8B,CACnC,GAAM,CAAC,WAAAC,EAAY,YAAAC,EAAa,eAAAC,CAAc,EAC5CC,EAA6B,EACzBC,EACJJ,EAAW,WAAW,YACtBK,EAAsCL,EAAW,UAAU,UAAU,EAClE,QAAQ,EACR,OAAc,CAACM,EAAKN,IAAe,CAACA,EAAY,GAAGM,CAAG,EAAG,CAACN,CAAU,CAAC,EAE1E,SACE,oBACE,qBAACO,EAAA,CAAW,QAASP,EAAW,MAC7B,UAAAA,GAAY,gBACX,OAAC,OAAI,UAAU,6CACb,mBAAC,OACC,mBAACQ,EAAA,CAAK,OAAM,GAAC,MAAM,SAAS,GAAG,IAAI,UAAU,eAC1C,SAAAR,EAAW,YACd,EACF,EACF,KAGF,OAACS,EAAA,CAAY,YAAaL,EAAa,GACzC,KACA,OAACM,EAAA,CACC,mBAACC,EAAA,CACC,QAASX,EAAW,SAAS,QAC7B,eAAgBE,EAChB,YAAaD,EAEb,mBAACW,EAAA,CAEC,WAAYZ,EACZ,IAAK,gBAAgBA,EAAW,SAChC,YAAU,gBAHLA,EAAW,EAIlB,EACF,EACF,GACF,CAEJ,CAEA,IAAMa,EAAmB;AAAA,IACrBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": ["import_jsx_runtime", "handle", "x", "meta", "data", "Collection", "collection", "collections", "appliedFilters", "useLoaderData", "breadcrumbs", "flattenConnection", "acc", "PageHeader", "Text", "Breadcrumbs", "Section", "SortFilter", "ProductGrid", "COLLECTION_QUERY", "PRODUCT_CARD_FRAGMENT"]
+}

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

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../app/routes/$.tsx"],
+  "sourcesContent": ["export async function loader() {\n  throw new Response('Not found', {status: 404});\n}\n\nexport default function Component() {\n  return null;\n}\n"],
+  "mappings": "AAIe,SAARA,GAA6B,CAClC,OAAO,IACT",
+  "names": ["Component"]
+}

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

@@ -0,0 +1,2 @@
+var a={default:{label:"United States (USD $)",language:"EN",country:"US"},"/en-ad":{label:"Andorra (EUR \u20AC)",language:"EN",country:"AD"},"/en-at":{label:"Austria (EUR \u20AC)",language:"EN",country:"AT"},"/en-au":{label:"Australia (AUD $)",language:"EN",country:"AU"},"/en-be":{label:"Belgium (EUR \u20AC)",language:"EN",country:"BE"},"/en-ca":{label:"Canada (CAD $)",language:"EN",country:"CA"},"/en-cn":{label:"China (CNY \xA5)",language:"EN",country:"CN"},"/en-cy":{label:"Cyprus (EUR \u20AC)",language:"EN",country:"CY"},"/en-de":{label:"Germany (EUR \u20AC)",language:"EN",country:"DE"},"/en-ee":{label:"Estonia (EUR \u20AC)",language:"EN",country:"EE"},"/en-es":{label:"Spain (EUR \u20AC)",language:"EN",country:"ES"},"/en-fi":{label:"Finland (EUR \u20AC)",language:"EN",country:"FI"},"/en-fr":{label:"France (EUR \u20AC)",language:"EN",country:"FR"},"/en-gb":{label:"United Kingdom (GBP \xA3)",language:"EN",country:"GB"},"/en-gr":{label:"Greece (EUR \u20AC)",language:"EN",country:"GR"},"/en-id":{label:"Indonesia (IDR Rp)",language:"EN",country:"ID"},"/en-ie":{label:"Ireland (EUR \u20AC)",language:"EN",country:"IE"},"/en-in":{label:"India (INR \u20B9)",language:"EN",country:"IN"},"/en-it":{label:"Italy (EUR \u20AC)",language:"EN",country:"IT"},"/en-jp":{label:"Japan (JPY \xA5)",language:"EN",country:"JP"},"/en-kr":{label:"South Korea (KRW \u20A9)",language:"EN",country:"KR"},"/en-lt":{label:"Lithuania (EUR \u20AC)",language:"EN",country:"LT"},"/en-lu":{label:"Luxembourg (EUR \u20AC)",language:"EN",country:"LU"},"/en-lv":{label:"Latvia (EUR \u20AC)",language:"EN",country:"LV"},"/en-mc":{label:"Monaco (EUR \u20AC)",language:"EN",country:"MC"},"/en-me":{label:"Montenegro (EUR \u20AC)",language:"EN",country:"ME"},"/en-mt":{label:"Malta (EUR \u20AC)",language:"EN",country:"MT"},"/en-nl":{label:"Netherlands (EUR \u20AC)",language:"EN",country:"NL"},"/en-nz":{label:"New Zealand (NZD $)",language:"EN",country:"NZ"},"/en-pt":{label:"Portugal (EUR \u20AC)",language:"EN",country:"PT"},"/en-sg":{label:"Singapore (SGD $)",language:"EN",country:"SG"},"/en-si":{label:"Slovenia (EUR \u20AC)",language:"EN",country:"SI"},"/en-sk":{label:"Slovakia (EUR \u20AC)",language:"EN",country:"SK"},"/en-sm":{label:"San Marino (EUR \u20AC)",language:"EN",country:"SM"},"/en-th":{label:"Thailand (THB \u0E3F)",language:"EN",country:"TH"},"/en-va":{label:"Vatican City (EUR \u20AC)",language:"EN",country:"VA"},"/en-vn":{label:"Vietnam (VND \u20AB)",language:"EN",country:"VN"},"/en-xk":{label:"Kosovo (EUR \u20AC)",language:"EN",country:"XK"}};export{a};
+//# sourceMappingURL=/build/_shared/chunk-AYHDHSL7.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../app/data/countries.ts"],
+  "sourcesContent": ["import {Localizations} from '~/lib/type';\n\nexport const countries: Localizations = {\n  default: {\n    label: 'United States (USD $)',\n    language: 'EN',\n    country: 'US',\n  },\n  '/en-ad': {\n    label: 'Andorra (EUR \u20AC)',\n    language: 'EN',\n    country: 'AD',\n  },\n  '/en-at': {\n    label: 'Austria (EUR \u20AC)',\n    language: 'EN',\n    country: 'AT',\n  },\n  '/en-au': {\n    label: 'Australia (AUD $)',\n    language: 'EN',\n    country: 'AU',\n  },\n  '/en-be': {\n    label: 'Belgium (EUR \u20AC)',\n    language: 'EN',\n    country: 'BE',\n  },\n  '/en-ca': {\n    label: 'Canada (CAD $)',\n    language: 'EN',\n    country: 'CA',\n  },\n  '/en-cn': {\n    label: 'China (CNY \u00A5)',\n    language: 'EN',\n    country: 'CN',\n  },\n  '/en-cy': {\n    label: 'Cyprus (EUR \u20AC)',\n    language: 'EN',\n    country: 'CY',\n  },\n  '/en-de': {\n    label: 'Germany (EUR \u20AC)',\n    language: 'EN',\n    country: 'DE',\n  },\n  '/en-ee': {\n    label: 'Estonia (EUR \u20AC)',\n    language: 'EN',\n    country: 'EE',\n  },\n  '/en-es': {\n    label: 'Spain (EUR \u20AC)',\n    language: 'EN',\n    country: 'ES',\n  },\n  '/en-fi': {\n    label: 'Finland (EUR \u20AC)',\n    language: 'EN',\n    country: 'FI',\n  },\n  '/en-fr': {\n    label: 'France (EUR \u20AC)',\n    language: 'EN',\n    country: 'FR',\n  },\n  '/en-gb': {\n    label: 'United Kingdom (GBP \u00A3)',\n    language: 'EN',\n    country: 'GB',\n  },\n  '/en-gr': {\n    label: 'Greece (EUR \u20AC)',\n    language: 'EN',\n    country: 'GR',\n  },\n  '/en-id': {\n    label: 'Indonesia (IDR Rp)',\n    language: 'EN',\n    country: 'ID',\n  },\n  '/en-ie': {\n    label: 'Ireland (EUR \u20AC)',\n    language: 'EN',\n    country: 'IE',\n  },\n  '/en-in': {\n    label: 'India (INR \u20B9)',\n    language: 'EN',\n    country: 'IN',\n  },\n  '/en-it': {\n    label: 'Italy (EUR \u20AC)',\n    language: 'EN',\n    country: 'IT',\n  },\n  '/en-jp': {\n    label: 'Japan (JPY \u00A5)',\n    language: 'EN',\n    country: 'JP',\n  },\n  '/en-kr': {\n    label: 'South Korea (KRW \u20A9)',\n    language: 'EN',\n    country: 'KR',\n  },\n  '/en-lt': {\n    label: 'Lithuania (EUR \u20AC)',\n    language: 'EN',\n    country: 'LT',\n  },\n  '/en-lu': {\n    label: 'Luxembourg (EUR \u20AC)',\n    language: 'EN',\n    country: 'LU',\n  },\n  '/en-lv': {\n    label: 'Latvia (EUR \u20AC)',\n    language: 'EN',\n    country: 'LV',\n  },\n  '/en-mc': {\n    label: 'Monaco (EUR \u20AC)',\n    language: 'EN',\n    country: 'MC',\n  },\n  '/en-me': {\n    label: 'Montenegro (EUR \u20AC)',\n    language: 'EN',\n    country: 'ME',\n  },\n  '/en-mt': {\n    label: 'Malta (EUR \u20AC)',\n    language: 'EN',\n    country: 'MT',\n  },\n  '/en-nl': {\n    label: 'Netherlands (EUR \u20AC)',\n    language: 'EN',\n    country: 'NL',\n  },\n  '/en-nz': {\n    label: 'New Zealand (NZD $)',\n    language: 'EN',\n    country: 'NZ',\n  },\n  '/en-pt': {\n    label: 'Portugal (EUR \u20AC)',\n    language: 'EN',\n    country: 'PT',\n  },\n  '/en-sg': {\n    label: 'Singapore (SGD $)',\n    language: 'EN',\n    country: 'SG',\n  },\n  '/en-si': {\n    label: 'Slovenia (EUR \u20AC)',\n    language: 'EN',\n    country: 'SI',\n  },\n  '/en-sk': {\n    label: 'Slovakia (EUR \u20AC)',\n    language: 'EN',\n    country: 'SK',\n  },\n  '/en-sm': {\n    label: 'San Marino (EUR \u20AC)',\n    language: 'EN',\n    country: 'SM',\n  },\n  '/en-th': {\n    label: 'Thailand (THB \u0E3F)',\n    language: 'EN',\n    country: 'TH',\n  },\n  '/en-va': {\n    label: 'Vatican City (EUR \u20AC)',\n    language: 'EN',\n    country: 'VA',\n  },\n  '/en-vn': {\n    label: 'Vietnam (VND \u20AB)',\n    language: 'EN',\n    country: 'VN',\n  },\n  '/en-xk': {\n    label: 'Kosovo (EUR \u20AC)',\n    language: 'EN',\n    country: 'XK',\n  },\n};\n"],
+  "mappings": "AAEO,IAAMA,EAA2B,CACtC,QAAS,CACP,MAAO,wBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,uBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,uBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,oBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,uBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,iBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,mBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,sBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,uBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,uBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,qBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,uBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,sBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,4BACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,sBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,qBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,uBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,qBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,qBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,mBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,2BACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,yBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,0BACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,sBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,sBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,0BACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,qBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,2BACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,sBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,wBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,oBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,wBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,wBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,0BACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,wBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,4BACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,uBACP,SAAU,KACV,QAAS,IACX,EACA,SAAU,CACR,MAAO,sBACP,SAAU,KACV,QAAS,IACX,CACF",
+  "names": ["countries"]
+}

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

@@ -0,0 +1,2 @@
+import{E as y,R as d}from"/build/_shared/chunk-HX34UWFZ.js";import{f as a}from"/build/_shared/chunk-WYHUKY3H.js";import{a as v}from"/build/_shared/chunk-6IZ7NY57.js";import{c as l,e as m,o as c,r as u,s as p}from"/build/_shared/chunk-ZNLABNO4.js";import{b as f}from"/build/_shared/chunk-KSKV5IK6.js";import{b as n}from"/build/_shared/chunk-X4LCECW4.js";var e=n(f());var F={renderInModal:!0};function b(){let{addressId:s}=m(),N=s==="add",r=u(),o=p(),{customer:i}=l(),h=v(i.addresses),A=i.defaultAddress,C=decodeURIComponent(s??"").split("?")[0],t=h.find(g=>g.id.startsWith(C));return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(y,{className:"mt-4 mb-6",as:"h3",size:"lead",children:N?"Add address":"Edit address"}),(0,e.jsx)("div",{className:"max-w-lg",children:(0,e.jsxs)(c,{method:"post",children:[(0,e.jsx)("input",{type:"hidden",name:"addressId",value:t?.id??s}),r?.formError&&(0,e.jsx)("div",{className:"flex items-center justify-center mb-6 bg-red-100 rounded",children:(0,e.jsx)("p",{className:"m-4 text-sm text-red-900",children:r.formError})}),(0,e.jsx)("div",{className:"mt-3",children:(0,e.jsx)("input",{className:a(),id:"firstName",name:"firstName",required:!0,type:"text",autoComplete:"given-name",placeholder:"First name","aria-label":"First name",defaultValue:t?.firstName??""})}),(0,e.jsx)("div",{className:"mt-3",children:(0,e.jsx)("input",{className:a(),id:"lastName",name:"lastName",required:!0,type:"text",autoComplete:"family-name",placeholder:"Last name","aria-label":"Last name",defaultValue:t?.lastName??""})}),(0,e.jsx)("div",{className:"mt-3",children:(0,e.jsx)("input",{className:a(),id:"company",name:"company",type:"text",autoComplete:"organization",placeholder:"Company","aria-label":"Company",defaultValue:t?.company??""})}),(0,e.jsx)("div",{className:"mt-3",children:(0,e.jsx)("input",{className:a(),id:"address1",name:"address1",type:"text",autoComplete:"address-line1",placeholder:"Address line 1*",required:!0,"aria-label":"Address line 1",defaultValue:t?.address1??""})}),(0,e.jsx)("div",{className:"mt-3",children:(0,e.jsx)("input",{className:a(),id:"address2",name:"address2",type:"text",autoComplete:"address-line2",placeholder:"Address line 2","aria-label":"Address line 2",defaultValue:t?.address2??""})}),(0,e.jsx)("div",{className:"mt-3",children:(0,e.jsx)("input",{className:a(),id:"city",name:"city",type:"text",required:!0,autoComplete:"address-level2",placeholder:"City","aria-label":"City",defaultValue:t?.city??""})}),(0,e.jsx)("div",{className:"mt-3",children:(0,e.jsx)("input",{className:a(),id:"province",name:"province",type:"text",autoComplete:"address-level1",placeholder:"State / Province",required:!0,"aria-label":"State",defaultValue:t?.province??""})}),(0,e.jsx)("div",{className:"mt-3",children:(0,e.jsx)("input",{className:a(),id:"zip",name:"zip",type:"text",autoComplete:"postal-code",placeholder:"Zip / Postal Code",required:!0,"aria-label":"Zip",defaultValue:t?.zip??""})}),(0,e.jsx)("div",{className:"mt-3",children:(0,e.jsx)("input",{className:a(),id:"country",name:"country",type:"text",autoComplete:"country-name",placeholder:"Country",required:!0,"aria-label":"Country",defaultValue:t?.country??""})}),(0,e.jsx)("div",{className:"mt-3",children:(0,e.jsx)("input",{className:a(),id:"phone",name:"phone",type:"tel",autoComplete:"tel",placeholder:"Phone","aria-label":"Phone",defaultValue:t?.phone??""})}),(0,e.jsxs)("div",{className:"mt-4",children:[(0,e.jsx)("input",{type:"checkbox",name:"defaultAddress",id:"defaultAddress",defaultChecked:A?.id===t?.id,className:"border-gray-500 rounded-sm cursor-pointer border-1"}),(0,e.jsx)("label",{className:"inline-block ml-2 text-sm cursor-pointer",htmlFor:"defaultAddress",children:"Set as default address"})]}),(0,e.jsx)("div",{className:"mt-8",children:(0,e.jsx)(d,{className:"w-full rounded focus:shadow-outline",type:"submit",variant:"primary",disabled:o.state!=="idle",children:o.state!=="idle"?"Saving":"Save"})}),(0,e.jsx)("div",{children:(0,e.jsx)(d,{to:"..",className:"w-full mt-2 rounded focus:shadow-outline",variant:"secondary",children:"Cancel"})})]})})]})}export{F as a,b};
+//# sourceMappingURL=/build/_shared/chunk-BY6S7IS7.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../app/routes/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/hydrogen-react';\nimport type {MailingAddressInput} from '@shopify/hydrogen-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": "iWAAA,IAAAA,EAAA,OA2BO,IAAMC,EAAS,CACpB,cAAe,EACjB,EAwFe,SAARC,GAA+B,CACpC,GAAM,CAAC,UAAAC,CAAS,EAAIC,EAAU,EACxBC,EAAeF,IAAc,MAC7BG,EAAaC,EAA0B,EACvCC,EAAaC,EAAc,EAC3B,CAAC,SAAAC,CAAQ,EAAIC,EAAuC,EACpDC,EAAYC,EAAkBH,EAAS,SAAS,EAChDI,EAAiBJ,EAAS,eAQ1BK,EAAoB,mBAAmBZ,GAAa,EAAE,EAAE,MAAM,GAAG,EAAE,GACnEa,EAAUJ,EAAU,KAAMI,GAC9BA,EAAQ,GAAI,WAAWD,CAAiB,CAC1C,EAEA,SACE,oBACE,oBAACE,EAAA,CAAK,UAAU,YAAY,GAAG,KAAK,KAAK,OACtC,SAAAZ,EAAe,cAAgB,eAClC,KACA,OAAC,OAAI,UAAU,WACb,oBAACa,EAAA,CAAK,OAAO,OACX,oBAAC,SACC,KAAK,SACL,KAAK,YACL,MAAOF,GAAS,IAAMb,EACxB,EACCG,GAAY,cACX,OAAC,OAAI,UAAU,2DACb,mBAAC,KAAE,UAAU,2BAA4B,SAAAA,EAAW,UAAU,EAChE,KAEF,OAAC,OAAI,UAAU,OACb,mBAAC,SACC,UAAWa,EAAqB,EAChC,GAAG,YACH,KAAK,YACL,SAAQ,GACR,KAAK,OACL,aAAa,aACb,YAAY,aACZ,aAAW,aACX,aAAcH,GAAS,WAAa,GACtC,EACF,KACA,OAAC,OAAI,UAAU,OACb,mBAAC,SACC,UAAWG,EAAqB,EAChC,GAAG,WACH,KAAK,WACL,SAAQ,GACR,KAAK,OACL,aAAa,cACb,YAAY,YACZ,aAAW,YACX,aAAcH,GAAS,UAAY,GACrC,EACF,KACA,OAAC,OAAI,UAAU,OACb,mBAAC,SACC,UAAWG,EAAqB,EAChC,GAAG,UACH,KAAK,UACL,KAAK,OACL,aAAa,eACb,YAAY,UACZ,aAAW,UACX,aAAcH,GAAS,SAAW,GACpC,EACF,KACA,OAAC,OAAI,UAAU,OACb,mBAAC,SACC,UAAWG,EAAqB,EAChC,GAAG,WACH,KAAK,WACL,KAAK,OACL,aAAa,gBACb,YAAY,kBACZ,SAAQ,GACR,aAAW,iBACX,aAAcH,GAAS,UAAY,GACrC,EACF,KACA,OAAC,OAAI,UAAU,OACb,mBAAC,SACC,UAAWG,EAAqB,EAChC,GAAG,WACH,KAAK,WACL,KAAK,OACL,aAAa,gBACb,YAAY,iBACZ,aAAW,iBACX,aAAcH,GAAS,UAAY,GACrC,EACF,KACA,OAAC,OAAI,UAAU,OACb,mBAAC,SACC,UAAWG,EAAqB,EAChC,GAAG,OACH,KAAK,OACL,KAAK,OACL,SAAQ,GACR,aAAa,iBACb,YAAY,OACZ,aAAW,OACX,aAAcH,GAAS,MAAQ,GACjC,EACF,KACA,OAAC,OAAI,UAAU,OACb,mBAAC,SACC,UAAWG,EAAqB,EAChC,GAAG,WACH,KAAK,WACL,KAAK,OACL,aAAa,iBACb,YAAY,mBACZ,SAAQ,GACR,aAAW,QACX,aAAcH,GAAS,UAAY,GACrC,EACF,KACA,OAAC,OAAI,UAAU,OACb,mBAAC,SACC,UAAWG,EAAqB,EAChC,GAAG,MACH,KAAK,MACL,KAAK,OACL,aAAa,cACb,YAAY,oBACZ,SAAQ,GACR,aAAW,MACX,aAAcH,GAAS,KAAO,GAChC,EACF,KACA,OAAC,OAAI,UAAU,OACb,mBAAC,SACC,UAAWG,EAAqB,EAChC,GAAG,UACH,KAAK,UACL,KAAK,OACL,aAAa,eACb,YAAY,UACZ,SAAQ,GACR,aAAW,UACX,aAAcH,GAAS,SAAW,GACpC,EACF,KACA,OAAC,OAAI,UAAU,OACb,mBAAC,SACC,UAAWG,EAAqB,EAChC,GAAG,QACH,KAAK,QACL,KAAK,MACL,aAAa,MACb,YAAY,QACZ,aAAW,QACX,aAAcH,GAAS,OAAS,GAClC,EACF,KACA,QAAC,OAAI,UAAU,OACb,oBAAC,SACC,KAAK,WACL,KAAK,iBACL,GAAG,iBACH,eAAgBF,GAAgB,KAAOE,GAAS,GAChD,UAAU,qDACZ,KACA,OAAC,SACC,UAAU,2CACV,QAAQ,iBACT,kCAED,GACF,KACA,OAAC,OAAI,UAAU,OACb,mBAACI,EAAA,CACC,UAAU,sCACV,KAAK,SACL,QAAQ,UACR,SAAUZ,EAAW,QAAU,OAE9B,SAAAA,EAAW,QAAU,OAAS,SAAW,OAC5C,EACF,KACA,OAAC,OACC,mBAACY,EAAA,CACC,GAAG,KACH,UAAU,2CACV,QAAQ,YACT,kBAED,EACF,GACF,EACF,GACF,CAEJ",
+  "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/_shared/chunk-C4WAPTNR.js

@@ -0,0 +1,2 @@
+import{G as r,H as t,R as n}from"/build/_shared/chunk-HX34UWFZ.js";import{q as l}from"/build/_shared/chunk-ZNLABNO4.js";import{b as a}from"/build/_shared/chunk-KSKV5IK6.js";import{b as i}from"/build/_shared/chunk-X4LCECW4.js";var e=i(a());var d=({data:o})=>({title:o?.policy?.title??"Policies"});function c(){let{policy:o}=l();return(0,e.jsx)(e.Fragment,{children:(0,e.jsxs)(r,{padding:"all",display:"flex",className:"flex-col items-baseline w-full gap-8 md:flex-row",children:[(0,e.jsx)(t,{heading:o.title,className:"grid items-start flex-grow gap-4 md:sticky top-36 md:w-5/12",children:(0,e.jsx)(n,{className:"justify-self-start",variant:"inline",to:"/policies",children:"\u2190 Back to Policies"})}),(0,e.jsx)("div",{className:"flex-grow w-full md:w-7/12",children:(0,e.jsx)("div",{dangerouslySetInnerHTML:{__html:o.body},className:"prose dark:prose-invert"})})]})})}export{d as a,c as b};
+//# sourceMappingURL=/build/_shared/chunk-C4WAPTNR.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../app/routes/policies/$policyHandle.tsx"],
+  "sourcesContent": ["import {json, type MetaFunction, type LoaderArgs} from '@shopify/remix-oxygen';\nimport {notFoundMaybeRedirect} from '@shopify/hydrogen';\nimport {useLoaderData} from '@remix-run/react';\n\nimport {PageHeader, Section, Button} from '~/components';\nimport invariant from 'tiny-invariant';\nimport {ShopPolicy} from '@shopify/hydrogen-react/storefront-api-types';\n\nexport async function loader({request, params, context}: LoaderArgs) {\n  invariant(params.policyHandle, 'Missing policy handle');\n  const handle = params.policyHandle;\n\n  const policyName = handle.replace(/-([a-z])/g, (_: unknown, m1: string) =>\n    m1.toUpperCase(),\n  );\n\n  const data = await context.storefront.query<{\n    shop: Record<string, ShopPolicy>;\n  }>(POLICY_CONTENT_QUERY, {\n    variables: {\n      privacyPolicy: false,\n      shippingPolicy: false,\n      termsOfService: false,\n      refundPolicy: false,\n      [policyName]: true,\n      language: context.storefront.i18n?.language,\n    },\n  });\n\n  invariant(data, 'No data returned from Shopify API');\n  const policy = data.shop?.[policyName];\n\n  if (!policy) {\n    throw await notFoundMaybeRedirect(request, context);\n  }\n\n  return json(\n    {policy},\n    {\n      headers: {\n        // TODO cacheLong()\n      },\n    },\n  );\n}\n\nexport const meta: MetaFunction<typeof loader> = ({data}) => {\n  return {\n    title: data?.policy?.title ?? 'Policies',\n  };\n};\n\nexport default function Policies() {\n  const {policy} = useLoaderData<typeof loader>();\n\n  return (\n    <>\n      <Section\n        padding=\"all\"\n        display=\"flex\"\n        className=\"flex-col items-baseline w-full gap-8 md:flex-row\"\n      >\n        <PageHeader\n          heading={policy.title}\n          className=\"grid items-start flex-grow gap-4 md:sticky top-36 md:w-5/12\"\n        >\n          <Button\n            className=\"justify-self-start\"\n            variant=\"inline\"\n            to={'/policies'}\n          >\n            &larr; Back to Policies\n          </Button>\n        </PageHeader>\n        <div className=\"flex-grow w-full md:w-7/12\">\n          <div\n            dangerouslySetInnerHTML={{__html: policy.body}}\n            className=\"prose dark:prose-invert\"\n          />\n        </div>\n      </Section>\n    </>\n  );\n}\n\nconst POLICY_CONTENT_QUERY = `#graphql\n  fragment Policy on ShopPolicy {\n    body\n    handle\n    id\n    title\n    url\n  }\n\n  query PoliciesQuery(\n    $language: LanguageCode\n    $privacyPolicy: Boolean!\n    $shippingPolicy: Boolean!\n    $termsOfService: Boolean!\n    $refundPolicy: Boolean!\n  ) @inContext(language: $language) {\n    shop {\n      privacyPolicy @include(if: $privacyPolicy) {\n        ...Policy\n      }\n      shippingPolicy @include(if: $shippingPolicy) {\n        ...Policy\n      }\n      termsOfService @include(if: $termsOfService) {\n        ...Policy\n      }\n      refundPolicy @include(if: $refundPolicy) {\n        ...Policy\n      }\n    }\n  }\n`;\n"],
+  "mappings": "kOAAA,IAAAA,EAAA,OA8CO,IAAMC,EAAoC,CAAC,CAAC,KAAAC,CAAI,KAC9C,CACL,MAAOA,GAAM,QAAQ,OAAS,UAChC,GAGa,SAARC,GAA4B,CACjC,GAAM,CAAC,OAAAC,CAAM,EAAIC,EAA6B,EAE9C,SACE,mBACE,oBAACC,EAAA,CACC,QAAQ,MACR,QAAQ,OACR,UAAU,mDAEV,oBAACC,EAAA,CACC,QAASH,EAAO,MAChB,UAAU,8DAEV,mBAACI,EAAA,CACC,UAAU,qBACV,QAAQ,SACR,GAAI,YACL,mCAED,EACF,KACA,OAAC,OAAI,UAAU,6BACb,mBAAC,OACC,wBAAyB,CAAC,OAAQJ,EAAO,IAAI,EAC7C,UAAU,0BACZ,EACF,GACF,EACF,CAEJ",
+  "names": ["import_jsx_runtime", "meta", "data", "Policies", "policy", "useLoaderData", "Section", "PageHeader", "Button"]
+}

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

@@ -0,0 +1,2 @@
+import{D as g,E as a,F as o,H as u,Y as l}from"/build/_shared/chunk-HX34UWFZ.js";import{g as p}from"/build/_shared/chunk-WYHUKY3H.js";import{b as h,e as i}from"/build/_shared/chunk-6IZ7NY57.js";import{q as c}from"/build/_shared/chunk-ZNLABNO4.js";import{b as m}from"/build/_shared/chunk-KSKV5IK6.js";import{b as n}from"/build/_shared/chunk-X4LCECW4.js";var t=n(m()),O=({data:s})=>({title:`Order ${s?.order?.name}`});function x(){let{order:s,lineItems:f,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:f.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.priceV2})})}),(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.priceV2})}),(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{O as a,x as b};
+//# sourceMappingURL=/build/_shared/chunk-GV33UIO4.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../app/routes/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/hydrogen-react';\nimport {statusMessage} from '~/lib/utils';\nimport type {\n  DiscountApplication,\n  DiscountApplicationConnection,\n  OrderLineItem,\n} from '@shopify/hydrogen-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<OrderLineItem>(\n    order.lineItems!,\n  ) as Array<OrderLineItem>;\n\n  const discountApplications = flattenConnection<DiscountApplication>(\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!.priceV2!} />\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!.priceV2!} />\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"]
+}