@bikdotai/bik-component-library 0.0.6 → 0.0.7-analytics-chips-beta

package/dist/cjs/components/modals/styledModal.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),b=require("react/jsx-runtime"),l=require("../button/Button.js"),G=require("./Modal.js"),I=require("../TypographyStyle.js"),d=require("../../constants/Theme.js");function H(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var Z=H(c);function g(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const i=Z.default("div","production"===process.env.NODE_ENV?{target:"e179voii5"}:{target:"e179voii5",label:"ModalWrapper"})("production"===process.env.NODE_ENV?{name:"q9i0cs",styles:"display:flex;flex-direction:column;flex:1;align-items:flex-start"}:{name:"q9i0cs",styles:"display:flex;flex-direction:column;flex:1;align-items:flex-start",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZE1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNZ0MiLCJmaWxlIjoic3R5bGVkTW9kYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vYnV0dG9uXCI7XHJcbmltcG9ydCB7IE1vZGFsIH0gZnJvbSBcIi4vTW9kYWxcIjtcclxuaW1wb3J0IHsgQm9keVByaW1hcnksIFRpdGxlTWVkaXVtIH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmNvbnN0IE1vZGFsV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRmbGV4OiAxO1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbmA7XHJcbmNvbnN0IE1vZGFsSGVhZGVyID0gc3R5bGVkLmRpdiBgXG5cdHBhZGRpbmc6IDI0cHg7XG5cdHdpZHRoOiAxMDAlO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudGludGVkSGVhZGVyID8gQ09MT1JTLmJhY2tncm91bmQud2FybmluZy5saWdodCA6ICd0cmFuc3BhcmVudCd9O1xuXHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLnRpbnRlZEhlYWRlciA/ICc0cHgnIDogJ25vbmUnKX07XG5gO1xyXG5jb25zdCBNb2RhbFN1YnRpdGxlID0gc3R5bGVkKEJvZHlQcmltYXJ5KSBgXG5cdG1hcmdpbi10b3A6IDRweDtcblx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5fSAhaW1wb3J0YW50O1xuYDtcclxuY29uc3QgTW9kYWxGb290ZXIgPSBzdHlsZWQuZGl2IGBcblx0cGFkZGluZzogMTZweCAyNHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGVuZDtcblx0bWFyZ2luLXRvcDogYXV0bztcblx0d2lkdGg6IDEwMCU7XG5gO1xyXG5jb25zdCBNb2RhbEJvZHkgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdHotaW5kZXg6IDE7XG5cdGJveC1zaGFkb3c6ICR7KHByb3BzKSA9PiBwcm9wcy5zaG93U2hhZG93ID8gJ2luc2V0IDAgLTNweCA2cHggcmdiYSgwLCAwLCAwLCAwLjEyKScgOiAnbm9uZSd9O1xuYDtcclxuY29uc3QgU2Vjb25kYXJ5QnV0dG9uV3JhcHBlciA9IHN0eWxlZChCdXR0b24pIGBcblx0bWFyZ2luLXJpZ2h0OiA4cHg7XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkTW9kYWwgPSAocHJvcHMpID0+IHtcclxuICAgIHZhciBfYSwgX2I7XHJcbiAgICByZXR1cm4gKF9qc3goTW9kYWwsIE9iamVjdC5hc3NpZ24oeyBvcGVuOiBwcm9wcy5vcGVuLCBvbkNsb3NlOiBwcm9wcy5vbkNsb3NlLCBjbG9zZU9uT3V0c2lkZUNsaWNrOiBwcm9wcy5jbG9zZU9uT3V0c2lkZUNsaWNrLCBjZW50cmFsQ29udGFpbmVyU3R5bGVzOiBwcm9wcy5jZW50cmFsQ29udGFpbmVyU3R5bGVzIH0sIHsgY2hpbGRyZW46IF9qc3hzKE1vZGFsV3JhcHBlciwgeyBjaGlsZHJlbjogW19qc3hzKE1vZGFsSGVhZGVyLCBPYmplY3QuYXNzaWduKHsgdGludGVkSGVhZGVyOiAoX2EgPSBwcm9wcy50aW50ZWRIZWFkZXIpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IGZhbHNlIH0sIHsgY2hpbGRyZW46IFtwcm9wcy5oZWFkaW5nVGl0bGUgJiYgKF9qc3goVGl0bGVNZWRpdW0sIHsgY2hpbGRyZW46IHByb3BzLmhlYWRpbmdUaXRsZSB9KSksIHByb3BzLmhlYWRpbmdTdWJ0aXRsZSAmJiAoX2pzeChNb2RhbFN1YnRpdGxlLCB7IGNoaWxkcmVuOiBwcm9wcy5oZWFkaW5nU3VidGl0bGUgfSkpXSB9KSksIHByb3BzLmNoaWxkcmVuICYmIChfanN4KE1vZGFsQm9keSwgT2JqZWN0LmFzc2lnbih7IHNob3dTaGFkb3c6IChfYiA9IHByb3BzLmZvb3RlclNoYWRvdykgIT09IG51bGwgJiYgX2IgIT09IHZvaWQgMCA/IF9iIDogZmFsc2UgfSwgeyBjaGlsZHJlbjogcHJvcHMuY2hpbGRyZW4gfSkpKSwgKHByb3BzLnByaW1hcnlCdXR0b24gfHwgcHJvcHMuc2Vjb25kYXJ5QnV0dG9uKSAmJiAoX2pzeHMoTW9kYWxGb290ZXIsIHsgY2hpbGRyZW46IFtwcm9wcy5zZWNvbmRhcnlCdXR0b24gJiYgKF9qc3goU2Vjb25kYXJ5QnV0dG9uV3JhcHBlciwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMuc2Vjb25kYXJ5QnV0dG9uKSkpLCBwcm9wcy5wcmltYXJ5QnV0dG9uICYmIF9qc3goQnV0dG9uLCBPYmplY3QuYXNzaWduKHt9LCBwcm9wcy5wcmltYXJ5QnV0dG9uKSldIH0pKV0gfSkgfSkpKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9c3R5bGVkTW9kYWwuanMubWFwIl19 */",toString:g}),n=Z.default("div","production"===process.env.NODE_ENV?{target:"e179voii4"}:{target:"e179voii4",label:"ModalHeader"})("padding:24px;width:100%;background-color:",(c=>c.tintedHeader?d.COLORS.background.warning.light:"transparent"),";border-top-left-radius:",(c=>c.tintedHeader?"4px":"none"),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZE1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZK0IiLCJmaWxlIjoic3R5bGVkTW9kYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vYnV0dG9uXCI7XHJcbmltcG9ydCB7IE1vZGFsIH0gZnJvbSBcIi4vTW9kYWxcIjtcclxuaW1wb3J0IHsgQm9keVByaW1hcnksIFRpdGxlTWVkaXVtIH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmNvbnN0IE1vZGFsV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRmbGV4OiAxO1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbmA7XHJcbmNvbnN0IE1vZGFsSGVhZGVyID0gc3R5bGVkLmRpdiBgXG5cdHBhZGRpbmc6IDI0cHg7XG5cdHdpZHRoOiAxMDAlO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudGludGVkSGVhZGVyID8gQ09MT1JTLmJhY2tncm91bmQud2FybmluZy5saWdodCA6ICd0cmFuc3BhcmVudCd9O1xuXHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLnRpbnRlZEhlYWRlciA/ICc0cHgnIDogJ25vbmUnKX07XG5gO1xyXG5jb25zdCBNb2RhbFN1YnRpdGxlID0gc3R5bGVkKEJvZHlQcmltYXJ5KSBgXG5cdG1hcmdpbi10b3A6IDRweDtcblx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5fSAhaW1wb3J0YW50O1xuYDtcclxuY29uc3QgTW9kYWxGb290ZXIgPSBzdHlsZWQuZGl2IGBcblx0cGFkZGluZzogMTZweCAyNHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGVuZDtcblx0bWFyZ2luLXRvcDogYXV0bztcblx0d2lkdGg6IDEwMCU7XG5gO1xyXG5jb25zdCBNb2RhbEJvZHkgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdHotaW5kZXg6IDE7XG5cdGJveC1zaGFkb3c6ICR7KHByb3BzKSA9PiBwcm9wcy5zaG93U2hhZG93ID8gJ2luc2V0IDAgLTNweCA2cHggcmdiYSgwLCAwLCAwLCAwLjEyKScgOiAnbm9uZSd9O1xuYDtcclxuY29uc3QgU2Vjb25kYXJ5QnV0dG9uV3JhcHBlciA9IHN0eWxlZChCdXR0b24pIGBcblx0bWFyZ2luLXJpZ2h0OiA4cHg7XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkTW9kYWwgPSAocHJvcHMpID0+IHtcclxuICAgIHZhciBfYSwgX2I7XHJcbiAgICByZXR1cm4gKF9qc3goTW9kYWwsIE9iamVjdC5hc3NpZ24oeyBvcGVuOiBwcm9wcy5vcGVuLCBvbkNsb3NlOiBwcm9wcy5vbkNsb3NlLCBjbG9zZU9uT3V0c2lkZUNsaWNrOiBwcm9wcy5jbG9zZU9uT3V0c2lkZUNsaWNrLCBjZW50cmFsQ29udGFpbmVyU3R5bGVzOiBwcm9wcy5jZW50cmFsQ29udGFpbmVyU3R5bGVzIH0sIHsgY2hpbGRyZW46IF9qc3hzKE1vZGFsV3JhcHBlciwgeyBjaGlsZHJlbjogW19qc3hzKE1vZGFsSGVhZGVyLCBPYmplY3QuYXNzaWduKHsgdGludGVkSGVhZGVyOiAoX2EgPSBwcm9wcy50aW50ZWRIZWFkZXIpICE9PSBudWxsICYmIF9hICE9PSB2b2lkIDAgPyBfYSA6IGZhbHNlIH0sIHsgY2hpbGRyZW46IFtwcm9wcy5oZWFkaW5nVGl0bGUgJiYgKF9qc3goVGl0bGVNZWRpdW0sIHsgY2hpbGRyZW46IHByb3BzLmhlYWRpbmdUaXRsZSB9KSksIHByb3BzLmhlYWRpbmdTdWJ0aXRsZSAmJiAoX2pzeChNb2RhbFN1YnRpdGxlLCB7IGNoaWxkcmVuOiBwcm9wcy5oZWFkaW5nU3VidGl0bGUgfSkpXSB9KSksIHByb3BzLmNoaWxkcmVuICYmIChfanN4KE1vZGFsQm9keSwgT2JqZWN0LmFzc2lnbih7IHNob3dTaGFkb3c6IChfYiA9IHByb3BzLmZvb3RlclNoYWRvdykgIT09IG51bGwgJiYgX2IgIT09IHZvaWQgMCA/IF9iIDogZmFsc2UgfSwgeyBjaGlsZHJlbjogcHJvcHMuY2hpbGRyZW4gfSkpKSwgKHByb3BzLnByaW1hcnlCdXR0b24gfHwgcHJvcHMuc2Vjb25kYXJ5QnV0dG9uKSAmJiAoX2pzeHMoTW9kYWxGb290ZXIsIHsgY2hpbGRyZW46IFtwcm9wcy5zZWNvbmRhcnlCdXR0b24gJiYgKF9qc3goU2Vjb25kYXJ5QnV0dG9uV3JhcHBlciwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMuc2Vjb25kYXJ5QnV0dG9uKSkpLCBwcm9wcy5wcmltYXJ5QnV0dG9uICYmIF9qc3goQnV0dG9uLCBPYmplY3QuYXNzaWduKHt9LCBwcm9wcy5wcmltYXJ5QnV0dG9uKSldIH0pKV0gfSkgfSkpKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9c3R5bGVkTW9kYWwuanMubWFwIl19 */")),u=Z.default(I.BodyPrimary,"production"===process.env.NODE_ENV?{target:"e179voii3"}:{target:"e179voii3",label:"ModalSubtitle"})("margin-top:4px;color:",d.COLORS.content.secondary,"!important;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZE1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjBDIiwiZmlsZSI6InN0eWxlZE1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL2J1dHRvblwiO1xyXG5pbXBvcnQgeyBNb2RhbCB9IGZyb20gXCIuL01vZGFsXCI7XHJcbmltcG9ydCB7IEJvZHlQcmltYXJ5LCBUaXRsZU1lZGl1bSB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5U3R5bGVcIjtcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5jb25zdCBNb2RhbFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0ZmxleDogMTtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5gO1xyXG5jb25zdCBNb2RhbEhlYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRwYWRkaW5nOiAyNHB4O1xuXHR3aWR0aDogMTAwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRpbnRlZEhlYWRlciA/IENPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcubGlnaHQgOiAndHJhbnNwYXJlbnQnfTtcblx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy50aW50ZWRIZWFkZXIgPyAnNHB4JyA6ICdub25lJyl9O1xuYDtcclxuY29uc3QgTW9kYWxTdWJ0aXRsZSA9IHN0eWxlZChCb2R5UHJpbWFyeSkgYFxuXHRtYXJnaW4tdG9wOiA0cHg7XG5cdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnNlY29uZGFyeX0gIWltcG9ydGFudDtcbmA7XHJcbmNvbnN0IE1vZGFsRm9vdGVyID0gc3R5bGVkLmRpdiBgXG5cdHBhZGRpbmc6IDE2cHggMjRweDtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBlbmQ7XG5cdG1hcmdpbi10b3A6IGF1dG87XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuY29uc3QgTW9kYWxCb2R5ID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHR6LWluZGV4OiAxO1xuXHRib3gtc2hhZG93OiAkeyhwcm9wcykgPT4gcHJvcHMuc2hvd1NoYWRvdyA/ICdpbnNldCAwIC0zcHggNnB4IHJnYmEoMCwgMCwgMCwgMC4xMiknIDogJ25vbmUnfTtcbmA7XHJcbmNvbnN0IFNlY29uZGFyeUJ1dHRvbldyYXBwZXIgPSBzdHlsZWQoQnV0dG9uKSBgXG5cdG1hcmdpbi1yaWdodDogOHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZE1vZGFsID0gKHByb3BzKSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iO1xyXG4gICAgcmV0dXJuIChfanN4KE1vZGFsLCBPYmplY3QuYXNzaWduKHsgb3BlbjogcHJvcHMub3Blbiwgb25DbG9zZTogcHJvcHMub25DbG9zZSwgY2xvc2VPbk91dHNpZGVDbGljazogcHJvcHMuY2xvc2VPbk91dHNpZGVDbGljaywgY2VudHJhbENvbnRhaW5lclN0eWxlczogcHJvcHMuY2VudHJhbENvbnRhaW5lclN0eWxlcyB9LCB7IGNoaWxkcmVuOiBfanN4cyhNb2RhbFdyYXBwZXIsIHsgY2hpbGRyZW46IFtfanN4cyhNb2RhbEhlYWRlciwgT2JqZWN0LmFzc2lnbih7IHRpbnRlZEhlYWRlcjogKF9hID0gcHJvcHMudGludGVkSGVhZGVyKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBmYWxzZSB9LCB7IGNoaWxkcmVuOiBbcHJvcHMuaGVhZGluZ1RpdGxlICYmIChfanN4KFRpdGxlTWVkaXVtLCB7IGNoaWxkcmVuOiBwcm9wcy5oZWFkaW5nVGl0bGUgfSkpLCBwcm9wcy5oZWFkaW5nU3VidGl0bGUgJiYgKF9qc3goTW9kYWxTdWJ0aXRsZSwgeyBjaGlsZHJlbjogcHJvcHMuaGVhZGluZ1N1YnRpdGxlIH0pKV0gfSkpLCBwcm9wcy5jaGlsZHJlbiAmJiAoX2pzeChNb2RhbEJvZHksIE9iamVjdC5hc3NpZ24oeyBzaG93U2hhZG93OiAoX2IgPSBwcm9wcy5mb290ZXJTaGFkb3cpICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6IGZhbHNlIH0sIHsgY2hpbGRyZW46IHByb3BzLmNoaWxkcmVuIH0pKSksIChwcm9wcy5wcmltYXJ5QnV0dG9uIHx8IHByb3BzLnNlY29uZGFyeUJ1dHRvbikgJiYgKF9qc3hzKE1vZGFsRm9vdGVyLCB7IGNoaWxkcmVuOiBbcHJvcHMuc2Vjb25kYXJ5QnV0dG9uICYmIChfanN4KFNlY29uZGFyeUJ1dHRvbldyYXBwZXIsIE9iamVjdC5hc3NpZ24oe30sIHByb3BzLnNlY29uZGFyeUJ1dHRvbikpKSwgcHJvcHMucHJpbWFyeUJ1dHRvbiAmJiBfanN4KEJ1dHRvbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMucHJpbWFyeUJ1dHRvbikpXSB9KSldIH0pIH0pKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlZE1vZGFsLmpzLm1hcCJdfQ== */")),W=Z.default("div","production"===process.env.NODE_ENV?{target:"e179voii2"}:{target:"e179voii2",label:"ModalFooter"})("production"===process.env.NODE_ENV?{name:"16ocmxy",styles:"padding:16px 24px;display:flex;align-items:center;justify-content:end;margin-top:auto;width:100%"}:{name:"16ocmxy",styles:"padding:16px 24px;display:flex;align-items:center;justify-content:end;margin-top:auto;width:100%",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZE1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQitCIiwiZmlsZSI6InN0eWxlZE1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL2J1dHRvblwiO1xyXG5pbXBvcnQgeyBNb2RhbCB9IGZyb20gXCIuL01vZGFsXCI7XHJcbmltcG9ydCB7IEJvZHlQcmltYXJ5LCBUaXRsZU1lZGl1bSB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5U3R5bGVcIjtcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5jb25zdCBNb2RhbFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0ZmxleDogMTtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5gO1xyXG5jb25zdCBNb2RhbEhlYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRwYWRkaW5nOiAyNHB4O1xuXHR3aWR0aDogMTAwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRpbnRlZEhlYWRlciA/IENPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcubGlnaHQgOiAndHJhbnNwYXJlbnQnfTtcblx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy50aW50ZWRIZWFkZXIgPyAnNHB4JyA6ICdub25lJyl9O1xuYDtcclxuY29uc3QgTW9kYWxTdWJ0aXRsZSA9IHN0eWxlZChCb2R5UHJpbWFyeSkgYFxuXHRtYXJnaW4tdG9wOiA0cHg7XG5cdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnNlY29uZGFyeX0gIWltcG9ydGFudDtcbmA7XHJcbmNvbnN0IE1vZGFsRm9vdGVyID0gc3R5bGVkLmRpdiBgXG5cdHBhZGRpbmc6IDE2cHggMjRweDtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBlbmQ7XG5cdG1hcmdpbi10b3A6IGF1dG87XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuY29uc3QgTW9kYWxCb2R5ID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHR6LWluZGV4OiAxO1xuXHRib3gtc2hhZG93OiAkeyhwcm9wcykgPT4gcHJvcHMuc2hvd1NoYWRvdyA/ICdpbnNldCAwIC0zcHggNnB4IHJnYmEoMCwgMCwgMCwgMC4xMiknIDogJ25vbmUnfTtcbmA7XHJcbmNvbnN0IFNlY29uZGFyeUJ1dHRvbldyYXBwZXIgPSBzdHlsZWQoQnV0dG9uKSBgXG5cdG1hcmdpbi1yaWdodDogOHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZE1vZGFsID0gKHByb3BzKSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iO1xyXG4gICAgcmV0dXJuIChfanN4KE1vZGFsLCBPYmplY3QuYXNzaWduKHsgb3BlbjogcHJvcHMub3Blbiwgb25DbG9zZTogcHJvcHMub25DbG9zZSwgY2xvc2VPbk91dHNpZGVDbGljazogcHJvcHMuY2xvc2VPbk91dHNpZGVDbGljaywgY2VudHJhbENvbnRhaW5lclN0eWxlczogcHJvcHMuY2VudHJhbENvbnRhaW5lclN0eWxlcyB9LCB7IGNoaWxkcmVuOiBfanN4cyhNb2RhbFdyYXBwZXIsIHsgY2hpbGRyZW46IFtfanN4cyhNb2RhbEhlYWRlciwgT2JqZWN0LmFzc2lnbih7IHRpbnRlZEhlYWRlcjogKF9hID0gcHJvcHMudGludGVkSGVhZGVyKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBmYWxzZSB9LCB7IGNoaWxkcmVuOiBbcHJvcHMuaGVhZGluZ1RpdGxlICYmIChfanN4KFRpdGxlTWVkaXVtLCB7IGNoaWxkcmVuOiBwcm9wcy5oZWFkaW5nVGl0bGUgfSkpLCBwcm9wcy5oZWFkaW5nU3VidGl0bGUgJiYgKF9qc3goTW9kYWxTdWJ0aXRsZSwgeyBjaGlsZHJlbjogcHJvcHMuaGVhZGluZ1N1YnRpdGxlIH0pKV0gfSkpLCBwcm9wcy5jaGlsZHJlbiAmJiAoX2pzeChNb2RhbEJvZHksIE9iamVjdC5hc3NpZ24oeyBzaG93U2hhZG93OiAoX2IgPSBwcm9wcy5mb290ZXJTaGFkb3cpICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6IGZhbHNlIH0sIHsgY2hpbGRyZW46IHByb3BzLmNoaWxkcmVuIH0pKSksIChwcm9wcy5wcmltYXJ5QnV0dG9uIHx8IHByb3BzLnNlY29uZGFyeUJ1dHRvbikgJiYgKF9qc3hzKE1vZGFsRm9vdGVyLCB7IGNoaWxkcmVuOiBbcHJvcHMuc2Vjb25kYXJ5QnV0dG9uICYmIChfanN4KFNlY29uZGFyeUJ1dHRvbldyYXBwZXIsIE9iamVjdC5hc3NpZ24oe30sIHByb3BzLnNlY29uZGFyeUJ1dHRvbikpKSwgcHJvcHMucHJpbWFyeUJ1dHRvbiAmJiBfanN4KEJ1dHRvbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMucHJpbWFyeUJ1dHRvbikpXSB9KSldIH0pIH0pKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlZE1vZGFsLmpzLm1hcCJdfQ== */",toString:g}),B=Z.default("div","production"===process.env.NODE_ENV?{target:"e179voii1"}:{target:"e179voii1",label:"ModalBody"})("width:100%;z-index:1;box-shadow:",(c=>c.showShadow?"inset 0 -3px 6px rgba(0, 0, 0, 0.12)":"none"),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZE1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QjZCIiwiZmlsZSI6InN0eWxlZE1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL2J1dHRvblwiO1xyXG5pbXBvcnQgeyBNb2RhbCB9IGZyb20gXCIuL01vZGFsXCI7XHJcbmltcG9ydCB7IEJvZHlQcmltYXJ5LCBUaXRsZU1lZGl1bSB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5U3R5bGVcIjtcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5jb25zdCBNb2RhbFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0ZmxleDogMTtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5gO1xyXG5jb25zdCBNb2RhbEhlYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRwYWRkaW5nOiAyNHB4O1xuXHR3aWR0aDogMTAwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRpbnRlZEhlYWRlciA/IENPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcubGlnaHQgOiAndHJhbnNwYXJlbnQnfTtcblx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy50aW50ZWRIZWFkZXIgPyAnNHB4JyA6ICdub25lJyl9O1xuYDtcclxuY29uc3QgTW9kYWxTdWJ0aXRsZSA9IHN0eWxlZChCb2R5UHJpbWFyeSkgYFxuXHRtYXJnaW4tdG9wOiA0cHg7XG5cdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnNlY29uZGFyeX0gIWltcG9ydGFudDtcbmA7XHJcbmNvbnN0IE1vZGFsRm9vdGVyID0gc3R5bGVkLmRpdiBgXG5cdHBhZGRpbmc6IDE2cHggMjRweDtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBlbmQ7XG5cdG1hcmdpbi10b3A6IGF1dG87XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuY29uc3QgTW9kYWxCb2R5ID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHR6LWluZGV4OiAxO1xuXHRib3gtc2hhZG93OiAkeyhwcm9wcykgPT4gcHJvcHMuc2hvd1NoYWRvdyA/ICdpbnNldCAwIC0zcHggNnB4IHJnYmEoMCwgMCwgMCwgMC4xMiknIDogJ25vbmUnfTtcbmA7XHJcbmNvbnN0IFNlY29uZGFyeUJ1dHRvbldyYXBwZXIgPSBzdHlsZWQoQnV0dG9uKSBgXG5cdG1hcmdpbi1yaWdodDogOHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZE1vZGFsID0gKHByb3BzKSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iO1xyXG4gICAgcmV0dXJuIChfanN4KE1vZGFsLCBPYmplY3QuYXNzaWduKHsgb3BlbjogcHJvcHMub3Blbiwgb25DbG9zZTogcHJvcHMub25DbG9zZSwgY2xvc2VPbk91dHNpZGVDbGljazogcHJvcHMuY2xvc2VPbk91dHNpZGVDbGljaywgY2VudHJhbENvbnRhaW5lclN0eWxlczogcHJvcHMuY2VudHJhbENvbnRhaW5lclN0eWxlcyB9LCB7IGNoaWxkcmVuOiBfanN4cyhNb2RhbFdyYXBwZXIsIHsgY2hpbGRyZW46IFtfanN4cyhNb2RhbEhlYWRlciwgT2JqZWN0LmFzc2lnbih7IHRpbnRlZEhlYWRlcjogKF9hID0gcHJvcHMudGludGVkSGVhZGVyKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBmYWxzZSB9LCB7IGNoaWxkcmVuOiBbcHJvcHMuaGVhZGluZ1RpdGxlICYmIChfanN4KFRpdGxlTWVkaXVtLCB7IGNoaWxkcmVuOiBwcm9wcy5oZWFkaW5nVGl0bGUgfSkpLCBwcm9wcy5oZWFkaW5nU3VidGl0bGUgJiYgKF9qc3goTW9kYWxTdWJ0aXRsZSwgeyBjaGlsZHJlbjogcHJvcHMuaGVhZGluZ1N1YnRpdGxlIH0pKV0gfSkpLCBwcm9wcy5jaGlsZHJlbiAmJiAoX2pzeChNb2RhbEJvZHksIE9iamVjdC5hc3NpZ24oeyBzaG93U2hhZG93OiAoX2IgPSBwcm9wcy5mb290ZXJTaGFkb3cpICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6IGZhbHNlIH0sIHsgY2hpbGRyZW46IHByb3BzLmNoaWxkcmVuIH0pKSksIChwcm9wcy5wcmltYXJ5QnV0dG9uIHx8IHByb3BzLnNlY29uZGFyeUJ1dHRvbikgJiYgKF9qc3hzKE1vZGFsRm9vdGVyLCB7IGNoaWxkcmVuOiBbcHJvcHMuc2Vjb25kYXJ5QnV0dG9uICYmIChfanN4KFNlY29uZGFyeUJ1dHRvbldyYXBwZXIsIE9iamVjdC5hc3NpZ24oe30sIHByb3BzLnNlY29uZGFyeUJ1dHRvbikpKSwgcHJvcHMucHJpbWFyeUJ1dHRvbiAmJiBfanN4KEJ1dHRvbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMucHJpbWFyeUJ1dHRvbikpXSB9KSldIH0pIH0pKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlZE1vZGFsLmpzLm1hcCJdfQ== */")),a=Z.default(l.Button,"production"===process.env.NODE_ENV?{target:"e179voii0"}:{target:"e179voii0",label:"SecondaryButtonWrapper"})("production"===process.env.NODE_ENV?{name:"1oaeivz",styles:"margin-right:8px"}:{name:"1oaeivz",styles:"margin-right:8px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZE1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQzhDIiwiZmlsZSI6InN0eWxlZE1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL2J1dHRvblwiO1xyXG5pbXBvcnQgeyBNb2RhbCB9IGZyb20gXCIuL01vZGFsXCI7XHJcbmltcG9ydCB7IEJvZHlQcmltYXJ5LCBUaXRsZU1lZGl1bSB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5U3R5bGVcIjtcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5jb25zdCBNb2RhbFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0ZmxleDogMTtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5gO1xyXG5jb25zdCBNb2RhbEhlYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRwYWRkaW5nOiAyNHB4O1xuXHR3aWR0aDogMTAwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRpbnRlZEhlYWRlciA/IENPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcubGlnaHQgOiAndHJhbnNwYXJlbnQnfTtcblx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy50aW50ZWRIZWFkZXIgPyAnNHB4JyA6ICdub25lJyl9O1xuYDtcclxuY29uc3QgTW9kYWxTdWJ0aXRsZSA9IHN0eWxlZChCb2R5UHJpbWFyeSkgYFxuXHRtYXJnaW4tdG9wOiA0cHg7XG5cdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnNlY29uZGFyeX0gIWltcG9ydGFudDtcbmA7XHJcbmNvbnN0IE1vZGFsRm9vdGVyID0gc3R5bGVkLmRpdiBgXG5cdHBhZGRpbmc6IDE2cHggMjRweDtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBlbmQ7XG5cdG1hcmdpbi10b3A6IGF1dG87XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuY29uc3QgTW9kYWxCb2R5ID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHR6LWluZGV4OiAxO1xuXHRib3gtc2hhZG93OiAkeyhwcm9wcykgPT4gcHJvcHMuc2hvd1NoYWRvdyA/ICdpbnNldCAwIC0zcHggNnB4IHJnYmEoMCwgMCwgMCwgMC4xMiknIDogJ25vbmUnfTtcbmA7XHJcbmNvbnN0IFNlY29uZGFyeUJ1dHRvbldyYXBwZXIgPSBzdHlsZWQoQnV0dG9uKSBgXG5cdG1hcmdpbi1yaWdodDogOHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZE1vZGFsID0gKHByb3BzKSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iO1xyXG4gICAgcmV0dXJuIChfanN4KE1vZGFsLCBPYmplY3QuYXNzaWduKHsgb3BlbjogcHJvcHMub3Blbiwgb25DbG9zZTogcHJvcHMub25DbG9zZSwgY2xvc2VPbk91dHNpZGVDbGljazogcHJvcHMuY2xvc2VPbk91dHNpZGVDbGljaywgY2VudHJhbENvbnRhaW5lclN0eWxlczogcHJvcHMuY2VudHJhbENvbnRhaW5lclN0eWxlcyB9LCB7IGNoaWxkcmVuOiBfanN4cyhNb2RhbFdyYXBwZXIsIHsgY2hpbGRyZW46IFtfanN4cyhNb2RhbEhlYWRlciwgT2JqZWN0LmFzc2lnbih7IHRpbnRlZEhlYWRlcjogKF9hID0gcHJvcHMudGludGVkSGVhZGVyKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBmYWxzZSB9LCB7IGNoaWxkcmVuOiBbcHJvcHMuaGVhZGluZ1RpdGxlICYmIChfanN4KFRpdGxlTWVkaXVtLCB7IGNoaWxkcmVuOiBwcm9wcy5oZWFkaW5nVGl0bGUgfSkpLCBwcm9wcy5oZWFkaW5nU3VidGl0bGUgJiYgKF9qc3goTW9kYWxTdWJ0aXRsZSwgeyBjaGlsZHJlbjogcHJvcHMuaGVhZGluZ1N1YnRpdGxlIH0pKV0gfSkpLCBwcm9wcy5jaGlsZHJlbiAmJiAoX2pzeChNb2RhbEJvZHksIE9iamVjdC5hc3NpZ24oeyBzaG93U2hhZG93OiAoX2IgPSBwcm9wcy5mb290ZXJTaGFkb3cpICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6IGZhbHNlIH0sIHsgY2hpbGRyZW46IHByb3BzLmNoaWxkcmVuIH0pKSksIChwcm9wcy5wcmltYXJ5QnV0dG9uIHx8IHByb3BzLnNlY29uZGFyeUJ1dHRvbikgJiYgKF9qc3hzKE1vZGFsRm9vdGVyLCB7IGNoaWxkcmVuOiBbcHJvcHMuc2Vjb25kYXJ5QnV0dG9uICYmIChfanN4KFNlY29uZGFyeUJ1dHRvbldyYXBwZXIsIE9iamVjdC5hc3NpZ24oe30sIHByb3BzLnNlY29uZGFyeUJ1dHRvbikpKSwgcHJvcHMucHJpbWFyeUJ1dHRvbiAmJiBfanN4KEJ1dHRvbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMucHJpbWFyeUJ1dHRvbikpXSB9KSldIH0pIH0pKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlZE1vZGFsLmpzLm1hcCJdfQ== */",toString:g});exports.StyledModal=c=>{var d,H;return b.jsx(G.Modal,Object.assign({open:c.open,onClose:c.onClose,closeOnOutsideClick:c.closeOnOutsideClick,centralContainerStyles:c.centralContainerStyles},{children:b.jsxs(i,{children:[b.jsxs(n,Object.assign({tintedHeader:null!==(d=c.tintedHeader)&&void 0!==d&&d},{children:[c.headingTitle&&b.jsx(I.TitleMedium,{children:c.headingTitle}),c.headingSubtitle&&b.jsx(u,{children:c.headingSubtitle})]})),c.children&&b.jsx(B,Object.assign({showShadow:null!==(H=c.footerShadow)&&void 0!==H&&H},{children:c.children})),(c.primaryButton||c.secondaryButton)&&b.jsxs(W,{children:[c.secondaryButton&&b.jsx(a,Object.assign({},c.secondaryButton)),c.primaryButton&&b.jsx(l.Button,Object.assign({},c.primaryButton))]})]})}))};

package/dist/cjs/components/progress-bar/ProgressBarComponent.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export interface ProgressBarProps {
+    completed: number;
+    isAnimated: boolean;
+    color?: string;
+    height?: number;
+}
+export declare const ProgressBarComponent: (props: ProgressBarProps) => JSX.Element;
+export declare const ProgressCompletedBar: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    color: string;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/progress-bar/ProgressBarComponent.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),e=require("react/jsx-runtime"),b=require("react-bootstrap"),t=require("../../constants/Theme.js");function o(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const s=o(c).default("div","production"===process.env.NODE_ENV?{target:"e17nsuvt0"}:{target:"e17nsuvt0",label:"ProgressCompletedBar"})("flex:50%;.progress-bar{background-color:",(c=>c.color),";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyQ29tcG9uZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPK0MiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJDb21wb25lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBQcm9ncmVzc0JhciB9IGZyb20gJ3JlYWN0LWJvb3RzdHJhcCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFByb2dyZXNzQmFyQ29tcG9uZW50ID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3goUHJvZ3Jlc3NDb21wbGV0ZWRCYXIsIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogcHJvcHMuY29sb3IgPyBwcm9wcy5jb2xvciA6IENPTE9SUy5jb250ZW50LmJyYW5kIH0sIHsgY2hpbGRyZW46IF9qc3goUHJvZ3Jlc3NCYXIsIHsgYW5pbWF0ZWQ6IHByb3BzLmlzQW5pbWF0ZWQsIG5vdzogcHJvcHMuY29tcGxldGVkLCBzdHlsZTogeyBoZWlnaHQ6IGAke3Byb3BzLmhlaWdodCA/IHByb3BzLmhlaWdodCA6IDh9cHhgIH0gfSkgfSkpKTtcclxufTtcclxuZXhwb3J0IGNvbnN0IFByb2dyZXNzQ29tcGxldGVkQmFyID0gc3R5bGVkLmRpdiBgXG5cdGZsZXg6IDUwJTtcblx0LnByb2dyZXNzLWJhciB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UHJvZ3Jlc3NCYXJDb21wb25lbnQuanMubWFwIl19 */"));exports.ProgressBarComponent=c=>e.jsx(s,Object.assign({color:c.color?c.color:t.COLORS.content.brand},{children:e.jsx(b.ProgressBar,{animated:c.isAnimated,now:c.completed,style:{height:`${c.height?c.height:8}px`}})})),exports.ProgressCompletedBar=s;

