datakeen-session-react 1.1.140-rc.35 → 1.1.140-rc.37

package/dist/cjs/components/DatakeenSession.js

@@ -145,6 +145,21 @@ var DatakeenSession = function (_a) {
     var shouldUseWideDesktopLayout = (currentTemplateNode === null || currentTemplateNode === void 0 ? void 0 : currentTemplateNode.type) === "information-input" &&
         currentTemplateNode.informationType === "custom" &&
         (currentTemplateNode.customFields || []).some(function (field) { return field.valueType === "list"; });
+    var _s = React.useState(false), isRecordingSelfie = _s[0], setIsRecordingSelfie = _s[1];
+    React.useEffect(function () {
+        if (typeof document === "undefined")
+            return;
+        var update = function () {
+            return setIsRecordingSelfie(document.body.classList.contains("recording-selfie"));
+        };
+        update();
+        var observer = new MutationObserver(update);
+        observer.observe(document.body, {
+            attributes: true,
+            attributeFilter: ["class"],
+        });
+        return function () { return observer.disconnect(); };
+    }, []);
     var isCaptureStep = (currentTemplateNode === null || currentTemplateNode === void 0 ? void 0 : currentTemplateNode.type) === "biometric-capture" ||
         (currentTemplateNode === null || currentTemplateNode === void 0 ? void 0 : currentTemplateNode.type) === "selfie-capture" ||
         (currentTemplateNode === null || currentTemplateNode === void 0 ? void 0 : currentTemplateNode.type) === "document-collection" || // Could be upload, but safer to allow full height
@@ -160,9 +175,13 @@ var DatakeenSession = function (_a) {
                                     : "var(--dk-mobile-scroll-padding, env(safe-area-inset-bottom, 0px))",
                             }, children: jsxRuntime.jsx("div", { className: "flex flex-1 flex-col min-h-0", children: renderSessionContent() }) }), showMobilePoweredBy && (jsxRuntime.jsx("div", { className: "bg-white px-4 pt-3 pb-4 sm:px-6 sm:pt-6 sm:pb-6", style: {
                                 paddingBottom: "calc(env(safe-area-inset-bottom, 0px) + 0.5rem)",
-                            }, ref: poweredByRef, children: jsxRuntime.jsx(PoweredBy.default, { logo: (_j = session === null || session === void 0 ? void 0 : session.template) === null || _j === void 0 ? void 0 : _j.logo, text: ((_k = session === null || session === void 0 ? void 0 : session.template) === null || _k === void 0 ? void 0 : _k.logo) ? "par" : undefined }) }))] })) : (jsxRuntime.jsx("div", { className: "flex items-center justify-center w-full min-h-screen bg-gray-100 py-12", children: jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center", children: [jsxRuntime.jsx(Paper.default, { className: "flex flex-col h-[800px] px-8 py-10 bg-white rounded-2xl shadow-xl z-10 ".concat(shouldUseWideDesktopLayout
-                                    ? "w-[98vw] max-w-[1500px]"
-                                    : "w-[600px]"), children: jsxRuntime.jsx("div", { className: "flex-1 w-full h-full overflow-y-auto", children: renderSessionContent() }) }), showDesktopPoweredBy && (jsxRuntime.jsx("div", { className: "pt-6 text-center", children: jsxRuntime.jsx(PoweredBy.default, { logo: (_l = session === null || session === void 0 ? void 0 : session.template) === null || _l === void 0 ? void 0 : _l.logo, text: ((_m = session === null || session === void 0 ? void 0 : session.template) === null || _m === void 0 ? void 0 : _m.logo) ? "par" : undefined }) }))] }) })) }) }) }));
+                            }, ref: poweredByRef, children: jsxRuntime.jsx(PoweredBy.default, { logo: (_j = session === null || session === void 0 ? void 0 : session.template) === null || _j === void 0 ? void 0 : _j.logo, text: ((_k = session === null || session === void 0 ? void 0 : session.template) === null || _k === void 0 ? void 0 : _k.logo) ? "par" : undefined }) }))] })) : (jsxRuntime.jsx("div", { className: "flex items-center justify-center w-full min-h-screen bg-gray-100 py-12", children: jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center", children: [jsxRuntime.jsx(Paper.default, { className: "dk-session-paper flex flex-col h-[800px] px-8 py-10 bg-white rounded-2xl shadow-xl z-10 ".concat(isRecordingSelfie
+                                    ? ""
+                                    : shouldUseWideDesktopLayout
+                                        ? "w-[98vw] max-w-[1500px]"
+                                        : "w-[600px]"), style: isRecordingSelfie
+                                    ? { width: "min(66vw, 942px)" }
+                                    : undefined, children: jsxRuntime.jsx("div", { className: "flex-1 w-full h-full overflow-y-auto", children: renderSessionContent() }) }), showDesktopPoweredBy && (jsxRuntime.jsx("div", { className: "pt-6 text-center", children: jsxRuntime.jsx(PoweredBy.default, { logo: (_l = session === null || session === void 0 ? void 0 : session.template) === null || _l === void 0 ? void 0 : _l.logo, text: ((_m = session === null || session === void 0 ? void 0 : session.template) === null || _m === void 0 ? void 0 : _m.logo) ? "par" : undefined }) }))] }) })) }) }) }));
 };
 
 exports.default = DatakeenSession;

