@anker-in/ui 0.1.10 → 0.1.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/demo-room.js +208 -177
  2. package/dist/demo-room.js.map +1 -1
  3. package/dist/demo-room.mjs +208 -177
  4. package/dist/demo-room.mjs.map +1 -1
  5. package/dist/index.d.mts +8 -3
  6. package/dist/index.d.ts +8 -3
  7. package/dist/index.js +518 -431
  8. package/dist/index.js.map +1 -1
  9. package/dist/index.mjs +518 -431
  10. package/dist/index.mjs.map +1 -1
  11. package/package.json +3 -4
package/dist/demo-room.js CHANGED
@@ -57,7 +57,7 @@ var StudioCard = ({
57
57
  {
58
58
  ...props,
59
59
  className: cn(
60
- "p-6 cursor-pointer transition-colors duration-200",
60
+ "p-6 cursor-pointer transition-colors duration-200 border-b border-[#E4E5E6] last:border-b-0",
61
61
  className
62
62
  ),
63
63
  style: {
@@ -74,8 +74,8 @@ var StudioCard = ({
74
74
  },
75
75
  children: [
76
76
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between mb-4", children: [
77
- /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-xl font-semibold text-gray-900", children: name }),
78
- distance !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-medium text-[#2E8B57] bg-[#E8F5E9] px-3 py-1 rounded-full whitespace-nowrap ml-2", children: [
77
+ /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "text-[24px] l:text-[20px] font-bold text-[#080A0F]", children: name }),
78
+ distance !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-[16px] l:text-[14px] font-medium text-[#2E8B57] bg-[#E8F5E9] px-3 py-1 rounded-full whitespace-nowrap ml-2", children: [
79
79
  formatDistance(distance),
80
80
  " ",
81
81
  pageData.away
@@ -134,7 +134,7 @@ var StudioCard = ({
134
134
  ]
135
135
  }
136
136
  ),
137
- /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-gray-600", children: [
137
+ /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-[16px] l:text-[12px] text-[#2A2C32]", children: [
138
138
  availableTime === pageData.noAvailableTime ? "" : pageData.available,
139
139
  " ",
140
140
  availableTime
@@ -170,7 +170,7 @@ var StudioCard = ({
170
170
  ]
171
171
  }
172
172
  ),
173
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-600 break-words", children: address }) })
173
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[16px] l:text-[14px] text-[#2A2C32] break-words", children: address }) })
174
174
  ] }),
175
175
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-3 mb-6", children: [
176
176
  /* @__PURE__ */ jsxRuntime.jsxs(
@@ -178,55 +178,44 @@ var StudioCard = ({
178
178
  {
179
179
  width: "20",
180
180
  height: "20",
181
- viewBox: "0 0 20 20",
181
+ viewBox: "0 0 24 24",
182
182
  fill: "none",
183
183
  xmlns: "http://www.w3.org/2000/svg",
184
184
  className: "flex-shrink-0 mt-0.5",
185
185
  children: [
186
- /* @__PURE__ */ jsxRuntime.jsx(
187
- "rect",
188
- {
189
- x: "3",
190
- y: "5",
191
- width: "14",
192
- height: "10",
193
- rx: "1.5",
194
- stroke: "currentColor",
195
- strokeWidth: "1.5"
196
- }
197
- ),
198
186
  /* @__PURE__ */ jsxRuntime.jsx(
199
187
  "path",
200
188
  {
201
- d: "M7 15V17",
189
+ d: "M14.4643 7.4929H9.65565M3.16391 18.7132H20.8171C22.0122 18.7132 22.981 17.7563 22.981 16.576L23 13.8348L22.981 6.42431C22.981 5.24396 22.0122 4.28711 20.8171 4.28711H3.16391C1.96882 4.28711 1 5.24396 1 6.42431V16.576C1 17.7563 1.96882 18.7132 3.16391 18.7132Z",
202
190
  stroke: "currentColor",
203
- strokeWidth: "1.5",
204
- strokeLinecap: "round"
191
+ strokeWidth: "2",
192
+ strokeLinecap: "round",
193
+ strokeLinejoin: "round"
205
194
  }
206
195
  ),
207
196
  /* @__PURE__ */ jsxRuntime.jsx(
208
197
  "path",
209
198
  {
210
- d: "M13 15V17",
199
+ d: "M5.32812 18.2325V14.4238C5.32812 13.8715 5.77584 13.4238 6.32813 13.4238H17.7925C18.3447 13.4238 18.7925 13.8715 18.7925 14.4238V18.2325",
211
200
  stroke: "currentColor",
212
- strokeWidth: "1.5",
213
- strokeLinecap: "round"
201
+ strokeWidth: "2",
202
+ strokeLinecap: "round",
203
+ strokeLinejoin: "round"
214
204
  }
215
- ),
216
- /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "10", cy: "10", r: "1.5", fill: "currentColor" })
205
+ )
217
206
  ]
218
207
  }
219
208
  ),
220
- /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-gray-600", children: euifyMakeModel }) })
209
+ /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-[16px] l:text-[14px] text-[#2A2C32]", children: euifyMakeModel }) })
221
210
  ] }),