package/dist/cjs/components/progress-bar/index.d.ts

@@ -0,0 +1 @@
+export * from './ProgressBarComponent';

package/dist/cjs/components/states/StateComponent.d.ts

@@ -0,0 +1,29 @@
+import { ReactJSXElement } from '@emotion/react/types/jsx-namespace';
+import React from 'react';
+export declare enum StateInterface {
+    SUCCESS = "success",
+    ERROR = "error",
+    WARNING = "warning"
+}
+export declare enum ButtonActions {
+    CANCEL = "cancel",
+    OTHER = "other"
+}
+export declare enum ButtonTypes {
+    SINGLE = "SINGLE",
+    DOUBLE = "DOUBLE"
+}
+export type StateComponentProps = {
+    states: StateInterface;
+    heading: string;
+    subline: string;
+    icon?: JSX.Element;
+    isButtonEnabled: boolean;
+    type?: ButtonTypes;
+    buttonText?: string;
+    buttonIcon?: ReactJSXElement;
+    onButtonClick?: (buttonClicked: ButtonActions) => void;
+    leadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    width: number;
+};
+export declare const StateComponent: React.FC<StateComponentProps>;

package/dist/cjs/components/states/StateComponent.styled.d.ts

@@ -0,0 +1,7 @@
+export declare const StateComponentContainer: import("styled-components").StyledComponent<"div", any, {
+    width: number;
+}, never>;
+export declare const StateIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StateHeading: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StateSubline: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/states/index.d.ts

