@multiplatform.one/connectkit 6.0.0

package/dist/cjs/components/Common/CustomQRCode/index.native.js

@@ -0,0 +1,119 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var CustomQRCode_exports = {};
+__export(CustomQRCode_exports, {
+  default: () => CustomQRCode_default
+});
+module.exports = __toCommonJS(CustomQRCode_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_styles = require("./styles.native.js");
+var import_Tooltip = __toESM(require("../Tooltip/index.native.js"));
+var import_framer_motion = require("framer-motion");
+var import_QRCode = require("./QRCode.native.js");
+var import_useWindowSize = __toESM(require("../../../hooks/useWindowSize.native.js"));
+function CustomQRCode(param) {
+  var {
+    value,
+    image,
+    imageBackground,
+    imagePosition = "center",
+    tooltipMessage
+  } = param;
+  var windowSize = (0, import_useWindowSize.default)();
+  var Logo = windowSize.width > 920 && tooltipMessage ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Tooltip.default, {
+    xOffset: 139,
+    yOffset: 5,
+    delay: 0.1,
+    message: tooltipMessage,
+    children: image
+  }) : image;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.QRCodeContainer, {
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.QRCodeContent, {
+      children: [image && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoContainer, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.LogoIcon, {
+          $wcLogo: imagePosition !== "center",
+          style: {
+            background: imagePosition === "center" ? imageBackground : void 0
+          },
+          children: Logo
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_framer_motion.AnimatePresence, {
+        initial: false,
+        children: value ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_framer_motion.motion.div, {
+          initial: {
+            opacity: 0
+          },
+          animate: {
+            opacity: 1
+          },
+          exit: {
+            opacity: 0,
+            position: "absolute",
+            inset: [0, 0]
+          },
+          transition: {
+            duration: 0.2
+          },
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_QRCode.QRCode, {
+            uri: value,
+            size: 288,
+            ecl: "M",
+            clearArea: !!(imagePosition === "center" && image)
+          })
+        }, value) : /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.QRPlaceholder, {
+          initial: {
+            opacity: 0.1
+          },
+          animate: {
+            opacity: 0.1
+          },
+          exit: {
+            opacity: 0,
+            position: "absolute",
+            inset: [0, 0]
+          },
+          transition: {
+            duration: 0.2
+          },
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {}), /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {})]
+        })
+      })]
+    })
+  });
+}
+CustomQRCode.displayName = "CustomQRCode";
+var CustomQRCode_default = CustomQRCode;
+//# sourceMappingURL=index.native.js.map

