@billgangcom/theme-lib 1.17.0 → 1.17.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/builder.es.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
(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_3jsln_1{padding:10px 16px;border-radius:12px;cursor:pointer;font-size:16px}._button_3jsln_1:disabled{opacity:.7;cursor:auto}._primary_3jsln_13{color:#fff;background-color:#ff3f19}._secondary_3jsln_18{color:#757575;background-color:#f8f8f8}._content_3jsln_23{display:flex;align-items:center;gap:4px}._wrapper_wp7u5_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_wp7u5_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_wp7u5_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_wp7u5_17::placeholder{color:#c2c2c2}._input_wp7u5_17:disabled{background-color:var(--background-color);opacity:.7}._required_wp7u5_36{border:1px solid #ff3f19}._paddingless_wp7u5_40{padding:0}._content_wp7u5_44{display:flex;align-items:center;gap:8px}._borderless_wp7u5_50{border-radius:0;border:none}._wrapper_1v1ye_1{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_1v1ye_9{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._select_1v1ye_17{width:100%;background-color:var(--background-color);border-radius:12px;padding:10px 12px;font-size:14px;line-height:20px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}._icon_1v1ye_30{transition:.2s}._rotate_1v1ye_34{transform:rotate(180deg)}._content_1v1ye_38{position:relative}._options_1v1ye_42{position:absolute;top:45px;width:100%;background-color:var(--background-color);border-radius:12px;font-size:14px;line-height:20px;display:flex;flex-direction:column;max-height:200px;z-index:10;overflow-y:scroll;cursor:pointer}._option_1v1ye_42{padding:10px 12px;border-radius:12px}._option_1v1ye_42:hover{background-color:#e6e6e6}._addon_1v1ye_66{display:flex;align-items:center;gap:6px}._wrapper_3w2ni_1{display:flex;width:fit-content;gap:8px;align-items:center;border-radius:12px;line-height:20px;color:#252525;font-size:14px;font-weight:400}._switch_3w2ni_13{width:40px;height:24px;background-color:#ccc;border-radius:25px;display:flex;align-items:center;padding:2px;cursor:pointer;transition:background-color .2s}._switch_3w2ni_13._active_3w2ni_24{background:#ff3f19}._switch_3w2ni_13 ._toggle_3w2ni_27{width:14px;height:14px;background-color:#fff;border-radius:16px;transition:transform .2s;transform:translate(2px)}._switch_3w2ni_13._active_3w2ni_24 ._toggle_3w2ni_27{transform:translate(18px)}._background_3w2ni_39{background-color:#f8f8f8}._padding_3w2ni_43{padding:8px}._wrapper_1inu5_1{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;display:flex;border-radius:8px;justify-content:center;align-items:center;overflow:hidden}._blocks_1op3c_1{display:flex;align-items:center;gap:8px}._block_1op3c_1{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_1op3c_18{border:1px solid #ff3f19}._applyButton_1cqw4_2{flex:0 1 50%;font-weight:400}._cancelButton_1cqw4_7{background-color:#f8f8f8;color:var(--accent-color)}._content_1cqw4_12{display:flex;flex-direction:column;width:100%}._label_1cqw4_18{padding:8px 12px;border-radius:8px;display:flex;align-items:center;position:relative;gap:8px;width:100%;background-color:var(--background-color);cursor:pointer}._colorValue_1cqw4_30{width:20px;height:20px;padding:2.5px;border-radius:2px}._modal_1cqw4_37{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;display:flex;flex-direction:column;gap:10px;font-size:16px;line-height:24px;font-weight:700}._colorMap_1cqw4_56{position:relative;width:100%;height:300px;cursor:pointer;border-radius:4px}._indicator_1cqw4_64{position:absolute;width:20px;height:20px;border:4px solid white;border-radius:50%;pointer-events:none}._hueSlider_1cqw4_73{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]{-webkit-appearance:none;height:8px;outline:none;border-radius:5px;position:relative;display:flex;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_1cqw4_102{width:100%;cursor:pointer}._buttons_1cqw4_107{display:flex;gap:5px;width:100%}._name_1cqw4_113{line-height:20px;padding:0 4px 4px}._secondary_1cqw4_118{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._input_1cqw4_126{line-height:20px;font-size:14px;font-weight:400}._modal_1qb2a_1{position:fixed;top:0;left:0;right:0;bottom:0;background:#2525253d;z-index:100000;display:flex;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_1fcne_2{display:flex;flex-direction:column;gap:6px;justify-content:start;width:100%}._label_1fcne_10{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._options_1fcne_18{display:flex;gap:20px}._radioLabel_1fcne_23{display:flex;align-items:center;cursor:pointer;position:relative}._radio_1fcne_23{position:absolute;opacity:0;cursor:pointer}._custom_1fcne_36{height:20px;width:20px;border-radius:50%;border:1px solid #e6e6e6;display:inline-block;margin-right:8px;position:relative}._radio_1fcne_23:checked+._custom_1fcne_36{border-color:#ff3f19;background:#ffeae5}._custom_1fcne_36: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_1fcne_23:checked+._custom_1fcne_36:after{opacity:1}._option_1fcne_18{font-size:16px;line-height:24px;font-weight:400}._tip_pl6k0_1{display:flex;align-items:center;padding:8px;border-radius:12px;gap:8px}._text_pl6k0_9{flex:1 1 auto;line-height:20px;font-size:14px}._warning_pl6k0_15{background:#faf8e6;color:#c1972a}._error_pl6k0_20{background:#ffc3b7;color:#ff3f19}._hide_pl6k0_25{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_wrwsz_1{border:4px solid rgba(0,0,0,.1);border-left-color:#f8f8f8;border-radius:50%;width:40px;height:40px;animation:_spin_wrwsz_1 1s linear infinite}@keyframes _spin_wrwsz_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._wrapper_tm686_2{display:flex;flex-direction:column;gap:6px;width:100%}._label_tm686_9{color:#757575;font-weight:400;font-size:14px;line-height:20px}._icon_tm686_16{padding:4px;background-color:#fff;border:1px solid #f0f0f0;display:flex;justify-content:center;align-items:center;border-radius:6px}._text_tm686_26{font-weight:400;font-size:16px;line-height:24px;color:#ff3f19}._content_tm686_33{display:flex;align-items:center;gap:6px;cursor:pointer;background-color:#f8f8f8;border-radius:12px;padding:6px 8px}._modal_tm686_43{background-color:#f8f8f8;border:1px solid #f0f0f0;border-radius:16px;width:100%;max-width:640px}._top_tm686_51{padding:16px 24px;display:flex;align-items:center;justify-content:space-between}._title_tm686_58{color:#252525;font-weight:400;font-size:18px;line-height:24px}._modalContent_tm686_65{padding:16px 24px;border-top-left-radius:16px;border-top-right-radius:16px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;background-color:#fff}._images_tm686_74{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;gap:10px;overflow-y:scroll;max-height:390px}._add_tm686_83{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_tm686_95{text-align:center;color:#252525;font-size:14px;line-height:20px}._description_tm686_95 span:last-child{padding-top:4px}._bottom_tm686_105{display:flex;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_tm686_117{background-color:var(--background-color);color:var(--accent-color)}._highlight_tm686_122{color:#ff3f19;cursor:pointer}._accent_tm686_127{color:var(--accent-color)}._image_tm686_74{position:relative;padding:43px 16px;border:1px solid #e6e6e6;justify-content:center;align-items:center;border-radius:16px;aspect-ratio:1/1}._selected_tm686_141{border:1px solid #ff3f19}._checkbox_tm686_145{position:absolute;top:12px;left:12px}._loading_tm686_151{position:relative;padding:43px 16px;border:1px solid #e6e6e6;background-color:#f8f8f8;justify-content:center;align-items:center;display:flex;border-radius:16px;aspect-ratio:1/1}._spinner_tm686_163{width:24px;height:24px;border:2px solid #ff3f19;border-top-color:#f8f8f8;border-radius:50%;animation:_spin_tm686_163 1s linear infinite}@keyframes _spin_tm686_163{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_dbban_1{height:100%;overflow-y:scroll;display:flex;flex-direction:column}._main_dbban_8{flex:1 1 auto}._loading_dbban_12{width:100%;height:100%;display:flex;justify-content:center;align-items:center}._buttons_1gn8m_1{display:flex;align-items:center;gap:16px}._button_1gn8m_1{cursor:pointer;padding:10px}._devices_hxl12_1{display:flex;gap:4px;background:var(--background-color);padding:4px;border-radius:16px}._device_hxl12_1{padding:6px 8px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:12px;border:1px solid var(--background-color)}._device_hxl12_1:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_hxl12_23{background-color:#fff}._active_hxl12_23:hover{border:1px solid var(--background-color);box-shadow:none}._header_zvaam_1{width:100%;padding:11px 22px;line-height:20px;border-bottom:var(--default-border);display:flex;align-items:center;justify-content:space-between;gap:24px}._left_zvaam_12,._right_zvaam_13{display:flex;align-items:center;gap:24px}._preview_vijvm_2{display:flex;align-items:center;gap:4px;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_vijvm_2:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_vijvm_22{background-color:var(--background-color)}._active_vijvm_22:hover{border:1px solid #fff;box-shadow:none}._settings_q79q3_1{display:flex;gap:20px;align-items:center;color:var(--accent-color)}._language_1mbvp_1{display:flex;align-items:center;gap:4px;background-color:var(--background-color);padding:10px 12px;border-radius:12px;cursor:pointer}._text_1mbvp_11{padding-right:4px;color:var(--main-color)}._pages_sf7rl_1{position:relative}._default_sf7rl_5{display:flex;align-items:center;gap:4px;padding:10px 12px;background-color:var(--background-color);border-radius:8px;cursor:pointer;position:relative}._text_sf7rl_16{padding-right:4px;color:var(--main-color);flex:1 1 auto}._modal_sf7rl_22{position:absolute;top:45px;width:320px;left:0;z-index:5000;background-color:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:8px 12px;display:flex;flex-direction:column}._page_sf7rl_1{display:flex;align-items:center;gap:8px;padding:12px 8px;border-radius:8px;cursor:pointer}._hoverable_sf7rl_45{background-color:var(--background-color)}._separator_sf7rl_49{border-bottom:1px solid #f0f0f0}._button_sf7rl_53{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:start;gap:8px;padding:16px 8px 12px;transition:.2s}._button_sf7rl_53:hover{background-color:var(--background-color)}._items_sf7rl_67{max-height:400px;overflow-y:scroll;height:100%}._zoom_a77cn_1{display:flex;align-items:center;gap:4px;background-color:var(--background-color);padding:10px 12px;border-radius:12px;cursor:pointer}._theme_3wxbf_1{display:flex;align-items:center;gap:4px;padding:9px 12px;background:#e5fadd;color:#338b13;border-radius:100px}._exit_2ce42_1{border-bottom:var(--default-border);display:flex;gap:8px;align-items:center;padding:22px;cursor:pointer}._text_2ce42_10{color:#252525;line-height:20px}._navbar_2ac63_1{width:100px;border-right:var(--default-border)}._main_2ac63_6{display:flex;flex-direction:column;gap:8px;padding:16px 12px}._block_2ac63_13{display:flex;align-items:center;flex-direction:column;gap:4px;color:var(--accent-color);line-height:20px;padding:12px 24px;cursor:pointer;border:1px solid #fff;border-radius:16px}._block_2ac63_13:hover{border:var(--default-border);box-shadow:0 0 1px #dfdfdf}._active_2ac63_30{background-color:var(--background-color);color:#252525}._active_2ac63_30:hover{border:1px solid #fff;box-shadow:none}._preview_1q4f5_1{width:100%;background-color:var(--background-color);padding:16px 32px 0;position:relative;z-index:500}._main_1q4f5_9{width:100%;display:flex;flex-direction:column;overflow-y:auto;height:calc(100vh - 85px);position:relative;z-index:1}._content_1q4f5_19{background-color:#fff;border:var(--default-border);border-bottom:none;height:100%}._loading_1q4f5_26{width:100%;height:100%;display:flex;justify-content:center;align-items:center}._loader_1q4f5_34{border:4px solid rgba(0,0,0,.1);border-left-color:#fff;border-radius:50%;width:40px;height:40px;animation:_spin_1q4f5_1 1s linear infinite}@keyframes _spin_1q4f5_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._header_1t64j_1{display:flex;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_1t64j_14{left:28px;top:28px;position:absolute;display:flex;align-items:center;gap:8px}._circle_1t64j_14{width:12px;height:12px;border-radius:50%;border:.5px solid #e6e6e6}._red_1t64j_30{background:#ff5f57}._green_1t64j_34{background:#28c840}._yellow_1t64j_38{background:#febc2e}._input_1t64j_42{background-color:var(--background-color);padding:6px 8px;display:flex;max-width:480px;width:100%;border-radius:6px}._main_1t64j_51{flex:1 1 auto;display:flex;align-items:center;justify-content:center;gap:4px}._text_1t64j_59{font-weight:600;font-size:12px;line-height:16px;margin:0 0 0 4px}._content_1plo6_1{width:100%;height:100%;display:flex;flex-direction:column}._main_1plo6_8{flex:1 0 auto}._block_1plo6_12{position:relative;cursor:pointer;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6}._active_1plo6_19{border:2px solid #ff3f19}._name_1plo6_23{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_1plo6_37{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}._icon_1plo6_48{width:64px;height:64px;background-color:var(--background-color);display:flex;border-radius:50%;justify-content:center;align-items:center;margin:0 0 8px}._title_1plo6_59{font-weight:700;font-size:24px;line-height:32px}._text_1plo6_65{font-size:16px;line-height:24px;color:var(--accent-color)}._sections_1plo6_71{padding:0 20px;margin:20px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:24px}._section_1plo6_71{cursor:pointer;display:flex;gap:10px;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_1f3hk_1{position:absolute;display:flex;height:fit-content();flex-direction:column;right:10px;z-index:20;padding:10px;cursor:auto}._content_1f3hk_12{height:100%;border:1px solid #e6e6e6;border-radius:8px;background-color:#fff;padding:8px;max-width:60px;width:100%}._button_1f3hk_22{display:flex;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._moveButton_1f3hk_30:hover{background-color:var(--background-color)}._border_1f3hk_34{border-bottom:var(--default-border)}._deleteButton_1f3hk_38:hover{background-color:#dd6363;color:#fff}._results_f488n_1{display:flex;flex-direction:column;padding:8px;gap:20px}._name_f488n_8{color:var(--main-color);font-weight:600;font-size:16px;line-height:24px}._product_f488n_15{display:flex;align-items:center;justify-content:space-between;cursor:pointer}._search_1s0qp_1{background:var(--background-color);padding:8px 12px;display:flex;align-items:center;border-radius:12px;width:100%;gap:10px;margin:8px 0}._input_1s0qp_12{width:100%;font-size:16px;line-height:24px;color:#252525}._input_1s0qp_12::placeholder{color:#c2c2c2}._sidebar_96mlz_1{max-width:320px;width:100%;padding:16px;border-right:var(--default-border);height:calc(100vh - 60px);position:relative}._title_96mlz_10{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;padding-bottom:8px}._active_96mlz_18{display:flex;align-items:center;gap:8px}._layers_62wod_1{display:flex;flex-direction:column;position:relative;height:100%}._block_62wod_8{position:relative;display:flex;align-items:center;gap:4px;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_62wod_8:hover{background-color:var(--background-color)}._dragging_62wod_23{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_62wod_31{background:#ffeae5}._add_62wod_35{z-index:2;position:absolute;display:flex;justify-content:center;align-items:center;bottom:0;left:0;border-bottom:2px solid #ff3f19;width:100%}._button_62wod_47{position:relative;display:flex;justify-content:center;align-items:center;top:12px;background-color:#ff3f19;width:24px;height:24px;border-radius:50%;padding:4px}._empty_62wod_60{display:flex;flex-direction:column;justify-content:center;height:100%;width:100%;align-items:center;text-align:center;gap:4px;color:var(--accent-color)}._title_62wod_72{font-size:16px;line-height:24px;font-weight:700;color:var(--accent-color)}._icon_62wod_79{margin:0 0 12px}._text_62wod_83{font-size:16px;font-weight:400;line-height:24px}._highlight_62wod_89{color:#ff3f19;cursor:pointer}._block_1d6lb_1{position:relative;display:flex;align-items:center;gap:4px;font-size:16px;line-height:24px;padding:8px 12px;border-radius:8px;cursor:pointer}._block_1d6lb_1:hover{background-color:var(--background-color)}._theme_1xj36_1{display:flex;flex-direction:column}._block_1xj36_6{justify-content:start;display:flex;align-items:center;gap:8px;width:100%;padding:16px 8px;cursor:pointer;border-radius:8px}._block_1xj36_6:hover{background-color:var(--background-color)}._name_1xj36_20{flex:1 1 auto}._back_y3z55_1{display:flex;align-items:center;gap:8px;padding-bottom:8px}._render_y3z55_8{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_y3z55_23{animation:.2s _open_y3z55_23 forwards}@keyframes _open_y3z55_23{0%{transform:translate(320px);z-index:1}99%{z-index:1}to{z-index:5000;transform:translate(0)}}@keyframes _close_y3z55_50{0%{z-index:1;transform:translate(0)}to{z-index:1;transform:translate(320px)}}._close_y3z55_50{animation:.2s _close_y3z55_50 forwards}._clicked_y3z55_54{opacity:0}._title_y3z55_58{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;flex:1 1 auto}._button_y3z55_66{align-self:center;flex:1}._loading_y3z55_71{flex:1 1 auto}._settings_y3z55_75{flex:1 1 100%;overflow-y:scroll;overflow-x:hidden}._deleteButton_y3z55_81{display:flex;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._deleteButton_y3z55_81:hover{background-color:#dd6363;color:#fff}._settings_1r85j_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_1r85j_16{transform:translate(0)}._close_1r85j_20{transform:translate(320px)}._header_1r85j_24{display:flex;align-items:center;gap:8px}._title_1r85j_30{font-weight:700;font-size:20px;line-height:24px;flex:1 1 auto}._addButton_1r85j_37{color:#ff3f19;display:flex;align-items:center;gap:4px;cursor:pointer}._wrapper_n1a7x_1{overflow-y:scroll}._category_n1a7x_5{display:flex;flex-direction:column}._categoryTitle_n1a7x_10{font-weight:600;font-size:16px;line-height:24px}._color_n1a7x_16{display:flex;flex-direction:column}._color_n1a7x_16:not(:last-child){border-bottom:1px solid #f0f0f0}._content_n1a7x_24{padding:12px 0;gap:8px;display:flex;align-items:center;flex:1 1 auto}._preview_n1a7x_32{width:39px;height:39px;flex:0 0 39px;padding:5px;border-radius:50%;border:1px solid #e6e6e6}._wrapper_kb55x_2{overflow-y:scroll}._category_kb55x_6{display:flex;flex-direction:column}._categoryTitle_kb55x_11{font-weight:600;font-size:16px;line-height:24px}._color_kb55x_17{gap:8px;display:flex;flex-direction:column}._name_kb55x_23{line-height:20px;padding:0 4px 4px}._content_kb55x_28{display:flex;flex-direction:column;width:100%}._label_kb55x_34{padding:8px 12px;border-radius:12px;display:flex;align-items:center;gap:5px;width:100%;background-color:var(--background-color);cursor:pointer}._input_kb55x_45[type=color]{width:20px;height:20px;padding:1px}._input_kb55x_45{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:100%;border:none;padding:0;cursor:pointer;border-radius:50%}._input_kb55x_45::-webkit-color-swatch{border-radius:50%;border:none}._input_kb55x_45::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}._title_kb55x_71{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._field_kb55x_79{display:flex;flex-direction:column;gap:10px;padding:16px 0}._field_kb55x_79:not(:last-child){border-bottom:1px solid #f0f0f0}._alignments_kb55x_89{display:flex;flex-direction:column;gap:10px}._lineField_kb55x_95{display:flex;justify-content:space-between;align-items:center}._style_kb55x_101{flex:1 0 50%;display:flex;flex-direction:column;gap:8px}._header_kb55x_108{display:flex;align-items:center;justify-content:space-between}._wrapper_k9on2_1{overflow-y:scroll}._category_k9on2_5{display:flex;flex-direction:column}._categoryTitle_k9on2_10{font-weight:600;font-size:16px;line-height:24px}._font_k9on2_16{padding:12px 0;gap:8px;display:flex;align-items:center;position:relative;flex:1 1 auto;cursor:pointer}._font_k9on2_16:hover{background-color:#f8f8f8;border-radius:8px}._font_k9on2_16:not(:last-child){border-bottom:var(--default-border)}._font_k9on2_16:not(:last-child):hover{border-bottom:1px solid #f8f8f8}._content_k9on2_36{display:flex;flex-direction:column;width:100%}._icon_k9on2_42{padding:8px;border-radius:8px;background-color:#f8f8f8;display:flex;align-items:center;justify-content:center}._paragraph_k9on2_51{padding:12px}._deleteIcon_k9on2_55{position:absolute;right:10px;width:20px;height:20px}._iconButton_k9on2_62{width:32px;height:32px}._wrapper_94fpv_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_94fpv_16{transform:translate(0)}._close_94fpv_20{transform:translate(320px)}._header_94fpv_24{display:flex;align-items:center;gap:8px;margin:0 0 10px}._title_94fpv_31{font-weight:700;font-size:20px;line-height:24px}._options_94fpv_37{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_94fpv_44{opacity:0}._wrapper_1j33r_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_1j33r_16{transform:translate(0)}._close_1j33r_20{transform:translate(320px)}._header_1j33r_24{display:flex;align-items:center;gap:8px;margin:0 0 10px}._title_1j33r_31{font-weight:700;font-size:20px;line-height:24px}._options_1j33r_37{display:flex;flex-direction:column;gap:10px;flex:1 1 auto}._clicked_1j33r_44{opacity:0}._label_1j33r_48{font-size:14px;font-weight:400;line-height:20px;color:var(--accent-color)}._alignments_1j33r_55{display:flex;flex-direction:column;gap:10px}._blocks_1j33r_61{display:flex;align-items:center;gap:8px}._alignment_1j33r_55{padding:8px;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_1j33r_75{border:1px solid #ff3f19}._wrapper_jjfwh_1{display:flex;flex-direction:column;gap:20px;background:#fff;max-width:640px;width:100%;padding:16px 24px;border-radius:16px}._header_jjfwh_12{display:flex;justify-content:space-between;align-items:center;font-size:24px;font-weight:700;line-height:32px}._content_jjfwh_21{display:flex;flex-direction:column;gap:10px;overflow-y:scroll;max-height:500px}._buttons_jjfwh_29{display:flex;justify-content:end;gap:12px}._cancel_jjfwh_35{background-color:var(--background-color);color:var(--accent-color)}._label_jjfwh_40,._description_jjfwh_41{width:100%;color:var(--accent-color);line-height:20px;font-size:14px;font-weight:400}._preview_jjfwh_49{display:flex;flex-direction:column;gap:10px}._block_jjfwh_55{padding:24px;display:flex;flex-direction:column;border:1px solid var(--background-color);border-radius:8px}._slug_jjfwh_63{line-height:20px;color:#ff3f19;margin-bottom:4px}._title_jjfwh_69{font-weight:600;font-size:16px;line-height:24px}._layout_vvs1k_1{width:100%;height:100%;display:flex;position:relative}._main_vvs1k_8{display:flex;flex-direction:column;width:100%;position:relative}._content_vvs1k_15{position:relative;height:100%;display:flex}*,: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-\\[5px\\]{height:5px}.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-\\[5px\\]{width:5px}.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-8{gap:2rem}.gap-\\[3px\\]{gap:3px}.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-surface200{background-color:var(--billgang-color-surface-200)}.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_2tiiw_1{border-radius:24px;overflow:hidden;transition:all .3s ease;background-color:#f8f8f8;padding:24px}._header_2tiiw_9{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700}._header_2tiiw_9 ._icon_2tiiw_16{transition:transform .3s ease}._header_2tiiw_9 ._icon_2tiiw_16._open_2tiiw_19{transform:rotate(180deg)}._content_2tiiw_23{overflow:hidden;transition:height .3s ease}._wrapper_1g82c_2{display:flex;flex-direction:column;gap:10px}._alignmentBlock_1g82c_8{padding:10px 0 16px;display:flex;flex-direction:column;gap:6px}._title_1g82c_15{font-weight:700;line-height:24px;font-size:16px;color:#252525}._subtitle_1g82c_22{color:#757575;font-size:14px;line-height:20px;font-weight:400}._alignmentContent_1g82c_29{display:flex;justify-content:space-between;align-items:stretch}._alignments_1g82c_35{border-radius:12px;background:#f8f8f8;display:grid;gap:4px;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);flex:0 0 50%}._alignment_1g82c_8{cursor:pointer;display:flex;height:100%;width:100%;align-items:center;justify-content:center}._circle_1g82c_54{width:6px;height:6px;border-radius:50%;background-color:#c2c2c2}._paddings_1g82c_61{border-radius:12px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}._padding_1g82c_61{width:68px;display:flex;align-items:center;gap:4px;background:#f8f8f8;border-radius:12px;padding:10px 8px}._input_1g82c_79{width:100%}._subtitle_2zbxx_1{color:#757575;font-size:14px;line-height:20px;font-weight:400}._header_2zbxx_8,._text_2zbxx_9{padding:10px 0 16px;display:flex;flex-direction:column;border-bottom:1px solid #f0f0f0}._top_2zbxx_16{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_2zbxx_23{display:flex;flex-direction:column;gap:6px}._typeTexts_3zlec_1{display:flex;align-items:center;gap:8px}._block_3zlec_7{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_3zlec_18{border:1px solid #ff3f19}._subtitle_11qr1_1{color:#757575;font-size:14px;line-height:20px;font-weight:400}._header_11qr1_8,._text_11qr1_9,._productsBlock_11qr1_10{padding:10px 0 16px;display:flex;flex-direction:column;gap:12px;width:100%}._productsBlock_11qr1_10{position:relative}._top_11qr1_22{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_11qr1_29{display:flex;flex-direction:column;gap:6px}._typeTexts_11qr1_35{display:flex;align-items:center;gap:8px}._block_11qr1_41{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_11qr1_52{border:1px solid #ff3f19}._products_11qr1_10{width:100%;display:flex;flex-direction:column;gap:8px}._product_11qr1_10{display:flex;align-items:center;gap:8px;width:100%}._button_11qr1_70{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:center;gap:6px;width:100%}._disabled_11qr1_80{color:#757575}._image_11qr1_84{border-radius:8px;border:1px solid #f0f0f0;background-color:#fff;padding:4px}._info_11qr1_91{border-radius:12px;display:flex;gap:4px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:#f8f8f8;padding:8px 12px}._name_11qr1_102{flex:1 1 100%}._buttons_11qr1_106{display:flex;align-items:center;gap:8px}._modal_11qr1_112{position:fixed;background-color:#fff;border:1px solid #f0f0f0;right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px}._modal_11qr1_112 ._top_11qr1_22{display:flex;align-items:center;justify-content:space-between}._link_11qr1_130{display:flex;flex-direction:column;gap:8px}._modalOptions_11qr1_136{display:flex;flex-direction:column;gap:10px}._other_1wtgi_1{display:flex;flex-direction:column;gap:6px}._subtitle_1wtgi_7{color:#757575;font-size:14px;line-height:20px;font-weight:400}._items_1wtgi_14{display:flex;flex-direction:column;gap:8px}._subtitle_41klp_1{color:#757575;font-size:14px;line-height:20px;font-weight:400}._header_41klp_8,._text_41klp_9,._productsBlock_41klp_10,._buttonsBlock_41klp_11{padding:10px 0 16px;display:flex;flex-direction:column}._buttonsBlock_41klp_11{position:relative}._top_41klp_21{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_41klp_28{display:flex;flex-direction:column;gap:6px}._typeTexts_41klp_34{display:flex;align-items:center;gap:8px}._block_41klp_40{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_41klp_51{border:1px solid #ff3f19}._products_41klp_10{width:100%;display:flex;flex-direction:column;gap:8px}._product_41klp_10{display:flex;align-items:center;gap:8px;width:100%}._button_41klp_11{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:center;gap:6px;width:100%}._image_41klp_79{border-radius:8px;border:1px solid #f0f0f0;background-color:#fff;padding:4px}._info_41klp_86{border-radius:12px;display:flex;gap:4px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:#f8f8f8;padding:8px 12px}._name_41klp_97{flex:1 1 100%}._buttons_41klp_11{display:flex;align-items:center;gap:8px}._modal_41klp_107{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_41klp_107 ._top_41klp_21{display:flex;align-items:center;justify-content:space-between}._other_41klp_124{display:flex;flex-direction:column;gap:6px}._options_41klp_130{display:flex;flex-direction:column;gap:15px}._subtitle_1y5sw_1{color:#757575;font-size:14px;line-height:20px;font-weight:400}._header_1y5sw_8,._text_1y5sw_9,._productsBlock_1y5sw_10,._buttonsBlock_1y5sw_11{padding:10px 0 16px;display:flex;flex-direction:column;border-bottom:1px solid #f0f0f0}._buttonsBlock_1y5sw_11{position:relative}._top_1y5sw_22{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1y5sw_29{display:flex;flex-direction:column;gap:6px}._typeTexts_1y5sw_35{display:flex;align-items:center;gap:8px}._block_1y5sw_41{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_1y5sw_52{border:1px solid #ff3f19}._products_1y5sw_10{width:100%;display:flex;flex-direction:column;gap:8px}._product_1y5sw_10{display:flex;align-items:center;gap:8px;width:100%}._button_1y5sw_11{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:center;gap:6px;width:100%}._image_1y5sw_80{border-radius:8px;border:1px solid #f0f0f0;background-color:#fff;padding:4px}._info_1y5sw_87{border-radius:12px;display:flex;gap:4px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:#f8f8f8;padding:8px 12px}._name_1y5sw_98{flex:1 1 100%}._buttons_1y5sw_11{display:flex;align-items:center;gap:8px}._modal_1y5sw_108{position:fixed;background-color:#fff;right:-300px;z-index:10000;max-width:276px;width:100%;bottom:20px;padding:16px;border-radius:12px}._modal_1y5sw_108 ._top_1y5sw_22{display:flex;align-items:center;justify-content:space-between}._other_1y5sw_125{display:flex;flex-direction:column;gap:6px}._options_1y5sw_131{display:flex;flex-direction:column;gap:15px}._wrapper_tn7gb_1{display:flex;flex-direction:column;gap:6px}._subtitle_tn7gb_7{color:#757575;font-size:14px;line-height:20px;font-weight:400}._content_tn7gb_14{display:flex;align-items:center;gap:10px;width:100%}._range_tn7gb_21{position:relative;flex:1}._track_tn7gb_26{position:absolute;width:95%;height:6px;background-color:#f0f0f0;border-radius:9999px;z-index:1}._progress_tn7gb_35{position:absolute;height:6px;width:100%;background-color:#ff3f19;transition:width .2s;border-radius:9999px;z-index:1}._dots_tn7gb_45{position:absolute;display:flex;justify-content:space-between;width:100%}._dot_tn7gb_45{width:14px;height:14px;border-radius:50%;transition:transform .2s;position:relative;top:-4px;left:0;z-index:1}._dot_tn7gb_45._active_tn7gb_62{background-color:#ff3f19;transform:scale(1)}._dot_tn7gb_45:not(._active_tn7gb_62){background-color:#e5e7eb;transform:scale(.9)}._dot_tn7gb_45:hover{transform:scale(1.1)}._input_tn7gb_74{position:absolute;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}._input_tn7gb_74::-webkit-slider-thumb,._input_tn7gb_74::-moz-range-thumb{-webkit-appearance:none!important;-moz-appearance:none;appearance:none;width:0;height:0}._countBlock_tn7gb_88{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#f8f8f8;border-radius:12px}._count_tn7gb_88{font-size:16px;font-weight:400;line-height:24px}._controls_tn7gb_103{display:flex;flex-direction:column}._button_tn7gb_108{transition:background-color .2s}._button_tn7gb_108:hover{background-color:#f3f4f6}._button_tn7gb_108:disabled{opacity:.5}._subtitle_1nl8x_1{color:#757575;font-size:14px;line-height:20px;font-weight:400}._header_1nl8x_8,._text_1nl8x_9,._productsBlock_1nl8x_10{padding:10px 0 16px;display:flex;flex-direction:column;gap:12px;width:100%}._productsBlock_1nl8x_10{position:relative}._top_1nl8x_22{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}._itemsBlock_1nl8x_29{display:flex;flex-direction:column;gap:6px}._typeTexts_1nl8x_35{display:flex;align-items:center;gap:8px}._block_1nl8x_41{padding:8px;display:flex;align-items:center;justify-content:center;border:1px solid #f8f8f8;background-color:#f8f8f8;border-radius:12px;cursor:pointer}._active_1nl8x_52{border:1px solid #ff3f19}._products_1nl8x_10{width:100%;display:flex;flex-direction:column;gap:8px}._product_1nl8x_10{display:flex;align-items:center;gap:8px;width:100%}._button_1nl8x_70{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:center;gap:6px;width:100%}._image_1nl8x_80{border-radius:8px;border:1px solid #f0f0f0;background-color:#fff;padding:4px}._info_1nl8x_87{border-radius:12px;display:flex;gap:4px;justify-content:space-between;align-items:center;flex:1 1 auto;background-color:#f8f8f8;padding:8px 12px}._name_1nl8x_98{flex:1 1 100%}._buttons_1nl8x_102{display:flex;align-items:center;gap:8px}._modal_1nl8x_108{position:fixed;background-color:#fff;border:1px solid #f0f0f0;right:-300px;top:0;z-index:10000;max-width:276px;width:100%;padding:16px;border-radius:12px}._modal_1nl8x_108 ._top_1nl8x_22{display:flex;align-items:center;justify-content:space-between}._link_1nl8x_126{display:flex;flex-direction:column;gap:8px}._modalOptions_1nl8x_132{display:flex;flex-direction:column;gap:10px}._options_163bj_1{border-radius:16px;border:1px solid #f0f0f0;width:100%;height:fit-content;padding:24px;display:flex;flex-direction:column;gap:20px}._price_163bj_12{display:flex;gap:4px;align-items:flex-start}._oldPrice_163bj_18{font-size:14px;font-weight:400;line-height:20px;text-decoration:line-through;color:#757575}._newPrice_163bj_26{font-size:20px;font-weight:700;line-height:24px;color:#252525}._meta_163bj_33{display:flex;flex-direction:column;gap:10px}._info_163bj_39{display:flex;align-items:center;justify-content:space-between;gap:10px}._infoRight_163bj_46{display:flex;align-items:center;gap:5px}._buttons_163bj_52{display:flex;flex-direction:column;gap:8px;width:100%}._variants_163bj_59{display:flex;flex-direction:column;gap:20px}._variant_163bj_59{display:flex;justify-content:space-between;align-items:center;border-radius:12px;padding:12px 16px;border:2px solid #e6e6e6}._stock_163bj_74{font-size:14px;font-weight:400;line-height:20px;color:#757575}._variantInfo_163bj_81{display:flex;flex-direction:column;gap:4px}._quantity_163bj_87{display:flex;align-items:stretch;gap:10px}._count_163bj_93{flex:1 1 auto;display:flex;justify-content:center;align-items:center;border:1px solid #e6e6e6}._button_163bj_52{background:#f8f8f8;border-radius:50%;padding:8px;display:flex;justify-content:center;align-items:center}._activeVariant_163bj_110{border:2px solid #ff3f19}._chargeTypes_163bj_114{display:flex;gap:5px;padding:4px;background-color:#f8f8f8}._charge_163bj_114{flex:1 1 auto;display:flex;justify-content:center;align-items:center;color:#757575;padding:8px;border-radius:12px}._chargeActive_163bj_131{background-color:#fff;color:#252525}._button_1jgdy_1{display:flex;align-items:center;padding:10px;background-color:#f8f8f8;border-radius:12px;color:#757575;cursor:pointer;position:relative}._login_1jgdy_12{padding:12px 16px}._signUp_1jgdy_16{background-color:#ff3f19;color:#fff}._buttons_1jgdy_21{display:flex;justify-content:flex-end;align-items:center;gap:16px}._modal_1jgdy_28{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_1jgdy_44{display:flex;gap:8px;align-items:center}._top_1jgdy_50{padding:26px 24px;border-bottom:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;gap:8px}._title_1jgdy_59{font-size:20px;font-weight:700;line-height:24px}._clear_1jgdy_65{font-size:14px;font-weight:400;line-height:20px;color:#e6e6e6}._activeClear_1jgdy_72{color:#ff3f19}._count_1jgdy_76{background:#ff3f19;color:#fff;width:100%;height:100%;border-radius:50%;min-width:20px;min-height:20px;display:flex;align-items:center;justify-content:center}._cart_1jgdy_89{height:calc(100% - 76px);width:100%;display:flex;flex-direction:column}._empty_1jgdy_96{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;flex:1 1 auto;gap:4px;color:#757575}._empty_1jgdy_96 div{padding-bottom:16px}._empty_1jgdy_96 span:first-child{font-size:16px;font-weight:700;line-height:24px;text-align:center}._empty_1jgdy_96 span:last-child{font-size:16px;font-weight:400;line-height:24px;text-align:center}._product_1jgdy_122{padding:26px 24px;display:flex;align-items:center;justify-content:space-between}._products_1jgdy_129{display:flex;flex-direction:column;flex:1 1 auto;overflow-y:scroll}._image_1jgdy_136{width:56px;height:56px;border-radius:12px}._productInfo_1jgdy_142{display:flex;gap:12px;align-items:center}._content_1jgdy_148{display:flex;flex-direction:column;gap:4px}._name_1jgdy_154{font-size:16px;font-weight:600;line-height:24px}._price_1jgdy_160{font-size:16px;font-weight:400;line-height:24px}._productButtons_1jgdy_166{display:flex;align-items:center;gap:5px}._productButton_1jgdy_166{display:flex;justify-content:center;align-items:center;border-radius:12px;padding:8px;min-width:36px;min-height:36px;background-color:#f8f8f8}._productCount_1jgdy_183{display:flex;justify-content:center;align-items:center;border-radius:12px;padding:8px;font-size:16px;font-weight:400;line-height:24px;text-align:center;color:#252525;background-color:#f8f8f8}._bottom_1jgdy_197{display:flex;flex-direction:column;gap:10px;width:100%;padding:26px 24px}._subtotal_1jgdy_205{display:flex;align-items:center;justify-content:space-between}._block_1jgdy_211{display:flex;align-items:center;gap:10px}._shoppingCount_1jgdy_217{width:12px;height:12px;border-radius:50%;display:flex;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(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
|
-
import { m as M, n as Y, o as
|
|
2
|
+
import { m as M, n as Y, o as D, p as V, q as $, j as e, L as ye, r as Ae, s as Ke, I as S, t as Ye, c as L, w as J, x as Je, B as K, y as Ze, z as Ce, A as et, E as _e, F as Ee, G, g as tt, D as nt, H as ot, u as st, d as at, h as ie, i as rt, a as I, b as se, J as Se, S as Pe, P as Le, K as Oe, N as it, T as lt, R as ct, O as dt, M as Te, l as ut, Q as be, U as Be, V as ht, e as pt, W as gt, X as mt, Y as St, Z as Ct, _ as _t, $ as bt, a0 as ft, a1 as xt, a2 as wt } from "./root-iwDkF_8A.js";
|
|
3
3
|
import C, { useMemo as Ue } from "react";
|
|
4
|
-
const U = (t) => t ? t.replace(/_/g, " ").split(" ").map((
|
|
4
|
+
const U = (t) => t ? t.replace(/_/g, " ").split(" ").map((n) => n.charAt(0).toUpperCase() + n.slice(1)).join(" and ") : "", vt = [
|
|
5
5
|
{
|
|
6
6
|
icon: "Desktop",
|
|
7
7
|
value: "desktop"
|
|
@@ -116,12 +116,12 @@ const U = (t) => t ? t.replace(/_/g, " ").split(" ").map((o) => o.charAt(0).toUp
|
|
|
116
116
|
}
|
|
117
117
|
}, Ia = ["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"];
|
|
118
118
|
function jt() {
|
|
119
|
-
const t = localStorage.getItem("sellerAccessToken"),
|
|
120
|
-
if (t &&
|
|
121
|
-
return Fe(), !!(t &&
|
|
119
|
+
const t = localStorage.getItem("sellerAccessToken"), n = localStorage.getItem("shopId");
|
|
120
|
+
if (t && n)
|
|
121
|
+
return Fe(), !!(t && n);
|
|
122
122
|
{
|
|
123
|
-
let
|
|
124
|
-
const s =
|
|
123
|
+
let o = new URLSearchParams(document.location.search);
|
|
124
|
+
const s = o.get("shopId"), i = o.get("sellerAccessToken");
|
|
125
125
|
if (Fe(), s && i)
|
|
126
126
|
return localStorage.setItem("shopId", s), localStorage.setItem("sellerAccessToken", i), !!(i && s);
|
|
127
127
|
}
|
|
@@ -131,37 +131,37 @@ const yt = "_wrapper_dbban_1", Bt = "_main_dbban_8", At = "_loading_dbban_12", x
|
|
|
131
131
|
wrapper: yt,
|
|
132
132
|
main: Bt,
|
|
133
133
|
loading: At
|
|
134
|
-
}, Ge = ({ render: t, block:
|
|
135
|
-
const { footer: t } = M(), { settings:
|
|
136
|
-
return t == null ? void 0 : t.renderBlock(
|
|
134
|
+
}, Ge = ({ render: t, block: n }) => t(n), qe = () => {
|
|
135
|
+
const { footer: t } = M(), { settings: n } = Y(), { pageContext: o } = D();
|
|
136
|
+
return t == null ? void 0 : t.renderBlock(n, o);
|
|
137
137
|
}, ze = () => {
|
|
138
|
-
const { header: t } = M(), { settings:
|
|
139
|
-
return t == null ? void 0 : t.renderBlock(
|
|
138
|
+
const { header: t } = M(), { settings: n } = Y(), { pageContext: o } = D();
|
|
139
|
+
return t == null ? void 0 : t.renderBlock(n, o);
|
|
140
140
|
}, Ne = ({ pagePath: t }) => {
|
|
141
|
-
const { sourceBlocks:
|
|
141
|
+
const { sourceBlocks: n } = V(), { pageContext: o } = D(), [s, i] = C.useState(!0), [r, a] = C.useState(null), { setThemeSettings: l } = $(), [d, g] = C.useState();
|
|
142
142
|
C.useEffect(() => {
|
|
143
143
|
i(!0), (async () => {
|
|
144
144
|
if (t === "productId") {
|
|
145
|
-
const _ = window.location.pathname.slice(1), { layout:
|
|
146
|
-
a(
|
|
145
|
+
const _ = window.location.pathname.slice(1), { layout: w } = await Ae(encodeURIComponent(_));
|
|
146
|
+
a(w);
|
|
147
147
|
} else {
|
|
148
148
|
const { layout: _ } = await Ae(encodeURIComponent(t));
|
|
149
149
|
a(_);
|
|
150
150
|
}
|
|
151
151
|
const { settings: u, theme: c } = await Ke();
|
|
152
|
-
l(c),
|
|
152
|
+
l(c), g(u), i(!1);
|
|
153
153
|
})();
|
|
154
154
|
}, []);
|
|
155
|
-
const h = (
|
|
156
|
-
const u = new
|
|
157
|
-
return Object.assign(u,
|
|
155
|
+
const h = (p) => {
|
|
156
|
+
const u = new n[p.name]();
|
|
157
|
+
return Object.assign(u, p.value), u.renderBlock(d, o);
|
|
158
158
|
};
|
|
159
159
|
return /* @__PURE__ */ e.jsxs("div", { className: xe.wrapper, children: [
|
|
160
160
|
/* @__PURE__ */ e.jsx(ze, {}),
|
|
161
|
-
!s && r ? /* @__PURE__ */ e.jsx("div", { className: xe.main, children: Object.keys(r).map((
|
|
161
|
+
!s && r ? /* @__PURE__ */ e.jsx("div", { className: xe.main, children: Object.keys(r).map((p) => /* @__PURE__ */ e.jsx(
|
|
162
162
|
Ge,
|
|
163
163
|
{
|
|
164
|
-
block: r[
|
|
164
|
+
block: r[p],
|
|
165
165
|
render: h
|
|
166
166
|
}
|
|
167
167
|
)) }) : /* @__PURE__ */ e.jsx("div", { className: xe.loading, children: /* @__PURE__ */ e.jsx(ye, {}) }),
|
|
@@ -170,14 +170,14 @@ const yt = "_wrapper_dbban_1", Bt = "_main_dbban_8", At = "_loading_dbban_12", x
|
|
|
170
170
|
};
|
|
171
171
|
function Pt(t) {
|
|
172
172
|
if (t) {
|
|
173
|
-
const
|
|
174
|
-
path: `${
|
|
175
|
-
element: /* @__PURE__ */ e.jsx(Ne, { pagePath:
|
|
173
|
+
const n = Object.values(t).map((o) => ({
|
|
174
|
+
path: `${o.path}`,
|
|
175
|
+
element: /* @__PURE__ */ e.jsx(Ne, { pagePath: o.path })
|
|
176
176
|
}));
|
|
177
|
-
return
|
|
177
|
+
return n.push({
|
|
178
178
|
path: "/product/:productPath",
|
|
179
179
|
element: /* @__PURE__ */ e.jsx(Ne, { pagePath: "productId" })
|
|
180
|
-
}),
|
|
180
|
+
}), n;
|
|
181
181
|
} else return [];
|
|
182
182
|
}
|
|
183
183
|
const Fe = () => {
|
|
@@ -210,25 +210,25 @@ const Fe = () => {
|
|
|
210
210
|
device: Mt,
|
|
211
211
|
active: $t
|
|
212
212
|
}, Ht = () => {
|
|
213
|
-
const { currentDevice: t, setCurrentDevice:
|
|
214
|
-
return /* @__PURE__ */ e.jsx("div", { className: we.devices, children: vt.map((
|
|
213
|
+
const { currentDevice: t, setCurrentDevice: n } = Ye();
|
|
214
|
+
return /* @__PURE__ */ e.jsx("div", { className: we.devices, children: vt.map((o) => /* @__PURE__ */ e.jsx(
|
|
215
215
|
"div",
|
|
216
216
|
{
|
|
217
|
-
className:
|
|
218
|
-
[we.active]: t ===
|
|
217
|
+
className: L(we.device, {
|
|
218
|
+
[we.active]: t === o
|
|
219
219
|
}),
|
|
220
|
-
onClick: () => o
|
|
220
|
+
onClick: () => n(o),
|
|
221
221
|
children: /* @__PURE__ */ e.jsx(
|
|
222
222
|
S,
|
|
223
223
|
{
|
|
224
|
-
name:
|
|
225
|
-
fill: t ===
|
|
224
|
+
name: o.icon,
|
|
225
|
+
fill: t === o ? "#252525" : "#757575",
|
|
226
226
|
width: 20,
|
|
227
227
|
height: 20
|
|
228
228
|
}
|
|
229
229
|
)
|
|
230
230
|
},
|
|
231
|
-
|
|
231
|
+
o.value
|
|
232
232
|
)) });
|
|
233
233
|
}, Rt = "_header_zvaam_1", It = "_left_zvaam_12", Et = "_right_zvaam_13", ue = {
|
|
234
234
|
header: Rt,
|
|
@@ -238,14 +238,14 @@ const Fe = () => {
|
|
|
238
238
|
preview: Ot,
|
|
239
239
|
active: Ut
|
|
240
240
|
}, Gt = () => {
|
|
241
|
-
const { onPreview: t, setOnPreview:
|
|
241
|
+
const { onPreview: t, setOnPreview: n } = J();
|
|
242
242
|
return /* @__PURE__ */ e.jsxs(
|
|
243
243
|
"div",
|
|
244
244
|
{
|
|
245
|
-
className:
|
|
245
|
+
className: L(ve.preview, {
|
|
246
246
|
[ve.active]: t
|
|
247
247
|
}),
|
|
248
|
-
onClick: () =>
|
|
248
|
+
onClick: () => n(!t),
|
|
249
249
|
children: [
|
|
250
250
|
/* @__PURE__ */ e.jsx(
|
|
251
251
|
S,
|
|
@@ -296,15 +296,15 @@ const Fe = () => {
|
|
|
296
296
|
}, on = () => {
|
|
297
297
|
const {
|
|
298
298
|
currentPage: t,
|
|
299
|
-
setCurrentPage:
|
|
300
|
-
setIsOpenModal:
|
|
299
|
+
setCurrentPage: n,
|
|
300
|
+
setIsOpenModal: o,
|
|
301
301
|
pages: s,
|
|
302
302
|
setIsEdit: i,
|
|
303
303
|
setEditedPage: r,
|
|
304
304
|
deletePage: a,
|
|
305
305
|
isOpenSelectModal: l,
|
|
306
306
|
setIsOpenSelectModal: d
|
|
307
|
-
} =
|
|
307
|
+
} = D(), { deletePage: g } = M(), [h, p] = C.useState("");
|
|
308
308
|
return C.useEffect(() => {
|
|
309
309
|
const u = () => {
|
|
310
310
|
d(!1);
|
|
@@ -353,13 +353,13 @@ const Fe = () => {
|
|
|
353
353
|
return /* @__PURE__ */ e.jsxs(
|
|
354
354
|
"div",
|
|
355
355
|
{
|
|
356
|
-
className:
|
|
356
|
+
className: L(q.page, {
|
|
357
357
|
[q.hoverable]: h === u
|
|
358
358
|
}),
|
|
359
|
-
onMouseEnter: () =>
|
|
360
|
-
onMouseLeave: () =>
|
|
359
|
+
onMouseEnter: () => p(u),
|
|
360
|
+
onMouseLeave: () => p(""),
|
|
361
361
|
onClick: () => {
|
|
362
|
-
|
|
362
|
+
p(""), i(!1), n(u), d(!1);
|
|
363
363
|
},
|
|
364
364
|
children: [
|
|
365
365
|
/* @__PURE__ */ e.jsx(
|
|
@@ -377,7 +377,7 @@ const Fe = () => {
|
|
|
377
377
|
name: "Gear",
|
|
378
378
|
fill: "#757575",
|
|
379
379
|
onClick: (_) => {
|
|
380
|
-
_.stopPropagation(), i(!0), r(u),
|
|
380
|
+
_.stopPropagation(), i(!0), r(u), o(!0);
|
|
381
381
|
}
|
|
382
382
|
}
|
|
383
383
|
),
|
|
@@ -387,12 +387,12 @@ const Fe = () => {
|
|
|
387
387
|
name: "Trash",
|
|
388
388
|
fill: "#C12A2A",
|
|
389
389
|
onClick: (_) => {
|
|
390
|
-
s[t].
|
|
390
|
+
s[t].path === c.name && n("/"), _.stopPropagation(), a(u), g(c.name), Je(c.path);
|
|
391
391
|
}
|
|
392
392
|
}
|
|
393
393
|
)
|
|
394
394
|
] }),
|
|
395
|
-
s[t] && s[t].
|
|
395
|
+
s[t] && s[t].path === c.name && /* @__PURE__ */ e.jsx(
|
|
396
396
|
S,
|
|
397
397
|
{
|
|
398
398
|
name: "Check",
|
|
@@ -410,7 +410,7 @@ const Fe = () => {
|
|
|
410
410
|
{
|
|
411
411
|
className: q.button,
|
|
412
412
|
onClick: (u) => {
|
|
413
|
-
u.stopPropagation(),
|
|
413
|
+
u.stopPropagation(), o(!0);
|
|
414
414
|
},
|
|
415
415
|
size: "l",
|
|
416
416
|
children: [
|
|
@@ -432,11 +432,11 @@ const Fe = () => {
|
|
|
432
432
|
}, sn = "_zoom_a77cn_1", an = {
|
|
433
433
|
zoom: sn
|
|
434
434
|
}, rn = () => {
|
|
435
|
-
const [t,
|
|
436
|
-
|
|
435
|
+
const [t, n] = C.useState(), o = () => {
|
|
436
|
+
n(Number(Math.round(window.devicePixelRatio * 50).toFixed(0)));
|
|
437
437
|
};
|
|
438
|
-
return C.useEffect(() => (
|
|
439
|
-
window.removeEventListener("resize",
|
|
438
|
+
return C.useEffect(() => (o(), window.addEventListener("resize", o), () => {
|
|
439
|
+
window.removeEventListener("resize", o);
|
|
440
440
|
}), []), /* @__PURE__ */ e.jsxs("div", { className: an.zoom, children: [
|
|
441
441
|
/* @__PURE__ */ e.jsx(
|
|
442
442
|
S,
|
|
@@ -468,23 +468,23 @@ const Fe = () => {
|
|
|
468
468
|
),
|
|
469
469
|
/* @__PURE__ */ e.jsx("div", { children: "Current Theme" })
|
|
470
470
|
] }), hn = () => {
|
|
471
|
-
const { themeSettings: t } = $(), { settings:
|
|
472
|
-
function
|
|
473
|
-
return
|
|
474
|
-
(
|
|
475
|
-
).flat().map((
|
|
471
|
+
const { themeSettings: t } = $(), { settings: n } = Y(), { isOpenSelectModal: o } = D(), [s, i] = C.useState(null), [r, a] = C.useState(!1), { pages: l } = D(), { blocks: d } = M();
|
|
472
|
+
function g(_, w) {
|
|
473
|
+
return w.map(
|
|
474
|
+
(b) => Object.values(b.value.blockSettings).filter((N) => N.type === _).map((N) => N.value).flat()
|
|
475
|
+
).flat().map((b) => b.listingId);
|
|
476
476
|
}
|
|
477
|
-
function h(_,
|
|
478
|
-
return
|
|
477
|
+
function h(_, w) {
|
|
478
|
+
return g(_, w).some((b) => b);
|
|
479
479
|
}
|
|
480
|
-
function
|
|
481
|
-
const x =
|
|
480
|
+
function p(_, w) {
|
|
481
|
+
const x = g(_, w);
|
|
482
482
|
return Array.isArray(x) && x.length > 0 ? Math.max(...x) : 0;
|
|
483
483
|
}
|
|
484
484
|
function u(_) {
|
|
485
485
|
if (l) {
|
|
486
|
-
const
|
|
487
|
-
if (
|
|
486
|
+
const w = Object.keys(l).find((x) => l[x].name === _);
|
|
487
|
+
if (w) return l[w];
|
|
488
488
|
}
|
|
489
489
|
return null;
|
|
490
490
|
}
|
|
@@ -492,30 +492,30 @@ const Fe = () => {
|
|
|
492
492
|
if (r)
|
|
493
493
|
s && clearTimeout(s);
|
|
494
494
|
else {
|
|
495
|
-
const
|
|
496
|
-
const
|
|
495
|
+
const w = Object.keys(d).map((x) => {
|
|
496
|
+
const b = u(x);
|
|
497
497
|
return {
|
|
498
|
-
name:
|
|
499
|
-
path:
|
|
498
|
+
name: b ? b.name : x,
|
|
499
|
+
path: (b == null ? void 0 : b.path) || x,
|
|
500
500
|
layout: {
|
|
501
501
|
...d[x]
|
|
502
502
|
},
|
|
503
|
-
neededProductIds: [...
|
|
504
|
-
neededCategoryIds: [...
|
|
505
|
-
neededAnnouncementIds: [...
|
|
506
|
-
neededListingIds: [...
|
|
503
|
+
neededProductIds: [...g("ProductId", Object.values(d[x]))],
|
|
504
|
+
neededCategoryIds: [...g("CategoryId", Object.values(d[x]))],
|
|
505
|
+
neededAnnouncementIds: [...g("AnnouncementId", Object.values(d[x]))],
|
|
506
|
+
neededListingIds: [...g("listings", Object.values(d[x]))],
|
|
507
507
|
neededFaqs: h("Faqs", Object.values(d[x])),
|
|
508
|
-
neededReviewCount:
|
|
508
|
+
neededReviewCount: p("ReviewCount", Object.values(d[x])),
|
|
509
509
|
seo: {
|
|
510
|
-
pageTitle:
|
|
511
|
-
pageDescription:
|
|
510
|
+
pageTitle: b && b.seo && b.seo.title ? b.seo.title : "",
|
|
511
|
+
pageDescription: b && b.seo && b.seo.description ? b.seo.description : ""
|
|
512
512
|
}
|
|
513
513
|
};
|
|
514
514
|
});
|
|
515
515
|
Ze("POST", "save", {
|
|
516
516
|
themeSettings: t,
|
|
517
|
-
settings:
|
|
518
|
-
updatedPages:
|
|
517
|
+
settings: n,
|
|
518
|
+
updatedPages: w
|
|
519
519
|
});
|
|
520
520
|
}
|
|
521
521
|
a(!0);
|
|
@@ -529,7 +529,7 @@ const Fe = () => {
|
|
|
529
529
|
{
|
|
530
530
|
className: ue.header,
|
|
531
531
|
style: {
|
|
532
|
-
zIndex:
|
|
532
|
+
zIndex: o ? 5e4 : 50
|
|
533
533
|
},
|
|
534
534
|
children: [
|
|
535
535
|
/* @__PURE__ */ e.jsxs("div", { className: ue.left, children: [
|
|
@@ -564,16 +564,16 @@ const Fe = () => {
|
|
|
564
564
|
block: _n,
|
|
565
565
|
active: bn
|
|
566
566
|
}, fn = () => {
|
|
567
|
-
const { activeBlock: t, setActiveBlock:
|
|
567
|
+
const { activeBlock: t, setActiveBlock: n } = Ce(), { setActiveBlock: o } = V(), { setCurrentBlock: s } = M(), { setActiveBlock: i } = $();
|
|
568
568
|
function r(a) {
|
|
569
|
-
|
|
569
|
+
o(null), n(a), s(null), i(null);
|
|
570
570
|
}
|
|
571
571
|
return /* @__PURE__ */ e.jsxs("div", { className: he.navbar, children: [
|
|
572
572
|
/* @__PURE__ */ e.jsx(mn, {}),
|
|
573
573
|
/* @__PURE__ */ e.jsx("div", { className: he.main, children: et.map((a) => /* @__PURE__ */ e.jsxs(
|
|
574
574
|
"div",
|
|
575
575
|
{
|
|
576
|
-
className:
|
|
576
|
+
className: L(he.block, {
|
|
577
577
|
[he.active]: t.icon === a.icon
|
|
578
578
|
}),
|
|
579
579
|
onClick: () => r(a),
|
|
@@ -612,7 +612,7 @@ const Fe = () => {
|
|
|
612
612
|
/* @__PURE__ */ e.jsx("div", { className: X.circles, children: Hn.map((t) => /* @__PURE__ */ e.jsx(
|
|
613
613
|
"div",
|
|
614
614
|
{
|
|
615
|
-
className:
|
|
615
|
+
className: L(X.circle, {
|
|
616
616
|
[X.red]: t === "red",
|
|
617
617
|
[X.yellow]: t === "yellow",
|
|
618
618
|
[X.green]: t === "green"
|
|
@@ -669,19 +669,19 @@ const Fe = () => {
|
|
|
669
669
|
border: eo,
|
|
670
670
|
deleteButton: to
|
|
671
671
|
}, no = () => {
|
|
672
|
-
const { activeBlock: t } = J(), { blocks:
|
|
673
|
-
d > 0 && a && s(a[r].
|
|
672
|
+
const { activeBlock: t } = J(), { blocks: n, removeBlock: o, moveBlock: s, duplicateBlock: i } = M(), { currentPage: r, pages: a } = D(), l = a && a[r] ? Object.keys(n[a[r].path]) : [], d = l.indexOf(t), g = () => {
|
|
673
|
+
d > 0 && a && s(a[r].path, d, d - 1);
|
|
674
674
|
}, h = () => {
|
|
675
|
-
d < l.length - 1 && a && s(a[r].
|
|
676
|
-
},
|
|
677
|
-
a && i(a[r].
|
|
675
|
+
d < l.length - 1 && a && s(a[r].path, d, d + 1);
|
|
676
|
+
}, p = () => {
|
|
677
|
+
a && i(a[r].path, t);
|
|
678
678
|
};
|
|
679
679
|
return /* @__PURE__ */ e.jsx("div", { className: R.sidebar, children: /* @__PURE__ */ e.jsxs("div", { className: R.content, children: [
|
|
680
680
|
/* @__PURE__ */ e.jsx(
|
|
681
681
|
"button",
|
|
682
682
|
{
|
|
683
|
-
onClick:
|
|
684
|
-
className:
|
|
683
|
+
onClick: g,
|
|
684
|
+
className: L(R.button, R.moveButton),
|
|
685
685
|
disabled: d === 0,
|
|
686
686
|
children: /* @__PURE__ */ e.jsx(S, { name: "ArrowUp" })
|
|
687
687
|
}
|
|
@@ -690,7 +690,7 @@ const Fe = () => {
|
|
|
690
690
|
"button",
|
|
691
691
|
{
|
|
692
692
|
onClick: h,
|
|
693
|
-
className:
|
|
693
|
+
className: L(R.button, R.moveButton),
|
|
694
694
|
disabled: d === l.length - 1,
|
|
695
695
|
children: /* @__PURE__ */ e.jsx(S, { name: "ArrowDown" })
|
|
696
696
|
}
|
|
@@ -699,8 +699,8 @@ const Fe = () => {
|
|
|
699
699
|
/* @__PURE__ */ e.jsx(
|
|
700
700
|
"button",
|
|
701
701
|
{
|
|
702
|
-
onClick:
|
|
703
|
-
className:
|
|
702
|
+
onClick: p,
|
|
703
|
+
className: L(R.button, R.moveButton),
|
|
704
704
|
children: /* @__PURE__ */ e.jsx(S, { name: "Copy" })
|
|
705
705
|
}
|
|
706
706
|
),
|
|
@@ -709,9 +709,9 @@ const Fe = () => {
|
|
|
709
709
|
"button",
|
|
710
710
|
{
|
|
711
711
|
onClick: () => {
|
|
712
|
-
a &&
|
|
712
|
+
a && o(a[r].path, t);
|
|
713
713
|
},
|
|
714
|
-
className:
|
|
714
|
+
className: L(R.button, R.deleteButton),
|
|
715
715
|
children: /* @__PURE__ */ e.jsx(
|
|
716
716
|
S,
|
|
717
717
|
{
|
|
@@ -723,10 +723,10 @@ const Fe = () => {
|
|
|
723
723
|
)
|
|
724
724
|
] }) });
|
|
725
725
|
}, oo = C.memo(() => {
|
|
726
|
-
const { setActiveBlock: t, activeBlock:
|
|
726
|
+
const { setActiveBlock: t, activeBlock: n } = J(), { blocks: o, sourceBlocks: s } = V(), { blocks: i } = M(), { settings: r } = Y(), { currentPage: a, pages: l, setIsOpenSelectModal: d, pageContext: g } = D(), h = C.useRef(n);
|
|
727
727
|
C.useEffect(() => {
|
|
728
|
-
h.current =
|
|
729
|
-
}, [
|
|
728
|
+
h.current = n;
|
|
729
|
+
}, [n]), C.useEffect(() => {
|
|
730
730
|
const c = () => {
|
|
731
731
|
h.current && t(null);
|
|
732
732
|
};
|
|
@@ -734,9 +734,9 @@ const Fe = () => {
|
|
|
734
734
|
document.body.removeEventListener("click", c);
|
|
735
735
|
};
|
|
736
736
|
}, []);
|
|
737
|
-
const
|
|
738
|
-
const _ = new
|
|
739
|
-
return Object.assign(_, c.value), _.renderBlock(r,
|
|
737
|
+
const p = (c) => {
|
|
738
|
+
const _ = new o[c.name]();
|
|
739
|
+
return Object.assign(_, c.value), _.renderBlock(r, g);
|
|
740
740
|
};
|
|
741
741
|
function u(c) {
|
|
742
742
|
if (s)
|
|
@@ -751,21 +751,21 @@ const Fe = () => {
|
|
|
751
751
|
className: ae.content,
|
|
752
752
|
children: [
|
|
753
753
|
/* @__PURE__ */ e.jsx(ze, {}),
|
|
754
|
-
/* @__PURE__ */ e.jsx("div", { className: ae.main, children: l && l[a] && i[l[a].
|
|
754
|
+
/* @__PURE__ */ e.jsx("div", { className: ae.main, children: l && l[a] && i[l[a].path] && Object.keys(i[l[a].path]).map((c) => /* @__PURE__ */ e.jsxs(
|
|
755
755
|
"div",
|
|
756
756
|
{
|
|
757
757
|
onClick: () => t(c),
|
|
758
|
-
className:
|
|
759
|
-
[ae.active]:
|
|
758
|
+
className: L(ae.block, {
|
|
759
|
+
[ae.active]: n === c
|
|
760
760
|
}),
|
|
761
761
|
children: [
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
|
|
762
|
+
n === c && /* @__PURE__ */ e.jsx("div", { className: ae.name, children: u(i[l[a].path][c].name) }),
|
|
763
|
+
n === c && /* @__PURE__ */ e.jsx(no, {}),
|
|
764
|
+
o && /* @__PURE__ */ e.jsx(
|
|
765
765
|
Ge,
|
|
766
766
|
{
|
|
767
|
-
render:
|
|
768
|
-
block: i[l[a].
|
|
767
|
+
render: p,
|
|
768
|
+
block: i[l[a].path][c]
|
|
769
769
|
}
|
|
770
770
|
)
|
|
771
771
|
]
|
|
@@ -800,17 +800,17 @@ const Fe = () => {
|
|
|
800
800
|
}
|
|
801
801
|
)
|
|
802
802
|
] }), We = () => {
|
|
803
|
-
const { blocks: t, sourceBlocks:
|
|
803
|
+
const { blocks: t, sourceBlocks: n, setActiveBlock: o } = V(), { hideModal: s } = _e();
|
|
804
804
|
function i(l) {
|
|
805
|
-
|
|
805
|
+
o(l), s();
|
|
806
806
|
}
|
|
807
807
|
function r(l) {
|
|
808
|
-
if (
|
|
809
|
-
return new
|
|
808
|
+
if (n)
|
|
809
|
+
return new n[l]().blockSettings.displayName;
|
|
810
810
|
}
|
|
811
811
|
function a(l) {
|
|
812
|
-
if (
|
|
813
|
-
return new
|
|
812
|
+
if (n)
|
|
813
|
+
return new n[l]().blockSettings.isAddable;
|
|
814
814
|
}
|
|
815
815
|
return /* @__PURE__ */ e.jsxs("div", { className: ge.add, children: [
|
|
816
816
|
/* @__PURE__ */ e.jsx(co, {}),
|
|
@@ -833,64 +833,64 @@ const Fe = () => {
|
|
|
833
833
|
}, uo = () => {
|
|
834
834
|
const {
|
|
835
835
|
modalPosition: t,
|
|
836
|
-
color:
|
|
837
|
-
initialColor:
|
|
836
|
+
color: n,
|
|
837
|
+
initialColor: o,
|
|
838
838
|
setShowModal: s,
|
|
839
839
|
hue: i,
|
|
840
840
|
saturation: r,
|
|
841
841
|
brightness: a,
|
|
842
842
|
dragging: l,
|
|
843
843
|
setDragging: d,
|
|
844
|
-
setHue:
|
|
844
|
+
setHue: g,
|
|
845
845
|
setSaturation: h,
|
|
846
|
-
setBrightness:
|
|
846
|
+
setBrightness: p,
|
|
847
847
|
colorChange: u,
|
|
848
848
|
setColor: c,
|
|
849
849
|
update: _
|
|
850
|
-
} = Ee(),
|
|
851
|
-
const { offsetX: y, offsetY:
|
|
852
|
-
d(!0),
|
|
853
|
-
}, x = (
|
|
850
|
+
} = Ee(), w = (m) => {
|
|
851
|
+
const { offsetX: y, offsetY: A } = m.nativeEvent;
|
|
852
|
+
d(!0), N(y, A, m.currentTarget);
|
|
853
|
+
}, x = (m) => {
|
|
854
854
|
if (l) {
|
|
855
|
-
const y = document.querySelector(`.${G.colorMap}`), { left:
|
|
856
|
-
|
|
855
|
+
const y = document.querySelector(`.${G.colorMap}`), { left: A, top: v } = y.getBoundingClientRect(), f = m.clientX - A, H = m.clientY - v;
|
|
856
|
+
N(f, H, y);
|
|
857
857
|
}
|
|
858
|
-
},
|
|
858
|
+
}, b = () => {
|
|
859
859
|
d(!1);
|
|
860
|
-
},
|
|
861
|
-
const { width:
|
|
862
|
-
h(H),
|
|
863
|
-
},
|
|
864
|
-
const
|
|
865
|
-
u(
|
|
866
|
-
}, F = (
|
|
867
|
-
y /= 100,
|
|
868
|
-
const
|
|
860
|
+
}, N = (m, y, A) => {
|
|
861
|
+
const { width: v, height: f } = A.getBoundingClientRect(), H = Math.max(0, Math.min(m / v * 100, 100)), ce = Math.max(0, Math.min(100 - y / f * 100, 100));
|
|
862
|
+
h(H), p(ce), T(H, ce);
|
|
863
|
+
}, T = (m, y) => {
|
|
864
|
+
const A = B(i, m, y);
|
|
865
|
+
u(A), c(A);
|
|
866
|
+
}, F = (m, y, A) => {
|
|
867
|
+
y /= 100, A /= 100;
|
|
868
|
+
const v = (de) => (de + m / 60) % 6, f = (de) => A * (1 - y * Math.max(0, Math.min(v(de), 4 - v(de), 1))), H = Math.round(255 * f(5)), ce = Math.round(255 * f(3)), Qe = Math.round(255 * f(1));
|
|
869
869
|
return { r: H, g: ce, b: Qe };
|
|
870
|
-
},
|
|
871
|
-
const
|
|
872
|
-
return `#${
|
|
873
|
-
},
|
|
874
|
-
const { r:
|
|
875
|
-
return
|
|
870
|
+
}, k = (m, y, A) => {
|
|
871
|
+
const v = (f) => f.toString(16).padStart(2, "0");
|
|
872
|
+
return `#${v(m)}${v(y)}${v(A)}`;
|
|
873
|
+
}, B = (m, y, A) => {
|
|
874
|
+
const { r: v, g: f, b: H } = F(m, y, A);
|
|
875
|
+
return k(v, f, H);
|
|
876
876
|
};
|
|
877
877
|
C.useEffect(() => {
|
|
878
|
-
const
|
|
879
|
-
return l ? (document.addEventListener("mousemove",
|
|
880
|
-
document.removeEventListener("mousemove",
|
|
878
|
+
const m = (A) => x(A), y = () => b();
|
|
879
|
+
return l ? (document.addEventListener("mousemove", m), document.addEventListener("mouseup", y)) : (document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", y)), () => {
|
|
880
|
+
document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", y);
|
|
881
881
|
};
|
|
882
882
|
}, [l]);
|
|
883
|
-
function
|
|
884
|
-
_(
|
|
883
|
+
function j() {
|
|
884
|
+
_(n), s(!1);
|
|
885
885
|
}
|
|
886
|
-
function
|
|
887
|
-
s(!1), u(
|
|
886
|
+
function P() {
|
|
887
|
+
s(!1), u(o);
|
|
888
888
|
}
|
|
889
889
|
return /* @__PURE__ */ e.jsxs(
|
|
890
890
|
"div",
|
|
891
891
|
{
|
|
892
892
|
className: G.modal,
|
|
893
|
-
onClick: (
|
|
893
|
+
onClick: (m) => m.stopPropagation(),
|
|
894
894
|
style: {
|
|
895
895
|
top: `${t.top}px`,
|
|
896
896
|
left: `${t.left}px`
|
|
@@ -901,7 +901,7 @@ const Fe = () => {
|
|
|
901
901
|
"div",
|
|
902
902
|
{
|
|
903
903
|
className: G.colorMap,
|
|
904
|
-
onMouseDown:
|
|
904
|
+
onMouseDown: w,
|
|
905
905
|
style: {
|
|
906
906
|
background: `
|
|
907
907
|
linear-gradient(to top, black, transparent),
|
|
@@ -929,8 +929,8 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
929
929
|
min: "0",
|
|
930
930
|
max: "360",
|
|
931
931
|
value: i,
|
|
932
|
-
onChange: (
|
|
933
|
-
|
|
932
|
+
onChange: (m) => {
|
|
933
|
+
g(Number(m.target.value)), T(r, a);
|
|
934
934
|
},
|
|
935
935
|
className: G.slider
|
|
936
936
|
}
|
|
@@ -939,15 +939,15 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
939
939
|
/* @__PURE__ */ e.jsx(
|
|
940
940
|
K,
|
|
941
941
|
{
|
|
942
|
-
onClick:
|
|
943
|
-
className:
|
|
942
|
+
onClick: P,
|
|
943
|
+
className: L(G.applyButton, G.cancelButton),
|
|
944
944
|
children: "Cancel"
|
|
945
945
|
}
|
|
946
946
|
),
|
|
947
947
|
/* @__PURE__ */ e.jsx(
|
|
948
948
|
K,
|
|
949
949
|
{
|
|
950
|
-
onClick:
|
|
950
|
+
onClick: j,
|
|
951
951
|
className: G.applyButton,
|
|
952
952
|
children: "Apply"
|
|
953
953
|
}
|
|
@@ -959,19 +959,19 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
959
959
|
}, ho = () => {
|
|
960
960
|
const { onPreview: t } = J(), {
|
|
961
961
|
// hoverBlockId,
|
|
962
|
-
isModalVisible:
|
|
962
|
+
isModalVisible: n
|
|
963
963
|
// isPreviewVisible
|
|
964
964
|
} = _e(), {
|
|
965
965
|
// currentPage,
|
|
966
966
|
// pages,
|
|
967
|
-
pageContext:
|
|
968
|
-
} =
|
|
967
|
+
pageContext: o
|
|
968
|
+
} = D(), { showModal: s } = Ee(), [i, r] = C.useState(!0);
|
|
969
969
|
return C.useEffect(() => {
|
|
970
|
-
t &&
|
|
970
|
+
t && o.general && setTimeout(() => {
|
|
971
971
|
r(!1);
|
|
972
972
|
}, 100);
|
|
973
|
-
}, [t,
|
|
974
|
-
|
|
973
|
+
}, [t, o]), /* @__PURE__ */ e.jsxs("div", { className: pe.preview, children: [
|
|
974
|
+
n && /* @__PURE__ */ e.jsx(tt, { children: /* @__PURE__ */ e.jsx(We, {}) }),
|
|
975
975
|
s && /* @__PURE__ */ e.jsx(uo, {}),
|
|
976
976
|
t && /* @__PURE__ */ e.jsxs("div", { className: pe.main, children: [
|
|
977
977
|
/* @__PURE__ */ e.jsx(Rn, {}),
|
|
@@ -997,17 +997,17 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
997
997
|
}, Bo = "_block_1d6lb_1", Re = {
|
|
998
998
|
block: Bo
|
|
999
999
|
}, Ao = () => {
|
|
1000
|
-
const { setCurrentBlock: t } = M(), { activeBlock:
|
|
1001
|
-
function
|
|
1000
|
+
const { setCurrentBlock: t } = M(), { activeBlock: n } = J();
|
|
1001
|
+
function o(s) {
|
|
1002
1002
|
t(s);
|
|
1003
1003
|
}
|
|
1004
1004
|
return /* @__PURE__ */ e.jsxs(
|
|
1005
1005
|
"div",
|
|
1006
1006
|
{
|
|
1007
|
-
className:
|
|
1008
|
-
[Re.active]:
|
|
1007
|
+
className: L(Re.block, {
|
|
1008
|
+
[Re.active]: n === "header"
|
|
1009
1009
|
}),
|
|
1010
|
-
onClick: () =>
|
|
1010
|
+
onClick: () => o("header"),
|
|
1011
1011
|
children: [
|
|
1012
1012
|
/* @__PURE__ */ e.jsx(S, { name: "Cards" }),
|
|
1013
1013
|
/* @__PURE__ */ e.jsx("span", { children: "Header" })
|
|
@@ -1017,74 +1017,74 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1017
1017
|
}, Po = "_block_1d6lb_1", Ie = {
|
|
1018
1018
|
block: Po
|
|
1019
1019
|
}, Lo = () => {
|
|
1020
|
-
const { activeBlock: t } = J(), { setCurrentBlock:
|
|
1021
|
-
function
|
|
1022
|
-
|
|
1020
|
+
const { activeBlock: t } = J(), { setCurrentBlock: n } = M();
|
|
1021
|
+
function o(s) {
|
|
1022
|
+
n(s);
|
|
1023
1023
|
}
|
|
1024
1024
|
return /* @__PURE__ */ e.jsxs(
|
|
1025
1025
|
"div",
|
|
1026
1026
|
{
|
|
1027
|
-
className:
|
|
1027
|
+
className: L(Ie.block, {
|
|
1028
1028
|
[Ie.active]: t === "footer"
|
|
1029
1029
|
}),
|
|
1030
|
-
onClick: () =>
|
|
1030
|
+
onClick: () => o("footer"),
|
|
1031
1031
|
children: [
|
|
1032
1032
|
/* @__PURE__ */ e.jsx(S, { name: "Cards" }),
|
|
1033
1033
|
/* @__PURE__ */ e.jsx("span", { children: "Footer" })
|
|
1034
1034
|
]
|
|
1035
1035
|
}
|
|
1036
1036
|
);
|
|
1037
|
-
}, To = ({ id: t, name:
|
|
1038
|
-
const { currentPage: r, pages: a } =
|
|
1037
|
+
}, To = ({ id: t, name: n, index: o, moveBlock: s, onClick: i }) => {
|
|
1038
|
+
const { currentPage: r, pages: a } = D(), { activeBlock: l } = J(), {
|
|
1039
1039
|
showPreview: d,
|
|
1040
|
-
hidePreview:
|
|
1040
|
+
hidePreview: g,
|
|
1041
1041
|
showModal: h,
|
|
1042
|
-
hideModal:
|
|
1042
|
+
hideModal: p,
|
|
1043
1043
|
clearHideTimeout: u,
|
|
1044
1044
|
startHideTimeout: c,
|
|
1045
1045
|
hoverBlockId: _,
|
|
1046
|
-
isModalVisible:
|
|
1047
|
-
} = _e(), { setPositionBlock: x } = M(), [
|
|
1048
|
-
|
|
1049
|
-
}, F = (
|
|
1050
|
-
|
|
1051
|
-
},
|
|
1052
|
-
|
|
1046
|
+
isModalVisible: w
|
|
1047
|
+
} = _e(), { setPositionBlock: x } = M(), [b, N] = C.useState(!1), T = () => {
|
|
1048
|
+
w && p(), d(t), N(!0), u();
|
|
1049
|
+
}, F = (m) => {
|
|
1050
|
+
m.stopPropagation(), g(), h(t), u(), x(o + 1);
|
|
1051
|
+
}, k = () => {
|
|
1052
|
+
w ? c() : (N(!1), g());
|
|
1053
1053
|
};
|
|
1054
1054
|
C.useEffect(() => {
|
|
1055
|
-
|
|
1056
|
-
}, [
|
|
1057
|
-
const [,
|
|
1055
|
+
w || N(!1);
|
|
1056
|
+
}, [w]);
|
|
1057
|
+
const [, B] = st({
|
|
1058
1058
|
accept: "block",
|
|
1059
|
-
hover(
|
|
1060
|
-
|
|
1059
|
+
hover(m) {
|
|
1060
|
+
m.index !== o && a && (s(a[r].path, m.index, o), m.index = o);
|
|
1061
1061
|
}
|
|
1062
|
-
}), [{ isDragging:
|
|
1062
|
+
}), [{ isDragging: j }, P] = at({
|
|
1063
1063
|
type: "block",
|
|
1064
|
-
item: { id: t, index:
|
|
1065
|
-
collect: (
|
|
1066
|
-
isDragging:
|
|
1064
|
+
item: { id: t, index: o },
|
|
1065
|
+
collect: (m) => ({
|
|
1066
|
+
isDragging: m.isDragging()
|
|
1067
1067
|
})
|
|
1068
1068
|
});
|
|
1069
1069
|
return /* @__PURE__ */ e.jsxs(
|
|
1070
1070
|
"div",
|
|
1071
1071
|
{
|
|
1072
|
-
ref: (
|
|
1073
|
-
className:
|
|
1074
|
-
[oe.dragging]:
|
|
1075
|
-
[oe.active]: !
|
|
1072
|
+
ref: (m) => P(B(m)),
|
|
1073
|
+
className: L(oe.block, {
|
|
1074
|
+
[oe.dragging]: j,
|
|
1075
|
+
[oe.active]: !j && l === t
|
|
1076
1076
|
}),
|
|
1077
1077
|
onClick: () => i(t),
|
|
1078
|
-
onMouseEnter:
|
|
1079
|
-
onMouseLeave:
|
|
1078
|
+
onMouseEnter: T,
|
|
1079
|
+
onMouseLeave: k,
|
|
1080
1080
|
children: [
|
|
1081
1081
|
/* @__PURE__ */ e.jsx(S, { name: "Cards" }),
|
|
1082
|
-
/* @__PURE__ */ e.jsx("span", { children:
|
|
1083
|
-
(
|
|
1082
|
+
/* @__PURE__ */ e.jsx("span", { children: n }),
|
|
1083
|
+
(b || _ === t) && !j && /* @__PURE__ */ e.jsx("div", { className: oe.add, children: /* @__PURE__ */ e.jsx(
|
|
1084
1084
|
"button",
|
|
1085
1085
|
{
|
|
1086
1086
|
className: oe.button,
|
|
1087
|
-
onClick: (
|
|
1087
|
+
onClick: (m) => F(m),
|
|
1088
1088
|
children: /* @__PURE__ */ e.jsx(
|
|
1089
1089
|
S,
|
|
1090
1090
|
{
|
|
@@ -1098,24 +1098,24 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1098
1098
|
}
|
|
1099
1099
|
);
|
|
1100
1100
|
}, No = () => {
|
|
1101
|
-
const { blocks: t, setCurrentBlock:
|
|
1101
|
+
const { blocks: t, setCurrentBlock: n, moveBlock: o } = M(), { currentPage: s, pages: i } = D(), { setMouseOverModal: r, setHoverBlockId: a } = _e();
|
|
1102
1102
|
function l(h) {
|
|
1103
|
-
|
|
1103
|
+
n(h), r(!1), a(null);
|
|
1104
1104
|
}
|
|
1105
1105
|
const { sourceBlocks: d } = V();
|
|
1106
|
-
function
|
|
1106
|
+
function g(h) {
|
|
1107
1107
|
if (d)
|
|
1108
1108
|
return new d[h]().blockSettings.displayName;
|
|
1109
1109
|
}
|
|
1110
1110
|
return /* @__PURE__ */ e.jsxs("div", { className: oe.layers, children: [
|
|
1111
1111
|
/* @__PURE__ */ e.jsx(Ao, {}),
|
|
1112
|
-
/* @__PURE__ */ e.jsx(nt, { backend: ot, children: /* @__PURE__ */ e.jsx(e.Fragment, { children: i && i[s] && t[i[s].
|
|
1112
|
+
/* @__PURE__ */ e.jsx(nt, { backend: ot, children: /* @__PURE__ */ e.jsx(e.Fragment, { children: i && i[s] && t[i[s].path] && Object.keys(t[i[s].path]).map((h, p) => /* @__PURE__ */ e.jsx(
|
|
1113
1113
|
To,
|
|
1114
1114
|
{
|
|
1115
1115
|
id: h,
|
|
1116
|
-
name:
|
|
1117
|
-
index:
|
|
1118
|
-
moveBlock:
|
|
1116
|
+
name: g(t[i[s].path][h].name),
|
|
1117
|
+
index: p,
|
|
1118
|
+
moveBlock: o,
|
|
1119
1119
|
onClick: l
|
|
1120
1120
|
},
|
|
1121
1121
|
h
|
|
@@ -1123,8 +1123,8 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1123
1123
|
/* @__PURE__ */ e.jsx(Lo, {})
|
|
1124
1124
|
] });
|
|
1125
1125
|
}, Fo = ({ isHeader: t }) => {
|
|
1126
|
-
const { header:
|
|
1127
|
-
return t ?
|
|
1126
|
+
const { header: n, footer: o } = M(), { pageContext: s } = D();
|
|
1127
|
+
return t ? n == null ? void 0 : n.renderSettings(s) : o == null ? void 0 : o.renderSettings(s);
|
|
1128
1128
|
}, Do = () => {
|
|
1129
1129
|
const { settings: t } = Y();
|
|
1130
1130
|
return t == null ? void 0 : t.renderSettings();
|
|
@@ -1134,21 +1134,21 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1134
1134
|
name: Ho
|
|
1135
1135
|
}, Ro = () => {
|
|
1136
1136
|
const { setActiveBlock: t } = $();
|
|
1137
|
-
function o
|
|
1138
|
-
t(
|
|
1137
|
+
function n(o) {
|
|
1138
|
+
t(o);
|
|
1139
1139
|
}
|
|
1140
|
-
return /* @__PURE__ */ e.jsx("div", { className: ke.theme, children: kt.map((
|
|
1140
|
+
return /* @__PURE__ */ e.jsx("div", { className: ke.theme, children: kt.map((o) => /* @__PURE__ */ e.jsxs(
|
|
1141
1141
|
"div",
|
|
1142
1142
|
{
|
|
1143
|
-
onClick: () => o
|
|
1144
|
-
className:
|
|
1143
|
+
onClick: () => n(o),
|
|
1144
|
+
className: L(ke.block),
|
|
1145
1145
|
children: [
|
|
1146
|
-
/* @__PURE__ */ e.jsx(S, { name:
|
|
1147
|
-
/* @__PURE__ */ e.jsx("span", { className: ke.name, children:
|
|
1146
|
+
/* @__PURE__ */ e.jsx(S, { name: o.icon }),
|
|
1147
|
+
/* @__PURE__ */ e.jsx("span", { className: ke.name, children: o.name }),
|
|
1148
1148
|
/* @__PURE__ */ e.jsx(S, { name: "CaretRight" })
|
|
1149
1149
|
]
|
|
1150
1150
|
},
|
|
1151
|
-
|
|
1151
|
+
o.icon
|
|
1152
1152
|
)) });
|
|
1153
1153
|
}, Io = "_back_y3z55_1", Eo = "_render_y3z55_8", Oo = "_open_y3z55_23", Uo = "_close_y3z55_50", Go = "_clicked_y3z55_54", qo = "_title_y3z55_58", zo = "_button_y3z55_66", Wo = "_loading_y3z55_71", Vo = "_settings_y3z55_75", Xo = "_deleteButton_y3z55_81", z = {
|
|
1154
1154
|
back: Io,
|
|
@@ -1163,75 +1163,75 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1163
1163
|
deleteButton: Xo
|
|
1164
1164
|
}, Qo = ({ block: t }) => {
|
|
1165
1165
|
if (!t) return null;
|
|
1166
|
-
const { pageContext:
|
|
1167
|
-
return t.renderSettings(
|
|
1166
|
+
const { pageContext: n } = D();
|
|
1167
|
+
return t.renderSettings(n);
|
|
1168
1168
|
}, Ko = (t) => {
|
|
1169
|
-
var
|
|
1170
|
-
const { isAdd:
|
|
1169
|
+
var A;
|
|
1170
|
+
const { isAdd: n } = t, [o, s] = C.useState(!1), { setActiveBlock: i } = Ce(), { sourceBlocks: r, activeBlock: a, setActiveBlock: l, currentInstance: d, setCurrentInstance: g } = V(), {
|
|
1171
1171
|
blocks: h,
|
|
1172
|
-
addBlock:
|
|
1172
|
+
addBlock: p,
|
|
1173
1173
|
editBlock: u,
|
|
1174
1174
|
currentBlock: c,
|
|
1175
1175
|
setCurrentBlock: _,
|
|
1176
|
-
removeBlock:
|
|
1176
|
+
removeBlock: w,
|
|
1177
1177
|
setPositionBlock: x,
|
|
1178
|
-
setHeader:
|
|
1179
|
-
setFooter:
|
|
1180
|
-
header:
|
|
1178
|
+
setHeader: b,
|
|
1179
|
+
setFooter: N,
|
|
1180
|
+
header: T,
|
|
1181
1181
|
footer: F
|
|
1182
|
-
} = M(), { currentPage:
|
|
1183
|
-
function
|
|
1184
|
-
if (!
|
|
1185
|
-
const
|
|
1182
|
+
} = M(), { currentPage: k, pages: B } = D();
|
|
1183
|
+
function j(v = !1) {
|
|
1184
|
+
if (!n && B && d && !v) {
|
|
1185
|
+
const f = {
|
|
1186
1186
|
blockSettings: {}
|
|
1187
1187
|
};
|
|
1188
1188
|
Object.keys(d.blockSettings).filter((H) => !["displayName", "isAddable"].includes(H)).map((H) => {
|
|
1189
|
-
|
|
1190
|
-
}), u(
|
|
1191
|
-
name: h[
|
|
1192
|
-
value:
|
|
1189
|
+
f.blockSettings[H] = d.blockSettings[H];
|
|
1190
|
+
}), u(B[k].path, c, {
|
|
1191
|
+
name: h[B[k].path][c].name,
|
|
1192
|
+
value: f
|
|
1193
1193
|
});
|
|
1194
1194
|
}
|
|
1195
1195
|
l(null), _(null), setTimeout(() => {
|
|
1196
1196
|
s(!1);
|
|
1197
|
-
}, 150),
|
|
1197
|
+
}, 150), g(null);
|
|
1198
1198
|
}
|
|
1199
|
-
function
|
|
1200
|
-
|
|
1199
|
+
function P() {
|
|
1200
|
+
j(), i({
|
|
1201
1201
|
name: "Layers",
|
|
1202
1202
|
icon: "TreeStructure"
|
|
1203
|
-
}),
|
|
1203
|
+
}), g(null);
|
|
1204
1204
|
}
|
|
1205
|
-
function
|
|
1206
|
-
if (
|
|
1205
|
+
function m() {
|
|
1206
|
+
if (n)
|
|
1207
1207
|
return new r[a]();
|
|
1208
|
-
if (
|
|
1209
|
-
const
|
|
1210
|
-
return new r[
|
|
1208
|
+
if (B) {
|
|
1209
|
+
const v = h[B[k].path][c];
|
|
1210
|
+
return new r[v.name](v.value.blockSettings);
|
|
1211
1211
|
}
|
|
1212
1212
|
}
|
|
1213
1213
|
C.useEffect(() => {
|
|
1214
1214
|
if (a || c && !["header", "footer"].includes(c)) {
|
|
1215
|
-
const
|
|
1216
|
-
|
|
1215
|
+
const v = m();
|
|
1216
|
+
g(v);
|
|
1217
1217
|
} else
|
|
1218
|
-
|
|
1218
|
+
g(null);
|
|
1219
1219
|
}, [a, c]), C.useEffect(() => {
|
|
1220
|
-
c === "header" &&
|
|
1221
|
-
}, [c,
|
|
1222
|
-
c === "footer" &&
|
|
1220
|
+
c === "header" && b(T);
|
|
1221
|
+
}, [c, T]), C.useEffect(() => {
|
|
1222
|
+
c === "footer" && N(F);
|
|
1223
1223
|
}, [c, F]);
|
|
1224
|
-
function y(
|
|
1225
|
-
if (r &&
|
|
1226
|
-
return new r[
|
|
1224
|
+
function y(v) {
|
|
1225
|
+
if (r && v)
|
|
1226
|
+
return new r[v]().blockSettings.displayName;
|
|
1227
1227
|
}
|
|
1228
1228
|
return /* @__PURE__ */ e.jsxs(
|
|
1229
1229
|
"div",
|
|
1230
1230
|
{
|
|
1231
|
-
className:
|
|
1231
|
+
className: L(z.render, {
|
|
1232
1232
|
[z.open]: c || a,
|
|
1233
1233
|
[z.close]: !c && !a,
|
|
1234
|
-
[z.clicked]:
|
|
1234
|
+
[z.clicked]: o
|
|
1235
1235
|
}),
|
|
1236
1236
|
children: [
|
|
1237
1237
|
/* @__PURE__ */ e.jsxs("div", { className: z.back, children: [
|
|
@@ -1240,15 +1240,15 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1240
1240
|
{
|
|
1241
1241
|
name: "CaretLeft",
|
|
1242
1242
|
hoverable: !0,
|
|
1243
|
-
onClick: () =>
|
|
1243
|
+
onClick: () => j()
|
|
1244
1244
|
}
|
|
1245
1245
|
),
|
|
1246
|
-
/* @__PURE__ */ e.jsx("h3", { className: z.title, children: a && y(a) ||
|
|
1247
|
-
!
|
|
1246
|
+
/* @__PURE__ */ e.jsx("h3", { className: z.title, children: a && y(a) || B && B[k] && h[B[k].path] && y((A = h[B[k].path][c]) == null ? void 0 : A.name) || c && U(c) || "Loading" }),
|
|
1247
|
+
!n && B && !["header", "footer"].includes(c) && /* @__PURE__ */ e.jsx(
|
|
1248
1248
|
"button",
|
|
1249
1249
|
{
|
|
1250
1250
|
onClick: () => {
|
|
1251
|
-
s(!0),
|
|
1251
|
+
s(!0), w(B[k].path, c), j(!0);
|
|
1252
1252
|
},
|
|
1253
1253
|
className: z.deleteButton,
|
|
1254
1254
|
children: /* @__PURE__ */ e.jsx(
|
|
@@ -1266,26 +1266,26 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1266
1266
|
c && ["header", "footer"].includes(c) && /* @__PURE__ */ e.jsx(Fo, { isHeader: c === "header" }),
|
|
1267
1267
|
!a && !c && /* @__PURE__ */ e.jsx("div", { className: z.loading, children: "Loading" })
|
|
1268
1268
|
] }),
|
|
1269
|
-
|
|
1269
|
+
n && /* @__PURE__ */ e.jsx("div", { className: z.addButton, children: /* @__PURE__ */ e.jsx(
|
|
1270
1270
|
K,
|
|
1271
1271
|
{
|
|
1272
1272
|
style: {
|
|
1273
1273
|
width: "100%"
|
|
1274
1274
|
},
|
|
1275
1275
|
onClick: () => {
|
|
1276
|
-
if (s(!0), !["header", "footer"].includes(c) &&
|
|
1277
|
-
const
|
|
1276
|
+
if (s(!0), !["header", "footer"].includes(c) && B) {
|
|
1277
|
+
const v = {
|
|
1278
1278
|
blockSettings: {}
|
|
1279
1279
|
};
|
|
1280
|
-
Object.keys(d.blockSettings).filter((
|
|
1281
|
-
|
|
1282
|
-
}),
|
|
1280
|
+
Object.keys(d.blockSettings).filter((f) => !["displayName", "isAddable"].includes(f)).map((f) => {
|
|
1281
|
+
v.blockSettings[f] = d.blockSettings[f];
|
|
1282
|
+
}), p(B[k].path, {
|
|
1283
1283
|
name: a,
|
|
1284
|
-
value:
|
|
1284
|
+
value: v
|
|
1285
1285
|
}), x(null);
|
|
1286
1286
|
} else
|
|
1287
|
-
c === "header" ?
|
|
1288
|
-
|
|
1287
|
+
c === "header" ? b(T) : N(F);
|
|
1288
|
+
P();
|
|
1289
1289
|
},
|
|
1290
1290
|
children: "Add Section"
|
|
1291
1291
|
}
|
|
@@ -1308,9 +1308,9 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1308
1308
|
content: is,
|
|
1309
1309
|
preview: ls
|
|
1310
1310
|
}, cs = () => {
|
|
1311
|
-
const { themeSettings: t, updateColor:
|
|
1312
|
-
async function
|
|
1313
|
-
|
|
1311
|
+
const { themeSettings: t, updateColor: n } = $();
|
|
1312
|
+
async function o(i, r, a) {
|
|
1313
|
+
n(i, r, a);
|
|
1314
1314
|
}
|
|
1315
1315
|
const s = Ue(() => {
|
|
1316
1316
|
const i = {};
|
|
@@ -1346,7 +1346,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1346
1346
|
{
|
|
1347
1347
|
title: U(a),
|
|
1348
1348
|
initialColor: l,
|
|
1349
|
-
onChange: (d) =>
|
|
1349
|
+
onChange: (d) => o(i, a, d)
|
|
1350
1350
|
}
|
|
1351
1351
|
)
|
|
1352
1352
|
] }),
|
|
@@ -1384,19 +1384,19 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1384
1384
|
style: ws,
|
|
1385
1385
|
header: vs
|
|
1386
1386
|
}, ks = ["left", "center", "right"], js = ["solid", "dashed"], me = (t) => {
|
|
1387
|
-
const { title:
|
|
1387
|
+
const { title: n, children: o, rightAddon: s } = t;
|
|
1388
1388
|
return /* @__PURE__ */ e.jsxs("div", { className: W.field, children: [
|
|
1389
1389
|
/* @__PURE__ */ e.jsxs("div", { className: W.header, children: [
|
|
1390
|
-
/* @__PURE__ */ e.jsx("h4", { children:
|
|
1390
|
+
/* @__PURE__ */ e.jsx("h4", { children: n }),
|
|
1391
1391
|
s
|
|
1392
1392
|
] }),
|
|
1393
|
-
|
|
1393
|
+
o
|
|
1394
1394
|
] });
|
|
1395
1395
|
}, ys = () => {
|
|
1396
|
-
const { themeSettings: t, updateInput:
|
|
1397
|
-
|
|
1396
|
+
const { themeSettings: t, updateInput: n } = $(), o = Ue(() => t.inputs, [t]), s = (r, a, l) => {
|
|
1397
|
+
n(r, a, l);
|
|
1398
1398
|
}, i = (r) => (a) => {
|
|
1399
|
-
|
|
1399
|
+
n(r, a, "color");
|
|
1400
1400
|
};
|
|
1401
1401
|
return /* @__PURE__ */ e.jsxs("div", { className: W.wrapper, children: [
|
|
1402
1402
|
/* @__PURE__ */ e.jsxs(me, { title: "General", children: [
|
|
@@ -1404,7 +1404,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1404
1404
|
I,
|
|
1405
1405
|
{
|
|
1406
1406
|
label: "Height (px)",
|
|
1407
|
-
value: String(
|
|
1407
|
+
value: String(o.general.height),
|
|
1408
1408
|
onChange: (r) => s("general", r, "height"),
|
|
1409
1409
|
type: "number",
|
|
1410
1410
|
min: 0
|
|
@@ -1414,7 +1414,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1414
1414
|
I,
|
|
1415
1415
|
{
|
|
1416
1416
|
label: "Style name",
|
|
1417
|
-
value:
|
|
1417
|
+
value: o.general.name,
|
|
1418
1418
|
onChange: (r) => s("general", r, "name")
|
|
1419
1419
|
}
|
|
1420
1420
|
),
|
|
@@ -1423,14 +1423,14 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1423
1423
|
{
|
|
1424
1424
|
label: "Font Size (px)",
|
|
1425
1425
|
onChange: (r) => s("general", r, "size"),
|
|
1426
|
-
value: String(
|
|
1426
|
+
value: String(o.general.size),
|
|
1427
1427
|
options: Se
|
|
1428
1428
|
}
|
|
1429
1429
|
),
|
|
1430
1430
|
/* @__PURE__ */ e.jsx(
|
|
1431
1431
|
ie,
|
|
1432
1432
|
{
|
|
1433
|
-
initialColor: U(
|
|
1433
|
+
initialColor: U(o.general.color),
|
|
1434
1434
|
onChange: i("general"),
|
|
1435
1435
|
title: "Font Color",
|
|
1436
1436
|
labelStyle: "secondary"
|
|
@@ -1445,14 +1445,14 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1445
1445
|
Pe,
|
|
1446
1446
|
{
|
|
1447
1447
|
onChange: (r) => s("field", r, "active"),
|
|
1448
|
-
current:
|
|
1448
|
+
current: o.field.active
|
|
1449
1449
|
}
|
|
1450
1450
|
) }),
|
|
1451
1451
|
children: [
|
|
1452
1452
|
/* @__PURE__ */ e.jsx(
|
|
1453
1453
|
ie,
|
|
1454
1454
|
{
|
|
1455
|
-
initialColor: U(
|
|
1455
|
+
initialColor: U(o.field.color),
|
|
1456
1456
|
onChange: i("field"),
|
|
1457
1457
|
title: "Color",
|
|
1458
1458
|
labelStyle: "secondary"
|
|
@@ -1462,7 +1462,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1462
1462
|
I,
|
|
1463
1463
|
{
|
|
1464
1464
|
label: "Opacity (%)",
|
|
1465
|
-
value: String(
|
|
1465
|
+
value: String(o.field.opacity),
|
|
1466
1466
|
onChange: (r) => s("field", r, "opacity"),
|
|
1467
1467
|
type: "number",
|
|
1468
1468
|
min: 0
|
|
@@ -1479,7 +1479,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1479
1479
|
Pe,
|
|
1480
1480
|
{
|
|
1481
1481
|
onChange: (r) => s("border", r, "active"),
|
|
1482
|
-
current:
|
|
1482
|
+
current: o.border.active
|
|
1483
1483
|
}
|
|
1484
1484
|
) }),
|
|
1485
1485
|
children: [
|
|
@@ -1490,7 +1490,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1490
1490
|
Le,
|
|
1491
1491
|
{
|
|
1492
1492
|
items: js,
|
|
1493
|
-
selectedItem:
|
|
1493
|
+
selectedItem: o.border.style,
|
|
1494
1494
|
onSelect: (r) => s("border", r, "style"),
|
|
1495
1495
|
getIconName: (r) => r === "solid" ? "Minus" : "Selection"
|
|
1496
1496
|
}
|
|
@@ -1500,7 +1500,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1500
1500
|
I,
|
|
1501
1501
|
{
|
|
1502
1502
|
label: "Radius (px)",
|
|
1503
|
-
value: String(
|
|
1503
|
+
value: String(o.border.radius),
|
|
1504
1504
|
onChange: (r) => s("border", r, "radius"),
|
|
1505
1505
|
type: "number",
|
|
1506
1506
|
min: 0
|
|
@@ -1511,7 +1511,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1511
1511
|
I,
|
|
1512
1512
|
{
|
|
1513
1513
|
label: "Thickness (px)",
|
|
1514
|
-
value: String(
|
|
1514
|
+
value: String(o.border.thickness),
|
|
1515
1515
|
onChange: (r) => s("border", r, "thickness"),
|
|
1516
1516
|
type: "number",
|
|
1517
1517
|
min: 0
|
|
@@ -1520,7 +1520,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1520
1520
|
/* @__PURE__ */ e.jsx(
|
|
1521
1521
|
ie,
|
|
1522
1522
|
{
|
|
1523
|
-
initialColor: U(
|
|
1523
|
+
initialColor: U(o.border.color),
|
|
1524
1524
|
onChange: i("border"),
|
|
1525
1525
|
title: "Color",
|
|
1526
1526
|
labelStyle: "secondary"
|
|
@@ -1534,7 +1534,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1534
1534
|
I,
|
|
1535
1535
|
{
|
|
1536
1536
|
label: "Line Height (px)",
|
|
1537
|
-
value: String(
|
|
1537
|
+
value: String(o.label.height),
|
|
1538
1538
|
onChange: (r) => s("label", r, "height"),
|
|
1539
1539
|
type: "number",
|
|
1540
1540
|
min: 0
|
|
@@ -1545,14 +1545,14 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1545
1545
|
{
|
|
1546
1546
|
label: "Font Size (px)",
|
|
1547
1547
|
onChange: (r) => s("label", r, "size"),
|
|
1548
|
-
value: String(
|
|
1548
|
+
value: String(o.label.size),
|
|
1549
1549
|
options: Se
|
|
1550
1550
|
}
|
|
1551
1551
|
),
|
|
1552
1552
|
/* @__PURE__ */ e.jsx(
|
|
1553
1553
|
ie,
|
|
1554
1554
|
{
|
|
1555
|
-
initialColor: U(
|
|
1555
|
+
initialColor: U(o.label.color),
|
|
1556
1556
|
onChange: i("label"),
|
|
1557
1557
|
title: "Color",
|
|
1558
1558
|
labelStyle: "secondary"
|
|
@@ -1564,7 +1564,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1564
1564
|
Le,
|
|
1565
1565
|
{
|
|
1566
1566
|
items: ks,
|
|
1567
|
-
selectedItem:
|
|
1567
|
+
selectedItem: o.label.alignment,
|
|
1568
1568
|
onSelect: (r) => s("label", r, "alignment"),
|
|
1569
1569
|
getIconName: (r) => r === "center" ? "AlignCenterHorizontal" : r === "left" ? "AlignLeft" : "AlignRight"
|
|
1570
1570
|
}
|
|
@@ -1583,7 +1583,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1583
1583
|
deleteIcon: Ds,
|
|
1584
1584
|
iconButton: Ms
|
|
1585
1585
|
}, $s = (t) => {
|
|
1586
|
-
const { font:
|
|
1586
|
+
const { font: n, size: o, id: s, category: i } = t, { setActiveFont: r } = $();
|
|
1587
1587
|
return /* @__PURE__ */ e.jsxs(
|
|
1588
1588
|
"div",
|
|
1589
1589
|
{
|
|
@@ -1593,7 +1593,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1593
1593
|
/* @__PURE__ */ e.jsx(
|
|
1594
1594
|
"div",
|
|
1595
1595
|
{
|
|
1596
|
-
className:
|
|
1596
|
+
className: L(Q.icon, {
|
|
1597
1597
|
[Q.paragraph]: i === "paragraph"
|
|
1598
1598
|
}),
|
|
1599
1599
|
children: /* @__PURE__ */ e.jsx(S, { name: i === "paragraph" ? "TextB" : "TextH" })
|
|
@@ -1601,20 +1601,20 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1601
1601
|
),
|
|
1602
1602
|
/* @__PURE__ */ e.jsxs("div", { className: Q.content, children: [
|
|
1603
1603
|
/* @__PURE__ */ e.jsx("h2", { className: Q.categoryTitle, children: U(s) }),
|
|
1604
|
-
/* @__PURE__ */ e.jsx("span", { className: Q.value, children: `${
|
|
1604
|
+
/* @__PURE__ */ e.jsx("span", { className: Q.value, children: `${n}, ${o}px` })
|
|
1605
1605
|
] })
|
|
1606
1606
|
]
|
|
1607
1607
|
}
|
|
1608
1608
|
);
|
|
1609
1609
|
}, Hs = () => {
|
|
1610
|
-
const { themeSettings: t, setActiveFont:
|
|
1610
|
+
const { themeSettings: t, setActiveFont: n, activeBlock: o } = $();
|
|
1611
1611
|
C.useEffect(() => (s(), () => {
|
|
1612
1612
|
s();
|
|
1613
1613
|
}), []);
|
|
1614
1614
|
function s() {
|
|
1615
|
-
|
|
1615
|
+
n(null);
|
|
1616
1616
|
}
|
|
1617
|
-
if (
|
|
1617
|
+
if (o != null && o.name)
|
|
1618
1618
|
return /* @__PURE__ */ e.jsx("div", { className: Q.wrapper, children: Object.entries(t.fonts).map(([i, r]) => /* @__PURE__ */ e.jsxs(
|
|
1619
1619
|
"div",
|
|
1620
1620
|
{
|
|
@@ -1643,20 +1643,20 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1643
1643
|
options: Gs,
|
|
1644
1644
|
clicked: qs
|
|
1645
1645
|
}, zs = () => {
|
|
1646
|
-
const { activeBlock: t, setActiveFont:
|
|
1646
|
+
const { activeBlock: t, setActiveFont: n, activeFont: o, themeSettings: s, updateFont: i } = $(), { fonts: r } = Oe(), [a, l] = C.useState(null);
|
|
1647
1647
|
function d() {
|
|
1648
|
-
|
|
1648
|
+
n(null);
|
|
1649
1649
|
}
|
|
1650
|
-
function
|
|
1651
|
-
a &&
|
|
1650
|
+
function g(p, u) {
|
|
1651
|
+
a && o && i(a, o, u, p);
|
|
1652
1652
|
}
|
|
1653
|
-
const h = C.useMemo(() =>
|
|
1653
|
+
const h = C.useMemo(() => o ? s.fonts.heading[o] ? (l("heading"), s.fonts.heading[o]) : s.fonts.paragraph[o] ? (l("paragraph"), s.fonts.paragraph[o]) : (l(null), null) : null, [o, s]);
|
|
1654
1654
|
return /* @__PURE__ */ e.jsxs(
|
|
1655
1655
|
"div",
|
|
1656
1656
|
{
|
|
1657
|
-
className:
|
|
1658
|
-
[ee.open]: (t == null ? void 0 : t.name) === "Fonts" &&
|
|
1659
|
-
[ee.close]: (t == null ? void 0 : t.name) !== "Fonts" || !
|
|
1657
|
+
className: L(ee.wrapper, {
|
|
1658
|
+
[ee.open]: (t == null ? void 0 : t.name) === "Fonts" && o,
|
|
1659
|
+
[ee.close]: (t == null ? void 0 : t.name) !== "Fonts" || !o
|
|
1660
1660
|
}),
|
|
1661
1661
|
children: [
|
|
1662
1662
|
/* @__PURE__ */ e.jsxs(
|
|
@@ -1676,14 +1676,14 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1676
1676
|
]
|
|
1677
1677
|
}
|
|
1678
1678
|
),
|
|
1679
|
-
|
|
1679
|
+
o && h && /* @__PURE__ */ e.jsxs("div", { className: ee.options, children: [
|
|
1680
1680
|
/* @__PURE__ */ e.jsx(
|
|
1681
1681
|
se,
|
|
1682
1682
|
{
|
|
1683
1683
|
label: "Font",
|
|
1684
1684
|
value: h.font,
|
|
1685
|
-
onChange: (
|
|
1686
|
-
options: [...r.filter((
|
|
1685
|
+
onChange: (p) => g(p, "font"),
|
|
1686
|
+
options: [...r.filter((p) => p !== h.font)]
|
|
1687
1687
|
}
|
|
1688
1688
|
),
|
|
1689
1689
|
/* @__PURE__ */ e.jsx(
|
|
@@ -1691,7 +1691,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1691
1691
|
{
|
|
1692
1692
|
label: "Size",
|
|
1693
1693
|
value: String(h.size),
|
|
1694
|
-
onChange: (
|
|
1694
|
+
onChange: (p) => g(p, "size"),
|
|
1695
1695
|
options: Se
|
|
1696
1696
|
}
|
|
1697
1697
|
),
|
|
@@ -1700,7 +1700,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1700
1700
|
{
|
|
1701
1701
|
label: "Weight",
|
|
1702
1702
|
value: String(h.weight),
|
|
1703
|
-
onChange: (
|
|
1703
|
+
onChange: (p) => g(p, "weight"),
|
|
1704
1704
|
options: it
|
|
1705
1705
|
}
|
|
1706
1706
|
)
|
|
@@ -1717,18 +1717,18 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1717
1717
|
options: Ys,
|
|
1718
1718
|
clicked: Js
|
|
1719
1719
|
}, Ve = () => {
|
|
1720
|
-
const { activeBlock: t, themeSettings:
|
|
1720
|
+
const { activeBlock: t, themeSettings: n, updateBorder: o, setActiveBlock: s } = $();
|
|
1721
1721
|
function i(l, d) {
|
|
1722
|
-
|
|
1722
|
+
o(d, l);
|
|
1723
1723
|
}
|
|
1724
1724
|
function r() {
|
|
1725
1725
|
s(null);
|
|
1726
1726
|
}
|
|
1727
|
-
const a = C.useMemo(() =>
|
|
1727
|
+
const a = C.useMemo(() => n.borders, [n]);
|
|
1728
1728
|
return /* @__PURE__ */ e.jsxs(
|
|
1729
1729
|
"div",
|
|
1730
1730
|
{
|
|
1731
|
-
className:
|
|
1731
|
+
className: L(te.wrapper, {
|
|
1732
1732
|
[te.open]: (t == null ? void 0 : t.name) === "Borders",
|
|
1733
1733
|
[te.close]: (t == null ? void 0 : t.name) !== "Borders"
|
|
1734
1734
|
}),
|
|
@@ -1783,18 +1783,18 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1783
1783
|
alignment: ca,
|
|
1784
1784
|
active: da
|
|
1785
1785
|
}, ua = ["left", "center", "right"], Xe = () => {
|
|
1786
|
-
const { activeBlock: t, themeSettings:
|
|
1786
|
+
const { activeBlock: t, themeSettings: n, updateButton: o, setActiveBlock: s } = $();
|
|
1787
1787
|
function i(l, d) {
|
|
1788
|
-
|
|
1788
|
+
o(d, l);
|
|
1789
1789
|
}
|
|
1790
1790
|
function r() {
|
|
1791
1791
|
s(null);
|
|
1792
1792
|
}
|
|
1793
|
-
const a = C.useMemo(() =>
|
|
1793
|
+
const a = C.useMemo(() => n.buttons, [n]);
|
|
1794
1794
|
return /* @__PURE__ */ e.jsxs(
|
|
1795
1795
|
"div",
|
|
1796
1796
|
{
|
|
1797
|
-
className:
|
|
1797
|
+
className: L(E.wrapper, {
|
|
1798
1798
|
[E.open]: (t == null ? void 0 : t.name) === "Buttons",
|
|
1799
1799
|
[E.close]: (t == null ? void 0 : t.name) !== "Buttons"
|
|
1800
1800
|
}),
|
|
@@ -1845,7 +1845,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1845
1845
|
/* @__PURE__ */ e.jsx("div", { className: E.blocks, children: ua.map((l) => /* @__PURE__ */ e.jsx(
|
|
1846
1846
|
"div",
|
|
1847
1847
|
{
|
|
1848
|
-
className:
|
|
1848
|
+
className: L(E.alignment, {
|
|
1849
1849
|
[E.active]: a.alignment === l
|
|
1850
1850
|
}),
|
|
1851
1851
|
onClick: () => {
|
|
@@ -1874,16 +1874,16 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1874
1874
|
(t == null ? void 0 : t.name) === "Buttons" && /* @__PURE__ */ e.jsx(Xe, {})
|
|
1875
1875
|
] });
|
|
1876
1876
|
}, pa = () => {
|
|
1877
|
-
const { activeBlock: t, setActiveBlock:
|
|
1877
|
+
const { activeBlock: t, setActiveBlock: n } = $(), { activeBlock: o } = Ce();
|
|
1878
1878
|
function s() {
|
|
1879
|
-
|
|
1879
|
+
n(null);
|
|
1880
1880
|
}
|
|
1881
1881
|
return /* @__PURE__ */ e.jsxs(
|
|
1882
1882
|
"div",
|
|
1883
1883
|
{
|
|
1884
|
-
className:
|
|
1884
|
+
className: L(re.settings, {
|
|
1885
1885
|
[re.open]: t,
|
|
1886
|
-
[re.close]: !t ||
|
|
1886
|
+
[re.close]: !t || o.name !== "Theme"
|
|
1887
1887
|
}),
|
|
1888
1888
|
children: [
|
|
1889
1889
|
/* @__PURE__ */ e.jsxs("div", { className: re.header, children: [
|
|
@@ -1907,8 +1907,8 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1907
1907
|
}
|
|
1908
1908
|
);
|
|
1909
1909
|
}, ga = () => {
|
|
1910
|
-
const { activeBlock: t } = Ce(), { activeBlock:
|
|
1911
|
-
function
|
|
1910
|
+
const { activeBlock: t } = Ce(), { activeBlock: n } = V();
|
|
1911
|
+
function o() {
|
|
1912
1912
|
switch (t.name) {
|
|
1913
1913
|
case "Layers":
|
|
1914
1914
|
return "Layers";
|
|
@@ -1921,10 +1921,10 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1921
1921
|
}
|
|
1922
1922
|
}
|
|
1923
1923
|
return /* @__PURE__ */ e.jsxs("div", { className: He.sidebar, children: [
|
|
1924
|
-
/* @__PURE__ */ e.jsx("h3", { className: He.title, children:
|
|
1924
|
+
/* @__PURE__ */ e.jsx("h3", { className: He.title, children: o() }),
|
|
1925
1925
|
t.name === "Layers" && /* @__PURE__ */ e.jsx(No, {}),
|
|
1926
1926
|
t.name === "Add" && /* @__PURE__ */ e.jsx(We, {}),
|
|
1927
|
-
/* @__PURE__ */ e.jsx(Ko, { isAdd: !!
|
|
1927
|
+
/* @__PURE__ */ e.jsx(Ko, { isAdd: !!n }),
|
|
1928
1928
|
/* @__PURE__ */ e.jsx(pa, {}),
|
|
1929
1929
|
t.name === "Theme" && /* @__PURE__ */ e.jsx(Ro, {}),
|
|
1930
1930
|
t.name === "Settings" && /* @__PURE__ */ e.jsx(Do, {})
|
|
@@ -1942,32 +1942,32 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1942
1942
|
slug: ka,
|
|
1943
1943
|
title: ja
|
|
1944
1944
|
}, ya = () => {
|
|
1945
|
-
var
|
|
1945
|
+
var j, P, m, y, A, v;
|
|
1946
1946
|
const {
|
|
1947
1947
|
setIsOpenModal: t,
|
|
1948
|
-
pages:
|
|
1949
|
-
createPage:
|
|
1948
|
+
pages: n,
|
|
1949
|
+
createPage: o,
|
|
1950
1950
|
updatePage: s,
|
|
1951
1951
|
isEdit: i,
|
|
1952
1952
|
setIsEdit: r,
|
|
1953
1953
|
editedPage: a,
|
|
1954
1954
|
setEditedPage: l
|
|
1955
|
-
} =
|
|
1956
|
-
a ?
|
|
1957
|
-
), [x,
|
|
1958
|
-
a ?
|
|
1955
|
+
} = D(), { createPage: d, updatePage: g } = M(), [h, p] = C.useState(a ? n && ((j = n[a]) == null ? void 0 : j.path) : ""), [u, c] = C.useState(a ? n && ((P = n[a]) == null ? void 0 : P.name) : ""), [_, w] = C.useState(
|
|
1956
|
+
a ? n && n[a].seo && (((m = n[a]) == null ? void 0 : m.seo.description) || "") : ""
|
|
1957
|
+
), [x, b] = C.useState(
|
|
1958
|
+
a ? n && ((y = n[a]) == null ? void 0 : y.visibility) : "public"
|
|
1959
1959
|
);
|
|
1960
|
-
function
|
|
1961
|
-
|
|
1960
|
+
function N() {
|
|
1961
|
+
p(""), c(""), w(""), b("public"), r(!1), l(null);
|
|
1962
1962
|
}
|
|
1963
|
-
function
|
|
1964
|
-
|
|
1963
|
+
function T() {
|
|
1964
|
+
N(), t(!1);
|
|
1965
1965
|
}
|
|
1966
|
-
function F(
|
|
1967
|
-
return
|
|
1966
|
+
function F(f) {
|
|
1967
|
+
return f[0] === "/" ? f : "/" + f;
|
|
1968
1968
|
}
|
|
1969
|
-
function
|
|
1970
|
-
|
|
1969
|
+
function k() {
|
|
1970
|
+
o({
|
|
1971
1971
|
path: F(h),
|
|
1972
1972
|
name: u || h || "",
|
|
1973
1973
|
icon: "File",
|
|
@@ -1976,25 +1976,25 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
1976
1976
|
description: _ || ""
|
|
1977
1977
|
},
|
|
1978
1978
|
visibility: x || "public"
|
|
1979
|
-
}), d(u),
|
|
1979
|
+
}), d(u), T();
|
|
1980
1980
|
}
|
|
1981
|
-
function
|
|
1982
|
-
|
|
1981
|
+
function B() {
|
|
1982
|
+
n && (g(n[a].name || "", u || h || ""), s(a, {
|
|
1983
1983
|
path: F(h),
|
|
1984
1984
|
name: u || h,
|
|
1985
|
-
icon:
|
|
1985
|
+
icon: n[a].icon || "File",
|
|
1986
1986
|
seo: {
|
|
1987
1987
|
title: u || "",
|
|
1988
1988
|
description: _ || ""
|
|
1989
1989
|
},
|
|
1990
1990
|
visibility: x || "public"
|
|
1991
|
-
})),
|
|
1991
|
+
})), T();
|
|
1992
1992
|
}
|
|
1993
1993
|
return /* @__PURE__ */ e.jsxs(
|
|
1994
1994
|
"div",
|
|
1995
1995
|
{
|
|
1996
1996
|
className: O.wrapper,
|
|
1997
|
-
onClick: (
|
|
1997
|
+
onClick: (f) => f.stopPropagation(),
|
|
1998
1998
|
children: [
|
|
1999
1999
|
/* @__PURE__ */ e.jsxs("div", { className: O.header, children: [
|
|
2000
2000
|
/* @__PURE__ */ e.jsxs("h2", { children: [
|
|
@@ -2007,7 +2007,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
2007
2007
|
name: "X",
|
|
2008
2008
|
fill: "#757575",
|
|
2009
2009
|
hoverable: !0,
|
|
2010
|
-
onClick:
|
|
2010
|
+
onClick: T
|
|
2011
2011
|
}
|
|
2012
2012
|
)
|
|
2013
2013
|
] }),
|
|
@@ -2016,10 +2016,10 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
2016
2016
|
I,
|
|
2017
2017
|
{
|
|
2018
2018
|
label: "Page Slug",
|
|
2019
|
-
onChange: (
|
|
2019
|
+
onChange: (f) => p(f),
|
|
2020
2020
|
value: h,
|
|
2021
2021
|
placeholder: "path-to-page",
|
|
2022
|
-
disabled: !!(a &&
|
|
2022
|
+
disabled: !!(a && n && ((A = n[a]) != null && A.name) && le.includes(n[a].name)),
|
|
2023
2023
|
required: !0,
|
|
2024
2024
|
regex: "^.+$"
|
|
2025
2025
|
}
|
|
@@ -2028,17 +2028,17 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
2028
2028
|
I,
|
|
2029
2029
|
{
|
|
2030
2030
|
label: "Page Title",
|
|
2031
|
-
onChange: (
|
|
2031
|
+
onChange: (f) => c(f),
|
|
2032
2032
|
value: u,
|
|
2033
2033
|
placeholder: "Contact us",
|
|
2034
|
-
disabled: !!(a &&
|
|
2034
|
+
disabled: !!(a && n && ((v = n[a]) != null && v.name) && le.includes(n[a].name))
|
|
2035
2035
|
}
|
|
2036
2036
|
),
|
|
2037
2037
|
/* @__PURE__ */ e.jsx(
|
|
2038
2038
|
lt,
|
|
2039
2039
|
{
|
|
2040
2040
|
label: "Description",
|
|
2041
|
-
onChange: (
|
|
2041
|
+
onChange: (f) => w(f),
|
|
2042
2042
|
value: _,
|
|
2043
2043
|
placeholder: "Contact us at any time of the day or night. You are always welcome",
|
|
2044
2044
|
maxLength: 150
|
|
@@ -2059,7 +2059,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
2059
2059
|
label: "Private"
|
|
2060
2060
|
}
|
|
2061
2061
|
],
|
|
2062
|
-
onChange: (
|
|
2062
|
+
onChange: (f) => b(f)
|
|
2063
2063
|
}
|
|
2064
2064
|
),
|
|
2065
2065
|
/* @__PURE__ */ e.jsxs("div", { className: O.preview, children: [
|
|
@@ -2076,14 +2076,14 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
2076
2076
|
K,
|
|
2077
2077
|
{
|
|
2078
2078
|
className: O.cancel,
|
|
2079
|
-
onClick:
|
|
2079
|
+
onClick: T,
|
|
2080
2080
|
children: "Cancel"
|
|
2081
2081
|
}
|
|
2082
2082
|
),
|
|
2083
2083
|
/* @__PURE__ */ e.jsx(
|
|
2084
2084
|
K,
|
|
2085
2085
|
{
|
|
2086
|
-
onClick: i ?
|
|
2086
|
+
onClick: i ? B : k,
|
|
2087
2087
|
disabled: h.length === 0,
|
|
2088
2088
|
children: i ? "Update" : "Create"
|
|
2089
2089
|
}
|
|
@@ -2097,7 +2097,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
2097
2097
|
main: Aa,
|
|
2098
2098
|
content: Pa
|
|
2099
2099
|
}, La = () => {
|
|
2100
|
-
const { isOpenModal: t, setIsOpenModal:
|
|
2100
|
+
const { isOpenModal: t, setIsOpenModal: n } = D(), { openModal: o, setOpenModal: s } = dt();
|
|
2101
2101
|
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
2102
2102
|
/* @__PURE__ */ e.jsxs("div", { className: je.layout, children: [
|
|
2103
2103
|
/* @__PURE__ */ e.jsx(fn, {}),
|
|
@@ -2109,12 +2109,12 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
|
|
|
2109
2109
|
] })
|
|
2110
2110
|
] })
|
|
2111
2111
|
] }),
|
|
2112
|
-
t && /* @__PURE__ */ e.jsx(Te, { close:
|
|
2113
|
-
|
|
2112
|
+
t && /* @__PURE__ */ e.jsx(Te, { close: n, children: /* @__PURE__ */ e.jsx(ya, {}) }),
|
|
2113
|
+
o && /* @__PURE__ */ e.jsx(Te, { close: s, children: /* @__PURE__ */ e.jsx(ut, {}) })
|
|
2114
2114
|
] });
|
|
2115
2115
|
};
|
|
2116
|
-
async function ne(t,
|
|
2117
|
-
const
|
|
2116
|
+
async function ne(t, n) {
|
|
2117
|
+
const o = localStorage.getItem("shopId") || void 0, s = `${Be}/${t}/builder/shops/${o}/${n}`, i = localStorage.getItem("sellerAccessToken") || void 0;
|
|
2118
2118
|
return (await be.get(s, {
|
|
2119
2119
|
headers: {
|
|
2120
2120
|
Authorization: `Bearer ${i}`
|
|
@@ -2123,7 +2123,7 @@ async function ne(t, o) {
|
|
|
2123
2123
|
}
|
|
2124
2124
|
async function Ta() {
|
|
2125
2125
|
try {
|
|
2126
|
-
const [t,
|
|
2126
|
+
const [t, n, o, s, i, r] = await Promise.allSettled([
|
|
2127
2127
|
ne("v1", "general"),
|
|
2128
2128
|
ne("v1", "faqs"),
|
|
2129
2129
|
ne("v1", "listings"),
|
|
@@ -2133,8 +2133,8 @@ async function Ta() {
|
|
|
2133
2133
|
]);
|
|
2134
2134
|
return {
|
|
2135
2135
|
general: t,
|
|
2136
|
-
faqs:
|
|
2137
|
-
listings:
|
|
2136
|
+
faqs: n,
|
|
2137
|
+
listings: o,
|
|
2138
2138
|
products: s,
|
|
2139
2139
|
reviews: i,
|
|
2140
2140
|
categories: r
|
|
@@ -2156,57 +2156,57 @@ async function Na() {
|
|
|
2156
2156
|
function Ea() {
|
|
2157
2157
|
const {
|
|
2158
2158
|
editBlock: t,
|
|
2159
|
-
currentBlock:
|
|
2160
|
-
blocks:
|
|
2159
|
+
currentBlock: n,
|
|
2160
|
+
blocks: o,
|
|
2161
2161
|
header: s,
|
|
2162
2162
|
setHeader: i,
|
|
2163
2163
|
footer: r,
|
|
2164
2164
|
setFooter: a
|
|
2165
|
-
} = M.getState(), { currentPage: l, pages: d } =
|
|
2166
|
-
if (!h &&
|
|
2167
|
-
|
|
2168
|
-
const
|
|
2165
|
+
} = M.getState(), { currentPage: l, pages: d } = D.getState(), { currentInstance: g, activeBlock: h } = V.getState();
|
|
2166
|
+
if (!h && g && d) {
|
|
2167
|
+
n === "header" && i(s), n === "footer" && a(r);
|
|
2168
|
+
const p = {
|
|
2169
2169
|
blockSettings: {}
|
|
2170
2170
|
};
|
|
2171
|
-
Object.keys(
|
|
2172
|
-
|
|
2173
|
-
}), t(d[l].name,
|
|
2174
|
-
name:
|
|
2175
|
-
value:
|
|
2171
|
+
Object.keys(g.blockSettings).filter((u) => !["displayName", "isAddable"].includes(u)).map((u) => {
|
|
2172
|
+
p.blockSettings[u] = g.blockSettings[u];
|
|
2173
|
+
}), t(d[l].name, n, {
|
|
2174
|
+
name: o[d[l].name][n].name,
|
|
2175
|
+
value: p
|
|
2176
2176
|
});
|
|
2177
2177
|
}
|
|
2178
2178
|
}
|
|
2179
2179
|
async function Fa() {
|
|
2180
|
-
const t = localStorage.getItem("shopId"),
|
|
2181
|
-
return (await be.get(
|
|
2180
|
+
const t = localStorage.getItem("shopId"), n = localStorage.getItem("draftId"), o = `${Be}/v2/builder/shops/${t}/drafts/${n}/pages`, s = localStorage.getItem("sellerAccessToken");
|
|
2181
|
+
return (await be.get(o, {
|
|
2182
2182
|
headers: {
|
|
2183
2183
|
Authorization: `Bearer ${s}`
|
|
2184
2184
|
}
|
|
2185
2185
|
})).data;
|
|
2186
2186
|
}
|
|
2187
2187
|
async function Da() {
|
|
2188
|
-
const t = localStorage.getItem("shopId") || void 0,
|
|
2189
|
-
return (await be.get(
|
|
2188
|
+
const t = localStorage.getItem("shopId") || void 0, n = localStorage.getItem("draftId") || void 0, o = `${Be}/v2/builder/shops/${t}/drafts/${n}/all`, s = localStorage.getItem("sellerAccessToken") || void 0;
|
|
2189
|
+
return (await be.get(o, {
|
|
2190
2190
|
headers: {
|
|
2191
2191
|
Authorization: `Bearer ${s}`
|
|
2192
2192
|
}
|
|
2193
2193
|
})).data;
|
|
2194
2194
|
}
|
|
2195
2195
|
const Ma = (t) => {
|
|
2196
|
-
const { blocks:
|
|
2196
|
+
const { blocks: n, settings: o, header: s, footer: i } = t, { setBlocks: r, setSourceBlocks: a } = V(), { fonts: l, setFonts: d } = Oe(), { setSettings: g } = Y(), { setPageContext: h } = D(), { setHeader: p, setFooter: u, setBlocks: c } = M(), { setThemeSettings: _ } = $();
|
|
2197
2197
|
return C.useEffect(() => {
|
|
2198
|
-
const
|
|
2199
|
-
Object.keys(
|
|
2200
|
-
|
|
2201
|
-
}), a(
|
|
2202
|
-
const { data:
|
|
2203
|
-
if (_(
|
|
2204
|
-
(
|
|
2205
|
-
),
|
|
2206
|
-
const
|
|
2207
|
-
d([...
|
|
2198
|
+
const w = {};
|
|
2199
|
+
Object.keys(n).map((b) => {
|
|
2200
|
+
w[b] = n[b];
|
|
2201
|
+
}), a(w), r(w), p(s), u(i), (async () => {
|
|
2202
|
+
const { data: b } = await Da(), { settings: N, themeSettings: T, layers: F } = b;
|
|
2203
|
+
if (_(T), c(F), Object.keys(N).forEach(
|
|
2204
|
+
(j) => o[j] = N[j]
|
|
2205
|
+
), g(o), l.length === 0) {
|
|
2206
|
+
const j = await Na();
|
|
2207
|
+
d([...j.map((P) => P.family)]);
|
|
2208
2208
|
}
|
|
2209
|
-
let
|
|
2209
|
+
let k = {
|
|
2210
2210
|
listings: null,
|
|
2211
2211
|
products: null,
|
|
2212
2212
|
reviews: null,
|
|
@@ -2214,60 +2214,60 @@ const Ma = (t) => {
|
|
|
2214
2214
|
faqs: null,
|
|
2215
2215
|
general: null
|
|
2216
2216
|
};
|
|
2217
|
-
const
|
|
2218
|
-
Object.keys(
|
|
2219
|
-
const
|
|
2220
|
-
|
|
2221
|
-
}), h(
|
|
2217
|
+
const B = await Ta();
|
|
2218
|
+
Object.keys(B).map((j) => {
|
|
2219
|
+
const P = j;
|
|
2220
|
+
k[P] = B[P].value.data;
|
|
2221
|
+
}), h(k);
|
|
2222
2222
|
})();
|
|
2223
2223
|
}, []), /* @__PURE__ */ e.jsx(La, {});
|
|
2224
2224
|
}, $a = (t) => {
|
|
2225
|
-
const { blocks:
|
|
2225
|
+
const { blocks: n, settings: o, header: s, footer: i } = t, [r, a] = C.useState(!0), l = pt();
|
|
2226
2226
|
return C.useEffect(() => {
|
|
2227
2227
|
a(!0), jt() ? a(!1) : l("/");
|
|
2228
2228
|
}, []), /* @__PURE__ */ e.jsx(e.Fragment, { children: r ? /* @__PURE__ */ e.jsx(ye, {}) : /* @__PURE__ */ e.jsx(
|
|
2229
2229
|
Ma,
|
|
2230
2230
|
{
|
|
2231
|
-
blocks:
|
|
2232
|
-
settings:
|
|
2231
|
+
blocks: n,
|
|
2232
|
+
settings: o,
|
|
2233
2233
|
header: s,
|
|
2234
2234
|
footer: i
|
|
2235
2235
|
}
|
|
2236
2236
|
) });
|
|
2237
2237
|
}, Oa = (t) => {
|
|
2238
|
-
const { blocks:
|
|
2239
|
-
function
|
|
2240
|
-
return
|
|
2238
|
+
const { blocks: n, settings: o, header: s, footer: i } = t, [r, a] = C.useState(null), { setBlocks: l, setSourceBlocks: d } = V(), { setSettings: g } = Y(), { blocks: h, setHeader: p, setFooter: u, createPage: c } = M(), { setPages: _ } = D();
|
|
2239
|
+
function w(T) {
|
|
2240
|
+
return T[0] === "/" ? T.slice(1) : T;
|
|
2241
2241
|
}
|
|
2242
2242
|
C.useEffect(() => {
|
|
2243
|
-
const
|
|
2244
|
-
const
|
|
2245
|
-
if (
|
|
2246
|
-
const
|
|
2247
|
-
|
|
2248
|
-
const
|
|
2249
|
-
h[
|
|
2250
|
-
...
|
|
2243
|
+
const T = async () => {
|
|
2244
|
+
const F = await Fa();
|
|
2245
|
+
if (F.data.length > 0) {
|
|
2246
|
+
const k = {};
|
|
2247
|
+
F.data.forEach((j) => {
|
|
2248
|
+
const P = w(j.path);
|
|
2249
|
+
h[P] || c(P), j.path === "/" ? k["/"] = {
|
|
2250
|
+
...j,
|
|
2251
2251
|
icon: fe.home.icon,
|
|
2252
2252
|
name: "home"
|
|
2253
|
-
} : fe[
|
|
2254
|
-
...
|
|
2255
|
-
icon: fe[
|
|
2256
|
-
name:
|
|
2257
|
-
} :
|
|
2258
|
-
...
|
|
2253
|
+
} : fe[P] ? k[P] = {
|
|
2254
|
+
...j,
|
|
2255
|
+
icon: fe[P].icon,
|
|
2256
|
+
name: P
|
|
2257
|
+
} : k[P] = {
|
|
2258
|
+
...j,
|
|
2259
2259
|
icon: "File",
|
|
2260
|
-
name:
|
|
2260
|
+
name: P
|
|
2261
2261
|
};
|
|
2262
2262
|
});
|
|
2263
|
-
const
|
|
2263
|
+
const B = St([
|
|
2264
2264
|
{
|
|
2265
2265
|
path: "/admin/builder",
|
|
2266
2266
|
element: /* @__PURE__ */ e.jsx(
|
|
2267
2267
|
$a,
|
|
2268
2268
|
{
|
|
2269
|
-
blocks:
|
|
2270
|
-
settings:
|
|
2269
|
+
blocks: n,
|
|
2270
|
+
settings: o,
|
|
2271
2271
|
header: s,
|
|
2272
2272
|
footer: i
|
|
2273
2273
|
}
|
|
@@ -2297,25 +2297,25 @@ const Ma = (t) => {
|
|
|
2297
2297
|
path: "/customer-dash",
|
|
2298
2298
|
element: /* @__PURE__ */ e.jsx(wt, {})
|
|
2299
2299
|
},
|
|
2300
|
-
...Pt(
|
|
2300
|
+
...Pt(k)
|
|
2301
2301
|
]);
|
|
2302
|
-
a(
|
|
2302
|
+
a(B), _(k);
|
|
2303
2303
|
}
|
|
2304
2304
|
};
|
|
2305
2305
|
if (!r) {
|
|
2306
|
-
const
|
|
2307
|
-
Object.keys(
|
|
2308
|
-
|
|
2309
|
-
}), d(
|
|
2306
|
+
const F = {};
|
|
2307
|
+
Object.keys(n).map((k) => {
|
|
2308
|
+
F[k] = n[k];
|
|
2309
|
+
}), d(F), l(F), p(s), u(i), g(o), T();
|
|
2310
2310
|
}
|
|
2311
2311
|
}, [r]);
|
|
2312
|
-
const
|
|
2312
|
+
const x = window.location.hostname.includes("localhost") ? "flagship-theme.pages.dev" : window.location.hostname, b = localStorage.getItem("shopPassword"), N = localStorage.getItem("shopId") || "";
|
|
2313
2313
|
return /* @__PURE__ */ e.jsx(e.Fragment, { children: r && /* @__PURE__ */ e.jsx(
|
|
2314
2314
|
gt,
|
|
2315
2315
|
{
|
|
2316
|
-
shopDomain:
|
|
2317
|
-
shopId:
|
|
2318
|
-
shopPassword:
|
|
2316
|
+
shopDomain: x,
|
|
2317
|
+
shopId: N,
|
|
2318
|
+
shopPassword: b || void 0,
|
|
2319
2319
|
routes: {
|
|
2320
2320
|
Checkout: "/checkout",
|
|
2321
2321
|
TopUp: "/top-up",
|