@razorpay/blade 12.93.0 → 12.95.0

package/build/lib/web/development/components/Spark/RzpGlass/RzpGlass.js

@@ -6,21 +6,25 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 import { useCallback, forwardRef, useState, useRef, useEffect } from 'react';
 import { RzpGlassMount } from './RzpGlassMount.js';
-import { PRESETS } from './presets.js';
+import { getPresets } from './presets.js';
 import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["width", "height", "className", "style", "onLoad", "onError", "preset", "cdnPath", "gradientMapSrc", "gradientMap2Src", "gradientMapCanvas", "imageSrc"],
-  _excluded2 = ["width", "height", "className", "style", "onLoad", "onError", "cdnPath", "gradientMapCanvas", "gradientMapSrc", "gradientMap2Src", "imageSrc"];
+var _excluded = ["width", "height", "className", "style", "onLoad", "onError", "preset", "assetsPath", "gradientMapSrc", "gradientMap2Src", "gradientMapCanvas", "imageSrc"],
+  _excluded2 = ["width", "height", "className", "style", "onLoad", "onError", "assetsPath", "gradientMapCanvas", "gradientMapSrc", "gradientMap2Src", "imageSrc"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var DEFAULT_CDN_PATH = 'https://cdn.jsdelivr.net/gh/razorpay/blade@feat/expose-assets-folder/packages/blade/assets/spark';
-var getDefaultAssets = function getDefaultAssets(cdnPath) {
+// Duration of the component's built-in fade-in transition.
+// The video is kept paused during this window so one-shot animations
+// (e.g. circleSlideUp) don't "waste" frames while the canvas is invisible.
+var FADE_IN_MS = 200;
+var DEFAULT_CDN_PATH = 'https://cdn.jsdelivr.net/npm/@razorpay/blade/assets/spark';
+var getDefaultAssets = function getDefaultAssets(assetsPath) {
   return {
-    videoSrc: "".concat(cdnPath, "/spark-base-video.mp4"),
-    imageSrc: "".concat(cdnPath, "/bottom-frame.jpg"),
-    gradientMapSrc: "".concat(cdnPath, "/colorama-gradient-map-green.jpg"),
-    gradientMap2Src: "".concat(cdnPath, "/colorama-gradient-map-blue.jpg"),
-    centerGradientMapSrc: "".concat(cdnPath, "/colorama-center-gradient-map.jpg")
+    videoSrc: "".concat(assetsPath, "/spark-base-video.mp4"),
+    imageSrc: "".concat(assetsPath, "/bottom-frame.jpg"),
+    gradientMapSrc: "".concat(assetsPath, "/colorama-gradient-map-green.jpg"),
+    gradientMap2Src: "".concat(assetsPath, "/colorama-gradient-map-blue.jpg"),
+    centerGradientMapSrc: "".concat(assetsPath, "/colorama-center-gradient-map.jpg")
   };
 };
 
@@ -51,7 +55,7 @@ function extractConfig(props) {
     _onLoad = props.onLoad,
     _onError = props.onError,
     _preset = props.preset,
-    _cdnPath = props.cdnPath,
+    _assetsPath = props.assetsPath,
     _gradientMapSrc = props.gradientMapSrc,
     _gradientMap2Src = props.gradientMap2Src,
     _gradientMapCanvas = props.gradientMapCanvas,
@@ -70,20 +74,21 @@ function extractConfig(props) {
 var ASSET_KEYS = new Set(['videoSrc', 'imageSrc', 'gradientMapSrc', 'gradientMap2Src', 'centerGradientMapSrc']);
 
 /* eslint-disable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-return */
-function getPresetDefinition(preset) {
-  if (preset && preset in PRESETS) return _objectSpread({}, PRESETS[preset]);
+function getPresetDefinition(preset, assetsPath) {
+  var presets = getPresets(assetsPath);
+  if (preset && preset in presets) return _objectSpread({}, presets[preset]);
   return {};
 }
-function getPresetConfig(preset) {
-  var def = getPresetDefinition(preset);
+function getPresetConfig(preset, assetsPath) {
+  var def = getPresetDefinition(preset, assetsPath);
   return Object.fromEntries(Object.entries(def).filter(function (_ref3) {
     var _ref4 = _slicedToArray(_ref3, 1),
       k = _ref4[0];
     return !ASSET_KEYS.has(k);
   }));
 }
-function getPresetAssets(preset) {
-  var def = getPresetDefinition(preset);
+function getPresetAssets(preset, assetsPath) {
+  var def = getPresetDefinition(preset, assetsPath);
   return Object.fromEntries(Object.entries(def).filter(function (_ref5) {
     var _ref6 = _slicedToArray(_ref5, 1),
       k = _ref6[0];
@@ -95,8 +100,8 @@ function getPresetAssets(preset) {
  * Merge preset config with user-provided config.
  * Preset values are used as base; any explicit prop overrides them.
  */
-function resolveConfig(props) {
-  return _objectSpread(_objectSpread({}, getPresetConfig(props.preset)), extractConfig(props));
+function resolveConfig(props, assetsPath) {
+  return _objectSpread(_objectSpread({}, getPresetConfig(props.preset, assetsPath)), extractConfig(props));
 }
 var RzpGlass = /*#__PURE__*/forwardRef(function RzpGlass(props, forwardedRef) {
   var _presetAssets$videoSr, _ref7, _ref8, _presetAssets$centerG, _configProps$edgeFeat;
@@ -108,19 +113,19 @@ var RzpGlass = /*#__PURE__*/forwardRef(function RzpGlass(props, forwardedRef) {
     style = props.style,
     onLoad = props.onLoad,
     onError = props.onError,
-    cdnPathProp = props.cdnPath,
+    assetsPathProp = props.assetsPath,
     gradientMapCanvas = props.gradientMapCanvas,
     gradientMapSrcProp = props.gradientMapSrc,
     gradientMap2SrcProp = props.gradientMap2Src,
     imageSrcProp = props.imageSrc,
     configProps = _objectWithoutProperties(props, _excluded2);
 
-  // Get default assets based on cdnPath
-  var cdnPath = cdnPathProp !== null && cdnPathProp !== void 0 ? cdnPathProp : DEFAULT_CDN_PATH;
-  var defaultAssets = getDefaultAssets(cdnPath);
+  // Get default assets based on assetsPath
+  var assetsPath = assetsPathProp !== null && assetsPathProp !== void 0 ? assetsPathProp : DEFAULT_CDN_PATH;
+  var defaultAssets = getDefaultAssets(assetsPath);
 
   // Resolve assets: prop overrides preset, preset overrides default
-  var presetAssets = getPresetAssets(props.preset);
+  var presetAssets = getPresetAssets(props.preset, assetsPath);
   var imageSrc = imageSrcProp !== null && imageSrcProp !== void 0 ? imageSrcProp : presetAssets.imageSrc;
   var videoSrc = imageSrc ? undefined : (_presetAssets$videoSr = presetAssets.videoSrc) !== null && _presetAssets$videoSr !== void 0 ? _presetAssets$videoSr : defaultAssets.videoSrc;
   var gradientMapSrc = (_ref7 = gradientMapSrcProp !== null && gradientMapSrcProp !== void 0 ? gradientMapSrcProp : presetAssets.gradientMapSrc) !== null && _ref7 !== void 0 ? _ref7 : defaultAssets.gradientMapSrc;
@@ -141,7 +146,7 @@ var RzpGlass = /*#__PURE__*/forwardRef(function RzpGlass(props, forwardedRef) {
   useEffect(function () {
     var init = /*#__PURE__*/function () {
       var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var config, _error, _t;
+        var _config$paused, config, userWantsPaused, _error, _t;
         return _regeneratorRuntime.wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -152,7 +157,7 @@ var RzpGlass = /*#__PURE__*/forwardRef(function RzpGlass(props, forwardedRef) {
               return _context.abrupt("return");
             case 1:
               _context.prev = 1;
-              config = resolveConfig(props);
+              config = resolveConfig(props, assetsPath);
               mountRef.current = new RzpGlassMount(divRef.current, {
                 videoSrc: videoSrc,
                 imageSrc: imageSrc,
@@ -163,8 +168,23 @@ var RzpGlass = /*#__PURE__*/forwardRef(function RzpGlass(props, forwardedRef) {
               _context.next = 2;
               return mountRef.current.loadAssets();
             case 2:
-              setIsInitialized(true);
-              onLoad === null || onLoad === void 0 || onLoad();
+              // Pause the video during the CSS fade-in so one-shot animations
+              // don't burn frames while the component is still transparent.
+              // Only do this when the consumer hasn't explicitly set paused: true.
+              userWantsPaused = (_config$paused = config.paused) !== null && _config$paused !== void 0 ? _config$paused : false;
+              if (!userWantsPaused) {
+                mountRef.current.pause();
+              }
+              setIsInitialized(true); // kicks off the CSS opacity 0 → 1 transition
+
+              // After the fade-in completes, resume video and notify the consumer.
+              setTimeout(function () {
+                if (!mountRef.current) return;
+                if (!userWantsPaused) {
+                  mountRef.current.play();
+                }
+                onLoad === null || onLoad === void 0 || onLoad();
+              }, FADE_IN_MS);
               _context.next = 4;
               break;
             case 3:
@@ -190,12 +210,12 @@ var RzpGlass = /*#__PURE__*/forwardRef(function RzpGlass(props, forwardedRef) {
       mountRef.current = null;
       setIsInitialized(false);
     };
-  }, [cdnPath, videoSrc, imageSrc, gradientMapSrc, gradientMap2Src, centerGradientMapSrc, configProps.preset]);
+  }, [assetsPath, videoSrc, imageSrc, gradientMapSrc, gradientMap2Src, centerGradientMapSrc, configProps.preset]);
 
   // Update uniforms when config props change
   useEffect(function () {
     if (isInitialized && mountRef.current) {
-      var config = resolveConfig(props);
+      var config = resolveConfig(props, assetsPath);
       mountRef.current.setUniforms(config);
     }
   }, [isInitialized, configProps.preset,

package/build/lib/web/development/components/Spark/RzpGlass/RzpGlass.js.map

@@ -1 +1 @@
-{"version":3,"file":"RzpGlass.js","sources":["../../../../../../../src/components/Spark/RzpGlass/RzpGlass.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable react/react-in-jsx-scope */\n/* eslint-disable react-hooks/exhaustive-deps */\n/* eslint-disable @typescript-eslint/no-implicit-any-catch */\n/* eslint-disable @typescript-eslint/no-shadow */\n/**\n * RzpGlass React Component\n *\n * A React wrapper for the RzpGlassMount WebGL shader effect.\n * Manages the component lifecycle with useEffect hooks.\n *\n * @example\n * ```tsx\n * // Uses default assets and config\n * <RzpGlass width=\"400px\" height=\"300px\" />\n *\n * // With custom assets\n * <RzpGlass\n *   videoSrc=\"/custom_video.mp4\"\n *   gradientMapSrc=\"/custom-gradient.jpg\"\n *   enableBloom={true}\n * />\n * ```\n */\n\nimport { forwardRef, useEffect, useRef, useState, useCallback } from 'react';\nimport { RzpGlassMount } from './RzpGlassMount';\nimport type {\n  RzpGlassProps,\n  RzpGlassConfig,\n  RzpGlassAssets,\n  RzpGlassPresetDefinition,\n} from './types';\nimport { PRESETS } from './presets';\nimport type { RzpGlassPreset } from './presets';\n\nconst DEFAULT_CDN_PATH =\n  'https://cdn.jsdelivr.net/gh/razorpay/blade@feat/expose-assets-folder/packages/blade/assets/spark';\n\nconst getDefaultAssets = (cdnPath: string): Required<RzpGlassAssets> => ({\n  videoSrc: `${cdnPath}/spark-base-video.mp4`,\n  imageSrc: `${cdnPath}/bottom-frame.jpg`,\n  gradientMapSrc: `${cdnPath}/colorama-gradient-map-green.jpg`,\n  gradientMap2Src: `${cdnPath}/colorama-gradient-map-blue.jpg`,\n  centerGradientMapSrc: `${cdnPath}/colorama-center-gradient-map.jpg`,\n});\n\n/**\n * Hook to merge multiple refs into one\n */\nfunction useMergeRefs<T>(refs: (React.Ref<T> | undefined)[]): React.RefCallback<T> {\n  return useCallback(\n    (value: T) => {\n      refs.forEach((ref) => {\n        if (typeof ref === 'function') {\n          ref(value);\n        } else if (ref != null) {\n          (ref as React.MutableRefObject<T | null>).current = value;\n        }\n      });\n    },\n    [refs],\n  );\n}\n\n/**\n * Extract config from props (exclude non-config props).\n * Strips undefined values so they don't clobber preset defaults.\n */\nfunction extractConfig(props: RzpGlassProps): Partial<RzpGlassConfig> {\n  const {\n    width: _width,\n    height: _height,\n    className: _className,\n    style: _style,\n    onLoad: _onLoad,\n    onError: _onError,\n    preset: _preset,\n    cdnPath: _cdnPath,\n    gradientMapSrc: _gradientMapSrc,\n    gradientMap2Src: _gradientMap2Src,\n    gradientMapCanvas: _gradientMapCanvas,\n    imageSrc: _imageSrc,\n    ...config\n  } = props;\n\n  // Drop keys with undefined values so preset config isn't overridden by unset props\n  return Object.fromEntries(\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    Object.entries(config).filter(([, v]) => v !== undefined),\n  ) as Partial<RzpGlassConfig>;\n}\n\nconst ASSET_KEYS = new Set<string>([\n  'videoSrc',\n  'imageSrc',\n  'gradientMapSrc',\n  'gradientMap2Src',\n  'centerGradientMapSrc',\n]);\n\n/* eslint-disable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-return */\nfunction getPresetDefinition(preset: RzpGlassPreset | undefined): RzpGlassPresetDefinition {\n  if (preset && preset in PRESETS) return { ...PRESETS[preset] };\n  return {};\n}\n\nfunction getPresetConfig(preset: RzpGlassPreset | undefined): Partial<RzpGlassConfig> {\n  const def = getPresetDefinition(preset) as Record<string, unknown>;\n  return Object.fromEntries(\n    Object.entries(def).filter(([k]) => !ASSET_KEYS.has(k)),\n  ) as Partial<RzpGlassConfig>;\n}\n\nfunction getPresetAssets(preset: RzpGlassPreset | undefined): Partial<RzpGlassAssets> {\n  const def = getPresetDefinition(preset) as Record<string, unknown>;\n  return Object.fromEntries(\n    Object.entries(def).filter(([k]) => ASSET_KEYS.has(k)),\n  ) as Partial<RzpGlassAssets>;\n}\n\n/**\n * Merge preset config with user-provided config.\n * Preset values are used as base; any explicit prop overrides them.\n */\nfunction resolveConfig(props: RzpGlassProps): Partial<RzpGlassConfig> {\n  return {\n    ...getPresetConfig(props.preset),\n    ...extractConfig(props),\n  };\n}\n\nexport const RzpGlass = forwardRef<HTMLDivElement, RzpGlassProps>(function RzpGlass(\n  props,\n  forwardedRef,\n) {\n  const {\n    width = '100%',\n    height = '100%',\n    className,\n    style,\n    onLoad,\n    onError,\n    cdnPath: cdnPathProp,\n    gradientMapCanvas,\n    gradientMapSrc: gradientMapSrcProp,\n    gradientMap2Src: gradientMap2SrcProp,\n    imageSrc: imageSrcProp,\n    ...configProps\n  } = props;\n\n  // Get default assets based on cdnPath\n  const cdnPath: string = cdnPathProp ?? DEFAULT_CDN_PATH;\n  const defaultAssets = getDefaultAssets(cdnPath);\n\n  // Resolve assets: prop overrides preset, preset overrides default\n  const presetAssets = getPresetAssets(props.preset);\n  const imageSrc = imageSrcProp ?? presetAssets.imageSrc;\n  const videoSrc = imageSrc ? undefined : presetAssets.videoSrc ?? defaultAssets.videoSrc;\n  const gradientMapSrc =\n    gradientMapSrcProp ?? presetAssets.gradientMapSrc ?? defaultAssets.gradientMapSrc;\n  const gradientMap2Src =\n    gradientMap2SrcProp ?? presetAssets.gradientMap2Src ?? defaultAssets.gradientMap2Src;\n  const centerGradientMapSrc =\n    presetAssets.centerGradientMapSrc ?? defaultAssets.centerGradientMapSrc;\n\n  const [isInitialized, setIsInitialized] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n  const divRef = useRef<HTMLDivElement>(null);\n  const mountRef = useRef<RzpGlassMount | null>(null);\n\n  // Initialize on mount\n  useEffect(() => {\n    const init = async () => {\n      if (!divRef.current || mountRef.current) return;\n\n      try {\n        const config = resolveConfig(props);\n\n        mountRef.current = new RzpGlassMount(\n          divRef.current,\n          {\n            videoSrc,\n            imageSrc,\n            gradientMapSrc,\n            gradientMap2Src,\n            centerGradientMapSrc,\n          },\n          config,\n        );\n\n        await mountRef.current.loadAssets();\n        setIsInitialized(true);\n        onLoad?.();\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error(String(err));\n        setError(error);\n        onError?.(error);\n      }\n    };\n\n    void init();\n\n    return () => {\n      mountRef.current?.dispose();\n      mountRef.current = null;\n      setIsInitialized(false);\n    };\n  }, [\n    cdnPath,\n    videoSrc,\n    imageSrc,\n    gradientMapSrc,\n    gradientMap2Src,\n    centerGradientMapSrc,\n    configProps.preset,\n  ]);\n\n  // Update uniforms when config props change\n  useEffect(() => {\n    if (isInitialized && mountRef.current) {\n      const config = resolveConfig(props);\n      mountRef.current.setUniforms(config);\n    }\n  }, [\n    isInitialized,\n    configProps.preset,\n    // Colorama\n    configProps.inputMin,\n    configProps.inputMax,\n    configProps.modifyGamma,\n    configProps.posterizeLevels,\n    configProps.cycleRepetitions,\n    configProps.phaseShift,\n    configProps.cycleSpeed,\n    configProps.wrapMode,\n    configProps.reverse,\n    configProps.blendWithOriginal,\n    // Displacement\n    configProps.numSegments,\n    configProps.slitAngle,\n    configProps.displacementX,\n    configProps.displacementY,\n    // Center element\n    configProps.enableCenterElement,\n    configProps.centerAnimDuration,\n    // Color correction\n    configProps.ccBlackPoint,\n    configProps.ccWhitePoint,\n    configProps.ccMidtoneGamma,\n    configProps.ccGamma,\n    configProps.ccContrast,\n    // Zoom & Pan\n    configProps.zoom,\n    configProps.panX,\n    configProps.panY,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    ...(configProps.edgeFeather ?? [0, 0, 0, 0]),\n    // Effect toggles\n    configProps.enableDisplacement,\n    configProps.enableColorama,\n    configProps.enableBloom,\n    configProps.enableLightSweep,\n    // Light\n    configProps.lightIntensity,\n    configProps.lightStartFrame,\n    // Playback\n    configProps.paused,\n    configProps.startTime,\n    configProps.endTime,\n    configProps.animateLightIndependently,\n    // Cycle animation\n    configProps.animateCycleReps,\n    configProps.cycleRepetitionsStart,\n    configProps.cycleRepetitionsEnd,\n    configProps.cycleRepetitionsStartFrame,\n    configProps.cycleRepetitionsDuration,\n    // Gradient map blend\n    configProps.gradientMapBlend,\n    configProps.gradientMapBlendDuration,\n  ]);\n\n  // Update gradient map texture when a canvas is provided\n  useEffect(() => {\n    if (isInitialized && mountRef.current && gradientMapCanvas) {\n      mountRef.current.updateGradientMapTexture(gradientMapCanvas);\n    }\n  }, [isInitialized, gradientMapCanvas]);\n\n  const mergedRef = useMergeRefs([divRef, forwardedRef]);\n\n  // Convert width/height to string if number\n  const widthStyle = typeof width === 'number' ? `${width}px` : width;\n  const heightStyle = typeof height === 'number' ? `${height}px` : height;\n\n  if (error) {\n    return (\n      <div\n        ref={mergedRef}\n        className={className}\n        style={{\n          width: widthStyle,\n          height: heightStyle,\n          ...style,\n        }}\n      />\n    );\n  }\n\n  return (\n    <div\n      ref={mergedRef}\n      className={className}\n      style={{\n        width: widthStyle,\n        height: heightStyle,\n        position: 'relative',\n        overflow: 'hidden',\n        backgroundColor: 'transparent',\n        transition: '2s opacity',\n        ...(isInitialized ? { opacity: 1 } : { opacity: 0 }),\n        ...style,\n      }}\n    />\n  );\n});\n\nexport default RzpGlass;\n"],"names":["DEFAULT_CDN_PATH","getDefaultAssets","cdnPath","videoSrc","concat","imageSrc","gradientMapSrc","gradientMap2Src","centerGradientMapSrc","useMergeRefs","refs","useCallback","value","forEach","ref","current","extractConfig","props","_width","width","_height","height","_className","className","_style","style","_onLoad","onLoad","_onError","onError","_preset","preset","_cdnPath","_gradientMapSrc","_gradientMap2Src","_gradientMapCanvas","gradientMapCanvas","_imageSrc","config","_objectWithoutProperties","_excluded","Object","fromEntries","entries","filter","_ref","_ref2","_slicedToArray","v","undefined","ASSET_KEYS","Set","getPresetDefinition","PRESETS","_objectSpread","getPresetConfig","def","_ref3","_ref4","k","has","getPresetAssets","_ref5","_ref6","resolveConfig","RzpGlass","forwardRef","forwardedRef","_presetAssets$videoSr","_ref7","_ref8","_presetAssets$centerG","_configProps$edgeFeat","_props$width","_props$height","cdnPathProp","gradientMapSrcProp","gradientMap2SrcProp","imageSrcProp","configProps","_excluded2","defaultAssets","presetAssets","_useState","useState","_useState2","isInitialized","setIsInitialized","_useState3","_useState4","error","setError","divRef","useRef","mountRef","useEffect","init","_ref9","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_error","_t","wrap","_context","prev","next","abrupt","RzpGlassMount","loadAssets","Error","String","stop","apply","arguments","_mountRef$current","dispose","setUniforms","inputMin","inputMax","modifyGamma","posterizeLevels","cycleRepetitions","phaseShift","cycleSpeed","wrapMode","reverse","blendWithOriginal","numSegments","slitAngle","displacementX","displacementY","enableCenterElement","centerAnimDuration","ccBlackPoint","ccWhitePoint","ccMidtoneGamma","ccGamma","ccContrast","zoom","panX","panY","_toConsumableArray","edgeFeather","enableDisplacement","enableColorama","enableBloom","enableLightSweep","lightIntensity","lightStartFrame","paused","startTime","endTime","animateLightIndependently","animateCycleReps","cycleRepetitionsStart","cycleRepetitionsEnd","cycleRepetitionsStartFrame","cycleRepetitionsDuration","gradientMapBlend","gradientMapBlendDuration","updateGradientMapTexture","mergedRef","widthStyle","heightStyle","_jsx","position","overflow","backgroundColor","transition","opacity"],"mappings":"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"}
+{"version":3,"file":"RzpGlass.js","sources":["../../../../../../../src/components/Spark/RzpGlass/RzpGlass.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/no-unsafe-argument */\n/* eslint-disable @typescript-eslint/no-unsafe-assignment */\n/* eslint-disable react/react-in-jsx-scope */\n/* eslint-disable react-hooks/exhaustive-deps */\n/* eslint-disable @typescript-eslint/no-implicit-any-catch */\n/* eslint-disable @typescript-eslint/no-shadow */\n/**\n * RzpGlass React Component\n *\n * A React wrapper for the RzpGlassMount WebGL shader effect.\n * Manages the component lifecycle with useEffect hooks.\n *\n * @example\n * ```tsx\n * // Uses default assets and config\n * <RzpGlass width=\"400px\" height=\"300px\" />\n *\n * // With custom assets\n * <RzpGlass\n *   videoSrc=\"/custom_video.mp4\"\n *   gradientMapSrc=\"/custom-gradient.jpg\"\n *   enableBloom={true}\n * />\n * ```\n */\n\nimport { forwardRef, useEffect, useRef, useState, useCallback } from 'react';\nimport { RzpGlassMount } from './RzpGlassMount';\nimport type {\n  RzpGlassProps,\n  RzpGlassConfig,\n  RzpGlassAssets,\n  RzpGlassPresetDefinition,\n} from './types';\nimport { getPresets } from './presets';\nimport type { RzpGlassPreset } from './presets';\n\n// Duration of the component's built-in fade-in transition.\n// The video is kept paused during this window so one-shot animations\n// (e.g. circleSlideUp) don't \"waste\" frames while the canvas is invisible.\nconst FADE_IN_MS = 200;\n\nconst DEFAULT_CDN_PATH = 'https://cdn.jsdelivr.net/npm/@razorpay/blade/assets/spark';\n\nconst getDefaultAssets = (assetsPath: string): Required<RzpGlassAssets> => ({\n  videoSrc: `${assetsPath}/spark-base-video.mp4`,\n  imageSrc: `${assetsPath}/bottom-frame.jpg`,\n  gradientMapSrc: `${assetsPath}/colorama-gradient-map-green.jpg`,\n  gradientMap2Src: `${assetsPath}/colorama-gradient-map-blue.jpg`,\n  centerGradientMapSrc: `${assetsPath}/colorama-center-gradient-map.jpg`,\n});\n\n/**\n * Hook to merge multiple refs into one\n */\nfunction useMergeRefs<T>(refs: (React.Ref<T> | undefined)[]): React.RefCallback<T> {\n  return useCallback(\n    (value: T) => {\n      refs.forEach((ref) => {\n        if (typeof ref === 'function') {\n          ref(value);\n        } else if (ref != null) {\n          (ref as React.MutableRefObject<T | null>).current = value;\n        }\n      });\n    },\n    [refs],\n  );\n}\n\n/**\n * Extract config from props (exclude non-config props).\n * Strips undefined values so they don't clobber preset defaults.\n */\nfunction extractConfig(props: RzpGlassProps): Partial<RzpGlassConfig> {\n  const {\n    width: _width,\n    height: _height,\n    className: _className,\n    style: _style,\n    onLoad: _onLoad,\n    onError: _onError,\n    preset: _preset,\n    assetsPath: _assetsPath,\n    gradientMapSrc: _gradientMapSrc,\n    gradientMap2Src: _gradientMap2Src,\n    gradientMapCanvas: _gradientMapCanvas,\n    imageSrc: _imageSrc,\n    ...config\n  } = props;\n\n  // Drop keys with undefined values so preset config isn't overridden by unset props\n  return Object.fromEntries(\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    Object.entries(config).filter(([, v]) => v !== undefined),\n  ) as Partial<RzpGlassConfig>;\n}\n\nconst ASSET_KEYS = new Set<string>([\n  'videoSrc',\n  'imageSrc',\n  'gradientMapSrc',\n  'gradientMap2Src',\n  'centerGradientMapSrc',\n]);\n\n/* eslint-disable @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-return */\nfunction getPresetDefinition(\n  preset: RzpGlassPreset | undefined,\n  assetsPath: string,\n): RzpGlassPresetDefinition {\n  const presets = getPresets(assetsPath);\n  if (preset && preset in presets) return { ...presets[preset] };\n  return {};\n}\n\nfunction getPresetConfig(\n  preset: RzpGlassPreset | undefined,\n  assetsPath: string,\n): Partial<RzpGlassConfig> {\n  const def = getPresetDefinition(preset, assetsPath) as Record<string, unknown>;\n  return Object.fromEntries(\n    Object.entries(def).filter(([k]) => !ASSET_KEYS.has(k)),\n  ) as Partial<RzpGlassConfig>;\n}\n\nfunction getPresetAssets(\n  preset: RzpGlassPreset | undefined,\n  assetsPath: string,\n): Partial<RzpGlassAssets> {\n  const def = getPresetDefinition(preset, assetsPath) as Record<string, unknown>;\n  return Object.fromEntries(\n    Object.entries(def).filter(([k]) => ASSET_KEYS.has(k)),\n  ) as Partial<RzpGlassAssets>;\n}\n\n/**\n * Merge preset config with user-provided config.\n * Preset values are used as base; any explicit prop overrides them.\n */\nfunction resolveConfig(props: RzpGlassProps, assetsPath: string): Partial<RzpGlassConfig> {\n  return {\n    ...getPresetConfig(props.preset, assetsPath),\n    ...extractConfig(props),\n  };\n}\n\nexport const RzpGlass = forwardRef<HTMLDivElement, RzpGlassProps>(function RzpGlass(\n  props,\n  forwardedRef,\n) {\n  const {\n    width = '100%',\n    height = '100%',\n    className,\n    style,\n    onLoad,\n    onError,\n    assetsPath: assetsPathProp,\n    gradientMapCanvas,\n    gradientMapSrc: gradientMapSrcProp,\n    gradientMap2Src: gradientMap2SrcProp,\n    imageSrc: imageSrcProp,\n    ...configProps\n  } = props;\n\n  // Get default assets based on assetsPath\n  const assetsPath: string = assetsPathProp ?? DEFAULT_CDN_PATH;\n  const defaultAssets = getDefaultAssets(assetsPath);\n\n  // Resolve assets: prop overrides preset, preset overrides default\n  const presetAssets = getPresetAssets(props.preset, assetsPath);\n  const imageSrc = imageSrcProp ?? presetAssets.imageSrc;\n  const videoSrc = imageSrc ? undefined : presetAssets.videoSrc ?? defaultAssets.videoSrc;\n  const gradientMapSrc =\n    gradientMapSrcProp ?? presetAssets.gradientMapSrc ?? defaultAssets.gradientMapSrc;\n  const gradientMap2Src =\n    gradientMap2SrcProp ?? presetAssets.gradientMap2Src ?? defaultAssets.gradientMap2Src;\n  const centerGradientMapSrc =\n    presetAssets.centerGradientMapSrc ?? defaultAssets.centerGradientMapSrc;\n\n  const [isInitialized, setIsInitialized] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n  const divRef = useRef<HTMLDivElement>(null);\n  const mountRef = useRef<RzpGlassMount | null>(null);\n\n  // Initialize on mount\n  useEffect(() => {\n    const init = async () => {\n      if (!divRef.current || mountRef.current) return;\n\n      try {\n        const config = resolveConfig(props, assetsPath);\n\n        mountRef.current = new RzpGlassMount(\n          divRef.current,\n          {\n            videoSrc,\n            imageSrc,\n            gradientMapSrc,\n            gradientMap2Src,\n            centerGradientMapSrc,\n          },\n          config,\n        );\n\n        await mountRef.current.loadAssets();\n\n        // Pause the video during the CSS fade-in so one-shot animations\n        // don't burn frames while the component is still transparent.\n        // Only do this when the consumer hasn't explicitly set paused: true.\n        const userWantsPaused = config.paused ?? false;\n        if (!userWantsPaused) {\n          mountRef.current.pause();\n        }\n\n        setIsInitialized(true); // kicks off the CSS opacity 0 → 1 transition\n\n        // After the fade-in completes, resume video and notify the consumer.\n        setTimeout(() => {\n          if (!mountRef.current) return;\n          if (!userWantsPaused) {\n            mountRef.current.play();\n          }\n          onLoad?.();\n        }, FADE_IN_MS);\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error(String(err));\n        setError(error);\n        onError?.(error);\n      }\n    };\n\n    void init();\n\n    return () => {\n      mountRef.current?.dispose();\n      mountRef.current = null;\n      setIsInitialized(false);\n    };\n  }, [\n    assetsPath,\n    videoSrc,\n    imageSrc,\n    gradientMapSrc,\n    gradientMap2Src,\n    centerGradientMapSrc,\n    configProps.preset,\n  ]);\n\n  // Update uniforms when config props change\n  useEffect(() => {\n    if (isInitialized && mountRef.current) {\n      const config = resolveConfig(props, assetsPath);\n      mountRef.current.setUniforms(config);\n    }\n  }, [\n    isInitialized,\n    configProps.preset,\n    // Colorama\n    configProps.inputMin,\n    configProps.inputMax,\n    configProps.modifyGamma,\n    configProps.posterizeLevels,\n    configProps.cycleRepetitions,\n    configProps.phaseShift,\n    configProps.cycleSpeed,\n    configProps.wrapMode,\n    configProps.reverse,\n    configProps.blendWithOriginal,\n    // Displacement\n    configProps.numSegments,\n    configProps.slitAngle,\n    configProps.displacementX,\n    configProps.displacementY,\n    // Center element\n    configProps.enableCenterElement,\n    configProps.centerAnimDuration,\n    // Color correction\n    configProps.ccBlackPoint,\n    configProps.ccWhitePoint,\n    configProps.ccMidtoneGamma,\n    configProps.ccGamma,\n    configProps.ccContrast,\n    // Zoom & Pan\n    configProps.zoom,\n    configProps.panX,\n    configProps.panY,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    ...(configProps.edgeFeather ?? [0, 0, 0, 0]),\n    // Effect toggles\n    configProps.enableDisplacement,\n    configProps.enableColorama,\n    configProps.enableBloom,\n    configProps.enableLightSweep,\n    // Light\n    configProps.lightIntensity,\n    configProps.lightStartFrame,\n    // Playback\n    configProps.paused,\n    configProps.startTime,\n    configProps.endTime,\n    configProps.animateLightIndependently,\n    // Cycle animation\n    configProps.animateCycleReps,\n    configProps.cycleRepetitionsStart,\n    configProps.cycleRepetitionsEnd,\n    configProps.cycleRepetitionsStartFrame,\n    configProps.cycleRepetitionsDuration,\n    // Gradient map blend\n    configProps.gradientMapBlend,\n    configProps.gradientMapBlendDuration,\n  ]);\n\n  // Update gradient map texture when a canvas is provided\n  useEffect(() => {\n    if (isInitialized && mountRef.current && gradientMapCanvas) {\n      mountRef.current.updateGradientMapTexture(gradientMapCanvas);\n    }\n  }, [isInitialized, gradientMapCanvas]);\n\n  const mergedRef = useMergeRefs([divRef, forwardedRef]);\n\n  // Convert width/height to string if number\n  const widthStyle = typeof width === 'number' ? `${width}px` : width;\n  const heightStyle = typeof height === 'number' ? `${height}px` : height;\n\n  if (error) {\n    return (\n      <div\n        ref={mergedRef}\n        className={className}\n        style={{\n          width: widthStyle,\n          height: heightStyle,\n          ...style,\n        }}\n      />\n    );\n  }\n\n  return (\n    <div\n      ref={mergedRef}\n      className={className}\n      style={{\n        width: widthStyle,\n        height: heightStyle,\n        position: 'relative',\n        overflow: 'hidden',\n        backgroundColor: 'transparent',\n        transition: '2s opacity',\n        ...(isInitialized ? { opacity: 1 } : { opacity: 0 }),\n        ...style,\n      }}\n    />\n  );\n});\n\nexport default RzpGlass;\n"],"names":["FADE_IN_MS","DEFAULT_CDN_PATH","getDefaultAssets","assetsPath","videoSrc","concat","imageSrc","gradientMapSrc","gradientMap2Src","centerGradientMapSrc","useMergeRefs","refs","useCallback","value","forEach","ref","current","extractConfig","props","_width","width","_height","height","_className","className","_style","style","_onLoad","onLoad","_onError","onError","_preset","preset","_assetsPath","_gradientMapSrc","_gradientMap2Src","_gradientMapCanvas","gradientMapCanvas","_imageSrc","config","_objectWithoutProperties","_excluded","Object","fromEntries","entries","filter","_ref","_ref2","_slicedToArray","v","undefined","ASSET_KEYS","Set","getPresetDefinition","presets","getPresets","_objectSpread","getPresetConfig","def","_ref3","_ref4","k","has","getPresetAssets","_ref5","_ref6","resolveConfig","RzpGlass","forwardRef","forwardedRef","_presetAssets$videoSr","_ref7","_ref8","_presetAssets$centerG","_configProps$edgeFeat","_props$width","_props$height","assetsPathProp","gradientMapSrcProp","gradientMap2SrcProp","imageSrcProp","configProps","_excluded2","defaultAssets","presetAssets","_useState","useState","_useState2","isInitialized","setIsInitialized","_useState3","_useState4","error","setError","divRef","useRef","mountRef","useEffect","init","_ref9","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_config$paused","userWantsPaused","_error","_t","wrap","_context","prev","next","abrupt","RzpGlassMount","loadAssets","paused","pause","setTimeout","play","Error","String","stop","apply","arguments","_mountRef$current","dispose","setUniforms","inputMin","inputMax","modifyGamma","posterizeLevels","cycleRepetitions","phaseShift","cycleSpeed","wrapMode","reverse","blendWithOriginal","numSegments","slitAngle","displacementX","displacementY","enableCenterElement","centerAnimDuration","ccBlackPoint","ccWhitePoint","ccMidtoneGamma","ccGamma","ccContrast","zoom","panX","panY","_toConsumableArray","edgeFeather","enableDisplacement","enableColorama","enableBloom","enableLightSweep","lightIntensity","lightStartFrame","startTime","endTime","animateLightIndependently","animateCycleReps","cycleRepetitionsStart","cycleRepetitionsEnd","cycleRepetitionsStartFrame","cycleRepetitionsDuration","gradientMapBlend","gradientMapBlendDuration","updateGradientMapTexture","mergedRef","widthStyle","heightStyle","_jsx","position","overflow","backgroundColor","transition","opacity"],"mappings":"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"}

package/build/lib/web/development/components/Spark/RzpGlass/RzpGlassMount.js

@@ -229,9 +229,6 @@ var RzpGlassMount = /*#__PURE__*/function () {
       var gl = _this.gl;
       var video = _this.video;
 
-      // Always clear canvas to transparent (even before video is ready)
-      gl.clear(gl.COLOR_BUFFER_BIT);
-
       // Calculate delta time in seconds (framerate independent)
       var currentTimeSeconds = currentTime * 0.001; // Convert ms to seconds
       var deltaTime = currentTimeSeconds - _this.lastRenderTime;
@@ -240,8 +237,9 @@ var RzpGlassMount = /*#__PURE__*/function () {
 
       var usingStaticImage = !video && _this.videoTexture !== null;
 
-      // Skip rendering if video isn't ready (canvas stays transparent).
-      // Static-image mode bypasses this guard since there's no video element.
+      // Skip rendering if video isn't ready — do NOT clear the canvas here so the
+      // last rendered frame stays visible instead of flashing transparent/black.
+      // This prevents flickering during video native loop boundary frames.
       if (!usingStaticImage) {
         if (!video || video.readyState < video.HAVE_CURRENT_DATA) {
           return;
@@ -260,6 +258,11 @@ var RzpGlassMount = /*#__PURE__*/function () {
         }
       }
 
+      // Clear canvas now that we know we have data to draw.
+      // Doing this after the readyState guard means we keep the last frame
+      // during any brief gaps (e.g. native video loop boundary).
+      gl.clear(gl.COLOR_BUFFER_BIT);
+
       // Animation time: driven by video position for video mode, real elapsed time for static image
       var videoAnimTime = usingStaticImage ? currentTimeSeconds : video.currentTime - _this.config.startTime;