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

package/build/types/version.d.ts

@@ -1 +1 @@
-export const SDK_VERSION: "2.1.5-beta.8";
+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.8",
+  "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

@@ -625,11 +625,11 @@ const CustomQRCode = {
       const handleEditQRCode = async (qrCode: any) => {
         setIsEditing(true);
         setSelectedQR(qrCode);
-        dispatch(setQrUrl(qrCode.url ?? ''));
-        dispatch(setUtmSource(qrCode.utm_source ?? ''));
-        dispatch(setUtmMedium(qrCode.utm_medium ?? ''));
-        dispatch(setUtmCampaignName(qrCode.utm_campaign_name ?? ''));
-        dispatch(setCustomUtms(qrCode.custom_utms ?? {}));
+        dispatch(setQrUrl(qrCode.url));
+        dispatch(setUtmSource(qrCode.utmSource || 'direct mail'));
+        dispatch(setUtmMedium(qrCode.utmMedium || 'QR Code'));
+        dispatch(setUtmCampaignName(qrCode.utm_campaign_name || ''));
+        dispatch(setCustomUtms(qrCode.custom_utms || {}));
 
         handleDialogChange('qr-modal');
         setIsActionsOpen(null);
@@ -678,8 +678,8 @@ const CustomQRCode = {
                   name: utmCampaignName,
                   url: url,
                   qrImagePath: uploadedFile,
-                  utm_source: utmSource || null,
-                  utm_medium: utmMedium || null,
+                  utm_source: utmSource,
+                  utm_medium: utmMedium,
                   utm_campaign_name: utmCampaignName,
                   custom_utms: customUtms,
                 },

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.8';
+export const SDK_VERSION = '2.1.5-beta.9';