@appcorp/fusion-storybook 0.3.36 → 0.3.37

package/base-modules/student-profile/context/module-base.d.ts

@@ -47,6 +47,7 @@ export declare const STUDENT_PROFILE_ACTION_TYPES: {
     state: string | null;
     country: string | null;
     postalCode: string | null;
+    discountCodeId: string;
     filterEnabled: boolean | undefined;
     filterGender: string | undefined;
     filterStatus: string | undefined;
@@ -80,6 +81,7 @@ export declare const STUDENT_PROFILE_ACTION_TYPES: {
     state: string | null;
     country: string | null;
     postalCode: string | null;
+    discountCodeId: string;
     filterEnabled: boolean | undefined;
     filterGender: string | undefined;
     filterStatus: string | undefined;
@@ -115,6 +117,7 @@ export declare const STUDENT_PROFILE_ACTION_TYPES: {
     state: string | null;
     country: string | null;
     postalCode: string | null;
+    discountCodeId: string;
     filterEnabled: boolean | undefined;
     filterGender: string | undefined;
     filterStatus: string | undefined;
@@ -148,6 +151,7 @@ export declare const STUDENT_PROFILE_ACTION_TYPES: {
     state: string | null;
     country: string | null;
     postalCode: string | null;
+    discountCodeId: string;
     filterEnabled: boolean | undefined;
     filterGender: string | undefined;
     filterStatus: string | undefined;
@@ -181,6 +185,7 @@ export declare const STUDENT_PROFILE_ACTION_TYPES: {
     state: string | null;
     country: string | null;
     postalCode: string | null;
+    discountCodeId: string;
     filterEnabled: boolean | undefined;
     filterGender: string | undefined;
     filterStatus: string | undefined;

package/base-modules/student-profile/context/module-base.js

@@ -42,6 +42,7 @@ const studentProfileConfig = {
         state: "",
         country: "",
         postalCode: "",
+        discountCodeId: "",
         filterEnabled: undefined,
         filterGender: undefined,
         filterStatus: undefined,

package/base-modules/student-profile/context/use-student-profile-module.d.ts

@@ -64,6 +64,7 @@ export declare const useStudentProfileModule: () => {
         state: string | null;
         country: string | null;
         postalCode: string | null;
+        discountCodeId: string;
         filterEnabled: boolean | undefined;
         filterGender: string | undefined;
         filterStatus: string | undefined;

package/base-modules/student-profile/context/use-student-profile-module.js

@@ -42,6 +42,7 @@ export const useStudentProfileModule = () => {
             avatar: state.avatar,
             bloodGroup: state.bloodGroup,
             dateOfBirth: state.dateOfBirth,
+            discountCodeId: state.discountCodeId || null,
             email: state.email,
             emergencyPhone: toE164Phone(state.emergencyPhone, (_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.country),
             enabled: state.enabled,
@@ -58,6 +59,7 @@ export const useStudentProfileModule = () => {
         state.avatar,
         state.bloodGroup,
         state.dateOfBirth,
+        state.discountCodeId,
         state.email,
         state.emergencyPhone,
         state.enabled,
@@ -114,6 +116,7 @@ export const useStudentProfileModule = () => {
                     city: null,
                     country: null,
                     dateOfBirth: null,
+                    discountCodeId: null,
                     email: null,
                     emergencyPhone: null,
                     enabled: true,
@@ -163,7 +166,7 @@ export const useStudentProfileModule = () => {
         }
     }, [resetFormAndCloseDrawer, showToast, t]);
     const byIdCallback = useCallback(({ data, error }) => {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
         if (error) {
             showToast(t("messagesDetailsFetchFailed"), TOAST_VARIANT.ERROR);
             return;
@@ -182,21 +185,22 @@ export const useStudentProfileModule = () => {
                         status: sp.status,
                         enabled: sp.enabled,
                         remarks: (_a = sp.remarks) !== null && _a !== void 0 ? _a : null,
-                        firstName: (_b = fm === null || fm === void 0 ? void 0 : fm.firstName) !== null && _b !== void 0 ? _b : "",
-                        lastName: (_c = fm === null || fm === void 0 ? void 0 : fm.lastName) !== null && _c !== void 0 ? _c : "",
-                        dateOfBirth: (_d = fm === null || fm === void 0 ? void 0 : fm.dateOfBirth) !== null && _d !== void 0 ? _d : null,
-                        gender: (_e = fm === null || fm === void 0 ? void 0 : fm.gender) !== null && _e !== void 0 ? _e : null,
-                        bloodGroup: (_f = fm === null || fm === void 0 ? void 0 : fm.bloodGroup) !== null && _f !== void 0 ? _f : null,
-                        phone: (_g = formatPhoneDisplay(fm === null || fm === void 0 ? void 0 : fm.phone)) !== null && _g !== void 0 ? _g : null,
-                        email: (_h = fm === null || fm === void 0 ? void 0 : fm.email) !== null && _h !== void 0 ? _h : null,
-                        emergencyPhone: (_j = formatPhoneDisplay(fm === null || fm === void 0 ? void 0 : fm.emergencyPhone)) !== null && _j !== void 0 ? _j : null,
-                        avatar: (_k = fm === null || fm === void 0 ? void 0 : fm.avatar) !== null && _k !== void 0 ? _k : null,
-                        familyId: (_l = fm === null || fm === void 0 ? void 0 : fm.familyId) !== null && _l !== void 0 ? _l : "",
-                        address: (_m = family === null || family === void 0 ? void 0 : family.address) !== null && _m !== void 0 ? _m : null,
-                        city: (_o = family === null || family === void 0 ? void 0 : family.city) !== null && _o !== void 0 ? _o : null,
-                        state: (_p = family === null || family === void 0 ? void 0 : family.state) !== null && _p !== void 0 ? _p : null,
-                        country: (_q = family === null || family === void 0 ? void 0 : family.country) !== null && _q !== void 0 ? _q : null,
-                        postalCode: (_r = family === null || family === void 0 ? void 0 : family.postalCode) !== null && _r !== void 0 ? _r : null,
+                        discountCodeId: (_b = sp.discountCodeId) !== null && _b !== void 0 ? _b : null,
+                        firstName: (_c = fm === null || fm === void 0 ? void 0 : fm.firstName) !== null && _c !== void 0 ? _c : "",
+                        lastName: (_d = fm === null || fm === void 0 ? void 0 : fm.lastName) !== null && _d !== void 0 ? _d : "",
+                        dateOfBirth: (_e = fm === null || fm === void 0 ? void 0 : fm.dateOfBirth) !== null && _e !== void 0 ? _e : null,
+                        gender: (_f = fm === null || fm === void 0 ? void 0 : fm.gender) !== null && _f !== void 0 ? _f : null,
+                        bloodGroup: (_g = fm === null || fm === void 0 ? void 0 : fm.bloodGroup) !== null && _g !== void 0 ? _g : null,
+                        phone: (_h = formatPhoneDisplay(fm === null || fm === void 0 ? void 0 : fm.phone)) !== null && _h !== void 0 ? _h : null,
+                        email: (_j = fm === null || fm === void 0 ? void 0 : fm.email) !== null && _j !== void 0 ? _j : null,
+                        emergencyPhone: (_k = formatPhoneDisplay(fm === null || fm === void 0 ? void 0 : fm.emergencyPhone)) !== null && _k !== void 0 ? _k : null,
+                        avatar: (_l = fm === null || fm === void 0 ? void 0 : fm.avatar) !== null && _l !== void 0 ? _l : null,
+                        familyId: (_m = fm === null || fm === void 0 ? void 0 : fm.familyId) !== null && _m !== void 0 ? _m : "",
+                        address: (_o = family === null || family === void 0 ? void 0 : family.address) !== null && _o !== void 0 ? _o : null,
+                        city: (_p = family === null || family === void 0 ? void 0 : family.city) !== null && _p !== void 0 ? _p : null,
+                        state: (_q = family === null || family === void 0 ? void 0 : family.state) !== null && _q !== void 0 ? _q : null,
+                        country: (_r = family === null || family === void 0 ? void 0 : family.country) !== null && _r !== void 0 ? _r : null,
+                        postalCode: (_s = family === null || family === void 0 ? void 0 : family.postalCode) !== null && _s !== void 0 ? _s : null,
                     },
                 },
             });

package/base-modules/student-profile/form.js

@@ -5,12 +5,18 @@ import { EnhancedCheckbox } from "@appcorp/shadcn/components/enhanced-checkbox";
 import { EnhancedTextarea } from "@appcorp/shadcn/components/enhanced-textarea";
 import { useEnhancedCombobox } from "@appcorp/shadcn/hooks/use-enhanced-combobox";
 import { useTranslations } from "next-intl";
+import { useEffect } from "react";
 import { useStudentProfileModule } from "./context";
 import { STATUS_OPTIONS, GENDER_OPTIONS } from "./constants";
-import { STUDENT_PROFILE_API_ROUTES } from "../../constants";
+import { STUDENT_PROFILE_API_ROUTES, DISCOUNT_CODE_API_ROUTES, } from "../../constants";
 import { formatPhone } from "@react-pakistan/util-functions/general/format-phone";
 import { getTranslatedError } from "../../utils/get-translated-error";
+import { getCachedWorkspaceSync } from "../workspace/cache";
+import { API_METHODS } from "@react-pakistan/util-functions";
+import { DISCOUNT_TYPE } from "../../type";
+import { useFetch } from "@react-pakistan/util-functions/hooks/use-fetch";
 export const StudentProfileForm = () => {
+    var _a, _b, _c;
     const t = useTranslations("studentProfile");
     const genderLabelMap = {
         MALE: t("formOptionMale"),
@@ -18,7 +24,7 @@ export const StudentProfileForm = () => {
         OTHER: t("formOptionOther"),
     };
     const context = useStudentProfileModule();
-    const { address, city, country, dateOfBirth, emergencyPhone, enabled, errors, firstName, gender, lastName, phone, postalCode, remarks, status, } = context.state;
+    const { address, city, country, dateOfBirth, discountCodeId, emergencyPhone, enabled, errors, firstName, gender, lastName, phone, postalCode, remarks, status, } = context.state;
     const stateValue = context.state.state;
     const { handleChange } = context;
     const { enhancedComboboxElement: genderCombo } = useEnhancedCombobox({
@@ -62,6 +68,40 @@ export const StudentProfileForm = () => {
         },
         value: status,
     });
+    const workspace = getCachedWorkspaceSync();
+    const currency = (_b = (_a = workspace === null || workspace === void 0 ? void 0 : workspace.school) === null || _a === void 0 ? void 0 : _a.currency) !== null && _b !== void 0 ? _b : "";
+    const { fetchNow: discountCodeFetchNow, data: discountCodes } = useFetch(DISCOUNT_CODE_API_ROUTES.UNIT, {
+        params: { workspaceId: workspace === null || workspace === void 0 ? void 0 : workspace.id },
+        method: API_METHODS.GET,
+    });
+    useEffect(() => {
+        discountCodeFetchNow();
+        // eslint-disable-next-line
+    }, []);
+    const { enhancedComboboxElement: discountCodeIdCombo } = useEnhancedCombobox({
+        emptyText: "No discount code found",
+        id: "discountCodeId",
+        info: "Optional discount code to apply",
+        label: "Discount Code",
+        onValueChange: (value) => handleChange("discountCodeId", value),
+        options: ((_c = discountCodes === null || discountCodes === void 0 ? void 0 : discountCodes.items) !== null && _c !== void 0 ? _c : []).map((code) => ({
+            value: code.id,
+            label: `${code.code} - ${code.discountValue}${code.discountType === DISCOUNT_TYPE.PERCENTAGE ? "%" : currency}`,
+        })),
+        placeholder: "Select discount code",
+        searchEndpoint: DISCOUNT_CODE_API_ROUTES.UNIT,
+        searchPlaceholder: "Search discount codes...",
+        formatSearchResult: (item) => {
+            const discountCode = item;
+            return {
+                label: `${discountCode.code} - ${discountCode.discountValue}${discountCode.discountType === DISCOUNT_TYPE.PERCENTAGE
+                    ? "%"
+                    : currency}`,
+                value: discountCode.id,
+            };
+        },
+        value: discountCodeId !== null && discountCodeId !== void 0 ? discountCodeId : "",
+    });
     return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: t("formSectionPersonalInformation") }), _jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "firstName", t }), id: "firstName", info: t("formFirstNameInfo"), label: t("formFirstNameLabel"), onChange: (e) => handleChange("firstName", e.target.value), placeholder: t("formFirstNamePlaceholder"), required: true, value: firstName }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "lastName", t }), id: "lastName", info: t("formLastNameInfo"), label: t("formLastNameLabel"), onChange: (e) => handleChange("lastName", e.target.value), placeholder: t("formLastNamePlaceholder"), required: true, value: lastName }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "dateOfBirth", t }), id: "dateOfBirth", info: t("formDateOfBirthInfo"), label: t("formDateOfBirthLabel"), onChange: (e) => handleChange("dateOfBirth", e.target.value), onClick: (e) => { var _a, _b; return (_b = (_a = e.currentTarget).showPicker) === null || _b === void 0 ? void 0 : _b.call(_a); }, type: "date", value: dateOfBirth
                                     ? new Date(dateOfBirth).toISOString().split("formTLabel")[0]
                                     : "" }), genderCombo] })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: t("formSectionContactInformation") }), _jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "phone", t }), id: "phone", info: t("formPhoneInfo"), label: t("formPhoneLabel"), onChange: (e) => {
@@ -70,5 +110,5 @@ export const StudentProfileForm = () => {
                                 }, placeholder: t("formPhonePlaceholder"), type: "tel", value: phone || "" }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "emergencyPhone", t }), id: "emergencyPhone", info: t("formEmergencyPhoneInfo"), label: t("formEmergencyPhoneLabel"), onChange: (e) => {
                                     var _a;
                                     return handleChange("emergencyPhone", ((_a = formatPhone(e.target.value)) === null || _a === void 0 ? void 0 : _a.international) || e.target.value);
-                                }, placeholder: t("formEmergencyPhonePlaceholder"), type: "tel", value: emergencyPhone || "" })] }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "address", t }), id: "address", info: t("formAddressInfo"), label: t("formAddressLabel"), onChange: (e) => handleChange("address", e.target.value), placeholder: t("formAddressPlaceholder"), value: address || "" }), _jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "city", t }), id: "city", info: t("formCityInfo"), label: t("formCityLabel"), onChange: (e) => handleChange("city", e.target.value), placeholder: t("formCityPlaceholder"), value: city || "" }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "state", t }), id: "state", info: t("formStateInfo"), label: t("formStateProvinceLabel"), onChange: (e) => handleChange("state", e.target.value), placeholder: t("formStatePlaceholder"), value: stateValue || "" }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "country", t }), id: "country", info: t("formCountryInfo"), label: t("formCountryLabel"), onChange: (e) => handleChange("country", e.target.value), placeholder: t("formCountryPlaceholder"), value: country || "" }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "postalCode", t }), id: "postalCode", info: t("formPostalCodeInfo"), label: t("formPostalCodeLabel"), onChange: (e) => handleChange("postalCode", e.target.value), placeholder: t("formPostalCodePlaceholder"), value: postalCode || "" })] })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: t("formSectionAcademicInformation") }), _jsxs("div", { className: "grid grid-cols-1 gap-4", children: [statusCombo, _jsx(EnhancedTextarea, { error: getTranslatedError({ errors, key: "remarks", t }), id: "remarks", info: t("formRemarksInfo"), label: t("formRemarksLabel"), onChange: (e) => handleChange("remarks", e.target.value), placeholder: t("formRemarksPlaceholder"), rows: 4, value: remarks || "" })] }), _jsx(EnhancedCheckbox, { checked: enabled, info: t("formEnabledInfo"), label: t("formEnabledLabel"), onCheckedChange: (checked) => handleChange("enabled", checked) })] })] }));
+                                }, placeholder: t("formEmergencyPhonePlaceholder"), type: "tel", value: emergencyPhone || "" })] }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "address", t }), id: "address", info: t("formAddressInfo"), label: t("formAddressLabel"), onChange: (e) => handleChange("address", e.target.value), placeholder: t("formAddressPlaceholder"), value: address || "" }), _jsxs("div", { className: "grid grid-cols-1 gap-4", children: [_jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "city", t }), id: "city", info: t("formCityInfo"), label: t("formCityLabel"), onChange: (e) => handleChange("city", e.target.value), placeholder: t("formCityPlaceholder"), value: city || "" }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "state", t }), id: "state", info: t("formStateInfo"), label: t("formStateProvinceLabel"), onChange: (e) => handleChange("state", e.target.value), placeholder: t("formStatePlaceholder"), value: stateValue || "" }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "country", t }), id: "country", info: t("formCountryInfo"), label: t("formCountryLabel"), onChange: (e) => handleChange("country", e.target.value), placeholder: t("formCountryPlaceholder"), value: country || "" }), _jsx(EnhancedInput, { error: getTranslatedError({ errors, key: "postalCode", t }), id: "postalCode", info: t("formPostalCodeInfo"), label: t("formPostalCodeLabel"), onChange: (e) => handleChange("postalCode", e.target.value), placeholder: t("formPostalCodePlaceholder"), value: postalCode || "" })] })] }), _jsxs("div", { className: "space-y-4", children: [_jsx("h3", { className: "text-lg font-semibold", children: t("formSectionAcademicInformation") }), _jsxs("div", { className: "grid grid-cols-1 gap-4", children: [statusCombo, discountCodeIdCombo, _jsx(EnhancedTextarea, { error: getTranslatedError({ errors, key: "remarks", t }), id: "remarks", info: t("formRemarksInfo"), label: t("formRemarksLabel"), onChange: (e) => handleChange("remarks", e.target.value), placeholder: t("formRemarksPlaceholder"), rows: 4, value: remarks || "" })] }), _jsx(EnhancedCheckbox, { checked: enabled, info: t("formEnabledInfo"), label: t("formEnabledLabel"), onCheckedChange: (checked) => handleChange("enabled", checked) })] })] }));
 };

package/base-modules/student-profile/validate.d.ts

@@ -25,5 +25,6 @@ export declare const studentProfileFormValidation: z.ZodObject<{
     state: z.ZodOptional<z.ZodString>;
     postalCode: z.ZodOptional<z.ZodString>;
     country: z.ZodOptional<z.ZodString>;
+    discountCodeId: z.ZodOptional<z.ZodString>;
     enabled: z.ZodOptional<z.ZodBoolean>;
 }, z.core.$strip>;

package/base-modules/student-profile/validate.js

@@ -32,5 +32,6 @@ export const studentProfileFormValidation = z.object({
     state: z.string().optional(),
     postalCode: z.string().optional(),
     country: z.string().optional(),
+    discountCodeId: z.string().optional(),
     enabled: z.boolean().optional(),
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/fusion-storybook",
-  "version": "0.3.36",
+  "version": "0.3.37",
   "scripts": {
     "build-storybook": "storybook build",
     "build:next": "next build",