datakeen-session-react 1.1.180 → 1.1.182

package/dist/esm/components/session/Selfie.js

@@ -53,7 +53,9 @@ var Selfie = function (_a) {
         stepObject.setStep(stepObject.step - 1);
     };
     console.log("[Selfie] buttonBgColor:", template.buttonBgColor, "buttonTextColor:", template.buttonTextColor);
-    return (jsxs("div", { className: "h-full w-full transition-opacity duration-500 ".concat(isTransitioning ? "opacity-50" : "opacity-100"), children: [internalStep === 0 && (jsx(Video, { setSelfieData: setSelfieData, setStep: setInternalStep, onBack: handleBackToParent, btnBg: (_b = template.buttonBgColor) !== null && _b !== void 0 ? _b : "#11E5C5", btnText: (_c = template.buttonTextColor) !== null && _c !== void 0 ? _c : "#3C3C40" })), internalStep === 1 && selfieData && (jsx(SelfieConfirmation, { selfieData: selfieData, onConfirm: handleConfirmSelfie, onRetake: handleRetakeSelfie, setSelfiePhoto: setSelfiePhoto })), internalStep === 2 && selfieData && (jsx(SelfieProcessing, { onProcessingComplete: selfieProcessed, selfieVideo: selfieData, selfiePhoto: selfiePhoto, onRetake: onRetake, onContinueAnyway: handleContinueAnyway }))] }));
+    return (jsxs("div", { className: "h-full w-full transition-opacity duration-500 ".concat(isTransitioning ? "opacity-50" : "opacity-100"), children: [internalStep === 0 && (jsx(Video, { setSelfieData: setSelfieData, setStep: setInternalStep, onBack: handleBackToParent, btnBg: (_b = template.buttonBgColor) !== null && _b !== void 0 ? _b : "#11E5C5", btnText: (_c = template.buttonTextColor) !== null && _c !== void 0 ? _c : "#3C3C40" })), internalStep === 1 && selfieData && (jsx(SelfieConfirmation, { selfieData: selfieData, onConfirm: handleConfirmSelfie, onRetake: handleRetakeSelfie, setSelfiePhoto: setSelfiePhoto })), internalStep === 2 && selfieData && (jsx(SelfieProcessing, { onProcessingComplete: selfieProcessed, selfieVideo: selfieData, selfiePhoto: selfiePhoto, onRetake: onRetake, onContinueAnyway: node.allowContinueOnFailure === false
+                    ? undefined
+                    : handleContinueAnyway }))] }));
 };
 
 export { Selfie as default };

package/dist/esm/components/session/Selfie.js.map

@@ -1 +1 @@
-{"version":3,"file":"Selfie.js","sources":["../../../../../src/components/session/Selfie.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n  SessionTemplate,\n  SessionTemplateNode,\n  stepObject,\n} from \"../../types/session\";\nimport Video from \"../selfie/Video\";\nimport SelfieConfirmation from \"../selfie/SelfieConfirmation\";\nimport type { SelfieCaptureData } from \"../../types/selfie\";\nimport SelfieProcessing from \"../selfie/selfie-flow/SelfieProcessing\";\nimport {\n  updateSessionCurrentStep,\n  getOrderedJourneySteps,\n} from \"../../services/sessionService\";\n\n/**\n * Composant de gestion du flux selfie.\n * Gère les étapes internes de capture et confirmation du selfie.\n */\nconst Selfie = ({\n  stepObject,\n  sessionId,\n  node,\n  template,\n}: {\n  stepObject: stepObject;\n  sessionId: string;\n  node: SessionTemplateNode;\n  template: SessionTemplate;\n}) => {\n  const [internalStep, setInternalStep] = useState(0);\n  const [selfieData, setSelfieData] = useState<SelfieCaptureData | null>(null);\n  const [selfiePhoto, setSelfiePhoto] = useState<string | null>(null);\n  const [isTransitioning, setIsTransitioning] = useState(false);\n\n  const handleConfirmSelfie = () => {\n    // Ajouter une transition visuelle avant de passer à l'étape suivante\n    setIsTransitioning(true);\n\n    // Attendre un peu pour l'animation avant de passer à l'étape suivante\n    setTimeout(() => {\n      setInternalStep(2); // Passer à l'étape de traitement du selfie\n      setIsTransitioning(false);\n    }, 500);\n  };\n\n  const selfieProcessed = (processed: boolean) => {\n    // Callback pour indiquer que le selfie a été traité\n    if (processed) {\n      // Increment currentStep in database immediately after successful analysis\n      // This prevents double analysis if the user refreshes the page\n      updateSessionCurrentStep(sessionId, stepObject.step + 1).catch((error) => {\n        console.error(\"Failed to update current step after successful analysis:\", error);\n      });\n      stepObject.goToNextStep(node.id, template);\n    }\n  };\n\n  const handleContinueAnyway = () => {\n    updateSessionCurrentStep(sessionId, stepObject.step + 1).catch((error) => {\n      console.error(\"Failed to update current step after KO bypass:\", error);\n    });\n    stepObject.goToNextStep(node.id, template);\n  };\n\n  const onRetake = () => {\n    setInternalStep(0);\n  };\n\n  const handleRetakeSelfie = () => {\n    setInternalStep(0);\n  };\n\n  const handleBackToParent = () => {\n    // Retourner à l'étape précédente du flow principal\n    stepObject.setStep(stepObject.step - 1);\n  };\n\n  console.log(\"[Selfie] buttonBgColor:\", template.buttonBgColor, \"buttonTextColor:\", template.buttonTextColor);\n\n  return (\n    <div\n      className={`h-full w-full transition-opacity duration-500 ${isTransitioning ? \"opacity-50\" : \"opacity-100\"\n        }`}\n    >\n      {internalStep === 0 && (\n        <Video\n          setSelfieData={setSelfieData}\n          setStep={setInternalStep}\n          onBack={handleBackToParent}\n          btnBg={template.buttonBgColor ?? \"#11E5C5\"}\n          btnText={template.buttonTextColor ?? \"#3C3C40\"}\n        />\n      )}\n      {internalStep === 1 && selfieData && (\n        <SelfieConfirmation\n          selfieData={selfieData}\n          onConfirm={handleConfirmSelfie}\n          onRetake={handleRetakeSelfie}\n          setSelfiePhoto={setSelfiePhoto}\n        />\n      )}\n      {internalStep === 2 && selfieData && (\n        <SelfieProcessing\n          onProcessingComplete={selfieProcessed}\n          selfieVideo={selfieData}\n          selfiePhoto={selfiePhoto}\n          onRetake={onRetake}\n          onContinueAnyway={handleContinueAnyway}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default Selfie;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"Selfie.js","sources":["../../../../../src/components/session/Selfie.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n  SessionTemplate,\n  SessionTemplateNode,\n  stepObject,\n} from \"../../types/session\";\nimport Video from \"../selfie/Video\";\nimport SelfieConfirmation from \"../selfie/SelfieConfirmation\";\nimport type { SelfieCaptureData } from \"../../types/selfie\";\nimport SelfieProcessing from \"../selfie/selfie-flow/SelfieProcessing\";\nimport {\n  updateSessionCurrentStep,\n  getOrderedJourneySteps,\n} from \"../../services/sessionService\";\n\n/**\n * Composant de gestion du flux selfie.\n * Gère les étapes internes de capture et confirmation du selfie.\n */\nconst Selfie = ({\n  stepObject,\n  sessionId,\n  node,\n  template,\n}: {\n  stepObject: stepObject;\n  sessionId: string;\n  node: SessionTemplateNode;\n  template: SessionTemplate;\n}) => {\n  const [internalStep, setInternalStep] = useState(0);\n  const [selfieData, setSelfieData] = useState<SelfieCaptureData | null>(null);\n  const [selfiePhoto, setSelfiePhoto] = useState<string | null>(null);\n  const [isTransitioning, setIsTransitioning] = useState(false);\n\n  const handleConfirmSelfie = () => {\n    // Ajouter une transition visuelle avant de passer à l'étape suivante\n    setIsTransitioning(true);\n\n    // Attendre un peu pour l'animation avant de passer à l'étape suivante\n    setTimeout(() => {\n      setInternalStep(2); // Passer à l'étape de traitement du selfie\n      setIsTransitioning(false);\n    }, 500);\n  };\n\n  const selfieProcessed = (processed: boolean) => {\n    // Callback pour indiquer que le selfie a été traité\n    if (processed) {\n      // Increment currentStep in database immediately after successful analysis\n      // This prevents double analysis if the user refreshes the page\n      updateSessionCurrentStep(sessionId, stepObject.step + 1).catch((error) => {\n        console.error(\"Failed to update current step after successful analysis:\", error);\n      });\n      stepObject.goToNextStep(node.id, template);\n    }\n  };\n\n  const handleContinueAnyway = () => {\n    updateSessionCurrentStep(sessionId, stepObject.step + 1).catch((error) => {\n      console.error(\"Failed to update current step after KO bypass:\", error);\n    });\n    stepObject.goToNextStep(node.id, template);\n  };\n\n  const onRetake = () => {\n    setInternalStep(0);\n  };\n\n  const handleRetakeSelfie = () => {\n    setInternalStep(0);\n  };\n\n  const handleBackToParent = () => {\n    // Retourner à l'étape précédente du flow principal\n    stepObject.setStep(stepObject.step - 1);\n  };\n\n  console.log(\"[Selfie] buttonBgColor:\", template.buttonBgColor, \"buttonTextColor:\", template.buttonTextColor);\n\n  return (\n    <div\n      className={`h-full w-full transition-opacity duration-500 ${isTransitioning ? \"opacity-50\" : \"opacity-100\"\n        }`}\n    >\n      {internalStep === 0 && (\n        <Video\n          setSelfieData={setSelfieData}\n          setStep={setInternalStep}\n          onBack={handleBackToParent}\n          btnBg={template.buttonBgColor ?? \"#11E5C5\"}\n          btnText={template.buttonTextColor ?? \"#3C3C40\"}\n        />\n      )}\n      {internalStep === 1 && selfieData && (\n        <SelfieConfirmation\n          selfieData={selfieData}\n          onConfirm={handleConfirmSelfie}\n          onRetake={handleRetakeSelfie}\n          setSelfiePhoto={setSelfiePhoto}\n        />\n      )}\n      {internalStep === 2 && selfieData && (\n        <SelfieProcessing\n          onProcessingComplete={selfieProcessed}\n          selfieVideo={selfieData}\n          selfiePhoto={selfiePhoto}\n          onRetake={onRetake}\n          onContinueAnyway={\n            node.allowContinueOnFailure === false\n              ? undefined\n              : handleContinueAnyway\n          }\n        />\n      )}\n    </div>\n  );\n};\n\nexport default Selfie;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/session/UserInputForm/AddressFields.js

@@ -36,7 +36,7 @@ var AddressFields = function (_a) {
                                     ? "border-red-500 bg-red-50"
                                     : "border-gray-300 hover-border-gray-400"), autoComplete: "postal-code" }), errors.postalCode && (jsxs("p", { className: "flex items-center gap-1 text-sm text-red-600", children: [jsx("span", { className: "text-red-500", children: "\u26A0" }), t("user_input_form.errors.postal_code_required")] }))] }), jsxs("div", { className: "space-y-2", children: [jsx(Label.Root, { htmlFor: "city", className: "block text-sm md:text-base font-semibold text-gray-900", children: t("user_input_form.fields.city") }), jsx("input", { id: "city", type: "text", value: form.city || "", onChange: function (event) { return onFieldChange("city", event.target.value); }, placeholder: t("user_input_form.placeholders.city"), className: clsx("w-full px-3 py-3 md:py-4 border rounded-lg text-base transition-colors focus:outline-none focus:ring-2 focus:ring-[#11E5C5] focus:border-transparent", errors.city
                                     ? "border-red-500 bg-red-50"
-                                    : "border-gray-300 hover-border-gray-400"), autoComplete: "address-level2" }), errors.city && (jsxs("p", { className: "flex items-center gap-1 text-sm text-red-600", children: [jsx("span", { className: "text-red-500", children: "\u26A0" }), t("user_input_form.errors.city_required")] }))] })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label.Root, { htmlFor: "country", className: "block text-sm md:text-base font-semibold text-gray-900", children: t("user_input_form.fields.country") }), jsx(Select, { options: countryOptions, value: form.countryCode || "", onValueChange: function (value) { return onFieldChange("countryCode", value); }, placeholder: t("user_input_form.select.country"), error: Boolean(errors.country) }), errors.country && (jsxs("p", { className: "flex items-center gap-1 text-sm text-red-600", children: [jsx("span", { className: "text-red-500", children: "\u26A0" }), t("user_input_form.errors.country_required")] }))] })] }));
+                                    : "border-gray-300 hover-border-gray-400"), autoComplete: "address-level2" }), errors.city && (jsxs("p", { className: "flex items-center gap-1 text-sm text-red-600", children: [jsx("span", { className: "text-red-500", children: "\u26A0" }), t("user_input_form.errors.city_required")] }))] })] }), jsxs("div", { className: "space-y-2", children: [jsx(Label.Root, { htmlFor: "country", className: "block text-sm md:text-base font-semibold text-gray-900", children: t("user_input_form.fields.country") }), jsx(Select, { options: countryOptions, value: form.countryCode || "", onValueChange: function (value) { return onFieldChange("countryCode", value); }, placeholder: t("user_input_form.select.country"), error: Boolean(errors.country), allowCustomValue: true }), errors.country && (jsxs("p", { className: "flex items-center gap-1 text-sm text-red-600", children: [jsx("span", { className: "text-red-500", children: "\u26A0" }), t("user_input_form.errors.country_required")] }))] })] }));
 };
 
 export { AddressFields as default };

