{"version":3,"file":"NotificationAnimation.CbIMssE2.mjs","names":["Rive","useRive","React","RiveComponent"],"sources":["https:/rive.app/api/s/kwys26711U28OoD4W1lrfw/framer","https:/framerusercontent.com/modules/UVpCaI9BbznCDNxG80XE/w82UcmoGID0q9QMe7nYp/NotificationAnimation.js"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport { addPropertyControls, ControlType, RenderTarget } from \"framer\";\nimport Rive, { useRive, useStateMachineInput } from \"@rive-app/react-canvas\";\nexport const componentName = \"Artboard - Notification\";\nexport default function Controls(props) {\n  const layout = new Rive.Layout({\n    fit: props.fit ?? \"contain\",\n    alignment: props.alignment ?? \"center\",\n  });\n  const params = {\n    src: \"https://public.rive.app/hosted/293671/268555/kwys26711U28OoD4W1lrfw.riv\",\n    artboard: \"Artboard\",\n    stateMachines: \"Notification\",\n    autoplay: true && props.play,\n    automaticallyHandleEvents: true,\n    layout,\n  };\n  const { RiveComponent, rive } = useRive(params);\n  useEffect(() => {\n    if (rive) {\n      if (RenderTarget.current() === RenderTarget.canvas) {\n        if (props.playOnCanvas && props.play) {\n          rive.play();\n        } else {\n          rive.pause();\n        }\n      } else {\n        if (props.play) {\n          rive.play();\n        } else {\n          rive.pause();\n        }\n      }\n    }\n  }, [props.play]);\n  useEffect(() => {\n    if (rive && RenderTarget.current() === RenderTarget.canvas) {\n      if (props.playOnCanvas && props.play) {\n        rive.play();\n      } else {\n        rive.pause();\n      }\n    }\n  }, [rive, props.playOnCanvas, props.play]);\n  useEffect(() => {\n    if (rive) {\n      const layout = new Rive.Layout({\n        fit: props.fit ?? \"contain\",\n        alignment: props.alignment ?? \"center\",\n      });\n      rive.layout = layout;\n    }\n  }, [props.fit, props.alignment]);\n  return React.createElement(RiveComponent, {});\n}\nControls.defaultProps = { play: true, playOnCanvas: true };\nexport const propertyControls = {\n  play: {\n    title: \"Playback\",\n    type: ControlType.Boolean,\n    defaultValue: true,\n    enabledTitle: \"Play\",\n    disabledTitle: \"Pause\",\n  },\n  playOnCanvas: {\n    type: ControlType.Boolean,\n    title: \"Play on Canvas\",\n    defaultValue: true,\n    enabledTitle: \"Play\",\n    disabledTitle: \"Pause\",\n  },\n  fit: {\n    type: ControlType.Enum,\n    defaultValue: \"contain\",\n    displaySegmentedControl: false,\n    segmentedControlDirection: \"vertical\",\n    options: [\n      \"contain\",\n      \"cover\",\n      \"fill\",\n      \"fitWidth\",\n      \"fitHeight\",\n      \"none\",\n      \"scaleDown\",\n    ],\n    optionTitles: [\n      \"Contain\",\n      \"Cover\",\n      \"Fill\",\n      \"Fit Width\",\n      \"Fit Height\",\n      \"None\",\n      \"Scale Down\",\n    ],\n  },\n  alignment: {\n    type: ControlType.Enum,\n    defaultValue: \"center\",\n    displaySegmentedControl: false,\n    segmentedControlDirection: \"vertical\",\n    options: [\n      \"center\",\n      \"topLeft\",\n      \"topCenter\",\n      \"topRight\",\n      \"centerLeft\",\n      \"centerRight\",\n      \"bottomLeft\",\n      \"bottomCenter\",\n      \"bottomRight\",\n    ],\n    optionTitles: [\n      \"Center\",\n      \"Top Left\",\n      \"Top Center\",\n      \"Top Right\",\n      \"Center Left\",\n      \"Center Right\",\n      \"Bottom Left\",\n      \"Bottom Center\",\n      \"Bottom Right\",\n    ],\n  },\n};\naddPropertyControls(Controls, propertyControls);\n","import{addPropertyControls}from\"framer\";import RiveComponent,{componentName,propertyControls}from\"https://rive.app/api/s/kwys26711U28OoD4W1lrfw/framer/\";/**\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default RiveComponent;RiveComponent.displayName=componentName;addPropertyControls(RiveComponent,propertyControls);\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"RiveComponent\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./NotificationAnimation.map"],"mappings":"gOAIA,SAAwB,EAAS,EAAO,CACtC,IAAM,EAAS,IAAIA,EAAK,OAAO,CAC7B,IAAK,EAAM,KAAO,UAClB,UAAW,EAAM,WAAa,SAC/B,CAAC,CASI,CAAE,gBAAe,QAASC,EARjB,CACb,IAAK,0EACL,SAAU,WACV,cAAe,eACf,SAAkB,EAAM,KACxB,0BAA2B,GAC3B,SACD,CAC8C,CAoC/C,OAnCA,MAAgB,CACV,IACE,EAAa,SAAS,GAAK,EAAa,OACtC,EAAM,cAAgB,EAAM,KAC9B,EAAK,MAAM,CAEX,EAAK,OAAO,CAGV,EAAM,KACR,EAAK,MAAM,CAEX,EAAK,OAAO,GAIjB,CAAC,EAAM,KAAK,CAAC,CAChB,MAAgB,CACV,GAAQ,EAAa,SAAS,GAAK,EAAa,SAC9C,EAAM,cAAgB,EAAM,KAC9B,EAAK,MAAM,CAEX,EAAK,OAAO,GAGf,CAAC,EAAM,EAAM,aAAc,EAAM,KAAK,CAAC,CAC1C,MAAgB,CACV,IAKF,EAAK,OAJU,IAAID,EAAK,OAAO,CAC7B,IAAK,EAAM,KAAO,UAClB,UAAW,EAAM,WAAa,SAC/B,CAAC,GAGH,CAAC,EAAM,IAAK,EAAM,UAAU,CAAC,CACzBE,EAAM,cAAc,EAAe,EAAE,CAAC,sBArDN,IAC+B,IACK,CAChE,EAAgB,0BAoD7B,EAAS,aAAe,CAAE,KAAM,GAAM,aAAc,GAAM,CAC7C,EAAmB,CAC9B,KAAM,CACJ,MAAO,WACP,KAAM,EAAY,QAClB,aAAc,GACd,aAAc,OACd,cAAe,QAChB,CACD,aAAc,CACZ,KAAM,EAAY,QAClB,MAAO,iBACP,aAAc,GACd,aAAc,OACd,cAAe,QAChB,CACD,IAAK,CACH,KAAM,EAAY,KAClB,aAAc,UACd,wBAAyB,GACzB,0BAA2B,WAC3B,QAAS,CACP,UACA,QACA,OACA,WACA,YACA,OACA,YACD,CACD,aAAc,CACZ,UACA,QACA,OACA,YACA,aACA,OACA,aACD,CACF,CACD,UAAW,CACT,KAAM,EAAY,KAClB,aAAc,SACd,wBAAyB,GACzB,0BAA2B,WAC3B,QAAS,CACP,SACA,UACA,YACA,WACA,aACA,cACA,aACA,eACA,cACD,CACD,aAAc,CACZ,SACA,WACA,aACA,YACA,cACA,eACA,cACA,gBACA,eACD,CACF,CACF,CACD,EAAoB,EAAU,EAAiB,mBC5HP,IAAiH,GAGvIC,EAAc,EAAc,YAAY,EAAc,EAAoBA,EAAc,EAAiB"}