@blinkpage/composer-tools 1.0.0 → 1.1.0

package/composer-base-components/Link/ComposerLinkProvider.tsx

@@ -0,0 +1,62 @@
+import React from "react";
+import styles from "./link.module.scss";
+
+interface ComposerLinkProps {
+  children?: React.ReactNode;
+  path?: string;
+  isFullWidth?: boolean;
+}
+
+type ComposerLinkComponent = React.FC<ComposerLinkProps>;
+
+const DefaultComposerLink: ComposerLinkComponent = ({
+  children,
+  path = "",
+  isFullWidth = false,
+}) => {
+  const wrapperStyle = { width: isFullWidth ? "100%" : ("unset" as const) };
+
+  if (!path) {
+    return (
+      <div className={styles.container} style={wrapperStyle}>
+        {children}
+      </div>
+    );
+  }
+
+  const formatUrl = (url: string): string => {
+    if (!url) return "";
+    if (url.startsWith("#") || url.startsWith("http://") || url.startsWith("https://")) return url;
+    return `https://${url}`;
+  };
+
+  return (
+    <a
+      href={formatUrl(path)}
+      style={wrapperStyle}
+      target="_blank"
+      rel="noopener noreferrer"
+      className={styles.container}
+    >
+      {children}
+    </a>
+  );
+};
+
+let _ComposerLink: ComposerLinkComponent = DefaultComposerLink;
+
+export function setComposerLink(link: ComposerLinkComponent) {
+  _ComposerLink = link;
+}
+
+export function getComposerLink(): ComposerLinkComponent {
+  return _ComposerLink;
+}
+
+const ComposerLink: React.FC<ComposerLinkProps> = (props) => {
+  const Link = getComposerLink();
+  return <Link {...props} />;
+};
+
+export default ComposerLink;
+export type { ComposerLinkProps, ComposerLinkComponent };

package/composer-base-components/Link/link.module.scss

@@ -0,0 +1,7 @@
+.container{
+    text-decoration: unset;
+}
+a{
+    text-decoration: none ;
+    color: inherit;
+}

package/composer-base-components/ui/accordion/Accordion.tsx

@@ -1,8 +1,8 @@
 
 import React, { useState } from 'react'
 import styles from "./Accordion.module.scss";
-import { Base } from 'composer-tools/composer-base-components/base/base';
-import { TypeMediaInputValue } from 'composer-tools/editor-components/EditorComponent';
+import { Base } from '../../base/base';
+import { TypeMediaInputValue } from '../../../editor-components/EditorComponent';
 interface AccordionProps {
     title: string;
     children: React.ReactNode;

package/composer-base-components/ui/dropdown/Dropdown.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useRef, useEffect } from 'react';
 import styles from './Dropdown.module.scss';
