@razorpay/blade 12.95.0 → 12.95.2

package/build/lib/native/components/Card/Card.js

@@ -23,7 +23,7 @@ import { useCheckboxGroupContext } from '../Checkbox/CheckboxGroup/CheckboxGroup
 import { useRadioGroupContext } from '../Radio/RadioGroup/RadioContext.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
-var _excluded=["children","backgroundColor","borderRadius","elevation","testID","padding","width","height","minHeight","minWidth","maxWidth","onClick","isSelected","accessibilityLabel","shouldScaleOnHover","onHover","href","target","rel","as","size","cursor","opacity","transition","flexShrink"],_excluded2=["height","children","testID"];var ComponentIds={CardHeader:'CardHeader',CardHeaderTrailing:'CardHeaderTrailing',CardHeaderLeading:'CardHeaderLeading',CardFooter:'CardFooter',CardFooterTrailing:'CardFooterTrailing',CardFooterLeading:'CardFooterLeading',CardBody:'CardBody',CardHeaderIcon:'CardHeaderIcon',CardHeaderCounter:'CardHeaderCounter',CardHeaderBadge:'CardHeaderBadge',CardHeaderAmount:'CardHeaderAmount',CardHeaderText:'CardHeaderText',CardHeaderLink:'CardHeaderLink',CardHeaderIconButton:'CardHeaderIconButton'};var _Card=function _Card(_ref,ref){var children=_ref.children;_ref.backgroundColor;_ref.borderRadius;_ref.elevation;var testID=_ref.testID,_ref$padding=_ref.padding,padding=_ref$padding===void 0?'spacing.7':_ref$padding,width=_ref.width,height=_ref.height,minHeight=_ref.minHeight,minWidth=_ref.minWidth,maxWidth=_ref.maxWidth,onClick=_ref.onClick,_ref$isSelected=_ref.isSelected,isSelected=_ref$isSelected===void 0?false:_ref$isSelected,accessibilityLabel=_ref.accessibilityLabel,_ref$shouldScaleOnHov=_ref.shouldScaleOnHover,shouldScaleOnHover=_ref$shouldScaleOnHov===void 0?false:_ref$shouldScaleOnHov,onHover=_ref.onHover,href=_ref.href,target=_ref.target,rel=_ref.rel,as=_ref.as,_ref$size=_ref.size,size=_ref$size===void 0?'large':_ref$size,cursor=_ref.cursor,opacity=_ref.opacity,transition=_ref.transition,flexShrink=_ref.flexShrink,rest=_objectWithoutProperties(_ref,_excluded);var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isFocused=_React$useState2[0],setIsFocused=_React$useState2[1];var _useTheme=useTheme(),colorScheme=_useTheme.colorScheme;useVerifyAllowedChildren({children:children,componentName:'Card',allowedComponents:[ComponentIds.CardHeader,ComponentIds.CardBody,ComponentIds.CardFooter]});var linkOverlayProps=Object.assign({},metaAttribute({name:CARD_LINK_OVERLAY_ID}),makeAccessible({label:accessibilityLabel,pressed:href?undefined:isSelected}),{onFocus:function onFocus(){setIsFocused(true);},onBlur:function onBlur(){setIsFocused(false);}});var defaultRel=target&&target==='_blank'?'noreferrer noopener':undefined;var checkboxGroupProps=useCheckboxGroupContext();var radioGroupProps=useRadioGroupContext();var getGroupProps=function getGroupProps(){if(Object.keys(checkboxGroupProps).length>0)return checkboxGroupProps;if(Object.keys(radioGroupProps).length>0)return radioGroupProps;return undefined;};var groupProps=getGroupProps();var _validationState=groupProps==null?void 0:groupProps.validationState;return jsx(CardProvider,{size:size,children:jsx(CardRoot,Object.assign({as:as,ref:ref,display:'block',borderRadius:"medium",onMouseEnter:onHover,shouldScaleOnHover:shouldScaleOnHover,isSelected:isSelected,isFocused:isFocused,onClick:isReactNative()?onClick:undefined,width:width,height:height,minHeight:minHeight,minWidth:minWidth,maxWidth:maxWidth,href:href,accessibilityLabel:accessibilityLabel,validationState:_validationState,cursor:isReactNative()?undefined:cursor,opacity:opacity,transition:transition,flexShrink:flexShrink},metaAttribute({name:MetaConstants.Card,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsxs(CardSurface,{height:height,minHeight:minHeight,padding:padding,borderRadius:"medium",textAlign:'left',backgroundColor:"surface.background.gray.intense",colorScheme:colorScheme,isSelected:isSelected,children:[href?jsx(LinkOverlay,Object.assign({onClick:onClick,href:href,target:target,rel:rel!=null?rel:defaultRel},linkOverlayProps)):null,!href&&onClick?jsx(LinkOverlay,Object.assign({as:"button",onClick:onClick},linkOverlayProps)):null,children]})}))});};var _CardBody=function _CardBody(_ref2){var height=_ref2.height,children=_ref2.children,testID=_ref2.testID,rest=_objectWithoutProperties(_ref2,_excluded2);useVerifyInsideCard('CardBody');return jsx(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.CardBody,testID:testID}),makeAnalyticsAttribute(rest),{height:height,children:children}));};var Card=React__default.forwardRef(_Card);var CardBody=assignWithoutSideEffects(_CardBody,{componentId:ComponentIds.CardBody});
+var _excluded=["children","backgroundColor","borderRadius","elevation","testID","padding","width","height","minHeight","minWidth","maxWidth","onClick","isSelected","accessibilityLabel","shouldScaleOnHover","onHover","href","target","rel","as","size","cursor","opacity","transition","flexShrink","overflow","overflowX","overflowY"],_excluded2=["height","children","testID"];var ComponentIds={CardHeader:'CardHeader',CardHeaderTrailing:'CardHeaderTrailing',CardHeaderLeading:'CardHeaderLeading',CardFooter:'CardFooter',CardFooterTrailing:'CardFooterTrailing',CardFooterLeading:'CardFooterLeading',CardBody:'CardBody',CardHeaderIcon:'CardHeaderIcon',CardHeaderCounter:'CardHeaderCounter',CardHeaderBadge:'CardHeaderBadge',CardHeaderAmount:'CardHeaderAmount',CardHeaderText:'CardHeaderText',CardHeaderLink:'CardHeaderLink',CardHeaderIconButton:'CardHeaderIconButton'};var _Card=function _Card(_ref,ref){var children=_ref.children;_ref.backgroundColor;_ref.borderRadius;_ref.elevation;var testID=_ref.testID,_ref$padding=_ref.padding,padding=_ref$padding===void 0?'spacing.7':_ref$padding,width=_ref.width,height=_ref.height,minHeight=_ref.minHeight,minWidth=_ref.minWidth,maxWidth=_ref.maxWidth,onClick=_ref.onClick,_ref$isSelected=_ref.isSelected,isSelected=_ref$isSelected===void 0?false:_ref$isSelected,accessibilityLabel=_ref.accessibilityLabel,_ref$shouldScaleOnHov=_ref.shouldScaleOnHover,shouldScaleOnHover=_ref$shouldScaleOnHov===void 0?false:_ref$shouldScaleOnHov,onHover=_ref.onHover,href=_ref.href,target=_ref.target,rel=_ref.rel,as=_ref.as,_ref$size=_ref.size,size=_ref$size===void 0?'large':_ref$size,cursor=_ref.cursor,opacity=_ref.opacity,transition=_ref.transition,flexShrink=_ref.flexShrink,overflow=_ref.overflow,overflowX=_ref.overflowX,overflowY=_ref.overflowY,rest=_objectWithoutProperties(_ref,_excluded);var _React$useState=React__default.useState(false),_React$useState2=_slicedToArray(_React$useState,2),isFocused=_React$useState2[0],setIsFocused=_React$useState2[1];var _useTheme=useTheme(),colorScheme=_useTheme.colorScheme;useVerifyAllowedChildren({children:children,componentName:'Card',allowedComponents:[ComponentIds.CardHeader,ComponentIds.CardBody,ComponentIds.CardFooter]});var linkOverlayProps=Object.assign({},metaAttribute({name:CARD_LINK_OVERLAY_ID}),makeAccessible({label:accessibilityLabel,pressed:href?undefined:isSelected}),{onFocus:function onFocus(){setIsFocused(true);},onBlur:function onBlur(){setIsFocused(false);}});var defaultRel=target&&target==='_blank'?'noreferrer noopener':undefined;var checkboxGroupProps=useCheckboxGroupContext();var radioGroupProps=useRadioGroupContext();var getGroupProps=function getGroupProps(){if(Object.keys(checkboxGroupProps).length>0)return checkboxGroupProps;if(Object.keys(radioGroupProps).length>0)return radioGroupProps;return undefined;};var groupProps=getGroupProps();var _validationState=groupProps==null?void 0:groupProps.validationState;return jsx(CardProvider,{size:size,children:jsx(CardRoot,Object.assign({as:as,ref:ref,display:'block',borderRadius:"medium",onMouseEnter:onHover,shouldScaleOnHover:shouldScaleOnHover,isSelected:isSelected,isFocused:isFocused,onClick:isReactNative()?onClick:undefined,width:width,height:height,minHeight:minHeight,minWidth:minWidth,maxWidth:maxWidth,href:href,accessibilityLabel:accessibilityLabel,validationState:_validationState,cursor:isReactNative()?undefined:cursor,opacity:opacity,transition:transition,flexShrink:flexShrink},metaAttribute({name:MetaConstants.Card,testID:testID}),getStyledProps(rest),makeAnalyticsAttribute(rest),{children:jsxs(CardSurface,{height:height,minHeight:minHeight,padding:padding,borderRadius:"medium",textAlign:'left',backgroundColor:"surface.background.gray.intense",colorScheme:colorScheme,isSelected:isSelected,overflow:overflow,overflowX:overflowX,overflowY:overflowY,children:[href?jsx(LinkOverlay,Object.assign({onClick:onClick,href:href,target:target,rel:rel!=null?rel:defaultRel},linkOverlayProps)):null,!href&&onClick?jsx(LinkOverlay,Object.assign({as:"button",onClick:onClick},linkOverlayProps)):null,children]})}))});};var _CardBody=function _CardBody(_ref2){var height=_ref2.height,children=_ref2.children,testID=_ref2.testID,rest=_objectWithoutProperties(_ref2,_excluded2);useVerifyInsideCard('CardBody');return jsx(BaseBox,Object.assign({},metaAttribute({name:MetaConstants.CardBody,testID:testID}),makeAnalyticsAttribute(rest),{height:height,children:children}));};var Card=React__default.forwardRef(_Card);var CardBody=assignWithoutSideEffects(_CardBody,{componentId:ComponentIds.CardBody});
 
 export { Card, CardBody, ComponentIds };
 //# sourceMappingURL=Card.js.map

