@knocklabs/react 0.12.1 → 0.13.0

package/dist/esm/modules/ms-teams/components/MsTeamsIcon/MsTeamsIcon.mjs

@@ -1,15 +1,99 @@
-import e from "react";
-const l = ({
-  height: t,
-  width: c
-}) => (
-  // Source: https://commons.wikimedia.org/wiki/File:Microsoft_Office_Teams_(2018%E2%80%93present).svg
-  /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: {
-    height: t,
-    width: c
-  }, viewBox: "0 0 2228.833 2073.333" }, /* @__PURE__ */ e.createElement("path", { fill: "#5059C9", d: "M1554.637,777.5h575.713c54.391,0,98.483,44.092,98.483,98.483c0,0,0,0,0,0v524.398 c0,199.901-162.051,361.952-361.952,361.952h0h-1.711c-199.901,0.028-361.975-162-362.004-361.901c0-0.017,0-0.034,0-0.052V828.971 C1503.167,800.544,1526.211,777.5,1554.637,777.5L1554.637,777.5z" }), /* @__PURE__ */ e.createElement("circle", { fill: "#5059C9", cx: "1943.75", cy: "440.583", r: "233.25" }), /* @__PURE__ */ e.createElement("circle", { fill: "#7B83EB", cx: "1218.083", cy: "336.917", r: "336.917" }), /* @__PURE__ */ e.createElement("path", { fill: "#7B83EB", d: "M1667.323,777.5H717.01c-53.743,1.33-96.257,45.931-95.01,99.676v598.105 c-7.505,322.519,247.657,590.16,570.167,598.053c322.51-7.893,577.671-275.534,570.167-598.053V877.176 C1763.579,823.431,1721.066,778.83,1667.323,777.5z" }), /* @__PURE__ */ e.createElement("path", { opacity: ".1", d: "M1244,777.5v838.145c-0.258,38.435-23.549,72.964-59.09,87.598 c-11.316,4.787-23.478,7.254-35.765,7.257H667.613c-6.738-17.105-12.958-34.21-18.142-51.833 c-18.144-59.477-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1244z" }), /* @__PURE__ */ e.createElement("path", { opacity: ".2", d: "M1192.167,777.5v889.978c-0.002,12.287-2.47,24.449-7.257,35.765 c-14.634,35.541-49.163,58.833-87.598,59.09H691.975c-8.812-17.105-17.105-34.21-24.362-51.833 c-7.257-17.623-12.958-34.21-18.142-51.833c-18.144-59.476-27.402-121.307-27.472-183.49V877.02 c-1.246-53.659,41.198-98.19,94.855-99.52H1192.167z" }), /* @__PURE__ */ e.createElement("path", { opacity: ".2", d: "M1192.167,777.5v786.312c-0.395,52.223-42.632,94.46-94.855,94.855h-447.84 c-18.144-59.476-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1192.167z" }), /* @__PURE__ */ e.createElement("path", { opacity: ".2", d: "M1140.333,777.5v786.312c-0.395,52.223-42.632,94.46-94.855,94.855H649.472 c-18.144-59.476-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1140.333z" }), /* @__PURE__ */ e.createElement("path", { opacity: ".1", d: "M1244,509.522v163.275c-8.812,0.518-17.105,1.037-25.917,1.037 c-8.812,0-17.105-0.518-25.917-1.037c-17.496-1.161-34.848-3.937-51.833-8.293c-104.963-24.857-191.679-98.469-233.25-198.003 c-7.153-16.715-12.706-34.071-16.587-51.833h258.648C1201.449,414.866,1243.801,457.217,1244,509.522z" }), /* @__PURE__ */ e.createElement("path", { opacity: ".2", d: "M1192.167,561.355v111.442c-17.496-1.161-34.848-3.937-51.833-8.293 c-104.963-24.857-191.679-98.469-233.25-198.003h190.228C1149.616,466.699,1191.968,509.051,1192.167,561.355z" }), /* @__PURE__ */ e.createElement("path", { opacity: ".2", d: "M1192.167,561.355v111.442c-17.496-1.161-34.848-3.937-51.833-8.293 c-104.963-24.857-191.679-98.469-233.25-198.003h190.228C1149.616,466.699,1191.968,509.051,1192.167,561.355z" }), /* @__PURE__ */ e.createElement("path", { opacity: ".2", d: "M1140.333,561.355v103.148c-104.963-24.857-191.679-98.469-233.25-198.003 h138.395C1097.783,466.699,1140.134,509.051,1140.333,561.355z" }), /* @__PURE__ */ e.createElement("linearGradient", { id: "a", gradientUnits: "userSpaceOnUse", x1: "198.099", y1: "1683.0726", x2: "942.2344", y2: "394.2607", gradientTransform: "matrix(1 0 0 -1 0 2075.3333)" }, /* @__PURE__ */ e.createElement("stop", { offset: "0", stopColor: "#5a62c3" }), /* @__PURE__ */ e.createElement("stop", { offset: ".5", stopColor: "#4d55bd" }), /* @__PURE__ */ e.createElement("stop", { offset: "1", stopColor: "#3940ab" })), /* @__PURE__ */ e.createElement("path", { fill: "url(#a)", d: "M95.01,466.5h950.312c52.473,0,95.01,42.538,95.01,95.01v950.312c0,52.473-42.538,95.01-95.01,95.01 H95.01c-52.473,0-95.01-42.538-95.01-95.01V561.51C0,509.038,42.538,466.5,95.01,466.5z" }), /* @__PURE__ */ e.createElement("path", { fill: "#FFF", d: "M820.211,828.193H630.241v517.297H509.211V828.193H320.123V727.844h500.088V828.193z" }))
-);
-export {
-  l as MsTeamsIcon
-};
-//# sourceMappingURL=MsTeamsIcon.mjs.map
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/modules/ms-teams/components/MsTeamsIcon/MsTeamsIcon.tsx
+var n = ({ height: n, width: r }) => /* @__PURE__ */ t("svg", {
+	xmlns: "http://www.w3.org/2000/svg",
+	style: {
+		height: n,
+		width: r
+	},
+	viewBox: "0 0 2228.833 2073.333",
+	children: [
+		/* @__PURE__ */ e("path", {
+			fill: "#5059C9",
+			d: "M1554.637,777.5h575.713c54.391,0,98.483,44.092,98.483,98.483c0,0,0,0,0,0v524.398 c0,199.901-162.051,361.952-361.952,361.952h0h-1.711c-199.901,0.028-361.975-162-362.004-361.901c0-0.017,0-0.034,0-0.052V828.971 C1503.167,800.544,1526.211,777.5,1554.637,777.5L1554.637,777.5z"
+		}),
+		/* @__PURE__ */ e("circle", {
+			fill: "#5059C9",
+			cx: "1943.75",
+			cy: "440.583",
+			r: "233.25"
+		}),
+		/* @__PURE__ */ e("circle", {
+			fill: "#7B83EB",
+			cx: "1218.083",
+			cy: "336.917",
+			r: "336.917"
+		}),
+		/* @__PURE__ */ e("path", {
+			fill: "#7B83EB",
+			d: "M1667.323,777.5H717.01c-53.743,1.33-96.257,45.931-95.01,99.676v598.105 c-7.505,322.519,247.657,590.16,570.167,598.053c322.51-7.893,577.671-275.534,570.167-598.053V877.176 C1763.579,823.431,1721.066,778.83,1667.323,777.5z"
+		}),
+		/* @__PURE__ */ e("path", {
+			opacity: ".1",
+			d: "M1244,777.5v838.145c-0.258,38.435-23.549,72.964-59.09,87.598 c-11.316,4.787-23.478,7.254-35.765,7.257H667.613c-6.738-17.105-12.958-34.21-18.142-51.833 c-18.144-59.477-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1244z"
+		}),
+		/* @__PURE__ */ e("path", {
+			opacity: ".2",
+			d: "M1192.167,777.5v889.978c-0.002,12.287-2.47,24.449-7.257,35.765 c-14.634,35.541-49.163,58.833-87.598,59.09H691.975c-8.812-17.105-17.105-34.21-24.362-51.833 c-7.257-17.623-12.958-34.21-18.142-51.833c-18.144-59.476-27.402-121.307-27.472-183.49V877.02 c-1.246-53.659,41.198-98.19,94.855-99.52H1192.167z"
+		}),
+		/* @__PURE__ */ e("path", {
+			opacity: ".2",
+			d: "M1192.167,777.5v786.312c-0.395,52.223-42.632,94.46-94.855,94.855h-447.84 c-18.144-59.476-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1192.167z"
+		}),
+		/* @__PURE__ */ e("path", {
+			opacity: ".2",
+			d: "M1140.333,777.5v786.312c-0.395,52.223-42.632,94.46-94.855,94.855H649.472 c-18.144-59.476-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1140.333z"
+		}),
+		/* @__PURE__ */ e("path", {
+			opacity: ".1",
+			d: "M1244,509.522v163.275c-8.812,0.518-17.105,1.037-25.917,1.037 c-8.812,0-17.105-0.518-25.917-1.037c-17.496-1.161-34.848-3.937-51.833-8.293c-104.963-24.857-191.679-98.469-233.25-198.003 c-7.153-16.715-12.706-34.071-16.587-51.833h258.648C1201.449,414.866,1243.801,457.217,1244,509.522z"
+		}),
+		/* @__PURE__ */ e("path", {
+			opacity: ".2",
+			d: "M1192.167,561.355v111.442c-17.496-1.161-34.848-3.937-51.833-8.293 c-104.963-24.857-191.679-98.469-233.25-198.003h190.228C1149.616,466.699,1191.968,509.051,1192.167,561.355z"
+		}),
+		/* @__PURE__ */ e("path", {
+			opacity: ".2",
+			d: "M1192.167,561.355v111.442c-17.496-1.161-34.848-3.937-51.833-8.293 c-104.963-24.857-191.679-98.469-233.25-198.003h190.228C1149.616,466.699,1191.968,509.051,1192.167,561.355z"
+		}),
+		/* @__PURE__ */ e("path", {
+			opacity: ".2",
+			d: "M1140.333,561.355v103.148c-104.963-24.857-191.679-98.469-233.25-198.003 h138.395C1097.783,466.699,1140.134,509.051,1140.333,561.355z"
+		}),
+		/* @__PURE__ */ t("linearGradient", {
+			id: "a",
+			gradientUnits: "userSpaceOnUse",
+			x1: "198.099",
+			y1: "1683.0726",
+			x2: "942.2344",
+			y2: "394.2607",
+			gradientTransform: "matrix(1 0 0 -1 0 2075.3333)",
+			children: [
+				/* @__PURE__ */ e("stop", {
+					offset: "0",
+					stopColor: "#5a62c3"
+				}),
+				/* @__PURE__ */ e("stop", {
+					offset: ".5",
+					stopColor: "#4d55bd"
+				}),
+				/* @__PURE__ */ e("stop", {
+					offset: "1",
+					stopColor: "#3940ab"
+				})
+			]
+		}),
+		/* @__PURE__ */ e("path", {
+			fill: "url(#a)",
+			d: "M95.01,466.5h950.312c52.473,0,95.01,42.538,95.01,95.01v950.312c0,52.473-42.538,95.01-95.01,95.01 H95.01c-52.473,0-95.01-42.538-95.01-95.01V561.51C0,509.038,42.538,466.5,95.01,466.5z"
+		}),
+		/* @__PURE__ */ e("path", {
+			fill: "#FFF",
+			d: "M820.211,828.193H630.241v517.297H509.211V828.193H320.123V727.844h500.088V828.193z"
+		})
+	]
+});
+//#endregion
+export { n as MsTeamsIcon };
+
+//# sourceMappingURL=MsTeamsIcon.mjs.map

