react-restyle-components 0.4.13 → 0.4.15

package/lib/src/core-components/src/components/Accordion/AccordionSection/elements.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/Accordion/AccordionSection/elements.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,gBAAgB,EAA2B,MAAM,SAAS,CAAC;AAUnE,eAAO,MAAM,gBAAgB;cACjB,gBAAgB,GAAG,QAAQ,GAAG,WAAW;YAepD,CAAC;AAEF,eAAO,MAAM,uBAAuB;cACxB,gBAAgB,GAAG,QAAQ,GAAG,WAAW;aAC1C,OAAO;YAYjB,CAAC;AAEF,eAAO,MAAM,aAAa;;;YAoCzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,6NAUhC,CAAC;AAEF,KAAK,4BAA4B,GAAG;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,mBAAmB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,aAAa;aACf,OAAO;yBACK,MAAM;+BACA,MAAM;YAQlC,CAAC;AAmBF,eAAO,MAAM,8BAA8B;aAChC,OAAO;yBACK,MAAM;+BACA,MAAM;YAWlC,CAAC;AAEF,eAAO,MAAM,uBAAuB,iQASnC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;YAejC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;mBAE5B,CAAC;AAEF,eAAO,MAAM,YAAY;iBACV,OAAO;oKAMrB,CAAC"}
+{"version":3,"file":"elements.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/Accordion/AccordionSection/elements.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,gBAAgB,EAA2B,MAAM,SAAS,CAAC;AAUnE,eAAO,MAAM,gBAAgB;cACjB,gBAAgB,GAAG,QAAQ,GAAG,WAAW;YAkBpD,CAAC;AAEF,eAAO,MAAM,uBAAuB;cACxB,gBAAgB,GAAG,QAAQ,GAAG,WAAW;aAC1C,OAAO;YAoBjB,CAAC;AAEF,eAAO,MAAM,aAAa;;;YAiDzB,CAAC;AAEF,eAAO,MAAM,oBAAoB,6NAchC,CAAC;AAEF,KAAK,4BAA4B,GAAG;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,OAAO,CAAC;IACpB,mBAAmB,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,aAAa;aACf,OAAO;yBACK,MAAM;+BACA,MAAM;YAelC,CAAC;AAmBF,eAAO,MAAM,8BAA8B;aAChC,OAAO;yBACK,MAAM;+BACA,MAAM;YAqBlC,CAAC;AAEF,eAAO,MAAM,uBAAuB,iQAWnC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;YAejC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;mBAI5B,CAAC;AAEF,eAAO,MAAM,YAAY;iBACV,OAAO;oKAWrB,CAAC"}

package/lib/src/core-components/src/components/Accordion/AccordionSection/elements.js

@@ -10,13 +10,16 @@ const Divider = styled.hr `
 `;
 export const AccordionElement = styled.div `
   display: flex;
-  justify-content: space-evenly;
-  align-items: center;
+  justify-content: flex-start;
+  align-items: stretch;
   flex-direction: column;
+  gap: ${tokens.spacing050};
   ${({ $variant }) => $variant === 'inline' &&
     css `
       border: 1px solid ${tokens.outline};
       border-radius: ${tokens.borderRadius100};
+      padding: ${tokens.spacing100};
+      background: ${tokens.surface || '#ffffff'};
     `};
   overflow: hidden;
   width: 100%;
@@ -26,8 +29,16 @@ export const AccordionSectionWrapper = styled.div `
   overflow: hidden;
   width: 100%;
   isolation: isolate;
