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

package/dist/esm/components/modals/modal.styled.js

@@ -0,0 +1 @@
+import c from"@emotion/styled/base";import{COLORS as l}from"../../constants/Theme.js";const b=c("div","production"===process.env.NODE_ENV?{target:"en6feff2"}:{target:"en6feff2",label:"RootContainer"})("production"===process.env.NODE_ENV?{name:"1artd04",styles:"position:fixed;top:0;left:0;z-index:1;height:100%;width:100%;background-color:rgba(0, 0, 0, 0.6);display:flex;align-items:center;justify-content:center"}:{name:"1artd04",styles:"position:fixed;top:0;left:0;z-index:1;height:100%;width:100%;background-color:rgba(0, 0, 0, 0.6);display:flex;align-items:center;justify-content:center",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRXdDIiwiZmlsZSI6Im1vZGFsLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFJvb3RDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGZpeGVkO1xuXHR0b3A6IDA7XG5cdGxlZnQ6IDA7XG5cdHotaW5kZXg6IDE7XG5cdGhlaWdodDogMTAwJTtcblx0d2lkdGg6IDEwMCU7XG5cdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC42KTtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgQ2VudHJhbENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogNjQwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0ZGlzcGxheTogZmxleDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDbG9zZUJ1dHRvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDM2cHg7XG5cdHdpZHRoOiAzNnB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0cmlnaHQ6IDA7XG5cdHRvcDogMDtcblx0dHJhbnNsYXRlOiA1MCUgLTUwJTtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGN1cnNvcjogcG9pbnRlcjtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPW1vZGFsLnN0eWxlZC5qcy5tYXAiXX0= */",toString:function(){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)."}}),t=c("div","production"===process.env.NODE_ENV?{target:"en6feff1"}:{target:"en6feff1",label:"CentralContainer"})("width:640px;background-color:",l.surface.standard,";border-radius:4px;position:relative;display:flex;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYzJDIiwiZmlsZSI6Im1vZGFsLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFJvb3RDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGZpeGVkO1xuXHR0b3A6IDA7XG5cdGxlZnQ6IDA7XG5cdHotaW5kZXg6IDE7XG5cdGhlaWdodDogMTAwJTtcblx0d2lkdGg6IDEwMCU7XG5cdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC42KTtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgQ2VudHJhbENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogNjQwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0ZGlzcGxheTogZmxleDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDbG9zZUJ1dHRvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDM2cHg7XG5cdHdpZHRoOiAzNnB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0cmlnaHQ6IDA7XG5cdHRvcDogMDtcblx0dHJhbnNsYXRlOiA1MCUgLTUwJTtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGN1cnNvcjogcG9pbnRlcjtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPW1vZGFsLnN0eWxlZC5qcy5tYXAiXX0= */")),e=c("div","production"===process.env.NODE_ENV?{target:"en6feff0"}:{target:"en6feff0",label:"CloseButtonContainer"})("height:36px;width:36px;border-radius:50%;position:absolute;right:0;top:0;translate:50% -50%;display:flex;align-items:center;justify-content:center;background-color:",l.surface.standard,";border:1px solid ",l.stroke.primary,";cursor:pointer;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUIrQyIsImZpbGUiOiJtb2RhbC5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBSb290Q29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHBvc2l0aW9uOiBmaXhlZDtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHR6LWluZGV4OiAxO1xuXHRoZWlnaHQ6IDEwMCU7XG5cdHdpZHRoOiAxMDAlO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNik7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcclxuZXhwb3J0IGNvbnN0IENlbnRyYWxDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDY0MHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGRpc3BsYXk6IGZsZXg7XG5gO1xyXG5leHBvcnQgY29uc3QgQ2xvc2VCdXR0b25Db250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0aGVpZ2h0OiAzNnB4O1xuXHR3aWR0aDogMzZweDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHJpZ2h0OiAwO1xuXHR0b3A6IDA7XG5cdHRyYW5zbGF0ZTogNTAlIC01MCU7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1tb2RhbC5zdHlsZWQuanMubWFwIl19 */"));export{t as CentralContainer,e as CloseButtonContainer,b as RootContainer};

package/dist/esm/components/modals/styledModal.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ButtonProps } from '../button/model';
+export declare const StyledModal: React.FC<{
+    open: boolean;
+    onClose: () => void;
+    children?: React.ReactNode;
+    centralContainerStyles?: React.CSSProperties;
+    closeOnOutsideClick?: boolean;
+    headingTitle?: string;
+    headingSubtitle?: string;
+    tintedHeader?: boolean;
+    primaryButton?: ButtonProps;
+    secondaryButton?: ButtonProps;
+    footerShadow?: boolean;
+}>;

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