package/dist/esm/components/session/UserInputForm/AddressFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddressFields.js","sources":["../../../../../../src/components/session/UserInputForm/AddressFields.tsx"],"sourcesContent":["import * as Label from \"@radix-ui/react-label\";\nimport clsx from \"clsx\";\nimport { Select } from \"../../ui/SelectComponent\";\nimport type {\n  AddressSuggestion,\n  RequestedFields,\n  UserInputFormErrors,\n  UserInputFormState,\n} from \"../../../types/userInputForm\";\nimport { useI18n } from \"../../../hooks/useI18n\";\nimport { useCountryOptions } from \"../../../hooks/useCountryOptions\";\n\ninterface AddressFieldsProps {\n  form: UserInputFormState;\n  errors: UserInputFormErrors;\n  requestedFields: RequestedFields;\n  addressSuggestions: AddressSuggestion[];\n  showSuggestions: boolean;\n  onFieldChange: (key: keyof UserInputFormState, value: string) => void;\n  onAddressChange: (value: string) => void;\n  onAddressFocus: () => void;\n  onAddressBlur: () => void;\n  onApplySuggestion: (suggestion: AddressSuggestion) => void;\n}\n\nconst AddressFields = ({\n  form,\n  errors,\n  requestedFields,\n  addressSuggestions,\n  showSuggestions,\n  onFieldChange,\n  onAddressChange,\n  onAddressFocus,\n  onAddressBlur,\n  onApplySuggestion,\n}: AddressFieldsProps) => {\n  const { t } = useI18n();\n  const countryOptions = useCountryOptions(\"user_input_form.select.country\");\n\n  if (!requestedFields.has(\"adresse\")) {\n    return null;\n  }\n\n  return (\n    <>\n      <div className=\"relative space-y-2\">\n        <Label.Root\n          htmlFor=\"addressLine1\"\n          className=\"block text-sm md:text-base font-semibold text-gray-900\"\n        >\n          {t(\"user_input_form.fields.address_line1\")}\n        </Label.Root>\n        <input\n          id=\"addressLine1\"\n          type=\"text\"\n          value={form.addressLine1 || \"\"}\n          onChange={(event) => onAddressChange(event.target.value)}\n          onFocus={onAddressFocus}\n          onBlur={onAddressBlur}\n          placeholder={t(\"user_input_form.placeholders.address_line1\")}\n          className={clsx(\n            \"w-full px-3 py-3 md:py-4 border rounded-lg text-base transition-colors focus:outline-none focus:ring-2 focus:ring-[#11E5C5] focus:border-transparent\",\n            errors.addressLine1\n              ? \"border-red-500 bg-red-50\"\n              : \"border-gray-300 hover:border-gray-400\"\n          )}\n          autoComplete=\"street-address\"\n        />\n        {showSuggestions && addressSuggestions.length > 0 && (\n          <div className=\"absolute z-20 mt-1 max-h-48 w-full overflow-auto rounded-lg border border-gray-200 bg-white shadow-lg\">\n            {addressSuggestions.map((suggestion) => (\n              <button\n                key={suggestion.id}\n                type=\"button\"\n                className=\"w-full px-3 py-2 text-left text-sm hover:bg-gray-100\"\n                onMouseDown={(event) => event.preventDefault()}\n                onClick={() => onApplySuggestion(suggestion)}\n              >\n                <div className=\"flex flex-col\">\n                  <span className=\"text-sm text-gray-900\">\n                    {suggestion.label}\n                  </span>\n                  {(suggestion.city ||\n                    suggestion.postalCode ||\n                    suggestion.country ||\n                    suggestion.countryCode) && (\n                      <span className=\"text-xs text-gray-500\">\n                        {[\n                          [suggestion.postalCode, suggestion.city]\n                            .filter(Boolean)\n                            .join(\" \"),\n                          suggestion.country ||\n                          suggestion.countryCode?.toUpperCase(),\n                        ]\n                          .filter(Boolean)\n                          .join(\", \")}\n                      </span>\n                    )}\n                </div>\n              </button>\n            ))}\n          </div>\n        )}\n        {errors.addressLine1 && (\n          <p className=\"flex items-center gap-1 text-sm text-red-600\">\n            <span className=\"text-red-500\">⚠</span>\n            {t(\"user_input_form.errors.address_line1_required\")}\n          </p>\n        )}\n      </div>\n\n      <div className=\"space-y-2\">\n        <Label.Root\n          htmlFor=\"addressLine2\"\n          className=\"block text-sm md:text-base font-semibold text-gray-900\"\n        >\n          {t(\"user_input_form.fields.address_line2\")}\n        </Label.Root>\n        <input\n          id=\"addressLine2\"\n          type=\"text\"\n          value={form.addressLine2 || \"\"}\n          onChange={(event) =>\n            onFieldChange(\"addressLine2\", event.target.value)\n          }\n          placeholder={t(\"user_input_form.placeholders.address_line2\")}\n          className=\"w-full rounded-lg border border-gray-300 px-3 py-3 text-base transition-colors hover:border-gray-400 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-[#11E5C5]\"\n          autoComplete=\"address-line2\"\n        />\n      </div>\n\n      <div className=\"grid grid-cols-[140px_minmax(0,1fr)] gap-3 md:grid-cols-[160px_minmax(0,1fr)]\">\n        <div className=\"space-y-2\">\n          <Label.Root\n            htmlFor=\"postalCode\"\n            className=\"block text-sm md:text-base font-semibold text-gray-900\"\n          >\n            {t(\"user_input_form.fields.postal_code\")}\n          </Label.Root>\n          <input\n            id=\"postalCode\"\n            type=\"text\"\n            value={form.postalCode || \"\"}\n            onChange={(event) =>\n              onFieldChange(\"postalCode\", event.target.value)\n            }\n            placeholder={t(\"user_input_form.placeholders.postal_code\")}\n            className={clsx(\n              \"w-full px-3 py-3 md:py-4 border rounded-lg text-base transition-colors focus:outline-none focus:ring-2 focus:ring-[#11E5C5] focus:border-transparent\",\n              errors.postalCode\n                ? \"border-red-500 bg-red-50\"\n                : \"border-gray-300 hover-border-gray-400\"\n            )}\n            autoComplete=\"postal-code\"\n          />\n          {errors.postalCode && (\n            <p className=\"flex items-center gap-1 text-sm text-red-600\">\n              <span className=\"text-red-500\">⚠</span>\n              {t(\"user_input_form.errors.postal_code_required\")}\n            </p>\n          )}\n        </div>\n\n        <div className=\"space-y-2\">\n          <Label.Root\n            htmlFor=\"city\"\n            className=\"block text-sm md:text-base font-semibold text-gray-900\"\n          >\n            {t(\"user_input_form.fields.city\")}\n          </Label.Root>\n          <input\n            id=\"city\"\n            type=\"text\"\n            value={form.city || \"\"}\n            onChange={(event) => onFieldChange(\"city\", event.target.value)}\n            placeholder={t(\"user_input_form.placeholders.city\")}\n            className={clsx(\n              \"w-full px-3 py-3 md:py-4 border rounded-lg text-base transition-colors focus:outline-none focus:ring-2 focus:ring-[#11E5C5] focus:border-transparent\",\n              errors.city\n                ? \"border-red-500 bg-red-50\"\n                : \"border-gray-300 hover-border-gray-400\"\n            )}\n            autoComplete=\"address-level2\"\n          />\n          {errors.city && (\n            <p className=\"flex items-center gap-1 text-sm text-red-600\">\n              <span className=\"text-red-500\">⚠</span>\n              {t(\"user_input_form.errors.city_required\")}\n            </p>\n          )}\n        </div>\n      </div>\n\n      <div className=\"space-y-2\">\n        <Label.Root\n          htmlFor=\"country\"\n          className=\"block text-sm md:text-base font-semibold text-gray-900\"\n        >\n          {t(\"user_input_form.fields.country\")}\n        </Label.Root>\n        <Select\n          options={countryOptions}\n          value={form.countryCode || \"\"}\n          onValueChange={(value) => onFieldChange(\"countryCode\", value)}\n          placeholder={t(\"user_input_form.select.country\")}\n          error={Boolean(errors.country)}\n        />\n        {errors.country && (\n          <p className=\"flex items-center gap-1 text-sm text-red-600\">\n            <span className=\"text-red-500\">⚠</span>\n            {t(\"user_input_form.errors.country_required\")}\n          </p>\n        )}\n      </div>\n    </>\n  );\n};\n\nexport default AddressFields;\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
+{"version":3,"file":"AddressFields.js","sources":["../../../../../../src/components/session/UserInputForm/AddressFields.tsx"],"sourcesContent":["import * as Label from \"@radix-ui/react-label\";\nimport clsx from \"clsx\";\nimport { Select } from \"../../ui/SelectComponent\";\nimport type {\n  AddressSuggestion,\n  RequestedFields,\n  UserInputFormErrors,\n  UserInputFormState,\n} from \"../../../types/userInputForm\";\nimport { useI18n } from \"../../../hooks/useI18n\";\nimport { useCountryOptions } from \"../../../hooks/useCountryOptions\";\n\ninterface AddressFieldsProps {\n  form: UserInputFormState;\n  errors: UserInputFormErrors;\n  requestedFields: RequestedFields;\n  addressSuggestions: AddressSuggestion[];\n  showSuggestions: boolean;\n  onFieldChange: (key: keyof UserInputFormState, value: string) => void;\n  onAddressChange: (value: string) => void;\n  onAddressFocus: () => void;\n  onAddressBlur: () => void;\n  onApplySuggestion: (suggestion: AddressSuggestion) => void;\n}\n\nconst AddressFields = ({\n  form,\n  errors,\n  requestedFields,\n  addressSuggestions,\n  showSuggestions,\n  onFieldChange,\n  onAddressChange,\n  onAddressFocus,\n  onAddressBlur,\n  onApplySuggestion,\n}: AddressFieldsProps) => {\n  const { t } = useI18n();\n  const countryOptions = useCountryOptions(\"user_input_form.select.country\");\n\n  if (!requestedFields.has(\"adresse\")) {\n    return null;\n  }\n\n  return (\n    <>\n      <div className=\"relative space-y-2\">\n        <Label.Root\n          htmlFor=\"addressLine1\"\n          className=\"block text-sm md:text-base font-semibold text-gray-900\"\n        >\n          {t(\"user_input_form.fields.address_line1\")}\n        </Label.Root>\n        <input\n          id=\"addressLine1\"\n          type=\"text\"\n          value={form.addressLine1 || \"\"}\n          onChange={(event) => onAddressChange(event.target.value)}\n          onFocus={onAddressFocus}\n          onBlur={onAddressBlur}\n          placeholder={t(\"user_input_form.placeholders.address_line1\")}\n          className={clsx(\n            \"w-full px-3 py-3 md:py-4 border rounded-lg text-base transition-colors focus:outline-none focus:ring-2 focus:ring-[#11E5C5] focus:border-transparent\",\n            errors.addressLine1\n              ? \"border-red-500 bg-red-50\"\n              : \"border-gray-300 hover:border-gray-400\"\n          )}\n          autoComplete=\"street-address\"\n        />\n        {showSuggestions && addressSuggestions.length > 0 && (\n          <div className=\"absolute z-20 mt-1 max-h-48 w-full overflow-auto rounded-lg border border-gray-200 bg-white shadow-lg\">\n            {addressSuggestions.map((suggestion) => (\n              <button\n                key={suggestion.id}\n                type=\"button\"\n                className=\"w-full px-3 py-2 text-left text-sm hover:bg-gray-100\"\n                onMouseDown={(event) => event.preventDefault()}\n                onClick={() => onApplySuggestion(suggestion)}\n              >\n                <div className=\"flex flex-col\">\n                  <span className=\"text-sm text-gray-900\">\n                    {suggestion.label}\n                  </span>\n                  {(suggestion.city ||\n                    suggestion.postalCode ||\n                    suggestion.country ||\n                    suggestion.countryCode) && (\n                      <span className=\"text-xs text-gray-500\">\n                        {[\n                          [suggestion.postalCode, suggestion.city]\n                            .filter(Boolean)\n                            .join(\" \"),\n                          suggestion.country ||\n                          suggestion.countryCode?.toUpperCase(),\n                        ]\n                          .filter(Boolean)\n                          .join(\", \")}\n                      </span>\n                    )}\n                </div>\n              </button>\n            ))}\n          </div>\n        )}\n        {errors.addressLine1 && (\n          <p className=\"flex items-center gap-1 text-sm text-red-600\">\n            <span className=\"text-red-500\">⚠</span>\n            {t(\"user_input_form.errors.address_line1_required\")}\n          </p>\n        )}\n      </div>\n\n      <div className=\"space-y-2\">\n        <Label.Root\n          htmlFor=\"addressLine2\"\n          className=\"block text-sm md:text-base font-semibold text-gray-900\"\n        >\n          {t(\"user_input_form.fields.address_line2\")}\n        </Label.Root>\n        <input\n          id=\"addressLine2\"\n          type=\"text\"\n          value={form.addressLine2 || \"\"}\n          onChange={(event) =>\n            onFieldChange(\"addressLine2\", event.target.value)\n          }\n          placeholder={t(\"user_input_form.placeholders.address_line2\")}\n          className=\"w-full rounded-lg border border-gray-300 px-3 py-3 text-base transition-colors hover:border-gray-400 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-[#11E5C5]\"\n          autoComplete=\"address-line2\"\n        />\n      </div>\n\n      <div className=\"grid grid-cols-[140px_minmax(0,1fr)] gap-3 md:grid-cols-[160px_minmax(0,1fr)]\">\n        <div className=\"space-y-2\">\n          <Label.Root\n            htmlFor=\"postalCode\"\n            className=\"block text-sm md:text-base font-semibold text-gray-900\"\n          >\n            {t(\"user_input_form.fields.postal_code\")}\n          </Label.Root>\n          <input\n            id=\"postalCode\"\n            type=\"text\"\n            value={form.postalCode || \"\"}\n            onChange={(event) =>\n              onFieldChange(\"postalCode\", event.target.value)\n            }\n            placeholder={t(\"user_input_form.placeholders.postal_code\")}\n            className={clsx(\n              \"w-full px-3 py-3 md:py-4 border rounded-lg text-base transition-colors focus:outline-none focus:ring-2 focus:ring-[#11E5C5] focus:border-transparent\",\n              errors.postalCode\n                ? \"border-red-500 bg-red-50\"\n                : \"border-gray-300 hover-border-gray-400\"\n            )}\n            autoComplete=\"postal-code\"\n          />\n          {errors.postalCode && (\n            <p className=\"flex items-center gap-1 text-sm text-red-600\">\n              <span className=\"text-red-500\">⚠</span>\n              {t(\"user_input_form.errors.postal_code_required\")}\n            </p>\n          )}\n        </div>\n\n        <div className=\"space-y-2\">\n          <Label.Root\n            htmlFor=\"city\"\n            className=\"block text-sm md:text-base font-semibold text-gray-900\"\n          >\n            {t(\"user_input_form.fields.city\")}\n          </Label.Root>\n          <input\n            id=\"city\"\n            type=\"text\"\n            value={form.city || \"\"}\n            onChange={(event) => onFieldChange(\"city\", event.target.value)}\n            placeholder={t(\"user_input_form.placeholders.city\")}\n            className={clsx(\n              \"w-full px-3 py-3 md:py-4 border rounded-lg text-base transition-colors focus:outline-none focus:ring-2 focus:ring-[#11E5C5] focus:border-transparent\",\n              errors.city\n                ? \"border-red-500 bg-red-50\"\n                : \"border-gray-300 hover-border-gray-400\"\n            )}\n            autoComplete=\"address-level2\"\n          />\n          {errors.city && (\n            <p className=\"flex items-center gap-1 text-sm text-red-600\">\n              <span className=\"text-red-500\">⚠</span>\n              {t(\"user_input_form.errors.city_required\")}\n            </p>\n          )}\n        </div>\n      </div>\n\n      <div className=\"space-y-2\">\n        <Label.Root\n          htmlFor=\"country\"\n          className=\"block text-sm md:text-base font-semibold text-gray-900\"\n        >\n          {t(\"user_input_form.fields.country\")}\n        </Label.Root>\n        <Select\n          options={countryOptions}\n          value={form.countryCode || \"\"}\n          onValueChange={(value) => onFieldChange(\"countryCode\", value)}\n          placeholder={t(\"user_input_form.select.country\")}\n          error={Boolean(errors.country)}\n          allowCustomValue\n        />\n        {errors.country && (\n          <p className=\"flex items-center gap-1 text-sm text-red-600\">\n            <span className=\"text-red-500\">⚠</span>\n            {t(\"user_input_form.errors.country_required\")}\n          </p>\n        )}\n      </div>\n    </>\n  );\n};\n\nexport default AddressFields;\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;AAyBA,IAAM,aAAa,GAAG,UAAC,EAWF,EAAA;QAVnB,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,kBAAkB,GAAA,EAAA,CAAA,kBAAA,EAClB,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,iBAAiB,GAAA,EAAA,CAAA,iBAAA;AAET,IAAA,IAAA,CAAC,GAAK,OAAO,EAAE,EAAd;AACT,IAAA,IAAM,cAAc,GAAG,iBAAiB,CAAC,gCAAgC,CAAC;IAE1E,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;AACnC,QAAA,OAAO,IAAI;IACb;AAEA,IAAA,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACED,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,oBAAoB,EAAA,QAAA,EAAA,CACjCE,GAAA,CAAC,KAAK,CAAC,IAAI,EAAA,EACT,OAAO,EAAC,cAAc,EACtB,SAAS,EAAC,wDAAwD,EAAA,QAAA,EAEjE,CAAC,CAAC,sCAAsC,CAAC,GAC/B,EACbA,GAAA,CAAA,OAAA,EAAA,EACE,EAAE,EAAC,cAAc,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,CAAC,YAAY,IAAI,EAAE,EAC9B,QAAQ,EAAE,UAAC,KAAK,EAAA,EAAK,OAAA,eAAe,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAnC,CAAmC,EACxD,OAAO,EAAE,cAAc,EACvB,MAAM,EAAE,aAAa,EACrB,WAAW,EAAE,CAAC,CAAC,4CAA4C,CAAC,EAC5D,SAAS,EAAE,IAAI,CACb,sJAAsJ,EACtJ,MAAM,CAAC;AACL,8BAAE;AACF,8BAAE,uCAAuC,CAC5C,EACD,YAAY,EAAC,gBAAgB,EAAA,CAC7B,EACD,eAAe,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,KAC/CA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,uGAAuG,EAAA,QAAA,EACnH,kBAAkB,CAAC,GAAG,CAAC,UAAC,UAAU,EAAA;;4BAAK,QACtCA,GAAA,CAAA,QAAA,EAAA,EAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,sDAAsD,EAChE,WAAW,EAAE,UAAC,KAAK,EAAA,EAAK,OAAA,KAAK,CAAC,cAAc,EAAE,CAAA,CAAtB,CAAsB,EAC9C,OAAO,EAAE,YAAA,EAAM,OAAA,iBAAiB,CAAC,UAAU,CAAC,CAAA,CAA7B,CAA6B,YAE5CF,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,eAAe,EAAA,QAAA,EAAA,CAC5BE,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uBAAuB,EAAA,QAAA,EACpC,UAAU,CAAC,KAAK,GACZ,EACN,CAAC,UAAU,CAAC,IAAI;AACf,4CAAA,UAAU,CAAC,UAAU;AACrB,4CAAA,UAAU,CAAC,OAAO;4CAClB,UAAU,CAAC,WAAW,MACpBA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uBAAuB,EAAA,QAAA,EACpC;AACC,gDAAA,CAAC,UAAU,CAAC,UAAU,EAAE,UAAU,CAAC,IAAI;qDACpC,MAAM,CAAC,OAAO;qDACd,IAAI,CAAC,GAAG,CAAC;AACZ,gDAAA,UAAU,CAAC,OAAO;AAClB,qDAAA,CAAA,EAAA,GAAA,UAAU,CAAC,WAAW,MAAA,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAE,WAAW,EAAE,CAAA;AACtC;iDACE,MAAM,CAAC,OAAO;AACd,iDAAA,IAAI,CAAC,IAAI,CAAC,EAAA,CACR,CACR,CAAA,EAAA,CACC,EAAA,EA1BD,UAAU,CAAC,EAAE,CA2BX;AACV,wBAAA,CAAA,CAAC,EAAA,CACE,CACP,EACA,MAAM,CAAC,YAAY,KAClBF,IAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,8CAA8C,EAAA,QAAA,EAAA,CACzDE,cAAM,SAAS,EAAC,cAAc,EAAA,QAAA,EAAA,QAAA,EAAA,CAAS,EACtC,CAAC,CAAC,+CAA+C,CAAC,CAAA,EAAA,CACjD,CACL,CAAA,EAAA,CACG,EAENF,cAAK,SAAS,EAAC,WAAW,EAAA,QAAA,EAAA,CACxBE,IAAC,KAAK,CAAC,IAAI,EAAA,EACT,OAAO,EAAC,cAAc,EACtB,SAAS,EAAC,wDAAwD,EAAA,QAAA,EAEjE,CAAC,CAAC,sCAAsC,CAAC,EAAA,CAC/B,EACbA,eACE,EAAE,EAAC,cAAc,EACjB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,CAAC,YAAY,IAAI,EAAE,EAC9B,QAAQ,EAAE,UAAC,KAAK,EAAA;4BACd,OAAA,aAAa,CAAC,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAAjD,wBAAA,CAAiD,EAEnD,WAAW,EAAE,CAAC,CAAC,4CAA4C,CAAC,EAC5D,SAAS,EAAC,oLAAoL,EAC9L,YAAY,EAAC,eAAe,EAAA,CAC5B,CAAA,EAAA,CACE,EAENF,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+EAA+E,EAAA,QAAA,EAAA,CAC5FA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,WAAW,EAAA,QAAA,EAAA,CACxBE,GAAA,CAAC,KAAK,CAAC,IAAI,EAAA,EACT,OAAO,EAAC,YAAY,EACpB,SAAS,EAAC,wDAAwD,EAAA,QAAA,EAEjE,CAAC,CAAC,oCAAoC,CAAC,EAAA,CAC7B,EACbA,GAAA,CAAA,OAAA,EAAA,EACE,EAAE,EAAC,YAAY,EACf,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,CAAC,UAAU,IAAI,EAAE,EAC5B,QAAQ,EAAE,UAAC,KAAK,EAAA;oCACd,OAAA,aAAa,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAA/C,gCAAA,CAA+C,EAEjD,WAAW,EAAE,CAAC,CAAC,0CAA0C,CAAC,EAC1D,SAAS,EAAE,IAAI,CACb,sJAAsJ,EACtJ,MAAM,CAAC;AACL,sCAAE;sCACA,uCAAuC,CAC5C,EACD,YAAY,EAAC,aAAa,EAAA,CAC1B,EACD,MAAM,CAAC,UAAU,KAChBF,IAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,8CAA8C,EAAA,QAAA,EAAA,CACzDE,cAAM,SAAS,EAAC,cAAc,EAAA,QAAA,EAAA,QAAA,EAAA,CAAS,EACtC,CAAC,CAAC,6CAA6C,CAAC,CAAA,EAAA,CAC/C,CACL,CAAA,EAAA,CACG,EAENF,cAAK,SAAS,EAAC,WAAW,EAAA,QAAA,EAAA,CACxBE,GAAA,CAAC,KAAK,CAAC,IAAI,EAAA,EACT,OAAO,EAAC,MAAM,EACd,SAAS,EAAC,wDAAwD,EAAA,QAAA,EAEjE,CAAC,CAAC,6BAA6B,CAAC,EAAA,CACtB,EACbA,GAAA,CAAA,OAAA,EAAA,EACE,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,CAAC,IAAI,IAAI,EAAE,EACtB,QAAQ,EAAE,UAAC,KAAK,EAAA,EAAK,OAAA,aAAa,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA,CAAzC,CAAyC,EAC9D,WAAW,EAAE,CAAC,CAAC,mCAAmC,CAAC,EACnD,SAAS,EAAE,IAAI,CACb,sJAAsJ,EACtJ,MAAM,CAAC;AACL,sCAAE;AACF,sCAAE,uCAAuC,CAC5C,EACD,YAAY,EAAC,gBAAgB,EAAA,CAC7B,EACD,MAAM,CAAC,IAAI,KACVF,IAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,8CAA8C,EAAA,QAAA,EAAA,CACzDE,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,cAAc,EAAA,QAAA,EAAA,QAAA,EAAA,CAAS,EACtC,CAAC,CAAC,sCAAsC,CAAC,IACxC,CACL,CAAA,EAAA,CACG,CAAA,EAAA,CACF,EAENF,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,WAAW,EAAA,QAAA,EAAA,CACxBE,GAAA,CAAC,KAAK,CAAC,IAAI,EAAA,EACT,OAAO,EAAC,SAAS,EACjB,SAAS,EAAC,wDAAwD,EAAA,QAAA,EAEjE,CAAC,CAAC,gCAAgC,CAAC,EAAA,CACzB,EACbA,GAAA,CAAC,MAAM,EAAA,EACL,OAAO,EAAE,cAAc,EACvB,KAAK,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE,EAC7B,aAAa,EAAE,UAAC,KAAK,EAAA,EAAK,OAAA,aAAa,CAAC,aAAa,EAAE,KAAK,CAAC,CAAA,CAAnC,CAAmC,EAC7D,WAAW,EAAE,CAAC,CAAC,gCAAgC,CAAC,EAChD,KAAK,EAAE,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,EAC9B,gBAAgB,EAAA,IAAA,EAAA,CAChB,EACD,MAAM,CAAC,OAAO,KACbF,IAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,8CAA8C,EAAA,QAAA,EAAA,CACzDE,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,cAAc,EAAA,QAAA,EAAA,QAAA,EAAA,CAAS,EACtC,CAAC,CAAC,yCAAyC,CAAC,CAAA,EAAA,CAC3C,CACL,CAAA,EAAA,CACG,CAAA,EAAA,CACL;AAEP;;;;"}

package/dist/esm/components/session/UserInputForm/LegalRepFields.js

@@ -15,7 +15,11 @@ var LegalRepFields = function (_a) {
                             return onFieldChange("legalRepresentativeFirstName", event.target.value);
                         }, placeholder: t("user_input_form.placeholders.legal_representative_first_name", "Prénom"), className: clsx("w-full px-3 py-3 md:py-4 border rounded-lg text-base transition-colors focus:outline-none focus:ring-2 focus:ring-[#11E5C5] focus:border-transparent", errors.legalRepresentativeFirstName
                             ? "border-red-500 bg-red-50"
-                            : "border-gray-300 hover-border-gray-400"), autoComplete: "off" }), errors.legalRepresentativeFirstName && (jsxs("p", { className: "text-red-600 text-sm flex items-center gap-1", children: [jsx("span", { className: "text-red-500", children: "\u26A0" }), t("user_input_form.errors.legal_representative_first_name_required")] }))] }))] }));
+                            : "border-gray-300 hover-border-gray-400"), autoComplete: "off" }), errors.legalRepresentativeFirstName && (jsxs("p", { className: "text-red-600 text-sm flex items-center gap-1", children: [jsx("span", { className: "text-red-500", children: "\u26A0" }), t("user_input_form.errors.legal_representative_first_name_required")] }))] })), requestedFields.has("legalRepresentativeSiren") && (jsxs("div", { className: "space-y-2", children: [jsx(Label.Root, { htmlFor: "legalRepresentativeSiren", className: "block text-sm md:text-base font-semibold text-gray-900", children: t("user_input_form.fields.legal_representative_siren", "SIREN du représentant légal") }), jsx("input", { id: "legalRepresentativeSiren", type: "text", inputMode: "numeric", value: form.legalRepresentativeSiren || "", onChange: function (event) {
+                            return onFieldChange("legalRepresentativeSiren", event.target.value);
+                        }, placeholder: t("user_input_form.placeholders.legal_representative_siren", "9 chiffres"), className: clsx("w-full px-3 py-3 md:py-4 border rounded-lg text-base transition-colors focus:outline-none focus:ring-2 focus:ring-[#11E5C5] focus:border-transparent", errors.legalRepresentativeSiren
+                            ? "border-red-500 bg-red-50"
+                            : "border-gray-300 hover-border-gray-400"), autoComplete: "off" }), errors.legalRepresentativeSiren && (jsxs("p", { className: "text-red-600 text-sm flex items-center gap-1", children: [jsx("span", { className: "text-red-500", children: "\u26A0" }), t("user_input_form.errors.legal_representative_siren_required")] }))] }))] }));
 };
 
 export { LegalRepFields as default };

