@appcorp/stellar-solutions-invoice-module 0.1.67 → 0.1.70

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -13,7 +13,7 @@ exports.AddServiceProductSection = void 0;
13
13
  var react_1 = __importDefault(require("react"));
14
14
  var next_intl_1 = require("next-intl");
15
15
  var lucide_react_1 = require("lucide-react");
16
- var button_1 = require("@appcorp/shadcn/components/button");
16
+ var button_1 = require("@appcorp/shadcn/components/ui/button");
17
17
  var context_1 = require("./context");
18
18
  var AddServiceProductSection = function () {
19
19
  var t = (0, next_intl_1.useTranslations)("invoice");
@@ -43,9 +43,9 @@ exports.CompanySection = void 0;
43
43
  var react_1 = __importStar(require("react"));
44
44
  var next_intl_1 = require("next-intl");
45
45
  var date_fns_1 = require("date-fns");
46
- var combobox_1 = require("@appcorp/shadcn/components/combobox");
47
- var input_1 = require("@appcorp/shadcn/components/input");
48
- var textarea_1 = require("@appcorp/shadcn/components/textarea");
46
+ var enhanced_combobox_1 = require("@appcorp/shadcn/components/enhanced-combobox");
47
+ var enhanced_input_1 = require("@appcorp/shadcn/components/enhanced-input");
48
+ var enhanced_textarea_1 = require("@appcorp/shadcn/components/enhanced-textarea");
49
49
  var context_1 = require("@appcorp/stellar-solutions-modules/global-modules/preferences/context");
50
50
  var actions_1 = require("./actions");
51
51
  var context_2 = require("./context");
@@ -110,16 +110,16 @@ var CompanySection = function () {
110
110
  react_1.default.createElement("h3", { className: "text-lg font-semibold border-b pb-2" }, t("companyFormSectionTitle")),
111
111
  react_1.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4" },
112
112
  react_1.default.createElement("div", { className: "space-y-2" },
113
- react_1.default.createElement(combobox_1.CompanyCombobox, { companies: companiesList || [], error: errors.companyId, id: "companyId", info: t("companyFormInfoCompany"), label: t("companyFormLabelCompany"), onSearchChange: handleCompanySearch, onValueChange: handleCompanyChange, placeholder: t("companyFormPlaceholderCompany"), required: true, value: companyId || "" })),
113
+ react_1.default.createElement(enhanced_combobox_1.CompanyCombobox, { companies: companiesList || [], error: errors.companyId, id: "companyId", info: t("companyFormInfoCompany"), label: t("companyFormLabelCompany"), onSearchChange: handleCompanySearch, onValueChange: handleCompanyChange, placeholder: t("companyFormPlaceholderCompany"), required: true, value: companyId || "" })),
114
114
  react_1.default.createElement("div", { className: "space-y-2" },
115
- react_1.default.createElement(input_1.Input, { error: errors.date, id: "date", info: t("companyFormInfoDate"), label: t("companyFormLabelDate"), onChange: function (e) { return handleInputChange("date", e.target.value); }, placeholder: t("companyFormPlaceholderDate"), required: true, type: "date", value: date ? (0, date_fns_1.format)(new Date(date), "yyyy-MM-dd") : "" })),
115
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors.date, id: "date", info: t("companyFormInfoDate"), label: t("companyFormLabelDate"), onChange: function (e) { return handleInputChange("date", e.target.value); }, placeholder: t("companyFormPlaceholderDate"), required: true, type: "date", value: date ? (0, date_fns_1.format)(new Date(date), "yyyy-MM-dd") : "" })),
116
116
  react_1.default.createElement("div", { className: "space-y-2" },
117
- react_1.default.createElement(input_1.Input, { error: errors.expiryDate, id: "expiryDate", info: t("companyFormInfoExpiryDate"), label: t("companyFormLabelExpiryDate"), onChange: function (e) { return handleInputChange("expiryDate", e.target.value); }, placeholder: t("companyFormPlaceholderExpiryDate"), required: true, type: "date", value: expiryDate ? (0, date_fns_1.format)(new Date(expiryDate), "yyyy-MM-dd") : "" })),
117
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors.expiryDate, id: "expiryDate", info: t("companyFormInfoExpiryDate"), label: t("companyFormLabelExpiryDate"), onChange: function (e) { return handleInputChange("expiryDate", e.target.value); }, placeholder: t("companyFormPlaceholderExpiryDate"), required: true, type: "date", value: expiryDate ? (0, date_fns_1.format)(new Date(expiryDate), "yyyy-MM-dd") : "" })),
118
118
  react_1.default.createElement("div", { className: "space-y-2" },
119
- react_1.default.createElement(combobox_1.CompanyCombobox, { companies: currencyOptions, error: errors.currency, id: "currency", info: t("companyFormInfoCurrency"), label: t("companyFormLabelCurrency"), onSearchChange: function () { }, onValueChange: handleCurrencyChange, placeholder: t("companyFormPlaceholderCurrency"), required: true, value: currency || "" })),
119
+ react_1.default.createElement(enhanced_combobox_1.CompanyCombobox, { companies: currencyOptions, error: errors.currency, id: "currency", info: t("companyFormInfoCurrency"), label: t("companyFormLabelCurrency"), onSearchChange: function () { }, onValueChange: handleCurrencyChange, placeholder: t("companyFormPlaceholderCurrency"), required: true, value: currency || "" })),
120
120
  react_1.default.createElement("div", { className: "space-y-2" },
121
- react_1.default.createElement(textarea_1.Textarea, { error: errors.note, id: "note", info: t("companyFormInfoNote"), label: t("companyFormLabelNote"), onChange: function (e) { return handleInputChange("note", e.target.value); }, placeholder: t("companyFormPlaceholderNote"), rows: 3, value: note || "" })),
121
+ react_1.default.createElement(enhanced_textarea_1.EnhancedTextarea, { error: errors.note, id: "note", info: t("companyFormInfoNote"), label: t("companyFormLabelNote"), onChange: function (e) { return handleInputChange("note", e.target.value); }, placeholder: t("companyFormPlaceholderNote"), rows: 3, value: note || "" })),
122
122
  react_1.default.createElement("div", { className: "space-y-2" },
123
- react_1.default.createElement(input_1.Input, { error: errors.ref, id: "ref", info: t("companyFormInfoReference"), label: t("companyFormLabelReference"), onChange: function (e) { return handleInputChange("ref", e.target.value); }, placeholder: t("companyFormPlaceholderReference"), readOnly: true, required: true, type: "text", value: ref || "" })))));
123
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors.ref, id: "ref", info: t("companyFormInfoReference"), label: t("companyFormLabelReference"), onChange: function (e) { return handleInputChange("ref", e.target.value); }, placeholder: t("companyFormPlaceholderReference"), readOnly: true, required: true, type: "text", value: ref || "" })))));
124
124
  };
125
125
  exports.CompanySection = CompanySection;
@@ -43,8 +43,8 @@ exports.CustomerSection = void 0;
43
43
  var react_1 = __importStar(require("react"));
44
44
  var next_intl_1 = require("next-intl");
45
45
  var util_functions_1 = require("@react-pakistan/util-functions");
46
- var combobox_1 = require("@appcorp/shadcn/components/combobox");
47
- var input_1 = require("@appcorp/shadcn/components/input");
46
+ var enhanced_combobox_1 = require("@appcorp/shadcn/components/enhanced-combobox");
47
+ var enhanced_input_1 = require("@appcorp/shadcn/components/enhanced-input");
48
48
  var context_1 = require("./context");
49
49
  var actions_1 = require("./actions");
