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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("./modal.styled.js"),n=require("../../constants/Theme.js"),t=require("../../assets/icons/cross.svg.js");exports.Modal=r=>{var o;return e.jsx(e.Fragment,{children:r.open&&e.jsx(s.RootContainer,Object.assign({onClick:e=>{r.closeOnOutsideClick?r.onClose():e.stopPropagation()}},{children:e.jsx(s.CentralContainer,Object.assign({style:Object.assign({},null!==(o=r.centralContainerStyles)&&void 0!==o?o:{}),onClick:e=>{e.stopPropagation()}},{children:e.jsxs(e.Fragment,{children:[e.jsx(s.CloseButtonContainer,Object.assign({onClick:()=>r.onClose()},{children:e.jsx(t.default,{height:20,width:20,color:n.COLORS.content.secondary})})),r.children]})}))}))})};

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

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

package/dist/cjs/components/modals/modal.styled.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const RootContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CentralContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CloseButtonContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),t=require("../../constants/Theme.js");function l(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var e=l(c);const b=e.default("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)."}}),n=e.default("div","production"===process.env.NODE_ENV?{target:"en6feff1"}:{target:"en6feff1",label:"CentralContainer"})("width:640px;background-color:",t.COLORS.surface.standard,";border-radius:4px;position:relative;display:flex;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYzJDIiwiZmlsZSI6Im1vZGFsLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFJvb3RDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGZpeGVkO1xuXHR0b3A6IDA7XG5cdGxlZnQ6IDA7XG5cdHotaW5kZXg6IDE7XG5cdGhlaWdodDogMTAwJTtcblx0d2lkdGg6IDEwMCU7XG5cdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC42KTtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xyXG5leHBvcnQgY29uc3QgQ2VudHJhbENvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHR3aWR0aDogNjQwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0ZGlzcGxheTogZmxleDtcbmA7XHJcbmV4cG9ydCBjb25zdCBDbG9zZUJ1dHRvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRoZWlnaHQ6IDM2cHg7XG5cdHdpZHRoOiAzNnB4O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0cmlnaHQ6IDA7XG5cdHRvcDogMDtcblx0dHJhbnNsYXRlOiA1MCUgLTUwJTtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdGN1cnNvcjogcG9pbnRlcjtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPW1vZGFsLnN0eWxlZC5qcy5tYXAiXX0= */")),d=e.default("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:",t.COLORS.surface.standard,";border:1px solid ",t.COLORS.stroke.primary,";cursor:pointer;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUIrQyIsImZpbGUiOiJtb2RhbC5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBSb290Q29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdHBvc2l0aW9uOiBmaXhlZDtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHR6LWluZGV4OiAxO1xuXHRoZWlnaHQ6IDEwMCU7XG5cdHdpZHRoOiAxMDAlO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuNik7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcclxuZXhwb3J0IGNvbnN0IENlbnRyYWxDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDY0MHB4O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdGRpc3BsYXk6IGZsZXg7XG5gO1xyXG5leHBvcnQgY29uc3QgQ2xvc2VCdXR0b25Db250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0aGVpZ2h0OiAzNnB4O1xuXHR3aWR0aDogMzZweDtcblx0Ym9yZGVyLXJhZGl1czogNTAlO1xuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHJpZ2h0OiAwO1xuXHR0b3A6IDA7XG5cdHRyYW5zbGF0ZTogNTAlIC01MCU7XG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLnByaW1hcnl9O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1tb2RhbC5zdHlsZWQuanMubWFwIl19 */"));exports.CentralContainer=n,exports.CloseButtonContainer=d,exports.RootContainer=b;

package/dist/cjs/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/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/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-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/cjs/components/template-preview/EmailTemplatePreview.styled.js

@@ -0,0 +1,29 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("styled-components"),e=require("../../constants/Theme.js");function t(r){return r&&"object"==typeof r&&"default"in r?r:{default:r}}var o=t(r);const d=o.default.div`
+	padding: 16px;
+	padding-bottom: 12px;
+	border-top-left-radius: 4px;
+	border-top-right-radius: 4px;
+	border: 1px solid ${e.COLORS.stroke.primary};
+`,i=o.default.div`
+	width: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	border-left: 1px solid ${e.COLORS.stroke.primary};
+	border-right: 1px solid ${e.COLORS.stroke.primary};
+	border-top-color: ${e.COLORS.stroke.primary};
+	border-top-width: ${r=>r.hideHeader?"1px":"0px"};
+	overflow: scroll;
+`,a=o.default.div`
+	display: flex;
+	justify-content: center;
+	width: 100%;
+	background: ${e.COLORS.surface.standard};
+	border-bottom-left-radius: 4px;
+	border-bottom-right-radius: 4px;
+	border: 1px solid ${e.COLORS.stroke.primary};
+`,s=o.default.div`
+	border-radius: 4px;
+	background-color: ${e.COLORS.surface.standard};
+	margin-top: ${r=>r.hideHeader?0:16};
+`;exports.EmailContainer=s,exports.Header=d,exports.ImageContainer=i,exports.ViewButton=a;

