Feat/#281 select vertions

apps/core/app/dashboard/products/create/_components/select-version.tsx

@@ -0,0 +1,30 @@
+import { UseGetProductVersions } from "@repo/apis/core/shop/product-version/flat/get/use-get-product-versions";
+import { Select } from "@repo/ui/components";
+
+const SelectVersion = ({ productId }: { productId: string }) => {
+  const { data, isLoading } = UseGetProductVersions({
+    params: {
+      productId,
+    },
+  });
+
+  const handleChange = (value: string) => {
+    console.log(value)
+  }
+
+  return (
+    <Select
+      id="version-select"
+      onValueChange={handleChange}
+      placeholder="Select a version"
+      size="lg"
+      loading={isLoading}
+      options={data?.data?.data?.map((item) => ({
+        label: item.version,
+        value: item.id.toString()
+      })) || []}
+    />
+  );
+};
+
+export { SelectVersion };

apps/core/app/dashboard/products/create/page.tsx

@@ -10,7 +10,7 @@ import {
 import { Button } from "@repo/ui/components";
 import { TabGeneral } from "./_components/tabGeneral";
 import Version from "./_components/version/version";
-
+import { SelectVersion } from "./_components/select-version";
 const CreateProductPage = () => {
   const methods = useForm<{ price: string; discount: number | null }>();
   const { handleSubmit } = methods;
@@ -31,9 +31,9 @@ const CreateProductPage = () => {
 
             {/* Actions */}
             <div className="flex items-center gap-3 shrink-0">
-              <div>select version</div>
-              <Button variant="secondary">Save as Draft</Button>
-              <Button type="submit">Submit to Review</Button>
+              <div><SelectVersion productId="1" /></div>
+              <div><Button variant="secondary" size={"lg"}>Save as Draft</Button></div>
+              <div><Button type="submit" size={"lg"}>Submit to Review</Button></div>
             </div>
           </div>
           {/* Content */} 

package.json

@@ -25,7 +25,7 @@
     "prettier": "^3.3.2",
     "turbo": "2.0.6"
   },
-  "packageManager": "yarn@1.22.22",
+  "packageManager": "bun@1.1.19",
   "engines": {
     "node": ">=18"
   },

packages/apis/src/services/core/shop/product-version/flat/get/get-product-versions.schema.ts

@@ -0,0 +1,24 @@
+import { apiResponseSchema } from "#schema/api-response-schema";
+import { z } from "zod";
+
+// Request
+export const getProductVersionsRequestSchemaTransformed = z
+  .object({
+    productId: z.string(),
+  })
+  .transform((data) => ({
+    product_id: data.productId,
+  }));
+
+// Response
+export const getProductVersionsResponseSchemaTransofrmed = apiResponseSchema.extend({
+  data: z.array(z.object({
+    version: z.string(),
+    id: z.number(),
+  })),
+}).transform((data) => data);
+
+export const getProductVersionsSchema = {
+  response: getProductVersionsResponseSchemaTransofrmed,
+  request: getProductVersionsRequestSchemaTransformed,
+};

packages/apis/src/services/core/shop/product-version/flat/get/get-product-versions.ts

@@ -0,0 +1,32 @@
+import { coreApi } from "#instance/core-api"; 
+import path from "path";
+import { ApiResponse } from "@repo/apis/types/api.types";
+import { requestHandler } from "@repo/apis/utils/request-handler";
+import { getProductVersionsSchema as schema } from "./get-product-versions.schema";
+import {
+  GetProductVersionsRequest,
+  GetProductVersionsResponse,
+  GetProductVersionsResponseTransformed,
+} from "./get-product-versions.types";
+
+const getProductVersionsURL = () => path.join("/shop/product-version/flat/");
+
+export const getProductVersions = async (
+  props: GetProductVersionsRequest,
+): Promise<ApiResponse<GetProductVersionsResponseTransformed>> => {
+  const payloadParsed = schema.request.parse(props);
+  const URL = getProductVersionsURL();
+
+  const response = await requestHandler(
+    () => coreApi.get<GetProductVersionsResponse>(URL, { params: payloadParsed }),
+    schema.response._def.schema,
+    {
+      isMock: true,
+    },
+  );
+
+
+  const dataParsed = schema.response.parse(response.data);
+
+  return { ...response, data: dataParsed };
+};

packages/apis/src/services/core/shop/product-version/flat/get/get-product-versions.types.ts

@@ -0,0 +1,16 @@
+import { z } from "zod";
+import { getProductVersionsSchema } from "./get-product-versions.schema";
+
+// Response
+export type GetProductVersionsRequest = z.input<typeof getProductVersionsSchema.request>;
+
+export type GetProductVersionsRequestTransofrmed = z.infer<
+  typeof getProductVersionsSchema.request
+>;
+
+// Request
+export type GetProductVersionsResponse = z.input<typeof getProductVersionsSchema.response>;
+
+export type GetProductVersionsResponseTransformed = z.infer<
+  typeof getProductVersionsSchema.response
+>;

packages/apis/src/services/core/shop/product-version/flat/get/use-get-product-versions.ts

@@ -0,0 +1,31 @@
+import {
+  ApiError,
+  ApiResponse,
+  UseQueryProps,
+  WithParams,
+} from "@repo/apis/types/api.types";
+import { useQuery } from "@tanstack/react-query";
+import { getProductVersions } from "./get-product-versions";
+import {
+  GetProductVersionsRequest,
+  GetProductVersionsResponseTransformed,
+} from "./get-product-versions.types";
+
+export type UseGetProductVersionsProps = UseQueryProps<
+  ApiResponse<GetProductVersionsResponseTransformed>,
+  WithParams<GetProductVersionsRequest>
+>;
+
+export const getProductVersionsQueryKey = () => ["getProductVersions"];
+
+export const UseGetProductVersions = (props: UseGetProductVersionsProps) => {
+  const { params, ...resProps } = props;
+
+  const query = useQuery<ApiResponse<GetProductVersionsResponseTransformed>, ApiError>({
+  queryKey: getProductVersionsQueryKey(),
+  queryFn: () => getProductVersions(params),
+    ...resProps,
+  });
+
+  return query;
+};

packages/apis/turbo/generators/config.ts

@@ -58,11 +58,9 @@ export default function generator(plop: PlopTypes.NodePlopAPI): void {
         default: "core",
       },
       {
-        type: "list",
+        type: "input",
         name: "path",
-        message: "Select the API path from Swagger JSON:",
-        choices: swaggerPaths.length > 0 ? swaggerPaths : ["No paths available"],
-        when: () => swaggerPaths.length > 0,
+        message: "Enter the API path:"
       },
     ],
     actions(data) {

packages/ui/src/components/molecules/label-wrapper.tsx

@@ -37,7 +37,7 @@ const LabelWraper = React.forwardRef<
       <Label
         ref={ref}
         htmlFor={id}
-        className=" px-1 flex gap-1 text-muted-foreground  mb-2"
+        className=" px-1 flex gap-1 text-muted-foreground"
         {...props}
       >
         <Typography component="span" variant="label/sm">{label}</Typography>

packages/ui/src/components/molecules/select.tsx

@@ -35,6 +35,7 @@ interface SelectProps extends RadixSelectProps {
   size?: "sm" | "md" | "lg";
   helperText?: string;
   options: Option[];
+  loading?: boolean;
 }
 
 const Select = ({
@@ -48,6 +49,7 @@ const Select = ({
   error,
   helperText,
   size,
+  loading,
   ...props
 }: SelectProps) => {
   const serializedOptions = React.useMemo(() => {
@@ -93,7 +95,12 @@ const Select = ({
       className={labelWraperClassName}
     >
       <BaseSelect value={value} {...props}>
-        <BaseSelectTrigger className={className} size={size} error={!!error}>
+        <BaseSelectTrigger
+          className={className}
+          size={size}
+          error={!!error}
+          loading={loading}
+        >
           <BaseSelectValue placeholder={placeholder} />
         </BaseSelectTrigger>
         {serializedOptionsKeyArr.length ? (