50
50
  var CustomerSection = function () {
@@ -82,18 +82,18 @@ var CustomerSection = function () {
82
82
  react_1.default.createElement("h3", { className: "text-lg font-semibold border-b pb-2" }, t("customerFormSectionTitle")),
83
83
  react_1.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4" },
84
84
  react_1.default.createElement("div", { className: "space-y-2" },
85
- react_1.default.createElement(input_1.Input, { error: errors.phone, id: "phone", info: t("customerFormInfoPhone"), label: t("customerFormLabelPhone"), onChange: function (e) { return handleCustomerChange("phone", e.target.value); }, placeholder: t("customerFormPlaceholderPhone"), required: true, type: "tel", value: (customer === null || customer === void 0 ? void 0 : customer.phone) || "" })),
85
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors.phone, id: "phone", info: t("customerFormInfoPhone"), label: t("customerFormLabelPhone"), onChange: function (e) { return handleCustomerChange("phone", e.target.value); }, placeholder: t("customerFormPlaceholderPhone"), required: true, type: "tel", value: (customer === null || customer === void 0 ? void 0 : customer.phone) || "" })),
86
86
  react_1.default.createElement("div", { className: "space-y-2" },
87
- react_1.default.createElement(input_1.Input, { error: errors.firstName, id: "firstName", info: t("customerFormInfoFirstName"), label: t("customerFormLabelFirstName"), onChange: function (e) { return handleInputChange("firstName", e.target.value); }, placeholder: t("customerFormPlaceholderFirstName"), required: true, type: "text", value: (customer === null || customer === void 0 ? void 0 : customer.firstName) || "" })),
87
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors.firstName, id: "firstName", info: t("customerFormInfoFirstName"), label: t("customerFormLabelFirstName"), onChange: function (e) { return handleInputChange("firstName", e.target.value); }, placeholder: t("customerFormPlaceholderFirstName"), required: true, type: "text", value: (customer === null || customer === void 0 ? void 0 : customer.firstName) || "" })),
88
88
  react_1.default.createElement("div", { className: "space-y-2" },
89
- react_1.default.createElement(input_1.Input, { error: errors.lastName, id: "lastName", info: t("customerFormInfoLastName"), label: t("customerFormLabelLastName"), onChange: function (e) { return handleInputChange("lastName", e.target.value); }, placeholder: t("customerFormPlaceholderLastName"), required: true, type: "text", value: (customer === null || customer === void 0 ? void 0 : customer.lastName) || "" })),
89
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors.lastName, id: "lastName", info: t("customerFormInfoLastName"), label: t("customerFormLabelLastName"), onChange: function (e) { return handleInputChange("lastName", e.target.value); }, placeholder: t("customerFormPlaceholderLastName"), required: true, type: "text", value: (customer === null || customer === void 0 ? void 0 : customer.lastName) || "" })),
90
90
  react_1.default.createElement("div", { className: "space-y-2" },
91
- react_1.default.createElement(input_1.Input, { error: errors.email, id: "email", info: t("customerFormInfoEmail"), label: t("customerFormLabelEmail"), onChange: function (e) { return handleInputChange("email", e.target.value); }, placeholder: t("customerFormPlaceholderEmail"), type: "email", value: (customer === null || customer === void 0 ? void 0 : customer.email) || "" })),
91
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors.email, id: "email", info: t("customerFormInfoEmail"), label: t("customerFormLabelEmail"), onChange: function (e) { return handleInputChange("email", e.target.value); }, placeholder: t("customerFormPlaceholderEmail"), type: "email", value: (customer === null || customer === void 0 ? void 0 : customer.email) || "" })),
92
92
  react_1.default.createElement("div", { className: "space-y-2" },
93
- react_1.default.createElement(input_1.Input, { error: errors.address, id: "address", info: t("customerFormInfoAddress"), label: t("customerFormLabelAddress"), onChange: function (e) { return handleInputChange("address", e.target.value); }, placeholder: t("customerFormPlaceholderAddress"), type: "text", value: (customer === null || customer === void 0 ? void 0 : customer.address) || "" })),
93
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors.address, id: "address", info: t("customerFormInfoAddress"), label: t("customerFormLabelAddress"), onChange: function (e) { return handleInputChange("address", e.target.value); }, placeholder: t("customerFormPlaceholderAddress"), type: "text", value: (customer === null || customer === void 0 ? void 0 : customer.address) || "" })),
94
94
  react_1.default.createElement("div", { className: "space-y-2" },
95
- react_1.default.createElement(input_1.Input, { error: errors.city, id: "city", info: t("customerFormInfoCity"), label: t("customerFormLabelCity"), onChange: function (e) { return handleInputChange("city", e.target.value); }, placeholder: t("customerFormPlaceholderCity"), required: true, type: "text", value: (customer === null || customer === void 0 ? void 0 : customer.city) || "" })),
95
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors.city, id: "city", info: t("customerFormInfoCity"), label: t("customerFormLabelCity"), onChange: function (e) { return handleInputChange("city", e.target.value); }, placeholder: t("customerFormPlaceholderCity"), required: true, type: "text", value: (customer === null || customer === void 0 ? void 0 : customer.city) || "" })),
96
96
  react_1.default.createElement("div", { className: "space-y-2" },
97
- react_1.default.createElement(combobox_1.CountryCombobox, { countries: util_functions_1.countriesTimeZones, error: errors.country, id: "country", info: t("customerFormInfoCountry"), label: t("customerFormLabelCountry"), onValueChange: handleCountryChange, placeholder: t("customerFormPlaceholderCountry"), required: true, value: (customer === null || customer === void 0 ? void 0 : customer.country) || "" })))));
97
+ react_1.default.createElement(enhanced_combobox_1.CountryCombobox, { countries: util_functions_1.countriesTimeZones, error: errors.country, id: "country", info: t("customerFormInfoCountry"), label: t("customerFormLabelCountry"), onValueChange: handleCountryChange, placeholder: t("customerFormPlaceholderCountry"), required: true, value: (customer === null || customer === void 0 ? void 0 : customer.country) || "" })))));
98
98
  };
99
99
  exports.CustomerSection = CustomerSection;
@@ -14,8 +14,8 @@ exports.Drawer = void 0;
14
14
  var react_1 = __importDefault(require("react"));
15
15
  var lucide_react_1 = require("lucide-react");
16
16
  var next_intl_1 = require("next-intl");
17
- var button_1 = require("@appcorp/shadcn/components/button");
18
- var drawer_1 = require("@appcorp/shadcn/components/drawer");
17
+ var button_1 = require("@appcorp/shadcn/components/ui/button");
18
+ var drawer_1 = require("@appcorp/shadcn/components/ui/drawer");
19
19
  var context_1 = require("./context");
20
20
  var form_1 = require("./form");
21
21
  var types_1 = require("./types");
@@ -26,11 +26,12 @@ var Drawer = function (_a) {
26
26
  var isFormDrawer = drawer === types_1.INVOICE_DRAWER.INVOICE_COMPANY_FORM_DRAWER ||
27
27
  drawer === types_1.INVOICE_DRAWER.INVOICE_CUSTOMER_FORM_DRAWER;
28
28
  var drawerTitle = t("drawerTitleInvoice");
29
- var drawerWidth = "data-[vaul-drawer-direction=right]:sm:max-w-5xl";
29
+ // Ensure responsive variant is applied before the data- attribute so Tailwind parses it
30
+ var drawerWidth = "sm:data-[vaul-drawer-direction=right]:min-w-5xl";
30
31
  var drawerDirection = isRTL ? "left" : "right";
31
32
  return (react_1.default.createElement(drawer_1.Drawer, { open: !!drawer, onOpenChange: function (open) { return !open && closeDrawer(); }, direction: drawerDirection },
32
33
  react_1.default.createElement(drawer_1.DrawerContent, { className: "h-full ".concat(drawerWidth, " ").concat(isRTL ? "rtl" : "ltr"), dir: isRTL ? "rtl" : "ltr" },
33
- react_1.default.createElement(drawer_1.DrawerHeader, { className: "flex-row items-center justify-between border-b pb-4 ".concat(isRTL ? "flex-row-reverse" : "") },
34
+ react_1.default.createElement(drawer_1.DrawerHeader, { className: "flex flex-row items-center justify-between border-b pb-4 ".concat(isRTL ? "flex-row-reverse" : "") },
34
35
  react_1.default.createElement(drawer_1.DrawerTitle, { className: "text-xl font-semibold flex items-center ".concat(isRTL ? "flex-row-reverse gap-2" : "gap-2") }, drawerTitle),
35
36
  react_1.default.createElement(drawer_1.DrawerClose, { asChild: true },
36
37
  react_1.default.createElement(button_1.Button, { variant: "ghost", size: "icon", className: "h-8 w-8" },
@@ -10,7 +10,7 @@ var next_intl_1 = require("next-intl");
10
10
  var util_functions_1 = require("@react-pakistan/util-functions");
11
11
  var use_rtl_1 = require("@appcorp/stellar-solutions-modules/hooks/use-rtl");
12
12
  var enhanced_table_1 = require("@appcorp/shadcn/components/enhanced-table");
13
- var sonner_1 = require("@appcorp/shadcn/components/sonner");
13
+ var sonner_1 = require("@appcorp/shadcn/components/ui/sonner");
14
14
  var constants_1 = require("./constants");
15
15
  var context_1 = require("./context");
16
16
  var drawer_1 = require("./drawer");
@@ -42,10 +42,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
42
42
  exports.PricingSection = void 0;
43
43
  var react_1 = __importStar(require("react"));
44
44
  var next_intl_1 = require("next-intl");
45
- var combobox_1 = require("@appcorp/shadcn/components/combobox");
46
- var input_1 = require("@appcorp/shadcn/components/input");
47
- var label_1 = require("@appcorp/shadcn/components/label");
48
- var button_1 = require("@appcorp/shadcn/components/button");
45
+ var enhanced_combobox_1 = require("@appcorp/shadcn/components/enhanced-combobox");
46
+ var enhanced_input_1 = require("@appcorp/shadcn/components/enhanced-input");
47
+ var label_1 = require("@appcorp/shadcn/components/ui/label");
48
+ var button_1 = require("@appcorp/shadcn/components/ui/button");
49
49
  var context_1 = require("@appcorp/stellar-solutions-modules/global-modules/tax/context");
50
50
  var context_2 = require("./context");
51
51
  var types_1 = require("./types");
@@ -64,7 +64,7 @@ var PricingSection = function () {
64
64
  react_1.default.createElement("div", { className: "hidden lg:block" }),
65
65
  react_1.default.createElement("div", { className: "flex flex-col gap-4" },
66
66
  react_1.default.createElement("div", { className: "space-y-2" },
67
- react_1.default.createElement(input_1.Input, { error: errors.subTotal, id: "subTotal", label: t("pricingFormLabelSubTotal"), onChange: function (e) { return handleChange("subTotal", e.target.value); }, placeholder: t("pricingFormPlaceholderSubTotal"), readOnly: true, type: "text", value: subTotal || "0", info: t("pricingFormInfoSubTotal") })),
67
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors.subTotal, id: "subTotal", label: t("pricingFormLabelSubTotal"), onChange: function (e) { return handleChange("subTotal", e.target.value); }, placeholder: t("pricingFormPlaceholderSubTotal"), readOnly: true, type: "text", value: subTotal || "0", info: t("pricingFormInfoSubTotal") })),
68
68
  react_1.default.createElement("div", { className: "space-y-3" },
69
69
  react_1.default.createElement(label_1.Label, null, t("pricingFormLabelDiscountUnit")),
70
70
  react_1.default.createElement("p", { className: "text-sm text-muted-foreground" }, t("pricingFormDescriptionDiscountUnit")),
@@ -80,11 +80,11 @@ var PricingSection = function () {
80
80
  ? "default"
81
81
  : "outline" }, t("pricingFormDiscountPercentageValue")))),
82
82
  react_1.default.createElement("div", { className: "space-y-2" },
83
- react_1.default.createElement(input_1.Input, { error: errors.discount, id: "discount", info: t("pricingFormInfoDiscount"), label: t("pricingFormLabelDiscount"), onChange: function (e) { return handleChange("discount", e.target.value); }, placeholder: t("pricingFormPlaceholderDiscount"), type: "number", value: discount || "0" })),
83
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors.discount, id: "discount", info: t("pricingFormInfoDiscount"), label: t("pricingFormLabelDiscount"), onChange: function (e) { return handleChange("discount", e.target.value); }, placeholder: t("pricingFormPlaceholderDiscount"), type: "number", value: discount || "0" })),
84
84
  react_1.default.createElement("div", { className: "space-y-2" },
85
- react_1.default.createElement(input_1.Input, { id: "afterDiscount", label: t("pricingFormLabelAfterDiscount"), onChange: function (e) { return handleChange("afterDiscount", e.target.value); }, placeholder: t("pricingFormPlaceholderAfterDiscount"), readOnly: true, type: "text", value: afterDiscount || "0", info: t("pricingFormInfoAfterDiscount") })),
85
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { id: "afterDiscount", label: t("pricingFormLabelAfterDiscount"), onChange: function (e) { return handleChange("afterDiscount", e.target.value); }, placeholder: t("pricingFormPlaceholderAfterDiscount"), readOnly: true, type: "text", value: afterDiscount || "0", info: t("pricingFormInfoAfterDiscount") })),
86
86
  react_1.default.createElement("div", { className: "space-y-2" },
87
- react_1.default.createElement(combobox_1.Combobox, { id: "taxRate", label: t("pricingFormLabelTax"), value: (currentTax === null || currentTax === void 0 ? void 0 : currentTax.taxRate) || "", onValueChange: function (v) { return handleChange("taxRate", v); }, onSearchChange: handleTaxSearch, loading: taxesLoading, options: (taxesFromTaxContext || [])
87
+ react_1.default.createElement(enhanced_combobox_1.EnhancedCombobox, { id: "taxRate", label: t("pricingFormLabelTax"), value: (currentTax === null || currentTax === void 0 ? void 0 : currentTax.taxRate) || "", onValueChange: function (v) { return handleChange("taxRate", v); }, onSearchChange: handleTaxSearch, loading: taxesLoading, options: (taxesFromTaxContext || [])
88
88
  .slice()
89
89
  .sort(function (a, b) { return a.taxName.localeCompare(b.taxName); })
90
90
  .map(function (tax) { return ({
@@ -92,8 +92,8 @@ var PricingSection = function () {
92
92
  value: tax.taxRate.toString(),
93
93
  }); }), placeholder: t("pricingFormPlaceholderTax"), searchPlaceholder: t("pricingFormLabelSearchPlaceholder"), info: t("pricingFormInfoTax"), error: errors.taxRate, required: true })),
94
94
  react_1.default.createElement("div", { className: "space-y-2" },
95
- react_1.default.createElement(input_1.Input, { id: "afterTax", label: t("pricingFormLabelAfterTax"), placeholder: t("pricingFormPlaceholderAfterTax"), readOnly: true, type: "text", value: isNaN(Number(tax)) ? "0" : tax || "0", info: t("pricingFormInfoAfterTax") })),
95
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { id: "afterTax", label: t("pricingFormLabelAfterTax"), placeholder: t("pricingFormPlaceholderAfterTax"), readOnly: true, type: "text", value: isNaN(Number(tax)) ? "0" : tax || "0", info: t("pricingFormInfoAfterTax") })),
96
96
  react_1.default.createElement("div", { className: "space-y-2" },
97
- react_1.default.createElement(input_1.Input, { error: errors.total, id: "total", label: t("pricingFormLabelTotal"), onChange: function (e) { return handleChange("total", e.target.value); }, placeholder: t("pricingFormPlaceholderTotal"), readOnly: true, required: true, type: "text", value: isNaN(Number(total)) ? "0" : String(total || "0"), info: t("pricingFormInfoTotal") }))))));
97
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors.total, id: "total", label: t("pricingFormLabelTotal"), onChange: function (e) { return handleChange("total", e.target.value); }, placeholder: t("pricingFormPlaceholderTotal"), readOnly: true, required: true, type: "text", value: isNaN(Number(total)) ? "0" : String(total || "0"), info: t("pricingFormInfoTotal") }))))));
98
98
  };
