@acmekit/dashboard 2.13.7 → 2.13.9

package/src/routes/store/common/hooks/use-currencies-table-query.tsx

@@ -1,21 +0,0 @@
-import { useQueryParams } from "../../../../hooks/use-query-params"
-
-export const useCurrenciesTableQuery = ({
-  pageSize = 10,
-  prefix,
-}: {
-  pageSize?: number
-  prefix?: string
-}) => {
-  const raw = useQueryParams(["order", "q", "offset"], prefix)
-
-  const { offset, ...rest } = raw
-
-  const searchParams = {
-    limit: pageSize,
-    offset: offset ? parseInt(offset) : 0,
-    ...rest,
-  }
-
-  return { searchParams, raw }
-}

package/src/routes/store/common/hooks/use-locales-table-columns.tsx

@@ -1,29 +0,0 @@
-import { HttpTypes } from "@acmekit/types"
-import { createColumnHelper } from "@tanstack/react-table"
-import { useMemo } from "react"
-import { useTranslation } from "react-i18next"
-
-import {
-  TextCell,
-  TextHeader,
-} from "../../../../components/table/table-cells/common/text-cell"
-
-const columnHelper = createColumnHelper<HttpTypes.AdminLocale>()
-
-export const useLocalesTableColumns = () => {
-  const { t } = useTranslation()
-
-  return useMemo(
-    () => [
-      columnHelper.accessor("code", {
-        header: () => <TextHeader text={t("fields.code")} />,
-        cell: ({ getValue }) => <TextCell text={getValue()} />,
-      }),
-      columnHelper.accessor("name", {
-        header: () => <TextHeader text={t("fields.name")} />,
-        cell: ({ getValue }) => <TextCell text={getValue()} />,
-      }),
-    ],
-    [t]
-  )
-}

package/src/routes/store/common/hooks/use-locales-table-query.tsx

@@ -1,21 +0,0 @@
-import { useQueryParams } from "../../../../hooks/use-query-params"
-
-export const useLocalesTableQuery = ({
-  pageSize = 10,
-  prefix,
-}: {
-  pageSize?: number
-  prefix?: string
-}) => {
-  const raw = useQueryParams(["order", "q", "offset"], prefix)
-
-  const { offset, ...rest } = raw
-
-  const searchParams = {
-    limit: pageSize,
-    offset: offset ? parseInt(offset) : 0,
-    ...rest,
-  }
-
-  return { searchParams, raw }
-}

package/src/routes/store/store-detail/components/store-general-section/index.ts

@@ -1 +0,0 @@
-export * from "./store-general-section"

package/src/routes/store/store-detail/components/store-general-section/store-general-section.tsx

@@ -1,48 +0,0 @@
-import { PencilSquare } from "@acmekit/icons"
-import { AdminStore } from "@acmekit/types"
-import { Container, Heading, Text } from "@acmekit/ui"
-import { useTranslation } from "react-i18next"
-
-import { ActionMenu } from "../../../../../components/common/action-menu"
-
-type StoreGeneralSectionProps = {
-  store: AdminStore
-}
-
-export const StoreGeneralSection = ({ store }: StoreGeneralSectionProps) => {
-  const { t } = useTranslation()
-
-  return (
-    <Container className="divide-y p-0">
-      <div className="flex items-center justify-between px-6 py-4">
-        <div>
-          <Heading>{t("store.domain")}</Heading>
-          <Text className="text-ui-fg-subtle" size="small">
-            {t("store.manageYourStoresDetails")}
-          </Text>
-        </div>
-        <ActionMenu
-          groups={[
-            {
-              actions: [
-                {
-                  icon: <PencilSquare />,
-                  label: t("actions.edit"),
-                  to: "edit",
-                },
-              ],
-            },
-          ]}
-        />
-      </div>
-      <div className="text-ui-fg-subtle grid grid-cols-2 px-6 py-4">
-        <Text size="small" leading="compact" weight="plus">
-          {t("fields.name")}
-        </Text>
-        <Text size="small" leading="compact">
-          {store.name}
-        </Text>
-      </div>
-    </Container>
-  )
-}

package/src/routes/store/store-detail/index.ts

@@ -1,2 +0,0 @@
-export { storeLoader as loader } from "./loader"
-export { StoreDetail as Component } from "./store-detail"

package/src/routes/store/store-detail/loader.ts

@@ -1,18 +0,0 @@
-import { HttpTypes } from "@acmekit/types"
-
-import { retrieveActiveStore, storeQueryKeys } from "../../../hooks/api/store"
-import { queryClient } from "../../../lib/query-client"
-
-const storeDetailQuery = () => ({
-  queryKey: storeQueryKeys.details(),
-  queryFn: async () => retrieveActiveStore(),
-})
-
-export const storeLoader = async () => {
-  const query = storeDetailQuery()
-
-  return (
-    queryClient.getQueryData<HttpTypes.AdminStoreResponse>(query.queryKey) ??
-    (await queryClient.fetchQuery(query))
-  )
-}

package/src/routes/store/store-detail/store-detail.tsx

