@billgangcom/theme-lib 1.13.0 → 1.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/abstractions/PageContext.d.ts +103 -4
  2. package/dist/builder/utils/fetchData.d.ts +9 -3
  3. package/dist/builder.cjs.js +3 -3
  4. package/dist/builder.es.js +495 -488
  5. package/dist/ui/ProductOptions/index.d.ts +6 -0
  6. package/dist/ui/index.d.ts +1 -0
  7. package/dist/ui.cjs.js +1 -1
  8. package/dist/ui.es.js +716 -595
  9. package/package.json +1 -1
package/dist/builder.es.js CHANGED
@@ -1,6 +1,6 @@
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)}}._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_wxpoz_1{position:absolute;top:0;left:0;width:100%;padding:11px 22px;line-height:20px;border-bottom:var(--default-border);display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:50000}._left_wxpoz_16,._right_wxpoz_17{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_1q26s_1{position:relative}._default_1q26s_5{display:flex;align-items:center;gap:4px;padding:10px 12px;background-color:var(--background-color);border-radius:8px;cursor:pointer;position:relative}._text_1q26s_16{padding-right:4px;color:var(--main-color);flex:1 1 auto}._modal_1q26s_22{position:absolute;top:45px;width:320px;left:0;z-index:100;background-color:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:8px 12px;display:flex;flex-direction:column}._page_1q26s_1{display:flex;align-items:center;gap:8px;padding:12px 8px;border-radius:8px;cursor:pointer}._hoverable_1q26s_45{background-color:var(--background-color)}._separator_1q26s_49{border-bottom:1px solid #f0f0f0}._button_1q26s_53{background:inherit;color:#ff3f19;display:flex;align-items:center;justify-content:start;gap:8px;padding:16px 8px 12px;transition:.2s}._button_1q26s_53:hover{background-color:var(--background-color)}._items_1q26s_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_1v9dl_1{width:100%;background-color:var(--background-color);padding:16px 32px 0;position:relative;z-index:500}._main_1v9dl_9{width:100%;display:flex;flex-direction:column;overflow-y:auto;height:100%;position:relative;z-index:1}._content_1v9dl_19{background-color:#fff;border:var(--default-border);border-bottom:none;height:100%}._loading_1v9dl_26{width:100%;height:100%;display:flex;justify-content:center;align-items:center}._loader_1v9dl_34{border:4px solid rgba(0,0,0,.1);border-left-color:#f8f8f8;border-radius:50%;width:40px;height:40px;animation:_spin_1v9dl_1 1s linear infinite}@keyframes _spin_1v9dl_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_92dk8_1{width:100%;height:100%}._block_92dk8_6{position:relative;cursor:pointer;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6}._active_92dk8_13{border:2px solid #ff3f19}._name_92dk8_17{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_92dk8_31{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}._icon_92dk8_42{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_92dk8_53{font-weight:700;font-size:24px;line-height:32px}._text_92dk8_59{font-size:16px;line-height:24px;color:var(--accent-color)}._sections_92dk8_65{padding:0 20px;margin:20px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:24px}._section_92dk8_65{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_1r5sp_1{max-width:320px;width:100%;padding:16px;border-right:var(--default-border);height:100%;position:relative}._title_1r5sp_10{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px;padding-bottom:8px}._active_1r5sp_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_1lk1m_1{display:flex;align-items:center;gap:8px;padding-bottom:8px}._render_1lk1m_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_1lk1m_23{animation:.2s _open_1lk1m_23 forwards}@keyframes _open_1lk1m_23{0%{transform:translate(320px);z-index:1}99%{z-index:1}to{z-index:5000;transform:translate(0)}}@keyframes _close_1lk1m_50{0%{z-index:1;transform:translate(0)}to{z-index:1;transform:translate(320px)}}._close_1lk1m_50{animation:.2s _close_1lk1m_50 forwards}._clicked_1lk1m_54{opacity:0}._title_1lk1m_58{color:var(--main-color);font-weight:700;font-size:20px;line-height:24px}._button_1lk1m_65{align-self:center;flex:1}._loading_1lk1m_70{flex:1 1 auto}._settings_1lk1m_74{flex:1 1 auto;overflow-y:scroll;overflow-x:hidden}._buttons_1lk1m_80{justify-content:flex-end;display:flex;gap:10px}._deleteButton_1lk1m_86{display:flex;align-items:center;border-radius:8px;padding:8px;transition:.2s background-color}._deleteButton_1lk1m_86: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_kjedu_1{width:100%;height:100%;display:flex;position:relative}._main_kjedu_8{display:flex;flex-direction:column;width:100%;position:relative}._content_kjedu_15{position:relative;padding-top:64px;height:100%;display:flex}*{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}#root{height:100vh}body,html{background-color:#fff;font-family:Archivo,sans-serif;max-height:100vh;overflow:hidden}._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}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
2
- import { j as e, I as m, k as ze, c as y, l as Y, m as N, n as A, o as We, B as Q, p as H, q as J, r as Ve, s as Se, t as K, w as Xe, x as _e, y as $e, z as I, e as je, L as ye, D as Ke, H as Qe, u as Ye, d as Je, f as ae, g as Ze, a as $, b as se, A as Ce, S as Be, P as Ae, E as He, F as et, T as tt, R as nt, G as ot, M as Pe, i as st, J as ke } from "./index-DXTECGbt.js";
3
- import x, { useMemo as Re } from "react";
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)}}._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}*{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}._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}')),document.head.appendChild(e)}}catch(o){console.error("vite-plugin-css-injected-by-js",o)}})();
2
+ import { j as e, I as m, k as ze, c as B, l as Y, m as P, n as L, o as We, B as Q, p as H, q as J, r as Ve, s as Se, t as K, w as Xe, x as _e, y as $e, z as I, e as je, L as ye, D as Ke, H as Qe, u as Ye, d as Je, f as ie, g as Ze, a as $, b as se, A as Ce, S as Be, P as Ae, E as He, F as et, T as tt, R as nt, G as ot, M as Pe, i as st, J as ke } from "./index-DXTECGbt.js";
3
+ import v, { useMemo as Re } from "react";
4
4
  const rt = [
5
5
  {
6
6
  icon: "Desktop",
@@ -35,7 +35,7 @@ const rt = [
35
35
  icon: "Textbox",
36
36
  name: "Inputs"
37
37
  }
38
- ], Ee = "https://g-api.billgang.com", it = "https://www.googleapis.com/webfonts/v1/webfonts", ie = [
38
+ ], Ee = "https://g-api.billgang.com", it = "https://www.googleapis.com/webfonts/v1/webfonts", le = [
39
39
  "home",
40
40
  "reviews",
41
41
  "faqs",
@@ -136,16 +136,16 @@ const rt = [
136
136
  height: 20
137
137
  }
138
138
  )
139
- ] }), ht = "_devices_hxl12_1", gt = "_device_hxl12_1", pt = "_active_hxl12_23", xe = {
139
+ ] }), ht = "_devices_hxl12_1", pt = "_device_hxl12_1", gt = "_active_hxl12_23", xe = {
140
140
  devices: ht,
141
- device: gt,
142
- active: pt
141
+ device: pt,
142
+ active: gt
143
143
  }, mt = () => {
144
144
  const { currentDevice: t, setCurrentDevice: o } = ze();
145
145
  return /* @__PURE__ */ e.jsx("div", { className: xe.devices, children: rt.map((n) => /* @__PURE__ */ e.jsx(
146
146
  "div",
147
147
  {
148
- className: y(xe.device, {
148
+ className: B(xe.device, {
149
149
  [xe.active]: t === n
150
150
  }),
151
151
  onClick: () => o(n),
@@ -161,7 +161,7 @@ const rt = [
161
161
  },
162
162
  n.value
163
163
  )) });
164
- }, Ct = "_header_wxpoz_1", St = "_left_wxpoz_16", _t = "_right_wxpoz_17", de = {
164
+ }, Ct = "_header_zvaam_1", St = "_left_zvaam_12", _t = "_right_zvaam_13", ue = {
165
165
  header: Ct,
166
166
  left: St,
167
167
  right: _t
@@ -173,7 +173,7 @@ const rt = [
173
173
  return /* @__PURE__ */ e.jsxs(
174
174
  "div",
175
175
  {
176
- className: y(fe.preview, {
176
+ className: B(fe.preview, {
177
177
  [fe.active]: t
178
178
  }),
179
179
  onClick: () => o(!t),
@@ -190,8 +190,8 @@ const rt = [
190
190
  ]
191
191
  }
192
192
  );
193
- }, wt = "_settings_q79q3_1", vt = {
194
- settings: wt
193
+ }, vt = "_settings_q79q3_1", wt = {
194
+ settings: vt
195
195
  }, kt = "_language_1mbvp_1", jt = "_text_1mbvp_11", Le = {
196
196
  language: kt,
197
197
  text: jt
@@ -214,9 +214,9 @@ const rt = [
214
214
  height: 20
215
215
  }
216
216
  )
217
- ] }), Bt = "_pages_1q26s_1", At = "_text_1q26s_16", Pt = "_modal_1q26s_22", Lt = "_page_1q26s_1", Tt = "_hoverable_1q26s_45", Nt = "_separator_1q26s_49", Ft = "_button_1q26s_53", Dt = "_items_1q26s_67", O = {
217
+ ] }), Bt = "_pages_sf7rl_1", At = "_text_sf7rl_16", Pt = "_modal_sf7rl_22", Lt = "_page_sf7rl_1", Tt = "_hoverable_sf7rl_45", Nt = "_separator_sf7rl_49", Ft = "_button_sf7rl_53", Dt = "_items_sf7rl_67", O = {
218
218
  pages: Bt,
219
- default: "_default_1q26s_5",
219
+ default: "_default_sf7rl_5",
220
220
  text: At,
221
221
  modal: Pt,
222
222
  page: Lt,
@@ -235,8 +235,8 @@ const rt = [
235
235
  deletePage: s,
236
236
  isOpenSelectModal: l,
237
237
  setIsOpenSelectModal: c
238
- } = N(), { deletePage: S } = A(), [C, u] = x.useState("");
239
- return x.useEffect(() => {
238
+ } = P(), { deletePage: p } = L(), [C, d] = v.useState("");
239
+ return v.useEffect(() => {
240
240
  const h = () => {
241
241
  c(!1);
242
242
  };
@@ -261,7 +261,7 @@ const rt = [
261
261
  height: 20
262
262
  }
263
263
  ),
264
- /* @__PURE__ */ e.jsx("span", { className: O.text, children: r && ie.includes(r[t].name) ? `${U(r[t].name)} page` : r && r[t].name }),
264
+ /* @__PURE__ */ e.jsx("span", { className: O.text, children: r && le.includes(r[t].name) ? `${U(r[t].name)} page` : r && r[t].name }),
265
265
  /* @__PURE__ */ e.jsx(
266
266
  m,
267
267
  {
@@ -280,50 +280,50 @@ const rt = [
280
280
  onClick: (h) => h.stopPropagation(),
281
281
  children: [
282
282
  r && /* @__PURE__ */ e.jsx("div", { className: O.items, children: Object.keys(r).map((h) => {
283
- const d = r[h];
283
+ const u = r[h];
284
284
  return /* @__PURE__ */ e.jsxs(
285
285
  "div",
286
286
  {
287
- className: y(O.page, {
287
+ className: B(O.page, {
288
288
  [O.hoverable]: C === h
289
289
  }),
290
- onMouseEnter: () => u(h),
291
- onMouseLeave: () => u(""),
290
+ onMouseEnter: () => d(h),
291
+ onMouseLeave: () => d(""),
292
292
  onClick: () => {
293
- u(""), i(!1), o(h), c(!1);
293
+ d(""), i(!1), o(h), c(!1);
294
294
  },
295
295
  children: [
296
296
  /* @__PURE__ */ e.jsx(
297
297
  m,
298
298
  {
299
- name: d.icon,
299
+ name: u.icon,
300
300
  fill: "#252525"
301
301
  }
302
302
  ),
303
- /* @__PURE__ */ e.jsx("span", { className: O.text, children: ie.includes(d.name) ? `${U(d.name)} page` : d.name }),
303
+ /* @__PURE__ */ e.jsx("span", { className: O.text, children: le.includes(u.name) ? `${U(u.name)} page` : u.name }),
304
304
  C === h && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
305
305
  /* @__PURE__ */ e.jsx(
306
306
  m,
307
307
  {
308
308
  name: "Gear",
309
309
  fill: "#757575",
310
- onClick: (_) => {
311
- _.stopPropagation(), i(!0), a(h), n(!0);
310
+ onClick: (f) => {
311
+ f.stopPropagation(), i(!0), a(h), n(!0);
312
312
  }
313
313
  }
314
314
  ),
315
- !ie.includes(d.name) && /* @__PURE__ */ e.jsx(
315
+ !le.includes(u.name) && /* @__PURE__ */ e.jsx(
316
316
  m,
317
317
  {
318
318
  name: "Trash",
319
319
  fill: "#C12A2A",
320
- onClick: (_) => {
321
- r[t].name === d.name && o("home"), _.stopPropagation(), s(h), S(d.name), We(d.path);
320
+ onClick: (f) => {
321
+ r[t].name === u.name && o("home"), f.stopPropagation(), s(h), p(u.name), We(u.path);
322
322
  }
323
323
  }
324
324
  )
325
325
  ] }),
326
- r[t].name === d.name && /* @__PURE__ */ e.jsx(
326
+ r[t].name === u.name && /* @__PURE__ */ e.jsx(
327
327
  m,
328
328
  {
329
329
  name: "Check",
@@ -363,10 +363,10 @@ const rt = [
363
363
  }, $t = "_zoom_a77cn_1", Ht = {
364
364
  zoom: $t
365
365
  }, Rt = () => {
366
- const [t, o] = x.useState(), n = () => {
366
+ const [t, o] = v.useState(), n = () => {
367
367
  o(Number(Math.round(window.devicePixelRatio * 50).toFixed(0)));
368
368
  };
369
- return x.useEffect(() => (n(), window.addEventListener("resize", n), () => {
369
+ return v.useEffect(() => (n(), window.addEventListener("resize", n), () => {
370
370
  window.removeEventListener("resize", n);
371
371
  }), []), /* @__PURE__ */ e.jsxs("div", { className: Ht.zoom, children: [
372
372
  /* @__PURE__ */ e.jsx(
@@ -382,7 +382,7 @@ const rt = [
382
382
  " %"
383
383
  ] })
384
384
  ] });
385
- }, Et = () => /* @__PURE__ */ e.jsxs("div", { className: vt.settings, children: [
385
+ }, Et = () => /* @__PURE__ */ e.jsxs("div", { className: wt.settings, children: [
386
386
  /* @__PURE__ */ e.jsx(yt, {}),
387
387
  /* @__PURE__ */ e.jsx(Mt, {}),
388
388
  /* @__PURE__ */ e.jsx(Rt, {})
@@ -398,77 +398,86 @@ const rt = [
398
398
  }
399
399
  ),
400
400
  /* @__PURE__ */ e.jsx("div", { children: "Current Theme" })
401
- ] }), qt = () => {
402
- const { themeSettings: t } = H(), { settings: o } = J(), [n, r] = x.useState(null), [i, a] = x.useState(!1), { pages: s } = N(), { blocks: l } = A();
403
- function c(d, _) {
404
- return _.map(
405
- (f) => Object.values(f.value.blockSettings).filter((B) => B.type === d).map((B) => B.value).flat()
406
- ).flat().map((f) => f.listingId);
401
+ ] }), Gt = () => {
402
+ const { themeSettings: t } = H(), { settings: o } = J(), { isOpenSelectModal: n } = P(), [r, i] = v.useState(null), [a, s] = v.useState(!1), { pages: l } = P(), { blocks: c } = L();
403
+ function p(f, S) {
404
+ return S.map(
405
+ (_) => Object.values(_.value.blockSettings).filter((A) => A.type === f).map((A) => A.value).flat()
406
+ ).flat().map((_) => _.listingId);
407
407
  }
408
- function S(d, _) {
409
- return c(d, _).some((f) => f);
408
+ function C(f, S) {
409
+ return p(f, S).some((_) => _);
410
410
  }
411
- function C(d, _) {
412
- const g = c(d, _);
413
- return Array.isArray(g) && g.length > 0 ? Math.max(...g) : 0;
411
+ function d(f, S) {
412
+ const b = p(f, S);
413
+ return Array.isArray(b) && b.length > 0 ? Math.max(...b) : 0;
414
414
  }
415
- function u(d) {
416
- if (s) {
417
- const _ = Object.keys(s).find((g) => s[g].name === d);
418
- if (_) return s[_];
415
+ function h(f) {
416
+ if (l) {
417
+ const S = Object.keys(l).find((b) => l[b].name === f);
418
+ if (S) return l[S];
419
419
  }
420
420
  return null;
421
421
  }
422
- const h = () => {
423
- if (i)
424
- n && clearTimeout(n);
422
+ const u = () => {
423
+ if (a)
424
+ r && clearTimeout(r);
425
425
  else {
426
- const _ = Object.keys(l).map((g) => {
427
- const f = u(g);
426
+ const S = Object.keys(c).map((b) => {
427
+ const _ = h(b);
428
428
  return {
429
- name: f ? f.name : g,
430
- path: g === "home" ? "/" : (f == null ? void 0 : f.path) || g,
429
+ name: _ ? _.name : b,
430
+ path: b === "home" ? "/" : (_ == null ? void 0 : _.path) || b,
431
431
  layout: {
432
- ...l[g]
432
+ ...c[b]
433
433
  },
434
- neededProductIds: [...c("ProductId", Object.values(l[g]))],
435
- neededCategoryIds: [...c("CategoryId", Object.values(l[g]))],
436
- neededAnnouncementIds: [...c("AnnouncementId", Object.values(l[g]))],
437
- neededListingIds: [...c("listings", Object.values(l[g]))],
438
- neededFaqs: S("Faqs", Object.values(l[g])),
439
- neededReviewCount: C("ReviewCount", Object.values(l[g])),
434
+ neededProductIds: [...p("ProductId", Object.values(c[b]))],
435
+ neededCategoryIds: [...p("CategoryId", Object.values(c[b]))],
436
+ neededAnnouncementIds: [...p("AnnouncementId", Object.values(c[b]))],
437
+ neededListingIds: [...p("listings", Object.values(c[b]))],
438
+ neededFaqs: C("Faqs", Object.values(c[b])),
439
+ neededReviewCount: d("ReviewCount", Object.values(c[b])),
440
440
  seo: {
441
- pageTitle: f && f.seo ? f.seo.title : "",
442
- pageDescription: f && f.seo ? f.seo.description : ""
441
+ pageTitle: _ && _.seo ? _.seo.title : "",
442
+ pageDescription: _ && _.seo ? _.seo.description : ""
443
443
  }
444
444
  };
445
445
  });
446
446
  Ve("POST", "save", {
447
447
  themeSettings: t,
448
448
  settings: o,
449
- updatedPages: _
449
+ updatedPages: S
450
450
  });
451
451
  }
452
- a(!0);
453
- const d = setTimeout(() => {
454
- a(!1);
452
+ s(!0);
453
+ const f = setTimeout(() => {
454
+ s(!1);
455
455
  }, 2e3);
456
- r(d);
456
+ i(f);
457
457
  };
458
- return /* @__PURE__ */ e.jsxs("div", { className: de.header, children: [
459
- /* @__PURE__ */ e.jsxs("div", { className: de.left, children: [
460
- /* @__PURE__ */ e.jsx(mt, {}),
461
- /* @__PURE__ */ e.jsx(ft, {})
462
- ] }),
463
- /* @__PURE__ */ e.jsx("div", { className: de.center, children: /* @__PURE__ */ e.jsx(Et, {}) }),
464
- /* @__PURE__ */ e.jsxs("div", { className: de.right, children: [
465
- /* @__PURE__ */ e.jsx(Ot, {}),
466
- /* @__PURE__ */ e.jsx(ut, {}),
467
- /* @__PURE__ */ e.jsx(Q, { onClick: h, children: "Save" })
468
- ] })
469
- ] });
470
- }, Gt = "_exit_2ce42_1", zt = "_text_2ce42_10", Te = {
471
- exit: Gt,
458
+ return /* @__PURE__ */ e.jsxs(
459
+ "div",
460
+ {
461
+ className: ue.header,
462
+ style: {
463
+ zIndex: n ? 5e4 : 50
464
+ },
465
+ children: [
466
+ /* @__PURE__ */ e.jsxs("div", { className: ue.left, children: [
467
+ /* @__PURE__ */ e.jsx(mt, {}),
468
+ /* @__PURE__ */ e.jsx(ft, {})
469
+ ] }),
470
+ /* @__PURE__ */ e.jsx("div", { className: ue.center, children: /* @__PURE__ */ e.jsx(Et, {}) }),
471
+ /* @__PURE__ */ e.jsxs("div", { className: ue.right, children: [
472
+ /* @__PURE__ */ e.jsx(Ot, {}),
473
+ /* @__PURE__ */ e.jsx(ut, {}),
474
+ /* @__PURE__ */ e.jsx(Q, { onClick: u, children: "Save" })
475
+ ] })
476
+ ]
477
+ }
478
+ );
479
+ }, qt = "_exit_2ce42_1", zt = "_text_2ce42_10", Te = {
480
+ exit: qt,
472
481
  text: zt
473
482
  }, Wt = () => /* @__PURE__ */ e.jsxs("div", { className: Te.exit, children: [
474
483
  /* @__PURE__ */ e.jsx(
@@ -480,23 +489,23 @@ const rt = [
480
489
  }
481
490
  ),
482
491
  /* @__PURE__ */ e.jsx("span", { className: Te.text, children: "Exit" })
483
- ] }), Vt = "_navbar_2ac63_1", Xt = "_main_2ac63_6", Kt = "_block_2ac63_13", Qt = "_active_2ac63_30", ue = {
492
+ ] }), Vt = "_navbar_2ac63_1", Xt = "_main_2ac63_6", Kt = "_block_2ac63_13", Qt = "_active_2ac63_30", he = {
484
493
  navbar: Vt,
485
494
  main: Xt,
486
495
  block: Kt,
487
496
  active: Qt
488
497
  }, Yt = () => {
489
- const { activeBlock: t, setActiveBlock: o } = Se(), { setActiveBlock: n } = K(), { setCurrentBlock: r } = A(), { setActiveBlock: i } = H();
498
+ const { activeBlock: t, setActiveBlock: o } = Se(), { setActiveBlock: n } = K(), { setCurrentBlock: r } = L(), { setActiveBlock: i } = H();
490
499
  function a(s) {
491
500
  n(null), o(s), r(null), i(null);
492
501
  }
493
- return /* @__PURE__ */ e.jsxs("div", { className: ue.navbar, children: [
502
+ return /* @__PURE__ */ e.jsxs("div", { className: he.navbar, children: [
494
503
  /* @__PURE__ */ e.jsx(Wt, {}),
495
- /* @__PURE__ */ e.jsx("div", { className: ue.main, children: Xe.map((s) => /* @__PURE__ */ e.jsxs(
504
+ /* @__PURE__ */ e.jsx("div", { className: he.main, children: Xe.map((s) => /* @__PURE__ */ e.jsxs(
496
505
  "div",
497
506
  {
498
- className: y(ue.block, {
499
- [ue.active]: t.icon === s.icon
507
+ className: B(he.block, {
508
+ [he.active]: t.icon === s.icon
500
509
  }),
501
510
  onClick: () => a(s),
502
511
  children: [
@@ -513,14 +522,14 @@ const rt = [
513
522
  s.icon
514
523
  )) })
515
524
  ] });
516
- }, Jt = "_preview_1v9dl_1", Zt = "_main_1v9dl_9", en = "_content_1v9dl_19", tn = "_loading_1v9dl_26", nn = "_loader_1v9dl_34", on = "_spin_1v9dl_1", he = {
525
+ }, Jt = "_preview_1q4f5_1", Zt = "_main_1q4f5_9", en = "_content_1q4f5_19", tn = "_loading_1q4f5_26", nn = "_loader_1q4f5_34", on = "_spin_1q4f5_1", pe = {
517
526
  preview: Jt,
518
527
  main: Zt,
519
528
  content: en,
520
529
  loading: tn,
521
530
  loader: nn,
522
531
  spin: on
523
- }, sn = "_header_1t64j_1", rn = "_circles_1t64j_14", an = "_circle_1t64j_14", ln = "_red_1t64j_30", cn = "_green_1t64j_34", dn = "_yellow_1t64j_38", un = "_input_1t64j_42", hn = "_main_1t64j_51", gn = "_text_1t64j_59", z = {
532
+ }, sn = "_header_1t64j_1", rn = "_circles_1t64j_14", an = "_circle_1t64j_14", ln = "_red_1t64j_30", cn = "_green_1t64j_34", dn = "_yellow_1t64j_38", un = "_input_1t64j_42", hn = "_main_1t64j_51", pn = "_text_1t64j_59", z = {
524
533
  header: sn,
525
534
  circles: rn,
526
535
  circle: an,
@@ -529,12 +538,12 @@ const rt = [
529
538
  yellow: dn,
530
539
  input: un,
531
540
  main: hn,
532
- text: gn
533
- }, pn = "data:image/svg+xml,%3csvg%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20x='0.5'%20width='16'%20height='16'%20fill='url(%23pattern0_4042_718)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_4042_718'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_4042_718'%20transform='scale(0.015625)'/%3e%3c/pattern%3e%3cimage%20id='image0_4042_718'%20width='64'%20height='64'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAONJREFUeF7t20EOhEAIRFG4/6F7DvEnYeFzryQIv6pBd2behOu9dPvsbog+k+NLgArQAqmJcw9iAAhSgZKB3IJkkAySQTJ4CiE+gA8oBeg0mH3Ai084P89HhqwEqIA209ICsQdjAeaZIgaAYKxBDMCAYy8fXwAIgiAIcoJpJEYGI4VjB3YrbC9gL2AvkCB43cM5PgZgAAZgQFnNZAhdGykQBEEQBEEQDBmgAm2glM/z+QUYisYUGoldO7kY32IEAzCg6RgIRgjFAsw+AgRBMNYgBmCAT2TCYfoPPz/HCqQCX1eBHzHnv7C7WhBSAAAAAElFTkSuQmCC'/%3e%3c/defs%3e%3c/svg%3e", mn = ["red", "yellow", "green"], Cn = () => /* @__PURE__ */ e.jsxs("div", { className: z.header, children: [
541
+ text: pn
542
+ }, gn = "data:image/svg+xml,%3csvg%20width='17'%20height='16'%20viewBox='0%200%2017%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20x='0.5'%20width='16'%20height='16'%20fill='url(%23pattern0_4042_718)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_4042_718'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_4042_718'%20transform='scale(0.015625)'/%3e%3c/pattern%3e%3cimage%20id='image0_4042_718'%20width='64'%20height='64'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAONJREFUeF7t20EOhEAIRFG4/6F7DvEnYeFzryQIv6pBd2behOu9dPvsbog+k+NLgArQAqmJcw9iAAhSgZKB3IJkkAySQTJ4CiE+gA8oBeg0mH3Ai084P89HhqwEqIA209ICsQdjAeaZIgaAYKxBDMCAYy8fXwAIgiAIcoJpJEYGI4VjB3YrbC9gL2AvkCB43cM5PgZgAAZgQFnNZAhdGykQBEEQBEEQDBmgAm2glM/z+QUYisYUGoldO7kY32IEAzCg6RgIRgjFAsw+AgRBMNYgBmCAT2TCYfoPPz/HCqQCX1eBHzHnv7C7WhBSAAAAAElFTkSuQmCC'/%3e%3c/defs%3e%3c/svg%3e", mn = ["red", "yellow", "green"], Cn = () => /* @__PURE__ */ e.jsxs("div", { className: z.header, children: [
534
543
  /* @__PURE__ */ e.jsx("div", { className: z.circles, children: mn.map((t) => /* @__PURE__ */ e.jsx(
535
544
  "div",
536
545
  {
537
- className: y(z.circle, {
546
+ className: B(z.circle, {
538
547
  [z.red]: t === "red",
539
548
  [z.yellow]: t === "yellow",
540
549
  [z.green]: t === "green"
@@ -547,7 +556,7 @@ const rt = [
547
556
  /* @__PURE__ */ e.jsx(
548
557
  "img",
549
558
  {
550
- src: pn,
559
+ src: gn,
551
560
  alt: ""
552
561
  }
553
562
  ),
@@ -571,38 +580,39 @@ const rt = [
571
580
  }
572
581
  )
573
582
  ] })
574
- ] }), Sn = "_content_92dk8_1", _n = "_block_92dk8_6", bn = "_active_92dk8_13", xn = "_name_92dk8_17", fn = "_empty_92dk8_31", wn = "_icon_92dk8_42", vn = "_title_92dk8_53", kn = "_text_92dk8_59", jn = "_sections_92dk8_65", yn = "_section_92dk8_65", ge = {
583
+ ] }), Sn = "_content_1plo6_1", _n = "_main_1plo6_8", bn = "_block_1plo6_12", xn = "_active_1plo6_19", fn = "_name_1plo6_23", vn = "_empty_1plo6_37", wn = "_icon_1plo6_48", kn = "_title_1plo6_59", jn = "_text_1plo6_65", yn = "_sections_1plo6_71", Bn = "_section_1plo6_71", re = {
575
584
  content: Sn,
576
- block: _n,
577
- active: bn,
578
- name: xn,
579
- empty: fn,
585
+ main: _n,
586
+ block: bn,
587
+ active: xn,
588
+ name: fn,
589
+ empty: vn,
580
590
  icon: wn,
581
- title: vn,
582
- text: kn,
583
- sections: jn,
584
- section: yn
585
- }, Bn = "_sidebar_1f3hk_1", An = "_content_1f3hk_12", Pn = "_button_1f3hk_22", Ln = "_moveButton_1f3hk_30", Tn = "_border_1f3hk_34", Nn = "_deleteButton_1f3hk_38", M = {
586
- sidebar: Bn,
587
- content: An,
588
- button: Pn,
589
- moveButton: Ln,
590
- border: Tn,
591
- deleteButton: Nn
592
- }, Fn = () => {
593
- const { activeBlock: t } = Y(), { blocks: o, removeBlock: n, moveBlock: r, duplicateBlock: i } = A(), { currentPage: a, pages: s } = N(), l = s ? Object.keys(o[s[a].name]) : [], c = l.indexOf(t), S = () => {
591
+ title: kn,
592
+ text: jn,
593
+ sections: yn,
594
+ section: Bn
595
+ }, An = "_sidebar_1f3hk_1", Pn = "_content_1f3hk_12", Ln = "_button_1f3hk_22", Tn = "_moveButton_1f3hk_30", Nn = "_border_1f3hk_34", Fn = "_deleteButton_1f3hk_38", M = {
596
+ sidebar: An,
597
+ content: Pn,
598
+ button: Ln,
599
+ moveButton: Tn,
600
+ border: Nn,
601
+ deleteButton: Fn
602
+ }, Dn = () => {
603
+ const { activeBlock: t } = Y(), { blocks: o, removeBlock: n, moveBlock: r, duplicateBlock: i } = L(), { currentPage: a, pages: s } = P(), l = s ? Object.keys(o[s[a].name]) : [], c = l.indexOf(t), p = () => {
594
604
  c > 0 && s && r(s[a].name, c, c - 1);
595
605
  }, C = () => {
596
606
  c < l.length - 1 && s && r(s[a].name, c, c + 1);
597
- }, u = () => {
607
+ }, d = () => {
598
608
  s && i(s[a].name, t);
599
609
  };
600
610
  return /* @__PURE__ */ e.jsx("div", { className: M.sidebar, children: /* @__PURE__ */ e.jsxs("div", { className: M.content, children: [
601
611
  /* @__PURE__ */ e.jsx(
602
612
  "button",
603
613
  {
604
- onClick: S,
605
- className: y(M.button, M.moveButton),
614
+ onClick: p,
615
+ className: B(M.button, M.moveButton),
606
616
  disabled: c === 0,
607
617
  children: /* @__PURE__ */ e.jsx(m, { name: "ArrowUp" })
608
618
  }
@@ -611,7 +621,7 @@ const rt = [
611
621
  "button",
612
622
  {
613
623
  onClick: C,
614
- className: y(M.button, M.moveButton),
624
+ className: B(M.button, M.moveButton),
615
625
  disabled: c === l.length - 1,
616
626
  children: /* @__PURE__ */ e.jsx(m, { name: "ArrowDown" })
617
627
  }
@@ -620,8 +630,8 @@ const rt = [
620
630
  /* @__PURE__ */ e.jsx(
621
631
  "button",
622
632
  {
623
- onClick: u,
624
- className: y(M.button, M.moveButton),
633
+ onClick: d,
634
+ className: B(M.button, M.moveButton),
625
635
  children: /* @__PURE__ */ e.jsx(m, { name: "Copy" })
626
636
  }
627
637
  ),
@@ -632,7 +642,7 @@ const rt = [
632
642
  onClick: () => {
633
643
  s && n(s[a].name, t);
634
644
  },
635
- className: y(M.button, M.deleteButton),
645
+ className: B(M.button, M.deleteButton),
636
646
  children: /* @__PURE__ */ e.jsx(
637
647
  m,
638
648
  {
@@ -643,69 +653,69 @@ const rt = [
643
653
  }
644
654
  )
645
655
  ] }) });
646
- }, Ue = ({ render: t, block: o }) => t(o), Dn = () => {
647
- const { footer: t } = A(), { settings: o } = J(), { pageContext: n } = N();
656
+ }, Ue = ({ render: t, block: o }) => t(o), Mn = () => {
657
+ const { footer: t } = L(), { settings: o } = J(), { pageContext: n } = P();
648
658
  return t == null ? void 0 : t.renderBlock(o, n);
649
- }, Mn = () => {
650
- const { header: t } = A(), { settings: o } = J(), { pageContext: n } = N();
659
+ }, $n = () => {
660
+ const { header: t } = L(), { settings: o } = J(), { pageContext: n } = P();
651
661
  return t == null ? void 0 : t.renderBlock(o, n);
652
- }, $n = x.memo(() => {
653
- const { setActiveBlock: t, activeBlock: o } = Y(), { blocks: n } = K(), { blocks: r } = A(), { settings: i } = J(), { currentPage: a, pages: s, setIsOpenSelectModal: l, pageContext: c } = N(), S = x.useRef(o);
654
- x.useEffect(() => {
655
- S.current = o;
656
- }, [o]), x.useEffect(() => {
657
- const u = () => {
658
- S.current && t(null);
662
+ }, Hn = v.memo(() => {
663
+ const { setActiveBlock: t, activeBlock: o } = Y(), { blocks: n } = K(), { blocks: r } = L(), { settings: i } = J(), { currentPage: a, pages: s, setIsOpenSelectModal: l, pageContext: c } = P(), p = v.useRef(o);
664
+ v.useEffect(() => {
665
+ p.current = o;
666
+ }, [o]), v.useEffect(() => {
667
+ const d = () => {
668
+ p.current && t(null);
659
669
  };
660
- return document.body.addEventListener("click", u), () => {
661
- document.body.removeEventListener("click", u);
670
+ return document.body.addEventListener("click", d), () => {
671
+ document.body.removeEventListener("click", d);
662
672
  };
663
673
  }, []);
664
- const C = (u) => {
665
- const h = new n[u.name]();
666
- return Object.assign(h, u.value), h.renderBlock(i, c);
674
+ const C = (d) => {
675
+ const h = new n[d.name]();
676
+ return Object.assign(h, d.value), h.renderBlock(i, c);
667
677
  };
668
678
  return /* @__PURE__ */ e.jsxs(
669
679
  "div",
670
680
  {
671
- onClick: (u) => {
672
- u.stopPropagation(), l(!1);
681
+ onClick: (d) => {
682
+ d.stopPropagation(), l(!1);
673
683
  },
674
- className: ge.content,
684
+ className: re.content,
675
685
  children: [
676
- /* @__PURE__ */ e.jsx(Mn, {}),
677
- s && r[s[a].name] && Object.keys(r[s[a].name]).map((u) => /* @__PURE__ */ e.jsxs(
686
+ /* @__PURE__ */ e.jsx($n, {}),
687
+ /* @__PURE__ */ e.jsx("div", { className: re.main, children: s && r[s[a].name] && Object.keys(r[s[a].name]).map((d) => /* @__PURE__ */ e.jsxs(
678
688
  "div",
679
689
  {
680
- onClick: () => t(u),
681
- className: y(ge.block, {
682
- [ge.active]: o === u
690
+ onClick: () => t(d),
691
+ className: B(re.block, {
692
+ [re.active]: o === d
683
693
  }),
684
694
  children: [
685
- o === u && /* @__PURE__ */ e.jsx("div", { className: ge.name, children: r[s[a].name][u].name }),
686
- o === u && /* @__PURE__ */ e.jsx(Fn, {}),
695
+ o === d && /* @__PURE__ */ e.jsx("div", { className: re.name, children: r[s[a].name][d].name }),
696
+ o === d && /* @__PURE__ */ e.jsx(Dn, {}),
687
697
  /* @__PURE__ */ e.jsx(
688
698
  Ue,
689
699
  {
690
700
  render: C,
691
- block: r[s[a].name][u]
701
+ block: r[s[a].name][d]
692
702
  }
693
703
  )
694
704
  ]
695
705
  }
696
- )),
697
- /* @__PURE__ */ e.jsx(Dn, {})
706
+ )) }),
707
+ /* @__PURE__ */ e.jsx(Mn, {})
698
708
  ]
699
709
  }
700
710
  );
701
- }), Hn = "_results_f488n_1", Rn = "_name_f488n_8", En = "_product_f488n_15", pe = {
702
- results: Hn,
703
- name: Rn,
704
- product: En
705
- }, Un = "_search_1s0qp_1", In = "_input_1s0qp_12", Ne = {
706
- search: Un,
707
- input: In
708
- }, On = () => /* @__PURE__ */ e.jsxs("label", { className: Ne.search, children: [
711
+ }), Rn = "_results_f488n_1", En = "_name_f488n_8", Un = "_product_f488n_15", ge = {
712
+ results: Rn,
713
+ name: En,
714
+ product: Un
715
+ }, In = "_search_1s0qp_1", On = "_input_1s0qp_12", Ne = {
716
+ search: In,
717
+ input: On
718
+ }, Gn = () => /* @__PURE__ */ e.jsxs("label", { className: Ne.search, children: [
709
719
  /* @__PURE__ */ e.jsx(
710
720
  "input",
711
721
  {
@@ -726,15 +736,15 @@ const rt = [
726
736
  function r(i) {
727
737
  o(i), n();
728
738
  }
729
- return /* @__PURE__ */ e.jsxs("div", { className: pe.add, children: [
730
- /* @__PURE__ */ e.jsx(On, {}),
731
- /* @__PURE__ */ e.jsx("div", { className: pe.results, children: Object.keys(t).map((i) => /* @__PURE__ */ e.jsxs(
739
+ return /* @__PURE__ */ e.jsxs("div", { className: ge.add, children: [
740
+ /* @__PURE__ */ e.jsx(Gn, {}),
741
+ /* @__PURE__ */ e.jsx("div", { className: ge.results, children: Object.keys(t).map((i) => /* @__PURE__ */ e.jsxs(
732
742
  "div",
733
743
  {
734
- className: pe.product,
744
+ className: ge.product,
735
745
  onClick: () => r(i),
736
746
  children: [
737
- /* @__PURE__ */ e.jsx("span", { className: pe.name, children: i }),
747
+ /* @__PURE__ */ e.jsx("span", { className: ge.name, children: i }),
738
748
  /* @__PURE__ */ e.jsx(m, { name: "CaretRight" })
739
749
  ]
740
750
  },
@@ -752,47 +762,47 @@ const rt = [
752
762
  brightness: s,
753
763
  dragging: l,
754
764
  setDragging: c,
755
- setHue: S,
765
+ setHue: p,
756
766
  setSaturation: C,
757
- setBrightness: u,
767
+ setBrightness: d,
758
768
  colorChange: h,
759
- setColor: d,
760
- update: _
761
- } = $e(), g = (p) => {
762
- const { offsetX: v, offsetY: w } = p.nativeEvent;
763
- c(!0), F(v, w, p.currentTarget);
764
- }, f = (p) => {
769
+ setColor: u,
770
+ update: f
771
+ } = $e(), S = (g) => {
772
+ const { offsetX: k, offsetY: w } = g.nativeEvent;
773
+ c(!0), A(k, w, g.currentTarget);
774
+ }, b = (g) => {
765
775
  if (l) {
766
- const v = document.querySelector(`.${I.colorMap}`), { left: w, top: T } = v.getBoundingClientRect(), k = p.clientX - w, X = p.clientY - T;
767
- F(k, X, v);
776
+ const k = document.querySelector(`.${I.colorMap}`), { left: w, top: F } = k.getBoundingClientRect(), j = g.clientX - w, X = g.clientY - F;
777
+ A(j, X, k);
768
778
  }
769
- }, B = () => {
779
+ }, _ = () => {
770
780
  c(!1);
771
- }, F = (p, v, w) => {
772
- const { width: T, height: k } = w.getBoundingClientRect(), X = Math.max(0, Math.min(p / T * 100, 100)), le = Math.max(0, Math.min(100 - v / k * 100, 100));
773
- C(X), u(le), P(X, le);
774
- }, P = (p, v) => {
775
- const w = b(i, p, v);
776
- h(w), d(w);
777
- }, L = (p, v, w) => {
778
- v /= 100, w /= 100;
779
- const T = (ce) => (ce + p / 60) % 6, k = (ce) => w * (1 - v * Math.max(0, Math.min(T(ce), 4 - T(ce), 1))), X = Math.round(255 * k(5)), le = Math.round(255 * k(3)), Ge = Math.round(255 * k(1));
780
- return { r: X, g: le, b: Ge };
781
- }, j = (p, v, w) => {
782
- const T = (k) => k.toString(16).padStart(2, "0");
783
- return `#${T(p)}${T(v)}${T(w)}`;
784
- }, b = (p, v, w) => {
785
- const { r: T, g: k, b: X } = L(p, v, w);
786
- return j(T, k, X);
781
+ }, A = (g, k, w) => {
782
+ const { width: F, height: j } = w.getBoundingClientRect(), X = Math.max(0, Math.min(g / F * 100, 100)), ce = Math.max(0, Math.min(100 - k / j * 100, 100));
783
+ C(X), d(ce), T(X, ce);
784
+ }, T = (g, k) => {
785
+ const w = x(i, g, k);
786
+ h(w), u(w);
787
+ }, N = (g, k, w) => {
788
+ k /= 100, w /= 100;
789
+ const F = (de) => (de + g / 60) % 6, j = (de) => w * (1 - k * Math.max(0, Math.min(F(de), 4 - F(de), 1))), X = Math.round(255 * j(5)), ce = Math.round(255 * j(3)), qe = Math.round(255 * j(1));
790
+ return { r: X, g: ce, b: qe };
791
+ }, y = (g, k, w) => {
792
+ const F = (j) => j.toString(16).padStart(2, "0");
793
+ return `#${F(g)}${F(k)}${F(w)}`;
794
+ }, x = (g, k, w) => {
795
+ const { r: F, g: j, b: X } = N(g, k, w);
796
+ return y(F, j, X);
787
797
  };
788
- x.useEffect(() => {
789
- const p = (w) => f(w), v = () => B();
790
- return l ? (document.addEventListener("mousemove", p), document.addEventListener("mouseup", v)) : (document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", v)), () => {
791
- document.removeEventListener("mousemove", p), document.removeEventListener("mouseup", v);
798
+ v.useEffect(() => {
799
+ const g = (w) => b(w), k = () => _();
800
+ return l ? (document.addEventListener("mousemove", g), document.addEventListener("mouseup", k)) : (document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", k)), () => {
801
+ document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", k);
792
802
  };
793
803
  }, [l]);
794
804
  function D() {
795
- _(o), r(!1);
805
+ f(o), r(!1);
796
806
  }
797
807
  function V() {
798
808
  r(!1), h(n);
@@ -801,7 +811,7 @@ const rt = [
801
811
  "div",
802
812
  {
803
813
  className: I.modal,
804
- onClick: (p) => p.stopPropagation(),
814
+ onClick: (g) => g.stopPropagation(),
805
815
  style: {
806
816
  top: `${t.top}px`,
807
817
  left: `${t.left}px`
@@ -812,7 +822,7 @@ const rt = [
812
822
  "div",
813
823
  {
814
824
  className: I.colorMap,
815
- onMouseDown: g,
825
+ onMouseDown: S,
816
826
  style: {
817
827
  background: `
818
828
  linear-gradient(to top, black, transparent),
@@ -840,8 +850,8 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
840
850
  min: "0",
841
851
  max: "360",
842
852
  value: i,
843
- onChange: (p) => {
844
- S(Number(p.target.value)), P(a, s);
853
+ onChange: (g) => {
854
+ p(Number(g.target.value)), T(a, s);
845
855
  },
846
856
  className: I.slider
847
857
  }
@@ -851,7 +861,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
851
861
  Q,
852
862
  {
853
863
  onClick: V,
854
- className: y(I.applyButton, I.cancelButton),
864
+ className: B(I.applyButton, I.cancelButton),
855
865
  children: "Cancel"
856
866
  }
857
867
  ),
@@ -867,62 +877,62 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
867
877
  ]
868
878
  }
869
879
  );
870
- }, Gn = () => {
871
- const { onPreview: t } = Y(), { hoverBlockId: o, isModalVisible: n, isPreviewVisible: r } = _e(), { settings: i } = J(), { blocks: a } = K(), { blocks: s } = A(), { currentPage: l, pages: c, pageContext: S } = N(), { showModal: C } = $e(), [u, h] = x.useState(!0);
872
- x.useEffect(() => {
873
- t && S.general && setTimeout(() => {
880
+ }, zn = () => {
881
+ const { onPreview: t } = Y(), { hoverBlockId: o, isModalVisible: n, isPreviewVisible: r } = _e(), { settings: i } = J(), { blocks: a } = K(), { blocks: s } = L(), { currentPage: l, pages: c, pageContext: p } = P(), { showModal: C } = $e(), [d, h] = v.useState(!0);
882
+ v.useEffect(() => {
883
+ t && p.general && setTimeout(() => {
874
884
  h(!1);
875
885
  }, 100);
876
- }, [t, S]);
877
- const d = (_) => {
878
- const g = new a[_.name]();
879
- return Object.assign(g, _.value), g.renderBlock(i, S);
886
+ }, [t, p]);
887
+ const u = (f) => {
888
+ const S = new a[f.name]();
889
+ return Object.assign(S, f.value), S.renderBlock(i, p);
880
890
  };
881
- return /* @__PURE__ */ e.jsxs("div", { className: he.preview, children: [
891
+ return /* @__PURE__ */ e.jsxs("div", { className: pe.preview, children: [
882
892
  n && /* @__PURE__ */ e.jsx(je, { children: /* @__PURE__ */ e.jsx(Ie, {}) }),
883
893
  r && o && /* @__PURE__ */ e.jsxs(je, { children: [
884
- !u && /* @__PURE__ */ e.jsx(
894
+ !d && /* @__PURE__ */ e.jsx(
885
895
  Ue,
886
896
  {
887
- render: d,
897
+ render: u,
888
898
  block: c && s[c[l].name][o]
889
899
  }
890
900
  ),
891
- u && /* @__PURE__ */ e.jsx(ye, {})
901
+ d && /* @__PURE__ */ e.jsx(ye, {})
892
902
  ] }),
893
903
  C && /* @__PURE__ */ e.jsx(qn, {}),
894
- t && /* @__PURE__ */ e.jsxs("div", { className: he.main, children: [
904
+ t && /* @__PURE__ */ e.jsxs("div", { className: pe.main, children: [
895
905
  /* @__PURE__ */ e.jsx(Cn, {}),
896
- /* @__PURE__ */ e.jsx("div", { className: he.content, children: u ? /* @__PURE__ */ e.jsx("div", { className: he.loading, children: /* @__PURE__ */ e.jsx(ye, {}) }) : /* @__PURE__ */ e.jsx($n, {}) })
906
+ /* @__PURE__ */ e.jsx("div", { className: pe.content, children: d ? /* @__PURE__ */ e.jsx("div", { className: pe.loading, children: /* @__PURE__ */ e.jsx(ye, {}) }) : /* @__PURE__ */ e.jsx(Hn, {}) })
897
907
  ] })
898
908
  ] });
899
- }, zn = "_sidebar_1r5sp_1", Wn = "_title_1r5sp_10", Vn = "_active_1r5sp_18", Fe = {
900
- sidebar: zn,
901
- title: Wn,
902
- active: Vn
903
- }, Xn = "_layers_62wod_1", Kn = "_block_62wod_8", Qn = "_dragging_62wod_23", Yn = "_active_62wod_31", Jn = "_add_62wod_35", Zn = "_button_62wod_47", eo = "_empty_62wod_60", to = "_title_62wod_72", no = "_icon_62wod_79", oo = "_text_62wod_83", so = "_highlight_62wod_89", oe = {
904
- layers: Xn,
905
- block: Kn,
906
- dragging: Qn,
907
- active: Yn,
908
- add: Jn,
909
- button: Zn,
910
- empty: eo,
911
- title: to,
912
- icon: no,
913
- text: oo,
914
- highlight: so
915
- }, ro = "_block_1d6lb_1", De = {
916
- block: ro
917
- }, ao = () => {
918
- const { setCurrentBlock: t } = A(), { activeBlock: o } = Y();
909
+ }, Wn = "_sidebar_96mlz_1", Vn = "_title_96mlz_10", Xn = "_active_96mlz_18", Fe = {
910
+ sidebar: Wn,
911
+ title: Vn,
912
+ active: Xn
913
+ }, Kn = "_layers_62wod_1", Qn = "_block_62wod_8", Yn = "_dragging_62wod_23", Jn = "_active_62wod_31", Zn = "_add_62wod_35", eo = "_button_62wod_47", to = "_empty_62wod_60", no = "_title_62wod_72", oo = "_icon_62wod_79", so = "_text_62wod_83", ro = "_highlight_62wod_89", oe = {
914
+ layers: Kn,
915
+ block: Qn,
916
+ dragging: Yn,
917
+ active: Jn,
918
+ add: Zn,
919
+ button: eo,
920
+ empty: to,
921
+ title: no,
922
+ icon: oo,
923
+ text: so,
924
+ highlight: ro
925
+ }, ao = "_block_1d6lb_1", De = {
926
+ block: ao
927
+ }, io = () => {
928
+ const { setCurrentBlock: t } = L(), { activeBlock: o } = Y();
919
929
  function n(r) {
920
930
  t(r);
921
931
  }
922
932
  return /* @__PURE__ */ e.jsxs(
923
933
  "div",
924
934
  {
925
- className: y(De.block, {
935
+ className: B(De.block, {
926
936
  [De.active]: o === "header"
927
937
  }),
928
938
  onClick: () => n("header"),
@@ -932,17 +942,17 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
932
942
  ]
933
943
  }
934
944
  );
935
- }, io = "_block_1d6lb_1", Me = {
936
- block: io
937
- }, lo = () => {
938
- const { activeBlock: t } = Y(), { setCurrentBlock: o } = A();
945
+ }, lo = "_block_1d6lb_1", Me = {
946
+ block: lo
947
+ }, co = () => {
948
+ const { activeBlock: t } = Y(), { setCurrentBlock: o } = L();
939
949
  function n(r) {
940
950
  o(r);
941
951
  }
942
952
  return /* @__PURE__ */ e.jsxs(
943
953
  "div",
944
954
  {
945
- className: y(Me.block, {
955
+ className: B(Me.block, {
946
956
  [Me.active]: t === "footer"
947
957
  }),
948
958
  onClick: () => n("footer"),
@@ -952,57 +962,57 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
952
962
  ]
953
963
  }
954
964
  );
955
- }, co = ({ id: t, name: o, index: n, moveBlock: r, onClick: i }) => {
956
- const { currentPage: a, pages: s } = N(), { activeBlock: l } = Y(), {
965
+ }, uo = ({ id: t, name: o, index: n, moveBlock: r, onClick: i }) => {
966
+ const { currentPage: a, pages: s } = P(), { activeBlock: l } = Y(), {
957
967
  showPreview: c,
958
- hidePreview: S,
968
+ hidePreview: p,
959
969
  showModal: C,
960
- hideModal: u,
970
+ hideModal: d,
961
971
  clearHideTimeout: h,
962
- startHideTimeout: d,
963
- hoverBlockId: _,
964
- isModalVisible: g
965
- } = _e(), { setPositionBlock: f } = A(), [B, F] = x.useState(!1), P = () => {
966
- g && u(), c(t), F(!0), h();
967
- }, L = (p) => {
968
- p.stopPropagation(), S(), C(t), h(), f(n + 1);
969
- }, j = () => {
970
- g ? d() : (F(!1), S());
972
+ startHideTimeout: u,
973
+ hoverBlockId: f,
974
+ isModalVisible: S
975
+ } = _e(), { setPositionBlock: b } = L(), [_, A] = v.useState(!1), T = () => {
976
+ S && d(), c(t), A(!0), h();
977
+ }, N = (g) => {
978
+ g.stopPropagation(), p(), C(t), h(), b(n + 1);
979
+ }, y = () => {
980
+ S ? u() : (A(!1), p());
971
981
  };
972
- x.useEffect(() => {
973
- g || F(!1);
974
- }, [g]);
975
- const [, b] = Ye({
982
+ v.useEffect(() => {
983
+ S || A(!1);
984
+ }, [S]);
985
+ const [, x] = Ye({
976
986
  accept: "block",
977
- hover(p) {
978
- p.index !== n && s && (r(s[a].name, p.index, n), p.index = n);
987
+ hover(g) {
988
+ g.index !== n && s && (r(s[a].name, g.index, n), g.index = n);
979
989
  }
980
990
  }), [{ isDragging: D }, V] = Je({
981
991
  type: "block",
982
992
  item: { id: t, index: n },
983
- collect: (p) => ({
984
- isDragging: p.isDragging()
993
+ collect: (g) => ({
994
+ isDragging: g.isDragging()
985
995
  })
986
996
  });
987
997
  return /* @__PURE__ */ e.jsxs(
988
998
  "div",
989
999
  {
990
- ref: (p) => V(b(p)),
991
- className: y(oe.block, {
1000
+ ref: (g) => V(x(g)),
1001
+ className: B(oe.block, {
992
1002
  [oe.dragging]: D,
993
1003
  [oe.active]: !D && l === t
994
1004
  }),
995
1005
  onClick: () => i(t),
996
- onMouseEnter: P,
997
- onMouseLeave: j,
1006
+ onMouseEnter: T,
1007
+ onMouseLeave: y,
998
1008
  children: [
999
1009
  /* @__PURE__ */ e.jsx(m, { name: "Cards" }),
1000
1010
  /* @__PURE__ */ e.jsx("span", { children: o }),
1001
- (B || _ === t) && !D && /* @__PURE__ */ e.jsx("div", { className: oe.add, children: /* @__PURE__ */ e.jsx(
1011
+ (_ || f === t) && !D && /* @__PURE__ */ e.jsx("div", { className: oe.add, children: /* @__PURE__ */ e.jsx(
1002
1012
  "button",
1003
1013
  {
1004
1014
  className: oe.button,
1005
- onClick: (p) => L(p),
1015
+ onClick: (g) => N(g),
1006
1016
  children: /* @__PURE__ */ e.jsx(
1007
1017
  m,
1008
1018
  {
@@ -1015,127 +1025,126 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1015
1025
  ]
1016
1026
  }
1017
1027
  );
1018
- }, uo = () => {
1019
- const { blocks: t, setCurrentBlock: o, moveBlock: n } = A(), { currentPage: r, pages: i } = N(), { setMouseOverModal: a, setHoverBlockId: s } = _e();
1028
+ }, ho = () => {
1029
+ const { blocks: t, setCurrentBlock: o, moveBlock: n } = L(), { currentPage: r, pages: i } = P(), { setMouseOverModal: a, setHoverBlockId: s } = _e();
1020
1030
  function l(c) {
1021
1031
  o(c), a(!1), s(null);
1022
1032
  }
1023
1033
  return /* @__PURE__ */ e.jsxs("div", { className: oe.layers, children: [
1024
- /* @__PURE__ */ e.jsx(ao, {}),
1025
- /* @__PURE__ */ e.jsx(Ke, { backend: Qe, children: /* @__PURE__ */ e.jsx(e.Fragment, { children: i && t[i[r].name] && Object.keys(t[i[r].name]).map((c, S) => /* @__PURE__ */ e.jsx(
1026
- co,
1034
+ /* @__PURE__ */ e.jsx(io, {}),
1035
+ /* @__PURE__ */ e.jsx(Ke, { backend: Qe, children: /* @__PURE__ */ e.jsx(e.Fragment, { children: i && t[i[r].name] && Object.keys(t[i[r].name]).map((c, p) => /* @__PURE__ */ e.jsx(
1036
+ uo,
1027
1037
  {
1028
1038
  id: c,
1029
1039
  name: t[i[r].name][c].name,
1030
- index: S,
1040
+ index: p,
1031
1041
  moveBlock: n,
1032
1042
  onClick: l
1033
1043
  },
1034
1044
  c
1035
1045
  )) }) }),
1036
- /* @__PURE__ */ e.jsx(lo, {})
1046
+ /* @__PURE__ */ e.jsx(co, {})
1037
1047
  ] });
1038
- }, ho = ({ isHeader: t }) => {
1039
- const { header: o, footer: n } = A(), { pageContext: r } = N();
1048
+ }, po = ({ isHeader: t }) => {
1049
+ const { header: o, footer: n } = L(), { pageContext: r } = P();
1040
1050
  return t ? o == null ? void 0 : o.renderSettings(r) : n == null ? void 0 : n.renderSettings(r);
1041
1051
  }, go = () => {
1042
1052
  const { settings: t } = J();
1043
1053
  return t == null ? void 0 : t.renderSettings();
1044
- }, po = "_theme_1xj36_1", mo = "_block_1xj36_6", Co = "_name_1xj36_20", we = {
1045
- theme: po,
1046
- block: mo,
1047
- name: Co
1048
- }, So = () => {
1054
+ }, mo = "_theme_1xj36_1", Co = "_block_1xj36_6", So = "_name_1xj36_20", ve = {
1055
+ theme: mo,
1056
+ block: Co,
1057
+ name: So
1058
+ }, _o = () => {
1049
1059
  const { setActiveBlock: t } = H();
1050
1060
  function o(n) {
1051
1061
  t(n);
1052
1062
  }
1053
- return /* @__PURE__ */ e.jsx("div", { className: we.theme, children: at.map((n) => /* @__PURE__ */ e.jsxs(
1063
+ return /* @__PURE__ */ e.jsx("div", { className: ve.theme, children: at.map((n) => /* @__PURE__ */ e.jsxs(
1054
1064
  "div",
1055
1065
  {
1056
1066
  onClick: () => o(n),
1057
- className: y(we.block),
1067
+ className: B(ve.block),
1058
1068
  children: [
1059
1069
  /* @__PURE__ */ e.jsx(m, { name: n.icon }),
1060
- /* @__PURE__ */ e.jsx("span", { className: we.name, children: n.name }),
1070
+ /* @__PURE__ */ e.jsx("span", { className: ve.name, children: n.name }),
1061
1071
  /* @__PURE__ */ e.jsx(m, { name: "CaretRight" })
1062
1072
  ]
1063
1073
  },
1064
1074
  n.icon
1065
1075
  )) });
1066
- }, _o = "_back_1lk1m_1", bo = "_render_1lk1m_8", xo = "_open_1lk1m_23", fo = "_close_1lk1m_50", wo = "_clicked_1lk1m_54", vo = "_title_1lk1m_58", ko = "_button_1lk1m_65", jo = "_loading_1lk1m_70", yo = "_settings_1lk1m_74", Bo = "_buttons_1lk1m_80", Ao = "_deleteButton_1lk1m_86", q = {
1067
- back: _o,
1068
- render: bo,
1069
- open: xo,
1070
- close: fo,
1076
+ }, bo = "_back_y3z55_1", xo = "_render_y3z55_8", fo = "_open_y3z55_23", vo = "_close_y3z55_50", wo = "_clicked_y3z55_54", ko = "_title_y3z55_58", jo = "_button_y3z55_66", yo = "_loading_y3z55_71", Bo = "_settings_y3z55_75", Ao = "_deleteButton_y3z55_81", G = {
1077
+ back: bo,
1078
+ render: xo,
1079
+ open: fo,
1080
+ close: vo,
1071
1081
  clicked: wo,
1072
- title: vo,
1073
- button: ko,
1074
- loading: jo,
1075
- settings: yo,
1076
- buttons: Bo,
1082
+ title: ko,
1083
+ button: jo,
1084
+ loading: yo,
1085
+ settings: Bo,
1077
1086
  deleteButton: Ao
1078
1087
  }, Po = ({ block: t }) => {
1079
1088
  if (!t) return null;
1080
- const { pageContext: o } = N();
1089
+ const { pageContext: o } = P();
1081
1090
  return t.renderSettings(o);
1082
1091
  }, Lo = (t) => {
1083
- var v;
1084
- const { isAdd: o } = t, [n, r] = x.useState(!1), { setActiveBlock: i } = Se(), { sourceBlocks: a, activeBlock: s, setActiveBlock: l, currentInstance: c, setCurrentInstance: S } = K(), {
1092
+ var k;
1093
+ const { isAdd: o } = t, [n, r] = v.useState(!1), { setActiveBlock: i } = Se(), { sourceBlocks: a, activeBlock: s, setActiveBlock: l, currentInstance: c, setCurrentInstance: p } = K(), {
1085
1094
  blocks: C,
1086
- addBlock: u,
1095
+ addBlock: d,
1087
1096
  editBlock: h,
1088
- currentBlock: d,
1089
- setCurrentBlock: _,
1090
- removeBlock: g,
1091
- setPositionBlock: f,
1092
- setHeader: B,
1093
- setFooter: F,
1094
- header: P,
1095
- footer: L
1096
- } = A(), { currentPage: j, pages: b } = N();
1097
+ currentBlock: u,
1098
+ setCurrentBlock: f,
1099
+ removeBlock: S,
1100
+ setPositionBlock: b,
1101
+ setHeader: _,
1102
+ setFooter: A,
1103
+ header: T,
1104
+ footer: N
1105
+ } = L(), { currentPage: y, pages: x } = P();
1097
1106
  function D(w = !1) {
1098
- !o && b && c && !w && h(b[j].name, d, {
1099
- name: C[b[j].name][d].name,
1107
+ !o && x && c && !w && h(x[y].name, u, {
1108
+ name: C[x[y].name][u].name,
1100
1109
  value: c
1101
- }), l(null), _(null), setTimeout(() => {
1110
+ }), l(null), f(null), setTimeout(() => {
1102
1111
  r(!1);
1103
- }, 150), S(null);
1112
+ }, 150), p(null);
1104
1113
  }
1105
1114
  function V() {
1106
1115
  D(), i({
1107
1116
  name: "Layers",
1108
1117
  icon: "TreeStructure"
1109
- }), S(null);
1118
+ }), p(null);
1110
1119
  }
1111
- function p() {
1120
+ function g() {
1112
1121
  if (o)
1113
1122
  return new a[s]();
1114
- if (b) {
1115
- const w = C[b[j].name][d];
1123
+ if (x) {
1124
+ const w = C[x[y].name][u];
1116
1125
  return new a[w.name](w.value.blockSettings);
1117
1126
  }
1118
1127
  }
1119
- return x.useEffect(() => {
1120
- if (s || d && !["header", "footer"].includes(d)) {
1121
- const w = p();
1122
- S(w);
1128
+ return v.useEffect(() => {
1129
+ if (s || u && !["header", "footer"].includes(u)) {
1130
+ const w = g();
1131
+ p(w);
1123
1132
  } else
1124
- S(null);
1125
- }, [s, d]), x.useEffect(() => {
1126
- d === "header" && B(P);
1127
- }, [d, P]), x.useEffect(() => {
1128
- d === "footer" && F(L);
1129
- }, [d, L]), /* @__PURE__ */ e.jsxs(
1133
+ p(null);
1134
+ }, [s, u]), v.useEffect(() => {
1135
+ u === "header" && _(T);
1136
+ }, [u, T]), v.useEffect(() => {
1137
+ u === "footer" && A(N);
1138
+ }, [u, N]), /* @__PURE__ */ e.jsxs(
1130
1139
  "div",
1131
1140
  {
1132
- className: y(q.render, {
1133
- [q.open]: d || s,
1134
- [q.close]: !d && !s,
1135
- [q.clicked]: n
1141
+ className: B(G.render, {
1142
+ [G.open]: u || s,
1143
+ [G.close]: !u && !s,
1144
+ [G.clicked]: n
1136
1145
  }),
1137
1146
  children: [
1138
- /* @__PURE__ */ e.jsxs("div", { className: q.back, children: [
1147
+ /* @__PURE__ */ e.jsxs("div", { className: G.back, children: [
1139
1148
  /* @__PURE__ */ e.jsx(
1140
1149
  m,
1141
1150
  {
@@ -1144,36 +1153,14 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1144
1153
  onClick: () => D()
1145
1154
  }
1146
1155
  ),
1147
- /* @__PURE__ */ e.jsx("h3", { className: q.title, children: s || b && C[b[j].name] && ((v = C[b[j].name][d]) == null ? void 0 : v.name) || d && U(d) || "Loading" })
1148
- ] }),
1149
- /* @__PURE__ */ e.jsxs("div", { className: q.settings, children: [
1150
- c && /* @__PURE__ */ e.jsx(Po, { block: c }),
1151
- d && ["header", "footer"].includes(d) && /* @__PURE__ */ e.jsx(ho, { isHeader: d === "header" }),
1152
- !s && !d && /* @__PURE__ */ e.jsx("div", { className: q.loading, children: "Loading" })
1153
- ] }),
1154
- /* @__PURE__ */ e.jsxs("div", { className: q.buttons, children: [
1155
- o && /* @__PURE__ */ e.jsx(
1156
- Q,
1157
- {
1158
- style: {
1159
- width: "100%"
1160
- },
1161
- onClick: () => {
1162
- r(!0), !["header", "footer"].includes(d) && b ? (u(b[j].name, {
1163
- name: s,
1164
- value: c
1165
- }), f(null)) : d === "header" ? B(P) : F(L), V();
1166
- },
1167
- children: "Add Section"
1168
- }
1169
- ),
1170
- !o && b && !["header", "footer"].includes(d) && /* @__PURE__ */ e.jsx(
1156
+ /* @__PURE__ */ e.jsx("h3", { className: G.title, children: s || x && C[x[y].name] && ((k = C[x[y].name][u]) == null ? void 0 : k.name) || u && U(u) || "Loading" }),
1157
+ !o && x && !["header", "footer"].includes(u) && /* @__PURE__ */ e.jsx(
1171
1158
  "button",
1172
1159
  {
1173
1160
  onClick: () => {
1174
- r(!0), g(b[j].name, d), D(!0);
1161
+ r(!0), S(x[y].name, u), D(!0);
1175
1162
  },
1176
- className: q.deleteButton,
1163
+ className: G.deleteButton,
1177
1164
  children: /* @__PURE__ */ e.jsx(
1178
1165
  m,
1179
1166
  {
@@ -1183,11 +1170,31 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1183
1170
  )
1184
1171
  }
1185
1172
  )
1186
- ] })
1173
+ ] }),
1174
+ /* @__PURE__ */ e.jsxs("div", { className: G.settings, children: [
1175
+ c && /* @__PURE__ */ e.jsx(Po, { block: c }),
1176
+ u && ["header", "footer"].includes(u) && /* @__PURE__ */ e.jsx(po, { isHeader: u === "header" }),
1177
+ !s && !u && /* @__PURE__ */ e.jsx("div", { className: G.loading, children: "Loading" })
1178
+ ] }),
1179
+ o && /* @__PURE__ */ e.jsx("div", { className: G.addButton, children: /* @__PURE__ */ e.jsx(
1180
+ Q,
1181
+ {
1182
+ style: {
1183
+ width: "100%"
1184
+ },
1185
+ onClick: () => {
1186
+ r(!0), !["header", "footer"].includes(u) && x ? (d(x[y].name, {
1187
+ name: s,
1188
+ value: c
1189
+ }), b(null)) : u === "header" ? _(T) : A(N), V();
1190
+ },
1191
+ children: "Add Section"
1192
+ }
1193
+ ) })
1187
1194
  ]
1188
1195
  }
1189
1196
  );
1190
- }, To = "_settings_1r85j_1", No = "_open_1r85j_16", Fo = "_close_1r85j_20", Do = "_header_1r85j_24", Mo = "_title_1r85j_30", $o = "_addButton_1r85j_37", re = {
1197
+ }, To = "_settings_1r85j_1", No = "_open_1r85j_16", Fo = "_close_1r85j_20", Do = "_header_1r85j_24", Mo = "_title_1r85j_30", $o = "_addButton_1r85j_37", ae = {
1191
1198
  settings: To,
1192
1199
  open: No,
1193
1200
  close: Fo,
@@ -1201,7 +1208,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1201
1208
  color: Uo,
1202
1209
  content: Io,
1203
1210
  preview: Oo
1204
- }, qo = () => {
1211
+ }, Go = () => {
1205
1212
  const { themeSettings: t, updateColor: o } = H();
1206
1213
  async function n(i, a, s) {
1207
1214
  o(i, a, s);
@@ -1236,7 +1243,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1236
1243
  }
1237
1244
  ),
1238
1245
  /* @__PURE__ */ e.jsx(
1239
- ae,
1246
+ ie,
1240
1247
  {
1241
1248
  title: U(s),
1242
1249
  initialColor: l,
@@ -1262,8 +1269,8 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1262
1269
  },
1263
1270
  i
1264
1271
  )) });
1265
- }, Go = "_wrapper_kb55x_2", zo = "_category_kb55x_6", Wo = "_categoryTitle_kb55x_11", Vo = "_color_kb55x_17", Xo = "_name_kb55x_23", Ko = "_content_kb55x_28", Qo = "_label_kb55x_34", Yo = "_input_kb55x_45", Jo = "_title_kb55x_71", Zo = "_field_kb55x_79", es = "_alignments_kb55x_89", ts = "_lineField_kb55x_95", ns = "_style_kb55x_101", os = "_header_kb55x_108", G = {
1266
- wrapper: Go,
1272
+ }, qo = "_wrapper_kb55x_2", zo = "_category_kb55x_6", Wo = "_categoryTitle_kb55x_11", Vo = "_color_kb55x_17", Xo = "_name_kb55x_23", Ko = "_content_kb55x_28", Qo = "_label_kb55x_34", Yo = "_input_kb55x_45", Jo = "_title_kb55x_71", Zo = "_field_kb55x_79", es = "_alignments_kb55x_89", ts = "_lineField_kb55x_95", ns = "_style_kb55x_101", os = "_header_kb55x_108", q = {
1273
+ wrapper: qo,
1267
1274
  category: zo,
1268
1275
  categoryTitle: Wo,
1269
1276
  color: Vo,
@@ -1279,8 +1286,8 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1279
1286
  header: os
1280
1287
  }, ss = ["left", "center", "right"], rs = ["solid", "dashed"], me = (t) => {
1281
1288
  const { title: o, children: n, rightAddon: r } = t;
1282
- return /* @__PURE__ */ e.jsxs("div", { className: G.field, children: [
1283
- /* @__PURE__ */ e.jsxs("div", { className: G.header, children: [
1289
+ return /* @__PURE__ */ e.jsxs("div", { className: q.field, children: [
1290
+ /* @__PURE__ */ e.jsxs("div", { className: q.header, children: [
1284
1291
  /* @__PURE__ */ e.jsx("h4", { children: o }),
1285
1292
  r
1286
1293
  ] }),
@@ -1292,7 +1299,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1292
1299
  }, i = (a) => (s) => {
1293
1300
  o(a, s, "color");
1294
1301
  };
1295
- return /* @__PURE__ */ e.jsxs("div", { className: G.wrapper, children: [
1302
+ return /* @__PURE__ */ e.jsxs("div", { className: q.wrapper, children: [
1296
1303
  /* @__PURE__ */ e.jsxs(me, { title: "General", children: [
1297
1304
  /* @__PURE__ */ e.jsx(
1298
1305
  $,
@@ -1322,7 +1329,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1322
1329
  }
1323
1330
  ),
1324
1331
  /* @__PURE__ */ e.jsx(
1325
- ae,
1332
+ ie,
1326
1333
  {
1327
1334
  initialColor: U(n.general.color),
1328
1335
  onChange: i("general"),
@@ -1335,7 +1342,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1335
1342
  me,
1336
1343
  {
1337
1344
  title: "Field Fill",
1338
- rightAddon: /* @__PURE__ */ e.jsx("div", { className: G.switch, children: /* @__PURE__ */ e.jsx(
1345
+ rightAddon: /* @__PURE__ */ e.jsx("div", { className: q.switch, children: /* @__PURE__ */ e.jsx(
1339
1346
  Be,
1340
1347
  {
1341
1348
  onChange: (a) => r("field", a, "active"),
@@ -1344,7 +1351,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1344
1351
  ) }),
1345
1352
  children: [
1346
1353
  /* @__PURE__ */ e.jsx(
1347
- ae,
1354
+ ie,
1348
1355
  {
1349
1356
  initialColor: U(n.field.color),
1350
1357
  onChange: i("field"),
@@ -1369,7 +1376,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1369
1376
  me,
1370
1377
  {
1371
1378
  title: "Border",
1372
- rightAddon: /* @__PURE__ */ e.jsx("div", { className: G.switch, children: /* @__PURE__ */ e.jsx(
1379
+ rightAddon: /* @__PURE__ */ e.jsx("div", { className: q.switch, children: /* @__PURE__ */ e.jsx(
1373
1380
  Be,
1374
1381
  {
1375
1382
  onChange: (a) => r("border", a, "active"),
@@ -1377,9 +1384,9 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1377
1384
  }
1378
1385
  ) }),
1379
1386
  children: [
1380
- /* @__PURE__ */ e.jsxs("div", { className: G.lineField, children: [
1381
- /* @__PURE__ */ e.jsxs("div", { className: G.style, children: [
1382
- /* @__PURE__ */ e.jsx("span", { className: G.title, children: "Style" }),
1387
+ /* @__PURE__ */ e.jsxs("div", { className: q.lineField, children: [
1388
+ /* @__PURE__ */ e.jsxs("div", { className: q.style, children: [
1389
+ /* @__PURE__ */ e.jsx("span", { className: q.title, children: "Style" }),
1383
1390
  /* @__PURE__ */ e.jsx(
1384
1391
  Ae,
1385
1392
  {
@@ -1412,7 +1419,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1412
1419
  }
1413
1420
  ),
1414
1421
  /* @__PURE__ */ e.jsx(
1415
- ae,
1422
+ ie,
1416
1423
  {
1417
1424
  initialColor: U(n.border.color),
1418
1425
  onChange: i("border"),
@@ -1444,7 +1451,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1444
1451
  }
1445
1452
  ),
1446
1453
  /* @__PURE__ */ e.jsx(
1447
- ae,
1454
+ ie,
1448
1455
  {
1449
1456
  initialColor: U(n.label.color),
1450
1457
  onChange: i("label"),
@@ -1452,8 +1459,8 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1452
1459
  labelStyle: "secondary"
1453
1460
  }
1454
1461
  ),
1455
- /* @__PURE__ */ e.jsxs("div", { className: G.alignments, children: [
1456
- /* @__PURE__ */ e.jsx("h4", { className: G.title, children: "Alignment Type" }),
1462
+ /* @__PURE__ */ e.jsxs("div", { className: q.alignments, children: [
1463
+ /* @__PURE__ */ e.jsx("h4", { className: q.title, children: "Alignment Type" }),
1457
1464
  /* @__PURE__ */ e.jsx(
1458
1465
  Ae,
1459
1466
  {
@@ -1466,15 +1473,15 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1466
1473
  ] })
1467
1474
  ] })
1468
1475
  ] });
1469
- }, is = "_wrapper_k9on2_1", ls = "_category_k9on2_5", cs = "_categoryTitle_k9on2_10", ds = "_font_k9on2_16", us = "_content_k9on2_36", hs = "_icon_k9on2_42", gs = "_paragraph_k9on2_51", ps = "_deleteIcon_k9on2_55", ms = "_iconButton_k9on2_62", W = {
1476
+ }, is = "_wrapper_k9on2_1", ls = "_category_k9on2_5", cs = "_categoryTitle_k9on2_10", ds = "_font_k9on2_16", us = "_content_k9on2_36", hs = "_icon_k9on2_42", ps = "_paragraph_k9on2_51", gs = "_deleteIcon_k9on2_55", ms = "_iconButton_k9on2_62", W = {
1470
1477
  wrapper: is,
1471
1478
  category: ls,
1472
1479
  categoryTitle: cs,
1473
1480
  font: ds,
1474
1481
  content: us,
1475
1482
  icon: hs,
1476
- paragraph: gs,
1477
- deleteIcon: ps,
1483
+ paragraph: ps,
1484
+ deleteIcon: gs,
1478
1485
  iconButton: ms
1479
1486
  }, Cs = (t) => {
1480
1487
  const { font: o, size: n, id: r, category: i } = t, { setActiveFont: a } = H();
@@ -1487,7 +1494,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1487
1494
  /* @__PURE__ */ e.jsx(
1488
1495
  "div",
1489
1496
  {
1490
- className: y(W.icon, {
1497
+ className: B(W.icon, {
1491
1498
  [W.paragraph]: i === "paragraph"
1492
1499
  }),
1493
1500
  children: /* @__PURE__ */ e.jsx(m, { name: i === "paragraph" ? "TextB" : "TextH" })
@@ -1502,7 +1509,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1502
1509
  );
1503
1510
  }, Ss = () => {
1504
1511
  const { themeSettings: t, setActiveFont: o, activeBlock: n } = H();
1505
- x.useEffect(() => (r(), () => {
1512
+ v.useEffect(() => (r(), () => {
1506
1513
  r();
1507
1514
  }), []);
1508
1515
  function r() {
@@ -1528,27 +1535,27 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1528
1535
  },
1529
1536
  i
1530
1537
  )) });
1531
- }, _s = "_wrapper_94fpv_1", bs = "_open_94fpv_16", xs = "_close_94fpv_20", fs = "_header_94fpv_24", ws = "_title_94fpv_31", vs = "_options_94fpv_37", ks = "_clicked_94fpv_44", ee = {
1538
+ }, _s = "_wrapper_94fpv_1", bs = "_open_94fpv_16", xs = "_close_94fpv_20", fs = "_header_94fpv_24", vs = "_title_94fpv_31", ws = "_options_94fpv_37", ks = "_clicked_94fpv_44", ee = {
1532
1539
  wrapper: _s,
1533
1540
  open: bs,
1534
1541
  close: xs,
1535
1542
  header: fs,
1536
- title: ws,
1537
- options: vs,
1543
+ title: vs,
1544
+ options: ws,
1538
1545
  clicked: ks
1539
1546
  }, js = () => {
1540
- const { activeBlock: t, setActiveFont: o, activeFont: n, themeSettings: r, updateFont: i } = H(), { fonts: a } = He(), [s, l] = x.useState(null);
1547
+ const { activeBlock: t, setActiveFont: o, activeFont: n, themeSettings: r, updateFont: i } = H(), { fonts: a } = He(), [s, l] = v.useState(null);
1541
1548
  function c() {
1542
1549
  o(null);
1543
1550
  }
1544
- function S(u, h) {
1545
- s && n && i(s, n, h, u);
1551
+ function p(d, h) {
1552
+ s && n && i(s, n, h, d);
1546
1553
  }
1547
- const C = x.useMemo(() => n ? r.fonts.heading[n] ? (l("heading"), r.fonts.heading[n]) : r.fonts.paragraph[n] ? (l("paragraph"), r.fonts.paragraph[n]) : (l(null), null) : null, [n, r]);
1554
+ const C = v.useMemo(() => n ? r.fonts.heading[n] ? (l("heading"), r.fonts.heading[n]) : r.fonts.paragraph[n] ? (l("paragraph"), r.fonts.paragraph[n]) : (l(null), null) : null, [n, r]);
1548
1555
  return /* @__PURE__ */ e.jsxs(
1549
1556
  "div",
1550
1557
  {
1551
- className: y(ee.wrapper, {
1558
+ className: B(ee.wrapper, {
1552
1559
  [ee.open]: (t == null ? void 0 : t.name) === "Fonts" && n,
1553
1560
  [ee.close]: (t == null ? void 0 : t.name) !== "Fonts" || !n
1554
1561
  }),
@@ -1576,8 +1583,8 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1576
1583
  {
1577
1584
  label: "Font",
1578
1585
  value: C.font,
1579
- onChange: (u) => S(u, "font"),
1580
- options: [...a.filter((u) => u !== C.font)]
1586
+ onChange: (d) => p(d, "font"),
1587
+ options: [...a.filter((d) => d !== C.font)]
1581
1588
  }
1582
1589
  ),
1583
1590
  /* @__PURE__ */ e.jsx(
@@ -1585,7 +1592,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1585
1592
  {
1586
1593
  label: "Size",
1587
1594
  value: String(C.size),
1588
- onChange: (u) => S(u, "size"),
1595
+ onChange: (d) => p(d, "size"),
1589
1596
  options: Ce
1590
1597
  }
1591
1598
  ),
@@ -1594,7 +1601,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1594
1601
  {
1595
1602
  label: "Weight",
1596
1603
  value: String(C.weight),
1597
- onChange: (u) => S(u, "weight"),
1604
+ onChange: (d) => p(d, "weight"),
1598
1605
  options: et
1599
1606
  }
1600
1607
  )
@@ -1618,11 +1625,11 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1618
1625
  function a() {
1619
1626
  r(null);
1620
1627
  }
1621
- const s = x.useMemo(() => o.borders, [o]);
1628
+ const s = v.useMemo(() => o.borders, [o]);
1622
1629
  return /* @__PURE__ */ e.jsxs(
1623
1630
  "div",
1624
1631
  {
1625
- className: y(te.wrapper, {
1632
+ className: B(te.wrapper, {
1626
1633
  [te.open]: (t == null ? void 0 : t.name) === "Borders",
1627
1634
  [te.close]: (t == null ? void 0 : t.name) !== "Borders"
1628
1635
  }),
@@ -1663,7 +1670,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1663
1670
  ]
1664
1671
  }
1665
1672
  );
1666
- }, Fs = "_wrapper_1j33r_1", Ds = "_open_1j33r_16", Ms = "_close_1j33r_20", $s = "_header_1j33r_24", Hs = "_title_1j33r_31", Rs = "_options_1j33r_37", Es = "_clicked_1j33r_44", Us = "_label_1j33r_48", Is = "_alignments_1j33r_55", Os = "_blocks_1j33r_61", qs = "_alignment_1j33r_55", Gs = "_active_1j33r_75", R = {
1673
+ }, Fs = "_wrapper_1j33r_1", Ds = "_open_1j33r_16", Ms = "_close_1j33r_20", $s = "_header_1j33r_24", Hs = "_title_1j33r_31", Rs = "_options_1j33r_37", Es = "_clicked_1j33r_44", Us = "_label_1j33r_48", Is = "_alignments_1j33r_55", Os = "_blocks_1j33r_61", Gs = "_alignment_1j33r_55", qs = "_active_1j33r_75", R = {
1667
1674
  wrapper: Fs,
1668
1675
  open: Ds,
1669
1676
  close: Ms,
@@ -1674,9 +1681,9 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1674
1681
  label: Us,
1675
1682
  alignments: Is,
1676
1683
  blocks: Os,
1677
- alignment: qs,
1678
- active: Gs
1679
- }, zs = ["left", "center", "right"], qe = () => {
1684
+ alignment: Gs,
1685
+ active: qs
1686
+ }, zs = ["left", "center", "right"], Ge = () => {
1680
1687
  const { activeBlock: t, themeSettings: o, updateButton: n, setActiveBlock: r } = H();
1681
1688
  function i(l, c) {
1682
1689
  n(c, l);
@@ -1684,11 +1691,11 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1684
1691
  function a() {
1685
1692
  r(null);
1686
1693
  }
1687
- const s = x.useMemo(() => o.buttons, [o]);
1694
+ const s = v.useMemo(() => o.buttons, [o]);
1688
1695
  return /* @__PURE__ */ e.jsxs(
1689
1696
  "div",
1690
1697
  {
1691
- className: y(R.wrapper, {
1698
+ className: B(R.wrapper, {
1692
1699
  [R.open]: (t == null ? void 0 : t.name) === "Buttons",
1693
1700
  [R.close]: (t == null ? void 0 : t.name) !== "Buttons"
1694
1701
  }),
@@ -1739,7 +1746,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1739
1746
  /* @__PURE__ */ e.jsx("div", { className: R.blocks, children: zs.map((l) => /* @__PURE__ */ e.jsx(
1740
1747
  "div",
1741
1748
  {
1742
- className: y(R.alignment, {
1749
+ className: B(R.alignment, {
1743
1750
  [R.active]: s.alignment === l
1744
1751
  }),
1745
1752
  onClick: () => {
@@ -1765,7 +1772,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1765
1772
  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
1766
1773
  (t == null ? void 0 : t.name) === "Fonts" && /* @__PURE__ */ e.jsx(js, {}),
1767
1774
  (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(Oe, {}),
1768
- (t == null ? void 0 : t.name) === "Buttons" && /* @__PURE__ */ e.jsx(qe, {})
1775
+ (t == null ? void 0 : t.name) === "Buttons" && /* @__PURE__ */ e.jsx(Ge, {})
1769
1776
  ] });
1770
1777
  }, Vs = () => {
1771
1778
  const { activeBlock: t, setActiveBlock: o } = H(), { activeBlock: n } = Se();
@@ -1775,12 +1782,12 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1775
1782
  return /* @__PURE__ */ e.jsxs(
1776
1783
  "div",
1777
1784
  {
1778
- className: y(re.settings, {
1779
- [re.open]: t,
1780
- [re.close]: !t || n.name !== "Theme"
1785
+ className: B(ae.settings, {
1786
+ [ae.open]: t,
1787
+ [ae.close]: !t || n.name !== "Theme"
1781
1788
  }),
1782
1789
  children: [
1783
- /* @__PURE__ */ e.jsxs("div", { className: re.header, children: [
1790
+ /* @__PURE__ */ e.jsxs("div", { className: ae.header, children: [
1784
1791
  /* @__PURE__ */ e.jsx(
1785
1792
  m,
1786
1793
  {
@@ -1789,13 +1796,13 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1789
1796
  onClick: r
1790
1797
  }
1791
1798
  ),
1792
- /* @__PURE__ */ e.jsx("span", { className: re.title, children: t == null ? void 0 : t.name })
1799
+ /* @__PURE__ */ e.jsx("span", { className: ae.title, children: t == null ? void 0 : t.name })
1793
1800
  ] }),
1794
1801
  (t == null ? void 0 : t.name) === "Fonts" && /* @__PURE__ */ e.jsx(Ss, {}),
1795
- (t == null ? void 0 : t.name) === "Colors" && /* @__PURE__ */ e.jsx(qo, {}),
1802
+ (t == null ? void 0 : t.name) === "Colors" && /* @__PURE__ */ e.jsx(Go, {}),
1796
1803
  (t == null ? void 0 : t.name) === "Inputs" && /* @__PURE__ */ e.jsx(as, {}),
1797
1804
  (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(Oe, {}),
1798
- (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(qe, {}),
1805
+ (t == null ? void 0 : t.name) === "Borders" && /* @__PURE__ */ e.jsx(Ge, {}),
1799
1806
  /* @__PURE__ */ e.jsx(Ws, {})
1800
1807
  ]
1801
1808
  }
@@ -1816,11 +1823,11 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1816
1823
  }
1817
1824
  return /* @__PURE__ */ e.jsxs("div", { className: Fe.sidebar, children: [
1818
1825
  /* @__PURE__ */ e.jsx("h3", { className: Fe.title, children: n() }),
1819
- t.name === "Layers" && /* @__PURE__ */ e.jsx(uo, {}),
1826
+ t.name === "Layers" && /* @__PURE__ */ e.jsx(ho, {}),
1820
1827
  t.name === "Add" && /* @__PURE__ */ e.jsx(Ie, {}),
1821
1828
  /* @__PURE__ */ e.jsx(Lo, { isAdd: !!o }),
1822
1829
  /* @__PURE__ */ e.jsx(Vs, {}),
1823
- t.name === "Theme" && /* @__PURE__ */ e.jsx(So, {}),
1830
+ t.name === "Theme" && /* @__PURE__ */ e.jsx(_o, {}),
1824
1831
  t.name === "Settings" && /* @__PURE__ */ e.jsx(go, {})
1825
1832
  ] });
1826
1833
  }, Ks = "_wrapper_jjfwh_1", Qs = "_header_jjfwh_12", Ys = "_content_jjfwh_21", Js = "_buttons_jjfwh_29", Zs = "_cancel_jjfwh_35", er = "_label_jjfwh_40", tr = "_description_jjfwh_41", nr = "_preview_jjfwh_49", or = "_block_jjfwh_55", sr = "_slug_jjfwh_63", rr = "_title_jjfwh_69", E = {
@@ -1836,7 +1843,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1836
1843
  slug: sr,
1837
1844
  title: rr
1838
1845
  }, ar = () => {
1839
- var D, V, p, v, w, T;
1846
+ var D, V, g, k, w, F;
1840
1847
  const {
1841
1848
  setIsOpenModal: t,
1842
1849
  pages: o,
@@ -1846,49 +1853,49 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1846
1853
  setIsEdit: a,
1847
1854
  editedPage: s,
1848
1855
  setEditedPage: l
1849
- } = N(), { createPage: c, updatePage: S } = A(), [C, u] = x.useState(s ? o && ((D = o[s]) == null ? void 0 : D.path) : ""), [h, d] = x.useState(s ? o && ((V = o[s]) == null ? void 0 : V.name) : ""), [_, g] = x.useState(
1850
- s ? o && ((p = o[s]) == null ? void 0 : p.seo.description) : ""
1851
- ), [f, B] = x.useState(
1852
- s ? o && ((v = o[s]) == null ? void 0 : v.visibility) : "public"
1856
+ } = P(), { createPage: c, updatePage: p } = L(), [C, d] = v.useState(s ? o && ((D = o[s]) == null ? void 0 : D.path) : ""), [h, u] = v.useState(s ? o && ((V = o[s]) == null ? void 0 : V.name) : ""), [f, S] = v.useState(
1857
+ s ? o && ((g = o[s]) == null ? void 0 : g.seo.description) : ""
1858
+ ), [b, _] = v.useState(
1859
+ s ? o && ((k = o[s]) == null ? void 0 : k.visibility) : "public"
1853
1860
  );
1854
- function F() {
1855
- u(""), d(""), g(""), B("public"), a(!1), l(null);
1861
+ function A() {
1862
+ d(""), u(""), S(""), _("public"), a(!1), l(null);
1856
1863
  }
1857
- function P() {
1858
- F(), t(!1);
1864
+ function T() {
1865
+ A(), t(!1);
1859
1866
  }
1860
- function L(k) {
1861
- return k[0] === "/" ? k : "/" + k;
1867
+ function N(j) {
1868
+ return j[0] === "/" ? j : "/" + j;
1862
1869
  }
1863
- function j() {
1870
+ function y() {
1864
1871
  n({
1865
- path: L(C),
1872
+ path: N(C),
1866
1873
  name: h || C || "",
1867
1874
  icon: "File",
1868
1875
  seo: {
1869
1876
  title: h || "",
1870
- description: _ || ""
1877
+ description: f || ""
1871
1878
  },
1872
- visibility: f || "public"
1873
- }), c(h), P();
1879
+ visibility: b || "public"
1880
+ }), c(h), T();
1874
1881
  }
1875
- function b() {
1876
- o && (S(o[s].name || "", h || C || ""), r(s, {
1877
- path: L(C),
1882
+ function x() {
1883
+ o && (p(o[s].name || "", h || C || ""), r(s, {
1884
+ path: N(C),
1878
1885
  name: h || C,
1879
1886
  icon: o[s].icon || "File",
1880
1887
  seo: {
1881
1888
  title: h || "",
1882
- description: _ || ""
1889
+ description: f || ""
1883
1890
  },
1884
- visibility: f || "public"
1885
- })), P();
1891
+ visibility: b || "public"
1892
+ })), T();
1886
1893
  }
1887
1894
  return /* @__PURE__ */ e.jsxs(
1888
1895
  "div",
1889
1896
  {
1890
1897
  className: E.wrapper,
1891
- onClick: (k) => k.stopPropagation(),
1898
+ onClick: (j) => j.stopPropagation(),
1892
1899
  children: [
1893
1900
  /* @__PURE__ */ e.jsxs("div", { className: E.header, children: [
1894
1901
  /* @__PURE__ */ e.jsxs("h2", { children: [
@@ -1901,7 +1908,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1901
1908
  name: "X",
1902
1909
  fill: "#757575",
1903
1910
  hoverable: !0,
1904
- onClick: P
1911
+ onClick: T
1905
1912
  }
1906
1913
  )
1907
1914
  ] }),
@@ -1910,10 +1917,10 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1910
1917
  $,
1911
1918
  {
1912
1919
  label: "Page Slug",
1913
- onChange: (k) => u(k),
1920
+ onChange: (j) => d(j),
1914
1921
  value: C,
1915
1922
  placeholder: "path-to-page",
1916
- disabled: !!(s && o && ((w = o[s]) != null && w.name) && ie.includes(o[s].name)),
1923
+ disabled: !!(s && o && ((w = o[s]) != null && w.name) && le.includes(o[s].name)),
1917
1924
  required: !0,
1918
1925
  regex: "^.+$"
1919
1926
  }
@@ -1922,18 +1929,18 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1922
1929
  $,
1923
1930
  {
1924
1931
  label: "Page Title",
1925
- onChange: (k) => d(k),
1932
+ onChange: (j) => u(j),
1926
1933
  value: h,
1927
1934
  placeholder: "Contact us",
1928
- disabled: !!(s && o && ((T = o[s]) != null && T.name) && ie.includes(o[s].name))
1935
+ disabled: !!(s && o && ((F = o[s]) != null && F.name) && le.includes(o[s].name))
1929
1936
  }
1930
1937
  ),
1931
1938
  /* @__PURE__ */ e.jsx(
1932
1939
  tt,
1933
1940
  {
1934
1941
  label: "Description",
1935
- onChange: (k) => g(k),
1936
- value: _,
1942
+ onChange: (j) => S(j),
1943
+ value: f,
1937
1944
  placeholder: "Contact us at any time of the day or night. You are always welcome",
1938
1945
  maxLength: 150
1939
1946
  }
@@ -1942,7 +1949,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1942
1949
  nt,
1943
1950
  {
1944
1951
  label: "Visibility",
1945
- defaultValue: f,
1952
+ defaultValue: b,
1946
1953
  options: [
1947
1954
  {
1948
1955
  value: "public",
@@ -1953,7 +1960,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1953
1960
  label: "Private"
1954
1961
  }
1955
1962
  ],
1956
- onChange: (k) => B(k)
1963
+ onChange: (j) => _(j)
1957
1964
  }
1958
1965
  ),
1959
1966
  /* @__PURE__ */ e.jsxs("div", { className: E.preview, children: [
@@ -1961,7 +1968,7 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1961
1968
  /* @__PURE__ */ e.jsxs("div", { className: E.block, children: [
1962
1969
  /* @__PURE__ */ e.jsx("span", { className: E.slug, children: C || "yoursite.url" }),
1963
1970
  /* @__PURE__ */ e.jsx("span", { className: E.title, children: h || "My Blank Page" }),
1964
- /* @__PURE__ */ e.jsx("span", { className: E.description, children: _ || "It is My Description" })
1971
+ /* @__PURE__ */ e.jsx("span", { className: E.description, children: f || "It is My Description" })
1965
1972
  ] })
1966
1973
  ] })
1967
1974
  ] }),
@@ -1970,14 +1977,14 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1970
1977
  Q,
1971
1978
  {
1972
1979
  className: E.cancel,
1973
- onClick: P,
1980
+ onClick: T,
1974
1981
  children: "Cancel"
1975
1982
  }
1976
1983
  ),
1977
1984
  /* @__PURE__ */ e.jsx(
1978
1985
  Q,
1979
1986
  {
1980
- onClick: i ? b : j,
1987
+ onClick: i ? x : y,
1981
1988
  disabled: C.length === 0,
1982
1989
  children: i ? "Update" : "Create"
1983
1990
  }
@@ -1986,20 +1993,20 @@ linear-gradient(to right, hsl(${i}, 100%, 100%), hsl(${i}, 100%, 50%))
1986
1993
  ]
1987
1994
  }
1988
1995
  );
1989
- }, ir = "_layout_kjedu_1", lr = "_main_kjedu_8", cr = "_content_kjedu_15", ve = {
1996
+ }, ir = "_layout_vvs1k_1", lr = "_main_vvs1k_8", cr = "_content_vvs1k_15", we = {
1990
1997
  layout: ir,
1991
1998
  main: lr,
1992
1999
  content: cr
1993
2000
  }, dr = () => {
1994
- const { isOpenModal: t, setIsOpenModal: o } = N(), { openModal: n, setOpenModal: r } = ot();
2001
+ const { isOpenModal: t, setIsOpenModal: o } = P(), { openModal: n, setOpenModal: r } = ot();
1995
2002
  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
1996
- /* @__PURE__ */ e.jsxs("div", { className: ve.layout, children: [
2003
+ /* @__PURE__ */ e.jsxs("div", { className: we.layout, children: [
1997
2004
  /* @__PURE__ */ e.jsx(Yt, {}),
1998
- /* @__PURE__ */ e.jsxs("main", { className: ve.main, children: [
1999
- /* @__PURE__ */ e.jsx(qt, {}),
2000
- /* @__PURE__ */ e.jsxs("div", { className: ve.content, children: [
2005
+ /* @__PURE__ */ e.jsxs("main", { className: we.main, children: [
2006
+ /* @__PURE__ */ e.jsx(Gt, {}),
2007
+ /* @__PURE__ */ e.jsxs("div", { className: we.content, children: [
2001
2008
  /* @__PURE__ */ e.jsx(Xs, {}),
2002
- /* @__PURE__ */ e.jsx(Gn, {})
2009
+ /* @__PURE__ */ e.jsx(zn, {})
2003
2010
  ] })
2004
2011
  ] })
2005
2012
  ] }),
@@ -2056,13 +2063,13 @@ function Sr() {
2056
2063
  setHeader: i,
2057
2064
  footer: a,
2058
2065
  setFooter: s
2059
- } = A.getState(), { currentPage: l, pages: c } = N.getState(), { currentInstance: S, activeBlock: C } = K.getState();
2060
- !C && S && c && (o === "header" && i(r), o === "footer" && s(a), t(c[l].name, o, {
2066
+ } = L.getState(), { currentPage: l, pages: c } = P.getState(), { currentInstance: p, activeBlock: C } = K.getState();
2067
+ !C && p && c && (o === "header" && i(r), o === "footer" && s(a), t(c[l].name, o, {
2061
2068
  name: n[c[l].name][o].name,
2062
- value: S
2069
+ value: p
2063
2070
  }));
2064
2071
  }
2065
- async function gr() {
2072
+ async function pr() {
2066
2073
  const t = localStorage.getItem("shopId") || void 0, o = `${Ee}/v1/builder/shops/${t}/pages`, n = localStorage.getItem("accessToken") || void 0;
2067
2074
  return (await ke.get(o, {
2068
2075
  headers: {
@@ -2071,20 +2078,20 @@ async function gr() {
2071
2078
  })).data;
2072
2079
  }
2073
2080
  const _r = (t) => {
2074
- const { blocks: o, settings: n, header: r, footer: i } = t, { setBlocks: a, setSourceBlocks: s } = K(), { fonts: l, setFonts: c } = He(), { setSettings: S } = J(), { setPageContext: C, setPages: u } = N(), { setHeader: h, setFooter: d } = A();
2075
- function _(g) {
2076
- return g[0] === "/" ? g.slice(1) : g;
2081
+ const { blocks: o, settings: n, header: r, footer: i } = t, { setBlocks: a, setSourceBlocks: s } = K(), { fonts: l, setFonts: c } = He(), { setSettings: p } = J(), { setPageContext: C, setPages: d } = P(), { setHeader: h, setFooter: u } = L();
2082
+ function f(S) {
2083
+ return S[0] === "/" ? S.slice(1) : S;
2077
2084
  }
2078
- return x.useEffect(() => {
2079
- const g = {};
2080
- Object.keys(o).map((B) => {
2081
- g[B] = o[B];
2082
- }), s(g), a(g), h(r), d(i), S(n), (async () => {
2085
+ return v.useEffect(() => {
2086
+ const S = {};
2087
+ Object.keys(o).map((_) => {
2088
+ S[_] = o[_];
2089
+ }), s(S), a(S), h(r), u(i), p(n), (async () => {
2083
2090
  if (l.length === 0) {
2084
- const j = await hr();
2085
- c([...j.map((b) => b.family)]);
2091
+ const y = await hr();
2092
+ c([...y.map((x) => x.family)]);
2086
2093
  }
2087
- let B = {
2094
+ let _ = {
2088
2095
  listings: null,
2089
2096
  products: null,
2090
2097
  reviews: null,
@@ -2092,30 +2099,30 @@ const _r = (t) => {
2092
2099
  faqs: null,
2093
2100
  general: null
2094
2101
  };
2095
- const F = await ur();
2096
- Object.keys(F).map((j) => {
2097
- const b = j;
2098
- B[b] = F[b].value.data;
2099
- }), C(B);
2100
- const P = await gr();
2101
- console.log(P);
2102
- const L = {};
2103
- P.data.forEach((j) => {
2104
- const b = _(j.path);
2105
- j.path === "/" ? L.home = {
2106
- ...j,
2102
+ const A = await ur();
2103
+ console.log("Data", A), Object.keys(A).map((y) => {
2104
+ const x = y;
2105
+ _[x] = A[x].value.data;
2106
+ }), C(_);
2107
+ const T = await pr();
2108
+ console.log(T);
2109
+ const N = {};
2110
+ T.data.forEach((y) => {
2111
+ const x = f(y.path);
2112
+ y.path === "/" ? N.home = {
2113
+ ...y,
2107
2114
  icon: be.home.icon,
2108
2115
  name: "home"
2109
- } : be[b] ? L[b] = {
2110
- ...j,
2111
- icon: be[b].icon,
2112
- name: b
2113
- } : L[b] = {
2114
- ...j,
2116
+ } : be[x] ? N[x] = {
2117
+ ...y,
2118
+ icon: be[x].icon,
2119
+ name: x
2120
+ } : N[x] = {
2121
+ ...y,
2115
2122
  icon: "File",
2116
- name: b
2123
+ name: x
2117
2124
  };
2118
- }), console.log("Buffer", L), u(L);
2125
+ }), console.log("Buffer", N), d(N);
2119
2126
  })();
2120
2127
  }, []), /* @__PURE__ */ e.jsx(dr, {});
2121
2128
  };