@capillarytech/creatives-library 8.0.334-alpha.0 → 8.0.334-alpha.1

package/v2Containers/Templates/_templates.scss

@@ -1,22 +1,34 @@
 @import '~@capillarytech/cap-ui-library/styles/_variables.scss';
 
 .ant-tabs-content{
-    margin-top: $CAP_SPACE_16;
+    margin-top: 16px;
     .ant-tabs-tabpane-active{
       padding: unset;
     }
   }
 
-// 3 cards per row across all breakpoints
-.creatives-templates-list {
-  .v2-pagination-container,
-  .v2-pagination-container-half {
-    .cap-custom-card-list-row {
-      .cap-custom-card-list-col {
-        width: calc(33.33% - #{$CAP_SPACE_08});
-        margin-right: $CAP_SPACE_12;
-        &:nth-child(3n) {
-          margin-right: 0;
+@media screen and (max-width: 1172px) {
+  .creatives-templates-list.full-mode{
+    .v2-pagination-container {
+      .cap-custom-card-list-row {
+        .cap-custom-card-list-col{
+          &:nth-child(3n+3) { //every 4th child
+            margin-right: unset;
+          }
+        }
+      }
+    }
+  }
+}
+
+@media screen and (min-width: 1172px) {
+  .creatives-templates-list.full-mode{
+    .v2-pagination-container {
+      .cap-custom-card-list-row {
+        .cap-custom-card-list-col{
+          &:nth-child(4n+4) { //every 4th child
+            margin-right: unset;
+          }
         }
       }
     }
@@ -662,32 +674,6 @@
   font-size: 14px;
 }
 
-// Archive/Unarchive confirm modal overrides — scoped to avoid affecting other modals
-.archive-confirm-modal {
-  // Remove the left margin added when an icon is present
-  .ant-modal-confirm-body {
-    > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
-      margin-left: 0;
-    }
-  }
-
-  // Left-align buttons, remove float
-  .ant-modal-confirm-btns {
-    float: none;
-    display: flex;
-    align-items: center;
-    gap: $CAP_SPACE_08;
-    margin-top: $CAP_SPACE_16;
-
-    // Cancel button styling
-    .ant-btn:not(.ant-btn-primary) {
-      background-color: $CAP_G08;
-      border-color: $CAP_G08;
-      color: $CAP_G01;
-    }
-  }
-}
-
 .popover-action-container {
   line-height: 24px;
 }
@@ -1115,65 +1101,4 @@
 .inapp-illustration-parent {
   height: "calc(100vh - 325px)";
   overflow: 'auto';
-}
-
-// Archive feature layout classes
-.illustration-scroll-wrapper {
-  height: calc(100vh - 20.3125rem);
-  overflow: auto;
-}
-
-.filter-row {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-}
-
-.filter-row-content {
-  flex: 1;
-}
-
-.bulk-selection-bar {
-  display: flex;
-  align-items: center;
-  gap: $CAP_SPACE_12;
-  flex-shrink: 0;
-}
-
-.archived-mode-header {
-  display: flex;
-  align-items: center;
-  gap: $CAP_SPACE_12;
-  margin-bottom: $CAP_SPACE_16;
-
-  .archived-mode-back-icon {
-    cursor: pointer;
-    font-size: 1.428rem;
-  }
-}
-
-.archived-tag {
-  margin-left: $CAP_SPACE_08;
-  font-size: 0.786rem;
-}
-
-.popover-archive-action {
-  cursor: pointer;
-  padding: $CAP_SPACE_08 0;
-}
-
-.archive-menu-item {
-  display: inline-flex;
-  align-items: center;
-  gap: $CAP_SPACE_08;
-  margin-top: 1rem;
-}
-
-.archive-btn-label {
-  margin-right: 0.714rem;
-}
-
-.bulk-selection-bar .cap-button-v2-prefix {
-  margin-top: 1rem;
-}
+}

package/v2Containers/Templates/actions.js

@@ -167,39 +167,3 @@ export function getCdnTransformationConfig() {
     type: types.GET_CDN_TRANSFORMATION_CONFIG_REQUEST,
   };
 }
-
-export function archiveTemplate(channel, id, templateName) {
-  return { type: types.ARCHIVE_TEMPLATE_REQUEST, channel, id, templateName };
-}
-
-export function unarchiveTemplate(channel, id, templateName) {
-  return { type: types.UNARCHIVE_TEMPLATE_REQUEST, channel, id, templateName };
-}
-
-export function bulkArchiveTemplates(channel, ids) {
-  return { type: types.BULK_ARCHIVE_REQUEST, channel, ids };
-}
-
-export function bulkUnarchiveTemplates(channel, ids) {
-  return { type: types.BULK_UNARCHIVE_REQUEST, channel, ids };
-}
-
-export function setArchiveFilter(filter) {
-  return { type: types.SET_ARCHIVE_FILTER, filter };
-}
-
-export function toggleTemplateSelection(id) {
-  return { type: types.TOGGLE_TEMPLATE_SELECTION, id };
-}
-
-export function selectAllTemplates(ids) {
-  return { type: types.SELECT_ALL_TEMPLATES, ids };
-}
-
-export function clearTemplateSelection() {
-  return { type: types.CLEAR_TEMPLATE_SELECTION };
-}
-
-export function setArchivedMode(isArchived) {
-  return { type: types.SET_ARCHIVED_MODE, isArchived };
-}

package/v2Containers/Templates/constants.js

@@ -91,26 +91,3 @@ export const noApprovedWhatsappTemplatesDesc ='noApprovedWhatsappTemplatesDesc'
 export const zaloDescIllustration='zaloDescIllustration'
 export const noApprovedRcsTemplatesTitle='noApprovedRcsTemplatesTitle'
 export const noApprovedRcsTemplatesDesc='noApprovedRcsTemplatesDesc'
-
-// Archive feature
-export const ARCHIVE_TEMPLATE_REQUEST = 'app/v2Containers/Templates/ARCHIVE_TEMPLATE_REQUEST';
-export const ARCHIVE_TEMPLATE_SUCCESS = 'app/v2Containers/Templates/ARCHIVE_TEMPLATE_SUCCESS';
-export const ARCHIVE_TEMPLATE_FAILURE = 'app/v2Containers/Templates/ARCHIVE_TEMPLATE_FAILURE';
-
-export const UNARCHIVE_TEMPLATE_REQUEST = 'app/v2Containers/Templates/UNARCHIVE_TEMPLATE_REQUEST';
-export const UNARCHIVE_TEMPLATE_SUCCESS = 'app/v2Containers/Templates/UNARCHIVE_TEMPLATE_SUCCESS';
-export const UNARCHIVE_TEMPLATE_FAILURE = 'app/v2Containers/Templates/UNARCHIVE_TEMPLATE_FAILURE';
-
-export const BULK_ARCHIVE_REQUEST = 'app/v2Containers/Templates/BULK_ARCHIVE_REQUEST';
-export const BULK_ARCHIVE_SUCCESS = 'app/v2Containers/Templates/BULK_ARCHIVE_SUCCESS';
-export const BULK_ARCHIVE_FAILURE = 'app/v2Containers/Templates/BULK_ARCHIVE_FAILURE';
-
-export const BULK_UNARCHIVE_REQUEST = 'app/v2Containers/Templates/BULK_UNARCHIVE_REQUEST';
-export const BULK_UNARCHIVE_SUCCESS = 'app/v2Containers/Templates/BULK_UNARCHIVE_SUCCESS';
-export const BULK_UNARCHIVE_FAILURE = 'app/v2Containers/Templates/BULK_UNARCHIVE_FAILURE';
-
-export const SET_ARCHIVE_FILTER = 'app/v2Containers/Templates/SET_ARCHIVE_FILTER';
-export const TOGGLE_TEMPLATE_SELECTION = 'app/v2Containers/Templates/TOGGLE_TEMPLATE_SELECTION';
-export const SELECT_ALL_TEMPLATES = 'app/v2Containers/Templates/SELECT_ALL_TEMPLATES';
-export const CLEAR_TEMPLATE_SELECTION = 'app/v2Containers/Templates/CLEAR_TEMPLATE_SELECTION';
-export const SET_ARCHIVED_MODE = 'app/v2Containers/Templates/SET_ARCHIVED_MODE';