@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.
- package/dist/abstractions/PageContext.d.ts +103 -4
- package/dist/builder/utils/fetchData.d.ts +9 -3
- package/dist/builder.cjs.js +3 -3
- package/dist/builder.es.js +495 -488
- package/dist/ui/ProductOptions/index.d.ts +6 -0
- package/dist/ui/index.d.ts +1 -0
- package/dist/ui.cjs.js +1 -1
- package/dist/ui.es.js +716 -595
- package/package.json +1 -1
package/dist/builder.cjs.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
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
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-xDqbV96L.cjs"),j=require("react"),_e=[{icon:"Desktop",value:"desktop"},{icon:"DeviceTabletCamera",value:"tablet"},{icon:"DeviceMobileCamera",value:"mobile"}],be=[{icon:"PaintBrushBroad",name:"Colors"},{icon:"TextAa",name:"Fonts"},{icon:"CornersOut",name:"Borders"},{icon:"ArrowSquareIn",name:"Buttons"},{icon:"Textbox",name:"Inputs"}],xe="https://g-api.billgang.com",fe="https://www.googleapis.com/webfonts/v1/webfonts",X=["home","reviews","faqs","contact","product","ticket","login"],oe={home:{path:"/",name:"home",icon:"HouseSimple",seo:{description:"",title:""},visibility:"public"},product:{path:"/product",name:"product",icon:"SquaresFour",seo:{description:"",title:""},visibility:"public"},faqs:{path:"/faqs",name:"faqs",icon:"SealQuestion",seo:{description:"",title:""},visibility:"public"},reviews:{path:"/reviews",name:"reviews",icon:"Star",seo:{description:"",title:""},visibility:"public"},contact:{path:"/contact",name:"contact",icon:"ChatCentered",seo:{description:"",title:""},visibility:"public"},ticket:{path:"/ticket",name:"ticket",icon:"Ticket",seo:{description:"",title:""},visibility:"public"},login:{path:"/login",name:"login",icon:"UserCircleGear",seo:{description:"",title:""},visibility:"public"}},ve=["Acorn","Activity","AddressBook","AddressBookTabs","AirTrafficControl","Airplane","AirplaneInFlight","AirplaneLanding","AirplaneTakeoff","AirplaneTaxiing","AirplaneTilt","Airplay","Alarm","Alien","AlignBottom","AlignBottomSimple","AlignCenterHorizontal","AlignCenterHorizontalSimple","AlignCenterVertical","AlignCenterVerticalSimple","AlignLeft","AlignLeftSimple","AlignRight","AlignRightSimple","AlignTop","AlignTopSimple","AmazonLogo","Ambulance","Anchor","AnchorSimple","AndroidLogo","Angle","AngularLogo","Aperture","AppStoreLogo","AppWindow","AppleLogo","ApplePodcastsLogo","ApproximateEquals","Archive","ArchiveBox","ArchiveTray","Armchair","ArrowArcLeft","ArrowArcRight","ArrowBendDoubleUpLeft","ArrowBendDoubleUpRight","ArrowBendDownLeft","ArrowBendDownRight","ArrowBendLeftDown","ArrowBendLeftUp","ArrowBendRightDown","ArrowBendRightUp","ArrowBendUpLeft","ArrowBendUpRight","ArrowCircleDown","ArrowCircleDownLeft","ArrowCircleDownRight","ArrowCircleLeft","ArrowCircleRight","ArrowCircleUp","ArrowCircleUpLeft","ArrowCircleUpRight","ArrowClockwise","ArrowCounterClockwise","ArrowDown","ArrowDownLeft","ArrowDownRight","ArrowElbowDownLeft","ArrowElbowDownRight","ArrowElbowLeft","ArrowElbowLeftDown","ArrowElbowLeftUp","ArrowElbowRight","ArrowElbowRightDown","ArrowElbowRightUp","ArrowElbowUpLeft","ArrowElbowUpRight","ArrowFatDown","ArrowFatLeft","ArrowFatLineDown","ArrowFatLineLeft","ArrowFatLineRight","ArrowFatLineUp","ArrowFatLinesDown","ArrowFatLinesLeft","ArrowFatLinesRight","ArrowFatLinesUp","ArrowFatRight","ArrowFatUp","ArrowLeft","ArrowLineDown","ArrowLineDownLeft","ArrowLineDownRight","ArrowLineLeft","ArrowLineRight","ArrowLineUp","ArrowLineUpLeft","ArrowLineUpRight","ArrowRight","ArrowSquareDown","ArrowSquareDownLeft","ArrowSquareDownRight","ArrowSquareIn","ArrowSquareLeft","ArrowSquareOut","ArrowSquareRight","ArrowSquareUp","ArrowSquareUpLeft","ArrowSquareUpRight","ArrowUDownLeft","ArrowUDownRight","ArrowULeftDown","ArrowULeftUp","ArrowURightDown","ArrowURightUp","ArrowUUpLeft","ArrowUUpRight","ArrowUp","ArrowUpLeft","ArrowUpRight","ArrowsClockwise","ArrowsCounterClockwise","ArrowsDownUp","ArrowsHorizontal","ArrowsIn","ArrowsInCardinal","ArrowsInLineHorizontal","ArrowsInLineVertical","ArrowsInSimple","ArrowsLeftRight","ArrowsMerge","ArrowsOut","ArrowsOutCardinal","ArrowsOutLineHorizontal","ArrowsOutLineVertical","ArrowsOutSimple","ArrowsSplit","ArrowsVertical","Article","ArticleMedium","ArticleNyTimes","Asclepius","Asterisk","AsteriskSimple","At","Atom","Avocado","Axe","Baby","BabyCarriage","Backpack","Backspace","Bag","BagSimple","Balloon","Bandaids","Bank","Barbell","Barcode","Barn","Barricade","Baseball","BaseballCap","BaseballHelmet","Basket","Basketball","Bathtub","BatteryCharging","BatteryChargingVertical","BatteryEmpty","BatteryFull","BatteryHigh","BatteryLow","BatteryMedium","BatteryPlus","BatteryPlusVertical","BatteryVerticalEmpty","BatteryVerticalFull","BatteryVerticalHigh","BatteryVerticalLow","BatteryVerticalMedium","BatteryWarning","BatteryWarningVertical","BeachBall","Beanie","Bed","BeerBottle","BeerStein","BehanceLogo","Bell","BellRinging","BellSimple","BellSimpleRinging","BellSimpleSlash","BellSimpleZ","BellSlash","BellZ","Belt","BezierCurve","Bicycle","Binary","Binoculars","Biohazard","Bird","Blueprint","Bluetooth","BluetoothConnected","BluetoothSlash","BluetoothX","Boat","Bomb","Bone","Book","BookBookmark","BookOpen","BookOpenText","BookOpenUser","Bookmark","BookmarkSimple","Bookmarks","BookmarksSimple","Books","Boot","Boules","BoundingBox","BowlFood","BowlSteam","BowlingBall","BoxArrowDown","BoxArrowUp","BoxingGlove","BracketsAngle","BracketsCurly","BracketsRound","BracketsSquare","Brain","Brandy","Bread","Bridge","Briefcase","BriefcaseMetal","Broadcast","Broom","Browser","Browsers","Bug","BugBeetle","BugDroid","Building","BuildingApartment","BuildingOffice","Buildings","Bulldozer","Bus","Butterfly","CableCar","Cactus","Caduceus","Cake","Calculator","Calendar","CalendarBlank","CalendarCheck","CalendarDot","CalendarDots","CalendarHeart","CalendarMinus","CalendarPlus","CalendarSlash","CalendarStar","CalendarX","CallBell","Camera","CameraPlus","CameraRotate","CameraSlash","Campfire","Car","CarBattery","CarProfile","CarSimple","Cardholder","Cards","CardsThree","CaretCircleDoubleDown","CaretCircleDoubleLeft","CaretCircleDoubleRight","CaretCircleDoubleUp","CaretCircleDown","CaretCircleLeft","CaretCircleRight","CaretCircleUp","CaretCircleUpDown","CaretDoubleDown","CaretDoubleLeft","CaretDoubleRight","CaretDoubleUp","CaretDown","CaretLeft","CaretLineDown","CaretLineLeft","CaretLineRight","CaretLineUp","CaretRight","CaretUp","CaretUpDown","Carrot","CashRegister","CassetteTape","CastleTurret","Cat","CellSignalFull","CellSignalHigh","CellSignalLow","CellSignalMedium","CellSignalNone","CellSignalSlash","CellSignalX","CellTower","Certificate","Chair","Chalkboard","ChalkboardSimple","ChalkboardTeacher","Champagne","ChargingStation","ChartBar","ChartBarHorizontal","ChartDonut","ChartLine","ChartLineDown","ChartLineUp","ChartPie","ChartPieSlice","ChartPolar","ChartScatter","Chat","ChatCentered","ChatCenteredDots","ChatCenteredSlash","ChatCenteredText","ChatCircle","ChatCircleDots","ChatCircleSlash","ChatCircleText","ChatDots","ChatSlash","ChatTeardrop","ChatTeardropDots","ChatTeardropSlash","ChatTeardropText","ChatText","Chats","ChatsCircle","ChatsTeardrop","Check","CheckCircle","CheckFat","CheckSquare","CheckSquareOffset","Checkerboard","Checks","Cheers","Cheese","ChefHat","Cherries","Church","Cigarette","CigaretteSlash","Circle","CircleDashed","CircleHalf","CircleHalfTilt","CircleNotch","CircleWavy","CircleWavyCheck","CircleWavyQuestion","CircleWavyWarning","CirclesFour","CirclesThree","CirclesThreePlus","Circuitry","City","Clipboard","ClipboardText","Clock","ClockAfternoon","ClockClockwise","ClockCountdown","ClockCounterClockwise","ClockUser","ClosedCaptioning","Cloud","CloudArrowDown","CloudArrowUp","CloudCheck","CloudFog","CloudLightning","CloudMoon","CloudRain","CloudSlash","CloudSnow","CloudSun","CloudWarning","CloudX","Clover","Club","CoatHanger","CodaLogo","Code","CodeBlock","CodeSimple","CodepenLogo","CodesandboxLogo","Coffee","CoffeeBean","Coin","CoinVertical","Coins","Columns","ColumnsPlusLeft","ColumnsPlusRight","Command","Compass","CompassRose","CompassTool","ComputerTower","Confetti","ContactlessPayment","Control","Cookie","CookingPot","Copy","CopySimple","Copyleft","Copyright","CornersIn","CornersOut","Couch","CourtBasketball","Cow","CowboyHat","Cpu","Crane","CraneTower","CreditCard","Cricket","Crop","Cross","Crosshair","CrosshairSimple","Crown","CrownCross","CrownSimple","Cube","CubeFocus","CubeTransparent","CurrencyBtc","CurrencyCircleDollar","CurrencyCny","CurrencyDollar","CurrencyDollarSimple","CurrencyEth","CurrencyEur","CurrencyGbp","CurrencyInr","CurrencyJpy","CurrencyKrw","CurrencyKzt","CurrencyNgn","CurrencyRub","Cursor","CursorClick","CursorText","Cylinder","Database","Desk","Desktop","DesktopTower","Detective","DevToLogo","DeviceMobile","DeviceMobileCamera","DeviceMobileSlash","DeviceMobileSpeaker","DeviceRotate","DeviceTablet","DeviceTabletCamera","DeviceTabletSpeaker","Devices","Diamond","DiamondsFour","DiceFive","DiceFour","DiceOne","DiceSix","DiceThree","DiceTwo","Disc","DiscoBall","DiscordLogo","Divide","Dna","Dog","Door","DoorOpen","Dot","DotOutline","DotsNine","DotsSix","DotsSixVertical","DotsThree","DotsThreeCircle","DotsThreeCircleVertical","DotsThreeOutline","DotsThreeOutlineVertical","DotsThreeVertical","Download","DownloadSimple","Dress","Dresser","DribbbleLogo","Drone","Drop","DropHalf","DropHalfBottom","DropSimple","DropSlash","DropboxLogo","Ear","EarSlash","Egg","EggCrack","Eject","EjectSimple","Elevator","Empty","Engine","Envelope","EnvelopeOpen","EnvelopeSimple","EnvelopeSimpleOpen","Equalizer","Equals","Eraser","EscalatorDown","EscalatorUp","Exam","ExclamationMark","Exclude","ExcludeSquare","Export","Eye","EyeClosed","EyeSlash","Eyedropper","EyedropperSample","Eyeglasses","Eyes","FaceMask","FacebookLogo","Factory","Faders","FadersHorizontal","FalloutShelter","Fan","Farm","FastForward","FastForwardCircle","Feather","FediverseLogo","FigmaLogo","File","FileArchive","FileArrowDown","FileArrowUp","FileAudio","FileC","FileCSharp","FileCloud","FileCode","FileCpp","FileCss","FileCsv","FileDashed","FileDoc","FileDotted","FileHtml","FileImage","FileIni","FileJpg","FileJs","FileJsx","FileLock","FileMagnifyingGlass","FileMd","FileMinus","FilePdf","FilePlus","FilePng","FilePpt","FilePy","FileRs","FileSearch","FileSql","FileSvg","FileText","FileTs","FileTsx","FileTxt","FileVideo","FileVue","FileX","FileXls","FileZip","Files","FilmReel","FilmScript","FilmSlate","FilmStrip","Fingerprint","FingerprintSimple","FinnTheHuman","Fire","FireExtinguisher","FireSimple","FireTruck","FirstAid","FirstAidKit","Fish","FishSimple","Flag","FlagBanner","FlagBannerFold","FlagCheckered","FlagPennant","Flame","Flashlight","Flask","FlipHorizontal","FlipVertical","FloppyDisk","FloppyDiskBack","FlowArrow","Flower","FlowerLotus","FlowerTulip","FlyingSaucer","Folder","FolderDashed","FolderDotted","FolderLock","FolderMinus","FolderNotch","FolderNotchMinus","FolderNotchOpen","FolderNotchPlus","FolderOpen","FolderPlus","FolderSimple","FolderSimpleDashed","FolderSimpleDotted","FolderSimpleLock","FolderSimpleMinus","FolderSimplePlus","FolderSimpleStar","FolderSimpleUser","FolderStar","FolderUser","Folders","Football","FootballHelmet","Footprints","ForkKnife","FourK","FrameCorners","FramerLogo","Function","Funnel","FunnelSimple","FunnelSimpleX","FunnelX","GameController","Garage","GasCan","GasPump","Gauge","Gavel","Gear","GearFine","GearSix","GenderFemale","GenderIntersex","GenderMale","GenderNeuter","GenderNonbinary","GenderTransgender","Ghost","Gif","Gift","GitBranch","GitCommit","GitDiff","GitFork","GitMerge","GitPullRequest","GithubLogo","GitlabLogo","GitlabLogoSimple","Globe","GlobeHemisphereEast","GlobeHemisphereWest","GlobeSimple","GlobeSimpleX","GlobeStand","GlobeX","Goggles","Golf","GoodreadsLogo","GoogleCardboardLogo","GoogleChromeLogo","GoogleDriveLogo","GoogleLogo","GooglePhotosLogo","GooglePlayLogo","GooglePodcastsLogo","Gps","GpsFix","GpsSlash","Gradient","GraduationCap","Grains","GrainsSlash","Graph","GraphicsCard","GreaterThan","GreaterThanOrEqual","GridFour","GridNine","Guitar","HairDryer","Hamburger","Hammer","Hand","HandArrowDown","HandArrowUp","HandCoins","HandDeposit","HandEye","HandFist","HandGrabbing","HandHeart","HandPalm","HandPeace","HandPointing","HandSoap","HandSwipeLeft","HandSwipeRight","HandTap","HandWaving","HandWithdraw","Handbag","HandbagSimple","HandsClapping","HandsPraying","Handshake","HardDrive","HardDrives","HardHat","Hash","HashStraight","HeadCircuit","Headlights","Headphones","Headset","Heart","HeartBreak","HeartHalf","HeartStraight","HeartStraightBreak","Heartbeat","Hexagon","HighDefinition","HighHeel","Highlighter","HighlighterCircle","Hockey","Hoodie","Horse","Hospital","Hourglass","HourglassHigh","HourglassLow","HourglassMedium","HourglassSimple","HourglassSimpleHigh","HourglassSimpleLow","HourglassSimpleMedium","House","HouseLine","HouseSimple","Hurricane","IceCream","IconBase","IconContext","IdentificationBadge","IdentificationCard","Image","ImageBroken","ImageSquare","Images","ImagesSquare","Infinity","Info","InstagramLogo","Intersect","IntersectSquare","IntersectThree","Intersection","Invoice","Island","Jar","JarLabel","Jeep","Joystick","Kanban","Key","KeyReturn","Keyboard","Keyhole","Knife","Ladder","LadderSimple","Lamp","LampPendant","Laptop","Lasso","LastfmLogo","Layout","Leaf","Lectern","Lego","LegoSmiley","Lemniscate","LessThan","LessThanOrEqual","LetterCircleH","LetterCircleP","LetterCircleV","Lifebuoy","Lightbulb","LightbulbFilament","Lighthouse","Lightning","LightningA","LightningSlash","LineSegment","LineSegments","LineVertical","Link","LinkBreak","LinkSimple","LinkSimpleBreak","LinkSimpleHorizontal","LinkSimpleHorizontalBreak","LinkedinLogo","LinktreeLogo","LinuxLogo","List","ListBullets","ListChecks","ListDashes","ListHeart","ListMagnifyingGlass","ListNumbers","ListPlus","ListStar","Lock","LockKey","LockKeyOpen","LockLaminated","LockLaminatedOpen","LockOpen","LockSimple","LockSimpleOpen","Lockers","Log","MagicWand","Magnet","MagnetStraight","MagnifyingGlass","MagnifyingGlassMinus","MagnifyingGlassPlus","Mailbox","MapPin","MapPinArea","MapPinLine","MapPinPlus","MapPinSimple","MapPinSimpleArea","MapPinSimpleLine","MapTrifold","MarkdownLogo","MarkerCircle","Martini","MaskHappy","MaskSad","MastodonLogo","MathOperations","MatrixLogo","Medal","MedalMilitary","MediumLogo","Megaphone","MegaphoneSimple","MemberOf","Memory","MessengerLogo","MetaLogo","Meteor","Metronome","Microphone","MicrophoneSlash","MicrophoneStage","Microscope","MicrosoftExcelLogo","MicrosoftOutlookLogo","MicrosoftPowerpointLogo","MicrosoftTeamsLogo","MicrosoftWordLogo","Minus","MinusCircle","MinusSquare","Money","MoneyWavy","Monitor","MonitorArrowUp","MonitorPlay","Moon","MoonStars","Moped","MopedFront","Mosque","Motorcycle","Mountains","Mouse","MouseLeftClick","MouseMiddleClick","MouseRightClick","MouseScroll","MouseSimple","MusicNote","MusicNoteSimple","MusicNotes","MusicNotesMinus","MusicNotesPlus","MusicNotesSimple","NavigationArrow","Needle","Network","NetworkSlash","NetworkX","Newspaper","NewspaperClipping","NotEquals","NotMemberOf","NotSubsetOf","NotSupersetOf","Notches","Note","NoteBlank","NotePencil","Notebook","Notepad","Notification","NotionLogo","NuclearPlant","NumberCircleEight","NumberCircleFive","NumberCircleFour","NumberCircleNine","NumberCircleOne","NumberCircleSeven","NumberCircleSix","NumberCircleThree","NumberCircleTwo","NumberCircleZero","NumberEight","NumberFive","NumberFour","NumberNine","NumberOne","NumberSeven","NumberSix","NumberSquareEight","NumberSquareFive","NumberSquareFour","NumberSquareNine","NumberSquareOne","NumberSquareSeven","NumberSquareSix","NumberSquareThree","NumberSquareTwo","NumberSquareZero","NumberThree","NumberTwo","NumberZero","Numpad","Nut","NyTimesLogo","Octagon","OfficeChair","Onigiri","OpenAiLogo","Option","Orange","OrangeSlice","Oven","Package","PaintBrush","PaintBrushBroad","PaintBrushHousehold","PaintBucket","PaintRoller","Palette","Panorama","Pants","PaperPlane","PaperPlaneRight","PaperPlaneTilt","Paperclip","PaperclipHorizontal","Parachute","Paragraph","Parallelogram","Park","Password","Path","PatreonLogo","Pause","PauseCircle","PawPrint","PaypalLogo","Peace","Pen","PenNib","PenNibStraight","Pencil","PencilCircle","PencilLine","PencilRuler","PencilSimple","PencilSimpleLine","PencilSimpleSlash","PencilSlash","Pentagon","Pentagram","Pepper","Percent","Person","PersonArmsSpread","PersonSimple","PersonSimpleBike","PersonSimpleCircle","PersonSimpleHike","PersonSimpleRun","PersonSimpleSki","PersonSimpleSnowboard","PersonSimpleSwim","PersonSimpleTaiChi","PersonSimpleThrow","PersonSimpleWalk","Perspective","Phone","PhoneCall","PhoneDisconnect","PhoneIncoming","PhoneList","PhoneOutgoing","PhonePause","PhonePlus","PhoneSlash","PhoneTransfer","PhoneX","PhosphorLogo","Pi","PianoKeys","PicnicTable","PictureInPicture","PiggyBank","Pill","PingPong","PintGlass","PinterestLogo","Pinwheel","Pipe","PipeWrench","PixLogo","Pizza","Placeholder","Planet","Plant","Play","PlayCircle","PlayPause","Playlist","Plug","PlugCharging","Plugs","PlugsConnected","Plus","PlusCircle","PlusMinus","PlusSquare","PokerChip","PoliceCar","Polygon","Popcorn","Popsicle","PottedPlant","Power","Prescription","Presentation","PresentationChart","Printer","Prohibit","ProhibitInset","ProjectorScreen","ProjectorScreenChart","Pulse","PushPin","PushPinSimple","PushPinSimpleSlash","PushPinSlash","PuzzlePiece","QrCode","Question","QuestionMark","Queue","Quotes","Rabbit","Racquet","Radical","Radio","RadioButton","Radioactive","Rainbow","RainbowCloud","Ranking","ReadCvLogo","Receipt","ReceiptX","Record","Rectangle","RectangleDashed","Recycle","RedditLogo","Repeat","RepeatOnce","ReplitLogo","Resize","Rewind","RewindCircle","RoadHorizon","Robot","Rocket","RocketLaunch","Rows","RowsPlusBottom","RowsPlusTop","Rss","RssSimple","Rug","Ruler","SSR","Sailboat","Scales","Scan","ScanSmiley","Scissors","Scooter","Screencast","Screwdriver","Scribble","ScribbleLoop","Scroll","Seal","SealCheck","SealPercent","SealQuestion","SealWarning","Seat","Seatbelt","SecurityCamera","Selection","SelectionAll","SelectionBackground","SelectionForeground","SelectionInverse","SelectionPlus","SelectionSlash","Shapes","Share","ShareFat","ShareNetwork","Shield","ShieldCheck","ShieldCheckered","ShieldChevron","ShieldPlus","ShieldSlash","ShieldStar","ShieldWarning","ShippingContainer","ShirtFolded","ShootingStar","ShoppingBag","ShoppingBagOpen","ShoppingCart","ShoppingCartSimple","Shovel","Shower","Shrimp","Shuffle","ShuffleAngular","ShuffleSimple","Sidebar","SidebarSimple","Sigma","SignIn","SignOut","Signature","Signpost","SimCard","Siren","SketchLogo","SkipBack","SkipBackCircle","SkipForward","SkipForwardCircle","Skull","SkypeLogo","SlackLogo","Sliders","SlidersHorizontal","Slideshow","Smiley","SmileyAngry","SmileyBlank","SmileyMeh","SmileyMelting","SmileyNervous","SmileySad","SmileySticker","SmileyWink","SmileyXEyes","SnapchatLogo","Sneaker","SneakerMove","Snowflake","SoccerBall","Sock","SolarPanel","SolarRoof","SortAscending","SortDescending","SoundcloudLogo","Spade","Sparkle","SpeakerHifi","SpeakerHigh","SpeakerLow","SpeakerNone","SpeakerSimpleHigh","SpeakerSimpleLow","SpeakerSimpleNone","SpeakerSimpleSlash","SpeakerSimpleX","SpeakerSlash","SpeakerX","Speedometer","Sphere","Spinner","SpinnerBall","SpinnerGap","Spiral","SplitHorizontal","SplitVertical","SpotifyLogo","SprayBottle","Square","SquareHalf","SquareHalfBottom","SquareLogo","SquareSplitHorizontal","SquareSplitVertical","SquaresFour","Stack","StackMinus","StackOverflowLogo","StackPlus","StackSimple","Stairs","Stamp","StandardDefinition","Star","StarAndCrescent","StarFour","StarHalf","StarOfDavid","SteamLogo","SteeringWheel","Steps","Stethoscope","Sticker","Stool","Stop","StopCircle","Storefront","Strategy","StripeLogo","Student","SubsetOf","SubsetProperOf","Subtitles","SubtitlesSlash","Subtract","SubtractSquare","Subway","Suitcase","SuitcaseRolling","SuitcaseSimple","Sun","SunDim","SunHorizon","Sunglasses","SupersetOf","SupersetProperOf","Swap","Swatches","SwimmingPool","Sword","Synagogue","Syringe","TShirt","Table","Tabs","Tag","TagChevron","TagSimple","Target","Taxi","TeaBag","TelegramLogo","Television","TelevisionSimple","TennisBall","Tent","Terminal","TerminalWindow","TestTube","TextAUnderline","TextAa","TextAlignCenter","TextAlignJustify","TextAlignLeft","TextAlignRight","TextB","TextBolder","TextColumns","TextH","TextHFive","TextHFour","TextHOne","TextHSix","TextHThree","TextHTwo","TextIndent","TextItalic","TextOutdent","TextStrikethrough","TextSubscript","TextSuperscript","TextT","TextTSlash","TextUnderline","Textbox","Thermometer","ThermometerCold","ThermometerHot","ThermometerSimple","ThreadsLogo","ThreeD","ThumbsDown","ThumbsUp","Ticket","TidalLogo","TiktokLogo","Tilde","Timer","TipJar","Tipi","Tire","ToggleLeft","ToggleRight","Toilet","ToiletPaper","Toolbox","Tooth","Tornado","Tote","ToteSimple","Towel","Tractor","Trademark","TrademarkRegistered","TrafficCone","TrafficSign","TrafficSignal","Train","TrainRegional","TrainSimple","Tram","Translate","Trash","TrashSimple","Tray","TrayArrowDown","TrayArrowUp","TreasureChest","Tree","TreeEvergreen","TreePalm","TreeStructure","TreeView","TrendDown","TrendUp","Triangle","TriangleDashed","Trolley","TrolleySuitcase","Trophy","Truck","TruckTrailer","TumblrLogo","TwitchLogo","TwitterLogo","Umbrella","UmbrellaSimple","Union","Unite","UniteSquare","Upload","UploadSimple","Usb","User","UserCheck","UserCircle","UserCircleCheck","UserCircleDashed","UserCircleGear","UserCircleMinus","UserCirclePlus","UserFocus","UserGear","UserList","UserMinus","UserPlus","UserRectangle","UserSound","UserSquare","UserSwitch","Users","UsersFour","UsersThree","Van","Vault","VectorThree","VectorTwo","Vibrate","Video","VideoCamera","VideoCameraSlash","VideoConference","Vignette","VinylRecord","VirtualReality","Virus","Visor","Voicemail","Volleyball","Wall","Wallet","Warehouse","Warning","WarningCircle","WarningDiamond","WarningOctagon","WashingMachine","Watch","WaveSawtooth","WaveSine","WaveSquare","WaveTriangle","Waveform","WaveformSlash","Waves","Webcam","WebcamSlash","WebhooksLogo","WechatLogo","WhatsappLogo","Wheelchair","WheelchairMotion","WifiHigh","WifiLow","WifiMedium","WifiNone","WifiSlash","WifiX","Wind","Windmill","WindowsLogo","Wine","Wrench","X","XCircle","XLogo","XSquare","Yarn","YinYang","YoutubeLogo"],we="_buttons_1gn8m_1",ke="_button_1gn8m_1",Re={buttons:we,button:ke},Ee=()=>e.jsxRuntimeExports.jsxs("div",{className:Re.buttons,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"ArrowUUpLeft",hoverable:!0,width:20,height:20}),e.jsxRuntimeExports.jsx(e.Icon,{name:"ArrowUUpRight",hoverable:!0,width:20,height:20})]}),ye="_devices_hxl12_1",Be="_device_hxl12_1",Pe="_active_hxl12_23",ne={devices:ye,device:Be,active:Pe},Ae=()=>{const{currentDevice:t,setCurrentDevice:o}=e.useDeviceStore();return e.jsxRuntimeExports.jsx("div",{className:ne.devices,children:_e.map(s=>e.jsxRuntimeExports.jsx("div",{className:e.clx(ne.device,{[ne.active]:t===s}),onClick:()=>o(s),children:e.jsxRuntimeExports.jsx(e.Icon,{name:s.icon,fill:t===s?"#252525":"#757575",width:20,height:20})},s.value))})},Le="_header_wxpoz_1",Te="_left_wxpoz_16",Ne="_right_wxpoz_17",Y={header:Le,left:Te,right:Ne},Fe="_preview_vijvm_2",De="_active_vijvm_22",re={preview:Fe,active:De},Me=()=>{const{onPreview:t,setOnPreview:o}=e.usePreviewStore();return e.jsxRuntimeExports.jsxs("div",{className:e.clx(re.preview,{[re.active]:t}),onClick:()=>o(!t),children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"ArrowUpRight",width:20,height:20}),e.jsxRuntimeExports.jsx("span",{className:re.text,children:"Preview"})]})},Ie="_settings_q79q3_1",He={settings:Ie},$e="_language_1mbvp_1",Oe="_text_1mbvp_11",le={language:$e,text:Oe},Ue=()=>e.jsxRuntimeExports.jsxs("div",{className:le.language,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"Globe",fill:"#252525",width:20,height:20}),e.jsxRuntimeExports.jsx("span",{className:le.text,children:"Default"}),e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretDown",width:20,height:20})]}),qe="_pages_1q26s_1",Ge="_text_1q26s_16",ze="_modal_1q26s_22",We="_page_1q26s_1",Ve="_hoverable_1q26s_45",Xe="_separator_1q26s_49",Ke="_button_1q26s_53",Qe="_items_1q26s_67",F={pages:qe,default:"_default_1q26s_5",text:Ge,modal:ze,page:We,hoverable:Ve,separator:Xe,button:Ke,items:Qe},N=t=>t?t.replace(/_/g," ").split(" ").map(o=>o.charAt(0).toUpperCase()+o.slice(1)).join(" and "):"",Ye=()=>{const{currentPage:t,setCurrentPage:o,setIsOpenModal:s,pages:r,setIsEdit:a,setEditedPage:i,deletePage:n,isOpenSelectModal:l,setIsOpenSelectModal:c}=e.usePagesStore(),{deletePage:g}=e.useLayersStore(),[h,p]=j.useState("");return j.useEffect(()=>{const m=()=>{c(!1)};return document.body.addEventListener("click",m),()=>{document.body.removeEventListener("click",m)}},[]),e.jsxRuntimeExports.jsxs("div",{className:F.pages,children:[e.jsxRuntimeExports.jsxs("div",{className:F.default,onClick:m=>{m.stopPropagation(),c(!l)},children:[e.jsxRuntimeExports.jsx(e.Icon,{name:r&&r[t].icon||"File",fill:"#252525",width:20,height:20}),e.jsxRuntimeExports.jsx("span",{className:F.text,children:r&&X.includes(r[t].name)?`${N(r[t].name)} page`:r&&r[t].name}),e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretDown",width:20,height:20})]}),l&&e.jsxRuntimeExports.jsxs("div",{className:F.modal,onClick:m=>m.stopPropagation(),children:[r&&e.jsxRuntimeExports.jsx("div",{className:F.items,children:Object.keys(r).map(m=>{const u=r[m];return e.jsxRuntimeExports.jsxs("div",{className:e.clx(F.page,{[F.hoverable]:h===m}),onMouseEnter:()=>p(m),onMouseLeave:()=>p(""),onClick:()=>{p(""),a(!1),o(m),c(!1)},children:[e.jsxRuntimeExports.jsx(e.Icon,{name:u.icon,fill:"#252525"}),e.jsxRuntimeExports.jsx("span",{className:F.text,children:X.includes(u.name)?`${N(u.name)} page`:u.name}),h===m&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"Gear",fill:"#757575",onClick:S=>{S.stopPropagation(),a(!0),i(m),s(!0)}}),!X.includes(u.name)&&e.jsxRuntimeExports.jsx(e.Icon,{name:"Trash",fill:"#C12A2A",onClick:S=>{r[t].name===u.name&&o("home"),S.stopPropagation(),n(m),g(u.name),e.deletePage(u.path)}})]}),r[t].name===u.name&&e.jsxRuntimeExports.jsx(e.Icon,{name:"Check",fill:"#FF3F19"})]},m)})}),e.jsxRuntimeExports.jsx("div",{className:F.separator}),e.jsxRuntimeExports.jsxs(e.Button,{className:F.button,onClick:m=>{m.stopPropagation(),s(!0)},size:"l",children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"Plus",fill:"#ff3f19"}),e.jsxRuntimeExports.jsx("span",{children:"Create Page Blank"})]})]})]})},Je="_zoom_a77cn_1",Ze={zoom:Je},et=()=>{const[t,o]=j.useState(),s=()=>{o(Number(Math.round(window.devicePixelRatio*50).toFixed(0)))};return j.useEffect(()=>(s(),window.addEventListener("resize",s),()=>{window.removeEventListener("resize",s)}),[]),e.jsxRuntimeExports.jsxs("div",{className:Ze.zoom,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"MagnifyingGlassMinus",width:20,height:20}),e.jsxRuntimeExports.jsxs("span",{children:[t," %"]})]})},tt=()=>e.jsxRuntimeExports.jsxs("div",{className:He.settings,children:[e.jsxRuntimeExports.jsx(Ue,{}),e.jsxRuntimeExports.jsx(Ye,{}),e.jsxRuntimeExports.jsx(et,{})]}),st="_theme_3wxbf_1",ot={theme:st},nt=()=>e.jsxRuntimeExports.jsxs("div",{className:ot.theme,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"Check",width:18,height:18}),e.jsxRuntimeExports.jsx("div",{children:"Current Theme"})]}),rt=()=>{const{themeSettings:t}=e.useThemeSettingsStore(),{settings:o}=e.useSettingsStore(),[s,r]=j.useState(null),[a,i]=j.useState(!1),{pages:n}=e.usePagesStore(),{blocks:l}=e.useLayersStore();function c(u,S){return S.map(_=>Object.values(_.value.blockSettings).filter(k=>k.type===u).map(k=>k.value).flat()).flat().map(_=>_.listingId)}function g(u,S){return c(u,S).some(_=>_)}function h(u,S){const d=c(u,S);return Array.isArray(d)&&d.length>0?Math.max(...d):0}function p(u){if(n){const S=Object.keys(n).find(d=>n[d].name===u);if(S)return n[S]}return null}const m=()=>{if(a)s&&clearTimeout(s);else{const S=Object.keys(l).map(d=>{const _=p(d);return{name:_?_.name:d,path:d==="home"?"/":(_==null?void 0:_.path)||d,layout:{...l[d]},neededProductIds:[...c("ProductId",Object.values(l[d]))],neededCategoryIds:[...c("CategoryId",Object.values(l[d]))],neededAnnouncementIds:[...c("AnnouncementId",Object.values(l[d]))],neededListingIds:[...c("listings",Object.values(l[d]))],neededFaqs:g("Faqs",Object.values(l[d])),neededReviewCount:h("ReviewCount",Object.values(l[d])),seo:{pageTitle:_&&_.seo?_.seo.title:"",pageDescription:_&&_.seo?_.seo.description:""}}});e.updateSettings("POST","save",{themeSettings:t,settings:o,updatedPages:S})}i(!0);const u=setTimeout(()=>{i(!1)},2e3);r(u)};return e.jsxRuntimeExports.jsxs("div",{className:Y.header,children:[e.jsxRuntimeExports.jsxs("div",{className:Y.left,children:[e.jsxRuntimeExports.jsx(Ae,{}),e.jsxRuntimeExports.jsx(Me,{})]}),e.jsxRuntimeExports.jsx("div",{className:Y.center,children:e.jsxRuntimeExports.jsx(tt,{})}),e.jsxRuntimeExports.jsxs("div",{className:Y.right,children:[e.jsxRuntimeExports.jsx(nt,{}),e.jsxRuntimeExports.jsx(Ee,{}),e.jsxRuntimeExports.jsx(e.Button,{onClick:m,children:"Save"})]})]})},it="_exit_2ce42_1",at="_text_2ce42_10",ce={exit:it,text:at},lt=()=>e.jsxRuntimeExports.jsxs("div",{className:ce.exit,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"SignOut",width:20,height:20}),e.jsxRuntimeExports.jsx("span",{className:ce.text,children:"Exit"})]}),ct="_navbar_2ac63_1",ut="_main_2ac63_6",pt="_block_2ac63_13",mt="_active_2ac63_30",J={navbar:ct,main:ut,block:pt,active:mt},dt=()=>{const{activeBlock:t,setActiveBlock:o}=e.useNavbarStore(),{setActiveBlock:s}=e.useBlocksStore(),{setCurrentBlock:r}=e.useLayersStore(),{setActiveBlock:a}=e.useThemeSettingsStore();function i(n){s(null),o(n),r(null),a(null)}return e.jsxRuntimeExports.jsxs("div",{className:J.navbar,children:[e.jsxRuntimeExports.jsx(lt,{}),e.jsxRuntimeExports.jsx("div",{className:J.main,children:e.navbarBlocks.map(n=>e.jsxRuntimeExports.jsxs("div",{className:e.clx(J.block,{[J.active]:t.icon===n.icon}),onClick:()=>i(n),children:[e.jsxRuntimeExports.jsx(e.Icon,{name:n.icon,fill:t.icon===n.icon?"#252525":"#757575"}),e.jsxRuntimeExports.jsx("span",{children:n.name})]},n.icon))})]})},xt="_preview_1v9dl_1",ht="_main_1v9dl_9",gt="_content_1v9dl_19",jt="_loading_1v9dl_26",St="_loader_1v9dl_34",Ct="_spin_1v9dl_1",Z={preview:xt,main:ht,content:gt,loading:jt,loader:St,spin:Ct},_t="_header_1t64j_1",bt="_circles_1t64j_14",ft="_circle_1t64j_14",vt="_red_1t64j_30",wt="_green_1t64j_34",kt="_yellow_1t64j_38",Rt="_input_1t64j_42",Et="_main_1t64j_51",yt="_text_1t64j_59",I={header:_t,circles:bt,circle:ft,red:vt,green:wt,yellow:kt,input:Rt,main:Et,text:yt},Bt="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",Pt=["red","yellow","green"],At=()=>e.jsxRuntimeExports.jsxs("div",{className:I.header,children:[e.jsxRuntimeExports.jsx("div",{className:I.circles,children:Pt.map(t=>e.jsxRuntimeExports.jsx("div",{className:e.clx(I.circle,{[I.red]:t==="red",[I.yellow]:t==="yellow",[I.green]:t==="green"})},t))}),e.jsxRuntimeExports.jsxs("div",{className:I.input,children:[e.jsxRuntimeExports.jsxs("div",{className:I.main,children:[e.jsxRuntimeExports.jsx("img",{src:Bt,alt:""}),e.jsxRuntimeExports.jsx("span",{className:I.text,children:"lorem.ipsum"}),e.jsxRuntimeExports.jsx(e.Icon,{name:"Lock",fill:"#757575",width:15,height:16})]}),e.jsxRuntimeExports.jsx(e.Icon,{name:"Copy",width:20,height:20})]})]}),Lt="_content_92dk8_1",Tt="_block_92dk8_6",Nt="_active_92dk8_13",Ft="_name_92dk8_17",Dt="_empty_92dk8_31",Mt="_icon_92dk8_42",It="_title_92dk8_53",Ht="_text_92dk8_59",$t="_sections_92dk8_65",Ot="_section_92dk8_65",ee={content:Lt,block:Tt,active:Nt,name:Ft,empty:Dt,icon:Mt,title:It,text:Ht,sections:$t,section:Ot},Ut="_sidebar_1f3hk_1",qt="_content_1f3hk_12",Gt="_button_1f3hk_22",zt="_moveButton_1f3hk_30",Wt="_border_1f3hk_34",Vt="_deleteButton_1f3hk_38",A={sidebar:Ut,content:qt,button:Gt,moveButton:zt,border:Wt,deleteButton:Vt},Xt=()=>{const{activeBlock:t}=e.usePreviewStore(),{blocks:o,removeBlock:s,moveBlock:r,duplicateBlock:a}=e.useLayersStore(),{currentPage:i,pages:n}=e.usePagesStore(),l=n?Object.keys(o[n[i].name]):[],c=l.indexOf(t),g=()=>{c>0&&n&&r(n[i].name,c,c-1)},h=()=>{c<l.length-1&&n&&r(n[i].name,c,c+1)},p=()=>{n&&a(n[i].name,t)};return e.jsxRuntimeExports.jsx("div",{className:A.sidebar,children:e.jsxRuntimeExports.jsxs("div",{className:A.content,children:[e.jsxRuntimeExports.jsx("button",{onClick:g,className:e.clx(A.button,A.moveButton),disabled:c===0,children:e.jsxRuntimeExports.jsx(e.Icon,{name:"ArrowUp"})}),e.jsxRuntimeExports.jsx("button",{onClick:h,className:e.clx(A.button,A.moveButton),disabled:c===l.length-1,children:e.jsxRuntimeExports.jsx(e.Icon,{name:"ArrowDown"})}),e.jsxRuntimeExports.jsx("div",{className:A.border}),e.jsxRuntimeExports.jsx("button",{onClick:p,className:e.clx(A.button,A.moveButton),children:e.jsxRuntimeExports.jsx(e.Icon,{name:"Copy"})}),e.jsxRuntimeExports.jsx("div",{className:A.border}),e.jsxRuntimeExports.jsx("button",{onClick:()=>{n&&s(n[i].name,t)},className:e.clx(A.button,A.deleteButton),children:e.jsxRuntimeExports.jsx(e.Icon,{name:"Trash",hoverable:!0})})]})})},he=({render:t,block:o})=>t(o),Kt=()=>{const{footer:t}=e.useLayersStore(),{settings:o}=e.useSettingsStore(),{pageContext:s}=e.usePagesStore();return t==null?void 0:t.renderBlock(o,s)},Qt=()=>{const{header:t}=e.useLayersStore(),{settings:o}=e.useSettingsStore(),{pageContext:s}=e.usePagesStore();return t==null?void 0:t.renderBlock(o,s)},Yt=j.memo(()=>{const{setActiveBlock:t,activeBlock:o}=e.usePreviewStore(),{blocks:s}=e.useBlocksStore(),{blocks:r}=e.useLayersStore(),{settings:a}=e.useSettingsStore(),{currentPage:i,pages:n,setIsOpenSelectModal:l,pageContext:c}=e.usePagesStore(),g=j.useRef(o);j.useEffect(()=>{g.current=o},[o]),j.useEffect(()=>{const p=()=>{g.current&&t(null)};return document.body.addEventListener("click",p),()=>{document.body.removeEventListener("click",p)}},[]);const h=p=>{const m=new s[p.name];return Object.assign(m,p.value),m.renderBlock(a,c)};return e.jsxRuntimeExports.jsxs("div",{onClick:p=>{p.stopPropagation(),l(!1)},className:ee.content,children:[e.jsxRuntimeExports.jsx(Qt,{}),n&&r[n[i].name]&&Object.keys(r[n[i].name]).map(p=>e.jsxRuntimeExports.jsxs("div",{onClick:()=>t(p),className:e.clx(ee.block,{[ee.active]:o===p}),children:[o===p&&e.jsxRuntimeExports.jsx("div",{className:ee.name,children:r[n[i].name][p].name}),o===p&&e.jsxRuntimeExports.jsx(Xt,{}),e.jsxRuntimeExports.jsx(he,{render:h,block:r[n[i].name][p]})]})),e.jsxRuntimeExports.jsx(Kt,{})]})}),Jt="_results_f488n_1",Zt="_name_f488n_8",es="_product_f488n_15",te={results:Jt,name:Zt,product:es},ts="_search_1s0qp_1",ss="_input_1s0qp_12",ue={search:ts,input:ss},os=()=>e.jsxRuntimeExports.jsxs("label",{className:ue.search,children:[e.jsxRuntimeExports.jsx("input",{type:"text",placeholder:"Search for sections",className:ue.input}),e.jsxRuntimeExports.jsx(e.Icon,{name:"MagnifyingGlass",fill:"#757575"})]}),ge=()=>{const{blocks:t,setActiveBlock:o}=e.useBlocksStore(),{hideModal:s}=e.useSubmodalStore();function r(a){o(a),s()}return e.jsxRuntimeExports.jsxs("div",{className:te.add,children:[e.jsxRuntimeExports.jsx(os,{}),e.jsxRuntimeExports.jsx("div",{className:te.results,children:Object.keys(t).map(a=>e.jsxRuntimeExports.jsxs("div",{className:te.product,onClick:()=>r(a),children:[e.jsxRuntimeExports.jsx("span",{className:te.name,children:a}),e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretRight"})]},a))})]})},ns=()=>{const{modalPosition:t,color:o,initialColor:s,setShowModal:r,hue:a,saturation:i,brightness:n,dragging:l,setDragging:c,setHue:g,setSaturation:h,setBrightness:p,colorChange:m,setColor:u,update:S}=e.useColorPickerStore(),d=x=>{const{offsetX:f,offsetY:b}=x.nativeEvent;c(!0),B(f,b,x.currentTarget)},_=x=>{if(l){const f=document.querySelector(`.${e.styles.colorMap}`),{left:b,top:y}=f.getBoundingClientRect(),v=x.clientX-b,O=x.clientY-y;B(v,O,f)}},k=()=>{c(!1)},B=(x,f,b)=>{const{width:y,height:v}=b.getBoundingClientRect(),O=Math.max(0,Math.min(x/y*100,100)),K=Math.max(0,Math.min(100-f/v*100,100));h(O),p(K),R(O,K)},R=(x,f)=>{const b=C(a,x,f);m(b),u(b)},E=(x,f,b)=>{f/=100,b/=100;const y=Q=>(Q+x/60)%6,v=Q=>b*(1-f*Math.max(0,Math.min(y(Q),4-y(Q),1))),O=Math.round(255*v(5)),K=Math.round(255*v(3)),Ce=Math.round(255*v(1));return{r:O,g:K,b:Ce}},w=(x,f,b)=>{const y=v=>v.toString(16).padStart(2,"0");return`#${y(x)}${y(f)}${y(b)}`},C=(x,f,b)=>{const{r:y,g:v,b:O}=E(x,f,b);return w(y,v,O)};j.useEffect(()=>{const x=b=>_(b),f=()=>k();return l?(document.addEventListener("mousemove",x),document.addEventListener("mouseup",f)):(document.removeEventListener("mousemove",x),document.removeEventListener("mouseup",f)),()=>{document.removeEventListener("mousemove",x),document.removeEventListener("mouseup",f)}},[l]);function P(){S(o),r(!1)}function $(){r(!1),m(s)}return e.jsxRuntimeExports.jsxs("div",{className:e.styles.modal,onClick:x=>x.stopPropagation(),style:{top:`${t.top}px`,left:`${t.left}px`},children:[e.jsxRuntimeExports.jsx("div",{children:"Color"}),e.jsxRuntimeExports.jsx("div",{className:e.styles.colorMap,onMouseDown:d,style:{background:`
|
|
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
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-xDqbV96L.cjs"),S=require("react"),_e=[{icon:"Desktop",value:"desktop"},{icon:"DeviceTabletCamera",value:"tablet"},{icon:"DeviceMobileCamera",value:"mobile"}],be=[{icon:"PaintBrushBroad",name:"Colors"},{icon:"TextAa",name:"Fonts"},{icon:"CornersOut",name:"Borders"},{icon:"ArrowSquareIn",name:"Buttons"},{icon:"Textbox",name:"Inputs"}],xe="https://g-api.billgang.com",fe="https://www.googleapis.com/webfonts/v1/webfonts",K=["home","reviews","faqs","contact","product","ticket","login"],oe={home:{path:"/",name:"home",icon:"HouseSimple",seo:{description:"",title:""},visibility:"public"},product:{path:"/product",name:"product",icon:"SquaresFour",seo:{description:"",title:""},visibility:"public"},faqs:{path:"/faqs",name:"faqs",icon:"SealQuestion",seo:{description:"",title:""},visibility:"public"},reviews:{path:"/reviews",name:"reviews",icon:"Star",seo:{description:"",title:""},visibility:"public"},contact:{path:"/contact",name:"contact",icon:"ChatCentered",seo:{description:"",title:""},visibility:"public"},ticket:{path:"/ticket",name:"ticket",icon:"Ticket",seo:{description:"",title:""},visibility:"public"},login:{path:"/login",name:"login",icon:"UserCircleGear",seo:{description:"",title:""},visibility:"public"}},ve=["Acorn","Activity","AddressBook","AddressBookTabs","AirTrafficControl","Airplane","AirplaneInFlight","AirplaneLanding","AirplaneTakeoff","AirplaneTaxiing","AirplaneTilt","Airplay","Alarm","Alien","AlignBottom","AlignBottomSimple","AlignCenterHorizontal","AlignCenterHorizontalSimple","AlignCenterVertical","AlignCenterVerticalSimple","AlignLeft","AlignLeftSimple","AlignRight","AlignRightSimple","AlignTop","AlignTopSimple","AmazonLogo","Ambulance","Anchor","AnchorSimple","AndroidLogo","Angle","AngularLogo","Aperture","AppStoreLogo","AppWindow","AppleLogo","ApplePodcastsLogo","ApproximateEquals","Archive","ArchiveBox","ArchiveTray","Armchair","ArrowArcLeft","ArrowArcRight","ArrowBendDoubleUpLeft","ArrowBendDoubleUpRight","ArrowBendDownLeft","ArrowBendDownRight","ArrowBendLeftDown","ArrowBendLeftUp","ArrowBendRightDown","ArrowBendRightUp","ArrowBendUpLeft","ArrowBendUpRight","ArrowCircleDown","ArrowCircleDownLeft","ArrowCircleDownRight","ArrowCircleLeft","ArrowCircleRight","ArrowCircleUp","ArrowCircleUpLeft","ArrowCircleUpRight","ArrowClockwise","ArrowCounterClockwise","ArrowDown","ArrowDownLeft","ArrowDownRight","ArrowElbowDownLeft","ArrowElbowDownRight","ArrowElbowLeft","ArrowElbowLeftDown","ArrowElbowLeftUp","ArrowElbowRight","ArrowElbowRightDown","ArrowElbowRightUp","ArrowElbowUpLeft","ArrowElbowUpRight","ArrowFatDown","ArrowFatLeft","ArrowFatLineDown","ArrowFatLineLeft","ArrowFatLineRight","ArrowFatLineUp","ArrowFatLinesDown","ArrowFatLinesLeft","ArrowFatLinesRight","ArrowFatLinesUp","ArrowFatRight","ArrowFatUp","ArrowLeft","ArrowLineDown","ArrowLineDownLeft","ArrowLineDownRight","ArrowLineLeft","ArrowLineRight","ArrowLineUp","ArrowLineUpLeft","ArrowLineUpRight","ArrowRight","ArrowSquareDown","ArrowSquareDownLeft","ArrowSquareDownRight","ArrowSquareIn","ArrowSquareLeft","ArrowSquareOut","ArrowSquareRight","ArrowSquareUp","ArrowSquareUpLeft","ArrowSquareUpRight","ArrowUDownLeft","ArrowUDownRight","ArrowULeftDown","ArrowULeftUp","ArrowURightDown","ArrowURightUp","ArrowUUpLeft","ArrowUUpRight","ArrowUp","ArrowUpLeft","ArrowUpRight","ArrowsClockwise","ArrowsCounterClockwise","ArrowsDownUp","ArrowsHorizontal","ArrowsIn","ArrowsInCardinal","ArrowsInLineHorizontal","ArrowsInLineVertical","ArrowsInSimple","ArrowsLeftRight","ArrowsMerge","ArrowsOut","ArrowsOutCardinal","ArrowsOutLineHorizontal","ArrowsOutLineVertical","ArrowsOutSimple","ArrowsSplit","ArrowsVertical","Article","ArticleMedium","ArticleNyTimes","Asclepius","Asterisk","AsteriskSimple","At","Atom","Avocado","Axe","Baby","BabyCarriage","Backpack","Backspace","Bag","BagSimple","Balloon","Bandaids","Bank","Barbell","Barcode","Barn","Barricade","Baseball","BaseballCap","BaseballHelmet","Basket","Basketball","Bathtub","BatteryCharging","BatteryChargingVertical","BatteryEmpty","BatteryFull","BatteryHigh","BatteryLow","BatteryMedium","BatteryPlus","BatteryPlusVertical","BatteryVerticalEmpty","BatteryVerticalFull","BatteryVerticalHigh","BatteryVerticalLow","BatteryVerticalMedium","BatteryWarning","BatteryWarningVertical","BeachBall","Beanie","Bed","BeerBottle","BeerStein","BehanceLogo","Bell","BellRinging","BellSimple","BellSimpleRinging","BellSimpleSlash","BellSimpleZ","BellSlash","BellZ","Belt","BezierCurve","Bicycle","Binary","Binoculars","Biohazard","Bird","Blueprint","Bluetooth","BluetoothConnected","BluetoothSlash","BluetoothX","Boat","Bomb","Bone","Book","BookBookmark","BookOpen","BookOpenText","BookOpenUser","Bookmark","BookmarkSimple","Bookmarks","BookmarksSimple","Books","Boot","Boules","BoundingBox","BowlFood","BowlSteam","BowlingBall","BoxArrowDown","BoxArrowUp","BoxingGlove","BracketsAngle","BracketsCurly","BracketsRound","BracketsSquare","Brain","Brandy","Bread","Bridge","Briefcase","BriefcaseMetal","Broadcast","Broom","Browser","Browsers","Bug","BugBeetle","BugDroid","Building","BuildingApartment","BuildingOffice","Buildings","Bulldozer","Bus","Butterfly","CableCar","Cactus","Caduceus","Cake","Calculator","Calendar","CalendarBlank","CalendarCheck","CalendarDot","CalendarDots","CalendarHeart","CalendarMinus","CalendarPlus","CalendarSlash","CalendarStar","CalendarX","CallBell","Camera","CameraPlus","CameraRotate","CameraSlash","Campfire","Car","CarBattery","CarProfile","CarSimple","Cardholder","Cards","CardsThree","CaretCircleDoubleDown","CaretCircleDoubleLeft","CaretCircleDoubleRight","CaretCircleDoubleUp","CaretCircleDown","CaretCircleLeft","CaretCircleRight","CaretCircleUp","CaretCircleUpDown","CaretDoubleDown","CaretDoubleLeft","CaretDoubleRight","CaretDoubleUp","CaretDown","CaretLeft","CaretLineDown","CaretLineLeft","CaretLineRight","CaretLineUp","CaretRight","CaretUp","CaretUpDown","Carrot","CashRegister","CassetteTape","CastleTurret","Cat","CellSignalFull","CellSignalHigh","CellSignalLow","CellSignalMedium","CellSignalNone","CellSignalSlash","CellSignalX","CellTower","Certificate","Chair","Chalkboard","ChalkboardSimple","ChalkboardTeacher","Champagne","ChargingStation","ChartBar","ChartBarHorizontal","ChartDonut","ChartLine","ChartLineDown","ChartLineUp","ChartPie","ChartPieSlice","ChartPolar","ChartScatter","Chat","ChatCentered","ChatCenteredDots","ChatCenteredSlash","ChatCenteredText","ChatCircle","ChatCircleDots","ChatCircleSlash","ChatCircleText","ChatDots","ChatSlash","ChatTeardrop","ChatTeardropDots","ChatTeardropSlash","ChatTeardropText","ChatText","Chats","ChatsCircle","ChatsTeardrop","Check","CheckCircle","CheckFat","CheckSquare","CheckSquareOffset","Checkerboard","Checks","Cheers","Cheese","ChefHat","Cherries","Church","Cigarette","CigaretteSlash","Circle","CircleDashed","CircleHalf","CircleHalfTilt","CircleNotch","CircleWavy","CircleWavyCheck","CircleWavyQuestion","CircleWavyWarning","CirclesFour","CirclesThree","CirclesThreePlus","Circuitry","City","Clipboard","ClipboardText","Clock","ClockAfternoon","ClockClockwise","ClockCountdown","ClockCounterClockwise","ClockUser","ClosedCaptioning","Cloud","CloudArrowDown","CloudArrowUp","CloudCheck","CloudFog","CloudLightning","CloudMoon","CloudRain","CloudSlash","CloudSnow","CloudSun","CloudWarning","CloudX","Clover","Club","CoatHanger","CodaLogo","Code","CodeBlock","CodeSimple","CodepenLogo","CodesandboxLogo","Coffee","CoffeeBean","Coin","CoinVertical","Coins","Columns","ColumnsPlusLeft","ColumnsPlusRight","Command","Compass","CompassRose","CompassTool","ComputerTower","Confetti","ContactlessPayment","Control","Cookie","CookingPot","Copy","CopySimple","Copyleft","Copyright","CornersIn","CornersOut","Couch","CourtBasketball","Cow","CowboyHat","Cpu","Crane","CraneTower","CreditCard","Cricket","Crop","Cross","Crosshair","CrosshairSimple","Crown","CrownCross","CrownSimple","Cube","CubeFocus","CubeTransparent","CurrencyBtc","CurrencyCircleDollar","CurrencyCny","CurrencyDollar","CurrencyDollarSimple","CurrencyEth","CurrencyEur","CurrencyGbp","CurrencyInr","CurrencyJpy","CurrencyKrw","CurrencyKzt","CurrencyNgn","CurrencyRub","Cursor","CursorClick","CursorText","Cylinder","Database","Desk","Desktop","DesktopTower","Detective","DevToLogo","DeviceMobile","DeviceMobileCamera","DeviceMobileSlash","DeviceMobileSpeaker","DeviceRotate","DeviceTablet","DeviceTabletCamera","DeviceTabletSpeaker","Devices","Diamond","DiamondsFour","DiceFive","DiceFour","DiceOne","DiceSix","DiceThree","DiceTwo","Disc","DiscoBall","DiscordLogo","Divide","Dna","Dog","Door","DoorOpen","Dot","DotOutline","DotsNine","DotsSix","DotsSixVertical","DotsThree","DotsThreeCircle","DotsThreeCircleVertical","DotsThreeOutline","DotsThreeOutlineVertical","DotsThreeVertical","Download","DownloadSimple","Dress","Dresser","DribbbleLogo","Drone","Drop","DropHalf","DropHalfBottom","DropSimple","DropSlash","DropboxLogo","Ear","EarSlash","Egg","EggCrack","Eject","EjectSimple","Elevator","Empty","Engine","Envelope","EnvelopeOpen","EnvelopeSimple","EnvelopeSimpleOpen","Equalizer","Equals","Eraser","EscalatorDown","EscalatorUp","Exam","ExclamationMark","Exclude","ExcludeSquare","Export","Eye","EyeClosed","EyeSlash","Eyedropper","EyedropperSample","Eyeglasses","Eyes","FaceMask","FacebookLogo","Factory","Faders","FadersHorizontal","FalloutShelter","Fan","Farm","FastForward","FastForwardCircle","Feather","FediverseLogo","FigmaLogo","File","FileArchive","FileArrowDown","FileArrowUp","FileAudio","FileC","FileCSharp","FileCloud","FileCode","FileCpp","FileCss","FileCsv","FileDashed","FileDoc","FileDotted","FileHtml","FileImage","FileIni","FileJpg","FileJs","FileJsx","FileLock","FileMagnifyingGlass","FileMd","FileMinus","FilePdf","FilePlus","FilePng","FilePpt","FilePy","FileRs","FileSearch","FileSql","FileSvg","FileText","FileTs","FileTsx","FileTxt","FileVideo","FileVue","FileX","FileXls","FileZip","Files","FilmReel","FilmScript","FilmSlate","FilmStrip","Fingerprint","FingerprintSimple","FinnTheHuman","Fire","FireExtinguisher","FireSimple","FireTruck","FirstAid","FirstAidKit","Fish","FishSimple","Flag","FlagBanner","FlagBannerFold","FlagCheckered","FlagPennant","Flame","Flashlight","Flask","FlipHorizontal","FlipVertical","FloppyDisk","FloppyDiskBack","FlowArrow","Flower","FlowerLotus","FlowerTulip","FlyingSaucer","Folder","FolderDashed","FolderDotted","FolderLock","FolderMinus","FolderNotch","FolderNotchMinus","FolderNotchOpen","FolderNotchPlus","FolderOpen","FolderPlus","FolderSimple","FolderSimpleDashed","FolderSimpleDotted","FolderSimpleLock","FolderSimpleMinus","FolderSimplePlus","FolderSimpleStar","FolderSimpleUser","FolderStar","FolderUser","Folders","Football","FootballHelmet","Footprints","ForkKnife","FourK","FrameCorners","FramerLogo","Function","Funnel","FunnelSimple","FunnelSimpleX","FunnelX","GameController","Garage","GasCan","GasPump","Gauge","Gavel","Gear","GearFine","GearSix","GenderFemale","GenderIntersex","GenderMale","GenderNeuter","GenderNonbinary","GenderTransgender","Ghost","Gif","Gift","GitBranch","GitCommit","GitDiff","GitFork","GitMerge","GitPullRequest","GithubLogo","GitlabLogo","GitlabLogoSimple","Globe","GlobeHemisphereEast","GlobeHemisphereWest","GlobeSimple","GlobeSimpleX","GlobeStand","GlobeX","Goggles","Golf","GoodreadsLogo","GoogleCardboardLogo","GoogleChromeLogo","GoogleDriveLogo","GoogleLogo","GooglePhotosLogo","GooglePlayLogo","GooglePodcastsLogo","Gps","GpsFix","GpsSlash","Gradient","GraduationCap","Grains","GrainsSlash","Graph","GraphicsCard","GreaterThan","GreaterThanOrEqual","GridFour","GridNine","Guitar","HairDryer","Hamburger","Hammer","Hand","HandArrowDown","HandArrowUp","HandCoins","HandDeposit","HandEye","HandFist","HandGrabbing","HandHeart","HandPalm","HandPeace","HandPointing","HandSoap","HandSwipeLeft","HandSwipeRight","HandTap","HandWaving","HandWithdraw","Handbag","HandbagSimple","HandsClapping","HandsPraying","Handshake","HardDrive","HardDrives","HardHat","Hash","HashStraight","HeadCircuit","Headlights","Headphones","Headset","Heart","HeartBreak","HeartHalf","HeartStraight","HeartStraightBreak","Heartbeat","Hexagon","HighDefinition","HighHeel","Highlighter","HighlighterCircle","Hockey","Hoodie","Horse","Hospital","Hourglass","HourglassHigh","HourglassLow","HourglassMedium","HourglassSimple","HourglassSimpleHigh","HourglassSimpleLow","HourglassSimpleMedium","House","HouseLine","HouseSimple","Hurricane","IceCream","IconBase","IconContext","IdentificationBadge","IdentificationCard","Image","ImageBroken","ImageSquare","Images","ImagesSquare","Infinity","Info","InstagramLogo","Intersect","IntersectSquare","IntersectThree","Intersection","Invoice","Island","Jar","JarLabel","Jeep","Joystick","Kanban","Key","KeyReturn","Keyboard","Keyhole","Knife","Ladder","LadderSimple","Lamp","LampPendant","Laptop","Lasso","LastfmLogo","Layout","Leaf","Lectern","Lego","LegoSmiley","Lemniscate","LessThan","LessThanOrEqual","LetterCircleH","LetterCircleP","LetterCircleV","Lifebuoy","Lightbulb","LightbulbFilament","Lighthouse","Lightning","LightningA","LightningSlash","LineSegment","LineSegments","LineVertical","Link","LinkBreak","LinkSimple","LinkSimpleBreak","LinkSimpleHorizontal","LinkSimpleHorizontalBreak","LinkedinLogo","LinktreeLogo","LinuxLogo","List","ListBullets","ListChecks","ListDashes","ListHeart","ListMagnifyingGlass","ListNumbers","ListPlus","ListStar","Lock","LockKey","LockKeyOpen","LockLaminated","LockLaminatedOpen","LockOpen","LockSimple","LockSimpleOpen","Lockers","Log","MagicWand","Magnet","MagnetStraight","MagnifyingGlass","MagnifyingGlassMinus","MagnifyingGlassPlus","Mailbox","MapPin","MapPinArea","MapPinLine","MapPinPlus","MapPinSimple","MapPinSimpleArea","MapPinSimpleLine","MapTrifold","MarkdownLogo","MarkerCircle","Martini","MaskHappy","MaskSad","MastodonLogo","MathOperations","MatrixLogo","Medal","MedalMilitary","MediumLogo","Megaphone","MegaphoneSimple","MemberOf","Memory","MessengerLogo","MetaLogo","Meteor","Metronome","Microphone","MicrophoneSlash","MicrophoneStage","Microscope","MicrosoftExcelLogo","MicrosoftOutlookLogo","MicrosoftPowerpointLogo","MicrosoftTeamsLogo","MicrosoftWordLogo","Minus","MinusCircle","MinusSquare","Money","MoneyWavy","Monitor","MonitorArrowUp","MonitorPlay","Moon","MoonStars","Moped","MopedFront","Mosque","Motorcycle","Mountains","Mouse","MouseLeftClick","MouseMiddleClick","MouseRightClick","MouseScroll","MouseSimple","MusicNote","MusicNoteSimple","MusicNotes","MusicNotesMinus","MusicNotesPlus","MusicNotesSimple","NavigationArrow","Needle","Network","NetworkSlash","NetworkX","Newspaper","NewspaperClipping","NotEquals","NotMemberOf","NotSubsetOf","NotSupersetOf","Notches","Note","NoteBlank","NotePencil","Notebook","Notepad","Notification","NotionLogo","NuclearPlant","NumberCircleEight","NumberCircleFive","NumberCircleFour","NumberCircleNine","NumberCircleOne","NumberCircleSeven","NumberCircleSix","NumberCircleThree","NumberCircleTwo","NumberCircleZero","NumberEight","NumberFive","NumberFour","NumberNine","NumberOne","NumberSeven","NumberSix","NumberSquareEight","NumberSquareFive","NumberSquareFour","NumberSquareNine","NumberSquareOne","NumberSquareSeven","NumberSquareSix","NumberSquareThree","NumberSquareTwo","NumberSquareZero","NumberThree","NumberTwo","NumberZero","Numpad","Nut","NyTimesLogo","Octagon","OfficeChair","Onigiri","OpenAiLogo","Option","Orange","OrangeSlice","Oven","Package","PaintBrush","PaintBrushBroad","PaintBrushHousehold","PaintBucket","PaintRoller","Palette","Panorama","Pants","PaperPlane","PaperPlaneRight","PaperPlaneTilt","Paperclip","PaperclipHorizontal","Parachute","Paragraph","Parallelogram","Park","Password","Path","PatreonLogo","Pause","PauseCircle","PawPrint","PaypalLogo","Peace","Pen","PenNib","PenNibStraight","Pencil","PencilCircle","PencilLine","PencilRuler","PencilSimple","PencilSimpleLine","PencilSimpleSlash","PencilSlash","Pentagon","Pentagram","Pepper","Percent","Person","PersonArmsSpread","PersonSimple","PersonSimpleBike","PersonSimpleCircle","PersonSimpleHike","PersonSimpleRun","PersonSimpleSki","PersonSimpleSnowboard","PersonSimpleSwim","PersonSimpleTaiChi","PersonSimpleThrow","PersonSimpleWalk","Perspective","Phone","PhoneCall","PhoneDisconnect","PhoneIncoming","PhoneList","PhoneOutgoing","PhonePause","PhonePlus","PhoneSlash","PhoneTransfer","PhoneX","PhosphorLogo","Pi","PianoKeys","PicnicTable","PictureInPicture","PiggyBank","Pill","PingPong","PintGlass","PinterestLogo","Pinwheel","Pipe","PipeWrench","PixLogo","Pizza","Placeholder","Planet","Plant","Play","PlayCircle","PlayPause","Playlist","Plug","PlugCharging","Plugs","PlugsConnected","Plus","PlusCircle","PlusMinus","PlusSquare","PokerChip","PoliceCar","Polygon","Popcorn","Popsicle","PottedPlant","Power","Prescription","Presentation","PresentationChart","Printer","Prohibit","ProhibitInset","ProjectorScreen","ProjectorScreenChart","Pulse","PushPin","PushPinSimple","PushPinSimpleSlash","PushPinSlash","PuzzlePiece","QrCode","Question","QuestionMark","Queue","Quotes","Rabbit","Racquet","Radical","Radio","RadioButton","Radioactive","Rainbow","RainbowCloud","Ranking","ReadCvLogo","Receipt","ReceiptX","Record","Rectangle","RectangleDashed","Recycle","RedditLogo","Repeat","RepeatOnce","ReplitLogo","Resize","Rewind","RewindCircle","RoadHorizon","Robot","Rocket","RocketLaunch","Rows","RowsPlusBottom","RowsPlusTop","Rss","RssSimple","Rug","Ruler","SSR","Sailboat","Scales","Scan","ScanSmiley","Scissors","Scooter","Screencast","Screwdriver","Scribble","ScribbleLoop","Scroll","Seal","SealCheck","SealPercent","SealQuestion","SealWarning","Seat","Seatbelt","SecurityCamera","Selection","SelectionAll","SelectionBackground","SelectionForeground","SelectionInverse","SelectionPlus","SelectionSlash","Shapes","Share","ShareFat","ShareNetwork","Shield","ShieldCheck","ShieldCheckered","ShieldChevron","ShieldPlus","ShieldSlash","ShieldStar","ShieldWarning","ShippingContainer","ShirtFolded","ShootingStar","ShoppingBag","ShoppingBagOpen","ShoppingCart","ShoppingCartSimple","Shovel","Shower","Shrimp","Shuffle","ShuffleAngular","ShuffleSimple","Sidebar","SidebarSimple","Sigma","SignIn","SignOut","Signature","Signpost","SimCard","Siren","SketchLogo","SkipBack","SkipBackCircle","SkipForward","SkipForwardCircle","Skull","SkypeLogo","SlackLogo","Sliders","SlidersHorizontal","Slideshow","Smiley","SmileyAngry","SmileyBlank","SmileyMeh","SmileyMelting","SmileyNervous","SmileySad","SmileySticker","SmileyWink","SmileyXEyes","SnapchatLogo","Sneaker","SneakerMove","Snowflake","SoccerBall","Sock","SolarPanel","SolarRoof","SortAscending","SortDescending","SoundcloudLogo","Spade","Sparkle","SpeakerHifi","SpeakerHigh","SpeakerLow","SpeakerNone","SpeakerSimpleHigh","SpeakerSimpleLow","SpeakerSimpleNone","SpeakerSimpleSlash","SpeakerSimpleX","SpeakerSlash","SpeakerX","Speedometer","Sphere","Spinner","SpinnerBall","SpinnerGap","Spiral","SplitHorizontal","SplitVertical","SpotifyLogo","SprayBottle","Square","SquareHalf","SquareHalfBottom","SquareLogo","SquareSplitHorizontal","SquareSplitVertical","SquaresFour","Stack","StackMinus","StackOverflowLogo","StackPlus","StackSimple","Stairs","Stamp","StandardDefinition","Star","StarAndCrescent","StarFour","StarHalf","StarOfDavid","SteamLogo","SteeringWheel","Steps","Stethoscope","Sticker","Stool","Stop","StopCircle","Storefront","Strategy","StripeLogo","Student","SubsetOf","SubsetProperOf","Subtitles","SubtitlesSlash","Subtract","SubtractSquare","Subway","Suitcase","SuitcaseRolling","SuitcaseSimple","Sun","SunDim","SunHorizon","Sunglasses","SupersetOf","SupersetProperOf","Swap","Swatches","SwimmingPool","Sword","Synagogue","Syringe","TShirt","Table","Tabs","Tag","TagChevron","TagSimple","Target","Taxi","TeaBag","TelegramLogo","Television","TelevisionSimple","TennisBall","Tent","Terminal","TerminalWindow","TestTube","TextAUnderline","TextAa","TextAlignCenter","TextAlignJustify","TextAlignLeft","TextAlignRight","TextB","TextBolder","TextColumns","TextH","TextHFive","TextHFour","TextHOne","TextHSix","TextHThree","TextHTwo","TextIndent","TextItalic","TextOutdent","TextStrikethrough","TextSubscript","TextSuperscript","TextT","TextTSlash","TextUnderline","Textbox","Thermometer","ThermometerCold","ThermometerHot","ThermometerSimple","ThreadsLogo","ThreeD","ThumbsDown","ThumbsUp","Ticket","TidalLogo","TiktokLogo","Tilde","Timer","TipJar","Tipi","Tire","ToggleLeft","ToggleRight","Toilet","ToiletPaper","Toolbox","Tooth","Tornado","Tote","ToteSimple","Towel","Tractor","Trademark","TrademarkRegistered","TrafficCone","TrafficSign","TrafficSignal","Train","TrainRegional","TrainSimple","Tram","Translate","Trash","TrashSimple","Tray","TrayArrowDown","TrayArrowUp","TreasureChest","Tree","TreeEvergreen","TreePalm","TreeStructure","TreeView","TrendDown","TrendUp","Triangle","TriangleDashed","Trolley","TrolleySuitcase","Trophy","Truck","TruckTrailer","TumblrLogo","TwitchLogo","TwitterLogo","Umbrella","UmbrellaSimple","Union","Unite","UniteSquare","Upload","UploadSimple","Usb","User","UserCheck","UserCircle","UserCircleCheck","UserCircleDashed","UserCircleGear","UserCircleMinus","UserCirclePlus","UserFocus","UserGear","UserList","UserMinus","UserPlus","UserRectangle","UserSound","UserSquare","UserSwitch","Users","UsersFour","UsersThree","Van","Vault","VectorThree","VectorTwo","Vibrate","Video","VideoCamera","VideoCameraSlash","VideoConference","Vignette","VinylRecord","VirtualReality","Virus","Visor","Voicemail","Volleyball","Wall","Wallet","Warehouse","Warning","WarningCircle","WarningDiamond","WarningOctagon","WashingMachine","Watch","WaveSawtooth","WaveSine","WaveSquare","WaveTriangle","Waveform","WaveformSlash","Waves","Webcam","WebcamSlash","WebhooksLogo","WechatLogo","WhatsappLogo","Wheelchair","WheelchairMotion","WifiHigh","WifiLow","WifiMedium","WifiNone","WifiSlash","WifiX","Wind","Windmill","WindowsLogo","Wine","Wrench","X","XCircle","XLogo","XSquare","Yarn","YinYang","YoutubeLogo"],we="_buttons_1gn8m_1",ke="_button_1gn8m_1",Re={buttons:we,button:ke},Ee=()=>e.jsxRuntimeExports.jsxs("div",{className:Re.buttons,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"ArrowUUpLeft",hoverable:!0,width:20,height:20}),e.jsxRuntimeExports.jsx(e.Icon,{name:"ArrowUUpRight",hoverable:!0,width:20,height:20})]}),ye="_devices_hxl12_1",Be="_device_hxl12_1",Pe="_active_hxl12_23",ne={devices:ye,device:Be,active:Pe},Ae=()=>{const{currentDevice:t,setCurrentDevice:o}=e.useDeviceStore();return e.jsxRuntimeExports.jsx("div",{className:ne.devices,children:_e.map(s=>e.jsxRuntimeExports.jsx("div",{className:e.clx(ne.device,{[ne.active]:t===s}),onClick:()=>o(s),children:e.jsxRuntimeExports.jsx(e.Icon,{name:s.icon,fill:t===s?"#252525":"#757575",width:20,height:20})},s.value))})},Le="_header_zvaam_1",Te="_left_zvaam_12",Ne="_right_zvaam_13",J={header:Le,left:Te,right:Ne},Fe="_preview_vijvm_2",De="_active_vijvm_22",re={preview:Fe,active:De},Me=()=>{const{onPreview:t,setOnPreview:o}=e.usePreviewStore();return e.jsxRuntimeExports.jsxs("div",{className:e.clx(re.preview,{[re.active]:t}),onClick:()=>o(!t),children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"ArrowUpRight",width:20,height:20}),e.jsxRuntimeExports.jsx("span",{className:re.text,children:"Preview"})]})},Ie="_settings_q79q3_1",He={settings:Ie},$e="_language_1mbvp_1",Oe="_text_1mbvp_11",le={language:$e,text:Oe},Ue=()=>e.jsxRuntimeExports.jsxs("div",{className:le.language,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"Globe",fill:"#252525",width:20,height:20}),e.jsxRuntimeExports.jsx("span",{className:le.text,children:"Default"}),e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretDown",width:20,height:20})]}),qe="_pages_sf7rl_1",Ge="_text_sf7rl_16",ze="_modal_sf7rl_22",We="_page_sf7rl_1",Ve="_hoverable_sf7rl_45",Xe="_separator_sf7rl_49",Ke="_button_sf7rl_53",Qe="_items_sf7rl_67",F={pages:qe,default:"_default_sf7rl_5",text:Ge,modal:ze,page:We,hoverable:Ve,separator:Xe,button:Ke,items:Qe},N=t=>t?t.replace(/_/g," ").split(" ").map(o=>o.charAt(0).toUpperCase()+o.slice(1)).join(" and "):"",Ye=()=>{const{currentPage:t,setCurrentPage:o,setIsOpenModal:s,pages:r,setIsEdit:a,setEditedPage:i,deletePage:n,isOpenSelectModal:l,setIsOpenSelectModal:c}=e.usePagesStore(),{deletePage:d}=e.useLayersStore(),[h,u]=S.useState("");return S.useEffect(()=>{const m=()=>{c(!1)};return document.body.addEventListener("click",m),()=>{document.body.removeEventListener("click",m)}},[]),e.jsxRuntimeExports.jsxs("div",{className:F.pages,children:[e.jsxRuntimeExports.jsxs("div",{className:F.default,onClick:m=>{m.stopPropagation(),c(!l)},children:[e.jsxRuntimeExports.jsx(e.Icon,{name:r&&r[t].icon||"File",fill:"#252525",width:20,height:20}),e.jsxRuntimeExports.jsx("span",{className:F.text,children:r&&K.includes(r[t].name)?`${N(r[t].name)} page`:r&&r[t].name}),e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretDown",width:20,height:20})]}),l&&e.jsxRuntimeExports.jsxs("div",{className:F.modal,onClick:m=>m.stopPropagation(),children:[r&&e.jsxRuntimeExports.jsx("div",{className:F.items,children:Object.keys(r).map(m=>{const p=r[m];return e.jsxRuntimeExports.jsxs("div",{className:e.clx(F.page,{[F.hoverable]:h===m}),onMouseEnter:()=>u(m),onMouseLeave:()=>u(""),onClick:()=>{u(""),a(!1),o(m),c(!1)},children:[e.jsxRuntimeExports.jsx(e.Icon,{name:p.icon,fill:"#252525"}),e.jsxRuntimeExports.jsx("span",{className:F.text,children:K.includes(p.name)?`${N(p.name)} page`:p.name}),h===m&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"Gear",fill:"#757575",onClick:b=>{b.stopPropagation(),a(!0),i(m),s(!0)}}),!K.includes(p.name)&&e.jsxRuntimeExports.jsx(e.Icon,{name:"Trash",fill:"#C12A2A",onClick:b=>{r[t].name===p.name&&o("home"),b.stopPropagation(),n(m),d(p.name),e.deletePage(p.path)}})]}),r[t].name===p.name&&e.jsxRuntimeExports.jsx(e.Icon,{name:"Check",fill:"#FF3F19"})]},m)})}),e.jsxRuntimeExports.jsx("div",{className:F.separator}),e.jsxRuntimeExports.jsxs(e.Button,{className:F.button,onClick:m=>{m.stopPropagation(),s(!0)},size:"l",children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"Plus",fill:"#ff3f19"}),e.jsxRuntimeExports.jsx("span",{children:"Create Page Blank"})]})]})]})},Je="_zoom_a77cn_1",Ze={zoom:Je},et=()=>{const[t,o]=S.useState(),s=()=>{o(Number(Math.round(window.devicePixelRatio*50).toFixed(0)))};return S.useEffect(()=>(s(),window.addEventListener("resize",s),()=>{window.removeEventListener("resize",s)}),[]),e.jsxRuntimeExports.jsxs("div",{className:Ze.zoom,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"MagnifyingGlassMinus",width:20,height:20}),e.jsxRuntimeExports.jsxs("span",{children:[t," %"]})]})},tt=()=>e.jsxRuntimeExports.jsxs("div",{className:He.settings,children:[e.jsxRuntimeExports.jsx(Ue,{}),e.jsxRuntimeExports.jsx(Ye,{}),e.jsxRuntimeExports.jsx(et,{})]}),st="_theme_3wxbf_1",ot={theme:st},nt=()=>e.jsxRuntimeExports.jsxs("div",{className:ot.theme,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"Check",width:18,height:18}),e.jsxRuntimeExports.jsx("div",{children:"Current Theme"})]}),rt=()=>{const{themeSettings:t}=e.useThemeSettingsStore(),{settings:o}=e.useSettingsStore(),{isOpenSelectModal:s}=e.usePagesStore(),[r,a]=S.useState(null),[i,n]=S.useState(!1),{pages:l}=e.usePagesStore(),{blocks:c}=e.useLayersStore();function d(b,g){return g.map(j=>Object.values(j.value.blockSettings).filter(R=>R.type===b).map(R=>R.value).flat()).flat().map(j=>j.listingId)}function h(b,g){return d(b,g).some(j=>j)}function u(b,g){const C=d(b,g);return Array.isArray(C)&&C.length>0?Math.max(...C):0}function m(b){if(l){const g=Object.keys(l).find(C=>l[C].name===b);if(g)return l[g]}return null}const p=()=>{if(i)r&&clearTimeout(r);else{const g=Object.keys(c).map(C=>{const j=m(C);return{name:j?j.name:C,path:C==="home"?"/":(j==null?void 0:j.path)||C,layout:{...c[C]},neededProductIds:[...d("ProductId",Object.values(c[C]))],neededCategoryIds:[...d("CategoryId",Object.values(c[C]))],neededAnnouncementIds:[...d("AnnouncementId",Object.values(c[C]))],neededListingIds:[...d("listings",Object.values(c[C]))],neededFaqs:h("Faqs",Object.values(c[C])),neededReviewCount:u("ReviewCount",Object.values(c[C])),seo:{pageTitle:j&&j.seo?j.seo.title:"",pageDescription:j&&j.seo?j.seo.description:""}}});e.updateSettings("POST","save",{themeSettings:t,settings:o,updatedPages:g})}n(!0);const b=setTimeout(()=>{n(!1)},2e3);a(b)};return e.jsxRuntimeExports.jsxs("div",{className:J.header,style:{zIndex:s?5e4:50},children:[e.jsxRuntimeExports.jsxs("div",{className:J.left,children:[e.jsxRuntimeExports.jsx(Ae,{}),e.jsxRuntimeExports.jsx(Me,{})]}),e.jsxRuntimeExports.jsx("div",{className:J.center,children:e.jsxRuntimeExports.jsx(tt,{})}),e.jsxRuntimeExports.jsxs("div",{className:J.right,children:[e.jsxRuntimeExports.jsx(nt,{}),e.jsxRuntimeExports.jsx(Ee,{}),e.jsxRuntimeExports.jsx(e.Button,{onClick:p,children:"Save"})]})]})},it="_exit_2ce42_1",at="_text_2ce42_10",ce={exit:it,text:at},lt=()=>e.jsxRuntimeExports.jsxs("div",{className:ce.exit,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"SignOut",width:20,height:20}),e.jsxRuntimeExports.jsx("span",{className:ce.text,children:"Exit"})]}),ct="_navbar_2ac63_1",ut="_main_2ac63_6",pt="_block_2ac63_13",mt="_active_2ac63_30",Z={navbar:ct,main:ut,block:pt,active:mt},dt=()=>{const{activeBlock:t,setActiveBlock:o}=e.useNavbarStore(),{setActiveBlock:s}=e.useBlocksStore(),{setCurrentBlock:r}=e.useLayersStore(),{setActiveBlock:a}=e.useThemeSettingsStore();function i(n){s(null),o(n),r(null),a(null)}return e.jsxRuntimeExports.jsxs("div",{className:Z.navbar,children:[e.jsxRuntimeExports.jsx(lt,{}),e.jsxRuntimeExports.jsx("div",{className:Z.main,children:e.navbarBlocks.map(n=>e.jsxRuntimeExports.jsxs("div",{className:e.clx(Z.block,{[Z.active]:t.icon===n.icon}),onClick:()=>i(n),children:[e.jsxRuntimeExports.jsx(e.Icon,{name:n.icon,fill:t.icon===n.icon?"#252525":"#757575"}),e.jsxRuntimeExports.jsx("span",{children:n.name})]},n.icon))})]})},xt="_preview_1q4f5_1",ht="_main_1q4f5_9",gt="_content_1q4f5_19",jt="_loading_1q4f5_26",St="_loader_1q4f5_34",Ct="_spin_1q4f5_1",ee={preview:xt,main:ht,content:gt,loading:jt,loader:St,spin:Ct},_t="_header_1t64j_1",bt="_circles_1t64j_14",ft="_circle_1t64j_14",vt="_red_1t64j_30",wt="_green_1t64j_34",kt="_yellow_1t64j_38",Rt="_input_1t64j_42",Et="_main_1t64j_51",yt="_text_1t64j_59",I={header:_t,circles:bt,circle:ft,red:vt,green:wt,yellow:kt,input:Rt,main:Et,text:yt},Bt="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",Pt=["red","yellow","green"],At=()=>e.jsxRuntimeExports.jsxs("div",{className:I.header,children:[e.jsxRuntimeExports.jsx("div",{className:I.circles,children:Pt.map(t=>e.jsxRuntimeExports.jsx("div",{className:e.clx(I.circle,{[I.red]:t==="red",[I.yellow]:t==="yellow",[I.green]:t==="green"})},t))}),e.jsxRuntimeExports.jsxs("div",{className:I.input,children:[e.jsxRuntimeExports.jsxs("div",{className:I.main,children:[e.jsxRuntimeExports.jsx("img",{src:Bt,alt:""}),e.jsxRuntimeExports.jsx("span",{className:I.text,children:"lorem.ipsum"}),e.jsxRuntimeExports.jsx(e.Icon,{name:"Lock",fill:"#757575",width:15,height:16})]}),e.jsxRuntimeExports.jsx(e.Icon,{name:"Copy",width:20,height:20})]})]}),Lt="_content_1plo6_1",Tt="_main_1plo6_8",Nt="_block_1plo6_12",Ft="_active_1plo6_19",Dt="_name_1plo6_23",Mt="_empty_1plo6_37",It="_icon_1plo6_48",Ht="_title_1plo6_59",$t="_text_1plo6_65",Ot="_sections_1plo6_71",Ut="_section_1plo6_71",V={content:Lt,main:Tt,block:Nt,active:Ft,name:Dt,empty:Mt,icon:It,title:Ht,text:$t,sections:Ot,section:Ut},qt="_sidebar_1f3hk_1",Gt="_content_1f3hk_12",zt="_button_1f3hk_22",Wt="_moveButton_1f3hk_30",Vt="_border_1f3hk_34",Xt="_deleteButton_1f3hk_38",A={sidebar:qt,content:Gt,button:zt,moveButton:Wt,border:Vt,deleteButton:Xt},Kt=()=>{const{activeBlock:t}=e.usePreviewStore(),{blocks:o,removeBlock:s,moveBlock:r,duplicateBlock:a}=e.useLayersStore(),{currentPage:i,pages:n}=e.usePagesStore(),l=n?Object.keys(o[n[i].name]):[],c=l.indexOf(t),d=()=>{c>0&&n&&r(n[i].name,c,c-1)},h=()=>{c<l.length-1&&n&&r(n[i].name,c,c+1)},u=()=>{n&&a(n[i].name,t)};return e.jsxRuntimeExports.jsx("div",{className:A.sidebar,children:e.jsxRuntimeExports.jsxs("div",{className:A.content,children:[e.jsxRuntimeExports.jsx("button",{onClick:d,className:e.clx(A.button,A.moveButton),disabled:c===0,children:e.jsxRuntimeExports.jsx(e.Icon,{name:"ArrowUp"})}),e.jsxRuntimeExports.jsx("button",{onClick:h,className:e.clx(A.button,A.moveButton),disabled:c===l.length-1,children:e.jsxRuntimeExports.jsx(e.Icon,{name:"ArrowDown"})}),e.jsxRuntimeExports.jsx("div",{className:A.border}),e.jsxRuntimeExports.jsx("button",{onClick:u,className:e.clx(A.button,A.moveButton),children:e.jsxRuntimeExports.jsx(e.Icon,{name:"Copy"})}),e.jsxRuntimeExports.jsx("div",{className:A.border}),e.jsxRuntimeExports.jsx("button",{onClick:()=>{n&&s(n[i].name,t)},className:e.clx(A.button,A.deleteButton),children:e.jsxRuntimeExports.jsx(e.Icon,{name:"Trash",hoverable:!0})})]})})},he=({render:t,block:o})=>t(o),Qt=()=>{const{footer:t}=e.useLayersStore(),{settings:o}=e.useSettingsStore(),{pageContext:s}=e.usePagesStore();return t==null?void 0:t.renderBlock(o,s)},Yt=()=>{const{header:t}=e.useLayersStore(),{settings:o}=e.useSettingsStore(),{pageContext:s}=e.usePagesStore();return t==null?void 0:t.renderBlock(o,s)},Jt=S.memo(()=>{const{setActiveBlock:t,activeBlock:o}=e.usePreviewStore(),{blocks:s}=e.useBlocksStore(),{blocks:r}=e.useLayersStore(),{settings:a}=e.useSettingsStore(),{currentPage:i,pages:n,setIsOpenSelectModal:l,pageContext:c}=e.usePagesStore(),d=S.useRef(o);S.useEffect(()=>{d.current=o},[o]),S.useEffect(()=>{const u=()=>{d.current&&t(null)};return document.body.addEventListener("click",u),()=>{document.body.removeEventListener("click",u)}},[]);const h=u=>{const m=new s[u.name];return Object.assign(m,u.value),m.renderBlock(a,c)};return e.jsxRuntimeExports.jsxs("div",{onClick:u=>{u.stopPropagation(),l(!1)},className:V.content,children:[e.jsxRuntimeExports.jsx(Yt,{}),e.jsxRuntimeExports.jsx("div",{className:V.main,children:n&&r[n[i].name]&&Object.keys(r[n[i].name]).map(u=>e.jsxRuntimeExports.jsxs("div",{onClick:()=>t(u),className:e.clx(V.block,{[V.active]:o===u}),children:[o===u&&e.jsxRuntimeExports.jsx("div",{className:V.name,children:r[n[i].name][u].name}),o===u&&e.jsxRuntimeExports.jsx(Kt,{}),e.jsxRuntimeExports.jsx(he,{render:h,block:r[n[i].name][u]})]}))}),e.jsxRuntimeExports.jsx(Qt,{})]})}),Zt="_results_f488n_1",es="_name_f488n_8",ts="_product_f488n_15",te={results:Zt,name:es,product:ts},ss="_search_1s0qp_1",os="_input_1s0qp_12",ue={search:ss,input:os},ns=()=>e.jsxRuntimeExports.jsxs("label",{className:ue.search,children:[e.jsxRuntimeExports.jsx("input",{type:"text",placeholder:"Search for sections",className:ue.input}),e.jsxRuntimeExports.jsx(e.Icon,{name:"MagnifyingGlass",fill:"#757575"})]}),ge=()=>{const{blocks:t,setActiveBlock:o}=e.useBlocksStore(),{hideModal:s}=e.useSubmodalStore();function r(a){o(a),s()}return e.jsxRuntimeExports.jsxs("div",{className:te.add,children:[e.jsxRuntimeExports.jsx(ns,{}),e.jsxRuntimeExports.jsx("div",{className:te.results,children:Object.keys(t).map(a=>e.jsxRuntimeExports.jsxs("div",{className:te.product,onClick:()=>r(a),children:[e.jsxRuntimeExports.jsx("span",{className:te.name,children:a}),e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretRight"})]},a))})]})},rs=()=>{const{modalPosition:t,color:o,initialColor:s,setShowModal:r,hue:a,saturation:i,brightness:n,dragging:l,setDragging:c,setHue:d,setSaturation:h,setBrightness:u,colorChange:m,setColor:p,update:b}=e.useColorPickerStore(),g=x=>{const{offsetX:v,offsetY:f}=x.nativeEvent;c(!0),R(v,f,x.currentTarget)},C=x=>{if(l){const v=document.querySelector(`.${e.styles.colorMap}`),{left:f,top:B}=v.getBoundingClientRect(),w=x.clientX-f,O=x.clientY-B;R(w,O,v)}},j=()=>{c(!1)},R=(x,v,f)=>{const{width:B,height:w}=f.getBoundingClientRect(),O=Math.max(0,Math.min(x/B*100,100)),Q=Math.max(0,Math.min(100-v/w*100,100));h(O),u(Q),E(O,Q)},E=(x,v)=>{const f=_(a,x,v);m(f),p(f)},y=(x,v,f)=>{v/=100,f/=100;const B=Y=>(Y+x/60)%6,w=Y=>f*(1-v*Math.max(0,Math.min(B(Y),4-B(Y),1))),O=Math.round(255*w(5)),Q=Math.round(255*w(3)),Ce=Math.round(255*w(1));return{r:O,g:Q,b:Ce}},k=(x,v,f)=>{const B=w=>w.toString(16).padStart(2,"0");return`#${B(x)}${B(v)}${B(f)}`},_=(x,v,f)=>{const{r:B,g:w,b:O}=y(x,v,f);return k(B,w,O)};S.useEffect(()=>{const x=f=>C(f),v=()=>j();return l?(document.addEventListener("mousemove",x),document.addEventListener("mouseup",v)):(document.removeEventListener("mousemove",x),document.removeEventListener("mouseup",v)),()=>{document.removeEventListener("mousemove",x),document.removeEventListener("mouseup",v)}},[l]);function P(){b(o),r(!1)}function $(){r(!1),m(s)}return e.jsxRuntimeExports.jsxs("div",{className:e.styles.modal,onClick:x=>x.stopPropagation(),style:{top:`${t.top}px`,left:`${t.left}px`},children:[e.jsxRuntimeExports.jsx("div",{children:"Color"}),e.jsxRuntimeExports.jsx("div",{className:e.styles.colorMap,onMouseDown:g,style:{background:`
|
|
3
3
|
linear-gradient(to top, black, transparent),
|
|
4
4
|
linear-gradient(to right, hsl(${a}, 100%, 100%), hsl(${a}, 100%, 50%))
|
|
5
|
-
`},children:e.jsxRuntimeExports.jsx("div",{className:e.styles.indicator,style:{position:"absolute",left:`${i}%`,top:`${100-n}%`,transform:"translate(-50%, -50%)"}})}),e.jsxRuntimeExports.jsx("div",{className:e.styles.hueSlider,children:e.jsxRuntimeExports.jsx("input",{type:"range",min:"0",max:"360",value:a,onChange:x=>{g(Number(x.target.value)),R(i,n)},className:e.styles.slider})}),e.jsxRuntimeExports.jsxs("div",{className:e.styles.buttons,children:[e.jsxRuntimeExports.jsx(e.Button,{onClick:$,className:e.clx(e.styles.applyButton,e.styles.cancelButton),children:"Cancel"}),e.jsxRuntimeExports.jsx(e.Button,{onClick:P,className:e.styles.applyButton,children:"Apply"})]})]})},rs=()=>{const{onPreview:t}=e.usePreviewStore(),{hoverBlockId:o,isModalVisible:s,isPreviewVisible:r}=e.useSubmodalStore(),{settings:a}=e.useSettingsStore(),{blocks:i}=e.useBlocksStore(),{blocks:n}=e.useLayersStore(),{currentPage:l,pages:c,pageContext:g}=e.usePagesStore(),{showModal:h}=e.useColorPickerStore(),[p,m]=j.useState(!0);j.useEffect(()=>{t&&g.general&&setTimeout(()=>{m(!1)},100)},[t,g]);const u=S=>{const d=new i[S.name];return Object.assign(d,S.value),d.renderBlock(a,g)};return e.jsxRuntimeExports.jsxs("div",{className:Z.preview,children:[s&&e.jsxRuntimeExports.jsx(e.Submodal,{children:e.jsxRuntimeExports.jsx(ge,{})}),r&&o&&e.jsxRuntimeExports.jsxs(e.Submodal,{children:[!p&&e.jsxRuntimeExports.jsx(he,{render:u,block:c&&n[c[l].name][o]}),p&&e.jsxRuntimeExports.jsx(e.Loader,{})]}),h&&e.jsxRuntimeExports.jsx(ns,{}),t&&e.jsxRuntimeExports.jsxs("div",{className:Z.main,children:[e.jsxRuntimeExports.jsx(At,{}),e.jsxRuntimeExports.jsx("div",{className:Z.content,children:p?e.jsxRuntimeExports.jsx("div",{className:Z.loading,children:e.jsxRuntimeExports.jsx(e.Loader,{})}):e.jsxRuntimeExports.jsx(Yt,{})})]})]})},is="_sidebar_1r5sp_1",as="_title_1r5sp_10",ls="_active_1r5sp_18",pe={sidebar:is,title:as,active:ls},cs="_layers_62wod_1",us="_block_62wod_8",ps="_dragging_62wod_23",ms="_active_62wod_31",ds="_add_62wod_35",xs="_button_62wod_47",hs="_empty_62wod_60",gs="_title_62wod_72",js="_icon_62wod_79",Ss="_text_62wod_83",Cs="_highlight_62wod_89",W={layers:cs,block:us,dragging:ps,active:ms,add:ds,button:xs,empty:hs,title:gs,icon:js,text:Ss,highlight:Cs},_s="_block_1d6lb_1",me={block:_s},bs=()=>{const{setCurrentBlock:t}=e.useLayersStore(),{activeBlock:o}=e.usePreviewStore();function s(r){t(r)}return e.jsxRuntimeExports.jsxs("div",{className:e.clx(me.block,{[me.active]:o==="header"}),onClick:()=>s("header"),children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"Cards"}),e.jsxRuntimeExports.jsx("span",{children:"Header"})]})},fs="_block_1d6lb_1",de={block:fs},vs=()=>{const{activeBlock:t}=e.usePreviewStore(),{setCurrentBlock:o}=e.useLayersStore();function s(r){o(r)}return e.jsxRuntimeExports.jsxs("div",{className:e.clx(de.block,{[de.active]:t==="footer"}),onClick:()=>s("footer"),children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"Cards"}),e.jsxRuntimeExports.jsx("span",{children:"Footer"})]})},ws=({id:t,name:o,index:s,moveBlock:r,onClick:a})=>{const{currentPage:i,pages:n}=e.usePagesStore(),{activeBlock:l}=e.usePreviewStore(),{showPreview:c,hidePreview:g,showModal:h,hideModal:p,clearHideTimeout:m,startHideTimeout:u,hoverBlockId:S,isModalVisible:d}=e.useSubmodalStore(),{setPositionBlock:_}=e.useLayersStore(),[k,B]=j.useState(!1),R=()=>{d&&p(),c(t),B(!0),m()},E=x=>{x.stopPropagation(),g(),h(t),m(),_(s+1)},w=()=>{d?u():(B(!1),g())};j.useEffect(()=>{d||B(!1)},[d]);const[,C]=e.useDrop({accept:"block",hover(x){x.index!==s&&n&&(r(n[i].name,x.index,s),x.index=s)}}),[{isDragging:P},$]=e.useDrag({type:"block",item:{id:t,index:s},collect:x=>({isDragging:x.isDragging()})});return e.jsxRuntimeExports.jsxs("div",{ref:x=>$(C(x)),className:e.clx(W.block,{[W.dragging]:P,[W.active]:!P&&l===t}),onClick:()=>a(t),onMouseEnter:R,onMouseLeave:w,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"Cards"}),e.jsxRuntimeExports.jsx("span",{children:o}),(k||S===t)&&!P&&e.jsxRuntimeExports.jsx("div",{className:W.add,children:e.jsxRuntimeExports.jsx("button",{className:W.button,onClick:x=>E(x),children:e.jsxRuntimeExports.jsx(e.Icon,{name:"Plus",fill:"#fff"})})})]})},ks=()=>{const{blocks:t,setCurrentBlock:o,moveBlock:s}=e.useLayersStore(),{currentPage:r,pages:a}=e.usePagesStore(),{setMouseOverModal:i,setHoverBlockId:n}=e.useSubmodalStore();function l(c){o(c),i(!1),n(null)}return e.jsxRuntimeExports.jsxs("div",{className:W.layers,children:[e.jsxRuntimeExports.jsx(bs,{}),e.jsxRuntimeExports.jsx(e.DndProvider,{backend:e.HTML5Backend,children:e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:a&&t[a[r].name]&&Object.keys(t[a[r].name]).map((c,g)=>e.jsxRuntimeExports.jsx(ws,{id:c,name:t[a[r].name][c].name,index:g,moveBlock:s,onClick:l},c))})}),e.jsxRuntimeExports.jsx(vs,{})]})},Rs=({isHeader:t})=>{const{header:o,footer:s}=e.useLayersStore(),{pageContext:r}=e.usePagesStore();return t?o==null?void 0:o.renderSettings(r):s==null?void 0:s.renderSettings(r)},Es=()=>{const{settings:t}=e.useSettingsStore();return t==null?void 0:t.renderSettings()},ys="_theme_1xj36_1",Bs="_block_1xj36_6",Ps="_name_1xj36_20",ie={theme:ys,block:Bs,name:Ps},As=()=>{const{setActiveBlock:t}=e.useThemeSettingsStore();function o(s){t(s)}return e.jsxRuntimeExports.jsx("div",{className:ie.theme,children:be.map(s=>e.jsxRuntimeExports.jsxs("div",{onClick:()=>o(s),className:e.clx(ie.block),children:[e.jsxRuntimeExports.jsx(e.Icon,{name:s.icon}),e.jsxRuntimeExports.jsx("span",{className:ie.name,children:s.name}),e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretRight"})]},s.icon))})},Ls="_back_1lk1m_1",Ts="_render_1lk1m_8",Ns="_open_1lk1m_23",Fs="_close_1lk1m_50",Ds="_clicked_1lk1m_54",Ms="_title_1lk1m_58",Is="_button_1lk1m_65",Hs="_loading_1lk1m_70",$s="_settings_1lk1m_74",Os="_buttons_1lk1m_80",Us="_deleteButton_1lk1m_86",D={back:Ls,render:Ts,open:Ns,close:Fs,clicked:Ds,title:Ms,button:Is,loading:Hs,settings:$s,buttons:Os,deleteButton:Us},qs=({block:t})=>{if(!t)return null;const{pageContext:o}=e.usePagesStore();return t.renderSettings(o)},Gs=t=>{var f;const{isAdd:o}=t,[s,r]=j.useState(!1),{setActiveBlock:a}=e.useNavbarStore(),{sourceBlocks:i,activeBlock:n,setActiveBlock:l,currentInstance:c,setCurrentInstance:g}=e.useBlocksStore(),{blocks:h,addBlock:p,editBlock:m,currentBlock:u,setCurrentBlock:S,removeBlock:d,setPositionBlock:_,setHeader:k,setFooter:B,header:R,footer:E}=e.useLayersStore(),{currentPage:w,pages:C}=e.usePagesStore();function P(b=!1){!o&&C&&c&&!b&&m(C[w].name,u,{name:h[C[w].name][u].name,value:c}),l(null),S(null),setTimeout(()=>{r(!1)},150),g(null)}function $(){P(),a({name:"Layers",icon:"TreeStructure"}),g(null)}function x(){if(o)return new i[n];if(C){const b=h[C[w].name][u];return new i[b.name](b.value.blockSettings)}}return j.useEffect(()=>{if(n||u&&!["header","footer"].includes(u)){const b=x();g(b)}else g(null)},[n,u]),j.useEffect(()=>{u==="header"&&k(R)},[u,R]),j.useEffect(()=>{u==="footer"&&B(E)},[u,E]),e.jsxRuntimeExports.jsxs("div",{className:e.clx(D.render,{[D.open]:u||n,[D.close]:!u&&!n,[D.clicked]:s}),children:[e.jsxRuntimeExports.jsxs("div",{className:D.back,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretLeft",hoverable:!0,onClick:()=>P()}),e.jsxRuntimeExports.jsx("h3",{className:D.title,children:n||C&&h[C[w].name]&&((f=h[C[w].name][u])==null?void 0:f.name)||u&&N(u)||"Loading"})]}),e.jsxRuntimeExports.jsxs("div",{className:D.settings,children:[c&&e.jsxRuntimeExports.jsx(qs,{block:c}),u&&["header","footer"].includes(u)&&e.jsxRuntimeExports.jsx(Rs,{isHeader:u==="header"}),!n&&!u&&e.jsxRuntimeExports.jsx("div",{className:D.loading,children:"Loading"})]}),e.jsxRuntimeExports.jsxs("div",{className:D.buttons,children:[o&&e.jsxRuntimeExports.jsx(e.Button,{style:{width:"100%"},onClick:()=>{r(!0),!["header","footer"].includes(u)&&C?(p(C[w].name,{name:n,value:c}),_(null)):u==="header"?k(R):B(E),$()},children:"Add Section"}),!o&&C&&!["header","footer"].includes(u)&&e.jsxRuntimeExports.jsx("button",{onClick:()=>{r(!0),d(C[w].name,u),P(!0)},className:D.deleteButton,children:e.jsxRuntimeExports.jsx(e.Icon,{name:"Trash",hoverable:!0})})]})]})},zs="_settings_1r85j_1",Ws="_open_1r85j_16",Vs="_close_1r85j_20",Xs="_header_1r85j_24",Ks="_title_1r85j_30",Qs="_addButton_1r85j_37",V={settings:zs,open:Ws,close:Vs,header:Xs,title:Ks,addButton:Qs},Ys="_wrapper_n1a7x_1",Js="_category_n1a7x_5",Zs="_categoryTitle_n1a7x_10",eo="_color_n1a7x_16",to="_content_n1a7x_24",so="_preview_n1a7x_32",U={wrapper:Ys,category:Js,categoryTitle:Zs,color:eo,content:to,preview:so},oo=()=>{const{themeSettings:t,updateColor:o}=e.useThemeSettingsStore();async function s(a,i,n){o(a,i,n)}const r=j.useMemo(()=>{const a={};return Object.entries(t.colors).forEach(([i,n])=>{Object.entries(n).forEach(([l,c])=>{a[c]||(a[c]=[]),a[c].push(`${i}-${l}`)})}),Object.keys(a).filter(i=>a[i].length>1)},[t.colors]);return e.jsxRuntimeExports.jsx("div",{className:U.wrapper,children:Object.entries(t.colors).map(([a,i])=>e.jsxRuntimeExports.jsxs("div",{className:U.category,children:[e.jsxRuntimeExports.jsx("h2",{className:U.categoryTitle,children:N(a)}),Object.entries(i).map(([n,l])=>e.jsxRuntimeExports.jsxs("div",{className:U.color,children:[e.jsxRuntimeExports.jsxs("div",{className:U.content,children:[e.jsxRuntimeExports.jsx("div",{className:U.preview,style:{background:l}}),e.jsxRuntimeExports.jsx(e.ColorPicker,{title:N(n),initialColor:l,onChange:c=>s(a,n,c)})]}),r.includes(l)&&e.jsxRuntimeExports.jsx(e.Tip,{type:"warning",message:"To avoid contrast problems, please use a different color",style:{marginBottom:12}})]},n))]},a))})},no="_wrapper_kb55x_2",ro="_category_kb55x_6",io="_categoryTitle_kb55x_11",ao="_color_kb55x_17",lo="_name_kb55x_23",co="_content_kb55x_28",uo="_label_kb55x_34",po="_input_kb55x_45",mo="_title_kb55x_71",xo="_field_kb55x_79",ho="_alignments_kb55x_89",go="_lineField_kb55x_95",jo="_style_kb55x_101",So="_header_kb55x_108",M={wrapper:no,category:ro,categoryTitle:io,color:ao,name:lo,content:co,label:uo,input:po,title:mo,field:xo,alignments:ho,lineField:go,style:jo,header:So},Co=["left","center","right"],_o=["solid","dashed"],se=t=>{const{title:o,children:s,rightAddon:r}=t;return e.jsxRuntimeExports.jsxs("div",{className:M.field,children:[e.jsxRuntimeExports.jsxs("div",{className:M.header,children:[e.jsxRuntimeExports.jsx("h4",{children:o}),r]}),s]})},bo=()=>{const{themeSettings:t,updateInput:o}=e.useThemeSettingsStore(),s=j.useMemo(()=>t.inputs,[t]),r=(i,n,l)=>{o(i,n,l)},a=i=>n=>{o(i,n,"color")};return e.jsxRuntimeExports.jsxs("div",{className:M.wrapper,children:[e.jsxRuntimeExports.jsxs(se,{title:"General",children:[e.jsxRuntimeExports.jsx(e.Input,{label:"Height (px)",value:String(s.general.height),onChange:i=>r("general",i,"height"),type:"number",min:0}),e.jsxRuntimeExports.jsx(e.Input,{label:"Style name",value:s.general.name,onChange:i=>r("general",i,"name")}),e.jsxRuntimeExports.jsx(e.Select,{label:"Font Size (px)",onChange:i=>r("general",i,"size"),value:String(s.general.size),options:e.sizeOptions}),e.jsxRuntimeExports.jsx(e.ColorPicker,{initialColor:N(s.general.color),onChange:a("general"),title:"Font Color",labelStyle:"secondary"})]}),e.jsxRuntimeExports.jsxs(se,{title:"Field Fill",rightAddon:e.jsxRuntimeExports.jsx("div",{className:M.switch,children:e.jsxRuntimeExports.jsx(e.Switch,{onChange:i=>r("field",i,"active"),current:s.field.active})}),children:[e.jsxRuntimeExports.jsx(e.ColorPicker,{initialColor:N(s.field.color),onChange:a("field"),title:"Color",labelStyle:"secondary"}),e.jsxRuntimeExports.jsx(e.Input,{label:"Opacity (%)",value:String(s.field.opacity),onChange:i=>r("field",i,"opacity"),type:"number",min:0})]}),e.jsxRuntimeExports.jsxs(se,{title:"Border",rightAddon:e.jsxRuntimeExports.jsx("div",{className:M.switch,children:e.jsxRuntimeExports.jsx(e.Switch,{onChange:i=>r("border",i,"active"),current:s.border.active})}),children:[e.jsxRuntimeExports.jsxs("div",{className:M.lineField,children:[e.jsxRuntimeExports.jsxs("div",{className:M.style,children:[e.jsxRuntimeExports.jsx("span",{className:M.title,children:"Style"}),e.jsxRuntimeExports.jsx(e.Picker,{items:_o,selectedItem:s.border.style,onSelect:i=>r("border",i,"style"),getIconName:i=>i==="solid"?"Minus":"Selection"})]}),e.jsxRuntimeExports.jsx(e.Input,{label:"Radius (px)",value:String(s.border.radius),onChange:i=>r("border",i,"radius"),type:"number",min:0})]}),e.jsxRuntimeExports.jsx(e.Input,{label:"Thickness (px)",value:String(s.border.thickness),onChange:i=>r("border",i,"thickness"),type:"number",min:0}),e.jsxRuntimeExports.jsx(e.ColorPicker,{initialColor:N(s.border.color),onChange:a("border"),title:"Color",labelStyle:"secondary"})]}),e.jsxRuntimeExports.jsxs(se,{title:"Label",children:[e.jsxRuntimeExports.jsx(e.Input,{label:"Line Height (px)",value:String(s.label.height),onChange:i=>r("label",i,"height"),type:"number",min:0}),e.jsxRuntimeExports.jsx(e.Select,{label:"Font Size (px)",onChange:i=>r("label",i,"size"),value:String(s.label.size),options:e.sizeOptions}),e.jsxRuntimeExports.jsx(e.ColorPicker,{initialColor:N(s.label.color),onChange:a("label"),title:"Color",labelStyle:"secondary"}),e.jsxRuntimeExports.jsxs("div",{className:M.alignments,children:[e.jsxRuntimeExports.jsx("h4",{className:M.title,children:"Alignment Type"}),e.jsxRuntimeExports.jsx(e.Picker,{items:Co,selectedItem:s.label.alignment,onSelect:i=>r("label",i,"alignment"),getIconName:i=>i==="center"?"AlignCenterHorizontal":i==="left"?"AlignLeft":"AlignRight"})]})]})]})},fo="_wrapper_k9on2_1",vo="_category_k9on2_5",wo="_categoryTitle_k9on2_10",ko="_font_k9on2_16",Ro="_content_k9on2_36",Eo="_icon_k9on2_42",yo="_paragraph_k9on2_51",Bo="_deleteIcon_k9on2_55",Po="_iconButton_k9on2_62",H={wrapper:fo,category:vo,categoryTitle:wo,font:ko,content:Ro,icon:Eo,paragraph:yo,deleteIcon:Bo,iconButton:Po},Ao=t=>{const{font:o,size:s,id:r,category:a}=t,{setActiveFont:i}=e.useThemeSettingsStore();return e.jsxRuntimeExports.jsxs("div",{className:H.font,onClick:()=>i(r),children:[e.jsxRuntimeExports.jsx("div",{className:e.clx(H.icon,{[H.paragraph]:a==="paragraph"}),children:e.jsxRuntimeExports.jsx(e.Icon,{name:a==="paragraph"?"TextB":"TextH"})}),e.jsxRuntimeExports.jsxs("div",{className:H.content,children:[e.jsxRuntimeExports.jsx("h2",{className:H.categoryTitle,children:N(r)}),e.jsxRuntimeExports.jsx("span",{className:H.value,children:`${o}, ${s}px`})]})]})},Lo=()=>{const{themeSettings:t,setActiveFont:o,activeBlock:s}=e.useThemeSettingsStore();j.useEffect(()=>(r(),()=>{r()}),[]);function r(){o(null)}if(s!=null&&s.name)return e.jsxRuntimeExports.jsx("div",{className:H.wrapper,children:Object.entries(t.fonts).map(([a,i])=>e.jsxRuntimeExports.jsxs("div",{className:H.category,children:[e.jsxRuntimeExports.jsx("h2",{className:H.categoryTitle,children:N(a)}),Object.entries(i).map(([n,l])=>e.jsxRuntimeExports.jsx(Ao,{id:n,category:a,...l},n))]},a))})},To="_wrapper_94fpv_1",No="_open_94fpv_16",Fo="_close_94fpv_20",Do="_header_94fpv_24",Mo="_title_94fpv_31",Io="_options_94fpv_37",Ho="_clicked_94fpv_44",q={wrapper:To,open:No,close:Fo,header:Do,title:Mo,options:Io,clicked:Ho},$o=()=>{const{activeBlock:t,setActiveFont:o,activeFont:s,themeSettings:r,updateFont:a}=e.useThemeSettingsStore(),{fonts:i}=e.useFontsStore(),[n,l]=j.useState(null);function c(){o(null)}function g(p,m){n&&s&&a(n,s,m,p)}const h=j.useMemo(()=>s?r.fonts.heading[s]?(l("heading"),r.fonts.heading[s]):r.fonts.paragraph[s]?(l("paragraph"),r.fonts.paragraph[s]):(l(null),null):null,[s,r]);return e.jsxRuntimeExports.jsxs("div",{className:e.clx(q.wrapper,{[q.open]:(t==null?void 0:t.name)==="Fonts"&&s,[q.close]:(t==null?void 0:t.name)!=="Fonts"||!s}),children:[e.jsxRuntimeExports.jsxs("div",{className:q.header,onClick:c,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretLeft",hoverable:!0}),e.jsxRuntimeExports.jsx("span",{className:q.title,children:"Font Style"})]}),s&&h&&e.jsxRuntimeExports.jsxs("div",{className:q.options,children:[e.jsxRuntimeExports.jsx(e.Select,{label:"Font",value:h.font,onChange:p=>g(p,"font"),options:[...i.filter(p=>p!==h.font)]}),e.jsxRuntimeExports.jsx(e.Select,{label:"Size",value:String(h.size),onChange:p=>g(p,"size"),options:e.sizeOptions}),e.jsxRuntimeExports.jsx(e.Select,{label:"Weight",value:String(h.weight),onChange:p=>g(p,"weight"),options:e.weightOptions})]})]})},Oo="_wrapper_94fpv_1",Uo="_open_94fpv_16",qo="_close_94fpv_20",Go="_header_94fpv_24",zo="_title_94fpv_31",Wo="_options_94fpv_37",Vo="_clicked_94fpv_44",G={wrapper:Oo,open:Uo,close:qo,header:Go,title:zo,options:Wo,clicked:Vo},je=()=>{const{activeBlock:t,themeSettings:o,updateBorder:s,setActiveBlock:r}=e.useThemeSettingsStore();function a(l,c){s(c,l)}function i(){r(null)}const n=j.useMemo(()=>o.borders,[o]);return e.jsxRuntimeExports.jsxs("div",{className:e.clx(G.wrapper,{[G.open]:(t==null?void 0:t.name)==="Borders",[G.close]:(t==null?void 0:t.name)!=="Borders"}),children:[e.jsxRuntimeExports.jsxs("div",{className:G.header,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretLeft",hoverable:!0,onClick:i}),e.jsxRuntimeExports.jsx("span",{className:G.title,children:"Borders Style"})]}),e.jsxRuntimeExports.jsxs("div",{className:G.options,children:[e.jsxRuntimeExports.jsx(e.Input,{label:"Border Radius (px)",value:String(n.radius),onChange:l=>a(Number(l),"radius"),type:"number",min:0}),e.jsxRuntimeExports.jsx(e.Input,{label:"Border Thickness (px)",value:String(n.thickness),onChange:l=>a(Number(l),"thickness"),type:"number",min:0})]})]})},Xo="_wrapper_1j33r_1",Ko="_open_1j33r_16",Qo="_close_1j33r_20",Yo="_header_1j33r_24",Jo="_title_1j33r_31",Zo="_options_1j33r_37",en="_clicked_1j33r_44",tn="_label_1j33r_48",sn="_alignments_1j33r_55",on="_blocks_1j33r_61",nn="_alignment_1j33r_55",rn="_active_1j33r_75",L={wrapper:Xo,open:Ko,close:Qo,header:Yo,title:Jo,options:Zo,clicked:en,label:tn,alignments:sn,blocks:on,alignment:nn,active:rn},an=["left","center","right"],Se=()=>{const{activeBlock:t,themeSettings:o,updateButton:s,setActiveBlock:r}=e.useThemeSettingsStore();function a(l,c){s(c,l)}function i(){r(null)}const n=j.useMemo(()=>o.buttons,[o]);return e.jsxRuntimeExports.jsxs("div",{className:e.clx(L.wrapper,{[L.open]:(t==null?void 0:t.name)==="Buttons",[L.close]:(t==null?void 0:t.name)!=="Buttons"}),children:[e.jsxRuntimeExports.jsxs("div",{className:L.header,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretLeft",hoverable:!0,onClick:i}),e.jsxRuntimeExports.jsx("span",{className:L.title,children:"Buttons Style"})]}),n&&e.jsxRuntimeExports.jsxs("div",{className:L.options,children:[e.jsxRuntimeExports.jsx(e.Input,{label:"Height (px)",value:String(n.height),onChange:l=>a(l,"height"),type:"number",min:0}),e.jsxRuntimeExports.jsx(e.Select,{label:"Font Size (px)",value:String(n.size),onChange:l=>a(l,"size"),options:e.sizeOptions}),e.jsxRuntimeExports.jsx(e.Input,{label:"Border Radius (px)",value:String(n.radius),onChange:l=>a(Number(l),"radius"),type:"number",min:0}),e.jsxRuntimeExports.jsxs("div",{className:L.alignments,children:[e.jsxRuntimeExports.jsx("h4",{className:L.label,children:"Alignment Type"}),e.jsxRuntimeExports.jsx("div",{className:L.blocks,children:an.map(l=>e.jsxRuntimeExports.jsx("div",{className:e.clx(L.alignment,{[L.active]:n.alignment===l}),onClick:()=>{a(l,"alignment")},children:e.jsxRuntimeExports.jsx(e.Icon,{name:l==="center"?"AlignCenterHorizontal":l==="left"?"AlignLeft":"AlignRight",fill:n.alignment===l?"#252525":"#757575"})},l))})]})]})]})},ln=()=>{const{activeBlock:t}=e.useThemeSettingsStore();return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[(t==null?void 0:t.name)==="Fonts"&&e.jsxRuntimeExports.jsx($o,{}),(t==null?void 0:t.name)==="Borders"&&e.jsxRuntimeExports.jsx(je,{}),(t==null?void 0:t.name)==="Buttons"&&e.jsxRuntimeExports.jsx(Se,{})]})},cn=()=>{const{activeBlock:t,setActiveBlock:o}=e.useThemeSettingsStore(),{activeBlock:s}=e.useNavbarStore();function r(){o(null)}return e.jsxRuntimeExports.jsxs("div",{className:e.clx(V.settings,{[V.open]:t,[V.close]:!t||s.name!=="Theme"}),children:[e.jsxRuntimeExports.jsxs("div",{className:V.header,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretLeft",hoverable:!0,onClick:r}),e.jsxRuntimeExports.jsx("span",{className:V.title,children:t==null?void 0:t.name})]}),(t==null?void 0:t.name)==="Fonts"&&e.jsxRuntimeExports.jsx(Lo,{}),(t==null?void 0:t.name)==="Colors"&&e.jsxRuntimeExports.jsx(oo,{}),(t==null?void 0:t.name)==="Inputs"&&e.jsxRuntimeExports.jsx(bo,{}),(t==null?void 0:t.name)==="Borders"&&e.jsxRuntimeExports.jsx(je,{}),(t==null?void 0:t.name)==="Borders"&&e.jsxRuntimeExports.jsx(Se,{}),e.jsxRuntimeExports.jsx(ln,{})]})},un=()=>{const{activeBlock:t}=e.useNavbarStore(),{activeBlock:o}=e.useBlocksStore();function s(){switch(t.name){case"Layers":return"Layers";case"Add":return"Add Sections";case"Theme":return"Theme Settings";case"Settings":return"Settings"}}return e.jsxRuntimeExports.jsxs("div",{className:pe.sidebar,children:[e.jsxRuntimeExports.jsx("h3",{className:pe.title,children:s()}),t.name==="Layers"&&e.jsxRuntimeExports.jsx(ks,{}),t.name==="Add"&&e.jsxRuntimeExports.jsx(ge,{}),e.jsxRuntimeExports.jsx(Gs,{isAdd:!!o}),e.jsxRuntimeExports.jsx(cn,{}),t.name==="Theme"&&e.jsxRuntimeExports.jsx(As,{}),t.name==="Settings"&&e.jsxRuntimeExports.jsx(Es,{})]})},pn="_wrapper_jjfwh_1",mn="_header_jjfwh_12",dn="_content_jjfwh_21",xn="_buttons_jjfwh_29",hn="_cancel_jjfwh_35",gn="_label_jjfwh_40",jn="_description_jjfwh_41",Sn="_preview_jjfwh_49",Cn="_block_jjfwh_55",_n="_slug_jjfwh_63",bn="_title_jjfwh_69",T={wrapper:pn,header:mn,content:dn,buttons:xn,cancel:hn,label:gn,description:jn,preview:Sn,block:Cn,slug:_n,title:bn},fn=()=>{var P,$,x,f,b,y;const{setIsOpenModal:t,pages:o,createPage:s,updatePage:r,isEdit:a,setIsEdit:i,editedPage:n,setEditedPage:l}=e.usePagesStore(),{createPage:c,updatePage:g}=e.useLayersStore(),[h,p]=j.useState(n?o&&((P=o[n])==null?void 0:P.path):""),[m,u]=j.useState(n?o&&(($=o[n])==null?void 0:$.name):""),[S,d]=j.useState(n?o&&((x=o[n])==null?void 0:x.seo.description):""),[_,k]=j.useState(n?o&&((f=o[n])==null?void 0:f.visibility):"public");function B(){p(""),u(""),d(""),k("public"),i(!1),l(null)}function R(){B(),t(!1)}function E(v){return v[0]==="/"?v:"/"+v}function w(){s({path:E(h),name:m||h||"",icon:"File",seo:{title:m||"",description:S||""},visibility:_||"public"}),c(m),R()}function C(){o&&(g(o[n].name||"",m||h||""),r(n,{path:E(h),name:m||h,icon:o[n].icon||"File",seo:{title:m||"",description:S||""},visibility:_||"public"})),R()}return e.jsxRuntimeExports.jsxs("div",{className:T.wrapper,onClick:v=>v.stopPropagation(),children:[e.jsxRuntimeExports.jsxs("div",{className:T.header,children:[e.jsxRuntimeExports.jsxs("h2",{children:[a?"Edit":"Create"," Blank Page"]}),e.jsxRuntimeExports.jsx(e.Icon,{name:"X",fill:"#757575",hoverable:!0,onClick:R})]}),e.jsxRuntimeExports.jsxs("div",{className:T.content,children:[e.jsxRuntimeExports.jsx(e.Input,{label:"Page Slug",onChange:v=>p(v),value:h,placeholder:"path-to-page",disabled:!!(n&&o&&((b=o[n])!=null&&b.name)&&X.includes(o[n].name)),required:!0,regex:"^.+$"}),e.jsxRuntimeExports.jsx(e.Input,{label:"Page Title",onChange:v=>u(v),value:m,placeholder:"Contact us",disabled:!!(n&&o&&((y=o[n])!=null&&y.name)&&X.includes(o[n].name))}),e.jsxRuntimeExports.jsx(e.Textarea,{label:"Description",onChange:v=>d(v),value:S,placeholder:"Contact us at any time of the day or night. You are always welcome",maxLength:150}),e.jsxRuntimeExports.jsx(e.Radio,{label:"Visibility",defaultValue:_,options:[{value:"public",label:"Public"},{value:"private",label:"Private"}],onChange:v=>k(v)}),e.jsxRuntimeExports.jsxs("div",{className:T.preview,children:[e.jsxRuntimeExports.jsx("span",{className:T.label,children:"Preview"}),e.jsxRuntimeExports.jsxs("div",{className:T.block,children:[e.jsxRuntimeExports.jsx("span",{className:T.slug,children:h||"yoursite.url"}),e.jsxRuntimeExports.jsx("span",{className:T.title,children:m||"My Blank Page"}),e.jsxRuntimeExports.jsx("span",{className:T.description,children:S||"It is My Description"})]})]})]}),e.jsxRuntimeExports.jsxs("div",{className:T.buttons,children:[e.jsxRuntimeExports.jsx(e.Button,{className:T.cancel,onClick:R,children:"Cancel"}),e.jsxRuntimeExports.jsx(e.Button,{onClick:a?C:w,disabled:h.length===0,children:a?"Update":"Create"})]})]})},vn="_layout_kjedu_1",wn="_main_kjedu_8",kn="_content_kjedu_15",ae={layout:vn,main:wn,content:kn},Rn=()=>{const{isOpenModal:t,setIsOpenModal:o}=e.usePagesStore(),{openModal:s,setOpenModal:r}=e.useChooseImageStore();return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:ae.layout,children:[e.jsxRuntimeExports.jsx(dt,{}),e.jsxRuntimeExports.jsxs("main",{className:ae.main,children:[e.jsxRuntimeExports.jsx(rt,{}),e.jsxRuntimeExports.jsxs("div",{className:ae.content,children:[e.jsxRuntimeExports.jsx(un,{}),e.jsxRuntimeExports.jsx(rs,{})]})]})]}),t&&e.jsxRuntimeExports.jsx(e.Modal,{close:o,children:e.jsxRuntimeExports.jsx(fn,{})}),s&&e.jsxRuntimeExports.jsx(e.Modal,{close:r,children:e.jsxRuntimeExports.jsx(e.ChooseImageModal,{})})]})};async function z(t,o){const s=localStorage.getItem("shopId")||void 0,r=`${xe}/${t}/builder/shops/${s}/${o}`,a=localStorage.getItem("accessToken")||void 0;return(await e.axios.get(r,{headers:{Authorization:`Bearer ${a}`}})).data}async function En(){try{const[t,o,s,r,a,i]=await Promise.allSettled([z("v1","general"),z("v1","faqs"),z("v1","listings"),z("v1","products"),z("v1","reviews"),z("v1","categories")]);return{general:t,faqs:o,listings:s,products:r,reviews:a,categories:i}}catch(t){throw console.error("Error fetching page data:",t),t}}async function yn(){try{const{data:t}=await e.axios.get(`${fe}?key=AIzaSyAEsTbjAPUz_TeuFCq4z4LPK9w_vst0Pfw`);return t.items}catch(t){throw console.error("Error fetching page data:",t),t}}function Bn(){const{editBlock:t,currentBlock:o,blocks:s,header:r,setHeader:a,footer:i,setFooter:n}=e.useLayersStore.getState(),{currentPage:l,pages:c}=e.usePagesStore.getState(),{currentInstance:g,activeBlock:h}=e.useBlocksStore.getState();!h&&g&&c&&(o==="header"&&a(r),o==="footer"&&n(i),t(c[l].name,o,{name:s[c[l].name][o].name,value:g}))}async function Pn(){const t=localStorage.getItem("shopId")||void 0,o=`${xe}/v1/builder/shops/${t}/pages`,s=localStorage.getItem("accessToken")||void 0;return(await e.axios.get(o,{headers:{Authorization:`Bearer ${s}`}})).data}const An=t=>{const{blocks:o,settings:s,header:r,footer:a}=t,{setBlocks:i,setSourceBlocks:n}=e.useBlocksStore(),{fonts:l,setFonts:c}=e.useFontsStore(),{setSettings:g}=e.useSettingsStore(),{setPageContext:h,setPages:p}=e.usePagesStore(),{setHeader:m,setFooter:u}=e.useLayersStore();function S(d){return d[0]==="/"?d.slice(1):d}return j.useEffect(()=>{const d={};Object.keys(o).map(k=>{d[k]=o[k]}),n(d),i(d),m(r),u(a),g(s),(async()=>{if(l.length===0){const w=await yn();c([...w.map(C=>C.family)])}let k={listings:null,products:null,reviews:null,categories:null,faqs:null,general:null};const B=await En();Object.keys(B).map(w=>{const C=w;k[C]=B[C].value.data}),h(k);const R=await Pn();console.log(R);const E={};R.data.forEach(w=>{const C=S(w.path);w.path==="/"?E.home={...w,icon:oe.home.icon,name:"home"}:oe[C]?E[C]={...w,icon:oe[C].icon,name:C}:E[C]={...w,icon:"File",name:C}}),console.log("Buffer",E),p(E)})()},[]),e.jsxRuntimeExports.jsx(Rn,{})};exports.Builder=An;exports.hotReload=Bn;exports.iconNames=ve;
|
|
5
|
+
`},children:e.jsxRuntimeExports.jsx("div",{className:e.styles.indicator,style:{position:"absolute",left:`${i}%`,top:`${100-n}%`,transform:"translate(-50%, -50%)"}})}),e.jsxRuntimeExports.jsx("div",{className:e.styles.hueSlider,children:e.jsxRuntimeExports.jsx("input",{type:"range",min:"0",max:"360",value:a,onChange:x=>{d(Number(x.target.value)),E(i,n)},className:e.styles.slider})}),e.jsxRuntimeExports.jsxs("div",{className:e.styles.buttons,children:[e.jsxRuntimeExports.jsx(e.Button,{onClick:$,className:e.clx(e.styles.applyButton,e.styles.cancelButton),children:"Cancel"}),e.jsxRuntimeExports.jsx(e.Button,{onClick:P,className:e.styles.applyButton,children:"Apply"})]})]})},is=()=>{const{onPreview:t}=e.usePreviewStore(),{hoverBlockId:o,isModalVisible:s,isPreviewVisible:r}=e.useSubmodalStore(),{settings:a}=e.useSettingsStore(),{blocks:i}=e.useBlocksStore(),{blocks:n}=e.useLayersStore(),{currentPage:l,pages:c,pageContext:d}=e.usePagesStore(),{showModal:h}=e.useColorPickerStore(),[u,m]=S.useState(!0);S.useEffect(()=>{t&&d.general&&setTimeout(()=>{m(!1)},100)},[t,d]);const p=b=>{const g=new i[b.name];return Object.assign(g,b.value),g.renderBlock(a,d)};return e.jsxRuntimeExports.jsxs("div",{className:ee.preview,children:[s&&e.jsxRuntimeExports.jsx(e.Submodal,{children:e.jsxRuntimeExports.jsx(ge,{})}),r&&o&&e.jsxRuntimeExports.jsxs(e.Submodal,{children:[!u&&e.jsxRuntimeExports.jsx(he,{render:p,block:c&&n[c[l].name][o]}),u&&e.jsxRuntimeExports.jsx(e.Loader,{})]}),h&&e.jsxRuntimeExports.jsx(rs,{}),t&&e.jsxRuntimeExports.jsxs("div",{className:ee.main,children:[e.jsxRuntimeExports.jsx(At,{}),e.jsxRuntimeExports.jsx("div",{className:ee.content,children:u?e.jsxRuntimeExports.jsx("div",{className:ee.loading,children:e.jsxRuntimeExports.jsx(e.Loader,{})}):e.jsxRuntimeExports.jsx(Jt,{})})]})]})},as="_sidebar_96mlz_1",ls="_title_96mlz_10",cs="_active_96mlz_18",pe={sidebar:as,title:ls,active:cs},us="_layers_62wod_1",ps="_block_62wod_8",ms="_dragging_62wod_23",ds="_active_62wod_31",xs="_add_62wod_35",hs="_button_62wod_47",gs="_empty_62wod_60",js="_title_62wod_72",Ss="_icon_62wod_79",Cs="_text_62wod_83",_s="_highlight_62wod_89",W={layers:us,block:ps,dragging:ms,active:ds,add:xs,button:hs,empty:gs,title:js,icon:Ss,text:Cs,highlight:_s},bs="_block_1d6lb_1",me={block:bs},fs=()=>{const{setCurrentBlock:t}=e.useLayersStore(),{activeBlock:o}=e.usePreviewStore();function s(r){t(r)}return e.jsxRuntimeExports.jsxs("div",{className:e.clx(me.block,{[me.active]:o==="header"}),onClick:()=>s("header"),children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"Cards"}),e.jsxRuntimeExports.jsx("span",{children:"Header"})]})},vs="_block_1d6lb_1",de={block:vs},ws=()=>{const{activeBlock:t}=e.usePreviewStore(),{setCurrentBlock:o}=e.useLayersStore();function s(r){o(r)}return e.jsxRuntimeExports.jsxs("div",{className:e.clx(de.block,{[de.active]:t==="footer"}),onClick:()=>s("footer"),children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"Cards"}),e.jsxRuntimeExports.jsx("span",{children:"Footer"})]})},ks=({id:t,name:o,index:s,moveBlock:r,onClick:a})=>{const{currentPage:i,pages:n}=e.usePagesStore(),{activeBlock:l}=e.usePreviewStore(),{showPreview:c,hidePreview:d,showModal:h,hideModal:u,clearHideTimeout:m,startHideTimeout:p,hoverBlockId:b,isModalVisible:g}=e.useSubmodalStore(),{setPositionBlock:C}=e.useLayersStore(),[j,R]=S.useState(!1),E=()=>{g&&u(),c(t),R(!0),m()},y=x=>{x.stopPropagation(),d(),h(t),m(),C(s+1)},k=()=>{g?p():(R(!1),d())};S.useEffect(()=>{g||R(!1)},[g]);const[,_]=e.useDrop({accept:"block",hover(x){x.index!==s&&n&&(r(n[i].name,x.index,s),x.index=s)}}),[{isDragging:P},$]=e.useDrag({type:"block",item:{id:t,index:s},collect:x=>({isDragging:x.isDragging()})});return e.jsxRuntimeExports.jsxs("div",{ref:x=>$(_(x)),className:e.clx(W.block,{[W.dragging]:P,[W.active]:!P&&l===t}),onClick:()=>a(t),onMouseEnter:E,onMouseLeave:k,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"Cards"}),e.jsxRuntimeExports.jsx("span",{children:o}),(j||b===t)&&!P&&e.jsxRuntimeExports.jsx("div",{className:W.add,children:e.jsxRuntimeExports.jsx("button",{className:W.button,onClick:x=>y(x),children:e.jsxRuntimeExports.jsx(e.Icon,{name:"Plus",fill:"#fff"})})})]})},Rs=()=>{const{blocks:t,setCurrentBlock:o,moveBlock:s}=e.useLayersStore(),{currentPage:r,pages:a}=e.usePagesStore(),{setMouseOverModal:i,setHoverBlockId:n}=e.useSubmodalStore();function l(c){o(c),i(!1),n(null)}return e.jsxRuntimeExports.jsxs("div",{className:W.layers,children:[e.jsxRuntimeExports.jsx(fs,{}),e.jsxRuntimeExports.jsx(e.DndProvider,{backend:e.HTML5Backend,children:e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:a&&t[a[r].name]&&Object.keys(t[a[r].name]).map((c,d)=>e.jsxRuntimeExports.jsx(ks,{id:c,name:t[a[r].name][c].name,index:d,moveBlock:s,onClick:l},c))})}),e.jsxRuntimeExports.jsx(ws,{})]})},Es=({isHeader:t})=>{const{header:o,footer:s}=e.useLayersStore(),{pageContext:r}=e.usePagesStore();return t?o==null?void 0:o.renderSettings(r):s==null?void 0:s.renderSettings(r)},ys=()=>{const{settings:t}=e.useSettingsStore();return t==null?void 0:t.renderSettings()},Bs="_theme_1xj36_1",Ps="_block_1xj36_6",As="_name_1xj36_20",ie={theme:Bs,block:Ps,name:As},Ls=()=>{const{setActiveBlock:t}=e.useThemeSettingsStore();function o(s){t(s)}return e.jsxRuntimeExports.jsx("div",{className:ie.theme,children:be.map(s=>e.jsxRuntimeExports.jsxs("div",{onClick:()=>o(s),className:e.clx(ie.block),children:[e.jsxRuntimeExports.jsx(e.Icon,{name:s.icon}),e.jsxRuntimeExports.jsx("span",{className:ie.name,children:s.name}),e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretRight"})]},s.icon))})},Ts="_back_y3z55_1",Ns="_render_y3z55_8",Fs="_open_y3z55_23",Ds="_close_y3z55_50",Ms="_clicked_y3z55_54",Is="_title_y3z55_58",Hs="_button_y3z55_66",$s="_loading_y3z55_71",Os="_settings_y3z55_75",Us="_deleteButton_y3z55_81",D={back:Ts,render:Ns,open:Fs,close:Ds,clicked:Ms,title:Is,button:Hs,loading:$s,settings:Os,deleteButton:Us},qs=({block:t})=>{if(!t)return null;const{pageContext:o}=e.usePagesStore();return t.renderSettings(o)},Gs=t=>{var v;const{isAdd:o}=t,[s,r]=S.useState(!1),{setActiveBlock:a}=e.useNavbarStore(),{sourceBlocks:i,activeBlock:n,setActiveBlock:l,currentInstance:c,setCurrentInstance:d}=e.useBlocksStore(),{blocks:h,addBlock:u,editBlock:m,currentBlock:p,setCurrentBlock:b,removeBlock:g,setPositionBlock:C,setHeader:j,setFooter:R,header:E,footer:y}=e.useLayersStore(),{currentPage:k,pages:_}=e.usePagesStore();function P(f=!1){!o&&_&&c&&!f&&m(_[k].name,p,{name:h[_[k].name][p].name,value:c}),l(null),b(null),setTimeout(()=>{r(!1)},150),d(null)}function $(){P(),a({name:"Layers",icon:"TreeStructure"}),d(null)}function x(){if(o)return new i[n];if(_){const f=h[_[k].name][p];return new i[f.name](f.value.blockSettings)}}return S.useEffect(()=>{if(n||p&&!["header","footer"].includes(p)){const f=x();d(f)}else d(null)},[n,p]),S.useEffect(()=>{p==="header"&&j(E)},[p,E]),S.useEffect(()=>{p==="footer"&&R(y)},[p,y]),e.jsxRuntimeExports.jsxs("div",{className:e.clx(D.render,{[D.open]:p||n,[D.close]:!p&&!n,[D.clicked]:s}),children:[e.jsxRuntimeExports.jsxs("div",{className:D.back,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretLeft",hoverable:!0,onClick:()=>P()}),e.jsxRuntimeExports.jsx("h3",{className:D.title,children:n||_&&h[_[k].name]&&((v=h[_[k].name][p])==null?void 0:v.name)||p&&N(p)||"Loading"}),!o&&_&&!["header","footer"].includes(p)&&e.jsxRuntimeExports.jsx("button",{onClick:()=>{r(!0),g(_[k].name,p),P(!0)},className:D.deleteButton,children:e.jsxRuntimeExports.jsx(e.Icon,{name:"Trash",hoverable:!0})})]}),e.jsxRuntimeExports.jsxs("div",{className:D.settings,children:[c&&e.jsxRuntimeExports.jsx(qs,{block:c}),p&&["header","footer"].includes(p)&&e.jsxRuntimeExports.jsx(Es,{isHeader:p==="header"}),!n&&!p&&e.jsxRuntimeExports.jsx("div",{className:D.loading,children:"Loading"})]}),o&&e.jsxRuntimeExports.jsx("div",{className:D.addButton,children:e.jsxRuntimeExports.jsx(e.Button,{style:{width:"100%"},onClick:()=>{r(!0),!["header","footer"].includes(p)&&_?(u(_[k].name,{name:n,value:c}),C(null)):p==="header"?j(E):R(y),$()},children:"Add Section"})})]})},zs="_settings_1r85j_1",Ws="_open_1r85j_16",Vs="_close_1r85j_20",Xs="_header_1r85j_24",Ks="_title_1r85j_30",Qs="_addButton_1r85j_37",X={settings:zs,open:Ws,close:Vs,header:Xs,title:Ks,addButton:Qs},Ys="_wrapper_n1a7x_1",Js="_category_n1a7x_5",Zs="_categoryTitle_n1a7x_10",eo="_color_n1a7x_16",to="_content_n1a7x_24",so="_preview_n1a7x_32",U={wrapper:Ys,category:Js,categoryTitle:Zs,color:eo,content:to,preview:so},oo=()=>{const{themeSettings:t,updateColor:o}=e.useThemeSettingsStore();async function s(a,i,n){o(a,i,n)}const r=S.useMemo(()=>{const a={};return Object.entries(t.colors).forEach(([i,n])=>{Object.entries(n).forEach(([l,c])=>{a[c]||(a[c]=[]),a[c].push(`${i}-${l}`)})}),Object.keys(a).filter(i=>a[i].length>1)},[t.colors]);return e.jsxRuntimeExports.jsx("div",{className:U.wrapper,children:Object.entries(t.colors).map(([a,i])=>e.jsxRuntimeExports.jsxs("div",{className:U.category,children:[e.jsxRuntimeExports.jsx("h2",{className:U.categoryTitle,children:N(a)}),Object.entries(i).map(([n,l])=>e.jsxRuntimeExports.jsxs("div",{className:U.color,children:[e.jsxRuntimeExports.jsxs("div",{className:U.content,children:[e.jsxRuntimeExports.jsx("div",{className:U.preview,style:{background:l}}),e.jsxRuntimeExports.jsx(e.ColorPicker,{title:N(n),initialColor:l,onChange:c=>s(a,n,c)})]}),r.includes(l)&&e.jsxRuntimeExports.jsx(e.Tip,{type:"warning",message:"To avoid contrast problems, please use a different color",style:{marginBottom:12}})]},n))]},a))})},no="_wrapper_kb55x_2",ro="_category_kb55x_6",io="_categoryTitle_kb55x_11",ao="_color_kb55x_17",lo="_name_kb55x_23",co="_content_kb55x_28",uo="_label_kb55x_34",po="_input_kb55x_45",mo="_title_kb55x_71",xo="_field_kb55x_79",ho="_alignments_kb55x_89",go="_lineField_kb55x_95",jo="_style_kb55x_101",So="_header_kb55x_108",M={wrapper:no,category:ro,categoryTitle:io,color:ao,name:lo,content:co,label:uo,input:po,title:mo,field:xo,alignments:ho,lineField:go,style:jo,header:So},Co=["left","center","right"],_o=["solid","dashed"],se=t=>{const{title:o,children:s,rightAddon:r}=t;return e.jsxRuntimeExports.jsxs("div",{className:M.field,children:[e.jsxRuntimeExports.jsxs("div",{className:M.header,children:[e.jsxRuntimeExports.jsx("h4",{children:o}),r]}),s]})},bo=()=>{const{themeSettings:t,updateInput:o}=e.useThemeSettingsStore(),s=S.useMemo(()=>t.inputs,[t]),r=(i,n,l)=>{o(i,n,l)},a=i=>n=>{o(i,n,"color")};return e.jsxRuntimeExports.jsxs("div",{className:M.wrapper,children:[e.jsxRuntimeExports.jsxs(se,{title:"General",children:[e.jsxRuntimeExports.jsx(e.Input,{label:"Height (px)",value:String(s.general.height),onChange:i=>r("general",i,"height"),type:"number",min:0}),e.jsxRuntimeExports.jsx(e.Input,{label:"Style name",value:s.general.name,onChange:i=>r("general",i,"name")}),e.jsxRuntimeExports.jsx(e.Select,{label:"Font Size (px)",onChange:i=>r("general",i,"size"),value:String(s.general.size),options:e.sizeOptions}),e.jsxRuntimeExports.jsx(e.ColorPicker,{initialColor:N(s.general.color),onChange:a("general"),title:"Font Color",labelStyle:"secondary"})]}),e.jsxRuntimeExports.jsxs(se,{title:"Field Fill",rightAddon:e.jsxRuntimeExports.jsx("div",{className:M.switch,children:e.jsxRuntimeExports.jsx(e.Switch,{onChange:i=>r("field",i,"active"),current:s.field.active})}),children:[e.jsxRuntimeExports.jsx(e.ColorPicker,{initialColor:N(s.field.color),onChange:a("field"),title:"Color",labelStyle:"secondary"}),e.jsxRuntimeExports.jsx(e.Input,{label:"Opacity (%)",value:String(s.field.opacity),onChange:i=>r("field",i,"opacity"),type:"number",min:0})]}),e.jsxRuntimeExports.jsxs(se,{title:"Border",rightAddon:e.jsxRuntimeExports.jsx("div",{className:M.switch,children:e.jsxRuntimeExports.jsx(e.Switch,{onChange:i=>r("border",i,"active"),current:s.border.active})}),children:[e.jsxRuntimeExports.jsxs("div",{className:M.lineField,children:[e.jsxRuntimeExports.jsxs("div",{className:M.style,children:[e.jsxRuntimeExports.jsx("span",{className:M.title,children:"Style"}),e.jsxRuntimeExports.jsx(e.Picker,{items:_o,selectedItem:s.border.style,onSelect:i=>r("border",i,"style"),getIconName:i=>i==="solid"?"Minus":"Selection"})]}),e.jsxRuntimeExports.jsx(e.Input,{label:"Radius (px)",value:String(s.border.radius),onChange:i=>r("border",i,"radius"),type:"number",min:0})]}),e.jsxRuntimeExports.jsx(e.Input,{label:"Thickness (px)",value:String(s.border.thickness),onChange:i=>r("border",i,"thickness"),type:"number",min:0}),e.jsxRuntimeExports.jsx(e.ColorPicker,{initialColor:N(s.border.color),onChange:a("border"),title:"Color",labelStyle:"secondary"})]}),e.jsxRuntimeExports.jsxs(se,{title:"Label",children:[e.jsxRuntimeExports.jsx(e.Input,{label:"Line Height (px)",value:String(s.label.height),onChange:i=>r("label",i,"height"),type:"number",min:0}),e.jsxRuntimeExports.jsx(e.Select,{label:"Font Size (px)",onChange:i=>r("label",i,"size"),value:String(s.label.size),options:e.sizeOptions}),e.jsxRuntimeExports.jsx(e.ColorPicker,{initialColor:N(s.label.color),onChange:a("label"),title:"Color",labelStyle:"secondary"}),e.jsxRuntimeExports.jsxs("div",{className:M.alignments,children:[e.jsxRuntimeExports.jsx("h4",{className:M.title,children:"Alignment Type"}),e.jsxRuntimeExports.jsx(e.Picker,{items:Co,selectedItem:s.label.alignment,onSelect:i=>r("label",i,"alignment"),getIconName:i=>i==="center"?"AlignCenterHorizontal":i==="left"?"AlignLeft":"AlignRight"})]})]})]})},fo="_wrapper_k9on2_1",vo="_category_k9on2_5",wo="_categoryTitle_k9on2_10",ko="_font_k9on2_16",Ro="_content_k9on2_36",Eo="_icon_k9on2_42",yo="_paragraph_k9on2_51",Bo="_deleteIcon_k9on2_55",Po="_iconButton_k9on2_62",H={wrapper:fo,category:vo,categoryTitle:wo,font:ko,content:Ro,icon:Eo,paragraph:yo,deleteIcon:Bo,iconButton:Po},Ao=t=>{const{font:o,size:s,id:r,category:a}=t,{setActiveFont:i}=e.useThemeSettingsStore();return e.jsxRuntimeExports.jsxs("div",{className:H.font,onClick:()=>i(r),children:[e.jsxRuntimeExports.jsx("div",{className:e.clx(H.icon,{[H.paragraph]:a==="paragraph"}),children:e.jsxRuntimeExports.jsx(e.Icon,{name:a==="paragraph"?"TextB":"TextH"})}),e.jsxRuntimeExports.jsxs("div",{className:H.content,children:[e.jsxRuntimeExports.jsx("h2",{className:H.categoryTitle,children:N(r)}),e.jsxRuntimeExports.jsx("span",{className:H.value,children:`${o}, ${s}px`})]})]})},Lo=()=>{const{themeSettings:t,setActiveFont:o,activeBlock:s}=e.useThemeSettingsStore();S.useEffect(()=>(r(),()=>{r()}),[]);function r(){o(null)}if(s!=null&&s.name)return e.jsxRuntimeExports.jsx("div",{className:H.wrapper,children:Object.entries(t.fonts).map(([a,i])=>e.jsxRuntimeExports.jsxs("div",{className:H.category,children:[e.jsxRuntimeExports.jsx("h2",{className:H.categoryTitle,children:N(a)}),Object.entries(i).map(([n,l])=>e.jsxRuntimeExports.jsx(Ao,{id:n,category:a,...l},n))]},a))})},To="_wrapper_94fpv_1",No="_open_94fpv_16",Fo="_close_94fpv_20",Do="_header_94fpv_24",Mo="_title_94fpv_31",Io="_options_94fpv_37",Ho="_clicked_94fpv_44",q={wrapper:To,open:No,close:Fo,header:Do,title:Mo,options:Io,clicked:Ho},$o=()=>{const{activeBlock:t,setActiveFont:o,activeFont:s,themeSettings:r,updateFont:a}=e.useThemeSettingsStore(),{fonts:i}=e.useFontsStore(),[n,l]=S.useState(null);function c(){o(null)}function d(u,m){n&&s&&a(n,s,m,u)}const h=S.useMemo(()=>s?r.fonts.heading[s]?(l("heading"),r.fonts.heading[s]):r.fonts.paragraph[s]?(l("paragraph"),r.fonts.paragraph[s]):(l(null),null):null,[s,r]);return e.jsxRuntimeExports.jsxs("div",{className:e.clx(q.wrapper,{[q.open]:(t==null?void 0:t.name)==="Fonts"&&s,[q.close]:(t==null?void 0:t.name)!=="Fonts"||!s}),children:[e.jsxRuntimeExports.jsxs("div",{className:q.header,onClick:c,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretLeft",hoverable:!0}),e.jsxRuntimeExports.jsx("span",{className:q.title,children:"Font Style"})]}),s&&h&&e.jsxRuntimeExports.jsxs("div",{className:q.options,children:[e.jsxRuntimeExports.jsx(e.Select,{label:"Font",value:h.font,onChange:u=>d(u,"font"),options:[...i.filter(u=>u!==h.font)]}),e.jsxRuntimeExports.jsx(e.Select,{label:"Size",value:String(h.size),onChange:u=>d(u,"size"),options:e.sizeOptions}),e.jsxRuntimeExports.jsx(e.Select,{label:"Weight",value:String(h.weight),onChange:u=>d(u,"weight"),options:e.weightOptions})]})]})},Oo="_wrapper_94fpv_1",Uo="_open_94fpv_16",qo="_close_94fpv_20",Go="_header_94fpv_24",zo="_title_94fpv_31",Wo="_options_94fpv_37",Vo="_clicked_94fpv_44",G={wrapper:Oo,open:Uo,close:qo,header:Go,title:zo,options:Wo,clicked:Vo},je=()=>{const{activeBlock:t,themeSettings:o,updateBorder:s,setActiveBlock:r}=e.useThemeSettingsStore();function a(l,c){s(c,l)}function i(){r(null)}const n=S.useMemo(()=>o.borders,[o]);return e.jsxRuntimeExports.jsxs("div",{className:e.clx(G.wrapper,{[G.open]:(t==null?void 0:t.name)==="Borders",[G.close]:(t==null?void 0:t.name)!=="Borders"}),children:[e.jsxRuntimeExports.jsxs("div",{className:G.header,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretLeft",hoverable:!0,onClick:i}),e.jsxRuntimeExports.jsx("span",{className:G.title,children:"Borders Style"})]}),e.jsxRuntimeExports.jsxs("div",{className:G.options,children:[e.jsxRuntimeExports.jsx(e.Input,{label:"Border Radius (px)",value:String(n.radius),onChange:l=>a(Number(l),"radius"),type:"number",min:0}),e.jsxRuntimeExports.jsx(e.Input,{label:"Border Thickness (px)",value:String(n.thickness),onChange:l=>a(Number(l),"thickness"),type:"number",min:0})]})]})},Xo="_wrapper_1j33r_1",Ko="_open_1j33r_16",Qo="_close_1j33r_20",Yo="_header_1j33r_24",Jo="_title_1j33r_31",Zo="_options_1j33r_37",en="_clicked_1j33r_44",tn="_label_1j33r_48",sn="_alignments_1j33r_55",on="_blocks_1j33r_61",nn="_alignment_1j33r_55",rn="_active_1j33r_75",L={wrapper:Xo,open:Ko,close:Qo,header:Yo,title:Jo,options:Zo,clicked:en,label:tn,alignments:sn,blocks:on,alignment:nn,active:rn},an=["left","center","right"],Se=()=>{const{activeBlock:t,themeSettings:o,updateButton:s,setActiveBlock:r}=e.useThemeSettingsStore();function a(l,c){s(c,l)}function i(){r(null)}const n=S.useMemo(()=>o.buttons,[o]);return e.jsxRuntimeExports.jsxs("div",{className:e.clx(L.wrapper,{[L.open]:(t==null?void 0:t.name)==="Buttons",[L.close]:(t==null?void 0:t.name)!=="Buttons"}),children:[e.jsxRuntimeExports.jsxs("div",{className:L.header,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretLeft",hoverable:!0,onClick:i}),e.jsxRuntimeExports.jsx("span",{className:L.title,children:"Buttons Style"})]}),n&&e.jsxRuntimeExports.jsxs("div",{className:L.options,children:[e.jsxRuntimeExports.jsx(e.Input,{label:"Height (px)",value:String(n.height),onChange:l=>a(l,"height"),type:"number",min:0}),e.jsxRuntimeExports.jsx(e.Select,{label:"Font Size (px)",value:String(n.size),onChange:l=>a(l,"size"),options:e.sizeOptions}),e.jsxRuntimeExports.jsx(e.Input,{label:"Border Radius (px)",value:String(n.radius),onChange:l=>a(Number(l),"radius"),type:"number",min:0}),e.jsxRuntimeExports.jsxs("div",{className:L.alignments,children:[e.jsxRuntimeExports.jsx("h4",{className:L.label,children:"Alignment Type"}),e.jsxRuntimeExports.jsx("div",{className:L.blocks,children:an.map(l=>e.jsxRuntimeExports.jsx("div",{className:e.clx(L.alignment,{[L.active]:n.alignment===l}),onClick:()=>{a(l,"alignment")},children:e.jsxRuntimeExports.jsx(e.Icon,{name:l==="center"?"AlignCenterHorizontal":l==="left"?"AlignLeft":"AlignRight",fill:n.alignment===l?"#252525":"#757575"})},l))})]})]})]})},ln=()=>{const{activeBlock:t}=e.useThemeSettingsStore();return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[(t==null?void 0:t.name)==="Fonts"&&e.jsxRuntimeExports.jsx($o,{}),(t==null?void 0:t.name)==="Borders"&&e.jsxRuntimeExports.jsx(je,{}),(t==null?void 0:t.name)==="Buttons"&&e.jsxRuntimeExports.jsx(Se,{})]})},cn=()=>{const{activeBlock:t,setActiveBlock:o}=e.useThemeSettingsStore(),{activeBlock:s}=e.useNavbarStore();function r(){o(null)}return e.jsxRuntimeExports.jsxs("div",{className:e.clx(X.settings,{[X.open]:t,[X.close]:!t||s.name!=="Theme"}),children:[e.jsxRuntimeExports.jsxs("div",{className:X.header,children:[e.jsxRuntimeExports.jsx(e.Icon,{name:"CaretLeft",hoverable:!0,onClick:r}),e.jsxRuntimeExports.jsx("span",{className:X.title,children:t==null?void 0:t.name})]}),(t==null?void 0:t.name)==="Fonts"&&e.jsxRuntimeExports.jsx(Lo,{}),(t==null?void 0:t.name)==="Colors"&&e.jsxRuntimeExports.jsx(oo,{}),(t==null?void 0:t.name)==="Inputs"&&e.jsxRuntimeExports.jsx(bo,{}),(t==null?void 0:t.name)==="Borders"&&e.jsxRuntimeExports.jsx(je,{}),(t==null?void 0:t.name)==="Borders"&&e.jsxRuntimeExports.jsx(Se,{}),e.jsxRuntimeExports.jsx(ln,{})]})},un=()=>{const{activeBlock:t}=e.useNavbarStore(),{activeBlock:o}=e.useBlocksStore();function s(){switch(t.name){case"Layers":return"Layers";case"Add":return"Add Sections";case"Theme":return"Theme Settings";case"Settings":return"Settings"}}return e.jsxRuntimeExports.jsxs("div",{className:pe.sidebar,children:[e.jsxRuntimeExports.jsx("h3",{className:pe.title,children:s()}),t.name==="Layers"&&e.jsxRuntimeExports.jsx(Rs,{}),t.name==="Add"&&e.jsxRuntimeExports.jsx(ge,{}),e.jsxRuntimeExports.jsx(Gs,{isAdd:!!o}),e.jsxRuntimeExports.jsx(cn,{}),t.name==="Theme"&&e.jsxRuntimeExports.jsx(Ls,{}),t.name==="Settings"&&e.jsxRuntimeExports.jsx(ys,{})]})},pn="_wrapper_jjfwh_1",mn="_header_jjfwh_12",dn="_content_jjfwh_21",xn="_buttons_jjfwh_29",hn="_cancel_jjfwh_35",gn="_label_jjfwh_40",jn="_description_jjfwh_41",Sn="_preview_jjfwh_49",Cn="_block_jjfwh_55",_n="_slug_jjfwh_63",bn="_title_jjfwh_69",T={wrapper:pn,header:mn,content:dn,buttons:xn,cancel:hn,label:gn,description:jn,preview:Sn,block:Cn,slug:_n,title:bn},fn=()=>{var P,$,x,v,f,B;const{setIsOpenModal:t,pages:o,createPage:s,updatePage:r,isEdit:a,setIsEdit:i,editedPage:n,setEditedPage:l}=e.usePagesStore(),{createPage:c,updatePage:d}=e.useLayersStore(),[h,u]=S.useState(n?o&&((P=o[n])==null?void 0:P.path):""),[m,p]=S.useState(n?o&&(($=o[n])==null?void 0:$.name):""),[b,g]=S.useState(n?o&&((x=o[n])==null?void 0:x.seo.description):""),[C,j]=S.useState(n?o&&((v=o[n])==null?void 0:v.visibility):"public");function R(){u(""),p(""),g(""),j("public"),i(!1),l(null)}function E(){R(),t(!1)}function y(w){return w[0]==="/"?w:"/"+w}function k(){s({path:y(h),name:m||h||"",icon:"File",seo:{title:m||"",description:b||""},visibility:C||"public"}),c(m),E()}function _(){o&&(d(o[n].name||"",m||h||""),r(n,{path:y(h),name:m||h,icon:o[n].icon||"File",seo:{title:m||"",description:b||""},visibility:C||"public"})),E()}return e.jsxRuntimeExports.jsxs("div",{className:T.wrapper,onClick:w=>w.stopPropagation(),children:[e.jsxRuntimeExports.jsxs("div",{className:T.header,children:[e.jsxRuntimeExports.jsxs("h2",{children:[a?"Edit":"Create"," Blank Page"]}),e.jsxRuntimeExports.jsx(e.Icon,{name:"X",fill:"#757575",hoverable:!0,onClick:E})]}),e.jsxRuntimeExports.jsxs("div",{className:T.content,children:[e.jsxRuntimeExports.jsx(e.Input,{label:"Page Slug",onChange:w=>u(w),value:h,placeholder:"path-to-page",disabled:!!(n&&o&&((f=o[n])!=null&&f.name)&&K.includes(o[n].name)),required:!0,regex:"^.+$"}),e.jsxRuntimeExports.jsx(e.Input,{label:"Page Title",onChange:w=>p(w),value:m,placeholder:"Contact us",disabled:!!(n&&o&&((B=o[n])!=null&&B.name)&&K.includes(o[n].name))}),e.jsxRuntimeExports.jsx(e.Textarea,{label:"Description",onChange:w=>g(w),value:b,placeholder:"Contact us at any time of the day or night. You are always welcome",maxLength:150}),e.jsxRuntimeExports.jsx(e.Radio,{label:"Visibility",defaultValue:C,options:[{value:"public",label:"Public"},{value:"private",label:"Private"}],onChange:w=>j(w)}),e.jsxRuntimeExports.jsxs("div",{className:T.preview,children:[e.jsxRuntimeExports.jsx("span",{className:T.label,children:"Preview"}),e.jsxRuntimeExports.jsxs("div",{className:T.block,children:[e.jsxRuntimeExports.jsx("span",{className:T.slug,children:h||"yoursite.url"}),e.jsxRuntimeExports.jsx("span",{className:T.title,children:m||"My Blank Page"}),e.jsxRuntimeExports.jsx("span",{className:T.description,children:b||"It is My Description"})]})]})]}),e.jsxRuntimeExports.jsxs("div",{className:T.buttons,children:[e.jsxRuntimeExports.jsx(e.Button,{className:T.cancel,onClick:E,children:"Cancel"}),e.jsxRuntimeExports.jsx(e.Button,{onClick:a?_:k,disabled:h.length===0,children:a?"Update":"Create"})]})]})},vn="_layout_vvs1k_1",wn="_main_vvs1k_8",kn="_content_vvs1k_15",ae={layout:vn,main:wn,content:kn},Rn=()=>{const{isOpenModal:t,setIsOpenModal:o}=e.usePagesStore(),{openModal:s,setOpenModal:r}=e.useChooseImageStore();return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",{className:ae.layout,children:[e.jsxRuntimeExports.jsx(dt,{}),e.jsxRuntimeExports.jsxs("main",{className:ae.main,children:[e.jsxRuntimeExports.jsx(rt,{}),e.jsxRuntimeExports.jsxs("div",{className:ae.content,children:[e.jsxRuntimeExports.jsx(un,{}),e.jsxRuntimeExports.jsx(is,{})]})]})]}),t&&e.jsxRuntimeExports.jsx(e.Modal,{close:o,children:e.jsxRuntimeExports.jsx(fn,{})}),s&&e.jsxRuntimeExports.jsx(e.Modal,{close:r,children:e.jsxRuntimeExports.jsx(e.ChooseImageModal,{})})]})};async function z(t,o){const s=localStorage.getItem("shopId")||void 0,r=`${xe}/${t}/builder/shops/${s}/${o}`,a=localStorage.getItem("accessToken")||void 0;return(await e.axios.get(r,{headers:{Authorization:`Bearer ${a}`}})).data}async function En(){try{const[t,o,s,r,a,i]=await Promise.allSettled([z("v1","general"),z("v1","faqs"),z("v1","listings"),z("v1","products"),z("v1","reviews"),z("v1","categories")]);return{general:t,faqs:o,listings:s,products:r,reviews:a,categories:i}}catch(t){throw console.error("Error fetching page data:",t),t}}async function yn(){try{const{data:t}=await e.axios.get(`${fe}?key=AIzaSyAEsTbjAPUz_TeuFCq4z4LPK9w_vst0Pfw`);return t.items}catch(t){throw console.error("Error fetching page data:",t),t}}function Bn(){const{editBlock:t,currentBlock:o,blocks:s,header:r,setHeader:a,footer:i,setFooter:n}=e.useLayersStore.getState(),{currentPage:l,pages:c}=e.usePagesStore.getState(),{currentInstance:d,activeBlock:h}=e.useBlocksStore.getState();!h&&d&&c&&(o==="header"&&a(r),o==="footer"&&n(i),t(c[l].name,o,{name:s[c[l].name][o].name,value:d}))}async function Pn(){const t=localStorage.getItem("shopId")||void 0,o=`${xe}/v1/builder/shops/${t}/pages`,s=localStorage.getItem("accessToken")||void 0;return(await e.axios.get(o,{headers:{Authorization:`Bearer ${s}`}})).data}const An=t=>{const{blocks:o,settings:s,header:r,footer:a}=t,{setBlocks:i,setSourceBlocks:n}=e.useBlocksStore(),{fonts:l,setFonts:c}=e.useFontsStore(),{setSettings:d}=e.useSettingsStore(),{setPageContext:h,setPages:u}=e.usePagesStore(),{setHeader:m,setFooter:p}=e.useLayersStore();function b(g){return g[0]==="/"?g.slice(1):g}return S.useEffect(()=>{const g={};Object.keys(o).map(j=>{g[j]=o[j]}),n(g),i(g),m(r),p(a),d(s),(async()=>{if(l.length===0){const k=await yn();c([...k.map(_=>_.family)])}let j={listings:null,products:null,reviews:null,categories:null,faqs:null,general:null};const R=await En();console.log("Data",R),Object.keys(R).map(k=>{const _=k;j[_]=R[_].value.data}),h(j);const E=await Pn();console.log(E);const y={};E.data.forEach(k=>{const _=b(k.path);k.path==="/"?y.home={...k,icon:oe.home.icon,name:"home"}:oe[_]?y[_]={...k,icon:oe[_].icon,name:_}:y[_]={...k,icon:"File",name:_}}),console.log("Buffer",y),u(y)})()},[]),e.jsxRuntimeExports.jsx(Rn,{})};exports.Builder=An;exports.hotReload=Bn;exports.iconNames=ve;
|