package/build/lib/native/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../../src/components/Card/Card.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport type { CSSObject } from 'styled-components';\nimport { CardSurface } from './CardSurface';\nimport { CardProvider, useVerifyInsideCard } from './CardContext';\nimport { LinkOverlay } from './LinkOverlay';\nimport { CardRoot } from './CardRoot';\nimport type { CardSpacingValueType, LinkOverlayProps } from './types';\nimport { CARD_LINK_OVERLAY_ID } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { Elevation } from '~tokens/global';\nimport type { BoxProps } from '~components/Box';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport type { Platform } from '~utils';\nimport { isReactNative, useTheme } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useCheckboxGroupContext } from '~components/Checkbox/CheckboxGroup/CheckboxGroupContext';\nimport { useRadioGroupContext } from '~components/Radio/RadioGroup/RadioContext';\nimport type { CheckboxGroupContextType } from '~components/Checkbox/CheckboxGroup/CheckboxGroupContext';\nimport type { RadioGroupContextType } from '~components/Radio/RadioGroup/RadioContext';\n\nexport const ComponentIds = {\n  CardHeader: 'CardHeader',\n  CardHeaderTrailing: 'CardHeaderTrailing',\n  CardHeaderLeading: 'CardHeaderLeading',\n  CardFooter: 'CardFooter',\n  CardFooterTrailing: 'CardFooterTrailing',\n  CardFooterLeading: 'CardFooterLeading',\n  CardBody: 'CardBody',\n  CardHeaderIcon: 'CardHeaderIcon',\n  CardHeaderCounter: 'CardHeaderCounter',\n  CardHeaderBadge: 'CardHeaderBadge',\n  CardHeaderAmount: 'CardHeaderAmount',\n  CardHeaderText: 'CardHeaderText',\n  CardHeaderLink: 'CardHeaderLink',\n  CardHeaderIconButton: 'CardHeaderIconButton',\n};\n\ntype CardSurfaceBackgroundColors = `surface.background.gray.${DotNotationToken<\n  Theme['colors']['surface']['background']['gray']\n>}`;\n\nexport type CardProps = {\n  /**\n   * Card contents\n   */\n  children: React.ReactNode;\n  /**\n   * Sets the background color of the Card\n   *\n   * @default `surface.background.gray.intense`\n   *\n   * @deprecated The `backgroundColor` prop is deprecated and is a no-op. The Card always uses `surface.background.gray.intense`. This prop will be removed in a future major version.\n   */\n  backgroundColor?: CardSurfaceBackgroundColors;\n  /**\n   * Sets the border radius of the Card\n   *\n   * @default `medium`\n   *\n   * @deprecated The `borderRadius` prop is deprecated and is a no-op. The Card always uses `medium` borderRadius. This prop will be removed in a future major version.\n   */\n  borderRadius?: Extract<BoxProps['borderRadius'], 'medium' | 'large' | 'xlarge'>;\n  /**\n   * Sets the elevation for Cards\n   *\n   * **Links:**\n   * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--docs\n   *\n   * @deprecated The `elevation` prop is deprecated and is a no-op. The Card always uses a custom elevation. This prop will be removed in a future major version.\n   */\n  elevation?: keyof Elevation;\n  /**\n   * Sets the padding equally on all sides. Only few `spacing` tokens are allowed deliberately\n   * @default `spacing.7`\n   *\n   * **Links:**\n   * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--docs\n   */\n  padding?: CardSpacingValueType;\n  /**\n   * Sets the width of the card\n   */\n  width?: BoxProps['width'];\n  /**\n   * Sets the height of the card\n   */\n  height?: BoxProps['height'];\n  /**\n   * Sets minimum height of the card\n   */\n  minHeight?: BoxProps['minHeight'];\n  /**\n   * Sets minimum width of the card\n   */\n  minWidth?: BoxProps['minWidth'];\n  /**\n   * Sets maximum width of the card\n   */\n  maxWidth?: BoxProps['maxWidth'];\n  /**\n   * If `true`, the card will be in selected state\n   * Card will have a primary color border around it.\n   *\n   * @default false\n   */\n  isSelected?: boolean;\n  /**\n   * Makes the Card linkable by setting the `href` prop\n   *\n   * @default undefined\n   */\n  href?: string;\n  /**\n   * Sets the `target` attribute for the linkable card\n   */\n  target?: string;\n  /**\n   * Sets the `rel` attribute for the linkable card\n   */\n  rel?: string;\n  /**\n   * Sets the accessibility label for the card\n   * This is useful when the card has an `href` or `onClick` prop\n   * Setting this will announce the label when the card is focused\n   */\n  accessibilityLabel?: string;\n  /**\n   * If `true`, the card will scale up on hover\n   *\n   * On mobile devices it will scale down on press\n   *\n   * **This prop is deprecated in favour of motion presets released in v12**\n   *\n   * ### Migration\n   *\n   * ```diff\n   * - <Card\n   * -  shouldScaleOnHover\n   * - />\n   *\n   * + <Scale motionTriggers={['hover']}>\n   * +   <Card />\n   * + </Scale>\n   * ```\n   *\n   * @default false\n   *\n   * @deprecated This prop is deprecated in favour of motion presets released in v12\n   */\n  shouldScaleOnHover?: boolean;\n  /**\n   * Callback triggered when the card is hovered\n   */\n  onHover?: () => void;\n  /**\n   * Sets the size of the card header title\n   *\n   * @default 'large'\n   */\n  size?: 'large' | 'medium';\n  /**\n   * Callback triggered when the card is clicked\n   */\n  onClick?: (\n    event: Platform.Select<{\n      web: React.MouseEvent;\n      native: GestureResponderEvent;\n    }>,\n  ) => void;\n  /**\n   * Sets the HTML element for the Card\n   *\n   * When `as` is set to `label`, the card will be rendered as a label element\n   * This can be used to create a custom checkbox or radio button using the card\n   *\n   * @default undefined\n   */\n  as?: 'label';\n  cursor?: Platform.Select<{\n    web: CSSObject['cursor'];\n    native: undefined;\n  }>;\n  opacity?: BoxProps['opacity'];\n  transition?: BoxProps['transition'];\n  flexShrink?: BoxProps['flexShrink'];\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst _Card: React.ForwardRefRenderFunction<BladeElementRef, CardProps> = (\n  {\n    children,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    backgroundColor,\n    borderRadius = 'medium',\n    elevation = 'lowRaised',\n    testID,\n    padding = 'spacing.7',\n    width,\n    height,\n    minHeight,\n    minWidth,\n    maxWidth,\n    onClick,\n    isSelected = false,\n    accessibilityLabel,\n    shouldScaleOnHover = false,\n    onHover,\n    href,\n    target,\n    rel,\n    as,\n    size = 'large',\n    cursor,\n    opacity,\n    transition,\n    flexShrink,\n    ...rest\n  },\n  ref,\n): React.ReactElement => {\n  const [isFocused, setIsFocused] = React.useState(false);\n  const { colorScheme } = useTheme();\n\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'Card',\n    allowedComponents: [ComponentIds.CardHeader, ComponentIds.CardBody, ComponentIds.CardFooter],\n  });\n\n  const linkOverlayProps: LinkOverlayProps = {\n    ...metaAttribute({ name: CARD_LINK_OVERLAY_ID }),\n    ...makeAccessible({ label: accessibilityLabel, pressed: href ? undefined : isSelected }),\n    onFocus: () => {\n      setIsFocused(true);\n    },\n    onBlur: () => {\n      setIsFocused(false);\n    },\n  };\n  const defaultRel = target && target === '_blank' ? 'noreferrer noopener' : undefined;\n\n  const checkboxGroupProps = useCheckboxGroupContext();\n  const radioGroupProps = useRadioGroupContext();\n\n  const getGroupProps = (): CheckboxGroupContextType | RadioGroupContextType | undefined => {\n    if (Object.keys(checkboxGroupProps).length > 0) return checkboxGroupProps;\n    if (Object.keys(radioGroupProps).length > 0) return radioGroupProps;\n    return undefined;\n  };\n\n  const groupProps = getGroupProps();\n\n  const _validationState = groupProps?.validationState;\n\n  return (\n    <CardProvider size={size}>\n      <CardRoot\n        as={as}\n        ref={ref as never}\n        display={'block' as never}\n        borderRadius=\"medium\"\n        onMouseEnter={onHover as never}\n        shouldScaleOnHover={shouldScaleOnHover}\n        isSelected={isSelected}\n        isFocused={isFocused}\n        // on react native we need to pass onClick to root, because we don't need the LinkOverlay in RN\n        onClick={isReactNative() ? onClick : undefined}\n        width={width}\n        height={height}\n        minHeight={minHeight}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        href={href}\n        accessibilityLabel={accessibilityLabel}\n        validationState={_validationState}\n        cursor={isReactNative() ? undefined : cursor}\n        opacity={opacity}\n        transition={transition}\n        flexShrink={flexShrink}\n        {...metaAttribute({ name: MetaConstants.Card, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <CardSurface\n          height={height}\n          minHeight={minHeight}\n          padding={padding}\n          borderRadius=\"medium\"\n          textAlign={'left' as never}\n          backgroundColor=\"surface.background.gray.intense\"\n          colorScheme={colorScheme}\n          isSelected={isSelected}\n        >\n          {href ? (\n            <LinkOverlay\n              onClick={onClick}\n              href={href}\n              target={target}\n              rel={rel ?? defaultRel}\n              {...linkOverlayProps}\n            />\n          ) : null}\n          {!href && onClick ? (\n            <LinkOverlay as=\"button\" onClick={onClick} {...linkOverlayProps} />\n          ) : null}\n          {children}\n        </CardSurface>\n      </CardRoot>\n    </CardProvider>\n  );\n};\n\ntype CardBodyProps = {\n  children: React.ReactNode;\n  height?: BoxProps['height'];\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _CardBody = ({ height, children, testID, ...rest }: CardBodyProps): React.ReactElement => {\n  useVerifyInsideCard('CardBody');\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.CardBody, testID })}\n      {...makeAnalyticsAttribute(rest)}\n      height={height}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nconst Card = React.forwardRef(_Card);\nconst CardBody = assignWithoutSideEffects(_CardBody, { componentId: ComponentIds.CardBody });\n\nexport { Card, CardBody };\n"],"names":["ComponentIds","CardHeader","CardHeaderTrailing","CardHeaderLeading","CardFooter","CardFooterTrailing","CardFooterLeading","CardBody","CardHeaderIcon","CardHeaderCounter","CardHeaderBadge","CardHeaderAmount","CardHeaderText","CardHeaderLink","CardHeaderIconButton","_Card","_ref","ref","children","backgroundColor","borderRadius","elevation","testID","_ref$padding","padding","width","height","minHeight","minWidth","maxWidth","onClick","_ref$isSelected","isSelected","accessibilityLabel","_ref$shouldScaleOnHov","shouldScaleOnHover","onHover","href","target","rel","as","_ref$size","size","cursor","opacity","transition","flexShrink","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","isFocused","setIsFocused","_useTheme","useTheme","colorScheme","useVerifyAllowedChildren","componentName","allowedComponents","linkOverlayProps","Object","assign","metaAttribute","name","CARD_LINK_OVERLAY_ID","makeAccessible","label","pressed","undefined","onFocus","onBlur","defaultRel","checkboxGroupProps","useCheckboxGroupContext","radioGroupProps","useRadioGroupContext","getGroupProps","keys","length","groupProps","_validationState","validationState","_jsx","CardProvider","CardRoot","display","onMouseEnter","isReactNative","MetaConstants","Card","getStyledProps","makeAnalyticsAttribute","_jsxs","CardSurface","textAlign","LinkOverlay","_CardBody","_ref2","_excluded2","useVerifyInsideCard","BaseBox","forwardRef","assignWithoutSideEffects","componentId"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;kVA8Ba,IAAAA,YAAY,CAAG,CAC1BC,UAAU,CAAE,YAAY,CACxBC,kBAAkB,CAAE,oBAAoB,CACxCC,iBAAiB,CAAE,mBAAmB,CACtCC,UAAU,CAAE,YAAY,CACxBC,kBAAkB,CAAE,oBAAoB,CACxCC,iBAAiB,CAAE,mBAAmB,CACtCC,QAAQ,CAAE,UAAU,CACpBC,cAAc,CAAE,gBAAgB,CAChCC,iBAAiB,CAAE,mBAAmB,CACtCC,eAAe,CAAE,iBAAiB,CAClCC,gBAAgB,CAAE,kBAAkB,CACpCC,cAAc,CAAE,gBAAgB,CAChCC,cAAc,CAAE,gBAAgB,CAChCC,oBAAoB,CAAE,sBACxB,EA0JA,IAAMC,KAAiE,CAAG,SAApEA,KAAiEA,CAAAC,IAAA,CA8BrEC,GAAG,CACoB,CA7BrB,IAAAC,QAAQ,CAAAF,IAAA,CAARE,QAAQ,CAEOF,IAAA,CAAfG,eAAe,CAAAH,IAAA,CACfI,YAAY,CAAWJ,IAAA,CACvBK,SAAS,KACTC,MAAM,CAAAN,IAAA,CAANM,MAAM,CAAAC,YAAA,CAAAP,IAAA,CACNQ,OAAO,CAAPA,OAAO,CAAAD,YAAA,GAAA,KAAA,CAAA,CAAG,WAAW,CAAAA,YAAA,CACrBE,KAAK,CAAAT,IAAA,CAALS,KAAK,CACLC,MAAM,CAAAV,IAAA,CAANU,MAAM,CACNC,SAAS,CAAAX,IAAA,CAATW,SAAS,CACTC,QAAQ,CAAAZ,IAAA,CAARY,QAAQ,CACRC,QAAQ,CAAAb,IAAA,CAARa,QAAQ,CACRC,OAAO,CAAAd,IAAA,CAAPc,OAAO,CAAAC,eAAA,CAAAf,IAAA,CACPgB,UAAU,CAAVA,UAAU,CAAAD,eAAA,GAAA,KAAA,CAAA,CAAG,KAAK,CAAAA,eAAA,CAClBE,kBAAkB,CAAAjB,IAAA,CAAlBiB,kBAAkB,CAAAC,qBAAA,CAAAlB,IAAA,CAClBmB,kBAAkB,CAAlBA,kBAAkB,CAAAD,qBAAA,GAAA,KAAA,CAAA,CAAG,KAAK,CAAAA,qBAAA,CAC1BE,OAAO,CAAApB,IAAA,CAAPoB,OAAO,CACPC,IAAI,CAAArB,IAAA,CAAJqB,IAAI,CACJC,MAAM,CAAAtB,IAAA,CAANsB,MAAM,CACNC,GAAG,CAAAvB,IAAA,CAAHuB,GAAG,CACHC,EAAE,CAAAxB,IAAA,CAAFwB,EAAE,CAAAC,SAAA,CAAAzB,IAAA,CACF0B,IAAI,CAAJA,IAAI,CAAAD,SAAA,GAAG,KAAA,CAAA,CAAA,OAAO,CAAAA,SAAA,CACdE,MAAM,CAAA3B,IAAA,CAAN2B,MAAM,CACNC,OAAO,CAAA5B,IAAA,CAAP4B,OAAO,CACPC,UAAU,CAAA7B,IAAA,CAAV6B,UAAU,CACVC,UAAU,CAAA9B,IAAA,CAAV8B,UAAU,CACPC,IAAI,CAAAC,wBAAA,CAAAhC,IAAA,CAAAiC,SAAA,EAIT,IAAAC,eAAA,CAAkCC,cAAK,CAACC,QAAQ,CAAC,KAAK,CAAC,CAAAC,gBAAA,CAAAC,cAAA,CAAAJ,eAAA,CAAhDK,CAAAA,CAAAA,CAAAA,SAAS,CAAAF,gBAAA,IAAEG,YAAY,CAAAH,gBAAA,CAAA,CAAA,CAAA,CAC9B,IAAAI,SAAA,CAAwBC,QAAQ,EAAE,CAA1BC,WAAW,CAAAF,SAAA,CAAXE,WAAW,CAEnBC,wBAAwB,CAAC,CACvB1C,QAAQ,CAARA,QAAQ,CACR2C,aAAa,CAAE,MAAM,CACrBC,iBAAiB,CAAE,CAAC9D,YAAY,CAACC,UAAU,CAAED,YAAY,CAACO,QAAQ,CAAEP,YAAY,CAACI,UAAU,CAC7F,CAAC,CAAC,CAEF,IAAM2D,gBAAkC,CAAAC,MAAA,CAAAC,MAAA,CACnCC,EAAAA,CAAAA,aAAa,CAAC,CAAEC,IAAI,CAAEC,oBAAqB,CAAC,CAAC,CAC7CC,cAAc,CAAC,CAAEC,KAAK,CAAErC,kBAAkB,CAAEsC,OAAO,CAAElC,IAAI,CAAGmC,SAAS,CAAGxC,UAAW,CAAC,CAAC,CACxFyC,CAAAA,OAAO,CAAE,SAATA,OAAOA,EAAQ,CACbjB,YAAY,CAAC,IAAI,CAAC,CACpB,CAAC,CACDkB,MAAM,CAAE,SAARA,MAAMA,EAAQ,CACZlB,YAAY,CAAC,KAAK,CAAC,CACrB,CAAC,CACF,CAAA,CACD,IAAMmB,UAAU,CAAGrC,MAAM,EAAIA,MAAM,GAAK,QAAQ,CAAG,qBAAqB,CAAGkC,SAAS,CAEpF,IAAMI,kBAAkB,CAAGC,uBAAuB,EAAE,CACpD,IAAMC,eAAe,CAAGC,oBAAoB,EAAE,CAE9C,IAAMC,aAAa,CAAG,SAAhBA,aAAaA,EAAuE,CACxF,GAAIhB,MAAM,CAACiB,IAAI,CAACL,kBAAkB,CAAC,CAACM,MAAM,CAAG,CAAC,CAAE,OAAON,kBAAkB,CACzE,GAAIZ,MAAM,CAACiB,IAAI,CAACH,eAAe,CAAC,CAACI,MAAM,CAAG,CAAC,CAAE,OAAOJ,eAAe,CACnE,OAAON,SAAS,CAClB,CAAC,CAED,IAAMW,UAAU,CAAGH,aAAa,EAAE,CAElC,IAAMI,gBAAgB,CAAGD,UAAU,EAAA,IAAA,CAAA,KAAA,CAAA,CAAVA,UAAU,CAAEE,eAAe,CAEpD,OACEC,GAAA,CAACC,YAAY,CAAC7C,CAAAA,IAAI,CAAEA,IAAK,CAAAxB,QAAA,CACvBoE,GAAA,CAACE,QAAQ,CAAAxB,MAAA,CAAAC,MAAA,CAAA,CACPzB,EAAE,CAAEA,EAAG,CACPvB,GAAG,CAAEA,GAAa,CAClBwE,OAAO,CAAE,OAAiB,CAC1BrE,YAAY,CAAC,QAAQ,CACrBsE,YAAY,CAAEtD,OAAiB,CAC/BD,kBAAkB,CAAEA,kBAAmB,CACvCH,UAAU,CAAEA,UAAW,CACvBuB,SAAS,CAAEA,SAAU,CAErBzB,OAAO,CAAE6D,aAAa,EAAE,CAAG7D,OAAO,CAAG0C,SAAU,CAC/C/C,KAAK,CAAEA,KAAM,CACbC,MAAM,CAAEA,MAAO,CACfC,SAAS,CAAEA,SAAU,CACrBC,QAAQ,CAAEA,QAAS,CACnBC,QAAQ,CAAEA,QAAS,CACnBQ,IAAI,CAAEA,IAAK,CACXJ,kBAAkB,CAAEA,kBAAmB,CACvCoD,eAAe,CAAED,gBAAiB,CAClCzC,MAAM,CAAEgD,aAAa,EAAE,CAAGnB,SAAS,CAAG7B,MAAO,CAC7CC,OAAO,CAAEA,OAAQ,CACjBC,UAAU,CAAEA,UAAW,CACvBC,UAAU,CAAEA,UAAW,CACnBoB,CAAAA,aAAa,CAAC,CAAEC,IAAI,CAAEyB,aAAa,CAACC,IAAI,CAAEvE,MAAM,CAANA,MAAO,CAAC,CAAC,CACnDwE,cAAc,CAAC/C,IAAI,CAAC,CACpBgD,sBAAsB,CAAChD,IAAI,CAAC,CAAA,CAAA7B,QAAA,CAEhC8E,IAAA,CAACC,WAAW,CACVvE,CAAAA,MAAM,CAAEA,MAAO,CACfC,SAAS,CAAEA,SAAU,CACrBH,OAAO,CAAEA,OAAQ,CACjBJ,YAAY,CAAC,QAAQ,CACrB8E,SAAS,CAAE,MAAgB,CAC3B/E,eAAe,CAAC,iCAAiC,CACjDwC,WAAW,CAAEA,WAAY,CACzB3B,UAAU,CAAEA,UAAW,CAAAd,QAAA,CAAA,CAEtBmB,IAAI,CACHiD,GAAA,CAACa,WAAW,CAAAnC,MAAA,CAAAC,MAAA,CAAA,CACVnC,OAAO,CAAEA,OAAQ,CACjBO,IAAI,CAAEA,IAAK,CACXC,MAAM,CAAEA,MAAO,CACfC,GAAG,CAAEA,GAAG,EAAHA,IAAAA,CAAAA,GAAG,CAAIoC,UAAW,CAAA,CACnBZ,gBAAgB,CACrB,CAAC,CACA,IAAI,CACP,CAAC1B,IAAI,EAAIP,OAAO,CACfwD,GAAA,CAACa,WAAW,CAAAnC,MAAA,CAAAC,MAAA,CAAA,CAACzB,EAAE,CAAC,QAAQ,CAACV,OAAO,CAAEA,OAAQ,CAAA,CAAKiC,gBAAgB,CAAG,CAAC,CACjE,IAAI,CACP7C,QAAQ,CACE,CAAA,CAAC,CACN,CAAA,CAAC,CACC,CAAC,CAEnB,CAAC,CAQD,IAAMkF,SAAS,CAAG,SAAZA,SAASA,CAAAC,KAAA,CAAiF,CAAA,IAA3E3E,MAAM,CAAA2E,KAAA,CAAN3E,MAAM,CAAER,QAAQ,CAAAmF,KAAA,CAARnF,QAAQ,CAAEI,MAAM,CAAA+E,KAAA,CAAN/E,MAAM,CAAKyB,IAAI,CAAAC,wBAAA,CAAAqD,KAAA,CAAAC,UAAA,CACpDC,CAAAA,mBAAmB,CAAC,UAAU,CAAC,CAE/B,OACEjB,GAAA,CAACkB,OAAO,CAAAxC,MAAA,CAAAC,MAAA,CACFC,EAAAA,CAAAA,aAAa,CAAC,CAAEC,IAAI,CAAEyB,aAAa,CAACrF,QAAQ,CAAEe,MAAM,CAANA,MAAO,CAAC,CAAC,CACvDyE,sBAAsB,CAAChD,IAAI,CAAC,CAAA,CAChCrB,MAAM,CAAEA,MAAO,CAAAR,QAAA,CAEdA,QAAQ,CACF,CAAA,CAAC,CAEd,CAAC,CAEK,IAAA2E,IAAI,CAAG1C,cAAK,CAACsD,UAAU,CAAC1F,KAAK,EAC7B,IAAAR,QAAQ,CAAGmG,wBAAwB,CAACN,SAAS,CAAE,CAAEO,WAAW,CAAE3G,YAAY,CAACO,QAAS,CAAC;;;;"}
+{"version":3,"file":"Card.js","sources":["../../../../../src/components/Card/Card.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport React from 'react';\nimport type { GestureResponderEvent } from 'react-native';\nimport type { CSSObject } from 'styled-components';\nimport { CardSurface } from './CardSurface';\nimport { CardProvider, useVerifyInsideCard } from './CardContext';\nimport { LinkOverlay } from './LinkOverlay';\nimport { CardRoot } from './CardRoot';\nimport type { CardSpacingValueType, LinkOverlayProps } from './types';\nimport { CARD_LINK_OVERLAY_ID } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport type { DataAnalyticsAttribute, BladeElementRef, TestID } from '~utils/types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport type { Elevation } from '~tokens/global';\nimport type { BoxProps } from '~components/Box';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useVerifyAllowedChildren } from '~utils/useVerifyAllowedChildren/useVerifyAllowedChildren';\nimport type { Platform } from '~utils';\nimport { isReactNative, useTheme } from '~utils';\nimport type { Theme } from '~components/BladeProvider';\nimport type { DotNotationToken } from '~utils/lodashButBetter/get';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { useCheckboxGroupContext } from '~components/Checkbox/CheckboxGroup/CheckboxGroupContext';\nimport { useRadioGroupContext } from '~components/Radio/RadioGroup/RadioContext';\nimport type { CheckboxGroupContextType } from '~components/Checkbox/CheckboxGroup/CheckboxGroupContext';\nimport type { RadioGroupContextType } from '~components/Radio/RadioGroup/RadioContext';\n\nexport const ComponentIds = {\n  CardHeader: 'CardHeader',\n  CardHeaderTrailing: 'CardHeaderTrailing',\n  CardHeaderLeading: 'CardHeaderLeading',\n  CardFooter: 'CardFooter',\n  CardFooterTrailing: 'CardFooterTrailing',\n  CardFooterLeading: 'CardFooterLeading',\n  CardBody: 'CardBody',\n  CardHeaderIcon: 'CardHeaderIcon',\n  CardHeaderCounter: 'CardHeaderCounter',\n  CardHeaderBadge: 'CardHeaderBadge',\n  CardHeaderAmount: 'CardHeaderAmount',\n  CardHeaderText: 'CardHeaderText',\n  CardHeaderLink: 'CardHeaderLink',\n  CardHeaderIconButton: 'CardHeaderIconButton',\n};\n\ntype CardSurfaceBackgroundColors = `surface.background.gray.${DotNotationToken<\n  Theme['colors']['surface']['background']['gray']\n>}`;\n\nexport type CardProps = {\n  /**\n   * Card contents\n   */\n  children: React.ReactNode;\n  /**\n   * Sets the background color of the Card\n   *\n   * @default `surface.background.gray.intense`\n   *\n   * @deprecated The `backgroundColor` prop is deprecated and is a no-op. The Card always uses `surface.background.gray.intense`. This prop will be removed in a future major version.\n   */\n  backgroundColor?: CardSurfaceBackgroundColors;\n  /**\n   * Sets the border radius of the Card\n   *\n   * @default `medium`\n   *\n   * @deprecated The `borderRadius` prop is deprecated and is a no-op. The Card always uses `medium` borderRadius. This prop will be removed in a future major version.\n   */\n  borderRadius?: Extract<BoxProps['borderRadius'], 'medium' | 'large' | 'xlarge'>;\n  /**\n   * Sets the elevation for Cards\n   *\n   * **Links:**\n   * - Docs: https://blade.razorpay.com/?path=/docs/tokens-elevation--docs\n   *\n   * @deprecated The `elevation` prop is deprecated and is a no-op. The Card always uses a custom elevation. This prop will be removed in a future major version.\n   */\n  elevation?: keyof Elevation;\n  /**\n   * Sets the padding equally on all sides. Only few `spacing` tokens are allowed deliberately\n   * @default `spacing.7`\n   *\n   * **Links:**\n   * - Docs: https://blade.razorpay.com/?path=/docs/tokens-spacing--docs\n   */\n  padding?: CardSpacingValueType;\n  /**\n   * Sets the width of the card\n   */\n  width?: BoxProps['width'];\n  /**\n   * Sets the height of the card\n   */\n  height?: BoxProps['height'];\n  /**\n   * Sets minimum height of the card\n   */\n  minHeight?: BoxProps['minHeight'];\n  /**\n   * Sets minimum width of the card\n   */\n  minWidth?: BoxProps['minWidth'];\n  /**\n   * Sets maximum width of the card\n   */\n  maxWidth?: BoxProps['maxWidth'];\n  /**\n   * If `true`, the card will be in selected state\n   * Card will have a primary color border around it.\n   *\n   * @default false\n   */\n  isSelected?: boolean;\n  /**\n   * Makes the Card linkable by setting the `href` prop\n   *\n   * @default undefined\n   */\n  href?: string;\n  /**\n   * Sets the `target` attribute for the linkable card\n   */\n  target?: string;\n  /**\n   * Sets the `rel` attribute for the linkable card\n   */\n  rel?: string;\n  /**\n   * Sets the accessibility label for the card\n   * This is useful when the card has an `href` or `onClick` prop\n   * Setting this will announce the label when the card is focused\n   */\n  accessibilityLabel?: string;\n  /**\n   * If `true`, the card will scale up on hover\n   *\n   * On mobile devices it will scale down on press\n   *\n   * **This prop is deprecated in favour of motion presets released in v12**\n   *\n   * ### Migration\n   *\n   * ```diff\n   * - <Card\n   * -  shouldScaleOnHover\n   * - />\n   *\n   * + <Scale motionTriggers={['hover']}>\n   * +   <Card />\n   * + </Scale>\n   * ```\n   *\n   * @default false\n   *\n   * @deprecated This prop is deprecated in favour of motion presets released in v12\n   */\n  shouldScaleOnHover?: boolean;\n  /**\n   * Callback triggered when the card is hovered\n   */\n  onHover?: () => void;\n  /**\n   * Sets the size of the card header title\n   *\n   * @default 'large'\n   */\n  size?: 'large' | 'medium';\n  /**\n   * Callback triggered when the card is clicked\n   */\n  onClick?: (\n    event: Platform.Select<{\n      web: React.MouseEvent;\n      native: GestureResponderEvent;\n    }>,\n  ) => void;\n  /**\n   * Sets the HTML element for the Card\n   *\n   * When `as` is set to `label`, the card will be rendered as a label element\n   * This can be used to create a custom checkbox or radio button using the card\n   *\n   * @default undefined\n   */\n  as?: 'label';\n  cursor?: Platform.Select<{\n    web: CSSObject['cursor'];\n    native: undefined;\n  }>;\n  opacity?: BoxProps['opacity'];\n  transition?: BoxProps['transition'];\n  flexShrink?: BoxProps['flexShrink'];\n  /**\n   * Sets the overflow behavior of the card content\n   */\n  overflow?: BoxProps['overflow'];\n  /**\n   * Sets the horizontal overflow behavior of the card content\n   */\n  overflowX?: BoxProps['overflowX'];\n  /**\n   * Sets the vertical overflow behavior of the card content\n   */\n  overflowY?: BoxProps['overflowY'];\n} & TestID &\n  DataAnalyticsAttribute &\n  StyledPropsBlade;\n\nconst _Card: React.ForwardRefRenderFunction<BladeElementRef, CardProps> = (\n  {\n    children,\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    backgroundColor,\n    borderRadius = 'medium',\n    elevation = 'lowRaised',\n    testID,\n    padding = 'spacing.7',\n    width,\n    height,\n    minHeight,\n    minWidth,\n    maxWidth,\n    onClick,\n    isSelected = false,\n    accessibilityLabel,\n    shouldScaleOnHover = false,\n    onHover,\n    href,\n    target,\n    rel,\n    as,\n    size = 'large',\n    cursor,\n    opacity,\n    transition,\n    flexShrink,\n    overflow,\n    overflowX,\n    overflowY,\n    ...rest\n  },\n  ref,\n): React.ReactElement => {\n  const [isFocused, setIsFocused] = React.useState(false);\n  const { colorScheme } = useTheme();\n\n  useVerifyAllowedChildren({\n    children,\n    componentName: 'Card',\n    allowedComponents: [ComponentIds.CardHeader, ComponentIds.CardBody, ComponentIds.CardFooter],\n  });\n\n  const linkOverlayProps: LinkOverlayProps = {\n    ...metaAttribute({ name: CARD_LINK_OVERLAY_ID }),\n    ...makeAccessible({ label: accessibilityLabel, pressed: href ? undefined : isSelected }),\n    onFocus: () => {\n      setIsFocused(true);\n    },\n    onBlur: () => {\n      setIsFocused(false);\n    },\n  };\n  const defaultRel = target && target === '_blank' ? 'noreferrer noopener' : undefined;\n\n  const checkboxGroupProps = useCheckboxGroupContext();\n  const radioGroupProps = useRadioGroupContext();\n\n  const getGroupProps = (): CheckboxGroupContextType | RadioGroupContextType | undefined => {\n    if (Object.keys(checkboxGroupProps).length > 0) return checkboxGroupProps;\n    if (Object.keys(radioGroupProps).length > 0) return radioGroupProps;\n    return undefined;\n  };\n\n  const groupProps = getGroupProps();\n\n  const _validationState = groupProps?.validationState;\n\n  return (\n    <CardProvider size={size}>\n      <CardRoot\n        as={as}\n        ref={ref as never}\n        display={'block' as never}\n        borderRadius=\"medium\"\n        onMouseEnter={onHover as never}\n        shouldScaleOnHover={shouldScaleOnHover}\n        isSelected={isSelected}\n        isFocused={isFocused}\n        // on react native we need to pass onClick to root, because we don't need the LinkOverlay in RN\n        onClick={isReactNative() ? onClick : undefined}\n        width={width}\n        height={height}\n        minHeight={minHeight}\n        minWidth={minWidth}\n        maxWidth={maxWidth}\n        href={href}\n        accessibilityLabel={accessibilityLabel}\n        validationState={_validationState}\n        cursor={isReactNative() ? undefined : cursor}\n        opacity={opacity}\n        transition={transition}\n        flexShrink={flexShrink}\n        {...metaAttribute({ name: MetaConstants.Card, testID })}\n        {...getStyledProps(rest)}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <CardSurface\n          height={height}\n          minHeight={minHeight}\n          padding={padding}\n          borderRadius=\"medium\"\n          textAlign={'left' as never}\n          backgroundColor=\"surface.background.gray.intense\"\n          colorScheme={colorScheme}\n          isSelected={isSelected}\n          overflow={overflow}\n          overflowX={overflowX}\n          overflowY={overflowY}\n        >\n          {href ? (\n            <LinkOverlay\n              onClick={onClick}\n              href={href}\n              target={target}\n              rel={rel ?? defaultRel}\n              {...linkOverlayProps}\n            />\n          ) : null}\n          {!href && onClick ? (\n            <LinkOverlay as=\"button\" onClick={onClick} {...linkOverlayProps} />\n          ) : null}\n          {children}\n        </CardSurface>\n      </CardRoot>\n    </CardProvider>\n  );\n};\n\ntype CardBodyProps = {\n  children: React.ReactNode;\n  height?: BoxProps['height'];\n} & TestID &\n  DataAnalyticsAttribute;\n\nconst _CardBody = ({ height, children, testID, ...rest }: CardBodyProps): React.ReactElement => {\n  useVerifyInsideCard('CardBody');\n\n  return (\n    <BaseBox\n      {...metaAttribute({ name: MetaConstants.CardBody, testID })}\n      {...makeAnalyticsAttribute(rest)}\n      height={height}\n    >\n      {children}\n    </BaseBox>\n  );\n};\n\nconst Card = React.forwardRef(_Card);\nconst CardBody = assignWithoutSideEffects(_CardBody, { componentId: ComponentIds.CardBody });\n\nexport { Card, CardBody };\n"],"names":["ComponentIds","CardHeader","CardHeaderTrailing","CardHeaderLeading","CardFooter","CardFooterTrailing","CardFooterLeading","CardBody","CardHeaderIcon","CardHeaderCounter","CardHeaderBadge","CardHeaderAmount","CardHeaderText","CardHeaderLink","CardHeaderIconButton","_Card","_ref","ref","children","backgroundColor","borderRadius","elevation","testID","_ref$padding","padding","width","height","minHeight","minWidth","maxWidth","onClick","_ref$isSelected","isSelected","accessibilityLabel","_ref$shouldScaleOnHov","shouldScaleOnHover","onHover","href","target","rel","as","_ref$size","size","cursor","opacity","transition","flexShrink","overflow","overflowX","overflowY","rest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","isFocused","setIsFocused","_useTheme","useTheme","colorScheme","useVerifyAllowedChildren","componentName","allowedComponents","linkOverlayProps","Object","assign","metaAttribute","name","CARD_LINK_OVERLAY_ID","makeAccessible","label","pressed","undefined","onFocus","onBlur","defaultRel","checkboxGroupProps","useCheckboxGroupContext","radioGroupProps","useRadioGroupContext","getGroupProps","keys","length","groupProps","_validationState","validationState","_jsx","CardProvider","CardRoot","display","onMouseEnter","isReactNative","MetaConstants","Card","getStyledProps","makeAnalyticsAttribute","_jsxs","CardSurface","textAlign","LinkOverlay","_CardBody","_ref2","_excluded2","useVerifyInsideCard","BaseBox","forwardRef","assignWithoutSideEffects","componentId"],"mappings":"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"}

package/build/lib/native/components/Input/BaseInput/baseInputStyles.js

@@ -14,7 +14,7 @@ import getIn from '../../../utils/lodashButBetter/get.js';
 import getTextStyles from '../../Typography/Text/getTextStyles.js';
 import getHeadingStyles from '../../Typography/Heading/getHeadingStyles.js';
 
-var getBaseInputState=function getBaseInputState(_ref){var isFocused=_ref.isFocused,isHovered=_ref.isHovered,isDisabled=_ref.isDisabled;if(isDisabled){return 'disabled';}else if(isFocused){return 'focused';}else if(isHovered){return 'hovered';}else {return 'default';}};var getInputBackgroundAndBorderStyles=function getInputBackgroundAndBorderStyles(_ref2){var theme=_ref2.theme,isHovered=_ref2.isHovered,isFocused=_ref2.isFocused,isDisabled=_ref2.isDisabled,validationState=_ref2.validationState,isTextArea=_ref2.isTextArea,isDropdownTrigger=_ref2.isDropdownTrigger,isTableInputCell=_ref2.isTableInputCell,_ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,borderRadius=_ref2.borderRadius;var backgroundColorTokens=isTableInputCell?baseInputBorderlessBackgroundColor:baseInputBackgroundColor;var backgroundColor=getIn(theme.colors,backgroundColorTokens.default);var borderColor=isTableInputCell?theme.colors.transparent:getIn(theme.colors,baseInputBorderColor.default);var borderWidth=getIn(theme.border.width,baseInputBorderWidth.default);var zIndex;var baseInputState=getBaseInputState({isFocused:isFocused,isHovered:isHovered,isDisabled:isDisabled});backgroundColor=getIn(theme.colors,backgroundColorTokens[baseInputState]);borderColor=isTableInputCell&&baseInputState!=='focused'?theme.colors.transparent:getIn(theme.colors,baseInputBorderColor[baseInputState]);borderWidth=getIn(theme.border.width,baseInputBorderWidth[baseInputState]);if(!isTableInputCell&&validationState&&validationState!=='none'){borderColor=getIn(theme.colors,baseInputBorderColor[validationState]);borderWidth=getIn(theme.border.width,baseInputBorderWidth[validationState]);zIndex=1;}else if(validationState&&validationState!=='none'){backgroundColor=getIn(theme.colors,baseInputBorderlessBackgroundColor[validationState]);}return Object.assign({backgroundColor:backgroundColor,borderRadius:makeBorderSize(isTableInputCell?theme.border.radius.none:theme.border.radius[borderRadius!=null?borderRadius:baseInputBorderRadius[size]]),borderStyle:'solid',display:'flex',flexDirection:'row',width:'100%',alignItems:isTextArea?'flex-start':'center',position:'relative',height:isDropdownTrigger&&!isTextArea?'auto':undefined,border:'none',zIndex:zIndex},getBaseInputBorderStyles({theme:theme,borderColor:borderColor,borderWidth:borderWidth,isFocused:isFocused}));};var getLeftPadding=function getLeftPadding(_ref3){var theme=_ref3.theme,isDropdownTrigger=_ref3.isDropdownTrigger,hasLeadingIcon=_ref3.hasLeadingIcon,hasPrefix=_ref3.hasPrefix,size=_ref3.size,hasLeadingDropdown=_ref3.hasLeadingDropdown,isInsideCounterInput=_ref3.isInsideCounterInput;if(isDropdownTrigger){return theme.spacing[0];}if(hasLeadingIcon||hasPrefix||hasLeadingDropdown){return theme.spacing[3];}if(isInsideCounterInput){return theme.spacing[baseInputCounterInputPaddingTokens.left[size]];}return theme.spacing[baseInputPaddingTokens.left[size]];};var getRightPadding=function getRightPadding(_ref4){var theme=_ref4.theme,hasTrailingInteractionElement=_ref4.hasTrailingInteractionElement,hasSuffix=_ref4.hasSuffix,hasTrailingIcon=_ref4.hasTrailingIcon,size=_ref4.size,isInsideCounterInput=_ref4.isInsideCounterInput;if(hasTrailingInteractionElement||hasSuffix||hasTrailingIcon){return theme.spacing[3];}if(isInsideCounterInput){return theme.spacing[baseInputCounterInputPaddingTokens.right[size]];}return theme.spacing[baseInputPaddingTokens.right[size]];};var getTopPadding=function getTopPadding(_ref5){var theme=_ref5.theme,size=_ref5.size,isInsideCounterInput=_ref5.isInsideCounterInput;if(isInsideCounterInput){return theme.spacing[baseInputCounterInputPaddingTokens.top[size]];}return theme.spacing[baseInputPaddingTokens.top[size]];};var getBottomPadding=function getBottomPadding(_ref6){var theme=_ref6.theme,size=_ref6.size,isInsideCounterInput=_ref6.isInsideCounterInput;if(isInsideCounterInput){return theme.spacing[baseInputCounterInputPaddingTokens.top[size]];}return theme.spacing[baseInputPaddingTokens.bottom[size]];};var getBaseInputStyles=function getBaseInputStyles(_ref7){var theme=_ref7.theme,isDisabled=_ref7.isDisabled,leadingIcon=_ref7.leadingIcon,prefix=_ref7.prefix,trailingInteractionElement=_ref7.trailingInteractionElement,leadingInteractionElement=_ref7.leadingInteractionElement,suffix=_ref7.suffix,trailingIcon=_ref7.trailingIcon,textAlign=_ref7.textAlign,isTextArea=_ref7.isTextArea,hasTags=_ref7.hasTags,isDropdownTrigger=_ref7.isDropdownTrigger,size=_ref7.size,padding=_ref7.padding,valueComponentType=_ref7.valueComponentType,_ref7$hasLeadingDropd=_ref7.hasLeadingDropdown,hasLeadingDropdown=_ref7$hasLeadingDropd===void 0?false:_ref7$hasLeadingDropd,color=_ref7.color,disabledColor=_ref7.disabledColor,isInsideCounterInput=_ref7.isInsideCounterInput;var _getInputVisualsToBeR=getInputVisualsToBeRendered({leadingIcon:leadingIcon,prefix:prefix,trailingInteractionElement:trailingInteractionElement,leadingInteractionElement:leadingInteractionElement,suffix:suffix,trailingIcon:trailingIcon,size:size}),hasLeadingIcon=_getInputVisualsToBeR.hasLeadingIcon,hasPrefix=_getInputVisualsToBeR.hasPrefix,hasTrailingInteractionElement=_getInputVisualsToBeR.hasTrailingInteractionElement,hasSuffix=_getInputVisualsToBeR.hasSuffix,hasTrailingIcon=_getInputVisualsToBeR.hasTrailingIcon;var isDropdownWithTags=isDropdownTrigger&&hasTags;var isReactNative=getPlatformType()==='react-native';var shouldHaveFlexibleHeight=isTextArea||isDropdownWithTags;return Object.assign({},valueComponentType==='heading'?getHeadingStyles({size:size==='xsmall'?'small':size,weight:'regular',color:isDisabled?'surface.text.gray.disabled':'interactive.text.gray.normal',theme:theme}):getTextStyles({size:isInsideCounterInput&&size==='xsmall'?'small':size,variant:'body',weight:isInsideCounterInput?'semibold':'regular',color:isDisabled?disabledColor!=null?disabledColor:'surface.text.gray.disabled':color!=null?color:'interactive.text.gray.normal',theme:theme}),{flex:1,backgroundColor:theme.colors.transparent,paddingTop:padding!=null?padding:makeSpace(getTopPadding({theme:theme,size:size,isInsideCounterInput:isInsideCounterInput})),paddingBottom:padding!=null?padding:makeSpace(getBottomPadding({theme:theme,size:size,isInsideCounterInput:isInsideCounterInput})),paddingLeft:padding!=null?padding:makeSpace(getLeftPadding({theme:theme,isDropdownTrigger:isDropdownTrigger,hasLeadingIcon:hasLeadingIcon,hasPrefix:hasPrefix,size:size,hasLeadingDropdown:hasLeadingDropdown,isInsideCounterInput:isInsideCounterInput})),paddingRight:padding!=null?padding:getRightPadding({theme:theme,hasTrailingInteractionElement:hasTrailingInteractionElement,hasSuffix:hasSuffix,hasTrailingIcon:hasTrailingIcon,size:size,isInsideCounterInput:isInsideCounterInput}),textAlign:textAlign,width:'100%',height:shouldHaveFlexibleHeight?undefined:makeSpace(baseInputHeight[size]),minHeight:shouldHaveFlexibleHeight?undefined:makeSpace(baseInputHeight[size])},isReactNative?{}:{resize:'none',boxSizing:'border-box'});};var getAnimatedBaseInputWrapperMaxHeight=function getAnimatedBaseInputWrapperMaxHeight(_ref8){var maxTagRows=_ref8.maxTagRows,showAllTags=_ref8.showAllTags,size=_ref8.size;if(maxTagRows==='single'){return baseInputHeight[size];}if(maxTagRows==='multiple'){return baseInputWrapperMaxHeight[size];}return showAllTags?baseInputWrapperMaxHeight[size]:baseInputHeight[size];};
+var getBaseInputState=function getBaseInputState(_ref){var isFocused=_ref.isFocused,isHovered=_ref.isHovered,isDisabled=_ref.isDisabled;if(isDisabled){return 'disabled';}else if(isFocused){return 'focused';}else if(isHovered){return 'hovered';}else {return 'default';}};var getInputBackgroundAndBorderStyles=function getInputBackgroundAndBorderStyles(_ref2){var theme=_ref2.theme,isHovered=_ref2.isHovered,isFocused=_ref2.isFocused,isDisabled=_ref2.isDisabled,validationState=_ref2.validationState,isTextArea=_ref2.isTextArea,isDropdownTrigger=_ref2.isDropdownTrigger,isTableInputCell=_ref2.isTableInputCell,_ref2$size=_ref2.size,size=_ref2$size===void 0?'medium':_ref2$size,borderRadius=_ref2.borderRadius;var backgroundColorTokens=isTableInputCell?baseInputBorderlessBackgroundColor:baseInputBackgroundColor;var backgroundColor=getIn(theme.colors,backgroundColorTokens.default);var borderColor=isTableInputCell?theme.colors.transparent:getIn(theme.colors,baseInputBorderColor.default);var borderWidth=getIn(theme.border.width,baseInputBorderWidth.default);var zIndex;var baseInputState=getBaseInputState({isFocused:isFocused,isHovered:isHovered,isDisabled:isDisabled});backgroundColor=getIn(theme.colors,backgroundColorTokens[baseInputState]);borderColor=isTableInputCell&&baseInputState!=='focused'?theme.colors.transparent:getIn(theme.colors,baseInputBorderColor[baseInputState]);borderWidth=getIn(theme.border.width,baseInputBorderWidth[baseInputState]);if(!isTableInputCell&&validationState&&validationState!=='none'){borderColor=getIn(theme.colors,baseInputBorderColor[validationState]);borderWidth=getIn(theme.border.width,baseInputBorderWidth[validationState]);zIndex=1;}else if(validationState&&validationState!=='none'){backgroundColor=getIn(theme.colors,baseInputBorderlessBackgroundColor[validationState]);}return Object.assign({backgroundColor:backgroundColor,borderRadius:makeBorderSize(isTableInputCell?theme.border.radius.none:theme.border.radius[borderRadius!=null?borderRadius:baseInputBorderRadius[size]]),overflow:'hidden',borderStyle:'solid',display:'flex',flexDirection:'row',width:'100%',alignItems:isTextArea?'flex-start':'center',position:'relative',height:isDropdownTrigger&&!isTextArea?'auto':undefined,border:'none',zIndex:zIndex},getBaseInputBorderStyles({theme:theme,borderColor:borderColor,borderWidth:borderWidth,isFocused:isFocused}));};var getLeftPadding=function getLeftPadding(_ref3){var theme=_ref3.theme,isDropdownTrigger=_ref3.isDropdownTrigger,hasLeadingIcon=_ref3.hasLeadingIcon,hasPrefix=_ref3.hasPrefix,size=_ref3.size,hasLeadingDropdown=_ref3.hasLeadingDropdown,isInsideCounterInput=_ref3.isInsideCounterInput;if(isDropdownTrigger){return theme.spacing[0];}if(hasLeadingIcon||hasPrefix||hasLeadingDropdown){return theme.spacing[3];}if(isInsideCounterInput){return theme.spacing[baseInputCounterInputPaddingTokens.left[size]];}return theme.spacing[baseInputPaddingTokens.left[size]];};var getRightPadding=function getRightPadding(_ref4){var theme=_ref4.theme,hasTrailingInteractionElement=_ref4.hasTrailingInteractionElement,hasSuffix=_ref4.hasSuffix,hasTrailingIcon=_ref4.hasTrailingIcon,size=_ref4.size,isInsideCounterInput=_ref4.isInsideCounterInput;if(hasTrailingInteractionElement||hasSuffix||hasTrailingIcon){return theme.spacing[3];}if(isInsideCounterInput){return theme.spacing[baseInputCounterInputPaddingTokens.right[size]];}return theme.spacing[baseInputPaddingTokens.right[size]];};var getTopPadding=function getTopPadding(_ref5){var theme=_ref5.theme,size=_ref5.size,isInsideCounterInput=_ref5.isInsideCounterInput;if(isInsideCounterInput){return theme.spacing[baseInputCounterInputPaddingTokens.top[size]];}return theme.spacing[baseInputPaddingTokens.top[size]];};var getBottomPadding=function getBottomPadding(_ref6){var theme=_ref6.theme,size=_ref6.size,isInsideCounterInput=_ref6.isInsideCounterInput;if(isInsideCounterInput){return theme.spacing[baseInputCounterInputPaddingTokens.top[size]];}return theme.spacing[baseInputPaddingTokens.bottom[size]];};var getBaseInputStyles=function getBaseInputStyles(_ref7){var theme=_ref7.theme,isDisabled=_ref7.isDisabled,leadingIcon=_ref7.leadingIcon,prefix=_ref7.prefix,trailingInteractionElement=_ref7.trailingInteractionElement,leadingInteractionElement=_ref7.leadingInteractionElement,suffix=_ref7.suffix,trailingIcon=_ref7.trailingIcon,textAlign=_ref7.textAlign,isTextArea=_ref7.isTextArea,hasTags=_ref7.hasTags,isDropdownTrigger=_ref7.isDropdownTrigger,size=_ref7.size,padding=_ref7.padding,valueComponentType=_ref7.valueComponentType,_ref7$hasLeadingDropd=_ref7.hasLeadingDropdown,hasLeadingDropdown=_ref7$hasLeadingDropd===void 0?false:_ref7$hasLeadingDropd,color=_ref7.color,disabledColor=_ref7.disabledColor,isInsideCounterInput=_ref7.isInsideCounterInput;var _getInputVisualsToBeR=getInputVisualsToBeRendered({leadingIcon:leadingIcon,prefix:prefix,trailingInteractionElement:trailingInteractionElement,leadingInteractionElement:leadingInteractionElement,suffix:suffix,trailingIcon:trailingIcon,size:size}),hasLeadingIcon=_getInputVisualsToBeR.hasLeadingIcon,hasPrefix=_getInputVisualsToBeR.hasPrefix,hasTrailingInteractionElement=_getInputVisualsToBeR.hasTrailingInteractionElement,hasSuffix=_getInputVisualsToBeR.hasSuffix,hasTrailingIcon=_getInputVisualsToBeR.hasTrailingIcon;var isDropdownWithTags=isDropdownTrigger&&hasTags;var isReactNative=getPlatformType()==='react-native';var shouldHaveFlexibleHeight=isTextArea||isDropdownWithTags;return Object.assign({},valueComponentType==='heading'?getHeadingStyles({size:size==='xsmall'?'small':size,weight:'regular',color:isDisabled?'surface.text.gray.disabled':'interactive.text.gray.normal',theme:theme}):getTextStyles({size:isInsideCounterInput&&size==='xsmall'?'small':size,variant:'body',weight:isInsideCounterInput?'semibold':'regular',color:isDisabled?disabledColor!=null?disabledColor:'surface.text.gray.disabled':color!=null?color:'interactive.text.gray.normal',theme:theme}),{flex:1,backgroundColor:theme.colors.transparent,paddingTop:padding!=null?padding:makeSpace(getTopPadding({theme:theme,size:size,isInsideCounterInput:isInsideCounterInput})),paddingBottom:padding!=null?padding:makeSpace(getBottomPadding({theme:theme,size:size,isInsideCounterInput:isInsideCounterInput})),paddingLeft:padding!=null?padding:makeSpace(getLeftPadding({theme:theme,isDropdownTrigger:isDropdownTrigger,hasLeadingIcon:hasLeadingIcon,hasPrefix:hasPrefix,size:size,hasLeadingDropdown:hasLeadingDropdown,isInsideCounterInput:isInsideCounterInput})),paddingRight:padding!=null?padding:getRightPadding({theme:theme,hasTrailingInteractionElement:hasTrailingInteractionElement,hasSuffix:hasSuffix,hasTrailingIcon:hasTrailingIcon,size:size,isInsideCounterInput:isInsideCounterInput}),textAlign:textAlign,width:'100%',height:shouldHaveFlexibleHeight?undefined:makeSpace(baseInputHeight[size]),minHeight:shouldHaveFlexibleHeight?undefined:makeSpace(baseInputHeight[size])},isReactNative?{}:{resize:'none',boxSizing:'border-box'});};var getAnimatedBaseInputWrapperMaxHeight=function getAnimatedBaseInputWrapperMaxHeight(_ref8){var maxTagRows=_ref8.maxTagRows,showAllTags=_ref8.showAllTags,size=_ref8.size;if(maxTagRows==='single'){return baseInputHeight[size];}if(maxTagRows==='multiple'){return baseInputWrapperMaxHeight[size];}return showAllTags?baseInputWrapperMaxHeight[size]:baseInputHeight[size];};
 
 export { getAnimatedBaseInputWrapperMaxHeight, getBaseInputState, getBaseInputStyles, getInputBackgroundAndBorderStyles };
 //# sourceMappingURL=baseInputStyles.js.map

package/build/lib/native/components/Input/BaseInput/baseInputStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"baseInputStyles.js","sources":["../../../../../../src/components/Input/BaseInput/baseInputStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { BaseInputProps } from './BaseInput';\nimport { getBaseInputBorderStyles } from './getBaseInputBorderStyles';\nimport {\n  baseInputBackgroundColor,\n  baseInputBorderColor,\n  baseInputBorderRadius,\n  baseInputBorderWidth,\n  baseInputBorderlessBackgroundColor,\n  baseInputCounterInputPaddingTokens,\n  baseInputHeight,\n  baseInputPaddingTokens,\n  baseInputWrapperMaxHeight,\n} from './baseInputTokens';\nimport { getInputVisualsToBeRendered } from './BaseInputVisuals';\nimport type { BaseInputWrapperProps } from './types';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport { getPlatformType } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport getTextStyles from '~components/Typography/Text/getTextStyles';\nimport { makeSpace } from '~utils/makeSpace';\nimport getHeadingStyles from '~components/Typography/Heading/getHeadingStyles';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\n\ntype GetInputStyles = Pick<\n  BaseInputProps,\n  | 'isDisabled'\n  | 'validationState'\n  | 'leadingIcon'\n  | 'prefix'\n  | 'trailingInteractionElement'\n  | 'leadingInteractionElement'\n  | 'suffix'\n  | 'trailingIcon'\n  | 'textAlign'\n  | 'isDropdownTrigger'\n  | 'valueComponentType'\n> & {\n  isHovered?: boolean;\n  isFocused?: boolean;\n  isTextArea?: boolean;\n  hasTags?: boolean;\n  theme: Theme;\n  size: NonNullable<BaseInputProps['size']>;\n  padding?: BaseInputProps['padding'];\n  borderRadius?: BaseInputProps['borderRadius'];\n  isTableInputCell: NonNullable<BaseInputProps['isTableInputCell']>;\n  hasLeadingDropdown?: boolean;\n  color?: BaseTextProps['color'];\n  disabledColor?: BaseTextProps['color'];\n  isInsideCounterInput?: boolean;\n};\n\nexport const getBaseInputState = ({\n  isFocused,\n  isHovered,\n  isDisabled,\n}: {\n  isFocused?: boolean;\n  isHovered?: boolean;\n  isDisabled?: boolean;\n}): 'focused' | 'hovered' | 'disabled' | 'default' => {\n  if (isDisabled) {\n    return 'disabled';\n  } else if (isFocused) {\n    return 'focused';\n  } else if (isHovered) {\n    return 'hovered';\n  } else {\n    return 'default';\n  }\n};\n\nexport const getInputBackgroundAndBorderStyles = ({\n  theme,\n  isHovered,\n  isFocused,\n  isDisabled,\n  validationState,\n  isTextArea,\n  isDropdownTrigger,\n  isTableInputCell,\n  size = 'medium',\n  borderRadius,\n}: Pick<\n  GetInputStyles,\n  | 'theme'\n  | 'isFocused'\n  | 'isDisabled'\n  | 'validationState'\n  | 'isHovered'\n  | 'isTextArea'\n  | 'isDropdownTrigger'\n  | 'isTableInputCell'\n  | 'size'\n  | 'borderRadius'\n>): CSSObject => {\n  // normal state\n  const backgroundColorTokens = isTableInputCell\n    ? baseInputBorderlessBackgroundColor\n    : baseInputBackgroundColor;\n  let backgroundColor = getIn(theme.colors, backgroundColorTokens.default);\n  let borderColor = isTableInputCell\n    ? theme.colors.transparent\n    : getIn(theme.colors, baseInputBorderColor.default);\n  let borderWidth = getIn(theme.border.width, baseInputBorderWidth.default);\n  let zIndex: number | undefined;\n\n  const baseInputState = getBaseInputState({ isFocused, isHovered, isDisabled });\n\n  backgroundColor = getIn(theme.colors, backgroundColorTokens[baseInputState]);\n  borderColor =\n    isTableInputCell && baseInputState !== 'focused'\n      ? theme.colors.transparent\n      : getIn(theme.colors, baseInputBorderColor[baseInputState]);\n  borderWidth = getIn(theme.border.width, baseInputBorderWidth[baseInputState]);\n\n  if (!isTableInputCell && validationState && validationState !== 'none') {\n    borderColor = getIn(theme.colors, baseInputBorderColor[validationState]);\n    borderWidth = getIn(theme.border.width, baseInputBorderWidth[validationState]);\n    zIndex = 1; // Prevent validation ring clipping by adjacent inputs in InputGroup\n  } else if (validationState && validationState !== 'none') {\n    backgroundColor = getIn(theme.colors, baseInputBorderlessBackgroundColor[validationState]);\n  }\n  return {\n    backgroundColor,\n    borderRadius: makeBorderSize(\n      isTableInputCell\n        ? theme.border.radius.none\n        : theme.border.radius[borderRadius ?? baseInputBorderRadius[size]],\n    ),\n    borderStyle: 'solid',\n    display: 'flex',\n    flexDirection: 'row',\n    width: '100%',\n    alignItems: isTextArea ? 'flex-start' : 'center',\n    position: 'relative',\n    height: isDropdownTrigger && !isTextArea ? 'auto' : undefined,\n    border: 'none',\n    zIndex,\n    ...getBaseInputBorderStyles({ theme, borderColor, borderWidth, isFocused }),\n  };\n};\n\nconst getLeftPadding = ({\n  theme,\n  isDropdownTrigger,\n  hasLeadingIcon,\n  hasPrefix,\n  size,\n  hasLeadingDropdown,\n  isInsideCounterInput,\n}: {\n  theme: Theme;\n  hasLeadingIcon: boolean;\n  hasPrefix: boolean;\n  isDropdownTrigger: GetInputStyles['isDropdownTrigger'];\n  size: GetInputStyles['size'];\n  hasLeadingDropdown: boolean;\n  isInsideCounterInput?: boolean;\n}): number => {\n  if (isDropdownTrigger) {\n    return theme.spacing[0];\n  }\n\n  if (hasLeadingIcon || hasPrefix || hasLeadingDropdown) {\n    return theme.spacing[3];\n  }\n\n  /**\n   * CounterInput uses tighter padding (4px vs 8-12px) for compact design\n   */\n  if (isInsideCounterInput) {\n    return theme.spacing[baseInputCounterInputPaddingTokens.left[size]];\n  }\n\n  return theme.spacing[baseInputPaddingTokens.left[size]];\n};\n\nconst getRightPadding = ({\n  theme,\n  hasTrailingInteractionElement,\n  hasSuffix,\n  hasTrailingIcon,\n  size,\n  isInsideCounterInput,\n}: {\n  theme: Theme;\n  hasTrailingInteractionElement: boolean;\n  hasSuffix: boolean;\n  hasTrailingIcon: boolean;\n  size: GetInputStyles['size'];\n  isInsideCounterInput?: boolean;\n}): number => {\n  if (hasTrailingInteractionElement || hasSuffix || hasTrailingIcon) {\n    return theme.spacing[3];\n  }\n\n  // CounterInput uses compact padding\n  if (isInsideCounterInput) {\n    return theme.spacing[baseInputCounterInputPaddingTokens.right[size]];\n  }\n  return theme.spacing[baseInputPaddingTokens.right[size]];\n};\n\nconst getTopPadding = ({\n  theme,\n  size,\n  isInsideCounterInput,\n}: {\n  theme: Theme;\n  size: GetInputStyles['size'];\n  isInsideCounterInput?: boolean;\n}): number => {\n  // CounterInput uses compact padding\n  if (isInsideCounterInput) {\n    return theme.spacing[baseInputCounterInputPaddingTokens.top[size]];\n  }\n  return theme.spacing[baseInputPaddingTokens.top[size]];\n};\n\nconst getBottomPadding = ({\n  theme,\n  size,\n  isInsideCounterInput,\n}: {\n  theme: Theme;\n  size: GetInputStyles['size'];\n  isInsideCounterInput?: boolean;\n}): number => {\n  // CounterInput uses compact padding\n  if (isInsideCounterInput) {\n    return theme.spacing[baseInputCounterInputPaddingTokens.top[size]];\n  }\n  return theme.spacing[baseInputPaddingTokens.bottom[size]];\n};\n\nexport const getBaseInputStyles = ({\n  theme,\n  isDisabled,\n  leadingIcon,\n  prefix,\n  trailingInteractionElement,\n  leadingInteractionElement,\n  suffix,\n  trailingIcon,\n  textAlign,\n  isTextArea,\n  hasTags,\n  isDropdownTrigger,\n  size,\n  padding,\n  valueComponentType,\n  hasLeadingDropdown = false,\n  color,\n  disabledColor,\n  isInsideCounterInput,\n}: GetInputStyles): CSSObject => {\n  const {\n    hasLeadingIcon,\n    hasPrefix,\n    hasTrailingInteractionElement,\n    hasSuffix,\n    hasTrailingIcon,\n  } = getInputVisualsToBeRendered({\n    leadingIcon,\n    prefix,\n    trailingInteractionElement,\n    leadingInteractionElement,\n    suffix,\n    trailingIcon,\n    size,\n  });\n\n  const isDropdownWithTags = isDropdownTrigger && hasTags;\n  const isReactNative = getPlatformType() === 'react-native';\n  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n  const shouldHaveFlexibleHeight = isTextArea || isDropdownWithTags;\n\n  return {\n    ...(valueComponentType === 'heading'\n      ? getHeadingStyles({\n          size: size === 'xsmall' ? 'small' : size,\n          weight: 'regular',\n          color: isDisabled ? 'surface.text.gray.disabled' : 'interactive.text.gray.normal',\n          theme,\n        })\n      : getTextStyles({\n          /**\n           * CounterInput: uses 'small' size for xsmall and 'semibold' weight for prominence\n           */\n          size: isInsideCounterInput && size === 'xsmall' ? 'small' : size,\n          variant: 'body',\n          weight: isInsideCounterInput ? 'semibold' : 'regular',\n          color: isDisabled\n            ? disabledColor ?? 'surface.text.gray.disabled'\n            : color ?? 'interactive.text.gray.normal',\n          theme,\n        })),\n\n    // take the full available width of parent container for input field\n    flex: 1,\n    backgroundColor: theme.colors.transparent,\n\n    paddingTop: padding ?? makeSpace(getTopPadding({ theme, size, isInsideCounterInput })),\n    paddingBottom: padding ?? makeSpace(getBottomPadding({ theme, size, isInsideCounterInput })),\n    paddingLeft:\n      padding ??\n      makeSpace(\n        getLeftPadding({\n          theme,\n          isDropdownTrigger,\n          hasLeadingIcon,\n          hasPrefix,\n          size,\n          hasLeadingDropdown,\n          isInsideCounterInput,\n        }),\n      ),\n    paddingRight:\n      padding ??\n      getRightPadding({\n        theme,\n        hasTrailingInteractionElement,\n        hasSuffix,\n        hasTrailingIcon,\n        size,\n        isInsideCounterInput,\n      }),\n\n    textAlign,\n    width: '100%',\n    height: shouldHaveFlexibleHeight ? undefined : makeSpace(baseInputHeight[size]),\n    minHeight: shouldHaveFlexibleHeight ? undefined : makeSpace(baseInputHeight[size]),\n    ...(isReactNative ? {} : { resize: 'none', boxSizing: 'border-box' }),\n  };\n};\n\nexport const getAnimatedBaseInputWrapperMaxHeight = ({\n  maxTagRows,\n  showAllTags,\n  size,\n}: Pick<BaseInputWrapperProps, 'maxTagRows' | 'showAllTags' | 'size'>): number => {\n  if (maxTagRows === 'single') {\n    return baseInputHeight[size];\n  }\n\n  if (maxTagRows === 'multiple') {\n    return baseInputWrapperMaxHeight[size];\n  }\n\n  // In expandable, max-height depends on the state\n  return showAllTags ? baseInputWrapperMaxHeight[size] : baseInputHeight[size];\n};\n"],"names":["getBaseInputState","_ref","isFocused","isHovered","isDisabled","getInputBackgroundAndBorderStyles","_ref2","theme","validationState","isTextArea","isDropdownTrigger","isTableInputCell","_ref2$size","size","borderRadius","backgroundColorTokens","baseInputBorderlessBackgroundColor","baseInputBackgroundColor","backgroundColor","getIn","colors","default","borderColor","transparent","baseInputBorderColor","borderWidth","border","width","baseInputBorderWidth","zIndex","baseInputState","Object","assign","makeBorderSize","radius","none","baseInputBorderRadius","borderStyle","display","flexDirection","alignItems","position","height","undefined","getBaseInputBorderStyles","getLeftPadding","_ref3","hasLeadingIcon","hasPrefix","hasLeadingDropdown","isInsideCounterInput","spacing","baseInputCounterInputPaddingTokens","left","baseInputPaddingTokens","getRightPadding","_ref4","hasTrailingInteractionElement","hasSuffix","hasTrailingIcon","right","getTopPadding","_ref5","top","getBottomPadding","_ref6","bottom","getBaseInputStyles","_ref7","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","textAlign","hasTags","padding","valueComponentType","_ref7$hasLeadingDropd","color","disabledColor","_getInputVisualsToBeR","getInputVisualsToBeRendered","isDropdownWithTags","isReactNative","getPlatformType","shouldHaveFlexibleHeight","getHeadingStyles","weight","getTextStyles","variant","flex","paddingTop","makeSpace","paddingBottom","paddingLeft","paddingRight","baseInputHeight","minHeight","resize","boxSizing","getAnimatedBaseInputWrapperMaxHeight","_ref8","maxTagRows","showAllTags","baseInputWrapperMaxHeight"],"mappings":"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"}
+{"version":3,"file":"baseInputStyles.js","sources":["../../../../../../src/components/Input/BaseInput/baseInputStyles.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components';\nimport type { BaseInputProps } from './BaseInput';\nimport { getBaseInputBorderStyles } from './getBaseInputBorderStyles';\nimport {\n  baseInputBackgroundColor,\n  baseInputBorderColor,\n  baseInputBorderRadius,\n  baseInputBorderWidth,\n  baseInputBorderlessBackgroundColor,\n  baseInputCounterInputPaddingTokens,\n  baseInputHeight,\n  baseInputPaddingTokens,\n  baseInputWrapperMaxHeight,\n} from './baseInputTokens';\nimport { getInputVisualsToBeRendered } from './BaseInputVisuals';\nimport type { BaseInputWrapperProps } from './types';\nimport { makeBorderSize } from '~utils/makeBorderSize';\nimport { getPlatformType } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport type { Theme } from '~components/BladeProvider';\nimport getTextStyles from '~components/Typography/Text/getTextStyles';\nimport { makeSpace } from '~utils/makeSpace';\nimport getHeadingStyles from '~components/Typography/Heading/getHeadingStyles';\nimport type { BaseTextProps } from '~components/Typography/BaseText/types';\n\ntype GetInputStyles = Pick<\n  BaseInputProps,\n  | 'isDisabled'\n  | 'validationState'\n  | 'leadingIcon'\n  | 'prefix'\n  | 'trailingInteractionElement'\n  | 'leadingInteractionElement'\n  | 'suffix'\n  | 'trailingIcon'\n  | 'textAlign'\n  | 'isDropdownTrigger'\n  | 'valueComponentType'\n> & {\n  isHovered?: boolean;\n  isFocused?: boolean;\n  isTextArea?: boolean;\n  hasTags?: boolean;\n  theme: Theme;\n  size: NonNullable<BaseInputProps['size']>;\n  padding?: BaseInputProps['padding'];\n  borderRadius?: BaseInputProps['borderRadius'];\n  isTableInputCell: NonNullable<BaseInputProps['isTableInputCell']>;\n  hasLeadingDropdown?: boolean;\n  color?: BaseTextProps['color'];\n  disabledColor?: BaseTextProps['color'];\n  isInsideCounterInput?: boolean;\n};\n\nexport const getBaseInputState = ({\n  isFocused,\n  isHovered,\n  isDisabled,\n}: {\n  isFocused?: boolean;\n  isHovered?: boolean;\n  isDisabled?: boolean;\n}): 'focused' | 'hovered' | 'disabled' | 'default' => {\n  if (isDisabled) {\n    return 'disabled';\n  } else if (isFocused) {\n    return 'focused';\n  } else if (isHovered) {\n    return 'hovered';\n  } else {\n    return 'default';\n  }\n};\n\nexport const getInputBackgroundAndBorderStyles = ({\n  theme,\n  isHovered,\n  isFocused,\n  isDisabled,\n  validationState,\n  isTextArea,\n  isDropdownTrigger,\n  isTableInputCell,\n  size = 'medium',\n  borderRadius,\n}: Pick<\n  GetInputStyles,\n  | 'theme'\n  | 'isFocused'\n  | 'isDisabled'\n  | 'validationState'\n  | 'isHovered'\n  | 'isTextArea'\n  | 'isDropdownTrigger'\n  | 'isTableInputCell'\n  | 'size'\n  | 'borderRadius'\n>): CSSObject => {\n  // normal state\n  const backgroundColorTokens = isTableInputCell\n    ? baseInputBorderlessBackgroundColor\n    : baseInputBackgroundColor;\n  let backgroundColor = getIn(theme.colors, backgroundColorTokens.default);\n  let borderColor = isTableInputCell\n    ? theme.colors.transparent\n    : getIn(theme.colors, baseInputBorderColor.default);\n  let borderWidth = getIn(theme.border.width, baseInputBorderWidth.default);\n  let zIndex: number | undefined;\n\n  const baseInputState = getBaseInputState({ isFocused, isHovered, isDisabled });\n\n  backgroundColor = getIn(theme.colors, backgroundColorTokens[baseInputState]);\n  borderColor =\n    isTableInputCell && baseInputState !== 'focused'\n      ? theme.colors.transparent\n      : getIn(theme.colors, baseInputBorderColor[baseInputState]);\n  borderWidth = getIn(theme.border.width, baseInputBorderWidth[baseInputState]);\n\n  if (!isTableInputCell && validationState && validationState !== 'none') {\n    borderColor = getIn(theme.colors, baseInputBorderColor[validationState]);\n    borderWidth = getIn(theme.border.width, baseInputBorderWidth[validationState]);\n    zIndex = 1; // Prevent validation ring clipping by adjacent inputs in InputGroup\n  } else if (validationState && validationState !== 'none') {\n    backgroundColor = getIn(theme.colors, baseInputBorderlessBackgroundColor[validationState]);\n  }\n  return {\n    backgroundColor,\n    borderRadius: makeBorderSize(\n      isTableInputCell\n        ? theme.border.radius.none\n        : theme.border.radius[borderRadius ?? baseInputBorderRadius[size]],\n    ),\n    overflow: 'hidden',\n    borderStyle: 'solid',\n    display: 'flex',\n    flexDirection: 'row',\n    width: '100%',\n    alignItems: isTextArea ? 'flex-start' : 'center',\n    position: 'relative',\n    height: isDropdownTrigger && !isTextArea ? 'auto' : undefined,\n    border: 'none',\n    zIndex,\n    ...getBaseInputBorderStyles({ theme, borderColor, borderWidth, isFocused }),\n  };\n};\n\nconst getLeftPadding = ({\n  theme,\n  isDropdownTrigger,\n  hasLeadingIcon,\n  hasPrefix,\n  size,\n  hasLeadingDropdown,\n  isInsideCounterInput,\n}: {\n  theme: Theme;\n  hasLeadingIcon: boolean;\n  hasPrefix: boolean;\n  isDropdownTrigger: GetInputStyles['isDropdownTrigger'];\n  size: GetInputStyles['size'];\n  hasLeadingDropdown: boolean;\n  isInsideCounterInput?: boolean;\n}): number => {\n  if (isDropdownTrigger) {\n    return theme.spacing[0];\n  }\n\n  if (hasLeadingIcon || hasPrefix || hasLeadingDropdown) {\n    return theme.spacing[3];\n  }\n\n  /**\n   * CounterInput uses tighter padding (4px vs 8-12px) for compact design\n   */\n  if (isInsideCounterInput) {\n    return theme.spacing[baseInputCounterInputPaddingTokens.left[size]];\n  }\n\n  return theme.spacing[baseInputPaddingTokens.left[size]];\n};\n\nconst getRightPadding = ({\n  theme,\n  hasTrailingInteractionElement,\n  hasSuffix,\n  hasTrailingIcon,\n  size,\n  isInsideCounterInput,\n}: {\n  theme: Theme;\n  hasTrailingInteractionElement: boolean;\n  hasSuffix: boolean;\n  hasTrailingIcon: boolean;\n  size: GetInputStyles['size'];\n  isInsideCounterInput?: boolean;\n}): number => {\n  if (hasTrailingInteractionElement || hasSuffix || hasTrailingIcon) {\n    return theme.spacing[3];\n  }\n\n  // CounterInput uses compact padding\n  if (isInsideCounterInput) {\n    return theme.spacing[baseInputCounterInputPaddingTokens.right[size]];\n  }\n  return theme.spacing[baseInputPaddingTokens.right[size]];\n};\n\nconst getTopPadding = ({\n  theme,\n  size,\n  isInsideCounterInput,\n}: {\n  theme: Theme;\n  size: GetInputStyles['size'];\n  isInsideCounterInput?: boolean;\n}): number => {\n  // CounterInput uses compact padding\n  if (isInsideCounterInput) {\n    return theme.spacing[baseInputCounterInputPaddingTokens.top[size]];\n  }\n  return theme.spacing[baseInputPaddingTokens.top[size]];\n};\n\nconst getBottomPadding = ({\n  theme,\n  size,\n  isInsideCounterInput,\n}: {\n  theme: Theme;\n  size: GetInputStyles['size'];\n  isInsideCounterInput?: boolean;\n}): number => {\n  // CounterInput uses compact padding\n  if (isInsideCounterInput) {\n    return theme.spacing[baseInputCounterInputPaddingTokens.top[size]];\n  }\n  return theme.spacing[baseInputPaddingTokens.bottom[size]];\n};\n\nexport const getBaseInputStyles = ({\n  theme,\n  isDisabled,\n  leadingIcon,\n  prefix,\n  trailingInteractionElement,\n  leadingInteractionElement,\n  suffix,\n  trailingIcon,\n  textAlign,\n  isTextArea,\n  hasTags,\n  isDropdownTrigger,\n  size,\n  padding,\n  valueComponentType,\n  hasLeadingDropdown = false,\n  color,\n  disabledColor,\n  isInsideCounterInput,\n}: GetInputStyles): CSSObject => {\n  const {\n    hasLeadingIcon,\n    hasPrefix,\n    hasTrailingInteractionElement,\n    hasSuffix,\n    hasTrailingIcon,\n  } = getInputVisualsToBeRendered({\n    leadingIcon,\n    prefix,\n    trailingInteractionElement,\n    leadingInteractionElement,\n    suffix,\n    trailingIcon,\n    size,\n  });\n\n  const isDropdownWithTags = isDropdownTrigger && hasTags;\n  const isReactNative = getPlatformType() === 'react-native';\n  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n  const shouldHaveFlexibleHeight = isTextArea || isDropdownWithTags;\n\n  return {\n    ...(valueComponentType === 'heading'\n      ? getHeadingStyles({\n          size: size === 'xsmall' ? 'small' : size,\n          weight: 'regular',\n          color: isDisabled ? 'surface.text.gray.disabled' : 'interactive.text.gray.normal',\n          theme,\n        })\n      : getTextStyles({\n          /**\n           * CounterInput: uses 'small' size for xsmall and 'semibold' weight for prominence\n           */\n          size: isInsideCounterInput && size === 'xsmall' ? 'small' : size,\n          variant: 'body',\n          weight: isInsideCounterInput ? 'semibold' : 'regular',\n          color: isDisabled\n            ? disabledColor ?? 'surface.text.gray.disabled'\n            : color ?? 'interactive.text.gray.normal',\n          theme,\n        })),\n\n    // take the full available width of parent container for input field\n    flex: 1,\n    backgroundColor: theme.colors.transparent,\n\n    paddingTop: padding ?? makeSpace(getTopPadding({ theme, size, isInsideCounterInput })),\n    paddingBottom: padding ?? makeSpace(getBottomPadding({ theme, size, isInsideCounterInput })),\n    paddingLeft:\n      padding ??\n      makeSpace(\n        getLeftPadding({\n          theme,\n          isDropdownTrigger,\n          hasLeadingIcon,\n          hasPrefix,\n          size,\n          hasLeadingDropdown,\n          isInsideCounterInput,\n        }),\n      ),\n    paddingRight:\n      padding ??\n      getRightPadding({\n        theme,\n        hasTrailingInteractionElement,\n        hasSuffix,\n        hasTrailingIcon,\n        size,\n        isInsideCounterInput,\n      }),\n\n    textAlign,\n    width: '100%',\n    height: shouldHaveFlexibleHeight ? undefined : makeSpace(baseInputHeight[size]),\n    minHeight: shouldHaveFlexibleHeight ? undefined : makeSpace(baseInputHeight[size]),\n    ...(isReactNative ? {} : { resize: 'none', boxSizing: 'border-box' }),\n  };\n};\n\nexport const getAnimatedBaseInputWrapperMaxHeight = ({\n  maxTagRows,\n  showAllTags,\n  size,\n}: Pick<BaseInputWrapperProps, 'maxTagRows' | 'showAllTags' | 'size'>): number => {\n  if (maxTagRows === 'single') {\n    return baseInputHeight[size];\n  }\n\n  if (maxTagRows === 'multiple') {\n    return baseInputWrapperMaxHeight[size];\n  }\n\n  // In expandable, max-height depends on the state\n  return showAllTags ? baseInputWrapperMaxHeight[size] : baseInputHeight[size];\n};\n"],"names":["getBaseInputState","_ref","isFocused","isHovered","isDisabled","getInputBackgroundAndBorderStyles","_ref2","theme","validationState","isTextArea","isDropdownTrigger","isTableInputCell","_ref2$size","size","borderRadius","backgroundColorTokens","baseInputBorderlessBackgroundColor","baseInputBackgroundColor","backgroundColor","getIn","colors","default","borderColor","transparent","baseInputBorderColor","borderWidth","border","width","baseInputBorderWidth","zIndex","baseInputState","Object","assign","makeBorderSize","radius","none","baseInputBorderRadius","overflow","borderStyle","display","flexDirection","alignItems","position","height","undefined","getBaseInputBorderStyles","getLeftPadding","_ref3","hasLeadingIcon","hasPrefix","hasLeadingDropdown","isInsideCounterInput","spacing","baseInputCounterInputPaddingTokens","left","baseInputPaddingTokens","getRightPadding","_ref4","hasTrailingInteractionElement","hasSuffix","hasTrailingIcon","right","getTopPadding","_ref5","top","getBottomPadding","_ref6","bottom","getBaseInputStyles","_ref7","leadingIcon","prefix","trailingInteractionElement","leadingInteractionElement","suffix","trailingIcon","textAlign","hasTags","padding","valueComponentType","_ref7$hasLeadingDropd","color","disabledColor","_getInputVisualsToBeR","getInputVisualsToBeRendered","isDropdownWithTags","isReactNative","getPlatformType","shouldHaveFlexibleHeight","getHeadingStyles","weight","getTextStyles","variant","flex","paddingTop","makeSpace","paddingBottom","paddingLeft","paddingRight","baseInputHeight","minHeight","resize","boxSizing","getAnimatedBaseInputWrapperMaxHeight","_ref8","maxTagRows","showAllTags","baseInputWrapperMaxHeight"],"mappings":"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"}

