@developer_tribe/react-builder 1.2.32 → 1.2.34

package/src/build-components/OnboardItem/pattern.json

@@ -7,15 +7,9 @@
     "children": "node",
     "extends": "View",
     "attributes": {
-      "display": [
-        "flex",
-        "block"
-      ],
+      "display": ["flex", "block"],
       "gap": "size",
-      "flexDirection": [
-        "row",
-        "column"
-      ],
+      "flexDirection": ["row", "column"],
       "paddingHorizontal": "size"
     }
   },
@@ -28,9 +22,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "=Onboard"
-    ],
+    "desiredParent": ["=Onboard"],
     "label": "Onboard Item",
     "description": "Single onboarding screen section.",
     "styles": {},

package/src/build-components/OnboardProvider/pattern.json

@@ -7,11 +7,7 @@
     "children": "node",
     "extends": "View",
     "attributes": {
-      "theme": [
-        "light",
-        "dark",
-        "all"
-      ],
+      "theme": ["light", "dark", "all"],
       "borderRadius": "never"
     }
   },
@@ -22,9 +18,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "root"
-    ],
+    "desiredParent": ["root"],
     "label": "Onboard Provider",
     "description": "Provides shared settings for onboarding.",
     "styles": {},

package/src/build-components/OnboardSubtitle/pattern.json

@@ -14,10 +14,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      ">OnboardProvider",
-      ">OnboardItem"
-    ],
+    "desiredParent": [">OnboardProvider", ">OnboardItem"],
     "label": "Onboard Subtitle",
     "description": "Subtitle text for an onboarding step.",
     "styles": {}

package/src/build-components/OnboardTitle/pattern.json

@@ -15,10 +15,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      ">OnboardItem",
-      ">OnboardProvider"
-    ],
+    "desiredParent": [">OnboardItem", ">OnboardProvider"],
     "label": "Onboard Title",
     "description": "Title text for an onboarding step.",
     "styles": {}

package/src/build-components/PaywallBackground/pattern.json

@@ -20,9 +20,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      ">PaywallProvider"
-    ],
+    "desiredParent": [">PaywallProvider"],
     "label": "Paywall Background",
     "description": "Paywall Background component.",
     "styles": {}

package/src/build-components/PaywallCloseButton/pattern.json

@@ -8,9 +8,7 @@
     "extends": "BIcon"
   },
   "meta": {
-    "desiredParent": [
-      ">PaywallProvider"
-    ],
+    "desiredParent": [">PaywallProvider"],
     "label": "Paywall Close Button",
     "description": "Paywall Close Button component.",
     "styles": {}

package/src/build-components/PaywallOptions/pattern.json

@@ -8,9 +8,7 @@
     "children": "node"
   },
   "meta": {
-    "desiredParent": [
-      ">PaywallProvider"
-    ],
+    "desiredParent": [">PaywallProvider"],
     "label": "Paywall Options",
     "description": "Paywall options selector component.",
     "styles": {}

package/src/build-components/PaywallProvider/pattern.json

@@ -17,9 +17,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "all"
-    ],
+    "desiredParent": ["all"],
     "label": "Paywall Provider",
     "description": "Provider/wrapper for paywall screen components.",
     "attributes": {

package/src/build-components/PaywallSubscribeButton/pattern.json

@@ -21,9 +21,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      ">PaywallProvider"
-    ],
+    "desiredParent": [">PaywallProvider"],
     "label": "Paywall Subscribe Button",
     "description": "Paywall subscribe call-to-action button. Extends Button.",
     "styles": {}

package/src/build-components/PriceTag/pattern.json

@@ -10,11 +10,7 @@
       "showOriginalPricePossible": "boolean",
       "hideIfItsNotDiscount": "boolean",
       "styles": {
-        "textDecorationLine": [
-          "none",
-          "underline",
-          "line-through"
-        ]
+        "textDecorationLine": ["none", "underline", "line-through"]
       }
     }
   },
