@mohasinac/appkit 3.2.19 → 3.2.20

package/dist/features/account/components/UserOffersPanel.js

@@ -67,7 +67,6 @@ export function UserOffersPanel({ fetchEndpoint = "/api/user/offers", onAcceptCo
     const [fetchError, setFetchError] = useState("");
     const [showLoginModal, setShowLoginModal] = useState(false);
     const loadOffers = useCallback(async () => {
-        // toast-intentionally-silent: background data loader — error displayed in inline fetchError state
         setLoading(true);
         setFetchError("");
         try {

package/dist/features/admin/components/AdminCarouselEditorView.js

@@ -26,7 +26,7 @@ function makeCard(zone = 1) {
         id: `card-${Date.now()}-${Math.random().toString(36).slice(2, 6)}`,
         zone,
         background: { type: "color", color: "var(--appkit-color-primary)" },
-        content: { title: "", subtitle: "", textColor: "#ffffff", textAlign: "left" }, // audit-hex-tokens-ok: Firestore document default value (text CSS color field), not a styling literal
+        content: { title: "", subtitle: "", textColor: "#ffffff", textAlign: "left" },
         buttons: [],
         hover: { effect: "scale" },
     };
@@ -78,8 +78,7 @@ function ZonePicker({ selected, onChange, disabled, }) {
 // ── Background Editor ────────────────────────────────────────────────────────
 function BackgroundEditor({ value, onChange, prefix, }) {
     const set = (patch) => onChange({ ...value, ...patch });
-    return (_jsxs(Stack, { gap: "3", children: [_jsx(Select, { label: "Background type", value: value.type, onChange: (e) => onChange({ type: e.target.value }), options: BG_TYPE_OPTIONS }), (value.type === "image" || value.type === "video") && (_jsxs(_Fragment, { children: [_jsx(Input, { label: `${value.type === "image" ? "Image" : "Video"} URL`, value: value.url ?? "", onChange: (e) => set({ url: e.target.value }), placeholder: "https://..." }), _jsx(Input, { label: "Mobile URL (optional)", value: value.mobileUrl ?? "", onChange: (e) => set({ mobileUrl: e.target.value || undefined }), placeholder: "https://... (portrait crop)" }), value.type === "video" && (_jsx(Input, { label: "Poster / thumbnail URL", value: value.thumbnail ?? "", onChange: (e) => set({ thumbnail: e.target.value || undefined }), placeholder: "https://..." })), _jsxs(Stack, { className: `${__P.p3}`, gap: "sm", rounded: "lg", border: "default", children: [_jsx(Toggle, { label: "Dim overlay", checked: value.dimOverlay?.enabled ?? false, onChange: (v) => set({ dimOverlay: { enabled: v, opacity: value.dimOverlay?.opacity ?? 40 } }) }), value.dimOverlay?.enabled && (_jsxs(Div, { children: [_jsxs(Text, { className: "mb-1", size: "sm", weight: "medium", children: ["Opacity (", value.dimOverlay.opacity, "%)"] }), _jsx("input", { type: "range", min: 0, max: 90, step: 5, value: value.dimOverlay.opacity, onChange: (e) => set({ dimOverlay: { enabled: true, opacity: Number(e.target.value) } }), className: "w-full" })] }))] })] })), value.type === "color" && (_jsx(Input, { label: "Colour (CSS token or hex)", value: value.color ?? "", onChange: (e) => set({ color: e.target.value }), placeholder: "var(--appkit-color-primary) or #1a1a2e" // audit-hex-tokens-ok: descriptive placeholder string showing users valid input formats
-             })), value.type === "gradient" && (_jsxs(_Fragment, { children: [_jsx(Input, { label: "From colour", value: value.gradientFrom ?? "", onChange: (e) => set({ gradientFrom: e.target.value }), placeholder: "var(--appkit-color-primary)" }), _jsx(Input, { label: "To colour", value: value.gradientTo ?? "", onChange: (e) => set({ gradientTo: e.target.value }), placeholder: "var(--appkit-color-secondary)" }), _jsx(Input, { label: "Angle (degrees)", type: "number", value: String(value.gradientAngle ?? 135), onChange: (e) => set({ gradientAngle: Number(e.target.value) }), min: 0, max: 360 })] }))] }));
+    return (_jsxs(Stack, { gap: "3", children: [_jsx(Select, { label: "Background type", value: value.type, onChange: (e) => onChange({ type: e.target.value }), options: BG_TYPE_OPTIONS }), (value.type === "image" || value.type === "video") && (_jsxs(_Fragment, { children: [_jsx(Input, { label: `${value.type === "image" ? "Image" : "Video"} URL`, value: value.url ?? "", onChange: (e) => set({ url: e.target.value }), placeholder: "https://..." }), _jsx(Input, { label: "Mobile URL (optional)", value: value.mobileUrl ?? "", onChange: (e) => set({ mobileUrl: e.target.value || undefined }), placeholder: "https://... (portrait crop)" }), value.type === "video" && (_jsx(Input, { label: "Poster / thumbnail URL", value: value.thumbnail ?? "", onChange: (e) => set({ thumbnail: e.target.value || undefined }), placeholder: "https://..." })), _jsxs(Stack, { className: `${__P.p3}`, gap: "sm", rounded: "lg", border: "default", children: [_jsx(Toggle, { label: "Dim overlay", checked: value.dimOverlay?.enabled ?? false, onChange: (v) => set({ dimOverlay: { enabled: v, opacity: value.dimOverlay?.opacity ?? 40 } }) }), value.dimOverlay?.enabled && (_jsxs(Div, { children: [_jsxs(Text, { className: "mb-1", size: "sm", weight: "medium", children: ["Opacity (", value.dimOverlay.opacity, "%)"] }), _jsx("input", { type: "range", min: 0, max: 90, step: 5, value: value.dimOverlay.opacity, onChange: (e) => set({ dimOverlay: { enabled: true, opacity: Number(e.target.value) } }), className: "w-full" })] }))] })] })), value.type === "color" && (_jsx(Input, { label: "Colour (CSS token or hex)", value: value.color ?? "", onChange: (e) => set({ color: e.target.value }), placeholder: "var(--appkit-color-primary) or #1a1a2e" })), value.type === "gradient" && (_jsxs(_Fragment, { children: [_jsx(Input, { label: "From colour", value: value.gradientFrom ?? "", onChange: (e) => set({ gradientFrom: e.target.value }), placeholder: "var(--appkit-color-primary)" }), _jsx(Input, { label: "To colour", value: value.gradientTo ?? "", onChange: (e) => set({ gradientTo: e.target.value }), placeholder: "var(--appkit-color-secondary)" }), _jsx(Input, { label: "Angle (degrees)", type: "number", value: String(value.gradientAngle ?? 135), onChange: (e) => set({ gradientAngle: Number(e.target.value) }), min: 0, max: 360 })] }))] }));
 }
 // ── Card Editor ──────────────────────────────────────────────────────────────
 function CardEditor({ card, index, otherZones, onChange, onRemove, }) {

package/dist/features/admin/components/AdminFulfillmentView.js

@@ -34,7 +34,6 @@ export function AdminFulfillmentView({ initialStoreId, initialStoreName, }) {
     const [actionLoadingId, setActionLoadingId] = useState(null);
     const { showToast } = useToast();
     const fetchOrders = useCallback(async (sid) => {
-        // toast-intentionally-silent: background data loader — normalizeError logs, no user-facing toast needed
         setIsLoading(true);
         try {
             const res = await apiClient.get(ADMIN_ENDPOINTS.ADMIN_FULFILLMENT(sid));

package/dist/features/admin/hooks/useChat.js

@@ -16,7 +16,6 @@ export function useChat(chatId, options) {
     const tokenExpiresAtRef = useRef(0);
     const unsubscribeRef = useRef(null);
     const connectAndSubscribe = useCallback(async () => {
-        // toast-intentionally-silent: RTDB connection management — error set in state, not surfaced via toast
         if (!chatId)
             return;
         setIsLoading(true);

package/dist/features/auth/hooks/useAuth.js

@@ -121,7 +121,6 @@ export function useGoogleLogin(options) {
         return () => window.removeEventListener("message", handleMessage);
     }, []); // mount once — uses refs, no stale closure risk
     const mutate = useCallback(async () => {
-        // toast-intentionally-silent: OAuth popup flow — errors forwarded to onErrorRef callback, not toast
         calledRef.current = false; // reset for each new auth flow
         const popup = window.open(`${window.location.origin}/auth.html`, "oauth_google", "width=500,height=660,left=400,top=100");
         if (!popup) {

package/dist/features/history/hooks/useHistory.js

@@ -74,7 +74,6 @@ export function useHistory(userId) {
     const [items, setItems] = useState([]);
     const trackTimers = useRef(new Map());
     const loadItems = useCallback(async () => {
-        // toast-intentionally-silent: background history load — normalizeError logs, silent fail is acceptable
         try {
             if (isAuth) {
                 setItems(await fetchAuthHistory());

package/dist/features/messages/hooks/useConversation.js

@@ -43,7 +43,6 @@ export function useConversation(conversationId) {
     const [error, setError] = useState(null);
     const [isConnected, setIsConnected] = useState(false);
     const refetch = useCallback(async () => {
-        // toast-intentionally-silent: background conversation refetch — error stored in state, UI shows inline error
         if (!conversationId) {
             setConversation(null);
             return;

package/dist/features/messages/hooks/useConversations.js

@@ -19,7 +19,6 @@ export function useConversations(userId) {
     const [isLoading, setIsLoading] = useState(false);
     const [error, setError] = useState(null);
     const refetch = useCallback(async () => {
-        // toast-intentionally-silent: background conversations list refetch — error stored in state
         if (!userId) {
             setConversations([]);
             return;

package/dist/features/seller/components/FulfillmentView.js

@@ -31,7 +31,6 @@ export function FulfillmentView({ currentUserId, }) {
     const [actionLoadingId, setActionLoadingId] = useState(null);
     const { showToast } = useToast();
     const fetchOrders = useCallback(async () => {
-        // toast-intentionally-silent: background data loader — normalizeError logs, no user-facing toast needed
         setIsLoadingOrders(true);
         try {
             const res = await apiClient.get(SELLER_ENDPOINTS.ORDERS_FULFILLMENT);

package/dist/features/seller/components/SellerAddressesView.js

@@ -68,7 +68,6 @@ export function SellerAddressesView({ apiBase = SELLER_ENDPOINTS.STORE_ADDRESSES
     const [saveError, setSaveError] = useState(null);
     const [deleteTargetAddr, setDeleteTargetAddr] = useState(null);
     const load = useCallback(async () => {
-        // toast-intentionally-silent: background address loader — error displayed in inline errorMessage state
         setIsLoading(true);
         setErrorMessage(null);
         try {

package/dist/features/seller/components/SellerOffersPanel.js

@@ -117,7 +117,6 @@ export function SellerOffersPanel({ fetchEndpoint = "/api/store/offers", onRespo
     const [showLoginModal, setShowLoginModal] = useState(false);
     const [statusFilter, setStatusFilter] = useState("all");
     const loadOffers = useCallback(async () => {
-        // toast-intentionally-silent: background data loader — error displayed in inline fetchError state
         setLoading(true);
         setFetchError("");
         try {

package/dist/features/seller/components/SellerReviewsView.js

@@ -94,7 +94,6 @@ export function SellerReviewsView({ reviewsApiBase = "/api/store/reviews", reply
     }, [feedbackTarget, feedbackText]);
     const fetchReviewsRef = useMemo(() => ({ current: null }), []);
     const fetchReviews = useCallback(async () => {
-        // toast-intentionally-silent: background data loader — error displayed in inline error state
         setLoading(true);
         setError(null);
         try {

package/dist/ui/rich-text/RichText.js

@@ -137,7 +137,7 @@ function attachCopyButtons(container) {
         btn.style.cssText =
             "position:absolute;top:8px;right:8px;padding:2px 10px;font-size:11px;font-family:inherit;" +
                 "border-radius:6px;border:1px solid rgba(148,163,184,.4);background:rgba(30,41,59,.75);" +
-                "color:#e2e8f0;cursor:pointer;line-height:1.6;user-select:none;transition:background .15s;"; // audit-hex-tokens-ok: DOM-injected cssText string; CSS vars require getPropertyValue() and can't be used in style.cssText assignment
+                "color:#e2e8f0;cursor:pointer;line-height:1.6;user-select:none;transition:background .15s;";
         btn.addEventListener("click", () => {
             const code = pre.querySelector("code")?.textContent ?? pre.textContent ?? "";
             if (!navigator.clipboard)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mohasinac/appkit",
-  "version": "3.2.19",
+  "version": "3.2.20",
   "license": "MIT",
   "publishConfig": {
     "access": "public"