222
211
  /* @__PURE__ */ jsxRuntime.jsx(
223
212
  "button",
224
213
  {
225
214
  onClick: handleScheduleClick,
226
215
  className: cn(
227
- "w-full px-6 py-3 rounded-full",
228
- "bg-white text-gray-900 border border-gray-900",
229
- "font-medium text-sm",
216
+ "w-fit px-[28px] l:px-[20px] l:py-[8px] py-3 rounded-full",
217
+ "bg-white text-gray-900 border-2 border-gray-900",
218
+ "font-bold text-[16px] l:text-[14px]",
230
219
  "hover:bg-gray-900 hover:text-white",
231
220
  "transition-all duration-200"
232
221
  ),
@@ -364,41 +353,53 @@ var StudioMap = ({
364
353
  marker.addListener("click", () => {
365
354
  setSelectedLocation(location);
366
355
  const content = `
367
- <div style="padding: 16px; max-width: 300px; font-family: system-ui, sans-serif;">
368
- <h3 style="margin: 0 0 12px 0; font-size: 18px; font-weight: 600;">${location.name}</h3>
369
- ${location.availableTime ? `<div style="margin-bottom: 8px; color: #666;">
370
- <svg style="display: inline-block; width: 16px; height: 16px; margin-right: 4px; vertical-align: middle;" fill="currentColor" viewBox="0 0 20 20">
371
- <path d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z"/>
356
+ <div style="padding: 0 16px 16px 16px; font-weight: 700; font-family: 'MontForAnker'; max-width: 420px;">
357
+ <h3 style="margin: 0 0 16px 0; font-size: 24px; color: #080A0F;">${location.name}</h3>
358
+ ${location.availableTime ? `<div style="display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px;">
359
+ <svg style="flex-shrink: 0; margin-top: 2px;" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
360
+ <rect x="3" y="4" width="14" height="13" rx="2" stroke="currentColor" stroke-width="1.5"/>
361
+ <path d="M3 8H17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
362
+ <path d="M6 2V4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
363
+ <path d="M14 2V4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
372
364
  </svg>
373
- <span style="vertical-align: middle;"> ${location.availableTime === pageData?.noAvailableTime ? "" : pageData.available} ${location.availableTime}</span>
365
+ <div>
366
+ <p style="margin: 0; font-size: 16px; color: #2A2C32;">${location.availableTime === pageData?.noAvailableTime ? "" : pageData.available} ${location.availableTime}</p>
367
+ </div>
374
368
  </div>` : ""}
375
- <div style="margin-bottom: 8px; color: #666;">
376
- <svg style="display: inline-block; width: 16px; height: 16px; margin-right: 4px; vertical-align: middle;" fill="currentColor" viewBox="0 0 20 20">
377
- <path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/>
369
+ <div style="display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px;">
370
+ <svg style="flex-shrink: 0; margin-top: 2px;" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
371
+ <path d="M10 10C11.1046 10 12 9.10457 12 8C12 6.89543 11.1046 6 10 6C8.89543 6 8 6.89543 8 8C8 9.10457 8.89543 10 10 10Z" stroke="currentColor" stroke-width="1.5"/>
372
+ <path d="M10 18C10 18 16 13 16 8C16 4.68629 13.3137 2 10 2C6.68629 2 4 4.68629 4 8C4 13 10 18 10 18Z" stroke="currentColor" stroke-width="1.5"/>
378
373
  </svg>
379
- <span style="vertical-align: middle;">${location.address}</span>
374
+ <div style="flex: 1;">
375
+ <p style="margin: 0; font-size: 16px; color: #2A2C32; word-wrap: break-word;">${location.address}</p>
376
+ </div>
380
377
  </div>
381
- ${location.euifyMakeModel ? `<div style="margin-bottom: 12px; color: #666;">
382
- <svg style="display: inline-block; width: 16px; height: 16px; margin-right: 4px; vertical-align: middle;" fill="currentColor" viewBox="0 0 20 20">
383
- <path d="M3 4a1 1 0 011-1h12a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V4zM3 10a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1v-6zM14 9a1 1 0 00-1 1v6a1 1 0 001 1h2a1 1 0 001-1v-6a1 1 0 00-1-1h-2z"/>
378
+ ${location.euifyMakeModel ? `<div style="display: flex; align-items: flex-start; gap: 12px; margin-bottom: 24px;">
379
+ <svg style="flex-shrink: 0; margin-top: 2px;" width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
380
+ <path d="M14.4643 7.4929H9.65565M3.16391 18.7132H20.8171C22.0122 18.7132 22.981 17.7563 22.981 16.576L23 13.8348L22.981 6.42431C22.981 5.24396 22.0122 4.28711 20.8171 4.28711H3.16391C1.96882 4.28711 1 5.24396 1 6.42431V16.576C1 17.7563 1.96882 18.7132 3.16391 18.7132Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
381
+ <path d="M5.32812 18.2325V14.4238C5.32812 13.8715 5.77584 13.4238 6.32813 13.4238H17.7925C18.3447 13.4238 18.7925 13.8715 18.7925 14.4238V18.2325" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
384
382
  </svg>
385
- <span style="vertical-align: middle;">${location.euifyMakeModel}</span>
383
+ <div>
384
+ <p style="margin: 0; font-size: 16px; color: #2A2C32;">${location.euifyMakeModel}</p>
385
+ </div>
386
386
  </div>` : ""}
387
387
  <button
388
388
  id="schedule-btn-${location.id}"
389
389
  style="
390
- width: 100%;
391
- padding: 10px 16px;
392
- background: #000;
393
- color: #fff;
394
- border: none;
395
- border-radius: 6px;
396
- font-weight: 500;
390
+ width: fit-content;
391
+ padding: 12px 28px;
392
+ background: #fff;
393
+ color: #111827;
394
+ border: 2px solid #111827;
395
+ border-radius: 9999px;
396
+ font-weight: 700;
397
397
  cursor: pointer;
398
- font-size: 14px;
398
+ font-size: 16px;
399
+ transition: all 0.2s;
399
400
  "
400
- onmouseover="this.style.background='#333'"
401
- onmouseout="this.style.background='#000'"
401
+ onmouseover="this.style.background='#111827'; this.style.color='#fff';"
402
+ onmouseout="this.style.background='#fff'; this.style.color='#111827';"
402
403
  >
403
404
  ${pageData.scheduleNow}
404
405
  </button>
@@ -450,41 +451,53 @@ var StudioMap = ({
450
451
  const marker = markersRef.current[markerIndex];
451
452
  if (location && marker) {
452
453
  const content = `
453
- <div style="padding: 16px; max-width: 300px; font-family: system-ui, sans-serif;">
454
- <h3 style="margin: 0 0 12px 0; font-size: 18px; font-weight: 600;">${location.name}</h3>
455
- ${location.availableTime ? `<div style="margin-bottom: 8px; color: #666;">
456
- <svg style="display: inline-block; width: 16px; height: 16px; margin-right: 4px; vertical-align: middle;" fill="currentColor" viewBox="0 0 20 20">
457
- <path d="M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z"/>
454
+ <div style="padding: 0 16px 16px 16px; font-weight: 700; font-family: 'MontForAnker'; max-width: 420px;">
455
+ <h3 style="margin: 0 0 16px 0; font-size: 24px; color: #080A0F;">${location.name}</h3>
456
+ ${location.availableTime ? `<div style="display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px;">
457
+ <svg style="flex-shrink: 0; margin-top: 2px;" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
458
+ <rect x="3" y="4" width="14" height="13" rx="2" stroke="currentColor" stroke-width="1.5"/>
459
+ <path d="M3 8H17" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
460
+ <path d="M6 2V4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
461
+ <path d="M14 2V4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/>
458
462
  </svg>
459
- <span style="vertical-align: middle;">${pageData.available} ${location.availableTime}</span>
463
+ <div>
464
+ <p style="margin: 0;font-size: 16px; color: #2A2C32;">${location.availableTime === pageData?.noAvailableTime ? "" : pageData.available} ${location.availableTime}</p>
465
+ </div>
460
466
  </div>` : ""}
461
- <div style="margin-bottom: 8px; color: #666;">
462
- <svg style="display: inline-block; width: 16px; height: 16px; margin-right: 4px; vertical-align: middle;" fill="currentColor" viewBox="0 0 20 20">
463
- <path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd"/>
467
+ <div style="display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px;">
468
+ <svg style="flex-shrink: 0; margin-top: 2px;" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
469
+ <path d="M10 10C11.1046 10 12 9.10457 12 8C12 6.89543 11.1046 6 10 6C8.89543 6 8 6.89543 8 8C8 9.10457 8.89543 10 10 10Z" stroke="currentColor" stroke-width="1.5"/>
470
+ <path d="M10 18C10 18 16 13 16 8C16 4.68629 13.3137 2 10 2C6.68629 2 4 4.68629 4 8C4 13 10 18 10 18Z" stroke="currentColor" stroke-width="1.5"/>
464
471
  </svg>
465
- <span style="vertical-align: middle;">${location.address}</span>
472
+ <div style="flex: 1;">
473
+ <p style="margin: 0; font-size: 16px; color: #2A2C32; word-wrap: break-word;">${location.address}</p>
474
+ </div>
466
475
  </div>
467
- ${location.euifyMakeModel ? `<div style="margin-bottom: 12px; color: #666;">
468
- <svg style="display: inline-block; width: 16px; height: 16px; margin-right: 4px; vertical-align: middle;" fill="currentColor" viewBox="0 0 20 20">
469
- <path d="M3 4a1 1 0 011-1h12a1 1 0 011 1v2a1 1 0 01-1 1H4a1 1 0 01-1-1V4zM3 10a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1v-6zM14 9a1 1 0 00-1 1v6a1 1 0 001 1h2a1 1 0 001-1v-6a1 1 0 00-1-1h-2z"/>
476
+ ${location.euifyMakeModel ? `<div style="display: flex; align-items: flex-start; gap: 12px; margin-bottom: 24px;">
477
+ <svg style="flex-shrink: 0; margin-top: 2px;" width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
478
+ <path d="M14.4643 7.4929H9.65565M3.16391 18.7132H20.8171C22.0122 18.7132 22.981 17.7563 22.981 16.576L23 13.8348L22.981 6.42431C22.981 5.24396 22.0122 4.28711 20.8171 4.28711H3.16391C1.96882 4.28711 1 5.24396 1 6.42431V16.576C1 17.7563 1.96882 18.7132 3.16391 18.7132Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
479
+ <path d="M5.32812 18.2325V14.4238C5.32812 13.8715 5.77584 13.4238 6.32813 13.4238H17.7925C18.3447 13.4238 18.7925 13.8715 18.7925 14.4238V18.2325" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
470
480
  </svg>
471
- <span style="vertical-align: middle;">${location.euifyMakeModel}</span>
481
+ <div>
482
+ <p style="margin: 0; font-size: 16px; color: #2A2C32;">${location.euifyMakeModel}</p>
483
+ </div>
472
484
  </div>` : ""}
473
485
  <button
474
486
  id="schedule-btn-hover-${location.id}"
475
487
  style="
476
- width: 100%;
477
- padding: 10px 16px;
478
- background: #000;
479
- color: #fff;
480
- border: none;
481
- border-radius: 6px;
482
- font-weight: 500;
488
+ width: fit-content;
489
+ padding: 12px 28px;
490
+ background: #fff;
491
+ color: #111827;
492
+ border: 2px solid #111827;
493
+ border-radius: 9999px;
494
+ font-weight: 700;
483
495
  cursor: pointer;
484
- font-size: 14px;
496
+ font-size: 16px;
497
+ transition: all 0.2s;
485
498
  "
486
- onmouseover="this.style.background='#333'"
487
- onmouseout="this.style.background='#000'"
499
+ onmouseover="this.style.background='#111827'; this.style.color='#fff';"
500
+ onmouseout="this.style.background='#fff'; this.style.color='#111827';"
488
501
  >
489
502
  ${pageData.scheduleNow}
490
503
  </button>
@@ -517,7 +530,7 @@ var StudioMap = ({
517
530
  "div",
518
531
  {
519
532
  className: cn(
520
- "flex items-center justify-center bg-gray-100 rounded-lg",
533
+ "flex items-center overflow-hidden justify-center bg-gray-100 rounded-[16px]",
521
534
  className
522
535
  ),
523
536
  style: { height: mapHeight },
@@ -529,7 +542,7 @@ var StudioMap = ({
529
542
  return /* @__PURE__ */ jsxRuntime.jsxs(
530
543
  "div",
531
544
  {
532
- className: cn("relative w-full rounded-lg overflow-hidden", className),
545
+ className: cn("relative w-full rounded-[16px] overflow-hidden", className),
533
546
  ...props,
534
547
  children: [
535
548
  /* @__PURE__ */ jsxRuntime.jsx("div", { ref: mapRef, style: { height: mapHeight } }),
@@ -738,6 +751,29 @@ var LocationFilter = ({
738
751
  );
739
752
  const showIndexBar = filteredItems.length >= 10;
740
753
  const handleItemClick = (item) => {
754
+ if (item.code === "__all__") {
755
+ if (currentLevel === "country") {
756
+ onSelect?.({
757
+ level: "country"
758
+ });
759
+ onClose?.();
760
+ } else if (currentLevel === "state") {
761
+ onSelect?.({
762
+ level: "state",
763
+ country: selectedCountry
764
+ });
765
+ onClose?.();
766
+ } else if (currentLevel === "city") {
767
+ const parts = selectedState?.split("/") || [];
768
+ onSelect?.({
769
+ level: "city",
770
+ country: parts[0],
771
+ state: parts[1]
772
+ });
773
+ onClose?.();
774
+ }
775
+ return;
776
+ }
741
777
  if (currentLevel === "country") {
742
778
  setSelectedCountry(item.code);
743
779
  setCurrentLevel("state");
@@ -768,104 +804,104 @@ var LocationFilter = ({
768
804
  return /* @__PURE__ */ jsxRuntime.jsxs(
769
805
  "div",
770
806
  {
771
- style: { height: "794px" },
807
+ style: { height: "724px" },
772
808
  className: cn(
773
- "w-full rounded-[12px] absolute z-10 top-0 left-0 bg-white border border-[#E4E5E6]",
809
+ "w-full rounded-b-[12px] absolute z-10 bottom-[-2px] left-0 bg-white border border-[#E4E5E6]",
774
810
  RoomsList_default.antdMobileScope
775
811
  ),
776
812
  children: [
777
- /* @__PURE__ */ jsxRuntime.jsxs(
813
+ /* @__PURE__ */ jsxRuntime.jsx(
778
814
  "div",
779
815
  {
780
816
  style: { background: "#F8F8F8" },
781
- className: "rounded-[12px] rounded-b-none h-[72px] font-bold text-[14px] flex flex-col",
782
- children: [
783
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-end px-[20px] pt-[12px] pb-[8px]", children: /* @__PURE__ */ jsxRuntime.jsx(
817
+ className: "h-[76px] font-bold text-[14px] flex flex-col",
818
+ children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center text-[16px] px-[20px] gap-[16px] py-[24px]", children: [
819
+ /* @__PURE__ */ jsxRuntime.jsx(
784
820
  "button",
785
821
  {
786
- onClick: onClose,
787
- className: "ml-[12px] w-[24px] h-[24px] flex items-center justify-end",
788
- children: /* @__PURE__ */ jsxRuntime.jsx(
789
- "svg",
790
- {
791
- xmlns: "http://www.w3.org/2000/svg",
792
- width: "24",
793
- height: "24",
794
- viewBox: "0 0 24 24",
795
- fill: "none",
796
- children: /* @__PURE__ */ jsxRuntime.jsx(
797
- "path",
798
- {
799
- d: "M6.4 19L5 17.6L10.6 12L5 6.4L6.4 5L12 10.6L17.6 5L19 6.4L13.4 12L19 17.6L17.6 19L12 13.4L6.4 19Z",
800
- fill: "#1D1D1F"
801
- }
802
- )
803
- }
804
- )
822
+ onClick: () => handleTabClick("country"),
823
+ className: cn(
824
+ "pb-[4px] transition-colors",
825
+ currentLevel === "country" ? "text-[#080A0F] border-b-2 border-[#3ADB67]" : "text-[#080A0F]"
826
+ ),
827
+ children: pageData.country
805
828
  }
806
- ) }),
807
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center px-[20px] gap-[16px] pb-[8px]", children: [
808
- /* @__PURE__ */ jsxRuntime.jsx(
809
- "button",
810
- {
811
- onClick: () => handleTabClick("country"),
812
- className: cn(
813
- "pb-[4px] transition-colors",
814
- currentLevel === "country" ? "text-[#1D1D1F] border-b-2 border-[#2E8B57]" : "text-[#767880]"
815
- ),
816
- children: pageData.country
817
- }
818
- ),
819
- /* @__PURE__ */ jsxRuntime.jsx(
820
- "button",
821
- {
822
- onClick: () => handleTabClick("state"),
823
- disabled: !selectedCountry,
824
- className: cn(
825
- "pb-[4px] transition-colors",
826
- currentLevel === "state" ? "text-[#1D1D1F] border-b-2 border-[#2E8B57]" : "text-[#767880]",
827
- !selectedCountry && "opacity-50 cursor-not-allowed"
828
- ),
829
- children: pageData.state
830
- }
831
- ),
832
- /* @__PURE__ */ jsxRuntime.jsx(
833
- "button",
834
- {
835
- onClick: () => handleTabClick("city"),
836
- disabled: !selectedState,
837
- className: cn(
838
- "pb-[4px] transition-colors",
839
- currentLevel === "city" ? "text-[#1D1D1F] border-b-2 border-[#2E8B57]" : "text-[#767880]",
840
- !selectedState && "opacity-50 cursor-not-allowed"
841
- ),
842
- children: pageData.city
843
- }
844
- )
845
- ] })
846
- ]
829
+ ),
830
+ /* @__PURE__ */ jsxRuntime.jsx(
831
+ "button",
832
+ {
833
+ onClick: () => handleTabClick("state"),
834
+ disabled: !selectedCountry,
835
+ className: cn(
836
+ "pb-[4px] transition-colors",
837
+ currentLevel === "state" ? "text-[#080A0F] border-b-2 border-[#3ADB67]" : "text-[#080A0F]",
838
+ !selectedCountry && "opacity-50 cursor-not-allowed"
839
+ ),
840
+ children: pageData.state
841
+ }
842
+ ),
843
+ /* @__PURE__ */ jsxRuntime.jsx(
844
+ "button",
845
+ {
846
+ onClick: () => handleTabClick("city"),
847
+ disabled: !selectedState,
848
+ className: cn(
849
+ "pb-[4px] transition-colors",
850
+ currentLevel === "city" ? "text-[#080A0F] border-b-2 border-[#3ADB67]" : "text-[#080A0F]",
851
+ !selectedState && "opacity-50 cursor-not-allowed"
852
+ ),
853
+ children: pageData.city
854
+ }
855
+ )
856
+ ] })
847
857
  }
848
858
  ),
849
- /* @__PURE__ */ jsxRuntime.jsx(AntdMobileIsolated, { style: { height: "calc(100% - 72px)" }, children: showIndexBar ? /* @__PURE__ */ jsxRuntime.jsx(IndexBar__default.default, { style: { height: "100%" }, children: groupedItems.map((group) => {
850
- const { title, items } = group;
851
- return /* @__PURE__ */ jsxRuntime.jsx(IndexBar__default.default.Panel, { index: title, title, children: /* @__PURE__ */ jsxRuntime.jsx(List__default.default, { children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
859
+ /* @__PURE__ */ jsxRuntime.jsx(AntdMobileIsolated, { style: { height: "calc(100% - 76px)" }, children: showIndexBar ? /* @__PURE__ */ jsxRuntime.jsxs("div", { style: { height: "100%", display: "flex", flexDirection: "column" }, children: [
860
+ /* @__PURE__ */ jsxRuntime.jsx(List__default.default, { children: /* @__PURE__ */ jsxRuntime.jsx(
861
+ List__default.default.Item,
862
+ {
863
+ onClick: () => handleItemClick({ code: "__all__", name: pageData.allLocations || "All", count: filteredItems.length }),
864
+ className: "text-[16px] !pl-[24px] font-bold",
865
+ style: { cursor: "pointer", borderBottom: "1px solid #E4E5E6" },
866
+ children: pageData.allLocations
867
+ },
868
+ "__all__"
869
+ ) }),
870
+ /* @__PURE__ */ jsxRuntime.jsx(IndexBar__default.default, { style: { flex: 1 }, children: groupedItems.map((group) => {
871
+ const { title, items } = group;
872
+ return /* @__PURE__ */ jsxRuntime.jsx(IndexBar__default.default.Panel, { index: title, title, children: /* @__PURE__ */ jsxRuntime.jsx(List__default.default, { children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
873
+ List__default.default.Item,
874
+ {
875
+ onClick: () => handleItemClick(item),
876
+ className: "text-[16px] !pl-[24px]",
877
+ style: { cursor: "pointer" },
878
+ children: item.name
879
+ },
880
+ item.code
881
+ )) }) }, title);
882
+ }) })
883
+ ] }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "100%", overflow: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsxs(List__default.default, { children: [
884
+ /* @__PURE__ */ jsxRuntime.jsx(
885
+ List__default.default.Item,
886
+ {
887
+ onClick: () => handleItemClick({ code: "__all__", name: pageData.allLocations || "All", count: filteredItems.length }),
888
+ className: "text-[16px] !pl-[24px] font-bold",
889
+ style: { cursor: "pointer", borderBottom: "1px solid #E4E5E6" },
890
+ children: pageData.allLocations
891
+ },
892
+ "__all__"
893
+ ),
894
+ filteredItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
852
895
  List__default.default.Item,
853
896
  {
854
897
  onClick: () => handleItemClick(item),
898
+ className: "text-[16px] !pl-[24px]",
855
899
  style: { cursor: "pointer" },
856
900
  children: item.name
857
901
  },
858
902
  item.code
859
- )) }) }, title);
860
- }) }) : /* @__PURE__ */ jsxRuntime.jsx("div", { style: { height: "100%", overflow: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsx(List__default.default, { children: filteredItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
861
- List__default.default.Item,
862
- {
863
- onClick: () => handleItemClick(item),
864
- style: { cursor: "pointer" },
865
- children: item.name
866
- },
867
- item.code
868
- )) }) }) })
903
+ ))
904
+ ] }) }) })
869
905
  ]
870
906
  }
871
907
  );
@@ -1061,7 +1097,7 @@ var RoomsList = ({
1061
1097
  lat: Number(room.latitude) || 0,
1062
1098
  lng: Number(room.longitude) || 0,
1063
1099
  availableTime: nextAvailableTimeslot ? `${nextAvailableTimeslot.start_time}` : mergedPageData.noAvailableTime,
1064
- euifyMakeModel: room?.description
1100
+ euifyMakeModel: room?.equipment?.join(", ") || ""
1065
1101
  };
1066
1102
  });
1067
1103
  }, [demoRooms, mergedPageData.defaultCountry, mergedPageData.noAvailableTime]);
@@ -1091,10 +1127,6 @@ var RoomsList = ({
1091
1127
  setSelectedLocation(selection);
1092
1128
  setShowLocationFilter(false);
1093
1129
  };
1094
- const handleClearFilter = () => {
1095
- setSelectedLocation(void 0);
1096
- };
1097
- console.log(filteredStudioLocations);
1098
1130
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className, ...props, children: [
1099
1131
  /* @__PURE__ */ jsxRuntime.jsx(Title, { title: mergedPageData.title }),
1100
1132
  loading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-[794px]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-center", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-lg font-medium", children: mergedPageData.loadingText }) }) }),
