npm - @cuemath/leap - Versions diffs - 3.1.15 → 3.1.17-hg1 - Mend

@cuemath/leap 3.1.15 → 3.1.17-hg1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1305) hide show

package/dist/features/ui/lottie-animation/lottie-animation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"lottie-animation.js","sources":["../../../../src/features/ui/lottie-animation/lottie-animation.tsx"],"sourcesContent":["import type { ILottieAnimationProps, ILottieAnimationRef } from './types';\nimport type { AnimationEventName, AnimationItem, AnimationSegment } from 'lottie-web';\n\nimport lottie from 'lottie-web';\nimport { forwardRef, memo, useEffect, useImperativeHandle, useRef } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport { fetchLottie } from './helper';\n\nconst LottieAnimation = forwardRef<ILottieAnimationRef, ILottieAnimationProps>((props, ref) => {\n const {\n src,\n width = '100%',\n height = '100%',\n settings,\n eventListener,\n onRender,\n animateOnIntersect,\n } = props;\n\n const container = useRef<HTMLDivElement>(null);\n const animationInstance = useRef<AnimationItem \| null>(null);\n const intersectionObserver = useRef<IntersectionObserver \| null>(null);\n\n useImperativeHandle(\n ref,\n () => ({\n playSegments: (segments: AnimationSegment, forceFlag?: boolean) =>\n animationInstance.current?.playSegments(segments, forceFlag),\n addEventListener: (eventName: string, callback: () => void) =>\n animationInstance.current?.addEventListener(eventName as AnimationEventName, callback),\n removeEventListener: (eventName: string, callback: () => void) =>\n animationInstance.current?.removeEventListener(eventName as AnimationEventName, callback),\n play: () => animationInstance.current?.play(),\n stop: () => animationInstance.current?.stop(),\n }),\n [],\n );\n\n useEffect(() => {\n let destroyed = false;\n\n const loadAnimation = async () => {\n try {\n const animationData = await fetchLottie(src);\n\n // Wait for layout\n // NOTE: Do not remove this as this is needed to fix canvas rendering on first layout.\n requestAnimationFrame(() => {\n if (!container.current \|\| destroyed) return;\n\n animationInstance.current = lottie.loadAnimation({\n container: container.current,\n animationData,\n loop: true,\n autoplay: true,\n ...settings,\n });\n\n if (animateOnIntersect) {\n intersectionObserver.current = new IntersectionObserver(\n ([entry]) => {\n if (entry && entry.isIntersecting) {\n animationInstance.current?.play();\n } else {\n animationInstance.current?.pause();\n }\n },\n { threshold: 0 },\n );\n\n intersectionObserver.current.observe(container.current);\n }\n\n onRender?.();\n if (eventListener) {\n animationInstance.current.addEventListener(eventListener.name, eventListener.callback);\n }\n });\n } catch (error) {\n throw Error(`Error loading Lottie animation: ${error}`);\n }\n };\n\n loadAnimation();\n\n return () => {\n destroyed = true;\n if (animationInstance.current) {\n if (eventListener) {\n animationInstance.current.removeEventListener(eventListener.name, eventListener.callback);\n }\n\n if (animateOnIntersect) {\n intersectionObserver.current?.disconnect();\n }\n animationInstance.current.destroy();\n }\n };\n }, [src, eventListener, onRender, animateOnIntersect, settings]);\n\n return <FlexView ref={container} $width={width} $height={height} />;\n});\n\nexport default memo(LottieAnimation);\n"],"names":["LottieAnimation","forwardRef","props","ref","src","width","height","settings","eventListener","onRender","animateOnIntersect","container","useRef","animationInstance","intersectionObserver","useImperativeHandle","segments","forceFlag","_a","eventName","callback","useEffect","destroyed","animationData","fetchLottie","lottie","entry","_b","error","FlexView","LottieAnimation$1","memo"],"mappings":";;;;;AASA,MAAMA,IAAkBC,EAAuD,CAACC,GAAOC,MAAQ;AACvF,QAAA;AAAA,IACJ,KAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,~~EACE~~,~~IAAAR~~,GAEES,IAAYC,EAAuB,IAAI,GACvCC,IAAoBD,EAA6B,IAAI,GACrDE,IAAuBF,EAAoC,IAAI;AAErE,SAAAG;AAAA,IACEZ;AAAA,IACA,OAAO;AAAA,MACL,cAAc,CAACa,GAA4BC,MACzC;;AAAA,gBAAAC,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B,aAAaF,GAAUC;AAAA;AAAA,MACpD,kBAAkB,CAACE,GAAmBC,MACpC;;AAAA,gBAAAF,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B,iBAAiBC,GAAiCC;AAAA;AAAA,MAC/E,qBAAqB,CAACD,GAAmBC,MACvC;;AAAA,gBAAAF,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B,oBAAoBC,GAAiCC;AAAA;AAAA,MAClF,MAAM,MAAM;;AAAA,gBAAAF,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B;AAAA;AAAA,MACvC,MAAM,~~MAAM~~;;~~AAAA~~,gBAAAA,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B;AAAA;AAAA,IAAK;AAAA,IAE9C,~~CAAC~~;AAAA,~~EAAA~~,~~GAGHG~~,EAAU,MAAM;AACd,QAAIC,IAAY;AA4CF,YA1CQ,YAAY;AAC5B,UAAA;AACI,cAAAC,IAAgB,MAAMC,EAAYpB,CAAG;AAI3C,8BAAsB,MAAM;AACtB,UAAA,CAACO,EAAU,WAAWW,MAERT,EAAA,UAAUY,EAAO,cAAc;AAAA,YAC/C,WAAWd,EAAU;AAAA,YACrB,eAAAY;AAAA,YACA,MAAM;AAAA,YACN,UAAU;AAAA,YACV,GAAGhB;AAAA,UAAA,CACJ,GAEGG,MACFI,EAAqB,UAAU,IAAI;AAAA,YACjC,CAAC,CAACY,CAAK,MAAM;;AACP,cAAAA,KAASA,EAAM,kBACjBR,IAAAL,EAAkB,YAAlB,QAAAK,EAA2B,UAE3BS,IAAAd,EAAkB,YAAlB,QAAAc,EAA2B;AAAA,YAE/B;AAAA,YACA,EAAE,WAAW,EAAE;AAAA,~~UAAA~~,~~GAGIb~~,EAAA,QAAQ,QAAQH,EAAU,OAAO,IAG7CF,KAAA,QAAAA,KACPD,KACFK,EAAkB,QAAQ,iBAAiBL,EAAc,MAAMA,EAAc,QAAQ;AAAA,QACvF,CACD;AAAA,eACMoB,GAAO;AACR,cAAA,MAAM,mCAAmCA,CAAK,EAAE;AAAA,~~MACxD~~;AAAA,~~IAAA~~,~~MAKK~~,MAAM;;AACC,MAAAN,IAAA,IACRT,EAAkB,YAChBL,KACFK,EAAkB,QAAQ,oBAAoBL,EAAc,MAAMA,EAAc,QAAQ,GAGtFE,OACFQ,IAAAJ,EAAqB,YAArB,QAAAI,EAA8B,eAEhCL,EAAkB,QAAQ;~~IAC5B~~;AAAA,~~EACF~~,GACC,CAACT,GAAKI,GAAeC,GAAUC,GAAoBH,CAAQ,CAAC,qBAEvDsB,GAAS,EAAA,KAAKlB,GAAW,QAAQN,GAAO,SAASC,~~EAAQ,CAAA~~;AACnE,CAAC,GAEcwB,IAAAC,EAAK/B,CAAe;"}
1	+ {"version":3,"file":"lottie-animation.js","sources":["../../../../src/features/ui/lottie-animation/lottie-animation.tsx"],"sourcesContent":["import type { ILottieAnimationProps, ILottieAnimationRef } from './types';\nimport type { AnimationEventName, AnimationItem, AnimationSegment } from 'lottie-web';\n\nimport lottie from 'lottie-web';\nimport { forwardRef, memo, useEffect, useImperativeHandle, useRef } from 'react';\n\nimport FlexView from '../layout/flex-view';\nimport { fetchLottie } from './helper';\n\nconst LottieAnimation = forwardRef<ILottieAnimationRef, ILottieAnimationProps>((props, ref) => {\n const {\n src,\n width = '100%',\n height = '100%',\n settings,\n eventListener,\n onRender,\n animateOnIntersect,\n } = props;\n\n const container = useRef<HTMLDivElement>(null);\n const animationInstance = useRef<AnimationItem \| null>(null);\n const intersectionObserver = useRef<IntersectionObserver \| null>(null);\n\n useImperativeHandle(\n ref,\n () => ({\n playSegments: (segments: AnimationSegment, forceFlag?: boolean) =>\n animationInstance.current?.playSegments(segments, forceFlag),\n addEventListener: (eventName: string, callback: () => void) =>\n animationInstance.current?.addEventListener(eventName as AnimationEventName, callback),\n removeEventListener: (eventName: string, callback: () => void) =>\n animationInstance.current?.removeEventListener(eventName as AnimationEventName, callback),\n play: () => animationInstance.current?.play(),\n stop: () => animationInstance.current?.stop(),\n }),\n [],\n );\n\n useEffect(() => {\n let destroyed = false;\n\n const loadAnimation = async () => {\n try {\n const animationData = await fetchLottie(src);\n\n // Wait for layout\n // NOTE: Do not remove this as this is needed to fix canvas rendering on first layout.\n requestAnimationFrame(() => {\n if (!container.current \|\| destroyed) return;\n\n animationInstance.current = lottie.loadAnimation({\n container: container.current,\n animationData,\n loop: true,\n autoplay: true,\n ...settings,\n });\n\n if (animateOnIntersect) {\n intersectionObserver.current = new IntersectionObserver(\n ([entry]) => {\n if (entry && entry.isIntersecting) {\n animationInstance.current?.play();\n } else {\n animationInstance.current?.pause();\n }\n },\n { threshold: 0 },\n );\n\n intersectionObserver.current.observe(container.current);\n }\n\n onRender?.();\n if (eventListener) {\n animationInstance.current.addEventListener(eventListener.name, eventListener.callback);\n }\n });\n } catch (error) {\n throw Error(`Error loading Lottie animation: ${error}`);\n }\n };\n\n loadAnimation();\n\n return () => {\n destroyed = true;\n if (animationInstance.current) {\n if (eventListener) {\n animationInstance.current.removeEventListener(eventListener.name, eventListener.callback);\n }\n\n if (animateOnIntersect) {\n intersectionObserver.current?.disconnect();\n }\n animationInstance.current.destroy();\n }\n };\n }, [src, eventListener, onRender, animateOnIntersect, settings]);\n\n return <FlexView ref={container} $width={width} $height={height} />;\n});\n\nexport default memo(LottieAnimation);\n"],"names":["LottieAnimation","forwardRef","props","ref","src","width","height","settings","eventListener","onRender","animateOnIntersect","container","useRef","animationInstance","intersectionObserver","useImperativeHandle","segments","forceFlag","_a","eventName","callback","useEffect","destroyed","animationData","fetchLottie","lottie","entry","_b","error","FlexView","LottieAnimation$1","memo"],"mappings":";;;;;AASA,MAAMA,IAAkBC,EAAuD,CAACC,GAAOC,MAAQ;AACvF,QAAA;AAAA,IACJ,KAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,QAAAC,IAAS;AAAA,IACT,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,UAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,IACER,GAEES,IAAYC,EAAuB,IAAI,GACvCC,IAAoBD,EAA6B,IAAI,GACrDE,IAAuBF,EAAoC,IAAI;AAErE,SAAAG;AAAA,IACEZ;AAAA,IACA,OAAO;AAAA,MACL,cAAc,CAACa,GAA4BC,MACzC;;AAAA,gBAAAC,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B,aAAaF,GAAUC;AAAA;AAAA,MACpD,kBAAkB,CAACE,GAAmBC,MACpC;;AAAA,gBAAAF,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B,iBAAiBC,GAAiCC;AAAA;AAAA,MAC/E,qBAAqB,CAACD,GAAmBC,MACvC;;AAAA,gBAAAF,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B,oBAAoBC,GAAiCC;AAAA;AAAA,MAClF,MAAM,MAAM;;AAAA,gBAAAF,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B;AAAA;AAAA,MACvC,MAAM,MAAA;;AAAM,gBAAAA,IAAAL,EAAkB,YAAlB,gBAAAK,EAA2B;AAAA;AAAA,IAAK;AAAA,IAE9C,CAAA;AAAA,EACF,GAEAG,EAAU,MAAM;AACd,QAAIC,IAAY;AA4CF,YA1CQ,YAAY;AAC5B,UAAA;AACI,cAAAC,IAAgB,MAAMC,EAAYpB,CAAG;AAI3C,8BAAsB,MAAM;AACtB,UAAA,CAACO,EAAU,WAAWW,MAERT,EAAA,UAAUY,EAAO,cAAc;AAAA,YAC/C,WAAWd,EAAU;AAAA,YACrB,eAAAY;AAAA,YACA,MAAM;AAAA,YACN,UAAU;AAAA,YACV,GAAGhB;AAAA,UAAA,CACJ,GAEGG,MACFI,EAAqB,UAAU,IAAI;AAAA,YACjC,CAAC,CAACY,CAAK,MAAM;;AACP,cAAAA,KAASA,EAAM,kBACjBR,IAAAL,EAAkB,YAAlB,QAAAK,EAA2B,UAE3BS,IAAAd,EAAkB,YAAlB,QAAAc,EAA2B;AAAA,YAE/B;AAAA,YACA,EAAE,WAAW,EAAE;AAAA,UACjB,GAEqBb,EAAA,QAAQ,QAAQH,EAAU,OAAO,IAG7CF,KAAA,QAAAA,KACPD,KACFK,EAAkB,QAAQ,iBAAiBL,EAAc,MAAMA,EAAc,QAAQ;AAAA,QACvF,CACD;AAAA,eACMoB,GAAO;AACR,cAAA,MAAM,mCAAmCA,CAAK,EAAE;AAAA,MAAA;AAAA,IAE1D,GAEc,GAEP,MAAM;;AACC,MAAAN,IAAA,IACRT,EAAkB,YAChBL,KACFK,EAAkB,QAAQ,oBAAoBL,EAAc,MAAMA,EAAc,QAAQ,GAGtFE,OACFQ,IAAAJ,EAAqB,YAArB,QAAAI,EAA8B,eAEhCL,EAAkB,QAAQ,QAAQ;AAAA,IAEtC;AAAA,EAAA,GACC,CAACT,GAAKI,GAAeC,GAAUC,GAAoBH,CAAQ,CAAC,qBAEvDsB,GAAS,EAAA,KAAKlB,GAAW,QAAQN,GAAO,SAASC,GAAQ;AACnE,CAAC,GAEcwB,IAAAC,EAAK/B,CAAe;"}

