@acmekit/dashboard 2.13.8 → 2.13.10

package/src/routes/api-key-management/api-key-management-detail/components/api-key-sales-channel-section/api-key-sales-channel-section.tsx

@@ -1,206 +0,0 @@
-import { PencilSquare, Trash } from "@acmekit/icons"
-import { AdminApiKeyResponse, HttpTypes } from "@acmekit/types"
-import {
-  Container,
-  createDataTableColumnHelper,
-  createDataTableCommandHelper,
-  DataTableRowSelectionState,
-  toast,
-  usePrompt,
-} from "@acmekit/ui"
-import { keepPreviousData } from "@tanstack/react-query"
-import { RowSelectionState } from "@tanstack/react-table"
-import { useCallback, useMemo, useState } from "react"
-import { useTranslation } from "react-i18next"
-import { useNavigate } from "react-router-dom"
-import { DataTable } from "../../../../../components/data-table"
-import * as hooks from "../../../../../components/data-table/helpers/sales-channels"
-import { useBatchRemoveSalesChannelsFromApiKey } from "../../../../../hooks/api/api-keys"
-import { useSalesChannels } from "../../../../../hooks/api/sales-channels"
-
-type ApiKeySalesChannelSectionProps = {
-  apiKey: AdminApiKeyResponse["api_key"]
-}
-
-const PAGE_SIZE = 10
-const PREFIX = "sc"
-
-export const ApiKeySalesChannelSection = ({
-  apiKey,
-}: ApiKeySalesChannelSectionProps) => {
-  const [rowSelection, setRowSelection] = useState<RowSelectionState>({})
-  const { t } = useTranslation()
-
-  const searchParams = hooks.useSalesChannelTableQuery({
-    pageSize: PAGE_SIZE,
-    prefix: PREFIX,
-  })
-
-  const { sales_channels, count, isPending } = useSalesChannels(
-    { ...searchParams, publishable_key_id: apiKey.id },
-    {
-      placeholderData: keepPreviousData,
-    }
-  )
-
-  const columns = useColumns(apiKey.id)
-  const filters = hooks.useSalesChannelTableFilters()
-  const commands = useCommands(apiKey.id, setRowSelection)
-  const emptyState = hooks.useSalesChannelTableEmptyState()
-
-  return (
-    <Container className="divide-y p-0">
-      <DataTable
-        data={sales_channels}
-        columns={columns}
-        filters={filters}
-        commands={commands}
-        heading={t("salesChannels.domain")}
-        headingLevel="h2"
-        getRowId={(row) => row.id}
-        rowCount={count}
-        isLoading={isPending}
-        emptyState={emptyState}
-        rowSelection={{
-          state: rowSelection,
-          onRowSelectionChange: setRowSelection,
-        }}
-        rowHref={(row) => `/settings/sales-channels/${row.id}`}
-        action={{
-          label: t("actions.add"),
-          to: "sales-channels",
-        }}
-        prefix={PREFIX}
-        pageSize={PAGE_SIZE}
-      />
-    </Container>
-  )
-}
-
-const columnHelper = createDataTableColumnHelper<HttpTypes.AdminSalesChannel>()
-
-const useColumns = (id: string) => {
-  const { t } = useTranslation()
-  const navigate = useNavigate()
-  const prompt = usePrompt()
-
-  const base = hooks.useSalesChannelTableColumns()
-
-  const { mutateAsync } = useBatchRemoveSalesChannelsFromApiKey(id)
-
-  const handleDelete = useCallback(
-    async (salesChannel: HttpTypes.AdminSalesChannel) => {
-      const res = await prompt({
-        title: t("general.areYouSure"),
-        description: t("apiKeyManagement.removeSalesChannel.warning", {
-          name: salesChannel.name,
-        }),
-        confirmText: t("actions.delete"),
-        cancelText: t("actions.cancel"),
-      })
-
-      if (!res) {
-        return
-      }
-
-      await mutateAsync([salesChannel.id], {
-        onSuccess: () => {
-          toast.success(
-            t("apiKeyManagement.removeSalesChannel.successToast", {
-              count: 1,
-            })
-          )
-        },
-        onError: (err) => {
-          toast.error(err.message)
-        },
-      })
-    },
-    [mutateAsync, prompt, t]
-  )
-
-  return useMemo(
-    () => [
-      columnHelper.select(),
-      ...base,
-      columnHelper.action({
-        actions: (ctx) => [
-          [
-            {
-              label: t("actions.edit"),
-              icon: <PencilSquare />,
-              onClick: () => {
-                navigate(`/settings/sales-channels/${ctx.row.original.id}/edit`)
-              },
-            },
-          ],
-          [
-            {
-              icon: <Trash />,
-              label: t("actions.delete"),
-              onClick: () => handleDelete(ctx.row.original),
-            },
-          ],
-        ],
-      }),
-    ],
-    [base, handleDelete, navigate, t]
-  )
-}
-
-const commandHelper = createDataTableCommandHelper()
-
-const useCommands = (
-  id: string,
-  setRowSelection: (state: DataTableRowSelectionState) => void
-) => {
-  const { t } = useTranslation()
-  const prompt = usePrompt()
-
-  const { mutateAsync } = useBatchRemoveSalesChannelsFromApiKey(id)
-
-  const handleRemove = useCallback(
-    async (rowSelection: DataTableRowSelectionState) => {
-      const keys = Object.keys(rowSelection)
-
-      const res = await prompt({
-        title: t("general.areYouSure"),
-        description: t("apiKeyManagement.removeSalesChannel.warningBatch", {
-          count: keys.length,
-        }),
-        confirmText: t("actions.continue"),
-        cancelText: t("actions.cancel"),
-      })
-
-      if (!res) {
-        return
-      }
-
-      await mutateAsync(keys, {
-        onSuccess: () => {
-          toast.success(
-            t("apiKeyManagement.removeSalesChannel.successToastBatch", {
-              count: keys.length,
-            })
-          )
-          setRowSelection({})
-        },
-        onError: (err) => {
-          toast.error(err.message)
-        },
-      })
-    },
-    [mutateAsync, prompt, t, setRowSelection]
-  )
-
-  return useMemo(
-    () => [
-      commandHelper.command({
-        action: handleRemove,
-        label: t("actions.remove"),
-        shortcut: "r",
-      }),
-    ],
-    [handleRemove, t]
-  )
-}