package/dist/esm/modules/ms-teams/components/MsTeamsIcon/MsTeamsIcon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MsTeamsIcon.mjs","sources":["../../../../../../src/modules/ms-teams/components/MsTeamsIcon/MsTeamsIcon.tsx"],"sourcesContent":["import { FunctionComponent } from \"react\";\n\nexport interface MsTeamsIconProps {\n  height: string;\n  width: string;\n}\n\nexport const MsTeamsIcon: FunctionComponent<MsTeamsIconProps> = ({\n  height,\n  width,\n}) => {\n  return (\n    // Source: https://commons.wikimedia.org/wiki/File:Microsoft_Office_Teams_(2018%E2%80%93present).svg\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={{ height, width }}\n      viewBox=\"0 0 2228.833 2073.333\"\n    >\n      <path\n        fill=\"#5059C9\"\n        d=\"M1554.637,777.5h575.713c54.391,0,98.483,44.092,98.483,98.483c0,0,0,0,0,0v524.398 c0,199.901-162.051,361.952-361.952,361.952h0h-1.711c-199.901,0.028-361.975-162-362.004-361.901c0-0.017,0-0.034,0-0.052V828.971 C1503.167,800.544,1526.211,777.5,1554.637,777.5L1554.637,777.5z\"\n      />\n      <circle fill=\"#5059C9\" cx=\"1943.75\" cy=\"440.583\" r=\"233.25\" />\n      <circle fill=\"#7B83EB\" cx=\"1218.083\" cy=\"336.917\" r=\"336.917\" />\n      <path\n        fill=\"#7B83EB\"\n        d=\"M1667.323,777.5H717.01c-53.743,1.33-96.257,45.931-95.01,99.676v598.105 c-7.505,322.519,247.657,590.16,570.167,598.053c322.51-7.893,577.671-275.534,570.167-598.053V877.176 C1763.579,823.431,1721.066,778.83,1667.323,777.5z\"\n      />\n      <path\n        opacity=\".1\"\n        d=\"M1244,777.5v838.145c-0.258,38.435-23.549,72.964-59.09,87.598 c-11.316,4.787-23.478,7.254-35.765,7.257H667.613c-6.738-17.105-12.958-34.21-18.142-51.833 c-18.144-59.477-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1244z\"\n      />\n      <path\n        opacity=\".2\"\n        d=\"M1192.167,777.5v889.978c-0.002,12.287-2.47,24.449-7.257,35.765 c-14.634,35.541-49.163,58.833-87.598,59.09H691.975c-8.812-17.105-17.105-34.21-24.362-51.833 c-7.257-17.623-12.958-34.21-18.142-51.833c-18.144-59.476-27.402-121.307-27.472-183.49V877.02 c-1.246-53.659,41.198-98.19,94.855-99.52H1192.167z\"\n      />\n      <path\n        opacity=\".2\"\n        d=\"M1192.167,777.5v786.312c-0.395,52.223-42.632,94.46-94.855,94.855h-447.84 c-18.144-59.476-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1192.167z\"\n      />\n      <path\n        opacity=\".2\"\n        d=\"M1140.333,777.5v786.312c-0.395,52.223-42.632,94.46-94.855,94.855H649.472 c-18.144-59.476-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1140.333z\"\n      />\n      <path\n        opacity=\".1\"\n        d=\"M1244,509.522v163.275c-8.812,0.518-17.105,1.037-25.917,1.037 c-8.812,0-17.105-0.518-25.917-1.037c-17.496-1.161-34.848-3.937-51.833-8.293c-104.963-24.857-191.679-98.469-233.25-198.003 c-7.153-16.715-12.706-34.071-16.587-51.833h258.648C1201.449,414.866,1243.801,457.217,1244,509.522z\"\n      />\n      <path\n        opacity=\".2\"\n        d=\"M1192.167,561.355v111.442c-17.496-1.161-34.848-3.937-51.833-8.293 c-104.963-24.857-191.679-98.469-233.25-198.003h190.228C1149.616,466.699,1191.968,509.051,1192.167,561.355z\"\n      />\n      <path\n        opacity=\".2\"\n        d=\"M1192.167,561.355v111.442c-17.496-1.161-34.848-3.937-51.833-8.293 c-104.963-24.857-191.679-98.469-233.25-198.003h190.228C1149.616,466.699,1191.968,509.051,1192.167,561.355z\"\n      />\n      <path\n        opacity=\".2\"\n        d=\"M1140.333,561.355v103.148c-104.963-24.857-191.679-98.469-233.25-198.003 h138.395C1097.783,466.699,1140.134,509.051,1140.333,561.355z\"\n      />\n      <linearGradient\n        id=\"a\"\n        gradientUnits=\"userSpaceOnUse\"\n        x1=\"198.099\"\n        y1=\"1683.0726\"\n        x2=\"942.2344\"\n        y2=\"394.2607\"\n        gradientTransform=\"matrix(1 0 0 -1 0 2075.3333)\"\n      >\n        <stop offset=\"0\" stopColor=\"#5a62c3\" />\n        <stop offset=\".5\" stopColor=\"#4d55bd\" />\n        <stop offset=\"1\" stopColor=\"#3940ab\" />\n      </linearGradient>\n      <path\n        fill=\"url(#a)\"\n        d=\"M95.01,466.5h950.312c52.473,0,95.01,42.538,95.01,95.01v950.312c0,52.473-42.538,95.01-95.01,95.01 H95.01c-52.473,0-95.01-42.538-95.01-95.01V561.51C0,509.038,42.538,466.5,95.01,466.5z\"\n      />\n      <path\n        fill=\"#FFF\"\n        d=\"M820.211,828.193H630.241v517.297H509.211V828.193H320.123V727.844h500.088V828.193z\"\n      />\n    </svg>\n  );\n};\n"],"names":["MsTeamsIcon","height","width","React"],"mappings":";AAOO,MAAMA,IAAmDA,CAAC;AAAA,EAC/DC,QAAAA;AAAAA,EACAC,OAAAA;AACF;AAAA;AAAA,EAGKC,gBAAAA,EAAA,cAAA,OAAA,EACC,OAAM,8BACN,OAAO;AAAA,IAAEF,QAAAA;AAAAA,IAAQC,OAAAA;AAAAA,EAAAA,GACjB,SAAQ,wBAER,GAAAC,gBAAAA,EAAA,cAAC,UACC,MAAK,WACL,GAAE,kRAAA,CAAiR,GAErRA,gBAAAA,EAAA,cAAC,UAAO,EAAA,MAAK,WAAU,IAAG,WAAU,IAAG,WAAU,GAAE,SAAA,CAAQ,GAC3DA,gBAAAA,EAAA,cAAC,YAAO,MAAK,WAAU,IAAG,YAAW,IAAG,WAAU,GAAE,UAAS,CAAA,mCAC5D,QACC,EAAA,MAAK,WACL,GAAE,gOAA8N,GAEjOA,gBAAAA,EAAA,cAAA,QAAA,EACC,SAAQ,MACR,GAAE,4PAA0P,mCAE7P,QACC,EAAA,SAAQ,MACR,GAAE,6SAA4S,CAAA,GAEhTA,gBAAAA,EAAA,cAAC,QACC,EAAA,SAAQ,MACR,GAAE,iLAAgL,CAAA,mCAEnL,QACC,EAAA,SAAQ,MACR,GAAE,kLAAgL,GAEpLA,gBAAAA,EAAA,cAAC,QACC,EAAA,SAAQ,MACR,GAAE,4RAAA,CAA2R,GAE/RA,gBAAAA,EAAA,cAAC,QACC,EAAA,SAAQ,MACR,GAAE,+KAA8K,CAAA,GAElLA,gBAAAA,EAAA,cAAC,QACC,EAAA,SAAQ,MACR,GAAE,+KAA8K,CAAA,mCAEjL,QACC,EAAA,SAAQ,MACR,GAAE,uIAAsI,CAAA,GAEzIA,gBAAAA,EAAA,cAAA,kBAAA,EACC,IAAG,KACH,eAAc,kBACd,IAAG,WACH,IAAG,aACH,IAAG,YACH,IAAG,YACH,mBAAkB,+BAElB,GAAAA,gBAAAA,EAAA,cAAC,QAAK,EAAA,QAAO,KAAI,WAAU,WAAS,GACpCA,gBAAAA,EAAA,cAAC,QAAK,EAAA,QAAO,MAAK,WAAU,UAAS,CAAA,GACrCA,gBAAAA,EAAA,cAAC,UAAK,QAAO,KAAI,WAAU,UAAS,CAAA,CACtC,GACCA,gBAAAA,EAAA,cAAA,QAAA,EACC,MAAK,WACL,GAAE,yLAAuL,mCAE1L,QACC,EAAA,MAAK,QACL,GAAE,qFAAmF,CAEzF;AAAA;"}
+{"version":3,"file":"MsTeamsIcon.mjs","names":[],"sources":["../../../../../../src/modules/ms-teams/components/MsTeamsIcon/MsTeamsIcon.tsx"],"sourcesContent":["import { FunctionComponent } from \"react\";\n\nexport interface MsTeamsIconProps {\n  height: string;\n  width: string;\n}\n\nexport const MsTeamsIcon: FunctionComponent<MsTeamsIconProps> = ({\n  height,\n  width,\n}) => {\n  return (\n    // Source: https://commons.wikimedia.org/wiki/File:Microsoft_Office_Teams_(2018%E2%80%93present).svg\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      style={{ height, width }}\n      viewBox=\"0 0 2228.833 2073.333\"\n    >\n      <path\n        fill=\"#5059C9\"\n        d=\"M1554.637,777.5h575.713c54.391,0,98.483,44.092,98.483,98.483c0,0,0,0,0,0v524.398 c0,199.901-162.051,361.952-361.952,361.952h0h-1.711c-199.901,0.028-361.975-162-362.004-361.901c0-0.017,0-0.034,0-0.052V828.971 C1503.167,800.544,1526.211,777.5,1554.637,777.5L1554.637,777.5z\"\n      />\n      <circle fill=\"#5059C9\" cx=\"1943.75\" cy=\"440.583\" r=\"233.25\" />\n      <circle fill=\"#7B83EB\" cx=\"1218.083\" cy=\"336.917\" r=\"336.917\" />\n      <path\n        fill=\"#7B83EB\"\n        d=\"M1667.323,777.5H717.01c-53.743,1.33-96.257,45.931-95.01,99.676v598.105 c-7.505,322.519,247.657,590.16,570.167,598.053c322.51-7.893,577.671-275.534,570.167-598.053V877.176 C1763.579,823.431,1721.066,778.83,1667.323,777.5z\"\n      />\n      <path\n        opacity=\".1\"\n        d=\"M1244,777.5v838.145c-0.258,38.435-23.549,72.964-59.09,87.598 c-11.316,4.787-23.478,7.254-35.765,7.257H667.613c-6.738-17.105-12.958-34.21-18.142-51.833 c-18.144-59.477-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1244z\"\n      />\n      <path\n        opacity=\".2\"\n        d=\"M1192.167,777.5v889.978c-0.002,12.287-2.47,24.449-7.257,35.765 c-14.634,35.541-49.163,58.833-87.598,59.09H691.975c-8.812-17.105-17.105-34.21-24.362-51.833 c-7.257-17.623-12.958-34.21-18.142-51.833c-18.144-59.476-27.402-121.307-27.472-183.49V877.02 c-1.246-53.659,41.198-98.19,94.855-99.52H1192.167z\"\n      />\n      <path\n        opacity=\".2\"\n        d=\"M1192.167,777.5v786.312c-0.395,52.223-42.632,94.46-94.855,94.855h-447.84 c-18.144-59.476-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1192.167z\"\n      />\n      <path\n        opacity=\".2\"\n        d=\"M1140.333,777.5v786.312c-0.395,52.223-42.632,94.46-94.855,94.855H649.472 c-18.144-59.476-27.402-121.307-27.472-183.49V877.02c-1.246-53.659,41.198-98.19,94.855-99.52H1140.333z\"\n      />\n      <path\n        opacity=\".1\"\n        d=\"M1244,509.522v163.275c-8.812,0.518-17.105,1.037-25.917,1.037 c-8.812,0-17.105-0.518-25.917-1.037c-17.496-1.161-34.848-3.937-51.833-8.293c-104.963-24.857-191.679-98.469-233.25-198.003 c-7.153-16.715-12.706-34.071-16.587-51.833h258.648C1201.449,414.866,1243.801,457.217,1244,509.522z\"\n      />\n      <path\n        opacity=\".2\"\n        d=\"M1192.167,561.355v111.442c-17.496-1.161-34.848-3.937-51.833-8.293 c-104.963-24.857-191.679-98.469-233.25-198.003h190.228C1149.616,466.699,1191.968,509.051,1192.167,561.355z\"\n      />\n      <path\n        opacity=\".2\"\n        d=\"M1192.167,561.355v111.442c-17.496-1.161-34.848-3.937-51.833-8.293 c-104.963-24.857-191.679-98.469-233.25-198.003h190.228C1149.616,466.699,1191.968,509.051,1192.167,561.355z\"\n      />\n      <path\n        opacity=\".2\"\n        d=\"M1140.333,561.355v103.148c-104.963-24.857-191.679-98.469-233.25-198.003 h138.395C1097.783,466.699,1140.134,509.051,1140.333,561.355z\"\n      />\n      <linearGradient\n        id=\"a\"\n        gradientUnits=\"userSpaceOnUse\"\n        x1=\"198.099\"\n        y1=\"1683.0726\"\n        x2=\"942.2344\"\n        y2=\"394.2607\"\n        gradientTransform=\"matrix(1 0 0 -1 0 2075.3333)\"\n      >\n        <stop offset=\"0\" stopColor=\"#5a62c3\" />\n        <stop offset=\".5\" stopColor=\"#4d55bd\" />\n        <stop offset=\"1\" stopColor=\"#3940ab\" />\n      </linearGradient>\n      <path\n        fill=\"url(#a)\"\n        d=\"M95.01,466.5h950.312c52.473,0,95.01,42.538,95.01,95.01v950.312c0,52.473-42.538,95.01-95.01,95.01 H95.01c-52.473,0-95.01-42.538-95.01-95.01V561.51C0,509.038,42.538,466.5,95.01,466.5z\"\n      />\n      <path\n        fill=\"#FFF\"\n        d=\"M820.211,828.193H630.241v517.297H509.211V828.193H320.123V727.844h500.088V828.193z\"\n      />\n    </svg>\n  );\n};\n"],"mappings":";;AAOA,IAAa,KAAoD,EAC/D,WACA,eAIE,kBAAC,OAAD;CACE,OAAM;CACN,OAAO;EAAE;EAAQ;CAAM;CACvB,SAAQ;WAHV;EAKE,kBAAC,QAAD;GACE,MAAK;GACL,GAAE;EACH,CAAA;EACD,kBAAC,UAAD;GAAQ,MAAK;GAAU,IAAG;GAAU,IAAG;GAAU,GAAE;EAAU,CAAA;EAC7D,kBAAC,UAAD;GAAQ,MAAK;GAAU,IAAG;GAAW,IAAG;GAAU,GAAE;EAAW,CAAA;EAC/D,kBAAC,QAAD;GACE,MAAK;GACL,GAAE;EACH,CAAA;EACD,kBAAC,QAAD;GACE,SAAQ;GACR,GAAE;EACH,CAAA;EACD,kBAAC,QAAD;GACE,SAAQ;GACR,GAAE;EACH,CAAA;EACD,kBAAC,QAAD;GACE,SAAQ;GACR,GAAE;EACH,CAAA;EACD,kBAAC,QAAD;GACE,SAAQ;GACR,GAAE;EACH,CAAA;EACD,kBAAC,QAAD;GACE,SAAQ;GACR,GAAE;EACH,CAAA;EACD,kBAAC,QAAD;GACE,SAAQ;GACR,GAAE;EACH,CAAA;EACD,kBAAC,QAAD;GACE,SAAQ;GACR,GAAE;EACH,CAAA;EACD,kBAAC,QAAD;GACE,SAAQ;GACR,GAAE;EACH,CAAA;EACD,kBAAC,kBAAD;GACE,IAAG;GACH,eAAc;GACd,IAAG;GACH,IAAG;GACH,IAAG;GACH,IAAG;GACH,mBAAkB;aAPpB;IASE,kBAAC,QAAD;KAAM,QAAO;KAAI,WAAU;IAAW,CAAA;IACtC,kBAAC,QAAD;KAAM,QAAO;KAAK,WAAU;IAAW,CAAA;IACvC,kBAAC,QAAD;KAAM,QAAO;KAAI,WAAU;IAAW,CAAA;GACxB;;EAChB,kBAAC,QAAD;GACE,MAAK;GACL,GAAE;EACH,CAAA;EACD,kBAAC,QAAD;GACE,MAAK;GACL,GAAE;EACH,CAAA;CACE"}

