@scbt-ecom/ui 0.176.0 → 0.177.0

package/dist/lib/widgets/userFeedback/ui/SelectRating.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectRating.js","sources":["../../../../../lib/widgets/userFeedback/ui/SelectRating.tsx"],"sourcesContent":["import { pushToDL } from '../../../shared/dataLayers'\nimport type { UseRatingReturn } from '../model'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nconst ratings = Array(5).fill(0)\nconst defaultTitle = 'Ваше мнение важно для нас!'\nconst defaultSubtitle = 'Пожалуйста, оцените работу сайта, чтобы мы сделали его еще удобнее'\n\nexport type SelectRatingClasses = {\n  wrapper?: string\n  textBlock?: string\n  title?: string\n  subtitle?: string\n  ratingsWrapper?: string\n  ratingBtn?: string\n  ratingIcon?: string\n}\n\nexport interface SelectRatingProps {\n  title?: string\n  subtitle?: string\n  classes?: SelectRatingClasses\n}\n\nexport const SelectRating = ({\n  handleMouseLeave,\n  hoveredRatings,\n  selectedRating,\n  handleSelectRating,\n  handleMouseEnter,\n  title = defaultTitle,\n  subtitle = defaultSubtitle,\n  classes\n}: SelectRatingProps & UseRatingReturn) => {\n  return (\n    <div className={cn('flex flex-col items-center gap-4', classes?.wrapper)}>\n      <div className={cn('flex flex-col gap-2 text-center', classes?.textBlock)}>\n        <p className={cn('desk-body-medium-l', classes?.title)}>{title}</p>\n        <p className={cn('desk-body-regular-l', classes?.subtitle)}>{subtitle}</p>\n      </div>\n\n      <div className={cn('flex items-center gap-2', classes?.ratingsWrapper)}>\n        {ratings?.map((_, index) => (\n          <button\n            key={index}\n            onPointerDown={() =>\n              pushToDL({\n                event: 'buttonClick',\n                name: 'userFeedbackVote',\n                placement: 'userFeedbackWidget'\n              })\n            }\n            className={cn('size-8', classes?.ratingBtn)}\n            onMouseEnter={() => handleMouseEnter(index + 1)}\n            onMouseLeave={() => handleMouseLeave()}\n            onClick={() => handleSelectRating(index + 1)}\n          >\n            <Icon\n              name='general/heart'\n              className={cn('fill-[#b0c0d2] transition-colors duration-12', classes?.ratingIcon, {\n                'fill-secondary-default': index < (hoveredRatings || selectedRating)\n              })}\n            />\n          </button>\n        ))}\n      </div>\n    </div>\n  )\n}\n"],"names":["ratings","defaultTitle","defaultSubtitle","SelectRating","handleMouseLeave","hoveredRatings","selectedRating","handleSelectRating","handleMouseEnter","title","subtitle","classes","cn","jsxs","jsx","_","index","pushToDL","Icon"],"mappings":"4NAKA,MAAMA,EAAU,MAAM,CAAC,EAAE,KAAK,CAAC,EACzBC,EAAe,6BACfC,EAAkB,qEAkBXC,EAAe,CAAC,CAC3B,iBAAAC,EACA,eAAAC,EACA,eAAAC,EACA,mBAAAC,EACA,iBAAAC,EACA,MAAAC,EAAQR,EACR,SAAAS,EAAWR,EACX,QAAAS,CACF,MAEK,MAAA,CAAI,UAAWC,EAAG,mCAAoCD,GAAS,OAAO,EACrE,SAAA,CAAAE,EAAC,OAAI,UAAWD,EAAG,kCAAmCD,GAAS,SAAS,EACtE,SAAA,CAAAG,EAAC,KAAE,UAAWF,EAAG,qBAAsBD,GAAS,KAAK,EAAI,SAAAF,EAAM,EAC/DK,EAAC,KAAE,UAAWF,EAAG,sBAAuBD,GAAS,QAAQ,EAAI,SAAAD,CAAA,CAAS,CAAA,EACxE,EAEAI,EAAC,MAAA,CAAI,UAAWF,EAAG,0BAA2BD,GAAS,cAAc,EAClE,SAAAX,GAAS,IAAI,CAACe,EAAGC,IAChBF,EAAC,SAAA,CAEC,cAAe,IACbG,EAAS,CACP,MAAO,cACP,KAAM,mBACN,UAAW,oBAAA,CACZ,EAEH,UAAWL,EAAG,SAAUD,GAAS,SAAS,EAC1C,aAAc,IAAMH,EAAiBQ,EAAQ,CAAC,EAC9C,aAAc,IAAMZ,EAAA,EACpB,QAAS,IAAMG,EAAmBS,EAAQ,CAAC,EAE3C,SAAAF,EAACI,EAAA,CACC,KAAK,gBACL,UAAWN,EAAG,+CAAgDD,GAAS,WAAY,CACjF,yBAA0BK,GAASX,GAAkBC,EAAA,CACtD,CAAA,CAAA,CACH,EAlBKU,CAAA,CAoBR,CAAA,CACH,CAAA,EACF"}
+{"version":3,"file":"SelectRating.js","sources":["../../../../../lib/widgets/userFeedback/ui/SelectRating.tsx"],"sourcesContent":["import { pushToDL } from '../../../shared/dataLayers'\nimport type { UseRatingReturn } from '../model'\nimport { Icon } from '$/shared/ui'\nimport { cn } from '$/shared/utils'\n\nconst ratings = Array(5).fill(0)\nconst defaultTitle = 'Ваше мнение важно для нас!'\nconst defaultSubtitle = 'Пожалуйста, оцените работу сайта, чтобы мы сделали его еще удобнее'\n\nexport type SelectRatingClasses = {\n  wrapper?: string\n  textBlock?: string\n  title?: string\n  subtitle?: string\n  ratingsWrapper?: string\n  ratingBtn?: string\n  ratingIcon?: string\n}\n\nexport interface SelectRatingProps {\n  title?: string\n  subtitle?: string\n  classes?: SelectRatingClasses\n}\n\nexport const SelectRating = ({\n  handleMouseLeave,\n  hoveredRatings,\n  selectedRating,\n  handleSelectRating,\n  handleMouseEnter,\n  title = defaultTitle,\n  subtitle = defaultSubtitle,\n  classes\n}: SelectRatingProps & UseRatingReturn) => {\n  return (\n    <div className={cn('flex flex-col items-center gap-4', classes?.wrapper)}>\n      <div className={cn('flex flex-col gap-2 text-center', classes?.textBlock)}>\n        <p className={cn('desk-body-medium-l', classes?.title)}>{title}</p>\n        <p className={cn('desk-body-regular-l', classes?.subtitle)}>{subtitle}</p>\n      </div>\n\n      <div className={cn('flex items-center gap-2', classes?.ratingsWrapper)}>\n        {ratings?.map((_, index) => (\n          <button\n            key={index}\n            onPointerDown={() =>\n              pushToDL({\n                event: 'buttonClick',\n                name: 'Feedback',\n                placement: 'userFeedback',\n                eventCategory: 'click_block'\n                // eventAction: String(selectedRating) TODO: спросить у Рустема\n              })\n            }\n            className={cn('size-8', classes?.ratingBtn)}\n            onMouseEnter={() => handleMouseEnter(index + 1)}\n            onMouseLeave={() => handleMouseLeave()}\n            onClick={() => handleSelectRating(index + 1)}\n          >\n            <Icon\n              name='general/heart'\n              className={cn('fill-[#b0c0d2] transition-colors duration-12', classes?.ratingIcon, {\n                'fill-secondary-default': index < (hoveredRatings || selectedRating)\n              })}\n            />\n          </button>\n        ))}\n      </div>\n    </div>\n  )\n}\n"],"names":["ratings","defaultTitle","defaultSubtitle","SelectRating","handleMouseLeave","hoveredRatings","selectedRating","handleSelectRating","handleMouseEnter","title","subtitle","classes","cn","jsxs","jsx","_","index","pushToDL","Icon"],"mappings":"4NAKA,MAAMA,EAAU,MAAM,CAAC,EAAE,KAAK,CAAC,EACzBC,EAAe,6BACfC,EAAkB,qEAkBXC,EAAe,CAAC,CAC3B,iBAAAC,EACA,eAAAC,EACA,eAAAC,EACA,mBAAAC,EACA,iBAAAC,EACA,MAAAC,EAAQR,EACR,SAAAS,EAAWR,EACX,QAAAS,CACF,MAEK,MAAA,CAAI,UAAWC,EAAG,mCAAoCD,GAAS,OAAO,EACrE,SAAA,CAAAE,EAAC,OAAI,UAAWD,EAAG,kCAAmCD,GAAS,SAAS,EACtE,SAAA,CAAAG,EAAC,KAAE,UAAWF,EAAG,qBAAsBD,GAAS,KAAK,EAAI,SAAAF,EAAM,EAC/DK,EAAC,KAAE,UAAWF,EAAG,sBAAuBD,GAAS,QAAQ,EAAI,SAAAD,CAAA,CAAS,CAAA,EACxE,EAEAI,EAAC,MAAA,CAAI,UAAWF,EAAG,0BAA2BD,GAAS,cAAc,EAClE,SAAAX,GAAS,IAAI,CAACe,EAAGC,IAChBF,EAAC,SAAA,CAEC,cAAe,IACbG,EAAS,CACP,MAAO,cACP,KAAM,WACN,UAAW,eACX,cAAe,aAAA,CAEhB,EAEH,UAAWL,EAAG,SAAUD,GAAS,SAAS,EAC1C,aAAc,IAAMH,EAAiBQ,EAAQ,CAAC,EAC9C,aAAc,IAAMZ,EAAA,EACpB,QAAS,IAAMG,EAAmBS,EAAQ,CAAC,EAE3C,SAAAF,EAACI,EAAA,CACC,KAAK,gBACL,UAAWN,EAAG,+CAAgDD,GAAS,WAAY,CACjF,yBAA0BK,GAASX,GAAkBC,EAAA,CACtD,CAAA,CAAA,CACH,EApBKU,CAAA,CAsBR,CAAA,CACH,CAAA,EACF"}