package/src/routes/api-key-management/api-key-management-detail/components/api-key-sales-channel-section/index.ts

@@ -1 +0,0 @@
-export * from "./api-key-sales-channel-section"

package/src/routes/store/common/hooks/use-currencies-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.AdminCurrency>()
-
-export const useCurrenciesTableColumns = () => {
-  const { t } = useTranslation()
-
-  return useMemo(
-    () => [
-      columnHelper.accessor("code", {
-        header: () => <TextHeader text={t("fields.code")} />,
-        cell: ({ getValue }) => <TextCell text={getValue().toUpperCase()} />,
-      }),
-      columnHelper.accessor("name", {
-        header: () => <TextHeader text={t("fields.name")} />,
-        cell: ({ getValue }) => <TextCell text={getValue()} />,
-      }),
-    ],
-    [t]
-  )
-}

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>
-  )
-}

package/dist/{chunk-7ZHDHEUH.mjs → chunk-YLPAZ2DP.mjs}

@@ -1,9 +1,9 @@
-import {
-  TableSkeleton
-} from "./chunk-ITNQKZQQ.mjs";
 import {
   useDate
 } from "./chunk-DFFLVEZ5.mjs";
+import {
+  TableSkeleton
+} from "./chunk-ITNQKZQQ.mjs";
 import {
   useDocumentDirection
 } from "./chunk-S4DMV3ZT.mjs";

package/dist/{invite-BAFXQBLJ.mjs → invite-XGPZZBUP.mjs}

@@ -2,12 +2,12 @@ import {
   AvatarBox
 } from "./chunk-RREPQMYC.mjs";
 import "./chunk-G2VJOHHV.mjs";
-import {
-  useSignUpWithEmailPass
-} from "./chunk-GBFVWROS.mjs";
 import {
   isFetchError
 } from "./chunk-TCNCAWYD.mjs";
+import {
+  useSignUpWithEmailPass
+} from "./chunk-GBFVWROS.mjs";
 import {
   useAcceptInvite
 } from "./chunk-XIM7X4FB.mjs";

package/dist/{profile-detail-SJWODS2K.mjs → profile-detail-YX27F7N6.mjs}

@@ -1,3 +1,6 @@
+import {
+  languages
+} from "./chunk-535OVBXR.mjs";
 import {
   SingleColumnPage
 } from "./chunk-22YYMH6M.mjs";
@@ -5,19 +8,16 @@ import {
   useExtension
 } from "./chunk-C5P5PL3E.mjs";
 import {
-  useMe
-} from "./chunk-YRWSG3YM.mjs";
+  ActionMenu
+} from "./chunk-S3REQHPQ.mjs";
 import {
   SingleColumnPageSkeleton
 } from "./chunk-ITNQKZQQ.mjs";
-import {
-  languages
-} from "./chunk-535OVBXR.mjs";
-import {
-  ActionMenu
-} from "./chunk-S3REQHPQ.mjs";
 import "./chunk-OAHCJFG3.mjs";
 import "./chunk-S4DMV3ZT.mjs";
+import {
+  useMe
+} from "./chunk-YRWSG3YM.mjs";
 import "./chunk-FXYH54JP.mjs";
 import "./chunk-774WSTCC.mjs";
 import "./chunk-DTY37DDZ.mjs";

package/dist/{profile-edit-HSGF4UXZ.mjs → profile-edit-2VRDU75O.mjs}

@@ -1,8 +1,10 @@
-import "./chunk-IUCDCPJU.mjs";
 import {
-  useMe,
-  useUpdateUser
-} from "./chunk-YRWSG3YM.mjs";
+  languages
+} from "./chunk-535OVBXR.mjs";
+import {
+  useDocumentDirection
+} from "./chunk-S4DMV3ZT.mjs";
+import "./chunk-IUCDCPJU.mjs";
 import {
   KeyboundForm,
   RouteDrawer,
@@ -12,11 +14,9 @@ import {
   Form
 } from "./chunk-ND3ODI36.mjs";
 import {
-  languages
-} from "./chunk-535OVBXR.mjs";
-import {
-  useDocumentDirection
-} from "./chunk-S4DMV3ZT.mjs";
+  useMe,
+  useUpdateUser
+} from "./chunk-YRWSG3YM.mjs";
 import "./chunk-FXYH54JP.mjs";
 import "./chunk-774WSTCC.mjs";
 import "./chunk-DTY37DDZ.mjs";

package/dist/{reset-password-RQ5M7HQC.mjs → reset-password-TWRNZO6Z.mjs}

@@ -3,11 +3,11 @@ import "./chunk-G2VJOHHV.mjs";
 import {
   i18n
 } from "./chunk-W3WS3HKB.mjs";
+import "./chunk-C5P5PL3E.mjs";
 import {
   useResetPasswordForEmailPass,
   useUpdateProviderForEmailPass
 } from "./chunk-GBFVWROS.mjs";
-import "./chunk-C5P5PL3E.mjs";
 import {
   Form
 } from "./chunk-ND3ODI36.mjs";