package/dist/esm/modules/ms-teams/components/MsTeamsIcon/index.mjs

@@ -0,0 +1,2 @@
+import { MsTeamsIcon as e } from "./MsTeamsIcon.mjs";
+export { e as MsTeamsIcon };

package/dist/esm/modules/ms-teams/index.mjs

@@ -0,0 +1,7 @@
+import { MsTeamsAuthButton as e } from "./components/MsTeamsAuthButton/MsTeamsAuthButton.mjs";
+import "./components/MsTeamsAuthButton/index.mjs";
+import { MsTeamsAuthContainer as t } from "./components/MsTeamsAuthContainer/MsTeamsAuthContainer.mjs";
+import "./components/MsTeamsAuthContainer/index.mjs";
+import n from "./components/MsTeamsChannelCombobox/MsTeamsChannelCombobox.mjs";
+import "./components/MsTeamsChannelCombobox/index.mjs";
+export { e as MsTeamsAuthButton, t as MsTeamsAuthContainer, n as MsTeamsChannelCombobox };

package/dist/esm/modules/ms-teams/utils.mjs

@@ -1,5 +1,6 @@
-const s = (a) => a.sort((e, o) => e.displayName.toLowerCase().localeCompare(o.displayName.toLowerCase()));
-export {
-  s as sortByDisplayName
-};
-//# sourceMappingURL=utils.mjs.map
+//#region src/modules/ms-teams/utils.ts
+var e = (e) => e.sort((e, t) => e.displayName.toLowerCase().localeCompare(t.displayName.toLowerCase()));
+//#endregion
+export { e as sortByDisplayName };
+
+//# sourceMappingURL=utils.mjs.map