package/dist/features/ui/modals/modal-helpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modal-helpers.js","sources":["../../../../src/features/ui/modals/modal-helpers.ts"],"sourcesContent":["/*\n Locks scrolling on the body element while preserving the scrollbar width to prevent layout shifts.\n * Stores original style values in data attributes for later restoration.\n /\nexport const lockScroll = (): void => {\n // Calculate if scrollbar is present\n const hasScrollbar = window.innerWidth > document.documentElement.clientWidth;\n\n // Save original overflow state regardless\n document.body.dataset.originalOverflow = document.body.style.overflow \|\| '';\n\n if (hasScrollbar) {\n // Calculate scrollbar width\n const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n\n // Save original padding\n document.body.dataset.originalPadding = document.body.style.paddingRight \|\| '';\n\n // Get current padding if any\n const currentPadding = parseInt(window.getComputedStyle(document.body).paddingRight, 10) \|\| 0;\n\n // Add padding to prevent content shift when scrollbar disappears\n document.body.style.paddingRight = `${currentPadding + scrollbarWidth}px`;\n }\n\n // Lock scroll\n document.body.style.overflow = 'hidden';\n document.body.style.touchAction = 'none'; // Prevent touch scrolling on mobile\n};\n\n/\n Unlocks scrolling on the body element and restores original styles.\n * Uses stored data attributes from lockScroll to restore previous state.\n */\nexport const unlockScroll = (): void => {\n // Restore original padding if it was set\n if (document.body.dataset.originalPadding !== undefined) {\n document.body.style.paddingRight = document.body.dataset.originalPadding;\n delete document.body.dataset.originalPadding;\n }\n\n // Restore original overflow\n if (document.body.dataset.originalOverflow !== undefined) {\n document.body.style.overflow = document.body.dataset.originalOverflow;\n delete document.body.dataset.originalOverflow;\n } else {\n document.body.style.overflow = '';\n }\n\n document.body.style.touchAction = '';\n};\n"],"names":["lockScroll","hasScrollbar","scrollbarWidth","currentPadding","unlockScroll"],"mappings":"AAIO,MAAMA,IAAa,MAAY;AAEpC,QAAMC,IAAe,OAAO,aAAa,SAAS,gBAAgB;AAKlE,MAFA,SAAS,KAAK,QAAQ,mBAAmB,SAAS,KAAK,MAAM,YAAY,IAErEA,GAAc;AAEhB,UAAMC,IAAiB,OAAO,aAAa,SAAS,gBAAgB;AAGpE,aAAS,KAAK,QAAQ,kBAAkB,SAAS,KAAK,MAAM,gBAAgB;AAGtE,UAAAC,IAAiB,SAAS,OAAO,iBAAiB,SAAS,IAAI,EAAE,cAAc,EAAE,KAAK;AAG5F,aAAS,KAAK,MAAM,eAAe,GAAGA,IAAiBD,CAAc;AAAA,~~EACvE~~;~~AAGS~~,WAAA,KAAK,MAAM,WAAW,UACtB,SAAA,KAAK,MAAM,cAAc;AACpC,GAMaE,IAAe,MAAY;AAEtC,EAAI,SAAS,KAAK,QAAQ,oBAAoB,WAC5C,SAAS,KAAK,MAAM,eAAe,SAAS,KAAK,QAAQ,iBAClD,OAAA,SAAS,KAAK,QAAQ,kBAI3B,SAAS,KAAK,QAAQ,qBAAqB,UAC7C,SAAS,KAAK,MAAM,WAAW,SAAS,KAAK,QAAQ,kBAC9C,OAAA,SAAS,KAAK,QAAQ,oBAEpB,SAAA,KAAK,MAAM,WAAW,IAGxB,SAAA,KAAK,MAAM,cAAc;AACpC;"}
1	+ {"version":3,"file":"modal-helpers.js","sources":["../../../../src/features/ui/modals/modal-helpers.ts"],"sourcesContent":["/*\n Locks scrolling on the body element while preserving the scrollbar width to prevent layout shifts.\n * Stores original style values in data attributes for later restoration.\n /\nexport const lockScroll = (): void => {\n // Calculate if scrollbar is present\n const hasScrollbar = window.innerWidth > document.documentElement.clientWidth;\n\n // Save original overflow state regardless\n document.body.dataset.originalOverflow = document.body.style.overflow \|\| '';\n\n if (hasScrollbar) {\n // Calculate scrollbar width\n const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n\n // Save original padding\n document.body.dataset.originalPadding = document.body.style.paddingRight \|\| '';\n\n // Get current padding if any\n const currentPadding = parseInt(window.getComputedStyle(document.body).paddingRight, 10) \|\| 0;\n\n // Add padding to prevent content shift when scrollbar disappears\n document.body.style.paddingRight = `${currentPadding + scrollbarWidth}px`;\n }\n\n // Lock scroll\n document.body.style.overflow = 'hidden';\n document.body.style.touchAction = 'none'; // Prevent touch scrolling on mobile\n};\n\n/\n Unlocks scrolling on the body element and restores original styles.\n * Uses stored data attributes from lockScroll to restore previous state.\n */\nexport const unlockScroll = (): void => {\n // Restore original padding if it was set\n if (document.body.dataset.originalPadding !== undefined) {\n document.body.style.paddingRight = document.body.dataset.originalPadding;\n delete document.body.dataset.originalPadding;\n }\n\n // Restore original overflow\n if (document.body.dataset.originalOverflow !== undefined) {\n document.body.style.overflow = document.body.dataset.originalOverflow;\n delete document.body.dataset.originalOverflow;\n } else {\n document.body.style.overflow = '';\n }\n\n document.body.style.touchAction = '';\n};\n"],"names":["lockScroll","hasScrollbar","scrollbarWidth","currentPadding","unlockScroll"],"mappings":"AAIO,MAAMA,IAAa,MAAY;AAEpC,QAAMC,IAAe,OAAO,aAAa,SAAS,gBAAgB;AAKlE,MAFA,SAAS,KAAK,QAAQ,mBAAmB,SAAS,KAAK,MAAM,YAAY,IAErEA,GAAc;AAEhB,UAAMC,IAAiB,OAAO,aAAa,SAAS,gBAAgB;AAGpE,aAAS,KAAK,QAAQ,kBAAkB,SAAS,KAAK,MAAM,gBAAgB;AAGtE,UAAAC,IAAiB,SAAS,OAAO,iBAAiB,SAAS,IAAI,EAAE,cAAc,EAAE,KAAK;AAG5F,aAAS,KAAK,MAAM,eAAe,GAAGA,IAAiBD,CAAc;AAAA,EAAA;AAI9D,WAAA,KAAK,MAAM,WAAW,UACtB,SAAA,KAAK,MAAM,cAAc;AACpC,GAMaE,IAAe,MAAY;AAEtC,EAAI,SAAS,KAAK,QAAQ,oBAAoB,WAC5C,SAAS,KAAK,MAAM,eAAe,SAAS,KAAK,QAAQ,iBAClD,OAAA,SAAS,KAAK,QAAQ,kBAI3B,SAAS,KAAK,QAAQ,qBAAqB,UAC7C,SAAS,KAAK,MAAM,WAAW,SAAS,KAAK,QAAQ,kBAC9C,OAAA,SAAS,KAAK,QAAQ,oBAEpB,SAAA,KAAK,MAAM,WAAW,IAGxB,SAAA,KAAK,MAAM,cAAc;AACpC;"}

package/dist/features/ui/modals/modal-provider.js CHANGED Viewed

@@ -1,24 +1,24 @@
-import { jsxs as k, jsx as C } from "react/jsx-runtime";
-import { memo as E, useState as a, useCallback as M, useMemo as x, useEffect as u } from "react";
+import { jsxs as C, jsx as E } from "react/jsx-runtime";
+import { memo as P, useState as a, useCallback as u, useMemo as x, useEffect as w } from "react";
 import y from "./modal.js";
 import I from "./modal-context.js";
 import { lockScroll as S, unlockScroll as h } from "./modal-helpers.js";
-const D = 500, T = E(({ children: w, modals: d, isUserAuthenticated: t }) => {
-  const [o, c] = a(null), [f, v] = a(void 0), [s, r] = a(!1), m = M(
+const D = 500, O = P(({ children: M, modals: c, isUserAuthenticated: t }) => {
+  const [o, d] = a(null), [f, v] = a(void 0), [s, r] = a(!1), m = u(
     (n, l) => {
-      const i = d.find((P) => P.name === n);
+      const i = c.find((k) => k.name === n);
       if (!i)
         throw new Error(`Modal with name "${n}" not found`);
       if (i.isPrivate && !t)
         throw new Error(
           `Access violation: Modal "${n}" is private and user is not authenticated`
         );
-      r(!1), c(i), v(l), S();
+      r(!1), d(i), v(l), S();
     },
-    [t, d]
-  ), e = M(() => {
+    [t, c]
+  ), e = u(() => {
     r(!0), h(), setTimeout(() => {
-      c(null), r(!1);
+      d(null), r(!1);
     }, D);
   }, []), p = x(
     () => ({
@@ -30,18 +30,18 @@ const D = 500, T = E(({ children: w, modals: d, isUserAuthenticated: t }) => {
     }),
     [o, f, m, e, s]
   );
-  return u(() => {
+  return w(() => {
     !t && (o != null && o.isPrivate) && e();
-  }, [t, o, e]), u(() => {
+  }, [t, o, e]), w(() => {
     const n = (l) => {
       l.key === "Escape" && (o == null ? void 0 : o.isDismissable) !== !1 && !s && e();
     };
     return window.addEventListener("keydown", n), () => window.removeEventListener("keydown", n);
-  }, [o, e, s]), /* @__PURE__ */ k(I.Provider, { value: p, children: [
-    w,
-    o && /* @__PURE__ */ C(y, { modal: o, isClosing: s, onClose: e })
+  }, [o, e, s]), /* @__PURE__ */ C(I.Provider, { value: p, children: [
+    M,
+    o && /* @__PURE__ */ E(y, { modal: o, isClosing: s, onClose: e })
   ] });
-}), O = T;
+});
 export {
   O as default
 };

package/dist/features/ui/modals/modal-provider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modal-provider.js","sources":["../../../../src/features/ui/modals/modal-provider.tsx"],"sourcesContent":["import type { IModal, IModalContext, IModalProviderProps } from './modal-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport Modal from './modal';\nimport ModalContext from './modal-context';\nimport { lockScroll, unlockScroll } from './modal-helpers';\n\nconst ANIMATION_DURATION_MS = 500; // Match the animation duration in modal.tsx\n\n/*\n Provider component that manages modal state and provides modal context to child components\n /\nconst ModalProvider: FC<IModalProviderProps> = memo(({ children, modals, isUserAuthenticated }) => {\n const [modal, setModal] = useState<IModal \| null>(null);\n const [modalParams, setModalParams] = useState<Record<string, unknown> \| undefined>(undefined);\n const [isClosing, setIsClosing] = useState(false);\n\n /\n Opens a modal by name with optional parameters\n * Handles authentication check for private modals\n */\n const openModal = useCallback<IModalContext['openModal']>(\n (modalName, newModalParams) => {\n const newModal = modals.find(m => m.name === modalName);\n\n if (!newModal) {\n throw new Error(`Modal with name \"${modalName}\" not found`);\n }\n\n if (newModal.isPrivate && !isUserAuthenticated) {\n throw new Error(\n `Access violation: Modal \"${modalName}\" is private and user is not authenticated`,\n );\n }\n\n setIsClosing(false);\n setModal(newModal);\n setModalParams(newModalParams as unknown as Record<string, unknown> \| undefined);\n lockScroll(); // Lock scroll while preserving scrollbar width\n },\n [isUserAuthenticated, modals],\n );\n\n const closeModal = useCallback(() => {\n setIsClosing(true);\n // Wait for the animation to complete before removing the modal\n unlockScroll();\n setTimeout(() => {\n setModal(null);\n setIsClosing(false);\n }, ANIMATION_DURATION_MS);\n }, []);\n\n const modalContent = useMemo<IModalContext>(\n () => ({\n modal,\n modalParams,\n openModal,\n closeModal,\n isClosing,\n }),\n [modal, modalParams, openModal, closeModal, isClosing],\n );\n\n useEffect(() => {\n if (!isUserAuthenticated && modal?.isPrivate) {\n // If the modal is private and user is not authenticated, close it\n closeModal();\n }\n }, [isUserAuthenticated, modal, closeModal]);\n\n // Handle ESC key\n useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n if (e.key === 'Escape' && modal?.isDismissable !== false && !isClosing) {\n closeModal();\n }\n };\n\n window.addEventListener('keydown', handleKeyDown);\n\n return () => window.removeEventListener('keydown', handleKeyDown);\n }, [modal, closeModal, isClosing]);\n\n return (\n <ModalContext.Provider value={modalContent}>\n {children}\n {modal && <Modal modal={modal} isClosing={isClosing} onClose={closeModal} />}\n </ModalContext.Provider>\n );\n});\n\nexport default ModalProvider;\n"],"names":["ANIMATION_DURATION_MS","ModalProvider","memo","children","modals","isUserAuthenticated","modal","setModal","useState","modalParams","setModalParams","isClosing","setIsClosing","openModal","useCallback","modalName","newModalParams","newModal","m","lockScroll","closeModal","unlockScroll","modalContent","useMemo","useEffect","handleKeyDown","e","jsxs","ModalContext","jsx","Modal"~~,"ModalProvider$1"~~],"mappings":";;;;;AASA,MAAMA,IAAwB,KAKxBC,IAAyCC,EAAK,CAAC,EAAE,UAAAC,GAAU,QAAAC,GAAQ,qBAAAC,QAA0B;AACjG,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAwB,IAAI,GAChD,CAACC,GAAaC,CAAc,IAAIF,EAA8C,MAAS,GACvF,CAACG,GAAWC,CAAY,IAAIJ,EAAS,EAAK,GAM1CK,IAAYC;AAAA,IAChB,CAACC,GAAWC,MAAmB;AAC7B,YAAMC,IAAWb,EAAO,KAAK,CAAKc,MAAAA,EAAE,SAASH,CAAS;AAEtD,UAAI,CAACE;AACH,cAAM,IAAI,MAAM,oBAAoBF,CAAS,aAAa;AAGxD,UAAAE,EAAS,aAAa,CAACZ;AACzB,cAAM,IAAI;AAAA,UACR,4BAA4BU,CAAS;AAAA,~~QAAA~~;~~AAIzC~~,MAAAH,EAAa,EAAK,GAClBL,EAASU,CAAQ,GACjBP,EAAeM,CAAgE,GACpEG;IACb;AAAA,IACA,CAACd,GAAqBD,CAAM;AAAA,~~EAAA~~,~~GAGxBgB~~,IAAaN,EAAY,MAAM;AACnC,IAAAF,EAAa,EAAI,GAEJS,~~KACb~~,WAAW,MAAM;AACf,MAAAd,EAAS,IAAI,GACbK,EAAa,EAAK;AAAA,OACjBZ,CAAqB;AAAA,EAC1B,GAAG,~~CAAE~~,~~CAAA,~~GAECsB,IAAeC;AAAA,IACnB,OAAO;AAAA,MACL,OAAAjB;AAAA,MACA,aAAAG;AAAA,MACA,WAAAI;AAAA,MACA,YAAAO;AAAA,MACA,WAAAT;AAAA,IAAA;AAAA,IAEF,CAACL,GAAOG,GAAaI,GAAWO,GAAYT,CAAS;AAAA,~~EAAA~~;~~AAGvD~~,SAAAa,EAAU,MAAM;AACV,IAAA,CAACnB,MAAuBC,KAAA,QAAAA,EAAO,cAEtBc;EAEZ,GAAA,CAACf,GAAqBC,GAAOc,CAAU,CAAC,GAG3CI,EAAU,MAAM;AACR,UAAAC,IAAgB,CAACC,MAAqB;AAC1C,MAAIA,EAAE,QAAQ,aAAYpB,KAAA,gBAAAA,EAAO,mBAAkB,MAAS,CAACK,KAChDS;~~IACb~~;~~AAGK~~,kBAAA,iBAAiB,WAAWK,CAAa,GAEzC,MAAM,OAAO,oBAAoB,WAAWA,CAAa;AAAA,EAC/D,GAAA,CAACnB,GAAOc,GAAYT,CAAS,CAAC,GAG9B,gBAAAgB,EAAAC,EAAa,UAAb,EAAsB,OAAON,GAC3B,UAAA;AAAA,IAAAnB;AAAA,IACAG,KAAU,gBAAAuB,EAAAC,GAAA,EAAM,OAAAxB,GAAc,WAAAK,GAAsB,SAASS,~~GAAY~~;AAAA,~~EAC5E,~~EAAA,~~CAAA~~;AAEJ,CAAC~~,GAEDW,IAAe9B~~;"}
1	+ {"version":3,"file":"modal-provider.js","sources":["../../../../src/features/ui/modals/modal-provider.tsx"],"sourcesContent":["import type { IModal, IModalContext, IModalProviderProps } from './modal-types';\nimport type { FC } from 'react';\n\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react';\n\nimport Modal from './modal';\nimport ModalContext from './modal-context';\nimport { lockScroll, unlockScroll } from './modal-helpers';\n\nconst ANIMATION_DURATION_MS = 500; // Match the animation duration in modal.tsx\n\n/*\n Provider component that manages modal state and provides modal context to child components\n /\nconst ModalProvider: FC<IModalProviderProps> = memo(({ children, modals, isUserAuthenticated }) => {\n const [modal, setModal] = useState<IModal \| null>(null);\n const [modalParams, setModalParams] = useState<Record<string, unknown> \| undefined>(undefined);\n const [isClosing, setIsClosing] = useState(false);\n\n /\n Opens a modal by name with optional parameters\n * Handles authentication check for private modals\n */\n const openModal = useCallback<IModalContext['openModal']>(\n (modalName, newModalParams) => {\n const newModal = modals.find(m => m.name === modalName);\n\n if (!newModal) {\n throw new Error(`Modal with name \"${modalName}\" not found`);\n }\n\n if (newModal.isPrivate && !isUserAuthenticated) {\n throw new Error(\n `Access violation: Modal \"${modalName}\" is private and user is not authenticated`,\n );\n }\n\n setIsClosing(false);\n setModal(newModal);\n setModalParams(newModalParams as unknown as Record<string, unknown> \| undefined);\n lockScroll(); // Lock scroll while preserving scrollbar width\n },\n [isUserAuthenticated, modals],\n );\n\n const closeModal = useCallback(() => {\n setIsClosing(true);\n // Wait for the animation to complete before removing the modal\n unlockScroll();\n setTimeout(() => {\n setModal(null);\n setIsClosing(false);\n }, ANIMATION_DURATION_MS);\n }, []);\n\n const modalContent = useMemo<IModalContext>(\n () => ({\n modal,\n modalParams,\n openModal,\n closeModal,\n isClosing,\n }),\n [modal, modalParams, openModal, closeModal, isClosing],\n );\n\n useEffect(() => {\n if (!isUserAuthenticated && modal?.isPrivate) {\n // If the modal is private and user is not authenticated, close it\n closeModal();\n }\n }, [isUserAuthenticated, modal, closeModal]);\n\n // Handle ESC key\n useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n if (e.key === 'Escape' && modal?.isDismissable !== false && !isClosing) {\n closeModal();\n }\n };\n\n window.addEventListener('keydown', handleKeyDown);\n\n return () => window.removeEventListener('keydown', handleKeyDown);\n }, [modal, closeModal, isClosing]);\n\n return (\n <ModalContext.Provider value={modalContent}>\n {children}\n {modal && <Modal modal={modal} isClosing={isClosing} onClose={closeModal} />}\n </ModalContext.Provider>\n );\n});\n\nexport default ModalProvider;\n"],"names":["ANIMATION_DURATION_MS","ModalProvider","memo","children","modals","isUserAuthenticated","modal","setModal","useState","modalParams","setModalParams","isClosing","setIsClosing","openModal","useCallback","modalName","newModalParams","newModal","m","lockScroll","closeModal","unlockScroll","modalContent","useMemo","useEffect","handleKeyDown","e","jsxs","ModalContext","jsx","Modal"],"mappings":";;;;;AASA,MAAMA,IAAwB,KAKxBC,IAAyCC,EAAK,CAAC,EAAE,UAAAC,GAAU,QAAAC,GAAQ,qBAAAC,QAA0B;AACjG,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAwB,IAAI,GAChD,CAACC,GAAaC,CAAc,IAAIF,EAA8C,MAAS,GACvF,CAACG,GAAWC,CAAY,IAAIJ,EAAS,EAAK,GAM1CK,IAAYC;AAAA,IAChB,CAACC,GAAWC,MAAmB;AAC7B,YAAMC,IAAWb,EAAO,KAAK,CAAKc,MAAAA,EAAE,SAASH,CAAS;AAEtD,UAAI,CAACE;AACH,cAAM,IAAI,MAAM,oBAAoBF,CAAS,aAAa;AAGxD,UAAAE,EAAS,aAAa,CAACZ;AACzB,cAAM,IAAI;AAAA,UACR,4BAA4BU,CAAS;AAAA,QACvC;AAGF,MAAAH,EAAa,EAAK,GAClBL,EAASU,CAAQ,GACjBP,EAAeM,CAAgE,GACpEG,EAAA;AAAA,IACb;AAAA,IACA,CAACd,GAAqBD,CAAM;AAAA,EAC9B,GAEMgB,IAAaN,EAAY,MAAM;AACnC,IAAAF,EAAa,EAAI,GAEJS,EAAA,GACb,WAAW,MAAM;AACf,MAAAd,EAAS,IAAI,GACbK,EAAa,EAAK;AAAA,OACjBZ,CAAqB;AAAA,EAC1B,GAAG,EAAE,GAECsB,IAAeC;AAAA,IACnB,OAAO;AAAA,MACL,OAAAjB;AAAA,MACA,aAAAG;AAAA,MACA,WAAAI;AAAA,MACA,YAAAO;AAAA,MACA,WAAAT;AAAA,IAAA;AAAA,IAEF,CAACL,GAAOG,GAAaI,GAAWO,GAAYT,CAAS;AAAA,EACvD;AAEA,SAAAa,EAAU,MAAM;AACV,IAAA,CAACnB,MAAuBC,KAAA,QAAAA,EAAO,cAEtBc,EAAA;AAAA,EAEZ,GAAA,CAACf,GAAqBC,GAAOc,CAAU,CAAC,GAG3CI,EAAU,MAAM;AACR,UAAAC,IAAgB,CAACC,MAAqB;AAC1C,MAAIA,EAAE,QAAQ,aAAYpB,KAAA,gBAAAA,EAAO,mBAAkB,MAAS,CAACK,KAChDS,EAAA;AAAA,IAEf;AAEO,kBAAA,iBAAiB,WAAWK,CAAa,GAEzC,MAAM,OAAO,oBAAoB,WAAWA,CAAa;AAAA,EAC/D,GAAA,CAACnB,GAAOc,GAAYT,CAAS,CAAC,GAG9B,gBAAAgB,EAAAC,EAAa,UAAb,EAAsB,OAAON,GAC3B,UAAA;AAAA,IAAAnB;AAAA,IACAG,KAAU,gBAAAuB,EAAAC,GAAA,EAAM,OAAAxB,GAAc,WAAAK,GAAsB,SAASS,EAAY,CAAA;AAAA,EAAA,GAC5E;AAEJ,CAAC;"}

package/dist/features/ui/modals/modal-styled.js CHANGED Viewed

@@ -105,7 +105,7 @@ const s = o.div(
   width: ${e}px;
   height: 100%;
   left: 50%;
-  margin-left: ${-(e / 2)}px;
+  margin-left: -360px;
   clip-path: polygon(calc(50% - 100px) 0, calc(50% + 100px) 0, 100% 100%, 0 100%);
   background: linear-gradient(
     180deg,

package/dist/features/ui/modals/modal-styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modal-styled.js","sources":["../../../../src/features/ui/modals/modal-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nconst ModalContainer = styled.div<{ $isClosing?: boolean }>(\n ({ theme: { colors }, $isClosing }) => `\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: ${colors.BLACK_T_60};\n backdrop-filter: blur(40px);\n display: flex;\n animation: ${$isClosing ? 'backdropFadeOut' : 'backdropFadeIn'} 0.2s ease-out forwards;\n \n @keyframes backdropFadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n \n @keyframes backdropFadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n }\n`,\n);\n\n/*\n Base modal container with customizable width and animation state\n /\nconst BaseModal = styled.div<{\n $isClosing?: boolean;\n $width: string;\n}>(\n ({ theme: { colors }, $isClosing, $width }) => `\n position: relative;\n align-self: center;\n margin: 0 auto;\n width: ${$width};\n background-color: ${colors.WHITE_1};\n border: 1px solid ${colors.BLACK_1};\n transform-origin: center center;\n animation: ${\n $isClosing ? 'modalDisappear' : 'modalAppear'\n } 0.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;\n box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.20);\n \n / Responsive behavior for smaller screens /\n @media (max-width: calc(${$width} + 80px)) {\n width: 100%;\n max-width: 100%;\n height: 100%;\n max-height: 100%;\n border: none;\n }\n \n @keyframes modalAppear {\n 0% {\n opacity: 0;\n transform: perspective(1200px) translateZ(-50px) translateY(10px) scale(0.98);\n }\n 100% {\n opacity: 1;\n transform: perspective(1200px) translateZ(0) translateY(0) scale(1);\n }\n }\n \n @keyframes modalDisappear {\n 0% {\n opacity: 1;\n transform: perspective(1200px) translateZ(0) translateY(0) scale(1);\n }\n 100% {\n opacity: 0;\n transform: perspective(1200px) translateZ(-50px) translateY(10px) scale(0.98);\n }\n }\n`,\n);\n\n/\n Scrollable content container inside the modal\n /\nconst BaseModalContent = styled.div<{ $modalWidth: string }>(\n ({ $modalWidth }) => `\n max-height: calc(100vh - 142px);\n overflow-y: auto;\n\n @media (max-width: calc(${$modalWidth} + 80px)) {\n max-height: 100vh;\n }\n}`,\n);\n\n/\n Container for the close button with responsive positioning\n */\nconst CloseButtonContainer = styled.div<{ $modalWidth: string }>(\n ({ theme: { colors }, $modalWidth }) => `\n position: absolute;\n top: -56px;\n right: -40px;\n color: ${colors.WHITE_1};\n transition: all 0.2s ease;\n \n &:hover {\n transform: scale(1.05);\n }\n\n @media (max-width: calc(${$modalWidth} + 80px)) {\n top: 16px;\n right: 16px;\n color: ${colors.BLACK_1};\n }\n`,\n);\n\nconst spotlightWidth = 720;\nconst spotlightAnimationStartDuration = 800;\nconst spotlightAnimationEndDuration = 500;\n\nconst SpotlightModal = styled.div<{\n $isClosing?: boolean;\n}>(\n ({ $isClosing }) => `\n position: absolute;\n width: ${spotlightWidth}px;\n height: 100%;\n left: 50%;\n margin-left: ${-(spotlightWidth / 2)}px;\n clip-path: polygon(calc(50% - 100px) 0, calc(50% + 100px) 0, 100% 100%, 0 100%);\n background: linear-gradient(\n 180deg,\n rgba(0, 0, 0, 1) 0%,\n rgba(0, 0, 0, 0) 100%\n );\n animation: openSpotlight;\n animation-duration: ${spotlightAnimationStartDuration}ms;\n animation-timing-function: linear;\n animation-fill-mode: forwards;\n opacity: 0;\n ${\n $isClosing\n ? `\n animation: closeSpotlight;\n animation-duration: ${spotlightAnimationEndDuration}ms;\n animation-timing-function: linear;\n animation-fill-mode: forwards;\n opacity: 1;\n `\n : ''\n }\n\n @keyframes openSpotlight {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n @keyframes closeSpotlight {\n from {\n transform: rotateY(0);\n }\n to {\n transform: rotateY(90deg);\n }\n }\n`,\n);\n\nexport { ModalContainer, BaseModal, BaseModalContent, CloseButtonContainer, SpotlightModal };\n"],"names":["ModalContainer","styled","colors","$isClosing","BaseModal","$width","BaseModalContent","$modalWidth","CloseButtonContainer","spotlightWidth","spotlightAnimationStartDuration","spotlightAnimationEndDuration","SpotlightModal"],"mappings":";AAEA,MAAMA,IAAiBC,EAAO;AAAA,EAC5B,CAAC,EAAE,OAAO,EAAE,QAAAC,EAAO,GAAG,YAAAC,~~EAAiB,MAAA~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMnBD,EAAO,UAAU;AAAA;AAAA;AAAA,eAGxBC,IAAa,oBAAoB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBhE,GAKMC,IAAYH,EAAO;AAAA,EAIvB,CAAC,EAAE,OAAO,EAAE,QAAAC,EAAU,GAAA,YAAAC,GAAY,QAAAE,QAAa;AAAA;AAAA;AAAA;AAAA,WAItCA,CAAM;AAAA,sBACKH,EAAO,OAAO;AAAA,sBACdA,EAAO,OAAO;AAAA;AAAA,eAGhCC,IAAa,mBAAmB,aAClC;AAAA;AAAA;AAAA;AAAA,4BAI0BE,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BlC,GAKMC,IAAmBL,EAAO;AAAA,EAC9B,CAAC,EAAE,aAAAM,EAAA,MAAkB;AAAA;AAAA;AAAA;AAAA,4BAIKA,CAAW;AAAA;AAAA;AAAA;AAIvC,GAKMC,IAAuBP,EAAO;AAAA,EAClC,CAAC,EAAE,OAAO,EAAE,QAAAC,EAAO,GAAG,aAAAK,~~EAAkB,MAAA~~;AAAA;AAAA;AAAA;AAAA,WAI/BL,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAOGK,CAAW;AAAA;AAAA;AAAA,aAG1BL,EAAO,OAAO;AAAA;AAAA;AAG3B,GAEMO,IAAiB,KACjBC,IAAkC,KAClCC,IAAgC,KAEhCC,IAAiBX,EAAO;AAAA,EAG5B,CAAC,EAAE,YAAAE,EAAA,MAAiB;AAAA;AAAA,WAEXM,CAAc;AAAA;AAAA;AAAA~~,iBAGR,EAAEA,IAAiB,EAAE~~;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~wBAQdC~~,CAA+B;AAAA;AAAA;AAAA;AAAA,IAKnDP,IACI;AAAA;AAAA,4BAEoBQ,CAA6B;AAAA;AAAA;AAAA;AAAA,QAKjD,EACN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBF;"}
1	+ {"version":3,"file":"modal-styled.js","sources":["../../../../src/features/ui/modals/modal-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nconst ModalContainer = styled.div<{ $isClosing?: boolean }>(\n ({ theme: { colors }, $isClosing }) => `\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: ${colors.BLACK_T_60};\n backdrop-filter: blur(40px);\n display: flex;\n animation: ${$isClosing ? 'backdropFadeOut' : 'backdropFadeIn'} 0.2s ease-out forwards;\n \n @keyframes backdropFadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n \n @keyframes backdropFadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n }\n`,\n);\n\n/*\n Base modal container with customizable width and animation state\n /\nconst BaseModal = styled.div<{\n $isClosing?: boolean;\n $width: string;\n}>(\n ({ theme: { colors }, $isClosing, $width }) => `\n position: relative;\n align-self: center;\n margin: 0 auto;\n width: ${$width};\n background-color: ${colors.WHITE_1};\n border: 1px solid ${colors.BLACK_1};\n transform-origin: center center;\n animation: ${\n $isClosing ? 'modalDisappear' : 'modalAppear'\n } 0.5s cubic-bezier(0.19, 1, 0.22, 1) forwards;\n box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.20);\n \n / Responsive behavior for smaller screens /\n @media (max-width: calc(${$width} + 80px)) {\n width: 100%;\n max-width: 100%;\n height: 100%;\n max-height: 100%;\n border: none;\n }\n \n @keyframes modalAppear {\n 0% {\n opacity: 0;\n transform: perspective(1200px) translateZ(-50px) translateY(10px) scale(0.98);\n }\n 100% {\n opacity: 1;\n transform: perspective(1200px) translateZ(0) translateY(0) scale(1);\n }\n }\n \n @keyframes modalDisappear {\n 0% {\n opacity: 1;\n transform: perspective(1200px) translateZ(0) translateY(0) scale(1);\n }\n 100% {\n opacity: 0;\n transform: perspective(1200px) translateZ(-50px) translateY(10px) scale(0.98);\n }\n }\n`,\n);\n\n/\n Scrollable content container inside the modal\n /\nconst BaseModalContent = styled.div<{ $modalWidth: string }>(\n ({ $modalWidth }) => `\n max-height: calc(100vh - 142px);\n overflow-y: auto;\n\n @media (max-width: calc(${$modalWidth} + 80px)) {\n max-height: 100vh;\n }\n}`,\n);\n\n/\n Container for the close button with responsive positioning\n */\nconst CloseButtonContainer = styled.div<{ $modalWidth: string }>(\n ({ theme: { colors }, $modalWidth }) => `\n position: absolute;\n top: -56px;\n right: -40px;\n color: ${colors.WHITE_1};\n transition: all 0.2s ease;\n \n &:hover {\n transform: scale(1.05);\n }\n\n @media (max-width: calc(${$modalWidth} + 80px)) {\n top: 16px;\n right: 16px;\n color: ${colors.BLACK_1};\n }\n`,\n);\n\nconst spotlightWidth = 720;\nconst spotlightAnimationStartDuration = 800;\nconst spotlightAnimationEndDuration = 500;\n\nconst SpotlightModal = styled.div<{\n $isClosing?: boolean;\n}>(\n ({ $isClosing }) => `\n position: absolute;\n width: ${spotlightWidth}px;\n height: 100%;\n left: 50%;\n margin-left: ${-(spotlightWidth / 2)}px;\n clip-path: polygon(calc(50% - 100px) 0, calc(50% + 100px) 0, 100% 100%, 0 100%);\n background: linear-gradient(\n 180deg,\n rgba(0, 0, 0, 1) 0%,\n rgba(0, 0, 0, 0) 100%\n );\n animation: openSpotlight;\n animation-duration: ${spotlightAnimationStartDuration}ms;\n animation-timing-function: linear;\n animation-fill-mode: forwards;\n opacity: 0;\n ${\n $isClosing\n ? `\n animation: closeSpotlight;\n animation-duration: ${spotlightAnimationEndDuration}ms;\n animation-timing-function: linear;\n animation-fill-mode: forwards;\n opacity: 1;\n `\n : ''\n }\n\n @keyframes openSpotlight {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n @keyframes closeSpotlight {\n from {\n transform: rotateY(0);\n }\n to {\n transform: rotateY(90deg);\n }\n }\n`,\n);\n\nexport { ModalContainer, BaseModal, BaseModalContent, CloseButtonContainer, SpotlightModal };\n"],"names":["ModalContainer","styled","colors","$isClosing","BaseModal","$width","BaseModalContent","$modalWidth","CloseButtonContainer","spotlightWidth","spotlightAnimationStartDuration","spotlightAnimationEndDuration","SpotlightModal"],"mappings":";AAEA,MAAMA,IAAiBC,EAAO;AAAA,EAC5B,CAAC,EAAE,OAAO,EAAE,QAAAC,EAAO,GAAG,YAAAC,QAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMnBD,EAAO,UAAU;AAAA;AAAA;AAAA,eAGxBC,IAAa,oBAAoB,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBhE,GAKMC,IAAYH,EAAO;AAAA,EAIvB,CAAC,EAAE,OAAO,EAAE,QAAAC,EAAU,GAAA,YAAAC,GAAY,QAAAE,QAAa;AAAA;AAAA;AAAA;AAAA,WAItCA,CAAM;AAAA,sBACKH,EAAO,OAAO;AAAA,sBACdA,EAAO,OAAO;AAAA;AAAA,eAGhCC,IAAa,mBAAmB,aAClC;AAAA;AAAA;AAAA;AAAA,4BAI0BE,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BlC,GAKMC,IAAmBL,EAAO;AAAA,EAC9B,CAAC,EAAE,aAAAM,EAAA,MAAkB;AAAA;AAAA;AAAA;AAAA,4BAIKA,CAAW;AAAA;AAAA;AAAA;AAIvC,GAKMC,IAAuBP,EAAO;AAAA,EAClC,CAAC,EAAE,OAAO,EAAE,QAAAC,EAAO,GAAG,aAAAK,QAAkB;AAAA;AAAA;AAAA;AAAA,WAI/BL,EAAO,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAOGK,CAAW;AAAA;AAAA;AAAA,aAG1BL,EAAO,OAAO;AAAA;AAAA;AAG3B,GAEMO,IAAiB,KACjBC,IAAkC,KAClCC,IAAgC,KAEhCC,IAAiBX,EAAO;AAAA,EAG5B,CAAC,EAAE,YAAAE,EAAA,MAAiB;AAAA;AAAA,WAEXM,CAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAWDC,CAA+B;AAAA;AAAA;AAAA;AAAA,IAKnDP,IACI;AAAA;AAAA,4BAEoBQ,CAA6B;AAAA;AAAA;AAAA;AAAA,QAKjD,EACN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBF;"}

package/dist/features/ui/modals/modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modal.js","sources":["../../../../src/features/ui/modals/modal.tsx"],"sourcesContent":["import type { IModalProps } from './modal-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport CrossIcon from '../../../assets/line-icons/icons/cross';\nimport Clickable from '../buttons/clickable/clickable';\nimport * as Styled from './modal-styled';\n\n/*\n Modal component that renders modal content with close button\n * Handles animation state for entry and exit transitions\n */\nconst Modal: FC<IModalProps> = memo(({ modal, isClosing = false, onClose }) => {\n const { renderAs, element, modalWidth, isDismissable } = modal;\n\n if (renderAs === 'spotlight') {\n return (\n <Styled.ModalContainer $isClosing={isClosing}>\n <Styled.SpotlightModal $isClosing={isClosing} />\n {element}\n </Styled.ModalContainer>\n );\n }\n\n return (\n <Styled.ModalContainer $isClosing={isClosing}>\n <Styled.BaseModal $isClosing={isClosing} $width={modalWidth}>\n {isDismissable !== false && (\n <Styled.CloseButtonContainer $modalWidth={modalWidth}>\n <Clickable label=\"Close\" onClick={onClose}>\n <CrossIcon width={40} height={40} />\n </Clickable>\n </Styled.CloseButtonContainer>\n )}\n <Styled.BaseModalContent $modalWidth={modalWidth}>{element}</Styled.BaseModalContent>\n </Styled.BaseModal>\n </Styled.ModalContainer>\n );\n});\n\nexport default Modal;\n"],"names":["Modal","memo","modal","isClosing","onClose","renderAs","element","modalWidth","isDismissable","jsxs","Styled.ModalContainer","jsx","Styled.SpotlightModal","Styled.BaseModal","Styled.CloseButtonContainer","Clickable","CrossIcon","Styled.BaseModalContent"],"mappings":";;;;;AAaM,MAAAA,IAAyBC,EAAK,CAAC,EAAE,OAAAC,GAAO,WAAAC,IAAY,IAAO,SAAAC,QAAc;AAC7E,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,YAAAC,GAAY,eAAAC,~~MAAkBN~~;AAEzD,SAAIG,MAAa,cAEZ,gBAAAI,EAAAC,GAAA,EAAsB,YAAYP,GACjC,UAAA;AAAA,IAAA,gBAAAQ,EAACC,GAAA,EAAsB,YAAYT,EAAW,CAAA;AAAA,IAC7CG;AAAA,~~EACH,~~EAAA,~~CAAA~~,IAKD,gBAAAK,EAAAD,GAAA,EAAsB,YAAYP,GACjC,UAAC,gBAAAM,EAAAI,GAAA,EAAiB,YAAYV,GAAW,QAAQI,GAC9C,UAAA;AAAA,IAAkBC,MAAA,wBAChBM,GAAA,EAA4B,aAAaP,GACxC,4BAACQ,GAAU,EAAA,OAAM,SAAQ,SAASX,GAChC,4BAACY,GAAU,EAAA,OAAO,IAAI,QAAQ,IAAI,GACpC,EACF,CAAA;AAAA,sBAEDC,GAAA,EAAwB,aAAaV,GAAa,UAAQD,~~GAAA~~;AAAA,EAAA,~~EAC7D~~,~~CAAA~~,EACF,CAAA;AAEJ,CAAC;"}
1	+ {"version":3,"file":"modal.js","sources":["../../../../src/features/ui/modals/modal.tsx"],"sourcesContent":["import type { IModalProps } from './modal-types';\nimport type { FC } from 'react';\n\nimport { memo } from 'react';\n\nimport CrossIcon from '../../../assets/line-icons/icons/cross';\nimport Clickable from '../buttons/clickable/clickable';\nimport * as Styled from './modal-styled';\n\n/*\n Modal component that renders modal content with close button\n * Handles animation state for entry and exit transitions\n */\nconst Modal: FC<IModalProps> = memo(({ modal, isClosing = false, onClose }) => {\n const { renderAs, element, modalWidth, isDismissable } = modal;\n\n if (renderAs === 'spotlight') {\n return (\n <Styled.ModalContainer $isClosing={isClosing}>\n <Styled.SpotlightModal $isClosing={isClosing} />\n {element}\n </Styled.ModalContainer>\n );\n }\n\n return (\n <Styled.ModalContainer $isClosing={isClosing}>\n <Styled.BaseModal $isClosing={isClosing} $width={modalWidth}>\n {isDismissable !== false && (\n <Styled.CloseButtonContainer $modalWidth={modalWidth}>\n <Clickable label=\"Close\" onClick={onClose}>\n <CrossIcon width={40} height={40} />\n </Clickable>\n </Styled.CloseButtonContainer>\n )}\n <Styled.BaseModalContent $modalWidth={modalWidth}>{element}</Styled.BaseModalContent>\n </Styled.BaseModal>\n </Styled.ModalContainer>\n );\n});\n\nexport default Modal;\n"],"names":["Modal","memo","modal","isClosing","onClose","renderAs","element","modalWidth","isDismissable","jsxs","Styled.ModalContainer","jsx","Styled.SpotlightModal","Styled.BaseModal","Styled.CloseButtonContainer","Clickable","CrossIcon","Styled.BaseModalContent"],"mappings":";;;;;AAaM,MAAAA,IAAyBC,EAAK,CAAC,EAAE,OAAAC,GAAO,WAAAC,IAAY,IAAO,SAAAC,QAAc;AAC7E,QAAM,EAAE,UAAAC,GAAU,SAAAC,GAAS,YAAAC,GAAY,eAAAC,EAAkB,IAAAN;AAEzD,SAAIG,MAAa,cAEZ,gBAAAI,EAAAC,GAAA,EAAsB,YAAYP,GACjC,UAAA;AAAA,IAAA,gBAAAQ,EAACC,GAAA,EAAsB,YAAYT,EAAW,CAAA;AAAA,IAC7CG;AAAA,EAAA,GACH,IAKD,gBAAAK,EAAAD,GAAA,EAAsB,YAAYP,GACjC,UAAC,gBAAAM,EAAAI,GAAA,EAAiB,YAAYV,GAAW,QAAQI,GAC9C,UAAA;AAAA,IAAkBC,MAAA,wBAChBM,GAAA,EAA4B,aAAaP,GACxC,4BAACQ,GAAU,EAAA,OAAM,SAAQ,SAASX,GAChC,4BAACY,GAAU,EAAA,OAAO,IAAI,QAAQ,IAAI,GACpC,EACF,CAAA;AAAA,sBAEDC,GAAA,EAAwB,aAAaV,GAAa,UAAQD,EAAA,CAAA;AAAA,EAAA,EAAA,CAC7D,EACF,CAAA;AAEJ,CAAC;"}

package/dist/features/ui/modals/use-modal-actions.js CHANGED Viewed

@@ -1,10 +1,10 @@
-import { useContext as e } from "react";
+import { useContext as s } from "react";
 import n from "./modal-context.js";
-const l = () => {
-  const { openModal: o, closeModal: t, isClosing: s } = e(n);
-  return { openModal: o, closeModal: t, isClosing: s };
-}, c = l;
+const a = () => {
+  const { openModal: o, closeModal: t, isClosing: e } = s(n);
+  return { openModal: o, closeModal: t, isClosing: e };
+};
 export {
-  c as default
+  a as default
 };
 //# sourceMappingURL=use-modal-actions.js.map

package/dist/features/ui/modals/use-modal-actions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-modal-actions.js","sources":["../../../../src/features/ui/modals/use-modal-actions.ts"],"sourcesContent":["import type { IUseModalActions } from './modal-types';\n\nimport { useContext } from 'react';\n\nimport ModalContext from './modal-context';\n\nconst useModalActions: IUseModalActions = () => {\n const { openModal, closeModal, isClosing } = useContext(ModalContext);\n\n return { openModal, closeModal, isClosing };\n};\n\nexport default useModalActions;\n"],"names":["useModalActions","openModal","closeModal","isClosing","useContext","ModalContext"~~,"useModalActions$1"~~],"mappings":";;AAMA,MAAMA,IAAoC,MAAM;AAC9C,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,WAAAC,EAAU,IAAIC,EAAWC,CAAY;AAE7D,SAAA,EAAE,WAAAJ,GAAW,YAAAC,GAAY,WAAAC~~;AAClC~~,~~GAEAG,IAAeN~~;"}
1	+ {"version":3,"file":"use-modal-actions.js","sources":["../../../../src/features/ui/modals/use-modal-actions.ts"],"sourcesContent":["import type { IUseModalActions } from './modal-types';\n\nimport { useContext } from 'react';\n\nimport ModalContext from './modal-context';\n\nconst useModalActions: IUseModalActions = () => {\n const { openModal, closeModal, isClosing } = useContext(ModalContext);\n\n return { openModal, closeModal, isClosing };\n};\n\nexport default useModalActions;\n"],"names":["useModalActions","openModal","closeModal","isClosing","useContext","ModalContext"],"mappings":";;AAMA,MAAMA,IAAoC,MAAM;AAC9C,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,WAAAC,EAAU,IAAIC,EAAWC,CAAY;AAE7D,SAAA,EAAE,WAAAJ,GAAW,YAAAC,GAAY,WAAAC,EAAU;AAC5C;"}

package/dist/features/ui/modals/use-modal-params.js CHANGED Viewed

@@ -1,9 +1,9 @@
-import { useContext as a } from "react";
-import t from "./modal-context.js";
-const r = () => {
-  const { modalParams: o } = a(t);
+import { useContext as t } from "react";
+import a from "./modal-context.js";
+const m = () => {
+  const { modalParams: o } = t(a);
   return o;
-}, m = r;
+};
 export {
   m as default
 };

package/dist/features/ui/modals/use-modal-params.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-modal-params.js","sources":["../../../../src/features/ui/modals/use-modal-params.ts"],"sourcesContent":["import type { IUseModalParams } from './modal-types';\n\nimport { useContext } from 'react';\n\nimport ModalContext from './modal-context';\n\nconst useModalParams: IUseModalParams = <T = undefined>(): T => {\n const { modalParams } = useContext(ModalContext);\n\n return modalParams as T;\n};\n\nexport default useModalParams;\n"],"names":["useModalParams","modalParams","useContext","ModalContext"~~,"useModalParams$1"~~],"mappings":";;AAMA,MAAMA,IAAkC,MAAwB;AAC9D,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAWC,CAAY;AAExC,SAAAF;AACT~~,GAEAG,IAAeJ~~;"}
1	+ {"version":3,"file":"use-modal-params.js","sources":["../../../../src/features/ui/modals/use-modal-params.ts"],"sourcesContent":["import type { IUseModalParams } from './modal-types';\n\nimport { useContext } from 'react';\n\nimport ModalContext from './modal-context';\n\nconst useModalParams: IUseModalParams = <T = undefined>(): T => {\n const { modalParams } = useContext(ModalContext);\n\n return modalParams as T;\n};\n\nexport default useModalParams;\n"],"names":["useModalParams","modalParams","useContext","ModalContext"],"mappings":";;AAMA,MAAMA,IAAkC,MAAwB;AAC9D,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAWC,CAAY;AAExC,SAAAF;AACT;"}

package/dist/features/ui/nudge/nudge.js CHANGED Viewed

@@ -1,17 +1,17 @@
-import { jsxs as n, jsx as t } from "react/jsx-runtime";
-import { LOTTIE as d } from "../../../assets/lottie/lottie.js";
-import m from "../lottie-animation/lottie-animation.js";
-import { NudgeWrapper as p, NudgeLottieContainer as s } from "./nudge-styled.js";
-const f = ({
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { LOTTIE as n } from "../../../assets/lottie/lottie.js";
+import d from "../lottie-animation/lottie-animation.js";
+import { NudgeWrapper as p, NudgeLottieContainer as f } from "./nudge-styled.js";
+const $ = ({
   content: r,
   nudgePointerX: e = 0,
   nudgePointerY: o = 0,
   zIndex: i = 100
-}) => /* @__PURE__ */ n(p, { $top: o, $left: e, $zIndex: i, children: [
-  /* @__PURE__ */ t(s, { $height: 64, $width: 64, children: /* @__PURE__ */ t(m, { src: d.NUDGE_TAP }) }),
+}) => /* @__PURE__ */ m(p, { $top: o, $left: e, $zIndex: i, children: [
+  /* @__PURE__ */ t(f, { $height: 64, $width: 64, children: /* @__PURE__ */ t(d, { src: n.NUDGE_TAP }) }),
   r
-] }), g = f;
+] });
 export {
-  g as default
+  $ as default
 };
 //# sourceMappingURL=nudge.js.map

package/dist/features/ui/nudge/nudge.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nudge.js","sources":["../../../../src/features/ui/nudge/nudge.tsx"],"sourcesContent":["import type { INudgeProps } from './nudge-types';\n\nimport React from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport LottieAnimation from '../lottie-animation/lottie-animation';\nimport * as S from './nudge-styled';\n\nconst Nudge: React.FC<INudgeProps> = ({\n content,\n nudgePointerX = 0,\n nudgePointerY = 0,\n zIndex = 100,\n}) => {\n return (\n <S.NudgeWrapper $top={nudgePointerY} $left={nudgePointerX} $zIndex={zIndex}>\n <S.NudgeLottieContainer $height={64} $width={64}>\n <LottieAnimation src={LOTTIE.NUDGE_TAP} />\n </S.NudgeLottieContainer>\n {content}\n </S.NudgeWrapper>\n );\n};\n\nexport default Nudge;\n"],"names":["Nudge","content","nudgePointerX","nudgePointerY","zIndex","jsxs","S.NudgeWrapper","jsx","S.NudgeLottieContainer","LottieAnimation","LOTTIE"~~,"Nudge$1"~~],"mappings":";;;;AAQA,MAAMA,IAA+B,CAAC;AAAA,EACpC,SAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,eAAAC,IAAgB;AAAA,EAChB,QAAAC,IAAS;AACX,MAEI,gBAAAC,EAACC,GAAA,EAAe,MAAMH,GAAe,OAAOD,GAAe,SAASE,GAClE,UAAA;AAAA,EAAA,gBAAAG,EAACC,GAAA,EAAuB,SAAS,IAAI,QAAQ,IAC3C,UAAA,gBAAAD,EAACE,GAAgB,EAAA,KAAKC,EAAO,UAAA,CAAW,EAC1C,CAAA;AAAA,EACCT;~~AACH~~,~~EAAA,CAAA,GAIJU,IAAeX~~;"}
1	+ {"version":3,"file":"nudge.js","sources":["../../../../src/features/ui/nudge/nudge.tsx"],"sourcesContent":["import type { INudgeProps } from './nudge-types';\n\nimport React from 'react';\n\nimport { LOTTIE } from '../../../assets/lottie/lottie';\nimport LottieAnimation from '../lottie-animation/lottie-animation';\nimport * as S from './nudge-styled';\n\nconst Nudge: React.FC<INudgeProps> = ({\n content,\n nudgePointerX = 0,\n nudgePointerY = 0,\n zIndex = 100,\n}) => {\n return (\n <S.NudgeWrapper $top={nudgePointerY} $left={nudgePointerX} $zIndex={zIndex}>\n <S.NudgeLottieContainer $height={64} $width={64}>\n <LottieAnimation src={LOTTIE.NUDGE_TAP} />\n </S.NudgeLottieContainer>\n {content}\n </S.NudgeWrapper>\n );\n};\n\nexport default Nudge;\n"],"names":["Nudge","content","nudgePointerX","nudgePointerY","zIndex","jsxs","S.NudgeWrapper","jsx","S.NudgeLottieContainer","LottieAnimation","LOTTIE"],"mappings":";;;;AAQA,MAAMA,IAA+B,CAAC;AAAA,EACpC,SAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,eAAAC,IAAgB;AAAA,EAChB,QAAAC,IAAS;AACX,MAEI,gBAAAC,EAACC,GAAA,EAAe,MAAMH,GAAe,OAAOD,GAAe,SAASE,GAClE,UAAA;AAAA,EAAA,gBAAAG,EAACC,GAAA,EAAuB,SAAS,IAAI,QAAQ,IAC3C,UAAA,gBAAAD,EAACE,GAAgB,EAAA,KAAKC,EAAO,UAAA,CAAW,EAC1C,CAAA;AAAA,EACCT;AAAA,GACH;"}

package/dist/features/ui/perfect-hits/perfect-hits-helpers.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { LOTTIE as o } from "../../../assets/lottie/lottie.js";
 import { fetchLottie as a } from "../lottie-animation/helper.js";
-import { RANGE_SIZE as t, TIERS as e } from "./constants.js";
+import { TIERS as e, RANGE_SIZE as t } from "./constants.js";
 const s = {
   bronze_1: o.BRONZE_1,
   bronze_2: o.BRONZE_2,

package/dist/features/ui/perfect-hits/perfect-hits-helpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"perfect-hits-helpers.js","sources":["../../../../src/features/ui/perfect-hits/perfect-hits-helpers.ts"],"sourcesContent":["import { LOTTIE } from '../../../assets/lottie/lottie';\nimport { fetchLottie } from '../lottie-animation/helper';\nimport { RANGE_SIZE, TIERS } from './constants';\n\ntype AnimationData = Record<string, unknown>;\n\nconst animationFilesMap: Record<string, string> = {\n bronze_1: LOTTIE.BRONZE_1,\n bronze_2: LOTTIE.BRONZE_2,\n bronze_3: LOTTIE.BRONZE_3,\n silver_1: LOTTIE.SILVER_1,\n silver_2: LOTTIE.SILVER_2,\n silver_3: LOTTIE.SILVER_3,\n gold_1: LOTTIE.GOLD_1,\n gold_2: LOTTIE.GOLD_2,\n gold_3: LOTTIE.GOLD_3,\n color_1: LOTTIE.COLOR_1,\n color_2: LOTTIE.COLOR_2,\n color_3: LOTTIE.COLOR_3,\n};\n\n/*\n [0-4] => bronze_1\n * [5-9] => silver_1\n * [10-14] => gold_1\n * [15-19] => color_1\n * [20-24] => bronze_2\n * [25-29] => silver_2\n * [30-34] => gold_2\n * [35-39] => color_2\n * [40-44] => bronze_3\n * [45-49] => silver_3\n * [50-54] => gold_3\n * [55-59] => color_3\n * [>60] => color_3\n /\n\nasync function getAnimationFile(num: number): Promise<AnimationData \| null> {\n const setNumber = num >= RANGE_SIZE 12 ? 3 : Math.floor(num / (TIERS.length * RANGE_SIZE)) + 1;\n\n const tierIndex = Math.floor((num % (TIERS.length * RANGE_SIZE)) / RANGE_SIZE);\n const tier = num >= RANGE_SIZE * 12 ? 'color' : TIERS[tierIndex];\n const fileName = `${tier}_${setNumber}`;\n\n const loadAnimationPath = animationFilesMap[fileName];\n\n if (loadAnimationPath) {\n try {\n const lottieModule = await fetchLottie(loadAnimationPath);\n\n return lottieModule;\n } catch (error) {\n return null;\n }\n }\n\n return null;\n}\n\nexport { getAnimationFile, RANGE_SIZE };\n"],"names":["animationFilesMap","LOTTIE","getAnimationFile","num","setNumber","RANGE_SIZE","TIERS","tierIndex","fileName","loadAnimationPath","fetchLottie"],"mappings":";;;AAMA,MAAMA,IAA4C;AAAA,EAChD,UAAUC,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,QAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAClB;AAkBA,eAAeC,EAAiBC,GAA4C;AACpE,QAAAC,IAAYD,KAAOE,IAAa,KAAK,IAAI,KAAK,MAAMF,KAAOG,EAAM,SAASD,EAAW,IAAI,GAEzFE,IAAY,KAAK,MAAOJ,KAAOG,EAAM,SAASD,KAAeA,CAAU,GAEvEG,IAAW,GADJL,KAAOE,IAAa,KAAK,UAAUC,EAAMC,CAAS,CACvC,IAAIH,CAAS,IAE/BK,IAAoBT,EAAkBQ,CAAQ;AAEpD,MAAIC;AACE,QAAA;AAGK,aAFc,MAAMC,EAAYD,CAAiB;AAAA,YAG1C;AACP,aAAA;AAAA,~~IACT~~;~~AAGK~~,SAAA;AACT;"}
1	+ {"version":3,"file":"perfect-hits-helpers.js","sources":["../../../../src/features/ui/perfect-hits/perfect-hits-helpers.ts"],"sourcesContent":["import { LOTTIE } from '../../../assets/lottie/lottie';\nimport { fetchLottie } from '../lottie-animation/helper';\nimport { RANGE_SIZE, TIERS } from './constants';\n\ntype AnimationData = Record<string, unknown>;\n\nconst animationFilesMap: Record<string, string> = {\n bronze_1: LOTTIE.BRONZE_1,\n bronze_2: LOTTIE.BRONZE_2,\n bronze_3: LOTTIE.BRONZE_3,\n silver_1: LOTTIE.SILVER_1,\n silver_2: LOTTIE.SILVER_2,\n silver_3: LOTTIE.SILVER_3,\n gold_1: LOTTIE.GOLD_1,\n gold_2: LOTTIE.GOLD_2,\n gold_3: LOTTIE.GOLD_3,\n color_1: LOTTIE.COLOR_1,\n color_2: LOTTIE.COLOR_2,\n color_3: LOTTIE.COLOR_3,\n};\n\n/*\n [0-4] => bronze_1\n * [5-9] => silver_1\n * [10-14] => gold_1\n * [15-19] => color_1\n * [20-24] => bronze_2\n * [25-29] => silver_2\n * [30-34] => gold_2\n * [35-39] => color_2\n * [40-44] => bronze_3\n * [45-49] => silver_3\n * [50-54] => gold_3\n * [55-59] => color_3\n * [>60] => color_3\n /\n\nasync function getAnimationFile(num: number): Promise<AnimationData \| null> {\n const setNumber = num >= RANGE_SIZE 12 ? 3 : Math.floor(num / (TIERS.length * RANGE_SIZE)) + 1;\n\n const tierIndex = Math.floor((num % (TIERS.length * RANGE_SIZE)) / RANGE_SIZE);\n const tier = num >= RANGE_SIZE * 12 ? 'color' : TIERS[tierIndex];\n const fileName = `${tier}_${setNumber}`;\n\n const loadAnimationPath = animationFilesMap[fileName];\n\n if (loadAnimationPath) {\n try {\n const lottieModule = await fetchLottie(loadAnimationPath);\n\n return lottieModule;\n } catch (error) {\n return null;\n }\n }\n\n return null;\n}\n\nexport { getAnimationFile, RANGE_SIZE };\n"],"names":["animationFilesMap","LOTTIE","getAnimationFile","num","setNumber","RANGE_SIZE","TIERS","tierIndex","fileName","loadAnimationPath","fetchLottie"],"mappings":";;;AAMA,MAAMA,IAA4C;AAAA,EAChD,UAAUC,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,UAAUA,EAAO;AAAA,EACjB,QAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,QAAQA,EAAO;AAAA,EACf,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAAA,EAChB,SAASA,EAAO;AAClB;AAkBA,eAAeC,EAAiBC,GAA4C;AACpE,QAAAC,IAAYD,KAAOE,IAAa,KAAK,IAAI,KAAK,MAAMF,KAAOG,EAAM,SAASD,EAAW,IAAI,GAEzFE,IAAY,KAAK,MAAOJ,KAAOG,EAAM,SAASD,KAAeA,CAAU,GAEvEG,IAAW,GADJL,KAAOE,IAAa,KAAK,UAAUC,EAAMC,CAAS,CACvC,IAAIH,CAAS,IAE/BK,IAAoBT,EAAkBQ,CAAQ;AAEpD,MAAIC;AACE,QAAA;AAGK,aAFc,MAAMC,EAAYD,CAAiB;AAAA,YAG1C;AACP,aAAA;AAAA,IAAA;AAIJ,SAAA;AACT;"}

package/dist/features/ui/perfect-hits/perfect-hits-styled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import a, { keyframes as s, css as o } from "styled-components";
+import a, { css as o, keyframes as s } from "styled-components";
 import t from "../layout/flex-view.js";
 import e from "../text/text.js";
 const f = a(t)`

package/dist/features/ui/perfect-hits/perfect-hits.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"perfect-hits.js","sources":["../../../../src/features/ui/perfect-hits/perfect-hits.tsx"],"sourcesContent":["import type { IPerfectHitsProps, TTextAnimationType } from './perfect-hits-types';\n\nimport lottieWeb, { type AnimationItem } from 'lottie-web';\nimport { memo, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { RANGE_SIZE, getAnimationFile } from './perfect-hits-helpers';\nimport { Wrapper, AnimatedText, AnimationContainer } from './perfect-hits-styled';\n\nconst PerfectHits: React.FC<IPerfectHitsProps> = ({ value }) => {\n const lottieContainer = useRef<HTMLDivElement \| null>(null);\n const lottieInstance = useRef<AnimationItem \| null>(null);\n const [textAnimationType, setTextAnimationType] = useState<TTextAnimationType>('reveal');\n const [displayValue, setDisplayValue] = useState(value ?? 0);\n\n const playAnimation = useCallback(\n (num: number) => {\n const isLevelChanged = num % RANGE_SIZE === 0;\n\n if (isLevelChanged && lottieInstance.current) {\n lottieInstance.current.playSegments([84, 117], true);\n lottieInstance.current.addEventListener('complete', async () => {\n if (lottieContainer.current) {\n lottieInstance.current?.destroy();\n const nextAnimationData = await getAnimationFile(num);\n\n if (nextAnimationData) {\n const nextInstance = lottieWeb.loadAnimation({\n container: lottieContainer.current,\n renderer: 'svg',\n loop: false,\n autoplay: false,\n animationData: nextAnimationData,\n });\n\n lottieInstance.current = nextInstance;\n lottieInstance.current.playSegments([0, 36], true);\n }\n }\n });\n } else {\n lottieInstance.current?.playSegments([36, 83], true);\n }\n },\n [lottieInstance],\n );\n\n const initializeAnimation = useCallback(async (num: number) => {\n const animationData = await getAnimationFile(num);\n\n if (animationData && lottieContainer.current) {\n const instance = lottieWeb.loadAnimation({\n container: lottieContainer.current,\n renderer: 'svg',\n loop: false,\n autoplay: false,\n animationData,\n });\n\n lottieInstance.current = instance;\n\n lottieInstance.current.goToAndStop(36, true);\n }\n }, []);\n\n useEffect(() => {\n return () => {\n if (lottieInstance.current) {\n lottieInstance.current.destroy();\n }\n };\n }, []);\n\n useEffect(() => {\n let timeoutId: NodeJS.Timeout \| null = null;\n\n if (value > 0 && lottieInstance.current) {\n playAnimation(value);\n setTextAnimationType('disappear');\n timeoutId = setTimeout(() => {\n setDisplayValue(value);\n setTextAnimationType('reveal');\n }, 1200);\n } else if (!lottieInstance.current && value >= 0) {\n setDisplayValue(value);\n initializeAnimation(value);\n }\n\n return () => {\n if (timeoutId) clearTimeout(timeoutId);\n };\n }, [value, playAnimation, initializeAnimation]);\n\n return (\n <Wrapper $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\">\n <AnimatedText $renderAs=\"h4\" $color=\"YELLOW_4\" $animationType={textAnimationType}>\n {displayValue}\n </AnimatedText>\n\n <AnimationContainer ref={lottieContainer} $width={90} $height={55} />\n </Wrapper>\n );\n};\n\nexport default memo(PerfectHits);\n"],"names":["PerfectHits","value","lottieContainer","useRef","lottieInstance","textAnimationType","setTextAnimationType","useState","displayValue","setDisplayValue","playAnimation","useCallback","num","RANGE_SIZE","_a","nextAnimationData","getAnimationFile","nextInstance","lottieWeb","initializeAnimation","animationData","instance","useEffect","timeoutId","Wrapper","jsx","AnimatedText","AnimationContainer","perfectHits","memo"],"mappings":";;;;;;AAQA,MAAMA,IAA2C,CAAC,EAAE,OAAAC,QAAY;AACxD,QAAAC,IAAkBC,EAA8B,IAAI,GACpDC,IAAiBD,EAA6B,IAAI,GAClD,CAACE,GAAmBC,CAAoB,IAAIC,EAA6B,QAAQ,GACjF,CAACC,GAAcC,CAAe,IAAIF,EAASN,KAAS,CAAC,GAErDS,IAAgBC;AAAA,IACpB,CAACC,MAAgB;;AAGX,MAFmBA,IAAMC,MAAe,KAEtBT,EAAe,WACnCA,EAAe,QAAQ,aAAa,CAAC,IAAI,GAAG,GAAG,EAAI,GACpCA,EAAA,QAAQ,iBAAiB,YAAY,YAAY;;AAC9D,YAAIF,EAAgB,SAAS;AAC3B,WAAAY,IAAAV,EAAe,YAAf,QAAAU,EAAwB;AAClB,gBAAAC,IAAoB,MAAMC,EAAiBJ,CAAG;AAEpD,cAAIG,GAAmB;AACf,kBAAAE,IAAeC,EAAU,cAAc;AAAA,cAC3C,WAAWhB,EAAgB;AAAA,cAC3B,UAAU;AAAA,cACV,MAAM;AAAA,cACN,UAAU;AAAA,cACV,eAAea;AAAA,YAAA,CAChB;AAED,YAAAX,EAAe,UAAUa,GACzBb,EAAe,QAAQ,aAAa,CAAC,GAAG,EAAE,GAAG,EAAI;AAAA,~~UACnD~~;AAAA,~~QACF~~;AAAA,~~MAAA~~,CACD,MAEDU,IAAAV,EAAe,YAAf,QAAAU,EAAwB,aAAa,CAAC,IAAI,EAAE,GAAG;AAAA,IAEnD;AAAA,IACA,CAACV,CAAc;AAAA,~~EAAA~~,~~GAGXe~~,IAAsBR,EAAY,OAAOC,MAAgB;AACvD,UAAAQ,IAAgB,MAAMJ,EAAiBJ,CAAG;AAE5C,QAAAQ,KAAiBlB,EAAgB,SAAS;AACtC,YAAAmB,IAAWH,EAAU,cAAc;AAAA,QACvC,WAAWhB,EAAgB;AAAA,QAC3B,UAAU;AAAA,QACV,MAAM;AAAA,QACN,UAAU;AAAA,QACV,eAAAkB;AAAA,MAAA,CACD;AAED,MAAAhB,EAAe,UAAUiB,GAEVjB,EAAA,QAAQ,YAAY,IAAI,EAAI;AAAA,~~IAC7C~~;AAAA,~~EACF~~,GAAG,~~CAAE,CAAA~~;AAEL,SAAAkB,EAAU,MACD,MAAM;AACX,IAAIlB,EAAe,WACjBA,EAAe,QAAQ;~~EACzB~~,~~GAED~~,~~CAAE~~,~~CAAA~~,GAELkB,EAAU,MAAM;AACd,QAAIC,IAAmC;AAEnC,WAAAtB,IAAQ,KAAKG,EAAe,WAC9BM,EAAcT,CAAK,GACnBK,EAAqB,WAAW,GAChCiB,IAAY,WAAW,MAAM;AAC3B,MAAAd,EAAgBR,CAAK,GACrBK,EAAqB,QAAQ;AAAA,OAC5B,IAAI,KACE,CAACF,EAAe,WAAWH,KAAS,MAC7CQ,EAAgBR,CAAK,GACrBkB,EAAoBlB,CAAK,IAGpB,MAAM;AACP,MAAAsB,kBAAwBA,CAAS;AAAA,~~IAAA~~;AAAA,~~EAEtC~~,GAAA,CAACtB,GAAOS,GAAeS,CAAmB,CAAC,qBAG3CK,GAAQ,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UACjE,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAa,WAAU,MAAK,QAAO,YAAW,gBAAgBrB,GAC5D,UACHG,EAAA,CAAA;AAAA,sBAECmB,GAAmB,EAAA,KAAKzB,GAAiB,QAAQ,IAAI,SAAS,~~IAAI~~;AAAA,~~EACrE,~~EAAA,~~CAAA~~;AAEJ,GAEe0B,IAAAC,EAAK7B,CAAW;"}
1	+ {"version":3,"file":"perfect-hits.js","sources":["../../../../src/features/ui/perfect-hits/perfect-hits.tsx"],"sourcesContent":["import type { IPerfectHitsProps, TTextAnimationType } from './perfect-hits-types';\n\nimport lottieWeb, { type AnimationItem } from 'lottie-web';\nimport { memo, useCallback, useEffect, useRef, useState } from 'react';\n\nimport { RANGE_SIZE, getAnimationFile } from './perfect-hits-helpers';\nimport { Wrapper, AnimatedText, AnimationContainer } from './perfect-hits-styled';\n\nconst PerfectHits: React.FC<IPerfectHitsProps> = ({ value }) => {\n const lottieContainer = useRef<HTMLDivElement \| null>(null);\n const lottieInstance = useRef<AnimationItem \| null>(null);\n const [textAnimationType, setTextAnimationType] = useState<TTextAnimationType>('reveal');\n const [displayValue, setDisplayValue] = useState(value ?? 0);\n\n const playAnimation = useCallback(\n (num: number) => {\n const isLevelChanged = num % RANGE_SIZE === 0;\n\n if (isLevelChanged && lottieInstance.current) {\n lottieInstance.current.playSegments([84, 117], true);\n lottieInstance.current.addEventListener('complete', async () => {\n if (lottieContainer.current) {\n lottieInstance.current?.destroy();\n const nextAnimationData = await getAnimationFile(num);\n\n if (nextAnimationData) {\n const nextInstance = lottieWeb.loadAnimation({\n container: lottieContainer.current,\n renderer: 'svg',\n loop: false,\n autoplay: false,\n animationData: nextAnimationData,\n });\n\n lottieInstance.current = nextInstance;\n lottieInstance.current.playSegments([0, 36], true);\n }\n }\n });\n } else {\n lottieInstance.current?.playSegments([36, 83], true);\n }\n },\n [lottieInstance],\n );\n\n const initializeAnimation = useCallback(async (num: number) => {\n const animationData = await getAnimationFile(num);\n\n if (animationData && lottieContainer.current) {\n const instance = lottieWeb.loadAnimation({\n container: lottieContainer.current,\n renderer: 'svg',\n loop: false,\n autoplay: false,\n animationData,\n });\n\n lottieInstance.current = instance;\n\n lottieInstance.current.goToAndStop(36, true);\n }\n }, []);\n\n useEffect(() => {\n return () => {\n if (lottieInstance.current) {\n lottieInstance.current.destroy();\n }\n };\n }, []);\n\n useEffect(() => {\n let timeoutId: NodeJS.Timeout \| null = null;\n\n if (value > 0 && lottieInstance.current) {\n playAnimation(value);\n setTextAnimationType('disappear');\n timeoutId = setTimeout(() => {\n setDisplayValue(value);\n setTextAnimationType('reveal');\n }, 1200);\n } else if (!lottieInstance.current && value >= 0) {\n setDisplayValue(value);\n initializeAnimation(value);\n }\n\n return () => {\n if (timeoutId) clearTimeout(timeoutId);\n };\n }, [value, playAnimation, initializeAnimation]);\n\n return (\n <Wrapper $flexDirection=\"row\" $alignItems=\"center\" $justifyContent=\"center\">\n <AnimatedText $renderAs=\"h4\" $color=\"YELLOW_4\" $animationType={textAnimationType}>\n {displayValue}\n </AnimatedText>\n\n <AnimationContainer ref={lottieContainer} $width={90} $height={55} />\n </Wrapper>\n );\n};\n\nexport default memo(PerfectHits);\n"],"names":["PerfectHits","value","lottieContainer","useRef","lottieInstance","textAnimationType","setTextAnimationType","useState","displayValue","setDisplayValue","playAnimation","useCallback","num","RANGE_SIZE","_a","nextAnimationData","getAnimationFile","nextInstance","lottieWeb","initializeAnimation","animationData","instance","useEffect","timeoutId","Wrapper","jsx","AnimatedText","AnimationContainer","perfectHits","memo"],"mappings":";;;;;;AAQA,MAAMA,IAA2C,CAAC,EAAE,OAAAC,QAAY;AACxD,QAAAC,IAAkBC,EAA8B,IAAI,GACpDC,IAAiBD,EAA6B,IAAI,GAClD,CAACE,GAAmBC,CAAoB,IAAIC,EAA6B,QAAQ,GACjF,CAACC,GAAcC,CAAe,IAAIF,EAASN,KAAS,CAAC,GAErDS,IAAgBC;AAAA,IACpB,CAACC,MAAgB;;AAGX,MAFmBA,IAAMC,MAAe,KAEtBT,EAAe,WACnCA,EAAe,QAAQ,aAAa,CAAC,IAAI,GAAG,GAAG,EAAI,GACpCA,EAAA,QAAQ,iBAAiB,YAAY,YAAY;;AAC9D,YAAIF,EAAgB,SAAS;AAC3B,WAAAY,IAAAV,EAAe,YAAf,QAAAU,EAAwB;AAClB,gBAAAC,IAAoB,MAAMC,EAAiBJ,CAAG;AAEpD,cAAIG,GAAmB;AACf,kBAAAE,IAAeC,EAAU,cAAc;AAAA,cAC3C,WAAWhB,EAAgB;AAAA,cAC3B,UAAU;AAAA,cACV,MAAM;AAAA,cACN,UAAU;AAAA,cACV,eAAea;AAAA,YAAA,CAChB;AAED,YAAAX,EAAe,UAAUa,GACzBb,EAAe,QAAQ,aAAa,CAAC,GAAG,EAAE,GAAG,EAAI;AAAA,UAAA;AAAA,QACnD;AAAA,MACF,CACD,MAEDU,IAAAV,EAAe,YAAf,QAAAU,EAAwB,aAAa,CAAC,IAAI,EAAE,GAAG;AAAA,IAEnD;AAAA,IACA,CAACV,CAAc;AAAA,EACjB,GAEMe,IAAsBR,EAAY,OAAOC,MAAgB;AACvD,UAAAQ,IAAgB,MAAMJ,EAAiBJ,CAAG;AAE5C,QAAAQ,KAAiBlB,EAAgB,SAAS;AACtC,YAAAmB,IAAWH,EAAU,cAAc;AAAA,QACvC,WAAWhB,EAAgB;AAAA,QAC3B,UAAU;AAAA,QACV,MAAM;AAAA,QACN,UAAU;AAAA,QACV,eAAAkB;AAAA,MAAA,CACD;AAED,MAAAhB,EAAe,UAAUiB,GAEVjB,EAAA,QAAQ,YAAY,IAAI,EAAI;AAAA,IAAA;AAAA,EAE/C,GAAG,EAAE;AAEL,SAAAkB,EAAU,MACD,MAAM;AACX,IAAIlB,EAAe,WACjBA,EAAe,QAAQ,QAAQ;AAAA,EAEnC,GACC,EAAE,GAELkB,EAAU,MAAM;AACd,QAAIC,IAAmC;AAEnC,WAAAtB,IAAQ,KAAKG,EAAe,WAC9BM,EAAcT,CAAK,GACnBK,EAAqB,WAAW,GAChCiB,IAAY,WAAW,MAAM;AAC3B,MAAAd,EAAgBR,CAAK,GACrBK,EAAqB,QAAQ;AAAA,OAC5B,IAAI,KACE,CAACF,EAAe,WAAWH,KAAS,MAC7CQ,EAAgBR,CAAK,GACrBkB,EAAoBlB,CAAK,IAGpB,MAAM;AACP,MAAAsB,kBAAwBA,CAAS;AAAA,IACvC;AAAA,EACC,GAAA,CAACtB,GAAOS,GAAeS,CAAmB,CAAC,qBAG3CK,GAAQ,EAAA,gBAAe,OAAM,aAAY,UAAS,iBAAgB,UACjE,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAa,WAAU,MAAK,QAAO,YAAW,gBAAgBrB,GAC5D,UACHG,EAAA,CAAA;AAAA,sBAECmB,GAAmB,EAAA,KAAKzB,GAAiB,QAAQ,IAAI,SAAS,GAAI,CAAA;AAAA,EAAA,GACrE;AAEJ,GAEe0B,IAAAC,EAAK7B,CAAW;"}

package/dist/features/ui/radio-cards/radio-card-option/radio-card-option-styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio-card-option-styled.js","sources":["../../../../../src/features/ui/radio-cards/radio-card-option/radio-card-option-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../layout/flex-view';\n\ninterface IRadioCardOptionWrapperProps {\n $width?: string \| number;\n $widthX?: number;\n $selected?: boolean;\n}\n\nconst RadioCardOptionWrapper = styled.div<IRadioCardOptionWrapperProps>(\n ({ $width, $widthX, $selected, theme }) => {\n const { BLACK, GREY_2, WHITE } = theme.colors;\n const { gutter } = theme.layout;\n\n return `\n width: ${$width ?? 'auto'}${typeof $width === 'number' ? 'px' : ''};\n ${$widthX ? `width: ${$widthX * theme.layout.gutter}px;` : ''}\n padding: ${gutter}px;\n background-color: ${WHITE};\n border-radius: ${gutter * 0.5}px;\n\n border-width: 1px;\n border-color: ${$selected ? BLACK : GREY_2};\n border-style: solid;\n cursor: pointer;\n position: relative;\n \n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n height: 100%; // To keep it attached with Dummy border.\n `;\n },\n);\n\ninterface IDummyBorderProps {\n $selected?: boolean;\n}\n\nconst DummyBorder = styled.div<IDummyBorderProps>(({ $selected, theme }) => {\n return `\n border-radius: 9px;\n border-width: 1px;\n border-color: ${$selected ? theme.colors.BLACK : 'transparent'};\n border-style: solid;\n `;\n});\n\nconst RadioImageContainer = styled(FlexView)`\n width: 100%;\n`;\n\nconst ImageWrapper = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\ninterface IInputOptionCircleProps {\n $size: number;\n $innerCircle: boolean;\n}\n\nconst InputOptionCircle = styled.div<IInputOptionCircleProps>(({ theme, $size, $innerCircle }) => {\n const { BLACK, WHITE } = theme.colors;\n const { gutter } = theme.layout;\n\n return `\n position: relative;\n flex-shrink: 0;\n width: ${$size}px;\n height: ${$size}px;\n margin: ${gutter * 0.25}px;\n border-radius: ${$size / 2}px;\n background-color: ${$innerCircle ? BLACK : WHITE};\n border-color: ${BLACK};\n border-width: ${$innerCircle ? 0 : 2}px;\n border-style: solid;\n `;\n});\n\nconst InputOptionInnerCircle = styled.div`\n inset: 0;\n display: flex;\n position: absolute;\n align-items: center;\n justify-content: center;\n`;\n\nexport {\n RadioCardOptionWrapper,\n RadioImageContainer,\n ImageWrapper,\n InputOptionCircle,\n InputOptionInnerCircle,\n DummyBorder,\n};\n"],"names":["RadioCardOptionWrapper","styled","$width","$widthX","$selected","theme","BLACK","GREY_2","WHITE","gutter","DummyBorder","RadioImageContainer","FlexView","ImageWrapper","InputOptionCircle","$size","$innerCircle","InputOptionInnerCircle"],"mappings":";;AAUA,MAAMA,IAAyBC,EAAO;AAAA,EACpC,CAAC,EAAE,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,GAAW,OAAAC,QAAY;AACzC,UAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,OAAAC,~~EAAA~~,~~IAAUH,~~EAAM,QACjC,EAAE,QAAAI,~~EAAO~~,~~IAAIJ,~~EAAM;AAElB,WAAA;AAAA,eACIH,KAAU,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA,QAChEC,IAAU,UAAUA,IAAUE,EAAM,OAAO,MAAM,QAAQ,EAAE;AAAA,iBAClDI,CAAM;AAAA,0BACGD,CAAK;AAAA,uBACRC,IAAS,GAAG;AAAA;AAAA;AAAA,sBAGbL,IAAYE,IAAQC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~EAU9C~~;~~AACF~~,GAMMG,IAAcT,EAAO,IAAuB,CAAC,EAAE,WAAAG,GAAW,OAAAC,QACvD;AAAA;AAAA;AAAA,oBAGWD,IAAYC,EAAM,OAAO,QAAQ,aAAa;AAAA;AAAA,GAGjE,GAEKM,IAAsBV,EAAOW,CAAQ;AAAA;AAAA,GAIrCC,IAAeZ,EAAO;AAAA;AAAA;AAAA;AAAA,GAWtBa,IAAoBb,EAAO,IAA6B,CAAC,EAAE,OAAAI,GAAO,OAAAU,GAAO,cAAAC,QAAmB;AAChG,QAAM,EAAE,OAAAV,GAAO,OAAAE,~~MAAUH~~,EAAM,QACzB,EAAE,QAAAI,~~EAAO~~,~~IAAIJ,~~EAAM;AAElB,SAAA;AAAA;AAAA;AAAA,aAGIU,CAAK;AAAA,cACJA,CAAK;AAAA,cACLN,IAAS,IAAI;AAAA,qBACNM,IAAQ,CAAC;AAAA,wBACNC,IAAeV,IAAQE,CAAK;AAAA,oBAChCF,CAAK;AAAA,oBACLU,IAAe,IAAI,CAAC;AAAA;AAAA;AAGxC,CAAC,GAEKC,IAAyBhB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
1	+ {"version":3,"file":"radio-card-option-styled.js","sources":["../../../../../src/features/ui/radio-cards/radio-card-option/radio-card-option-styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport FlexView from '../../layout/flex-view';\n\ninterface IRadioCardOptionWrapperProps {\n $width?: string \| number;\n $widthX?: number;\n $selected?: boolean;\n}\n\nconst RadioCardOptionWrapper = styled.div<IRadioCardOptionWrapperProps>(\n ({ $width, $widthX, $selected, theme }) => {\n const { BLACK, GREY_2, WHITE } = theme.colors;\n const { gutter } = theme.layout;\n\n return `\n width: ${$width ?? 'auto'}${typeof $width === 'number' ? 'px' : ''};\n ${$widthX ? `width: ${$widthX * theme.layout.gutter}px;` : ''}\n padding: ${gutter}px;\n background-color: ${WHITE};\n border-radius: ${gutter * 0.5}px;\n\n border-width: 1px;\n border-color: ${$selected ? BLACK : GREY_2};\n border-style: solid;\n cursor: pointer;\n position: relative;\n \n display: flex;\n flex-direction: row;\n flex-wrap: nowrap;\n height: 100%; // To keep it attached with Dummy border.\n `;\n },\n);\n\ninterface IDummyBorderProps {\n $selected?: boolean;\n}\n\nconst DummyBorder = styled.div<IDummyBorderProps>(({ $selected, theme }) => {\n return `\n border-radius: 9px;\n border-width: 1px;\n border-color: ${$selected ? theme.colors.BLACK : 'transparent'};\n border-style: solid;\n `;\n});\n\nconst RadioImageContainer = styled(FlexView)`\n width: 100%;\n`;\n\nconst ImageWrapper = styled.div`\n display: flex;\n align-items: center;\n justify-content: center;\n`;\n\ninterface IInputOptionCircleProps {\n $size: number;\n $innerCircle: boolean;\n}\n\nconst InputOptionCircle = styled.div<IInputOptionCircleProps>(({ theme, $size, $innerCircle }) => {\n const { BLACK, WHITE } = theme.colors;\n const { gutter } = theme.layout;\n\n return `\n position: relative;\n flex-shrink: 0;\n width: ${$size}px;\n height: ${$size}px;\n margin: ${gutter * 0.25}px;\n border-radius: ${$size / 2}px;\n background-color: ${$innerCircle ? BLACK : WHITE};\n border-color: ${BLACK};\n border-width: ${$innerCircle ? 0 : 2}px;\n border-style: solid;\n `;\n});\n\nconst InputOptionInnerCircle = styled.div`\n inset: 0;\n display: flex;\n position: absolute;\n align-items: center;\n justify-content: center;\n`;\n\nexport {\n RadioCardOptionWrapper,\n RadioImageContainer,\n ImageWrapper,\n InputOptionCircle,\n InputOptionInnerCircle,\n DummyBorder,\n};\n"],"names":["RadioCardOptionWrapper","styled","$width","$widthX","$selected","theme","BLACK","GREY_2","WHITE","gutter","DummyBorder","RadioImageContainer","FlexView","ImageWrapper","InputOptionCircle","$size","$innerCircle","InputOptionInnerCircle"],"mappings":";;AAUA,MAAMA,IAAyBC,EAAO;AAAA,EACpC,CAAC,EAAE,QAAAC,GAAQ,SAAAC,GAAS,WAAAC,GAAW,OAAAC,QAAY;AACzC,UAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,OAAAC,MAAUH,EAAM,QACjC,EAAE,QAAAI,MAAWJ,EAAM;AAElB,WAAA;AAAA,eACIH,KAAU,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA,QAChEC,IAAU,UAAUA,IAAUE,EAAM,OAAO,MAAM,QAAQ,EAAE;AAAA,iBAClDI,CAAM;AAAA,0BACGD,CAAK;AAAA,uBACRC,IAAS,GAAG;AAAA;AAAA;AAAA,sBAGbL,IAAYE,IAAQC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAWhD,GAMMG,IAAcT,EAAO,IAAuB,CAAC,EAAE,WAAAG,GAAW,OAAAC,QACvD;AAAA;AAAA;AAAA,oBAGWD,IAAYC,EAAM,OAAO,QAAQ,aAAa;AAAA;AAAA,GAGjE,GAEKM,IAAsBV,EAAOW,CAAQ;AAAA;AAAA,GAIrCC,IAAeZ,EAAO;AAAA;AAAA;AAAA;AAAA,GAWtBa,IAAoBb,EAAO,IAA6B,CAAC,EAAE,OAAAI,GAAO,OAAAU,GAAO,cAAAC,QAAmB;AAChG,QAAM,EAAE,OAAAV,GAAO,OAAAE,EAAM,IAAIH,EAAM,QACzB,EAAE,QAAAI,MAAWJ,EAAM;AAElB,SAAA;AAAA;AAAA;AAAA,aAGIU,CAAK;AAAA,cACJA,CAAK;AAAA,cACLN,IAAS,IAAI;AAAA,qBACNM,IAAQ,CAAC;AAAA,wBACNC,IAAeV,IAAQE,CAAK;AAAA,oBAChCF,CAAK;AAAA,oBACLU,IAAe,IAAI,CAAC;AAAA;AAAA;AAGxC,CAAC,GAEKC,IAAyBhB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/features/ui/radio-cards/radio-card-option/radio-card-option.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio-card-option.js","sources":["../../../../../src/features/ui/radio-cards/radio-card-option/radio-card-option.tsx"],"sourcesContent":["import type { IRadioCardOptionProps } from './radio-card-option-types';\n\nimport { useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport useResponseHandler from '../../hooks/use-response-handler';\nimport FlexView from '../../layout/flex-view';\nimport Text from '../../text/text';\nimport * as Styled from './radio-card-option-styled';\n\nconst RadioCardOption = <IDTypes extends string \| number>({\n id,\n title,\n description,\n checked,\n Icon,\n onChange,\n width,\n widthX,\n analyticsLabel,\n analyticsProps,\n horizontalCard,\n}: IRadioCardOptionProps<IDTypes>) => {\n const theme = useTheme();\n const { gutter } = theme.layout;\n\n const handleTracking = useResponseHandler({ analyticsLabel, analyticsProps });\n\n const handleOnCardClick = useCallback(() => {\n if (typeof onChange !== 'function') {\n throw new Error('onChange must be a function');\n }\n\n if (!checked) {\n onChange(id);\n handleTracking(id);\n }\n }, [checked, handleTracking, id, onChange]);\n\n return (\n <Styled.DummyBorder $selected={checked}>\n <Styled.RadioCardOptionWrapper\n $width={width}\n $widthX={widthX}\n $selected={checked}\n onClick={handleOnCardClick}\n >\n <Styled.RadioImageContainer\n $flexDirection={horizontalCard ? 'row' : 'column'}\n $alignItems=\"flex-start\"\n $flexGap={horizontalCard ? 0 : 16}\n >\n <Styled.ImageWrapper>{Icon}</Styled.ImageWrapper>\n\n <FlexView $gutter={horizontalCard ? 16 : 0} $flexGapX={0.25}>\n <Text $renderAs=\"h6\">{title}</Text>\n {description && (\n <Text $renderAs=\"body2\" $color=\"BLACK_75\">\n {description}\n </Text>\n )}\n </FlexView>\n </Styled.RadioImageContainer>\n <Styled.InputOptionCircle $size={gutter} $innerCircle={false}>\n {checked && (\n <Styled.InputOptionInnerCircle>\n <Styled.InputOptionCircle $size={gutter * 0.5} $innerCircle={true} />\n </Styled.InputOptionInnerCircle>\n )}\n </Styled.InputOptionCircle>\n </Styled.RadioCardOptionWrapper>\n </Styled.DummyBorder>\n );\n};\n\nexport default RadioCardOption;\n"],"names":["RadioCardOption","id","title","description","checked","Icon","onChange","width","widthX","analyticsLabel","analyticsProps","horizontalCard","theme","useTheme","gutter","handleTracking","useResponseHandler","handleOnCardClick","useCallback","jsx","Styled.DummyBorder","jsxs","Styled.RadioCardOptionWrapper","Styled.RadioImageContainer","Styled.ImageWrapper","FlexView","Text","Styled.InputOptionCircle","Styled.InputOptionInnerCircle"],"mappings":";;;;;;;AAUA,MAAMA,IAAkB,CAAkC;AAAA,EACxD,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AACF,MAAsC;AACpC,QAAMC,IAAQC,~~KACR~~,EAAE,QAAAC,~~EAAO~~,~~IAAIF,~~EAAM,QAEnBG,IAAiBC,EAAmB,EAAE,gBAAAP,GAAgB,gBAAAC,~~EAAgB~~,~~CAAA,~~GAEtEO,IAAoBC,EAAY,MAAM;AACtC,QAAA,OAAOZ,KAAa;AAChB,YAAA,IAAI,MAAM,6BAA6B;AAG/C,IAAKF,MACHE,EAASL,CAAE,GACXc,EAAed,CAAE;AAAA,KAElB,CAACG,GAASW,GAAgBd,GAAIK,CAAQ,CAAC;AAE1C,SACG,gBAAAa,EAAAC,GAAA,EAAmB,WAAWhB,GAC7B,UAAA,gBAAAiB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAQf;AAAA,MACR,SAASC;AAAA,MACT,WAAWJ;AAAA,MACX,SAASa;AAAA,MAET,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,gBAAgBZ,IAAiB,QAAQ;AAAA,YACzC,aAAY;AAAA,YACZ,UAAUA,IAAiB,IAAI;AAAA,YAE/B,UAAA;AAAA,cAAC,gBAAAQ,EAAAK,GAAA,EAAqB,UAAKnB,EAAA,CAAA;AAAA,gCAE1BoB,GAAS,EAAA,SAASd,IAAiB,KAAK,GAAG,WAAW,MACrD,UAAA;AAAA,gBAAC,gBAAAQ,EAAAO,GAAA,EAAK,WAAU,MAAM,UAAMxB,GAAA;AAAA,gBAC3BC,KACE,gBAAAgB,EAAAO,GAAA,EAAK,WAAU,SAAQ,QAAO,YAC5B,UACHvB,~~GAAA~~;AAAA,cAAA,~~GAEJ~~;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACA,gBAAAgB,EAACQ,GAAA,EAAyB,OAAOb,GAAQ,cAAc,IACpD,UAAAV,KACE,gBAAAe,EAAAS,GAAA,EACC,UAAA,gBAAAT,EAACQ,GAAA,EAAyB,OAAOb,IAAS,KAAK,cAAc,~~GAAM~~,~~CAAA~~,~~EACrE~~,CAAA~~,GAEJ~~;AAAA,MAAA;AAAA,IAAA;AAAA,~~EAEJ,~~EAAA,~~CAAA~~;AAEJ;"}
1	+ {"version":3,"file":"radio-card-option.js","sources":["../../../../../src/features/ui/radio-cards/radio-card-option/radio-card-option.tsx"],"sourcesContent":["import type { IRadioCardOptionProps } from './radio-card-option-types';\n\nimport { useCallback } from 'react';\nimport { useTheme } from 'styled-components';\n\nimport useResponseHandler from '../../hooks/use-response-handler';\nimport FlexView from '../../layout/flex-view';\nimport Text from '../../text/text';\nimport * as Styled from './radio-card-option-styled';\n\nconst RadioCardOption = <IDTypes extends string \| number>({\n id,\n title,\n description,\n checked,\n Icon,\n onChange,\n width,\n widthX,\n analyticsLabel,\n analyticsProps,\n horizontalCard,\n}: IRadioCardOptionProps<IDTypes>) => {\n const theme = useTheme();\n const { gutter } = theme.layout;\n\n const handleTracking = useResponseHandler({ analyticsLabel, analyticsProps });\n\n const handleOnCardClick = useCallback(() => {\n if (typeof onChange !== 'function') {\n throw new Error('onChange must be a function');\n }\n\n if (!checked) {\n onChange(id);\n handleTracking(id);\n }\n }, [checked, handleTracking, id, onChange]);\n\n return (\n <Styled.DummyBorder $selected={checked}>\n <Styled.RadioCardOptionWrapper\n $width={width}\n $widthX={widthX}\n $selected={checked}\n onClick={handleOnCardClick}\n >\n <Styled.RadioImageContainer\n $flexDirection={horizontalCard ? 'row' : 'column'}\n $alignItems=\"flex-start\"\n $flexGap={horizontalCard ? 0 : 16}\n >\n <Styled.ImageWrapper>{Icon}</Styled.ImageWrapper>\n\n <FlexView $gutter={horizontalCard ? 16 : 0} $flexGapX={0.25}>\n <Text $renderAs=\"h6\">{title}</Text>\n {description && (\n <Text $renderAs=\"body2\" $color=\"BLACK_75\">\n {description}\n </Text>\n )}\n </FlexView>\n </Styled.RadioImageContainer>\n <Styled.InputOptionCircle $size={gutter} $innerCircle={false}>\n {checked && (\n <Styled.InputOptionInnerCircle>\n <Styled.InputOptionCircle $size={gutter * 0.5} $innerCircle={true} />\n </Styled.InputOptionInnerCircle>\n )}\n </Styled.InputOptionCircle>\n </Styled.RadioCardOptionWrapper>\n </Styled.DummyBorder>\n );\n};\n\nexport default RadioCardOption;\n"],"names":["RadioCardOption","id","title","description","checked","Icon","onChange","width","widthX","analyticsLabel","analyticsProps","horizontalCard","theme","useTheme","gutter","handleTracking","useResponseHandler","handleOnCardClick","useCallback","jsx","Styled.DummyBorder","jsxs","Styled.RadioCardOptionWrapper","Styled.RadioImageContainer","Styled.ImageWrapper","FlexView","Text","Styled.InputOptionCircle","Styled.InputOptionInnerCircle"],"mappings":";;;;;;;AAUA,MAAMA,IAAkB,CAAkC;AAAA,EACxD,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AACF,MAAsC;AACpC,QAAMC,IAAQC,EAAS,GACjB,EAAE,QAAAC,MAAWF,EAAM,QAEnBG,IAAiBC,EAAmB,EAAE,gBAAAP,GAAgB,gBAAAC,GAAgB,GAEtEO,IAAoBC,EAAY,MAAM;AACtC,QAAA,OAAOZ,KAAa;AAChB,YAAA,IAAI,MAAM,6BAA6B;AAG/C,IAAKF,MACHE,EAASL,CAAE,GACXc,EAAed,CAAE;AAAA,KAElB,CAACG,GAASW,GAAgBd,GAAIK,CAAQ,CAAC;AAE1C,SACG,gBAAAa,EAAAC,GAAA,EAAmB,WAAWhB,GAC7B,UAAA,gBAAAiB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,QAAQf;AAAA,MACR,SAASC;AAAA,MACT,WAAWJ;AAAA,MACX,SAASa;AAAA,MAET,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAACE;AAAAA,UAAA;AAAA,YACC,gBAAgBZ,IAAiB,QAAQ;AAAA,YACzC,aAAY;AAAA,YACZ,UAAUA,IAAiB,IAAI;AAAA,YAE/B,UAAA;AAAA,cAAC,gBAAAQ,EAAAK,GAAA,EAAqB,UAAKnB,EAAA,CAAA;AAAA,gCAE1BoB,GAAS,EAAA,SAASd,IAAiB,KAAK,GAAG,WAAW,MACrD,UAAA;AAAA,gBAAC,gBAAAQ,EAAAO,GAAA,EAAK,WAAU,MAAM,UAAMxB,GAAA;AAAA,gBAC3BC,KACE,gBAAAgB,EAAAO,GAAA,EAAK,WAAU,SAAQ,QAAO,YAC5B,UACHvB,EAAA,CAAA;AAAA,cAAA,EAEJ,CAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,QACA,gBAAAgB,EAACQ,GAAA,EAAyB,OAAOb,GAAQ,cAAc,IACpD,UAAAV,KACE,gBAAAe,EAAAS,GAAA,EACC,UAAA,gBAAAT,EAACQ,GAAA,EAAyB,OAAOb,IAAS,KAAK,cAAc,IAAM,EAAA,CACrE,EAEJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/features/ui/radio-cards/radio-cards.js CHANGED Viewed

@@ -1,36 +1,36 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import x from "../layout/flex-view.js";
 import u from "./radio-card-option/radio-card-option.js";
-const $ = ({
-  options: e,
+const C = ({
+  options: o,
   value: t,
   width: i,
   widthX: a,
   onChange: d,
   analyticsLabel: n,
-  analyticsProps: c,
-  horizontalCard: p
-}) => /* @__PURE__ */ o(x, { $flexWrap: !0, $flexDirection: "row", $flexGapX: 1, children: e.map((s) => {
-  const { title: f, Icon: l, description: m, id: r } = s;
-  return /* @__PURE__ */ o(
+  analyticsProps: p,
+  horizontalCard: c
+}) => /* @__PURE__ */ e(x, { $flexWrap: !0, $flexDirection: "row", $flexGapX: 1, children: o.map((f) => {
+  const { title: l, Icon: m, description: s, id: r } = f;
+  return /* @__PURE__ */ e(
     u,
     {
-      title: f,
-      description: m,
+      title: l,
+      description: s,
       checked: t === r,
-      Icon: l,
+      Icon: m,
       id: r,
       onChange: d,
       width: i,
       widthX: a,
       analyticsLabel: n,
-      analyticsProps: c,
-      horizontalCard: p
+      analyticsProps: p,
+      horizontalCard: c
     },
     r
   );
-}) }), w = $;
+}) });
 export {
-  w as default
+  C as default
 };
 //# sourceMappingURL=radio-cards.js.map

package/dist/features/ui/radio-cards/radio-cards.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"radio-cards.js","sources":["../../../../src/features/ui/radio-cards/radio-cards.tsx"],"sourcesContent":["import type { IRadioCardListProps } from './radio-cards-types';\n\nimport FlexView from '../layout/flex-view';\nimport RadioCardOption from './radio-card-option/radio-card-option';\n\nconst RadioCards = <IDType extends string \| number>({\n options,\n value,\n width,\n widthX,\n onChange,\n analyticsLabel,\n analyticsProps,\n horizontalCard,\n}: IRadioCardListProps<IDType>) => {\n return (\n <FlexView $flexWrap $flexDirection=\"row\" $flexGapX={1}>\n {options.map(option => {\n const { title, Icon, description, id } = option;\n\n return (\n <RadioCardOption<IDType>\n key={id}\n title={title}\n description={description}\n checked={value === id}\n Icon={Icon}\n id={id}\n onChange={onChange}\n width={width}\n widthX={widthX}\n analyticsLabel={analyticsLabel}\n analyticsProps={analyticsProps}\n horizontalCard={horizontalCard}\n />\n );\n })}\n </FlexView>\n );\n};\n\nexport default RadioCards;\n"],"names":["RadioCards","options","value","width","widthX","onChange","analyticsLabel","analyticsProps","horizontalCard","jsx","FlexView","option","title","Icon","description","id","RadioCardOption"~~,"RadioCards$1"~~],"mappings":";;;AAKA,MAAMA,IAAa,CAAiC;AAAA,EAClD,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AACF,MAEI,gBAAAC,EAACC,GAAS,EAAA,WAAS,IAAC,gBAAe,OAAM,WAAW,GACjD,UAAQT,EAAA,IAAI,CAAUU,MAAA;AACrB,QAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,aAAAC,GAAa,IAAAC,~~MAAOJ~~;AAGvC,SAAA,gBAAAF;AAAA,IAACO;AAAA,IAAA;AAAA,MAEC,OAAAJ;AAAA,MACA,aAAAE;AAAA,MACA,SAASZ,MAAUa;AAAA,MACnB,MAAAF;AAAA,MACA,IAAAE;AAAA,MACA,UAAAV;AAAA,MACA,OAAAF;AAAA,MACA,QAAAC;AAAA,MACA,gBAAAE;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,IAAA;AAAA,IAXKO;AAAA,~~EAAA~~;~~AAcV~~,CAAA,~~EACH,CAAA,GAIJE,IAAejB~~;"}
1	+ {"version":3,"file":"radio-cards.js","sources":["../../../../src/features/ui/radio-cards/radio-cards.tsx"],"sourcesContent":["import type { IRadioCardListProps } from './radio-cards-types';\n\nimport FlexView from '../layout/flex-view';\nimport RadioCardOption from './radio-card-option/radio-card-option';\n\nconst RadioCards = <IDType extends string \| number>({\n options,\n value,\n width,\n widthX,\n onChange,\n analyticsLabel,\n analyticsProps,\n horizontalCard,\n}: IRadioCardListProps<IDType>) => {\n return (\n <FlexView $flexWrap $flexDirection=\"row\" $flexGapX={1}>\n {options.map(option => {\n const { title, Icon, description, id } = option;\n\n return (\n <RadioCardOption<IDType>\n key={id}\n title={title}\n description={description}\n checked={value === id}\n Icon={Icon}\n id={id}\n onChange={onChange}\n width={width}\n widthX={widthX}\n analyticsLabel={analyticsLabel}\n analyticsProps={analyticsProps}\n horizontalCard={horizontalCard}\n />\n );\n })}\n </FlexView>\n );\n};\n\nexport default RadioCards;\n"],"names":["RadioCards","options","value","width","widthX","onChange","analyticsLabel","analyticsProps","horizontalCard","jsx","FlexView","option","title","Icon","description","id","RadioCardOption"],"mappings":";;;AAKA,MAAMA,IAAa,CAAiC;AAAA,EAClD,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AACF,MAEI,gBAAAC,EAACC,GAAS,EAAA,WAAS,IAAC,gBAAe,OAAM,WAAW,GACjD,UAAQT,EAAA,IAAI,CAAUU,MAAA;AACrB,QAAM,EAAE,OAAAC,GAAO,MAAAC,GAAM,aAAAC,GAAa,IAAAC,EAAO,IAAAJ;AAGvC,SAAA,gBAAAF;AAAA,IAACO;AAAA,IAAA;AAAA,MAEC,OAAAJ;AAAA,MACA,aAAAE;AAAA,MACA,SAASZ,MAAUa;AAAA,MACnB,MAAAF;AAAA,MACA,IAAAE;AAAA,MACA,UAAAV;AAAA,MACA,OAAAF;AAAA,MACA,QAAAC;AAAA,MACA,gBAAAE;AAAA,MACA,gBAAAC;AAAA,MACA,gBAAAC;AAAA,IAAA;AAAA,IAXKO;AAAA,EAYP;AAEH,CAAA,GACH;"}

package/dist/features/ui/section-list/section-list.js CHANGED Viewed

@@ -1,17 +1,17 @@
 import { jsx as t, Fragment as p, jsxs as h } from "react/jsx-runtime";
-import { memo as $, Fragment as m } from "react";
+import { memo as $, Fragment as c } from "react";
 import f from "../layout/flex-view.js";
-const g = (i) => {
-  const { data: n, renderSectionHeader: o, renderItem: s, keyExtractor: a } = i;
-  return /* @__PURE__ */ t(p, { children: n.map((e, d) => /* @__PURE__ */ h(f, { children: [
-    n.length > 1 && o && o(e),
-    /* @__PURE__ */ t(m, { children: e.data.map((r, c) => {
-      const l = a ? a(r, c) : `${r}_${c}`;
-      return /* @__PURE__ */ t(m, { children: s(r) }, l);
+const g = (d) => {
+  const { data: n, renderSectionHeader: o, renderItem: i, keyExtractor: a } = d;
+  return /* @__PURE__ */ t(p, { children: n.map((r, l) => /* @__PURE__ */ h(f, { children: [
+    n.length > 1 && o && o(r),
+    /* @__PURE__ */ t(c, { children: r.data.map((e, m) => {
+      const s = a ? a(e, m) : `${e}_${m}`;
+      return /* @__PURE__ */ t(c, { children: i(e) }, s);
     }) })
-  ] }, `${e.title}_${d}`)) });
-}, u = $(g), L = u;
+  ] }, `${r.title}_${l}`)) });
+}, S = $(g);
 export {
-  L as default
+  S as default
 };
 //# sourceMappingURL=section-list.js.map

package/dist/features/ui/section-list/section-list.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"section-list.js","sources":["../../../../src/features/ui/section-list/section-list.tsx"],"sourcesContent":["import type { ISectionList, TDefaultSection } from './section-list-types';\n\nimport { Fragment, memo } from 'react';\n\nimport FlexView from '../layout/flex-view';\n\nconst SectionListComponent = <Section extends string \| number \| TDefaultSection>(\n props: ISectionList<Section>,\n): JSX.Element => {\n const { data, renderSectionHeader, renderItem, keyExtractor } = props;\n\n return (\n <>\n {data.map((section, idx) => {\n return (\n <FlexView key={`${section.title}_${idx}`}>\n {data.length > 1 && renderSectionHeader && renderSectionHeader(section)}\n\n <Fragment>\n {section.data.map((item, itemIdx) => {\n const key = keyExtractor ? keyExtractor(item, itemIdx) : `${item}_${itemIdx}`;\n\n return <Fragment key={key}>{renderItem(item)}</Fragment>;\n })}\n </Fragment>\n </FlexView>\n );\n })}\n </>\n );\n};\n\nconst SelectionList = memo(SectionListComponent) as <\n Section extends string \| number \| TDefaultSection,\n>(\n props: ISectionList<Section>,\n) => JSX.Element;\n\nexport default SelectionList;\n"],"names":["SectionListComponent","props","data","renderSectionHeader","renderItem","keyExtractor","jsx","Fragment","section","idx","FlexView","item","itemIdx","key","SelectionList","memo"~~,"SectionList"~~],"mappings":";;;AAMA,MAAMA,IAAuB,CAC3BC,MACgB;AAChB,QAAM,EAAE,MAAAC,GAAM,qBAAAC,GAAqB,YAAAC,GAAY,cAAAC,~~MAAiBJ~~;AAEhE,SAEK,gBAAAK,EAAAC,GAAA,EAAA,UAAAL,EAAK,IAAI,CAACM,GAASC,wBAEfC,GACE,EAAA,UAAA;AAAA,IAAAR,EAAK,SAAS,KAAKC,KAAuBA,EAAoBK,CAAO;AAAA,IAEtE,gBAAAF,EAACC,GAAA,EACE,UAAAC,EAAQ,KAAK,IAAI,CAACG,GAAMC,MAAY;AAC7B,YAAAC,IAAMR,IAAeA,EAAaM,GAAMC,CAAO,IAAI,GAAGD,CAAI,IAAIC,CAAO;AAE3E,+BAAQL,GAAA,EAAoB,UAAWH,EAAAO,CAAI,KAArBE,CAAuB;AAAA,~~IAC9C~~,CAAA~~,GACH~~;AAAA,EAAA,EAAA,GATa,GAAGL,EAAQ,KAAK,IAAIC,CAAG,EAUtC,CAEH,~~EACH,CAAA~~;AAEJ,GAEMK,IAAgBC,EAAKf,CAAoB~~,GAM/CgB,IAAeF~~;"}
1	+ {"version":3,"file":"section-list.js","sources":["../../../../src/features/ui/section-list/section-list.tsx"],"sourcesContent":["import type { ISectionList, TDefaultSection } from './section-list-types';\n\nimport { Fragment, memo } from 'react';\n\nimport FlexView from '../layout/flex-view';\n\nconst SectionListComponent = <Section extends string \| number \| TDefaultSection>(\n props: ISectionList<Section>,\n): JSX.Element => {\n const { data, renderSectionHeader, renderItem, keyExtractor } = props;\n\n return (\n <>\n {data.map((section, idx) => {\n return (\n <FlexView key={`${section.title}_${idx}`}>\n {data.length > 1 && renderSectionHeader && renderSectionHeader(section)}\n\n <Fragment>\n {section.data.map((item, itemIdx) => {\n const key = keyExtractor ? keyExtractor(item, itemIdx) : `${item}_${itemIdx}`;\n\n return <Fragment key={key}>{renderItem(item)}</Fragment>;\n })}\n </Fragment>\n </FlexView>\n );\n })}\n </>\n );\n};\n\nconst SelectionList = memo(SectionListComponent) as <\n Section extends string \| number \| TDefaultSection,\n>(\n props: ISectionList<Section>,\n) => JSX.Element;\n\nexport default SelectionList;\n"],"names":["SectionListComponent","props","data","renderSectionHeader","renderItem","keyExtractor","jsx","Fragment","section","idx","FlexView","item","itemIdx","key","SelectionList","memo"],"mappings":";;;AAMA,MAAMA,IAAuB,CAC3BC,MACgB;AAChB,QAAM,EAAE,MAAAC,GAAM,qBAAAC,GAAqB,YAAAC,GAAY,cAAAC,EAAiB,IAAAJ;AAEhE,SAEK,gBAAAK,EAAAC,GAAA,EAAA,UAAAL,EAAK,IAAI,CAACM,GAASC,wBAEfC,GACE,EAAA,UAAA;AAAA,IAAAR,EAAK,SAAS,KAAKC,KAAuBA,EAAoBK,CAAO;AAAA,IAEtE,gBAAAF,EAACC,GAAA,EACE,UAAAC,EAAQ,KAAK,IAAI,CAACG,GAAMC,MAAY;AAC7B,YAAAC,IAAMR,IAAeA,EAAaM,GAAMC,CAAO,IAAI,GAAGD,CAAI,IAAIC,CAAO;AAE3E,+BAAQL,GAAA,EAAoB,UAAWH,EAAAO,CAAI,KAArBE,CAAuB;AAAA,IAAA,CAC9C,EACH,CAAA;AAAA,EAAA,EAAA,GATa,GAAGL,EAAQ,KAAK,IAAIC,CAAG,EAUtC,CAEH,GACH;AAEJ,GAEMK,IAAgBC,EAAKf,CAAoB;"}

package/dist/features/ui/selection-cards/selection-card-option/selection-card-option-styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"selection-card-option-styled.js","sources":["../../../../../src/features/ui/selection-cards/selection-card-option/selection-card-option-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../types';\n\nimport styled from 'styled-components';\n\ninterface ISelectionCardOptionWrapperProps {\n $width?: string \| number;\n $widthX?: number;\n $selected?: boolean;\n $background?: TColorNames;\n $selectedBackground?: TColorNames;\n}\n\nconst SelectionCardOptionWrapper = styled.div<ISelectionCardOptionWrapperProps>(\n ({ $selected, theme, $background = 'WHITE', $selectedBackground = 'WHITE', $width }) => {\n const { BLACK_T_87, WHITE_5 } = theme.colors;\n\n return `\n background-color: ${$selected ? $selectedBackground : $background};\n border-width: 1px;\n border-color: ${$selected ? BLACK_T_87 : WHITE_5};\n width: ${$width ? `${$width}` : 'auto'}${typeof $width === 'number' ? 'px' : ''};\n border-style: solid;\n cursor: pointer;\n position: relative;\n `;\n },\n);\n\nexport { SelectionCardOptionWrapper };\n"],"names":["SelectionCardOptionWrapper","styled","$selected","theme","$background","$selectedBackground","$width","BLACK_T_87","WHITE_5"],"mappings":";AAYA,MAAMA,IAA6BC,EAAO;AAAA,EACxC,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,aAAAC,IAAc,SAAS,qBAAAC,IAAsB,SAAS,QAAAC,QAAa;AACtF,UAAM,EAAE,YAAAC,GAAY,SAAAC,~~MAAYL~~,EAAM;AAE/B,WAAA;AAAA,0BACeD,IAAYG,IAAsBD,CAAW;AAAA;AAAA,sBAEjDF,IAAYK,IAAaC,CAAO;AAAA,eACvCF,IAAS,GAAGA,CAAM,KAAK,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,~~EAKnF~~;~~AACF~~;"}
1	+ {"version":3,"file":"selection-card-option-styled.js","sources":["../../../../../src/features/ui/selection-cards/selection-card-option/selection-card-option-styled.tsx"],"sourcesContent":["import type { TColorNames } from '../../types';\n\nimport styled from 'styled-components';\n\ninterface ISelectionCardOptionWrapperProps {\n $width?: string \| number;\n $widthX?: number;\n $selected?: boolean;\n $background?: TColorNames;\n $selectedBackground?: TColorNames;\n}\n\nconst SelectionCardOptionWrapper = styled.div<ISelectionCardOptionWrapperProps>(\n ({ $selected, theme, $background = 'WHITE', $selectedBackground = 'WHITE', $width }) => {\n const { BLACK_T_87, WHITE_5 } = theme.colors;\n\n return `\n background-color: ${$selected ? $selectedBackground : $background};\n border-width: 1px;\n border-color: ${$selected ? BLACK_T_87 : WHITE_5};\n width: ${$width ? `${$width}` : 'auto'}${typeof $width === 'number' ? 'px' : ''};\n border-style: solid;\n cursor: pointer;\n position: relative;\n `;\n },\n);\n\nexport { SelectionCardOptionWrapper };\n"],"names":["SelectionCardOptionWrapper","styled","$selected","theme","$background","$selectedBackground","$width","BLACK_T_87","WHITE_5"],"mappings":";AAYA,MAAMA,IAA6BC,EAAO;AAAA,EACxC,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,aAAAC,IAAc,SAAS,qBAAAC,IAAsB,SAAS,QAAAC,QAAa;AACtF,UAAM,EAAE,YAAAC,GAAY,SAAAC,EAAQ,IAAIL,EAAM;AAE/B,WAAA;AAAA,0BACeD,IAAYG,IAAsBD,CAAW;AAAA;AAAA,sBAEjDF,IAAYK,IAAaC,CAAO;AAAA,eACvCF,IAAS,GAAGA,CAAM,KAAK,MAAM,GAAG,OAAOA,KAAW,WAAW,OAAO,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMrF;"}

package/dist/features/ui/selection-cards/selection-card-option/selection-card-option.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"selection-card-option.js","sources":["../../../../../src/features/ui/selection-cards/selection-card-option/selection-card-option.tsx"],"sourcesContent":["import type { ISelectionCardOptionProps } from './selection-card-types';\n\nimport { useCallback } from 'react';\n\nimport useResponseHandler from '../../hooks/use-response-handler';\nimport * as Styled from './selection-card-option-styled';\n\nconst SelectionCardOption = <IDTypes extends string \| number>({\n id,\n children,\n checked,\n onChange,\n analyticsLabel,\n analyticsProps,\n type,\n $background,\n $selectedBackground,\n $cardWidth,\n}: ISelectionCardOptionProps<IDTypes>) => {\n const handleTracking = useResponseHandler({ analyticsLabel, analyticsProps });\n\n const handleOnCardClick = useCallback(() => {\n if (typeof onChange !== 'function') {\n throw new Error('onChange must be a function');\n }\n\n if (type === 'radio' && !checked) {\n onChange(id);\n handleTracking(id);\n }\n\n if (type === 'checkbox') {\n onChange(id);\n handleTracking(id);\n }\n }, [checked, handleTracking, type, id, onChange]);\n\n return (\n <Styled.SelectionCardOptionWrapper\n $selectedBackground={$selectedBackground}\n $background={$background}\n $selected={checked}\n onClick={handleOnCardClick}\n $width={$cardWidth}\n >\n {children}\n </Styled.SelectionCardOptionWrapper>\n );\n};\n\nexport default SelectionCardOption;\n"],"names":["SelectionCardOption","id","children","checked","onChange","analyticsLabel","analyticsProps","type","$background","$selectedBackground","$cardWidth","handleTracking","useResponseHandler","handleOnCardClick","useCallback","jsx","Styled.SelectionCardOptionWrapper"],"mappings":";;;;AAOA,MAAMA,IAAsB,CAAkC;AAAA,EAC5D,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,YAAAC;AACF,MAA0C;AACxC,QAAMC,IAAiBC,EAAmB,EAAE,gBAAAP,GAAgB,gBAAAC,~~EAAgB~~,~~CAAA,~~GAEtEO,IAAoBC,EAAY,MAAM;AACtC,QAAA,OAAOV,KAAa;AAChB,YAAA,IAAI,MAAM,6BAA6B;AAG3C,IAAAG,MAAS,WAAW,CAACJ,MACvBC,EAASH,CAAE,GACXU,EAAeV,CAAE,IAGfM,MAAS,eACXH,EAASH,CAAE,GACXU,EAAeV,CAAE;AAAA,EACnB,GACC,CAACE,GAASQ,GAAgBJ,GAAMN,GAAIG,CAAQ,CAAC;AAG9C,SAAA,gBAAAW;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,qBAAAP;AAAA,MACA,aAAAD;AAAA,MACA,WAAWL;AAAA,MACX,SAASU;AAAA,MACT,QAAQH;AAAA,MAEP,UAAAR;AAAA,IAAA;AAAA,~~EAAA~~;~~AAGP~~;"}
1	+ {"version":3,"file":"selection-card-option.js","sources":["../../../../../src/features/ui/selection-cards/selection-card-option/selection-card-option.tsx"],"sourcesContent":["import type { ISelectionCardOptionProps } from './selection-card-types';\n\nimport { useCallback } from 'react';\n\nimport useResponseHandler from '../../hooks/use-response-handler';\nimport * as Styled from './selection-card-option-styled';\n\nconst SelectionCardOption = <IDTypes extends string \| number>({\n id,\n children,\n checked,\n onChange,\n analyticsLabel,\n analyticsProps,\n type,\n $background,\n $selectedBackground,\n $cardWidth,\n}: ISelectionCardOptionProps<IDTypes>) => {\n const handleTracking = useResponseHandler({ analyticsLabel, analyticsProps });\n\n const handleOnCardClick = useCallback(() => {\n if (typeof onChange !== 'function') {\n throw new Error('onChange must be a function');\n }\n\n if (type === 'radio' && !checked) {\n onChange(id);\n handleTracking(id);\n }\n\n if (type === 'checkbox') {\n onChange(id);\n handleTracking(id);\n }\n }, [checked, handleTracking, type, id, onChange]);\n\n return (\n <Styled.SelectionCardOptionWrapper\n $selectedBackground={$selectedBackground}\n $background={$background}\n $selected={checked}\n onClick={handleOnCardClick}\n $width={$cardWidth}\n >\n {children}\n </Styled.SelectionCardOptionWrapper>\n );\n};\n\nexport default SelectionCardOption;\n"],"names":["SelectionCardOption","id","children","checked","onChange","analyticsLabel","analyticsProps","type","$background","$selectedBackground","$cardWidth","handleTracking","useResponseHandler","handleOnCardClick","useCallback","jsx","Styled.SelectionCardOptionWrapper"],"mappings":";;;;AAOA,MAAMA,IAAsB,CAAkC;AAAA,EAC5D,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,YAAAC;AACF,MAA0C;AACxC,QAAMC,IAAiBC,EAAmB,EAAE,gBAAAP,GAAgB,gBAAAC,GAAgB,GAEtEO,IAAoBC,EAAY,MAAM;AACtC,QAAA,OAAOV,KAAa;AAChB,YAAA,IAAI,MAAM,6BAA6B;AAG3C,IAAAG,MAAS,WAAW,CAACJ,MACvBC,EAASH,CAAE,GACXU,EAAeV,CAAE,IAGfM,MAAS,eACXH,EAASH,CAAE,GACXU,EAAeV,CAAE;AAAA,EACnB,GACC,CAACE,GAASQ,GAAgBJ,GAAMN,GAAIG,CAAQ,CAAC;AAG9C,SAAA,gBAAAW;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,qBAAAP;AAAA,MACA,aAAAD;AAAA,MACA,WAAWL;AAAA,MACX,SAASU;AAAA,MACT,QAAQH;AAAA,MAEP,UAAAR;AAAA,IAAA;AAAA,EACH;AAEJ;"}