package/dist/cjs/components/Common/CustomQRCode/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CustomQRCode_exports","__export","default","CustomQRCode_default","module","exports","import_jsx_runtime","require","import_styles","import_Tooltip","__toESM","import_framer_motion","import_QRCode","import_useWindowSize","CustomQRCode","param","image","imageBackground","imagePosition","tooltipMessage","windowSize","Logo","width","jsx","xOffset","yOffset","delay","message","children","QRCodeContainer","jsxs","QRCodeContent","LogoContainer","LogoIcon","$wcLogo","style","background","AnimatePresence","initial","motion","div","opacity","animate","exit","position","inset","transition","duration","QRCode","uri","size","ecl","clearArea","QRPlaceholder"],"sources":["../../../../../src/components/Common/CustomQRCode/index.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,OAAA,EAAAA,CAAA,KAAAC;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAV,YAAuF,CAAAK,oBAAA;AAEvF,IAAAM,kBAAoB,GAAAC,OAAA;AACpB,IAAAC,aAAA,GAAAD,OAAwC;AAExC,IAAAE,cAAA,GAAuBC,OAAA,CAAAH,OAAA;AACvB,IAAAI,oBAAA,GAA0BJ,OAAA;AAapB,IAAAK,aAAA,GAAAL,OAAA;AAXN,IAAAM,oBAAsB,GAAAH,OAAA,CAAAH,OAAA;AAAA,SACpBO,aAAAC,KAAA;EACA;IAAAhB,KAAA;IAAAiB,KAAA;IAAAC,eAAA;IAAAC,aAAA;IAAAC;EAAA,IAAAJ,KAAA;EACA,IAAAK,UAAA,OAAAP,oBAAA,CAAAX,OAAA;EACA,IAAAmB,IAAA,GAAAD,UAAgB,CAAAE,KAAA,UAAAH,cAAA,sBAAAb,kBAAA,CAAAiB,GAAA,EAAAd,cAAA,CAAAP,OAAA;IAChBsB,OAAA;IACoBC,OAAA;IACpBC,KAAM;IAENC,OAAM,EAAAR,cACO;IAQbS,QACE,EAAAZ;EAEK,KAAAA,KAAA;EAEG,OAAC,mBAAAV,kBAAA,CAAAiB,GAAA,EAAAf,aAAA,CAAAqB,eAAA;IAAAD,QAAA,qBAAAtB,kBAAA,CAAAwB,IAAA,EAAAtB,aAAA,CAAAuB,aAAA;MAAAH,QACC,GACAZ,KAAA,IAAO,mBAAAV,kBAAA,CAAAiB,GAAA,EAAAf,aAAA,CAAAwB,aAAA;QACLJ,QAAA,iBAAY,IAAkBtB,kBAAW,CAAAiB,GAAA,EAAAf,aAAkB,CAAAyB,QAAA;UAC7DC,OAAA,EAAAhB,aAAA;UAECiB,KAAA;YAAAC,UAAA,EAAAlB,aAAA,gBAAAD,eAAA;UAEL;UAGFW,QAAA,EAAAP;QAEK;MAAA,IAEC,eAAW,IAASf,kBAAE,CAAAiB,GAAA,EAAAZ,oBAAA,CAAA0B,eAAA;QACtBC,OAAS,EAAE;QACXV,QAAQ,EAAA7B,KAAS,GAAG,eAAU,IAAAO,kBAA0B,CAAAiB,GAAA,EAAAZ,oBAAA,CAAA4B,MAAA,CAAAC,GAAA;UACxDF,OAAA,EAAY;YACVG,OAAU;UACZ;UAEAC,OAAA;YAACD,OAAA;UAAA;UACCE,IAAA,EAAK;YACLF,OAAM;YACNG,QAAI;YACJC,KAAA,GAA4C,GAC9C;UAbK;UAgBPC,UAAA;YAACC,QAAA;UAAA;UACCnB,QAAW,iBAAa,IAAAtB,kBAAA,CAAAiB,GAAA,EAAAX,aAAA,CAAAoC,MAAA;YACxBC,GAAS,EAAElD,KAAA;YACLmD,IAAE;YACRC,GAAA,KAAY;YACVC,SAAU,KAAAlC,aAAA,iBAAAF,KAAA;UACZ;QAEA,GAAAjB,KAAA,uBAAAO,kBAAA,CAAAwB,IAAA,EAAAtB,aAAA,CAAA6C,aAAA;UAAAf,OAAA;YACAG,OAAA;UACA;UACAC,OAAA;YAAKD,OAAA;UAAA;UAGXE,IAAA;YAEJF,OAAA;YAEJG,QAAA;YACaC,KAAA,GAEN,G","ignoreList":[]}

package/dist/cjs/components/Common/CustomQRCode/styles.cjs

