@bagelink/vue 0.0.136 → 0.0.138

package/dist/components/whatsapp/form/MsgTemplate.vue.d.ts

@@ -1,14 +1,22 @@
 import type { FormKitSchemaDefinition } from '@formkit/core';
 import type { RouteLocationNormalizedLoaded, Router } from 'vue-router';
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     whatsappTemplateSchema: () => FormKitSchemaDefinition;
     router: Router;
     route: RouteLocationNormalizedLoaded;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    previewLabel?: string | undefined;
+}>, {
+    previewLabel: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     whatsappTemplateSchema: () => FormKitSchemaDefinition;
     router: Router;
     route: RouteLocationNormalizedLoaded;
-}>>>, {}, {}>;
+    previewLabel?: string | undefined;
+}>, {
+    previewLabel: string;
+}>>>, {
+    previewLabel: string;
+}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -19,4 +27,12 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 //# sourceMappingURL=MsgTemplate.vue.d.ts.map

package/dist/components/whatsapp/form/MsgTemplate.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MsgTemplate.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/whatsapp/form/MsgTemplate.vue"],"names":[],"mappings":"AAiCA;AAIA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;;4BAsS/C,MAAM,uBAAuB;YAC7C,MAAM;WACP,6BAA6B;;4BAFZ,MAAM,uBAAuB;YAC7C,MAAM;WACP,6BAA6B;;AAJrC,wBAUG;AAGH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC"}
+{"version":3,"file":"MsgTemplate.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/whatsapp/form/MsgTemplate.vue"],"names":[],"mappings":"AAiCA;AAIA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,EAAE,MAAM,YAAY,CAAC;;4BA6S9C,MAAM,uBAAuB;YAC7C,MAAM;WACP,6BAA6B;;;;;4BAFZ,MAAM,uBAAuB;YAC7C,MAAM;WACP,6BAA6B;;;;;kBACrB,MAAM;;AALvB,wBAWG;AAGH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/index.cjs