99
99
  exports.PricingSection = PricingSection;
@@ -13,9 +13,9 @@ exports.ProductsSection = void 0;
13
13
  var react_1 = __importDefault(require("react"));
14
14
  var next_intl_1 = require("next-intl");
15
15
  var lucide_react_1 = require("lucide-react");
16
- var button_1 = require("@appcorp/shadcn/components/button");
17
- var combobox_1 = require("@appcorp/shadcn/components/combobox");
18
- var input_1 = require("@appcorp/shadcn/components/input");
16
+ var button_1 = require("@appcorp/shadcn/components/ui/button");
17
+ var enhanced_combobox_1 = require("@appcorp/shadcn/components/enhanced-combobox");
18
+ var enhanced_input_1 = require("@appcorp/shadcn/components/enhanced-input");
19
19
  var context_1 = require("./context");
20
20
  var ProductsSection = function () {
21
21
  var t = (0, next_intl_1.useTranslations)("invoice");
@@ -32,7 +32,7 @@ var ProductsSection = function () {
32
32
  react_1.default.createElement("h3", { className: "text-lg font-semibold border-b pb-2" }, t("productFormSectionTitle")),
33
33
  react_1.default.createElement("div", { className: "flex flex-col gap-4" }, productsList.map(function (row, index) { return (react_1.default.createElement("div", { key: index, className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-[2fr_0.75fr_0.75fr_0.75fr_auto] gap-4 items-start p-4 border rounded-lg" },
34
34
  react_1.default.createElement("div", { className: "space-y-2" },
35
- react_1.default.createElement(combobox_1.CompanyCombobox, { companies: getProducts || [], error: errors["productsList-".concat(index, "-id")], id: "product-id-".concat(index), label: t("productFormLabelProductName"), onSearchChange: handleProductSearch, onValueChange: function (selectedProductId) {
35
+ react_1.default.createElement(enhanced_combobox_1.CompanyCombobox, { companies: getProducts || [], error: errors["productsList-".concat(index, "-id")], id: "product-id-".concat(index), label: t("productFormLabelProductName"), onSearchChange: handleProductSearch, onValueChange: function (selectedProductId) {
36
36
  return handleItemChangeProducts({
37
37
  index: index,
38
38
  key: "id",
@@ -40,7 +40,7 @@ var ProductsSection = function () {
40
40
  });
41
41
  }, placeholder: t("productFormPlaceholderProductName"), required: true, value: productsList[index].id || "", info: t("productFormInfoProductName") })),
42
42
  react_1.default.createElement("div", { className: "space-y-2" },
43
- react_1.default.createElement(input_1.Input, { error: errors["productsList-".concat(index, "-quantity")], id: "product-quantity-".concat(index), label: t("productFormLabelQuantity"), onChange: function (e) {
43
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors["productsList-".concat(index, "-quantity")], id: "product-quantity-".concat(index), label: t("productFormLabelQuantity"), onChange: function (e) {
44
44
  return handleItemChangeProducts({
45
45
  index: index,
46
46
  key: "quantity",
@@ -48,7 +48,7 @@ var ProductsSection = function () {
48
48
  });
49
49
  }, placeholder: t("productFormPlaceholderQuantity"), required: true, type: "number", value: String(productsList[index].quantity || ""), info: t("productFormInfoQuantity") })),
50
50
  react_1.default.createElement("div", { className: "space-y-2" },
51
- react_1.default.createElement(input_1.Input, { error: errors["productsList-".concat(index, "-price")], id: "product-price-".concat(index), label: t("productFormLabelPrice"), onChange: function (e) {
51
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors["productsList-".concat(index, "-price")], id: "product-price-".concat(index), label: t("productFormLabelPrice"), onChange: function (e) {
52
52
  return handleItemChangeProducts({
53
53
  index: index,
54
54
  key: "price",
@@ -56,7 +56,7 @@ var ProductsSection = function () {
56
56
  });
57
57
  }, placeholder: t("productFormPlaceholderPrice"), required: true, type: "number", value: productsList[index].price || "", info: t("productFormInfoPrice") })),
58
58
  react_1.default.createElement("div", { className: "space-y-2" },
59
- react_1.default.createElement(input_1.Input, { error: errors["productsList-".concat(index, "-rowTotal")], id: "product-rowTotal-".concat(index), label: t("productFormLabelServiceRowTotal"), onChange: function (e) {
59
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors["productsList-".concat(index, "-rowTotal")], id: "product-rowTotal-".concat(index), label: t("productFormLabelServiceRowTotal"), onChange: function (e) {
60
60
  return handleItemChangeProducts({
61
61
  index: index,
62
62
  key: "rowTotal",
@@ -13,8 +13,8 @@ exports.ServicesSection = void 0;
13
13
  var react_1 = __importDefault(require("react"));
14
14
  var next_intl_1 = require("next-intl");
15
15
  var lucide_react_1 = require("lucide-react");
16
- var button_1 = require("@appcorp/shadcn/components/button");
17
- var input_1 = require("@appcorp/shadcn/components/input");
16
+ var button_1 = require("@appcorp/shadcn/components/ui/button");
17
+ var enhanced_input_1 = require("@appcorp/shadcn/components/enhanced-input");
18
18
  var context_1 = require("./context");
19
19
  var ServicesSection = function () {
20
20
  var t = (0, next_intl_1.useTranslations)("invoice");
@@ -26,7 +26,7 @@ var ServicesSection = function () {
26
26
  react_1.default.createElement("h3", { className: "text-lg font-semibold border-b pb-2" }, t("serviceFormSectionTitle")),
27
27
  react_1.default.createElement("div", { className: "flex flex-col gap-4" }, servicesList.map(function (row, index) { return (react_1.default.createElement("div", { key: index, className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-[1fr_1fr_0.75fr_0.75fr_0.75fr_auto] gap-4 items-end p-4 border rounded-lg" },
28
28
  react_1.default.createElement("div", { className: "space-y-2" },
29
- react_1.default.createElement(input_1.Input, { error: errors["servicesList-".concat(index, "-name")], id: "service-name-".concat(index), label: t("serviceFormLabelServiceName"), onChange: function (e) {
29
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors["servicesList-".concat(index, "-name")], id: "service-name-".concat(index), label: t("serviceFormLabelServiceName"), onChange: function (e) {
30
30
  return handleItemChangeServices({
31
31
  index: index,
32
32
  key: "name",
@@ -34,7 +34,7 @@ var ServicesSection = function () {
34
34
  });
35
35
  }, placeholder: t("serviceFormPlaceholderServiceName"), required: true, type: "text", value: servicesList[index].name || "", info: t("serviceFormInfoServiceName") })),
36
36
  react_1.default.createElement("div", { className: "space-y-2" },
37
- react_1.default.createElement(input_1.Input, { error: errors["servicesList-".concat(index, "-description")], id: "service-description-".concat(index), label: t("serviceFormLabelServiceDescription"), onChange: function (e) {
37
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors["servicesList-".concat(index, "-description")], id: "service-description-".concat(index), label: t("serviceFormLabelServiceDescription"), onChange: function (e) {
38
38
  return handleItemChangeServices({
39
39
  index: index,
40
40
  key: "description",
@@ -42,7 +42,7 @@ var ServicesSection = function () {
42
42
  });
43
43
  }, placeholder: t("serviceFormPlaceholderServiceDescription"), type: "text", value: servicesList[index].description || "", info: t("serviceFormInfoServiceDescription") })),
44
44
  react_1.default.createElement("div", { className: "space-y-2" },
45
- react_1.default.createElement(input_1.Input, { error: errors["servicesList-".concat(index, "-quantity")], id: "service-quantity-".concat(index), label: t("serviceFormLabelServiceQuantity"), onChange: function (e) {
45
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors["servicesList-".concat(index, "-quantity")], id: "service-quantity-".concat(index), label: t("serviceFormLabelServiceQuantity"), onChange: function (e) {
46
46
  return handleItemChangeServices({
47
47
  index: index,
48
48
  key: "quantity",
@@ -50,7 +50,7 @@ var ServicesSection = function () {
50
50
  });
51
51
  }, placeholder: t("serviceFormPlaceholderServiceQuantity"), required: true, type: "number", value: servicesList[index].quantity || "", info: t("serviceFormInfoServiceQuantity") })),
52
52
  react_1.default.createElement("div", { className: "space-y-2" },
53
- react_1.default.createElement(input_1.Input, { error: errors["servicesList-".concat(index, "-price")], id: "service-price-".concat(index), label: t("serviceFormLabelServicePrice"), onChange: function (e) {
53
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors["servicesList-".concat(index, "-price")], id: "service-price-".concat(index), label: t("serviceFormLabelServicePrice"), onChange: function (e) {
54
54
  return handleItemChangeServices({
55
55
  index: index,
56
56
  key: "price",
@@ -58,7 +58,7 @@ var ServicesSection = function () {
58
58
  });
59
59
  }, placeholder: t("serviceFormPlaceholderServicePrice"), required: true, type: "number", value: servicesList[index].price || "", info: t("serviceFormInfoServicePrice") })),
60
60
  react_1.default.createElement("div", { className: "space-y-2" },
61
- react_1.default.createElement(input_1.Input, { error: errors["servicesList-".concat(index, "-rowTotal")], id: "service-rowTotal-".concat(index), label: t("serviceFormLabelServiceRowTotal"), onChange: function (e) {
61
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors["servicesList-".concat(index, "-rowTotal")], id: "service-rowTotal-".concat(index), label: t("serviceFormLabelServiceRowTotal"), onChange: function (e) {
62
62
  return handleItemChangeServices({
63
63
  index: index,
64
64
  key: "rowTotal",
@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.Drawer = void 0;
7
7
  var react_1 = __importDefault(require("react"));
8
8
  var lucide_react_1 = require("lucide-react");
9
- var button_1 = require("@appcorp/shadcn/components/button");
10
- var drawer_1 = require("@appcorp/shadcn/components/drawer");
9
+ var button_1 = require("@appcorp/shadcn/components/ui/button");
10
+ var drawer_1 = require("@appcorp/shadcn/components/ui/drawer");
11
11
  var context_1 = require("./context");
12
12
  var form_1 = require("./form");
13
13
  var types_1 = require("./types");
@@ -24,7 +24,7 @@ var Drawer = function (_a) {
24
24
  var drawerDirection = isRTL ? "left" : "right";
25
25
  return (react_1.default.createElement(drawer_1.Drawer, { open: !!drawer, onOpenChange: function (open) { return !open && closeDrawer(); }, direction: drawerDirection },
26
26
  react_1.default.createElement(drawer_1.DrawerContent, { className: "h-full ".concat(drawerWidth, " ").concat(isRTL ? "rtl" : "ltr"), dir: isRTL ? "rtl" : "ltr" },
27
- react_1.default.createElement(drawer_1.DrawerHeader, { className: "flex-row items-center justify-between border-b pb-4 ".concat(isRTL ? "flex-row-reverse" : "") },
27
+ react_1.default.createElement(drawer_1.DrawerHeader, { className: "flex flex-row items-center justify-between border-b pb-4 ".concat(isRTL ? "flex-row-reverse" : "") },
28
28
  react_1.default.createElement(drawer_1.DrawerTitle, { className: "text-xl font-semibold flex items-center ".concat(isRTL ? "flex-row-reverse gap-2" : "gap-2") }, drawerTitle),
29
29
  react_1.default.createElement(drawer_1.DrawerClose, { asChild: true },
30
30
  react_1.default.createElement(button_1.Button, { variant: "ghost", size: "icon", className: "h-8 w-8" },
@@ -18,9 +18,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
18
18
  exports.PaymentForm = void 0;
19
19
  var react_1 = __importDefault(require("react"));
20
20
  var next_intl_1 = require("next-intl");
21
- var input_1 = require("@appcorp/shadcn/components/input");
22
- var textarea_1 = require("@appcorp/shadcn/components/textarea");
23
- var combobox_1 = require("@appcorp/shadcn/components/combobox");
21
+ var enhanced_input_1 = require("@appcorp/shadcn/components/enhanced-input");
22
+ var enhanced_textarea_1 = require("@appcorp/shadcn/components/enhanced-textarea");
23
+ var enhanced_combobox_1 = require("@appcorp/shadcn/components/enhanced-combobox");
24
24
  var enhanced_dropzone_1 = require("@appcorp/shadcn/components/enhanced-dropzone");
25
25
  var context_1 = require("./context");
26
26
  var context_2 = require("@appcorp/stellar-solutions-modules/global-modules/payment-mode/context");
@@ -46,19 +46,19 @@ var PaymentForm = function (_a) {
46
46
  react_1.default.createElement("div", { className: "space-y-4" },
47
47
  react_1.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-1 gap-4" },
48
48
  react_1.default.createElement("div", { className: "space-y-2" },
49
- react_1.default.createElement(input_1.Input, { id: "date", type: "date", label: t("formLabelDate"), value: date ? new Date(date).toISOString().split("T")[0] : "", onChange: function (e) {
49
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { id: "date", type: "date", label: t("formLabelDate"), value: date ? new Date(date).toISOString().split("T")[0] : "", onChange: function (e) {
50
50
  return handleChange("date", new Date(e.target.value).toISOString());
51
51
  }, placeholder: t("formPlaceholderDate"), info: t("formInfoDate"), error: getTranslatedError("date"), required: true })),
52
52
  react_1.default.createElement("div", { className: "space-y-2" },
53
- react_1.default.createElement(input_1.Input, { id: "amount", type: "text", label: t("formLabelAmount"), value: amount || "", onChange: function (e) { return handleChange("amount", e.target.value); }, placeholder: t("formPlaceholderAmount"), info: t("formInfoAmount"), error: getTranslatedError("amount"), required: true })),
53
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { id: "amount", type: "text", label: t("formLabelAmount"), value: amount || "", onChange: function (e) { return handleChange("amount", e.target.value); }, placeholder: t("formPlaceholderAmount"), info: t("formInfoAmount"), error: getTranslatedError("amount"), required: true })),
54
54
  react_1.default.createElement("div", { className: "space-y-2" },
55
- react_1.default.createElement(input_1.Input, { id: "balance", type: "text", label: t("formLabelBalance"), value: balance || "", onChange: function (e) { return handleChange("balance", e.target.value); }, placeholder: t("formPlaceholderBalance"), info: t("formInfoBalance"), error: getTranslatedError("balance"), required: true, readOnly: true })),
55
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { id: "balance", type: "text", label: t("formLabelBalance"), value: balance || "", onChange: function (e) { return handleChange("balance", e.target.value); }, placeholder: t("formPlaceholderBalance"), info: t("formInfoBalance"), error: getTranslatedError("balance"), required: true, readOnly: true })),
56
56
  react_1.default.createElement("div", { className: "space-y-2" },
57
- react_1.default.createElement(input_1.Input, { id: "paymentType", type: "text", label: t("formLabelPaymentType"), value: paymentType || "", readOnly: true, placeholder: t("formPlaceholderPaymentType"), info: t("formInfoPaymentType"), error: getTranslatedError("paymentType"), required: true })),
57
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { id: "paymentType", type: "text", label: t("formLabelPaymentType"), value: paymentType || "", readOnly: true, placeholder: t("formPlaceholderPaymentType"), info: t("formInfoPaymentType"), error: getTranslatedError("paymentType"), required: true })),
58
58
  react_1.default.createElement("div", { className: "space-y-2" },
59
- react_1.default.createElement(input_1.Input, { id: "currency", type: "text", label: t("formLabelCurrency"), value: currency || "", readOnly: true, placeholder: t("formPlaceholderCurrency"), info: t("formInfoCurrency"), error: getTranslatedError("currency"), required: true })),
59
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { id: "currency", type: "text", label: t("formLabelCurrency"), value: currency || "", readOnly: true, placeholder: t("formPlaceholderCurrency"), info: t("formInfoCurrency"), error: getTranslatedError("currency"), required: true })),
60
60
  react_1.default.createElement("div", { className: "space-y-2" },
61
- react_1.default.createElement(combobox_1.Combobox, { id: "paymentModeId", label: t("formLabelPaymentMode"), value: paymentModeId || "", onValueChange: function (value) { return handleChange("paymentModeId", value); }, loading: paymentModesLoading, options: (paymentModes || [])
61
+ react_1.default.createElement(enhanced_combobox_1.EnhancedCombobox, { id: "paymentModeId", label: t("formLabelPaymentMode"), value: paymentModeId || "", onValueChange: function (value) { return handleChange("paymentModeId", value); }, loading: paymentModesLoading, options: (paymentModes || [])
62
62
  // .slice()
63
63
  // .filter((mode) => mode.enabled)
64
64
  .sort(function (a, b) { return a.label.localeCompare(b.label); })
@@ -67,7 +67,7 @@ var PaymentForm = function (_a) {
67
67
  value: mode.id,
68
68
  }); }), placeholder: t("formPlaceholderPaymentMode"), searchPlaceholder: t("searchPaymentMode"), info: t("formInfoPaymentMode"), error: getTranslatedError("paymentModeId"), required: true }))),
69
69
  react_1.default.createElement("div", { className: "space-y-2" },
70
- react_1.default.createElement(input_1.Input, { id: "ref", type: "text", label: t("formLabelRef"), value: ref || "", onChange: function (e) { return handleChange("ref", e.target.value); }, placeholder: t("formPlaceholderRef"), info: t("formInfoRef"), error: getTranslatedError("ref") })),
70
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { id: "ref", type: "text", label: t("formLabelRef"), value: ref || "", onChange: function (e) { return handleChange("ref", e.target.value); }, placeholder: t("formPlaceholderRef"), info: t("formInfoRef"), error: getTranslatedError("ref") })),
71
71
  react_1.default.createElement("div", { className: "space-y-2" },
72
72
  react_1.default.createElement(enhanced_dropzone_1.EnhancedDropzone, { id: "attachment", label: t("formLabelAttachment"), value: attachment ? [attachment] : [], onChange: function (files) {
73
73
  if (files.length > 0) {
@@ -76,6 +76,6 @@ var PaymentForm = function (_a) {
76
76
  }
77
77
  }, onRemoveRemote: function () { return handleChange("attachment", ""); }, info: t("formInfoAttachment"), error: getTranslatedError("attachment"), maxFiles: 1 })),
78
78
  react_1.default.createElement("div", { className: "space-y-2" },
79
- react_1.default.createElement(textarea_1.Textarea, { id: "description", label: t("formLabelDescription"), value: description || "", onChange: function (e) { return handleChange("description", e.target.value); }, placeholder: t("formPlaceholderDescription"), info: t("formInfoDescription"), error: getTranslatedError("description"), rows: 3 })))));
79
+ react_1.default.createElement(enhanced_textarea_1.EnhancedTextarea, { id: "description", label: t("formLabelDescription"), value: description || "", onChange: function (e) { return handleChange("description", e.target.value); }, placeholder: t("formPlaceholderDescription"), info: t("formInfoDescription"), error: getTranslatedError("description"), rows: 3 })))));
80
80
  };
81
81
  exports.PaymentForm = PaymentForm;
@@ -10,7 +10,7 @@ var next_intl_1 = require("next-intl");
10
10
  var util_functions_1 = require("@react-pakistan/util-functions");
11
11
  var use_rtl_1 = require("@appcorp/stellar-solutions-modules/hooks/use-rtl");
12
12
  var enhanced_table_1 = require("@appcorp/shadcn/components/enhanced-table");
13
- var sonner_1 = require("@appcorp/shadcn/components/sonner");
13
+ var sonner_1 = require("@appcorp/shadcn/components/ui/sonner");
14
14
  var constants_1 = require("./constants");
15
15
  var context_1 = require("./context");
16
16
  var drawer_1 = require("./drawer");
@@ -13,7 +13,7 @@ exports.AddServiceProductSection = void 0;
13
13
  var react_1 = __importDefault(require("react"));
14
14
  var next_intl_1 = require("next-intl");
15
15
  var lucide_react_1 = require("lucide-react");
16
- var button_1 = require("@appcorp/shadcn/components/button");
16
+ var button_1 = require("@appcorp/shadcn/components/ui/button");
17
17
  var context_1 = require("./context");
18
18
  var AddServiceProductSection = function () {
19
19
  var t = (0, next_intl_1.useTranslations)("quote");
@@ -43,9 +43,9 @@ exports.CompanySection = void 0;
43
43
  var react_1 = __importStar(require("react"));
44
44
  var next_intl_1 = require("next-intl");
45
45
  var date_fns_1 = require("date-fns");
46
- var combobox_1 = require("@appcorp/shadcn/components/combobox");
47
- var input_1 = require("@appcorp/shadcn/components/input");
48
- var textarea_1 = require("@appcorp/shadcn/components/textarea");
46
+ var enhanced_combobox_1 = require("@appcorp/shadcn/components/enhanced-combobox");
47
+ var enhanced_input_1 = require("@appcorp/shadcn/components/enhanced-input");
48
+ var enhanced_textarea_1 = require("@appcorp/shadcn/components/enhanced-textarea");
49
49
  var context_1 = require("@appcorp/stellar-solutions-modules/global-modules/preferences/context");
50
50
  var actions_1 = require("./actions");
51
51
  var context_2 = require("./context");
@@ -110,16 +110,16 @@ var CompanySection = function () {
110
110
  react_1.default.createElement("h3", { className: "text-lg font-semibold border-b pb-2" }, t("companyFormSectionTitle")),
111
111
  react_1.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4" },
112
112
  react_1.default.createElement("div", { className: "space-y-2" },
113
- react_1.default.createElement(combobox_1.CompanyCombobox, { companies: companiesList || [], error: errors.companyId, id: "companyId", info: t("companyFormInfoCompany"), label: t("companyFormLabelCompany"), onSearchChange: handleCompanySearch, onValueChange: handleCompanyChange, placeholder: t("companyFormPlaceholderCompany"), required: true, value: companyId || "" })),
113
+ react_1.default.createElement(enhanced_combobox_1.CompanyCombobox, { companies: companiesList || [], error: errors.companyId, id: "companyId", info: t("companyFormInfoCompany"), label: t("companyFormLabelCompany"), onSearchChange: handleCompanySearch, onValueChange: handleCompanyChange, placeholder: t("companyFormPlaceholderCompany"), required: true, value: companyId || "" })),
114
114
  react_1.default.createElement("div", { className: "space-y-2" },
115
- react_1.default.createElement(input_1.Input, { error: errors.date, id: "date", info: t("companyFormInfoDate"), label: t("companyFormLabelDate"), onChange: function (e) { return handleInputChange("date", e.target.value); }, placeholder: t("companyFormPlaceholderDate"), required: true, type: "date", value: date ? (0, date_fns_1.format)(new Date(date), "yyyy-MM-dd") : "" })),
115
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors.date, id: "date", info: t("companyFormInfoDate"), label: t("companyFormLabelDate"), onChange: function (e) { return handleInputChange("date", e.target.value); }, placeholder: t("companyFormPlaceholderDate"), required: true, type: "date", value: date ? (0, date_fns_1.format)(new Date(date), "yyyy-MM-dd") : "" })),
116
116
  react_1.default.createElement("div", { className: "space-y-2" },
117
- react_1.default.createElement(input_1.Input, { error: errors.expiryDate, id: "expiryDate", info: t("companyFormInfoExpiryDate"), label: t("companyFormLabelExpiryDate"), onChange: function (e) { return handleInputChange("expiryDate", e.target.value); }, placeholder: t("companyFormPlaceholderExpiryDate"), required: true, type: "date", value: expiryDate ? (0, date_fns_1.format)(new Date(expiryDate), "yyyy-MM-dd") : "" })),
117
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors.expiryDate, id: "expiryDate", info: t("companyFormInfoExpiryDate"), label: t("companyFormLabelExpiryDate"), onChange: function (e) { return handleInputChange("expiryDate", e.target.value); }, placeholder: t("companyFormPlaceholderExpiryDate"), required: true, type: "date", value: expiryDate ? (0, date_fns_1.format)(new Date(expiryDate), "yyyy-MM-dd") : "" })),
118
118
  react_1.default.createElement("div", { className: "space-y-2" },
119
- react_1.default.createElement(combobox_1.CompanyCombobox, { companies: currencyOptions, error: errors.currency, id: "currency", info: t("companyFormInfoCurrency"), label: t("companyFormLabelCurrency"), onSearchChange: function () { }, onValueChange: handleCurrencyChange, placeholder: t("companyFormPlaceholderCurrency"), required: true, value: currency || "" })),
119
+ react_1.default.createElement(enhanced_combobox_1.CompanyCombobox, { companies: currencyOptions, error: errors.currency, id: "currency", info: t("companyFormInfoCurrency"), label: t("companyFormLabelCurrency"), onSearchChange: function () { }, onValueChange: handleCurrencyChange, placeholder: t("companyFormPlaceholderCurrency"), required: true, value: currency || "" })),
120
120
  react_1.default.createElement("div", { className: "space-y-2" },
121
- react_1.default.createElement(textarea_1.Textarea, { error: errors.note, id: "note", info: t("companyFormInfoNote"), label: t("companyFormLabelNote"), onChange: function (e) { return handleInputChange("note", e.target.value); }, placeholder: t("companyFormPlaceholderNote"), rows: 3, value: note || "" })),
121
+ react_1.default.createElement(enhanced_textarea_1.EnhancedTextarea, { error: errors.note, id: "note", info: t("companyFormInfoNote"), label: t("companyFormLabelNote"), onChange: function (e) { return handleInputChange("note", e.target.value); }, placeholder: t("companyFormPlaceholderNote"), rows: 3, value: note || "" })),
122
122
  react_1.default.createElement("div", { className: "space-y-2" },
123
- react_1.default.createElement(input_1.Input, { error: errors.ref, id: "ref", info: t("companyFormInfoReference"), label: t("companyFormLabelReference"), onChange: function (e) { return handleInputChange("ref", e.target.value); }, placeholder: t("companyFormPlaceholderReference"), readOnly: true, required: true, type: "text", value: ref || "" })))));
123
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors.ref, id: "ref", info: t("companyFormInfoReference"), label: t("companyFormLabelReference"), onChange: function (e) { return handleInputChange("ref", e.target.value); }, placeholder: t("companyFormPlaceholderReference"), readOnly: true, required: true, type: "text", value: ref || "" })))));
124
124
  };
125
125
  exports.CompanySection = CompanySection;
@@ -43,8 +43,8 @@ exports.CustomerSection = void 0;
43
43
  var react_1 = __importStar(require("react"));
44
44
  var next_intl_1 = require("next-intl");
45
45
  var util_functions_1 = require("@react-pakistan/util-functions");
46
- var combobox_1 = require("@appcorp/shadcn/components/combobox");
47
- var input_1 = require("@appcorp/shadcn/components/input");
46
+ var enhanced_combobox_1 = require("@appcorp/shadcn/components/enhanced-combobox");
47
+ var enhanced_input_1 = require("@appcorp/shadcn/components/enhanced-input");
48
48
  var context_1 = require("./context");
49
49
  var actions_1 = require("./actions");
50
50
  var CustomerSection = function () {
@@ -82,18 +82,18 @@ var CustomerSection = function () {
82
82
  react_1.default.createElement("h3", { className: "text-lg font-semibold border-b pb-2" }, t("customerFormSectionTitle")),
83
83
  react_1.default.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4" },
84
84
  react_1.default.createElement("div", { className: "space-y-2" },
85
- react_1.default.createElement(input_1.Input, { error: errors.phone, id: "phone", info: t("customerFormInfoPhone"), label: t("customerFormLabelPhone"), onChange: function (e) { return handleCustomerChange("phone", e.target.value); }, placeholder: t("customerFormPlaceholderPhone"), required: true, type: "tel", value: (customer === null || customer === void 0 ? void 0 : customer.phone) || "" })),
85
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors.phone, id: "phone", info: t("customerFormInfoPhone"), label: t("customerFormLabelPhone"), onChange: function (e) { return handleCustomerChange("phone", e.target.value); }, placeholder: t("customerFormPlaceholderPhone"), required: true, type: "tel", value: (customer === null || customer === void 0 ? void 0 : customer.phone) || "" })),
86
86
  react_1.default.createElement("div", { className: "space-y-2" },
87
- react_1.default.createElement(input_1.Input, { error: errors.firstName, id: "firstName", info: t("customerFormInfoFirstName"), label: t("customerFormLabelFirstName"), onChange: function (e) { return handleInputChange("firstName", e.target.value); }, placeholder: t("customerFormPlaceholderFirstName"), required: true, type: "text", value: (customer === null || customer === void 0 ? void 0 : customer.firstName) || "" })),
87
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors.firstName, id: "firstName", info: t("customerFormInfoFirstName"), label: t("customerFormLabelFirstName"), onChange: function (e) { return handleInputChange("firstName", e.target.value); }, placeholder: t("customerFormPlaceholderFirstName"), required: true, type: "text", value: (customer === null || customer === void 0 ? void 0 : customer.firstName) || "" })),
88
88
  react_1.default.createElement("div", { className: "space-y-2" },
89
- react_1.default.createElement(input_1.Input, { error: errors.lastName, id: "lastName", info: t("customerFormInfoLastName"), label: t("customerFormLabelLastName"), onChange: function (e) { return handleInputChange("lastName", e.target.value); }, placeholder: t("customerFormPlaceholderLastName"), required: true, type: "text", value: (customer === null || customer === void 0 ? void 0 : customer.lastName) || "" })),
89
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors.lastName, id: "lastName", info: t("customerFormInfoLastName"), label: t("customerFormLabelLastName"), onChange: function (e) { return handleInputChange("lastName", e.target.value); }, placeholder: t("customerFormPlaceholderLastName"), required: true, type: "text", value: (customer === null || customer === void 0 ? void 0 : customer.lastName) || "" })),
90
90
  react_1.default.createElement("div", { className: "space-y-2" },
91
- react_1.default.createElement(input_1.Input, { error: errors.email, id: "email", info: t("customerFormInfoEmail"), label: t("customerFormLabelEmail"), onChange: function (e) { return handleInputChange("email", e.target.value); }, placeholder: t("customerFormPlaceholderEmail"), type: "email", value: (customer === null || customer === void 0 ? void 0 : customer.email) || "" })),
91
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors.email, id: "email", info: t("customerFormInfoEmail"), label: t("customerFormLabelEmail"), onChange: function (e) { return handleInputChange("email", e.target.value); }, placeholder: t("customerFormPlaceholderEmail"), type: "email", value: (customer === null || customer === void 0 ? void 0 : customer.email) || "" })),
92
92
  react_1.default.createElement("div", { className: "space-y-2" },
93
- react_1.default.createElement(input_1.Input, { error: errors.address, id: "address", info: t("customerFormInfoAddress"), label: t("customerFormLabelAddress"), onChange: function (e) { return handleInputChange("address", e.target.value); }, placeholder: t("customerFormPlaceholderAddress"), type: "text", value: (customer === null || customer === void 0 ? void 0 : customer.address) || "" })),
93
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors.address, id: "address", info: t("customerFormInfoAddress"), label: t("customerFormLabelAddress"), onChange: function (e) { return handleInputChange("address", e.target.value); }, placeholder: t("customerFormPlaceholderAddress"), type: "text", value: (customer === null || customer === void 0 ? void 0 : customer.address) || "" })),
94
94
  react_1.default.createElement("div", { className: "space-y-2" },
95
- react_1.default.createElement(input_1.Input, { error: errors.city, id: "city", info: t("customerFormInfoCity"), label: t("customerFormLabelCity"), onChange: function (e) { return handleInputChange("city", e.target.value); }, placeholder: t("customerFormPlaceholderCity"), required: true, type: "text", value: (customer === null || customer === void 0 ? void 0 : customer.city) || "" })),
95
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors.city, id: "city", info: t("customerFormInfoCity"), label: t("customerFormLabelCity"), onChange: function (e) { return handleInputChange("city", e.target.value); }, placeholder: t("customerFormPlaceholderCity"), required: true, type: "text", value: (customer === null || customer === void 0 ? void 0 : customer.city) || "" })),
96
96
  react_1.default.createElement("div", { className: "space-y-2" },
97
- react_1.default.createElement(combobox_1.CountryCombobox, { countries: util_functions_1.countriesTimeZones, error: errors.country, id: "country", info: t("customerFormInfoCountry"), label: t("customerFormLabelCountry"), onValueChange: handleCountryChange, placeholder: t("customerFormPlaceholderCountry"), required: true, value: (customer === null || customer === void 0 ? void 0 : customer.country) || "" })))));
97
+ react_1.default.createElement(enhanced_combobox_1.CountryCombobox, { countries: util_functions_1.countriesTimeZones, error: errors.country, id: "country", info: t("customerFormInfoCountry"), label: t("customerFormLabelCountry"), onValueChange: handleCountryChange, placeholder: t("customerFormPlaceholderCountry"), required: true, value: (customer === null || customer === void 0 ? void 0 : customer.country) || "" })))));
98
98
  };
