npm - @billgangcom/theme-lib - Versions diffs - 1.21.1 → 1.21.2 - Mend

@billgangcom/theme-lib 1.21.1 → 1.21.2

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.

Files changed (3) hide show

package/dist/builder.cjs.js CHANGED Viewed

@@ -1,5 +1,5 @@
 (function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode('@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap";._icon_bsuj2_1 path{fill:var(--icon-fill)}._hoverable_bsuj2_5{cursor:pointer}._rotated_bsuj2_9{transform:rotate(180deg)}._button_ojbir_1{padding:10px 16px;border-radius:12px;cursor:pointer;font-size:16px}._button_ojbir_1:disabled{opacity:.7;cursor:auto}._primary_ojbir_13{color:#fff;background-color:#ff3f19}._secondary_ojbir_18{color:var(--accent-color);background-color:var(--background-color)}._content_ojbir_23{display:flex;flex-direction:row;gap:4px;align-items:center}._wrapper_1hcbk_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_1hcbk_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_1hcbk_17{width:100%;background-color:var(--background-color);border-radius:12px;padding:7px 11px;font-size:16px;line-height:24px;border:1px solid var(--background-color)}._input_1hcbk_17::placeholder{color:#c2c2c2}._input_1hcbk_17:disabled{background-color:var(--background-color);opacity:.7}._required_1hcbk_36{border:1px solid #ff3f19}._paddingless_1hcbk_40{padding:0}._content_1hcbk_44{display:flex;flex-direction:row;gap:8px;align-items:center}._borderless_1hcbk_51{border-radius:0;border:none}._wrapper_18y7k_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_18y7k_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._select_18y7k_17{display:flex;flex-direction:row;gap:0px;width:100%;background-color:var(--background-color);border-radius:12px;padding:10px 12px;font-size:14px;line-height:20px;align-items:center;justify-content:space-between;cursor:pointer}._icon_18y7k_32{transition:.2s}._rotate_18y7k_36{transform:rotate(180deg)}._content_18y7k_40{position:relative}._options_18y7k_44{display:flex;flex-direction:column;gap:0px;position:absolute;top:45px;width:100%;background-color:var(--background-color);border-radius:12px;font-size:14px;line-height:20px;max-height:200px;z-index:10;overflow-y:scroll;cursor:pointer}._option_18y7k_44{padding:10px 12px;border-radius:12px}._option_18y7k_44:hover{background-color:#e6e6e6}._addon_18y7k_69{display:flex;flex-direction:row;gap:6px;align-items:center}._wrapper_1gywd_1{display:flex;flex-direction:row;gap:8px;width:fit-content;align-items:center;border-radius:12px;line-height:20px;color:var(--main-color);font-size:14px;font-weight:400}._switch_1gywd_14{display:flex;flex-direction:row;gap:0px;width:40px;height:24px;background-color:#ccc;border-radius:25px;align-items:center;padding:2px;cursor:pointer;transition:background-color .2s}._switch_1gywd_14._active_1gywd_27{background:#ff3f19}._switch_1gywd_14 ._toggle_1gywd_30{width:14px;height:14px;background-color:#fff;border-radius:16px;transition:transform .2s;transform:translate(2px)}._switch_1gywd_14._active_1gywd_27 ._toggle_1gywd_30{transform:translate(18px)}._background_1gywd_42{background-color:var(--background-color)}._padding_1gywd_46{padding:8px}._wrapper_q0sfn_1{display:flex;flex-direction:row;gap:0px;border:var(--default-border);width:fit-content;height:fit-content;max-height:500px;max-width:500px;min-width:300px;padding:10px;left:10px;top:10px;position:absolute;z-index:1000;background-color:#fff;border-radius:8px;justify-content:center;align-items:center;overflow:hidden}._blocks_emecf_1{display:flex;flex-direction:row;gap:8px;align-items:center}._block_emecf_1{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_emecf_21{border:1px solid #ff3f19}._applyButton_11q4y_2{flex:0 1 50%;font-weight:400}._cancelButton_11q4y_7{background-color:var(--background-color);color:var(--accent-color)}._content_11q4y_12{display:flex;flex-direction:column;gap:0px;width:100%}._label_11q4y_19{display:flex;flex-direction:row;gap:8px;padding:8px 12px;border-radius:8px;align-items:center;position:relative;width:100%;background-color:var(--background-color);cursor:pointer}._colorValue_11q4y_32{width:20px;height:20px;padding:2.5px;border-radius:2px}._modal_11q4y_39{display:flex;flex-direction:column;gap:10px;left:15px;width:288px;overflow-y:auto;z-index:100000000;position:fixed;background-color:#fff;border-radius:12px;padding:10px;border:1px solid #e6e6e6;height:400px;font-size:16px;line-height:24px;font-weight:700}._colorMap_11q4y_58{position:relative;width:100%;height:300px;cursor:pointer;border-radius:4px}._indicator_11q4y_66{position:absolute;width:20px;height:20px;border:4px solid white;border-radius:50%;pointer-events:none}._hueSlider_11q4y_75{width:80%;left:30px;height:8px;position:absolute;bottom:80px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red,red);border-radius:5px}input[type=range]{display:flex;flex-direction:row;gap:0px;-webkit-appearance:none;height:8px;outline:none;border-radius:5px;position:relative;justify-content:center}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border:5px solid #fff;border-radius:50%;cursor:pointer}._slider_11q4y_106{width:100%;cursor:pointer}._buttons_11q4y_111{display:flex;flex-direction:row;gap:5px;width:100%}._name_11q4y_118{line-height:20px;padding:0 4px 4px}._secondary_11q4y_123{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_11q4y_131{line-height:20px;font-size:14px;font-weight:400}._modal_18a97_1{display:flex;flex-direction:row;gap:0px;position:fixed;top:0;left:0;right:0;bottom:0;background:#2525253d;z-index:100000;padding:20px;justify-content:center;align-items:center;overflow:hidden}._wrapper_1qvfi_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%;position:relative}._label_1qvfi_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._textarea_1qvfi_18{width:100%;background-color:var(--background-color);border-radius:12px;padding:8px 12px;font-size:16px;line-height:24px;resize:none;min-height:80px}._textarea_1qvfi_18::placeholder{color:#c2c2c2}._length_1qvfi_33{position:absolute;bottom:12px;right:12px;color:#c2c2c2;line-height:20px}._wrapper_ba9vp_2{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_ba9vp_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._options_ba9vp_18{display:flex;flex-direction:row;gap:20px}._radioLabel_ba9vp_24{display:flex;flex-direction:row;gap:0px;align-items:center;cursor:pointer;position:relative}._radio_ba9vp_24{position:absolute;opacity:0;cursor:pointer}._custom_ba9vp_39{height:20px;width:20px;border-radius:50%;border:1px solid #e6e6e6;display:inline-block;margin-right:8px;position:relative}._radio_ba9vp_24:checked+._custom_ba9vp_39{border-color:#ff3f19;background:#ffeae5}._custom_ba9vp_39:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background-color:#e53e3e;opacity:0}._radio_ba9vp_24:checked+._custom_ba9vp_39:after{opacity:1}._option_ba9vp_18{font-size:16px;line-height:24px;font-weight:400}._tip_19jn3_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding:8px;border-radius:12px}._text_19jn3_10{flex:1 1 auto;line-height:20px;font-size:14px}._warning_19jn3_16{background:#faf8e6;color:#c1972a}._error_19jn3_21{background:#ffc3b7;color:#ff3f19}._hide_19jn3_26{display:none}._customCheckbox_1b69m_1{display:inline-block;cursor:pointer;position:relative}._checkboxBox_1b69m_7{display:inline-block;width:20px;height:20px;border:1px solid #e6e6e6;border-radius:6px;position:relative}._checkboxBox_1b69m_7._checked_1b69m_16{background:#ffeae5;border:1px solid #ff3f19}._icon_1b69m_21{position:absolute;top:3px;left:3px}._loader_nftwq_1{border:4px solid rgba(0,0,0,.1);border-left-color:var(--background-color);border-radius:50%;width:40px;height:40px;animation:_spin_nftwq_1 1s linear infinite}@keyframes _spin_nftwq_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._wrapper_5w9s8_1{width:100%;padding:20px;text-align:center}._wrapper_5y1c1_2{display:flex;flex-direction:column;gap:6px;width:100%}._label_5y1c1_9{color:var(--accent-color);font-weight:400;font-size:14px;line-height:20px}._icon_5y1c1_16{display:flex;flex-direction:row;gap:0px;padding:4px;background-color:#fff;border:var(--default-border);justify-content:center;align-items:center;border-radius:6px}._text_5y1c1_28{font-weight:400;font-size:16px;line-height:24px;color:#ff3f19}._content_5y1c1_35{display:flex;flex-direction:row;gap:6px;align-items:center;cursor:pointer;background-color:var(--background-color);border-radius:12px;padding:6px 8px}._modal_5y1c1_46{background-color:var(--background-color);border:var(--default-border);border-radius:16px;width:100%;max-width:640px}._top_5y1c1_54{display:flex;flex-direction:row;gap:0px;padding:16px 24px;align-items:center;justify-content:space-between}._title_5y1c1_63{color:var(--main-color);font-weight:400;font-size:18px;line-height:24px}._modalContent_5y1c1_70{padding:16px 24px;border-top-left-radius:16px;border-top-right-radius:16px;border-top:var(--default-border);border-bottom:var(--default-border);background-color:#fff}._images_5y1c1_79{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:10px;overflow-y:scroll;max-height:390px}._add_5y1c1_88{display:flex;flex-direction:column;gap:8px;padding:43px 16px;border:1px dashed #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._description_5y1c1_100{text-align:center;color:var(--main-color);font-size:14px;line-height:20px}._description_5y1c1_100 span:last-child{padding-top:4px}._bottom_5y1c1_110{display:flex;flex-direction:row;gap:0px;justify-content:end;align-items:center;width:100%;background-color:#fff;border-bottom-left-radius:16px;border-bottom-right-radius:16px;padding:16px 24px 12px;gap:6px}._cancel_5y1c1_124{background-color:var(--background-color);color:var(--accent-color)}._highlight_5y1c1_129{color:#ff3f19;cursor:pointer}._accent_5y1c1_134{color:var(--accent-color)}._image_5y1c1_79{position:relative;padding:43px 16px;border:1px solid #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._selected_5y1c1_148{border:1px solid #ff3f19}._checkbox_5y1c1_152{position:absolute;top:12px;left:12px}._loading_5y1c1_158{display:flex;flex-direction:row;gap:0px;position:relative;padding:43px 16px;border:1px solid #e6e6e6;background-color:var(--background-color);justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._spinner_5y1c1_172{width:24px;height:24px;border:2px solid #ff3f19;border-top-color:var(--background-color);border-radius:50%;animation:_spin_5y1c1_172 1s linear infinite}@keyframes _spin_5y1c1_172{to{transform:rotate(360deg)}}*{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}*{padding:0;margin:0;border:0}*,*:before,*:after{box-sizing:border-box}:focus,:active{outline:none}a:focus,a:active{outline:none}nav,footer,header,aside{display:block}html,body{width:100%;line-height:1;font-size:16px;-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%}input,button,textarea{font-family:inherit}input::-ms-clear{display:none}button{background-color:transparent;cursor:pointer}button::-moz-focus-inner{padding:0;border:0}a,a:visited,a:hover{text-decoration:none}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6,a{font-size:inherit}a{color:inherit}*{-webkit-tap-highlight-color:transparent}input{border:none;background:none;outline:none;padding:0}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:40px;border:none;background:transparent}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}*{-ms-overflow-style:none;scrollbar-width:none}* ::-webkit-scrollbar{display:none}:root{--default-border: 1px solid #f0f0f0;--accent-color: #757575;--main-color: #252525;--background-color: #f8f8f8}body,html{background-color:#fff;font-family:Archivo,sans-serif;max-height:100dvh;overflow:hidden}._wrapper_1dfbs_1{display:flex;flex-direction:column;gap:0px;height:100%;overflow-y:scroll}._main_1dfbs_9{flex:1 1 auto}._loading_1dfbs_13{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;justify-content:center;align-items:center}._buttons_uu72s_1{display:flex;flex-direction:row;gap:5px;align-items:center}._button_uu72s_1{cursor:pointer;padding:10px;border-radius:12px}._button_uu72s_1:hover{background-color:#f0f0f0}._disabled_uu72s_17{cursor:default}._disabled_uu72s_17:hover{background-color:inherit}._devices_1b6y1_1{display:flex;flex-direction:row;gap:4px;background:var(--background-color);padding:4px;border-radius:16px}._device_1b6y1_1{display:flex;flex-direction:row;gap:0px;padding:6px 8px;align-items:center;justify-content:center;cursor:pointer;border-radius:12px;border:1px solid var(--background-color)}._device_1b6y1_1:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_1b6y1_26{background-color:#fff}._active_1b6y1_26:hover{border:1px solid var(--background-color);box-shadow:none}._header_2d8xd_1{display:flex;flex-direction:row;gap:24px;width:100%;padding:11px 22px;line-height:20px;border-bottom:var(--default-border);align-items:center;justify-content:space-between}._left_2d8xd_13,._right_2d8xd_14{display:flex;flex-direction:row;gap:24px;align-items:center}._preview_93shy_2{display:flex;flex-direction:row;gap:4px;align-items:center;color:var(--accent-color);line-height:20px;padding:10px 16px;cursor:pointer;border:1px solid #fff;border-radius:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}._preview_93shy_2:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_93shy_23{background-color:var(--background-color)}._active_93shy_23:hover{border:1px solid #fff;box-shadow:none}._settings_u4cv4_1{display:flex;flex-direction:row;gap:20px;align-items:center;color:var(--accent-color)}._pages_1mwe1_1{position:relative}._default_1mwe1_5{display:flex;flex-direction:row;gap:4px;align-items:center;padding:10px 12px;background-color:var(--background-color);border-radius:8px;cursor:pointer;position:relative}._text_1mwe1_17{padding-right:4px;color:var(--main-color);flex:1 1 auto}._modal_1mwe1_23{display:flex;flex-direction:row;gap:0px;position:absolute;top:45px;width:320px;left:0;z-index:5000;background-color:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:8px 12px;flex-direction:column}._page_1mwe1_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding:12px 8px;border-radius:8px;cursor:pointer}._hoverable_1mwe1_49{background-color:var(--background-color)}._separator_1mwe1_53{border-bottom:var(--default-border)}._button_1mwe1_57{display:flex;flex-direction:row;gap:8px;background:inherit;color:#ff3f19;align-items:center;justify-content:start;padding:16px 8px 12px;transition:.2s}._button_1mwe1_57:hover{background-color:var(--background-color)}._items_1mwe1_72{max-height:400px;overflow-y:scroll;height:100%}._zoom_1q1ud_1{display:flex;flex-direction:row;gap:4px;align-items:center;background-color:var(--background-color);padding:10px 12px;border-radius:12px;cursor:pointer}._theme_1jz2h_1{display:flex;flex-direction:row;gap:4px;align-items:center;padding:9px 12px;background:#e5fadd;color:#338b13;border-radius:100px}._exit_1wk4t_1{display:flex;flex-direction:row;gap:8px;border-bottom:var(--default-border);align-items:center;padding:22px;cursor:pointer}._text_1wk4t_11{color:var(--main-color);line-height:20px}._navbar_14j8e_1{width:100px;border-right:var(--default-border)}._main_14j8e_6{display:flex;flex-direction:column;gap:8px;padding:16px 12px}._block_14j8e_13{display:flex;flex-direction:column;gap:4px;align-items:center;color:var(--accent-color);line-height:20px;padding:12px 24px;cursor:pointer;border:1px solid #fff;border-radius:16px}._block_14j8e_13:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_14j8e_30{background-color:var(--background-color);color:var(--main-color)}._active_14j8e_30:hover{border:1px solid #fff;box-shadow:none}._preview_1howr_1{display:flex;flex-direction:row;gap:0px;width:100%;background-color:var(--background-color);padding:16px 32px 0;position:relative;align-items:center;justify-content:center;z-index:500}._main_1howr_14{display:flex;flex-direction:column;gap:0px;width:100%;overflow-y:auto;height:calc(100vh - 85px);position:relative;z-index:1}._content_1howr_25{background-color:#fff;border:var(--default-border);border-bottom:none;height:100%}._loading_1howr_32{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;justify-content:center;align-items:center}._loader_1howr_42{border:4px solid rgba(0,0,0,.1);border-left-color:#fff;border-radius:50%;width:40px;height:40px;animation:_spin_1howr_1 1s linear infinite}@keyframes _spin_1howr_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._header_obebc_1{display:flex;flex-direction:row;gap:0px;width:100%;padding:18px;justify-content:center;border:var(--default-border);background-color:#fff;border-top-left-radius:16px;border-top-right-radius:16px;border-bottom:none;z-index:5}._circles_obebc_16{display:flex;flex-direction:row;gap:8px;left:28px;top:28px;position:absolute;align-items:center}._circle_obebc_16{width:12px;height:12px;border-radius:50%;border:.5px solid #e6e6e6}._red_obebc_33{background:#ff5f57}._green_obebc_37{background:#28c840}._yellow_obebc_41{background:#febc2e}._input_obebc_45{display:flex;flex-direction:row;gap:0px;background-color:var(--background-color);padding:6px 8px;max-width:480px;width:100%;border-radius:6px}._main_obebc_56{display:flex;flex-direction:row;gap:4px;flex:1 1 auto;align-items:center;justify-content:center}._text_obebc_65{font-weight:600;font-size:12px;line-height:16px;margin:0 0 0 4px}._content_glpob_1{display:flex;flex-direction:column;gap:0px;width:100%;height:100%}._main_glpob_9{flex:1 0 auto}._block_glpob_13{position:relative;cursor:pointer;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6}._active_glpob_20{border:2px solid #ff3f19}._name_glpob_24{z-index:10;position:absolute;top:-28px;left:-2px;border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;background:#ff3f19;padding:4px 12px;line-height:20px;text-align:center}._empty_glpob_38{display:flex;flex-direction:column;gap:4px;height:100%;width:100%;align-items:center;justify-content:center;text-align:center}._icon_glpob_49{display:flex;flex-direction:row;gap:0px;width:64px;height:64px;background-color:var(--background-color);border-radius:50%;justify-content:center;align-items:center;margin:0 0 8px}._title_glpob_62{font-weight:700;font-size:24px;line-height:32px}._text_glpob_68{font-size:16px;line-height:24px;color:var(--accent-color)}._sections_glpob_74{display:flex;flex-direction:row;gap:24px;padding:0 20px;margin:20px 0 0;flex-wrap:wrap;justify-content:center}._section_glpob_74{display:flex;flex-direction:row;gap:10px;cursor:pointer;max-width:288px;width:100%;align-items:center;justify-content:space-between;padding:24px;background-color:var(--background-color);border-radius:24px;color:var(--accent-color)}._sidebar_1cz73_1{display:flex;flex-direction:row;gap:0px;position:absolute;height:fit-content();flex-direction:column;right:10px;z-index:20;padding:10px;cursor:auto}._content_1cz73_14{height:100%;border:1px solid #e6e6e6;border-radius:8px;background-color:#fff;padding:8px;max-width:60px;width:100%}._button_1cz73_24{display:flex;flex-direction:row;gap:0px;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._moveButton_1cz73_34:hover{background-color:var(--background-color)}._border_1cz73_38{border-bottom:var(--default-border)}._deleteButton_1cz73_42:hover{background-color:#dd6363;color:#fff}._results_12p5x_1{display:flex;flex-direction:column;gap:20px;padding:8px}._name_12p5x_8{color:var(--main-color);font-weight:600;font-size:16px;line-height:24px}._product_12p5x_15{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between;cursor:pointer}._search_186hm_1{display:flex;flex-direction:row;gap:10px;background:var(--background-color);padding:8px 12px;align-items:center;border-radius:12px;width:100%;margin:8px 0}._input_186hm_13{width:100%;font-size:16px;line-height:24px;color:var(--main-color)}._input_186hm_13::placeholder{color:#c2c2c2}._sidebar_1yyyy_1{max-width:320px;width:100%;padding:16px;border-right:var(--default-border);height:calc(100vh - 60px);position:relative}._title_1yyyy_10{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;padding-bottom:8px}._active_1yyyy_18{display:flex;flex-direction:row;gap:8px;align-items:center}._layers_1on0q_1{display:flex;flex-direction:column;gap:0px;position:relative;height:100%}._block_1on0q_9{display:flex;flex-direction:row;gap:4px;position:relative;align-items:center;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_1on0q_9:hover{background-color:var(--background-color)}._dragging_1on0q_25{box-shadow:0 2.1px 4.36px #00000004;box-shadow:0 5.3px 10.22px #00000005;border:var(--default-border);box-shadow:0 10.81px 19.93px #00000006;cursor:grabbing}._active_1on0q_33{background:#ffeae5}._add_1on0q_37{display:flex;flex-direction:row;gap:0px;z-index:2;position:absolute;justify-content:center;align-items:center;bottom:0;left:0;border-bottom:2px solid #ff3f19;width:100%}._button_1on0q_51{display:flex;flex-direction:row;gap:0px;position:relative;justify-content:center;align-items:center;top:12px;background-color:#ff3f19;width:24px;height:24px;border-radius:50%;padding:4px}._empty_1on0q_66{display:flex;flex-direction:column;gap:4px;justify-content:center;height:100%;width:100%;align-items:center;text-align:center;color:var(--accent-color)}._title_1on0q_78{font-size:16px;line-height:24px;font-weight:700;color:var(--accent-color)}._icon_1on0q_85{margin:0 0 12px}._text_1on0q_89{font-size:16px;font-weight:400;line-height:24px}._highlight_1on0q_95{color:#ff3f19;cursor:pointer}._block_586dq_1{display:flex;flex-direction:row;gap:4px;position:relative;align-items:center;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_586dq_1:hover{background-color:var(--background-color)}._theme_1wwlz_1{display:flex;flex-direction:column;gap:0px}._block_1wwlz_7{display:flex;flex-direction:row;gap:8px;justify-content:start;align-items:center;width:100%;padding:16px 8px;cursor:pointer;border-radius:8px}._block_1wwlz_7:hover{background-color:var(--background-color)}._name_1wwlz_22{flex:1 1 auto}._back_2jwrk_1{display:flex;flex-direction:row;gap:8px;align-items:center;padding-bottom:8px}._render_2jwrk_9{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:501}._open_2jwrk_24{animation:.2s _open_2jwrk_24 forwards}@keyframes _open_2jwrk_24{0%{transform:translate(320px);z-index:1}99%{z-index:1}to{z-index:5000;transform:translate(0)}}@keyframes _close_2jwrk_51{0%{z-index:1;transform:translate(0)}to{z-index:1;transform:translate(320px)}}._close_2jwrk_51{animation:.2s _close_2jwrk_51 forwards}._clicked_2jwrk_55{opacity:0}._title_2jwrk_59{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;flex:1 1 auto}._button_2jwrk_67{align-self:center;flex:1}._loading_2jwrk_72{flex:1 1 auto}._settings_2jwrk_76{flex:1 1 100%;overflow-y:scroll;overflow-x:hidden}._deleteButton_2jwrk_82{display:flex;flex-direction:row;gap:0px;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._deleteButton_2jwrk_82:hover{background-color:#dd6363;color:#fff}._settings_ss3tc_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:3}._open_ss3tc_16{transform:translate(0)}._close_ss3tc_20{transform:translate(320px)}._header_ss3tc_24{display:flex;flex-direction:row;gap:8px;align-items:center}._title_ss3tc_31{font-weight:700;font-size:20px;line-height:24px;flex:1 1 auto}._addButton_ss3tc_38{display:flex;flex-direction:row;gap:4px;color:#ff3f19;align-items:center;cursor:pointer}._wrapper_joj7w_1{overflow-y:scroll}._category_joj7w_5{display:flex;flex-direction:column;gap:0px}._categoryTitle_joj7w_11{font-weight:600;font-size:16px;line-height:24px}._color_joj7w_17{display:flex;flex-direction:column;gap:0px}._color_joj7w_17:not(:last-child){border-bottom:var(--default-border)}._content_joj7w_26{display:flex;flex-direction:row;gap:8px;padding:12px 0;align-items:center;flex:1 1 auto}._preview_joj7w_35{width:39px;height:39px;flex:0 0 39px;padding:5px;border-radius:50%;border:1px solid #e6e6e6}._wrapper_dv4am_2{overflow-y:scroll}._category_dv4am_6{display:flex;flex-direction:column;gap:0px}._categoryTitle_dv4am_12{font-weight:600;font-size:16px;line-height:24px}._color_dv4am_18{display:flex;flex-direction:column;gap:8px}._name_dv4am_24{line-height:20px;padding:0 4px 4px}._content_dv4am_29{display:flex;flex-direction:column;gap:0px;width:100%}._label_dv4am_36{display:flex;flex-direction:row;gap:5px;padding:8px 12px;border-radius:12px;align-items:center;width:100%;background-color:var(--background-color);cursor:pointer}._input_dv4am_48[type=color]{width:20px;height:20px;padding:1px}._input_dv4am_48{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;border:none;padding:0;cursor:pointer;border-radius:50%}._input_dv4am_48::-webkit-color-swatch{border-radius:50%;border:none}._input_dv4am_48::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}._title_dv4am_74{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._field_dv4am_82{display:flex;flex-direction:column;gap:10px;padding:16px 0}._field_dv4am_82:not(:last-child){border-bottom:var(--default-border)}._alignments_dv4am_92{display:flex;flex-direction:column;gap:10px}._lineField_dv4am_98{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center}._style_dv4am_106{display:flex;flex-direction:column;gap:8px;flex:1 0 50%}._header_dv4am_113{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._wrapper_lov6e_1{overflow-y:scroll}._category_lov6e_5{display:flex;flex-direction:column;gap:0px}._categoryTitle_lov6e_11{font-weight:600;font-size:16px;line-height:24px}._font_lov6e_17{display:flex;flex-direction:row;gap:8px;padding:12px 0;align-items:center;position:relative;flex:1 1 auto;cursor:pointer}._font_lov6e_17:hover{background-color:var(--background-color);border-radius:8px}._font_lov6e_17:not(:last-child){border-bottom:var(--default-border)}._font_lov6e_17:not(:last-child):hover{border-bottom:1px solid var(--background-color)}._content_lov6e_38{display:flex;flex-direction:column;gap:0px;width:100%}._icon_lov6e_45{display:flex;flex-direction:row;gap:0px;padding:8px;border-radius:8px;background-color:var(--background-color);align-items:center;justify-content:center}._paragraph_lov6e_56{padding:12px}._deleteIcon_lov6e_60{position:absolute;right:10px;width:20px;height:20px}._iconButton_lov6e_67{width:32px;height:32px}._wrapper_smgf8_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:5}._open_smgf8_16{transform:translate(0)}._close_smgf8_20{transform:translate(320px)}._header_smgf8_24{display:flex;flex-direction:row;gap:8px;align-items:center;margin:0 0 10px}._title_smgf8_32{font-weight:700;font-size:20px;line-height:24px}._options_smgf8_38{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_smgf8_45{opacity:0}._wrapper_1phvv_1{display:flex;flex-direction:column;gap:8px;height:100%;transition:.2s transform;position:absolute;top:0;left:0;padding:16px;width:100%;background:#fff;z-index:5}._open_1phvv_16{transform:translate(0)}._close_1phvv_20{transform:translate(320px)}._header_1phvv_24{display:flex;flex-direction:row;gap:8px;align-items:center;margin:0 0 10px}._title_1phvv_32{font-weight:700;font-size:20px;line-height:24px}._options_1phvv_38{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_1phvv_45{opacity:0}._label_1phvv_49{font-size:14px;font-weight:400;line-height:20px;color:var(--accent-color)}._alignments_1phvv_56{display:flex;flex-direction:column;gap:10px}._blocks_1phvv_62{display:flex;flex-direction:row;gap:8px;align-items:center}._alignment_1phvv_56{padding:8px;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_1phvv_77{border:1px solid #ff3f19}._wrapper_gibny_1{display:flex;flex-direction:column;gap:20px;background:#fff;max-width:640px;width:100%;padding:16px 24px;border-radius:16px}._header_gibny_12{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;font-size:24px;font-weight:700;line-height:32px}._content_gibny_23{display:flex;flex-direction:column;gap:10px;overflow-y:scroll;max-height:500px}._buttons_gibny_31{display:flex;flex-direction:row;gap:12px;justify-content:end}._cancel_gibny_38{background-color:var(--background-color);color:var(--accent-color)}._label_gibny_43,._description_gibny_44{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._preview_gibny_52{display:flex;flex-direction:column;gap:10px}._block_gibny_58{display:flex;flex-direction:column;gap:0px;padding:24px;border:1px solid var(--background-color);border-radius:8px}._slug_gibny_67{line-height:20px;color:#ff3f19;margin-bottom:4px}._title_gibny_73{font-weight:600;font-size:16px;line-height:24px}._layout_douh4_1{display:flex;flex-direction:row;gap:0px;width:100%;height:100%;position:relative}._main_douh4_10{display:flex;flex-direction:column;gap:0px;width:100%;position:relative}._content_douh4_18{display:flex;flex-direction:row;gap:0px;position:relative;height:100%}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--billgang-color-signal-danger: #c12a2a;--billgang-color-brand-default: #ff3f19;--billgang-color-brand-light: #ffeae5;--billgang-color-brand-lighter: rgba(255, 64, 26, .1);--billgang-color-surface-0: #f8f8f8;--billgang-color-surface-100: #ffffff;--billgang-color-surface-200: #c2c2c2;--billgang-color-text-brandDefault: #252525;--billgang-color-text-secondary: #757575;--billgang-color-border-default: #f0f0f0;--billgang-color-border-hover: #e6e6e6;--billgang-color-shadow-0: #dfdfdf;--billgang-color-success-background: #e5fadd;--billgang-color-success-text: #338b13;--billgang-color-warning-background: #faf8e6;--billgang-color-warning-text: #c1972a;--billgang-color-error-background: #fae6e6;--billgang-color-dialog-backdrop: rgba(37, 37, 37, .25);--billgang-color-field-background-default: var( --billgang-color-surface-200 );--billgang-color-field-background-hover: var(--billgang-color-surface-100);--billgang-color-field-background-focus: var(--billgang-color-surface-100);--billgang-color-field-border-default: var(--billgang-color-surface-200);--billgang-color-field-border-hover: var(--billgang-color-surface-200);--billgang-color-field-border-focus: var(--billgang-color-brand-default);--billgang-shadow-0: 0 1px 0 var(--billgang-color-shadow-0);--billgang-shadow-field: 0 0 0 3px var(--billgang-color-brand-light);--billgang-shadow-dialog: 0 10px 20px rgba(0, 0, 0, .05)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.flex-center{display:flex;align-items:center;justify-content:center}.icon-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:24px;background-color:var(--billgang-color-surface-0)}.\\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-4{top:1rem;right:1rem;bottom:1rem;left:1rem}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.bottom-10{bottom:2.5rem}.bottom-3{bottom:.75rem}.bottom-\\[60px\\]{bottom:60px}.left-0{left:0}.left-4{left:1rem}.right-0{right:0}.right-3{right:.75rem}.right-6{right:1.5rem}.right-\\[14px\\]{right:14px}.top-0{top:0}.top-6{top:1.5rem}.-z-50{z-index:-50}.z-10{z-index:10}.z-50{z-index:50}.z-\\[1000\\]{z-index:1000}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.row-span-2{grid-row:span 2 / span 2}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.-mt-2{margin-top:-.5rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-\\[6px\\]{margin-left:6px}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-\\[10px\\]{margin-right:10px}.mr-auto{margin-right:auto}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-2{margin-top:.5rem}.mt-2\\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-\\[1px\\]{margin-top:1px}.mt-\\[2px\\]{margin-top:2px}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.size-12{width:3rem;height:3rem}.size-4{width:1rem;height:1rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-2{height:.5rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\\[18px\\]{height:18px}.h-\\[20px\\]{height:20px}.h-\\[21px\\]{height:21px}.h-\\[276px\\]{height:276px}.h-\\[28px\\]{height:28px}.h-\\[38px\\]{height:38px}.h-\\[4px\\]{height:4px}.h-\\[56px\\]{height:56px}.h-\\[80\\%\\]{height:80%}.h-\\[92\\%\\]{height:92%}.h-\\[92px\\]{height:92px}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.max-h-8{max-height:2rem}.max-h-\\[230px\\]{max-height:230px}.min-h-\\[300px\\]{min-height:300px}.min-h-\\[96px\\]{min-height:96px}.min-h-svh{min-height:100svh}.w-1{width:.25rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-2{width:.5rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\\[120px\\]{width:120px}.w-\\[160px\\]{width:160px}.w-\\[20px\\]{width:20px}.w-\\[21px\\]{width:21px}.w-\\[256px\\]{width:256px}.w-\\[28px\\]{width:28px}.w-\\[56px\\]{width:56px}.w-\\[calc\\(100\\%\\/6\\)\\]{width:calc(100% / 6)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-12{min-width:3rem}.min-w-4{min-width:1rem}.min-w-8{min-width:2rem}.min-w-\\[120px\\]{min-width:120px}.min-w-\\[18px\\]{min-width:18px}.min-w-fit{min-width:-moz-fit-content;min-width:fit-content}.max-w-\\[100\\%\\]{max-width:100%}.max-w-\\[1120px\\]{max-width:1120px}.max-w-\\[368px\\]{max-width:368px}.max-w-\\[376px\\]{max-width:376px}.max-w-\\[40\\%\\]{max-width:40%}.max-w-\\[456px\\]{max-width:456px}.max-w-\\[480px\\]{max-width:480px}.max-w-\\[65\\%\\]{max-width:65%}.max-w-\\[80\\%\\]{max-width:80%}.max-w-\\[800px\\]{max-width:800px}.max-w-\\[85\\%\\]{max-width:85%}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.flex-grow{flex-grow:1}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\\/2{--tw-translate-y: 50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\\[minmax\\(120px\\,auto\\)_minmax\\(0\\,20\\%\\)_repeat\\(4\\,minmax\\(min-content\\,auto\\)\\)\\]{grid-template-columns:minmax(120px,auto) minmax(0,20%) repeat(4,minmax(min-content,auto))}.grid-cols-\\[minmax\\(120px\\,auto\\)_repeat\\(5\\,minmax\\(min-content\\,auto\\)\\)\\]{grid-template-columns:minmax(120px,auto) repeat(5,minmax(min-content,auto))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.\\!items-start{align-items:flex-start!important}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-2\\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-\\[6px\\]{gap:6px}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.text-nowrap{text-wrap:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\\[100px\\]{border-radius:100px}.rounded-\\[32px\\]{border-radius:32px}.rounded-\\[50\\%\\]{border-radius:50%}.rounded-\\[6px\\]{border-radius:6px}.rounded-base{border-radius:12px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:16px}.rounded-none{border-radius:0}.rounded-sm{border-radius:8px}.rounded-xl{border-radius:24px}.rounded-t-xl{border-top-left-radius:24px;border-top-right-radius:24px}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\\[1px\\]{border-width:1px}.border-b,.border-b-\\[1px\\]{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-none{border-style:none}.\\!border-brandDefault{border-color:var(--billgang-color-brand-default)!important}.border-borderDefault{border-color:var(--billgang-color-border-default)}.border-borderHover{border-color:var(--billgang-color-border-hover)}.border-brandDefault{border-color:var(--billgang-color-brand-default)}.border-textPrimary{border-color:var(--billgang-color-text-brandDefault)}.border-transparent{border-color:transparent}.border-x-borderDefault{border-left-color:var(--billgang-color-border-default);border-right-color:var(--billgang-color-border-default)}.border-x-brandDefault{border-left-color:var(--billgang-color-brand-default);border-right-color:var(--billgang-color-brand-default)}.border-x-surface100{border-left-color:var(--billgang-color-surface-100);border-right-color:var(--billgang-color-surface-100)}.border-b-transparent{border-bottom-color:transparent}.border-t-borderDefault{border-top-color:var(--billgang-color-border-default)}.border-t-brandDefault{border-top-color:var(--billgang-color-brand-default)}.border-t-surface100{border-top-color:var(--billgang-color-surface-100)}.\\!bg-surface0{background-color:var(--billgang-color-surface-0)!important}.bg-\\[rgba\\(37\\,37\\,37\\,0\\.24\\)\\]{background-color:#2525253d}.bg-borderDefault{background-color:var(--billgang-color-border-default)}.bg-brandDefault{background-color:var(--billgang-color-brand-default)}.bg-brandLight{background-color:var(--billgang-color-brand-light)}.bg-signalDangerBackground{background-color:var(--billgang-color-error-background)}.bg-successBackground{background-color:var(--billgang-color-success-background)}.bg-surface0{background-color:var(--billgang-color-surface-0)}.bg-surface100{background-color:var(--billgang-color-surface-100)}.bg-textPrimary{background-color:var(--billgang-color-text-brandDefault)}.bg-transparent{background-color:transparent}.bg-warningBackground{background-color:var(--billgang-color-warning-background)}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-cover{background-size:cover}.bg-no-repeat{background-repeat:no-repeat}.fill-brandDefault{fill:var(--billgang-color-brand-default)}.fill-signalDanger{fill:var(--billgang-color-signal-danger)}.fill-surface100{fill:var(--billgang-color-surface-100)}.fill-textPrimary{fill:var(--billgang-color-text-brandDefault)}.fill-textSecondary{fill:var(--billgang-color-text-secondary)}.stroke-borderDefault{stroke:var(--billgang-color-border-default)}.stroke-brandDefault{stroke:var(--billgang-color-brand-default)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\\[12px_16px\\]{padding:12px 16px}.p-\\[12px_16px_10px\\]{padding:12px 16px 10px}.p-\\[4px_8px\\]{padding:4px 8px}.p-\\[6px\\]{padding:6px}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\\[2px\\]{padding-top:2px;padding-bottom:2px}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pb-9{padding-bottom:2.25rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-9{padding-left:2.25rem}.pl-\\[6px\\]{padding-left:6px}.pr-10{padding-right:2.5rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pt-0{padding-top:0}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-base{font-size:16px}.text-lg{font-size:20px}.text-sm{font-size:14px}.text-xl{font-size:24px}.text-xs{font-size:12px}.text-xxl{font-size:32px}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-10{line-height:2.5rem}.text-brandDefault{color:var(--billgang-color-brand-default)}.text-signalDanger{color:var(--billgang-color-signal-danger)}.text-successText{color:var(--billgang-color-success-text)}.text-surface100{color:var(--billgang-color-surface-100)}.text-surface200{color:var(--billgang-color-surface-200)}.text-textPrimary{color:var(--billgang-color-text-brandDefault)}.text-textSecondary{color:var(--billgang-color-text-secondary)}.text-warningText{color:var(--billgang-color-warning-text)}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-shadow0{--tw-shadow: var(--billgang-shadow-0);--tw-shadow-colored: var(--billgang-shadow-0);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: var(--billgang-color-shadow-0);--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.outline-0{outline-width:0px}.outline-2{outline-width:2px}.outline-offset-\\[-1px\\]{outline-offset:-1px}.outline-brandDefault{outline-color:var(--billgang-color-brand-default)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}body{font-family:Archivo,sans-serif;color:var(--billgang-color-text-brandDefault)}html,body,#root{height:100%}.grecaptcha-badge{visibility:hidden}.placeholder\\:text-surface200::-moz-placeholder{color:var(--billgang-color-surface-200)}.placeholder\\:text-surface200::placeholder{color:var(--billgang-color-surface-200)}.first\\:rounded-l-base:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.last\\:rounded-r-base:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.last\\:border-r-0:last-child{border-right-width:0px}.last-of-type\\:border-none:last-of-type{border-style:none}.last-of-type\\:pb-0:last-of-type{padding-bottom:0}.hover\\:bg-surface100:hover{background-color:var(--billgang-color-surface-100)}.hover\\:text-textPrimary:hover{color:var(--billgang-color-text-brandDefault)}.hover\\:underline:hover{text-decoration-line:underline}.disabled\\:opacity-50:disabled{opacity:.5}@media (min-width: 640px){.sm\\:col-span-2{grid-column:span 2 / span 2}}@media (min-width: 768px){.md\\:bottom-auto{bottom:auto}.md\\:left-1\\/2{left:50%}.md\\:top-1\\/2{top:50%}.md\\:mb-0{margin-bottom:0}.md\\:ml-auto{margin-left:auto}.md\\:mr-4{margin-right:1rem}.md\\:mt-0{margin-top:0}.md\\:mt-5{margin-top:1.25rem}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:h-\\[92px\\]{height:92px}.md\\:h-auto{height:auto}.md\\:h-full{height:100%}.md\\:h-svh{height:100svh}.md\\:max-h-svh{max-height:100svh}.md\\:min-h-\\[92px\\]{min-height:92px}.md\\:w-\\[320px\\]{width:320px}.md\\:w-\\[40\\%\\]{width:40%}.md\\:w-\\[50\\%\\]{width:50%}.md\\:w-\\[640px\\]{width:640px}.md\\:w-\\[720px\\]{width:720px}.md\\:w-auto{width:auto}.md\\:w-fit{width:-moz-fit-content;width:fit-content}.md\\:w-full{width:100%}.md\\:max-w-\\[520px\\]{max-width:520px}.md\\:-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:-translate-y-1\\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:scale-50{--tw-scale-x: .5;--tw-scale-y: .5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:scale-\\[1\\]{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:flex-col-reverse{flex-direction:column-reverse}.md\\:items-start{align-items:flex-start}.md\\:items-end{align-items:flex-end}.md\\:justify-center{justify-content:center}.md\\:justify-between{justify-content:space-between}.md\\:gap-2{gap:.5rem}.md\\:gap-3{gap:.75rem}.md\\:overflow-auto{overflow:auto}.md\\:rounded-none{border-radius:0}.md\\:rounded-xl{border-radius:24px}.md\\:border-none{border-style:none}.md\\:bg-transparent{background-color:transparent}.md\\:p-10{padding:2.5rem}.md\\:p-4{padding:1rem}.md\\:px-0{padding-left:0;padding-right:0}.md\\:pb-6{padding-bottom:1.5rem}.md\\:pl-4{padding-left:1rem}.md\\:pr-4{padding-right:1rem}.md\\:pt-0{padding-top:0}.md\\:opacity-0{opacity:0}.md\\:opacity-100{opacity:1}}@media (min-width: 1024px){.lg\\:bottom-10{bottom:2.5rem}.lg\\:left-auto{left:auto}.lg\\:right-0{right:0}.lg\\:col-span-1{grid-column:span 1 / span 1}.lg\\:col-span-4{grid-column:span 4 / span 4}.lg\\:mb-0{margin-bottom:0}.lg\\:ml-3{margin-left:.75rem}.lg\\:h-\\[72px\\]{height:72px}.lg\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:flex-row{flex-direction:row}.lg\\:justify-between{justify-content:space-between}.lg\\:gap-4{gap:1rem}.lg\\:p-6{padding:1.5rem}.lg\\:py-3{padding-top:.75rem;padding-bottom:.75rem}.lg\\:pb-6{padding-bottom:1.5rem}}@media (min-width: 1280px){.xl\\:mt-1{margin-top:.25rem}.xl\\:block{display:block}.xl\\:flex{display:flex}.xl\\:max-w-\\[320px\\]{max-width:320px}.xl\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\\:flex-row{flex-direction:row}.xl\\:rounded-base{border-radius:12px}.xl\\:border-r{border-right-width:1px}.xl\\:border-none{border-style:none}.xl\\:bg-surface0{background-color:var(--billgang-color-surface-0)}.xl\\:p-6{padding:1.5rem}.xl\\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.xl\\:pr-0{padding-right:0}.xl\\:pr-10{padding-right:2.5rem}.xl\\:pr-4{padding-right:1rem}.xl\\:hover\\:bg-surface0:hover{background-color:var(--billgang-color-surface-0)}}._accordion_9e4oa_1{border-radius:24px;overflow:hidden;transition:all .3s ease;background-color:var(--background-color);padding:24px}._header_9e4oa_9{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700}._header_9e4oa_9 ._icon_9e4oa_18{transition:transform .3s ease}._header_9e4oa_9 ._icon_9e4oa_18._open_9e4oa_21{transform:rotate(180deg)}._content_9e4oa_25{overflow:hidden;transition:height .3s ease}._wrapper_9rr5j_2{display:flex;flex-direction:column;gap:10px}._alignmentBlock_9rr5j_8{display:flex;flex-direction:column;gap:6px;padding:10px 0 16px}._title_9rr5j_15{font-weight:700;line-height:24px;font-size:16px;color:var(--main-color)}._subtitle_9rr5j_22{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._alignmentContent_9rr5j_29{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:stretch}._alignments_9rr5j_37{border-radius:12px;background:var(--background-color);display:grid;gap:4px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);flex:0 0 50%}._alignment_9rr5j_8{display:flex;flex-direction:row;gap:0px;cursor:pointer;height:100%;width:100%;align-items:center;justify-content:center}._circle_9rr5j_58{width:6px;height:6px;border-radius:50%;background-color:#c2c2c2}._paddings_9rr5j_65{border-radius:12px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}._padding_9rr5j_65{display:flex;flex-direction:row;gap:4px;width:68px;align-items:center;background:var(--background-color);border-radius:12px;padding:10px 8px}._input_9rr5j_84{width:100%}._subtitle_1qrz9_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_1qrz9_8,._text_1qrz9_9{display:flex;flex-direction:column;gap:0px;padding:10px 0 16px;border-bottom:var(--default-border)}._top_1qrz9_17{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1qrz9_26{display:flex;flex-direction:column;gap:6px}._typeTexts_rcw8p_1{display:flex;flex-direction:row;gap:8px;align-items:center}._block_rcw8p_8{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_rcw8p_21{border:1px solid #ff3f19}._subtitle_cuny2_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_cuny2_8,._text_cuny2_9,._productsBlock_cuny2_10{display:flex;flex-direction:column;gap:12px;padding:10px 0 16px;width:100%}._productsBlock_cuny2_10{position:relative}._top_cuny2_22{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_cuny2_31{display:flex;flex-direction:column;gap:6px}._typeTexts_cuny2_37{display:flex;flex-direction:row;gap:8px;align-items:center}._block_cuny2_44{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_cuny2_57{border:1px solid #ff3f19}._products_cuny2_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_cuny2_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_cuny2_76{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._disabled_cuny2_87{color:var(--accent-color)}._image_cuny2_91{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_cuny2_98{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_cuny2_110{flex:1 1 100%}._buttons_cuny2_114{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_cuny2_121{position:fixed;background-color:#fff;border:var(--default-border);right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px}._modal_cuny2_121 ._top_cuny2_22{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._link_cuny2_141{display:flex;flex-direction:column;gap:8px}._modalOptions_cuny2_147{display:flex;flex-direction:column;gap:10px}._other_g74jx_1{display:flex;flex-direction:column;gap:6px}._subtitle_g74jx_7{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._items_g74jx_14{display:flex;flex-direction:column;gap:8px}._subtitle_1fb9q_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_1fb9q_8,._text_1fb9q_9,._productsBlock_1fb9q_10,._buttonsBlock_1fb9q_11{display:flex;flex-direction:column;gap:0px;padding:10px 0 16px}._buttonsBlock_1fb9q_11{position:relative}._top_1fb9q_22{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1fb9q_31{display:flex;flex-direction:column;gap:6px}._typeTexts_1fb9q_37{display:flex;flex-direction:row;gap:8px;align-items:center}._block_1fb9q_44{display:flex;flex-direction:row;gap:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_1fb9q_56{border:1px solid #ff3f19}._products_1fb9q_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_1fb9q_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_1fb9q_11{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._image_1fb9q_86{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_1fb9q_93{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_1fb9q_105{flex:1 1 100%}._buttons_1fb9q_11{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_1fb9q_116{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_1fb9q_116 ._top_1fb9q_22{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._other_1fb9q_135{display:flex;flex-direction:column;gap:6px}._options_1fb9q_141{display:flex;flex-direction:column;gap:15px}._subtitle_m8qel_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_m8qel_8,._text_m8qel_9,._productsBlock_m8qel_10,._buttonsBlock_m8qel_11{display:flex;flex-direction:column;gap:0px;padding:10px 0 16px;border-bottom:var(--default-border)}._buttonsBlock_m8qel_11{position:relative}._top_m8qel_23{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_m8qel_32{display:flex;flex-direction:column;gap:6px}._typeTexts_m8qel_38{display:flex;flex-direction:row;gap:8px;align-items:center}._block_m8qel_45{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_m8qel_58{border:1px solid #ff3f19}._products_m8qel_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_m8qel_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_m8qel_11{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._image_m8qel_88{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_m8qel_95{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_m8qel_107{flex:1 1 100%}._buttons_m8qel_11{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_m8qel_118{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_m8qel_118 ._top_m8qel_23{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._other_m8qel_137{display:flex;flex-direction:column;gap:6px}._options_m8qel_143{display:flex;flex-direction:column;gap:15px}._wrapper_m18qi_1{display:flex;flex-direction:column;gap:6px}._subtitle_m18qi_7{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._content_m18qi_14{display:flex;flex-direction:row;gap:10px;align-items:center;width:100%}._range_m18qi_22{position:relative;flex:1}._track_m18qi_27{position:absolute;width:95%;height:6px;background-color:#f0f0f0;border-radius:9999px;z-index:1}._progress_m18qi_36{position:absolute;height:6px;width:100%;background-color:#ff3f19;transition:width .2s;border-radius:9999px;z-index:1}._dots_m18qi_46{display:flex;flex-direction:row;gap:0px;position:absolute;justify-content:space-between;width:100%}._dot_m18qi_46{width:14px;height:14px;border-radius:50%;transition:transform .2s;position:relative;top:-4px;left:0;z-index:1}._dot_m18qi_46._active_m18qi_65{background-color:#ff3f19;transform:scale(1)}._dot_m18qi_46:not(._active_m18qi_65){background-color:#e5e7eb;transform:scale(.9)}._dot_m18qi_46:hover{transform:scale(1.1)}._input_m18qi_77{position:absolute;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}._input_m18qi_77::-webkit-slider-thumb,._input_m18qi_77::-moz-range-thumb{-webkit-appearance:none!important;-moz-appearance:none;appearance:none;width:0;height:0}._countBlock_m18qi_91{display:flex;flex-direction:row;gap:10px;align-items:center;padding:8px 12px;background:var(--background-color);border-radius:12px}._count_m18qi_91{font-size:16px;font-weight:400;line-height:24px}._controls_m18qi_107{display:flex;flex-direction:column;gap:0px}._button_m18qi_113{transition:background-color .2s}._button_m18qi_113:hover{background-color:#f3f4f6}._button_m18qi_113:disabled{opacity:.5}._subtitle_16rdk_1{color:var(--accent-color);font-size:14px;line-height:20px;font-weight:400}._header_16rdk_8,._text_16rdk_9,._productsBlock_16rdk_10{display:flex;flex-direction:column;gap:12px;padding:10px 0 16px;width:100%}._productsBlock_16rdk_10{position:relative}._top_16rdk_22{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_16rdk_31{display:flex;flex-direction:column;gap:6px}._typeTexts_16rdk_37{display:flex;flex-direction:row;gap:8px;align-items:center}._block_16rdk_44{display:flex;flex-direction:row;gap:0px;padding:8px;align-items:center;justify-content:center;border:1px solid var(--background-color);background-color:var(--background-color);border-radius:12px;cursor:pointer}._active_16rdk_57{border:1px solid #ff3f19}._products_16rdk_10{display:flex;flex-direction:column;gap:8px;width:100%}._product_16rdk_10{display:flex;flex-direction:row;gap:8px;align-items:center;width:100%}._button_16rdk_76{display:flex;flex-direction:row;gap:6px;background:inherit;color:#ff3f19;align-items:center;justify-content:center;width:100%}._image_16rdk_87{border-radius:8px;border:var(--default-border);background-color:#fff;padding:4px}._info_16rdk_94{display:flex;flex-direction:row;gap:4px;border-radius:12px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:var(--background-color);padding:8px 12px}._name_16rdk_106{flex:1 1 100%}._buttons_16rdk_110{display:flex;flex-direction:row;gap:8px;align-items:center}._modal_16rdk_117{position:fixed;background-color:#fff;border:var(--default-border);right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px}._modal_16rdk_117 ._top_16rdk_22{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._link_16rdk_137{display:flex;flex-direction:column;gap:8px}._modalOptions_16rdk_143{display:flex;flex-direction:column;gap:10px}._options_q6sjs_1{display:flex;flex-direction:column;gap:20px;border-radius:16px;border:var(--default-border);width:100%;height:fit-content;padding:24px}._price_q6sjs_12{display:flex;flex-direction:row;gap:4px;align-items:flex-start}._oldPrice_q6sjs_19{font-size:14px;font-weight:400;line-height:20px;text-decoration:line-through;color:var(--accent-color)}._newPrice_q6sjs_27{font-size:20px;font-weight:700;line-height:24px;color:var(--main-color)}._meta_q6sjs_34{display:flex;flex-direction:column;gap:10px}._info_q6sjs_40{display:flex;flex-direction:row;gap:10px;align-items:center;justify-content:space-between}._infoRight_q6sjs_48{display:flex;flex-direction:row;gap:5px;align-items:center}._buttons_q6sjs_55{display:flex;flex-direction:column;gap:8px;width:100%}._variants_q6sjs_62{display:flex;flex-direction:column;gap:20px}._variant_q6sjs_62{display:flex;flex-direction:row;gap:0px;justify-content:space-between;align-items:center;border-radius:12px;padding:12px 16px;border:2px solid #e6e6e6}._stock_q6sjs_79{font-size:14px;font-weight:400;line-height:20px;color:var(--accent-color)}._variantInfo_q6sjs_86{display:flex;flex-direction:column;gap:4px}._quantity_q6sjs_92{display:flex;flex-direction:row;gap:10px;align-items:stretch}._count_q6sjs_99{display:flex;flex-direction:row;gap:0px;flex:1 1 auto;justify-content:center;align-items:center;border:1px solid #e6e6e6}._button_q6sjs_55{display:flex;flex-direction:row;gap:0px;background:var(--background-color);border-radius:50%;padding:8px;justify-content:center;align-items:center}._activeVariant_q6sjs_120{border:2px solid #ff3f19}._chargeTypes_q6sjs_124{display:flex;flex-direction:row;gap:5px;padding:4px;background-color:var(--background-color)}._charge_q6sjs_124{display:flex;flex-direction:row;gap:0px;flex:1 1 auto;justify-content:center;align-items:center;color:var(--accent-color);padding:8px;border-radius:12px}._chargeActive_q6sjs_144{background-color:#fff;color:var(--main-color)}._button_14i4s_1{display:flex;flex-direction:row;gap:0px;align-items:center;padding:10px;background-color:var(--background-color);border-radius:12px;color:var(--accent-color);cursor:pointer;position:relative}._login_14i4s_14{padding:12px 16px}._signUp_14i4s_18{background-color:#ff3f19;color:#fff}._buttons_14i4s_23{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:16px}._modal_14i4s_32{background-color:#fff;height:100vh;position:absolute;right:0;top:0;bottom:0;align-self:flex-end;justify-self:flex-end;border-top-left-radius:24px;border-bottom-left-radius:24px;width:100%;min-width:300px;max-width:450px}._info_14i4s_48{display:flex;flex-direction:row;gap:8px;align-items:center}._top_14i4s_55{display:flex;flex-direction:row;padding:26px 24px;border-bottom:var(--default-border);align-items:center;justify-content:space-between;gap:8px}._title_14i4s_66{font-size:20px;font-weight:700;line-height:24px}._clear_14i4s_72{font-size:14px;font-weight:400;line-height:20px;color:#e6e6e6}._activeClear_14i4s_79{color:#ff3f19}._count_14i4s_83{display:flex;flex-direction:row;gap:0px;background:#ff3f19;color:#fff;width:100%;height:100%;border-radius:50%;min-width:20px;min-height:20px;align-items:center;justify-content:center}._cart_14i4s_98{display:flex;flex-direction:column;gap:0px;height:calc(100% - 76px);width:100%}._empty_14i4s_106{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;height:100%;flex:1 1 auto;color:var(--accent-color)}._empty_14i4s_106 div{padding-bottom:16px}._empty_14i4s_106 span:first-child{font-size:16px;font-weight:700;line-height:24px;text-align:center}._empty_14i4s_106 span:last-child{font-size:16px;font-weight:400;line-height:24px;text-align:center}._product_14i4s_132{display:flex;flex-direction:row;gap:0px;padding:26px 24px;align-items:center;justify-content:space-between}._products_14i4s_141{display:flex;flex-direction:column;gap:0px;flex:1 1 auto;overflow-y:scroll}._image_14i4s_149{width:56px;height:56px;border-radius:12px}._productInfo_14i4s_155{display:flex;flex-direction:row;gap:12px;align-items:center}._content_14i4s_162{display:flex;flex-direction:column;gap:4px}._name_14i4s_168{font-size:16px;font-weight:600;line-height:24px}._price_14i4s_174{font-size:16px;font-weight:400;line-height:24px}._productButtons_14i4s_180{display:flex;flex-direction:row;gap:5px;align-items:center}._productButton_14i4s_180{display:flex;flex-direction:row;gap:0px;justify-content:center;align-items:center;border-radius:12px;padding:8px;min-width:36px;min-height:36px;background-color:var(--background-color)}._productCount_14i4s_200{display:flex;flex-direction:row;gap:0px;justify-content:center;align-items:center;border-radius:12px;padding:8px;font-size:16px;font-weight:400;line-height:24px;text-align:center;color:var(--main-color);background-color:var(--background-color)}._bottom_14i4s_216{display:flex;flex-direction:column;gap:10px;width:100%;padding:26px 24px}._subtotal_14i4s_224{display:flex;flex-direction:row;gap:0px;align-items:center;justify-content:space-between}._block_14i4s_232{display:flex;flex-direction:row;gap:10px;align-items:center}._shoppingCount_14i4s_239{display:flex;flex-direction:row;gap:0px;width:12px;height:12px;border-radius:50%;align-items:center;justify-content:center;background-color:#ff3f19;color:#fff;font-size:10px;font-weight:500;line-height:12px;text-align:center;position:absolute;top:8px;right:8px}')),document.head.appendChild(e)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./root-DViUor-X.cjs"),g=require("react"),F=t=>t?t.replace(/_/g," ").split(" ").map(s=>s.charAt(0).toUpperCase()+s.slice(1)).join(" and "):"",_e=[{icon:"Desktop",value:"desktop"},{icon:"DeviceTabletCamera",value:"tablet"},{icon:"DeviceMobileCamera",value:"mobile"}],we=[{icon:"PaintBrushBroad",name:"Colors"},{icon:"TextAa",name:"Fonts"},{icon:"CornersOut",name:"Borders"},{icon:"ArrowSquareIn",name:"Buttons"},{icon:"Textbox",name:"Inputs"}],Y=["home","reviews","faqs","contact","product","ticket","login"],re={home:{path:"/",name:"home",icon:"HouseSimple",seo:{description:"",title:""},visibility:"public"},product:{path:"/product",name:"product",icon:"SquaresFour",seo:{description:"",title:""},visibility:"public"},faqs:{path:"/faqs",name:"faqs",icon:"SealQuestion",seo:{description:"",title:""},visibility:"public"},reviews:{path:"/reviews",name:"reviews",icon:"Star",seo:{description:"",title:""},visibility:"public"},contact:{path:"/contact",name:"contact",icon:"ChatCentered",seo:{description:"",title:""},visibility:"public"},ticket:{path:"/ticket",name:"ticket",icon:"Ticket",seo:{description:"",title:""},visibility:"public"},login:{path:"/login",name:"login",icon:"UserCircleGear",seo:{description:"",title:""},visibility:"public"}},ve=["Acorn","Activity","AddressBook","AddressBookTabs","AirTrafficControl","Airplane","AirplaneInFlight","AirplaneLanding","AirplaneTakeoff","AirplaneTaxiing","AirplaneTilt","Airplay","Alarm","Alien","AlignBottom","AlignBottomSimple","AlignCenterHorizontal","AlignCenterHorizontalSimple","AlignCenterVertical","AlignCenterVerticalSimple","AlignLeft","AlignLeftSimple","AlignRight","AlignRightSimple","AlignTop","AlignTopSimple","AmazonLogo","Ambulance","Anchor","AnchorSimple","AndroidLogo","Angle","AngularLogo","Aperture","AppStoreLogo","AppWindow","AppleLogo","ApplePodcastsLogo","ApproximateEquals","Archive","ArchiveBox","ArchiveTray","Armchair","ArrowArcLeft","ArrowArcRight","ArrowBendDoubleUpLeft","ArrowBendDoubleUpRight","ArrowBendDownLeft","ArrowBendDownRight","ArrowBendLeftDown","ArrowBendLeftUp","ArrowBendRightDown","ArrowBendRightUp","ArrowBendUpLeft","ArrowBendUpRight","ArrowCircleDown","ArrowCircleDownLeft","ArrowCircleDownRight","ArrowCircleLeft","ArrowCircleRight","ArrowCircleUp","ArrowCircleUpLeft","ArrowCircleUpRight","ArrowClockwise","ArrowCounterClockwise","ArrowDown","ArrowDownLeft","ArrowDownRight","ArrowElbowDownLeft","ArrowElbowDownRight","ArrowElbowLeft","ArrowElbowLeftDown","ArrowElbowLeftUp","ArrowElbowRight","ArrowElbowRightDown","ArrowElbowRightUp","ArrowElbowUpLeft","ArrowElbowUpRight","ArrowFatDown","ArrowFatLeft","ArrowFatLineDown","ArrowFatLineLeft","ArrowFatLineRight","ArrowFatLineUp","ArrowFatLinesDown","ArrowFatLinesLeft","ArrowFatLinesRight","ArrowFatLinesUp","ArrowFatRight","ArrowFatUp","ArrowLeft","ArrowLineDown","ArrowLineDownLeft","ArrowLineDownRight","ArrowLineLeft","ArrowLineRight","ArrowLineUp","ArrowLineUpLeft","ArrowLineUpRight","ArrowRight","ArrowSquareDown","ArrowSquareDownLeft","ArrowSquareDownRight","ArrowSquareIn","ArrowSquareLeft","ArrowSquareOut","ArrowSquareRight","ArrowSquareUp","ArrowSquareUpLeft","ArrowSquareUpRight","ArrowUDownLeft","ArrowUDownRight","ArrowULeftDown","ArrowULeftUp","ArrowURightDown","ArrowURightUp","ArrowUUpLeft","ArrowUUpRight","ArrowUp","ArrowUpLeft","ArrowUpRight","ArrowsClockwise","ArrowsCounterClockwise","ArrowsDownUp","ArrowsHorizontal","ArrowsIn","ArrowsInCardinal","ArrowsInLineHorizontal","ArrowsInLineVertical","ArrowsInSimple","ArrowsLeftRight","ArrowsMerge","ArrowsOut","ArrowsOutCardinal","ArrowsOutLineHorizontal","ArrowsOutLineVertical","ArrowsOutSimple","ArrowsSplit","ArrowsVertical","Article","ArticleMedium","ArticleNyTimes","Asclepius","Asterisk","AsteriskSimple","At","Atom","Avocado","Axe","Baby","BabyCarriage","Backpack","Backspace","Bag","BagSimple","Balloon","Bandaids","Bank","Barbell","Barcode","Barn","Barricade","Baseball","BaseballCap","BaseballHelmet","Basket","Basketball","Bathtub","BatteryCharging","BatteryChargingVertical","BatteryEmpty","BatteryFull","BatteryHigh","BatteryLow","BatteryMedium","BatteryPlus","BatteryPlusVertical","BatteryVerticalEmpty","BatteryVerticalFull","BatteryVerticalHigh","BatteryVerticalLow","BatteryVerticalMedium","BatteryWarning","BatteryWarningVertical","BeachBall","Beanie","Bed","BeerBottle","BeerStein","BehanceLogo","Bell","BellRinging","BellSimple","BellSimpleRinging","BellSimpleSlash","BellSimpleZ","BellSlash","BellZ","Belt","BezierCurve","Bicycle","Binary","Binoculars","Biohazard","Bird","Blueprint","Bluetooth","BluetoothConnected","BluetoothSlash","BluetoothX","Boat","Bomb","Bone","Book","BookBookmark","BookOpen","BookOpenText","BookOpenUser","Bookmark","BookmarkSimple","Bookmarks","BookmarksSimple","Books","Boot","Boules","BoundingBox","BowlFood","BowlSteam","BowlingBall","BoxArrowDown","BoxArrowUp","BoxingGlove","BracketsAngle","BracketsCurly","BracketsRound","BracketsSquare","Brain","Brandy","Bread","Bridge","Briefcase","BriefcaseMetal","Broadcast","Broom","Browser","Browsers","Bug","BugBeetle","BugDroid","Building","BuildingApartment","BuildingOffice","Buildings","Bulldozer","Bus","Butterfly","CableCar","Cactus","Caduceus","Cake","Calculator","Calendar","CalendarBlank","CalendarCheck","CalendarDot","CalendarDots","CalendarHeart","CalendarMinus","CalendarPlus","CalendarSlash","CalendarStar","CalendarX","CallBell","Camera","CameraPlus","CameraRotate","CameraSlash","Campfire","Car","CarBattery","CarProfile","CarSimple","Cardholder","Cards","CardsThree","CaretCircleDoubleDown","CaretCircleDoubleLeft","CaretCircleDoubleRight","CaretCircleDoubleUp","CaretCircleDown","CaretCircleLeft","CaretCircleRight","CaretCircleUp","CaretCircleUpDown","CaretDoubleDown","CaretDoubleLeft","CaretDoubleRight","CaretDoubleUp","CaretDown","CaretLeft","CaretLineDown","CaretLineLeft","CaretLineRight","CaretLineUp","CaretRight","CaretUp","CaretUpDown","Carrot","CashRegister","CassetteTape","CastleTurret","Cat","CellSignalFull","CellSignalHigh","CellSignalLow","CellSignalMedium","CellSignalNone","CellSignalSlash","CellSignalX","CellTower","Certificate","Chair","Chalkboard","ChalkboardSimple","ChalkboardTeacher","Champagne","ChargingStation","ChartBar","ChartBarHorizontal","ChartDonut","ChartLine","ChartLineDown","ChartLineUp","ChartPie","ChartPieSlice","ChartPolar","ChartScatter","Chat","ChatCentered","ChatCenteredDots","ChatCenteredSlash","ChatCenteredText","ChatCircle","ChatCircleDots","ChatCircleSlash","ChatCircleText","ChatDots","ChatSlash","ChatTeardrop","ChatTeardropDots","ChatTeardropSlash","ChatTeardropText","ChatText","Chats","ChatsCircle","ChatsTeardrop","Check","CheckCircle","CheckFat","CheckSquare","CheckSquareOffset","Checkerboard","Checks","Cheers","Cheese","ChefHat","Cherries","Church","Cigarette","CigaretteSlash","Circle","CircleDashed","CircleHalf","CircleHalfTilt","CircleNotch","CircleWavy","CircleWavyCheck","CircleWavyQuestion","CircleWavyWarning","CirclesFour","CirclesThree","CirclesThreePlus","Circuitry","City","Clipboard","ClipboardText","Clock","ClockAfternoon","ClockClockwise","ClockCountdown","ClockCounterClockwise","ClockUser","ClosedCaptioning","Cloud","CloudArrowDown","CloudArrowUp","CloudCheck","CloudFog","CloudLightning","CloudMoon","CloudRain","CloudSlash","CloudSnow","CloudSun","CloudWarning","CloudX","Clover","Club","CoatHanger","CodaLogo","Code","CodeBlock","CodeSimple","CodepenLogo","CodesandboxLogo","Coffee","CoffeeBean","Coin","CoinVertical","Coins","Columns","ColumnsPlusLeft","ColumnsPlusRight","Command","Compass","CompassRose","CompassTool","ComputerTower","Confetti","ContactlessPayment","Control","Cookie","CookingPot","Copy","CopySimple","Copyleft","Copyright","CornersIn","CornersOut","Couch","CourtBasketball","Cow","CowboyHat","Cpu","Crane","CraneTower","CreditCard","Cricket","Crop","Cross","Crosshair","CrosshairSimple","Crown","CrownCross","CrownSimple","Cube","CubeFocus","CubeTransparent","CurrencyBtc","CurrencyCircleDollar","CurrencyCny","CurrencyDollar","CurrencyDollarSimple","CurrencyEth","CurrencyEur","CurrencyGbp","CurrencyInr","CurrencyJpy","CurrencyKrw","CurrencyKzt","CurrencyNgn","CurrencyRub","Cursor","CursorClick","CursorText","Cylinder","Database","Desk","Desktop","DesktopTower","Detective","DevToLogo","DeviceMobile","DeviceMobileCamera","DeviceMobileSlash","DeviceMobileSpeaker","DeviceRotate","DeviceTablet","DeviceTabletCamera","DeviceTabletSpeaker","Devices","Diamond","DiamondsFour","DiceFive","DiceFour","DiceOne","DiceSix","DiceThree","DiceTwo","Disc","DiscoBall","DiscordLogo","Divide","Dna","Dog","Door","DoorOpen","Dot","DotOutline","DotsNine","DotsSix","DotsSixVertical","DotsThree","DotsThreeCircle","DotsThreeCircleVertical","DotsThreeOutline","DotsThreeOutlineVertical","DotsThreeVertical","Download","DownloadSimple","Dress","Dresser","DribbbleLogo","Drone","Drop","DropHalf","DropHalfBottom","DropSimple","DropSlash","DropboxLogo","Ear","EarSlash","Egg","EggCrack","Eject","EjectSimple","Elevator","Empty","Engine","Envelope","EnvelopeOpen","EnvelopeSimple","EnvelopeSimpleOpen","Equalizer","Equals","Eraser","EscalatorDown","EscalatorUp","Exam","ExclamationMark","Exclude","ExcludeSquare","Export","Eye","EyeClosed","EyeSlash","Eyedropper","EyedropperSample","Eyeglasses","Eyes","FaceMask","FacebookLogo","Factory","Faders","FadersHorizontal","FalloutShelter","Fan","Farm","FastForward","FastForwardCircle","Feather","FediverseLogo","FigmaLogo","File","FileArchive","FileArrowDown","FileArrowUp","FileAudio","FileC","FileCSharp","FileCloud","FileCode","FileCpp","FileCss","FileCsv","FileDashed","FileDoc","FileDotted","FileHtml","FileImage","FileIni","FileJpg","FileJs","FileJsx","FileLock","FileMagnifyingGlass","FileMd","FileMinus","FilePdf","FilePlus","FilePng","FilePpt","FilePy","FileRs","FileSearch","FileSql","FileSvg","FileText","FileTs","FileTsx","FileTxt","FileVideo","FileVue","FileX","FileXls","FileZip","Files","FilmReel","FilmScript","FilmSlate","FilmStrip","Fingerprint","FingerprintSimple","FinnTheHuman","Fire","FireExtinguisher","FireSimple","FireTruck","FirstAid","FirstAidKit","Fish","FishSimple","Flag","FlagBanner","FlagBannerFold","FlagCheckered","FlagPennant","Flame","Flashlight","Flask","FlipHorizontal","FlipVertical","FloppyDisk","FloppyDiskBack","FlowArrow","Flower","FlowerLotus","FlowerTulip","FlyingSaucer","Folder","FolderDashed","FolderDotted","FolderLock","FolderMinus","FolderNotch","FolderNotchMinus","FolderNotchOpen","FolderNotchPlus","FolderOpen","FolderPlus","FolderSimple","FolderSimpleDashed","FolderSimpleDotted","FolderSimpleLock","FolderSimpleMinus","FolderSimplePlus","FolderSimpleStar","FolderSimpleUser","FolderStar","FolderUser","Folders","Football","FootballHelmet","Footprints","ForkKnife","FourK","FrameCorners","FramerLogo","Function","Funnel","FunnelSimple","FunnelSimpleX","FunnelX","GameController","Garage","GasCan","GasPump","Gauge","Gavel","Gear","GearFine","GearSix","GenderFemale","GenderIntersex","GenderMale","GenderNeuter","GenderNonbinary","GenderTransgender","Ghost","Gif","Gift","GitBranch","GitCommit","GitDiff","GitFork","GitMerge","GitPullRequest","GithubLogo","GitlabLogo","GitlabLogoSimple","Globe","GlobeHemisphereEast","GlobeHemisphereWest","GlobeSimple","GlobeSimpleX","GlobeStand","GlobeX","Goggles","Golf","GoodreadsLogo","GoogleCardboardLogo","GoogleChromeLogo","GoogleDriveLogo","GoogleLogo","GooglePhotosLogo","GooglePlayLogo","GooglePodcastsLogo","Gps","GpsFix","GpsSlash","Gradient","GraduationCap","Grains","GrainsSlash","Graph","GraphicsCard","GreaterThan","GreaterThanOrEqual","GridFour","GridNine","Guitar","HairDryer","Hamburger","Hammer","Hand","HandArrowDown","HandArrowUp","HandCoins","HandDeposit","HandEye","HandFist","HandGrabbing","HandHeart","HandPalm","HandPeace","HandPointing","HandSoap","HandSwipeLeft","HandSwipeRight","HandTap","HandWaving","HandWithdraw","Handbag","HandbagSimple","HandsClapping","HandsPraying","Handshake","HardDrive","HardDrives","HardHat","Hash","HashStraight","HeadCircuit","Headlights","Headphones","Headset","Heart","HeartBreak","HeartHalf","HeartStraight","HeartStraightBreak","Heartbeat","Hexagon","HighDefinition","HighHeel","Highlighter","HighlighterCircle","Hockey","Hoodie","Horse","Hospital","Hourglass","HourglassHigh","HourglassLow","HourglassMedium","HourglassSimple","HourglassSimpleHigh","HourglassSimpleLow","HourglassSimpleMedium","House","HouseLine","HouseSimple","Hurricane","IceCream","IconBase","IconContext","IdentificationBadge","IdentificationCard","Image","ImageBroken","ImageSquare","Images","ImagesSquare","Infinity","Info","InstagramLogo","Intersect","IntersectSquare","IntersectThree","Intersection","Invoice","Island","Jar","JarLabel","Jeep","Joystick","Kanban","Key","KeyReturn","Keyboard","Keyhole","Knife","Ladder","LadderSimple","Lamp","LampPendant","Laptop","Lasso","LastfmLogo","Layout","Leaf","Lectern","Lego","LegoSmiley","Lemniscate","LessThan","LessThanOrEqual","LetterCircleH","LetterCircleP","LetterCircleV","Lifebuoy","Lightbulb","LightbulbFilament","Lighthouse","Lightning","LightningA","LightningSlash","LineSegment","LineSegments","LineVertical","Link","LinkBreak","LinkSimple","LinkSimpleBreak","LinkSimpleHorizontal","LinkSimpleHorizontalBreak","LinkedinLogo","LinktreeLogo","LinuxLogo","List","ListBullets","ListChecks","ListDashes","ListHeart","ListMagnifyingGlass","ListNumbers","ListPlus","ListStar","Lock","LockKey","LockKeyOpen","LockLaminated","LockLaminatedOpen","LockOpen","LockSimple","LockSimpleOpen","Lockers","Log","MagicWand","Magnet","MagnetStraight","MagnifyingGlass","MagnifyingGlassMinus","MagnifyingGlassPlus","Mailbox","MapPin","MapPinArea","MapPinLine","MapPinPlus","MapPinSimple","MapPinSimpleArea","MapPinSimpleLine","MapTrifold","MarkdownLogo","MarkerCircle","Martini","MaskHappy","MaskSad","MastodonLogo","MathOperations","MatrixLogo","Medal","MedalMilitary","MediumLogo","Megaphone","MegaphoneSimple","MemberOf","Memory","MessengerLogo","MetaLogo","Meteor","Metronome","Microphone","MicrophoneSlash","MicrophoneStage","Microscope","MicrosoftExcelLogo","MicrosoftOutlookLogo","MicrosoftPowerpointLogo","MicrosoftTeamsLogo","MicrosoftWordLogo","Minus","MinusCircle","MinusSquare","Money","MoneyWavy","Monitor","MonitorArrowUp","MonitorPlay","Moon","MoonStars","Moped","MopedFront","Mosque","Motorcycle","Mountains","Mouse","MouseLeftClick","MouseMiddleClick","MouseRightClick","MouseScroll","MouseSimple","MusicNote","MusicNoteSimple","MusicNotes","MusicNotesMinus","MusicNotesPlus","MusicNotesSimple","NavigationArrow","Needle","Network","NetworkSlash","NetworkX","Newspaper","NewspaperClipping","NotEquals","NotMemberOf","NotSubsetOf","NotSupersetOf","Notches","Note","NoteBlank","NotePencil","Notebook","Notepad","Notification","NotionLogo","NuclearPlant","NumberCircleEight","NumberCircleFive","NumberCircleFour","NumberCircleNine","NumberCircleOne","NumberCircleSeven","NumberCircleSix","NumberCircleThree","NumberCircleTwo","NumberCircleZero","NumberEight","NumberFive","NumberFour","NumberNine","NumberOne","NumberSeven","NumberSix","NumberSquareEight","NumberSquareFive","NumberSquareFour","NumberSquareNine","NumberSquareOne","NumberSquareSeven","NumberSquareSix","NumberSquareThree","NumberSquareTwo","NumberSquareZero","NumberThree","NumberTwo","NumberZero","Numpad","Nut","NyTimesLogo","Octagon","OfficeChair","Onigiri","OpenAiLogo","Option","Orange","OrangeSlice","Oven","Package","PaintBrush","PaintBrushBroad","PaintBrushHousehold","PaintBucket","PaintRoller","Palette","Panorama","Pants","PaperPlane","PaperPlaneRight","PaperPlaneTilt","Paperclip","PaperclipHorizontal","Parachute","Paragraph","Parallelogram","Park","Password","Path","PatreonLogo","Pause","PauseCircle","PawPrint","PaypalLogo","Peace","Pen","PenNib","PenNibStraight","Pencil","PencilCircle","PencilLine","PencilRuler","PencilSimple","PencilSimpleLine","PencilSimpleSlash","PencilSlash","Pentagon","Pentagram","Pepper","Percent","Person","PersonArmsSpread","PersonSimple","PersonSimpleBike","PersonSimpleCircle","PersonSimpleHike","PersonSimpleRun","PersonSimpleSki","PersonSimpleSnowboard","PersonSimpleSwim","PersonSimpleTaiChi","PersonSimpleThrow","PersonSimpleWalk","Perspective","Phone","PhoneCall","PhoneDisconnect","PhoneIncoming","PhoneList","PhoneOutgoing","PhonePause","PhonePlus","PhoneSlash","PhoneTransfer","PhoneX","PhosphorLogo","Pi","PianoKeys","PicnicTable","PictureInPicture","PiggyBank","Pill","PingPong","PintGlass","PinterestLogo","Pinwheel","Pipe","PipeWrench","PixLogo","Pizza","Placeholder","Planet","Plant","Play","PlayCircle","PlayPause","Playlist","Plug","PlugCharging","Plugs","PlugsConnected","Plus","PlusCircle","PlusMinus","PlusSquare","PokerChip","PoliceCar","Polygon","Popcorn","Popsicle","PottedPlant","Power","Prescription","Presentation","PresentationChart","Printer","Prohibit","ProhibitInset","ProjectorScreen","ProjectorScreenChart","Pulse","PushPin","PushPinSimple","PushPinSimpleSlash","PushPinSlash","PuzzlePiece","QrCode","Question","QuestionMark","Queue","Quotes","Rabbit","Racquet","Radical","Radio","RadioButton","Radioactive","Rainbow","RainbowCloud","Ranking","ReadCvLogo","Receipt","ReceiptX","Record","Rectangle","RectangleDashed","Recycle","RedditLogo","Repeat","RepeatOnce","ReplitLogo","Resize","Rewind","RewindCircle","RoadHorizon","Robot","Rocket","RocketLaunch","Rows","RowsPlusBottom","RowsPlusTop","Rss","RssSimple","Rug","Ruler","SSR","Sailboat","Scales","Scan","ScanSmiley","Scissors","Scooter","Screencast","Screwdriver","Scribble","ScribbleLoop","Scroll","Seal","SealCheck","SealPercent","SealQuestion","SealWarning","Seat","Seatbelt","SecurityCamera","Selection","SelectionAll","SelectionBackground","SelectionForeground","SelectionInverse","SelectionPlus","SelectionSlash","Shapes","Share","ShareFat","ShareNetwork","Shield","ShieldCheck","ShieldCheckered","ShieldChevron","ShieldPlus","ShieldSlash","ShieldStar","ShieldWarning","ShippingContainer","ShirtFolded","ShootingStar","ShoppingBag","ShoppingBagOpen","ShoppingCart","ShoppingCartSimple","Shovel","Shower","Shrimp","Shuffle","ShuffleAngular","ShuffleSimple","Sidebar","SidebarSimple","Sigma","SignIn","SignOut","Signature","Signpost","SimCard","Siren","SketchLogo","SkipBack","SkipBackCircle","SkipForward","SkipForwardCircle","Skull","SkypeLogo","SlackLogo","Sliders","SlidersHorizontal","Slideshow","Smiley","SmileyAngry","SmileyBlank","SmileyMeh","SmileyMelting","SmileyNervous","SmileySad","SmileySticker","SmileyWink","SmileyXEyes","SnapchatLogo","Sneaker","SneakerMove","Snowflake","SoccerBall","Sock","SolarPanel","SolarRoof","SortAscending","SortDescending","SoundcloudLogo","Spade","Sparkle","SpeakerHifi","SpeakerHigh","SpeakerLow","SpeakerNone","SpeakerSimpleHigh","SpeakerSimpleLow","SpeakerSimpleNone","SpeakerSimpleSlash","SpeakerSimpleX","SpeakerSlash","SpeakerX","Speedometer","Sphere","Spinner","SpinnerBall","SpinnerGap","Spiral","SplitHorizontal","SplitVertical","SpotifyLogo","SprayBottle","Square","SquareHalf","SquareHalfBottom","SquareLogo","SquareSplitHorizontal","SquareSplitVertical","SquaresFour","Stack","StackMinus","StackOverflowLogo","StackPlus","StackSimple","Stairs","Stamp","StandardDefinition","Star","StarAndCrescent","StarFour","StarHalf","StarOfDavid","SteamLogo","SteeringWheel","Steps","Stethoscope","Sticker","Stool","Stop","StopCircle","Storefront","Strategy","StripeLogo","Student","SubsetOf","SubsetProperOf","Subtitles","SubtitlesSlash","Subtract","SubtractSquare","Subway","Suitcase","SuitcaseRolling","SuitcaseSimple","Sun","SunDim","SunHorizon","Sunglasses","SupersetOf","SupersetProperOf","Swap","Swatches","SwimmingPool","Sword","Synagogue","Syringe","TShirt","Table","Tabs","Tag","TagChevron","TagSimple","Target","Taxi","TeaBag","TelegramLogo","Television","TelevisionSimple","TennisBall","Tent","Terminal","TerminalWindow","TestTube","TextAUnderline","TextAa","TextAlignCenter","TextAlignJustify","TextAlignLeft","TextAlignRight","TextB","TextBolder","TextColumns","TextH","TextHFive","TextHFour","TextHOne","TextHSix","TextHThree","TextHTwo","TextIndent","TextItalic","TextOutdent","TextStrikethrough","TextSubscript","TextSuperscript","TextT","TextTSlash","TextUnderline","Textbox","Thermometer","ThermometerCold","ThermometerHot","ThermometerSimple","ThreadsLogo","ThreeD","ThumbsDown","ThumbsUp","Ticket","TidalLogo","TiktokLogo","Tilde","Timer","TipJar","Tipi","Tire","ToggleLeft","ToggleRight","Toilet","ToiletPaper","Toolbox","Tooth","Tornado","Tote","ToteSimple","Towel","Tractor","Trademark","TrademarkRegistered","TrafficCone","TrafficSign","TrafficSignal","Train","TrainRegional","TrainSimple","Tram","Translate","Trash","TrashSimple","Tray","TrayArrowDown","TrayArrowUp","TreasureChest","Tree","TreeEvergreen","TreePalm","TreeStructure","TreeView","TrendDown","TrendUp","Triangle","TriangleDashed","Trolley","TrolleySuitcase","Trophy","Truck","TruckTrailer","TumblrLogo","TwitchLogo","TwitterLogo","Umbrella","UmbrellaSimple","Union","Unite","UniteSquare","Upload","UploadSimple","Usb","User","UserCheck","UserCircle","UserCircleCheck","UserCircleDashed","UserCircleGear","UserCircleMinus","UserCirclePlus","UserFocus","UserGear","UserList","UserMinus","UserPlus","UserRectangle","UserSound","UserSquare","UserSwitch","Users","UsersFour","UsersThree","Van","Vault","VectorThree","VectorTwo","Vibrate","Video","VideoCamera","VideoCameraSlash","VideoConference","Vignette","VinylRecord","VirtualReality","Virus","Visor","Voicemail","Volleyball","Wall","Wallet","Warehouse","Warning","WarningCircle","WarningDiamond","WarningOctagon","WashingMachine","Watch","WaveSawtooth","WaveSine","WaveSquare","WaveTriangle","Waveform","WaveformSlash","Waves","Webcam","WebcamSlash","WebhooksLogo","WechatLogo","WhatsappLogo","Wheelchair","WheelchairMotion","WifiHigh","WifiLow","WifiMedium","WifiNone","WifiSlash","WifiX","Wind","Windmill","WindowsLogo","Wine","Wrench","X","XCircle","XLogo","XSquare","Yarn","YinYang","YoutubeLogo"];function ke(){let t=new URLSearchParams(document.location.search);const s=t.get("shopId")||localStorage.getItem("shopId"),o=t.get("sellerAccessToken")||localStorage.getItem("sellerAccessToken"),n=t.get("draftId")||localStorage.getItem("draftId");return Le(),o&&localStorage.setItem("sellerAccessToken",o),s&&localStorage.setItem("shopId",s),n&&localStorage.setItem("draftId",n),!!(o&&s&&n)}const Re="_wrapper_1dfbs_1",Ee="_main_1dfbs_9",ye="_loading_1dfbs_13",ne={wrapper:Re,main:Ee,loading:ye},he=({render:t,block:s})=>t(s),ge=()=>{const{footer:t}=e.useLayersStore(),{settings:s}=e.useSettingsStore(),{pageContext:o}=e.usePagesStore();return t==null?void 0:t.renderBlock(s,o)},Se=()=>{const{header:t}=e.useLayersStore(),{settings:s}=e.useSettingsStore(),{pageContext:o}=e.usePagesStore();return t==null?void 0:t.renderBlock(s,o)},Be=({pagePath:t})=>{const{sourceBlocks:s}=e.useBlocksStore(),{pageContext:o}=e.usePagesStore(),[n,l]=g.useState(!0),[i,r]=g.useState(null),{setThemeSettings:a}=e.useThemeSettingsStore(),[u,S]=g.useState();g.useEffect(()=>{l(!0),(async()=>{const d=await e.getDynamicPage(encodeURIComponent(t));if(d){r(d.layout);const{settings:c,theme:b}=await e.getThemeAndSettings();a(b),S(c)}l(!1)})()},[]);const m=p=>{if(!p||!p.name)return e.jsxRuntimeExports.jsx(e.ErrorableBlock,{error:"Block or block.name is undefined."});if(!s||!s[p.name])return e.jsxRuntimeExports.jsx(e.ErrorableBlock,{error:`Block "${p.name}" does not exist in blocks.`});const d=new s[p.name];return p.value&&Object.assign(d,p.value),d.renderBlock(u,o)};return!n&&i===null?e.jsxRuntimeExports.jsx(Pe,{}):e.jsxRuntimeExports.jsxs("div",{className:ne.wrapper,children:[e.jsxRuntimeExports.jsx(Se,{}),!n&&i?e.jsxRuntimeExports.jsx("div",{className:ne.main,children:Object.keys(i).map(p=>e.jsxRuntimeExports.jsx(he,{block:i[p],render:m},p))}):e.jsxRuntimeExports.jsx("div",{className:ne.loading,children:e.jsxRuntimeExports.jsx(e.Loader,{})}),e.jsxRuntimeExports.jsx(ge,{})]})},Pe=()=>e.jsxRuntimeExports.jsx("div",{className:ne.notFound,children:"Page Not Found"});function Ae(){const t=e.useLocation();return e.jsxRuntimeExports.jsx(Be,{pagePath:t.pathname})}const Le=()=>{const t=new URL(window.location.href);window.history.replaceState(null,"",t.pathname+t.hash)},Te="_buttons_uu72s_1",Ne="_button_uu72s_1",Fe="_disabled_uu72s_17",X={buttons:Te,button:Ne,disabled:Fe},De=()=>{const{undo:t,redo:s,past:o,future:n}=e.useHistoryStore(),[l,i]=g.useState(!1),[r,a]=g.useState(!1);return g.useEffect(()=>{i(o.length===0)},[o]),g.useEffect(()=>{a(n.length===0)},[n]),e.jsxRuntimeExports.jsxs("div",{className:X.buttons,children:[e.jsxRuntimeExports.jsx("div",{className:e.clx(X.button,{[X.disabled]:l}),children:e.jsxRuntimeExports.jsx(e.Icon,{name:"ArrowUUpLeft",width:20,height:20,onClick:()=>{l||t()},fill:l?"#757575":"#252525"})}),e.jsxRuntimeExports.jsx("div",{className:e.clx(X.button,{[X.disabled]:r}),children:e.jsxRuntimeExports.jsx(e.Icon,{name:"ArrowUUpRight",width:20,height:20,onClick:()=>{r||s()},fill:r?"#757575":"#252525"})})]})},Ie="_devices_1b6y1_1",Me="_device_1b6y1_1",$e="_active_1b6y1_26",ie={devices:Ie,device:Me,active:$e},He=()=>{const{currentDevice:t,setCurrentDevice:s}=e.useDeviceStore();return e.jsxRuntimeExports.jsx("div",{className:ie.devices,children:_e.map(o=>e.jsxRuntimeExports.jsx("div",{className:e.clx(ie.device,{[ie.active]:t.value===o.value}),onClick:()=>s(o),children:e.jsxRuntimeExports.jsx(e.Icon,{name:o.icon,fill:t.value===o.value?"#252525":"#757575",width:20,height:20})},o.value))})},Oe="_header_2d8xd_1",Ue="_left_2d8xd_13",qe="_right_2d8xd_14",Z={header:Oe,left:Ue,right:qe},Ge="_preview_93shy_2",ze="_active_93shy_23",ae={preview:Ge,active:ze},We=()=>{const{onPreview:t,setOnPreview:s}=e.usePreviewStore();return e.jsxRuntimeExports.jsxs("div",{className:e.clx(ae.preview,{[ae.active]:t}),onClick:()=>s(!t),children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"ArrowUpRight",width:20,height:20}),e.jsxRuntimeExports.jsx("span",{className:ae.text,children:"Preview"})]})},Ve="_settings_u4cv4_1",Xe={settings:Ve},Qe="_pages_1mwe1_1",Ke="_text_1mwe1_17",Ye="_modal_1mwe1_23",Je="_page_1mwe1_1",Ze="_hoverable_1mwe1_49",et="_separator_1mwe1_53",tt="_button_1mwe1_57",st="_items_1mwe1_72",M={pages:Qe,default:"_default_1mwe1_5",text:Ke,modal:Ye,page:Je,hoverable:Ze,separator:et,button:tt,items:st},ot=()=>{const{currentPage:t,setCurrentPage:s,setIsOpenModal:o,pages:n,setIsEdit:l,setEditedPage:i,deletePage:r,isOpenSelectModal:a,setIsOpenSelectModal:u}=e.usePagesStore(),{deletePage:S}=e.useLayersStore(),[m,p]=g.useState("");return g.useEffect(()=>{const d=()=>{u(!1)};return document.body.addEventListener("click",d),()=>{document.body.removeEventListener("click",d)}},[]),e.jsxRuntimeExports.jsxs("div",{className:M.pages,children:[e.jsxRuntimeExports.jsxs("div",{className:M.default,onClick:d=>{d.stopPropagation(),u(!a)},children:[e.jsxRuntimeExports.jsx(e.Icon,{name:n&&n[t]&&n[t].icon||"File",fill:"#252525",width:20,height:20}),e.jsxRuntimeExports.jsx("span",{className:M.text,children:n&&n[t]&&Y.includes(n[t].name)?`${F(n[t].name)} page`:n&&n[t]&&n[t].name}),e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretDown",width:20,height:20})]}),a&&e.jsxRuntimeExports.jsxs("div",{className:M.modal,onClick:d=>d.stopPropagation(),children:[n&&e.jsxRuntimeExports.jsx("div",{className:M.items,children:Object.keys(n).map(d=>{const c=n[d];return e.jsxRuntimeExports.jsxs("div",{className:e.clx(M.page,{[M.hoverable]:m===d}),onMouseEnter:()=>p(d),onMouseLeave:()=>p(""),onClick:()=>{p(""),l(!1),s(d),u(!1)},children:[e.jsxRuntimeExports.jsx(e.Icon,{name:c.icon,fill:"#252525"}),e.jsxRuntimeExports.jsx("span",{className:M.text,children:Y.includes(c.name)?`${F(c.name)} page`:c.name}),m===d&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"Gear",fill:"#757575",onClick:b=>{b.stopPropagation(),l(!0),i(d),o(!0)}}),!Y.includes(c.name)&&e.jsxRuntimeExports.jsx(e.Icon,{name:"Trash",fill:"#C12A2A",onClick:b=>{n[t].path===c.name&&s("/"),b.stopPropagation(),r(d),S(c.name),e.deletePage(c.path)}})]}),n[t]&&n[t].path===c.name&&e.jsxRuntimeExports.jsx(e.Icon,{name:"Check",fill:"#FF3F19"})]},d)})}),e.jsxRuntimeExports.jsx("div",{className:M.separator}),e.jsxRuntimeExports.jsxs(e.Button,{className:M.button,onClick:d=>{d.stopPropagation(),o(!0)},size:"l",children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"Plus",fill:"#ff3f19"}),e.jsxRuntimeExports.jsx("span",{children:"Create Page Blank"})]})]})]})},nt="_zoom_1q1ud_1",rt={zoom:nt},it=()=>{const[t,s]=g.useState(),o=()=>{s(Number(Math.round(window.devicePixelRatio*50).toFixed(0)))};return g.useEffect(()=>(o(),window.addEventListener("resize",o),()=>{window.removeEventListener("resize",o)}),[]),e.jsxRuntimeExports.jsxs("div",{className:rt.zoom,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"MagnifyingGlassMinus",width:20,height:20}),e.jsxRuntimeExports.jsxs("span",{children:[t," %"]})]})},at=()=>e.jsxRuntimeExports.jsxs("div",{className:Xe.settings,children:[e.jsxRuntimeExports.jsx(ot,{}),e.jsxRuntimeExports.jsx(it,{})]}),lt="_theme_1jz2h_1",ct={theme:lt},ut=()=>e.jsxRuntimeExports.jsxs("div",{className:ct.theme,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"Check",width:18,height:18}),e.jsxRuntimeExports.jsx("div",{children:"Current Theme"})]}),dt=()=>{const{themeSettings:t}=e.useThemeSettingsStore(),{settings:s}=e.useSettingsStore(),{isOpenSelectModal:o}=e.usePagesStore(),[n,l]=g.useState(null),[i,r]=g.useState(!1),{pages:a}=e.usePagesStore(),{blocks:u}=e.useLayersStore();function S(b,w){try{return w.map(C=>{if(!C.value||!C.value.blockSettings)throw new Error("block.value or block.value.blockSettings is undefined.");return Object.values(C.value.blockSettings).filter(B=>B&&B.type===b).map(B=>{if(!B.value)throw new Error("item.value is undefined.");return B.value}).flat()}).flat().map(C=>{if(!C.listingId)throw new Error("item.listingId is undefined.");return C.listingId})}catch(f){return console.error("Error in getValues function:",f),[]}}function m(b,w){return S(b,w).some(C=>C)}function p(b,w){const f=S(b,w);return Array.isArray(f)&&f.length>0?Math.max(...f):0}function d(b){if(a){const w=Object.keys(a).find(f=>a[f].name===b);if(w)return a[w]}return null}const c=()=>{if(i)n&&clearTimeout(n);else{const w=Object.keys(u).map(f=>{const C=d(f);return{name:C?C.name:f,path:(C==null?void 0:C.path)||f,layout:{...u[f]},neededProductIds:[...S("ProductId",Object.values(u[f]))],neededCategoryIds:[...S("CategoryId",Object.values(u[f]))],neededAnnouncementIds:[...S("AnnouncementId",Object.values(u[f]))],neededListingIds:[...S("listings",Object.values(u[f]))],neededFaqs:m("Faqs",Object.values(u[f])),neededReviewCount:p("ReviewCount",Object.values(u[f])),seo:{pageTitle:C&&C.seo&&C.seo.title?C.seo.title:"",pageDescription:C&&C.seo&&C.seo.description?C.seo.description:""}}});e.updateSettings("post","save",{themeSettings:t,settings:s,updatedPages:w})}r(!0);const b=setTimeout(()=>{r(!1)},2e3);l(b)};return e.jsxRuntimeExports.jsxs("div",{className:Z.header,style:{zIndex:o?5e4:50},children:[e.jsxRuntimeExports.jsxs("div",{className:Z.left,children:[e.jsxRuntimeExports.jsx(He,{}),e.jsxRuntimeExports.jsx(We,{})]}),e.jsxRuntimeExports.jsx("div",{className:Z.center,children:e.jsxRuntimeExports.jsx(at,{})}),e.jsxRuntimeExports.jsxs("div",{className:Z.right,children:[e.jsxRuntimeExports.jsx(ut,{}),e.jsxRuntimeExports.jsx(De,{}),e.jsxRuntimeExports.jsx(e.Button,{onClick:c,children:"Save"})]})]})},pt="_exit_1wk4t_1",mt="_text_1wk4t_11",ue={exit:pt,text:mt},xt=()=>e.jsxRuntimeExports.jsxs("a",{href:"https://dash.billgang.com/",className:ue.exit,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"SignOut",width:20,height:20}),e.jsxRuntimeExports.jsx("span",{className:ue.text,children:"Exit"})]}),ht="_navbar_14j8e_1",gt="_main_14j8e_6",St="_block_14j8e_13",jt="_active_14j8e_30",ee={navbar:ht,main:gt,block:St,active:jt},bt=()=>{const{activeBlock:t,setActiveBlock:s}=e.useNavbarStore(),{setActiveBlock:o}=e.useBlocksStore(),{setCurrentBlock:n}=e.useLayersStore(),{setActiveBlock:l}=e.useThemeSettingsStore();function i(r){o(null),s(r),n(null),l(null)}return e.jsxRuntimeExports.jsxs("div",{className:ee.navbar,children:[e.jsxRuntimeExports.jsx(xt,{}),e.jsxRuntimeExports.jsx("div",{className:ee.main,children:e.navbarBlocks.map(r=>e.jsxRuntimeExports.jsxs("div",{className:e.clx(ee.block,{[ee.active]:t.icon===r.icon}),onClick:()=>i(r),children:[e.jsxRuntimeExports.jsx(e.Icon,{name:r.icon,fill:t.icon===r.icon?"#252525":"#757575"}),e.jsxRuntimeExports.jsx("span",{children:r.name})]},r.icon))})]})},Ct="_preview_1howr_1",ft="_main_1howr_14",_t="_content_1howr_25",wt="_loading_1howr_32",vt="_loader_1howr_42",kt="_spin_1howr_1",te={preview:Ct,main:ft,content:_t,loading:wt,loader:vt,spin:kt},Rt="_header_obebc_1",Et="_circles_obebc_16",yt="_circle_obebc_16",Bt="_red_obebc_33",Pt="_green_obebc_37",At="_yellow_obebc_41",Lt="_input_obebc_45",Tt="_main_obebc_56",Nt="_text_obebc_65",O={header:Rt,circles:Et,circle:yt,red:Bt,green:Pt,yellow:At,input:Lt,main:Tt,text:Nt},Ft="data:image/svg+xml,%3csvg%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20x='0.5'%20width='16'%20height='16'%20fill='url(%23pattern0_4042_718)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_4042_718'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_4042_718'%20transform='scale(0.015625)'/%3e%3c/pattern%3e%3cimage%20id='image0_4042_718'%20width='64'%20height='64'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAONJREFUeF7t20EOhEAIRFG4/6F7DvEnYeFzryQIv6pBd2behOu9dPvsbog+k+NLgArQAqmJcw9iAAhSgZKB3IJkkAySQTJ4CiE+gA8oBeg0mH3Ai084P89HhqwEqIA209ICsQdjAeaZIgaAYKxBDMCAYy8fXwAIgiAIcoJpJEYGI4VjB3YrbC9gL2AvkCB43cM5PgZgAAZgQFnNZAhdGykQBEEQBEEQDBmgAm2glM/z+QUYisYUGoldO7kY32IEAzCg6RgIRgjFAsw+AgRBMNYgBmCAT2TCYfoPPz/HCqQCX1eBHzHnv7C7WhBSAAAAAElFTkSuQmCC'/%3e%3c/defs%3e%3c/svg%3e",Dt=["red","yellow","green"],It=()=>e.jsxRuntimeExports.jsxs("div",{className:O.header,children:[e.jsxRuntimeExports.jsx("div",{className:O.circles,children:Dt.map(t=>e.jsxRuntimeExports.jsx("div",{className:e.clx(O.circle,{[O.red]:t==="red",[O.yellow]:t==="yellow",[O.green]:t==="green"})},t))}),e.jsxRuntimeExports.jsxs("div",{className:O.input,children:[e.jsxRuntimeExports.jsxs("div",{className:O.main,children:[e.jsxRuntimeExports.jsx("img",{src:Ft,alt:""}),e.jsxRuntimeExports.jsx("span",{className:O.text,children:"lorem.ipsum"}),e.jsxRuntimeExports.jsx(e.Icon,{name:"Lock",fill:"#757575",width:15,height:16})]}),e.jsxRuntimeExports.jsx(e.Icon,{name:"Copy",width:20,height:20})]})]}),Mt="_content_glpob_1",$t="_main_glpob_9",Ht="_block_glpob_13",Ot="_active_glpob_20",Ut="_name_glpob_24",qt="_empty_glpob_38",Gt="_icon_glpob_49",zt="_title_glpob_62",Wt="_text_glpob_68",Vt="_sections_glpob_74",Xt="_section_glpob_74",Q={content:Mt,main:$t,block:Ht,active:Ot,name:Ut,empty:qt,icon:Gt,title:zt,text:Wt,sections:Vt,section:Xt},Qt="_sidebar_1cz73_1",Kt="_content_1cz73_14",Yt="_button_1cz73_24",Jt="_moveButton_1cz73_34",Zt="_border_1cz73_38",es="_deleteButton_1cz73_42",L={sidebar:Qt,content:Kt,button:Yt,moveButton:Jt,border:Zt,deleteButton:es},ts=()=>{const{activeBlock:t}=e.usePreviewStore(),{blocks:s,removeBlock:o,moveBlock:n,duplicateBlock:l}=e.useLayersStore(),{currentPage:i,pages:r}=e.usePagesStore(),a=r&&r[i]?Object.keys(s[r[i].path]):[],u=a.indexOf(t),S=()=>{u>0&&r&&n(r[i].path,u,u-1)},m=()=>{u<a.length-1&&r&&n(r[i].path,u,u+1)},p=()=>{r&&l(r[i].path,t)};return e.jsxRuntimeExports.jsx("div",{className:L.sidebar,children:e.jsxRuntimeExports.jsxs("div",{className:L.content,children:[e.jsxRuntimeExports.jsx("button",{onClick:S,className:e.clx(L.button,L.moveButton),disabled:u===0,children:e.jsxRuntimeExports.jsx(e.Icon,{name:"ArrowUp"})}),e.jsxRuntimeExports.jsx("button",{onClick:m,className:e.clx(L.button,L.moveButton),disabled:u===a.length-1,children:e.jsxRuntimeExports.jsx(e.Icon,{name:"ArrowDown"})}),e.jsxRuntimeExports.jsx("div",{className:L.border}),e.jsxRuntimeExports.jsx("button",{onClick:p,className:e.clx(L.button,L.moveButton),children:e.jsxRuntimeExports.jsx(e.Icon,{name:"Copy"})}),e.jsxRuntimeExports.jsx("div",{className:L.border}),e.jsxRuntimeExports.jsx("button",{onClick:()=>{r&&o(r[i].path,t)},className:e.clx(L.button,L.deleteButton),children:e.jsxRuntimeExports.jsx(e.Icon,{name:"Trash",hoverable:!0})})]})})},ss=g.memo(()=>{const{setActiveBlock:t,activeBlock:s}=e.usePreviewStore(),{blocks:o,sourceBlocks:n}=e.useBlocksStore(),{blocks:l}=e.useLayersStore(),{settings:i}=e.useSettingsStore(),{currentPage:r,pages:a,setIsOpenSelectModal:u,pageContext:S}=e.usePagesStore(),m=g.useRef(s);g.useEffect(()=>{m.current=s},[s]),g.useEffect(()=>{const c=()=>{m.current&&t(null)};return document.body.addEventListener("click",c),()=>{document.body.removeEventListener("click",c)}},[]);const p=c=>{if(!c||!c.name)return e.jsxRuntimeExports.jsx(e.ErrorableBlock,{error:"Block or block.name is undefined."});if(!o||!o[c.name])return e.jsxRuntimeExports.jsx(e.ErrorableBlock,{error:`Block "${c.name}" does not exist in blocks.`});const b=new o[c.name];return c.value&&Object.assign(b,c.value),b.renderBlock(i,S)};function d(c){if(!n||!n[c])return"unknown name";const b=new n[c];return!b.blockSettings||!b.blockSettings.displayName?"unknown name":b.blockSettings.displayName}return e.jsxRuntimeExports.jsxs("div",{onClick:c=>{c.stopPropagation(),u(!1)},className:Q.content,children:[e.jsxRuntimeExports.jsx(Se,{}),e.jsxRuntimeExports.jsx("div",{className:Q.main,children:a&&a[r]&&l[a[r].path]&&Object.keys(l[a[r].path]).map(c=>e.jsxRuntimeExports.jsxs("div",{onClick:()=>t(c),className:e.clx(Q.block,{[Q.active]:s===c}),children:[s===c&&e.jsxRuntimeExports.jsx("div",{className:Q.name,children:d(l[a[r].path][c].name)}),s===c&&d(l[a[r].path][c].name)!=="unknown name"&&e.jsxRuntimeExports.jsx(ts,{}),o&&e.jsxRuntimeExports.jsx(he,{render:p,block:l[a[r].path][c]})]},c))}),e.jsxRuntimeExports.jsx(ge,{})]})}),os="_results_12p5x_1",ns="_name_12p5x_8",rs="_product_12p5x_15",se={results:os,name:ns,product:rs},is="_search_186hm_1",as="_input_186hm_13",de={search:is,input:as},ls=()=>e.jsxRuntimeExports.jsxs("label",{className:de.search,children:[e.jsxRuntimeExports.jsx("input",{type:"text",placeholder:"Search for sections",className:de.input}),e.jsxRuntimeExports.jsx(e.Icon,{name:"MagnifyingGlass",fill:"#757575"})]}),je=()=>{const{blocks:t,sourceBlocks:s,setActiveBlock:o}=e.useBlocksStore(),{hideModal:n}=e.useSubmodalStore();function l(a){o(a),n()}function i(a){if(!s||!s[a])return"unknown name";const u=new s[a];return!u.blockSettings||!u.blockSettings.displayName?"unknown name":u.blockSettings.displayName}function r(a){if(s)return new s[a]().blockSettings.isAddable}return e.jsxRuntimeExports.jsxs("div",{className:se.add,children:[e.jsxRuntimeExports.jsx(ls,{}),e.jsxRuntimeExports.jsx("div",{className:se.results,children:t&&Object.keys(t).map(a=>{if(r(a))return e.jsxRuntimeExports.jsxs("div",{className:se.product,onClick:()=>l(a),children:[e.jsxRuntimeExports.jsx("span",{className:se.name,children:i(a)}),e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretRight"})]},a)})})]})},cs=()=>{const{modalPosition:t,color:s,initialColor:o,setShowModal:n,hue:l,saturation:i,brightness:r,dragging:a,setDragging:u,setHue:S,setSaturation:m,setBrightness:p,colorChange:d,setColor:c,update:b}=e.useColorPickerStore(),w=h=>{const{offsetX:_,offsetY:v}=h.nativeEvent;u(!0),B(_,v,h.currentTarget)},f=h=>{if(a){const _=document.querySelector(`.${e.styles.colorMap}`),{left:v,top:E}=_.getBoundingClientRect(),x=h.clientX-v,j=h.clientY-E;B(x,j,_)}},C=()=>{u(!1)},B=(h,_,v)=>{const{width:E,height:x}=v.getBoundingClientRect(),j=Math.max(0,Math.min(h/E*100,100)),I=Math.max(0,Math.min(100-_/x*100,100));m(j),p(I),k(j,I)},k=(h,_)=>{const v=R(l,h,_);d(v),c(v)},P=(h,_,v)=>{_/=100,v/=100;const E=J=>(J+h/60)%6,x=J=>v*(1-_*Math.max(0,Math.min(E(J),4-E(J),1))),j=Math.round(255*x(5)),I=Math.round(255*x(3)),fe=Math.round(255*x(1));return{r:j,g:I,b:fe}},y=(h,_,v)=>{const E=x=>x.toString(16).padStart(2,"0");return`#${E(h)}${E(_)}${E(v)}`},R=(h,_,v)=>{const{r:E,g:x,b:j}=P(h,_,v);return y(E,x,j)};g.useEffect(()=>{const h=v=>f(v),_=()=>C();return a?(document.addEventListener("mousemove",h),document.addEventListener("mouseup",_)):(document.removeEventListener("mousemove",h),document.removeEventListener("mouseup",_)),()=>{document.removeEventListener("mousemove",h),document.removeEventListener("mouseup",_)}},[a]);function A(){b(s),n(!1)}function D(){n(!1),d(o)}return e.jsxRuntimeExports.jsxs("div",{className:e.styles.modal,onClick:h=>h.stopPropagation(),style:{top:`${t.top}px`,left:`${t.left}px`},children:[e.jsxRuntimeExports.jsx("div",{children:"Color"}),e.jsxRuntimeExports.jsx("div",{className:e.styles.colorMap,onMouseDown:w,style:{background:`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./root-DViUor-X.cjs"),h=require("react"),F=t=>t?t.replace(/_/g," ").split(" ").map(s=>s.charAt(0).toUpperCase()+s.slice(1)).join(" and "):"",_e=[{icon:"Desktop",value:"desktop"},{icon:"DeviceTabletCamera",value:"tablet"},{icon:"DeviceMobileCamera",value:"mobile"}],we=[{icon:"PaintBrushBroad",name:"Colors"},{icon:"TextAa",name:"Fonts"},{icon:"CornersOut",name:"Borders"},{icon:"ArrowSquareIn",name:"Buttons"},{icon:"Textbox",name:"Inputs"}],Y=["home","reviews","faqs","contact","product","ticket","login"],re={home:{path:"/",name:"home",icon:"HouseSimple",seo:{description:"",title:""},visibility:"public"},product:{path:"/product",name:"product",icon:"SquaresFour",seo:{description:"",title:""},visibility:"public"},faqs:{path:"/faqs",name:"faqs",icon:"SealQuestion",seo:{description:"",title:""},visibility:"public"},reviews:{path:"/reviews",name:"reviews",icon:"Star",seo:{description:"",title:""},visibility:"public"},contact:{path:"/contact",name:"contact",icon:"ChatCentered",seo:{description:"",title:""},visibility:"public"},ticket:{path:"/ticket",name:"ticket",icon:"Ticket",seo:{description:"",title:""},visibility:"public"},login:{path:"/login",name:"login",icon:"UserCircleGear",seo:{description:"",title:""},visibility:"public"}},ve=["Acorn","Activity","AddressBook","AddressBookTabs","AirTrafficControl","Airplane","AirplaneInFlight","AirplaneLanding","AirplaneTakeoff","AirplaneTaxiing","AirplaneTilt","Airplay","Alarm","Alien","AlignBottom","AlignBottomSimple","AlignCenterHorizontal","AlignCenterHorizontalSimple","AlignCenterVertical","AlignCenterVerticalSimple","AlignLeft","AlignLeftSimple","AlignRight","AlignRightSimple","AlignTop","AlignTopSimple","AmazonLogo","Ambulance","Anchor","AnchorSimple","AndroidLogo","Angle","AngularLogo","Aperture","AppStoreLogo","AppWindow","AppleLogo","ApplePodcastsLogo","ApproximateEquals","Archive","ArchiveBox","ArchiveTray","Armchair","ArrowArcLeft","ArrowArcRight","ArrowBendDoubleUpLeft","ArrowBendDoubleUpRight","ArrowBendDownLeft","ArrowBendDownRight","ArrowBendLeftDown","ArrowBendLeftUp","ArrowBendRightDown","ArrowBendRightUp","ArrowBendUpLeft","ArrowBendUpRight","ArrowCircleDown","ArrowCircleDownLeft","ArrowCircleDownRight","ArrowCircleLeft","ArrowCircleRight","ArrowCircleUp","ArrowCircleUpLeft","ArrowCircleUpRight","ArrowClockwise","ArrowCounterClockwise","ArrowDown","ArrowDownLeft","ArrowDownRight","ArrowElbowDownLeft","ArrowElbowDownRight","ArrowElbowLeft","ArrowElbowLeftDown","ArrowElbowLeftUp","ArrowElbowRight","ArrowElbowRightDown","ArrowElbowRightUp","ArrowElbowUpLeft","ArrowElbowUpRight","ArrowFatDown","ArrowFatLeft","ArrowFatLineDown","ArrowFatLineLeft","ArrowFatLineRight","ArrowFatLineUp","ArrowFatLinesDown","ArrowFatLinesLeft","ArrowFatLinesRight","ArrowFatLinesUp","ArrowFatRight","ArrowFatUp","ArrowLeft","ArrowLineDown","ArrowLineDownLeft","ArrowLineDownRight","ArrowLineLeft","ArrowLineRight","ArrowLineUp","ArrowLineUpLeft","ArrowLineUpRight","ArrowRight","ArrowSquareDown","ArrowSquareDownLeft","ArrowSquareDownRight","ArrowSquareIn","ArrowSquareLeft","ArrowSquareOut","ArrowSquareRight","ArrowSquareUp","ArrowSquareUpLeft","ArrowSquareUpRight","ArrowUDownLeft","ArrowUDownRight","ArrowULeftDown","ArrowULeftUp","ArrowURightDown","ArrowURightUp","ArrowUUpLeft","ArrowUUpRight","ArrowUp","ArrowUpLeft","ArrowUpRight","ArrowsClockwise","ArrowsCounterClockwise","ArrowsDownUp","ArrowsHorizontal","ArrowsIn","ArrowsInCardinal","ArrowsInLineHorizontal","ArrowsInLineVertical","ArrowsInSimple","ArrowsLeftRight","ArrowsMerge","ArrowsOut","ArrowsOutCardinal","ArrowsOutLineHorizontal","ArrowsOutLineVertical","ArrowsOutSimple","ArrowsSplit","ArrowsVertical","Article","ArticleMedium","ArticleNyTimes","Asclepius","Asterisk","AsteriskSimple","At","Atom","Avocado","Axe","Baby","BabyCarriage","Backpack","Backspace","Bag","BagSimple","Balloon","Bandaids","Bank","Barbell","Barcode","Barn","Barricade","Baseball","BaseballCap","BaseballHelmet","Basket","Basketball","Bathtub","BatteryCharging","BatteryChargingVertical","BatteryEmpty","BatteryFull","BatteryHigh","BatteryLow","BatteryMedium","BatteryPlus","BatteryPlusVertical","BatteryVerticalEmpty","BatteryVerticalFull","BatteryVerticalHigh","BatteryVerticalLow","BatteryVerticalMedium","BatteryWarning","BatteryWarningVertical","BeachBall","Beanie","Bed","BeerBottle","BeerStein","BehanceLogo","Bell","BellRinging","BellSimple","BellSimpleRinging","BellSimpleSlash","BellSimpleZ","BellSlash","BellZ","Belt","BezierCurve","Bicycle","Binary","Binoculars","Biohazard","Bird","Blueprint","Bluetooth","BluetoothConnected","BluetoothSlash","BluetoothX","Boat","Bomb","Bone","Book","BookBookmark","BookOpen","BookOpenText","BookOpenUser","Bookmark","BookmarkSimple","Bookmarks","BookmarksSimple","Books","Boot","Boules","BoundingBox","BowlFood","BowlSteam","BowlingBall","BoxArrowDown","BoxArrowUp","BoxingGlove","BracketsAngle","BracketsCurly","BracketsRound","BracketsSquare","Brain","Brandy","Bread","Bridge","Briefcase","BriefcaseMetal","Broadcast","Broom","Browser","Browsers","Bug","BugBeetle","BugDroid","Building","BuildingApartment","BuildingOffice","Buildings","Bulldozer","Bus","Butterfly","CableCar","Cactus","Caduceus","Cake","Calculator","Calendar","CalendarBlank","CalendarCheck","CalendarDot","CalendarDots","CalendarHeart","CalendarMinus","CalendarPlus","CalendarSlash","CalendarStar","CalendarX","CallBell","Camera","CameraPlus","CameraRotate","CameraSlash","Campfire","Car","CarBattery","CarProfile","CarSimple","Cardholder","Cards","CardsThree","CaretCircleDoubleDown","CaretCircleDoubleLeft","CaretCircleDoubleRight","CaretCircleDoubleUp","CaretCircleDown","CaretCircleLeft","CaretCircleRight","CaretCircleUp","CaretCircleUpDown","CaretDoubleDown","CaretDoubleLeft","CaretDoubleRight","CaretDoubleUp","CaretDown","CaretLeft","CaretLineDown","CaretLineLeft","CaretLineRight","CaretLineUp","CaretRight","CaretUp","CaretUpDown","Carrot","CashRegister","CassetteTape","CastleTurret","Cat","CellSignalFull","CellSignalHigh","CellSignalLow","CellSignalMedium","CellSignalNone","CellSignalSlash","CellSignalX","CellTower","Certificate","Chair","Chalkboard","ChalkboardSimple","ChalkboardTeacher","Champagne","ChargingStation","ChartBar","ChartBarHorizontal","ChartDonut","ChartLine","ChartLineDown","ChartLineUp","ChartPie","ChartPieSlice","ChartPolar","ChartScatter","Chat","ChatCentered","ChatCenteredDots","ChatCenteredSlash","ChatCenteredText","ChatCircle","ChatCircleDots","ChatCircleSlash","ChatCircleText","ChatDots","ChatSlash","ChatTeardrop","ChatTeardropDots","ChatTeardropSlash","ChatTeardropText","ChatText","Chats","ChatsCircle","ChatsTeardrop","Check","CheckCircle","CheckFat","CheckSquare","CheckSquareOffset","Checkerboard","Checks","Cheers","Cheese","ChefHat","Cherries","Church","Cigarette","CigaretteSlash","Circle","CircleDashed","CircleHalf","CircleHalfTilt","CircleNotch","CircleWavy","CircleWavyCheck","CircleWavyQuestion","CircleWavyWarning","CirclesFour","CirclesThree","CirclesThreePlus","Circuitry","City","Clipboard","ClipboardText","Clock","ClockAfternoon","ClockClockwise","ClockCountdown","ClockCounterClockwise","ClockUser","ClosedCaptioning","Cloud","CloudArrowDown","CloudArrowUp","CloudCheck","CloudFog","CloudLightning","CloudMoon","CloudRain","CloudSlash","CloudSnow","CloudSun","CloudWarning","CloudX","Clover","Club","CoatHanger","CodaLogo","Code","CodeBlock","CodeSimple","CodepenLogo","CodesandboxLogo","Coffee","CoffeeBean","Coin","CoinVertical","Coins","Columns","ColumnsPlusLeft","ColumnsPlusRight","Command","Compass","CompassRose","CompassTool","ComputerTower","Confetti","ContactlessPayment","Control","Cookie","CookingPot","Copy","CopySimple","Copyleft","Copyright","CornersIn","CornersOut","Couch","CourtBasketball","Cow","CowboyHat","Cpu","Crane","CraneTower","CreditCard","Cricket","Crop","Cross","Crosshair","CrosshairSimple","Crown","CrownCross","CrownSimple","Cube","CubeFocus","CubeTransparent","CurrencyBtc","CurrencyCircleDollar","CurrencyCny","CurrencyDollar","CurrencyDollarSimple","CurrencyEth","CurrencyEur","CurrencyGbp","CurrencyInr","CurrencyJpy","CurrencyKrw","CurrencyKzt","CurrencyNgn","CurrencyRub","Cursor","CursorClick","CursorText","Cylinder","Database","Desk","Desktop","DesktopTower","Detective","DevToLogo","DeviceMobile","DeviceMobileCamera","DeviceMobileSlash","DeviceMobileSpeaker","DeviceRotate","DeviceTablet","DeviceTabletCamera","DeviceTabletSpeaker","Devices","Diamond","DiamondsFour","DiceFive","DiceFour","DiceOne","DiceSix","DiceThree","DiceTwo","Disc","DiscoBall","DiscordLogo","Divide","Dna","Dog","Door","DoorOpen","Dot","DotOutline","DotsNine","DotsSix","DotsSixVertical","DotsThree","DotsThreeCircle","DotsThreeCircleVertical","DotsThreeOutline","DotsThreeOutlineVertical","DotsThreeVertical","Download","DownloadSimple","Dress","Dresser","DribbbleLogo","Drone","Drop","DropHalf","DropHalfBottom","DropSimple","DropSlash","DropboxLogo","Ear","EarSlash","Egg","EggCrack","Eject","EjectSimple","Elevator","Empty","Engine","Envelope","EnvelopeOpen","EnvelopeSimple","EnvelopeSimpleOpen","Equalizer","Equals","Eraser","EscalatorDown","EscalatorUp","Exam","ExclamationMark","Exclude","ExcludeSquare","Export","Eye","EyeClosed","EyeSlash","Eyedropper","EyedropperSample","Eyeglasses","Eyes","FaceMask","FacebookLogo","Factory","Faders","FadersHorizontal","FalloutShelter","Fan","Farm","FastForward","FastForwardCircle","Feather","FediverseLogo","FigmaLogo","File","FileArchive","FileArrowDown","FileArrowUp","FileAudio","FileC","FileCSharp","FileCloud","FileCode","FileCpp","FileCss","FileCsv","FileDashed","FileDoc","FileDotted","FileHtml","FileImage","FileIni","FileJpg","FileJs","FileJsx","FileLock","FileMagnifyingGlass","FileMd","FileMinus","FilePdf","FilePlus","FilePng","FilePpt","FilePy","FileRs","FileSearch","FileSql","FileSvg","FileText","FileTs","FileTsx","FileTxt","FileVideo","FileVue","FileX","FileXls","FileZip","Files","FilmReel","FilmScript","FilmSlate","FilmStrip","Fingerprint","FingerprintSimple","FinnTheHuman","Fire","FireExtinguisher","FireSimple","FireTruck","FirstAid","FirstAidKit","Fish","FishSimple","Flag","FlagBanner","FlagBannerFold","FlagCheckered","FlagPennant","Flame","Flashlight","Flask","FlipHorizontal","FlipVertical","FloppyDisk","FloppyDiskBack","FlowArrow","Flower","FlowerLotus","FlowerTulip","FlyingSaucer","Folder","FolderDashed","FolderDotted","FolderLock","FolderMinus","FolderNotch","FolderNotchMinus","FolderNotchOpen","FolderNotchPlus","FolderOpen","FolderPlus","FolderSimple","FolderSimpleDashed","FolderSimpleDotted","FolderSimpleLock","FolderSimpleMinus","FolderSimplePlus","FolderSimpleStar","FolderSimpleUser","FolderStar","FolderUser","Folders","Football","FootballHelmet","Footprints","ForkKnife","FourK","FrameCorners","FramerLogo","Function","Funnel","FunnelSimple","FunnelSimpleX","FunnelX","GameController","Garage","GasCan","GasPump","Gauge","Gavel","Gear","GearFine","GearSix","GenderFemale","GenderIntersex","GenderMale","GenderNeuter","GenderNonbinary","GenderTransgender","Ghost","Gif","Gift","GitBranch","GitCommit","GitDiff","GitFork","GitMerge","GitPullRequest","GithubLogo","GitlabLogo","GitlabLogoSimple","Globe","GlobeHemisphereEast","GlobeHemisphereWest","GlobeSimple","GlobeSimpleX","GlobeStand","GlobeX","Goggles","Golf","GoodreadsLogo","GoogleCardboardLogo","GoogleChromeLogo","GoogleDriveLogo","GoogleLogo","GooglePhotosLogo","GooglePlayLogo","GooglePodcastsLogo","Gps","GpsFix","GpsSlash","Gradient","GraduationCap","Grains","GrainsSlash","Graph","GraphicsCard","GreaterThan","GreaterThanOrEqual","GridFour","GridNine","Guitar","HairDryer","Hamburger","Hammer","Hand","HandArrowDown","HandArrowUp","HandCoins","HandDeposit","HandEye","HandFist","HandGrabbing","HandHeart","HandPalm","HandPeace","HandPointing","HandSoap","HandSwipeLeft","HandSwipeRight","HandTap","HandWaving","HandWithdraw","Handbag","HandbagSimple","HandsClapping","HandsPraying","Handshake","HardDrive","HardDrives","HardHat","Hash","HashStraight","HeadCircuit","Headlights","Headphones","Headset","Heart","HeartBreak","HeartHalf","HeartStraight","HeartStraightBreak","Heartbeat","Hexagon","HighDefinition","HighHeel","Highlighter","HighlighterCircle","Hockey","Hoodie","Horse","Hospital","Hourglass","HourglassHigh","HourglassLow","HourglassMedium","HourglassSimple","HourglassSimpleHigh","HourglassSimpleLow","HourglassSimpleMedium","House","HouseLine","HouseSimple","Hurricane","IceCream","IconBase","IconContext","IdentificationBadge","IdentificationCard","Image","ImageBroken","ImageSquare","Images","ImagesSquare","Infinity","Info","InstagramLogo","Intersect","IntersectSquare","IntersectThree","Intersection","Invoice","Island","Jar","JarLabel","Jeep","Joystick","Kanban","Key","KeyReturn","Keyboard","Keyhole","Knife","Ladder","LadderSimple","Lamp","LampPendant","Laptop","Lasso","LastfmLogo","Layout","Leaf","Lectern","Lego","LegoSmiley","Lemniscate","LessThan","LessThanOrEqual","LetterCircleH","LetterCircleP","LetterCircleV","Lifebuoy","Lightbulb","LightbulbFilament","Lighthouse","Lightning","LightningA","LightningSlash","LineSegment","LineSegments","LineVertical","Link","LinkBreak","LinkSimple","LinkSimpleBreak","LinkSimpleHorizontal","LinkSimpleHorizontalBreak","LinkedinLogo","LinktreeLogo","LinuxLogo","List","ListBullets","ListChecks","ListDashes","ListHeart","ListMagnifyingGlass","ListNumbers","ListPlus","ListStar","Lock","LockKey","LockKeyOpen","LockLaminated","LockLaminatedOpen","LockOpen","LockSimple","LockSimpleOpen","Lockers","Log","MagicWand","Magnet","MagnetStraight","MagnifyingGlass","MagnifyingGlassMinus","MagnifyingGlassPlus","Mailbox","MapPin","MapPinArea","MapPinLine","MapPinPlus","MapPinSimple","MapPinSimpleArea","MapPinSimpleLine","MapTrifold","MarkdownLogo","MarkerCircle","Martini","MaskHappy","MaskSad","MastodonLogo","MathOperations","MatrixLogo","Medal","MedalMilitary","MediumLogo","Megaphone","MegaphoneSimple","MemberOf","Memory","MessengerLogo","MetaLogo","Meteor","Metronome","Microphone","MicrophoneSlash","MicrophoneStage","Microscope","MicrosoftExcelLogo","MicrosoftOutlookLogo","MicrosoftPowerpointLogo","MicrosoftTeamsLogo","MicrosoftWordLogo","Minus","MinusCircle","MinusSquare","Money","MoneyWavy","Monitor","MonitorArrowUp","MonitorPlay","Moon","MoonStars","Moped","MopedFront","Mosque","Motorcycle","Mountains","Mouse","MouseLeftClick","MouseMiddleClick","MouseRightClick","MouseScroll","MouseSimple","MusicNote","MusicNoteSimple","MusicNotes","MusicNotesMinus","MusicNotesPlus","MusicNotesSimple","NavigationArrow","Needle","Network","NetworkSlash","NetworkX","Newspaper","NewspaperClipping","NotEquals","NotMemberOf","NotSubsetOf","NotSupersetOf","Notches","Note","NoteBlank","NotePencil","Notebook","Notepad","Notification","NotionLogo","NuclearPlant","NumberCircleEight","NumberCircleFive","NumberCircleFour","NumberCircleNine","NumberCircleOne","NumberCircleSeven","NumberCircleSix","NumberCircleThree","NumberCircleTwo","NumberCircleZero","NumberEight","NumberFive","NumberFour","NumberNine","NumberOne","NumberSeven","NumberSix","NumberSquareEight","NumberSquareFive","NumberSquareFour","NumberSquareNine","NumberSquareOne","NumberSquareSeven","NumberSquareSix","NumberSquareThree","NumberSquareTwo","NumberSquareZero","NumberThree","NumberTwo","NumberZero","Numpad","Nut","NyTimesLogo","Octagon","OfficeChair","Onigiri","OpenAiLogo","Option","Orange","OrangeSlice","Oven","Package","PaintBrush","PaintBrushBroad","PaintBrushHousehold","PaintBucket","PaintRoller","Palette","Panorama","Pants","PaperPlane","PaperPlaneRight","PaperPlaneTilt","Paperclip","PaperclipHorizontal","Parachute","Paragraph","Parallelogram","Park","Password","Path","PatreonLogo","Pause","PauseCircle","PawPrint","PaypalLogo","Peace","Pen","PenNib","PenNibStraight","Pencil","PencilCircle","PencilLine","PencilRuler","PencilSimple","PencilSimpleLine","PencilSimpleSlash","PencilSlash","Pentagon","Pentagram","Pepper","Percent","Person","PersonArmsSpread","PersonSimple","PersonSimpleBike","PersonSimpleCircle","PersonSimpleHike","PersonSimpleRun","PersonSimpleSki","PersonSimpleSnowboard","PersonSimpleSwim","PersonSimpleTaiChi","PersonSimpleThrow","PersonSimpleWalk","Perspective","Phone","PhoneCall","PhoneDisconnect","PhoneIncoming","PhoneList","PhoneOutgoing","PhonePause","PhonePlus","PhoneSlash","PhoneTransfer","PhoneX","PhosphorLogo","Pi","PianoKeys","PicnicTable","PictureInPicture","PiggyBank","Pill","PingPong","PintGlass","PinterestLogo","Pinwheel","Pipe","PipeWrench","PixLogo","Pizza","Placeholder","Planet","Plant","Play","PlayCircle","PlayPause","Playlist","Plug","PlugCharging","Plugs","PlugsConnected","Plus","PlusCircle","PlusMinus","PlusSquare","PokerChip","PoliceCar","Polygon","Popcorn","Popsicle","PottedPlant","Power","Prescription","Presentation","PresentationChart","Printer","Prohibit","ProhibitInset","ProjectorScreen","ProjectorScreenChart","Pulse","PushPin","PushPinSimple","PushPinSimpleSlash","PushPinSlash","PuzzlePiece","QrCode","Question","QuestionMark","Queue","Quotes","Rabbit","Racquet","Radical","Radio","RadioButton","Radioactive","Rainbow","RainbowCloud","Ranking","ReadCvLogo","Receipt","ReceiptX","Record","Rectangle","RectangleDashed","Recycle","RedditLogo","Repeat","RepeatOnce","ReplitLogo","Resize","Rewind","RewindCircle","RoadHorizon","Robot","Rocket","RocketLaunch","Rows","RowsPlusBottom","RowsPlusTop","Rss","RssSimple","Rug","Ruler","SSR","Sailboat","Scales","Scan","ScanSmiley","Scissors","Scooter","Screencast","Screwdriver","Scribble","ScribbleLoop","Scroll","Seal","SealCheck","SealPercent","SealQuestion","SealWarning","Seat","Seatbelt","SecurityCamera","Selection","SelectionAll","SelectionBackground","SelectionForeground","SelectionInverse","SelectionPlus","SelectionSlash","Shapes","Share","ShareFat","ShareNetwork","Shield","ShieldCheck","ShieldCheckered","ShieldChevron","ShieldPlus","ShieldSlash","ShieldStar","ShieldWarning","ShippingContainer","ShirtFolded","ShootingStar","ShoppingBag","ShoppingBagOpen","ShoppingCart","ShoppingCartSimple","Shovel","Shower","Shrimp","Shuffle","ShuffleAngular","ShuffleSimple","Sidebar","SidebarSimple","Sigma","SignIn","SignOut","Signature","Signpost","SimCard","Siren","SketchLogo","SkipBack","SkipBackCircle","SkipForward","SkipForwardCircle","Skull","SkypeLogo","SlackLogo","Sliders","SlidersHorizontal","Slideshow","Smiley","SmileyAngry","SmileyBlank","SmileyMeh","SmileyMelting","SmileyNervous","SmileySad","SmileySticker","SmileyWink","SmileyXEyes","SnapchatLogo","Sneaker","SneakerMove","Snowflake","SoccerBall","Sock","SolarPanel","SolarRoof","SortAscending","SortDescending","SoundcloudLogo","Spade","Sparkle","SpeakerHifi","SpeakerHigh","SpeakerLow","SpeakerNone","SpeakerSimpleHigh","SpeakerSimpleLow","SpeakerSimpleNone","SpeakerSimpleSlash","SpeakerSimpleX","SpeakerSlash","SpeakerX","Speedometer","Sphere","Spinner","SpinnerBall","SpinnerGap","Spiral","SplitHorizontal","SplitVertical","SpotifyLogo","SprayBottle","Square","SquareHalf","SquareHalfBottom","SquareLogo","SquareSplitHorizontal","SquareSplitVertical","SquaresFour","Stack","StackMinus","StackOverflowLogo","StackPlus","StackSimple","Stairs","Stamp","StandardDefinition","Star","StarAndCrescent","StarFour","StarHalf","StarOfDavid","SteamLogo","SteeringWheel","Steps","Stethoscope","Sticker","Stool","Stop","StopCircle","Storefront","Strategy","StripeLogo","Student","SubsetOf","SubsetProperOf","Subtitles","SubtitlesSlash","Subtract","SubtractSquare","Subway","Suitcase","SuitcaseRolling","SuitcaseSimple","Sun","SunDim","SunHorizon","Sunglasses","SupersetOf","SupersetProperOf","Swap","Swatches","SwimmingPool","Sword","Synagogue","Syringe","TShirt","Table","Tabs","Tag","TagChevron","TagSimple","Target","Taxi","TeaBag","TelegramLogo","Television","TelevisionSimple","TennisBall","Tent","Terminal","TerminalWindow","TestTube","TextAUnderline","TextAa","TextAlignCenter","TextAlignJustify","TextAlignLeft","TextAlignRight","TextB","TextBolder","TextColumns","TextH","TextHFive","TextHFour","TextHOne","TextHSix","TextHThree","TextHTwo","TextIndent","TextItalic","TextOutdent","TextStrikethrough","TextSubscript","TextSuperscript","TextT","TextTSlash","TextUnderline","Textbox","Thermometer","ThermometerCold","ThermometerHot","ThermometerSimple","ThreadsLogo","ThreeD","ThumbsDown","ThumbsUp","Ticket","TidalLogo","TiktokLogo","Tilde","Timer","TipJar","Tipi","Tire","ToggleLeft","ToggleRight","Toilet","ToiletPaper","Toolbox","Tooth","Tornado","Tote","ToteSimple","Towel","Tractor","Trademark","TrademarkRegistered","TrafficCone","TrafficSign","TrafficSignal","Train","TrainRegional","TrainSimple","Tram","Translate","Trash","TrashSimple","Tray","TrayArrowDown","TrayArrowUp","TreasureChest","Tree","TreeEvergreen","TreePalm","TreeStructure","TreeView","TrendDown","TrendUp","Triangle","TriangleDashed","Trolley","TrolleySuitcase","Trophy","Truck","TruckTrailer","TumblrLogo","TwitchLogo","TwitterLogo","Umbrella","UmbrellaSimple","Union","Unite","UniteSquare","Upload","UploadSimple","Usb","User","UserCheck","UserCircle","UserCircleCheck","UserCircleDashed","UserCircleGear","UserCircleMinus","UserCirclePlus","UserFocus","UserGear","UserList","UserMinus","UserPlus","UserRectangle","UserSound","UserSquare","UserSwitch","Users","UsersFour","UsersThree","Van","Vault","VectorThree","VectorTwo","Vibrate","Video","VideoCamera","VideoCameraSlash","VideoConference","Vignette","VinylRecord","VirtualReality","Virus","Visor","Voicemail","Volleyball","Wall","Wallet","Warehouse","Warning","WarningCircle","WarningDiamond","WarningOctagon","WashingMachine","Watch","WaveSawtooth","WaveSine","WaveSquare","WaveTriangle","Waveform","WaveformSlash","Waves","Webcam","WebcamSlash","WebhooksLogo","WechatLogo","WhatsappLogo","Wheelchair","WheelchairMotion","WifiHigh","WifiLow","WifiMedium","WifiNone","WifiSlash","WifiX","Wind","Windmill","WindowsLogo","Wine","Wrench","X","XCircle","XLogo","XSquare","Yarn","YinYang","YoutubeLogo"];function ke(){let t=new URLSearchParams(document.location.search);const s=t.get("shopId")||localStorage.getItem("shopId"),o=t.get("sellerAccessToken")||localStorage.getItem("sellerAccessToken"),n=t.get("draftId")||localStorage.getItem("draftId");return Le(),o&&localStorage.setItem("sellerAccessToken",o),s&&localStorage.setItem("shopId",s),n&&localStorage.setItem("draftId",n),!!(o&&s&&n)}const Re="_wrapper_1dfbs_1",Ee="_main_1dfbs_9",ye="_loading_1dfbs_13",ne={wrapper:Re,main:Ee,loading:ye},he=({render:t,block:s})=>t(s),ge=()=>{const{footer:t}=e.useLayersStore(),{settings:s}=e.useSettingsStore(),{pageContext:o}=e.usePagesStore();return t==null?void 0:t.renderBlock(s,o)},Se=()=>{const{header:t}=e.useLayersStore(),{settings:s}=e.useSettingsStore(),{pageContext:o}=e.usePagesStore();return t==null?void 0:t.renderBlock(s,o)},Be=({pagePath:t})=>{const{sourceBlocks:s}=e.useBlocksStore(),{pageContext:o}=e.usePagesStore(),[n,l]=h.useState(!0),[i,r]=h.useState(null),{setThemeSettings:a}=e.useThemeSettingsStore(),[u,S]=h.useState();h.useEffect(()=>{l(!0),(async()=>{const d=await e.getDynamicPage(encodeURIComponent(t));if(console.log(d),d){r(d.layout);const{settings:c,theme:b}=await e.getThemeAndSettings();a(b),S(c)}l(!1)})()},[t]);const m=p=>{if(!p||!p.name)return e.jsxRuntimeExports.jsx(e.ErrorableBlock,{error:"Block or block.name is undefined."});if(!s||!s[p.name])return e.jsxRuntimeExports.jsx(e.ErrorableBlock,{error:`Block "${p.name}" does not exist in blocks.`});const d=new s[p.name];return p.value&&Object.assign(d,p.value),d.renderBlock(u,o)};return!n&&i===null?e.jsxRuntimeExports.jsx(Pe,{}):e.jsxRuntimeExports.jsxs("div",{className:ne.wrapper,children:[e.jsxRuntimeExports.jsx(Se,{}),!n&&i?e.jsxRuntimeExports.jsx("div",{className:ne.main,children:Object.keys(i).map(p=>e.jsxRuntimeExports.jsx(he,{block:i[p],render:m},p))}):e.jsxRuntimeExports.jsx("div",{className:ne.loading,children:e.jsxRuntimeExports.jsx(e.Loader,{})}),e.jsxRuntimeExports.jsx(ge,{})]})},Pe=()=>e.jsxRuntimeExports.jsx("div",{className:ne.notFound,children:"Page Not Found"});function Ae(){const t=e.useLocation();return e.jsxRuntimeExports.jsx(Be,{pagePath:t.pathname})}const Le=()=>{const t=new URL(window.location.href);window.history.replaceState(null,"",t.pathname+t.hash)},Te="_buttons_uu72s_1",Ne="_button_uu72s_1",Fe="_disabled_uu72s_17",X={buttons:Te,button:Ne,disabled:Fe},De=()=>{const{undo:t,redo:s,past:o,future:n}=e.useHistoryStore(),[l,i]=h.useState(!1),[r,a]=h.useState(!1);return h.useEffect(()=>{i(o.length===0)},[o]),h.useEffect(()=>{a(n.length===0)},[n]),e.jsxRuntimeExports.jsxs("div",{className:X.buttons,children:[e.jsxRuntimeExports.jsx("div",{className:e.clx(X.button,{[X.disabled]:l}),children:e.jsxRuntimeExports.jsx(e.Icon,{name:"ArrowUUpLeft",width:20,height:20,onClick:()=>{l||t()},fill:l?"#757575":"#252525"})}),e.jsxRuntimeExports.jsx("div",{className:e.clx(X.button,{[X.disabled]:r}),children:e.jsxRuntimeExports.jsx(e.Icon,{name:"ArrowUUpRight",width:20,height:20,onClick:()=>{r||s()},fill:r?"#757575":"#252525"})})]})},Ie="_devices_1b6y1_1",Me="_device_1b6y1_1",$e="_active_1b6y1_26",ie={devices:Ie,device:Me,active:$e},He=()=>{const{currentDevice:t,setCurrentDevice:s}=e.useDeviceStore();return e.jsxRuntimeExports.jsx("div",{className:ie.devices,children:_e.map(o=>e.jsxRuntimeExports.jsx("div",{className:e.clx(ie.device,{[ie.active]:t.value===o.value}),onClick:()=>s(o),children:e.jsxRuntimeExports.jsx(e.Icon,{name:o.icon,fill:t.value===o.value?"#252525":"#757575",width:20,height:20})},o.value))})},Oe="_header_2d8xd_1",Ue="_left_2d8xd_13",qe="_right_2d8xd_14",Z={header:Oe,left:Ue,right:qe},Ge="_preview_93shy_2",ze="_active_93shy_23",ae={preview:Ge,active:ze},We=()=>{const{onPreview:t,setOnPreview:s}=e.usePreviewStore();return e.jsxRuntimeExports.jsxs("div",{className:e.clx(ae.preview,{[ae.active]:t}),onClick:()=>s(!t),children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"ArrowUpRight",width:20,height:20}),e.jsxRuntimeExports.jsx("span",{className:ae.text,children:"Preview"})]})},Ve="_settings_u4cv4_1",Xe={settings:Ve},Qe="_pages_1mwe1_1",Ke="_text_1mwe1_17",Ye="_modal_1mwe1_23",Je="_page_1mwe1_1",Ze="_hoverable_1mwe1_49",et="_separator_1mwe1_53",tt="_button_1mwe1_57",st="_items_1mwe1_72",M={pages:Qe,default:"_default_1mwe1_5",text:Ke,modal:Ye,page:Je,hoverable:Ze,separator:et,button:tt,items:st},ot=()=>{const{currentPage:t,setCurrentPage:s,setIsOpenModal:o,pages:n,setIsEdit:l,setEditedPage:i,deletePage:r,isOpenSelectModal:a,setIsOpenSelectModal:u}=e.usePagesStore(),{deletePage:S}=e.useLayersStore(),[m,p]=h.useState("");return h.useEffect(()=>{const d=()=>{u(!1)};return document.body.addEventListener("click",d),()=>{document.body.removeEventListener("click",d)}},[]),e.jsxRuntimeExports.jsxs("div",{className:M.pages,children:[e.jsxRuntimeExports.jsxs("div",{className:M.default,onClick:d=>{d.stopPropagation(),u(!a)},children:[e.jsxRuntimeExports.jsx(e.Icon,{name:n&&n[t]&&n[t].icon||"File",fill:"#252525",width:20,height:20}),e.jsxRuntimeExports.jsx("span",{className:M.text,children:n&&n[t]&&Y.includes(n[t].name)?`${F(n[t].name)} page`:n&&n[t]&&n[t].name}),e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretDown",width:20,height:20})]}),a&&e.jsxRuntimeExports.jsxs("div",{className:M.modal,onClick:d=>d.stopPropagation(),children:[n&&e.jsxRuntimeExports.jsx("div",{className:M.items,children:Object.keys(n).map(d=>{const c=n[d];return e.jsxRuntimeExports.jsxs("div",{className:e.clx(M.page,{[M.hoverable]:m===d}),onMouseEnter:()=>p(d),onMouseLeave:()=>p(""),onClick:()=>{p(""),l(!1),s(d),u(!1)},children:[e.jsxRuntimeExports.jsx(e.Icon,{name:c.icon,fill:"#252525"}),e.jsxRuntimeExports.jsx("span",{className:M.text,children:Y.includes(c.name)?`${F(c.name)} page`:c.name}),m===d&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"Gear",fill:"#757575",onClick:b=>{b.stopPropagation(),l(!0),i(d),o(!0)}}),!Y.includes(c.name)&&e.jsxRuntimeExports.jsx(e.Icon,{name:"Trash",fill:"#C12A2A",onClick:b=>{n[t].path===c.name&&s("/"),b.stopPropagation(),r(d),S(c.name),e.deletePage(c.path)}})]}),n[t]&&n[t].path===c.name&&e.jsxRuntimeExports.jsx(e.Icon,{name:"Check",fill:"#FF3F19"})]},d)})}),e.jsxRuntimeExports.jsx("div",{className:M.separator}),e.jsxRuntimeExports.jsxs(e.Button,{className:M.button,onClick:d=>{d.stopPropagation(),o(!0)},size:"l",children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"Plus",fill:"#ff3f19"}),e.jsxRuntimeExports.jsx("span",{children:"Create Page Blank"})]})]})]})},nt="_zoom_1q1ud_1",rt={zoom:nt},it=()=>{const[t,s]=h.useState(),o=()=>{s(Number(Math.round(window.devicePixelRatio*50).toFixed(0)))};return h.useEffect(()=>(o(),window.addEventListener("resize",o),()=>{window.removeEventListener("resize",o)}),[]),e.jsxRuntimeExports.jsxs("div",{className:rt.zoom,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"MagnifyingGlassMinus",width:20,height:20}),e.jsxRuntimeExports.jsxs("span",{children:[t," %"]})]})},at=()=>e.jsxRuntimeExports.jsxs("div",{className:Xe.settings,children:[e.jsxRuntimeExports.jsx(ot,{}),e.jsxRuntimeExports.jsx(it,{})]}),lt="_theme_1jz2h_1",ct={theme:lt},ut=()=>e.jsxRuntimeExports.jsxs("div",{className:ct.theme,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"Check",width:18,height:18}),e.jsxRuntimeExports.jsx("div",{children:"Current Theme"})]}),dt=()=>{const{themeSettings:t}=e.useThemeSettingsStore(),{settings:s}=e.useSettingsStore(),{isOpenSelectModal:o}=e.usePagesStore(),[n,l]=h.useState(null),[i,r]=h.useState(!1),{pages:a}=e.usePagesStore(),{blocks:u}=e.useLayersStore();function S(b,_){try{return _.map(C=>{if(!C.value||!C.value.blockSettings)throw new Error("block.value or block.value.blockSettings is undefined.");return Object.values(C.value.blockSettings).filter(B=>B&&B.type===b).map(B=>{if(!B.value)throw new Error("item.value is undefined.");return B.value}).flat()}).flat().map(C=>{if(!C.listingId)throw new Error("item.listingId is undefined.");return C.listingId})}catch(f){return console.error("Error in getValues function:",f),[]}}function m(b,_){return S(b,_).some(C=>C)}function p(b,_){const f=S(b,_);return Array.isArray(f)&&f.length>0?Math.max(...f):0}function d(b){if(a){const _=Object.keys(a).find(f=>a[f].name===b);if(_)return a[_]}return null}const c=()=>{if(i)n&&clearTimeout(n);else{const _=Object.keys(u).map(f=>{const C=d(f);return{name:C?C.name:f,path:(C==null?void 0:C.path)||f,layout:{...u[f]},neededProductIds:[...S("ProductId",Object.values(u[f]))],neededCategoryIds:[...S("CategoryId",Object.values(u[f]))],neededAnnouncementIds:[...S("AnnouncementId",Object.values(u[f]))],neededListingIds:[...S("listings",Object.values(u[f]))],neededFaqs:m("Faqs",Object.values(u[f])),neededReviewCount:p("ReviewCount",Object.values(u[f])),seo:{pageTitle:C&&C.seo&&C.seo.title?C.seo.title:"",pageDescription:C&&C.seo&&C.seo.description?C.seo.description:""}}});e.updateSettings("post","save",{themeSettings:t,settings:s,updatedPages:_})}r(!0);const b=setTimeout(()=>{r(!1)},2e3);l(b)};return e.jsxRuntimeExports.jsxs("div",{className:Z.header,style:{zIndex:o?5e4:50},children:[e.jsxRuntimeExports.jsxs("div",{className:Z.left,children:[e.jsxRuntimeExports.jsx(He,{}),e.jsxRuntimeExports.jsx(We,{})]}),e.jsxRuntimeExports.jsx("div",{className:Z.center,children:e.jsxRuntimeExports.jsx(at,{})}),e.jsxRuntimeExports.jsxs("div",{className:Z.right,children:[e.jsxRuntimeExports.jsx(ut,{}),e.jsxRuntimeExports.jsx(De,{}),e.jsxRuntimeExports.jsx(e.Button,{onClick:c,children:"Save"})]})]})},pt="_exit_1wk4t_1",mt="_text_1wk4t_11",ue={exit:pt,text:mt},xt=()=>e.jsxRuntimeExports.jsxs("a",{href:"https://dash.billgang.com/",className:ue.exit,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"SignOut",width:20,height:20}),e.jsxRuntimeExports.jsx("span",{className:ue.text,children:"Exit"})]}),ht="_navbar_14j8e_1",gt="_main_14j8e_6",St="_block_14j8e_13",jt="_active_14j8e_30",ee={navbar:ht,main:gt,block:St,active:jt},bt=()=>{const{activeBlock:t,setActiveBlock:s}=e.useNavbarStore(),{setActiveBlock:o}=e.useBlocksStore(),{setCurrentBlock:n}=e.useLayersStore(),{setActiveBlock:l}=e.useThemeSettingsStore();function i(r){o(null),s(r),n(null),l(null)}return e.jsxRuntimeExports.jsxs("div",{className:ee.navbar,children:[e.jsxRuntimeExports.jsx(xt,{}),e.jsxRuntimeExports.jsx("div",{className:ee.main,children:e.navbarBlocks.map(r=>e.jsxRuntimeExports.jsxs("div",{className:e.clx(ee.block,{[ee.active]:t.icon===r.icon}),onClick:()=>i(r),children:[e.jsxRuntimeExports.jsx(e.Icon,{name:r.icon,fill:t.icon===r.icon?"#252525":"#757575"}),e.jsxRuntimeExports.jsx("span",{children:r.name})]},r.icon))})]})},Ct="_preview_1howr_1",ft="_main_1howr_14",_t="_content_1howr_25",wt="_loading_1howr_32",vt="_loader_1howr_42",kt="_spin_1howr_1",te={preview:Ct,main:ft,content:_t,loading:wt,loader:vt,spin:kt},Rt="_header_obebc_1",Et="_circles_obebc_16",yt="_circle_obebc_16",Bt="_red_obebc_33",Pt="_green_obebc_37",At="_yellow_obebc_41",Lt="_input_obebc_45",Tt="_main_obebc_56",Nt="_text_obebc_65",O={header:Rt,circles:Et,circle:yt,red:Bt,green:Pt,yellow:At,input:Lt,main:Tt,text:Nt},Ft="data:image/svg+xml,%3csvg%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20x='0.5'%20width='16'%20height='16'%20fill='url(%23pattern0_4042_718)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_4042_718'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_4042_718'%20transform='scale(0.015625)'/%3e%3c/pattern%3e%3cimage%20id='image0_4042_718'%20width='64'%20height='64'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAONJREFUeF7t20EOhEAIRFG4/6F7DvEnYeFzryQIv6pBd2behOu9dPvsbog+k+NLgArQAqmJcw9iAAhSgZKB3IJkkAySQTJ4CiE+gA8oBeg0mH3Ai084P89HhqwEqIA209ICsQdjAeaZIgaAYKxBDMCAYy8fXwAIgiAIcoJpJEYGI4VjB3YrbC9gL2AvkCB43cM5PgZgAAZgQFnNZAhdGykQBEEQBEEQDBmgAm2glM/z+QUYisYUGoldO7kY32IEAzCg6RgIRgjFAsw+AgRBMNYgBmCAT2TCYfoPPz/HCqQCX1eBHzHnv7C7WhBSAAAAAElFTkSuQmCC'/%3e%3c/defs%3e%3c/svg%3e",Dt=["red","yellow","green"],It=()=>e.jsxRuntimeExports.jsxs("div",{className:O.header,children:[e.jsxRuntimeExports.jsx("div",{className:O.circles,children:Dt.map(t=>e.jsxRuntimeExports.jsx("div",{className:e.clx(O.circle,{[O.red]:t==="red",[O.yellow]:t==="yellow",[O.green]:t==="green"})},t))}),e.jsxRuntimeExports.jsxs("div",{className:O.input,children:[e.jsxRuntimeExports.jsxs("div",{className:O.main,children:[e.jsxRuntimeExports.jsx("img",{src:Ft,alt:""}),e.jsxRuntimeExports.jsx("span",{className:O.text,children:"lorem.ipsum"}),e.jsxRuntimeExports.jsx(e.Icon,{name:"Lock",fill:"#757575",width:15,height:16})]}),e.jsxRuntimeExports.jsx(e.Icon,{name:"Copy",width:20,height:20})]})]}),Mt="_content_glpob_1",$t="_main_glpob_9",Ht="_block_glpob_13",Ot="_active_glpob_20",Ut="_name_glpob_24",qt="_empty_glpob_38",Gt="_icon_glpob_49",zt="_title_glpob_62",Wt="_text_glpob_68",Vt="_sections_glpob_74",Xt="_section_glpob_74",Q={content:Mt,main:$t,block:Ht,active:Ot,name:Ut,empty:qt,icon:Gt,title:zt,text:Wt,sections:Vt,section:Xt},Qt="_sidebar_1cz73_1",Kt="_content_1cz73_14",Yt="_button_1cz73_24",Jt="_moveButton_1cz73_34",Zt="_border_1cz73_38",es="_deleteButton_1cz73_42",L={sidebar:Qt,content:Kt,button:Yt,moveButton:Jt,border:Zt,deleteButton:es},ts=()=>{const{activeBlock:t}=e.usePreviewStore(),{blocks:s,removeBlock:o,moveBlock:n,duplicateBlock:l}=e.useLayersStore(),{currentPage:i,pages:r}=e.usePagesStore(),a=r&&r[i]?Object.keys(s[r[i].path]):[],u=a.indexOf(t),S=()=>{u>0&&r&&n(r[i].path,u,u-1)},m=()=>{u<a.length-1&&r&&n(r[i].path,u,u+1)},p=()=>{r&&l(r[i].path,t)};return e.jsxRuntimeExports.jsx("div",{className:L.sidebar,children:e.jsxRuntimeExports.jsxs("div",{className:L.content,children:[e.jsxRuntimeExports.jsx("button",{onClick:S,className:e.clx(L.button,L.moveButton),disabled:u===0,children:e.jsxRuntimeExports.jsx(e.Icon,{name:"ArrowUp"})}),e.jsxRuntimeExports.jsx("button",{onClick:m,className:e.clx(L.button,L.moveButton),disabled:u===a.length-1,children:e.jsxRuntimeExports.jsx(e.Icon,{name:"ArrowDown"})}),e.jsxRuntimeExports.jsx("div",{className:L.border}),e.jsxRuntimeExports.jsx("button",{onClick:p,className:e.clx(L.button,L.moveButton),children:e.jsxRuntimeExports.jsx(e.Icon,{name:"Copy"})}),e.jsxRuntimeExports.jsx("div",{className:L.border}),e.jsxRuntimeExports.jsx("button",{onClick:()=>{r&&o(r[i].path,t)},className:e.clx(L.button,L.deleteButton),children:e.jsxRuntimeExports.jsx(e.Icon,{name:"Trash",hoverable:!0})})]})})},ss=h.memo(()=>{const{setActiveBlock:t,activeBlock:s}=e.usePreviewStore(),{blocks:o,sourceBlocks:n}=e.useBlocksStore(),{blocks:l}=e.useLayersStore(),{settings:i}=e.useSettingsStore(),{currentPage:r,pages:a,setIsOpenSelectModal:u,pageContext:S}=e.usePagesStore(),m=h.useRef(s);h.useEffect(()=>{m.current=s},[s]),h.useEffect(()=>{const c=()=>{m.current&&t(null)};return document.body.addEventListener("click",c),()=>{document.body.removeEventListener("click",c)}},[]);const p=c=>{if(!c||!c.name)return e.jsxRuntimeExports.jsx(e.ErrorableBlock,{error:"Block or block.name is undefined."});if(!o||!o[c.name])return e.jsxRuntimeExports.jsx(e.ErrorableBlock,{error:`Block "${c.name}" does not exist in blocks.`});const b=new o[c.name];return c.value&&Object.assign(b,c.value),b.renderBlock(i,S)};function d(c){if(!n||!n[c])return"unknown name";const b=new n[c];return!b.blockSettings||!b.blockSettings.displayName?"unknown name":b.blockSettings.displayName}return e.jsxRuntimeExports.jsxs("div",{onClick:c=>{c.stopPropagation(),u(!1)},className:Q.content,children:[e.jsxRuntimeExports.jsx(Se,{}),e.jsxRuntimeExports.jsx("div",{className:Q.main,children:a&&a[r]&&l[a[r].path]&&Object.keys(l[a[r].path]).map(c=>e.jsxRuntimeExports.jsxs("div",{onClick:()=>t(c),className:e.clx(Q.block,{[Q.active]:s===c}),children:[s===c&&e.jsxRuntimeExports.jsx("div",{className:Q.name,children:d(l[a[r].path][c].name)}),s===c&&d(l[a[r].path][c].name)!=="unknown name"&&e.jsxRuntimeExports.jsx(ts,{}),o&&e.jsxRuntimeExports.jsx(he,{render:p,block:l[a[r].path][c]})]},c))}),e.jsxRuntimeExports.jsx(ge,{})]})}),os="_results_12p5x_1",ns="_name_12p5x_8",rs="_product_12p5x_15",se={results:os,name:ns,product:rs},is="_search_186hm_1",as="_input_186hm_13",de={search:is,input:as},ls=()=>e.jsxRuntimeExports.jsxs("label",{className:de.search,children:[e.jsxRuntimeExports.jsx("input",{type:"text",placeholder:"Search for sections",className:de.input}),e.jsxRuntimeExports.jsx(e.Icon,{name:"MagnifyingGlass",fill:"#757575"})]}),je=()=>{const{blocks:t,sourceBlocks:s,setActiveBlock:o}=e.useBlocksStore(),{hideModal:n}=e.useSubmodalStore();function l(a){o(a),n()}function i(a){if(!s||!s[a])return"unknown name";const u=new s[a];return!u.blockSettings||!u.blockSettings.displayName?"unknown name":u.blockSettings.displayName}function r(a){if(s)return new s[a]().blockSettings.isAddable}return e.jsxRuntimeExports.jsxs("div",{className:se.add,children:[e.jsxRuntimeExports.jsx(ls,{}),e.jsxRuntimeExports.jsx("div",{className:se.results,children:t&&Object.keys(t).map(a=>{if(r(a))return e.jsxRuntimeExports.jsxs("div",{className:se.product,onClick:()=>l(a),children:[e.jsxRuntimeExports.jsx("span",{className:se.name,children:i(a)}),e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretRight"})]},a)})})]})},cs=()=>{const{modalPosition:t,color:s,initialColor:o,setShowModal:n,hue:l,saturation:i,brightness:r,dragging:a,setDragging:u,setHue:S,setSaturation:m,setBrightness:p,colorChange:d,setColor:c,update:b}=e.useColorPickerStore(),_=g=>{const{offsetX:w,offsetY:v}=g.nativeEvent;u(!0),B(w,v,g.currentTarget)},f=g=>{if(a){const w=document.querySelector(`.${e.styles.colorMap}`),{left:v,top:E}=w.getBoundingClientRect(),x=g.clientX-v,j=g.clientY-E;B(x,j,w)}},C=()=>{u(!1)},B=(g,w,v)=>{const{width:E,height:x}=v.getBoundingClientRect(),j=Math.max(0,Math.min(g/E*100,100)),I=Math.max(0,Math.min(100-w/x*100,100));m(j),p(I),k(j,I)},k=(g,w)=>{const v=R(l,g,w);d(v),c(v)},A=(g,w,v)=>{w/=100,v/=100;const E=J=>(J+g/60)%6,x=J=>v*(1-w*Math.max(0,Math.min(E(J),4-E(J),1))),j=Math.round(255*x(5)),I=Math.round(255*x(3)),fe=Math.round(255*x(1));return{r:j,g:I,b:fe}},y=(g,w,v)=>{const E=x=>x.toString(16).padStart(2,"0");return`#${E(g)}${E(w)}${E(v)}`},R=(g,w,v)=>{const{r:E,g:x,b:j}=A(g,w,v);return y(E,x,j)};h.useEffect(()=>{const g=v=>f(v),w=()=>C();return a?(document.addEventListener("mousemove",g),document.addEventListener("mouseup",w)):(document.removeEventListener("mousemove",g),document.removeEventListener("mouseup",w)),()=>{document.removeEventListener("mousemove",g),document.removeEventListener("mouseup",w)}},[a]);function P(){b(s),n(!1)}function D(){n(!1),d(o)}return e.jsxRuntimeExports.jsxs("div",{className:e.styles.modal,onClick:g=>g.stopPropagation(),style:{top:`${t.top}px`,left:`${t.left}px`},children:[e.jsxRuntimeExports.jsx("div",{children:"Color"}),e.jsxRuntimeExports.jsx("div",{className:e.styles.colorMap,onMouseDown:_,style:{background:`
 linear-gradient(to top, black, transparent),
 linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