@@ -0,0 +1 @@
+export * from './StateComponent';

package/dist/cjs/components/states-modal/StateModalComponent.d.ts

@@ -0,0 +1,17 @@
+import { ReactJSXElement } from '@emotion/react/types/jsx-namespace';
+import React from 'react';
+import { ButtonActions, ButtonTypes, StateInterface } from '../states/StateComponent';
+export type StateModalComponentProps = {
+    states: StateInterface;
+    heading: string;
+    subline: string;
+    icon?: JSX.Element;
+    isButtonEnabled: boolean;
+    type?: ButtonTypes;
+    buttonText?: string;
+    buttonIcon?: ReactJSXElement;
+    onButtonClick?: (buttonClicked: ButtonActions) => void;
+    leadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    width?: number;
+};
+export declare const StateModalComponent: React.FC<StateModalComponentProps>;

package/dist/cjs/components/states-modal/index.d.ts

@@ -0,0 +1 @@
+export * from './StateModalComponent';

package/dist/cjs/components/stepper/WorkingStepper.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const WorkingStepper: () => JSX.Element;
 export declare enum STEPENUM {
     STEP1 = "STEP1",

package/dist/cjs/components/switch/Switch.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { SwitchColorProps, SwitchProps } from './Switch.d';
+declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>>;
+export default _default;
+export declare const SwitchContainer: import("styled-components").StyledComponent<"div", any, {
+    trackLength: number;
+    trackHeight: number;
+    trackColor: SwitchColorProps;
+    value: boolean;
+    borderColor: SwitchColorProps;
+    duration: number;
+    disabled?: boolean | undefined;
+    outlineColor: SwitchColorProps;
+}, never>;
+export declare const Thumb: import("styled-components").StyledComponent<"div", any, {
+    value: boolean;
+    duration: number;
+    thumbColor: SwitchColorProps;
+}, never>;
+export declare const Loader: import("styled-components").StyledComponent<"div", any, {
+    value: boolean;
+    trackColor: SwitchColorProps;
+}, never>;

package/dist/cjs/components/tag/Tag.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("../TypographyStyle.js"),r=require("./Tag.styled.js"),i=require("./themes.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=s(t);const c=t=>{let{tagText:s,LeadingIcon:c,TrailingIcon:l,theme:o="light",type:d="neutral",variant:g="regular"}=t;const u={height:16,width:16,color:i.getTagIconColor(o,d),style:{display:"block"}};let j=s;return"circle"===g&&"number"==typeof j&&j>99&&(j="99+"),e.jsx(r.Tag,Object.assign({theme:o,type:d,variant:g},{children:e.jsxs("div",Object.assign({className:"container"},{children:[l&&e.jsx("div",Object.assign({className:"icon-trailing"},{children:n.default.createElement(l,u)})),e.jsx(a.BodyCaption,Object.assign({className:"text"},{children:j})),c&&e.jsx("div",Object.assign({className:"icon-leading"},{children:n.default.createElement(c,u)}))]}))}))};c.displayName="Tag",exports.Tag=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("../TypographyStyle.js"),r=require("./model.js"),i=require("./Tag.styled.js"),s=require("./themes.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(t);const c=t=>{let{tagText:n,LeadingIcon:c,TrailingIcon:o,theme:d="light",type:g="neutral",variant:u="regular"}=t,j=n,p=d,y=g;r.ValidTagTypeMap[u][g]||(y="neutral"),"circle"===u&&(p="dark","number"==typeof j&&j>99&&(j="99+"));const h={height:16,width:16,color:s.getTagIconColor(d,y),style:{display:"block"}};return e.jsx(i.Tag,Object.assign({theme:p,type:g,variant:u},{children:e.jsxs("div",Object.assign({className:"container"},{children:[c&&e.jsx("div",Object.assign({className:"icon-trailing"},{children:l.default.createElement(c,h)})),e.jsx(a.BodyCaption,Object.assign({className:"text"},{children:j})),o&&e.jsx("div",Object.assign({className:"icon-leading"},{children:l.default.createElement(o,h)}))]}))}))};c.displayName="Tag",exports.Tag=c;

package/dist/cjs/components/tag/Tag.styled.js

@@ -1,26 +1,26 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("./themes.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=r(e).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("./themes.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=t(e).default.div`
 	cursor: default;
+	${e=>"regular"===e.variant?"display: block;":""}
+	${e=>"circle"===e.variant&&"height: 20px;"}
 	.container {
 		display: flex;
 		gap: 6px;
-		padding: ${e=>t.getPadding(e.variant)};
-	}
-
-	${e=>"circle"===e.variant&&"height: 20px;"}
+		padding: ${e=>r.getPadding(e.variant)};
 
-	background-color: ${e=>t.getBackgroundColor(e.theme,e.type)};
+		background-color: ${e=>r.getBackgroundColor(e.theme,e.type)};
 
-	border-radius: ${e=>"regular"===e.variant?"4px":"12px"};
+		border-radius: ${e=>"regular"===e.variant?"4px":"12px"};
 
-	${e=>"light"===e.theme&&`border: 1px solid ${t.generateBorder(e.type)};`}
+		${e=>"light"===e.theme&&`border: 1px solid ${r.generateBorder(e.type)};`}
 
-	.text {
-		color: ${e=>t.getTextColor(e.theme,e.type)};
-	}
+		.text {
+			color: ${e=>r.getTextColor(e.theme,e.type)};
+		}
 
-	.icon-trailing {
-	}
+		.icon-trailing {
+		}
 
-	.icon-leading {
+		.icon-leading {
+		}
 	}
-`;exports.Tag=o;
+`;exports.Tag=a;

package/dist/cjs/components/tag/model.d.ts

@@ -1,7 +1,26 @@
 /// <reference types="react" />
 export type TagTheme = 'light' | 'dark';
 export type TagVariant = 'regular' | 'circle';
-export type TagType = 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue';
+export type TagType = 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue' | 'grey';
+export declare const ValidTagTypeMap: {
+    regular: {
+        negative: boolean;
+        warning: boolean;
+        positive: boolean;
+        neutral: boolean;
+        white: boolean;
+        purple: boolean;
+        blue: boolean;
+    };
+    circle: {
+        negative: boolean;
+        warning: boolean;
+        positive: boolean;
+        neutral: boolean;
+        blue: boolean;
+        grey: boolean;
+    };
+};
 export interface TagProps {
     /**
      * Set the theme of the Tag

package/dist/cjs/components/tag/model.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.ValidTagTypeMap={regular:{negative:!0,warning:!0,positive:!0,neutral:!0,white:!0,purple:!0,blue:!0},circle:{negative:!0,warning:!0,positive:!0,neutral:!0,blue:!0,grey:!0}};

package/dist/cjs/components/tag/themes.d.ts

@@ -2,5 +2,5 @@ import { TagTheme, TagType, TagVariant } from './model';
 export declare const getTagIconColor: (theme: TagTheme, type: TagType) => string;
 export declare const getTextColor: (theme: TagTheme, type: TagType) => string;
 export declare const generateBorder: (type: TagType) => string;
-export declare const getBackgroundColor: (theme: TagTheme, type: TagType) => string;
+export declare const getBackgroundColor: (theme: TagTheme | 'circle', type: TagType) => string;
 export declare const getPadding: (variant: TagVariant) => "4px 8px" | "2px 6px";

package/dist/cjs/components/tag/themes.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../constants/Theme.js");const t={blue:{iconColor:{light:r.COLORS.content.blue,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.blue,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.blue.lightAlt,backgroundColor:{light:r.COLORS.background.blue.light,dark:r.COLORS.content.blue}},purple:{iconColor:{light:r.COLORS.background.inverseLight,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.background.inverseLight,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.brandLightAlt,backgroundColor:{light:r.COLORS.background.brandLight,dark:r.COLORS.background.inverse}},negative:{iconColor:{light:r.COLORS.content.negative,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.negative,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.negative.lightAlt,backgroundColor:{light:r.COLORS.background.negative.light,dark:r.COLORS.background.negative.vibrant}},positive:{iconColor:{light:r.COLORS.content.positive,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.positive,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.positive.lightAlt,backgroundColor:{light:r.COLORS.background.positive.light,dark:r.COLORS.background.positive.vibrant}},warning:{iconColor:{light:r.COLORS.content.warning,dark:r.COLORS.content.primary},textColor:{light:r.COLORS.content.warning,dark:r.COLORS.content.primary},border:r.COLORS.stroke.warning.lightAlt,backgroundColor:{light:r.COLORS.background.warning.light,dark:r.COLORS.background.warning.vibrant}},neutral:{iconColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.primary,backgroundColor:{light:r.COLORS.surface.subdued,dark:r.COLORS.background.inverse}},white:{iconColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.primary,backgroundColor:{light:r.COLORS.surface.subdued,dark:r.COLORS.background.inverse}}};exports.generateBorder=r=>t[r].border,exports.getBackgroundColor=(r,o)=>t[o].backgroundColor[r],exports.getPadding=r=>"regular"===r?"4px 8px":"2px 6px",exports.getTagIconColor=(r,o)=>t[o].iconColor[r],exports.getTextColor=(r,o)=>t[o].textColor[r];
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../constants/Theme.js");const e={blue:{iconColor:{light:r.COLORS.content.blue,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.blue,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.blue.lightAlt,backgroundColor:{light:r.COLORS.background.blue.light,dark:r.COLORS.content.blue,circle:r.COLORS.content.blue}},purple:{iconColor:{light:r.COLORS.background.inverseLight,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.background.inverseLight,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.brandLightAlt,backgroundColor:{light:r.COLORS.background.brandLight,dark:r.COLORS.background.inverse,circle:r.COLORS.background.inverse}},negative:{iconColor:{light:r.COLORS.content.negative,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.negative,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.negative.lightAlt,backgroundColor:{light:r.COLORS.background.negative.light,dark:r.COLORS.background.negative.vibrant,circle:r.COLORS.background.negative.vibrant}},positive:{iconColor:{light:r.COLORS.content.positive,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.positive,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.positive.lightAlt,backgroundColor:{light:r.COLORS.background.positive.light,dark:r.COLORS.background.positive.vibrant,circle:r.COLORS.background.positive.vibrant}},warning:{iconColor:{light:r.COLORS.content.warning,dark:r.COLORS.content.primary},textColor:{light:r.COLORS.content.warning,dark:r.COLORS.content.primary},border:r.COLORS.stroke.warning.lightAlt,backgroundColor:{light:r.COLORS.background.warning.light,dark:r.COLORS.background.warning.vibrant,circle:r.COLORS.background.warning.vibrant}},neutral:{iconColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.primary,backgroundColor:{light:r.COLORS.surface.subdued,dark:r.COLORS.background.inverse,circle:r.COLORS.background.inverseLight}},white:{iconColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.primary,backgroundColor:{light:r.COLORS.surface.subdued,dark:r.COLORS.background.inverse,circle:r.COLORS.background.inverseLight}},grey:{iconColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.primary,backgroundColor:{light:r.COLORS.surface.subdued,dark:r.COLORS.content.secondary,circle:r.COLORS.content.secondary}}};exports.generateBorder=r=>e[r].border,exports.getBackgroundColor=(r,t)=>e[t].backgroundColor[r],exports.getPadding=r=>"regular"===r?"4px 8px":"2px 6px",exports.getTagIconColor=(r,t)=>e[t].iconColor[r],exports.getTextColor=(r,t)=>e[t].textColor[r];

package/dist/cjs/components/template-context-mapper/Badge/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const BadgeContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export interface BadgeProps {
+    errorText: string;
+}
+export declare const Badge: (props: BadgeProps) => JSX.Element;

package/dist/cjs/components/template-context-mapper/Badge/index.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../assets/icons/alert.svg.js"),t=require("styled-components"),n=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const s=o(t).default.div`
+	background: ${i.COLORS.background.negative.light};
+	display: flex;
+	align-items: center;
+	padding: 0px 12px;
+	gap: 8px;
+	border-radius: 4px;
+	margin-right: 12px;
+	color: ${i.COLORS.content.negative};
+`;exports.Badge=t=>{const{errorText:o}=t;return e.jsxs(s,{children:[e.jsx(r.default,{height:20,width:20,color:i.COLORS.content.negative}),e.jsx(n.BodySecondary,{children:o})]})},exports.BadgeContainer=s;

package/dist/cjs/components/template-context-mapper/TemplateContextMapper.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { CHANNEL_TYPE } from '../template-preview/models/Channels';
+import { EmailTemplateType } from '../template-preview/models/EmailTemplate';
+import { SMSTemplateType } from '../template-preview/models/SmsTemplate';
+import { CUSTOM_VARIABLE, GlobalPlaceholderType } from '../template-preview/models/TemplateMeta';
+import { WhatsAppPickerMeta, WhatsAppTemplate, WhatsAppTemplateVariables } from '../template-preview/models/WhatsAppTemplate';
+export interface TemplateContextMapperProps {
+    selectedTemplate: WhatsAppTemplate | EmailTemplateType | SMSTemplateType;
+    closeDialog?: () => void;
+    showVariableMapping: boolean;
+    channel: CHANNEL_TYPE;
+    globalPlaceholders: GlobalPlaceholderType;
+    /** List of variables being used in this template */
+    templateVariables: CUSTOM_VARIABLE[];
+    /** Only for initial-UI-purpose for the modal */
+    htmlContent: string;
+    showOnlyContent?: boolean;
+    onTemplateSelect?(template: EmailTemplateType | SMSTemplateType | WhatsAppTemplate, variables: CUSTOM_VARIABLE[] | WhatsAppTemplateVariables, display_content?: string): string | void;
+    whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
+}
+export declare const TemplateContextMapper: ({ selectedTemplate, closeDialog, showVariableMapping, channel, htmlContent, templateVariables, onTemplateSelect, globalPlaceholders, showOnlyContent, whatsappSpecificPickerMeta, }: TemplateContextMapperProps) => JSX.Element;

package/dist/cjs/components/template-context-mapper/TemplateContextMapper.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("../../utils/StringUtils.js"),a=require("../modals/styledModal.js"),r=require("../template-preview/models/Channels.js"),s=require("./context/templateModalContext.js"),i=require("./modalElements/Footer.js"),o=require("./modalElements/TemplateSelectModalContent.js"),n=require("./utils/convertPlaceholdersToBikDropdown.js");exports.TemplateContextMapper=d=>{let{selectedTemplate:c,closeDialog:u,showVariableMapping:p,channel:m,htmlContent:h,templateVariables:j,onTemplateSelect:g,globalPlaceholders:v,showOnlyContent:E,whatsappSpecificPickerMeta:S}=d;var C,M;t.useEffect((()=>{x(h)}),[h]);const[P,T]=t.useState(m===r.CHANNEL_TYPE.EMAIL?"desktop":"mobile"),[b,x]=t.useState(h),[f,L]=t.useState(!1),[q,w]=t.useState(c),[y,A]=t.useState(null!=j?j:[]);const N=t.useMemo((()=>n.convertPlaceholdersToBikDropdown(v)),[v]);return e.jsx(s.TemplateModalContext.Provider,Object.assign({value:{template:q,setTemplate:w,device:P,setDevice:T,display_content:b,setDisplayContent:x,originalVariableList:y,setOriginalVariableList:A,isError:f,setIsError:L,channel:m,globalNormalizedPlaceholders:N}},{children:E?e.jsx(o.default,{channel:r.CHANNEL_TYPE.EMAIL,hideHeader:!0}):e.jsxs(a.StyledModal,Object.assign({centralContainerStyles:{width:m===r.CHANNEL_TYPE.EMAIL&&p?1e3:650},open:!0,onClose:()=>{null==u||u()},headingTitle:null==q?void 0:q.label,headingSubtitle:m===r.CHANNEL_TYPE.WHATSAPP?`${l.default.capitaliseFirstLetterOfString(null!==(C=null==q?void 0:q.category)&&void 0!==C?C:"")} • ${null!==(M=null==q?void 0:q.templateCategory)&&void 0!==M?M:""}`:""},{children:[e.jsx(o.default,{showVariableMapping:p,channel:m,whatsappSpecificPickerMeta:S}),g?e.jsx(i.default,{onSelect:function(){const e=null==g?void 0:g(q,y,null!=b?b:"");e&&L(!!e)}}):e.jsx(e.Fragment,{})]}))}))};

package/dist/cjs/components/template-context-mapper/context/templateModalContext.d.ts

@@ -0,0 +1,37 @@
+import React from 'react';
+import { CHANNEL_TYPE } from "../../template-preview/models/Channels";
+import { EmailTemplateType } from "../../template-preview/models/EmailTemplate";
+import { SMSTemplateType } from "../../template-preview/models/SmsTemplate";
+import { CUSTOM_VARIABLE, globalNormalizedPlaceholdersType } from "../../template-preview/models/TemplateMeta";
+import { WhatsAppTemplate, WhatsAppTemplateVariables } from "../../template-preview/models/WhatsAppTemplate";
+export type DEVICE_TYPES = 'desktop' | 'mobile';
+export declare const TemplateModalContext: React.Context<{
+    device: DEVICE_TYPES;
+    setDevice?: React.Dispatch<React.SetStateAction<DEVICE_TYPES>> | undefined;
+    display_content: string | null;
+    setDisplayContent?: React.Dispatch<React.SetStateAction<string | null>> | undefined;
+    originalVariableList: CUSTOM_VARIABLE[] | WhatsAppTemplateVariables;
+    setOriginalVariableList?: React.Dispatch<React.SetStateAction<WhatsAppTemplateVariables | CUSTOM_VARIABLE[]>> | undefined;
+    channel: CHANNEL_TYPE;
+    setChannel?: React.Dispatch<React.SetStateAction<CHANNEL_TYPE>> | undefined;
+    template: WhatsAppTemplate | EmailTemplateType | SMSTemplateType | null;
+    setTemplate?: React.Dispatch<React.SetStateAction<WhatsAppTemplate | EmailTemplateType | SMSTemplateType | null>> | undefined;
+    isError: boolean;
+    setIsError?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
+    globalNormalizedPlaceholders?: globalNormalizedPlaceholdersType[] | undefined;
+}>;
+export declare const useTemplateModalContext: () => {
+    device: DEVICE_TYPES;
+    setDevice?: React.Dispatch<React.SetStateAction<DEVICE_TYPES>> | undefined;
+    display_content: string | null;
+    setDisplayContent?: React.Dispatch<React.SetStateAction<string | null>> | undefined;
+    originalVariableList: CUSTOM_VARIABLE[] | WhatsAppTemplateVariables;
+    setOriginalVariableList?: React.Dispatch<React.SetStateAction<WhatsAppTemplateVariables | CUSTOM_VARIABLE[]>> | undefined;
+    channel: CHANNEL_TYPE;
+    setChannel?: React.Dispatch<React.SetStateAction<CHANNEL_TYPE>> | undefined;
+    template: WhatsAppTemplate | EmailTemplateType | SMSTemplateType | null;
+    setTemplate?: React.Dispatch<React.SetStateAction<WhatsAppTemplate | EmailTemplateType | SMSTemplateType | null>> | undefined;
+    isError: boolean;
+    setIsError?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
+    globalNormalizedPlaceholders?: globalNormalizedPlaceholdersType[] | undefined;
+};

package/dist/cjs/components/template-context-mapper/context/templateModalContext.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../template-preview/models/Channels.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=l(e).default.createContext({device:"desktop",display_content:null,originalVariableList:[],channel:t.CHANNEL_TYPE.EMAIL,template:null,isError:!1});exports.TemplateModalContext=r,exports.useTemplateModalContext=()=>e.useContext(r);

package/dist/cjs/components/template-context-mapper/index.d.ts

@@ -0,0 +1,3 @@
+export * from './TemplateContextMapper';
+export * from './utils/getDataFromTemplateComponent';
+export * from './utils/validateIsUrl';

package/dist/cjs/components/template-context-mapper/modalElements/Body.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { WhatsAppPickerMeta } from "../../template-preview/models/WhatsAppTemplate";
+export interface BodyProps {
+    showVariableMapping: boolean;
+    showOnlyContent?: boolean;
+    whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
+}
+declare const Body: (props: BodyProps) => JSX.Element;
+export default Body;

package/dist/cjs/components/template-context-mapper/modalElements/Body.js

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("styled-components"),n=require("../../template-preview/models/Channels.js"),o=require("../../../constants/Theme.js"),i=require("../context/templateModalContext.js"),r=require("../utils/getVariableNameEmail.js"),a=require("../utils/highlightFor.js"),s=require("./DesktopPreview.js"),d=require("./EditWhatsAppTemplateV2.js"),u=require("./MobilePreview.js"),p=require("./VariableConnectorsPanel.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=c(l);const m=h.default.div`
+	display: flex;
+	//	height: 100%;
+`,f=h.default.div`
+	padding: 16px 14px;
+	border-left-width: 1px;
+	border-left-color: ${o.COLORS.stroke.primary};
+	max-width: 350px;
+
+	height: ${e=>e.channel===n.CHANNEL_TYPE.WHATSAPP?"500px":"475px"};
+	overflow-y: 'auto';
+	padding-bottom: 24px;
+`,x=h.default.div`
+	padding: ${e=>e.showOnlyContent?"16px 14px":"16px 32px"};
+	flex: 1;
+	height: 475px;
+	overflow-y: auto;
+`;exports.default=l=>{const{showVariableMapping:c,showOnlyContent:h,whatsappSpecificPickerMeta:g}=l,v=t.useRef(),j=t.useRef(),{device:E,display_content:w,channel:b,template:y,setTemplate:C}=i.useTemplateModalContext();const P=e=>{let t=0;for(;e;)t+=e.offsetTop,e=e.offsetParent;return t};return e.jsxs(m,{children:[e.jsx(x,Object.assign({showOnlyContent:h,showVariableMapping:c},{children:"mobile"===E?e.jsx(u.default,{ref:j,display_content:null!=w?w:"",channel:b,template:y}):b!==n.CHANNEL_TYPE.MESSAGE?e.jsx(s.default,{ref:v,channel:b,display_content:null!=w?w:""}):e.jsx(e.Fragment,{})})),c&&e.jsx(f,Object.assign({channel:b},{children:b!==n.CHANNEL_TYPE.WHATSAPP?e.jsx(p.default,{onFocus:b===n.CHANNEL_TYPE.EMAIL?function(e){var t,l,i;const s=null===document||void 0===document?void 0:document.getElementById("mobile"===E?"template_html_mobile":"template_html_desktop"),d=r.getVariableNameForEmailByIndex(e+1),u=b===n.CHANNEL_TYPE.EMAIL?null===(t=null==s?void 0:s.contentWindow)||void 0===t?void 0:t.document.getElementById(d):document.getElementById(d),p=P(u),c=null==u?void 0:u.offsetLeft;"desktop"===E?p&&v.current&&(null===(l=null==s?void 0:s.contentWindow)||void 0===l||l.scrollTo(null!=c?c:0,p),a.highlightFor(d,o.COLORS.background.warning.light,2,b,E)):p&&j.current&&(null===(i=null==s?void 0:s.contentWindow)||void 0===i||i.scrollTo(null!=c?c:0,p),a.highlightFor(d,o.COLORS.background.warning.light,2,b,E))}:void 0}):e.jsx(d.default,{whatsappSpecificPickerMeta:g,template:y,onTemplateChange:e=>{null==C||C(e)}})}))]})};

package/dist/cjs/components/template-context-mapper/modalElements/DesktopPreview.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { CHANNEL_TYPE } from "../../template-preview/models/Channels";
+declare const DesktopPreview: React.ForwardRefExoticComponent<{
+    display_content: string;
+    channel: CHANNEL_TYPE;
+} & React.RefAttributes<HTMLDivElement>>;
+export default DesktopPreview;

package/dist/cjs/components/template-context-mapper/modalElements/DesktopPreview.js

@@ -0,0 +1,20 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),i=require("../../spinner/Spinner.js"),a=require("../../template-preview/TemplatePreview.js");require("../../template-preview/WhatsApp/WhatsAppLikePreview.js");var s=require("../../../constants/Theme.js"),d=require("../../template-preview/models/Channels.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=l(r),p=l(t);const n=p.default.div`
+	background: ${s.COLORS.surface.standard};
+	border: 1px solid ${s.COLORS.stroke.primary};
+	border-radius: 8px;
+	overflow-y: auto;
+	/* max-height: 420px; */
+	scroll-behavior: smooth;
+	height: 100%;
+`,u=p.default.div`
+	padding: 18px 24px 12px;
+	display: flex;
+	gap: 4px;
+	border-bottom-width: 1px;
+	border-bottom-color: ${s.COLORS.stroke.primary};
+`,h=p.default.div`
+	width: 6px;
+	height: 6px;
+	background: #d9d9d9;
+	border-radius: 3px;
+`,c=o.default.forwardRef(((r,t)=>{let{display_content:s}=r;return e.jsxs(n,Object.assign({ref:t},{children:[e.jsxs(u,{children:[e.jsx(h,{}),e.jsx(h,{}),e.jsx(h,{})]}),e.jsx("div",{children:s?e.jsx(a.TemplatePreview,{channel:d.CHANNEL_TYPE.EMAIL,hideHeader:!0,emailSpecificMeta:{emailDisplayContent:s,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_desktop",containerStyle:{width:584,height:441},templateContainerStyles:{height:"100%"}}}):e.jsx("div",Object.assign({style:{padding:20}},{children:e.jsx(i.Spinner,{size:"small"})}))})]}))}));c.displayName="DesktopPreview",exports.default=c;

package/dist/cjs/components/template-context-mapper/modalElements/EditMediaV2.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { HEADER_TYPES } from "../../template-preview/models/TemplateMeta";
+export interface EditMediaV2Props {
+    imageName: string[];
+    errorSecondaryText?: string;
+    error?: string;
+    isLoading?: boolean;
+    mediaType?: HEADER_TYPES;
+    handleImageChange?: () => void;
+}
+declare const EditMediaV2: (props: EditMediaV2Props) => JSX.Element;
+export default EditMediaV2;

package/dist/cjs/components/template-context-mapper/modalElements/EditMediaV2.js

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/document_pdf.svg.js"),i=require("../../../assets/icons/edit.svg.js"),s=require("../../../assets/icons/refresh.svg.js"),r=require("../../../assets/icons/video_camcorder.svg.js"),n=require("styled-components"),o=require("../../spinner/Spinner.js"),l=require("../../template-preview/models/TemplateMeta.js"),d=require("../../TypographyStyle.js"),a=require("../../../utils/StringUtils.js"),c=require("../../../constants/Theme.js"),h=require("./EditMediaV2.style.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const j=g(n).default.div`
+	padding-left: 14px;
+	padding-right: 6px;
+	width: 44px;
+	height: 24px;
+	border-left: 1px solid ${c.COLORS.stroke.primary};
+	cursor: pointer;
+`;exports.default=n=>{const{imageName:g,error:u,isLoading:p,mediaType:x,handleImageChange:y}=n,O=null==g?void 0:g[0].split("/"),m=null==O?void 0:O[O.length-1];return e.jsxs(h.Container,{children:[e.jsx(h.ImageContainer,Object.assign({error:!!u,onClick:u?y:void 0},{children:u?e.jsx(s.default,{color:c.COLORS.content.brand,width:32,height:32}):p?e.jsx(o.Spinner,{size:"small"}):x===l.HEADER_TYPES.IMAGE?e.jsx("img",{alt:"",src:null==g?void 0:g[0],style:{width:"100%",height:"56px",borderRadius:8,objectFit:"cover"}}):x===l.HEADER_TYPES.VIDEO?e.jsx(r.default,{width:18,height:22,color:c.COLORS.content.placeholder}):e.jsx(t.default,{width:18,height:22,color:c.COLORS.content.placeholder})})),e.jsxs(h.RightComponent,{children:[e.jsx("div",Object.assign({style:{flex:1}},{children:g&&u?e.jsx(e.Fragment,{}):p?e.jsx(d.BodyCaption,Object.assign({style:{marginLeft:8}},{children:"Your media is getting loaded..."})):e.jsx(d.BodySecondary,Object.assign({style:{color:c.COLORS.content.primary,marginLeft:8}},{children:a.default.toCapitilize(null==x?void 0:x.toLowerCase())||m}))})),!!u&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",marginLeft:8}},{children:[e.jsxs(d.BodySecondary,Object.assign({style:{color:c.COLORS.content.negative}},{children:["Error loading this ",null==x?void 0:x.toLowerCase(),". Retry"]})),e.jsx(d.Caption,Object.assign({style:{color:c.COLORS.content.secondary}},{children:u}))]})),!u&&!p&&e.jsx(j,Object.assign({onClick:y,onKeyDown:y,role:"presentation"},{children:e.jsx(i.default,{width:24,height:24,color:c.COLORS.content.placeholder})}))]})]})};

package/dist/cjs/components/template-context-mapper/modalElements/EditMediaV2.style.d.ts

@@ -0,0 +1,6 @@
+export declare const RightComponent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ImageContainer: import("styled-components").StyledComponent<"div", any, {
+    error: boolean;
+}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const EditTemplateMediaContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/template-context-mapper/modalElements/EditMediaV2.style.js

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);const o=i.default.div`
+	display: flex;
+	align-items: center;
+	gap: 12px;
+	/* justify-content: center; */
+	flex: 1;
+`,n=i.default.div`
+	width: 56px;
+	height: 56px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	align-self: center;
+	background-color: ${t.COLORS.surface.hovered};
+	border-radius: 4px;
+	border: 1px solid ${t.COLORS.stroke.primary};
+	box-sizing: content-box;
+	cursor: ${e=>e.error?"pointer":"default"};
+`,d=i.default.div`
+	padding: 8px;
+	flex-direction: row;
+	display: flex;
+	justify-content: space-between;
+	background: ${t.COLORS.surface.subdued};
+	border: 1px solid ${t.COLORS.stroke.primary};
+	border-radius: 4px;
+	margin-left: 8px;
+`,a=i.default.div`
+	padding-bottom: 0px;
+	min-width: 285px;
+`;exports.Container=d,exports.EditTemplateMediaContainer=a,exports.ImageContainer=n,exports.RightComponent=o;

package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppTemplateMediaV2.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { WhatsAppPickerMeta, WhatsAppTemplate } from "../../template-preview/models/WhatsAppTemplate";
+declare const EditMediaTemplateMediaV2: React.FC<{
+    mediaComponent: WhatsAppTemplate['components'][0];
+    template: WhatsAppTemplate;
+    whatsappSpecificPickerMeta: WhatsAppPickerMeta;
+    updateTemplateImageUrl(url: string, format: WhatsAppTemplate['components'][0]['format']): void;
+}>;
+export default EditMediaTemplateMediaV2;

package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppTemplateMediaV2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),a=require("../../helpers/FileUploaderHelper.js"),r=require("../../template-preview/models/TemplateMeta.js"),l=require("./EditMediaV2.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(i);exports.default=n=>{let{mediaComponent:u,template:d,updateTemplateImageUrl:s,whatsappSpecificPickerMeta:c}=n;var p,f;const m=o.default.createRef(),[v,E]=i.useState(!1),[g,_]=i.useState("");let h;return h=u.format===r.HEADER_TYPES.IMAGE?"image/png, image/jpeg":u.format===r.HEADER_TYPES.VIDEO?"video/mp4":"application/pdf",t.jsxs(t.Fragment,{children:[t.jsx("input",{ref:m,style:{display:"none"},type:"file",onChange:function(t){var i,l;return e.__awaiter(this,void 0,void 0,(function*(){_(""),E(!0);const e=new a.FileUploaderHelper,n=null===(i=t.target.files)||void 0===i?void 0:i[0];if(n instanceof Blob){const t=e.validate(n);if(t)_(t),E(!1);else{const e=u.format===r.HEADER_TYPES.IMAGE,t=yield c.uploadMediaFiles({file:n,fileName:n.name,isImage:e});if(t.success){const[e]=n.type.split("/");s(null!==(l=t.url)&&void 0!==l?l:"","application"===e?r.HEADER_TYPES.DOCUMENT:r.HEADER_TYPES[e.toUpperCase()])}else _("An unknown technical error occured");E(!1)}}else _("An unknown technical error occured"),E(!1)}))},accept:h}),t.jsx(l.default,{imageName:null!==(f=null===(p=null==u?void 0:u.example)||void 0===p?void 0:p.header_handle)&&void 0!==f?f:[],handleImageChange:function(){var e;(null===(e=null==m?void 0:m.current)||void 0===e?void 0:e.click)&&m.current.click()},mediaType:null==u?void 0:u.format,error:g,isLoading:v})]})};

package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { EmailTemplateType } from "../../template-preview/models/EmailTemplate";
+import { SMSTemplateType } from "../../template-preview/models/SmsTemplate";
+import { WhatsAppPickerMeta, WhatsAppTemplate } from "../../template-preview/models/WhatsAppTemplate";
+export interface EditWhatsAppTemplateV2Props {
+    whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
+    template: WhatsAppTemplate;
+    onTemplateChange?: (template: WhatsAppTemplate | EmailTemplateType | SMSTemplateType) => void;
+}
+declare const EditWhatsAppTemplateV2: ({ template, onTemplateChange, whatsappSpecificPickerMeta, }: EditWhatsAppTemplateV2Props) => JSX.Element;
+export default EditWhatsAppTemplateV2;

package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../context/templateModalContext.js"),n=require("../utils/getDataFromTemplateComponent.js"),o=require("./EditMediaV2.style.js"),i=require("./EditWhatsAppTemplateMediaV2.js"),l=require("./VariableConnectorsPanel.js"),s=require("./VariableConnectorWhatsApp.js"),a=require("./VariableEditorHeader.js"),d=require("./WhatsAppTemplateCardButtonV2.js");exports.default=r=>{let{template:p,onTemplateChange:u,whatsappSpecificPickerMeta:c}=r;var m,v,b,g,h,f,j,x,T,O,y,C;const{originalVariableList:E}=t.useTemplateModalContext(),{descriptionComponents:V,urlBtns:w,qrbBtns:B,imageComponent:I,bodyVariables:q,headerVariables:R}=n.getAllDataFromTemplateComponent(p);function A(e,t){var n,o,i,l;const s=Object.assign({},p),a=null==s?void 0:s.components.findIndex((e=>"BUTTONS"===e.type));if(void 0!==a&&a>-1){const d=null===(n=null==s?void 0:s.components[a].buttons)||void 0===n?void 0:n.findIndex((e=>"URL"===e.type));if(void 0!==d&&d>-1){const n="custom"===t&&"string"==typeof e,r=[...null!==(l=null===(i=null===(o=s.components)||void 0===o?void 0:o[a])||void 0===i?void 0:i.buttons)&&void 0!==l?l:[]];r[d]=Object.assign(Object.assign({},r[d]),{url:"https://d.bik.ai/{{1}}",example:[n?e:"string"!=typeof e?e.defaultValue:""]});const p=Object.assign(Object.assign({},s.components[a]),{buttons:r}),u=Object.assign(Object.assign({},s.mapping),{buttons:n?["((customBtnPlaceholder))"]:"string"!=typeof e?[e.placeHolder]:void 0});s.mapping=u;const c=[...s.components];c[a]=p,s.components=c}}null==u||u(s)}function L(e,t,n){var o;const i=Object.assign({},p),l=null==i?void 0:i.components.findIndex((e=>"BUTTONS"===e.type));if(void 0!==l&&l>-1){const t=null===(o=null==i?void 0:i.components[l].buttons)||void 0===o?void 0:o.filter((e=>"QUICK_REPLY"===e.type));t&&(t[n]=Object.assign(Object.assign({},t[n]),{flowId:e.flowId,flowName:e.flowName}));const s=Object.assign(Object.assign({},i.components[l]),{buttons:t}),a=[...i.components];a[l]=s,i.components=a}null==u||u(i)}return e.jsxs(l.Container,Object.assign({style:{flexDirection:"column",maxHeight:460}},{children:[!!I&&e.jsx(o.EditTemplateMediaContainer,{children:e.jsx(i.default,{whatsappSpecificPickerMeta:c,mediaComponent:I,updateTemplateImageUrl:function(e,t){var n;let o=Object.assign({},p);const i=null===(n=null==o?void 0:o.components)||void 0===n?void 0:n.findIndex((e=>{if("HEADER"===e.type&&"NONE"!==e.format&&"TEXT"!==e.format)return!0}));if(void 0!==i&&i>-1&&(null==o?void 0:o.components[i])){const n=Object.assign(Object.assign({},o.components[i]),{format:t,example:{header_handle:[e]}}),l=[...o.components];l[i]=n,o=Object.assign(Object.assign({},o),{components:l})}null==u||u(o)},template:p})}),(q.length>0||R.length>0)&&e.jsx(a.default,{containerStyle:{paddingTop:I?24:8},headerText:"Edit variable values",subText:"Edit values for the variables used in template",toolTipInfo:"Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below"}),null==V?void 0:V.map(((t,n)=>e.jsx(s.default,{originalVariableList:E,type:t.type,descriptionComponent:t.component,variableMapping:"HEADER"===t.type?p.mapping.header:p.mapping.body},n))),(null===(v=null===(m=w[0])||void 0===m?void 0:m.component)||void 0===v?void 0:v.buttons)&&(null===(h=null===(g=null===(b=w[0])||void 0===b?void 0:b.component)||void 0===g?void 0:g.buttons)||void 0===h?void 0:h.length)>0&&e.jsx(a.default,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"}),null===(f=null==E?void 0:E.buttons)||void 0===f?void 0:f.map(((t,n)=>{if("URL"===t.type)return e.jsx(d.default,{CTAoptions:null==c?void 0:c.CTAoptions,button:t,originalVariableList:E,updateSelectedURLTemplateBtn:A},`${n}`)})),(null===(x=null===(j=B[0])||void 0===j?void 0:j.component)||void 0===x?void 0:x.buttons)&&(null===(y=null===(O=null===(T=B[0])||void 0===T?void 0:T.component)||void 0===O?void 0:O.buttons)||void 0===y?void 0:y.length)>0&&e.jsx(a.default,{headerText:"Edit buttons",subText:"Edit the chatflows triggered on clicking  the buttons",toolTipInfo:"There is an option to trigger chatflows through the buttons which can keep the user engaged"}),null===(C=null==E?void 0:E.buttons)||void 0===C?void 0:C.map(((t,n)=>{if("QUICK_REPLY"===t.type)return e.jsx(d.default,{QRBoptions:null==c?void 0:c.QRBoptions,button:t,originalVariableList:E,updateSelectedQRBTemplateBtn:L},`${n}`)}))]}))};

package/dist/cjs/components/template-context-mapper/modalElements/Footer.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface FooterProps {
+    onSelect: () => void;
+}
+declare const Footer: ({ onSelect }: FooterProps) => JSX.Element;
+export default Footer;

package/dist/cjs/components/template-context-mapper/modalElements/Footer.js

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../button/Button.js"),o=require("../../../constants/Theme.js"),s=require("../Badge/index.js"),n=require("../context/templateModalContext.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const d=a(t).default.div`
+	background: ${o.COLORS.surface.standard};
+	border-top-width: 1px;
+	border-top-color: ${o.COLORS.stroke.primary};
+	box-shadow: 0px -4px 12px rgba(0, 0, 0, 0.12);
+	width: 100%;
+	padding: 16px 24px;
+	display: flex;
+	justify-content: end;
+	gap: 12;
+	border-bottom-left-radius: 4px;
+	border-bottom-right-radius: 4px;
+`;exports.default=t=>{let{onSelect:o}=t;const{isError:a}=n.useTemplateModalContext();return e.jsxs(d,{children:[a&&e.jsx(s.Badge,{errorText:"Some inputs are missing or incorrect. Please check"}),e.jsx(r.Button,{id:"select-template-btn",buttonText:"Select template",size:"large",onClick:o})]})};

package/dist/cjs/components/template-context-mapper/modalElements/Header.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface HeaderProps {
+    showOnlyContent?: boolean;
+}
+declare const Header: ({ showOnlyContent }: HeaderProps) => JSX.Element;
+export default Header;