@openlettermarketing/olc-vue-sdk 0.0.10 → 0.0.12
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 +703 -596
- package/build/index.js.map +1 -1
- package/package.json +3 -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.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(--textColor);\n margin-bottom: 5px;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\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 border: .5px solid var(--borderColor);\n background-color: #0000;\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__placeholder {\n color: var(--textColor);\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__input-container {\n color: var(--textColor);\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n color: var(--textColor);\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n border: .5px solid var(--borderColor);\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(--borderColor);\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 .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__menu-notice {\n cursor: not-allowed;\n color: var(--textColor);\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(--textColor);\n border-bottom: .5px solid var(--borderColor);\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(--secondaryColor);\n color: var(--textColor);\n}\n\n.toast-container {\n z-index: 99999;\n width: 100%;\n max-width: 400px;\n}\n\n.toast-container .basic-toast {\n background-color: var(--primaryColor);\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: 5px;\n height: 100%;\n max-height: 50px;\n display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n color: var(--notificationTextColor);\n margin: 0;\n font-family: var(--font-family) !important;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n font-weight: 600;\n}\n\n.toast-container .basic-toast svg {\n width: 25px;\n height: 18px;\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 color: var(--textColor);\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--borderColor);\n background: #fff;\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(--textColor);\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: var(--font-family) !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(--textColor);\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 .input-with-icon.errorBorder {\n border: 1.5px solid var(--errorColor);\n}\n\n.input-layout .focused {\n background-color: var(--secondaryColor);\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(--errorColor);\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(--errorColor);\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(--errorColor);\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 flex-wrap: wrap;\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 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(--secondaryColor);\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(--errorColor);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--errorColor);\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 flex-wrap: wrap;\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 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(--svgColorNotActive);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--secondaryColor);\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(--errorColor);\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: #fff;\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.mb-5 {\n margin-bottom: 6rem !important;\n}\n\n.error {\n border: 1.5px solid var(--errorColor);\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: #0009;\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(--modalBackgroundColor);\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(--textColor);\n height: 100%;\n min-height: 20px;\n position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n float: right;\n font-size: 28px;\n font-weight: bold;\n position: absolute;\n top: 0;\n right: 5px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n cursor: pointer;\n text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n color: var(--textColor);\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 width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g {\n mask: none;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g path {\n fill: var(--primaryColor);\n}\n\n.modal .modal-content .modal-body .modal-icon svg circle {\n stroke: var(--primaryColor);\n}\n\n.modal .modal-content .modal-footer {\n color: var(--textColor);\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 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: #00000013;\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 .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: var(--textColor) !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(--borderColor);\n text-align: center;\n color: var(--textColor);\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(--textColor) !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 .polotno-side-tabs-inner .polotno-side-panel-tab {\n color: var(--textColor);\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(--secondaryColor);\n opacity: .8;\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, .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 > 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 --font-family: \"Inter\";\n --scrollbar-thumb-color: #ffdfc2;\n --primaryColor: #ed5c2f;\n --secondaryColor: #fff8ee;\n --svgColor: #fdb515;\n --svgColorNotActive: #fdecd3;\n --textColor: #000;\n --modalBackgroundColor: #fff8ee;\n --notificationTextColor: #fff;\n --borderColor: #303030;\n --errorColor: red;\n}\n\n:root body {\n margin: 0;\n padding: 70px 0 0;\n font-family: var(--font-family) !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(--secondaryColor) !important;\n}\n\n:root body::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body body {\n scrollbar-color: var(--scrollbar-thumb-color) var(--secondaryColor);\n }\n}\n\n:root body .bp5-navbar {\n z-index: auto !important;\n border-bottom: 1px solid #1114181a !important;\n}\n\n:root body .bp5-navbar .bp5-card {\n color: var(--textColor);\n background-color: #0000;\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(--secondaryColor) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .go4160152499::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-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(--scrollbar-thumb-color) var(--secondaryColor);\n }\n}\n\n:root body .polotno-panel-container > div > div, :root body .polotno-panel-container > div > div p {\n color: #000;\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(--textColor);\n margin-bottom: 5px;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\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 border: .5px solid var(--borderColor);\n background-color: #0000;\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__placeholder {\n color: var(--textColor);\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__input-container {\n color: var(--textColor);\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n color: var(--textColor);\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n border: .5px solid var(--borderColor);\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(--borderColor);\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 .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__menu-notice {\n cursor: not-allowed;\n color: var(--textColor);\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(--textColor);\n border-bottom: .5px solid var(--borderColor);\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(--secondaryColor);\n color: var(--textColor);\n}\n\n.toast-container {\n z-index: 99999;\n width: 100%;\n max-width: 400px;\n}\n\n.toast-container .basic-toast {\n background-color: var(--primaryColor);\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: 5px;\n height: 100%;\n max-height: 50px;\n display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n color: var(--notificationTextColor);\n margin: 0;\n font-family: var(--font-family) !important;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n font-weight: 600;\n}\n\n.toast-container .basic-toast svg {\n width: 25px;\n height: 18px;\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 color: var(--textColor);\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--borderColor);\n background: #fff;\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(--textColor);\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: var(--font-family) !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(--textColor);\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 .input-with-icon.errorBorder {\n border: 1.5px solid var(--errorColor);\n}\n\n.input-layout .focused {\n background-color: var(--secondaryColor);\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(--errorColor);\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(--errorColor);\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(--errorColor);\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 flex-wrap: wrap;\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 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(--secondaryColor);\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(--errorColor);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--errorColor);\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 flex-wrap: wrap;\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 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(--svgColorNotActive);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--secondaryColor);\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(--errorColor);\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: #fff;\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.mb-5 {\n margin-bottom: 6rem !important;\n}\n\n.error {\n border: 1.5px solid var(--errorColor);\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: #0009;\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(--modalBackgroundColor);\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(--textColor);\n height: 100%;\n min-height: 20px;\n position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n float: right;\n font-size: 28px;\n font-weight: bold;\n position: absolute;\n top: 0;\n right: 5px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n cursor: pointer;\n text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n color: var(--textColor);\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 width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g {\n mask: none;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g path {\n fill: var(--primaryColor);\n}\n\n.modal .modal-content .modal-body .modal-icon svg circle {\n stroke: var(--primaryColor);\n}\n\n.modal .modal-content .modal-footer {\n color: var(--textColor);\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 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: #00000013;\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 .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: var(--textColor) !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(--borderColor);\n text-align: center;\n color: var(--textColor);\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(--textColor) !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 .polotno-side-tabs-inner .polotno-side-panel-tab {\n color: var(--textColor);\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(--secondaryColor);\n opacity: .8;\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, .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 > 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 --font-family: \"Inter\";\n --scrollbar-thumb-color: #ffdfc2;\n --primaryColor: #ed5c2f;\n --secondaryColor: #fff8ee;\n --svgColor: #fdb515;\n --svgColorNotActive: #fdecd3;\n --textColor: #000;\n --modalBackgroundColor: #fff8ee;\n --notificationTextColor: #fff;\n --borderColor: #303030;\n --errorColor: red;\n}\n\n:root body {\n margin: 0;\n padding: 70px 0 0;\n font-family: var(--font-family) !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(--secondaryColor) !important;\n}\n\n:root body::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body body {\n scrollbar-color: var(--scrollbar-thumb-color) var(--secondaryColor);\n }\n}\n\n:root body .bp5-navbar {\n z-index: auto !important;\n border-bottom: 1px solid #1114181a !important;\n}\n\n:root body .bp5-navbar .bp5-card {\n color: var(--textColor);\n background-color: #0000;\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(--secondaryColor) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondaryColor) !important;\n}\n\n:root body .go4160152499::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-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(--scrollbar-thumb-color) var(--secondaryColor);\n }\n}\n\n:root body .polotno-panel-container > div > div, :root body .polotno-panel-container > div > div p {\n color: #000;\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(--primary-color);\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(--text-color);\n margin-bottom: 5px;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\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 border: .5px solid var(--border-color);\n background-color: #0000;\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__placeholder {\n color: var(--text-color);\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__input-container {\n color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n color: var(--text-color);\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n border: .5px solid var(--border-color);\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(--border-color);\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__control .generic-select__indicators .generic-select__clear-indicator svg {\n cursor: pointer;\n width: 15px;\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__menu-notice {\n cursor: not-allowed;\n color: var(--text-color);\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(--text-color);\n border-bottom: .5px solid var(--border-color);\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(--secondary-color);\n color: var(--text-color);\n}\n\n.select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__placeholder, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__input-container, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__single-value, .select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n color: #000;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option {\n color: #000;\n border-bottom: .5px solid #303030;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n border: none;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n color: #000;\n}\n\n.toast-container {\n z-index: 99999;\n width: 100%;\n min-width: 400px;\n max-width: fit-content;\n}\n\n.toast-container .basic-toast {\n background-color: var(--primary-color);\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: 5px;\n height: 100%;\n max-height: 50px;\n display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n color: var(--notification-text-color);\n margin: 0;\n font-family: var(--font-family) !important;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n font-weight: 600;\n}\n\n.toast-container .basic-toast svg {\n width: 25px;\n height: 18px;\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 color: var(--text-color);\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--border-color);\n background: #fff;\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(--text-color);\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: var(--font-family) !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(--text-color);\n}\n\n.input-layout .input-with-icon .builder-input, .input-layout .input-with-icon .builder-input::placeholder {\n color: #000;\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 .input-with-icon.errorBorder {\n border: 1.5px solid var(--error-color);\n}\n\n.input-layout .focused {\n background-color: var(--secondary-color);\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.alert {\n display: none;\n}\n\n@media (width <= 600px) {\n .alert {\n text-align: center;\n display: block;\n }\n\n .createTemplateMaindiv {\n display: none;\n }\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(--text-color);\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(--primary-color);\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(--text-color);\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(--error-color);\n margin-left: 5px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n margin: 0 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n color: var(--primary-color);\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(--text-color);\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(--error-color);\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 40px 80px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n color: var(--text-color);\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(--error-color);\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: 0 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n color: var(--text-color);\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(--primary-color);\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 flex-wrap: wrap;\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(--border-color);\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(--secondary-color);\n border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n color: var(--primary-color);\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(--error-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--error-color);\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 40px 80px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\n flex-wrap: wrap;\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(--border-color);\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(--svg-color-not-active);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--secondary-color);\n border-color: var(--primary-color);\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(--svg-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n color: var(--primary-color);\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(--error-color);\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(--border-color);\n background-color: #fff;\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.mb-5 {\n margin-bottom: 6rem !important;\n}\n\n.error {\n border: 1.5px solid var(--error-color);\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: #0009;\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(--modal-background-color);\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(--text-color);\n height: 100%;\n min-height: 20px;\n position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n float: right;\n font-size: 28px;\n font-weight: bold;\n position: absolute;\n top: 0;\n right: 5px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n cursor: pointer;\n text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n color: var(--text-color);\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 width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g {\n mask: none;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g path {\n fill: var(--primary-color);\n}\n\n.modal .modal-content .modal-body .modal-icon svg circle {\n stroke: var(--primary-color);\n}\n\n.modal .modal-content .modal-footer {\n color: var(--text-color);\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 border-bottom: .5px solid var(--border-color);\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(--text-color);\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: #00000013;\n}\n\n.top-navigation-container .middle div svg {\n fill: var(--text-color);\n}\n\n.top-navigation-container button {\n text-transform: capitalize;\n color: var(--text-color);\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 width: 100%;\n max-width: 480px;\n}\n\n@media (width <= 800px) {\n .templateTabsWrapper {\n max-width: none !important;\n }\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(--text-color);\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(--border-color);\n text-align: center;\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: #000 !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 .polotno-side-tabs-inner .polotno-side-panel-tab {\n color: var(--text-color);\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(--secondary-color);\n opacity: .8;\n color: var(--primary-color);\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(--primary-color);\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(--primary-color) !important;\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(--primary-color);\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(--primary-color);\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: #000;\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.show-loader:after {\n content: \"\";\n border: 4px solid var(--primary-color);\n border-right: 3px solid #0000;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n width: 50px;\n height: 50px;\n animation: 2s linear infinite circularAnimation;\n display: flex;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n@keyframes circularAnimation {\n 0% {\n transform: translate(-50%, -50%)rotate(0);\n }\n\n 100% {\n transform: translate(-50%, -50%)rotate(360deg);\n }\n}\n\n.hide-loader:after {\n display: none !important;\n}\n\n:root {\n --font-family: \"Inter\";\n --scrollbar-thumb-color: #ffdfc2;\n --primary-color: #ed5c2f;\n --secondary-color: #fff8ee;\n --svg-color: #fdb515;\n --svg-color-not-active: #fdecd3;\n --text-color: #000;\n --modal-background-color: #fff8ee;\n --notification-text-color: #fff;\n --border-color: #303030;\n --error-color: red;\n}\n\n:root body {\n margin: 0;\n padding: 70px 0 0;\n font-family: var(--font-family) !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(--secondary-color) !important;\n}\n\n:root body::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body body {\n scrollbar-color: var(--scrollbar-thumb-color) var(--secondary-color);\n }\n}\n\n:root body .bp5-navbar {\n z-index: auto !important;\n border-bottom: 1px solid #1114181a !important;\n}\n\n@media (width <= 800px) {\n :root body .bp5-navbar {\n z-index: 100 !important;\n }\n}\n\n:root body .bp5-navbar .bp5-card {\n color: var(--text-color);\n background-color: #0000;\n}\n\n@media (width <= 800px) {\n :root body .bp5-navbar .polotno-side-tabs-container .polotno-side-tabs-inner {\n justify-content: center !important;\n }\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(--secondary-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root body .go4160152499::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-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(--scrollbar-thumb-color) var(--secondary-color);\n }\n}\n\n:root body .polotno-panel-container > div > div, :root body .polotno-panel-container > div > div p {\n color: #000;\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(--primary-color);\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(--text-color);\n margin-bottom: 5px;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\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 border: .5px solid var(--border-color);\n background-color: #0000;\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__placeholder {\n color: var(--text-color);\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__input-container {\n color: var(--text-color);\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n color: var(--text-color);\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n border: .5px solid var(--border-color);\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(--border-color);\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__control .generic-select__indicators .generic-select__clear-indicator svg {\n cursor: pointer;\n width: 15px;\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__menu-notice {\n cursor: not-allowed;\n color: var(--text-color);\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(--text-color);\n border-bottom: .5px solid var(--border-color);\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(--secondary-color);\n color: var(--text-color);\n}\n\n.select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__placeholder, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__input-container, .select-layout .template-select .generic-select__control .generic-select__value-container .generic-select__single-value, .select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__menu-notice {\n color: #000;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option {\n color: #000;\n border-bottom: .5px solid #303030;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n border: none;\n}\n\n.select-layout .template-select .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n color: #000;\n}\n\n.toast-container {\n z-index: 99999;\n width: 100%;\n min-width: 400px;\n max-width: fit-content;\n}\n\n.toast-container .basic-toast {\n background-color: var(--primary-color);\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: 5px;\n height: 100%;\n max-height: 50px;\n display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n color: var(--notification-text-color);\n margin: 0;\n font-family: var(--font-family) !important;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n font-weight: 600;\n}\n\n.toast-container .basic-toast svg {\n width: 25px;\n height: 18px;\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 color: var(--text-color);\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--border-color);\n background: #fff;\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(--text-color);\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: var(--font-family) !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(--text-color);\n}\n\n.input-layout .input-with-icon .builder-input, .input-layout .input-with-icon .builder-input::placeholder {\n color: #000;\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 .input-with-icon.errorBorder {\n border: 1.5px solid var(--error-color);\n}\n\n.input-layout .focused {\n background-color: var(--secondary-color);\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.alert {\n display: none;\n}\n\n@media (width <= 600px) {\n .alert {\n text-align: center;\n display: block;\n }\n\n .createTemplateMaindiv {\n display: none;\n }\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(--text-color);\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(--primary-color);\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(--text-color);\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(--error-color);\n margin-left: 5px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n margin: 0 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n color: var(--primary-color);\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(--text-color);\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(--error-color);\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 40px 80px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n color: var(--text-color);\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(--error-color);\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: 0 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n color: var(--text-color);\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(--primary-color);\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 flex-wrap: wrap;\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(--border-color);\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(--secondary-color);\n border-color: var(--primary-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n color: var(--primary-color);\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(--error-color);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--error-color);\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 40px 80px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n color: var(--text-color);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\n flex-wrap: wrap;\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(--border-color);\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(--svg-color-not-active);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--secondary-color);\n border-color: var(--primary-color);\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(--svg-color);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n color: var(--primary-color);\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(--error-color);\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(--border-color);\n background-color: #fff;\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.mb-5 {\n margin-bottom: 6rem !important;\n}\n\n.error {\n border: 1.5px solid var(--error-color);\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: #0009;\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(--modal-background-color);\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(--text-color);\n height: 100%;\n min-height: 20px;\n position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n float: right;\n font-size: 28px;\n font-weight: bold;\n position: absolute;\n top: 0;\n right: 5px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n cursor: pointer;\n text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n color: var(--text-color);\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 width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g {\n mask: none;\n}\n\n.modal .modal-content .modal-body .modal-icon svg g path {\n fill: var(--primary-color);\n}\n\n.modal .modal-content .modal-body .modal-icon svg circle {\n stroke: var(--primary-color);\n}\n\n.modal .modal-content .modal-footer {\n color: var(--text-color);\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 border-bottom: .5px solid var(--border-color);\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(--text-color);\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: #00000013;\n}\n\n.top-navigation-container .middle div svg {\n fill: var(--text-color);\n}\n\n.top-navigation-container button {\n text-transform: capitalize;\n color: var(--text-color);\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 width: 100%;\n max-width: 480px;\n}\n\n@media (width <= 800px) {\n .templateTabsWrapper {\n max-width: none !important;\n }\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(--text-color);\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(--border-color);\n text-align: center;\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: #000 !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 .polotno-side-tabs-inner .polotno-side-panel-tab {\n color: var(--text-color);\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(--secondary-color);\n opacity: .8;\n color: var(--primary-color);\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(--primary-color);\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(--primary-color) !important;\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(--primary-color);\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(--primary-color);\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: #000;\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.show-loader:after {\n content: \"\";\n border: 4px solid var(--primary-color);\n border-right: 3px solid #0000;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n width: 50px;\n height: 50px;\n animation: 2s linear infinite circularAnimation;\n display: flex;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n\n@keyframes circularAnimation {\n 0% {\n transform: translate(-50%, -50%)rotate(0);\n }\n\n 100% {\n transform: translate(-50%, -50%)rotate(360deg);\n }\n}\n\n.hide-loader:after {\n display: none !important;\n}\n\n:root {\n --font-family: \"Inter\";\n --scrollbar-thumb-color: #ffdfc2;\n --primary-color: #ed5c2f;\n --secondary-color: #fff8ee;\n --svg-color: #fdb515;\n --svg-color-not-active: #fdecd3;\n --text-color: #000;\n --modal-background-color: #fff8ee;\n --notification-text-color: #fff;\n --border-color: #303030;\n --error-color: red;\n}\n\n:root body {\n margin: 0;\n padding: 70px 0 0;\n font-family: var(--font-family) !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(--secondary-color) !important;\n}\n\n:root body::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body body {\n scrollbar-color: var(--scrollbar-thumb-color) var(--secondary-color);\n }\n}\n\n:root body .bp5-navbar {\n z-index: auto !important;\n border-bottom: 1px solid #1114181a !important;\n}\n\n@media (width <= 800px) {\n :root body .bp5-navbar {\n z-index: 100 !important;\n }\n}\n\n:root body .bp5-navbar .bp5-card {\n color: var(--text-color);\n background-color: #0000;\n}\n\n@media (width <= 800px) {\n :root body .bp5-navbar .polotno-side-tabs-container .polotno-side-tabs-inner {\n justify-content: center !important;\n }\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(--secondary-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--secondary-color) !important;\n}\n\n:root body .go4160152499::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--scrollbar-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(--scrollbar-thumb-color) var(--secondary-color);\n }\n}\n\n:root body .polotno-panel-container > div > div, :root body .polotno-panel-container > div > div p {\n color: #000;\n}\n"],"sourceRoot":""}]);
|
|
50375
50375
|
// Exports
|
|
50376
50376
|
/* harmony default export */ __webpack_exports__.A = (___CSS_LOADER_EXPORT___);
|
|
50377
50377
|
|
|
@@ -128703,7 +128703,7 @@ if (inBrowser) {
|
|
|
128703
128703
|
|
|
128704
128704
|
|
|
128705
128705
|
|
|
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=
|
|
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=fe88bc7c
|
|
128707
128707
|
var render = function render() {
|
|
128708
128708
|
var _vm = this,
|
|
128709
128709
|
_c = _vm._self._c
|
|
@@ -128713,7 +128713,7 @@ var staticRenderFns = []
|
|
|
128713
128713
|
render._withStripped = true
|
|
128714
128714
|
|
|
128715
128715
|
|
|
128716
|
-
;// CONCATENATED MODULE: ./src/App.vue?vue&type=template&id=
|
|
128716
|
+
;// CONCATENATED MODULE: ./src/App.vue?vue&type=template&id=fe88bc7c
|
|
128717
128717
|
|
|
128718
128718
|
// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
|
|
128719
128719
|
var injectStylesIntoStyleTag = __webpack_require__(85072);
|
|
@@ -143374,270 +143374,8 @@ function objectSpread2_objectSpread2(e) {
|
|
|
143374
143374
|
return e;
|
|
143375
143375
|
}
|
|
143376
143376
|
|
|
143377
|
-
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
|
|
143378
|
-
function _arrayWithHoles(r) {
|
|
143379
|
-
if (Array.isArray(r)) return r;
|
|
143380
|
-
}
|
|
143381
|
-
|
|
143382
|
-
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
|
|
143383
|
-
function _iterableToArrayLimit(r, l) {
|
|
143384
|
-
var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
|
|
143385
|
-
if (null != t) {
|
|
143386
|
-
var e,
|
|
143387
|
-
n,
|
|
143388
|
-
i,
|
|
143389
|
-
u,
|
|
143390
|
-
a = [],
|
|
143391
|
-
f = !0,
|
|
143392
|
-
o = !1;
|
|
143393
|
-
try {
|
|
143394
|
-
if (i = (t = t.call(r)).next, 0 === l) {
|
|
143395
|
-
if (Object(t) !== t) return;
|
|
143396
|
-
f = !1;
|
|
143397
|
-
} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
|
|
143398
|
-
} catch (r) {
|
|
143399
|
-
o = !0, n = r;
|
|
143400
|
-
} finally {
|
|
143401
|
-
try {
|
|
143402
|
-
if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
|
|
143403
|
-
} finally {
|
|
143404
|
-
if (o) throw n;
|
|
143405
|
-
}
|
|
143406
|
-
}
|
|
143407
|
-
return a;
|
|
143408
|
-
}
|
|
143409
|
-
}
|
|
143410
|
-
|
|
143411
|
-
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
|
|
143412
|
-
function _arrayLikeToArray(r, a) {
|
|
143413
|
-
(null == a || a > r.length) && (a = r.length);
|
|
143414
|
-
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
|
|
143415
|
-
return n;
|
|
143416
|
-
}
|
|
143417
|
-
|
|
143418
|
-
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
|
|
143419
|
-
|
|
143420
|
-
function _unsupportedIterableToArray(r, a) {
|
|
143421
|
-
if (r) {
|
|
143422
|
-
if ("string" == typeof r) return _arrayLikeToArray(r, a);
|
|
143423
|
-
var t = {}.toString.call(r).slice(8, -1);
|
|
143424
|
-
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
|
|
143425
|
-
}
|
|
143426
|
-
}
|
|
143427
|
-
|
|
143428
|
-
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
|
|
143429
|
-
function _nonIterableRest() {
|
|
143430
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
143431
|
-
}
|
|
143432
|
-
|
|
143433
|
-
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js
|
|
143434
|
-
|
|
143435
|
-
|
|
143436
|
-
|
|
143437
|
-
|
|
143438
|
-
function _slicedToArray(r, e) {
|
|
143439
|
-
return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
|
|
143440
|
-
}
|
|
143441
|
-
|
|
143442
|
-
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
|
|
143443
|
-
var objectWithoutPropertiesLoose = __webpack_require__(98587);
|
|
143444
|
-
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
|
|
143445
|
-
|
|
143446
|
-
function _objectWithoutProperties(e, t) {
|
|
143447
|
-
if (null == e) return {};
|
|
143448
|
-
var o,
|
|
143449
|
-
r,
|
|
143450
|
-
i = (0,objectWithoutPropertiesLoose/* default */.A)(e, t);
|
|
143451
|
-
if (Object.getOwnPropertySymbols) {
|
|
143452
|
-
var n = Object.getOwnPropertySymbols(e);
|
|
143453
|
-
for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
|
|
143454
|
-
}
|
|
143455
|
-
return i;
|
|
143456
|
-
}
|
|
143457
|
-
|
|
143458
|
-
;// CONCATENATED MODULE: ./node_modules/react-select/dist/useStateManager-7e1e8489.esm.js
|
|
143459
|
-
|
|
143460
|
-
|
|
143461
|
-
|
|
143462
|
-
|
|
143463
|
-
|
|
143464
|
-
var useStateManager_7e1e8489_esm_excluded = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
|
|
143465
|
-
function useStateManager(_ref) {
|
|
143466
|
-
var _ref$defaultInputValu = _ref.defaultInputValue,
|
|
143467
|
-
defaultInputValue = _ref$defaultInputValu === void 0 ? '' : _ref$defaultInputValu,
|
|
143468
|
-
_ref$defaultMenuIsOpe = _ref.defaultMenuIsOpen,
|
|
143469
|
-
defaultMenuIsOpen = _ref$defaultMenuIsOpe === void 0 ? false : _ref$defaultMenuIsOpe,
|
|
143470
|
-
_ref$defaultValue = _ref.defaultValue,
|
|
143471
|
-
defaultValue = _ref$defaultValue === void 0 ? null : _ref$defaultValue,
|
|
143472
|
-
propsInputValue = _ref.inputValue,
|
|
143473
|
-
propsMenuIsOpen = _ref.menuIsOpen,
|
|
143474
|
-
propsOnChange = _ref.onChange,
|
|
143475
|
-
propsOnInputChange = _ref.onInputChange,
|
|
143476
|
-
propsOnMenuClose = _ref.onMenuClose,
|
|
143477
|
-
propsOnMenuOpen = _ref.onMenuOpen,
|
|
143478
|
-
propsValue = _ref.value,
|
|
143479
|
-
restSelectProps = _objectWithoutProperties(_ref, useStateManager_7e1e8489_esm_excluded);
|
|
143480
|
-
var _useState = (0,react.useState)(propsInputValue !== undefined ? propsInputValue : defaultInputValue),
|
|
143481
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
143482
|
-
stateInputValue = _useState2[0],
|
|
143483
|
-
setStateInputValue = _useState2[1];
|
|
143484
|
-
var _useState3 = (0,react.useState)(propsMenuIsOpen !== undefined ? propsMenuIsOpen : defaultMenuIsOpen),
|
|
143485
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
143486
|
-
stateMenuIsOpen = _useState4[0],
|
|
143487
|
-
setStateMenuIsOpen = _useState4[1];
|
|
143488
|
-
var _useState5 = (0,react.useState)(propsValue !== undefined ? propsValue : defaultValue),
|
|
143489
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
143490
|
-
stateValue = _useState6[0],
|
|
143491
|
-
setStateValue = _useState6[1];
|
|
143492
|
-
var onChange = (0,react.useCallback)(function (value, actionMeta) {
|
|
143493
|
-
if (typeof propsOnChange === 'function') {
|
|
143494
|
-
propsOnChange(value, actionMeta);
|
|
143495
|
-
}
|
|
143496
|
-
setStateValue(value);
|
|
143497
|
-
}, [propsOnChange]);
|
|
143498
|
-
var onInputChange = (0,react.useCallback)(function (value, actionMeta) {
|
|
143499
|
-
var newValue;
|
|
143500
|
-
if (typeof propsOnInputChange === 'function') {
|
|
143501
|
-
newValue = propsOnInputChange(value, actionMeta);
|
|
143502
|
-
}
|
|
143503
|
-
setStateInputValue(newValue !== undefined ? newValue : value);
|
|
143504
|
-
}, [propsOnInputChange]);
|
|
143505
|
-
var onMenuOpen = (0,react.useCallback)(function () {
|
|
143506
|
-
if (typeof propsOnMenuOpen === 'function') {
|
|
143507
|
-
propsOnMenuOpen();
|
|
143508
|
-
}
|
|
143509
|
-
setStateMenuIsOpen(true);
|
|
143510
|
-
}, [propsOnMenuOpen]);
|
|
143511
|
-
var onMenuClose = (0,react.useCallback)(function () {
|
|
143512
|
-
if (typeof propsOnMenuClose === 'function') {
|
|
143513
|
-
propsOnMenuClose();
|
|
143514
|
-
}
|
|
143515
|
-
setStateMenuIsOpen(false);
|
|
143516
|
-
}, [propsOnMenuClose]);
|
|
143517
|
-
var inputValue = propsInputValue !== undefined ? propsInputValue : stateInputValue;
|
|
143518
|
-
var menuIsOpen = propsMenuIsOpen !== undefined ? propsMenuIsOpen : stateMenuIsOpen;
|
|
143519
|
-
var value = propsValue !== undefined ? propsValue : stateValue;
|
|
143520
|
-
return objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, restSelectProps), {}, {
|
|
143521
|
-
inputValue: inputValue,
|
|
143522
|
-
menuIsOpen: menuIsOpen,
|
|
143523
|
-
onChange: onChange,
|
|
143524
|
-
onInputChange: onInputChange,
|
|
143525
|
-
onMenuClose: onMenuClose,
|
|
143526
|
-
onMenuOpen: onMenuOpen,
|
|
143527
|
-
value: value
|
|
143528
|
-
});
|
|
143529
|
-
}
|
|
143530
|
-
|
|
143531
|
-
|
|
143532
|
-
|
|
143533
143377
|
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js
|
|
143534
143378
|
var esm_extends = __webpack_require__(58168);
|
|
143535
|
-
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
|
|
143536
|
-
function _classCallCheck(a, n) {
|
|
143537
|
-
if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
|
|
143538
|
-
}
|
|
143539
|
-
|
|
143540
|
-
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js
|
|
143541
|
-
|
|
143542
|
-
function _defineProperties(e, r) {
|
|
143543
|
-
for (var t = 0; t < r.length; t++) {
|
|
143544
|
-
var o = r[t];
|
|
143545
|
-
o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, toPropertyKey(o.key), o);
|
|
143546
|
-
}
|
|
143547
|
-
}
|
|
143548
|
-
function _createClass(e, r, t) {
|
|
143549
|
-
return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
|
|
143550
|
-
writable: !1
|
|
143551
|
-
}), e;
|
|
143552
|
-
}
|
|
143553
|
-
|
|
143554
|
-
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
|
|
143555
|
-
var setPrototypeOf = __webpack_require__(63662);
|
|
143556
|
-
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/inherits.js
|
|
143557
|
-
|
|
143558
|
-
function _inherits(t, e) {
|
|
143559
|
-
if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
|
|
143560
|
-
t.prototype = Object.create(e && e.prototype, {
|
|
143561
|
-
constructor: {
|
|
143562
|
-
value: t,
|
|
143563
|
-
writable: !0,
|
|
143564
|
-
configurable: !0
|
|
143565
|
-
}
|
|
143566
|
-
}), Object.defineProperty(t, "prototype", {
|
|
143567
|
-
writable: !1
|
|
143568
|
-
}), e && (0,setPrototypeOf/* default */.A)(t, e);
|
|
143569
|
-
}
|
|
143570
|
-
|
|
143571
|
-
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js
|
|
143572
|
-
function _getPrototypeOf(t) {
|
|
143573
|
-
return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
|
|
143574
|
-
return t.__proto__ || Object.getPrototypeOf(t);
|
|
143575
|
-
}, _getPrototypeOf(t);
|
|
143576
|
-
}
|
|
143577
|
-
|
|
143578
|
-
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js
|
|
143579
|
-
function _isNativeReflectConstruct() {
|
|
143580
|
-
try {
|
|
143581
|
-
var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
|
|
143582
|
-
} catch (t) {}
|
|
143583
|
-
return (_isNativeReflectConstruct = function _isNativeReflectConstruct() {
|
|
143584
|
-
return !!t;
|
|
143585
|
-
})();
|
|
143586
|
-
}
|
|
143587
|
-
|
|
143588
|
-
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
|
|
143589
|
-
var assertThisInitialized = __webpack_require__(9417);
|
|
143590
|
-
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js
|
|
143591
|
-
|
|
143592
|
-
|
|
143593
|
-
function _possibleConstructorReturn(t, e) {
|
|
143594
|
-
if (e && ("object" == _typeof(e) || "function" == typeof e)) return e;
|
|
143595
|
-
if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
|
|
143596
|
-
return (0,assertThisInitialized/* default */.A)(t);
|
|
143597
|
-
}
|
|
143598
|
-
|
|
143599
|
-
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/createSuper.js
|
|
143600
|
-
|
|
143601
|
-
|
|
143602
|
-
|
|
143603
|
-
function _createSuper(t) {
|
|
143604
|
-
var r = _isNativeReflectConstruct();
|
|
143605
|
-
return function () {
|
|
143606
|
-
var e,
|
|
143607
|
-
o = _getPrototypeOf(t);
|
|
143608
|
-
if (r) {
|
|
143609
|
-
var s = _getPrototypeOf(this).constructor;
|
|
143610
|
-
e = Reflect.construct(o, arguments, s);
|
|
143611
|
-
} else e = o.apply(this, arguments);
|
|
143612
|
-
return _possibleConstructorReturn(this, e);
|
|
143613
|
-
};
|
|
143614
|
-
}
|
|
143615
|
-
|
|
143616
|
-
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
|
|
143617
|
-
|
|
143618
|
-
function _arrayWithoutHoles(r) {
|
|
143619
|
-
if (Array.isArray(r)) return _arrayLikeToArray(r);
|
|
143620
|
-
}
|
|
143621
|
-
|
|
143622
|
-
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js
|
|
143623
|
-
function _iterableToArray(r) {
|
|
143624
|
-
if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
|
|
143625
|
-
}
|
|
143626
|
-
|
|
143627
|
-
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
|
|
143628
|
-
function _nonIterableSpread() {
|
|
143629
|
-
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
143630
|
-
}
|
|
143631
|
-
|
|
143632
|
-
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
|
|
143633
|
-
|
|
143634
|
-
|
|
143635
|
-
|
|
143636
|
-
|
|
143637
|
-
function _toConsumableArray(r) {
|
|
143638
|
-
return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
|
|
143639
|
-
}
|
|
143640
|
-
|
|
143641
143379
|
;// CONCATENATED MODULE: ./node_modules/@emotion/sheet/dist/emotion-sheet.browser.esm.js
|
|
143642
143380
|
/*
|
|
143643
143381
|
|
|
@@ -146093,6 +145831,87 @@ if (false) { var globalKey, globalContext, isTestEnv, emotion_react_browser_esm_
|
|
|
146093
145831
|
|
|
146094
145832
|
|
|
146095
145833
|
|
|
145834
|
+
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
|
|
145835
|
+
function _arrayWithHoles(r) {
|
|
145836
|
+
if (Array.isArray(r)) return r;
|
|
145837
|
+
}
|
|
145838
|
+
|
|
145839
|
+
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
|
|
145840
|
+
function _iterableToArrayLimit(r, l) {
|
|
145841
|
+
var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
|
|
145842
|
+
if (null != t) {
|
|
145843
|
+
var e,
|
|
145844
|
+
n,
|
|
145845
|
+
i,
|
|
145846
|
+
u,
|
|
145847
|
+
a = [],
|
|
145848
|
+
f = !0,
|
|
145849
|
+
o = !1;
|
|
145850
|
+
try {
|
|
145851
|
+
if (i = (t = t.call(r)).next, 0 === l) {
|
|
145852
|
+
if (Object(t) !== t) return;
|
|
145853
|
+
f = !1;
|
|
145854
|
+
} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
|
|
145855
|
+
} catch (r) {
|
|
145856
|
+
o = !0, n = r;
|
|
145857
|
+
} finally {
|
|
145858
|
+
try {
|
|
145859
|
+
if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
|
|
145860
|
+
} finally {
|
|
145861
|
+
if (o) throw n;
|
|
145862
|
+
}
|
|
145863
|
+
}
|
|
145864
|
+
return a;
|
|
145865
|
+
}
|
|
145866
|
+
}
|
|
145867
|
+
|
|
145868
|
+
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
|
|
145869
|
+
function _arrayLikeToArray(r, a) {
|
|
145870
|
+
(null == a || a > r.length) && (a = r.length);
|
|
145871
|
+
for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
|
|
145872
|
+
return n;
|
|
145873
|
+
}
|
|
145874
|
+
|
|
145875
|
+
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
|
|
145876
|
+
|
|
145877
|
+
function _unsupportedIterableToArray(r, a) {
|
|
145878
|
+
if (r) {
|
|
145879
|
+
if ("string" == typeof r) return _arrayLikeToArray(r, a);
|
|
145880
|
+
var t = {}.toString.call(r).slice(8, -1);
|
|
145881
|
+
return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
|
|
145882
|
+
}
|
|
145883
|
+
}
|
|
145884
|
+
|
|
145885
|
+
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
|
|
145886
|
+
function _nonIterableRest() {
|
|
145887
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
145888
|
+
}
|
|
145889
|
+
|
|
145890
|
+
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js
|
|
145891
|
+
|
|
145892
|
+
|
|
145893
|
+
|
|
145894
|
+
|
|
145895
|
+
function _slicedToArray(r, e) {
|
|
145896
|
+
return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
|
|
145897
|
+
}
|
|
145898
|
+
|
|
145899
|
+
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
|
|
145900
|
+
var objectWithoutPropertiesLoose = __webpack_require__(98587);
|
|
145901
|
+
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
|
|
145902
|
+
|
|
145903
|
+
function _objectWithoutProperties(e, t) {
|
|
145904
|
+
if (null == e) return {};
|
|
145905
|
+
var o,
|
|
145906
|
+
r,
|
|
145907
|
+
i = (0,objectWithoutPropertiesLoose/* default */.A)(e, t);
|
|
145908
|
+
if (Object.getOwnPropertySymbols) {
|
|
145909
|
+
var n = Object.getOwnPropertySymbols(e);
|
|
145910
|
+
for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
|
|
145911
|
+
}
|
|
145912
|
+
return i;
|
|
145913
|
+
}
|
|
145914
|
+
|
|
146096
145915
|
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteral.js
|
|
146097
145916
|
function _taggedTemplateLiteral(e, t) {
|
|
146098
145917
|
return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
|
|
@@ -149526,6 +149345,187 @@ var defaultComponents = function defaultComponents(props) {
|
|
|
149526
149345
|
|
|
149527
149346
|
|
|
149528
149347
|
|
|
149348
|
+
;// CONCATENATED MODULE: ./node_modules/react-select/dist/useStateManager-7e1e8489.esm.js
|
|
149349
|
+
|
|
149350
|
+
|
|
149351
|
+
|
|
149352
|
+
|
|
149353
|
+
|
|
149354
|
+
var useStateManager_7e1e8489_esm_excluded = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
|
|
149355
|
+
function useStateManager(_ref) {
|
|
149356
|
+
var _ref$defaultInputValu = _ref.defaultInputValue,
|
|
149357
|
+
defaultInputValue = _ref$defaultInputValu === void 0 ? '' : _ref$defaultInputValu,
|
|
149358
|
+
_ref$defaultMenuIsOpe = _ref.defaultMenuIsOpen,
|
|
149359
|
+
defaultMenuIsOpen = _ref$defaultMenuIsOpe === void 0 ? false : _ref$defaultMenuIsOpe,
|
|
149360
|
+
_ref$defaultValue = _ref.defaultValue,
|
|
149361
|
+
defaultValue = _ref$defaultValue === void 0 ? null : _ref$defaultValue,
|
|
149362
|
+
propsInputValue = _ref.inputValue,
|
|
149363
|
+
propsMenuIsOpen = _ref.menuIsOpen,
|
|
149364
|
+
propsOnChange = _ref.onChange,
|
|
149365
|
+
propsOnInputChange = _ref.onInputChange,
|
|
149366
|
+
propsOnMenuClose = _ref.onMenuClose,
|
|
149367
|
+
propsOnMenuOpen = _ref.onMenuOpen,
|
|
149368
|
+
propsValue = _ref.value,
|
|
149369
|
+
restSelectProps = _objectWithoutProperties(_ref, useStateManager_7e1e8489_esm_excluded);
|
|
149370
|
+
var _useState = (0,react.useState)(propsInputValue !== undefined ? propsInputValue : defaultInputValue),
|
|
149371
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
149372
|
+
stateInputValue = _useState2[0],
|
|
149373
|
+
setStateInputValue = _useState2[1];
|
|
149374
|
+
var _useState3 = (0,react.useState)(propsMenuIsOpen !== undefined ? propsMenuIsOpen : defaultMenuIsOpen),
|
|
149375
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
149376
|
+
stateMenuIsOpen = _useState4[0],
|
|
149377
|
+
setStateMenuIsOpen = _useState4[1];
|
|
149378
|
+
var _useState5 = (0,react.useState)(propsValue !== undefined ? propsValue : defaultValue),
|
|
149379
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
149380
|
+
stateValue = _useState6[0],
|
|
149381
|
+
setStateValue = _useState6[1];
|
|
149382
|
+
var onChange = (0,react.useCallback)(function (value, actionMeta) {
|
|
149383
|
+
if (typeof propsOnChange === 'function') {
|
|
149384
|
+
propsOnChange(value, actionMeta);
|
|
149385
|
+
}
|
|
149386
|
+
setStateValue(value);
|
|
149387
|
+
}, [propsOnChange]);
|
|
149388
|
+
var onInputChange = (0,react.useCallback)(function (value, actionMeta) {
|
|
149389
|
+
var newValue;
|
|
149390
|
+
if (typeof propsOnInputChange === 'function') {
|
|
149391
|
+
newValue = propsOnInputChange(value, actionMeta);
|
|
149392
|
+
}
|
|
149393
|
+
setStateInputValue(newValue !== undefined ? newValue : value);
|
|
149394
|
+
}, [propsOnInputChange]);
|
|
149395
|
+
var onMenuOpen = (0,react.useCallback)(function () {
|
|
149396
|
+
if (typeof propsOnMenuOpen === 'function') {
|
|
149397
|
+
propsOnMenuOpen();
|
|
149398
|
+
}
|
|
149399
|
+
setStateMenuIsOpen(true);
|
|
149400
|
+
}, [propsOnMenuOpen]);
|
|
149401
|
+
var onMenuClose = (0,react.useCallback)(function () {
|
|
149402
|
+
if (typeof propsOnMenuClose === 'function') {
|
|
149403
|
+
propsOnMenuClose();
|
|
149404
|
+
}
|
|
149405
|
+
setStateMenuIsOpen(false);
|
|
149406
|
+
}, [propsOnMenuClose]);
|
|
149407
|
+
var inputValue = propsInputValue !== undefined ? propsInputValue : stateInputValue;
|
|
149408
|
+
var menuIsOpen = propsMenuIsOpen !== undefined ? propsMenuIsOpen : stateMenuIsOpen;
|
|
149409
|
+
var value = propsValue !== undefined ? propsValue : stateValue;
|
|
149410
|
+
return objectSpread2_objectSpread2(objectSpread2_objectSpread2({}, restSelectProps), {}, {
|
|
149411
|
+
inputValue: inputValue,
|
|
149412
|
+
menuIsOpen: menuIsOpen,
|
|
149413
|
+
onChange: onChange,
|
|
149414
|
+
onInputChange: onInputChange,
|
|
149415
|
+
onMenuClose: onMenuClose,
|
|
149416
|
+
onMenuOpen: onMenuOpen,
|
|
149417
|
+
value: value
|
|
149418
|
+
});
|
|
149419
|
+
}
|
|
149420
|
+
|
|
149421
|
+
|
|
149422
|
+
|
|
149423
|
+
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
|
|
149424
|
+
function _classCallCheck(a, n) {
|
|
149425
|
+
if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
|
|
149426
|
+
}
|
|
149427
|
+
|
|
149428
|
+
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js
|
|
149429
|
+
|
|
149430
|
+
function _defineProperties(e, r) {
|
|
149431
|
+
for (var t = 0; t < r.length; t++) {
|
|
149432
|
+
var o = r[t];
|
|
149433
|
+
o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, toPropertyKey(o.key), o);
|
|
149434
|
+
}
|
|
149435
|
+
}
|
|
149436
|
+
function _createClass(e, r, t) {
|
|
149437
|
+
return r && _defineProperties(e.prototype, r), t && _defineProperties(e, t), Object.defineProperty(e, "prototype", {
|
|
149438
|
+
writable: !1
|
|
149439
|
+
}), e;
|
|
149440
|
+
}
|
|
149441
|
+
|
|
149442
|
+
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js
|
|
149443
|
+
var setPrototypeOf = __webpack_require__(63662);
|
|
149444
|
+
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/inherits.js
|
|
149445
|
+
|
|
149446
|
+
function _inherits(t, e) {
|
|
149447
|
+
if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
|
|
149448
|
+
t.prototype = Object.create(e && e.prototype, {
|
|
149449
|
+
constructor: {
|
|
149450
|
+
value: t,
|
|
149451
|
+
writable: !0,
|
|
149452
|
+
configurable: !0
|
|
149453
|
+
}
|
|
149454
|
+
}), Object.defineProperty(t, "prototype", {
|
|
149455
|
+
writable: !1
|
|
149456
|
+
}), e && (0,setPrototypeOf/* default */.A)(t, e);
|
|
149457
|
+
}
|
|
149458
|
+
|
|
149459
|
+
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js
|
|
149460
|
+
function _getPrototypeOf(t) {
|
|
149461
|
+
return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
|
|
149462
|
+
return t.__proto__ || Object.getPrototypeOf(t);
|
|
149463
|
+
}, _getPrototypeOf(t);
|
|
149464
|
+
}
|
|
149465
|
+
|
|
149466
|
+
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js
|
|
149467
|
+
function _isNativeReflectConstruct() {
|
|
149468
|
+
try {
|
|
149469
|
+
var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
|
|
149470
|
+
} catch (t) {}
|
|
149471
|
+
return (_isNativeReflectConstruct = function _isNativeReflectConstruct() {
|
|
149472
|
+
return !!t;
|
|
149473
|
+
})();
|
|
149474
|
+
}
|
|
149475
|
+
|
|
149476
|
+
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
|
|
149477
|
+
var assertThisInitialized = __webpack_require__(9417);
|
|
149478
|
+
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js
|
|
149479
|
+
|
|
149480
|
+
|
|
149481
|
+
function _possibleConstructorReturn(t, e) {
|
|
149482
|
+
if (e && ("object" == _typeof(e) || "function" == typeof e)) return e;
|
|
149483
|
+
if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
|
|
149484
|
+
return (0,assertThisInitialized/* default */.A)(t);
|
|
149485
|
+
}
|
|
149486
|
+
|
|
149487
|
+
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/createSuper.js
|
|
149488
|
+
|
|
149489
|
+
|
|
149490
|
+
|
|
149491
|
+
function _createSuper(t) {
|
|
149492
|
+
var r = _isNativeReflectConstruct();
|
|
149493
|
+
return function () {
|
|
149494
|
+
var e,
|
|
149495
|
+
o = _getPrototypeOf(t);
|
|
149496
|
+
if (r) {
|
|
149497
|
+
var s = _getPrototypeOf(this).constructor;
|
|
149498
|
+
e = Reflect.construct(o, arguments, s);
|
|
149499
|
+
} else e = o.apply(this, arguments);
|
|
149500
|
+
return _possibleConstructorReturn(this, e);
|
|
149501
|
+
};
|
|
149502
|
+
}
|
|
149503
|
+
|
|
149504
|
+
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
|
|
149505
|
+
|
|
149506
|
+
function _arrayWithoutHoles(r) {
|
|
149507
|
+
if (Array.isArray(r)) return _arrayLikeToArray(r);
|
|
149508
|
+
}
|
|
149509
|
+
|
|
149510
|
+
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js
|
|
149511
|
+
function _iterableToArray(r) {
|
|
149512
|
+
if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
|
|
149513
|
+
}
|
|
149514
|
+
|
|
149515
|
+
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
|
|
149516
|
+
function _nonIterableSpread() {
|
|
149517
|
+
throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
149518
|
+
}
|
|
149519
|
+
|
|
149520
|
+
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
|
|
149521
|
+
|
|
149522
|
+
|
|
149523
|
+
|
|
149524
|
+
|
|
149525
|
+
function _toConsumableArray(r) {
|
|
149526
|
+
return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
|
|
149527
|
+
}
|
|
149528
|
+
|
|
149529
149529
|
;// CONCATENATED MODULE: ./node_modules/memoize-one/dist/memoize-one.esm.js
|
|
149530
149530
|
var safeIsNaN = Number.isNaN ||
|
|
149531
149531
|
function ponyfill(value) {
|
|
@@ -153030,29 +153030,6 @@ const $77d971be1e6bcd7c$export$1d2f21e549771e67 = async (endpoint, params)=>{
|
|
|
153030
153030
|
|
|
153031
153031
|
|
|
153032
153032
|
|
|
153033
|
-
/**
|
|
153034
|
-
* Makes an HTTP GET request to the 'templates' endpoint and dispatches an action with the retrieved data.
|
|
153035
|
-
* @param {number} id - The ID of the template to retrieve.
|
|
153036
|
-
* @param {function} dispatch - A function used to dispatch actions to the Redux store.
|
|
153037
|
-
* @returns {void}
|
|
153038
|
-
*/ const $dbaee5ca78364d67$export$afe4a7b3b3722350 = (id, type = "edit")=>async (dispatch)=>{
|
|
153039
|
-
try {
|
|
153040
|
-
const { data: data } = await (0, $77d971be1e6bcd7c$export$3988ae62b71be9a3)(`/templates/${id}`);
|
|
153041
|
-
dispatch({
|
|
153042
|
-
type: (0, $e496cac0faa1ff17$export$1c6648626b31f20d),
|
|
153043
|
-
payload: {
|
|
153044
|
-
data: data.data,
|
|
153045
|
-
type: type
|
|
153046
|
-
}
|
|
153047
|
-
});
|
|
153048
|
-
dispatch({
|
|
153049
|
-
type: (0, $e496cac0faa1ff17$export$a3d810d0d7a98880),
|
|
153050
|
-
payload: true
|
|
153051
|
-
});
|
|
153052
|
-
} catch (error) {
|
|
153053
|
-
return error.response;
|
|
153054
|
-
}
|
|
153055
|
-
};
|
|
153056
153033
|
/**
|
|
153057
153034
|
* Uploads a template using the provided template form data.
|
|
153058
153035
|
*
|
|
@@ -153238,6 +153215,7 @@ const $b66d61b9e6770b52$export$d7a0b846d036443e = ()=>{
|
|
|
153238
153215
|
|
|
153239
153216
|
// Default messages and Typography
|
|
153240
153217
|
const $0b51cdcdcd2b1339$export$af7faffe10421f14 = {
|
|
153218
|
+
TEMPLATE_MESSAGE_ON_SMALL_SCREEN: "Template Builder is available on tablet and web view only.",
|
|
153241
153219
|
GENERAL_ERROR: "Internal Server Error",
|
|
153242
153220
|
TEMPLATE: {
|
|
153243
153221
|
SEARCH_PLACE_HOLDER: "Search by template name or template ID",
|
|
@@ -154900,24 +154878,50 @@ var $468b2e43c10c77f3$export$2e2bcd8739ae039 = $468b2e43c10c77f3$var$Button;
|
|
|
154900
154878
|
|
|
154901
154879
|
|
|
154902
154880
|
|
|
154881
|
+
const $d1daedf6fbcf28dd$var$Cancel = (props)=>{
|
|
154882
|
+
const { fill: fill } = props;
|
|
154883
|
+
return /*#__PURE__*/ (0, jsx_runtime.jsx)((0, jsx_runtime.Fragment), {
|
|
154884
|
+
children: /*#__PURE__*/ (0, jsx_runtime.jsx)("svg", {
|
|
154885
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
154886
|
+
height: "24px",
|
|
154887
|
+
viewBox: "0 -960 960 960",
|
|
154888
|
+
width: "24px",
|
|
154889
|
+
fill: fill,
|
|
154890
|
+
children: /*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
|
|
154891
|
+
d: "m336-280 144-144 144 144 56-56-144-144 144-144-56-56-144 144-144-144-56 56 144 144-144 144 56 56ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"
|
|
154892
|
+
})
|
|
154893
|
+
})
|
|
154894
|
+
});
|
|
154895
|
+
};
|
|
154896
|
+
var $d1daedf6fbcf28dd$export$2e2bcd8739ae039 = $d1daedf6fbcf28dd$var$Cancel;
|
|
154897
|
+
|
|
154898
|
+
|
|
154899
|
+
|
|
154900
|
+
|
|
154903
154901
|
const $3f4ef87f7a4a530a$var$colourStyles = {
|
|
154904
154902
|
dropdownIndicator: (styles, { isFocused: isFocused, selectProps: selectProps })=>({
|
|
154905
154903
|
...styles,
|
|
154906
|
-
color: isFocused && selectProps.menuIsOpen ? "var(--
|
|
154907
|
-
transform: !isFocused && !selectProps.menuIsOpen ? "rotate(
|
|
154904
|
+
color: isFocused && selectProps.menuIsOpen ? "var(--primary-color)" : "grey",
|
|
154905
|
+
transform: !isFocused && !selectProps.menuIsOpen ? "rotate(0deg)" : "rotate(180deg)"
|
|
154908
154906
|
}),
|
|
154909
154907
|
option: (styles, { isDisabled: isDisabled, isFocused: isFocused, isSelected: isSelected })=>{
|
|
154910
154908
|
return {
|
|
154911
154909
|
...styles,
|
|
154912
|
-
backgroundColor: isDisabled ? undefined : isSelected && isFocused ? "var(--
|
|
154910
|
+
backgroundColor: isDisabled ? undefined : isSelected && isFocused ? "var(--secondary-color)" : isFocused && !isSelected ? "var(--secondary-color)" : undefined
|
|
154913
154911
|
};
|
|
154914
154912
|
}
|
|
154915
154913
|
};
|
|
154916
154914
|
const $3f4ef87f7a4a530a$var$errorStyles = {
|
|
154917
|
-
color: "var(--
|
|
154915
|
+
color: "var(--error-color)",
|
|
154918
154916
|
fontWeight: "400"
|
|
154919
154917
|
};
|
|
154920
|
-
const $3f4ef87f7a4a530a$var$
|
|
154918
|
+
const $3f4ef87f7a4a530a$var$ClearIndicator = (props)=>{
|
|
154919
|
+
return /*#__PURE__*/ (0, jsx_runtime.jsx)((0, components).ClearIndicator, {
|
|
154920
|
+
...props,
|
|
154921
|
+
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d1daedf6fbcf28dd$export$2e2bcd8739ae039), {})
|
|
154922
|
+
});
|
|
154923
|
+
};
|
|
154924
|
+
const $3f4ef87f7a4a530a$var$GeneralSelect = ({ options: options, placeholder: placeholder, error: error, label: label, isError: isError, selectedValue: selectedValue, setSelectedValue: setSelectedValue, builderSelect: builderSelect, clearField: clearField })=>{
|
|
154921
154925
|
return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
|
|
154922
154926
|
className: "select-layout",
|
|
154923
154927
|
children: [
|
|
@@ -154929,10 +154933,14 @@ const $3f4ef87f7a4a530a$var$GeneralSelect = ({ options: options, placeholder: pl
|
|
|
154929
154933
|
options: options,
|
|
154930
154934
|
onChange: setSelectedValue,
|
|
154931
154935
|
styles: $3f4ef87f7a4a530a$var$colourStyles,
|
|
154932
|
-
className:
|
|
154936
|
+
className: `generic-select-container ${builderSelect && "template-select"}`,
|
|
154933
154937
|
classNamePrefix: "generic-select",
|
|
154934
154938
|
placeholder: placeholder,
|
|
154935
|
-
blurInputOnSelect: true
|
|
154939
|
+
blurInputOnSelect: true,
|
|
154940
|
+
isClearable: clearField,
|
|
154941
|
+
components: {
|
|
154942
|
+
ClearIndicator: $3f4ef87f7a4a530a$var$ClearIndicator
|
|
154943
|
+
}
|
|
154936
154944
|
}),
|
|
154937
154945
|
isError && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
|
|
154938
154946
|
variant: "p",
|
|
@@ -154997,7 +155005,7 @@ const $fb8d63cd819e9d3d$var$Cross = (props)=>{
|
|
|
154997
155005
|
fillRule: "evenodd",
|
|
154998
155006
|
clipRule: "evenodd",
|
|
154999
155007
|
d: "M2.11597 10.866C2.11597 8.40681 3.09286 6.04839 4.83173 4.30951C6.57061 2.57064 8.92903 1.59375 11.3882 1.59375C13.8473 1.59375 16.2057 2.57064 17.9446 4.30951C19.6835 6.04839 20.6604 8.40681 20.6604 10.866C20.6604 13.3251 19.6835 15.6835 17.9446 17.4224C16.2057 19.1613 13.8473 20.1382 11.3882 20.1382C8.92903 20.1382 6.57061 19.1613 4.83173 17.4224C3.09286 15.6835 2.11597 13.3251 2.11597 10.866ZM11.3882 2.92375C9.28176 2.92375 7.26164 3.76052 5.77218 5.24997C4.28273 6.73942 3.44597 8.75955 3.44597 10.866C3.44597 12.9724 4.28273 14.9925 5.77218 16.4819C7.26164 17.9714 9.28176 18.8082 11.3882 18.8082C13.4946 18.8082 15.5147 17.9714 17.0042 16.4819C18.4936 14.9925 19.3304 12.9724 19.3304 10.866C19.3304 8.75955 18.4936 6.73942 17.0042 5.24997C15.5147 3.76052 13.4946 2.92375 11.3882 2.92375ZM14.6838 7.57175C14.815 7.70302 14.8887 7.88104 14.8887 8.06665C14.8887 8.25227 14.815 8.43028 14.6838 8.56155L12.378 10.866L14.6838 13.1704C14.8152 13.3018 14.8891 13.4801 14.8891 13.666C14.8891 13.8518 14.8152 14.0301 14.6838 14.1616C14.5523 14.293 14.3741 14.3668 14.1882 14.3668C14.0023 14.3668 13.824 14.293 13.6926 14.1616L11.3882 11.8558L9.08377 14.1616C9.01868 14.2266 8.94142 14.2783 8.85638 14.3135C8.77135 14.3487 8.68021 14.3668 8.58817 14.3668C8.49613 14.3668 8.40499 14.3487 8.31995 14.3135C8.23492 14.2783 8.15765 14.2266 8.09257 14.1616C8.02748 14.0965 7.97586 14.0192 7.94063 13.9342C7.90541 13.8491 7.88728 13.758 7.88728 13.666C7.88728 13.5739 7.90541 13.4828 7.94063 13.3977C7.97586 13.3127 8.02748 13.2354 8.09257 13.1704L10.3984 10.866L8.09257 8.56155C7.96113 8.43011 7.88728 8.25184 7.88728 8.06595C7.88728 7.88006 7.96113 7.70179 8.09257 7.57035C8.22401 7.43891 8.40228 7.36507 8.58817 7.36507C8.77405 7.36507 8.95233 7.43891 9.08377 7.57035L11.3882 9.87615L13.6926 7.57035C13.7576 7.50516 13.8348 7.45344 13.9199 7.41815C14.0049 7.38286 14.0961 7.3647 14.1882 7.3647C14.2802 7.3647 14.3714 7.38286 14.4565 7.41815C14.5415 7.45344 14.6187 7.50656 14.6838 7.57175Z",
|
|
155000
|
-
fill: toast ? `#fff` : `var(--
|
|
155008
|
+
fill: toast ? `#fff` : `var(--text-color)`
|
|
155001
155009
|
})
|
|
155002
155010
|
});
|
|
155003
155011
|
};
|
|
@@ -155507,30 +155515,11 @@ var $94c98f5504771208$export$2e2bcd8739ae039 = $94c98f5504771208$var$Search;
|
|
|
155507
155515
|
|
|
155508
155516
|
|
|
155509
155517
|
|
|
155510
|
-
const $d1daedf6fbcf28dd$var$Cancel = (props)=>{
|
|
155511
|
-
const { fill: fill } = props;
|
|
155512
|
-
return /*#__PURE__*/ (0, jsx_runtime.jsx)((0, jsx_runtime.Fragment), {
|
|
155513
|
-
children: /*#__PURE__*/ (0, jsx_runtime.jsx)("svg", {
|
|
155514
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
155515
|
-
height: "24px",
|
|
155516
|
-
viewBox: "0 -960 960 960",
|
|
155517
|
-
width: "24px",
|
|
155518
|
-
fill: fill,
|
|
155519
|
-
children: /*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
|
|
155520
|
-
d: "m336-280 144-144 144 144 56-56-144-144 144-144-56-56-144 144-144-144-56 56 144 144-144 144 56 56ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z"
|
|
155521
|
-
})
|
|
155522
|
-
})
|
|
155523
|
-
});
|
|
155524
|
-
};
|
|
155525
|
-
var $d1daedf6fbcf28dd$export$2e2bcd8739ae039 = $d1daedf6fbcf28dd$var$Cancel;
|
|
155526
|
-
|
|
155527
|
-
|
|
155528
|
-
|
|
155529
155518
|
const $ec73244cd7283520$var$errorStyles = {
|
|
155530
|
-
color: "var(--
|
|
155519
|
+
color: "var(--error-color)",
|
|
155531
155520
|
fontWeight: "400"
|
|
155532
155521
|
};
|
|
155533
|
-
const $ec73244cd7283520$var$Input = ({ variant: variant = "input", type: type, value: value, onChange: onChange, placeholder: placeholder, label: label, error: error, inputIcon: inputIcon = false, onClick: onClick, searchApplied: searchApplied, removeSearchInput: removeSearchInput, onKeyDown: onKeyDown })=>{
|
|
155522
|
+
const $ec73244cd7283520$var$Input = ({ variant: variant = "input", type: type, value: value, onChange: onChange, placeholder: placeholder, label: label, error: error, inputIcon: inputIcon = false, onClick: onClick, searchApplied: searchApplied, removeSearchInput: removeSearchInput, onKeyDown: onKeyDown, builderInput: builderInput })=>{
|
|
155534
155523
|
const InputVariant = variant || "input";
|
|
155535
155524
|
return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
|
|
155536
155525
|
className: "input-layout",
|
|
@@ -155547,7 +155536,7 @@ const $ec73244cd7283520$var$Input = ({ variant: variant = "input", type: type, v
|
|
|
155547
155536
|
value: value,
|
|
155548
155537
|
onChange: onChange,
|
|
155549
155538
|
placeholder: placeholder,
|
|
155550
|
-
className:
|
|
155539
|
+
className: `basic-input ${builderInput && "builder-input"}`,
|
|
155551
155540
|
onKeyDown: onKeyDown
|
|
155552
155541
|
}),
|
|
155553
155542
|
inputIcon && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
|
|
@@ -155556,14 +155545,14 @@ const $ec73244cd7283520$var$Input = ({ variant: variant = "input", type: type, v
|
|
|
155556
155545
|
className: "cancel-input-button",
|
|
155557
155546
|
onClick: removeSearchInput,
|
|
155558
155547
|
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d1daedf6fbcf28dd$export$2e2bcd8739ae039), {
|
|
155559
|
-
fill: "var(--
|
|
155548
|
+
fill: "var(--border-color)"
|
|
155560
155549
|
})
|
|
155561
155550
|
}) : null,
|
|
155562
155551
|
/*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
|
|
155563
155552
|
className: "search-input-button",
|
|
155564
155553
|
onClick: value.length > 0 ? onClick : ()=>{},
|
|
155565
155554
|
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $94c98f5504771208$export$2e2bcd8739ae039), {
|
|
155566
|
-
fill: "var(--
|
|
155555
|
+
fill: "var(--primary-color)"
|
|
155567
155556
|
})
|
|
155568
155557
|
})
|
|
155569
155558
|
]
|
|
@@ -155599,7 +155588,7 @@ var $234cc960d2851879$export$2e2bcd8739ae039 = $234cc960d2851879$var$Divider;
|
|
|
155599
155588
|
|
|
155600
155589
|
|
|
155601
155590
|
const $dd071d7635be500b$var$templateHeadingStyles = {
|
|
155602
|
-
color: `var(--
|
|
155591
|
+
color: `var(--primary-color)`,
|
|
155603
155592
|
fontSize: `24px`,
|
|
155604
155593
|
fontStyle: `normal`,
|
|
155605
155594
|
fontWeight: `600`,
|
|
@@ -155607,7 +155596,7 @@ const $dd071d7635be500b$var$templateHeadingStyles = {
|
|
|
155607
155596
|
marginBottom: `20px`
|
|
155608
155597
|
};
|
|
155609
155598
|
const $dd071d7635be500b$var$templateTextStyles = {
|
|
155610
|
-
color: `var(--
|
|
155599
|
+
color: `var(--text-color)`,
|
|
155611
155600
|
fontSize: `14px`,
|
|
155612
155601
|
fontStyle: `normal`,
|
|
155613
155602
|
fontWeight: `400`,
|
|
@@ -155622,31 +155611,31 @@ const $dd071d7635be500b$var$footerButtonStyles = {
|
|
|
155622
155611
|
textTransform: "capitalize",
|
|
155623
155612
|
borderRadius: "3px",
|
|
155624
155613
|
backgroundColor: "transparent",
|
|
155625
|
-
color: `var(--
|
|
155614
|
+
color: `var(--text-color)`,
|
|
155626
155615
|
fontSize: `14px`,
|
|
155627
155616
|
fontWeight: `500`
|
|
155628
155617
|
};
|
|
155629
155618
|
const $dd071d7635be500b$var$Images = {
|
|
155630
|
-
|
|
155631
|
-
fill: "var(--
|
|
155619
|
+
Postcards: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $a3dccc8cd7537679$export$2e2bcd8739ae039), {
|
|
155620
|
+
fill: "var(--svg-color)"
|
|
155632
155621
|
}),
|
|
155633
155622
|
"Professional Letters": /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $4da602e86842d002$export$2e2bcd8739ae039), {
|
|
155634
|
-
fill: "var(--
|
|
155623
|
+
fill: "var(--svg-color)"
|
|
155635
155624
|
}),
|
|
155636
155625
|
"Personal Letters": /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $46ab710e0dcc7cb7$export$2e2bcd8739ae039), {
|
|
155637
|
-
fill: "var(--
|
|
155626
|
+
fill: "var(--svg-color)"
|
|
155638
155627
|
}),
|
|
155639
155628
|
"Real Penned Letter": /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d228491c12a2f715$export$2e2bcd8739ae039), {
|
|
155640
|
-
fill: "var(--
|
|
155629
|
+
fill: "var(--svg-color)"
|
|
155641
155630
|
}),
|
|
155642
155631
|
"Tri-Fold Self-Mailers": /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $cf616f1351ec93fa$export$2e2bcd8739ae039), {
|
|
155643
|
-
fill: "var(--
|
|
155632
|
+
fill: "var(--svg-color)"
|
|
155644
155633
|
}),
|
|
155645
155634
|
"Bi-Fold Self-Mailers": /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $439af3dad161fcd7$export$2e2bcd8739ae039), {
|
|
155646
|
-
fill: "var(--
|
|
155635
|
+
fill: "var(--svg-color)"
|
|
155647
155636
|
})
|
|
155648
155637
|
};
|
|
155649
|
-
const $dd071d7635be500b$var$CreateTemplate = ({ returnRoute: returnRoute })=>{
|
|
155638
|
+
const $dd071d7635be500b$var$CreateTemplate = ({ returnRoute: returnRoute, createTemplateRoute: createTemplateRoute })=>{
|
|
155650
155639
|
const [isError, setIsError] = (0, react.useState)(false);
|
|
155651
155640
|
const [envelopeType, setEnvelopeType] = (0, react.useState)([]);
|
|
155652
155641
|
const title = (0, useSelector)((state)=>state.templates.title);
|
|
@@ -155694,205 +155683,216 @@ const $dd071d7635be500b$var$CreateTemplate = ({ returnRoute: returnRoute })=>{
|
|
|
155694
155683
|
}, [
|
|
155695
155684
|
envelopeType
|
|
155696
155685
|
]);
|
|
155697
|
-
return /*#__PURE__*/ (0, jsx_runtime.jsxs)(
|
|
155698
|
-
className: "createTemplateMaindiv",
|
|
155686
|
+
return /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
|
|
155699
155687
|
children: [
|
|
155688
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
|
|
155689
|
+
className: "alert",
|
|
155690
|
+
children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE_MESSAGE_ON_SMALL_SCREEN
|
|
155691
|
+
}),
|
|
155700
155692
|
/*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
|
|
155693
|
+
className: "createTemplateMaindiv",
|
|
155701
155694
|
children: [
|
|
155702
|
-
/*#__PURE__*/ (0, jsx_runtime.
|
|
155703
|
-
children:
|
|
155704
|
-
|
|
155705
|
-
|
|
155706
|
-
|
|
155707
|
-
|
|
155708
|
-
|
|
155709
|
-
|
|
155710
|
-
|
|
155711
|
-
|
|
155712
|
-
style: $dd071d7635be500b$var$templateHeadingStyles,
|
|
155713
|
-
children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.TITLE
|
|
155714
|
-
}),
|
|
155715
|
-
/*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
|
|
155716
|
-
className: "templateInputWrapper",
|
|
155717
|
-
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $ec73244cd7283520$export$2e2bcd8739ae039), {
|
|
155718
|
-
type: "text",
|
|
155719
|
-
value: title,
|
|
155720
|
-
onChange: (e)=>{
|
|
155721
|
-
dispatch((0, $dbaee5ca78364d67$export$c7c994d6f1f97f07)("title", e.target.value));
|
|
155722
|
-
},
|
|
155723
|
-
placeholder: "Template Name",
|
|
155724
|
-
inputIcon: false,
|
|
155725
|
-
error: !title.trim() && isError ? (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NAME_REQUIRED : title.length > 50 && isError ? (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NAME_LESS_50 : "",
|
|
155726
|
-
label: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.TEMPLATE_LABEL
|
|
155727
|
-
})
|
|
155728
|
-
})
|
|
155729
|
-
]
|
|
155730
|
-
})
|
|
155731
|
-
})
|
|
155732
|
-
}),
|
|
155733
|
-
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $234cc960d2851879$export$2e2bcd8739ae039), {}),
|
|
155734
|
-
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$cc55614734af2d87), {
|
|
155735
|
-
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$9eb849b9b922d396), {
|
|
155736
|
-
lg: 12,
|
|
155737
|
-
md: 12,
|
|
155738
|
-
sm: 12,
|
|
155739
|
-
xs: 12,
|
|
155740
|
-
children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
|
|
155741
|
-
className: "productTypeWrapper",
|
|
155742
|
-
children: [
|
|
155743
|
-
/*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
|
|
155744
|
-
className: "productHeading",
|
|
155695
|
+
/*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
|
|
155696
|
+
children: [
|
|
155697
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$cc55614734af2d87), {
|
|
155698
|
+
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$9eb849b9b922d396), {
|
|
155699
|
+
lg: 6,
|
|
155700
|
+
md: 6,
|
|
155701
|
+
sm: 12,
|
|
155702
|
+
xs: 12,
|
|
155703
|
+
children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
|
|
155704
|
+
className: "createTemplateHeader",
|
|
155745
155705
|
children: [
|
|
155746
155706
|
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
|
|
155747
|
-
style:
|
|
155748
|
-
|
|
155749
|
-
marginBottom: "0px"
|
|
155750
|
-
},
|
|
155751
|
-
children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.PRODUCT_LABEL
|
|
155707
|
+
style: $dd071d7635be500b$var$templateHeadingStyles,
|
|
155708
|
+
children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.TITLE
|
|
155752
155709
|
}),
|
|
155753
|
-
/*#__PURE__*/ (0, jsx_runtime.jsx)(
|
|
155754
|
-
|
|
155755
|
-
|
|
155756
|
-
|
|
155757
|
-
|
|
155758
|
-
|
|
155759
|
-
(0, $
|
|
155760
|
-
|
|
155710
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
|
|
155711
|
+
className: "templateInputWrapper",
|
|
155712
|
+
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $ec73244cd7283520$export$2e2bcd8739ae039), {
|
|
155713
|
+
type: "text",
|
|
155714
|
+
value: title,
|
|
155715
|
+
onChange: (e)=>{
|
|
155716
|
+
dispatch((0, $dbaee5ca78364d67$export$c7c994d6f1f97f07)("title", e.target.value));
|
|
155717
|
+
},
|
|
155718
|
+
placeholder: "Template Name",
|
|
155719
|
+
inputIcon: false,
|
|
155720
|
+
error: !title.trim() && isError ? (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NAME_REQUIRED : title.length > 50 && isError ? (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NAME_LESS_50 : "",
|
|
155721
|
+
label: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.TEMPLATE_LABEL
|
|
155761
155722
|
})
|
|
155762
155723
|
})
|
|
155763
155724
|
]
|
|
155764
|
-
})
|
|
155765
|
-
|
|
155766
|
-
|
|
155767
|
-
|
|
155768
|
-
|
|
155769
|
-
|
|
155770
|
-
|
|
155725
|
+
})
|
|
155726
|
+
})
|
|
155727
|
+
}),
|
|
155728
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $234cc960d2851879$export$2e2bcd8739ae039), {}),
|
|
155729
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$cc55614734af2d87), {
|
|
155730
|
+
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$9eb849b9b922d396), {
|
|
155731
|
+
lg: 12,
|
|
155732
|
+
md: 12,
|
|
155733
|
+
sm: 12,
|
|
155734
|
+
xs: 12,
|
|
155735
|
+
children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
|
|
155736
|
+
className: "productTypeWrapper",
|
|
155737
|
+
children: [
|
|
155738
|
+
/*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
|
|
155739
|
+
className: "productHeading",
|
|
155771
155740
|
children: [
|
|
155772
|
-
$dd071d7635be500b$var$Images[prod.productType],
|
|
155773
155741
|
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
|
|
155774
|
-
|
|
155742
|
+
style: {
|
|
155743
|
+
...$dd071d7635be500b$var$templateTextStyles,
|
|
155744
|
+
marginBottom: "0px"
|
|
155745
|
+
},
|
|
155746
|
+
children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.PRODUCT_LABEL
|
|
155747
|
+
}),
|
|
155748
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, NavLink), {
|
|
155749
|
+
to: (0, $7ad22e5ca6c288ca$export$b14103b5b94712c4),
|
|
155750
|
+
target: "_blank",
|
|
155751
|
+
children: /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
|
|
155752
|
+
children: [
|
|
155753
|
+
" ",
|
|
155754
|
+
(0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.LEARN_TEXT
|
|
155755
|
+
]
|
|
155756
|
+
})
|
|
155775
155757
|
})
|
|
155776
155758
|
]
|
|
155777
|
-
},
|
|
155778
|
-
|
|
155779
|
-
|
|
155780
|
-
|
|
155781
|
-
|
|
155782
|
-
|
|
155783
|
-
|
|
155784
|
-
|
|
155759
|
+
}),
|
|
155760
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
|
|
155761
|
+
className: "productsWrapper",
|
|
155762
|
+
style: {
|
|
155763
|
+
marginBottom: product && (product.productType.includes("Postcards") || product.productType.includes("Professional Letters")) ? undefined : "100px"
|
|
155764
|
+
},
|
|
155765
|
+
children: sortedProducts && sortedProducts?.filter((prod)=>prod.windowed !== false).map((prod, index)=>{
|
|
155766
|
+
return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
|
|
155767
|
+
className: `productCard ${prod.productType === (product && product.productType) ? "active" : ""} ${isError && !product ? "error" : ""} `,
|
|
155768
|
+
onClick: ()=>dispatch((0, $dbaee5ca78364d67$export$f8e6fdbf45160f24)(prod)),
|
|
155769
|
+
children: [
|
|
155770
|
+
$dd071d7635be500b$var$Images[prod.productType],
|
|
155771
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
|
|
155772
|
+
children: prod.productType
|
|
155773
|
+
})
|
|
155774
|
+
]
|
|
155775
|
+
}, index);
|
|
155776
|
+
})
|
|
155777
|
+
}),
|
|
155778
|
+
isError && !product && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
|
|
155779
|
+
className: "error-field",
|
|
155780
|
+
children: [
|
|
155781
|
+
"*",
|
|
155782
|
+
(0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.PRODUCT_TYPE_REQUIRED
|
|
155783
|
+
]
|
|
155784
|
+
})
|
|
155785
155785
|
]
|
|
155786
155786
|
})
|
|
155787
|
-
]
|
|
155788
|
-
})
|
|
155789
|
-
})
|
|
155790
|
-
}),
|
|
155791
|
-
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $234cc960d2851879$export$2e2bcd8739ae039), {}),
|
|
155792
|
-
product && product.productType === "Professional Letters" && /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$cc55614734af2d87), {
|
|
155793
|
-
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$9eb849b9b922d396), {
|
|
155794
|
-
lg: 6,
|
|
155795
|
-
md: 6,
|
|
155796
|
-
sm: 6,
|
|
155797
|
-
xs: 12,
|
|
155798
|
-
children: /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
|
|
155799
|
-
className: "templateSelectWrapper",
|
|
155800
|
-
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $3f4ef87f7a4a530a$export$2e2bcd8739ae039), {
|
|
155801
|
-
className: "",
|
|
155802
|
-
//@ts-ignore
|
|
155803
|
-
selectedValue: envelopeType,
|
|
155804
|
-
//@ts-ignore
|
|
155805
|
-
setSelectedValue: setEnvelopeType,
|
|
155806
|
-
//@ts-ignore
|
|
155807
|
-
options: (0, $ad01ab85e9f42d02$export$dcaac635f59e4181),
|
|
155808
|
-
placeholder: "Envelope Type",
|
|
155809
|
-
error: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.ENVELOPE_TYPE_REQUIRED,
|
|
155810
|
-
isError: isError,
|
|
155811
|
-
label: "Envelope Type*"
|
|
155812
155787
|
})
|
|
155813
|
-
})
|
|
155814
|
-
|
|
155815
|
-
|
|
155816
|
-
|
|
155817
|
-
|
|
155818
|
-
|
|
155819
|
-
|
|
155820
|
-
|
|
155821
|
-
|
|
155822
|
-
|
|
155823
|
-
|
|
155824
|
-
|
|
155825
|
-
|
|
155826
|
-
|
|
155827
|
-
|
|
155828
|
-
|
|
155829
|
-
|
|
155788
|
+
}),
|
|
155789
|
+
product?.productType?.includes("Postcards") || product?.productType?.includes("Professional Letters") ? /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $234cc960d2851879$export$2e2bcd8739ae039), {}) : null,
|
|
155790
|
+
product && product.productType === "Professional Letters" && /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$cc55614734af2d87), {
|
|
155791
|
+
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$9eb849b9b922d396), {
|
|
155792
|
+
lg: 6,
|
|
155793
|
+
md: 6,
|
|
155794
|
+
sm: 12,
|
|
155795
|
+
xs: 12,
|
|
155796
|
+
children: /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
|
|
155797
|
+
className: "templateSelectWrapper",
|
|
155798
|
+
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $3f4ef87f7a4a530a$export$2e2bcd8739ae039), {
|
|
155799
|
+
className: "",
|
|
155800
|
+
//@ts-ignore
|
|
155801
|
+
selectedValue: envelopeType,
|
|
155802
|
+
//@ts-ignore
|
|
155803
|
+
setSelectedValue: setEnvelopeType,
|
|
155804
|
+
//@ts-ignore
|
|
155805
|
+
options: (0, $ad01ab85e9f42d02$export$dcaac635f59e4181),
|
|
155806
|
+
placeholder: "Envelope Type",
|
|
155807
|
+
error: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.ENVELOPE_TYPE_REQUIRED,
|
|
155808
|
+
isError: isError && !Object.keys(envelopeType).length,
|
|
155809
|
+
label: "Envelope Type*"
|
|
155830
155810
|
})
|
|
155831
|
-
})
|
|
155832
|
-
|
|
155833
|
-
|
|
155834
|
-
|
|
155835
|
-
|
|
155836
|
-
|
|
155837
|
-
|
|
155838
|
-
|
|
155839
|
-
|
|
155840
|
-
|
|
155841
|
-
|
|
155842
|
-
|
|
155843
|
-
|
|
155844
|
-
|
|
155811
|
+
})
|
|
155812
|
+
})
|
|
155813
|
+
}),
|
|
155814
|
+
product && product?.productType === "Postcards" && product?.size && /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$cc55614734af2d87), {
|
|
155815
|
+
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$9eb849b9b922d396), {
|
|
155816
|
+
lg: 12,
|
|
155817
|
+
md: 12,
|
|
155818
|
+
sm: 12,
|
|
155819
|
+
xs: 12,
|
|
155820
|
+
children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
|
|
155821
|
+
className: "postCardSizeWrapper",
|
|
155822
|
+
children: [
|
|
155823
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
|
|
155824
|
+
className: "postCardHeading",
|
|
155825
|
+
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
|
|
155826
|
+
style: $dd071d7635be500b$var$templateTextStyles,
|
|
155827
|
+
children: "Postcard Size*"
|
|
155828
|
+
})
|
|
155829
|
+
}),
|
|
155830
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
|
|
155831
|
+
className: "postCardWrapper",
|
|
155832
|
+
children: product?.size.sort((a, b)=>a.id.localeCompare(b.id)).map((type, index)=>{
|
|
155833
|
+
const size = type.size.split("x");
|
|
155834
|
+
return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
|
|
155835
|
+
onClick: ()=>dispatch((0, $dbaee5ca78364d67$export$6689c052aee06540)({
|
|
155836
|
+
...type,
|
|
155837
|
+
size: product.size,
|
|
155838
|
+
selectedSize: type.size
|
|
155839
|
+
}, "Postcards")),
|
|
155840
|
+
className: index === 0 ? `postCard postCard-small ${product.selectedSize === type.size ? "active" : ""}` : index === 1 ? `postCard postCard-mid ${product.selectedSize === type.size ? "active" : ""}` : index === 2 ? `postCard postCard-large ${product.selectedSize === type.size ? "active" : ""}` : `postCard ${product.selectedSize === type.size ? "active" : ""}`,
|
|
155845
155841
|
children: [
|
|
155846
|
-
|
|
155847
|
-
|
|
155848
|
-
|
|
155849
|
-
|
|
155842
|
+
/*#__PURE__*/ (0, jsx_runtime.jsxs)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
|
|
155843
|
+
children: [
|
|
155844
|
+
size[0],
|
|
155845
|
+
"\u201D x ",
|
|
155846
|
+
size[1],
|
|
155847
|
+
'"'
|
|
155848
|
+
]
|
|
155849
|
+
}),
|
|
155850
|
+
index === 0 ? /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $40b9cb0f42773a1d$export$2e2bcd8739ae039), {}) : index === 1 ? /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $2a03e2090a94ae64$export$2e2bcd8739ae039), {}) : /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e3c98ae575b9bdc0$export$2e2bcd8739ae039), {})
|
|
155850
155851
|
]
|
|
155851
|
-
})
|
|
155852
|
-
|
|
155852
|
+
}, index);
|
|
155853
|
+
})
|
|
155854
|
+
}),
|
|
155855
|
+
isError && product && product.productType === "Postcards" && !product.selectedSize && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
|
|
155856
|
+
className: "error-field",
|
|
155857
|
+
children: [
|
|
155858
|
+
"*",
|
|
155859
|
+
(0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.POSTCARD_SIZE_REQUIRED
|
|
155853
155860
|
]
|
|
155854
|
-
}
|
|
155855
|
-
})
|
|
155856
|
-
}),
|
|
155857
|
-
isError && product && product.productType === "Postcards" && !product.selectedSize && /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
|
|
155858
|
-
className: "error-field",
|
|
155859
|
-
children: [
|
|
155860
|
-
"*",
|
|
155861
|
-
(0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.POSTCARD_SIZE_REQUIRED
|
|
155861
|
+
})
|
|
155862
155862
|
]
|
|
155863
155863
|
})
|
|
155864
|
-
|
|
155864
|
+
})
|
|
155865
155865
|
})
|
|
155866
|
+
]
|
|
155867
|
+
}),
|
|
155868
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
|
|
155869
|
+
className: "footerBtns",
|
|
155870
|
+
children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
|
|
155871
|
+
className: "createTemplateBtns",
|
|
155872
|
+
children: [
|
|
155873
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
|
|
155874
|
+
style: {
|
|
155875
|
+
...$dd071d7635be500b$var$footerButtonStyles,
|
|
155876
|
+
border: "0.5px solid var(--border-color)"
|
|
155877
|
+
},
|
|
155878
|
+
onClick: ()=>navigate(returnRoute ? returnRoute : createTemplateRoute || "/create-template"),
|
|
155879
|
+
children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.CANCEL_BUTTON
|
|
155880
|
+
}),
|
|
155881
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
|
|
155882
|
+
style: {
|
|
155883
|
+
...$dd071d7635be500b$var$footerButtonStyles,
|
|
155884
|
+
color: "#ffffff",
|
|
155885
|
+
backgroundColor: "var(--primary-color)"
|
|
155886
|
+
},
|
|
155887
|
+
onClick: handleNext,
|
|
155888
|
+
children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.SUBMIT_BUTTON
|
|
155889
|
+
})
|
|
155890
|
+
]
|
|
155866
155891
|
})
|
|
155867
|
-
})
|
|
155892
|
+
}),
|
|
155893
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $a9c4d245899171bf$export$2e2bcd8739ae039), {})
|
|
155868
155894
|
]
|
|
155869
|
-
})
|
|
155870
|
-
/*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
|
|
155871
|
-
className: "footerBtns",
|
|
155872
|
-
children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
|
|
155873
|
-
className: "createTemplateBtns",
|
|
155874
|
-
children: [
|
|
155875
|
-
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
|
|
155876
|
-
style: {
|
|
155877
|
-
...$dd071d7635be500b$var$footerButtonStyles,
|
|
155878
|
-
border: "0.5px solid var(--borderColor)"
|
|
155879
|
-
},
|
|
155880
|
-
onClick: ()=>navigate(returnRoute ? returnRoute : "/create-template"),
|
|
155881
|
-
children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.CANCEL_BUTTON
|
|
155882
|
-
}),
|
|
155883
|
-
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
|
|
155884
|
-
style: {
|
|
155885
|
-
...$dd071d7635be500b$var$footerButtonStyles,
|
|
155886
|
-
color: "#ffffff",
|
|
155887
|
-
backgroundColor: "var(--primaryColor)"
|
|
155888
|
-
},
|
|
155889
|
-
onClick: handleNext,
|
|
155890
|
-
children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.SUBMIT_BUTTON
|
|
155891
|
-
})
|
|
155892
|
-
]
|
|
155893
|
-
})
|
|
155894
|
-
}),
|
|
155895
|
-
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $a9c4d245899171bf$export$2e2bcd8739ae039), {})
|
|
155895
|
+
})
|
|
155896
155896
|
]
|
|
155897
155897
|
});
|
|
155898
155898
|
};
|
|
@@ -155911,6 +155911,7 @@ var $dd071d7635be500b$export$2e2bcd8739ae039 = $dd071d7635be500b$var$CreateTempl
|
|
|
155911
155911
|
|
|
155912
155912
|
|
|
155913
155913
|
|
|
155914
|
+
|
|
155914
155915
|
// Define the type for the element being added
|
|
155915
155916
|
const $14dc1102dd22ee0f$export$fac40f04596fc189 = (store)=>{
|
|
155916
155917
|
const page = store.pages[0];
|
|
@@ -156115,20 +156116,20 @@ var $9d3950b100c0523a$export$2e2bcd8739ae039 = $9d3950b100c0523a$var$CircularPro
|
|
|
156115
156116
|
|
|
156116
156117
|
const $c8f7718e9f3db339$var$buttonStyles = {
|
|
156117
156118
|
color: "#fff",
|
|
156118
|
-
backgroundColor: "var(--
|
|
156119
|
+
backgroundColor: "var(--primary-color)",
|
|
156119
156120
|
maxWidth: "100px",
|
|
156120
156121
|
minHeight: "40px",
|
|
156121
|
-
border: "0.5px solid var(--
|
|
156122
|
+
border: "0.5px solid var(--border-color)",
|
|
156122
156123
|
fontSize: "14px"
|
|
156123
156124
|
};
|
|
156124
156125
|
const $c8f7718e9f3db339$var$heading = {
|
|
156125
156126
|
fontSize: "22px",
|
|
156126
|
-
color: "var(--
|
|
156127
|
+
color: "var(--primary-color)",
|
|
156127
156128
|
fontWeight: "600"
|
|
156128
156129
|
};
|
|
156129
156130
|
const $c8f7718e9f3db339$var$subHeadingStyle = {
|
|
156130
156131
|
fontSize: "16px",
|
|
156131
|
-
color: "var(--
|
|
156132
|
+
color: "var(--text-color)",
|
|
156132
156133
|
fontWeight: "600",
|
|
156133
156134
|
textAlign: "center"
|
|
156134
156135
|
};
|
|
@@ -156193,7 +156194,7 @@ const $c8f7718e9f3db339$var$Dialog = ({ icon: icon = null, customStyles: customS
|
|
|
156193
156194
|
onClick: onCancel,
|
|
156194
156195
|
style: {
|
|
156195
156196
|
...$c8f7718e9f3db339$var$buttonStyles,
|
|
156196
|
-
color: "var(--
|
|
156197
|
+
color: "var(--text-color)",
|
|
156197
156198
|
backgroundColor: "#fff"
|
|
156198
156199
|
},
|
|
156199
156200
|
children: cancelText
|
|
@@ -156255,7 +156256,7 @@ var $1cce2f1e40edb11b$export$2e2bcd8739ae039 = $1cce2f1e40edb11b$var$Save;
|
|
|
156255
156256
|
const $f8816ee2d46ac0fb$var$SaveTemplateModel = ({ handleSave: handleSave, handleClose: handleClose, open: open, loading: loading })=>{
|
|
156256
156257
|
return /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $c8f7718e9f3db339$export$2e2bcd8739ae039), {
|
|
156257
156258
|
icon: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $1cce2f1e40edb11b$export$2e2bcd8739ae039), {
|
|
156258
|
-
fill: "var(--
|
|
156259
|
+
fill: "var(--primary-color)"
|
|
156259
156260
|
}),
|
|
156260
156261
|
open: open,
|
|
156261
156262
|
loading: loading,
|
|
@@ -156311,7 +156312,7 @@ const $8c59b172071542b8$var$ModalCross = (props)=>{
|
|
|
156311
156312
|
cx: "13",
|
|
156312
156313
|
cy: "13",
|
|
156313
156314
|
r: "12",
|
|
156314
|
-
|
|
156315
|
+
strokeWidth: "2"
|
|
156315
156316
|
})
|
|
156316
156317
|
]
|
|
156317
156318
|
});
|
|
@@ -156445,17 +156446,17 @@ var $6612202931a08516$export$2e2bcd8739ae039 = $6612202931a08516$var$editPencilI
|
|
|
156445
156446
|
maxWidth: "120px",
|
|
156446
156447
|
minHeight: "40px",
|
|
156447
156448
|
backgroundColor: "#fff",
|
|
156448
|
-
color: "var(--
|
|
156449
|
-
border: "0.5px solid var(--
|
|
156449
|
+
color: "var(--text-color)",
|
|
156450
|
+
border: "0.5px solid var(--border-color)",
|
|
156450
156451
|
fontSize: "15px",
|
|
156451
156452
|
fontWeight: "500"
|
|
156452
156453
|
};
|
|
156453
156454
|
const $d31b9bd88e5dcf67$var$progressStyles = {
|
|
156454
156455
|
width: "20px",
|
|
156455
156456
|
height: "20px",
|
|
156456
|
-
border: "2px solid var(--
|
|
156457
|
+
border: "2px solid var(--primary-color)"
|
|
156457
156458
|
};
|
|
156458
|
-
const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: returnRoute, isStoreUpdated: isStoreUpdated, onSubmit: onSubmit })=>{
|
|
156459
|
+
const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: returnRoute, createTemplateRoute: createTemplateRoute, isStoreUpdated: isStoreUpdated, onSubmit: onSubmit })=>{
|
|
156459
156460
|
const [showNavigateDialog, setShowNavigateDialog] = (0, react.useState)(false);
|
|
156460
156461
|
const [isShowModel, setIsShowModel] = (0, react.useState)({
|
|
156461
156462
|
open: false,
|
|
@@ -156492,7 +156493,7 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: return
|
|
|
156492
156493
|
};
|
|
156493
156494
|
const handleBackPress = ()=>{
|
|
156494
156495
|
if (isStoreUpdated) setShowNavigateDialog(!showNavigateDialog);
|
|
156495
|
-
else handleNavigation(returnRoute ? returnRoute : "/create-template");
|
|
156496
|
+
else handleNavigation(returnRoute ? returnRoute : createTemplateRoute || "/create-template");
|
|
156496
156497
|
};
|
|
156497
156498
|
const handleNavigation = async (route = "/")=>{
|
|
156498
156499
|
handleClearFilters();
|
|
@@ -156597,7 +156598,7 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: return
|
|
|
156597
156598
|
}));
|
|
156598
156599
|
formData.append("title", title);
|
|
156599
156600
|
formData.append("productId", product?.id);
|
|
156600
|
-
formData.append("fields", selectedFields);
|
|
156601
|
+
formData.append("fields", JSON.stringify(selectedFields));
|
|
156601
156602
|
formData.append("envelopeType", envelopeType);
|
|
156602
156603
|
if (onSubmit) {
|
|
156603
156604
|
const saveTemplate = await onSubmit(formData);
|
|
@@ -156631,7 +156632,7 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: return
|
|
|
156631
156632
|
showNavigateDialog && /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $b3fd558411fcaf23$export$2e2bcd8739ae039), {
|
|
156632
156633
|
open: showNavigateDialog,
|
|
156633
156634
|
handleClose: ()=>setShowNavigateDialog(false),
|
|
156634
|
-
handleNavigateAction: ()=>handleNavigation(returnRoute ? returnRoute : "/create-template")
|
|
156635
|
+
handleNavigateAction: ()=>handleNavigation(returnRoute ? returnRoute : createTemplateRoute || "/create-template")
|
|
156635
156636
|
}),
|
|
156636
156637
|
isShowModel?.open && isShowModel?.model === "edit" && /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $706ecd46c5fca617$export$2e2bcd8739ae039), {
|
|
156637
156638
|
open: isShowModel?.open,
|
|
@@ -156651,8 +156652,8 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: return
|
|
|
156651
156652
|
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$9eb849b9b922d396), {
|
|
156652
156653
|
lg: 4,
|
|
156653
156654
|
md: 4,
|
|
156654
|
-
sm:
|
|
156655
|
-
xs:
|
|
156655
|
+
sm: 0,
|
|
156656
|
+
xs: 0
|
|
156656
156657
|
}),
|
|
156657
156658
|
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$9eb849b9b922d396), {
|
|
156658
156659
|
lg: 4,
|
|
@@ -156668,7 +156669,7 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: return
|
|
|
156668
156669
|
/*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
|
|
156669
156670
|
onClick: ()=>handleChangeModel("edit"),
|
|
156670
156671
|
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $6612202931a08516$export$2e2bcd8739ae039), {
|
|
156671
|
-
fill: "var(--
|
|
156672
|
+
fill: "var(--text-color)"
|
|
156672
156673
|
})
|
|
156673
156674
|
})
|
|
156674
156675
|
]
|
|
@@ -156677,7 +156678,7 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: return
|
|
|
156677
156678
|
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d020db196be2fc6a$export$9eb849b9b922d396), {
|
|
156678
156679
|
lg: 4,
|
|
156679
156680
|
md: 6,
|
|
156680
|
-
sm:
|
|
156681
|
+
sm: 9,
|
|
156681
156682
|
xs: 12,
|
|
156682
156683
|
children: /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
|
|
156683
156684
|
className: "actionsBtnWrapper right",
|
|
@@ -156697,8 +156698,8 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: return
|
|
|
156697
156698
|
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
|
|
156698
156699
|
style: {
|
|
156699
156700
|
...$d31b9bd88e5dcf67$var$buttonStyles,
|
|
156700
|
-
border: "0.5px solid var(--
|
|
156701
|
-
color: "var(--
|
|
156701
|
+
border: "0.5px solid var(--primary-color)",
|
|
156702
|
+
color: "var(--primary-color)"
|
|
156702
156703
|
},
|
|
156703
156704
|
onClick: ()=>handleBackPress(),
|
|
156704
156705
|
children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CANCEL_BUTTON
|
|
@@ -156707,7 +156708,7 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: return
|
|
|
156707
156708
|
style: {
|
|
156708
156709
|
...$d31b9bd88e5dcf67$var$buttonStyles,
|
|
156709
156710
|
border: "none",
|
|
156710
|
-
backgroundColor: "var(--
|
|
156711
|
+
backgroundColor: "var(--primary-color)",
|
|
156711
156712
|
color: "#fff"
|
|
156712
156713
|
},
|
|
156713
156714
|
onClick: ()=>handleChangeModel("save"),
|
|
@@ -156742,6 +156743,7 @@ var $d31b9bd88e5dcf67$export$2e2bcd8739ae039 = $d31b9bd88e5dcf67$var$TopNavigati
|
|
|
156742
156743
|
|
|
156743
156744
|
|
|
156744
156745
|
|
|
156746
|
+
|
|
156745
156747
|
|
|
156746
156748
|
|
|
156747
156749
|
const $21e11f889f8068bf$var$templateDefaultDesign = (props)=>{
|
|
@@ -156797,7 +156799,7 @@ const $c6f5440378b96420$var$loadDialogStyles = {
|
|
|
156797
156799
|
minHeight: "285px"
|
|
156798
156800
|
};
|
|
156799
156801
|
const $c6f5440378b96420$var$templateTextStyles = {
|
|
156800
|
-
color:
|
|
156802
|
+
color: `#000`,
|
|
156801
156803
|
fontSize: `12px`,
|
|
156802
156804
|
fontStyle: `normal`,
|
|
156803
156805
|
fontWeight: `500`,
|
|
@@ -156810,10 +156812,10 @@ const $c6f5440378b96420$var$customTemplateSection = {
|
|
|
156810
156812
|
name: "Templates",
|
|
156811
156813
|
...props,
|
|
156812
156814
|
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $afa975ba1b70ddf3$export$2e2bcd8739ae039), {
|
|
156813
|
-
fill: "var(--
|
|
156815
|
+
fill: "var(--text-color)"
|
|
156814
156816
|
})
|
|
156815
156817
|
})),
|
|
156816
|
-
Panel: (0, es.observer)(({ store: store, onGetTemplates: onGetTemplates })=>{
|
|
156818
|
+
Panel: (0, es.observer)(({ store: store, onGetOneTemplate: onGetOneTemplate, onGetTemplates: onGetTemplates })=>{
|
|
156817
156819
|
const dispatch = (0, useDispatch)();
|
|
156818
156820
|
const [currentTemplateType, setCurrentTemplateType] = (0, react.useState)((0, $7ad22e5ca6c288ca$export$d30c048b3f9a13c1)[0]);
|
|
156819
156821
|
const [selectedCategory, setSelectedCategory] = (0, react.useState)(null);
|
|
@@ -156911,9 +156913,26 @@ const $c6f5440378b96420$var$customTemplateSection = {
|
|
|
156911
156913
|
if (initialCall) page = 1;
|
|
156912
156914
|
getTemplatesByTab(page);
|
|
156913
156915
|
};
|
|
156914
|
-
const handleLoadTemplate = (id)=>{
|
|
156915
|
-
|
|
156916
|
-
|
|
156916
|
+
const handleLoadTemplate = async (id, type = "edit")=>{
|
|
156917
|
+
if (onGetOneTemplate) try {
|
|
156918
|
+
const template = await onGetOneTemplate(id);
|
|
156919
|
+
dispatch({
|
|
156920
|
+
type: (0, $e496cac0faa1ff17$export$1c6648626b31f20d),
|
|
156921
|
+
payload: {
|
|
156922
|
+
data: template,
|
|
156923
|
+
type: type
|
|
156924
|
+
}
|
|
156925
|
+
});
|
|
156926
|
+
dispatch({
|
|
156927
|
+
type: (0, $e496cac0faa1ff17$export$a3d810d0d7a98880),
|
|
156928
|
+
payload: true
|
|
156929
|
+
});
|
|
156930
|
+
} catch (error) {
|
|
156931
|
+
return error;
|
|
156932
|
+
} finally{
|
|
156933
|
+
handleDialogChange("");
|
|
156934
|
+
}
|
|
156935
|
+
else dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)("Please provide onGetOneTemplate handler to load this template"));
|
|
156917
156936
|
};
|
|
156918
156937
|
const handleDialogChange = (model = "")=>{
|
|
156919
156938
|
setIsShowDialog((prev)=>({
|
|
@@ -157082,10 +157101,6 @@ const $c6f5440378b96420$var$customTemplateSection = {
|
|
|
157082
157101
|
}),
|
|
157083
157102
|
/*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
|
|
157084
157103
|
className: "templateTabsWrapper",
|
|
157085
|
-
style: {
|
|
157086
|
-
maxWidth: window.innerWidth <= 600 ? "320px" : "480px",
|
|
157087
|
-
backgroundColor: "#fff"
|
|
157088
|
-
},
|
|
157089
157104
|
children: [
|
|
157090
157105
|
/*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
|
|
157091
157106
|
style: {
|
|
@@ -157096,6 +157111,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
|
|
|
157096
157111
|
options: (0, $7ad22e5ca6c288ca$export$d30c048b3f9a13c1),
|
|
157097
157112
|
setSelectedValue: setCurrentTemplateType,
|
|
157098
157113
|
selectedValue: currentTemplateType,
|
|
157114
|
+
builderSelect: true,
|
|
157099
157115
|
// @ts-ignore
|
|
157100
157116
|
search: ()=>{},
|
|
157101
157117
|
updateErrors: ()=>{},
|
|
@@ -157112,6 +157128,8 @@ const $c6f5440378b96420$var$customTemplateSection = {
|
|
|
157112
157128
|
options: templateCategories,
|
|
157113
157129
|
setSelectedValue: setSelectedCategory,
|
|
157114
157130
|
selectedValue: selectedCategory,
|
|
157131
|
+
builderSelect: true,
|
|
157132
|
+
clearField: true,
|
|
157115
157133
|
// @ts-ignore
|
|
157116
157134
|
search: ()=>{},
|
|
157117
157135
|
updateErrors: ()=>{},
|
|
@@ -157129,6 +157147,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
|
|
|
157129
157147
|
type: "text",
|
|
157130
157148
|
value: search,
|
|
157131
157149
|
name: "search",
|
|
157150
|
+
builderInput: true,
|
|
157132
157151
|
// @ts-ignore
|
|
157133
157152
|
onKeyDown: searchKeyDown,
|
|
157134
157153
|
onChange: (e)=>setSearch(e.target.value.trimStart()),
|
|
@@ -157146,7 +157165,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
|
|
|
157146
157165
|
onClick: ()=>handleDialogChange("design-own"),
|
|
157147
157166
|
children: [
|
|
157148
157167
|
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $21e11f889f8068bf$export$2e2bcd8739ae039), {
|
|
157149
|
-
fill: "var(--
|
|
157168
|
+
fill: "var(--primary-color)"
|
|
157150
157169
|
}),
|
|
157151
157170
|
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
|
|
157152
157171
|
style: $c6f5440378b96420$var$templateTextStyles,
|
|
@@ -157352,7 +157371,7 @@ const $57048af01a29b1ce$var$customFieldSection = {
|
|
|
157352
157371
|
name: "Fields",
|
|
157353
157372
|
...props,
|
|
157354
157373
|
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $c63ab7ca46bc9f98$export$2e2bcd8739ae039), {
|
|
157355
|
-
fill: "var(--
|
|
157374
|
+
fill: "var(--text-color)"
|
|
157356
157375
|
})
|
|
157357
157376
|
})),
|
|
157358
157377
|
Panel: (0, es.observer)(({ store: store, onGetCustomFields: onGetCustomFields })=>{
|
|
@@ -157426,7 +157445,7 @@ const $57048af01a29b1ce$var$customFieldSection = {
|
|
|
157426
157445
|
children: "Contact Fields"
|
|
157427
157446
|
}),
|
|
157428
157447
|
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $10fe05b81a81fb3f$export$2e2bcd8739ae039), {
|
|
157429
|
-
fill: "
|
|
157448
|
+
fill: "#000",
|
|
157430
157449
|
className: "infoIcon"
|
|
157431
157450
|
}),
|
|
157432
157451
|
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $7d1ce187c1ab3d01$export$2e2bcd8739ae039), {
|
|
@@ -157477,7 +157496,7 @@ const $57048af01a29b1ce$var$customFieldSection = {
|
|
|
157477
157496
|
children: "Custom Fields"
|
|
157478
157497
|
}),
|
|
157479
157498
|
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $10fe05b81a81fb3f$export$2e2bcd8739ae039), {
|
|
157480
|
-
fill: "var(--
|
|
157499
|
+
fill: "var(--primary-color)",
|
|
157481
157500
|
className: "custom"
|
|
157482
157501
|
}),
|
|
157483
157502
|
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $7d1ce187c1ab3d01$export$2e2bcd8739ae039), {
|
|
@@ -157536,7 +157555,8 @@ const $d303f0b433a1814c$var$SidePanel = (props)=>{
|
|
|
157536
157555
|
...(0, $c6f5440378b96420$export$2e2bcd8739ae039),
|
|
157537
157556
|
Panel: (panelProps)=>/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $c6f5440378b96420$export$2e2bcd8739ae039).Panel, {
|
|
157538
157557
|
...panelProps,
|
|
157539
|
-
onGetTemplates: props.onGetTemplates
|
|
157558
|
+
onGetTemplates: props.onGetTemplates,
|
|
157559
|
+
onGetOneTemplate: props.onGetOneTemplate
|
|
157540
157560
|
})
|
|
157541
157561
|
}
|
|
157542
157562
|
] : [],
|
|
@@ -157558,8 +157578,10 @@ var $d303f0b433a1814c$export$2e2bcd8739ae039 = $d303f0b433a1814c$var$SidePanel;
|
|
|
157558
157578
|
|
|
157559
157579
|
|
|
157560
157580
|
|
|
157581
|
+
|
|
157582
|
+
|
|
157561
157583
|
(0, polotno_config/* setUploadFunc */.Ut)((0, $dbaee5ca78364d67$export$a5575dbeeffdad98));
|
|
157562
|
-
const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, returnRoute: returnRoute, onGetCustomFields: onGetCustomFields, onGetTemplates: onGetTemplates, onSubmit: onSubmit })=>{
|
|
157584
|
+
const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, returnRoute: returnRoute, createTemplateRoute: createTemplateRoute, olcTemplate: olcTemplate, onGetOneTemplate: onGetOneTemplate, onGetCustomFields: onGetCustomFields, onGetTemplates: onGetTemplates, onSubmit: onSubmit })=>{
|
|
157563
157585
|
const [isStoreUpdated, setIsStoreUpdated] = (0, react.useState)(false);
|
|
157564
157586
|
const [switchTabCount, setSwitchTabCount] = (0, react.useState)(1);
|
|
157565
157587
|
const { id: id } = (0, useParams)();
|
|
@@ -157577,6 +157599,7 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, returnRoute: retu
|
|
|
157577
157599
|
(0, react.useEffect)(()=>{
|
|
157578
157600
|
handleLoadTemplate();
|
|
157579
157601
|
}, [
|
|
157602
|
+
olcTemplate,
|
|
157580
157603
|
template
|
|
157581
157604
|
]);
|
|
157582
157605
|
// Event listener for visibility change
|
|
@@ -157590,14 +157613,35 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, returnRoute: retu
|
|
|
157590
157613
|
};
|
|
157591
157614
|
}, []);
|
|
157592
157615
|
(0, react.useEffect)(()=>{
|
|
157593
|
-
if (!product) navigate("/create-template");
|
|
157616
|
+
if (!product && !olcTemplate && !id) navigate(createTemplateRoute || "/create-template");
|
|
157594
157617
|
}, []);
|
|
157618
|
+
// @ts-ignore
|
|
157595
157619
|
(0, react.useEffect)(()=>{
|
|
157596
|
-
if (product) {
|
|
157620
|
+
if (product || id && onGetOneTemplate) {
|
|
157597
157621
|
(0, polotno_config/* setGoogleFonts */.O3)((0, (/*@__PURE__*/$parcel$interopDefault($6095227f2f4b1a81$exports))));
|
|
157598
|
-
|
|
157599
|
-
|
|
157600
|
-
|
|
157622
|
+
if (id && onGetOneTemplate) try {
|
|
157623
|
+
onGetOneTemplate(id).then((template)=>{
|
|
157624
|
+
if (template) {
|
|
157625
|
+
dispatch({
|
|
157626
|
+
type: (0, $e496cac0faa1ff17$export$1c6648626b31f20d),
|
|
157627
|
+
payload: {
|
|
157628
|
+
data: template
|
|
157629
|
+
}
|
|
157630
|
+
});
|
|
157631
|
+
dispatch({
|
|
157632
|
+
type: (0, $e496cac0faa1ff17$export$a3d810d0d7a98880),
|
|
157633
|
+
payload: true
|
|
157634
|
+
});
|
|
157635
|
+
} else {
|
|
157636
|
+
dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)("Unable to load the Template"));
|
|
157637
|
+
setTimeout(()=>{
|
|
157638
|
+
navigate(createTemplateRoute || "/create-template");
|
|
157639
|
+
}, 1000);
|
|
157640
|
+
}
|
|
157641
|
+
});
|
|
157642
|
+
} catch (error) {
|
|
157643
|
+
return error;
|
|
157644
|
+
}
|
|
157601
157645
|
else if (store.pages.length === 0) createInitialPage();
|
|
157602
157646
|
fetchCustomFields();
|
|
157603
157647
|
const handleChange = ()=>{
|
|
@@ -157689,17 +157733,18 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, returnRoute: retu
|
|
|
157689
157733
|
}
|
|
157690
157734
|
};
|
|
157691
157735
|
const handleLoadTemplate = async ()=>{
|
|
157692
|
-
|
|
157736
|
+
const existingTemplate = olcTemplate || template;
|
|
157737
|
+
if (existingTemplate) {
|
|
157693
157738
|
const workspaceElement = document.querySelector(".polotno-workspace-container");
|
|
157694
157739
|
if (workspaceElement) workspaceElement.classList.add("show-loader");
|
|
157695
157740
|
// @ts-ignore
|
|
157696
|
-
const paperDimensions =
|
|
157741
|
+
const paperDimensions = existingTemplate?.product?.paperSize.split("x");
|
|
157697
157742
|
store.setUnit({
|
|
157698
157743
|
unit: "in",
|
|
157699
157744
|
dpi: 96
|
|
157700
157745
|
});
|
|
157701
157746
|
store.setSize(+paperDimensions[1] * (0, $7ad22e5ca6c288ca$export$6032165a31897610), +paperDimensions[0] * (0, $7ad22e5ca6c288ca$export$6032165a31897610));
|
|
157702
|
-
const jsonData = await (0, $ad01ab85e9f42d02$export$c706fc9cfb842dce)(
|
|
157747
|
+
const jsonData = await (0, $ad01ab85e9f42d02$export$c706fc9cfb842dce)(existingTemplate?.templateUrl);
|
|
157703
157748
|
store.loadJSON(jsonData);
|
|
157704
157749
|
await store.waitLoading();
|
|
157705
157750
|
setIsStoreUpdated(false);
|
|
@@ -157712,52 +157757,60 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, returnRoute: retu
|
|
|
157712
157757
|
};
|
|
157713
157758
|
// Incase of Real Penned Letters hide tooltip
|
|
157714
157759
|
const Tooltip = ()=>null;
|
|
157715
|
-
return /*#__PURE__*/ (0, jsx_runtime.
|
|
157716
|
-
|
|
157717
|
-
|
|
157718
|
-
|
|
157719
|
-
|
|
157720
|
-
|
|
157721
|
-
|
|
157722
|
-
|
|
157723
|
-
|
|
157724
|
-
|
|
157725
|
-
}),
|
|
157726
|
-
/*#__PURE__*/ (0, jsx_runtime.jsxs)((0, polotno_app.PolotnoContainer), {
|
|
157727
|
-
style: containerStyle,
|
|
157760
|
+
return /*#__PURE__*/ (0, jsx_runtime.jsxs)((0, jsx_runtime.Fragment), {
|
|
157761
|
+
children: [
|
|
157762
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
|
|
157763
|
+
className: "alert",
|
|
157764
|
+
children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE_MESSAGE_ON_SMALL_SCREEN
|
|
157765
|
+
}),
|
|
157766
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
|
|
157767
|
+
className: "polotno-container",
|
|
157768
|
+
children: switchTabCount > 0 && /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
|
|
157769
|
+
className: "builder-wrapper",
|
|
157728
157770
|
children: [
|
|
157729
|
-
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $
|
|
157771
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d31b9bd88e5dcf67$export$2e2bcd8739ae039), {
|
|
157730
157772
|
store: store,
|
|
157731
|
-
|
|
157732
|
-
|
|
157733
|
-
|
|
157773
|
+
isStoreUpdated: isStoreUpdated,
|
|
157774
|
+
returnRoute: returnRoute,
|
|
157775
|
+
onSubmit: onSubmit
|
|
157734
157776
|
}),
|
|
157735
|
-
/*#__PURE__*/ (0, jsx_runtime.jsxs)((0, polotno_app.
|
|
157777
|
+
/*#__PURE__*/ (0, jsx_runtime.jsxs)((0, polotno_app.PolotnoContainer), {
|
|
157778
|
+
style: containerStyle,
|
|
157736
157779
|
children: [
|
|
157737
|
-
|
|
157738
|
-
store: store,
|
|
157739
|
-
downloadButtonEnabled: false
|
|
157740
|
-
}),
|
|
157741
|
-
currentTemplateType !== "Real Penned Letter" ? /*#__PURE__*/ (0, jsx_runtime.jsx)((0, workspace.Workspace), {
|
|
157742
|
-
store: store,
|
|
157743
|
-
pageControlsEnabled: false
|
|
157744
|
-
}) : /*#__PURE__*/ (0, jsx_runtime.jsx)((0, workspace.Workspace), {
|
|
157780
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d303f0b433a1814c$export$2e2bcd8739ae039), {
|
|
157745
157781
|
store: store,
|
|
157746
|
-
|
|
157747
|
-
|
|
157748
|
-
|
|
157749
|
-
}
|
|
157782
|
+
currentTemplateType: currentTemplateType,
|
|
157783
|
+
onGetTemplates: onGetTemplates,
|
|
157784
|
+
onGetCustomFields: onGetCustomFields
|
|
157750
157785
|
}),
|
|
157751
|
-
/*#__PURE__*/ (0, jsx_runtime.
|
|
157752
|
-
|
|
157786
|
+
/*#__PURE__*/ (0, jsx_runtime.jsxs)((0, polotno_app.WorkspaceWrap), {
|
|
157787
|
+
children: [
|
|
157788
|
+
currentTemplateType !== "Real Penned Letter" && /*#__PURE__*/ (0, jsx_runtime.jsx)((0, toolbar.Toolbar), {
|
|
157789
|
+
store: store,
|
|
157790
|
+
downloadButtonEnabled: false
|
|
157791
|
+
}),
|
|
157792
|
+
currentTemplateType !== "Real Penned Letter" ? /*#__PURE__*/ (0, jsx_runtime.jsx)((0, workspace.Workspace), {
|
|
157793
|
+
store: store,
|
|
157794
|
+
pageControlsEnabled: false
|
|
157795
|
+
}) : /*#__PURE__*/ (0, jsx_runtime.jsx)((0, workspace.Workspace), {
|
|
157796
|
+
store: store,
|
|
157797
|
+
pageControlsEnabled: false,
|
|
157798
|
+
components: {
|
|
157799
|
+
Tooltip: Tooltip
|
|
157800
|
+
}
|
|
157801
|
+
}),
|
|
157802
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, zoom_buttons.ZoomButtons), {
|
|
157803
|
+
store: store
|
|
157804
|
+
})
|
|
157805
|
+
]
|
|
157753
157806
|
})
|
|
157754
157807
|
]
|
|
157755
|
-
})
|
|
157808
|
+
}),
|
|
157809
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $a9c4d245899171bf$export$2e2bcd8739ae039), {})
|
|
157756
157810
|
]
|
|
157757
|
-
})
|
|
157758
|
-
|
|
157759
|
-
|
|
157760
|
-
})
|
|
157811
|
+
})
|
|
157812
|
+
})
|
|
157813
|
+
]
|
|
157761
157814
|
});
|
|
157762
157815
|
};
|
|
157763
157816
|
var $6248df0c26b0b2d9$export$2e2bcd8739ae039 = $6248df0c26b0b2d9$var$TemplateBuilder;
|
|
@@ -157773,11 +157826,11 @@ const $edeafd00018ca857$var$initializeStore = (secretKey)=>{
|
|
|
157773
157826
|
showCredit: false
|
|
157774
157827
|
});
|
|
157775
157828
|
};
|
|
157776
|
-
const $edeafd00018ca857$var$App = ({ secretKey: secretKey, returnRoute: returnRoute, styles: styles, onGetCustomFields: onGetCustomFields, onGetTemplates: onGetTemplates, onSubmit: onSubmit })=>{
|
|
157829
|
+
const $edeafd00018ca857$var$App = ({ secretKey: secretKey, returnRoute: returnRoute, createTemplateRoute: createTemplateRoute, templateBuilderRoute: templateBuilderRoute, styles: styles, olcTemplate: olcTemplate, onGetOneTemplate: onGetOneTemplate, onGetCustomFields: onGetCustomFields, onGetTemplates: onGetTemplates, onSubmit: onSubmit })=>{
|
|
157777
157830
|
const [store, setStore] = (0, react.useState)($edeafd00018ca857$var$initializeStore(secretKey));
|
|
157778
157831
|
const currentPath = window?.location?.pathname;
|
|
157779
157832
|
(0, react.useEffect)(()=>{
|
|
157780
|
-
|
|
157833
|
+
{
|
|
157781
157834
|
const newStore = $edeafd00018ca857$var$initializeStore(secretKey);
|
|
157782
157835
|
setStore(newStore);
|
|
157783
157836
|
}
|
|
@@ -157795,16 +157848,20 @@ const $edeafd00018ca857$var$App = ({ secretKey: secretKey, returnRoute: returnRo
|
|
|
157795
157848
|
/*#__PURE__*/ (0, jsx_runtime.jsxs)((0, Routes), {
|
|
157796
157849
|
children: [
|
|
157797
157850
|
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, Route), {
|
|
157798
|
-
path: "/create-template",
|
|
157851
|
+
path: createTemplateRoute || "/create-template",
|
|
157799
157852
|
element: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $dd071d7635be500b$export$2e2bcd8739ae039), {
|
|
157800
|
-
returnRoute: returnRoute
|
|
157853
|
+
returnRoute: returnRoute,
|
|
157854
|
+
createTemplateRoute: createTemplateRoute
|
|
157801
157855
|
})
|
|
157802
157856
|
}),
|
|
157803
157857
|
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, Route), {
|
|
157804
|
-
path: "/template-builder",
|
|
157858
|
+
path: templateBuilderRoute || "/template-builder/:id?",
|
|
157805
157859
|
element: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $6248df0c26b0b2d9$export$2e2bcd8739ae039), {
|
|
157806
157860
|
store: store,
|
|
157861
|
+
olcTemplate: olcTemplate,
|
|
157807
157862
|
returnRoute: returnRoute,
|
|
157863
|
+
createTemplateRoute: createTemplateRoute,
|
|
157864
|
+
onGetOneTemplate: onGetOneTemplate,
|
|
157808
157865
|
onGetTemplates: onGetTemplates,
|
|
157809
157866
|
onGetCustomFields: onGetCustomFields,
|
|
157810
157867
|
onSubmit: onSubmit
|
|
@@ -157824,7 +157881,7 @@ var $edeafd00018ca857$export$2e2bcd8739ae039 = $edeafd00018ca857$var$App;
|
|
|
157824
157881
|
|
|
157825
157882
|
|
|
157826
157883
|
|
|
157827
|
-
const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, secretKey: secretKey, basicAuthUsername: basicAuthUsername, basicAuthPassword: basicAuthPassword, returnRoute: returnRoute, onGetTemplates: onGetTemplates, onGetCustomFields: onGetCustomFields, onSubmit: onSubmit, styles: styles })=>{
|
|
157884
|
+
const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, secretKey: secretKey, basicAuthUsername: basicAuthUsername, basicAuthPassword: basicAuthPassword, returnRoute: returnRoute, createTemplateRoute: createTemplateRoute, templateBuilderRoute: templateBuilderRoute, olcTemplate: olcTemplate, onGetOneTemplate: onGetOneTemplate, onGetTemplates: onGetTemplates, onGetCustomFields: onGetCustomFields, onSubmit: onSubmit, styles: styles })=>{
|
|
157828
157885
|
if (!container) throw new Error("Root element not found");
|
|
157829
157886
|
if (!secretKey) throw new Error("secretKey not found");
|
|
157830
157887
|
if (!basicAuthUsername) throw new Error("basicAuthUsername not found");
|
|
@@ -157839,16 +157896,38 @@ const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, secretKey
|
|
|
157839
157896
|
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $edeafd00018ca857$export$2e2bcd8739ae039), {
|
|
157840
157897
|
secretKey: secretKey,
|
|
157841
157898
|
styles: styles,
|
|
157899
|
+
olcTemplate: olcTemplate,
|
|
157842
157900
|
returnRoute: returnRoute,
|
|
157843
|
-
|
|
157901
|
+
createTemplateRoute: createTemplateRoute,
|
|
157902
|
+
templateBuilderRoute: templateBuilderRoute,
|
|
157903
|
+
onGetOneTemplate: onGetOneTemplate,
|
|
157844
157904
|
onGetTemplates: onGetTemplates,
|
|
157845
|
-
onGetCustomFields: onGetCustomFields
|
|
157905
|
+
onGetCustomFields: onGetCustomFields,
|
|
157906
|
+
onSubmit: onSubmit
|
|
157846
157907
|
})
|
|
157847
157908
|
})
|
|
157848
157909
|
})
|
|
157849
157910
|
}));
|
|
157850
157911
|
};
|
|
157851
|
-
var
|
|
157912
|
+
var // Example to run the project locally for development. Comment out these lines when building the application
|
|
157913
|
+
// const rootElement = document.getElementById('root');
|
|
157914
|
+
// if (rootElement) {
|
|
157915
|
+
// console.log("React SDK Loaded");
|
|
157916
|
+
// TemplateBuilder({
|
|
157917
|
+
// container: rootElement,
|
|
157918
|
+
// secretKey: import.meta.env.VITE_APP_PLOTNO_API_KEY,
|
|
157919
|
+
// basicAuthUsername: import.meta.env.VITE_APP_BASIC_AUTH_USERNAME,
|
|
157920
|
+
// basicAuthPassword: import.meta.env.VITE_APP_BASIC_AUTH_PASSWORD,
|
|
157921
|
+
// // onGetOneTemplate: getOneTemplate,
|
|
157922
|
+
// // olcTemplate: olcTemplateData,
|
|
157923
|
+
// // onGetTemplates: getAllTemplatesByTab,
|
|
157924
|
+
// // onSubmit: createTemplate,
|
|
157925
|
+
// styles: {}
|
|
157926
|
+
// });
|
|
157927
|
+
// } else {
|
|
157928
|
+
// console.error("Root element '#root' not found in the document.");
|
|
157929
|
+
// }
|
|
157930
|
+
$24075a5d702d64b3$export$2e2bcd8739ae039 = $24075a5d702d64b3$var$TemplateBuilder;
|
|
157852
157931
|
|
|
157853
157932
|
|
|
157854
157933
|
|
|
@@ -157882,6 +157961,22 @@ var $24075a5d702d64b3$export$2e2bcd8739ae039 = $24075a5d702d64b3$var$TemplateBui
|
|
|
157882
157961
|
type: String,
|
|
157883
157962
|
required: false
|
|
157884
157963
|
},
|
|
157964
|
+
createTemplateRoute: {
|
|
157965
|
+
type: String,
|
|
157966
|
+
required: false
|
|
157967
|
+
},
|
|
157968
|
+
templateBuilderRoute: {
|
|
157969
|
+
type: String,
|
|
157970
|
+
required: false
|
|
157971
|
+
},
|
|
157972
|
+
olcTemplate: {
|
|
157973
|
+
type: Object,
|
|
157974
|
+
required: false
|
|
157975
|
+
},
|
|
157976
|
+
onGetOneTemplate: {
|
|
157977
|
+
type: Function,
|
|
157978
|
+
required: false
|
|
157979
|
+
},
|
|
157885
157980
|
onGetTemplates: {
|
|
157886
157981
|
type: Function,
|
|
157887
157982
|
required: false
|
|
@@ -157912,6 +158007,10 @@ var $24075a5d702d64b3$export$2e2bcd8739ae039 = $24075a5d702d64b3$var$TemplateBui
|
|
|
157912
158007
|
basicAuthUsername: props.basicAuthUsername,
|
|
157913
158008
|
basicAuthPassword: props.basicAuthPassword,
|
|
157914
158009
|
returnRoute: props.returnRoute,
|
|
158010
|
+
createTemplateRoute: props.createTemplateRoute,
|
|
158011
|
+
templateBuilderRoute: props.templateBuilderRoute,
|
|
158012
|
+
olcTemplate: props.olcTemplate,
|
|
158013
|
+
onGetOneTemplate: props.onGetOneTemplate,
|
|
157915
158014
|
onGetTemplates: props.onGetTemplates,
|
|
157916
158015
|
onGetCustomFields: props.onGetCustomFields,
|
|
157917
158016
|
onSubmit: props.onSubmit,
|
|
@@ -158051,6 +158150,10 @@ const src_TemplateBuilder = ({
|
|
|
158051
158150
|
basicAuthUsername,
|
|
158052
158151
|
basicAuthPassword,
|
|
158053
158152
|
returnRoute,
|
|
158153
|
+
createTemplateRoute,
|
|
158154
|
+
templateBuilderRoute,
|
|
158155
|
+
olcTemplate,
|
|
158156
|
+
onGetOneTemplate,
|
|
158054
158157
|
onGetTemplates,
|
|
158055
158158
|
onGetCustomFields,
|
|
158056
158159
|
onSubmit,
|
|
@@ -158062,6 +158165,10 @@ const src_TemplateBuilder = ({
|
|
|
158062
158165
|
basicAuthUsername,
|
|
158063
158166
|
basicAuthPassword,
|
|
158064
158167
|
returnRoute,
|
|
158168
|
+
createTemplateRoute,
|
|
158169
|
+
templateBuilderRoute,
|
|
158170
|
+
olcTemplate,
|
|
158171
|
+
onGetOneTemplate,
|
|
158065
158172
|
onGetTemplates,
|
|
158066
158173
|
onGetCustomFields,
|
|
158067
158174
|
onSubmit,
|