@bikdotai/bik-component-library 0.0.12 → 0.0.13-beta.11

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import 'bootstrap/dist/css/bootstrap.min.css';
 export interface ProgressBarProps {
     completed: number;
     isAnimated: boolean;
@@ -7,6 +6,9 @@ export interface ProgressBarProps {
     height?: number;
 }
 export declare const ProgressBarComponent: (props: ProgressBarProps) => JSX.Element;
-export declare const ProgressCompletedBar: import("styled-components").StyledComponent<"div", any, {
+export declare const ProgressCompletedBar: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
     color: string;
-}, never>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,6 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-bootstrap"),t=require("styled-components"),o=require("../../constants/Theme.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=s(t).default.div`
-	flex: 50%;
-	.progress-bar {
-		background-color: ${e=>e.color};
-	}
-`;exports.ProgressBarComponent=t=>e.jsx(n,Object.assign({color:t.color?t.color:o.COLORS.content.brand},{children:e.jsx(r.ProgressBar,{animated:t.isAnimated,now:t.completed,style:{height:`${t.height?t.height:8}px`}})})),exports.ProgressCompletedBar=n;
+"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/stepper/WorkingStepper.d.ts

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

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"),l=require("./EmailTemplatePreview.styled.js");exports.default=r=>{let{template:a,handleViewTemplate:n,hideHeader:s,hideViewButton:d,containerStyle:m,emailHtmlContainerId:o,emailDisplayContent:u}=r;return e.jsxs(l.EmailContainer,Object.assign({hideHeader:s,style:Object.assign({},null!=m?m:{})},{children:[!s&&e.jsx(l.Header,{children:e.jsx(i.TitleRegular,Object.assign({style:{maxWidth:"100%"}},{children:a.name}))}),u?e.jsx("iframe",{title:"Email template preview",id:"template_html_mobile",width:"100%",srcDoc:u,height:"100%"}):e.jsx(l.ImageContainer,Object.assign({hideHeader:s},{children:e.jsx("img",{alt:"Email thumbnail",src:a.thumbnailUrl,style:{objectFit:"contain",width:"100%"}})})),!d&&e.jsx(l.ViewButton,{children:e.jsx(t.Button,{buttonType:"tertiary",buttonText:"View",onClick:()=>{n&&n()}})})]}))};

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"),t=require("../../utils/StringUtils.js"),l=require("../../constants/Theme.js"),a=require("../TypographyStyle.js"),i=require("./EmailTemplateThumbnailPreview.js"),n=require("./models/Channels.js"),r=require("./SmsTemplatePreview.js"),s=require("./WhatsAppTemplatePreview.js");const o={WhatsAppWrapper:{backgroundColor:l.COLORS.surface.standard,borderRadius:4,border:`1px solid ${l.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:b,outsidePreview:g}=d;var T,C;return u===n.CHANNEL_TYPE.SMS?e.jsx("div",Object.assign({style:Object.assign({marginTop:v?16:0,border:v?`1px solid ${l.COLORS.stroke.primary}`:"none",borderRadius:4},null==b?void 0:b.templateContainerStyles)},{children:e.jsx(r.default,{template:p,hideHeader:j,onlyTemplateContent:S,size:null!=h?h:"large",variableStore:null==b?void 0:b.smsVariableStore,display_content:null==b?void 0:b.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(i.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})})):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(a.TitleRegular,{children:t.default.convertToTitleCase(null!==(T=null==p?void 0:p.label)&&void 0!==T?T:"")})})):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!==(C=null==m?void 0:m.containerStyle)&&void 0!==C?C:{}),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;

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

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

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

package/dist/cjs/components/template-preview/WhatsApp/ChatUI.style.js

@@ -0,0 +1,52 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(e);const a=i.default.div`
+	background: ${r.COLORS.surface.standard};
+	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
+	border-top-left-radius: 0px;
+	border-top-right-radius: 12px;
+	border-bottom-right-radius: 12px;
+	border-bottom-left-radius: 12px;
+	position: relative;
+	padding: 8px 0px;
+`,n=i.default(t.Caption)`
+	color: ${r.COLORS.content.secondary};
+`,d=i.default.div`
+	border-radius: 8px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	min-height: 152px;
+	margin-bottom: 4px;
+	margin: 0px 8px;
+`,p=i.default.div`
+	padding: 12px;
+	display: flex;
+	flex-direction: row;
+	justify-content: center;
+	align-items: center;
+	border-top: 1px solid ${r.COLORS.stroke.primary};
+`,s=i.default.div`
+	display: flex;
+
+	flex-direction: row;
+	justify-content: space-between;
+	margin: 8px 12px;
+`;i.default.div`
+	position: absolute;
+	bottom: -1px;
+	left: 0;
+	text-align: center;
+	width: 100%;
+	padding: 10px;
+	align-items: center;
+	display: flex;
+	flex-direction: row;
+	justify-content: start;
+	background: ${r.COLORS.surface.hovered};
+	border-bottom-right-radius: 8px;
+	border-bottom-left-radius: 8px;
+`,i.default.div`
+	position: absolute;
+	top: 16px;
+	right: 16px;
+`,exports.ChatBtnContainer=p,exports.Container=a,exports.FooterWrapper=s,exports.MediaContainer=d,exports.TimeStamp=n;

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { CSSProperties } from 'styled-components';
+import { HEADER_TYPES } from '../models/TemplateMeta';
+export declare const NoMediaCard: React.FC<{
+    headerAssetLink?: string;
+    headerAssetName?: string;
+    mediaType?: HEADER_TYPES;
+}>;
+export declare const MediaCard: React.FC<{
+    headerAssetLink?: string;
+    headerAssetName?: string;
+    mediaType: HEADER_TYPES;
+    imagePreviewStyles?: CSSProperties;
+}>;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../../assets/icons/filePdf.svg.js"),r=require("../../../assets/icons/image.svg.js"),t=require("../../../assets/icons/videoRecorder.svg.js"),a=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js"),n=require("../models/TemplateMeta.js"),d=require("./ChatUI.style.js");const o=o=>{let{headerAssetName:c,mediaType:l}=o;const j=l===n.HEADER_TYPES.IMAGE?r.default:l===n.HEADER_TYPES.VIDEO?t.default:s.default;return e.jsxs(d.MediaContainer,{children:[e.jsx(j,{height:40,width:40,color:i.COLORS.icon.placeholder}),!!c&&e.jsx(a.BodySecondary,Object.assign({style:{color:i.COLORS.content.secondary,marginTop:8}},{children:c}))]})};exports.MediaCard=s=>{let{headerAssetLink:r,headerAssetName:t,mediaType:a,imagePreviewStyles:i}=s;if(!r||a===n.HEADER_TYPES.DOCUMENT)return e.jsx(o,Object.assign({},{headerAssetLink:r,headerAssetName:t,mediaType:a}));const c={width:"100%",minHeight:"156px",borderRadius:8};return e.jsx(d.MediaContainer,{children:a===n.HEADER_TYPES.IMAGE?e.jsx("img",{alt:"Header displays here",style:Object.assign(Object.assign({},c),i),src:r}):a===n.HEADER_TYPES.VIDEO?e.jsx("video",Object.assign({src:r,style:c,controls:!0},{children:e.jsx("track",{default:!0,kind:"captions",srcLang:"en",src:r})})):e.jsx(e.Fragment,{})})},exports.NoMediaCard=o;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface RenderTemplateWithVariableInterface {
+    text?: string;
+    bold?: boolean;
+}
+declare const RenderTemplateWithVariable: (props: RenderTemplateWithVariableInterface) => JSX.Element;
+export default RenderTemplateWithVariable;

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