@@ -0,0 +1 @@
+import c from"@emotion/styled/base";import{jsx as b,jsxs as l}from"react/jsx-runtime";import{Button as G}from"../button/Button.js";import{Modal as I}from"./Modal.js";import{BodyPrimary as H,TitleMedium as d}from"../TypographyStyle.js";import{COLORS as Z}from"../../constants/Theme.js";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=c("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=c("div","production"===process.env.NODE_ENV?{target:"e179voii4"}:{target:"e179voii4",label:"ModalHeader"})("padding:24px;width:100%;background-color:",(c=>c.tintedHeader?Z.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 */")),W=c(H,"production"===process.env.NODE_ENV?{target:"e179voii3"}:{target:"e179voii3",label:"ModalSubtitle"})("margin-top:4px;color:",Z.content.secondary,"!important;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZE1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjBDIiwiZmlsZSI6InN0eWxlZE1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL2J1dHRvblwiO1xyXG5pbXBvcnQgeyBNb2RhbCB9IGZyb20gXCIuL01vZGFsXCI7XHJcbmltcG9ydCB7IEJvZHlQcmltYXJ5LCBUaXRsZU1lZGl1bSB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5U3R5bGVcIjtcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5jb25zdCBNb2RhbFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0ZmxleDogMTtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5gO1xyXG5jb25zdCBNb2RhbEhlYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRwYWRkaW5nOiAyNHB4O1xuXHR3aWR0aDogMTAwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRpbnRlZEhlYWRlciA/IENPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcubGlnaHQgOiAndHJhbnNwYXJlbnQnfTtcblx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy50aW50ZWRIZWFkZXIgPyAnNHB4JyA6ICdub25lJyl9O1xuYDtcclxuY29uc3QgTW9kYWxTdWJ0aXRsZSA9IHN0eWxlZChCb2R5UHJpbWFyeSkgYFxuXHRtYXJnaW4tdG9wOiA0cHg7XG5cdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnNlY29uZGFyeX0gIWltcG9ydGFudDtcbmA7XHJcbmNvbnN0IE1vZGFsRm9vdGVyID0gc3R5bGVkLmRpdiBgXG5cdHBhZGRpbmc6IDE2cHggMjRweDtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBlbmQ7XG5cdG1hcmdpbi10b3A6IGF1dG87XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuY29uc3QgTW9kYWxCb2R5ID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHR6LWluZGV4OiAxO1xuXHRib3gtc2hhZG93OiAkeyhwcm9wcykgPT4gcHJvcHMuc2hvd1NoYWRvdyA/ICdpbnNldCAwIC0zcHggNnB4IHJnYmEoMCwgMCwgMCwgMC4xMiknIDogJ25vbmUnfTtcbmA7XHJcbmNvbnN0IFNlY29uZGFyeUJ1dHRvbldyYXBwZXIgPSBzdHlsZWQoQnV0dG9uKSBgXG5cdG1hcmdpbi1yaWdodDogOHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZE1vZGFsID0gKHByb3BzKSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iO1xyXG4gICAgcmV0dXJuIChfanN4KE1vZGFsLCBPYmplY3QuYXNzaWduKHsgb3BlbjogcHJvcHMub3Blbiwgb25DbG9zZTogcHJvcHMub25DbG9zZSwgY2xvc2VPbk91dHNpZGVDbGljazogcHJvcHMuY2xvc2VPbk91dHNpZGVDbGljaywgY2VudHJhbENvbnRhaW5lclN0eWxlczogcHJvcHMuY2VudHJhbENvbnRhaW5lclN0eWxlcyB9LCB7IGNoaWxkcmVuOiBfanN4cyhNb2RhbFdyYXBwZXIsIHsgY2hpbGRyZW46IFtfanN4cyhNb2RhbEhlYWRlciwgT2JqZWN0LmFzc2lnbih7IHRpbnRlZEhlYWRlcjogKF9hID0gcHJvcHMudGludGVkSGVhZGVyKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBmYWxzZSB9LCB7IGNoaWxkcmVuOiBbcHJvcHMuaGVhZGluZ1RpdGxlICYmIChfanN4KFRpdGxlTWVkaXVtLCB7IGNoaWxkcmVuOiBwcm9wcy5oZWFkaW5nVGl0bGUgfSkpLCBwcm9wcy5oZWFkaW5nU3VidGl0bGUgJiYgKF9qc3goTW9kYWxTdWJ0aXRsZSwgeyBjaGlsZHJlbjogcHJvcHMuaGVhZGluZ1N1YnRpdGxlIH0pKV0gfSkpLCBwcm9wcy5jaGlsZHJlbiAmJiAoX2pzeChNb2RhbEJvZHksIE9iamVjdC5hc3NpZ24oeyBzaG93U2hhZG93OiAoX2IgPSBwcm9wcy5mb290ZXJTaGFkb3cpICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6IGZhbHNlIH0sIHsgY2hpbGRyZW46IHByb3BzLmNoaWxkcmVuIH0pKSksIChwcm9wcy5wcmltYXJ5QnV0dG9uIHx8IHByb3BzLnNlY29uZGFyeUJ1dHRvbikgJiYgKF9qc3hzKE1vZGFsRm9vdGVyLCB7IGNoaWxkcmVuOiBbcHJvcHMuc2Vjb25kYXJ5QnV0dG9uICYmIChfanN4KFNlY29uZGFyeUJ1dHRvbldyYXBwZXIsIE9iamVjdC5hc3NpZ24oe30sIHByb3BzLnNlY29uZGFyeUJ1dHRvbikpKSwgcHJvcHMucHJpbWFyeUJ1dHRvbiAmJiBfanN4KEJ1dHRvbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMucHJpbWFyeUJ1dHRvbikpXSB9KSldIH0pIH0pKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlZE1vZGFsLmpzLm1hcCJdfQ== */")),m=c("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}),u=c("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== */")),B=c(G,"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}),J=c=>{var H,Z;return b(I,Object.assign({open:c.open,onClose:c.onClose,closeOnOutsideClick:c.closeOnOutsideClick,centralContainerStyles:c.centralContainerStyles},{children:l(i,{children:[l(n,Object.assign({tintedHeader:null!==(H=c.tintedHeader)&&void 0!==H&&H},{children:[c.headingTitle&&b(d,{children:c.headingTitle}),c.headingSubtitle&&b(W,{children:c.headingSubtitle})]})),c.children&&b(u,Object.assign({showShadow:null!==(Z=c.footerShadow)&&void 0!==Z&&Z},{children:c.children})),(c.primaryButton||c.secondaryButton)&&l(m,{children:[c.secondaryButton&&b(B,Object.assign({},c.secondaryButton)),c.primaryButton&&b(G,Object.assign({},c.primaryButton))]})]})}))};export{J as StyledModal};

