@mx-cartographer/experiences 9.3.0-alpha.bb1 → 9.3.0-alpha.bb2

package/dist/microinsights/beaticons/ZeroStateIcon.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZeroStateIcon.es.js","names":[],"sources":["../../../src/microinsights/beaticons/ZeroStateIcon.tsx"],"sourcesContent":["export const ZeroStateIcon = () => (\n  <svg fill=\"none\" height=\"36\" viewBox=\"0 0 40 36\" width=\"40\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      clipRule=\"evenodd\"\n      d=\"M24.9618 32.6003H9.92084C9.60559 32.6003 9.34766 32.3424 9.34766 32.0271V18.3125C9.34766 17.9972 9.60559 17.7393 9.92084 17.7393H24.9618C25.2771 17.7393 25.535 17.9972 25.535 18.3125V32.0271C25.535 32.3424 25.2771 32.6003 24.9618 32.6003Z\"\n      fill=\"#CDD3DD\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      d=\"M25.535 18.3124V19.5952H9.34766V18.3124C9.34766 17.9974 9.6055 17.7393 9.92084 17.7393H24.9618C25.2771 17.7393 25.535 17.9974 25.535 18.3124Z\"\n      fill=\"#E8F6FF\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      d=\"M10.8689 18.7157C10.8689 18.96 10.6709 19.158 10.4266 19.158C10.1824 19.158 9.98438 18.96 9.98438 18.7157C9.98438 18.4714 10.1824 18.2734 10.4266 18.2734C10.6709 18.2734 10.8689 18.4714 10.8689 18.7157Z\"\n      fill=\"#C3E4FF\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      d=\"M12.2986 18.7157C12.2986 18.96 12.1006 19.158 11.8563 19.158C11.6121 19.158 11.4141 18.96 11.4141 18.7157C11.4141 18.4714 11.6121 18.2734 11.8563 18.2734C12.1006 18.2734 12.2986 18.4714 12.2986 18.7157Z\"\n      fill=\"#C3E4FF\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      d=\"M13.7263 18.7157C13.7263 18.96 13.5283 19.158 13.2841 19.158C13.0398 19.158 12.8418 18.96 12.8418 18.7157C12.8418 18.4714 13.0398 18.2734 13.2841 18.2734C13.5283 18.2734 13.7263 18.4714 13.7263 18.7157Z\"\n      fill=\"#C3E4FF\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      d=\"M26.7313 35.6692H11.6904C11.3751 35.6692 11.1172 35.4112 11.1172 35.096V21.3813C11.1172 21.0661 11.3751 20.8081 11.6904 20.8081H26.7313C27.0466 20.8081 27.3045 21.0661 27.3045 21.3813V35.096C27.3045 35.4112 27.0466 35.6692 26.7313 35.6692Z\"\n      fill=\"#E4E8EE\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      d=\"M27.3045 21.3813V22.6641H11.1172V21.3813C11.1172 21.0662 11.375 20.8081 11.6904 20.8081H26.7313C27.0467 20.8081 27.3045 21.0662 27.3045 21.3813Z\"\n      fill=\"#E8F6FF\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      d=\"M12.6404 21.7846C12.6404 22.0288 12.4424 22.2268 12.1981 22.2268C11.9539 22.2268 11.7559 22.0288 11.7559 21.7846C11.7559 21.5403 11.9539 21.3423 12.1981 21.3423C12.4424 21.3423 12.6404 21.5403 12.6404 21.7846Z\"\n      fill=\"#C3E4FF\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      d=\"M14.0701 21.7846C14.0701 22.0288 13.8721 22.2268 13.6278 22.2268C13.3836 22.2268 13.1855 22.0288 13.1855 21.7846C13.1855 21.5403 13.3836 21.3423 13.6278 21.3423C13.8721 21.3423 14.0701 21.5403 14.0701 21.7846Z\"\n      fill=\"#C3E4FF\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      d=\"M15.4959 21.7846C15.4959 22.0288 15.2979 22.2268 15.0536 22.2268C14.8094 22.2268 14.6113 22.0288 14.6113 21.7846C14.6113 21.5403 14.8094 21.3423 15.0536 21.3423C15.2979 21.3423 15.4959 21.5403 15.4959 21.7846Z\"\n      fill=\"#C3E4FF\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      d=\"M38.0145 25.175H22.9736C22.6584 25.175 22.4004 24.9171 22.4004 24.6018V10.8871C22.4004 10.5719 22.6584 10.314 22.9736 10.314H38.0145C38.3298 10.314 38.5878 10.5719 38.5878 10.8871V24.6018C38.5878 24.9171 38.3298 25.175 38.0145 25.175Z\"\n      fill=\"#EEF1F6\"\n      fillRule=\"evenodd\"\n    />\n    <mask height=\"3\" id=\"mask0_1565_98011\" maskUnits=\"userSpaceOnUse\" width=\"17\" x=\"22\" y=\"10\">\n      <path\n        clipRule=\"evenodd\"\n        d=\"M22.4004 10.3022H38.5878V12.1582H22.4004V10.3022Z\"\n        fill=\"white\"\n        fillRule=\"evenodd\"\n      />\n    </mask>\n    <g mask=\"url(#mask0_1565_98011)\">\n      <path\n        clipRule=\"evenodd\"\n        d=\"M38.5878 10.8754V12.1582H22.4004V10.8754C22.4004 10.5604 22.6582 10.3022 22.9736 10.3022H38.0146C38.3299 10.3022 38.5878 10.5604 38.5878 10.8754Z\"\n        fill=\"#CDD3DD\"\n        fillRule=\"evenodd\"\n      />\n    </g>\n    <path\n      clipRule=\"evenodd\"\n      d=\"M23.9099 11.2802C23.9099 11.5244 23.7119 11.7224 23.4677 11.7224C23.2234 11.7224 23.0254 11.5244 23.0254 11.2802C23.0254 11.0359 23.2234 10.8379 23.4677 10.8379C23.7119 10.8379 23.9099 11.0359 23.9099 11.2802Z\"\n      fill=\"#C3E4FF\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      d=\"M25.3377 11.2802C25.3377 11.5244 25.1397 11.7224 24.8954 11.7224C24.6511 11.7224 24.4531 11.5244 24.4531 11.2802C24.4531 11.0359 24.6511 10.8379 24.8954 10.8379C25.1397 10.8379 25.3377 11.0359 25.3377 11.2802Z\"\n      fill=\"#C3E4FF\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      d=\"M26.7654 11.2802C26.7654 11.5244 26.5674 11.7224 26.3231 11.7224C26.0789 11.7224 25.8809 11.5244 25.8809 11.2802C25.8809 11.0359 26.0789 10.8379 26.3231 10.8379C26.5674 10.8379 26.7654 11.0359 26.7654 11.2802Z\"\n      fill=\"#C3E4FF\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      d=\"M29.1719 27.6866H32.7022V27.0142H29.1719V27.6866Z\"\n      fill=\"#C3E4FF\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      d=\"M29.1719 28.6871H39.2264V28.3726H29.1719V28.6871Z\"\n      fill=\"#EEF1F6\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      d=\"M29.1719 30.5064H39.5626V30.1919H29.1719V30.5064Z\"\n      fill=\"#EEF1F6\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      d=\"M29.1719 31.4156H40.0029V31.1011H29.1719V31.4156Z\"\n      fill=\"#EEF1F6\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      d=\"M29.1719 32.3253H35.7521V32.0107H29.1719V32.3253Z\"\n      fill=\"#EEF1F6\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      d=\"M29.1719 29.5953H40.0029V29.2808H29.1719V29.5953Z\"\n      fill=\"#EEF1F6\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      d=\"M9.98438 11.9322H13.1338V11.2598H9.98438V11.9322Z\"\n      fill=\"#C3E4FF\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      d=\"M9.98438 12.9327H18.954V12.6182H9.98438V12.9327Z\"\n      fill=\"#D6EEFF\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      d=\"M9.98438 14.7506H19.254V14.436H9.98438V14.7506Z\"\n      fill=\"#D6EEFF\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      d=\"M9.98438 15.6602H16.8127V15.3457H9.98438V15.6602Z\"\n      fill=\"#D6EEFF\"\n      fillRule=\"evenodd\"\n    />\n    <path\n      clipRule=\"evenodd\"\n      d=\"M9.98438 13.8409H19.6468V13.5264H9.98438V13.8409Z\"\n      fill=\"#D6EEFF\"\n      fillRule=\"evenodd\"\n    />\n    <g filter=\"url(#filter0_d_1565_98011)\">\n      <mask height=\"22\" id=\"mask1_1565_98011\" maskUnits=\"userSpaceOnUse\" width=\"17\" x=\"16\" y=\"12\">\n        <path\n          clipRule=\"evenodd\"\n          d=\"M16.5098 12.2725H32.8412V33.707H16.5098V12.2725Z\"\n          fill=\"white\"\n          fillRule=\"evenodd\"\n        />\n      </mask>\n      <g mask=\"url(#mask1_1565_98011)\">\n        <path\n          clipRule=\"evenodd\"\n          d=\"M32.3427 33.707H17.0083C16.7341 33.707 16.5098 33.4827 16.5098 33.2086V12.7709C16.5098 12.4968 16.7341 12.2725 17.0083 12.2725H32.3427C32.6169 12.2725 32.8412 12.4968 32.8412 12.7709V33.2086C32.8412 33.4827 32.6169 33.707 32.3427 33.707Z\"\n          fill=\"white\"\n          fillRule=\"evenodd\"\n        />\n      </g>\n      <path\n        clipRule=\"evenodd\"\n        d=\"M20.875 21.5786H31.134V21.1816H20.875V21.5786Z\"\n        fill=\"#E4E8EE\"\n        fillRule=\"evenodd\"\n      />\n      <path\n        clipRule=\"evenodd\"\n        d=\"M20.875 22.4077H28.1023V22.0107H20.875V22.4077Z\"\n        fill=\"#E4E8EE\"\n        fillRule=\"evenodd\"\n      />\n      <path\n        clipRule=\"evenodd\"\n        d=\"M20.875 31.8461H27.8799V31.3003H20.875V31.8461Z\"\n        fill=\"#E4E8EE\"\n        fillRule=\"evenodd\"\n      />\n      <path\n        clipRule=\"evenodd\"\n        d=\"M18.7308 22.7869C18.1849 22.7869 17.7383 22.3404 17.7383 21.7946C17.7383 21.2488 18.1849 20.8022 18.7308 20.8022C19.2767 20.8022 19.7233 21.2488 19.7233 21.7946C19.7233 22.3404 19.2767 22.7869 18.7308 22.7869Z\"\n        fill=\"#E4E8EE\"\n        fillRule=\"evenodd\"\n        stroke=\"#E4E8EE\"\n        strokeWidth=\"0.176004\"\n      />\n      <path\n        clipRule=\"evenodd\"\n        d=\"M18.7308 29.3841C18.1849 29.3841 17.7383 28.9375 17.7383 28.3917C17.7383 27.8459 18.1849 27.3994 18.7308 27.3994C19.2767 27.3994 19.7233 27.8459 19.7233 28.3917C19.7233 28.9375 19.2767 29.3841 18.7308 29.3841Z\"\n        fill=\"#E4E8EE\"\n        fillRule=\"evenodd\"\n        stroke=\"#E4E8EE\"\n        strokeWidth=\"0.176004\"\n      />\n      <path\n        clipRule=\"evenodd\"\n        d=\"M18.7308 26.0862C18.1849 26.0862 17.7383 25.6397 17.7383 25.0939C17.7383 24.5481 18.1849 24.1016 18.7308 24.1016C19.2767 24.1016 19.7233 24.5481 19.7233 25.0939C19.7233 25.6397 19.2767 26.0862 18.7308 26.0862Z\"\n        fill=\"#E4E8EE\"\n        fillRule=\"evenodd\"\n        stroke=\"#E4E8EE\"\n        strokeWidth=\"0.176004\"\n      />\n      <path\n        clipRule=\"evenodd\"\n        d=\"M20.875 24.8764H31.134V24.4795H20.875V24.8764Z\"\n        fill=\"#E4E8EE\"\n        fillRule=\"evenodd\"\n      />\n      <path\n        clipRule=\"evenodd\"\n        d=\"M20.875 25.707H28.1023V25.3101H20.875V25.707Z\"\n        fill=\"#E4E8EE\"\n        fillRule=\"evenodd\"\n      />\n      <path\n        clipRule=\"evenodd\"\n        d=\"M20.875 28.1758H31.134V27.7788H20.875V28.1758Z\"\n        fill=\"#E4E8EE\"\n        fillRule=\"evenodd\"\n      />\n      <path\n        clipRule=\"evenodd\"\n        d=\"M20.875 29.0049H28.1023V28.6079H20.875V29.0049Z\"\n        fill=\"#E4E8EE\"\n        fillRule=\"evenodd\"\n      />\n      <path\n        clipRule=\"evenodd\"\n        d=\"M17.7383 18.0811L18.4668 18.657L19.758 17.1641\"\n        fill=\"#E4E8EE\"\n        fillRule=\"evenodd\"\n      />\n      <path\n        d=\"M17.7383 18.0811L18.4668 18.657L19.758 17.1641\"\n        stroke=\"#E4E8EE\"\n        strokeWidth=\"0.264005\"\n      />\n      <path\n        clipRule=\"evenodd\"\n        d=\"M17.7383 14.7823L18.4668 15.3582L19.758 13.8652\"\n        fill=\"#E4E8EE\"\n        fillRule=\"evenodd\"\n      />\n      <path\n        d=\"M17.7383 14.7823L18.4668 15.3582L19.758 13.8652\"\n        stroke=\"#E4E8EE\"\n        strokeWidth=\"0.264005\"\n      />\n      <path\n        clipRule=\"evenodd\"\n        d=\"M20.875 14.3389H31.134V13.8369H20.875V14.3389Z\"\n        fill=\"#E4E8EE\"\n        fillRule=\"evenodd\"\n      />\n      <path\n        clipRule=\"evenodd\"\n        d=\"M20.875 15.3878H28.1023V14.8857H20.875V15.3878Z\"\n        fill=\"#E4E8EE\"\n        fillRule=\"evenodd\"\n      />\n      <path\n        clipRule=\"evenodd\"\n        d=\"M20.4648 14.0869H31.545H20.4648Z\"\n        fill=\"#E4E8EE\"\n        fillRule=\"evenodd\"\n      />\n      <path d=\"M20.4648 14.0869H31.545\" stroke=\"#E4E8EE\" strokeWidth=\"0.0880018\" />\n      <path\n        clipRule=\"evenodd\"\n        d=\"M20.4648 15.1372H28.4939H20.4648Z\"\n        fill=\"#E4E8EE\"\n        fillRule=\"evenodd\"\n      />\n      <path d=\"M20.4648 15.1372H28.4939\" stroke=\"#E4E8EE\" strokeWidth=\"0.0880018\" />\n      <path\n        clipRule=\"evenodd\"\n        d=\"M20.875 17.6368H31.134V17.1348H20.875V17.6368Z\"\n        fill=\"#E4E8EE\"\n        fillRule=\"evenodd\"\n      />\n      <path\n        clipRule=\"evenodd\"\n        d=\"M20.875 18.6861H28.1023V18.1841H20.875V18.6861Z\"\n        fill=\"#E4E8EE\"\n        fillRule=\"evenodd\"\n      />\n      <path\n        clipRule=\"evenodd\"\n        d=\"M20.4648 17.3858H31.545H20.4648Z\"\n        fill=\"#E4E8EE\"\n        fillRule=\"evenodd\"\n      />\n      <path d=\"M20.4648 17.3858H31.545\" stroke=\"#E4E8EE\" strokeWidth=\"0.0880018\" />\n      <path\n        clipRule=\"evenodd\"\n        d=\"M20.4648 18.4356H28.4939H20.4648Z\"\n        fill=\"#E4E8EE\"\n        fillRule=\"evenodd\"\n      />\n      <path d=\"M20.4648 18.4356H28.4939\" stroke=\"#E4E8EE\" strokeWidth=\"0.0880018\" />\n      <path\n        clipRule=\"evenodd\"\n        d=\"M18.2832 19.8984H31.0117H18.2832Z\"\n        fill=\"#E4E8EE\"\n        fillRule=\"evenodd\"\n      />\n      <path d=\"M18.2832 19.8984H31.0117\" stroke=\"#E4E8EE\" strokeWidth=\"0.0880018\" />\n      <path\n        clipRule=\"evenodd\"\n        d=\"M18.7295 30.8101V32.3377V30.8101Z\"\n        fill=\"#E4E8EE\"\n        fillRule=\"evenodd\"\n      />\n      <path d=\"M18.7295 30.8101V32.3377\" stroke=\"#E4E8EE\" strokeWidth=\"0.264005\" />\n      <path\n        clipRule=\"evenodd\"\n        d=\"M17.9668 31.5737H19.4947H17.9668Z\"\n        fill=\"#E4E8EE\"\n        fillRule=\"evenodd\"\n      />\n      <path d=\"M17.9668 31.5737H19.4947\" stroke=\"#E4E8EE\" strokeWidth=\"0.264005\" />\n    </g>\n    <g filter=\"url(#filter1_d_1565_98011)\">\n      <circle cx=\"15.0441\" cy=\"16.0441\" fill=\"#CDD3DD\" r=\"15.0441\" />\n      <mask height=\"30\" id=\"mask2_1565_98011\" maskUnits=\"userSpaceOnUse\" width=\"30\" x=\"0\" y=\"1\">\n        <circle cx=\"15.0435\" cy=\"16.0445\" fill=\"#F8F9FB\" r=\"14.3951\" />\n      </mask>\n      <g mask=\"url(#mask2_1565_98011)\">\n        <rect fill=\"white\" height=\"31.1359\" transform=\"translate(0 0.162598)\" width=\"31.0101\" />\n        <rect fill=\"#A8B1BD\" height=\"3.0172\" rx=\"0.167622\" width=\"3.0172\" x=\"3.26953\" y=\"4.52002\" />\n        <rect fill=\"#A8B1BD\" height=\"3.0172\" rx=\"0.167622\" width=\"3.0172\" x=\"3.26953\" y=\"17.1758\" />\n        <rect fill=\"#A8B1BD\" height=\"3.0172\" rx=\"0.167622\" width=\"3.0172\" x=\"3.26953\" y=\"26.0186\" />\n        <rect fill=\"#A8B1BD\" height=\"3.0172\" rx=\"0.167622\" width=\"3.0172\" x=\"3.26953\" y=\"9.04541\" />\n        <rect\n          fill=\"#CDD3DD\"\n          height=\"1.17336\"\n          rx=\"0.167622\"\n          width=\"10.9793\"\n          x=\"6.87305\"\n          y=\"4.52002\"\n        />\n        <rect\n          fill=\"#CDD3DD\"\n          height=\"1.17336\"\n          rx=\"0.167622\"\n          width=\"10.9793\"\n          x=\"6.87305\"\n          y=\"17.1758\"\n        />\n        <rect\n          fill=\"#CDD3DD\"\n          height=\"1.17336\"\n          rx=\"0.167622\"\n          width=\"10.9793\"\n          x=\"6.87305\"\n          y=\"26.0186\"\n        />\n        <rect\n          fill=\"#CDD3DD\"\n          height=\"1.17336\"\n          rx=\"0.167622\"\n          width=\"10.9793\"\n          x=\"6.87305\"\n          y=\"9.04541\"\n        />\n        <rect\n          fill=\"#EEF1F6\"\n          height=\"0.880018\"\n          rx=\"0.167622\"\n          width=\"10.9793\"\n          x=\"3.26953\"\n          y=\"2.34131\"\n        />\n        <rect\n          fill=\"#EEF1F6\"\n          height=\"0.880018\"\n          rx=\"0.167622\"\n          width=\"10.9793\"\n          x=\"3.26953\"\n          y=\"14.9971\"\n        />\n        <rect\n          fill=\"#EEF1F6\"\n          height=\"0.880018\"\n          rx=\"0.167622\"\n          width=\"10.9793\"\n          x=\"3.26953\"\n          y=\"23.8389\"\n        />\n        <rect\n          fill=\"#EEF1F6\"\n          height=\"1.17336\"\n          rx=\"0.167622\"\n          width=\"8.50684\"\n          x=\"6.87305\"\n          y=\"6.36377\"\n        />\n        <rect\n          fill=\"#EEF1F6\"\n          height=\"1.17336\"\n          rx=\"0.167622\"\n          width=\"8.50684\"\n          x=\"6.87305\"\n          y=\"19.0195\"\n        />\n        <rect\n          fill=\"#EEF1F6\"\n          height=\"1.17336\"\n          rx=\"0.167622\"\n          width=\"8.50684\"\n          x=\"6.87305\"\n          y=\"27.8613\"\n        />\n        <rect\n          fill=\"#EEF1F6\"\n          height=\"1.17336\"\n          rx=\"0.167622\"\n          width=\"8.50684\"\n          x=\"6.87305\"\n          y=\"10.8892\"\n        />\n        <rect\n          fill=\"#A8B1BD\"\n          height=\"1.17336\"\n          rx=\"0.167622\"\n          width=\"5.15439\"\n          x=\"21.666\"\n          y=\"5.44238\"\n        />\n        <rect\n          fill=\"#A8B1BD\"\n          height=\"1.17336\"\n          rx=\"0.167622\"\n          width=\"5.15439\"\n          x=\"21.666\"\n          y=\"18.0972\"\n        />\n        <rect\n          fill=\"#A8B1BD\"\n          height=\"1.17336\"\n          rx=\"0.167622\"\n          width=\"5.15439\"\n          x=\"21.666\"\n          y=\"26.9399\"\n        />\n        <rect\n          fill=\"#A8B1BD\"\n          height=\"1.17336\"\n          rx=\"0.167622\"\n          width=\"5.15439\"\n          x=\"21.666\"\n          y=\"9.96826\"\n        />\n        <path d=\"M2.64062 8.25H27.4487\" stroke=\"#E4E8EE\" strokeWidth=\"0.0838112\" />\n        <path d=\"M2.64062 20.9058H27.4487\" stroke=\"#E4E8EE\" strokeWidth=\"0.0838112\" />\n        <path d=\"M2.64062 29.7476H27.4487\" stroke=\"#E4E8EE\" strokeWidth=\"0.0838112\" />\n        <path d=\"M2.64062 12.7759H27.4487\" stroke=\"#E4E8EE\" strokeWidth=\"0.0838112\" />\n        <path d=\"M2.64062 3.72412H27.4487\" stroke=\"#E4E8EE\" strokeWidth=\"0.0838112\" />\n        <path d=\"M2.64062 16.3799H27.4487\" stroke=\"#E4E8EE\" strokeWidth=\"0.0838112\" />\n        <path d=\"M2.64062 25.2217H27.4487\" stroke=\"#E4E8EE\" strokeWidth=\"0.0838112\" />\n        <path d=\"M2.64062 8.25H27.4487\" stroke=\"#E4E8EE\" strokeWidth=\"0.0838112\" />\n        <path d=\"M2.64062 20.9058H27.4487\" stroke=\"#E4E8EE\" strokeWidth=\"0.0838112\" />\n        <path d=\"M2.64062 29.7476H27.4487\" stroke=\"#E4E8EE\" strokeWidth=\"0.0838112\" />\n      </g>\n    </g>\n    <path\n      d=\"M24.1888 27.3166L24.4326 27.0728L25.6395 27.8404L32.2915 34.4924C32.4911 34.6919 32.4911 35.0154 32.2915 35.215C32.092 35.4145 31.7685 35.4145 31.569 35.215L24.9487 28.5947L24.1888 27.3166Z\"\n      fill=\"#CDD3DD\"\n    />\n    <defs>\n      <filter\n        colorInterpolationFilters=\"sRGB\"\n        filterUnits=\"userSpaceOnUse\"\n        height=\"22.1051\"\n        id=\"filter0_d_1565_98011\"\n        width=\"17.0025\"\n        x=\"16.1745\"\n        y=\"12.0629\"\n      >\n        <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n        <feColorMatrix\n          in=\"SourceAlpha\"\n          result=\"hardAlpha\"\n          type=\"matrix\"\n          values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n        />\n        <feOffset dy=\"0.125717\" />\n        <feGaussianBlur stdDeviation=\"0.167622\" />\n        <feColorMatrix\n          type=\"matrix\"\n          values=\"0 0 0 0 0.341176 0 0 0 0 0.4 0 0 0 0 0.458824 0 0 0 0.15 0\"\n        />\n        <feBlend in2=\"BackgroundImageFix\" mode=\"normal\" result=\"effect1_dropShadow_1565_98011\" />\n        <feBlend\n          in=\"SourceGraphic\"\n          in2=\"effect1_dropShadow_1565_98011\"\n          mode=\"normal\"\n          result=\"shape\"\n        />\n      </filter>\n      <filter\n        colorInterpolationFilters=\"sRGB\"\n        filterUnits=\"userSpaceOnUse\"\n        height=\"31.7646\"\n        id=\"filter1_d_1565_98011\"\n        width=\"31.7641\"\n        x=\"-0.838112\"\n        y=\"0.580944\"\n      >\n        <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n        <feColorMatrix\n          in=\"SourceAlpha\"\n          result=\"hardAlpha\"\n          type=\"matrix\"\n          values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\"\n        />\n        <feOffset dy=\"0.419056\" />\n        <feGaussianBlur stdDeviation=\"0.419056\" />\n        <feColorMatrix\n          type=\"matrix\"\n          values=\"0 0 0 0 0.341176 0 0 0 0 0.4 0 0 0 0 0.458824 0 0 0 0.16 0\"\n        />\n        <feBlend in2=\"BackgroundImageFix\" mode=\"normal\" result=\"effect1_dropShadow_1565_98011\" />\n        <feBlend\n          in=\"SourceGraphic\"\n          in2=\"effect1_dropShadow_1565_98011\"\n          mode=\"normal\"\n          result=\"shape\"\n        />\n      </filter>\n    </defs>\n  </svg>\n)\n"],"mappings":"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"}