package/build/lib/native/components/Spark/RazorSenseGradient/shader.js

@@ -30,6 +30,10 @@ float vnoise(vec2 p) {
 }
 
 void main() {
+  // Envelope controls: how the gradient fades from center outward
+  const float FADE_OUTER_EDGE = 1.4;   // distance where gradient fully fades to black
+  const float FADE_INNER_EDGE = 0.4;  // distance where gradient is at full opacity
+
   vec2 uv = vUv - uOrigin;
   float angle = atan(uv.y, uv.x);
   float r = length(uv);
@@ -57,9 +61,12 @@ void main() {
   float phase = w * 0.5 + 0.5;
   vec3 color = gradientColor(phase);
 
-  float envelope  = smoothstep(0.75, 0.42, r);
-  float centerFill = smoothstep(0.06, 0.0, r);
-  color = mix(color * envelope, gradientColor(0.0), centerFill);
+  float envelope = smoothstep(FADE_OUTER_EDGE, FADE_INNER_EDGE, r);
+  color = color * envelope;
+
+  // Film grain effect
+  float grain = hash(vUv * 500.0 + fract(uTime * 0.5)) * 2.0 - 1.0;
+  color += grain * 0.0002;
 
   gl_FragColor = vec4(color, 1.0);
 }

package/build/lib/native/components/Spark/RazorSenseGradient/shader.js.map

@@ -1 +1 @@
-{"version":3,"file":"shader.js","sources":["../../../../../../src/components/Spark/RazorSenseGradient/shader.ts"],"sourcesContent":["export const FLUID_GRADIENT_LOOP = 12.0;\n\n// vec3 c0 = vec3(0.55, 0.95, 0.75);\n// vec3 c1 = vec3(0.35, 0.90, 0.65);\n// vec3 c2 = vec3(0.20, 0.88, 0.70);\n// vec3 c3 = vec3(0.08, 0.82, 0.48);\n// vec3 c4 = vec3(0.04, 0.68, 0.30);\n\n// vec3 c0 = vec3(0.72, 0.92, 1.00); // light sky blue\n// vec3 c1 = vec3(0.38, 0.72, 0.98); // cornflower blue\n// vec3 c2 = vec3(0.16, 0.50, 0.92); // medium blue\n// vec3 c3 = vec3(0.08, 0.30, 0.78); // deep royal blue\n// vec3 c4 = vec3(0.10, 0.28, 0.72); // deep blue (not black)\n\nexport const fragmentShader = /* glsl */ `\nprecision mediump float;\n\nuniform float uTime;    // pre-wrapped: mod(raw, LOOP)\nuniform vec2  iResolution;\nuniform vec2  uOrigin;  // gradient origin in UV space (0,0)=top-left (1,1)=bottom-right\nvarying vec2 vUv;\n\n// Cubic smoothstep inside each segment — no kink at stop boundaries\nvec3 gradientColor(float t) {\n  t = clamp(t, 0.0, 1.0);\n  vec3 c0 = vec3(0.682, 0.957, 0.831);  // 174, 244, 212\n  vec3 c1 = vec3(0.310, 0.882, 0.620);  //  79, 225, 158\n  vec3 c2 = vec3(0.306, 0.973, 0.910);  //  78, 248, 232\n  vec3 c3 = vec3(0.004, 0.753, 0.443);  //   1, 192, 113\n  vec3 c4 = vec3(0.004, 0.753, 0.443);  //   1, 192, 113\n  float s;\n  if (t < 0.25) { s = smoothstep(0.0,1.0, t/0.25);         return mix(c0,c1,s); }\n  if (t < 0.55) { s = smoothstep(0.0,1.0,(t-0.25)/0.30);   return mix(c1,c2,s); }\n  if (t < 0.80) { s = smoothstep(0.0,1.0,(t-0.55)/0.25);   return mix(c2,c3,s); }\n                  s = smoothstep(0.0,1.0,(t-0.80)/0.20);   return mix(c3,c4,s);\n}\n\n// Value noise\nfloat hash(vec2 p) { return fract(sin(dot(p,vec2(127.1,311.7)))*43758.5453); }\nfloat vnoise(vec2 p) {\n  vec2 i = floor(p), f = fract(p);\n  vec2 u = f*f*(3.0-2.0*f);\n  return mix(mix(hash(i),hash(i+vec2(1,0)),u.x), mix(hash(i+vec2(0,1)),hash(i+vec2(1,1)),u.x),u.y);\n}\n\nvoid main() {\n  vec2 uv = vUv - uOrigin;\n  float angle = atan(uv.y, uv.x);\n  float r = length(uv);\n\n  // Warp: traces a circle in noise space → exactly periodic in LOOP seconds.\n  // speed = 2π * n / LOOP  (n integer → 1 full orbit per loop)\n  float ws = 6.2832 / 12.0;   // 2π/LOOP — 1 orbit in LOOP s\n  float ws2 = ws * 2.0;       // 2 orbits in LOOP s\n  float warp =\n    vnoise(vec2(cos(angle)*1.4 + sin(uTime*ws )*2.0, sin(angle)*1.4 + cos(uTime*ws )*2.0)) * 0.50 +\n    vnoise(vec2(cos(angle)*2.6 + sin(uTime*ws2)*1.2, sin(angle)*2.6 + cos(uTime*ws2)*1.2)) * 0.25;\n  float organicR = r + (warp - 0.45) * 0.04;\n\n  // Three wave sines — speeds are 2π*n/LOOP (n=3,2,1) → integer cycles in LOOP s.\n  // Spatial frequencies are irrational ratios so they never phase-lock into\n  // distinct bands; the result is one broad, shifting swell.\n  float s1 = 6.2832 * 3.0 / 12.0;  // 3 cycles in LOOP s\n  float s2 = 6.2832 * 2.0 / 12.0;  // 2 cycles\n  float s3 = 6.2832 * 1.0 / 12.0;  // 1 cycle\n  float w =\n    sin(organicR * 4.80 - uTime * s1) * 0.55 +\n    sin(organicR * 2.55 - uTime * s2) * 0.30 +\n    sin(organicR * 1.45 - uTime * s3) * 0.15;\n\n  float phase = w * 0.5 + 0.5;\n  vec3 color = gradientColor(phase);\n\n  float envelope  = smoothstep(0.75, 0.42, r);\n  float centerFill = smoothstep(0.06, 0.0, r);\n  color = mix(color * envelope, gradientColor(0.0), centerFill);\n\n  gl_FragColor = vec4(color, 1.0);\n}\n`;\n"],"names":["FLUID_GRADIENT_LOOP","fragmentShader"],"mappings":"AAAa,IAAAA,mBAAmB,CAAG,KActB,IAAAC,cAAc,CAAc,CAAA;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}
+{"version":3,"file":"shader.js","sources":["../../../../../../src/components/Spark/RazorSenseGradient/shader.ts"],"sourcesContent":["export const FLUID_GRADIENT_LOOP = 12.0;\n\n// vec3 c0 = vec3(0.55, 0.95, 0.75);\n// vec3 c1 = vec3(0.35, 0.90, 0.65);\n// vec3 c2 = vec3(0.20, 0.88, 0.70);\n// vec3 c3 = vec3(0.08, 0.82, 0.48);\n// vec3 c4 = vec3(0.04, 0.68, 0.30);\n\n// vec3 c0 = vec3(0.72, 0.92, 1.00); // light sky blue\n// vec3 c1 = vec3(0.38, 0.72, 0.98); // cornflower blue\n// vec3 c2 = vec3(0.16, 0.50, 0.92); // medium blue\n// vec3 c3 = vec3(0.08, 0.30, 0.78); // deep royal blue\n// vec3 c4 = vec3(0.10, 0.28, 0.72); // deep blue (not black)\n\nexport const fragmentShader = /* glsl */ `\nprecision mediump float;\n\nuniform float uTime;    // pre-wrapped: mod(raw, LOOP)\nuniform vec2  iResolution;\nuniform vec2  uOrigin;  // gradient origin in UV space (0,0)=top-left (1,1)=bottom-right\nvarying vec2 vUv;\n\n// Cubic smoothstep inside each segment — no kink at stop boundaries\nvec3 gradientColor(float t) {\n  t = clamp(t, 0.0, 1.0);\n  vec3 c0 = vec3(0.682, 0.957, 0.831);  // 174, 244, 212\n  vec3 c1 = vec3(0.310, 0.882, 0.620);  //  79, 225, 158\n  vec3 c2 = vec3(0.306, 0.973, 0.910);  //  78, 248, 232\n  vec3 c3 = vec3(0.004, 0.753, 0.443);  //   1, 192, 113\n  vec3 c4 = vec3(0.004, 0.753, 0.443);  //   1, 192, 113\n  float s;\n  if (t < 0.25) { s = smoothstep(0.0,1.0, t/0.25);         return mix(c0,c1,s); }\n  if (t < 0.55) { s = smoothstep(0.0,1.0,(t-0.25)/0.30);   return mix(c1,c2,s); }\n  if (t < 0.80) { s = smoothstep(0.0,1.0,(t-0.55)/0.25);   return mix(c2,c3,s); }\n                  s = smoothstep(0.0,1.0,(t-0.80)/0.20);   return mix(c3,c4,s);\n}\n\n// Value noise\nfloat hash(vec2 p) { return fract(sin(dot(p,vec2(127.1,311.7)))*43758.5453); }\nfloat vnoise(vec2 p) {\n  vec2 i = floor(p), f = fract(p);\n  vec2 u = f*f*(3.0-2.0*f);\n  return mix(mix(hash(i),hash(i+vec2(1,0)),u.x), mix(hash(i+vec2(0,1)),hash(i+vec2(1,1)),u.x),u.y);\n}\n\nvoid main() {\n  // Envelope controls: how the gradient fades from center outward\n  const float FADE_OUTER_EDGE = 1.4;   // distance where gradient fully fades to black\n  const float FADE_INNER_EDGE = 0.4;  // distance where gradient is at full opacity\n\n  vec2 uv = vUv - uOrigin;\n  float angle = atan(uv.y, uv.x);\n  float r = length(uv);\n\n  // Warp: traces a circle in noise space → exactly periodic in LOOP seconds.\n  // speed = 2π * n / LOOP  (n integer → 1 full orbit per loop)\n  float ws = 6.2832 / 12.0;   // 2π/LOOP — 1 orbit in LOOP s\n  float ws2 = ws * 2.0;       // 2 orbits in LOOP s\n  float warp =\n    vnoise(vec2(cos(angle)*1.4 + sin(uTime*ws )*2.0, sin(angle)*1.4 + cos(uTime*ws )*2.0)) * 0.50 +\n    vnoise(vec2(cos(angle)*2.6 + sin(uTime*ws2)*1.2, sin(angle)*2.6 + cos(uTime*ws2)*1.2)) * 0.25;\n  float organicR = r + (warp - 0.45) * 0.04;\n\n  // Three wave sines — speeds are 2π*n/LOOP (n=3,2,1) → integer cycles in LOOP s.\n  // Spatial frequencies are irrational ratios so they never phase-lock into\n  // distinct bands; the result is one broad, shifting swell.\n  float s1 = 6.2832 * 3.0 / 12.0;  // 3 cycles in LOOP s\n  float s2 = 6.2832 * 2.0 / 12.0;  // 2 cycles\n  float s3 = 6.2832 * 1.0 / 12.0;  // 1 cycle\n  float w =\n    sin(organicR * 4.80 - uTime * s1) * 0.55 +\n    sin(organicR * 2.55 - uTime * s2) * 0.30 +\n    sin(organicR * 1.45 - uTime * s3) * 0.15;\n\n  float phase = w * 0.5 + 0.5;\n  vec3 color = gradientColor(phase);\n\n  float envelope = smoothstep(FADE_OUTER_EDGE, FADE_INNER_EDGE, r);\n  color = color * envelope;\n\n  // Film grain effect\n  float grain = hash(vUv * 500.0 + fract(uTime * 0.5)) * 2.0 - 1.0;\n  color += grain * 0.0002;\n\n  gl_FragColor = vec4(color, 1.0);\n}\n`;\n"],"names":["FLUID_GRADIENT_LOOP","fragmentShader"],"mappings":"AAAa,IAAAA,mBAAmB,CAAG,KActB,IAAAC,cAAc,CAAc,CAAA;AACzC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}

package/build/lib/native/components/Spark/RzpGlass/RzpGlass.js

@@ -2,12 +2,13 @@ import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { forwardRef, useState, useRef, useEffect, useCallback } from 'react';
+import { forwardRef, useState, useRef, useEffect } from 'react';
 import { RzpGlassMount } from './RzpGlassMount.js';
-import { getPresets } from './presets.js';
+import { getPresetAssets, resolveConfig, DEFAULT_CDN_PATH, getDefaultAssets } from './utils.js';
+import { useMergeRefs } from '../../../utils/useMergeRefs.js';
 import { jsx } from 'react/jsx-runtime';
 
-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"];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:`${assetsPath}/spark-base-video.mp4`,imageSrc:`${assetsPath}/bottom-frame.jpg`,gradientMapSrc:`${assetsPath}/colorama-gradient-map-green.jpg`,gradientMap2Src:`${assetsPath}/colorama-gradient-map-blue.jpg`,centerGradientMapSrc:`${assetsPath}/colorama-center-gradient-map.jpg`};};function useMergeRefs(refs){return useCallback(function(value){refs.forEach(function(ref){if(typeof ref==='function'){ref(value);}else if(ref!=null){ref.current=value;}});},[refs]);}function extractConfig(props){props.width;props.height;props.className;props.style;props.onLoad;props.onError;props.preset;props.assetsPath;props.gradientMapSrc;props.gradientMap2Src;props.gradientMapCanvas;props.imageSrc;var config=_objectWithoutProperties(props,_excluded);return Object.fromEntries(Object.entries(config).filter(function(_ref){var _ref2=_slicedToArray(_ref,2),v=_ref2[1];return v!==undefined;}));}var ASSET_KEYS=new Set(['videoSrc','imageSrc','gradientMapSrc','gradientMap2Src','centerGradientMapSrc']);function getPresetDefinition(preset,assetsPath){var presets=getPresets(assetsPath);if(preset&&preset in presets)return Object.assign({},presets[preset]);return {};}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,assetsPath){var def=getPresetDefinition(preset,assetsPath);return Object.fromEntries(Object.entries(def).filter(function(_ref5){var _ref6=_slicedToArray(_ref5,1),k=_ref6[0];return ASSET_KEYS.has(k);}));}function resolveConfig(props,assetsPath){return Object.assign({},getPresetConfig(props.preset,assetsPath),extractConfig(props));}var RzpGlass=forwardRef(function RzpGlass(props,forwardedRef){var _presetAssets$videoSr,_ref7,_ref8,_presetAssets$centerG,_configProps$edgeFeat;var _props$width=props.width,width=_props$width===void 0?'100%':_props$width,_props$height=props.height,height=_props$height===void 0?'100%':_props$height,className=props.className,style=props.style,onLoad=props.onLoad,onError=props.onError,assetsPathProp=props.assetsPath,gradientMapCanvas=props.gradientMapCanvas,gradientMapSrcProp=props.gradientMapSrc,gradientMap2SrcProp=props.gradientMap2Src,imageSrcProp=props.imageSrc,configProps=_objectWithoutProperties(props,_excluded2);var assetsPath=assetsPathProp!=null?assetsPathProp:DEFAULT_CDN_PATH;var defaultAssets=getDefaultAssets(assetsPath);var presetAssets=getPresetAssets(props.preset,assetsPath);var imageSrc=imageSrcProp!=null?imageSrcProp:presetAssets.imageSrc;var videoSrc=imageSrc?undefined:(_presetAssets$videoSr=presetAssets.videoSrc)!=null?_presetAssets$videoSr:defaultAssets.videoSrc;var gradientMapSrc=(_ref7=gradientMapSrcProp!=null?gradientMapSrcProp:presetAssets.gradientMapSrc)!=null?_ref7:defaultAssets.gradientMapSrc;var gradientMap2Src=(_ref8=gradientMap2SrcProp!=null?gradientMap2SrcProp:presetAssets.gradientMap2Src)!=null?_ref8:defaultAssets.gradientMap2Src;var centerGradientMapSrc=(_presetAssets$centerG=presetAssets.centerGradientMapSrc)!=null?_presetAssets$centerG:defaultAssets.centerGradientMapSrc;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),isInitialized=_useState2[0],setIsInitialized=_useState2[1];var _useState3=useState(null),_useState4=_slicedToArray(_useState3,2),error=_useState4[0],setError=_useState4[1];var divRef=useRef(null);var mountRef=useRef(null);useEffect(function(){var init=function(){var _ref9=_asyncToGenerator(function*(){if(!divRef.current||mountRef.current)return;try{var _config$paused;var config=resolveConfig(props,assetsPath);mountRef.current=new RzpGlassMount(divRef.current,{videoSrc:videoSrc,imageSrc:imageSrc,gradientMapSrc:gradientMapSrc,gradientMap2Src:gradientMap2Src,centerGradientMapSrc:centerGradientMapSrc},config);yield mountRef.current.loadAssets();var userWantsPaused=(_config$paused=config.paused)!=null?_config$paused:false;if(!userWantsPaused){mountRef.current.pause();}setIsInitialized(true);setTimeout(function(){if(!mountRef.current)return;if(!userWantsPaused){mountRef.current.play();}onLoad==null?void 0:onLoad();},FADE_IN_MS);}catch(err){var _error=err instanceof Error?err:new Error(String(err));setError(_error);onError==null?void 0:onError(_error);}});return function init(){return _ref9.apply(this,arguments);};}();void init();return function(){var _mountRef$current;(_mountRef$current=mountRef.current)==null?void 0:_mountRef$current.dispose();mountRef.current=null;setIsInitialized(false);};},[assetsPath,videoSrc,imageSrc,gradientMapSrc,gradientMap2Src,centerGradientMapSrc,configProps.preset]);useEffect(function(){if(isInitialized&&mountRef.current){var config=resolveConfig(props,assetsPath);mountRef.current.setUniforms(config);}},[isInitialized,configProps.preset,configProps.inputMin,configProps.inputMax,configProps.modifyGamma,configProps.posterizeLevels,configProps.cycleRepetitions,configProps.phaseShift,configProps.cycleSpeed,configProps.wrapMode,configProps.reverse,configProps.blendWithOriginal,configProps.numSegments,configProps.slitAngle,configProps.displacementX,configProps.displacementY,configProps.enableCenterElement,configProps.centerAnimDuration,configProps.ccBlackPoint,configProps.ccWhitePoint,configProps.ccMidtoneGamma,configProps.ccGamma,configProps.ccContrast,configProps.zoom,configProps.panX,configProps.panY].concat(_toConsumableArray((_configProps$edgeFeat=configProps.edgeFeather)!=null?_configProps$edgeFeat:[0,0,0,0]),[configProps.enableDisplacement,configProps.enableColorama,configProps.enableBloom,configProps.enableLightSweep,configProps.lightIntensity,configProps.lightStartFrame,configProps.paused,configProps.startTime,configProps.endTime,configProps.animateLightIndependently,configProps.animateCycleReps,configProps.cycleRepetitionsStart,configProps.cycleRepetitionsEnd,configProps.cycleRepetitionsStartFrame,configProps.cycleRepetitionsDuration,configProps.gradientMapBlend,configProps.gradientMapBlendDuration]));useEffect(function(){if(isInitialized&&mountRef.current&&gradientMapCanvas){mountRef.current.updateGradientMapTexture(gradientMapCanvas);}},[isInitialized,gradientMapCanvas]);var mergedRef=useMergeRefs([divRef,forwardedRef]);var widthStyle=typeof width==='number'?`${width}px`:width;var heightStyle=typeof height==='number'?`${height}px`:height;if(error){return jsx("div",{ref:mergedRef,className:className,style:Object.assign({width:widthStyle,height:heightStyle},style)});}return jsx("div",{ref:mergedRef,className:className,style:Object.assign({width:widthStyle,height:heightStyle,position:'relative',overflow:'hidden',backgroundColor:'transparent',transition:'2s opacity'},isInitialized?{opacity:1}:{opacity:0},style)});});
+var _excluded=["width","height","className","style","onLoad","onError","assetsPath","gradientMapCanvas","gradientMapSrc","gradientMap2Src","imageSrc"];var FADE_IN_MS=200;var RzpGlass=forwardRef(function RzpGlass(props,forwardedRef){var _presetAssets$videoSr,_ref,_ref2,_presetAssets$centerG,_configProps$edgeFeat;var _props$width=props.width,width=_props$width===void 0?'100%':_props$width,_props$height=props.height,height=_props$height===void 0?'100%':_props$height,className=props.className,style=props.style,onLoad=props.onLoad,onError=props.onError,assetsPathProp=props.assetsPath,gradientMapCanvas=props.gradientMapCanvas,gradientMapSrcProp=props.gradientMapSrc,gradientMap2SrcProp=props.gradientMap2Src,imageSrcProp=props.imageSrc,configProps=_objectWithoutProperties(props,_excluded);var assetsPath=assetsPathProp!=null?assetsPathProp:DEFAULT_CDN_PATH;var defaultAssets=getDefaultAssets(assetsPath);var presetAssets=getPresetAssets(props.preset,assetsPath);var imageSrc=imageSrcProp!=null?imageSrcProp:presetAssets.imageSrc;var videoSrc=imageSrc?undefined:(_presetAssets$videoSr=presetAssets.videoSrc)!=null?_presetAssets$videoSr:defaultAssets.videoSrc;var gradientMapSrc=(_ref=gradientMapSrcProp!=null?gradientMapSrcProp:presetAssets.gradientMapSrc)!=null?_ref:defaultAssets.gradientMapSrc;var gradientMap2Src=(_ref2=gradientMap2SrcProp!=null?gradientMap2SrcProp:presetAssets.gradientMap2Src)!=null?_ref2:defaultAssets.gradientMap2Src;var centerGradientMapSrc=(_presetAssets$centerG=presetAssets.centerGradientMapSrc)!=null?_presetAssets$centerG:defaultAssets.centerGradientMapSrc;var _useState=useState(false),_useState2=_slicedToArray(_useState,2),isInitialized=_useState2[0],setIsInitialized=_useState2[1];var _useState3=useState(null),_useState4=_slicedToArray(_useState3,2),error=_useState4[0],setError=_useState4[1];var divRef=useRef(null);var mountRef=useRef(null);useEffect(function(){var init=function(){var _ref3=_asyncToGenerator(function*(){if(!divRef.current||mountRef.current)return;try{var _config$paused;var config=resolveConfig(props,assetsPath);mountRef.current=new RzpGlassMount(divRef.current,{videoSrc:videoSrc,imageSrc:imageSrc,gradientMapSrc:gradientMapSrc,gradientMap2Src:gradientMap2Src,centerGradientMapSrc:centerGradientMapSrc},config);yield mountRef.current.loadAssets();var userWantsPaused=(_config$paused=config.paused)!=null?_config$paused:false;if(!userWantsPaused){mountRef.current.pause();}setIsInitialized(true);setTimeout(function(){if(!mountRef.current)return;if(!userWantsPaused){mountRef.current.play();}onLoad==null?void 0:onLoad();},FADE_IN_MS);}catch(err){var _error=err instanceof Error?err:new Error(String(err));setError(_error);onError==null?void 0:onError(_error);}});return function init(){return _ref3.apply(this,arguments);};}();void init();return function(){var _mountRef$current;(_mountRef$current=mountRef.current)==null?void 0:_mountRef$current.dispose();mountRef.current=null;setIsInitialized(false);};},[assetsPath,videoSrc,imageSrc,gradientMapSrc,gradientMap2Src,centerGradientMapSrc,configProps.preset]);useEffect(function(){if(isInitialized&&mountRef.current){var config=resolveConfig(props,assetsPath);mountRef.current.setUniforms(config);}},[isInitialized,configProps.preset,configProps.inputMin,configProps.inputMax,configProps.modifyGamma,configProps.posterizeLevels,configProps.cycleRepetitions,configProps.phaseShift,configProps.cycleSpeed,configProps.wrapMode,configProps.reverse,configProps.blendWithOriginal,configProps.numSegments,configProps.slitAngle,configProps.displacementX,configProps.displacementY,configProps.enableCenterElement,configProps.centerAnimDuration,configProps.ccBlackPoint,configProps.ccWhitePoint,configProps.ccMidtoneGamma,configProps.ccGamma,configProps.ccContrast,configProps.zoom,configProps.panX,configProps.panY].concat(_toConsumableArray((_configProps$edgeFeat=configProps.edgeFeather)!=null?_configProps$edgeFeat:[0,0,0,0]),[configProps.enableDisplacement,configProps.enableColorama,configProps.enableBloom,configProps.enableLightSweep,configProps.lightIntensity,configProps.lightStartFrame,configProps.paused,configProps.startTime,configProps.endTime,configProps.animateLightIndependently,configProps.animateCycleReps,configProps.cycleRepetitionsStart,configProps.cycleRepetitionsEnd,configProps.cycleRepetitionsStartFrame,configProps.cycleRepetitionsDuration,configProps.gradientMapBlend,configProps.gradientMapBlendDuration]));useEffect(function(){if(isInitialized&&mountRef.current&&gradientMapCanvas){mountRef.current.updateGradientMapTexture(gradientMapCanvas);}},[isInitialized,gradientMapCanvas]);var mergedRef=useMergeRefs(forwardedRef,divRef);var widthStyle=typeof width==='number'?`${width}px`:width;var heightStyle=typeof height==='number'?`${height}px`:height;if(error){return jsx("div",{ref:mergedRef,className:className,style:Object.assign({width:widthStyle,height:heightStyle},style)});}return jsx("div",{ref:mergedRef,className:className,style:Object.assign({width:widthStyle,height:heightStyle,position:'relative',overflow:'hidden',backgroundColor:'transparent',transition:`${FADE_IN_MS}ms opacity`},isInitialized?{opacity:1}:{opacity:0},style)});});
 
-export { RzpGlass, RzpGlass as default };
+export { RzpGlass };
 //# sourceMappingURL=RzpGlass.js.map

package/build/lib/native/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 { 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","imageSrc","gradientMapSrc","gradientMap2Src","centerGradientMapSrc","useMergeRefs","refs","useCallback","value","forEach","ref","current","extractConfig","props","width","height","className","style","onLoad","onError","preset","gradientMapCanvas","config","_objectWithoutProperties","_excluded","Object","fromEntries","entries","filter","_ref","_ref2","_slicedToArray","v","undefined","ASSET_KEYS","Set","getPresetDefinition","presets","getPresets","assign","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","_config$paused","RzpGlassMount","loadAssets","userWantsPaused","paused","pause","setTimeout","play","err","Error","String","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","concat","_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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"}
+{"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 */\nimport { forwardRef, useEffect, useRef, useState } from 'react';\nimport { RzpGlassMount } from './RzpGlassMount';\nimport type { RzpGlassProps } from './types';\nimport { DEFAULT_CDN_PATH, getDefaultAssets, getPresetAssets, resolveConfig } from './utils';\nimport { useMergeRefs } from '~utils/useMergeRefs';\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 RzpGlass = forwardRef<HTMLDivElement, RzpGlassProps>(function RzpGlass(props, forwardedRef) {\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  }, [assetsPath, videoSrc, imageSrc, gradientMapSrc, gradientMap2Src, centerGradientMapSrc, configProps.preset]);\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(forwardedRef, divRef);\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: `${FADE_IN_MS}ms opacity`,\n        ...(isInitialized ? { opacity: 1 } : { opacity: 0 }),\n        ...style,\n      }}\n    />\n  );\n});\n\nexport { RzpGlass };\n"],"names":["FADE_IN_MS","RzpGlass","forwardRef","props","forwardedRef","_presetAssets$videoSr","_ref","_ref2","_presetAssets$centerG","_configProps$edgeFeat","_props$width","width","_props$height","height","className","style","onLoad","onError","assetsPathProp","assetsPath","gradientMapCanvas","gradientMapSrcProp","gradientMapSrc","gradientMap2SrcProp","gradientMap2Src","imageSrcProp","imageSrc","configProps","_objectWithoutProperties","_excluded","DEFAULT_CDN_PATH","defaultAssets","getDefaultAssets","presetAssets","getPresetAssets","preset","videoSrc","undefined","centerGradientMapSrc","_useState","useState","_useState2","_slicedToArray","isInitialized","setIsInitialized","_useState3","_useState4","error","setError","divRef","useRef","mountRef","useEffect","init","_ref3","_asyncToGenerator","current","_config$paused","config","resolveConfig","RzpGlassMount","loadAssets","userWantsPaused","paused","pause","setTimeout","play","err","Error","String","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","concat","_toConsumableArray","edgeFeather","enableDisplacement","enableColorama","enableBloom","enableLightSweep","lightIntensity","lightStartFrame","startTime","endTime","animateLightIndependently","animateCycleReps","cycleRepetitionsStart","cycleRepetitionsEnd","cycleRepetitionsStartFrame","cycleRepetitionsDuration","gradientMapBlend","gradientMapBlendDuration","updateGradientMapTexture","mergedRef","useMergeRefs","widthStyle","heightStyle","_jsx","ref","Object","assign","position","overflow","backgroundColor","transition","opacity"],"mappings":"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"}