package/dist/esm/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/esm/components/progress-bar/ProgressBarComponent.js

@@ -0,0 +1 @@
+import c from"@emotion/styled/base";import{jsx as b}from"react/jsx-runtime";import{ProgressBar as o}from"react-bootstrap";import{COLORS as t}from"../../constants/Theme.js";const l=c=>b(I,Object.assign({color:c.color?c.color:t.content.brand},{children:b(o,{animated:c.isAnimated,now:c.completed,style:{height:`${c.height?c.height:8}px`}})})),I=c("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 */"));export{l as ProgressBarComponent,I as ProgressCompletedBar};

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

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

package/dist/esm/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/esm/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/esm/components/states/index.d.ts

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

package/dist/esm/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/esm/components/states-modal/index.d.ts

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

package/dist/esm/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/esm/components/tag/Tag.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import a from"react";import{BodyCaption as i}from"../TypographyStyle.js";import{Tag as r}from"./Tag.styled.js";import{getTagIconColor as n}from"./themes.js";const s=s=>{let{tagText:c,LeadingIcon:l,TrailingIcon:o,theme:m="light",type:g="neutral",variant:d="regular"}=s;const h={height:16,width:16,color:n(m,g),style:{display:"block"}};let p=c;return"circle"===d&&"number"==typeof p&&p>99&&(p="99+"),e(r,Object.assign({theme:m,type:g,variant:d},{children:t("div",Object.assign({className:"container"},{children:[o&&e("div",Object.assign({className:"icon-trailing"},{children:a.createElement(o,h)})),e(i,Object.assign({className:"text"},{children:p})),l&&e("div",Object.assign({className:"icon-leading"},{children:a.createElement(l,h)}))]}))}))};s.displayName="Tag";export{s as Tag};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import a from"react";import{BodyCaption as r}from"../TypographyStyle.js";import{ValidTagTypeMap as i}from"./model.js";import{Tag as n}from"./Tag.styled.js";import{getTagIconColor as s}from"./themes.js";const c=c=>{let{tagText:l,LeadingIcon:o,TrailingIcon:m,theme:g="light",type:d="neutral",variant:p="regular"}=c,h=l,j=g,y=d;i[p][d]||(y="neutral"),"circle"===p&&(j="dark","number"==typeof h&&h>99&&(h="99+"));const b={height:16,width:16,color:s(g,y),style:{display:"block"}};return e(n,Object.assign({theme:j,type:d,variant:p},{children:t("div",Object.assign({className:"container"},{children:[o&&e("div",Object.assign({className:"icon-trailing"},{children:a.createElement(o,b)})),e(r,Object.assign({className:"text"},{children:h})),m&&e("div",Object.assign({className:"icon-leading"},{children:a.createElement(m,b)}))]}))}))};c.displayName="Tag";export{c as Tag};

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

@@ -1,26 +1,26 @@
-import e from"styled-components";import{getPadding as r,getBackgroundColor as t,generateBorder as o,getTextColor as i}from"./themes.js";const a=e.div`
+import r from"styled-components";import{getPadding as e,getBackgroundColor as t,generateBorder as i,getTextColor as o}from"./themes.js";const a=r.div`
 	cursor: default;
+	${r=>"regular"===r.variant?"display: block;":""}
+	${r=>"circle"===r.variant&&"height: 20px;"}
 	.container {
 		display: flex;
 		gap: 6px;
-		padding: ${e=>r(e.variant)};
-	}
-
-	${e=>"circle"===e.variant&&"height: 20px;"}
+		padding: ${r=>e(r.variant)};
 
-	background-color: ${e=>t(e.theme,e.type)};
+		background-color: ${r=>t(r.theme,r.type)};
 
-	border-radius: ${e=>"regular"===e.variant?"4px":"12px"};
+		border-radius: ${r=>"regular"===r.variant?"4px":"12px"};
 
-	${e=>"light"===e.theme&&`border: 1px solid ${o(e.type)};`}
+		${r=>"light"===r.theme&&`border: 1px solid ${i(r.type)};`}
 
-	.text {
-		color: ${e=>i(e.theme,e.type)};
-	}
+		.text {
+			color: ${r=>o(r.theme,r.type)};
+		}
 