@@ -0,0 +1,192 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var styles_exports = {};
+__export(styles_exports, {
+  LogoContainer: () => LogoContainer,
+  LogoIcon: () => LogoIcon,
+  PlaceholderKeyframes: () => PlaceholderKeyframes,
+  QRCodeContainer: () => QRCodeContainer,
+  QRCodeContent: () => QRCodeContent,
+  QRPlaceholder: () => QRPlaceholder
+});
+module.exports = __toCommonJS(styles_exports);
+var import_framer_motion = require("framer-motion");
+var import_styled = __toESM(require("./../../../styles/styled/index.cjs"));
+var import_styled_components = require("styled-components");
+const QRCodeContainer = (0, import_styled.default)(import_framer_motion.motion.div)`
+  z-index: 3;
+  position: relative;
+  overflow: hidden;
+  height: 0;
+  padding-bottom: 100% !important;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 1px 0 2px;
+  border-radius: var(--ck-qr-border-radius, 24px);
+  background: var(--ck-qr-background, transparent);
+  box-shadow: 0 0 0 1px var(--ck-qr-border-color);
+  backface-visibility: hidden;
+  svg {
+    display: block;
+    max-width: 100%;
+    width: 100%;
+    height: auto;
+  }
+`;
+const QRCodeContent = (0, import_styled.default)(import_framer_motion.motion.div)`
+  position: absolute;
+  inset: 13px;
+  svg {
+    width: 100% !important;
+    height: auto !important;
+  }
+`;
+const PlaceholderKeyframes = import_styled_components.keyframes`
+  0%{ background-position: 100% 0; }
+  100%{ background-position: -100% 0; }
+`;
+const QRPlaceholder = (0, import_styled.default)(import_framer_motion.motion.div)`
+  --color: var(--ck-qr-dot-color);
+  --bg: var(--ck-qr-background, var(--ck-body-background));
+
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  > div {
+    z-index: 4;
+    position: relative;
+    width: 28%;
+    height: 28%;
+    border-radius: 20px;
+    background: var(--bg);
+    box-shadow: 0 0 0 7px var(--bg);
+  }
+  > span {
+    z-index: 4;
+    position: absolute;
+    background: var(--color);
+    border-radius: 12px;
+    width: 13.25%;
+    height: 13.25%;
+    box-shadow: 0 0 0 4px var(--bg);
+    &:before {
+      content: "";
+      position: absolute;
+      inset: 9px;
+      border-radius: 3px;
+      box-shadow: 0 0 0 4px var(--bg);
+    }
+    &:nth-child(1) {
+      top: 0;
+      left: 0;
+    }
+    &:nth-child(2) {
+      top: 0;
+      right: 0;
+    }
+    &:nth-child(3) {
+      bottom: 0;
+      left: 0;
+    }
+  }
+  &:before {
+    z-index: 3;
+    content: "";
+    position: absolute;
+    inset: 0;
+    background: repeat;
+    background-size: 1.888% 1.888%;
+    background-image: radial-gradient(var(--color) 41%, transparent 41%);
+  }
+  &:after {
+    z-index: 5;
+    content: "";
+    position: absolute;
+    inset: 0;
+    transform: scale(1.5) rotate(45deg);
+    background-image: linear-gradient(
+      90deg,
+      rgba(255, 255, 255, 0) 50%,
+      rgba(255, 255, 255, 1),
+      rgba(255, 255, 255, 0)
+    );
+    background-size: 200% 100%;
+    animation: ${PlaceholderKeyframes} 1000ms linear infinite both;
+  }
+`;
+const LogoContainer = (0, import_styled.default)(import_framer_motion.motion.div)`
+  z-index: 6;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  transform: translateY(50%) scale(0.9999); // Shifting fix
+`;
+const LogoIcon = (0, import_styled.default)(import_framer_motion.motion.div)`
+  z-index: 6;
+  position: absolute;
+  left: 50%;
+  overflow: hidden;
+
+  transform: translate(-50%, -50%) scale(0.9999); // Shifting fix
+
+  svg {
+    display: block;
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
+
+  ${props => props.$wcLogo ? import_styled_components.css`
+          width: 29%;
+          height: 20.5%;
+        ` : import_styled_components.css`
+          width: 28%;
+          height: 28%;
+          border-radius: 17px;
+          &:before {
+            pointer-events: none;
+            z-index: 2;
+            content: "";
+            position: absolute;
+            inset: 0;
+            border-radius: inherit;
+            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.02);
+          }
+        `}
+`;

package/dist/cjs/components/Common/CustomQRCode/styles.native.js

