feat: add create and update subscription plan APIs and corresponding forms

app/routes/_admin.lg-admin._dashboard.subscribe-plan.create.tsx

@@ -0,0 +1,4 @@
+import { FormSubscribePlanPage } from '~/pages/form-subscriptions-plan'
+
+const DashboardSubscribePlanCreateLayout = () => <FormSubscribePlanPage />
+export default DashboardSubscribePlanCreateLayout

app/routes/_admin.lg-admin._dashboard.subscribe-plan.update.$id.tsx

@@ -0,0 +1,20 @@
+import { getSubscriptions } from '~/apis/common/get-subscriptions'
+import { FormSubscribePlanPage } from '~/pages/form-subscriptions-plan'
+
+import type { Route } from './+types/_admin.lg-admin._dashboard.subscribe-plan.update.$id'
+
+export const loader = async ({ params }: Route.LoaderArgs) => {
+  const { data: subscribePlansData } = await getSubscriptions()
+  const subscribePlanData = subscribePlansData.find(
+    (subscribePlan) => subscribePlan.id === params.id,
+  )
+  return { subscribePlanData }
+}
+
+const DashboardSubscribePlanUpdateLayout = ({
+  loaderData,
+}: Route.ComponentProps) => {
+  const { subscribePlanData } = loaderData || {}
+  return <FormSubscribePlanPage subscribePlanData={subscribePlanData} />
+}
+export default DashboardSubscribePlanUpdateLayout

app/routes/actions.admin.subscribe-plan.create.ts

@@ -0,0 +1,67 @@
+import { zodResolver } from '@hookform/resolvers/zod'
+import { data } from 'react-router'
+import { getValidatedFormData } from 'remix-hook-form'
+import { XiorError } from 'xior'
+
+import { createSubscribePlanRequest } from '~/apis/admin/create-subscribe-plan'
+import { handleCookie } from '~/libs/cookies'
+import {
+  createSubscribePlanSchema,
+  type TSubscribePlanSchema,
+} from '~/pages/form-subscriptions-plan'
+
+import type { Route } from './+types/actions.register'
+
+export const action = async ({ request }: Route.ActionArgs) => {
+  const { staffToken } = await handleCookie(request)
+  try {
+    const {
+      errors,
+      data: payload,
+      receivedValues: defaultValues,
+    } = await getValidatedFormData<TSubscribePlanSchema>(
+      request,
+      zodResolver(createSubscribePlanSchema),
+      false,
+    )
+
+    if (errors) {
+      return data({ success: false, errors, defaultValues }, { status: 400 })
+    }
+
+    const { data: tagsData } = await createSubscribePlanRequest({
+      accessToken: staffToken,
+      payload,
+    })
+
+    return data(
+      {
+        success: true,
+        tagsData,
+      },
+      {
+        status: 200,
+        statusText: 'OK',
+      },
+    )
+  } catch (error) {
+    if (error instanceof XiorError) {
+      return data(
+        {
+          success: false,
+          message: error?.response?.data?.error?.message || error.message,
+        },
+        {
+          status: error?.response?.status || 500,
+        },
+      )
+    }
+    return data(
+      {
+        success: false,
+        message: 'Internal server error',
+      },
+      { status: 500 },
+    )
+  }
+}

app/routes/actions.admin.subscribe-plan.update.ts

@@ -0,0 +1,65 @@
+import { zodResolver } from '@hookform/resolvers/zod'
+import { data } from 'react-router'
+import { getValidatedFormData } from 'remix-hook-form'
+import { XiorError } from 'xior'
+
+import { updateSubscribePlanRequest } from '~/apis/admin/update-subscribe-plan'
+import { handleCookie } from '~/libs/cookies'
+import type { TSubscribePlanSchema } from '~/pages/form-subscriptions-plan'
+import { createTagSchema } from '~/pages/form-tag'
+
+import type { Route } from './+types/actions.register'
+
+export const action = async ({ request }: Route.ActionArgs) => {
+  const { staffToken } = await handleCookie(request)
+  try {
+    const {
+      errors,
+      data: payload,
+      receivedValues: defaultValues,
+    } = await getValidatedFormData<TSubscribePlanSchema>(
+      request,
+      zodResolver(createTagSchema),
+      false,
+    )
+
+    if (errors) {
+      return data({ success: false, errors, defaultValues }, { status: 400 })
+    }
+
+    const { data: tagData } = await updateSubscribePlanRequest({
+      accessToken: staffToken,
+      payload,
+    })
+
+    return data(
+      {
+        success: true,
+        tagData,
+      },
+      {
+        status: 200,
+        statusText: 'OK',
+      },
+    )
+  } catch (error) {
+    if (error instanceof XiorError) {
+      return data(
+        {
+          success: false,
+          message: error?.response?.data?.error?.message || error.message,
+        },
+        {
+          status: error?.response?.status || 500,
+        },
+      )
+    }
+    return data(
+      {
+        success: false,
+        message: 'Internal server error',
+      },
+      { status: 500 },
+    )
+  }
+}