package/dist/esm/components/session/UserInputForm/LegalRepFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegalRepFields.js","sources":["../../../../../../src/components/session/UserInputForm/LegalRepFields.tsx"],"sourcesContent":["import { Fragment } from \"react\";\nimport * as Label from \"@radix-ui/react-label\";\nimport clsx from \"clsx\";\nimport type {\n  RequestedFields,\n  UserInputFormErrors,\n  UserInputFormState,\n} from \"../../../types/userInputForm\";\nimport { useI18n } from \"../../../hooks/useI18n\";\n\ninterface LegalRepFieldsProps {\n  form: UserInputFormState;\n  errors: UserInputFormErrors;\n  requestedFields: RequestedFields;\n  onFieldChange: (key: keyof UserInputFormState, value: string) => void;\n}\n\nconst LegalRepFields = ({\n  form,\n  errors,\n  requestedFields,\n  onFieldChange,\n}: LegalRepFieldsProps) => {\n  const { t } = useI18n();\n\n  return (\n    <Fragment>\n      {requestedFields.has(\"legalRepresentativeNom\") && (\n        <div className=\"space-y-2\">\n          <Label.Root\n            htmlFor=\"legalRepresentativeLastName\"\n            className=\"block text-sm md:text-base font-semibold text-gray-900\"\n          >\n            {t(\n              \"user_input_form.fields.legal_representative_last_name\",\n              \"Nom du représentant légal\",\n            )}\n          </Label.Root>\n          <input\n            id=\"legalRepresentativeLastName\"\n            type=\"text\"\n            value={form.legalRepresentativeLastName || \"\"}\n            onChange={(event) =>\n              onFieldChange(\"legalRepresentativeLastName\", event.target.value)\n            }\n            placeholder={t(\n              \"user_input_form.placeholders.legal_representative_last_name\",\n              \"Nom\",\n            )}\n            className={clsx(\n              \"w-full px-3 py-3 md:py-4 border rounded-lg text-base transition-colors focus:outline-none focus:ring-2 focus:ring-[#11E5C5] focus:border-transparent\",\n              errors.legalRepresentativeLastName\n                ? \"border-red-500 bg-red-50\"\n                : \"border-gray-300 hover-border-gray-400\",\n            )}\n            autoComplete=\"off\"\n          />\n          {errors.legalRepresentativeLastName && (\n            <p className=\"text-red-600 text-sm flex items-center gap-1\">\n              <span className=\"text-red-500\">⚠</span>\n              {t(\n                \"user_input_form.errors.legal_representative_last_name_required\",\n              )}\n            </p>\n          )}\n        </div>\n      )}\n\n      {requestedFields.has(\"legalRepresentativePrenom\") && (\n        <div className=\"space-y-2\">\n          <Label.Root\n            htmlFor=\"legalRepresentativeFirstName\"\n            className=\"block text-sm md:text-base font-semibold text-gray-900\"\n          >\n            {t(\n              \"user_input_form.fields.legal_representative_first_name\",\n              \"Prénom du représentant légal\",\n            )}\n          </Label.Root>\n          <input\n            id=\"legalRepresentativeFirstName\"\n            type=\"text\"\n            value={form.legalRepresentativeFirstName || \"\"}\n            onChange={(event) =>\n              onFieldChange(\"legalRepresentativeFirstName\", event.target.value)\n            }\n            placeholder={t(\n              \"user_input_form.placeholders.legal_representative_first_name\",\n              \"Prénom\",\n            )}\n            className={clsx(\n              \"w-full px-3 py-3 md:py-4 border rounded-lg text-base transition-colors focus:outline-none focus:ring-2 focus:ring-[#11E5C5] focus:border-transparent\",\n              errors.legalRepresentativeFirstName\n                ? \"border-red-500 bg-red-50\"\n                : \"border-gray-300 hover-border-gray-400\",\n            )}\n            autoComplete=\"off\"\n          />\n          {errors.legalRepresentativeFirstName && (\n            <p className=\"text-red-600 text-sm flex items-center gap-1\">\n              <span className=\"text-red-500\">⚠</span>\n              {t(\n                \"user_input_form.errors.legal_representative_first_name_required\",\n              )}\n            </p>\n          )}\n        </div>\n      )}\n    </Fragment>\n  );\n};\n\nexport default LegalRepFields;\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAiBA,IAAM,cAAc,GAAG,UAAC,EAKF,EAAA;QAJpB,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,eAAe,GAAA,EAAA,CAAA,eAAA,EACf,aAAa,GAAA,EAAA,CAAA,aAAA;AAEL,IAAA,IAAA,CAAC,GAAK,OAAO,EAAE,EAAd;IAET,QACEA,IAAA,CAAC,QAAQ,EAAA,EAAA,QAAA,EAAA,CACN,eAAe,CAAC,GAAG,CAAC,wBAAwB,CAAC,KAC5CA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,WAAW,EAAA,QAAA,EAAA,CACxBC,GAAA,CAAC,KAAK,CAAC,IAAI,EAAA,EACT,OAAO,EAAC,6BAA6B,EACrC,SAAS,EAAC,wDAAwD,YAEjE,CAAC,CACA,uDAAuD,EACvD,2BAA2B,CAC5B,EAAA,CACU,EACbA,GAAA,CAAA,OAAA,EAAA,EACE,EAAE,EAAC,6BAA6B,EAChC,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,CAAC,2BAA2B,IAAI,EAAE,EAC7C,QAAQ,EAAE,UAAC,KAAK,EAAA;4BACd,OAAA,aAAa,CAAC,6BAA6B,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAAhE,wBAAA,CAAgE,EAElE,WAAW,EAAE,CAAC,CACZ,6DAA6D,EAC7D,KAAK,CACN,EACD,SAAS,EAAE,IAAI,CACb,sJAAsJ,EACtJ,MAAM,CAAC;AACL,8BAAE;AACF,8BAAE,uCAAuC,CAC5C,EACD,YAAY,EAAC,KAAK,EAAA,CAClB,EACD,MAAM,CAAC,2BAA2B,KACjCD,IAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,8CAA8C,aACzDC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,cAAc,uBAAS,EACtC,CAAC,CACA,gEAAgE,CACjE,IACC,CACL,CAAA,EAAA,CACG,CACP,EAEA,eAAe,CAAC,GAAG,CAAC,2BAA2B,CAAC,KAC/CD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,WAAW,aACxBC,GAAA,CAAC,KAAK,CAAC,IAAI,EAAA,EACT,OAAO,EAAC,8BAA8B,EACtC,SAAS,EAAC,wDAAwD,EAAA,QAAA,EAEjE,CAAC,CACA,wDAAwD,EACxD,8BAA8B,CAC/B,EAAA,CACU,EACbA,GAAA,CAAA,OAAA,EAAA,EACE,EAAE,EAAC,8BAA8B,EACjC,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,IAAI,CAAC,4BAA4B,IAAI,EAAE,EAC9C,QAAQ,EAAE,UAAC,KAAK,EAAA;4BACd,OAAA,aAAa,CAAC,8BAA8B,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAAjE,wBAAA,CAAiE,EAEnE,WAAW,EAAE,CAAC,CACZ,8DAA8D,EAC9D,QAAQ,CACT,EACD,SAAS,EAAE,IAAI,CACb,sJAAsJ,EACtJ,MAAM,CAAC;AACL,8BAAE;AACF,8BAAE,uCAAuC,CAC5C,EACD,YAAY,EAAC,KAAK,EAAA,CAClB,EACD,MAAM,CAAC,4BAA4B,KAClCD,YAAG,SAAS,EAAC,8CAA8C,EAAA,QAAA,EAAA,CACzDC,cAAM,SAAS,EAAC,cAAc,EAAA,QAAA,EAAA,QAAA,EAAA,CAAS,EACtC,CAAC,CACA,iEAAiE,CAClE,IACC,CACL,CAAA,EAAA,CACG,CACP,CAAA,EAAA,CACQ;AAEf;;;;"}
+{"version":3,"file":"LegalRepFields.js","sources":["../../../../../../src/components/session/UserInputForm/LegalRepFields.tsx"],"sourcesContent":["import { Fragment } from \"react\";\nimport * as Label from \"@radix-ui/react-label\";\nimport clsx from \"clsx\";\nimport type {\n  RequestedFields,\n  UserInputFormErrors,\n  UserInputFormState,\n} from \"../../../types/userInputForm\";\nimport { useI18n } from \"../../../hooks/useI18n\";\n\ninterface LegalRepFieldsProps {\n  form: UserInputFormState;\n  errors: UserInputFormErrors;\n  requestedFields: RequestedFields;\n  onFieldChange: (key: keyof UserInputFormState, value: string) => void;\n}\n\nconst LegalRepFields = ({\n  form,\n  errors,\n  requestedFields,\n  onFieldChange,\n}: LegalRepFieldsProps) => {\n  const { t } = useI18n();\n\n  return (\n    <Fragment>\n      {requestedFields.has(\"legalRepresentativeNom\") && (\n        <div className=\"space-y-2\">\n          <Label.Root\n            htmlFor=\"legalRepresentativeLastName\"\n            className=\"block text-sm md:text-base font-semibold text-gray-900\"\n          >\n            {t(\n              \"user_input_form.fields.legal_representative_last_name\",\n              \"Nom du représentant légal\",\n            )}\n          </Label.Root>\n          <input\n            id=\"legalRepresentativeLastName\"\n            type=\"text\"\n            value={form.legalRepresentativeLastName || \"\"}\n            onChange={(event) =>\n              onFieldChange(\"legalRepresentativeLastName\", event.target.value)\n            }\n            placeholder={t(\n              \"user_input_form.placeholders.legal_representative_last_name\",\n              \"Nom\",\n            )}\n            className={clsx(\n              \"w-full px-3 py-3 md:py-4 border rounded-lg text-base transition-colors focus:outline-none focus:ring-2 focus:ring-[#11E5C5] focus:border-transparent\",\n              errors.legalRepresentativeLastName\n                ? \"border-red-500 bg-red-50\"\n                : \"border-gray-300 hover-border-gray-400\",\n            )}\n            autoComplete=\"off\"\n          />\n          {errors.legalRepresentativeLastName && (\n            <p className=\"text-red-600 text-sm flex items-center gap-1\">\n              <span className=\"text-red-500\">⚠</span>\n              {t(\n                \"user_input_form.errors.legal_representative_last_name_required\",\n              )}\n            </p>\n          )}\n        </div>\n      )}\n\n      {requestedFields.has(\"legalRepresentativePrenom\") && (\n        <div className=\"space-y-2\">\n          <Label.Root\n            htmlFor=\"legalRepresentativeFirstName\"\n            className=\"block text-sm md:text-base font-semibold text-gray-900\"\n          >\n            {t(\n              \"user_input_form.fields.legal_representative_first_name\",\n              \"Prénom du représentant légal\",\n            )}\n          </Label.Root>\n          <input\n            id=\"legalRepresentativeFirstName\"\n            type=\"text\"\n            value={form.legalRepresentativeFirstName || \"\"}\n            onChange={(event) =>\n              onFieldChange(\"legalRepresentativeFirstName\", event.target.value)\n            }\n            placeholder={t(\n              \"user_input_form.placeholders.legal_representative_first_name\",\n              \"Prénom\",\n            )}\n            className={clsx(\n              \"w-full px-3 py-3 md:py-4 border rounded-lg text-base transition-colors focus:outline-none focus:ring-2 focus:ring-[#11E5C5] focus:border-transparent\",\n              errors.legalRepresentativeFirstName\n                ? \"border-red-500 bg-red-50\"\n                : \"border-gray-300 hover-border-gray-400\",\n            )}\n            autoComplete=\"off\"\n          />\n          {errors.legalRepresentativeFirstName && (\n            <p className=\"text-red-600 text-sm flex items-center gap-1\">\n              <span className=\"text-red-500\">⚠</span>\n              {t(\n                \"user_input_form.errors.legal_representative_first_name_required\",\n              )}\n            </p>\n          )}\n        </div>\n      )}\n\n      {/* RL personne morale (délégation de pouvoir) : remplace Nom/Prénom par\n          le SIREN de la société mandataire. Mode fixé par le concepteur du\n          parcours (requestedFields), jamais choisi par l'utilisateur final. */}\n      {requestedFields.has(\"legalRepresentativeSiren\") && (\n        <div className=\"space-y-2\">\n          <Label.Root\n            htmlFor=\"legalRepresentativeSiren\"\n            className=\"block text-sm md:text-base font-semibold text-gray-900\"\n          >\n            {t(\n              \"user_input_form.fields.legal_representative_siren\",\n              \"SIREN du représentant légal\",\n            )}\n          </Label.Root>\n          <input\n            id=\"legalRepresentativeSiren\"\n            type=\"text\"\n            inputMode=\"numeric\"\n            value={form.legalRepresentativeSiren || \"\"}\n            onChange={(event) =>\n              onFieldChange(\"legalRepresentativeSiren\", event.target.value)\n            }\n            placeholder={t(\n              \"user_input_form.placeholders.legal_representative_siren\",\n              \"9 chiffres\",\n            )}\n            className={clsx(\n              \"w-full px-3 py-3 md:py-4 border rounded-lg text-base transition-colors focus:outline-none focus:ring-2 focus:ring-[#11E5C5] focus:border-transparent\",\n              errors.legalRepresentativeSiren\n                ? \"border-red-500 bg-red-50\"\n                : \"border-gray-300 hover-border-gray-400\",\n            )}\n            autoComplete=\"off\"\n          />\n          {errors.legalRepresentativeSiren && (\n            <p className=\"text-red-600 text-sm flex items-center gap-1\">\n              <span className=\"text-red-500\">⚠</span>\n              {t(\n                \"user_input_form.errors.legal_representative_siren_required\",\n              )}\n            </p>\n          )}\n        </div>\n      )}\n    </Fragment>\n  );\n};\n\nexport default LegalRepFields;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/signature-electronic/SignatureElectronic.js

@@ -5,6 +5,7 @@ import { useTranslation } from 'react-i18next';
 import sdkI18n from '../../i18n/index.js';
 import SignatureElectronicIntroduction from './SignatureElectronicIntroduction.js';
 import DocusealSignature from './DocusealSignature.js';
+import SignedDocumentPreview from './SignedDocumentPreview.js';
 import { updateSessionStatus } from '../../services/sessionService.js';
 
 /**
@@ -24,14 +25,17 @@ var FIELD_KEY_TO_USER_INPUT = {
     tva: function (ui) { return ui.tva; },
 };
 var SignatureElectronic = function (_a) {
+    var _b;
     var sessionId = _a.sessionId, stepObject = _a.stepObject, node = _a.node, session = _a.session, title = _a.title, description = _a.description, external_id = _a.external_id, fieldMappings = _a.fieldMappings, userInput = _a.userInput, contactInfo = _a.contactInfo;
     var t = useTranslation("translation", { i18n: sdkI18n }).t;
     var signatureViewStorageKey = useMemo(function () { return "dk-signature-open:".concat(sessionId, ":").concat(external_id !== null && external_id !== void 0 ? external_id : "no-template"); }, [sessionId, external_id]);
-    var _b = useState(function () {
+    var _c = useState(function () {
         if (typeof window === "undefined")
             return false;
         return window.sessionStorage.getItem(signatureViewStorageKey) === "1";
-    }), showSignature = _b[0], setShowSignature = _b[1];
+    }), showSignature = _c[0], setShowSignature = _c[1];
+    var _d = useState(false), showSignedDocumentPreview = _d[0], setShowSignedDocumentPreview = _d[1];
+    var _e = useState(null), signedAt = _e[0], setSignedAt = _e[1];
     useEffect(function () {
         if (typeof window === "undefined")
             return;
@@ -102,12 +106,18 @@ var SignatureElectronic = function (_a) {
                     console.error("[SignatureElectronic] Failed to update session status:", err_1);
                     return [3 /*break*/, 4];
                 case 4:
-                    // Progress to the next step via graph edges (pas d'arithmétique — évite de sauter dans la mauvaise branche)
-                    stepObject.goToNextStep(node.id, session.template);
+                    // Toujours montrer le document réellement signé avant de continuer
+                    // (rassure l'utilisateur — pas de bascule directe vers l'étape suivante).
+                    setSignedAt(new Date().toISOString());
+                    setShowSignedDocumentPreview(true);
                     return [2 /*return*/];
             }
         });
     }); };