package/dist/cjs/components/DatakeenSession.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatakeenSession.js","sources":["../../../../src/components/DatakeenSession.tsx"],"sourcesContent":["import { useEffect, useLayoutEffect, useMemo, useRef, useState } from \"react\";\nimport type { CSSProperties } from \"react\";\nimport type { DatakeenSessionProps } from \"../types/session\";\nimport Paper from \"./ui/Paper\";\nimport useIsMobile from \"../hooks/useIsMobile\";\nimport PoweredBy from \"./ui/PoweredBy\";\nimport SessionExpired from \"./session/SessionExpired\";\nimport { useRouteCSS } from \"../hooks/useRouteCSS\";\nimport { DocumentProvider } from \"../context/DocumentContext\";\nimport { ConfigProvider } from \"../context/ConfigContext\";\nimport { setSessionStore } from \"../context/SessionContext\";\n\n// Hooks\nimport { useSessionData } from \"../hooks/useSessionData\";\nimport { useStepNavigation } from \"../hooks/useStepNavigation\";\nimport { useStepCSS } from \"../hooks/useStepCSS\";\nimport { useTemplateLoader } from \"../hooks/useTemplateLoader\";\nimport { useClientInfo } from \"../hooks/useClientInfo\";\nimport { getOrderedJourneySteps } from \"../services/sessionService\";\n\n// Components\nimport NoSessionIdState from \"./states/NoSessionIdState\";\nimport LoadingState from \"./states/LoadingState\";\nimport ErrorState from \"./states/ErrorState\";\nimport SessionContent from \"./session/SessionContent\";\n\n/**\n * DatakeenSession Component\n *\n * The main component of the Datakeen SDK that manages the multi-step verification flow.\n * This component handles the different steps of the session process, including:\n * - Initial welcome screen\n * - User information collection\n * - Country selection for JDI verification\n * - Mobile redirect when selfie is required\n *\n * The component maintains internal state for the current step and user input data,\n * progressing through the verification journey as the user completes each step.\n *\n * @param {DatakeenSessionProps} props - Component props\n * @param {string} props.sessionId - Unique identifier for the verification session\n * @param {SessionConfig} props.sessionConfig - Configuration for the session (e.g., selfie: true)\n * @param {string} props.apiBaseUrl - Optional API base URL for dynamic environment configuration\n * @returns {JSX.Element} A Paper-wrapped container with the appropriate step component based on current state\n */\nconst DatakeenSession = ({\n  sessionId,\n  sessionConfig,\n  apiBaseUrl,\n}: DatakeenSessionProps) => {\n  const isMobile = useIsMobile();\n  const { info: clientInfo, isLoaded: clientInfoLoaded } = useClientInfo();\n\n  // Load base CSS and UI components CSS that are always needed\n  useRouteCSS(\"ui-components\");\n\n  // Session data management\n  const {\n    session,\n    setSession,\n    loading,\n    setLoading,\n    error,\n    isExpired,\n    userInput,\n    setUserInput,\n    contactInfo,\n    setContactInfo,\n    loadSession,\n    handleRetrySession,\n  } = useSessionData(sessionId, clientInfo, clientInfoLoaded);\n\n  // Step navigation management\n  const { step, stepObject, history } = useStepNavigation(\n    sessionId,\n    session?.status,\n    session?.currentStep,\n    session?.template,\n  );\n\n  // Load route-specific CSS based on current step\n  useStepCSS(step, session);\n\n  // Template loading logic\n  useTemplateLoader(step, sessionId, session, loading, setSession, setLoading);\n\n  // Load session data on component mount\n  useEffect(() => {\n    loadSession();\n  }, [sessionId, sessionConfig]);\n\n  // Update global session store whenever session data changes\n  useEffect(() => {\n    const sanitizedSessionForGlobalStore = session\n      ? {\n        ...session,\n        token: \"\",\n        userInput: {},\n        contactInfo: undefined,\n      }\n      : null;\n\n    setSessionStore({\n      session: sanitizedSessionForGlobalStore,\n      loading,\n      error,\n      isExpired,\n      userInput: {},\n      contactInfo: { email: \"\", phoneNumber: \"\" },\n    });\n  }, [session, loading, error, isExpired]);\n\n  // Handle initial step setting when session loads\n  useEffect(() => {\n    if (session && session.status === \"ended\") {\n      // If session is ended, find the appropriate end step\n      const templateNodes = session.template?.nodes || [];\n      const endNodeIndex = templateNodes.findIndex(\n        (node) => node.type === \"end\",\n      );\n\n      if (endNodeIndex !== -1) {\n        stepObject.setStep(1 + endNodeIndex);\n      } else {\n        stepObject.setStep(1 + templateNodes.length);\n      }\n    }\n  }, [session, stepObject]);\n\n  if (!sessionId) {\n    return <NoSessionIdState />;\n  }\n\n  // PoweredBy de DatakeenSession : uniquement pour les états spéciaux (loading/error/expired)\n  // Les pages normales utilisent MobilePageLayout qui gère son propre PoweredBy\n  const showMobilePoweredBy = isMobile && (loading || !!error || isExpired);\n  const showDesktopPoweredBy = !isMobile && !loading && !error && !isExpired;\n  const poweredByRef = useRef<HTMLDivElement | null>(null);\n  const [poweredByHeight, setPoweredByHeight] = useState(0);\n\n  useLayoutEffect(() => {\n    if (typeof window === \"undefined\" || !showMobilePoweredBy) {\n      setPoweredByHeight(0);\n      return;\n    }\n\n    const updateHeight = () => {\n      if (poweredByRef.current) {\n        setPoweredByHeight(poweredByRef.current.offsetHeight);\n      }\n    };\n\n    updateHeight();\n    window.addEventListener(\"resize\", updateHeight);\n\n    return () => {\n      window.removeEventListener(\"resize\", updateHeight);\n    };\n  }, [showMobilePoweredBy]);\n\n  const mobileRootStyle: CSSProperties = {\n    [\"--dk-mobile-footer-offset\" as any]: `${poweredByHeight}px`,\n  };\n\n  const renderSessionContent = () => {\n    if (loading) {\n      return <LoadingState />;\n    }\n\n    if (error) {\n      return <ErrorState error={error} />;\n    }\n\n    if (isExpired) {\n      return <SessionExpired onRetry={handleRetrySession} />;\n    }\n\n    return (\n      <SessionContent\n        step={step}\n        loading={loading}\n        session={session}\n        sessionId={sessionId}\n        stepObject={stepObject}\n        stepHistory={history}\n        userInput={userInput}\n        setUserInput={setUserInput}\n        contactInfo={contactInfo}\n        setContactInfo={setContactInfo}\n      />\n    );\n  };\n\n  const mobileScrollPadding = showMobilePoweredBy\n    ? `calc(${poweredByHeight}px + env(safe-area-inset-bottom, 0px))`\n    : \"env(safe-area-inset-bottom, 0px)\";\n\n  const currentTemplateNode = useMemo(() => {\n    if (!session?.template || step < 1) {\n      return null;\n    }\n\n    const templateIndex = Math.floor(step - 1);\n    const orderedSteps = getOrderedJourneySteps(session.template);\n    return orderedSteps[templateIndex] || null;\n  }, [session?.template, step]);\n\n  const shouldUseWideDesktopLayout =\n    currentTemplateNode?.type === \"information-input\" &&\n    currentTemplateNode.informationType === \"custom\" &&\n    (currentTemplateNode.customFields || []).some(\n      (field) => field.valueType === \"list\",\n    );\n\n  const isCaptureStep =\n    currentTemplateNode?.type === \"biometric-capture\" ||\n    currentTemplateNode?.type === \"selfie-capture\" ||\n    currentTemplateNode?.type === \"document-collection\" || // Could be upload, but safer to allow full height\n    currentTemplateNode?.type === \"controle-jdi\";\n\n  const btnBg = session?.template?.buttonBgColor ?? \"#11E5C5\";\n  const btnText = session?.template?.buttonTextColor ?? \"#3C3C40\";\n\n  return (\n    <ConfigProvider apiBaseUrl={apiBaseUrl}>\n      <DocumentProvider>\n        <div\n          className=\"sdk-session flex-1 flex flex-col\"\n          style={\n            {\n              [\"--dk-btn-bg\" as string]: btnBg,\n              [\"--dk-btn-text\" as string]: btnText,\n              ...(isMobile\n                ? {\n                  [\"--dk-mobile-scroll-padding\" as string]:\n                    mobileScrollPadding,\n                }\n                : undefined),\n            } as CSSProperties\n          }\n        >\n          {isMobile ? (\n            <div\n              className=\"flex h-full w-full flex-col bg-white\"\n              style={mobileRootStyle}\n            >\n              <div\n                className={`flex flex-1 min-h-0 flex-col ${isCaptureStep ? \"\" : \"overflow-y-auto\"}`}\n                style={{\n                  paddingBottom: isCaptureStep\n                    ? \"0\"\n                    : \"var(--dk-mobile-scroll-padding, env(safe-area-inset-bottom, 0px))\",\n                }}\n              >\n                <div className=\"flex flex-1 flex-col min-h-0\">\n                  {renderSessionContent()}\n                </div>\n              </div>\n              {showMobilePoweredBy && (\n                <div\n                  className=\"bg-white px-4 pt-3 pb-4 sm:px-6 sm:pt-6 sm:pb-6\"\n                  style={{\n                    paddingBottom:\n                      \"calc(env(safe-area-inset-bottom, 0px) + 0.5rem)\",\n                  }}\n                  ref={poweredByRef}\n                >\n                  <PoweredBy\n                    logo={session?.template?.logo}\n                    text={session?.template?.logo ? \"par\" : undefined}\n                  />\n                </div>\n              )}\n            </div>\n          ) : (\n            <div className=\"flex items-center justify-center w-full min-h-screen bg-gray-100 py-12\">\n              <div className=\"flex flex-col items-center justify-center\">\n                <Paper\n                  className={`flex flex-col h-[800px] px-8 py-10 bg-white rounded-2xl shadow-xl z-10 ${shouldUseWideDesktopLayout\n                      ? \"w-[98vw] max-w-[1500px]\"\n                      : \"w-[600px]\"\n                    }`}\n                >\n                  <div className=\"flex-1 w-full h-full overflow-y-auto\">\n                    {renderSessionContent()}\n                  </div>\n                </Paper>\n                {showDesktopPoweredBy && (\n                  <div className=\"pt-6 text-center\">\n                    <PoweredBy\n                      logo={session?.template?.logo}\n                      text={session?.template?.logo ? \"par\" : undefined}\n                    />\n                  </div>\n                )}\n              </div>\n            </div>\n          )}\n        </div>\n      </DocumentProvider>\n    </ConfigProvider>\n  );\n};\n\nexport default DatakeenSession;\n"],"names":["useIsMobile","useClientInfo","useRouteCSS","useSessionData","useStepNavigation","useStepCSS","useTemplateLoader","useEffect","setSessionStore","_jsx","NoSessionIdState","useRef","useState","useLayoutEffect","LoadingState","ErrorState","SessionExpired","SessionContent","useMemo","getOrderedJourneySteps","ConfigProvider","DocumentProvider","__assign","_jsxs","PoweredBy","Paper"],"mappings":"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"}
+{"version":3,"file":"DatakeenSession.js","sources":["../../../../src/components/DatakeenSession.tsx"],"sourcesContent":["import { useEffect, useLayoutEffect, useMemo, useRef, useState } from \"react\";\nimport type { CSSProperties } from \"react\";\nimport type { DatakeenSessionProps } from \"../types/session\";\nimport Paper from \"./ui/Paper\";\nimport useIsMobile from \"../hooks/useIsMobile\";\nimport PoweredBy from \"./ui/PoweredBy\";\nimport SessionExpired from \"./session/SessionExpired\";\nimport { useRouteCSS } from \"../hooks/useRouteCSS\";\nimport { DocumentProvider } from \"../context/DocumentContext\";\nimport { ConfigProvider } from \"../context/ConfigContext\";\nimport { setSessionStore } from \"../context/SessionContext\";\n\n// Hooks\nimport { useSessionData } from \"../hooks/useSessionData\";\nimport { useStepNavigation } from \"../hooks/useStepNavigation\";\nimport { useStepCSS } from \"../hooks/useStepCSS\";\nimport { useTemplateLoader } from \"../hooks/useTemplateLoader\";\nimport { useClientInfo } from \"../hooks/useClientInfo\";\nimport { getOrderedJourneySteps } from \"../services/sessionService\";\n\n// Components\nimport NoSessionIdState from \"./states/NoSessionIdState\";\nimport LoadingState from \"./states/LoadingState\";\nimport ErrorState from \"./states/ErrorState\";\nimport SessionContent from \"./session/SessionContent\";\n\n/**\n * DatakeenSession Component\n *\n * The main component of the Datakeen SDK that manages the multi-step verification flow.\n * This component handles the different steps of the session process, including:\n * - Initial welcome screen\n * - User information collection\n * - Country selection for JDI verification\n * - Mobile redirect when selfie is required\n *\n * The component maintains internal state for the current step and user input data,\n * progressing through the verification journey as the user completes each step.\n *\n * @param {DatakeenSessionProps} props - Component props\n * @param {string} props.sessionId - Unique identifier for the verification session\n * @param {SessionConfig} props.sessionConfig - Configuration for the session (e.g., selfie: true)\n * @param {string} props.apiBaseUrl - Optional API base URL for dynamic environment configuration\n * @returns {JSX.Element} A Paper-wrapped container with the appropriate step component based on current state\n */\nconst DatakeenSession = ({\n  sessionId,\n  sessionConfig,\n  apiBaseUrl,\n}: DatakeenSessionProps) => {\n  const isMobile = useIsMobile();\n  const { info: clientInfo, isLoaded: clientInfoLoaded } = useClientInfo();\n\n  // Load base CSS and UI components CSS that are always needed\n  useRouteCSS(\"ui-components\");\n\n  // Session data management\n  const {\n    session,\n    setSession,\n    loading,\n    setLoading,\n    error,\n    isExpired,\n    userInput,\n    setUserInput,\n    contactInfo,\n    setContactInfo,\n    loadSession,\n    handleRetrySession,\n  } = useSessionData(sessionId, clientInfo, clientInfoLoaded);\n\n  // Step navigation management\n  const { step, stepObject, history } = useStepNavigation(\n    sessionId,\n    session?.status,\n    session?.currentStep,\n    session?.template,\n  );\n\n  // Load route-specific CSS based on current step\n  useStepCSS(step, session);\n\n  // Template loading logic\n  useTemplateLoader(step, sessionId, session, loading, setSession, setLoading);\n\n  // Load session data on component mount\n  useEffect(() => {\n    loadSession();\n  }, [sessionId, sessionConfig]);\n\n  // Update global session store whenever session data changes\n  useEffect(() => {\n    const sanitizedSessionForGlobalStore = session\n      ? {\n        ...session,\n        token: \"\",\n        userInput: {},\n        contactInfo: undefined,\n      }\n      : null;\n\n    setSessionStore({\n      session: sanitizedSessionForGlobalStore,\n      loading,\n      error,\n      isExpired,\n      userInput: {},\n      contactInfo: { email: \"\", phoneNumber: \"\" },\n    });\n  }, [session, loading, error, isExpired]);\n\n  // Handle initial step setting when session loads\n  useEffect(() => {\n    if (session && session.status === \"ended\") {\n      // If session is ended, find the appropriate end step\n      const templateNodes = session.template?.nodes || [];\n      const endNodeIndex = templateNodes.findIndex(\n        (node) => node.type === \"end\",\n      );\n\n      if (endNodeIndex !== -1) {\n        stepObject.setStep(1 + endNodeIndex);\n      } else {\n        stepObject.setStep(1 + templateNodes.length);\n      }\n    }\n  }, [session, stepObject]);\n\n  if (!sessionId) {\n    return <NoSessionIdState />;\n  }\n\n  // PoweredBy de DatakeenSession : uniquement pour les états spéciaux (loading/error/expired)\n  // Les pages normales utilisent MobilePageLayout qui gère son propre PoweredBy\n  const showMobilePoweredBy = isMobile && (loading || !!error || isExpired);\n  const showDesktopPoweredBy = !isMobile && !loading && !error && !isExpired;\n  const poweredByRef = useRef<HTMLDivElement | null>(null);\n  const [poweredByHeight, setPoweredByHeight] = useState(0);\n\n  useLayoutEffect(() => {\n    if (typeof window === \"undefined\" || !showMobilePoweredBy) {\n      setPoweredByHeight(0);\n      return;\n    }\n\n    const updateHeight = () => {\n      if (poweredByRef.current) {\n        setPoweredByHeight(poweredByRef.current.offsetHeight);\n      }\n    };\n\n    updateHeight();\n    window.addEventListener(\"resize\", updateHeight);\n\n    return () => {\n      window.removeEventListener(\"resize\", updateHeight);\n    };\n  }, [showMobilePoweredBy]);\n\n  const mobileRootStyle: CSSProperties = {\n    [\"--dk-mobile-footer-offset\" as any]: `${poweredByHeight}px`,\n  };\n\n  const renderSessionContent = () => {\n    if (loading) {\n      return <LoadingState />;\n    }\n\n    if (error) {\n      return <ErrorState error={error} />;\n    }\n\n    if (isExpired) {\n      return <SessionExpired onRetry={handleRetrySession} />;\n    }\n\n    return (\n      <SessionContent\n        step={step}\n        loading={loading}\n        session={session}\n        sessionId={sessionId}\n        stepObject={stepObject}\n        stepHistory={history}\n        userInput={userInput}\n        setUserInput={setUserInput}\n        contactInfo={contactInfo}\n        setContactInfo={setContactInfo}\n      />\n    );\n  };\n\n  const mobileScrollPadding = showMobilePoweredBy\n    ? `calc(${poweredByHeight}px + env(safe-area-inset-bottom, 0px))`\n    : \"env(safe-area-inset-bottom, 0px)\";\n\n  const currentTemplateNode = useMemo(() => {\n    if (!session?.template || step < 1) {\n      return null;\n    }\n\n    const templateIndex = Math.floor(step - 1);\n    const orderedSteps = getOrderedJourneySteps(session.template);\n    return orderedSteps[templateIndex] || null;\n  }, [session?.template, step]);\n\n  const shouldUseWideDesktopLayout =\n    currentTemplateNode?.type === \"information-input\" &&\n    currentTemplateNode.informationType === \"custom\" &&\n    (currentTemplateNode.customFields || []).some(\n      (field) => field.valueType === \"list\",\n    );\n\n  const [isRecordingSelfie, setIsRecordingSelfie] = useState(false);\n  useEffect(() => {\n    if (typeof document === \"undefined\") return;\n    const update = () =>\n      setIsRecordingSelfie(\n        document.body.classList.contains(\"recording-selfie\"),\n      );\n    update();\n    const observer = new MutationObserver(update);\n    observer.observe(document.body, {\n      attributes: true,\n      attributeFilter: [\"class\"],\n    });\n    return () => observer.disconnect();\n  }, []);\n\n  const isCaptureStep =\n    currentTemplateNode?.type === \"biometric-capture\" ||\n    currentTemplateNode?.type === \"selfie-capture\" ||\n    currentTemplateNode?.type === \"document-collection\" || // Could be upload, but safer to allow full height\n    currentTemplateNode?.type === \"controle-jdi\";\n\n  const btnBg = session?.template?.buttonBgColor ?? \"#11E5C5\";\n  const btnText = session?.template?.buttonTextColor ?? \"#3C3C40\";\n\n  return (\n    <ConfigProvider apiBaseUrl={apiBaseUrl}>\n      <DocumentProvider>\n        <div\n          className=\"sdk-session flex-1 flex flex-col\"\n          style={\n            {\n              [\"--dk-btn-bg\" as string]: btnBg,\n              [\"--dk-btn-text\" as string]: btnText,\n              ...(isMobile\n                ? {\n                  [\"--dk-mobile-scroll-padding\" as string]:\n                    mobileScrollPadding,\n                }\n                : undefined),\n            } as CSSProperties\n          }\n        >\n          {isMobile ? (\n            <div\n              className=\"flex h-full w-full flex-col bg-white\"\n              style={mobileRootStyle}\n            >\n              <div\n                className={`flex flex-1 min-h-0 flex-col ${isCaptureStep ? \"\" : \"overflow-y-auto\"}`}\n                style={{\n                  paddingBottom: isCaptureStep\n                    ? \"0\"\n                    : \"var(--dk-mobile-scroll-padding, env(safe-area-inset-bottom, 0px))\",\n                }}\n              >\n                <div className=\"flex flex-1 flex-col min-h-0\">\n                  {renderSessionContent()}\n                </div>\n              </div>\n              {showMobilePoweredBy && (\n                <div\n                  className=\"bg-white px-4 pt-3 pb-4 sm:px-6 sm:pt-6 sm:pb-6\"\n                  style={{\n                    paddingBottom:\n                      \"calc(env(safe-area-inset-bottom, 0px) + 0.5rem)\",\n                  }}\n                  ref={poweredByRef}\n                >\n                  <PoweredBy\n                    logo={session?.template?.logo}\n                    text={session?.template?.logo ? \"par\" : undefined}\n                  />\n                </div>\n              )}\n            </div>\n          ) : (\n            <div className=\"flex items-center justify-center w-full min-h-screen bg-gray-100 py-12\">\n              <div className=\"flex flex-col items-center justify-center\">\n                <Paper\n                  className={`dk-session-paper flex flex-col h-[800px] px-8 py-10 bg-white rounded-2xl shadow-xl z-10 ${isRecordingSelfie\n                      ? \"\"\n                      : shouldUseWideDesktopLayout\n                        ? \"w-[98vw] max-w-[1500px]\"\n                        : \"w-[600px]\"\n                    }`}\n                  style={\n                    isRecordingSelfie\n                      ? { width: \"min(66vw, 942px)\" }\n                      : undefined\n                  }\n                >\n                  <div className=\"flex-1 w-full h-full overflow-y-auto\">\n                    {renderSessionContent()}\n                  </div>\n                </Paper>\n                {showDesktopPoweredBy && (\n                  <div className=\"pt-6 text-center\">\n                    <PoweredBy\n                      logo={session?.template?.logo}\n                      text={session?.template?.logo ? \"par\" : undefined}\n                    />\n                  </div>\n                )}\n              </div>\n            </div>\n          )}\n        </div>\n      </DocumentProvider>\n    </ConfigProvider>\n  );\n};\n\nexport default DatakeenSession;\n"],"names":["useIsMobile","useClientInfo","useRouteCSS","useSessionData","useStepNavigation","useStepCSS","useTemplateLoader","useEffect","setSessionStore","_jsx","NoSessionIdState","useRef","useState","useLayoutEffect","LoadingState","ErrorState","SessionExpired","SessionContent","useMemo","getOrderedJourneySteps","ConfigProvider","DocumentProvider","__assign","_jsxs","PoweredBy","Paper"],"mappings":"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"}