@@ -0,0 +1,4 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../../TypographyStyle.js"),n=require("../../../constants/Theme.js"),s=require("../constants/regexPatterns.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const l=a(t).default.div`
+	padding: 8px 12px 0px;
+	/* display: inline; */
+`;exports.default=t=>{const{text:a,bold:i}=t,o=null==a?void 0:a.match(s.templateVariablePattern),d=i?{fontWeight:"600"}:{};return a?e.jsx(l,{children:a.split(s.templateVariablePattern).map(((t,s)=>e.jsxs(e.Fragment,{children:[e.jsx(r.BodyRegular,Object.assign({style:d},{children:t})),!!(null==o?void 0:o[s])&&e.jsx(r.BodyRegular,Object.assign({style:Object.assign({color:n.COLORS.content.brand},d)},{children:null==o?void 0:o[s]}))]})))}):e.jsx(e.Fragment,{})};

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { WhatsappLikePreviewTypes } from '../models/WhatsAppTemplate';
+export declare const WhatsappLikePreview: React.FC<WhatsappLikePreviewTypes>;

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

@@ -0,0 +1,12 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("styled-components"),t=require("../../TypographyStyle.js"),s=require("../../../constants/Theme.js"),a=require("../utils/getPreviewPropLen.js"),i=require("./ChatHeader.js"),o=require("./ChatUI.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=d(r);const p=n.default.div`
+	background-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f');
+	border: ${e=>e.showHeader?0:1}px solid
+		${s.COLORS.stroke.primary};
+	border-radius: 4px;
+	background-repeat: no-repeat;
+	background-position: center;
+	background-size: cover;
+	position: relative;
+`,l=n.default(t.TitleRegular)`
+	color: ${s.COLORS.content.primary};
+`;exports.WhatsappLikePreview=r=>3===a.getPreviewPropLen(r)?e.jsx(e.Fragment,{children:r.zeroStateComponent}):e.jsx(e.Fragment,{children:e.jsxs(p,Object.assign({style:r.containerStyle,showHeader:r.showHeader},{children:[r.showHeader&&e.jsx(i.default,{}),e.jsxs("div",Object.assign({style:{padding:"small"===r.size?"12px 32px 12px 12px":"16px 56px 12px 16px"}},{children:[!r.hidePreviewText&&e.jsx("div",Object.assign({style:{marginBottom:16}},{children:e.jsx(l,{children:"Preview"})})),e.jsx(o.default,Object.assign({showHeader:r.showHeader},r))]}))]}))});

package/dist/cjs/components/template-preview/WhatsAppTemplatePreview.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactElement } from 'react';
+import { CSSProperties } from 'styled-components';
+import { WhatsAppTemplate } from './models/WhatsAppTemplate';
+declare const WhatsappTemplatePreview: React.FC<{
+    template?: WhatsAppTemplate;
+    extras?: boolean;
+    containerStyle?: CSSProperties;
+    usePlaceHolderName?: boolean;
+    showHeader?: boolean;
+    zeroStateComponent?: ReactElement;
+    size?: 'small' | 'large';
+}>;
+export default WhatsappTemplatePreview;

package/dist/cjs/components/template-preview/WhatsAppTemplatePreview.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("./helpers/TemplateCreatorHelper.js"),i=require("./models/TemplateMeta.js"),n=require("./utils/TemplateHelperUtils.js"),r=require("./WhatsApp/WhatsAppLikePreview.js");exports.default=a=>{let{template:o,extras:d,containerStyle:s,usePlaceHolderName:u,showHeader:p,zeroStateComponent:v,size:h}=a;var x,c,m,b,T,y,B,w,k,j,N,q,H,L,P,f;const[A,S]=t.useState(),g=new l.TemplateCreatorHelper,C=new n.TemplateHelperUtils,F=[];return(null===(c=null===(x=null==A?void 0:A.ctaBtn)||void 0===x?void 0:x.phoneNumber)||void 0===c?void 0:c.isChecked)&&F.push({type:"phoneNumber",text:null!==(m=A.ctaBtn.phoneNumber.btnText)&&void 0!==m?m:"",extra:null!==(b=A.ctaBtn.phoneNumber.phoneNumber)&&void 0!==b?b:""}),(null===(y=null===(T=null==A?void 0:A.ctaBtn)||void 0===T?void 0:T.websiteLinkBtn)||void 0===y?void 0:y.isChecked)&&F.push({type:"website",text:null!==(B=A.ctaBtn.websiteLinkBtn.btnText)&&void 0!==B?B:"",extra:null!==(k=null===(w=A.ctaBtn.websiteLinkBtn)||void 0===w?void 0:w.linkOpens)&&void 0!==k?k:"",placeholder:null!==(j=A.ctaBtn.websiteLinkBtn.placeholder)&&void 0!==j?j:""}),t.useEffect((()=>{o&&g.parseUITemplateFromDBFormat(o).then((e=>{S(Object.assign({},e))}))}),[o]),o?e.jsx(r.WhatsappLikePreview,{showHeader:p,containerPadding:"large"===h?"16px 56px 12px 16px":"12px 56px 12px 12px",containerStyle:s,textType:"html",bodyText:C.whatsappOnlyFillVariablesValueInBodyText(null!==(N=null==A?void 0:A.bodyText)&&void 0!==N?N:"",null!==(q=null==A?void 0:A.bodyVariables)&&void 0!==q?q:[],u),footerText:null==A?void 0:A.footerText,headerMediaType:(null==A?void 0:A.headerType)||i.HEADER_TYPES.NONE,headerText:C.fillVariablesValInBodyText(null!==(H=null==A?void 0:A.headerText)&&void 0!==H?H:"",null!==(L=null==A?void 0:A.headerVariables)&&void 0!==L?L:[],u),headerAssetLink:null!==(P=null==A?void 0:A.headerAssetLink)&&void 0!==P?P:"",headerAssetName:null!==(f=null==A?void 0:A.headerAssetName)&&void 0!==f?f:"",quickReplybtn:null==A?void 0:A.quickReply,ctaBtn:F,actionTypes:null==A?void 0:A.actionsType,extras:d,hidePreviewText:!0,imagePreviewStyles:{objectFit:"cover"},zeroStateComponent:null!=v?v:e.jsx(e.Fragment,{children:" "})}):e.jsx(e.Fragment,{children:v})};

package/dist/cjs/components/template-preview/constants/TemplateConstants.d.ts

@@ -0,0 +1,23 @@
+export declare const CREATE_TEMPLATE_DOM_IDS: {
+    name: string;
+    header: string;
+    body: string;
+    actionButtons: string;
+    footer: string;
+};
+export declare const REQUIRED_FIELD = "Required field";
+export declare const HEADER_LEN_ERROR = "Maximum 60 characters are allowed";
+export declare const NAME_LEN_ERROR = "Maximum 512 characters allowed";
+export declare const NO_SPECIAL_CHAR = "No special characters allowed";
+export declare const BODY_LEN_ERROR = "Maximum 1,024 characters are allowed";
+export declare const QUICK_REPLY_LEN_ERROR = "Maximum 20 characters are allowed";
+export declare const QUICK_REPLY_NAME_ERROR = "Buttons with same name are not allowed";
+export declare const VALID_PHONE_NUMBER = "Please enter a valid 10-digit phone number";
+export declare const BUTTON_EMOJI_ERROR = "Emojis are not allowed in button";
+export declare const HEADER_ASSET_LINK_ERROR = "Please attach the required media";
+export declare const ONE_VAR_ALLOWED = "Only one variable allowed in text header";
+export declare const HEADER_TEXT_LEN_LIMIT = 60;
+export declare const NAME_LEN_LIMIT = 512;
+export declare const BODY_TEXT_LEN_LIMIT = 1024;
+export declare const QUICK_REPLY_BTN_TEXT_LIMIT = 25;
+export declare const QUICK_REPLY_NAME_LEN_LIMIT = 20;

package/dist/cjs/components/template-preview/constants/TemplateConstants.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e="create-template",t={name:`${e}-name`,header:`${e}-header`,body:`${e}-body`,actionButtons:`${e}-action-buttons`,footer:`${e}-footer`};exports.BODY_LEN_ERROR="Maximum 1,024 characters are allowed",exports.BODY_TEXT_LEN_LIMIT=1024,exports.BUTTON_EMOJI_ERROR="Emojis are not allowed in button",exports.CREATE_TEMPLATE_DOM_IDS=t,exports.HEADER_ASSET_LINK_ERROR="Please attach the required media",exports.HEADER_LEN_ERROR="Maximum 60 characters are allowed",exports.HEADER_TEXT_LEN_LIMIT=60,exports.NAME_LEN_ERROR="Maximum 512 characters allowed",exports.NAME_LEN_LIMIT=512,exports.NO_SPECIAL_CHAR="No special characters allowed",exports.ONE_VAR_ALLOWED="Only one variable allowed in text header",exports.QUICK_REPLY_BTN_TEXT_LIMIT=25,exports.QUICK_REPLY_LEN_ERROR="Maximum 20 characters are allowed",exports.QUICK_REPLY_NAME_ERROR="Buttons with same name are not allowed",exports.QUICK_REPLY_NAME_LEN_LIMIT=20,exports.REQUIRED_FIELD="Required field",exports.VALID_PHONE_NUMBER="Please enter a valid 10-digit phone number";

package/dist/cjs/components/template-preview/constants/regexPatterns.d.ts

@@ -0,0 +1,11 @@
+export declare const lockedVarPattern: RegExp;
+export declare const editableVarPattern: RegExp;
+export declare const placeHolderNamePattern: RegExp;
+export declare const globalVariablePattern: RegExp;
+export declare const templateVariablePattern: RegExp;
+export declare const globalHalfVariablePattern: RegExp;
+export declare const specialCharPattern: RegExp;
+export declare const variablePattern: RegExp;
+export declare const variablePatternGlobal: RegExp;
+export declare const previewLinkMDFormatPattern: RegExp;
+export declare const editableBracketPattern: RegExp;

package/dist/cjs/components/template-preview/constants/regexPatterns.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=/\{\{[A-Za-z0-9 ]+\}\}/g,t=e;exports.editableBracketPattern=/[((|))]/,exports.editableVarPattern=/\((\(|\[)[A-Za-z0-9 ]+(\]|\))\)/,exports.globalHalfVariablePattern=/\{\{[a-zA-Z0-9]+(?=( |\}))(?!\}\})/g,exports.globalVariablePattern=e,exports.lockedVarPattern=/\[\[[A-Za-z0-9 ]+\]\]/,exports.placeHolderNamePattern=/(\[\[|\(\()(.*)(\)\)|\]\])/,exports.previewLinkMDFormatPattern=/\[([^[]+)\](\(.*\))/,exports.specialCharPattern=/[!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]+/,exports.templateVariablePattern=t,exports.variablePattern=/\{\{[A-Za-z0-9 _]+\}\}/,exports.variablePatternGlobal=/\{\{[A-Za-z0-9 _]+\}\}/g;

package/dist/cjs/components/template-preview/helpers/SmsTemplateHelper.d.ts

@@ -0,0 +1,2 @@
+import { CUSTOM_VARIABLE } from '../models/TemplateMeta';
+export declare const renderVariableUIForPreview: (content: string, variablStore?: CUSTOM_VARIABLE[], brandColor?: string) => string;

package/dist/cjs/components/template-preview/helpers/SmsTemplateHelper.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../constants/Theme.js"),n=require("../constants/regexPatterns.js");exports.renderVariableUIForPreview=function(r,a){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:e.COLORS.content.brand;const l=(null==a?void 0:a.length)?null==a?void 0:a.map((e=>e.updatedValue)):r.match(n.variablePatternGlobal);return n.variablePatternGlobal.lastIndex=0,r.split(n.variablePattern).map(((e,n)=>{var r;return(null==l?void 0:l[n])?`${e}<span></span><span id="connectors_variable_${n+1}" style="color: ${t}; text-decoration: underline; word-break: break-word;">${null!==(r=null==l?void 0:l[n])&&void 0!==r?r:""}</span><span> </span>`:e})).join("")};