@openlettermarketing/olc-vue-sdk 0.0.2 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.js +573 -1016
- package/build/index.js.map +1 -1
- package/package.json +2 -3
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.toast-container {\n width: 100%;\n max-width: 400px;\n}\n\n.toast-container .basic-toast {\n background-color: #ef7820;\n}\n\n.toast-container .basic-toast button {\n opacity: 1;\n}\n\n.toast-container .basic-toast button svg {\n fill: #fff;\n width: 20px;\n height: 20px;\n}\n\n.toast-container .basic-toast .toast-body .toast-content {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 10px;\n height: 100%;\n max-height: 50px;\n display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n color: #fff;\n margin: 0;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n font-weight: 600;\n}\n\n.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: 500;\n display: flex;\n}\n\n.select-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 8px;\n width: 100%;\n display: flex;\n}\n\n.select-layout label {\n color: var(--selectTextColor);\n margin-bottom: 5px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.select-layout .generic-select-container {\n cursor: pointer;\n width: 100%;\n font-size: 14px;\n line-height: 21px;\n}\n\n.select-layout .generic-select-container .generic-select__control {\n background-color: var(--selectBgColor);\n border: .5px solid var(--selectBorderColor);\n border-radius: 7px;\n height: 100%;\n min-height: 55px;\n padding-left: 10px;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n color: var(--selectTextColor);\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n border: .5px solid var(--selectBorderColor);\n}\n\n.select-layout .generic-select-container .generic-select__control::placeholder {\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control.generic-select__control--is-focused {\n border: .5px solid var(--selectBorderColor);\n box-shadow: none;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators {\n transition: all .2s ease-in;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__indicator-separator {\n display: none !important;\n}\n\n.select-layout .generic-select-container .generic-select__menu {\n background-color: var(--selectMenuBgColor);\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list {\n padding: 0 5px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option {\n text-align: left;\n color: var(--selectOptionTextColor);\n border-bottom: .5px solid var(--selectOptionBorderColor);\n cursor: pointer;\n padding: auto 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n border: none;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n background-color: var(--selectOptionFocusedColor);\n color: var(--selectOptionFocusedTextColor);\n}\n\n.input-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 10px;\n width: 100%;\n display: flex;\n}\n\n.input-layout .basic-label {\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--inputBorderColor);\n background-color: var(--inputBgColor);\n border-radius: 7px;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n min-height: 55px;\n display: flex;\n}\n\n.input-layout .input-with-icon .basic-input {\n color: var(--inputTextColor);\n background: none;\n border: none;\n border-radius: 7px;\n width: 100%;\n padding: 5px 20px;\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n font-family: Inter, sans-serif !important;\n}\n\n.input-layout .input-with-icon .basic-input:focus {\n outline: none;\n}\n\n.input-layout .input-with-icon .basic-input::placeholder {\n opacity: .5;\n color: var(--inputTextColor);\n}\n\n.input-layout .input-with-icon .search-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n position: relative;\n}\n\n.input-layout .input-with-icon .search-input-button:before {\n content: \"\";\n background-color: #303030;\n width: 1px;\n height: 100%;\n position: absolute;\n top: 0;\n right: 40px;\n}\n\n.input-layout .input-with-icon .search-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n}\n\n.input-layout .input-with-icon .cancel-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.input-layout .input-with-icon .cancel-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n width: 15px !important;\n}\n\n.input-layout .focused {\n background-color: var(--inputSearchAppliedBg);\n}\n\n.basic-divider {\n border: none;\n border-top: .5px solid #0000004d;\n width: 100%;\n max-width: 1600px;\n margin: 3px auto;\n}\n\n.createTemplateMaindiv .createTemplateMainBox {\n height: 100%;\n position: relative;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper {\n border-left: none;\n border-right: none;\n margin-left: 40px;\n padding: 20px 0 30px;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioHeading p {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox {\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n margin-bottom: 10px;\n display: flex;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input {\n cursor: pointer;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:checked {\n accent-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:focus {\n outline: none !important;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio label {\n cursor: pointer;\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .error-field {\n color: var(--red);\n margin-left: 5px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n margin-left: 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n color: var(--primaryColor);\n margin-bottom: 20px;\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper p {\n color: var(--textColor);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper .error-field {\n color: var(--red);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .templateSelectWrapper {\n margin: 20px 0 0 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n color: var(--textColor);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .templateSelectWrapper .error-field {\n color: var(--red);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper {\n margin-left: 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:last-child {\n color: var(--primaryColor);\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n text-decoration-line: underline;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper {\n justify-content: flex-start;\n align-items: center;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard {\n border: .45px solid var(--borderColor);\n background: var(--productCardBgColor);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 17px;\n width: 100%;\n max-width: 185px;\n height: 100%;\n min-height: 135px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.active, .createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:hover {\n background: var(--productCardBackgroundColorActive);\n border-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n color: var(--primaryColor);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:last-child img {\n margin-bottom: 5px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.error {\n border: .45px solid var(--red);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--red);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper {\n margin: 0 0 80px 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard {\n border: .45px solid var(--borderColor);\n background: var(--postCardBgColor);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 20px;\n padding: 13px 20px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg path {\n fill: var(--postCardSVGColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--postCardBackgroundColorActive);\n border-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:last-child, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path:hover, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path:hover {\n fill: var(--svgColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n color: var(--primaryColor);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-small {\n width: 100%;\n max-width: 150px;\n height: 100%;\n min-height: 148px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-mid {\n width: 100%;\n max-width: 196px;\n height: 100%;\n min-height: 182px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-large {\n width: 100%;\n max-width: 248px;\n height: 100%;\n min-height: 226px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .error-field {\n color: var(--red);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .footerBtns {\n border-top: .5px solid var(--borderColor);\n background-color: var(--footerBgColor);\n width: 100%;\n position: fixed;\n bottom: 0;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns {\n justify-content: flex-end;\n align-items: center;\n gap: 20px;\n padding: 14px 95px 14px 35px;\n display: flex;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button {\n text-transform: capitalize;\n border-radius: 3px;\n width: 100%;\n max-width: 100px;\n height: 100%;\n min-height: 40px;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:first-child {\n color: var(--secondaryButtonTextColor);\n text-align: center;\n border: .5px solid var(--borderColor);\n background-color: var(--secondaryButtonBgColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:last-child {\n color: var(--primaryButtonTextColor);\n text-align: center;\n background-color: var(--primaryButtonBgColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.mb-5 {\n margin-bottom: 6rem !important;\n}\n\n.error {\n border: 1.5px solid var(--red);\n}\n\n.basic-progress .loader {\n aspect-ratio: 1;\n border-radius: 50%;\n width: 50px;\n animation: .8s linear infinite alternate l20-1, 1.6s linear infinite l20-2;\n}\n\n@keyframes l20-1 {\n 0% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);\n }\n\n 12.5% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);\n }\n\n 25% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);\n }\n\n 50% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 62.5% {\n clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 75% {\n clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 100% {\n clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);\n }\n}\n\n@keyframes l20-2 {\n 0% {\n transform: scaleY(1)rotate(0);\n }\n\n 49.99% {\n transform: scaleY(1)rotate(135deg);\n }\n\n 50% {\n transform: scaleY(-1)rotate(0);\n }\n\n 100% {\n transform: scaleY(-1)rotate(-135deg);\n }\n}\n\n.basic-progress .hide-loader .loader {\n display: none !important;\n}\n\n.modal {\n z-index: 99999;\n background-color: #0006;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n overflow: auto;\n}\n\n.modal .modal-content {\n background-color: var(--dialogModalBgColor);\n border: 1px solid #888;\n border-radius: 11px;\n width: 80%;\n margin: auto;\n padding: 0;\n animation-name: animatetop;\n animation-duration: .4s;\n position: relative;\n box-shadow: 0 4px 8px #0003, 0 6px 20px #00000030;\n}\n\n.modal .modal-content .modal-header {\n color: var(--dialogModalTextColor);\n height: 100%;\n min-height: 20px;\n position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n color: var(--dialogModalTextColor);\n float: right;\n font-size: 28px;\n font-weight: bold;\n position: absolute;\n top: 0;\n right: 10px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n color: var(--dialogModalTextColor);\n cursor: pointer;\n text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n color: var(--dialogModalTextColor);\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 2px 16px;\n display: flex;\n}\n\n.modal .modal-content .modal-body .modal-icon svg {\n fill: var(--dialogModalSVGColor);\n width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-footer {\n color: var(--dialogModalTextColor);\n justify-content: center;\n align-items: center;\n gap: 20px;\n width: 100%;\n padding: 2px 16px;\n display: flex;\n position: absolute;\n bottom: 10px;\n}\n\n@keyframes animatetop {\n from {\n opacity: 0;\n top: -300px;\n }\n\n to {\n opacity: 1;\n top: 0;\n }\n}\n\n.confirmTemplateSaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 433px !important;\n height: 100% !important;\n max-height: 290px !important;\n margin: 0 auto !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent {\n flex-direction: column;\n gap: 20px;\n padding: 16px 16px 0;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 10px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:after, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmTemplateSaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin-bottom: 10px;\n}\n\n.confirmTemplateSaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.confirmTemplateSaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:disabled {\n opacity: .5;\n}\n\n.confirmCancelTemplateLeaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 407px !important;\n height: 100% !important;\n max-height: 258px !important;\n margin: 0 auto !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent {\n flex-direction: column;\n gap: 10px;\n display: flex;\n padding: 16px 16px 0 !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 12px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:after, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 11px;\n margin-bottom: 13px;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 3px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n min-width: 100px !important;\n min-height: 40px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n max-width: 146px !important;\n min-height: 40px !important;\n}\n\n.editTemplateNameModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 623px !important;\n height: 100% !important;\n max-height: 230px !important;\n margin: 0 auto !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n padding: 16px 16px 0 !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent {\n padding: 0 30px !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent p {\n color: #303030;\n margin: 10px 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 9.8px 22px;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:after, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.editTemplateNameModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin: 20px 0;\n}\n\n.editTemplateNameModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.editTemplateNameModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.editTemplateNameModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.top-navigation-container {\n background: var(--topbarBgColor);\n border-bottom: .5px solid var(--borderColor);\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n max-height: 70px;\n margin: 0;\n padding: 23px 20px;\n display: flex;\n position: absolute;\n top: 0;\n}\n\n.top-navigation-container .middle {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.top-navigation-container .middle p {\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--textColor);\n margin-bottom: 0;\n font-size: 16px;\n font-weight: 500;\n overflow: hidden;\n}\n\n.top-navigation-container .middle div {\n cursor: pointer;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n padding: 5px;\n transition: all .1s ease-in-out;\n display: flex;\n}\n\n.top-navigation-container .middle div:hover {\n background-color: var(--iconHoverBgColor);\n}\n\n.top-navigation-container .middle div svg {\n fill: var(--textColor);\n}\n\n.top-navigation-container button {\n text-transform: capitalize;\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n max-width: 120px !important;\n}\n\n.top-navigation-container .MuiGrid-item {\n padding-top: 0 !important;\n}\n\n.top-navigation-container .left {\n justify-content: flex-start !important;\n}\n\n.top-navigation-container .right {\n gap: 10px !important;\n}\n\n.top-navigation-container .actionsBtnWrapper {\n flex-wrap: wrap;\n justify-content: flex-end;\n align-items: center;\n display: flex;\n}\n\n.top-navigation-container .templateCreateBtn {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.polotno-panel-container {\n overflow-y: auto;\n}\n\n.polotno-panel-container .custom-template-section {\n display: \"flex\";\n flex-wrap: \"wrap\";\n overflow-y: \"scroll\";\n}\n\n.polotno-panel-container .custom-template-section .title span {\n color: #ed5c2f;\n font-size: 16px;\n font-weight: 600;\n}\n\n.polotno-panel-container .custom-template-section .default-design {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n display: flex;\n}\n\n.polotno-panel-container .custom-template-section .default-design p {\n color: #303030;\n margin-top: 5px;\n font-size: 12px;\n font-weight: 600;\n line-height: 14.52px;\n}\n\n.polotno-panel-container .custom-template-section .design-template {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n}\n\n.polotno-panel-container .custom-template-section .design-template img {\n object-fit: cover;\n width: 100%;\n height: 100%;\n}\n\n.dummy-image {\n padding: 85px;\n object-fit: fill !important;\n}\n\n.MuiTabs-indicator {\n background-color: #ed5c2f !important;\n}\n\n.templateTabsWrapper {\n background-color: var(--sidepanelBgColor) !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root {\n width: 15px;\n opacity: 1 !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root:hover svg {\n color: #ed5c2f !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root .Mui-disabled {\n opacity: 1 !important;\n}\n\n.noTemplateText {\n justify-content: center;\n align-items: center;\n height: 100%;\n min-height: 200px;\n display: flex;\n}\n\n.noTemplateText p {\n color: var(--textColor);\n font-size: 18px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.searchWrapper {\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n width: 100%;\n display: flex;\n position: relative;\n}\n\n.searchWrapper .searchInput {\n color: #000;\n background: #fff;\n border: .5px solid #44424180;\n border-radius: 3px;\n width: 514px;\n max-width: 520px;\n height: 40px;\n padding: 5px 20px;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.searchWrapper .searchInput:after, .searchWrapper .searchInput:before {\n display: none;\n}\n\n.searchWrapper .searchInput .searchIcon {\n color: #ed5c2f;\n position: relative;\n}\n\n.searchWrapper .searchInput .searchIcon:before {\n content: \"\";\n opacity: .5;\n background-color: #000;\n width: 1px;\n height: 90%;\n position: absolute;\n left: -5px;\n}\n\n.searchWrapper .searchApplied {\n background: #fff8ee;\n}\n\n.searchWrapper .searchApplied input {\n padding-right: 28px;\n}\n\n.searchWrapper .clearSerach {\n opacity: .6;\n cursor: pointer;\n font-size: 18px;\n position: absolute;\n top: 10px;\n right: 55px;\n}\n\n.dynamic-icon {\n width: 20px;\n height: 20px;\n}\n\n.dynamic-content .dynamic-content__top {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin: 8px auto;\n display: flex;\n}\n\n.dynamic-content .dynamic-content__top .title {\n color: var(--primaryColor);\n margin-right: 5px;\n font-size: 16px;\n font-weight: 600;\n line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n cursor: pointer;\n width: 12px;\n height: 12px;\n}\n\n.dynamic-content .divider {\n color: #44424145;\n margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n border: .5px solid var(--customFieldBorderColor);\n text-align: center;\n color: var(--customFieldTextColor);\n border-radius: 3px;\n width: 100%;\n height: 35px;\n margin: 5px auto;\n line-height: 35px;\n}\n\n.dynamic-content .copy {\n fill: var(--customFieldCopySVGColor) !important;\n}\n\n.basic-tooltip {\n text-align: center !important;\n color: #000 !important;\n opacity: 1 !important;\n background-color: #fff !important;\n width: 90% !important;\n max-width: fit-content !important;\n box-shadow: 0 0 12px #989595 !important;\n}\n\n@media (width <= 600px) {\n .polotno-container .builder-wrapper {\n display: none;\n }\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container {\n background-color: var(--sidepanelBgColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab {\n color: var(--sidepanelTextColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover {\n background-color: var(--sidepanelOptionHoverColor);\n opacity: .8;\n color: var(--sidepanelTextColorHover);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg {\n color: var(--primaryColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg path, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg path, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg line, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg line {\n stroke: var(--primaryColor) !important;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container {\n background-color: var(--mainBackgroundColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container > div > p {\n display: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab-indicator-wrapper .bp5-tab-indicator {\n background-color: var(--primaryColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"] {\n color: var(--primaryColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"] {\n color: var(--textColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-workspace-container {\n background-color: #0000 !important;\n}\n\n.bp5-popover-transition-container {\n z-index: 2200 !important;\n}\n\n:root {\n --sb-track-color: #fff8ee;\n --sb-thumb-color: #ffdfc2;\n --primaryColor: #ed5c2f;\n --svgColor: #fdb515;\n --textColor: #000;\n --productCardBgColor: #fff;\n --productCardBackgroundColorActive: #fff8ee;\n --postCardBgColor: #fff;\n --postCardBackgroundColorActive: #fff8ee;\n --postCardSVGColor: #fdecd3;\n --inputBgColor: #fff;\n --inputTextColor: #000;\n --inputBorderColor: #303030;\n --inputSearchAppliedBg: #fff8ee;\n --inputSearchIcon: #303030;\n --selectBgColor: transparent;\n --selectTextColor: #000;\n --selectBorderColor: #303030;\n --selectMenuBgColor: #fff;\n --selectOptionTextColor: #000;\n --selectOptionBorderColor: #5454544d;\n --selectOptionFocusedColor: #fff8ee;\n --selectOptionFocusedTextColor: #000;\n --selectOptionSelectedColor: #fff8ee;\n --selectOptionSelectedTextColor: #000;\n --selectOptionSelectedBg: #fff8ee;\n --topbarBgColor: #fff;\n --sidepanelBgColor: #fff;\n --sidepanelTextColor: #303030;\n --sidepanelSVGColor: #303030;\n --sidepanelSVGColorActive: #ed5c2f;\n --sidepanelOptionHoverColor: #fff8ee;\n --customFieldBorderColor: #303030;\n --customFieldTextColor: #303030;\n --customFieldCopySVGColor: #303030;\n --cardBgColor: transparent;\n --cardTextColor: #000;\n --dialogModalBgColor: #fff8ee;\n --dialogModalHeadingColor: #ed5c2f;\n --dialogModalTextColor: #000;\n --dialogModalSVGColor: #ed5c2f;\n --borderColor: #00000080;\n --secondaryButtonBgColor: #fff;\n --secondaryButtonTextColor: #000;\n --primaryButtonBgColor: #ed5c2f;\n --primaryButtonTextColor: #fff;\n --iconHoverBgColor: #00000013;\n --footerBgColor: #fff;\n --red: red;\n}\n\n:root body {\n margin: 0;\n padding: 70px 0 0;\n font-family: Inter, sans-serif !important;\n}\n\n:root body::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body body {\n scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);\n }\n}\n\n:root body .bp5-navbar {\n color: var(--textColor);\n background-color: var(--mainBackgroundColor);\n z-index: auto !important;\n}\n\n:root body .bp5-navbar .bp5-card {\n color: var(--cardTextColor);\n background-color: var(--cardBgColor);\n}\n\n:root body .bp5-navbar .bp5-button-text {\n color: var(--textColor);\n}\n\n:root body .go4160152499::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .go4160152499::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .go4160152499::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body .go4160152499 body, :root body .polotno-workspace-inner body, :root body .polotno-panel-container > div > div > div body {\n scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);\n }\n}\n", "",{"version":3,"sources":["webpack://./src/components/TemplateBuilder/index.css"],"names":[],"mappings":"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","sourcesContent":[".basic-typo {\n width: 100%;\n margin: 0;\n font-weight: 500;\n}\n\n.basic-typo h1 {\n font-size: 50px;\n}\n\n.basic-typo h2 {\n font-size: 45px;\n}\n\n.basic-typo h3 {\n font-size: 40px;\n}\n\n.basic-typo h4 {\n font-size: 35px;\n}\n\n.basic-typo h5 {\n font-size: 30px;\n}\n\n.basic-typo h6 {\n font-size: 25px;\n}\n\n.basic-typo p {\n font-size: 18px;\n}\n\n.toast-container {\n width: 100%;\n max-width: 400px;\n}\n\n.toast-container .basic-toast {\n background-color: #ef7820;\n}\n\n.toast-container .basic-toast button {\n opacity: 1;\n}\n\n.toast-container .basic-toast button svg {\n fill: #fff;\n width: 20px;\n height: 20px;\n}\n\n.toast-container .basic-toast .toast-body .toast-content {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 10px;\n height: 100%;\n max-height: 50px;\n display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n color: #fff;\n margin: 0;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n font-weight: 600;\n}\n\n.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: 500;\n display: flex;\n}\n\n.select-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 8px;\n width: 100%;\n display: flex;\n}\n\n.select-layout label {\n color: var(--selectTextColor);\n margin-bottom: 5px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.select-layout .generic-select-container {\n cursor: pointer;\n width: 100%;\n font-size: 14px;\n line-height: 21px;\n}\n\n.select-layout .generic-select-container .generic-select__control {\n background-color: var(--selectBgColor);\n border: .5px solid var(--selectBorderColor);\n border-radius: 7px;\n height: 100%;\n min-height: 55px;\n padding-left: 10px;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n color: var(--selectTextColor);\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n border: .5px solid var(--selectBorderColor);\n}\n\n.select-layout .generic-select-container .generic-select__control::placeholder {\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control.generic-select__control--is-focused {\n border: .5px solid var(--selectBorderColor);\n box-shadow: none;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators {\n transition: all .2s ease-in;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__indicator-separator {\n display: none !important;\n}\n\n.select-layout .generic-select-container .generic-select__menu {\n background-color: var(--selectMenuBgColor);\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list {\n padding: 0 5px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option {\n text-align: left;\n color: var(--selectOptionTextColor);\n border-bottom: .5px solid var(--selectOptionBorderColor);\n cursor: pointer;\n padding: auto 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n border: none;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n background-color: var(--selectOptionFocusedColor);\n color: var(--selectOptionFocusedTextColor);\n}\n\n.input-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 10px;\n width: 100%;\n display: flex;\n}\n\n.input-layout .basic-label {\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--inputBorderColor);\n background-color: var(--inputBgColor);\n border-radius: 7px;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n min-height: 55px;\n display: flex;\n}\n\n.input-layout .input-with-icon .basic-input {\n color: var(--inputTextColor);\n background: none;\n border: none;\n border-radius: 7px;\n width: 100%;\n padding: 5px 20px;\n font-size: 14px;\n font-weight: 500;\n line-height: 24px;\n font-family: Inter, sans-serif !important;\n}\n\n.input-layout .input-with-icon .basic-input:focus {\n outline: none;\n}\n\n.input-layout .input-with-icon .basic-input::placeholder {\n opacity: .5;\n color: var(--inputTextColor);\n}\n\n.input-layout .input-with-icon .search-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n position: relative;\n}\n\n.input-layout .input-with-icon .search-input-button:before {\n content: \"\";\n background-color: #303030;\n width: 1px;\n height: 100%;\n position: absolute;\n top: 0;\n right: 40px;\n}\n\n.input-layout .input-with-icon .search-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n}\n\n.input-layout .input-with-icon .cancel-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.input-layout .input-with-icon .cancel-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n width: 15px !important;\n}\n\n.input-layout .focused {\n background-color: var(--inputSearchAppliedBg);\n}\n\n.basic-divider {\n border: none;\n border-top: .5px solid #0000004d;\n width: 100%;\n max-width: 1600px;\n margin: 3px auto;\n}\n\n.createTemplateMaindiv .createTemplateMainBox {\n height: 100%;\n position: relative;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper {\n border-left: none;\n border-right: none;\n margin-left: 40px;\n padding: 20px 0 30px;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioHeading p {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox {\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n margin-bottom: 10px;\n display: flex;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input {\n cursor: pointer;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:checked {\n accent-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:focus {\n outline: none !important;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio label {\n cursor: pointer;\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .error-field {\n color: var(--red);\n margin-left: 5px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n margin-left: 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n color: var(--primaryColor);\n margin-bottom: 20px;\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper p {\n color: var(--textColor);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper .error-field {\n color: var(--red);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .templateSelectWrapper {\n margin: 20px 0 0 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n color: var(--textColor);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .templateSelectWrapper .error-field {\n color: var(--red);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper {\n margin-left: 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:last-child {\n color: var(--primaryColor);\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n text-decoration-line: underline;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper {\n justify-content: flex-start;\n align-items: center;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard {\n border: .45px solid var(--borderColor);\n background: var(--productCardBgColor);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 17px;\n width: 100%;\n max-width: 185px;\n height: 100%;\n min-height: 135px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.active, .createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:hover {\n background: var(--productCardBackgroundColorActive);\n border-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n color: var(--primaryColor);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:last-child img {\n margin-bottom: 5px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.error {\n border: .45px solid var(--red);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--red);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper {\n margin: 0 0 80px 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard {\n border: .45px solid var(--borderColor);\n background: var(--postCardBgColor);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 20px;\n padding: 13px 20px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg path {\n fill: var(--postCardSVGColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--postCardBackgroundColorActive);\n border-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:last-child, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path:hover, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path:hover {\n fill: var(--svgColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n color: var(--primaryColor);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-small {\n width: 100%;\n max-width: 150px;\n height: 100%;\n min-height: 148px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-mid {\n width: 100%;\n max-width: 196px;\n height: 100%;\n min-height: 182px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-large {\n width: 100%;\n max-width: 248px;\n height: 100%;\n min-height: 226px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .error-field {\n color: var(--red);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .footerBtns {\n border-top: .5px solid var(--borderColor);\n background-color: var(--footerBgColor);\n width: 100%;\n position: fixed;\n bottom: 0;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns {\n justify-content: flex-end;\n align-items: center;\n gap: 20px;\n padding: 14px 95px 14px 35px;\n display: flex;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button {\n text-transform: capitalize;\n border-radius: 3px;\n width: 100%;\n max-width: 100px;\n height: 100%;\n min-height: 40px;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:first-child {\n color: var(--secondaryButtonTextColor);\n text-align: center;\n border: .5px solid var(--borderColor);\n background-color: var(--secondaryButtonBgColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:last-child {\n color: var(--primaryButtonTextColor);\n text-align: center;\n background-color: var(--primaryButtonBgColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.mb-5 {\n margin-bottom: 6rem !important;\n}\n\n.error {\n border: 1.5px solid var(--red);\n}\n\n.basic-progress .loader {\n aspect-ratio: 1;\n border-radius: 50%;\n width: 50px;\n animation: .8s linear infinite alternate l20-1, 1.6s linear infinite l20-2;\n}\n\n@keyframes l20-1 {\n 0% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);\n }\n\n 12.5% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);\n }\n\n 25% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);\n }\n\n 50% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 62.5% {\n clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 75% {\n clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 100% {\n clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);\n }\n}\n\n@keyframes l20-2 {\n 0% {\n transform: scaleY(1)rotate(0);\n }\n\n 49.99% {\n transform: scaleY(1)rotate(135deg);\n }\n\n 50% {\n transform: scaleY(-1)rotate(0);\n }\n\n 100% {\n transform: scaleY(-1)rotate(-135deg);\n }\n}\n\n.basic-progress .hide-loader .loader {\n display: none !important;\n}\n\n.modal {\n z-index: 99999;\n background-color: #0006;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n overflow: auto;\n}\n\n.modal .modal-content {\n background-color: var(--dialogModalBgColor);\n border: 1px solid #888;\n border-radius: 11px;\n width: 80%;\n margin: auto;\n padding: 0;\n animation-name: animatetop;\n animation-duration: .4s;\n position: relative;\n box-shadow: 0 4px 8px #0003, 0 6px 20px #00000030;\n}\n\n.modal .modal-content .modal-header {\n color: var(--dialogModalTextColor);\n height: 100%;\n min-height: 20px;\n position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n color: var(--dialogModalTextColor);\n float: right;\n font-size: 28px;\n font-weight: bold;\n position: absolute;\n top: 0;\n right: 10px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n color: var(--dialogModalTextColor);\n cursor: pointer;\n text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n color: var(--dialogModalTextColor);\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 2px 16px;\n display: flex;\n}\n\n.modal .modal-content .modal-body .modal-icon svg {\n fill: var(--dialogModalSVGColor);\n width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-footer {\n color: var(--dialogModalTextColor);\n justify-content: center;\n align-items: center;\n gap: 20px;\n width: 100%;\n padding: 2px 16px;\n display: flex;\n position: absolute;\n bottom: 10px;\n}\n\n@keyframes animatetop {\n from {\n opacity: 0;\n top: -300px;\n }\n\n to {\n opacity: 1;\n top: 0;\n }\n}\n\n.confirmTemplateSaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 433px !important;\n height: 100% !important;\n max-height: 290px !important;\n margin: 0 auto !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent {\n flex-direction: column;\n gap: 20px;\n padding: 16px 16px 0;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 10px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:after, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmTemplateSaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin-bottom: 10px;\n}\n\n.confirmTemplateSaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.confirmTemplateSaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:disabled {\n opacity: .5;\n}\n\n.confirmCancelTemplateLeaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 407px !important;\n height: 100% !important;\n max-height: 258px !important;\n margin: 0 auto !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent {\n flex-direction: column;\n gap: 10px;\n display: flex;\n padding: 16px 16px 0 !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 12px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:after, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 11px;\n margin-bottom: 13px;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 3px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n min-width: 100px !important;\n min-height: 40px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n max-width: 146px !important;\n min-height: 40px !important;\n}\n\n.editTemplateNameModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 623px !important;\n height: 100% !important;\n max-height: 230px !important;\n margin: 0 auto !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n padding: 16px 16px 0 !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent {\n padding: 0 30px !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent p {\n color: #303030;\n margin: 10px 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 9.8px 22px;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:after, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.editTemplateNameModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin: 20px 0;\n}\n\n.editTemplateNameModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.editTemplateNameModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.editTemplateNameModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.top-navigation-container {\n background: var(--topbarBgColor);\n border-bottom: .5px solid var(--borderColor);\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n max-height: 70px;\n margin: 0;\n padding: 23px 20px;\n display: flex;\n position: absolute;\n top: 0;\n}\n\n.top-navigation-container .middle {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.top-navigation-container .middle p {\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--textColor);\n margin-bottom: 0;\n font-size: 16px;\n font-weight: 500;\n overflow: hidden;\n}\n\n.top-navigation-container .middle div {\n cursor: pointer;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n padding: 5px;\n transition: all .1s ease-in-out;\n display: flex;\n}\n\n.top-navigation-container .middle div:hover {\n background-color: var(--iconHoverBgColor);\n}\n\n.top-navigation-container .middle div svg {\n fill: var(--textColor);\n}\n\n.top-navigation-container button {\n text-transform: capitalize;\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n max-width: 120px !important;\n}\n\n.top-navigation-container .MuiGrid-item {\n padding-top: 0 !important;\n}\n\n.top-navigation-container .left {\n justify-content: flex-start !important;\n}\n\n.top-navigation-container .right {\n gap: 10px !important;\n}\n\n.top-navigation-container .actionsBtnWrapper {\n flex-wrap: wrap;\n justify-content: flex-end;\n align-items: center;\n display: flex;\n}\n\n.top-navigation-container .templateCreateBtn {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.polotno-panel-container {\n overflow-y: auto;\n}\n\n.polotno-panel-container .custom-template-section {\n display: \"flex\";\n flex-wrap: \"wrap\";\n overflow-y: \"scroll\";\n}\n\n.polotno-panel-container .custom-template-section .title span {\n color: #ed5c2f;\n font-size: 16px;\n font-weight: 600;\n}\n\n.polotno-panel-container .custom-template-section .default-design {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n display: flex;\n}\n\n.polotno-panel-container .custom-template-section .default-design p {\n color: #303030;\n margin-top: 5px;\n font-size: 12px;\n font-weight: 600;\n line-height: 14.52px;\n}\n\n.polotno-panel-container .custom-template-section .design-template {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n}\n\n.polotno-panel-container .custom-template-section .design-template img {\n object-fit: cover;\n width: 100%;\n height: 100%;\n}\n\n.dummy-image {\n padding: 85px;\n object-fit: fill !important;\n}\n\n.MuiTabs-indicator {\n background-color: #ed5c2f !important;\n}\n\n.templateTabsWrapper {\n background-color: var(--sidepanelBgColor) !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root {\n width: 15px;\n opacity: 1 !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root:hover svg {\n color: #ed5c2f !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root .Mui-disabled {\n opacity: 1 !important;\n}\n\n.noTemplateText {\n justify-content: center;\n align-items: center;\n height: 100%;\n min-height: 200px;\n display: flex;\n}\n\n.noTemplateText p {\n color: var(--textColor);\n font-size: 18px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.searchWrapper {\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n width: 100%;\n display: flex;\n position: relative;\n}\n\n.searchWrapper .searchInput {\n color: #000;\n background: #fff;\n border: .5px solid #44424180;\n border-radius: 3px;\n width: 514px;\n max-width: 520px;\n height: 40px;\n padding: 5px 20px;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.searchWrapper .searchInput:after, .searchWrapper .searchInput:before {\n display: none;\n}\n\n.searchWrapper .searchInput .searchIcon {\n color: #ed5c2f;\n position: relative;\n}\n\n.searchWrapper .searchInput .searchIcon:before {\n content: \"\";\n opacity: .5;\n background-color: #000;\n width: 1px;\n height: 90%;\n position: absolute;\n left: -5px;\n}\n\n.searchWrapper .searchApplied {\n background: #fff8ee;\n}\n\n.searchWrapper .searchApplied input {\n padding-right: 28px;\n}\n\n.searchWrapper .clearSerach {\n opacity: .6;\n cursor: pointer;\n font-size: 18px;\n position: absolute;\n top: 10px;\n right: 55px;\n}\n\n.dynamic-icon {\n width: 20px;\n height: 20px;\n}\n\n.dynamic-content .dynamic-content__top {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin: 8px auto;\n display: flex;\n}\n\n.dynamic-content .dynamic-content__top .title {\n color: var(--primaryColor);\n margin-right: 5px;\n font-size: 16px;\n font-weight: 600;\n line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n cursor: pointer;\n width: 12px;\n height: 12px;\n}\n\n.dynamic-content .divider {\n color: #44424145;\n margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n border: .5px solid var(--customFieldBorderColor);\n text-align: center;\n color: var(--customFieldTextColor);\n border-radius: 3px;\n width: 100%;\n height: 35px;\n margin: 5px auto;\n line-height: 35px;\n}\n\n.dynamic-content .copy {\n fill: var(--customFieldCopySVGColor) !important;\n}\n\n.basic-tooltip {\n text-align: center !important;\n color: #000 !important;\n opacity: 1 !important;\n background-color: #fff !important;\n width: 90% !important;\n max-width: fit-content !important;\n box-shadow: 0 0 12px #989595 !important;\n}\n\n@media (width <= 600px) {\n .polotno-container .builder-wrapper {\n display: none;\n }\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container {\n background-color: var(--sidepanelBgColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab {\n color: var(--sidepanelTextColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover {\n background-color: var(--sidepanelOptionHoverColor);\n opacity: .8;\n color: var(--sidepanelTextColorHover);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg {\n color: var(--primaryColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg path, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg path, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg line, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg line {\n stroke: var(--primaryColor) !important;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container {\n background-color: var(--mainBackgroundColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container > div > p {\n display: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab-indicator-wrapper .bp5-tab-indicator {\n background-color: var(--primaryColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"] {\n color: var(--primaryColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"] {\n color: var(--textColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-workspace-container {\n background-color: #0000 !important;\n}\n\n.bp5-popover-transition-container {\n z-index: 2200 !important;\n}\n\n:root {\n --sb-track-color: #fff8ee;\n --sb-thumb-color: #ffdfc2;\n --primaryColor: #ed5c2f;\n --svgColor: #fdb515;\n --textColor: #000;\n --productCardBgColor: #fff;\n --productCardBackgroundColorActive: #fff8ee;\n --postCardBgColor: #fff;\n --postCardBackgroundColorActive: #fff8ee;\n --postCardSVGColor: #fdecd3;\n --inputBgColor: #fff;\n --inputTextColor: #000;\n --inputBorderColor: #303030;\n --inputSearchAppliedBg: #fff8ee;\n --inputSearchIcon: #303030;\n --selectBgColor: transparent;\n --selectTextColor: #000;\n --selectBorderColor: #303030;\n --selectMenuBgColor: #fff;\n --selectOptionTextColor: #000;\n --selectOptionBorderColor: #5454544d;\n --selectOptionFocusedColor: #fff8ee;\n --selectOptionFocusedTextColor: #000;\n --selectOptionSelectedColor: #fff8ee;\n --selectOptionSelectedTextColor: #000;\n --selectOptionSelectedBg: #fff8ee;\n --topbarBgColor: #fff;\n --sidepanelBgColor: #fff;\n --sidepanelTextColor: #303030;\n --sidepanelSVGColor: #303030;\n --sidepanelSVGColorActive: #ed5c2f;\n --sidepanelOptionHoverColor: #fff8ee;\n --customFieldBorderColor: #303030;\n --customFieldTextColor: #303030;\n --customFieldCopySVGColor: #303030;\n --cardBgColor: transparent;\n --cardTextColor: #000;\n --dialogModalBgColor: #fff8ee;\n --dialogModalHeadingColor: #ed5c2f;\n --dialogModalTextColor: #000;\n --dialogModalSVGColor: #ed5c2f;\n --borderColor: #00000080;\n --secondaryButtonBgColor: #fff;\n --secondaryButtonTextColor: #000;\n --primaryButtonBgColor: #ed5c2f;\n --primaryButtonTextColor: #fff;\n --iconHoverBgColor: #00000013;\n --footerBgColor: #fff;\n --red: red;\n}\n\n:root body {\n margin: 0;\n padding: 70px 0 0;\n font-family: Inter, sans-serif !important;\n}\n\n:root body::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body body {\n scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);\n }\n}\n\n:root body .bp5-navbar {\n color: var(--textColor);\n background-color: var(--mainBackgroundColor);\n z-index: auto !important;\n}\n\n:root body .bp5-navbar .bp5-card {\n color: var(--cardTextColor);\n background-color: var(--cardBgColor);\n}\n\n:root body .bp5-navbar .bp5-button-text {\n color: var(--textColor);\n}\n\n:root body .go4160152499::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .go4160152499::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .go4160152499::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body .go4160152499 body, :root body .polotno-workspace-inner body, :root body .polotno-panel-container > div > div > div body {\n scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);\n }\n}\n"],"sourceRoot":""}]);
|
|
50374
|
+
___CSS_LOADER_EXPORT___.push([module.id, ".basic-typo {\n width: 100%;\n margin: 0;\n font-weight: 500;\n}\n\n.basic-typo h1 {\n font-size: 50px;\n}\n\n.basic-typo h2 {\n font-size: 45px;\n}\n\n.basic-typo h3 {\n font-size: 40px;\n}\n\n.basic-typo h4 {\n font-size: 35px;\n}\n\n.basic-typo h5 {\n font-size: 30px;\n}\n\n.basic-typo h6 {\n font-size: 25px;\n}\n\n.basic-typo p {\n font-size: 18px;\n}\n\n.basic-button {\n background-color: var(--primaryColor);\n color: #fff;\n cursor: pointer;\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n width: 100%;\n max-width: fit-content;\n height: 100%;\n padding: 0 10px;\n font-size: 16px;\n font-weight: 600;\n display: flex;\n}\n\n.basic-button.disabled {\n opacity: .5;\n cursor: not-allowed;\n}\n\n.select-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 8px;\n width: 100%;\n display: flex;\n}\n\n.select-layout label {\n color: var(--selectTextColor);\n margin-bottom: 5px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.select-layout .generic-select-container {\n cursor: pointer;\n width: 100%;\n font-size: 16px;\n line-height: 21px;\n}\n\n.select-layout .generic-select-container .generic-select__control {\n background-color: var(--selectBgColor);\n border: .5px solid var(--selectBorderColor);\n border-radius: 7px;\n height: 100%;\n min-height: 55px;\n padding-left: 10px;\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n color: var(--selectTextColor);\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n border: .5px solid var(--selectBorderColor);\n}\n\n.select-layout .generic-select-container .generic-select__control::placeholder {\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control.generic-select__control--is-focused {\n border: .5px solid var(--selectBorderColor);\n box-shadow: none;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators {\n transition: all .2s ease-in;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__indicator-separator {\n display: none !important;\n}\n\n.select-layout .generic-select-container .generic-select__menu {\n background-color: var(--selectMenuBgColor);\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list {\n padding: 0 5px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option {\n text-align: left;\n color: var(--selectOptionTextColor);\n border-bottom: .5px solid var(--selectOptionBorderColor);\n cursor: pointer;\n padding: auto 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n border: none;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n background-color: var(--selectOptionFocusedColor);\n color: var(--selectOptionFocusedTextColor);\n}\n\n.toast-container {\n width: 100%;\n max-width: 400px;\n}\n\n.toast-container .basic-toast {\n background-color: #ef7820;\n}\n\n.toast-container .basic-toast button {\n opacity: 1;\n}\n\n.toast-container .basic-toast button svg {\n fill: #fff;\n width: 20px;\n height: 20px;\n}\n\n.toast-container .basic-toast .toast-body .toast-content {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 10px;\n height: 100%;\n max-height: 50px;\n display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n color: #fff;\n margin: 0;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n font-weight: 600;\n}\n\n.input-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 10px;\n width: 100%;\n display: flex;\n}\n\n.input-layout .basic-label {\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--inputBorderColor);\n background-color: var(--inputBgColor);\n border-radius: 7px;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n min-height: 55px;\n display: flex;\n}\n\n.input-layout .input-with-icon .basic-input {\n color: var(--inputTextColor);\n background: none;\n border: none;\n border-radius: 7px;\n width: 100%;\n padding: 5px 20px;\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n font-family: Inter !important;\n}\n\n.input-layout .input-with-icon .basic-input:focus {\n outline: none;\n}\n\n.input-layout .input-with-icon .basic-input::placeholder {\n opacity: .5;\n color: var(--inputTextColor);\n}\n\n.input-layout .input-with-icon .search-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n position: relative;\n}\n\n.input-layout .input-with-icon .search-input-button:before {\n content: \"\";\n background-color: #303030;\n width: 1px;\n height: 100%;\n position: absolute;\n top: 0;\n right: 40px;\n}\n\n.input-layout .input-with-icon .search-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n}\n\n.input-layout .input-with-icon .cancel-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.input-layout .input-with-icon .cancel-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n width: 15px !important;\n}\n\n.input-layout .focused {\n background-color: var(--inputSearchAppliedBg);\n}\n\n.basic-divider {\n border: none;\n border-top: .5px solid #0000004d;\n width: 100%;\n max-width: 1600px;\n margin: 3px auto;\n}\n\n.createTemplateMaindiv .createTemplateMainBox {\n height: 100%;\n position: relative;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper {\n border-left: none;\n border-right: none;\n margin-left: 40px;\n padding: 20px 0 30px;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioHeading p {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox {\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n margin-bottom: 10px;\n display: flex;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio {\n cursor: pointer;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:checked {\n accent-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:focus {\n outline: none !important;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio label {\n cursor: pointer;\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .error-field {\n color: var(--red);\n margin-left: 5px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n margin-left: 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n color: var(--primaryColor);\n margin-bottom: 20px;\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper p {\n color: var(--textColor);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper .error-field {\n color: var(--red);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .templateSelectWrapper {\n margin: 20px 0 0 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n color: var(--textColor);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .templateSelectWrapper .error-field {\n color: var(--red);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper {\n margin-left: 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:last-child {\n color: var(--primaryColor);\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n text-decoration-line: underline;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper {\n justify-content: flex-start;\n align-items: center;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard {\n border: .45px solid var(--borderColor);\n background: var(--productCardBgColor);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 17px;\n width: 100%;\n max-width: 185px;\n height: 100%;\n min-height: 135px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.active, .createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:hover {\n background: var(--productCardBackgroundColorActive);\n border-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n color: var(--primaryColor);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:last-child img {\n margin-bottom: 5px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.error {\n border: .45px solid var(--red);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--red);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper {\n margin: 0 0 80px 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard {\n border: .45px solid var(--borderColor);\n background: var(--postCardBgColor);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 20px;\n padding: 13px 20px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg path {\n fill: var(--postCardSVGColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--postCardBackgroundColorActive);\n border-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:last-child, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path:hover, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path:hover {\n fill: var(--svgColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n color: var(--primaryColor);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-small {\n width: 100%;\n max-width: 150px;\n height: 100%;\n min-height: 148px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-mid {\n width: 100%;\n max-width: 196px;\n height: 100%;\n min-height: 182px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-large {\n width: 100%;\n max-width: 248px;\n height: 100%;\n min-height: 226px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .error-field {\n color: var(--red);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .footerBtns {\n border-top: .5px solid var(--borderColor);\n background-color: var(--footerBgColor);\n width: 100%;\n position: fixed;\n bottom: 0;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns {\n justify-content: flex-end;\n align-items: center;\n gap: 20px;\n padding: 14px 95px 14px 35px;\n display: flex;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button {\n text-transform: capitalize;\n border-radius: 3px;\n width: 100%;\n max-width: 100px;\n height: 100%;\n min-height: 40px;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:first-child {\n color: var(--secondaryButtonTextColor);\n text-align: center;\n border: .5px solid var(--borderColor);\n background-color: var(--secondaryButtonBgColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:last-child {\n color: var(--primaryButtonTextColor);\n text-align: center;\n background-color: var(--primaryButtonBgColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.mb-5 {\n margin-bottom: 6rem !important;\n}\n\n.error {\n border: 1.5px solid var(--red);\n}\n\n.basic-progress .loader {\n aspect-ratio: 1;\n border-radius: 50%;\n width: 50px;\n animation: .8s linear infinite alternate l20-1, 1.6s linear infinite l20-2;\n}\n\n@keyframes l20-1 {\n 0% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);\n }\n\n 12.5% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);\n }\n\n 25% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);\n }\n\n 50% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 62.5% {\n clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 75% {\n clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 100% {\n clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);\n }\n}\n\n@keyframes l20-2 {\n 0% {\n transform: scaleY(1)rotate(0);\n }\n\n 49.99% {\n transform: scaleY(1)rotate(135deg);\n }\n\n 50% {\n transform: scaleY(-1)rotate(0);\n }\n\n 100% {\n transform: scaleY(-1)rotate(-135deg);\n }\n}\n\n.basic-progress .hide-loader .loader {\n display: none !important;\n}\n\n.modal {\n z-index: 99999;\n background-color: #0006;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n overflow: auto;\n}\n\n.modal .modal-content {\n background-color: var(--dialogModalBgColor);\n border: 1px solid #888;\n border-radius: 11px;\n width: 80%;\n margin: auto;\n padding: 0;\n animation-name: animatetop;\n animation-duration: .4s;\n position: relative;\n box-shadow: 0 4px 8px #0003, 0 6px 20px #00000030;\n}\n\n.modal .modal-content .modal-header {\n color: var(--dialogModalTextColor);\n height: 100%;\n min-height: 20px;\n position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n color: var(--dialogModalTextColor);\n float: right;\n font-size: 28px;\n font-weight: bold;\n position: absolute;\n top: 0;\n right: 10px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n color: var(--dialogModalTextColor);\n cursor: pointer;\n text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n color: var(--dialogModalTextColor);\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 2px 16px;\n display: flex;\n}\n\n.modal .modal-content .modal-body .modal-icon svg {\n fill: var(--dialogModalSVGColor);\n width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-footer {\n color: var(--dialogModalTextColor);\n justify-content: center;\n align-items: center;\n gap: 20px;\n width: 100%;\n padding: 2px 16px;\n display: flex;\n position: absolute;\n bottom: 10px;\n}\n\n@keyframes animatetop {\n from {\n opacity: 0;\n top: -300px;\n }\n\n to {\n opacity: 1;\n top: 0;\n }\n}\n\n.confirmTemplateSaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 433px !important;\n height: 100% !important;\n max-height: 290px !important;\n margin: 0 auto !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent {\n flex-direction: column;\n gap: 20px;\n padding: 16px 16px 0;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 10px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:after, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmTemplateSaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin-bottom: 10px;\n}\n\n.confirmTemplateSaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.confirmTemplateSaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:disabled {\n opacity: .5;\n}\n\n.confirmCancelTemplateLeaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 407px !important;\n height: 100% !important;\n max-height: 258px !important;\n margin: 0 auto !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent {\n flex-direction: column;\n gap: 10px;\n display: flex;\n padding: 16px 16px 0 !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 12px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:after, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 11px;\n margin-bottom: 13px;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 3px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n min-width: 100px !important;\n min-height: 40px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n max-width: 146px !important;\n min-height: 40px !important;\n}\n\n.editTemplateNameModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 623px !important;\n height: 100% !important;\n max-height: 230px !important;\n margin: 0 auto !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n padding: 16px 16px 0 !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent {\n padding: 0 30px !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent p {\n color: #303030;\n margin: 10px 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 9.8px 22px;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:after, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.editTemplateNameModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin: 20px 0;\n}\n\n.editTemplateNameModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.editTemplateNameModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.editTemplateNameModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.top-navigation-container {\n background: var(--topbarBgColor);\n border-bottom: .5px solid var(--borderColor);\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n max-height: 70px;\n margin: 0;\n padding: 23px 20px;\n display: flex;\n position: absolute;\n top: 0;\n}\n\n.top-navigation-container .middle {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.top-navigation-container .middle p {\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--textColor);\n margin-bottom: 0;\n font-size: 16px;\n font-weight: 400;\n overflow: hidden;\n}\n\n.top-navigation-container .middle div {\n cursor: pointer;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n padding: 5px;\n transition: all .1s ease-in-out;\n display: flex;\n}\n\n.top-navigation-container .middle div:hover {\n background-color: var(--iconHoverBgColor);\n}\n\n.top-navigation-container .middle div svg {\n fill: var(--textColor);\n}\n\n.top-navigation-container button {\n text-transform: capitalize;\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n max-width: 120px !important;\n}\n\n.top-navigation-container .MuiGrid-item {\n padding-top: 0 !important;\n}\n\n.top-navigation-container .left {\n justify-content: flex-start !important;\n}\n\n.top-navigation-container .right {\n gap: 10px !important;\n}\n\n.top-navigation-container .actionsBtnWrapper {\n flex-wrap: wrap;\n justify-content: flex-end;\n align-items: center;\n display: flex;\n}\n\n.top-navigation-container .templateCreateBtn {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.polotno-panel-container {\n overflow-y: auto;\n}\n\n.polotno-panel-container .custom-template-section {\n display: \"flex\";\n flex-wrap: \"wrap\";\n overflow-y: \"scroll\";\n}\n\n.polotno-panel-container .custom-template-section .title span {\n color: #ed5c2f;\n font-size: 16px;\n font-weight: 600;\n}\n\n.polotno-panel-container .custom-template-section .default-design {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n display: flex;\n}\n\n.polotno-panel-container .custom-template-section .default-design p {\n color: #303030;\n margin-top: 5px;\n font-size: 12px;\n font-weight: 600;\n line-height: 14.52px;\n}\n\n.polotno-panel-container .custom-template-section .design-template {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n}\n\n.polotno-panel-container .custom-template-section .design-template img {\n object-fit: cover;\n width: 100%;\n height: 100%;\n}\n\n.dummy-image {\n padding: 85px;\n object-fit: fill !important;\n}\n\n.MuiTabs-indicator {\n background-color: #ed5c2f !important;\n}\n\n.templateTabsWrapper {\n background-color: var(--sidepanelBgColor) !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root {\n width: 15px;\n opacity: 1 !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root:hover svg {\n color: #ed5c2f !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root .Mui-disabled {\n opacity: 1 !important;\n}\n\n.noTemplateText {\n justify-content: center;\n align-items: center;\n height: 100%;\n min-height: 200px;\n display: flex;\n}\n\n.noTemplateText p {\n color: var(--textColor);\n font-size: 18px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.searchWrapper {\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n width: 100%;\n display: flex;\n position: relative;\n}\n\n.searchWrapper .searchInput {\n color: #000;\n background: #fff;\n border: .5px solid #44424180;\n border-radius: 3px;\n width: 514px;\n max-width: 520px;\n height: 40px;\n padding: 5px 20px;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.searchWrapper .searchInput:after, .searchWrapper .searchInput:before {\n display: none;\n}\n\n.searchWrapper .searchInput .searchIcon {\n color: #ed5c2f;\n position: relative;\n}\n\n.searchWrapper .searchInput .searchIcon:before {\n content: \"\";\n opacity: .5;\n background-color: #000;\n width: 1px;\n height: 90%;\n position: absolute;\n left: -5px;\n}\n\n.searchWrapper .searchApplied {\n background: #fff8ee;\n}\n\n.searchWrapper .searchApplied input {\n padding-right: 28px;\n}\n\n.searchWrapper .clearSerach {\n opacity: .6;\n cursor: pointer;\n font-size: 18px;\n position: absolute;\n top: 10px;\n right: 55px;\n}\n\n.basic-tooltip {\n text-align: center !important;\n color: #000 !important;\n opacity: 1 !important;\n background-color: #fff !important;\n width: 90% !important;\n max-width: fit-content !important;\n box-shadow: 0 0 12px #989595 !important;\n}\n\n.dynamic-icon {\n width: 20px;\n height: 20px;\n}\n\n.dynamic-content .dynamic-content__top {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin: 8px auto;\n display: flex;\n}\n\n.dynamic-content .dynamic-content__top .title {\n color: var(--primaryColor);\n margin-right: 5px;\n font-size: 16px;\n font-weight: 600;\n line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n cursor: pointer;\n width: 12px;\n height: 12px;\n}\n\n.dynamic-content .divider {\n color: #44424145;\n margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n border: .5px solid var(--customFieldBorderColor);\n text-align: center;\n color: var(--customFieldTextColor);\n border-radius: 3px;\n width: 100%;\n height: 35px;\n margin: 5px auto;\n line-height: 35px;\n}\n\n.dynamic-content .copy {\n fill: var(--customFieldCopySVGColor) !important;\n}\n\n@media (width <= 600px) {\n .polotno-container .builder-wrapper {\n display: none;\n }\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container {\n background-color: var(--sidepanelBgColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab {\n color: var(--sidepanelTextColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover {\n background-color: var(--sidepanelOptionHoverColor);\n opacity: .8;\n color: var(--sidepanelTextColorHover);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg {\n color: var(--primaryColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg path, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg path {\n fill: var(--primaryColor) !important;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container {\n background-color: var(--mainBackgroundColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container > div > p {\n display: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab-indicator-wrapper .bp5-tab-indicator {\n background-color: var(--primaryColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"] {\n color: var(--primaryColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"] {\n color: var(--textColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-workspace-container {\n background-color: #0000 !important;\n}\n\n.bp5-popover-transition-container {\n z-index: 2200 !important;\n}\n\n:root {\n --sb-track-color: #fff8ee;\n --sb-thumb-color: #ffdfc2;\n --primaryColor: #ed5c2f;\n --svgColor: #fdb515;\n --svgColorSecondary: #ed5c2f;\n --mainBackgroundColor: #fff;\n --textColor: #000;\n --productCardBgColor: #fff;\n --productCardBackgroundColorActive: #fff8ee;\n --postCardBgColor: #fff;\n --postCardBackgroundColorActive: #fff8ee;\n --postCardSVGColor: #fdecd3;\n --inputBgColor: #fff;\n --inputTextColor: #000;\n --inputBorderColor: #303030;\n --inputSearchAppliedBg: #fff8ee;\n --inputSearchIcon: #303030;\n --selectBgColor: transparent;\n --selectTextColor: #000;\n --selectBorderColor: #303030;\n --selectMenuBgColor: #fff;\n --selectOptionTextColor: #000;\n --selectOptionBorderColor: #5454544d;\n --selectOptionFocusedColor: #fff8ee;\n --selectOptionFocusedTextColor: #000;\n --selectOptionSelectedColor: #fff8ee;\n --selectOptionSelectedTextColor: #000;\n --selectOptionSelectedBg: #fff8ee;\n --topbarBgColor: #fff;\n --sidepanelBgColor: #fff;\n --sidepanelTextColor: #303030;\n --sidepanelSVGColor: #303030;\n --sidepanelSVGColorActive: #ed5c2f;\n --sidepanelOptionHoverColor: #fff8ee;\n --sidepanelTextColorHover: #ed5c2f;\n --customFieldBorderColor: #303030;\n --customFieldTextColor: #303030;\n --customFieldCopySVGColor: #303030;\n --cardBgColor: transparent;\n --cardTextColor: #000;\n --dialogModalBgColor: #fff8ee;\n --dialogModalHeadingColor: #ed5c2f;\n --dialogModalTextColor: #000;\n --dialogModalSVGColor: #ed5c2f;\n --borderColor: #00000080;\n --secondaryButtonBgColor: #fff;\n --secondaryButtonTextColor: #000;\n --primaryButtonBgColor: #ed5c2f;\n --primaryButtonTextColor: #fff;\n --iconHoverBgColor: #00000013;\n --footerBgColor: #fff;\n --red: red;\n}\n\n:root body {\n margin: 0;\n padding: 70px 0 0;\n font-family: Inter !important;\n}\n\n:root body::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body body {\n scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);\n }\n}\n\n:root body .bp5-navbar {\n color: var(--textColor);\n background-color: var(--mainBackgroundColor);\n z-index: auto !important;\n}\n\n:root body .bp5-navbar .bp5-card {\n color: var(--cardTextColor);\n background-color: var(--cardBgColor);\n}\n\n:root body .bp5-navbar .polotno-close-panel .bp5-button-text {\n color: var(--textColor);\n}\n\n:root body .bp5-navbar > div {\n border-bottom: 1px solid #1114181a !important;\n}\n\n:root body .go4160152499::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .go4160152499::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .go4160152499::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body .go4160152499 body, :root body .polotno-workspace-inner body, :root body .polotno-panel-container body, :root body .polotno-panel-container > div body, :root body .polotno-panel-container > div > div body, :root body .polotno-panel-container > div > div > div body {\n scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);\n }\n}\n", "",{"version":3,"sources":["webpack://./src/components/TemplateBuilder/index.css"],"names":[],"mappings":"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","sourcesContent":[".basic-typo {\n width: 100%;\n margin: 0;\n font-weight: 500;\n}\n\n.basic-typo h1 {\n font-size: 50px;\n}\n\n.basic-typo h2 {\n font-size: 45px;\n}\n\n.basic-typo h3 {\n font-size: 40px;\n}\n\n.basic-typo h4 {\n font-size: 35px;\n}\n\n.basic-typo h5 {\n font-size: 30px;\n}\n\n.basic-typo h6 {\n font-size: 25px;\n}\n\n.basic-typo p {\n font-size: 18px;\n}\n\n.basic-button {\n background-color: var(--primaryColor);\n color: #fff;\n cursor: pointer;\n border-radius: 4px;\n justify-content: center;\n align-items: center;\n width: 100%;\n max-width: fit-content;\n height: 100%;\n padding: 0 10px;\n font-size: 16px;\n font-weight: 600;\n display: flex;\n}\n\n.basic-button.disabled {\n opacity: .5;\n cursor: not-allowed;\n}\n\n.select-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 8px;\n width: 100%;\n display: flex;\n}\n\n.select-layout label {\n color: var(--selectTextColor);\n margin-bottom: 5px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.select-layout .generic-select-container {\n cursor: pointer;\n width: 100%;\n font-size: 16px;\n line-height: 21px;\n}\n\n.select-layout .generic-select-container .generic-select__control {\n background-color: var(--selectBgColor);\n border: .5px solid var(--selectBorderColor);\n border-radius: 7px;\n height: 100%;\n min-height: 55px;\n padding-left: 10px;\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__value-container .generic-select__single-value {\n color: var(--selectTextColor);\n font-size: 14px;\n}\n\n.select-layout .generic-select-container .generic-select__control:hover {\n border: .5px solid var(--selectBorderColor);\n}\n\n.select-layout .generic-select-container .generic-select__control::placeholder {\n opacity: .5;\n}\n\n.select-layout .generic-select-container .generic-select__control.generic-select__control--is-focused {\n border: .5px solid var(--selectBorderColor);\n box-shadow: none;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators {\n transition: all .2s ease-in;\n}\n\n.select-layout .generic-select-container .generic-select__control .generic-select__indicators .generic-select__indicator-separator {\n display: none !important;\n}\n\n.select-layout .generic-select-container .generic-select__menu {\n background-color: var(--selectMenuBgColor);\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list {\n padding: 0 5px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option {\n text-align: left;\n color: var(--selectOptionTextColor);\n border-bottom: .5px solid var(--selectOptionBorderColor);\n cursor: pointer;\n padding: auto 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option:last-child {\n border: none;\n}\n\n.select-layout .generic-select-container .generic-select__menu .generic-select__menu-list .generic-select__option.generic-select__option--is-focused {\n background-color: var(--selectOptionFocusedColor);\n color: var(--selectOptionFocusedTextColor);\n}\n\n.toast-container {\n width: 100%;\n max-width: 400px;\n}\n\n.toast-container .basic-toast {\n background-color: #ef7820;\n}\n\n.toast-container .basic-toast button {\n opacity: 1;\n}\n\n.toast-container .basic-toast button svg {\n fill: #fff;\n width: 20px;\n height: 20px;\n}\n\n.toast-container .basic-toast .toast-body .toast-content {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 10px;\n height: 100%;\n max-height: 50px;\n display: flex;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p {\n color: #fff;\n margin: 0;\n}\n\n.toast-container .basic-toast .toast-body .toast-content p:first-child {\n font-weight: 600;\n}\n\n.input-layout {\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 10px;\n width: 100%;\n display: flex;\n}\n\n.input-layout .basic-label {\n font-size: 14px;\n font-weight: 400;\n}\n\n.input-layout .input-with-icon {\n border: .5px solid var(--inputBorderColor);\n background-color: var(--inputBgColor);\n border-radius: 7px;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n min-height: 55px;\n display: flex;\n}\n\n.input-layout .input-with-icon .basic-input {\n color: var(--inputTextColor);\n background: none;\n border: none;\n border-radius: 7px;\n width: 100%;\n padding: 5px 20px;\n font-size: 14px;\n font-weight: 400;\n line-height: 24px;\n font-family: Inter !important;\n}\n\n.input-layout .input-with-icon .basic-input:focus {\n outline: none;\n}\n\n.input-layout .input-with-icon .basic-input::placeholder {\n opacity: .5;\n color: var(--inputTextColor);\n}\n\n.input-layout .input-with-icon .search-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n position: relative;\n}\n\n.input-layout .input-with-icon .search-input-button:before {\n content: \"\";\n background-color: #303030;\n width: 1px;\n height: 100%;\n position: absolute;\n top: 0;\n right: 40px;\n}\n\n.input-layout .input-with-icon .search-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n}\n\n.input-layout .input-with-icon .cancel-input-button {\n justify-content: center;\n align-items: center;\n display: flex;\n}\n\n.input-layout .input-with-icon .cancel-input-button svg {\n cursor: pointer;\n margin-right: 10px;\n width: 15px !important;\n}\n\n.input-layout .focused {\n background-color: var(--inputSearchAppliedBg);\n}\n\n.basic-divider {\n border: none;\n border-top: .5px solid #0000004d;\n width: 100%;\n max-width: 1600px;\n margin: 3px auto;\n}\n\n.createTemplateMaindiv .createTemplateMainBox {\n height: 100%;\n position: relative;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper {\n border-left: none;\n border-right: none;\n margin-left: 40px;\n padding: 20px 0 30px;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioHeading p {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox {\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n margin-bottom: 10px;\n display: flex;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio {\n cursor: pointer;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:checked {\n accent-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio input:focus {\n outline: none !important;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .tempTypeRadioBox .tempRadio label {\n cursor: pointer;\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateMainBox .tempTypeRadioWrapper .error-field {\n color: var(--red);\n margin-left: 5px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .createTemplateHeader {\n margin-left: 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .createTemplateHeader p {\n color: var(--primaryColor);\n margin-bottom: 20px;\n font-size: 24px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper p {\n color: var(--textColor);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .createTemplateHeader .templateInputWrapper .error-field {\n color: var(--red);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .templateSelectWrapper {\n margin: 20px 0 0 40px;\n padding-bottom: 15px;\n}\n\n.createTemplateMaindiv .templateSelectWrapper p {\n color: var(--textColor);\n margin-bottom: 16px;\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .templateSelectWrapper .error-field {\n color: var(--red);\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n margin-top: 10px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper {\n margin-left: 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:first-child {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productHeading p:last-child {\n color: var(--primaryColor);\n font-size: 10px;\n font-style: normal;\n font-weight: 400;\n line-height: 18px;\n text-decoration-line: underline;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper {\n justify-content: flex-start;\n align-items: center;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard {\n border: .45px solid var(--borderColor);\n background: var(--productCardBgColor);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 17px;\n width: 100%;\n max-width: 185px;\n height: 100%;\n min-height: 135px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.active, .createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:hover {\n background: var(--productCardBackgroundColorActive);\n border-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard p {\n color: var(--primaryColor);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard:last-child img {\n margin-bottom: 5px !important;\n}\n\n.createTemplateMaindiv .productTypeWrapper .productsWrapper .productCard.error {\n border: .45px solid var(--red);\n}\n\n.createTemplateMaindiv .productTypeWrapper .error-field {\n color: var(--red);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper {\n margin: 0 0 80px 40px;\n padding: 20px 0;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardHeading p {\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper {\n justify-content: flex-start;\n align-items: flex-start;\n gap: 25px;\n margin-top: 20px;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard {\n border: .45px solid var(--borderColor);\n background: var(--postCardBgColor);\n cursor: pointer;\n border-radius: 6.299px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 20px;\n padding: 13px 20px;\n transition: all .1s ease-in;\n display: flex;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard svg path {\n fill: var(--postCardSVGColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover {\n background: var(--postCardBackgroundColorActive);\n border-color: var(--primaryColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:nth-child(2), .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg:last-child, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg:last-child {\n margin-bottom: 20px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard.active svg path:hover, .createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard:hover svg path:hover {\n fill: var(--svgColor);\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard p {\n color: var(--primaryColor);\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-small {\n width: 100%;\n max-width: 150px;\n height: 100%;\n min-height: 148px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-mid {\n width: 100%;\n max-width: 196px;\n height: 100%;\n min-height: 182px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .postCardWrapper .postCard-large {\n width: 100%;\n max-width: 248px;\n height: 100%;\n min-height: 226px;\n}\n\n.createTemplateMaindiv .postCardSizeWrapper .error-field {\n color: var(--red);\n margin-top: 10px;\n font-size: 14px;\n font-weight: 400;\n line-height: 16.94px;\n}\n\n.createTemplateMaindiv .footerBtns {\n border-top: .5px solid var(--borderColor);\n background-color: var(--footerBgColor);\n width: 100%;\n position: fixed;\n bottom: 0;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns {\n justify-content: flex-end;\n align-items: center;\n gap: 20px;\n padding: 14px 95px 14px 35px;\n display: flex;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button {\n text-transform: capitalize;\n border-radius: 3px;\n width: 100%;\n max-width: 100px;\n height: 100%;\n min-height: 40px;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:first-child {\n color: var(--secondaryButtonTextColor);\n text-align: center;\n border: .5px solid var(--borderColor);\n background-color: var(--secondaryButtonBgColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.createTemplateMaindiv .footerBtns .createTemplateBtns button:last-child {\n color: var(--primaryButtonTextColor);\n text-align: center;\n background-color: var(--primaryButtonBgColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.mb-5 {\n margin-bottom: 6rem !important;\n}\n\n.error {\n border: 1.5px solid var(--red);\n}\n\n.basic-progress .loader {\n aspect-ratio: 1;\n border-radius: 50%;\n width: 50px;\n animation: .8s linear infinite alternate l20-1, 1.6s linear infinite l20-2;\n}\n\n@keyframes l20-1 {\n 0% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);\n }\n\n 12.5% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);\n }\n\n 25% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);\n }\n\n 50% {\n clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 62.5% {\n clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 75% {\n clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);\n }\n\n 100% {\n clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);\n }\n}\n\n@keyframes l20-2 {\n 0% {\n transform: scaleY(1)rotate(0);\n }\n\n 49.99% {\n transform: scaleY(1)rotate(135deg);\n }\n\n 50% {\n transform: scaleY(-1)rotate(0);\n }\n\n 100% {\n transform: scaleY(-1)rotate(-135deg);\n }\n}\n\n.basic-progress .hide-loader .loader {\n display: none !important;\n}\n\n.modal {\n z-index: 99999;\n background-color: #0006;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n overflow: auto;\n}\n\n.modal .modal-content {\n background-color: var(--dialogModalBgColor);\n border: 1px solid #888;\n border-radius: 11px;\n width: 80%;\n margin: auto;\n padding: 0;\n animation-name: animatetop;\n animation-duration: .4s;\n position: relative;\n box-shadow: 0 4px 8px #0003, 0 6px 20px #00000030;\n}\n\n.modal .modal-content .modal-header {\n color: var(--dialogModalTextColor);\n height: 100%;\n min-height: 20px;\n position: relative;\n}\n\n.modal .modal-content .modal-header .close {\n color: var(--dialogModalTextColor);\n float: right;\n font-size: 28px;\n font-weight: bold;\n position: absolute;\n top: 0;\n right: 10px;\n}\n\n.modal .modal-content .modal-header .close:hover, .modal .modal-content .modal-header .close:focus {\n color: var(--dialogModalTextColor);\n cursor: pointer;\n text-decoration: none;\n}\n\n.modal .modal-content .modal-body {\n color: var(--dialogModalTextColor);\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 2px 16px;\n display: flex;\n}\n\n.modal .modal-content .modal-body .modal-icon svg {\n fill: var(--dialogModalSVGColor);\n width: 100%;\n max-width: 60px;\n height: 100%;\n min-height: 70px;\n}\n\n.modal .modal-content .modal-footer {\n color: var(--dialogModalTextColor);\n justify-content: center;\n align-items: center;\n gap: 20px;\n width: 100%;\n padding: 2px 16px;\n display: flex;\n position: absolute;\n bottom: 10px;\n}\n\n@keyframes animatetop {\n from {\n opacity: 0;\n top: -300px;\n }\n\n to {\n opacity: 1;\n top: 0;\n }\n}\n\n.confirmTemplateSaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 433px !important;\n height: 100% !important;\n max-height: 290px !important;\n margin: 0 auto !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent {\n flex-direction: column;\n gap: 20px;\n padding: 16px 16px 0;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 10px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .confirmTemplateSaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:after, .confirmTemplateSaveModal .confirmTemplateSaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmTemplateSaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin-bottom: 10px;\n}\n\n.confirmTemplateSaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.confirmTemplateSaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmTemplateSaveModal .actionBtns button:disabled {\n opacity: .5;\n}\n\n.confirmCancelTemplateLeaveModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 407px !important;\n height: 100% !important;\n max-height: 258px !important;\n margin: 0 auto !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent {\n flex-direction: column;\n gap: 10px;\n display: flex;\n padding: 16px 16px 0 !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper {\n text-align: center;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .trashIconWrapper p {\n color: #ed5c2f;\n text-align: center;\n margin-top: 12px;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText {\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n display: flex;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p {\n color: #000;\n text-align: center;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .confirmTemplateLeaveText p:last-child {\n color: #000;\n text-align: center;\n letter-spacing: .28px;\n margin: 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 16px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 10px 22px;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:after, .confirmCancelTemplateLeaveModal .confirmTemplateLeaveModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 11px;\n margin-bottom: 13px;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 3px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n min-width: 100px !important;\n min-height: 40px !important;\n}\n\n.confirmCancelTemplateLeaveModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n font-size: 14px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n max-width: 146px !important;\n min-height: 40px !important;\n}\n\n.editTemplateNameModal .MuiPaper-root {\n background: #fff8ee;\n border-radius: 11px;\n width: 100% !important;\n max-width: 623px !important;\n height: 100% !important;\n max-height: 230px !important;\n margin: 0 auto !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalTitle {\n color: #ed5c2f;\n text-align: center;\n font-size: 22px;\n font-style: normal;\n font-weight: 700;\n line-height: normal;\n padding: 16px 16px 0 !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent {\n padding: 0 30px !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent p {\n color: #303030;\n margin: 10px 0;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root {\n background: #fff;\n border: .5px solid #303030;\n border-radius: 7px;\n width: 100%;\n padding: 9.8px 22px;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:focus-visible {\n outline: none !important;\n}\n\n.editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:after, .editTemplateNameModal .editTemplateNameModalContent .MuiInputBase-root:before {\n display: none !important;\n}\n\n.editTemplateNameModal .actionBtns {\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin: 20px 0;\n}\n\n.editTemplateNameModal .actionBtns button {\n text-transform: capitalize;\n border-radius: 5px;\n width: 100%;\n max-width: 107px;\n height: 100%;\n min-height: 41px;\n}\n\n.editTemplateNameModal .actionBtns button:first-child {\n color: #000;\n background: #fff;\n border: .5px solid #30303080;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.editTemplateNameModal .actionBtns button:last-child {\n color: #fff;\n background: #ed5c2f;\n margin: 0;\n font-size: 16px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n\n.top-navigation-container {\n background: var(--topbarBgColor);\n border-bottom: .5px solid var(--borderColor);\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n max-height: 70px;\n margin: 0;\n padding: 23px 20px;\n display: flex;\n position: absolute;\n top: 0;\n}\n\n.top-navigation-container .middle {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.top-navigation-container .middle p {\n text-align: center;\n text-overflow: ellipsis;\n white-space: nowrap;\n color: var(--textColor);\n margin-bottom: 0;\n font-size: 16px;\n font-weight: 400;\n overflow: hidden;\n}\n\n.top-navigation-container .middle div {\n cursor: pointer;\n border-radius: 50%;\n justify-content: center;\n align-items: center;\n padding: 5px;\n transition: all .1s ease-in-out;\n display: flex;\n}\n\n.top-navigation-container .middle div:hover {\n background-color: var(--iconHoverBgColor);\n}\n\n.top-navigation-container .middle div svg {\n fill: var(--textColor);\n}\n\n.top-navigation-container button {\n text-transform: capitalize;\n color: var(--textColor);\n font-size: 14px;\n font-style: normal;\n font-weight: 500;\n line-height: normal;\n max-width: 120px !important;\n}\n\n.top-navigation-container .MuiGrid-item {\n padding-top: 0 !important;\n}\n\n.top-navigation-container .left {\n justify-content: flex-start !important;\n}\n\n.top-navigation-container .right {\n gap: 10px !important;\n}\n\n.top-navigation-container .actionsBtnWrapper {\n flex-wrap: wrap;\n justify-content: flex-end;\n align-items: center;\n display: flex;\n}\n\n.top-navigation-container .templateCreateBtn {\n justify-content: center;\n align-items: center;\n gap: 5px;\n display: flex;\n}\n\n.polotno-panel-container {\n overflow-y: auto;\n}\n\n.polotno-panel-container .custom-template-section {\n display: \"flex\";\n flex-wrap: \"wrap\";\n overflow-y: \"scroll\";\n}\n\n.polotno-panel-container .custom-template-section .title span {\n color: #ed5c2f;\n font-size: 16px;\n font-weight: 600;\n}\n\n.polotno-panel-container .custom-template-section .default-design {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n display: flex;\n}\n\n.polotno-panel-container .custom-template-section .default-design p {\n color: #303030;\n margin-top: 5px;\n font-size: 12px;\n font-weight: 600;\n line-height: 14.52px;\n}\n\n.polotno-panel-container .custom-template-section .design-template {\n cursor: pointer;\n border: .5px solid #303030;\n border-radius: 3px;\n width: 320px;\n height: 224px;\n margin: 10px auto;\n}\n\n.polotno-panel-container .custom-template-section .design-template img {\n object-fit: cover;\n width: 100%;\n height: 100%;\n}\n\n.dummy-image {\n padding: 85px;\n object-fit: fill !important;\n}\n\n.MuiTabs-indicator {\n background-color: #ed5c2f !important;\n}\n\n.templateTabsWrapper {\n background-color: var(--sidepanelBgColor) !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root {\n width: 15px;\n opacity: 1 !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root:hover svg {\n color: #ed5c2f !important;\n}\n\n.templateTabsWrapper .templateTabs .MuiTabScrollButton-root .Mui-disabled {\n opacity: 1 !important;\n}\n\n.noTemplateText {\n justify-content: center;\n align-items: center;\n height: 100%;\n min-height: 200px;\n display: flex;\n}\n\n.noTemplateText p {\n color: var(--textColor);\n font-size: 18px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.searchWrapper {\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n width: 100%;\n display: flex;\n position: relative;\n}\n\n.searchWrapper .searchInput {\n color: #000;\n background: #fff;\n border: .5px solid #44424180;\n border-radius: 3px;\n width: 514px;\n max-width: 520px;\n height: 40px;\n padding: 5px 20px;\n font-size: 16px;\n font-style: normal;\n font-weight: 400;\n line-height: normal;\n}\n\n.searchWrapper .searchInput:after, .searchWrapper .searchInput:before {\n display: none;\n}\n\n.searchWrapper .searchInput .searchIcon {\n color: #ed5c2f;\n position: relative;\n}\n\n.searchWrapper .searchInput .searchIcon:before {\n content: \"\";\n opacity: .5;\n background-color: #000;\n width: 1px;\n height: 90%;\n position: absolute;\n left: -5px;\n}\n\n.searchWrapper .searchApplied {\n background: #fff8ee;\n}\n\n.searchWrapper .searchApplied input {\n padding-right: 28px;\n}\n\n.searchWrapper .clearSerach {\n opacity: .6;\n cursor: pointer;\n font-size: 18px;\n position: absolute;\n top: 10px;\n right: 55px;\n}\n\n.basic-tooltip {\n text-align: center !important;\n color: #000 !important;\n opacity: 1 !important;\n background-color: #fff !important;\n width: 90% !important;\n max-width: fit-content !important;\n box-shadow: 0 0 12px #989595 !important;\n}\n\n.dynamic-icon {\n width: 20px;\n height: 20px;\n}\n\n.dynamic-content .dynamic-content__top {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin: 8px auto;\n display: flex;\n}\n\n.dynamic-content .dynamic-content__top .title {\n color: var(--primaryColor);\n margin-right: 5px;\n font-size: 16px;\n font-weight: 600;\n line-height: 19.36px;\n}\n\n.dynamic-content .dynamic-content__top .icon {\n cursor: pointer;\n width: 12px;\n height: 12px;\n}\n\n.dynamic-content .divider {\n color: #44424145;\n margin-top: 10px;\n}\n\n.dynamic-content .contact-element {\n border: .5px solid var(--customFieldBorderColor);\n text-align: center;\n color: var(--customFieldTextColor);\n border-radius: 3px;\n width: 100%;\n height: 35px;\n margin: 5px auto;\n line-height: 35px;\n}\n\n.dynamic-content .copy {\n fill: var(--customFieldCopySVGColor) !important;\n}\n\n@media (width <= 600px) {\n .polotno-container .builder-wrapper {\n display: none;\n }\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container {\n background-color: var(--sidepanelBgColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab {\n color: var(--sidepanelTextColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover {\n background-color: var(--sidepanelOptionHoverColor);\n opacity: .8;\n color: var(--sidepanelTextColorHover);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg {\n color: var(--primaryColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab.active svg path, .polotno-container .builder-wrapper .polotno-side-panel .polotno-side-tabs-container .polotno-side-tabs-inner .polotno-side-panel-tab:hover svg path {\n fill: var(--primaryColor) !important;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container {\n background-color: var(--mainBackgroundColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container > div > p {\n display: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab-indicator-wrapper .bp5-tab-indicator {\n background-color: var(--primaryColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"] {\n color: var(--primaryColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"true\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"] {\n color: var(--textColor);\n}\n\n.polotno-container .builder-wrapper .polotno-side-panel .polotno-panel-container .bp5-tabs .bp5-tab-list .bp5-tab[aria-selected=\"false\"]:focus {\n outline: none;\n}\n\n.polotno-container .builder-wrapper .polotno-workspace-container {\n background-color: #0000 !important;\n}\n\n.bp5-popover-transition-container {\n z-index: 2200 !important;\n}\n\n:root {\n --sb-track-color: #fff8ee;\n --sb-thumb-color: #ffdfc2;\n --primaryColor: #ed5c2f;\n --svgColor: #fdb515;\n --svgColorSecondary: #ed5c2f;\n --mainBackgroundColor: #fff;\n --textColor: #000;\n --productCardBgColor: #fff;\n --productCardBackgroundColorActive: #fff8ee;\n --postCardBgColor: #fff;\n --postCardBackgroundColorActive: #fff8ee;\n --postCardSVGColor: #fdecd3;\n --inputBgColor: #fff;\n --inputTextColor: #000;\n --inputBorderColor: #303030;\n --inputSearchAppliedBg: #fff8ee;\n --inputSearchIcon: #303030;\n --selectBgColor: transparent;\n --selectTextColor: #000;\n --selectBorderColor: #303030;\n --selectMenuBgColor: #fff;\n --selectOptionTextColor: #000;\n --selectOptionBorderColor: #5454544d;\n --selectOptionFocusedColor: #fff8ee;\n --selectOptionFocusedTextColor: #000;\n --selectOptionSelectedColor: #fff8ee;\n --selectOptionSelectedTextColor: #000;\n --selectOptionSelectedBg: #fff8ee;\n --topbarBgColor: #fff;\n --sidepanelBgColor: #fff;\n --sidepanelTextColor: #303030;\n --sidepanelSVGColor: #303030;\n --sidepanelSVGColorActive: #ed5c2f;\n --sidepanelOptionHoverColor: #fff8ee;\n --sidepanelTextColorHover: #ed5c2f;\n --customFieldBorderColor: #303030;\n --customFieldTextColor: #303030;\n --customFieldCopySVGColor: #303030;\n --cardBgColor: transparent;\n --cardTextColor: #000;\n --dialogModalBgColor: #fff8ee;\n --dialogModalHeadingColor: #ed5c2f;\n --dialogModalTextColor: #000;\n --dialogModalSVGColor: #ed5c2f;\n --borderColor: #00000080;\n --secondaryButtonBgColor: #fff;\n --secondaryButtonTextColor: #000;\n --primaryButtonBgColor: #ed5c2f;\n --primaryButtonTextColor: #fff;\n --iconHoverBgColor: #00000013;\n --footerBgColor: #fff;\n --red: red;\n}\n\n:root body {\n margin: 0;\n padding: 70px 0 0;\n font-family: Inter !important;\n}\n\n:root body::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body body {\n scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);\n }\n}\n\n:root body .bp5-navbar {\n color: var(--textColor);\n background-color: var(--mainBackgroundColor);\n z-index: auto !important;\n}\n\n:root body .bp5-navbar .bp5-card {\n color: var(--cardTextColor);\n background-color: var(--cardBgColor);\n}\n\n:root body .bp5-navbar .polotno-close-panel .bp5-button-text {\n color: var(--textColor);\n}\n\n:root body .bp5-navbar > div {\n border-bottom: 1px solid #1114181a !important;\n}\n\n:root body .go4160152499::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar {\n width: 10px;\n}\n\n:root body .go4160152499::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-track {\n border-radius: 3px;\n background: var(--sb-track-color) !important;\n}\n\n:root body .go4160152499::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-workspace-inner::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n:root body .polotno-panel-container > div > div > div::-webkit-scrollbar-thumb {\n border-radius: 3px;\n background: var(--sb-thumb-color) !important;\n}\n\n@supports not selector(::-webkit-scrollbar) {\n :root body .go4160152499 body, :root body .polotno-workspace-inner body, :root body .polotno-panel-container body, :root body .polotno-panel-container > div body, :root body .polotno-panel-container > div > div body, :root body .polotno-panel-container > div > div > div body {\n scrollbar-color: var(--sb-thumb-color) var(--sb-track-color);\n }\n}\n"],"sourceRoot":""}]);
|
|
50375
50375
|
// Exports
|
|
50376
50376
|
/* harmony default export */ __webpack_exports__.A = (___CSS_LOADER_EXPORT___);
|
|
50377
50377
|
|
|
@@ -50521,146 +50521,6 @@ module.exports = function (item) {
|
|
|
50521
50521
|
return [content].join("\n");
|
|
50522
50522
|
};
|
|
50523
50523
|
|
|
50524
|
-
/***/ }),
|
|
50525
|
-
|
|
50526
|
-
/***/ 14744:
|
|
50527
|
-
/***/ (function(module) {
|
|
50528
|
-
|
|
50529
|
-
|
|
50530
|
-
|
|
50531
|
-
var isMergeableObject = function isMergeableObject(value) {
|
|
50532
|
-
return isNonNullObject(value)
|
|
50533
|
-
&& !isSpecial(value)
|
|
50534
|
-
};
|
|
50535
|
-
|
|
50536
|
-
function isNonNullObject(value) {
|
|
50537
|
-
return !!value && typeof value === 'object'
|
|
50538
|
-
}
|
|
50539
|
-
|
|
50540
|
-
function isSpecial(value) {
|
|
50541
|
-
var stringValue = Object.prototype.toString.call(value);
|
|
50542
|
-
|
|
50543
|
-
return stringValue === '[object RegExp]'
|
|
50544
|
-
|| stringValue === '[object Date]'
|
|
50545
|
-
|| isReactElement(value)
|
|
50546
|
-
}
|
|
50547
|
-
|
|
50548
|
-
// see https://github.com/facebook/react/blob/b5ac963fb791d1298e7f396236383bc955f916c1/src/isomorphic/classic/element/ReactElement.js#L21-L25
|
|
50549
|
-
var canUseSymbol = typeof Symbol === 'function' && Symbol.for;
|
|
50550
|
-
var REACT_ELEMENT_TYPE = canUseSymbol ? Symbol.for('react.element') : 0xeac7;
|
|
50551
|
-
|
|
50552
|
-
function isReactElement(value) {
|
|
50553
|
-
return value.$$typeof === REACT_ELEMENT_TYPE
|
|
50554
|
-
}
|
|
50555
|
-
|
|
50556
|
-
function emptyTarget(val) {
|
|
50557
|
-
return Array.isArray(val) ? [] : {}
|
|
50558
|
-
}
|
|
50559
|
-
|
|
50560
|
-
function cloneUnlessOtherwiseSpecified(value, options) {
|
|
50561
|
-
return (options.clone !== false && options.isMergeableObject(value))
|
|
50562
|
-
? deepmerge(emptyTarget(value), value, options)
|
|
50563
|
-
: value
|
|
50564
|
-
}
|
|
50565
|
-
|
|
50566
|
-
function defaultArrayMerge(target, source, options) {
|
|
50567
|
-
return target.concat(source).map(function(element) {
|
|
50568
|
-
return cloneUnlessOtherwiseSpecified(element, options)
|
|
50569
|
-
})
|
|
50570
|
-
}
|
|
50571
|
-
|
|
50572
|
-
function getMergeFunction(key, options) {
|
|
50573
|
-
if (!options.customMerge) {
|
|
50574
|
-
return deepmerge
|
|
50575
|
-
}
|
|
50576
|
-
var customMerge = options.customMerge(key);
|
|
50577
|
-
return typeof customMerge === 'function' ? customMerge : deepmerge
|
|
50578
|
-
}
|
|
50579
|
-
|
|
50580
|
-
function getEnumerableOwnPropertySymbols(target) {
|
|
50581
|
-
return Object.getOwnPropertySymbols
|
|
50582
|
-
? Object.getOwnPropertySymbols(target).filter(function(symbol) {
|
|
50583
|
-
return Object.propertyIsEnumerable.call(target, symbol)
|
|
50584
|
-
})
|
|
50585
|
-
: []
|
|
50586
|
-
}
|
|
50587
|
-
|
|
50588
|
-
function getKeys(target) {
|
|
50589
|
-
return Object.keys(target).concat(getEnumerableOwnPropertySymbols(target))
|
|
50590
|
-
}
|
|
50591
|
-
|
|
50592
|
-
function propertyIsOnObject(object, property) {
|
|
50593
|
-
try {
|
|
50594
|
-
return property in object
|
|
50595
|
-
} catch(_) {
|
|
50596
|
-
return false
|
|
50597
|
-
}
|
|
50598
|
-
}
|
|
50599
|
-
|
|
50600
|
-
// Protects from prototype poisoning and unexpected merging up the prototype chain.
|
|
50601
|
-
function propertyIsUnsafe(target, key) {
|
|
50602
|
-
return propertyIsOnObject(target, key) // Properties are safe to merge if they don't exist in the target yet,
|
|
50603
|
-
&& !(Object.hasOwnProperty.call(target, key) // unsafe if they exist up the prototype chain,
|
|
50604
|
-
&& Object.propertyIsEnumerable.call(target, key)) // and also unsafe if they're nonenumerable.
|
|
50605
|
-
}
|
|
50606
|
-
|
|
50607
|
-
function mergeObject(target, source, options) {
|
|
50608
|
-
var destination = {};
|
|
50609
|
-
if (options.isMergeableObject(target)) {
|
|
50610
|
-
getKeys(target).forEach(function(key) {
|
|
50611
|
-
destination[key] = cloneUnlessOtherwiseSpecified(target[key], options);
|
|
50612
|
-
});
|
|
50613
|
-
}
|
|
50614
|
-
getKeys(source).forEach(function(key) {
|
|
50615
|
-
if (propertyIsUnsafe(target, key)) {
|
|
50616
|
-
return
|
|
50617
|
-
}
|
|
50618
|
-
|
|
50619
|
-
if (propertyIsOnObject(target, key) && options.isMergeableObject(source[key])) {
|
|
50620
|
-
destination[key] = getMergeFunction(key, options)(target[key], source[key], options);
|
|
50621
|
-
} else {
|
|
50622
|
-
destination[key] = cloneUnlessOtherwiseSpecified(source[key], options);
|
|
50623
|
-
}
|
|
50624
|
-
});
|
|
50625
|
-
return destination
|
|
50626
|
-
}
|
|
50627
|
-
|
|
50628
|
-
function deepmerge(target, source, options) {
|
|
50629
|
-
options = options || {};
|
|
50630
|
-
options.arrayMerge = options.arrayMerge || defaultArrayMerge;
|
|
50631
|
-
options.isMergeableObject = options.isMergeableObject || isMergeableObject;
|
|
50632
|
-
// cloneUnlessOtherwiseSpecified is added to `options` so that custom arrayMerge()
|
|
50633
|
-
// implementations can use it. The caller may not replace it.
|
|
50634
|
-
options.cloneUnlessOtherwiseSpecified = cloneUnlessOtherwiseSpecified;
|
|
50635
|
-
|
|
50636
|
-
var sourceIsArray = Array.isArray(source);
|
|
50637
|
-
var targetIsArray = Array.isArray(target);
|
|
50638
|
-
var sourceAndTargetTypesMatch = sourceIsArray === targetIsArray;
|
|
50639
|
-
|
|
50640
|
-
if (!sourceAndTargetTypesMatch) {
|
|
50641
|
-
return cloneUnlessOtherwiseSpecified(source, options)
|
|
50642
|
-
} else if (sourceIsArray) {
|
|
50643
|
-
return options.arrayMerge(target, source, options)
|
|
50644
|
-
} else {
|
|
50645
|
-
return mergeObject(target, source, options)
|
|
50646
|
-
}
|
|
50647
|
-
}
|
|
50648
|
-
|
|
50649
|
-
deepmerge.all = function deepmergeAll(array, options) {
|
|
50650
|
-
if (!Array.isArray(array)) {
|
|
50651
|
-
throw new Error('first argument should be an array')
|
|
50652
|
-
}
|
|
50653
|
-
|
|
50654
|
-
return array.reduce(function(prev, next) {
|
|
50655
|
-
return deepmerge(prev, next, options)
|
|
50656
|
-
}, {})
|
|
50657
|
-
};
|
|
50658
|
-
|
|
50659
|
-
var deepmerge_1 = deepmerge;
|
|
50660
|
-
|
|
50661
|
-
module.exports = deepmerge_1;
|
|
50662
|
-
|
|
50663
|
-
|
|
50664
50524
|
/***/ }),
|
|
50665
50525
|
|
|
50666
50526
|
/***/ 30041:
|
|
@@ -128843,7 +128703,7 @@ if (inBrowser) {
|
|
|
128843
128703
|
|
|
128844
128704
|
|
|
128845
128705
|
|
|
128846
|
-
;// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/App.vue?vue&type=template&id=
|
|
128706
|
+
;// CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/lib/index.js??vue-loader-options!./src/App.vue?vue&type=template&id=7b6fe92e
|
|
128847
128707
|
var render = function render() {
|
|
128848
128708
|
var _vm = this,
|
|
128849
128709
|
_c = _vm._self._c
|
|
@@ -128853,7 +128713,7 @@ var staticRenderFns = []
|
|
|
128853
128713
|
render._withStripped = true
|
|
128854
128714
|
|
|
128855
128715
|
|
|
128856
|
-
;// CONCATENATED MODULE: ./src/App.vue?vue&type=template&id=
|
|
128716
|
+
;// CONCATENATED MODULE: ./src/App.vue?vue&type=template&id=7b6fe92e
|
|
128857
128717
|
|
|
128858
128718
|
// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
|
|
128859
128719
|
var injectStylesIntoStyleTag = __webpack_require__(85072);
|
|
@@ -143447,42 +143307,6 @@ var unitlessKeys = {
|
|
|
143447
143307
|
var f="undefined"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",m="active",styled_components_browser_esm_y="data-styled-version",v="6.1.11",g="/*!sc*/\n",S="undefined"!=typeof window&&"HTMLElement"in window,w=Boolean("boolean"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&""!==process.env.REACT_APP_SC_DISABLE_SPEEDY?"false"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:"undefined"!=typeof process&&void 0!==process.env&&void 0!==process.env.SC_DISABLE_SPEEDY&&""!==process.env.SC_DISABLE_SPEEDY?"false"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:"production"!=="production"),b={},E=/invalid hook call/i,N=new Set,P=function(t,n){if(false){ var a, o, s, i; }},_=Object.freeze([]),C=Object.freeze({});function I(e,t,n){return void 0===n&&(n=C),e.theme!==n.theme&&e.theme||t||n.theme}var A=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),O=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,D=/(^-|-$)/g;function R(e){return e.replace(O,"-").replace(D,"")}var T=/(a)(d)/gi,k=52,j=function(e){return String.fromCharCode(e+(e>25?39:97))};function x(e){var t,n="";for(t=Math.abs(e);t>k;t=t/k|0)n=j(t%k)+n;return(j(t%k)+n).replace(T,"$1-$2")}var V,F=5381,M=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},$=function(e){return M(F,e)};function z(e){return x($(e)>>>0)}function B(e){return false||e.displayName||e.name||"Component"}function L(e){return"string"==typeof e&&( true||0)}var G="function"==typeof Symbol&&Symbol.for,Y=G?Symbol.for("react.memo"):60115,W=G?Symbol.for("react.forward_ref"):60112,q={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},H={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},U={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},J=((V={})[W]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},V[Y]=U,V);function X(e){return("type"in(t=e)&&t.type.$$typeof)===Y?U:"$$typeof"in e?J[e.$$typeof]:q;var t}var Z=Object.defineProperty,K=Object.getOwnPropertyNames,Q=Object.getOwnPropertySymbols,ee=Object.getOwnPropertyDescriptor,te=Object.getPrototypeOf,ne=Object.prototype;function oe(e,t,n){if("string"!=typeof t){if(ne){var o=te(t);o&&o!==ne&&oe(e,o,n)}var r=K(t);Q&&(r=r.concat(Q(t)));for(var s=X(e),i=X(t),a=0;a<r.length;++a){var c=r[a];if(!(c in H||n&&n[c]||i&&c in i||s&&c in s)){var l=ee(t,c);try{Z(e,c,l)}catch(e){}}}}return e}function re(e){return"function"==typeof e}function se(e){return"object"==typeof e&&"styledComponentId"in e}function ie(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function ae(e,t){if(0===e.length)return"";for(var n=e[0],o=1;o<e.length;o++)n+=t?t+e[o]:e[o];return n}function ce(e){return null!==e&&"object"==typeof e&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function le(e,t,n){if(void 0===n&&(n=!1),!n&&!ce(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var o=0;o<t.length;o++)e[o]=le(e[o],t[o]);else if(ce(t))for(var o in t)e[o]=le(e[o],t[o]);return e}function ue(e,t){Object.defineProperty(e,"toString",{value:t})}var pe= false?0:{};function de(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var n=e[0],o=[],r=1,s=e.length;r<s;r+=1)o.push(e[r]);return o.forEach(function(e){n=n.replace(/%[a-z]/,e)}),n}function he(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];return true?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(t," for more information.").concat(n.length>0?" Args: ".concat(n.join(", ")):"")):0}var fe=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}return e.prototype.indexOfGroup=function(e){for(var t=0,n=0;n<e;n++)t+=this.groupSizes[n];return t},e.prototype.insertRules=function(e,t){if(e>=this.groupSizes.length){for(var n=this.groupSizes,o=n.length,r=o;e>=r;)if((r<<=1)<0)throw he(16,"".concat(e));this.groupSizes=new Uint32Array(r),this.groupSizes.set(n),this.length=r;for(var s=o;s<r;s++)this.groupSizes[s]=0}for(var i=this.indexOfGroup(e+1),a=(s=0,t.length);s<a;s++)this.tag.insertRule(i,t[s])&&(this.groupSizes[e]++,i++)},e.prototype.clearGroup=function(e){if(e<this.length){var t=this.groupSizes[e],n=this.indexOfGroup(e),o=n+t;this.groupSizes[e]=0;for(var r=n;r<o;r++)this.tag.deleteRule(n)}},e.prototype.getGroup=function(e){var t="";if(e>=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],o=this.indexOfGroup(e),r=o+n,s=o;s<r;s++)t+="".concat(this.tag.getRule(s)).concat(g);return t},e}(),me=(/* unused pure expression or super */ null && (1<<30)),ye=new Map,ve=new Map,ge=1,Se=function(e){if(ye.has(e))return ye.get(e);for(;ve.has(ge);)ge++;var t=ge++;if(false){}return ye.set(e,t),ve.set(t,e),t},we=function(e,t){ge=t+1,ye.set(e,t),ve.set(t,e)},be="style[".concat(f,"][").concat(styled_components_browser_esm_y,'="').concat(v,'"]'),Ee=new RegExp("^".concat(f,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),Ne=function(e,t,n){for(var o,r=n.split(","),s=0,i=r.length;s<i;s++)(o=r[s])&&e.registerName(t,o)},Pe=function(e,t){for(var n,o=(null!==(n=t.textContent)&&void 0!==n?n:"").split(g),r=[],s=0,i=o.length;s<i;s++){var a=o[s].trim();if(a){var c=a.match(Ee);if(c){var l=0|parseInt(c[1],10),u=c[2];0!==l&&(we(u,l),Ne(e,u,c[3]),e.getTag().insertRules(l,r)),r.length=0}else r.push(a)}}};function _e(){return true?__webpack_require__.nc:0}var Ce=function(e){var t=document.head,n=e||t,o=document.createElement("style"),r=function(e){var t=Array.from(e.querySelectorAll("style[".concat(f,"]")));return t[t.length-1]}(n),s=void 0!==r?r.nextSibling:null;o.setAttribute(f,m),o.setAttribute(styled_components_browser_esm_y,v);var i=_e();return i&&o.setAttribute("nonce",i),n.insertBefore(o,s),o},Ie=function(){function e(e){this.element=Ce(e),this.element.appendChild(document.createTextNode("")),this.sheet=function(e){if(e.sheet)return e.sheet;for(var t=document.styleSheets,n=0,o=t.length;n<o;n++){var r=t[n];if(r.ownerNode===e)return r}throw he(17)}(this.element),this.length=0}return e.prototype.insertRule=function(e,t){try{return this.sheet.insertRule(t,e),this.length++,!0}catch(e){return!1}},e.prototype.deleteRule=function(e){this.sheet.deleteRule(e),this.length--},e.prototype.getRule=function(e){var t=this.sheet.cssRules[e];return t&&t.cssText?t.cssText:""},e}(),Ae=function(){function e(e){this.element=Ce(e),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(e,t){if(e<=this.length&&e>=0){var n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},e.prototype.getRule=function(e){return e<this.length?this.nodes[e].textContent:""},e}(),Oe=function(){function e(e){this.rules=[],this.length=0}return e.prototype.insertRule=function(e,t){return e<=this.length&&(this.rules.splice(e,0,t),this.length++,!0)},e.prototype.deleteRule=function(e){this.rules.splice(e,1),this.length--},e.prototype.getRule=function(e){return e<this.length?this.rules[e]:""},e}(),De=S,Re={isServer:!S,useCSSOMInjection:!w},Te=function(){function e(e,n,o){void 0===e&&(e=C),void 0===n&&(n={});var r=this;this.options=tslib_es6_assign(tslib_es6_assign({},Re),e),this.gs=n,this.names=new Map(o),this.server=!!e.isServer,!this.server&&S&&De&&(De=!1,function(e){for(var t=document.querySelectorAll(be),n=0,o=t.length;n<o;n++){var r=t[n];r&&r.getAttribute(f)!==m&&(Pe(e,r),r.parentNode&&r.parentNode.removeChild(r))}}(this)),ue(this,function(){return function(e){for(var t=e.getTag(),n=t.length,o="",r=function(n){var r=function(e){return ve.get(e)}(n);if(void 0===r)return"continue";var s=e.names.get(r),i=t.getGroup(n);if(void 0===s||0===i.length)return"continue";var a="".concat(f,".g").concat(n,'[id="').concat(r,'"]'),c="";void 0!==s&&s.forEach(function(e){e.length>0&&(c+="".concat(e,","))}),o+="".concat(i).concat(a,'{content:"').concat(c,'"}').concat(g)},s=0;s<n;s++)r(s);return o}(r)})}return e.registerId=function(e){return Se(e)},e.prototype.reconstructWithOptions=function(n,o){return void 0===o&&(o=!0),new e(tslib_es6_assign(tslib_es6_assign({},this.options),n),this.gs,o&&this.names||void 0)},e.prototype.allocateGSInstance=function(e){return this.gs[e]=(this.gs[e]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(e=function(e){var t=e.useCSSOMInjection,n=e.target;return e.isServer?new Oe(n):t?new Ie(n):new Ae(n)}(this.options),new fe(e)));var e},e.prototype.hasNameForId=function(e,t){return this.names.has(e)&&this.names.get(e).has(t)},e.prototype.registerName=function(e,t){if(Se(e),this.names.has(e))this.names.get(e).add(t);else{var n=new Set;n.add(t),this.names.set(e,n)}},e.prototype.insertRules=function(e,t,n){this.registerName(e,t),this.getTag().insertRules(Se(e),n)},e.prototype.clearNames=function(e){this.names.has(e)&&this.names.get(e).clear()},e.prototype.clearRules=function(e){this.getTag().clearGroup(Se(e)),this.clearNames(e)},e.prototype.clearTag=function(){this.tag=void 0},e}(),ke=/&/g,je=/^\s*\/\/.*$/gm;function xe(e,t){return e.map(function(e){return"rule"===e.type&&(e.value="".concat(t," ").concat(e.value),e.value=e.value.replaceAll(",",",".concat(t," ")),e.props=e.props.map(function(e){return"".concat(t," ").concat(e)})),Array.isArray(e.children)&&"@keyframes"!==e.type&&(e.children=xe(e.children,t)),e})}function Ve(e){var t,n,o,r=void 0===e?C:e,s=r.options,i=void 0===s?C:s,a=r.plugins,c=void 0===a?_:a,l=function(e,o,r){return r.startsWith(n)&&r.endsWith(n)&&r.replaceAll(n,"").length>0?".".concat(t):e},u=c.slice();u.push(function(e){e.type===Enum_RULESET&&e.value.includes("&")&&(e.props[0]=e.props[0].replace(ke,n).replace(o,l))}),i.prefix&&u.push(prefixer),u.push(stringify);var p=function(e,r,s,a){void 0===r&&(r=""),void 0===s&&(s=""),void 0===a&&(a="&"),t=a,n=r,o=new RegExp("\\".concat(n,"\\b"),"g");var c=e.replace(je,""),l=compile(s||r?"".concat(s," ").concat(r," { ").concat(c," }"):c);i.namespace&&(l=xe(l,i.namespace));var p=[];return Serializer_serialize(l,middleware(u.concat(rulesheet(function(e){return p.push(e)})))),p};return p.hash=c.length?c.reduce(function(e,t){return t.name||he(15),M(e,t.name)},F).toString():"",p}var Fe=new Te,Me=Ve(),$e=react.createContext({shouldForwardProp:void 0,styleSheet:Fe,stylis:Me}),ze=$e.Consumer,Be=react.createContext(void 0);function Le(){return (0,react.useContext)($e)}function Ge(e){var t=(0,react.useState)(e.stylisPlugins),n=t[0],r=t[1],c=Le().styleSheet,l=(0,react.useMemo)(function(){var t=c;return e.sheet?t=e.sheet:e.target&&(t=t.reconstructWithOptions({target:e.target},!1)),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t},[e.disableCSSOMInjection,e.sheet,e.target,c]),u=(0,react.useMemo)(function(){return Ve({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:n})},[e.enableVendorPrefixes,e.namespace,n]);(0,react.useEffect)(function(){shallowequal_default()(n,e.stylisPlugins)||r(e.stylisPlugins)},[e.stylisPlugins]);var d=(0,react.useMemo)(function(){return{shouldForwardProp:e.shouldForwardProp,styleSheet:l,stylis:u}},[e.shouldForwardProp,l,u]);return react.createElement($e.Provider,{value:d},react.createElement(Be.Provider,{value:u},e.children))}var Ye=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=Me);var o=n.name+t.hash;e.hasNameForId(n.id,o)||e.insertRules(n.id,o,t(n.rules,o,"@keyframes"))},this.name=e,this.id="sc-keyframes-".concat(e),this.rules=t,ue(this,function(){throw he(12,String(n.name))})}return e.prototype.getName=function(e){return void 0===e&&(e=Me),this.name+e.hash},e}(),We=function(e){return e>="A"&&e<="Z"};function qe(e){for(var t="",n=0;n<e.length;n++){var o=e[n];if(1===n&&"-"===o&&"-"===e[0])return e;We(o)?t+="-"+o.toLowerCase():t+=o}return t.startsWith("ms-")?"-"+t:t}var He=function(e){return null==e||!1===e||""===e},Ue=function(t){var n,o,r=[];for(var s in t){var i=t[s];t.hasOwnProperty(s)&&!He(i)&&(Array.isArray(i)&&i.isCss||re(i)?r.push("".concat(qe(s),":"),i,";"):ce(i)?r.push.apply(r,__spreadArray(__spreadArray(["".concat(s," {")],Ue(i),!1),["}"],!1)):r.push("".concat(qe(s),": ").concat((n=s,null==(o=i)||"boolean"==typeof o||""===o?"":"number"!=typeof o||0===o||n in unitlessKeys||n.startsWith("--")?String(o).trim():"".concat(o,"px")),";")))}return r};function Je(e,t,n,o){if(He(e))return[];if(se(e))return[".".concat(e.styledComponentId)];if(re(e)){if(!re(s=e)||s.prototype&&s.prototype.isReactComponent||!t)return[e];var r=e(t);return true||0,Je(r,t,n,o)}var s;return e instanceof Ye?n?(e.inject(n,o),[e.getName(o)]):[e]:ce(e)?Ue(e):Array.isArray(e)?Array.prototype.concat.apply(_,e.map(function(e){return Je(e,t,n,o)})):[e.toString()]}function Xe(e){for(var t=0;t<e.length;t+=1){var n=e[t];if(re(n)&&!se(n))return!1}return!0}var Ze=$(v),Ke=function(){function e(e,t,n){this.rules=e,this.staticRulesId="",this.isStatic= true&&(void 0===n||n.isStatic)&&Xe(e),this.componentId=t,this.baseHash=M(Ze,t),this.baseStyle=n,Te.registerId(t)}return e.prototype.generateAndInjectStyles=function(e,t,n){var o=this.baseStyle?this.baseStyle.generateAndInjectStyles(e,t,n):"";if(this.isStatic&&!n.hash)if(this.staticRulesId&&t.hasNameForId(this.componentId,this.staticRulesId))o=ie(o,this.staticRulesId);else{var r=ae(Je(this.rules,e,t,n)),s=x(M(this.baseHash,r)>>>0);if(!t.hasNameForId(this.componentId,s)){var i=n(r,".".concat(s),void 0,this.componentId);t.insertRules(this.componentId,s,i)}o=ie(o,s),this.staticRulesId=s}else{for(var a=M(this.baseHash,n.hash),c="",l=0;l<this.rules.length;l++){var u=this.rules[l];if("string"==typeof u)c+=u, false&&(0);else if(u){var p=ae(Je(u,e,t,n));a=M(a,p+l),c+=p}}if(c){var d=x(a>>>0);t.hasNameForId(this.componentId,d)||t.insertRules(this.componentId,d,n(c,".".concat(d),void 0,this.componentId)),o=ie(o,d)}}return o},e}(),Qe=react.createContext(void 0),et=Qe.Consumer;function tt(){var e=c(Qe);if(!e)throw he(18);return e}function nt(e){var n=o.useContext(Qe),r=i(function(){return function(e,n){if(!e)throw he(14);if(re(e)){var o=e(n);if(false){}return o}if(Array.isArray(e)||"object"!=typeof e)throw he(8);return n?t(t({},n),e):e}(e.theme,n)},[e.theme,n]);return e.children?o.createElement(Qe.Provider,{value:r},e.children):null}var ot={},rt=new Set;function st(e,r,s){var i=se(e),a=e,c=!L(e),p=r.attrs,d=void 0===p?_:p,h=r.componentId,f=void 0===h?function(e,t){var n="string"!=typeof e?"sc":R(e);ot[n]=(ot[n]||0)+1;var o="".concat(n,"-").concat(z(v+n+ot[n]));return t?"".concat(t,"-").concat(o):o}(r.displayName,r.parentComponentId):h,m=r.displayName,y=void 0===m?function(e){return L(e)?"styled.".concat(e):"Styled(".concat(B(e),")")}(e):m,g=r.displayName&&r.componentId?"".concat(R(r.displayName),"-").concat(r.componentId):r.componentId||f,S=i&&a.attrs?a.attrs.concat(d).filter(Boolean):d,w=r.shouldForwardProp;if(i&&a.shouldForwardProp){var b=a.shouldForwardProp;if(r.shouldForwardProp){var E=r.shouldForwardProp;w=function(e,t){return b(e,t)&&E(e,t)}}else w=b}var N=new Ke(s,g,i?a.componentStyle:void 0);function O(e,r){return function(e,r,s){var i=e.attrs,a=e.componentStyle,c=e.defaultProps,p=e.foldedComponentIds,d=e.styledComponentId,h=e.target,f=react.useContext(Qe),m=Le(),y=e.shouldForwardProp||m.shouldForwardProp; false&&0;var v=I(r,f,c)||C,g=function(e,n,o){for(var r,s=tslib_es6_assign(tslib_es6_assign({},n),{className:void 0,theme:o}),i=0;i<e.length;i+=1){var a=re(r=e[i])?r(s):r;for(var c in a)s[c]="className"===c?ie(s[c],a[c]):"style"===c?tslib_es6_assign(tslib_es6_assign({},s[c]),a[c]):a[c]}return n.className&&(s.className=ie(s.className,n.className)),s}(i,r,v),S=g.as||h,w={};for(var b in g)void 0===g[b]||"$"===b[0]||"as"===b||"theme"===b&&g.theme===v||("forwardedAs"===b?w.as=g.forwardedAs:y&&!y(b,S)||(w[b]=g[b],y||"development"!=="production"||0||0||0||(0)));var E=function(e,t){var n=Le(),o=e.generateAndInjectStyles(t,n.styleSheet,n.stylis);return false&&0,o}(a,g); false&&0;var N=ie(p,d);return E&&(N+=" "+E),g.className&&(N+=" "+g.className),w[L(S)&&!A.has(S)?"class":"className"]=N,w.ref=s,(0,react.createElement)(S,w)}(D,e,r)}O.displayName=y;var D=react.forwardRef(O);return D.attrs=S,D.componentStyle=N,D.displayName=y,D.shouldForwardProp=w,D.foldedComponentIds=i?ie(a.foldedComponentIds,a.styledComponentId):"",D.styledComponentId=g,D.target=i?a.target:e,Object.defineProperty(D,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=i?function(e){for(var t=[],n=1;n<arguments.length;n++)t[n-1]=arguments[n];for(var o=0,r=t;o<r.length;o++)le(e,r[o],!0);return e}({},a.defaultProps,e):e}}), false&&(0),ue(D,function(){return".".concat(D.styledComponentId)}),c&&oe(D,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),D}function it(e,t){for(var n=[e[0]],o=0,r=t.length;o<r;o+=1)n.push(t[o],e[o+1]);return n}var at=function(e){return Object.assign(e,{isCss:!0})};function ct(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o];if(re(t)||ce(t))return at(Je(it(_,__spreadArray([t],n,!0))));var r=t;return 0===n.length&&1===r.length&&"string"==typeof r[0]?Je(r):at(Je(it(r,n)))}function lt(n,o,r){if(void 0===r&&(r=C),!o)throw he(1,o);var s=function(t){for(var s=[],i=1;i<arguments.length;i++)s[i-1]=arguments[i];return n(o,r,ct.apply(void 0,__spreadArray([t],s,!1)))};return s.attrs=function(e){return lt(n,o,tslib_es6_assign(tslib_es6_assign({},r),{attrs:Array.prototype.concat(r.attrs,e).filter(Boolean)}))},s.withConfig=function(e){return lt(n,o,tslib_es6_assign(tslib_es6_assign({},r),e))},s}var ut=function(e){return lt(st,e)},pt=ut;A.forEach(function(e){pt[e]=ut(e)});var dt=function(){function e(e,t){this.rules=e,this.componentId=t,this.isStatic=Xe(e),Te.registerId(this.componentId+1)}return e.prototype.createStyles=function(e,t,n,o){var r=o(ae(Je(this.rules,t,n,o)),""),s=this.componentId+e;n.insertRules(s,s,r)},e.prototype.removeStyles=function(e,t){t.clearRules(this.componentId+e)},e.prototype.renderStyles=function(e,t,n,o){e>2&&Te.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,o)},e}();function ht(n){for(var r=[],s=1;s<arguments.length;s++)r[s-1]=arguments[s];var i=ct.apply(void 0,__spreadArray([n],r,!1)),a="sc-global-".concat(z(JSON.stringify(i))),c=new dt(i,a); false&&0;var l=function(e){var t=Le(),n=react.useContext(Qe),r=react.useRef(t.styleSheet.allocateGSInstance(a)).current;return false&&0, false&&0,t.styleSheet.server&&u(r,e,t.styleSheet,n,t.stylis),react.useLayoutEffect(function(){if(!t.styleSheet.server)return u(r,e,t.styleSheet,n,t.stylis),function(){return c.removeStyles(r,t.styleSheet)}},[r,e,t.styleSheet,n,t.stylis]),null};function u(e,n,o,r,s){if(c.isStatic)c.renderStyles(e,b,o,s);else{var i=tslib_es6_assign(tslib_es6_assign({},n),{theme:I(n,r,l.defaultProps)});c.renderStyles(e,i,o,s)}}return react.memo(l)}function ft(t){for(var n=[],o=1;o<arguments.length;o++)n[o-1]=arguments[o]; false&&0;var r=ae(ct.apply(void 0,e([t],n,!1))),s=z(r);return new Ye(s,r)}function mt(e){var n=o.forwardRef(function(n,r){var s=I(n,o.useContext(Qe),e.defaultProps);return false&&0,o.createElement(e,t({},n,{theme:s,ref:r}))});return n.displayName="WithTheme(".concat(B(e),")"),oe(n,e)}var yt=function(){function e(){var e=this;this._emitSheetCSS=function(){var t=e.instance.toString(),n=_e(),o=ae([n&&'nonce="'.concat(n,'"'),"".concat(f,'="true"'),"".concat(styled_components_browser_esm_y,'="').concat(v,'"')].filter(Boolean)," ");return"<style ".concat(o,">").concat(t,"</style>")},this.getStyleTags=function(){if(e.sealed)throw he(2);return e._emitSheetCSS()},this.getStyleElement=function(){var n;if(e.sealed)throw he(2);var r=((n={})[f]="",n[styled_components_browser_esm_y]=v,n.dangerouslySetInnerHTML={__html:e.instance.toString()},n),s=_e();return s&&(r.nonce=s),[react.createElement("style",tslib_es6_assign({},r,{key:"sc-0-0"}))]},this.seal=function(){e.sealed=!0},this.instance=new Te({isServer:!0}),this.sealed=!1}return e.prototype.collectStyles=function(e){if(this.sealed)throw he(2);return react.createElement(Ge,{sheet:this.instance},e)},e.prototype.interleaveWithNodeStream=function(e){throw he(3)},e}(),vt={StyleSheet:Te,mainSheet:Fe}; false&&0;var gt="__sc-".concat(f,"__"); false&&(0);
|
|
143448
143308
|
//# sourceMappingURL=styled-components.browser.esm.js.map
|
|
143449
143309
|
|
|
143450
|
-
;// CONCATENATED MODULE: ./node_modules/clsx/dist/clsx.mjs
|
|
143451
|
-
function clsx_r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=clsx_r(e[t]))&&(n&&(n+=" "),n+=f)}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=clsx_r(e))&&(n&&(n+=" "),n+=t);return n}/* harmony default export */ var dist_clsx = (clsx);
|
|
143452
|
-
;// CONCATENATED MODULE: ./node_modules/react-toastify/dist/react-toastify.esm.mjs
|
|
143453
|
-
'use client';
|
|
143454
|
-
const react_toastify_esm_c=e=>"number"==typeof e&&!isNaN(e),d=e=>"string"==typeof e,u=e=>"function"==typeof e,p=e=>d(e)||u(e)?e:null,react_toastify_esm_m=e=>(0,react.isValidElement)(e)||d(e)||u(e)||react_toastify_esm_c(e);function react_toastify_esm_f(e,t,n){void 0===n&&(n=300);const{scrollHeight:o,style:s}=e;requestAnimationFrame(()=>{s.minHeight="initial",s.height=o+"px",s.transition=`all ${n}ms`,requestAnimationFrame(()=>{s.height="0",s.padding="0",s.margin="0",setTimeout(t,n)})})}function react_toastify_esm_g(t){let{enter:a,exit:r,appendPosition:i=!1,collapse:l=!0,collapseDuration:c=300}=t;return function(t){let{children:d,position:u,preventExitTransition:p,done:m,nodeRef:g,isIn:y,playToast:v}=t;const h=i?`${a}--${u}`:a,T=i?`${r}--${u}`:r,E=(0,react.useRef)(0);return (0,react.useLayoutEffect)(()=>{const e=g.current,t=h.split(" "),n=o=>{o.target===g.current&&(v(),e.removeEventListener("animationend",n),e.removeEventListener("animationcancel",n),0===E.current&&"animationcancel"!==o.type&&e.classList.remove(...t))};e.classList.add(...t),e.addEventListener("animationend",n),e.addEventListener("animationcancel",n)},[]),(0,react.useEffect)(()=>{const e=g.current,t=()=>{e.removeEventListener("animationend",t),l?react_toastify_esm_f(e,m,c):m()};y||(p?t():(E.current=1,e.className+=` ${T}`,e.addEventListener("animationend",t)))},[y]),react.createElement(react.Fragment,null,d)}}function react_toastify_esm_y(e,t){return null!=e?{content:e.content,containerId:e.props.containerId,id:e.props.toastId,theme:e.props.theme,type:e.props.type,data:e.props.data||{},isLoading:e.props.isLoading,icon:e.props.icon,status:t}:{}}const react_toastify_esm_v=new Map;let react_toastify_esm_h=[];const react_toastify_esm_T=new Set,react_toastify_esm_E=e=>react_toastify_esm_T.forEach(t=>t(e)),react_toastify_esm_b=()=>react_toastify_esm_v.size>0;function react_toastify_esm_I(e,t){var n;if(t)return!(null==(n=react_toastify_esm_v.get(t))||!n.isToastActive(e));let o=!1;return react_toastify_esm_v.forEach(t=>{t.isToastActive(e)&&(o=!0)}),o}function react_toastify_esm_(e,t){react_toastify_esm_m(e)&&(react_toastify_esm_b()||react_toastify_esm_h.push({content:e,options:t}),react_toastify_esm_v.forEach(n=>{n.buildToast(e,t)}))}function react_toastify_esm_C(e,t){react_toastify_esm_v.forEach(n=>{null!=t&&null!=t&&t.containerId?(null==t?void 0:t.containerId)===n.id&&n.toggle(e,null==t?void 0:t.id):n.toggle(e,null==t?void 0:t.id)})}function react_toastify_esm_L(e){const{subscribe:o,getSnapshot:s,setProps:i}=(0,react.useRef)(function(e){const n=e.containerId||1;return{subscribe(o){const s=function(e,n,o){let s=1,r=0,i=[],l=[],f=[],g=n;const v=new Map,h=new Set,T=()=>{f=Array.from(v.values()),h.forEach(e=>e())},E=e=>{l=null==e?[]:l.filter(t=>t!==e),T()},b=e=>{const{toastId:n,onOpen:s,updateId:a,children:r}=e.props,i=null==a;e.staleId&&v.delete(e.staleId),v.set(n,e),l=[...l,e.props.toastId].filter(t=>t!==e.staleId),T(),o(react_toastify_esm_y(e,i?"added":"updated")),i&&u(s)&&s((0,react.isValidElement)(r)&&r.props)};return{id:e,props:g,observe:e=>(h.add(e),()=>h.delete(e)),toggle:(e,t)=>{v.forEach(n=>{null!=t&&t!==n.props.toastId||u(n.toggle)&&n.toggle(e)})},removeToast:E,toasts:v,clearQueue:()=>{r-=i.length,i=[]},buildToast:(n,l)=>{if((t=>{let{containerId:n,toastId:o,updateId:s}=t;const a=n?n!==e:1!==e,r=v.has(o)&&null==s;return a||r})(l))return;const{toastId:f,updateId:h,data:I,staleId:_,delay:C}=l,L=()=>{E(f)},N=null==h;N&&r++;const $={...g,style:g.toastStyle,key:s++,...Object.fromEntries(Object.entries(l).filter(e=>{let[t,n]=e;return null!=n})),toastId:f,updateId:h,data:I,closeToast:L,isIn:!1,className:p(l.className||g.toastClassName),bodyClassName:p(l.bodyClassName||g.bodyClassName),progressClassName:p(l.progressClassName||g.progressClassName),autoClose:!l.isLoading&&(w=l.autoClose,k=g.autoClose,!1===w||react_toastify_esm_c(w)&&w>0?w:k),deleteToast(){const e=v.get(f),{onClose:n,children:s}=e.props;u(n)&&n((0,react.isValidElement)(s)&&s.props),o(react_toastify_esm_y(e,"removed")),v.delete(f),r--,r<0&&(r=0),i.length>0?b(i.shift()):T()}};var w,k;$.closeButton=g.closeButton,!1===l.closeButton||react_toastify_esm_m(l.closeButton)?$.closeButton=l.closeButton:!0===l.closeButton&&($.closeButton=!react_toastify_esm_m(g.closeButton)||g.closeButton);let P=n;(0,react.isValidElement)(n)&&!d(n.type)?P=(0,react.cloneElement)(n,{closeToast:L,toastProps:$,data:I}):u(n)&&(P=n({closeToast:L,toastProps:$,data:I}));const M={content:P,props:$,staleId:_};g.limit&&g.limit>0&&r>g.limit&&N?i.push(M):react_toastify_esm_c(C)?setTimeout(()=>{b(M)},C):b(M)},setProps(e){g=e},setToggle:(e,t)=>{v.get(e).toggle=t},isToastActive:e=>l.some(t=>t===e),getSnapshot:()=>g.newestOnTop?f.reverse():f}}(n,e,react_toastify_esm_E);react_toastify_esm_v.set(n,s);const r=s.observe(o);return react_toastify_esm_h.forEach(e=>react_toastify_esm_(e.content,e.options)),react_toastify_esm_h=[],()=>{r(),react_toastify_esm_v.delete(n)}},setProps(e){var t;null==(t=react_toastify_esm_v.get(n))||t.setProps(e)},getSnapshot(){var e;return null==(e=react_toastify_esm_v.get(n))?void 0:e.getSnapshot()}}}(e)).current;i(e);const l=(0,react.useSyncExternalStore)(o,s,s);return{getToastToRender:function(e){if(!l)return[];const t=new Map;return l.forEach(e=>{const{position:n}=e.props;t.has(n)||t.set(n,[]),t.get(n).push(e)}),Array.from(t,t=>e(t[0],t[1]))},isToastActive:react_toastify_esm_I,count:null==l?void 0:l.length}}function react_toastify_esm_N(e){const[t,o]=(0,react.useState)(!1),[a,r]=(0,react.useState)(!1),l=(0,react.useRef)(null),c=(0,react.useRef)({start:0,delta:0,removalDistance:0,canCloseOnClick:!0,canDrag:!1,didMove:!1}).current,{autoClose:d,pauseOnHover:u,closeToast:p,onClick:m,closeOnClick:f}=e;var g,y;function h(){o(!0)}function T(){o(!1)}function E(n){const o=l.current;c.canDrag&&o&&(c.didMove=!0,t&&T(),c.delta="x"===e.draggableDirection?n.clientX-c.start:n.clientY-c.start,c.start!==n.clientX&&(c.canCloseOnClick=!1),o.style.transform=`translate3d(${"x"===e.draggableDirection?`${c.delta}px, var(--y)`:`0, calc(${c.delta}px + var(--y))`},0)`,o.style.opacity=""+(1-Math.abs(c.delta/c.removalDistance)))}function b(){document.removeEventListener("pointermove",E),document.removeEventListener("pointerup",b);const t=l.current;if(c.canDrag&&c.didMove&&t){if(c.canDrag=!1,Math.abs(c.delta)>c.removalDistance)return r(!0),e.closeToast(),void e.collapseAll();t.style.transition="transform 0.2s, opacity 0.2s",t.style.removeProperty("transform"),t.style.removeProperty("opacity")}}null==(y=react_toastify_esm_v.get((g={id:e.toastId,containerId:e.containerId,fn:o}).containerId||1))||y.setToggle(g.id,g.fn),(0,react.useEffect)(()=>{if(e.pauseOnFocusLoss)return document.hasFocus()||T(),window.addEventListener("focus",h),window.addEventListener("blur",T),()=>{window.removeEventListener("focus",h),window.removeEventListener("blur",T)}},[e.pauseOnFocusLoss]);const I={onPointerDown:function(t){if(!0===e.draggable||e.draggable===t.pointerType){c.didMove=!1,document.addEventListener("pointermove",E),document.addEventListener("pointerup",b);const n=l.current;c.canCloseOnClick=!0,c.canDrag=!0,n.style.transition="none","x"===e.draggableDirection?(c.start=t.clientX,c.removalDistance=n.offsetWidth*(e.draggablePercent/100)):(c.start=t.clientY,c.removalDistance=n.offsetHeight*(80===e.draggablePercent?1.5*e.draggablePercent:e.draggablePercent)/100)}},onPointerUp:function(t){const{top:n,bottom:o,left:s,right:a}=l.current.getBoundingClientRect();"touchend"!==t.nativeEvent.type&&e.pauseOnHover&&t.clientX>=s&&t.clientX<=a&&t.clientY>=n&&t.clientY<=o?T():h()}};return d&&u&&(I.onMouseEnter=T,e.stacked||(I.onMouseLeave=h)),f&&(I.onClick=e=>{m&&m(e),c.canCloseOnClick&&p()}),{playToast:h,pauseToast:T,isRunning:t,preventExitTransition:a,toastRef:l,eventHandlers:I}}function react_toastify_esm_$(t){let{delay:n,isRunning:o,closeToast:s,type:a="default",hide:r,className:i,style:c,controlledProgress:d,progress:p,rtl:m,isIn:f,theme:g}=t;const y=r||d&&0===p,v={...c,animationDuration:`${n}ms`,animationPlayState:o?"running":"paused"};d&&(v.transform=`scaleX(${p})`);const h=dist_clsx("Toastify__progress-bar",d?"Toastify__progress-bar--controlled":"Toastify__progress-bar--animated",`Toastify__progress-bar-theme--${g}`,`Toastify__progress-bar--${a}`,{"Toastify__progress-bar--rtl":m}),T=u(i)?i({rtl:m,type:a,defaultClassName:h}):dist_clsx(h,i),E={[d&&p>=1?"onTransitionEnd":"onAnimationEnd"]:d&&p<1?null:()=>{f&&s()}};return react.createElement("div",{className:"Toastify__progress-bar--wrp","data-hidden":y},react.createElement("div",{className:`Toastify__progress-bar--bg Toastify__progress-bar-theme--${g} Toastify__progress-bar--${a}`}),react.createElement("div",{role:"progressbar","aria-hidden":y?"true":"false","aria-label":"notification timer",className:T,style:v,...E}))}let react_toastify_esm_w=1;const react_toastify_esm_k=()=>""+react_toastify_esm_w++;function react_toastify_esm_P(e){return e&&(d(e.toastId)||react_toastify_esm_c(e.toastId))?e.toastId:react_toastify_esm_k()}function react_toastify_esm_M(e,t){return react_toastify_esm_(e,t),t.toastId}function react_toastify_esm_x(e,t){return{...t,type:t&&t.type||e,toastId:react_toastify_esm_P(t)}}function react_toastify_esm_A(e){return(t,n)=>react_toastify_esm_M(t,react_toastify_esm_x(e,n))}function react_toastify_esm_B(e,t){return react_toastify_esm_M(e,react_toastify_esm_x("default",t))}react_toastify_esm_B.loading=(e,t)=>react_toastify_esm_M(e,react_toastify_esm_x("default",{isLoading:!0,autoClose:!1,closeOnClick:!1,closeButton:!1,draggable:!1,...t})),react_toastify_esm_B.promise=function(e,t,n){let o,{pending:s,error:a,success:r}=t;s&&(o=d(s)?react_toastify_esm_B.loading(s,n):react_toastify_esm_B.loading(s.render,{...n,...s}));const i={isLoading:null,autoClose:null,closeOnClick:null,closeButton:null,draggable:null},l=(e,t,s)=>{if(null==t)return void react_toastify_esm_B.dismiss(o);const a={type:e,...i,...n,data:s},r=d(t)?{render:t}:t;return o?react_toastify_esm_B.update(o,{...a,...r}):react_toastify_esm_B(r.render,{...a,...r}),s},c=u(e)?e():e;return c.then(e=>l("success",r,e)).catch(e=>l("error",a,e)),c},react_toastify_esm_B.success=react_toastify_esm_A("success"),react_toastify_esm_B.info=react_toastify_esm_A("info"),react_toastify_esm_B.error=react_toastify_esm_A("error"),react_toastify_esm_B.warning=react_toastify_esm_A("warning"),react_toastify_esm_B.warn=react_toastify_esm_B.warning,react_toastify_esm_B.dark=(e,t)=>react_toastify_esm_M(e,react_toastify_esm_x("default",{theme:"dark",...t})),react_toastify_esm_B.dismiss=function(e){!function(e){var t;if(react_toastify_esm_b()){if(null==e||d(t=e)||react_toastify_esm_c(t))react_toastify_esm_v.forEach(t=>{t.removeToast(e)});else if(e&&("containerId"in e||"id"in e)){const t=react_toastify_esm_v.get(e.containerId);t?t.removeToast(e.id):react_toastify_esm_v.forEach(t=>{t.removeToast(e.id)})}}else react_toastify_esm_h=react_toastify_esm_h.filter(t=>null!=e&&t.options.toastId!==e)}(e)},react_toastify_esm_B.clearWaitingQueue=function(e){void 0===e&&(e={}),react_toastify_esm_v.forEach(t=>{!t.props.limit||e.containerId&&t.id!==e.containerId||t.clearQueue()})},react_toastify_esm_B.isActive=react_toastify_esm_I,react_toastify_esm_B.update=function(e,t){void 0===t&&(t={});const n=((e,t)=>{var n;let{containerId:o}=t;return null==(n=react_toastify_esm_v.get(o||1))?void 0:n.toasts.get(e)})(e,t);if(n){const{props:o,content:s}=n,a={delay:100,...o,...t,toastId:t.toastId||e,updateId:react_toastify_esm_k()};a.toastId!==e&&(a.staleId=e);const r=a.render||s;delete a.render,react_toastify_esm_M(r,a)}},react_toastify_esm_B.done=e=>{react_toastify_esm_B.update(e,{progress:1})},react_toastify_esm_B.onChange=function(e){return react_toastify_esm_T.add(e),()=>{react_toastify_esm_T.delete(e)}},react_toastify_esm_B.play=e=>react_toastify_esm_C(!0,e),react_toastify_esm_B.pause=e=>react_toastify_esm_C(!1,e);const react_toastify_esm_O="undefined"!=typeof window?react.useLayoutEffect:react.useEffect,react_toastify_esm_D=t=>{let{theme:n,type:o,isLoading:s,...a}=t;return react.createElement("svg",{viewBox:"0 0 24 24",width:"100%",height:"100%",fill:"colored"===n?"currentColor":`var(--toastify-icon-color-${o})`,...a})},react_toastify_esm_z={info:function(t){return react.createElement(react_toastify_esm_D,{...t},react.createElement("path",{d:"M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z"}))},warning:function(t){return react.createElement(react_toastify_esm_D,{...t},react.createElement("path",{d:"M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z"}))},success:function(t){return react.createElement(react_toastify_esm_D,{...t},react.createElement("path",{d:"M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z"}))},error:function(t){return react.createElement(react_toastify_esm_D,{...t},react.createElement("path",{d:"M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z"}))},spinner:function(){return react.createElement("div",{className:"Toastify__spinner"})}},react_toastify_esm_R=n=>{const{isRunning:o,preventExitTransition:s,toastRef:r,eventHandlers:i,playToast:c}=react_toastify_esm_N(n),{closeButton:d,children:p,autoClose:m,onClick:f,type:g,hideProgressBar:y,closeToast:v,transition:h,position:T,className:E,style:b,bodyClassName:I,bodyStyle:_,progressClassName:C,progressStyle:L,updateId:w,role:k,progress:P,rtl:M,toastId:x,deleteToast:A,isIn:B,isLoading:O,closeOnClick:D,theme:R}=n,S=dist_clsx("Toastify__toast",`Toastify__toast-theme--${R}`,`Toastify__toast--${g}`,{"Toastify__toast--rtl":M},{"Toastify__toast--close-on-click":D}),H=u(E)?E({rtl:M,position:T,type:g,defaultClassName:S}):dist_clsx(S,E),F=function(e){let{theme:n,type:o,isLoading:s,icon:r}=e,i=null;const l={theme:n,type:o};return!1===r||(u(r)?i=r({...l,isLoading:s}):(0,react.isValidElement)(r)?i=(0,react.cloneElement)(r,l):s?i=react_toastify_esm_z.spinner():(e=>e in react_toastify_esm_z)(o)&&(i=react_toastify_esm_z[o](l))),i}(n),X=!!P||!m,Y={closeToast:v,type:g,theme:R};let q=null;return!1===d||(q=u(d)?d(Y):(0,react.isValidElement)(d)?(0,react.cloneElement)(d,Y):function(t){let{closeToast:n,theme:o,ariaLabel:s="close"}=t;return react.createElement("button",{className:`Toastify__close-button Toastify__close-button--${o}`,type:"button",onClick:e=>{e.stopPropagation(),n(e)},"aria-label":s},react.createElement("svg",{"aria-hidden":"true",viewBox:"0 0 14 16"},react.createElement("path",{fillRule:"evenodd",d:"M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"})))}(Y)),react.createElement(h,{isIn:B,done:A,position:T,preventExitTransition:s,nodeRef:r,playToast:c},react.createElement("div",{id:x,onClick:f,"data-in":B,className:H,...i,style:b,ref:r},react.createElement("div",{...B&&{role:k},className:u(I)?I({type:g}):dist_clsx("Toastify__toast-body",I),style:_},null!=F&&react.createElement("div",{className:dist_clsx("Toastify__toast-icon",{"Toastify--animate-icon Toastify__zoom-enter":!O})},F),react.createElement("div",null,p)),q,react.createElement(react_toastify_esm_$,{...w&&!X?{key:`pb-${w}`}:{},rtl:M,theme:R,delay:m,isRunning:o,isIn:B,closeToast:v,hide:y,type:g,style:L,className:C,controlledProgress:X,progress:P||0})))},react_toastify_esm_S=function(e,t){return void 0===t&&(t=!1),{enter:`Toastify--animate Toastify__${e}-enter`,exit:`Toastify--animate Toastify__${e}-exit`,appendPosition:t}},react_toastify_esm_H=react_toastify_esm_g(react_toastify_esm_S("bounce",!0)),react_toastify_esm_F=react_toastify_esm_g(react_toastify_esm_S("slide",!0)),react_toastify_esm_X=react_toastify_esm_g(react_toastify_esm_S("zoom")),react_toastify_esm_Y=react_toastify_esm_g(react_toastify_esm_S("flip")),react_toastify_esm_q={position:"top-right",transition:react_toastify_esm_H,autoClose:5e3,closeButton:!0,pauseOnHover:!0,pauseOnFocusLoss:!0,draggable:"touch",draggablePercent:80,draggableDirection:"x",role:"alert",theme:"light"};function react_toastify_esm_Q(t){let o={...react_toastify_esm_q,...t};const s=t.stacked,[a,r]=(0,react.useState)(!0),c=(0,react.useRef)(null),{getToastToRender:d,isToastActive:m,count:f}=react_toastify_esm_L(o),{className:g,style:y,rtl:v,containerId:h}=o;function T(e){const t=dist_clsx("Toastify__toast-container",`Toastify__toast-container--${e}`,{"Toastify__toast-container--rtl":v});return u(g)?g({position:e,rtl:v,defaultClassName:t}):dist_clsx(t,p(g))}function E(){s&&(r(!0),react_toastify_esm_B.play())}return react_toastify_esm_O(()=>{if(s){var e;const t=c.current.querySelectorAll('[data-in="true"]'),n=12,s=null==(e=o.position)?void 0:e.includes("top");let r=0,i=0;Array.from(t).reverse().forEach((e,t)=>{const o=e;o.classList.add("Toastify__toast--stacked"),t>0&&(o.dataset.collapsed=`${a}`),o.dataset.pos||(o.dataset.pos=s?"top":"bot");const l=r*(a?.2:1)+(a?0:n*t);o.style.setProperty("--y",`${s?l:-1*l}px`),o.style.setProperty("--g",`${n}`),o.style.setProperty("--s",""+(1-(a?i:0))),r+=o.offsetHeight,i+=.025})}},[a,f,s]),react.createElement("div",{ref:c,className:"Toastify",id:h,onMouseEnter:()=>{s&&(r(!1),react_toastify_esm_B.pause())},onMouseLeave:E},d((t,n)=>{const o=n.length?{...y}:{...y,pointerEvents:"none"};return react.createElement("div",{className:T(t),style:o,key:`container-${t}`},n.map(t=>{let{content:n,props:o}=t;return react.createElement(react_toastify_esm_R,{...o,stacked:s,collapseAll:E,isIn:m(o.toastId,o.containerId),style:o.style,key:`toast-${o.key}`},n)}))}))}
|
|
143455
|
-
//# sourceMappingURL=react-toastify.esm.mjs.map
|
|
143456
|
-
|
|
143457
|
-
// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/react-toastify/dist/ReactToastify.css
|
|
143458
|
-
var ReactToastify = __webpack_require__(28750);
|
|
143459
|
-
;// CONCATENATED MODULE: ./node_modules/react-toastify/dist/ReactToastify.css
|
|
143460
|
-
|
|
143461
|
-
|
|
143462
|
-
|
|
143463
|
-
|
|
143464
|
-
|
|
143465
|
-
|
|
143466
|
-
|
|
143467
|
-
|
|
143468
|
-
|
|
143469
|
-
|
|
143470
|
-
|
|
143471
|
-
var ReactToastify_options = {};
|
|
143472
|
-
|
|
143473
|
-
ReactToastify_options.styleTagTransform = (styleTagTransform_default());
|
|
143474
|
-
ReactToastify_options.setAttributes = (setAttributesWithoutAttributes_default());
|
|
143475
|
-
ReactToastify_options.insert = insertBySelector_default().bind(null, "head");
|
|
143476
|
-
ReactToastify_options.domAPI = (styleDomAPI_default());
|
|
143477
|
-
ReactToastify_options.insertStyleElement = (insertStyleElement_default());
|
|
143478
|
-
|
|
143479
|
-
var ReactToastify_update = injectStylesIntoStyleTag_default()(ReactToastify/* default */.A, ReactToastify_options);
|
|
143480
|
-
|
|
143481
|
-
|
|
143482
|
-
|
|
143483
|
-
|
|
143484
|
-
/* harmony default export */ var dist_ReactToastify = (ReactToastify/* default */.A && ReactToastify/* default */.A.locals ? ReactToastify/* default */.A.locals : undefined);
|
|
143485
|
-
|
|
143486
143310
|
;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/typeof.js
|
|
143487
143311
|
function _typeof(o) {
|
|
143488
143312
|
"@babel/helpers - typeof";
|
|
@@ -152457,6 +152281,42 @@ var NonceProvider = (function (_ref) {
|
|
|
152457
152281
|
|
|
152458
152282
|
|
|
152459
152283
|
|
|
152284
|
+
;// CONCATENATED MODULE: ./node_modules/clsx/dist/clsx.mjs
|
|
152285
|
+
function clsx_r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=clsx_r(e[t]))&&(n&&(n+=" "),n+=f)}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=clsx_r(e))&&(n&&(n+=" "),n+=t);return n}/* harmony default export */ var dist_clsx = (clsx);
|
|
152286
|
+
;// CONCATENATED MODULE: ./node_modules/react-toastify/dist/react-toastify.esm.mjs
|
|
152287
|
+
'use client';
|
|
152288
|
+
const react_toastify_esm_c=e=>"number"==typeof e&&!isNaN(e),d=e=>"string"==typeof e,u=e=>"function"==typeof e,p=e=>d(e)||u(e)?e:null,react_toastify_esm_m=e=>(0,react.isValidElement)(e)||d(e)||u(e)||react_toastify_esm_c(e);function react_toastify_esm_f(e,t,n){void 0===n&&(n=300);const{scrollHeight:o,style:s}=e;requestAnimationFrame(()=>{s.minHeight="initial",s.height=o+"px",s.transition=`all ${n}ms`,requestAnimationFrame(()=>{s.height="0",s.padding="0",s.margin="0",setTimeout(t,n)})})}function react_toastify_esm_g(t){let{enter:a,exit:r,appendPosition:i=!1,collapse:l=!0,collapseDuration:c=300}=t;return function(t){let{children:d,position:u,preventExitTransition:p,done:m,nodeRef:g,isIn:y,playToast:v}=t;const h=i?`${a}--${u}`:a,T=i?`${r}--${u}`:r,E=(0,react.useRef)(0);return (0,react.useLayoutEffect)(()=>{const e=g.current,t=h.split(" "),n=o=>{o.target===g.current&&(v(),e.removeEventListener("animationend",n),e.removeEventListener("animationcancel",n),0===E.current&&"animationcancel"!==o.type&&e.classList.remove(...t))};e.classList.add(...t),e.addEventListener("animationend",n),e.addEventListener("animationcancel",n)},[]),(0,react.useEffect)(()=>{const e=g.current,t=()=>{e.removeEventListener("animationend",t),l?react_toastify_esm_f(e,m,c):m()};y||(p?t():(E.current=1,e.className+=` ${T}`,e.addEventListener("animationend",t)))},[y]),react.createElement(react.Fragment,null,d)}}function react_toastify_esm_y(e,t){return null!=e?{content:e.content,containerId:e.props.containerId,id:e.props.toastId,theme:e.props.theme,type:e.props.type,data:e.props.data||{},isLoading:e.props.isLoading,icon:e.props.icon,status:t}:{}}const react_toastify_esm_v=new Map;let react_toastify_esm_h=[];const react_toastify_esm_T=new Set,react_toastify_esm_E=e=>react_toastify_esm_T.forEach(t=>t(e)),react_toastify_esm_b=()=>react_toastify_esm_v.size>0;function react_toastify_esm_I(e,t){var n;if(t)return!(null==(n=react_toastify_esm_v.get(t))||!n.isToastActive(e));let o=!1;return react_toastify_esm_v.forEach(t=>{t.isToastActive(e)&&(o=!0)}),o}function react_toastify_esm_(e,t){react_toastify_esm_m(e)&&(react_toastify_esm_b()||react_toastify_esm_h.push({content:e,options:t}),react_toastify_esm_v.forEach(n=>{n.buildToast(e,t)}))}function react_toastify_esm_C(e,t){react_toastify_esm_v.forEach(n=>{null!=t&&null!=t&&t.containerId?(null==t?void 0:t.containerId)===n.id&&n.toggle(e,null==t?void 0:t.id):n.toggle(e,null==t?void 0:t.id)})}function react_toastify_esm_L(e){const{subscribe:o,getSnapshot:s,setProps:i}=(0,react.useRef)(function(e){const n=e.containerId||1;return{subscribe(o){const s=function(e,n,o){let s=1,r=0,i=[],l=[],f=[],g=n;const v=new Map,h=new Set,T=()=>{f=Array.from(v.values()),h.forEach(e=>e())},E=e=>{l=null==e?[]:l.filter(t=>t!==e),T()},b=e=>{const{toastId:n,onOpen:s,updateId:a,children:r}=e.props,i=null==a;e.staleId&&v.delete(e.staleId),v.set(n,e),l=[...l,e.props.toastId].filter(t=>t!==e.staleId),T(),o(react_toastify_esm_y(e,i?"added":"updated")),i&&u(s)&&s((0,react.isValidElement)(r)&&r.props)};return{id:e,props:g,observe:e=>(h.add(e),()=>h.delete(e)),toggle:(e,t)=>{v.forEach(n=>{null!=t&&t!==n.props.toastId||u(n.toggle)&&n.toggle(e)})},removeToast:E,toasts:v,clearQueue:()=>{r-=i.length,i=[]},buildToast:(n,l)=>{if((t=>{let{containerId:n,toastId:o,updateId:s}=t;const a=n?n!==e:1!==e,r=v.has(o)&&null==s;return a||r})(l))return;const{toastId:f,updateId:h,data:I,staleId:_,delay:C}=l,L=()=>{E(f)},N=null==h;N&&r++;const $={...g,style:g.toastStyle,key:s++,...Object.fromEntries(Object.entries(l).filter(e=>{let[t,n]=e;return null!=n})),toastId:f,updateId:h,data:I,closeToast:L,isIn:!1,className:p(l.className||g.toastClassName),bodyClassName:p(l.bodyClassName||g.bodyClassName),progressClassName:p(l.progressClassName||g.progressClassName),autoClose:!l.isLoading&&(w=l.autoClose,k=g.autoClose,!1===w||react_toastify_esm_c(w)&&w>0?w:k),deleteToast(){const e=v.get(f),{onClose:n,children:s}=e.props;u(n)&&n((0,react.isValidElement)(s)&&s.props),o(react_toastify_esm_y(e,"removed")),v.delete(f),r--,r<0&&(r=0),i.length>0?b(i.shift()):T()}};var w,k;$.closeButton=g.closeButton,!1===l.closeButton||react_toastify_esm_m(l.closeButton)?$.closeButton=l.closeButton:!0===l.closeButton&&($.closeButton=!react_toastify_esm_m(g.closeButton)||g.closeButton);let P=n;(0,react.isValidElement)(n)&&!d(n.type)?P=(0,react.cloneElement)(n,{closeToast:L,toastProps:$,data:I}):u(n)&&(P=n({closeToast:L,toastProps:$,data:I}));const M={content:P,props:$,staleId:_};g.limit&&g.limit>0&&r>g.limit&&N?i.push(M):react_toastify_esm_c(C)?setTimeout(()=>{b(M)},C):b(M)},setProps(e){g=e},setToggle:(e,t)=>{v.get(e).toggle=t},isToastActive:e=>l.some(t=>t===e),getSnapshot:()=>g.newestOnTop?f.reverse():f}}(n,e,react_toastify_esm_E);react_toastify_esm_v.set(n,s);const r=s.observe(o);return react_toastify_esm_h.forEach(e=>react_toastify_esm_(e.content,e.options)),react_toastify_esm_h=[],()=>{r(),react_toastify_esm_v.delete(n)}},setProps(e){var t;null==(t=react_toastify_esm_v.get(n))||t.setProps(e)},getSnapshot(){var e;return null==(e=react_toastify_esm_v.get(n))?void 0:e.getSnapshot()}}}(e)).current;i(e);const l=(0,react.useSyncExternalStore)(o,s,s);return{getToastToRender:function(e){if(!l)return[];const t=new Map;return l.forEach(e=>{const{position:n}=e.props;t.has(n)||t.set(n,[]),t.get(n).push(e)}),Array.from(t,t=>e(t[0],t[1]))},isToastActive:react_toastify_esm_I,count:null==l?void 0:l.length}}function react_toastify_esm_N(e){const[t,o]=(0,react.useState)(!1),[a,r]=(0,react.useState)(!1),l=(0,react.useRef)(null),c=(0,react.useRef)({start:0,delta:0,removalDistance:0,canCloseOnClick:!0,canDrag:!1,didMove:!1}).current,{autoClose:d,pauseOnHover:u,closeToast:p,onClick:m,closeOnClick:f}=e;var g,y;function h(){o(!0)}function T(){o(!1)}function E(n){const o=l.current;c.canDrag&&o&&(c.didMove=!0,t&&T(),c.delta="x"===e.draggableDirection?n.clientX-c.start:n.clientY-c.start,c.start!==n.clientX&&(c.canCloseOnClick=!1),o.style.transform=`translate3d(${"x"===e.draggableDirection?`${c.delta}px, var(--y)`:`0, calc(${c.delta}px + var(--y))`},0)`,o.style.opacity=""+(1-Math.abs(c.delta/c.removalDistance)))}function b(){document.removeEventListener("pointermove",E),document.removeEventListener("pointerup",b);const t=l.current;if(c.canDrag&&c.didMove&&t){if(c.canDrag=!1,Math.abs(c.delta)>c.removalDistance)return r(!0),e.closeToast(),void e.collapseAll();t.style.transition="transform 0.2s, opacity 0.2s",t.style.removeProperty("transform"),t.style.removeProperty("opacity")}}null==(y=react_toastify_esm_v.get((g={id:e.toastId,containerId:e.containerId,fn:o}).containerId||1))||y.setToggle(g.id,g.fn),(0,react.useEffect)(()=>{if(e.pauseOnFocusLoss)return document.hasFocus()||T(),window.addEventListener("focus",h),window.addEventListener("blur",T),()=>{window.removeEventListener("focus",h),window.removeEventListener("blur",T)}},[e.pauseOnFocusLoss]);const I={onPointerDown:function(t){if(!0===e.draggable||e.draggable===t.pointerType){c.didMove=!1,document.addEventListener("pointermove",E),document.addEventListener("pointerup",b);const n=l.current;c.canCloseOnClick=!0,c.canDrag=!0,n.style.transition="none","x"===e.draggableDirection?(c.start=t.clientX,c.removalDistance=n.offsetWidth*(e.draggablePercent/100)):(c.start=t.clientY,c.removalDistance=n.offsetHeight*(80===e.draggablePercent?1.5*e.draggablePercent:e.draggablePercent)/100)}},onPointerUp:function(t){const{top:n,bottom:o,left:s,right:a}=l.current.getBoundingClientRect();"touchend"!==t.nativeEvent.type&&e.pauseOnHover&&t.clientX>=s&&t.clientX<=a&&t.clientY>=n&&t.clientY<=o?T():h()}};return d&&u&&(I.onMouseEnter=T,e.stacked||(I.onMouseLeave=h)),f&&(I.onClick=e=>{m&&m(e),c.canCloseOnClick&&p()}),{playToast:h,pauseToast:T,isRunning:t,preventExitTransition:a,toastRef:l,eventHandlers:I}}function react_toastify_esm_$(t){let{delay:n,isRunning:o,closeToast:s,type:a="default",hide:r,className:i,style:c,controlledProgress:d,progress:p,rtl:m,isIn:f,theme:g}=t;const y=r||d&&0===p,v={...c,animationDuration:`${n}ms`,animationPlayState:o?"running":"paused"};d&&(v.transform=`scaleX(${p})`);const h=dist_clsx("Toastify__progress-bar",d?"Toastify__progress-bar--controlled":"Toastify__progress-bar--animated",`Toastify__progress-bar-theme--${g}`,`Toastify__progress-bar--${a}`,{"Toastify__progress-bar--rtl":m}),T=u(i)?i({rtl:m,type:a,defaultClassName:h}):dist_clsx(h,i),E={[d&&p>=1?"onTransitionEnd":"onAnimationEnd"]:d&&p<1?null:()=>{f&&s()}};return react.createElement("div",{className:"Toastify__progress-bar--wrp","data-hidden":y},react.createElement("div",{className:`Toastify__progress-bar--bg Toastify__progress-bar-theme--${g} Toastify__progress-bar--${a}`}),react.createElement("div",{role:"progressbar","aria-hidden":y?"true":"false","aria-label":"notification timer",className:T,style:v,...E}))}let react_toastify_esm_w=1;const react_toastify_esm_k=()=>""+react_toastify_esm_w++;function react_toastify_esm_P(e){return e&&(d(e.toastId)||react_toastify_esm_c(e.toastId))?e.toastId:react_toastify_esm_k()}function react_toastify_esm_M(e,t){return react_toastify_esm_(e,t),t.toastId}function react_toastify_esm_x(e,t){return{...t,type:t&&t.type||e,toastId:react_toastify_esm_P(t)}}function react_toastify_esm_A(e){return(t,n)=>react_toastify_esm_M(t,react_toastify_esm_x(e,n))}function react_toastify_esm_B(e,t){return react_toastify_esm_M(e,react_toastify_esm_x("default",t))}react_toastify_esm_B.loading=(e,t)=>react_toastify_esm_M(e,react_toastify_esm_x("default",{isLoading:!0,autoClose:!1,closeOnClick:!1,closeButton:!1,draggable:!1,...t})),react_toastify_esm_B.promise=function(e,t,n){let o,{pending:s,error:a,success:r}=t;s&&(o=d(s)?react_toastify_esm_B.loading(s,n):react_toastify_esm_B.loading(s.render,{...n,...s}));const i={isLoading:null,autoClose:null,closeOnClick:null,closeButton:null,draggable:null},l=(e,t,s)=>{if(null==t)return void react_toastify_esm_B.dismiss(o);const a={type:e,...i,...n,data:s},r=d(t)?{render:t}:t;return o?react_toastify_esm_B.update(o,{...a,...r}):react_toastify_esm_B(r.render,{...a,...r}),s},c=u(e)?e():e;return c.then(e=>l("success",r,e)).catch(e=>l("error",a,e)),c},react_toastify_esm_B.success=react_toastify_esm_A("success"),react_toastify_esm_B.info=react_toastify_esm_A("info"),react_toastify_esm_B.error=react_toastify_esm_A("error"),react_toastify_esm_B.warning=react_toastify_esm_A("warning"),react_toastify_esm_B.warn=react_toastify_esm_B.warning,react_toastify_esm_B.dark=(e,t)=>react_toastify_esm_M(e,react_toastify_esm_x("default",{theme:"dark",...t})),react_toastify_esm_B.dismiss=function(e){!function(e){var t;if(react_toastify_esm_b()){if(null==e||d(t=e)||react_toastify_esm_c(t))react_toastify_esm_v.forEach(t=>{t.removeToast(e)});else if(e&&("containerId"in e||"id"in e)){const t=react_toastify_esm_v.get(e.containerId);t?t.removeToast(e.id):react_toastify_esm_v.forEach(t=>{t.removeToast(e.id)})}}else react_toastify_esm_h=react_toastify_esm_h.filter(t=>null!=e&&t.options.toastId!==e)}(e)},react_toastify_esm_B.clearWaitingQueue=function(e){void 0===e&&(e={}),react_toastify_esm_v.forEach(t=>{!t.props.limit||e.containerId&&t.id!==e.containerId||t.clearQueue()})},react_toastify_esm_B.isActive=react_toastify_esm_I,react_toastify_esm_B.update=function(e,t){void 0===t&&(t={});const n=((e,t)=>{var n;let{containerId:o}=t;return null==(n=react_toastify_esm_v.get(o||1))?void 0:n.toasts.get(e)})(e,t);if(n){const{props:o,content:s}=n,a={delay:100,...o,...t,toastId:t.toastId||e,updateId:react_toastify_esm_k()};a.toastId!==e&&(a.staleId=e);const r=a.render||s;delete a.render,react_toastify_esm_M(r,a)}},react_toastify_esm_B.done=e=>{react_toastify_esm_B.update(e,{progress:1})},react_toastify_esm_B.onChange=function(e){return react_toastify_esm_T.add(e),()=>{react_toastify_esm_T.delete(e)}},react_toastify_esm_B.play=e=>react_toastify_esm_C(!0,e),react_toastify_esm_B.pause=e=>react_toastify_esm_C(!1,e);const react_toastify_esm_O="undefined"!=typeof window?react.useLayoutEffect:react.useEffect,react_toastify_esm_D=t=>{let{theme:n,type:o,isLoading:s,...a}=t;return react.createElement("svg",{viewBox:"0 0 24 24",width:"100%",height:"100%",fill:"colored"===n?"currentColor":`var(--toastify-icon-color-${o})`,...a})},react_toastify_esm_z={info:function(t){return react.createElement(react_toastify_esm_D,{...t},react.createElement("path",{d:"M12 0a12 12 0 1012 12A12.013 12.013 0 0012 0zm.25 5a1.5 1.5 0 11-1.5 1.5 1.5 1.5 0 011.5-1.5zm2.25 13.5h-4a1 1 0 010-2h.75a.25.25 0 00.25-.25v-4.5a.25.25 0 00-.25-.25h-.75a1 1 0 010-2h1a2 2 0 012 2v4.75a.25.25 0 00.25.25h.75a1 1 0 110 2z"}))},warning:function(t){return react.createElement(react_toastify_esm_D,{...t},react.createElement("path",{d:"M23.32 17.191L15.438 2.184C14.728.833 13.416 0 11.996 0c-1.42 0-2.733.833-3.443 2.184L.533 17.448a4.744 4.744 0 000 4.368C1.243 23.167 2.555 24 3.975 24h16.05C22.22 24 24 22.044 24 19.632c0-.904-.251-1.746-.68-2.44zm-9.622 1.46c0 1.033-.724 1.823-1.698 1.823s-1.698-.79-1.698-1.822v-.043c0-1.028.724-1.822 1.698-1.822s1.698.79 1.698 1.822v.043zm.039-12.285l-.84 8.06c-.057.581-.408.943-.897.943-.49 0-.84-.367-.896-.942l-.84-8.065c-.057-.624.25-1.095.779-1.095h1.91c.528.005.84.476.784 1.1z"}))},success:function(t){return react.createElement(react_toastify_esm_D,{...t},react.createElement("path",{d:"M12 0a12 12 0 1012 12A12.014 12.014 0 0012 0zm6.927 8.2l-6.845 9.289a1.011 1.011 0 01-1.43.188l-4.888-3.908a1 1 0 111.25-1.562l4.076 3.261 6.227-8.451a1 1 0 111.61 1.183z"}))},error:function(t){return react.createElement(react_toastify_esm_D,{...t},react.createElement("path",{d:"M11.983 0a12.206 12.206 0 00-8.51 3.653A11.8 11.8 0 000 12.207 11.779 11.779 0 0011.8 24h.214A12.111 12.111 0 0024 11.791 11.766 11.766 0 0011.983 0zM10.5 16.542a1.476 1.476 0 011.449-1.53h.027a1.527 1.527 0 011.523 1.47 1.475 1.475 0 01-1.449 1.53h-.027a1.529 1.529 0 01-1.523-1.47zM11 12.5v-6a1 1 0 012 0v6a1 1 0 11-2 0z"}))},spinner:function(){return react.createElement("div",{className:"Toastify__spinner"})}},react_toastify_esm_R=n=>{const{isRunning:o,preventExitTransition:s,toastRef:r,eventHandlers:i,playToast:c}=react_toastify_esm_N(n),{closeButton:d,children:p,autoClose:m,onClick:f,type:g,hideProgressBar:y,closeToast:v,transition:h,position:T,className:E,style:b,bodyClassName:I,bodyStyle:_,progressClassName:C,progressStyle:L,updateId:w,role:k,progress:P,rtl:M,toastId:x,deleteToast:A,isIn:B,isLoading:O,closeOnClick:D,theme:R}=n,S=dist_clsx("Toastify__toast",`Toastify__toast-theme--${R}`,`Toastify__toast--${g}`,{"Toastify__toast--rtl":M},{"Toastify__toast--close-on-click":D}),H=u(E)?E({rtl:M,position:T,type:g,defaultClassName:S}):dist_clsx(S,E),F=function(e){let{theme:n,type:o,isLoading:s,icon:r}=e,i=null;const l={theme:n,type:o};return!1===r||(u(r)?i=r({...l,isLoading:s}):(0,react.isValidElement)(r)?i=(0,react.cloneElement)(r,l):s?i=react_toastify_esm_z.spinner():(e=>e in react_toastify_esm_z)(o)&&(i=react_toastify_esm_z[o](l))),i}(n),X=!!P||!m,Y={closeToast:v,type:g,theme:R};let q=null;return!1===d||(q=u(d)?d(Y):(0,react.isValidElement)(d)?(0,react.cloneElement)(d,Y):function(t){let{closeToast:n,theme:o,ariaLabel:s="close"}=t;return react.createElement("button",{className:`Toastify__close-button Toastify__close-button--${o}`,type:"button",onClick:e=>{e.stopPropagation(),n(e)},"aria-label":s},react.createElement("svg",{"aria-hidden":"true",viewBox:"0 0 14 16"},react.createElement("path",{fillRule:"evenodd",d:"M7.71 8.23l3.75 3.75-1.48 1.48-3.75-3.75-3.75 3.75L1 11.98l3.75-3.75L1 4.48 2.48 3l3.75 3.75L9.98 3l1.48 1.48-3.75 3.75z"})))}(Y)),react.createElement(h,{isIn:B,done:A,position:T,preventExitTransition:s,nodeRef:r,playToast:c},react.createElement("div",{id:x,onClick:f,"data-in":B,className:H,...i,style:b,ref:r},react.createElement("div",{...B&&{role:k},className:u(I)?I({type:g}):dist_clsx("Toastify__toast-body",I),style:_},null!=F&&react.createElement("div",{className:dist_clsx("Toastify__toast-icon",{"Toastify--animate-icon Toastify__zoom-enter":!O})},F),react.createElement("div",null,p)),q,react.createElement(react_toastify_esm_$,{...w&&!X?{key:`pb-${w}`}:{},rtl:M,theme:R,delay:m,isRunning:o,isIn:B,closeToast:v,hide:y,type:g,style:L,className:C,controlledProgress:X,progress:P||0})))},react_toastify_esm_S=function(e,t){return void 0===t&&(t=!1),{enter:`Toastify--animate Toastify__${e}-enter`,exit:`Toastify--animate Toastify__${e}-exit`,appendPosition:t}},react_toastify_esm_H=react_toastify_esm_g(react_toastify_esm_S("bounce",!0)),react_toastify_esm_F=react_toastify_esm_g(react_toastify_esm_S("slide",!0)),react_toastify_esm_X=react_toastify_esm_g(react_toastify_esm_S("zoom")),react_toastify_esm_Y=react_toastify_esm_g(react_toastify_esm_S("flip")),react_toastify_esm_q={position:"top-right",transition:react_toastify_esm_H,autoClose:5e3,closeButton:!0,pauseOnHover:!0,pauseOnFocusLoss:!0,draggable:"touch",draggablePercent:80,draggableDirection:"x",role:"alert",theme:"light"};function react_toastify_esm_Q(t){let o={...react_toastify_esm_q,...t};const s=t.stacked,[a,r]=(0,react.useState)(!0),c=(0,react.useRef)(null),{getToastToRender:d,isToastActive:m,count:f}=react_toastify_esm_L(o),{className:g,style:y,rtl:v,containerId:h}=o;function T(e){const t=dist_clsx("Toastify__toast-container",`Toastify__toast-container--${e}`,{"Toastify__toast-container--rtl":v});return u(g)?g({position:e,rtl:v,defaultClassName:t}):dist_clsx(t,p(g))}function E(){s&&(r(!0),react_toastify_esm_B.play())}return react_toastify_esm_O(()=>{if(s){var e;const t=c.current.querySelectorAll('[data-in="true"]'),n=12,s=null==(e=o.position)?void 0:e.includes("top");let r=0,i=0;Array.from(t).reverse().forEach((e,t)=>{const o=e;o.classList.add("Toastify__toast--stacked"),t>0&&(o.dataset.collapsed=`${a}`),o.dataset.pos||(o.dataset.pos=s?"top":"bot");const l=r*(a?.2:1)+(a?0:n*t);o.style.setProperty("--y",`${s?l:-1*l}px`),o.style.setProperty("--g",`${n}`),o.style.setProperty("--s",""+(1-(a?i:0))),r+=o.offsetHeight,i+=.025})}},[a,f,s]),react.createElement("div",{ref:c,className:"Toastify",id:h,onMouseEnter:()=>{s&&(r(!1),react_toastify_esm_B.pause())},onMouseLeave:E},d((t,n)=>{const o=n.length?{...y}:{...y,pointerEvents:"none"};return react.createElement("div",{className:T(t),style:o,key:`container-${t}`},n.map(t=>{let{content:n,props:o}=t;return react.createElement(react_toastify_esm_R,{...o,stacked:s,collapseAll:E,isIn:m(o.toastId,o.containerId),style:o.style,key:`toast-${o.key}`},n)}))}))}
|
|
152289
|
+
//# sourceMappingURL=react-toastify.esm.mjs.map
|
|
152290
|
+
|
|
152291
|
+
// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/react-toastify/dist/ReactToastify.css
|
|
152292
|
+
var ReactToastify = __webpack_require__(28750);
|
|
152293
|
+
;// CONCATENATED MODULE: ./node_modules/react-toastify/dist/ReactToastify.css
|
|
152294
|
+
|
|
152295
|
+
|
|
152296
|
+
|
|
152297
|
+
|
|
152298
|
+
|
|
152299
|
+
|
|
152300
|
+
|
|
152301
|
+
|
|
152302
|
+
|
|
152303
|
+
|
|
152304
|
+
|
|
152305
|
+
var ReactToastify_options = {};
|
|
152306
|
+
|
|
152307
|
+
ReactToastify_options.styleTagTransform = (styleTagTransform_default());
|
|
152308
|
+
ReactToastify_options.setAttributes = (setAttributesWithoutAttributes_default());
|
|
152309
|
+
ReactToastify_options.insert = insertBySelector_default().bind(null, "head");
|
|
152310
|
+
ReactToastify_options.domAPI = (styleDomAPI_default());
|
|
152311
|
+
ReactToastify_options.insertStyleElement = (insertStyleElement_default());
|
|
152312
|
+
|
|
152313
|
+
var ReactToastify_update = injectStylesIntoStyleTag_default()(ReactToastify/* default */.A, ReactToastify_options);
|
|
152314
|
+
|
|
152315
|
+
|
|
152316
|
+
|
|
152317
|
+
|
|
152318
|
+
/* harmony default export */ var dist_ReactToastify = (ReactToastify/* default */.A && ReactToastify/* default */.A.locals ? ReactToastify/* default */.A.locals : undefined);
|
|
152319
|
+
|
|
152460
152320
|
// EXTERNAL MODULE: ./node_modules/polotno/polotno-app.js
|
|
152461
152321
|
var polotno_app = __webpack_require__(28269);
|
|
152462
152322
|
// EXTERNAL MODULE: ./node_modules/polotno/config.js
|
|
@@ -152467,8 +152327,6 @@ var toolbar = __webpack_require__(34395);
|
|
|
152467
152327
|
var zoom_buttons = __webpack_require__(45261);
|
|
152468
152328
|
// EXTERNAL MODULE: ./node_modules/polotno/canvas/workspace.js
|
|
152469
152329
|
var workspace = __webpack_require__(22532);
|
|
152470
|
-
// EXTERNAL MODULE: ./node_modules/deepmerge/dist/cjs.js
|
|
152471
|
-
var cjs = __webpack_require__(14744);
|
|
152472
152330
|
// EXTERNAL MODULE: ./node_modules/polotno/side-panel/index.js
|
|
152473
152331
|
var side_panel = __webpack_require__(28853);
|
|
152474
152332
|
// EXTERNAL MODULE: ./node_modules/mobx-react-lite/es/index.js + 13 modules
|
|
@@ -152541,7 +152399,6 @@ var react_tooltip_min_update = injectStylesIntoStyleTag_default()(react_tooltip_
|
|
|
152541
152399
|
|
|
152542
152400
|
|
|
152543
152401
|
|
|
152544
|
-
|
|
152545
152402
|
|
|
152546
152403
|
|
|
152547
152404
|
function $parcel$interopDefault(a) {
|
|
@@ -152550,21 +152407,6 @@ function $parcel$interopDefault(a) {
|
|
|
152550
152407
|
|
|
152551
152408
|
|
|
152552
152409
|
|
|
152553
|
-
let $717432aee8737b76$export$c34289b98f0a8d7e = null;
|
|
152554
|
-
let $717432aee8737b76$export$4208724c83d5f0fb = "test";
|
|
152555
|
-
const $717432aee8737b76$export$2cdf1b96a9f86d16 = (text)=>{
|
|
152556
|
-
navigator.clipboard.writeText(text).then(()=>{}).catch((err)=>{
|
|
152557
|
-
console.error("Failed to copy text: ", err);
|
|
152558
|
-
});
|
|
152559
|
-
};
|
|
152560
|
-
const $717432aee8737b76$export$d9a4753a02dc400b = (key)=>{
|
|
152561
|
-
$717432aee8737b76$export$c34289b98f0a8d7e = key;
|
|
152562
|
-
};
|
|
152563
|
-
const $717432aee8737b76$export$d4f039427a1beff1 = (mode)=>{
|
|
152564
|
-
$717432aee8737b76$export$4208724c83d5f0fb = mode;
|
|
152565
|
-
};
|
|
152566
|
-
|
|
152567
|
-
|
|
152568
152410
|
|
|
152569
152411
|
|
|
152570
152412
|
// redux/store.ts
|
|
@@ -152574,32 +152416,102 @@ const $717432aee8737b76$export$d4f039427a1beff1 = (mode)=>{
|
|
|
152574
152416
|
const $e496cac0faa1ff17$export$bcebd1097d6619a3 = "SET_SUCCESS_SNACKBAR";
|
|
152575
152417
|
const $e496cac0faa1ff17$export$be1c2eafe8725e5f = "SET_ERROR_SNACKBAR";
|
|
152576
152418
|
const $e496cac0faa1ff17$export$5a5bdcd828e4c856 = "CLEAR_SNACKBAR";
|
|
152577
|
-
const $e496cac0faa1ff17$export$ebf28b1973acc9c9 = "SET_DYNAMIC_FIELD_VALUE";
|
|
152578
|
-
const $e496cac0faa1ff17$export$b3418338f233ff38 = "SET_DYNAMIC_FIELDS";
|
|
152579
|
-
const $e496cac0faa1ff17$export$d32d7422d8de504b = "UPDATE_DYNAMIC_FIELDS";
|
|
152580
|
-
const $e496cac0faa1ff17$export$c3605152881f7668 = "UPDATE_CONTACT_FIELDS";
|
|
152581
|
-
const $e496cac0faa1ff17$export$2926723538c2ec9c = "REMOVE_FROM_DYNAMIC_FIELDS";
|
|
152582
|
-
const $e496cac0faa1ff17$export$36e57b25571caec5 = "GET_PRODUCTS";
|
|
152583
|
-
const $e496cac0faa1ff17$export$b8d9d88a40b670c6 = "CLEAR_DYNAMIC_FIELDS";
|
|
152584
|
-
const $e496cac0faa1ff17$export$11ec03a468ece532 = "CLEAR_FIELDS";
|
|
152585
|
-
const $e496cac0faa1ff17$export$b4c0bf6364ed222c = "GET_ALL_TEMPLATES";
|
|
152586
152419
|
const $e496cac0faa1ff17$export$1c6648626b31f20d = "GET_ONE_TEMPLATE";
|
|
152587
152420
|
const $e496cac0faa1ff17$export$a3d810d0d7a98880 = "TEMPLATE_LOADING";
|
|
152588
152421
|
const $e496cac0faa1ff17$export$eb7fa4eb60116c93 = "TEMPLATE_PAGINATION_CHANGE";
|
|
152589
152422
|
const $e496cac0faa1ff17$export$1aa600adfd3dface = "TEMPLATE_SEARCH";
|
|
152590
152423
|
const $e496cac0faa1ff17$export$4510d670c403c89e = "CLEAR_ALL_TEMPLATE";
|
|
152591
152424
|
const $e496cac0faa1ff17$export$b3e9fd1c7999b338 = "CLEAR_TEMPLATE_FIELDS";
|
|
152592
|
-
const $e496cac0faa1ff17$export$5d20dfdd85a45640 = "GET_DYNAMIC_FIELDS_FROM_SERVER";
|
|
152593
152425
|
const $e496cac0faa1ff17$export$900a7683e99e6e7a = "LOAD_DATA_FROM_LOCAL_STORAGE";
|
|
152594
152426
|
const $e496cac0faa1ff17$export$71c26416d85db4e1 = "CLEAR_TEMPLATE";
|
|
152595
152427
|
const $e496cac0faa1ff17$export$297d4370f10479f0 = "SELECT_PRODUCT";
|
|
152596
152428
|
const $e496cac0faa1ff17$export$81c9af5ba79ed4c2 = "SELECT_POSTCARD";
|
|
152597
|
-
const $e496cac0faa1ff17$export$
|
|
152598
|
-
const $e496cac0faa1ff17$export$4583ff6949fe7604 = "SET_PRODUCT_DETAILS";
|
|
152599
|
-
const $e496cac0faa1ff17$export$f86cce6474279510 = "SET_PRODUCTS_DATA";
|
|
152429
|
+
const $e496cac0faa1ff17$export$958a4de996e717f9 = "SET_CUSTOM_FIELDS";
|
|
152600
152430
|
const $e496cac0faa1ff17$export$f632fb3a4986e34d = "CLEAR_REDUX";
|
|
152601
|
-
|
|
152602
|
-
|
|
152431
|
+
|
|
152432
|
+
|
|
152433
|
+
const $d60d8816d76b2b02$export$92e44ea1079b9ec6 = [
|
|
152434
|
+
{
|
|
152435
|
+
id: "9",
|
|
152436
|
+
productType: "Bi-Fold Self-Mailers",
|
|
152437
|
+
size: [
|
|
152438
|
+
{
|
|
152439
|
+
id: "9",
|
|
152440
|
+
size: "6x18"
|
|
152441
|
+
}
|
|
152442
|
+
]
|
|
152443
|
+
},
|
|
152444
|
+
{
|
|
152445
|
+
id: "5",
|
|
152446
|
+
productType: "Personal Letters",
|
|
152447
|
+
size: [
|
|
152448
|
+
{
|
|
152449
|
+
id: "5",
|
|
152450
|
+
size: "8.5x5.5"
|
|
152451
|
+
}
|
|
152452
|
+
]
|
|
152453
|
+
},
|
|
152454
|
+
{
|
|
152455
|
+
id: "13",
|
|
152456
|
+
productType: "Postcards",
|
|
152457
|
+
size: [
|
|
152458
|
+
{
|
|
152459
|
+
id: "13",
|
|
152460
|
+
size: "4x6"
|
|
152461
|
+
},
|
|
152462
|
+
{
|
|
152463
|
+
id: "15",
|
|
152464
|
+
size: "6x11"
|
|
152465
|
+
},
|
|
152466
|
+
{
|
|
152467
|
+
id: "14",
|
|
152468
|
+
size: "6x9"
|
|
152469
|
+
}
|
|
152470
|
+
]
|
|
152471
|
+
},
|
|
152472
|
+
{
|
|
152473
|
+
id: "16",
|
|
152474
|
+
productType: "Real Penned Letter",
|
|
152475
|
+
size: [
|
|
152476
|
+
{
|
|
152477
|
+
id: "16",
|
|
152478
|
+
size: "8.5x5.5"
|
|
152479
|
+
}
|
|
152480
|
+
]
|
|
152481
|
+
},
|
|
152482
|
+
{
|
|
152483
|
+
id: "11",
|
|
152484
|
+
productType: "Tri-Fold Self-Mailers",
|
|
152485
|
+
size: [
|
|
152486
|
+
{
|
|
152487
|
+
id: "11",
|
|
152488
|
+
size: "12x9"
|
|
152489
|
+
}
|
|
152490
|
+
]
|
|
152491
|
+
},
|
|
152492
|
+
{
|
|
152493
|
+
id: "2",
|
|
152494
|
+
productType: "Professional Letters",
|
|
152495
|
+
size: [
|
|
152496
|
+
{
|
|
152497
|
+
id: "2",
|
|
152498
|
+
size: "11x8.5"
|
|
152499
|
+
}
|
|
152500
|
+
],
|
|
152501
|
+
windowed: true
|
|
152502
|
+
},
|
|
152503
|
+
{
|
|
152504
|
+
id: "4",
|
|
152505
|
+
productType: "Professional Letters",
|
|
152506
|
+
size: [
|
|
152507
|
+
{
|
|
152508
|
+
id: "4",
|
|
152509
|
+
size: "11x8.5"
|
|
152510
|
+
}
|
|
152511
|
+
],
|
|
152512
|
+
windowed: false
|
|
152513
|
+
}
|
|
152514
|
+
];
|
|
152603
152515
|
|
|
152604
152516
|
|
|
152605
152517
|
const $65bf2ecf319e656d$var$initialState = {
|
|
@@ -152721,7 +152633,7 @@ const $65bf2ecf319e656d$var$initialState = {
|
|
|
152721
152633
|
defaultValue: "johndoe@gmail.com"
|
|
152722
152634
|
}
|
|
152723
152635
|
],
|
|
152724
|
-
products:
|
|
152636
|
+
products: (0, $d60d8816d76b2b02$export$92e44ea1079b9ec6),
|
|
152725
152637
|
productDetailByTemplate: [],
|
|
152726
152638
|
templates: {
|
|
152727
152639
|
count: 0,
|
|
@@ -152752,38 +152664,6 @@ const $65bf2ecf319e656d$var$initialState = {
|
|
|
152752
152664
|
// @ts-ignore
|
|
152753
152665
|
const $65bf2ecf319e656d$export$31b16dea7c94293 = (state = $65bf2ecf319e656d$var$initialState, { type: type, payload: payload })=>{
|
|
152754
152666
|
switch(type){
|
|
152755
|
-
case 0, $e496cac0faa1ff17$export$ebf28b1973acc9c9:
|
|
152756
|
-
return {
|
|
152757
|
-
...state,
|
|
152758
|
-
dynamicField: payload.value
|
|
152759
|
-
};
|
|
152760
|
-
case 0, $e496cac0faa1ff17$export$b3418338f233ff38:
|
|
152761
|
-
return {
|
|
152762
|
-
...state,
|
|
152763
|
-
dynamicFields: {
|
|
152764
|
-
...state.dynamicFields,
|
|
152765
|
-
[state.dynamicField]: {
|
|
152766
|
-
value: state.dynamicField,
|
|
152767
|
-
key: `{{${state.dynamicField.replace(/ /g, "_").toUpperCase()}}}`,
|
|
152768
|
-
defaultValue: `[${state.dynamicField}]`
|
|
152769
|
-
}
|
|
152770
|
-
},
|
|
152771
|
-
dynamicField: ""
|
|
152772
|
-
};
|
|
152773
|
-
case 0, $e496cac0faa1ff17$export$2926723538c2ec9c:
|
|
152774
|
-
const dynamicFields = {
|
|
152775
|
-
...state.dynamicFields
|
|
152776
|
-
};
|
|
152777
|
-
delete dynamicFields[payload.value];
|
|
152778
|
-
return {
|
|
152779
|
-
...state,
|
|
152780
|
-
dynamicFields: dynamicFields
|
|
152781
|
-
};
|
|
152782
|
-
case 0, $e496cac0faa1ff17$export$36e57b25571caec5:
|
|
152783
|
-
return {
|
|
152784
|
-
...state,
|
|
152785
|
-
products: payload.products
|
|
152786
|
-
};
|
|
152787
152667
|
case 0, $e496cac0faa1ff17$export$1c6648626b31f20d:
|
|
152788
152668
|
return {
|
|
152789
152669
|
...state,
|
|
@@ -152836,10 +152716,6 @@ const $65bf2ecf319e656d$export$31b16dea7c94293 = (state = $65bf2ecf319e656d$var$
|
|
|
152836
152716
|
productType: payload.productType
|
|
152837
152717
|
}
|
|
152838
152718
|
};
|
|
152839
|
-
case 0, $e496cac0faa1ff17$export$b8d9d88a40b670c6:
|
|
152840
|
-
return $65bf2ecf319e656d$var$initialState;
|
|
152841
|
-
case 0, $e496cac0faa1ff17$export$11ec03a468ece532:
|
|
152842
|
-
return $65bf2ecf319e656d$var$initialState;
|
|
152843
152719
|
case 0, $e496cac0faa1ff17$export$4510d670c403c89e:
|
|
152844
152720
|
return {
|
|
152845
152721
|
...state,
|
|
@@ -152857,16 +152733,6 @@ const $65bf2ecf319e656d$export$31b16dea7c94293 = (state = $65bf2ecf319e656d$var$
|
|
|
152857
152733
|
templateType: "json",
|
|
152858
152734
|
envelopeType: ""
|
|
152859
152735
|
};
|
|
152860
|
-
case 0, $e496cac0faa1ff17$export$5d20dfdd85a45640:
|
|
152861
|
-
return {
|
|
152862
|
-
...state,
|
|
152863
|
-
dynamicFields: payload.data
|
|
152864
|
-
};
|
|
152865
|
-
case 0, $e496cac0faa1ff17$export$4583ff6949fe7604:
|
|
152866
|
-
return {
|
|
152867
|
-
...state,
|
|
152868
|
-
productDetailByTemplate: payload
|
|
152869
|
-
};
|
|
152870
152736
|
case 0, $e496cac0faa1ff17$export$900a7683e99e6e7a:
|
|
152871
152737
|
return {
|
|
152872
152738
|
...state,
|
|
@@ -152884,105 +152750,6 @@ const $65bf2ecf319e656d$export$31b16dea7c94293 = (state = $65bf2ecf319e656d$var$
|
|
|
152884
152750
|
|
|
152885
152751
|
|
|
152886
152752
|
|
|
152887
|
-
const $f081c02ac731d950$var$API_BASE_URL = (0, $717432aee8737b76$export$4208724c83d5f0fb) === "test" ? "https://stageapi.openletterconnect.com/api/v1" : "https://stageapi.openletterconnect.com/api/v1";
|
|
152888
|
-
const $f081c02ac731d950$var$getHeaders = (additionalHeaders = {})=>({
|
|
152889
|
-
"Authorization": `Bearer ${0, $717432aee8737b76$export$c34289b98f0a8d7e}`,
|
|
152890
|
-
"Content-Type": "application/json",
|
|
152891
|
-
"Accept": "application/json",
|
|
152892
|
-
...additionalHeaders
|
|
152893
|
-
});
|
|
152894
|
-
const $f081c02ac731d950$var$fetchWrapper = async (endpoint, options)=>{
|
|
152895
|
-
const url = new URL(`${$f081c02ac731d950$var$API_BASE_URL}/${endpoint}`);
|
|
152896
|
-
if (options.method === "GET" && options.params) Object.entries(options.params).forEach(([key, value])=>{
|
|
152897
|
-
url.searchParams.append(key, value);
|
|
152898
|
-
});
|
|
152899
|
-
const fetchOptions = {
|
|
152900
|
-
method: options.method,
|
|
152901
|
-
headers: $f081c02ac731d950$var$getHeaders(options.headers)
|
|
152902
|
-
};
|
|
152903
|
-
if (options.method !== "GET" && options.body) fetchOptions.body = JSON.stringify(options.body);
|
|
152904
|
-
// Add body to fetchOptions if present
|
|
152905
|
-
if (options.body) {
|
|
152906
|
-
if (options.body instanceof FormData) {
|
|
152907
|
-
fetchOptions.body = options.body;
|
|
152908
|
-
// @ts-ignore
|
|
152909
|
-
delete fetchOptions?.headers["Content-Type"];
|
|
152910
|
-
} else fetchOptions.headers = $f081c02ac731d950$var$getHeaders(options.headers);
|
|
152911
|
-
}
|
|
152912
|
-
try {
|
|
152913
|
-
const response = await fetch(url.toString(), fetchOptions);
|
|
152914
|
-
if (!response.ok) {
|
|
152915
|
-
const errorData = await response.json();
|
|
152916
|
-
throw new Error(errorData.message || "An error occurred");
|
|
152917
|
-
}
|
|
152918
|
-
if (response.status === 204) return null;
|
|
152919
|
-
const data = await response.json();
|
|
152920
|
-
return {
|
|
152921
|
-
status: response.status,
|
|
152922
|
-
data: data
|
|
152923
|
-
};
|
|
152924
|
-
} catch (error) {
|
|
152925
|
-
return error;
|
|
152926
|
-
}
|
|
152927
|
-
};
|
|
152928
|
-
var $f081c02ac731d950$export$2e2bcd8739ae039 = $f081c02ac731d950$var$fetchWrapper;
|
|
152929
|
-
|
|
152930
|
-
|
|
152931
|
-
const $77d971be1e6bcd7c$export$3988ae62b71be9a3 = async (endpoint, params)=>{
|
|
152932
|
-
return await (0, $f081c02ac731d950$export$2e2bcd8739ae039)(endpoint, {
|
|
152933
|
-
method: "GET",
|
|
152934
|
-
params: params
|
|
152935
|
-
});
|
|
152936
|
-
};
|
|
152937
|
-
const $77d971be1e6bcd7c$export$299ba2dee77727e9 = async (endpoint, body)=>{
|
|
152938
|
-
return await (0, $f081c02ac731d950$export$2e2bcd8739ae039)(endpoint, {
|
|
152939
|
-
method: "POST",
|
|
152940
|
-
body: body
|
|
152941
|
-
});
|
|
152942
|
-
};
|
|
152943
|
-
const $77d971be1e6bcd7c$export$327f7b26ebf455db = async (endpoint, body)=>{
|
|
152944
|
-
return await (0, $f081c02ac731d950$export$2e2bcd8739ae039)(endpoint, {
|
|
152945
|
-
method: "PUT",
|
|
152946
|
-
body: body
|
|
152947
|
-
});
|
|
152948
|
-
};
|
|
152949
|
-
const $77d971be1e6bcd7c$export$b76953f99ab2be78 = async (endpoint, body)=>{
|
|
152950
|
-
return await (0, $f081c02ac731d950$export$2e2bcd8739ae039)(endpoint, {
|
|
152951
|
-
method: "PATCH",
|
|
152952
|
-
body: body
|
|
152953
|
-
});
|
|
152954
|
-
};
|
|
152955
|
-
const $77d971be1e6bcd7c$export$1d2f21e549771e67 = async (endpoint, params)=>{
|
|
152956
|
-
return await (0, $f081c02ac731d950$export$2e2bcd8739ae039)(endpoint, {
|
|
152957
|
-
method: "DELETE",
|
|
152958
|
-
params: params
|
|
152959
|
-
});
|
|
152960
|
-
};
|
|
152961
|
-
|
|
152962
|
-
|
|
152963
|
-
const $fd172ef7ff2a62aa$export$8b34c135fc61d0f9 = "FETCH_CUSTOM_FIELDS_REQUEST";
|
|
152964
|
-
const $fd172ef7ff2a62aa$export$958a4de996e717f9 = "SET_CUSTOM_FIELDS";
|
|
152965
|
-
const $fd172ef7ff2a62aa$var$fetchCustomFieldsRequest = ()=>({
|
|
152966
|
-
type: $fd172ef7ff2a62aa$export$8b34c135fc61d0f9
|
|
152967
|
-
});
|
|
152968
|
-
const $fd172ef7ff2a62aa$var$fetchCustomFieldsSuccess = (fields)=>({
|
|
152969
|
-
type: $fd172ef7ff2a62aa$export$958a4de996e717f9,
|
|
152970
|
-
payload: fields
|
|
152971
|
-
});
|
|
152972
|
-
const $fd172ef7ff2a62aa$export$589e3572fd16e923 = ()=>{
|
|
152973
|
-
return async (dispatch)=>{
|
|
152974
|
-
dispatch($fd172ef7ff2a62aa$var$fetchCustomFieldsRequest());
|
|
152975
|
-
try {
|
|
152976
|
-
const response = await (0, $77d971be1e6bcd7c$export$3988ae62b71be9a3)("custom-fields");
|
|
152977
|
-
// @ts-ignore
|
|
152978
|
-
dispatch($fd172ef7ff2a62aa$var$fetchCustomFieldsSuccess(response?.data));
|
|
152979
|
-
} catch (error) {
|
|
152980
|
-
console.error("Failed to fetch custom fields:", error);
|
|
152981
|
-
}
|
|
152982
|
-
};
|
|
152983
|
-
};
|
|
152984
|
-
|
|
152985
|
-
|
|
152986
152753
|
const $8ff7322b52eb864f$var$initialState = {
|
|
152987
152754
|
customFields: [],
|
|
152988
152755
|
defaultDynamicFields: [
|
|
@@ -153041,22 +152808,13 @@ const $8ff7322b52eb864f$var$initialState = {
|
|
|
153041
152808
|
key: "{{C.EMAIL}}",
|
|
153042
152809
|
defaultValue: "johndoe@gmail.com"
|
|
153043
152810
|
}
|
|
153044
|
-
]
|
|
153045
|
-
loading: false,
|
|
153046
|
-
error: null
|
|
152811
|
+
]
|
|
153047
152812
|
};
|
|
153048
152813
|
const $8ff7322b52eb864f$export$a0d06350fe28ec97 = (state = $8ff7322b52eb864f$var$initialState, action)=>{
|
|
153049
152814
|
switch(action.type){
|
|
153050
|
-
case 0, $
|
|
152815
|
+
case 0, $e496cac0faa1ff17$export$958a4de996e717f9:
|
|
153051
152816
|
return {
|
|
153052
152817
|
...state,
|
|
153053
|
-
loading: true,
|
|
153054
|
-
error: null
|
|
153055
|
-
};
|
|
153056
|
-
case 0, $fd172ef7ff2a62aa$export$958a4de996e717f9:
|
|
153057
|
-
return {
|
|
153058
|
-
...state,
|
|
153059
|
-
loading: false,
|
|
153060
152818
|
customFields: action.payload
|
|
153061
152819
|
};
|
|
153062
152820
|
default:
|
|
@@ -153065,6 +152823,7 @@ const $8ff7322b52eb864f$export$a0d06350fe28ec97 = (state = $8ff7322b52eb864f$var
|
|
|
153065
152823
|
};
|
|
153066
152824
|
|
|
153067
152825
|
|
|
152826
|
+
//Actions
|
|
153068
152827
|
|
|
153069
152828
|
const $3c96dc3274620372$var$initialState = {
|
|
153070
152829
|
snackbar: {
|
|
@@ -153140,87 +152899,111 @@ var $ad568a7ac4136873$export$2e2bcd8739ae039 = $ad568a7ac4136873$var$store;
|
|
|
153140
152899
|
|
|
153141
152900
|
|
|
153142
152901
|
|
|
152902
|
+
const $7ad22e5ca6c288ca$export$c3ee1e672e1e24e7 = "https://api.openletterconnect.com/api/v1";
|
|
152903
|
+
const $7ad22e5ca6c288ca$export$6032165a31897610 = 96;
|
|
152904
|
+
const $7ad22e5ca6c288ca$export$882f44a34ce19ae0 = "https://api.openletterconnect.com/api/v1/download/s3/openletterconnect/assets/preview/one-barcode.png";
|
|
152905
|
+
const $7ad22e5ca6c288ca$export$b14103b5b94712c4 = "https://help.openletterconnect.com/getting-support/designing-your-mailers/wip-designing-mail-creatives/wip-mail-piece-design-specs";
|
|
152906
|
+
const $7ad22e5ca6c288ca$export$3e994a540f8ee57 = [
|
|
152907
|
+
"Postcards",
|
|
152908
|
+
"Tri-Fold Self-Mailers",
|
|
152909
|
+
"Bi-Fold Self-Mailers"
|
|
152910
|
+
];
|
|
152911
|
+
const $7ad22e5ca6c288ca$export$d30c048b3f9a13c1 = [
|
|
152912
|
+
{
|
|
152913
|
+
id: "1",
|
|
152914
|
+
label: "My Templates"
|
|
152915
|
+
},
|
|
152916
|
+
{
|
|
152917
|
+
id: "2",
|
|
152918
|
+
label: "Team Templates"
|
|
152919
|
+
},
|
|
152920
|
+
{
|
|
152921
|
+
id: "3",
|
|
152922
|
+
label: "OLC Templates"
|
|
152923
|
+
}
|
|
152924
|
+
];
|
|
152925
|
+
const $7ad22e5ca6c288ca$export$e75e577b199ead61 = [
|
|
152926
|
+
"Postcards",
|
|
152927
|
+
"Personal Letters",
|
|
152928
|
+
"Professional Letters",
|
|
152929
|
+
"Bi-Fold Self-Mailers",
|
|
152930
|
+
"Tri-Fold Self-Mailers",
|
|
152931
|
+
"Real Penned Letter"
|
|
152932
|
+
];
|
|
153143
152933
|
|
|
153144
152934
|
|
|
153145
|
-
const $
|
|
153146
|
-
|
|
153147
|
-
|
|
153148
|
-
|
|
153149
|
-
|
|
153150
|
-
|
|
153151
|
-
|
|
153152
|
-
|
|
153153
|
-
|
|
153154
|
-
|
|
153155
|
-
|
|
153156
|
-
|
|
153157
|
-
|
|
153158
|
-
message: message,
|
|
153159
|
-
heading: heading
|
|
153160
|
-
}
|
|
153161
|
-
});
|
|
153162
|
-
};
|
|
153163
|
-
const $6ca040a325a745aa$export$823cdc5238933767 = ()=>(dispatch)=>{
|
|
153164
|
-
dispatch({
|
|
153165
|
-
type: (0, $e496cac0faa1ff17$export$5a5bdcd828e4c856)
|
|
153166
|
-
});
|
|
152935
|
+
const $f081c02ac731d950$var$getHeaders = (additionalHeaders = {})=>({
|
|
152936
|
+
"Content-Type": "application/json",
|
|
152937
|
+
"Accept": "application/json",
|
|
152938
|
+
...additionalHeaders
|
|
152939
|
+
});
|
|
152940
|
+
const $f081c02ac731d950$var$fetchWrapper = async (endpoint, options)=>{
|
|
152941
|
+
const url = new URL(`${(0, $7ad22e5ca6c288ca$export$c3ee1e672e1e24e7)}/${endpoint}`);
|
|
152942
|
+
if (options.method === "GET" && options.params) Object.entries(options.params).forEach(([key, value])=>{
|
|
152943
|
+
url.searchParams.append(key, value);
|
|
152944
|
+
});
|
|
152945
|
+
const fetchOptions = {
|
|
152946
|
+
method: options.method,
|
|
152947
|
+
headers: $f081c02ac731d950$var$getHeaders(options.headers)
|
|
153167
152948
|
};
|
|
152949
|
+
if (options.method !== "GET" && options.body) fetchOptions.body = JSON.stringify(options.body);
|
|
152950
|
+
// Add body to fetchOptions if present
|
|
152951
|
+
if (options.body) {
|
|
152952
|
+
if (options.body instanceof FormData) {
|
|
152953
|
+
fetchOptions.body = options.body;
|
|
152954
|
+
// @ts-ignore
|
|
152955
|
+
delete fetchOptions?.headers["Content-Type"];
|
|
152956
|
+
} else fetchOptions.headers = $f081c02ac731d950$var$getHeaders(options.headers);
|
|
152957
|
+
}
|
|
152958
|
+
try {
|
|
152959
|
+
const response = await fetch(url.toString(), fetchOptions);
|
|
152960
|
+
if (!response.ok) {
|
|
152961
|
+
const errorData = await response.json();
|
|
152962
|
+
throw new Error(errorData.message || "An error occurred");
|
|
152963
|
+
}
|
|
152964
|
+
if (response.status === 204) return null;
|
|
152965
|
+
const data = await response.json();
|
|
152966
|
+
return {
|
|
152967
|
+
status: response.status,
|
|
152968
|
+
data: data
|
|
152969
|
+
};
|
|
152970
|
+
} catch (error) {
|
|
152971
|
+
return error;
|
|
152972
|
+
}
|
|
152973
|
+
};
|
|
152974
|
+
var $f081c02ac731d950$export$2e2bcd8739ae039 = $f081c02ac731d950$var$fetchWrapper;
|
|
153168
152975
|
|
|
153169
152976
|
|
|
153170
|
-
|
|
153171
|
-
|
|
153172
|
-
|
|
153173
|
-
|
|
153174
|
-
const Tag = variant || "p";
|
|
153175
|
-
return /*#__PURE__*/ (0, jsx_runtime.jsx)(Tag, {
|
|
153176
|
-
className: className,
|
|
153177
|
-
style: style,
|
|
153178
|
-
children: children
|
|
152977
|
+
const $77d971be1e6bcd7c$export$3988ae62b71be9a3 = async (endpoint, params)=>{
|
|
152978
|
+
return await (0, $f081c02ac731d950$export$2e2bcd8739ae039)(endpoint, {
|
|
152979
|
+
method: "GET",
|
|
152980
|
+
params: params
|
|
153179
152981
|
});
|
|
153180
152982
|
};
|
|
153181
|
-
|
|
153182
|
-
|
|
153183
|
-
|
|
153184
|
-
|
|
153185
|
-
const $a9c4d245899171bf$var$GenericSnackbar = ()=>{
|
|
153186
|
-
const open = (0, useSelector)((state)=>state.snackbarReducers.snackbar.open);
|
|
153187
|
-
const heading = (0, useSelector)((state)=>state.snackbarReducers.snackbar.heading);
|
|
153188
|
-
const message = (0, useSelector)((state)=>state.snackbarReducers.snackbar.message);
|
|
153189
|
-
const dispatch = (0, useDispatch)();
|
|
153190
|
-
const Element = /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
|
|
153191
|
-
className: "toast-content",
|
|
153192
|
-
children: [
|
|
153193
|
-
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
|
|
153194
|
-
children: heading || ""
|
|
153195
|
-
}),
|
|
153196
|
-
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
|
|
153197
|
-
children: message || ""
|
|
153198
|
-
})
|
|
153199
|
-
]
|
|
152983
|
+
const $77d971be1e6bcd7c$export$299ba2dee77727e9 = async (endpoint, body)=>{
|
|
152984
|
+
return await (0, $f081c02ac731d950$export$2e2bcd8739ae039)(endpoint, {
|
|
152985
|
+
method: "POST",
|
|
152986
|
+
body: body
|
|
153200
152987
|
});
|
|
153201
|
-
|
|
153202
|
-
|
|
153203
|
-
|
|
153204
|
-
|
|
153205
|
-
|
|
153206
|
-
|
|
153207
|
-
|
|
153208
|
-
|
|
153209
|
-
|
|
153210
|
-
|
|
153211
|
-
|
|
153212
|
-
|
|
153213
|
-
|
|
153214
|
-
|
|
153215
|
-
|
|
152988
|
+
};
|
|
152989
|
+
const $77d971be1e6bcd7c$export$327f7b26ebf455db = async (endpoint, body)=>{
|
|
152990
|
+
return await (0, $f081c02ac731d950$export$2e2bcd8739ae039)(endpoint, {
|
|
152991
|
+
method: "PUT",
|
|
152992
|
+
body: body
|
|
152993
|
+
});
|
|
152994
|
+
};
|
|
152995
|
+
const $77d971be1e6bcd7c$export$b76953f99ab2be78 = async (endpoint, body)=>{
|
|
152996
|
+
return await (0, $f081c02ac731d950$export$2e2bcd8739ae039)(endpoint, {
|
|
152997
|
+
method: "PATCH",
|
|
152998
|
+
body: body
|
|
152999
|
+
});
|
|
153000
|
+
};
|
|
153001
|
+
const $77d971be1e6bcd7c$export$1d2f21e549771e67 = async (endpoint, params)=>{
|
|
153002
|
+
return await (0, $f081c02ac731d950$export$2e2bcd8739ae039)(endpoint, {
|
|
153003
|
+
method: "DELETE",
|
|
153004
|
+
params: params
|
|
153216
153005
|
});
|
|
153217
153006
|
};
|
|
153218
|
-
var $a9c4d245899171bf$export$2e2bcd8739ae039 = $a9c4d245899171bf$var$GenericSnackbar;
|
|
153219
|
-
|
|
153220
|
-
|
|
153221
|
-
|
|
153222
|
-
|
|
153223
|
-
|
|
153224
153007
|
|
|
153225
153008
|
|
|
153226
153009
|
|
|
@@ -153288,123 +153071,6 @@ var $a9c4d245899171bf$export$2e2bcd8739ae039 = $a9c4d245899171bf$var$GenericSnac
|
|
|
153288
153071
|
return error.response;
|
|
153289
153072
|
}
|
|
153290
153073
|
};
|
|
153291
|
-
/**
|
|
153292
|
-
* Deletes a template by its ID.
|
|
153293
|
-
*
|
|
153294
|
-
* @param {string} id - The unique identifier of the template to delete.
|
|
153295
|
-
* @returns {Promise<any>} A Promise that resolves to the response indicating
|
|
153296
|
-
* the success of the template deletion, or rejects
|
|
153297
|
-
* with an error response in case of failure.
|
|
153298
|
-
*
|
|
153299
|
-
* @throws {Error} If the request to delete the template fails.
|
|
153300
|
-
*/ const $dbaee5ca78364d67$export$eaca1c6e4717fe30 = async (id)=>{
|
|
153301
|
-
try {
|
|
153302
|
-
const response = await (0, $77d971be1e6bcd7c$export$1d2f21e549771e67)(`templates/${id}`);
|
|
153303
|
-
return response;
|
|
153304
|
-
} catch (error) {
|
|
153305
|
-
return error.response;
|
|
153306
|
-
}
|
|
153307
|
-
};
|
|
153308
|
-
/**
|
|
153309
|
-
* Retrieves the view proof for a template with the given ID.
|
|
153310
|
-
*
|
|
153311
|
-
* @param {string} id - The ID of the template for which the view proof is requested.
|
|
153312
|
-
* @returns {Promise<object>} - The response object from the GET request, containing the view proof for the template with the given ID.
|
|
153313
|
-
* @throws {object} - The error response if there is an error.
|
|
153314
|
-
*/ const $dbaee5ca78364d67$export$cedd210ce947201d = async (id)=>{
|
|
153315
|
-
try {
|
|
153316
|
-
const response = await (0, $77d971be1e6bcd7c$export$3988ae62b71be9a3)(`templates/${id}/view-proof`);
|
|
153317
|
-
return response;
|
|
153318
|
-
} catch (error) {
|
|
153319
|
-
return error.response;
|
|
153320
|
-
}
|
|
153321
|
-
};
|
|
153322
|
-
/**
|
|
153323
|
-
* Duplicates a template by its ID.
|
|
153324
|
-
*
|
|
153325
|
-
* @param {string} id - The unique identifier of the template to duplicate.
|
|
153326
|
-
* @param {Object} data - Additional data to be sent with the duplicate request.
|
|
153327
|
-
* @returns {Promise<any>} A Promise that resolves to the response containing information
|
|
153328
|
-
* about the duplicated template, or rejects with an error response
|
|
153329
|
-
* in case of failure.
|
|
153330
|
-
*
|
|
153331
|
-
* @throws {Error} If the request to duplicate the template fails.
|
|
153332
|
-
*/ const $dbaee5ca78364d67$export$37990eaa634d7ac9 = async (id, data)=>{
|
|
153333
|
-
try {
|
|
153334
|
-
const response = await (0, $77d971be1e6bcd7c$export$299ba2dee77727e9)(`templates/${id}/duplicate`, data);
|
|
153335
|
-
return response;
|
|
153336
|
-
} catch (error) {
|
|
153337
|
-
return error.response;
|
|
153338
|
-
}
|
|
153339
|
-
};
|
|
153340
|
-
/**
|
|
153341
|
-
* Fetches products and dispatches an action with the product data to the Redux store.
|
|
153342
|
-
*
|
|
153343
|
-
* @param {Function} dispatch - The dispatch function from the Redux store.
|
|
153344
|
-
* @returns {Promise<void>} A Promise that resolves after dispatching the action,
|
|
153345
|
-
* or rejects if there is an error fetching the products.
|
|
153346
|
-
*
|
|
153347
|
-
* @throws {Error} If there is an error fetching the products.
|
|
153348
|
-
*/ const $dbaee5ca78364d67$export$f2012bafb0501902 = ()=>async (dispatch)=>{
|
|
153349
|
-
try {
|
|
153350
|
-
const response = await (0, $77d971be1e6bcd7c$export$3988ae62b71be9a3)("products/types");
|
|
153351
|
-
dispatch({
|
|
153352
|
-
type: (0, $e496cac0faa1ff17$export$36e57b25571caec5),
|
|
153353
|
-
// @ts-ignore
|
|
153354
|
-
payload: {
|
|
153355
|
-
products: response?.data?.data
|
|
153356
|
-
}
|
|
153357
|
-
});
|
|
153358
|
-
} catch (error) {
|
|
153359
|
-
console.error(error);
|
|
153360
|
-
}
|
|
153361
|
-
};
|
|
153362
|
-
/**
|
|
153363
|
-
* Fetches custom fields and dispatches an action with the custom fields data to the Redux store.
|
|
153364
|
-
*
|
|
153365
|
-
* @param {Function} dispatch - The dispatch function from the Redux store.
|
|
153366
|
-
* @returns {Promise<void>} A Promise that resolves after dispatching the action,
|
|
153367
|
-
* or rejects if there is an error fetching the custom fields.
|
|
153368
|
-
*
|
|
153369
|
-
* @throws {Error} If there is an error fetching the custom fields.
|
|
153370
|
-
*/ const $dbaee5ca78364d67$export$d1dae38ad825de2e = ()=>async (dispatch)=>{
|
|
153371
|
-
try {
|
|
153372
|
-
const response = await (0, $77d971be1e6bcd7c$export$3988ae62b71be9a3)("custom-fields");
|
|
153373
|
-
if (response?.status === 200) {
|
|
153374
|
-
const data = response?.data?.data.reduce((acc, curr)=>{
|
|
153375
|
-
acc[curr.key.replace(/{{|}}/g, "")] = curr;
|
|
153376
|
-
return acc;
|
|
153377
|
-
}, {});
|
|
153378
|
-
dispatch({
|
|
153379
|
-
type: (0, $e496cac0faa1ff17$export$5d20dfdd85a45640),
|
|
153380
|
-
payload: {
|
|
153381
|
-
data: data
|
|
153382
|
-
}
|
|
153383
|
-
});
|
|
153384
|
-
}
|
|
153385
|
-
} catch (error) {
|
|
153386
|
-
return error.response;
|
|
153387
|
-
}
|
|
153388
|
-
};
|
|
153389
|
-
/**
|
|
153390
|
-
* Fetches product details and dispatches an action with the product details data to the Redux store.
|
|
153391
|
-
*
|
|
153392
|
-
* @param {object} payload - The payload containing the product details.
|
|
153393
|
-
* @returns {Promise<void>} A Promise that resolves after dispatching the action,
|
|
153394
|
-
* or rejects if there is an error fetching the product details.
|
|
153395
|
-
*
|
|
153396
|
-
* @throws {Error} If there is an error fetching the product details.
|
|
153397
|
-
*/ const $dbaee5ca78364d67$export$dc8a6c8f6bc81cdd = (payload)=>async (dispatch)=>{
|
|
153398
|
-
try {
|
|
153399
|
-
const response = await (0, $77d971be1e6bcd7c$export$299ba2dee77727e9)("/products/template/details", payload);
|
|
153400
|
-
if (response?.status === 200) dispatch({
|
|
153401
|
-
type: (0, $e496cac0faa1ff17$export$4583ff6949fe7604),
|
|
153402
|
-
payload: response?.data?.data
|
|
153403
|
-
});
|
|
153404
|
-
} catch (error) {
|
|
153405
|
-
return error.response;
|
|
153406
|
-
}
|
|
153407
|
-
};
|
|
153408
153074
|
/**
|
|
153409
153075
|
* Loads form data to the store.
|
|
153410
153076
|
*
|
|
@@ -153431,7 +153097,7 @@ var $a9c4d245899171bf$export$2e2bcd8739ae039 = $a9c4d245899171bf$var$GenericSnac
|
|
|
153431
153097
|
* @throws {object} - The error response if there is an error.
|
|
153432
153098
|
*/ const $dbaee5ca78364d67$export$a2500560a97e8dba = async (data)=>{
|
|
153433
153099
|
try {
|
|
153434
|
-
const response = await (0, $77d971be1e6bcd7c$export$299ba2dee77727e9)("
|
|
153100
|
+
const response = await (0, $77d971be1e6bcd7c$export$299ba2dee77727e9)("/view-proof-cloud", data);
|
|
153435
153101
|
return response;
|
|
153436
153102
|
} catch (error) {
|
|
153437
153103
|
return error.response;
|
|
@@ -153453,22 +153119,6 @@ var $a9c4d245899171bf$export$2e2bcd8739ae039 = $a9c4d245899171bf$var$GenericSnac
|
|
|
153453
153119
|
return error?.response;
|
|
153454
153120
|
}
|
|
153455
153121
|
};
|
|
153456
|
-
/**
|
|
153457
|
-
* Dispatches an action to indicate that templates are being fetched.
|
|
153458
|
-
*
|
|
153459
|
-
* @returns {object} - The action object.
|
|
153460
|
-
*/ const $dbaee5ca78364d67$var$fetchTemplatesRequest = ()=>({
|
|
153461
|
-
type: (0, $e496cac0faa1ff17$export$170c85458bd1c9c0)
|
|
153462
|
-
});
|
|
153463
|
-
/**
|
|
153464
|
-
* Dispatches an action with the fetched templates.
|
|
153465
|
-
*
|
|
153466
|
-
* @param {any[]} templates - The fetched templates.
|
|
153467
|
-
* @returns {object} - The action object.
|
|
153468
|
-
*/ const $dbaee5ca78364d67$var$fetchTemplatesSuccess = (templates)=>({
|
|
153469
|
-
type: (0, $e496cac0faa1ff17$export$b329f8766d4faba6),
|
|
153470
|
-
payload: templates
|
|
153471
|
-
});
|
|
153472
153122
|
/**
|
|
153473
153123
|
* Clears template fields.
|
|
153474
153124
|
*
|
|
@@ -153532,58 +153182,6 @@ var $a9c4d245899171bf$export$2e2bcd8739ae039 = $a9c4d245899171bf$var$GenericSnac
|
|
|
153532
153182
|
}
|
|
153533
153183
|
});
|
|
153534
153184
|
};
|
|
153535
|
-
/**
|
|
153536
|
-
* Changes dynamic input.
|
|
153537
|
-
*
|
|
153538
|
-
* @param {any} value - The value of the dynamic input.
|
|
153539
|
-
* @returns {Function} - The thunk function.
|
|
153540
|
-
*/ const $dbaee5ca78364d67$export$2dc6aa02b50c7bec = (value)=>(dispatch)=>{
|
|
153541
|
-
dispatch({
|
|
153542
|
-
type: (0, $e496cac0faa1ff17$export$ebf28b1973acc9c9),
|
|
153543
|
-
payload: {
|
|
153544
|
-
value: value
|
|
153545
|
-
}
|
|
153546
|
-
});
|
|
153547
|
-
};
|
|
153548
|
-
/**
|
|
153549
|
-
* Sets dynamic fields.
|
|
153550
|
-
*
|
|
153551
|
-
* @returns {Function} - The thunk function.
|
|
153552
|
-
*/ const $dbaee5ca78364d67$export$2b093f3ce8d03e31 = ()=>(dispatch)=>{
|
|
153553
|
-
dispatch({
|
|
153554
|
-
type: (0, $e496cac0faa1ff17$export$b3418338f233ff38),
|
|
153555
|
-
payload: {}
|
|
153556
|
-
});
|
|
153557
|
-
};
|
|
153558
|
-
/**
|
|
153559
|
-
* Removes an item from dynamic fields.
|
|
153560
|
-
*
|
|
153561
|
-
* @param {any} value - The value of the item to remove.
|
|
153562
|
-
* @returns {Function} - The thunk function.
|
|
153563
|
-
*/ const $dbaee5ca78364d67$export$5ed12bb434f797fe = (value)=>(dispatch)=>{
|
|
153564
|
-
dispatch({
|
|
153565
|
-
type: (0, $e496cac0faa1ff17$export$2926723538c2ec9c),
|
|
153566
|
-
payload: {
|
|
153567
|
-
value: value
|
|
153568
|
-
}
|
|
153569
|
-
});
|
|
153570
|
-
};
|
|
153571
|
-
/**
|
|
153572
|
-
* Clears dynamic fields.
|
|
153573
|
-
*
|
|
153574
|
-
* @returns {Function} - The thunk function.
|
|
153575
|
-
*/ const $dbaee5ca78364d67$export$a227cdb7095a8c93 = ()=>(dispatch)=>{
|
|
153576
|
-
dispatch({
|
|
153577
|
-
type: (0, $e496cac0faa1ff17$export$b8d9d88a40b670c6)
|
|
153578
|
-
});
|
|
153579
|
-
};
|
|
153580
|
-
/**
|
|
153581
|
-
* Clears filters.
|
|
153582
|
-
*
|
|
153583
|
-
* @returns {Function} - The thunk function.
|
|
153584
|
-
*/ const $dbaee5ca78364d67$export$77cedf2a856f1597 = ()=>(dispatch)=>dispatch({
|
|
153585
|
-
type: (0, $e496cac0faa1ff17$export$11ec03a468ece532)
|
|
153586
|
-
});
|
|
153587
153185
|
/**
|
|
153588
153186
|
* Retrieves all template categories from the server using an HTTP GET request.
|
|
153589
153187
|
*
|
|
@@ -153597,53 +153195,8 @@ var $a9c4d245899171bf$export$2e2bcd8739ae039 = $a9c4d245899171bf$var$GenericSnac
|
|
|
153597
153195
|
return error.response;
|
|
153598
153196
|
}
|
|
153599
153197
|
};
|
|
153600
|
-
/**
|
|
153601
|
-
* Retrieves templates by tab using the provided payload.
|
|
153602
|
-
*
|
|
153603
|
-
* @param {object} payload - The payload containing the necessary data to filter templates by tab.
|
|
153604
|
-
* @returns {Promise<any>} - A promise that resolves with the response data from the server.
|
|
153605
|
-
* @throws {object} - The error response if there is an error.
|
|
153606
|
-
*/ const $dbaee5ca78364d67$export$99fb2aa3c6b824c3 = async (payload)=>{
|
|
153607
|
-
try {
|
|
153608
|
-
const response = await (0, $77d971be1e6bcd7c$export$299ba2dee77727e9)("templates/by-tab", payload);
|
|
153609
|
-
return response;
|
|
153610
|
-
} catch (error) {
|
|
153611
|
-
return error.response;
|
|
153612
|
-
}
|
|
153613
|
-
};
|
|
153614
|
-
|
|
153615
153198
|
|
|
153616
153199
|
|
|
153617
|
-
const $7ad22e5ca6c288ca$export$6032165a31897610 = 96;
|
|
153618
|
-
const $7ad22e5ca6c288ca$export$882f44a34ce19ae0 = "https://api.openletterconnect.com/api/v1/download/s3/openletterconnect/assets/preview/one-barcode.png";
|
|
153619
|
-
const $7ad22e5ca6c288ca$export$b14103b5b94712c4 = "https://help.openletterconnect.com/getting-support/designing-your-mailers/wip-designing-mail-creatives/wip-mail-piece-design-specs";
|
|
153620
|
-
const $7ad22e5ca6c288ca$export$3e994a540f8ee57 = [
|
|
153621
|
-
"Postcards",
|
|
153622
|
-
"Tri-Fold Self-Mailers",
|
|
153623
|
-
"Bi-Fold Self-Mailers"
|
|
153624
|
-
];
|
|
153625
|
-
const $7ad22e5ca6c288ca$export$d30c048b3f9a13c1 = [
|
|
153626
|
-
{
|
|
153627
|
-
id: "1",
|
|
153628
|
-
label: "My Templates"
|
|
153629
|
-
},
|
|
153630
|
-
{
|
|
153631
|
-
id: "2",
|
|
153632
|
-
label: "Team Templates"
|
|
153633
|
-
},
|
|
153634
|
-
{
|
|
153635
|
-
id: "3",
|
|
153636
|
-
label: "OLC Templates"
|
|
153637
|
-
}
|
|
153638
|
-
];
|
|
153639
|
-
const $7ad22e5ca6c288ca$export$e75e577b199ead61 = [
|
|
153640
|
-
"Postcards",
|
|
153641
|
-
"Personal Letters",
|
|
153642
|
-
"Professional Letters",
|
|
153643
|
-
"Bi-Fold Self-Mailers",
|
|
153644
|
-
"Tri-Fold Self-Mailers",
|
|
153645
|
-
"Real Penned Letter"
|
|
153646
|
-
];
|
|
153647
153200
|
|
|
153648
153201
|
|
|
153649
153202
|
const $b66d61b9e6770b52$export$8a8216c44337cd5 = (key, value)=>{
|
|
@@ -153667,6 +153220,10 @@ const $0b51cdcdcd2b1339$export$af7faffe10421f14 = {
|
|
|
153667
153220
|
SEARCH_PLACE_HOLDER: "Search by template name or template ID",
|
|
153668
153221
|
NAME_REQUIRED: "Template Name is required",
|
|
153669
153222
|
TYPE_REQUIRED: "Template Type is required",
|
|
153223
|
+
DESIGN_NEW: "Design Your Own",
|
|
153224
|
+
NO_MY_TEMPLATES: "No My Templates to show",
|
|
153225
|
+
NO_TEAM_TEMPLATES: "No Team Templates to show",
|
|
153226
|
+
NO_OLC_TEMPLATES: "No OLC Templates to show",
|
|
153670
153227
|
PRODUCT_TYPE_REQUIRED: "Product Type is required",
|
|
153671
153228
|
ENVELOPE_TYPE_REQUIRED: "Envelope Type is required",
|
|
153672
153229
|
POSTCARD_SIZE_REQUIRED: "Postcard Size is required",
|
|
@@ -153727,7 +153284,8 @@ const $0b51cdcdcd2b1339$export$af7faffe10421f14 = {
|
|
|
153727
153284
|
};
|
|
153728
153285
|
|
|
153729
153286
|
|
|
153730
|
-
/* eslint-disable no-useless-catch */
|
|
153287
|
+
/* eslint-disable no-useless-catch */ // Utils
|
|
153288
|
+
|
|
153731
153289
|
|
|
153732
153290
|
const $9d201cd516e32817$export$5f13a51c7a156d51 = (store, size, barcodeSrc)=>{
|
|
153733
153291
|
const page = store.pages[0];
|
|
@@ -155221,8 +154779,7 @@ const $ad01ab85e9f42d02$export$464e4dcbf779d16c = (jsonData)=>{
|
|
|
155221
154779
|
const fontFamilies = [];
|
|
155222
154780
|
// Iterate through each object in the JSON data
|
|
155223
154781
|
jsonData.forEach((obj)=>{
|
|
155224
|
-
if (obj.children)
|
|
155225
|
-
obj.children.forEach((child)=>{
|
|
154782
|
+
if (obj.children) obj.children.forEach((child)=>{
|
|
155226
154783
|
if (child.type === "text" && child.fontFamily) // Extract font family from text objects
|
|
155227
154784
|
fontFamilies.push(child.fontFamily);
|
|
155228
154785
|
});
|
|
@@ -155290,11 +154847,24 @@ const $d020db196be2fc6a$export$9eb849b9b922d396 = ({ xs: xs, sm: sm, md: md, lg:
|
|
|
155290
154847
|
|
|
155291
154848
|
|
|
155292
154849
|
|
|
154850
|
+
const $5a8c8921b86c6a58$var$Typography = ({ children: children = "", style: style = {}, variant: variant = "p", className: className = "" })=>{
|
|
154851
|
+
const Tag = variant || "p";
|
|
154852
|
+
return /*#__PURE__*/ (0, jsx_runtime.jsx)(Tag, {
|
|
154853
|
+
className: className,
|
|
154854
|
+
style: style,
|
|
154855
|
+
children: children
|
|
154856
|
+
});
|
|
154857
|
+
};
|
|
154858
|
+
var $5a8c8921b86c6a58$export$2e2bcd8739ae039 = $5a8c8921b86c6a58$var$Typography;
|
|
155293
154859
|
|
|
155294
|
-
|
|
154860
|
+
|
|
154861
|
+
|
|
154862
|
+
|
|
154863
|
+
|
|
154864
|
+
const $468b2e43c10c77f3$var$Button = ({ children: children = "", style: style = {}, onClick: onClick, className: className = "", disabled: disabled = false })=>{
|
|
155295
154865
|
return /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
|
|
155296
|
-
className: `basic-button ${className}`,
|
|
155297
|
-
onClick: onClick,
|
|
154866
|
+
className: `basic-button ${className} ${disabled ? "disabled" : ""}`,
|
|
154867
|
+
onClick: disabled ? undefined : onClick,
|
|
155298
154868
|
style: style,
|
|
155299
154869
|
children: children
|
|
155300
154870
|
});
|
|
@@ -155359,6 +154929,76 @@ var $3f4ef87f7a4a530a$export$2e2bcd8739ae039 = $3f4ef87f7a4a530a$var$GeneralSele
|
|
|
155359
154929
|
|
|
155360
154930
|
|
|
155361
154931
|
|
|
154932
|
+
|
|
154933
|
+
|
|
154934
|
+
|
|
154935
|
+
|
|
154936
|
+
const $6ca040a325a745aa$export$fe7c49d056ea1d88 = (message, heading = "")=>(dispatch)=>{
|
|
154937
|
+
dispatch({
|
|
154938
|
+
type: (0, $e496cac0faa1ff17$export$bcebd1097d6619a3),
|
|
154939
|
+
payload: {
|
|
154940
|
+
message: message,
|
|
154941
|
+
heading: heading
|
|
154942
|
+
}
|
|
154943
|
+
});
|
|
154944
|
+
};
|
|
154945
|
+
const $6ca040a325a745aa$export$af2dba6db4e9e1f0 = (message, heading = "")=>(dispatch)=>{
|
|
154946
|
+
dispatch({
|
|
154947
|
+
type: (0, $e496cac0faa1ff17$export$be1c2eafe8725e5f),
|
|
154948
|
+
payload: {
|
|
154949
|
+
message: message,
|
|
154950
|
+
heading: heading
|
|
154951
|
+
}
|
|
154952
|
+
});
|
|
154953
|
+
};
|
|
154954
|
+
const $6ca040a325a745aa$export$823cdc5238933767 = ()=>(dispatch)=>{
|
|
154955
|
+
dispatch({
|
|
154956
|
+
type: (0, $e496cac0faa1ff17$export$5a5bdcd828e4c856)
|
|
154957
|
+
});
|
|
154958
|
+
};
|
|
154959
|
+
|
|
154960
|
+
|
|
154961
|
+
|
|
154962
|
+
|
|
154963
|
+
const $a9c4d245899171bf$var$GenericSnackbar = ()=>{
|
|
154964
|
+
const open = (0, useSelector)((state)=>state.snackbarReducers.snackbar.open);
|
|
154965
|
+
const heading = (0, useSelector)((state)=>state.snackbarReducers.snackbar.heading);
|
|
154966
|
+
const message = (0, useSelector)((state)=>state.snackbarReducers.snackbar.message);
|
|
154967
|
+
const dispatch = (0, useDispatch)();
|
|
154968
|
+
const Element = /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
|
|
154969
|
+
className: "toast-content",
|
|
154970
|
+
children: [
|
|
154971
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
|
|
154972
|
+
children: heading || ""
|
|
154973
|
+
}),
|
|
154974
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
|
|
154975
|
+
children: message || ""
|
|
154976
|
+
})
|
|
154977
|
+
]
|
|
154978
|
+
});
|
|
154979
|
+
const notify = ()=>(0, react_toastify_esm_B)(Element);
|
|
154980
|
+
(0, react.useEffect)(()=>{
|
|
154981
|
+
if (open) {
|
|
154982
|
+
notify();
|
|
154983
|
+
dispatch((0, $6ca040a325a745aa$export$823cdc5238933767)());
|
|
154984
|
+
}
|
|
154985
|
+
}, [
|
|
154986
|
+
open
|
|
154987
|
+
]);
|
|
154988
|
+
return /*#__PURE__*/ (0, jsx_runtime.jsx)((0, react_toastify_esm_Q), {
|
|
154989
|
+
limit: 1,
|
|
154990
|
+
className: "toast-container",
|
|
154991
|
+
toastClassName: "basic-toast",
|
|
154992
|
+
bodyClassName: "toast-body",
|
|
154993
|
+
hideProgressBar: true,
|
|
154994
|
+
autoClose: 3000
|
|
154995
|
+
});
|
|
154996
|
+
};
|
|
154997
|
+
var $a9c4d245899171bf$export$2e2bcd8739ae039 = $a9c4d245899171bf$var$GenericSnackbar;
|
|
154998
|
+
|
|
154999
|
+
|
|
155000
|
+
|
|
155001
|
+
|
|
155362
155002
|
const $a3dccc8cd7537679$var$postcard = (props)=>{
|
|
155363
155003
|
const { fill: fill } = props;
|
|
155364
155004
|
return /*#__PURE__*/ (0, jsx_runtime.jsxs)("svg", {
|
|
@@ -155908,7 +155548,7 @@ const $dd071d7635be500b$var$templateHeadingStyles = {
|
|
|
155908
155548
|
color: `var(--primaryColor)`,
|
|
155909
155549
|
fontSize: `24px`,
|
|
155910
155550
|
fontStyle: `normal`,
|
|
155911
|
-
fontWeight: `
|
|
155551
|
+
fontWeight: `600`,
|
|
155912
155552
|
lineHeight: `normal`,
|
|
155913
155553
|
marginBottom: `20px`
|
|
155914
155554
|
};
|
|
@@ -155916,7 +155556,7 @@ const $dd071d7635be500b$var$templateTextStyles = {
|
|
|
155916
155556
|
color: `var(--textColor)`,
|
|
155917
155557
|
fontSize: `14px`,
|
|
155918
155558
|
fontStyle: `normal`,
|
|
155919
|
-
fontWeight: `
|
|
155559
|
+
fontWeight: `400`,
|
|
155920
155560
|
lineHeight: `normal`,
|
|
155921
155561
|
marginBottom: `16px`
|
|
155922
155562
|
};
|
|
@@ -155928,7 +155568,9 @@ const $dd071d7635be500b$var$footerButtonStyles = {
|
|
|
155928
155568
|
textTransform: "capitalize",
|
|
155929
155569
|
borderRadius: "3px",
|
|
155930
155570
|
backgroundColor: "var(--secondaryButtonBgColor)",
|
|
155931
|
-
color: `var(--secondaryButtonTextColor)
|
|
155571
|
+
color: `var(--secondaryButtonTextColor)`,
|
|
155572
|
+
fontSize: `14px`,
|
|
155573
|
+
fontWeight: `500`
|
|
155932
155574
|
};
|
|
155933
155575
|
const $dd071d7635be500b$var$Images = {
|
|
155934
155576
|
"Postcards": /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $a3dccc8cd7537679$export$2e2bcd8739ae039), {
|
|
@@ -155978,7 +155620,6 @@ const $dd071d7635be500b$var$CreateTemplate = ({ returnRoute: returnRoute })=>{
|
|
|
155978
155620
|
}
|
|
155979
155621
|
};
|
|
155980
155622
|
(0, react.useEffect)(()=>{
|
|
155981
|
-
dispatch((0, $dbaee5ca78364d67$export$f2012bafb0501902)());
|
|
155982
155623
|
dispatch((0, $dbaee5ca78364d67$export$df7b8ffccf8fe273)());
|
|
155983
155624
|
(0, $b66d61b9e6770b52$export$fe2d9b4e03920b4c)("formData");
|
|
155984
155625
|
dispatch({
|
|
@@ -156017,24 +155658,19 @@ const $dd071d7635be500b$var$CreateTemplate = ({ returnRoute: returnRoute })=>{
|
|
|
156017
155658
|
style: $dd071d7635be500b$var$templateHeadingStyles,
|
|
156018
155659
|
children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.TITLE
|
|
156019
155660
|
}),
|
|
156020
|
-
/*#__PURE__*/ (0, jsx_runtime.
|
|
155661
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
|
|
156021
155662
|
className: "templateInputWrapper",
|
|
156022
|
-
children:
|
|
156023
|
-
|
|
156024
|
-
|
|
156025
|
-
|
|
156026
|
-
|
|
156027
|
-
|
|
156028
|
-
|
|
156029
|
-
|
|
156030
|
-
|
|
156031
|
-
|
|
156032
|
-
|
|
156033
|
-
placeholder: "Template Name",
|
|
156034
|
-
inputIcon: false,
|
|
156035
|
-
error: !title.trim() && isError ? (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NAME_REQUIRED : title.length > 50 && isError ? (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NAME_LESS_50 : ""
|
|
156036
|
-
})
|
|
156037
|
-
]
|
|
155663
|
+
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $ec73244cd7283520$export$2e2bcd8739ae039), {
|
|
155664
|
+
type: "text",
|
|
155665
|
+
value: title,
|
|
155666
|
+
onChange: (e)=>{
|
|
155667
|
+
dispatch((0, $dbaee5ca78364d67$export$c7c994d6f1f97f07)("title", e.target.value));
|
|
155668
|
+
},
|
|
155669
|
+
placeholder: "Template Name",
|
|
155670
|
+
inputIcon: false,
|
|
155671
|
+
error: !title.trim() && isError ? (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NAME_REQUIRED : title.length > 50 && isError ? (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NAME_LESS_50 : "",
|
|
155672
|
+
label: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.TEMPLATE_LABEL
|
|
155673
|
+
})
|
|
156038
155674
|
})
|
|
156039
155675
|
]
|
|
156040
155676
|
})
|
|
@@ -156054,7 +155690,10 @@ const $dd071d7635be500b$var$CreateTemplate = ({ returnRoute: returnRoute })=>{
|
|
|
156054
155690
|
className: "productHeading",
|
|
156055
155691
|
children: [
|
|
156056
155692
|
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
|
|
156057
|
-
style:
|
|
155693
|
+
style: {
|
|
155694
|
+
...$dd071d7635be500b$var$templateTextStyles,
|
|
155695
|
+
marginBottom: "0px"
|
|
155696
|
+
},
|
|
156058
155697
|
children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.CREATE.PRODUCT_LABEL
|
|
156059
155698
|
}),
|
|
156060
155699
|
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, NavLink), {
|
|
@@ -156198,7 +155837,8 @@ const $dd071d7635be500b$var$CreateTemplate = ({ returnRoute: returnRoute })=>{
|
|
|
156198
155837
|
})
|
|
156199
155838
|
]
|
|
156200
155839
|
})
|
|
156201
|
-
})
|
|
155840
|
+
}),
|
|
155841
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $a9c4d245899171bf$export$2e2bcd8739ae039), {})
|
|
156202
155842
|
]
|
|
156203
155843
|
});
|
|
156204
155844
|
};
|
|
@@ -156217,50 +155857,10 @@ var $dd071d7635be500b$export$2e2bcd8739ae039 = $dd071d7635be500b$var$CreateTempl
|
|
|
156217
155857
|
|
|
156218
155858
|
|
|
156219
155859
|
|
|
156220
|
-
|
|
156221
155860
|
// Define the type for the element being added
|
|
156222
155861
|
const $14dc1102dd22ee0f$export$fac40f04596fc189 = (store)=>{
|
|
156223
155862
|
const page = store.pages[0];
|
|
156224
155863
|
const elements = [
|
|
156225
|
-
{
|
|
156226
|
-
id: "blocked",
|
|
156227
|
-
type: "figure",
|
|
156228
|
-
name: "",
|
|
156229
|
-
opacity: 1,
|
|
156230
|
-
visible: true,
|
|
156231
|
-
selectable: false,
|
|
156232
|
-
removable: false,
|
|
156233
|
-
alwaysOnTop: true,
|
|
156234
|
-
showInExport: true,
|
|
156235
|
-
x: -0.000000000001850472230905276,
|
|
156236
|
-
y: -0.00000000000029487523534043754,
|
|
156237
|
-
width: 528,
|
|
156238
|
-
height: 80.739,
|
|
156239
|
-
rotation: 0,
|
|
156240
|
-
animations: [],
|
|
156241
|
-
blurEnabled: false,
|
|
156242
|
-
blurRadius: 10,
|
|
156243
|
-
brightnessEnabled: false,
|
|
156244
|
-
brightness: 0,
|
|
156245
|
-
sepiaEnabled: false,
|
|
156246
|
-
grayscaleEnabled: false,
|
|
156247
|
-
shadowEnabled: false,
|
|
156248
|
-
shadowBlur: 5,
|
|
156249
|
-
shadowOffsetX: 0,
|
|
156250
|
-
shadowOffsetY: 0,
|
|
156251
|
-
shadowColor: "black",
|
|
156252
|
-
shadowOpacity: 1,
|
|
156253
|
-
draggable: false,
|
|
156254
|
-
resizable: false,
|
|
156255
|
-
contentEditable: false,
|
|
156256
|
-
styleEditable: true,
|
|
156257
|
-
subType: "rect",
|
|
156258
|
-
fill: "rgba(208,0,0,1)",
|
|
156259
|
-
dash: [],
|
|
156260
|
-
strokeWidth: 0,
|
|
156261
|
-
stroke: "#0c0c0c",
|
|
156262
|
-
cornerRadius: 0
|
|
156263
|
-
},
|
|
156264
155864
|
{
|
|
156265
155865
|
id: "header",
|
|
156266
155866
|
type: "text",
|
|
@@ -156273,7 +155873,7 @@ const $14dc1102dd22ee0f$export$fac40f04596fc189 = (store)=>{
|
|
|
156273
155873
|
showInExport: true,
|
|
156274
155874
|
x: 25,
|
|
156275
155875
|
y: 130,
|
|
156276
|
-
width:
|
|
155876
|
+
width: 480,
|
|
156277
155877
|
height: 40,
|
|
156278
155878
|
rotation: 0,
|
|
156279
155879
|
animations: [],
|
|
@@ -156293,7 +155893,7 @@ const $14dc1102dd22ee0f$export$fac40f04596fc189 = (store)=>{
|
|
|
156293
155893
|
resizable: false,
|
|
156294
155894
|
contentEditable: true,
|
|
156295
155895
|
styleEditable: false,
|
|
156296
|
-
text: "Hi
|
|
155896
|
+
text: "Hi ((C.FIRST_NAME)),",
|
|
156297
155897
|
fontSize: 20,
|
|
156298
155898
|
fontFamily: "lexi Regular",
|
|
156299
155899
|
fontStyle: "normal",
|
|
@@ -156373,9 +155973,9 @@ const $14dc1102dd22ee0f$export$fac40f04596fc189 = (store)=>{
|
|
|
156373
155973
|
removable: false,
|
|
156374
155974
|
alwaysOnTop: true,
|
|
156375
155975
|
showInExport: true,
|
|
156376
|
-
x:
|
|
155976
|
+
x: 165.49999999499846,
|
|
156377
155977
|
y: 651.7346179851188,
|
|
156378
|
-
width:
|
|
155978
|
+
width: 335,
|
|
156379
155979
|
height: 75,
|
|
156380
155980
|
rotation: 0,
|
|
156381
155981
|
animations: [],
|
|
@@ -156469,12 +156069,12 @@ const $c8f7718e9f3db339$var$buttonStyles = {
|
|
|
156469
156069
|
const $c8f7718e9f3db339$var$heading = {
|
|
156470
156070
|
fontSize: "22px",
|
|
156471
156071
|
color: "var(--dialogModalHeadingColor)",
|
|
156472
|
-
fontWeight: "
|
|
156072
|
+
fontWeight: "600"
|
|
156473
156073
|
};
|
|
156474
156074
|
const $c8f7718e9f3db339$var$subHeadingStyle = {
|
|
156475
156075
|
fontSize: "16px",
|
|
156476
|
-
color: "var(--dialogModalTextColor",
|
|
156477
|
-
fontWeight: "
|
|
156076
|
+
color: "var(--dialogModalTextColor)",
|
|
156077
|
+
fontWeight: "600",
|
|
156478
156078
|
textAlign: "center"
|
|
156479
156079
|
};
|
|
156480
156080
|
const $c8f7718e9f3db339$var$progressStyles = {
|
|
@@ -156523,7 +156123,8 @@ const $c8f7718e9f3db339$var$Dialog = ({ icon: icon = null, customStyles: customS
|
|
|
156523
156123
|
variant: "p",
|
|
156524
156124
|
style: {
|
|
156525
156125
|
...$c8f7718e9f3db339$var$subHeadingStyle,
|
|
156526
|
-
fontWeight: "400"
|
|
156126
|
+
fontWeight: "400",
|
|
156127
|
+
fontSize: "14px"
|
|
156527
156128
|
},
|
|
156528
156129
|
children: description
|
|
156529
156130
|
}),
|
|
@@ -156549,6 +156150,7 @@ const $c8f7718e9f3db339$var$Dialog = ({ icon: icon = null, customStyles: customS
|
|
|
156549
156150
|
maxWidth: contentAdjust
|
|
156550
156151
|
},
|
|
156551
156152
|
onClick: onSubmit,
|
|
156153
|
+
disabled: loading,
|
|
156552
156154
|
children: loading ? /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $9d3950b100c0523a$export$2e2bcd8739ae039), {
|
|
156553
156155
|
style: $c8f7718e9f3db339$var$progressStyles
|
|
156554
156156
|
}) : submitText
|
|
@@ -156593,7 +156195,7 @@ var $1cce2f1e40edb11b$export$2e2bcd8739ae039 = $1cce2f1e40edb11b$var$Save;
|
|
|
156593
156195
|
* @returns {JSX.Element} The delete template modal component.
|
|
156594
156196
|
*/ const $f8816ee2d46ac0fb$var$saveDialogStyles = {
|
|
156595
156197
|
maxWidth: "433px",
|
|
156596
|
-
minHeight: "
|
|
156198
|
+
minHeight: "280px"
|
|
156597
156199
|
};
|
|
156598
156200
|
const $f8816ee2d46ac0fb$var$SaveTemplateModel = ({ handleSave: handleSave, handleClose: handleClose, open: open, loading: loading })=>{
|
|
156599
156201
|
return /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $c8f7718e9f3db339$export$2e2bcd8739ae039), {
|
|
@@ -156771,14 +156373,15 @@ var $6612202931a08516$export$2e2bcd8739ae039 = $6612202931a08516$var$editPencilI
|
|
|
156771
156373
|
backgroundColor: "var(--secondaryButtonBgColor)",
|
|
156772
156374
|
color: "var(--secondaryButtonTextColor)",
|
|
156773
156375
|
border: "0.5px solid var(--borderColor)",
|
|
156774
|
-
fontSize: "15px"
|
|
156376
|
+
fontSize: "15px",
|
|
156377
|
+
fontWeight: "500"
|
|
156775
156378
|
};
|
|
156776
156379
|
const $d31b9bd88e5dcf67$var$progressStyles = {
|
|
156777
156380
|
width: "20px",
|
|
156778
156381
|
height: "20px",
|
|
156779
156382
|
border: "2px solid var(--primaryColor)"
|
|
156780
156383
|
};
|
|
156781
|
-
const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: returnRoute, isStoreUpdated: isStoreUpdated })=>{
|
|
156384
|
+
const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: returnRoute, isStoreUpdated: isStoreUpdated, onSubmit: onSubmit })=>{
|
|
156782
156385
|
const [showNavigateDialog, setShowNavigateDialog] = (0, react.useState)(false);
|
|
156783
156386
|
const [isShowModel, setIsShowModel] = (0, react.useState)({
|
|
156784
156387
|
open: false,
|
|
@@ -156819,7 +156422,7 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: return
|
|
|
156819
156422
|
};
|
|
156820
156423
|
const handleNavigation = async (route = "/")=>{
|
|
156821
156424
|
handleClearFilters();
|
|
156822
|
-
if (templateType === "json") await store.history.clear();
|
|
156425
|
+
if (templateType === "json" && product?.productType !== "Real Penned Letter") await store.history.clear();
|
|
156823
156426
|
navigate(route);
|
|
156824
156427
|
};
|
|
156825
156428
|
const handleClearFilters = ()=>dispatch((0, $dbaee5ca78364d67$export$df7b8ffccf8fe273)());
|
|
@@ -156830,7 +156433,11 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: return
|
|
|
156830
156433
|
...defaultFields,
|
|
156831
156434
|
...Object.values(dynamicFields)
|
|
156832
156435
|
];
|
|
156833
|
-
|
|
156436
|
+
let json = store.toJSON();
|
|
156437
|
+
if (product?.productType === "Real Penned Letter") {
|
|
156438
|
+
let clonedJson = JSON.stringify(json).replace(/\(\(/g, "{{").replace(/\)\)/g, "}}");
|
|
156439
|
+
json = JSON.parse(clonedJson);
|
|
156440
|
+
}
|
|
156834
156441
|
let jsonString = JSON.stringify(json);
|
|
156835
156442
|
fields.forEach(({ key: key, defaultValue: defaultValue, value: value })=>{
|
|
156836
156443
|
const regex = new RegExp(key, "g");
|
|
@@ -156872,7 +156479,11 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: return
|
|
|
156872
156479
|
let selectedFields = [];
|
|
156873
156480
|
if (templateType === "json") {
|
|
156874
156481
|
const blob = await store.toBlob();
|
|
156875
|
-
|
|
156482
|
+
let jsonData = store.toJSON();
|
|
156483
|
+
if (product?.productType === "Real Penned Letter") {
|
|
156484
|
+
let clonedJson = JSON.stringify(jsonData).replace(/\(\(/g, "{{").replace(/\)\)/g, "}}");
|
|
156485
|
+
jsonData = JSON.parse(clonedJson);
|
|
156486
|
+
}
|
|
156876
156487
|
// get all fonts family from json
|
|
156877
156488
|
const fontFamilies = (0, $ad01ab85e9f42d02$export$464e4dcbf779d16c)(jsonData?.pages);
|
|
156878
156489
|
// extract custom fonts and remove google fonts from that array
|
|
@@ -156910,38 +156521,21 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: return
|
|
|
156910
156521
|
...prev,
|
|
156911
156522
|
loading: true
|
|
156912
156523
|
}));
|
|
156913
|
-
|
|
156914
|
-
|
|
156915
|
-
|
|
156916
|
-
|
|
156917
|
-
|
|
156918
|
-
|
|
156919
|
-
|
|
156920
|
-
|
|
156921
|
-
|
|
156524
|
+
formData.append("title", title);
|
|
156525
|
+
formData.append("productId", product?.id);
|
|
156526
|
+
formData.append("fields", selectedFields);
|
|
156527
|
+
formData.append("envelopeType", envelopeType);
|
|
156528
|
+
if (onSubmit) {
|
|
156529
|
+
const saveTemplate = await onSubmit(formData);
|
|
156530
|
+
if (saveTemplate) {
|
|
156531
|
+
dispatch((0, $6ca040a325a745aa$export$fe7c49d056ea1d88)("Template Created Successfully"));
|
|
156532
|
+
setTimeout(()=>{
|
|
156533
|
+
handleNavigation();
|
|
156534
|
+
}, 2000);
|
|
156535
|
+
}
|
|
156536
|
+
} else dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)("Please add onSubmit handler via Props to save template"));
|
|
156922
156537
|
} catch (error) {
|
|
156923
156538
|
return error;
|
|
156924
|
-
}
|
|
156925
|
-
};
|
|
156926
|
-
const handleCreateTemplate = async (data, selectedFields)=>{
|
|
156927
|
-
try {
|
|
156928
|
-
const response = await (0, $dbaee5ca78364d67$export$7b7ae612b60e1630)({
|
|
156929
|
-
title: title,
|
|
156930
|
-
productId: product?.id,
|
|
156931
|
-
fields: selectedFields,
|
|
156932
|
-
thumbnailPath: data.thumbnailPath,
|
|
156933
|
-
templatePath: data.templatePath,
|
|
156934
|
-
backTemplatePath: data.backTemplatePath || "",
|
|
156935
|
-
backThumbnailPath: data.backThumbnailPath || "",
|
|
156936
|
-
envelopeType: envelopeType
|
|
156937
|
-
});
|
|
156938
|
-
if (response.status === 200) {
|
|
156939
|
-
dispatch((0, $6ca040a325a745aa$export$fe7c49d056ea1d88)(response.data.message));
|
|
156940
|
-
handleNavigation();
|
|
156941
|
-
} else if (response.status == 418) ;
|
|
156942
|
-
else dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)(response?.data?.message || response?.message));
|
|
156943
|
-
} catch (error) {
|
|
156944
|
-
handleChangeModel("", "false");
|
|
156945
156539
|
} finally{
|
|
156946
156540
|
setIsShowModel((prev)=>({
|
|
156947
156541
|
...prev,
|
|
@@ -156949,22 +156543,6 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: return
|
|
|
156949
156543
|
}));
|
|
156950
156544
|
}
|
|
156951
156545
|
};
|
|
156952
|
-
const handleUpdateTemplate = async (data, selectedFields)=>{
|
|
156953
|
-
// @ts-ignore
|
|
156954
|
-
const response = await (0, $dbaee5ca78364d67$export$efe36ac11163df30)(id, {
|
|
156955
|
-
title: title,
|
|
156956
|
-
fields: selectedFields,
|
|
156957
|
-
thumbnailPath: data.thumbnailPath,
|
|
156958
|
-
templatePath: data.templatePath,
|
|
156959
|
-
backTemplatePath: data.backTemplatePath || "",
|
|
156960
|
-
backThumbnailPath: data.backThumbnailPath || ""
|
|
156961
|
-
});
|
|
156962
|
-
if (response.status === 200) {
|
|
156963
|
-
dispatch((0, $6ca040a325a745aa$export$fe7c49d056ea1d88)(response.data.message));
|
|
156964
|
-
handleNavigation();
|
|
156965
|
-
} else dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)(response.data.message));
|
|
156966
|
-
handleChangeModel("", "false");
|
|
156967
|
-
};
|
|
156968
156546
|
const handleChangeModel = (model = "", loading = null)=>{
|
|
156969
156547
|
setIsShowModel((prev)=>({
|
|
156970
156548
|
...prev,
|
|
@@ -157033,6 +156611,7 @@ const $d31b9bd88e5dcf67$var$TopNavigation = ({ store: store, returnRoute: return
|
|
|
157033
156611
|
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
|
|
157034
156612
|
style: {
|
|
157035
156613
|
...$d31b9bd88e5dcf67$var$buttonStyles,
|
|
156614
|
+
fontWeight: "400",
|
|
157036
156615
|
maxWidth: "auto",
|
|
157037
156616
|
minWidth: "100px"
|
|
157038
156617
|
},
|
|
@@ -157080,6 +156659,15 @@ var $d31b9bd88e5dcf67$export$2e2bcd8739ae039 = $d31b9bd88e5dcf67$var$TopNavigati
|
|
|
157080
156659
|
|
|
157081
156660
|
|
|
157082
156661
|
|
|
156662
|
+
|
|
156663
|
+
|
|
156664
|
+
|
|
156665
|
+
|
|
156666
|
+
|
|
156667
|
+
|
|
156668
|
+
|
|
156669
|
+
|
|
156670
|
+
|
|
157083
156671
|
|
|
157084
156672
|
|
|
157085
156673
|
|
|
@@ -157127,14 +156715,6 @@ var $afa975ba1b70ddf3$export$2e2bcd8739ae039 = $afa975ba1b70ddf3$var$CustomTempl
|
|
|
157127
156715
|
|
|
157128
156716
|
|
|
157129
156717
|
|
|
157130
|
-
|
|
157131
|
-
|
|
157132
|
-
|
|
157133
|
-
|
|
157134
|
-
|
|
157135
|
-
|
|
157136
|
-
|
|
157137
|
-
|
|
157138
156718
|
const $c6f5440378b96420$var$designDialogStyles = {
|
|
157139
156719
|
maxWidth: "600px",
|
|
157140
156720
|
minHeight: "270px"
|
|
@@ -157156,7 +156736,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
|
|
|
157156
156736
|
fill: "var(--sidepanelSVGColor)"
|
|
157157
156737
|
})
|
|
157158
156738
|
})),
|
|
157159
|
-
Panel: (0, es.observer)(({ store: store })=>{
|
|
156739
|
+
Panel: (0, es.observer)(({ store: store, onGetTemplates: onGetTemplates })=>{
|
|
157160
156740
|
const dispatch = (0, useDispatch)();
|
|
157161
156741
|
const [currentTemplateType, setCurrentTemplateType] = (0, react.useState)((0, $7ad22e5ca6c288ca$export$d30c048b3f9a13c1)[0]);
|
|
157162
156742
|
const [selectedCategory, setSelectedCategory] = (0, react.useState)(null);
|
|
@@ -157190,15 +156770,18 @@ const $c6f5440378b96420$var$customTemplateSection = {
|
|
|
157190
156770
|
};
|
|
157191
156771
|
search.length ? payload.search = search : undefined;
|
|
157192
156772
|
currentTemplateType?.id === "3" ? payload.categoryIds = selectedCategory?.id.split(",") : undefined;
|
|
157193
|
-
|
|
157194
|
-
|
|
157195
|
-
if (
|
|
157196
|
-
|
|
157197
|
-
|
|
157198
|
-
|
|
156773
|
+
if (onGetTemplates) {
|
|
156774
|
+
const templates = await onGetTemplates(payload);
|
|
156775
|
+
if (templates.length) {
|
|
156776
|
+
if (currentTemplateType?.id === "1") setMyTemplates(templates);
|
|
156777
|
+
else if (currentTemplateType?.id === "2") setTeamTemplates(templates);
|
|
156778
|
+
else setOlcTemplates(templates);
|
|
156779
|
+
}
|
|
156780
|
+
} else dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)("Please provide onGetTemplates handler via Props to load templates"));
|
|
157199
156781
|
};
|
|
156782
|
+
// TODO Call New Route / Recive via Props for Templates Category
|
|
157200
156783
|
const getAllCategories = async ()=>{
|
|
157201
|
-
const categories =
|
|
156784
|
+
const categories = dispatch((0, $dbaee5ca78364d67$export$202033b5492f87a7));
|
|
157202
156785
|
if (categories?.status === 200) setTemplateCategories(categories?.data?.data.filter((item)=>item.totalTemplates > 0).map((item)=>({
|
|
157203
156786
|
...item,
|
|
157204
156787
|
label: item.title
|
|
@@ -157233,7 +156816,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
|
|
|
157233
156816
|
}));
|
|
157234
156817
|
};
|
|
157235
156818
|
const processPage = async (index, page)=>{
|
|
157236
|
-
return new Promise((resolve
|
|
156819
|
+
return new Promise((resolve)=>{
|
|
157237
156820
|
let pageNumber = page.children.find((el)=>el.custom?.name === "page-number");
|
|
157238
156821
|
const text = index === 0 ? "Front" : "Back";
|
|
157239
156822
|
if (pageNumber) {
|
|
@@ -157442,11 +157025,11 @@ const $c6f5440378b96420$var$customTemplateSection = {
|
|
|
157442
157025
|
onClick: ()=>handleDialogChange("design-own"),
|
|
157443
157026
|
children: [
|
|
157444
157027
|
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $21e11f889f8068bf$export$2e2bcd8739ae039), {
|
|
157445
|
-
fill: "var(--
|
|
157028
|
+
fill: "var(--svgColorSecondary)"
|
|
157446
157029
|
}),
|
|
157447
157030
|
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
|
|
157448
157031
|
style: $c6f5440378b96420$var$templateTextStyles,
|
|
157449
|
-
children:
|
|
157032
|
+
children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.DESIGN_NEW
|
|
157450
157033
|
})
|
|
157451
157034
|
]
|
|
157452
157035
|
}),
|
|
@@ -157465,7 +157048,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
|
|
|
157465
157048
|
}, i)) : /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
|
|
157466
157049
|
className: "noTemplateText",
|
|
157467
157050
|
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
|
|
157468
|
-
children:
|
|
157051
|
+
children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NO_MY_TEMPLATES
|
|
157469
157052
|
})
|
|
157470
157053
|
})
|
|
157471
157054
|
]
|
|
@@ -157485,7 +157068,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
|
|
|
157485
157068
|
}, i)) : /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
|
|
157486
157069
|
className: "noTemplateText",
|
|
157487
157070
|
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
|
|
157488
|
-
children:
|
|
157071
|
+
children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NO_TEAM_TEMPLATES
|
|
157489
157072
|
})
|
|
157490
157073
|
})
|
|
157491
157074
|
}) : currentTemplateType?.id === "3" ? /*#__PURE__*/ (0, jsx_runtime.jsx)((0, jsx_runtime.Fragment), {
|
|
@@ -157504,7 +157087,7 @@ const $c6f5440378b96420$var$customTemplateSection = {
|
|
|
157504
157087
|
}, i)) : /*#__PURE__*/ (0, jsx_runtime.jsx)("div", {
|
|
157505
157088
|
className: "noTemplateText",
|
|
157506
157089
|
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $5a8c8921b86c6a58$export$2e2bcd8739ae039), {
|
|
157507
|
-
children:
|
|
157090
|
+
children: (0, $0b51cdcdcd2b1339$export$af7faffe10421f14).TEMPLATE.NO_OLC_TEMPLATES
|
|
157508
157091
|
})
|
|
157509
157092
|
})
|
|
157510
157093
|
}) : null
|
|
@@ -157530,7 +157113,6 @@ var $c6f5440378b96420$export$2e2bcd8739ae039 = $c6f5440378b96420$var$customTempl
|
|
|
157530
157113
|
|
|
157531
157114
|
|
|
157532
157115
|
|
|
157533
|
-
|
|
157534
157116
|
const $7d1ce187c1ab3d01$var$GeneralTooltip = ({ anchorSelect: anchorSelect, place: place, title: title })=>{
|
|
157535
157117
|
return /*#__PURE__*/ (0, jsx_runtime.jsx)((0, react_tooltip_min_M), {
|
|
157536
157118
|
className: "basic-tooltip",
|
|
@@ -157542,6 +157124,13 @@ const $7d1ce187c1ab3d01$var$GeneralTooltip = ({ anchorSelect: anchorSelect, plac
|
|
|
157542
157124
|
var $7d1ce187c1ab3d01$export$2e2bcd8739ae039 = $7d1ce187c1ab3d01$var$GeneralTooltip;
|
|
157543
157125
|
|
|
157544
157126
|
|
|
157127
|
+
const $717432aee8737b76$export$2cdf1b96a9f86d16 = (text)=>{
|
|
157128
|
+
navigator.clipboard.writeText(text).then(()=>{}).catch((err)=>{
|
|
157129
|
+
console.error("Failed to copy text: ", err);
|
|
157130
|
+
});
|
|
157131
|
+
};
|
|
157132
|
+
|
|
157133
|
+
|
|
157545
157134
|
|
|
157546
157135
|
|
|
157547
157136
|
const $10fe05b81a81fb3f$var$infoIcon = (props)=>{
|
|
@@ -157611,124 +157200,31 @@ var $e06bdfe75163a118$export$2e2bcd8739ae039 = $e06bdfe75163a118$var$contentCopy
|
|
|
157611
157200
|
|
|
157612
157201
|
|
|
157613
157202
|
|
|
157614
|
-
const $
|
|
157615
|
-
const {
|
|
157616
|
-
return /*#__PURE__*/ (0, jsx_runtime.
|
|
157617
|
-
|
|
157618
|
-
|
|
157619
|
-
|
|
157620
|
-
|
|
157621
|
-
|
|
157622
|
-
|
|
157623
|
-
|
|
157624
|
-
|
|
157625
|
-
|
|
157626
|
-
|
|
157627
|
-
|
|
157628
|
-
|
|
157629
|
-
|
|
157630
|
-
|
|
157631
|
-
|
|
157632
|
-
|
|
157633
|
-
|
|
157634
|
-
/*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
|
|
157635
|
-
style: {
|
|
157636
|
-
fill: "none",
|
|
157637
|
-
stroke: `${stroke}`,
|
|
157638
|
-
strokeWidth: 40,
|
|
157639
|
-
strokeLinecap: "round",
|
|
157640
|
-
strokeLinejoin: "round",
|
|
157641
|
-
strokeMiterlimit: 10
|
|
157642
|
-
},
|
|
157643
|
-
d: "M412,136h40c22.091,0,40,17.909,40,40v160c0,22.091-17.909,40-40,40h-40"
|
|
157644
|
-
}),
|
|
157645
|
-
/*#__PURE__*/ (0, jsx_runtime.jsx)("line", {
|
|
157646
|
-
style: {
|
|
157647
|
-
fill: "none",
|
|
157648
|
-
stroke: `${stroke}`,
|
|
157649
|
-
strokeWidth: 40,
|
|
157650
|
-
strokeLinecap: "round",
|
|
157651
|
-
strokeLinejoin: "round",
|
|
157652
|
-
strokeMiterlimit: 10
|
|
157653
|
-
},
|
|
157654
|
-
x1: "100",
|
|
157655
|
-
y1: "216",
|
|
157656
|
-
x2: "180",
|
|
157657
|
-
y2: "216"
|
|
157658
|
-
}),
|
|
157659
|
-
/*#__PURE__*/ (0, jsx_runtime.jsx)("line", {
|
|
157660
|
-
style: {
|
|
157661
|
-
fill: "none",
|
|
157662
|
-
stroke: `${stroke}`,
|
|
157663
|
-
strokeWidth: 40,
|
|
157664
|
-
strokeLinecap: "round",
|
|
157665
|
-
strokeLinejoin: "round",
|
|
157666
|
-
strokeMiterlimit: 10
|
|
157667
|
-
},
|
|
157668
|
-
x1: "140",
|
|
157669
|
-
y1: "296",
|
|
157670
|
-
x2: "140",
|
|
157671
|
-
y2: "216"
|
|
157672
|
-
}),
|
|
157673
|
-
/*#__PURE__*/ (0, jsx_runtime.jsx)("line", {
|
|
157674
|
-
style: {
|
|
157675
|
-
fill: "none",
|
|
157676
|
-
stroke: `${stroke}`,
|
|
157677
|
-
strokeWidth: 40,
|
|
157678
|
-
strokeLinecap: "round",
|
|
157679
|
-
strokeLinejoin: "round",
|
|
157680
|
-
strokeMiterlimit: 10
|
|
157681
|
-
},
|
|
157682
|
-
x1: "332",
|
|
157683
|
-
y1: "456",
|
|
157684
|
-
x2: "332",
|
|
157685
|
-
y2: "56"
|
|
157686
|
-
}),
|
|
157687
|
-
/*#__PURE__*/ (0, jsx_runtime.jsx)("line", {
|
|
157688
|
-
style: {
|
|
157689
|
-
fill: "none",
|
|
157690
|
-
stroke: `${stroke}`,
|
|
157691
|
-
strokeWidth: 40,
|
|
157692
|
-
strokeLinecap: "round",
|
|
157693
|
-
strokeLinejoin: "round",
|
|
157694
|
-
strokeMiterlimit: 10
|
|
157695
|
-
},
|
|
157696
|
-
x1: "292",
|
|
157697
|
-
y1: "56",
|
|
157698
|
-
x2: "372",
|
|
157699
|
-
y2: "56"
|
|
157700
|
-
}),
|
|
157701
|
-
/*#__PURE__*/ (0, jsx_runtime.jsx)("line", {
|
|
157702
|
-
style: {
|
|
157703
|
-
fill: "none",
|
|
157704
|
-
stroke: `${stroke}`,
|
|
157705
|
-
strokeWidth: 40,
|
|
157706
|
-
strokeLinecap: "round",
|
|
157707
|
-
strokeLinejoin: "round",
|
|
157708
|
-
strokeMiterlimit: 10
|
|
157709
|
-
},
|
|
157710
|
-
x1: "292",
|
|
157711
|
-
y1: "456",
|
|
157712
|
-
x2: "372",
|
|
157713
|
-
y2: "456"
|
|
157714
|
-
}),
|
|
157715
|
-
/*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
|
|
157716
|
-
style: {
|
|
157717
|
-
fill: "none",
|
|
157718
|
-
stroke: `${stroke}`,
|
|
157719
|
-
strokeWidth: 40,
|
|
157720
|
-
strokeLinecap: "round",
|
|
157721
|
-
strokeLinejoin: "round",
|
|
157722
|
-
strokeMiterlimit: 10
|
|
157723
|
-
},
|
|
157724
|
-
d: "M332,376H60c-22.091,0-40-17.909-40-40V176c0-22.091,17.909-40,40-40h272"
|
|
157725
|
-
})
|
|
157726
|
-
]
|
|
157203
|
+
const $c63ab7ca46bc9f98$var$Field = (props)=>{
|
|
157204
|
+
const { fill: fill } = props;
|
|
157205
|
+
return /*#__PURE__*/ (0, jsx_runtime.jsxs)("svg", {
|
|
157206
|
+
width: "23",
|
|
157207
|
+
height: "23",
|
|
157208
|
+
viewBox: "0 0 23 23",
|
|
157209
|
+
fill: "none",
|
|
157210
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
157211
|
+
children: [
|
|
157212
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
|
|
157213
|
+
d: "M20.3047 5.21094H18.5078C18.0116 5.21094 17.6094 5.61317 17.6094 6.10938C17.6094 6.60558 18.0116 7.00781 18.5078 7.00781H20.3047C20.8001 7.00781 21.2031 7.41085 21.2031 7.90625V15.0938C21.2031 15.5891 20.8001 15.9922 20.3047 15.9922H18.5078C18.0116 15.9922 17.6094 16.3944 17.6094 16.8906C17.6094 17.3868 18.0116 17.7891 18.5078 17.7891H20.3047C21.7909 17.7891 23 16.5799 23 15.0938V7.90625C23 6.42005 21.7909 5.21094 20.3047 5.21094Z",
|
|
157214
|
+
fill: fill
|
|
157215
|
+
}),
|
|
157216
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
|
|
157217
|
+
d: "M4.49219 10.6016H5.39062V13.2969C5.39062 13.7931 5.79286 14.1953 6.28906 14.1953C6.78527 14.1953 7.1875 13.7931 7.1875 13.2969V10.6016H8.08594C8.58214 10.6016 8.98438 10.1993 8.98438 9.70312C8.98438 9.20692 8.58214 8.80469 8.08594 8.80469H4.49219C3.99598 8.80469 3.59375 9.20692 3.59375 9.70312C3.59375 10.1993 3.99598 10.6016 4.49219 10.6016Z",
|
|
157218
|
+
fill: fill
|
|
157219
|
+
}),
|
|
157220
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)("path", {
|
|
157221
|
+
d: "M2.69531 17.7891H14.0156V19.5859H13.1172C12.621 19.5859 12.2188 19.9882 12.2188 20.4844C12.2188 20.9806 12.621 21.3828 13.1172 21.3828H16.7109C17.2071 21.3828 17.6094 20.9806 17.6094 20.4844C17.6094 19.9882 17.2071 19.5859 16.7109 19.5859H15.8125V3.41406H16.7109C17.2071 3.41406 17.6094 3.01183 17.6094 2.51562C17.6094 2.01942 17.2071 1.61719 16.7109 1.61719H13.1172C12.621 1.61719 12.2188 2.01942 12.2188 2.51562C12.2188 3.01183 12.621 3.41406 13.1172 3.41406H14.0156V5.21094H2.69531C1.20912 5.21094 0 6.42005 0 7.90625V15.0938C0 16.5799 1.20912 17.7891 2.69531 17.7891ZM1.79688 7.90625C1.79688 7.41085 2.19991 7.00781 2.69531 7.00781H14.0156V15.9922H2.69531C2.19991 15.9922 1.79688 15.5891 1.79688 15.0938V7.90625Z",
|
|
157222
|
+
fill: fill
|
|
157727
157223
|
})
|
|
157728
|
-
|
|
157224
|
+
]
|
|
157729
157225
|
});
|
|
157730
157226
|
};
|
|
157731
|
-
var $
|
|
157227
|
+
var $c63ab7ca46bc9f98$export$2e2bcd8739ae039 = $c63ab7ca46bc9f98$var$Field;
|
|
157732
157228
|
|
|
157733
157229
|
|
|
157734
157230
|
|
|
@@ -157740,11 +157236,11 @@ const $57048af01a29b1ce$var$customFieldSection = {
|
|
|
157740
157236
|
Tab: (0, es.observer)((props)=>/*#__PURE__*/ (0, jsx_runtime.jsx)((0, side_panel.SectionTab), {
|
|
157741
157237
|
name: "Fields",
|
|
157742
157238
|
...props,
|
|
157743
|
-
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $
|
|
157744
|
-
|
|
157239
|
+
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $c63ab7ca46bc9f98$export$2e2bcd8739ae039), {
|
|
157240
|
+
fill: "var(--sidepanelSVGColor)"
|
|
157745
157241
|
})
|
|
157746
157242
|
})),
|
|
157747
|
-
Panel: (0, es.observer)(({ store: store })=>{
|
|
157243
|
+
Panel: (0, es.observer)(({ store: store, onGetCustomFields: onGetCustomFields })=>{
|
|
157748
157244
|
const [isShowDialog, setIsShowDialog] = (0, react.useState)(false);
|
|
157749
157245
|
const dispatch = (0, useDispatch)();
|
|
157750
157246
|
const customFields = (0, useSelector)((state)=>state.customFields.customFields);
|
|
@@ -157754,16 +157250,32 @@ const $57048af01a29b1ce$var$customFieldSection = {
|
|
|
157754
157250
|
const handleShowDialog = ()=>{
|
|
157755
157251
|
setIsShowDialog((prev)=>!prev);
|
|
157756
157252
|
};
|
|
157253
|
+
const fetchCustomFields = async ()=>{
|
|
157254
|
+
if (onGetCustomFields) {
|
|
157255
|
+
const customFields = await onGetCustomFields();
|
|
157256
|
+
if (customFields?.length) dispatch({
|
|
157257
|
+
type: (0, $e496cac0faa1ff17$export$958a4de996e717f9),
|
|
157258
|
+
payload: customFields
|
|
157259
|
+
});
|
|
157260
|
+
} else dispatch((0, $6ca040a325a745aa$export$af2dba6db4e9e1f0)("Please add onGetCustomFields handler Via Props to load all custom fields"));
|
|
157261
|
+
};
|
|
157757
157262
|
(0, react.useEffect)(()=>{
|
|
157758
|
-
|
|
157759
|
-
}, [
|
|
157760
|
-
|
|
157761
|
-
]);
|
|
157762
|
-
const handleAddElementOnScreen = (event, value, type)=>{
|
|
157763
|
-
event.preventDefault();
|
|
157263
|
+
fetchCustomFields();
|
|
157264
|
+
}, []);
|
|
157265
|
+
const copyCustomFieldText = (value)=>{
|
|
157764
157266
|
if (currentTemplateType === "Real Penned Letter") {
|
|
157267
|
+
let modifiedString = value.replace(/{{/g, "((").replace(/}}/g, "))");
|
|
157268
|
+
(0, $717432aee8737b76$export$2cdf1b96a9f86d16)(modifiedString);
|
|
157269
|
+
dispatch((0, $6ca040a325a745aa$export$fe7c49d056ea1d88)(`${modifiedString} Copied`));
|
|
157270
|
+
} else {
|
|
157765
157271
|
(0, $717432aee8737b76$export$2cdf1b96a9f86d16)(value);
|
|
157766
157272
|
dispatch((0, $6ca040a325a745aa$export$fe7c49d056ea1d88)(`${value} Copied`));
|
|
157273
|
+
}
|
|
157274
|
+
};
|
|
157275
|
+
const handleAddElementOnScreen = (event, value, type)=>{
|
|
157276
|
+
event.preventDefault();
|
|
157277
|
+
if (currentTemplateType === "Real Penned Letter") {
|
|
157278
|
+
copyCustomFieldText(value);
|
|
157767
157279
|
return;
|
|
157768
157280
|
}
|
|
157769
157281
|
let x, y;
|
|
@@ -157823,7 +157335,7 @@ const $57048af01a29b1ce$var$customFieldSection = {
|
|
|
157823
157335
|
}),
|
|
157824
157336
|
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
|
|
157825
157337
|
style: $57048af01a29b1ce$var$iconButtonStyles,
|
|
157826
|
-
onClick: ()=>(
|
|
157338
|
+
onClick: ()=>copyCustomFieldText(key),
|
|
157827
157339
|
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e06bdfe75163a118$export$2e2bcd8739ae039), {
|
|
157828
157340
|
className: "copy"
|
|
157829
157341
|
})
|
|
@@ -157863,7 +157375,7 @@ const $57048af01a29b1ce$var$customFieldSection = {
|
|
|
157863
157375
|
})
|
|
157864
157376
|
]
|
|
157865
157377
|
}),
|
|
157866
|
-
customFields
|
|
157378
|
+
customFields?.map(({ key: key, value: value }, i)=>/*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
|
|
157867
157379
|
style: {
|
|
157868
157380
|
display: "flex",
|
|
157869
157381
|
alignItems: "center"
|
|
@@ -157876,7 +157388,7 @@ const $57048af01a29b1ce$var$customFieldSection = {
|
|
|
157876
157388
|
}),
|
|
157877
157389
|
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $468b2e43c10c77f3$export$2e2bcd8739ae039), {
|
|
157878
157390
|
style: $57048af01a29b1ce$var$iconButtonStyles,
|
|
157879
|
-
onClick: ()=>(
|
|
157391
|
+
onClick: ()=>copyCustomFieldText(key),
|
|
157880
157392
|
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $e06bdfe75163a118$export$2e2bcd8739ae039), {
|
|
157881
157393
|
className: "copy"
|
|
157882
157394
|
})
|
|
@@ -157891,7 +157403,7 @@ var $57048af01a29b1ce$export$2e2bcd8739ae039 = $57048af01a29b1ce$var$customField
|
|
|
157891
157403
|
|
|
157892
157404
|
|
|
157893
157405
|
const $d303f0b433a1814c$var$SidePanel = (props)=>{
|
|
157894
|
-
const sections = (0, side_panel.DEFAULT_SECTIONS).filter((section)=>![
|
|
157406
|
+
const sections = props.currentTemplateType === "Real Penned Letter" ? (0, side_panel.DEFAULT_SECTIONS).filter((section)=>section.name === "") : (0, side_panel.DEFAULT_SECTIONS).filter((section)=>![
|
|
157895
157407
|
"photos",
|
|
157896
157408
|
"size",
|
|
157897
157409
|
"templates"
|
|
@@ -157900,9 +157412,23 @@ const $d303f0b433a1814c$var$SidePanel = (props)=>{
|
|
|
157900
157412
|
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, side_panel.SidePanel), {
|
|
157901
157413
|
store: props.store,
|
|
157902
157414
|
sections: [
|
|
157903
|
-
|
|
157415
|
+
...props.currentTemplateType !== "Real Penned Letter" ? [
|
|
157416
|
+
{
|
|
157417
|
+
...(0, $c6f5440378b96420$export$2e2bcd8739ae039),
|
|
157418
|
+
Panel: (panelProps)=>/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $c6f5440378b96420$export$2e2bcd8739ae039).Panel, {
|
|
157419
|
+
...panelProps,
|
|
157420
|
+
onGetTemplates: props.onGetTemplates
|
|
157421
|
+
})
|
|
157422
|
+
}
|
|
157423
|
+
] : [],
|
|
157904
157424
|
...sections,
|
|
157905
|
-
|
|
157425
|
+
{
|
|
157426
|
+
...(0, $57048af01a29b1ce$export$2e2bcd8739ae039),
|
|
157427
|
+
Panel: (panelProps)=>/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $57048af01a29b1ce$export$2e2bcd8739ae039).Panel, {
|
|
157428
|
+
...panelProps,
|
|
157429
|
+
onGetCustomFields: props.onGetCustomFields
|
|
157430
|
+
})
|
|
157431
|
+
}
|
|
157906
157432
|
],
|
|
157907
157433
|
defaultSection: "text"
|
|
157908
157434
|
})
|
|
@@ -157912,8 +157438,9 @@ var $d303f0b433a1814c$export$2e2bcd8739ae039 = $d303f0b433a1814c$var$SidePanel;
|
|
|
157912
157438
|
|
|
157913
157439
|
|
|
157914
157440
|
|
|
157441
|
+
|
|
157915
157442
|
(0, polotno_config/* setUploadFunc */.Ut)((0, $dbaee5ca78364d67$export$a5575dbeeffdad98));
|
|
157916
|
-
const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store,
|
|
157443
|
+
const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, returnRoute: returnRoute, onGetCustomFields: onGetCustomFields, onGetTemplates: onGetTemplates, onSubmit: onSubmit })=>{
|
|
157917
157444
|
const [isStoreUpdated, setIsStoreUpdated] = (0, react.useState)(false);
|
|
157918
157445
|
const [switchTabCount, setSwitchTabCount] = (0, react.useState)(1);
|
|
157919
157446
|
const { id: id } = (0, useParams)();
|
|
@@ -157923,12 +157450,12 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, styles: styles, r
|
|
|
157923
157450
|
const product = (0, useSelector)((state)=>state.templates.product);
|
|
157924
157451
|
const envelopeType = (0, useSelector)((state)=>state.templates.envelopeType);
|
|
157925
157452
|
const currentTemplateType = product?.productType;
|
|
157926
|
-
const containerStyle =
|
|
157453
|
+
const containerStyle = {
|
|
157927
157454
|
width: "100vw",
|
|
157928
157455
|
height: "90vh",
|
|
157929
157456
|
position: "relative",
|
|
157930
157457
|
backgroundColor: "var(--mainBackgroundColor) !important"
|
|
157931
|
-
}
|
|
157458
|
+
};
|
|
157932
157459
|
(0, react.useEffect)(()=>{
|
|
157933
157460
|
handleLoadTemplate();
|
|
157934
157461
|
}, [
|
|
@@ -157946,21 +157473,25 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, styles: styles, r
|
|
|
157946
157473
|
}, []);
|
|
157947
157474
|
(0, react.useEffect)(()=>{
|
|
157948
157475
|
if (!product) navigate("/create-template");
|
|
157949
|
-
|
|
157950
|
-
|
|
157951
|
-
if (
|
|
157952
|
-
|
|
157953
|
-
|
|
157954
|
-
|
|
157955
|
-
|
|
157956
|
-
if (
|
|
157957
|
-
|
|
157958
|
-
|
|
157959
|
-
|
|
157960
|
-
|
|
157961
|
-
store.
|
|
157962
|
-
|
|
157963
|
-
|
|
157476
|
+
}, []);
|
|
157477
|
+
(0, react.useEffect)(()=>{
|
|
157478
|
+
if (product) {
|
|
157479
|
+
(0, polotno_config/* setGoogleFonts */.O3)((0, (/*@__PURE__*/$parcel$interopDefault($6095227f2f4b1a81$exports))));
|
|
157480
|
+
// remove this component from the history stack
|
|
157481
|
+
if (id) // @ts-ignore
|
|
157482
|
+
dispatch((0, $dbaee5ca78364d67$export$afe4a7b3b3722350)(id));
|
|
157483
|
+
else if (store.pages.length === 0) createInitialPage();
|
|
157484
|
+
fetchCustomFields();
|
|
157485
|
+
const handleChange = ()=>{
|
|
157486
|
+
if (!isStoreUpdated) setIsStoreUpdated(true);
|
|
157487
|
+
};
|
|
157488
|
+
const off = store.on("change", handleChange);
|
|
157489
|
+
return ()=>{
|
|
157490
|
+
store.history.clear();
|
|
157491
|
+
store.clear();
|
|
157492
|
+
off();
|
|
157493
|
+
};
|
|
157494
|
+
}
|
|
157964
157495
|
}, []);
|
|
157965
157496
|
(0, react.useEffect)(()=>{
|
|
157966
157497
|
if (!id && product && store.pages.length === 0) createInitialPage();
|
|
@@ -157987,6 +157518,15 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, styles: styles, r
|
|
|
157987
157518
|
}, [
|
|
157988
157519
|
isStoreUpdated
|
|
157989
157520
|
]);
|
|
157521
|
+
const fetchCustomFields = async ()=>{
|
|
157522
|
+
if (onGetCustomFields) {
|
|
157523
|
+
const customFields = await onGetCustomFields();
|
|
157524
|
+
if (customFields?.length) dispatch({
|
|
157525
|
+
type: (0, $e496cac0faa1ff17$export$958a4de996e717f9),
|
|
157526
|
+
payload: customFields
|
|
157527
|
+
});
|
|
157528
|
+
}
|
|
157529
|
+
};
|
|
157990
157530
|
const createInitialPage = async ()=>{
|
|
157991
157531
|
if (product) {
|
|
157992
157532
|
store.addPage();
|
|
@@ -158062,13 +157602,17 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, styles: styles, r
|
|
|
158062
157602
|
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d31b9bd88e5dcf67$export$2e2bcd8739ae039), {
|
|
158063
157603
|
store: store,
|
|
158064
157604
|
isStoreUpdated: isStoreUpdated,
|
|
158065
|
-
returnRoute: returnRoute
|
|
157605
|
+
returnRoute: returnRoute,
|
|
157606
|
+
onSubmit: onSubmit
|
|
158066
157607
|
}),
|
|
158067
157608
|
/*#__PURE__*/ (0, jsx_runtime.jsxs)((0, polotno_app.PolotnoContainer), {
|
|
158068
157609
|
style: containerStyle,
|
|
158069
157610
|
children: [
|
|
158070
|
-
|
|
158071
|
-
store: store
|
|
157611
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $d303f0b433a1814c$export$2e2bcd8739ae039), {
|
|
157612
|
+
store: store,
|
|
157613
|
+
currentTemplateType: currentTemplateType,
|
|
157614
|
+
onGetTemplates: onGetTemplates,
|
|
157615
|
+
onGetCustomFields: onGetCustomFields
|
|
158072
157616
|
}),
|
|
158073
157617
|
/*#__PURE__*/ (0, jsx_runtime.jsxs)((0, polotno_app.WorkspaceWrap), {
|
|
158074
157618
|
children: [
|
|
@@ -158092,7 +157636,8 @@ const $6248df0c26b0b2d9$var$TemplateBuilder = ({ store: store, styles: styles, r
|
|
|
158092
157636
|
]
|
|
158093
157637
|
})
|
|
158094
157638
|
]
|
|
158095
|
-
})
|
|
157639
|
+
}),
|
|
157640
|
+
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $a9c4d245899171bf$export$2e2bcd8739ae039), {})
|
|
158096
157641
|
]
|
|
158097
157642
|
})
|
|
158098
157643
|
});
|
|
@@ -158110,7 +157655,7 @@ const $edeafd00018ca857$var$initializeStore = (secretKey)=>{
|
|
|
158110
157655
|
showCredit: false
|
|
158111
157656
|
});
|
|
158112
157657
|
};
|
|
158113
|
-
const $edeafd00018ca857$var$App = ({ secretKey: secretKey, returnRoute: returnRoute, styles: styles })=>{
|
|
157658
|
+
const $edeafd00018ca857$var$App = ({ secretKey: secretKey, returnRoute: returnRoute, styles: styles, onGetCustomFields: onGetCustomFields, onGetTemplates: onGetTemplates, onSubmit: onSubmit })=>{
|
|
158114
157659
|
const [store, setStore] = (0, react.useState)($edeafd00018ca857$var$initializeStore(secretKey));
|
|
158115
157660
|
const currentPath = window?.location?.pathname;
|
|
158116
157661
|
(0, react.useEffect)(()=>{
|
|
@@ -158141,12 +157686,14 @@ const $edeafd00018ca857$var$App = ({ secretKey: secretKey, returnRoute: returnRo
|
|
|
158141
157686
|
path: "/template-builder",
|
|
158142
157687
|
element: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $6248df0c26b0b2d9$export$2e2bcd8739ae039), {
|
|
158143
157688
|
store: store,
|
|
158144
|
-
returnRoute: returnRoute
|
|
157689
|
+
returnRoute: returnRoute,
|
|
157690
|
+
onGetTemplates: onGetTemplates,
|
|
157691
|
+
onGetCustomFields: onGetCustomFields,
|
|
157692
|
+
onSubmit: onSubmit
|
|
158145
157693
|
})
|
|
158146
157694
|
})
|
|
158147
157695
|
]
|
|
158148
|
-
})
|
|
158149
|
-
/*#__PURE__*/ (0, jsx_runtime.jsx)((0, $a9c4d245899171bf$export$2e2bcd8739ae039), {})
|
|
157696
|
+
})
|
|
158150
157697
|
]
|
|
158151
157698
|
});
|
|
158152
157699
|
};
|
|
@@ -158158,21 +157705,21 @@ var $edeafd00018ca857$export$2e2bcd8739ae039 = $edeafd00018ca857$var$App;
|
|
|
158158
157705
|
|
|
158159
157706
|
|
|
158160
157707
|
|
|
158161
|
-
const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container,
|
|
157708
|
+
const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, secretKey: secretKey, returnRoute: returnRoute, onGetTemplates: onGetTemplates, onGetCustomFields: onGetCustomFields, onSubmit: onSubmit, styles: styles })=>{
|
|
158162
157709
|
if (!container) throw new Error("Root element not found");
|
|
158163
|
-
if (!apiKey) throw new Error("apiKey not found");
|
|
158164
157710
|
if (!secretKey) throw new Error("secretKey not found");
|
|
158165
|
-
(0, $717432aee8737b76$export$d9a4753a02dc400b)(apiKey);
|
|
158166
|
-
(0, $717432aee8737b76$export$d4f039427a1beff1)(mode);
|
|
158167
157711
|
const root = (0, client).createRoot(container);
|
|
158168
|
-
root.render(/*#__PURE__*/ (0, jsx_runtime.jsx)((0,
|
|
158169
|
-
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0,
|
|
158170
|
-
|
|
158171
|
-
|
|
157712
|
+
root.render(/*#__PURE__*/ (0, jsx_runtime.jsx)((0, jsx_runtime.Fragment), {
|
|
157713
|
+
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, Provider_default), {
|
|
157714
|
+
store: (0, $ad568a7ac4136873$export$2e2bcd8739ae039),
|
|
157715
|
+
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, BrowserRouter), {
|
|
158172
157716
|
children: /*#__PURE__*/ (0, jsx_runtime.jsx)((0, $edeafd00018ca857$export$2e2bcd8739ae039), {
|
|
158173
157717
|
secretKey: secretKey,
|
|
158174
157718
|
styles: styles,
|
|
158175
|
-
returnRoute: returnRoute
|
|
157719
|
+
returnRoute: returnRoute,
|
|
157720
|
+
onSubmit: onSubmit,
|
|
157721
|
+
onGetTemplates: onGetTemplates,
|
|
157722
|
+
onGetCustomFields: onGetCustomFields
|
|
158176
157723
|
})
|
|
158177
157724
|
})
|
|
158178
157725
|
})
|
|
@@ -158181,10 +157728,9 @@ const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, apiKey: a
|
|
|
158181
157728
|
var // Example to run the project locally for development. Comment out these lines when building the application
|
|
158182
157729
|
// const rootElement = document.getElementById('root');
|
|
158183
157730
|
// if (rootElement) {
|
|
157731
|
+
// console.log("React SDK Loaded");
|
|
158184
157732
|
// TemplateBuilder({
|
|
158185
157733
|
// container: rootElement,
|
|
158186
|
-
// apiKey: import.meta.env.VITE_APP_ACCESS_TOKEN,
|
|
158187
|
-
// mode: 'live',
|
|
158188
157734
|
// secretKey: import.meta.env.VITE_APP_PLOTNO_API_KEY,
|
|
158189
157735
|
// styles: {}
|
|
158190
157736
|
// });
|
|
@@ -158206,40 +157752,50 @@ $24075a5d702d64b3$export$2e2bcd8739ae039 = $24075a5d702d64b3$var$TemplateBuilder
|
|
|
158206
157752
|
},
|
|
158207
157753
|
props: {
|
|
158208
157754
|
container: {
|
|
158209
|
-
type: String,
|
|
157755
|
+
type: [String, HTMLElement], // Updated to allow both string and HTMLElement
|
|
158210
157756
|
required: true
|
|
158211
157757
|
},
|
|
158212
|
-
|
|
157758
|
+
secretKey: {
|
|
158213
157759
|
type: String,
|
|
158214
157760
|
required: true
|
|
158215
157761
|
},
|
|
158216
|
-
|
|
158217
|
-
default: 'test',
|
|
157762
|
+
returnRoute: {
|
|
158218
157763
|
type: String,
|
|
157764
|
+
default: null
|
|
158219
157765
|
},
|
|
158220
|
-
|
|
158221
|
-
type:
|
|
158222
|
-
|
|
157766
|
+
onGetTemplates: {
|
|
157767
|
+
type: Function,
|
|
157768
|
+
default: () => Promise.resolve()
|
|
157769
|
+
},
|
|
157770
|
+
onGetCustomFields: {
|
|
157771
|
+
type: Function,
|
|
157772
|
+
default: () => Promise.resolve()
|
|
157773
|
+
},
|
|
157774
|
+
onSubmit: {
|
|
157775
|
+
type: Function,
|
|
157776
|
+
default: () => Promise.resolve(),
|
|
157777
|
+
required: false,
|
|
158223
157778
|
},
|
|
158224
157779
|
styles: {
|
|
158225
|
-
|
|
158226
|
-
|
|
158227
|
-
required: false
|
|
157780
|
+
type: Object,
|
|
157781
|
+
default: () => ({})
|
|
158228
157782
|
}
|
|
158229
157783
|
},
|
|
158230
157784
|
mounted() {
|
|
158231
157785
|
let vm = this;
|
|
158232
|
-
console.log('vm',vm)
|
|
157786
|
+
console.log('vm',vm);
|
|
158233
157787
|
this.initializeEditor(vm);
|
|
158234
157788
|
},
|
|
158235
157789
|
methods: {
|
|
158236
157790
|
initializeEditor(props) {
|
|
158237
157791
|
$24075a5d702d64b3$export$2e2bcd8739ae039({
|
|
158238
157792
|
container: document.getElementById(props.container) || document.getElementById('builder'),
|
|
158239
|
-
apiKey: props.apiKey,
|
|
158240
|
-
mode: props.mode,
|
|
158241
157793
|
secretKey: props.secretKey,
|
|
158242
|
-
|
|
157794
|
+
returnRoute: props.returnRoute,
|
|
157795
|
+
onGetTemplates: props.onGetTemplates,
|
|
157796
|
+
onGetCustomFields: props.onGetCustomFields,
|
|
157797
|
+
onSubmit: props.onSubmit,
|
|
157798
|
+
styles:props.styles,
|
|
158243
157799
|
});
|
|
158244
157800
|
}
|
|
158245
157801
|
}
|
|
@@ -158369,12 +157925,22 @@ var component = normalizeComponent(
|
|
|
158369
157925
|
|
|
158370
157926
|
|
|
158371
157927
|
|
|
158372
|
-
const src_TemplateBuilder = ({
|
|
157928
|
+
const src_TemplateBuilder = ({
|
|
157929
|
+
container,
|
|
157930
|
+
secretKey,
|
|
157931
|
+
returnRoute,
|
|
157932
|
+
onGetTemplates,
|
|
157933
|
+
onGetCustomFields,
|
|
157934
|
+
onSubmit,
|
|
157935
|
+
styles,
|
|
157936
|
+
}) => {
|
|
158373
157937
|
const props = {
|
|
158374
157938
|
container,
|
|
158375
|
-
apiKey,
|
|
158376
|
-
mode,
|
|
158377
157939
|
secretKey,
|
|
157940
|
+
returnRoute,
|
|
157941
|
+
onGetTemplates,
|
|
157942
|
+
onGetCustomFields,
|
|
157943
|
+
onSubmit,
|
|
158378
157944
|
styles,
|
|
158379
157945
|
};
|
|
158380
157946
|
|
|
@@ -158383,15 +157949,6 @@ const src_TemplateBuilder = ({ container, apiKey, mode, secretKey, styles }) =>
|
|
|
158383
157949
|
}).$mount(`#${container}`);
|
|
158384
157950
|
};
|
|
158385
157951
|
|
|
158386
|
-
// Example to run the project locally for development. Comment out these lines when building the application
|
|
158387
|
-
// TemplateBuilder({
|
|
158388
|
-
// container: "app",
|
|
158389
|
-
// apiKey: process.env.VUE_APP_ACCESS_TOKEN,
|
|
158390
|
-
// mode: "live",
|
|
158391
|
-
// secretKey: process.env.VUE_APP_PLOTNO_API_KEY,
|
|
158392
|
-
// styles: {},
|
|
158393
|
-
// });
|
|
158394
|
-
|
|
158395
157952
|
/* harmony default export */ var src = (src_TemplateBuilder);
|
|
158396
157953
|
|
|
158397
157954
|
var __webpack_exports__default = __webpack_exports__.A;
|