-import { Base } from "composer-tools/composer-base-components/base/base";
-import { TypeMediaInputValue } from 'composer-tools/editor-components/EditorComponent';
+import { Base } from "../../base/base";
+import { TypeMediaInputValue } from '../../../editor-components/EditorComponent';
 
 
 export interface DropDownItem {

package/custom-hooks/input-templates.tsx

@@ -1,5 +1,5 @@
-import { TypeButton } from "composer-tools/composer-base-components/base/base";
-import { TypeUsableComponentProps } from "composer-tools/editor-components/EditorComponent";
+import { TypeButton } from "../composer-base-components/base/base";
+import { TypeUsableComponentProps } from "../editor-components/EditorComponent";
 
 export namespace INPUTS {
   export type CastedButton = {

package/editor-components/EditorComponent.tsx

@@ -6,8 +6,8 @@ import { renderToString } from "react-dom/server";
 import { THEMES, TTheme } from "./location/themes";
 import { getInlineEditor } from "../InlineEditorProvider";
 import { v4 as uuidv4 } from 'uuid';
-import { CurrencyCode } from "composer-tools/utils/currency";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
+import { CurrencyCode } from "../utils/currency";
+import { INPUTS } from "../custom-hooks/input-templates";
 
 export const LANGUAGES = [
   { code: "en", name: "English", nativeName: "English" },

package/editor-components/Image_gallery/image_gallery_1/image-gallery1.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import { BaseImageGallery, TypeMediaInputValue } from "../../EditorComponent";
 import styles from "./image-gallery1.module.scss";
 import { Base } from "../../../composer-base-components/base/base";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
+import { INPUTS } from "../../../custom-hooks/input-templates";
 
 interface ImageGallery {
   sectionTitle: React.JSX.Element;

package/editor-components/Image_gallery/image_gallery_10/image-gallery10.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import styles from "./image-gallery10.module.scss";
 import { Base } from "../../../composer-base-components/base/base";
 import { BaseImageGallery } from "../../EditorComponent";
-import ComposerLink from "../../../../custom-hooks/composer-base-components/Link/link";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
 
 type CardType = {
     title: React.ReactNode;

package/editor-components/Image_gallery/image_gallery_2/image-gallery2.tsx

@@ -3,7 +3,7 @@ import { BaseImageGallery, TypeMediaInputValue } from "../../EditorComponent";
 import styles from "./image-gallery2.module.scss";
 
 import { Base } from "../../../composer-base-components/base/base";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
+import { INPUTS } from "../../../custom-hooks/input-templates";
 
 type ImageType = {
     image: TypeMediaInputValue;

package/editor-components/Image_gallery/image_gallery_3/image-gallery3.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import styles from "./image-gallery3.module.scss";
 import { BaseImageGallery, TypeMediaInputValue } from "../../EditorComponent";
 import { Base } from "../../../composer-base-components/base/base";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
+import { INPUTS } from "../../../custom-hooks/input-templates";
 
 interface ImageItem {
     image: TypeMediaInputValue;

package/editor-components/Image_gallery/image_gallery_4/image-gallery4.tsx

@@ -3,7 +3,7 @@ import { BaseImageGallery, TypeMediaInputValue } from "../../EditorComponent";
 import styles from "./image-gallery4.module.scss";
 
 import { Base } from "../../../composer-base-components/base/base";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
+import { INPUTS } from "../../../custom-hooks/input-templates";
 
 type NavItem = {
   title: React.JSX.Element;

package/editor-components/Image_gallery/image_gallery_5/image-gallery5.tsx

@@ -3,7 +3,7 @@ import * as React from "react";
 import { BaseImageGallery, TypeMediaInputValue } from "../../EditorComponent";
 import styles from "./image-gallery5.module.scss";
 import { Base } from "../../../composer-base-components/base/base";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
+import { INPUTS } from "../../../custom-hooks/input-templates";
 
 interface GalleryItem {
   image: TypeMediaInputValue;

package/editor-components/Image_gallery/image_gallery_6/image-gallery6.tsx

@@ -3,8 +3,8 @@ import * as React from "react";
 import { BaseImageGallery, TypeMediaInputValue } from "../../EditorComponent";
 import styles from "./image-gallery6.module.scss";
 import { Base } from "../../../composer-base-components/base/base";
-import ComposerLink from "../../../../custom-hooks/composer-base-components/Link/link";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
+import { INPUTS } from "../../../custom-hooks/input-templates";
 interface GalleryItem {
     sectionTitle: React.JSX.Element,
     images: ImageItem[],

package/editor-components/Image_gallery/image_gallery_7/image-gallery7.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import { BaseImageGallery, TypeMediaInputValue } from "../../EditorComponent";
 import styles from "./image-gallery7.module.scss";
 import { Base } from "../../../composer-base-components/base/base";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
+import { INPUTS } from "../../../custom-hooks/input-templates";
 
 type CardItemType = {
     image: TypeMediaInputValue;

package/editor-components/Image_gallery/image_gallery_8/image-gallery8.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import styles from "./image-gallery8.module.scss";
 import { BaseImageGallery, TypeMediaInputValue } from "../../EditorComponent";
-import ComposerLink from "../../../../custom-hooks/composer-base-components/Link/link";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
 import { Base } from "../../../composer-base-components/base/base";
 
 interface Card {

package/editor-components/Image_gallery/image_gallery_9/image-gallery9.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import styles from "./image-gallery9.module.scss";
 import { BaseImageGallery, TypeMediaInputValue } from "../../EditorComponent";
-import ComposerLink from "../../../../custom-hooks/composer-base-components/Link/link";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
 import { Base } from "../../../composer-base-components/base/base";
 
 interface Card {

package/editor-components/about/about1/about1.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { BaseAbout } from "../../EditorComponent";
 import styles from "./about1.module.scss";
-import ComposerLink from "../../../../custom-hooks/composer-base-components/Link/link";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
 
 import { Base } from "../../../composer-base-components/base/base";
 

package/editor-components/about/about10/about10.tsx

@@ -2,8 +2,8 @@ import * as React from "react";
 import { BaseAbout } from "../../EditorComponent";
 import styles from "./about10.module.scss";
 import { Base } from "../../../composer-base-components/base/base";
-import ComposerLink from "../../../../custom-hooks/composer-base-components/Link/link";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
+import { INPUTS } from "../../../custom-hooks/input-templates";
 
 interface FeatureItem {
   title: React.JSX.Element;

package/editor-components/about/about11/about11.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { BaseAbout, TypeMediaInputValue } from "../../EditorComponent";
 import styles from "./about11.module.scss";
-import ComposerLink from "../../../../custom-hooks/composer-base-components/Link/link";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
 import { Base } from "../../../composer-base-components/base/base";
 
 interface Icon {

package/editor-components/about/about12/about12.tsx

@@ -1,9 +1,9 @@
 import * as React from "react";
-import { BaseAbout } from "composer-tools/editor-components/EditorComponent";
+import { BaseAbout } from "../../EditorComponent";
 import styles from "./about12.module.scss";
 import { Base } from "../../../composer-base-components/base/base";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
-import ComposerLink from "../../../../custom-hooks/composer-base-components/Link/link";
+import { INPUTS } from "../../../custom-hooks/input-templates";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
 
 class About12 extends BaseAbout {
   constructor(props?: any) {

package/editor-components/about/about13/about13.tsx

@@ -1,9 +1,9 @@
 import * as React from "react";
 import { BaseAbout, TypeUsableComponentProps } from "../../EditorComponent";
 import styles from "./about13.module.scss";
-import ComposerLink from "../../../../custom-hooks/composer-base-components/Link/link";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
 import { Base } from "../../../composer-base-components/base/base";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
+import { INPUTS } from "../../../custom-hooks/input-templates";
 
 class About13 extends BaseAbout {
     constructor(props?: TypeUsableComponentProps) {

package/editor-components/about/about15/about15.tsx

@@ -1,8 +1,8 @@
 import { BaseAbout, TypeMediaInputValue } from "../../EditorComponent";
 import styles from "./about15.module.scss";
 import { Base } from "../../../composer-base-components/base/base";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
-import ComposerLink from "../../../../custom-hooks/composer-base-components/Link/link";
+import { INPUTS } from "../../../custom-hooks/input-templates";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
 
 type ImageItemType = {
     image: TypeMediaInputValue;

package/editor-components/about/about16/about16.tsx

@@ -2,8 +2,8 @@ import * as React from "react";
 import { BaseAbout, TypeMediaInputValue } from "../../EditorComponent";
 import styles from "./about16.module.scss";
 import { Base } from "../../../composer-base-components/base/base";
-import ComposerLink from "../../../../custom-hooks/composer-base-components/Link/link";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
+import { INPUTS } from "../../../custom-hooks/input-templates";
 
 type CardItemType = {
     video: TypeMediaInputValue;

package/editor-components/about/about2/about2.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import styles from "./about2.module.scss";
 import { BaseAbout } from "../../EditorComponent";
 import { Base } from "../../../composer-base-components/base/base";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
+import { INPUTS } from "../../../custom-hooks/input-templates";
 
 class About2 extends BaseAbout {
   constructor(props?: any) {

package/editor-components/about/about3/about3.tsx

@@ -3,8 +3,8 @@ import { BaseAbout } from "../../EditorComponent";
 import styles from "./about3.module.scss";
 
 import { Base } from "../../../composer-base-components/base/base";
-import ComposerLink from "../../../../custom-hooks/composer-base-components/Link/link";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
+import { INPUTS } from "../../../custom-hooks/input-templates";
 
 class About3 extends BaseAbout {
   constructor(props?: any) {

package/editor-components/about/about8/about8.tsx

@@ -1,7 +1,7 @@
 import { BaseAbout } from "../../EditorComponent";
 import styles from "./about8.module.scss";
 import { Base } from "../../../composer-base-components/base/base";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
+import { INPUTS } from "../../../custom-hooks/input-templates";
 
 type Text = {
   description: React.JSX.Element;

package/editor-components/about/about9/about9.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import styles from "./about9.module.scss";
 import { Base } from "../../../composer-base-components/base/base";
-import { BaseAbout } from "composer-tools/editor-components/EditorComponent";
+import { BaseAbout } from "../../EditorComponent";
 
 class About9 extends BaseAbout {
     constructor(props?: any) {

package/editor-components/blog/blog1/blog1.tsx

@@ -3,7 +3,7 @@ import { BaseBlog } from "../../EditorComponent";
 import styles from "./blog1.module.scss";
 import ComposerSlider from "../../../composer-base-components/slider/slider";
 import { INPUTS } from "../../../custom-hooks/input-templates";
-import ComposerLink from "../../../../custom-hooks/composer-base-components/Link/link";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
 import { Base } from "../../../composer-base-components/base/base";
 
 type CardType = {

package/editor-components/blog/blog2/blog2.tsx

@@ -1,10 +1,10 @@
 import * as React from "react";
-import ComposerLink from "../../../../custom-hooks/composer-base-components/Link/link";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
 import { BaseBlog } from "../../EditorComponent";
 import styles from "./blog2.module.scss";
 
 import { Base } from "../../../composer-base-components/base/base";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
+import { INPUTS } from "../../../custom-hooks/input-templates";
 
 class Blog2 extends BaseBlog {
   constructor(props?: any) {

package/editor-components/blog/blog3/blog3.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { BaseBlog } from "../../EditorComponent";
 import styles from "./blog3.module.scss";
-import ComposerLink from "../../../../custom-hooks/composer-base-components/Link/link";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
 import { Base } from "../../../composer-base-components/base/base";
 import { INPUTS } from "../../../custom-hooks/input-templates";
 

package/editor-components/breadcrumb/breadcrumb1/breadcrumb1.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import styles from "./breadcrumb1.module.scss";
 import { Base } from "../../../composer-base-components/base/base";
 import { BaseBreadcrumb } from "../../EditorComponent";
-import ComposerLink from "custom-hooks/composer-base-components/Link/link";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
 
 type BreadcrumbItem = {
     title: string;

package/editor-components/breadcrumb/breadcrumb2/breadcrumb2.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import styles from "./breadcrumb2.module.scss";
 import { Base } from "../../../composer-base-components/base/base";
 import { BaseBreadcrumb } from "../../EditorComponent";
-import ComposerLink from "custom-hooks/composer-base-components/Link/link";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
 
 type BreadcrumbItem = {
     title: string;

package/editor-components/breadcrumb/breadcrumb3/breadcrumb3.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import styles from "./breadcrumb3.module.scss";
 import { Base } from "../../../composer-base-components/base/base";
 import { BaseBreadcrumb } from "../../EditorComponent";
-import ComposerLink from "custom-hooks/composer-base-components/Link/link";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
 
 type BreadcrumbItem = {
     title: string;

package/editor-components/breadcrumb/breadcrumb4/breadcrumb4.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import styles from "./breadcrumb4.module.scss";
 import { Base } from "../../../composer-base-components/base/base";
 import { BaseBreadcrumb } from "../../EditorComponent";
-import ComposerLink from "custom-hooks/composer-base-components/Link/link";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
 
 type BreadcrumbItem = {
     title: string;

package/editor-components/breadcrumb/breadcrumb5/breadcrumb5.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import styles from "./breadcrumb5.module.scss";
 import { Base } from "../../../composer-base-components/base/base";
 import { BaseBreadcrumb } from "../../EditorComponent";
-import ComposerLink from "custom-hooks/composer-base-components/Link/link";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
 
 type BreadcrumbItem = {
     title: string;

package/editor-components/breadcrumb/breadcrumb6/breadcrumb6.tsx

@@ -2,7 +2,7 @@ import * as React from "react";
 import styles from "./breadcrumb6.module.scss";
 import { Base } from "../../../composer-base-components/base/base";
 import { BaseBreadcrumb } from "../../EditorComponent";
-import ComposerLink from "custom-hooks/composer-base-components/Link/link";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
 
 type BreadcrumbItem = {
     title: string;

package/editor-components/call_to_action/call_to_action1/call_to_action1.tsx

@@ -1,10 +1,10 @@
 import * as React from "react";
-import ComposerLink from "../../../../custom-hooks/composer-base-components/Link/link";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
 import { BaseCallToAction } from "../../EditorComponent";
 import styles from "./call_to_action1.module.scss";
 import { Base } from "../../../composer-base-components/base/base";
 
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
+import { INPUTS } from "../../../custom-hooks/input-templates";
 
 class CallToAction1Page extends BaseCallToAction {
   constructor(props?: any) {

package/editor-components/call_to_action/call_to_action10/call_to_action10.tsx

@@ -1,10 +1,10 @@
 import * as React from "react";
-import ComposerLink from "../../../../custom-hooks/composer-base-components/Link/link";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
 import { BaseCallToAction } from "../../EditorComponent";
 import styles from "./call_to_action10.module.scss";
 
 import { Base } from "../../../composer-base-components/base/base";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
+import { INPUTS } from "../../../custom-hooks/input-templates";
 interface CardItem {
   cardIcon: string,
   cardTitle: React.JSX.Element,

package/editor-components/call_to_action/call_to_action11/call_to_action11.tsx

@@ -1,9 +1,9 @@
 import * as React from "react";
-import ComposerLink from "../../../../custom-hooks/composer-base-components/Link/link";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
 import { BaseCallToAction } from "../../EditorComponent";
 import styles from "./call_to_action11.module.scss";
 import { Base } from "../../../composer-base-components/base/base";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
+import { INPUTS } from "../../../custom-hooks/input-templates";
 
 type Button = INPUTS.CastedButton;
 

package/editor-components/call_to_action/call_to_action12/call_to_action12.tsx

@@ -3,8 +3,8 @@ import { BaseCallToAction } from "../../EditorComponent";
 import styles from "./call_to_action12.module.scss";
 import { Base } from "../../../composer-base-components/base/base";
 import { Form, Formik } from "formik";
-import ComposerLink from "../../../../custom-hooks/composer-base-components/Link/link";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
+import { INPUTS } from "../../../custom-hooks/input-templates";
 import * as Yup from "yup";
 
 class CallToAction12Page extends BaseCallToAction {

package/editor-components/call_to_action/call_to_action13/call_to_action13.tsx

@@ -1,9 +1,9 @@
 import * as React from "react";
-import ComposerLink from "../../../../custom-hooks/composer-base-components/Link/link";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
 import { BaseCallToAction } from "../../EditorComponent";
 import styles from "./call_to_action13.module.scss";
 import { Base } from "../../../composer-base-components/base/base";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
+import { INPUTS } from "../../../custom-hooks/input-templates";
 
 type Button = INPUTS.CastedButton;
 

package/editor-components/call_to_action/call_to_action14/call_to_action14.tsx

@@ -1,9 +1,9 @@
 import * as React from "react";
 import { BaseCallToAction } from "../../EditorComponent";
 import styles from "./call_to_action14.module.scss";
-import ComposerLink from "../../../../custom-hooks/composer-base-components/Link/link";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
 import { Base } from "../../../composer-base-components/base/base";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
+import { INPUTS } from "../../../custom-hooks/input-templates";
 
 class CallToAction14 extends BaseCallToAction {
   constructor(props?: any) {

package/editor-components/call_to_action/call_to_action15/call_to_action15.tsx

@@ -1,9 +1,9 @@
 import * as React from "react";
 import { BaseCallToAction } from "../../EditorComponent";
 import styles from "./call_to_action15.module.scss";
-import ComposerLink from "../../../../custom-hooks/composer-base-components/Link/link";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
 import { Base } from "../../../composer-base-components/base/base";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
+import { INPUTS } from "../../../custom-hooks/input-templates";
 
 class CallToAction15 extends BaseCallToAction {
     constructor(props?: any) {

package/editor-components/call_to_action/call_to_action16/call_to_action16.tsx

@@ -1,9 +1,9 @@
 import * as React from "react";
 import { BaseCallToAction } from "../../EditorComponent";
 import styles from "./call_to_action16.module.scss";
-import ComposerLink from "../../../../custom-hooks/composer-base-components/Link/link";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
 import { Base } from "../../../composer-base-components/base/base";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
+import { INPUTS } from "../../../custom-hooks/input-templates";
 
 class CallToAction16 extends BaseCallToAction {
     constructor(props?: any) {

package/editor-components/call_to_action/call_to_action17/call_to_action17.tsx

@@ -1,9 +1,9 @@
 import * as React from "react";
 import { BaseCallToAction } from "../../EditorComponent";
 import styles from "./call_to_action17.module.scss";
-import ComposerLink from "../../../../custom-hooks/composer-base-components/Link/link";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
 import { Base } from "../../../composer-base-components/base/base";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
+import { INPUTS } from "../../../custom-hooks/input-templates";
 
 class CallToAction17 extends BaseCallToAction {
     constructor(props?: any) {

package/editor-components/call_to_action/call_to_action18/call_to_action18.tsx

@@ -2,8 +2,8 @@ import * as React from "react";
 import { BaseCallToAction } from "../../EditorComponent";
 import styles from "./call_to_action18.module.scss";
 import { Base } from "../../../composer-base-components/base/base";
-import ComposerLink from "../../../../custom-hooks/composer-base-components/Link/link";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
+import { INPUTS } from "../../../custom-hooks/input-templates";
 
 type Button = INPUTS.CastedButton;
 

package/editor-components/call_to_action/call_to_action2/call_to_action2.tsx

@@ -1,10 +1,10 @@
 import * as React from "react";
-import ComposerLink from "../../../../custom-hooks/composer-base-components/Link/link";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
 import { BaseCallToAction } from "../../EditorComponent";
 import styles from "./call_to_action2.module.scss";
 
 import { Base } from "../../../composer-base-components/base/base";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
+import { INPUTS } from "../../../custom-hooks/input-templates";
 
 type Button = INPUTS.CastedButton;
 

package/editor-components/call_to_action/call_to_action20/call_to_action20.tsx

@@ -2,8 +2,8 @@ import * as React from "react";
 import { BaseCallToAction } from "../../EditorComponent";
 import styles from "./call_to_action20.module.scss";
 import { Base } from "../../../composer-base-components/base/base";
-import ComposerLink from "../../../../custom-hooks/composer-base-components/Link/link";
-import { INPUTS } from "composer-tools/custom-hooks/input-templates";
+import ComposerLink from "../../../composer-base-components/Link/ComposerLinkProvider";
+import { INPUTS } from "../../../custom-hooks/input-templates";
 
 type Button = INPUTS.CastedButton;