package/dist/esm/modules/ms-teams/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../../../../src/modules/ms-teams/utils.ts"],"sourcesContent":["export const sortByDisplayName = <T extends { displayName: string }>(\n  items: T[],\n) =>\n  items.sort((a, b) =>\n    a.displayName.toLowerCase().localeCompare(b.displayName.toLowerCase()),\n  );\n"],"names":["sortByDisplayName","items","sort","a","b","displayName","toLowerCase","localeCompare"],"mappings":"AAAO,MAAMA,IAAoB,CAC/BC,MAEAA,EAAMC,KAAK,CAACC,GAAGC,MACbD,EAAEE,YAAYC,cAAcC,cAAcH,EAAEC,YAAYC,aAAa,CACvE;"}
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../../../src/modules/ms-teams/utils.ts"],"sourcesContent":["export const sortByDisplayName = <T extends { displayName: string }>(\n  items: T[],\n) =>\n  items.sort((a, b) =>\n    a.displayName.toLowerCase().localeCompare(b.displayName.toLowerCase()),\n  );\n"],"mappings":";AAAA,IAAa,KACX,MAEA,EAAM,MAAM,GAAG,MACb,EAAE,YAAY,YAAY,CAAC,CAAC,cAAc,EAAE,YAAY,YAAY,CAAC,CACvE"}

package/dist/esm/modules/slack/components/SlackAddChannelInput/SlackAddChannelInput.mjs

@@ -1,33 +1,49 @@
-import e, { useState as s } from "react";
-import { useTranslations as f } from "@knocklabs/react-core";
-import { Spinner as C } from "../../../core/components/Spinner/Spinner.mjs";
-/* empty css                                          */
-/* empty css               */
-import _ from "../SlackChannelCombobox/SlackConnectionError.mjs";
-import { SlackIcon as E } from "../SlackIcon/SlackIcon.mjs";
-/* empty css            */
-const T = ({
-  inErrorState: i,
-  connectedChannels: c = [],
-  updateConnectedChannels: m,
-  connectedChannelsError: u,
-  connectedChannelsUpdating: d
-}) => {
-  const {
-    t
-  } = f(), [n, a] = s(null), [l, r] = s(null), h = () => {
-    if (!n)
-      return;
-    if (l && r(null), c.find((k) => k.channel_id === n))
-      return a(""), r(t("slackChannelAlreadyConnected") || "");
-    const p = [...c, {
-      channel_id: n
-    }];
-    m(p), a("");
-  };
-  return /* @__PURE__ */ e.createElement("div", { className: "rsk-connect-channel" }, /* @__PURE__ */ e.createElement("input", { className: `rsk-connect-channel__input ${(i || !!l) && !n && "rsk-connect-channel__input--error"}`, tabIndex: -1, id: "slack-channel-search", type: "text", placeholder: l || u || t("slackChannelId"), onChange: (o) => a(o.target.value), value: n || "" }), /* @__PURE__ */ e.createElement("button", { className: "rsk-connect-channel__button", onClick: h }, d ? /* @__PURE__ */ e.createElement(C, { size: "15px", thickness: 3 }) : /* @__PURE__ */ e.createElement(E, { height: "16px", width: "16px" }), t("slackConnectChannel")), /* @__PURE__ */ e.createElement(_, null));
+import { Spinner as e } from "../../../core/components/Spinner/Spinner.mjs";
+import "../../../core/index.mjs";
+/* empty css           */
+import { SlackIcon as t } from "../SlackIcon/SlackIcon.mjs";
+import "../SlackIcon/index.mjs";
+import n from "../SlackChannelCombobox/SlackConnectionError.mjs";
+/* empty css        */
+import { useTranslations as r } from "@knocklabs/react-core";
+import { useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/modules/slack/components/SlackAddChannelInput/SlackAddChannelInput.tsx
+var s = ({ inErrorState: s, connectedChannels: c = [], updateConnectedChannels: l, connectedChannelsError: u, connectedChannelsUpdating: d }) => {
+	let { t: f } = r(), [p, m] = i(null), [h, g] = i(null);
+	return /* @__PURE__ */ o("div", {
+		className: "rsk-connect-channel",
+		children: [
+			/* @__PURE__ */ a("input", {
+				className: `rsk-connect-channel__input ${(s || !!h) && !p && "rsk-connect-channel__input--error"}`,
+				tabIndex: -1,
+				id: "slack-channel-search",
+				type: "text",
+				placeholder: h || u || f("slackChannelId"),
+				onChange: (e) => m(e.target.value),
+				value: p || ""
+			}),
+			/* @__PURE__ */ o("button", {
+				className: "rsk-connect-channel__button",
+				onClick: () => {
+					if (p) {
+						if (h && g(null), c.find((e) => e.channel_id === p)) return m(""), g(f("slackChannelAlreadyConnected") || "");
+						l([...c, { channel_id: p }]), m("");
+					}
+				},
+				children: [d ? /* @__PURE__ */ a(e, {
+					size: "15px",
+					thickness: 3
+				}) : /* @__PURE__ */ a(t, {
+					height: "16px",
+					width: "16px"
+				}), f("slackConnectChannel")]
+			}),
+			/* @__PURE__ */ a(n, {})
+		]
+	});
 };
-export {
-  T as default
-};
-//# sourceMappingURL=SlackAddChannelInput.mjs.map
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=SlackAddChannelInput.mjs.map

package/dist/esm/modules/slack/components/SlackAddChannelInput/SlackAddChannelInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SlackAddChannelInput.mjs","sources":["../../../../../../src/modules/slack/components/SlackAddChannelInput/SlackAddChannelInput.tsx"],"sourcesContent":["import { SlackChannelConnection } from \"@knocklabs/client\";\nimport { useTranslations } from \"@knocklabs/react-core\";\nimport { useState } from \"react\";\nimport { FunctionComponent } from \"react\";\n\nimport { Spinner } from \"../../../core\";\nimport \"../../theme.css\";\nimport ConnectionErrorInfoBoxes from \"../SlackChannelCombobox/SlackConnectionError\";\nimport { SlackIcon } from \"../SlackIcon\";\n\nimport \"./styles.css\";\n\nexport interface SlackAddChannelInputProps {\n  inErrorState: boolean;\n  connectedChannels: SlackChannelConnection[];\n  updateConnectedChannels: (channels: SlackChannelConnection[]) => void;\n  connectedChannelsError: string | null;\n  connectedChannelsUpdating: boolean;\n}\n\nconst SlackAddChannelInput: FunctionComponent<SlackAddChannelInputProps> = ({\n  inErrorState,\n  connectedChannels = [],\n  updateConnectedChannels,\n  connectedChannelsError,\n  connectedChannelsUpdating,\n}) => {\n  const { t } = useTranslations();\n  const [value, setValue] = useState<string | null>(null);\n  const [localError, setLocalError] = useState<string | null>(null);\n\n  const submitChannel = () => {\n    if (!value) {\n      return;\n    }\n\n    if (localError) {\n      setLocalError(null);\n    }\n\n    const alreadyConnected = connectedChannels.find(\n      (channel) => channel.channel_id === value,\n    );\n\n    if (alreadyConnected) {\n      setValue(\"\");\n      return setLocalError(t(\"slackChannelAlreadyConnected\") || \"\");\n    }\n\n    const channelsToSendToKnock = [...connectedChannels, { channel_id: value }];\n    updateConnectedChannels(channelsToSendToKnock);\n    setValue(\"\");\n  };\n\n  return (\n    <div className=\"rsk-connect-channel\">\n      <input\n        className={`rsk-connect-channel__input ${(inErrorState || !!localError) && !value && \"rsk-connect-channel__input--error\"}`}\n        tabIndex={-1}\n        id=\"slack-channel-search\"\n        type=\"text\"\n        placeholder={\n          localError || connectedChannelsError || t(\"slackChannelId\")\n        }\n        onChange={(e) => setValue(e.target.value)}\n        value={value || \"\"}\n      />\n      <button className=\"rsk-connect-channel__button\" onClick={submitChannel}>\n        {connectedChannelsUpdating ? (\n          <Spinner size=\"15px\" thickness={3} />\n        ) : (\n          <SlackIcon height=\"16px\" width=\"16px\" />\n        )}\n        {t(\"slackConnectChannel\")}\n      </button>\n      <ConnectionErrorInfoBoxes />\n    </div>\n  );\n};\n\nexport default SlackAddChannelInput;\n"],"names":["SlackAddChannelInput","inErrorState","connectedChannels","updateConnectedChannels","connectedChannelsError","connectedChannelsUpdating","t","useTranslations","value","setValue","useState","localError","setLocalError","submitChannel","find","channel","channel_id","channelsToSendToKnock","React","e","target","Spinner","SlackIcon","ConnectionErrorInfoBoxes"],"mappings":";;;;;;;;AAoBA,MAAMA,IAAqEA,CAAC;AAAA,EAC1EC,cAAAA;AAAAA,EACAC,mBAAAA,IAAoB,CAAE;AAAA,EACtBC,yBAAAA;AAAAA,EACAC,wBAAAA;AAAAA,EACAC,2BAAAA;AACF,MAAM;AACE,QAAA;AAAA,IAAEC;AAAAA,MAAMC,EAAgB,GACxB,CAACC,GAAOC,CAAQ,IAAIC,EAAwB,IAAI,GAChD,CAACC,GAAYC,CAAa,IAAIF,EAAwB,IAAI,GAE1DG,IAAgBA,MAAM;AAC1B,QAAI,CAACL;AACH;AAWF,QARIG,KACFC,EAAc,IAAI,GAGKV,EAAkBY,KACxCC,CAAYA,MAAAA,EAAQC,eAAeR,CACtC;AAGEC,aAAAA,EAAS,EAAE,GACJG,EAAcN,EAAE,8BAA8B,KAAK,EAAE;AAGxDW,UAAAA,IAAwB,CAAC,GAAGf,GAAmB;AAAA,MAAEc,YAAYR;AAAAA,IAAAA,CAAO;AAC1EL,IAAAA,EAAwBc,CAAqB,GAC7CR,EAAS,EAAE;AAAA,EACb;AAEA,SACGS,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,sBAAA,GACZA,gBAAAA,EAAA,cAAA,SAAA,EACC,WAAW,+BAA+BjB,KAAgB,CAAC,CAACU,MAAe,CAACH,KAAS,mCAAmC,IACxH,UAAU,IACV,IAAG,wBACH,MAAK,QACL,aACEG,KAAcP,KAA0BE,EAAE,gBAAgB,GAE5D,UAAWa,CAAAA,MAAMV,EAASU,EAAEC,OAAOZ,KAAK,GACxC,OAAOA,KAAS,IAAG,GAEpBU,gBAAAA,EAAA,cAAA,UAAA,EAAO,WAAU,+BAA8B,SAASL,EAAAA,GACtDR,IACCa,gBAAAA,EAAA,cAACG,KAAQ,MAAK,QAAO,WAAW,EAAA,CAAK,IAErCH,gBAAAA,EAAA,cAACI,GAAU,EAAA,QAAO,QAAO,OAAM,OAAA,CAChC,GACAhB,EAAE,qBAAqB,CAC1B,GACAY,gBAAAA,EAAA,cAACK,OAAwB,CAC3B;AAEJ;"}
+{"version":3,"file":"SlackAddChannelInput.mjs","names":[],"sources":["../../../../../../src/modules/slack/components/SlackAddChannelInput/SlackAddChannelInput.tsx"],"sourcesContent":["import { SlackChannelConnection } from \"@knocklabs/client\";\nimport { useTranslations } from \"@knocklabs/react-core\";\nimport { useState } from \"react\";\nimport { FunctionComponent } from \"react\";\n\nimport { Spinner } from \"../../../core\";\nimport \"../../theme.css\";\nimport ConnectionErrorInfoBoxes from \"../SlackChannelCombobox/SlackConnectionError\";\nimport { SlackIcon } from \"../SlackIcon\";\n\nimport \"./styles.css\";\n\nexport interface SlackAddChannelInputProps {\n  inErrorState: boolean;\n  connectedChannels: SlackChannelConnection[];\n  updateConnectedChannels: (channels: SlackChannelConnection[]) => void;\n  connectedChannelsError: string | null;\n  connectedChannelsUpdating: boolean;\n}\n\nconst SlackAddChannelInput: FunctionComponent<SlackAddChannelInputProps> = ({\n  inErrorState,\n  connectedChannels = [],\n  updateConnectedChannels,\n  connectedChannelsError,\n  connectedChannelsUpdating,\n}) => {\n  const { t } = useTranslations();\n  const [value, setValue] = useState<string | null>(null);\n  const [localError, setLocalError] = useState<string | null>(null);\n\n  const submitChannel = () => {\n    if (!value) {\n      return;\n    }\n\n    if (localError) {\n      setLocalError(null);\n    }\n\n    const alreadyConnected = connectedChannels.find(\n      (channel) => channel.channel_id === value,\n    );\n\n    if (alreadyConnected) {\n      setValue(\"\");\n      return setLocalError(t(\"slackChannelAlreadyConnected\") || \"\");\n    }\n\n    const channelsToSendToKnock = [...connectedChannels, { channel_id: value }];\n    updateConnectedChannels(channelsToSendToKnock);\n    setValue(\"\");\n  };\n\n  return (\n    <div className=\"rsk-connect-channel\">\n      <input\n        className={`rsk-connect-channel__input ${(inErrorState || !!localError) && !value && \"rsk-connect-channel__input--error\"}`}\n        tabIndex={-1}\n        id=\"slack-channel-search\"\n        type=\"text\"\n        placeholder={\n          localError || connectedChannelsError || t(\"slackChannelId\")\n        }\n        onChange={(e) => setValue(e.target.value)}\n        value={value || \"\"}\n      />\n      <button className=\"rsk-connect-channel__button\" onClick={submitChannel}>\n        {connectedChannelsUpdating ? (\n          <Spinner size=\"15px\" thickness={3} />\n        ) : (\n          <SlackIcon height=\"16px\" width=\"16px\" />\n        )}\n        {t(\"slackConnectChannel\")}\n      </button>\n      <ConnectionErrorInfoBoxes />\n    </div>\n  );\n};\n\nexport default SlackAddChannelInput;\n"],"mappings":";;;;;;;;;;;AAoBA,IAAM,KAAsE,EAC1E,iBACA,uBAAoB,CAAC,GACrB,4BACA,2BACA,mCACI;CACJ,IAAM,EAAE,SAAM,EAAgB,GACxB,CAAC,GAAO,KAAY,EAAwB,IAAI,GAChD,CAAC,GAAY,KAAiB,EAAwB,IAAI;CAyBhE,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,SAAD;IACE,WAAW,+BAA+B,KAAgB,CAAC,CAAC,MAAe,CAAC,KAAS;IACrF,UAAU;IACV,IAAG;IACH,MAAK;IACL,aACE,KAAc,KAA0B,EAAE,gBAAgB;IAE5D,WAAW,MAAM,EAAS,EAAE,OAAO,KAAK;IACxC,OAAO,KAAS;GACjB,CAAA;GACD,kBAAC,UAAD;IAAQ,WAAU;IAA8B,eApCxB;KACrB,OAYL;UARI,KACF,EAAc,IAAI,GAGK,EAAkB,MACxC,MAAY,EAAQ,eAAe,CAGlC,GAEF,OADA,EAAS,EAAE,GACJ,EAAc,EAAE,8BAA8B,KAAK,EAAE;MAK9D,AADA,EAAwB,CADO,GAAG,GAAmB,EAAE,YAAY,EAAM,CACjD,CAAqB,GAC7C,EAAS,EAAE;KAJX;IAKF;cAeI,CACG,IACC,kBAAC,GAAD;KAAS,MAAK;KAAO,WAAW;IAAI,CAAA,IAEpC,kBAAC,GAAD;KAAW,QAAO;KAAO,OAAM;IAAQ,CAAA,GAExC,EAAE,qBAAqB,CAClB;;GACR,kBAAC,GAAD,CAA2B,CAAA;EACxB;;AAET"}