99
99
  exports.CustomerSection = CustomerSection;
@@ -14,8 +14,8 @@ exports.Drawer = void 0;
14
14
  var react_1 = __importDefault(require("react"));
15
15
  var lucide_react_1 = require("lucide-react");
16
16
  var next_intl_1 = require("next-intl");
17
- var button_1 = require("@appcorp/shadcn/components/button");
18
- var drawer_1 = require("@appcorp/shadcn/components/drawer");
17
+ var button_1 = require("@appcorp/shadcn/components/ui/button");
18
+ var drawer_1 = require("@appcorp/shadcn/components/ui/drawer");
19
19
  var context_1 = require("./context");
20
20
  var form_1 = require("./form");
21
21
  var types_1 = require("./types");
@@ -26,11 +26,12 @@ var Drawer = function (_a) {
26
26
  var isFormDrawer = drawer === types_1.QUOTE_DRAWER.QUOTE_COMPANY_FORM_DRAWER ||
27
27
  drawer === types_1.QUOTE_DRAWER.QUOTE_CUSTOMER_FORM_DRAWER;
28
28
  var drawerTitle = t("drawerTitleQuote");
29
- var drawerWidth = "data-[vaul-drawer-direction=right]:sm:max-w-5xl";
29
+ // Ensure responsive variant is applied before the data- attribute so Tailwind parses it
30
+ var drawerWidth = "sm:data-[vaul-drawer-direction=right]:min-w-5xl";
30
31
  var drawerDirection = isRTL ? "left" : "right";
31
32
  return (react_1.default.createElement(drawer_1.Drawer, { open: !!drawer, onOpenChange: function (open) { return !open && closeDrawer(); }, direction: drawerDirection },
32
33
  react_1.default.createElement(drawer_1.DrawerContent, { className: "h-full ".concat(drawerWidth, " ").concat(isRTL ? "rtl" : "ltr"), dir: isRTL ? "rtl" : "ltr" },
33
- react_1.default.createElement(drawer_1.DrawerHeader, { className: "flex-row items-center justify-between border-b pb-4 ".concat(isRTL ? "flex-row-reverse" : "") },
34
+ react_1.default.createElement(drawer_1.DrawerHeader, { className: "flex flex-row items-center justify-between border-b pb-4 ".concat(isRTL ? "flex-row-reverse" : "") },
34
35
  react_1.default.createElement(drawer_1.DrawerTitle, { className: "text-xl font-semibold flex items-center ".concat(isRTL ? "flex-row-reverse gap-2" : "gap-2") }, drawerTitle),
35
36
  react_1.default.createElement(drawer_1.DrawerClose, { asChild: true },
36
37
  react_1.default.createElement(button_1.Button, { variant: "ghost", size: "icon", className: "h-8 w-8" },
@@ -42,10 +42,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
42
42
  exports.PricingSection = void 0;
43
43
  var react_1 = __importStar(require("react"));
44
44
  var next_intl_1 = require("next-intl");
45
- var combobox_1 = require("@appcorp/shadcn/components/combobox");
46
- var input_1 = require("@appcorp/shadcn/components/input");
47
- var label_1 = require("@appcorp/shadcn/components/label");
48
- var button_1 = require("@appcorp/shadcn/components/button");
45
+ var enhanced_combobox_1 = require("@appcorp/shadcn/components/enhanced-combobox");
46
+ var enhanced_input_1 = require("@appcorp/shadcn/components/enhanced-input");
47
+ var label_1 = require("@appcorp/shadcn/components/ui/label");
48
+ var button_1 = require("@appcorp/shadcn/components/ui/button");
49
49
  var context_1 = require("@appcorp/stellar-solutions-modules/global-modules/tax/context");
50
50
  var context_2 = require("./context");
51
51
  var types_1 = require("./types");
@@ -64,7 +64,7 @@ var PricingSection = function () {
64
64
  react_1.default.createElement("div", { className: "hidden lg:block" }),
65
65
  react_1.default.createElement("div", { className: "flex flex-col gap-4" },
66
66
  react_1.default.createElement("div", { className: "space-y-2" },
67
- react_1.default.createElement(input_1.Input, { error: errors.subTotal, id: "subTotal", label: t("pricingFormLabelSubTotal"), onChange: function (e) { return handleChange("subTotal", e.target.value); }, placeholder: t("pricingFormPlaceholderSubTotal"), readOnly: true, type: "text", value: subTotal || "0", info: t("pricingFormInfoSubTotal") })),
67
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors.subTotal, id: "subTotal", label: t("pricingFormLabelSubTotal"), onChange: function (e) { return handleChange("subTotal", e.target.value); }, placeholder: t("pricingFormPlaceholderSubTotal"), readOnly: true, type: "text", value: subTotal || "0", info: t("pricingFormInfoSubTotal") })),
68
68
  react_1.default.createElement("div", { className: "space-y-3" },
69
69
  react_1.default.createElement(label_1.Label, null, t("pricingFormLabelDiscountUnit")),
70
70
  react_1.default.createElement("p", { className: "text-sm text-muted-foreground" }, t("pricingFormDescriptionDiscountUnit")),
@@ -80,11 +80,11 @@ var PricingSection = function () {
80
80
  ? "default"
81
81
  : "outline" }, t("pricingFormDiscountPercentageValue")))),
82
82
  react_1.default.createElement("div", { className: "space-y-2" },
83
- react_1.default.createElement(input_1.Input, { error: errors.discount, id: "discount", info: t("pricingFormInfoDiscount"), label: t("pricingFormLabelDiscount"), onChange: function (e) { return handleChange("discount", e.target.value); }, placeholder: t("pricingFormPlaceholderDiscount"), type: "number", value: discount || "0" })),
83
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors.discount, id: "discount", info: t("pricingFormInfoDiscount"), label: t("pricingFormLabelDiscount"), onChange: function (e) { return handleChange("discount", e.target.value); }, placeholder: t("pricingFormPlaceholderDiscount"), type: "number", value: discount || "0" })),
84
84
  react_1.default.createElement("div", { className: "space-y-2" },
85
- react_1.default.createElement(input_1.Input, { id: "afterDiscount", label: t("pricingFormLabelAfterDiscount"), onChange: function (e) { return handleChange("afterDiscount", e.target.value); }, placeholder: t("pricingFormPlaceholderAfterDiscount"), readOnly: true, type: "text", value: afterDiscount || "0", info: t("pricingFormInfoAfterDiscount") })),
85
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { id: "afterDiscount", label: t("pricingFormLabelAfterDiscount"), onChange: function (e) { return handleChange("afterDiscount", e.target.value); }, placeholder: t("pricingFormPlaceholderAfterDiscount"), readOnly: true, type: "text", value: afterDiscount || "0", info: t("pricingFormInfoAfterDiscount") })),
86
86
  react_1.default.createElement("div", { className: "space-y-2" },
87
- react_1.default.createElement(combobox_1.Combobox, { id: "taxRate", label: t("pricingFormLabelTax"), value: (currentTax === null || currentTax === void 0 ? void 0 : currentTax.taxRate) || "", onValueChange: function (v) { return handleChange("taxRate", v); }, onSearchChange: handleTaxSearch, loading: taxesLoading, options: (taxesFromTaxContext || [])
87
+ react_1.default.createElement(enhanced_combobox_1.EnhancedCombobox, { id: "taxRate", label: t("pricingFormLabelTax"), value: (currentTax === null || currentTax === void 0 ? void 0 : currentTax.taxRate) || "", onValueChange: function (v) { return handleChange("taxRate", v); }, onSearchChange: handleTaxSearch, loading: taxesLoading, options: (taxesFromTaxContext || [])
88
88
  .slice()
89
89
  .sort(function (a, b) { return a.taxName.localeCompare(b.taxName); })
90
90
  .map(function (tax) { return ({
@@ -92,8 +92,8 @@ var PricingSection = function () {
92
92
  value: tax.taxRate.toString(),
93
93
  }); }), placeholder: t("pricingFormPlaceholderTax"), searchPlaceholder: t("pricingFormLabelSearchPlaceholder"), info: t("pricingFormInfoTax"), error: errors.taxRate, required: true })),
94
94
  react_1.default.createElement("div", { className: "space-y-2" },
95
- react_1.default.createElement(input_1.Input, { id: "afterTax", label: t("pricingFormLabelAfterTax"), placeholder: t("pricingFormPlaceholderAfterTax"), readOnly: true, type: "text", value: isNaN(Number(tax)) ? "0" : tax || "0", info: t("pricingFormInfoAfterTax") })),
95
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { id: "afterTax", label: t("pricingFormLabelAfterTax"), placeholder: t("pricingFormPlaceholderAfterTax"), readOnly: true, type: "text", value: isNaN(Number(tax)) ? "0" : tax || "0", info: t("pricingFormInfoAfterTax") })),
96
96
  react_1.default.createElement("div", { className: "space-y-2" },
97
- react_1.default.createElement(input_1.Input, { error: errors.total, id: "total", label: t("pricingFormLabelTotal"), onChange: function (e) { return handleChange("total", e.target.value); }, placeholder: t("pricingFormPlaceholderTotal"), readOnly: true, required: true, type: "text", value: isNaN(Number(total)) ? "0" : String(total || "0"), info: t("pricingFormInfoTotal") }))))));
97
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors.total, id: "total", label: t("pricingFormLabelTotal"), onChange: function (e) { return handleChange("total", e.target.value); }, placeholder: t("pricingFormPlaceholderTotal"), readOnly: true, required: true, type: "text", value: isNaN(Number(total)) ? "0" : String(total || "0"), info: t("pricingFormInfoTotal") }))))));
98
98
  };