@@ -0,0 +1,197 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var styles_exports = {};
+__export(styles_exports, {
+  LogoContainer: () => LogoContainer,
+  LogoIcon: () => LogoIcon,
+  PlaceholderKeyframes: () => PlaceholderKeyframes,
+  QRCodeContainer: () => QRCodeContainer,
+  QRCodeContent: () => QRCodeContent,
+  QRPlaceholder: () => QRPlaceholder
+});
+module.exports = __toCommonJS(styles_exports);
+var import_framer_motion = require("framer-motion");
+var import_styled = __toESM(require("./../../../styles/styled/index.native.js"));
+var import_styled_components = require("styled-components");
+var QRCodeContainer = (0, import_styled.default)(import_framer_motion.motion.div)`
+  z-index: 3;
+  position: relative;
+  overflow: hidden;
+  height: 0;
+  padding-bottom: 100% !important;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 1px 0 2px;
+  border-radius: var(--ck-qr-border-radius, 24px);
+  background: var(--ck-qr-background, transparent);
+  box-shadow: 0 0 0 1px var(--ck-qr-border-color);
+  backface-visibility: hidden;
+  svg {
+    display: block;
+    max-width: 100%;
+    width: 100%;
+    height: auto;
+  }
+`;
+var QRCodeContent = (0, import_styled.default)(import_framer_motion.motion.div)`
+  position: absolute;
+  inset: 13px;
+  svg {
+    width: 100% !important;
+    height: auto !important;
+  }
+`;
+var PlaceholderKeyframes = import_styled_components.keyframes`
+  0%{ background-position: 100% 0; }
+  100%{ background-position: -100% 0; }
+`;
+var QRPlaceholder = (0, import_styled.default)(import_framer_motion.motion.div)`
+  --color: var(--ck-qr-dot-color);
+  --bg: var(--ck-qr-background, var(--ck-body-background));
+
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  > div {
+    z-index: 4;
+    position: relative;
+    width: 28%;
+    height: 28%;
+    border-radius: 20px;
+    background: var(--bg);
+    box-shadow: 0 0 0 7px var(--bg);
+  }
+  > span {
+    z-index: 4;
+    position: absolute;
+    background: var(--color);
+    border-radius: 12px;
+    width: 13.25%;
+    height: 13.25%;
+    box-shadow: 0 0 0 4px var(--bg);
+    &:before {
+      content: "";
+      position: absolute;
+      inset: 9px;
+      border-radius: 3px;
+      box-shadow: 0 0 0 4px var(--bg);
+    }
+    &:nth-child(1) {
+      top: 0;
+      left: 0;
+    }
+    &:nth-child(2) {
+      top: 0;
+      right: 0;
+    }
+    &:nth-child(3) {
+      bottom: 0;
+      left: 0;
+    }
+  }
+  &:before {
+    z-index: 3;
+    content: "";
+    position: absolute;
+    inset: 0;
+    background: repeat;
+    background-size: 1.888% 1.888%;
+    background-image: radial-gradient(var(--color) 41%, transparent 41%);
+  }
+  &:after {
+    z-index: 5;
+    content: "";
+    position: absolute;
+    inset: 0;
+    transform: scale(1.5) rotate(45deg);
+    background-image: linear-gradient(
+      90deg,
+      rgba(255, 255, 255, 0) 50%,
+      rgba(255, 255, 255, 1),
+      rgba(255, 255, 255, 0)
+    );
+    background-size: 200% 100%;
+    animation: ${PlaceholderKeyframes} 1000ms linear infinite both;
+  }
+`;
+var LogoContainer = (0, import_styled.default)(import_framer_motion.motion.div)`
+  z-index: 6;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  transform: translateY(50%) scale(0.9999); // Shifting fix
+`;
+var LogoIcon = (0, import_styled.default)(import_framer_motion.motion.div)`
+  z-index: 6;
+  position: absolute;
+  left: 50%;
+  overflow: hidden;
+
+  transform: translate(-50%, -50%) scale(0.9999); // Shifting fix
+
+  svg {
+    display: block;
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
+
+  ${function (props) {
+  return props.$wcLogo ? import_styled_components.css`
+          width: 29%;
+          height: 20.5%;
+        ` : import_styled_components.css`
+          width: 28%;
+          height: 28%;
+          border-radius: 17px;
+          &:before {
+            pointer-events: none;
+            z-index: 2;
+            content: "";
+            position: absolute;
+            inset: 0;
+            border-radius: inherit;
+            box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.02);
+          }
+        `;
+}}
+`;
+//# sourceMappingURL=styles.native.js.map

