@openlettermarketing/olc-react-sdk 2.1.5-beta.7 → 2.1.5-beta.9

package/build/types/version.d.ts

@@ -1 +1 @@
-export const SDK_VERSION: "2.1.5-beta.7";
+export const SDK_VERSION: "2.1.5-beta.9";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openlettermarketing/olc-react-sdk",
   "private": false,
-  "version": "2.1.5-beta.7",
+  "version": "2.1.5-beta.9",
   "type": "module",
   "description": "Simplify template builder integration for any product.",
   "main": "build/index.js",

package/src/components/SidePanel/CustomQRCode/index.tsx

@@ -623,13 +623,11 @@ const CustomQRCode = {
       };
 
       const handleEditQRCode = async (qrCode: any) => {
-        console.log("qrCode.utm_source:::",qrCode.utm_source);
-        console.log("qrCode.utm_medium",qrCode.utm_medium)
         setIsEditing(true);
         setSelectedQR(qrCode);
         dispatch(setQrUrl(qrCode.url));
-        dispatch(setUtmSource(qrCode.utm_source || 'direct mail'));
-        dispatch(setUtmMedium(qrCode.utm_medium || 'QR Code'));
+        dispatch(setUtmSource(qrCode.utmSource || 'direct mail'));
+        dispatch(setUtmMedium(qrCode.utmMedium || 'QR Code'));
         dispatch(setUtmCampaignName(qrCode.utm_campaign_name || ''));
         dispatch(setCustomUtms(qrCode.custom_utms || {}));
 

package/src/components/SidePanel/Templates/customTemplateSection.tsx

@@ -172,8 +172,12 @@ const CustomTemplateSection: SideSection = {
       const [myTemplates, setMyTemplates] = useState<TemplateRecord[]>([]);
       const [teamTemplates, setTeamTemplates] = useState<TemplateRecord[]>([]);
       const [olcTemplates, setOlcTemplates] = useState<TemplateRecord[]>([]);
-      const [searchApplied, setSearchApplied] = useState(false);
-      const [search, setSearch] = useState('');
+      // Initialise from localStorage so state survives the MobX-driven unmount/remount
+      // that occurs when the user switches browser tabs and returns.
+      const [searchApplied, setSearchApplied] = useState(
+        getItem('gallerySearchApplied') === 'true'
+      );
+      const [search, setSearch] = useState(getItem('gallerySearch') || '');
       const [loader, setLoader] = useState(false);
       const [pagination, setPagination] = useState({
         count: 0,
@@ -316,6 +320,11 @@ const CustomTemplateSection: SideSection = {
         setOpenGalleryModal(false);
         store.openSidePanel(selectedSection || 'text');
         removeItem('currentTab');
+        // Clear persisted search so the gallery opens fresh next time.
+        setSearch('');
+        setSearchApplied(false);
+        removeItem('gallerySearch');
+        removeItem('gallerySearchApplied');
         document.body.classList.remove('no-scroll');
       };
 
@@ -342,12 +351,19 @@ const CustomTemplateSection: SideSection = {
       const handleSearch = () => {
         if (search) {
           setSearchApplied(true);
+          setItem('gallerySearchApplied', 'true');
           getTemplatesByTab();
         }
       };
 
       const removeSearchInput = () => {
         setSearch('');
+        // Do NOT call setSearchApplied(false) here — React 18 batches both state updates
+        // into one render, making searchApplied already false when useEffect([search]) runs,
+        // which prevents the condition (!search && searchApplied) from firing and skips
+        // the re-fetch. The useEffect below owns that transition.
+        removeItem('gallerySearch');
+        removeItem('gallerySearchApplied');
       };
 
       const searchKeyDown = (event: any) => {
@@ -543,7 +559,8 @@ const CustomTemplateSection: SideSection = {
       useEffect(() => {
         if (!search && searchApplied) {
           setSearchApplied(false);
-          setSearch('');
+          removeItem('gallerySearch');
+          removeItem('gallerySearchApplied');
           setTimeout(() => {
             getTemplatesByTab();
           }, 100);
@@ -552,6 +569,8 @@ const CustomTemplateSection: SideSection = {
 
       useEffect(() => {
         searchRef.current = search;
+        // Keep localStorage in sync so the value survives tab-switch remounts.
+        setItem('gallerySearch', search);
       }, [search]);
 
       useEffect(() => {

package/version.js

@@ -1 +1 @@
-export const SDK_VERSION = '2.1.5-beta.7';
+export const SDK_VERSION = '2.1.5-beta.9';