package/dist/microinsights/cards/InsightCard.es.js

@@ -0,0 +1,71 @@
+import { ON_CLICK_EVENT as C, ON_VIEW_EVENT as O, ON_VIEW_FIRST_TIME_EVENT as T } from "../constants/Analytics.es.js";
+import { BeatIcon as V } from "../beaticons/BeatIcon.es.js";
+import { useCopyStore as N, useEvent as k, useInsightsMicroWidgetStore as v } from "../context/hooks.es.js";
+import M from "../MicroCardTemplate.es.js";
+import { useEffect as p } from "react";
+import { jsx as _ } from "react/jsx-runtime";
+import { useInView as w } from "react-intersection-observer";
+var K = ({ ariaLabel: s, beat: i, elevation: l, index: m, isActiveCard: a, onCardClick: o, posthog: t, widthOverrides: d, variant: g, showIcon: f, heightOverrides: u }) => {
+  const { ref: h, inView: r } = w({ threshold: 1 }), { cardsCopy: E } = N(), { onEvent: n } = k(), { updateBeat: I, updateOffer: y } = v();
+  p(() => {
+    r && (i.has_been_displayed ? n(O(i.template)) : (i.guid.startsWith("OFR") ? y({
+      ...i,
+      has_been_displayed: !0
+    }) : I({
+      ...i,
+      has_been_displayed: !0
+    }), n(T(i.template))));
+  }, [r]), p(() => {
+    if (r && i) if (i.template === "MarketingOffer") {
+      const e = i;
+      t?.capture("viewed_messaging_insight", {
+        template: i.template,
+        campaign_guid: e.campaign_guid,
+        campaign_name: e.pulse_campaign_name
+      });
+    } else t?.capture("viewed_insight", {
+      beat_guid: i.guid,
+      template: i.template,
+      position: m
+    });
+  }, [
+    i,
+    m,
+    r
+  ]);
+  const c = () => {
+    if (o && o(i), n(C(i.template)), i.template === "MarketingOffer") {
+      const e = i;
+      t?.capture("clicked_messaging_insight", {
+        template: i.template,
+        campaign_guid: e.campaign_guid,
+        campaign_name: e.pulse_campaign_name
+      });
+    } else t?.capture("clicked_insight", {
+      beat_guid: i.guid,
+      template: i.template,
+      position: m
+    });
+  };
+  return /* @__PURE__ */ _(M, {
+    "aria-roledescription": "slide",
+    ariaLabel: s,
+    description: i?.html_micro_description && i?.html_micro_description.length > 0 ? i.html_micro_description : i.html_description || "",
+    elevation: l,
+    heightOverrides: u,
+    icon: f && /* @__PURE__ */ _(V, { beat: i }),
+    isActiveCard: a,
+    onCardClick: c,
+    onPrimaryAction: c,
+    primaryActionText: i.micro_call_to_action || E?.micro_card_cta,
+    ref: h,
+    title: i.micro_title && i.micro_title.length > 0 ? i.micro_title : i.title,
+    variant: g,
+    widthOverrides: d
+  });
+};
+export {
+  K as InsightCard
+};
+
+//# sourceMappingURL=InsightCard.es.js.map

