@tecof/theme-editor 0.0.31 → 0.0.33

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/index.mjs CHANGED
@@ -247,15 +247,19 @@ var TecofApiClient = class {
247
247
  */
248
248
  async getCmsCollectionItems(collectionSlug, options) {
249
249
  try {
250
+ const body = {
251
+ page: options?.page || 1,
252
+ limit: options?.limit || 50,
253
+ locale: options?.locale
254
+ };
255
+ const sortValue = options?.sort || "custom";
256
+ if (sortValue !== "custom") {
257
+ body.sort = sortValue;
258
+ }
250
259
  const res2 = await fetch(`${this.apiUrl}/api/store/cms/collections/${encodeURIComponent(collectionSlug)}/items`, {
251
260
  method: "POST",
252
261
  headers: this.headers,
253
- body: JSON.stringify({
254
- page: options?.page || 1,
255
- limit: options?.limit || 50,
256
- sort: options?.sort || "newest",
257
- locale: options?.locale
258
- })
262
+ body: JSON.stringify(body)
259
263
  });
260
264
  return await res2.json();
261
265
  } catch (error2) {
@@ -636,6 +640,242 @@ var TecofPicture = memo(({
636
640
  return null;
637
641
  });
638
642
  TecofPicture.displayName = "TecofPicture";
643
+ var UnderConstruction = ({
644
+ title,
645
+ description,
646
+ subtitle,
647
+ logoUrl,
648
+ accentColor = "#2563eb"
649
+ // Default elegant blue
650
+ }) => {
651
+ return /* @__PURE__ */ jsxs("div", { className: "tecof-uc-wrapper", children: [
652
+ /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: `
653
+ .tecof-uc-wrapper {
654
+ min-height: 100vh;
655
+ display: flex;
656
+ align-items: center;
657
+ justify-content: center;
658
+ background: radial-gradient(circle at top right, rgba(37, 99, 235, 0.08) 0%, transparent 40%),
659
+ radial-gradient(circle at bottom left, rgba(37, 99, 235, 0.05) 0%, transparent 50%),
660
+ #090d16;
661
+ color: #f8fafc;
662
+ font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
663
+ padding: 2rem 1rem;
664
+ box-sizing: border-box;
665
+ position: relative;
666
+ overflow: hidden;
667
+ }
668
+
669
+ /* Ambient glowing circles */
670
+ .tecof-uc-glow-1 {
671
+ position: absolute;
672
+ top: 20%;
673
+ left: 50%;
674
+ transform: translate(-50%, -50%);
675
+ width: 500px;
676
+ height: 500px;
677
+ background: ${accentColor};
678
+ filter: blur(150px);
679
+ opacity: 0.12;
680
+ pointer-events: none;
681
+ z-index: 1;
682
+ border-radius: 50%;
683
+ animation: tecof-uc-pulse 8s infinite alternate ease-in-out;
684
+ }
685
+
686
+ .tecof-uc-container {
687
+ position: relative;
688
+ z-index: 2;
689
+ max-width: 540px;
690
+ width: 100%;
691
+ background: rgba(17, 24, 39, 0.55);
692
+ backdrop-filter: blur(20px);
693
+ -webkit-backdrop-filter: blur(20px);
694
+ border: 1px solid rgba(255, 255, 255, 0.08);
695
+ border-radius: 24px;
696
+ padding: 3.5rem 2.5rem;
697
+ text-align: center;
698
+ box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4),
699
+ inset 0 1px 0 rgba(255, 255, 255, 0.1);
700
+ animation: tecof-uc-fade-in 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
701
+ }
702
+
703
+ .tecof-uc-logo-area {
704
+ margin-bottom: 2.5rem;
705
+ display: flex;
706
+ justify-content: center;
707
+ align-items: center;
708
+ }
709
+
710
+ .tecof-uc-logo {
711
+ max-height: 56px;
712
+ max-width: 200px;
713
+ object-fit: contain;
714
+ filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.2));
715
+ }
716
+
717
+ .tecof-uc-logo-fallback {
718
+ font-size: 1.5rem;
719
+ font-weight: 700;
720
+ letter-spacing: -0.025em;
721
+ background: linear-gradient(135deg, #ffffff 0%, rgba(255, 255, 255, 0.7) 100%);
722
+ -webkit-background-clip: text;
723
+ -webkit-text-fill-color: transparent;
724
+ }
725
+
726
+ .tecof-uc-icon-wrapper {
727
+ width: 80px;
728
+ height: 80px;
729
+ border-radius: 20px;
730
+ background: rgba(255, 255, 255, 0.03);
731
+ border: 1px solid rgba(255, 255, 255, 0.08);
732
+ display: flex;
733
+ align-items: center;
734
+ justify-content: center;
735
+ margin: 0 auto 2.2rem auto;
736
+ color: ${accentColor};
737
+ box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.3);
738
+ position: relative;
739
+ }
740
+
741
+ .tecof-uc-icon-glow {
742
+ position: absolute;
743
+ inset: -2px;
744
+ border-radius: 22px;
745
+ background: linear-gradient(135deg, ${accentColor}, transparent);
746
+ opacity: 0.3;
747
+ z-index: -1;
748
+ filter: blur(4px);
749
+ }
750
+
751
+ .tecof-uc-icon-wrapper svg {
752
+ width: 36px;
753
+ height: 36px;
754
+ stroke-width: 1.5;
755
+ animation: tecof-uc-float 4s ease-in-out infinite;
756
+ }
757
+
758
+ .tecof-uc-subtitle {
759
+ font-size: 0.875rem;
760
+ font-weight: 600;
761
+ text-transform: uppercase;
762
+ letter-spacing: 0.15em;
763
+ color: ${accentColor};
764
+ margin-bottom: 0.75rem;
765
+ }
766
+
767
+ .tecof-uc-title {
768
+ font-size: 2.25rem;
769
+ font-weight: 800;
770
+ line-height: 1.2;
771
+ letter-spacing: -0.025em;
772
+ color: #ffffff;
773
+ margin-top: 0;
774
+ margin-bottom: 1.25rem;
775
+ background: linear-gradient(to bottom, #ffffff 0%, #cbd5e1 100%);
776
+ -webkit-background-clip: text;
777
+ -webkit-text-fill-color: transparent;
778
+ }
779
+
780
+ .tecof-uc-description {
781
+ font-size: 1.05rem;
782
+ line-height: 1.6;
783
+ color: #94a3b8;
784
+ margin: 0 auto 2.5rem auto;
785
+ max-width: 420px;
786
+ }
787
+
788
+ .tecof-uc-divider {
789
+ height: 1px;
790
+ background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 100%);
791
+ margin-bottom: 2rem;
792
+ }
793
+
794
+ .tecof-uc-badge {
795
+ display: inline-flex;
796
+ align-items: center;
797
+ gap: 0.5rem;
798
+ background: rgba(255, 255, 255, 0.04);
799
+ border: 1px solid rgba(255, 255, 255, 0.08);
800
+ border-radius: 99px;
801
+ padding: 0.5rem 1.25rem;
802
+ font-size: 0.825rem;
803
+ font-weight: 500;
804
+ color: #94a3b8;
805
+ text-decoration: none;
806
+ transition: all 0.2s ease-in-out;
807
+ }
808
+
809
+ .tecof-uc-badge:hover {
810
+ background: rgba(255, 255, 255, 0.08);
811
+ border-color: rgba(255, 255, 255, 0.15);
812
+ color: #f8fafc;
813
+ transform: translateY(-1px);
814
+ }
815
+
816
+ .tecof-uc-badge-dot {
817
+ width: 6px;
818
+ height: 6px;
819
+ background-color: ${accentColor};
820
+ border-radius: 50%;
821
+ box-shadow: 0 0 10px ${accentColor};
822
+ animation: tecof-uc-blink 1.5s infinite alternate;
823
+ }
824
+
825
+ /* Animations */
826
+ @keyframes tecof-uc-pulse {
827
+ 0% { opacity: 0.08; transform: translate(-50%, -50%) scale(0.95); }
828
+ 100% { opacity: 0.15; transform: translate(-50%, -50%) scale(1.05); }
829
+ }
830
+
831
+ @keyframes tecof-uc-fade-in {
832
+ 0% { opacity: 0; transform: translateY(20px); }
833
+ 100% { opacity: 1; transform: translateY(0); }
834
+ }
835
+
836
+ @keyframes tecof-uc-float {
837
+ 0% { transform: translateY(0px) rotate(0deg); }
838
+ 50% { transform: translateY(-5px) rotate(3deg); }
839
+ 100% { transform: translateY(0px) rotate(0deg); }
840
+ }
841
+
842
+ @keyframes tecof-uc-blink {
843
+ 0% { opacity: 0.3; }
844
+ 100% { opacity: 1; }
845
+ }
846
+
847
+ @media (max-width: 640px) {
848
+ .tecof-uc-container {
849
+ padding: 2.5rem 1.5rem;
850
+ border-radius: 20px;
851
+ }
852
+ .tecof-uc-title {
853
+ font-size: 1.75rem;
854
+ }
855
+ .tecof-uc-description {
856
+ font-size: 0.95rem;
857
+ margin-bottom: 2rem;
858
+ }
859
+ }
860
+ ` } }),
861
+ /* @__PURE__ */ jsx("div", { className: "tecof-uc-glow-1" }),
862
+ /* @__PURE__ */ jsxs("div", { className: "tecof-uc-container", children: [
863
+ logoUrl ? /* @__PURE__ */ jsx("div", { className: "tecof-uc-logo-area", children: /* @__PURE__ */ jsx("img", { src: logoUrl, alt: "Store Logo", className: "tecof-uc-logo" }) }) : /* @__PURE__ */ jsx("div", { className: "tecof-uc-logo-area", children: /* @__PURE__ */ jsx("div", { className: "tecof-uc-logo-fallback", children: "TECOF" }) }),
864
+ /* @__PURE__ */ jsxs("div", { className: "tecof-uc-icon-wrapper", children: [
865
+ /* @__PURE__ */ jsx("div", { className: "tecof-uc-icon-glow" }),
866
+ /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z", strokeLinecap: "round", strokeLinejoin: "round" }) })
867
+ ] }),
868
+ subtitle && /* @__PURE__ */ jsx("div", { className: "tecof-uc-subtitle", children: subtitle }),
869
+ /* @__PURE__ */ jsx("h1", { className: "tecof-uc-title", children: title }),
870
+ /* @__PURE__ */ jsx("p", { className: "tecof-uc-description", children: description }),
871
+ /* @__PURE__ */ jsx("div", { className: "tecof-uc-divider" }),
872
+ /* @__PURE__ */ jsxs("div", { className: "tecof-uc-badge", children: [
873
+ /* @__PURE__ */ jsx("span", { className: "tecof-uc-badge-dot" }),
874
+ /* @__PURE__ */ jsx("span", { children: "Yap\u0131m A\u015Famas\u0131nda" })
875
+ ] })
876
+ ] })
877
+ ] });
878
+ };
639
879
  var merchantInfoCache = /* @__PURE__ */ new Map();
640
880
  var CACHE_TTL = 5 * 60 * 1e3;
641
881
  function useLanguages() {
@@ -24810,7 +25050,7 @@ var CmsCollectionField = ({
24810
25050
  collectionSlug: col.slug,
24811
25051
  collectionName: col.name,
24812
25052
  limit: value?.limit || defaultLimit,
24813
- sort: value?.sort || "newest",
25053
+ sort: value?.sort || "custom",
24814
25054
  fieldMap: value?.fieldMap || {}
24815
25055
  });
24816
25056
  setDropdownOpen(false);
@@ -24959,7 +25199,17 @@ var CmsCollectionField = ({
24959
25199
  "button",
24960
25200
  {
24961
25201
  type: "button",
24962
- className: `tecof-cms-col-sort-btn ${(value.sort || "newest") === "newest" ? "active" : ""}`,
25202
+ className: `tecof-cms-col-sort-btn ${(value.sort || "custom") === "custom" ? "active" : ""}`,
25203
+ onClick: () => handleSortChange("custom"),
25204
+ disabled: readOnly,
25205
+ children: "\xD6zel S\u0131ralama"
25206
+ }
25207
+ ),
25208
+ /* @__PURE__ */ jsx(
25209
+ "button",
25210
+ {
25211
+ type: "button",
25212
+ className: `tecof-cms-col-sort-btn ${value.sort === "newest" ? "active" : ""}`,
24963
25213
  onClick: () => handleSortChange("newest"),
24964
25214
  disabled: readOnly,
24965
25215
  children: "Yeni\u2192Eski"
@@ -25310,6 +25560,6 @@ filepond-plugin-image-edit/dist/filepond-plugin-image-edit.esm.js:
25310
25560
  *)
25311
25561
  */
25312
25562
 
25313
- export { CmsCollectionField, CodeEditorField, ColorField, EditorField, FieldErrorBoundary, LanguageField, LinkField, RepeaterField, TecofApiClient, TecofEditor, TecofPicture, TecofProvider, TecofRender, UploadField, createCmsCollectionField, createCodeEditorField, createColorField, createEditorField, createLanguageField, createLinkField, createRepeaterField, createUploadField, darken, generateCSSVariables, getDefaultTheme, hexToHsl, hslToHex, lighten, mergeTheme, useTecof };
25563
+ export { CmsCollectionField, CodeEditorField, ColorField, EditorField, FieldErrorBoundary, LanguageField, LinkField, RepeaterField, TecofApiClient, TecofEditor, TecofPicture, TecofProvider, TecofRender, UnderConstruction, UploadField, createCmsCollectionField, createCodeEditorField, createColorField, createEditorField, createLanguageField, createLinkField, createRepeaterField, createUploadField, darken, generateCSSVariables, getDefaultTheme, hexToHsl, hslToHex, lighten, mergeTheme, useTecof };
25314
25564
  //# sourceMappingURL=index.mjs.map
25315
25565
  //# sourceMappingURL=index.mjs.map