99
99
  exports.PricingSection = PricingSection;
@@ -13,9 +13,9 @@ exports.ProductsSection = void 0;
13
13
  var react_1 = __importDefault(require("react"));
14
14
  var next_intl_1 = require("next-intl");
15
15
  var lucide_react_1 = require("lucide-react");
16
- var button_1 = require("@appcorp/shadcn/components/button");
17
- var combobox_1 = require("@appcorp/shadcn/components/combobox");
18
- var input_1 = require("@appcorp/shadcn/components/input");
16
+ var button_1 = require("@appcorp/shadcn/components/ui/button");
17
+ var enhanced_combobox_1 = require("@appcorp/shadcn/components/enhanced-combobox");
18
+ var enhanced_input_1 = require("@appcorp/shadcn/components/enhanced-input");
19
19
  var context_1 = require("./context");
20
20
  var ProductsSection = function () {
21
21
  var t = (0, next_intl_1.useTranslations)("quote");
@@ -32,7 +32,7 @@ var ProductsSection = function () {
32
32
  react_1.default.createElement("h3", { className: "text-lg font-semibold border-b pb-2" }, t("productFormSectionTitle")),
33
33
  react_1.default.createElement("div", { className: "flex flex-col gap-4" }, productsList.map(function (row, index) { return (react_1.default.createElement("div", { key: index, className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-[2fr_0.75fr_0.75fr_0.75fr_auto] gap-4 items-start p-4 border rounded-lg" },
34
34
  react_1.default.createElement("div", { className: "space-y-2" },
35
- react_1.default.createElement(combobox_1.CompanyCombobox, { companies: getProducts || [], error: errors["productsList-".concat(index, "-id")], id: "product-id-".concat(index), label: t("productFormLabelProductName"), onSearchChange: handleProductSearch, onValueChange: function (selectedProductId) {
35
+ react_1.default.createElement(enhanced_combobox_1.CompanyCombobox, { companies: getProducts || [], error: errors["productsList-".concat(index, "-id")], id: "product-id-".concat(index), label: t("productFormLabelProductName"), onSearchChange: handleProductSearch, onValueChange: function (selectedProductId) {
36
36
  return handleItemChangeProducts({
37
37
  index: index,
38
38
  key: "id",
@@ -40,7 +40,7 @@ var ProductsSection = function () {
40
40
  });
41
41
  }, placeholder: t("productFormPlaceholderProductName"), required: true, value: productsList[index].id || "", info: t("productFormInfoProductName") })),
42
42
  react_1.default.createElement("div", { className: "space-y-2" },
43
- react_1.default.createElement(input_1.Input, { error: errors["productsList-".concat(index, "-quantity")], id: "product-quantity-".concat(index), label: t("productFormLabelQuantity"), onChange: function (e) {
43
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors["productsList-".concat(index, "-quantity")], id: "product-quantity-".concat(index), label: t("productFormLabelQuantity"), onChange: function (e) {
44
44
  return handleItemChangeProducts({
45
45
  index: index,
46
46
  key: "quantity",
@@ -48,7 +48,7 @@ var ProductsSection = function () {
48
48
  });
49
49
  }, placeholder: t("productFormPlaceholderQuantity"), required: true, type: "number", value: String(productsList[index].quantity || ""), info: t("productFormInfoQuantity") })),
50
50
  react_1.default.createElement("div", { className: "space-y-2" },
51
- react_1.default.createElement(input_1.Input, { error: errors["productsList-".concat(index, "-price")], id: "product-price-".concat(index), label: t("productFormLabelPrice"), onChange: function (e) {
51
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors["productsList-".concat(index, "-price")], id: "product-price-".concat(index), label: t("productFormLabelPrice"), onChange: function (e) {
52
52
  return handleItemChangeProducts({
53
53
  index: index,
54
54
  key: "price",
@@ -56,7 +56,7 @@ var ProductsSection = function () {
56
56
  });
57
57
  }, placeholder: t("productFormPlaceholderPrice"), required: true, type: "number", value: productsList[index].price || "", info: t("productFormInfoPrice") })),
58
58
  react_1.default.createElement("div", { className: "space-y-2" },
59
- react_1.default.createElement(input_1.Input, { error: errors["productsList-".concat(index, "-rowTotal")], id: "product-rowTotal-".concat(index), label: t("productFormLabelServiceRowTotal"), onChange: function (e) {
59
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors["productsList-".concat(index, "-rowTotal")], id: "product-rowTotal-".concat(index), label: t("productFormLabelServiceRowTotal"), onChange: function (e) {
60
60
  return handleItemChangeProducts({
61
61
  index: index,
62
62
  key: "rowTotal",
@@ -10,7 +10,7 @@ var next_intl_1 = require("next-intl");
10
10
  var util_functions_1 = require("@react-pakistan/util-functions");
11
11
  var use_rtl_1 = require("@appcorp/stellar-solutions-modules/hooks/use-rtl");
12
12
  var enhanced_table_1 = require("@appcorp/shadcn/components/enhanced-table");
13
- var sonner_1 = require("@appcorp/shadcn/components/sonner");
13
+ var sonner_1 = require("@appcorp/shadcn/components/ui/sonner");
14
14
  var constants_1 = require("./constants");
15
15
  var context_1 = require("./context");
16
16
  var drawer_1 = require("./drawer");
@@ -61,7 +61,6 @@ var QuotePage = function () {
61
61
  },
62
62
  ];
63
63
  var totalPages = (0, util_functions_1.calculatePages)(count, pageLimit);
64
- console.log("-0>>>", (0, util_functions_1.getAvailablePageLimits)(count));
65
64
  return (react_1.default.createElement("div", { className: "space-y-4 ".concat(isRTL ? "rtl" : "ltr"), dir: isRTL ? "rtl" : "ltr" },
66
65
  react_1.default.createElement(enhanced_table_1.EnhancedTable, { currentPage: Number(currentPage), handleNextOnClick: handleNextClick, handleOnSelect: handlePageLimit, handlePreviousOnClick: handlePreviousClick, handleSearchInput: searchOnChange, headerActions: headerActions, isNextDisabled: (0, util_functions_1.isNextButtonDisabled)(currentPage, totalPages), isPreviousDisabled: (0, util_functions_1.isPreviousButtonDisabled)(currentPage), listOptions: (0, util_functions_1.getAvailablePageLimits)(count), loading: listLoading, nodeSelectKey: "pageLimit", pageLimit: pageLimit, rowActions: rowActions, searchDisabled: false, searchEnabled: true, searchId: "quote-search", searchPlaceholder: t("tableSearchPlaceholder"), searchValue: searchQuery, tableBodyCols: constants_1.tableBodyCols, tableBodyRows: quotes, tableDescription: t("tableDescription"), tableHeadItems: tableHeadItems, tableHeading: t("tableTitle"), totalPages: totalPages }),
67
66
  react_1.default.createElement(drawer_1.Drawer, { isRTL: isRTL }),
@@ -13,8 +13,8 @@ exports.ServicesSection = void 0;
13
13
  var react_1 = __importDefault(require("react"));
14
14
  var next_intl_1 = require("next-intl");
15
15
  var lucide_react_1 = require("lucide-react");
16
- var button_1 = require("@appcorp/shadcn/components/button");
17
- var input_1 = require("@appcorp/shadcn/components/input");
16
+ var button_1 = require("@appcorp/shadcn/components/ui/button");
17
+ var enhanced_input_1 = require("@appcorp/shadcn/components/enhanced-input");
18
18
  var context_1 = require("./context");
19
19
  var ServicesSection = function () {
20
20
  var t = (0, next_intl_1.useTranslations)("quote");
@@ -26,7 +26,7 @@ var ServicesSection = function () {
26
26
  react_1.default.createElement("h3", { className: "text-lg font-semibold border-b pb-2" }, t("serviceFormSectionTitle")),
27
27
  react_1.default.createElement("div", { className: "flex flex-col gap-4" }, servicesList.map(function (row, index) { return (react_1.default.createElement("div", { key: index, className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-[1fr_1fr_0.75fr_0.75fr_0.75fr_auto] gap-4 items-end p-4 border rounded-lg" },
28
28
  react_1.default.createElement("div", { className: "space-y-2" },
29
- react_1.default.createElement(input_1.Input, { error: errors["servicesList-".concat(index, "-name")], id: "service-name-".concat(index), label: t("serviceFormLabelServiceName"), onChange: function (e) {
29
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors["servicesList-".concat(index, "-name")], id: "service-name-".concat(index), label: t("serviceFormLabelServiceName"), onChange: function (e) {
30
30
  return handleItemChangeServices({
31
31
  index: index,
32
32
  key: "name",
@@ -34,7 +34,7 @@ var ServicesSection = function () {
34
34
  });
35
35
  }, placeholder: t("serviceFormPlaceholderServiceName"), required: true, type: "text", value: servicesList[index].name || "", info: t("serviceFormInfoServiceName") })),
36
36
  react_1.default.createElement("div", { className: "space-y-2" },
37
- react_1.default.createElement(input_1.Input, { error: errors["servicesList-".concat(index, "-description")], id: "service-description-".concat(index), label: t("serviceFormLabelServiceDescription"), onChange: function (e) {
37
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors["servicesList-".concat(index, "-description")], id: "service-description-".concat(index), label: t("serviceFormLabelServiceDescription"), onChange: function (e) {
38
38
  return handleItemChangeServices({
39
39
  index: index,
40
40
  key: "description",
@@ -42,7 +42,7 @@ var ServicesSection = function () {
42
42
  });
43
43
  }, placeholder: t("serviceFormPlaceholderServiceDescription"), type: "text", value: servicesList[index].description || "", info: t("serviceFormInfoServiceDescription") })),
44
44
  react_1.default.createElement("div", { className: "space-y-2" },
45
- react_1.default.createElement(input_1.Input, { error: errors["servicesList-".concat(index, "-quantity")], id: "service-quantity-".concat(index), label: t("serviceFormLabelServiceQuantity"), onChange: function (e) {
45
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors["servicesList-".concat(index, "-quantity")], id: "service-quantity-".concat(index), label: t("serviceFormLabelServiceQuantity"), onChange: function (e) {
46
46
  return handleItemChangeServices({
47
47
  index: index,
48
48
  key: "quantity",
@@ -50,7 +50,7 @@ var ServicesSection = function () {
50
50
  });
51
51
  }, placeholder: t("serviceFormPlaceholderServiceQuantity"), required: true, type: "number", value: servicesList[index].quantity || "", info: t("serviceFormInfoServiceQuantity") })),
52
52
  react_1.default.createElement("div", { className: "space-y-2" },
53
- react_1.default.createElement(input_1.Input, { error: errors["servicesList-".concat(index, "-price")], id: "service-price-".concat(index), label: t("serviceFormLabelServicePrice"), onChange: function (e) {
53
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors["servicesList-".concat(index, "-price")], id: "service-price-".concat(index), label: t("serviceFormLabelServicePrice"), onChange: function (e) {
54
54
  return handleItemChangeServices({
55
55
  index: index,
56
56
  key: "price",
@@ -58,7 +58,7 @@ var ServicesSection = function () {
58
58
  });
59
59
  }, placeholder: t("serviceFormPlaceholderServicePrice"), required: true, type: "number", value: servicesList[index].price || "", info: t("serviceFormInfoServicePrice") })),
60
60
  react_1.default.createElement("div", { className: "space-y-2" },
61
- react_1.default.createElement(input_1.Input, { error: errors["servicesList-".concat(index, "-rowTotal")], id: "service-rowTotal-".concat(index), label: t("serviceFormLabelServiceRowTotal"), onChange: function (e) {
61
+ react_1.default.createElement(enhanced_input_1.EnhancedInput, { error: errors["servicesList-".concat(index, "-rowTotal")], id: "service-rowTotal-".concat(index), label: t("serviceFormLabelServiceRowTotal"), onChange: function (e) {
62
62
  return handleItemChangeServices({
63
63
  index: index,
64
64
  key: "rowTotal",
@@ -1,9 +1,9 @@
1
1
  export declare const locales: readonly ["en", "ur"];
2
2
  export declare const localePrefix = "as-needed";
3
3
  export declare const Link: import("react").ForwardRefExoticComponent<Omit<{
4
+ id?: string | undefined | undefined;
4
5
  target?: import("react").HTMLAttributeAnchorTarget | undefined;
5
6
  replace?: boolean | undefined;
6
- id?: string | undefined | undefined;
7
7
  slot?: string | undefined | undefined;
8
8
  style?: import("react").CSSProperties | undefined;
9
9
  title?: string | undefined | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/stellar-solutions-invoice-module",
3
- "version": "0.1.67",
3
+ "version": "0.1.70",
4
4
  "scripts": {
5
5
  "automate": "./automate.sh",
6
6
  "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib && cp yarn.lock lib",
@@ -19,16 +19,17 @@
19
19
  "upgrade:own": "ncu -f '@appcorp/app-corp-vista, @appcorp/shadcn, @appcorp/stellar-solutions-company-module, @appcorp/stellar-solutions-modules, @appcorp/stellar-solutions-product-module, @react-pakistan/util-functions' -u"
20
20
  },
21
21
  "devDependencies": {
22
- "@appcorp/app-corp-vista": "^0.3.65",
23
- "@appcorp/shadcn": "^1.0.38",
24
- "@appcorp/stellar-solutions-company-module": "^0.1.40",
25
- "@appcorp/stellar-solutions-modules": "^0.1.63",
26
- "@appcorp/stellar-solutions-product-module": "^0.2.19",
22
+ "@appcorp/app-corp-vista": "^0.3.80",
23
+ "@appcorp/shadcn": "^1.1.6",
24
+ "@appcorp/stellar-solutions-company-module": "^0.1.43",
25
+ "@appcorp/stellar-solutions-modules": "^0.1.66",
26
+ "@appcorp/stellar-solutions-product-module": "^0.2.20",
27
27
  "@eslint/eslintrc": "^3",
28
28
  "@headlessui/react": "^2",
29
29
  "@heroicons/react": "^2",
30
30
  "@radix-ui/react-checkbox": "^1",
31
31
  "@radix-ui/react-dropdown-menu": "^2",
32
+ "@radix-ui/react-icons": "^1.3.2",
32
33
  "@radix-ui/react-label": "^2",
33
34
  "@radix-ui/react-popover": "^1",
34
35
  "@radix-ui/react-select": "^2",
@@ -66,11 +67,14 @@
66
67
  "react-tooltip": "^5",
67
68
  "rimraf": "^6",
68
69
  "slick-carousel": "^1",
70
+ "sonner": "^2.0.7",
71
+ "tailwind-merge": "^3.4.0",
69
72
  "tailwindcss": "^4",
70
73
  "typescript": "^5",
71
74
  "uuid": "^11",
75
+ "vaul": "^1.1.2",
72
76
  "webp-converter-browser": "^1",
73
77
  "zod": "^4"
74
78
  },
75
- "packageManager": "yarn@4.10.3"
79
+ "packageManager": "yarn@4.12.0"
76
80
  }