@chayns-components/devalue-slider 5.0.0-beta.912 → 5.0.0-beta.914

package/lib/cjs/components/slider/Slider.js

@@ -85,7 +85,12 @@ const Slider = /*#__PURE__*/(0, _react.forwardRef)(({
     if (!value) return 'transparent';
     return `linear-gradient(to right, ${devalueColor} ${value}%, transparent ${value}%)`;
   });
-  const handlePointerDownCapture = (0, _react.useCallback)(() => {
+  const handlePointerDownCapture = (0, _react.useCallback)(event => {
+    const currentValue = relativeValue.get();
+    if (currentValue > 5) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
     void (0, _chaynsApi.invokeCall)({
       action: 19,
       value: {
@@ -93,7 +98,7 @@ const Slider = /*#__PURE__*/(0, _react.forwardRef)(({
         iOSFeedbackVibration: 7
       }
     });
-  }, []);
+  }, [relativeValue]);
   const handleRedeem = (0, _react.useCallback)(async () => {
     setShowWaitCursor(true);
     setIsCompleted(true);

package/lib/cjs/components/slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","names":["_core","require","_size","_interopRequireDefault","_chaynsApi","_framerMotion","_react","_interopRequireWildcard","_design","_common","_Slider","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Slider","forwardRef","color","devalueColor","trackHeight","thumbSize","borderSize","trackText","onChange","onDevalue","Promise","resolve","success","onComplete","ref","trackRef","setTrackRef","useState","trackWidth","useSize","initialWidth","initialHeight","iconColor","setIconColor","isCompleted","setIsCompleted","isDisabled","setIsDisabled","isCompletedRef","useRef","showWaitCursor","setShowWaitCursor","scaleFactor","useMemo","x","useMotionValue","icon","styles","iconStyles","useThumbIcon","dragControls","useDragControls","vibrationTrigger","useTransform","value","Math","round","lastVibrationValue","useEffect","on","current","vibrate","pattern","containerAnimation","useAnimation","thumbVariants","createThumbVariants","textOpacity","relativeValue","thumbRadius","parseFloat","toPrecision","relativeBackgroundValue","trackBackground","handlePointerDownCapture","useCallback","invokeCall","action","iOSFeedbackVibration","handleRedeem","devaluePromise","sleepPromise","sleep","devalued","all","start","handleTrackRef","node","handleDragStart","handleDragEnd","useImperativeHandle","disable","enable","baseFontSize","createElement","Container","animate","Track","$height","$borderSize","$backgroundColor","TrackBackground","style","background","Thumb","variants","$size","$trackHeight","drag","dragElastic","onPointerDownCapture","whileTap","scale","cursor","onDragStart","onDragEnd","dragConstraints","right","left","ThumbIconContainer","ThumbIcon","key","THUMB_ICON_VARIANTS","SmallWaitCursor","shouldHideBackground","TrackText","opacity","$color","$baseFontSize","_default","exports"],"sources":["../../../../src/components/slider/Slider.tsx"],"sourcesContent":["import { SmallWaitCursor } from '@chayns-components/core';\nimport useSize from '@react-hook/size';\nimport { invokeCall, vibrate } from 'chayns-api';\nimport {\n    useAnimation,\n    useDragControls,\n    useMotionValue,\n    useTransform,\n    type DragHandlers,\n} from 'framer-motion';\nimport React, {\n    forwardRef,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useThumbIcon } from '../../hooks/design';\nimport { sleep } from '../../utils/common';\nimport type { DevalueSliderProps } from '../DevalueSlider';\nimport {\n    Container,\n    createThumbVariants,\n    Thumb,\n    ThumbIcon,\n    ThumbIconContainer,\n    THUMB_ICON_VARIANTS,\n    Track,\n    TrackBackground,\n    TrackText,\n} from './Slider.styles';\n\nexport type SliderProps = {\n    color: NonNullable<DevalueSliderProps['backgroundColor']>;\n    devalueColor: NonNullable<DevalueSliderProps['devalueBackgroundColor']>;\n    thumbSize?: number;\n    trackHeight?: number;\n    trackText?: string;\n    borderSize?: number;\n    onChange: DevalueSliderProps['onChange'];\n    onDevalue: DevalueSliderProps['onDevalue'];\n    onComplete: DevalueSliderProps['onComplete'];\n};\n\nexport type SliderRef = {\n    disable: () => void;\n    enable: () => void;\n};\n\nconst Slider = forwardRef<SliderRef, SliderProps>(\n    (\n        {\n            color,\n            devalueColor,\n            trackHeight = 50,\n            thumbSize = 40,\n            borderSize = 2,\n            trackText = 'EINLÖSEN',\n            onChange = () => {},\n            onDevalue = () => Promise.resolve({ success: true }),\n            onComplete,\n        },\n        ref,\n    ) => {\n        const [trackRef, setTrackRef] = useState<HTMLDivElement | null>(null);\n        const [trackWidth] = useSize(trackRef, { initialWidth: 300, initialHeight: 50 });\n        const [iconColor, setIconColor] = useState('black');\n        const [isCompleted, setIsCompleted] = useState(false);\n        const [isDisabled, setIsDisabled] = useState(false);\n        const isCompletedRef = useRef(isCompleted);\n        const [showWaitCursor, setShowWaitCursor] = useState(false);\n        const scaleFactor = useMemo(() => trackHeight / thumbSize, [thumbSize, trackHeight]);\n\n        const x = useMotionValue(0);\n        const { icon, styles: iconStyles } = useThumbIcon(x, iconColor);\n        const dragControls = useDragControls();\n\n        const vibrationTrigger = useTransform(\n            x,\n            // round to 10 to avoid unnecessary vibrate calls\n            (value) => Math.round(value / 10) * 10,\n        );\n        const lastVibrationValue = useRef(0);\n        useEffect(() => {\n            vibrationTrigger.on('change', (value) => {\n                if (!isCompletedRef.current && value !== lastVibrationValue.current) {\n                    lastVibrationValue.current = value;\n                    void vibrate({ pattern: [10] });\n                }\n            });\n        }, [vibrationTrigger]);\n\n        const containerAnimation = useAnimation();\n        const thumbVariants = useMemo(\n            () =>\n                createThumbVariants({\n                    thumbSize,\n                    trackWidth,\n                    scaleFactor,\n                }),\n            [scaleFactor, thumbSize, trackWidth],\n        );\n\n        const textOpacity = useTransform(x, [0, 120], [1, 0]);\n\n        // this is the relative value of the right edge of the thumb\n        const relativeValue = useTransform(x, (value) => {\n            if (!value) return 0;\n            const thumbRadius = thumbSize * scaleFactor;\n            return parseFloat((((value + thumbRadius) / trackWidth) * 100).toPrecision(2));\n        });\n\n        // this is the relative value of the center of the thumb, it is used for the background gradient\n        const relativeBackgroundValue = useTransform(x, (value) => {\n            if (!value) return 0;\n            const thumbRadius = (thumbSize * scaleFactor) / 2;\n            return parseFloat((((value + thumbRadius) / trackWidth) * 100).toPrecision(2));\n        });\n\n        const trackBackground = useTransform(relativeBackgroundValue, (value) => {\n            if (isCompleted) return devalueColor;\n            if (!value) return 'transparent';\n            return `linear-gradient(to right, ${devalueColor} ${value}%, transparent ${value}%)`;\n        });\n\n        const handlePointerDownCapture = useCallback(() => {\n            void invokeCall({\n                action: 19,\n                value: {\n                    pattern: [50],\n                    iOSFeedbackVibration: 7,\n                },\n            });\n        }, []);\n\n        const handleRedeem = useCallback(async () => {\n            setShowWaitCursor(true);\n            setIsCompleted(true);\n            isCompletedRef.current = true;\n\n            const devaluePromise = onDevalue();\n            const sleepPromise = sleep(1000);\n            const [devalued] = await Promise.all([devaluePromise, sleepPromise]);\n\n            if (!devalued.success) {\n                setShowWaitCursor(false);\n                setIsCompleted(false);\n                isCompletedRef.current = false;\n                await containerAnimation.start('base');\n                return;\n            }\n\n            setShowWaitCursor(false);\n            setIconColor('white');\n            void invokeCall({\n                action: 19,\n                value: {\n                    iOSFeedbackVibration: 3,\n                    pattern: [100, 200, 100],\n                },\n            });\n\n            await containerAnimation.start('completed');\n            await containerAnimation.start('leaving');\n            onComplete?.();\n        }, [containerAnimation, onComplete, onDevalue]);\n\n        const handleTrackRef = useCallback((node: HTMLDivElement | null) => {\n            setTrackRef(node);\n        }, []);\n\n        const handleDragStart = useCallback<NonNullable<DragHandlers['onDragStart']>>(() => {\n            void containerAnimation.start('dragging');\n        }, [containerAnimation]);\n\n        const handleDragEnd = useCallback<NonNullable<DragHandlers['onDragEnd']>>(() => {\n            if (relativeValue.get() > 98) {\n                void handleRedeem();\n                return;\n            }\n\n            void containerAnimation.start('base');\n        }, [relativeValue, containerAnimation, handleRedeem]);\n\n        useEffect(() => {\n            void containerAnimation.start('base');\n        }, [containerAnimation]);\n\n        useEffect(() => {\n            if (isCompleted) return () => {};\n            return relativeValue.on('change', onChange);\n        }, [isCompleted, onChange, relativeValue]);\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                disable: () => {\n                    setIsDisabled(true);\n                    setShowWaitCursor(false);\n                    setIsCompleted(false);\n                    isCompletedRef.current = false;\n                    void containerAnimation.start('base');\n                },\n                enable: () => {\n                    setIsDisabled(false);\n                },\n            }),\n            [containerAnimation],\n        );\n\n        const baseFontSize = useMemo(() => 22, []);\n\n        return (\n            <Container animate={containerAnimation}>\n                <Track\n                    $height={trackHeight}\n                    $borderSize={borderSize}\n                    $backgroundColor={color}\n                    ref={handleTrackRef}\n                >\n                    <TrackBackground\n                        $height={trackHeight}\n                        style={{ background: trackBackground }}\n                    />\n                    <Thumb\n                        variants={thumbVariants}\n                        $size={thumbSize}\n                        $trackHeight={trackHeight}\n                        style={{ x }}\n                        drag={isCompleted || isDisabled ? false : 'x'}\n                        dragElastic={0}\n                        onPointerDownCapture={handlePointerDownCapture}\n                        whileTap={{ scale: 1.4, cursor: 'grabbing' }}\n                        onDragStart={handleDragStart}\n                        onDragEnd={handleDragEnd}\n                        dragControls={dragControls}\n                        dragConstraints={{\n                            right: trackWidth - thumbSize * scaleFactor,\n                            left: 0,\n                        }}\n                    >\n                        <ThumbIconContainer>\n                            {!showWaitCursor && (\n                                <ThumbIcon\n                                    key=\"thumb-icon\"\n                                    icon={icon}\n                                    variants={THUMB_ICON_VARIANTS}\n                                    style={iconStyles}\n                                />\n                            )}\n                            {showWaitCursor && (\n                                <SmallWaitCursor shouldHideBackground color=\"black\" />\n                            )}\n                        </ThumbIconContainer>\n                    </Thumb>\n                    <TrackText\n                        style={{ opacity: textOpacity }}\n                        $color=\"white\"\n                        $baseFontSize={baseFontSize}\n                    >\n                        {trackText}\n                    </TrackText>\n                </Track>\n            </Container>\n        );\n    },\n);\n\nexport default Slider;\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AAOA,IAAAK,MAAA,GAAAC,uBAAA,CAAAN,OAAA;AASA,IAAAO,OAAA,GAAAP,OAAA;AACA,IAAAQ,OAAA,GAAAR,OAAA;AAEA,IAAAS,OAAA,GAAAT,OAAA;AAUyB,SAAAU,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAjB,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAmBzB,MAAMmB,MAAM,gBAAG,IAAAC,iBAAU,EACrB,CACI;EACIC,KAAK;EACLC,YAAY;EACZC,WAAW,GAAG,EAAE;EAChBC,SAAS,GAAG,EAAE;EACdC,UAAU,GAAG,CAAC;EACdC,SAAS,GAAG,UAAU;EACtBC,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;EACnBC,SAAS,GAAGA,CAAA,KAAMC,OAAO,CAACC,OAAO,CAAC;IAAEC,OAAO,EAAE;EAAK,CAAC,CAAC;EACpDC;AACJ,CAAC,EACDC,GAAG,KACF;EACD,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAwB,IAAI,CAAC;EACrE,MAAM,CAACC,UAAU,CAAC,GAAG,IAAAC,aAAO,EAACJ,QAAQ,EAAE;IAAEK,YAAY,EAAE,GAAG;IAAEC,aAAa,EAAE;EAAG,CAAC,CAAC;EAChF,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG,IAAAN,eAAQ,EAAC,OAAO,CAAC;EACnD,MAAM,CAACO,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAR,eAAQ,EAAC,KAAK,CAAC;EACrD,MAAM,CAACS,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAV,eAAQ,EAAC,KAAK,CAAC;EACnD,MAAMW,cAAc,GAAG,IAAAC,aAAM,EAACL,WAAW,CAAC;EAC1C,MAAM,CAACM,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAd,eAAQ,EAAC,KAAK,CAAC;EAC3D,MAAMe,WAAW,GAAG,IAAAC,cAAO,EAAC,MAAM7B,WAAW,GAAGC,SAAS,EAAE,CAACA,SAAS,EAAED,WAAW,CAAC,CAAC;EAEpF,MAAM8B,CAAC,GAAG,IAAAC,4BAAc,EAAC,CAAC,CAAC;EAC3B,MAAM;IAAEC,IAAI;IAAEC,MAAM,EAAEC;EAAW,CAAC,GAAG,IAAAC,oBAAY,EAACL,CAAC,EAAEZ,SAAS,CAAC;EAC/D,MAAMkB,YAAY,GAAG,IAAAC,6BAAe,EAAC,CAAC;EAEtC,MAAMC,gBAAgB,GAAG,IAAAC,0BAAY,EACjCT,CAAC;EACD;EACCU,KAAK,IAAKC,IAAI,CAACC,KAAK,CAACF,KAAK,GAAG,EAAE,CAAC,GAAG,EACxC,CAAC;EACD,MAAMG,kBAAkB,GAAG,IAAAlB,aAAM,EAAC,CAAC,CAAC;EACpC,IAAAmB,gBAAS,EAAC,MAAM;IACZN,gBAAgB,CAACO,EAAE,CAAC,QAAQ,EAAGL,KAAK,IAAK;MACrC,IAAI,CAAChB,cAAc,CAACsB,OAAO,IAAIN,KAAK,KAAKG,kBAAkB,CAACG,OAAO,EAAE;QACjEH,kBAAkB,CAACG,OAAO,GAAGN,KAAK;QAClC,KAAK,IAAAO,kBAAO,EAAC;UAAEC,OAAO,EAAE,CAAC,EAAE;QAAE,CAAC,CAAC;MACnC;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,CAACV,gBAAgB,CAAC,CAAC;EAEtB,MAAMW,kBAAkB,GAAG,IAAAC,0BAAY,EAAC,CAAC;EACzC,MAAMC,aAAa,GAAG,IAAAtB,cAAO,EACzB,MACI,IAAAuB,2BAAmB,EAAC;IAChBnD,SAAS;IACTa,UAAU;IACVc;EACJ,CAAC,CAAC,EACN,CAACA,WAAW,EAAE3B,SAAS,EAAEa,UAAU,CACvC,CAAC;EAED,MAAMuC,WAAW,GAAG,IAAAd,0BAAY,EAACT,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;;EAErD;EACA,MAAMwB,aAAa,GAAG,IAAAf,0BAAY,EAACT,CAAC,EAAGU,KAAK,IAAK;IAC7C,IAAI,CAACA,KAAK,EAAE,OAAO,CAAC;IACpB,MAAMe,WAAW,GAAGtD,SAAS,GAAG2B,WAAW;IAC3C,OAAO4B,UAAU,CAAC,CAAE,CAAChB,KAAK,GAAGe,WAAW,IAAIzC,UAAU,GAAI,GAAG,EAAE2C,WAAW,CAAC,CAAC,CAAC,CAAC;EAClF,CAAC,CAAC;;EAEF;EACA,MAAMC,uBAAuB,GAAG,IAAAnB,0BAAY,EAACT,CAAC,EAAGU,KAAK,IAAK;IACvD,IAAI,CAACA,KAAK,EAAE,OAAO,CAAC;IACpB,MAAMe,WAAW,GAAItD,SAAS,GAAG2B,WAAW,GAAI,CAAC;IACjD,OAAO4B,UAAU,CAAC,CAAE,CAAChB,KAAK,GAAGe,WAAW,IAAIzC,UAAU,GAAI,GAAG,EAAE2C,WAAW,CAAC,CAAC,CAAC,CAAC;EAClF,CAAC,CAAC;EAEF,MAAME,eAAe,GAAG,IAAApB,0BAAY,EAACmB,uBAAuB,EAAGlB,KAAK,IAAK;IACrE,IAAIpB,WAAW,EAAE,OAAOrB,YAAY;IACpC,IAAI,CAACyC,KAAK,EAAE,OAAO,aAAa;IAChC,OAAO,6BAA6BzC,YAAY,IAAIyC,KAAK,kBAAkBA,KAAK,IAAI;EACxF,CAAC,CAAC;EAEF,MAAMoB,wBAAwB,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAC/C,KAAK,IAAAC,qBAAU,EAAC;MACZC,MAAM,EAAE,EAAE;MACVvB,KAAK,EAAE;QACHQ,OAAO,EAAE,CAAC,EAAE,CAAC;QACbgB,oBAAoB,EAAE;MAC1B;IACJ,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,YAAY,GAAG,IAAAJ,kBAAW,EAAC,YAAY;IACzClC,iBAAiB,CAAC,IAAI,CAAC;IACvBN,cAAc,CAAC,IAAI,CAAC;IACpBG,cAAc,CAACsB,OAAO,GAAG,IAAI;IAE7B,MAAMoB,cAAc,GAAG7D,SAAS,CAAC,CAAC;IAClC,MAAM8D,YAAY,GAAG,IAAAC,aAAK,EAAC,IAAI,CAAC;IAChC,MAAM,CAACC,QAAQ,CAAC,GAAG,MAAM/D,OAAO,CAACgE,GAAG,CAAC,CAACJ,cAAc,EAAEC,YAAY,CAAC,CAAC;IAEpE,IAAI,CAACE,QAAQ,CAAC7D,OAAO,EAAE;MACnBmB,iBAAiB,CAAC,KAAK,CAAC;MACxBN,cAAc,CAAC,KAAK,CAAC;MACrBG,cAAc,CAACsB,OAAO,GAAG,KAAK;MAC9B,MAAMG,kBAAkB,CAACsB,KAAK,CAAC,MAAM,CAAC;MACtC;IACJ;IAEA5C,iBAAiB,CAAC,KAAK,CAAC;IACxBR,YAAY,CAAC,OAAO,CAAC;IACrB,KAAK,IAAA2C,qBAAU,EAAC;MACZC,MAAM,EAAE,EAAE;MACVvB,KAAK,EAAE;QACHwB,oBAAoB,EAAE,CAAC;QACvBhB,OAAO,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG;MAC3B;IACJ,CAAC,CAAC;IAEF,MAAMC,kBAAkB,CAACsB,KAAK,CAAC,WAAW,CAAC;IAC3C,MAAMtB,kBAAkB,CAACsB,KAAK,CAAC,SAAS,CAAC;IACzC9D,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAG,CAAC;EAClB,CAAC,EAAE,CAACwC,kBAAkB,EAAExC,UAAU,EAAEJ,SAAS,CAAC,CAAC;EAE/C,MAAMmE,cAAc,GAAG,IAAAX,kBAAW,EAAEY,IAA2B,IAAK;IAChE7D,WAAW,CAAC6D,IAAI,CAAC;EACrB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,eAAe,GAAG,IAAAb,kBAAW,EAA2C,MAAM;IAChF,KAAKZ,kBAAkB,CAACsB,KAAK,CAAC,UAAU,CAAC;EAC7C,CAAC,EAAE,CAACtB,kBAAkB,CAAC,CAAC;EAExB,MAAM0B,aAAa,GAAG,IAAAd,kBAAW,EAAyC,MAAM;IAC5E,IAAIP,aAAa,CAACtE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE;MAC1B,KAAKiF,YAAY,CAAC,CAAC;MACnB;IACJ;IAEA,KAAKhB,kBAAkB,CAACsB,KAAK,CAAC,MAAM,CAAC;EACzC,CAAC,EAAE,CAACjB,aAAa,EAAEL,kBAAkB,EAAEgB,YAAY,CAAC,CAAC;EAErD,IAAArB,gBAAS,EAAC,MAAM;IACZ,KAAKK,kBAAkB,CAACsB,KAAK,CAAC,MAAM,CAAC;EACzC,CAAC,EAAE,CAACtB,kBAAkB,CAAC,CAAC;EAExB,IAAAL,gBAAS,EAAC,MAAM;IACZ,IAAIxB,WAAW,EAAE,OAAO,MAAM,CAAC,CAAC;IAChC,OAAOkC,aAAa,CAACT,EAAE,CAAC,QAAQ,EAAEzC,QAAQ,CAAC;EAC/C,CAAC,EAAE,CAACgB,WAAW,EAAEhB,QAAQ,EAAEkD,aAAa,CAAC,CAAC;EAE1C,IAAAsB,0BAAmB,EACflE,GAAG,EACH,OAAO;IACHmE,OAAO,EAAEA,CAAA,KAAM;MACXtD,aAAa,CAAC,IAAI,CAAC;MACnBI,iBAAiB,CAAC,KAAK,CAAC;MACxBN,cAAc,CAAC,KAAK,CAAC;MACrBG,cAAc,CAACsB,OAAO,GAAG,KAAK;MAC9B,KAAKG,kBAAkB,CAACsB,KAAK,CAAC,MAAM,CAAC;IACzC,CAAC;IACDO,MAAM,EAAEA,CAAA,KAAM;MACVvD,aAAa,CAAC,KAAK,CAAC;IACxB;EACJ,CAAC,CAAC,EACF,CAAC0B,kBAAkB,CACvB,CAAC;EAED,MAAM8B,YAAY,GAAG,IAAAlD,cAAO,EAAC,MAAM,EAAE,EAAE,EAAE,CAAC;EAE1C,oBACI1D,MAAA,CAAAW,OAAA,CAAAkG,aAAA,CAACzG,OAAA,CAAA0G,SAAS;IAACC,OAAO,EAAEjC;EAAmB,gBACnC9E,MAAA,CAAAW,OAAA,CAAAkG,aAAA,CAACzG,OAAA,CAAA4G,KAAK;IACFC,OAAO,EAAEpF,WAAY;IACrBqF,WAAW,EAAEnF,UAAW;IACxBoF,gBAAgB,EAAExF,KAAM;IACxBY,GAAG,EAAE8D;EAAe,gBAEpBrG,MAAA,CAAAW,OAAA,CAAAkG,aAAA,CAACzG,OAAA,CAAAgH,eAAe;IACZH,OAAO,EAAEpF,WAAY;IACrBwF,KAAK,EAAE;MAAEC,UAAU,EAAE9B;IAAgB;EAAE,CAC1C,CAAC,eACFxF,MAAA,CAAAW,OAAA,CAAAkG,aAAA,CAACzG,OAAA,CAAAmH,KAAK;IACFC,QAAQ,EAAExC,aAAc;IACxByC,KAAK,EAAE3F,SAAU;IACjB4F,YAAY,EAAE7F,WAAY;IAC1BwF,KAAK,EAAE;MAAE1D;IAAE,CAAE;IACbgE,IAAI,EAAE1E,WAAW,IAAIE,UAAU,GAAG,KAAK,GAAG,GAAI;IAC9CyE,WAAW,EAAE,CAAE;IACfC,oBAAoB,EAAEpC,wBAAyB;IAC/CqC,QAAQ,EAAE;MAAEC,KAAK,EAAE,GAAG;MAAEC,MAAM,EAAE;IAAW,CAAE;IAC7CC,WAAW,EAAE1B,eAAgB;IAC7B2B,SAAS,EAAE1B,aAAc;IACzBvC,YAAY,EAAEA,YAAa;IAC3BkE,eAAe,EAAE;MACbC,KAAK,EAAEzF,UAAU,GAAGb,SAAS,GAAG2B,WAAW;MAC3C4E,IAAI,EAAE;IACV;EAAE,gBAEFrI,MAAA,CAAAW,OAAA,CAAAkG,aAAA,CAACzG,OAAA,CAAAkI,kBAAkB,QACd,CAAC/E,cAAc,iBACZvD,MAAA,CAAAW,OAAA,CAAAkG,aAAA,CAACzG,OAAA,CAAAmI,SAAS;IACNC,GAAG,EAAC,YAAY;IAChB3E,IAAI,EAAEA,IAAK;IACX2D,QAAQ,EAAEiB,2BAAoB;IAC9BpB,KAAK,EAAEtD;EAAW,CACrB,CACJ,EACAR,cAAc,iBACXvD,MAAA,CAAAW,OAAA,CAAAkG,aAAA,CAACnH,KAAA,CAAAgJ,eAAe;IAACC,oBAAoB;IAAChH,KAAK,EAAC;EAAO,CAAE,CAEzC,CACjB,CAAC,eACR3B,MAAA,CAAAW,OAAA,CAAAkG,aAAA,CAACzG,OAAA,CAAAwI,SAAS;IACNvB,KAAK,EAAE;MAAEwB,OAAO,EAAE3D;IAAY,CAAE;IAChC4D,MAAM,EAAC,OAAO;IACdC,aAAa,EAAEnC;EAAa,GAE3B5E,SACM,CACR,CACA,CAAC;AAEpB,CACJ,CAAC;AAAC,IAAAgH,QAAA,GAAAC,OAAA,CAAAtI,OAAA,GAEac,MAAM","ignoreList":[]}
+{"version":3,"file":"Slider.js","names":["_core","require","_size","_interopRequireDefault","_chaynsApi","_framerMotion","_react","_interopRequireWildcard","_design","_common","_Slider","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Slider","forwardRef","color","devalueColor","trackHeight","thumbSize","borderSize","trackText","onChange","onDevalue","Promise","resolve","success","onComplete","ref","trackRef","setTrackRef","useState","trackWidth","useSize","initialWidth","initialHeight","iconColor","setIconColor","isCompleted","setIsCompleted","isDisabled","setIsDisabled","isCompletedRef","useRef","showWaitCursor","setShowWaitCursor","scaleFactor","useMemo","x","useMotionValue","icon","styles","iconStyles","useThumbIcon","dragControls","useDragControls","vibrationTrigger","useTransform","value","Math","round","lastVibrationValue","useEffect","on","current","vibrate","pattern","containerAnimation","useAnimation","thumbVariants","createThumbVariants","textOpacity","relativeValue","thumbRadius","parseFloat","toPrecision","relativeBackgroundValue","trackBackground","handlePointerDownCapture","useCallback","event","currentValue","preventDefault","stopPropagation","invokeCall","action","iOSFeedbackVibration","handleRedeem","devaluePromise","sleepPromise","sleep","devalued","all","start","handleTrackRef","node","handleDragStart","handleDragEnd","useImperativeHandle","disable","enable","baseFontSize","createElement","Container","animate","Track","$height","$borderSize","$backgroundColor","TrackBackground","style","background","Thumb","variants","$size","$trackHeight","drag","dragElastic","onPointerDownCapture","whileTap","scale","cursor","onDragStart","onDragEnd","dragConstraints","right","left","ThumbIconContainer","ThumbIcon","key","THUMB_ICON_VARIANTS","SmallWaitCursor","shouldHideBackground","TrackText","opacity","$color","$baseFontSize","_default","exports"],"sources":["../../../../src/components/slider/Slider.tsx"],"sourcesContent":["import { SmallWaitCursor } from '@chayns-components/core';\nimport useSize from '@react-hook/size';\nimport { invokeCall, vibrate } from 'chayns-api';\nimport {\n    useAnimation,\n    useDragControls,\n    useMotionValue,\n    useTransform,\n    type DragHandlers,\n} from 'framer-motion';\nimport React, {\n    forwardRef,\n    PointerEvent,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useThumbIcon } from '../../hooks/design';\nimport { sleep } from '../../utils/common';\nimport type { DevalueSliderProps } from '../DevalueSlider';\nimport {\n    Container,\n    createThumbVariants,\n    Thumb,\n    ThumbIcon,\n    ThumbIconContainer,\n    THUMB_ICON_VARIANTS,\n    Track,\n    TrackBackground,\n    TrackText,\n} from './Slider.styles';\n\nexport type SliderProps = {\n    color: NonNullable<DevalueSliderProps['backgroundColor']>;\n    devalueColor: NonNullable<DevalueSliderProps['devalueBackgroundColor']>;\n    thumbSize?: number;\n    trackHeight?: number;\n    trackText?: string;\n    borderSize?: number;\n    onChange: DevalueSliderProps['onChange'];\n    onDevalue: DevalueSliderProps['onDevalue'];\n    onComplete: DevalueSliderProps['onComplete'];\n};\n\nexport type SliderRef = {\n    disable: () => void;\n    enable: () => void;\n};\n\nconst Slider = forwardRef<SliderRef, SliderProps>(\n    (\n        {\n            color,\n            devalueColor,\n            trackHeight = 50,\n            thumbSize = 40,\n            borderSize = 2,\n            trackText = 'EINLÖSEN',\n            onChange = () => {},\n            onDevalue = () => Promise.resolve({ success: true }),\n            onComplete,\n        },\n        ref,\n    ) => {\n        const [trackRef, setTrackRef] = useState<HTMLDivElement | null>(null);\n        const [trackWidth] = useSize(trackRef, { initialWidth: 300, initialHeight: 50 });\n        const [iconColor, setIconColor] = useState('black');\n        const [isCompleted, setIsCompleted] = useState(false);\n        const [isDisabled, setIsDisabled] = useState(false);\n        const isCompletedRef = useRef(isCompleted);\n        const [showWaitCursor, setShowWaitCursor] = useState(false);\n        const scaleFactor = useMemo(() => trackHeight / thumbSize, [thumbSize, trackHeight]);\n\n        const x = useMotionValue(0);\n        const { icon, styles: iconStyles } = useThumbIcon(x, iconColor);\n        const dragControls = useDragControls();\n\n        const vibrationTrigger = useTransform(\n            x,\n            // round to 10 to avoid unnecessary vibrate calls\n            (value) => Math.round(value / 10) * 10,\n        );\n        const lastVibrationValue = useRef(0);\n        useEffect(() => {\n            vibrationTrigger.on('change', (value) => {\n                if (!isCompletedRef.current && value !== lastVibrationValue.current) {\n                    lastVibrationValue.current = value;\n                    void vibrate({ pattern: [10] });\n                }\n            });\n        }, [vibrationTrigger]);\n\n        const containerAnimation = useAnimation();\n        const thumbVariants = useMemo(\n            () =>\n                createThumbVariants({\n                    thumbSize,\n                    trackWidth,\n                    scaleFactor,\n                }),\n            [scaleFactor, thumbSize, trackWidth],\n        );\n\n        const textOpacity = useTransform(x, [0, 120], [1, 0]);\n\n        // this is the relative value of the right edge of the thumb\n        const relativeValue = useTransform(x, (value) => {\n            if (!value) return 0;\n            const thumbRadius = thumbSize * scaleFactor;\n            return parseFloat((((value + thumbRadius) / trackWidth) * 100).toPrecision(2));\n        });\n\n        // this is the relative value of the center of the thumb, it is used for the background gradient\n        const relativeBackgroundValue = useTransform(x, (value) => {\n            if (!value) return 0;\n            const thumbRadius = (thumbSize * scaleFactor) / 2;\n            return parseFloat((((value + thumbRadius) / trackWidth) * 100).toPrecision(2));\n        });\n\n        const trackBackground = useTransform(relativeBackgroundValue, (value) => {\n            if (isCompleted) return devalueColor;\n            if (!value) return 'transparent';\n            return `linear-gradient(to right, ${devalueColor} ${value}%, transparent ${value}%)`;\n        });\n\n        const handlePointerDownCapture = useCallback(\n            (event: PointerEvent) => {\n                const currentValue = relativeValue.get();\n\n                if (currentValue > 5) {\n                    event.preventDefault();\n                    event.stopPropagation();\n                }\n\n                void invokeCall({\n                    action: 19,\n                    value: {\n                        pattern: [50],\n                        iOSFeedbackVibration: 7,\n                    },\n                });\n            },\n            [relativeValue],\n        );\n\n        const handleRedeem = useCallback(async () => {\n            setShowWaitCursor(true);\n            setIsCompleted(true);\n            isCompletedRef.current = true;\n\n            const devaluePromise = onDevalue();\n            const sleepPromise = sleep(1000);\n            const [devalued] = await Promise.all([devaluePromise, sleepPromise]);\n\n            if (!devalued.success) {\n                setShowWaitCursor(false);\n                setIsCompleted(false);\n                isCompletedRef.current = false;\n                await containerAnimation.start('base');\n                return;\n            }\n\n            setShowWaitCursor(false);\n            setIconColor('white');\n            void invokeCall({\n                action: 19,\n                value: {\n                    iOSFeedbackVibration: 3,\n                    pattern: [100, 200, 100],\n                },\n            });\n\n            await containerAnimation.start('completed');\n            await containerAnimation.start('leaving');\n            onComplete?.();\n        }, [containerAnimation, onComplete, onDevalue]);\n\n        const handleTrackRef = useCallback((node: HTMLDivElement | null) => {\n            setTrackRef(node);\n        }, []);\n\n        const handleDragStart = useCallback<NonNullable<DragHandlers['onDragStart']>>(() => {\n            void containerAnimation.start('dragging');\n        }, [containerAnimation]);\n\n        const handleDragEnd = useCallback<NonNullable<DragHandlers['onDragEnd']>>(() => {\n            if (relativeValue.get() > 98) {\n                void handleRedeem();\n                return;\n            }\n\n            void containerAnimation.start('base');\n        }, [relativeValue, containerAnimation, handleRedeem]);\n\n        useEffect(() => {\n            void containerAnimation.start('base');\n        }, [containerAnimation]);\n\n        useEffect(() => {\n            if (isCompleted) return () => {};\n            return relativeValue.on('change', onChange);\n        }, [isCompleted, onChange, relativeValue]);\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                disable: () => {\n                    setIsDisabled(true);\n                    setShowWaitCursor(false);\n                    setIsCompleted(false);\n                    isCompletedRef.current = false;\n                    void containerAnimation.start('base');\n                },\n                enable: () => {\n                    setIsDisabled(false);\n                },\n            }),\n            [containerAnimation],\n        );\n\n        const baseFontSize = useMemo(() => 22, []);\n\n        return (\n            <Container animate={containerAnimation}>\n                <Track\n                    $height={trackHeight}\n                    $borderSize={borderSize}\n                    $backgroundColor={color}\n                    ref={handleTrackRef}\n                >\n                    <TrackBackground\n                        $height={trackHeight}\n                        style={{ background: trackBackground }}\n                    />\n                    <Thumb\n                        variants={thumbVariants}\n                        $size={thumbSize}\n                        $trackHeight={trackHeight}\n                        style={{ x }}\n                        drag={isCompleted || isDisabled ? false : 'x'}\n                        dragElastic={0}\n                        onPointerDownCapture={handlePointerDownCapture}\n                        whileTap={{ scale: 1.4, cursor: 'grabbing' }}\n                        onDragStart={handleDragStart}\n                        onDragEnd={handleDragEnd}\n                        dragControls={dragControls}\n                        dragConstraints={{\n                            right: trackWidth - thumbSize * scaleFactor,\n                            left: 0,\n                        }}\n                    >\n                        <ThumbIconContainer>\n                            {!showWaitCursor && (\n                                <ThumbIcon\n                                    key=\"thumb-icon\"\n                                    icon={icon}\n                                    variants={THUMB_ICON_VARIANTS}\n                                    style={iconStyles}\n                                />\n                            )}\n                            {showWaitCursor && (\n                                <SmallWaitCursor shouldHideBackground color=\"black\" />\n                            )}\n                        </ThumbIconContainer>\n                    </Thumb>\n                    <TrackText\n                        style={{ opacity: textOpacity }}\n                        $color=\"white\"\n                        $baseFontSize={baseFontSize}\n                    >\n                        {trackText}\n                    </TrackText>\n                </Track>\n            </Container>\n        );\n    },\n);\n\nexport default Slider;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/slider/Slider.js

@@ -77,7 +77,12 @@ const Slider = /*#__PURE__*/forwardRef((_ref, ref) => {
     if (!value) return 'transparent';
     return `linear-gradient(to right, ${devalueColor} ${value}%, transparent ${value}%)`;
   });
-  const handlePointerDownCapture = useCallback(() => {
+  const handlePointerDownCapture = useCallback(event => {
+    const currentValue = relativeValue.get();
+    if (currentValue > 5) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
     void invokeCall({
       action: 19,
       value: {
@@ -85,7 +90,7 @@ const Slider = /*#__PURE__*/forwardRef((_ref, ref) => {
         iOSFeedbackVibration: 7
       }
     });
-  }, []);
+  }, [relativeValue]);
   const handleRedeem = useCallback(async () => {
     setShowWaitCursor(true);
     setIsCompleted(true);

package/lib/esm/components/slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","names":["SmallWaitCursor","useSize","invokeCall","vibrate","useAnimation","useDragControls","useMotionValue","useTransform","React","forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","useThumbIcon","sleep","Container","createThumbVariants","Thumb","ThumbIcon","ThumbIconContainer","THUMB_ICON_VARIANTS","Track","TrackBackground","TrackText","Slider","_ref","ref","color","devalueColor","trackHeight","thumbSize","borderSize","trackText","onChange","onDevalue","Promise","resolve","success","onComplete","trackRef","setTrackRef","trackWidth","initialWidth","initialHeight","iconColor","setIconColor","isCompleted","setIsCompleted","isDisabled","setIsDisabled","isCompletedRef","showWaitCursor","setShowWaitCursor","scaleFactor","x","icon","styles","iconStyles","dragControls","vibrationTrigger","value","Math","round","lastVibrationValue","on","current","pattern","containerAnimation","thumbVariants","textOpacity","relativeValue","thumbRadius","parseFloat","toPrecision","relativeBackgroundValue","trackBackground","handlePointerDownCapture","action","iOSFeedbackVibration","handleRedeem","devaluePromise","sleepPromise","devalued","all","start","handleTrackRef","node","handleDragStart","handleDragEnd","get","disable","enable","baseFontSize","createElement","animate","$height","$borderSize","$backgroundColor","style","background","variants","$size","$trackHeight","drag","dragElastic","onPointerDownCapture","whileTap","scale","cursor","onDragStart","onDragEnd","dragConstraints","right","left","key","shouldHideBackground","opacity","$color","$baseFontSize"],"sources":["../../../../src/components/slider/Slider.tsx"],"sourcesContent":["import { SmallWaitCursor } from '@chayns-components/core';\nimport useSize from '@react-hook/size';\nimport { invokeCall, vibrate } from 'chayns-api';\nimport {\n    useAnimation,\n    useDragControls,\n    useMotionValue,\n    useTransform,\n    type DragHandlers,\n} from 'framer-motion';\nimport React, {\n    forwardRef,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useThumbIcon } from '../../hooks/design';\nimport { sleep } from '../../utils/common';\nimport type { DevalueSliderProps } from '../DevalueSlider';\nimport {\n    Container,\n    createThumbVariants,\n    Thumb,\n    ThumbIcon,\n    ThumbIconContainer,\n    THUMB_ICON_VARIANTS,\n    Track,\n    TrackBackground,\n    TrackText,\n} from './Slider.styles';\n\nexport type SliderProps = {\n    color: NonNullable<DevalueSliderProps['backgroundColor']>;\n    devalueColor: NonNullable<DevalueSliderProps['devalueBackgroundColor']>;\n    thumbSize?: number;\n    trackHeight?: number;\n    trackText?: string;\n    borderSize?: number;\n    onChange: DevalueSliderProps['onChange'];\n    onDevalue: DevalueSliderProps['onDevalue'];\n    onComplete: DevalueSliderProps['onComplete'];\n};\n\nexport type SliderRef = {\n    disable: () => void;\n    enable: () => void;\n};\n\nconst Slider = forwardRef<SliderRef, SliderProps>(\n    (\n        {\n            color,\n            devalueColor,\n            trackHeight = 50,\n            thumbSize = 40,\n            borderSize = 2,\n            trackText = 'EINLÖSEN',\n            onChange = () => {},\n            onDevalue = () => Promise.resolve({ success: true }),\n            onComplete,\n        },\n        ref,\n    ) => {\n        const [trackRef, setTrackRef] = useState<HTMLDivElement | null>(null);\n        const [trackWidth] = useSize(trackRef, { initialWidth: 300, initialHeight: 50 });\n        const [iconColor, setIconColor] = useState('black');\n        const [isCompleted, setIsCompleted] = useState(false);\n        const [isDisabled, setIsDisabled] = useState(false);\n        const isCompletedRef = useRef(isCompleted);\n        const [showWaitCursor, setShowWaitCursor] = useState(false);\n        const scaleFactor = useMemo(() => trackHeight / thumbSize, [thumbSize, trackHeight]);\n\n        const x = useMotionValue(0);\n        const { icon, styles: iconStyles } = useThumbIcon(x, iconColor);\n        const dragControls = useDragControls();\n\n        const vibrationTrigger = useTransform(\n            x,\n            // round to 10 to avoid unnecessary vibrate calls\n            (value) => Math.round(value / 10) * 10,\n        );\n        const lastVibrationValue = useRef(0);\n        useEffect(() => {\n            vibrationTrigger.on('change', (value) => {\n                if (!isCompletedRef.current && value !== lastVibrationValue.current) {\n                    lastVibrationValue.current = value;\n                    void vibrate({ pattern: [10] });\n                }\n            });\n        }, [vibrationTrigger]);\n\n        const containerAnimation = useAnimation();\n        const thumbVariants = useMemo(\n            () =>\n                createThumbVariants({\n                    thumbSize,\n                    trackWidth,\n                    scaleFactor,\n                }),\n            [scaleFactor, thumbSize, trackWidth],\n        );\n\n        const textOpacity = useTransform(x, [0, 120], [1, 0]);\n\n        // this is the relative value of the right edge of the thumb\n        const relativeValue = useTransform(x, (value) => {\n            if (!value) return 0;\n            const thumbRadius = thumbSize * scaleFactor;\n            return parseFloat((((value + thumbRadius) / trackWidth) * 100).toPrecision(2));\n        });\n\n        // this is the relative value of the center of the thumb, it is used for the background gradient\n        const relativeBackgroundValue = useTransform(x, (value) => {\n            if (!value) return 0;\n            const thumbRadius = (thumbSize * scaleFactor) / 2;\n            return parseFloat((((value + thumbRadius) / trackWidth) * 100).toPrecision(2));\n        });\n\n        const trackBackground = useTransform(relativeBackgroundValue, (value) => {\n            if (isCompleted) return devalueColor;\n            if (!value) return 'transparent';\n            return `linear-gradient(to right, ${devalueColor} ${value}%, transparent ${value}%)`;\n        });\n\n        const handlePointerDownCapture = useCallback(() => {\n            void invokeCall({\n                action: 19,\n                value: {\n                    pattern: [50],\n                    iOSFeedbackVibration: 7,\n                },\n            });\n        }, []);\n\n        const handleRedeem = useCallback(async () => {\n            setShowWaitCursor(true);\n            setIsCompleted(true);\n            isCompletedRef.current = true;\n\n            const devaluePromise = onDevalue();\n            const sleepPromise = sleep(1000);\n            const [devalued] = await Promise.all([devaluePromise, sleepPromise]);\n\n            if (!devalued.success) {\n                setShowWaitCursor(false);\n                setIsCompleted(false);\n                isCompletedRef.current = false;\n                await containerAnimation.start('base');\n                return;\n            }\n\n            setShowWaitCursor(false);\n            setIconColor('white');\n            void invokeCall({\n                action: 19,\n                value: {\n                    iOSFeedbackVibration: 3,\n                    pattern: [100, 200, 100],\n                },\n            });\n\n            await containerAnimation.start('completed');\n            await containerAnimation.start('leaving');\n            onComplete?.();\n        }, [containerAnimation, onComplete, onDevalue]);\n\n        const handleTrackRef = useCallback((node: HTMLDivElement | null) => {\n            setTrackRef(node);\n        }, []);\n\n        const handleDragStart = useCallback<NonNullable<DragHandlers['onDragStart']>>(() => {\n            void containerAnimation.start('dragging');\n        }, [containerAnimation]);\n\n        const handleDragEnd = useCallback<NonNullable<DragHandlers['onDragEnd']>>(() => {\n            if (relativeValue.get() > 98) {\n                void handleRedeem();\n                return;\n            }\n\n            void containerAnimation.start('base');\n        }, [relativeValue, containerAnimation, handleRedeem]);\n\n        useEffect(() => {\n            void containerAnimation.start('base');\n        }, [containerAnimation]);\n\n        useEffect(() => {\n            if (isCompleted) return () => {};\n            return relativeValue.on('change', onChange);\n        }, [isCompleted, onChange, relativeValue]);\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                disable: () => {\n                    setIsDisabled(true);\n                    setShowWaitCursor(false);\n                    setIsCompleted(false);\n                    isCompletedRef.current = false;\n                    void containerAnimation.start('base');\n                },\n                enable: () => {\n                    setIsDisabled(false);\n                },\n            }),\n            [containerAnimation],\n        );\n\n        const baseFontSize = useMemo(() => 22, []);\n\n        return (\n            <Container animate={containerAnimation}>\n                <Track\n                    $height={trackHeight}\n                    $borderSize={borderSize}\n                    $backgroundColor={color}\n                    ref={handleTrackRef}\n                >\n                    <TrackBackground\n                        $height={trackHeight}\n                        style={{ background: trackBackground }}\n                    />\n                    <Thumb\n                        variants={thumbVariants}\n                        $size={thumbSize}\n                        $trackHeight={trackHeight}\n                        style={{ x }}\n                        drag={isCompleted || isDisabled ? false : 'x'}\n                        dragElastic={0}\n                        onPointerDownCapture={handlePointerDownCapture}\n                        whileTap={{ scale: 1.4, cursor: 'grabbing' }}\n                        onDragStart={handleDragStart}\n                        onDragEnd={handleDragEnd}\n                        dragControls={dragControls}\n                        dragConstraints={{\n                            right: trackWidth - thumbSize * scaleFactor,\n                            left: 0,\n                        }}\n                    >\n                        <ThumbIconContainer>\n                            {!showWaitCursor && (\n                                <ThumbIcon\n                                    key=\"thumb-icon\"\n                                    icon={icon}\n                                    variants={THUMB_ICON_VARIANTS}\n                                    style={iconStyles}\n                                />\n                            )}\n                            {showWaitCursor && (\n                                <SmallWaitCursor shouldHideBackground color=\"black\" />\n                            )}\n                        </ThumbIconContainer>\n                    </Thumb>\n                    <TrackText\n                        style={{ opacity: textOpacity }}\n                        $color=\"white\"\n                        $baseFontSize={baseFontSize}\n                    >\n                        {trackText}\n                    </TrackText>\n                </Track>\n            </Container>\n        );\n    },\n);\n\nexport default Slider;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Slider.js","names":["SmallWaitCursor","useSize","invokeCall","vibrate","useAnimation","useDragControls","useMotionValue","useTransform","React","forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","useRef","useState","useThumbIcon","sleep","Container","createThumbVariants","Thumb","ThumbIcon","ThumbIconContainer","THUMB_ICON_VARIANTS","Track","TrackBackground","TrackText","Slider","_ref","ref","color","devalueColor","trackHeight","thumbSize","borderSize","trackText","onChange","onDevalue","Promise","resolve","success","onComplete","trackRef","setTrackRef","trackWidth","initialWidth","initialHeight","iconColor","setIconColor","isCompleted","setIsCompleted","isDisabled","setIsDisabled","isCompletedRef","showWaitCursor","setShowWaitCursor","scaleFactor","x","icon","styles","iconStyles","dragControls","vibrationTrigger","value","Math","round","lastVibrationValue","on","current","pattern","containerAnimation","thumbVariants","textOpacity","relativeValue","thumbRadius","parseFloat","toPrecision","relativeBackgroundValue","trackBackground","handlePointerDownCapture","event","currentValue","get","preventDefault","stopPropagation","action","iOSFeedbackVibration","handleRedeem","devaluePromise","sleepPromise","devalued","all","start","handleTrackRef","node","handleDragStart","handleDragEnd","disable","enable","baseFontSize","createElement","animate","$height","$borderSize","$backgroundColor","style","background","variants","$size","$trackHeight","drag","dragElastic","onPointerDownCapture","whileTap","scale","cursor","onDragStart","onDragEnd","dragConstraints","right","left","key","shouldHideBackground","opacity","$color","$baseFontSize"],"sources":["../../../../src/components/slider/Slider.tsx"],"sourcesContent":["import { SmallWaitCursor } from '@chayns-components/core';\nimport useSize from '@react-hook/size';\nimport { invokeCall, vibrate } from 'chayns-api';\nimport {\n    useAnimation,\n    useDragControls,\n    useMotionValue,\n    useTransform,\n    type DragHandlers,\n} from 'framer-motion';\nimport React, {\n    forwardRef,\n    PointerEvent,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useThumbIcon } from '../../hooks/design';\nimport { sleep } from '../../utils/common';\nimport type { DevalueSliderProps } from '../DevalueSlider';\nimport {\n    Container,\n    createThumbVariants,\n    Thumb,\n    ThumbIcon,\n    ThumbIconContainer,\n    THUMB_ICON_VARIANTS,\n    Track,\n    TrackBackground,\n    TrackText,\n} from './Slider.styles';\n\nexport type SliderProps = {\n    color: NonNullable<DevalueSliderProps['backgroundColor']>;\n    devalueColor: NonNullable<DevalueSliderProps['devalueBackgroundColor']>;\n    thumbSize?: number;\n    trackHeight?: number;\n    trackText?: string;\n    borderSize?: number;\n    onChange: DevalueSliderProps['onChange'];\n    onDevalue: DevalueSliderProps['onDevalue'];\n    onComplete: DevalueSliderProps['onComplete'];\n};\n\nexport type SliderRef = {\n    disable: () => void;\n    enable: () => void;\n};\n\nconst Slider = forwardRef<SliderRef, SliderProps>(\n    (\n        {\n            color,\n            devalueColor,\n            trackHeight = 50,\n            thumbSize = 40,\n            borderSize = 2,\n            trackText = 'EINLÖSEN',\n            onChange = () => {},\n            onDevalue = () => Promise.resolve({ success: true }),\n            onComplete,\n        },\n        ref,\n    ) => {\n        const [trackRef, setTrackRef] = useState<HTMLDivElement | null>(null);\n        const [trackWidth] = useSize(trackRef, { initialWidth: 300, initialHeight: 50 });\n        const [iconColor, setIconColor] = useState('black');\n        const [isCompleted, setIsCompleted] = useState(false);\n        const [isDisabled, setIsDisabled] = useState(false);\n        const isCompletedRef = useRef(isCompleted);\n        const [showWaitCursor, setShowWaitCursor] = useState(false);\n        const scaleFactor = useMemo(() => trackHeight / thumbSize, [thumbSize, trackHeight]);\n\n        const x = useMotionValue(0);\n        const { icon, styles: iconStyles } = useThumbIcon(x, iconColor);\n        const dragControls = useDragControls();\n\n        const vibrationTrigger = useTransform(\n            x,\n            // round to 10 to avoid unnecessary vibrate calls\n            (value) => Math.round(value / 10) * 10,\n        );\n        const lastVibrationValue = useRef(0);\n        useEffect(() => {\n            vibrationTrigger.on('change', (value) => {\n                if (!isCompletedRef.current && value !== lastVibrationValue.current) {\n                    lastVibrationValue.current = value;\n                    void vibrate({ pattern: [10] });\n                }\n            });\n        }, [vibrationTrigger]);\n\n        const containerAnimation = useAnimation();\n        const thumbVariants = useMemo(\n            () =>\n                createThumbVariants({\n                    thumbSize,\n                    trackWidth,\n                    scaleFactor,\n                }),\n            [scaleFactor, thumbSize, trackWidth],\n        );\n\n        const textOpacity = useTransform(x, [0, 120], [1, 0]);\n\n        // this is the relative value of the right edge of the thumb\n        const relativeValue = useTransform(x, (value) => {\n            if (!value) return 0;\n            const thumbRadius = thumbSize * scaleFactor;\n            return parseFloat((((value + thumbRadius) / trackWidth) * 100).toPrecision(2));\n        });\n\n        // this is the relative value of the center of the thumb, it is used for the background gradient\n        const relativeBackgroundValue = useTransform(x, (value) => {\n            if (!value) return 0;\n            const thumbRadius = (thumbSize * scaleFactor) / 2;\n            return parseFloat((((value + thumbRadius) / trackWidth) * 100).toPrecision(2));\n        });\n\n        const trackBackground = useTransform(relativeBackgroundValue, (value) => {\n            if (isCompleted) return devalueColor;\n            if (!value) return 'transparent';\n            return `linear-gradient(to right, ${devalueColor} ${value}%, transparent ${value}%)`;\n        });\n\n        const handlePointerDownCapture = useCallback(\n            (event: PointerEvent) => {\n                const currentValue = relativeValue.get();\n\n                if (currentValue > 5) {\n                    event.preventDefault();\n                    event.stopPropagation();\n                }\n\n                void invokeCall({\n                    action: 19,\n                    value: {\n                        pattern: [50],\n                        iOSFeedbackVibration: 7,\n                    },\n                });\n            },\n            [relativeValue],\n        );\n\n        const handleRedeem = useCallback(async () => {\n            setShowWaitCursor(true);\n            setIsCompleted(true);\n            isCompletedRef.current = true;\n\n            const devaluePromise = onDevalue();\n            const sleepPromise = sleep(1000);\n            const [devalued] = await Promise.all([devaluePromise, sleepPromise]);\n\n            if (!devalued.success) {\n                setShowWaitCursor(false);\n                setIsCompleted(false);\n                isCompletedRef.current = false;\n                await containerAnimation.start('base');\n                return;\n            }\n\n            setShowWaitCursor(false);\n            setIconColor('white');\n            void invokeCall({\n                action: 19,\n                value: {\n                    iOSFeedbackVibration: 3,\n                    pattern: [100, 200, 100],\n                },\n            });\n\n            await containerAnimation.start('completed');\n            await containerAnimation.start('leaving');\n            onComplete?.();\n        }, [containerAnimation, onComplete, onDevalue]);\n\n        const handleTrackRef = useCallback((node: HTMLDivElement | null) => {\n            setTrackRef(node);\n        }, []);\n\n        const handleDragStart = useCallback<NonNullable<DragHandlers['onDragStart']>>(() => {\n            void containerAnimation.start('dragging');\n        }, [containerAnimation]);\n\n        const handleDragEnd = useCallback<NonNullable<DragHandlers['onDragEnd']>>(() => {\n            if (relativeValue.get() > 98) {\n                void handleRedeem();\n                return;\n            }\n\n            void containerAnimation.start('base');\n        }, [relativeValue, containerAnimation, handleRedeem]);\n\n        useEffect(() => {\n            void containerAnimation.start('base');\n        }, [containerAnimation]);\n\n        useEffect(() => {\n            if (isCompleted) return () => {};\n            return relativeValue.on('change', onChange);\n        }, [isCompleted, onChange, relativeValue]);\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                disable: () => {\n                    setIsDisabled(true);\n                    setShowWaitCursor(false);\n                    setIsCompleted(false);\n                    isCompletedRef.current = false;\n                    void containerAnimation.start('base');\n                },\n                enable: () => {\n                    setIsDisabled(false);\n                },\n            }),\n            [containerAnimation],\n        );\n\n        const baseFontSize = useMemo(() => 22, []);\n\n        return (\n            <Container animate={containerAnimation}>\n                <Track\n                    $height={trackHeight}\n                    $borderSize={borderSize}\n                    $backgroundColor={color}\n                    ref={handleTrackRef}\n                >\n                    <TrackBackground\n                        $height={trackHeight}\n                        style={{ background: trackBackground }}\n                    />\n                    <Thumb\n                        variants={thumbVariants}\n                        $size={thumbSize}\n                        $trackHeight={trackHeight}\n                        style={{ x }}\n                        drag={isCompleted || isDisabled ? false : 'x'}\n                        dragElastic={0}\n                        onPointerDownCapture={handlePointerDownCapture}\n                        whileTap={{ scale: 1.4, cursor: 'grabbing' }}\n                        onDragStart={handleDragStart}\n                        onDragEnd={handleDragEnd}\n                        dragControls={dragControls}\n                        dragConstraints={{\n                            right: trackWidth - thumbSize * scaleFactor,\n                            left: 0,\n                        }}\n                    >\n                        <ThumbIconContainer>\n                            {!showWaitCursor && (\n                                <ThumbIcon\n                                    key=\"thumb-icon\"\n                                    icon={icon}\n                                    variants={THUMB_ICON_VARIANTS}\n                                    style={iconStyles}\n                                />\n                            )}\n                            {showWaitCursor && (\n                                <SmallWaitCursor shouldHideBackground color=\"black\" />\n                            )}\n                        </ThumbIconContainer>\n                    </Thumb>\n                    <TrackText\n                        style={{ opacity: textOpacity }}\n                        $color=\"white\"\n                        $baseFontSize={baseFontSize}\n                    >\n                        {trackText}\n                    </TrackText>\n                </Track>\n            </Container>\n        );\n    },\n);\n\nexport default Slider;\n"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/devalue-slider",
-    "version": "5.0.0-beta.912",
+    "version": "5.0.0-beta.914",
     "description": "A slider to devalue something.",
     "siteEffects": false,
     "browserslist": [
@@ -51,7 +51,7 @@
         "url": "https://github.com/TobitSoftware/chayns-components/issues"
     },
     "dependencies": {
-        "@chayns-components/core": "^5.0.0-beta.912",
+        "@chayns-components/core": "^5.0.0-beta.914",
         "@react-hook/size": "^2.1.2",
         "date-fns": "^3.6.0"
     },
@@ -82,5 +82,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "355b8f94975f612c923b0080b487ddf7b865e8e5"
+    "gitHead": "88788108773668405c628e5367ff97778ff93da8"
 }