+    var handleContinueFromPreview = function () {
+        // Progress to the next step via graph edges (pas d'arithmétique — évite de sauter dans la mauvaise branche)
+        stepObject.goToNextStep(node.id, session.template);
+    };
     var handleBack = function () {
         if (showSignature) {
             setShowSignature(false);
@@ -119,6 +129,9 @@ var SignatureElectronic = function (_a) {
             stepObject.goBack();
         }
     };
+    if (showSignedDocumentPreview) {
+        return (jsx(SignedDocumentPreview, { sessionId: sessionId, nodeId: node.id, nodeTitle: node.pageTitle || node.title, completedAt: signedAt, logo: (_b = session === null || session === void 0 ? void 0 : session.template) === null || _b === void 0 ? void 0 : _b.logo, onContinue: handleContinueFromPreview }));
+    }
     if (showSignature && external_id) {
         return (jsx(DocusealSignature, { sessionId: sessionId, templateId: external_id, templateName: title, onComplete: handleComplete, onBack: handleBack, prefillValues: prefillValues, readonlyFieldNames: readonlyFieldNames }));
     }

package/dist/esm/components/signature-electronic/SignatureElectronic.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignatureElectronic.js","sources":["../../../../../src/components/signature-electronic/SignatureElectronic.tsx"],"sourcesContent":["import React, { useState, useMemo, useEffect } from \"react\";\nimport type { stepObject, SessionTemplateNode, SessionData } from \"../../types/session\";\nimport type { UserInput } from \"../../types/userInput\";\nimport type { ContactInfo } from \"../../types/contactInfo\";\nimport { useTranslation } from \"react-i18next\";\nimport sdkI18n from \"../../i18n\";\nimport SignatureElectronicIntroduction from \"./SignatureElectronicIntroduction\";\nimport DocusealSignature from \"./DocusealSignature\";\nimport { updateSessionStatus } from \"../../services/sessionService\";\n\n/**\n * Maps an InformationFieldKey (journey field) to the corresponding UserInput key.\n * This bridges the admin-defined field names to the actual data collected in the SDK.\n */\nconst FIELD_KEY_TO_USER_INPUT: Record<string, (ui: UserInput, ci?: ContactInfo) => string | undefined> = {\n    nom: (ui) => ui.lastName,\n    denomination_sociale: (ui) => ui.companyName,\n    prenom: (ui) => ui.firstName,\n    date_naissance: (ui) => ui.birthDate,\n    email: (ui, ci) => ui.email || ci?.email,\n    sms: (ui, ci) => ui.sms || ui.phoneNumber || ci?.phoneNumber,\n    adresse: (ui) => [ui.addressLine1, ui.addressLine2, ui.postalCode, ui.city, ui.countryCode].filter(Boolean).join(', '),\n    nationalite: (ui) => ui.nationality,\n    siret: (ui) => ui.siret,\n    tva: (ui) => ui.tva,\n};\n\ninterface SignatureElectronicProps {\n    sessionId: string;\n    stepObject: stepObject;\n    node: SessionTemplateNode;\n    session: SessionData;\n    title?: string;\n    description?: string;\n    external_id?: string;\n    fieldMappings?: SessionTemplateNode['fieldMappings'];\n    userInput?: UserInput;\n    contactInfo?: ContactInfo;\n}\n\nconst SignatureElectronic: React.FC<SignatureElectronicProps> = ({\n    sessionId,\n    stepObject,\n    node,\n    session,\n    title,\n    description,\n    external_id,\n    fieldMappings,\n    userInput,\n    contactInfo,\n}) => {\n    const { t } = useTranslation(\"translation\", { i18n: sdkI18n });\n    const signatureViewStorageKey = useMemo(() => `dk-signature-open:${sessionId}:${external_id ?? \"no-template\"}`, [sessionId, external_id]);\n    const [showSignature, setShowSignature] = useState<boolean>(() => {\n        if (typeof window === \"undefined\") return false;\n        return window.sessionStorage.getItem(signatureViewStorageKey) === \"1\";\n    });\n\n    useEffect(() => {\n        if (typeof window === \"undefined\") return;\n\n        if (showSignature) {\n            window.sessionStorage.setItem(signatureViewStorageKey, \"1\");\n        } else {\n            window.sessionStorage.removeItem(signatureViewStorageKey);\n        }\n    }, [showSignature, signatureViewStorageKey]);\n\n    /**\n     * Build the pre-fill values object from userInput + fieldMappings.\n     * Maps each configured field to its value from userInput.\n     * Used by DocusealForm's `values` prop for client-side pre-filling.\n     */\n    const prefillValues = useMemo<Record<string, string> | undefined>(() => {\n        if (!fieldMappings || !userInput) return undefined;\n\n        const values: Record<string, string> = {};\n\n        fieldMappings.forEach(mapping => {\n            const resolver = FIELD_KEY_TO_USER_INPUT[mapping.sourceFieldId];\n            let value: string | undefined;\n\n            if (resolver) {\n                value = resolver(userInput, contactInfo);\n            } else if (userInput.customFormData) {\n                const raw = userInput.customFormData[mapping.sourceFieldId];\n                value = raw != null ? String(raw) : undefined;\n            }\n\n            if (value !== undefined && value !== '') {\n                values[mapping.sourceFieldId] = value;\n            }\n        });\n\n        return Object.keys(values).length > 0 ? values : undefined;\n    }, [fieldMappings, userInput, contactInfo]);\n\n    /**\n     * Build the list of field names that should be read-only in the signing form.\n     * Only includes fields that are both mapped AND marked as readonly by the admin.\n     */\n    const readonlyFieldNames = useMemo<string[] | undefined>(() => {\n        if (!fieldMappings) return undefined;\n\n        const names = fieldMappings\n            .filter(m => m.readonly)\n            .map(m => m.sourceFieldId);\n\n        return names.length > 0 ? names : undefined;\n    }, [fieldMappings]);\n\n    const handleContinue = () => {\n        setShowSignature(true);\n    };\n\n    const handleComplete = async () => {\n        if (typeof window !== \"undefined\") {\n            window.sessionStorage.removeItem(signatureViewStorageKey);\n        }\n        try {\n            await updateSessionStatus(sessionId, \"conform\");\n        } catch (err) {\n            console.error(\"[SignatureElectronic] Failed to update session status:\", err);\n            // Non-bloquant : l'utilisateur avance quoi qu'il arrive\n        }\n        // Progress to the next step via graph edges (pas d'arithmétique — évite de sauter dans la mauvaise branche)\n        stepObject.goToNextStep(node.id, session.template);\n    };\n\n    const handleBack = () => {\n        if (showSignature) {\n            setShowSignature(false);\n        } else {\n            if (typeof window !== \"undefined\") {\n                window.sessionStorage.removeItem(signatureViewStorageKey);\n            }\n            stepObject.goBack();\n        }\n    };\n\n    if (showSignature && external_id) {\n        return (\n            <DocusealSignature\n                sessionId={sessionId}\n                templateId={external_id}\n                templateName={title}\n                onComplete={handleComplete}\n                onBack={handleBack}\n                prefillValues={prefillValues}\n                readonlyFieldNames={readonlyFieldNames}\n            />\n        );\n    }\n\n    if (showSignature && !external_id) {\n        // No template configured — show error instead of silently falling back to intro\n        return (\n            <div className=\"flex flex-col items-center justify-center h-full p-4 text-center\">\n                <div className=\"text-red-500 text-4xl mb-4\">⚠️</div>\n                <h2 className=\"text-xl font-bold text-red-600 mb-2\">\n                    {t(\"signature.error_title\", \"Erreur\")}\n                </h2>\n                <p className=\"text-gray-600 mb-4\">\n                    {t(\"signature.no_template\", \"Le modèle de signature n'est pas configuré.\")}\n                </p>\n                <button\n                    className=\"px-4 py-2 bg-primary text-white rounded hover:bg-primary-dark transition-colors\"\n                    onClick={handleBack}\n                >\n                    {t(\"buttons.back\", \"Retour\")}\n                </button>\n            </div>\n        );\n    }\n\n    return (\n        <SignatureElectronicIntroduction\n            onContinue={handleContinue}\n            onBack={handleBack}\n            title={title}\n            description={description}\n        />\n    );\n};\n\nexport default SignatureElectronic;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"SignatureElectronic.js","sources":["../../../../../src/components/signature-electronic/SignatureElectronic.tsx"],"sourcesContent":["import React, { useState, useMemo, useEffect } from \"react\";\nimport type { stepObject, SessionTemplateNode, SessionData } from \"../../types/session\";\nimport type { UserInput } from \"../../types/userInput\";\nimport type { ContactInfo } from \"../../types/contactInfo\";\nimport { useTranslation } from \"react-i18next\";\nimport sdkI18n from \"../../i18n\";\nimport SignatureElectronicIntroduction from \"./SignatureElectronicIntroduction\";\nimport DocusealSignature from \"./DocusealSignature\";\nimport SignedDocumentPreview from \"./SignedDocumentPreview\";\nimport { updateSessionStatus } from \"../../services/sessionService\";\n\n/**\n * Maps an InformationFieldKey (journey field) to the corresponding UserInput key.\n * This bridges the admin-defined field names to the actual data collected in the SDK.\n */\nconst FIELD_KEY_TO_USER_INPUT: Record<string, (ui: UserInput, ci?: ContactInfo) => string | undefined> = {\n    nom: (ui) => ui.lastName,\n    denomination_sociale: (ui) => ui.companyName,\n    prenom: (ui) => ui.firstName,\n    date_naissance: (ui) => ui.birthDate,\n    email: (ui, ci) => ui.email || ci?.email,\n    sms: (ui, ci) => ui.sms || ui.phoneNumber || ci?.phoneNumber,\n    adresse: (ui) => [ui.addressLine1, ui.addressLine2, ui.postalCode, ui.city, ui.countryCode].filter(Boolean).join(', '),\n    nationalite: (ui) => ui.nationality,\n    siret: (ui) => ui.siret,\n    tva: (ui) => ui.tva,\n};\n\ninterface SignatureElectronicProps {\n    sessionId: string;\n    stepObject: stepObject;\n    node: SessionTemplateNode;\n    session: SessionData;\n    title?: string;\n    description?: string;\n    external_id?: string;\n    fieldMappings?: SessionTemplateNode['fieldMappings'];\n    userInput?: UserInput;\n    contactInfo?: ContactInfo;\n}\n\nconst SignatureElectronic: React.FC<SignatureElectronicProps> = ({\n    sessionId,\n    stepObject,\n    node,\n    session,\n    title,\n    description,\n    external_id,\n    fieldMappings,\n    userInput,\n    contactInfo,\n}) => {\n    const { t } = useTranslation(\"translation\", { i18n: sdkI18n });\n    const signatureViewStorageKey = useMemo(() => `dk-signature-open:${sessionId}:${external_id ?? \"no-template\"}`, [sessionId, external_id]);\n    const [showSignature, setShowSignature] = useState<boolean>(() => {\n        if (typeof window === \"undefined\") return false;\n        return window.sessionStorage.getItem(signatureViewStorageKey) === \"1\";\n    });\n    const [showSignedDocumentPreview, setShowSignedDocumentPreview] = useState<boolean>(false);\n    const [signedAt, setSignedAt] = useState<string | null>(null);\n\n    useEffect(() => {\n        if (typeof window === \"undefined\") return;\n\n        if (showSignature) {\n            window.sessionStorage.setItem(signatureViewStorageKey, \"1\");\n        } else {\n            window.sessionStorage.removeItem(signatureViewStorageKey);\n        }\n    }, [showSignature, signatureViewStorageKey]);\n\n    /**\n     * Build the pre-fill values object from userInput + fieldMappings.\n     * Maps each configured field to its value from userInput.\n     * Used by DocusealForm's `values` prop for client-side pre-filling.\n     */\n    const prefillValues = useMemo<Record<string, string> | undefined>(() => {\n        if (!fieldMappings || !userInput) return undefined;\n\n        const values: Record<string, string> = {};\n\n        fieldMappings.forEach(mapping => {\n            const resolver = FIELD_KEY_TO_USER_INPUT[mapping.sourceFieldId];\n            let value: string | undefined;\n\n            if (resolver) {\n                value = resolver(userInput, contactInfo);\n            } else if (userInput.customFormData) {\n                const raw = userInput.customFormData[mapping.sourceFieldId];\n                value = raw != null ? String(raw) : undefined;\n            }\n\n            if (value !== undefined && value !== '') {\n                values[mapping.sourceFieldId] = value;\n            }\n        });\n\n        return Object.keys(values).length > 0 ? values : undefined;\n    }, [fieldMappings, userInput, contactInfo]);\n\n    /**\n     * Build the list of field names that should be read-only in the signing form.\n     * Only includes fields that are both mapped AND marked as readonly by the admin.\n     */\n    const readonlyFieldNames = useMemo<string[] | undefined>(() => {\n        if (!fieldMappings) return undefined;\n\n        const names = fieldMappings\n            .filter(m => m.readonly)\n            .map(m => m.sourceFieldId);\n\n        return names.length > 0 ? names : undefined;\n    }, [fieldMappings]);\n\n    const handleContinue = () => {\n        setShowSignature(true);\n    };\n\n    const handleComplete = async () => {\n        if (typeof window !== \"undefined\") {\n            window.sessionStorage.removeItem(signatureViewStorageKey);\n        }\n        try {\n            await updateSessionStatus(sessionId, \"conform\");\n        } catch (err) {\n            console.error(\"[SignatureElectronic] Failed to update session status:\", err);\n            // Non-bloquant : l'utilisateur avance quoi qu'il arrive\n        }\n        // Toujours montrer le document réellement signé avant de continuer\n        // (rassure l'utilisateur — pas de bascule directe vers l'étape suivante).\n        setSignedAt(new Date().toISOString());\n        setShowSignedDocumentPreview(true);\n    };\n\n    const handleContinueFromPreview = () => {\n        // Progress to the next step via graph edges (pas d'arithmétique — évite de sauter dans la mauvaise branche)\n        stepObject.goToNextStep(node.id, session.template);\n    };\n\n    const handleBack = () => {\n        if (showSignature) {\n            setShowSignature(false);\n        } else {\n            if (typeof window !== \"undefined\") {\n                window.sessionStorage.removeItem(signatureViewStorageKey);\n            }\n            stepObject.goBack();\n        }\n    };\n\n    if (showSignedDocumentPreview) {\n        return (\n            <SignedDocumentPreview\n                sessionId={sessionId}\n                nodeId={node.id}\n                nodeTitle={node.pageTitle || node.title}\n                completedAt={signedAt}\n                logo={session?.template?.logo}\n                onContinue={handleContinueFromPreview}\n            />\n        );\n    }\n\n    if (showSignature && external_id) {\n        return (\n            <DocusealSignature\n                sessionId={sessionId}\n                templateId={external_id}\n                templateName={title}\n                onComplete={handleComplete}\n                onBack={handleBack}\n                prefillValues={prefillValues}\n                readonlyFieldNames={readonlyFieldNames}\n            />\n        );\n    }\n\n    if (showSignature && !external_id) {\n        // No template configured — show error instead of silently falling back to intro\n        return (\n            <div className=\"flex flex-col items-center justify-center h-full p-4 text-center\">\n                <div className=\"text-red-500 text-4xl mb-4\">⚠️</div>\n                <h2 className=\"text-xl font-bold text-red-600 mb-2\">\n                    {t(\"signature.error_title\", \"Erreur\")}\n                </h2>\n                <p className=\"text-gray-600 mb-4\">\n                    {t(\"signature.no_template\", \"Le modèle de signature n'est pas configuré.\")}\n                </p>\n                <button\n                    className=\"px-4 py-2 bg-primary text-white rounded hover:bg-primary-dark transition-colors\"\n                    onClick={handleBack}\n                >\n                    {t(\"buttons.back\", \"Retour\")}\n                </button>\n            </div>\n        );\n    }\n\n    return (\n        <SignatureElectronicIntroduction\n            onContinue={handleContinue}\n            onBack={handleBack}\n            title={title}\n            description={description}\n        />\n    );\n};\n\nexport default SignatureElectronic;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/signature-electronic/SignedDocumentPreview.js

@@ -0,0 +1,126 @@
+import { __awaiter, __generator } from '../../node_modules/tslib/tslib.es6.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useState, useRef, useEffect } from 'react';
+import { PenTool } from 'lucide-react';
+import { useTranslation } from 'react-i18next';
+import sdkI18n from '../../i18n/index.js';
+import { apiService } from '../../services/api.js';
+import LoadingState from '../states/LoadingState.js';
+import MobilePageLayout from '../ui/MobilePageLayout.js';
+import PageActions from '../ui/PageActions.js';
+import Button from '../ui/Button.js';
+
+var STATUS_POLL_INTERVAL_MS = 2000;
+// DocuSeal flags a submission "completed" before generating the flattened
+// signed PDF — 15 attempts (30s) leaves enough margin for that async step.
+var MAX_STATUS_POLL_ATTEMPTS = 15;
+var SignedDocumentPreview = function (_a) {
+    var sessionId = _a.sessionId, nodeId = _a.nodeId, nodeTitle = _a.nodeTitle, completedAt = _a.completedAt, logo = _a.logo, onContinue = _a.onContinue;
+    var _b = useTranslation("translation", { i18n: sdkI18n }), t = _b.t, i18n = _b.i18n;
+    var _c = useState("polling"), status = _c[0], setStatus = _c[1];
+    var _d = useState(null), viewUrl = _d[0], setViewUrl = _d[1];
+    var cancelledRef = useRef(false);
+    useEffect(function () {
+        cancelledRef.current = false;
+        var attempts = 0;
+        var timer;
+        var fetchAccessLink = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var response, token, baseURL, path;
+            var _a, _b;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0: return [4 /*yield*/, apiService.get("/session/sdk/".concat(sessionId, "/signed-document/").concat(nodeId, "/access-link"))];
+                    case 1:
+                        response = _c.sent();
+                        token = (_b = (_a = response.data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.token;
+                        if (!token) {
+                            throw new Error("Missing signed document access token");
+                        }
+                        baseURL = (apiService.getRawClient().defaults.baseURL || "").replace(/\/+$/, "");
+                        path = "/session/sdk/".concat(sessionId, "/signed-document/").concat(nodeId, "/view?token=").concat(token);
+                        if (!cancelledRef.current) {
+                            setViewUrl(baseURL ? "".concat(baseURL).concat(path) : path);
+                            setStatus("ready");
+                        }
+                        return [2 /*return*/];
+                }
+            });
+        }); };
+        var poll = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var statusResponse, ready, error, err_1, err_2;
+            var _a, _b, _c, _d;
+            return __generator(this, function (_e) {
+                switch (_e.label) {
+                    case 0:
+                        _e.trys.push([0, 6, , 7]);
+                        return [4 /*yield*/, apiService.get("/session/sdk/".concat(sessionId, "/signed-document/").concat(nodeId, "/status"))];
+                    case 1:
+                        statusResponse = _e.sent();
+                        ready = !!((_b = (_a = statusResponse.data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.ready);
+                        error = (_d = (_c = statusResponse.data) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.error;
+                        if (error === "declined" || error === "expired") {
+                            if (!cancelledRef.current)
+                                setStatus(error);
+                            return [2 /*return*/];
+                        }
+                        if (!ready) return [3 /*break*/, 5];
+                        _e.label = 2;
+                    case 2:
+                        _e.trys.push([2, 4, , 5]);
+                        return [4 /*yield*/, fetchAccessLink()];
+                    case 3:
+                        _e.sent();
+                        return [2 /*return*/];
+                    case 4:
+                        err_1 = _e.sent();
+                        // DocuSeal can report the submission "completed" before the
+                        // signed document is actually linked — treat like "not ready
+                        // yet" instead of failing permanently on the first miss.
+                        console.error("[SignedDocumentPreview] Failed to fetch access link:", err_1);
+                        return [3 /*break*/, 5];
+                    case 5:
+                        attempts += 1;
+                        if (attempts >= MAX_STATUS_POLL_ATTEMPTS) {
+                            if (!cancelledRef.current)
+                                setStatus("error");
+                            return [2 /*return*/];
+                        }
+                        timer = setTimeout(poll, STATUS_POLL_INTERVAL_MS);
+                        return [3 /*break*/, 7];
+                    case 6:
+                        err_2 = _e.sent();
+                        console.error("[SignedDocumentPreview] Failed to poll signed document status:", err_2);
+                        attempts += 1;
+                        if (attempts >= MAX_STATUS_POLL_ATTEMPTS) {
+                            if (!cancelledRef.current)
+                                setStatus("error");
+                            return [2 /*return*/];
+                        }
+                        timer = setTimeout(poll, STATUS_POLL_INTERVAL_MS);
+                        return [3 /*break*/, 7];
+                    case 7: return [2 /*return*/];
+                }
+            });
+        }); };
+        poll();
+        return function () {
+            cancelledRef.current = true;
+            if (timer)
+                clearTimeout(timer);
+        };
+    }, [sessionId, nodeId]);
+    if (status === "polling") {
+        return (jsx(LoadingState, { message: t("signed_document.loading", "Préparation du document signé..."), subtitle: "" }));
+    }
+    var formattedDate = completedAt
+        ? new Intl.DateTimeFormat(i18n.language || "fr", {
+            day: "numeric",
+            month: "long",
+            year: "numeric",
+        }).format(new Date(completedAt))
+        : null;
+    return (jsx(MobilePageLayout, { footer: jsx(PageActions, { primary: jsx(Button, { onClick: onContinue, type: "button", children: t("buttons.continue", "Continuer") }) }), children: jsxs("div", { className: "flex flex-col items-center h-full px-4 py-8 md:px-8 text-center gap-6", children: [logo && jsx("img", { src: logo, alt: "", className: "h-12 max-w-[200px] object-contain" }), status === "ready" && viewUrl && (jsxs(Fragment, { children: [jsxs("div", { className: "w-full max-w-md bg-gray-50 rounded-lg p-4 flex items-start gap-3 text-left", children: [jsx(PenTool, { className: "w-5 h-5 shrink-0 mt-0.5 text-gray-500" }), jsxs("div", { children: [jsx("p", { className: "font-semibold text-gray-900 break-all", children: nodeTitle }), formattedDate && (jsxs("p", { className: "text-xs text-gray-500 mt-1", children: [t("signed_document.submitted_on", "Soumis le"), " ", formattedDate] }))] })] }), jsx("p", { className: "text-sm text-gray-600", children: t("signed_document.ready_text", "Merci d'avoir signé le document, vous pouvez le consulter en cliquant ci-dessous :") }), jsx("a", { href: viewUrl, target: "_blank", rel: "noopener noreferrer", className: "text-primary underline font-medium", children: t("signed_document.view_link", "Consulter le document ↗") })] })), status === "error" && (jsx("p", { className: "text-sm text-gray-600 py-8", children: t("signed_document.error", "Le document n'a pas pu être chargé, mais votre signature est bien enregistrée. Vous pouvez continuer.") })), status === "declined" && (jsx("p", { className: "text-sm text-gray-600 py-8", children: t("signed_document.declined", "Vous avez refusé de signer ce document.") })), status === "expired" && (jsx("p", { className: "text-sm text-gray-600 py-8", children: t("signed_document.expired", "Le lien de signature a expiré.") }))] }) }));
+};
+
+export { SignedDocumentPreview as default };
+//# sourceMappingURL=SignedDocumentPreview.js.map