package/dist/cjs/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/cjs/components/template-preview/EmailTemplateThumbnailPreview.js

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

package/dist/cjs/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/cjs/components/template-preview/SMS/SMSBubble.js

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/union.svg.js"),r=require("styled-components"),s=require("../../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(r);const i=n.default.div`
+	position: absolute;
+	width: 30px;
+	height: 30px;
+	left: -10px;
+	bottom: -1px;
+`,a=n.default.div`
+	padding: 12px;
+	background: ${s.COLORS.background.base};
+	border-radius: 16px;
+	position: relative;
+`;exports.SMSContainer=a,exports.SideCaret=i,exports.default=r=>{const{content:o,size:n}=r;return e.jsxs(a,{children:[e.jsx(i,{children:e.jsx(t.default,{color:s.COLORS.background.base,height:27,width:27})}),e.jsx("div",{style:{fontSize:"small"===n?12:14},dangerouslySetInnerHTML:{__html:o}})]})};

package/dist/cjs/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/cjs/components/template-preview/SmsTemplatePreview.js

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

package/dist/cjs/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/cjs/components/template-preview/SmsTemplatePreview.styled.js

@@ -0,0 +1,46 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("../../constants/Theme.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var t=d(e);t.default.div`
+	position: absolute;
+	width: 8px;
+	height: 8px;
+	left: -5px;
+	bottom: 2px;
+`;const o=t.default.div`
+	padding: ${e=>"small"===e.size?"12px 32px 12px 12px":"16px 56px 12px 16px"};
+	background: ${r.COLORS.surface.standard};
+	border-radius: 4px;
+`,a=t.default.div`
+	padding: 16px;
+	background: ${r.COLORS.surface.standard};
+	border-top-left-radius: 4px;
+	border-top-right-radius: 4px;
+	border-bottom: 1px solid ${r.COLORS.stroke.primary};
+`;t.default.div`
+	border: 1px solid ${r.COLORS.stroke.primary};
+	height: 100%;
+	border-top-left-radius: 4px;
+	border-top-right-radius: 4px;
+`,t.default.div`
+	margin-top: ${e=>e.hideHeader?0:"16px"};
+	border-radius: 4px;
+	border-color: ${r.COLORS.stroke.primary};
+	border-width: ${e=>e.outsidePreview?0:"1px"};
+`,t.default.div`
+	position: absolute;
+	width: 30px;
+	height: 30px;
+	left: -10px;
+	bottom: -1px;
+`,t.default.div`
+	padding: 12px;
+	background: ${r.COLORS.background.base};
+	border-radius: 16px;
+`;const p=t.default.div`
+	padding: 10px;
+	position: sticky;
+	top: 0;
+	z-index: 1;
+	background: ${r.COLORS.surface.standard};
+	display: flex;
+	justify-content: space-between;
+	border-bottom: 1px solid ${r.COLORS.background.base};
+`;exports.SMSBubbleContainer=o,exports.SMSCardHeader=a,exports.SMSHeader=p;

package/dist/cjs/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/cjs/components/template-preview/TemplatePreview.js

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

package/dist/cjs/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/cjs/components/template-preview/WhatsApp/ChatBtn.js

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

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../assets/icons/arrow_left.svg.js"),s=require("../../../assets/icons/user_icon.svg.js"),t=require("../../../assets/icons/vertical_dots.svg.js"),n=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js"),o=require("./ChatHeader.style.js");exports.default=()=>e.jsxs(o.HeaderContainer,{children:[e.jsxs(o.LeftContainer,{children:[e.jsx(r.default,{height:16,width:16,color:i.COLORS.content.primaryInverse}),e.jsx(o.IconContainer,{children:e.jsx(s.default,{height:14,width:14,color:i.COLORS.content.primaryInverse})}),e.jsxs(o.TitleContainer,{children:[e.jsx(n.BodyTiny,Object.assign({color:i.COLORS.content.primaryInverse},{children:"Brand name"})),e.jsx(o.SubTitle,{children:"Business account"})]})]}),e.jsx(t.default,{height:16,width:16,color:i.COLORS.content.primaryInverse})]});

package/dist/cjs/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/cjs/components/template-preview/WhatsApp/ChatHeader.style.js

@@ -0,0 +1,37 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../constants/Theme.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(e);const o=i.default.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;
+`,r=i.default.div`
+	display: flex;
+	align-items: center;
+	gap: 5px;
+`,a=i.default.div`
+	height: 27px;
+	width: 27px;
+	border-radius: 15px;
+	background-color: #d1d8db;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	gap: 6px;
+`,p=i.default.div`
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+`,s=i.default.p`
+	font-family: 'Inter';
+	font-style: normal;
+	font-weight: 400;
+	font-size: 8px;
+	line-height: 11px;
+	color: ${t.COLORS.content.primaryInverse};
+	margin-bottom: 0px;
+`;exports.HeaderContainer=o,exports.IconContainer=a,exports.LeftContainer=r,exports.SubTitle=s,exports.TitleContainer=p;

package/dist/cjs/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;