-  ${({ $variant }) => $variant === 'inline' &&
+  transition: all 0.3s ease;
+
+  ${({ $variant, $isOpen }) => $variant === 'inline' &&
     css `
+      border-radius: ${tokens.borderRadius100};
+      margin-bottom: ${$isOpen ? tokens.spacing100 : '0'};
+      box-shadow: ${$isOpen
+        ? '0 4px 12px rgba(0, 0, 0, 0.15), 0 2px 4px rgba(0, 0, 0, 0.1)'
+        : 'none'};
+
       &:last-child ${AccordionDivider} {
         display: none;
       }
@@ -42,32 +53,44 @@ export const ButtonElement = styled.button `
   cursor: pointer;
   width: 100%;
 
-  background-color: ${tokens.darkGray || '#4a4a4a'} !important;
+  background: ${({ $isOpen }) => $isOpen
+    ? `linear-gradient(135deg, ${tokens.darkGray || '#4a4a4a'} 0%, #3a3a3a 100%)`
+    : tokens.darkGray || '#4a4a4a'} !important;
   color: ${tokens.white || '#ffffff'} !important;
 
   display: flex;
   gap: ${tokens.spacing100};
   align-items: center;
-  padding-top: ${tokens.spacing200};
-  padding-right: ${tokens.spacing200};
-  padding-bottom: ${tokens.spacing200};
-  padding-left: ${tokens.spacing200};
+  padding: ${tokens.spacing200} ${tokens.spacing200};
 
-  ${({ $variant }) => $variant === 'inline' &&
+  transition: all 0.25s ease;
+
+  ${({ $variant, $isOpen }) => $variant === 'inline' &&
     css `
-      border-radius: ${tokens.borderRadius100};
+      border-radius: ${$isOpen
+        ? `${tokens.borderRadius100} ${tokens.borderRadius100} 0 0`
+        : tokens.borderRadius100};
     `}
 
-  &:hover:not(:disabled) ${StateLayer} {
-    opacity: ${tokens.stateLayerHover};
+  &:hover:not(:disabled) {
+    background: linear-gradient(135deg, #555555 0%, #3f3f3f 100%) !important;
+
+    ${StateLayer} {
+      opacity: ${tokens.stateLayerHover};
+    }
   }
 
   &:active:not(:disabled) ${StateLayer} {
     opacity: ${tokens.stateLayerPress};
   }
+
+  &:focus-visible {
+    outline: 2px solid ${tokens.primary || '#454cbf'};
+    outline-offset: 2px;
+  }
 `;
 export const AccordionSectionText = styled.div `
-  line-height: 1.3;
+  line-height: 1.4;
   flex-grow: 1;
   padding-right: ${tokens.spacing100};
   position: relative;
@@ -76,14 +99,25 @@ export const AccordionSectionText = styled.div `
   flex-direction: column;
   gap: ${tokens.spacing050};
   color: ${tokens.white};
+
+  /* Better text rendering */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 `;
 export const AccordionFade = styled.div `
   z-index: 0;
   position: relative;
-  background: linear-gradient(to bottom, transparent, ${tokens.surface});
+  background: linear-gradient(
+    to bottom,
+    transparent,
+    ${tokens.surface || '#ffffff'}
+  );
   width: 100%;
-  height: ${tokens.spacing150};
-  margin-top: calc(${tokens.spacing150} * -1);
+  height: ${tokens.spacing200};
+  margin-top: calc(${tokens.spacing200} * -1);
+  opacity: ${({ $isOpen }) => ($isOpen ? 1 : 0)};
+  transition: opacity ${({ $transitionDuration }) => $transitionDuration} ease;
+  pointer-events: none;
 `;
 const getTransitionTimingFunction = (transitionTimingFunction, isOpen) => {
     if (transitionTimingFunction !== 'ease-in' &&
@@ -101,13 +135,23 @@ export const AccordionSectionContentWrapper = styled.div `
   display: grid;
   grid-template-rows: ${({ $isOpen }) => ($isOpen ? '1fr' : '0fr')};
   transition: ${({ $transitionDuration, $transitionTimingFunction, $isOpen }) => `grid-template-rows ${$transitionDuration} ${getTransitionTimingFunction($transitionTimingFunction, $isOpen)}`};
+  background: ${({ $isOpen }) => $isOpen
+    ? `linear-gradient(180deg, rgba(74, 74, 74, 0.05) 0%, transparent 100%)`
+    : 'transparent'};
+  border-left: ${({ $isOpen }) => $isOpen
+    ? `3px solid ${tokens.primary || '#454cbf'}`
+    : '3px solid transparent'};
+  margin-left: ${({ $isOpen }) => ($isOpen ? tokens.spacing100 : '0')};
+  transition: all 0.3s ease;
 `;
 export const AccordionSectionContent = styled.div `
   overflow-y: hidden;
-  transition: ${({ $transitionDuration }) => `opacity ${$transitionDuration} linear`};
-  line-height: 1.3;
+  transition: ${({ $transitionDuration }) => `opacity ${$transitionDuration} linear, transform ${$transitionDuration} ease`};
+  line-height: 1.6;
   opacity: ${({ $isOpen }) => ($isOpen ? 1 : 0)};
-  padding-right: ${tokens.spacing150};
+  transform: ${({ $isOpen }) => ($isOpen ? 'translateY(0)' : 'translateY(-8px)')};
+  padding-top: ${({ $isOpen }) => ($isOpen ? tokens.spacing150 : '0')};
+  padding-right: ${tokens.spacing200};
   padding-left: ${({ $hasLeader }) => $hasLeader ? tokens.spacing600 : tokens.spacing200};
 `;
 export const StyledLeadingTrailing = styled.div `
@@ -125,10 +169,17 @@ export const StyledLeadingTrailing = styled.div `
 `;
 export const AccordionDivider = styled(Divider) `
   border-color: ${tokens.outline};
+  opacity: 0.5;
+  margin: ${tokens.spacing025} 0;
 `;
 export const RotatingIcon = styled(Icon.SSR) `
   overflow: hidden;
   flex-shrink: 0;
-  transition: transform 0.4s ease-in-out;
+  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   transform: ${({ $rotateIcon }) => `rotate(${$rotateIcon ? -180 : 0}deg)`};
+  opacity: 0.9;
+
+  &:hover {
+    opacity: 1;
+  }
 `;

package/lib/src/core-components/src/components/Modal/ModalDocxContent/gemini.service.d.ts

@@ -0,0 +1,4 @@
+export declare const geminiSendMessageService: (prompt: string, gemini_key: string) => Promise<{
+    text: string;
+} | null>;
+//# sourceMappingURL=gemini.service.d.ts.map

package/lib/src/core-components/src/components/Modal/ModalDocxContent/gemini.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gemini.service.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/Modal/ModalDocxContent/gemini.service.ts"],"names":[],"mappings":"AA0DA,eAAO,MAAM,wBAAwB,WAC3B,MAAM,cACF,MAAM,KACjB,QAAQ;IAAC,IAAI,EAAE,MAAM,CAAA;CAAC,GAAG,IAAI,CA6B/B,CAAC"}

package/lib/src/core-components/src/components/Modal/ModalDocxContent/gemini.service.js

@@ -0,0 +1,70 @@
+const GEMINI_BASE_URL = 'https://generativelanguage.googleapis.com/v1beta/models';
+// Fallback models - will try each one in order if previous fails
+const GEMINI_MODELS = [
+    'gemini-2.5-flash',
+    'gemini-2.0-flash',
+    'gemini-1.5-flash',
+];
+// Call API with specific model using fetch
+const callWithModel = async (prompt, model, gemini_key) => {
+    const url = `${GEMINI_BASE_URL}/${model}:generateContent`;
+    const controller = new AbortController();
+    const timeoutId = setTimeout(() => controller.abort(), 30 * 1000); // 30 seconds
+    try {
+        const response = await fetch(url, {
+            method: 'POST',
+            headers: {
+                'x-goog-api-key': gemini_key,
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+                contents: [
+                    {
+                        parts: [
+                            {
+                                text: prompt,
+                            },
+                        ],
+                    },
+                ],
+            }),
+            signal: controller.signal,
+        });
+        clearTimeout(timeoutId);
+        if (!response.ok) {
+            const errorData = await response.json().catch(() => ({}));
+            throw new Error(errorData?.error?.message || `HTTP ${response.status}`);
+        }
+        const data = await response.json();
+        const text = data?.candidates?.[0]?.content?.parts?.[0]?.text;
+        return text ? { text } : null;
+    }
+    catch (error) {
+        clearTimeout(timeoutId);
+        throw error;
+    }
+};
+export const geminiSendMessageService = async (prompt, gemini_key) => {
+    let lastError = null;
+    // Try each model in order
+    for (const model of GEMINI_MODELS) {
+        try {
+            console.log(`[Gemini] Trying model: ${model}`);
+            const result = await callWithModel(prompt, model, gemini_key);
+            if (result) {
+                console.log(`[Gemini] Success with model: ${model}`);
+                return result;
+            }
+        }
+        catch (error) {
+            console.warn(`[Gemini] Model ${model} failed:`, error instanceof Error ? error.message : error);
+            lastError = error instanceof Error ? error : new Error(String(error));
+            // Continue to next model
+        }
+    }
+    // All models failed - show error
+    console.error('[Gemini] All models failed:', lastError);
+    const errorMessage = lastError?.message || 'Failed to get AI response';
+    console.error(`😔 AI Error: ${errorMessage}`);
+    return null;
+};

package/lib/src/core-components/src/components/Modal/ModalDocxContent/modal-docx-content.component.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import 'jodit/esm/plugins/resizer/resizer';
+export interface ModalDocxContentProps {
+    /** Controls the visibility of the modal */
+    visible: boolean;
+    /** Initial content to display in the editor */
+    details?: string;
+    /** Callback fired when the user saves the content */
+    onSave: (content: string) => void;
+    /** Callback fired when the modal is closed */
+    onClose: () => void;
+    /** Optional title for the modal header */
+    title?: string;
+    /** Custom AI service function for processing content */
+    aiService?: (message: string, gemini_key: string) => Promise<{
+        text: string;
+    } | null>;
+    /** Whether to show AI assistant button */
+    showAIButton?: boolean;
+    /** Whether to show voice recording buttons */
+    showVoiceButtons?: boolean;
+    /** URL for file uploads */
+    uploaderUrl?: string;
+    /** Folder name for file uploads */
+    folder?: string;
+    /** Gemini API key - AI button only visible when valid key is provided */
+    gemini_key?: string;
+    /** Custom class names for styling */
+    classNames?: {
+        overlay?: string;
+        container?: string;
+        header?: string;
+        body?: string;
+        footer?: string;
+    };
+    /** Custom inline styles */
+    styles?: {
+        overlay?: React.CSSProperties;
+        container?: React.CSSProperties;
+        header?: React.CSSProperties;
+        body?: React.CSSProperties;
+        footer?: React.CSSProperties;
+    };
+}
+export declare const ModalDocxContent: ({ visible, details, onSave, onClose, title, aiService, showAIButton, showVoiceButtons, uploaderUrl, folder, gemini_key, classNames, styles, }: ModalDocxContentProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=modal-docx-content.component.d.ts.map

package/lib/src/core-components/src/components/Modal/ModalDocxContent/modal-docx-content.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-docx-content.component.d.ts","sourceRoot":"","sources":["../../../../../../../src/core-components/src/components/Modal/ModalDocxContent/modal-docx-content.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAStE,OAAO,mCAAmC,CAAC;AAuG3C,MAAM,WAAW,qBAAqB;IACpC,2CAA2C;IAC3C,OAAO,EAAE,OAAO,CAAC;IACjB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,MAAM,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,8CAA8C;IAC9C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,SAAS,CAAC,EAAE,CACV,OAAO,EAAE,MAAM,EACf,UAAU,EAAE,MAAM,KACf,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAC,GAAG,IAAI,CAAC,CAAC;IACpC,0CAA0C;IAC1C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qCAAqC;IACrC,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,2BAA2B;IAC3B,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC9B,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAChC,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC3B,MAAM,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC9B,CAAC;CACH;AAED,eAAO,MAAM,gBAAgB,kJAe1B,qBAAqB,4CAymCvB,CAAC"}