-`},children:e.jsxRuntimeExports.jsx("div",{className:e.styles.indicator,style:{position:"absolute",left:`${i}%`,top:`${100-r}%`,transform:"translate(-50%, -50%)"}})}),e.jsxRuntimeExports.jsx("div",{className:e.styles.hueSlider,children:e.jsxRuntimeExports.jsx("input",{type:"range",min:"0",max:"360",value:l,onChange:h=>{S(Number(h.target.value)),k(i,r)},className:e.styles.slider})}),e.jsxRuntimeExports.jsxs("div",{className:e.styles.buttons,children:[e.jsxRuntimeExports.jsx(e.Button,{onClick:D,className:e.clx(e.styles.applyButton,e.styles.cancelButton),children:"Cancel"}),e.jsxRuntimeExports.jsx(e.Button,{onClick:A,className:e.styles.applyButton,children:"Apply"})]})]})},us=()=>{const{onPreview:t}=e.usePreviewStore(),{isModalVisible:s}=e.useSubmodalStore(),{pageContext:o}=e.usePagesStore(),{showModal:n}=e.useColorPickerStore(),[l,i]=g.useState(!0),{currentDevice:r}=e.useDeviceStore();g.useEffect(()=>{t&&o.general&&setTimeout(()=>{i(!1)},100)},[t,o]);function a(){return r.value==="desktop"?"100%":r.value==="tablet"?"768px":"425px"}return e.jsxRuntimeExports.jsxs("div",{className:te.preview,children:[s&&e.jsxRuntimeExports.jsx(e.Submodal,{children:e.jsxRuntimeExports.jsx(je,{})}),n&&e.jsxRuntimeExports.jsx(cs,{}),t&&e.jsxRuntimeExports.jsxs("div",{className:te.main,style:{width:a()},children:[e.jsxRuntimeExports.jsx(It,{}),e.jsxRuntimeExports.jsx("div",{className:te.content,children:l?e.jsxRuntimeExports.jsx("div",{className:te.loading,children:e.jsxRuntimeExports.jsx(e.Loader,{})}):e.jsxRuntimeExports.jsx(ss,{})})]})]})},ds="_sidebar_1yyyy_1",ps="_title_1yyyy_10",ms="_active_1yyyy_18",pe={sidebar:ds,title:ps,active:ms},xs="_layers_1on0q_1",hs="_block_1on0q_9",gs="_dragging_1on0q_25",Ss="_active_1on0q_33",js="_add_1on0q_37",bs="_button_1on0q_51",Cs="_empty_1on0q_66",fs="_title_1on0q_78",_s="_icon_1on0q_85",ws="_text_1on0q_89",vs="_highlight_1on0q_95",V={layers:xs,block:hs,dragging:gs,active:Ss,add:js,button:bs,empty:Cs,title:fs,icon:_s,text:ws,highlight:vs},ks="_block_586dq_1",me={block:ks},Rs=()=>{const{setCurrentBlock:t}=e.useLayersStore(),{activeBlock:s}=e.usePreviewStore();function o(n){t(n)}return e.jsxRuntimeExports.jsxs("div",{className:e.clx(me.block,{[me.active]:s==="header"}),onClick:()=>o("header"),children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"Cards"}),e.jsxRuntimeExports.jsx("span",{children:"Header"})]})},Es="_block_586dq_1",xe={block:Es},ys=()=>{const{activeBlock:t}=e.usePreviewStore(),{setCurrentBlock:s}=e.useLayersStore();function o(n){s(n)}return e.jsxRuntimeExports.jsxs("div",{className:e.clx(xe.block,{[xe.active]:t==="footer"}),onClick:()=>o("footer"),children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"Cards"}),e.jsxRuntimeExports.jsx("span",{children:"Footer"})]})},Bs=({id:t,name:s,index:o,moveBlock:n,onClick:l})=>{const{currentPage:i,pages:r}=e.usePagesStore(),{activeBlock:a}=e.usePreviewStore(),{showPreview:u,hidePreview:S,showModal:m,hideModal:p,clearHideTimeout:d,startHideTimeout:c,hoverBlockId:b,isModalVisible:w}=e.useSubmodalStore(),{setPositionBlock:f}=e.useLayersStore(),[C,B]=g.useState(!1),k=()=>{w&&p(),u(t),B(!0),d()},P=h=>{h.stopPropagation(),S(),m(t),d(),f(o+1)},y=()=>{w?c():(B(!1),S())};g.useEffect(()=>{w||B(!1)},[w]);const[,R]=e.useDrop({accept:"block",hover(h){h.index!==o&&r&&(n(r[i].path,h.index,o),h.index=o)}}),[{isDragging:A},D]=e.useDrag({type:"block",item:{id:t,index:o},collect:h=>({isDragging:h.isDragging()})});return e.jsxRuntimeExports.jsxs("div",{ref:h=>D(R(h)),className:e.clx(V.block,{[V.dragging]:A,[V.active]:!A&&a===t}),onClick:()=>l(t),onMouseEnter:k,onMouseLeave:y,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"Cards"}),e.jsxRuntimeExports.jsx("span",{children:s}),(C||b===t)&&!A&&e.jsxRuntimeExports.jsx("div",{className:V.add,children:e.jsxRuntimeExports.jsx("button",{className:V.button,onClick:h=>P(h),children:e.jsxRuntimeExports.jsx(e.Icon,{name:"Plus",fill:"#fff"})})})]})},Ps=()=>{const{blocks:t,setCurrentBlock:s,moveBlock:o}=e.useLayersStore(),{currentPage:n,pages:l}=e.usePagesStore(),{setMouseOverModal:i,setHoverBlockId:r}=e.useSubmodalStore();function a(m){s(m),i(!1),r(null)}const{sourceBlocks:u}=e.useBlocksStore();function S(m){if(!u||!u[m])return"unknown name";const p=new u[m];return!p.blockSettings||!p.blockSettings.displayName?"unknown name":p.blockSettings.displayName}return e.jsxRuntimeExports.jsxs("div",{className:V.layers,children:[e.jsxRuntimeExports.jsx(Rs,{}),e.jsxRuntimeExports.jsx(e.DndProvider,{backend:e.HTML5Backend,children:e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:l&&l[n]&&t[l[n].path]&&Object.keys(t[l[n].path]).map((m,p)=>e.jsxRuntimeExports.jsx(Bs,{id:m,name:S(t[l[n].path][m].name),index:p,moveBlock:o,onClick:a},m))})}),e.jsxRuntimeExports.jsx(ys,{})]})},As=({isHeader:t})=>{const{header:s,footer:o}=e.useLayersStore(),{pageContext:n}=e.usePagesStore();return t?s==null?void 0:s.renderSettings(n):o==null?void 0:o.renderSettings(n)},Ls=()=>{const{settings:t}=e.useSettingsStore();return t==null?void 0:t.renderSettings()},Ts="_theme_1wwlz_1",Ns="_block_1wwlz_7",Fs="_name_1wwlz_22",le={theme:Ts,block:Ns,name:Fs},Ds=()=>{const{setActiveBlock:t}=e.useThemeSettingsStore();function s(o){t(o)}return e.jsxRuntimeExports.jsx("div",{className:le.theme,children:we.map(o=>e.jsxRuntimeExports.jsxs("div",{onClick:()=>s(o),className:e.clx(le.block),children:[e.jsxRuntimeExports.jsx(e.Icon,{name:o.icon}),e.jsxRuntimeExports.jsx("span",{className:le.name,children:o.name}),e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretRight"})]},o.icon))})},Is="_back_2jwrk_1",Ms="_render_2jwrk_9",$s="_open_2jwrk_24",Hs="_close_2jwrk_51",Os="_clicked_2jwrk_55",Us="_title_2jwrk_59",qs="_button_2jwrk_67",Gs="_loading_2jwrk_72",zs="_settings_2jwrk_76",Ws="_deleteButton_2jwrk_82",$={back:Is,render:Ms,open:$s,close:Hs,clicked:Os,title:Us,button:qs,loading:Gs,settings:zs,deleteButton:Ws},Vs=({block:t})=>{if(!t)return null;const{pageContext:s}=e.usePagesStore();return t.renderSettings(s)},Xs=t=>{var v,E;const{isAdd:s}=t,[o,n]=g.useState(!1),{setActiveBlock:l}=e.useNavbarStore(),{sourceBlocks:i,activeBlock:r,setActiveBlock:a,currentInstance:u,setCurrentInstance:S}=e.useBlocksStore(),{blocks:m,addBlock:p,editBlock:d,currentBlock:c,setCurrentBlock:b,removeBlock:w,setPositionBlock:f,setHeader:C,setFooter:B,header:k,footer:P}=e.useLayersStore(),{currentPage:y,pages:R}=e.usePagesStore();function A(x=!1){if(!s&&R&&u&&!x){const j={blockSettings:{}};Object.keys(u.blockSettings).filter(I=>!["displayName","isAddable"].includes(I)).map(I=>{j.blockSettings[I]=u.blockSettings[I]}),d(R[y].path,c,{name:m[R[y].path][c].name,value:j})}a(null),b(null),setTimeout(()=>{n(!1)},150),S(null)}function D(){A(),l({name:"Layers",icon:"TreeStructure"}),S(null)}function h(){var x;if(s)return!r||!i[r]?null:new i[r];{if(!R||!R[y]||!c)return null;const j=m[R[y].path][c];return!j||!i[j.name]?null:new i[j.name]((x=j.value)==null?void 0:x.blockSettings)}}g.useEffect(()=>{if(r||c&&!["header","footer"].includes(c)){const x=h();S(x)}else S(null)},[r,c]),g.useEffect(()=>{c==="header"&&C(k)},[c,k]),g.useEffect(()=>{c==="footer"&&B(P)},[c,P]);function _(x){if(!i)return"unknown name";if(!i[x])return c==="header"?k==null?void 0:k.blockSettings.displayName:c==="footer"?P==null?void 0:P.blockSettings.displayName:"unknown name";const j=new i[x];return!j.blockSettings||!j.blockSettings.displayName?"unknown name":j.blockSettings.displayName}return e.jsxRuntimeExports.jsxs("div",{className:e.clx($.render,{[$.open]:c||r,[$.close]:!c&&!r,[$.clicked]:o}),children:[e.jsxRuntimeExports.jsxs("div",{className:$.back,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretLeft",hoverable:!0,onClick:()=>A()}),e.jsxRuntimeExports.jsx("h3",{className:$.title,children:r&&_(r)||R&&R[y]&&m[R[y].path]&&_((v=m[R[y].path][c])==null?void 0:v.name)||c&&F(c)||"Loading"}),!s&&R&&!["header","footer"].includes(c)&&_((E=m[R[y].path][c])==null?void 0:E.name)!=="unknown name"&&e.jsxRuntimeExports.jsx("button",{onClick:()=>{n(!0),w(R[y].path,c),A(!0)},className:$.deleteButton,children:e.jsxRuntimeExports.jsx(e.Icon,{name:"Trash",hoverable:!0})})]}),e.jsxRuntimeExports.jsxs("div",{className:$.settings,children:[u&&e.jsxRuntimeExports.jsx(Vs,{block:u}),c&&["header","footer"].includes(c)&&e.jsxRuntimeExports.jsx(As,{isHeader:c==="header"}),!r&&!c&&e.jsxRuntimeExports.jsx("div",{className:$.loading,children:"Loading"})]}),s&&e.jsxRuntimeExports.jsx("div",{className:$.addButton,children:e.jsxRuntimeExports.jsx(e.Button,{style:{width:"100%"},onClick:()=>{if(n(!0),!["header","footer"].includes(c)&&R){const x={blockSettings:{}};Object.keys(u.blockSettings).filter(j=>!["displayName","isAddable"].includes(j)).map(j=>{x.blockSettings[j]=u.blockSettings[j]}),p(R[y].path,{name:r,value:x}),f(null)}else c==="header"?C(k):B(P);D()},children:"Add Section"})})]})},Qs="_settings_ss3tc_1",Ks="_open_ss3tc_16",Ys="_close_ss3tc_20",Js="_header_ss3tc_24",Zs="_title_ss3tc_31",eo="_addButton_ss3tc_38",K={settings:Qs,open:Ks,close:Ys,header:Js,title:Zs,addButton:eo},to="_wrapper_joj7w_1",so="_category_joj7w_5",oo="_categoryTitle_joj7w_11",no="_color_joj7w_17",ro="_content_joj7w_26",io="_preview_joj7w_35",q={wrapper:to,category:so,categoryTitle:oo,color:no,content:ro,preview:io},ao=()=>{const{themeSettings:t,updateColor:s}=e.useThemeSettingsStore();async function o(l,i,r){s(l,i,r)}const n=g.useMemo(()=>{const l={};return Object.entries(t.colors).forEach(([i,r])=>{Object.entries(r).forEach(([a,u])=>{l[u]||(l[u]=[]),l[u].push(`${i}-${a}`)})}),Object.keys(l).filter(i=>l[i].length>1)},[t.colors]);return e.jsxRuntimeExports.jsx("div",{className:q.wrapper,children:Object.entries(t.colors).map(([l,i])=>e.jsxRuntimeExports.jsxs("div",{className:q.category,children:[e.jsxRuntimeExports.jsx("h2",{className:q.categoryTitle,children:F(l)}),Object.entries(i).map(([r,a])=>e.jsxRuntimeExports.jsxs("div",{className:q.color,children:[e.jsxRuntimeExports.jsxs("div",{className:q.content,children:[e.jsxRuntimeExports.jsx("div",{className:q.preview,style:{background:a}}),e.jsxRuntimeExports.jsx(e.ColorPicker,{title:F(r),initialColor:a,onChange:u=>o(l,r,u)})]}),n.includes(a)&&e.jsxRuntimeExports.jsx(e.Tip,{type:"warning",message:"To avoid contrast problems, please use a different color",style:{marginBottom:12}})]},r))]},l))})},lo="_wrapper_dv4am_2",co="_category_dv4am_6",uo="_categoryTitle_dv4am_12",po="_color_dv4am_18",mo="_name_dv4am_24",xo="_content_dv4am_29",ho="_label_dv4am_36",go="_input_dv4am_48",So="_title_dv4am_74",jo="_field_dv4am_82",bo="_alignments_dv4am_92",Co="_lineField_dv4am_98",fo="_style_dv4am_106",_o="_header_dv4am_113",H={wrapper:lo,category:co,categoryTitle:uo,color:po,name:mo,content:xo,label:ho,input:go,title:So,field:jo,alignments:bo,lineField:Co,style:fo,header:_o},wo=["left","center","right"],vo=["solid","dashed"],oe=t=>{const{title:s,children:o,rightAddon:n}=t;return e.jsxRuntimeExports.jsxs("div",{className:H.field,children:[e.jsxRuntimeExports.jsxs("div",{className:H.header,children:[e.jsxRuntimeExports.jsx("h4",{children:s}),n]}),o]})},ko=()=>{const{themeSettings:t,updateInput:s}=e.useThemeSettingsStore(),o=g.useMemo(()=>t.inputs,[t]),n=(i,r,a)=>{s(i,r,a)},l=i=>r=>{s(i,r,"color")};return e.jsxRuntimeExports.jsxs("div",{className:H.wrapper,children:[e.jsxRuntimeExports.jsxs(oe,{title:"General",children:[e.jsxRuntimeExports.jsx(e.Input,{label:"Height (px)",value:String(o.general.height),onChange:i=>n("general",i,"height"),type:"number",min:0}),e.jsxRuntimeExports.jsx(e.Input,{label:"Style name",value:o.general.name,onChange:i=>n("general",i,"name")}),e.jsxRuntimeExports.jsx(e.Select,{label:"Font Size (px)",onChange:i=>n("general",i,"size"),value:String(o.general.size),options:e.sizeOptions}),e.jsxRuntimeExports.jsx(e.ColorPicker,{initialColor:F(o.general.color),onChange:l("general"),title:"Font Color",labelStyle:"secondary"})]}),e.jsxRuntimeExports.jsxs(oe,{title:"Field Fill",rightAddon:e.jsxRuntimeExports.jsx("div",{className:H.switch,children:e.jsxRuntimeExports.jsx(e.Switch,{onChange:i=>n("field",i,"active"),current:o.field.active})}),children:[e.jsxRuntimeExports.jsx(e.ColorPicker,{initialColor:F(o.field.color),onChange:l("field"),title:"Color",labelStyle:"secondary"}),e.jsxRuntimeExports.jsx(e.Input,{label:"Opacity (%)",value:String(o.field.opacity),onChange:i=>n("field",i,"opacity"),type:"number",min:0})]}),e.jsxRuntimeExports.jsxs(oe,{title:"Border",rightAddon:e.jsxRuntimeExports.jsx("div",{className:H.switch,children:e.jsxRuntimeExports.jsx(e.Switch,{onChange:i=>n("border",i,"active"),current:o.border.active})}),children:[e.jsxRuntimeExports.jsxs("div",{className:H.lineField,children:[e.jsxRuntimeExports.jsxs("div",{className:H.style,children:[e.jsxRuntimeExports.jsx("span",{className:H.title,children:"Style"}),e.jsxRuntimeExports.jsx(e.Picker,{items:vo,selectedItem:o.border.style,onSelect:i=>n("border",i,"style"),getIconName:i=>i==="solid"?"Minus":"Selection"})]}),e.jsxRuntimeExports.jsx(e.Input,{label:"Radius (px)",value:String(o.border.radius),onChange:i=>n("border",i,"radius"),type:"number",min:0})]}),e.jsxRuntimeExports.jsx(e.Input,{label:"Thickness (px)",value:String(o.border.thickness),onChange:i=>n("border",i,"thickness"),type:"number",min:0}),e.jsxRuntimeExports.jsx(e.ColorPicker,{initialColor:F(o.border.color),onChange:l("border"),title:"Color",labelStyle:"secondary"})]}),e.jsxRuntimeExports.jsxs(oe,{title:"Label",children:[e.jsxRuntimeExports.jsx(e.Input,{label:"Line Height (px)",value:String(o.label.height),onChange:i=>n("label",i,"height"),type:"number",min:0}),e.jsxRuntimeExports.jsx(e.Select,{label:"Font Size (px)",onChange:i=>n("label",i,"size"),value:String(o.label.size),options:e.sizeOptions}),e.jsxRuntimeExports.jsx(e.ColorPicker,{initialColor:F(o.label.color),onChange:l("label"),title:"Color",labelStyle:"secondary"}),e.jsxRuntimeExports.jsxs("div",{className:H.alignments,children:[e.jsxRuntimeExports.jsx("h4",{className:H.title,children:"Alignment Type"}),e.jsxRuntimeExports.jsx(e.Picker,{items:wo,selectedItem:o.label.alignment,onSelect:i=>n("label",i,"alignment"),getIconName:i=>i==="center"?"AlignCenterHorizontal":i==="left"?"AlignLeft":"AlignRight"})]})]})]})},Ro="_wrapper_lov6e_1",Eo="_category_lov6e_5",yo="_categoryTitle_lov6e_11",Bo="_font_lov6e_17",Po="_content_lov6e_38",Ao="_icon_lov6e_45",Lo="_paragraph_lov6e_56",To="_deleteIcon_lov6e_60",No="_iconButton_lov6e_67",U={wrapper:Ro,category:Eo,categoryTitle:yo,font:Bo,content:Po,icon:Ao,paragraph:Lo,deleteIcon:To,iconButton:No},Fo=t=>{const{font:s,size:o,id:n,category:l}=t,{setActiveFont:i}=e.useThemeSettingsStore();return e.jsxRuntimeExports.jsxs("div",{className:U.font,onClick:()=>i(n),children:[e.jsxRuntimeExports.jsx("div",{className:e.clx(U.icon,{[U.paragraph]:l==="paragraph"}),children:e.jsxRuntimeExports.jsx(e.Icon,{name:l==="paragraph"?"TextB":"TextH"})}),e.jsxRuntimeExports.jsxs("div",{className:U.content,children:[e.jsxRuntimeExports.jsx("h2",{className:U.categoryTitle,children:F(n)}),e.jsxRuntimeExports.jsx("span",{className:U.value,children:`${s}, ${o}px`})]})]})},Do=()=>{const{themeSettings:t,setActiveFont:s,activeBlock:o}=e.useThemeSettingsStore();g.useEffect(()=>(n(),()=>{n()}),[]);function n(){s(null)}if(o!=null&&o.name)return e.jsxRuntimeExports.jsx("div",{className:U.wrapper,children:Object.entries(t.fonts).map(([l,i])=>e.jsxRuntimeExports.jsxs("div",{className:U.category,children:[e.jsxRuntimeExports.jsx("h2",{className:U.categoryTitle,children:F(l)}),Object.entries(i).map(([r,a])=>e.jsxRuntimeExports.jsx(Fo,{id:r,category:l,...a},r))]},l))})},Io="_wrapper_smgf8_1",Mo="_open_smgf8_16",$o="_close_smgf8_20",Ho="_header_smgf8_24",Oo="_title_smgf8_32",Uo="_options_smgf8_38",qo="_clicked_smgf8_45",G={wrapper:Io,open:Mo,close:$o,header:Ho,title:Oo,options:Uo,clicked:qo},Go=()=>{const{activeBlock:t,setActiveFont:s,activeFont:o,themeSettings:n,updateFont:l}=e.useThemeSettingsStore(),{fonts:i}=e.useFontsStore(),[r,a]=g.useState(null);function u(){s(null)}function S(p,d){r&&o&&l(r,o,d,p)}const m=g.useMemo(()=>o?n.fonts.heading[o]?(a("heading"),n.fonts.heading[o]):n.fonts.paragraph[o]?(a("paragraph"),n.fonts.paragraph[o]):(a(null),null):null,[o,n]);return e.jsxRuntimeExports.jsxs("div",{className:e.clx(G.wrapper,{[G.open]:(t==null?void 0:t.name)==="Fonts"&&o,[G.close]:(t==null?void 0:t.name)!=="Fonts"||!o}),children:[e.jsxRuntimeExports.jsxs("div",{className:G.header,onClick:u,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretLeft",hoverable:!0}),e.jsxRuntimeExports.jsx("span",{className:G.title,children:"Font Style"})]}),o&&m&&e.jsxRuntimeExports.jsxs("div",{className:G.options,children:[e.jsxRuntimeExports.jsx(e.Select,{label:"Font",value:m.font,onChange:p=>S(p,"font"),options:[...i.filter(p=>p!==m.font)]}),e.jsxRuntimeExports.jsx(e.Select,{label:"Size",value:String(m.size),onChange:p=>S(p,"size"),options:e.sizeOptions}),e.jsxRuntimeExports.jsx(e.Select,{label:"Weight",value:String(m.weight),onChange:p=>S(p,"weight"),options:e.weightOptions})]})]})},zo="_wrapper_smgf8_1",Wo="_open_smgf8_16",Vo="_close_smgf8_20",Xo="_header_smgf8_24",Qo="_title_smgf8_32",Ko="_options_smgf8_38",Yo="_clicked_smgf8_45",z={wrapper:zo,open:Wo,close:Vo,header:Xo,title:Qo,options:Ko,clicked:Yo},be=()=>{const{activeBlock:t,themeSettings:s,updateBorder:o,setActiveBlock:n}=e.useThemeSettingsStore();function l(a,u){o(u,a)}function i(){n(null)}const r=g.useMemo(()=>s.borders,[s]);return e.jsxRuntimeExports.jsxs("div",{className:e.clx(z.wrapper,{[z.open]:(t==null?void 0:t.name)==="Borders",[z.close]:(t==null?void 0:t.name)!=="Borders"}),children:[e.jsxRuntimeExports.jsxs("div",{className:z.header,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretLeft",hoverable:!0,onClick:i}),e.jsxRuntimeExports.jsx("span",{className:z.title,children:"Borders Style"})]}),e.jsxRuntimeExports.jsxs("div",{className:z.options,children:[e.jsxRuntimeExports.jsx(e.Input,{label:"Border Radius (px)",value:String(r.radius),onChange:a=>l(Number(a),"radius"),type:"number",min:0}),e.jsxRuntimeExports.jsx(e.Input,{label:"Border Thickness (px)",value:String(r.thickness),onChange:a=>l(Number(a),"thickness"),type:"number",min:0})]})]})},Jo="_wrapper_1phvv_1",Zo="_open_1phvv_16",en="_close_1phvv_20",tn="_header_1phvv_24",sn="_title_1phvv_32",on="_options_1phvv_38",nn="_clicked_1phvv_45",rn="_label_1phvv_49",an="_alignments_1phvv_56",ln="_blocks_1phvv_62",cn="_alignment_1phvv_56",un="_active_1phvv_77",T={wrapper:Jo,open:Zo,close:en,header:tn,title:sn,options:on,clicked:nn,label:rn,alignments:an,blocks:ln,alignment:cn,active:un},dn=["left","center","right"],Ce=()=>{const{activeBlock:t,themeSettings:s,updateButton:o,setActiveBlock:n}=e.useThemeSettingsStore();function l(a,u){o(u,a)}function i(){n(null)}const r=g.useMemo(()=>s.buttons,[s]);return e.jsxRuntimeExports.jsxs("div",{className:e.clx(T.wrapper,{[T.open]:(t==null?void 0:t.name)==="Buttons",[T.close]:(t==null?void 0:t.name)!=="Buttons"}),children:[e.jsxRuntimeExports.jsxs("div",{className:T.header,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretLeft",hoverable:!0,onClick:i}),e.jsxRuntimeExports.jsx("span",{className:T.title,children:"Buttons Style"})]}),r&&e.jsxRuntimeExports.jsxs("div",{className:T.options,children:[e.jsxRuntimeExports.jsx(e.Input,{label:"Height (px)",value:String(r.height),onChange:a=>l(a,"height"),type:"number",min:0}),e.jsxRuntimeExports.jsx(e.Select,{label:"Font Size (px)",value:String(r.size),onChange:a=>l(a,"size"),options:e.sizeOptions}),e.jsxRuntimeExports.jsx(e.Input,{label:"Border Radius (px)",value:String(r.radius),onChange:a=>l(Number(a),"radius"),type:"number",min:0}),e.jsxRuntimeExports.jsxs("div",{className:T.alignments,children:[e.jsxRuntimeExports.jsx("h4",{className:T.label,children:"Alignment Type"}),e.jsxRuntimeExports.jsx("div",{className:T.blocks,children:dn.map(a=>e.jsxRuntimeExports.jsx("div",{className:e.clx(T.alignment,{[T.active]:r.alignment===a}),onClick:()=>{l(a,"alignment")},children:e.jsxRuntimeExports.jsx(e.Icon,{name:a==="center"?"AlignCenterHorizontal":a==="left"?"AlignLeft":"AlignRight",fill:r.alignment===a?"#252525":"#757575"})},a))})]})]})]})},pn=()=>{const{activeBlock:t}=e.useThemeSettingsStore();return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[(t==null?void 0:t.name)==="Fonts"&&e.jsxRuntimeExports.jsx(Go,{}),(t==null?void 0:t.name)==="Borders"&&e.jsxRuntimeExports.jsx(be,{}),(t==null?void 0:t.name)==="Buttons"&&e.jsxRuntimeExports.jsx(Ce,{})]})},mn=()=>{const{activeBlock:t,setActiveBlock:s}=e.useThemeSettingsStore(),{activeBlock:o}=e.useNavbarStore();function n(){s(null)}return e.jsxRuntimeExports.jsxs("div",{className:e.clx(K.settings,{[K.open]:t,[K.close]:!t||o.name!=="Theme"}),children:[e.jsxRuntimeExports.jsxs("div",{className:K.header,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretLeft",hoverable:!0,onClick:n}),e.jsxRuntimeExports.jsx("span",{className:K.title,children:t==null?void 0:t.name})]}),(t==null?void 0:t.name)==="Fonts"&&e.jsxRuntimeExports.jsx(Do,{}),(t==null?void 0:t.name)==="Colors"&&e.jsxRuntimeExports.jsx(ao,{}),(t==null?void 0:t.name)==="Inputs"&&e.jsxRuntimeExports.jsx(ko,{}),(t==null?void 0:t.name)==="Borders"&&e.jsxRuntimeExports.jsx(be,{}),(t==null?void 0:t.name)==="Borders"&&e.jsxRuntimeExports.jsx(Ce,{}),e.jsxRuntimeExports.jsx(pn,{})]})},xn=()=>{const{activeBlock:t}=e.useNavbarStore(),{activeBlock:s}=e.useBlocksStore();function o(){switch(t.name){case"Layers":return"Layers";case"Add":return"Add Sections";case"Theme":return"Theme Settings";case"Settings":return"Settings"}}return e.jsxRuntimeExports.jsxs("div",{className:pe.sidebar,children:[e.jsxRuntimeExports.jsx("h3",{className:pe.title,children:o()}),t.name==="Layers"&&e.jsxRuntimeExports.jsx(Ps,{}),t.name==="Add"&&e.jsxRuntimeExports.jsx(je,{}),e.jsxRuntimeExports.jsx(Xs,{isAdd:!!s}),e.jsxRuntimeExports.jsx(mn,{}),t.name==="Theme"&&e.jsxRuntimeExports.jsx(Ds,{}),t.name==="Settings"&&e.jsxRuntimeExports.jsx(Ls,{})]})},hn="_wrapper_gibny_1",gn="_header_gibny_12",Sn="_content_gibny_23",jn="_buttons_gibny_31",bn="_cancel_gibny_38",Cn="_label_gibny_43",fn="_description_gibny_44",_n="_preview_gibny_52",wn="_block_gibny_58",vn="_slug_gibny_67",kn="_title_gibny_73",N={wrapper:hn,header:gn,content:Sn,buttons:jn,cancel:bn,label:Cn,description:fn,preview:_n,block:wn,slug:vn,title:kn},Rn=()=>{var A,D,h,_,v,E;const{setIsOpenModal:t,pages:s,createPage:o,updatePage:n,isEdit:l,setIsEdit:i,editedPage:r,setEditedPage:a}=e.usePagesStore(),{createPage:u,updatePage:S}=e.useLayersStore(),[m,p]=g.useState(r?s&&((A=s[r])==null?void 0:A.path):""),[d,c]=g.useState(r?s&&((D=s[r])==null?void 0:D.name):""),[b,w]=g.useState(r?s&&s[r].seo&&(((h=s[r])==null?void 0:h.seo.description)||""):""),[f,C]=g.useState(r?s&&((_=s[r])==null?void 0:_.visibility):"public");function B(){p(""),c(""),w(""),C("public"),i(!1),a(null)}function k(){B(),t(!1)}function P(x){return x[0]==="/"?x:"/"+x}function y(){o({path:P(m),name:d||m||"",icon:"File",seo:{title:d||"",description:b||""},visibility:f||"public"}),u(d),k()}function R(){s&&(S(s[r].name||"",d||m||""),n(r,{path:P(m),name:d||m,icon:s[r].icon||"File",seo:{title:d||"",description:b||""},visibility:f||"public"})),k()}return e.jsxRuntimeExports.jsxs("div",{className:N.wrapper,onClick:x=>x.stopPropagation(),children:[e.jsxRuntimeExports.jsxs("div",{className:N.header,children:[e.jsxRuntimeExports.jsxs("h2",{children:[l?"Edit":"Create"," Blank Page"]}),e.jsxRuntimeExports.jsx(e.Icon,{name:"X",fill:"#757575",hoverable:!0,onClick:k})]}),e.jsxRuntimeExports.jsxs("div",{className:N.content,children:[e.jsxRuntimeExports.jsx(e.Input,{label:"Page Slug",onChange:x=>p(x),value:m,placeholder:"path-to-page",disabled:!!(r&&s&&((v=s[r])!=null&&v.name)&&Y.includes(s[r].name)),required:!0,regex:"^.+$"}),e.jsxRuntimeExports.jsx(e.Input,{label:"Page Title",onChange:x=>c(x),value:d,placeholder:"Contact us",disabled:!!(r&&s&&((E=s[r])!=null&&E.name)&&Y.includes(s[r].name))}),e.jsxRuntimeExports.jsx(e.Textarea,{label:"Description",onChange:x=>w(x),value:b,placeholder:"Contact us at any time of the day or night. You are always welcome",maxLength:150}),e.jsxRuntimeExports.jsx(e.Radio,{label:"Visibility",defaultValue:f,options:[{value:"public",label:"Public"},{value:"private",label:"Private"}],onChange:x=>C(x)}),e.jsxRuntimeExports.jsxs("div",{className:N.preview,children:[e.jsxRuntimeExports.jsx("span",{className:N.label,children:"Preview"}),e.jsxRuntimeExports.jsxs("div",{className:N.block,children:[e.jsxRuntimeExports.jsx("span",{className:N.slug,children:m||"yoursite.url"}),e.jsxRuntimeExports.jsx("span",{className:N.title,children:d||"My Blank Page"}),e.jsxRuntimeExports.jsx("span",{className:N.description,children:b||"It is My Description"})]})]})]}),e.jsxRuntimeExports.jsxs("div",{className:N.buttons,children:[e.jsxRuntimeExports.jsx(e.Button,{className:N.cancel,onClick:k,children:"Cancel"}),e.jsxRuntimeExports.jsx(e.Button,{onClick:l?R:y,disabled:m.length===0,children:l?"Update":"Create"})]})]})},En="_layout_douh4_1",yn="_main_douh4_10",Bn="_content_douh4_18",ce={layout:En,main:yn,content:Bn},Pn=()=>{const{isOpenModal:t,setIsOpenModal:s}=e.usePagesStore(),{openModal:o,setOpenModal:n}=e.useChooseImageStore();return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:ce.layout,children:[e.jsxRuntimeExports.jsx(bt,{}),e.jsxRuntimeExports.jsxs("main",{className:ce.main,children:[e.jsxRuntimeExports.jsx(dt,{}),e.jsxRuntimeExports.jsxs("div",{className:ce.content,children:[e.jsxRuntimeExports.jsx(xn,{}),e.jsxRuntimeExports.jsx(us,{})]})]})]}),t&&e.jsxRuntimeExports.jsx(e.Modal,{close:s,children:e.jsxRuntimeExports.jsx(Rn,{})}),o&&e.jsxRuntimeExports.jsx(e.Modal,{close:n,children:e.jsxRuntimeExports.jsx(e.ChooseImageModal,{})})]})};async function W(t,s){const o=localStorage.getItem("shopId")||void 0,n=`${e.API_URL}/${t}/builder/shops/${o}/${s}`,l=localStorage.getItem("sellerAccessToken")||void 0;return(await e.axios.get(n,{headers:{Authorization:`Bearer ${l}`}})).data}async function An(){try{const[t,s,o,n,l,i]=await Promise.allSettled([W("v1","general"),W("v1","faqs"),W("v1","listings"),W("v1","products"),W("v1","reviews"),W("v1","categories")]);return{general:t,faqs:s,listings:o,products:n,reviews:l,categories:i}}catch(t){throw console.error("Error fetching page data:",t),t}}async function Ln(){try{const{data:t}=await e.axios.get(`${e.GOOGLE_FONTS_API}?key=AIzaSyAEsTbjAPUz_TeuFCq4z4LPK9w_vst0Pfw`);return t.items}catch(t){throw console.error("Error fetching page data:",t),t}}function Tn(){try{const{editBlock:t,currentBlock:s,blocks:o,header:n,setHeader:l,footer:i,setFooter:r}=e.useLayersStore.getState(),{currentPage:a,pages:u}=e.usePagesStore.getState(),{currentInstance:S,activeBlock:m}=e.useBlocksStore.getState();if(!m&&S&&u){if(s==="header"&&n)l(n);else if(s==="footer"&&i)r(i);else if(s==="header"||s==="footer")throw new Error(`Missing ${s} data.`);const p={blockSettings:{}};if(!S.blockSettings)throw new Error("currentInstance.blockSettings is undefined.");if(Object.keys(S.blockSettings).filter(d=>!["displayName","isAddable"].includes(d)).forEach(d=>{p.blockSettings[d]=S.blockSettings[d]}),!u[a])throw new Error(`Page "${a}" does not exist.`);if(!o[u[a].path]||!o[u[a].path][s])throw new Error(`Layer or block for page "${u[a].path}" and block "${s}" does not exist.`);t(u[a].path,s,{name:o[u[a].path][s].name,value:p})}}catch(t){console.error("Error in hotReload function:",t)}}async function Nn(){const t=localStorage.getItem("shopId"),s=localStorage.getItem("draftId"),o=`${e.API_URL}/v2/builder/shops/${t}/drafts/${s}/pages`,n=localStorage.getItem("sellerAccessToken");return(await e.axios.get(o,{headers:{Authorization:`Bearer ${n}`}})).data}async function Fn(){const t=localStorage.getItem("shopId")||void 0,s=localStorage.getItem("draftId")||void 0,o=`${e.API_URL}/v2/builder/shops/${t}/drafts/${s}/all`,n=localStorage.getItem("sellerAccessToken")||void 0;return(await e.axios.get(o,{headers:{Authorization:`Bearer ${n}`}})).data}const Dn=t=>{const{blocks:s,settings:o,header:n,footer:l}=t,{setBlocks:i,setSourceBlocks:r}=e.useBlocksStore(),{fonts:a,setFonts:u}=e.useFontsStore(),{setSettings:S}=e.useSettingsStore(),{setPageContext:m}=e.usePagesStore(),{setHeader:p,setFooter:d,setBlocks:c,blocks:b,createPage:w}=e.useLayersStore(),{setThemeSettings:f}=e.useThemeSettingsStore(),{setPages:C}=e.usePagesStore();function B(k){return k[0]==="/"?k.slice(1):k}return g.useEffect(()=>{const k={};Object.keys(s).map(y=>{k[y]=s[y]}),r(k),i(k),p(n),d(l),(async()=>{const{data:y}=await Fn(),{settings:R,themeSettings:A,layers:D}=y;if(f(A),c(D),Object.keys(R).forEach(x=>o[x]=R[x]),S(o),a.length===0){const x=await Ln();u([...x.map(j=>j.family)])}let h={listings:null,products:null,reviews:null,categories:null,faqs:null,general:null};const _=await An();Object.keys(_).map(x=>{const j=x;h[j]=_[j].value.data}),m(h);const v=await Nn(),E={};v.data.length>0&&v.data.forEach(x=>{const j=B(x.path);b[j]||w(j),x.path==="/"?E["/"]={...x,icon:re.home.icon,name:"home"}:re[j]?E[j]={...x,icon:re[j].icon,name:j}:E[j]={...x,icon:"File",name:j}}),C(E)})()},[]),e.jsxRuntimeExports.jsx(Pn,{})},In=t=>{const{blocks:s,settings:o,header:n,footer:l}=t,[i,r]=g.useState(!0),a=e.useNavigate();return g.useEffect(()=>{r(!0),ke()?r(!1):a("/")},[]),e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:i?e.jsxRuntimeExports.jsx(e.Loader,{}):e.jsxRuntimeExports.jsx(Dn,{blocks:s,settings:o,header:n,footer:l})})},Mn=t=>{const{blocks:s,settings:o,header:n,footer:l}=t,[i,r]=g.useState(null),{setBlocks:a,setSourceBlocks:u}=e.useBlocksStore(),{setSettings:S}=e.useSettingsStore(),{setHeader:m,setFooter:p}=e.useLayersStore();g.useEffect(()=>{if(!i){const w={};Object.keys(s).map(C=>{w[C]=s[C]}),u(w),a(w),m(n),p(l),S(o);const f=e.createBrowserRouter([{path:"/admin/builder",element:e.jsxRuntimeExports.jsx(In,{blocks:s,settings:o,header:n,footer:l})},{path:"/checkout",element:e.jsxRuntimeExports.jsx(e.checkout_app_default,{})},{path:"/top-up",element:e.jsxRuntimeExports.jsx(e.top_up_balance_default,{})},{path:"/charges/:id",element:e.jsxRuntimeExports.jsx(e.charge_default,{})},{path:"/orders/:id/:accessToken?",element:e.jsxRuntimeExports.jsx(e.order_default,{})},{path:"/subscriptions/:id/:accessToken?",element:e.jsxRuntimeExports.jsx(e.subscription_default,{})},{path:"/customer-dash",element:e.jsxRuntimeExports.jsx(e.customerDashboard_default,{})},{path:"*",element:e.jsxRuntimeExports.jsx(Ae,{})}]);r(f)}},[i]);const d=window.location.hostname.includes("localhost")?localStorage.getItem("fakeDomain")||"subscriptions.billgang.store":window.location.hostname,c=localStorage.getItem("shopPassword"),b=localStorage.getItem("shopId")||"";return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:i&&e.jsxRuntimeExports.jsx(e.BillgangProvider,{shopDomain:d,shopId:b,shopPassword:c||void 0,routes:{Checkout:"/checkout",TopUp:"/top-up",Charge:"/charges",Order:"/orders",Subscription:"/subscriptions"},children:e.jsxRuntimeExports.jsx(e.RouterProvider,{router:i})})})};exports.App=Mn;exports.hotReload=Tn;exports.iconNames=ve;
+`},children:e.jsxRuntimeExports.jsx("div",{className:e.styles.indicator,style:{position:"absolute",left:`${i}%`,top:`${100-r}%`,transform:"translate(-50%, -50%)"}})}),e.jsxRuntimeExports.jsx("div",{className:e.styles.hueSlider,children:e.jsxRuntimeExports.jsx("input",{type:"range",min:"0",max:"360",value:l,onChange:g=>{S(Number(g.target.value)),k(i,r)},className:e.styles.slider})}),e.jsxRuntimeExports.jsxs("div",{className:e.styles.buttons,children:[e.jsxRuntimeExports.jsx(e.Button,{onClick:D,className:e.clx(e.styles.applyButton,e.styles.cancelButton),children:"Cancel"}),e.jsxRuntimeExports.jsx(e.Button,{onClick:P,className:e.styles.applyButton,children:"Apply"})]})]})},us=()=>{const{onPreview:t}=e.usePreviewStore(),{isModalVisible:s}=e.useSubmodalStore(),{pageContext:o}=e.usePagesStore(),{showModal:n}=e.useColorPickerStore(),[l,i]=h.useState(!0),{currentDevice:r}=e.useDeviceStore();h.useEffect(()=>{t&&o.general&&setTimeout(()=>{i(!1)},100)},[t,o]);function a(){return r.value==="desktop"?"100%":r.value==="tablet"?"768px":"425px"}return e.jsxRuntimeExports.jsxs("div",{className:te.preview,children:[s&&e.jsxRuntimeExports.jsx(e.Submodal,{children:e.jsxRuntimeExports.jsx(je,{})}),n&&e.jsxRuntimeExports.jsx(cs,{}),t&&e.jsxRuntimeExports.jsxs("div",{className:te.main,style:{width:a()},children:[e.jsxRuntimeExports.jsx(It,{}),e.jsxRuntimeExports.jsx("div",{className:te.content,children:l?e.jsxRuntimeExports.jsx("div",{className:te.loading,children:e.jsxRuntimeExports.jsx(e.Loader,{})}):e.jsxRuntimeExports.jsx(ss,{})})]})]})},ds="_sidebar_1yyyy_1",ps="_title_1yyyy_10",ms="_active_1yyyy_18",pe={sidebar:ds,title:ps,active:ms},xs="_layers_1on0q_1",hs="_block_1on0q_9",gs="_dragging_1on0q_25",Ss="_active_1on0q_33",js="_add_1on0q_37",bs="_button_1on0q_51",Cs="_empty_1on0q_66",fs="_title_1on0q_78",_s="_icon_1on0q_85",ws="_text_1on0q_89",vs="_highlight_1on0q_95",V={layers:xs,block:hs,dragging:gs,active:Ss,add:js,button:bs,empty:Cs,title:fs,icon:_s,text:ws,highlight:vs},ks="_block_586dq_1",me={block:ks},Rs=()=>{const{setCurrentBlock:t}=e.useLayersStore(),{activeBlock:s}=e.usePreviewStore();function o(n){t(n)}return e.jsxRuntimeExports.jsxs("div",{className:e.clx(me.block,{[me.active]:s==="header"}),onClick:()=>o("header"),children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"Cards"}),e.jsxRuntimeExports.jsx("span",{children:"Header"})]})},Es="_block_586dq_1",xe={block:Es},ys=()=>{const{activeBlock:t}=e.usePreviewStore(),{setCurrentBlock:s}=e.useLayersStore();function o(n){s(n)}return e.jsxRuntimeExports.jsxs("div",{className:e.clx(xe.block,{[xe.active]:t==="footer"}),onClick:()=>o("footer"),children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"Cards"}),e.jsxRuntimeExports.jsx("span",{children:"Footer"})]})},Bs=({id:t,name:s,index:o,moveBlock:n,onClick:l})=>{const{currentPage:i,pages:r}=e.usePagesStore(),{activeBlock:a}=e.usePreviewStore(),{showPreview:u,hidePreview:S,showModal:m,hideModal:p,clearHideTimeout:d,startHideTimeout:c,hoverBlockId:b,isModalVisible:_}=e.useSubmodalStore(),{setPositionBlock:f}=e.useLayersStore(),[C,B]=h.useState(!1),k=()=>{_&&p(),u(t),B(!0),d()},A=g=>{g.stopPropagation(),S(),m(t),d(),f(o+1)},y=()=>{_?c():(B(!1),S())};h.useEffect(()=>{_||B(!1)},[_]);const[,R]=e.useDrop({accept:"block",hover(g){g.index!==o&&r&&(n(r[i].path,g.index,o),g.index=o)}}),[{isDragging:P},D]=e.useDrag({type:"block",item:{id:t,index:o},collect:g=>({isDragging:g.isDragging()})});return e.jsxRuntimeExports.jsxs("div",{ref:g=>D(R(g)),className:e.clx(V.block,{[V.dragging]:P,[V.active]:!P&&a===t}),onClick:()=>l(t),onMouseEnter:k,onMouseLeave:y,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"Cards"}),e.jsxRuntimeExports.jsx("span",{children:s}),(C||b===t)&&!P&&e.jsxRuntimeExports.jsx("div",{className:V.add,children:e.jsxRuntimeExports.jsx("button",{className:V.button,onClick:g=>A(g),children:e.jsxRuntimeExports.jsx(e.Icon,{name:"Plus",fill:"#fff"})})})]})},Ps=()=>{const{blocks:t,setCurrentBlock:s,moveBlock:o}=e.useLayersStore(),{currentPage:n,pages:l}=e.usePagesStore(),{setMouseOverModal:i,setHoverBlockId:r}=e.useSubmodalStore();function a(m){s(m),i(!1),r(null)}const{sourceBlocks:u}=e.useBlocksStore();function S(m){if(!u||!u[m])return"unknown name";const p=new u[m];return!p.blockSettings||!p.blockSettings.displayName?"unknown name":p.blockSettings.displayName}return e.jsxRuntimeExports.jsxs("div",{className:V.layers,children:[e.jsxRuntimeExports.jsx(Rs,{}),e.jsxRuntimeExports.jsx(e.DndProvider,{backend:e.HTML5Backend,children:e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:l&&l[n]&&t[l[n].path]&&Object.keys(t[l[n].path]).map((m,p)=>e.jsxRuntimeExports.jsx(Bs,{id:m,name:S(t[l[n].path][m].name),index:p,moveBlock:o,onClick:a},m))})}),e.jsxRuntimeExports.jsx(ys,{})]})},As=({isHeader:t})=>{const{header:s,footer:o}=e.useLayersStore(),{pageContext:n}=e.usePagesStore();return t?s==null?void 0:s.renderSettings(n):o==null?void 0:o.renderSettings(n)},Ls=()=>{const{settings:t}=e.useSettingsStore();return t==null?void 0:t.renderSettings()},Ts="_theme_1wwlz_1",Ns="_block_1wwlz_7",Fs="_name_1wwlz_22",le={theme:Ts,block:Ns,name:Fs},Ds=()=>{const{setActiveBlock:t}=e.useThemeSettingsStore();function s(o){t(o)}return e.jsxRuntimeExports.jsx("div",{className:le.theme,children:we.map(o=>e.jsxRuntimeExports.jsxs("div",{onClick:()=>s(o),className:e.clx(le.block),children:[e.jsxRuntimeExports.jsx(e.Icon,{name:o.icon}),e.jsxRuntimeExports.jsx("span",{className:le.name,children:o.name}),e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretRight"})]},o.icon))})},Is="_back_2jwrk_1",Ms="_render_2jwrk_9",$s="_open_2jwrk_24",Hs="_close_2jwrk_51",Os="_clicked_2jwrk_55",Us="_title_2jwrk_59",qs="_button_2jwrk_67",Gs="_loading_2jwrk_72",zs="_settings_2jwrk_76",Ws="_deleteButton_2jwrk_82",$={back:Is,render:Ms,open:$s,close:Hs,clicked:Os,title:Us,button:qs,loading:Gs,settings:zs,deleteButton:Ws},Vs=({block:t})=>{if(!t)return null;const{pageContext:s}=e.usePagesStore();return t.renderSettings(s)},Xs=t=>{var v,E;const{isAdd:s}=t,[o,n]=h.useState(!1),{setActiveBlock:l}=e.useNavbarStore(),{sourceBlocks:i,activeBlock:r,setActiveBlock:a,currentInstance:u,setCurrentInstance:S}=e.useBlocksStore(),{blocks:m,addBlock:p,editBlock:d,currentBlock:c,setCurrentBlock:b,removeBlock:_,setPositionBlock:f,setHeader:C,setFooter:B,header:k,footer:A}=e.useLayersStore(),{currentPage:y,pages:R}=e.usePagesStore();function P(x=!1){if(!s&&R&&u&&!x){const j={blockSettings:{}};Object.keys(u.blockSettings).filter(I=>!["displayName","isAddable"].includes(I)).map(I=>{j.blockSettings[I]=u.blockSettings[I]}),d(R[y].path,c,{name:m[R[y].path][c].name,value:j})}a(null),b(null),setTimeout(()=>{n(!1)},150),S(null)}function D(){P(),l({name:"Layers",icon:"TreeStructure"}),S(null)}function g(){var x;if(s)return!r||!i[r]?null:new i[r];{if(!R||!R[y]||!c)return null;const j=m[R[y].path][c];return!j||!i[j.name]?null:new i[j.name]((x=j.value)==null?void 0:x.blockSettings)}}h.useEffect(()=>{if(r||c&&!["header","footer"].includes(c)){const x=g();S(x)}else S(null)},[r,c]),h.useEffect(()=>{c==="header"&&C(k)},[c,k]),h.useEffect(()=>{c==="footer"&&B(A)},[c,A]);function w(x){if(!i)return"unknown name";if(!i[x])return c==="header"?k==null?void 0:k.blockSettings.displayName:c==="footer"?A==null?void 0:A.blockSettings.displayName:"unknown name";const j=new i[x];return!j.blockSettings||!j.blockSettings.displayName?"unknown name":j.blockSettings.displayName}return e.jsxRuntimeExports.jsxs("div",{className:e.clx($.render,{[$.open]:c||r,[$.close]:!c&&!r,[$.clicked]:o}),children:[e.jsxRuntimeExports.jsxs("div",{className:$.back,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretLeft",hoverable:!0,onClick:()=>P()}),e.jsxRuntimeExports.jsx("h3",{className:$.title,children:r&&w(r)||R&&R[y]&&m[R[y].path]&&w((v=m[R[y].path][c])==null?void 0:v.name)||c&&F(c)||"Loading"}),!s&&R&&!["header","footer"].includes(c)&&w((E=m[R[y].path][c])==null?void 0:E.name)!=="unknown name"&&e.jsxRuntimeExports.jsx("button",{onClick:()=>{n(!0),_(R[y].path,c),P(!0)},className:$.deleteButton,children:e.jsxRuntimeExports.jsx(e.Icon,{name:"Trash",hoverable:!0})})]}),e.jsxRuntimeExports.jsxs("div",{className:$.settings,children:[u&&e.jsxRuntimeExports.jsx(Vs,{block:u}),c&&["header","footer"].includes(c)&&e.jsxRuntimeExports.jsx(As,{isHeader:c==="header"}),!r&&!c&&e.jsxRuntimeExports.jsx("div",{className:$.loading,children:"Loading"})]}),s&&e.jsxRuntimeExports.jsx("div",{className:$.addButton,children:e.jsxRuntimeExports.jsx(e.Button,{style:{width:"100%"},onClick:()=>{if(n(!0),!["header","footer"].includes(c)&&R){const x={blockSettings:{}};Object.keys(u.blockSettings).filter(j=>!["displayName","isAddable"].includes(j)).map(j=>{x.blockSettings[j]=u.blockSettings[j]}),p(R[y].path,{name:r,value:x}),f(null)}else c==="header"?C(k):B(A);D()},children:"Add Section"})})]})},Qs="_settings_ss3tc_1",Ks="_open_ss3tc_16",Ys="_close_ss3tc_20",Js="_header_ss3tc_24",Zs="_title_ss3tc_31",eo="_addButton_ss3tc_38",K={settings:Qs,open:Ks,close:Ys,header:Js,title:Zs,addButton:eo},to="_wrapper_joj7w_1",so="_category_joj7w_5",oo="_categoryTitle_joj7w_11",no="_color_joj7w_17",ro="_content_joj7w_26",io="_preview_joj7w_35",q={wrapper:to,category:so,categoryTitle:oo,color:no,content:ro,preview:io},ao=()=>{const{themeSettings:t,updateColor:s}=e.useThemeSettingsStore();async function o(l,i,r){s(l,i,r)}const n=h.useMemo(()=>{const l={};return Object.entries(t.colors).forEach(([i,r])=>{Object.entries(r).forEach(([a,u])=>{l[u]||(l[u]=[]),l[u].push(`${i}-${a}`)})}),Object.keys(l).filter(i=>l[i].length>1)},[t.colors]);return e.jsxRuntimeExports.jsx("div",{className:q.wrapper,children:Object.entries(t.colors).map(([l,i])=>e.jsxRuntimeExports.jsxs("div",{className:q.category,children:[e.jsxRuntimeExports.jsx("h2",{className:q.categoryTitle,children:F(l)}),Object.entries(i).map(([r,a])=>e.jsxRuntimeExports.jsxs("div",{className:q.color,children:[e.jsxRuntimeExports.jsxs("div",{className:q.content,children:[e.jsxRuntimeExports.jsx("div",{className:q.preview,style:{background:a}}),e.jsxRuntimeExports.jsx(e.ColorPicker,{title:F(r),initialColor:a,onChange:u=>o(l,r,u)})]}),n.includes(a)&&e.jsxRuntimeExports.jsx(e.Tip,{type:"warning",message:"To avoid contrast problems, please use a different color",style:{marginBottom:12}})]},r))]},l))})},lo="_wrapper_dv4am_2",co="_category_dv4am_6",uo="_categoryTitle_dv4am_12",po="_color_dv4am_18",mo="_name_dv4am_24",xo="_content_dv4am_29",ho="_label_dv4am_36",go="_input_dv4am_48",So="_title_dv4am_74",jo="_field_dv4am_82",bo="_alignments_dv4am_92",Co="_lineField_dv4am_98",fo="_style_dv4am_106",_o="_header_dv4am_113",H={wrapper:lo,category:co,categoryTitle:uo,color:po,name:mo,content:xo,label:ho,input:go,title:So,field:jo,alignments:bo,lineField:Co,style:fo,header:_o},wo=["left","center","right"],vo=["solid","dashed"],oe=t=>{const{title:s,children:o,rightAddon:n}=t;return e.jsxRuntimeExports.jsxs("div",{className:H.field,children:[e.jsxRuntimeExports.jsxs("div",{className:H.header,children:[e.jsxRuntimeExports.jsx("h4",{children:s}),n]}),o]})},ko=()=>{const{themeSettings:t,updateInput:s}=e.useThemeSettingsStore(),o=h.useMemo(()=>t.inputs,[t]),n=(i,r,a)=>{s(i,r,a)},l=i=>r=>{s(i,r,"color")};return e.jsxRuntimeExports.jsxs("div",{className:H.wrapper,children:[e.jsxRuntimeExports.jsxs(oe,{title:"General",children:[e.jsxRuntimeExports.jsx(e.Input,{label:"Height (px)",value:String(o.general.height),onChange:i=>n("general",i,"height"),type:"number",min:0}),e.jsxRuntimeExports.jsx(e.Input,{label:"Style name",value:o.general.name,onChange:i=>n("general",i,"name")}),e.jsxRuntimeExports.jsx(e.Select,{label:"Font Size (px)",onChange:i=>n("general",i,"size"),value:String(o.general.size),options:e.sizeOptions}),e.jsxRuntimeExports.jsx(e.ColorPicker,{initialColor:F(o.general.color),onChange:l("general"),title:"Font Color",labelStyle:"secondary"})]}),e.jsxRuntimeExports.jsxs(oe,{title:"Field Fill",rightAddon:e.jsxRuntimeExports.jsx("div",{className:H.switch,children:e.jsxRuntimeExports.jsx(e.Switch,{onChange:i=>n("field",i,"active"),current:o.field.active})}),children:[e.jsxRuntimeExports.jsx(e.ColorPicker,{initialColor:F(o.field.color),onChange:l("field"),title:"Color",labelStyle:"secondary"}),e.jsxRuntimeExports.jsx(e.Input,{label:"Opacity (%)",value:String(o.field.opacity),onChange:i=>n("field",i,"opacity"),type:"number",min:0})]}),e.jsxRuntimeExports.jsxs(oe,{title:"Border",rightAddon:e.jsxRuntimeExports.jsx("div",{className:H.switch,children:e.jsxRuntimeExports.jsx(e.Switch,{onChange:i=>n("border",i,"active"),current:o.border.active})}),children:[e.jsxRuntimeExports.jsxs("div",{className:H.lineField,children:[e.jsxRuntimeExports.jsxs("div",{className:H.style,children:[e.jsxRuntimeExports.jsx("span",{className:H.title,children:"Style"}),e.jsxRuntimeExports.jsx(e.Picker,{items:vo,selectedItem:o.border.style,onSelect:i=>n("border",i,"style"),getIconName:i=>i==="solid"?"Minus":"Selection"})]}),e.jsxRuntimeExports.jsx(e.Input,{label:"Radius (px)",value:String(o.border.radius),onChange:i=>n("border",i,"radius"),type:"number",min:0})]}),e.jsxRuntimeExports.jsx(e.Input,{label:"Thickness (px)",value:String(o.border.thickness),onChange:i=>n("border",i,"thickness"),type:"number",min:0}),e.jsxRuntimeExports.jsx(e.ColorPicker,{initialColor:F(o.border.color),onChange:l("border"),title:"Color",labelStyle:"secondary"})]}),e.jsxRuntimeExports.jsxs(oe,{title:"Label",children:[e.jsxRuntimeExports.jsx(e.Input,{label:"Line Height (px)",value:String(o.label.height),onChange:i=>n("label",i,"height"),type:"number",min:0}),e.jsxRuntimeExports.jsx(e.Select,{label:"Font Size (px)",onChange:i=>n("label",i,"size"),value:String(o.label.size),options:e.sizeOptions}),e.jsxRuntimeExports.jsx(e.ColorPicker,{initialColor:F(o.label.color),onChange:l("label"),title:"Color",labelStyle:"secondary"}),e.jsxRuntimeExports.jsxs("div",{className:H.alignments,children:[e.jsxRuntimeExports.jsx("h4",{className:H.title,children:"Alignment Type"}),e.jsxRuntimeExports.jsx(e.Picker,{items:wo,selectedItem:o.label.alignment,onSelect:i=>n("label",i,"alignment"),getIconName:i=>i==="center"?"AlignCenterHorizontal":i==="left"?"AlignLeft":"AlignRight"})]})]})]})},Ro="_wrapper_lov6e_1",Eo="_category_lov6e_5",yo="_categoryTitle_lov6e_11",Bo="_font_lov6e_17",Po="_content_lov6e_38",Ao="_icon_lov6e_45",Lo="_paragraph_lov6e_56",To="_deleteIcon_lov6e_60",No="_iconButton_lov6e_67",U={wrapper:Ro,category:Eo,categoryTitle:yo,font:Bo,content:Po,icon:Ao,paragraph:Lo,deleteIcon:To,iconButton:No},Fo=t=>{const{font:s,size:o,id:n,category:l}=t,{setActiveFont:i}=e.useThemeSettingsStore();return e.jsxRuntimeExports.jsxs("div",{className:U.font,onClick:()=>i(n),children:[e.jsxRuntimeExports.jsx("div",{className:e.clx(U.icon,{[U.paragraph]:l==="paragraph"}),children:e.jsxRuntimeExports.jsx(e.Icon,{name:l==="paragraph"?"TextB":"TextH"})}),e.jsxRuntimeExports.jsxs("div",{className:U.content,children:[e.jsxRuntimeExports.jsx("h2",{className:U.categoryTitle,children:F(n)}),e.jsxRuntimeExports.jsx("span",{className:U.value,children:`${s}, ${o}px`})]})]})},Do=()=>{const{themeSettings:t,setActiveFont:s,activeBlock:o}=e.useThemeSettingsStore();h.useEffect(()=>(n(),()=>{n()}),[]);function n(){s(null)}if(o!=null&&o.name)return e.jsxRuntimeExports.jsx("div",{className:U.wrapper,children:Object.entries(t.fonts).map(([l,i])=>e.jsxRuntimeExports.jsxs("div",{className:U.category,children:[e.jsxRuntimeExports.jsx("h2",{className:U.categoryTitle,children:F(l)}),Object.entries(i).map(([r,a])=>e.jsxRuntimeExports.jsx(Fo,{id:r,category:l,...a},r))]},l))})},Io="_wrapper_smgf8_1",Mo="_open_smgf8_16",$o="_close_smgf8_20",Ho="_header_smgf8_24",Oo="_title_smgf8_32",Uo="_options_smgf8_38",qo="_clicked_smgf8_45",G={wrapper:Io,open:Mo,close:$o,header:Ho,title:Oo,options:Uo,clicked:qo},Go=()=>{const{activeBlock:t,setActiveFont:s,activeFont:o,themeSettings:n,updateFont:l}=e.useThemeSettingsStore(),{fonts:i}=e.useFontsStore(),[r,a]=h.useState(null);function u(){s(null)}function S(p,d){r&&o&&l(r,o,d,p)}const m=h.useMemo(()=>o?n.fonts.heading[o]?(a("heading"),n.fonts.heading[o]):n.fonts.paragraph[o]?(a("paragraph"),n.fonts.paragraph[o]):(a(null),null):null,[o,n]);return e.jsxRuntimeExports.jsxs("div",{className:e.clx(G.wrapper,{[G.open]:(t==null?void 0:t.name)==="Fonts"&&o,[G.close]:(t==null?void 0:t.name)!=="Fonts"||!o}),children:[e.jsxRuntimeExports.jsxs("div",{className:G.header,onClick:u,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretLeft",hoverable:!0}),e.jsxRuntimeExports.jsx("span",{className:G.title,children:"Font Style"})]}),o&&m&&e.jsxRuntimeExports.jsxs("div",{className:G.options,children:[e.jsxRuntimeExports.jsx(e.Select,{label:"Font",value:m.font,onChange:p=>S(p,"font"),options:[...i.filter(p=>p!==m.font)]}),e.jsxRuntimeExports.jsx(e.Select,{label:"Size",value:String(m.size),onChange:p=>S(p,"size"),options:e.sizeOptions}),e.jsxRuntimeExports.jsx(e.Select,{label:"Weight",value:String(m.weight),onChange:p=>S(p,"weight"),options:e.weightOptions})]})]})},zo="_wrapper_smgf8_1",Wo="_open_smgf8_16",Vo="_close_smgf8_20",Xo="_header_smgf8_24",Qo="_title_smgf8_32",Ko="_options_smgf8_38",Yo="_clicked_smgf8_45",z={wrapper:zo,open:Wo,close:Vo,header:Xo,title:Qo,options:Ko,clicked:Yo},be=()=>{const{activeBlock:t,themeSettings:s,updateBorder:o,setActiveBlock:n}=e.useThemeSettingsStore();function l(a,u){o(u,a)}function i(){n(null)}const r=h.useMemo(()=>s.borders,[s]);return e.jsxRuntimeExports.jsxs("div",{className:e.clx(z.wrapper,{[z.open]:(t==null?void 0:t.name)==="Borders",[z.close]:(t==null?void 0:t.name)!=="Borders"}),children:[e.jsxRuntimeExports.jsxs("div",{className:z.header,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretLeft",hoverable:!0,onClick:i}),e.jsxRuntimeExports.jsx("span",{className:z.title,children:"Borders Style"})]}),e.jsxRuntimeExports.jsxs("div",{className:z.options,children:[e.jsxRuntimeExports.jsx(e.Input,{label:"Border Radius (px)",value:String(r.radius),onChange:a=>l(Number(a),"radius"),type:"number",min:0}),e.jsxRuntimeExports.jsx(e.Input,{label:"Border Thickness (px)",value:String(r.thickness),onChange:a=>l(Number(a),"thickness"),type:"number",min:0})]})]})},Jo="_wrapper_1phvv_1",Zo="_open_1phvv_16",en="_close_1phvv_20",tn="_header_1phvv_24",sn="_title_1phvv_32",on="_options_1phvv_38",nn="_clicked_1phvv_45",rn="_label_1phvv_49",an="_alignments_1phvv_56",ln="_blocks_1phvv_62",cn="_alignment_1phvv_56",un="_active_1phvv_77",T={wrapper:Jo,open:Zo,close:en,header:tn,title:sn,options:on,clicked:nn,label:rn,alignments:an,blocks:ln,alignment:cn,active:un},dn=["left","center","right"],Ce=()=>{const{activeBlock:t,themeSettings:s,updateButton:o,setActiveBlock:n}=e.useThemeSettingsStore();function l(a,u){o(u,a)}function i(){n(null)}const r=h.useMemo(()=>s.buttons,[s]);return e.jsxRuntimeExports.jsxs("div",{className:e.clx(T.wrapper,{[T.open]:(t==null?void 0:t.name)==="Buttons",[T.close]:(t==null?void 0:t.name)!=="Buttons"}),children:[e.jsxRuntimeExports.jsxs("div",{className:T.header,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretLeft",hoverable:!0,onClick:i}),e.jsxRuntimeExports.jsx("span",{className:T.title,children:"Buttons Style"})]}),r&&e.jsxRuntimeExports.jsxs("div",{className:T.options,children:[e.jsxRuntimeExports.jsx(e.Input,{label:"Height (px)",value:String(r.height),onChange:a=>l(a,"height"),type:"number",min:0}),e.jsxRuntimeExports.jsx(e.Select,{label:"Font Size (px)",value:String(r.size),onChange:a=>l(a,"size"),options:e.sizeOptions}),e.jsxRuntimeExports.jsx(e.Input,{label:"Border Radius (px)",value:String(r.radius),onChange:a=>l(Number(a),"radius"),type:"number",min:0}),e.jsxRuntimeExports.jsxs("div",{className:T.alignments,children:[e.jsxRuntimeExports.jsx("h4",{className:T.label,children:"Alignment Type"}),e.jsxRuntimeExports.jsx("div",{className:T.blocks,children:dn.map(a=>e.jsxRuntimeExports.jsx("div",{className:e.clx(T.alignment,{[T.active]:r.alignment===a}),onClick:()=>{l(a,"alignment")},children:e.jsxRuntimeExports.jsx(e.Icon,{name:a==="center"?"AlignCenterHorizontal":a==="left"?"AlignLeft":"AlignRight",fill:r.alignment===a?"#252525":"#757575"})},a))})]})]})]})},pn=()=>{const{activeBlock:t}=e.useThemeSettingsStore();return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[(t==null?void 0:t.name)==="Fonts"&&e.jsxRuntimeExports.jsx(Go,{}),(t==null?void 0:t.name)==="Borders"&&e.jsxRuntimeExports.jsx(be,{}),(t==null?void 0:t.name)==="Buttons"&&e.jsxRuntimeExports.jsx(Ce,{})]})},mn=()=>{const{activeBlock:t,setActiveBlock:s}=e.useThemeSettingsStore(),{activeBlock:o}=e.useNavbarStore();function n(){s(null)}return e.jsxRuntimeExports.jsxs("div",{className:e.clx(K.settings,{[K.open]:t,[K.close]:!t||o.name!=="Theme"}),children:[e.jsxRuntimeExports.jsxs("div",{className:K.header,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretLeft",hoverable:!0,onClick:n}),e.jsxRuntimeExports.jsx("span",{className:K.title,children:t==null?void 0:t.name})]}),(t==null?void 0:t.name)==="Fonts"&&e.jsxRuntimeExports.jsx(Do,{}),(t==null?void 0:t.name)==="Colors"&&e.jsxRuntimeExports.jsx(ao,{}),(t==null?void 0:t.name)==="Inputs"&&e.jsxRuntimeExports.jsx(ko,{}),(t==null?void 0:t.name)==="Borders"&&e.jsxRuntimeExports.jsx(be,{}),(t==null?void 0:t.name)==="Borders"&&e.jsxRuntimeExports.jsx(Ce,{}),e.jsxRuntimeExports.jsx(pn,{})]})},xn=()=>{const{activeBlock:t}=e.useNavbarStore(),{activeBlock:s}=e.useBlocksStore();function o(){switch(t.name){case"Layers":return"Layers";case"Add":return"Add Sections";case"Theme":return"Theme Settings";case"Settings":return"Settings"}}return e.jsxRuntimeExports.jsxs("div",{className:pe.sidebar,children:[e.jsxRuntimeExports.jsx("h3",{className:pe.title,children:o()}),t.name==="Layers"&&e.jsxRuntimeExports.jsx(Ps,{}),t.name==="Add"&&e.jsxRuntimeExports.jsx(je,{}),e.jsxRuntimeExports.jsx(Xs,{isAdd:!!s}),e.jsxRuntimeExports.jsx(mn,{}),t.name==="Theme"&&e.jsxRuntimeExports.jsx(Ds,{}),t.name==="Settings"&&e.jsxRuntimeExports.jsx(Ls,{})]})},hn="_wrapper_gibny_1",gn="_header_gibny_12",Sn="_content_gibny_23",jn="_buttons_gibny_31",bn="_cancel_gibny_38",Cn="_label_gibny_43",fn="_description_gibny_44",_n="_preview_gibny_52",wn="_block_gibny_58",vn="_slug_gibny_67",kn="_title_gibny_73",N={wrapper:hn,header:gn,content:Sn,buttons:jn,cancel:bn,label:Cn,description:fn,preview:_n,block:wn,slug:vn,title:kn},Rn=()=>{var P,D,g,w,v,E;const{setIsOpenModal:t,pages:s,createPage:o,updatePage:n,isEdit:l,setIsEdit:i,editedPage:r,setEditedPage:a}=e.usePagesStore(),{createPage:u,updatePage:S}=e.useLayersStore(),[m,p]=h.useState(r?s&&((P=s[r])==null?void 0:P.path):""),[d,c]=h.useState(r?s&&((D=s[r])==null?void 0:D.name):""),[b,_]=h.useState(r?s&&s[r].seo&&(((g=s[r])==null?void 0:g.seo.description)||""):""),[f,C]=h.useState(r?s&&((w=s[r])==null?void 0:w.visibility):"public");function B(){p(""),c(""),_(""),C("public"),i(!1),a(null)}function k(){B(),t(!1)}function A(x){return x[0]==="/"?x:"/"+x}function y(){o({path:A(m),name:d||m||"",icon:"File",seo:{title:d||"",description:b||""},visibility:f||"public"}),u(d),k()}function R(){s&&(S(s[r].name||"",d||m||""),n(r,{path:A(m),name:d||m,icon:s[r].icon||"File",seo:{title:d||"",description:b||""},visibility:f||"public"})),k()}return e.jsxRuntimeExports.jsxs("div",{className:N.wrapper,onClick:x=>x.stopPropagation(),children:[e.jsxRuntimeExports.jsxs("div",{className:N.header,children:[e.jsxRuntimeExports.jsxs("h2",{children:[l?"Edit":"Create"," Blank Page"]}),e.jsxRuntimeExports.jsx(e.Icon,{name:"X",fill:"#757575",hoverable:!0,onClick:k})]}),e.jsxRuntimeExports.jsxs("div",{className:N.content,children:[e.jsxRuntimeExports.jsx(e.Input,{label:"Page Slug",onChange:x=>p(x),value:m,placeholder:"path-to-page",disabled:!!(r&&s&&((v=s[r])!=null&&v.name)&&Y.includes(s[r].name)),required:!0,regex:"^.+$"}),e.jsxRuntimeExports.jsx(e.Input,{label:"Page Title",onChange:x=>c(x),value:d,placeholder:"Contact us",disabled:!!(r&&s&&((E=s[r])!=null&&E.name)&&Y.includes(s[r].name))}),e.jsxRuntimeExports.jsx(e.Textarea,{label:"Description",onChange:x=>_(x),value:b,placeholder:"Contact us at any time of the day or night. You are always welcome",maxLength:150}),e.jsxRuntimeExports.jsx(e.Radio,{label:"Visibility",defaultValue:f,options:[{value:"public",label:"Public"},{value:"private",label:"Private"}],onChange:x=>C(x)}),e.jsxRuntimeExports.jsxs("div",{className:N.preview,children:[e.jsxRuntimeExports.jsx("span",{className:N.label,children:"Preview"}),e.jsxRuntimeExports.jsxs("div",{className:N.block,children:[e.jsxRuntimeExports.jsx("span",{className:N.slug,children:m||"yoursite.url"}),e.jsxRuntimeExports.jsx("span",{className:N.title,children:d||"My Blank Page"}),e.jsxRuntimeExports.jsx("span",{className:N.description,children:b||"It is My Description"})]})]})]}),e.jsxRuntimeExports.jsxs("div",{className:N.buttons,children:[e.jsxRuntimeExports.jsx(e.Button,{className:N.cancel,onClick:k,children:"Cancel"}),e.jsxRuntimeExports.jsx(e.Button,{onClick:l?R:y,disabled:m.length===0,children:l?"Update":"Create"})]})]})},En="_layout_douh4_1",yn="_main_douh4_10",Bn="_content_douh4_18",ce={layout:En,main:yn,content:Bn},Pn=()=>{const{isOpenModal:t,setIsOpenModal:s}=e.usePagesStore(),{openModal:o,setOpenModal:n}=e.useChooseImageStore();return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:ce.layout,children:[e.jsxRuntimeExports.jsx(bt,{}),e.jsxRuntimeExports.jsxs("main",{className:ce.main,children:[e.jsxRuntimeExports.jsx(dt,{}),e.jsxRuntimeExports.jsxs("div",{className:ce.content,children:[e.jsxRuntimeExports.jsx(xn,{}),e.jsxRuntimeExports.jsx(us,{})]})]})]}),t&&e.jsxRuntimeExports.jsx(e.Modal,{close:s,children:e.jsxRuntimeExports.jsx(Rn,{})}),o&&e.jsxRuntimeExports.jsx(e.Modal,{close:n,children:e.jsxRuntimeExports.jsx(e.ChooseImageModal,{})})]})};async function W(t,s){const o=localStorage.getItem("shopId")||void 0,n=`${e.API_URL}/${t}/builder/shops/${o}/${s}`,l=localStorage.getItem("sellerAccessToken")||void 0;return(await e.axios.get(n,{headers:{Authorization:`Bearer ${l}`}})).data}async function An(){try{const[t,s,o,n,l,i]=await Promise.allSettled([W("v1","general"),W("v1","faqs"),W("v1","listings"),W("v1","products"),W("v1","reviews"),W("v1","categories")]);return{general:t,faqs:s,listings:o,products:n,reviews:l,categories:i}}catch(t){throw console.error("Error fetching page data:",t),t}}async function Ln(){try{const{data:t}=await e.axios.get(`${e.GOOGLE_FONTS_API}?key=AIzaSyAEsTbjAPUz_TeuFCq4z4LPK9w_vst0Pfw`);return t.items}catch(t){throw console.error("Error fetching page data:",t),t}}function Tn(){try{const{editBlock:t,currentBlock:s,blocks:o,header:n,setHeader:l,footer:i,setFooter:r}=e.useLayersStore.getState(),{currentPage:a,pages:u}=e.usePagesStore.getState(),{currentInstance:S,activeBlock:m}=e.useBlocksStore.getState();if(!m&&S&&u){if(s==="header"&&n)l(n);else if(s==="footer"&&i)r(i);else if(s==="header"||s==="footer")throw new Error(`Missing ${s} data.`);const p={blockSettings:{}};if(!S.blockSettings)throw new Error("currentInstance.blockSettings is undefined.");if(Object.keys(S.blockSettings).filter(d=>!["displayName","isAddable"].includes(d)).forEach(d=>{p.blockSettings[d]=S.blockSettings[d]}),!u[a])throw new Error(`Page "${a}" does not exist.`);if(!o[u[a].path]||!o[u[a].path][s])throw new Error(`Layer or block for page "${u[a].path}" and block "${s}" does not exist.`);t(u[a].path,s,{name:o[u[a].path][s].name,value:p})}}catch(t){console.error("Error in hotReload function:",t)}}async function Nn(){const t=localStorage.getItem("shopId"),s=localStorage.getItem("draftId"),o=`${e.API_URL}/v2/builder/shops/${t}/drafts/${s}/pages`,n=localStorage.getItem("sellerAccessToken");return(await e.axios.get(o,{headers:{Authorization:`Bearer ${n}`}})).data}async function Fn(){const t=localStorage.getItem("shopId")||void 0,s=localStorage.getItem("draftId")||void 0,o=`${e.API_URL}/v2/builder/shops/${t}/drafts/${s}/all`,n=localStorage.getItem("sellerAccessToken")||void 0;return(await e.axios.get(o,{headers:{Authorization:`Bearer ${n}`}})).data}const Dn=t=>{const{blocks:s,settings:o,header:n,footer:l}=t,{setBlocks:i,setSourceBlocks:r}=e.useBlocksStore(),{fonts:a,setFonts:u}=e.useFontsStore(),{setSettings:S}=e.useSettingsStore(),{setPageContext:m}=e.usePagesStore(),{setHeader:p,setFooter:d,setBlocks:c,blocks:b,createPage:_}=e.useLayersStore(),{setThemeSettings:f}=e.useThemeSettingsStore(),{setPages:C}=e.usePagesStore();function B(k){return k[0]==="/"?k.slice(1):k}return h.useEffect(()=>{const k={};Object.keys(s).map(y=>{k[y]=s[y]}),r(k),i(k),p(n),d(l),(async()=>{const{data:y}=await Fn();let R={listings:null,products:null,reviews:null,categories:null,faqs:null,general:null};const P=await An();console.log(P),Object.keys(P).map(x=>{const j=x;R[j]=P[j].value.data}),m(R);const{settings:D,themeSettings:g,layers:w}=y;if(f(g),c(w),Object.keys(D).forEach(x=>console.log(x)),S(o),a.length===0){const x=await Ln();u([...x.map(j=>j.family)])}const v=await Nn(),E={};v.data.length>0&&v.data.forEach(x=>{const j=B(x.path);b[j]||_(j),x.path==="/"?E["/"]={...x,icon:re.home.icon,name:"home"}:re[j]?E[j]={...x,icon:re[j].icon,name:j}:E[j]={...x,icon:"File",name:j}}),C(E)})()},[]),e.jsxRuntimeExports.jsx(Pn,{})},In=t=>{const{blocks:s,settings:o,header:n,footer:l}=t,[i,r]=h.useState(!0),a=e.useNavigate();return h.useEffect(()=>{r(!0),ke()?r(!1):a("/")},[]),e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:i?e.jsxRuntimeExports.jsx(e.Loader,{}):e.jsxRuntimeExports.jsx(Dn,{blocks:s,settings:o,header:n,footer:l})})},Mn=t=>{const{blocks:s,settings:o,header:n,footer:l}=t,[i,r]=h.useState(null),{setBlocks:a,setSourceBlocks:u}=e.useBlocksStore(),{setSettings:S}=e.useSettingsStore(),{setHeader:m,setFooter:p}=e.useLayersStore();h.useEffect(()=>{if(!i){const _={};Object.keys(s).map(C=>{_[C]=s[C]}),u(_),a(_),m(n),p(l),S(o);const f=e.createBrowserRouter([{path:"/admin/builder",element:e.jsxRuntimeExports.jsx(In,{blocks:s,settings:o,header:n,footer:l})},{path:"/checkout",element:e.jsxRuntimeExports.jsx(e.checkout_app_default,{})},{path:"/top-up",element:e.jsxRuntimeExports.jsx(e.top_up_balance_default,{})},{path:"/charges/:id",element:e.jsxRuntimeExports.jsx(e.charge_default,{})},{path:"/orders/:id/:accessToken?",element:e.jsxRuntimeExports.jsx(e.order_default,{})},{path:"/subscriptions/:id/:accessToken?",element:e.jsxRuntimeExports.jsx(e.subscription_default,{})},{path:"/customer-dash",element:e.jsxRuntimeExports.jsx(e.customerDashboard_default,{})},{path:"*",element:e.jsxRuntimeExports.jsx(Ae,{})}]);r(f)}},[i]);const d=window.location.hostname.includes("localhost")?localStorage.getItem("fakeDomain")||"subscriptions.billgang.store":window.location.hostname,c=localStorage.getItem("shopPassword"),b=localStorage.getItem("shopId")||"";return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:i&&e.jsxRuntimeExports.jsx(e.BillgangProvider,{shopDomain:d,shopId:b,shopPassword:c||void 0,routes:{Checkout:"/checkout",TopUp:"/top-up",Charge:"/charges",Order:"/orders",Subscription:"/subscriptions"},children:e.jsxRuntimeExports.jsx(e.RouterProvider,{router:i})})})};exports.App=Mn;exports.hotReload=Tn;exports.iconNames=ve;

package/dist/builder.es.js CHANGED Viewed

@@ -135,14 +135,14 @@ const Bt = "_wrapper_1dfbs_1", At = "_main_1dfbs_9", Pt = "_loading_1dfbs_13", C
   C.useEffect(() => {
     l(!0), (async () => {
       const u = await Qe(encodeURIComponent(t));
-      if (u) {
+      if (console.log(u), u) {
         a(u.layout);
         const { settings: c, theme: _ } = await Ke();
         i(_), S(c);
       }
       l(!1);
     })();
-  }, []);
+  }, [t]);
   const g = (h) => {
     if (!h || !h.name)
       return /* @__PURE__ */ e.jsx(be, { error: "Block or block.name is undefined." });
@@ -464,9 +464,9 @@ const Ft = () => {
   /* @__PURE__ */ e.jsx("div", { children: "Current Theme" })
 ] }), gn = () => {
   const { themeSettings: t } = $(), { settings: n } = J(), { isOpenSelectModal: o } = T(), [s, l] = C.useState(null), [r, a] = C.useState(!1), { pages: i } = T(), { blocks: d } = F();
-  function S(_, k) {
+  function S(_, x) {
     try {
-      return k.map((w) => {
+      return x.map((w) => {
         if (!w.value || !w.value.blockSettings)
           throw new Error("block.value or block.value.blockSettings is undefined.");
         return Object.values(w.value.blockSettings).filter((N) => N && N.type === _).map((N) => {
@@ -483,17 +483,17 @@ const Ft = () => {
       return console.error("Error in getValues function:", v), [];
     }
   }
-  function g(_, k) {
-    return S(_, k).some((w) => w);
+  function g(_, x) {
+    return S(_, x).some((w) => w);
   }
-  function h(_, k) {
-    const v = S(_, k);
+  function h(_, x) {
+    const v = S(_, x);
     return Array.isArray(v) && v.length > 0 ? Math.max(...v) : 0;
   }
   function u(_) {
     if (i) {
-      const k = Object.keys(i).find((v) => i[v].name === _);
-      if (k) return i[k];
+      const x = Object.keys(i).find((v) => i[v].name === _);
+      if (x) return i[x];
     }
     return null;
   }
@@ -501,7 +501,7 @@ const Ft = () => {
     if (r)
       s && clearTimeout(s);
     else {
-      const k = Object.keys(d).map((v) => {
+      const x = Object.keys(d).map((v) => {
         const w = u(v);
         return {
           name: w ? w.name : v,
@@ -524,7 +524,7 @@ const Ft = () => {
       et("post", "save", {
         themeSettings: t,
         settings: n,
-        updatedPages: k
+        updatedPages: x
       });
     }
     a(!0);
@@ -871,40 +871,40 @@ const Ft = () => {
     colorChange: u,
     setColor: c,
     update: _
-  } = Ie(), k = (m) => {
-    const { offsetX: x, offsetY: j } = m.nativeEvent;
-    d(!0), N(x, j, m.currentTarget);
+  } = Ie(), x = (m) => {
+    const { offsetX: k, offsetY: j } = m.nativeEvent;
+    d(!0), N(k, j, m.currentTarget);
   }, v = (m) => {
     if (i) {
-      const x = document.querySelector(`.${G.colorMap}`), { left: j, top: P } = x.getBoundingClientRect(), p = m.clientX - j, b = m.clientY - P;
-      N(p, b, x);
+      const k = document.querySelector(`.${G.colorMap}`), { left: j, top: P } = k.getBoundingClientRect(), p = m.clientX - j, b = m.clientY - P;
+      N(p, b, k);
     }
   }, w = () => {
     d(!1);
-  }, N = (m, x, j) => {
-    const { width: P, height: p } = j.getBoundingClientRect(), b = Math.max(0, Math.min(m / P * 100, 100)), q = Math.max(0, Math.min(100 - x / p * 100, 100));
+  }, N = (m, k, j) => {
+    const { width: P, height: p } = j.getBoundingClientRect(), b = Math.max(0, Math.min(m / P * 100, 100)), q = Math.max(0, Math.min(100 - k / p * 100, 100));
     g(b), h(q), y(b, q);
-  }, y = (m, x) => {
-    const j = B(l, m, x);
+  }, y = (m, k) => {
+    const j = B(l, m, k);
     u(j), c(j);
-  }, D = (m, x, j) => {
-    x /= 100, j /= 100;
-    const P = (ue) => (ue + m / 60) % 6, p = (ue) => j * (1 - x * Math.max(0, Math.min(P(ue), 4 - P(ue), 1))), b = Math.round(255 * p(5)), q = Math.round(255 * p(3)), Xe = Math.round(255 * p(1));
+  }, M = (m, k, j) => {
+    k /= 100, j /= 100;
+    const P = (ue) => (ue + m / 60) % 6, p = (ue) => j * (1 - k * Math.max(0, Math.min(P(ue), 4 - P(ue), 1))), b = Math.round(255 * p(5)), q = Math.round(255 * p(3)), Xe = Math.round(255 * p(1));
     return { r: b, g: q, b: Xe };
-  }, L = (m, x, j) => {
+  }, L = (m, k, j) => {
     const P = (p) => p.toString(16).padStart(2, "0");
-    return `#${P(m)}${P(x)}${P(j)}`;
-  }, B = (m, x, j) => {
-    const { r: P, g: p, b } = D(m, x, j);
+    return `#${P(m)}${P(k)}${P(j)}`;
+  }, B = (m, k, j) => {
+    const { r: P, g: p, b } = M(m, k, j);
     return L(P, p, b);
   };
   C.useEffect(() => {
-    const m = (j) => v(j), x = () => w();
-    return i ? (document.addEventListener("mousemove", m), document.addEventListener("mouseup", x)) : (document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", x)), () => {
-      document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", x);
+    const m = (j) => v(j), k = () => w();
+    return i ? (document.addEventListener("mousemove", m), document.addEventListener("mouseup", k)) : (document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", k)), () => {
+      document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", k);
     };
   }, [i]);
-  function M() {
+  function D() {
     _(n), s(!1);
   }
   function O() {
@@ -925,7 +925,7 @@ const Ft = () => {
           "div",
           {
             className: G.colorMap,
-            onMouseDown: k,
+            onMouseDown: x,
             style: {
               background: `
 linear-gradient(to top, black, transparent),
@@ -971,7 +971,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
           /* @__PURE__ */ e.jsx(
             Y,
             {
-              onClick: M,
+              onClick: D,
               className: G.applyButton,
               children: "Apply"
             }
@@ -1080,23 +1080,23 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
     clearHideTimeout: u,
     startHideTimeout: c,
     hoverBlockId: _,
-    isModalVisible: k
+    isModalVisible: x
   } = we(), { setPositionBlock: v } = F(), [w, N] = C.useState(!1), y = () => {
-    k && h(), d(t), N(!0), u();
-  }, D = (m) => {
+    x && h(), d(t), N(!0), u();
+  }, M = (m) => {
     m.stopPropagation(), S(), g(t), u(), v(o + 1);
   }, L = () => {
-    k ? c() : (N(!1), S());
+    x ? c() : (N(!1), S());
   };
   C.useEffect(() => {
-    k || N(!1);
-  }, [k]);
+    x || N(!1);
+  }, [x]);
   const [, B] = at({
     accept: "block",
     hover(m) {
       m.index !== o && a && (s(a[r].path, m.index, o), m.index = o);
     }
-  }), [{ isDragging: M }, O] = rt({
+  }), [{ isDragging: D }, O] = rt({
     type: "block",
     item: { id: t, index: o },
     collect: (m) => ({
@@ -1108,8 +1108,8 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
     {
       ref: (m) => O(B(m)),
       className: A(se.block, {
-        [se.dragging]: M,
-        [se.active]: !M && i === t
+        [se.dragging]: D,
+        [se.active]: !D && i === t
       }),
       onClick: () => l(t),
       onMouseEnter: y,
@@ -1117,11 +1117,11 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
       children: [
         /* @__PURE__ */ e.jsx(f, { name: "Cards" }),
         /* @__PURE__ */ e.jsx("span", { children: n }),
-        (w || _ === t) && !M && /* @__PURE__ */ e.jsx("div", { className: se.add, children: /* @__PURE__ */ e.jsx(
+        (w || _ === t) && !D && /* @__PURE__ */ e.jsx("div", { className: se.add, children: /* @__PURE__ */ e.jsx(
           "button",
           {
             className: se.button,
-            onClick: (m) => D(m),
+            onClick: (m) => M(m),
             children: /* @__PURE__ */ e.jsx(
               f,
               {
@@ -1212,14 +1212,14 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
     editBlock: u,
     currentBlock: c,
     setCurrentBlock: _,
-    removeBlock: k,
+    removeBlock: x,
     setPositionBlock: v,
     setHeader: w,
     setFooter: N,
     header: y,
-    footer: D
+    footer: M
   } = F(), { currentPage: L, pages: B } = T();
-  function M(p = !1) {
+  function D(p = !1) {
     if (!n && B && d && !p) {
       const b = {
         blockSettings: {}
@@ -1236,7 +1236,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
     }, 150), S(null);
   }
   function O() {
-    M(), l({
+    D(), l({
       name: "Layers",
       icon: "TreeStructure"
     }), S(null);
@@ -1261,13 +1261,13 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
   }, [a, c]), C.useEffect(() => {
     c === "header" && w(y);
   }, [c, y]), C.useEffect(() => {
-    c === "footer" && N(D);
-  }, [c, D]);
-  function x(p) {
+    c === "footer" && N(M);
+  }, [c, M]);
+  function k(p) {
     if (!r)
       return "unknown name";
     if (!r[p])
-      return c === "header" ? y == null ? void 0 : y.blockSettings.displayName : c === "footer" ? D == null ? void 0 : D.blockSettings.displayName : "unknown name";
+      return c === "header" ? y == null ? void 0 : y.blockSettings.displayName : c === "footer" ? M == null ? void 0 : M.blockSettings.displayName : "unknown name";
     const b = new r[p]();
     return !b.blockSettings || !b.blockSettings.displayName ? "unknown name" : b.blockSettings.displayName;
   }
@@ -1286,15 +1286,15 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
             {
               name: "CaretLeft",
               hoverable: !0,
-              onClick: () => M()
+              onClick: () => D()
             }
           ),
-          /* @__PURE__ */ e.jsx("h3", { className: W.title, children: a && x(a) || B && B[L] && g[B[L].path] && x((j = g[B[L].path][c]) == null ? void 0 : j.name) || c && U(c) || "Loading" }),
-          !n && B && !["header", "footer"].includes(c) && x((P = g[B[L].path][c]) == null ? void 0 : P.name) !== "unknown name" && /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e.jsx("h3", { className: W.title, children: a && k(a) || B && B[L] && g[B[L].path] && k((j = g[B[L].path][c]) == null ? void 0 : j.name) || c && U(c) || "Loading" }),
+          !n && B && !["header", "footer"].includes(c) && k((P = g[B[L].path][c]) == null ? void 0 : P.name) !== "unknown name" && /* @__PURE__ */ e.jsx(
             "button",
             {
               onClick: () => {
-                s(!0), k(B[L].path, c), M(!0);
+                s(!0), x(B[L].path, c), D(!0);
               },
               className: W.deleteButton,
               children: /* @__PURE__ */ e.jsx(
@@ -1330,7 +1330,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
                   value: p
                 }), v(null);
               } else
-                c === "header" ? w(y) : N(D);
+                c === "header" ? w(y) : N(M);
               O();
             },
             children: "Add Section"
@@ -1988,7 +1988,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
   slug: ja,
   title: ya
 }, Ba = () => {
-  var M, O, m, x, j, P;
+  var D, O, m, k, j, P;
   const {
     setIsOpenModal: t,
     pages: n,
@@ -1998,23 +1998,23 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
     setIsEdit: r,
     editedPage: a,
     setEditedPage: i
-  } = T(), { createPage: d, updatePage: S } = F(), [g, h] = C.useState(a ? n && ((M = n[a]) == null ? void 0 : M.path) : ""), [u, c] = C.useState(a ? n && ((O = n[a]) == null ? void 0 : O.name) : ""), [_, k] = C.useState(
+  } = T(), { createPage: d, updatePage: S } = F(), [g, h] = C.useState(a ? n && ((D = n[a]) == null ? void 0 : D.path) : ""), [u, c] = C.useState(a ? n && ((O = n[a]) == null ? void 0 : O.name) : ""), [_, x] = C.useState(
     a ? n && n[a].seo && (((m = n[a]) == null ? void 0 : m.seo.description) || "") : ""
   ), [v, w] = C.useState(
-    a ? n && ((x = n[a]) == null ? void 0 : x.visibility) : "public"
+    a ? n && ((k = n[a]) == null ? void 0 : k.visibility) : "public"
   );
   function N() {
-    h(""), c(""), k(""), w("public"), r(!1), i(null);
+    h(""), c(""), x(""), w("public"), r(!1), i(null);
   }
   function y() {
     N(), t(!1);
   }
-  function D(p) {
+  function M(p) {
     return p[0] === "/" ? p : "/" + p;
   }
   function L() {
     o({
-      path: D(g),
+      path: M(g),
       name: u || g || "",
       icon: "File",
       seo: {
@@ -2026,7 +2026,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
   }
   function B() {
     n && (S(n[a].name || "", u || g || ""), s(a, {
-      path: D(g),
+      path: M(g),
       name: u || g,
       icon: n[a].icon || "File",
       seo: {
@@ -2084,7 +2084,7 @@ linear-gradient(to right, hsl(${l}, 100%, 100%), hsl(${l}, 100%, 50%))
             ct,
             {
               label: "Description",
-              onChange: (p) => k(p),
+              onChange: (p) => x(p),
               value: _,
               placeholder: "Contact us at any time of the day or night. You are always welcome",
               maxLength: 150
@@ -2261,7 +2261,7 @@ const $a = (t) => {
     setFooter: u,
     setBlocks: c,
     blocks: _,
-    createPage: k
+    createPage: x
   } = F(), { setThemeSettings: v } = $(), { setPages: w } = T();
   function N(y) {
     return y[0] === "/" ? y.slice(1) : y;
@@ -2271,14 +2271,8 @@ const $a = (t) => {
     Object.keys(n).map((L) => {
       y[L] = n[L];
     }), a(y), r(y), h(s), u(l), (async () => {
-      const { data: L } = await Ma(), { settings: B, themeSettings: M, layers: O } = L;
-      if (v(M), c(O), Object.keys(B).forEach(
-        (p) => o[p] = B[p]
-      ), S(o), i.length === 0) {
-        const p = await Fa();
-        d([...p.map((b) => b.family)]);
-      }
-      let m = {
+      const { data: L } = await Ma();
+      let B = {
         listings: null,
         products: null,
         reviews: null,
@@ -2286,15 +2280,20 @@ const $a = (t) => {
         faqs: null,
         general: null
       };
-      const x = await Ta();
-      Object.keys(x).map((p) => {
+      const D = await Ta();
+      console.log(D), Object.keys(D).map((p) => {
         const b = p;
-        m[b] = x[b].value.data;
-      }), g(m);
+        B[b] = D[b].value.data;
+      }), g(B);
+      const { settings: O, themeSettings: m, layers: k } = L;
+      if (v(m), c(k), Object.keys(O).forEach((p) => console.log(p)), S(o), i.length === 0) {
+        const p = await Fa();
+        d([...p.map((b) => b.family)]);
+      }
       const j = await Da(), P = {};
       j.data.length > 0 && j.data.forEach((p) => {
         const b = N(p.path);
-        _[b] || k(b), p.path === "/" ? P["/"] = {
+        _[b] || x(b), p.path === "/" ? P["/"] = {
           ...p,
           icon: xe.home.icon,
           name: "home"
@@ -2327,10 +2326,10 @@ const $a = (t) => {
   const { blocks: n, settings: o, header: s, footer: l } = t, [r, a] = C.useState(null), { setBlocks: i, setSourceBlocks: d } = X(), { setSettings: S } = J(), { setHeader: g, setFooter: h } = F();
   C.useEffect(() => {
     if (!r) {
-      const k = {};
+      const x = {};
       Object.keys(n).map((w) => {
-        k[w] = n[w];
-      }), d(k), i(k), g(s), h(l), S(o);
+        x[w] = n[w];
+      }), d(x), i(x), g(s), h(l), S(o);
       const v = mt([
         {
           path: "/admin/builder",

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@billgangcom/theme-lib",
-  "version": "1.21.1",
+  "version": "1.21.2",
   "type": "module",
   "publishConfig": {
     "access": "public"