package/dist/esm/modules/slack/components/SlackAuthButton/SlackAuthButton.mjs

@@ -1,59 +1,83 @@
-import n, { useMemo as L, useCallback as N } from "react";
-import { useTranslations as w, useKnockClient as A, useKnockSlackClient as M, useSlackAuth as I, useAuthPostMessageListener as K, getSlackNonceStorageKey as v, useAuthPolling as y } from "@knocklabs/react-core";
-import { openPopupWindow as d } from "../../../core/utils.mjs";
-/* empty css               */
-import { SlackIcon as a } from "../SlackIcon/SlackIcon.mjs";
-/* empty css            */
-const H = ({
-  slackClientId: b,
-  redirectUrl: g,
-  onAuthenticationComplete: i,
-  scopes: k,
-  additionalScopes: m
-}) => {
-  const {
-    t: e
-  } = w(), c = A(), {
-    setConnectionStatus: o,
-    connectionStatus: t,
-    setActionLabel: s,
-    actionLabel: p,
-    errorLabel: E,
-    tenantId: _,
-    knockSlackChannelId: l,
-    popupWindowRef: r
-  } = M(), C = L(() => ({
-    scopes: k,
-    additionalScopes: m
-  }), [k, m]), {
-    buildSlackAuthUrl: h,
-    disconnectFromSlack: S
-  } = I(b, g, C);
-  K({
-    knockHost: c.host,
-    popupWindowRef: r,
-    setConnectionStatus: o,
-    onAuthenticationComplete: i,
-    nonceStorageKey: v(l, c.userId)
-  }), y({
-    popupWindowRef: r,
-    setConnectionStatus: o,
-    onAuthenticationComplete: i,
-    authCheckFn: N(async () => c.slack.authCheck({
-      tenant: _,
-      knockChannelId: l
-    }), [c.slack, _, l])
-  });
-  const x = e("slackDisconnect") || null, f = e("slackReconnect") || null;
-  return t === "connecting" || t === "disconnecting" ? /* @__PURE__ */ n.createElement("div", { className: "rsk-connect__button rsk-connect__button--loading" }, /* @__PURE__ */ n.createElement(a, { height: "16px", width: "16px" }), /* @__PURE__ */ n.createElement("span", null, e(t === "connecting" ? "slackConnecting" : "slackDisconnecting"))) : t === "error" ? /* @__PURE__ */ n.createElement("button", { onClick: () => {
-    const u = d(h());
-    r.current = u, o("connecting");
-  }, className: "rsk-connect__button rsk-connect__button--error", onMouseEnter: () => s(f), onMouseLeave: () => s(null) }, /* @__PURE__ */ n.createElement(a, { height: "16px", width: "16px" }), /* @__PURE__ */ n.createElement("span", { className: "rsk-connect__button__text--error" }, p || E || e("slackError"))) : t === "disconnected" ? /* @__PURE__ */ n.createElement("button", { onClick: () => {
-    const u = d(h());
-    r.current = u, o("connecting");
-  }, className: "rsk-connect__button rsk-connect__button--disconnected" }, /* @__PURE__ */ n.createElement(a, { height: "16px", width: "16px" }), /* @__PURE__ */ n.createElement("span", null, e("slackConnect"))) : /* @__PURE__ */ n.createElement("button", { onClick: S, className: "rsk-connect__button rsk-connect__button--connected", onMouseEnter: () => s(x), onMouseLeave: () => s(null) }, /* @__PURE__ */ n.createElement(a, { height: "16px", width: "16px" }), /* @__PURE__ */ n.createElement("span", { className: "rsk-connect__button__text--connected" }, p || e("slackConnected")));
+import { openPopupWindow as e } from "../../../core/utils.mjs";
+/* empty css           */
+import { SlackIcon as t } from "../SlackIcon/SlackIcon.mjs";
+import "../SlackIcon/index.mjs";
+/* empty css        */
+import { getSlackNonceStorageKey as n, useAuthPolling as r, useAuthPostMessageListener as i, useKnockClient as a, useKnockSlackClient as o, useSlackAuth as s, useTranslations as c } from "@knocklabs/react-core";
+import { useCallback as l, useMemo as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/modules/slack/components/SlackAuthButton/SlackAuthButton.tsx
+var p = ({ slackClientId: p, redirectUrl: m, onAuthenticationComplete: h, scopes: g, additionalScopes: _ }) => {
+	let { t: v } = c(), y = a(), { setConnectionStatus: b, connectionStatus: x, setActionLabel: S, actionLabel: C, errorLabel: w, tenantId: T, knockSlackChannelId: E, popupWindowRef: D } = o(), { buildSlackAuthUrl: O, disconnectFromSlack: k } = s(p, m, u(() => ({
+		scopes: g,
+		additionalScopes: _
+	}), [g, _]));
+	i({
+		knockHost: y.host,
+		popupWindowRef: D,
+		setConnectionStatus: b,
+		onAuthenticationComplete: h,
+		nonceStorageKey: n(E, y.userId)
+	}), r({
+		popupWindowRef: D,
+		setConnectionStatus: b,
+		onAuthenticationComplete: h,
+		authCheckFn: l(async () => y.slack.authCheck({
+			tenant: T,
+			knockChannelId: E
+		}), [
+			y.slack,
+			T,
+			E
+		])
+	});
+	let A = v("slackDisconnect") || null, j = v("slackReconnect") || null;
+	return x === "connecting" || x === "disconnecting" ? /* @__PURE__ */ f("div", {
+		className: "rsk-connect__button rsk-connect__button--loading",
+		children: [/* @__PURE__ */ d(t, {
+			height: "16px",
+			width: "16px"
+		}), /* @__PURE__ */ d("span", { children: v(x === "connecting" ? "slackConnecting" : "slackDisconnecting") })]
+	}) : x === "error" ? /* @__PURE__ */ f("button", {
+		onClick: () => {
+			let t = e(O());
+			D.current = t, b("connecting");
+		},
+		className: "rsk-connect__button rsk-connect__button--error",
+		onMouseEnter: () => S(j),
+		onMouseLeave: () => S(null),
+		children: [/* @__PURE__ */ d(t, {
+			height: "16px",
+			width: "16px"
+		}), /* @__PURE__ */ d("span", {
+			className: "rsk-connect__button__text--error",
+			children: C || w || v("slackError")
+		})]
+	}) : x === "disconnected" ? /* @__PURE__ */ f("button", {
+		onClick: () => {
+			let t = e(O());
+			D.current = t, b("connecting");
+		},
+		className: "rsk-connect__button rsk-connect__button--disconnected",
+		children: [/* @__PURE__ */ d(t, {
+			height: "16px",
+			width: "16px"
+		}), /* @__PURE__ */ d("span", { children: v("slackConnect") })]
+	}) : /* @__PURE__ */ f("button", {
+		onClick: k,
+		className: "rsk-connect__button rsk-connect__button--connected",
+		onMouseEnter: () => S(A),
+		onMouseLeave: () => S(null),
+		children: [/* @__PURE__ */ d(t, {
+			height: "16px",
+			width: "16px"
+		}), /* @__PURE__ */ d("span", {
+			className: "rsk-connect__button__text--connected",
+			children: C || v("slackConnected")
+		})]
+	});
 };
-export {
-  H as SlackAuthButton
-};
-//# sourceMappingURL=SlackAuthButton.mjs.map
+//#endregion
+export { p as SlackAuthButton };
+
+//# sourceMappingURL=SlackAuthButton.mjs.map

package/dist/esm/modules/slack/components/SlackAuthButton/SlackAuthButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SlackAuthButton.mjs","sources":["../../../../../../src/modules/slack/components/SlackAuthButton/SlackAuthButton.tsx"],"sourcesContent":["import {\n  getSlackNonceStorageKey,\n  useAuthPolling,\n  useAuthPostMessageListener,\n  useKnockClient,\n  useKnockSlackClient,\n  useSlackAuth,\n  useTranslations,\n} from \"@knocklabs/react-core\";\nimport { FunctionComponent, useCallback, useMemo } from \"react\";\n\nimport { openPopupWindow } from \"../../../core/utils\";\nimport \"../../theme.css\";\nimport { SlackIcon } from \"../SlackIcon\";\n\nimport \"./styles.css\";\n\nexport interface SlackAuthButtonProps {\n  slackClientId: string;\n  redirectUrl?: string;\n  onAuthenticationComplete?: (authenticationResp: string) => void;\n  // When provided, the default scopes will be overridden with the provided scopes\n  scopes?: string[];\n  // Additional scopes to add to the default scopes\n  additionalScopes?: string[];\n}\n\nexport const SlackAuthButton: FunctionComponent<SlackAuthButtonProps> = ({\n  slackClientId,\n  redirectUrl,\n  onAuthenticationComplete,\n  scopes,\n  additionalScopes,\n}) => {\n  const { t } = useTranslations();\n  const knock = useKnockClient();\n\n  const {\n    setConnectionStatus,\n    connectionStatus,\n    setActionLabel,\n    actionLabel,\n    errorLabel,\n    tenantId,\n    knockSlackChannelId,\n    popupWindowRef,\n  } = useKnockSlackClient();\n\n  const useSlackAuthOptions = useMemo(\n    () => ({\n      scopes,\n      additionalScopes,\n    }),\n    [scopes, additionalScopes],\n  );\n\n  const { buildSlackAuthUrl, disconnectFromSlack } = useSlackAuth(\n    slackClientId,\n    redirectUrl,\n    useSlackAuthOptions,\n  );\n\n  useAuthPostMessageListener({\n    knockHost: knock.host,\n    popupWindowRef,\n    setConnectionStatus,\n    onAuthenticationComplete,\n    nonceStorageKey: getSlackNonceStorageKey(\n      knockSlackChannelId,\n      knock.userId!,\n    ),\n  });\n\n  useAuthPolling({\n    popupWindowRef,\n    setConnectionStatus,\n    onAuthenticationComplete,\n    authCheckFn: useCallback(async () => {\n      return knock.slack.authCheck({\n        tenant: tenantId,\n        knockChannelId: knockSlackChannelId,\n      });\n    }, [knock.slack, tenantId, knockSlackChannelId]),\n  });\n\n  const disconnectLabel = t(\"slackDisconnect\") || null;\n  const reconnectLabel = t(\"slackReconnect\") || null;\n\n  // Loading states\n  if (\n    connectionStatus === \"connecting\" ||\n    connectionStatus === \"disconnecting\"\n  ) {\n    return (\n      <div className=\"rsk-connect__button rsk-connect__button--loading\">\n        <SlackIcon height=\"16px\" width=\"16px\" />\n        <span>\n          {connectionStatus === \"connecting\"\n            ? t(\"slackConnecting\")\n            : t(\"slackDisconnecting\")}\n        </span>\n      </div>\n    );\n  }\n\n  // Error state\n  if (connectionStatus === \"error\") {\n    return (\n      <button\n        onClick={() => {\n          const popup = openPopupWindow(buildSlackAuthUrl());\n          popupWindowRef.current = popup;\n          setConnectionStatus(\"connecting\");\n        }}\n        className=\"rsk-connect__button rsk-connect__button--error\"\n        onMouseEnter={() => setActionLabel(reconnectLabel)}\n        onMouseLeave={() => setActionLabel(null)}\n      >\n        <SlackIcon height=\"16px\" width=\"16px\" />\n        <span className=\"rsk-connect__button__text--error\">\n          {actionLabel || errorLabel || t(\"slackError\")}\n        </span>\n      </button>\n    );\n  }\n\n  // Disconnected state\n  if (connectionStatus === \"disconnected\") {\n    return (\n      <button\n        onClick={() => {\n          const popup = openPopupWindow(buildSlackAuthUrl());\n          popupWindowRef.current = popup;\n          setConnectionStatus(\"connecting\");\n        }}\n        className=\"rsk-connect__button rsk-connect__button--disconnected\"\n      >\n        <SlackIcon height=\"16px\" width=\"16px\" />\n        <span>{t(\"slackConnect\")}</span>\n      </button>\n    );\n  }\n\n  // Connected state\n  return (\n    <button\n      onClick={disconnectFromSlack}\n      className=\"rsk-connect__button rsk-connect__button--connected\"\n      onMouseEnter={() => setActionLabel(disconnectLabel)}\n      onMouseLeave={() => setActionLabel(null)}\n    >\n      <SlackIcon height=\"16px\" width=\"16px\" />\n      <span className=\"rsk-connect__button__text--connected\">\n        {actionLabel || t(\"slackConnected\")}\n      </span>\n    </button>\n  );\n};\n"],"names":["SlackAuthButton","slackClientId","redirectUrl","onAuthenticationComplete","scopes","additionalScopes","t","useTranslations","knock","useKnockClient","setConnectionStatus","connectionStatus","setActionLabel","actionLabel","errorLabel","tenantId","knockSlackChannelId","popupWindowRef","useKnockSlackClient","useSlackAuthOptions","useMemo","buildSlackAuthUrl","disconnectFromSlack","useSlackAuth","useAuthPostMessageListener","knockHost","host","nonceStorageKey","getSlackNonceStorageKey","userId","useAuthPolling","authCheckFn","useCallback","slack","authCheck","tenant","knockChannelId","disconnectLabel","reconnectLabel","React","SlackIcon","popup","openPopupWindow","current"],"mappings":";;;;;;AA2BO,MAAMA,IAA2DA,CAAC;AAAA,EACvEC,eAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,0BAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,kBAAAA;AACF,MAAM;AACE,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAgB,GACxBC,IAAQC,EAAe,GAEvB;AAAA,IACJC,qBAAAA;AAAAA,IACAC,kBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,qBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,MACEC,EAAoB,GAElBC,IAAsBC,EAC1B,OAAO;AAAA,IACLhB,QAAAA;AAAAA,IACAC,kBAAAA;AAAAA,EAAAA,IAEF,CAACD,GAAQC,CAAgB,CAC3B,GAEM;AAAA,IAAEgB,mBAAAA;AAAAA,IAAmBC,qBAAAA;AAAAA,EAAwBC,IAAAA,EACjDtB,GACAC,GACAiB,CACF;AAE2B,EAAAK,EAAA;AAAA,IACzBC,WAAWjB,EAAMkB;AAAAA,IACjBT,gBAAAA;AAAAA,IACAP,qBAAAA;AAAAA,IACAP,0BAAAA;AAAAA,IACAwB,iBAAiBC,EACfZ,GACAR,EAAMqB,MACR;AAAA,EAAA,CACD,GAEcC,EAAA;AAAA,IACbb,gBAAAA;AAAAA,IACAP,qBAAAA;AAAAA,IACAP,0BAAAA;AAAAA,IACA4B,aAAaC,EAAY,YAChBxB,EAAMyB,MAAMC,UAAU;AAAA,MAC3BC,QAAQpB;AAAAA,MACRqB,gBAAgBpB;AAAAA,IAAAA,CACjB,GACA,CAACR,EAAMyB,OAAOlB,GAAUC,CAAmB,CAAC;AAAA,EAAA,CAChD;AAEKqB,QAAAA,IAAkB/B,EAAE,iBAAiB,KAAK,MAC1CgC,IAAiBhC,EAAE,gBAAgB,KAAK;AAI5CK,SAAAA,MAAqB,gBACrBA,MAAqB,kBAGnB4B,gBAAAA,EAAA,cAAC,SAAI,WAAU,mDAAA,mCACZC,GAAU,EAAA,QAAO,QAAO,OAAM,OAAM,CAAA,GACpCD,gBAAAA,EAAA,cAAA,QAAA,MAEKjC,EADHK,MAAqB,eAChB,oBACA,oBADiB,CAEzB,CACF,IAKAA,MAAqB,UAErB4B,gBAAAA,EAAA,cAAC,UACC,EAAA,SAAS,MAAM;AACPE,UAAAA,IAAQC,EAAgBrB,GAAmB;AACjDJ,IAAAA,EAAe0B,UAAUF,GACzB/B,EAAoB,YAAY;AAAA,EAAA,GAElC,WAAU,kDACV,cAAc,MAAME,EAAe0B,CAAc,GACjD,cAAc,MAAM1B,EAAe,IAAI,EAEvC,GAAA2B,gBAAAA,EAAA,cAACC,GAAU,EAAA,QAAO,QAAO,OAAM,OAAM,CAAA,GACpCD,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAU,mCAAA,GACb1B,KAAeC,KAAcR,EAAE,YAAY,CAC9C,CACF,IAKAK,MAAqB,iBAErB4B,gBAAAA,EAAA,cAAC,UACC,EAAA,SAAS,MAAM;AACPE,UAAAA,IAAQC,EAAgBrB,GAAmB;AACjDJ,IAAAA,EAAe0B,UAAUF,GACzB/B,EAAoB,YAAY;AAAA,EAAA,GAElC,WAAU,wDAEV,GAAA6B,gBAAAA,EAAA,cAACC,KAAU,QAAO,QAAO,OAAM,QAAM,GACpCD,gBAAAA,EAAA,cAAA,QAAA,MAAMjC,EAAE,cAAc,CAAE,CAC3B,IAMDiC,gBAAAA,EAAA,cAAA,UAAA,EACC,SAASjB,GACT,WAAU,sDACV,cAAc,MAAMV,EAAeyB,CAAe,GAClD,cAAc,MAAMzB,EAAe,IAAI,KAEvC2B,gBAAAA,EAAA,cAACC,GAAU,EAAA,QAAO,QAAO,OAAM,OAAM,CAAA,GACrCD,gBAAAA,EAAA,cAAC,QAAK,EAAA,WAAU,uCACb1B,GAAAA,KAAeP,EAAE,gBAAgB,CACpC,CACF;AAEJ;"}
+{"version":3,"file":"SlackAuthButton.mjs","names":[],"sources":["../../../../../../src/modules/slack/components/SlackAuthButton/SlackAuthButton.tsx"],"sourcesContent":["import {\n  getSlackNonceStorageKey,\n  useAuthPolling,\n  useAuthPostMessageListener,\n  useKnockClient,\n  useKnockSlackClient,\n  useSlackAuth,\n  useTranslations,\n} from \"@knocklabs/react-core\";\nimport { FunctionComponent, useCallback, useMemo } from \"react\";\n\nimport { openPopupWindow } from \"../../../core/utils\";\nimport \"../../theme.css\";\nimport { SlackIcon } from \"../SlackIcon\";\n\nimport \"./styles.css\";\n\nexport interface SlackAuthButtonProps {\n  slackClientId: string;\n  redirectUrl?: string;\n  onAuthenticationComplete?: (authenticationResp: string) => void;\n  // When provided, the default scopes will be overridden with the provided scopes\n  scopes?: string[];\n  // Additional scopes to add to the default scopes\n  additionalScopes?: string[];\n}\n\nexport const SlackAuthButton: FunctionComponent<SlackAuthButtonProps> = ({\n  slackClientId,\n  redirectUrl,\n  onAuthenticationComplete,\n  scopes,\n  additionalScopes,\n}) => {\n  const { t } = useTranslations();\n  const knock = useKnockClient();\n\n  const {\n    setConnectionStatus,\n    connectionStatus,\n    setActionLabel,\n    actionLabel,\n    errorLabel,\n    tenantId,\n    knockSlackChannelId,\n    popupWindowRef,\n  } = useKnockSlackClient();\n\n  const useSlackAuthOptions = useMemo(\n    () => ({\n      scopes,\n      additionalScopes,\n    }),\n    [scopes, additionalScopes],\n  );\n\n  const { buildSlackAuthUrl, disconnectFromSlack } = useSlackAuth(\n    slackClientId,\n    redirectUrl,\n    useSlackAuthOptions,\n  );\n\n  useAuthPostMessageListener({\n    knockHost: knock.host,\n    popupWindowRef,\n    setConnectionStatus,\n    onAuthenticationComplete,\n    nonceStorageKey: getSlackNonceStorageKey(\n      knockSlackChannelId,\n      knock.userId!,\n    ),\n  });\n\n  useAuthPolling({\n    popupWindowRef,\n    setConnectionStatus,\n    onAuthenticationComplete,\n    authCheckFn: useCallback(async () => {\n      return knock.slack.authCheck({\n        tenant: tenantId,\n        knockChannelId: knockSlackChannelId,\n      });\n    }, [knock.slack, tenantId, knockSlackChannelId]),\n  });\n\n  const disconnectLabel = t(\"slackDisconnect\") || null;\n  const reconnectLabel = t(\"slackReconnect\") || null;\n\n  // Loading states\n  if (\n    connectionStatus === \"connecting\" ||\n    connectionStatus === \"disconnecting\"\n  ) {\n    return (\n      <div className=\"rsk-connect__button rsk-connect__button--loading\">\n        <SlackIcon height=\"16px\" width=\"16px\" />\n        <span>\n          {connectionStatus === \"connecting\"\n            ? t(\"slackConnecting\")\n            : t(\"slackDisconnecting\")}\n        </span>\n      </div>\n    );\n  }\n\n  // Error state\n  if (connectionStatus === \"error\") {\n    return (\n      <button\n        onClick={() => {\n          const popup = openPopupWindow(buildSlackAuthUrl());\n          popupWindowRef.current = popup;\n          setConnectionStatus(\"connecting\");\n        }}\n        className=\"rsk-connect__button rsk-connect__button--error\"\n        onMouseEnter={() => setActionLabel(reconnectLabel)}\n        onMouseLeave={() => setActionLabel(null)}\n      >\n        <SlackIcon height=\"16px\" width=\"16px\" />\n        <span className=\"rsk-connect__button__text--error\">\n          {actionLabel || errorLabel || t(\"slackError\")}\n        </span>\n      </button>\n    );\n  }\n\n  // Disconnected state\n  if (connectionStatus === \"disconnected\") {\n    return (\n      <button\n        onClick={() => {\n          const popup = openPopupWindow(buildSlackAuthUrl());\n          popupWindowRef.current = popup;\n          setConnectionStatus(\"connecting\");\n        }}\n        className=\"rsk-connect__button rsk-connect__button--disconnected\"\n      >\n        <SlackIcon height=\"16px\" width=\"16px\" />\n        <span>{t(\"slackConnect\")}</span>\n      </button>\n    );\n  }\n\n  // Connected state\n  return (\n    <button\n      onClick={disconnectFromSlack}\n      className=\"rsk-connect__button rsk-connect__button--connected\"\n      onMouseEnter={() => setActionLabel(disconnectLabel)}\n      onMouseLeave={() => setActionLabel(null)}\n    >\n      <SlackIcon height=\"16px\" width=\"16px\" />\n      <span className=\"rsk-connect__button__text--connected\">\n        {actionLabel || t(\"slackConnected\")}\n      </span>\n    </button>\n  );\n};\n"],"mappings":";;;;;;;;;AA2BA,IAAa,KAA4D,EACvE,kBACA,gBACA,6BACA,WACA,0BACI;CACJ,IAAM,EAAE,SAAM,EAAgB,GACxB,IAAQ,EAAe,GAEvB,EACJ,wBACA,qBACA,mBACA,gBACA,eACA,aACA,wBACA,sBACE,EAAoB,GAUlB,EAAE,sBAAmB,2BAAwB,EACjD,GACA,GAV0B,SACnB;EACL;EACA;CACF,IACA,CAAC,GAAQ,CAAgB,CAMzB,CACF;CAaA,AAXA,EAA2B;EACzB,WAAW,EAAM;EACjB;EACA;EACA;EACA,iBAAiB,EACf,GACA,EAAM,MACR;CACF,CAAC,GAED,EAAe;EACb;EACA;EACA;EACA,aAAa,EAAY,YAChB,EAAM,MAAM,UAAU;GAC3B,QAAQ;GACR,gBAAgB;EAClB,CAAC,GACA;GAAC,EAAM;GAAO;GAAU;EAAmB,CAAC;CACjD,CAAC;CAED,IAAM,IAAkB,EAAE,iBAAiB,KAAK,MAC1C,IAAiB,EAAE,gBAAgB,KAAK;CA0D9C,OAtDE,MAAqB,gBACrB,MAAqB,kBAGnB,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAW,QAAO;GAAO,OAAM;EAAQ,CAAA,GACvC,kBAAC,QAAD,EAAA,UAEM,EADH,MAAqB,eAChB,oBACA,oBAAoB,EACtB,CAAA,CACH;MAKL,MAAqB,UAErB,kBAAC,UAAD;EACE,eAAe;GACb,IAAM,IAAQ,EAAgB,EAAkB,CAAC;GAEjD,AADA,EAAe,UAAU,GACzB,EAAoB,YAAY;EAClC;EACA,WAAU;EACV,oBAAoB,EAAe,CAAc;EACjD,oBAAoB,EAAe,IAAI;YARzC,CAUE,kBAAC,GAAD;GAAW,QAAO;GAAO,OAAM;EAAQ,CAAA,GACvC,kBAAC,QAAD;GAAM,WAAU;aACb,KAAe,KAAc,EAAE,YAAY;EACxC,CAAA,CACA;MAKR,MAAqB,iBAErB,kBAAC,UAAD;EACE,eAAe;GACb,IAAM,IAAQ,EAAgB,EAAkB,CAAC;GAEjD,AADA,EAAe,UAAU,GACzB,EAAoB,YAAY;EAClC;EACA,WAAU;YANZ,CAQE,kBAAC,GAAD;GAAW,QAAO;GAAO,OAAM;EAAQ,CAAA,GACvC,kBAAC,QAAD,EAAA,UAAO,EAAE,cAAc,EAAQ,CAAA,CACzB;MAMV,kBAAC,UAAD;EACE,SAAS;EACT,WAAU;EACV,oBAAoB,EAAe,CAAe;EAClD,oBAAoB,EAAe,IAAI;YAJzC,CAME,kBAAC,GAAD;GAAW,QAAO;GAAO,OAAM;EAAQ,CAAA,GACvC,kBAAC,QAAD;GAAM,WAAU;aACb,KAAe,EAAE,gBAAgB;EAC9B,CAAA,CACA;;AAEZ"}