package/dist/microinsights/cards/InsightCard.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsightCard.es.js","names":[],"sources":["../../../src/microinsights/cards/InsightCard.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\nimport { useInView } from 'react-intersection-observer'\n\nimport { BeatIcon } from '../beaticons'\n\nimport { useCopyStore, useEvent, useInsightsMicroWidgetStore } from '../context/hooks'\n\nimport { ON_CLICK_EVENT, ON_VIEW_EVENT, ON_VIEW_FIRST_TIME_EVENT } from '../constants/Analytics'\nimport { VIEW_THRESHOLD } from '../constants/App'\n\nimport type { BeatLikeOffer, MicroInsightCardProps } from '../interfaces'\nimport type { Beat } from '../../core/types/Beat'\nimport MicroCardTemplate from '../MicroCardTemplate'\n\nexport interface InsightCardProps extends MicroInsightCardProps {\n  beat: Beat | BeatLikeOffer\n  index?: number\n}\n\nexport const InsightCard: React.FC<InsightCardProps> = ({\n  ariaLabel,\n  beat,\n  elevation,\n  index,\n  isActiveCard,\n  onCardClick,\n  posthog,\n  widthOverrides,\n  variant,\n  showIcon,\n  heightOverrides,\n}) => {\n  const { ref, inView } = useInView({\n    threshold: VIEW_THRESHOLD,\n  })\n\n  // *************** Context functions *********************\n  const { cardsCopy } = useCopyStore()\n  const { onEvent } = useEvent()\n  const { updateBeat, updateOffer } = useInsightsMicroWidgetStore()\n\n  // ************** Use Effects Hooks **********************\n  useEffect(() => {\n    if (inView) {\n      if (!beat.has_been_displayed) {\n        if (beat.guid.startsWith('OFR')) {\n          updateOffer({\n            ...beat,\n            has_been_displayed: true,\n          })\n        } else {\n          updateBeat({\n            ...beat,\n            has_been_displayed: true,\n          })\n        }\n        onEvent(ON_VIEW_FIRST_TIME_EVENT(beat.template))\n      } else {\n        onEvent(ON_VIEW_EVENT(beat.template))\n      }\n    }\n  }, [inView])\n\n  useEffect(() => {\n    if (inView && beat) {\n      if (beat.template === 'MarketingOffer') {\n        const offerBeat = beat as BeatLikeOffer\n        posthog?.capture('viewed_messaging_insight', {\n          template: beat.template,\n          campaign_guid: offerBeat.campaign_guid,\n          campaign_name: offerBeat.pulse_campaign_name,\n        })\n      } else {\n        posthog?.capture('viewed_insight', {\n          beat_guid: beat.guid,\n          template: beat.template,\n          position: index,\n        })\n      }\n    }\n  }, [beat, index, inView])\n\n  // *************** Click handlers ************************\n  const handleClick = () => {\n    /* eslint-disable no-unused-expressions */\n    onCardClick && onCardClick(beat)\n    onEvent(ON_CLICK_EVENT(beat.template))\n\n    if (beat.template === 'MarketingOffer') {\n      const offerBeat = beat as BeatLikeOffer\n      posthog?.capture('clicked_messaging_insight', {\n        template: beat.template,\n        campaign_guid: offerBeat.campaign_guid,\n        campaign_name: offerBeat.pulse_campaign_name,\n      })\n    } else {\n      posthog?.capture('clicked_insight', {\n        beat_guid: beat.guid,\n        template: beat.template,\n        position: index,\n      })\n    }\n  }\n\n  return (\n    <MicroCardTemplate\n      aria-roledescription=\"slide\"\n      ariaLabel={ariaLabel}\n      description={\n        beat?.html_micro_description && beat?.html_micro_description.length > 0\n          ? beat.html_micro_description\n          : beat.html_description || ''\n      }\n      elevation={elevation}\n      heightOverrides={heightOverrides}\n      icon={showIcon && <BeatIcon beat={beat} />}\n      isActiveCard={isActiveCard}\n      onCardClick={handleClick}\n      onPrimaryAction={handleClick}\n      primaryActionText={beat.micro_call_to_action || cardsCopy?.micro_card_cta}\n      ref={ref}\n      title={beat.micro_title && beat.micro_title.length > 0 ? beat.micro_title : beat.title}\n      variant={variant}\n      widthOverrides={widthOverrides}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAmBA,IAAa,IAAA,CAA2C,EACtD,WAAA,GACA,MAAA,GACA,WAAA,GACA,OAAA,GACA,cAAA,GACA,aAAA,GACA,SAAA,GACA,gBAAA,GACA,SAAA,GACA,UAAA,GACA,iBAAA,EAAA,MACI;AACJ,QAAM,EAAE,KAAA,GAAK,QAAA,EAAA,IAAW,EAAU,EAChC,WAAA,EACF,CAAC,GAGK,EAAE,WAAA,EAAA,IAAc,EAAa,GAC7B,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,YAAA,GAAY,aAAA,EAAA,IAAgB,EAA4B;AAGhE,EAAA,EAAA,MAAgB;AACd,IAAI,MACG,EAAK,qBAcR,EAAQ,EAAc,EAAK,QAAQ,CAAC,KAbhC,EAAK,KAAK,WAAW,KAAK,IAC5B,EAAY;AAAA,MACV,GAAG;AAAA,MACH,oBAAoB;AAAA,IACtB,CAAC,IAED,EAAW;AAAA,MACT,GAAG;AAAA,MACH,oBAAoB;AAAA,IACtB,CAAC,GAEH,EAAQ,EAAyB,EAAK,QAAQ,CAAC;AAAA,EAKrD,GAAG,CAAC,CAAM,CAAC,GAEX,EAAA,MAAgB;AACd,QAAI,KAAU,EACZ,KAAI,EAAK,aAAa,kBAAkB;AACtC,YAAM,IAAY;AAClB,MAAA,GAAS,QAAQ,4BAA4B;AAAA,QAC3C,UAAU,EAAK;AAAA,QACf,eAAe,EAAU;AAAA,QACzB,eAAe,EAAU;AAAA,MAC3B,CAAC;AAAA,IACH,MACE,CAAA,GAAS,QAAQ,kBAAkB;AAAA,MACjC,WAAW,EAAK;AAAA,MAChB,UAAU,EAAK;AAAA,MACf,UAAU;AAAA,IACZ,CAAC;AAAA,EAGP,GAAG;AAAA,IAAC;AAAA,IAAM;AAAA,IAAO;AAAA,EAAM,CAAC;AAGxB,QAAM,IAAA,MAAoB;AAKxB,QAHA,KAAe,EAAY,CAAI,GAC/B,EAAQ,EAAe,EAAK,QAAQ,CAAC,GAEjC,EAAK,aAAa,kBAAkB;AACtC,YAAM,IAAY;AAClB,MAAA,GAAS,QAAQ,6BAA6B;AAAA,QAC5C,UAAU,EAAK;AAAA,QACf,eAAe,EAAU;AAAA,QACzB,eAAe,EAAU;AAAA,MAC3B,CAAC;AAAA,IACH,MACE,CAAA,GAAS,QAAQ,mBAAmB;AAAA,MAClC,WAAW,EAAK;AAAA,MAChB,UAAU,EAAK;AAAA,MACf,UAAU;AAAA,IACZ,CAAC;AAAA,EAEL;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,wBAAqB;AAAA,IACV,WAAA;AAAA,IACX,aACE,GAAM,0BAA0B,GAAM,uBAAuB,SAAS,IAClE,EAAK,yBACL,EAAK,oBAAoB;AAAA,IAEpB,WAAA;AAAA,IACM,iBAAA;AAAA,IACjB,MAAM,KAAY,gBAAA,EAAC,GAAD,EAAgB,MAAA,EAAO,CAAA;AAAA,IAC3B,cAAA;AAAA,IACd,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,mBAAmB,EAAK,wBAAwB,GAAW;AAAA,IACtD,KAAA;AAAA,IACL,OAAO,EAAK,eAAe,EAAK,YAAY,SAAS,IAAI,EAAK,cAAc,EAAK;AAAA,IACxE,SAAA;AAAA,IACO,gBAAA;AAAA,EACjB,CAAA;AAEL"}

package/dist/microinsights/cards/NoRelevantInsightsCard.es.js

@@ -0,0 +1,38 @@
+import { ANALYTICS_CLICK_EVENTS as C, ANALYTICS_PAGE_NAMES as E } from "../constants/Analytics.es.js";
+import d from "../beaticons/BeatMaterialIcon.es.js";
+import { useCopyStore as f, useEvent as I, usePageview as N } from "../context/hooks.es.js";
+import v from "../MicroCardTemplate.es.js";
+import h from "react";
+import { observer as A } from "mobx-react-lite";
+import { jsx as o } from "react/jsx-runtime";
+import { alpha as T, useTheme as g } from "@mui/material/styles";
+var u = ({ ariaLabel: i, elevation: a, heightOverrides: n, onCardClick: e, posthog: s, showIcon: _, variant: m }) => {
+  const { cardsCopy: t } = f(), c = g(), { onEvent: l } = I(), { onPageview: p } = N();
+  h.useEffect(() => {
+    p(E.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS);
+  }, []);
+  const r = () => {
+    e && e(), l(C.ON_NO_RELEVANT_INSIGHTS_CLICKED), s?.capture("clicked_insight", { template: "no_relevant_insights" });
+  };
+  return /* @__PURE__ */ o(v, {
+    ariaLabel: i,
+    description: t.no_relevant_insights_card_description,
+    elevation: a,
+    heightOverrides: n,
+    icon: _ && /* @__PURE__ */ o(d, {
+      bgColor: T(c.palette.primary.main, 0.15),
+      name: "lightbulb"
+    }),
+    onCardClick: r,
+    onPrimaryAction: r,
+    primaryActionText: t.micro_card_cta,
+    title: t.no_relevant_insights_card_title,
+    variant: m
+  });
+}, P = A(u);
+export {
+  u as NoRelevantInsightsCard,
+  P as default
+};
+
+//# sourceMappingURL=NoRelevantInsightsCard.es.js.map

package/dist/microinsights/cards/NoRelevantInsightsCard.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoRelevantInsightsCard.es.js","names":[],"sources":["../../../src/microinsights/cards/NoRelevantInsightsCard.tsx"],"sourcesContent":["import React from 'react'\n\nimport { observer } from 'mobx-react-lite'\n\nimport { alpha, useTheme } from '@mui/material/styles'\n\nimport { useCopyStore, useEvent, usePageview } from '../context/hooks'\n\nimport { ANALYTICS_CLICK_EVENTS, ANALYTICS_PAGE_NAMES } from '../constants/Analytics'\n\nimport type { MicroInsightCardProps } from '../interfaces'\nimport MicroCardTemplate from '../MicroCardTemplate'\nimport { BeatMaterialIcon } from '../beaticons'\n\nexport const NoRelevantInsightsCard: React.FC<MicroInsightCardProps> = ({\n  ariaLabel,\n  elevation,\n  heightOverrides,\n  onCardClick,\n  posthog,\n  showIcon,\n  variant,\n}) => {\n  // *************** Context functions *********************git\n  const { cardsCopy } = useCopyStore()\n  const theme = useTheme()\n  const { onEvent } = useEvent()\n  const { onPageview } = usePageview()\n\n  // ************** Use Effects Hooks **********************\n  React.useEffect(() => {\n    onPageview(ANALYTICS_PAGE_NAMES.MICRO_WIDGET_CAROUSEL_NO_RELEVANT_INSIGHTS)\n  }, [])\n\n  // *************** Click handlers ************************\n  const handleClick = () => {\n    if (onCardClick) onCardClick()\n    onEvent(ANALYTICS_CLICK_EVENTS.ON_NO_RELEVANT_INSIGHTS_CLICKED)\n\n    posthog?.capture('clicked_insight', {\n      template: 'no_relevant_insights',\n    })\n  }\n\n  return (\n    <MicroCardTemplate\n      ariaLabel={ariaLabel}\n      description={cardsCopy.no_relevant_insights_card_description}\n      elevation={elevation}\n      heightOverrides={heightOverrides}\n      icon={\n        showIcon && (\n          <BeatMaterialIcon bgColor={alpha(theme.palette.primary.main, 0.15)} name=\"lightbulb\" />\n        )\n      }\n      onCardClick={handleClick}\n      onPrimaryAction={handleClick}\n      primaryActionText={cardsCopy.micro_card_cta}\n      title={cardsCopy.no_relevant_insights_card_title}\n      variant={variant}\n    />\n  )\n}\n\nexport default observer(NoRelevantInsightsCard)\n"],"mappings":";;;;;;;;AAcA,IAAa,IAAA,CAA2D,EACtE,WAAA,GACA,WAAA,GACA,iBAAA,GACA,aAAA,GACA,SAAA,GACA,UAAA,GACA,SAAA,EAAA,MACI;AAEJ,QAAM,EAAE,WAAA,EAAA,IAAc,EAAa,GAC7B,IAAQ,EAAS,GACjB,EAAE,SAAA,EAAA,IAAY,EAAS,GACvB,EAAE,YAAA,EAAA,IAAe,EAAY;AAGnC,EAAA,EAAM,UAAA,MAAgB;AACpB,IAAA,EAAW,EAAqB,0CAA0C;AAAA,EAC5E,GAAG,CAAC,CAAC;AAGL,QAAM,IAAA,MAAoB;AACxB,IAAI,KAAa,EAAY,GAC7B,EAAQ,EAAuB,+BAA+B,GAE9D,GAAS,QAAQ,mBAAmB,EAClC,UAAU,uBACZ,CAAC;AAAA,EACH;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACa,WAAA;AAAA,IACX,aAAa,EAAU;AAAA,IACZ,WAAA;AAAA,IACM,iBAAA;AAAA,IACjB,MACE,KACE,gBAAA,EAAC,GAAD;AAAA,MAAkB,SAAS,EAAM,EAAM,QAAQ,QAAQ,MAAM,IAAI;AAAA,MAAG,MAAK;AAAA,IAAa,CAAA;AAAA,IAG1F,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,mBAAmB,EAAU;AAAA,IAC7B,OAAO,EAAU;AAAA,IACR,SAAA;AAAA,EACV,CAAA;AAEL,GAEA,IAAe,EAAS,CAAsB"}

package/dist/microinsights/cards/ViewMoreMicroCard.es.js

@@ -0,0 +1,43 @@
+import { ANALYTICS_CLICK_EVENTS as C, ANALYTICS_VIEW_EVENTS as u } from "../constants/Analytics.es.js";
+import v from "../beaticons/BeatMaterialIcon.es.js";
+import { useCopyStore as w, useEvent as I } from "../context/hooks.es.js";
+import V from "../MicroCardTemplate.es.js";
+import { useEffect as h } from "react";
+import { observer as M } from "mobx-react-lite";
+import { jsx as m } from "react/jsx-runtime";
+import { alpha as T, useTheme as A } from "@mui/material/styles";
+import { useInView as N } from "react-intersection-observer";
+var y = ({ ariaLabel: c, elevation: _, heightOverrides: n, isActiveCard: p, onCardClick: e, posthog: o, widthOverrides: s, showIcon: d, variant: l }) => {
+  const f = A(), { ref: E, inView: i } = N({ threshold: 1 }), { cardsCopy: r } = w(), { onEvent: t } = I();
+  h(() => {
+    i && (t(u.ON_VIEW_MORE_VIEWED), o?.capture("viewed_insight", { template: "view_more_card" }));
+  }, [i]);
+  const a = () => {
+    e && e(), t(C.ON_VIEW_MORE_CLICKED), o?.capture("clicked_insight", { template: "view_more_card" });
+  };
+  return /* @__PURE__ */ m(V, {
+    "aria-roledescription": "slide",
+    ariaLabel: c,
+    description: r?.view_more_card_description,
+    elevation: _,
+    heightOverrides: n,
+    icon: d && /* @__PURE__ */ m(v, {
+      bgColor: T(f.palette.primary.main, 0.15),
+      name: "show_chart"
+    }),
+    isActiveCard: p,
+    onCardClick: a,
+    onPrimaryAction: a,
+    primaryActionText: r?.micro_card_cta,
+    ref: E,
+    title: r?.view_more_card_title,
+    variant: l,
+    widthOverrides: s
+  });
+}, K = M(y);
+export {
+  y as ViewMoreMicroCard,
+  K as default
+};
+
+//# sourceMappingURL=ViewMoreMicroCard.es.js.map

package/dist/microinsights/cards/ViewMoreMicroCard.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewMoreMicroCard.es.js","names":[],"sources":["../../../src/microinsights/cards/ViewMoreMicroCard.tsx"],"sourcesContent":["import React, { useEffect } from 'react'\n\nimport { useInView } from 'react-intersection-observer'\n\nimport { observer } from 'mobx-react-lite'\n\nimport type { MicroInsightCardProps } from '../interfaces'\nimport { useCopyStore, useEvent } from '../context/hooks'\n\nimport { ANALYTICS_CLICK_EVENTS, ANALYTICS_VIEW_EVENTS } from '../constants/Analytics'\nimport { VIEW_THRESHOLD } from '../constants/App'\nimport MicroCardTemplate from '../MicroCardTemplate'\nimport { BeatMaterialIcon } from '../beaticons'\n\nimport { alpha, useTheme } from '@mui/material/styles'\n\nexport const ViewMoreMicroCard: React.FC<MicroInsightCardProps> = ({\n  ariaLabel,\n  elevation,\n  heightOverrides,\n  isActiveCard,\n  onCardClick,\n  posthog,\n  widthOverrides,\n  showIcon,\n  variant,\n}) => {\n  const theme = useTheme()\n  const { ref, inView } = useInView({\n    threshold: VIEW_THRESHOLD,\n  })\n\n  // *************** Context functions *********************\n  const { cardsCopy } = useCopyStore()\n  const { onEvent } = useEvent()\n\n  // ************** Use Effects Hooks **********************\n  useEffect(() => {\n    if (inView) {\n      onEvent(ANALYTICS_VIEW_EVENTS.ON_VIEW_MORE_VIEWED)\n      posthog?.capture('viewed_insight', {\n        template: 'view_more_card',\n      })\n    }\n  }, [inView])\n\n  // *************** Click handlers ************************\n  const handleClick = () => {\n    if (onCardClick) onCardClick()\n    onEvent(ANALYTICS_CLICK_EVENTS.ON_VIEW_MORE_CLICKED)\n    posthog?.capture('clicked_insight', {\n      template: 'view_more_card',\n    })\n  }\n\n  return (\n    <MicroCardTemplate\n      aria-roledescription=\"slide\"\n      ariaLabel={ariaLabel}\n      description={cardsCopy?.view_more_card_description}\n      elevation={elevation}\n      heightOverrides={heightOverrides}\n      icon={\n        showIcon && (\n          <BeatMaterialIcon bgColor={alpha(theme.palette.primary.main, 0.15)} name=\"show_chart\" />\n        )\n      }\n      isActiveCard={isActiveCard}\n      onCardClick={handleClick}\n      onPrimaryAction={handleClick}\n      primaryActionText={cardsCopy?.micro_card_cta}\n      ref={ref}\n      title={cardsCopy?.view_more_card_title}\n      variant={variant}\n      widthOverrides={widthOverrides}\n    />\n  )\n}\n\nexport default observer(ViewMoreMicroCard)\n"],"mappings":";;;;;;;;;AAgBA,IAAa,IAAA,CAAsD,EACjE,WAAA,GACA,WAAA,GACA,iBAAA,GACA,cAAA,GACA,aAAA,GACA,SAAA,GACA,gBAAA,GACA,UAAA,GACA,SAAA,EAAA,MACI;AACJ,QAAM,IAAQ,EAAS,GACjB,EAAE,KAAA,GAAK,QAAA,EAAA,IAAW,EAAU,EAChC,WAAA,EACF,CAAC,GAGK,EAAE,WAAA,EAAA,IAAc,EAAa,GAC7B,EAAE,SAAA,EAAA,IAAY,EAAS;AAG7B,EAAA,EAAA,MAAgB;AACd,IAAI,MACF,EAAQ,EAAsB,mBAAmB,GACjD,GAAS,QAAQ,kBAAkB,EACjC,UAAU,iBACZ,CAAC;AAAA,EAEL,GAAG,CAAC,CAAM,CAAC;AAGX,QAAM,IAAA,MAAoB;AACxB,IAAI,KAAa,EAAY,GAC7B,EAAQ,EAAuB,oBAAoB,GACnD,GAAS,QAAQ,mBAAmB,EAClC,UAAU,iBACZ,CAAC;AAAA,EACH;AAEA,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,wBAAqB;AAAA,IACV,WAAA;AAAA,IACX,aAAa,GAAW;AAAA,IACb,WAAA;AAAA,IACM,iBAAA;AAAA,IACjB,MACE,KACE,gBAAA,EAAC,GAAD;AAAA,MAAkB,SAAS,EAAM,EAAM,QAAQ,QAAQ,MAAM,IAAI;AAAA,MAAG,MAAK;AAAA,IAAc,CAAA;AAAA,IAG7E,cAAA;AAAA,IACd,aAAa;AAAA,IACb,iBAAiB;AAAA,IACjB,mBAAmB,GAAW;AAAA,IACzB,KAAA;AAAA,IACL,OAAO,GAAW;AAAA,IACT,SAAA;AAAA,IACO,gBAAA;AAAA,EACjB,CAAA;AAEL,GAEA,IAAe,EAAS,CAAiB"}

package/dist/microinsights/cards/ZeroStateCard.es.js

@@ -0,0 +1,32 @@
+import { ANALYTICS_PAGE_NAMES as _ } from "../constants/Analytics.es.js";
+import c from "../beaticons/BeatMaterialIcon.es.js";
+import { useCopyStore as f, usePageview as n } from "../context/hooks.es.js";
+import u from "../MicroCardTemplate.es.js";
+import C from "react";
+import { observer as S } from "mobx-react-lite";
+import { jsx as r } from "react/jsx-runtime";
+import { alpha as d, useTheme as E } from "@mui/material/styles";
+var A = ({ ariaLabel: t, elevation: o, heightOverrides: a, onCardClick: i, showIcon: m, variant: p }) => {
+  const { onPageview: s } = n(), { zeroStateCopy: e } = f(), l = E();
+  return C.useEffect(() => {
+    s(_.MICRO_WIDGET_CAROUSEL_ZERO_STATE);
+  }, []), /* @__PURE__ */ r(u, {
+    ariaLabel: t,
+    description: e.carousel_zero_state_description,
+    elevation: o,
+    heightOverrides: a,
+    icon: m && /* @__PURE__ */ r(c, {
+      bgColor: d(l.palette.primary.main, 0.15),
+      name: "lightbulb"
+    }),
+    onCardClick: i,
+    title: e.carousel_zero_state_title,
+    variant: p
+  });
+}, y = S(A);
+export {
+  A as ZeroStateCard,
+  y as default
+};
+
+//# sourceMappingURL=ZeroStateCard.es.js.map

package/dist/microinsights/cards/ZeroStateCard.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZeroStateCard.es.js","names":[],"sources":["../../../src/microinsights/cards/ZeroStateCard.tsx"],"sourcesContent":["import React from 'react'\n\nimport { observer } from 'mobx-react-lite'\n\nimport { useCopyStore, usePageview } from '../context/hooks'\n\nimport { ANALYTICS_PAGE_NAMES } from '../constants/Analytics'\n\nimport type { MicroInsightCardProps } from '../interfaces'\nimport MicroCardTemplate from '../MicroCardTemplate'\nimport { BeatMaterialIcon } from '../beaticons'\n\nimport { alpha, useTheme } from '@mui/material/styles'\n\nexport const ZeroStateCard: React.FC<MicroInsightCardProps> = ({\n  ariaLabel,\n  elevation,\n  heightOverrides,\n  onCardClick,\n  showIcon,\n  variant,\n}) => {\n  // *************** Context functions *********************\n  const { onPageview } = usePageview()\n  const { zeroStateCopy } = useCopyStore()\n  const theme = useTheme()\n\n  // ************** Use Effects Hooks **********************\n  React.useEffect(() => {\n    onPageview(ANALYTICS_PAGE_NAMES.MICRO_WIDGET_CAROUSEL_ZERO_STATE)\n  }, [])\n\n  return (\n    <MicroCardTemplate\n      ariaLabel={ariaLabel}\n      description={zeroStateCopy.carousel_zero_state_description}\n      elevation={elevation}\n      heightOverrides={heightOverrides}\n      icon={\n        showIcon && (\n          <BeatMaterialIcon bgColor={alpha(theme.palette.primary.main, 0.15)} name=\"lightbulb\" />\n        )\n      }\n      onCardClick={onCardClick}\n      title={zeroStateCopy.carousel_zero_state_title}\n      variant={variant}\n    />\n  )\n}\n\nexport default observer(ZeroStateCard)\n"],"mappings":";;;;;;;;AAcA,IAAa,IAAA,CAAkD,EAC7D,WAAA,GACA,WAAA,GACA,iBAAA,GACA,aAAA,GACA,UAAA,GACA,SAAA,EAAA,MACI;AAEJ,QAAM,EAAE,YAAA,EAAA,IAAe,EAAY,GAC7B,EAAE,eAAA,EAAA,IAAkB,EAAa,GACjC,IAAQ,EAAS;AAGvB,SAAA,EAAM,UAAA,MAAgB;AACpB,IAAA,EAAW,EAAqB,gCAAgC;AAAA,EAClE,GAAG,CAAC,CAAC,GAGH,gBAAA,EAAC,GAAD;AAAA,IACa,WAAA;AAAA,IACX,aAAa,EAAc;AAAA,IAChB,WAAA;AAAA,IACM,iBAAA;AAAA,IACjB,MACE,KACE,gBAAA,EAAC,GAAD;AAAA,MAAkB,SAAS,EAAM,EAAM,QAAQ,QAAQ,MAAM,IAAI;AAAA,MAAG,MAAK;AAAA,IAAa,CAAA;AAAA,IAG7E,aAAA;AAAA,IACb,OAAO,EAAc;AAAA,IACZ,SAAA;AAAA,EACV,CAAA;AAEL,GAEA,IAAe,EAAS,CAAa"}

package/dist/microinsights/carousel/BeatList.es.js

@@ -0,0 +1,37 @@
+import { buildDynamicCopy as y } from "../../core/utils/Localization.es.js";
+import { useCopyStore as C } from "../context/hooks.es.js";
+import { InsightCard as $ } from "../cards/InsightCard.es.js";
+import M from "../cards/ViewMoreMicroCard.es.js";
+import "react";
+import { Fragment as w, jsx as c, jsxs as x } from "react/jsx-runtime";
+var O = ({ activeCardIndex: t, beats: r, cardWidth: s, elevation: m, heightOverrides: l, onCardClick: e, posthog: p, showIcon: a, variant: d }) => {
+  const { carouselCopy: _ } = C(), n = {
+    elevation: m,
+    heightOverrides: l,
+    posthog: p,
+    showIcon: a,
+    variant: d
+  };
+  return /* @__PURE__ */ x(w, { children: [r.map((i, o) => {
+    const g = o + 1, u = r.length + 1, h = y(_?.card_position_in_carousel_aria, g.toString(), u.toString()), f = i.micro_title && i.micro_title.length > 0, v = i.micro_description && i.micro_description.length > 0;
+    return /* @__PURE__ */ c($, {
+      ariaLabel: `${h}: ${f ? i.micro_title : i.title}, ${v ? i.micro_description : i.description}`,
+      beat: i,
+      index: o,
+      isActiveCard: o === t,
+      onCardClick: e,
+      widthOverrides: s || void 0,
+      ...n
+    }, `${i.guid} ${o}`);
+  }), /* @__PURE__ */ c(M, {
+    isActiveCard: t === r.length,
+    onCardClick: e,
+    widthOverrides: s || void 0,
+    ...n
+  })] });
+};
+export {
+  O as default
+};
+
+//# sourceMappingURL=BeatList.es.js.map

package/dist/microinsights/carousel/BeatList.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BeatList.es.js","names":[],"sources":["../../../src/microinsights/carousel/BeatList.tsx"],"sourcesContent":["import React from 'react'\n\nimport { InsightCard, ViewMoreMicroCard } from '..'\nimport type { MicroInsightCardProps } from '../interfaces'\n\nimport { useCopyStore } from '../context/hooks'\n\nimport type { Beat } from '../../core/types/Beat'\nimport { buildDynamicCopy } from '../../core/utils/Localization'\n\nexport interface BeatListProps extends MicroInsightCardProps {\n  activeCardIndex: number\n  beats: Beat[]\n  cardWidth: number | null\n}\n\nconst BeatList: React.FC<BeatListProps> = ({\n  activeCardIndex,\n  beats,\n  cardWidth,\n  elevation,\n  heightOverrides,\n  onCardClick,\n  posthog,\n  showIcon,\n  variant,\n}) => {\n  const { carouselCopy: copy } = useCopyStore()\n\n  const generalProps = {\n    elevation,\n    heightOverrides,\n    posthog,\n    showIcon,\n    variant,\n  }\n\n  return (\n    <>\n      {beats.map((beat: Beat, i) => {\n        const beatPosition = i + 1\n        const totalBeats = beats.length + 1\n        const ariaLabelPositionInCarousel = buildDynamicCopy(\n          copy?.card_position_in_carousel_aria,\n          beatPosition.toString(),\n          totalBeats.toString(),\n        )\n\n        const hasMicroTitle = beat.micro_title && beat.micro_title.length > 0\n        const hasMicroDescription = beat.micro_description && beat.micro_description.length > 0\n\n        const beatTitle = hasMicroTitle ? beat.micro_title : beat.title\n        const beatDescription = hasMicroDescription ? beat.micro_description : beat.description\n\n        return (\n          <InsightCard\n            ariaLabel={`${ariaLabelPositionInCarousel}: ${beatTitle}, ${beatDescription}`}\n            beat={beat}\n            index={i}\n            isActiveCard={i === activeCardIndex}\n            key={`${beat.guid} ${i}`}\n            onCardClick={onCardClick}\n            widthOverrides={cardWidth || undefined}\n            {...generalProps}\n          />\n        )\n      })}\n      <ViewMoreMicroCard\n        isActiveCard={activeCardIndex === beats.length}\n        onCardClick={onCardClick}\n        widthOverrides={cardWidth || undefined}\n        {...generalProps}\n      />\n    </>\n  )\n}\n\nexport default BeatList\n"],"mappings":";;;;;;AAgBA,IAAM,IAAA,CAAqC,EACzC,iBAAA,GACA,OAAA,GACA,WAAA,GACA,WAAA,GACA,iBAAA,GACA,aAAA,GACA,SAAA,GACA,UAAA,GACA,SAAA,EAAA,MACI;AACJ,QAAM,EAAE,cAAc,EAAA,IAAS,EAAa,GAEtC,IAAe;AAAA,IACnB,WAAA;AAAA,IACA,iBAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,EACF;AAEA,SACE,gBAAA,EAAA,GAAA,EAAA,UAAA,CACG,EAAM,IAAA,CAAK,GAAY,MAAM;AAC5B,UAAM,IAAe,IAAI,GACnB,IAAa,EAAM,SAAS,GAC5B,IAA8B,EAClC,GAAM,gCACN,EAAa,SAAS,GACtB,EAAW,SAAS,CACtB,GAEM,IAAgB,EAAK,eAAe,EAAK,YAAY,SAAS,GAC9D,IAAsB,EAAK,qBAAqB,EAAK,kBAAkB,SAAS;AAKtF,WACE,gBAAA,EAAC,GAAD;AAAA,MACE,WAAW,GAAG,CAAA,KALA,IAAgB,EAAK,cAAc,EAAK,KAAA,KAClC,IAAsB,EAAK,oBAAoB,EAAK,WAAA;AAAA,MAKlE,MAAA;AAAA,MACN,OAAO;AAAA,MACP,cAAc,MAAM;AAAA,MAEP,aAAA;AAAA,MACb,gBAAgB,KAAa;AAAA,MAC7B,GAAI;AAAA,IACL,GAJM,GAAG,EAAK,IAAA,IAAQ,CAAA,EAItB;AAAA,EAEL,CAAC,GACD,gBAAA,EAAC,GAAD;AAAA,IACE,cAAc,MAAoB,EAAM;AAAA,IAC3B,aAAA;AAAA,IACb,gBAAgB,KAAa;AAAA,IAC7B,GAAI;AAAA,EACL,CAAA,CACD,EAAA,CAAA;AAEN"}

package/dist/microinsights/carousel/CarouselControls.es.js

@@ -0,0 +1,63 @@
+import { useCopyStore as u } from "../context/hooks.es.js";
+import "react";
+import _ from "@mui/material/Stack";
+import { ChevronLeft as x, ChevronRight as y } from "@mxenabled/mx-icons";
+import { jsx as r, jsxs as O } from "react/jsx-runtime";
+import { useTheme as R } from "@mui/material/styles";
+import v from "@mui/material/Box";
+import p from "@mui/material/IconButton";
+var M = ({ currentBeatIndex: o, numBeats: s, onNextClick: f, onPreviousClick: b, scrollRightBoundary: C, scrollX: n, shouldApplyDotAnimation: l = !1, visibleCardsCount: g = 1 }) => {
+  const c = R(), { carouselCopy: m } = u(), t = Math.floor(n) > C || o - g + 1 === 0, i = n < 0 || s - 1 === o, e = c.palette.grey[500], a = c.palette.primary.main;
+  return /* @__PURE__ */ O(_, {
+    direction: "row",
+    sx: {
+      alignItems: "center",
+      justifyContent: "center",
+      pt: 4,
+      width: "100%",
+      "& button:first-of-type": { mr: 8 }
+    },
+    children: [
+      /* @__PURE__ */ r(p, {
+        "aria-disabled": t,
+        "aria-label": m?.previous_insight_cta_aria,
+        disabled: t,
+        onClick: b,
+        children: /* @__PURE__ */ r(x, { sx: { color: t ? e : a } })
+      }),
+      Array.from({ length: s }).map((w, d) => {
+        const h = d === o;
+        return /* @__PURE__ */ r(v, {
+          className: "mx-insights-micro-carousel-dots",
+          sx: {
+            bgcolor: h ? a : e,
+            height: 8,
+            mr: 8,
+            ...l ? {
+              borderRadius: "4px",
+              transformOrigin: "center",
+              transition: "all 0.5s ease-out",
+              willChange: "width, background-color"
+            } : {
+              borderRadius: "50%",
+              p: 0
+            },
+            width: h && l ? 24 : 8
+          }
+        }, `carousel-button-${d}`);
+      }),
+      /* @__PURE__ */ r(p, {
+        "aria-disabled": i,
+        "aria-label": m?.next_insight_cta_aria,
+        disabled: i,
+        onClick: f,
+        children: /* @__PURE__ */ r(y, { sx: { color: i ? e : a } })
+      })
+    ]
+  });
+};
+export {
+  M as CarouselControls
+};
+
+//# sourceMappingURL=CarouselControls.es.js.map

package/dist/microinsights/carousel/CarouselControls.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselControls.es.js","names":[],"sources":["../../../src/microinsights/carousel/CarouselControls.tsx"],"sourcesContent":["import React from 'react'\n\nimport Box from '@mui/material/Box'\nimport Stack from '@mui/material/Stack'\nimport IconButton from '@mui/material/IconButton'\nimport { useTheme } from '@mui/material/styles'\n\nimport { ChevronLeft, ChevronRight } from '@mxenabled/mx-icons'\n\nimport { useCopyStore } from '../context/hooks'\n\nexport interface CarouselControlsProps {\n  currentBeatIndex: number\n  numBeats: number\n  onNextClick: () => void\n  onPreviousClick: () => void\n  scrollRightBoundary: number\n  scrollX: number\n  shouldApplyDotAnimation?: boolean\n  visibleCardsCount?: number\n}\n\nexport const CarouselControls: React.FC<CarouselControlsProps> = ({\n  currentBeatIndex,\n  numBeats,\n  onNextClick,\n  onPreviousClick,\n  scrollRightBoundary,\n  scrollX,\n  shouldApplyDotAnimation = false,\n  visibleCardsCount = 1,\n}) => {\n  const theme = useTheme()\n  // *************** Context functions *********************\n  const { carouselCopy: copy } = useCopyStore()\n\n  const disabledLeft =\n    Math.floor(scrollX) > scrollRightBoundary || currentBeatIndex - visibleCardsCount + 1 === 0\n  const disabledRight = scrollX < 0 || numBeats - 1 === currentBeatIndex\n\n  const DISABLED_ICON_COLOR = theme.palette.grey[500]\n  const ICON_COLOR = theme.palette.primary.main\n\n  return (\n    <Stack\n      direction={'row'}\n      sx={{\n        alignItems: 'center',\n        justifyContent: 'center',\n        pt: 4,\n        width: '100%',\n        // we were using `gap` instead of margin, but it doesn't work in safari browsers older than iOS 14.1\n        '& button:first-of-type': {\n          mr: 8,\n        },\n      }}\n    >\n      <IconButton\n        aria-disabled={disabledLeft}\n        aria-label={copy?.previous_insight_cta_aria}\n        disabled={disabledLeft}\n        onClick={onPreviousClick}\n      >\n        <ChevronLeft\n          sx={{\n            color: disabledLeft ? DISABLED_ICON_COLOR : ICON_COLOR,\n          }}\n        />\n      </IconButton>\n      {Array.from({ length: numBeats }).map((_, i) => {\n        const isActive = i === currentBeatIndex\n        return (\n          <Box\n            className=\"mx-insights-micro-carousel-dots\"\n            key={`carousel-button-${i}`}\n            sx={{\n              bgcolor: isActive ? ICON_COLOR : DISABLED_ICON_COLOR,\n              height: 8,\n              mr: 8, // existing comment from meganthan \"we were using `gap` instead of margin, but it doesn't work in safari browsers older than iOS 14.1\"\n              ...(shouldApplyDotAnimation\n                ? {\n                    borderRadius: '4px',\n                    transformOrigin: 'center',\n                    transition: 'all 0.5s ease-out',\n                    willChange: 'width, background-color',\n                  }\n                : {\n                    borderRadius: '50%',\n                    p: 0,\n                  }),\n              width: isActive && shouldApplyDotAnimation ? 24 : 8,\n            }}\n          />\n        )\n      })}\n      <IconButton\n        aria-disabled={disabledRight}\n        aria-label={copy?.next_insight_cta_aria}\n        disabled={disabledRight}\n        onClick={onNextClick}\n      >\n        <ChevronRight\n          sx={{\n            color: disabledRight ? DISABLED_ICON_COLOR : ICON_COLOR,\n          }}\n        />\n      </IconButton>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;AAsBA,IAAa,IAAA,CAAqD,EAChE,kBAAA,GACA,UAAA,GACA,aAAA,GACA,iBAAA,GACA,qBAAA,GACA,SAAA,GACA,yBAAA,IAA0B,IAC1B,mBAAA,IAAoB,EAAA,MAChB;AACJ,QAAM,IAAQ,EAAS,GAEjB,EAAE,cAAc,EAAA,IAAS,EAAa,GAEtC,IACJ,KAAK,MAAM,CAAO,IAAI,KAAuB,IAAmB,IAAoB,MAAM,GACtF,IAAgB,IAAU,KAAK,IAAW,MAAM,GAEhD,IAAsB,EAAM,QAAQ,KAAK,GAAA,GACzC,IAAa,EAAM,QAAQ,QAAQ;AAEzC,SACE,gBAAA,EAAC,GAAD;AAAA,IACE,WAAW;AAAA,IACX,IAAI;AAAA,MACF,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,IAAI;AAAA,MACJ,OAAO;AAAA,MAEP,0BAA0B,EACxB,IAAI,EACN;AAAA,IACF;AAAA,cAXF;AAAA,MAaE,gBAAA,EAAC,GAAD;AAAA,QACE,iBAAe;AAAA,QACf,cAAY,GAAM;AAAA,QAClB,UAAU;AAAA,QACV,SAAS;AAAA,kBAET,gBAAA,EAAC,GAAD,EACE,IAAI,EACF,OAAO,IAAe,IAAsB,EAC9C,EACD,CAAA;AAAA,MACS,CAAA;AAAA,MACX,MAAM,KAAK,EAAE,QAAQ,EAAS,CAAC,EAAE,IAAA,CAAK,GAAG,MAAM;AAC9C,cAAM,IAAW,MAAM;AACvB,eACE,gBAAA,EAAC,GAAD;AAAA,UACE,WAAU;AAAA,UAEV,IAAI;AAAA,YACF,SAAS,IAAW,IAAa;AAAA,YACjC,QAAQ;AAAA,YACR,IAAI;AAAA,YACJ,GAAI,IACA;AAAA,cACE,cAAc;AAAA,cACd,iBAAiB;AAAA,cACjB,YAAY;AAAA,cACZ,YAAY;AAAA,YACd,IACA;AAAA,cACE,cAAc;AAAA,cACd,GAAG;AAAA,YACL;AAAA,YACJ,OAAO,KAAY,IAA0B,KAAK;AAAA,UACpD;AAAA,QACD,GAlBM,mBAAmB,CAAA,EAkBzB;AAAA,MAEL,CAAC;AAAA,MACD,gBAAA,EAAC,GAAD;AAAA,QACE,iBAAe;AAAA,QACf,cAAY,GAAM;AAAA,QAClB,UAAU;AAAA,QACV,SAAS;AAAA,kBAET,gBAAA,EAAC,GAAD,EACE,IAAI,EACF,OAAO,IAAgB,IAAsB,EAC/C,EACD,CAAA;AAAA,MACS,CAAA;AAAA,IACP;AAAA;AAEX"}

package/dist/microinsights/carousel/CarouselHeader.es.js

@@ -0,0 +1,39 @@
+import s from "../../common/components/Loader.es.js";
+import { ANALYTICS_CLICK_EVENTS as c } from "../constants/Analytics.es.js";
+import { useCopyStore as p, useEvent as f } from "../context/hooks.es.js";
+import "react";
+import { observer as _ } from "mobx-react-lite";
+import u from "@mui/material/Stack";
+import { H3 as d } from "@mxenabled/mxui";
+import C from "@mui/material/Button";
+import { ChevronRight as v } from "@mxenabled/mx-icons";
+import { jsx as e, jsxs as h } from "react/jsx-runtime";
+var E = ({ analyticsMetadata: i, onCardClick: n, posthog: a, widthOverrides: o, headerSx: l }) => {
+  const { carouselCopy: r } = p(), { onEvent: t } = f(), m = () => {
+    t && (t(c.ON_VIEW_MORE_CLICKED, i), n(), a?.capture("clicked_view_more"));
+  };
+  return r ? /* @__PURE__ */ h(u, {
+    alignItems: "center",
+    direction: "row",
+    justifyContent: "space-between",
+    spacing: 2,
+    sx: {
+      p: 16,
+      pb: 8,
+      width: o || void 0,
+      ...l
+    },
+    children: [/* @__PURE__ */ e(d, { children: r.carousel_title }), /* @__PURE__ */ e(C, {
+      endIcon: /* @__PURE__ */ e(v, { size: 20 }),
+      onClick: m,
+      size: "small",
+      variant: "text",
+      children: r.view_all_insights_in_full_feed_cta_aria
+    })]
+  }) : /* @__PURE__ */ e(s, {});
+}, H = _(E);
+export {
+  H as default
+};
+
+//# sourceMappingURL=CarouselHeader.es.js.map

package/dist/microinsights/carousel/CarouselHeader.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CarouselHeader.es.js","names":[],"sources":["../../../src/microinsights/carousel/CarouselHeader.tsx"],"sourcesContent":["import React from 'react'\n\nimport { observer } from 'mobx-react-lite'\n\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport { H3 } from '@mxenabled/mxui'\n\nimport { ChevronRight as ChevronRightIcon } from '@mxenabled/mx-icons'\n\nimport { useCopyStore, useEvent } from '../context/hooks'\nimport { ANALYTICS_CLICK_EVENTS } from '../constants/Analytics'\n\nimport { Beat } from '../../core/types/Beat'\nimport { TheWholeHog } from '../interfaces'\nimport Loader from '../../common/components/Loader'\nimport { type SxProps } from '@mui/material/styles'\n\nexport interface CarouselHeaderProps {\n  analyticsMetadata?: Record<string, string>\n  onCardClick: (beat?: Beat | undefined) => void\n  posthog?: TheWholeHog\n  widthOverrides?: number | string\n  headerSx?: SxProps\n}\n\nconst CarouselHeader: React.FC<CarouselHeaderProps> = ({\n  analyticsMetadata,\n  onCardClick,\n  posthog,\n  widthOverrides,\n  headerSx,\n}) => {\n  // *************** Context functions *********************\n  const { carouselCopy: copy } = useCopyStore()\n  const { onEvent } = useEvent()\n\n  // *************** Click handlers ************************\n  const handleViewAllClick = () => {\n    if (onEvent) {\n      onEvent(ANALYTICS_CLICK_EVENTS.ON_VIEW_MORE_CLICKED, analyticsMetadata)\n\n      onCardClick()\n\n      posthog?.capture('clicked_view_more')\n    }\n  }\n\n  if (!copy) {\n    return <Loader />\n  }\n\n  return (\n    <Stack\n      alignItems=\"center\"\n      direction=\"row\"\n      justifyContent=\"space-between\"\n      spacing={2}\n      sx={{\n        p: 16,\n        pb: 8,\n        width: widthOverrides ? widthOverrides : undefined,\n        ...headerSx,\n      }}\n    >\n      <H3>{copy.carousel_title}</H3>\n      <Button\n        endIcon={<ChevronRightIcon size={20} />}\n        onClick={handleViewAllClick}\n        size=\"small\"\n        variant=\"text\"\n      >\n        {copy.view_all_insights_in_full_feed_cta_aria}\n      </Button>\n    </Stack>\n  )\n}\n\nexport default observer(CarouselHeader)\n"],"mappings":";;;;;;;;;;AA0BA,IAAM,IAAA,CAAiD,EACrD,mBAAA,GACA,aAAA,GACA,SAAA,GACA,gBAAA,GACA,UAAA,EAAA,MACI;AAEJ,QAAM,EAAE,cAAc,EAAA,IAAS,EAAa,GACtC,EAAE,SAAA,EAAA,IAAY,EAAS,GAGvB,IAAA,MAA2B;AAC/B,IAAI,MACF,EAAQ,EAAuB,sBAAsB,CAAiB,GAEtE,EAAY,GAEZ,GAAS,QAAQ,mBAAmB;AAAA,EAExC;AAEA,SAAK,IAKH,gBAAA,EAAC,GAAD;AAAA,IACE,YAAW;AAAA,IACX,WAAU;AAAA,IACV,gBAAe;AAAA,IACf,SAAS;AAAA,IACT,IAAI;AAAA,MACF,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,OAAO,KAAkC;AAAA,MACzC,GAAG;AAAA,IACL;AAAA,cAVF,CAYE,gBAAA,EAAC,GAAD,EAAA,UAAK,EAAK,eAAmB,CAAA,GAC7B,gBAAA,EAAC,GAAD;AAAA,MACE,SAAS,gBAAA,EAAC,GAAD,EAAkB,MAAM,GAAK,CAAA;AAAA,MACtC,SAAS;AAAA,MACT,MAAK;AAAA,MACL,SAAQ;AAAA,gBAEP,EAAK;AAAA,IACA,CAAA,CACH;AAAA,OAzBA,gBAAA,EAAC,GAAD,CAAS,CAAA;AA2BpB,GAEA,IAAe,EAAS,CAAc"}

package/dist/microinsights/carousel/MicroBeatCarousel.es.js

@@ -0,0 +1,147 @@
+import { ANALYTICS_CLICK_EVENTS as a } from "../constants/Analytics.es.js";
+import { useCopyStore as G, useEvent as H } from "../context/hooks.es.js";
+import { CarouselControls as J } from "./CarouselControls.es.js";
+import Q from "./BeatList.es.js";
+import n from "react";
+import { observer as Z } from "mobx-react-lite";
+import I from "@mui/material/Stack";
+import { jsx as R, jsxs as $ } from "react/jsx-runtime";
+var tt = ({ analyticsMetadata: i, allowSingleCardPeeking: h, beats: E = [], elevation: y, heightOverrides: f, onCardClick: b, posthog: z, showCarouselControls: N, showIcon: g, showWithMargin: m = !0, variant: k, widthOverrides: _, visibleCardsCount: e = 1 }) => {
+  const t = n.useRef(null), s = n.useRef(null), [u, K] = n.useState(0), [v, A] = n.useState(null), [L, X] = n.useState(null), [o, T] = n.useState(null), { carouselCopy: U } = G(), { onEvent: d } = H();
+  n.useEffect(() => {
+    const r = (p) => {
+      const c = s.current;
+      if (!c) return;
+      const l = p ?? c.offsetWidth;
+      if (h) {
+        const w = [
+          {
+            maxWidth: 320,
+            cardWidth: 220
+          },
+          {
+            maxWidth: 375,
+            cardWidth: 268
+          },
+          {
+            maxWidth: 444,
+            cardWidth: 300
+          },
+          {
+            maxWidth: 599,
+            cardWidth: 350
+          },
+          {
+            maxWidth: 749,
+            cardWidth: 450
+          },
+          {
+            maxWidth: 900,
+            cardWidth: 600
+          }
+        ].find((q) => l <= q.maxWidth);
+        T(w ? w.cardWidth : 750);
+        return;
+      }
+      const x = m ? Math.max(0, l - 32) : l, O = 8;
+      let S;
+      e > 1 ? S = (x - (x - (e - 1) * O) / e / 3 - (e - 1) * O) / e : S = x, T(Math.max(0, S));
+    };
+    r();
+    const C = () => r();
+    let W = null;
+    return typeof ResizeObserver < "u" && s.current ? (W = new ResizeObserver((p) => {
+      const c = p[0];
+      if (!c) return;
+      const l = c.borderBoxSize?.[0]?.inlineSize ?? c.contentRect.width;
+      r(l);
+    }), W.observe(s.current)) : window.addEventListener("resize", C), () => {
+      window.removeEventListener("resize", C), W?.disconnect();
+    };
+  }, [
+    h,
+    e,
+    m
+  ]);
+  const D = () => {
+    d(a.ON_CAROUSEL_FORWARD_CLICK, i), t.current && o && t.current.scrollTo({
+      left: u + o + 8,
+      top: 0,
+      behavior: "smooth"
+    });
+  }, j = () => {
+    d(a.ON_CAROUSEL_BACK_CLICK, i), t.current && o && t.current.scrollTo({
+      left: Math.max(0, u - (o + 8)),
+      top: 0,
+      behavior: "smooth"
+    });
+  }, F = () => {
+    t.current && K(t.current.scrollLeft);
+  }, M = () => {
+    !L || !v || (L - v > 50 ? d(a.ON_CAROUSEL_FORWARD_SWIPE, i) : d(a.ON_CAROUSEL_BACK_SWIPE, i));
+  }, P = (r) => {
+    A(r.targetTouches[0].clientX);
+  }, Y = (r) => {
+    A(null), X(r.targetTouches[0].clientX);
+  }, B = o ? Math.round(u / (o + 8)) : 0, V = t.current ? t.current.scrollWidth - t.current.offsetWidth : 0;
+  return /* @__PURE__ */ $(I, {
+    "aria-label": U?.carousel_title,
+    "aria-roledescription": "carousel",
+    ref: s,
+    role: "region",
+    sx: {
+      alignItems: "center",
+      boxSizing: "border-box",
+      height: f,
+      width: _ || "100%"
+    },
+    children: [/* @__PURE__ */ R(I, {
+      direction: "row",
+      onScroll: F,
+      onTouchEnd: M,
+      onTouchMove: P,
+      onTouchStart: Y,
+      ref: t,
+      sx: {
+        alignItems: "center",
+        height: f && "100%",
+        gap: 8,
+        listStyleType: "none",
+        m: 0,
+        maxWidth: m ? "calc(100% - 32px)" : "100%",
+        overflowX: "auto",
+        overflowY: "hidden",
+        p: 0,
+        scrollbarWidth: "none",
+        msOverflowStyle: "none",
+        WebkitOverflowScrolling: "touch",
+        "&::-webkit-scrollbar": { display: "none" }
+      },
+      children: /* @__PURE__ */ R(Q, {
+        activeCardIndex: B,
+        beats: E,
+        cardWidth: o,
+        elevation: y,
+        heightOverrides: f,
+        onCardClick: b,
+        posthog: z,
+        showIcon: g,
+        variant: k
+      })
+    }), N && /* @__PURE__ */ R(J, {
+      currentBeatIndex: B + e - 1,
+      numBeats: E.length + 1,
+      onNextClick: D,
+      onPreviousClick: j,
+      scrollRightBoundary: V,
+      scrollX: u,
+      shouldApplyDotAnimation: h,
+      visibleCardsCount: e
+    })]
+  });
+}, ut = Z(tt);
+export {
+  ut as default
+};
+
+//# sourceMappingURL=MicroBeatCarousel.es.js.map