@@ -28323,9 +28323,10 @@ const _hoisted_7 = { class: "whatsapp-footer" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "MsgTemplate",
   props: {
-    whatsappTemplateSchema: { type: Function },
+    whatsappTemplateSchema: {},
     router: {},
-    route: {}
+    route: {},
+    previewLabel: { default: "Preview" }
   },
   setup(__props) {
     const props2 = __props;
@@ -28438,7 +28439,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             vue.createElementVNode("div", {
               class: vue.normalizeClass(["whatsapp-preview", { whatsappHebrew: ((_a = vue.unref(localWhatsappData)) == null ? void 0 : _a.language) === "he" }])
             }, [
-              vue.createTextVNode(" Preview "),
+              vue.createTextVNode(vue.toDisplayString(_ctx.previewLabel) + " ", 1),
               vue.createElementVNode("div", _hoisted_5, [
                 vue.createElementVNode("b", null, vue.toDisplayString((_c = (_b = vue.unref(localWhatsappData)) == null ? void 0 : _b.headerText) == null ? void 0 : _c.replace(regex2, replaceHeader)), 1),
                 vue.createElementVNode("p", _hoisted_6, vue.toDisplayString((_e = (_d = vue.unref(localWhatsappData)) == null ? void 0 : _d.bodyText) == null ? void 0 : _e.replace(regex2, replaceBody)), 1),
@@ -28451,7 +28452,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const MsgTemplate = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b1fdb496"]]);
+const MsgTemplate = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7031e613"]]);
 exports.AddressInput = AddressInput;
 exports.BagelVue = BagelVue;
 exports.BankDetailsInput = BankDetailsInput;

package/dist/index.mjs

@@ -28321,9 +28321,10 @@ const _hoisted_7 = { class: "whatsapp-footer" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MsgTemplate",
   props: {
-    whatsappTemplateSchema: { type: Function },
+    whatsappTemplateSchema: {},
     router: {},
-    route: {}
+    route: {},
+    previewLabel: { default: "Preview" }
   },
   setup(__props) {
     const props2 = __props;
@@ -28436,7 +28437,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createElementVNode("div", {
               class: normalizeClass(["whatsapp-preview", { whatsappHebrew: ((_a = unref(localWhatsappData)) == null ? void 0 : _a.language) === "he" }])
             }, [
-              createTextVNode(" Preview "),
+              createTextVNode(toDisplayString(_ctx.previewLabel) + " ", 1),
               createElementVNode("div", _hoisted_5, [
                 createElementVNode("b", null, toDisplayString((_c = (_b = unref(localWhatsappData)) == null ? void 0 : _b.headerText) == null ? void 0 : _c.replace(regex2, replaceHeader)), 1),
                 createElementVNode("p", _hoisted_6, toDisplayString((_e = (_d = unref(localWhatsappData)) == null ? void 0 : _d.bodyText) == null ? void 0 : _e.replace(regex2, replaceBody)), 1),
@@ -28449,7 +28450,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const MsgTemplate = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b1fdb496"]]);
+const MsgTemplate = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7031e613"]]);
 export {
   AddressInput,
   BagelVue,

package/dist/style.css

@@ -2225,10 +2225,10 @@ input[type='email'][data-v-ed81a514] {
 }
 }
 
-.btn-end[data-v-b1fdb496] {
+.btn-end[data-v-7031e613] {
 	text-align: end;
 }
-.whatsapp-preview[data-v-b1fdb496] {
+.whatsapp-preview[data-v-7031e613] {
 	direction: ltr;
 	width: 400px;
 	padding: 1rem;
@@ -2240,18 +2240,18 @@ input[type='email'][data-v-ed81a514] {
 	top: 15px;
 	flex: 1 1 40%;
 }
-.whatsapp-wrap[data-v-b1fdb496] {
+.whatsapp-wrap[data-v-7031e613] {
 	display: flex;
 	gap: 1rem;
 	max-width: 1200px;
 	overflow: auto;
 	height: 100%;
 }
-.create-template-form[data-v-b1fdb496] {
+.create-template-form[data-v-7031e613] {
 	flex: 1 0 50%;
 	min-width: 300px;
 }
-.whatsapp-msg[data-v-b1fdb496] {
+.whatsapp-msg[data-v-7031e613] {
 	background: var(--whatsapp-green);
 	border-radius: 0.5rem;
 	border-start-start-radius: 0px;
@@ -2262,7 +2262,7 @@ input[type='email'][data-v-ed81a514] {
 	position: relative;
 	min-height: 30px;
 }
-.whatsapp-msg[data-v-b1fdb496]::after {
+.whatsapp-msg[data-v-7031e613]::after {
 	content: '';
 	inset-inline-start: -5px;
 	border-radius: 0.1rem;
@@ -2273,27 +2273,27 @@ input[type='email'][data-v-ed81a514] {
 	background: var(--whatsapp-green);
 	position: absolute;
 }
-.whatsapp-body[data-v-b1fdb496] {
+.whatsapp-body[data-v-7031e613] {
 	margin: 2px 0;
 }
-.whatsapp-footer[data-v-b1fdb496] {
+.whatsapp-footer[data-v-7031e613] {
 	margin: 0;
 	opacity: 0.6;
 	font-size: 0.8rem;
 }
-.whatsappHebrew[data-v-b1fdb496] {
+.whatsappHebrew[data-v-7031e613] {
 	direction: rtl;
 }
-.whatsappHebrew .whatsapp-msg[data-v-b1fdb496]::after {
+.whatsappHebrew .whatsapp-msg[data-v-7031e613]::after {
 	transform: skew(-45deg);
 }
 @media screen and (max-width: 1200px) {
-.whatsapp-preview[data-v-b1fdb496] {
+.whatsapp-preview[data-v-7031e613] {
 		width: 300px;
 }
 }
 @media screen and (max-width: 910px) {
-.whatsapp-preview[data-v-b1fdb496] {
+.whatsapp-preview[data-v-7031e613] {
 		display: none;
 }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.136",
+  "version": "0.0.138",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/whatsapp/form/MsgTemplate.vue

@@ -14,7 +14,7 @@
 					class="whatsapp-preview"
 					:class="{ whatsappHebrew: localWhatsappData?.language === 'he' }"
 				>
-					Preview
+					{{ previewLabel }}
 					<div class="whatsapp-msg">
 						<b>{{
 							localWhatsappData?.headerText?.replace(regex, replaceHeader)
@@ -46,11 +46,15 @@ import {
 	FooterComponent,
 } from '../interfaces';
 
-const props = defineProps<{
-	whatsappTemplateSchema: () => FormKitSchemaDefinition;
-	router: Router;
-	route: RouteLocationNormalizedLoaded;
-}>();
+const props = withDefaults(
+	defineProps<{
+		whatsappTemplateSchema: () => FormKitSchemaDefinition;
+		router: Router;
+		route: RouteLocationNormalizedLoaded;
+		previewLabel?: string;
+	}>(),
+	{ previewLabel: 'Preview' },
+);
 
 const bagel = useBagel();