@appcorp/stellar-solutions-modules 0.1.44 → 0.1.45

package/global-modules/payment-mode/form.js

@@ -12,89 +12,21 @@
  * - Accessibility-compliant form structure
  * - Real-time validation feedback
  */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PaymentModeForm = void 0;
-var react_1 = __importStar(require("react"));
+var react_1 = __importDefault(require("react"));
 var next_intl_1 = require("next-intl");
 var input_1 = require("../../components/ui/input");
 var switch_1 = require("../../components/ui/switch");
 var context_1 = require("./context");
-var dropzone_enhanced_1 = __importDefault(require("../../components/ui/dropzone-enhanced"));
-var images = [
-    "https://images.unsplash.com/photo-1624555130581-1d9cca783bc0?q=80&w=1171&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D",
-    "https://cdn.pixabay.com/photo/2016/11/21/06/53/beautiful-natural-image-1844362_640.jpg",
-    "https://thumbs.dreamstime.com/b/beautiful-rain-forest-ang-ka-nature-trail-doi-inthanon-national-park-thailand-36703721.jpg",
-    "https://images.ctfassets.net/hrltx12pl8hq/28ECAQiPJZ78hxatLTa7Ts/2f695d869736ae3b0de3e56ceaca3958/free-nature-images.jpg?fit=fill&w=1200&h=630",
-    "https://cdn.pixabay.com/photo/2024/05/26/10/15/bird-8788491_1280.jpg",
-    "https://letsenhance.io/static/73136da51c245e80edc6ccfe44888a99/396e9/MainBefore.jpg",
-    "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcS92eisuWOx3tEjeW14mT9ACVgXDwIRBGtnww&s",
-    "https://img.freepik.com/free-photo/woman-beach-with-her-baby-enjoying-sunset_52683-144131.jpg?size=626&ext=jpg",
-];
 var PaymentModeForm = function (_a) {
     var isRTL = _a.isRTL, translationMap = _a.translationMap;
     var t = (0, next_intl_1.useTranslations)("paymentModePage");
     var ui = (0, next_intl_1.useTranslations)("ui");
     var _b = (0, context_1.usePaymentModeStateContext)(), enabled = _b.enabled, errors = _b.errors, handleInputChange = _b.handleInputChange, isDefault = _b.isDefault, label = _b.label;
-    var _c = (0, react_1.useState)(__spreadArray([], images, true)), previews = _c[0], setPreviews = _c[1];
-    var filesRef = (0, react_1.useRef)([]);
-    (0, react_1.useEffect)(function () {
-        return function () {
-            previews.forEach(function (p) {
-                try {
-                    URL.revokeObjectURL(p);
-                }
-                catch (_a) {
-                    // ignore
-                }
-            });
-        };
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
     // Helper function to translate validation error keys
     var getTranslatedError = function (key) {
         if (!errors[key])
@@ -110,14 +42,6 @@ var PaymentModeForm = function (_a) {
             react_1.default.createElement("div", { className: "space-y-2" },
                 react_1.default.createElement(input_1.Input, { id: "label", type: "text", label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.formLabelLabel) || "Payment Mode Name", value: label || "", onChange: function (e) { return handleInputChange("label", e.target.value); }, placeholder: "Enter payment mode name", info: "Enter a descriptive name for this payment method", error: getTranslatedError("label"), required: true })),
             react_1.default.createElement("div", { className: "space-y-4" },
-                react_1.default.createElement("div", { className: "space-y-2" },
-                    react_1.default.createElement(dropzone_enhanced_1.default, { id: "", label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.formLabelIcon) || "Upload Images", accept: { "image/*": [] }, maxFiles: 1, initial: previews, onChange: function (files) {
-                            var previews = files.map(function (f) { return URL.createObjectURL(f); });
-                            setPreviews(previews);
-                            filesRef.current = files;
-                        }, onRemoveUrl: function (url) {
-                            setPreviews(function (p) { return p.filter(function (x) { return x !== url; }); });
-                        }, info: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.formInfoIcon) || t("formInfoIcon") })),
                 react_1.default.createElement(switch_1.Switch, { id: "enabled", label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.enabled) || "Enabled", checked: enabled || false, onCheckedChange: function (checked) { return handleInputChange("enabled", checked); }, info: enabled ? ui("switch.infoEnabled") : ui("switch.infoDisabled"), error: getTranslatedError("enabled") }),
                 react_1.default.createElement(switch_1.Switch, { id: "isDefault", label: (translationMap === null || translationMap === void 0 ? void 0 : translationMap.setAsDefault) || "Set as Default", checked: isDefault || false, onCheckedChange: function (checked) {
                         return handleInputChange("isDefault", checked);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/stellar-solutions-modules",
-  "version": "0.1.44",
+  "version": "0.1.45",
   "scripts": {
     "automate": "./automate.sh",
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib && cp yarn.lock lib",

package/components/ui/carousel.d.ts

@@ -1,19 +0,0 @@
-import * as React from "react";
-import useEmblaCarousel, { type UseEmblaCarouselType } from "embla-carousel-react";
-import { Button } from "@/components/ui/button";
-type CarouselApi = UseEmblaCarouselType[1];
-type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
-type CarouselOptions = UseCarouselParameters[0];
-type CarouselPlugin = UseCarouselParameters[1];
-type CarouselProps = {
-    opts?: CarouselOptions;
-    plugins?: CarouselPlugin;
-    orientation?: "horizontal" | "vertical";
-    setApi?: (api: CarouselApi) => void;
-};
-declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<"div"> & CarouselProps): React.JSX.Element;
-declare function CarouselContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CarouselItem({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
-declare function CarouselNext({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
-export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };

package/components/ui/carousel.js

@@ -1,168 +0,0 @@
-"use client";
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Carousel = Carousel;
-exports.CarouselContent = CarouselContent;
-exports.CarouselItem = CarouselItem;
-exports.CarouselPrevious = CarouselPrevious;
-exports.CarouselNext = CarouselNext;
-var React = __importStar(require("react"));
-var embla_carousel_react_1 = __importDefault(require("embla-carousel-react"));
-var lucide_react_1 = require("lucide-react");
-var utils_1 = require("@/lib/utils");
-var button_1 = require("@/components/ui/button");
-var CarouselContext = React.createContext(null);
-function useCarousel() {
-    var context = React.useContext(CarouselContext);
-    if (!context) {
-        throw new Error("useCarousel must be used within a <Carousel />");
-    }
-    return context;
-}
-function Carousel(_a) {
-    var _b = _a.orientation, orientation = _b === void 0 ? "horizontal" : _b, opts = _a.opts, setApi = _a.setApi, plugins = _a.plugins, className = _a.className, children = _a.children, props = __rest(_a, ["orientation", "opts", "setApi", "plugins", "className", "children"]);
-    var _c = (0, embla_carousel_react_1.default)(__assign(__assign({}, opts), { axis: orientation === "horizontal" ? "x" : "y" }), plugins), carouselRef = _c[0], api = _c[1];
-    var _d = React.useState(false), canScrollPrev = _d[0], setCanScrollPrev = _d[1];
-    var _e = React.useState(false), canScrollNext = _e[0], setCanScrollNext = _e[1];
-    var onSelect = React.useCallback(function (api) {
-        if (!api)
-            return;
-        setCanScrollPrev(api.canScrollPrev());
-        setCanScrollNext(api.canScrollNext());
-    }, []);
-    var scrollPrev = React.useCallback(function () {
-        api === null || api === void 0 ? void 0 : api.scrollPrev();
-    }, [api]);
-    var scrollNext = React.useCallback(function () {
-        api === null || api === void 0 ? void 0 : api.scrollNext();
-    }, [api]);
-    var handleKeyDown = React.useCallback(function (event) {
-        if (event.key === "ArrowLeft") {
-            event.preventDefault();
-            scrollPrev();
-        }
-        else if (event.key === "ArrowRight") {
-            event.preventDefault();
-            scrollNext();
-        }
-    }, [scrollPrev, scrollNext]);
-    React.useEffect(function () {
-        if (!api || !setApi)
-            return;
-        setApi(api);
-    }, [api, setApi]);
-    React.useEffect(function () {
-        if (!api)
-            return;
-        onSelect(api);
-        api.on("reInit", onSelect);
-        api.on("select", onSelect);
-        return function () {
-            api === null || api === void 0 ? void 0 : api.off("select", onSelect);
-        };
-    }, [api, onSelect]);
-    return (React.createElement(CarouselContext.Provider, { value: {
-            carouselRef: carouselRef,
-            api: api,
-            opts: opts,
-            orientation: orientation || ((opts === null || opts === void 0 ? void 0 : opts.axis) === "y" ? "vertical" : "horizontal"),
-            scrollPrev: scrollPrev,
-            scrollNext: scrollNext,
-            canScrollPrev: canScrollPrev,
-            canScrollNext: canScrollNext,
-        } },
-        React.createElement("div", __assign({ onKeyDownCapture: handleKeyDown, className: (0, utils_1.cn)("relative", className), role: "region", "aria-roledescription": "carousel", "data-slot": "carousel" }, props), children)));
-}
-function CarouselContent(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    var _b = useCarousel(), carouselRef = _b.carouselRef, orientation = _b.orientation;
-    return (React.createElement("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-content" },
-        React.createElement("div", __assign({ className: (0, utils_1.cn)("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className) }, props))));
-}
-function CarouselItem(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    var orientation = useCarousel().orientation;
-    return (React.createElement("div", __assign({ role: "group", "aria-roledescription": "slide", "data-slot": "carousel-item", className: (0, utils_1.cn)("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className) }, props)));
-}
-function CarouselPrevious(_a) {
-    var className = _a.className, _b = _a.variant, variant = _b === void 0 ? "outline" : _b, _c = _a.size, size = _c === void 0 ? "icon" : _c, props = __rest(_a, ["className", "variant", "size"]);
-    var _d = useCarousel(), orientation = _d.orientation, scrollPrev = _d.scrollPrev, canScrollPrev = _d.canScrollPrev;
-    return (React.createElement(button_1.Button, __assign({}, props, { "data-slot": "carousel-previous", variant: variant, size: size, className: (0, utils_1.cn)("absolute size-8 rounded-full", orientation === "horizontal"
-            ? "top-1/2 -left-12 -translate-y-1/2"
-            : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollPrev, onClick: function (e) {
-            e.stopPropagation();
-            scrollPrev();
-        } }),
-        React.createElement(lucide_react_1.ArrowLeft, null),
-        React.createElement("span", { className: "sr-only" }, "Previous slide")));
-}
-function CarouselNext(_a) {
-    var className = _a.className, _b = _a.variant, variant = _b === void 0 ? "outline" : _b, _c = _a.size, size = _c === void 0 ? "icon" : _c, props = __rest(_a, ["className", "variant", "size"]);
-    var _d = useCarousel(), orientation = _d.orientation, scrollNext = _d.scrollNext, canScrollNext = _d.canScrollNext;
-    return (React.createElement(button_1.Button, __assign({}, props, { "data-slot": "carousel-next", variant: variant, size: size, className: (0, utils_1.cn)("absolute size-8 rounded-full", orientation === "horizontal"
-            ? "top-1/2 -right-12 -translate-y-1/2"
-            : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className), disabled: !canScrollNext, onClick: function (e) {
-            e.stopPropagation();
-            scrollNext();
-        } }),
-        React.createElement(lucide_react_1.ArrowRight, null),
-        React.createElement("span", { className: "sr-only" }, "Next slide")));
-}

package/components/ui/dropzone-enhanced/index.d.ts

@@ -1,22 +0,0 @@
-import React from "react";
-import type { DropzoneOptions } from "react-dropzone";
-export type DropzoneEnhancedProps = {
-    id?: string;
-    className?: string;
-    label?: string;
-    info?: string;
-    error?: string;
-    accept?: DropzoneOptions["accept"] | string[];
-    maxFiles?: number;
-    maxSize?: number;
-    minSize?: number;
-    disabled?: boolean;
-    /** initial list of files or urls to show as previews */
-    initial?: Array<File | string>;
-    /** Called when selected File[] changes */
-    onChange?: (files: File[]) => void;
-    /** Called when a provided remote URL preview is removed (if provided) */
-    onRemoveUrl?: (url: string) => void;
-};
-export declare const DropzoneEnhanced: React.FC<DropzoneEnhancedProps>;
-export default DropzoneEnhanced;

package/components/ui/dropzone-enhanced/index.js

@@ -1,226 +0,0 @@
-"use client";
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropzoneEnhanced = void 0;
-var react_1 = __importStar(require("react"));
-var react_dropzone_1 = require("react-dropzone");
-var utils_1 = require("@/lib/utils");
-var carousel_1 = require("@/components/ui/carousel");
-var button_1 = require("@/components/ui/button");
-var lucide_react_1 = require("lucide-react");
-var dropzone_1 = require("../shadcn-io/dropzone");
-var DropzoneEnhanced = function (_a) {
-    var id = _a.id, label = _a.label, info = _a.info, error = _a.error, accept = _a.accept, _b = _a.maxFiles, maxFiles = _b === void 0 ? 10 : _b, maxSize = _a.maxSize, minSize = _a.minSize, disabled = _a.disabled, _c = _a.initial, initial = _c === void 0 ? [] : _c, onChange = _a.onChange, onRemoveUrl = _a.onRemoveUrl, className = _a.className;
-    // Files selected locally (File objects)
-    var _d = (0, react_1.useState)([]), files = _d[0], setFiles = _d[1];
-    // Previews array contains strings (object URLs or provided URLs) in display order
-    var _e = (0, react_1.useState)([]), previews = _e[0], setPreviews = _e[1];
-    // Track which previews are remote (came from initial string URLs)
-    var _f = (0, react_1.useState)({}), remotePreviews = _f[0], setRemotePreviews = _f[1];
-    var createdUrlsRef = (0, react_1.useRef)([]);
-    // Track remote URLs removed by the user so they don't reappear when
-    // previews are rebuilt from the unchanged `initial` prop.
-    var removedRemoteRef = (0, react_1.useRef)(new Set());
-    var dropzoneOptions = {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        accept: (Array.isArray(accept) ? undefined : accept) || undefined,
-        maxFiles: maxFiles,
-        maxSize: maxSize,
-        minSize: minSize,
-        disabled: disabled,
-        onDrop: function (acceptedFiles) {
-            // append files, respecting maxFiles
-            var nextFiles = __spreadArray(__spreadArray([], files, true), acceptedFiles, true);
-            if (maxFiles && nextFiles.length > maxFiles)
-                nextFiles = nextFiles.slice(0, maxFiles);
-            setFiles(nextFiles);
-            onChange === null || onChange === void 0 ? void 0 : onChange(nextFiles);
-        },
-    };
-    var _g = (0, react_dropzone_1.useDropzone)(dropzoneOptions), getRootProps = _g.getRootProps, getInputProps = _g.getInputProps, isDragActive = _g.isDragActive;
-    // Build previews from initial and files
-    (0, react_1.useEffect)(function () {
-        // cleanup previous object URLs
-        (createdUrlsRef.current || []).forEach(function (u) {
-            try {
-                URL.revokeObjectURL(u);
-            }
-            catch (_a) { }
-        });
-        createdUrlsRef.current = [];
-        var next = [];
-        var remoteMap = {};
-        // start with initial items (may be File or string)
-        initial.forEach(function (item) {
-            if (typeof item === "string") {
-                // skip any remote URL the user removed earlier
-                if (removedRemoteRef.current.has(item))
-                    return;
-                next.push(item);
-                remoteMap[item] = true;
-            }
-            else if (item instanceof File) {
-                try {
-                    var url = URL.createObjectURL(item);
-                    next.push(url);
-                    createdUrlsRef.current.push(url);
-                }
-                catch (_a) {
-                    next.push("");
-                }
-            }
-            else {
-                next.push("");
-            }
-        });
-        // then local files
-        files.forEach(function (f) {
-            try {
-                var url = URL.createObjectURL(f);
-                next.push(url);
-                createdUrlsRef.current.push(url);
-            }
-            catch (_a) {
-                next.push("");
-            }
-        });
-        setPreviews(next);
-        setRemotePreviews(remoteMap);
-        return function () {
-            (createdUrlsRef.current || []).forEach(function (u) {
-                try {
-                    URL.revokeObjectURL(u);
-                }
-                catch (_a) { }
-            });
-            createdUrlsRef.current = [];
-        };
-        // files and initial are the dependencies
-    }, [files, initial]);
-    // Remove a local file by index (index relative to files slice after initial length)
-    var handleRemoveLocal = function (index) {
-        var next = files.filter(function (_, i) { return i !== index; });
-        setFiles(next);
-        onChange === null || onChange === void 0 ? void 0 : onChange(next);
-    };
-    // Remove a preview by its absolute preview index (index within `previews`)
-    // If the preview is remote (string from `initial`), call onRemoveUrl and
-    // remove only that single occurrence. If it's a local file, delegate to
-    // handleRemoveLocal with the computed files index.
-    var handleRemoveByPreviewIndex = function (previewIndex) {
-        var entry = previews[previewIndex];
-        if (entry === undefined)
-            return;
-        var isRemote = Boolean(remotePreviews[entry]);
-        if (isRemote) {
-            // notify parent
-            onRemoveUrl === null || onRemoveUrl === void 0 ? void 0 : onRemoveUrl(entry);
-            // record removal locally so the value isn't re-added from the `initial`
-            // prop on the next rebuild
-            removedRemoteRef.current.add(entry);
-            // remove only the specific preview at previewIndex
-            setPreviews(function (p) {
-                var next = __spreadArray([], p, true);
-                next.splice(previewIndex, 1);
-                return next;
-            });
-            setRemotePreviews(function (m) {
-                var next = __assign({}, m);
-                delete next[entry];
-                return next;
-            });
-            return;
-        }
-        // local file - compute index relative to files array and remove
-        var fileIndex = previewIndex - initial.length;
-        if (fileIndex >= 0 && fileIndex < files.length) {
-            handleRemoveLocal(fileIndex);
-        }
-    };
-    // (handleRemoveRemote removed) - use handleRemoveByPreviewIndex instead so we
-    // can remove single occurrences by index.
-    // carousel (embla) handles scrolling via CarouselPrevious/Next
-    return (react_1.default.createElement("div", { className: (0, utils_1.cn)("w-full border-red-300", className) },
-        label && (react_1.default.createElement("label", { className: "mb-2 block text-sm font-medium" }, label)),
-        react_1.default.createElement("div", __assign({}, getRootProps(), { className: (0, utils_1.cn)("relative w-full rounded-md border border-dashed p-6 text-center mx-auto", isDragActive && "ring-1 ring-ring", disabled && "opacity-60 pointer-events-none") }),
-            react_1.default.createElement("input", __assign({}, getInputProps(), { id: id })),
-            previews && previews.length > 0 ? (react_1.default.createElement("div", { className: "flex flex-col items-center" },
-                react_1.default.createElement("div", { className: "relative w-60" },
-                    react_1.default.createElement("div", { className: "relative w-60" },
-                        react_1.default.createElement(carousel_1.Carousel, { className: "w-60" },
-                            react_1.default.createElement(carousel_1.CarouselPrevious, { onPointerDown: function (e) { return e.stopPropagation(); }, onMouseDown: function (e) { return e.stopPropagation(); } }),
-                            react_1.default.createElement(carousel_1.CarouselNext, { onPointerDown: function (e) { return e.stopPropagation(); }, onMouseDown: function (e) { return e.stopPropagation(); } }),
-                            react_1.default.createElement(carousel_1.CarouselContent, { className: "no-scrollbar flex gap-2 px-4 py-2", onPointerDown: function (e) { return e.stopPropagation(); }, onClick: function (e) { return e.stopPropagation(); } }, previews.map(function (p, idx) {
-                                return (react_1.default.createElement(carousel_1.CarouselItem, { key: "".concat(String(p), "-").concat(idx), className: "max-w-30 max-auto" }, p ? (react_1.default.createElement("div", { className: "relative" },
-                                    react_1.default.createElement("img", { src: p, alt: "preview-".concat(idx), className: "h-28 w-28 rounded-md object-cover" }),
-                                    react_1.default.createElement(button_1.Button, { size: "icon", variant: "ghost", onClick: function (e) {
-                                            e.stopPropagation();
-                                            handleRemoveByPreviewIndex(idx);
-                                        }, className: "absolute right-1 top-1 rounded bg-white/80 p-0", "aria-label": "Remove image" },
-                                        react_1.default.createElement(lucide_react_1.XIcon, { size: 7 })))) : (react_1.default.createElement("div", { className: "flex h-28 w-40 items-center justify-center rounded-md bg-muted text-muted-foreground" },
-                                    react_1.default.createElement("span", { className: "text-xs" }, "File")))));
-                            }))))),
-                react_1.default.createElement("p", { className: "mt-2 w-full truncate text-sm font-medium" },
-                    previews.length,
-                    " selected"))) : (
-            // <div className="text-sm">
-            //   Drag & drop files here, or click to select
-            // </div>
-            react_1.default.createElement(dropzone_1.DropzoneEmptyState, null))),
-        (error || info) && (react_1.default.createElement("div", { className: "mt-2" }, error ? (react_1.default.createElement("p", { className: "text-xs text-destructive" }, error)) : info ? (react_1.default.createElement("p", { className: "text-xs text-blue-600 dark:text-blue-400" }, info)) : null))));
-};
-exports.DropzoneEnhanced = DropzoneEnhanced;
-exports.default = exports.DropzoneEnhanced;

package/components/ui/shadcn-io/dropzone/index.d.ts

@@ -1,19 +0,0 @@
-import React, { ReactNode } from "react";
-import type { DropEvent, DropzoneOptions, FileRejection } from "react-dropzone";
-export type DropzoneProps = Omit<DropzoneOptions, "onDrop"> & {
-    src?: File[];
-    className?: string;
-    onDrop?: (acceptedFiles: File[], fileRejections: FileRejection[], event: DropEvent) => void;
-    children?: ReactNode;
-};
-export declare const Dropzone: ({ accept, maxFiles, maxSize, minSize, onDrop, onError, disabled, src, className, children, ...props }: DropzoneProps) => React.JSX.Element;
-export type DropzoneContentProps = {
-    children?: ReactNode;
-    className?: string;
-};
-export declare const DropzoneContent: ({ children, className, }: DropzoneContentProps) => string | number | bigint | true | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null;
-export type DropzoneEmptyStateProps = {
-    children?: ReactNode;
-    className?: string;
-};
-export declare const DropzoneEmptyState: ({ children, className, }: DropzoneEmptyStateProps) => string | number | bigint | true | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null;

package/components/ui/shadcn-io/dropzone/index.js

@@ -1,131 +0,0 @@
-"use client";
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropzoneEmptyState = exports.DropzoneContent = exports.Dropzone = void 0;
-var lucide_react_1 = require("lucide-react");
-var react_1 = __importDefault(require("react"));
-var react_2 = require("react");
-var react_dropzone_1 = require("react-dropzone");
-var button_1 = require("@/components/ui/button");
-var utils_1 = require("@/lib/utils");
-var renderBytes = function (bytes) {
-    var units = ["B", "KB", "MB", "GB", "TB", "PB"];
-    var size = bytes;
-    var unitIndex = 0;
-    while (size >= 1024 && unitIndex < units.length - 1) {
-        size /= 1024;
-        unitIndex++;
-    }
-    return "".concat(size.toFixed(2)).concat(units[unitIndex]);
-};
-var DropzoneContext = (0, react_2.createContext)(undefined);
-var Dropzone = function (_a) {
-    var accept = _a.accept, _b = _a.maxFiles, maxFiles = _b === void 0 ? 1 : _b, maxSize = _a.maxSize, minSize = _a.minSize, onDrop = _a.onDrop, onError = _a.onError, disabled = _a.disabled, src = _a.src, className = _a.className, children = _a.children, props = __rest(_a, ["accept", "maxFiles", "maxSize", "minSize", "onDrop", "onError", "disabled", "src", "className", "children"]);
-    var _c = (0, react_dropzone_1.useDropzone)(__assign({ accept: accept, maxFiles: maxFiles, maxSize: maxSize, minSize: minSize, onError: onError, disabled: disabled, onDrop: function (acceptedFiles, fileRejections, event) {
-            var _a, _b;
-            if (fileRejections.length > 0) {
-                var message = (_b = (_a = fileRejections.at(0)) === null || _a === void 0 ? void 0 : _a.errors.at(0)) === null || _b === void 0 ? void 0 : _b.message;
-                onError === null || onError === void 0 ? void 0 : onError(new Error(message));
-                return;
-            }
-            onDrop === null || onDrop === void 0 ? void 0 : onDrop(acceptedFiles, fileRejections, event);
-        } }, props)), getRootProps = _c.getRootProps, getInputProps = _c.getInputProps, isDragActive = _c.isDragActive;
-    return (react_1.default.createElement(DropzoneContext.Provider, { key: JSON.stringify(src), value: { src: src, accept: accept, maxSize: maxSize, minSize: minSize, maxFiles: maxFiles } },
-        react_1.default.createElement(button_1.Button, __assign({ className: (0, utils_1.cn)("relative h-auto w-full flex-col overflow-hidden p-8", isDragActive && "outline-none ring-1 ring-ring", className), disabled: disabled, type: "button", variant: "outline" }, getRootProps()),
-            react_1.default.createElement("input", __assign({}, getInputProps(), { disabled: disabled })),
-            children)));
-};
-exports.Dropzone = Dropzone;
-var maxLabelItems = 3;
-var DropzoneContent = function (_a) {
-    var children = _a.children, className = _a.className;
-    // Use useContext directly here so the component is safe to render even when
-    // there is no surrounding <Dropzone /> provider (avoids an exception during
-    // SSR or when a consumer imports DropzoneContent standalone).
-    var context = (0, react_2.useContext)(DropzoneContext);
-    if (!context) {
-        return null;
-    }
-    var src = context.src;
-    if (!src) {
-        return null;
-    }
-    if (children) {
-        return children;
-    }
-    return (react_1.default.createElement("div", { className: (0, utils_1.cn)("flex flex-col items-center justify-center", className) },
-        react_1.default.createElement("div", { className: "flex size-8 items-center justify-center rounded-md bg-muted text-muted-foreground" },
-            react_1.default.createElement(lucide_react_1.UploadIcon, { size: 16 })),
-        react_1.default.createElement("p", { className: "my-2 w-full truncate font-medium text-sm" }, src.length > maxLabelItems
-            ? "".concat(new Intl.ListFormat("en").format(src.slice(0, maxLabelItems).map(function (file) { return file.name; })), " and ").concat(src.length - maxLabelItems, " more")
-            : new Intl.ListFormat("en").format(src.map(function (file) { return file.name; }))),
-        react_1.default.createElement("p", { className: "w-full text-wrap text-muted-foreground text-xs" }, "Drag and drop or click to replace")));
-};
-exports.DropzoneContent = DropzoneContent;
-var DropzoneEmptyState = function (_a) {
-    var children = _a.children, className = _a.className;
-    // Read context directly and return null when a Dropzone provider isn't
-    // present. This keeps the empty state component safe to import and render
-    // without requiring the wrapping Dropzone component.
-    var context = (0, react_2.useContext)(DropzoneContext);
-    if (!context) {
-        return null;
-    }
-    var src = context.src, accept = context.accept, maxSize = context.maxSize, minSize = context.minSize, maxFiles = context.maxFiles;
-    if (src) {
-        return null;
-    }
-    if (children) {
-        return children;
-    }
-    var caption = "";
-    if (accept) {
-        caption += "Accepts ";
-        caption += new Intl.ListFormat("en").format(Object.keys(accept));
-    }
-    if (minSize && maxSize) {
-        caption += " between ".concat(renderBytes(minSize), " and ").concat(renderBytes(maxSize));
-    }
-    else if (minSize) {
-        caption += " at least ".concat(renderBytes(minSize));
-    }
-    else if (maxSize) {
-        caption += " less than ".concat(renderBytes(maxSize));
-    }
-    return (react_1.default.createElement("div", { className: (0, utils_1.cn)("flex flex-col items-center justify-center", className) },
-        react_1.default.createElement("div", { className: "flex size-8 items-center justify-center rounded-md bg-muted text-muted-foreground" },
-            react_1.default.createElement(lucide_react_1.UploadIcon, { size: 16 })),
-        react_1.default.createElement("p", { className: "my-2 w-full truncate text-wrap font-medium text-sm" },
-            "Upload ",
-            maxFiles === 1 ? "a file" : "files"),
-        react_1.default.createElement("p", { className: "w-full truncate text-wrap text-muted-foreground text-xs" }, "Drag and drop or click to upload"),
-        caption && (react_1.default.createElement("p", { className: "text-wrap text-muted-foreground text-xs" },
-            caption,
-            "."))));
-};
-exports.DropzoneEmptyState = DropzoneEmptyState;