@@ -1,42 +0,0 @@
-import { useLoaderData } from "react-router-dom"
-
-import { useStore } from "../../../hooks/api/store"
-import { StoreGeneralSection } from "./components/store-general-section"
-import { storeLoader } from "./loader"
-
-import { SingleColumnPageSkeleton } from "../../../components/common/skeleton"
-import { SingleColumnPage } from "../../../components/layout/pages"
-import { useExtension } from "../../../providers/extension-provider"
-
-export const StoreDetail = () => {
-  const initialData = useLoaderData() as Awaited<ReturnType<typeof storeLoader>>
-
-  const { store, isPending, isError, error } = useStore(undefined, {
-    initialData,
-  })
-
-  const { getWidgets } = useExtension()
-
-  if (isPending || !store) {
-    return <SingleColumnPageSkeleton sections={1} showJSON showMetadata />
-  }
-
-  if (isError) {
-    throw error
-  }
-
-  return (
-    <SingleColumnPage
-      widgets={{
-        before: getWidgets("store.details.before"),
-        after: getWidgets("store.details.after"),
-      }}
-      data={store}
-      hasOutlet
-      showMetadata
-      showJSON
-    >
-      <StoreGeneralSection store={store} />
-    </SingleColumnPage>
-  )
-}

package/src/routes/store/store-edit/components/edit-store-form/edit-store-form.tsx

@@ -1,83 +0,0 @@
-import { zodResolver } from "@hookform/resolvers/zod"
-import { HttpTypes } from "@acmekit/types"
-import { Button, Input, toast } from "@acmekit/ui"
-import { useForm } from "react-hook-form"
-import { useTranslation } from "react-i18next"
-import { z } from "zod"
-
-import { Form } from "../../../../../components/common/form"
-import { RouteDrawer, useRouteModal } from "../../../../../components/modals"
-import { KeyboundForm } from "../../../../../components/utilities/keybound-form"
-import { useUpdateStore } from "../../../../../hooks/api/store"
-
-type EditStoreFormProps = {
-  store: HttpTypes.AdminStore
-}
-
-const EditStoreSchema = z.object({
-  name: z.string().min(1),
-})
-
-export const EditStoreForm = ({ store }: EditStoreFormProps) => {
-  const { t } = useTranslation()
-  const { handleSuccess } = useRouteModal()
-  const form = useForm<z.infer<typeof EditStoreSchema>>({
-    defaultValues: {
-      name: store.name,
-    },
-    resolver: zodResolver(EditStoreSchema),
-  })
-
-  const { mutateAsync, isPending } = useUpdateStore(store.id)
-
-  const handleSubmit = form.handleSubmit(async (values) => {
-    await mutateAsync(values, {
-      onSuccess: () => {
-        toast.success(t("store.toast.update"))
-        handleSuccess()
-      },
-      onError: (error) => {
-        toast.error(error.message)
-      },
-    })
-  })
-
-  return (
-    <RouteDrawer.Form form={form}>
-      <KeyboundForm
-        onSubmit={handleSubmit}
-        className="flex h-full flex-col overflow-hidden"
-      >
-        <RouteDrawer.Body className="overflow-y-auto">
-          <div className="flex flex-col gap-y-8">
-            <Form.Field
-              control={form.control}
-              name="name"
-              render={({ field }) => (
-                <Form.Item>
-                  <Form.Label>{t("fields.name")}</Form.Label>
-                  <Form.Control>
-                    <Input placeholder="ACME" {...field} />
-                  </Form.Control>
-                  <Form.ErrorMessage />
-                </Form.Item>
-              )}
-            />
-          </div>
-        </RouteDrawer.Body>
-        <RouteDrawer.Footer>
-          <div className="flex items-center justify-end gap-x-2">
-            <RouteDrawer.Close asChild>
-              <Button size="small" variant="secondary">
-                {t("actions.cancel")}
-              </Button>
-            </RouteDrawer.Close>
-            <Button size="small" isLoading={isPending} type="submit">
-              {t("actions.save")}
-            </Button>
-          </div>
-        </RouteDrawer.Footer>
-      </KeyboundForm>
-    </RouteDrawer.Form>
-  )
-}

package/src/routes/store/store-edit/index.ts

@@ -1 +0,0 @@
-export { StoreEdit as Component } from "./store-edit"

package/src/routes/store/store-edit/store-edit.tsx

@@ -1,25 +0,0 @@
-import { Heading } from "@acmekit/ui"
-import { useTranslation } from "react-i18next"
-import { RouteDrawer } from "../../../components/modals"
-import { useStore } from "../../../hooks/api/store"
-import { EditStoreForm } from "./components/edit-store-form/edit-store-form"
-
-export const StoreEdit = () => {
-  const { t } = useTranslation()
-  const { store, isPending: isLoading, isError, error } = useStore()
-
-  if (isError) {
-    throw error
-  }
-
-  const ready = !!store && !isLoading
-
-  return (
-    <RouteDrawer>
-      <RouteDrawer.Header>
-        <Heading>{t("store.edit.header")}</Heading>
-      </RouteDrawer.Header>
-      {ready && <EditStoreForm store={store} />}
-    </RouteDrawer>
-  )
-}

package/src/routes/store/store-metadata/index.ts

@@ -1 +0,0 @@
-export { StoreMetadata as Component } from "./store-metadata"

package/src/routes/store/store-metadata/store-metadata.tsx

@@ -1,24 +0,0 @@
-import { MetadataForm } from "../../../components/forms/metadata-form"
-import { RouteDrawer } from "../../../components/modals"
-import { useStore, useUpdateStore } from "../../../hooks/api"
-
-export const StoreMetadata = () => {
-  const { store, isPending, isError, error } = useStore()
-
-  const { mutateAsync, isPending: isMutating } = useUpdateStore(store?.id!)
-
-  if (isError) {
-    throw error
-  }
-
-  return (
-    <RouteDrawer>
-      <MetadataForm
-        isPending={isPending}
-        isMutating={isMutating}
-        hook={mutateAsync}
-        metadata={store?.metadata}
-      />
-    </RouteDrawer>
-  )
-}