@openlettermarketing/olc-vue-sdk 0.0.3 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.js +387 -839
- package/build/index.js.map +1 -1
- package/package.json +1 -2
package/build/index.js
CHANGED
|
@@ -50371,7 +50371,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ":root{--rt-color-white:#fff;--rt-color
|
|
|
50371
50371
|
|
|
50372
50372
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
50373
50373
|
// Module
|
|
50374
|
-
___CSS_LOADER_EXPORT___.push([module.id, ".basic-typo {\n width: 100%;\n margin: 0;\n font-weight: 500;\n}\n\n.basic-typo h1 {\n font-size: 50px;\n}\n\n.basic-typo h2 {\n font-size: 45px;\n}\n\n.basic-typo h3 {\n font-size: 40px;\n}\n\n.basic-typo h4 {\n font-size: 35px;\n}\n\n.basic-typo h5 {\n font-size: 30px;\n}\n\n.basic-typo h6 {\n font-size: 25px;\n}\n\n.basic-typo p {\n font-size: 18px;\n}\n\n.basic-button {\n background-color: var(--primaryColor);\n color: #fff;\n cursor: pointer;\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n width: 100%;\n max-width: fit-content;\n height: 100%;\n padding: 0 10px;\n font-size: 16px;\n font-weight: 600;\n display: flex;\n}\n\n.select-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 8px;\n width: 100%;\n display: flex;\n}\n\n.select-layout label {\n color: var(--selectTextColor);\n margin-bottom: 5px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.select-layout .generic-select-container {\n cursor: pointer;\n width: 100%;\n font-size: 16px;\n line-height: 21px;\n}\n\n.select-layout .generic-select-container .generic-select__control {\n background-color: var(--selectBgColor);\n border: .5px solid var(--selectBorderColor);\n border-radius: 7px;\n height: 100%;\n min-height: 55px;\n padding-left: 10px;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n color: var(--selectTextColor);\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n border: .5px solid var(--selectBorderColor);\n}\n\n.select-layout .generic-select-container .generic-select__control::placeholder {\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control.generic-select__control--is-focused {\n border: .5px solid var(--selectBorderColor);\n box-shadow: none;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators {\n transition: all .2s ease-in;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__indicator-separator {\n display: none !important;\n}\n\n.select-layout .generic-select-container .generic-select__menu {\n background-color: var(--selectMenuBgColor);\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list {\n padding: 0 5px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option {\n text-align: left;\n color: var(--selectOptionTextColor);\n border-bottom: .5px solid var(--selectOptionBorderColor);\n cursor: pointer;\n padding: auto 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n border: none;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n background-color: var(--selectOptionFocusedColor);\n color: var(--selectOptionFocusedTextColor);\n}\n\n.toast-container {\n width: 100%;\n max-width: 400px;\n}\n\n.toast-container .basic-toast {\n background-color: #ef7820;\n}\n\n.toast-container .basic-toast button {\n opacity: 1;\n}\n\n.toast-container .basic-toast button svg {\n fill: #fff;\n width: 20px;\n height: 20px;\n}\n\n.toast-container .basic-toast .toast-body .toast-content {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 10px;\n height: 100%;\n max-height: 50px;\n display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n color: #fff;\n margin: 0;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n font-weight: 600;\n}\n\n.input-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 10px;\n width: 100%;\n display: flex;\n}\n\n.input-layout .basic-label {\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--inputBorderColor);\n background-color: var(--inputBgColor);\n border-radius: 7px;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n min-height: 55px;\n display: flex;\n}\n\n.input-layout .input-with-icon .basic-input {\n color: var(--inputTextColor);\n background: none;\n border: none;\n border-radius: 7px;\n width: 100%;\n padding: 5px 20px;\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n font-family: Inter !important;\n}\n\n.input-layout .input-with-icon .basic-input:focus {\n outline: none;\n}\n\n.input-layout .input-with-icon .basic-input::placeholder {\n opacity: .5;\n color: var(--inputTextColor);\n}\n\n.input-layout .input-with-icon .search-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n position: relative;\n}\n\n.input-layout .input-with-icon .search-input-button:before {\n content: \"\";\n background-color: #303030;\n width: 1px;\n height: 100%;\n position: absolute;\n top: 0;\n right: 40px;\n}\n\n.input-layout .input-with-icon .search-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n}\n\n.input-layout .input-with-icon .cancel-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.input-layout .input-with-icon .cancel-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n width: 15px !important;\n}\n\n.input-layout .focused {\n background-color: var(--inputSearchAppliedBg);\n}\n\n.basic-divider {\n border: none;\n border-top: .5px solid #0000004d;\n width: 100%;\n max-width: 1600px;\n margin: 3px auto;\n}\n\n.createTemplateMaindiv .createTemplateMainBox {\n height: 100%;\n position: relative;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper {\n border-left: none;\n border-right: none;\n margin-left: 40px;\n padding: 20px 0 30px;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioHeading p {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox {\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n margin-bottom: 10px;\n display: flex;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input {\n cursor: pointer;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:checked {\n accent-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:focus {\n outline: none !important;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio label {\n cursor: pointer;\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .error-field {\n color: var(--red);\n margin-left: 5px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n margin-left: 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n color: var(--primaryColor);\n margin-bottom: 20px;\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper p {\n color: var(--textColor);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper .error-field {\n color: var(--red);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .templateSelectWrapper {\n margin: 20px 0 0 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n color: var(--textColor);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .templateSelectWrapper .error-field {\n color: var(--red);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper {\n margin-left: 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:last-child {\n color: var(--primaryColor);\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n text-decoration-line: underline;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper {\n justify-content: flex-start;\n align-items: center;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard {\n border: .45px solid var(--borderColor);\n background: var(--productCardBgColor);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 17px;\n width: 100%;\n max-width: 185px;\n height: 100%;\n min-height: 135px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.active, .createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:hover {\n background: var(--productCardBackgroundColorActive);\n border-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n color: var(--primaryColor);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:last-child img {\n margin-bottom: 5px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.error {\n border: .45px solid var(--red);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--red);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper {\n margin: 0 0 80px 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard {\n border: .45px solid var(--borderColor);\n background: var(--postCardBgColor);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 20px;\n padding: 13px 20px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg path {\n fill: var(--postCardSVGColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--postCardBackgroundColorActive);\n border-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:last-child, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path:hover, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path:hover {\n fill: var(--svgColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n color: var(--primaryColor);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-small {\n width: 100%;\n max-width: 150px;\n height: 100%;\n min-height: 148px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-mid {\n width: 100%;\n max-width: 196px;\n height: 100%;\n min-height: 182px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-large {\n width: 100%;\n max-width: 248px;\n height: 100%;\n min-height: 226px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .error-field {\n color: var(--red);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .footerBtns {\n border-top: .5px solid var(--borderColor);\n background-color: var(--footerBgColor);\n width: 100%;\n position: fixed;\n bottom: 0;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns {\n justify-content: flex-end;\n align-items: center;\n gap: 20px;\n padding: 14px 95px 14px 35px;\n display: flex;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button {\n text-transform: capitalize;\n border-radius: 3px;\n width: 100%;\n max-width: 100px;\n height: 100%;\n min-height: 40px;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:first-child {\n color: var(--secondaryButtonTextColor);\n text-align: center;\n border: .5px solid var(--borderColor);\n background-color: var(--secondaryButtonBgColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:last-child {\n color: var(--primaryButtonTextColor);\n text-align: center;\n background-color: var(--primaryButtonBgColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.mb-5 {\n margin-bottom: 6rem !important;\n}\n\n.error {\n border: 1.5px solid var(--red);\n}\n\n.basic-progress .loader {\n aspect-ratio: 1;\n border-radius: 50%;\n width: 50px;\n animation: .8s linear infinite alternate l20-1, 1.6s linear infinite l20-2;\n}\n\n@keyframes l20-1 {\n 0% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);\n }\n\n 12.5% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);\n }\n\n 25% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);\n }\n\n 50% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 62.5% {\n clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 75% {\n clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 100% {\n clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);\n }\n}\n\n@keyframes l20-2 {\n 0% {\n transform: scaleY(1)rotate(0);\n }\n\n 49.99% {\n transform: scaleY(1)rotate(135deg);\n }\n\n 50% {\n transform: scaleY(-1)rotate(0);\n }\n\n 100% {\n transform: scaleY(-1)rotate(-135deg);\n }\n}\n\n.basic-progress .hide-loader .loader {\n display: none !important;\n}\n\n.modal {\n z-index: 99999;\n background-color: #0006;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n overflow: auto;\n}\n\n.modal .modal-content {\n background-color: var(--dialogModalBgColor);\n border: 1px solid #888;\n border-radius: 11px;\n width: 80%;\n margin: auto;\n padding: 0;\n animation-name: animatetop;\n animation-duration: .4s;\n position: relative;\n box-shadow: 0 4px 8px #0003, 0 6px 20px #00000030;\n}\n\n.modal .modal-content .modal-header {\n color: var(--dialogModalTextColor);\n height: 100%;\n min-height: 20px;\n position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n color: var(--dialogModalTextColor);\n float: right;\n font-size: 28px;\n font-weight: bold;\n position: absolute;\n top: 0;\n right: 10px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n color: var(--dialogModalTextColor);\n cursor: pointer;\n text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n color: var(--dialogModalTextColor);\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 2px 16px;\n display: flex;\n}\n\n.modal .modal-content .modal-body .modal-icon svg {\n fill: var(--dialogModalSVGColor);\n width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-footer {\n color: var(--dialogModalTextColor);\n justify-content: center;\n align-items: center;\n gap: 20px;\n width: 100%;\n padding: 2px 16px;\n display: flex;\n position: absolute;\n bottom: 10px;\n}\n\n@keyframes animatetop {\n from {\n opacity: 0;\n top: -300px;\n }\n\n to {\n opacity: 1;\n top: 0;\n }\n}\n\n.confirmTemplateSaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 433px !important;\n height: 100% !important;\n max-height: 290px !important;\n margin: 0 auto !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent {\n flex-direction: column;\n gap: 20px;\n padding: 16px 16px 0;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 10px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:after, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmTemplateSaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin-bottom: 10px;\n}\n\n.confirmTemplateSaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.confirmTemplateSaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:disabled {\n opacity: .5;\n}\n\n.confirmCancelTemplateLeaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 407px !important;\n height: 100% !important;\n max-height: 258px !important;\n margin: 0 auto !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent {\n flex-direction: column;\n gap: 10px;\n display: flex;\n padding: 16px 16px 0 !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 12px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:after, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 11px;\n margin-bottom: 13px;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 3px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n min-width: 100px !important;\n min-height: 40px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n max-width: 146px !important;\n min-height: 40px !important;\n}\n\n.editTemplateNameModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 623px !important;\n height: 100% !important;\n max-height: 230px !important;\n margin: 0 auto !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n padding: 16px 16px 0 !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent {\n padding: 0 30px !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent p {\n color: #303030;\n margin: 10px 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 9.8px 22px;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:after, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.editTemplateNameModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin: 20px 0;\n}\n\n.editTemplateNameModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.editTemplateNameModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.editTemplateNameModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.top-navigation-container {\n background: var(--topbarBgColor);\n border-bottom: .5px solid var(--borderColor);\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n max-height: 70px;\n margin: 0;\n padding: 23px 20px;\n display: flex;\n position: absolute;\n top: 0;\n}\n\n.top-navigation-container .middle {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.top-navigation-container .middle p {\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--textColor);\n margin-bottom: 0;\n font-size: 16px;\n font-weight: 400;\n overflow: hidden;\n}\n\n.top-navigation-container .middle div {\n cursor: pointer;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n padding: 5px;\n transition: all .1s ease-in-out;\n display: flex;\n}\n\n.top-navigation-container .middle div:hover {\n background-color: var(--iconHoverBgColor);\n}\n\n.top-navigation-container .middle div svg {\n fill: var(--textColor);\n}\n\n.top-navigation-container button {\n text-transform: capitalize;\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n max-width: 120px !important;\n}\n\n.top-navigation-container .MuiGrid-item {\n padding-top: 0 !important;\n}\n\n.top-navigation-container .left {\n justify-content: flex-start !important;\n}\n\n.top-navigation-container .right {\n gap: 10px !important;\n}\n\n.top-navigation-container .actionsBtnWrapper {\n flex-wrap: wrap;\n justify-content: flex-end;\n align-items: center;\n display: flex;\n}\n\n.top-navigation-container .templateCreateBtn {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.polotno-panel-container {\n overflow-y: auto;\n}\n\n.polotno-panel-container .custom-template-section {\n display: \"flex\";\n flex-wrap: \"wrap\";\n overflow-y: \"scroll\";\n}\n\n.polotno-panel-container .custom-template-section .title span {\n color: #ed5c2f;\n font-size: 16px;\n font-weight: 600;\n}\n\n.polotno-panel-container .custom-template-section .default-design {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n display: flex;\n}\n\n.polotno-panel-container .custom-template-section .default-design p {\n color: #303030;\n margin-top: 5px;\n font-size: 12px;\n font-weight: 600;\n line-height: 14.52px;\n}\n\n.polotno-panel-container .custom-template-section .design-template {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n}\n\n.polotno-panel-container .custom-template-section .design-template img {\n object-fit: cover;\n width: 100%;\n height: 100%;\n}\n\n.dummy-image {\n padding: 85px;\n object-fit: fill !important;\n}\n\n.MuiTabs-indicator {\n background-color: #ed5c2f !important;\n}\n\n.templateTabsWrapper {\n background-color: var(--sidepanelBgColor) !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root {\n width: 15px;\n opacity: 1 !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root:hover svg {\n color: #ed5c2f !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root .Mui-disabled {\n opacity: 1 !important;\n}\n\n.noTemplateText {\n justify-content: center;\n align-items: center;\n height: 100%;\n min-height: 200px;\n display: flex;\n}\n\n.noTemplateText p {\n color: var(--textColor);\n font-size: 18px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.searchWrapper {\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n width: 100%;\n display: flex;\n position: relative;\n}\n\n.searchWrapper .searchInput {\n color: #000;\n background: #fff;\n border: .5px solid #44424180;\n border-radius: 3px;\n width: 514px;\n max-width: 520px;\n height: 40px;\n padding: 5px 20px;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.searchWrapper .searchInput:after, .searchWrapper .searchInput:before {\n display: none;\n}\n\n.searchWrapper .searchInput .searchIcon {\n color: #ed5c2f;\n position: relative;\n}\n\n.searchWrapper .searchInput .searchIcon:before {\n content: \"\";\n opacity: .5;\n background-color: #000;\n width: 1px;\n height: 90%;\n position: absolute;\n left: -5px;\n}\n\n.searchWrapper .searchApplied {\n background: #fff8ee;\n}\n\n.searchWrapper .searchApplied input {\n padding-right: 28px;\n}\n\n.searchWrapper .clearSerach {\n opacity: .6;\n cursor: pointer;\n font-size: 18px;\n position: absolute;\n top: 10px;\n right: 55px;\n}\n\n.dynamic-icon {\n width: 20px;\n height: 20px;\n}\n\n.dynamic-content .dynamic-content__top {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin: 8px auto;\n display: flex;\n}\n\n.dynamic-content .dynamic-content__top .title {\n color: var(--primaryColor);\n margin-right: 5px;\n font-size: 16px;\n font-weight: 600;\n line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n cursor: pointer;\n width: 12px;\n height: 12px;\n}\n\n.dynamic-content .divider {\n color: #44424145;\n margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n border: .5px solid var(--customFieldBorderColor);\n text-align: center;\n color: var(--customFieldTextColor);\n border-radius: 3px;\n width: 100%;\n height: 35px;\n margin: 5px auto;\n line-height: 35px;\n}\n\n.dynamic-content .copy {\n fill: var(--customFieldCopySVGColor) !important;\n}\n\n.basic-tooltip {\n text-align: center !important;\n color: #000 !important;\n opacity: 1 !important;\n background-color: #fff !important;\n width: 90% !important;\n max-width: fit-content !important;\n box-shadow: 0 0 12px #989595 !important;\n}\n\n@media (width <= 600px) {\n .polotno-container .builder-wrapper {\n display: none;\n }\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container {\n background-color: var(--sidepanelBgColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab {\n color: var(--sidepanelTextColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover {\n background-color: var(--sidepanelOptionHoverColor);\n opacity: .8;\n color: var(--sidepanelTextColorHover);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg {\n color: var(--primaryColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg path, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg path, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg line, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg line {\n stroke: var(--primaryColor) !important;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container {\n background-color: var(--mainBackgroundColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container > div > p {\n display: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab-indicator-wrapper .bp5-tab-indicator {\n background-color: var(--primaryColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"] {\n color: var(--primaryColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"] {\n color: var(--textColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-workspace-container {\n background-color: #0000 !important;\n}\n\n.bp5-popover-transition-container {\n z-index: 2200 !important;\n}\n\n:root {\n --sb-track-color: #fff8ee;\n --sb-thumb-color: #ffdfc2;\n --primaryColor: #ed5c2f;\n --svgColor: #fdb515;\n --svgColorSecondary: #ed5c2f;\n --mainBackgroundColor: #fff;\n --textColor: #000;\n --productCardBgColor: #fff;\n --productCardBackgroundColorActive: #fff8ee;\n --postCardBgColor: #fff;\n --postCardBackgroundColorActive: #fff8ee;\n --postCardSVGColor: #fdecd3;\n --inputBgColor: #fff;\n --inputTextColor: #000;\n --inputBorderColor: #303030;\n --inputSearchAppliedBg: #fff8ee;\n --inputSearchIcon: #303030;\n --selectBgColor: transparent;\n --selectTextColor: #000;\n --selectBorderColor: #303030;\n --selectMenuBgColor: #fff;\n --selectOptionTextColor: #000;\n --selectOptionBorderColor: #5454544d;\n --selectOptionFocusedColor: #fff8ee;\n --selectOptionFocusedTextColor: #000;\n --selectOptionSelectedColor: #fff8ee;\n --selectOptionSelectedTextColor: #000;\n --selectOptionSelectedBg: #fff8ee;\n --topbarBgColor: #fff;\n --sidepanelBgColor: #fff;\n --sidepanelTextColor: #303030;\n --sidepanelSVGColor: #303030;\n --sidepanelSVGColorActive: #ed5c2f;\n --sidepanelOptionHoverColor: #fff8ee;\n --sidepanelTextColorHover: #ed5c2f;\n --customFieldBorderColor: #303030;\n --customFieldTextColor: #303030;\n --customFieldCopySVGColor: #303030;\n --cardBgColor: transparent;\n --cardTextColor: #000;\n --dialogModalBgColor: #fff8ee;\n --dialogModalHeadingColor: #ed5c2f;\n --dialogModalTextColor: #000;\n --dialogModalSVGColor: #ed5c2f;\n --borderColor: #00000080;\n --secondaryButtonBgColor: #fff;\n --secondaryButtonTextColor: #000;\n --primaryButtonBgColor: #ed5c2f;\n --primaryButtonTextColor: #fff;\n --iconHoverBgColor: #00000013;\n --footerBgColor: #fff;\n --red: red;\n}\n\n:root body {\n margin: 0;\n padding: 70px 0 0;\n font-family: Inter !important;\n}\n\n:root body::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body body {\n scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);\n }\n}\n\n:root body .bp5-navbar {\n z-index: 10;\n color: var(--textColor);\n background-color: var(--mainBackgroundColor);\n}\n\n:root body .bp5-navbar .bp5-card {\n color: var(--cardTextColor);\n background-color: var(--cardBgColor);\n}\n\n:root body .bp5-navbar .polotno-close-panel .bp5-button-text {\n color: var(--textColor);\n}\n\n:root body .go4160152499::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .go4160152499::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .go4160152499::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body .go4160152499 body, :root body .polotno-workspace-inner body, :root body .polotno-panel-container body, :root body .polotno-panel-container > div body, :root body .polotno-panel-container > div > div body, :root body .polotno-panel-container > div > div > div body {\n scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);\n }\n}\n", "",{"version":3,"sources":["webpack://./src/components/TemplateBuilder/index.css"],"names":[],"mappings":"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","sourcesContent":[".basic-typo {\n width: 100%;\n margin: 0;\n font-weight: 500;\n}\n\n.basic-typo h1 {\n font-size: 50px;\n}\n\n.basic-typo h2 {\n font-size: 45px;\n}\n\n.basic-typo h3 {\n font-size: 40px;\n}\n\n.basic-typo h4 {\n font-size: 35px;\n}\n\n.basic-typo h5 {\n font-size: 30px;\n}\n\n.basic-typo h6 {\n font-size: 25px;\n}\n\n.basic-typo p {\n font-size: 18px;\n}\n\n.basic-button {\n background-color: var(--primaryColor);\n color: #fff;\n cursor: pointer;\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n width: 100%;\n max-width: fit-content;\n height: 100%;\n padding: 0 10px;\n font-size: 16px;\n font-weight: 600;\n display: flex;\n}\n\n.select-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 8px;\n width: 100%;\n display: flex;\n}\n\n.select-layout label {\n color: var(--selectTextColor);\n margin-bottom: 5px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.select-layout .generic-select-container {\n cursor: pointer;\n width: 100%;\n font-size: 16px;\n line-height: 21px;\n}\n\n.select-layout .generic-select-container .generic-select__control {\n background-color: var(--selectBgColor);\n border: .5px solid var(--selectBorderColor);\n border-radius: 7px;\n height: 100%;\n min-height: 55px;\n padding-left: 10px;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n color: var(--selectTextColor);\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n border: .5px solid var(--selectBorderColor);\n}\n\n.select-layout .generic-select-container .generic-select__control::placeholder {\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control.generic-select__control--is-focused {\n border: .5px solid var(--selectBorderColor);\n box-shadow: none;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators {\n transition: all .2s ease-in;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__indicator-separator {\n display: none !important;\n}\n\n.select-layout .generic-select-container .generic-select__menu {\n background-color: var(--selectMenuBgColor);\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list {\n padding: 0 5px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option {\n text-align: left;\n color: var(--selectOptionTextColor);\n border-bottom: .5px solid var(--selectOptionBorderColor);\n cursor: pointer;\n padding: auto 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n border: none;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n background-color: var(--selectOptionFocusedColor);\n color: var(--selectOptionFocusedTextColor);\n}\n\n.toast-container {\n width: 100%;\n max-width: 400px;\n}\n\n.toast-container .basic-toast {\n background-color: #ef7820;\n}\n\n.toast-container .basic-toast button {\n opacity: 1;\n}\n\n.toast-container .basic-toast button svg {\n fill: #fff;\n width: 20px;\n height: 20px;\n}\n\n.toast-container .basic-toast .toast-body .toast-content {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 10px;\n height: 100%;\n max-height: 50px;\n display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n color: #fff;\n margin: 0;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n font-weight: 600;\n}\n\n.input-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 10px;\n width: 100%;\n display: flex;\n}\n\n.input-layout .basic-label {\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--inputBorderColor);\n background-color: var(--inputBgColor);\n border-radius: 7px;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n min-height: 55px;\n display: flex;\n}\n\n.input-layout .input-with-icon .basic-input {\n color: var(--inputTextColor);\n background: none;\n border: none;\n border-radius: 7px;\n width: 100%;\n padding: 5px 20px;\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n font-family: Inter !important;\n}\n\n.input-layout .input-with-icon .basic-input:focus {\n outline: none;\n}\n\n.input-layout .input-with-icon .basic-input::placeholder {\n opacity: .5;\n color: var(--inputTextColor);\n}\n\n.input-layout .input-with-icon .search-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n position: relative;\n}\n\n.input-layout .input-with-icon .search-input-button:before {\n content: \"\";\n background-color: #303030;\n width: 1px;\n height: 100%;\n position: absolute;\n top: 0;\n right: 40px;\n}\n\n.input-layout .input-with-icon .search-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n}\n\n.input-layout .input-with-icon .cancel-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.input-layout .input-with-icon .cancel-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n width: 15px !important;\n}\n\n.input-layout .focused {\n background-color: var(--inputSearchAppliedBg);\n}\n\n.basic-divider {\n border: none;\n border-top: .5px solid #0000004d;\n width: 100%;\n max-width: 1600px;\n margin: 3px auto;\n}\n\n.createTemplateMaindiv .createTemplateMainBox {\n height: 100%;\n position: relative;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper {\n border-left: none;\n border-right: none;\n margin-left: 40px;\n padding: 20px 0 30px;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioHeading p {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox {\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n margin-bottom: 10px;\n display: flex;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input {\n cursor: pointer;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:checked {\n accent-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:focus {\n outline: none !important;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio label {\n cursor: pointer;\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .error-field {\n color: var(--red);\n margin-left: 5px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n margin-left: 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n color: var(--primaryColor);\n margin-bottom: 20px;\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper p {\n color: var(--textColor);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper .error-field {\n color: var(--red);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .templateSelectWrapper {\n margin: 20px 0 0 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n color: var(--textColor);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .templateSelectWrapper .error-field {\n color: var(--red);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper {\n margin-left: 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:last-child {\n color: var(--primaryColor);\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n text-decoration-line: underline;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper {\n justify-content: flex-start;\n align-items: center;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard {\n border: .45px solid var(--borderColor);\n background: var(--productCardBgColor);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 17px;\n width: 100%;\n max-width: 185px;\n height: 100%;\n min-height: 135px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.active, .createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:hover {\n background: var(--productCardBackgroundColorActive);\n border-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n color: var(--primaryColor);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:last-child img {\n margin-bottom: 5px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.error {\n border: .45px solid var(--red);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--red);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper {\n margin: 0 0 80px 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard {\n border: .45px solid var(--borderColor);\n background: var(--postCardBgColor);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 20px;\n padding: 13px 20px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg path {\n fill: var(--postCardSVGColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--postCardBackgroundColorActive);\n border-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:last-child, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path:hover, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path:hover {\n fill: var(--svgColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n color: var(--primaryColor);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-small {\n width: 100%;\n max-width: 150px;\n height: 100%;\n min-height: 148px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-mid {\n width: 100%;\n max-width: 196px;\n height: 100%;\n min-height: 182px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-large {\n width: 100%;\n max-width: 248px;\n height: 100%;\n min-height: 226px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .error-field {\n color: var(--red);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .footerBtns {\n border-top: .5px solid var(--borderColor);\n background-color: var(--footerBgColor);\n width: 100%;\n position: fixed;\n bottom: 0;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns {\n justify-content: flex-end;\n align-items: center;\n gap: 20px;\n padding: 14px 95px 14px 35px;\n display: flex;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button {\n text-transform: capitalize;\n border-radius: 3px;\n width: 100%;\n max-width: 100px;\n height: 100%;\n min-height: 40px;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:first-child {\n color: var(--secondaryButtonTextColor);\n text-align: center;\n border: .5px solid var(--borderColor);\n background-color: var(--secondaryButtonBgColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:last-child {\n color: var(--primaryButtonTextColor);\n text-align: center;\n background-color: var(--primaryButtonBgColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.mb-5 {\n margin-bottom: 6rem !important;\n}\n\n.error {\n border: 1.5px solid var(--red);\n}\n\n.basic-progress .loader {\n aspect-ratio: 1;\n border-radius: 50%;\n width: 50px;\n animation: .8s linear infinite alternate l20-1, 1.6s linear infinite l20-2;\n}\n\n@keyframes l20-1 {\n 0% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);\n }\n\n 12.5% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);\n }\n\n 25% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);\n }\n\n 50% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 62.5% {\n clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 75% {\n clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 100% {\n clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);\n }\n}\n\n@keyframes l20-2 {\n 0% {\n transform: scaleY(1)rotate(0);\n }\n\n 49.99% {\n transform: scaleY(1)rotate(135deg);\n }\n\n 50% {\n transform: scaleY(-1)rotate(0);\n }\n\n 100% {\n transform: scaleY(-1)rotate(-135deg);\n }\n}\n\n.basic-progress .hide-loader .loader {\n display: none !important;\n}\n\n.modal {\n z-index: 99999;\n background-color: #0006;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n overflow: auto;\n}\n\n.modal .modal-content {\n background-color: var(--dialogModalBgColor);\n border: 1px solid #888;\n border-radius: 11px;\n width: 80%;\n margin: auto;\n padding: 0;\n animation-name: animatetop;\n animation-duration: .4s;\n position: relative;\n box-shadow: 0 4px 8px #0003, 0 6px 20px #00000030;\n}\n\n.modal .modal-content .modal-header {\n color: var(--dialogModalTextColor);\n height: 100%;\n min-height: 20px;\n position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n color: var(--dialogModalTextColor);\n float: right;\n font-size: 28px;\n font-weight: bold;\n position: absolute;\n top: 0;\n right: 10px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n color: var(--dialogModalTextColor);\n cursor: pointer;\n text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n color: var(--dialogModalTextColor);\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 2px 16px;\n display: flex;\n}\n\n.modal .modal-content .modal-body .modal-icon svg {\n fill: var(--dialogModalSVGColor);\n width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-footer {\n color: var(--dialogModalTextColor);\n justify-content: center;\n align-items: center;\n gap: 20px;\n width: 100%;\n padding: 2px 16px;\n display: flex;\n position: absolute;\n bottom: 10px;\n}\n\n@keyframes animatetop {\n from {\n opacity: 0;\n top: -300px;\n }\n\n to {\n opacity: 1;\n top: 0;\n }\n}\n\n.confirmTemplateSaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 433px !important;\n height: 100% !important;\n max-height: 290px !important;\n margin: 0 auto !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent {\n flex-direction: column;\n gap: 20px;\n padding: 16px 16px 0;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 10px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:after, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmTemplateSaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin-bottom: 10px;\n}\n\n.confirmTemplateSaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.confirmTemplateSaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:disabled {\n opacity: .5;\n}\n\n.confirmCancelTemplateLeaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 407px !important;\n height: 100% !important;\n max-height: 258px !important;\n margin: 0 auto !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent {\n flex-direction: column;\n gap: 10px;\n display: flex;\n padding: 16px 16px 0 !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 12px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:after, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 11px;\n margin-bottom: 13px;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 3px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n min-width: 100px !important;\n min-height: 40px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n max-width: 146px !important;\n min-height: 40px !important;\n}\n\n.editTemplateNameModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 623px !important;\n height: 100% !important;\n max-height: 230px !important;\n margin: 0 auto !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n padding: 16px 16px 0 !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent {\n padding: 0 30px !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent p {\n color: #303030;\n margin: 10px 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 9.8px 22px;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:after, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.editTemplateNameModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin: 20px 0;\n}\n\n.editTemplateNameModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.editTemplateNameModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.editTemplateNameModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.top-navigation-container {\n background: var(--topbarBgColor);\n border-bottom: .5px solid var(--borderColor);\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n max-height: 70px;\n margin: 0;\n padding: 23px 20px;\n display: flex;\n position: absolute;\n top: 0;\n}\n\n.top-navigation-container .middle {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.top-navigation-container .middle p {\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--textColor);\n margin-bottom: 0;\n font-size: 16px;\n font-weight: 400;\n overflow: hidden;\n}\n\n.top-navigation-container .middle div {\n cursor: pointer;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n padding: 5px;\n transition: all .1s ease-in-out;\n display: flex;\n}\n\n.top-navigation-container .middle div:hover {\n background-color: var(--iconHoverBgColor);\n}\n\n.top-navigation-container .middle div svg {\n fill: var(--textColor);\n}\n\n.top-navigation-container button {\n text-transform: capitalize;\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n max-width: 120px !important;\n}\n\n.top-navigation-container .MuiGrid-item {\n padding-top: 0 !important;\n}\n\n.top-navigation-container .left {\n justify-content: flex-start !important;\n}\n\n.top-navigation-container .right {\n gap: 10px !important;\n}\n\n.top-navigation-container .actionsBtnWrapper {\n flex-wrap: wrap;\n justify-content: flex-end;\n align-items: center;\n display: flex;\n}\n\n.top-navigation-container .templateCreateBtn {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.polotno-panel-container {\n overflow-y: auto;\n}\n\n.polotno-panel-container .custom-template-section {\n display: \"flex\";\n flex-wrap: \"wrap\";\n overflow-y: \"scroll\";\n}\n\n.polotno-panel-container .custom-template-section .title span {\n color: #ed5c2f;\n font-size: 16px;\n font-weight: 600;\n}\n\n.polotno-panel-container .custom-template-section .default-design {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n display: flex;\n}\n\n.polotno-panel-container .custom-template-section .default-design p {\n color: #303030;\n margin-top: 5px;\n font-size: 12px;\n font-weight: 600;\n line-height: 14.52px;\n}\n\n.polotno-panel-container .custom-template-section .design-template {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n}\n\n.polotno-panel-container .custom-template-section .design-template img {\n object-fit: cover;\n width: 100%;\n height: 100%;\n}\n\n.dummy-image {\n padding: 85px;\n object-fit: fill !important;\n}\n\n.MuiTabs-indicator {\n background-color: #ed5c2f !important;\n}\n\n.templateTabsWrapper {\n background-color: var(--sidepanelBgColor) !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root {\n width: 15px;\n opacity: 1 !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root:hover svg {\n color: #ed5c2f !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root .Mui-disabled {\n opacity: 1 !important;\n}\n\n.noTemplateText {\n justify-content: center;\n align-items: center;\n height: 100%;\n min-height: 200px;\n display: flex;\n}\n\n.noTemplateText p {\n color: var(--textColor);\n font-size: 18px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.searchWrapper {\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n width: 100%;\n display: flex;\n position: relative;\n}\n\n.searchWrapper .searchInput {\n color: #000;\n background: #fff;\n border: .5px solid #44424180;\n border-radius: 3px;\n width: 514px;\n max-width: 520px;\n height: 40px;\n padding: 5px 20px;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.searchWrapper .searchInput:after, .searchWrapper .searchInput:before {\n display: none;\n}\n\n.searchWrapper .searchInput .searchIcon {\n color: #ed5c2f;\n position: relative;\n}\n\n.searchWrapper .searchInput .searchIcon:before {\n content: \"\";\n opacity: .5;\n background-color: #000;\n width: 1px;\n height: 90%;\n position: absolute;\n left: -5px;\n}\n\n.searchWrapper .searchApplied {\n background: #fff8ee;\n}\n\n.searchWrapper .searchApplied input {\n padding-right: 28px;\n}\n\n.searchWrapper .clearSerach {\n opacity: .6;\n cursor: pointer;\n font-size: 18px;\n position: absolute;\n top: 10px;\n right: 55px;\n}\n\n.dynamic-icon {\n width: 20px;\n height: 20px;\n}\n\n.dynamic-content .dynamic-content__top {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin: 8px auto;\n display: flex;\n}\n\n.dynamic-content .dynamic-content__top .title {\n color: var(--primaryColor);\n margin-right: 5px;\n font-size: 16px;\n font-weight: 600;\n line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n cursor: pointer;\n width: 12px;\n height: 12px;\n}\n\n.dynamic-content .divider {\n color: #44424145;\n margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n border: .5px solid var(--customFieldBorderColor);\n text-align: center;\n color: var(--customFieldTextColor);\n border-radius: 3px;\n width: 100%;\n height: 35px;\n margin: 5px auto;\n line-height: 35px;\n}\n\n.dynamic-content .copy {\n fill: var(--customFieldCopySVGColor) !important;\n}\n\n.basic-tooltip {\n text-align: center !important;\n color: #000 !important;\n opacity: 1 !important;\n background-color: #fff !important;\n width: 90% !important;\n max-width: fit-content !important;\n box-shadow: 0 0 12px #989595 !important;\n}\n\n@media (width <= 600px) {\n .polotno-container .builder-wrapper {\n display: none;\n }\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container {\n background-color: var(--sidepanelBgColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab {\n color: var(--sidepanelTextColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover {\n background-color: var(--sidepanelOptionHoverColor);\n opacity: .8;\n color: var(--sidepanelTextColorHover);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg {\n color: var(--primaryColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg path, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg path, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg line, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg line {\n stroke: var(--primaryColor) !important;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container {\n background-color: var(--mainBackgroundColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container > div > p {\n display: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab-indicator-wrapper .bp5-tab-indicator {\n background-color: var(--primaryColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"] {\n color: var(--primaryColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"] {\n color: var(--textColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-workspace-container {\n background-color: #0000 !important;\n}\n\n.bp5-popover-transition-container {\n z-index: 2200 !important;\n}\n\n:root {\n --sb-track-color: #fff8ee;\n --sb-thumb-color: #ffdfc2;\n --primaryColor: #ed5c2f;\n --svgColor: #fdb515;\n --svgColorSecondary: #ed5c2f;\n --mainBackgroundColor: #fff;\n --textColor: #000;\n --productCardBgColor: #fff;\n --productCardBackgroundColorActive: #fff8ee;\n --postCardBgColor: #fff;\n --postCardBackgroundColorActive: #fff8ee;\n --postCardSVGColor: #fdecd3;\n --inputBgColor: #fff;\n --inputTextColor: #000;\n --inputBorderColor: #303030;\n --inputSearchAppliedBg: #fff8ee;\n --inputSearchIcon: #303030;\n --selectBgColor: transparent;\n --selectTextColor: #000;\n --selectBorderColor: #303030;\n --selectMenuBgColor: #fff;\n --selectOptionTextColor: #000;\n --selectOptionBorderColor: #5454544d;\n --selectOptionFocusedColor: #fff8ee;\n --selectOptionFocusedTextColor: #000;\n --selectOptionSelectedColor: #fff8ee;\n --selectOptionSelectedTextColor: #000;\n --selectOptionSelectedBg: #fff8ee;\n --topbarBgColor: #fff;\n --sidepanelBgColor: #fff;\n --sidepanelTextColor: #303030;\n --sidepanelSVGColor: #303030;\n --sidepanelSVGColorActive: #ed5c2f;\n --sidepanelOptionHoverColor: #fff8ee;\n --sidepanelTextColorHover: #ed5c2f;\n --customFieldBorderColor: #303030;\n --customFieldTextColor: #303030;\n --customFieldCopySVGColor: #303030;\n --cardBgColor: transparent;\n --cardTextColor: #000;\n --dialogModalBgColor: #fff8ee;\n --dialogModalHeadingColor: #ed5c2f;\n --dialogModalTextColor: #000;\n --dialogModalSVGColor: #ed5c2f;\n --borderColor: #00000080;\n --secondaryButtonBgColor: #fff;\n --secondaryButtonTextColor: #000;\n --primaryButtonBgColor: #ed5c2f;\n --primaryButtonTextColor: #fff;\n --iconHoverBgColor: #00000013;\n --footerBgColor: #fff;\n --red: red;\n}\n\n:root body {\n margin: 0;\n padding: 70px 0 0;\n font-family: Inter !important;\n}\n\n:root body::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body body {\n scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);\n }\n}\n\n:root body .bp5-navbar {\n z-index: 10;\n color: var(--textColor);\n background-color: var(--mainBackgroundColor);\n}\n\n:root body .bp5-navbar .bp5-card {\n color: var(--cardTextColor);\n background-color: var(--cardBgColor);\n}\n\n:root body .bp5-navbar .polotno-close-panel .bp5-button-text {\n color: var(--textColor);\n}\n\n:root body .go4160152499::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .go4160152499::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .go4160152499::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body .go4160152499 body, :root body .polotno-workspace-inner body, :root body .polotno-panel-container body, :root body .polotno-panel-container > div body, :root body .polotno-panel-container > div > div body, :root body .polotno-panel-container > div > div > div body {\n scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);\n }\n}\n"],"sourceRoot":""}]);
|
|
50374
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".basic-typo {\n width: 100%;\n margin: 0;\n font-weight: 500;\n}\n\n.basic-typo h1 {\n font-size: 50px;\n}\n\n.basic-typo h2 {\n font-size: 45px;\n}\n\n.basic-typo h3 {\n font-size: 40px;\n}\n\n.basic-typo h4 {\n font-size: 35px;\n}\n\n.basic-typo h5 {\n font-size: 30px;\n}\n\n.basic-typo h6 {\n font-size: 25px;\n}\n\n.basic-typo p {\n font-size: 18px;\n}\n\n.basic-button {\n background-color: var(--primaryColor);\n color: #fff;\n cursor: pointer;\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n width: 100%;\n max-width: fit-content;\n height: 100%;\n padding: 0 10px;\n font-size: 16px;\n font-weight: 600;\n display: flex;\n}\n\n.basic-button.disabled {\n opacity: .5;\n cursor: not-allowed;\n}\n\n.select-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 8px;\n width: 100%;\n display: flex;\n}\n\n.select-layout label {\n color: var(--selectTextColor);\n margin-bottom: 5px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.select-layout .generic-select-container {\n cursor: pointer;\n width: 100%;\n font-size: 16px;\n line-height: 21px;\n}\n\n.select-layout .generic-select-container .generic-select__control {\n background-color: var(--selectBgColor);\n border: .5px solid var(--selectBorderColor);\n border-radius: 7px;\n height: 100%;\n min-height: 55px;\n padding-left: 10px;\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n color: var(--selectTextColor);\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n border: .5px solid var(--selectBorderColor);\n}\n\n.select-layout .generic-select-container .generic-select__control::placeholder {\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control.generic-select__control--is-focused {\n border: .5px solid var(--selectBorderColor);\n box-shadow: none;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators {\n transition: all .2s ease-in;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__indicator-separator {\n display: none !important;\n}\n\n.select-layout .generic-select-container .generic-select__menu {\n background-color: var(--selectMenuBgColor);\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list {\n padding: 0 5px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option {\n text-align: left;\n color: var(--selectOptionTextColor);\n border-bottom: .5px solid var(--selectOptionBorderColor);\n cursor: pointer;\n padding: auto 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n border: none;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n background-color: var(--selectOptionFocusedColor);\n color: var(--selectOptionFocusedTextColor);\n}\n\n.toast-container {\n width: 100%;\n max-width: 400px;\n}\n\n.toast-container .basic-toast {\n background-color: #ef7820;\n}\n\n.toast-container .basic-toast button {\n opacity: 1;\n}\n\n.toast-container .basic-toast button svg {\n fill: #fff;\n width: 20px;\n height: 20px;\n}\n\n.toast-container .basic-toast .toast-body .toast-content {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 10px;\n height: 100%;\n max-height: 50px;\n display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n color: #fff;\n margin: 0;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n font-weight: 600;\n}\n\n.input-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 10px;\n width: 100%;\n display: flex;\n}\n\n.input-layout .basic-label {\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--inputBorderColor);\n background-color: var(--inputBgColor);\n border-radius: 7px;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n min-height: 55px;\n display: flex;\n}\n\n.input-layout .input-with-icon .basic-input {\n color: var(--inputTextColor);\n background: none;\n border: none;\n border-radius: 7px;\n width: 100%;\n padding: 5px 20px;\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n font-family: Inter !important;\n}\n\n.input-layout .input-with-icon .basic-input:focus {\n outline: none;\n}\n\n.input-layout .input-with-icon .basic-input::placeholder {\n opacity: .5;\n color: var(--inputTextColor);\n}\n\n.input-layout .input-with-icon .search-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n position: relative;\n}\n\n.input-layout .input-with-icon .search-input-button:before {\n content: \"\";\n background-color: #303030;\n width: 1px;\n height: 100%;\n position: absolute;\n top: 0;\n right: 40px;\n}\n\n.input-layout .input-with-icon .search-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n}\n\n.input-layout .input-with-icon .cancel-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.input-layout .input-with-icon .cancel-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n width: 15px !important;\n}\n\n.input-layout .focused {\n background-color: var(--inputSearchAppliedBg);\n}\n\n.basic-divider {\n border: none;\n border-top: .5px solid #0000004d;\n width: 100%;\n max-width: 1600px;\n margin: 3px auto;\n}\n\n.createTemplateMaindiv .createTemplateMainBox {\n height: 100%;\n position: relative;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper {\n border-left: none;\n border-right: none;\n margin-left: 40px;\n padding: 20px 0 30px;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioHeading p {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox {\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n margin-bottom: 10px;\n display: flex;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio {\n cursor: pointer;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:checked {\n accent-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:focus {\n outline: none !important;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio label {\n cursor: pointer;\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .error-field {\n color: var(--red);\n margin-left: 5px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n margin-left: 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n color: var(--primaryColor);\n margin-bottom: 20px;\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper p {\n color: var(--textColor);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper .error-field {\n color: var(--red);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .templateSelectWrapper {\n margin: 20px 0 0 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n color: var(--textColor);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .templateSelectWrapper .error-field {\n color: var(--red);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper {\n margin-left: 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:last-child {\n color: var(--primaryColor);\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n text-decoration-line: underline;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper {\n justify-content: flex-start;\n align-items: center;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard {\n border: .45px solid var(--borderColor);\n background: var(--productCardBgColor);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 17px;\n width: 100%;\n max-width: 185px;\n height: 100%;\n min-height: 135px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.active, .createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:hover {\n background: var(--productCardBackgroundColorActive);\n border-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n color: var(--primaryColor);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:last-child img {\n margin-bottom: 5px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.error {\n border: .45px solid var(--red);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--red);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper {\n margin: 0 0 80px 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard {\n border: .45px solid var(--borderColor);\n background: var(--postCardBgColor);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 20px;\n padding: 13px 20px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg path {\n fill: var(--postCardSVGColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--postCardBackgroundColorActive);\n border-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:last-child, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path:hover, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path:hover {\n fill: var(--svgColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n color: var(--primaryColor);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-small {\n width: 100%;\n max-width: 150px;\n height: 100%;\n min-height: 148px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-mid {\n width: 100%;\n max-width: 196px;\n height: 100%;\n min-height: 182px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-large {\n width: 100%;\n max-width: 248px;\n height: 100%;\n min-height: 226px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .error-field {\n color: var(--red);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .footerBtns {\n border-top: .5px solid var(--borderColor);\n background-color: var(--footerBgColor);\n width: 100%;\n position: fixed;\n bottom: 0;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns {\n justify-content: flex-end;\n align-items: center;\n gap: 20px;\n padding: 14px 95px 14px 35px;\n display: flex;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button {\n text-transform: capitalize;\n border-radius: 3px;\n width: 100%;\n max-width: 100px;\n height: 100%;\n min-height: 40px;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:first-child {\n color: var(--secondaryButtonTextColor);\n text-align: center;\n border: .5px solid var(--borderColor);\n background-color: var(--secondaryButtonBgColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:last-child {\n color: var(--primaryButtonTextColor);\n text-align: center;\n background-color: var(--primaryButtonBgColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.mb-5 {\n margin-bottom: 6rem !important;\n}\n\n.error {\n border: 1.5px solid var(--red);\n}\n\n.basic-progress .loader {\n aspect-ratio: 1;\n border-radius: 50%;\n width: 50px;\n animation: .8s linear infinite alternate l20-1, 1.6s linear infinite l20-2;\n}\n\n@keyframes l20-1 {\n 0% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);\n }\n\n 12.5% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);\n }\n\n 25% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);\n }\n\n 50% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 62.5% {\n clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 75% {\n clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 100% {\n clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);\n }\n}\n\n@keyframes l20-2 {\n 0% {\n transform: scaleY(1)rotate(0);\n }\n\n 49.99% {\n transform: scaleY(1)rotate(135deg);\n }\n\n 50% {\n transform: scaleY(-1)rotate(0);\n }\n\n 100% {\n transform: scaleY(-1)rotate(-135deg);\n }\n}\n\n.basic-progress .hide-loader .loader {\n display: none !important;\n}\n\n.modal {\n z-index: 99999;\n background-color: #0006;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n overflow: auto;\n}\n\n.modal .modal-content {\n background-color: var(--dialogModalBgColor);\n border: 1px solid #888;\n border-radius: 11px;\n width: 80%;\n margin: auto;\n padding: 0;\n animation-name: animatetop;\n animation-duration: .4s;\n position: relative;\n box-shadow: 0 4px 8px #0003, 0 6px 20px #00000030;\n}\n\n.modal .modal-content .modal-header {\n color: var(--dialogModalTextColor);\n height: 100%;\n min-height: 20px;\n position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n color: var(--dialogModalTextColor);\n float: right;\n font-size: 28px;\n font-weight: bold;\n position: absolute;\n top: 0;\n right: 10px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n color: var(--dialogModalTextColor);\n cursor: pointer;\n text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n color: var(--dialogModalTextColor);\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 2px 16px;\n display: flex;\n}\n\n.modal .modal-content .modal-body .modal-icon svg {\n fill: var(--dialogModalSVGColor);\n width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-footer {\n color: var(--dialogModalTextColor);\n justify-content: center;\n align-items: center;\n gap: 20px;\n width: 100%;\n padding: 2px 16px;\n display: flex;\n position: absolute;\n bottom: 10px;\n}\n\n@keyframes animatetop {\n from {\n opacity: 0;\n top: -300px;\n }\n\n to {\n opacity: 1;\n top: 0;\n }\n}\n\n.confirmTemplateSaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 433px !important;\n height: 100% !important;\n max-height: 290px !important;\n margin: 0 auto !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent {\n flex-direction: column;\n gap: 20px;\n padding: 16px 16px 0;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 10px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:after, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmTemplateSaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin-bottom: 10px;\n}\n\n.confirmTemplateSaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.confirmTemplateSaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:disabled {\n opacity: .5;\n}\n\n.confirmCancelTemplateLeaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 407px !important;\n height: 100% !important;\n max-height: 258px !important;\n margin: 0 auto !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent {\n flex-direction: column;\n gap: 10px;\n display: flex;\n padding: 16px 16px 0 !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 12px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:after, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 11px;\n margin-bottom: 13px;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 3px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n min-width: 100px !important;\n min-height: 40px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n max-width: 146px !important;\n min-height: 40px !important;\n}\n\n.editTemplateNameModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 623px !important;\n height: 100% !important;\n max-height: 230px !important;\n margin: 0 auto !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n padding: 16px 16px 0 !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent {\n padding: 0 30px !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent p {\n color: #303030;\n margin: 10px 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 9.8px 22px;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:after, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.editTemplateNameModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin: 20px 0;\n}\n\n.editTemplateNameModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.editTemplateNameModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.editTemplateNameModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.top-navigation-container {\n background: var(--topbarBgColor);\n border-bottom: .5px solid var(--borderColor);\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n max-height: 70px;\n margin: 0;\n padding: 23px 20px;\n display: flex;\n position: absolute;\n top: 0;\n}\n\n.top-navigation-container .middle {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.top-navigation-container .middle p {\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--textColor);\n margin-bottom: 0;\n font-size: 16px;\n font-weight: 400;\n overflow: hidden;\n}\n\n.top-navigation-container .middle div {\n cursor: pointer;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n padding: 5px;\n transition: all .1s ease-in-out;\n display: flex;\n}\n\n.top-navigation-container .middle div:hover {\n background-color: var(--iconHoverBgColor);\n}\n\n.top-navigation-container .middle div svg {\n fill: var(--textColor);\n}\n\n.top-navigation-container button {\n text-transform: capitalize;\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n max-width: 120px !important;\n}\n\n.top-navigation-container .MuiGrid-item {\n padding-top: 0 !important;\n}\n\n.top-navigation-container .left {\n justify-content: flex-start !important;\n}\n\n.top-navigation-container .right {\n gap: 10px !important;\n}\n\n.top-navigation-container .actionsBtnWrapper {\n flex-wrap: wrap;\n justify-content: flex-end;\n align-items: center;\n display: flex;\n}\n\n.top-navigation-container .templateCreateBtn {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.polotno-panel-container {\n overflow-y: auto;\n}\n\n.polotno-panel-container .custom-template-section {\n display: \"flex\";\n flex-wrap: \"wrap\";\n overflow-y: \"scroll\";\n}\n\n.polotno-panel-container .custom-template-section .title span {\n color: #ed5c2f;\n font-size: 16px;\n font-weight: 600;\n}\n\n.polotno-panel-container .custom-template-section .default-design {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n display: flex;\n}\n\n.polotno-panel-container .custom-template-section .default-design p {\n color: #303030;\n margin-top: 5px;\n font-size: 12px;\n font-weight: 600;\n line-height: 14.52px;\n}\n\n.polotno-panel-container .custom-template-section .design-template {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n}\n\n.polotno-panel-container .custom-template-section .design-template img {\n object-fit: cover;\n width: 100%;\n height: 100%;\n}\n\n.dummy-image {\n padding: 85px;\n object-fit: fill !important;\n}\n\n.MuiTabs-indicator {\n background-color: #ed5c2f !important;\n}\n\n.templateTabsWrapper {\n background-color: var(--sidepanelBgColor) !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root {\n width: 15px;\n opacity: 1 !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root:hover svg {\n color: #ed5c2f !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root .Mui-disabled {\n opacity: 1 !important;\n}\n\n.noTemplateText {\n justify-content: center;\n align-items: center;\n height: 100%;\n min-height: 200px;\n display: flex;\n}\n\n.noTemplateText p {\n color: var(--textColor);\n font-size: 18px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.searchWrapper {\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n width: 100%;\n display: flex;\n position: relative;\n}\n\n.searchWrapper .searchInput {\n color: #000;\n background: #fff;\n border: .5px solid #44424180;\n border-radius: 3px;\n width: 514px;\n max-width: 520px;\n height: 40px;\n padding: 5px 20px;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.searchWrapper .searchInput:after, .searchWrapper .searchInput:before {\n display: none;\n}\n\n.searchWrapper .searchInput .searchIcon {\n color: #ed5c2f;\n position: relative;\n}\n\n.searchWrapper .searchInput .searchIcon:before {\n content: \"\";\n opacity: .5;\n background-color: #000;\n width: 1px;\n height: 90%;\n position: absolute;\n left: -5px;\n}\n\n.searchWrapper .searchApplied {\n background: #fff8ee;\n}\n\n.searchWrapper .searchApplied input {\n padding-right: 28px;\n}\n\n.searchWrapper .clearSerach {\n opacity: .6;\n cursor: pointer;\n font-size: 18px;\n position: absolute;\n top: 10px;\n right: 55px;\n}\n\n.basic-tooltip {\n text-align: center !important;\n color: #000 !important;\n opacity: 1 !important;\n background-color: #fff !important;\n width: 90% !important;\n max-width: fit-content !important;\n box-shadow: 0 0 12px #989595 !important;\n}\n\n.dynamic-icon {\n width: 20px;\n height: 20px;\n}\n\n.dynamic-content .dynamic-content__top {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin: 8px auto;\n display: flex;\n}\n\n.dynamic-content .dynamic-content__top .title {\n color: var(--primaryColor);\n margin-right: 5px;\n font-size: 16px;\n font-weight: 600;\n line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n cursor: pointer;\n width: 12px;\n height: 12px;\n}\n\n.dynamic-content .divider {\n color: #44424145;\n margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n border: .5px solid var(--customFieldBorderColor);\n text-align: center;\n color: var(--customFieldTextColor);\n border-radius: 3px;\n width: 100%;\n height: 35px;\n margin: 5px auto;\n line-height: 35px;\n}\n\n.dynamic-content .copy {\n fill: var(--customFieldCopySVGColor) !important;\n}\n\n@media (width <= 600px) {\n .polotno-container .builder-wrapper {\n display: none;\n }\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container {\n background-color: var(--sidepanelBgColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab {\n color: var(--sidepanelTextColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover {\n background-color: var(--sidepanelOptionHoverColor);\n opacity: .8;\n color: var(--sidepanelTextColorHover);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg {\n color: var(--primaryColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg path, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg path {\n fill: var(--primaryColor) !important;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container {\n background-color: var(--mainBackgroundColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container > div > p {\n display: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab-indicator-wrapper .bp5-tab-indicator {\n background-color: var(--primaryColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"] {\n color: var(--primaryColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"] {\n color: var(--textColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-workspace-container {\n background-color: #0000 !important;\n}\n\n.bp5-popover-transition-container {\n z-index: 2200 !important;\n}\n\n:root {\n --sb-track-color: #fff8ee;\n --sb-thumb-color: #ffdfc2;\n --primaryColor: #ed5c2f;\n --svgColor: #fdb515;\n --svgColorSecondary: #ed5c2f;\n --mainBackgroundColor: #fff;\n --textColor: #000;\n --productCardBgColor: #fff;\n --productCardBackgroundColorActive: #fff8ee;\n --postCardBgColor: #fff;\n --postCardBackgroundColorActive: #fff8ee;\n --postCardSVGColor: #fdecd3;\n --inputBgColor: #fff;\n --inputTextColor: #000;\n --inputBorderColor: #303030;\n --inputSearchAppliedBg: #fff8ee;\n --inputSearchIcon: #303030;\n --selectBgColor: transparent;\n --selectTextColor: #000;\n --selectBorderColor: #303030;\n --selectMenuBgColor: #fff;\n --selectOptionTextColor: #000;\n --selectOptionBorderColor: #5454544d;\n --selectOptionFocusedColor: #fff8ee;\n --selectOptionFocusedTextColor: #000;\n --selectOptionSelectedColor: #fff8ee;\n --selectOptionSelectedTextColor: #000;\n --selectOptionSelectedBg: #fff8ee;\n --topbarBgColor: #fff;\n --sidepanelBgColor: #fff;\n --sidepanelTextColor: #303030;\n --sidepanelSVGColor: #303030;\n --sidepanelSVGColorActive: #ed5c2f;\n --sidepanelOptionHoverColor: #fff8ee;\n --sidepanelTextColorHover: #ed5c2f;\n --customFieldBorderColor: #303030;\n --customFieldTextColor: #303030;\n --customFieldCopySVGColor: #303030;\n --cardBgColor: transparent;\n --cardTextColor: #000;\n --dialogModalBgColor: #fff8ee;\n --dialogModalHeadingColor: #ed5c2f;\n --dialogModalTextColor: #000;\n --dialogModalSVGColor: #ed5c2f;\n --borderColor: #00000080;\n --secondaryButtonBgColor: #fff;\n --secondaryButtonTextColor: #000;\n --primaryButtonBgColor: #ed5c2f;\n --primaryButtonTextColor: #fff;\n --iconHoverBgColor: #00000013;\n --footerBgColor: #fff;\n --red: red;\n}\n\n:root body {\n margin: 0;\n padding: 70px 0 0;\n font-family: Inter !important;\n}\n\n:root body::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body body {\n scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);\n }\n}\n\n:root body .bp5-navbar {\n color: var(--textColor);\n background-color: var(--mainBackgroundColor);\n z-index: auto !important;\n}\n\n:root body .bp5-navbar .bp5-card {\n color: var(--cardTextColor);\n background-color: var(--cardBgColor);\n}\n\n:root body .bp5-navbar .polotno-close-panel .bp5-button-text {\n color: var(--textColor);\n}\n\n:root body .bp5-navbar > div {\n border-bottom: 1px solid #1114181a !important;\n}\n\n:root body .go4160152499::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .go4160152499::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .go4160152499::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body .go4160152499 body, :root body .polotno-workspace-inner body, :root body .polotno-panel-container body, :root body .polotno-panel-container > div body, :root body .polotno-panel-container > div > div body, :root body .polotno-panel-container > div > div > div body {\n scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);\n }\n}\n", "",{"version":3,"sources":["webpack://./src/components/TemplateBuilder/index.css"],"names":[],"mappings":"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","sourcesContent":[".basic-typo {\n width: 100%;\n margin: 0;\n font-weight: 500;\n}\n\n.basic-typo h1 {\n font-size: 50px;\n}\n\n.basic-typo h2 {\n font-size: 45px;\n}\n\n.basic-typo h3 {\n font-size: 40px;\n}\n\n.basic-typo h4 {\n font-size: 35px;\n}\n\n.basic-typo h5 {\n font-size: 30px;\n}\n\n.basic-typo h6 {\n font-size: 25px;\n}\n\n.basic-typo p {\n font-size: 18px;\n}\n\n.basic-button {\n background-color: var(--primaryColor);\n color: #fff;\n cursor: pointer;\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n width: 100%;\n max-width: fit-content;\n height: 100%;\n padding: 0 10px;\n font-size: 16px;\n font-weight: 600;\n display: flex;\n}\n\n.basic-button.disabled {\n opacity: .5;\n cursor: not-allowed;\n}\n\n.select-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 8px;\n width: 100%;\n display: flex;\n}\n\n.select-layout label {\n color: var(--selectTextColor);\n margin-bottom: 5px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.select-layout .generic-select-container {\n cursor: pointer;\n width: 100%;\n font-size: 16px;\n line-height: 21px;\n}\n\n.select-layout .generic-select-container .generic-select__control {\n background-color: var(--selectBgColor);\n border: .5px solid var(--selectBorderColor);\n border-radius: 7px;\n height: 100%;\n min-height: 55px;\n padding-left: 10px;\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n color: var(--selectTextColor);\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n border: .5px solid var(--selectBorderColor);\n}\n\n.select-layout .generic-select-container .generic-select__control::placeholder {\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control.generic-select__control--is-focused {\n border: .5px solid var(--selectBorderColor);\n box-shadow: none;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators {\n transition: all .2s ease-in;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__indicator-separator {\n display: none !important;\n}\n\n.select-layout .generic-select-container .generic-select__menu {\n background-color: var(--selectMenuBgColor);\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list {\n padding: 0 5px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option {\n text-align: left;\n color: var(--selectOptionTextColor);\n border-bottom: .5px solid var(--selectOptionBorderColor);\n cursor: pointer;\n padding: auto 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n border: none;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n background-color: var(--selectOptionFocusedColor);\n color: var(--selectOptionFocusedTextColor);\n}\n\n.toast-container {\n width: 100%;\n max-width: 400px;\n}\n\n.toast-container .basic-toast {\n background-color: #ef7820;\n}\n\n.toast-container .basic-toast button {\n opacity: 1;\n}\n\n.toast-container .basic-toast button svg {\n fill: #fff;\n width: 20px;\n height: 20px;\n}\n\n.toast-container .basic-toast .toast-body .toast-content {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 10px;\n height: 100%;\n max-height: 50px;\n display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n color: #fff;\n margin: 0;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n font-weight: 600;\n}\n\n.input-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 10px;\n width: 100%;\n display: flex;\n}\n\n.input-layout .basic-label {\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--inputBorderColor);\n background-color: var(--inputBgColor);\n border-radius: 7px;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n min-height: 55px;\n display: flex;\n}\n\n.input-layout .input-with-icon .basic-input {\n color: var(--inputTextColor);\n background: none;\n border: none;\n border-radius: 7px;\n width: 100%;\n padding: 5px 20px;\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n font-family: Inter !important;\n}\n\n.input-layout .input-with-icon .basic-input:focus {\n outline: none;\n}\n\n.input-layout .input-with-icon .basic-input::placeholder {\n opacity: .5;\n color: var(--inputTextColor);\n}\n\n.input-layout .input-with-icon .search-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n position: relative;\n}\n\n.input-layout .input-with-icon .search-input-button:before {\n content: \"\";\n background-color: #303030;\n width: 1px;\n height: 100%;\n position: absolute;\n top: 0;\n right: 40px;\n}\n\n.input-layout .input-with-icon .search-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n}\n\n.input-layout .input-with-icon .cancel-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.input-layout .input-with-icon .cancel-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n width: 15px !important;\n}\n\n.input-layout .focused {\n background-color: var(--inputSearchAppliedBg);\n}\n\n.basic-divider {\n border: none;\n border-top: .5px solid #0000004d;\n width: 100%;\n max-width: 1600px;\n margin: 3px auto;\n}\n\n.createTemplateMaindiv .createTemplateMainBox {\n height: 100%;\n position: relative;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper {\n border-left: none;\n border-right: none;\n margin-left: 40px;\n padding: 20px 0 30px;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioHeading p {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox {\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n margin-bottom: 10px;\n display: flex;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio {\n cursor: pointer;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:checked {\n accent-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:focus {\n outline: none !important;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio label {\n cursor: pointer;\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .error-field {\n color: var(--red);\n margin-left: 5px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n margin-left: 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n color: var(--primaryColor);\n margin-bottom: 20px;\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper p {\n color: var(--textColor);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper .error-field {\n color: var(--red);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .templateSelectWrapper {\n margin: 20px 0 0 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n color: var(--textColor);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .templateSelectWrapper .error-field {\n color: var(--red);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper {\n margin-left: 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:last-child {\n color: var(--primaryColor);\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n text-decoration-line: underline;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper {\n justify-content: flex-start;\n align-items: center;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard {\n border: .45px solid var(--borderColor);\n background: var(--productCardBgColor);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 17px;\n width: 100%;\n max-width: 185px;\n height: 100%;\n min-height: 135px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.active, .createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:hover {\n background: var(--productCardBackgroundColorActive);\n border-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n color: var(--primaryColor);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:last-child img {\n margin-bottom: 5px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.error {\n border: .45px solid var(--red);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--red);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper {\n margin: 0 0 80px 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard {\n border: .45px solid var(--borderColor);\n background: var(--postCardBgColor);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 20px;\n padding: 13px 20px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg path {\n fill: var(--postCardSVGColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--postCardBackgroundColorActive);\n border-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:last-child, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path:hover, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path:hover {\n fill: var(--svgColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n color: var(--primaryColor);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-small {\n width: 100%;\n max-width: 150px;\n height: 100%;\n min-height: 148px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-mid {\n width: 100%;\n max-width: 196px;\n height: 100%;\n min-height: 182px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-large {\n width: 100%;\n max-width: 248px;\n height: 100%;\n min-height: 226px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .error-field {\n color: var(--red);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .footerBtns {\n border-top: .5px solid var(--borderColor);\n background-color: var(--footerBgColor);\n width: 100%;\n position: fixed;\n bottom: 0;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns {\n justify-content: flex-end;\n align-items: center;\n gap: 20px;\n padding: 14px 95px 14px 35px;\n display: flex;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button {\n text-transform: capitalize;\n border-radius: 3px;\n width: 100%;\n max-width: 100px;\n height: 100%;\n min-height: 40px;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:first-child {\n color: var(--secondaryButtonTextColor);\n text-align: center;\n border: .5px solid var(--borderColor);\n background-color: var(--secondaryButtonBgColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:last-child {\n color: var(--primaryButtonTextColor);\n text-align: center;\n background-color: var(--primaryButtonBgColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.mb-5 {\n margin-bottom: 6rem !important;\n}\n\n.error {\n border: 1.5px solid var(--red);\n}\n\n.basic-progress .loader {\n aspect-ratio: 1;\n border-radius: 50%;\n width: 50px;\n animation: .8s linear infinite alternate l20-1, 1.6s linear infinite l20-2;\n}\n\n@keyframes l20-1 {\n 0% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);\n }\n\n 12.5% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);\n }\n\n 25% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);\n }\n\n 50% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 62.5% {\n clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 75% {\n clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 100% {\n clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);\n }\n}\n\n@keyframes l20-2 {\n 0% {\n transform: scaleY(1)rotate(0);\n }\n\n 49.99% {\n transform: scaleY(1)rotate(135deg);\n }\n\n 50% {\n transform: scaleY(-1)rotate(0);\n }\n\n 100% {\n transform: scaleY(-1)rotate(-135deg);\n }\n}\n\n.basic-progress .hide-loader .loader {\n display: none !important;\n}\n\n.modal {\n z-index: 99999;\n background-color: #0006;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n overflow: auto;\n}\n\n.modal .modal-content {\n background-color: var(--dialogModalBgColor);\n border: 1px solid #888;\n border-radius: 11px;\n width: 80%;\n margin: auto;\n padding: 0;\n animation-name: animatetop;\n animation-duration: .4s;\n position: relative;\n box-shadow: 0 4px 8px #0003, 0 6px 20px #00000030;\n}\n\n.modal .modal-content .modal-header {\n color: var(--dialogModalTextColor);\n height: 100%;\n min-height: 20px;\n position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n color: var(--dialogModalTextColor);\n float: right;\n font-size: 28px;\n font-weight: bold;\n position: absolute;\n top: 0;\n right: 10px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n color: var(--dialogModalTextColor);\n cursor: pointer;\n text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n color: var(--dialogModalTextColor);\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 2px 16px;\n display: flex;\n}\n\n.modal .modal-content .modal-body .modal-icon svg {\n fill: var(--dialogModalSVGColor);\n width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-footer {\n color: var(--dialogModalTextColor);\n justify-content: center;\n align-items: center;\n gap: 20px;\n width: 100%;\n padding: 2px 16px;\n display: flex;\n position: absolute;\n bottom: 10px;\n}\n\n@keyframes animatetop {\n from {\n opacity: 0;\n top: -300px;\n }\n\n to {\n opacity: 1;\n top: 0;\n }\n}\n\n.confirmTemplateSaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 433px !important;\n height: 100% !important;\n max-height: 290px !important;\n margin: 0 auto !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent {\n flex-direction: column;\n gap: 20px;\n padding: 16px 16px 0;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 10px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:after, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmTemplateSaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin-bottom: 10px;\n}\n\n.confirmTemplateSaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.confirmTemplateSaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:disabled {\n opacity: .5;\n}\n\n.confirmCancelTemplateLeaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 407px !important;\n height: 100% !important;\n max-height: 258px !important;\n margin: 0 auto !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent {\n flex-direction: column;\n gap: 10px;\n display: flex;\n padding: 16px 16px 0 !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 12px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:after, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 11px;\n margin-bottom: 13px;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 3px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n min-width: 100px !important;\n min-height: 40px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n max-width: 146px !important;\n min-height: 40px !important;\n}\n\n.editTemplateNameModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 623px !important;\n height: 100% !important;\n max-height: 230px !important;\n margin: 0 auto !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n padding: 16px 16px 0 !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent {\n padding: 0 30px !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent p {\n color: #303030;\n margin: 10px 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 9.8px 22px;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:after, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.editTemplateNameModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin: 20px 0;\n}\n\n.editTemplateNameModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.editTemplateNameModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.editTemplateNameModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.top-navigation-container {\n background: var(--topbarBgColor);\n border-bottom: .5px solid var(--borderColor);\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n max-height: 70px;\n margin: 0;\n padding: 23px 20px;\n display: flex;\n position: absolute;\n top: 0;\n}\n\n.top-navigation-container .middle {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.top-navigation-container .middle p {\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--textColor);\n margin-bottom: 0;\n font-size: 16px;\n font-weight: 400;\n overflow: hidden;\n}\n\n.top-navigation-container .middle div {\n cursor: pointer;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n padding: 5px;\n transition: all .1s ease-in-out;\n display: flex;\n}\n\n.top-navigation-container .middle div:hover {\n background-color: var(--iconHoverBgColor);\n}\n\n.top-navigation-container .middle div svg {\n fill: var(--textColor);\n}\n\n.top-navigation-container button {\n text-transform: capitalize;\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n max-width: 120px !important;\n}\n\n.top-navigation-container .MuiGrid-item {\n padding-top: 0 !important;\n}\n\n.top-navigation-container .left {\n justify-content: flex-start !important;\n}\n\n.top-navigation-container .right {\n gap: 10px !important;\n}\n\n.top-navigation-container .actionsBtnWrapper {\n flex-wrap: wrap;\n justify-content: flex-end;\n align-items: center;\n display: flex;\n}\n\n.top-navigation-container .templateCreateBtn {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.polotno-panel-container {\n overflow-y: auto;\n}\n\n.polotno-panel-container .custom-template-section {\n display: \"flex\";\n flex-wrap: \"wrap\";\n overflow-y: \"scroll\";\n}\n\n.polotno-panel-container .custom-template-section .title span {\n color: #ed5c2f;\n font-size: 16px;\n font-weight: 600;\n}\n\n.polotno-panel-container .custom-template-section .default-design {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n display: flex;\n}\n\n.polotno-panel-container .custom-template-section .default-design p {\n color: #303030;\n margin-top: 5px;\n font-size: 12px;\n font-weight: 600;\n line-height: 14.52px;\n}\n\n.polotno-panel-container .custom-template-section .design-template {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n}\n\n.polotno-panel-container .custom-template-section .design-template img {\n object-fit: cover;\n width: 100%;\n height: 100%;\n}\n\n.dummy-image {\n padding: 85px;\n object-fit: fill !important;\n}\n\n.MuiTabs-indicator {\n background-color: #ed5c2f !important;\n}\n\n.templateTabsWrapper {\n background-color: var(--sidepanelBgColor) !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root {\n width: 15px;\n opacity: 1 !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root:hover svg {\n color: #ed5c2f !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root .Mui-disabled {\n opacity: 1 !important;\n}\n\n.noTemplateText {\n justify-content: center;\n align-items: center;\n height: 100%;\n min-height: 200px;\n display: flex;\n}\n\n.noTemplateText p {\n color: var(--textColor);\n font-size: 18px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.searchWrapper {\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n width: 100%;\n display: flex;\n position: relative;\n}\n\n.searchWrapper .searchInput {\n color: #000;\n background: #fff;\n border: .5px solid #44424180;\n border-radius: 3px;\n width: 514px;\n max-width: 520px;\n height: 40px;\n padding: 5px 20px;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.searchWrapper .searchInput:after, .searchWrapper .searchInput:before {\n display: none;\n}\n\n.searchWrapper .searchInput .searchIcon {\n color: #ed5c2f;\n position: relative;\n}\n\n.searchWrapper .searchInput .searchIcon:before {\n content: \"\";\n opacity: .5;\n background-color: #000;\n width: 1px;\n height: 90%;\n position: absolute;\n left: -5px;\n}\n\n.searchWrapper .searchApplied {\n background: #fff8ee;\n}\n\n.searchWrapper .searchApplied input {\n padding-right: 28px;\n}\n\n.searchWrapper .clearSerach {\n opacity: .6;\n cursor: pointer;\n font-size: 18px;\n position: absolute;\n top: 10px;\n right: 55px;\n}\n\n.basic-tooltip {\n text-align: center !important;\n color: #000 !important;\n opacity: 1 !important;\n background-color: #fff !important;\n width: 90% !important;\n max-width: fit-content !important;\n box-shadow: 0 0 12px #989595 !important;\n}\n\n.dynamic-icon {\n width: 20px;\n height: 20px;\n}\n\n.dynamic-content .dynamic-content__top {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin: 8px auto;\n display: flex;\n}\n\n.dynamic-content .dynamic-content__top .title {\n color: var(--primaryColor);\n margin-right: 5px;\n font-size: 16px;\n font-weight: 600;\n line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n cursor: pointer;\n width: 12px;\n height: 12px;\n}\n\n.dynamic-content .divider {\n color: #44424145;\n margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n border: .5px solid var(--customFieldBorderColor);\n text-align: center;\n color: var(--customFieldTextColor);\n border-radius: 3px;\n width: 100%;\n height: 35px;\n margin: 5px auto;\n line-height: 35px;\n}\n\n.dynamic-content .copy {\n fill: var(--customFieldCopySVGColor) !important;\n}\n\n@media (width <= 600px) {\n .polotno-container .builder-wrapper {\n display: none;\n }\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container {\n background-color: var(--sidepanelBgColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab {\n color: var(--sidepanelTextColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover {\n background-color: var(--sidepanelOptionHoverColor);\n opacity: .8;\n color: var(--sidepanelTextColorHover);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg {\n color: var(--primaryColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg path, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg path {\n fill: var(--primaryColor) !important;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container {\n background-color: var(--mainBackgroundColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container > div > p {\n display: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab-indicator-wrapper .bp5-tab-indicator {\n background-color: var(--primaryColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"] {\n color: var(--primaryColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"] {\n color: var(--textColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-workspace-container {\n background-color: #0000 !important;\n}\n\n.bp5-popover-transition-container {\n z-index: 2200 !important;\n}\n\n:root {\n --sb-track-color: #fff8ee;\n --sb-thumb-color: #ffdfc2;\n --primaryColor: #ed5c2f;\n --svgColor: #fdb515;\n --svgColorSecondary: #ed5c2f;\n --mainBackgroundColor: #fff;\n --textColor: #000;\n --productCardBgColor: #fff;\n --productCardBackgroundColorActive: #fff8ee;\n --postCardBgColor: #fff;\n --postCardBackgroundColorActive: #fff8ee;\n --postCardSVGColor: #fdecd3;\n --inputBgColor: #fff;\n --inputTextColor: #000;\n --inputBorderColor: #303030;\n --inputSearchAppliedBg: #fff8ee;\n --inputSearchIcon: #303030;\n --selectBgColor: transparent;\n --selectTextColor: #000;\n --selectBorderColor: #303030;\n --selectMenuBgColor: #fff;\n --selectOptionTextColor: #000;\n --selectOptionBorderColor: #5454544d;\n --selectOptionFocusedColor: #fff8ee;\n --selectOptionFocusedTextColor: #000;\n --selectOptionSelectedColor: #fff8ee;\n --selectOptionSelectedTextColor: #000;\n --selectOptionSelectedBg: #fff8ee;\n --topbarBgColor: #fff;\n --sidepanelBgColor: #fff;\n --sidepanelTextColor: #303030;\n --sidepanelSVGColor: #303030;\n --sidepanelSVGColorActive: #ed5c2f;\n --sidepanelOptionHoverColor: #fff8ee;\n --sidepanelTextColorHover: #ed5c2f;\n --customFieldBorderColor: #303030;\n --customFieldTextColor: #303030;\n --customFieldCopySVGColor: #303030;\n --cardBgColor: transparent;\n --cardTextColor: #000;\n --dialogModalBgColor: #fff8ee;\n --dialogModalHeadingColor: #ed5c2f;\n --dialogModalTextColor: #000;\n --dialogModalSVGColor: #ed5c2f;\n --borderColor: #00000080;\n --secondaryButtonBgColor: #fff;\n --secondaryButtonTextColor: #000;\n --primaryButtonBgColor: #ed5c2f;\n --primaryButtonTextColor: #fff;\n --iconHoverBgColor: #00000013;\n --footerBgColor: #fff;\n --red: red;\n}\n\n:root body {\n margin: 0;\n padding: 70px 0 0;\n font-family: Inter !important;\n}\n\n:root body::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body body {\n scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);\n }\n}\n\n:root body .bp5-navbar {\n color: var(--textColor);\n background-color: var(--mainBackgroundColor);\n z-index: auto !important;\n}\n\n:root body .bp5-navbar .bp5-card {\n color: var(--cardTextColor);\n background-color: var(--cardBgColor);\n}\n\n:root body .bp5-navbar .polotno-close-panel .bp5-button-text {\n color: var(--textColor);\n}\n\n:root body .bp5-navbar > div {\n border-bottom: 1px solid #1114181a !important;\n}\n\n:root body .go4160152499::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .go4160152499::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .go4160152499::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body .go4160152499 body, :root body .polotno-workspace-inner body, :root body .polotno-panel-container body, :root body .polotno-panel-container > div body, :root body .polotno-panel-container > div > div body, :root body .polotno-panel-container > div > div > div body {\n scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);\n }\n}\n"],"sourceRoot":""}]);
|
|
50375
50375
|
// Exports
|
|
50376
50376
|
/* harmony default export */ __webpack_exports__.A = (___CSS_LOADER_EXPORT___);
|
|
50377
50377
|
|
|
@@ -50521,146 +50521,6 @@ module.exports = function (item) {
|
|
|
50521
50521
|
return [content].join("\n");
|
|
50522
50522
|
};
|
|
50523
50523
|
|
|
50524
|
-
/***/ }),
|
|
50525
|
-
|
|
50526
|
-
/***/ 14744:
|
|
50527
|
-
/***/ (function(module) {
|
|
50528
|
-
|
|
50529
|
-
|
|
50530
|
-
|
|
50531
|
-
var isMergeableObject = function isMergeableObject(value) {
|
|
50532
|
-
return isNonNullObject(value)
|
|
50533
|
-
&& !isSpecial(value)
|
|
50534
|
-
};
|
|
50535
|
-
|
|
50536
|
-
function isNonNullObject(value) {
|
|
50537
|
-
return !!value && typeof value === 'object'
|
|
50538
|
-
}
|
|
50539
|
-
|
|
50540
|
-
function isSpecial(value) {
|
|
50541
|
-
var stringValue = Object.prototype.toString.call(value);
|
|
50542
|
-
|
|
50543
|
-
return stringValue === '[object RegExp]'
|
|
50544
|
-
|| stringValue === '[object Date]'
|
|
50545
|
-
|| isReactElement(value)
|
|
50546
|
-
}
|
|
50547
|
-
|
|
50548
|
-
// see https://github.com/facebook/react/blob/b5ac963fb791d1298e7f396236383bc955f916c1/src/isomorphic/classic/element/ReactElement.js#L21-L25
|
|
50549
|
-
var canUseSymbol = typeof Symbol === 'function' && Symbol.for;
|
|
50550
|
-
var REACT_ELEMENT_TYPE = canUseSymbol ? Symbol.for('react.element') : 0xeac7;
|
|
50551
|
-
|
|
50552
|
-
function isReactElement(value) {
|
|
50553
|
-
return value.$$typeof === REACT_ELEMENT_TYPE
|
|
50554
|
-
}
|
|
50555
|
-
|
|
50556
|
-
function emptyTarget(val) {
|
|
50557
|
-
return Array.isArray(val) ? [] : {}
|
|
50558
|
-
}
|
|
50559
|
-
|
|
50560
|
-
function cloneUnlessOtherwiseSpecified(value, options) {
|
|
50561
|
-
return (options.clone !== false && options.isMergeableObject(value))
|
|
50562
|
-
? deepmerge(emptyTarget(value), value, options)
|
|
50563
|
-
: value
|
|
50564
|
-
}
|
|
50565
|
-
|
|
50566
|
-
function defaultArrayMerge(target, source, options) {
|
|
50567
|
-
return target.concat(source).map(function(element) {
|
|
50568
|
-
return cloneUnlessOtherwiseSpecified(element, options)
|
|
50569
|
-
})
|
|
50570
|
-
}
|
|
50571
|
-
|
|
50572
|
-
function getMergeFunction(key, options) {
|
|
50573
|
-
if (!options.customMerge) {
|
|
50574
|
-
return deepmerge
|
|
50575
|
-
}
|
|
50576
|
-
var customMerge = options.customMerge(key);
|
|
50577
|
-
return typeof customMerge === 'function' ? customMerge : deepmerge
|
|
50578
|
-
}
|
|
50579
|
-
|
|
50580
|
-
function getEnumerableOwnPropertySymbols(target) {
|
|
50581
|
-
return Object.getOwnPropertySymbols
|
|
50582
|
-
? Object.getOwnPropertySymbols(target).filter(function(symbol) {
|
|
50583
|
-
return Object.propertyIsEnumerable.call(target, symbol)
|
|
50584
|
-
})
|
|
50585
|
-
: []
|
|
50586
|
-
}
|
|
50587
|
-
|
|
50588
|
-
function getKeys(target) {
|
|
50589
|
-
return Object.keys(target).concat(getEnumerableOwnPropertySymbols(target))
|
|
50590
|
-
}
|
|
50591
|
-
|
|
50592
|
-
function propertyIsOnObject(object, property) {
|
|
50593
|
-
try {
|
|
50594
|
-
return property in object
|
|
50595
|
-
} catch(_) {
|
|
50596
|
-
return false
|
|
50597
|
-
}
|
|
50598
|
-
}
|
|
50599
|
-
|
|
50600
|
-
// Protects from prototype poisoning and unexpected merging up the prototype chain.
|
|
50601
|
-
function propertyIsUnsafe(target, key) {
|
|
50602
|
-
return propertyIsOnObject(target, key) // Properties are safe to merge if they don't exist in the target yet,
|
|
50603
|
-
&& !(Object.hasOwnProperty.call(target, key) // unsafe if they exist up the prototype chain,
|
|
50604
|
-
&& Object.propertyIsEnumerable.call(target, key)) // and also unsafe if they're nonenumerable.
|
|
50605
|
-
}
|
|
50606
|
-
|
|
50607
|
-
function mergeObject(target, source, options) {
|
|
50608
|
-
var destination = {};
|
|
50609
|
-
if (options.isMergeableObject(target)) {
|
|
50610
|
-
getKeys(target).forEach(function(key) {
|
|
50611
|
-
destination[key] = cloneUnlessOtherwiseSpecified(target[key], options);
|
|
50612
|
-
});
|
|
50613
|
-
}
|
|
50614
|
-
getKeys(source).forEach(function(key) {
|
|
50615
|
-
if (propertyIsUnsafe(target, key)) {
|
|
50616
|
-
return
|
|
50617
|
-
}
|
|
50618
|
-
|
|
50619
|
-
if (propertyIsOnObject(target, key) && options.isMergeableObject(source[key])) {
|
|
50620
|
-
destination[key] = getMergeFunction(key, options)(target[key], source[key], options);
|
|
50621
|
-
} else {
|
|
50622
|
-
destination[key] = cloneUnlessOtherwiseSpecified(source[key], options);
|
|
50623
|
-
}
|
|
50624
|
-
});
|
|
50625
|
-
return destination
|
|
50626
|
-
}
|
|
50627
|
-
|
|
50628
|
-
function deepmerge(target, source, options) {
|
|
50629
|
-
options = options || {};
|
|
50630
|
-
options.arrayMerge = options.arrayMerge || defaultArrayMerge;
|
|
50631
|
-
options.isMergeableObject = options.isMergeableObject || isMergeableObject;
|
|
50632
|
-
// cloneUnlessOtherwiseSpecified is added to `options` so that custom arrayMerge()
|
|
50633
|
-
// implementations can use it. The caller may not replace it.
|
|
50634
|
-
options.cloneUnlessOtherwiseSpecified = cloneUnlessOtherwiseSpecified;
|
|
50635
|
-
|
|
50636
|
-
var sourceIsArray = Array.isArray(source);
|
|
50637
|
-
var targetIsArray = Array.isArray(target);
|
|
50638
|
-
var sourceAndTargetTypesMatch = sourceIsArray === targetIsArray;
|
|
50639
|
-
|
|
50640
|
-
if (!sourceAndTargetTypesMatch) {
|
|
50641
|
-
return cloneUnlessOtherwiseSpecified(source, options)
|
|
50642
|
-
} else if (sourceIsArray) {
|
|
50643
|
-
return options.arrayMerge(target, source, options)
|
|
50644
|
-
} else {
|
|
50645
|
-
return mergeObject(target, source, options)
|
|
50646
|
-
}
|
|
50647
|
-
}
|
|
50648
|
-
|
|
50649
|
-
deepmerge.all = function deepmergeAll(array, options) {
|
|
50650
|
-
if (!Array.isArray(array)) {
|
|
50651
|
-
throw new Error('first argument should be an array')
|
|
50652
|
-
}
|
|
50653
|
-
|
|
50654
|
-
return array.reduce(function(prev, next) {
|
|
50655
|
-
return deepmerge(prev, next, options)
|
|
50656
|
-
}, {})
|
|
50657
|
-
};
|
|
50658
|
-
|
|
50659
|
-
var deepmerge_1 = deepmerge;
|
|
50660
|
-
|
|
50661
|
-
module.exports = deepmerge_1;
|
|
50662
|
-
|
|
50663
|
-
|
|
50664
50524
|
/***/ }),
|
|
50665
50525
|
|
|
50666
50526
|
/***/ 30041:
|
|
@@ -128843,7 +128703,7 @@ if (inBrowser) {
|
|
|
128843
128703
|
|
|
128844
128704
|
|
|
128845
128705
|
|
|
128846
|
-
;// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/App.vue?vue&type=template&id=
|
|
128706
|
+
;// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/App.vue?vue&type=template&id=7b6fe92e
|
|
128847
128707
|
var render = function render() {
|
|
128848
128708
|
var _vm = this,
|
|
128849
128709
|
_c = _vm._self._c
|
|
@@ -128853,7 +128713,7 @@ var staticRenderFns = []
|
|
|
128853
128713
|
render._withStripped = true
|
|
128854
128714
|
|
|
128855
128715
|
|
|
128856
|
-
;// CONCATENATED MODULE: ./src/App.vue?vue&type=template&id=
|
|
128716
|
+
;// CONCATENATED MODULE: ./src/App.vue?vue&type=template&id=7b6fe92e
|
|
128857
128717
|
|
|
128858
128718
|
// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
|
|
128859
128719
|
var injectStylesIntoStyleTag = __webpack_require__(85072);
|
|
@@ -152467,8 +152327,6 @@ var toolbar = __webpack_require__(34395);
|
|
|
152467
152327
|
var zoom_buttons = __webpack_require__(45261);
|
|
152468
152328
|
// EXTERNAL MODULE: ./node_modules/polotno/canvas/workspace.js
|
|
152469
152329
|
var workspace = __webpack_require__(22532);
|
|
152470
|
-
// EXTERNAL MODULE: ./node_modules/deepmerge/dist/cjs.js
|
|
152471
|
-
var cjs = __webpack_require__(14744);
|
|
152472
152330
|
// EXTERNAL MODULE: ./node_modules/polotno/side-panel/index.js
|
|
152473
152331
|
var side_panel = __webpack_require__(28853);
|
|
152474
152332
|
// EXTERNAL MODULE: ./node_modules/mobx-react-lite/es/index.js + 13 modules
|
|
@@ -152541,7 +152399,6 @@ var react_tooltip_min_update = injectStylesIntoStyleTag_default()(react_tooltip_
|
|
|
152541
152399
|
|
|
152542
152400
|
|
|
152543
152401
|
|
|
152544
|
-
|
|
152545
152402
|
|
|
152546
152403
|
|
|
152547
152404
|
function $parcel$interopDefault(a) {
|
|
@@ -152550,21 +152407,6 @@ function $parcel$interopDefault(a) {
|
|
|
152550
152407
|
|
|
152551
152408
|
|
|
152552
152409
|
|
|
152553
|
-
let $717432aee8737b76$export$c34289b98f0a8d7e = null;
|
|
152554
|
-
let $717432aee8737b76$export$4208724c83d5f0fb = "test";
|
|
152555
|
-
const $717432aee8737b76$export$2cdf1b96a9f86d16 = (text)=>{
|
|
152556
|
-
navigator.clipboard.writeText(text).then(()=>{}).catch((err)=>{
|
|
152557
|
-
console.error("Failed to copy text: ", err);
|
|
152558
|
-
});
|
|
152559
|
-
};
|
|
152560
|
-
const $717432aee8737b76$export$d9a4753a02dc400b = (key)=>{
|
|
152561
|
-
$717432aee8737b76$export$c34289b98f0a8d7e = key;
|
|
152562
|
-
};
|
|
152563
|
-
const $717432aee8737b76$export$d4f039427a1beff1 = (mode)=>{
|
|
152564
|
-
$717432aee8737b76$export$4208724c83d5f0fb = mode;
|
|
152565
|
-
};
|
|
152566
|
-
|
|
152567
|
-
|
|
152568
152410
|
|
|
152569
152411
|
|
|
152570
152412
|
// redux/store.ts
|
|
@@ -152574,32 +152416,102 @@ const $717432aee8737b76$export$d4f039427a1beff1 = (mode)=>{
|
|
|
152574
152416
|
const $e496cac0faa1ff17$export$bcebd1097d6619a3 = "SET_SUCCESS_SNACKBAR";
|
|
152575
152417
|
const $e496cac0faa1ff17$export$be1c2eafe8725e5f = "SET_ERROR_SNACKBAR";
|
|
152576
152418
|
const $e496cac0faa1ff17$export$5a5bdcd828e4c856 = "CLEAR_SNACKBAR";
|
|
152577
|
-
const $e496cac0faa1ff17$export$ebf28b1973acc9c9 = "SET_DYNAMIC_FIELD_VALUE";
|
|
152578
|
-
const $e496cac0faa1ff17$export$b3418338f233ff38 = "SET_DYNAMIC_FIELDS";
|
|
152579
|
-
const $e496cac0faa1ff17$export$d32d7422d8de504b = "UPDATE_DYNAMIC_FIELDS";
|
|
152580
|
-
const $e496cac0faa1ff17$export$c3605152881f7668 = "UPDATE_CONTACT_FIELDS";
|
|
152581
|
-
const $e496cac0faa1ff17$export$2926723538c2ec9c = "REMOVE_FROM_DYNAMIC_FIELDS";
|
|
152582
|
-
const $e496cac0faa1ff17$export$36e57b25571caec5 = "GET_PRODUCTS";
|
|
152583
|
-
const $e496cac0faa1ff17$export$b8d9d88a40b670c6 = "CLEAR_DYNAMIC_FIELDS";
|
|
152584
|
-
const $e496cac0faa1ff17$export$11ec03a468ece532 = "CLEAR_FIELDS";
|
|
152585
|
-
const $e496cac0faa1ff17$export$b4c0bf6364ed222c = "GET_ALL_TEMPLATES";
|
|
152586
152419
|
const $e496cac0faa1ff17$export$1c6648626b31f20d = "GET_ONE_TEMPLATE";
|
|
152587
152420
|
const $e496cac0faa1ff17$export$a3d810d0d7a98880 = "TEMPLATE_LOADING";
|
|
152588
152421
|
const $e496cac0faa1ff17$export$eb7fa4eb60116c93 = "TEMPLATE_PAGINATION_CHANGE";
|
|
152589
152422
|
const $e496cac0faa1ff17$export$1aa600adfd3dface = "TEMPLATE_SEARCH";
|
|
152590
152423
|
const $e496cac0faa1ff17$export$4510d670c403c89e = "CLEAR_ALL_TEMPLATE";
|
|
152591
152424
|
const $e496cac0faa1ff17$export$b3e9fd1c7999b338 = "CLEAR_TEMPLATE_FIELDS";
|
|
152592
|
-
const $e496cac0faa1ff17$export$5d20dfdd85a45640 = "GET_DYNAMIC_FIELDS_FROM_SERVER";
|
|
152593
152425
|
const $e496cac0faa1ff17$export$900a7683e99e6e7a = "LOAD_DATA_FROM_LOCAL_STORAGE";
|
|
152594
152426
|
const $e496cac0faa1ff17$export$71c26416d85db4e1 = "CLEAR_TEMPLATE";
|
|
152595
152427
|
const $e496cac0faa1ff17$export$297d4370f10479f0 = "SELECT_PRODUCT";
|
|
152596
152428
|
const $e496cac0faa1ff17$export$81c9af5ba79ed4c2 = "SELECT_POSTCARD";
|
|
152597
|
-
const $e496cac0faa1ff17$export$
|
|
152598
|
-
const $e496cac0faa1ff17$export$4583ff6949fe7604 = "SET_PRODUCT_DETAILS";
|
|
152599
|
-
const $e496cac0faa1ff17$export$f86cce6474279510 = "SET_PRODUCTS_DATA";
|
|
152429
|
+
const $e496cac0faa1ff17$export$958a4de996e717f9 = "SET_CUSTOM_FIELDS";
|
|
152600
152430
|
const $e496cac0faa1ff17$export$f632fb3a4986e34d = "CLEAR_REDUX";
|
|
152601
|
-
|
|
152602
|
-
|
|
152431
|
+
|
|
152432
|
+
|
|
152433
|
+
const $d60d8816d76b2b02$export$92e44ea1079b9ec6 = [
|
|
152434
|
+
{
|
|
152435
|
+
id: "9",
|
|
152436
|
+
productType: "Bi-Fold Self-Mailers",
|
|
152437
|
+
size: [
|
|
152438
|
+
{
|
|
152439
|
+
id: "9",
|
|
152440
|
+
size: "6x18"
|
|
152441
|
+
}
|
|
152442
|
+
]
|
|
152443
|
+
},
|
|
152444
|
+
{
|
|
152445
|
+
id: "5",
|
|
152446
|
+
productType: "Personal Letters",
|
|
152447
|
+
size: [
|
|
152448
|
+
{
|
|
152449
|
+
id: "5",
|
|
152450
|
+
size: "8.5x5.5"
|
|
152451
|
+
}
|
|
152452
|
+
]
|
|
152453
|
+
},
|
|
152454
|
+
{
|
|
152455
|
+
id: "13",
|
|
152456
|
+
productType: "Postcards",
|
|
152457
|
+
size: [
|
|
152458
|
+
{
|
|
152459
|
+
id: "13",
|
|
152460
|
+
size: "4x6"
|
|
152461
|
+
},
|
|
152462
|
+
{
|
|
152463
|
+
id: "15",
|
|
152464
|
+
size: "6x11"
|
|
152465
|
+
},
|
|
152466
|
+
{
|
|
152467
|
+
id: "14",
|
|
152468
|
+
size: "6x9"
|
|
152469
|
+
}
|
|
152470
|
+
]
|
|
152471
|
+
},
|
|
152472
|
+
{
|
|
152473
|
+
id: "16",
|
|
152474
|
+
productType: "Real Penned Letter",
|
|
152475
|
+
size: [
|
|
152476
|
+
{
|
|
152477
|
+
id: "16",
|
|
152478
|
+
size: "8.5x5.5"
|
|
152479
|
+
}
|
|
152480
|
+
]
|
|
152481
|
+
},
|
|
152482
|
+
{
|
|
152483
|
+
id: "11",
|
|
152484
|
+
productType: "Tri-Fold Self-Mailers",
|
|
152485
|
+
size: [
|
|
152486
|
+
{
|
|
152487
|
+
id: "11",
|
|
152488
|
+
size: "12x9"
|
|
152489
|
+
}
|
|
152490
|
+
]
|
|
152491
|
+
},
|
|
152492
|
+
{
|
|
152493
|
+
id: "2",
|
|
152494
|
+
productType: "Professional Letters",
|
|
152495
|
+
size: [
|
|
152496
|
+
{
|
|
152497
|
+
id: "2",
|
|
152498
|
+
size: "11x8.5"
|
|
152499
|
+
}
|
|
152500
|
+
],
|
|
152501
|
+
windowed: true
|
|
152502
|
+
},
|
|
152503
|
+
{
|
|
152504
|
+
id: "4",
|
|
152505
|
+
productType: "Professional Letters",
|
|
152506
|
+
size: [
|
|
152507
|
+
{
|
|
152508
|
+
id: "4",
|
|
152509
|
+
size: "11x8.5"
|
|
152510
|
+
}
|
|
152511
|
+
],
|
|
152512
|
+
windowed: false
|
|
152513
|
+
}
|
|
152514
|
+
];
|
|
152603
152515
|
|
|
152604
152516
|
|
|
152605
152517
|
const $65bf2ecf319e656d$var$initialState = {
|
|
@@ -152721,7 +152633,7 @@ const $65bf2ecf319e656d$var$initialState = {
|
|
|
152721
152633
|
defaultValue: "johndoe@gmail.com"
|
|
152722
152634
|
}
|
|
152723
152635
|
],
|
|
152724
|
-
products:
|
|
152636
|
+
products: (0, $d60d8816d76b2b02$export$92e44ea1079b9ec6),
|
|
152725
152637
|
productDetailByTemplate: [],
|
|
152726
152638
|
templates: {
|
|
152727
152639
|
count: 0,
|
|
@@ -152752,38 +152664,6 @@ const $65bf2ecf319e656d$var$initialState = {
|
|
|
152752
152664
|
// @ts-ignore
|
|
152753
152665
|
const $65bf2ecf319e656d$export$31b16dea7c94293 = (state = $65bf2ecf319e656d$var$initialState, { type: type, payload: payload })=>{
|
|
152754
152666
|
switch(type){
|
|
152755
|
-
case 0, $e496cac0faa1ff17$export$ebf28b1973acc9c9:
|
|
152756
|
-
return {
|
|
152757
|
-
...state,
|
|
152758
|
-
dynamicField: payload.value
|
|
152759
|
-
};
|
|
152760
|
-
case 0, $e496cac0faa1ff17$export$b3418338f233ff38:
|
|
152761
|
-
return {
|
|
152762
|
-
...state,
|
|
152763
|
-
dynamicFields: {
|
|
152764
|
-
...state.dynamicFields,
|
|
152765
|
-
[state.dynamicField]: {
|
|
152766
|
-
value: state.dynamicField,
|
|
152767
|
-
key: `{{${state.dynamicField.replace(/ /g, "_").toUpperCase()}}}`,
|
|
152768
|
-
defaultValue: `[${state.dynamicField}]`
|
|
152769
|
-
}
|
|
152770
|
-
},
|
|
152771
|
-
dynamicField: ""
|
|
152772
|
-
};
|
|
152773
|
-
case 0, $e496cac0faa1ff17$export$2926723538c2ec9c:
|
|
152774
|
-
const dynamicFields = {
|
|
152775
|
-
...state.dynamicFields
|
|
152776
|
-
};
|
|
152777
|
-
delete dynamicFields[payload.value];
|
|
152778
|
-
return {
|
|
152779
|
-
...state,
|
|
152780
|
-
dynamicFields: dynamicFields
|
|
152781
|
-
};
|
|
152782
|
-
case 0, $e496cac0faa1ff17$export$36e57b25571caec5:
|
|
152783
|
-
return {
|
|
152784
|
-
...state,
|
|
152785
|
-
products: payload.products
|
|
152786
|
-
};
|
|
152787
152667
|
case 0, $e496cac0faa1ff17$export$1c6648626b31f20d:
|
|
152788
152668
|
return {
|
|
152789
152669
|
...state,
|
|
@@ -152836,10 +152716,6 @@ const $65bf2ecf319e656d$export$31b16dea7c94293 = (state = $65bf2ecf319e656d$var$
|
|
|
152836
152716
|
productType: payload.productType
|
|
152837
152717
|
}
|
|
152838
152718
|
};
|
|
152839
|
-
case 0, $e496cac0faa1ff17$export$b8d9d88a40b670c6:
|
|
152840
|
-
return $65bf2ecf319e656d$var$initialState;
|
|
152841
|
-
case 0, $e496cac0faa1ff17$export$11ec03a468ece532:
|
|
152842
|
-
return $65bf2ecf319e656d$var$initialState;
|
|
152843
152719
|
case 0, $e496cac0faa1ff17$export$4510d670c403c89e:
|
|
152844
152720
|
return {
|
|
152845
152721
|
...state,
|
|
@@ -152857,16 +152733,6 @@ const $65bf2ecf319e656d$export$31b16dea7c94293 = (state = $65bf2ecf319e656d$var$
|
|
|
152857
152733
|
templateType: "json",
|
|
152858
152734
|
envelopeType: ""
|
|
152859
152735
|
};
|
|
152860
|
-
case 0, $e496cac0faa1ff17$export$5d20dfdd85a45640:
|
|
152861
|
-
return {
|
|
152862
|
-
...state,
|
|
152863
|
-
dynamicFields: payload.data
|
|
152864
|
-
};
|
|
152865
|
-
case 0, $e496cac0faa1ff17$export$4583ff6949fe7604:
|
|
152866
|
-
return {
|
|
152867
|
-
...state,
|
|
152868
|
-
productDetailByTemplate: payload
|
|
152869
|
-
};
|
|
152870
152736
|
case 0, $e496cac0faa1ff17$export$900a7683e99e6e7a:
|
|
152871
152737
|
return {
|
|
152872
152738
|
...state,
|
|
@@ -152884,105 +152750,6 @@ const $65bf2ecf319e656d$export$31b16dea7c94293 = (state = $65bf2ecf319e656d$var$
|
|
|
152884
152750
|
|
|
152885
152751
|
|
|
152886
152752
|
|
|
152887
|
-
const $f081c02ac731d950$var$API_BASE_URL = (0, $717432aee8737b76$export$4208724c83d5f0fb) === "test" ? "https://stageapi.openletterconnect.com/api/v1" : "https://stageapi.openletterconnect.com/api/v1";
|
|
152888
|
-
const $f081c02ac731d950$var$getHeaders = (additionalHeaders = {})=>({
|
|
152889
|
-
"Authorization": `Bearer ${0, $717432aee8737b76$export$c34289b98f0a8d7e}`,
|
|
152890
|
-
"Content-Type": "application/json",
|
|
152891
|
-
"Accept": "application/json",
|
|
152892
|
-
...additionalHeaders
|
|
152893
|
-
});
|
|
152894
|
-
const $f081c02ac731d950$var$fetchWrapper = async (endpoint, options)=>{
|
|
152895
|
-
const url = new URL(`${$f081c02ac731d950$var$API_BASE_URL}/${endpoint}`);
|
|
152896
|
-
if (options.method === "GET" && options.params) Object.entries(options.params).forEach(([key, value])=>{
|
|
152897
|
-
url.searchParams.append(key, value);
|
|
152898
|
-
});
|
|
152899
|
-
const fetchOptions = {
|
|
152900
|
-
method: options.method,
|
|
152901
|
-
headers: $f081c02ac731d950$var$getHeaders(options.headers)
|
|
152902
|
-
};
|
|
152903
|
-
if (options.method !== "GET" && options.body) fetchOptions.body = JSON.stringify(options.body);
|
|
152904
|
-
// Add body to fetchOptions if present
|
|
152905
|
-
if (options.body) {
|
|
152906
|
-
if (options.body instanceof FormData) {
|
|
152907
|
-
fetchOptions.body = options.body;
|
|
152908
|
-
// @ts-ignore
|
|
152909
|
-
delete fetchOptions?.headers["Content-Type"];
|
|
152910
|
-
} else fetchOptions.headers = $f081c02ac731d950$var$getHeaders(options.headers);
|
|
152911
|
-
}
|
|
152912
|
-
try {
|
|
152913
|
-
const response = await fetch(url.toString(), fetchOptions);
|
|
152914
|
-
if (!response.ok) {
|
|
152915
|
-
const errorData = await response.json();
|
|
152916
|
-
throw new Error(errorData.message || "An error occurred");
|
|
152917
|
-
}
|
|
152918
|
-
if (response.status === 204) return null;
|
|
152919
|
-
const data = await response.json();
|
|
152920
|
-
return {
|
|
152921
|
-
status: response.status,
|
|
152922
|
-
data: data
|
|
152923
|
-
};
|
|
152924
|
-
} catch (error) {
|
|
152925
|
-
return error;
|
|
152926
|
-
}
|
|
152927
|
-
};
|
|
152928
|
-
var $f081c02ac731d950$export$2e2bcd8739ae039 = $f081c02ac731d950$var$fetchWrapper;
|
|
152929
|
-
|
|
152930
|
-
|
|
152931
|
-
const $77d971be1e6bcd7c$export$3988ae62b71be9a3 = async (endpoint, params)=>{
|
|
152932
|
-
return await (0, $f081c02ac731d950$export$2e2bcd8739ae039)(endpoint, {
|
|
152933
|
-
method: "GET",
|
|
152934
|
-
params: params
|
|
152935
|
-
});
|
|
152936
|
-
};
|
|
152937
|
-
const $77d971be1e6bcd7c$export$299ba2dee77727e9 = async (endpoint, body)=>{
|
|
152938
|
-
return await (0, $f081c02ac731d950$export$2e2bcd8739ae039)(endpoint, {
|
|
152939
|
-
method: "POST",
|
|
152940
|
-
body: body
|
|
152941
|
-
});
|
|
152942
|
-
};
|
|
152943
|
-
const $77d971be1e6bcd7c$export$327f7b26ebf455db = async (endpoint, body)=>{
|
|
152944
|
-
return await (0, $f081c02ac731d950$export$2e2bcd8739ae039)(endpoint, {
|
|
152945
|
-
method: "PUT",
|
|
152946
|
-
body: body
|
|
152947
|
-
});
|
|
152948
|
-
};
|
|
152949
|
-
const $77d971be1e6bcd7c$export$b76953f99ab2be78 = async (endpoint, body)=>{
|
|
152950
|
-
return await (0, $f081c02ac731d950$export$2e2bcd8739ae039)(endpoint, {
|
|
152951
|
-
method: "PATCH",
|
|
152952
|
-
body: body
|
|
152953
|
-
});
|
|
152954
|
-
};
|
|
152955
|
-
const $77d971be1e6bcd7c$export$1d2f21e549771e67 = async (endpoint, params)=>{
|
|
152956
|
-
return await (0, $f081c02ac731d950$export$2e2bcd8739ae039)(endpoint, {
|
|
152957
|
-
method: "DELETE",
|
|
152958
|
-
params: params
|
|
152959
|
-
});
|
|
152960
|
-
};
|
|
152961
|
-
|
|
152962
|
-
|
|
152963
|
-
const $fd172ef7ff2a62aa$export$8b34c135fc61d0f9 = "FETCH_CUSTOM_FIELDS_REQUEST";
|
|
152964
|
-
const $fd172ef7ff2a62aa$export$958a4de996e717f9 = "SET_CUSTOM_FIELDS";
|
|
152965
|
-
const $fd172ef7ff2a62aa$var$fetchCustomFieldsRequest = ()=>({
|
|
152966
|
-
type: $fd172ef7ff2a62aa$export$8b34c135fc61d0f9
|
|
152967
|
-
});
|
|
152968
|
-
const $fd172ef7ff2a62aa$var$fetchCustomFieldsSuccess = (fields)=>({
|
|
152969
|
-
type: $fd172ef7ff2a62aa$export$958a4de996e717f9,
|
|
152970
|
-
payload: fields
|
|
152971
|
-
});
|
|
152972
|
-
const $fd172ef7ff2a62aa$export$589e3572fd16e923 = ()=>{
|
|
152973
|
-
return async (dispatch)=>{
|
|
152974
|
-
dispatch($fd172ef7ff2a62aa$var$fetchCustomFieldsRequest());
|
|
152975
|
-
try {
|
|
152976
|
-
const response = await (0, $77d971be1e6bcd7c$export$3988ae62b71be9a3)("custom-fields");
|
|
152977
|
-
// @ts-ignore
|
|
152978
|
-
dispatch($fd172ef7ff2a62aa$var$fetchCustomFieldsSuccess(response?.data));
|
|
152979
|
-
} catch (error) {
|
|
152980
|
-
console.error("Failed to fetch custom fields:", error);
|
|
152981
|
-
}
|
|
152982
|
-
};
|
|
152983
|
-
};
|
|
152984
|
-
|
|
152985
|
-
|
|
152986
152753
|
const $8ff7322b52eb864f$var$initialState = {
|
|
152987
152754
|
customFields: [],
|
|
152988
152755
|
defaultDynamicFields: [
|
|
@@ -153041,22 +152808,13 @@ const $8ff7322b52eb864f$var$initialState = {
|
|
|
153041
152808
|
key: "{{C.EMAIL}}",
|
|
153042
152809
|
defaultValue: "johndoe@gmail.com"
|
|
153043
152810
|
}
|
|
153044
|
-
]
|
|
153045
|
-
loading: false,
|
|
153046
|
-
error: null
|
|
152811
|
+
]
|
|
153047
152812
|
};
|
|
153048
152813
|
const $8ff7322b52eb864f$export$a0d06350fe28ec97 = (state = $8ff7322b52eb864f$var$initialState, action)=>{
|
|
153049
152814
|
switch(action.type){
|
|
153050
|
-
case 0, $
|
|
153051
|
-
return {
|
|
153052
|
-
...state,
|
|
153053
|
-
loading: true,
|
|
153054
|
-
error: null
|
|
153055
|
-
};
|
|
153056
|
-
case 0, $fd172ef7ff2a62aa$export$958a4de996e717f9:
|
|
152815
|
+
case 0, $e496cac0faa1ff17$export$958a4de996e717f9:
|
|
153057
152816
|
return {
|
|
153058
152817
|
...state,
|
|
153059
|
-
loading: false,
|
|
153060
152818
|
customFields: action.payload
|
|
153061
152819
|
};
|
|
153062
152820
|
default:
|
|
@@ -153065,6 +152823,7 @@ const $8ff7322b52eb864f$export$a0d06350fe28ec97 = (state = $8ff7322b52eb864f$var
|
|
|
153065
152823
|
};
|
|
153066
152824
|
|
|
153067
152825
|
|
|
152826
|
+
//Actions
|
|
153068
152827
|
|
|
153069
152828
|
const $3c96dc3274620372$var$initialState = {
|
|
153070
152829
|
snackbar: {
|
|
@@ -153140,6 +152899,112 @@ var $ad568a7ac4136873$export$2e2bcd8739ae039 = $ad568a7ac4136873$var$store;
|
|
|
153140
152899
|
|
|
153141
152900
|
|
|
153142
152901
|
|
|
152902
|
+
const $7ad22e5ca6c288ca$export$c3ee1e672e1e24e7 = "https://api.openletterconnect.com/api/v1";
|
|
152903
|
+
const $7ad22e5ca6c288ca$export$6032165a31897610 = 96;
|
|
152904
|
+
const $7ad22e5ca6c288ca$export$882f44a34ce19ae0 = "https://api.openletterconnect.com/api/v1/download/s3/openletterconnect/assets/preview/one-barcode.png";
|
|
152905
|
+
const $7ad22e5ca6c288ca$export$b14103b5b94712c4 = "https://help.openletterconnect.com/getting-support/designing-your-mailers/wip-designing-mail-creatives/wip-mail-piece-design-specs";
|
|
152906
|
+
const $7ad22e5ca6c288ca$export$3e994a540f8ee57 = [
|
|
152907
|
+
"Postcards",
|
|
152908
|
+
"Tri-Fold Self-Mailers",
|
|
152909
|
+
"Bi-Fold Self-Mailers"
|
|
152910
|
+
];
|
|
152911
|
+
const $7ad22e5ca6c288ca$export$d30c048b3f9a13c1 = [
|
|
152912
|
+
{
|
|
152913
|
+
id: "1",
|
|
152914
|
+
label: "My Templates"
|
|
152915
|
+
},
|
|
152916
|
+
{
|
|
152917
|
+
id: "2",
|
|
152918
|
+
label: "Team Templates"
|
|
152919
|
+
},
|
|
152920
|
+
{
|
|
152921
|
+
id: "3",
|
|
152922
|
+
label: "OLC Templates"
|
|
152923
|
+
}
|
|
152924
|
+
];
|
|
152925
|
+
const $7ad22e5ca6c288ca$export$e75e577b199ead61 = [
|
|
152926
|
+
"Postcards",
|
|
152927
|
+
"Personal Letters",
|
|
152928
|
+
"Professional Letters",
|
|
152929
|
+
"Bi-Fold Self-Mailers",
|
|
152930
|
+
"Tri-Fold Self-Mailers",
|
|
152931
|
+
"Real Penned Letter"
|
|
152932
|
+
];
|
|
152933
|
+
|
|
152934
|
+
|
|
152935
|
+
const $f081c02ac731d950$var$getHeaders = (additionalHeaders = {})=>({
|
|
152936
|
+
"Content-Type": "application/json",
|
|
152937
|
+
"Accept": "application/json",
|
|
152938
|
+
...additionalHeaders
|
|
152939
|
+
});
|
|
152940
|
+
const $f081c02ac731d950$var$fetchWrapper = async (endpoint, options)=>{
|
|
152941
|
+
const url = new URL(`${(0, $7ad22e5ca6c288ca$export$c3ee1e672e1e24e7)}/${endpoint}`);
|
|
152942
|
+
if (options.method === "GET" && options.params) Object.entries(options.params).forEach(([key, value])=>{
|
|
152943
|
+
url.searchParams.append(key, value);
|
|
152944
|
+
});
|
|
152945
|
+
const fetchOptions = {
|
|
152946
|
+
method: options.method,
|
|
152947
|
+
headers: $f081c02ac731d950$var$getHeaders(options.headers)
|
|
152948
|
+
};
|
|
152949
|
+
if (options.method !== "GET" && options.body) fetchOptions.body = JSON.stringify(options.body);
|
|
152950
|
+
// Add body to fetchOptions if present
|
|
152951
|
+
if (options.body) {
|
|
152952
|
+
if (options.body instanceof FormData) {
|
|
152953
|
+
fetchOptions.body = options.body;
|
|
152954
|
+
// @ts-ignore
|
|
152955
|
+
delete fetchOptions?.headers["Content-Type"];
|
|
152956
|
+
} else fetchOptions.headers = $f081c02ac731d950$var$getHeaders(options.headers);
|
|
152957
|
+
}
|
|
152958
|
+
try {
|
|
152959
|
+
const response = await fetch(url.toString(), fetchOptions);
|
|
152960
|
+
if (!response.ok) {
|
|
152961
|
+
const errorData = await response.json();
|
|
152962
|
+
throw new Error(errorData.message || "An error occurred");
|
|
152963
|
+
}
|
|
152964
|
+
if (response.status === 204) return null;
|
|
152965
|
+
const data = await response.json();
|
|
152966
|
+
return {
|
|
152967
|
+
status: response.status,
|
|
152968
|
+
data: data
|
|
152969
|
+
};
|
|
152970
|
+
} catch (error) {
|
|
152971
|
+
return error;
|
|
152972
|
+
}
|
|
152973
|
+
};
|
|
152974
|
+
var $f081c02ac731d950$export$2e2bcd8739ae039 = $f081c02ac731d950$var$fetchWrapper;
|
|
152975
|
+
|
|
152976
|
+
|
|
152977
|
+
const $77d971be1e6bcd7c$export$3988ae62b71be9a3 = async (endpoint, params)=>{
|
|
152978
|
+
return await (0, $f081c02ac731d950$export$2e2bcd8739ae039)(endpoint, {
|
|
152979
|
+
method: "GET",
|
|
152980
|
+
params: params
|
|
152981
|
+
});
|
|
152982
|
+
};
|
|
152983
|
+
const $77d971be1e6bcd7c$export$299ba2dee77727e9 = async (endpoint, body)=>{
|
|
152984
|
+
return await (0, $f081c02ac731d950$export$2e2bcd8739ae039)(endpoint, {
|
|
152985
|
+
method: "POST",
|
|
152986
|
+
body: body
|
|
152987
|
+
});
|
|
152988
|
+
};
|
|
152989
|
+
const $77d971be1e6bcd7c$export$327f7b26ebf455db = async (endpoint, body)=>{
|
|
152990
|
+
return await (0, $f081c02ac731d950$export$2e2bcd8739ae039)(endpoint, {
|
|
152991
|
+
method: "PUT",
|
|
152992
|
+
body: body
|
|
152993
|
+
});
|
|
152994
|
+
};
|
|
152995
|
+
const $77d971be1e6bcd7c$export$b76953f99ab2be78 = async (endpoint, body)=>{
|
|
152996
|
+
return await (0, $f081c02ac731d950$export$2e2bcd8739ae039)(endpoint, {
|
|
152997
|
+
method: "PATCH",
|
|
152998
|
+
body: body
|
|
152999
|
+
});
|
|
153000
|
+
};
|
|
153001
|
+
const $77d971be1e6bcd7c$export$1d2f21e549771e67 = async (endpoint, params)=>{
|
|
153002
|
+
return await (0, $f081c02ac731d950$export$2e2bcd8739ae039)(endpoint, {
|
|
153003
|
+
method: "DELETE",
|
|
153004
|
+
params: params
|
|
153005
|
+
});
|
|
153006
|
+
};
|
|
153007
|
+
|
|
153143
153008
|
|
|
153144
153009
|
|
|
153145
153010
|
/**
|
|
@@ -153206,123 +153071,6 @@ var $ad568a7ac4136873$export$2e2bcd8739ae039 = $ad568a7ac4136873$var$store;
|
|
|
153206
153071
|
return error.response;
|
|
153207
153072
|
}
|
|
153208
153073
|
};
|
|
153209
|
-
/**
|
|
153210
|
-
* Deletes a template by its ID.
|
|
153211
|
-
*
|
|
153212
|
-
* @param {string} id - The unique identifier of the template to delete.
|
|
153213
|
-
* @returns {Promise<any>} A Promise that resolves to the response indicating
|
|
153214
|
-
* the success of the template deletion, or rejects
|
|
153215
|
-
* with an error response in case of failure.
|
|
153216
|
-
*
|
|
153217
|
-
* @throws {Error} If the request to delete the template fails.
|
|
153218
|
-
*/ const $dbaee5ca78364d67$export$eaca1c6e4717fe30 = async (id)=>{
|
|
153219
|
-
try {
|
|
153220
|
-
const response = await (0, $77d971be1e6bcd7c$export$1d2f21e549771e67)(`templates/${id}`);
|
|
153221
|
-
return response;
|
|
153222
|
-
} catch (error) {
|
|
153223
|
-
return error.response;
|
|
153224
|
-
}
|
|
153225
|
-
};
|
|
153226
|
-
/**
|
|
153227
|
-
* Retrieves the view proof for a template with the given ID.
|
|
153228
|
-
*
|
|
153229
|
-
* @param {string} id - The ID of the template for which the view proof is requested.
|
|
153230
|
-
* @returns {Promise<object>} - The response object from the GET request, containing the view proof for the template with the given ID.
|
|
153231
|
-
* @throws {object} - The error response if there is an error.
|
|
153232
|
-
*/ const $dbaee5ca78364d67$export$cedd210ce947201d = async (id)=>{
|
|
153233
|
-
try {
|
|
153234
|
-
const response = await (0, $77d971be1e6bcd7c$export$3988ae62b71be9a3)(`templates/${id}/view-proof`);
|
|
153235
|
-
return response;
|
|
153236
|
-
} catch (error) {
|
|
153237
|
-
return error.response;
|
|
153238
|
-
}
|
|
153239
|
-
};
|
|
153240
|
-
/**
|
|
153241
|
-
* Duplicates a template by its ID.
|
|
153242
|
-
*
|
|
153243
|
-
* @param {string} id - The unique identifier of the template to duplicate.
|
|
153244
|
-
* @param {Object} data - Additional data to be sent with the duplicate request.
|
|
153245
|
-
* @returns {Promise<any>} A Promise that resolves to the response containing information
|
|
153246
|
-
* about the duplicated template, or rejects with an error response
|
|
153247
|
-
* in case of failure.
|
|
153248
|
-
*
|
|
153249
|
-
* @throws {Error} If the request to duplicate the template fails.
|
|
153250
|
-
*/ const $dbaee5ca78364d67$export$37990eaa634d7ac9 = async (id, data)=>{
|
|
153251
|
-
try {
|
|
153252
|
-
const response = await (0, $77d971be1e6bcd7c$export$299ba2dee77727e9)(`templates/${id}/duplicate`, data);
|
|
153253
|
-
return response;
|
|
153254
|
-
} catch (error) {
|
|
153255
|
-
return error.response;
|
|
153256
|
-
}
|
|
153257
|
-
};
|
|
153258
|
-
/**
|
|
153259
|
-
* Fetches products and dispatches an action with the product data to the Redux store.
|
|
153260
|
-
*
|
|
153261
|
-
* @param {Function} dispatch - The dispatch function from the Redux store.
|
|
153262
|
-
* @returns {Promise<void>} A Promise that resolves after dispatching the action,
|
|
153263
|
-
* or rejects if there is an error fetching the products.
|
|
153264
|
-
*
|
|
153265
|
-
* @throws {Error} If there is an error fetching the products.
|
|
153266
|
-
*/ const $dbaee5ca78364d67$export$f2012bafb0501902 = ()=>async (dispatch)=>{
|
|
153267
|
-
try {
|
|
153268
|
-
const response = await (0, $77d971be1e6bcd7c$export$3988ae62b71be9a3)("products/types");
|
|
153269
|
-
dispatch({
|
|
153270
|
-
type: (0, $e496cac0faa1ff17$export$36e57b25571caec5),
|
|
153271
|
-
// @ts-ignore
|
|
153272
|
-
payload: {
|
|
153273
|
-
products: response?.data?.data
|
|
153274
|
-
}
|
|
153275
|
-
});
|
|
153276
|
-
} catch (error) {
|
|
153277
|
-
console.error(error);
|
|
153278
|
-
}
|
|
153279
|
-
};
|
|
153280
|
-
/**
|
|
153281
|
-
* Fetches custom fields and dispatches an action with the custom fields data to the Redux store.
|
|
153282
|
-
*
|
|
153283
|
-
* @param {Function} dispatch - The dispatch function from the Redux store.
|
|
153284
|
-
* @returns {Promise<void>} A Promise that resolves after dispatching the action,
|
|
153285
|
-
* or rejects if there is an error fetching the custom fields.
|
|
153286
|
-
*
|
|
153287
|
-
* @throws {Error} If there is an error fetching the custom fields.
|
|
153288
|
-
*/ const $dbaee5ca78364d67$export$d1dae38ad825de2e = ()=>async (dispatch)=>{
|
|
153289
|
-
try {
|
|
153290
|
-
const response = await (0, $77d971be1e6bcd7c$export$3988ae62b71be9a3)("custom-fields");
|
|
153291
|
-
if (response?.status === 200) {
|
|
153292
|
-
const data = response?.data?.data.reduce((acc, curr)=>{
|
|
153293
|
-
acc[curr.key.replace(/{{|}}/g, "")] = curr;
|
|
153294
|
-
return acc;
|
|
153295
|
-
}, {});
|
|
153296
|
-
dispatch({
|
|
153297
|
-
type: (0, $e496cac0faa1ff17$export$5d20dfdd85a45640),
|
|
153298
|
-
payload: {
|
|
153299
|
-
data: data
|
|
153300
|
-
}
|
|
153301
|
-
});
|
|
153302
|
-
}
|
|
153303
|
-
} catch (error) {
|
|
153304
|
-
return error.response;
|
|
153305
|
-
}
|
|
153306
|
-
};
|
|
153307
|
-
/**
|
|
153308
|
-
* Fetches product details and dispatches an action with the product details data to the Redux store.
|
|
153309
|
-
*
|
|
153310
|
-
* @param {object} payload - The payload containing the product details.
|
|
153311
|
-
* @returns {Promise<void>} A Promise that resolves after dispatching the action,
|
|
153312
|
-
* or rejects if there is an error fetching the product details.
|
|
153313
|
-
*
|
|
153314
|
-
* @throws {Error} If there is an error fetching the product details.
|
|
153315
|
-
*/ const $dbaee5ca78364d67$export$dc8a6c8f6bc81cdd = (payload)=>async (dispatch)=>{
|
|
153316
|
-
try {
|
|
153317
|
-
const response = await (0, $77d971be1e6bcd7c$export$299ba2dee77727e9)("/products/template/details", payload);
|
|
153318
|
-
if (response?.status === 200) dispatch({
|
|
153319
|
-
type: (0, $e496cac0faa1ff17$export$4583ff6949fe7604),
|
|
153320
|
-
payload: response?.data?.data
|
|
153321
|
-
});
|
|
153322
|
-
} catch (error) {
|
|
153323
|
-
return error.response;
|
|
153324
|
-
}
|
|
153325
|
-
};
|
|
153326
153074
|
/**
|
|
153327
153075
|
* Loads form data to the store.
|
|
153328
153076
|
*
|
|
@@ -153349,7 +153097,7 @@ var $ad568a7ac4136873$export$2e2bcd8739ae039 = $ad568a7ac4136873$var$store;
|
|
|
153349
153097
|
* @throws {object} - The error response if there is an error.
|
|
153350
153098
|
*/ const $dbaee5ca78364d67$export$a2500560a97e8dba = async (data)=>{
|
|
153351
153099
|
try {
|
|
153352
|
-
const response = await (0, $77d971be1e6bcd7c$export$299ba2dee77727e9)("
|
|
153100
|
+
const response = await (0, $77d971be1e6bcd7c$export$299ba2dee77727e9)("/view-proof-cloud", data);
|
|
153353
153101
|
return response;
|
|
153354
153102
|
} catch (error) {
|
|
153355
153103
|
return error.response;
|
|
@@ -153371,22 +153119,6 @@ var $ad568a7ac4136873$export$2e2bcd8739ae039 = $ad568a7ac4136873$var$store;
|
|
|
153371
153119
|
return error?.response;
|
|
153372
153120
|
}
|
|
153373
153121
|
};
|
|
153374
|
-
/**
|
|
153375
|
-
* Dispatches an action to indicate that templates are being fetched.
|
|
153376
|
-
*
|
|
153377
|
-
* @returns {object} - The action object.
|
|
153378
|
-
*/ const $dbaee5ca78364d67$var$fetchTemplatesRequest = ()=>({
|
|
153379
|
-
type: (0, $e496cac0faa1ff17$export$170c85458bd1c9c0)
|
|
153380
|
-
});
|
|
153381
|
-
/**
|
|
153382
|
-
* Dispatches an action with the fetched templates.
|
|
153383
|
-
*
|
|
153384
|
-
* @param {any[]} templates - The fetched templates.
|
|
153385
|
-
* @returns {object} - The action object.
|
|
153386
|
-
*/ const $dbaee5ca78364d67$var$fetchTemplatesSuccess = (templates)=>({
|
|
153387
|
-
type: (0, $e496cac0faa1ff17$export$b329f8766d4faba6),
|
|
153388
|
-
payload: templates
|
|
153389
|
-
});
|
|
153390
153122
|
/**
|
|
153391
153123
|
* Clears template fields.
|
|
153392
153124
|
*
|
|
@@ -153450,58 +153182,6 @@ var $ad568a7ac4136873$export$2e2bcd8739ae039 = $ad568a7ac4136873$var$store;
|
|
|
153450
153182
|
}
|
|
153451
153183
|
});
|
|
153452
153184
|
};
|
|
153453
|
-
/**
|
|
153454
|
-
* Changes dynamic input.
|
|
153455
|
-
*
|
|
153456
|
-
* @param {any} value - The value of the dynamic input.
|
|
153457
|
-
* @returns {Function} - The thunk function.
|
|
153458
|
-
*/ const $dbaee5ca78364d67$export$2dc6aa02b50c7bec = (value)=>(dispatch)=>{
|
|
153459
|
-
dispatch({
|
|
153460
|
-
type: (0, $e496cac0faa1ff17$export$ebf28b1973acc9c9),
|
|
153461
|
-
payload: {
|
|
153462
|
-
value: value
|
|
153463
|
-
}
|
|
153464
|
-
});
|
|
153465
|
-
};
|
|
153466
|
-
/**
|
|
153467
|
-
* Sets dynamic fields.
|
|
153468
|
-
*
|
|
153469
|
-
* @returns {Function} - The thunk function.
|
|
153470
|
-
*/ const $dbaee5ca78364d67$export$2b093f3ce8d03e31 = ()=>(dispatch)=>{
|
|
153471
|
-
dispatch({
|
|
153472
|
-
type: (0, $e496cac0faa1ff17$export$b3418338f233ff38),
|
|
153473
|
-
payload: {}
|
|
153474
|
-
});
|
|
153475
|
-
};
|
|
153476
|
-
/**
|
|
153477
|
-
* Removes an item from dynamic fields.
|
|
153478
|
-
*
|
|
153479
|
-
* @param {any} value - The value of the item to remove.
|
|
153480
|
-
* @returns {Function} - The thunk function.
|
|
153481
|
-
*/ const $dbaee5ca78364d67$export$5ed12bb434f797fe = (value)=>(dispatch)=>{
|
|
153482
|
-
dispatch({
|
|
153483
|
-
type: (0, $e496cac0faa1ff17$export$2926723538c2ec9c),
|
|
153484
|
-
payload: {
|
|
153485
|
-
value: value
|
|
153486
|
-
}
|
|
153487
|
-
});
|
|
153488
|
-
};
|
|
153489
|
-
/**
|
|
153490
|
-
* Clears dynamic fields.
|
|
153491
|
-
*
|
|
153492
|
-
* @returns {Function} - The thunk function.
|
|
153493
|
-
*/ const $dbaee5ca78364d67$export$a227cdb7095a8c93 = ()=>(dispatch)=>{
|
|
153494
|
-
dispatch({
|
|
153495
|
-
type: (0, $e496cac0faa1ff17$export$b8d9d88a40b670c6)
|
|
153496
|
-
});
|
|
153497
|
-
};
|
|
153498
|
-
/**
|
|
153499
|
-
* Clears filters.
|
|
153500
|
-
*
|
|
153501
|
-
* @returns {Function} - The thunk function.
|
|
153502
|
-
*/ const $dbaee5ca78364d67$export$77cedf2a856f1597 = ()=>(dispatch)=>dispatch({
|
|
153503
|
-
type: (0, $e496cac0faa1ff17$export$11ec03a468ece532)
|
|
153504
|
-
});
|
|
153505
153185
|
/**
|
|
153506
153186
|
* Retrieves all template categories from the server using an HTTP GET request.
|
|
153507
153187
|
*
|
|
@@ -153515,54 +153195,9 @@ var $ad568a7ac4136873$export$2e2bcd8739ae039 = $ad568a7ac4136873$var$store;
|
|
|
153515
153195
|
return error.response;
|
|
153516
153196
|
}
|
|
153517
153197
|
};
|
|
153518
|
-
/**
|
|
153519
|
-
* Retrieves templates by tab using the provided payload.
|
|
153520
|
-
*
|
|
153521
|
-
* @param {object} payload - The payload containing the necessary data to filter templates by tab.
|
|
153522
|
-
* @returns {Promise<any>} - A promise that resolves with the response data from the server.
|
|
153523
|
-
* @throws {object} - The error response if there is an error.
|
|
153524
|
-
*/ const $dbaee5ca78364d67$export$99fb2aa3c6b824c3 = async (payload)=>{
|
|
153525
|
-
try {
|
|
153526
|
-
const response = await (0, $77d971be1e6bcd7c$export$299ba2dee77727e9)("templates/by-tab", payload);
|
|
153527
|
-
return response;
|
|
153528
|
-
} catch (error) {
|
|
153529
|
-
return error.response;
|
|
153530
|
-
}
|
|
153531
|
-
};
|
|
153532
153198
|
|
|
153533
153199
|
|
|
153534
153200
|
|
|
153535
|
-
const $7ad22e5ca6c288ca$export$6032165a31897610 = 96;
|
|
153536
|
-
const $7ad22e5ca6c288ca$export$882f44a34ce19ae0 = "https://api.openletterconnect.com/api/v1/download/s3/openletterconnect/assets/preview/one-barcode.png";
|
|
153537
|
-
const $7ad22e5ca6c288ca$export$b14103b5b94712c4 = "https://help.openletterconnect.com/getting-support/designing-your-mailers/wip-designing-mail-creatives/wip-mail-piece-design-specs";
|
|
153538
|
-
const $7ad22e5ca6c288ca$export$3e994a540f8ee57 = [
|
|
153539
|
-
"Postcards",
|
|
153540
|
-
"Tri-Fold Self-Mailers",
|
|
153541
|
-
"Bi-Fold Self-Mailers"
|
|
153542
|
-
];
|
|
153543
|
-
const $7ad22e5ca6c288ca$export$d30c048b3f9a13c1 = [
|
|
153544
|
-
{
|
|
153545
|
-
id: "1",
|
|
153546
|
-
label: "My Templates"
|
|
153547
|
-
},
|
|
153548
|
-
{
|
|
153549
|
-
id: "2",
|
|
153550
|
-
label: "Team Templates"
|
|
153551
|
-
},
|
|
153552
|
-
{
|
|
153553
|
-
id: "3",
|
|
153554
|
-
label: "OLC Templates"
|
|
153555
|
-
}
|
|
153556
|
-
];
|
|
153557
|
-
const $7ad22e5ca6c288ca$export$e75e577b199ead61 = [
|
|
153558
|
-
"Postcards",
|
|
153559
|
-
"Personal Letters",
|
|
153560
|
-
"Professional Letters",
|
|
153561
|
-
"Bi-Fold Self-Mailers",
|
|
153562
|
-
"Tri-Fold Self-Mailers",
|
|
153563
|
-
"Real Penned Letter"
|
|
153564
|
-
];
|
|
153565
|
-
|
|
153566
153201
|
|
|
153567
153202
|
const $b66d61b9e6770b52$export$8a8216c44337cd5 = (key, value)=>{
|
|
153568
153203
|
localStorage.setItem(key, value);
|
|
@@ -153585,6 +153220,10 @@ const $0b51cdcdcd2b1339$export$af7faffe10421f14 = {
|
|
|
153585
153220
|
SEARCH_PLACE_HOLDER: "Search by template name or template ID",
|
|
153586
153221
|
NAME_REQUIRED: "Template Name is required",
|
|
153587
153222
|
TYPE_REQUIRED: "Template Type is required",
|
|
153223
|
+
DESIGN_NEW: "Design Your Own",
|
|
153224
|
+
NO_MY_TEMPLATES: "No My Templates to show",
|
|
153225
|
+
NO_TEAM_TEMPLATES: "No Team Templates to show",
|
|
153226
|
+
NO_OLC_TEMPLATES: "No OLC Templates to show",
|
|
153588
153227
|
PRODUCT_TYPE_REQUIRED: "Product Type is required",
|
|
153589
153228
|
ENVELOPE_TYPE_REQUIRED: "Envelope Type is required",
|
|
153590
153229
|
POSTCARD_SIZE_REQUIRED: "Postcard Size is required",
|
|
@@ -153645,7 +153284,8 @@ const $0b51cdcdcd2b1339$export$af7faffe10421f14 = {
|
|
|
153645
153284
|
};
|
|
153646
153285
|
|
|
153647
153286
|
|
|
153648
|
-
/* eslint-disable no-useless-catch */
|
|
153287
|
+
/* eslint-disable no-useless-catch */ // Utils
|
|
153288
|
+
|
|
153649
153289
|
|
|
153650
153290
|
const $9d201cd516e32817$export$5f13a51c7a156d51 = (store, size, barcodeSrc)=>{
|
|
153651
153291
|
const page = store.pages[0];
|
|
@@ -155139,8 +154779,7 @@ const $ad01ab85e9f42d02$export$464e4dcbf779d16c = (jsonData)=>{
|
|
|
155139
154779
|
const fontFamilies = [];
|
|
155140
154780
|
// Iterate through each object in the JSON data
|
|
155141
154781
|
jsonData.forEach((obj)=>{
|
|
155142
|
-
if (obj.children)
|
|
155143
|
-
obj.children.forEach((child)=>{
|
|
154782
|
+
if (obj.children) obj.children.forEach((child)=>{
|
|
155144
154783
|
if (child.type === "text" && child.fontFamily) // Extract font family from text objects
|
|
155145
154784
|
fontFamilies.push(child.fontFamily);
|
|
155146
154785
|
});
|
|
@@ -155222,10 +154861,10 @@ var $5a8c8921b86c6a58$export$2e2bcd8739ae039 = $5a8c8921b86c6a58$var$Typography;
|
|
|
155222
154861
|
|
|
155223
154862
|
|
|
155224
154863
|
|
|
155225
|
-
const $468b2e43c10c77f3$var$Button = ({ children: children = "", style: style = {}, onClick: onClick, className: className = "" })=>{
|
|
154864
|
+
const $468b2e43c10c77f3$var$Button = ({ children: children = "", style: style = {}, onClick: onClick, className: className = "", disabled: disabled = false })=>{
|
|
155226
154865
|
return /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
|
|
155227
|
-
className: `basic-button ${className}`,
|
|
155228
|
-
onClick: onClick,
|
|
154866
|
+
className: `basic-button ${className} ${disabled ? "disabled" : ""}`,
|
|
154867
|
+
onClick: disabled ? undefined : onClick,
|
|
155229
154868
|
style: style,
|
|
155230
154869
|
children: children
|
|
155231
154870
|
});
|
|
@@ -155347,6 +154986,7 @@ const $a9c4d245899171bf$var$GenericSnackbar = ()=>{
|
|
|
155347
154986
|
open
|
|
155348
154987
|
]);
|
|
155349
154988
|
return /*#__PURE__*/ (0, jsx_runtime.jsx)((0, react_toastify_esm_Q), {
|
|
154989
|
+
limit: 1,
|
|
155350
154990
|
className: "toast-container",
|
|
155351
154991
|
toastClassName: "basic-toast",
|
|
155352
154992
|
bodyClassName: "toast-body",
|
|
@@ -155980,7 +155620,6 @@ const $dd071d7635be500b$var$CreateTemplate = ({ returnRoute: returnRoute })=>{
|
|
|
155980
155620
|
}
|
|
155981
155621
|
};
|
|
155982
155622
|
(0, react.useEffect)(()=>{
|
|
155983
|
-
dispatch((0, $dbaee5ca78364d67$export$f2012bafb0501902)());
|
|
155984
155623
|
dispatch((0, $dbaee5ca78364d67$export$df7b8ffccf8fe273)());
|
|
155985
155624
|
(0, $b66d61b9e6770b52$export$fe2d9b4e03920b4c)("formData");
|
|
155986
155625
|
dispatch({
|
|
@@ -156019,24 +155658,19 @@ const $dd071d7635be500b$var$CreateTemplate = ({ returnRoute: returnRoute })=>{
|
|
|
156019
155658
|
style: $dd071d7635be500b$var$templateHeadingStyles,
|
|
156020
155659
|
children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.TITLE
|
|
156021
155660
|
}),
|
|
156022
|
-
/*#__PURE__*/ (0, jsx_runtime.
|
|
155661
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
|
|
156023
155662
|
className: "templateInputWrapper",
|
|
156024
|
-
children:
|
|
156025
|
-
|
|
156026
|
-
|
|
156027
|
-
|
|
156028
|
-
|
|
156029
|
-
|
|
156030
|
-
|
|
156031
|
-
|
|
156032
|
-
|
|
156033
|
-
|
|
156034
|
-
|
|
156035
|
-
placeholder: "Template Name",
|
|
156036
|
-
inputIcon: false,
|
|
156037
|
-
error: !title.trim() && isError ? (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NAME_REQUIRED : title.length > 50 && isError ? (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NAME_LESS_50 : ""
|
|
156038
|
-
})
|
|
156039
|
-
]
|
|
155663
|
+
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $ec73244cd7283520$export$2e2bcd8739ae039), {
|
|
155664
|
+
type: "text",
|
|
155665
|
+
value: title,
|
|
155666
|
+
onChange: (e)=>{
|
|
155667
|
+
dispatch((0, $dbaee5ca78364d67$export$c7c994d6f1f97f07)("title", e.target.value));
|
|
155668
|
+
},
|
|
155669
|
+
placeholder: "Template Name",
|
|
155670
|
+
inputIcon: false,
|
|
155671
|
+
error: !title.trim() && isError ? (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NAME_REQUIRED : title.length > 50 && isError ? (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NAME_LESS_50 : "",
|
|
155672
|
+
label: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.TEMPLATE_LABEL
|
|
155673
|
+
})
|
|
156040
155674
|
})
|
|
156041
155675
|
]
|
|
156042
155676
|
})
|
|
@@ -156056,7 +155690,10 @@ const $dd071d7635be500b$var$CreateTemplate = ({ returnRoute: returnRoute })=>{
|
|
|
156056
155690
|
className: "productHeading",
|
|
156057
155691
|
children: [
|
|
156058
155692
|
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
|
|
156059
|
-
style:
|
|
155693
|
+
style: {
|
|
155694
|
+
...$dd071d7635be500b$var$templateTextStyles,
|
|
155695
|
+
marginBottom: "0px"
|
|
155696
|
+
},
|
|
156060
155697
|
children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.PRODUCT_LABEL
|
|
156061
155698
|
}),
|
|
156062
155699
|
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, NavLink), {
|
|
@@ -156220,7 +155857,6 @@ var $dd071d7635be500b$export$2e2bcd8739ae039 = $dd071d7635be500b$var$CreateTempl
|
|
|
156220
155857
|
|
|
156221
155858
|
|
|
156222
155859
|
|
|
156223
|
-
|
|
156224
155860
|
// Define the type for the element being added
|
|
156225
155861
|
const $14dc1102dd22ee0f$export$fac40f04596fc189 = (store)=>{
|
|
156226
155862
|
const page = store.pages[0];
|
|
@@ -156514,6 +156150,7 @@ const $c8f7718e9f3db339$var$Dialog = ({ icon: icon = null, customStyles: customS
|
|
|
156514
156150
|
maxWidth: contentAdjust
|
|
156515
156151
|
},
|
|
156516
156152
|
onClick: onSubmit,
|
|
156153
|
+
disabled: loading,
|
|
156517
156154
|
children: loading ? /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $9d3950b100c0523a$export$2e2bcd8739ae039), {
|
|
156518
156155
|
style: $c8f7718e9f3db339$var$progressStyles
|
|
156519
156156
|
}) : submitText
|
|
@@ -156884,67 +156521,28 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: return
|
|
|
156884
156521
|
...prev,
|
|
156885
156522
|
loading: true
|
|
156886
156523
|
}));
|
|
156887
|
-
|
|
156888
|
-
|
|
156889
|
-
|
|
156890
|
-
|
|
156891
|
-
|
|
156892
|
-
|
|
156893
|
-
|
|
156894
|
-
|
|
156895
|
-
|
|
156896
|
-
|
|
156897
|
-
|
|
156524
|
+
formData.append("title", title);
|
|
156525
|
+
formData.append("productId", product?.id);
|
|
156526
|
+
formData.append("fields", selectedFields);
|
|
156527
|
+
formData.append("envelopeType", envelopeType);
|
|
156528
|
+
if (onSubmit) {
|
|
156529
|
+
const saveTemplate = await onSubmit(formData);
|
|
156530
|
+
if (saveTemplate) {
|
|
156531
|
+
dispatch((0, $6ca040a325a745aa$export$fe7c49d056ea1d88)("Template Created Successfully"));
|
|
156532
|
+
setTimeout(()=>{
|
|
156533
|
+
handleNavigation();
|
|
156534
|
+
}, 2000);
|
|
156535
|
+
}
|
|
156536
|
+
} else dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)("Please add onSubmit handler via Props to save template"));
|
|
156898
156537
|
} catch (error) {
|
|
156899
156538
|
return error;
|
|
156900
|
-
}
|
|
156901
|
-
};
|
|
156902
|
-
const handleCreateTemplate = async (data, selectedFields)=>{
|
|
156903
|
-
try {
|
|
156904
|
-
const response = await (0, $dbaee5ca78364d67$export$7b7ae612b60e1630)({
|
|
156905
|
-
title: title,
|
|
156906
|
-
productId: product?.id,
|
|
156907
|
-
fields: selectedFields,
|
|
156908
|
-
thumbnailPath: data.thumbnailPath,
|
|
156909
|
-
templatePath: data.templatePath,
|
|
156910
|
-
backTemplatePath: data.backTemplatePath || "",
|
|
156911
|
-
backThumbnailPath: data.backThumbnailPath || "",
|
|
156912
|
-
envelopeType: envelopeType
|
|
156913
|
-
});
|
|
156914
|
-
if (response.status === 200) {
|
|
156915
|
-
dispatch((0, $6ca040a325a745aa$export$fe7c49d056ea1d88)(response.data.message));
|
|
156916
|
-
setTimeout(()=>{
|
|
156917
|
-
handleNavigation();
|
|
156918
|
-
}, 2000);
|
|
156919
|
-
} else if (response.status == 418) ;
|
|
156920
|
-
else dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)(response?.data?.message || response?.message));
|
|
156921
|
-
} catch (error) {
|
|
156922
|
-
handleChangeModel("", "false");
|
|
156923
156539
|
} finally{
|
|
156924
|
-
|
|
156925
|
-
|
|
156926
|
-
|
|
156927
|
-
|
|
156928
|
-
}));
|
|
156929
|
-
}, 2000);
|
|
156540
|
+
setIsShowModel((prev)=>({
|
|
156541
|
+
...prev,
|
|
156542
|
+
loading: false
|
|
156543
|
+
}));
|
|
156930
156544
|
}
|
|
156931
156545
|
};
|
|
156932
|
-
const handleUpdateTemplate = async (data, selectedFields)=>{
|
|
156933
|
-
// @ts-ignore
|
|
156934
|
-
const response = await (0, $dbaee5ca78364d67$export$efe36ac11163df30)(id, {
|
|
156935
|
-
title: title,
|
|
156936
|
-
fields: selectedFields,
|
|
156937
|
-
thumbnailPath: data.thumbnailPath,
|
|
156938
|
-
templatePath: data.templatePath,
|
|
156939
|
-
backTemplatePath: data.backTemplatePath || "",
|
|
156940
|
-
backThumbnailPath: data.backThumbnailPath || ""
|
|
156941
|
-
});
|
|
156942
|
-
if (response.status === 200) {
|
|
156943
|
-
dispatch((0, $6ca040a325a745aa$export$fe7c49d056ea1d88)(response.data.message));
|
|
156944
|
-
handleNavigation();
|
|
156945
|
-
} else dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)(response.data.message));
|
|
156946
|
-
handleChangeModel("", "false");
|
|
156947
|
-
};
|
|
156948
156546
|
const handleChangeModel = (model = "", loading = null)=>{
|
|
156949
156547
|
setIsShowModel((prev)=>({
|
|
156950
156548
|
...prev,
|
|
@@ -157013,6 +156611,7 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: return
|
|
|
157013
156611
|
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
|
|
157014
156612
|
style: {
|
|
157015
156613
|
...$d31b9bd88e5dcf67$var$buttonStyles,
|
|
156614
|
+
fontWeight: "400",
|
|
157016
156615
|
maxWidth: "auto",
|
|
157017
156616
|
minWidth: "100px"
|
|
157018
156617
|
},
|
|
@@ -157060,6 +156659,15 @@ var $d31b9bd88e5dcf67$export$2e2bcd8739ae039 = $d31b9bd88e5dcf67$var$TopNavigati
|
|
|
157060
156659
|
|
|
157061
156660
|
|
|
157062
156661
|
|
|
156662
|
+
|
|
156663
|
+
|
|
156664
|
+
|
|
156665
|
+
|
|
156666
|
+
|
|
156667
|
+
|
|
156668
|
+
|
|
156669
|
+
|
|
156670
|
+
|
|
157063
156671
|
|
|
157064
156672
|
|
|
157065
156673
|
|
|
@@ -157107,14 +156715,6 @@ var $afa975ba1b70ddf3$export$2e2bcd8739ae039 = $afa975ba1b70ddf3$var$CustomTempl
|
|
|
157107
156715
|
|
|
157108
156716
|
|
|
157109
156717
|
|
|
157110
|
-
|
|
157111
|
-
|
|
157112
|
-
|
|
157113
|
-
|
|
157114
|
-
|
|
157115
|
-
|
|
157116
|
-
|
|
157117
|
-
|
|
157118
156718
|
const $c6f5440378b96420$var$designDialogStyles = {
|
|
157119
156719
|
maxWidth: "600px",
|
|
157120
156720
|
minHeight: "270px"
|
|
@@ -157136,7 +156736,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
|
|
|
157136
156736
|
fill: "var(--sidepanelSVGColor)"
|
|
157137
156737
|
})
|
|
157138
156738
|
})),
|
|
157139
|
-
Panel: (0, es.observer)(({ store: store })=>{
|
|
156739
|
+
Panel: (0, es.observer)(({ store: store, onGetTemplates: onGetTemplates })=>{
|
|
157140
156740
|
const dispatch = (0, useDispatch)();
|
|
157141
156741
|
const [currentTemplateType, setCurrentTemplateType] = (0, react.useState)((0, $7ad22e5ca6c288ca$export$d30c048b3f9a13c1)[0]);
|
|
157142
156742
|
const [selectedCategory, setSelectedCategory] = (0, react.useState)(null);
|
|
@@ -157170,15 +156770,18 @@ const $c6f5440378b96420$var$customTemplateSection = {
|
|
|
157170
156770
|
};
|
|
157171
156771
|
search.length ? payload.search = search : undefined;
|
|
157172
156772
|
currentTemplateType?.id === "3" ? payload.categoryIds = selectedCategory?.id.split(",") : undefined;
|
|
157173
|
-
|
|
157174
|
-
|
|
157175
|
-
if (
|
|
157176
|
-
|
|
157177
|
-
|
|
157178
|
-
|
|
156773
|
+
if (onGetTemplates) {
|
|
156774
|
+
const templates = await onGetTemplates(payload);
|
|
156775
|
+
if (templates.length) {
|
|
156776
|
+
if (currentTemplateType?.id === "1") setMyTemplates(templates);
|
|
156777
|
+
else if (currentTemplateType?.id === "2") setTeamTemplates(templates);
|
|
156778
|
+
else setOlcTemplates(templates);
|
|
156779
|
+
}
|
|
156780
|
+
} else dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)("Please provide onGetTemplates handler via Props to load templates"));
|
|
157179
156781
|
};
|
|
156782
|
+
// TODO Call New Route / Recive via Props for Templates Category
|
|
157180
156783
|
const getAllCategories = async ()=>{
|
|
157181
|
-
const categories =
|
|
156784
|
+
const categories = dispatch((0, $dbaee5ca78364d67$export$202033b5492f87a7));
|
|
157182
156785
|
if (categories?.status === 200) setTemplateCategories(categories?.data?.data.filter((item)=>item.totalTemplates > 0).map((item)=>({
|
|
157183
156786
|
...item,
|
|
157184
156787
|
label: item.title
|
|
@@ -157213,7 +156816,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
|
|
|
157213
156816
|
}));
|
|
157214
156817
|
};
|
|
157215
156818
|
const processPage = async (index, page)=>{
|
|
157216
|
-
return new Promise((resolve
|
|
156819
|
+
return new Promise((resolve)=>{
|
|
157217
156820
|
let pageNumber = page.children.find((el)=>el.custom?.name === "page-number");
|
|
157218
156821
|
const text = index === 0 ? "Front" : "Back";
|
|
157219
156822
|
if (pageNumber) {
|
|
@@ -157426,7 +157029,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
|
|
|
157426
157029
|
}),
|
|
157427
157030
|
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
|
|
157428
157031
|
style: $c6f5440378b96420$var$templateTextStyles,
|
|
157429
|
-
children:
|
|
157032
|
+
children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.DESIGN_NEW
|
|
157430
157033
|
})
|
|
157431
157034
|
]
|
|
157432
157035
|
}),
|
|
@@ -157445,7 +157048,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
|
|
|
157445
157048
|
}, i)) : /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
|
|
157446
157049
|
className: "noTemplateText",
|
|
157447
157050
|
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
|
|
157448
|
-
children:
|
|
157051
|
+
children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NO_MY_TEMPLATES
|
|
157449
157052
|
})
|
|
157450
157053
|
})
|
|
157451
157054
|
]
|
|
@@ -157465,7 +157068,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
|
|
|
157465
157068
|
}, i)) : /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
|
|
157466
157069
|
className: "noTemplateText",
|
|
157467
157070
|
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
|
|
157468
|
-
children:
|
|
157071
|
+
children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NO_TEAM_TEMPLATES
|
|
157469
157072
|
})
|
|
157470
157073
|
})
|
|
157471
157074
|
}) : currentTemplateType?.id === "3" ? /*#__PURE__*/ (0, jsx_runtime.jsx)((0, jsx_runtime.Fragment), {
|
|
@@ -157484,7 +157087,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
|
|
|
157484
157087
|
}, i)) : /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
|
|
157485
157088
|
className: "noTemplateText",
|
|
157486
157089
|
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
|
|
157487
|
-
children:
|
|
157090
|
+
children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NO_OLC_TEMPLATES
|
|
157488
157091
|
})
|
|
157489
157092
|
})
|
|
157490
157093
|
}) : null
|
|
@@ -157510,7 +157113,6 @@ var $c6f5440378b96420$export$2e2bcd8739ae039 = $c6f5440378b96420$var$customTempl
|
|
|
157510
157113
|
|
|
157511
157114
|
|
|
157512
157115
|
|
|
157513
|
-
|
|
157514
157116
|
const $7d1ce187c1ab3d01$var$GeneralTooltip = ({ anchorSelect: anchorSelect, place: place, title: title })=>{
|
|
157515
157117
|
return /*#__PURE__*/ (0, jsx_runtime.jsx)((0, react_tooltip_min_M), {
|
|
157516
157118
|
className: "basic-tooltip",
|
|
@@ -157522,6 +157124,13 @@ const $7d1ce187c1ab3d01$var$GeneralTooltip = ({ anchorSelect: anchorSelect, plac
|
|
|
157522
157124
|
var $7d1ce187c1ab3d01$export$2e2bcd8739ae039 = $7d1ce187c1ab3d01$var$GeneralTooltip;
|
|
157523
157125
|
|
|
157524
157126
|
|
|
157127
|
+
const $717432aee8737b76$export$2cdf1b96a9f86d16 = (text)=>{
|
|
157128
|
+
navigator.clipboard.writeText(text).then(()=>{}).catch((err)=>{
|
|
157129
|
+
console.error("Failed to copy text: ", err);
|
|
157130
|
+
});
|
|
157131
|
+
};
|
|
157132
|
+
|
|
157133
|
+
|
|
157525
157134
|
|
|
157526
157135
|
|
|
157527
157136
|
const $10fe05b81a81fb3f$var$infoIcon = (props)=>{
|
|
@@ -157591,124 +157200,31 @@ var $e06bdfe75163a118$export$2e2bcd8739ae039 = $e06bdfe75163a118$var$contentCopy
|
|
|
157591
157200
|
|
|
157592
157201
|
|
|
157593
157202
|
|
|
157594
|
-
const $
|
|
157595
|
-
const {
|
|
157596
|
-
return /*#__PURE__*/ (0, jsx_runtime.
|
|
157597
|
-
|
|
157598
|
-
|
|
157599
|
-
|
|
157600
|
-
|
|
157601
|
-
|
|
157602
|
-
|
|
157603
|
-
|
|
157604
|
-
|
|
157605
|
-
|
|
157606
|
-
|
|
157607
|
-
|
|
157608
|
-
|
|
157609
|
-
|
|
157610
|
-
|
|
157611
|
-
|
|
157612
|
-
|
|
157613
|
-
|
|
157614
|
-
/*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
|
|
157615
|
-
style: {
|
|
157616
|
-
fill: "none",
|
|
157617
|
-
stroke: `${stroke}`,
|
|
157618
|
-
strokeWidth: 40,
|
|
157619
|
-
strokeLinecap: "round",
|
|
157620
|
-
strokeLinejoin: "round",
|
|
157621
|
-
strokeMiterlimit: 10
|
|
157622
|
-
},
|
|
157623
|
-
d: "M412,136h40c22.091,0,40,17.909,40,40v160c0,22.091-17.909,40-40,40h-40"
|
|
157624
|
-
}),
|
|
157625
|
-
/*#__PURE__*/ (0, jsx_runtime.jsx)("line", {
|
|
157626
|
-
style: {
|
|
157627
|
-
fill: "none",
|
|
157628
|
-
stroke: `${stroke}`,
|
|
157629
|
-
strokeWidth: 40,
|
|
157630
|
-
strokeLinecap: "round",
|
|
157631
|
-
strokeLinejoin: "round",
|
|
157632
|
-
strokeMiterlimit: 10
|
|
157633
|
-
},
|
|
157634
|
-
x1: "100",
|
|
157635
|
-
y1: "216",
|
|
157636
|
-
x2: "180",
|
|
157637
|
-
y2: "216"
|
|
157638
|
-
}),
|
|
157639
|
-
/*#__PURE__*/ (0, jsx_runtime.jsx)("line", {
|
|
157640
|
-
style: {
|
|
157641
|
-
fill: "none",
|
|
157642
|
-
stroke: `${stroke}`,
|
|
157643
|
-
strokeWidth: 40,
|
|
157644
|
-
strokeLinecap: "round",
|
|
157645
|
-
strokeLinejoin: "round",
|
|
157646
|
-
strokeMiterlimit: 10
|
|
157647
|
-
},
|
|
157648
|
-
x1: "140",
|
|
157649
|
-
y1: "296",
|
|
157650
|
-
x2: "140",
|
|
157651
|
-
y2: "216"
|
|
157652
|
-
}),
|
|
157653
|
-
/*#__PURE__*/ (0, jsx_runtime.jsx)("line", {
|
|
157654
|
-
style: {
|
|
157655
|
-
fill: "none",
|
|
157656
|
-
stroke: `${stroke}`,
|
|
157657
|
-
strokeWidth: 40,
|
|
157658
|
-
strokeLinecap: "round",
|
|
157659
|
-
strokeLinejoin: "round",
|
|
157660
|
-
strokeMiterlimit: 10
|
|
157661
|
-
},
|
|
157662
|
-
x1: "332",
|
|
157663
|
-
y1: "456",
|
|
157664
|
-
x2: "332",
|
|
157665
|
-
y2: "56"
|
|
157666
|
-
}),
|
|
157667
|
-
/*#__PURE__*/ (0, jsx_runtime.jsx)("line", {
|
|
157668
|
-
style: {
|
|
157669
|
-
fill: "none",
|
|
157670
|
-
stroke: `${stroke}`,
|
|
157671
|
-
strokeWidth: 40,
|
|
157672
|
-
strokeLinecap: "round",
|
|
157673
|
-
strokeLinejoin: "round",
|
|
157674
|
-
strokeMiterlimit: 10
|
|
157675
|
-
},
|
|
157676
|
-
x1: "292",
|
|
157677
|
-
y1: "56",
|
|
157678
|
-
x2: "372",
|
|
157679
|
-
y2: "56"
|
|
157680
|
-
}),
|
|
157681
|
-
/*#__PURE__*/ (0, jsx_runtime.jsx)("line", {
|
|
157682
|
-
style: {
|
|
157683
|
-
fill: "none",
|
|
157684
|
-
stroke: `${stroke}`,
|
|
157685
|
-
strokeWidth: 40,
|
|
157686
|
-
strokeLinecap: "round",
|
|
157687
|
-
strokeLinejoin: "round",
|
|
157688
|
-
strokeMiterlimit: 10
|
|
157689
|
-
},
|
|
157690
|
-
x1: "292",
|
|
157691
|
-
y1: "456",
|
|
157692
|
-
x2: "372",
|
|
157693
|
-
y2: "456"
|
|
157694
|
-
}),
|
|
157695
|
-
/*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
|
|
157696
|
-
style: {
|
|
157697
|
-
fill: "none",
|
|
157698
|
-
stroke: `${stroke}`,
|
|
157699
|
-
strokeWidth: 40,
|
|
157700
|
-
strokeLinecap: "round",
|
|
157701
|
-
strokeLinejoin: "round",
|
|
157702
|
-
strokeMiterlimit: 10
|
|
157703
|
-
},
|
|
157704
|
-
d: "M332,376H60c-22.091,0-40-17.909-40-40V176c0-22.091,17.909-40,40-40h272"
|
|
157705
|
-
})
|
|
157706
|
-
]
|
|
157203
|
+
const $c63ab7ca46bc9f98$var$Field = (props)=>{
|
|
157204
|
+
const { fill: fill } = props;
|
|
157205
|
+
return /*#__PURE__*/ (0, jsx_runtime.jsxs)("svg", {
|
|
157206
|
+
width: "23",
|
|
157207
|
+
height: "23",
|
|
157208
|
+
viewBox: "0 0 23 23",
|
|
157209
|
+
fill: "none",
|
|
157210
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
157211
|
+
children: [
|
|
157212
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
|
|
157213
|
+
d: "M20.3047 5.21094H18.5078C18.0116 5.21094 17.6094 5.61317 17.6094 6.10938C17.6094 6.60558 18.0116 7.00781 18.5078 7.00781H20.3047C20.8001 7.00781 21.2031 7.41085 21.2031 7.90625V15.0938C21.2031 15.5891 20.8001 15.9922 20.3047 15.9922H18.5078C18.0116 15.9922 17.6094 16.3944 17.6094 16.8906C17.6094 17.3868 18.0116 17.7891 18.5078 17.7891H20.3047C21.7909 17.7891 23 16.5799 23 15.0938V7.90625C23 6.42005 21.7909 5.21094 20.3047 5.21094Z",
|
|
157214
|
+
fill: fill
|
|
157215
|
+
}),
|
|
157216
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
|
|
157217
|
+
d: "M4.49219 10.6016H5.39062V13.2969C5.39062 13.7931 5.79286 14.1953 6.28906 14.1953C6.78527 14.1953 7.1875 13.7931 7.1875 13.2969V10.6016H8.08594C8.58214 10.6016 8.98438 10.1993 8.98438 9.70312C8.98438 9.20692 8.58214 8.80469 8.08594 8.80469H4.49219C3.99598 8.80469 3.59375 9.20692 3.59375 9.70312C3.59375 10.1993 3.99598 10.6016 4.49219 10.6016Z",
|
|
157218
|
+
fill: fill
|
|
157219
|
+
}),
|
|
157220
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
|
|
157221
|
+
d: "M2.69531 17.7891H14.0156V19.5859H13.1172C12.621 19.5859 12.2188 19.9882 12.2188 20.4844C12.2188 20.9806 12.621 21.3828 13.1172 21.3828H16.7109C17.2071 21.3828 17.6094 20.9806 17.6094 20.4844C17.6094 19.9882 17.2071 19.5859 16.7109 19.5859H15.8125V3.41406H16.7109C17.2071 3.41406 17.6094 3.01183 17.6094 2.51562C17.6094 2.01942 17.2071 1.61719 16.7109 1.61719H13.1172C12.621 1.61719 12.2188 2.01942 12.2188 2.51562C12.2188 3.01183 12.621 3.41406 13.1172 3.41406H14.0156V5.21094H2.69531C1.20912 5.21094 0 6.42005 0 7.90625V15.0938C0 16.5799 1.20912 17.7891 2.69531 17.7891ZM1.79688 7.90625C1.79688 7.41085 2.19991 7.00781 2.69531 7.00781H14.0156V15.9922H2.69531C2.19991 15.9922 1.79688 15.5891 1.79688 15.0938V7.90625Z",
|
|
157222
|
+
fill: fill
|
|
157707
157223
|
})
|
|
157708
|
-
|
|
157224
|
+
]
|
|
157709
157225
|
});
|
|
157710
157226
|
};
|
|
157711
|
-
var $
|
|
157227
|
+
var $c63ab7ca46bc9f98$export$2e2bcd8739ae039 = $c63ab7ca46bc9f98$var$Field;
|
|
157712
157228
|
|
|
157713
157229
|
|
|
157714
157230
|
|
|
@@ -157720,11 +157236,11 @@ const $57048af01a29b1ce$var$customFieldSection = {
|
|
|
157720
157236
|
Tab: (0, es.observer)((props)=>/*#__PURE__*/ (0, jsx_runtime.jsx)((0, side_panel.SectionTab), {
|
|
157721
157237
|
name: "Fields",
|
|
157722
157238
|
...props,
|
|
157723
|
-
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $
|
|
157724
|
-
|
|
157239
|
+
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $c63ab7ca46bc9f98$export$2e2bcd8739ae039), {
|
|
157240
|
+
fill: "var(--sidepanelSVGColor)"
|
|
157725
157241
|
})
|
|
157726
157242
|
})),
|
|
157727
|
-
Panel: (0, es.observer)(({ store: store })=>{
|
|
157243
|
+
Panel: (0, es.observer)(({ store: store, onGetCustomFields: onGetCustomFields })=>{
|
|
157728
157244
|
const [isShowDialog, setIsShowDialog] = (0, react.useState)(false);
|
|
157729
157245
|
const dispatch = (0, useDispatch)();
|
|
157730
157246
|
const customFields = (0, useSelector)((state)=>state.customFields.customFields);
|
|
@@ -157734,11 +157250,18 @@ const $57048af01a29b1ce$var$customFieldSection = {
|
|
|
157734
157250
|
const handleShowDialog = ()=>{
|
|
157735
157251
|
setIsShowDialog((prev)=>!prev);
|
|
157736
157252
|
};
|
|
157253
|
+
const fetchCustomFields = async ()=>{
|
|
157254
|
+
if (onGetCustomFields) {
|
|
157255
|
+
const customFields = await onGetCustomFields();
|
|
157256
|
+
if (customFields?.length) dispatch({
|
|
157257
|
+
type: (0, $e496cac0faa1ff17$export$958a4de996e717f9),
|
|
157258
|
+
payload: customFields
|
|
157259
|
+
});
|
|
157260
|
+
} else dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)("Please add onGetCustomFields handler Via Props to load all custom fields"));
|
|
157261
|
+
};
|
|
157737
157262
|
(0, react.useEffect)(()=>{
|
|
157738
|
-
|
|
157739
|
-
}, [
|
|
157740
|
-
dispatch
|
|
157741
|
-
]);
|
|
157263
|
+
fetchCustomFields();
|
|
157264
|
+
}, []);
|
|
157742
157265
|
const copyCustomFieldText = (value)=>{
|
|
157743
157266
|
if (currentTemplateType === "Real Penned Letter") {
|
|
157744
157267
|
let modifiedString = value.replace(/{{/g, "((").replace(/}}/g, "))");
|
|
@@ -157852,7 +157375,7 @@ const $57048af01a29b1ce$var$customFieldSection = {
|
|
|
157852
157375
|
})
|
|
157853
157376
|
]
|
|
157854
157377
|
}),
|
|
157855
|
-
customFields?.
|
|
157378
|
+
customFields?.map(({ key: key, value: value }, i)=>/*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
|
|
157856
157379
|
style: {
|
|
157857
157380
|
display: "flex",
|
|
157858
157381
|
alignItems: "center"
|
|
@@ -157890,10 +157413,22 @@ const $d303f0b433a1814c$var$SidePanel = (props)=>{
|
|
|
157890
157413
|
store: props.store,
|
|
157891
157414
|
sections: [
|
|
157892
157415
|
...props.currentTemplateType !== "Real Penned Letter" ? [
|
|
157893
|
-
|
|
157416
|
+
{
|
|
157417
|
+
...(0, $c6f5440378b96420$export$2e2bcd8739ae039),
|
|
157418
|
+
Panel: (panelProps)=>/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $c6f5440378b96420$export$2e2bcd8739ae039).Panel, {
|
|
157419
|
+
...panelProps,
|
|
157420
|
+
onGetTemplates: props.onGetTemplates
|
|
157421
|
+
})
|
|
157422
|
+
}
|
|
157894
157423
|
] : [],
|
|
157895
157424
|
...sections,
|
|
157896
|
-
|
|
157425
|
+
{
|
|
157426
|
+
...(0, $57048af01a29b1ce$export$2e2bcd8739ae039),
|
|
157427
|
+
Panel: (panelProps)=>/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $57048af01a29b1ce$export$2e2bcd8739ae039).Panel, {
|
|
157428
|
+
...panelProps,
|
|
157429
|
+
onGetCustomFields: props.onGetCustomFields
|
|
157430
|
+
})
|
|
157431
|
+
}
|
|
157897
157432
|
],
|
|
157898
157433
|
defaultSection: "text"
|
|
157899
157434
|
})
|
|
@@ -157905,7 +157440,7 @@ var $d303f0b433a1814c$export$2e2bcd8739ae039 = $d303f0b433a1814c$var$SidePanel;
|
|
|
157905
157440
|
|
|
157906
157441
|
|
|
157907
157442
|
(0, polotno_config/* setUploadFunc */.Ut)((0, $dbaee5ca78364d67$export$a5575dbeeffdad98));
|
|
157908
|
-
const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store,
|
|
157443
|
+
const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, returnRoute: returnRoute, onGetCustomFields: onGetCustomFields, onGetTemplates: onGetTemplates, onSubmit: onSubmit })=>{
|
|
157909
157444
|
const [isStoreUpdated, setIsStoreUpdated] = (0, react.useState)(false);
|
|
157910
157445
|
const [switchTabCount, setSwitchTabCount] = (0, react.useState)(1);
|
|
157911
157446
|
const { id: id } = (0, useParams)();
|
|
@@ -157915,12 +157450,12 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, styles: styles, r
|
|
|
157915
157450
|
const product = (0, useSelector)((state)=>state.templates.product);
|
|
157916
157451
|
const envelopeType = (0, useSelector)((state)=>state.templates.envelopeType);
|
|
157917
157452
|
const currentTemplateType = product?.productType;
|
|
157918
|
-
const containerStyle =
|
|
157453
|
+
const containerStyle = {
|
|
157919
157454
|
width: "100vw",
|
|
157920
157455
|
height: "90vh",
|
|
157921
157456
|
position: "relative",
|
|
157922
157457
|
backgroundColor: "var(--mainBackgroundColor) !important"
|
|
157923
|
-
}
|
|
157458
|
+
};
|
|
157924
157459
|
(0, react.useEffect)(()=>{
|
|
157925
157460
|
handleLoadTemplate();
|
|
157926
157461
|
}, [
|
|
@@ -157946,7 +157481,7 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, styles: styles, r
|
|
|
157946
157481
|
if (id) // @ts-ignore
|
|
157947
157482
|
dispatch((0, $dbaee5ca78364d67$export$afe4a7b3b3722350)(id));
|
|
157948
157483
|
else if (store.pages.length === 0) createInitialPage();
|
|
157949
|
-
|
|
157484
|
+
fetchCustomFields();
|
|
157950
157485
|
const handleChange = ()=>{
|
|
157951
157486
|
if (!isStoreUpdated) setIsStoreUpdated(true);
|
|
157952
157487
|
};
|
|
@@ -157983,6 +157518,15 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, styles: styles, r
|
|
|
157983
157518
|
}, [
|
|
157984
157519
|
isStoreUpdated
|
|
157985
157520
|
]);
|
|
157521
|
+
const fetchCustomFields = async ()=>{
|
|
157522
|
+
if (onGetCustomFields) {
|
|
157523
|
+
const customFields = await onGetCustomFields();
|
|
157524
|
+
if (customFields?.length) dispatch({
|
|
157525
|
+
type: (0, $e496cac0faa1ff17$export$958a4de996e717f9),
|
|
157526
|
+
payload: customFields
|
|
157527
|
+
});
|
|
157528
|
+
}
|
|
157529
|
+
};
|
|
157986
157530
|
const createInitialPage = async ()=>{
|
|
157987
157531
|
if (product) {
|
|
157988
157532
|
store.addPage();
|
|
@@ -158066,7 +157610,9 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, styles: styles, r
|
|
|
158066
157610
|
children: [
|
|
158067
157611
|
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d303f0b433a1814c$export$2e2bcd8739ae039), {
|
|
158068
157612
|
store: store,
|
|
158069
|
-
currentTemplateType: currentTemplateType
|
|
157613
|
+
currentTemplateType: currentTemplateType,
|
|
157614
|
+
onGetTemplates: onGetTemplates,
|
|
157615
|
+
onGetCustomFields: onGetCustomFields
|
|
158070
157616
|
}),
|
|
158071
157617
|
/*#__PURE__*/ (0, jsx_runtime.jsxs)((0, polotno_app.WorkspaceWrap), {
|
|
158072
157618
|
children: [
|
|
@@ -158109,7 +157655,7 @@ const $edeafd00018ca857$var$initializeStore = (secretKey)=>{
|
|
|
158109
157655
|
showCredit: false
|
|
158110
157656
|
});
|
|
158111
157657
|
};
|
|
158112
|
-
const $edeafd00018ca857$var$App = ({ secretKey: secretKey, returnRoute: returnRoute, styles: styles, onSubmit: onSubmit })=>{
|
|
157658
|
+
const $edeafd00018ca857$var$App = ({ secretKey: secretKey, returnRoute: returnRoute, styles: styles, onGetCustomFields: onGetCustomFields, onGetTemplates: onGetTemplates, onSubmit: onSubmit })=>{
|
|
158113
157659
|
const [store, setStore] = (0, react.useState)($edeafd00018ca857$var$initializeStore(secretKey));
|
|
158114
157660
|
const currentPath = window?.location?.pathname;
|
|
158115
157661
|
(0, react.useEffect)(()=>{
|
|
@@ -158141,6 +157687,8 @@ const $edeafd00018ca857$var$App = ({ secretKey: secretKey, returnRoute: returnRo
|
|
|
158141
157687
|
element: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $6248df0c26b0b2d9$export$2e2bcd8739ae039), {
|
|
158142
157688
|
store: store,
|
|
158143
157689
|
returnRoute: returnRoute,
|
|
157690
|
+
onGetTemplates: onGetTemplates,
|
|
157691
|
+
onGetCustomFields: onGetCustomFields,
|
|
158144
157692
|
onSubmit: onSubmit
|
|
158145
157693
|
})
|
|
158146
157694
|
})
|
|
@@ -158157,12 +157705,9 @@ var $edeafd00018ca857$export$2e2bcd8739ae039 = $edeafd00018ca857$var$App;
|
|
|
158157
157705
|
|
|
158158
157706
|
|
|
158159
157707
|
|
|
158160
|
-
const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container,
|
|
157708
|
+
const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, secretKey: secretKey, returnRoute: returnRoute, onGetTemplates: onGetTemplates, onGetCustomFields: onGetCustomFields, onSubmit: onSubmit, styles: styles })=>{
|
|
158161
157709
|
if (!container) throw new Error("Root element not found");
|
|
158162
|
-
if (!apiKey) throw new Error("apiKey not found");
|
|
158163
157710
|
if (!secretKey) throw new Error("secretKey not found");
|
|
158164
|
-
(0, $717432aee8737b76$export$d9a4753a02dc400b)(apiKey);
|
|
158165
|
-
(0, $717432aee8737b76$export$d4f039427a1beff1)(env);
|
|
158166
157711
|
const root = (0, client).createRoot(container);
|
|
158167
157712
|
root.render(/*#__PURE__*/ (0, jsx_runtime.jsx)((0, jsx_runtime.Fragment), {
|
|
158168
157713
|
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, Provider_default), {
|
|
@@ -158172,7 +157717,9 @@ const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, apiKey: a
|
|
|
158172
157717
|
secretKey: secretKey,
|
|
158173
157718
|
styles: styles,
|
|
158174
157719
|
returnRoute: returnRoute,
|
|
158175
|
-
onSubmit: onSubmit
|
|
157720
|
+
onSubmit: onSubmit,
|
|
157721
|
+
onGetTemplates: onGetTemplates,
|
|
157722
|
+
onGetCustomFields: onGetCustomFields
|
|
158176
157723
|
})
|
|
158177
157724
|
})
|
|
158178
157725
|
})
|
|
@@ -158181,10 +157728,9 @@ const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, apiKey: a
|
|
|
158181
157728
|
var // Example to run the project locally for development. Comment out these lines when building the application
|
|
158182
157729
|
// const rootElement = document.getElementById('root');
|
|
158183
157730
|
// if (rootElement) {
|
|
157731
|
+
// console.log("React SDK Loaded");
|
|
158184
157732
|
// TemplateBuilder({
|
|
158185
157733
|
// container: rootElement,
|
|
158186
|
-
// apiKey: import.meta.env.VITE_APP_ACCESS_TOKEN,
|
|
158187
|
-
// env: 'demo',
|
|
158188
157734
|
// secretKey: import.meta.env.VITE_APP_PLOTNO_API_KEY,
|
|
158189
157735
|
// styles: {}
|
|
158190
157736
|
// });
|
|
@@ -158206,46 +157752,50 @@ $24075a5d702d64b3$export$2e2bcd8739ae039 = $24075a5d702d64b3$var$TemplateBuilder
|
|
|
158206
157752
|
},
|
|
158207
157753
|
props: {
|
|
158208
157754
|
container: {
|
|
158209
|
-
type: String,
|
|
157755
|
+
type: [String, HTMLElement], // Updated to allow both string and HTMLElement
|
|
158210
157756
|
required: true
|
|
158211
157757
|
},
|
|
158212
|
-
|
|
157758
|
+
secretKey: {
|
|
158213
157759
|
type: String,
|
|
158214
157760
|
required: true
|
|
158215
157761
|
},
|
|
158216
|
-
|
|
158217
|
-
default: 'test',
|
|
157762
|
+
returnRoute: {
|
|
158218
157763
|
type: String,
|
|
157764
|
+
default: null
|
|
158219
157765
|
},
|
|
158220
|
-
|
|
158221
|
-
type:
|
|
158222
|
-
|
|
157766
|
+
onGetTemplates: {
|
|
157767
|
+
type: Function,
|
|
157768
|
+
default: () => Promise.resolve()
|
|
158223
157769
|
},
|
|
158224
|
-
|
|
158225
|
-
|
|
158226
|
-
|
|
158227
|
-
required: false
|
|
157770
|
+
onGetCustomFields: {
|
|
157771
|
+
type: Function,
|
|
157772
|
+
default: () => Promise.resolve()
|
|
158228
157773
|
},
|
|
158229
157774
|
onSubmit: {
|
|
158230
157775
|
type: Function,
|
|
158231
|
-
default: () =>
|
|
158232
|
-
required: false
|
|
157776
|
+
default: () => Promise.resolve(),
|
|
157777
|
+
required: false,
|
|
157778
|
+
},
|
|
157779
|
+
styles: {
|
|
157780
|
+
type: Object,
|
|
157781
|
+
default: () => ({})
|
|
158233
157782
|
}
|
|
158234
157783
|
},
|
|
158235
157784
|
mounted() {
|
|
158236
157785
|
let vm = this;
|
|
158237
|
-
console.log('vm',vm)
|
|
157786
|
+
console.log('vm',vm);
|
|
158238
157787
|
this.initializeEditor(vm);
|
|
158239
157788
|
},
|
|
158240
157789
|
methods: {
|
|
158241
157790
|
initializeEditor(props) {
|
|
158242
157791
|
$24075a5d702d64b3$export$2e2bcd8739ae039({
|
|
158243
157792
|
container: document.getElementById(props.container) || document.getElementById('builder'),
|
|
158244
|
-
apiKey: props.apiKey,
|
|
158245
|
-
mode: props.mode,
|
|
158246
157793
|
secretKey: props.secretKey,
|
|
158247
|
-
|
|
158248
|
-
|
|
157794
|
+
returnRoute: props.returnRoute,
|
|
157795
|
+
onGetTemplates: props.onGetTemplates,
|
|
157796
|
+
onGetCustomFields: props.onGetCustomFields,
|
|
157797
|
+
onSubmit: props.onSubmit,
|
|
157798
|
+
styles:props.styles,
|
|
158249
157799
|
});
|
|
158250
157800
|
}
|
|
158251
157801
|
}
|
|
@@ -158375,14 +157925,23 @@ var component = normalizeComponent(
|
|
|
158375
157925
|
|
|
158376
157926
|
|
|
158377
157927
|
|
|
158378
|
-
const src_TemplateBuilder = ({
|
|
157928
|
+
const src_TemplateBuilder = ({
|
|
157929
|
+
container,
|
|
157930
|
+
secretKey,
|
|
157931
|
+
returnRoute,
|
|
157932
|
+
onGetTemplates,
|
|
157933
|
+
onGetCustomFields,
|
|
157934
|
+
onSubmit,
|
|
157935
|
+
styles,
|
|
157936
|
+
}) => {
|
|
158379
157937
|
const props = {
|
|
158380
157938
|
container,
|
|
158381
|
-
apiKey,
|
|
158382
|
-
mode,
|
|
158383
157939
|
secretKey,
|
|
158384
|
-
|
|
157940
|
+
returnRoute,
|
|
157941
|
+
onGetTemplates,
|
|
157942
|
+
onGetCustomFields,
|
|
158385
157943
|
onSubmit,
|
|
157944
|
+
styles,
|
|
158386
157945
|
};
|
|
158387
157946
|
|
|
158388
157947
|
new Vue({
|
|
@@ -158390,17 +157949,6 @@ const src_TemplateBuilder = ({ container, apiKey, mode, secretKey, styles, onSub
|
|
|
158390
157949
|
}).$mount(`#${container}`);
|
|
158391
157950
|
};
|
|
158392
157951
|
|
|
158393
|
-
// Example to run the project locally for development. Comment out these lines when building the application
|
|
158394
|
-
|
|
158395
|
-
// TemplateBuilder({
|
|
158396
|
-
// container: "app",
|
|
158397
|
-
// apiKey: process.env.VUE_APP_ACCESS_TOKEN,
|
|
158398
|
-
// mode: "live",
|
|
158399
|
-
// secretKey: process.env.VUE_APP_PLOTNO_API_KEY,
|
|
158400
|
-
// styles: {},
|
|
158401
|
-
// });
|
|
158402
|
-
|
|
158403
|
-
|
|
158404
157952
|
/* harmony default export */ var src = (src_TemplateBuilder);
|
|
158405
157953
|
|
|
158406
157954
|
var __webpack_exports__default = __webpack_exports__.A;
|