@@ -1109,12 +1141,15 @@ var RoomsList = ({
1109
1141
  className: "flex-none relative w-[420px] l:!w-full",
1110
1142
  style: { height: "794px" },
1111
1143
  children: [
1112
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-[12px] mb-4 bg-white border border-[#E4E5E6] px-[20px] py-[16px]", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-[40px] font-bold text-[16px] gap-10 flex items-center", children: [
1144
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
1145
+ "mb-4 bg-white border border-[#E4E5E6] px-[20px] py-[16px]",
1146
+ showLocationFilter ? "rounded-t-[12px] rounded-b-none" : "rounded-[12px]"
1147
+ ), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "h-[40px] font-bold text-[16px] l:text-[14px] gap-10 l:gap-4 flex items-center", children: [
1113
1148
  /* @__PURE__ */ jsxRuntime.jsxs(
1114
1149
  "button",
1115
1150
  {
1116
- className: "flex cursor-pointer items-center hover:text-[#2E8B57] transition-colors",
1117
- onClick: () => setShowLocationFilter(true),
1151
+ className: "flex cursor-pointer items-center hover:text-[#3ADB67] transition-colors",
1152
+ onClick: () => setShowLocationFilter(!showLocationFilter),
1118
1153
  children: [
1119
1154
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-1", children: getSelectedLocationName() }),
1120
1155
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -1125,6 +1160,10 @@ var RoomsList = ({
1125
1160
  height: "24",
1126
1161
  viewBox: "0 0 24 24",
1127
1162
  fill: "none",
1163
+ className: cn(
1164
+ "transition-transform duration-300",
1165
+ showLocationFilter && "rotate-180"
1166
+ ),
1128
1167
  children: /* @__PURE__ */ jsxRuntime.jsx(
1129
1168
  "path",
1130
1169
  {
@@ -1137,14 +1176,7 @@ var RoomsList = ({
1137
1176
  ]
1138
1177
  }
1139
1178
  ),
1140
- selectedLocation && /* @__PURE__ */ jsxRuntime.jsx(
1141
- "button",
1142
- {
1143
- onClick: handleClearFilter,
1144
- className: "ml-auto text-[14px] text-[#2E8B57] hover:underline",
1145
- children: mergedPageData.locationFilter.clear
1146
- }
1147
- ),
1179
+ selectedLocation && false,
1148
1180
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex text-[#767880] cursor-not-allowed", children: [
1149
1181
  mergedPageData.machine,
1150
1182
  /* @__PURE__ */ jsxRuntime.jsx(
@@ -1170,7 +1202,7 @@ var RoomsList = ({
1170
1202
  "div",
1171
1203
  {
1172
1204
  style: { maxHeight: "706px", overflow: "auto" },
1173
- className: "rounded-[12px] bg-white border border-[#E4E5E6]",
1205
+ className: "rounded-[12px] bg-white border h-[706px] border-[#E4E5E6]",
1174
1206
  children: filteredStudioLocations.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center h-[200px] text-[#767880]", children: mergedPageData.locationFilter.noStudiosFound }) : filteredStudioLocations.map((item) => {
1175
1207
  return /* @__PURE__ */ jsxRuntime.jsx(
1176
1208
  StudioCard,
@@ -1185,7 +1217,6 @@ var RoomsList = ({
1185
1217
  euifyMakeModel: item?.euifyMakeModel || "",
1186
1218
  onSchedule,
1187
1219
  onMouseEnter: () => setHoveredRoomId(item.id),
1188
- onMouseLeave: () => setHoveredRoomId(null),
1189
1220
  pageData: {
1190
1221
  ...mergedPageData.studioCard,
1191
1222
  noAvailableTime: mergedPageData?.noAvailableTime