package/dist/esm/modules/slack/components/SlackAuthButton/index.mjs

@@ -0,0 +1,2 @@
+import { SlackAuthButton as e } from "./SlackAuthButton.mjs";
+export { e as SlackAuthButton };

package/dist/esm/modules/slack/components/SlackAuthContainer/SlackAuthContainer.mjs

@@ -1,17 +1,34 @@
-import e from "react";
-import { useTranslations as r } from "@knocklabs/react-core";
-/* empty css               */
-import { SlackIcon as c } from "../SlackIcon/SlackIcon.mjs";
-/* empty css            */
-const o = ({
-  actionButton: t
-}) => {
-  const {
-    t: a
-  } = r();
-  return /* @__PURE__ */ e.createElement("div", { className: "rsk-auth" }, /* @__PURE__ */ e.createElement("div", { className: "rsk-auth__header" }, /* @__PURE__ */ e.createElement(c, { height: "32px", width: "32px" }), /* @__PURE__ */ e.createElement("div", null, t)), /* @__PURE__ */ e.createElement("div", { className: "rsk-auth__title" }, "Slack"), /* @__PURE__ */ e.createElement("div", { className: "rsk-auth__description" }, a("slackConnectContainerDescription")));
+/* empty css           */
+import { SlackIcon as e } from "../SlackIcon/SlackIcon.mjs";
+import "../SlackIcon/index.mjs";
+/* empty css        */
+import { useTranslations as t } from "@knocklabs/react-core";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/modules/slack/components/SlackAuthContainer/SlackAuthContainer.tsx
+var i = ({ actionButton: i }) => {
+	let { t: a } = t();
+	return /* @__PURE__ */ r("div", {
+		className: "rsk-auth",
+		children: [
+			/* @__PURE__ */ r("div", {
+				className: "rsk-auth__header",
+				children: [/* @__PURE__ */ n(e, {
+					height: "32px",
+					width: "32px"
+				}), /* @__PURE__ */ n("div", { children: i })]
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "rsk-auth__title",
+				children: "Slack"
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "rsk-auth__description",
+				children: a("slackConnectContainerDescription")
+			})
+		]
+	});
 };
-export {
-  o as SlackAuthContainer
-};
-//# sourceMappingURL=SlackAuthContainer.mjs.map
+//#endregion
+export { i as SlackAuthContainer };
+
+//# sourceMappingURL=SlackAuthContainer.mjs.map

package/dist/esm/modules/slack/components/SlackAuthContainer/SlackAuthContainer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SlackAuthContainer.mjs","sources":["../../../../../../src/modules/slack/components/SlackAuthContainer/SlackAuthContainer.tsx"],"sourcesContent":["import { useTranslations } from \"@knocklabs/react-core\";\nimport { FunctionComponent } from \"react\";\n\nimport \"../../theme.css\";\nimport { SlackIcon } from \"../SlackIcon\";\n\nimport \"./styles.css\";\n\nexport interface SlackAuthContainerProps {\n  actionButton: React.ReactElement;\n}\n\nexport const SlackAuthContainer: FunctionComponent<SlackAuthContainerProps> = ({\n  actionButton,\n}) => {\n  const { t } = useTranslations();\n\n  return (\n    <div className=\"rsk-auth\">\n      <div className=\"rsk-auth__header\">\n        <SlackIcon height=\"32px\" width=\"32px\" />\n        <div>{actionButton}</div>\n      </div>\n      <div className=\"rsk-auth__title\">Slack</div>\n      <div className=\"rsk-auth__description\">\n        {t(\"slackConnectContainerDescription\")}\n      </div>\n    </div>\n  );\n};\n"],"names":["SlackAuthContainer","actionButton","t","useTranslations","React","SlackIcon"],"mappings":";;;;;AAYO,MAAMA,IAAiEA,CAAC;AAAA,EAC7EC,cAAAA;AACF,MAAM;AACE,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAgB;AAE9B,SACGC,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,8CACZ,OAAI,EAAA,WAAU,mBACb,GAAAA,gBAAAA,EAAA,cAACC,GAAU,EAAA,QAAO,QAAO,OAAM,QAAM,GACrCD,gBAAAA,EAAA,cAAC,OAAKH,MAAAA,CAAa,CACrB,GACCG,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,kBAAkB,GAAA,OAAK,GACtCA,gBAAAA,EAAA,cAAC,SAAI,WAAU,2BACZF,EAAE,kCAAkC,CACvC,CACF;AAEJ;"}
+{"version":3,"file":"SlackAuthContainer.mjs","names":[],"sources":["../../../../../../src/modules/slack/components/SlackAuthContainer/SlackAuthContainer.tsx"],"sourcesContent":["import { useTranslations } from \"@knocklabs/react-core\";\nimport { FunctionComponent } from \"react\";\n\nimport \"../../theme.css\";\nimport { SlackIcon } from \"../SlackIcon\";\n\nimport \"./styles.css\";\n\nexport interface SlackAuthContainerProps {\n  actionButton: React.ReactElement;\n}\n\nexport const SlackAuthContainer: FunctionComponent<SlackAuthContainerProps> = ({\n  actionButton,\n}) => {\n  const { t } = useTranslations();\n\n  return (\n    <div className=\"rsk-auth\">\n      <div className=\"rsk-auth__header\">\n        <SlackIcon height=\"32px\" width=\"32px\" />\n        <div>{actionButton}</div>\n      </div>\n      <div className=\"rsk-auth__title\">Slack</div>\n      <div className=\"rsk-auth__description\">\n        {t(\"slackConnectContainerDescription\")}\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAYA,IAAa,KAAkE,EAC7E,sBACI;CACJ,IAAM,EAAE,SAAM,EAAgB;CAE9B,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAW,QAAO;KAAO,OAAM;IAAQ,CAAA,GACvC,kBAAC,OAAD,EAAA,UAAM,EAAkB,CAAA,CACrB;;GACL,kBAAC,OAAD;IAAK,WAAU;cAAkB;GAAU,CAAA;GAC3C,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAE,kCAAkC;GAClC,CAAA;EACF;;AAET"}

package/dist/esm/modules/slack/components/SlackAuthContainer/index.mjs

@@ -0,0 +1,2 @@
+import { SlackAuthContainer as e } from "./SlackAuthContainer.mjs";
+export { e as SlackAuthContainer };