@openlettermarketing/olc-vue-sdk 1.5.5-beta.2 → 1.5.5-beta.3

package/build/index.js

@@ -164776,7 +164776,7 @@ const $14dc1102dd22ee0f$export$fac40f04596fc189 = (store)=>{
             resizable: false,
             contentEditable: true,
             styleEditable: false,
-            text: "Thanks!,, \n  ((SPF.FIRST_NAME))",
+            text: "Thanks! \n  ((SPF.FIRST_NAME))",
             fontSize: 20,
             fontFamily: "lexi Regular",
             fontStyle: "normal",
@@ -168524,11 +168524,11 @@ const $34a18093efad5ac0$var$CustomQRCode = {
         // if selection is changed we need to update input value
         (0, react.useEffect)(()=>{
             if (el?.name === "qr") {
-                setUrl(el?.custom.url);
-                setUtmSource(el?.custom.utm_source);
-                setUtmMedium(el?.custom.utm_medium);
-                setUtmCampaignName(el?.custom.utm_campaign_name);
-                setCustomUtms(el?.custom.custom_utms);
+                setUrl(el?.custom?.url || el?.custom?.value || "");
+                setUtmSource(el?.custom?.utm_source || "direct mail");
+                setUtmMedium(el?.custom?.utm_medium || "QR Code");
+                setUtmCampaignName(el?.custom?.utm_campaign_name || "");
+                Object.values(el?.custom?.custom_utms || {}).length ? setCustomUtms(el?.custom?.custom_utms) : setCustomUtms({});
             } else {
                 setUrl("");
                 setUtmSource("direct mail");
@@ -168559,7 +168559,7 @@ const $34a18093efad5ac0$var$CustomQRCode = {
                 }),
                 /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
                     style: {
-                        marginTop: "20px"
+                        marginTop: "15px"
                     },
                     children: [
                         /*#__PURE__*/ (0, jsx_runtime.jsx)("label", {
@@ -168577,7 +168577,7 @@ const $34a18093efad5ac0$var$CustomQRCode = {
                 }),
                 /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
                     style: {
-                        marginTop: "20px"
+                        marginTop: "15px"
                     },
                     children: [
                         /*#__PURE__*/ (0, jsx_runtime.jsx)("label", {
@@ -168595,7 +168595,7 @@ const $34a18093efad5ac0$var$CustomQRCode = {
                 }),
                 /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
                     style: {
-                        marginTop: "20px"
+                        marginTop: "15px"
                     },
                     children: [
                         /*#__PURE__*/ (0, jsx_runtime.jsx)("label", {
@@ -168611,10 +168611,10 @@ const $34a18093efad5ac0$var$CustomQRCode = {
                         })
                     ]
                 }),
-                utms.map((utm, idx)=>{
+                utms?.map((utm, idx)=>{
                     return /*#__PURE__*/ (0, jsx_runtime.jsxs)("div", {
                         style: {
-                            marginTop: "20px"
+                            marginTop: "15px"
                         },
                         children: [
                             /*#__PURE__*/ (0, jsx_runtime.jsxs)("label", {
@@ -168643,8 +168643,9 @@ const $34a18093efad5ac0$var$CustomQRCode = {
                     onClick: isQR ? updateQRCode : addNewQRCode,
                     style: {
                         width: "100%",
-                        padding: "5px",
-                        marginTop: "10px",
+                        padding: "10px",
+                        marginTop: "20px",
+                        marginBottom: "10px",
                         backgroundColor: "#f6f7f9",
                         boxShadow: "inset 0 0 0 1px #11141833,0 1px 2px #1114181a",
                         color: "#1c2127",
@@ -169125,7 +169126,7 @@ var $edeafd00018ca857$export$2e2bcd8739ae039 = $edeafd00018ca857$var$App;
 
 
 
-const $23c375345222aadb$export$31499a9cd224b78c = "1.7.5";
+const $23c375345222aadb$export$31499a9cd224b78c = "1.7.6";
 
 
 const $24075a5d702d64b3$var$TemplateBuilder = ({ container: container, secretKey: secretKey, publicApiKey: publicApiKey, platformName: platformName, templateGalleryModal: templateGalleryModal = true, createTemplateRoute: createTemplateRoute, templateBuilderRoute: templateBuilderRoute, olcTemplate: olcTemplate, designerTemplateQuery: designerTemplateQuery, sandbox: sandbox, allowSenderFields: allowSenderFields, allowPropertyFields: allowPropertyFields, excludedFields: excludedFields, designerQueryAmount: designerQueryAmount, allowedAddOns: allowedAddOns, env: env, restrictedProducts: restrictedProducts, onReturnAndNavigate: onReturnAndNavigate, onCreateCustomTemplateQuery: onCreateCustomTemplateQuery, onGetOneTemplate: onGetOneTemplate, onGetTemplates: onGetTemplates, onGetCustomFields: onGetCustomFields, onSubmit: onSubmit, styles: styles })=>{