package/dist/cjs/components/document-collection/DocumentCollectionIntroduction.js

@@ -16,10 +16,10 @@ var DocumentCollectionIntroduction = function (_a) {
     // Use provided values or fallback to defaults (use i18n keys)
     var t = reactI18next.useTranslation().t;
     var title = (introductionPage === null || introductionPage === void 0 ? void 0 : introductionPage.title) ||
-        t("document_upload.selection_title", "Collection de documents");
+        t("document_upload.selection_title");
     var description = (introductionPage === null || introductionPage === void 0 ? void 0 : introductionPage.description) ||
-        t("document_upload.selection_description", "Veuillez fournir les documents suivants pour vérification");
-    return (jsxRuntime.jsx(MobilePageLayout.default, { footer: jsxRuntime.jsx(PageActions.default, { primary: jsxRuntime.jsx(Button.default, { onClick: onContinue, children: t("buttons.continue", "Commencer la collecte") }), secondary: jsxRuntime.jsx(Button.default, { variant: "secondary", onClick: onBack, children: t("buttons.back", "Retour") }) }), children: jsxRuntime.jsx("div", { className: "px-4 py-6 md:px-8 md:py-8", children: jsxRuntime.jsxs("div", { className: "w-full max-w-md mx-auto space-y-6", children: [jsxRuntime.jsxs("div", { className: "text-center space-y-4", children: [jsxRuntime.jsx(Title.default, { className: "text-xl md:text-2xl lg:text-3xl", children: title }), jsxRuntime.jsx(Subtitle.default, { className: "text-sm md:text-base text-gray-600 leading-relaxed whitespace-pre-line", children: description })] }), jsxRuntime.jsx("div", { className: "flex justify-center py-6", children: jsxRuntime.jsx("img", { src: beforeDocument.default, alt: "Collection de documents", className: "max-w-full h-auto object-contain max-h-[25vh]" }) }), jsxRuntime.jsx("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4", children: jsxRuntime.jsxs("div", { className: "flex", children: [jsxRuntime.jsx("div", { className: "flex-shrink-0", children: jsxRuntime.jsx("svg", { className: "h-5 w-5 text-blue-400", fill: "currentColor", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", clipRule: "evenodd" }) }) }), jsxRuntime.jsxs("div", { className: "ml-3", children: [jsxRuntime.jsx("h3", { className: "text-sm font-medium text-blue-800", children: t("jdi.document_selection.info_title", "Informations importantes") }), jsxRuntime.jsx("div", { className: "mt-2 text-sm text-blue-700", children: jsxRuntime.jsxs("ul", { className: "list-disc pl-5 space-y-1", children: [jsxRuntime.jsx("li", { children: t("jdi.document_upload.info_point1", "Assurez-vous que vos documents sont lisibles et de bonne qualité") }), jsxRuntime.jsx("li", { children: t("jdi.document_upload.accepted_formats", "Les formats PDF, PNG et JPG sont acceptés") }), jsxRuntime.jsxs("li", { children: [t("jdi.document_upload.max_size_label", "La taille maximale par fichier est de 10 MB"), " ", " ", " ", t("jdi.document_upload.max_size", "10 MB")] })] }) })] })] }) })] }) }) }));
+        t("document_upload.selection_description");
+    return (jsxRuntime.jsx(MobilePageLayout.default, { footer: jsxRuntime.jsx(PageActions.default, { primary: jsxRuntime.jsx(Button.default, { onClick: onContinue, children: t("buttons.continue") }), secondary: jsxRuntime.jsx(Button.default, { variant: "secondary", onClick: onBack, children: t("buttons.back") }) }), children: jsxRuntime.jsx("div", { className: "px-4 py-6 md:px-8 md:py-8", children: jsxRuntime.jsxs("div", { className: "w-full max-w-md mx-auto space-y-6", children: [jsxRuntime.jsxs("div", { className: "text-center space-y-4", children: [jsxRuntime.jsx(Title.default, { className: "text-xl md:text-2xl lg:text-3xl", children: title }), jsxRuntime.jsx(Subtitle.default, { className: "text-sm md:text-base text-gray-600 leading-relaxed whitespace-pre-line", children: description })] }), jsxRuntime.jsx("div", { className: "flex justify-center py-6", children: jsxRuntime.jsx("img", { src: beforeDocument.default, alt: t("document_upload.selection_title"), className: "max-w-full h-auto object-contain max-h-[25vh]" }) }), jsxRuntime.jsx("div", { className: "bg-blue-50 border border-blue-200 rounded-lg p-4", children: jsxRuntime.jsxs("div", { className: "flex", children: [jsxRuntime.jsx("div", { className: "flex-shrink-0", children: jsxRuntime.jsx("svg", { className: "h-5 w-5 text-blue-400", fill: "currentColor", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", children: jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z", clipRule: "evenodd" }) }) }), jsxRuntime.jsxs("div", { className: "ml-3", children: [jsxRuntime.jsx("h3", { className: "text-sm font-medium text-blue-800", children: t("jdi.document_selection.info_title") }), jsxRuntime.jsx("div", { className: "mt-2 text-sm text-blue-700", children: jsxRuntime.jsxs("ul", { className: "list-disc pl-5 space-y-1", children: [jsxRuntime.jsx("li", { children: t("jdi.document_upload.info_point1") }), jsxRuntime.jsx("li", { children: t("jdi.document_upload.accepted_formats") }), jsxRuntime.jsxs("li", { children: [t("jdi.document_upload.max_size_label"), " ", t("jdi.document_upload.max_size")] })] }) })] })] }) })] }) }) }));
 };
 
 exports.default = DocumentCollectionIntroduction;

package/dist/cjs/components/document-collection/DocumentCollectionIntroduction.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentCollectionIntroduction.js","sources":["../../../../../src/components/document-collection/DocumentCollectionIntroduction.tsx"],"sourcesContent":["import Title from \"../ui/Title\";\nimport Subtitle from \"../ui/Subtitle\";\nimport Button from \"../ui/Button\";\nimport PageActions from \"../ui/PageActions\";\nimport { beforeDocumentIcon } from \"../../assets\";\nimport { useTranslation } from \"react-i18next\";\nimport MobilePageLayout from \"../ui/MobilePageLayout\";\n\ninterface DocumentCollectionIntroductionProps {\n  onContinue: () => void;\n  onBack: () => void;\n  introductionPage?: {\n    title?: string;\n    description?: string;\n  };\n}\n\nconst DocumentCollectionIntroduction = ({\n  onContinue,\n  onBack,\n  introductionPage,\n}: DocumentCollectionIntroductionProps) => {\n  // Use provided values or fallback to defaults (use i18n keys)\n  const { t } = useTranslation();\n  const title =\n    introductionPage?.title ||\n    t(\"document_upload.selection_title\", \"Collection de documents\");\n  const description =\n    introductionPage?.description ||\n    t(\n      \"document_upload.selection_description\",\n      \"Veuillez fournir les documents suivants pour vérification\",\n    );\n\n  return (\n    <MobilePageLayout\n      footer={\n        <PageActions\n          primary={\n            <Button onClick={onContinue}>\n              {t(\"buttons.continue\", \"Commencer la collecte\")}\n            </Button>\n          }\n          secondary={\n            <Button variant=\"secondary\" onClick={onBack}>\n              {t(\"buttons.back\", \"Retour\")}\n            </Button>\n          }\n        />\n      }\n    >\n      <div className=\"px-4 py-6 md:px-8 md:py-8\">\n        <div className=\"w-full max-w-md mx-auto space-y-6\">\n          {/* Header */}\n          <div className=\"text-center space-y-4\">\n            <Title className=\"text-xl md:text-2xl lg:text-3xl\">{title}</Title>\n            <Subtitle className=\"text-sm md:text-base text-gray-600 leading-relaxed whitespace-pre-line\">\n              {description}\n            </Subtitle>\n          </div>\n\n          {/* Document collection illustration */}\n          <div className=\"flex justify-center py-6\">\n            <img\n              src={beforeDocumentIcon}\n              alt=\"Collection de documents\"\n              className=\"max-w-full h-auto object-contain max-h-[25vh]\"\n            />\n          </div>\n\n          {/* Information box */}\n          <div className=\"bg-blue-50 border border-blue-200 rounded-lg p-4\">\n            <div className=\"flex\">\n              <div className=\"flex-shrink-0\">\n                <svg\n                  className=\"h-5 w-5 text-blue-400\"\n                  fill=\"currentColor\"\n                  viewBox=\"0 0 20 20\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <path\n                    fillRule=\"evenodd\"\n                    d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z\"\n                    clipRule=\"evenodd\"\n                  />\n                </svg>\n              </div>\n              <div className=\"ml-3\">\n                <h3 className=\"text-sm font-medium text-blue-800\">\n                  {t(\n                    \"jdi.document_selection.info_title\",\n                    \"Informations importantes\",\n                  )}\n                </h3>\n                <div className=\"mt-2 text-sm text-blue-700\">\n                  <ul className=\"list-disc pl-5 space-y-1\">\n                    <li>{t(\"jdi.document_upload.info_point1\", \"Assurez-vous que vos documents sont lisibles et de bonne qualité\")}</li>\n                    <li>{t(\"jdi.document_upload.accepted_formats\", \"Les formats PDF, PNG et JPG sont acceptés\")}</li>\n                    <li>{t(\"jdi.document_upload.max_size_label\", \"La taille maximale par fichier est de 10 MB\")} {\" \"} {t(\"jdi.document_upload.max_size\", \"10 MB\")}</li>\n                  </ul>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </MobilePageLayout>\n  );\n};\n\nexport default DocumentCollectionIntroduction;\n"],"names":["useTranslation","_jsx","MobilePageLayout","PageActions","Button","_jsxs","Title","Subtitle","beforeDocumentIcon"],"mappings":"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"}
+{"version":3,"file":"DocumentCollectionIntroduction.js","sources":["../../../../../src/components/document-collection/DocumentCollectionIntroduction.tsx"],"sourcesContent":["import Title from \"../ui/Title\";\nimport Subtitle from \"../ui/Subtitle\";\nimport Button from \"../ui/Button\";\nimport PageActions from \"../ui/PageActions\";\nimport { beforeDocumentIcon } from \"../../assets\";\nimport { useTranslation } from \"react-i18next\";\nimport MobilePageLayout from \"../ui/MobilePageLayout\";\n\ninterface DocumentCollectionIntroductionProps {\n  onContinue: () => void;\n  onBack: () => void;\n  introductionPage?: {\n    title?: string;\n    description?: string;\n  };\n}\n\nconst DocumentCollectionIntroduction = ({\n  onContinue,\n  onBack,\n  introductionPage,\n}: DocumentCollectionIntroductionProps) => {\n  // Use provided values or fallback to defaults (use i18n keys)\n  const { t } = useTranslation();\n  const title =\n    introductionPage?.title ||\n    t(\"document_upload.selection_title\");\n  const description =\n    introductionPage?.description ||\n    t(\"document_upload.selection_description\");\n\n  return (\n    <MobilePageLayout\n      footer={\n        <PageActions\n          primary={\n            <Button onClick={onContinue}>\n              {t(\"buttons.continue\")}\n            </Button>\n          }\n          secondary={\n            <Button variant=\"secondary\" onClick={onBack}>\n              {t(\"buttons.back\")}\n            </Button>\n          }\n        />\n      }\n    >\n      <div className=\"px-4 py-6 md:px-8 md:py-8\">\n        <div className=\"w-full max-w-md mx-auto space-y-6\">\n          {/* Header */}\n          <div className=\"text-center space-y-4\">\n            <Title className=\"text-xl md:text-2xl lg:text-3xl\">{title}</Title>\n            <Subtitle className=\"text-sm md:text-base text-gray-600 leading-relaxed whitespace-pre-line\">\n              {description}\n            </Subtitle>\n          </div>\n\n          {/* Document collection illustration */}\n          <div className=\"flex justify-center py-6\">\n            <img\n              src={beforeDocumentIcon}\n              alt={t(\"document_upload.selection_title\")}\n              className=\"max-w-full h-auto object-contain max-h-[25vh]\"\n            />\n          </div>\n\n          {/* Information box */}\n          <div className=\"bg-blue-50 border border-blue-200 rounded-lg p-4\">\n            <div className=\"flex\">\n              <div className=\"flex-shrink-0\">\n                <svg\n                  className=\"h-5 w-5 text-blue-400\"\n                  fill=\"currentColor\"\n                  viewBox=\"0 0 20 20\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <path\n                    fillRule=\"evenodd\"\n                    d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z\"\n                    clipRule=\"evenodd\"\n                  />\n                </svg>\n              </div>\n              <div className=\"ml-3\">\n                <h3 className=\"text-sm font-medium text-blue-800\">\n                  {t(\"jdi.document_selection.info_title\")}\n                </h3>\n                <div className=\"mt-2 text-sm text-blue-700\">\n                  <ul className=\"list-disc pl-5 space-y-1\">\n                    <li>{t(\"jdi.document_upload.info_point1\")}</li>\n                    <li>{t(\"jdi.document_upload.accepted_formats\")}</li>\n                    <li>{t(\"jdi.document_upload.max_size_label\")} {t(\"jdi.document_upload.max_size\")}</li>\n                  </ul>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </MobilePageLayout>\n  );\n};\n\nexport default DocumentCollectionIntroduction;\n"],"names":["useTranslation","_jsx","MobilePageLayout","PageActions","Button","_jsxs","Title","Subtitle","beforeDocumentIcon"],"mappings":"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"}

package/dist/cjs/components/document-collection/DocumentCollectionSelection.js

@@ -22,9 +22,9 @@ var DocumentCollectionSelection = function (_a) {
         }
     }, [allowedDocumentTypes, selectedDocumentType]);
     var title = (documentSelection === null || documentSelection === void 0 ? void 0 : documentSelection.title) ||
-        t("document_upload.selection_title", "Sélection des documents");
+        t("document_upload.selection_title");
     var description = (documentSelection === null || documentSelection === void 0 ? void 0 : documentSelection.description) ||
-        t("document_upload.selection_description", "Choisissez le type de document que vous souhaitez transmettre.");
+        t("document_upload.selection_description");
     var documentOptions = allowedDocumentTypes.map(function (docType) { return ({
         value: docType.id,
         label: t(docType.name) || docType.name,
@@ -34,7 +34,7 @@ var DocumentCollectionSelection = function (_a) {
             onContinue(selectedDocumentType);
         }
     };
-    return (jsxRuntime.jsx(MobilePageLayout.default, { footer: jsxRuntime.jsx(PageActions.default, { primary: jsxRuntime.jsx(Button.default, { onClick: handleContinueAction, disabled: !selectedDocumentType, children: t("buttons.continue", "Continuer") }), secondary: jsxRuntime.jsx(Button.default, { variant: "secondary", onClick: onBack, children: t("processing.back", "Retour") }) }), children: jsxRuntime.jsx("div", { className: "flex-1 flex items-start justify-center md:items-center p-4", children: jsxRuntime.jsxs("div", { className: "w-full max-w-lg", children: [jsxRuntime.jsxs("div", { className: "text-center mb-8", children: [jsxRuntime.jsx(Title.default, { className: "text-2xl md:text-3xl font-bold text-gray-900 mb-2", children: title }), jsxRuntime.jsx(Subtitle.default, { className: "text-gray-600 whitespace-pre-line", children: description })] }), jsxRuntime.jsxs("div", { className: "mb-6", children: [jsxRuntime.jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: t("document_selection.label_identity", "Type de document *") }), jsxRuntime.jsx(SelectComponent.Select, { options: documentOptions, value: selectedDocumentType, onValueChange: function (value) { return setSelectedDocumentType(value); }, placeholder: t("document_selection.placeholder_identity", "Choisissez le type de document") })] }), selectedDocumentType && (jsxRuntime.jsxs("div", { className: "bg-gray-50 border border-gray-200 rounded-lg p-4 mb-6", children: [jsxRuntime.jsx("h3", { className: "font-medium text-gray-900 mb-2", children: t("jdi.document_selection.info_title", "Informations importantes") }), jsxRuntime.jsxs("div", { className: "text-sm text-gray-700 space-y-1", children: [jsxRuntime.jsx("p", { children: t("jdi.document_upload.info_point1", "• Assurez-vous que le document est lisible et de bonne qualité") }), jsxRuntime.jsx("p", { children: t("jdi.document_upload.info_point2", "• Toutes les informations doivent être clairement visibles") }), jsxRuntime.jsx("p", { children: t("jdi.document_upload.info_point3", "• Le document doit être récent et valide") })] })] }))] }) }) }));
+    return (jsxRuntime.jsx(MobilePageLayout.default, { footer: jsxRuntime.jsx(PageActions.default, { primary: jsxRuntime.jsx(Button.default, { onClick: handleContinueAction, disabled: !selectedDocumentType, children: t("buttons.continue") }), secondary: jsxRuntime.jsx(Button.default, { variant: "secondary", onClick: onBack, children: t("buttons.back") }) }), children: jsxRuntime.jsx("div", { className: "flex-1 flex items-start justify-center md:items-center p-4", children: jsxRuntime.jsxs("div", { className: "w-full max-w-lg", children: [jsxRuntime.jsxs("div", { className: "text-center mb-8", children: [jsxRuntime.jsx(Title.default, { className: "text-2xl md:text-3xl font-bold text-gray-900 mb-2", children: title }), jsxRuntime.jsx(Subtitle.default, { className: "text-gray-600 whitespace-pre-line", children: description })] }), jsxRuntime.jsxs("div", { className: "mb-6", children: [jsxRuntime.jsx("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: t("jdi.document_selection.label_identity") }), jsxRuntime.jsx(SelectComponent.Select, { options: documentOptions, value: selectedDocumentType, onValueChange: function (value) { return setSelectedDocumentType(value); }, placeholder: t("jdi.document_selection.placeholder_identity") })] }), selectedDocumentType && (jsxRuntime.jsxs("div", { className: "bg-gray-50 border border-gray-200 rounded-lg p-4 mb-6", children: [jsxRuntime.jsx("h3", { className: "font-medium text-gray-900 mb-2", children: t("jdi.document_selection.info_title") }), jsxRuntime.jsxs("div", { className: "text-sm text-gray-700 space-y-1", children: [jsxRuntime.jsx("p", { children: t("jdi.document_upload.info_point1") }), jsxRuntime.jsx("p", { children: t("jdi.document_upload.info_point2") }), jsxRuntime.jsx("p", { children: t("jdi.document_upload.info_point3") })] })] }))] }) }) }));
 };
 
 exports.default = DocumentCollectionSelection;

package/dist/cjs/components/document-collection/DocumentCollectionSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentCollectionSelection.js","sources":["../../../../../src/components/document-collection/DocumentCollectionSelection.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport Title from \"../ui/Title\";\nimport Subtitle from \"../ui/Subtitle\";\nimport Button from \"../ui/Button\";\nimport PageActions from \"../ui/PageActions\";\nimport { Select } from \"../ui/SelectComponent\";\nimport { useTranslation } from \"react-i18next\";\nimport { DocumentTypeSide } from \"./DocumentCollection\";\nimport MobilePageLayout from \"../ui/MobilePageLayout\";\nimport { stepObject } from \"../../types/session\";\nimport { Card } from \"../ui/Card\";\nimport { Upload } from \"lucide-react\";\nimport PDFPreview from \"../ui/PDFPreview\";\nimport type { onUploadFiles } from \"../../types/uploadFiles\";\n\ninterface AllowedDocumentType {\n  id: string;\n  name: string;\n  side?: DocumentTypeSide;\n}\n\ninterface DocumentCollectionSelectionProps {\n  onContinue: (selectedDocumentType: string, files?: onUploadFiles) => void;\n  onBack: () => void;\n  allowedDocumentTypes: AllowedDocumentType[];\n  allowedAddingMethods: string[];\n  stepObject?: stepObject;\n  documentSelection?: {\n    title?: string;\n    description?: string;\n  };\n}\n\nconst DocumentCollectionSelection = ({\n  onContinue,\n  onBack,\n  allowedDocumentTypes,\n  allowedAddingMethods,\n  stepObject,\n  documentSelection,\n}: DocumentCollectionSelectionProps) => {\n  const { t } = useTranslation();\n  const [selectedDocumentType, setSelectedDocumentType] = useState<string>(\"\");\n\n  useEffect(() => {\n    if (allowedDocumentTypes.length > 0 && !selectedDocumentType) {\n      setSelectedDocumentType(allowedDocumentTypes[0].id);\n    }\n  }, [allowedDocumentTypes, selectedDocumentType]);\n\n  const title =\n    documentSelection?.title ||\n    t(\"document_upload.selection_title\", \"Sélection des documents\");\n  const description =\n    documentSelection?.description ||\n    t(\"document_upload.selection_description\", \"Choisissez le type de document que vous souhaitez transmettre.\");\n\n  const documentOptions = allowedDocumentTypes.map((docType) => ({\n    value: docType.id,\n    label: t(docType.name) || docType.name,\n  }));\n\n  const handleContinueAction = () => {\n    if (selectedDocumentType) {\n      onContinue(selectedDocumentType);\n    }\n  };\n\n  return (\n    <MobilePageLayout\n      footer={\n        <PageActions\n          primary={\n            <Button onClick={handleContinueAction} disabled={!selectedDocumentType}>\n              {t(\"buttons.continue\", \"Continuer\")}\n            </Button>\n          }\n          secondary={\n            <Button variant=\"secondary\" onClick={onBack}>\n              {t(\"processing.back\", \"Retour\")}\n            </Button>\n          }\n        />\n      }\n    >\n      <div className=\"flex-1 flex items-start justify-center md:items-center p-4\">\n        <div className=\"w-full max-w-lg\">\n          <div className=\"text-center mb-8\">\n            <Title className=\"text-2xl md:text-3xl font-bold text-gray-900 mb-2\">\n              {title}\n            </Title>\n            <Subtitle className=\"text-gray-600 whitespace-pre-line\">{description}</Subtitle>\n          </div>\n\n          {/* Document Type Selection */}\n          <div className=\"mb-6\">\n            <label className=\"block text-sm font-medium text-gray-700 mb-2\">\n              {t(\"document_selection.label_identity\", \"Type de document *\")}\n            </label>\n            <Select\n              options={documentOptions}\n              value={selectedDocumentType}\n              onValueChange={(value) => setSelectedDocumentType(value)}\n              placeholder={t(\"document_selection.placeholder_identity\", \"Choisissez le type de document\")}\n            />\n          </div>\n\n          {/* Information about selected document */}\n          {selectedDocumentType && (\n            <div className=\"bg-gray-50 border border-gray-200 rounded-lg p-4 mb-6\">\n              <h3 className=\"font-medium text-gray-900 mb-2\">\n                {t(\n                  \"jdi.document_selection.info_title\",\n                  \"Informations importantes\",\n                )}\n              </h3>\n              <div className=\"text-sm text-gray-700 space-y-1\">\n                <p>\n                  {t(\n                    \"jdi.document_upload.info_point1\",\n                    \"• Assurez-vous que le document est lisible et de bonne qualité\",\n                  )}\n                </p>\n                <p>\n                  {t(\n                    \"jdi.document_upload.info_point2\",\n                    \"• Toutes les informations doivent être clairement visibles\",\n                  )}\n                </p>\n                <p>\n                  {t(\n                    \"jdi.document_upload.info_point3\",\n                    \"• Le document doit être récent et valide\",\n                  )}\n                </p>\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    </MobilePageLayout>\n  );\n};\n\nexport default DocumentCollectionSelection;\n"],"names":["useTranslation","useState","useEffect","_jsx","MobilePageLayout","PageActions","Button","_jsxs","Title","Subtitle","Select"],"mappings":";;;;;;;;;;;;;;AAiCA,IAAM,2BAA2B,GAAG,UAAC,EAOF,EAAA;AANjC,IAAA,IAAA,UAAU,GAAA,EAAA,CAAA,UAAA,CAAA,CACV,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,oBAAoB,GAAA,EAAA,CAAA,oBAAA,CAAA,wBACA,CAAA,CACV,EAAA,CAAA,UAAA,CAAA,KACV,iBAAiB,GAAA,EAAA,CAAA;AAET,IAAA,IAAA,CAAC,GAAKA,2BAAc,EAAE,EAArB;IACH,IAAA,EAAA,GAAkDC,cAAQ,CAAS,EAAE,CAAC,EAArE,oBAAoB,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,uBAAuB,GAAA,EAAA,CAAA,CAAA,CAAwB;AAE5E,IAAAC,eAAS,CAAC,YAAA;QACR,IAAI,oBAAoB,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,oBAAoB,EAAE;YAC5D,uBAAuB,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QACrD;AACF,IAAA,CAAC,EAAE,CAAC,oBAAoB,EAAE,oBAAoB,CAAC,CAAC;IAEhD,IAAM,KAAK,GACT,CAAA,iBAAiB,aAAjB,iBAAiB,KAAA,MAAA,GAAA,MAAA,GAAjB,iBAAiB,CAAE,KAAK;AACxB,QAAA,CAAC,CAAC,iCAAiC,EAAE,yBAAyB,CAAC;IACjE,IAAM,WAAW,GACf,CAAA,iBAAiB,aAAjB,iBAAiB,KAAA,MAAA,GAAA,MAAA,GAAjB,iBAAiB,CAAE,WAAW;AAC9B,QAAA,CAAC,CAAC,uCAAuC,EAAE,gEAAgE,CAAC;IAE9G,IAAM,eAAe,GAAG,oBAAoB,CAAC,GAAG,CAAC,UAAC,OAAO,EAAA,EAAK,QAAC;QAC7D,KAAK,EAAE,OAAO,CAAC,EAAE;QACjB,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,IAAI;KACvC,EAAC,CAH4D,CAG5D,CAAC;AAEH,IAAA,IAAM,oBAAoB,GAAG,YAAA;QAC3B,IAAI,oBAAoB,EAAE;YACxB,UAAU,CAAC,oBAAoB,CAAC;QAClC;AACF,IAAA,CAAC;IAED,QACEC,eAACC,wBAAgB,EAAA,EACf,MAAM,EACJD,cAAA,CAACE,mBAAW,EAAA,EACV,OAAO,EACLF,cAAA,CAACG,cAAM,IAAC,OAAO,EAAE,oBAAoB,EAAE,QAAQ,EAAE,CAAC,oBAAoB,EAAA,QAAA,EACnE,CAAC,CAAC,kBAAkB,EAAE,WAAW,CAAC,GAC5B,EAEX,SAAS,EACPH,cAAA,CAACG,cAAM,EAAA,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,MAAM,EAAA,QAAA,EACxC,CAAC,CAAC,iBAAiB,EAAE,QAAQ,CAAC,EAAA,CACxB,EAAA,CAEX,YAGJH,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4DAA4D,EAAA,QAAA,EACzEI,yBAAK,SAAS,EAAC,iBAAiB,EAAA,QAAA,EAAA,CAC9BA,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kBAAkB,aAC/BJ,cAAA,CAACK,aAAK,EAAA,EAAC,SAAS,EAAC,mDAAmD,YACjE,KAAK,EAAA,CACA,EACRL,cAAA,CAACM,gBAAQ,IAAC,SAAS,EAAC,mCAAmC,EAAA,QAAA,EAAE,WAAW,EAAA,CAAY,IAC5E,EAGNF,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,MAAM,aACnBJ,cAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAC,8CAA8C,EAAA,QAAA,EAC5D,CAAC,CAAC,mCAAmC,EAAE,oBAAoB,CAAC,EAAA,CACvD,EACRA,cAAA,CAACO,sBAAM,IACL,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE,oBAAoB,EAC3B,aAAa,EAAE,UAAC,KAAK,EAAA,EAAK,OAAA,uBAAuB,CAAC,KAAK,CAAC,EAA9B,CAA8B,EACxD,WAAW,EAAE,CAAC,CAAC,yCAAyC,EAAE,gCAAgC,CAAC,EAAA,CAC3F,CAAA,EAAA,CACE,EAGL,oBAAoB,KACnBH,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,CACpEJ,cAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,gCAAgC,YAC3C,CAAC,CACA,mCAAmC,EACnC,0BAA0B,CAC3B,EAAA,CACE,EACLI,eAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,iCAAiC,aAC9CJ,cAAA,CAAA,GAAA,EAAA,EAAA,QAAA,EACG,CAAC,CACA,iCAAiC,EACjC,gEAAgE,CACjE,EAAA,CACC,EACJA,gCACG,CAAC,CACA,iCAAiC,EACjC,4DAA4D,CAC7D,EAAA,CACC,EACJA,cAAA,CAAA,GAAA,EAAA,EAAA,QAAA,EACG,CAAC,CACA,iCAAiC,EACjC,0CAA0C,CAC3C,GACC,CAAA,EAAA,CACA,CAAA,EAAA,CACF,CACP,CAAA,EAAA,CACG,EAAA,CACF,EAAA,CACW;AAEvB;;;;"}
+{"version":3,"file":"DocumentCollectionSelection.js","sources":["../../../../../src/components/document-collection/DocumentCollectionSelection.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport Title from \"../ui/Title\";\nimport Subtitle from \"../ui/Subtitle\";\nimport Button from \"../ui/Button\";\nimport PageActions from \"../ui/PageActions\";\nimport { Select } from \"../ui/SelectComponent\";\nimport { useTranslation } from \"react-i18next\";\nimport { DocumentTypeSide } from \"./DocumentCollection\";\nimport MobilePageLayout from \"../ui/MobilePageLayout\";\nimport { stepObject } from \"../../types/session\";\nimport { Card } from \"../ui/Card\";\nimport { Upload } from \"lucide-react\";\nimport PDFPreview from \"../ui/PDFPreview\";\nimport type { onUploadFiles } from \"../../types/uploadFiles\";\n\ninterface AllowedDocumentType {\n  id: string;\n  name: string;\n  side?: DocumentTypeSide;\n}\n\ninterface DocumentCollectionSelectionProps {\n  onContinue: (selectedDocumentType: string, files?: onUploadFiles) => void;\n  onBack: () => void;\n  allowedDocumentTypes: AllowedDocumentType[];\n  allowedAddingMethods: string[];\n  stepObject?: stepObject;\n  documentSelection?: {\n    title?: string;\n    description?: string;\n  };\n}\n\nconst DocumentCollectionSelection = ({\n  onContinue,\n  onBack,\n  allowedDocumentTypes,\n  allowedAddingMethods,\n  stepObject,\n  documentSelection,\n}: DocumentCollectionSelectionProps) => {\n  const { t } = useTranslation();\n  const [selectedDocumentType, setSelectedDocumentType] = useState<string>(\"\");\n\n  useEffect(() => {\n    if (allowedDocumentTypes.length > 0 && !selectedDocumentType) {\n      setSelectedDocumentType(allowedDocumentTypes[0].id);\n    }\n  }, [allowedDocumentTypes, selectedDocumentType]);\n\n  const title =\n    documentSelection?.title ||\n    t(\"document_upload.selection_title\");\n  const description =\n    documentSelection?.description ||\n    t(\"document_upload.selection_description\");\n\n  const documentOptions = allowedDocumentTypes.map((docType) => ({\n    value: docType.id,\n    label: t(docType.name) || docType.name,\n  }));\n\n  const handleContinueAction = () => {\n    if (selectedDocumentType) {\n      onContinue(selectedDocumentType);\n    }\n  };\n\n  return (\n    <MobilePageLayout\n      footer={\n        <PageActions\n          primary={\n            <Button onClick={handleContinueAction} disabled={!selectedDocumentType}>\n              {t(\"buttons.continue\")}\n            </Button>\n          }\n          secondary={\n            <Button variant=\"secondary\" onClick={onBack}>\n              {t(\"buttons.back\")}\n            </Button>\n          }\n        />\n      }\n    >\n      <div className=\"flex-1 flex items-start justify-center md:items-center p-4\">\n        <div className=\"w-full max-w-lg\">\n          <div className=\"text-center mb-8\">\n            <Title className=\"text-2xl md:text-3xl font-bold text-gray-900 mb-2\">\n              {title}\n            </Title>\n            <Subtitle className=\"text-gray-600 whitespace-pre-line\">{description}</Subtitle>\n          </div>\n\n          {/* Document Type Selection */}\n          <div className=\"mb-6\">\n            <label className=\"block text-sm font-medium text-gray-700 mb-2\">\n              {t(\"jdi.document_selection.label_identity\")}\n            </label>\n            <Select\n              options={documentOptions}\n              value={selectedDocumentType}\n              onValueChange={(value) => setSelectedDocumentType(value)}\n              placeholder={t(\"jdi.document_selection.placeholder_identity\")}\n            />\n          </div>\n\n          {/* Information about selected document */}\n          {selectedDocumentType && (\n            <div className=\"bg-gray-50 border border-gray-200 rounded-lg p-4 mb-6\">\n              <h3 className=\"font-medium text-gray-900 mb-2\">\n                {t(\"jdi.document_selection.info_title\")}\n              </h3>\n              <div className=\"text-sm text-gray-700 space-y-1\">\n                <p>{t(\"jdi.document_upload.info_point1\")}</p>\n                <p>{t(\"jdi.document_upload.info_point2\")}</p>\n                <p>{t(\"jdi.document_upload.info_point3\")}</p>\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    </MobilePageLayout>\n  );\n};\n\nexport default DocumentCollectionSelection;\n"],"names":["useTranslation","useState","useEffect","_jsx","MobilePageLayout","PageActions","Button","_jsxs","Title","Subtitle","Select"],"mappings":"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"}

package/dist/cjs/components/document-collection/DocumentCollectionUpload.js

@@ -44,11 +44,11 @@ var DocumentCollectionUpload = function (_a) {
             return;
         if (!file.type.startsWith("image/") &&
             !file.type.startsWith("application/pdf")) {
-            setError(t("document_upload.errors.invalid_file_type", "Veuillez sélectionner un fichier image ou PDF valide"));
+            setError(t("document_upload.errors.invalid_file_type"));
             return;
         }
         if (file.size > 10 * 1024 * 1024) {
-            setError(t("document_upload.errors.file_too_large", "Le fichier ne doit pas dépasser 10MB"));
+            setError(t("document_upload.errors.file_too_large"));
             return;
         }
         setError("");
@@ -74,7 +74,7 @@ var DocumentCollectionUpload = function (_a) {
             return;
         var maxFiles = requiresTwoSides() ? 2 : 1;
         if (files.length > maxFiles) {
-            setError(t("document_upload.errors.max_files", "Veuillez s\u00E9lectionner maximum ".concat(maxFiles, " fichier${maxFiles > 1 ? \"s\" : \"\"}")));
+            setError(t("document_upload.errors.max_files"));
             return;
         }
         setError("");
@@ -110,7 +110,7 @@ var DocumentCollectionUpload = function (_a) {
         return tslib_es6.__generator(this, function (_a) {
             setError("");
             if (!frontImage) {
-                setError(t("jdi.errors.add_photo_identity", "Veuillez ajouter une photo du recto"));
+                setError(t("jdi.document_upload.errors.add_photo_identity"));
                 return [2 /*return*/];
             }
             setIsUploading(true);
@@ -141,23 +141,23 @@ var DocumentCollectionUpload = function (_a) {
         setError("");
     };
     return (jsxRuntime.jsx(MobilePageLayout.default, { footer: jsxRuntime.jsx(PageActions.default, { primary: jsxRuntime.jsx(Button.default, { onClick: handleUpload, disabled: !frontImage || isUploading, children: isUploading
-                    ? t("processing.download", "Téléchargement...")
+                    ? t("jdi.processing.download")
                     : requiresTwoSides()
-                        ? t("processing.validate_documents", "Valider les documents")
-                        : t("processing.validate_document", "Valider le document") }), secondary: jsxRuntime.jsx(Button.default, { variant: "secondary", onClick: onBack, disabled: isUploading, children: t("processing.back", "Retour") }) }), children: jsxRuntime.jsx("div", { className: "flex-1 flex items-start justify-center md:items-center p-4", children: jsxRuntime.jsxs("div", { className: "w-full max-w-lg", children: [jsxRuntime.jsxs("div", { className: "text-center mb-8", children: [jsxRuntime.jsx("h1", { className: "text-2xl md:text-3xl font-bold text-gray-900 mb-2", children: t("document_upload.upload_title", "Ajoutez votre document") }), jsxRuntime.jsx("p", { className: "text-gray-600", children: t("document_upload.upload_description", "Veuillez sélectionner le fichier correspondant au document choisi.") })] }), error && (jsxRuntime.jsx("div", { className: "mb-6 p-4 bg-red-50 border border-red-200 rounded-lg text-sm text-red-700", children: error })), jsxRuntime.jsx(Card.Card, { className: "border-2 border-dashed border-teal-300 bg-teal-50/30 p-8 mb-6 text-center", onDragOver: function (e) { return e.preventDefault(); }, onDrop: function (e) {
+                        ? t("jdi.document_upload.validate_multiple")
+                        : t("jdi.document_upload.validate_single") }), secondary: jsxRuntime.jsx(Button.default, { variant: "secondary", onClick: onBack, disabled: isUploading, children: t("buttons.back") }) }), children: jsxRuntime.jsx("div", { className: "flex-1 flex items-start justify-center md:items-center p-4", children: jsxRuntime.jsxs("div", { className: "w-full max-w-lg", children: [jsxRuntime.jsxs("div", { className: "text-center mb-8", children: [jsxRuntime.jsx("h1", { className: "text-2xl md:text-3xl font-bold text-gray-900 mb-2", children: t("document_upload.upload_title") }), jsxRuntime.jsx("p", { className: "text-gray-600", children: t("document_upload.upload_description") })] }), error && (jsxRuntime.jsx("div", { className: "mb-6 p-4 bg-red-50 border border-red-200 rounded-lg text-sm text-red-700", children: error })), jsxRuntime.jsx(Card.Card, { className: "border-2 border-dashed border-teal-300 bg-teal-50/30 p-8 mb-6 text-center", onDragOver: function (e) { return e.preventDefault(); }, onDrop: function (e) {
                             e.preventDefault();
                             var files = e.dataTransfer.files;
                             if (files.length > 0) {
                                 var syntheticEvent = { target: { files: files } };
                                 requiresTwoSides() ? handleMultipleFileChange(syntheticEvent) : handleFileChange(syntheticEvent);
                             }
-                        }, children: !frontImage ? (jsxRuntime.jsxs("div", { className: "space-y-6", children: [jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-gray-900", children: getSelectedDocumentName() }), jsxRuntime.jsxs(Button.default, { onClick: function () { var _a, _b; return requiresTwoSides() ? (_a = multipleInputRef.current) === null || _a === void 0 ? void 0 : _a.click() : (_b = frontInputRef.current) === null || _b === void 0 ? void 0 : _b.click(); }, className: "bg-teal-600 text-white hover:bg-teal-700 px-6 py-2 rounded-lg font-medium mx-auto flex items-center gap-2", disabled: isUploading, children: [jsxRuntime.jsx(lucideReact.Upload, { size: 18 }), jsxRuntime.jsx("span", { children: t("document_upload.browse_files", "Parcourir mes fichiers") })] }), jsxRuntime.jsxs("div", { className: "text-xs text-gray-500 space-y-1", children: [jsxRuntime.jsx("p", { children: t("document_upload.accepted_formats", "Formats PDF, PNG, JPG acceptés (max 10MB)") }), jsxRuntime.jsx("p", { children: requiresTwoSides() ? t("document_upload.multiple_files_info", "Jusqu'à 2 fichiers") : t("document_upload.single_file_info", "Jusqu'à 1 fichier") })] })] })) : (jsxRuntime.jsxs("div", { className: "space-y-4", children: [jsxRuntime.jsxs("div", { className: "bg-white border rounded-lg p-4 relative group", children: [jsxRuntime.jsx("p", { className: "text-sm font-medium mb-1", children: frontIsPDF ? "Document PDF" : "Image" }), frontIsPDF ? jsxRuntime.jsx(PDFPreview.default, { src: frontImage }) : jsxRuntime.jsx("img", { src: frontImage, alt: "Recto", className: "max-h-48 mx-auto" }), jsxRuntime.jsx("button", { onClick: function () { return removeImage("front"); }, className: "absolute top-2 right-2 text-red-500 hover:text-red-700", children: "\u2715" })] }), requiresTwoSides() && backImage && (jsxRuntime.jsxs("div", { className: "bg-white border rounded-lg p-4 relative group", children: [jsxRuntime.jsx("p", { className: "text-sm font-medium mb-1", children: backIsPDF ? "Verso PDF" : "Verso Image" }), backIsPDF ? jsxRuntime.jsx(PDFPreview.default, { src: backImage }) : jsxRuntime.jsx("img", { src: backImage, alt: "Verso", className: "max-h-48 mx-auto" }), jsxRuntime.jsx("button", { onClick: function () { return removeImage("back"); }, className: "absolute top-2 right-2 text-red-500 hover:text-red-700", children: "\u2715" })] })), requiresTwoSides() && !backImage && (jsxRuntime.jsx(Button.default, { onClick: function () {
+                        }, children: !frontImage ? (jsxRuntime.jsxs("div", { className: "space-y-6", children: [jsxRuntime.jsx("h3", { className: "text-lg font-semibold text-gray-900", children: getSelectedDocumentName() }), jsxRuntime.jsxs(Button.default, { onClick: function () { var _a, _b; return requiresTwoSides() ? (_a = multipleInputRef.current) === null || _a === void 0 ? void 0 : _a.click() : (_b = frontInputRef.current) === null || _b === void 0 ? void 0 : _b.click(); }, className: "bg-teal-600 text-white hover:bg-teal-700 px-6 py-2 rounded-lg font-medium mx-auto flex items-center gap-2", disabled: isUploading, children: [jsxRuntime.jsx(lucideReact.Upload, { size: 18 }), jsxRuntime.jsx("span", { children: t("document_upload.browse_files") })] }), jsxRuntime.jsxs("div", { className: "text-xs text-gray-500 space-y-1", children: [jsxRuntime.jsx("p", { children: t("document_upload.accepted_formats") }), jsxRuntime.jsx("p", { children: requiresTwoSides() ? t("document_upload.multiple_files_info") : t("document_upload.single_file_info") })] })] })) : (jsxRuntime.jsxs("div", { className: "space-y-4", children: [jsxRuntime.jsxs("div", { className: "bg-white border rounded-lg p-4 relative group", children: [jsxRuntime.jsx("p", { className: "text-sm font-medium mb-1", children: frontIsPDF ? t("document_upload.pdf_preview") : t("document_upload.image_preview") }), frontIsPDF ? jsxRuntime.jsx(PDFPreview.default, { src: frontImage }) : jsxRuntime.jsx("img", { src: frontImage, alt: t("document_upload.front_side"), className: "max-h-48 mx-auto" }), jsxRuntime.jsx("button", { onClick: function () { return removeImage("front"); }, className: "absolute top-2 right-2 text-red-500 hover:text-red-700", children: "\u2715" })] }), requiresTwoSides() && backImage && (jsxRuntime.jsxs("div", { className: "bg-white border rounded-lg p-4 relative group", children: [jsxRuntime.jsxs("p", { className: "text-sm font-medium mb-1", children: [t("document_upload.back_side"), " ", backIsPDF ? "PDF" : ""] }), backIsPDF ? jsxRuntime.jsx(PDFPreview.default, { src: backImage }) : jsxRuntime.jsx("img", { src: backImage, alt: t("document_upload.back_side"), className: "max-h-48 mx-auto" }), jsxRuntime.jsx("button", { onClick: function () { return removeImage("back"); }, className: "absolute top-2 right-2 text-red-500 hover:text-red-700", children: "\u2715" })] })), requiresTwoSides() && !backImage && (jsxRuntime.jsx(Button.default, { onClick: function () {
                                         var input = document.createElement("input");
                                         input.type = "file";
                                         input.accept = "image/*,.pdf";
                                         input.onchange = function (e) { return handleFileChange(e, "back"); };
                                         input.click();
-                                    }, className: "text-teal-600 border border-teal-600 bg-transparent hover:bg-teal-50 w-full", children: t("document_upload.add_back", "Ajouter le verso") }))] })) }), jsxRuntime.jsx("input", { ref: frontInputRef, type: "file", accept: "image/*,.pdf", onChange: function (e) { return handleFileChange(e, "front"); }, className: "hidden" }), jsxRuntime.jsx("input", { ref: multipleInputRef, type: "file", accept: "image/*,.pdf", multiple: true, onChange: handleMultipleFileChange, className: "hidden" })] }) }) }));
+                                    }, className: "text-teal-600 border border-teal-600 bg-transparent hover:bg-teal-50 w-full", children: t("document_upload.add_back") }))] })) }), jsxRuntime.jsx("input", { ref: frontInputRef, type: "file", accept: "image/*,.pdf", onChange: function (e) { return handleFileChange(e, "front"); }, className: "hidden" }), jsxRuntime.jsx("input", { ref: multipleInputRef, type: "file", accept: "image/*,.pdf", multiple: true, onChange: handleMultipleFileChange, className: "hidden" })] }) }) }));
 };
 
 exports.default = DocumentCollectionUpload;

package/dist/cjs/components/document-collection/DocumentCollectionUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentCollectionUpload.js","sources":["../../../../../src/components/document-collection/DocumentCollectionUpload.tsx"],"sourcesContent":["import React, { useState, useRef } from \"react\";\nimport Title from \"../ui/Title\";\nimport Subtitle from \"../ui/Subtitle\";\nimport Button from \"../ui/Button\";\nimport PageActions from \"../ui/PageActions\";\nimport { Card } from \"../ui/Card\";\nimport { Upload } from \"lucide-react\";\nimport PDFPreview from \"../ui/PDFPreview\";\nimport type { onUploadFiles } from \"../../types/uploadFiles\";\nimport { useTranslation } from \"react-i18next\";\nimport MobilePageLayout from \"../ui/MobilePageLayout\";\nimport { DocumentTypeSide } from \"./DocumentCollection\";\n\ninterface AllowedDocumentType {\n    id: string;\n    name: string;\n    side?: DocumentTypeSide;\n}\n\ninterface DocumentCollectionUploadProps {\n    onUpload: (files: onUploadFiles) => void;\n    onBack: () => void;\n    selectedDocumentType: string;\n    allowedDocumentTypes: AllowedDocumentType[];\n    documentSelection?: {\n        title?: string;\n        description?: string;\n    };\n}\n\nconst DocumentCollectionUpload = ({\n    onUpload,\n    onBack,\n    selectedDocumentType,\n    allowedDocumentTypes,\n    documentSelection,\n}: DocumentCollectionUploadProps) => {\n    const { t } = useTranslation();\n    const [frontImage, setFrontImage] = useState<string | null>(null);\n    const [backImage, setBackImage] = useState<string | null>(null);\n    const [frontIsPDF, setFrontIsPDF] = useState<boolean>(false);\n    const [backIsPDF, setBackIsPDF] = useState<boolean>(false);\n    const [isUploading, setIsUploading] = useState(false);\n    const [error, setError] = useState<string>(\"\");\n    const [isDragging, setIsDragging] = useState(false);\n\n    const frontInputRef = useRef<HTMLInputElement>(null);\n    const multipleInputRef = useRef<HTMLInputElement>(null);\n    const dropZoneRef = useRef<HTMLDivElement>(null);\n\n    const requiresTwoSides = (): boolean => {\n        const selected = allowedDocumentTypes.find(\n            (d) => d.id === selectedDocumentType,\n        );\n        return selected?.side === \"RECTO_VERSO\";\n    };\n\n    const getSelectedDocumentName = () => {\n        const selectedDoc = allowedDocumentTypes.find(\n            (doc) => doc.id === selectedDocumentType,\n        );\n        if (!selectedDoc) return \"document\";\n        return t(selectedDoc.name) || selectedDoc.name;\n    };\n\n    const handleFileChange = (\n        event: React.ChangeEvent<HTMLInputElement>,\n        side: \"front\" | \"back\" = \"front\",\n    ) => {\n        const file = event.target.files?.[0];\n        if (!file) return;\n\n        if (\n            !file.type.startsWith(\"image/\") &&\n            !file.type.startsWith(\"application/pdf\")\n        ) {\n            setError(\n                t(\n                    \"document_upload.errors.invalid_file_type\",\n                    \"Veuillez sélectionner un fichier image ou PDF valide\",\n                ),\n            );\n            return;\n        }\n        if (file.size > 10 * 1024 * 1024) {\n            setError(\n                t(\n                    \"document_upload.errors.file_too_large\",\n                    \"Le fichier ne doit pas dépasser 10MB\",\n                ),\n            );\n            return;\n        }\n\n        setError(\"\");\n        const isFilePDF = file.type === \"application/pdf\";\n        const reader = new FileReader();\n        reader.onload = (e) => {\n            const result = e.target?.result as string;\n            if (side === \"front\") {\n                setFrontImage(result);\n                setFrontIsPDF(isFilePDF);\n            } else {\n                setBackImage(result);\n                setBackIsPDF(isFilePDF);\n            }\n        };\n        reader.readAsDataURL(file);\n    };\n\n    const handleMultipleFileChange = (\n        event: React.ChangeEvent<HTMLInputElement>,\n    ) => {\n        const files = event.target.files;\n        if (!files) return;\n        const maxFiles = requiresTwoSides() ? 2 : 1;\n        if (files.length > maxFiles) {\n            setError(\n                t(\n                    \"document_upload.errors.max_files\",\n                    `Veuillez sélectionner maximum ${maxFiles} fichier\\${maxFiles > 1 ? \"s\" : \"\"}`,\n                ),\n            );\n            return;\n        }\n        setError(\"\");\n        Array.from(files).forEach((file, index) => {\n            if (\n                !file.type.startsWith(\"image/\") &&\n                !file.type.startsWith(\"application/pdf\")\n            ) {\n                setError(t(\"document_upload.errors.invalid_file_type\"));\n                return;\n            }\n            if (file.size > 10 * 1024 * 1024) {\n                setError(t(\"document_upload.errors.file_too_large\"));\n                return;\n            }\n            const isFilePDF = file.type === \"application/pdf\";\n            const reader = new FileReader();\n            reader.onload = (e) => {\n                const result = e.target?.result as string;\n                if (index === 0) {\n                    setFrontImage(result);\n                    setFrontIsPDF(isFilePDF);\n                } else if (index === 1 && requiresTwoSides()) {\n                    setBackImage(result);\n                    setBackIsPDF(isFilePDF);\n                }\n            };\n            reader.readAsDataURL(file);\n        });\n    };\n\n    const handleUpload = async () => {\n        setError(\"\");\n        if (!frontImage) {\n            setError(t(\"jdi.errors.add_photo_identity\", \"Veuillez ajouter une photo du recto\"));\n            return;\n        }\n\n        setIsUploading(true);\n        try {\n            const files = {\n                front: frontImage,\n                back: requiresTwoSides() ? backImage : null,\n            };\n            onUpload(files);\n        } catch (err) {\n            setError(t(\"document_upload.errors.upload_error\"));\n            setIsUploading(false);\n        }\n    };\n\n    const removeImage = (side: \"front\" | \"back\" = \"front\") => {\n        if (side === \"front\") {\n            setFrontImage(null);\n            setFrontIsPDF(false);\n        } else {\n            setBackImage(null);\n            setBackIsPDF(false);\n        }\n        setError(\"\");\n    };\n\n    return (\n        <MobilePageLayout\n            footer={\n                <PageActions\n                        primary={\n                            <Button\n                                onClick={handleUpload}\n                                disabled={!frontImage || isUploading}\n                            >\n                                {isUploading\n                                    ? t(\"processing.download\", \"Téléchargement...\")\n                                    : requiresTwoSides()\n                                        ? t(\"processing.validate_documents\", \"Valider les documents\")\n                                        : t(\"processing.validate_document\", \"Valider le document\")}\n                            </Button>\n                        }\n                        secondary={\n                            <Button variant=\"secondary\" onClick={onBack} disabled={isUploading}>\n                                {t(\"processing.back\", \"Retour\")}\n                            </Button>\n                        }\n                    />\n            }\n        >\n            <div className=\"flex-1 flex items-start justify-center md:items-center p-4\">\n                <div className=\"w-full max-w-lg\">\n                    <div className=\"text-center mb-8\">\n                        <h1 className=\"text-2xl md:text-3xl font-bold text-gray-900 mb-2\">\n                            {t(\"document_upload.upload_title\", \"Ajoutez votre document\")}\n                        </h1>\n                        <p className=\"text-gray-600\">\n                            {t(\"document_upload.upload_description\", \"Veuillez sélectionner le fichier correspondant au document choisi.\")}\n                        </p>\n                    </div>\n\n                    {error && (\n                        <div className=\"mb-6 p-4 bg-red-50 border border-red-200 rounded-lg text-sm text-red-700\">\n                            {error}\n                        </div>\n                    )}\n\n                    <Card\n                        className=\"border-2 border-dashed border-teal-300 bg-teal-50/30 p-8 mb-6 text-center\"\n                        onDragOver={(e) => e.preventDefault()}\n                        onDrop={(e) => {\n                            e.preventDefault();\n                            const files = e.dataTransfer.files;\n                            if (files.length > 0) {\n                                const syntheticEvent = { target: { files } } as any;\n                                requiresTwoSides() ? handleMultipleFileChange(syntheticEvent) : handleFileChange(syntheticEvent);\n                            }\n                        }}\n                    >\n                        {!frontImage ? (\n                            <div className=\"space-y-6\">\n                                <h3 className=\"text-lg font-semibold text-gray-900\">{getSelectedDocumentName()}</h3>\n                                <Button\n                                    onClick={() => requiresTwoSides() ? multipleInputRef.current?.click() : frontInputRef.current?.click()}\n                                    className=\"bg-teal-600 text-white hover:bg-teal-700 px-6 py-2 rounded-lg font-medium mx-auto flex items-center gap-2\"\n                                    disabled={isUploading}\n                                >\n                                    <Upload size={18} />\n                                    <span>{t(\"document_upload.browse_files\", \"Parcourir mes fichiers\")}</span>\n                                </Button>\n                                <div className=\"text-xs text-gray-500 space-y-1\">\n                                    <p>{t(\"document_upload.accepted_formats\", \"Formats PDF, PNG, JPG acceptés (max 10MB)\")}</p>\n                                    <p>{requiresTwoSides() ? t(\"document_upload.multiple_files_info\", \"Jusqu'à 2 fichiers\") : t(\"document_upload.single_file_info\", \"Jusqu'à 1 fichier\")}</p>\n                                </div>\n                            </div>\n                        ) : (\n                            <div className=\"space-y-4\">\n                                <div className=\"bg-white border rounded-lg p-4 relative group\">\n                                    <p className=\"text-sm font-medium mb-1\">{frontIsPDF ? \"Document PDF\" : \"Image\"}</p>\n                                    {frontIsPDF ? <PDFPreview src={frontImage} /> : <img src={frontImage} alt=\"Recto\" className=\"max-h-48 mx-auto\" />}\n                                    <button onClick={() => removeImage(\"front\")} className=\"absolute top-2 right-2 text-red-500 hover:text-red-700\">✕</button>\n                                </div>\n                                {requiresTwoSides() && backImage && (\n                                    <div className=\"bg-white border rounded-lg p-4 relative group\">\n                                        <p className=\"text-sm font-medium mb-1\">{backIsPDF ? \"Verso PDF\" : \"Verso Image\"}</p>\n                                        {backIsPDF ? <PDFPreview src={backImage} /> : <img src={backImage} alt=\"Verso\" className=\"max-h-48 mx-auto\" />}\n                                        <button onClick={() => removeImage(\"back\")} className=\"absolute top-2 right-2 text-red-500 hover:text-red-700\">✕</button>\n                                    </div>\n                                )}\n                                {requiresTwoSides() && !backImage && (\n                                    <Button\n                                        onClick={() => {\n                                            const input = document.createElement(\"input\");\n                                            input.type = \"file\";\n                                            input.accept = \"image/*,.pdf\";\n                                            input.onchange = (e) => handleFileChange(e as any, \"back\");\n                                            input.click();\n                                        }}\n                                        className=\"text-teal-600 border border-teal-600 bg-transparent hover:bg-teal-50 w-full\"\n                                    >\n                                        {t(\"document_upload.add_back\", \"Ajouter le verso\")}\n                                    </Button>\n                                )}\n                            </div>\n                        )}\n                    </Card>\n\n                    <input ref={frontInputRef} type=\"file\" accept=\"image/*,.pdf\" onChange={(e) => handleFileChange(e, \"front\")} className=\"hidden\" />\n                    <input ref={multipleInputRef} type=\"file\" accept=\"image/*,.pdf\" multiple={true} onChange={handleMultipleFileChange} className=\"hidden\" />\n                </div>\n            </div>\n        </MobilePageLayout>\n    );\n};\n\nexport default DocumentCollectionUpload;\n"],"names":["useTranslation","useState","useRef","__awaiter","_jsx","MobilePageLayout","PageActions","Button","_jsxs","Card","Upload","PDFPreview"],"mappings":"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"}
+{"version":3,"file":"DocumentCollectionUpload.js","sources":["../../../../../src/components/document-collection/DocumentCollectionUpload.tsx"],"sourcesContent":["import React, { useState, useRef } from \"react\";\nimport Title from \"../ui/Title\";\nimport Subtitle from \"../ui/Subtitle\";\nimport Button from \"../ui/Button\";\nimport PageActions from \"../ui/PageActions\";\nimport { Card } from \"../ui/Card\";\nimport { Upload } from \"lucide-react\";\nimport PDFPreview from \"../ui/PDFPreview\";\nimport type { onUploadFiles } from \"../../types/uploadFiles\";\nimport { useTranslation } from \"react-i18next\";\nimport MobilePageLayout from \"../ui/MobilePageLayout\";\nimport { DocumentTypeSide } from \"./DocumentCollection\";\n\ninterface AllowedDocumentType {\n    id: string;\n    name: string;\n    side?: DocumentTypeSide;\n}\n\ninterface DocumentCollectionUploadProps {\n    onUpload: (files: onUploadFiles) => void;\n    onBack: () => void;\n    selectedDocumentType: string;\n    allowedDocumentTypes: AllowedDocumentType[];\n    documentSelection?: {\n        title?: string;\n        description?: string;\n    };\n}\n\nconst DocumentCollectionUpload = ({\n    onUpload,\n    onBack,\n    selectedDocumentType,\n    allowedDocumentTypes,\n    documentSelection,\n}: DocumentCollectionUploadProps) => {\n    const { t } = useTranslation();\n    const [frontImage, setFrontImage] = useState<string | null>(null);\n    const [backImage, setBackImage] = useState<string | null>(null);\n    const [frontIsPDF, setFrontIsPDF] = useState<boolean>(false);\n    const [backIsPDF, setBackIsPDF] = useState<boolean>(false);\n    const [isUploading, setIsUploading] = useState(false);\n    const [error, setError] = useState<string>(\"\");\n    const [isDragging, setIsDragging] = useState(false);\n\n    const frontInputRef = useRef<HTMLInputElement>(null);\n    const multipleInputRef = useRef<HTMLInputElement>(null);\n    const dropZoneRef = useRef<HTMLDivElement>(null);\n\n    const requiresTwoSides = (): boolean => {\n        const selected = allowedDocumentTypes.find(\n            (d) => d.id === selectedDocumentType,\n        );\n        return selected?.side === \"RECTO_VERSO\";\n    };\n\n    const getSelectedDocumentName = () => {\n        const selectedDoc = allowedDocumentTypes.find(\n            (doc) => doc.id === selectedDocumentType,\n        );\n        if (!selectedDoc) return \"document\";\n        return t(selectedDoc.name) || selectedDoc.name;\n    };\n\n    const handleFileChange = (\n        event: React.ChangeEvent<HTMLInputElement>,\n        side: \"front\" | \"back\" = \"front\",\n    ) => {\n        const file = event.target.files?.[0];\n        if (!file) return;\n\n        if (\n            !file.type.startsWith(\"image/\") &&\n            !file.type.startsWith(\"application/pdf\")\n        ) {\n            setError(t(\"document_upload.errors.invalid_file_type\"));\n            return;\n        }\n        if (file.size > 10 * 1024 * 1024) {\n            setError(t(\"document_upload.errors.file_too_large\"));\n            return;\n        }\n\n        setError(\"\");\n        const isFilePDF = file.type === \"application/pdf\";\n        const reader = new FileReader();\n        reader.onload = (e) => {\n            const result = e.target?.result as string;\n            if (side === \"front\") {\n                setFrontImage(result);\n                setFrontIsPDF(isFilePDF);\n            } else {\n                setBackImage(result);\n                setBackIsPDF(isFilePDF);\n            }\n        };\n        reader.readAsDataURL(file);\n    };\n\n    const handleMultipleFileChange = (\n        event: React.ChangeEvent<HTMLInputElement>,\n    ) => {\n        const files = event.target.files;\n        if (!files) return;\n        const maxFiles = requiresTwoSides() ? 2 : 1;\n        if (files.length > maxFiles) {\n            setError(t(\"document_upload.errors.max_files\"));\n            return;\n        }\n        setError(\"\");\n        Array.from(files).forEach((file, index) => {\n            if (\n                !file.type.startsWith(\"image/\") &&\n                !file.type.startsWith(\"application/pdf\")\n            ) {\n                setError(t(\"document_upload.errors.invalid_file_type\"));\n                return;\n            }\n            if (file.size > 10 * 1024 * 1024) {\n                setError(t(\"document_upload.errors.file_too_large\"));\n                return;\n            }\n            const isFilePDF = file.type === \"application/pdf\";\n            const reader = new FileReader();\n            reader.onload = (e) => {\n                const result = e.target?.result as string;\n                if (index === 0) {\n                    setFrontImage(result);\n                    setFrontIsPDF(isFilePDF);\n                } else if (index === 1 && requiresTwoSides()) {\n                    setBackImage(result);\n                    setBackIsPDF(isFilePDF);\n                }\n            };\n            reader.readAsDataURL(file);\n        });\n    };\n\n    const handleUpload = async () => {\n        setError(\"\");\n        if (!frontImage) {\n            setError(t(\"jdi.document_upload.errors.add_photo_identity\"));\n            return;\n        }\n\n        setIsUploading(true);\n        try {\n            const files = {\n                front: frontImage,\n                back: requiresTwoSides() ? backImage : null,\n            };\n            onUpload(files);\n        } catch (err) {\n            setError(t(\"document_upload.errors.upload_error\"));\n            setIsUploading(false);\n        }\n    };\n\n    const removeImage = (side: \"front\" | \"back\" = \"front\") => {\n        if (side === \"front\") {\n            setFrontImage(null);\n            setFrontIsPDF(false);\n        } else {\n            setBackImage(null);\n            setBackIsPDF(false);\n        }\n        setError(\"\");\n    };\n\n    return (\n        <MobilePageLayout\n            footer={\n                <PageActions\n                        primary={\n                            <Button\n                                onClick={handleUpload}\n                                disabled={!frontImage || isUploading}\n                            >\n                                {isUploading\n                                    ? t(\"jdi.processing.download\")\n                                    : requiresTwoSides()\n                                        ? t(\"jdi.document_upload.validate_multiple\")\n                                        : t(\"jdi.document_upload.validate_single\")}\n                            </Button>\n                        }\n                        secondary={\n                            <Button variant=\"secondary\" onClick={onBack} disabled={isUploading}>\n                                {t(\"buttons.back\")}\n                            </Button>\n                        }\n                    />\n            }\n        >\n            <div className=\"flex-1 flex items-start justify-center md:items-center p-4\">\n                <div className=\"w-full max-w-lg\">\n                    <div className=\"text-center mb-8\">\n                        <h1 className=\"text-2xl md:text-3xl font-bold text-gray-900 mb-2\">\n                            {t(\"document_upload.upload_title\")}\n                        </h1>\n                        <p className=\"text-gray-600\">\n                            {t(\"document_upload.upload_description\")}\n                        </p>\n                    </div>\n\n                    {error && (\n                        <div className=\"mb-6 p-4 bg-red-50 border border-red-200 rounded-lg text-sm text-red-700\">\n                            {error}\n                        </div>\n                    )}\n\n                    <Card\n                        className=\"border-2 border-dashed border-teal-300 bg-teal-50/30 p-8 mb-6 text-center\"\n                        onDragOver={(e) => e.preventDefault()}\n                        onDrop={(e) => {\n                            e.preventDefault();\n                            const files = e.dataTransfer.files;\n                            if (files.length > 0) {\n                                const syntheticEvent = { target: { files } } as any;\n                                requiresTwoSides() ? handleMultipleFileChange(syntheticEvent) : handleFileChange(syntheticEvent);\n                            }\n                        }}\n                    >\n                        {!frontImage ? (\n                            <div className=\"space-y-6\">\n                                <h3 className=\"text-lg font-semibold text-gray-900\">{getSelectedDocumentName()}</h3>\n                                <Button\n                                    onClick={() => requiresTwoSides() ? multipleInputRef.current?.click() : frontInputRef.current?.click()}\n                                    className=\"bg-teal-600 text-white hover:bg-teal-700 px-6 py-2 rounded-lg font-medium mx-auto flex items-center gap-2\"\n                                    disabled={isUploading}\n                                >\n                                    <Upload size={18} />\n                                    <span>{t(\"document_upload.browse_files\")}</span>\n                                </Button>\n                                <div className=\"text-xs text-gray-500 space-y-1\">\n                                    <p>{t(\"document_upload.accepted_formats\")}</p>\n                                    <p>{requiresTwoSides() ? t(\"document_upload.multiple_files_info\") : t(\"document_upload.single_file_info\")}</p>\n                                </div>\n                            </div>\n                        ) : (\n                            <div className=\"space-y-4\">\n                                <div className=\"bg-white border rounded-lg p-4 relative group\">\n                                    <p className=\"text-sm font-medium mb-1\">{frontIsPDF ? t(\"document_upload.pdf_preview\") : t(\"document_upload.image_preview\")}</p>\n                                    {frontIsPDF ? <PDFPreview src={frontImage} /> : <img src={frontImage} alt={t(\"document_upload.front_side\")} className=\"max-h-48 mx-auto\" />}\n                                    <button onClick={() => removeImage(\"front\")} className=\"absolute top-2 right-2 text-red-500 hover:text-red-700\">✕</button>\n                                </div>\n                                {requiresTwoSides() && backImage && (\n                                    <div className=\"bg-white border rounded-lg p-4 relative group\">\n                                        <p className=\"text-sm font-medium mb-1\">{t(\"document_upload.back_side\")} {backIsPDF ? \"PDF\" : \"\"}</p>\n                                        {backIsPDF ? <PDFPreview src={backImage} /> : <img src={backImage} alt={t(\"document_upload.back_side\")} className=\"max-h-48 mx-auto\" />}\n                                        <button onClick={() => removeImage(\"back\")} className=\"absolute top-2 right-2 text-red-500 hover:text-red-700\">✕</button>\n                                    </div>\n                                )}\n                                {requiresTwoSides() && !backImage && (\n                                    <Button\n                                        onClick={() => {\n                                            const input = document.createElement(\"input\");\n                                            input.type = \"file\";\n                                            input.accept = \"image/*,.pdf\";\n                                            input.onchange = (e) => handleFileChange(e as any, \"back\");\n                                            input.click();\n                                        }}\n                                        className=\"text-teal-600 border border-teal-600 bg-transparent hover:bg-teal-50 w-full\"\n                                    >\n                                        {t(\"document_upload.add_back\")}\n                                    </Button>\n                                )}\n                            </div>\n                        )}\n                    </Card>\n\n                    <input ref={frontInputRef} type=\"file\" accept=\"image/*,.pdf\" onChange={(e) => handleFileChange(e, \"front\")} className=\"hidden\" />\n                    <input ref={multipleInputRef} type=\"file\" accept=\"image/*,.pdf\" multiple={true} onChange={handleMultipleFileChange} className=\"hidden\" />\n                </div>\n            </div>\n        </MobilePageLayout>\n    );\n};\n\nexport default DocumentCollectionUpload;\n"],"names":["useTranslation","useState","useRef","__awaiter","_jsx","MobilePageLayout","PageActions","Button","_jsxs","Card","Upload","PDFPreview"],"mappings":"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"}

package/dist/cjs/i18n/en.json.js

@@ -450,6 +450,7 @@ var jdi = {
 		download: "Downloading...",
 		back: "Back",
 		validate_document: "Validate document",
+		validate_documents: "Validate documents",
 		steps: {
 			document_reception: {
 				title: "Document reception",
@@ -469,6 +470,19 @@ var jdi = {
 			}
 		}
 	},
+	document_types: {
+		jdi_1: "ID Card - Large format",
+		jdi_2: "ID Card - Card format",
+		jdi_3: "Biometric passport",
+		jdi_4: "Residence permit",
+		jdi_5: "Driving license - Card format",
+		jdi_6: "Driving license - Booklet format",
+		jdd_1: "Tax notice (previous year)",
+		jdd_2: "Public service bill (< 3 months)",
+		jdd_3: "Rent receipt (< 6 months)",
+		jdd_4: "Housing tax (previous year)",
+		jdd_5: "Property tax (previous year)"
+	},
 	document_selection: {
 		title_jdd: "Select the type of proof of address",
 		subtitle_jdd: "Please choose the type of document you will upload as proof of address.",
@@ -908,6 +922,8 @@ var document_upload = {
 	upload_jdd: "Upload your proof of address.",
 	uploading: "Uploading...",
 	validate_multiple: "Validate documents",
+	upload_title: "Add your document",
+	upload_description: "Please select the file corresponding to the chosen document.",
 	validate_single: "Validate document",
 	errors: {
 		add_photo_identity: "Please add a photo of your identity document.",

package/dist/cjs/i18n/en.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"en.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"en.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/i18n/fr.json.js

@@ -420,7 +420,7 @@ var jdi = {
 	errors: {
 		verification_failed: "Vérification échouée",
 		verification_failed_subtitle: "Nous n'avons pas pu valider votre {{document}}. Veuillez vérifier les points ci-dessous et réessayer.",
-		verification_failed_subtitle_no_retry: "We could not validate your {{documentType}}. Please check the points below.",
+		verification_failed_subtitle_no_retry: "Nous n'avons pas pu valider votre {{documentType}}. Veuillez vérifier les points ci-dessous.",
 		problems_detected: "Problèmes détectés",
 		improvement_tips: "Conseils d'amélioration",
 		image_quality_insufficient: "• Qualité des images : Insuffisante",
@@ -450,6 +450,7 @@ var jdi = {
 		download: "Téléchargement en cours...",
 		back: "Retour",
 		validate_document: "Valider le document",
+		validate_documents: "Valider les documents",
 		steps: {
 			document_reception: {
 				title: "Réception du document",
@@ -469,6 +470,19 @@ var jdi = {
 			}
 		}
 	},
+	document_types: {
+		jdi_1: "Carte d'identité - Grand format",
+		jdi_2: "Carte d'identité - Format carte",
+		jdi_3: "Passeport biométrique",
+		jdi_4: "Titre de séjour",
+		jdi_5: "Permis de conduire - Format carte",
+		jdi_6: "Permis de conduire - Format dépliant",
+		jdd_1: "Avis d'imposition (année passée)",
+		jdd_2: "Facture de service public (< 3 mois)",
+		jdd_3: "Quittance de loyer (< 6 mois)",
+		jdd_4: "Taxe d'habitation (année passée)",
+		jdd_5: "Taxe foncière (année passée)"
+	},
 	document_selection: {
 		title_jdd: "Sélectionnez le type de justificatif de domicile",
 		subtitle_jdd: "Veuillez choisir le type de document que vous allez téléverser comme justificatif de domicile.",
@@ -908,6 +922,8 @@ var document_upload = {
 	upload_jdd: "Téléchargez votre justificatif de domicile.",
 	uploading: "Téléchargement...",
 	validate_multiple: "Valider les documents",
+	upload_title: "Ajoutez votre document",
+	upload_description: "Veuillez sélectionner le fichier correspondant au document choisi.",
 	validate_single: "Valider le document",
 	errors: {
 		add_photo_identity: "Veuillez ajouter une photo de votre document d'identité.",

package/dist/cjs/i18n/fr.json.js.map

@@ -1 +1 @@
-{"version":3,"file":"fr.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"fr.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}