package/dist/esm/components/signature-electronic/SignedDocumentPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignedDocumentPreview.js","sources":["../../../../../src/components/signature-electronic/SignedDocumentPreview.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { PenTool } from \"lucide-react\";\nimport { useTranslation } from \"react-i18next\";\nimport sdkI18n from \"../../i18n\";\nimport { apiService } from \"../../services/api\";\nimport LoadingState from \"../states/LoadingState\";\nimport MobilePageLayout from \"../ui/MobilePageLayout\";\nimport PageActions from \"../ui/PageActions\";\nimport Button from \"../ui/Button\";\n\ninterface SignedDocumentPreviewProps {\n    sessionId: string;\n    nodeId: string;\n    nodeTitle: string;\n    completedAt: string | null;\n    logo?: string;\n    onContinue: () => void;\n}\n\nconst STATUS_POLL_INTERVAL_MS = 2000;\n// DocuSeal flags a submission \"completed\" before generating the flattened\n// signed PDF — 15 attempts (30s) leaves enough margin for that async step.\nconst MAX_STATUS_POLL_ATTEMPTS = 15;\n\nconst SignedDocumentPreview: React.FC<SignedDocumentPreviewProps> = ({\n    sessionId,\n    nodeId,\n    nodeTitle,\n    completedAt,\n    logo,\n    onContinue,\n}) => {\n    const { t, i18n } = useTranslation(\"translation\", { i18n: sdkI18n });\n    const [status, setStatus] = useState<\"polling\" | \"ready\" | \"error\" | \"declined\" | \"expired\">(\n        \"polling\",\n    );\n    const [viewUrl, setViewUrl] = useState<string | null>(null);\n    const cancelledRef = useRef(false);\n\n    useEffect(() => {\n        cancelledRef.current = false;\n        let attempts = 0;\n        let timer: ReturnType<typeof setTimeout> | undefined;\n\n        const fetchAccessLink = async () => {\n            const response = await apiService.get(\n                `/session/sdk/${sessionId}/signed-document/${nodeId}/access-link`,\n            );\n            const token = response.data?.data?.token;\n            if (!token) {\n                throw new Error(\"Missing signed document access token\");\n            }\n\n            const baseURL = (apiService.getRawClient().defaults.baseURL || \"\").replace(\n                /\\/+$/,\n                \"\",\n            );\n            const path = `/session/sdk/${sessionId}/signed-document/${nodeId}/view?token=${token}`;\n\n            if (!cancelledRef.current) {\n                setViewUrl(baseURL ? `${baseURL}${path}` : path);\n                setStatus(\"ready\");\n            }\n        };\n\n        const poll = async () => {\n            try {\n                const statusResponse = await apiService.get(\n                    `/session/sdk/${sessionId}/signed-document/${nodeId}/status`,\n                );\n                const ready = !!statusResponse.data?.data?.ready;\n                const error = statusResponse.data?.data?.error as\n                    | \"declined\"\n                    | \"expired\"\n                    | undefined;\n\n                if (error === \"declined\" || error === \"expired\") {\n                    if (!cancelledRef.current) setStatus(error);\n                    return;\n                }\n\n                if (ready) {\n                    try {\n                        await fetchAccessLink();\n                        return;\n                    } catch (err) {\n                        // DocuSeal can report the submission \"completed\" before the\n                        // signed document is actually linked — treat like \"not ready\n                        // yet\" instead of failing permanently on the first miss.\n                        console.error(\n                            \"[SignedDocumentPreview] Failed to fetch access link:\",\n                            err,\n                        );\n                    }\n                }\n\n                attempts += 1;\n                if (attempts >= MAX_STATUS_POLL_ATTEMPTS) {\n                    if (!cancelledRef.current) setStatus(\"error\");\n                    return;\n                }\n                timer = setTimeout(poll, STATUS_POLL_INTERVAL_MS);\n            } catch (err) {\n                console.error(\"[SignedDocumentPreview] Failed to poll signed document status:\", err);\n                attempts += 1;\n                if (attempts >= MAX_STATUS_POLL_ATTEMPTS) {\n                    if (!cancelledRef.current) setStatus(\"error\");\n                    return;\n                }\n                timer = setTimeout(poll, STATUS_POLL_INTERVAL_MS);\n            }\n        };\n\n        poll();\n\n        return () => {\n            cancelledRef.current = true;\n            if (timer) clearTimeout(timer);\n        };\n    }, [sessionId, nodeId]);\n\n    if (status === \"polling\") {\n        return (\n            <LoadingState\n                message={t(\"signed_document.loading\", \"Préparation du document signé...\")}\n                subtitle=\"\"\n            />\n        );\n    }\n\n    const formattedDate = completedAt\n        ? new Intl.DateTimeFormat(i18n.language || \"fr\", {\n              day: \"numeric\",\n              month: \"long\",\n              year: \"numeric\",\n          }).format(new Date(completedAt))\n        : null;\n\n    return (\n        <MobilePageLayout\n            footer={\n                <PageActions\n                    primary={\n                        <Button onClick={onContinue} type=\"button\">\n                            {t(\"buttons.continue\", \"Continuer\")}\n                        </Button>\n                    }\n                />\n            }\n        >\n            <div className=\"flex flex-col items-center h-full px-4 py-8 md:px-8 text-center gap-6\">\n                {logo && <img src={logo} alt=\"\" className=\"h-12 max-w-[200px] object-contain\" />}\n\n                {status === \"ready\" && viewUrl && (\n                    <>\n                        <div className=\"w-full max-w-md bg-gray-50 rounded-lg p-4 flex items-start gap-3 text-left\">\n                            <PenTool className=\"w-5 h-5 shrink-0 mt-0.5 text-gray-500\" />\n                            <div>\n                                <p className=\"font-semibold text-gray-900 break-all\">{nodeTitle}</p>\n                                {formattedDate && (\n                                    <p className=\"text-xs text-gray-500 mt-1\">\n                                        {t(\"signed_document.submitted_on\", \"Soumis le\")} {formattedDate}\n                                    </p>\n                                )}\n                            </div>\n                        </div>\n\n                        <p className=\"text-sm text-gray-600\">\n                            {t(\n                                \"signed_document.ready_text\",\n                                \"Merci d'avoir signé le document, vous pouvez le consulter en cliquant ci-dessous :\",\n                            )}\n                        </p>\n\n                        <a\n                            href={viewUrl}\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                            className=\"text-primary underline font-medium\"\n                        >\n                            {t(\"signed_document.view_link\", \"Consulter le document ↗\")}\n                        </a>\n                    </>\n                )}\n\n                {status === \"error\" && (\n                    <p className=\"text-sm text-gray-600 py-8\">\n                        {t(\n                            \"signed_document.error\",\n                            \"Le document n'a pas pu être chargé, mais votre signature est bien enregistrée. Vous pouvez continuer.\",\n                        )}\n                    </p>\n                )}\n                {status === \"declined\" && (\n                    <p className=\"text-sm text-gray-600 py-8\">\n                        {t(\"signed_document.declined\", \"Vous avez refusé de signer ce document.\")}\n                    </p>\n                )}\n                {status === \"expired\" && (\n                    <p className=\"text-sm text-gray-600 py-8\">\n                        {t(\"signed_document.expired\", \"Le lien de signature a expiré.\")}\n                    </p>\n                )}\n            </div>\n        </MobilePageLayout>\n    );\n};\n\nexport default SignedDocumentPreview;\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}