@anoki/fse-ui 2.1.0-SNAPSHOT1.9 → 2.1.0-SNAPSHOT2

package/dist/index.es351.js

@@ -1,6 +1,6 @@
 import { j as r } from "./index.es249.js";
 import { clsx as m } from "./index.es251.js";
-import './components/ui/ConsentModal/ConsentModalContent/ConsentModalContent.css';/* empty css            */
+import './components/ui/DoctorConfirmModal/DoctorConfirmModalContent/DoctorConfirmModalContent.css';/* empty css            */
 const e = ({
   overrideClassNames: o,
   children: t

package/dist/index.es353.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es249.js";
-import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
+import './components/ui/DoctorConfirmModal/DoctorConfirmModalFooter/DoctorConfirmModalFooter.css';/* empty css            */
 const s = ({
   children: o
 }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });

package/dist/index.es359.js

@@ -1,5 +1,5 @@
 import { j as C } from "./index.es249.js";
-import { createColorClasses as f } from "./index.es283.js";
+import { createColorClasses as f } from "./index.es281.js";
 import { clsx as x } from "./index.es251.js";
 const j = ({
   className: t,

package/dist/index.es360.js

@@ -1,6 +1,6 @@
 import { j as a } from "./index.es249.js";
 import './components/ui/Section/Description/description.css';/* empty css            */
-import { createColorClasses as n } from "./index.es283.js";
+import { createColorClasses as n } from "./index.es281.js";
 import { clsx as m } from "./index.es251.js";
 const u = ({
   fs: t = "6",

package/dist/index.es361.js

@@ -1,11 +1,11 @@
 import * as s from "react";
-import { composeEventHandlers as T } from "./index.es472.js";
-import { useComposedRefs as _ } from "./index.es473.js";
-import { createContextScope as H } from "./index.es474.js";
-import { useControllableState as I } from "./index.es475.js";
-import { usePrevious as M } from "./index.es482.js";
-import { useSize as N } from "./index.es483.js";
-import { Primitive as w } from "./index.es476.js";
+import { composeEventHandlers as T } from "./index.es477.js";
+import { useComposedRefs as _ } from "./index.es475.js";
+import { createContextScope as H } from "./index.es476.js";
+import { useControllableState as I } from "./index.es478.js";
+import { usePrevious as M } from "./index.es479.js";
+import { useSize as N } from "./index.es480.js";
+import { Primitive as w } from "./index.es482.js";
 import { j as p } from "./index.es249.js";
 var S = "Switch", [B, J] = H(S), [q, z] = B(S), C = s.forwardRef(
   (e, n) => {

package/dist/index.es379.js

@@ -1,10 +1,10 @@
 import * as e from "react";
-import c from "./index.es620.js";
-import { extractProps as i } from "./index.es623.js";
-import { requireReactElement as a } from "./index.es628.js";
-import { popoverContentPropDefs as l } from "./index.es629.js";
-import { Theme as f } from "./index.es630.js";
-import { Root as p, Trigger as d, Portal as C, Content as P, Close as h, Anchor as R } from "./index.es631.js";
+import c from "./index.es621.js";
+import { extractProps as i } from "./index.es624.js";
+import { requireReactElement as a } from "./index.es629.js";
+import { popoverContentPropDefs as l } from "./index.es630.js";
+import { Theme as f } from "./index.es631.js";
+import { Root as p, Trigger as d, Portal as C, Content as P, Close as h, Anchor as R } from "./index.es632.js";
 const v = (r) => e.createElement(p, { ...r });
 v.displayName = "Popover.Root";
 const g = e.forwardRef(({ children: r, ...o }, t) => e.createElement(d, { ...o, ref: t, asChild: !0 }, a(r)));

package/dist/index.es380.js

@@ -1,6 +1,6 @@
 import * as t from "react";
-import r from "./index.es620.js";
-import { BaseButton as m } from "./index.es621.js";
+import r from "./index.es621.js";
+import { BaseButton as m } from "./index.es622.js";
 const s = t.forwardRef(({ className: o, ...a }, e) => t.createElement(m, { ...a, ref: e, className: r("rt-Button", o) }));
 s.displayName = "Button";
 export {

package/dist/index.es402.js

@@ -1,9 +1,9 @@
 import * as l from "react";
-import { createContextScope as T } from "./index.es474.js";
-import { useComposedRefs as A } from "./index.es473.js";
+import { createContextScope as T } from "./index.es476.js";
+import { useComposedRefs as A } from "./index.es475.js";
 import { createDialogScope as v, Root as O, Portal as j, Overlay as b, WarningProvider as w, Content as M, Title as I, Description as L, Close as f, Trigger as $ } from "./index.es330.js";
-import { composeEventHandlers as F } from "./index.es472.js";
-import { createSlottable as G } from "./index.es491.js";
+import { composeEventHandlers as F } from "./index.es477.js";
+import { createSlottable as G } from "./index.es497.js";
 import { j as i } from "./index.es249.js";
 var D = "AlertDialog", [W, te] = T(D, [
   v

package/dist/index.es408.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es515.js";
+import { __require as r } from "./index.es513.js";
 var i = r();
 export {
   i as F

package/dist/index.es41.js

@@ -1,129 +1,136 @@
-import { j as e } from "./index.es249.js";
+import { j as t } from "./index.es249.js";
+import { ArrowDown as P } from "./index.es160.js";
+import { RichText as _ } from "./index.es142.js";
 import { clsx as i } from "./index.es251.js";
+import { useState as c, useRef as D } from "react";
 import './components/ui/VideoPlayer/VideoPlayer.css';/* empty css            */
-import { ArrowDown as T } from "./index.es160.js";
-import { useState as c, useRef as P } from "react";
-import { RichText as D } from "./index.es142.js";
-import { VIDEO_PLAYER_SIZE as t } from "./index.es42.js";
+import { VIDEO_PLAYER_SIZE as e } from "./index.es42.js";
 import { Col as V } from "./index.es10.js";
-import { PlayVideo as _ } from "./index.es223.js";
-const k = {
-  [t.SMALL]: {
+import { PlayVideo as G } from "./index.es223.js";
+const M = {
+  [e.SMALL]: {
     width: "311px"
   },
-  [t.MEDIUM]: {
+  [e.MEDIUM]: {
     width: "388px"
   },
-  [t.LARGE]: {
+  [e.LARGE]: {
     width: "642px"
   },
-  [t.EXTRA_LARGE]: {
+  [e.EXTRA_LARGE]: {
     width: "992px"
   },
-  [t.FULL_WIDTH]: {
+  [e.FULL_WIDTH]: {
     width: "100%"
   },
-  [t.VERTICAL]: {
+  [e.VERTICAL]: {
     width: "360px"
   }
 }, S = {
-  [t.SMALL]: {
+  [e.SMALL]: {
     heightImg: "170px"
   },
-  [t.MEDIUM]: {
+  [e.MEDIUM]: {
     heightImg: "183px"
   },
-  [t.LARGE]: {
+  [e.LARGE]: {
     heightImg: "357px"
   },
-  [t.EXTRA_LARGE]: {
+  [e.EXTRA_LARGE]: {
     heightImg: "400px"
   },
-  [t.VERTICAL]: {
+  [e.VERTICAL]: {
     heightImg: "640px"
   },
-  [t.FULL_WIDTH]: {
+  [e.FULL_WIDTH]: {
     heightImg: "525px"
   }
-}, Y = ({
-  btnText: f = "Trascrizione",
-  sizeComp: n = t.LARGE,
+}, $ = ({
+  btnText: b = "Trascrizione",
+  sizeComp: n = e.LARGE,
   transcription: l,
   previewImageSrc: d,
-  videoSrc: y,
-  playButtonLabel: x = "Riproduci",
-  videoAriaLabel: b = "Video player"
+  videoSrc: x,
+  videoTitle: h,
+  videoLang: p,
+  playButtonLabel: j = "Riproduci",
+  videoAriaLabel: v = "Video player"
 }) => {
-  const [h, v] = c(!1), [r, j] = c(!1), { width: p } = k[n], { heightImg: E } = S[n], [a, w] = c(!1), m = P(null), s = n === t.VERTICAL, L = n === t.EXTRA_LARGE || n === t.FULL_WIDTH, u = s ? "642px" : p, I = s ? "640px" : E, R = s ? "360px" : p, A = async (o) => {
+  const [m, E] = c(!1), [s, L] = c(!1), { width: u } = M[n], { heightImg: w } = S[n], [r, I] = c(!1), g = D(null), a = n === e.VERTICAL, R = n === e.EXTRA_LARGE || n === e.FULL_WIDTH, f = a ? "642px" : u, A = a ? "640px" : w, N = a ? "360px" : u, T = async (o) => {
     o && (o.preventDefault(), o.stopPropagation());
-    const g = m.current;
-    if (!g) {
+    const y = g.current;
+    if (!y) {
       console.error("no video element found");
       return;
     }
     try {
-      r || (j(!0), v(!0), await g.play());
-    } catch (N) {
-      console.error("Error controlling video:", N);
+      s || (L(!0), E(!0), await y.play());
+    } catch (k) {
+      console.error("Error controlling video:", k);
     }
   };
-  return /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ t.jsxs(
     V,
     {
       br: "x4",
-      style: { width: u },
+      style: { width: f },
       className: i("video-section-container"),
       children: [
-        /* @__PURE__ */ e.jsxs(
+        /* @__PURE__ */ t.jsxs(
           "div",
           {
             className: "video-player-container",
             style: {
-              height: I,
-              width: R,
-              ...s && { alignSelf: "center" }
+              height: A,
+              width: N,
+              ...a && { alignSelf: "center" }
             },
             children: [
-              /* @__PURE__ */ e.jsx(
+              /* @__PURE__ */ t.jsx(
                 "button",
                 {
                   className: i("start-video-container", {
-                    "fade-out": h || r
+                    "fade-out": m || s
                   }),
                   style: {
-                    backgroundImage: d && !r ? `url("${d}")` : "none",
-                    display: r ? "none" : "block"
+                    backgroundImage: d && !s ? `url("${d}")` : "none",
+                    display: s ? "none" : "block"
                   },
-                  onClick: (o) => A(o),
-                  "aria-label": x,
+                  onClick: (o) => T(o),
                   type: "button",
-                  children: /* @__PURE__ */ e.jsxs("div", { className: i("play-button-container", { hidden: h }), children: [
-                    /* @__PURE__ */ e.jsx("div", { className: "play-button-icon", children: /* @__PURE__ */ e.jsx(_, { decorative: !0 }) }),
-                    /* @__PURE__ */ e.jsx("div", { className: "play-button-text", "aria-hidden": "true", children: x })
+                  children: /* @__PURE__ */ t.jsxs("div", { className: i("play-button-container", { hidden: m }), children: [
+                    /* @__PURE__ */ t.jsx("div", { className: "play-button-icon", children: /* @__PURE__ */ t.jsx(G, { decorative: !0 }) }),
+                    /* @__PURE__ */ t.jsx("div", { className: "play-button-text", children: j })
                   ] })
                 }
               ),
-              /* @__PURE__ */ e.jsx("div", { className: "video-container", children: /* @__PURE__ */ e.jsx(
+              /* @__PURE__ */ t.jsx("div", { className: "video-container", children: /* @__PURE__ */ t.jsxs(
                 "video",
                 {
-                  ref: m,
+                  ref: g,
                   controls: !0,
-                  src: y || void 0,
-                  "aria-label": b
+                  src: x || void 0,
+                  "aria-label": v,
+                  title: h || void 0,
+                  children: [
+                    /* @__PURE__ */ t.jsx("source", { src: x || void 0 }),
+                    p && /* @__PURE__ */ t.jsx("track", { kind: "subtitles", src: "subtitles_en.vtt", srcLang: p === "italiano" ? "it" : "en" }),
+                    " "
+                  ]
                 }
               ) })
             ]
           }
         ),
-        l && /* @__PURE__ */ e.jsxs(
+        l && /* @__PURE__ */ t.jsxs(
           "div",
           {
             className: i(
-              L ? "transcription-container" : "ui-has-border-bottom"
+              R ? "transcription-container" : "ui-has-border-bottom"
             ),
-            style: { width: u },
+            style: { width: f },
             children: [
-              /* @__PURE__ */ e.jsx(
+              /* @__PURE__ */ t.jsx(
                 "div",
                 {
                   className: i(
@@ -131,7 +138,7 @@ const k = {
                     "accordion",
                     "base-row justify-content-between align-items-center"
                   ),
-                  children: /* @__PURE__ */ e.jsxs(
+                  children: /* @__PURE__ */ t.jsxs(
                     "button",
                     {
                       className: i(
@@ -139,24 +146,24 @@ const k = {
                         "base-row justify-content-between align-items-center"
                       ),
                       type: "button",
-                      onClick: () => w(!a),
-                      "aria-expanded": a,
+                      onClick: () => I(!r),
+                      "aria-expanded": r,
                       "aria-controls": "transcription-content",
                       children: [
-                        /* @__PURE__ */ e.jsx(
+                        /* @__PURE__ */ t.jsx(
                           "span",
                           {
                             className: i(
                               "fw-semibold text-primary base-col justify-content-center fs-custom text-decoration-underline"
                             ),
-                            children: f
+                            children: b
                           }
                         ),
-                        /* @__PURE__ */ e.jsx(
-                          T,
+                        /* @__PURE__ */ t.jsx(
+                          P,
                           {
                             color: "primary",
-                            className: i("ui-arrow", { expanded: a }),
+                            className: i("ui-arrow", { expanded: r }),
                             decorative: !0
                           }
                         )
@@ -165,7 +172,7 @@ const k = {
                   )
                 }
               ),
-              a && /* @__PURE__ */ e.jsx(
+              r && /* @__PURE__ */ t.jsx(
                 "div",
                 {
                   id: "transcription-content",
@@ -173,8 +180,8 @@ const k = {
                     "transcription-text-container",
                     "pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black"
                   ),
-                  children: /* @__PURE__ */ e.jsx(
-                    D,
+                  children: /* @__PURE__ */ t.jsx(
+                    _,
                     {
                       additionalClass: "text-black text-charcoal-dust rich-text-element",
                       classNameTitle: "heading-2-lg fw-extra-bold text-black text-charcoal-dust",
@@ -191,7 +198,7 @@ const k = {
   );
 };
 export {
-  t as VIDEO_PLAYER_SIZE,
-  Y as VideoPlayer
+  e as VIDEO_PLAYER_SIZE,
+  $ as VideoPlayer
 };
 //# sourceMappingURL=index.es41.js.map

package/dist/index.es41.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es41.js","sources":["../src/components/ui/VideoPlayer/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport \"./VideoPlayer.scss\";\r\nimport { ArrowDown } from \"@/icons/ArrowDown\";\r\nimport { useState, useRef } from \"react\";\r\nimport { Col } from \"@/components\";\r\nimport { PlayVideo } from \"@/icons\";\r\nimport { RichText } from \"@/sections/RichText\";\r\nimport { VIDEO_PLAYER_SIZE } from \"./VideoPlayer.types\";\r\nimport type { VideoPlayerProps } from \"./VideoPlayer.types\";\r\n\r\nconst sizeStyles = {\r\n  [VIDEO_PLAYER_SIZE.SMALL]: {\r\n    width: \"311px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\r\n    width: \"388px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.LARGE]: {\r\n    width: \"642px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\r\n    width: \"992px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\r\n    width: \"100%\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\r\n    width: \"360px\",\r\n  },\r\n};\r\n\r\nconst imgSize = {\r\n  [VIDEO_PLAYER_SIZE.SMALL]: {\r\n    heightImg: \"170px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\r\n    heightImg: \"183px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.LARGE]: {\r\n    heightImg: \"357px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\r\n    heightImg: \"400px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\r\n    heightImg: \"640px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\r\n    heightImg: \"525px\",\r\n  },\r\n};\r\n\r\nexport const VideoPlayer = ({\r\n  btnText = \"Trascrizione\",\r\n  sizeComp = VIDEO_PLAYER_SIZE.LARGE,\r\n  transcription,\r\n  previewImageSrc,\r\n  videoSrc,\r\n  playButtonLabel = \"Riproduci\",\r\n  videoAriaLabel = \"Video player\",\r\n}: VideoPlayerProps) => {\r\n  const [isPlaying, setIsPlaying] = useState(false);\r\n  const [hasPlayedOnce, setHasPlayedOnce] = useState(false);\r\n  const { width } = sizeStyles[sizeComp];\r\n  const { heightImg } = imgSize[sizeComp];\r\n  const [isExpanded, setExpanded] = useState(false);\r\n  const videoRef = useRef<HTMLVideoElement>(null);\r\n\r\n  const isVertical = sizeComp === VIDEO_PLAYER_SIZE.VERTICAL;\r\n  const isLargeSize =\r\n    sizeComp === VIDEO_PLAYER_SIZE.EXTRA_LARGE ||\r\n    sizeComp === VIDEO_PLAYER_SIZE.FULL_WIDTH;\r\n  const containerWidth = isVertical ? \"642px\" : width;\r\n  const videoHeight = isVertical ? \"640px\" : heightImg;\r\n  const videoWidth = isVertical ? \"360px\" : width;\r\n\r\n  const handlePlay = async (e?: React.MouseEvent) => {\r\n    if (e) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n    }\r\n\r\n    const video = videoRef.current;\r\n\r\n    if (!video) {\r\n      console.error(\"no video element found\");\r\n      return;\r\n    }\r\n\r\n    try {\r\n      if (!hasPlayedOnce) {\r\n        setHasPlayedOnce(true);\r\n        setIsPlaying(true);\r\n        await video.play();\r\n      }\r\n    } catch (error) {\r\n      console.error(\"Error controlling video:\", error);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Col\r\n      br={\"x4\"}\r\n      style={{ width: containerWidth }}\r\n      className={clsx(\"video-section-container\")}\r\n    >\r\n      <div\r\n        className=\"video-player-container\"\r\n        style={{\r\n          height: videoHeight,\r\n          width: videoWidth,\r\n          ...(isVertical && { alignSelf: \"center\" }),\r\n        }}\r\n      >\r\n        <button\r\n          className={clsx(\"start-video-container\", {\r\n            \"fade-out\": isPlaying || hasPlayedOnce,\r\n          })}\r\n          style={{\r\n            backgroundImage:\r\n              previewImageSrc && !hasPlayedOnce\r\n                ? `url(\"${previewImageSrc}\")`\r\n                : \"none\",\r\n            display: hasPlayedOnce ? \"none\" : \"block\",\r\n          }}\r\n          onClick={(e) => handlePlay(e)}\r\n          aria-label={playButtonLabel}\r\n          type=\"button\"\r\n        >\r\n          <div className={clsx(\"play-button-container\", { hidden: isPlaying })}>\r\n            <div className=\"play-button-icon\">\r\n              <PlayVideo decorative />\r\n            </div>\r\n            <div className=\"play-button-text\" aria-hidden=\"true\">\r\n              {playButtonLabel}\r\n            </div>\r\n          </div>\r\n        </button>\r\n        <div className=\"video-container\">\r\n          <video\r\n            ref={videoRef}\r\n            controls\r\n            src={videoSrc || undefined}\r\n            aria-label={videoAriaLabel}\r\n          />\r\n        </div>\r\n      </div>\r\n\r\n      {transcription && (\r\n        <div\r\n          className={clsx(\r\n            isLargeSize ? \"transcription-container\" : \"ui-has-border-bottom\",\r\n          )}\r\n          style={{ width: containerWidth }}\r\n        >\r\n          <div\r\n            className={clsx(\r\n              \"expand-button-container\",\r\n              \"accordion\",\r\n              \"base-row justify-content-between align-items-center\",\r\n            )}\r\n          >\r\n            <button\r\n              className={clsx(\r\n                \"ui-btn-accordion-video\",\r\n                \"base-row justify-content-between align-items-center\",\r\n              )}\r\n              type=\"button\"\r\n              onClick={() => setExpanded(!isExpanded)}\r\n              aria-expanded={isExpanded}\r\n              aria-controls=\"transcription-content\"\r\n            >\r\n              <span\r\n                className={clsx(\r\n                  \"fw-semibold text-primary base-col justify-content-center fs-custom text-decoration-underline\",\r\n                )}\r\n              >\r\n                {btnText}\r\n              </span>\r\n              <ArrowDown\r\n                color={\"primary\"}\r\n                className={clsx(\"ui-arrow\", { expanded: isExpanded })}\r\n                decorative\r\n              />\r\n            </button>\r\n          </div>\r\n          {isExpanded && (\r\n            <div\r\n              id=\"transcription-content\"\r\n              className={clsx(\r\n                \"transcription-text-container\",\r\n                \"pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black\",\r\n              )}\r\n            >\r\n              <RichText\r\n                additionalClass=\"text-black text-charcoal-dust rich-text-element\"\r\n                classNameTitle=\"heading-2-lg fw-extra-bold text-black text-charcoal-dust\"\r\n                description={transcription}\r\n              />\r\n            </div>\r\n          )}\r\n        </div>\r\n      )}\r\n    </Col>\r\n  );\r\n};\r\n\r\nexport { VIDEO_PLAYER_SIZE };\r\nexport type { VideoPlayerProps };\r\n"],"names":["sizeStyles","VIDEO_PLAYER_SIZE","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","playButtonLabel","videoAriaLabel","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","width","heightImg","isExpanded","setExpanded","videoRef","useRef","isVertical","isLargeSize","containerWidth","videoHeight","videoWidth","handlePlay","e","video","error","jsxs","Col","clsx","jsx","PlayVideo","ArrowDown","RichText"],"mappings":";;;;;;;;;AAUA,MAAMA,IAAa;AAAA,EACjB,CAACC,EAAkB,KAAK,GAAG;AAAA,IACzB,OAAO;AAAA,EACT;AAAA,EACA,CAACA,EAAkB,MAAM,GAAG;AAAA,IAC1B,OAAO;AAAA,EACT;AAAA,EACA,CAACA,EAAkB,KAAK,GAAG;AAAA,IACzB,OAAO;AAAA,EACT;AAAA,EACA,CAACA,EAAkB,WAAW,GAAG;AAAA,IAC/B,OAAO;AAAA,EACT;AAAA,EACA,CAACA,EAAkB,UAAU,GAAG;AAAA,IAC9B,OAAO;AAAA,EACT;AAAA,EACA,CAACA,EAAkB,QAAQ,GAAG;AAAA,IAC5B,OAAO;AAAA,EAAA;AAEX,GAEMC,IAAU;AAAA,EACd,CAACD,EAAkB,KAAK,GAAG;AAAA,IACzB,WAAW;AAAA,EACb;AAAA,EACA,CAACA,EAAkB,MAAM,GAAG;AAAA,IAC1B,WAAW;AAAA,EACb;AAAA,EACA,CAACA,EAAkB,KAAK,GAAG;AAAA,IACzB,WAAW;AAAA,EACb;AAAA,EACA,CAACA,EAAkB,WAAW,GAAG;AAAA,IAC/B,WAAW;AAAA,EACb;AAAA,EACA,CAACA,EAAkB,QAAQ,GAAG;AAAA,IAC5B,WAAW;AAAA,EACb;AAAA,EACA,CAACA,EAAkB,UAAU,GAAG;AAAA,IAC9B,WAAW;AAAA,EAAA;AAEf,GAEaE,IAAc,CAAC;AAAA,EAC1B,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAWJ,EAAkB;AAAA,EAC7B,eAAAK;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,gBAAAC,IAAiB;AACnB,MAAwB;AACtB,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAeC,CAAgB,IAAIF,EAAS,EAAK,GAClD,EAAE,OAAAG,EAAA,IAAUhB,EAAWK,CAAQ,GAC/B,EAAE,WAAAY,EAAA,IAAcf,EAAQG,CAAQ,GAChC,CAACa,GAAYC,CAAW,IAAIN,EAAS,EAAK,GAC1CO,IAAWC,EAAyB,IAAI,GAExCC,IAAajB,MAAaJ,EAAkB,UAC5CsB,IACJlB,MAAaJ,EAAkB,eAC/BI,MAAaJ,EAAkB,YAC3BuB,IAAiBF,IAAa,UAAUN,GACxCS,IAAcH,IAAa,UAAUL,GACrCS,IAAaJ,IAAa,UAAUN,GAEpCW,IAAa,OAAOC,MAAyB;AACjD,IAAIA,MACFA,EAAE,eAAe,GACjBA,EAAE,gBAAgB;AAGpB,UAAMC,IAAQT,EAAS;AAEvB,QAAI,CAACS,GAAO;AACV,cAAQ,MAAM,wBAAwB;AACtC;AAAA,IAAA;AAGE,QAAA;AACF,MAAKf,MACHC,EAAiB,EAAI,GACrBH,EAAa,EAAI,GACjB,MAAMiB,EAAM,KAAK;AAAA,aAEZC,GAAO;AACN,cAAA,MAAM,4BAA4BA,CAAK;AAAA,IAAA;AAAA,EAEnD;AAGE,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAI;AAAA,MACJ,OAAO,EAAE,OAAOR,EAAe;AAAA,MAC/B,WAAWS,EAAK,yBAAyB;AAAA,MAEzC,UAAA;AAAA,QAAAF,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO;AAAA,cACL,QAAQN;AAAA,cACR,OAAOC;AAAA,cACP,GAAIJ,KAAc,EAAE,WAAW,SAAS;AAAA,YAC1C;AAAA,YAEA,UAAA;AAAA,cAAAY,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWD,EAAK,yBAAyB;AAAA,oBACvC,YAAYtB,KAAaG;AAAA,kBAAA,CAC1B;AAAA,kBACD,OAAO;AAAA,oBACL,iBACEP,KAAmB,CAACO,IAChB,QAAQP,CAAe,OACvB;AAAA,oBACN,SAASO,IAAgB,SAAS;AAAA,kBACpC;AAAA,kBACA,SAAS,CAACc,MAAMD,EAAWC,CAAC;AAAA,kBAC5B,cAAYnB;AAAA,kBACZ,MAAK;AAAA,kBAEL,UAAAsB,gBAAAA,EAAA,KAAC,SAAI,WAAWE,EAAK,yBAAyB,EAAE,QAAQtB,EAAW,CAAA,GACjE,UAAA;AAAA,oBAAAuB,gBAAAA,EAAAA,IAAC,SAAI,WAAU,oBACb,gCAACC,GAAU,EAAA,YAAU,IAAC,EACxB,CAAA;AAAA,0CACC,OAAI,EAAA,WAAU,oBAAmB,eAAY,QAC3C,UACH1B,EAAA,CAAA;AAAA,kBAAA,EACF,CAAA;AAAA,gBAAA;AAAA,cACF;AAAA,cACAyB,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,mBACb,UAAAA,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,KAAKd;AAAA,kBACL,UAAQ;AAAA,kBACR,KAAKZ,KAAY;AAAA,kBACjB,cAAYE;AAAA,gBAAA;AAAA,cAAA,EAEhB,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QAECJ,KACCyB,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWE;AAAA,cACTV,IAAc,4BAA4B;AAAA,YAC5C;AAAA,YACA,OAAO,EAAE,OAAOC,EAAe;AAAA,YAE/B,UAAA;AAAA,cAAAU,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAWD;AAAA,oBACT;AAAA,oBACA;AAAA,oBACA;AAAA,kBACF;AAAA,kBAEA,UAAAF,gBAAAA,EAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,WAAWE;AAAA,wBACT;AAAA,wBACA;AAAA,sBACF;AAAA,sBACA,MAAK;AAAA,sBACL,SAAS,MAAMd,EAAY,CAACD,CAAU;AAAA,sBACtC,iBAAeA;AAAA,sBACf,iBAAc;AAAA,sBAEd,UAAA;AAAA,wBAAAgB,gBAAAA,EAAA;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,WAAWD;AAAA,8BACT;AAAA,4BACF;AAAA,4BAEC,UAAA7B;AAAA,0BAAA;AAAA,wBACH;AAAA,wBACA8B,gBAAAA,EAAA;AAAA,0BAACE;AAAA,0BAAA;AAAA,4BACC,OAAO;AAAA,4BACP,WAAWH,EAAK,YAAY,EAAE,UAAUf,GAAY;AAAA,4BACpD,YAAU;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBACZ;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACF;AAAA,cACF;AAAA,cACCA,KACCgB,gBAAAA,EAAA;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,IAAG;AAAA,kBACH,WAAWD;AAAA,oBACT;AAAA,oBACA;AAAA,kBACF;AAAA,kBAEA,UAAAC,gBAAAA,EAAA;AAAA,oBAACG;AAAA,oBAAA;AAAA,sBACC,iBAAgB;AAAA,sBAChB,gBAAe;AAAA,sBACf,aAAa/B;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACf;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}
+{"version":3,"file":"index.es41.js","sources":["../src/components/ui/VideoPlayer/index.tsx"],"sourcesContent":["import { Col } from \"@/components\";\r\nimport { PlayVideo } from \"@/icons\";\r\nimport { ArrowDown } from \"@/icons/ArrowDown\";\r\nimport { RichText } from \"@/sections/RichText\";\r\nimport clsx from \"clsx\";\r\nimport { useRef, useState } from \"react\";\r\nimport \"./VideoPlayer.scss\";\r\nimport type { VideoPlayerProps } from \"./VideoPlayer.types\";\r\nimport { VIDEO_PLAYER_SIZE } from \"./VideoPlayer.types\";\r\n\r\nconst sizeStyles = {\r\n  [VIDEO_PLAYER_SIZE.SMALL]: {\r\n    width: \"311px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\r\n    width: \"388px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.LARGE]: {\r\n    width: \"642px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\r\n    width: \"992px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\r\n    width: \"100%\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\r\n    width: \"360px\",\r\n  },\r\n};\r\n\r\nconst imgSize = {\r\n  [VIDEO_PLAYER_SIZE.SMALL]: {\r\n    heightImg: \"170px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.MEDIUM]: {\r\n    heightImg: \"183px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.LARGE]: {\r\n    heightImg: \"357px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.EXTRA_LARGE]: {\r\n    heightImg: \"400px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.VERTICAL]: {\r\n    heightImg: \"640px\",\r\n  },\r\n  [VIDEO_PLAYER_SIZE.FULL_WIDTH]: {\r\n    heightImg: \"525px\",\r\n  },\r\n};\r\n\r\nexport const VideoPlayer = ({\r\n  btnText = \"Trascrizione\",\r\n  sizeComp = VIDEO_PLAYER_SIZE.LARGE,\r\n  transcription,\r\n  previewImageSrc,\r\n  videoSrc,\r\n  videoTitle,\r\n  videoLang,\r\n  playButtonLabel = \"Riproduci\",\r\n  videoAriaLabel = \"Video player\",\r\n}: VideoPlayerProps) => {\r\n  const [isPlaying, setIsPlaying] = useState(false);\r\n  const [hasPlayedOnce, setHasPlayedOnce] = useState(false);\r\n  const { width } = sizeStyles[sizeComp];\r\n  const { heightImg } = imgSize[sizeComp];\r\n  const [isExpanded, setExpanded] = useState(false);\r\n  const videoRef = useRef<HTMLVideoElement>(null);\r\n\r\n  const isVertical = sizeComp === VIDEO_PLAYER_SIZE.VERTICAL;\r\n  const isLargeSize =\r\n    sizeComp === VIDEO_PLAYER_SIZE.EXTRA_LARGE ||\r\n    sizeComp === VIDEO_PLAYER_SIZE.FULL_WIDTH;\r\n  const containerWidth = isVertical ? \"642px\" : width;\r\n  const videoHeight = isVertical ? \"640px\" : heightImg;\r\n  const videoWidth = isVertical ? \"360px\" : width;\r\n\r\n  const handlePlay = async (e?: React.MouseEvent) => {\r\n    if (e) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n    }\r\n\r\n    const video = videoRef.current;\r\n\r\n    if (!video) {\r\n      console.error(\"no video element found\");\r\n      return;\r\n    }\r\n\r\n    try {\r\n      if (!hasPlayedOnce) {\r\n        setHasPlayedOnce(true);\r\n        setIsPlaying(true);\r\n        await video.play();\r\n      }\r\n    } catch (error) {\r\n      console.error(\"Error controlling video:\", error);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Col\r\n      br={\"x4\"}\r\n      style={{ width: containerWidth }}\r\n      className={clsx(\"video-section-container\")}\r\n    >\r\n      <div\r\n        className=\"video-player-container\"\r\n        style={{\r\n          height: videoHeight,\r\n          width: videoWidth,\r\n          ...(isVertical && { alignSelf: \"center\" }),\r\n        }}\r\n      >\r\n        <button\r\n          className={clsx(\"start-video-container\", {\r\n            \"fade-out\": isPlaying || hasPlayedOnce,\r\n          })}\r\n          style={{\r\n            backgroundImage:\r\n              previewImageSrc && !hasPlayedOnce\r\n                ? `url(\"${previewImageSrc}\")`\r\n                : \"none\",\r\n            display: hasPlayedOnce ? \"none\" : \"block\",\r\n          }}\r\n          onClick={(e) => handlePlay(e)}\r\n          type=\"button\"\r\n        >\r\n          <div className={clsx(\"play-button-container\", { hidden: isPlaying })}>\r\n            <div className=\"play-button-icon\">\r\n              <PlayVideo decorative />\r\n            </div>\r\n            <div className=\"play-button-text\">\r\n              {playButtonLabel}\r\n            </div>\r\n          </div>\r\n        </button>\r\n        <div className=\"video-container\">\r\n          <video\r\n            ref={videoRef}\r\n            controls\r\n            src={videoSrc || undefined}\r\n            aria-label={videoAriaLabel}\r\n            title={videoTitle ? videoTitle : undefined}\r\n          >\r\n            <source src={videoSrc || undefined} />\r\n            {videoLang  && (\r\n              <track kind=\"subtitles\" src=\"subtitles_en.vtt\" srcLang={videoLang === 'italiano' ? \"it\" : \"en\"} />\r\n            )} {/* da integrare con file VTT :  www.w3schools.com/TAGS/att_srclang.asp */}\r\n          </video>\r\n        </div>\r\n      </div>\r\n\r\n      {transcription && (\r\n        <div\r\n          className={clsx(\r\n            isLargeSize ? \"transcription-container\" : \"ui-has-border-bottom\",\r\n          )}\r\n          style={{ width: containerWidth }}\r\n        >\r\n          <div\r\n            className={clsx(\r\n              \"expand-button-container\",\r\n              \"accordion\",\r\n              \"base-row justify-content-between align-items-center\",\r\n            )}\r\n          >\r\n            <button\r\n              className={clsx(\r\n                \"ui-btn-accordion-video\",\r\n                \"base-row justify-content-between align-items-center\",\r\n              )}\r\n              type=\"button\"\r\n              onClick={() => setExpanded(!isExpanded)}\r\n              aria-expanded={isExpanded}\r\n              aria-controls=\"transcription-content\"\r\n            >\r\n              <span\r\n                className={clsx(\r\n                  \"fw-semibold text-primary base-col justify-content-center fs-custom text-decoration-underline\",\r\n                )}\r\n              >\r\n                {btnText}\r\n              </span>\r\n              <ArrowDown\r\n                color={\"primary\"}\r\n                className={clsx(\"ui-arrow\", { expanded: isExpanded })}\r\n                decorative\r\n              />\r\n            </button>\r\n          </div>\r\n          {isExpanded && (\r\n            <div\r\n              id=\"transcription-content\"\r\n              className={clsx(\r\n                \"transcription-text-container\",\r\n                \"pt-x8 px-x24 pb-x40 fs-6 fw-regular text-grey-black\",\r\n              )}\r\n            >\r\n              <RichText\r\n                additionalClass=\"text-black text-charcoal-dust rich-text-element\"\r\n                classNameTitle=\"heading-2-lg fw-extra-bold text-black text-charcoal-dust\"\r\n                description={transcription}\r\n              />\r\n            </div>\r\n          )}\r\n        </div>\r\n      )}\r\n    </Col>\r\n  );\r\n};\r\n\r\nexport { VIDEO_PLAYER_SIZE };\r\nexport type { VideoPlayerProps };\r\n\r\n"],"names":["sizeStyles","VIDEO_PLAYER_SIZE","imgSize","VideoPlayer","btnText","sizeComp","transcription","previewImageSrc","videoSrc","videoTitle","videoLang","playButtonLabel","videoAriaLabel","isPlaying","setIsPlaying","useState","hasPlayedOnce","setHasPlayedOnce","width","heightImg","isExpanded","setExpanded","videoRef","useRef","isVertical","isLargeSize","containerWidth","videoHeight","videoWidth","handlePlay","e","video","error","jsxs","Col","clsx","jsx","PlayVideo","ArrowDown","RichText"],"mappings":"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"}

package/dist/index.es42.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es42.js","sources":["../src/components/ui/VideoPlayer/VideoPlayer.types.ts"],"sourcesContent":["export enum VIDEO_PLAYER_SIZE {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  EXTRA_LARGE = \"extra-large\",\n  VERTICAL = \"vertical\",\n  FULL_WIDTH = \"full-width\",\n}\n\nexport type VideoPlayerProps = {\n  btnText?: string;\n  sizeComp?: VIDEO_PLAYER_SIZE;\n  previewImageSrc?: string;\n  transcription?: string;\n  videoSrc: string;\n  playButtonLabel?: string;\n  videoAriaLabel?: string;\n  transcriptionHeading?: string;\n  transcriptionHeadingLevel?: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n};\n"],"names":["VIDEO_PLAYER_SIZE"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,cAAc,eACdA,EAAA,WAAW,YACXA,EAAA,aAAa,cANHA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"index.es42.js","sources":["../src/components/ui/VideoPlayer/VideoPlayer.types.ts"],"sourcesContent":["export enum VIDEO_PLAYER_SIZE {\r\n  SMALL = \"small\",\r\n  MEDIUM = \"medium\",\r\n  LARGE = \"large\",\r\n  EXTRA_LARGE = \"extra-large\",\r\n  VERTICAL = \"vertical\",\r\n  FULL_WIDTH = \"full-width\",\r\n}\r\n\r\nexport type VideoPlayerProps = {\r\n  btnText?: string;\r\n  sizeComp?: VIDEO_PLAYER_SIZE;\r\n  previewImageSrc?: string;\r\n  transcription?: string;\r\n  videoSrc: string;\r\n  videoTitle?: string;\r\n  videoLang?: string;\r\n  playButtonLabel?: string;\r\n  videoAriaLabel?: string;\r\n  transcriptionHeading?: string;\r\n  transcriptionHeadingLevel?: \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\r\n};\r\n"],"names":["VIDEO_PLAYER_SIZE"],"mappings":"AAAY,IAAAA,sBAAAA,OACVA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,cAAc,eACdA,EAAA,WAAW,YACXA,EAAA,aAAa,cANHA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/index.es420.js

@@ -1,12 +1,12 @@
 import * as e from "react";
-import l from "./index.es620.js";
-import { scrollAreaPropDefs as r } from "./index.es632.js";
-import { extractMarginProps as E } from "./index.es633.js";
-import { getMarginStyles as z } from "./index.es634.js";
-import { getResponsiveClassNames as i } from "./index.es635.js";
-import { getSubtree as C } from "./index.es636.js";
-import { mergeStyles as R } from "./index.es637.js";
-import { Root as V, Viewport as $, Scrollbar as m, Thumb as n, Corner as w } from "./index.es638.js";
+import l from "./index.es621.js";
+import { scrollAreaPropDefs as r } from "./index.es633.js";
+import { extractMarginProps as E } from "./index.es634.js";
+import { getMarginStyles as z } from "./index.es635.js";
+import { getResponsiveClassNames as i } from "./index.es636.js";
+import { getSubtree as C } from "./index.es637.js";
+import { mergeStyles as R } from "./index.es638.js";
+import { Root as V, Viewport as $, Scrollbar as m, Thumb as n, Corner as w } from "./index.es639.js";
 const D = e.forwardRef((p, u) => {
   const { rest: d, ...f } = E(p), [S, N] = z(f), { asChild: t, children: A, className: b, style: h, type: s, scrollHideDelay: y = s !== "scroll" ? 0 : void 0, dir: P, size: o = r.size.default, radius: c = r.radius.default, scrollbars: a = r.scrollbars.default, ...v } = d;
   return e.createElement(V, { type: s, scrollHideDelay: y, className: l("rt-ScrollAreaRoot", S, b), style: R(N, h), asChild: t }, C({ asChild: t, children: A }, (g) => e.createElement(e.Fragment, null, e.createElement($, { ...v, ref: u, className: "rt-ScrollAreaViewport" }, g), e.createElement("div", { className: "rt-ScrollAreaViewportFocusRing" }), a !== "vertical" ? e.createElement(m, { "data-radius": c, orientation: "horizontal", className: l("rt-ScrollAreaScrollbar", i({ className: "rt-r-size", value: o, propValues: r.size.values })) }, e.createElement(n, { className: "rt-ScrollAreaThumb" })) : null, a !== "horizontal" ? e.createElement(m, { "data-radius": c, orientation: "vertical", className: l("rt-ScrollAreaScrollbar", i({ className: "rt-r-size", value: o, propValues: r.size.values })) }, e.createElement(n, { className: "rt-ScrollAreaThumb" })) : null, a === "both" ? e.createElement(w, { className: "rt-ScrollAreaCorner" }) : null)));

package/dist/index.es429.js

@@ -1,20 +1,32 @@
 import { j as e } from "./index.es249.js";
 import { clsx as a } from "./index.es251.js";
-const n = ({
-  title: t,
-  badge: s,
-  content: c,
-  isOpen: i,
-  onToggle: r
-}) => /* @__PURE__ */ e.jsxs("div", { className: a("step-item-generic-accordion", i && "isOpen"), children: [
-  /* @__PURE__ */ e.jsxs("div", { className: "step-header", onClick: r, children: [
-    /* @__PURE__ */ e.jsx("div", { className: "step-title", children: t }),
-    s && /* @__PURE__ */ e.jsx("div", { className: "step-badge", children: s }),
-    /* @__PURE__ */ e.jsx("div", { className: "step-arrow", children: /* @__PURE__ */ e.jsx("svg", { className: "arrow-icon", xmlns: "http://www.w3.org/2000/svg", width: "24", height: "25", viewBox: "0 0 24 25", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ e.jsx("path", { d: "M12 15.5855L6.40002 9.98555L7.10002 9.18555L12 14.0855L16.9 9.18555L17.6 9.98555L12 15.5855Z", fill: "#207AD5" }) }) })
-  ] }),
-  /* @__PURE__ */ e.jsx("div", { className: "step-details", children: /* @__PURE__ */ e.jsx("div", { className: "step-details-content", children: i && /* @__PURE__ */ e.jsx("div", { className: "step-content", children: c }) }) })
+import { StepArrow as d } from "./index.es529.js";
+const m = ({ title: i, badge: t, content: r, isOpen: s, onToggle: c }) => /* @__PURE__ */ e.jsxs("div", { className: a("step-item-generic-accordion", s && "isOpen"), children: [
+  /* @__PURE__ */ e.jsxs(
+    "button",
+    {
+      type: "button",
+      className: "step-header",
+      onClick: c,
+      "aria-expanded": s,
+      children: [
+        /* @__PURE__ */ e.jsx("div", { className: "step-title", children: i }),
+        t && /* @__PURE__ */ e.jsx("div", { className: "step-badge", children: t }),
+        /* @__PURE__ */ e.jsx("div", { className: "step-arrow", children: /* @__PURE__ */ e.jsx(
+          d,
+          {
+            width: 24,
+            height: 25,
+            className: "arrow-icon",
+            decorative: !0
+          }
+        ) })
+      ]
+    }
+  ),
+  /* @__PURE__ */ e.jsx("div", { className: "step-details", children: /* @__PURE__ */ e.jsx("div", { className: "step-details-content", children: s && /* @__PURE__ */ e.jsx("div", { className: "step-content", children: r }) }) })
 ] });
 export {
-  n as StepItemGenericAccordion
+  m as StepItemGenericAccordion
 };
 //# sourceMappingURL=index.es429.js.map

package/dist/index.es429.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es429.js","sources":["../src/components/ui/Accordion/GenericAccordion/StepItemGenericAccordion/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\n\r\nexport interface StepDataGenericAccordion {\r\n  title: string;\r\n  badge?: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface StepItemPropsGenericAccordion extends StepDataGenericAccordion {\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n}\r\n\r\nexport const StepItemGenericAccordion: React.FC<StepItemPropsGenericAccordion> = ({\r\n  title,\r\n  badge,\r\n  content,\r\n  isOpen,\r\n  onToggle,\r\n}) => {\r\n  return (\r\n    <div className={clsx(\"step-item-generic-accordion\", isOpen && \"isOpen\")}>\r\n      <div className=\"step-header\" onClick={onToggle}>\r\n        <div className=\"step-title\">{title}</div>\r\n        {badge && <div className=\"step-badge\">{badge}</div>}\r\n        <div className=\"step-arrow\">\r\n          <svg className=\"arrow-icon\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"25\" viewBox=\"0 0 24 25\" fill=\"none\" aria-hidden=\"true\">\r\n            <path d=\"M12 15.5855L6.40002 9.98555L7.10002 9.18555L12 14.0855L16.9 9.18555L17.6 9.98555L12 15.5855Z\" fill=\"#207AD5\"/>\r\n          </svg>\r\n        </div>\r\n      </div>\r\n\r\n      <div className=\"step-details\">\r\n        <div className=\"step-details-content\">\r\n          {isOpen && <div className=\"step-content\">{content}</div>}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["StepItemGenericAccordion","title","badge","content","isOpen","onToggle","clsx","jsxs","jsx"],"mappings":";;AAaO,MAAMA,IAAoE,CAAC;AAAA,EAChF,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AACF,6BAEK,OAAI,EAAA,WAAWC,EAAK,+BAA+BF,KAAU,QAAQ,GACpE,UAAA;AAAA,EAAAG,gBAAAA,EAAA,KAAC,OAAI,EAAA,WAAU,eAAc,SAASF,GACpC,UAAA;AAAA,IAACG,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,cAAc,UAAMP,GAAA;AAAA,IAClCC,KAASM,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,cAAc,UAAMN,GAAA;AAAA,IAC7CM,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,cACb,UAAAA,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,cAAa,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,eAAY,QAChI,UAAAA,gBAAAA,EAAAA,IAAC,QAAK,EAAA,GAAE,gGAA+F,MAAK,UAAS,CAAA,EAAA,CACvH,EACF,CAAA;AAAA,EAAA,GACF;AAAA,EAECA,gBAAAA,MAAA,OAAA,EAAI,WAAU,gBACb,gCAAC,OAAI,EAAA,WAAU,wBACZ,UAAAJ,2BAAW,OAAI,EAAA,WAAU,gBAAgB,UAAAD,GAAQ,GACpD,EACF,CAAA;AAAA,GACF;"}
+{"version":3,"file":"index.es429.js","sources":["../src/components/ui/Accordion/GenericAccordion/StepItemGenericAccordion/index.tsx"],"sourcesContent":["import clsx from \"clsx\";\r\nimport { StepArrow } from \"../../../../../icons/StepArrow\";\r\n\r\nexport interface StepDataGenericAccordion {\r\n  title: string;\r\n  badge?: string;\r\n  content: React.ReactNode;\r\n}\r\n\r\ninterface StepItemPropsGenericAccordion extends StepDataGenericAccordion {\r\n  isOpen: boolean;\r\n  onToggle: () => void;\r\n}\r\n\r\nexport const StepItemGenericAccordion: React.FC<\r\n  StepItemPropsGenericAccordion\r\n> = ({ title, badge, content, isOpen, onToggle }) => {\r\n  return (\r\n    <div className={clsx(\"step-item-generic-accordion\", isOpen && \"isOpen\")}>\r\n      <button\r\n        type=\"button\"\r\n        className=\"step-header\"\r\n        onClick={onToggle}\r\n        aria-expanded={isOpen}\r\n      >\r\n        <div className=\"step-title\">{title}</div>\r\n        {badge && <div className=\"step-badge\">{badge}</div>}\r\n        <div className=\"step-arrow\">\r\n          <StepArrow\r\n            width={24}\r\n            height={25}\r\n            className=\"arrow-icon\"\r\n            decorative={true}\r\n          />\r\n        </div>\r\n      </button>\r\n\r\n      <div className=\"step-details\">\r\n        <div className=\"step-details-content\">\r\n          {isOpen && <div className=\"step-content\">{content}</div>}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["StepItemGenericAccordion","title","badge","content","isOpen","onToggle","clsx","jsxs","jsx","StepArrow"],"mappings":";;;AAca,MAAAA,IAET,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,QAAAC,GAAQ,UAAAC,+BAEjC,OAAI,EAAA,WAAWC,EAAK,+BAA+BF,KAAU,QAAQ,GACpE,UAAA;AAAA,EAAAG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAU;AAAA,MACV,SAASF;AAAA,MACT,iBAAeD;AAAA,MAEf,UAAA;AAAA,QAACI,gBAAAA,EAAA,IAAA,OAAA,EAAI,WAAU,cAAc,UAAMP,GAAA;AAAA,QAClCC,KAASM,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAU,cAAc,UAAMN,GAAA;AAAA,QAC7CM,gBAAAA,EAAAA,IAAC,OAAI,EAAA,WAAU,cACb,UAAAA,gBAAAA,EAAA;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,WAAU;AAAA,YACV,YAAY;AAAA,UAAA;AAAA,QAAA,EAEhB,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAAA,EAECD,gBAAAA,MAAA,OAAA,EAAI,WAAU,gBACb,gCAAC,OAAI,EAAA,WAAU,wBACZ,UAAAJ,2BAAW,OAAI,EAAA,WAAU,gBAAgB,UAAAD,GAAQ,GACpD,EACF,CAAA;AAAA,GACF;"}

package/dist/index.es439.js

@@ -1,4 +1,4 @@
-import { __require as r } from "./index.es518.js";
+import { __require as r } from "./index.es523.js";
 var i = r();
 export {
   i as d

package/dist/index.es443.js

@@ -1,5 +1,5 @@
 import { j as t } from "./index.es249.js";
-import './components/ui/ConsentModal/ConsentModalFooter/ConsentModalFooter.css';/* empty css            */
+import './components/ui/DoctorConfirmModal/DoctorConfirmModalFooter/DoctorConfirmModalFooter.css';/* empty css            */
 const s = ({
   children: o
 }) => /* @__PURE__ */ t.jsx("footer", { className: "ui-consent-modal-footer bg-white shadow", children: o });

package/dist/index.es451.js

@@ -1,4 +1,4 @@
-import { CardRoot as o } from "./index.es526.js";
+import { CardRoot as o } from "./index.es522.js";
 const r = {
   Root: o
 };

package/dist/index.es462.js

@@ -1,4 +1,4 @@
-import { __exports as e } from "./index.es527.js";
+import { __exports as e } from "./index.es518.js";
 /**
  * @license React
  * react-jsx-runtime.production.js

package/dist/index.es463.js

@@ -1,4 +1,4 @@
-import { __exports as u } from "./index.es528.js";
+import { __exports as u } from "./index.es519.js";
 import B from "react";
 /**
  * @license React