package/dist/cjs/components/Common/CustomQRCode/styles.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","styles_exports","__export","LogoContainer","LogoIcon","PlaceholderKeyframes","QRCodeContainer","QRCodeContent","QRPlaceholder","module","exports","import_framer_motion","require","import_styled","__toESM","import_styled_components","default","motion","div","keyframes","props","$wcLogo","css"],"sources":["../../../../../src/components/Common/CustomQRCode/styles.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,cAAA;AAAAC,QAAA,CAAAD,cAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,oBAAA,EAAAA,CAAA,KAAAA,oBAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAd,YAAuB,CAAAK,cAAA;AACvB,IAAAU,oBAAmB,GAAAC,OAAA;AACnB,IAAAC,aAAA,GAAAC,OAAA,CAAAF,OAA+B;AAExB,IAAAG,wBAAwB,GAAAH,OAAA,oBAAO;AAAU,IAAAN,eAAA,OAAAO,aAAA,CAAAG,OAAA,EAAAL,oBAAA,CAAAM,MAAA,CAAAC,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBzC;AAAuC,IAAAX,aAAA,OAAAM,aAAA,CAAAG,OAAA,EAAAL,oBAAA,CAAAM,MAAA,CAAAC,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQvC;AAA6B,IAAAb,oBAAA,GAAAU,wBAAA,CAAAI,SAAA;AAAA;AAAA;AAI7B;AAAuC,IAAAX,aAAA,OAAAK,aAAA,CAAAG,OAAA,EAAAL,oBAAA,CAAAM,MAAA,CAAAC,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoET,iBAAAb,oBAAA;AAAA;AAI9B;AAAuC,IAAAF,aAAA,OAAAU,aAAA,CAAAG,OAAA,EAAAL,oBAAA,CAAAM,MAAA,CAAAC,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASvC;AAAkC,IAAAd,QAAA,OAAAS,aAAA,CAAAG,OAAA,EAAAL,oBAAA,CAAAM,MAAA,CAAAC,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBjC,cAAAE,KAAA;EAAA,OAAAA,KAAA,CAAAC,OAAA,GAAAN,wBAAA,CAAAO,GAAA;AAAA;AAIA;AAAA,YAAAP,wBAAA,CAAAO,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaC","ignoreList":[]}

package/dist/cjs/components/Common/CustomQRCode/types.cjs

@@ -0,0 +1,18 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/dist/cjs/components/Common/CustomQRCode/types.native.js

@@ -0,0 +1,21 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.native.js.map

package/dist/cjs/components/Common/CustomQRCode/types.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","types_exports"],"sources":["../../../../../src/components/Common/CustomQRCode/types.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA","ignoreList":[]}

package/dist/cjs/components/Common/DynamicContainer/index.cjs

@@ -0,0 +1,58 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var DynamicContainer_exports = {};
+__export(DynamicContainer_exports, {
+  default: () => DynamicContainer_default
+});
+module.exports = __toCommonJS(DynamicContainer_exports);
+var import_framer_motion = require("framer-motion");
+var import_jsx_runtime = require("react/jsx-runtime");
+const DynamicContainer = ({
+  id,
+  children
+}) => {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)("div", {
+    style: {
+      position: "relative"
+    },
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_framer_motion.motion.div, {
+      initial: {
+        opacity: 0
+      },
+      animate: {
+        opacity: 1
+      },
+      exit: {
+        opacity: 0,
+        position: "absolute",
+        top: 0,
+        left: 0
+      },
+      transition: {
+        duration: 0.3
+      },
+      children
+    }, id)
+  });
+};
+var DynamicContainer_default = DynamicContainer;