@@ -25,9 +21,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      ">PaywallProvider"
-    ],
+    "desiredParent": [">PaywallProvider"],
     "label": "Price Tag",
     "description": "Displays a price tag text. Extends Text.",
     "styles": {

package/src/build-components/Pricing/pattern.json

@@ -17,9 +17,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      ">PaywallProvider"
-    ],
+    "desiredParent": [">PaywallProvider"],
     "label": "Pricing",
     "description": "Displays pricing details (e.g. promo/trial breakdown). Extends Text.",
     "styles": {}

package/src/build-components/Promo/pattern.json

@@ -17,9 +17,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      ">PaywallProvider"
-    ],
+    "desiredParent": [">PaywallProvider"],
     "label": "Promo",
     "description": "Displays promotional badge/text (e.g. discount percentage). Extends Text.",
     "styles": {}

package/src/build-components/Separator/pattern.json

@@ -18,9 +18,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "all"
-    ],
+    "desiredParent": ["all"],
     "label": "Separator",
     "description": "Horizontal line separator.",
     "styles": {

package/src/build-components/StatusBarColor/StatusBarColor.tsx

@@ -11,7 +11,7 @@ function StatusBarColor({ node }: StatusBarColorComponentProps) {
   useLogRender('StatusBarColor');
   node = useNode(node);
 
-  const { theme, projectColors } = useBuilderParams();
+  const { selectedTheme: theme, projectColors } = useBuilderParams();
   const setStatusBarOverrideColor = useRenderStore(
     (s) => s.setStatusBarOverrideColor,
   );

package/src/build-components/StatusBarColor/pattern.json

@@ -13,9 +13,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "all"
-    ],
+    "desiredParent": ["all"],
     "label": "Status Bar Color",
     "description": "Sets the OS status bar background color.",
     "styles": {

package/src/build-components/Text/pattern.json

@@ -27,9 +27,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "all"
-    ],
+    "desiredParent": ["all"],
     "label": "Text",
     "description": "Displays simple text.",
     "styles": {

package/src/build-components/View/pattern.json

@@ -8,15 +8,8 @@
     "attributes": {
       "scrollable": "boolean",
       "styles": {
-        "flexDirection": [
-          "row",
-          "column"
-        ],
-        "flexWrap": [
-          "nowrap",
-          "wrap",
-          "wrap-reverse"
-        ],
+        "flexDirection": ["row", "column"],
+        "flexWrap": ["nowrap", "wrap", "wrap-reverse"],
         "alignItems": [
           "flex-start",
           "center",
@@ -56,10 +49,7 @@
         "minHeight": "size",
         "maxHeight": "size",
         "flex": "number",
-        "position": [
-          "relative",
-          "absolute"
-        ],
+        "position": ["relative", "absolute"],
         "top": "size",
         "bottom": "size",
         "left": "size",
@@ -69,9 +59,7 @@
     }
   },
   "meta": {
-    "desiredParent": [
-      "all"
-    ],
+    "desiredParent": ["all"],
     "label": "View",
     "description": "Base layout container.",
     "specialCategories": {

package/src/build-components/patterns.generated.ts

@@ -6162,13 +6162,13 @@ export const patterns = [
           'sliding_dot',
           'liquid_like',
         ],
+        flexDirection: 'never',
+        alignItems: 'never',
+        justifyContent: 'never',
         dot_thickness: 'size',
         inactive_dot_opacity: 'number',
         inactive_dot_color: 'color',
         active_dot_color: 'color',
-        flexDirection: 'never',
-        alignItems: 'never',
-        justifyContent: 'never',
       },
     },
     meta: {
@@ -6217,41 +6217,6 @@ export const patterns = [
           sort: 21,
           preferredScale: 's',
         },
-        dotType: {
-          label: 'Dot Type',
-          description: 'Dot animation style.',
-          category: 'style',
-          specialCategory: null,
-          sort: 1,
-        },
-        inactive_dot_opacity: {
-          label: 'Inactive Dot Opacity',
-          description: 'Opacity for inactive dots.',
-          category: 'style',
-          specialCategory: null,
-          sort: 3,
-        },
-        inactive_dot_color: {
-          label: 'Inactive Dot Color',
-          description: 'Color of inactive dots.',
-          category: 'style',
-          specialCategory: null,
-          sort: 4,
-        },
-        dot_thickness: {
-          label: 'Dot Thickness',
-          description: 'Dot size/diameter.',
-          category: 'style',
-          specialCategory: null,
-          sort: 2,
-        },
-        active_dot_color: {
-          label: 'Active Dot Color',
-          description: 'Color of the active dot.',
-          category: 'style',
-          specialCategory: null,
-          sort: 5,
-        },
       },
       attributes: {
         scrollable: {
@@ -6510,6 +6475,41 @@ export const patterns = [
           specialCategory: null,
           sort: 26,
         },
+        dotType: {
+          label: 'Dot Type',
+          description: 'Dot animation style.',
+          category: 'style',
+          specialCategory: null,
+          sort: 1,
+        },
+        dot_thickness: {
+          label: 'Dot Thickness',
+          description: 'Dot size/diameter.',
+          category: 'style',
+          specialCategory: null,
+          sort: 2,
+        },
+        inactive_dot_opacity: {
+          label: 'Inactive Dot Opacity',
+          description: 'Opacity for inactive dots.',
+          category: 'style',
+          specialCategory: null,
+          sort: 3,
+        },
+        inactive_dot_color: {
+          label: 'Inactive Dot Color',
+          description: 'Color of inactive dots.',
+          category: 'style',
+          specialCategory: null,
+          sort: 4,
+        },
+        active_dot_color: {
+          label: 'Active Dot Color',
+          description: 'Color of the active dot.',
+          category: 'style',
+          specialCategory: null,
+          sort: 5,
+        },
       },
     },
     defaults: {
@@ -6662,20 +6662,6 @@ export const patterns = [
           sort: 21,
           preferredScale: 's',
         },
-        linkedWordFirstColor: {
-          label: 'Linked Word First Color',
-          description: 'Color of the first linked word.',
-          category: 'style',
-          specialCategory: null,
-          sort: 3,
-        },
-        linkedWordSecondColor: {
-          label: 'Linked Word Second Color',
-          description: 'Color of the second linked word.',
-          category: 'style',
-          specialCategory: null,
-          sort: 6,
-        },
       },
       attributes: {
         adjustsFontSizeToFit: {
@@ -6964,6 +6950,13 @@ export const patterns = [
           specialCategory: null,
           sort: 2,
         },
+        linkedWordFirstColor: {
+          label: 'Linked Word First Color',
+          description: 'Color of the first linked word.',
+          category: 'other',
+          specialCategory: null,
+          sort: 3,
+        },
         linkedWordFirstPage: {
           label: 'Linked Word First Page',
           description: 'Page opened by the first link.',
@@ -6978,6 +6971,13 @@ export const patterns = [
           specialCategory: null,
           sort: 5,
         },
+        linkedWordSecondColor: {
+          label: 'Linked Word Second Color',
+          description: 'Color of the second linked word.',
+          category: 'other',
+          specialCategory: null,
+          sort: 6,
+        },
         linkedWordSecondPage: {
           label: 'Linked Word Second Page',
           description: 'Page opened by the second link.',

package/src/components/BottomBar.tsx

@@ -3,7 +3,12 @@ import { Icon } from './Icon.generated';
 import type { IconsType } from '../types/Icons.generated';
 import { useRenderStore } from '../store';
 import type { Localication } from '../types/PreviewConfig';
-import { InspectModal, LocalicationModal, Modal } from '../modals';
+import {
+  InspectModal,
+  LocalicationModal,
+  Modal,
+  PromptManagerModal,
+} from '../modals';
 import type { Node } from '../types/Node';
 import type { Project } from '../types/Project';
 import { DebugJsonPage } from '../pages/DebugJsonPage';
@@ -29,6 +34,7 @@ export function BottomBar({
   const debugIcon: IconsType = 'speedometer-03';
   const localizationIcon: IconsType = 'globe-01';
   const inspectIcon: IconsType = 'info-circle';
+  const promptAiIcon: IconsType = 'star';
 
   const {
     localization,
@@ -57,6 +63,7 @@ export function BottomBar({
   const [isDebugOpen, setIsDebugOpen] = useState(false);
   const [isLocalizationOpen, setIsLocalizationOpen] = useState(false);
   const [isInspectOpen, setIsInspectOpen] = useState(false);
+  const [isPromptManagerOpen, setIsPromptManagerOpen] = useState(false);
 
   const languages = useMemo(() => ['en', 'tr', 'ar'], []);
   const activeLanguage = defaultLanguage;
@@ -150,6 +157,18 @@ export function BottomBar({
           <Icon iconType={inspectIcon} size={20} color="currentColor" alt="" />
         </button>
 
+        <button
+          type="button"
+          className={`rb-bottom-bar__button${
+            isPromptManagerOpen ? ' is-active' : ''
+          }`}
+          aria-label="Prompt Manager"
+          aria-pressed={isPromptManagerOpen}
+          onClick={() => setIsPromptManagerOpen(true)}
+        >
+          <Icon iconType={promptAiIcon} size={20} color="currentColor" alt="" />
+        </button>
+
         <div className="rb-bottom-bar__spacer" />
 
         <div className="rb-bottom-bar__langs" aria-label="Language">
@@ -199,6 +218,14 @@ export function BottomBar({
       {isInspectOpen && (
         <InspectModal onClose={() => setIsInspectOpen(false)} />
       )}
+
+      {isPromptManagerOpen && (
+        <PromptManagerModal
+          data={data}
+          setData={setData}
+          onClose={() => setIsPromptManagerOpen(false)}
+        />
+      )}
     </>
   );
 }

package/src/components/BuilderProvider.tsx

@@ -36,19 +36,14 @@ export type BuilderProviderParams = {
   // but internally we prefer store values.
   mockProducts?: Products[];
   mockBenefits?: PaywallBenefits;
-  mockTheme?: Theme;
-  mockDefaultLanguage?: string;
+  selectedLanguage?: string;
+  selectedTheme?: Theme;
   localization?: Localication;
   baseSize?: BaseSize;
-  // projectColors, fonts, previewMode, selectedKey kept as they are commonly used and not explicitly asked to rename
   projectColors?: ProjectColors;
   fonts?: Fonts;
   previewMode?: boolean;
   selectedKey?: string;
-
-  // Derived / Convenience values provided by the context (populated from mock* if present)
-  theme?: Theme;
-  defaultLanguage?: string;
 };
 
 type BuilderProviderProps = {
@@ -63,17 +58,13 @@ const builderContext = createContext<BuilderProviderParams | undefined>(
 export function BuilderProvider({ params, children }: BuilderProviderProps) {
   // We rely purely on params passed from parent (which reads from store)
   const value = useMemo<BuilderProviderParams>(() => {
-    const theme = params.mockTheme ?? defaultTheme;
-    const lang = params.mockDefaultLanguage ?? defaultLanguage;
+    const lang = params.selectedLanguage ?? defaultLanguage;
     return {
       ...params,
-      // Ensure defaults if mxissing
       mockProducts: params.mockProducts ?? [],
       mockBenefits: params.mockBenefits ?? {},
-      mockTheme: theme,
-      mockDefaultLanguage: lang,
-      theme,
-      defaultLanguage: lang,
+      selectedLanguage: lang,
+      selectedTheme: params.selectedTheme ?? defaultTheme,
       baseSize: params.baseSize ?? defaultBaseSize,
       projectColors: params.projectColors
         ? mergeProjectColors(defaultProjectColors, params.projectColors)

package/src/hooks/useLocalize.ts

@@ -12,7 +12,7 @@ export function useLocalize(options?: {
 }): LocalizeFn {
   const {
     localization: builderLocalization,
-    mockDefaultLanguage: builderDefaultLanguage,
+    selectedLanguage: builderDefaultLanguage,
   } = useBuilderParams();
   //TODO: genelle (react-native ksımına export et)
   const localization =