-	.icon-trailing {
-	}
+		.icon-trailing {
+		}
 
-	.icon-leading {
+		.icon-leading {
+		}
 	}
 `;export{a as Tag};

package/dist/esm/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/esm/components/tag/model.js

@@ -0,0 +1 @@
+const e={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}};export{e as ValidTagTypeMap};

package/dist/esm/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/esm/components/tag/themes.js

@@ -1 +1 @@
-import{COLORS as r}from"../../constants/Theme.js";const t={blue:{iconColor:{light:r.content.blue,dark:r.content.primaryInverse},textColor:{light:r.content.blue,dark:r.content.primaryInverse},border:r.stroke.blue.lightAlt,backgroundColor:{light:r.background.blue.light,dark:r.content.blue}},purple:{iconColor:{light:r.background.inverseLight,dark:r.content.primaryInverse},textColor:{light:r.background.inverseLight,dark:r.content.primaryInverse},border:r.stroke.brandLightAlt,backgroundColor:{light:r.background.brandLight,dark:r.background.inverse}},negative:{iconColor:{light:r.content.negative,dark:r.content.primaryInverse},textColor:{light:r.content.negative,dark:r.content.primaryInverse},border:r.stroke.negative.lightAlt,backgroundColor:{light:r.background.negative.light,dark:r.background.negative.vibrant}},positive:{iconColor:{light:r.content.positive,dark:r.content.primaryInverse},textColor:{light:r.content.positive,dark:r.content.primaryInverse},border:r.stroke.positive.lightAlt,backgroundColor:{light:r.background.positive.light,dark:r.background.positive.vibrant}},warning:{iconColor:{light:r.content.warning,dark:r.content.primary},textColor:{light:r.content.warning,dark:r.content.primary},border:r.stroke.warning.lightAlt,backgroundColor:{light:r.background.warning.light,dark:r.background.warning.vibrant}},neutral:{iconColor:{light:r.content.secondary,dark:r.content.primaryInverse},textColor:{light:r.content.secondary,dark:r.content.primaryInverse},border:r.stroke.primary,backgroundColor:{light:r.surface.subdued,dark:r.background.inverse}},white:{iconColor:{light:r.content.secondary,dark:r.content.primaryInverse},textColor:{light:r.content.secondary,dark:r.content.primaryInverse},border:r.stroke.primary,backgroundColor:{light:r.surface.subdued,dark:r.background.inverse}}},o=(r,o)=>t[o].iconColor[r],n=(r,o)=>t[o].textColor[r],e=r=>t[r].border,i=(r,o)=>t[o].backgroundColor[r],a=r=>"regular"===r?"4px 8px":"2px 6px";export{e as generateBorder,i as getBackgroundColor,a as getPadding,o as getTagIconColor,n as getTextColor};
+import{COLORS as r}from"../../constants/Theme.js";const n={blue:{iconColor:{light:r.content.blue,dark:r.content.primaryInverse},textColor:{light:r.content.blue,dark:r.content.primaryInverse},border:r.stroke.blue.lightAlt,backgroundColor:{light:r.background.blue.light,dark:r.content.blue,circle:r.content.blue}},purple:{iconColor:{light:r.background.inverseLight,dark:r.content.primaryInverse},textColor:{light:r.background.inverseLight,dark:r.content.primaryInverse},border:r.stroke.brandLightAlt,backgroundColor:{light:r.background.brandLight,dark:r.background.inverse,circle:r.background.inverse}},negative:{iconColor:{light:r.content.negative,dark:r.content.primaryInverse},textColor:{light:r.content.negative,dark:r.content.primaryInverse},border:r.stroke.negative.lightAlt,backgroundColor:{light:r.background.negative.light,dark:r.background.negative.vibrant,circle:r.background.negative.vibrant}},positive:{iconColor:{light:r.content.positive,dark:r.content.primaryInverse},textColor:{light:r.content.positive,dark:r.content.primaryInverse},border:r.stroke.positive.lightAlt,backgroundColor:{light:r.background.positive.light,dark:r.background.positive.vibrant,circle:r.background.positive.vibrant}},warning:{iconColor:{light:r.content.warning,dark:r.content.primary},textColor:{light:r.content.warning,dark:r.content.primary},border:r.stroke.warning.lightAlt,backgroundColor:{light:r.background.warning.light,dark:r.background.warning.vibrant,circle:r.background.warning.vibrant}},neutral:{iconColor:{light:r.content.secondary,dark:r.content.primaryInverse},textColor:{light:r.content.secondary,dark:r.content.primaryInverse},border:r.stroke.primary,backgroundColor:{light:r.surface.subdued,dark:r.background.inverse,circle:r.background.inverseLight}},white:{iconColor:{light:r.content.secondary,dark:r.content.primaryInverse},textColor:{light:r.content.secondary,dark:r.content.primaryInverse},border:r.stroke.primary,backgroundColor:{light:r.surface.subdued,dark:r.background.inverse,circle:r.background.inverseLight}},grey:{iconColor:{light:r.content.secondary,dark:r.content.primaryInverse},textColor:{light:r.content.secondary,dark:r.content.primaryInverse},border:r.stroke.primary,backgroundColor:{light:r.surface.subdued,dark:r.content.secondary,circle:r.content.secondary}}},t=(r,t)=>n[t].iconColor[r],e=(r,t)=>n[t].textColor[r],o=r=>n[r].border,i=(r,t)=>n[t].backgroundColor[r],a=r=>"regular"===r?"4px 8px":"2px 6px";export{o as generateBorder,i as getBackgroundColor,a as getPadding,t as getTagIconColor,e as getTextColor};

package/dist/esm/components/template-preview/EmailTemplatePreview.styled.d.ts

@@ -0,0 +1,8 @@
+export declare const Header: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ImageContainer: import("styled-components").StyledComponent<"div", any, {
+    hideHeader?: boolean | undefined;
+}, never>;
+export declare const ViewButton: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const EmailContainer: import("styled-components").StyledComponent<"div", any, {
+    hideHeader?: boolean | undefined;
+}, never>;

package/dist/esm/components/template-preview/EmailTemplatePreview.styled.js

@@ -0,0 +1,29 @@
+import r from"styled-components";import{COLORS as o}from"../../constants/Theme.js";const t=r.div`
+	padding: 16px;
+	padding-bottom: 12px;
+	border-top-left-radius: 4px;
+	border-top-right-radius: 4px;
+	border: 1px solid ${o.stroke.primary};
+`,d=r.div`
+	width: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	border-left: 1px solid ${o.stroke.primary};
+	border-right: 1px solid ${o.stroke.primary};
+	border-top-color: ${o.stroke.primary};
+	border-top-width: ${r=>r.hideHeader?"1px":"0px"};
+	overflow: scroll;
+`,e=r.div`
+	display: flex;
+	justify-content: center;
+	width: 100%;
+	background: ${o.surface.standard};
+	border-bottom-left-radius: 4px;
+	border-bottom-right-radius: 4px;
+	border: 1px solid ${o.stroke.primary};
+`,i=r.div`
+	border-radius: 4px;
+	background-color: ${o.surface.standard};
+	margin-top: ${r=>r.hideHeader?0:16};
+`;export{i as EmailContainer,t as Header,d as ImageContainer,e as ViewButton};

package/dist/esm/components/template-preview/EmailTemplateThumbnailPreview.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { CSSProperties } from 'styled-components';
+import { EmailTemplateType } from './models/EmailTemplate';
+declare const EmailTemplateThumbnailPreview: React.FC<{
+    template: EmailTemplateType;
+    hideHeader?: boolean;
+    handleViewTemplate: () => void;
+    hideViewButton?: boolean;
+    containerStyle?: CSSProperties;
+    emailHtmlContainerId?: string;
+    emailDisplayContent?: string;
+}>;
+export default EmailTemplateThumbnailPreview;

package/dist/esm/components/template-preview/EmailTemplateThumbnailPreview.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{Button as i}from"../button/Button.js";import{TitleRegular as l}from"../TypographyStyle.js";import{EmailContainer as n,Header as r,ImageContainer as a,ViewButton as m}from"./EmailTemplatePreview.styled.js";const o=o=>{let{template:s,handleViewTemplate:d,hideHeader:c,hideViewButton:h,containerStyle:p,emailHtmlContainerId:u,emailDisplayContent:y}=o;return e(n,Object.assign({hideHeader:c,style:Object.assign({},null!=p?p:{})},{children:[!c&&t(r,{children:t(l,Object.assign({style:{maxWidth:"100%"}},{children:s.name}))}),y?t("iframe",{title:"Email template preview",id:null!=u?u:"",width:"100%",srcDoc:y,height:"100%",style:{pointerEvents:"none"}}):t(a,Object.assign({hideHeader:c},{children:t("img",{alt:"Email thumbnail",src:s.thumbnailUrl,style:{objectFit:"contain",width:"100%"}})})),!h&&t(m,{children:t(i,{buttonType:"tertiary",buttonText:"View",onClick:()=>{d&&d()}})})]}))};export{o as default};

package/dist/esm/components/template-preview/SMS/SMSBubble.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const SideCaret: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SMSContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export type SMSBubbleProps = {
+    content: string;
+    size?: 'small' | 'large';
+};
+declare const SMSBubble: (props: SMSBubbleProps) => JSX.Element;
+export default SMSBubble;

package/dist/esm/components/template-preview/SMS/SMSBubble.js

@@ -0,0 +1,12 @@
+import{jsxs as t,jsx as o}from"react/jsx-runtime";import e from"../../../assets/icons/union.svg.js";import i from"styled-components";import{COLORS as n}from"../../../constants/Theme.js";const r=i.div`
+	position: absolute;
+	width: 30px;
+	height: 30px;
+	left: -10px;
+	bottom: -1px;
+`,s=i.div`
+	padding: 12px;
+	background: ${n.background.base};
+	border-radius: 16px;
+	position: relative;
+`,d=i=>{const{content:d,size:a}=i;return t(s,{children:[o(r,{children:o(e,{color:n.background.base,height:27,width:27})}),o("div",{style:{fontSize:"small"===a?12:14},dangerouslySetInnerHTML:{__html:d}})]})};export{s as SMSContainer,r as SideCaret,d as default};

package/dist/esm/components/template-preview/SmsTemplatePreview.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { SMSTemplateType } from './models/SmsTemplate';
+import { CUSTOM_VARIABLE } from './models/TemplateMeta';
+declare const SmsTemplatePreview: React.FC<{
+    template: SMSTemplateType;
+    variableStore?: CUSTOM_VARIABLE[];
+    hideHeader?: boolean;
+    onlyTemplateContent?: boolean;
+    display_content?: string;
+    size?: 'small' | 'large';
+}>;
+export default SmsTemplatePreview;

package/dist/esm/components/template-preview/SmsTemplatePreview.js

@@ -0,0 +1 @@
+import{jsxs as e,Fragment as t,jsx as r}from"react/jsx-runtime";import s from"../../assets/icons/arrow_left.svg.js";import o from"../../assets/icons/more_vertical.svg.js";import i from"../../assets/icons/search.svg.js";import{COLORS as l}from"../../constants/Theme.js";import{TitleRegular as n,Caption as c}from"../TypographyStyle.js";import{renderVariableUIForPreview as a}from"./helpers/SmsTemplateHelper.js";import d from"./SMS/SMSBubble.js";import{SMSCardHeader as m,SMSHeader as h,SMSBubbleContainer as p}from"./SmsTemplatePreview.styled.js";const f=f=>{let{template:g,variableStore:y,hideHeader:j,display_content:v,onlyTemplateContent:u,size:S}=f;var b;const w=null==g?void 0:g.content;return e(t,{children:[!j&&!u&&r(m,{children:r(n,Object.assign({style:{maxWidth:"100%"}},{children:g.name}))}),!u&&r(h,{children:e(t,{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:8}},{children:[r(s,{width:16,height:16,color:l.content.secondary}),r(c,{children:null===(b=g.headers)||void 0===b?void 0:b[0]})]})),e("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:8}},{children:[r(i,{width:16,height:16,color:l.content.secondary}),r(o,{width:16,height:16,color:l.content.secondary})]}))]})}),r(p,Object.assign({size:S},{children:r(d,{size:null!=S?S:"large",content:null!=v?v:a(w,null!=y?y:[])})}))]})};export{f as default};

package/dist/esm/components/template-preview/SmsTemplatePreview.styled.d.ts

@@ -0,0 +1,13 @@
+export declare const SideCaret: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SMSBubbleContainer: import("styled-components").StyledComponent<"div", any, {
+    size?: "small" | "large" | undefined;
+}, never>;
+export declare const SMSCardHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SMSContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SMSInnerContainer: import("styled-components").StyledComponent<"div", any, {
+    hideHeader?: boolean | undefined;
+    outsidePreview?: boolean | undefined;
+}, never>;
+export declare const BubbleSideCaret: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const BubbleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SMSHeader: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/esm/components/template-preview/SmsTemplatePreview.styled.js

@@ -0,0 +1,46 @@
+import r from"styled-components";import{COLORS as o}from"../../constants/Theme.js";r.div`
+	position: absolute;
+	width: 8px;
+	height: 8px;
+	left: -5px;
+	bottom: 2px;
+`;const d=r.div`
+	padding: ${r=>"small"===r.size?"12px 32px 12px 12px":"16px 56px 12px 16px"};
+	background: ${o.surface.standard};
+	border-radius: 4px;
+`,p=r.div`
+	padding: 16px;
+	background: ${o.surface.standard};
+	border-top-left-radius: 4px;
+	border-top-right-radius: 4px;
+	border-bottom: 1px solid ${o.stroke.primary};
+`;r.div`
+	border: 1px solid ${o.stroke.primary};
+	height: 100%;
+	border-top-left-radius: 4px;
+	border-top-right-radius: 4px;
+`,r.div`
+	margin-top: ${r=>r.hideHeader?0:"16px"};
+	border-radius: 4px;
+	border-color: ${o.stroke.primary};
+	border-width: ${r=>r.outsidePreview?0:"1px"};
+`,r.div`
+	position: absolute;
+	width: 30px;
+	height: 30px;
+	left: -10px;
+	bottom: -1px;
+`,r.div`
+	padding: 12px;
+	background: ${o.background.base};
+	border-radius: 16px;
+`;const t=r.div`
+	padding: 10px;
+	position: sticky;
+	top: 0;
+	z-index: 1;
+	background: ${o.surface.standard};
+	display: flex;
+	justify-content: space-between;
+	border-bottom: 1px solid ${o.background.base};
+`;export{d as SMSBubbleContainer,p as SMSCardHeader,t as SMSHeader};

package/dist/esm/components/template-preview/TemplatePreview.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { CHANNEL_TYPE } from './models/Channels';
+import { EmailMeta, EmailTemplateType } from './models/EmailTemplate';
+import { SMSMeta, SMSTemplateType } from './models/SmsTemplate';
+import { WhatsappMeta, WhatsAppTemplate } from './models/WhatsAppTemplate';
+export declare const TemplatePreview: React.FC<{
+    template: WhatsAppTemplate | SMSTemplateType | EmailTemplateType;
+    channel: CHANNEL_TYPE;
+    onlyTemplateContent?: boolean;
+    outsidePreview?: boolean;
+    templateCreationsInfo?: boolean;
+    whatsAppSpecificMeta?: WhatsappMeta;
+    emailSpecificMeta?: EmailMeta;
+    smsSpecificMeta?: SMSMeta;
+    hideHeader?: boolean;
+    size?: 'small' | 'large';
+    templateContainerStyles?: React.CSSProperties;
+}>;

package/dist/esm/components/template-preview/TemplatePreview.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t,Fragment as l}from"react/jsx-runtime";import i from"../../utils/StringUtils.js";import{COLORS as a}from"../../constants/Theme.js";import{TitleRegular as n}from"../TypographyStyle.js";import o from"./EmailTemplateThumbnailPreview.js";import{CHANNEL_TYPE as r}from"./models/Channels.js";import s from"./SmsTemplatePreview.js";import d from"./WhatsAppTemplatePreview.js";const p=p=>{let{template:c,channel:u,whatsAppSpecificMeta:v,templateContainerStyles:h,templateCreationsInfo:y,hideHeader:b,size:S,onlyTemplateContent:g,emailSpecificMeta:j,smsSpecificMeta:C,outsidePreview:T}=p;var f,w;return u===r.SMS?e("div",Object.assign({style:Object.assign({marginTop:y?16:0,border:y?`1px solid ${a.stroke.primary}`:"none",borderRadius:4},null==C?void 0:C.templateContainerStyles)},{children:e(s,{template:c,hideHeader:b,onlyTemplateContent:g,size:null!=S?S:"large",variableStore:null==C?void 0:C.smsVariableStore,display_content:null==C?void 0:C.smsDisplayContent})})):u===r.EMAIL?e("div",Object.assign({style:Object.assign({marginTop:y?16:0},null==j?void 0:j.templateContainerStyles)},{children:e(o,{template:c,handleViewTemplate:()=>{var e;null===(e=null==j?void 0:j.handleViewTemplate)||void 0===e||e.call(j)},hideHeader:b,hideViewButton:null==j?void 0:j.hideViewButtonForEmail,containerStyle:null==j?void 0:j.containerStyle,emailDisplayContent:null==j?void 0:j.emailDisplayContent,emailHtmlContainerId:null==j?void 0:j.emailHtmlContainerId})})):u===r.WHATSAPP?t("div",Object.assign({style:Object.assign(Object.assign({},null==v?void 0:v.templateContainerStyles),y?m.WhatsAppWrapper:{})},{children:[y?e("div",Object.assign({style:{padding:16}},{children:e(n,{children:i.convertToTitleCase(null!==(f=null==c?void 0:c.label)&&void 0!==f?f:"")})})):e(l,{}),e(d,{showHeader:null==v?void 0:v.showWhatsAppHeader,extras:null==v?void 0:v.whatsAppExtras,template:c,size:y?"small":null!=S?S:"large",containerStyle:Object.assign({borderWidth:y?0:1,borderTopWidth:1},null!==(w=null==v?void 0:v.containerStyle)&&void 0!==w?w:{}),zeroStateComponent:null==v?void 0:v.zeroStateComponent,usePlaceHolderName:null==v?void 0:v.usePlaceHolderName})]})):e(l,{})},m={WhatsAppWrapper:{backgroundColor:a.surface.standard,borderRadius:4,border:`1px solid ${a.background.inactive}`,marginTop:16}};export{p as TemplatePreview};

package/dist/esm/components/template-preview/WhatsApp/ChatBtn.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const ChatBtn: React.FC<{
+    Icon?: React.FC<React.SVGProps<SVGSVGElement>>;
+    text: string;
+    extraContent?: string;
+    placeholder?: string;
+    textTypography?: React.FC;
+    size?: 'small' | 'large';
+}>;

package/dist/esm/components/template-preview/WhatsApp/ChatBtn.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Caption as r,BodySecondary as n}from"../../TypographyStyle.js";import{COLORS as o}from"../../../constants/Theme.js";import{ChatBtnContainer as c}from"./ChatUI.style.js";const i=i=>{let{Icon:l,text:s,extraContent:a,placeholder:p,textTypography:h,size:m}=i;const d=h||n;return e(c,{children:t("div",Object.assign({style:{textAlign:"center",maxWidth:"100%"}},{children:[t("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"center",alignItems:"center"}},{children:[l&&e(l,{color:o.special.brand.facebook,height:16,width:16,style:{marginRight:8}}),e(d,Object.assign({style:{color:o.special.brand.facebook,textAlign:"center",fontSize:"small"===m?12:14}},{children:s}))]})),!!a&&e(r,Object.assign({style:{marginTop:2,color:o.content.placeholder}},{children:p?function(e){return e.replace("[[","").replace("]]","").replace(/([A-Z])/g," $1").replace(/^./,(function(e){return e.toUpperCase()}))}(p):a}))]}))})};export{i as ChatBtn};

package/dist/esm/components/template-preview/WhatsApp/ChatHeader.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const ChatHeader: () => JSX.Element;
+export default ChatHeader;

package/dist/esm/components/template-preview/WhatsApp/ChatHeader.js

@@ -0,0 +1 @@
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import t from"../../../assets/icons/arrow_left.svg.js";import s from"../../../assets/icons/user_icon.svg.js";import o from"../../../assets/icons/vertical_dots.svg.js";import{BodyTiny as i}from"../../TypographyStyle.js";import{COLORS as n}from"../../../constants/Theme.js";import{HeaderContainer as c,LeftContainer as m,IconContainer as a,TitleContainer as h,SubTitle as l}from"./ChatHeader.style.js";const p=()=>r(c,{children:[r(m,{children:[e(t,{height:16,width:16,color:n.content.primaryInverse}),e(a,{children:e(s,{height:14,width:14,color:n.content.primaryInverse})}),r(h,{children:[e(i,Object.assign({color:n.content.primaryInverse},{children:"Brand name"})),e(l,{children:"Business account"})]})]}),e(o,{height:16,width:16,color:n.content.primaryInverse})]});export{p as default};

package/dist/esm/components/template-preview/WhatsApp/ChatHeader.style.d.ts

@@ -0,0 +1,5 @@
+export declare const HeaderContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const LeftContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const IconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const SubTitle: import("styled-components").StyledComponent<"p", any, {}, never>;

package/dist/esm/components/template-preview/WhatsApp/ChatHeader.style.js

@@ -0,0 +1,37 @@
+import e from"styled-components";import{COLORS as t}from"../../../constants/Theme.js";const n=e.div`
+	height: 50px;
+	background-color: #008069;
+	position: sticky;
+	top: 0px;
+	z-index: 200;
+	padding: 6px 4px;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+	gap: 5px;
+`,i=e.div`
+	display: flex;
+	align-items: center;
+	gap: 5px;
+`,o=e.div`
+	height: 27px;
+	width: 27px;
+	border-radius: 15px;
+	background-color: #d1d8db;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	gap: 6px;
+`,p=e.div`
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+`,r=e.p`
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 400;
+	font-size: 8px;
+	line-height: 11px;
+	color: ${t.content.primaryInverse};
+	margin-bottom: 0px;
+`;export{n as HeaderContainer,o as IconContainer,i as LeftContainer,r as SubTitle,p as TitleContainer};

package/dist/esm/components/template-preview/WhatsApp/ChatUI.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';
+declare const ChatUI: (props: WhatsappLikePreviewTypes) => JSX.Element;
+export default ChatUI;

package/dist/esm/components/template-preview/WhatsApp/ChatUI.js

@@ -0,0 +1,7 @@
+import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import o from"../../../assets/icons/halfRectangle.svg.js";import i from"../../../assets/icons/phone.svg.js";import a from"../../../assets/icons/RedirectToNew.svg.js";import{useMemo as s}from"react";import n from"styled-components";import{BodySecondary as m,Caption as p}from"../../TypographyStyle.js";import{COLORS as d,FONTS as h}from"../../../constants/Theme.js";import{WhatsAppFormatToHTML as l}from"../helpers/WhatsAppFormatToHTML.js";import{HEADER_TYPES as c,ACTIONS_TYPES as f}from"../models/TemplateMeta.js";import{ChatBtn as y}from"./ChatBtn.js";import{Container as T,FooterWrapper as x,TimeStamp as g}from"./ChatUI.style.js";import{MediaCard as j}from"./MediaCard.js";import v from"./RenderTemplateWithVariable.js";const w=n.div`
+	position: absolute;
+	width: 8px;
+	height: 8px;
+	left: -8px;
+	top: -9px;
+`,b=n=>{const{bodyText:b,footerText:S,headerMediaType:u,headerText:N,headerAssetLink:A,headerAssetName:M,quickReplybtn:C,ctaBtn:L,actionTypes:k,textType:z,extras:B,showHeader:E,imagePreviewStyles:I,size:R}=n,W=new l,H=s((()=>({color:d.content.primary,margin:12,fontSize:E?h.caption.fontSize:h.bodySecondary.fontSize,fontWeight:h.bodySecondary.fontWeight,maxWidth:"100%",whiteSpace:"pre-wrap",marginBottom:0,marginTop:8,wordBreak:"break-word"})),[]);return e(T,{children:[t(w,{children:t(o,{color:"white",height:8,width:8})}),u===c.TEXT?t(v,{bold:!0,text:N}):u!==c.NONE?t(j,{headerAssetLink:A,headerAssetName:M,mediaType:u,imagePreviewStyles:u===c.IMAGE?I:{}}):t(r,{}),!!b&&t(r,{children:"html"===z?t("div",{className:"richTextEditor",style:H,dangerouslySetInnerHTML:{__html:W.convertToHTML(b)}}):t(m,{children:b})}),e(x,{children:[t(g,Object.assign({style:{flex:1}},{children:S})),t(g,{children:"16:48"})]}),k===f.QUICK_REPLY?t("div",{children:null==C?void 0:C.map(((e,r)=>t(y,{text:e.text},r)))}):k===f.CTA_BTN?t("div",{children:null==L?void 0:L.map(((e,r)=>t(y,{textTypography:E?p:m,extraContent:B?e.extra:void 0,placeholder:e.placeholder,text:e.text,Icon:"phoneNumber"===e.type?i:a,size:R},r)))}):t(r,{})]})};export{b as default};

package/dist/esm/components/template-preview/WhatsApp/ChatUI.style.d.ts

@@ -0,0 +1,7 @@
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const TimeStamp: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MediaContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ChatBtnContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const FooterWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const MediaNameAbsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DownloadMediaIconHolder: import("styled-components").StyledComponent<"div", any, {}, never>;